/* Quays Nexus Portal UI only. Customer emails, PDFs and historical assets are untouched. */
:root{--quays-charcoal:#252a2e;--quays-orange:#ff7848;--quays-orange-ink:#a93d18;--quays-ink:#252a2e;--quays-muted:#606c73;--quays-soft:#f4f5f5;--quays-line:#dfe2e3;--quays-selected:#fff0e8}
.local-sidebar{background:var(--quays-charcoal);color:#f6f5f1}
.local-sidebar .gmx-sidebar-heading{padding:14px 12px 8px;gap:4px}
.local-sidebar .local-brand{min-width:0}
.quays-logo-frame{display:block;width:100%;aspect-ratio:3/1;overflow:hidden;border-radius:3px;background:transparent;mix-blend-mode:lighten}
.quays-logo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.local-sidebar .local-brand small{font-size:9px!important;letter-spacing:2.6px;text-align:center;color:#cdd1d3!important;margin-top:8px}
.local-sidebar #gmx-menu-toggle{color:#d9dddf;font-size:18px;padding:6px}
.local-sidebar .gmx-operator,.local-sidebar .gmx-operator a{color:#e4e6e7}
.local-sidebar nav>h3,.local-sidebar .gmx-menu-arrow{color:#b7c0c5}
.local-sidebar nav>a,.local-sidebar .gmx-menu-group>button{border-bottom-color:#3c444a;color:#f6f5f1}
.local-sidebar nav .fa{color:var(--quays-orange)}
.local-sidebar .gmx-menu-group>button:hover,.local-sidebar .gmx-menu-group>button[aria-expanded=true],.local-sidebar nav>a:hover{background:#343c42}
.local-sidebar a[aria-current=page]{background:#343c42;box-shadow:inset 4px 0 var(--quays-orange)}
.local-sidebar .gmx-submenu{background:#30373c;border-color:#465057}
.local-sidebar .gmx-submenu a:hover{background:#424b52}
.local-sidebar :focus-visible{outline:2px solid var(--quays-orange);outline-offset:-2px}
.local-sidebar .gmx-sidebar-search input{color:var(--quays-ink);background:#fff;border-color:#bbc2c6}
.local-sidebar .gmx-sidebar-search button{color:#59656c}
.local-directory,.local-main{color:var(--quays-ink);background:#fff}
.local-directory main>h1,.local-main .page-title{border-bottom-color:var(--quays-orange)}
.local-directory main a,.local-main a:not(.btn):not(.dashboard-stat){color:var(--quays-orange-ink)}
.local-directory main th{background:#ecefef;color:var(--quays-ink)}
.local-directory main tr:hover td{background:#faf4ef}
.local-directory main button{background:var(--quays-orange);color:var(--quays-ink);border:1px solid #d96237}
.local-directory main input,.local-directory main select,.local-directory main textarea{accent-color:var(--quays-orange-ink)}
.local-main .btn.blue,.local-main .btn.blue-madison,.local-main .btn-primary,.local-main .btn-info{background:var(--quays-orange);border-color:#db6237;color:var(--quays-ink)}
.local-main .btn.blue:hover,.local-main .btn.blue-madison:hover,.local-main .btn-primary:hover,.local-main .btn-info:hover{background:#f48a63;border-color:#b24723;color:#1c2125}
.local-main .nav-tabs>li.active>a,.local-main .nav-tabs>li.active>a:focus,.local-main .nav-tabs>li.active>a:hover{border-top-color:var(--quays-orange);color:var(--quays-ink)}
.local-main .panel-info>.panel-heading{background:#ecefef;color:var(--quays-ink);border-color:var(--quays-line)}
.local-main .table>thead>tr>th{background:#eef0f0;color:var(--quays-ink)}
.local-main .portlet>.portlet-title>.caption{color:var(--quays-orange-ink)}
.local-main #dashboard .dashboard-stat{background:var(--quays-charcoal);border-top:3px solid var(--quays-orange)}
.local-main #dashboard .dashboard-stat.orange{background:var(--quays-orange);color:var(--quays-ink)}
.local-main #dashboard .dashboard-stat.orange .number,.local-main #dashboard .dashboard-stat.orange h4{color:var(--quays-ink)}
.local-main #dashboard .dashboard-stat:not(.orange) .number,.local-main #dashboard .dashboard-stat:not(.orange) h4,.local-main #dashboard .dashboard-stat a:not(.btn){color:#f6f5f1}
.local-main .nexus-carrier-controls,.local-contact-search{background:#f6f7f7;border-color:#bcc5ca}
.local-main :focus-visible,.local-directory main :focus-visible{outline:2px solid var(--quays-orange-ink);outline-offset:2px}
.local-tools .local-banner{background:var(--quays-charcoal);border-bottom-color:var(--quays-orange)}
.local-tools .local-banner a{color:#ffc4a9}
.local-tools>summary{background:#fff0e8;color:#893518;border-color:#dbab94}
/* Inbox rules are deliberately more specific than its embedded stylesheet. */
.local-directory .quays-mail{--line:#dfe2e3;--ink:#252a2e;--muted:#606c73;--blue:#a93d18;--pale:#fff0e8}
.local-directory .quays-mail .qm-header{box-shadow:inset 0 3px var(--quays-orange)}
.local-directory .quays-mail .qm-folders,.local-directory .quays-mail .qm-reading{background:var(--quays-soft)}
.local-directory .quays-mail .qm-folder-row.is-current{background:#ffe4d6;color:#893518}
.local-directory .quays-mail .qm-folder-row.is-current button{color:#893518}
.local-directory .quays-mail .qm-message.is-selected,.local-directory .quays-mail .qm-message.is-open{background:var(--quays-selected)}
.local-directory .quays-mail .qm-avatar{background:#ffe4d6;color:#893518}
.local-directory .quays-mail .qm-unread-dot{background:var(--quays-orange-ink)}
.local-directory .quays-mail .qm-attachment-note{background:#f1f3f3}
.local-directory .quays-mail button{background:white;color:var(--quays-ink);border-color:#cbd1d4}
.local-directory .quays-mail .qm-delete{color:#ac2031}
.local-directory .quays-mail #qm-confirm{background:var(--quays-orange);color:var(--quays-ink);border-color:#d96237}
.local-directory .quays-mail .qm-folder-row button{background:transparent;border:0}
.local-directory .quays-mail .qm-message>button,.local-directory .quays-mail .qm-message>button:hover:not(:disabled){border:0;background:transparent;box-shadow:none;border-radius:0}
.local-directory .quays-mail .qm-folder-heading button,.local-directory .quays-mail .qm-list-title button{border:0;background:transparent}
.local-directory .quays-mail .qm-message:hover{background:#f7f3ef}
/* Shared enquiries keep the same layout and read-only/source boundaries. */
.local-directory .qe-workspace{color:var(--quays-ink)}
.local-directory .qe-folders{background:var(--quays-soft);border-color:var(--quays-line)}
.local-directory .qe-folders [aria-current=page]{background:#ffe4d6;color:#893518}
.local-directory .qe-message.selected{background:var(--quays-selected);border-left-color:var(--quays-orange-ink)}
.local-directory .qe-message strong,.local-directory .qe-message b{color:var(--quays-ink)}
.local-directory .qe-reader pre,.local-directory .qe-reader form{background:#f6f7f7;border-color:var(--quays-line)}
.local-directory .qe-workspace button{background:white;border-color:#bbc3c8;color:var(--quays-ink)}
/* Accepted/declined, money and warning colours retain their semantic meaning. */
#angular-app .job-task-panel .panel-heading{background:#edf1f2;border-color:#d5dde0}
#angular-app .job-task-panel .panel-heading .panel-title{color:#34434c;letter-spacing:0;font-size:20px!important}
#angular-app .job-actions-toolbar .btn-info,#angular-app .follow-up-btn{background:#f5f7f7!important;border:1px solid #b9c4ca!important;color:#34434c!important;box-shadow:none}
#angular-app .job-actions-toolbar .btn-info:hover:not(:disabled),#angular-app .follow-up-btn:hover:not(.isDisabled){background:#ffe8dc!important;border-color:#db946f!important}
#angular-app .job-actions-toolbar .btn:disabled{opacity:.5;cursor:not-allowed}
#angular-app .job-task-panel .btn-primary{background:var(--quays-orange);border-color:#d96237;color:#252a2e}
/* Style the actual native buttons, independent of replaced Angular wrappers. */
body:has(.local-sidebar) button.quays-task-action:not(:disabled):not(.disabled):not(.invalid-service){background:var(--quays-orange)!important;border-color:#d96237!important;color:var(--quays-ink)!important;opacity:1!important}
body:has(.local-sidebar) button.quays-task-action:not(:disabled):not(.disabled):not(.invalid-service):hover{background:#f48a63!important;border-color:#b24723!important}
body:has(.local-sidebar) button.quays-task-action.invalid-service:not(:disabled){background:#b42332!important;border-color:#8d1b27!important;color:white!important}
body:has(.local-sidebar) button.quays-task-action:disabled,
body:has(.local-sidebar) button.quays-task-action.disabled{background:#eef0f0!important;border-color:#cbd1d4!important;color:#53616a!important;opacity:1!important;cursor:not-allowed!important}
/* Follow Up owns an outer panel as well as an inner button. */
#angular-app .no-follow-up-panel,#angular-app .has-follow-up-panel{background:#f5f7f7!important;border:1px solid #b9c4ca!important;color:#34434c!important;border-radius:4px}
#angular-app .no-follow-up-panel .follow-up-btn,#angular-app .has-follow-up-panel .follow-up-btn{background:transparent!important;border:0!important;color:inherit!important}
#angular-app .no-follow-up-panel:has(.follow-up-btn:hover):not(.disable-follow-up-panel){background:#ffe8dc!important;border-color:#db946f!important}
#angular-app .follow-up-btn:focus-visible{outline:2px solid var(--quays-orange-ink)!important;outline-offset:3px}
#angular-app a[href^="mailto:"],#angular-app a[href^="tel:"]{color:#34434c!important}
#angular-app a[href^="mailto:"]:hover,#angular-app a[href^="tel:"]:hover{color:var(--quays-orange-ink)!important;text-decoration:underline}
#angular-app .label-info{background:var(--quays-charcoal);color:white}
body:has(.local-sidebar) .nexus-carrier-controls{background:#f5f7f7;border:1px solid #c4ced3;border-radius:6px;padding:12px;color:#34434c}
body:has(.local-sidebar) .nexus-carrier-controls label{display:inline-flex;align-items:center;gap:6px;margin:0 12px 8px 0}
body:has(.local-sidebar) .nexus-carrier-controls select{min-width:145px;background:white;color:#253841;border:1px solid #bac6cc;border-radius:3px;height:30px}
body:has(.local-sidebar) .nexus-carrier-controls button{margin-right:10px}
body:has(.local-sidebar) .nexus-carrier-controls p{margin:4px 0}
body:has(.local-sidebar) .nexus-address-help{font-size:12px;line-height:1.5;color:#53636c;margin:6px 0 12px}
body:has(.local-sidebar) .google-maps-attribution{font-family:Arial,sans-serif;font-size:12px;font-weight:400;color:#1f1f1f;white-space:nowrap}
body:has(.local-sidebar) address-search .dropdown-menu{max-width:min(600px,85vw);z-index:1065}
body:has(.local-sidebar) address-search .dropdown-menu a{white-space:normal;overflow-wrap:anywhere}
body:has(.local-sidebar) .nexus-address-help [role=status]{color:#893518;margin-top:4px}
@media(max-width:900px){.local-sidebar .gmx-sidebar-heading{padding:12px 8px 6px}.local-sidebar .local-brand small{letter-spacing:1.8px}}
@media print{.local-sidebar,.local-tools{display:none!important}}
