#illu-preview #illu-admin .admin-shell .admin-main:has(#order-detail-page:not([hidden])){max-width:none;width:100%;margin:0;padding:24px 18px;min-width:0}
#illu-preview #illu-admin #checkout-admin>#order-detail-page{width:100%;max-width:1200px;margin:0;font:400 13px/1.6 'Poppins',Arial,sans-serif;color:#40516a}
#illu-preview #order-detail-page[hidden]{display:none}
#illu-preview .od-order{border:1px solid #d6dfea;border-radius:10px;background:#fff;padding:14px;min-width:0}
#illu-preview .od-order-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#e9edf2;padding:9px 14px;margin:-14px -14px 0;border-radius:9px 9px 0 0;border-bottom:1px solid #d6dfea;color:#25364b;font-size:14px}
#illu-preview .od-neighbors{display:flex;gap:6px}
#illu-preview .od-neighbors .od-arrow{display:inline-flex;justify-content:center;align-items:center;width:30px;height:28px;min-height:0;padding:0;border:0;background:transparent;color:#3b526d;font-size:23px;border-radius:5px}
#illu-preview .od-neighbors .od-arrow:disabled{opacity:.3;cursor:default}
#illu-preview .od-overview{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:16px 3px}
#illu-preview .od-meta p,#illu-preview .od-card-body>p{display:flex;gap:9px;align-items:flex-start;margin:5px 0;overflow-wrap:anywhere}
#illu-preview .od-meta p .order-icon,#illu-preview .od-card-body>p .order-icon{margin-top:2px;width:15px;height:15px;flex-basis:15px}
#illu-preview .od-meta>.order-paid{display:inline-flex;flex-direction:row;gap:8px;margin-top:7px}
#illu-preview .od-overview .order-status-control{margin:0;align-self:start}
#illu-preview .od-overview .order-status-control>.workflow-badge,#illu-preview .od-overview .order-status-control>span:first-child{display:none}
#illu-preview .od-overview .order-state-trigger{font-weight:700;font-size:13px}
#illu-preview .od-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#illu-preview .od-card{border:1px solid #d5deea;border-radius:7px;min-width:0;margin-bottom:16px;background:#fff}
#illu-preview #order-detail-page .od-card>h3{display:block;margin:0;padding:9px 13px;border-bottom:1px solid #d5deea;border-radius:6px 6px 0 0;background:#e9edf2;font-size:14px;font-weight:600;color:#27354b;line-height:1.6}
#illu-preview .od-card-body{padding:13px}
#illu-preview .od-inline-form{display:flex;align-items:flex-end;gap:9px;max-width:680px;margin:0 0 15px}
#illu-preview #order-detail-page label{display:block;margin:0;min-width:0;font-size:12px;font-weight:500;color:#51647b}
#illu-preview .od-inline-form label{flex:1}
#illu-preview #order-detail-page :is(input,select,textarea){display:block;width:100%;min-width:0;box-sizing:border-box;margin:6px 0 0;padding:9px 10px;border:1px solid #ccd8e6;border-radius:6px;background:#fff;color:#26384f;font:400 13px/1.5 'Poppins',Arial,sans-serif}
#illu-preview #order-detail-page textarea{resize:vertical}
#illu-preview #order-detail-page :is(.od-primary,.od-secondary,.od-paid-button){display:inline-flex;justify-content:center;align-items:center;gap:6px;flex-shrink:0;width:auto;min-height:36px;border:0;border-radius:6px;padding:8px 13px;font:600 12px/1.6 'Poppins',Arial,sans-serif;background:#2873e8;color:#fff}
#illu-preview #order-detail-page .od-secondary{background:#e8eef5;color:#425773;margin:12px 0}
#illu-preview #order-detail-page :is(button:disabled,input:disabled){opacity:.5;cursor:default}
#illu-preview .od-card-body>small{display:block;color:#8290a1;font-size:11px}
#illu-preview .od-client-note{margin:16px 0 0;padding:12px;border-left:3px solid #df5151;background:#fff5f4;border-radius:5px;white-space:pre-wrap}
#illu-preview .od-client-note>p:first-child{display:flex;gap:8px;font-weight:600}
#illu-preview .od-carrier .shipment-box{margin:16px 0 0;border:1px solid #d8e1eb;border-radius:7px;padding:14px}
#illu-preview #order-detail-page .shipment-box button{width:auto;padding:8px 12px;border-radius:6px;font-size:12px;min-height:36px;margin:6px 7px 6px 0}
#illu-preview #order-detail-page .shipment-box h3{display:block;font-size:14px;margin:0 0 10px}
#illu-preview .od-items-scroll{overflow:auto;border:1px solid #d8e0eb;border-radius:7px}
#illu-preview .od-items{border-collapse:collapse;table-layout:fixed;width:100%;min-width:580px;font-size:12px}
#illu-preview .od-product-col{width:58%}#illu-preview .od-quantity-col{width:10%}#illu-preview .od-price-col{width:16%}#illu-preview .od-value-col{width:16%}
#illu-preview .od-items th{background:#f1f4f8;font-weight:500;font-size:11px;color:#52647b;text-align:left;border-bottom:1px solid #d6dfea;padding:9px}
#illu-preview .od-items td{border-bottom:1px solid #e0e6ef;padding:12px 9px;overflow-wrap:anywhere}
#illu-preview .od-items :is(th,td):last-child{text-align:right;font-weight:600}
#illu-preview .od-items tfoot td{border:0;background:#f4f7fa;font-size:12px}
#illu-preview .od-product{display:flex;gap:13px;align-items:center;min-width:0}
#illu-preview .od-product img{width:64px;height:64px;object-fit:contain;flex:0 0 64px;border:1px solid #e1e5eb;border-radius:7px;background:#fff}
#illu-preview .od-product strong{color:#28374e}
#illu-preview .od-product small{display:block;color:#8290a2;font-size:11px;margin-top:5px}
#illu-preview .od-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 18px}
#illu-preview .od-totals{width:400px;max-width:100%;border:1px solid #d4dfeb;border-radius:7px;overflow:hidden;margin-left:auto}
#illu-preview .od-totals p{display:flex;justify-content:space-between;gap:20px;margin:0;padding:8px 14px;font-size:12px}
#illu-preview .od-totals p:first-child{color:#8692a1;font-size:11px}
#illu-preview .od-totals p:nth-child(4){border-top:1px solid #d5deea;font-size:15px;padding-top:13px;padding-bottom:13px;color:#087b50}
#illu-preview .od-totals p:nth-child(5){background:#fff0eb;color:#c13d30}
#illu-preview #order-detail-page .od-paid-button{display:flex;margin:10px 12px 10px auto;background:#148958}
#illu-preview .od-message{white-space:pre-wrap;font-size:13px;margin:10px 0}
#illu-preview .od-message:empty{display:none}
#illu-preview .od-order>.od-secondary{margin:14px 0}
#illu-preview .od-add-form{display:grid;grid-template-columns:minmax(160px,2fr) minmax(160px,2fr) minmax(120px,1.5fr) 75px minmax(150px,1fr) auto;gap:12px;align-items:end}
#illu-preview .od-help,#illu-preview .od-merge-warning{background:#eaf4fc;color:#366381;padding:12px 14px;border-radius:6px;font-size:12px;margin:14px 0 0}
#illu-preview .od-merge-list>div{display:flex;gap:14px;justify-content:space-between;align-items:center;border-bottom:1px solid #e1e7ef;padding:12px 0}
#illu-preview .od-integrations .wf-order-box{margin:16px 0;border:1px solid #d4dfeb;border-radius:7px;padding:14px}
#illu-preview #order-detail-page .wf-order-box h3{display:block;font-size:15px;margin:0 0 12px}
#illu-preview #order-detail-page .wf-order-box button{min-height:36px;padding:8px 12px;font-size:12px;margin:6px 8px 6px 0}
#illu-preview .order-note-flag{display:inline-flex;margin-left:5px;width:15px;height:15px;vertical-align:middle;color:#dd4545}
#illu-preview .order-note-flag.is-admin{color:#e48b1d}
#illu-preview .order-note-flag svg{width:100%;height:100%}
#illu-preview .order-merged-label{display:block;color:#9a6d22;font-size:11px;margin-bottom:5px}
@media(max-width:1400px){#illu-preview .od-add-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){#illu-preview .od-data-grid{grid-template-columns:1fr 1fr}#illu-preview .od-data-grid>.od-card:last-child{grid-column:1/-1}#illu-preview .od-bottom{flex-wrap:wrap}}
@media(max-width:650px){#illu-preview #illu-admin .admin-shell .admin-main:has(#order-detail-page:not([hidden])){padding:18px 12px}#illu-preview .od-data-grid,#illu-preview .od-overview{grid-template-columns:1fr}#illu-preview .od-add-form{grid-template-columns:1fr 1fr}#illu-preview .od-totals{width:100%}#illu-preview .od-merge-list>div{align-items:flex-start;flex-direction:column}#illu-preview .od-inline-form{align-items:flex-start;flex-direction:column}#illu-preview .od-inline-form label{width:100%}}
#illu-preview #order-detail-page .od-history{margin-top:18px}
#illu-preview .od-event{display:flex;gap:13px;padding:14px;margin:0 0 10px;border:1px solid #dce4ee;border-left:3px solid var(--event-color,#7494ba);border-radius:8px;background:#fbfcfe;min-width:0}
#illu-preview .od-event:nth-child(even){background:#fff}
#illu-preview .od-event-avatar{flex:0 0 36px;width:36px;height:36px;border-radius:9px;background:#e9eff8;color:#526e96;display:flex;align-items:center;justify-content:center}
#illu-preview .od-event-avatar .order-icon{width:20px;height:20px;flex-basis:20px}
#illu-preview .od-event.is-admin .od-event-avatar{background:#e9f4ef;color:#268763}
#illu-preview .od-event-content{min-width:0;flex:1}
#illu-preview .od-event-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#2b3e59}
#illu-preview .od-actor-kind{border:1px solid #dbe3ee;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:500;color:#74849b;background:white}
#illu-preview .od-event-line{display:flex;align-items:flex-start;gap:7px;margin:6px 0;font-size:12px;color:#4a5f7c;overflow-wrap:anywhere}
#illu-preview .od-event-line>.order-icon{color:var(--event-color,#7494ba);margin-top:2px;width:15px;height:15px;flex-basis:15px}
#illu-preview .od-event-extra{margin:5px 0;font-size:12px;color:#6c7f96;white-space:pre-wrap;overflow-wrap:anywhere}
#illu-preview .od-event time{display:inline-block;color:#8b99ac;font-size:11px;margin-top:3px;cursor:help}
#illu-preview .od-history-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:650px){#illu-preview .od-event{padding:11px;gap:9px}#illu-preview .od-event-avatar{width:29px;height:29px;flex-basis:29px}}
