:root{
  --office-blue:#185abd;
  --office-blue-dark:#17365d;
  --office-blue-hover:#104894;
  --office-tint:#edf4fc;
  --office-surface:#fff;
  --office-canvas:#f3f6fb;
  --office-border:#d7e1ee;
  --office-text:#24364b;
  --office-muted:#596e87;
  --office-radius:10px;
  --office-shadow:0 3px 14px rgba(23,54,93,.06);
}
body.workspace-panel{
  --office-blue:#185abd;
  --office-blue-dark:#17365d;
  --office-blue-hover:#104894;
  --office-tint:#edf4fc;
  --office-surface:#fff;
  --office-canvas:#f3f6fb;
  --office-border:#d7e1ee;
  --office-text:#24364b;
  --office-muted:#596e87;
  --ui-accent:var(--office-blue);
  --ui-navy:var(--office-blue-dark);
  --ui-ink:var(--office-text);
  --ui-border:var(--office-border);
  --ui-surface:var(--office-surface);
  --ui-muted:var(--office-muted);
  background:var(--office-canvas);
  color:var(--office-text);
}
body.workspace-panel #sidebar{background:#17365d;border-color:#ffffff1a}
body.workspace-panel #sidebar nav a.active{background:#185abd;border-color:#82ade4;color:#fff}
body.workspace-panel #sidebar nav a.active>.ui-icon{color:#fff}
body.workspace-panel #sidebar .brand-symbol{background:#edf4fc;border-color:#bcd2ed}
body.workspace-panel #sidebar .panel-avatar{background:#dcecff;color:#174f95}
body.workspace-panel #sidebar .nav-group{background:#ffffff09;border-color:#d1e4ff20}
body.workspace-panel #sidebar .nav-group-title{background:#a6cdf21a;color:#f1f7ff}
body.workspace-panel #sidebar .nav-group-title::before{background:#80bfff;box-shadow:none}
body.workspace-panel #sidebar nav :is(a,.session-action>button)>.ui-icon{background:#ffffff12;border-color:#ffffff10;color:#bcd9ff}
body.workspace-panel #sidebar nav a.active{box-shadow:inset -3px 0 #b7d9ff}
body.workspace-panel main > header.app-global-header{display:grid;grid-template-columns:minmax(200px,auto) minmax(0,1fr);align-items:center;gap:12px 24px;min-height:76px;background:#fff;border-bottom:1px solid var(--office-border);box-shadow:0 3px 14px rgba(23,54,93,.05)}
body.workspace-panel .app-global-header .header-title{display:flex;align-items:center;gap:11px;min-width:0}
body.workspace-panel .app-global-header .header-title-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;margin:0;border:1px solid #cfdef1;border-radius:10px;background:#edf4fc;color:#185abd}
body.workspace-panel .app-global-header .header-title-icon .ui-icon{width:20px;height:20px}
body.workspace-panel .app-global-header .header-title>div{min-width:0}
body.workspace-panel .app-global-header .header-title b{display:block;color:#17365d;font-size:1rem;font-weight:800;line-height:1.65;overflow-wrap:anywhere}
body.workspace-panel .app-global-header .header-title>div>span{display:block;margin:2px 0 0;color:#61758f;font-size:.73rem;line-height:1.6;overflow-wrap:anywhere}
body.workspace-panel .app-global-header .panel-header-details{display:flex;align-items:center;justify-content:flex-end;gap:10px 14px;min-width:0;flex-wrap:wrap}
body.workspace-panel .app-global-header .panel-header-context{display:flex;align-items:center;justify-content:flex-end;gap:8px 0;min-width:0;flex-wrap:wrap}
body.workspace-panel .app-global-header .header-info{display:flex;flex-direction:column;gap:2px;min-width:0;max-width:240px;padding:0 12px;border-inline-start:1px solid #e2eaf4;line-height:1.5}
body.workspace-panel .app-global-header .header-info small{color:#71839a;font-size:.65rem;line-height:1.5}
body.workspace-panel .app-global-header .header-info strong{color:#294866;font-size:.74rem;font-weight:700;line-height:1.6;overflow-wrap:anywhere}
body.workspace-panel .app-global-header .header-info em{color:#6b8099;font-style:normal;font-weight:400}
body.workspace-panel .app-global-header .header-context-action{display:inline-flex;align-items:center;min-height:34px;padding:5px 9px;border:1px solid #cbdcf0;border-radius:7px;background:#f3f7fd;color:#18528f;font:inherit;font-size:.7rem;text-decoration:none}
body.workspace-panel .app-global-header .header-context-action:hover{background:#e6f0fc}
body.workspace-panel .app-global-header .live-clock{position:static;display:flex;align-items:center;gap:7px;width:auto;max-width:100%;margin:0;padding:8px 10px;transform:none;border:1px solid #dce7f4;border-radius:8px;background:#f6f9fd;box-shadow:none;color:#45617f;font-size:.7rem;line-height:1.5;font-variant-numeric:tabular-nums}
body.workspace-panel .app-global-header .live-clock .ui-icon{width:16px;height:16px;color:#185abd}
body.workspace-panel .app-global-header .live-clock span{margin:0;color:inherit;font-size:inherit}
body.workspace-panel .app-global-header .live-clock [data-live-time]{color:#17365d;font-weight:700}
body.workspace-panel .app-global-header .header-logout-form{display:flex;flex:none;margin:0}
body.workspace-panel .app-global-header .header-logout{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #efcfcf;border-radius:9px;background:#fff6f6;color:#a32c2c;cursor:pointer}
body.workspace-panel .app-global-header .header-logout:hover{background:#fce9e9;border-color:#dfa9a9}
body.workspace-panel .app-global-header .menu-toggle{flex:none;min-width:40px;min-height:40px;margin:0;border:1px solid #d2e2f5;border-radius:9px;background:#edf4fc;color:#185abd}
@media(max-width:1200px){body.workspace-panel main > header.app-global-header{grid-template-columns:1fr;gap:10px}body.workspace-panel .app-global-header .panel-header-details{justify-content:flex-start;padding-top:10px;border-top:1px solid #e8eef6}body.workspace-panel .app-global-header .panel-header-context{justify-content:flex-start}}
@media(max-width:800px){body.workspace-panel main > header.app-global-header{gap:9px}body.workspace-panel .app-global-header .header-title{gap:9px}body.workspace-panel .app-global-header .header-title-icon{width:36px;height:36px}body.workspace-panel .app-global-header .header-title b{font-size:.93rem}body.workspace-panel .app-global-header .panel-header-details{gap:8px}body.workspace-panel .app-global-header .panel-header-context{flex:1 1 100%;gap:8px}body.workspace-panel .app-global-header .header-info{flex:1 1 125px;max-width:none;padding:0 8px;border-inline-start:1px solid #e2eaf4}body.workspace-panel .app-global-header .header-info:first-child{padding-inline-start:0;border-inline-start:0}body.workspace-panel .app-global-header .header-school{flex-basis:180px}body.workspace-panel .app-global-header .header-logout-form{margin-inline-start:auto}}
body.workspace-panel main > .app-breadcrumbs{background:#fff;border-bottom-color:var(--office-border)}
body.workspace-panel main{color:var(--office-text)}
body.workspace-panel :is(.card,.work-panel,.people-admin .card,.option-sets-editor,.option-sets-list,.resource-card,.registered-item,.covered-school,.pd-package,.overview-item,.response-workspace){border-radius:var(--office-radius);box-shadow:var(--office-shadow)}
body.workspace-panel :is(.work-panel-heading,.pd-section-title,.sm-section-head,.toolbar) :is(h2,h3,h4){color:var(--office-blue-dark);line-height:1.7}
body.workspace-panel :is(.work-panel-heading,.pd-section-title,.sm-section-head,.toolbar) p{color:var(--office-muted);line-height:1.8}
body.workspace-panel :is(.form-grid,.work-form-grid) label:not(.response-choice):not(.check-list){color:var(--office-text)}
body.workspace-panel :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){border-color:#cbd9e9;color:var(--office-text)}
body.workspace-panel :is(input,textarea)::placeholder{color:#9daabd;opacity:1}
body.workspace-panel :is(.row-actions,.file-actions){gap:8px}
body.workspace-panel :is(.btn,.icon-action){border-radius:8px;font-family:inherit;line-height:1.6}
body.workspace-panel :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #78a9e5;outline-offset:2px}
body.workspace-panel :is(.modal,dialog.modal){border:1px solid var(--office-border);border-radius:var(--office-radius);background:var(--office-surface);color:var(--office-text)}
body.workspace-panel .modal-head{border-color:var(--office-border);background:#f5f8fc;color:var(--office-blue-dark)}
body.workspace-panel .modal-close{background:#edf4fc;color:var(--office-blue-dark)}
body.workspace-panel :is(.people-admin,.option-sets-page,.school-monitor){--os-ink:#24364b;--os-muted:#596e87;--os-line:#d7e1ee;--os-teal:#185abd;--sm-teal:#185abd;--sm-ink:#24364b;--sm-muted:#596e87}
body.workspace-panel :is(.ew-area-own,.ew-area-schools){--ew-color:#185abd;--ew-tint:#edf4fc;--ew-border:#d7e1ee}
body.workspace-panel :is(.people-hero,.option-sets-intro,.resource-head,.sm-hero,.overview-hero,.pd-hero){background:linear-gradient(115deg,#edf4fc,#fff);border-color:#d7e5f4}
body.workspace-panel :is(.people-hero-icon,.option-sets-hero-icon,.option-sets-section-icon,.option-set-item-icon,.resource-icon,.resource-empty>span,.header-title-icon){background:#e7f0fc;border-color:#d2e2f5;color:#185abd}
body.workspace-panel :is(.people-eyebrow,.option-sets-eyebrow,.resource-eyebrow,.sm-eyebrow,.pd-eyebrow){color:#185abd}
body.workspace-panel :is(.people-hero h2,.option-sets-intro h2,.resource-head h2,.sm-hero h2,.overview-hero h2,.pd-hero h2){color:#17365d}
body.workspace-panel :is(.card,.people-admin .card,.option-sets-editor,.option-sets-list,.resource-card,.registered-item,.covered-school,.pd-package,.overview-item,.response-workspace){border-color:#d7e1ee}
body.workspace-panel :is(.people-admin,.option-sets-page,.school-monitor) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#c9d8ea;background:#fff;color:#24364b}
body.workspace-panel :is(input,select,textarea):focus-visible{outline-color:#78a9e5;border-color:#185abd}
body.workspace-panel :is(input[type=checkbox],input[type=radio]){accent-color:#185abd}
body.workspace-panel :is(table) thead th{background:#edf3fb;color:#315579;border-color:#d7e1ee}
body.workspace-panel :is(table) td{border-bottom-color:#e8eef6}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.approved,.status-approved,.active,.complete,.answered){background:var(--status-success-bg);color:var(--status-success-ink);border-color:var(--status-success-border)}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.submitted,.status-submitted,.upcoming,.progress){background:var(--status-info-bg);color:var(--status-info-ink);border-color:var(--status-info-border)}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.pending,.status-pending,.waiting,.missing,.status-missing,.attention,.no_manager,.due_soon){background:var(--status-wait-bg);color:var(--status-wait-ink);border-color:var(--status-wait-border)}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.rejected,.status-rejected,.overdue){background:var(--status-danger-bg);color:var(--status-danger-ink);border-color:var(--status-danger-border)}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.draft,.status-draft){background:var(--status-draft-bg);color:var(--status-draft-ink);border-color:var(--status-draft-border)}
body.workspace-panel :is(.badge,.sm-badge,.circular-status,.overview-status,.response-state,.qa-status,.sm-matrix-cell):is(.ended,.inactive,.status-inactive,.status-info,.not_target,.no_form){background:var(--status-neutral-bg);color:var(--status-neutral-ink);border-color:var(--status-neutral-border)}
body.workspace-panel :is(.new-palette,.new-builder-form,.form-canvas,.condition-editor,.option-set-picker){border-color:#d7e1ee;background:#fff}
body.workspace-panel :is(.new-form-head,.canvas-head,.palette-items button,.new-builder-field header){background:#f5f8fc;border-color:#e1eaf5}
body.workspace-panel :is(.palette-kicker,.form-kicker,.palette-head h3,.new-form-head strong,.canvas-head strong){color:#17365d}
body.workspace-panel :is(.palette-icon,.new-field-settings,.canvas-head .add-field,.condition-add){background:#edf4fc;border-color:#c9dbef;color:#185abd}
body.workspace-panel :is(.option-set-picker label,.option-set-picker label:before){color:#185abd}
body.workspace-panel :is(.option-set-picker label:before,.option-set-preview span){background:#edf4fc;border-color:#d7e5f4}
body.workspace-panel :is(.pd-manager-tools,.sm-filters,.resource-form,.work-panel){border-color:#d7e1ee}
body.workspace-panel :is(.jalali-picker,.jp-head){color:#24364b}
body.workspace-panel :is(.jp-days button.selected,.jp-time button){background:#185abd;color:#fff}
body.workspace-panel .jp-days button:hover{background:#dceafb;color:#17365d}
body.workspace-panel :is(.guide-header,.qa-header,.reports-intro,.ra-hero,.password-page .password-hero,.work-pages .work-hero){background:linear-gradient(115deg,#edf4fc,#fff);border-color:#d7e5f4;color:#24364b}
body.workspace-panel :is(.guide-header h2,.qa-header h2,.reports-intro h2,.ra-hero h2,.password-page .password-hero h2,.work-pages .work-hero h2,.registered-heading h2,.covered-heading h2){color:#17365d}
body.workspace-panel :is(.qa-eyebrow,.ra-eyebrow,.work-eyebrow,.registered-eyebrow,.covered-eyebrow,.guide-header>div>span,.reports-intro span){color:#185abd}
body.workspace-panel :is(.qa-header-icon,.qa-school-icon,.ra-icon,.reports-icon,.password-hero-icon,.password-start-icon,.work-hero-icon,.notification-icon,.registered-icon,.covered-school-icon){background:#e7f0fc;border-color:#d2e2f5;color:#185abd}
body.workspace-panel :is(.guide-section,.qa-conversation,.ra-overview>div,.reports-stats>div,.work-pages .work-panel,.registered-item,.covered-school,.resource-card,.school-choice){border-color:#d7e1ee}
body.workspace-panel :is(.registered-description,.registered-meta,.covered-school-info,.ra-current,.response-form-description,.response-form-info,.guide-empty){background:#f6f9fd;border-color:#e1eaf5;color:#425b76}
body.workspace-panel :is(.qa-conversation:hover,.registered-item:hover,.covered-school:hover,.resource-card:hover){border-color:#a8c4e5}
body.workspace-panel :is(.guide-faq details>summary,.guide-add>summary,.guide-editor>summary,.qa-list-toolbar h3,.qa-conversation-heading h3,.ra-panel-heading h3,.ra-section-head h3,.reports-card h3,.work-pages .work-panel-heading h3){color:#17365d}
body.workspace-panel .response-form-progress progress::-webkit-progress-value{background:#185abd}
body.workspace-panel .response-form-progress progress::-moz-progress-bar{background:#185abd}
body.workspace-panel .response-history-list .response-history-actor{margin-top:5px;color:#425b76;font-size:.76rem;line-height:1.8;overflow-wrap:anywhere}
body.workspace-panel :is(.rich-toolbar button:hover,.rich-toolbar button:focus-visible){background:#edf4fc;color:#185abd}
body.workspace-panel :is(.password-steps .active,.password-steps .active b){color:#185abd}
body.workspace-panel .edit-recipient-options label:has(input:checked){border-color:#83afe3;background:#edf4fc}
body.unified-login{--auth-accent:#185abd;--auth-ink:#24364b}
body.unified-login .auth-intro{background:linear-gradient(150deg,#081d40f7,#092e6aef),var(--auth-background,none) center/cover}
body.unified-login :is(.auth-intro .auth-eyebrow,.auth-benefits svg){color:#bcd9ff}
body.unified-login :is(.auth-heading-icon,.auth-methods){background:#edf4fc;border-color:#d7e5f4;color:#185abd}
body.unified-login .auth-methods a[aria-current=page]{background:#fff;color:#185abd}
body.unified-login .auth-submit{background:#104a9d;color:#fff}
body.unified-login .auth-submit:hover{background:#0b387b}
body.unified-login .auth-account input{accent-color:#185abd}
body.unified-login .auth-account:has(input:checked){border-color:#76a6e2;background:#edf4fc}