.office-summary,.office-actions,.office-tabs { display:flex; flex-wrap:wrap; gap:12px; align-items:center; }
.office-summary { padding:14px 0; border-top:1px solid var(--ui-line); border-bottom:1px solid var(--ui-line); font-size:13px; }
.office-tabs { margin:20px 0; }
.office-tabs button { display:inline-flex; align-items:center; gap:8px; }
.office-tabs svg,.office-actions svg,.office-table button svg { width:16px; height:16px; flex-shrink:0; }
.office-fieldset { margin:0; padding:0; border:0; min-width:0; }
.office-section { padding:22px 0; border-bottom:1px solid var(--ui-line,#d7dede); min-width:0; }
.office-section h3,.office-confirm h3 { margin:0 0 16px; font-size:18px; }
.office-form-grid,.office-policy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 20px; margin:14px 0; }
.office-form-grid label,.office-policy-grid label { display:flex; flex-direction:column; gap:7px; font-size:13px; min-width:0; }
.office-fieldset :is(select,input[type=number]),.office-policy-grid select { width:100%; min-width:0; min-height:36px; padding:7px 9px; border:1px solid var(--ui-line,#ced6d6); border-radius:4px; background:white; color:#202c2d; font:inherit; }
.office-fieldset input[type=checkbox] { accent-color:var(--ui-accent,#087c75); width:17px; height:17px; }
.office-fieldset label { font-size:13px; }
.office-fieldset button { white-space:normal; overflow-wrap:anywhere; }
.office-actions { margin:14px 0; font-size:13px; }
.office-two-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.office-table-scroll { overflow:auto; width:100%; max-width:100%; }
.office-roster-scroll { max-height:480px; }
body:not(.start-mode) table.office-table { width:max-content; min-width:100%; border-collapse:separate; border-spacing:0; font-size:13px; }
body:not(.start-mode) table.office-table :is(th,td) { padding:11px 12px; text-align:left; vertical-align:middle; min-width:60px; max-width:350px; white-space:normal; overflow-wrap:anywhere; }
.office-table small { display:block; color:var(--ui-muted); font-size:11px; line-height:1.7; }
.office-table thead th { position:sticky; top:0; z-index:1; background:#e5eeee; }
.office-table td button { display:inline-flex; gap:5px; align-items:center; margin:3px; font-size:12px; }
.office-confirm { padding:20px; border:1px solid var(--ui-line); border-left:3px solid var(--ui-accent); margin:16px 0; }
.office-confirm label { display:flex; flex-direction:column; gap:8px; max-width:220px; }
.office-section p { font-size:13px; line-height:1.8; }
@media(max-width:760px) { .office-form-grid,.office-policy-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .office-two-columns { grid-template-columns:minmax(0,1fr); gap:0; } }
@media(max-width:420px) { .office-form-grid,.office-policy-grid { grid-template-columns:minmax(0,1fr); } .office-tabs { gap:8px; } .office-tabs button { flex:1 1 44%; font-size:12px; padding:10px 8px; } .office-summary { gap:9px; } }