/* Native adaptations of the supplied Beautiful UI / beUI component patterns.
   Restrained Rare UI style feedback and Transitions.dev style reduced-motion transitions. */
:root{--hub-ink:#21252b;--hub-muted:#7a7d82;--hub-green:#3f4652;--hub-surface:#fff;--hub-bg:#f3f4f6;--hub-line:#dfe2e6;--primary:#3f4652;--accent:#3f4652;--text:#21252b}
*{box-sizing:border-box}body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--hub-bg);color:var(--hub-ink);font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}button,a{touch-action:manipulation}a{color:var(--hub-green)}
.sidebar{background:#ebecef;border-right:1px solid #d9dce1;width:234px;padding:26px 18px}.brand{letter-spacing:-.8px;font-weight:700}.brand small{letter-spacing:2px;font-size:9px;margin-top:5px}.brand-mark{background:#3c434f;border-radius:12px;color:white}.sidebar .workspace{background:#f7f7f8;border:1px solid #d9dce1;border-radius:9px;margin:28px 0 26px}.local-chip{color:#474f5d;background:#e3e6ea;font-size:9px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#6a707a;margin:10px 10px 13px}.sidebar nav a{border-radius:8px;margin:4px 0;padding:12px;color:#626872;font-size:13px;transition:background .15s,color .15s,transform .15s}.sidebar nav a:hover{background:#dfe2e7;transform:translateX(2px)}.sidebar nav a.active{background:#dadde3;color:#343943;font-weight:650;box-shadow:inset 3px 0 #5f6a7c}.sidebar-bottom{border-top:1px solid #d6dae0}.ai-orb{background:#dadde3;color:#464e5b}.shell{margin-left:234px}.shell>header{height:78px;padding:0 34px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--hub-line);gap:18px;position:sticky;top:0;z-index:15}.breadcrumb{font-size:12px}.header-right{gap:12px}.header-right .avatar{background:#e2e4e8;color:#49515f}.mode-switch{display:flex;gap:4px;padding:4px;background:#eeeff2;border:1px solid #dddfe4;border-radius:10px}.mode-switch a{font-size:12px;font-weight:600;white-space:nowrap;color:#747981;text-decoration:none;padding:9px 13px;border-radius:7px;transition:background .2s,box-shadow .2s}.mode-switch a.active{background:white;color:#31363f;box-shadow:0 1px 4px #262a3215}.nav-soon{margin-left:auto;font-size:9px;background:#dddfe4;border-radius:5px;padding:3px 5px}.account-label{color:#787c82;font-size:12px}.shell main{max-width:1640px;padding:35px 34px 20px}.page-heading{margin-bottom:27px}.page-heading h1{font-size:31px;letter-spacing:-1px;font-weight:600;line-height:1.3;margin:7px 0}.page-heading .eyebrow{letter-spacing:1.9px;font-size:9px;color:#6a7280}.page-heading p{font-size:13px;color:#7a7e86}.button{border-radius:8px;font-size:12px;font-weight:600;padding:10px 15px;transition:background .15s,transform .15s;white-space:nowrap}.button.primary{background:#3e4551;border:1px solid #3e4551;color:white;box-shadow:0 2px 2px #24282f12}.button.primary:hover{background:#30353e;transform:translateY(-1px)}.button.secondary{background:#fff;border:1px solid #dcdfe4;color:#49505b;box-shadow:0 1px 2px #24282f08}.card{border:1px solid var(--hub-line);box-shadow:0 2px 6px #25292f03;border-radius:12px;padding:23px;background:#fff;margin-bottom:20px}.card h2{font-size:17px;font-weight:600;letter-spacing:-.4px}.card p{line-height:1.6;color:#717680}.toolbar{border-radius:9px;background:#fff;border:1px solid var(--hub-line);padding:12px;margin-bottom:18px}.toolbar input,.toolbar select{font-size:12px}.section-tabs{border-bottom:1px solid var(--hub-line);gap:22px}.section-tabs a{font-size:12px}.section-tabs a[aria-current=page]{color:#3e4551;border-color:#3e4551}.data-table th{font-size:10px;color:#808690;background:#f7f8f9;letter-spacing:.5px;font-weight:500;text-transform:uppercase;border-bottom:1px solid var(--hub-line);padding:12px}.data-table td{padding:15px 12px;font-size:12px;border-bottom:1px solid #eaecef;vertical-align:top}.data-table tr:hover td{background:#fafbfc}.badge{font-size:10px;padding:5px 8px;border-radius:6px;background:#eeeff2;white-space:normal}.badge.completed,.badge.connected,.badge.fresh{color:#4a525f;background:#ebedf0}.badge.waiting,.badge.pending{color:#977336;background:#fbf3dc}.badge.error,.badge.failed,.badge.needs_review{color:#a95643;background:#faece5}.field input,.field select,.field textarea{border:1px solid #d8dbe1;border-radius:7px;background:white;padding:9px 10px;min-width:0;width:100%}.field{font-size:11px;font-weight:500;gap:7px}.form-grid{gap:15px}.details{border-color:var(--hub-line);border-radius:8px}.details pre,pre{padding:18px;background:#f3f4f6;border:1px solid #dddfe4;border-radius:8px;overflow:auto;max-height:460px;font:12px/1.7 Consolas,monospace;color:#4a5260}.notice.quiet{background:#f8f4e9;border:1px solid #ede4cd;color:#867244;padding:12px 16px;border-radius:8px;font-size:12px}.inline-note{font-size:12px;color:#7f8590;line-height:1.65}.store-context{display:flex;justify-content:space-between;color:#7f8691;font-size:11px;margin:16px 0}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#727e92;margin-right:6px}.carrier-tabs{display:flex;gap:9px;margin:23px 0 15px}.carrier-tabs button{display:flex;gap:15px;align-items:center;background:#fff;border:1px solid #dddfe4;padding:12px 18px;border-radius:8px;color:#656c78;font-size:12px}.carrier-tabs button.active{border-color:#687386;background:#ebecef;color:#3d444f}.carrier-tabs span{font-size:10px;opacity:.6}.store-filters{display:grid;grid-template-columns:1.3fr 1.4fr 1fr 1fr;align-items:end;gap:13px;padding:18px;background:white;border:1px solid var(--hub-line);border-radius:10px;margin-bottom:16px}.store-filters .check-field{font-size:11px;align-self:center}.selection-bar{display:flex;align-items:center;gap:8px;position:sticky;top:78px;z-index:12;background:#f3f4f6ed;backdrop-filter:blur(10px);padding:12px 0;flex-wrap:wrap}.selection-bar>span{margin-right:auto;color:#737a86;font-size:12px}.selection-bar .button{padding:9px 11px;font-size:11px}.order-card{padding:0;overflow:hidden}.order-table .data-table{min-width:900px;width:100%;border-collapse:collapse}.order-table small{display:block;font-size:10px;line-height:1.5;color:#898f99;margin-top:5px;max-width:170px}.order-table input[type=checkbox]{width:15px;height:15px;accent-color:#555f6f}.order-number{background:none;border:0;color:#444b58;font-size:12px;font-weight:650;padding:0;text-align:left}.order-products{min-width:185px;max-width:260px}.order-products>div+div{margin-top:10px}.order-products small{max-width:none}.carrier{display:inline-block;font-size:10px;font-weight:750;padding:5px 8px;border-radius:5px;white-space:nowrap}.carrier.inpost{background:#fff4c1;color:#69581e}.carrier.dpd{background:#f9e7e6;color:#9c3433}.carrier.other{background:#ebedf0;color:#777e89}.group-row td{background:#eeeff2!important;font-size:10px!important;color:#727d91;padding:9px 12px!important}.group-row span+span{margin-left:9px}.amount{white-space:nowrap;font-variant-numeric:tabular-nums}.order-table .paid,.shipping-delivered{color:#5c6678}.shipping-shipped{color:#6881a8}.packed-row{opacity:.55;background:#f0f1f3}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#7c8491;font-size:11px}.pagination>span{margin-right:auto}.hero-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px;background:#e7e9ec;border:1px solid #d3d7dd;border-radius:12px;margin-bottom:23px}.hero-note h2{font-weight:550;font-size:23px;letter-spacing:-.6px}.hero-note p{max-width:680px;line-height:1.7;color:#6a7484}.hero-note .eyebrow{letter-spacing:2px;font-size:9px;color:#677285}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.group-card{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.group-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #3237400b}.group-card progress{display:block;width:100%;height:6px;accent-color:#6f7b90;margin:24px 0 15px}.group-card small{color:#8b919b}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hub-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.hub-stat{background:white;border:1px solid var(--hub-line);border-radius:11px;min-height:140px;padding:22px;display:flex;flex-direction:column}.hub-stat>span{color:#7b8390;font-size:12px}.hub-stat strong{font-size:29px;font-weight:550;letter-spacing:-1px;margin:13px 0;font-variant-numeric:tabular-nums}.hub-stat small{color:#8f95a0;font-size:10px;line-height:1.5}.hub-stat.accent{background:#404753;color:white;border-color:#404753}.hub-stat.accent>span,.hub-stat.accent small{color:#bfc5ce}.secondary-stats .hub-stat{min-height:110px;padding:18px}.secondary-stats strong{font-size:21px}.statistics-controls{display:flex;gap:10px;align-items:center;justify-content:flex-end;font-size:12px;color:#737b8a}.statistics-controls label{margin-right:auto}.statistics-controls select{padding:8px;border:1px solid var(--hub-line);border-radius:6px;margin-left:10px}.revenue-chart svg{width:100%;height:180px}.chart-labels{display:flex;justify-content:space-between;font-size:10px;color:#8b93a0}.plan-list{padding-left:20px;color:#6b7483;line-height:1.7}.plan-list li{margin:18px 0}.plan-list p{font-size:12px}.detail-tags{display:flex;gap:8px;margin:20px 0}.back-link{display:block;margin-bottom:20px;text-decoration:none}.pack-check{font-size:10px;display:flex;gap:7px;align-items:center}.count{font-size:12px;padding:4px 8px;background:#eaecef;border-radius:6px;color:#687387}dialog{border:1px solid #d7dbe1;border-radius:15px;box-shadow:0 30px 100px #21242a29;max-width:min(1000px,94vw);width:900px;background:white;color:var(--hub-ink);padding:30px}dialog::backdrop{background:#17191d55;backdrop-filter:blur(3px)}dialog[open],#content>.card,#content>.hub-stats{animation:hub-enter .22s ease-out}dialog h2{font-size:25px;letter-spacing:-.6px}dialog .check-field{margin:18px 0;font-size:12px}.dialog-close{border-radius:7px}.metric-card,.workspace-card{border-radius:12px!important}.metric-value{letter-spacing:-1px}#content{min-height:400px}footer{font-size:10px;color:#8c929b;border-color:#dddfe4}.error-box{background:#fbefea;border:1px solid #efd6ca;border-radius:9px;padding:20px;color:#a46047}#toast{background:#343943;color:#fff;border-radius:9px;box-shadow:0 8px 25px #1c1f2530}
.login-page{min-height:100vh;display:grid;place-items:center;margin:0;background:radial-gradient(ellipse at 15% 0%,#d7dae0 0,transparent 50%),#f0f1f3}.login-card{width:min(430px,calc(100% - 32px));background:#fff;border:1px solid #dadde3;border-radius:20px;padding:44px;box-shadow:0 20px 80px #31363f10}.login-symbol{background:#404753;color:#fff;font-size:31px;font-weight:600;width:57px;height:57px;border-radius:14px;display:grid;place-items:center;margin-bottom:30px}.login-card .eyebrow{font-size:9px;letter-spacing:2px;color:#778090}.login-card h1{font-size:27px;letter-spacing:-1px;font-weight:550;margin:14px 0}.login-intro{color:#788191;font-size:13px;line-height:1.8;margin-bottom:27px}.login-card label{display:block;font-size:11px;color:#616b7b;margin:18px 0}.login-card input{display:block;width:100%;margin-top:9px;border:1px solid #d7dae0;border-radius:8px;padding:12px;background:#fafafb}.login-card button{display:flex;justify-content:space-between;width:100%;background:#404753;border:0;color:white;border-radius:8px;padding:13px 16px;font-size:12px;margin-top:22px}.login-foot{font-size:10px;text-align:center;color:#969da9;margin-top:28px}.login-card #login-error{color:#b55c45;font-size:12px}
@keyframes hub-enter{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.store-filters{grid-template-columns:1.3fr 1.5fr repeat(3,1fr)}.shell main{padding:40px 42px}.order-table .data-table td{padding:18px 16px}}
@media(max-width:1100px){.breadcrumb{display:none}.shell>header{padding:0 20px}.shell main{padding:25px 20px}.sidebar{width:200px;padding:22px 13px}.shell{margin-left:200px}.hub-stats{grid-template-columns:repeat(2,1fr)}.store-filters{grid-template-columns:repeat(3,1fr)}.group-grid{grid-template-columns:repeat(2,1fr)}.account-label{display:none}}
@media(max-width:800px){.sidebar{position:relative;width:100%;height:auto;padding:15px;display:block}.sidebar .brand{margin:0}.sidebar .workspace,.sidebar-bottom,.nav-caption{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px;padding-top:10px}.sidebar nav a{white-space:nowrap;padding:9px;font-size:11px;flex-shrink:0}.sidebar nav svg{display:none}.shell{margin:0}.shell>header{position:sticky;top:0;height:63px;padding:0 12px;gap:5px}.mode-switch{gap:1px;padding:3px}.mode-switch a{font-size:10px;padding:9px}.header-right{gap:4px}.header-right .avatar{display:none}.shell main{padding:20px 13px}.page-heading{gap:10px;align-items:flex-start}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:8px}.heading-actions .button{font-size:10px;padding:9px}.toolbar{gap:8px;flex-wrap:wrap}.timezone{display:none}.store-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:12px}.carrier-tabs{gap:5px}.carrier-tabs button{padding:11px;font-size:11px}.carrier-tabs span{display:none}.selection-bar{top:63px;gap:6px}.selection-bar>span{width:100%}.selection-bar .button{font-size:10px;padding:8px}.two-columns,.group-grid{grid-template-columns:1fr}.hero-note{flex-direction:column;align-items:flex-start;padding:20px}.hub-stats{gap:9px}.hub-stat{padding:15px;min-height:120px}.hub-stat strong{font-size:22px}.hub-stat small{font-size:9px}.statistics-controls{flex-wrap:wrap;justify-content:flex-start}.statistics-controls label{width:100%}.store-context{font-size:9px}.card{padding:16px}.order-card{padding:0}dialog{padding:20px;max-height:90dvh}.section-tabs{overflow:auto}.pagination{flex-wrap:wrap}.login-card{padding:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.mode-switch{flex-direction:row;align-items:center}.mode-switch a{display:block;margin:0}.mode-switch a.active::before{display:none}body[data-mode="store"] #device-filter,body[data-mode="store"] #compare-filter{display:none}

.product-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}.product-gallery img{width:100%;border-radius:10px;border:1px solid #dddfe4;object-fit:contain}.product-gallery img:first-child{grid-column:1/-1;max-height:400px}

/* Document control desk uses the same palette in both themes. */
.doc-topline,.doc-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.doc-topline{justify-content:space-between;margin-bottom:22px}.doc-mode{padding:8px 12px;border:1px solid var(--line);border-radius:7px;color:var(--warn);font-size:12px}.doc-mode.active{color:var(--good)}.doc-stats{margin-bottom:25px}.doc-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow-x:auto}.doc-tabs a{padding:13px 15px;white-space:nowrap;color:var(--subtle);text-decoration:none;border-bottom:2px solid transparent}.doc-tabs a.active{color:var(--accent);border-color:var(--accent)}.doc-coverage{background:var(--raised);border:1px solid var(--line);border-radius:8px;padding:14px 16px;line-height:1.7;font-size:12px;color:var(--subtle);margin-bottom:20px}.doc-coverage b{color:var(--text)}.doc-coverage p{margin:7px 0 0}.doc-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:20px 0 24px}.doc-filters>.field:first-child{flex:2;min-width:230px}.doc-filters>.field{flex:1;min-width:140px}.doc-filters>.button-island{margin-bottom:1px}.doc-warning,.data-table td small.doc-warning{color:var(--warn)!important}.doc-register.card{padding:0;overflow:auto}.doc-register .data-table{min-width:940px}.doc-register .data-table td{vertical-align:top;min-width:120px}.doc-register .data-table td .doc-actions{flex-direction:column;align-items:flex-start;gap:8px}.doc-register .data-table td .doc-actions .button{white-space:nowrap}.doc-package{padding:0 0 10px}.doc-package code{font-size:12px;overflow-wrap:anywhere}.doc-history{margin-top:25px}.doc-empty{padding:40px 25px;text-align:center}.doc-register .paid{color:var(--good)!important}#document-connect,#document-settings{margin:20px 0}#modal-content textarea{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:12px;width:100%}
@media(max-width:800px){.doc-topline{align-items:flex-start;gap:15px}.doc-topline>.doc-actions{gap:7px}.doc-tabs a{padding:11px;font-size:12px}.doc-filters{gap:10px}.doc-filters>.field:first-child{flex-basis:100%;min-width:0}.doc-filters>.field{min-width:120px}.doc-stats .hub-stat{min-height:130px}.document-toolbar{flex-wrap:wrap;gap:15px}.doc-register .data-table{min-width:870px}}

#content .doc-stats{gap:14px;border:0;margin:22px 0}#content .doc-stats .hub-stat{background:var(--surface)!important;color:var(--text);padding:20px!important;border:1px solid var(--line)!important;border-radius:9px;min-height:140px}#content .doc-stats .hub-stat>span,#content .doc-stats .hub-stat small{color:var(--subtle)}#content .doc-tabs{flex-direction:row;max-width:100%;margin-top:0}#content .doc-tabs a{background:transparent;margin:0;border-radius:0}#content .doc-tabs a.active{background:var(--raised);border-radius:6px 6px 0 0;color:var(--accent)}.doc-register{max-width:100%;min-width:0}.doc-register .table-wrap{max-width:100%}.document-toolbar h2{color:var(--text)}
@media(max-width:800px){.sidebar #navigation{min-width:0;max-width:100%;width:100%}.sidebar>.brand{min-width:0;max-width:100%}}
.doc-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px;margin:20px 0}.doc-check-card{display:flex;align-items:center;gap:12px;text-align:left;background:var(--surface);color:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:15px;cursor:pointer}.doc-check-card b{font-size:24px;color:var(--text);font-variant-numeric:tabular-nums}.doc-check-card.active{border-color:var(--accent);background:var(--raised)}.doc-check-card span{font-size:12px;line-height:1.5}.doc-bulk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 0}.doc-bulk b{font-size:12px;min-width:120px}.doc-select-cell{min-width:30px!important;width:30px}.doc-issued{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.doc-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.doc-settings-grid>.card{margin:0;min-width:0}.doc-check-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:20px 0}.doc-external{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line)}.doc-external b{flex:1}.doc-external span{font-size:12px}.doc-order-panel{margin:26px 0;padding:20px;border:1px solid var(--line);border-radius:8px}.doc-order-panel .doc-actions{margin-top:15px}.doc-order-panel small{display:block}.doc-history form>.button{margin-top:18px}#v2-rule fieldset{border:1px solid var(--line);border-radius:8px;margin:18px 0;color:var(--subtle)}#v2-rule .check-field,#v2-external .check-field{margin:15px 0}#content .doc-stats .hub-stat{min-height:112px!important}#content .doc-coverage{padding:10px 14px}.doc-register input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}@media(max-width:850px){.doc-settings-grid{grid-template-columns:1fr}.doc-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-bulk{gap:8px}.doc-order-panel{padding:12px}}

