.app-dashboard.app-signed-in { background: radial-gradient(ellipse at 0% 20%,rgba(0,155,160,.09),transparent 55%),radial-gradient(ellipse at 100% 70%,rgba(145,39,122,.12),transparent 65%),#080a10; color:#f4f4fa; padding-bottom:calc(104px + env(safe-area-inset-bottom)); }
.app-dashboard.app-signed-in .site-header,.app-dashboard.app-signed-in .site-footer,.app-dashboard .pwa-bottom-nav { display:none!important; }
.app-dashboard.app-signed-in #my-profile { width:100%; max-width:700px; padding: max(18px,env(safe-area-inset-top)) 16px 20px; margin:auto; }
.app-dashboard.app-signed-in #my-profile > .section-heading { display:none; }
.app-dashboard.app-signed-in:not([data-app-view="profile"]):not([data-app-view="notifications"]) #customer-dashboard { display:none!important; }
.app-dashboard.app-signed-in:not([data-app-view="profile"]) .account-topbar { display:none!important; }
.app-dashboard.app-signed-in:not([data-app-view="profile"]) #account-message { display:none!important; }
.app-dashboard.app-signed-in .account-tabs { display:none!important; }
.app-dashboard.app-signed-in #my-profile .account-card { background:#12151d; border:1px solid #272a34; border-radius:22px; box-shadow:none; }
.app-dashboard #app-dashboard[hidden] { display:none; }
.app-dashboard.app-signed-in::before,.app-dashboard.app-signed-in::after { display:none!important; }
.app-dashboard.app-signed-in .watermarks,.app-dashboard #admin-user-preview-banner { display:none!important; }
.app-dashboard .sng-app-header { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:26px; }
.app-dashboard .sng-app-brand { display:flex; align-items:center; gap:10px; min-width:0; }
.app-dashboard .sng-app-brand img { width:44px; height:44px; object-fit:contain; }
.app-dashboard .sng-app-brand strong { display:block; font-size:clamp(12px,3.2vw,18px); letter-spacing:-.4px; line-height:1.4; }
.app-dashboard .sng-app-brand span { color:#8c8d9a; font-size:11px; font-weight:700; letter-spacing:1.6px; }
.app-dashboard .sng-app-header-actions { display:flex; flex-shrink:0; }
.app-dashboard .sng-app-header-actions button { position:relative; color:#e6e7ed; width:40px; height:44px; background:none; border:0; padding:8px; }
.app-dashboard svg { width:24px; height:24px; }
.app-dashboard #sng-app-unread { position:absolute; top:2px; right:0; min-width:17px; padding:2px; border-radius:20px; background:#da4467; color:white; font-size:10px; }
.app-dashboard [hidden] { display:none!important; }
.app-dashboard button { font:inherit; cursor:pointer; }
.app-dashboard button:focus-visible,.app-dashboard input:focus-visible,.app-dashboard summary:focus-visible { outline:2px solid #54d9fa; outline-offset:3px; }
.app-dashboard .sng-range { display:flex; gap:8px; align-items:center; margin-bottom:16px; }
.app-dashboard .sng-range button,.app-dashboard .sng-profile-menu button,.app-dashboard .sng-status-filters button { flex-shrink:0; background:#13151e; border:1px solid #272933; color:#aaaab5; border-radius:30px; padding:11px 17px; min-height:44px; font-size:12px; font-weight:750; }
.app-dashboard .sng-range [aria-pressed="true"] { background:#f4f4fa; color:#10121a; border-color:#f4f4fa; }
.app-dashboard .sng-range > span { margin-left:auto; color:#777e8c; font-size:11px; }
.app-dashboard .sng-hero { position:relative; overflow:hidden; padding:26px 24px 70px; margin-bottom:18px; background:linear-gradient(105deg,#8855f3 0%,#33bbe9 55%,#31d5a7 100%); border-radius:28px; color:white; min-height:195px; box-sizing:border-box; }
.app-dashboard .sng-hero::after { content:""; position:absolute; height:240px; width:240px; top:-75px; right:-90px; border-radius:50%; background:rgba(255,255,255,.13); }
.app-dashboard .sng-hero > div { position:relative; z-index:1; font-size:11px; letter-spacing:1.4px; font-weight:800; }
.app-dashboard .sng-hero > strong { display:block; position:relative; z-index:1; margin-top:18px; font-size:clamp(34px,9vw,56px); letter-spacing:-2px; line-height:1.15; }
.app-dashboard .sng-hero p { position:relative; z-index:1; color:rgba(255,255,255,.85); font-size:13px; line-height:1.5; margin-top:8px; }
.app-dashboard .sng-hero svg { position:absolute; bottom:15px; left:24px; width:calc(100% - 48px); height:35px; opacity:.55; }
.app-dashboard .sng-hero.orange { background:linear-gradient(110deg,#fa557d,#fb8743,#f3bc4e); }
.app-dashboard .sng-hero.pink { background:linear-gradient(105deg,#895af7,#c848bd,#ed68b0); }
.app-dashboard .sng-hero.violet { background:linear-gradient(110deg,#6256e5,#9d49df,#d357a6); }
.app-dashboard .sng-arrival { display:flex; width:100%; align-items:center; gap:12px; padding:17px; background:#11151b; color:#eeeef4; border:1px solid #252932; border-radius:18px; text-align:left; margin-bottom:18px; }
.app-dashboard .sng-arrival svg { color:#45c9db; flex-shrink:0; }
.app-dashboard .sng-arrival span { flex:1; }
.app-dashboard .sng-arrival strong { display:block; font-size:13px; }
.app-dashboard .sng-arrival small { display:block; color:#8e929f; font-size:11px; margin-top:4px; }
.app-dashboard .sng-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.app-dashboard .sng-metrics.three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.app-dashboard .sng-metric { background:#13151d; border:1px solid #292b35; border-radius:20px; padding:20px 17px; min-width:0; }
.app-dashboard .sng-metric span { display:block; color:#828590; font-weight:800; font-size:10px; letter-spacing:1px; margin-bottom:12px; }
.app-dashboard .sng-metric strong { display:block; font-size:23px; line-height:1.1; overflow-wrap:anywhere; }
.app-dashboard .sng-metric.green strong { color:#36d4a4; }.app-dashboard .sng-metric.cyan strong { color:#39c8ed; }
.app-dashboard .sng-section-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin:25px 2px 14px; }
.app-dashboard .sng-section-title h2 { color:#eeeff5; font-size:17px; font-weight:800; line-height:1.3; margin:0; text-transform:none; letter-spacing:0; }
.app-dashboard .sng-section-title > span,.app-dashboard .sng-section-title h2 span { font-size:11px; color:#898e99; font-weight:500; }
.app-dashboard .sng-section-title button { background:transparent; color:#46cce6; border:0; min-height:40px; font-size:12px; }
.app-dashboard .sng-product-row,.app-dashboard .sng-order-card { background:#12151d; border:1px solid #262933; border-radius:20px; margin-bottom:12px; min-width:0; overflow:hidden; }
.app-dashboard .sng-product-row,.app-dashboard .sng-order-card summary { display:flex; align-items:center; gap:12px; padding:16px; }
.app-dashboard .sng-order-card summary { list-style:none; cursor:pointer; min-height:74px; }
.app-dashboard .sng-order-card summary::-webkit-details-marker { display:none; }
.app-dashboard .sng-order-card summary::after { content:'⌄'; color:#8d91a0; font-size:18px; flex-shrink:0; }
.app-dashboard .sng-order-card[open] summary::after { transform:rotate(180deg); }
.app-dashboard .sng-product-image { display:flex; align-items:center; justify-content:center; width:49px; height:49px; flex-shrink:0; background:#1c202b; border:1px solid #2c303b; border-radius:14px; overflow:hidden; }
.app-dashboard .sng-product-image img { width:100%; height:100%; object-fit:contain; }.app-dashboard .sng-image-placeholder { font-size:30px; color:#737a8a; }
.app-dashboard .sng-row-main { flex:1; min-width:0; }
.app-dashboard .sng-row-main > strong { display:block; font-size:13px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:1.5; }
.app-dashboard .sng-row-main small { display:block; color:#898d9c; font-size:11px; line-height:1.6; }
.app-dashboard .sng-row-value { text-align:right; flex-shrink:0; max-width:100px; }
.app-dashboard .sng-row-value strong { font-size:14px; color:#eef0f6; }.app-dashboard .sng-row-value small { display:block; font-size:9px; letter-spacing:.3px; color:#868b99; margin-top:5px; }
.app-dashboard .sng-progress { height:4px; border-radius:5px; background:#272b36; margin-top:8px; overflow:hidden; }.app-dashboard .sng-progress span { display:block; height:100%; background:#36d4a4; }
.app-dashboard .sng-order-card.stage-ordered { border-left:3px solid #e9c644; }.app-dashboard .stage-ordered .sng-stage { color:#e9c644; }
.app-dashboard .sng-order-card.stage-shipped { border-left:3px solid #a477e8; }.app-dashboard .stage-shipped .sng-stage { color:#a477e8; }
.app-dashboard .sng-order-card.stage-in_transit { border-left:3px solid #46c7e6; }.app-dashboard .stage-in_transit .sng-stage { color:#46c7e6; }
.app-dashboard .sng-order-card.stage-out_for_delivery { border-left:3px solid #fb9b54; }.app-dashboard .stage-out_for_delivery .sng-stage { color:#fb9b54; }
.app-dashboard .sng-order-card.stage-delivered { border-left:3px solid #36d4a4; }.app-dashboard .stage-delivered .sng-stage { color:#36d4a4; }
.app-dashboard .sng-order-details { padding:0 18px 16px; color:#a9afbe; font-size:12px; overflow-wrap:anywhere; }.app-dashboard .sng-order-details p { font-size:12px; margin:9px 0; }.app-dashboard .sng-order-details a { color:#45c9e6; }
.app-dashboard .sng-shipping-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; margin:0 16px 8px; }
.app-dashboard .sng-shipping-steps span { color:#696f7d; padding-top:7px; border-top:3px solid #282c36; font-size:9px; text-align:center; }.app-dashboard .sng-shipping-steps .done { border-color:#36d4a4; color:#69d8bc; }
.app-dashboard .sng-delivery { margin:10px 16px 15px; border-radius:8px; padding:10px; background:rgba(93,79,198,.1); color:#b1a1ef; font-size:11px; }
.app-dashboard .sng-search { display:block; color:#868b9b; font-size:11px; margin:20px 0 14px; }.app-dashboard .sng-search input { display:block; margin-top:8px; width:100%; max-width:100%; box-sizing:border-box; background:#12151d; border:1px solid #282c37; color:#f2f3f8; border-radius:18px; padding:17px; font-size:16px; }
.app-dashboard .sng-status-filters { display:flex; gap:8px; overflow-x:auto; padding-bottom:10px; scrollbar-width:none; }.app-dashboard .sng-status-filters button { padding:10px 13px; font-size:11px; }.app-dashboard .sng-status-filters [aria-pressed="true"] { background:rgba(53,197,221,.12); border-color:#308797; color:#63daed; }.app-dashboard .sng-status-filters span { opacity:.6; margin-left:4px; }
.app-dashboard .sng-chart-card { padding:0 20px 18px; background:#13151d; border:1px solid #292c35; border-radius:22px; margin:20px 0; overflow:hidden; }.app-dashboard .sng-bar-chart { height:170px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); gap:4px; align-items:end; border-bottom:1px solid #333746; }.app-dashboard .sng-bar-column { display:flex; align-items:flex-end; height:100%; min-width:0; }.app-dashboard .sng-bar { width:100%; border-radius:5px 5px 0 0; background:linear-gradient(#b775f4,#654dc8); }.app-dashboard .sng-chart-axis { display:flex; justify-content:space-between; padding-top:12px; color:#9297a7; font-size:11px; }
.app-dashboard .sng-page-intro h1 { color:#f3f4fa; font-size:26px; margin:0 0 10px; }.app-dashboard .sng-page-intro p { color:#9196a5; font-size:13px; margin-bottom:20px; }
.app-dashboard .sng-profile-menu { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }.app-dashboard .sng-profile-menu button { border-radius:13px; padding:12px; }.app-dashboard .sng-profile-menu [aria-pressed="true"] { background:#282b38; color:white; }
.app-dashboard .sng-segment-label { text-align:center; padding:15px; background:#14161f; color:#cbcbd7; border:1px solid #2a2c38; border-radius:16px; margin-bottom:16px; font-size:11px; letter-spacing:1.2px; }
.app-dashboard .sng-app-nav { position:fixed; bottom:max(12px,env(safe-area-inset-bottom)); left:50%; transform:translateX(-50%); z-index:95; width:calc(100% - 26px); max-width:620px; box-sizing:border-box; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding:7px 6px; background:rgba(12,14,19,.97); border:1px solid #2a2d36; border-radius:38px; box-shadow:0 10px 36px #0008; backdrop-filter:blur(20px); }
.app-dashboard .sng-app-nav button { background:none; border:0; color:#797d89; border-radius:28px; display:flex; flex-direction:column; align-items:center; gap:5px; min-height:54px; padding:8px 2px; min-width:0; }
.app-dashboard .sng-app-nav button.active { color:#f7f7fc; background:#2e3038; }.app-dashboard .sng-app-nav svg { width:23px; height:23px; }.app-dashboard .sng-app-nav span { font-size:8px; font-weight:700; }
.app-dashboard .sng-demo-label { color:#af93dd; font-size:10px; margin-bottom:12px; letter-spacing:1px; }.app-dashboard .sng-empty,.app-dashboard .sng-error { padding:20px; color:#999fac; border:1px solid #292d37; border-radius:18px; font-size:13px; }.app-dashboard .sng-error { color:#fbb4c8; }
.app-dashboard.app-signed-in .setup-checklist-panel { position:static; width:calc(100% - 32px); max-width:668px; margin:0 auto 20px; box-sizing:border-box; }
.app-dashboard.app-signed-in:not([data-app-view="profile"]) .setup-checklist-panel { display:none!important; }
.app-dashboard .account-topbar-right { width:100%; }.app-dashboard .account-topbar { gap:20px; }.app-dashboard .member-lifetime-stats { width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media(max-width:380px) { .app-dashboard .sng-range > span { display:none; }.app-dashboard .sng-metric { padding:17px 12px; }.app-dashboard .sng-product-row,.app-dashboard .sng-order-card summary { gap:9px; padding:13px; }.app-dashboard .sng-row-value { max-width:80px; }.app-dashboard .sng-product-image { width:40px; height:40px; } }
/* App insights and display preferences. */
.app-dashboard .sng-app-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
.app-dashboard .sng-range { overflow-x:auto; max-width:100%; gap:6px; margin-bottom:5px; scrollbar-width:none; }
.app-dashboard .sng-range button { padding:10px 13px; }
.app-dashboard .sng-period-label { font-size:11px; color:#a7abba; margin:0 0 16px; }
.app-dashboard .sng-hero { background:linear-gradient(110deg,#7b35ff,#08baff,#06e8ae); }
.app-dashboard .sng-hero.orange { background:linear-gradient(110deg,#ff386d,#ff8c25,#ffce30); }
.app-dashboard .sng-hero.pink { background:linear-gradient(110deg,#8d39ff,#ee35bf,#ff61aa); }
.app-dashboard .sng-hero.insights { background:linear-gradient(105deg,#ffdf24,#ff8d68 35%,#fa4caf 65%,#cd49ff); }
.app-dashboard .sng-metric > span { color:#adb3c3; display:flex; align-items:center; gap:6px; letter-spacing:.5px; }
.app-dashboard .sng-metric > span svg { width:19px; height:19px; flex-shrink:0; }
.app-dashboard .sng-delta { display:block; color:#67e5b7; font-size:10px; line-height:1.5; margin-top:9px; }
.app-dashboard .sng-rank { color:#ba8cff; font-size:16px; min-width:12px; }
.app-dashboard .sng-breakdown { display:flex; align-items:center; gap:22px; margin:20px 0; }
.app-dashboard .sng-donut { width:140px; height:140px; border-radius:50%; flex-shrink:0; display:grid; place-items:center; }
.app-dashboard .sng-donut > div { width:108px; height:108px; border-radius:50%; background:#12151d; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.app-dashboard .sng-donut strong { font-size:25px; }.app-dashboard .sng-donut small { color:#9ba3b5; font-size:9px; margin-top:5px; }
.app-dashboard .sng-legend { flex:1; min-width:0; }.app-dashboard .sng-legend p { display:flex; gap:7px; align-items:center; font-size:11px; }
.app-dashboard .sng-legend i { width:7px; height:7px; border-radius:50%; flex-shrink:0; }.app-dashboard .sng-legend span { flex:1; overflow-wrap:anywhere; }
.app-dashboard .sng-breakdown-row { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; font-size:11px; padding:10px 0; }.app-dashboard .sng-breakdown-row .sng-progress { width:100%; }
.app-dashboard .sng-settings-list { display:grid; gap:12px; }.app-dashboard .sng-settings-list button { border:1px solid #343b50; background:#151a28; color:#f6f7ff; border-radius:18px; padding:20px; display:flex; align-items:center; gap:14px; text-align:left; }
.app-dashboard.app-signed-in:not([data-profile-tab="membership"]) .account-topbar { display:none!important; }
.app-dashboard[data-app-theme="day"].app-signed-in { background:radial-gradient(at top left,#dbf7ff,transparent 55%),#f4f5fc; color:#172038; }
.app-dashboard[data-app-theme="day"] .sng-metric,.app-dashboard[data-app-theme="day"] .sng-product-row,.app-dashboard[data-app-theme="day"] .sng-order-card,.app-dashboard[data-app-theme="day"] .sng-chart-card,.app-dashboard[data-app-theme="day"] .sng-settings-list button,.app-dashboard[data-app-theme="day"] .sng-donut > div,.app-dashboard[data-app-theme="day"] #my-profile .account-card { background:#fff; border-color:#dce2ee; color:#172038; }
.app-dashboard[data-app-theme="day"] .sng-app-nav { background:#fffefc; border-color:#dce2ee; box-shadow:0 10px 35px #66779c33; }
.app-dashboard[data-app-theme="day"] .sng-app-header-actions button,.app-dashboard[data-app-theme="day"] .sng-section-title h2,.app-dashboard[data-app-theme="day"] .sng-page-intro h1,.app-dashboard[data-app-theme="day"] .sng-product-row strong,.app-dashboard[data-app-theme="day"] .sng-order-card strong { color:#172038; }
.app-dashboard[data-app-theme="day"] .sng-range button,.app-dashboard[data-app-theme="day"] .sng-profile-menu button,.app-dashboard[data-app-theme="day"] .sng-status-filters button,.app-dashboard[data-app-theme="day"] .sng-search input { background:#fff; border-color:#dce2ee; color:#4c5871; }
.app-dashboard[data-app-theme="day"] .sng-range [aria-pressed="true"],.app-dashboard[data-app-theme="day"] .sng-app-nav button.active { background:#e9dfff; color:#5b2ac3; }
.app-dashboard[data-app-theme="day"] .sng-metric > span,.app-dashboard[data-app-theme="day"] .sng-row-main small,.app-dashboard[data-app-theme="day"] .sng-period-label,.app-dashboard[data-app-theme="day"] .sng-page-intro p { color:#58657c; }
.app-dashboard[data-app-theme="day"] .sng-delta { color:#087b53; }
.app-dashboard[data-app-theme="day"] #customer-dashboard { --text:#172038; --muted:#596680; color:#172038; }
.app-dashboard[data-app-theme="day"] #customer-dashboard h2,.app-dashboard[data-app-theme="day"] #customer-dashboard h3,.app-dashboard[data-app-theme="day"] #customer-dashboard label,.app-dashboard[data-app-theme="day"] #customer-dashboard .account-muted { color:#354260; }
@media(max-width:420px) { .app-dashboard .sng-app-brand img { width:32px; height:32px; }.app-dashboard .sng-app-brand { gap:6px; }.app-dashboard .sng-app-brand strong { font-size:11px; }.app-dashboard .sng-app-header-actions button { width:34px; padding:6px; }.app-dashboard .sng-metrics.three { gap:7px; }.app-dashboard .sng-metrics.three .sng-metric { padding:14px 9px; }.app-dashboard .sng-metric > span { font-size:8px; flex-wrap:wrap; }.app-dashboard .sng-breakdown { gap:12px; }.app-dashboard .sng-donut { width:110px; height:110px; }.app-dashboard .sng-donut > div { width:84px; height:84px; } }
.app-dashboard .sng-detail-product { display:flex; align-items:center; gap:12px; }.app-dashboard .sng-detail-product .sng-product-image { flex-shrink:0; width:40px; height:40px; }


/* Brighter app palette + persistent tab accents, especially in day mode. */
.app-dashboard .sng-app-nav button[data-app-view="home"] svg { color:#8b5cff; }
.app-dashboard .sng-app-nav button[data-app-view="tracking"] svg { color:#00c8ff; }
.app-dashboard .sng-app-nav button[data-app-view="products"] svg { color:#ff4db8; }
.app-dashboard .sng-app-nav button[data-app-view="profile"] svg { color:#24d6a3; }
.app-dashboard .sng-app-nav button[data-app-view="history"] svg { color:#ff9d2e; }
.app-dashboard .sng-app-nav button.active { box-shadow:inset 0 0 0 1px currentColor,0 0 18px color-mix(in srgb,currentColor 24%,transparent); }
.app-dashboard .sng-app-nav button.active span { color:inherit; }
.app-dashboard .sng-profile-menu button:nth-child(1) { border-color:#8b5cff; color:#c6a7ff; }
.app-dashboard .sng-profile-menu button:nth-child(2) { border-color:#00c8ff; color:#6bddff; }
.app-dashboard .sng-profile-menu button:nth-child(3) { border-color:#ff4db8; color:#ff8ed3; }
.app-dashboard .sng-profile-menu button:nth-child(4) { border-color:#24d6a3; color:#68e7c2; }
.app-dashboard .sng-profile-menu button[aria-pressed="true"] { box-shadow:0 0 18px currentColor; }

.app-dashboard .sng-metric { box-shadow:inset 0 0 0 1px rgba(255,255,255,.02); }
.app-dashboard .sng-metric:nth-child(4n+1) { border-color:#7e55ff; }
.app-dashboard .sng-metric:nth-child(4n+2) { border-color:#00bff3; }
.app-dashboard .sng-metric:nth-child(4n+3) { border-color:#19d99b; }
.app-dashboard .sng-metric:nth-child(4n+4) { border-color:#ff4daf; }
.app-dashboard .sng-rank { color:#d06cff; text-shadow:0 0 16px rgba(208,108,255,.5); }
.app-dashboard .sng-progress span { background:linear-gradient(90deg,#00d6ff,#1de3a7); }
.app-dashboard .sng-bar { background:linear-gradient(180deg,#ff4fd8,#9a48ff 45%,#36cfff); }
.app-dashboard .sng-section-title button,.app-dashboard .sng-order-details a { color:#35d8ff; }

.app-dashboard[data-app-theme="day"].app-signed-in {
  background:
    radial-gradient(circle at 12% 8%,rgba(80,214,255,.28),transparent 34%),
    radial-gradient(circle at 88% 12%,rgba(255,88,193,.20),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(122,83,255,.16),transparent 38%),
    #f7f9ff;
}
.app-dashboard[data-app-theme="day"] .sng-app-nav {
  background:rgba(255,255,255,.96);
  border-color:#cfd7ea;
  box-shadow:0 14px 38px rgba(64,74,120,.20);
}
.app-dashboard[data-app-theme="day"] .sng-app-nav button { color:#66708a; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button[data-app-view="home"] { color:#7547ff; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button[data-app-view="tracking"] { color:#009fd5; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button[data-app-view="products"] { color:#e92a9b; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button[data-app-view="profile"] { color:#07986f; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button[data-app-view="history"] { color:#d96d00; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button.active {
  background:color-mix(in srgb,currentColor 13%,white);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 38%,white),0 4px 18px color-mix(in srgb,currentColor 22%,transparent);
}
.app-dashboard[data-app-theme="day"] .sng-app-nav button span { color:currentColor; opacity:.88; }
.app-dashboard[data-app-theme="day"] .sng-app-nav button.active span { opacity:1; font-weight:850; }

.app-dashboard[data-app-theme="day"] .sng-metric {
  background:linear-gradient(145deg,#ffffff,#f8faff);
  box-shadow:0 8px 22px rgba(57,70,120,.08);
}
.app-dashboard[data-app-theme="day"] .sng-metric:nth-child(4n+1) { border-color:#8a5cff; }
.app-dashboard[data-app-theme="day"] .sng-metric:nth-child(4n+2) { border-color:#00b8ec; }
.app-dashboard[data-app-theme="day"] .sng-metric:nth-child(4n+3) { border-color:#11c88e; }
.app-dashboard[data-app-theme="day"] .sng-metric:nth-child(4n+4) { border-color:#ef3ca8; }
.app-dashboard[data-app-theme="day"] .sng-metric.green strong { color:#04986d; }
.app-dashboard[data-app-theme="day"] .sng-metric.cyan strong { color:#008fbd; }
.app-dashboard[data-app-theme="day"] .sng-rank { color:#8f38f3; }
.app-dashboard[data-app-theme="day"] .sng-section-title button,.app-dashboard[data-app-theme="day"] .sng-order-details a { color:#007fae; font-weight:800; }
.app-dashboard[data-app-theme="day"] .sng-status-filters [aria-pressed="true"] { background:#dff7ff; border-color:#00a6d8; color:#007ba1; }
.app-dashboard[data-app-theme="day"] .sng-range [aria-pressed="true"] { background:linear-gradient(135deg,#7a4cff,#b048ff); color:#fff; border-color:#7a4cff; box-shadow:0 5px 16px rgba(122,76,255,.25); }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(1) { border-color:#7b4dff; color:#6331d7; background:#f0eaff; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(2) { border-color:#00aee0; color:#007fa7; background:#e5f9ff; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(3) { border-color:#e93ca8; color:#be1f82; background:#fff0f8; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(4) { border-color:#0ab681; color:#087f5d; background:#e8fff7; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button[aria-pressed="true"] { color:#fff; box-shadow:0 5px 18px currentColor; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(1)[aria-pressed="true"] { background:#7b4dff; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(2)[aria-pressed="true"] { background:#00aee0; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(3)[aria-pressed="true"] { background:#e93ca8; }
.app-dashboard[data-app-theme="day"] .sng-profile-menu button:nth-child(4)[aria-pressed="true"] { background:#0ab681; }
.app-dashboard[data-app-theme="day"] .sng-chart-card,
.app-dashboard[data-app-theme="day"] .sng-product-row,
.app-dashboard[data-app-theme="day"] .sng-order-card,
.app-dashboard[data-app-theme="day"] .sng-settings-list button {
  box-shadow:0 8px 22px rgba(57,70,120,.07);
}
.app-dashboard[data-app-theme="day"] .sng-order-card.stage-ordered { border-left-color:#f0b400; }
.app-dashboard[data-app-theme="day"] .sng-order-card.stage-shipped { border-left-color:#8a4cff; }
.app-dashboard[data-app-theme="day"] .sng-order-card.stage-in_transit { border-left-color:#00aee0; }
.app-dashboard[data-app-theme="day"] .sng-order-card.stage-out_for_delivery { border-left-color:#ff7a1a; }
.app-dashboard[data-app-theme="day"] .sng-order-card.stage-delivered { border-left-color:#08b77d; }
.app-dashboard[data-app-theme="day"] .stage-ordered .sng-stage { color:#b27b00; font-weight:800; }
.app-dashboard[data-app-theme="day"] .stage-shipped .sng-stage { color:#6f32d8; font-weight:800; }
.app-dashboard[data-app-theme="day"] .stage-in_transit .sng-stage { color:#007fa7; font-weight:800; }
.app-dashboard[data-app-theme="day"] .stage-out_for_delivery .sng-stage { color:#c65000; font-weight:800; }
.app-dashboard[data-app-theme="day"] .stage-delivered .sng-stage { color:#087e59; font-weight:800; }

/* Shikari orange webhook: provisional review, never a confirmed purchase. */
.sng-order-card.stage-review_hold { border-color: rgba(255,174,61,.52); }
.sng-order-card.stage-review_hold .sng-stage { color: #ffad4e; font-weight: 900; }
.sng-order-card.stage-review_hold .sng-delivery { color: #ffd8a1; border-radius: 12px; padding: 12px; background: rgba(255,146,0,.12); }


/* Customer tracking sheet: native scrollable bottom sheet; account emails and
   managed/master mailbox fields are intentionally not rendered. */
.app-dashboard .sng-tracking-row {
  display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:94px;
  box-sizing:border-box;padding:14px 15px;margin:0 0 12px;border-radius:20px;
  border:1px solid #343041;border-left:3px solid #8b57ea;
  background:#15141e;color:#f3f2fa;text-align:left;cursor:pointer;
}
.app-dashboard .sng-tracking-row.stage-delivered {border-left-color:#29d8a0}
.app-dashboard .sng-tracking-row.stage-in_transit {border-left-color:#3dcdf3}
.app-dashboard .sng-tracking-row.stage-cancelled {border-left-color:#df5375}
.app-dashboard .sng-tracking-row .sng-row-main {flex:1;min-width:0}
.app-dashboard .sng-tracking-row .sng-row-main strong {
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;white-space:normal;font-size:12px;line-height:1.4
}
.app-dashboard .sng-tracking-row .sng-row-main small {line-height:1.45}
.app-dashboard .sng-tracking-row .sng-row-value {width:86px;max-width:86px;flex-shrink:0}
.app-dashboard .sng-tracking-row .sng-row-value strong {font-size:13px;white-space:nowrap}
.app-dashboard .sng-tracking-sheet {
  position:fixed;inset:auto 0 0;margin:0 auto;padding:0;
  width:min(700px,100vw);max-width:100vw;max-height:min(91dvh,1000px);
  box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;
  border:1px solid #3d3149;border-radius:29px 29px 0 0;
  background:linear-gradient(152deg,#28232f 0%,#17151f 36%,#11141b 100%);
  box-shadow:0 -14px 48px #0009;color:#f2f0fa;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin
}
.app-dashboard .sng-tracking-sheet::backdrop {background:rgba(2,3,9,.76)}
.app-dashboard .sng-sheet-handle {
  position:sticky;top:0;margin:13px auto 0;z-index:3;
  height:5px;width:58px;border-radius:99px;background:#53515b
}
.app-dashboard .sng-sheet-header {
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  position:sticky;top:0;z-index:2;padding:18px 22px 13px;
  background:linear-gradient(135deg,rgba(35,32,44,.98),rgba(21,20,28,.98));
  border-bottom:1px solid #292934
}
.app-dashboard .sng-sheet-header > div {min-width:0}
.app-dashboard .sng-sheet-header strong {display:block;font-size:20px;overflow-wrap:anywhere}
.app-dashboard .sng-sheet-header small {display:block;margin-top:4px;color:#a29dab;font-size:12px}
.app-dashboard .sng-sheet-close {
  width:39px;height:39px;border:0;border-radius:12px;background:#252530;
  color:#d1ccd7;font-size:28px;font-weight:300;cursor:pointer
}
.app-dashboard .sng-sheet-body {padding:14px 20px max(32px,env(safe-area-inset-bottom))}
.app-dashboard .sng-sheet-hero {
  padding:20px 17px;border-radius:24px;
  background:radial-gradient(circle at 85% 0%,#49325d 0%,#302245 38%,#211d34 100%);
  border:1px solid #584273
}
.app-dashboard .sng-sheet-hero-top {display:flex;align-items:center;gap:13px;min-width:0}
.app-dashboard .sng-sheet-hero-photo,.app-dashboard .sng-sheet-item-image {
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  flex-shrink:0;background:#1e202a;border:1px solid #343543;border-radius:17px
}
.app-dashboard .sng-sheet-hero-photo {width:77px;height:77px}
.app-dashboard .sng-sheet-hero-photo img,.app-dashboard .sng-sheet-item-image img {width:100%;height:100%;object-fit:contain}
.app-dashboard .sng-sheet-hero-main {flex:1;min-width:0}
.app-dashboard .sng-sheet-hero-main strong {
  font-size:14px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;
  -webkit-box-orient:vertical;overflow:hidden
}
.app-dashboard .sng-sheet-hero-main > span {
  display:block;width:max-content;max-width:100%;padding:6px 10px;
  border:1px solid #796984;border-radius:22px;color:#e1ddea;
  font-size:9px;letter-spacing:.8px;font-weight:800;margin:7px 0
}
.app-dashboard .sng-sheet-stage {display:block;color:#a56aff;font-size:12px}
.app-dashboard .sng-sheet-total {flex-shrink:0;max-width:95px;text-align:right;align-self:end}
.app-dashboard .sng-sheet-total strong {font-size:14px;overflow-wrap:anywhere}
.app-dashboard .sng-sheet-progress {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:16px}
.app-dashboard .sng-sheet-progress > span {height:6px;border-radius:9px;background:#514363}
.app-dashboard .sng-sheet-progress > span.complete {background:#a65aff}
.app-dashboard .sng-sheet-provisional {display:block;color:#d2bfe7;margin-top:10px;line-height:1.5;font-size:11px}
.app-dashboard .sng-sheet-section {
  margin-top:18px;padding:16px 15px;border-radius:22px;background:#14161d;
  border:1px solid #2b2d38
}
.app-dashboard .sng-sheet-section-heading {
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:0 2px 14px;color:#dcdbe4
}
.app-dashboard .sng-sheet-section-heading strong {font-size:13px}
.app-dashboard .sng-sheet-section-heading span {font-size:11px;color:#9993a7;text-align:right}
.app-dashboard .sng-sheet-item {
  display:flex;align-items:flex-start;gap:11px;padding:13px 0;border-top:1px solid #242831
}
.app-dashboard .sng-sheet-item-image {width:55px;height:55px;border-radius:14px}
.app-dashboard .sng-sheet-item > div {flex:1;min-width:0}
.app-dashboard .sng-sheet-item > div > strong {display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.app-dashboard .sng-sheet-item small {display:block;margin-top:4px;font-size:10px;color:#a4a2ac}
.app-dashboard .sng-sheet-item-stage {
  color:#ae82e8;white-space:nowrap;font-size:10px;border-radius:50px;
  background:#292039;padding:5px 7px;flex-shrink:0
}
.app-dashboard .sng-sheet-actions {display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.app-dashboard .sng-sheet-actions > button,.app-dashboard .sng-sheet-actions > a {
  display:flex;align-items:center;justify-content:center;flex:1 1 115px;min-height:44px;
  border:1px solid #33445a;background:#11151d;color:#4ccfff;border-radius:15px;
  font-size:12px;font-weight:800;padding:10px;text-decoration:none;text-align:center
}
.app-dashboard .sng-sheet-actions > button:disabled {opacity:.42;cursor:not-allowed}
.app-dashboard .sng-sheet-copy-feedback {min-height:14px;margin:7px 3px 0;color:#4ccfff;font-size:11px}
.app-dashboard .sng-sheet-details {overflow:hidden;border-radius:15px;border:1px solid #272c38}
.app-dashboard .sng-sheet-detail-row {
  display:grid;grid-template-columns:minmax(0,39%) minmax(0,1fr);
  gap:11px;align-items:start;padding:14px 12px;border-top:1px solid #262b35
}
.app-dashboard .sng-sheet-detail-row:first-child {border-top:none}
.app-dashboard .sng-sheet-detail-row span {color:#888c9b;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.app-dashboard .sng-sheet-detail-row strong {
  font-size:12px;line-height:1.5;font-weight:700;overflow-wrap:anywhere
}
.app-dashboard .sng-sheet-address {
  padding:14px 13px;border:1px solid #292d36;border-radius:16px;
  color:#d4d7df;font-size:12px;line-height:1.65;overflow-wrap:anywhere
}
.app-dashboard .sng-sheet-history {
  margin:16px 0;border:1px solid #292d38;background:#151820;
  border-radius:17px;padding:16px
}
.app-dashboard .sng-sheet-history > summary {cursor:pointer;color:#eeeaf2;font-size:13px;font-weight:700}
.app-dashboard .sng-sheet-history-content {margin-top:12px;color:#a8abb6;font-size:12px}
.app-dashboard .sng-sheet-history-entry {display:flex;justify-content:space-between;gap:10px}
.app-dashboard .sng-sheet-history-entry small {color:#9e9ea9;text-align:right}
@media(max-width:390px) {
 .app-dashboard .sng-sheet-body {padding-inline:11px}
 .app-dashboard .sng-sheet-header {padding-inline:15px}
 .app-dashboard .sng-sheet-hero {padding-inline:11px}
 .app-dashboard .sng-sheet-hero-photo {width:60px;height:60px}
 .app-dashboard .sng-sheet-item-stage {font-size:9px;padding:5px}
 .app-dashboard .sng-tracking-row {gap:8px;padding-inline:10px}
}