/* ===== FlowerDrop premium redesign 2026-10 - FOUNDATION =====
   Linked LAST on every page so it overrides styles.css.
   Tokens follow the OS theme (prefers-color-scheme) and can be forced with
   <html data-theme="light|dark">. Page-level dark colours only apply to a
   <body class="fd"> (pages opt in once their markup is restyled), so old,
   not yet restyled screens never end up half dark. */

:root{
  --fd-bg:#ffffff;--fd-fg:#14111f;--fd-mut:#6b6880;--fd-soft:#f7f6fb;--fd-soft2:#f1effa;
  --fd-line:#e9e6f2;--fd-card:#ffffff;--fd-p:#6d28d9;--fd-p2:#db2777;--fd-psoft:#f4effe;
  --fd-ok:#0f9d58;--fd-oksoft:#e7f6ee;--fd-warn:#b45309;--fd-warnsoft:#fdf3e3;
  --fd-info:#2563eb;--fd-infosoft:#eaf1fe;--fd-bad:#dc2626;--fd-badsoft:#fdecec;
  --fd-night:#0d0a1c;--fd-night2:#17122e;
  --fd-sh1:0 1px 2px rgb(20 17 31/.05),0 1px 3px rgb(20 17 31/.06);
  --fd-sh2:0 4px 8px -2px rgb(20 17 31/.06),0 12px 28px -8px rgb(20 17 31/.12);
  --fd-sh3:0 30px 60px -20px rgb(45 20 90/.35),0 18px 36px -18px rgb(20 17 31/.3);
  --fd-ring:0 0 0 4px rgb(109 40 217/.14);
  --fd-grad:linear-gradient(135deg,var(--fd-p),var(--fd-p2));
  --fd-head:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
  --fd-body:Inter,system-ui,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --fd-bg:#0e0c17;--fd-fg:#efedf7;--fd-mut:#a29fb6;--fd-soft:#14111f;--fd-soft2:#1a1628;
    --fd-line:#2a2540;--fd-card:#16131f;--fd-psoft:#251a40;--fd-ok:#4ade80;--fd-oksoft:#10291c;
    --fd-warn:#fbbf24;--fd-warnsoft:#2e230e;--fd-info:#7aa7ff;--fd-infosoft:#14203a;
    --fd-bad:#f87171;--fd-badsoft:#2f1414;
    --fd-sh1:0 1px 2px rgb(0 0 0/.4);--fd-sh2:0 12px 28px -8px rgb(0 0 0/.6);--fd-sh3:0 30px 60px -20px rgb(0 0 0/.8);
  }
}
:root[data-theme="dark"]{
  --fd-bg:#0e0c17;--fd-fg:#efedf7;--fd-mut:#a29fb6;--fd-soft:#14111f;--fd-soft2:#1a1628;
  --fd-line:#2a2540;--fd-card:#16131f;--fd-psoft:#251a40;--fd-ok:#4ade80;--fd-oksoft:#10291c;
  --fd-warn:#fbbf24;--fd-warnsoft:#2e230e;--fd-info:#7aa7ff;--fd-infosoft:#14203a;
  --fd-bad:#f87171;--fd-badsoft:#2f1414;
  --fd-sh1:0 1px 2px rgb(0 0 0/.4);--fd-sh2:0 12px 28px -8px rgb(0 0 0/.6);--fd-sh3:0 30px 60px -20px rgb(0 0 0/.8);
}

/* --- base --- */
.hidden{display:none!important}
[hidden]{display:none!important}
body.fd{margin:0;background:var(--fd-bg);color:var(--fd-fg);font:15px/1.6 var(--fd-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.fd{color-scheme:dark}}
:root[data-theme="dark"] body.fd{color-scheme:dark}
body.fd h1,body.fd h2,body.fd h3,body.fd h4,.fd-disp{font-family:var(--fd-head);letter-spacing:-.025em}
body.fd img,body.fd video{max-width:100%}

/* --- icons: <svg class="i" aria-hidden="true"><use href="#fd-i-NAME"/></svg> (sprite from icons.js) --- */
svg.i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
svg.i.sm{width:15px;height:15px}svg.i.lg{width:22px;height:22px}
.fd-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--fd-grad);box-shadow:0 6px 16px -6px rgb(109 40 217/.7);flex:none}
.fd-mark svg{width:18px;height:18px;fill:#fff;stroke:none}
.fd-logo{display:flex;align-items:center;gap:10px;font-family:var(--fd-head);font-weight:800;font-size:18px;letter-spacing:-.02em;color:inherit;text-decoration:none}

/* --- gradient helpers --- */
.grad{background:var(--fd-grad);color:#fff}
.gtext{background:linear-gradient(90deg,#c4b5fd,#f9a8d4);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- buttons: add onto any existing button, e.g. class="store-view-btn fd-btn out sm" --- */
.fd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 18px;font:inherit;font-family:var(--fd-body);font-weight:600;font-size:14.5px;line-height:1.2;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;text-decoration:none;white-space:nowrap;max-width:100%}
.fd-btn:focus-visible{outline:0;box-shadow:var(--fd-ring)}
.fd-btn:disabled,.fd-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none}
.fd-btn.grad{background:var(--fd-grad);color:#fff;box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 8px 20px -6px rgb(109 40 217/.55)}
.fd-btn.grad:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1px 0 rgb(255 255 255/.25) inset,0 14px 28px -8px rgb(219 39 119/.6)}
.fd-btn.out{background:var(--fd-card);color:var(--fd-fg);border:1px solid var(--fd-line);box-shadow:var(--fd-sh1)}
.fd-btn.out:hover:not(:disabled){border-color:var(--fd-p)}
.fd-btn.light{background:#fff;color:#14111f}
.fd-btn.glass{background:rgb(255 255 255/.08);color:#fff;border:1px solid rgb(255 255 255/.16)}
.fd-btn.glass:hover{background:rgb(255 255 255/.14)}
.fd-btn.danger{background:var(--fd-card);color:var(--fd-bad);border:1px solid var(--fd-line)}
.fd-btn.danger:hover{border-color:var(--fd-bad)}
.fd-btn.ghost{background:transparent;color:var(--fd-mut)}.fd-btn.ghost:hover{background:var(--fd-soft);color:var(--fd-fg)}
.fd-btn.sm{padding:8px 13px;font-size:13.5px;border-radius:10px}
.fd-btn.lg{padding:14px 22px;font-size:15.5px;border-radius:13px}
.fd-btn.icon{padding:8px;width:36px;height:36px}

/* --- badges with dot, chips --- */
.fd-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;background:var(--fd-soft2);color:var(--fd-mut)}
.fd-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.fd-badge.nodot::before{display:none}
.b-ok{background:var(--fd-oksoft);color:var(--fd-ok)}.b-p{background:var(--fd-psoft);color:var(--fd-p)}
.b-w{background:var(--fd-warnsoft);color:var(--fd-warn)}.b-i{background:var(--fd-infosoft);color:var(--fd-info)}
.b-m{background:var(--fd-soft2);color:var(--fd-mut)}.b-bad{background:var(--fd-badsoft);color:var(--fd-bad)}
.fd-chip{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:5px 10px;font-size:12.5px;font-weight:600;background:var(--fd-soft);border:1px solid var(--fd-line);color:var(--fd-fg);max-width:100%;white-space:normal}
.fd-chip svg.i{width:14px;height:14px;color:var(--fd-p)}

/* --- cards --- */
.fd-card{background:var(--fd-card);border:1px solid var(--fd-line);border-radius:18px;box-shadow:var(--fd-sh1);min-width:0;color:var(--fd-fg)}
.fd-card.pad{padding:24px}
.fd-card-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--fd-line);flex-wrap:wrap}
.fd-card-h h3{margin:0;font-size:16px;flex:1;min-width:0}
.fd-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--fd-psoft);color:var(--fd-p);flex:none}
.fd-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12.5px;color:#fff;background:var(--fd-grad);flex:none;overflow:hidden}
.fd-av img{width:100%;height:100%;object-fit:cover}
.fd-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--fd-p);font-weight:700;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase}
.fd-eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--fd-grad)}
.fd-mut{color:var(--fd-mut)}