.doc-settings-page{max-width:1180px}.doc-settings-section{margin:20px 0}.doc-settings-section>h2{margin-top:0}.doc-settings-section h3{font-size:15px;margin:0}.doc-health-line{display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap}.doc-health-line small{margin:0}.doc-coverage small{display:block;margin-top:6px}.doc-coverage p{margin:8px 0}.doc-provider-form{padding:20px;border:1px solid var(--line);border-radius:9px;min-width:0}.doc-provider-form fieldset{border:0;margin:0;padding:0;min-width:0}.doc-provider-form .field{margin:18px 0}.doc-option{padding:12px 0}.doc-option .check-field{font-weight:600;line-height:1.5;align-items:flex-start}.doc-option small{display:block;color:var(--subtle);line-height:1.6;padding-left:25px;margin-top:5px}.doc-settings-section form>.button,.doc-provider-form fieldset>.button{margin-top:15px}.doc-settings-section form>.check-field{margin:15px 0}.doc-settings-section .inline-note{font-size:12px;line-height:1.7;margin-top:18px}.doc-settings-section details{margin:20px 0}.doc-settings-section details>summary{cursor:pointer;font-weight:600}.doc-review-options{gap:4px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}#v2-read-settings{max-width:460px}#v2-read-settings>small{display:block;color:var(--subtle);line-height:1.6}.doc-provider-form .badge{margin-left:auto}#v2-external-save>.check-field{margin:20px 0}.doc-settings-section input[type=checkbox]{accent-color:var(--accent);flex-shrink:0}.doc-settings-page .table-wrap{overflow:auto}@media(max-width:700px){.doc-review-options{grid-template-columns:1fr}.doc-provider-form{padding:14px}.doc-settings-section{padding:18px}.doc-settings-section .button{white-space:normal}.doc-settings-section .form-grid{grid-template-columns:1fr}}

