.reference-preview-label{position:fixed;right:16px;bottom:10px;z-index:1000;max-width:calc(100vw - 32px);padding:8px 13px;border:1px solid #d7d8d6;border-radius:9px;background:#fffef8f5;box-shadow:0 3px 12px #0001;font:11px/1.5 system-ui;color:#5e5f60}.reference-preview-label a{color:#713420;margin-left:10px;text-decoration:underline}@media(max-width:680px){.reference-preview-label{position:relative;right:auto;bottom:auto;max-width:none;border-radius:0;text-align:center;font-size:10px}.reference-preview-label a{display:inline-block}.app-shell .main{overflow-x:hidden}.mobile-tabbar{z-index:40}}@media(width > 680px) and (max-width:900px){.overview-tabs .nav-item{padding:6px 8px;font-size:11px}.overview-brand{max-width:100px}.overview-canvas{min-width:0}.reference-overview .topbar{gap:8px}}
@media(width > 680px) and (max-width:900px){.app-shell .topbar{height:auto;min-height:76px;flex-wrap:wrap}.overview-tabs{flex-shrink:0;white-space:nowrap}.overview-tabs .nav-item{white-space:nowrap}.top-tools .today,.top-tools>.avatar{display:none}.app-shell .main{min-width:0}.settings-grid{grid-template-columns:1fr!important}.overview-canvas .trend-chart svg{width:100%;min-width:0}.desktop-workspace .view-toolbar{flex-wrap:wrap}.desktop-workspace .workspace-query{min-width:0;max-width:100%}.desktop-workspace .panel{min-width:0}.desktop-workspace .table-scroll{max-width:100%;overflow-x:auto}}

/* Uploaded reload glyph: omit the opaque background rect; retain exact path. */
.top-tools [data-action="refresh"],.topbar [data-action="refresh"]{width:48px;height:48px;border-radius:50%;background:#fbece5;color:#b85535;border:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.top-tools [data-action="refresh"]:hover,.topbar [data-action="refresh"]:hover{background:#f6ded1;color:#943f26}.topbar [data-action="refresh"]:focus-visible{outline:3px solid #b85535;outline-offset:3px}.custom-reload-glyph{width:19px;height:17px;fill:currentColor;stroke:none}.topbar [data-action="refresh"]:disabled{opacity:.55}

/* Dropdowns: no extra focus box; hover and keyboard focus use a subtle background. */
.app-shell select,dialog select{transition:background-color 150ms ease,border-color 150ms ease}
.app-shell select:focus,dialog select:focus{outline:none;box-shadow:none}
.app-shell select:focus-visible,dialog select:focus-visible{outline:none;box-shadow:none;background-color:#f4f6f8}
@media(hover:hover) and (pointer:fine){
 .app-shell select:not(:disabled):hover,dialog select:not(:disabled):hover{background-color:#f4f6f8;border-color:#aeb9c6}
}
@media(prefers-reduced-motion:reduce){.app-shell select,dialog select{transition:none}}
.member-inline-actions{display:flex;gap:12px;margin-top:6px;flex-wrap:wrap}.member-inline-actions .link-button{font-size:11px}

/* Keep the compact top navigation stable around the 985–1000px range. */
@media (width > 680px) and (max-width:1050px){
 .app-shell .topbar{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:12px;padding:0 24px;height:80px;min-height:80px;flex-wrap:nowrap}
 .app-shell .topbar .overview-brand{grid-column:1;grid-row:1;margin:0}
 .app-shell .topbar .overview-tabs{grid-column:2;grid-row:1;justify-self:center;max-width:100%;min-width:0;width:auto;margin:0;overflow-x:auto;flex-wrap:nowrap}
 .app-shell .topbar .overview-tabs .nav-item{flex:0 0 auto;white-space:nowrap}
 .app-shell .topbar .top-tools{grid-column:3;grid-row:1;margin:0;flex-wrap:nowrap;white-space:nowrap}
 .app-shell .topbar .top-tools .today{display:none}
}

/* Order draft review and contract status. */
.order-read-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.order-read-actions [role=status]{font-size:13px;color:#536278}
.order-preview{padding:18px;border:1px solid #d9e2ee;border-radius:12px;background:#f8fafc}.order-preview h3{margin:0 0 10px}.draft-choice{display:flex;align-items:flex-start;gap:10px;margin:12px 0}.draft-choice input{margin-top:4px}.draft-choice small{display:block;color:#667085;margin-top:4px}.draft-warning{color:#995700;font-size:13px}
select[data-contract-status=SIGNED],select[name=contract_status] option[value=SIGNED]{color:#19845b;background:#effaf4}select[data-contract-status=REFUNDED],select[name=contract_status] option[value=REFUNDED]{color:#c03535;background:#fff1f1}

/* Allocation: department, consultant, role, percentage, remove. */
.allocation-row{grid-template-columns:repeat(3,minmax(0,1fr)) 90px 32px;gap:10px}
.allocation-row select,.allocation-row input{width:100%;min-width:0;box-sizing:border-box}
.allocation-row [data-credit-role]{padding-left:10px;padding-right:26px}
@media(max-width:820px){
 .allocation-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:8px}
 .allocation-row [data-credit-team]{grid-column:1;grid-row:1}
 .allocation-row [data-credit-user]{grid-column:2;grid-row:1}
 .allocation-row [data-credit-role]{grid-column:1;grid-row:2}
 .allocation-row [data-credit-pct]{grid-column:2;grid-row:2}
 .allocation-row [data-remove-credit]{grid-column:3;grid-row:1/3}
}