/* --- inputs: focus ring everywhere; full look inside body.fd --- */
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;border-color:var(--fd-p)!important;box-shadow:var(--fd-ring)!important}
body.fd input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),body.fd select,body.fd textarea{font:inherit;font-size:14.5px;padding:11px 13px;border:1px solid var(--fd-line);border-radius:11px;background:var(--fd-card);color:var(--fd-fg);min-width:0;max-width:100%;box-shadow:var(--fd-sh1);transition:border-color .2s,box-shadow .2s}
body.fd input[type=checkbox],body.fd input[type=radio]{accent-color:var(--fd-p)}
body.fd input:disabled,body.fd select:disabled,body.fd textarea:disabled{opacity:.5}
body.fd textarea{min-height:96px;resize:vertical}
body.fd ::placeholder{color:var(--fd-mut);opacity:.8}
.fd-help{font-size:12.5px;color:var(--fd-mut);font-weight:400}

/* --- status banner (login.js #auth-status, app.js #status-text) --- */
body.fd .status-banner{border-radius:11px;padding:10px 13px;font-size:13.5px;background:var(--fd-soft);border:1px solid var(--fd-line);color:var(--fd-fg)}
body.fd .status-banner:empty{display:none}

/* --- shared app shell (dashboard + details) ---
   <div class="fd-app"><aside class="fd-side">...</aside><div class="fd-main">...</div></div>
   These classes can be added onto the existing wrappers; no hook is replaced. */
