.employee-requests{width:min(950px,calc(100% - 28px));max-height:90vh;overflow:auto;background:#151515;color:#eee;border:1px solid #ff7a00;border-radius:12px;padding:24px;box-sizing:border-box}.employee-requests::backdrop{background:#000b}.request-heading,.request-tools,.request-list article{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.request-heading{position:sticky;top:0;background:#151515;z-index:1;padding-bottom:8px}.employee-requests label{display:block;margin:12px 0}.employee-requests input,.employee-requests select,.employee-requests textarea{display:block;width:100%;padding:10px;background:#222;color:#fff;border:1px solid #777;border-radius:5px;box-sizing:border-box;font:inherit}.employee-requests textarea{resize:vertical}.request-filters,.request-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.request-filters .mini-btn{margin-bottom:12px;min-height:40px}.request-list article,.request-history article{padding:16px 0;border-bottom:1px solid #555;overflow-wrap:anywhere}.request-list article>div{min-width:0;flex:1}.request-list h3{margin:6px 0}.request-list p{margin:4px 0;color:#bbb}.request-status{display:inline-block;background:#422300;border:1px solid #bc6500;color:#ffd2a4;padding:3px 10px;border-radius:14px;margin:8px 0}.request-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;background:#202020;padding:16px;border-radius:8px}.request-update .request-body{background:#292415}.employee-requests h3{overflow-wrap:anywhere}.employee-requests button:disabled{opacity:.55}#requestNotice{min-height:1.5em;color:#ffd09c}#requestScope{color:#bbb;font-size:.9rem}@media(max-width:600px){.employee-requests{padding:16px}.request-filters,.request-fields{grid-template-columns:1fr;gap:0}.request-list article{align-items:stretch;flex-direction:column}.request-heading h2{font-size:1.3rem}}
.employee-requests .request-heading{top:-24px;margin:-24px -24px 12px;padding:14px 24px;background:#151515;border-bottom:1px solid #444}.request-heading h2{margin:0}@media(max-width:600px){.employee-requests .request-heading{top:-16px;margin:-16px -16px 12px;padding:12px 16px}}

.request-help,.request-optional{color:#bbb;font-size:.9rem}.employee-requests input[readonly]{color:#ccc;background:#191919}

.employee-requests .request-delete{display:block;margin-top:28px;color:#ffb6b6;border-color:#a85555}