/* =====================================================================
 * nlr-base.css — WP0 (foundation) of the NLR SYSTEM port (PLAN §2-§3, §5 WP0).
 * Implements shell SPEC §1.3 (tokens, scene, fonts), §6.3 (toast), §7.3 (buttons, fields),
 * §8.4 (modal, .modal-x, confirm, compact, admin tabs), §9.3 (sheet chrome) and closer SPEC §1 (--nlr-* tokens).
 * No backdrop-filter, no infinite decorative animation (D4). No !important (D3): wins by load order.
 * ===================================================================== */

/* ---------- 1. tokens ---------- */
:root {
  /* shell §1.3.2 (the --k / --nav names only exist so leftover rules turn navy) */
  --k: #d4af37; --k-rgb: 212,175,55; --k2: #f1d36a; --k3: #b68a1e;
  --k-grad: linear-gradient(115deg, #ffd968 0%, #d6a92f 45%, #ffe9a8 60%, #d6a92f 100%);
  --nav-0: #050e1c; --nav-1: #071426; --nav-2: #0b1f3a; --nav-3: #102946;
  --glass-dens: rgba(7,20,38,.9);
  --txt: #e6ecf3; --txt-2: #c9d3df; --txt-3: #8fa3bb;
  --argint: linear-gradient(170deg, #fff 0%, #dfe6ef 35%, #9eabbb 60%, #f4f7fb 80%, #b9c4d2 100%);
  --glow-edge: linear-gradient(90deg, transparent 0%, rgba(255,255,255,.18) 28%, rgba(255,226,140,.9) 50%, rgba(255,255,255,.18) 72%, transparent 100%);
  --font-h: 'Montserrat', 'Inter', system-ui, sans-serif;
  --panel: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px) 0 0/100% 22px, radial-gradient(120% 35% at 50% 0%, rgba(35,87,138,.3), transparent 70%), linear-gradient(180deg, rgba(14,34,60,.9), rgba(6,17,33,.94));
  --panel-line: rgba(95,140,190,.4); --panel-top: rgba(212,175,55,.6);
  /* closer §1: named NLC tokens. New rules use these. */
  --nlr-navy-0: #050e1c; --nlr-navy-1: #061426; --nlr-navy-2: #0b1f3a; --nlr-navy-3: #102b4c; --nlr-navy-4: #13385d;
  --nlr-gold: #d4af37; --nlr-gold-deep: #b68a1e; --nlr-gold-dark: #8a6a1a; --nlr-gold-mid: #c9a54a;
  --nlr-gold-soft: #e6cd84; --nlr-gold-pale: #f3e3b0; --nlr-gold-glow: #f1d36a; --nlr-gold-num: #e9cf7a;
  --nlr-text: #e6ecf3; --nlr-text-2: #c9d3df; --nlr-text-3: #9fb0c4; --nlr-label-blue: #8fb0d4; --nlr-muted: #aebbc9;
  --nlr-line: rgba(95,140,190,.22); --nlr-line-2: rgba(95,140,190,.35);
  --nlr-silver: linear-gradient(170deg, #ffffff 0%, #dfe6ef 35%, #9eabbb 60%, #f4f7fb 80%, #b9c4d2 100%);
  --nlr-gold-text: linear-gradient(100deg, #c9a54a 0%, #e6cd84 35%, #f3e3b0 50%, #dcc070 65%, #c9a54a 100%);
  --nlr-gold-btn: linear-gradient(115deg, rgba(212,175,55,.75), rgba(233,207,122,.65) 45%, rgba(182,138,30,.75));
  --nlr-glass: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px) 0 0/100% 22px,
               radial-gradient(120% 35% at 50% 0%, rgba(35,87,138,.22), transparent 70%),
               linear-gradient(180deg, rgba(14,34,60,.84), rgba(6,17,33,.88));
  --nlr-shadow: 0 30px 80px -30px rgba(0,0,0,.95);
}

/* ---------- 2. global scene (shell §1.3.3): photo in body::before, film in body::after, one scene per body class ---------- */
html { background: #050e1c; }
/* body stays transparent: an opaque body background would cover the fixed z-index:-2 scene below */
body { background: transparent; color: var(--txt); font: 16px/1.55 Inter, system-ui, sans-serif; }
body::before, body::after { content: ""; position: fixed; inset: 0; pointer-events: none; transform: none; }
body::before { z-index: -2; background: #050e1c var(--scene, url("assets/elephant-ridge-premium.webp?v=2")) center 70% / cover no-repeat; animation: none; }
/* module / pipeline (default): glow.css:3954 film + glow.css:18-23 warm top-left light */
body::after {
  z-index: -1;
  background:
    radial-gradient(60% 50% at 16% 12%, rgba(255,190,90,.2) 0%, transparent 62%),
    linear-gradient(180deg, rgba(3,11,24,0) 0%, rgba(3,11,24,.1) 50%, rgba(3,11,24,.4) 100%),
    linear-gradient(rgba(6,20,38,0) 0%, rgba(6,20,38,.18) 20%, rgba(6,20,38,.55) 42%, rgba(6,20,38,.72) 100%);
}
/* login / setup / pending / boot = NLC .auth-backdrop (auth.css:3) */
body.scene-auth { --scene: url("assets/elephant-step-5.webp"); }
body.scene-auth::before { background-position: center; }
body.scene-auth::after { background: radial-gradient(circle at 72% 18%, rgba(216,170,43,.22), transparent 28%), linear-gradient(135deg, rgba(4,14,29,.88), rgba(11,31,58,.78)); }
/* gateway = NLC .module-gateway + .gateway-shade (styles.css:24, glow.css:275-280) */
body.scene-gateway { --scene: url("assets/elephant-step-1.webp?v=2"); }
body.scene-gateway::before { background-position: center; }
body.scene-gateway::after { background: radial-gradient(55% 45% at 22% 18%, rgba(255,190,90,.16) 0%, transparent 62%), radial-gradient(40% 35% at 50% 58%, rgba(214,169,47,.12) 0%, transparent 70%), linear-gradient(180deg, rgba(3,11,24,.55) 0%, rgba(3,11,24,.5) 45%, rgba(3,11,24,.86) 100%); }
body.scene-module { --scene: url("assets/elephant-ridge-premium.webp?v=2"); }

* { scrollbar-color: rgba(212,175,55,.55) transparent; }
::selection { background: rgba(212,175,55,.35); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
a { color: var(--nlr-gold-glow); }
.eyebrow { color: var(--nlr-gold-mid); font: 700 12px var(--font-h); letter-spacing: .24em; }

/* ---------- 3. buttons (shell §7.3). Rents class names kept; the .modal/.sheet/.rapid twins beat the old light rules. ---------- */
.btn, .modal .btn, .sheet .btn, .rapid .btn, .cont-date .btn, .cod-rand .btn {
  min-height: 38px; padding: 9px 16px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(255,255,255,.05); color: #fff;
  font: 700 14px Montserrat, Inter, sans-serif; letter-spacing: .01em; cursor: pointer; transition: background .15s, border-color .15s, box-shadow .15s;
}
.btn:hover, .modal .btn:hover, .sheet .btn:hover, .rapid .btn:hover { background: rgba(255,255,255,.08); border-color: rgba(212,175,55,.5); }
.btn:disabled { opacity: .45; cursor: not-allowed; }
.btn-sm, .modal .btn-sm, .sheet .btn-sm, .rapid .btn-sm { min-height: 34px; padding: 0 14px; font-size: 12.5px; border-radius: 999px; }
a.btn { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.btn-gold, .modal .btn-gold, .sheet .btn-gold, .rapid .btn-gold, .cont-date .btn-gold, .cod-rand .btn-gold {
  border: 0; background: linear-gradient(115deg, #d4af37 0%, #e9cf7a 45%, #b68a1e 100%); color: #0b1f3a; font-weight: 800; letter-spacing: .02em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 10px 26px -12px rgba(212,175,55,.8);
}
.btn-gold:hover, .modal .btn-gold:hover, .sheet .btn-gold:hover, .rapid .btn-gold:hover {
  background: linear-gradient(115deg, #d4af37 0%, #e9cf7a 45%, #b68a1e 100%); filter: brightness(1.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 0 24px rgba(212,175,55,.55);
}
.btn-outline-gold, .modal .btn-outline-gold, .sheet .btn-outline-gold { border: 1px solid rgba(212,175,55,.55); background: transparent; color: #f4d46d; }
.btn-outline-gold:hover, .modal .btn-outline-gold:hover, .sheet .btn-outline-gold:hover { background: rgba(212,175,55,.12); border-color: rgba(212,175,55,.55); }
.btn-ghost, .modal .btn-ghost, .sheet .btn-ghost { background: transparent; border-color: transparent; color: #f1d36a; }
.btn-danger, .modal .btn-danger, .sheet .btn-danger, .rapid .btn-danger { color: #ffb3bf; border-color: rgba(255,99,120,.35); background: rgba(255,255,255,.04); }
.btn-danger:hover, .modal .btn-danger:hover, .sheet .btn-danger:hover, .rapid .btn-danger:hover { background: rgba(200,16,46,.14); border-color: rgba(255,99,120,.6); }
.btn-verde, .modal .btn-verde, .sheet .btn-verde, .rapid .btn-verde { background: rgba(52,199,120,.16); border-color: rgba(52,199,120,.55); color: #bff0d2; }
.btn-verde:hover, .modal .btn-verde:hover, .sheet .btn-verde:hover, .rapid .btn-verde:hover { background: rgba(52,199,120,.24); border-color: rgba(52,199,120,.8); }

/* ---------- 4. fields (shell §7.3) ---------- */
input, select, textarea { color-scheme: dark; }
.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, .tools select, .cod-echipa input, .cc-edit input,
.apl-actions input, .msg-raspuns input, .msg-raspuns textarea, .apl-add-form input, .apl-unelte input, .apl-unelte select,
.rapid textarea, .apl-mesaj-edit, .apl textarea {
  background: rgba(6,17,33,.6); color: #fff; border: 1px solid rgba(95,140,190,.35); border-radius: 10px; font-family: Inter, system-ui, sans-serif;
}
.field input:focus, .field select:focus, .field textarea:focus, .modal input:focus, .modal select:focus, .modal textarea:focus,
.sheet input:focus, .sheet select:focus, .sheet textarea:focus, .filters select:focus, .filters input:focus, .user-row select:focus,
.tools select:focus, .cod-echipa input:focus, .cc-edit input:focus, .apl-actions input:focus, .msg-raspuns input:focus, .msg-raspuns textarea:focus,
.apl-add-form input:focus, .apl-unelte input:focus, .apl-unelte select:focus, .rapid textarea:focus, .apl-mesaj-edit:focus, .apl textarea:focus {
  outline: 0; border-color: rgba(212,175,55,.75); box-shadow: 0 0 0 3px rgba(212,175,55,.15);
}
select option { background: #0b1f3a; color: #fff; }
input::placeholder, textarea::placeholder { color: #7f8d99; }
input[type=checkbox], input[type=radio] { accent-color: #d4af37; }
.field, .modal label, .sheet label { color: var(--nlr-text); }
.field { font-family: var(--font-h); }
.field > span { font: 700 13px Montserrat, Inter, sans-serif; color: #c9d3df; }
.field.invalid input, .field.invalid select, .field.invalid textarea { border-color: #ff6378; box-shadow: 0 0 0 3px rgba(200,16,46,.25); }
.field.invalid > span { color: #ffb3bf; }
.field.invalid .checks label { border-color: rgba(255,99,120,.6); }

/* ---------- 5. shared NLC vocabulary (PLAN §3.4): glass panel, text gradients, chips ---------- */
.nlr-glass { background: var(--nlr-glass); border: 1px solid rgba(95,140,190,.35); border-top-color: rgba(212,175,55,.55); box-shadow: var(--nlr-shadow); border-radius: 18px; color: var(--nlr-text); }
.nlr-silver-text { background: var(--nlr-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.nlr-gold-text { background: var(--nlr-gold-text); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.nlr-chip { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 2px 9px; border-radius: 999px; font: 700 11px/1.2 Montserrat, Inter, sans-serif;
  border: 1px solid rgba(255,255,255,.16); background: rgba(255,255,255,.06); color: #e6ecf3; white-space: nowrap; }
.nlr-chip.is-green  { border-color: rgba(52,199,120,.55); background: rgba(52,199,120,.14); color: #bff0d2; }
.nlr-chip.is-amber  { border-color: rgba(245,170,60,.6);  background: rgba(245,170,60,.14); color: #ffd9a0; }
.nlr-chip.is-red    { border-color: rgba(255,99,120,.55); background: rgba(200,16,46,.16); color: #ffd5dc; }
.nlr-chip.is-gold   { border-color: rgba(212,175,55,.6);  background: rgba(212,175,55,.16); color: #f3e3b0; }
.nlr-chip.is-silver { border-color: rgba(223,230,238,.45); background: rgba(223,230,238,.08); color: #dfe6ee; }

/* ---------- 6. toast (shell §6.3): always present, .show slides it in ---------- */
.toast {
  position: fixed; z-index: 12000; left: 50%; bottom: 88px; transform: translate(-50%, 20px); max-width: 90vw; padding: 12px 18px; border-radius: 9px;
  background: #11213a; color: #fff; font: 400 16px/1.55 Inter, system-ui, sans-serif; box-shadow: 0 18px 55px rgba(3,15,30,.16); border: 0;
  opacity: 0; pointer-events: none; transition: .2s;
}
.toast.show { transform: translate(-50%, 0); opacity: 1; }
.toast.err { background: #2a0f18; box-shadow: 0 0 0 1px rgba(255,99,120,.5), 0 18px 55px rgba(3,15,30,.3); color: #ffd5dc; }

/* ---------- 7. modals (shell §8.4) ---------- */
.modal-back { position: fixed; inset: 0; z-index: 11000; display: grid; place-items: center; padding: 24px; background: rgba(2,10,20,.75); overflow: auto; }
.modal {
  position: relative; width: min(580px, 100%); max-height: calc(100vh - 48px); overflow: auto; padding: 28px; border-radius: 22px; color: #e6ecf3; font-family: Montserrat, Inter, sans-serif;
  background: linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px) 0 0/100% 22px, radial-gradient(120% 25% at 50% 0%, rgba(35,87,138,.28), transparent 70%), linear-gradient(180deg, rgba(14,34,60,.97), rgba(6,17,33,.98));
  border: 1px solid rgba(95,140,190,.35); border-top-color: rgba(212,175,55,.6); box-shadow: 0 40px 90px -30px rgba(0,0,0,.95); animation: nlr-modal-in .18s ease-out;
}
.modal.wide { width: min(1120px, 100%); }
@keyframes nlr-modal-in { from { opacity: 0; transform: translateY(6px); } }
.modal-x { position: absolute; right: 16px; top: 13px; z-index: 2; width: auto; height: auto; padding: 1px 6px; display: block; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.06); color: #fff; font: 400 30px/1.55 Montserrat, Inter, sans-serif; cursor: pointer; }
.modal-x:hover { border-color: rgba(255,255,255,.18); }
.modal > .eyebrow { display: block; margin: 0; color: #c9a54a; font: 700 12px Montserrat, sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.modal-title > span { display: inline; margin: 0; color: #c9a54a; font: 700 12px Montserrat, sans-serif; letter-spacing: .24em; text-transform: uppercase; }
.modal h2, .modal-title h2 {
  margin: 5px 40px 20px 0; font: 700 28px Montserrat, sans-serif; text-transform: uppercase; letter-spacing: .02em;
  background: var(--nlr-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}
.modal > h2:first-child, .modal > .modal-x + h2 { margin-top: 0; }
.modal p { color: #c9d3df; }
.modal hr { border: 0; border-top: 1px solid rgba(255,255,255,.08); margin: 25px 0 22px; }
.modal .row { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.modal a { color: #f1d36a; }
.admin-tabs { display: flex; flex-wrap: wrap; gap: 0; padding: 4px; margin: 0 0 20px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); }
.admin-tabs button { flex: 1; border: 0; border-radius: 9px; padding: 11px; background: transparent; color: #aebbc9; font: 800 14px Montserrat, Inter, sans-serif; cursor: pointer; }
.admin-tabs button.active { background: rgba(212,175,55,.14); color: #f1d36a; box-shadow: inset 0 0 0 1px rgba(212,175,55,.5); border-color: transparent; }

/* confirm (NLC .crm-confirm-modal, pipeline.css:1466) */
.modal.confirm { width: min(460px, 100%); border: 1px solid rgba(212,175,55,.76); border-radius: 20px; background: linear-gradient(155deg, #14212d, #08111a); box-shadow: 0 28px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.04); color: #eef4f8; font-family: Inter, system-ui, sans-serif; }
.modal.confirm .modal-x { display: none; }
.confirm-icon { width: 46px; height: 46px; margin-bottom: 16px; display: grid; place-items: center; border: 1px solid #d4af37; border-radius: 50%; background: rgba(212,175,55,.13); color: #f1d36a; font: 900 25px/1 Inter, system-ui, sans-serif; }
.modal.confirm > .eyebrow { color: #d9b857; font: 900 10px Inter, system-ui, sans-serif; letter-spacing: .14em; }
.modal.confirm h2 { margin: 7px 0 15px; font: 700 26px/1.55 Inter, system-ui, sans-serif; text-transform: none; letter-spacing: 0; background: none; color: #fff; -webkit-text-fill-color: #fff; }
.modal.confirm p { margin: 0; color: #aebbc6; font-size: 13px; line-height: 1.55; }
.modal.confirm p strong, .modal.confirm p b { color: #fff; }
.modal .confirm-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 22px; }
.modal .confirm-actions .btn { min-height: 44px; padding: 10px 14px; border-radius: 10px; font: 900 16px/1.55 Inter, system-ui, sans-serif; letter-spacing: 0; }
.modal .confirm-keep, .modal .confirm-keep:hover { border: 1px solid rgba(255,255,255,.18); background: #182632; color: #eef4f8; }
.modal .confirm-keep:hover { border-color: rgba(255,255,255,.3); }
.modal .confirm-yes, .modal .confirm-yes:hover { border: 1px solid #d4af37; background: #b68a1e; color: #07111a; box-shadow: none; }
.modal .confirm-yes:hover { filter: brightness(1.08); }

/* compact = NLC .appointment-card family (pipeline.css:1464-1465): programare, lost reason, lead nou, import */
.modal.compact { width: min(460px, 100%); border: 1px solid #b68a1e; border-radius: 20px; background: linear-gradient(155deg, #111a23, #081019); box-shadow: 0 28px 90px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.04); color: #eef4f8; }
.modal.compact > .eyebrow { color: #d9b857; font: 900 10px Inter, system-ui, sans-serif; letter-spacing: .14em; }
.modal.compact h2 { margin: 7px 40px 15px 0; font: 700 24px Inter, system-ui, sans-serif; text-transform: none; letter-spacing: 0; background: none; color: #fff; -webkit-text-fill-color: #fff; }
.modal.compact p { color: #aebbc6; font-size: 13px; line-height: 1.55; }
.modal.compact input, .modal.compact select, .modal.compact textarea { background: #111c26; border-color: rgba(255,255,255,.16); }
.modal.compact input[type=date]::-webkit-calendar-picker-indicator, .modal.compact input[type=datetime-local]::-webkit-calendar-picker-indicator { filter: invert(1); }

/* NLC .crm-confirm-backdrop */
.modal-back:has(> .modal.confirm) { background: rgba(3,9,15,.78); }
@media (max-width: 760px) {
  .modal-back { padding: 10px; }
  .modal { padding: 24px 14px; max-height: calc(100dvh - 20px); }
  .modal h2 { font-size: 22px; }
  .modal .modal-title h2 { font-size: 28px; }
}
/* NLC pipeline.css:1466: one column, the destructive button first */
@media (max-width: 520px) {
  .modal-back:has(> .modal.confirm) { padding: 18px; }
  .modal.confirm { padding: 22px; }
  .modal .confirm-actions { grid-template-columns: 1fr; }
  .modal .confirm-actions .confirm-yes { order: -1; }
}

/* ---------- 8. sheet chrome (shell §9.3; NLC .admin-sheet + .lead-sheet aside, glow.css:868-941, 2235-2240) ---------- */
.sheet-back { position: fixed; inset: 0; z-index: 50; background: rgba(2,10,20,.76); }
.sheet {
  position: fixed; top: 0; right: 0; bottom: 0; width: min(980px, 100%); z-index: 51; display: flex; flex-direction: column; color: #e6ecf3;
  background: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px) 0 0/100% 22px,
              radial-gradient(120% 30% at 50% 0%, color-mix(in srgb, var(--sheet-accent, #d4af37) 14%, transparent), transparent 70%),
              linear-gradient(180deg, rgba(14,34,60,.97), rgba(6,17,33,.98));
  border-left: 1px solid color-mix(in srgb, var(--sheet-accent, #d4af37) 45%, transparent);
  box-shadow: -30px 0 70px -20px rgba(0,0,0,.9); animation: nlcSheetIn .22s ease-out;
}
@keyframes nlcSheetIn { from { transform: translateX(24px); opacity: 0; } to { transform: none; opacity: 1; } }
.sheet::before { content: ""; position: absolute; left: 12%; right: 12%; top: 0; height: 2px; border-radius: 2px; z-index: 3; pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--sheet-accent, #d4af37), transparent); box-shadow: 0 0 12px var(--sheet-accent, #d4af37); }
.sheet::after {
  content: ""; position: absolute; inset: 10px; z-index: 3; pointer-events: none; border-radius: 14px;
  background:
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) left top/22px 2px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) left top/2px 22px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) right top/22px 2px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) right top/2px 22px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) left bottom/22px 2px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) left bottom/2px 22px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) right bottom/22px 2px no-repeat,
    linear-gradient(var(--sheet-accent, #d4af37), var(--sheet-accent, #d4af37)) right bottom/2px 22px no-repeat;
  opacity: .8; filter: drop-shadow(0 0 4px var(--sheet-accent, #d4af37));
}
.sheet-head { position: relative; padding: 18px 24px 16px; background: transparent; color: #fff; border-bottom: 1px solid rgba(255,255,255,.08); }
.sheet-head small { display: inline-block; padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); color: #b9c6d6; letter-spacing: .12em; font: 700 10px ui-monospace, SFMono-Regular, Consolas, monospace; }
.sheet-head .nota-cap small { display: block; padding: 0; background: none; box-shadow: none; letter-spacing: 0; font: 400 11px Inter, system-ui, sans-serif; color: #8fa3bb; }
.sheet-head h2 { margin: 6px 0 3px; font: 700 1.7rem Montserrat, Inter, sans-serif; color: #fff; background: none; -webkit-text-fill-color: #fff; text-shadow: 0 0 18px color-mix(in srgb, var(--sheet-accent, #d4af37) 45%, transparent); }
.sheet-head p { color: #c9d3df; font-size: 13px; }
.sheet-head select { padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--sheet-accent, #d4af37) 50%, transparent); border-radius: 12px; background: rgba(6,17,33,.6); color: #fff; font-weight: 700; }
.sheet-head #close { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; border-radius: 999px; }
.sheet-head #close:hover { border-color: var(--sheet-accent, #d4af37); box-shadow: 0 0 14px color-mix(in srgb, var(--sheet-accent, #d4af37) 50%, transparent); }
.sheet-head .nota-cap input { background: rgba(6,17,33,.6); border-color: rgba(95,140,190,.35); color: #fff; }

/* ---------- 9. interim dark baseline for sheet/modal content (replaces the generic part of nlc-skin.css; WP4-WP8 refine) ---------- */
.step-title { font: 700 19px Montserrat, Inter, sans-serif; text-transform: uppercase; letter-spacing: .02em; background: var(--nlr-silver); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
.steps button { background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.1); color: #c9d3df; font-family: var(--font-h); font-weight: 700; }
.steps button b { background: rgba(255,255,255,.08); color: #c9d3df; }
.steps button.active { border-color: rgba(212,175,55,.8); color: #fff; background: rgba(212,175,55,.1); box-shadow: 0 0 0 1px rgba(212,175,55,.3), 0 0 18px rgba(212,175,55,.2); }
.steps button.active b { background: #d4af37; color: #0b1f3a; }
.steps button.done b { background: rgba(212,175,55,.2); color: #f1d36a; }
.checks label { background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.1); color: #e6ecf3; }
.radios label:has(input:checked), .checks label:has(input:checked) { border-color: rgba(212,175,55,.75); background: rgba(212,175,55,.12); color: #fff; }
.nav-row { border-top-color: rgba(255,255,255,.08); }
.saved-hint { color: #8fa3bb; }
.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, .apl, .msg-link {
  background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.09); color: #e6ecf3;
}
.note-box, .oferta { border-left: 3px solid #d4af37; }
.msg-nou { border-left: 3px solid #d4af37; }
.note-box span { color: #c9a54a; }
.apl-info small, .summary small, .form-foot small, .of-head small, .of-card small, .rezumat-fisa summary, .user-row small, .activity-row time, .cont-rand small, .int-rand small, .cod-rand small,
.msg header small, .msg-link small, .apl-text small, .apl-top small, .cc-info, .msg-rezumat, .msg-anunt, .msg-bara, .apl-cautare small, .apl-extensie { color: #8fa3bb; }

.locked { background: rgba(212,175,55,.1); border: 1px solid rgba(212,175,55,.4); color: #f1d36a; }
.activity-row { border-bottom-color: rgba(255,255,255,.07); }
.owner { color: #c9a54a; }
.modal .pasi-ext a { color: #f1d36a; }
.apl-foto, .of-noimg, .of-card img, .galerie-mare { background: rgba(6,17,33,.6); color: #8fa3bb; }
.galerie, .rapid { background: linear-gradient(180deg, rgba(14,34,60,.98), rgba(6,17,33,.98)); color: #e6ecf3; border: 1px solid rgba(95,140,190,.35); }
.rapid header { background: rgba(6,17,33,.7); }
.rapid-info h2, .rapid-cifre b, .rapid-gata b { color: #fff; }
.rapid-adr, .rapid-cifre { color: #c9d3df; }
.apl-taburi { border-bottom-color: rgba(255,255,255,.1); }
.apl-taburi button, .apl-chips button { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); color: #c9d3df; }
.apl-taburi button.activ, .apl-chips button.activ { border-color: rgba(212,175,55,.8); color: #f1d36a; background: rgba(212,175,55,.12); }
.apl-taburi button b { background: rgba(255,255,255,.08); color: #c9d3df; }
.apl-taburi button.activ b { background: rgba(212,175,55,.2); color: #f1d36a; }
.apl-text strong, .apl-top strong, .msg-subiect { color: #fff; }
.apl-pret { background: rgba(6,17,33,.85); color: #f1d36a; box-shadow: 0 0 0 1px rgba(212,175,55,.4); }
.msg pre, .apl-mail-text { background: rgba(6,17,33,.6); color: #e6ecf3; }
.msg details summary { color: #f1d36a; }
.msg-raspuns label { color: #c9d3df; }
.msg-limba { background: rgba(255,255,255,.06); }
.msg-limba button { color: #c9d3df; }
.msg-limba button.on { background: rgba(212,175,55,.2); color: #f1d36a; }
.cl-asteapta { color: #e6cd84; }

/* ---------- 10. carried over from nlc-skin.css (Rents-only rules with no other home yet; owners: WP3b board/cards, WP5 programare) ---------- */
@media (min-width: 1280px) { .board { grid-auto-flow: row; grid-template-columns: repeat(6, minmax(0, 1fr)); overflow-x: visible; gap: 12px; } }
.card.is-plata { background: linear-gradient(160deg, rgba(23,52,110,.96), rgba(12,28,66,.96)); border-color: rgba(96,165,250,.9); box-shadow: 0 0 18px rgba(59,130,246,.32), 0 6px 16px rgba(0,0,0,.25); }
.card.is-plata .appt { color: #93c5fd; text-shadow: none; }
.badge.viz-ok { background: #15803d; color: #fff; font-weight: 700; }
.badge.tip-plata { background: #3b82f6; color: #fff; }
.badge.tip-conv { background: rgba(255,255,255,.1); color: #dfe6ee; }
.badge.gold { background: rgba(212,175,55,.14); color: #f1d36a; }
.tip-alege { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 6px; }
.tip-opt { position: relative; display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.18); cursor: pointer; }
.tip-opt input { position: absolute; opacity: 0; pointer-events: none; }
.tip-opt small { opacity: .7; font-size: 11px; }
.tip-opt.plata:has(input:checked) { border-color: #60a5fa; background: rgba(59,130,246,.2); }
.tip-opt.conv:has(input:checked) { border-color: #c9d3df; background: rgba(255,255,255,.1); }
.card .actions { padding-top: 6px; border-top: 1px solid rgba(255,255,255,.07); }
.card .order button { background: none; border: 0; color: #aebbc9; }
.card .order button:hover { color: var(--frame, #f1d36a); }