.fd-app{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--fd-soft)}
.fd-side{background:var(--fd-card);border-right:1px solid var(--fd-line);padding:20px 14px;display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto;min-width:0}
.fd-side .fd-logo{padding:2px 8px 22px}
.fd-side-label{padding:14px 10px 6px;color:var(--fd-mut);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.fd-side-link{padding:9px 10px;border-radius:9px;color:var(--fd-mut);font:inherit;font-weight:600;font-size:14px;display:flex;gap:11px;align-items:center;cursor:pointer;background:transparent;border:0;text-align:left;width:100%;text-decoration:none}
.fd-side-link:hover{background:var(--fd-soft);color:var(--fd-fg)}
.fd-side-link.active,.fd-side-link.on,.fd-side-link[aria-current="page"]{background:var(--fd-psoft);color:var(--fd-p)}
.fd-side-cnt{margin-left:auto;font-size:11.5px;background:var(--fd-soft2);color:var(--fd-mut);border-radius:6px;padding:1px 7px}
.fd-shop{margin-top:auto;display:flex;gap:10px;align-items:center;padding:12px 10px;border-top:1px solid var(--fd-line);min-width:0}
.fd-shop>div{min-width:0}
.fd-shop b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-shop small{display:block;color:var(--fd-mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-main{padding:28px clamp(16px,3vw,40px) 48px;display:flex;flex-direction:column;gap:24px;min-width:0}
.fd-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.fd-sp{flex:1}
.fd-crumb{display:flex;gap:8px;align-items:center;color:var(--fd-mut);font-size:13.5px;font-weight:500;flex-wrap:wrap;min-width:0}
.fd-crumb a{color:inherit;text-decoration:none;cursor:pointer}.fd-crumb a:hover{color:var(--fd-p)}
.fd-head{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;min-width:0}
.fd-head h1{margin:0;font-size:clamp(24px,2.6vw,30px);font-weight:800;min-width:0;overflow-wrap:anywhere}
.fd-head p{margin:4px 0 0;color:var(--fd-mut)}
@media (max-width:900px){
  .fd-app{grid-template-columns:minmax(0,1fr)}
  .fd-side{position:sticky;top:0;z-index:30;height:auto;flex-direction:row;flex-wrap:wrap;padding:10px 12px;border-right:0;border-bottom:1px solid var(--fd-line);gap:4px;overflow:visible}
  .fd-side .fd-logo{padding:4px 8px;width:100%}
  .fd-side-label,.fd-shop{display:none}
  .fd-side-link{width:auto;flex:1 1 auto;justify-content:center;padding:8px 10px;font-size:13px}
  .fd-main{padding:18px 16px 40px;gap:18px}
}

/* --- language toggle (i18n.js .lang-toggle-btn) inside restyled pages --- */
body.fd .lang-toggle{display:inline-flex;border:1px solid var(--fd-line);border-radius:9px;overflow:hidden;background:var(--fd-card)}
body.fd .lang-toggle-btn{border:0;background:transparent;color:var(--fd-mut);font:inherit;font-size:12px;font-weight:700;padding:5px 10px;cursor:pointer}
body.fd .lang-toggle-btn.active{background:var(--fd-psoft);color:var(--fd-p)}
/* ===== end premium foundation ===== */

/* ===== FlowerDrop premium redesign 2026-10 - HOME (index.html, body.fdh) ===== */
.fdh a{color:inherit;text-decoration:none}
.fdh-wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,32px)}
/* nav */
.fdh-nav{position:sticky;top:0;z-index:40;padding:0;background:rgb(13 10 28/.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgb(255 255 255/.08);color:#fff}
.fdh-nav-in{display:flex;align-items:center;gap:18px;min-height:66px}
.fdh-links{display:flex;gap:28px;margin-left:36px;color:rgb(255 255 255/.7);font-weight:500;font-size:14.5px;justify-content:flex-start}
.fdh-links a:hover{color:#fff}
.fdh-nav-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.fdh .fdh-nav .lang-toggle{background:transparent;border-color:rgb(255 255 255/.16)}
.fdh .fdh-nav .lang-toggle-btn{color:rgb(255 255 255/.6)}
.fdh .fdh-nav .lang-toggle-btn.active{background:rgb(255 255 255/.12);color:#fff}
@media(max-width:820px){.fdh-links{display:none}}
@media(max-width:400px){.fdh-nav-in{gap:10px}.fdh-nav .fd-logo{font-size:16px}.fdh-nav .fd-btn.sm{padding:8px 10px}}
/* hero */
.fdh-hero{background:var(--fd-night);color:#fff;position:relative;overflow:hidden;padding-block:clamp(56px,10vw,120px) 0}
.fdh-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 380px at 20% 10%,rgb(109 40 217/.45),transparent 70%),radial-gradient(520px 360px at 85% 30%,rgb(219 39 119/.32),transparent 70%)}
.fdh-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(255 255 255/.045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 80%)}
.fdh-hero-in{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center}
.fdh-ann{display:inline-flex;gap:10px;align-items:center;max-width:100%;border:1px solid rgb(255 255 255/.14);background:rgb(255 255 255/.05);border-radius:999px;padding:5px 14px 5px 6px;font-size:13px;line-height:1.35;color:rgb(255 255 255/.85);margin-bottom:26px;text-align:left}
.fdh-ann b{background:var(--fd-grad);border-radius:999px;padding:2px 9px;font-size:11.5px;letter-spacing:.04em;flex:none;text-transform:uppercase}
.fdh-hero h1{font-size:clamp(2.2rem,6vw,4.4rem);line-height:1.06;margin:0 0 22px;max-width:16ch;text-wrap:balance;font-weight:800;color:#fff}
.fdh-lead{font-size:clamp(16px,2vw,19px);color:rgb(255 255 255/.72);max-width:58ch;margin:0 0 34px}
.fdh-ctas{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.fdh-ctas .fd-btn{white-space:normal;text-align:center}
.fdh-proof{margin:30px 0 0;font-size:13.5px;color:rgb(255 255 255/.7)}
/* product preview (decorative) */
.fdh-frame{margin-top:56px;width:min(1040px,100%);border-radius:18px 18px 0 0;background:linear-gradient(180deg,rgb(255 255 255/.18),rgb(255 255 255/.04));padding:10px 10px 0;box-shadow:0 -20px 80px -20px rgb(168 85 247/.45);position:relative}
.fdh-chrome{display:flex;gap:6px;padding:4px 6px 10px}.fdh-chrome i{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255/.25)}
.fdh-screen{background:var(--fd-bg);color:var(--fd-fg);border-radius:10px 10px 0 0;overflow:hidden;text-align:left;display:grid;grid-template-columns:180px minmax(0,1fr);min-height:300px}
.fdh-sb{background:var(--fd-soft);border-right:1px solid var(--fd-line);padding:16px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.fdh-sb-logo{font-size:14px;padding:2px 6px 14px}.fdh-sb-logo .fd-mark{width:24px;height:24px;border-radius:7px}.fdh-sb-logo .fd-mark svg{width:13px;height:13px}
.fdh-sb>span{display:flex;gap:9px;align-items:center;padding:8px 10px;border-radius:8px;color:var(--fd-mut);font-weight:600}
.fdh-sb>span.on{background:var(--fd-card);color:var(--fd-fg);box-shadow:var(--fd-sh1)}
.fdh-mn{padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.fdh-mn-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.fdh-mn-h b{font-size:18px}
.fdh-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.fdh-kpis .fd-card{padding:12px 14px;display:flex;flex-direction:column;gap:4px;min-width:0}
.fdh-kpis small{color:var(--fd-mut);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdh-kpis b{font-family:var(--fd-head);font-size:22px}
.fdh-rows{font-size:13px}
.fdh-rows>div{display:flex;gap:10px;padding:10px 14px;align-items:center;border-bottom:1px solid var(--fd-line);min-width:0}.fdh-rows>div:last-child{border-bottom:0}
.fdh-rows b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fdh-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fd-mut);font-size:12.5px}
.fdh-float{position:absolute;background:var(--fd-card);color:var(--fd-fg);border:1px solid var(--fd-line);border-radius:14px;box-shadow:var(--fd-sh3);padding:12px 14px;display:flex;gap:11px;align-items:center;font-size:13.5px;text-align:left}
.fdh-f1{left:-28px;top:120px}.fdh-f2{right:-24px;top:220px}
.fdh-av-soft{background:var(--fd-psoft);color:var(--fd-p)}
@media(max-width:1120px){.fdh-f1{left:8px}.fdh-f2{right:8px}}
@media(max-width:900px){.fdh-float{display:none}.fdh-screen{grid-template-columns:minmax(0,1fr)}.fdh-sb{display:none}}
@media(max-width:480px){.fdh-kpis .fd-card{padding:10px}.fdh-kpis b{font-size:18px}.fdh-mn{padding:12px}}
/* sections */
.fdh-s{padding-block:clamp(64px,9vw,120px)}
.fdh-s-tight{padding-top:0}
.fdh-alt{background:var(--fd-soft)}
.fdh-sh{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:56px}
.fdh h2{font-size:clamp(1.8rem,3.6vw,2.8rem);line-height:1.12;margin:14px 0;text-wrap:balance;max-width:22ch;font-weight:800}
/* steps */
.fdh-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}
.fdh-steps::before{content:"";position:absolute;top:27px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--fd-line) 0 8px,transparent 8px 14px)}
.fdh-step{text-align:center;padding:0 8px;position:relative;min-width:0}
.fdh-step-n{width:56px;height:56px;border-radius:16px;margin:0 auto 18px;display:grid;place-items:center;background:var(--fd-card);border:1px solid var(--fd-line);box-shadow:var(--fd-sh2);color:var(--fd-p)}
.fdh-step-n svg{width:24px;height:24px}
.fdh-step small{display:block;font-weight:700;color:var(--fd-p);font-size:12px;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}
.fdh-step h3{margin:0 0 6px;font-size:17px}.fdh-step p{margin:0;color:var(--fd-mut);font-size:14.5px}
@media(max-width:860px){.fdh-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.fdh-steps::before{display:none}}
@media(max-width:520px){.fdh-steps{grid-template-columns:minmax(0,1fr)}}
/* bento */
.fdh-bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.fdh-bx{padding:28px;display:flex;flex-direction:column;gap:10px;transition:transform .3s,box-shadow .3s;overflow:hidden;position:relative}
.fdh-bx:hover{transform:translateY(-3px);box-shadow:var(--fd-sh2)}
.fdh-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--fd-psoft);color:var(--fd-p);margin-bottom:6px}
.fdh-ic svg{width:22px;height:22px}
.fdh-bx h3{margin:0;font-size:18px}.fdh-bx p{margin:0;color:var(--fd-mut);font-size:14.5px;max-width:48ch}
.fdh-c2{grid-column:span 2}.fdh-c4{grid-column:span 4}
.fdh-bx.fdh-dark{background:var(--fd-night);color:#fff;border-color:transparent}
.fdh-dark p{color:rgb(255 255 255/.65)}.fdh-dark .fdh-ic{background:rgb(255 255 255/.1);color:#f0abfc}
.fdh-dark::after{content:"";position:absolute;width:360px;height:360px;right:-120px;bottom:-160px;background:radial-gradient(circle,rgb(219 39 119/.45),transparent 65%);pointer-events:none}
.fdh-mt{margin-top:auto;padding-top:14px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}
.fdh-mt>div{display:flex;align-items:center;gap:10px;font-size:13px;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.08);border-radius:10px;padding:9px 12px}
.fdh-d{width:8px;height:8px;border-radius:50%;flex:none}.fdh-d-ok{background:#4ade80}.fdh-d-p{background:#f0abfc}.fdh-d-w{background:#fbbf24}
@media(max-width:900px){.fdh-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.fdh-c2{grid-column:span 1}.fdh-c4{grid-column:span 2}}
@media(max-width:560px){.fdh-bento{grid-template-columns:minmax(0,1fr)}.fdh-c4{grid-column:span 1}.fdh-bx{padding:22px}}
/* stats */
.fdh-trust{text-align:center;color:var(--fd-mut);font-weight:600;margin:0 0 20px}
.fdh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--fd-line);border-radius:20px;background:var(--fd-card);box-shadow:var(--fd-sh1)}
.fdh-stats>div{padding:30px 24px;border-left:1px solid var(--fd-line);min-width:0}.fdh-stats>div:first-child{border-left:0}
.fdh-stats b{display:block;font-family:var(--fd-head);font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:var(--fd-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.fdh-stats span{color:var(--fd-mut);font-size:14px}
@media(max-width:760px){.fdh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fdh-stats>div{padding:22px 18px}.fdh-stats>div:nth-child(3){border-left:0}.fdh-stats>div:nth-child(n+3){border-top:1px solid var(--fd-line)}}
/* cta */
.fdh-cta{border-radius:28px;padding:clamp(36px,6vw,72px) clamp(20px,6vw,72px);background:var(--fd-night);color:#fff;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.fdh-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(500px 300px at 15% 0%,rgb(109 40 217/.55),transparent 70%),radial-gradient(500px 300px at 90% 100%,rgb(219 39 119/.45),transparent 70%)}
.fdh-cta>*{position:relative}
.fdh-cta-eye{color:#f0abfc}
.fdh-cta h2{margin:14px auto;color:#fff}.fdh-cta p{color:rgb(255 255 255/.7);margin:0 auto 30px;max-width:50ch}
/* footer */
.fdh-foot{background:var(--fd-night);color:rgb(255 255 255/.6);padding-block:64px 32px;font-size:14px}
.fdh-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}
.fdh-cols>div{min-width:0;overflow-wrap:anywhere}
.fdh-foot .fd-logo{color:#fff}
.fdh-foot-brand p{max-width:34ch;margin:16px 0 0}
.fdh-foot h4{color:#fff;margin:0 0 14px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.fdh-cols>div>a,.fdh-cols>div>span{display:block;margin:8px 0}
.fdh-cols>div>a:hover{color:#fff}
.fdh-bar{border-top:1px solid rgb(255 255 255/.1);margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px}
.fdh-also b{color:#fff;background:rgb(255 255 255/.08);border-radius:999px;padding:2px 9px;font-weight:600}
@media(max-width:760px){.fdh-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.fdh-foot-brand{grid-column:1/-1}}

/* =====================================================================
   FlowerDrop premium redesign 2026-10 - STORE LOGIN (login.html, body.fdl)
   ===================================================================== */
.fdl-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:100vh}
.fdl-brand{background:var(--fd-night);color:#fff;position:relative;overflow:hidden;padding:48px;display:flex;flex-direction:column;min-width:0}
.fdl-brand::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(500px 400px at 0% 0%,rgb(109 40 217/.5),transparent 70%),radial-gradient(500px 400px at 100% 100%,rgb(219 39 119/.4),transparent 70%)}
.fdl-brand>*{position:relative}
.fdl-brand .fd-logo{color:#fff}
.fdl-brand-copy{margin-top:auto}
.fdl-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255/.6);margin-bottom:14px}
.fdl-brand blockquote{margin:0;font-family:var(--fd-head);font-size:clamp(22px,2.4vw,30px);line-height:1.3;font-weight:700;letter-spacing:-.02em;max-width:20ch}
.fdl-who{margin:18px 0 0;color:rgb(255 255 255/.6);font-size:14px;max-width:46ch}
.fdl-feats{display:grid;gap:12px;margin-top:28px}
.fdl-feat{display:flex;gap:12px;align-items:flex-start;background:rgb(255 255 255/.06);border:1px solid rgb(255 255 255/.1);border-radius:14px;padding:14px}
.fdl-feat-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgb(255 255 255/.1);flex:none}
.fdl-feat strong{display:block;font-size:14px}
.fdl-feat span{display:block;font-size:13px;color:rgb(255 255 255/.65)}
.fdl-formside{display:flex;flex-direction:column;align-items:center;padding:24px 16px 48px;background:var(--fd-bg);min-width:0}
.fdl-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.fdl-back{display:inline-flex;align-items:center;gap:6px;color:var(--fd-mut);text-decoration:none;font-size:14px;font-weight:600}
.fdl-back:hover{color:var(--fd-p)}
body.fdl .fdl-form{width:min(400px,100%);display:flex;flex-direction:column;gap:18px;margin:auto 0;padding:32px 0 0;background:none;border:0;box-shadow:none}
.fdl-form h1{margin:4px 0 0;font-size:30px;line-height:1.2}
.fdl-form p{margin:6px 0 0;color:var(--fd-mut)}
body.fdl .fdl-form label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:7px;color:var(--fd-fg)}
body.fdl .fdl-form input{width:100%;box-sizing:border-box}
body.fdl .login-submit{width:100%;padding:14px 18px;font-size:15.5px;border-radius:12px;background:var(--fd-grad);color:#fff;box-shadow:0 10px 24px -10px rgb(109 40 217/.7);white-space:normal}
body.fdl .login-submit:hover{transform:translateY(-1px)}
.fdl-lockup{display:none !important}
.fdl-secure{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--fd-mut);font-size:13px}
.fdl-secure svg.i{width:15px;height:15px;color:var(--fd-ok)}
body.fdl .fdl-contact{font-size:14px;color:var(--fd-mut);text-align:center;background:none;padding:0;margin:0}
body.fdl .fdl-contact a{color:var(--fd-p);font-weight:700}
body.fdl #auth-status:empty{display:none}
@media(max-width:860px){
  .fdl-split{grid-template-columns:minmax(0,1fr)}
  .fdl-brand{display:none}
  .fdl-lockup{display:flex !important;align-items:center;gap:12px;background:none;padding:0;margin:0}
  .fdl-lockup strong{display:block;font-family:var(--fd-head)}
  .fdl-lockup span:not(.fd-mark){display:block;font-size:13px;color:var(--fd-mut)}
  .fdl-form h1{font-size:26px}
}

/* ===== FlowerDrop premium redesign 2026-10 - DASHBOARD (dashboard.html, body.fdd) =====
   Overrides the older overview / v3 dashboard rules in styles.css. Every
   app.js hook (ids, data-*, .store-table-row, .store-status, row buttons,
   clocks, chips) is kept; only the look changes. */

/* --- shell --- */
body.fdd.store-shell.overview-mode.with-sidebar{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:var(--fd-soft);color:var(--fd-fg);font-family:var(--fd-body)!important;overflow-x:hidden}
body.fdd .fdd-side{grid-column:1}
body.fdd .fdd-side-nav{display:flex;flex-direction:column;gap:2px}
body.fdd .fdd-side .side-nav-v3-label{max-width:none;opacity:1;overflow:visible;font-size:14px}
body.fdd .fdd-support{display:grid;gap:4px;margin-top:18px;padding-top:14px;border-top:1px solid var(--fd-line)}
body.fdd .fdd-support .store-support-link{display:flex;gap:10px;align-items:flex-start;padding:8px 10px;border-radius:9px;color:var(--fd-mut);text-decoration:none;font-size:12.5px;min-width:0}
body.fdd .fdd-support .store-support-link:hover{background:var(--fd-soft);color:var(--fd-fg)}
body.fdd .fdd-support .store-support-link svg{margin-top:2px}
body.fdd .fdd-support .store-support-link>span{min-width:0}
body.fdd .fdd-support .store-support-link span span{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.fdd .fdd-support strong{display:block;color:var(--fd-fg);font-weight:600;overflow-wrap:anywhere}
body.fdd .fdd-side .fd-shop .fd-av svg{stroke:#fff}
body.fdd .fdd-main{grid-column:2;width:auto;margin:0;max-width:1400px}

/* --- top utility row + head --- */
body.fdd .fdd-util{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:-12px}
body.fdd .fdd-head h1{color:var(--fd-fg)}
body.fdd .fdd-head-text{min-width:0}
body.fdd .fdd-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}
body.fdd .fdd-actions .date-range-control-v3 .date-range-trigger{display:inline-flex;align-items:center;gap:8px;background:var(--fd-card)!important;border:1px solid var(--fd-line)!important;border-radius:10px!important;padding:8px 13px!important;box-shadow:var(--fd-sh1);color:var(--fd-fg);font:600 13.5px/1.2 var(--fd-body);cursor:pointer;max-width:100%}
body.fdd .fdd-actions .date-range-control-v3 .date-range-trigger:hover{border-color:var(--fd-p)!important;background:var(--fd-card)!important}
body.fdd .fdd-actions .date-range-control-v3 .date-range-trigger strong,
body.fdd .fdd-actions .date-range-control-v3 .date-range-calendar{color:var(--fd-fg)!important;font-weight:600}
body.fdd .fdd-actions .date-range-control-v3 .date-range-trigger-caret{color:var(--fd-mut)!important}
body.fdd .date-range-popover-v3{background:var(--fd-card)!important;color:var(--fd-fg);border:1px solid var(--fd-line)}
body.fdd .date-range-popover-v3 .date-range-side-btn{background:var(--fd-soft);color:var(--fd-fg);border:1px solid var(--fd-line)}
body.fdd .date-range-popover-v3 .date-range-side-btn.active{background:var(--fd-psoft);color:var(--fd-p);border-color:var(--fd-p)}
body.fdd .date-range-popover-v3 .date-range-apply-v3{background:var(--fd-grad);border:0;color:#fff}
body.fdd .date-range-popover-v3 strong,body.fdd .date-range-popover-v3 label span{color:var(--fd-fg)}
body.fdd .date-range-popover-v3-selected,body.fdd .date-range-popover-v3-section-label{color:var(--fd-mut)!important}

/* --- KPI cards --- */
body.fdd .fdd-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.fdd .fdd-kpi{padding:18px 20px;display:flex;flex-direction:column;gap:12px;text-align:left;font:inherit;color:var(--fd-fg);cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}
body.fdd .fdd-kpi:hover{transform:translateY(-2px);box-shadow:var(--fd-sh2);border-color:var(--fd-p)}
body.fdd .fdd-kpi-t{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--fd-mut);font-size:13.5px;font-weight:600}
body.fdd .fdd-kpi-t small{font-size:inherit;min-width:0}
body.fdd .fdd-kpi-ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;flex:none}
body.fdd .fdd-kpi-ic svg{width:16px;height:16px}
body.fdd .fdd-kpi strong{font-family:var(--fd-head);font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
body.fdd .fdd-bar{display:block;height:6px;border-radius:6px;background:var(--fd-soft2);overflow:hidden}
body.fdd .fdd-bar i{display:block;height:100%;width:0;border-radius:6px;transition:width .5s ease}
body.fdd .fdd-bar-m{background:var(--fd-mut)}body.fdd .fdd-bar-p{background:var(--fd-p)}body.fdd .fdd-bar-ok{background:var(--fd-ok)}
body.fdd .fdd-kpi-sub{font-size:12.5px;color:var(--fd-mut)}
body.fdd .fdd-kpi-sub:empty{display:none}

/* --- deliveries list card --- */
body.fdd .fdd-list{overflow:hidden}
body.fdd .fdd-lh{display:flex;gap:12px;align-items:center;padding:16px 20px;flex-wrap:wrap}
body.fdd .fdd-lh h2{margin:0;font-size:16px;flex:1;white-space:nowrap;color:var(--fd-fg)}
body.fdd .fdd-search{position:relative;flex:1 1 220px;max-width:300px;display:flex;min-width:0}
body.fdd .fdd-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--fd-mut);pointer-events:none}
body.fdd .fdd-search input{padding-left:34px!important;width:100%;box-shadow:none!important}
body.fdd .fdd-search-full{max-width:none;flex:none;width:100%}
body.fdd .fdd-period{font-size:12.5px;font-weight:600;color:var(--fd-p);background:var(--fd-psoft);border-radius:999px;padding:4px 11px;white-space:nowrap}
body.fdd .fdd-period:empty{display:none}
body.fdd .fdd-tabs{display:flex;gap:2px;padding:3px;margin:0 20px 14px;border-radius:10px;background:var(--fd-soft2);flex-wrap:wrap;width:fit-content;max-width:calc(100% - 40px)}
body.fdd .fdd-tabs button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:5px 11px;border-radius:8px;font:600 13px/1.4 var(--fd-body);color:var(--fd-mut);cursor:pointer}
body.fdd .fdd-tabs button strong{font-size:11.5px;background:var(--fd-card);border-radius:6px;padding:0 6px;color:var(--fd-mut);font-weight:600}
body.fdd .fdd-tabs button.active{background:var(--fd-card);color:var(--fd-fg);box-shadow:var(--fd-sh1)}
body.fdd .fdd-tabs button.active strong{background:var(--fd-psoft);color:var(--fd-p)}

body.fdd .fdd-table{overflow-x:auto;border-top:1px solid var(--fd-line)}
body.fdd .fdd-table .store-table-head,
body.fdd .fdd-table .store-table-row{display:grid;grid-template-columns:minmax(96px,.8fr) minmax(170px,1.5fr) minmax(110px,auto) minmax(56px,.4fr) minmax(70px,.5fr) minmax(170px,1.5fr) minmax(130px,1fr) auto;gap:12px;align-items:center;min-width:1040px;padding:12px 20px;box-sizing:border-box}
body.fdd .fdd-table .store-table-head{background:transparent;border-bottom:1px solid var(--fd-line);color:var(--fd-mut);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
body.fdd .fdd-table .store-table-row{width:auto;background:var(--fd-card);color:var(--fd-fg);border:0;border-bottom:1px solid var(--fd-line);font-size:14px;transition:background .15s}
body.fdd .fdd-table .store-table-row:last-child{border-bottom:0}
body.fdd .fdd-table .store-table-row:hover,body.fdd .fdd-table .store-table-row.selected{background:var(--fd-soft)}
body.fdd .fdd-table .store-table-row:focus-visible{outline:2px solid var(--fd-p);outline-offset:-2px}
body.fdd .fdd-table .store-table-row>span::before{content:none!important}
body.fdd .order-id-cell{display:flex;align-items:center;gap:6px}
body.fdd .order-id-cell strong{font:600 13px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--fd-fg);overflow:hidden;text-overflow:ellipsis}
body.fdd .store-copy-btn{border:0;background:transparent;color:var(--fd-mut);cursor:pointer;padding:2px 4px;border-radius:6px;font-size:12px}
body.fdd .store-copy-btn:hover{background:var(--fd-soft2);color:var(--fd-p)}
body.fdd .fdd-who{display:flex;gap:10px;align-items:center;min-width:0}
body.fdd .fdd-who-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--fd-psoft);color:var(--fd-p);font-weight:700;font-size:12px}
body.fdd .fdd-who-txt{display:flex;flex-direction:column;min-width:0}
body.fdd .fdd-who-txt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.fdd .fdd-who-txt small{color:var(--fd-mut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.fdd .distance-cell,body.fdd .price-cell{color:var(--fd-mut)!important;font-weight:500!important}
body.fdd .address-cell{color:var(--fd-fg)}
body.fdd .address-cell i{display:none}
body.fdd .driver-cell{display:flex;align-items:center;gap:8px;min-width:0;color:var(--fd-fg)}
body.fdd .fdd-table .driver-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;font-size:11px;font-weight:700;background:var(--fd-grad);color:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:none}

/* status pills -> dot badges */
body.fdd mark.store-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px 3px 8px;font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;background:var(--fd-soft2);color:var(--fd-mut);border:0}
body.fdd mark.store-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
body.fdd mark.store-status.created{background:var(--fd-warnsoft);color:var(--fd-warn)}
body.fdd mark.store-status.scheduled{background:var(--fd-soft2);color:var(--fd-mut)}
body.fdd mark.store-status.assigned{background:var(--fd-psoft);color:var(--fd-p)}
body.fdd mark.store-status.active{background:var(--fd-infosoft);color:var(--fd-info)}
body.fdd mark.store-status.delivered{background:var(--fd-oksoft);color:var(--fd-ok)}
body.fdd mark.store-status.cancelled{background:var(--fd-soft2);color:var(--fd-mut)}
body.fdd mark.store-status.returned{background:var(--fd-badsoft);color:var(--fd-bad)}

