/* Detail modal content: ordered information hierarchy for order/review dialogs. */
#modal.modal-shell.modal-detail .order-detail,
#modal.modal-shell.modal-detail .review-detail,
#modal.modal-shell.modal-detail .candidate-detail{display:grid;gap:14px;color:#3f5571}
#modal.modal-shell.modal-detail .detail-hero{align-items:center;background:linear-gradient(135deg,#fffdf4 0%,#f7fbff 100%);border-color:#e5e9ef;box-shadow:0 5px 18px rgba(44,72,105,.05)}
#modal.modal-shell.modal-detail .detail-hero-brand,#modal.modal-shell.modal-detail .detail-hero-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
#modal.modal-shell.modal-detail .detail-hero-title{flex:1;min-width:180px}
#modal.modal-shell.modal-detail .detail-hero-title h3{margin:0;color:#263f5d;font-size:18px;line-height:1.45;overflow-wrap:anywhere}
#modal.modal-shell.modal-detail .detail-section{display:grid;gap:13px}
#modal.modal-shell.modal-detail .detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #edf1f5}
#modal.modal-shell.modal-detail .detail-section-heading h4{margin:2px 0 0;color:#2c4563;font-size:14px;line-height:1.4}
#modal.modal-shell.modal-detail .detail-section-heading h4::after{content:"";display:block;width:24px;height:2px;margin-top:6px;border-radius:2px;background:#efc94c}
#modal.modal-shell.modal-detail .detail-section-heading .button{flex:0 0 auto;white-space:nowrap}
#modal.modal-shell.modal-detail .eyebrow{display:block;color:#a1adbc;font-size:9px;font-weight:700;letter-spacing:.08em;line-height:1.2}
#modal.modal-shell.modal-detail .detail-kv dd.mono{font-family:Consolas,monospace;font-size:11px;letter-spacing:.01em}
#modal.modal-shell.modal-detail .detail-stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
#modal.modal-shell.modal-detail .detail-stat.accent{background:#fff9e7;border-color:#f5e2a7}
#modal.modal-shell.modal-detail .detail-stat.accent strong{color:#b17b10}
#modal.modal-shell.modal-detail .detail-stat span{display:block;color:#8997a9;font-size:10px}
#modal.modal-shell.modal-detail .detail-product-list{display:grid;gap:8px}
#modal.modal-shell.modal-detail .detail-product-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid #edf0f4;border-radius:9px;background:#fbfcfe;color:#435a74;font-size:12px;line-height:1.55}
#modal.modal-shell.modal-detail .detail-product-row>div{min-width:0;overflow-wrap:anywhere}
#modal.modal-shell.modal-detail .detail-product-row strong{color:#2d4764;font-weight:600}
#modal.modal-shell.modal-detail .detail-product-qty{flex:0 0 auto}
#modal.modal-shell.modal-detail .detail-product-children{display:grid;gap:2px;margin-top:5px;color:#8795a8;font-size:11px}
#modal.modal-shell.modal-detail .detail-section h5{margin:2px 0 0;color:#7b8a9d;font-size:11px;font-weight:600}
#modal.modal-shell.modal-detail .detail-contact-section .detail-kv{background:#fbfcfe;padding:12px 13px;border:1px solid #edf0f4;border-radius:9px}
#modal.modal-shell.modal-detail .detail-contact-section .detail-note:empty{display:none}
#modal.modal-shell.modal-detail blockquote.review-original{margin:0;padding:14px 16px;border:1px solid #e8edf3;border-left:3px solid #efc94c;border-radius:9px;background:#fbfcfe;color:#455c76;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}
#modal.modal-shell.modal-detail .review-candidates{display:grid;gap:10px;padding:14px;background:#f8fafc;border:1px dashed #dce5ef;border-radius:10px}
#modal.modal-shell.modal-detail .review-candidates h5{margin:0;color:#314c6b;font-size:13px}
#modal.modal-shell.modal-detail .review-candidates .notice{margin:0}
#modal.modal-shell.modal-detail .review-appeal-summary{background:#fffdf8;border-color:#f0e4bf}
#modal.modal-shell.modal-detail .review-appeal-summary h4{margin:0;color:#4d4b39;font-size:14px}
#modal.modal-shell.modal-detail .candidate-detail>.detail-note{margin:0}
#modal.modal-shell.modal-detail .candidate-detail .confirm-check{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border:1px solid #dce8f6;border-radius:9px;background:#f4f8fe;color:#405974;font-size:12px;line-height:1.6}
#modal.modal-shell.modal-detail .candidate-detail .confirm-check input{margin-top:3px}
#modal.modal-shell.modal-detail [data-candidate-error],#modal.modal-shell.modal-detail [data-appeal-error]{margin:0;color:#bb5147;font-size:11px;line-height:1.6}
#modal.modal-shell.modal-detail [data-ai-result]{margin:0;padding:12px 14px;max-height:220px;overflow:auto;border:1px solid #e4eaf1;border-radius:9px;background:#f8fafc;color:#465e77;font-size:13px;line-height:1.7;font-family:inherit;white-space:pre-wrap}
@media(max-width:760px){#modal.modal-shell.modal-detail .detail-hero{display:grid;gap:10px}#modal.modal-shell.modal-detail .detail-section-heading{align-items:flex-start;flex-direction:column}#modal.modal-shell.modal-detail .detail-section-heading .button{width:100%}#modal.modal-shell.modal-detail .detail-stat-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* Two-column reading layout; primary facts stay visible before the long records. */
#modal.modal-shell.modal-detail .order-detail,#modal.modal-shell.modal-detail .review-detail{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#modal.modal-shell.modal-detail :is(.order-detail,.review-detail)>.detail-hero,#modal.modal-shell.modal-detail :is(.order-detail,.review-detail)>.detail-stat-grid{grid-column:1/-1}
#modal.modal-shell.modal-detail .detail-hero{margin:0;padding:18px 20px;gap:18px}
#modal.modal-shell.modal-detail .detail-hero-brand{flex-direction:column;align-items:flex-start}
#modal.modal-shell.modal-detail .detail-hero-title{display:flex;flex-direction:column;gap:5px}
#modal.modal-shell.modal-detail .detail-hero-status{justify-content:flex-end}
#modal.modal-shell.modal-detail .detail-section{align-content:start;padding:18px;gap:14px}
#modal.modal-shell.modal-detail .detail-section-heading{margin:0;padding-bottom:11px}
#modal.modal-shell.modal-detail .detail-section-heading .eyebrow{display:none}
#modal.modal-shell.modal-detail .detail-section-heading h4::after{display:none}
#modal.modal-shell.modal-detail .detail-section-heading h4{font-size:14px}
#modal.modal-shell.modal-detail .detail-kv{grid-template-columns:112px minmax(0,1fr);margin:0;padding:0;border:0;background:transparent;font-size:13px;gap:11px 14px;line-height:1.7}
#modal.modal-shell.modal-detail .detail-kv :is(dt,dd){margin:0;min-width:0}
#modal.modal-shell.modal-detail .detail-kv dt{color:#7d8ba0}
#modal.modal-shell.modal-detail .detail-kv dd{color:#334d6b;white-space:normal}
#modal.modal-shell.modal-detail .detail-kv dd.mono{font-size:12px}
#modal.modal-shell.modal-detail .detail-meta{font-size:12px;line-height:1.65}
#modal.modal-shell.modal-detail .detail-stat{padding:15px 18px;background:#fff}
#modal.modal-shell.modal-detail .detail-stat>span{font-size:12px;color:#7d8ba0}
#modal.modal-shell.modal-detail .detail-stat strong{font-size:20px;line-height:1.4}
#modal.modal-shell.modal-detail .detail-stat.accent{background:#fff9e7}
#modal.modal-shell.modal-detail .detail-note{font-size:12px}
#modal.modal-shell.modal-detail .detail-note:empty,#modal.modal-shell.modal-detail [data-ai-result]:empty{display:none}
#modal.modal-shell.modal-detail .order-summary-section{grid-column:1;grid-row:3}
#modal.modal-shell.modal-detail .detail-contact-section{grid-column:2;grid-row:3/span 2}
#modal.modal-shell.modal-detail .order-products-section{grid-column:1;grid-row:4}
#modal.modal-shell.modal-detail .review-order-section{grid-column:1/-1}
#modal.modal-shell.modal-detail .review-content-section .review-original{font-size:13px}
#modal.modal-shell.modal-detail .review-content-section h4{margin:0}
#modal.modal-shell.modal-detail .review-candidates .button,#modal.modal-shell.modal-detail .review-appeal-summary>a.button{justify-self:start}
#modal.modal-shell.modal-detail .toolbar{display:flex;align-items:flex-start;flex-direction:column;gap:10px}
#modal.modal-shell.modal-detail .toolbar .muted{font-size:12px;line-height:1.7}
#modal.modal-shell.modal-detail .review-appeal-summary p{margin:0;font-size:13px;line-height:1.8}
#modal.modal-shell.modal-detail .detail-product-row{font-size:13px}
#modal.modal-shell.modal-detail .detail-contact-fields .order-contact-note{font-size:11px;line-height:1.65}
#modal.modal-shell.modal-detail .linked-order-card{box-shadow:none;background:#fbfcfe}
@media(max-width:760px){
 #modal.modal-shell.modal-detail .order-detail,#modal.modal-shell.modal-detail .review-detail{grid-template-columns:minmax(0,1fr)}
 #modal.modal-shell.modal-detail :is(.order-detail,.review-detail)>*{grid-column:auto;grid-row:auto}
 #modal.modal-shell.modal-detail .detail-hero{padding:15px 16px;gap:12px}
 #modal.modal-shell.modal-detail .detail-hero-brand{flex-direction:row}
 #modal.modal-shell.modal-detail .detail-hero-title{min-width:0}
 #modal.modal-shell.modal-detail .detail-hero-title h3{font-size:17px}
 #modal.modal-shell.modal-detail .detail-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #modal.modal-shell.modal-detail .detail-stat{padding:12px 13px}
 #modal.modal-shell.modal-detail .detail-stat strong{font-size:17px}
 #modal.modal-shell.modal-detail .detail-section{padding:15px}
 #modal.modal-shell.modal-detail .detail-kv{grid-template-columns:92px minmax(0,1fr);gap:10px;font-size:12px}
}

#modal.modal-shell.modal-detail .candidate-detail .confirm-check{flex-direction:row}
#modal.modal-shell.modal-detail .confirm-check input{flex:none;width:16px;height:16px;min-height:0;accent-color:#c69b29}

@media(max-width:760px){
 #modal.modal-shell.modal-detail .detail-hero{position:relative;display:flex;flex-direction:column;align-items:flex-start}
 #modal.modal-shell.modal-detail .detail-hero-status{position:absolute;right:14px;top:14px}
 #modal.modal-shell.modal-detail .detail-hero-brand{padding-right:50px}
 #modal.modal-shell.modal-detail .detail-stat-grid>.detail-stat:last-child:nth-child(odd){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
 #modal.modal-shell.modal-detail .detail-stat-grid>.detail-stat:last-child:nth-child(odd) strong{margin:0}
}