/* Presentation only: the existing forms, authorization and decisions remain unchanged. */
#appShell .main{padding:28px clamp(16px,3vw,42px) calc(46px + env(safe-area-inset-bottom,0px))}
#appShell .content{max-width:1440px}
#appShell .page-head{gap:20px;padding-bottom:22px;align-items:center}
#appShell .page-head h1{font-size:clamp(29px,3.7vw,39px);line-height:1.16;letter-spacing:-.035em}
#appShell .page-lead{font-size:14px;line-height:1.8;max-width:780px}
#appShell .button,#actionDialog .button,#actionWizard .button,#overtimeWizard .button{border-radius:9px;line-height:1.5;padding:11px 16px}
#appShell .permission-strip{border-radius:12px;padding:17px 20px;background:#edf6f2;gap:16px}
#appShell .permission-strip p{line-height:1.75;font-size:12px}
#appShell .source-chip{border-radius:8px;white-space:normal;line-height:1.65;overflow-wrap:anywhere}
#appShell .workflow-guide{border-radius:13px;border-top:1px solid #bbd5cd;background:#f7fbf9;padding:0;overflow:hidden}
#appShell .workflow-head{padding:20px 22px;align-items:center}
#appShell .workflow-head h2{font-size:19px;line-height:1.4;margin:0}
#appShell .workflow-head p{line-height:1.75;margin:7px 0 0;max-width:850px}
#appShell .operator-guide{border-top:1px solid #d2e2dc;background:#fff}
#appShell .operator-guide>summary{cursor:pointer;min-height:52px;padding:15px 22px;color:#126855;font-weight:750;font-size:13px;line-height:1.7}
#appShell .operator-guide>summary:focus-visible{outline:3px solid #9c7419;outline-offset:-4px}
#appShell .operator-guide>summary span{font-weight:400;color:#536f78;margin-left:8px;font-size:12px}
#appShell .operator-guide .workflow-grid{padding:0 18px;margin:6px 0 18px;gap:12px}
#appShell .operator-guide .workflow-step{min-height:180px;border-radius:10px;padding:17px;background:#f6faf8}
#appShell .operator-guide .workflow-step p{font-size:12px;line-height:1.7}
#appShell .workflow-note{padding:15px 22px;margin:0;font-size:12px;line-height:1.75;background:#f4f9f7}
#appShell .metrics{gap:16px;margin:20px 0}
#appShell .metric{border-radius:11px;padding:20px;min-height:106px}
#appShell .metric small{line-height:1.7}
#appShell .queue-panel{border-radius:14px;overflow:hidden;box-shadow:0 7px 26px #183f5008}
#appShell .queue-head{padding:22px 24px;align-items:center}
#appShell .queue-head h2{font-size:23px;line-height:1.35}
#appShell .queue-head p{margin-top:7px;line-height:1.7;max-width:700px}
#appShell .view-tabs{padding:10px 14px;gap:6px;background:#f3f8f6}
#appShell .view-tab{border-radius:8px;padding:11px 15px}
#appShell .filters{padding:20px 24px;gap:14px;background:#fff}
#appShell .field label,#actionDialog .field label{font-size:12px;line-height:1.6;margin-bottom:8px}
#appShell .input,#appShell .select,#actionDialog .input,#actionDialog .select,#actionDialog .textarea,#actionWizard .input,#actionWizard .select,#actionWizard .textarea,#overtimeWizard .input,#overtimeWizard .select{border-radius:8px;min-height:46px;padding:12px}
#appShell .field-help{font-size:11px;line-height:1.7;margin-top:8px}
#appShell .queue-meta{gap:12px;padding:16px 24px;background:#f7faf8;line-height:1.75}
#appShell .queue-meta>span:first-child{font-weight:650;color:#254b59}
#appShell .queue-meta>span:last-child{font-size:11px}
#appShell th{background:#edf5f2;font-size:10px;padding:14px 16px}
#appShell td{padding:16px;line-height:1.7}
#appShell .cell-sub{line-height:1.65;margin-top:6px;font-size:11px}
#appShell .state-pill{line-height:1.6;padding:6px 10px;border-radius:8px}
#appShell .open-row{min-width:78px}
#appShell .pagination{padding:16px 24px;gap:14px;background:#fff}
#appShell .empty-state,#appShell .error-state,#appShell .loading-state{border-radius:11px;padding:28px 20px}
#appShell .empty-state p,#appShell .error-state p,#appShell .loading-state p{line-height:1.8}
#queueTitle{scroll-margin-top:100px}
#queueTitle:focus{outline:2px solid #14806c;outline-offset:8px;border-radius:2px}
#actionDialog,#actionWizard,#overtimeWizard{border-radius:15px;border-color:#b1ccd0;background:#f2f7f5;max-width:1100px}
#actionDialog .dialog-head,#actionWizard .dialog-head,#overtimeWizard .dialog-head{padding:22px 26px;background:#fff;border-color:#c8dad6}
#actionDialog .dialog-head p,#actionWizard .dialog-head p,#overtimeWizard .dialog-head p{font-size:12px;line-height:1.75;max-width:760px}
#actionDialog .dialog-head h2{font-size:26px;line-height:1.3}
#actionDialog .dialog-body,#actionWizard .dialog-body,#overtimeWizard .dialog-body{padding:24px 26px;scroll-padding-block:24px}
#actionDialog .detail-grid{gap:18px;align-items:start}
#actionDialog .detail-banner{padding:18px 20px;border-radius:11px;background:#fff;align-items:flex-start}
#actionDialog .detail-banner strong{font-size:17px;line-height:1.5}
#actionDialog .detail-banner p{font-size:13px;line-height:1.8;margin-top:8px}
#actionDialog .detail-section{border-radius:11px;padding:21px;border-color:#cededb;margin-top:18px}
#actionDialog .detail-section h3{font-size:17px;line-height:1.5}
#actionDialog .section-copy{line-height:1.8;font-size:12px;margin:8px 0 18px}
#actionDialog .facts>div{gap:16px;padding:12px 0;grid-template-columns:minmax(100px,.48fr) minmax(0,1fr)}
#actionDialog .facts dt{font-size:12px;line-height:1.7}#actionDialog .facts dd{font-size:13px;line-height:1.7}
#actionDialog .gate-list li,#actionDialog .evidence-list li{border-radius:8px;line-height:1.8;padding-top:12px;padding-bottom:12px}
#actionDialog .timeline li{padding-bottom:21px}#actionDialog .timeline span,#actionDialog .timeline time{line-height:1.7}
#actionDialog .command-panel{padding:22px;border-radius:12px;background:#eaf5f0;border:1px solid #9fcbb7;margin-top:22px}
#actionDialog .command-panel h3{font-size:18px;line-height:1.5}
#actionDialog .command-actions{gap:12px;margin-top:17px}
#actionDialog .decision-form{padding-top:22px;margin-top:22px;border-top:1px solid #acd2bf}
#actionDialog .decision-warning{padding:15px 17px;line-height:1.85;border-radius:7px}
#actionDialog .checkbox{padding:12px 0;gap:13px;line-height:1.85;align-items:start}
#actionDialog .checkbox input{width:19px;height:19px;margin-top:3px}
#actionWizard .form-grid,#overtimeWizard .form-grid{gap:22px}
#actionWizard .wizard-panel>p,#overtimeWizard .authority-note{font-size:13px;line-height:1.8}
#actionWizard .wizard-footer,#overtimeWizard .wizard-footer{padding:17px 24px;gap:12px}
#actionWizard .step{border-radius:8px;line-height:1.5;padding:10px}
#actionWizard .review-card,#overtimeWizard .readiness-card{padding:20px;border-radius:11px}
@media(max-width:900px){#appShell .operator-guide .workflow-grid{grid-template-columns:1fr 1fr}#actionDialog .detail-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:650px){
 #appShell .workflow-head{flex-direction:column;align-items:flex-start;padding:18px}
 #appShell .workflow-profile{white-space:normal;line-height:1.7;max-width:100%}
 #appShell .operator-guide .workflow-grid{grid-template-columns:1fr;padding:0 14px}
 #appShell .operator-guide>summary{padding:14px 18px}#appShell .operator-guide>summary span{display:block;margin:5px 0 0}
 #appShell .queue-head{flex-direction:column;align-items:stretch;padding:18px}
 #appShell .queue-head h2{font-size:21px}#appShell .view-tabs{flex-wrap:wrap;padding:9px;gap:5px}
 #appShell .view-tab{flex:1;padding:10px 8px;font-size:11px}#appShell .filters{padding:16px;gap:16px}
 #appShell .filters .filter-actions{grid-column:1/-1}#appShell .filter-actions .button{flex:1}
 #appShell .queue-meta{flex-direction:column;align-items:flex-start;padding:14px 16px;gap:5px}
 #appShell .permission-strip{padding:15px}.operator-queue-link{width:100%}
 #actionDialog .dialog-body,#actionWizard .dialog-body,#overtimeWizard .dialog-body{padding:14px}
}
@media(max-width:420px){
 #appShell .main{padding:20px 12px 36px}#appShell .page-head h1{font-size:29px}
 #appShell .topbar{gap:8px;padding:10px 12px}#appShell .topbar-left{min-width:0;flex:1;gap:8px}
 #appShell .session{max-width:110px;padding:4px 6px;grid-template-columns:24px minmax(0,1fr);gap:5px}
 #appShell .avatar{width:24px;height:24px;font-size:9px}#appShell .session strong{font-size:10px}#appShell .session span{font-size:9px}
 #appShell .view-tab{flex-basis:calc(50% - 5px)}#appShell .filters{grid-template-columns:minmax(0,1fr)}
 #appShell .filters .field:first-child{grid-column:auto}#appShell .filters .filter-actions{grid-column:auto}
 #appShell .metrics{grid-template-columns:1fr}#appShell .source-chip{width:100%;font-size:10px}
 #appShell .pagination{justify-content:space-between;gap:8px;padding:14px 12px}#appShell .pagination .button{padding:10px 12px}
 #actionDialog,#actionWizard,#overtimeWizard{width:calc(100vw - 14px);max-height:calc(100dvh - 14px);border-radius:11px}
 #actionDialog .dialog-head,#actionWizard .dialog-head,#overtimeWizard .dialog-head{padding:16px;gap:10px}
 #actionDialog .dialog-head h2{font-size:23px}#actionDialog .detail-section{padding:16px}
 #actionDialog .detail-banner{flex-direction:column;gap:12px;padding:16px}
 #actionDialog .facts>div{grid-template-columns:1fr;gap:4px;padding:12px 0}
 #actionDialog .facts dd{font-size:14px}#actionDialog .command-panel{padding:17px}
 #actionDialog .command-actions .button{flex:1 1 100%}#actionDialog .decision-warning{padding:13px;font-size:12px}
 #actionWizard .wizard-footer,#overtimeWizard .wizard-footer{padding:14px;flex-wrap:wrap}
 #actionWizard .wizard-footer>div,#overtimeWizard .wizard-footer>div{flex:1;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#appShell *,#actionDialog *,#actionWizard *,#overtimeWizard *{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
/* The mobile table keeps its original labels but gives each value the full card width. */
@media(max-width:620px){
 #appShell tbody tr[data-action-row]{border-radius:11px;padding:16px;margin-top:4px;border-left-width:4px}
 #appShell #actionRows td{display:block;padding:12px 0;line-height:1.75}
 #appShell #actionRows td::before{display:block;margin-bottom:7px;font-size:10px;line-height:1.6;color:#56737c}
 #appShell #actionRows td:last-child::before{content:none}
 #appShell #actionRows td .cell-title{font-size:14px;line-height:1.6}
 #appShell #actionRows td .cell-sub{font-size:12px;line-height:1.75}
 #appShell .table-wrap{padding:0 14px 14px}
 #actionDialog .dialog-shell,#actionWizard .dialog-shell,#overtimeWizard .dialog-shell{height:calc(100dvh - 16px);max-height:calc(100dvh - 16px)}
}

/* Explicit recovery of a command whose receipt was not confirmed. */
.action-recovery-notice{margin:16px 24px;padding:18px;border:1px solid #d4af64;border-left:5px solid #b78025;background:#fff8e8;color:#4c391b;border-radius:10px}.action-recovery-notice p{margin:8px 0 14px;line-height:1.55;font-size:.92rem;max-width:80ch}.action-recovery-buttons{display:flex;gap:10px;flex-wrap:wrap}.action-recovery-notice .button{min-height:44px}@media(max-width:600px){.action-recovery-notice{margin:12px;padding:14px}.action-recovery-buttons .button{width:100%;white-space:normal}}