.company-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh;background:var(--bg)}
.company-sidebar{position:sticky;top:0;height:100vh;padding:25px 18px;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column}
.company-brand{font:400 25px/1.05 'Instrument Serif',serif;color:var(--text)}
.company-name{margin:6px 0 27px;color:var(--muted);font-size:12.5px}
.company-nav{display:grid;gap:5px}.company-nav a,.company-nav span{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:var(--muted);font-size:13.5px;font-weight:600;text-decoration:none}
.company-nav a:hover{background:var(--field);color:var(--text)}.company-nav .current{background:var(--accent-soft);color:var(--accent)}.company-nav .pending{opacity:.45}
.company-sidebar-footer{margin-top:auto;display:grid;gap:9px}.company-sidebar-footer .theme-toggle{width:100%;min-width:0}
.company-content{padding:31px 38px 45px;min-width:0}.company-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:27px}.company-header h1{font-size:34px}.company-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.company-page-title{font:400 34px/1.1 'Instrument Serif',serif;margin:0 0 7px}.company-page-subtitle{color:var(--muted);font-size:14px}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:15px;margin-bottom:22px}.metric-card{display:block;min-height:122px;padding:20px 21px;background:var(--panel);border:1px solid var(--border);border-radius:15px;color:var(--text);text-decoration:none;transition:.18s}.metric-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.metric-label{color:var(--muted);font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.035em}.metric-value{margin-top:10px;font-size:34px;line-height:1;font-weight:700}.metric-hint{margin-top:8px;color:var(--accent);font-size:11.5px;font-weight:600}
.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:16px}.mystery-panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:22px}.mystery-panel-title{font-size:15px;font-weight:700;margin-bottom:18px}
.podium{height:175px;display:flex;align-items:flex-end;justify-content:center;gap:10px}.podium-person{width:29%;text-align:center}.podium-avatar{width:42px;height:42px;border-radius:50%;margin:0 auto 7px;display:grid;place-items:center;color:white;font-weight:700}.podium-person.first .podium-avatar{width:50px;height:50px}.podium-name{height:32px;font-size:11.5px;font-weight:700}.podium-score{font-size:12px;color:var(--accent);font-weight:700}.podium-step{margin-top:6px;padding-top:7px;border-radius:10px 10px 0 0;color:#111;font:700 17px 'Instrument Serif',serif}.podium-person.first .podium-step{height:82px;background:#f6cc20}.podium-person.second .podium-step{height:58px;background:#cacaca}.podium-person.third .podium-step{height:42px;background:#e49807}
.attention-list{display:grid}.attention-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border);color:var(--text);text-decoration:none}.attention-row:last-child{border-bottom:0}.mini-avatar{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700}.attention-copy{min-width:0;flex:1}.attention-name{display:block;font-size:13px;font-weight:700}.attention-meta{display:block;font-size:11.5px;color:var(--muted);margin-top:2px}.score-pill{border-radius:15px;padding:5px 9px;background:var(--field);font-size:11.5px;font-weight:700}
.recent-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.recent-row:last-child{border-bottom:0}.recent-main{font-size:13.5px;font-weight:700}.recent-meta{font-size:12px;color:var(--muted);margin-top:3px}
.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.filter-select{max-width:240px}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.directory-card{display:block;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:15px;color:var(--text);text-decoration:none;transition:.18s}.directory-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.person-head{display:flex;align-items:center;gap:12px}.avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700}.person-copy{min-width:0;flex:1}.person-name{font-size:15px;font-weight:700}.person-meta{margin-top:3px;color:var(--muted);font-size:12px}.rank-medal{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#17130a;font-size:11px;font-weight:800}
.card-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.card-metric{padding:11px;background:var(--field);border-radius:10px}.card-metric strong{display:block;font-size:18px}.card-metric span{color:var(--muted);font-size:9.5px;text-transform:uppercase}.card-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;font-size:11.5px}.trend-up{color:var(--accent)}.trend-down{color:var(--danger)}
.office-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.office-card{display:block;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:15px;color:var(--text);text-decoration:none;transition:.18s}.office-card:hover{border-color:var(--accent);transform:translateY(-2px)}.office-title{display:flex;justify-content:space-between;gap:12px}.office-title h2{font:400 21px 'Instrument Serif',serif;margin:0 0 5px}.office-contact{margin:15px 0;color:var(--muted);font-size:12px;line-height:1.65}.office-manager{font-size:12px;color:var(--muted)}.office-manager strong{display:block;color:var(--text);font-size:13px;margin-top:3px}.office-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.office-metric{padding:12px;background:var(--field);border-radius:10px}.office-metric strong{display:block;font-size:20px}.office-metric span{font-size:9.5px;color:var(--muted);text-transform:uppercase}
.empty-state{text-align:center;padding:46px 20px;color:var(--muted)}
@media(max-width:1250px){.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}}
@media(max-width:760px){.company-shell{grid-template-columns:1fr}.company-sidebar{position:relative;height:auto;padding:18px}.company-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.company-sidebar-footer{margin-top:15px}.company-content{padding:22px 16px 38px}.company-header{flex-direction:column}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-height:105px;padding:16px}.metric-value{font-size:28px}.directory-grid,.office-grid{grid-template-columns:1fr}}


