.staff-root{min-height:100vh;background:#f3f5f6;color:#172b35;font-family:var(--font-sans)}.staff-header{background:#142e37;color:#fff;padding:1.1rem 2rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.staff-header a{color:inherit;text-decoration:none}.staff-header nav{display:flex;gap:1.2rem;flex-wrap:wrap}.staff-brand{font-weight:700}.staff-main{max-width:1320px;margin:auto;padding:2rem}.staff-main h1{font-size:2rem;margin:.3rem 0 1rem}.staff-main h2{font-size:1.2rem;font-weight:700;margin:0 0 1rem}.staff-main h3{font-size:1rem;font-weight:700;margin:1rem 0}.staff-main p{margin:.7rem 0;line-height:1.65}.staff-main a{color:#18586d;text-decoration:underline}.staff-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.staff-heading{display:flex;justify-content:space-between;gap:1rem}.staff-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.3rem}.staff-card{background:#fff;border:1px solid #d9e1e4;border-radius:12px;padding:1.5rem;margin:1.2rem 0;min-width:0}.staff-card label{display:block;font-size:.9rem;font-weight:600;margin:.8rem 0}.staff-card input:not([type=checkbox]),.staff-card select,.staff-card textarea{display:block;border:1px solid #aebdc5;border-radius:6px;padding:.65rem;width:100%;margin-top:.4rem;background:#fff;color:#172b35}.staff-card textarea{min-height:90px}.staff-help{font-size:.83rem;color:#4b6470}.staff-button{min-height:44px;padding:.6rem 1rem;border:1px solid #1b4b5c;border-radius:6px;background:#1b4b5c;color:#fff;font-weight:600;cursor:pointer;margin:.3rem 0}.staff-button.secondary{background:#fff;color:#1b4b5c}.staff-button:disabled{opacity:.5;cursor:default}.staff-notice{border-left:4px solid #a77731;background:#fff6df;padding:1rem;color:#3e331b}.staff-person-list{display:flex;flex-wrap:wrap;gap:.6rem}.staff-person{border:1px solid #bbcbd1;border-radius:8px;padding:.8rem;text-align:left;display:flex;flex-direction:column;gap:.35rem;background:#fff;min-height:44px}.staff-person.selected{border:2px solid #1b4b5c;background:#eef6f8}.staff-invitations{list-style:none;padding:0}.staff-invitations li{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;border-top:1px solid #e2e8eb;padding:.7rem 0}.staff-table-wrap{overflow:auto}.staff-card table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.staff-card th,.staff-card td{padding:.8rem;border-bottom:1px solid #e2e8eb;vertical-align:top}.staff-card th{font-weight:700;background:#f2f6f7}.staff-card small{display:block;color:#536a75}.staff-card dt{font-size:.85rem;font-weight:600;margin-top:.8rem}.staff-card dd{margin:.2rem 0}.staff-card ul{padding-left:1.2rem;list-style:disc}.staff-card li{margin:.5rem 0}.staff-fields{display:flex;gap:1.2rem;flex-wrap:wrap}.staff-fields>label{flex:1;min-width:130px}.staff-check{display:flex!important;align-items:center;gap:.6rem}.staff-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.staff-facts{display:flex;gap:2rem;flex-wrap:wrap}.staff-facts strong{font-size:1.4rem}.staff-root :focus-visible:not(h1[tabindex="-1"]){outline:3px solid #b78742;outline-offset:3px}@media(max-width:700px){.staff-main{padding:1rem}.staff-header{padding:1rem}.staff-header nav{font-size:.85rem;gap:.8rem}.staff-columns{grid-template-columns:1fr}.staff-heading{display:block}.staff-card{padding:1rem}.staff-person{width:100%}}
.staff-record-request{overflow-wrap:anywhere}
.staff-cost{min-width:0;max-width:32rem}.staff-cost-heading{display:flex;align-items:start;flex-direction:column;gap:.45rem}.staff-cost-heading strong{font-size:.95rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.staff-cost-status{font-size:.72rem;font-weight:700;line-height:1.5;border:1px solid #bccdd4;border-radius:4px;padding:.15rem .45rem;color:#304f5b;background:#f0f5f7}.staff-cost[data-cost-state=verified] .staff-cost-status{color:#24563f;background:#edf6ef;border-color:#bad3c1}.staff-cost[data-cost-state=review] .staff-cost-status{color:#73511d;background:#fff6e5;border-color:#e4c88d}.staff-cost[data-cost-state=estimate] .staff-cost-status{color:#425272;background:#eff1f8;border-color:#c5cde0}.staff-main .staff-cost-allowance{font-size:.75rem;color:#4b6470;margin:.35rem 0}.staff-cost-evidence{margin-top:.15rem;font-size:.8rem}.staff-cost-evidence>summary{cursor:pointer;color:#18586d;min-height:44px;padding:.6rem 0;font-weight:600}.staff-cost-evidence[open]{border-top:1px solid #dce5e9}.staff-main .staff-cost-evidence p{margin:.15rem 0 .7rem;line-height:1.65}.staff-cost-evidence dl{margin:0}.staff-cost-evidence dt{font-size:.72rem;color:#4b6470;margin:.6rem 0 .15rem}.staff-cost-evidence dd{margin:0;font-size:.78rem}.staff-cost-evidence code{font-size:.72rem;overflow-wrap:anywhere;white-space:normal}
.staff-members-layout{display:grid;grid-template-columns:minmax(19rem,24rem) minmax(0,1fr);gap:1.3rem;align-items:start}.staff-member-detail{min-width:0}.staff-member-heading{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.staff-member-heading>span{font-size:.8rem;color:#4b6470}.staff-people-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center}.staff-people-search label{grid-column:1/-1;margin-bottom:0}.staff-people-search input{min-width:0}.staff-people-search .staff-button{margin-top:.7rem}.staff-paged-people{display:flex;flex-direction:column;flex-wrap:nowrap;max-height:32rem;overflow-y:auto;padding:4px;scrollbar-gutter:stable}.staff-paged-people .staff-person{width:100%;flex:0 0 auto;overflow-wrap:anywhere}.staff-people-panel .staff-actions{flex-wrap:wrap;gap:.4rem;font-size:.8rem}.staff-member-empty{min-height:14rem;background:#f9fbfb}.staff-firm-admin{margin:1.5rem 0}.staff-firm-admin>summary{font-weight:700;cursor:pointer;min-height:44px;padding:.7rem 0}.staff-member-detail .staff-columns{grid-template-columns:1fr}.staff-member-detail h2[tabindex="-1"]:focus{outline:none}.staff-member-detail section{overflow-wrap:anywhere}
@media(max-width:900px){.staff-members-layout{grid-template-columns:1fr}.staff-paged-people{max-height:23rem}.staff-people-panel{margin-bottom:0}.staff-member-empty{min-height:0}.staff-people-search{grid-template-columns:minmax(0,1fr) auto}}
.staff-directory-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:1.3rem;align-items:start}.staff-create-firm{position:sticky;top:1rem}.staff-list-search{display:flex;flex-wrap:wrap;gap:.6rem;align-items:end}.staff-list-search>label{flex:1 1 13rem;min-width:0}.staff-list-buttons,.staff-list-pages,.staff-list-pages>div{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.staff-list-pages{justify-content:space-between;margin-top:1.1rem;border-top:1px solid #dce5e9;padding-top:.8rem;font-size:.82rem}.staff-card .staff-directory-list{padding:0;list-style:none}.staff-directory-list>li{padding:1.1rem 0;border-bottom:1px solid #e2e8eb;margin:0;overflow-wrap:anywhere}.staff-directory-name>a{font-size:1rem;font-weight:700}.staff-directory-name small{margin-top:.3rem}.staff-directory-counts{display:flex;flex-wrap:wrap;gap:1.5rem}.staff-directory-counts>div{min-width:5rem}.staff-directory-counts dt{font-size:.73rem}.staff-directory-counts dd{font-size:1rem;font-variant-numeric:tabular-nums}.staff-directory-counts small{font-size:.7rem}.staff-request-columns{grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr);align-items:start}.staff-request-list-wrap{max-height:32rem;overflow:auto;padding:.25rem;scrollbar-gutter:stable}.staff-card .staff-request-list,.staff-card .staff-match-list{list-style:none;padding:0;margin:0}.staff-request-choice{display:flex;flex-direction:column;gap:.4rem;text-align:left;padding:1rem;width:100%;min-height:44px;border:1px solid #d2dfe4;border-radius:7px;background:#fff;color:#172b35;overflow-wrap:anywhere;cursor:pointer}.staff-request-choice[aria-pressed=true]{border:2px solid #1b4b5c;background:#eef6f8}.staff-request-choice:disabled{cursor:default;opacity:.65}.staff-request-choice strong{font-size:.88rem}.staff-request-choice span,.staff-request-choice small{font-size:.75rem}.staff-request-detail{overflow-wrap:anywhere}.staff-request-state{font-size:.85rem;color:#4b6470}.staff-selected-match{background:#eef6f8;border-left:3px solid #1b4b5c;padding:.8rem 1rem}.staff-match-picker{padding:.8rem;border:1px solid #d2dfe4;border-radius:7px;margin-top:1rem}.staff-match-list{max-height:20rem;overflow:auto;padding:.25rem!important;scrollbar-gutter:stable}.staff-request-history{border-top:1px solid #dce5e9;margin-top:1.5rem;padding-top:1rem;font-size:.82rem}.staff-request-history summary{min-height:44px;cursor:pointer;font-weight:600}.staff-request-history .staff-actor{display:inline;min-width:0;max-width:none}.staff-review-empty{background:#edf2f3;color:#405862}.staff-root #request-heading:focus{outline:none}@media(max-width:900px){.staff-directory-layout{grid-template-columns:1fr}.staff-create-firm{position:static}}@media(max-width:700px){.staff-request-columns{grid-template-columns:1fr}.staff-request-list-wrap{max-height:23rem}.staff-directory-counts{gap:1rem}.staff-list-pages{align-items:start}.staff-list-pages>span{width:100%}}
.staff-table-wrap,.staff-heatmap-scroll{position:relative}
.staff-directory-scroll{max-height:34rem;overflow:auto;scrollbar-gutter:stable;padding:.25rem}@media(max-width:700px){.staff-directory-scroll{max-height:27rem}}
.staff-card .staff-task-breadth{display:none}.staff-main .staff-scroll-hint{font-size:.72rem;margin:.65rem 0 0}
.staff-proposal-columns{align-items:start}.staff-card .staff-proposal-list{max-height:32rem;overflow:auto;list-style:none;padding:.25rem .5rem .25rem .25rem;scrollbar-gutter:stable}.staff-proposal-list>li{border-bottom:1px solid #e2e8eb;padding:.5rem 0}.staff-proposal-list .staff-button{width:100%;text-align:left}.staff-proposal-list .staff-button[aria-pressed=true]{background:#eef6f8;border-width:2px}.staff-proposal-list p{font-size:.82rem;color:#4b6470}.staff-proposal-columns .staff-actions{flex-wrap:wrap;gap:.5rem}.staff-root .staff-proposal-heading:focus-visible{outline:none}
.staff-invitation-filter{max-width:26rem}.staff-invitation-list-wrap{max-height:32rem;overflow:auto;scrollbar-gutter:stable;padding:.25rem}.staff-card .staff-invitations{list-style:none;padding:0;margin:0}.staff-invitations>li{justify-content:space-between;gap:.7rem;padding:1rem .25rem;margin:0}.staff-invitations>li>div:first-child{flex:1;min-width:0;overflow-wrap:anywhere}.staff-invitations p{font-size:.82rem;color:#4b6470;margin:.3rem 0}.staff-invitation-section .staff-actions{flex-wrap:wrap;gap:.6rem}.staff-invitations .staff-actions{margin:0}@media(max-width:700px){.staff-invitation-list-wrap{max-height:26rem}.staff-invitations>li{align-items:start}.staff-invitations>li>div:first-child{flex-basis:100%}}
.staff-firm-overview table{min-width:650px}.staff-firm-overview th:first-child{min-width:12rem}.staff-firm-overview td:last-child{white-space:nowrap}
@media(max-width:600px){.staff-card .staff-heatmap th:nth-child(3),.staff-card .staff-heatmap td:nth-child(3),.staff-card .staff-heatmap th:nth-child(4),.staff-card .staff-heatmap td:nth-child(4){display:none}.staff-card .staff-task-breadth{display:block;font-size:.62rem;font-weight:400;margin-top:.35rem;line-height:1.5;color:#40584b}}
.staff-heading{flex-wrap:wrap}.staff-heading>div{min-width:0}
.staff-main .staff-period{display:grid;grid-template-columns:auto auto;gap:.4rem .65rem;align-self:start}.staff-period label{grid-column:1/-1;font-size:.8rem}.staff-main .staff-period select{border:1px solid #aebdc5;border-radius:6px;padding:.65rem;background:#fff;color:#172b35;min-height:44px;margin:.3rem 0}
.staff-card table.staff-heatmap{width:max-content;border-collapse:separate;border-spacing:3px}

.staff-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#53665e;margin:0 0 .5rem}
.staff-period{display:flex;align-items:end;gap:.65rem;flex-wrap:wrap}.staff-period label{width:100%;margin:0}.staff-period select{min-width:10rem;width:auto}
.staff-usage-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.staff-usage-totals>div{background:#edf2ee;border:1px solid #d3ded6;border-radius:8px;padding:1.2rem 1.4rem}.staff-usage-totals span{display:block;font-size:.8rem;color:#40584b}.staff-usage-totals strong{display:block;font-size:2rem;font-weight:600;margin-top:.5rem;font-variant-numeric:tabular-nums}
.staff-usage-card{min-width:0}.staff-task-search{width:15rem;max-width:100%}.staff-task-search input{margin-top:.3rem}.staff-heatmap-scroll{overflow-x:auto;max-width:100%;border:1px solid #d3ded6;border-radius:6px;margin-top:1rem}.staff-heatmap{width:max-content;min-width:100%;border-collapse:separate;border-spacing:3px;font-size:.75rem}.staff-heatmap th,.staff-heatmap td{border:0;text-align:center;padding:.65rem .55rem;white-space:nowrap}.staff-heatmap th:first-child{position:sticky;left:0;z-index:1;background:#fff;text-align:left;min-width:11rem;max-width:15rem;white-space:normal;box-shadow:3px 0 5px #23352b0a}.staff-heatmap thead th{color:#40584b;font-size:.68rem;font-weight:600}.staff-heatmap .staff-heat-day{min-width:2.65rem;line-height:1.4}.staff-heat-day span{display:block;font-weight:400}.staff-heat-cell{border-radius:4px;font-variant-numeric:tabular-nums}.staff-usage-number{font-weight:700}
.staff-root .heat-0{background:#f0f3f0;color:#526359}.staff-root .heat-1{background:#d9e7dc;color:#263e2e}.staff-root .heat-2{background:#adcdb6;color:#203b29}.staff-root .heat-3{background:#477256;color:#fff}.staff-root .heat-4{background:#244733;color:#fff}
.staff-heat-legend{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;font-size:.72rem;color:#40584b;margin-top:.8rem;flex-wrap:wrap}.staff-heat-legend i{width:1rem;height:1rem;border-radius:3px}.staff-count-explainer{margin-top:1.3rem;font-size:.82rem;color:#40584b}.staff-count-explainer summary{cursor:pointer;font-weight:600}.staff-count-explainer p{max-width:75ch;line-height:1.65}
.staff-experience-reach{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem}.staff-experience-reach>div{min-width:0}.staff-experience-reach>div>span{display:block;font-size:.8rem;min-height:2.5rem}.staff-experience-reach strong{font-size:1.6rem;margin-right:.6rem}.staff-experience-reach small{font-size:.72rem;color:#526359;white-space:nowrap}.staff-reach-track{height:5px;background:#e6ece7;border-radius:4px;margin-top:.8rem}.staff-reach-track span{display:block;height:100%;background:#477256;border-radius:4px}
.staff-activity-filters{display:flex;align-items:end;gap:1rem;flex-wrap:wrap}.staff-activity-filters label{min-width:12rem;max-width:100%}.staff-activity-table{table-layout:fixed}.staff-activity-table th:first-child{width:10rem}.staff-activity-table td{overflow-wrap:anywhere}.staff-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:750px){.staff-usage-totals{gap:.5rem}.staff-usage-totals>div{padding:.85rem .7rem}.staff-usage-totals strong{font-size:1.5rem}.staff-usage-totals span{font-size:.72rem}.staff-experience-reach{grid-template-columns:repeat(2,minmax(0,1fr))}.staff-heatmap th:first-child{min-width:8rem;max-width:8rem}.staff-activity-table{min-width:760px}.staff-period{width:100%}}
.staff-root time { display: inline-block; white-space: nowrap; font-variant-numeric: tabular-nums; }
.staff-root .staff-actor { display: inline-block; min-width: 8rem; max-width: 16rem; overflow-wrap: anywhere; }
.staff-card .staff-activity-table { table-layout: auto; }
.staff-activity-table th:first-child { width: auto; }
.staff-root .staff-audit-detail .staff-actor { display: inline; min-width: 0; max-width: none; }
.staff-invitation-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.staff-root .staff-invitations .staff-actor{display:inline;min-width:0;max-width:none}
@media (max-width: 640px) {
    .staff-audit-table { min-width: 0; table-layout: fixed; }
    .staff-audit-table thead { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .staff-audit-table tbody, .staff-audit-table tr { display: block; }
    .staff-audit-table tbody tr { padding: 1rem 0; border-bottom: 1px solid #dce5e9; }
    .staff-audit-table td { display: block; width: auto; padding: .25rem 0; border: 0; white-space: normal; overflow-wrap: anywhere; }
    .staff-audit-table td::before { content: attr(data-label); display: block; font-size: .75rem; font-weight: 600; color: #4d6470; }
}

/* Firm engagement: searchable person filter and readable narrow-screen history. */
.staff-activity-person{flex:1;min-width:15rem;overflow-wrap:anywhere}.staff-activity-person>strong,.staff-activity-person>.staff-help{display:block}.staff-activity-person>strong{margin:.25rem 0}.staff-activity-picker{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid #dce5e9;max-width:40rem}.staff-activity-picker .staff-paged-people{max-height:20rem}.staff-activity-filters{align-items:center}.staff-firm-activity h2[tabindex="-1"]:focus{outline:none}
@media(max-width:750px){.staff-activity-person{min-width:0;width:100%;flex-basis:100%}.staff-activity-filters>div{max-width:100%}.staff-firm-history-table{min-width:0;table-layout:fixed}.staff-firm-history-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.staff-firm-history-table tbody,.staff-firm-history-table tr{display:block}.staff-firm-history-table tbody tr{padding:1rem 0;border-bottom:1px solid #dce5e9}.staff-firm-history-table td{display:block;width:auto;padding:.25rem 0;border:0;white-space:normal;overflow-wrap:anywhere}.staff-firm-history-table td::before{content:attr(data-label);display:block;font-size:.75rem;font-weight:600;color:#4d6470}}
.staff-activity-person .staff-actions{justify-content:flex-start;gap:.5rem;flex-wrap:wrap}.staff-activity-picker nav,.staff-firm-activity nav{gap:.75rem;align-items:center}.staff-activity-picker nav>span,.staff-firm-activity nav>span{white-space:nowrap}
@media(max-width:750px){.staff-activity-picker .staff-people-search{grid-template-columns:minmax(0,1fr)}.staff-activity-picker .staff-people-search .staff-button{margin-top:0}.staff-activity-picker nav,.staff-firm-activity nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.staff-activity-picker nav>span,.staff-firm-activity nav>span{grid-column:1/-1;grid-row:1;text-align:center}.staff-activity-picker nav .staff-button,.staff-firm-activity nav .staff-button{width:100%;padding:.75rem .5rem;font-size:.85rem}}
/* One staff shell for sales, recovery and administration. */
.staff-header{display:block;padding:1rem 2rem}.staff-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.staff-brand{display:flex;align-items:baseline;gap:.8rem;font-size:1.15rem}.staff-brand span{font-size:.9rem;font-weight:400;color:#d5e2e5}.staff-header nav{gap:.25rem .6rem}.staff-header nav a{display:block;padding:.65rem .7rem;border-radius:5px;font-size:.88rem;line-height:1.45}.staff-header nav a:hover,.staff-header nav a.is-current{background:#2c4b56}.staff-header nav a.is-current{box-shadow:inset 0 -3px #c9ac70;font-weight:700}.staff-mobile-navigation{display:none}.staff-account{position:relative;max-width:55%}.staff-account summary{cursor:pointer;padding:.65rem;overflow-wrap:anywhere}.staff-account>div{position:absolute;right:0;top:100%;z-index:30;min-width:16rem;max-width:calc(100vw - 2rem);padding:1rem;background:white;color:#172b35;border:1px solid #cedade;border-radius:8px;box-shadow:0 8px 30px #0002}.staff-account p{margin:0 0 .8rem;font-size:.85rem}.staff-account button{width:100%;white-space:normal}.staff-skip{position:absolute;left:1rem;top:-8rem;z-index:100;padding:.8rem;background:white;color:#142e37}.staff-skip:focus{top:1rem}.staff-main:focus:not(:focus-visible){outline:none}.staff-recovery{max-width:44rem;margin:3rem auto}.staff-recovery .staff-actions{gap:1.5rem}.staff-recovery .staff-button{color:white;text-decoration:none}.staff-root summary:focus-visible,.staff-header a:focus-visible{outline:3px solid #d6b574;outline-offset:3px}
@media(max-width:767px){.staff-header{padding:.85rem 1rem}.staff-header-top{align-items:flex-start;margin-bottom:.5rem}.staff-brand{display:block;font-size:1.05rem}.staff-brand span{display:block;font-size:.8rem;margin-top:.2rem}.staff-account summary{font-size:.8rem;padding:.4rem}.staff-desktop-navigation{display:none!important}.staff-mobile-navigation{display:block}.staff-mobile-navigation>summary{cursor:pointer;padding:.75rem 0;font-weight:600;font-size:.9rem}.staff-mobile-navigation nav{display:grid;grid-template-columns:1fr 1fr;padding-top:.4rem}.staff-header nav a{padding:.8rem .6rem}.staff-recovery{margin:1.5rem auto}}

.staff-task-group { border-top:1px solid #d6dfd9; margin-top:1rem; padding-top:1rem; }
.staff-task-group > summary { color:#173e32; cursor:pointer; font-size:1.05rem; font-weight:700; padding:.5rem 0; }
.staff-task-group[open] > summary { margin-bottom:1rem; }
.staff-task-group form { max-width:42rem; }
.staff-next-step { background:#edf3e9; border-left:3px solid #a4813c; padding:1rem; line-height:1.6; }
.staff-local-date { margin:.75rem 0; }
.staff-local-date .staff-help { margin:.35rem 0 .75rem; }

/* Compact firm summaries: metrics remain visible without sideways scrolling. */
.staff-firm-mobile{display:none}
@media(max-width:750px){
 .staff-firm-overview{display:none}
 .staff-firm-mobile{display:grid;gap:.6rem;margin-top:1rem}
 .staff-firm-usage-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.1rem .75rem;border:1px solid #d3ded6;border-radius:7px;padding:.65rem;align-items:start}
 .staff-firm-usage-card h3{font-size:.88rem;line-height:1.45;margin:0;overflow-wrap:anywhere}
 .staff-firm-usage-card dl{display:flex;gap:1.3rem;grid-column:1;margin:0;text-align:left}
 .staff-firm-usage-card dl>div{display:flex;align-items:baseline;gap:.4rem}
 .staff-firm-usage-card dt{font-size:.72rem;color:#40584b;margin:0}
 .staff-firm-usage-card dd{font-size:1rem;font-weight:700;margin:0;font-variant-numeric:tabular-nums}
 .staff-firm-usage-card .staff-help{font-size:.7rem;line-height:1.5;margin:0}
 .staff-firm-usage-card details{grid-column:1/-1;font-size:.72rem;margin:0}
 .staff-firm-usage-card summary{min-height:32px;align-content:center;cursor:pointer;color:#244733}
 .staff-firm-usage-card details p{font-size:.72rem;line-height:1.6;margin:.35rem 0}
}

.staff-root .staff-firm-usage-card summary:focus-visible{outline-offset:-2px}

.staff-navigation-controls{border:0;padding:0;margin:0;min-width:0}
/* Page indicators stay on one line between paging buttons, including at phone width. */
nav.staff-actions>[role=status],.staff-list-pages>[role=status]{white-space:nowrap}
.staff-record-queue .staff-button[aria-pressed=true]{background:#eef6f8;border-width:2px}
/* Every staff field has a visible edge and the focus ring, inside a card or not (docs/FRAME-FIT-AND-CONSISTENCY-2026-10-13.md): Tailwind's preflight removes the browser's border, and only .staff-card fields restored it. :where keeps the classed rules above in charge. */
.staff-root :where(input:not([type=checkbox],[type=radio],[type=range],[type=hidden],[type=file]),select,textarea){border:1px solid #7f939d;border-radius:6px;padding:.55rem .65rem;min-height:44px;background:#fff;color:#172b35;max-width:100%}
