body:has(#order-dialog[open]){overflow:hidden}
#order-dialog{width:min(900px,100%);color:#30392c;overscroll-behavior:contain}
#order-dialog .drawer-body{padding-inline:32px}
#order-dialog .detail-status{gap:16px;flex-wrap:wrap;color:#68745d}
.od-section-heading,.od-subhead{display:flex;align-items:center;justify-content:space-between;gap:16px}
.od-section-heading{margin-bottom:22px}
.od-section-heading h3{margin-bottom:6px}
.od-section-heading p,.od-subhead>span{font-size:12px;color:#7a836f}
.od-customer-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.od-fields{display:grid;gap:12px;margin:0}
.od-fields>div{display:grid;gap:3px;min-width:0}
.od-fields dt{font-size:12px;color:#758069}
.od-fields dd{font-size:14px;color:#323e29;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.od-address{border-left:1px solid #e7ebdf;padding-left:26px}
.od-subhead h4{font-size:13px;margin:0}
.od-address .od-preserve{margin:15px 0 0;font-size:14px;color:#4e5a43;line-height:1.8}
.od-preserve,.od-note p{white-space:pre-wrap;overflow-wrap:anywhere}
.od-note{padding:14px 16px;background:#faf7ec;border:1px solid #efe8ce;border-radius:8px;margin-top:16px}
.od-note>span{font-size:11px;font-weight:600;color:#8c7842}
.od-note p{font-size:14px;color:#5e542f;margin:6px 0 0;line-height:1.7}
.od-product{border:1px solid #e1e7d8;border-radius:12px;margin-top:20px;overflow:hidden;background:white}
.od-product-heading{display:flex;align-items:center;gap:13px;padding:18px 22px;background:#f6f8f1;border-bottom:1px solid #e5eadc}
.od-index{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:9px;background:#e9efdd;color:#6c7b55;font-size:12px;font-weight:600}
.od-product-heading>div{min-width:0;flex:1}
.od-product-heading h4{font-size:16px;margin:0;overflow-wrap:anywhere}
.od-product-heading p{font-size:12px;margin-top:4px;color:#72825e}
.od-quantity{font-size:12px;white-space:nowrap;color:#69765c;background:white;border:1px solid #e1e8d5;border-radius:20px;padding:4px 11px}
.od-product-body{padding:24px}
.od-product-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:start}
.od-product-overview .od-fields{grid-template-columns:1fr 1fr;gap:18px 12px}
.od-product-overview .od-fields dd{font-weight:600}
.od-preview{display:flex;flex-direction:column;justify-content:center;min-height:190px;background:#f6f5f0;border:1px solid #edece5;border-radius:9px;overflow:hidden}
.od-preview img{width:100%;aspect-ratio:10/7;object-fit:contain;background:white}
.od-preview>span{display:block;padding:9px 12px;font-size:11px;text-align:center;color:#70805b}
a.od-preview:hover{border-color:#b8c89f}
.od-model>span{color:#8b8475}
.od-order-note{margin-top:22px;padding:16px 18px;border-radius:8px;background:#fafbf7;border:1px solid #edf0e7}
.od-order-note .od-hint{margin-bottom:0}
.od-order-note .od-note{background:transparent;border:0;padding:0;margin-top:14px}
.od-design-section{margin-top:24px;padding-top:22px;border-top:1px solid #edf0e7}
.od-design-section h4{font-size:13px;margin:0 0 15px}
.od-design-section .od-subhead{margin-bottom:15px}
.od-design-section .od-subhead h4{margin:0}
.od-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.od-color{display:flex;align-items:flex-start;gap:9px;padding:10px;background:#fbfcf9;border:1px solid #e9eddf;border-radius:8px;min-width:0}
.od-swatch{width:30px;height:30px;flex:none}
.od-color>div{min-width:0}
.od-color strong{display:block;font-size:12px;font-weight:500;line-height:1.4;overflow-wrap:anywhere}
.od-color span{display:block;font-size:11px;color:#6f7c60;font-family:monospace;margin-top:3px}
.od-color small{display:block;font-size:10px;color:#8d753c;margin-top:4px;overflow-wrap:anywhere}
.od-branding{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.od-brand{padding:16px;background:#fcfcfa;border:1px solid #e8ecdF;border-radius:8px;min-width:0}
.od-brand h5,.od-tile h5{font-size:13px;margin:0}
.od-brand-mode{font-size:12px;margin-top:7px;color:#687955}
.od-empty{font-size:12px;color:#78856b;line-height:1.7;margin-top:7px;overflow-wrap:anywhere}
.od-hint{font-size:11px;color:#7f886f;line-height:1.7;margin:14px 0 0}
.od-attachment{display:flex;align-items:center;gap:12px;margin-top:14px;min-width:0}
.od-attachment>a{flex:none;width:64px;height:64px;border:1px solid #e3e7dc;border-radius:6px;overflow:hidden;background:repeating-conic-gradient(#f3f4ef 0% 25%,white 0% 50%) 50%/12px 12px}
.od-attachment img{width:100%;height:100%;object-fit:contain}
.od-attachment>div{min-width:0}
.od-attachment>div>span{display:block;font-size:11px;color:#7b866d;overflow-wrap:anywhere}
.od-attachment .text-link{display:inline-block;font-size:12px;margin-top:4px;line-height:1.5}
.od-placement{display:flex;flex-wrap:wrap;gap:10px 16px;margin:14px 0 0}
.od-placement>div{min-width:0}
.od-placement dt{font-size:10px;color:#7d896e}
.od-placement dd{font-size:11px;margin:0;overflow-wrap:anywhere}
.od-tile{display:flex;gap:12px;padding:15px 0;border-top:1px solid #f0f2e9}
.od-tile-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:#f3f6ec;font-size:10px;color:#7f8c6d}
.od-tile>div{min-width:0;flex:1}
.od-tile-heading{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.od-tile-heading>span{font-size:11px;color:#6d7e57;background:#f2f6e9;padding:2px 9px;border-radius:5px}
.od-destination{display:block;font-size:13px;color:#4f7055;margin-top:8px;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.od-extra-title{font-size:12px;color:#819069;margin:20px 0 8px}
.od-extras{grid-template-columns:1fr 1fr;background:#f8faf3;border-radius:8px;padding:14px 16px;margin-top:17px}
.od-extras dd{font-size:12px}
.od-product-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0e7}
.od-product-footer>span{font-size:11px;color:#819071}
.od-product-footer .button,.od-section-heading .button{font-size:12px;min-height:38px;padding:8px 12px}
.od-totals dl{margin:0;display:grid;gap:11px}
.od-totals dl>div{display:flex;justify-content:space-between;gap:24px;font-size:13px}
.od-totals dt{color:#78866b}
.od-totals dd{margin:0;text-align:right;white-space:nowrap}
.od-totals .od-total{font-size:15px;font-weight:600;border-top:1px solid #e7ebdf;margin-top:7px;padding-top:15px}
.od-totals .od-total dt{color:#4e5e40}
.od-totals .od-final{background:#f8f1d6;border:1px solid #ebe1b5;padding:14px;border-radius:7px}
@media(max-width:600px){
  #order-dialog .drawer-body{padding-inline:18px}
  #order-dialog .drawer-head{padding:20px 18px}
  .od-customer-grid{grid-template-columns:1fr;gap:22px}
  .od-customer .od-fields{grid-template-columns:1fr 1fr;gap:16px}
  .od-address{border-left:0;border-top:1px solid #e7ebdf;padding:20px 0 0}
  .od-section-heading{align-items:flex-start;flex-wrap:wrap}
  .od-product-heading{padding:16px 14px;gap:10px}
  .od-product-heading h4{font-size:15px}
  .od-product-heading p{font-size:11px}
  .od-quantity{font-size:11px;padding:3px 9px}
  .od-product-body{padding:16px}
  .od-product-overview{grid-template-columns:1fr;gap:20px}
  .od-preview{max-width:100%;min-height:0}
  .od-preview img{max-height:240px}
  .od-colors{grid-template-columns:1fr 1fr;gap:8px}
  .od-color{padding:9px 7px;gap:7px}
  .od-color strong{font-size:11px}
  .od-swatch{width:26px;height:26px}
  .od-branding{grid-template-columns:1fr}
  .od-subhead{align-items:flex-start;gap:12px}
  .od-subhead>span{font-size:10px;white-space:nowrap}
  .od-product-footer{align-items:flex-start;flex-direction:column}
  .od-product-footer .button{width:100%}
  .od-totals dl>div{font-size:12px;gap:15px}
  .od-totals .od-total{font-size:14px}
}