/* =====================================================================
 * Skin NLC (05.10.2026) — limbajul vizual din NLC-System (crm.no-limit-group.com), incarcat ultimul:
 * fotografia scenei sub un voal navy, sticla transparenta, titluri Montserrat argintii, accent metalic
 * (cyan de gheata, orcile in salt din ocean), linia „flacara” sub antet, coloane cu lumina etapei, carduri cu muchie colorata.
 * Stergerea acestui fisier readuce aspectul de dinainte.
 * ===================================================================== */
:root {
  --k: #35c4e8;            /* accentul principal */
  --k-rgb: 53,196,232;
  --k2: #9ff0ff;          /* accentul deschis (text metalic, numere) */
  --k3: #1683a8;          /* accentul inchis */
  --k-grad: linear-gradient(115deg, #1683a8 0%, #35c4e8 38%, #9ff0ff 55%, #35c4e8 72%, #1683a8 100%);
  --nav-0: #020a16; --nav-1: #06142a; --nav-2: #0b1f3a; --nav-3: #13294a;
  --glass: rgba(8, 24, 46, .58);
  --glass-dens: rgba(7, 20, 40, .86);
  --glass-line: rgba(var(--k-rgb), .32);
  --txt: #e8eef6; --txt-2: #b9c6d6; --txt-3: #8ea0b6;
  --argint: linear-gradient(170deg, #ffffff 0%, #dfe6ef 35%, #9eabbb 60%, #f4f7fb 80%, #b9c4d2 100%);
  --glow-edge: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.18) 28%, var(--k2) 50%, rgba(255,255,255,.18) 72%, transparent 100%);
  --font-h: 'Montserrat', 'Inter', system-ui, sans-serif;
}

/* ---------- scena ---------- */
html { background: var(--nav-0) !important; }
body { background: transparent !important; background-image: none !important; color: var(--txt); }
body::before {
  content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none;
  background: url("assets/orca-scena.jpg") 70% 45% / cover no-repeat !important; filter: none !important;
  animation: nlc-drift 70s ease-in-out infinite alternate;
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60% 50% at 16% 12%, rgba(var(--k-rgb), .16) 0%, transparent 62%),
    linear-gradient(180deg, rgba(3,11,24,.30) 0%, rgba(3,11,24,.42) 40%, rgba(3,11,24,.70) 100%) !important;
}
@keyframes nlc-drift { from { transform: scale(1.02); } to { transform: scale(1.07) translate3d(-1%, -.6%, 0); } }
@media (prefers-reduced-motion: reduce) { body::before { animation: none; } }
::selection { background: rgba(var(--k-rgb), .35); }
* { scrollbar-color: rgba(var(--k-rgb), .55) transparent; }

