.report-form{margin:1rem 0}
#search-panel{scroll-margin-top:1rem}
#search-form{max-width:42rem;align-items:end}
#search-form input{width:100%;box-sizing:border-box}
#search-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.65rem}
#search-results section{border:1px solid #d8e3e1;border-radius:9px;padding:.7rem 1rem;overflow-wrap:anywhere}
#search-results h3{margin:.1rem 0 .5rem}
#search-results ul{margin:0;padding-left:1.3rem}
#search-results li{margin:.35rem 0}
#search-results li button{display:block;margin:.35rem 0 .8rem;padding:.35rem .65rem;font-size:.85rem}
#search-detail{overflow-wrap:anywhere}
#search-detail ul{padding-left:1.4rem}
#search-detail li{margin:.4rem 0}
#search-detail-status.error{color:#882c25}
#search-status.error{color:#882c25}
.expiry-alerts-panel{border:2px solid #c27631;background:#fffaf2;box-shadow:0 4px 16px rgba(85,55,22,.12)}
.expiry-alerts-counts{display:flex;flex-wrap:wrap;gap:.7rem;margin:.8rem 0}
.expiry-alerts-count{margin:0;padding:.55rem .85rem;border-radius:9px;font-weight:700}
.expiry-alerts-count strong{display:inline-block;min-width:2ch;margin-left:.45rem;text-align:center;font-size:1.3rem}
.expiry-alerts-count.expired{background:#fbe4df;color:#7b2922}
.expiry-alerts-count.soon{background:#fff0c8;color:#694714}
.expiry-alerts-list{padding-left:1.5rem;overflow-wrap:anywhere}
.expiry-alerts-list li{margin:.4rem 0}
.expiry-alerts-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.expiry-alerts-actions a{display:inline-block;padding:.55rem .8rem;border:1px solid #aa6a2d;border-radius:8px;color:#654015;background:white;font-weight:700;text-decoration:none}
.expiry-alerts-actions a[hidden]{display:none}
.expiry-alerts-actions a:hover,.expiry-alerts-actions a:focus-visible{outline:3px solid #d3924e;outline-offset:2px}
#expiry-alerts-status.error{color:#882c25}
#expiry-report-panel,#expired-disposal-panel{scroll-margin-top:1rem}
.correction-alerts-badge{display:inline-block;min-width:2rem;margin-left:.35rem;padding:.12rem .55rem;border-radius:999px;background:#e2ece9;color:#244d4b;text-align:center;font-size:.85rem;vertical-align:middle}
.correction-alerts-badge.has-pending{background:#9b352b;color:#fff}
.correction-alerts-queues{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.6rem;margin:.9rem 0}
.correction-alerts-queues a{display:block;padding:.75rem .9rem;border:1px solid #c7deda;border-radius:9px;background:#eaf3f1;color:#174c4c;font-weight:650;text-decoration:none;overflow-wrap:anywhere}
.correction-alerts-queues a:hover,.correction-alerts-queues a:focus-visible{outline:3px solid #81cac0;outline-offset:2px}
.correction-alerts-newest ul{padding-left:1.4rem;overflow-wrap:anywhere}
.correction-alerts-newest li{margin:.45rem 0}
#correction-alerts-status.error{color:#882c25}
#admin-egress-corrections,#patient-correction-admin,#physical-correction-admin,#date-correction-admin,#admin-receipt-corrections{scroll-margin-top:1rem}
.report-form>.fields{grid-template-columns:repeat(2,minmax(0,240px))}
.report-form>label{max-width:240px}
.report-actions{display:flex;flex-wrap:wrap;gap:.6rem}
.report-result{border-top:1px solid #dce6e5;margin-top:1rem;padding-top:.4rem}
.report-result ul{padding-left:1.4rem;overflow-wrap:anywhere}
.report-result li{margin:.6rem 0;line-height:1.4}
#financial-report-status.error,#expiry-report-status.error{color:#882c25}
@media(max-width:650px){.report-form>.fields{grid-template-columns:1fr}}
#egress-correction-panel fieldset{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:1rem 0}
#egress-correction-panel legend{font-weight:700;padding:0 .35rem}
#egress-correction-panel textarea{width:100%;min-height:5rem;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit;resize:vertical}
#egress-correction-panel textarea:focus-visible{outline:3px solid #81cac0;outline-offset:2px}
#egress-correction-panel .draft-item{overflow-wrap:anywhere}
#egress-correction-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#egress-correction-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#egress-correction-status.error{color:#882c25}
#physical-correction-panel fieldset{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:1rem 0}
#physical-correction-panel textarea,#physical-correction-panel select{width:100%;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit}
#physical-correction-panel textarea{min-height:5rem;resize:vertical}
#physical-correction-panel .draft-item{overflow-wrap:anywhere}
#physical-correction-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#physical-correction-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#physical-correction-status.error{color:#882c25}
#date-correction-panel fieldset{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:1rem 0}
#date-correction-panel textarea,#date-correction-panel select,#date-correction-panel input[type="date"]{width:100%;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit}
#date-correction-panel textarea{min-height:5rem;resize:vertical}
#date-correction-panel .draft-item{overflow-wrap:anywhere}
#date-correction-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#date-correction-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#date-correction-status.error{color:#882c25}
#expired-disposal-panel fieldset{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:1rem 0}
#transfer-panel{scroll-margin-top:1rem}
#transfer-panel fieldset{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:1rem 0}
#transfer-panel textarea{width:100%;max-width:34rem;min-height:5rem;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit}
#transfer-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}
#transfer-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#transfer-status.error{color:#882c25}
#expired-disposal-panel select,#expired-disposal-panel input[type=number],#expired-disposal-panel textarea{width:100%;max-width:34rem;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit}
#expired-disposal-panel textarea{min-height:5rem;resize:vertical}
#expired-disposal-panel .draft-item{overflow-wrap:anywhere}
#expired-disposal-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}
#expired-disposal-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#expired-disposal-status.error{color:#882c25}
.physical-count-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.7rem;margin:.9rem 0;align-items:end}
.physical-count-fields h4,.physical-count-fields .hint{grid-column:1/-1;margin:.2rem 0}
.physical-count-history,.physical-count-lines{display:grid;gap:.65rem;margin:.8rem 0}
.physical-count-history-item{text-align:left;white-space:normal;overflow-wrap:anywhere}
.physical-count-line{border:1px solid #d8e3e1;border-radius:9px;padding:.8rem 1rem;overflow-wrap:anywhere}
.physical-count-line p{margin:.2rem 0 .7rem}
.physical-count-line label{display:block;margin:.55rem 0}
.physical-count-line label input,.physical-count-line label select{display:block;box-sizing:border-box;margin-top:.3rem}
#physical-count-panel select,#physical-count-panel input[type=number],#physical-count-panel input[type=date],#physical-count-panel input[type=file],#physical-count-panel textarea{width:100%;max-width:34rem;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;font:inherit}
#physical-count-panel textarea{min-height:5rem;resize:vertical}
#physical-count-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0;overflow-wrap:anywhere}
#physical-count-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#physical-count-snapshot{border:1px solid #d8e3e1;border-radius:9px;padding:.8rem 1rem;margin:.8rem 0;max-height:22rem;overflow:auto}
#physical-count-snapshot p{margin:.45rem 0;overflow-wrap:anywhere}
#physical-count-differences,#physical-count-submitted-lines{padding-left:1.4rem;overflow-wrap:anywhere}
#physical-count-differences li,#physical-count-submitted-lines li{margin:.5rem 0}
#physical-count-evidence img{display:block;max-width:min(100%,420px);max-height:350px;object-fit:contain;margin:.7rem 0;border:1px solid #d8e3e1;border-radius:8px}
#physical-count-status.error{color:#882c25}
#physical-count-panel{scroll-margin-top:1rem}
.shift-list{display:grid;gap:.7rem}
.shift-card{border:1px solid #d8e3e1;border-radius:9px;padding:.8rem 1rem;overflow-wrap:anywhere}
.shift-card h4,.shift-card h5{margin:.1rem 0 .5rem}
.shift-card p{margin:.35rem 0 .7rem}
#personal-panel textarea,#personal-panel select{width:100%;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;background:white;color:#163447;font:inherit}
#personal-panel textarea{min-height:5rem;resize:vertical}
#personal-panel textarea:focus-visible,#personal-panel select:focus-visible{outline:3px solid #81cac0;outline-offset:2px}
#personal-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#personal-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#shift-status.error,#admin-shift-status.error{color:#882c25}
#personal-panel .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){#personal-panel .fields{grid-template-columns:1fr}.session{flex-wrap:wrap}}
.correction-list{display:grid;gap:.7rem}
.correction-card{border:1px solid #d8e3e1;border-radius:9px;padding:.7rem 1rem;overflow-wrap:anywhere}
.correction-card p{margin:.2rem 0 .7rem}
.correction-replacement{display:block;max-width:42rem;margin:.7rem 0 .2rem}
.correction-replacement select{width:100%;max-width:100%}
.correction-evidence img{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;border:1px solid #d8e3e1;border-radius:8px;margin:.6rem 0}
.correction-evidence p{font-size:.78rem;overflow-wrap:anywhere}
.correction-evidence ol{padding-left:1.4rem;margin:.4rem 0 1rem}
.correction-evidence li{margin:.6rem 0;padding:.5rem;border:1px solid #d8e3e1;border-radius:8px;overflow-wrap:anywhere}
.correction-evidence li p{margin:.35rem 0}
.correction-evidence-upload{border-top:1px solid #d8e3e1;margin-top:1rem;padding-top:.8rem}
.correction-evidence-upload label{display:block;margin-bottom:.6rem}
.correction-evidence-upload input[type=file]{display:block;margin-top:.35rem;max-width:100%}
.correction-evidence-upload .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:.8rem 0}
.correction-evidence-upload img{display:block;max-width:min(100%,420px);max-height:320px;object-fit:contain;margin:.6rem 0;border-radius:8px}
#photo-intake-page-order{display:flex;flex-wrap:wrap;gap:1rem}
#photo-intake-page-order>h4,#photo-intake-page-order>p{flex-basis:100%;margin:.3rem 0}
.photo-page-card{display:flex;flex-direction:column;gap:.5rem;border:1px solid #d8e3e1;border-radius:8px;padding:.8rem;width:min(100%,240px)}
.photo-page-card img{width:100%;height:240px;object-fit:contain}
#photo-intake-preview img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:1rem auto}
.photo-guided-result{border:1px solid #9fc9bf;border-left:5px solid #176b67;border-radius:12px;background:#f1f8f5;padding:1rem;margin:1rem 0;scroll-margin-top:1rem}
.photo-guided-result h3{margin:.1rem 0 .4rem!important}
.photo-guided-result p{line-height:1.5}
.photo-intake-picker{max-width:35rem;margin:1rem 0}
.photo-intake-picker button{min-height:44px}
.photo-intake-picker[hidden],.photo-intake-picker input[hidden],.photo-guided-result [hidden]{display:none!important}
.photo-guided-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem .8rem;padding:.75rem 0;border-top:1px solid #cde1da}
.photo-guided-line strong{overflow-wrap:anywhere}
.photo-guided-line label{display:flex;align-items:center;gap:.45rem;margin:0;font-weight:550}
.photo-guided-line label input{width:auto}
.photo-guided-line span{color:#49676a}
.photo-guided-result button{margin:.5rem .5rem 0 0}
.admin-inbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:.7rem}
.admin-inbox-case{text-align:left;background:#eaf3f1;color:#163447;border:1px solid #c7deda;min-height:5rem}
.admin-inbox-case strong,.admin-inbox-case span{display:block}
.admin-inbox-case span{font-size:.86rem;font-weight:450;margin-top:.35rem}
.receipt-done{border-left:5px solid #176b67;scroll-margin-top:1rem}
.receipt-done button{margin:.3rem .5rem .3rem 0}
.pwa-install{margin-top:1rem;padding:.85rem 1rem;border:1px solid #c7deda;border-radius:.75rem;background:#f2f8f6}
.pwa-install h3{margin:.1rem 0 .4rem}
.pwa-install p{margin:.35rem 0;font-size:.9rem}
@media(max-width:650px){.photo-guided-line{grid-template-columns:1fr}.photo-guided-line label{min-height:2.5rem}.photo-guided-result button,.photo-intake-picker button{display:block;width:100%}}

/* Each page shows only its assigned modules. Permission and state guards still apply. */
#workspace[data-workflow="home"] > section.panel:not([data-workflow-pages~="home"]),
#workspace[data-workflow="receive"] > section.panel:not([data-workflow-pages~="receive"]),
#workspace[data-workflow="admin"] > section.panel:not([data-workflow-pages~="admin"]),
#workspace[data-workflow="inventory"] > section.panel:not([data-workflow-pages~="inventory"]),
#workspace[data-workflow="purchases"] > section.panel:not([data-workflow-pages~="purchases"]),
#workspace[data-workflow="prices"] > section.panel:not([data-workflow-pages~="prices"]),
#workspace[data-workflow="finance"] > section.panel:not([data-workflow-pages~="finance"]),
#workspace[data-workflow="reports"] > section.panel:not([data-workflow-pages~="reports"]),
#workspace[data-workflow="settings"] > section.panel:not([data-workflow-pages~="settings"]),
#workspace[data-workflow="account"] > section.panel:not([data-workflow-pages~="account"]){display:none!important}
#workspace[data-workflow="admin"] > #photo-intake-panel,
#workspace[data-workflow="admin"] > #admin-partial-panel{display:none!important}
#workspace[data-workflow="admin"][data-admin-detail="photo"] > #photo-intake-panel,
#workspace[data-workflow="admin"][data-admin-detail="partial"] > #admin-partial-panel{display:block!important}
#workspace[data-workflow="admin"] > #photo-intake-panel[hidden],
#workspace[data-workflow="admin"] > #admin-partial-panel[hidden]{display:none!important}
.workflow-nav{display:grid;gap:.55rem;margin:0 0 1rem}
.workflow-nav-main{display:flex;flex-wrap:wrap;gap:.5rem}
.workflow-nav button,.workflow-nav summary{min-height:42px}
.workflow-nav button[aria-current="page"]{background:#28563d;color:#fff}
.workflow-nav button[hidden],.workflow-choice[hidden]{display:none!important}
.workflow-nav-areas{max-width:850px}
.workflow-nav-areas summary{display:inline-flex;align-items:center;padding:.55rem .9rem;border:1px solid #9cb2b9;border-radius:8px;background:#eaf3f1;color:#164b45;font-weight:650;cursor:pointer}
.workflow-nav-areas-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:.5rem;margin:.65rem 0;padding:.8rem;border:1px solid #c7deda;border-radius:10px;background:#f6faf8}
.workflow-area-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.7rem;margin-top:.8rem}
.workflow-page-heading{max-width:850px;margin:0 auto 1rem;padding:.25rem .2rem}
.workflow-page-heading h2{margin:.2rem 0;font-size:1.55rem}
.workflow-page-heading p{margin:.3rem 0;color:#50656a}
.workflow-home,#admin-inbox-panel,#photo-intake-panel,#receipt-done-panel{max-width:850px;margin-left:auto;margin-right:auto}
.workflow-home{padding:1.6rem;background:#f8fbf8;border-color:#d3e5d9}
.workflow-home h2{font-size:1.6rem;margin:.45rem 0}
.workflow-choices{display:grid;gap:.75rem;margin-top:1.3rem}
.workflow-choice{display:grid;gap:.3rem;width:100%;padding:1rem 1.15rem;text-align:left;border:1px solid #b9d8c3;background:#e6f2e9;color:#1c4430;border-radius:12px}
.workflow-choice strong{font-size:1.08rem}
.workflow-choice span{font-size:.88rem;font-weight:450;line-height:1.4}
.workflow-choice:hover,.workflow-choice:focus-visible{background:#d4eadb}
#photo-intake-panel .section-head,#admin-inbox-panel .section-head{padding:1rem 1.2rem;margin:-1.4rem -1.4rem 1rem;border-radius:14px 14px 0 0;background:#234537;color:#f0faf2}
#photo-intake-panel .section-head .secondary,#admin-inbox-panel .section-head .secondary{background:#d8eadf;color:#234537}
.photo-guided-result{background:#f4faf5;border:1px solid #bed9c5;border-left:5px solid #277353;padding:1.2rem}
.photo-guided-result h3{font-size:1.35rem!important;font-weight:650}
.photo-guided-result p{color:#275a3d;font-weight:650}
.photo-guided-identity{display:grid;gap:.7rem;margin:1rem 0;padding:0 0 1rem;border-bottom:1px solid #c6dbc9}
.photo-guided-identity[hidden]{display:none}
.photo-guided-identity div{display:flex;justify-content:space-between;gap:.8rem}
.photo-guided-identity dt{color:#5b7163}
.photo-guided-identity dd{margin:0;font-weight:650;text-align:right;overflow-wrap:anywhere}
.photo-guided-line{align-items:center}
.photo-guided-line label{padding:.4rem .6rem;border-radius:8px;background:#e5f0e8}
.photo-guided-line input{accent-color:#227753}
.admin-inbox-list{grid-template-columns:1fr}
.admin-inbox-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-top:1px solid #cddfd1;margin-top:1.25rem;padding-top:1rem}
.admin-inbox-heading h3{margin:0;font-size:1.08rem}
.admin-inbox-heading span{font-size:.86rem;color:#557063}
.admin-inbox-case{background:#f0f7f1;color:#203b2c;border-color:#d5e6d9;min-height:4.5rem}
.admin-inbox-case:hover,.admin-inbox-case:focus-visible{background:#e2f0e6}
.receipt-done{background:#f6fbf7;border-color:#a8d0b1}
@media(max-width:650px){
  .workflow-nav-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-nav-areas summary{display:flex;justify-content:center;width:100%;box-sizing:border-box}
  .workflow-nav-areas-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflow-nav button{padding:.65rem .3rem;font-size:.88rem}
  #photo-intake-panel .section-head,#admin-inbox-panel .section-head{margin:-1rem -1rem 1rem;padding:1rem;border-radius:14px 14px 0 0}
  .photo-guided-identity div{align-items:baseline}
}
.correction-evidence-upload button{margin:.2rem .5rem .2rem 0}
#order-authoring-panel select{width:100%;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;background:white;color:#163447;font:inherit}
#order-authoring-panel fieldset{border:0;padding:0;margin:0}
#order-authoring-panel .order-line{border:1px solid #d8e3e1;border-radius:10px;padding:1rem;margin:.8rem 0}
#order-authoring-panel .order-line .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
#order-authoring-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#order-authoring-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#order-authoring-panel #order-authoring-duplicate-label{display:flex;align-items:start;gap:.5rem;margin-top:1rem}
#order-authoring-panel #order-authoring-duplicate-label[hidden]{display:none}
#order-authoring-panel #order-authoring-duplicate-label input{width:auto;margin-top:.25rem}
#order-authoring-status.error{color:#882c25}
@media(max-width:650px){#order-authoring-panel .order-line .fields{grid-template-columns:1fr}}
.backup-jobs-list{display:grid;gap:.7rem}
.backup-job{border:1px solid #d8e3e1;border-radius:9px;padding:.8rem 1rem;overflow-wrap:anywhere}
.backup-job h4{margin:.1rem 0 .5rem}
.backup-job p{margin:.35rem 0}
.backup-job.failed{border-left:4px solid #a63d32;background:#fff7f5}
#backup-jobs-panel .action-confirmation{background:#eaf3f1;border-left:4px solid #176b67;border-radius:7px;padding:1rem;margin:1rem 0}
#backup-jobs-panel .action-confirmation button{margin:.2rem .5rem .2rem 0}
#backup-restore-stage-panel{overflow-wrap:anywhere}
#backup-restore-stage-panel textarea{width:100%;min-height:6rem;padding:.65rem;border:1px solid #9cb2b9;border-radius:8px;background:white;color:#163447;font:inherit;resize:vertical;margin-bottom:1rem}
#backup-restore-stage-panel textarea:focus-visible{outline:3px solid #81cac0;outline-offset:2px}
#backup-restore-stage-panel .backup-stage-explicit{display:flex;align-items:start;gap:.6rem;margin:1rem 0}
#backup-restore-stage-panel .backup-stage-explicit input{width:auto;flex:none;margin-top:.2rem}
#backup-restore-stage-form button{margin:.2rem .5rem .2rem 0}
#backup-jobs-status.error,#backup-alerts-status.error{color:#882c25}
.backup-alerts{border:1px solid #e2a9a2;border-left:5px solid #a63d32;border-radius:9px;background:#fff7f5;padding:.8rem 1rem;margin:1rem 0}
.backup-alerts h3{margin:.1rem 0 .5rem}
.backup-alerts .backup-job{background:white;border-color:#e2a9a2}
.backup-alerts .backup-job button{margin-top:.5rem}

/* Adapter to the shared UI contract. Domain states keep their semantic colors. */
.ui-page .topbar{background:var(--ui-accent);padding-block:var(--ui-space-3)}
.ui-page .topbar h1{font-size:1.2rem;line-height:1.3}
.ui-page .session{flex-wrap:wrap;min-width:0}
.ui-page button{min-height:var(--ui-touch-target);min-width:var(--ui-touch-target)}
.ui-page button:where(:not(.secondary):not(.draft-item):not(.workflow-choice):not(.admin-inbox-case)){background:var(--ui-accent)}
.ui-page .secondary{background:var(--ui-accent-soft);color:var(--ui-accent)}
.ui-page .session button{background:var(--ui-surface);color:var(--ui-accent)}
.ui-page .workflow-nav button[aria-current="page"]{background:var(--ui-accent);color:var(--ui-on-accent);box-shadow:inset 0 -3px 0 currentColor}
.ui-page .workflow-nav summary{min-height:var(--ui-touch-target);background:var(--ui-accent-soft);color:var(--ui-accent);border-color:var(--ui-control-border)}
.ui-page .workflow-nav-areas-list{background:var(--ui-surface);border-color:var(--ui-line)}
.ui-page .workflow-home{background:var(--ui-surface);border-color:var(--ui-line)}
.ui-page .workflow-choice{background:var(--ui-accent-soft);color:var(--ui-text);border-color:var(--ui-control-border)}
.ui-page .workflow-choice:hover{background:var(--ui-subtle)}
.ui-page .workflow-page-heading p{color:var(--ui-muted)}
.ui-page :is(input:not([type="checkbox"]):not([type="radio"]),select){min-height:var(--ui-touch-target)}
/* Legacy panel rules use id selectors; enforce a consistent visible focus ring. */
body.ui-page :focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:3px;box-shadow:0 0 0 3px var(--ui-surface)}
body.ui-page :is(input,select,textarea){font-size:1rem!important}
.ui-page :is(summary,label:has(input[type="checkbox"]),label:has(input[type="radio"])){min-height:var(--ui-touch-target)}
.ui-page :is(h2,h3,[tabindex="-1"]){scroll-margin-top:var(--ui-scroll-gap)}
.ui-page .section-head{flex-wrap:wrap}
.ui-page .section-head>*,.ui-page .fields>*,.ui-page .line-fields>*{min-width:0}
.ui-page .workflow-page-heading[hidden]{display:none}
@media(max-width:650px){
  .ui-page .topbar{gap:var(--ui-space-2);padding:var(--ui-space-3)}
  .ui-page .topbar h1{font-size:1.1rem}
  .ui-page .session{width:100%;gap:var(--ui-space-2)}
  .ui-page #identity{flex:1 1 100%;overflow-wrap:anywhere}
  .ui-page main{margin-top:var(--ui-space-4);padding-inline:var(--ui-space-3)}
  .ui-page .workflow-nav-main{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
  .ui-page .workflow-nav-areas-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}
  .ui-page .workflow-home{padding:var(--ui-space-4)}
}