/* row actions */
body.fdd .fdd-table .store-row-actions{display:flex;align-items:center;gap:6px;justify-content:flex-end;flex-wrap:nowrap;overflow:visible}
body.fdd .fdd-table .store-row-actions button{border:1px solid var(--fd-line);background:var(--fd-card);color:var(--fd-fg);border-radius:8px;padding:5px 9px;font:600 12px/1.2 var(--fd-body);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
body.fdd .fdd-table .store-row-actions button:hover{border-color:var(--fd-p);color:var(--fd-p)}
body.fdd .fdd-table .store-row-actions .store-ready-btn{background:var(--fd-psoft);border-color:transparent;color:var(--fd-p)}
body.fdd .fdd-table .store-row-actions .store-delete-btn{color:var(--fd-bad)}
body.fdd .fdd-table .store-row-actions .store-delete-btn:hover{border-color:var(--fd-bad);color:var(--fd-bad)}
body.fdd .fdd-table .store-print-label-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.fdd .fdd-table .store-print-label-btn span{display:none}
body.fdd .fdd-chev{color:var(--fd-mut)}
body.fdd .store-empty-row{display:grid;gap:4px;padding:40px 20px;text-align:center;color:var(--fd-mut);background:var(--fd-card)}
body.fdd .store-empty-row strong{color:var(--fd-fg)}

/* footer + pager */
body.fdd .fdd-foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--fd-line);color:var(--fd-mut);font-size:13px}
body.fdd .fdd-foot p{margin:0;flex:1;min-width:160px}
body.fdd .fdd-pager,body.fdd .delivery-page-numbers{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
body.fdd .fdd-pager button{min-width:32px;height:32px;border-radius:8px;border:1px solid var(--fd-line);background:var(--fd-card);color:var(--fd-fg);font:600 13px var(--fd-body);cursor:pointer;padding:0 8px}
body.fdd .fdd-pager button.active{background:var(--fd-grad);color:#fff;border-color:transparent}
body.fdd .fdd-pager button:disabled{opacity:.45;cursor:not-allowed}
body.fdd .fdd-page-size select{padding:6px 10px!important;font-size:13px!important}

/* drivers + pricing views: older internals keep their light look inside a card */
body.fdd .drivers-view,body.fdd .pricing-view{background:#fff;color:#14111f;color-scheme:light;border:1px solid var(--fd-line);border-radius:18px;box-shadow:var(--fd-sh1);padding:20px;min-width:0;overflow-x:auto}
body.fdd .drivers-view input,body.fdd .drivers-view select{background:#fff!important;color:#14111f!important;border-color:#e9e6f2!important}

/* --- create delivery modal --- */
body.fdd .fdd-modal{background:rgb(13 10 28/.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:16px;z-index:60;align-items:start;overflow-y:auto}
body.fdd .fdd-create{width:min(1120px,100%);max-height:none;overflow:visible;background:var(--fd-soft);border:1px solid var(--fd-line);border-radius:22px;padding:clamp(16px,3vw,28px);box-shadow:var(--fd-sh3);color:var(--fd-fg);margin:auto 0;min-width:0;box-sizing:border-box}
body.fdd .fdd-create-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;border:0;padding:0 0 20px}
body.fdd .fdd-create-h h2{margin:6px 0 0;font-size:clamp(22px,2.6vw,28px);font-weight:800;color:var(--fd-fg)}
body.fdd .fdd-form{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px;align-items:start}
body.fdd .fdd-form-main{background:var(--fd-card);border:1px solid var(--fd-line);border-radius:18px;box-shadow:var(--fd-sh1);padding:24px;display:flex;flex-direction:column;gap:24px;min-width:0}
body.fdd .fdd-form .fdd-sec{display:flex;flex-direction:column;gap:16px;padding:0 0 24px;border:0;border-bottom:1px solid var(--fd-line);border-radius:0;background:transparent;min-width:0}
body.fdd .fdd-form .fdd-sec:last-child{border-bottom:0;padding-bottom:0}
body.fdd .fdd-sect{display:flex;gap:12px;align-items:center}
body.fdd .fdd-num{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
body.fdd .fdd-sect strong{display:block;font-family:var(--fd-head);font-size:16.5px;letter-spacing:-.02em;color:var(--fd-fg)}
body.fdd .fdd-sect p{margin:0;color:var(--fd-mut);font-size:13px}
body.fdd .fdd-seg2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.fdd .fdd-opt{border:1.5px solid var(--fd-line);border-radius:14px;padding:14px 16px;cursor:pointer;background:var(--fd-card);color:var(--fd-fg);display:flex;gap:12px;align-items:flex-start;text-align:left;font:inherit;transition:.2s;min-width:0}
body.fdd .fdd-opt:hover{border-color:var(--fd-p)}
body.fdd .fdd-opt .fdd-oi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--fd-soft2);color:var(--fd-mut);flex:none}
body.fdd .fdd-opt b{display:block;font-size:14.5px}
body.fdd .fdd-opt small{display:block;color:var(--fd-mut);font-size:12.5px;font-weight:400}
body.fdd .fdd-opt.on{border-color:var(--fd-p);box-shadow:var(--fd-ring)}
body.fdd .fdd-opt.on .fdd-oi{background:var(--fd-grad);color:#fff}
body.fdd .fdd-fg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.fdd .fdd-fg .full{grid-column:1/-1}
body.fdd .fdd-form label.fdd-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:var(--fd-fg);position:relative;min-width:0}
body.fdd .fdd-form label.fdd-field::before{content:none}
body.fdd .fdd-form label.fdd-field>span:first-child{color:var(--fd-fg)}
body.fdd .fdd-form input:not([type=checkbox]):not([type=hidden]),body.fdd .fdd-form select,body.fdd .fdd-form textarea{width:100%;box-sizing:border-box}
body.fdd .fdd-form small,body.fdd .fdd-form .fd-help{color:var(--fd-mut);font-weight:400;font-size:12.5px}
body.fdd .fdd-form .delivery-id-input{position:relative}
body.fdd .fdd-form .delivery-id-input.rx-prefix-enabled input{padding-left:52px!important}
body.fdd .fdd-form #delivery-id-prefix{left:13px;color:var(--fd-p)}
body.fdd .fdd-history{display:flex;flex-direction:column;gap:10px;position:relative}
body.fdd .fdd-note-box{border-radius:11px;background:var(--fd-warnsoft);border:1px solid transparent;color:var(--fd-warn);font-size:12.5px}
body.fdd .fdd-note-box::before{background:var(--fd-warn);color:var(--fd-card)}
body.fdd .recipient-history-suggestions,body.fdd .address-suggestions{background:var(--fd-card);border:1px solid var(--fd-line);border-radius:12px;box-shadow:var(--fd-sh2);color:var(--fd-fg)}
body.fdd .recipient-history-suggestions *,body.fdd .address-suggestions button{color:inherit}
body.fdd .address-suggestions button{background:transparent}
body.fdd .address-suggestions button:hover,body.fdd .recipient-history-option:hover{background:var(--fd-soft)}
body.fdd .fdd-form .address-helper{font-size:12.5px;font-weight:500;color:var(--fd-mut);background:transparent;border:0;padding:0}
body.fdd .fdd-form .address-helper[data-type="success"]{color:var(--fd-ok)}
body.fdd .fdd-form .address-helper[data-type="warning"],body.fdd .fdd-form .address-helper[data-type="error"]{color:var(--fd-warn)}

/* chips: window toggles, all day, picture, note presets */
body.fdd .fdd-window{display:flex;flex-direction:column;gap:10px;padding:0;border:0;background:transparent}
body.fdd .fdd-pre{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;border:0;background:transparent}
body.fdd .fdd-pre button,body.fdd .fdd-check-chip{cursor:pointer;border:1px solid var(--fd-line);border-radius:999px;padding:7px 13px;font:600 13.5px/1.3 var(--fd-body);background:var(--fd-card);color:var(--fd-fg);display:inline-flex;gap:7px;align-items:center;transition:.15s;max-width:100%;text-align:left;position:relative}
body.fdd .fdd-pre button:hover,body.fdd .fdd-check-chip:hover{border-color:var(--fd-p);background:var(--fd-card)}
body.fdd .fdd-pre button.active,body.fdd .fdd-pre button.on,body.fdd .fdd-check-chip:has(input:checked){background:var(--fd-psoft);color:var(--fd-p);border-color:var(--fd-p)}
body.fdd .fdd-check-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.fdd .fdd-check-chip:focus-within{box-shadow:var(--fd-ring)}
body.fdd .fdd-window .delivery-window-hint{text-align:left;font-weight:400}
body.fdd .delivery-window-clock{background:var(--fd-soft);border:1px solid var(--fd-line);border-radius:14px;padding:16px;justify-items:center;min-width:0}
body.fdd #delivery-window-range-clocks:not(.hidden){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.fdd #delivery-window-range-clocks>small,body.fdd #delivery-window-range-clocks>.clock-confirm-btn,body.fdd #delivery-window-range-clocks>.clock-confirm-error{grid-column:1/-1}
body.fdd .clock-face{background:var(--fd-card);border-color:var(--fd-line);box-shadow:inset 0 0 0 6px var(--fd-soft)}
body.fdd .clock-number{color:var(--fd-fg)}
body.fdd .clock-number:hover{background:var(--fd-psoft)}
body.fdd .clock-number.active,body.fdd .ampm-btn.active{background:var(--fd-p);border-color:var(--fd-p);color:#fff}
body.fdd .clock-hand,body.fdd .clock-center-dot{background:var(--fd-p)}
body.fdd .clock-digital-part{color:var(--fd-mut)}
body.fdd .clock-digital-part.active{background:var(--fd-psoft);color:var(--fd-p)}
body.fdd .clock-digital-colon{color:var(--fd-fg)}
body.fdd .ampm-btn{background:var(--fd-card);border-color:var(--fd-line);color:var(--fd-fg)}
body.fdd .clock-step-hint{font-weight:400}
body.fdd .clock-confirm-btn{background:var(--fd-grad);border-radius:10px;font-weight:600}
body.fdd .clock-confirm-error{color:var(--fd-bad);font-weight:600}

/* summary card */
body.fdd .fdd-sum{position:sticky;top:16px;padding:24px;display:flex;flex-direction:column;gap:16px}
body.fdd .fdd-sum-h{display:flex;align-items:center;gap:12px}
body.fdd .fdd-sum-h h3{margin:0;font-size:16.5px;color:var(--fd-fg)}
body.fdd .fdd-sum-empty{display:none;margin:0;padding:18px;border:1px dashed var(--fd-line);border-radius:14px;text-align:center}
body.fdd .fdd-sum:has(#route-preview.hidden) .fdd-sum-empty{display:block}
body.fdd .fdd-route{display:block;padding:0;border:1px solid var(--fd-line);border-radius:14px;overflow:hidden;background:var(--fd-soft)}
body.fdd .fdd-route::before,body.fdd .fdd-route::after{content:none!important}
body.fdd .fdd-route .route-preview-map{height:170px;border-radius:0;margin:0;border:0}
body.fdd .fdd-route-lines{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:var(--fd-card)}
body.fdd .fdd-route-lines #route-distance,body.fdd .fdd-route-lines #route-duration{font-size:14px;color:var(--fd-fg);font-weight:600}
body.fdd .fdd-sum-fee{display:flex;text-align:left;font-size:13.5px;font-weight:600;color:var(--fd-warn);background:var(--fd-warnsoft);border-radius:10px;padding:8px 12px}
body.fdd .fdd-create-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0 0;border-top:1px dashed var(--fd-line)}
body.fdd .fdd-create-actions .fd-btn{flex:1 1 auto}
body.fdd .fdd-sum .status-banner{margin:0}

/* delete confirmation */
body.fdd .delete-modal-card{background:var(--fd-card);color:var(--fd-fg);border:1px solid var(--fd-line);border-radius:18px;box-shadow:var(--fd-sh3);padding:24px;width:min(440px,100%);box-sizing:border-box}
body.fdd .delete-modal-card .modal-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
body.fdd .delete-modal-card .modal-eyebrow{color:var(--fd-bad)}
body.fdd .delete-modal-card h2{margin:4px 0 0;font-size:20px;color:var(--fd-fg)}
body.fdd .delete-modal-copy{color:var(--fd-mut)}
body.fdd .delete-modal-card .btn{border-radius:10px;padding:8px 14px;font:600 13.5px var(--fd-body);border:1px solid var(--fd-line);background:var(--fd-card);color:var(--fd-fg);cursor:pointer}
body.fdd .delete-modal-card .btn.danger{background:var(--fd-bad);border-color:var(--fd-bad);color:#fff}
body.fdd .delete-modal-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

/* --- responsive --- */
@media (max-width:1100px){
  body.fdd .fdd-form{grid-template-columns:minmax(0,1fr)}
  body.fdd .fdd-sum{position:static}
}
@media (max-width:980px){
  body.fdd .fdd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  body.fdd.store-shell.overview-mode.with-sidebar{grid-template-columns:minmax(0,1fr)}
  body.fdd .fdd-side,body.fdd .fdd-main{grid-column:1}
  body.fdd .fdd-side-nav{flex-direction:row;flex-wrap:wrap;gap:4px;width:100%}
  body.fdd .fdd-support{display:none}
  body.fdd .fdd-side .side-nav-v3-label{font-size:13px}
  body.fdd .fdd-util{margin-bottom:-8px}
}
@media (max-width:760px){
  body.fdd .fdd-table{overflow:visible}
  body.fdd .fdd-table .store-table-head{display:none}
  body.fdd .fdd-table .store-table-row{min-width:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"id st" "who who" "addr addr" "drv drv" "km pr" "act act";gap:8px 12px;padding:14px 16px}
  body.fdd .fdd-table .store-table-row>span:nth-child(1){grid-area:id}
  body.fdd .fdd-table .store-table-row>span:nth-child(2){grid-area:who}
  body.fdd .fdd-table .store-table-row>span:nth-child(3){grid-area:st;justify-self:end}
  body.fdd .fdd-table .store-table-row>span:nth-child(4){grid-area:km;font-size:13px}
  body.fdd .fdd-table .store-table-row>span:nth-child(5){grid-area:pr;justify-self:end;font-size:13px}
  body.fdd .fdd-table .store-table-row>span:nth-child(6){grid-area:addr;white-space:normal;color:var(--fd-mut);font-size:13.5px}
  body.fdd .fdd-table .store-table-row>span:nth-child(7){grid-area:drv;font-size:13.5px}
  body.fdd .fdd-table .store-table-row>span:nth-child(8){grid-area:act;justify-content:flex-start;flex-wrap:wrap}
  body.fdd .fdd-table .store-row-actions .fdd-chev{margin-left:auto}
  body.fdd .fdd-lh{padding:14px 16px}
  body.fdd .fdd-search{max-width:none;flex-basis:100%}
  body.fdd .fdd-tabs{margin:0 16px 12px;max-width:calc(100% - 32px)}
  body.fdd .fdd-foot{padding:12px 16px}
}
@media (max-width:600px){
  body.fdd .fdd-fg,body.fdd .fdd-seg2{grid-template-columns:minmax(0,1fr)}
  body.fdd #delivery-window-range-clocks:not(.hidden){grid-template-columns:minmax(0,1fr)}
  body.fdd .fdd-form-main,body.fdd .fdd-sum{padding:18px}
  body.fdd .fdd-modal{padding:8px}
  body.fdd .fdd-create{border-radius:18px}
  body.fdd .fdd-actions{width:100%}
  body.fdd .fdd-actions #open-create-modal{flex:1 1 100%}
  body.fdd .fdd-kpi{padding:14px 16px}
  body.fdd .fdd-kpi strong{font-size:26px}
}

/* =====================================================================
   FlowerDrop premium redesign 2026-10 - DELIVERY DETAILS
   (delivery-details.html, body.fd.fdp; markup from details.js)
   Old .details-* classes stay as JS hooks; these rules restyle them.
   ===================================================================== */
body.fdp{background:var(--fd-soft)}
body.fdp .details-page-main{min-height:0;padding:28px clamp(16px,3vw,40px) 48px}
body.fdp .details-page-wrap{max-width:1180px;width:100%;margin:0;display:block;min-width:0}
body.fdp .fdp-side .lang-toggle{margin-top:auto;align-self:flex-start}
body.fdp .details-page-shell{display:flex;flex-direction:column;gap:20px;min-width:0}
body.fdp .fdp-crumb svg.i{width:14px;height:14px}
body.fdp .fdp-crumb span{min-width:0;overflow-wrap:anywhere}

/* header */
body.fdp .details-page-topbar.fdp-head{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px 14px;padding:0;border:0;background:transparent;box-shadow:none;min-width:0}
body.fdp .fdp-head .details-page-brand,body.fdp .fdp-head .details-topbar-divider,body.fdp .fdp-head .details-topbar-order,body.fdp .fdp-head .modal-eyebrow{display:none}
body.fdp .fdp-head .details-topbar-title{flex:1 1 260px;min-width:0}
body.fdp .fdp-head h1{margin:0;font-family:var(--fd-head);font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;color:var(--fd-fg);overflow-wrap:anywhere}
body.fdp .fdp-head-sub{margin:4px 0 0;color:var(--fd-mut);font-size:14px;overflow-wrap:anywhere}
body.fdp .fdp-head .details-status-chip{border:0;font-size:13.5px;padding:7px 14px 7px 12px;min-height:0;box-shadow:none}
body.fdp .fdp-head-actions{display:flex;flex-wrap:wrap;gap:8px;min-width:0}
body.fdp .fdp-head-actions .fd-btn{min-height:0;width:auto;margin:0}
body.fdp .fdp-head-actions .details-ready-btn{background:var(--fd-grad);color:#fff;border:0;border-radius:10px;padding:8px 13px;font:inherit;font-weight:600;font-size:13.5px;cursor:pointer;width:auto;min-height:0;margin:0}
body.fdp .fdp-head-actions .details-back-pill{border:0;background:transparent;color:var(--fd-mut)}
body.fdp .detail-copy-feedback{color:var(--fd-p);font-weight:600}

/* tracker */
body.fdp .fdp-track{padding:22px 20px}
body.fdp .fdp-track ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}
body.fdp .fdp-track li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;position:relative;min-width:0}
body.fdp .fdp-track li:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(50% + 24px);right:calc(-50% + 18px);height:2px;background:var(--fd-line)}
body.fdp .fdp-track li.done:not(.cur)::after{background:var(--fd-grad)}
body.fdp .fdp-track .d{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--fd-soft2);color:var(--fd-mut);border:1px solid var(--fd-line);margin-bottom:6px;position:relative;z-index:1}
body.fdp .fdp-track li.done .d{background:var(--fd-grad);color:#fff;border-color:transparent}
body.fdp .fdp-track li.cur .d{background:var(--fd-card);color:var(--fd-p);border:2px solid var(--fd-p);box-shadow:var(--fd-ring)}
body.fdp .fdp-track b{font-family:var(--fd-head);font-size:14px;color:var(--fd-fg)}
body.fdp .fdp-track small{color:var(--fd-mut);font-size:12.5px;overflow-wrap:anywhere}

/* card grid */
body.fdp .fdp-grid2{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:20px;align-items:start}
body.fdp .fdp-grid2b{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.fdp .details-layout>.details-info-card,body.fdp .details-layout>.details-timeline-card{grid-column:auto;grid-row:auto}
body.fdp .details-side-stack{display:block;min-width:0}
body.fdp .fdp-card.details-section,body.fdp .fdp-card{border:1px solid var(--fd-line);border-radius:18px;background:var(--fd-card);box-shadow:var(--fd-sh1);padding:22px;color:var(--fd-fg);min-width:0}
body.fdp .fdp-card-h{display:flex;align-items:center;gap:12px;margin:0 0 18px}
body.fdp .fdp-card-h h3{margin:0;font-family:var(--fd-head);font-size:16px;font-weight:700;color:var(--fd-fg);min-width:0}
body.fdp .fdp-card-h .proof-delivery-title{font:inherit;margin:0}
body.fdp .fdp-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}
body.fdp .fdp-kv>div{min-width:0}
body.fdp .fdp-kv .full{grid-column:1/-1}
body.fdp .fdp-kv .k,body.fdp .fdp-note .k{color:var(--fd-mut);font-size:12.5px;font-weight:600;margin-bottom:3px}
body.fdp .fdp-kv .v{font-weight:600;font-size:14.5px;color:var(--fd-fg);overflow-wrap:anywhere}
body.fdp .fdp-kv a{color:var(--fd-p);text-decoration:none}
body.fdp .fdp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
body.fdp .fdp-chip-warn{background:var(--fd-warnsoft);border-color:transparent;color:var(--fd-warn)}
body.fdp .fdp-chip-warn svg.i{color:var(--fd-warn)}

/* note */
body.fdp .fdp-note.details-note-box{margin-top:18px;padding:14px 16px;border-radius:14px;background:var(--fd-soft);border:1px solid var(--fd-line);display:block}
body.fdp .fdp-note .details-note-view{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}
body.fdp .fdp-note .details-note-view[hidden]{display:none}
body.fdp .fdp-note-text{flex:1 1 180px;min-width:0}
body.fdp .fdp-note-text strong{display:block;font-weight:500;color:var(--fd-fg);white-space:pre-wrap;overflow-wrap:anywhere}
body.fdp .fdp-note-text em{color:var(--fd-mut)}
body.fdp .fdp-note .details-note-edit-btn{min-height:0;width:auto}
body.fdp .fdp-note .details-note-edit-form{display:grid;gap:10px}
body.fdp .fdp-note .details-note-edit-form[hidden]{display:none}
body.fdp .fdp-note textarea{width:100%;box-sizing:border-box;resize:vertical}
body.fdp .fdp-note .details-note-edit-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
body.fdp .detail-note-feedback{color:var(--fd-mut);font-size:13px;margin-top:6px}
body.fdp .detail-note-feedback:empty{display:none}

/* history */
body.fdp .fdp-history{display:grid;gap:0}
body.fdp .fdp-history .timeline-step{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 18px;position:relative;color:var(--fd-mut)}
body.fdp .fdp-history .timeline-step:last-child{padding-bottom:0}
body.fdp .fdp-history .timeline-step:not(:last-child)::before{content:"";position:absolute;left:5px;top:16px;bottom:2px;width:2px;background:var(--fd-line)}
body.fdp .fdp-history .timeline-step>span{width:12px;height:12px;margin-top:4px;border:2px solid var(--fd-line);background:var(--fd-card);position:relative;z-index:1;box-sizing:border-box}
body.fdp .fdp-history .timeline-step.active>span{border:0;background:var(--fd-grad)}
body.fdp .fdp-history strong{color:var(--fd-mut);font-weight:600;font-size:14px}
body.fdp .fdp-history .active strong{color:var(--fd-fg)}
body.fdp .fdp-history small{color:var(--fd-mut);font-size:12.5px}
body.fdp .fdp-history .timeline-current-badge,body.fdp .fdp-history .timeline-badge{margin-top:6px;padding:3px 10px;border-radius:999px;background:var(--fd-psoft);color:var(--fd-p);font-size:12px;font-weight:700;font-style:normal;width:fit-content}

/* driver */
body.fdp .fdp-driver-row{display:flex;align-items:center;gap:14px;min-width:0}
body.fdp .fdp-driver-av{width:52px;height:52px;font-size:17px}
body.fdp .fdp-driver-name{flex:1;min-width:0}
body.fdp .fdp-driver-name b{font-family:var(--fd-head);font-size:17px;overflow-wrap:anywhere}
body.fdp .fdp-driver-card .fdp-kv{margin-top:18px}
body.fdp .fdp-empty,body.fdp .proof-placeholder.details-placeholder-card{border:1.5px dashed var(--fd-line);border-radius:14px;padding:28px 18px;text-align:center;color:var(--fd-mut);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px;background:transparent;box-shadow:none}
body.fdp .fdp-empty strong,body.fdp .proof-placeholder strong{color:var(--fd-fg);font-size:14.5px}
body.fdp .fdp-empty-ic,body.fdp .proof-placeholder .details-placeholder-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--fd-soft2);color:var(--fd-mut)}
body.fdp .proof-placeholder .details-placeholder-icon svg{width:20px;height:20px}

/* proof */
body.fdp .details-proof-card .proof-delivery-subtitle{margin:-10px 0 14px;color:var(--fd-mut);font-size:13px;overflow-wrap:anywhere}
body.fdp .proof-delivery-photo{background:var(--fd-soft);border-radius:14px}
body.fdp .proof-delivery-photo img{max-height:260px}
body.fdp .proof-delivery-row{border-bottom-color:var(--fd-line);min-width:0}
body.fdp .proof-delivery-row dt{color:var(--fd-mut)}
body.fdp .proof-delivery-row dd,body.fdp .proof-delivery-row dd a,body.fdp .proof-timestamp-btn{color:var(--fd-fg);overflow-wrap:anywhere;min-width:0}
body.fdp .proof-signature-box,body.fdp .proof-signature-img{background:var(--fd-soft);border-color:var(--fd-line);color:var(--fd-mut);box-sizing:border-box}

/* return card + footer + empty states */
body.fdp .details-return-card .details-section-title{display:flex;gap:10px;align-items:center;margin:0 0 6px;font-family:var(--fd-head);color:var(--fd-fg)}
body.fdp .details-return-subtitle{color:var(--fd-mut);margin:0 0 14px}
body.fdp .details-return-actions{display:flex;flex-wrap:wrap;gap:8px}
body.fdp .fdp-footer.details-footer-bar{background:transparent;border:0;box-shadow:none;padding:0;color:var(--fd-mut)}
body.fdp .fdp-footer .details-footer-note{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--fd-mut);min-width:0}
body.fdp .fdp-footer strong{color:var(--fd-fg);font-weight:600;margin-right:4px}
body.fdp .fdp-footer .details-footer-note-icon{color:var(--fd-p);flex:none}
body.fdp .fdp-footer .details-footer-note-icon svg{width:18px;height:18px}
body.fdp .empty-state{background:var(--fd-card);border:1.5px dashed var(--fd-line);border-radius:18px;padding:32px 20px;color:var(--fd-mut);display:grid;gap:6px;text-align:center}
body.fdp .empty-state strong{color:var(--fd-fg)}

