/* ============================================================
   LuminAgent — design.css (Φάση 1α: Premium UI foundation)
   ------------------------------------------------------------
   Φορτώνεται ΜΕΤΑ το inline <style> του dashboard.html, ώστε
   να εξελίσσει (όχι να αντικαθιστά) το υπάρχον token σύστημα.
   Πηγή αλήθειας για το look: luminagent-shell-light-dark.html
   (εγκεκριμένο mockup) + MASTER-REFERENCE §2.
   ============================================================ */

/* ---------- 1) Νέα tokens (διαθέσιμα σε όλα τα επόμενα βήματα) ---------- */
:root{
  /* brand accents */
  --mint:#2DE3A8;
  --mint-deep:#13B98A;
  --accent:#0FA37A;              /* mint για κείμενα/links σε LIGHT (αναγνωσιμότητα) */
  --blue-bright:#2F6BFF;

  /* glass surfaces (light) */
  --glass:rgba(255,255,255,.72);
  --glass-2:rgba(255,255,255,.92);
  --stroke:rgba(16,37,82,.10);
  --stroke-2:rgba(16,37,82,.17);
  --blur:saturate(150%) blur(18px);

  /* πιο «premium» σχήμα & σκιές (override των υπαρχόντων) */
  --r:16px;
  --shadow-sm:0 6px 22px -12px rgba(20,42,92,.16),0 1px 2px rgba(16,42,92,.04);
  --shadow:0 16px 40px -20px rgba(20,42,92,.26),0 2px 6px rgba(16,42,92,.05);

  /* τυπογραφία: Manrope body (το Space Grotesk display υπάρχει ήδη) */
  --font-body:'Manrope','Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
[data-theme="dark"]{
  --accent:#2DE3A8;              /* στο dark το fresh mint διαβάζεται άνετα */
  --glass:rgba(255,255,255,.05);
  --glass-2:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.10);
  --stroke-2:rgba(255,255,255,.16);
  --shadow-sm:0 8px 26px -14px rgba(0,0,0,.5);
  --shadow:0 18px 50px -20px rgba(0,0,0,.6);
}

/* ---------- 2) Ambient background (η «σκηνή» του glassmorphism) ---------- */
body{
  background:
    radial-gradient(1100px 700px at 90% -10%, rgba(45,227,168,.13), transparent 52%),
    radial-gradient(1000px 800px at -8% 110%, rgba(47,107,255,.11), transparent 52%),
    linear-gradient(160deg,#EEF3FB 0%,#F6F9FD 46%,#E8EFFA 100%);
  background-attachment:fixed;
}
[data-theme="dark"] body{
  background:
    radial-gradient(1100px 700px at 88% -8%, rgba(45,227,168,.14), transparent 55%),
    radial-gradient(1000px 800px at -6% 108%, rgba(47,107,255,.16), transparent 55%),
    linear-gradient(160deg,#08172F 0%,#0A1F44 48%,#081229 100%);
  background-attachment:fixed;
}

/* ---------- 3) Glass κάρτες (πάνω στο υπάρχον .card) ---------- */
.card{
  background:var(--glass);
  -webkit-backdrop-filter:var(--blur);
  backdrop-filter:var(--blur);
  border-color:var(--stroke);
}
/* λεπτή «γυάλινη» ακμή στην κορυφή κάθε κάρτας */
.card{position:relative;}
.card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:inherit;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);
  pointer-events:none;
}
[data-theme="dark"] .card::before{
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
}
/* inputs/selects/textarea μέσα σε glass: ελαφρώς πιο συμπαγή επιφάνεια */
input,select,textarea{background-color:var(--glass-2);}
[data-theme="dark"] input,[data-theme="dark"] select,[data-theme="dark"] textarea{background-color:var(--glass-2);color:var(--ink);}

