/* Service workspace: inbox, conversation and accountable follow-up. */
.office-page { min-width:0; }
.office-page-header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-6); margin-bottom:var(--space-6); }
.office-page-header > div:first-child { min-width:0; }
.office-page-header h1 { font-size:var(--text-3xl); line-height:1.3; margin-bottom:var(--space-2); }
.office-page-header .eyebrow { color:var(--fg-muted); font-size:var(--text-xs); letter-spacing:.06em; margin-bottom:var(--space-2); }
.office-page-header .lede { font-size:var(--text-sm); margin:0; }
.office-person { display:flex; align-items:center; gap:var(--space-3); flex-shrink:0; padding-top:var(--space-2); }
.office-person .avatar { background:var(--neutral-100); color:var(--fg-muted); border:var(--hairline) solid var(--border); }
.office-person strong,.office-person span:not(.avatar) { display:block; font-size:var(--text-sm); }
.office-person div > span { color:var(--fg-muted); font-size:var(--text-xs); margin-top:var(--space-1); }
.office-stat-grid { gap:0; border:var(--hairline) solid var(--border); border-radius:var(--radius-md); overflow:hidden; background:var(--surface); margin-bottom:var(--space-5); }
.office-stat-grid .stat-card { position:relative; padding:var(--space-5) var(--space-6); border:0; border-right:var(--hairline) solid var(--border); border-radius:0; background:transparent; background-image:none; box-shadow:none; }
.office-stat-grid .stat-card:last-child { border-right:0; }
.office-stat-grid .stat-card > p { margin-bottom:var(--space-2); font-size:var(--text-xs); }
.office-stat-grid .stat-card > p:last-child { margin:var(--space-2) 0 0; font-size:var(--text-xs); line-height:1.5; }
.office-stat-value { display:block; font-size:var(--text-3xl); line-height:1.1; letter-spacing:-.035em; font-variant-numeric:tabular-nums; }
.office-stat-icon { float:right; display:grid; place-items:center; width:var(--space-6); height:var(--space-6); margin-left:var(--space-2); color:var(--fg-muted); }
.office-journey-callout { display:flex; align-items:center; gap:var(--space-4); padding:var(--space-4) var(--space-5); margin-bottom:var(--space-5); background:var(--surface); border:var(--hairline) solid var(--border); border-radius:var(--radius-md); }
.office-journey-callout > div:nth-child(2) { flex:1; min-width:0; }
.office-journey-callout .eyebrow { display:block; color:var(--fg-muted); font-size:var(--text-xs); margin-bottom:var(--space-1); letter-spacing:.04em; }
.office-journey-callout h2 { margin-bottom:var(--space-1); font-family:var(--font); font-size:var(--text-sm); line-height:1.5; letter-spacing:0; }
.office-journey-callout p { margin:0; font-size:var(--text-xs); color:var(--fg-muted); }
.office-journey-callout > .btn { flex-shrink:0; }
.office-callout-icon { display:grid; place-items:center; width:var(--space-8); height:var(--space-8); color:var(--accent); flex-shrink:0; }
.office-queue-panel { padding:0; overflow:hidden; border-radius:var(--radius-md); box-shadow:none; }
.office-view-tabs { display:flex; align-items:center; gap:var(--space-1); overflow-x:auto; scrollbar-width:thin; padding:0 var(--space-5); border-bottom:var(--hairline) solid var(--border); }
.office-view-tab { display:inline-flex; align-items:center; justify-content:center; gap:var(--space-2); flex-shrink:0; min-height:calc(var(--control) + var(--space-3)); background:transparent; border:0; border-bottom:2px solid transparent; padding:var(--space-3); color:var(--fg-muted); font-size:var(--text-sm); font-weight:550; white-space:nowrap; }
.office-view-tab > span { padding:0 var(--space-2); min-width:var(--space-6); border-radius:var(--radius-sm); background:var(--neutral-100); color:var(--fg-muted); font-size:var(--text-xs); font-variant-numeric:tabular-nums; }
.office-view-tab:hover { background:var(--surface-subtle); color:var(--fg); }
.office-view-tab:active { transform:translateY(var(--hairline)); }
.office-view-tab.is-active { color:var(--accent); border-bottom-color:var(--accent); font-weight:650; }
.office-view-tab.is-active > span { color:var(--accent); background:var(--accent-soft); }
.office-filter-form { display:grid; grid-template-columns:minmax(180px,2fr) repeat(3,minmax(110px,1fr)) auto auto; align-items:end; gap:var(--space-3); padding:var(--space-5); }
.office-filter-form .field { min-width:0; margin:0; }
.office-filter-form .search-field { min-width:0; }
.office-filter-form .field label { font-size:var(--text-xs); margin:0; }
.office-filter-form select { width:100%; font-size:var(--text-sm); }
.office-filter-form > .btn { padding-inline:var(--space-3); }
.office-search-input { position:relative; }
.office-search-input > svg { position:absolute; top:50%; left:var(--space-3); transform:translateY(-50%); color:var(--fg-muted); pointer-events:none; }
.office-search-input input { padding-left:var(--space-10); width:100%; font-size:var(--text-sm); }
.office-list-summary { display:flex; justify-content:space-between; align-items:center; gap:var(--space-4); padding:var(--space-3) var(--space-5); font-size:var(--text-xs); color:var(--fg-muted); border-top:var(--hairline) solid var(--border); }
.office-list-summary > span { display:inline-flex; align-items:center; gap:var(--space-1); }
.office-list-summary strong { color:var(--fg); }
.office-queue-panel .table-wrap { border:0; border-radius:0; }
.office-case-table { font-size:var(--text-sm); min-width:840px; }
.office-case-table th { font-size:var(--text-xs); white-space:nowrap; padding-top:var(--space-3); padding-bottom:var(--space-3); }
.office-case-table td { vertical-align:middle; padding-top:var(--space-3); padding-bottom:var(--space-3); }
.office-case-table th:first-child,.office-case-table td:first-child { padding-left:var(--space-5); width:40%; }
.office-case-table th:last-child,.office-case-table td:last-child { padding-right:var(--space-5); }
.office-case-table tbody tr:hover { background:var(--surface-subtle); }
.office-case-table .office-journey-row { background:var(--accent-soft); }
.office-case-table .office-journey-row:hover { background:var(--accent-soft); }
.office-case-link { border:0; background:transparent; text-align:left; padding:0; color:var(--fg); min-height:var(--control); display:block; width:100%; border-radius:var(--radius-sm); }
.office-case-title { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--space-1) var(--space-2); }
.office-case-link .office-case-title strong { font-size:var(--text-sm); line-height:1.55; font-weight:600; }
.office-case-meta { display:flex; flex-wrap:wrap; gap:0 var(--space-2); font-size:var(--text-xs); color:var(--fg-muted); line-height:1.65; margin-top:var(--space-1); }
.office-case-meta > span { min-width:0; overflow-wrap:anywhere; }
.office-case-meta > span:not(:first-child)::before { content:"·"; margin-right:var(--space-2); color:var(--fg-muted); }
.office-case-reference { font-variant-numeric:tabular-nums; }
.office-case-meta .office-case-priority { color:var(--warning); font-weight:500; }
.office-case-title .office-pinned { margin-left:0; font-weight:500; }
.office-case-link strong { display:block; font-weight:600; line-height:1.5; }
.office-case-link:hover strong { color:var(--accent); text-decoration:underline; text-underline-offset:var(--space-1); }
.office-case-link:active { transform:translateY(var(--hairline)); }
.office-case-sub { display:block; font-size:var(--text-xs); color:var(--fg-muted); line-height:1.65; margin-top:var(--space-1); }
.office-case-category { display:inline; }
.office-case-category::before { content:' · '; }
.office-pinned { display:inline-flex; align-items:center; gap:var(--space-1); margin-left:var(--space-2); color:var(--accent); font-size:var(--text-xs); font-weight:650; }
.office-priority { display:inline-flex; gap:var(--space-1); align-items:center; margin-left:var(--space-2); color:var(--warning); font-weight:600; }
.office-assignee { display:flex; align-items:center; gap:var(--space-2); font-size:var(--text-xs); line-height:1.5; }
.office-assignee-dot { display:inline-grid; place-items:center; width:var(--space-6); height:var(--space-6); flex-shrink:0; border-radius:var(--radius-pill); background:var(--surface-subtle); font-size:var(--text-xs); color:var(--fg-muted); }
.office-unassigned { color:var(--fg-muted); font-size:var(--text-xs); }
.office-response-good,.office-response-late,.office-response-pending { display:inline-flex; align-items:center; gap:var(--space-1); font-size:var(--text-xs); font-weight:550; white-space:nowrap; }
.office-response-good { color:var(--success); }
.office-response-late { color:var(--danger); }
.office-response-pending { color:var(--fg-muted); }
.office-age { white-space:nowrap; font-size:var(--text-xs); }
.office-pagination { padding:var(--space-3) var(--space-5); display:flex; align-items:center; justify-content:space-between; gap:var(--space-4); border-top:var(--hairline) solid var(--border); }
.office-pagination p { margin:0; font-size:var(--text-xs); }
.office-pagination .row { gap:var(--space-2); }
.office-pagination .btn { font-size:var(--text-xs); padding-inline:var(--space-3); }
.office-empty { padding:var(--space-8); text-align:center; }
.office-empty .empty-state { padding-bottom:var(--space-4); }
.office-footnote { display:flex; align-items:flex-start; gap:var(--space-2); color:var(--fg-muted); font-size:var(--text-xs); margin:var(--space-5) 0 0; line-height:1.65; }
.office-footnote svg { margin-top:var(--space-1); }
.office-back { margin-bottom:var(--space-3); margin-left:calc(var(--space-3) * -1); }
.office-case-header-actions { display:flex; align-items:center; gap:var(--space-3); flex-shrink:0; flex-wrap:wrap; }
.office-next-step { display:flex; gap:var(--space-3); align-items:center; padding:var(--space-4) var(--space-5); margin-bottom:var(--space-5); background:var(--surface); border:var(--hairline) solid var(--border); border-radius:var(--radius-md); }
.office-step-number { width:var(--space-8); height:var(--space-8); background:var(--neutral-100); color:var(--fg-muted); border:var(--hairline) solid var(--border); border-radius:var(--radius-pill); display:grid; place-items:center; font-size:var(--text-sm); font-weight:650; flex-shrink:0; }
.office-next-step > div { flex:1; min-width:0; }
.office-next-step strong { font-size:var(--text-sm); }
.office-next-step p { font-size:var(--text-xs); color:var(--fg-muted); margin:var(--space-1) 0 0; }
.office-workflow-label { font-size:var(--text-xs); letter-spacing:.05em; color:var(--fg-muted); flex-shrink:0; }
.office-workspace { display:grid; grid-template-columns:minmax(0,1fr) 304px; gap:var(--space-5); align-items:start; }
.office-case-main,.office-case-sidebar { min-width:0; gap:var(--space-5); }
.office-workspace .panel { padding:var(--space-5); border-radius:var(--radius-md); }
.office-workspace .panel-header { margin-bottom:var(--space-4); align-items:flex-start; gap:var(--space-3); }
.office-workspace .panel-header h2 { font-size:var(--text-base); margin:0; letter-spacing:-.015em; }
.office-workspace .panel-header p { margin:var(--space-1) 0 0; font-size:var(--text-xs); }
.office-workspace .office-ticket-sheet { padding:0; overflow:hidden; }
.office-ticket-header { display:flex; justify-content:space-between; gap:var(--space-3); align-items:center; padding:var(--space-4) var(--space-5); border-bottom:var(--hairline) solid var(--border); }
.office-ticket-header h2 { font-family:var(--font); font-size:var(--text-sm); margin:0; font-weight:650; letter-spacing:0; }
.office-public-label { display:inline-flex; align-items:center; gap:var(--space-1); font-size:var(--text-xs); color:var(--fg-muted); }
.office-original-request { display:flex; align-items:flex-start; gap:var(--space-3); padding:var(--space-6) var(--space-5); }
.office-thread-avatar { display:grid; place-items:center; background:var(--neutral-100); color:var(--fg-muted); border:var(--hairline) solid var(--border); border-radius:var(--radius-sm); width:var(--space-8); height:var(--space-8); flex-shrink:0; font-weight:650; font-size:var(--text-xs); }
.office-avatar-staff { background:var(--accent-soft); color:var(--accent); border-color:var(--accent-soft); }
.office-thread-content { min-width:0; flex:1; }
.office-message-top { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-3); font-size:var(--text-sm); margin-bottom:var(--space-3); }
.office-message-top > div > span { display:block; font-size:var(--text-xs); color:var(--fg-muted); margin-top:var(--space-1); }
.office-message-top time { color:var(--fg-muted); font-size:var(--text-xs); flex-shrink:0; }
.office-message-top strong { color:var(--fg); font-weight:650; }
.office-request-text { white-space:pre-line; line-height:1.75; font-size:var(--text-sm); margin-bottom:var(--space-4); overflow-wrap:anywhere; }
.office-request-meta { display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-3); color:var(--fg-muted); font-size:var(--text-xs); }
.office-request-meta > span { display:inline-flex; align-items:center; gap:var(--space-1); }
.office-attachment { margin:var(--space-4) 0 0; }
.office-attachment img { display:block; max-width:100%; max-height:240px; border:var(--hairline) solid var(--border); border-radius:var(--radius-sm); object-fit:cover; }
.office-attachment figcaption { margin-top:var(--space-2); font-size:var(--text-xs); color:var(--fg-muted); }
.office-messages { display:flex; flex-direction:column; }
.office-messages .message { display:flex; align-items:flex-start; gap:var(--space-3); margin:0; padding:var(--space-5); border:0; border-top:var(--hairline) solid var(--border); border-radius:0; background:var(--surface); }
.office-messages .message p,.office-internal-panel .message p { margin:0; white-space:pre-line; font-size:var(--text-sm); line-height:1.75; overflow-wrap:anywhere; }
.office-conversation-empty { display:flex; align-items:center; gap:var(--space-3); color:var(--fg-muted); padding:var(--space-4) var(--space-5); border-top:var(--hairline) solid var(--border); background:var(--surface-subtle); }
.office-conversation-empty p { font-size:var(--text-xs); margin:0; }
.office-reply-form { border-top:var(--hairline) solid var(--border); padding:var(--space-5); background:var(--surface-subtle); }
.office-composer-heading { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); margin-bottom:var(--space-3); }
.office-composer-heading > span { display:inline-flex; align-items:center; gap:var(--space-2); font-size:var(--text-sm); font-weight:600; }
.office-composer-heading > span:last-child { color:var(--fg-muted); font-size:var(--text-xs); font-weight:400; }
.office-reply-form .field { margin-bottom:var(--space-3); }
.office-reply-form .field p { margin:var(--space-1) 0 0; font-size:var(--text-xs); }
.office-reply-form textarea { min-height:140px; }
.office-page .sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.office-page .form-actions { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:var(--space-3); margin-top:var(--space-4); }
.office-page .form-actions p { margin:0; }
.office-internal-panel { background:var(--surface); border-color:var(--border); }
.office-private-label { display:inline-flex; align-items:center; gap:var(--space-1); padding:var(--space-1) var(--space-2); border-radius:var(--radius-sm); font-size:var(--text-xs); color:var(--warning); background:var(--warning-bg); white-space:nowrap; }
.office-internal-panel .message { margin:0 0 var(--space-4); padding:var(--space-4); background:var(--warning-bg); border:var(--hairline) solid var(--border); border-radius:var(--radius-sm); }
.office-internal-panel .message .office-message-top { margin-bottom:var(--space-2); }
.office-internal-panel .form-actions > span { flex:1; min-width:160px; font-size:var(--text-xs); }
.office-internal-panel textarea { background:var(--surface); }
.office-activity-panel > summary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); min-height:var(--control); cursor:pointer; list-style:none; font-size:var(--text-sm); font-weight:600; border-radius:var(--radius-sm); }
.office-activity-panel > summary::-webkit-details-marker { display:none; }
.office-activity-panel > summary > span { display:inline-flex; align-items:center; gap:var(--space-2); }
.office-activity-panel[open] > summary { margin-bottom:var(--space-5); }
.office-activity-panel[open] > summary > svg { transform:rotate(180deg); }
.office-activity { list-style:none; padding:0; margin:0; }
.office-activity .timeline-item { padding-bottom:var(--space-5); }
.office-activity .timeline-item:last-child { padding-bottom:0; }
.office-activity .timeline-content strong { display:block; margin-top:var(--space-1); font-size:var(--text-sm); }
.office-activity .timeline-content p { margin:var(--space-1) 0 0; overflow-wrap:anywhere; }
.office-full { width:100%; justify-content:center; margin-top:var(--space-3); }
.office-case-sidebar .field { margin-bottom:var(--space-4); }
.office-case-sidebar .field label { font-size:var(--text-xs); }
.office-case-sidebar input,.office-case-sidebar select,.office-case-sidebar textarea { width:100%; font-size:var(--text-sm); }
.office-case-sidebar .field p { font-size:var(--text-xs); margin:0; }
.office-case-sidebar .small { font-size:var(--text-xs); line-height:1.65; }
.office-response-clock { border-top:var(--hairline) solid var(--border); margin-top:var(--space-5); padding-top:var(--space-4); }
.office-response-clock > span { display:flex; gap:var(--space-2); align-items:center; font-size:var(--text-xs); color:var(--fg-muted); }
.office-response-clock > strong { display:block; font-size:var(--text-sm); margin-top:var(--space-2); font-variant-numeric:tabular-nums; }
.office-response-clock > p { margin:var(--space-2) 0 0; font-size:var(--text-xs); }
.office-response-clock.is-late > strong { color:var(--danger); }
.office-agency-update { padding:var(--space-4); border:var(--hairline) solid var(--border); border-radius:var(--radius-sm); background:var(--surface-subtle); margin-top:var(--space-4); }
.office-agency-update p { margin:0 0 var(--space-2); }
.office-agency-update p:last-child { margin-top:var(--space-3); margin-bottom:0; font-size:var(--text-xs); }
.office-resolution-panel { border:var(--hairline) solid var(--border); }
.office-resolution-panel > .notice { display:block; padding:var(--space-4); background:var(--success-bg); color:var(--success); }
.office-resolution-panel .notice p { margin:var(--space-2) 0 0; }
.office-rating-result { padding:var(--space-4) 0; }
.office-rating-result > strong { font-size:var(--text-2xl); color:var(--warning); display:block; letter-spacing:.05em; }
.office-rating-result > span { display:block; font-size:var(--text-xs); color:var(--fg-muted); }
.office-rating-result > p { margin:var(--space-2) 0 0; font-size:var(--text-sm); }
.office-chart { display:flex; flex-direction:column; gap:var(--space-5); padding:var(--space-2) 0; }
.office-chart-row > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); font-size:var(--text-sm); margin-bottom:var(--space-2); }
.office-chart-row .progress-bar { height:var(--space-2); background:var(--neutral-100); border-radius:var(--radius-sm); overflow:hidden; }
.office-chart-row .progress-bar > span { display:block; background:var(--info); height:100%; border-radius:inherit; }
.office-chart-teal .progress-bar > span { background:var(--success); }
.office-chart-amber .progress-bar > span { background:var(--warning); }
.office-chart-violet .progress-bar > span { background:var(--fg-muted); }
.office-insights-grid .panel { min-width:0; }
.office-insights-grid .panel-header h2 { font-size:var(--text-lg); margin-bottom:0; }
.office-insights-grid .eyebrow { color:var(--fg-muted); font-size:var(--text-xs); margin-bottom:var(--space-2); letter-spacing:.05em; }
.office-insights-grid .panel > .small { margin:var(--space-4) 0 0; font-size:var(--text-xs); }
.office-performance-strip { display:grid; grid-template-columns:repeat(3,1fr); border:var(--hairline) solid var(--border); background:var(--surface); border-radius:var(--radius-md); margin-top:var(--space-5); }
.office-performance-strip > div { padding:var(--space-5); display:flex; flex-direction:column; gap:var(--space-2); border-right:var(--hairline) solid var(--border); }
.office-performance-strip > div:last-child { border-right:0; }
.office-performance-strip span { color:var(--fg-muted); font-size:var(--text-sm); }
.office-performance-strip strong { font-size:var(--text-3xl); letter-spacing:-.035em; }
.office-performance-strip small { color:var(--fg-muted); font-size:var(--text-xs); letter-spacing:0; }
.office-initiative-overview { display:grid; grid-template-columns:1fr 1fr 2fr; gap:var(--space-4); margin-bottom:var(--space-6); }
.office-initiative-overview .panel { display:flex; flex-direction:column; gap:var(--space-2); padding:var(--space-5); }
.office-initiative-overview .eyebrow { margin:0; color:var(--fg-muted); letter-spacing:.05em; }
.office-initiative-overview .panel > strong { font-size:var(--text-3xl); line-height:1.2; letter-spacing:-.035em; }
.office-initiative-overview .small { font-size:var(--text-xs); }
.office-initiative-hint { display:flex; align-items:center; gap:var(--space-4); padding:var(--space-5); background:var(--surface); border:var(--hairline) solid var(--border); border-radius:var(--radius-md); }
.office-initiative-hint > svg { color:var(--fg-muted); }
.office-initiative-hint p { margin:0; color:var(--fg-muted); font-size:var(--text-sm); }
.office-draft-list { display:flex; flex-direction:column; gap:var(--space-5); }
.office-draft { display:flex; gap:var(--space-6); justify-content:space-between; border-top:var(--hairline) solid var(--border); padding-top:var(--space-5); }
.office-draft h3 { margin-top:var(--space-3); }
.office-draft p:last-child { margin:0; font-size:var(--text-sm); max-width:65ch; }
.office-draft-actions { display:flex; flex-direction:column; justify-content:center; gap:var(--space-2); flex-shrink:0; }
.office-draft-actions .btn { font-size:var(--text-sm); }
.office-initiative-grid { align-items:start; }
.office-initiative-card { overflow:hidden; padding:0; }
.office-initiative-art { min-height:var(--space-16); padding:var(--space-4) var(--space-5); display:flex; align-items:center; justify-content:space-between; background:var(--surface-subtle); color:var(--fg-muted); border-bottom:var(--hairline) solid var(--border); }
.office-initiative-art > svg { width:var(--space-6); height:var(--space-6); }
.office-initiative-art > span { font-size:var(--text-xs); line-height:1.5; }
.office-initiative-card-body { padding:var(--space-5); }
.office-initiative-card-body > .row { gap:var(--space-2); justify-content:space-between; flex-wrap:wrap; margin-bottom:var(--space-4); }
.office-initiative-card-body .row > .small { font-size:var(--text-xs); }
.office-initiative-card h3 { font-size:var(--text-base); line-height:1.5; }
.office-initiative-card p { color:var(--fg-muted); font-size:var(--text-sm); line-height:1.7; }
.office-initiative-card-meta { display:flex; flex-wrap:wrap; gap:var(--space-2) var(--space-3); align-items:center; padding-top:var(--space-4); border-top:var(--hairline) solid var(--border); font-size:var(--text-xs); color:var(--fg-muted); }
.office-initiative-card-meta > span { display:inline-flex; align-items:center; gap:var(--space-1); }
.office-initiative-card .btn { font-size:var(--text-xs); }
.office-dialog { background:var(--surface); color:var(--fg); border:var(--hairline) solid var(--border); border-radius:var(--radius-lg); padding:var(--space-8); width:min(600px,calc(100vw - 32px)); max-height:calc(100vh - 48px); box-shadow:var(--shadow-lg); overflow:auto; }
.office-dialog::backdrop { background:var(--overlay); }
.office-dialog-header { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--space-4); margin-bottom:var(--space-6); }
.office-dialog-header h2 { margin:0; }
.office-dialog-header .eyebrow { margin-bottom:var(--space-2); }
.office-dialog .field { margin-bottom:var(--space-4); }
.office-dialog input,.office-dialog textarea,.office-dialog select { width:100%; }
.office-dialog .notice { font-size:var(--text-sm); }
@media (max-width:1280px) {
  .office-person { display:none; }
  .office-stat-grid .stat-card { padding:var(--space-5); }
  .office-stat-icon { display:none; }
  .office-filter-form { grid-template-columns:repeat(3,minmax(0,1fr)) auto auto; }
  .office-filter-form .search-field { grid-column:1 / -1; }
  .office-workflow-label { display:none; }
  .office-initiative-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1120px) {
  .office-workspace { grid-template-columns:minmax(0,1fr); }
  .office-case-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; }
  .office-resolution-panel { grid-column:1 / -1; }
  .office-initiative-overview { grid-template-columns:1fr 1fr; }
  .office-initiative-hint { grid-column:1 / -1; }
}
@media (max-width:700px) {
  .office-page-header { flex-direction:column; gap:var(--space-3); }
  .office-page-header h1 { font-size:var(--text-2xl); }
  .office-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .office-stat-grid .stat-card { padding:var(--space-4); }
  .office-stat-grid .stat-card:nth-child(2) { border-right:0; }
  .office-stat-grid .stat-card:nth-child(-n+2) { border-bottom:var(--hairline) solid var(--border); }
  .office-stat-value { font-size:var(--text-2xl); }
  .office-journey-callout { flex-wrap:wrap; padding:var(--space-4); gap:var(--space-3); }
  .office-journey-callout > .btn { width:100%; justify-content:center; }
  .office-journey-callout > .badge { margin-left:var(--space-10); }
  .office-callout-icon { width:var(--space-6); height:var(--space-6); }
  .office-journey-callout > div:nth-child(2) { flex-basis:calc(100% - 48px); }
  .office-view-tabs { padding:0 var(--space-3); }
  .office-view-tab { padding-inline:var(--space-3); font-size:var(--text-xs); }
  .office-filter-form { grid-template-columns:repeat(2,minmax(0,1fr)); padding:var(--space-4); gap:var(--space-3); }
  .office-filter-form .search-field,.office-filter-form .office-focus-field { grid-column:1 / -1; }
  .office-filter-form > .btn { width:100%; }
  .office-list-summary { flex-direction:column; align-items:flex-start; gap:var(--space-2); padding-inline:var(--space-4); }
  .office-case-table { display:block; min-width:0; }
  .office-case-table thead { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
  .office-case-table tbody { display:block; }
  .office-case-table tbody tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:var(--space-4); gap:var(--space-3); border-top:var(--hairline) solid var(--border); }
  .office-case-table td { display:block; padding:0!important; border:0; min-width:0; }
  .office-case-table td:first-child { width:auto; grid-column:1 / -1; }
  .office-case-table td[data-label]::before { content:attr(data-label); display:block; font-size:var(--text-xs); color:var(--fg-muted); margin-bottom:var(--space-1); }
  .office-case-table .office-case-link { margin-bottom:var(--space-1); }
  .office-case-table .office-case-sub { margin-top:0; }
  .office-case-table tbody tr:hover td { background:transparent; }
  .office-case-category { display:block; }
  .office-case-category::before { content:''; }
  .office-pinned { margin-left:var(--space-1); }
  .office-pagination { padding:var(--space-3) var(--space-4); flex-direction:column; gap:var(--space-2); }
  .office-pagination .row { justify-content:space-between; width:100%; }
  .office-next-step { padding:var(--space-4); align-items:flex-start; gap:var(--space-3); }
  .office-case-header-actions { justify-content:flex-start; width:100%; }
  .office-case-sidebar { display:flex; }
  .office-workspace .panel { padding:var(--space-4); }
  .office-workspace .office-ticket-sheet { padding:0; }
  .office-ticket-header { flex-direction:column; align-items:flex-start; gap:var(--space-2); padding:var(--space-4); }
  .office-original-request,.office-messages .message { padding:var(--space-4); }
  .office-thread-avatar { width:var(--space-6); height:var(--space-6); font-size:var(--text-xs); }
  .office-message-top { flex-direction:column; gap:var(--space-1); }
  .office-reply-form { padding:var(--space-4); }
  .office-reply-form .form-actions > .btn { width:100%; justify-content:center; }
  .office-internal-panel .panel-header { flex-wrap:wrap; }
  .office-insights-grid { grid-template-columns:minmax(0,1fr); }
  .office-performance-strip { grid-template-columns:minmax(0,1fr); }
  .office-performance-strip > div { border-right:0; border-bottom:var(--hairline) solid var(--border); }
  .office-performance-strip > div:last-child { border-bottom:0; }
  .office-initiative-grid { grid-template-columns:minmax(0,1fr); }
  .office-initiative-overview .panel { padding:var(--space-4); }
  .office-initiative-overview .eyebrow { font-size:var(--text-xs); letter-spacing:.04em; }
  .office-initiative-overview .panel > strong { font-size:var(--text-2xl); }
  .office-draft { flex-direction:column; gap:var(--space-4); }
  .office-draft-actions { flex-direction:row; flex-wrap:wrap; justify-content:flex-start; }
  .office-draft-actions .btn { flex:1 1 auto; }
  .office-dialog { padding:var(--space-6); }
}
@media (prefers-reduced-motion:reduce) {
  .office-page * { transition:none !important; }
  .office-view-tab:active { transform:none; }
}