/* ---------- butoane ---------- */
.btn { border: 1px solid rgba(var(--k-rgb), .32); background: rgba(255,255,255,.05); color: var(--txt); border-radius: 10px; font-family: var(--font-h); font-weight: 700; letter-spacing: .01em; }
.btn:hover { background: rgba(var(--k-rgb), .12); border-color: rgba(var(--k-rgb), .7); }
.btn-gold, .sheet .btn-gold, .modal .btn-gold {
  background: linear-gradient(135deg, var(--k2), var(--k) 52%, var(--k3)) !important; color: #06121f !important; border-color: transparent !important;
  box-shadow: 0 10px 24px -8px rgba(var(--k-rgb), .55), inset 0 1px 0 rgba(255,255,255,.35);
}
.btn-gold:hover { filter: brightness(1.08); }
.btn-outline-gold { border-color: rgba(var(--k-rgb), .7) !important; color: var(--k2) !important; background: rgba(6,20,38,.45) !important; }
.btn-danger { border-color: rgba(240,68,56,.55) !important; color: #ffb4ab !important; }

/* ---------- autentificare: sticla navy cu rama ---------- */
.auth-wrap { padding: 28px 16px; }
.auth-card {
  width: min(640px, 100%); background: linear-gradient(180deg, rgba(14,34,62,.86), rgba(6,18,36,.9)) !important; color: var(--txt) !important;
  border: 1px solid rgba(var(--k-rgb), .38) !important; border-radius: 24px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 30px 90px rgba(0,0,0,.55), 0 0 40px rgba(var(--k-rgb), .08) !important;
  backdrop-filter: blur(10px) saturate(1.15); -webkit-backdrop-filter: blur(10px) saturate(1.15); overflow: hidden;
}
.auth-brand { justify-content: flex-start !important; padding: 26px 38px 20px !important; background: none !important; border-bottom: 0 !important; }
.auth-brand::after { left: 38px !important; right: 38px !important; background: linear-gradient(90deg, rgba(var(--k-rgb), .1), rgba(var(--k-rgb), .45), rgba(var(--k-rgb), .1)) !important; }
.auth-body { padding: 24px 38px 36px !important; }
.auth-card .eyebrow { color: var(--k) !important; letter-spacing: .22em; font-size: 11.5px; }
.auth-card h1 {
  font: 700 clamp(26px, 4.2vw, 38px) var(--font-h) !important; text-transform: uppercase; letter-spacing: .01em;
  background: var(--argint); -webkit-background-clip: text; background-clip: text; color: transparent !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.55));
}
.auth-card .lead { color: var(--txt-2) !important; font-size: 15px; font-weight: 600; }
.auth-tabs { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.08); border-radius: 12px !important; }
.auth-tabs button { color: var(--txt-2) !important; font-family: var(--font-h); font-weight: 700 !important; font-size: 15px; padding: 12px !important; }
.auth-tabs button.active { background: rgba(var(--k-rgb), .12) !important; color: var(--k2) !important; box-shadow: inset 0 0 0 1px rgba(var(--k-rgb), .6) !important; }
.auth-card label { color: var(--txt) !important; font-family: var(--font-h); font-weight: 700 !important; }
.auth-card label small { color: var(--txt-3) !important; font-family: 'Inter', sans-serif; }
.auth-card input, .auth-card select {
  height: 50px; background: rgba(2,10,22,.55) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 11px !important;
}
.auth-card input:focus, .auth-card select:focus { outline: 0 !important; border-color: var(--k) !important; box-shadow: 0 0 0 3px rgba(var(--k-rgb), .18) !important; }
.auth-card select option { background: var(--nav-2); }
.auth-card .btn-gold { height: 52px; font-size: 15px !important; text-transform: uppercase; letter-spacing: .06em; margin-top: 10px !important; }
.auth-msg { color: #ff9c92 !important; }
.pending-mark { background: rgba(var(--k-rgb), .14) !important; color: var(--k2) !important; box-shadow: 0 0 0 1px rgba(var(--k-rgb), .5); }

/* ---------- logo ---------- */
.logo-text b { font-family: var(--font-h) !important; font-weight: 600 !important; }
.logo-text i { color: var(--k) !important; }
.logo-text i:before, .logo-text i:after { background: var(--k) !important; }
.logo-sep { background: linear-gradient(180deg, transparent, rgba(var(--k-rgb), .8), transparent) !important; }
.app-header .logo { border: 0 !important; background: none !important; padding: 0 !important; }
.logo img { filter: drop-shadow(0 0 16px rgba(var(--k-rgb), .3)) drop-shadow(0 4px 10px rgba(0,0,0,.55)) !important; }

/* ---------- ecranul de start (alegerea modulului) ---------- */
.gateway .eyebrow {
  display: inline-flex; align-items: center; gap: 12px; letter-spacing: .28em !important;
  background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.gateway .eyebrow:before, .gateway .eyebrow:after { content: ""; width: 46px; height: 1px; background: linear-gradient(90deg, transparent, var(--k2)); }
.gateway .eyebrow:after { background: linear-gradient(90deg, var(--k2), transparent); }
.gateway .salut { color: var(--txt-2) !important; font-family: var(--font-h); font-weight: 600; }
.gateway .salut b { color: var(--k2) !important; }
.motto { background: rgba(6,20,38,.42) !important; border: 1px solid rgba(var(--k-rgb), .28) !important; backdrop-filter: blur(8px); }
.motto small { color: var(--k2) !important; border-color: rgba(var(--k-rgb), .5) !important; background: rgba(var(--k-rgb), .1) !important; }
.motto p { font-family: var(--font-h) !important; }
.motto-bara span { background: linear-gradient(90deg, var(--k3), var(--k2)) !important; }
.module-card {
  border: 1px solid rgba(var(--k-rgb), .42) !important; border-radius: 22px !important;
  background: radial-gradient(120% 80% at 50% 0%, rgba(var(--k-rgb), .10) 0%, transparent 55%), linear-gradient(180deg, rgba(20,44,76,.82) 0%, rgba(7,20,40,.9) 60%, rgba(4,13,28,.94) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -3px 0 var(--k), 0 26px 60px -24px rgba(1,6,16,.95), 0 0 26px rgba(var(--k-rgb), .12) !important;
  backdrop-filter: blur(8px) saturate(1.2);
}
.module-card:hover { border-color: rgba(var(--k-rgb), .9) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -3px 0 var(--k2), 0 30px 70px -24px rgba(1,6,16,.95), 0 0 34px rgba(var(--k-rgb), .38) !important; }
.module-card .col-tracer, .module-card .col-aura { display: none !important; }
.module-card i {
  background: radial-gradient(circle at 50% 28%, rgba(var(--k-rgb), .3), rgba(6,18,36,.92) 72%) !important; color: var(--k2) !important;
  border: 0 !important; box-shadow: 0 0 0 1px rgba(var(--k-rgb), .7), 0 0 18px rgba(var(--k-rgb), .38), inset 0 1px 0 rgba(255,255,255,.3) !important;
  text-shadow: 0 0 10px rgba(var(--k-rgb), .7);
}
.module-card i::after { border-top-color: var(--k2) !important; border-right-color: rgba(var(--k-rgb), .35) !important; }
.module-card strong { font-family: var(--font-h) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .03em; background: var(--argint) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.module-card small { color: var(--txt-2) !important; }
.module-card b { background: none !important; border: 0 !important; color: var(--k2) !important; letter-spacing: .2em !important; }
.module-card .col-step { color: var(--k) !important; }

/* ---------- antetul pipeline-ului: titlu argintiu + linia flacara ---------- */
.app-header {
  position: relative; background: none !important; box-shadow: none !important; border-bottom: 0 !important;
  padding: 18px clamp(12px, 3vw, 48px) 16px !important;
}
.app-header::after {
  content: ""; position: absolute; left: clamp(12px, 3vw, 48px); right: clamp(12px, 3vw, 48px); bottom: 0; height: 2px; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, var(--k3) 12%, var(--k) 30%, var(--k2) 50%, var(--k) 70%, var(--k3) 88%, transparent 100%) !important;
  background-size: 200% 100% !important;
  box-shadow: 0 0 10px rgba(var(--k-rgb), .85), 0 0 26px rgba(var(--k-rgb), .45), 0 -6px 18px rgba(var(--k-rgb), .2);
  animation: nlc-flacara 6s ease-in-out infinite;
}
@keyframes nlc-flacara { 0%, 100% { background-position: 0% 0; opacity: .9; } 50% { background-position: 100% 0; opacity: 1; } }
.command-title p { color: var(--k) !important; letter-spacing: .3em !important; text-shadow: 0 0 8px rgba(var(--k-rgb), .5); }
.command-title h1 {
  font: 700 clamp(1.5rem, 2.2vw, 2.2rem) var(--font-h) !important; letter-spacing: .02em !important;
  background: var(--argint); -webkit-background-clip: text; background-clip: text; color: transparent !important;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.6)) drop-shadow(0 0 18px rgba(var(--k-rgb), .18));
}
.command-title span { color: var(--k) !important; }
.motivation { border-left: 2px solid rgba(var(--k-rgb), .55); padding-left: 22px; }
.motivation small { color: var(--k) !important; letter-spacing: .3em !important; }
.motivation strong {
  font-family: var(--font-h); font-size: clamp(.95rem, 1.05vw, 1.08rem) !important; line-height: 1.45;
  background: linear-gradient(100deg, #ffffff 0%, var(--k2) 22%, var(--k) 42%, #ffffff 56%, var(--k) 72%, var(--k3) 100%);
  background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; color: transparent !important;
  filter: drop-shadow(0 0 10px rgba(var(--k-rgb), .3)) drop-shadow(0 2px 2px rgba(0,0,0,.6));
  animation: nlc-topit 9s ease-in-out infinite;
}
@keyframes nlc-topit { 0%, 100% { background-position: 0% 0; } 50% { background-position: 100% 0; } }
.say-yes { text-transform: uppercase; flex: 0 0 auto; }
/* ca la NLC: contul sus in dreapta, deasupra liniei; mesajul ia tot spatiul liber de langa titlu */
.app-header { padding-top: 64px !important; }
.app-header .user-pill { position: absolute; top: 12px; right: clamp(12px, 3vw, 48px); z-index: 5; }
.app-header .motivation { background: none !important; border: 0 !important; border-left: 2px solid rgba(var(--k-rgb), .55) !important; border-radius: 0 !important;
  box-shadow: none !important; padding: 4px 0 4px 22px !important; backdrop-filter: none !important; }
.app-header .motivation > div { flex: 1 1 auto; min-width: 0; }
.app-header .command-title { border-left-color: rgba(var(--k-rgb), .35) !important; }
@media (prefers-reduced-motion: reduce) { .app-header::after, .motivation strong { animation: none; } }

/* contul: un singur buton rotund cu rama, sus in dreapta */
.user-pill { background: rgba(6,20,38,.5) !important; border: 1px solid rgba(var(--k-rgb), .45) !important; border-radius: 999px !important; padding: 4px 6px 4px 4px !important;
  backdrop-filter: blur(10px); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 16px rgba(var(--k-rgb), .15) !important; }
.user-pill:hover { border-color: var(--k2) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 22px rgba(var(--k-rgb), .4) !important; }
.avatar { background: var(--nav-2) !important; color: var(--k2) !important; box-shadow: 0 0 0 1.5px var(--k); }
.identity small { color: var(--k) !important; }
.identity strong { font-family: var(--font-h); }
.user-pill .btn { border-radius: 999px; }

/* ---------- linia de cifre (KPI) si cautarea: o linie fina ---------- */
.module { padding-top: 14px !important; }
.stats { display: flex !important; align-items: center; gap: 0 !important; margin: 0 0 10px !important; padding: 0 4px; flex-wrap: wrap; }
.stat { display: inline-flex !important; align-items: baseline !important; gap: 8px; flex: 0 0 auto; padding: 0 18px !important; background: none !important; border: 0 !important; box-shadow: none !important; min-height: 0 !important; border-radius: 0 !important; }
.stat + .stat { border-left: 1px solid rgba(var(--k-rgb), .3) !important; }
.stat:first-child { padding-left: 0 !important; }
.stat span { font-size: 10.5px !important; letter-spacing: .14em; text-transform: uppercase; color: #9fb0c6 !important; font-weight: 600 !important; }
.stat strong { order: -1; font: 700 15px var(--font-h) !important; color: var(--k2) !important; text-shadow: 0 0 10px rgba(var(--k-rgb), .35) !important; }
.search { margin-left: auto; width: min(320px, 100%); background: none !important; border-radius: 0 !important; border-bottom: 1px solid rgba(var(--k-rgb), .38); padding: 0 2px !important; }
.search:focus-within { border-bottom-color: var(--k); }
.search i { color: var(--k) !important; }
.search input { color: #fff !important; font-size: 13px; padding: 8px 0 !important; }
.search input::placeholder { color: #9fb0c6; }
.tools { color: var(--txt-2) !important; }
.tools select { background: rgba(6,20,38,.6) !important; border-color: rgba(var(--k-rgb), .3) !important; }
@media (max-width: 760px) { .search { width: 100%; margin-top: 8px; } }

/* ---------- coloanele: sticla transparenta, etapa ca lumina ---------- */
.col-new { --st: #ffffff; --st-rgb: 255,255,255; }
.col-second { --st: #cfe9f5; --st-rgb: 207,233,245; }
.col-long { --st: #4d8fe0; --st-rgb: 77,143,224; }
.col-appointment { --st: #1fb3d6; --st-rgb: 31,179,214; }
.col-complete { --st: #9ff0ff; --st-rgb: 159,240,255; }
.col-lost { --st: #e05252; --st-rgb: 224,82,82; }
.column {
  --frame: var(--st);
  border: 1px solid rgba(var(--st-rgb), .30) !important; border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(var(--st-rgb), .07) 0%, rgba(6,20,38,.16) 22%, rgba(6,20,38,.24) 100%) !important;
  backdrop-filter: blur(3px) saturate(1.1); -webkit-backdrop-filter: blur(3px) saturate(1.1);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 44px -26px rgba(0,0,0,.9) !important;
  transition: transform .3s cubic-bezier(.2,.75,.25,1), box-shadow .3s ease, border-color .3s ease !important;
}
.column:hover { transform: translateY(-4px) !important; border-color: rgba(var(--st-rgb), .9) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(var(--st-rgb), .35), 0 0 48px rgba(var(--st-rgb), .40), 0 0 120px rgba(var(--st-rgb), .15), 0 26px 60px -26px rgba(0,0,0,.95) !important; }
.col-complete { box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(var(--st-rgb), .22), 0 18px 44px -26px rgba(0,0,0,.9) !important; }
.column header {
  position: relative; overflow: hidden; height: auto !important; min-height: 104px; padding: 18px 18px 16px 20px !important; border: 0 !important; border-radius: 18px 18px 0 0 !important;
  background: linear-gradient(180deg, rgba(19,40,70,.80) 0%, rgba(11,31,58,.72) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.1), inset 0 -1px 0 rgba(var(--st-rgb), .35) !important; color: #fff !important;
}
.column header::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; pointer-events: none;
  background: linear-gradient(90deg, transparent 0%, rgba(var(--st-rgb), .5) 18%, var(--st) 50%, rgba(var(--st-rgb), .5) 82%, transparent 100%);
  filter: drop-shadow(0 0 8px rgba(var(--st-rgb), 1));
}
.column .col-tracer, .column .col-aura, .column .col-bar { display: none !important; }
.column .col-sweep { opacity: 1 !important; }
.col-step { color: var(--st) !important; }
.col-step i { color: var(--st) !important; border-color: rgba(var(--st-rgb), .6) !important; box-shadow: 0 0 10px rgba(var(--st-rgb), .35) !important; }
.col-head > span, .column header span:not([class]) {
  background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important; filter: none !important;
  font: 700 1.12rem var(--font-h) !important; letter-spacing: -.01em !important; text-shadow: 0 1px 2px rgba(0,0,0,.7), 0 0 16px rgba(var(--st-rgb), .55) !important;
}
.col-appointment .col-head > span, .col-complete .col-head > span {
  background: linear-gradient(115deg, var(--st) 0%, #ffffff 45%, var(--st) 100%) !important; -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; text-shadow: none !important; filter: drop-shadow(0 1px 1px rgba(0,0,0,.7)) drop-shadow(0 0 10px rgba(var(--st-rgb), .4)) !important;
}
.column header small { color: #c3cedb !important; opacity: 1 !important; font-size: .74rem !important; text-shadow: 0 1px 2px rgba(0,0,0,.6); }
.column header b {
  min-width: 32px !important; height: 32px !important; padding: 0 8px !important; border: 0 !important; border-radius: 999px !important;
  background: rgba(6,20,38,.55) !important; color: var(--st) !important; font: 700 .82rem var(--font-h) !important;
  box-shadow: 0 0 0 1.5px rgba(var(--st-rgb), .85), inset 0 1px 0 rgba(255,255,255,.18), 0 0 14px rgba(var(--st-rgb), .4) !important; text-shadow: 0 0 8px rgba(var(--st-rgb), .7);
}
.column header b::after { display: none !important; }
.empty { color: #aebbc9 !important; text-shadow: 0 1px 3px rgba(0,0,0,.7); }
.empty i { width: 40px; height: 40px; margin: 0 auto 8px; display: grid !important; place-items: center; border-radius: 50%; background: rgba(6,20,38,.35); color: var(--st) !important;
  box-shadow: 0 0 0 1px rgba(var(--st-rgb), .5), 0 0 18px rgba(var(--st-rgb), .2); }
/* toate cele 6 etape pe ecran de la 1280px (ca la NLC); sub 1280 tabla se deruleaza lateral */
@media (min-width: 1280px) { .board { grid-auto-flow: row !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important; overflow-x: visible !important; gap: 12px !important; } }
.column.drag-over { box-shadow: 0 0 0 2px var(--st) inset, 0 0 40px rgba(var(--st-rgb), .35) !important; }

/* ---------- cardurile: sticla, muchie in culoarea etapei ---------- */
.card {
  padding: 11px 12px 9px 15px !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(11,31,58,.62) 0%, rgba(6,20,38,.74) 100%) !important;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 22px -14px rgba(0,0,0,.9) !important;
}
.card::before { background: var(--st) !important; box-shadow: 0 0 10px rgba(var(--st-rgb), .8); top: 12px !important; bottom: 12px !important; }
.card:hover { transform: translateY(-2px); border-color: rgba(var(--st-rgb), .7) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 24px rgba(var(--st-rgb), .35), 0 14px 30px -14px rgba(0,0,0,.95) !important; }
.card strong.name { font: 700 14.5px/1.25 var(--font-h) !important; color: #fff !important; }
.card small.num { color: #8fa0b6 !important; letter-spacing: .08em; }
.card .line { color: #c9d4e1 !important; }
.call { border-color: rgba(var(--st-rgb), .6) !important; color: var(--st) !important; background: rgba(var(--st-rgb), .08); border-radius: 999px !important; }
.call:hover { background: var(--st) !important; color: var(--nav-2) !important; }
.countdown time, .appt { color: var(--st) !important; font-family: ui-monospace, Consolas, monospace; text-shadow: 0 0 8px rgba(var(--st-rgb), .5); }
.card .actions { padding-top: 6px; border-top: 1px solid rgba(255,255,255,.07); }
.card .open { color: var(--st) !important; font-weight: 800 !important; }
.card .order button { background: none !important; border: 0 !important; color: #8fa0b6 !important; }
.card .order button:hover { color: var(--st) !important; }
.card.is-now { border-color: rgba(240,68,56,.85) !important; }
.badge.gold { background: rgba(var(--k-rgb), .14) !important; color: var(--k2) !important; }

/* ---------- foaia dosarului si ferestrele: sticla HUD ---------- */
.sheet-back, .modal-back { background: rgba(2,8,18,.62) !important; backdrop-filter: blur(3px); }
.sheet {
  background: linear-gradient(180deg, rgba(10,28,52,.94) 0%, rgba(5,16,32,.96) 100%) !important; color: var(--txt) !important;
  border-left: 1px solid rgba(var(--k-rgb), .35); box-shadow: -30px 0 80px rgba(0,0,0,.55) !important;
  backdrop-filter: blur(14px) saturate(1.1);
}
.sheet-head { position: relative; background: linear-gradient(180deg, rgba(19,40,70,.9), rgba(11,31,58,.8)) !important; border-bottom: 0 !important; }
.sheet-head::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: var(--glow-edge); }
.sheet-head small { color: var(--k) !important; }
.sheet-head h2 { font-family: var(--font-h) !important; font-weight: 700 !important; background: var(--argint); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.sheet-head p { color: var(--txt-2) !important; }
.modal {
  background: linear-gradient(180deg, rgba(14,34,60,.97), rgba(6,17,33,.98)) !important; color: var(--txt) !important;
  border: 1px solid rgba(var(--k-rgb), .4); box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 30px 80px rgba(0,0,0,.7), 0 0 30px rgba(var(--k-rgb), .12) !important;
}
.modal h2, .step-title { font-family: var(--font-h) !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .02em;
  background: var(--argint); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
.eyebrow { color: var(--k) !important; }
.sheet .btn, .modal .btn { background: rgba(255,255,255,.05) !important; color: var(--txt) !important; border-color: rgba(var(--k-rgb), .3) !important; }
.sheet .btn:hover, .modal .btn:hover { background: rgba(var(--k-rgb), .12) !important; border-color: rgba(var(--k-rgb), .7) !important; }
.sheet .btn.btn-gold, .modal .btn.btn-gold, .rapid .btn.btn-gold, .sheet .btn-gold, .modal .btn-gold {
  background: linear-gradient(135deg, var(--k2), var(--k) 52%, var(--k3)) !important; color: #06121f !important; border-color: transparent !important; }
.btn-verde { background: linear-gradient(135deg, #3fd08a, #16804b) !important; color: #fff !important; border-color: transparent !important; }
.apl-foto, .of-noimg, .of-card img, .galerie-mare { background: rgba(2,10,22,.6) !important; color: var(--txt-3) !important; }
.apl-pret { background: rgba(4,14,28,.85) !important; color: var(--k2) !important; box-shadow: 0 0 0 1px rgba(var(--k-rgb), .4); }
.apl-cap .apl-pret { background: rgba(var(--k-rgb), .12) !important; }
.galerie, .rapid { background: linear-gradient(180deg, rgba(14,34,60,.98), rgba(6,17,33,.98)) !important; }
.rapid textarea, .apl-mesaj-edit { background: rgba(2,10,22,.55) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.13) !important; }
.rapid h2, .rapid-adr, .rapid-cifre, .rapid-desc { color: var(--txt) !important; }
.sheet .btn-danger, .modal .btn-danger { color: #ffb4ab !important; border-color: rgba(240,68,56,.5) !important; }

/* pasii formularului: file HUD */
.steps button { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.1) !important; color: var(--txt-2) !important; font-family: var(--font-h); font-weight: 700 !important; }
.steps button b { background: rgba(255,255,255,.08) !important; color: var(--txt-2) !important; }
.steps button.active { border-color: rgba(var(--k-rgb), .8) !important; color: #fff !important; background: rgba(var(--k-rgb), .1) !important; box-shadow: 0 0 0 1px rgba(var(--k-rgb), .3), 0 0 18px rgba(var(--k-rgb), .2) !important; }
.steps button.active b { background: var(--k) !important; color: #06121f !important; }
.steps button.done b { background: rgba(var(--k-rgb), .2) !important; color: var(--k2) !important; }

/* campuri */
.field, .modal label, .sheet label { color: var(--txt) !important; }
.field > span, .field { font-family: var(--font-h); }
.field input, .field select, .field textarea, .modal input, .modal select, .modal textarea, .sheet input:not([type=checkbox]):not([type=radio]), .sheet select, .sheet textarea,
.filters select, .filters input, .user-row select, .apl-actions input, .msg-raspuns input, .msg-raspuns textarea, .cc-edit input, .cod-echipa input {
  background: rgba(2,10,22,.55) !important; color: #fff !important; border: 1px solid rgba(255,255,255,.13) !important; border-radius: 10px !important; font-family: 'Inter', sans-serif;
}
.field input:focus, .field select:focus, .field textarea:focus, .modal input:focus, .modal textarea:focus, .sheet textarea:focus, .sheet input:focus {
  outline: 0 !important; border-color: var(--k) !important; box-shadow: 0 0 0 3px rgba(var(--k-rgb), .18) !important;
}
select option { background: var(--nav-2); color: #fff; }
input::placeholder, textarea::placeholder { color: #7f91a8 !important; }
input[type=checkbox], input[type=radio] { accent-color: var(--k); }
.checks label { background: rgba(255,255,255,.04) !important; border: 1px solid rgba(255,255,255,.1) !important; color: var(--txt) !important; }
.checks label:has(input:checked) { border-color: rgba(var(--k-rgb), .75) !important; background: rgba(var(--k-rgb), .12) !important; color: #fff !important; }
.field.invalid input, .field.invalid select, .field.invalid textarea { border-color: #ff6b5e !important; box-shadow: 0 0 0 3px rgba(240,68,56,.25) !important; }
.field.invalid > span { color: #ff8a80 !important; }
.nav-row { border-top-color: rgba(255,255,255,.08) !important; }
.saved-hint { color: var(--txt-3) !important; }

/* casete si rezumate */
.note-box, .summary div, .form-foot div, .oferta, .apl-info, .of-card, .user-row, .msg, .apl-card, .cont-rand, .int-rand, .cod-rand, .apl-add, .apl-add-form, .galerie, .rapid {
  background: rgba(255,255,255,.035) !important; border: 1px solid rgba(255,255,255,.09) !important; color: var(--txt) !important;
}
.note-box, .oferta { border-left: 3px solid var(--k) !important; }
.note-box span, .apl-info small, .summary small, .form-foot small, .of-head small, .rezumat-fisa summary, .user-row small, .activity-row time, .cont-rand small, .int-rand small, .cod-rand small, .msg header small, .apl-text small { color: var(--txt-3) !important; }
.note-box span { color: var(--k) !important; }
.locked { background: rgba(var(--k-rgb), .1) !important; border: 1px solid rgba(var(--k-rgb), .4) !important; color: var(--k2) !important; }
.activity-row { border-bottom-color: rgba(255,255,255,.07) !important; }
.admin-tabs button { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.1) !important; color: var(--txt-2) !important; font-family: var(--font-h); font-weight: 700 !important; }
.admin-tabs button.active { border-color: rgba(var(--k-rgb), .8) !important; color: var(--k2) !important; background: rgba(var(--k-rgb), .1) !important; }
.st.approved { background: rgba(22,128,75,.22) !important; color: #7ee2aa !important; }
.st.pending { background: rgba(var(--k-rgb), .16) !important; color: var(--k2) !important; }
.st.rejected, .st.suspended { background: rgba(240,68,56,.18) !important; color: #ffb4ab !important; }
.owner { color: var(--k) !important; }
.pill { background: rgba(255,255,255,.08) !important; color: var(--txt) !important; }
.pill.trimisa { background: rgba(77,143,224,.22) !important; color: #b8d4ff !important; }
.pill.raspuns { background: rgba(229,138,31,.2) !important; color: #ffc98a !important; }
.pill.acceptata { background: rgba(22,128,75,.25) !important; color: #8ff0b8 !important; }
.pill.refuzata { background: rgba(240,68,56,.2) !important; color: #ffb4ab !important; }
.msg pre { background: rgba(2,10,22,.55) !important; color: var(--txt) !important; }
.msg-limba { background: rgba(255,255,255,.06) !important; }
.msg-limba button { color: var(--txt-2) !important; }
.msg-limba button.on { background: rgba(var(--k-rgb), .2) !important; color: var(--k2) !important; }
.apl-taburi button, .apl-chips button { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.1) !important; color: var(--txt-2) !important; }
.apl-taburi button.activ, .apl-chips button.activ { border-color: rgba(var(--k-rgb), .8) !important; color: var(--k2) !important; background: rgba(var(--k-rgb), .12) !important; }
.apl-text strong { color: #fff !important; }
.toast { background: rgba(8,24,46,.96) !important; border-color: rgba(var(--k-rgb), .7) !important; color: #fff !important; box-shadow: 0 0 24px rgba(var(--k-rgb), .25); }
.victory b { font-family: var(--font-h) !important; background: var(--k-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; filter: drop-shadow(0 0 30px rgba(var(--k-rgb), .6)); }
.now-banner.confirm-banner { border-color: var(--k) !important; }
.intrat-ca { background: rgba(8,25,43,.96) !important; color: #eef5ff !important; border: 1px solid rgba(var(--k-rgb), .78) !important; }
.intrat-ca b { color: var(--k2); }
.cont-date .btn, .cod-rand .btn { color: var(--txt) !important; }
.cont-date .btn-gold, .cod-rand .btn-gold { color: #06121f !important; }
.cod-echipa .row { justify-content: flex-start !important; }

/* Jobs: „orca powerful” — accentele cu sclipire de apa: lumina rece care pulseaza pe rama cardurilor de modul. */
.module-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 0;
  background: radial-gradient(80% 50% at 50% 110%, rgba(53,196,232,.22), transparent 70%); animation: orca-val 6s ease-in-out infinite; }
@keyframes orca-val { 0%, 100% { opacity: .5; transform: translateY(6px); } 50% { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .module-card::before { animation: none; } }