/* Shared Office-inspired palette. Semantic status and alert colors remain independent. */
body.workspace-panel{--ui-accent:#185abd;--ui-navy:#17365d;--ui-ink:#24364b;--ui-border:#d7e1ee;background:#f3f6fb;color:var(--ui-ink)}
.workspace-panel #sidebar{background:linear-gradient(165deg,#17365d 0%,#15365c 55%,#102a4a 100%);border-inline-end-color:#b9d1ef30}
.workspace-panel #sidebar .panel-profile{border-color:#b8d4f132;background:linear-gradient(120deg,#5a96d636,#ffffff0a)}
.workspace-panel #sidebar .panel-avatar{background:#dcecff;color:#174f95}
.workspace-panel #sidebar .nav-group{border-color:#d1e4ff20;background:#ffffff09}
.workspace-panel #sidebar .nav-group-title{background:#a6cdf21a;color:#f1f7ff}
.workspace-panel #sidebar .nav-group-title::before{background:#80bfff;box-shadow:none}
.workspace-panel #sidebar nav a.active{background:#185abd;border-color:#8ab7ec;box-shadow:inset -3px 0 #b7d9ff;color:#fff}
.workspace-panel #sidebar nav :is(a,.session-action>button):hover{background:#ffffff1b;border-color:#ffffff25;color:#fff}
.workspace-panel .header-title-icon{background:#e5f0fd;color:#185abd}
.workspace-panel main > header{border-bottom-color:#d7e2ef}
.workspace-panel .app-breadcrumbs a{color:#185a9f}
.workspace-panel :is(.card,.pd-package,.response-workspace){border-color:#dce5ef}
.workspace-panel .card::before{background:linear-gradient(90deg,#185abd,#58a0e0,#a9cff1)}
.workspace-panel :is(.pd-hero,.sm-hero){background:linear-gradient(115deg,#eaf2fc,#f7faff);border-color:#d3e1f1;box-shadow:inset -4px 0 #2b78c9}
.workspace-panel :is(.pd-shortcut,.pd-shortcut:nth-child(2n)){background:linear-gradient(135deg,#fff 55%,#edf5ff);border-color:#dae6f3}
.workspace-panel :is(.pd-shortcut,.pd-work-item):hover{background:#f1f7ff;border-color:#a6c5e7}
.workspace-panel .pd-stat:not(.attention):not(.success){border-block-start-color:#2878c8;background:linear-gradient(140deg,#fff 55%,#edf5ff)}
.workspace-panel .pd-stat.attention{border-block-start-color:#c58a24;background:linear-gradient(140deg,#fff 55%,#fff7e7)}
.workspace-panel .pd-stat.success{border-block-start-color:#27864c;background:linear-gradient(140deg,#fff 55%,#edf8f0)}
.workspace-panel .pd-progress-track i{background:#2b78c9}
.workspace-panel .response-form-progress progress::-webkit-progress-value{background:#2b78c9}
@media(prefers-reduced-motion:no-preference){.workspace-panel :is(.pd-shortcut,.pd-stat){transition:border-color .18s ease,box-shadow .18s ease}.workspace-panel a.pd-stat:hover,.workspace-panel .pd-shortcut:hover{box-shadow:0 5px 16px rgba(24,90,189,.12)}}
.workspace-panel table thead th{background:#edf3fb;color:#315579}
.workspace-panel :is(input,select,textarea):focus-visible{outline-color:#185abd}
.workspace-panel :is(a,button):focus-visible{outline-color:#185abd}
.workspace-panel .btn:not(.secondary):not(.danger):not(.delete):not(.overview-action-link):not([class*=status-]):not([class*=action-]){background:#185abd;color:#fff!important;border-color:#185abd}
.workspace-panel .btn:not(.secondary):not(.danger):not(.delete):not(.overview-action-link):not([class*=status-]):not([class*=action-]):hover{background:#104894;border-color:#104894}
.workspace-panel .btn.secondary{background:#edf4fc;border-color:#c7dbef;color:#18528f!important}
.workspace-panel .btn.secondary:hover{background:#dfedfb;border-color:#a9c7e8;color:#123e71!important}
.workspace-panel .btn.danger,.workspace-panel .btn.delete{background:#b83232;border-color:#b83232;color:#fff!important}
.workspace-panel .response-workspace .response-form-actions [data-draft-save]{background:#edf7f0;border-color:#bcdcc6;color:#216e3f!important}
.workspace-panel .response-workspace .response-form-actions [data-draft-save]:hover{background:#e1f2e6}
.workspace-panel :is(.pagination .current,.page-number.current,.package-progress span.active){background:#185abd;color:#fff}
.unified-login{--auth-accent:#185abd}
.unified-login .auth-heading-icon{background:#eaf2fc;color:#185abd}
.unified-login .auth-methods{background:#edf4fc;border-color:#d4e3f3}
.unified-login .auth-methods a[aria-current=page]{background:#fff;color:#185abd}
.unified-login .auth-submit{background:#185abd;color:#fff}
.unified-login .auth-submit:hover{background:#104894}

/* Full-width page header precedes the workspace and sidebar. */
.workspace-panel main > header{width:100%;height:auto;min-height:74px;margin:0;padding:14px 28px;border:0;border-bottom:1px solid #d7e2ef;border-radius:0;background:linear-gradient(115deg,#fff 60%,#f2f7fd);box-shadow:0 3px 14px rgba(21,54,92,.07)}
.workspace-panel main > header::before{display:none}
.workspace-panel .shell{min-height:calc(100vh - 74px)}
@media(max-width:800px){.workspace-panel main > header{margin:0;padding:12px 16px;gap:10px;border-radius:0}.workspace-panel .panel-header-details{padding-top:9px}.workspace-panel .shell{min-height:0}}

/* The header reaches the menu and content edge without covering the sidebar. */
.workspace-panel main > header{width:auto;min-height:74px;margin:0 -30px 18px;padding:14px 30px;border:0;border-bottom:1px solid #d7e2ef;border-radius:0;background:linear-gradient(115deg,#fff 60%,#f2f7fd);box-shadow:0 3px 14px rgba(21,54,92,.07)}
.workspace-panel main > header::before{display:none}
.workspace-panel .shell{min-height:100vh}
@media(max-width:1200px){.workspace-panel main > header{margin-inline:-24px;padding-inline:24px}}
@media(max-width:800px){.workspace-panel main > header{width:auto;margin:0 -14px 16px;padding:12px 14px;border-radius:0}.workspace-panel .shell{min-height:100vh}}

@media(min-width:1201px){.workspace-panel main > header{margin-inline:-32px;padding-inline:32px}}
@media(max-width:800px){.workspace-panel main > header{margin-inline:-16px;padding-inline:16px}}