@media (max-width:900px){
  body.fdp .details-page-main{padding:20px 16px 40px}
  body.fdp .fdp-grid2,body.fdp .fdp-grid2b{grid-template-columns:minmax(0,1fr)}
  body.fdp .fdp-side .lang-toggle{margin:0 0 0 auto}
}
@media (max-width:600px){
  body.fdp .fdp-track{padding:18px 12px}
  body.fdp .fdp-track ol{gap:6px}
  body.fdp .fdp-track .d{width:34px;height:34px}
  body.fdp .fdp-track li:not(:last-child)::after{top:16px;left:calc(50% + 20px);right:calc(-50% + 14px)}
  body.fdp .fdp-track b{font-size:12.5px}
  body.fdp .fdp-track small{font-size:11px}
  body.fdp .fdp-card.details-section,body.fdp .fdp-card{padding:18px 16px}
  body.fdp .fdp-kv{grid-template-columns:minmax(0,1fr);gap:12px}
  body.fdp .fdp-head-actions{width:100%}
}

/* ===== FlowerDrop premium redesign 2026-10 - LEGAL + LEGACY PAGES (support.html, privacy.html body.fdlg; customer-panel.html body.fdc) ===== */
.fdlg-main{max-width:760px;margin:0 auto;padding:48px 16px 96px;line-height:1.7;overflow-wrap:anywhere}
.fdlg-main h1{font:800 clamp(30px,6vw,44px)/1.1 var(--fd-head);letter-spacing:-.02em;margin:0 0 6px;background:linear-gradient(90deg,var(--fd-p),var(--fd-p2));-webkit-background-clip:text;background-clip:text;color:transparent}
.fdlg-main .updated{color:var(--fd-mut);margin:0 0 32px;font-size:14px}
.fdlg-main h2{font:700 20px/1.3 var(--fd-head);margin:36px 0 8px;color:var(--fd-fg)}
.fdlg-main p,.fdlg-main li{color:var(--fd-fg);opacity:.86}
.fdlg-main ul{padding-left:20px;margin:8px 0}
.fdlg-main a{color:var(--fd-p);font-weight:600}
.fdlg-foot{padding-block:28px}
.fdlg-links{display:inline-flex;gap:16px;flex-wrap:wrap}
.fdlg-links a{color:rgb(255 255 255/.75);text-decoration:none}.fdlg-links a:hover{color:#fff}
@media(max-width:400px){.fdlg .fdh-nav-r{gap:6px}.fdlg .fdh-nav .fd-btn.sm{padding:7px 9px;font-size:13px}}
body.fdc header{background:var(--fd-card);border-bottom:1px solid var(--fd-line)}
body.fdc header nav{flex-wrap:wrap;gap:10px}
body.fdc .card{background:var(--fd-card);color:var(--fd-fg);border:1px solid var(--fd-line);border-radius:18px;box-shadow:var(--fd-sh1)}
body.fdc h2{font-family:var(--fd-head)}
body.fdc .dashboard-grid{min-width:0}
body.fdc .dashboard-grid>*{min-width:0}