/* ---------- 4) Primary κουμπιά → mint (εγκεκριμένο mockup) ---------- */
.btn-p{
  background:linear-gradient(120deg,var(--mint),var(--mint-deep));
  color:#04221A;
  border-color:transparent;
  font-weight:700;
  box-shadow:0 10px 24px -12px rgba(45,227,168,.65);
}
.btn-p:hover,[data-theme="dark"] .btn-p:hover{
  background:linear-gradient(120deg,var(--mint),var(--mint-deep));
  color:#04221A;
  transform:translateY(-1px);
  box-shadow:0 14px 30px -12px rgba(45,227,168,.75);
}
.btn-p:active{transform:translateY(0);}
/* focus ring στο brand mint (πληκτρολόγιο/προσβασιμότητα) */
.btn-p:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid rgba(45,227,168,.6);outline-offset:1px;
}

/* ---------- 5) Μικρές «γυαλάδες» χαμηλού ρίσκου ---------- */
/* ομαλό hover στις κάρτες που είναι ήδη clickable δεν αλλάζει· μόνο σκιά στο hover πινάκων/λιστών αργότερα (1γ/1δ) */
.theme-toggle{border-radius:10px;}
::selection{background:rgba(45,227,168,.28);}

/* σεβασμός στο reduced motion */
@media (prefers-reduced-motion:reduce){
  .btn-p,.btn-p:hover{transform:none;transition:none;}
}

/* ============================================================
   Φάση 1β — SHELL CHROME (sidebar + top bar + desktop collapse)
   ============================================================ */

