:root{--commerce-ink:#10231f;--commerce-muted:#667b75;--commerce-line:#e2e9e6;--commerce-green:#047857;--commerce-green-2:#10b981;--commerce-green-soft:#ecfdf5;--commerce-navy:#062a25;--commerce-amber:#d97706;--commerce-red:#dc2626;--commerce-shadow:0 12px 35px rgba(15,42,36,.07)}
html{font-size:15px}
.commerce-body{min-height:100vh;margin:0;color:var(--commerce-ink);background:#f3f7f5;font-family:Inter,"Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;padding:.72rem 1rem;border:0;border-radius:10px;font:inherit;font-size:.78rem;font-weight:750;text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}
.button:hover{transform:translateY(-1px)}
.button.primary{color:#fff;background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 22px rgba(4,120,87,.22)}
.button.secondary{color:#065f46;background:#d1fae5}
.button.ghost{color:#047857;background:transparent}
.validation{display:block;margin-top:.3rem;color:#b42318;font-size:.68rem}
code{color:#047857;font-family:Consolas,"Cascadia Code",monospace;font-size:.88em}
small{color:var(--commerce-muted)}
.integration-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1.2rem;align-items:start}
.integration-card{padding:1.6rem}
.secret-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem}
.secret-input-row button{padding:.65rem .8rem;color:#047857;border:1px solid #a7d7c4;border-radius:9px;background:#ecfdf5;font-weight:750;cursor:pointer}
.token-explainer{padding:1.6rem;color:#fff;border:0;border-radius:16px;background:linear-gradient(145deg,#073f36,#052e29);box-shadow:var(--commerce-shadow)}
.token-explainer h2{margin:.8rem 0 1rem;font-size:1.05rem}
.token-shield{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.12);color:#6ee7b7}
.token-explainer ol{list-style:none;padding:0;margin:0}
.token-explainer li{display:grid;grid-template-columns:30px 1fr;gap:.7rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.1)}
.token-explainer li>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(52,211,153,.13);color:#6ee7b7;font-size:.7rem;font-weight:850}
.token-explainer li strong{font-size:.82rem}
.token-explainer li p{margin:.2rem 0 0;color:#a7c8bf;font-size:.72rem;line-height:1.5}
.security-note{margin-top:.8rem;padding:.65rem;border:1px solid rgba(110,231,183,.25);border-radius:9px;background:rgba(110,231,183,.08);color:#a7f3d0;font-size:.7rem;font-weight:700}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive .commerce-table{min-width:720px}

/* Shipping label print page */
.label-page{margin:0;padding:22px;color:#0f172a;background:#eef2f6;font-family:Inter,"Segoe UI",Arial,sans-serif}
.label-page .shipping-label{width:min(780px,100%);margin:auto;border:2px solid #111827;border-radius:0;background:#fff;box-shadow:0 16px 45px rgba(15,23,42,.12)}
.label-page .shipping-label>header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;color:#fff;background:#071d19}
.label-page .label-brand{font-size:1.45rem;font-weight:900;letter-spacing:-.03em}
.label-page .shipping-label>header small{display:block;margin-top:4px;color:#a7f3d0;font-size:.58rem;font-weight:800;letter-spacing:.14em}
.label-page .label-service{padding:.45rem .7rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:.82rem;font-weight:800}
.label-page .label-route{display:grid;grid-template-columns:1fr auto 1fr;border-top:2px solid #111827;border-bottom:2px solid #111827}
.label-page .label-route>div{padding:14px 18px}
.label-page .label-route>div:last-child{text-align:right}
.label-page .label-route small{display:block;margin-bottom:4px;color:#64748b;font-size:.56rem;font-weight:800;letter-spacing:.08em}
.label-page .label-route strong{font-size:.88rem}
.label-page .label-route>span{display:grid;place-items:center;padding:0 .75rem;border-left:1px solid #111827;border-right:1px solid #111827;font-size:1.4rem}
.label-page .label-recipient{padding:18px 20px;border-bottom:1px solid #111827}
.label-page .label-recipient small{display:block;margin-bottom:6px;color:#64748b;font-size:.56rem;font-weight:800;letter-spacing:.08em}
.label-page .label-recipient h1{margin:0 0 .45rem;font-size:1.35rem}
.label-page .label-recipient p{margin:0 0 .55rem;line-height:1.55;font-size:.82rem}
.label-page .barcode-zone{padding:16px 20px 18px;text-align:center;border-bottom:1px solid #111827}
.label-page .barcode-zone svg{width:100%;max-width:100%;height:92px;display:block;margin:0 auto 8px}
.label-page .barcode-zone strong{display:block;font-size:1.35rem;font-weight:900;letter-spacing:.08em}
.label-page .barcode-zone small{display:block;margin-top:4px;color:#64748b;font-family:Consolas,monospace;font-size:.68rem;letter-spacing:.06em}
.label-page .shipping-label>dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:0;border-bottom:1px solid #111827}
.label-page .shipping-label>dl>div{display:grid;grid-template-columns:90px 1fr;gap:.5rem;padding:11px 14px;border-top:1px solid #111827}
.label-page .shipping-label>dl>div:nth-child(odd){border-right:1px solid #111827}
.label-page .shipping-label>dl dt{color:#64748b;font-size:.58rem;font-weight:800;letter-spacing:.06em}
.label-page .shipping-label>dl dd{margin:0;font-size:.72rem;font-weight:750}
.label-page .shipping-label>footer{display:flex;justify-content:space-between;gap:1rem;padding:10px 14px;color:#475569;font-size:.58rem}
.label-page .label-toolbar{width:min(780px,calc(100% - 44px));margin:12px auto 0;text-align:right}
.label-page .label-toolbar button{padding:.7rem 1rem;color:#fff;border:0;border-radius:9px;background:#047857;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer}
@media(max-width:760px){.integration-layout{grid-template-columns:1fr}.label-page{padding:10px}.label-page .shipping-label>dl{grid-template-columns:1fr}.label-page .shipping-label>dl>div:nth-child(odd){border-right:0}.label-page .label-route{grid-template-columns:1fr}.label-page .label-route>span{border:0;border-top:1px solid #111827;border-bottom:1px solid #111827;padding:.5rem}.label-page .shipping-label>footer{flex-direction:column}}
@media print{.label-page{padding:0;background:#fff}.label-page .label-toolbar{display:none}.label-page .shipping-label{width:100%;box-shadow:none}}

/* DemoShop commerce theme */
.commerce-header{position:sticky;top:0;z-index:100;color:#d7eee7;background:rgba(5,37,32,.97);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px)}.commerce-header-inner{width:min(1320px,calc(100% - 44px));min-height:72px;display:flex;align-items:center;gap:2rem;margin:auto}.commerce-brand{min-width:190px;display:flex;align-items:center;gap:.7rem;color:#fff;text-decoration:none}.commerce-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#34d399,#059669);box-shadow:0 8px 20px rgba(16,185,129,.25);font-weight:900}.commerce-brand>span:last-child{display:grid;line-height:1.05}.commerce-brand strong{font-size:1.05rem}.commerce-brand small{margin-top:.32rem;color:#85aba1;font-size:.55rem;font-weight:850;letter-spacing:.13em}.commerce-nav{align-self:stretch;display:flex;align-items:stretch;gap:.15rem}.commerce-nav a{position:relative;display:flex;align-items:center;padding:0 .8rem;color:#a9c6be;font-size:.78rem;font-weight:700;text-decoration:none}.commerce-nav a:hover,.commerce-nav a.active{color:#fff}.commerce-nav a.active::after{position:absolute;right:.8rem;bottom:0;left:.8rem;height:3px;border-radius:3px 3px 0 0;background:#34d399;content:""}.connection-pill{margin-left:auto;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .68rem;border:1px solid;border-radius:999px;font-size:.65rem;font-weight:800;text-decoration:none}.connection-pill i{width:7px;height:7px;border-radius:50%;background:currentColor}.connection-pill.connected{color:#a7f3d0;border-color:rgba(52,211,153,.25);background:rgba(52,211,153,.1)}.connection-pill.disconnected{color:#fed7aa;border-color:rgba(251,146,60,.25);background:rgba(251,146,60,.1)}.commerce-main,.commerce-footer{width:min(1240px,calc(100% - 44px));margin:auto}.commerce-main{min-height:calc(100vh - 145px);padding:2rem 0 4rem}.commerce-footer{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--commerce-muted);border-top:1px solid #dce5e1;font-size:.72rem}.commerce-footer>div{display:flex;gap:1rem}.commerce-footer>div:first-child{display:grid;gap:.1rem}.commerce-footer strong{color:var(--commerce-ink)}
.commerce-eyebrow{display:block;color:var(--commerce-green);font-size:.66rem;font-weight:900;letter-spacing:.14em}.commerce-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);gap:2.5rem;padding:2.8rem;color:#fff;border-radius:24px;background:radial-gradient(circle at 18% 0,rgba(16,185,129,.3),transparent 36%),linear-gradient(135deg,#083b33,#041e1b 70%);box-shadow:0 22px 60px rgba(5,46,41,.18)}.commerce-hero .commerce-eyebrow{color:#6ee7b7}.commerce-hero h1{max-width:760px;margin:.75rem 0 .8rem;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em}.commerce-hero h1 span{color:#6ee7b7}.commerce-hero p{max-width:690px;color:#a7c8bf;line-height:1.75}.commerce-hero .button{margin-top:.65rem}.integration-health-card{align-self:center;padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.health-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.8rem}.health-title span{display:flex;align-items:center;gap:.4rem;color:#a7f3d0;font-size:.57rem;font-weight:850;letter-spacing:.08em}.health-title i{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.12)}.health-title strong{font-size:1.1rem}.integration-health-card>div:not(:first-child){display:flex;align-items:center;justify-content:space-between;padding:.68rem 0;border-top:1px solid rgba(255,255,255,.09);font-size:.68rem}.integration-health-card small{color:#91b7ad}.commerce-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin:1rem 0}.commerce-metrics article{display:flex;align-items:center;gap:.8rem;padding:1rem;border:1px solid var(--commerce-line);border-radius:14px;background:#fff;box-shadow:0 2px 8px rgba(15,42,36,.03)}.commerce-metrics article>span{width:38px;height:38px;display:grid;place-items:center;color:#047857;border-radius:11px;background:#d1fae5;font-weight:900}.commerce-metrics article.attention>span{color:#b45309;background:#fef3c7}.commerce-metrics article div{display:grid}.commerce-metrics small{font-size:.55rem;font-weight:900;letter-spacing:.07em}.commerce-metrics strong{font-size:1.25rem}.commerce-metrics em{color:var(--commerce-muted);font-size:.6rem;font-style:normal}
.commerce-panel{padding:1.25rem;border:1px solid var(--commerce-line);border-radius:16px;background:#fff;box-shadow:var(--commerce-shadow)}.commerce-panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.commerce-panel-header>div>span,.commerce-panel-header>span:first-child{display:block;margin-bottom:.2rem;color:var(--commerce-muted);font-size:.56rem;font-weight:900;letter-spacing:.11em}.commerce-panel-header h2{margin:0;font-size:1.05rem}.commerce-panel-header>a{color:var(--commerce-green);font-size:.7rem;font-weight:800;text-decoration:none}.commerce-panel-header>b{padding:.28rem .5rem;color:var(--commerce-muted);border-radius:999px;background:#f1f5f3;font-size:.6rem}.orders-panel{padding-bottom:.4rem}.commerce-table{width:100%;border-collapse:collapse;font-size:.72rem}.commerce-table th{padding:.62rem;color:#84958f;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0;background:#fafcfb;font-size:.55rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.commerce-table td{padding:.75rem .62rem;color:#40534d;border-bottom:1px solid #edf2f0;vertical-align:middle}.commerce-table tbody tr:last-child td{border-bottom:0}.commerce-table tbody tr:hover td{background:#fbfefc}.commerce-table td strong,.commerce-table td small{display:block}.commerce-table td small{margin-top:.15rem;font-size:.6rem}.commerce-table code{color:#047857;font-size:.65rem}.location-text{max-width:170px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commerce-status{display:inline-flex;align-items:center;gap:.32rem;padding:.3rem .52rem;color:#475569;border:1px solid #dbe4e1;border-radius:999px;background:#f8faf9;font-size:.61rem;font-weight:800;white-space:nowrap}.commerce-status::before{width:6px;height:6px;border-radius:50%;background:#94a3b8;content:""}.commerce-status[data-status="Delivered"]{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.commerce-status[data-status="Delivered"]::before{background:#10b981}.commerce-status[data-status="OutForDelivery"],.commerce-status[data-status="InTransit"]{color:#0369a1;border-color:#bae6fd;background:#f0f9ff}.commerce-status[data-status="OutForDelivery"]::before,.commerce-status[data-status="InTransit"]::before{background:#0ea5e9}.commerce-status[data-status="PickupRequested"],.commerce-status[data-status="PickedUp"]{color:#6d28d9;border-color:#ddd6fe;background:#f5f3ff}.commerce-status[data-status="PickupRequested"]::before,.commerce-status[data-status="PickedUp"]::before{background:#8b5cf6}.commerce-status[data-status="DeliveryFailed"],.commerce-status[data-status="ReturnInitiated"]{color:#b45309;border-color:#fde68a;background:#fffbeb}.commerce-status[data-status="DeliveryFailed"]::before,.commerce-status[data-status="ReturnInitiated"]::before{background:#f59e0b}.commerce-status[data-status="Damaged"],.commerce-status[data-status="Lost"],.commerce-status[data-status="Cancelled"]{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.commerce-status[data-status="Damaged"]::before,.commerce-status[data-status="Lost"]::before,.commerce-status[data-status="Cancelled"]::before{background:#ef4444}.commerce-row-action{width:32px;height:32px;display:grid;place-items:center;color:#047857;border-radius:9px;background:#ecfdf5;font-size:1rem;text-decoration:none}.commerce-empty{display:grid;justify-items:center;padding:2.4rem;text-align:center}.commerce-empty.compact{padding:1rem}.commerce-empty>span{font-size:2rem}.commerce-empty h3{margin:.5rem 0 .2rem}.commerce-empty p{margin:0;color:var(--commerce-muted);font-size:.72rem}
.commerce-page-heading,.order-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:1rem 0 1.7rem}.commerce-page-heading h1,.order-detail-heading h1{max-width:850px;margin:.55rem 0 .5rem;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.05em}.commerce-page-heading p,.order-detail-heading p{max-width:760px;margin:0;color:var(--commerce-muted);line-height:1.65}.order-create-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.5fr);gap:1rem;align-items:start}.order-form-column{display:grid;gap:1rem}.form-section{padding:1.35rem}.form-section-title{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.8rem}.form-section-title>span{width:32px;height:32px;display:grid;place-items:center;color:#047857;border-radius:9px;background:#d1fae5;font-size:.62rem;font-weight:900}.form-section-title h2{margin:0;font-size:1rem}.form-section-title p{margin:.18rem 0 0;color:var(--commerce-muted);font-size:.65rem}.form-grid{display:grid;gap:.75rem}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.commerce-body .field{margin:.72rem 0}.commerce-body .field label{font-size:.68rem}.commerce-body .field input,.commerce-body .field textarea,.commerce-body .field select{width:100%;padding:.72rem .78rem;color:var(--commerce-ink);border:1px solid #cbd7d2;border-radius:9px;background:#fff;font:inherit;font-size:.76rem}.commerce-body .field input:focus,.commerce-body .field textarea:focus,.commerce-body .field select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.12)}.check-option{display:flex;align-items:flex-start;gap:.65rem;margin-top:.6rem;padding:.8rem;border:1px solid #dce9e4;border-radius:10px;background:#f8fcfa;cursor:pointer}.check-option input{width:18px;height:18px;margin-top:.1rem;accent-color:#059669}.check-option span{display:grid}.check-option strong{font-size:.7rem}.check-option small{font-size:.61rem}.create-order-button{justify-self:start}.order-flow-card{position:sticky;top:90px;padding:1.4rem;color:#fff;border-radius:17px;background:linear-gradient(145deg,#073f36,#041f1b);box-shadow:0 18px 45px rgba(4,47,40,.15)}.flow-card-kicker{color:#6ee7b7;font-size:.57rem;font-weight:900;letter-spacing:.12em}.order-flow-card h2{margin:.55rem 0 1rem;font-size:1.15rem}.order-flow-card ol{margin:0;padding:0;list-style:none}.order-flow-card li{display:grid;grid-template-columns:28px 1fr;gap:.65rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.09)}.order-flow-card li>span{width:27px;height:27px;display:grid;place-items:center;color:#6ee7b7;border-radius:8px;background:rgba(52,211,153,.12);font-size:.6rem;font-weight:900}.order-flow-card li strong{font-size:.7rem}.order-flow-card li p{margin:.2rem 0 0;color:#a7c8bf;font-size:.62rem;line-height:1.5}.flow-security-note{margin-top:.7rem;padding:.65rem;color:#a7f3d0;border:1px solid rgba(52,211,153,.2);border-radius:9px;background:rgba(52,211,153,.07);font-size:.61rem;font-weight:750}
.order-detail-heading{padding-top:.5rem}.order-detail-heading .commerce-status{margin-bottom:.45rem}.commerce-alert{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;padding:.75rem .9rem;border:1px solid;border-radius:10px;font-size:.7rem}.commerce-alert>span{width:24px;height:24px;display:grid;place-items:center;color:#fff;border-radius:50%;font-weight:900}.commerce-alert.success{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.commerce-alert.success>span{background:#10b981}.commerce-alert.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.commerce-alert.danger>span{background:#ef4444}.commerce-alert.warning{color:#b45309;border-color:#fde68a;background:#fffbeb}.commerce-alert.warning>span{background:#f59e0b}.shipment-start-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1.35rem;color:#fff;border-radius:17px;background:linear-gradient(115deg,#073f36,#052e29);box-shadow:var(--commerce-shadow)}.shipment-start-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:#10b981;font-size:1.3rem;font-weight:900}.shipment-start-card span{color:#6ee7b7;font-size:.55rem;font-weight:900;letter-spacing:.11em}.shipment-start-card h2{margin:.25rem 0;font-size:1.15rem}.shipment-start-card p{margin:0;color:#a7c8bf;font-size:.68rem}.commerce-shipment-progress{display:grid;grid-template-columns:repeat(6,1fr);margin-bottom:1rem;padding:1rem;border:1px solid var(--commerce-line);border-radius:14px;background:#fff;box-shadow:var(--commerce-shadow)}.commerce-shipment-progress>div{position:relative;display:grid;justify-items:center;gap:.35rem;color:#94a3b8;font-size:.61rem}.commerce-shipment-progress>div::after{position:absolute;top:13px;left:calc(50% + 16px);width:calc(100% - 32px);height:2px;background:#e2e8f0;content:""}.commerce-shipment-progress>div:last-child::after{display:none}.commerce-shipment-progress span{position:relative;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:2px solid #cbd5e1;border-radius:50%;background:#fff;font-size:.6rem;font-weight:900}.commerce-shipment-progress .complete{color:#047857}.commerce-shipment-progress .complete span{color:#fff;border-color:#10b981;background:#10b981}.commerce-shipment-progress .complete::after{background:#6ee7b7}.commerce-shipment-progress .current span{box-shadow:0 0 0 5px rgba(16,185,129,.12)}.order-shipment-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.order-shipment-metrics article{display:grid;gap:.2rem;padding:.9rem 1rem;border:1px solid var(--commerce-line);border-radius:12px;background:#fff}.order-shipment-metrics small{font-size:.53rem;font-weight:900;letter-spacing:.08em}.order-shipment-metrics strong{font-size:.72rem}.order-shipment-metrics span{color:var(--commerce-muted);font-size:.59rem}.order-detail-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:1rem}.order-detail-main,.order-detail-side{display:grid;align-content:start;gap:1rem}.shipment-action-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.shipment-action-buttons form{margin:0}.warning-button{color:#92400e;background:#fef3c7}.danger-button{color:#b91c1c;background:#fee2e2}.commerce-timeline{margin:0;padding:0;list-style:none}.commerce-timeline li{display:grid;grid-template-columns:12px 1fr;gap:.6rem;padding-bottom:1rem}.commerce-timeline li>i{position:relative;width:10px;height:10px;margin-top:3px;border:2px solid #fff;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #a7f3d0}.commerce-timeline li:not(:last-child)>i::after{position:absolute;top:10px;left:2px;width:2px;height:calc(100% + 1rem);background:#d1fae5;content:""}.commerce-timeline li[data-status="DeliveryFailed"]>i,.commerce-timeline li[data-status="ReturnInitiated"]>i{background:#f59e0b;box-shadow:0 0 0 2px #fde68a}.commerce-timeline li[data-status="Damaged"]>i,.commerce-timeline li[data-status="Lost"]>i{background:#ef4444;box-shadow:0 0 0 2px #fecaca}.commerce-timeline li div{display:grid}.commerce-timeline strong{font-size:.7rem}.commerce-timeline span{margin:.15rem 0;color:#40534d;font-size:.67rem}.commerce-timeline small{font-size:.59rem}.commerce-timeline small b{color:#047857}.order-info-card dl{display:grid;grid-template-columns:minmax(90px,.4fr) minmax(0,1fr);gap:.55rem;margin:0}.order-info-card dt{color:var(--commerce-muted);font-size:.62rem}.order-info-card dd{margin:0;font-size:.66rem;font-weight:700;text-align:right;overflow-wrap:anywhere}.branch-card{display:grid;gap:.7rem}.branch-card>div{display:grid}.branch-card small{font-size:.53rem;font-weight:900;letter-spacing:.08em}.branch-card strong{font-size:.7rem}.branch-card i{color:#10b981;font-style:normal}
.label-popup{width:min(920px,calc(100vw - 28px));height:min(760px,calc(100vh - 28px));padding:0;border:0;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.35);overflow:hidden}
.label-popup::backdrop{background:rgba(15,23,42,.72);backdrop-filter:blur(4px)}
.label-popup-header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;border-bottom:1px solid #e5e7eb;background:#f8fcfa}
.label-popup-header h2{margin:.1rem 0 0;font-size:1.15rem}
.label-popup-kicker{display:block;color:#047857;font-size:.68rem;font-weight:900;letter-spacing:.14em}
.label-popup-close{width:40px;height:40px;border:1px solid #d9dee7;border-radius:12px;background:#f8fafc;color:#334155;font-size:1.7rem;line-height:1;cursor:pointer}
.label-popup-close:hover{background:#e2e8f0;color:#0f172a}
.label-popup iframe{display:block;width:100%;height:calc(100% - 72px);border:0;background:white}
@media(max-width:800px){.label-popup{width:calc(100vw - 16px);height:calc(100vh - 16px);border-radius:15px}}
@media(max-width:1050px){.commerce-hero{grid-template-columns:1fr}.integration-health-card{display:none}.commerce-metrics{grid-template-columns:repeat(2,1fr)}.order-create-layout,.order-detail-layout{grid-template-columns:1fr}.order-flow-card{position:static}.order-shipment-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.commerce-header{position:static}.commerce-header-inner{width:min(100% - 24px,720px);min-height:auto;flex-wrap:wrap;padding:.7rem 0}.commerce-nav{order:3;width:100%;overflow-x:auto}.commerce-nav a{min-height:38px;white-space:nowrap}.connection-pill{margin-left:auto}.commerce-main,.commerce-footer{width:min(100% - 24px,720px)}.commerce-hero{padding:1.7rem 1.2rem;border-radius:18px}.commerce-hero h1{font-size:2.6rem}.commerce-metrics{grid-template-columns:1fr}.commerce-page-heading,.order-detail-heading{align-items:flex-start;flex-direction:column}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.shipment-start-card{grid-template-columns:auto 1fr}.shipment-start-card form{grid-column:1/-1}.commerce-shipment-progress{grid-template-columns:repeat(3,1fr);row-gap:1rem}.commerce-shipment-progress>div:nth-child(3)::after{display:none}.order-shipment-metrics{grid-template-columns:1fr}.commerce-footer{align-items:flex-start;flex-direction:column;padding:1rem 0}.commerce-footer>div:last-child{flex-wrap:wrap}}

.flash{display:flex;align-items:center;gap:.65rem;margin:0 0 1rem;padding:.8rem 1rem;border:1px solid;border-radius:11px;font-size:.72rem;font-weight:750;box-shadow:0 4px 14px rgba(15,42,36,.04)}
.flash>span{width:24px;height:24px;display:grid;flex:0 0 auto;place-items:center;color:#fff;border-radius:50%;font-weight:900}
.flash.success{color:#047857;border-color:#a7f3d0;background:#ecfdf5}.flash.success>span{background:#10b981}
.flash.error{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.flash.error>span{background:#ef4444}