.shipment-panel{margin-block:24px}.shipment-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.shipment-heading h3{margin:0}.shipment-card{border:1px solid var(--border,#ddd);border-radius:12px;padding:18px;margin-block:12px}.shipment-card h4{margin:0 0 5px}.shipment-card .parcel-row{margin:0;padding:0;border:0}.shipment-timeline{list-style:none;margin:20px 0 0 5px;padding:0}.shipment-timeline li{position:relative;display:grid;grid-template-columns:145px 1fr;gap:18px;padding:0 0 20px 20px;border-left:2px solid var(--border,#ddd)}.shipment-timeline li:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--muted,#999);left:-6px;top:5px}.shipment-timeline li:first-child:before{background:var(--accent,#5263db)}.shipment-timeline li:last-child{padding-bottom:0;border-left-color:transparent}.shipment-timeline time{font-size:12px;color:var(--muted,#777)}.shipment-timeline small{display:block;margin-top:5px}@media(max-width:640px){.shipment-heading,.shipment-card .parcel-row{align-items:flex-start;flex-direction:column}.shipment-timeline li{grid-template-columns:1fr;gap:4px}.shipment-card{padding:12px}}

.ga4-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0}.ga4-metrics .card h2{font-size:2rem}@media(max-width:1000px){.ga4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ga4-metrics{grid-template-columns:1fr}}