/* ---------- Sidebar: premium navy gradient ---------- */
.sidebar{
  background:linear-gradient(180deg,#0A1F44 0%,#0C2450 55%,#081A38 100%);
  border-right:1px solid rgba(255,255,255,.06);
}
.side-brand{padding:6px 6px 12px;}
.side-brand .lt span{color:var(--mint);opacity:1;font-weight:700;}
.side-grp{color:#5F76A8;font-weight:800;letter-spacing:.12em;font-size:10.5px;white-space:nowrap;overflow:hidden;}
.side-i{border-radius:10px;position:relative;white-space:nowrap;overflow:hidden;}
.side-i:hover{background:rgba(255,255,255,.07);color:#EAF0FF;}
.side-i.on{background:linear-gradient(100deg,rgba(45,227,168,.18),rgba(47,107,255,.12));color:#fff;}
.side-i.on::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:22px;border-radius:0 3px 3px 0;
  background:linear-gradient(var(--mint),var(--blue-bright));
  box-shadow:0 0 12px rgba(45,227,168,.8);
}
.side-i.on svg{color:var(--mint);}
.side-i .pcount{background:rgba(45,227,168,.22);color:var(--mint);}
.side-foot{border-top:1px solid rgba(255,255,255,.08);margin-top:10px;padding-top:10px;}

/* ---------- Top bar: glass ---------- */
.page-head{
  background:var(--glass-2);
  -webkit-backdrop-filter:var(--blur);
  backdrop-filter:var(--blur);
  border-bottom:1px solid var(--stroke);
}
.page-title{font-size:18px;font-weight:700;letter-spacing:-.02em;}
.hamburger{border-radius:10px;padding:7px 9px;transition:background .15s ease,transform .1s ease;}
.hamburger:hover{background:var(--glass);transform:translateY(-1px);}
.theme-toggle:hover{background:var(--glass);}

/* ---------- Desktop collapse (μόνο >760px — το mobile overlay μένει ως έχει) ---------- */
@media(min-width:761px){
  .hamburger{display:inline-flex;} /* ορατό & σε desktop: λειτουργεί ως σύμπτυξη */
  .sidebar{transition:width .3s cubic-bezier(.22,.61,.36,1),flex-basis .3s cubic-bezier(.22,.61,.36,1),background .3s;}
  html.side-collapsed .sidebar{width:72px;flex:0 0 72px;padding-left:10px;padding-right:10px;}
  html.side-collapsed .side-brand{justify-content:center;padding:6px 0 12px;}
  html.side-collapsed .side-brand .lt{display:none;}
  html.side-collapsed .side-grp{font-size:0;height:1px;background:rgba(255,255,255,.09);margin:14px 6px;}
  html.side-collapsed .side-i{font-size:0;gap:0;justify-content:center;padding:10px 0;}
  html.side-collapsed .side-i .pcount{position:absolute;top:3px;right:5px;font-size:10px;padding:0 5px;margin:0;}
  html.side-collapsed .side-biz{display:none;}
  html.side-collapsed .side-i.on::before{height:18px;}
}
@media (prefers-reduced-motion:reduce){ .sidebar{transition:none;} }

/* ============================================================
   Φάση 1γ — HOME / ΕΠΙΣΚΟΠΗΣΗ (βιτρίνα)
   ============================================================ */
.hm-head{margin-bottom:18px;}
.hm-eyebrow{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin-bottom:5px;}
.hm-h1{margin:0;font-size:26px;letter-spacing:-.02em;line-height:1.1;}
.hm-sub{color:var(--mut);font-size:14px;margin-top:6px;}
.hm-sub b{color:var(--ink);}

/* metrics */
.hm-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;}
.hm-metric{padding:16px;margin-bottom:0;}
.hm-mtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.hm-mic{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--stroke);}
.hm-metric.m1 .hm-mic{background:rgba(45,227,168,.13);color:var(--accent);}
.hm-metric.m2 .hm-mic{background:rgba(255,180,84,.15);color:#D98521;}
.hm-metric.m3 .hm-mic{background:rgba(139,124,246,.14);color:#7C6CF0;}
.hm-metric.m4 .hm-mic{background:rgba(47,107,255,.13);color:var(--blue-bright);}
.hm-metric.m5 .hm-mic{background:rgba(45,227,168,.13);color:var(--accent);}
.hm-val{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:-.03em;line-height:1;}
.hm-lbl{color:var(--mut);font-size:12.5px;font-weight:600;margin-top:6px;}
.hm-trend{font-size:11px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;}
.hm-trend.up{background:rgba(45,227,168,.15);color:var(--accent);}
.hm-trend.down{background:rgba(255,107,125,.15);color:#E84C61;}

/* grid: chart + readiness */
.hm-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-bottom:16px;align-items:start;}
.hm-grid > .card{margin-bottom:0;}
.hm-chartcard{display:flex;flex-direction:column;}
.hm-ch-top{display:flex;align-items:center;justify-content:space-between;}
.hm-ch-t{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;}
.hm-ch-head{margin-top:8px;}
.hm-big{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.03em;}
.hm-ch-sub{color:var(--mut);font-size:12.5px;margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.hm-ch-wrap{position:relative;margin-top:8px;}
.hm-ch-wrap svg{width:100%;height:180px;display:block;overflow:visible;}
.hm-grid-l{stroke:var(--stroke);stroke-width:1;}
.hm-dot{stroke:var(--card);stroke-width:2.5;}
.hm-tip{position:absolute;pointer-events:none;background:var(--glass-2);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--stroke-2);color:var(--ink);border-radius:9px;padding:6px 10px;font-size:12px;font-weight:700;transform:translate(-50%,-135%);opacity:0;transition:opacity .12s;white-space:nowrap;box-shadow:var(--shadow);z-index:2;}
.hm-tip span{color:var(--accent);}

/* readiness */
.hm-ready{display:flex;flex-direction:column;gap:12px;}
.hm-rd-top{display:flex;align-items:center;gap:14px;}
.hm-ring{position:relative;width:96px;height:96px;flex:0 0 auto;}
.hm-ring-track{stroke:var(--stroke);}
.hm-ring-pct{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);}
.hm-ring-pct b{font-size:21px;font-weight:700;line-height:1;}
.hm-ring-pct span{font-size:9px;color:var(--mut);font-weight:700;letter-spacing:.08em;margin-top:2px;font-family:var(--font-body);}
.hm-rd-txt h4{margin:0 0 4px;font-size:15px;}
.hm-rd-txt p{margin:0;color:var(--mut);font-size:12.5px;line-height:1.5;}
.hm-checks{display:flex;flex-direction:column;gap:7px;}
.hm-check{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;}
.hm-cb{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;flex:0 0 auto;}
.hm-check.done .hm-cb{background:rgba(45,227,168,.17);color:var(--accent);}
.hm-check.todo .hm-cb{background:rgba(255,180,84,.17);color:#D98521;}
.hm-check.done .hm-cl{color:var(--mut);}
.hm-cl{flex:1;min-width:0;}
.hm-cl em{font-style:normal;font-size:11px;color:var(--mut);}
.hm-go{margin-left:auto;border:0;background:none;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer;padding:3px 6px;border-radius:7px;white-space:nowrap;font-family:inherit;}
.hm-go:hover{background:rgba(45,227,168,.12);}

/* quick actions */
.hm-sec-t{font-family:var(--font-display);font-size:15px;font-weight:700;margin:2px 2px 10px;letter-spacing:-.01em;}
.hm-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
.hm-qa{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;margin-bottom:0;cursor:pointer;border:1px solid var(--stroke);text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;font-family:inherit;color:var(--ink);}
.hm-qa:hover{transform:translateY(-2px);border-color:var(--stroke-2);box-shadow:var(--shadow);}
.hm-qa b{font-size:13.5px;font-weight:700;}
.hm-qic{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(47,107,255,.16),rgba(45,227,168,.15));color:var(--accent);border:1px solid var(--stroke);}

/* upcoming list */
.hm-list{padding:14px 16px;}
.hm-list-h{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:6px;letter-spacing:-.01em;}
.hm-row{display:flex;align-items:center;gap:12px;padding:10px 4px;flex-wrap:wrap;}
.hm-row+.hm-row{border-top:1px solid var(--stroke);}
.hm-time{font-family:var(--font-display);font-weight:700;font-size:14px;width:48px;flex:0 0 auto;color:var(--ink);}
.hm-av{width:36px;height:36px;border-radius:10px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;color:#04221A;font-family:var(--font-display);}
.hm-ri{flex:1;min-width:150px;}
.hm-ri b{font-size:13.5px;display:block;}
.hm-ri span{font-size:12px;color:var(--mut);display:block;margin-top:1px;}
.hm-tag{font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px;flex:0 0 auto;}
.hm-tag.ok{background:rgba(45,227,168,.15);color:var(--accent);}
.hm-tag.pend{background:rgba(255,180,84,.17);color:#D98521;}
.hm-acts{display:flex;gap:6px;flex:0 0 auto;}

/* responsive */
@media(max-width:1080px){
  .hm-metrics{grid-template-columns:repeat(3,1fr);}
  .hm-grid{grid-template-columns:1fr;}
  .hm-quick{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .hm-metrics{grid-template-columns:repeat(2,1fr);}
  .hm-time{display:none;}
}
@media (prefers-reduced-motion:reduce){ .hm-qa,.hm-qa:hover{transform:none;transition:none;} }

/* ============================================================
   Φάση 1δ-1 — GLOBAL POLISH PASS
   Αναβαθμίζει ΟΛΑ τα sections ταυτόχρονα μέσω κοινών κλάσεων:
   .loading (59×), .empty (35×), .badge (22×), πίνακες, sec-header.
   Καμία αλλαγή JS.
   ============================================================ */

/* ---------- Skeleton loading (αντικαθιστά οπτικά το «Φόρτωση…») ---------- */
.loading{--sk:rgba(16,37,82,.07);}
[data-theme="dark"] .loading{--sk:rgba(255,255,255,.07);}
.loading{
  display:block;position:relative;overflow:hidden;
  padding:20px;min-height:140px;border-radius:var(--r);
  color:transparent!important;user-select:none;
}
.loading::before{
  content:"";position:absolute;left:20px;right:20px;top:22px;height:96px;border-radius:8px;
  background:
    linear-gradient(var(--sk),var(--sk)) 0 0/55% 16px,
    linear-gradient(var(--sk),var(--sk)) 0 32px/100% 12px,
    linear-gradient(var(--sk),var(--sk)) 0 56px/86% 12px,
    linear-gradient(var(--sk),var(--sk)) 0 80px/64% 12px;
  background-repeat:no-repeat;
}
.loading::after{
  content:"";position:absolute;inset:0;transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:skShimmer 1.4s infinite;
}
[data-theme="dark"] .loading::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);}
@keyframes skShimmer{to{transform:translateX(100%)}}

/* ---------- Empty states: σκόπιμα, όχι «ξεχασμένα» ---------- */
.empty{
  border:1.5px dashed var(--stroke-2);border-radius:var(--r);
  padding:34px 16px;color:var(--mut);background:var(--glass);
}
.empty::before{content:"✨";display:block;font-size:22px;margin-bottom:8px;opacity:.75;}

/* ---------- Ενιαία status badges (tokens, light+dark) ---------- */
.badge{padding:4px 10px;font-weight:800;}
.b-confirmed{background:rgba(45,227,168,.16);color:#0B7A5A;}
.b-pending{background:rgba(255,180,84,.2);color:#B45309;}
.b-cancelled{background:rgba(255,107,125,.16);color:#B91C1C;}
[data-theme="dark"] .b-confirmed{color:var(--mint);}
[data-theme="dark"] .b-pending{color:#FFC97E;}
[data-theme="dark"] .b-cancelled{color:#FF9AA6;}

/* ---------- Πίνακες: ήπιο hover + διακριτικά headers ---------- */
.main-wrap th{color:var(--mut);}
.main-wrap tbody tr{transition:background .12s ease;}
.main-wrap tbody tr:hover{background:rgba(45,227,168,.05);}
[data-theme="dark"] .main-wrap tbody tr:hover{background:rgba(45,227,168,.07);}

/* ---------- Section headers (navy hero): mint glow ---------- */
.sec-header::after{
  content:"";position:absolute;right:-40px;top:-46px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(circle,rgba(45,227,168,.26),transparent 70%);pointer-events:none;
}

/* ---------- Ομαλή εναλλαγή sections ---------- */
.main-wrap>div[id^="view"]{animation:viewFade .18s ease;}
@keyframes viewFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

/* ---------- Κουμπιά: διακριτικό lift ---------- */
.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px -6px rgba(20,42,92,.18);}
.btn:active{transform:none;box-shadow:none;}
[data-theme="dark"] .btn:hover{box-shadow:0 4px 14px -6px rgba(0,0,0,.5);}

@media (prefers-reduced-motion:reduce){
  .loading::after{animation:none;}
  .main-wrap>div[id^="view"]{animation:none;}
  .btn:hover{transform:none;}
}

/* ============================================================
   Φάση 1δ-2 — TOAST σύστημα (glass, πάνω δεξιά)
   ============================================================ */
/* κρύψε τα inline .savemsg — το μήνυμα βγαίνει πλέον ως toast
   (μένει στο DOM για screen readers) */
.savemsg{
  position:absolute!important;width:1px;height:1px;padding:0;margin:0;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

#lumin-toasts{
  position:fixed;top:16px;right:16px;z-index:9999;
  display:flex;flex-direction:column;gap:10px;
  pointer-events:none;max-width:min(360px,calc(100vw - 32px));
}
.lumin-toast{
  pointer-events:auto;cursor:pointer;display:flex;align-items:center;gap:11px;
  padding:12px 15px;border-radius:13px;font-size:13.5px;font-weight:600;
  color:var(--ink);background:var(--glass-2);
  -webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--stroke-2);box-shadow:var(--shadow);
  transform:translateX(120%);opacity:0;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s;
}
.lumin-toast.show{transform:none;opacity:1;}
.lumin-toast.hide{transform:translateX(120%);opacity:0;}
.lumin-toast .lt-ic{
  width:24px;height:24px;border-radius:50%;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#fff;
}
.lumin-toast .lt-tx{line-height:1.35;}
.lumin-toast.ok .lt-ic{background:linear-gradient(135deg,var(--mint),var(--mint-deep));color:#04221A;}
.lumin-toast.err .lt-ic{background:linear-gradient(135deg,#FF6B7D,#E84C61);}
.lumin-toast.info .lt-ic{background:linear-gradient(135deg,var(--blue-bright),var(--blue));}
.lumin-toast.ok{border-color:rgba(45,227,168,.4);}
.lumin-toast.err{border-color:rgba(255,107,125,.4);}

@media(max-width:640px){
  #lumin-toasts{left:16px;right:16px;top:12px;max-width:none;}
  .lumin-toast{transform:translateY(-120%);}
  .lumin-toast.show{transform:none;}
  .lumin-toast.hide{transform:translateY(-120%);}
}
@media (prefers-reduced-motion:reduce){
  .lumin-toast{transition:opacity .2s;transform:none;}
  .lumin-toast.hide{transform:none;}
}

/* ============================================================
   Φάση 1δ-3 — ΒΑΡΙΑ SECTIONS (bookings) + loading fix
   ============================================================ */

/* ---------- FIX: skeleton κεντραρισμένο & σωστό ύψος ---------- */
/* Τα loading placeholders να μη «κρέμονται» στην κορυφή μεγάλων περιοχών. */
.loading{margin:0 auto;max-width:640px;}
/* Ειδικά μέσα σε full-height περιοχές (πρώτη φόρτωση section) */
#homeArea>.loading,#list>.loading,#custArea>.loading,#stats>.loading,
#settings>.loading,#calendar>.loading,#roiArea>.loading,#mktArea>.loading,
#studioArea>.loading,#autoArea>.loading,#pending>.loading{
  margin-top:6vh;
}

/* ---------- Booking metric cards → glass + mint accent ---------- */
.bmetric{
  background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);
  border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
}
.bmetric::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,var(--hairline),transparent);}
.bmetric .mn{font-family:var(--font-display);letter-spacing:-.02em;}

/* ---------- Filter chips → mint active ---------- */
.chip{border-radius:999px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease;background:var(--glass);border-color:var(--stroke);}
.chip:hover{border-color:var(--stroke-2);color:var(--ink);transform:translateY(-1px);}
.chip-on{background:linear-gradient(120deg,var(--mint),var(--mint-deep))!important;color:#04221A!important;border-color:transparent!important;font-weight:800;box-shadow:0 6px 16px -8px rgba(45,227,168,.6);}

/* ---------- Booking cards (list) → glass, mint ref, hover lift ---------- */
#list .card{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
#list .card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--stroke-2);}
.ref{color:var(--ink);}
.price{color:var(--accent);font-family:var(--font-display);}
.flight{color:var(--accent);}

/* ---------- Dispatch board cards (bcol/bcard) ---------- */
.bcol{background:var(--glass);border-color:var(--stroke);border-radius:14px;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);}
.bcol-un{background:rgba(255,180,84,.1);border-color:rgba(255,180,84,.4);}
.bcard{border-radius:11px;border-color:var(--stroke);transition:transform .12s ease,box-shadow .12s ease;}
.bcard:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);}
.bcol-n{background:rgba(45,227,168,.16);color:var(--accent);}

/* ---------- empty-cta (πλούσιο empty) → glass κάρτα ---------- */
.empty-cta{background:var(--glass);border:1.5px dashed var(--stroke-2);border-radius:var(--r);}
.empty-cta .ec-ic{background:linear-gradient(135deg,rgba(47,107,255,.16),rgba(45,227,168,.16));color:var(--accent);border:1px solid var(--stroke);}
/* το γενικό .empty::before ✨ δεν χρειάζεται εδώ (έχει δικό του εικονίδιο) */
.empty-cta::before{content:none;}

/* ---------- Νέα-κράτηση φόρμα: ομαλό inputs ---------- */
#newBkForm input,#newBkForm select,#newBkForm textarea{border-radius:11px;}