.ranking-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:13px}.ranking-tabs a{padding:9px 17px;border:1px solid var(--border);border-radius:20px;color:var(--muted);font-size:12.5px;text-decoration:none}.ranking-tabs a.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.metric-tabs{margin-bottom:20px}.metric-tabs a{padding:7px 13px;font-size:11.5px}
.ranking-layout{display:grid;grid-template-columns:minmax(520px,1.15fr) minmax(390px,.85fr);gap:16px}.ranking-row{display:grid;grid-template-columns:28px 38px minmax(150px,1fr) minmax(90px,180px) 45px;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.ranking-row:last-child{border-bottom:0}.ranking-position{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--field);font-size:11px;font-weight:800}.medal-1{background:#f6cc20;color:#18130a}.medal-2{background:#cacaca;color:#181818}.medal-3{background:#e49807;color:#18130a}.ranking-avatar{width:35px;height:35px;font-size:11px}.ranking-person{display:grid}.ranking-person strong{font-size:12.5px}.ranking-person small{color:var(--muted);font-size:10.5px;margin-top:2px}.ranking-bar{height:7px;border-radius:5px;background:var(--field);overflow:hidden}.ranking-bar i{display:block;height:100%;border-radius:5px;background:var(--accent)}.ranking-value{text-align:right;font-size:13px}
.month-labels{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:0 34px 8px 135px;color:var(--muted);font-size:9px;text-align:center}.monthly-row{display:grid;grid-template-columns:125px 1fr 28px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.monthly-row:last-child{border-bottom:0}.monthly-row>strong{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monthly-row>b{font-size:11px;text-align:right}.mini-bars{height:42px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;align-items:end}.mini-bars span{height:100%;display:flex;align-items:end;justify-content:center;background:var(--field);border-radius:4px}.mini-bars i{display:block;width:65%;min-height:3px;background:var(--accent);border-radius:3px 3px 0 0}
@media(max-width:1100px){.ranking-layout{grid-template-columns:1fr}}@media(max-width:700px){.ranking-row{grid-template-columns:27px 35px 1fr 40px}.ranking-bar{display:none}.monthly-row{grid-template-columns:90px 1fr 25px}.month-labels{margin-left:100px}}


.compare-selectors{display:grid;grid-template-columns:minmax(240px,1fr) 50px minmax(240px,1fr);gap:16px;align-items:end;margin:18px 0 20px}.compare-selectors label{margin:0}.compare-versus{height:43px;display:grid;place-items:center;color:var(--accent);font-weight:800}.compare-heads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.compare-heads article{display:flex;align-items:center;gap:13px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:15px}.compare-heads article:last-child{justify-content:flex-end;text-align:right}.compare-heads h2{font:400 23px 'Instrument Serif',serif;margin:0}.compare-heads p{margin:4px 0 0;color:var(--muted);font-size:11.5px}
.compare-panel{padding:26px}.compare-row{display:grid;grid-template-columns:45px 1fr 125px 1fr 45px;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.compare-row:last-child{border-bottom:0}.compare-row>strong:last-child{text-align:right}.compare-label{text-align:center;color:var(--muted);font-size:11.5px;font-weight:700}.compare-bar{height:12px;background:var(--field);overflow:hidden}.compare-bar i{display:block;height:100%;background:var(--accent)}.compare-bar.left{display:flex;justify-content:flex-end;border-radius:7px 0 0 7px}.compare-bar.left i{border-radius:7px 0 0 7px}.compare-bar.right{border-radius:0 7px 7px 0}.compare-bar.right i{border-radius:0 7px 7px 0}.compare-result{display:flex;justify-content:space-between;gap:16px;margin-top:16px;padding:18px 21px;border:1px solid var(--border);border-radius:14px;background:var(--accent-soft);color:var(--accent)}.compare-result span{font-size:12px}
@media(max-width:700px){.compare-selectors{grid-template-columns:1fr}.compare-versus{height:auto}.compare-heads{grid-template-columns:1fr}.compare-row{grid-template-columns:35px 1fr 80px 1fr 35px;gap:6px}.compare-result{flex-direction:column}}


.question-layout{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(370px,.9fr);gap:16px;align-items:start}.survey-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}.survey-heading span{color:var(--accent);font-size:10.5px;font-weight:700;text-transform:uppercase}.survey-heading h2{font:400 22px 'Instrument Serif',serif;margin:4px 0}.survey-heading p{margin:0;color:var(--muted);font-size:11.5px}.survey-heading>b{padding:7px 11px;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-size:11px;white-space:nowrap}
.question-list{display:grid;gap:9px}.question-editor{background:var(--panel);border:1px solid var(--border);border-radius:13px}.question-editor summary{display:grid;grid-template-columns:29px 1fr auto;gap:11px;align-items:center;padding:15px;cursor:pointer}.question-editor summary::marker{display:none}.question-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--field);font-size:10px;font-weight:800}.question-editor summary strong,.question-editor summary small{display:block}.question-editor summary strong{font-size:12.5px}.question-editor summary small{margin-top:3px;color:var(--muted);font-size:10px}.question-required{font-size:9.5px;color:var(--accent);background:var(--accent-soft);padding:5px 8px;border-radius:12px}.question-editor>form{padding:0 15px 15px;border-top:1px solid var(--border)}.question-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check-line{display:flex;align-items:center;gap:8px}.check-line input[type=checkbox]{width:auto}.question-actions{display:flex;justify-content:space-between;gap:9px;align-items:center;margin-top:13px}.question-actions form{margin-left:auto}.add-question{margin-top:14px}.survey-preview{position:sticky;top:20px}.survey-preview>h2{font:400 24px 'Instrument Serif',serif;margin-bottom:4px}.survey-preview>p{color:var(--muted);font-size:11.5px;margin:0 0 20px}.preview-question{padding:14px 0;border-top:1px solid var(--border)}.preview-question>strong{display:block;font-size:12px;margin-bottom:10px}.preview-question em{color:var(--accent)}.preview-scale{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.preview-scale span,.preview-options span{display:grid;place-items:center;min-height:29px;border:1px solid var(--border);border-radius:7px;color:var(--muted);font-size:10px}.preview-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.preview-options.vertical{grid-template-columns:1fr}.preview-text{padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:10.5px}
@media(max-width:1050px){.question-layout{grid-template-columns:1fr}.survey-preview{position:relative;top:auto}}@media(max-width:600px){.question-fields{grid-template-columns:1fr}.question-editor summary{grid-template-columns:29px 1fr}.question-required{grid-column:2}.preview-scale{grid-template-columns:repeat(5,1fr)}}


.ai-kpis .metric-card{min-height:112px}.ai-summary-card{display:grid;grid-template-columns:43px 1fr;gap:15px;padding:22px;margin-bottom:16px;border:1px solid var(--border);border-radius:16px;background:var(--accent-soft)}.ai-spark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-size:20px}.ai-summary-card span{color:var(--accent);font-size:10.5px;font-weight:800;text-transform:uppercase}.ai-summary-card h2{font:400 23px 'Instrument Serif',serif;margin:4px 0 7px}.ai-summary-card p{margin:0;max-width:1000px;color:var(--muted);font-size:12.5px;line-height:1.65}.ai-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ai-columns.lower{margin-top:16px}.ai-section-title{font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:10px}.ai-section-title.positive{color:var(--accent)}.ai-section-title.warning{color:var(--gold)}.insight-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.insight-row:last-child{border-bottom:0}.insight-row strong,.insight-row small{display:block}.insight-row strong{font-size:12.5px}.insight-row small{margin-top:3px;color:var(--muted);font-size:10.5px}.ai-columns blockquote{margin:0;padding:11px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:11.5px;line-height:1.5}.channel-row{display:grid;grid-template-columns:125px 1fr 28px;gap:10px;align-items:center;padding:9px 0}.channel-row span{font-size:11px}.channel-row i{height:7px;border-radius:5px;background:var(--field);overflow:hidden}.channel-row b{display:block;height:100%;background:var(--accent);border-radius:5px}.channel-row strong{text-align:right;font-size:11px}
@media(max-width:800px){.ai-columns{grid-template-columns:1fr}}


.visit-layout{display:grid;grid-template-columns:minmax(520px,1fr) minmax(280px,.42fr);gap:16px;align-items:start}.visit-form h2{margin:0 0 4px;font:400 21px 'Instrument Serif',serif}.visit-form h2:not(:first-child){margin-top:22px}.visit-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 13px}.visit-form textarea{width:100%;padding:12px 13px;border:1px solid var(--border);border-radius:9px;background:var(--field);color:var(--text);font:400 14px 'Public Sans',sans-serif;resize:vertical}.visit-submit{width:100%;margin-top:16px;padding:14px}.visit-help ol{margin:0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.65}.visit-help li{padding:7px 0}.visit-success{max-width:760px;margin:35px auto;padding:35px;text-align:center;background:var(--panel);border:1px solid var(--border);border-radius:18px}.success-icon{width:55px;height:55px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:25px;font-weight:800}.visit-success h2{font:400 26px 'Instrument Serif',serif;margin-bottom:5px}.visit-success p{color:var(--muted)}.confirmation-box{display:grid;gap:9px;margin:22px 0;padding:17px;text-align:left;background:var(--field);border:1px solid var(--border);border-radius:12px}.confirmation-box a{overflow-wrap:anywhere;font-size:11.5px}.confirmation-box button{justify-self:start;padding:8px 12px}
@media(max-width:900px){.visit-layout{grid-template-columns:1fr}}@media(max-width:600px){.visit-fields{grid-template-columns:1fr}}


