/* Order details only; keep the workspace and customer collection layout intact. */
.drawer{padding:12px 16px;background:#f4f7fb;container-type:inline-size}
.drawer .drawer-tools{position:sticky;top:-12px;z-index:4;background:#f4f7fb;padding:10px 0 9px;margin:-8px 0 10px;border-bottom:1px solid var(--line,#dce6f1)}
.drawer .drawer-head{align-items:center;gap:10px;margin:0 0 8px}
.drawer .drawer-head>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.drawer .drawer-head .eyebrow{display:none}.drawer .drawer-head h2{font-size:18px;line-height:1.4;margin:0}
.drawer .drawer-jumps{display:flex;gap:6px;flex-wrap:wrap}.drawer .drawer-jumps button{min-height:32px;padding:5px 11px;font-size:12px}
.drawer .panel{padding:12px 14px;margin:0 0 10px;border-radius:10px;scroll-margin-top:112px}
.drawer .panel h2{font-size:16px;margin:0 0 9px;line-height:1.5}.drawer .panel h3{font-size:14px;margin:0 0 7px}
.drawer .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 18px}
.drawer .detail-item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:5px;align-items:baseline}
.drawer .detail-item>span{margin:0;font-size:12px;line-height:1.6}.drawer .detail-item>strong{font-size:14px;line-height:1.6;font-weight:400;overflow-wrap:anywhere}
.drawer .divider{margin:10px 0}.drawer .grid{gap:10px 14px}.drawer .field{gap:5px;font-size:13px}
.drawer input,.drawer select,.drawer textarea{min-height:36px;padding:7px 9px;font-size:14px}.drawer textarea{height:64px;min-height:64px;resize:vertical}
.drawer button,.drawer .button{padding:6px 10px;font-size:12px;min-height:32px}.drawer .form-actions{margin-top:10px;gap:8px}
.drawer p{line-height:1.6;margin-bottom:8px}.drawer .notice-strip{margin:6px 0 0;font-size:12px;line-height:1.6}
.drawer .section-head{gap:8px;margin-bottom:8px}.drawer .file-list{margin:0}.drawer .file-list li{padding:7px 0;gap:10px}
.drawer .file-list li>div:first-child{min-width:0;flex:1}.drawer .file-list a{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.drawer .file-list .tip{margin:2px 0 0;font-size:11px}.drawer .file-actions{gap:5px;flex-wrap:wrap}.drawer .file-actions .file-action{padding:5px 8px;font-size:12px}
.drawer .drawer-files{border-color:#bed5ed;background:#fff}.drawer .drawer-files h2{margin-bottom:4px}
.drawer .workflow-panel{margin-top:0}.drawer .workflow-record{padding:9px 0}.drawer .workflow-review{margin-top:8px}
.drawer .workflow-version-options{gap:6px;margin:8px 0}.drawer .check{padding:7px 9px;line-height:1.5}
.drawer .check input{width:16px;min-height:16px;padding:0;flex-shrink:0}.drawer .form-actions>.check{flex:1;min-width:180px}
.drawer .workflow-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
.drawer .workflow-stats .stat{padding:10px}.drawer .workflow-stats .stat-label{font-size:11px}.drawer .workflow-stats .stat-value{font-size:20px;margin-top:5px}
.drawer .workflow-fold{padding:0}.drawer .workflow-fold>summary{display:flex;align-items:center;gap:7px;padding:10px 13px;min-height:40px;cursor:pointer;list-style:none}
.drawer .workflow-fold>summary::-webkit-details-marker{display:none}.drawer .workflow-fold>summary:before{content:'▸';color:#6d85a0}
.drawer .workflow-fold[open]>summary:before{content:'▾'}.drawer .workflow-fold>summary h2{flex:1;margin:0;font-size:14px}
.drawer .workflow-fold .fold-hint{font-size:12px;color:#72859a}.drawer .workflow-fold-body{padding:0 13px 12px}
.drawer .workflow-fold>summary:focus-visible{outline:2px solid #6b9cd1;outline-offset:-2px;border-radius:9px}
.drawer .delivery-field{gap:6px}.drawer .delivery-shortcuts{gap:5px}.drawer .delivery-shortcuts button{padding:5px 8px}.drawer .delivery-field small{font-size:12px;line-height:1.5}
.drawer .revision-service-info{margin:7px 0;padding:7px 9px}
@container(max-width:430px){.drawer .detail-grid{grid-template-columns:1fr;gap:6px}.drawer .file-list li{align-items:flex-start;flex-direction:column;gap:6px}.drawer .file-actions{width:100%}}
@media(max-width:600px){.drawer{padding:10px 12px}.drawer .drawer-tools{top:-10px}.drawer .panel{padding:11px 12px}.drawer .workflow-fold{padding:0}.drawer .drawer-jumps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}.drawer .drawer-jumps button{min-height:40px;padding:6px 3px;white-space:nowrap}.drawer input,.drawer select{min-height:40px;font-size:16px}.drawer .detail-item>strong{font-size:14px}.drawer .panel{scroll-margin-top:125px}}

.drawer .check.time-pledge{border:0;background:transparent;border-radius:0;padding:0;line-height:1.6}

.drawer .request-modes{display:flex;gap:8px;margin-bottom:12px}
.drawer .request-modes .check{flex:1;justify-content:center;cursor:pointer}
.drawer .request-extension{display:grid;gap:8px;margin-bottom:10px}
.drawer .request-extension[hidden]{display:none!important}
.drawer .request-extension .field-label{font-size:13px;font-weight:600}
.drawer .request-durations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.drawer .request-durations .check{justify-content:center;cursor:pointer;white-space:nowrap}
.drawer .request-modes .check:has(input:checked),.drawer .request-durations .check:has(input:checked){background:#edf5ff;border-color:#6da6df;color:#236cb0}
@container(max-width:430px){.drawer .request-durations{grid-template-columns:repeat(2,minmax(0,1fr))}}

.drawer .field[hidden]{display:none!important}