.office-overview-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
.office-overview-kpis button{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;align-items:center;column-gap:9px;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:11px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 10%,var(--panel)),var(--panel) 70%);box-shadow:0 6px 18px color-mix(in srgb,var(--blue) 12%,transparent);padding:11px;min-width:0;white-space:normal;font-size:.9rem}
.office-overview-kpi-icon{grid-column:1;grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:color-mix(in srgb,var(--blue) 34%,var(--panel));color:var(--blue);font-size:23px;font-weight:700}
.office-overview-kpi-label{grid-column:2;color:var(--muted);line-height:1.25}
.office-overview-kpis button strong{grid-column:2;display:block;margin-top:3px;font-size:1.4rem;line-height:1.15}
.office-overview-kpi-detail{grid-column:2;margin-top:3px;color:var(--muted);font-size:.72rem;line-height:1.25}
.office-overview-kpis button:nth-child(2){border-top-color:#08aab7}.office-overview-kpis button:nth-child(3){border-top-color:#c48c2d}.office-overview-kpis button:nth-child(4){border-top-color:#8c67de}
.office-overview-kpis button:nth-child(2) .office-overview-kpi-icon{color:#08aab7;background:color-mix(in srgb,#08aab7 34%,var(--panel))}.office-overview-kpis button:nth-child(3) .office-overview-kpi-icon{color:#c48c2d;background:color-mix(in srgb,#c48c2d 34%,var(--panel))}.office-overview-kpis button:nth-child(4) .office-overview-kpi-icon{color:#8c67de;background:color-mix(in srgb,#8c67de 34%,var(--panel))}
.office-overview-kpis button[aria-pressed=true]{background:var(--pale);box-shadow:inset 0 0 0 1px var(--blue)}
.sidebar #office-nav button{display:flex;align-items:center;gap:10px;text-align:left}
.sidebar #office-nav button::before{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:7px;color:var(--blue);font-size:20px;line-height:1}
.sidebar #office-nav [data-page="overview"]::before{content:"⌂"}.sidebar #office-nav [data-page="tenants"]::before{content:"♙"}.sidebar #office-nav [data-page="bookings"]::before{content:"▤"}.sidebar #office-nav [data-page="controls"]::before{content:"✓"}.sidebar #office-nav [data-page="accounts"]::before{content:"◉"}.sidebar #office-nav [data-page="assistant"]::before{content:"✦"}
.sidebar #office-nav [data-page="assistant"]{border-top:1px solid var(--line);border-radius:0;margin-top:12px;padding-top:14px}
.sidebar #office-nav [data-page="assistant"]::before{color:#9a76ff}
#office-overview-content>.panel{margin-block:14px;padding:12px;min-width:0;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--blue) 6%,var(--panel)),var(--panel) 72%);box-shadow:0 5px 16px color-mix(in srgb,var(--blue) 8%,transparent)}
.office-overview-section-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.office-overview-section-head h2{margin:4px 0}
.office-overview-table{overflow:auto}.office-overview-table table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem;background:linear-gradient(180deg,color-mix(in srgb,var(--blue) 3%,var(--panel)),var(--panel) 55%)}
.office-overview-table th,.office-overview-table td{padding:8px 7px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere;white-space:normal}
.office-overview-table th{background:linear-gradient(105deg,color-mix(in srgb,var(--blue) 16%,var(--pale)),var(--pale));font-size:.8rem}.office-overview-table td button{padding:7px 10px;white-space:normal;max-width:100%}.office-overview-table small{display:block;color:var(--muted);margin-top:5px}
.office-overview-name{min-width:120px;max-width:300px}.office-overview-filter{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
#office-overview-content>section.panel:nth-of-type(3) .office-overview-table table{table-layout:fixed}
#office-overview-content>section.panel:nth-of-type(3) .office-overview-table th:nth-child(1),#office-overview-content>section.panel:nth-of-type(3) .office-overview-table td:nth-child(1){width:34%;overflow-wrap:normal;word-break:normal}
#office-overview-content>section.panel:nth-of-type(3) .office-overview-table th:nth-child(2),#office-overview-content>section.panel:nth-of-type(3) .office-overview-table td:nth-child(2){width:38%}
#office-overview-content>section.panel:nth-of-type(3) .office-overview-table th:nth-child(3),#office-overview-content>section.panel:nth-of-type(3) .office-overview-table td:nth-child(3){width:28%}
#office-overview-content>section.panel:nth-of-type(3) .office-overview-table td button{overflow-wrap:normal;word-break:normal}
#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:start}
#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>h1,#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>p,#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>.office-overview-kpis,#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>section.panel:nth-of-type(-n+2){grid-column:1/-1}
#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>section.panel{margin-block:7px}
@media(max-width:1100px){#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter)){display:block}#office-overview-content:has(>.office-overview-kpis):not(:has(>.office-overview-filter))>section.panel{margin-block:14px}}
@media(max-width:1100px){.office-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.office-overview-kpis button{grid-template-columns:32px minmax(0,1fr);column-gap:7px;padding:9px}.office-overview-kpi-icon{width:32px;height:32px;font-size:19px}.office-overview-kpi-label{font-size:.82rem}.office-overview-kpi-detail{font-size:.68rem}.sidebar #office-nav button{gap:5px}.sidebar #office-nav button::before{flex-basis:22px;width:22px;height:22px;font-size:17px}.office-overview-table th,.office-overview-table td{padding:8px 5px}}