/* Original Claude Design fidelity: navigation and company summary */
.company-shell{transition:grid-template-columns .18s ease}
.company-shell.sidebar-is-collapsed{grid-template-columns:72px minmax(0,1fr)}
.company-brand-row{display:flex;align-items:center;gap:10px;padding:3px 3px 27px}
.company-logo{width:34px;height:34px;object-fit:contain;flex:0 0 auto}
.company-brand-label{font:400 19px/1.1 'Instrument Serif',serif;white-space:nowrap}
.sidebar-collapse{margin-left:auto;padding:4px;border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center}
.sidebar-collapse svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s}
.company-nav svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.company-nav-separator{height:1px;background:var(--border);margin:10px 4px}
.sidebar-user{display:flex;align-items:center;gap:9px;padding:6px 4px}
.sidebar-avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--gold-soft);color:var(--text);font-size:11px;font-weight:700;flex:0 0 auto}
.sidebar-user-copy{min-width:0;flex:1;line-height:1.25}.sidebar-user-copy strong,.sidebar-user-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy strong{font-size:12px}.sidebar-user-copy small{font-size:10.5px;color:var(--muted);margin-top:2px}
.sidebar-logout{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:16px;padding:3px}
.sidebar-is-collapsed .company-sidebar{padding-left:12px;padding-right:12px}.sidebar-is-collapsed .company-brand-label,.sidebar-is-collapsed .company-nav span,.sidebar-is-collapsed .company-sidebar-footer [data-theme-label],.sidebar-is-collapsed .sidebar-user-copy,.sidebar-is-collapsed .sidebar-logout{display:none}.sidebar-is-collapsed .company-brand-row{justify-content:center;gap:3px}.sidebar-is-collapsed .sidebar-collapse{margin-left:0}.sidebar-is-collapsed .sidebar-collapse svg{transform:rotate(180deg)}.sidebar-is-collapsed .company-nav a{justify-content:center}.sidebar-is-collapsed .sidebar-user{justify-content:center}.sidebar-is-collapsed .theme-toggle{justify-content:center;padding-left:5px;padding-right:5px}
.dashboard-kpis .metric-card{min-height:118px}.dashboard-kpis .metric-card:hover{transform:none}.dashboard-kpis .metric-value span{font-size:16px;color:var(--muted);font-weight:500}.dashboard-second-row{margin-top:16px}
.podium-person{color:var(--text);text-decoration:none}.podium-top{height:14px;margin-bottom:3px;color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.podium-person:not(.first) .podium-top{visibility:hidden}.podium-subtitle{height:25px;margin-top:2px;color:var(--muted);font-size:10px}.attention-danger{color:var(--danger);font-size:13px;font-weight:800}.empty-state.compact{padding:34px 10px}
@media(max-width:760px){.company-shell.sidebar-is-collapsed{grid-template-columns:1fr}.sidebar-collapse{display:none}.company-brand-label{display:block}.company-nav span{display:block}}


/* Pixel alignment with the approved client reference */
.podium{height:210px;gap:10px}.podium-person{width:110px;flex:0 0 110px}.podium-person.first{width:120px;flex-basis:120px}
.podium-avatar{width:44px;height:44px}.podium-person.first .podium-avatar{width:52px;height:52px}
.podium-commercial .podium-person.second .podium-avatar{background:oklch(55% .14 155)}
.podium-commercial .podium-person.first .podium-avatar{background:oklch(55% .16 20)}
.podium-commercial .podium-person.third .podium-avatar{background:oklch(58% .15 340)}
.podium-office .podium-person.second .podium-avatar{background:oklch(55% .16 20)}
.podium-office .podium-person.first .podium-avatar{background:oklch(55% .14 250)}
.podium-office .podium-person.third .podium-avatar{background:oklch(55% .14 155)}
.podium-name{height:auto;min-height:17px}.podium-subtitle{height:25px}.podium-step{width:100%}
.dashboard-columns .mystery-panel{min-height:264px}.attention-row{padding:15px 0}.attention-tone-1{background:oklch(55% .13 300);color:white}.attention-tone-2{background:oklch(55% .12 230);color:white}.office-attention-tone-1{background:oklch(55% .14 155);color:white}.office-attention-tone-2{background:oklch(55% .16 20);color:white}
:root[data-theme="dark"] .company-sidebar{background:oklch(22% .014 250)}
:root[data-theme="dark"] .metric-card,:root[data-theme="dark"] .mystery-panel{background:oklch(23% .014 250)}
@media(max-width:1050px){.dashboard-columns .mystery-panel{min-height:0}}


/* Exact geometry from the delivered Mystery Shopper design */
.company-shell{grid-template-columns:236px minmax(0,1fr)}
.company-sidebar{padding:24px 16px}
.company-content{padding:32px 40px}
.company-nav a>span{display:inline;padding:0;border-radius:0;background:transparent;color:inherit;font-size:inherit;font-weight:inherit}
.metric-grid{gap:16px;margin-bottom:28px}
.dashboard-columns{grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:16px}
.dashboard-second-row{margin-top:16px}


/* Original commercial and office directories */
.directory-add{background:var(--accent);color:#102018;border:0}.directory-status{margin-bottom:16px}.target-toolbar{justify-content:flex-start}.target-toolbar .filter-select{width:400px;max-width:100%}
.target-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.target-person-card{position:relative;min-height:205px;padding:20px}.target-person-card .person-head form,.target-office-card .person-head form{display:flex}.card-title-link{color:var(--text);text-decoration:none}.card-title-link:hover{color:var(--accent)}
.avatar-red{background:#c94d58;color:white}.avatar-green{background:#009b62;color:white}.avatar-pink{background:#b44b93;color:white}.avatar-gold{background:#a87d00;color:white}.avatar-blue{background:#297fc3;color:white}.avatar-orange{background:#b66a00;color:white}.avatar-cyan{background:#078bb8;color:white}.avatar-purple{background:#7653a8;color:white}
.rank-corner{width:19px;height:19px;margin-left:-17px;margin-top:29px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#17130a;font-size:9px;font-weight:800;z-index:1}.record-state{width:10px;height:10px;border-radius:50%;margin-left:5px}.record-state.good{background:#61c48a}.record-state.warning{background:#e0b654}.record-state.danger{background:#e86161}.record-state.inactive{background:var(--muted)}.icon-button{padding:2px 4px;border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.icon-button:hover{color:var(--text)}
.target-person-metrics{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;gap:7px 38px}.target-person-metrics div{display:grid}.target-person-metrics strong{font-size:20px}.target-person-metrics span,.target-office-metrics span{color:var(--muted);font-size:10px}.target-person-footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:12px;border-top:1px solid var(--border);color:var(--muted);font-size:10.5px}.target-position{margin-top:8px;color:var(--muted);font-size:10.5px}
.target-office-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.target-office-card{min-height:225px;padding:20px}.office-card-name{font:400 21px 'Instrument Serif',serif}.office-data{margin:14px 0;color:var(--muted);font-size:11.5px;line-height:1.45}.office-data strong{color:var(--text)}.target-office-metrics{display:grid;grid-template-columns:1fr 1fr .9fr;gap:30px;margin-top:17px}.target-office-metrics>div{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:2px 7px}.target-office-metrics strong{font-size:20px}.office-commercial-total{place-content:center;text-align:center}.office-commercial-total strong{font-size:33px}.office-commercial-total span{text-align:center}
.mystery-dialog{width:min(720px,calc(100% - 30px));padding:0;border:1px solid var(--border);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 24px 70px #0009}.mystery-dialog::backdrop{background:#000a}.mystery-dialog form{padding:22px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{font:400 27px 'Instrument Serif',serif;margin:0}.dialog-head button{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-grid label{margin:0}.dialog-grid input,.dialog-grid select,.dialog-grid textarea{width:100%}.dialog-wide{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:8px;padding-top:20px}.check-label input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
@media(max-width:1200px){.target-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.target-office-grid{grid-template-columns:1fr}}@media(max-width:650px){.target-directory-grid{grid-template-columns:1fr}.dialog-grid{grid-template-columns:1fr}.dialog-wide{grid-column:auto}.target-office-metrics{gap:12px}}