.login-panel{max-width:560px;margin:60px auto;padding:32px;background:white;border:1px solid #dae1e5;border-radius:12px}.login-panel h1{font-size:25px}.login-panel details{margin-top:28px;border-top:1px solid #dae1e5;padding-top:20px}form label{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}input,select,textarea{font:inherit;padding:10px;border:1px solid #bfcbd1;border-radius:6px;background:white;color:#243840}textarea{min-height:130px;resize:vertical}fieldset{border:1px solid #d8e0e4;border-radius:7px;margin:18px 0;padding:16px}fieldset label{display:inline-flex;flex-direction:row;align-items:center;margin:7px 16px 7px 0}.muted{color:#667e88;font-size:14px}.status-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,760px);padding:16px 22px;border:1px solid #b44c5a;background:#fff5f5;border-radius:8px;color:#802a38;z-index:1000;box-shadow:0 5px 22px #23354026;white-space:pre-wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px}.attachment-list{list-style:none;margin:10px 0;padding:0}.attachment-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #e5eaed}.history-content{white-space:pre-wrap;overflow-wrap:anywhere}.history-content.customer{background:#fbf0f2;border-left:4px solid #982e40;margin-left:30px}.history-content.company{background:#edf6fc;border-left:4px solid #5a93aa;margin-right:30px}.history-content{padding:20px;border-radius:7px;margin-top:15px}.metadata{display:flex;flex-wrap:wrap;gap:20px}.metadata div{min-width:130px}.metadata dt{font-size:13px;color:#69808a}.metadata dd{margin:2px 0;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{margin:0}.confirm-value{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#f4f6f7;border-radius:5px;margin-bottom:14px}.file-state{font-size:13px;color:#728691}button:disabled{opacity:.5;cursor:not-allowed}summary{cursor:pointer;font-weight:700}button[aria-current=page]{color:#952e40}.empty{padding:40px;border:1px solid #dce3e7;border-radius:8px;text-align:center;background:white}[hidden]{display:none!important}@media(max-width:650px){.login-panel{margin:24px 16px;padding:24px}.form-grid{grid-template-columns:1fr}.history-content.customer,.history-content.company{margin-left:0;margin-right:0}}
.history-layout{margin-top:16px}.history-layout .history-content{margin:0;min-width:0;min-height:240px}.history-layout .history-list{max-height:46vh;overflow:auto}.history-list thead{position:sticky;top:0;z-index:1}.history-list button.text-link{padding:0;min-height:28px;font-size:13px;text-align:left}.history-list tr.staff.selected{background:#e7f0f9}.history-list tr.customer.selected{background:#f7e5ea}.history-content p{line-height:1.9;font-size:14px}.dialog-head{position:sticky;top:0;z-index:3}.case-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#confirmPanel,#settingsDialog>p,#settingsDialog>h3,#changePasswordForm,#passwordEnrollForm,#totpEnrollForm,#contactsDialog>p,#contactHistory{padding:20px 25px}#contactsDialog>#newContact{margin:0 25px 15px}.account{flex-wrap:wrap}#caseList .table-wrap{overflow:auto}#caseList table{min-width:760px}#caseList th,#caseList td{white-space:normal}.history-content.customer{border-top-right-radius:2px}.history-content.company{border-top-left-radius:2px}@media(max-width:650px){.history-layout .history-content{min-height:0}.history-layout .history-list{max-height:35vh}.main-nav{align-items:flex-start;flex-wrap:wrap}.main-nav>div{flex-wrap:wrap}.brand-header{flex-wrap:wrap}.account{justify-content:flex-start}.account>span{text-align:left}.metadata div{min-width:0}}
#list .table-wrap{overflow-x:auto}#list table{min-width:800px}#staffName{display:inline-block!important;max-width:220px;overflow-wrap:anywhere}.attachment-list li{flex-wrap:wrap;overflow-wrap:anywhere}.attachment-list li>div{min-width:0}.case-actions+h3{margin-top:24px}.history-content button{white-space:normal}
.advanced-filters{flex-basis:100%;font-size:13px}.filter-options{display:flex;gap:12px;flex-wrap:wrap;align-items:end;padding-top:12px}.filter-options label{display:flex;flex-direction:column;align-items:start}

.customer-directory .brand-header nav{margin:0;gap:20px}.customer-directory .brand-header nav a{color:#fff;text-decoration:underline}.customer-directory .filters .search-field{display:flex;flex-direction:column;align-items:stretch;gap:8px}.customer-directory .filters .search-field input{width:100%}

.login-help{margin:20px 0;padding:16px;border:1px solid #d4dce0;border-radius:10px;background:#f4f7f9}.login-help p{font-size:14px;line-height:1.7}.login-help label{display:block}.login-help input{width:100%;margin:6px 0 10px}

.passkey-username{display:block;margin:18px 0 14px}.passkey-username input{display:block;width:100%;margin-top:8px}

/* Compact staff overview: primary actions, search, then cases. */
.staff-workspace main{padding:24px 34px}.staff-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.staff-heading h1{font-size:26px;margin:0;line-height:1.3}.staff-count{font-size:14px;color:#687b84;font-weight:500;margin-left:10px}.staff-trial{display:inline-block;margin-top:6px;font-size:12px;color:#687b84}.staff-primary{display:flex;align-items:center;gap:20px}.staff-primary a{font-size:14px;white-space:nowrap}.staff-primary button{font-size:14px;min-height:40px}.staff-workspace .staff-filters{display:flex;align-items:end;gap:10px;padding:0;margin:0;border:0;border-radius:0;background:none;flex-wrap:nowrap}.staff-filters label{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin:0;font-size:12px;color:#687b84;min-width:0}.staff-filters input,.staff-filters select{height:40px;font-size:14px;padding:8px 10px;width:100%;min-width:0}.staff-office{flex:0 1 340px}.staff-state{flex:0 0 135px}.staff-workspace .staff-filters .search-field{display:block;flex:1;min-width:180px}.staff-filters>button,.staff-more>summary{font-size:13px;white-space:nowrap;min-height:40px}.staff-more{position:relative;flex:none}.staff-more>summary{list-style:none;border:1px solid #c7d1d6;border-radius:6px;padding:10px 14px;background:#fff;color:#344953;font-weight:500}.staff-more>summary::-webkit-details-marker{display:none}.staff-more>summary:after{content:' ▾';font-size:11px}.staff-more[open]>summary{border-color:#982e40}.staff-menu{position:absolute;right:0;top:calc(100% + 6px);width:230px;z-index:10;background:#fff;border:1px solid #d5dfe3;border-radius:8px;padding:6px;box-shadow:0 8px 24px #24384024}.staff-menu button{display:block;width:100%;text-align:left;border:0;border-radius:4px;font-size:14px;font-weight:500}.staff-workspace #filterExtras{margin:10px 0 16px}.staff-workspace .advanced-filters{font-size:12px;color:#687b84}.staff-workspace .advanced-filters summary{font-weight:500}.staff-workspace .filter-options{background:#f5f7f8;padding:12px;margin-top:8px;border-radius:6px}.staff-filters .has-incoming{color:#982e40;border-color:#c77884;background:#fff5f7}.staff-workspace #list .empty{padding:32px;margin:0}.staff-workspace #list table{font-size:14px}.staff-workspace .pagination{margin:18px 0;font-size:13px}
@media(max-width:1100px){.staff-workspace .staff-filters{flex-wrap:wrap}.staff-office{flex:1 1 300px}.staff-workspace .staff-filters .search-field{flex:1 1 260px}.staff-state{flex:0 0 140px}}
@media(max-width:650px){.staff-workspace main{padding:18px 16px}.staff-heading{align-items:flex-start;gap:12px;flex-wrap:wrap}.staff-heading h1{font-size:23px}.staff-primary{width:100%;justify-content:space-between}.staff-workspace .staff-filters .staff-office{flex-basis:100%}.staff-workspace .staff-filters .search-field{flex-basis:100%}.staff-menu{right:0}}

/* Keep feedback in the top-layer dialog, and file metadata separate from its name. */
dialog .status-message{position:fixed;z-index:1000} .attachment-list li>div>span,.attachment-list li>div>small{display:block}.attachment-list li>div>small{margin-top:4px;color:#667e88;font-size:12px}.attachment-list a{flex-shrink:0}

.attachment-picker{margin:22px 0;border-top:1px solid #dae1e5;padding-top:18px;min-width:0}.attachment-picker h3{font-size:16px;margin:0 0 12px}.attachment-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:24px 16px;border:2px dashed #b8c7cf;border-radius:8px;background:#f7f9fa;text-align:center;transition:background .15s}.attachment-drop.drag-over{background:#f9e8ed;border-color:#982e40}.attachment-drop small{font-size:12px;color:#667e88;line-height:1.6}.attachment-drop>span{font-size:12px;color:#667e88}.attachment-drop .add-files{font-weight:700;color:#8b293a;border-color:#bd7885}.attachment-summary{font-size:13px;font-weight:700;margin:12px 0}.attachment-message{padding:12px;border:1px solid #cf8b96;border-radius:6px;background:#fff3f5;font-size:13px;line-height:1.7;overflow-wrap:anywhere}.attachment-items{list-style:none;padding:0;margin:0;max-height:300px;overflow:auto;border-radius:6px}.attachment-items li{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;border-bottom:1px solid #e0e6e9}.attachment-items li>div:first-child{flex:1;min-width:0}.attachment-items strong{font-size:14px;font-weight:500;overflow-wrap:anywhere;display:block;line-height:1.6}.attachment-items small{display:block;color:#667e88;font-size:12px;margin-top:4px}.attachment-item-actions{display:flex;gap:8px;flex:none}.attachment-item-actions button{font-size:12px;min-height:36px;padding:6px 10px;white-space:nowrap}.attachment-items [data-state=error],.attachment-items [data-state=rejected]{background:#fff1f3}.file-error{font-size:12px!important;line-height:1.6!important;color:#9b263b}.attachment-help{font-size:12px;color:#667e88;line-height:1.7}#confirmAttachments{max-height:260px;overflow:auto;overflow-wrap:anywhere}#confirmAttachments small{font-size:12px;color:#667e88}@media(max-width:650px){.attachment-items li{align-items:flex-start;flex-wrap:wrap}.attachment-item-actions{margin-left:auto}.attachment-drop{padding:20px 12px}.attachment-item-actions button{min-height:40px}}

.bundle-download{display:inline-block;padding:10px 14px;margin:10px 0;border:1px solid #bbcbd3;border-radius:6px;font-size:13px;line-height:1.5;background:#fff;font-weight:700}
/* Keep confirmation reachable while the attachment list grows. */
#composeForm>.dialog-actions,#confirmPanel>.dialog-actions,#actionForm>.dialog-actions{position:sticky;bottom:0;z-index:2;background:#fff;padding-top:14px;padding-bottom:14px;box-shadow:0 -7px 12px #fff;border-top:1px solid #e0e6e9}

.message-body,.confirm-value{max-height:32vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.message-body:focus{outline:2px solid #ad7180;outline-offset:3px}.input-error{color:#9b263b;font-size:13px;line-height:1.6}[aria-invalid=true]{border-color:#ad344b;box-shadow:0 0 0 1px #ad344b}

/* Modal feedback takes its own space and never covers the confirmation button. */
dialog .status-message{position:relative;inset:auto;transform:none;max-width:none;margin:12px 24px;z-index:auto;box-shadow:none}

#invitationDetails{white-space:pre-wrap;line-height:1.8;background:#f4f7f9;padding:14px;border-radius:6px;overflow-wrap:anywhere}#invitationPanel button{margin:6px 8px 6px 0}#totpSecret{display:block;overflow-wrap:anywhere;white-space:normal;background:#f2f5f7;padding:14px;margin:12px 0}

.attachment-selection-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:8px 0}.clear-attachments{font-size:12px;padding:6px 10px;min-height:36px}.attachment-selection-head .attachment-summary{margin:4px 0}