/* NUAR QR 1.3 — Classic Dark (neutral graphite), Clean Light, Noir Gold.
   Changes are limited to appearance: no business logic, labels or data migration. */
body[data-nuar-theme="classic"]{
 --bg:#0c0e11;--text:#e9e8e5;--muted:#aaa8a3;
 --line:rgba(230,228,223,.18);--mint:#c8c6c1;--blue:#aaa7a0;--gold:#dad4c8;
 --nuar-accent:#c6c5c1;--nuar-surface:#1a1c1e;--nuar-ink:#e9e8e5;
 --nuar-secondary:#a6a6a3;--nuar-cardline:rgba(217,216,211,.18);
 --nuar-cardshadow:0 9px 24px rgba(0,0,0,.3);
 background:#0c0e11!important;color:#e9e8e5!important
}
body[data-nuar-theme="classic"] .glow{
 background:radial-gradient(600px 400px at 16% -8%,rgba(132,132,132,.09),transparent 75%),
 radial-gradient(680px 450px at 92% 3%,rgba(102,105,103,.075),transparent 72%)
}
body[data-nuar-theme="classic"] .card{background:linear-gradient(180deg,#191b1f,#121417)!important;border-color:#303238!important;box-shadow:0 12px 24px rgba(0,0,0,.3)}
body[data-nuar-theme="classic"] .feat{background:linear-gradient(180deg,#1e2023,#17191c)!important;border-color:#393a3c!important;box-shadow:0 8px 16px rgba(0,0,0,.23)}
body[data-nuar-theme="classic"] .tabs{background:rgba(16,17,20,.94)!important;border-color:#45454a}
body[data-nuar-theme="classic"] .tab{color:#c4c2be!important}
body[data-nuar-theme="classic"] .tab.active{background:#dedcd6!important;color:#161719!important;box-shadow:none!important}
body[data-nuar-theme="classic"] button.action{background:#ddd9d0!important;color:#17191b!important;box-shadow:none!important}
body[data-nuar-theme="classic"] button.action.secondary,
body[data-nuar-theme="classic"] button.action.ghost{background:#282a2d!important;color:#edeae4!important;border:1px solid #5e5f64!important}
body[data-nuar-theme="classic"] input,body[data-nuar-theme="classic"] textarea,body[data-nuar-theme="classic"] select{background:#161719!important;border-color:#484a4b!important;color:#f0eeea!important}
body[data-nuar-theme="classic"] .modechip{background:#1b1c20!important;color:#cfcbc4!important}
body[data-nuar-theme="classic"] .modechip.active{background:#e2ded7!important;color:#151719!important}
body[data-nuar-theme="classic"] #nb-entry{background:#202124!important;color:#ece9e2!important;border-color:#656463!important}
body[data-nuar-theme="classic"] .noir-lamp{opacity:.6}
body[data-nuar-theme="classic"] .brandword{background:transparent!important;mix-blend-mode:screen!important;filter:grayscale(1) brightness(1.03)!important}
body[data-nuar-theme="classic"] .hero{background:transparent!important}
body[data-nuar-theme="classic"] #templatesPane .scan-extra-btn.active{border-color:#dedcd6!important}
body[data-nuar-theme="gold"]{
 --bg:#0b0a09;--text:#f3ecda;--muted:#c5b99f;--line:rgba(212,176,113,.28);--mint:#dfbf80;--blue:#c9a56e;--gold:#e5bf76;
 background:#0b0a09!important;color:var(--text)!important
}
body[data-nuar-theme="gold"] .glow{
 background:radial-gradient(550px 350px at 50% -12%,rgba(202,152,73,.10),transparent 75%),
 radial-gradient(600px 500px at 100% 30%,rgba(134,91,37,.07),transparent 80%)
}
body[data-nuar-theme="gold"] .card{background:linear-gradient(180deg,#161310,#0c0b0a)!important;border-color:#614d33!important;box-shadow:0 14px 28px rgba(0,0,0,.37)}
body[data-nuar-theme="gold"] .feat{background:linear-gradient(180deg,#1b1813,#100f0d)!important;border-color:#594731!important;box-shadow:0 8px 20px rgba(0,0,0,.3)}
body[data-nuar-theme="gold"] .tabs{background:rgba(18,15,11,.94)!important;border-color:#6a5436!important}
body[data-nuar-theme="gold"] .tab{color:#dac9a9!important}
body[data-nuar-theme="gold"] .tab.active{background:linear-gradient(135deg,#e7c986,#ba9256)!important;color:#1b1510!important;box-shadow:0 6px 16px rgba(186,146,86,.15)}
body[data-nuar-theme="gold"] .brandword{background:transparent!important;mix-blend-mode:screen!important;filter:drop-shadow(0 0 14px rgba(229,191,118,.10))!important}
body[data-nuar-theme="gold"] .hero{background:transparent!important}
body[data-nuar-theme="gold"] .installbtn,body[data-nuar-theme="gold"] #nb-entry{color:#f2e7d5!important;border-color:#8a6e47!important;background:#1a1713!important}
body[data-nuar-theme="gold"] button.action{background:linear-gradient(135deg,#ecd5a0,#c8a36c)!important;color:#21170d!important;box-shadow:none!important}
body[data-nuar-theme="gold"] button.action.secondary{background:#211b15!important;color:#e9d9bb!important;border:1px solid #876c46!important}
body[data-nuar-theme="gold"] input,body[data-nuar-theme="gold"] textarea,body[data-nuar-theme="gold"] select{background:#171310!important;color:#fff1db!important;border-color:#6b5335!important}
body[data-nuar-theme="gold"] .modechip{background:#241c15!important;color:#d1b991!important;border-color:#6f5638!important}
body[data-nuar-theme="gold"] .modechip.active{background:#e3be7e!important;color:#291d0f!important}
body[data-nuar-theme="light"] .hero{background:transparent!important}
body[data-nuar-theme="light"] .noir-lamp{display:none!important}
body[data-nuar-theme="light"] .brandword{background:transparent!important;mix-blend-mode:multiply!important;filter:invert(1)!important}
body[data-nuar-theme="light"] .nuar-legal-brief{color:#46586c!important}
.nuar-legal-brief{max-width:650px;margin:12px auto 6px;padding:0 12px;font:12px/1.6 var(--f);letter-spacing:0;text-align:center;opacity:.91}
/* Paid templated cards: simple readable fields, no uploads or NUAR branding. */
.nuar-template-controls label{font:700 12px/1.45 var(--f);letter-spacing:0;color:var(--text)}
.nuar-template-controls input,.nuar-template-controls select{width:100%;font-size:14px;min-height:44px}
.nuar-template-switches{display:grid;grid-template-columns:1fr;gap:4px;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}
.nuar-template-switches label{display:flex;gap:10px;align-items:center;text-transform:none;font:600 12px/1.4 var(--f);padding:4px 0;cursor:pointer}
.nuar-template-switches input[type="checkbox"]{width:19px!important;height:19px!important;min-height:19px!important;margin:0;accent-color:var(--mint)}
.nuar-template-cost{font:12px/1.65 var(--f);color:var(--muted);margin:8px 0 0}
.nuar-template-final{display:grid;justify-items:center;max-width:100%;padding:4px 0}
.nuar-template-final img{display:block;max-width:100%;height:auto;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.16)}
#templatesPane #plainQr{display:none!important}
#templatesPane #plainResult .result-actions{gap:8px}
#templatesPane #plainResult .result-actions button{min-height:44px}
body[data-nuar-theme="light"] .nuar-template-switches label{color:#172335!important}
@media(max-width:420px){.nuar-template-controls{gap:8px}.nuar-template-final{margin:0 -3px}.nuar-template-cost{font-size:11px}}

/* More specific than the previous 1.3.1 palette: neutral graphite cards, no blue tiles. */
body[data-nuar-theme="classic"] #modeCards .feat,
body[data-nuar-theme="classic"] #modeCards .feat:hover{
  background:linear-gradient(180deg,#202226,#15171a)!important;
  border-color:#3c3f42!important;
  box-shadow:0 9px 20px rgba(0,0,0,.28)!important;
}
body[data-nuar-theme="classic"] #modeCards .feat b{color:#bdbbb4!important}
body[data-nuar-theme="classic"] #modeCards .feat span{color:#f0eeea!important}
body[data-nuar-theme="classic"] #modeCards .feat small{color:#b2b0ab!important}

/* NUAR 1.3.2 theme QA: repair tool-screen contrast without touching layouts or Noir Gold.
   Older 1.3.1 #tool overrides used navy (#192841) even when Classic Dark
   had already been switched to neutral graphite on the homepage. */
body[data-nuar-theme="classic"] #tool .card{
  background:linear-gradient(180deg,#191b1f,#121417)!important;
  border-color:#383b40!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28)!important;
}
body[data-nuar-theme="classic"] #tool .tool-backbar{
  background:linear-gradient(180deg,#0c0e11 75%,rgba(12,14,17,0))!important;
}
body[data-nuar-theme="classic"] #tool .scan-extra-btn{
  background:#1a1c1e!important;
  color:#e9e8e5!important;
  border-color:#44464a!important;
}
body[data-nuar-theme="classic"] #tool .scan-extra-btn small{
  color:#b6b5b0!important;
}
body[data-nuar-theme="classic"] #tool .scan-extra-btn.active{
  background:#282a2d!important;
  border-color:#c6c5c1!important;
}

/* Clean Light: the previous dark-only global !important rule left the four
   Extras tiles with ivory-on-white copy. Scope correction to this theme. */
body[data-nuar-theme="light"] #extras .scan-extra-btn{
  background:#f7f9fb!important;
  color:#24364d!important;
  border:1px solid #a9bacd!important;
  box-shadow:none!important;
}
body[data-nuar-theme="light"] #extras .scan-extra-btn small{
  color:#53677d!important;
  opacity:1!important;
}
body[data-nuar-theme="light"] #extras .scan-extra-btn.active{
  background:#e7eff8!important;
  border-color:#426c9d!important;
  box-shadow:inset 0 0 0 1px #426c9d!important;
}
body[data-nuar-theme="light"] #extras .scan-extra-btn:hover,
body[data-nuar-theme="light"] #extras .scan-extra-btn:focus-visible{
  border-color:#315c8c!important;
}

/* Clean Light: make saved QR rows look native to the light theme.
   History content, controls and storage behaviour remain unchanged. */
body[data-nuar-theme="light"] #tool .hist-item{
  background:#f8fafc!important;
  border-color:#c6d2de!important;
  color:#22334a!important;
  box-shadow:none!important;
}
body[data-nuar-theme="light"] #tool .hist-item:hover{
  background:#f1f5f9!important;
  border-color:#869eb8!important;
}
body[data-nuar-theme="light"] #tool .hist-main,
body[data-nuar-theme="light"] #tool .hist-primary{
  color:#22334a!important;
}
body[data-nuar-theme="light"] #tool .hist-secondary{
  color:#53677d!important;
}
body[data-nuar-theme="light"] #tool .hist-fav,
body[data-nuar-theme="light"] #tool .hist-del{
  color:#415772!important;
  border-left-color:#c6d2de!important;
  background:transparent!important;
}
body[data-nuar-theme="light"] #tool .hist-fav.on{
  color:#8a5e13!important;
}
body[data-nuar-theme="light"] #tool .hist-fav:hover,
body[data-nuar-theme="light"] #tool .hist-del:hover{
  background:#e5edf5!important;
}
body[data-nuar-theme="light"] #tool .hist-controls input::placeholder{
  color:#5b6d82!important;
  opacity:1;
}

/* Actual alpha removal: screen blending alone left a black rectangle in Safari. */
body[data-nuar-theme="gold"] .brandword{
  mix-blend-mode:normal!important;
  filter:url(#nuar-logo-alpha) drop-shadow(0 2px 10px rgba(0,0,0,.12))!important;
}