/* Hallmark · component: decision summary · modern-minimal · existing blue-white theme · P4 H5 E4 S4 R5 V4 */
.decision-dialog{width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;border:0;border-radius:20px;padding:23px;color:var(--mobile-ink);background:var(--mobile-white);box-shadow:0 20px 70px #14243d40}
.decision-dialog::backdrop{background:#10234270}
.decision-dialog h2{font-size:20px;margin-bottom:16px}
.decision-dialog p{font-size:14px;color:var(--mobile-muted);line-height:1.6}
.decision-dialog .dialog-customer{font-weight:650;color:var(--mobile-ink);font-size:16px;margin-bottom:5px}
.dialog-warning{font-size:14px;line-height:1.7;background:var(--mobile-orange-soft);padding:13px;border-radius:11px;margin:16px 0}
.risk-ack{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.6;margin-bottom:16px;cursor:pointer}
.risk-ack input{width:19px;height:19px;min-height:19px;flex-shrink:0;margin:3px 0;accent-color:var(--mobile-blue)}
.dialog-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px;margin-top:20px}
.dialog-actions button{font-size:14px;padding-inline:8px}
.approval-note-field{margin:16px 0}
.decision-dialog .approval-recipient{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding:12px;border-radius:10px;background:var(--mobile-paper);color:var(--mobile-muted);font-size:14px}
.approval-recipient strong{color:var(--mobile-ink);font-weight:600}
.approval-note-field label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:8px}
.approval-note-field textarea{font-size:14px;line-height:1.6;resize:vertical;min-height:100px;border-radius:10px}
.approval-note-field textarea[aria-invalid="true"]{border-color:var(--mobile-red)}
.approval-note-field .inline-error{color:var(--mobile-red);font-size:12px;margin:6px 0 0}
.show-detail{padding-bottom:0;background:var(--mobile-paper)}
.detail-page{padding-bottom:110px;min-height:100dvh}
.detail-nav{height:52px;padding:4px 18px;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center}
.detail-nav h1{font-size:18px;text-align:center;letter-spacing:0}
.detail-nav small{text-align:right}
.detail-body{padding:0 16px}
.order-overview{background:transparent;border-radius:18px;overflow:clip;margin-bottom:14px}
.detail-page{--detail-peach:#fff3ec;--detail-critical:#d93616;--detail-rule:#fff6f0}
.order-overview.has-risk{background:transparent}
.overview-summary .badge.orange{background:var(--mobile-orange-soft);color:var(--detail-critical)}
.overview-summary{padding:12px 15px;position:relative;isolation:isolate;background:var(--mobile-white);border-radius:15px;margin-bottom:10px;min-height:120px}
.detail-order-illustration{position:absolute;width:119px;height:103px;right:5px;top:12px;object-fit:contain;z-index:-1}
.overview-summary .task-top{margin-bottom:7px}
.overview-summary h2{font-size:17px;line-height:1.45;margin-bottom:3px;max-width:calc(100% - 94px)}
.overview-summary p{font-size:14px;color:var(--mobile-muted);margin-top:3px}
.overview-summary .overview-meta{font-size:12px;margin-top:4px;max-width:calc(100% - 85px)}
.decision{padding:18px 16px 0;background:var(--mobile-white);border:0;border-radius:17px;color:var(--mobile-ink)}
.ai-caption{color:var(--mobile-blue);background:none;font-size:13px;font-weight:650;padding:0;display:flex;align-items:center;justify-content:space-between;min-height:24px}
.ai-caption small{font-size:11px;font-weight:400;color:var(--mobile-muted)}
.decision h3{font-size:17px;line-height:1.55;margin:10px 0 8px;color:var(--mobile-ink);overflow-wrap:anywhere}
.abnormal-value{color:var(--detail-critical);font-weight:600}
.decision>p{font-size:13px;line-height:1.8;color:var(--mobile-muted);margin:0}
.risk-metrics{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0;margin:16px 0 0;padding:14px 4px;background:var(--mobile-paper);border-radius:12px}
.risk-metrics>div{background:none;border:0;border-radius:0;padding:0 8px;color:var(--detail-critical);min-width:0;text-align:center}
.risk-metrics>div+div{border-left:1px solid var(--mobile-line);color:var(--mobile-ink)}
.risk-metrics strong{display:block;font-size:18px;font-weight:650;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}
.risk-metrics strong span{font-size:12px;font-weight:400}
.risk-metrics>div>span{font-size:11px;color:var(--mobile-muted);display:block;margin-top:4px}
.decision .evidence-link{min-height:46px;padding:10px 0;font-size:12px;font-weight:500;border:0;background:none;border-radius:8px;margin:6px 0 0;color:var(--mobile-blue)}
.decision .evidence-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}
@media(hover:hover){.decision .evidence-link:hover{background:var(--mobile-paper)}}
.decision .evidence-link:active{background:var(--mobile-blue-soft)}
.decision .confirmed-note{font-size:12px;color:var(--mobile-muted);margin:0;padding-bottom:16px}
.decision:not(:has(.evidence-link)){padding-bottom:18px}
.detail-section{padding:15px 17px;background:var(--mobile-white);border-radius:17px;margin-bottom:14px}
.detail-section h2{font-size:17px}
.detail-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;min-height:28px}
.edit-link{color:var(--mobile-blue);font-size:13px;min-height:36px;padding:0 0 0 14px}
.detail-section .fields div{padding:11px 0;gap:12px;font-size:14px}
.detail-section .fields dd{font-weight:500}
.detail-section .section-copy{font-size:13px;line-height:1.7;margin:9px 0;color:var(--mobile-muted)}
.note-label{display:block;font-size:12px;color:var(--mobile-muted);margin:8px 0}
.detail-section textarea{font-size:14px;border-radius:9px}
.folded-sections{padding-top:0;padding-bottom:0}
.folded-sections details+details{border-top:1px solid var(--mobile-line)}
.folded-sections summary{padding:15px 0;cursor:pointer;font-size:14px;font-weight:600;min-height:48px}
.folded-sections summary small{font-weight:400;margin-left:8px}
.fold-content{font-size:13px;line-height:1.7;padding-bottom:15px;color:var(--mobile-muted)}
.fold-content p+p{margin-top:8px}
.fold-content.timeline{padding-top:5px}
.detail-dock{position:fixed;bottom:0;z-index:15;width:min(100%,430px);padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--mobile-white);border-top:1px solid var(--mobile-line);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:10px}
.detail-dock .primary,.detail-dock .secondary,.detail-dock .danger{font-size:14px;border-radius:10px;min-height:48px;padding:9px 6px}
.detail-dock>.secondary{background:var(--mobile-blue-soft);border:0}
.leader-dock{grid-template-columns:1fr}
.leader-dock>.primary{min-height:44px}
.leader-dock .action-pair button{min-height:40px}
.show-detail:has(.leader-dock) .detail-page{padding-bottom:150px}
@media(max-width:350px){.detail-body{padding:0 12px}.overview-summary,.decision,.detail-section{padding-left:13px;padding-right:13px}.risk-metrics{gap:6px}.risk-metrics>div{padding:9px 6px}.risk-metrics strong{font-size:15px}.overview-summary h2{font-size:17px}.detail-dock{padding-inline:12px}.detail-dock button{font-size:13px!important}}