/* Bar Calc — CSS Custom Properties & Themes */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
[data-theme="light"]{
  --bg:#f4f1eb;--card:#ffffff;--card2:#eeebe4;--text:#1c1a14;--muted:#7a7568;
  --border:#ddd8ce;--inp:#f4f1eb;
  --g:#2d8c50;--gl:#e4f2ea;--gd:#1a5c30;
  --b:#2272b0;--bl:#e2eef8;--bd:#144e82;
  --p:#6e3db5;--pl:#ede5ff;--pd:#4a2280;
  --o:#c47a0a;--ol:#fdf0d8;
  --r:#c0392b;--rl:#fdecea;
  --t:#1a7a7a;--tl:#e0f4f4;--td:#0f4f4f;
  --sh:0 2px 12px rgba(0,0,0,0.07);
}

/* Dark mode automat dacă sistemul preferă și nu e setat manual */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    --bg: #0f0f0d; --card: #1a1c17; --card2: #22251d; --text: #f0ede5;
    --muted: #7a7d72; --border: #2e3028; --inp: #1e211a;
  }
}
[data-theme="dark"]{
  --bg:#0f0f0d;--card:#1a1b17;--card2:#222319;--text:#f0ede5;--muted:#888278;
  --border:#2c2d26;--inp:#222319;
  --g:#45b568;--gl:#0b2016;--gd:#90d4a8;
  --b:#4a9fd4;--bl:#0a1e30;--bd:#8fc8e8;
  --p:#9a70e0;--pl:#1c1030;--pd:#c4a0f0;
  --o:#e09a30;--ol:#2a1e06;
  --r:#e05a4a;--rl:#2a0f0a;
  --t:#40a8a8;--tl:#081e1e;--td:#80d4d4;
  --sh:0 2px 16px rgba(0,0,0,0.5);
}
/* Dark mode card enhancement */
[data-theme="dark"] .card{
  box-shadow:0 1px 0 rgba(255,255,255,0.04) inset, 0 2px 12px rgba(0,0,0,0.3);
}
[data-theme="dark"] .analytics-kpi{
  box-shadow:0 1px 0 rgba(255,255,255,0.04) inset, 0 4px 16px rgba(0,0,0,0.4);
}
[data-theme="dark"] .analytics-collapsible-hdr{
  box-shadow:0 2px 0 rgba(0,0,0,0.3), 0 4px 10px rgba(0,0,0,0.25);
}

/* ── Cross-browser reset & fixes ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
  /* iOS Safari fix — cursor:pointer activează click events pe elemente non-button */
  cursor:pointer;
  -ms-text-size-adjust:100%;
  text-size-adjust:100%;
}
/* Elimină flash albastru la tap pe TOATE elementele */
*{
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none;
}
/* Păstrează selectarea textului acolo unde e nevoie */
input,textarea,select,[contenteditable]{
  -webkit-touch-callout:default;
}
body{
  -webkit-tap-highlight-color:transparent;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  touch-action:pan-y;
  overscroll-behavior:contain;
  /* iPhone notch / Dynamic Island safe area */
  padding-bottom: env(safe-area-inset-bottom, 0px);
  padding-left:   env(safe-area-inset-left, 0px);
  padding-right:  env(safe-area-inset-right, 0px);
}
/* Prevent iOS Safari bounce */
html,body{height:100%;overflow-x:hidden;}
/* Fix iOS Safari input zoom */
input,select,textarea{font-size:16px;}
@media(min-width:400px){input,select,textarea{font-size:14px;}}
/* Fix IE/Edge flexbox gaps */
.bnav-btn,.card,.analytics-kpi{min-width:0;}
/* Fix iOS Safari input zoom — font-size minim 16px pe toate input-urile */
input, select, textarea {
  font-size: max(16px, 1em) !important;
}
/* Excepție: elemente read-only sau display-only */
input[readonly], input[disabled] {
  font-size: inherit !important;
}
/* Install guide steps */
.install-step{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);}
.install-step:last-of-type{border-bottom:none;}
.install-num{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--g),var(--gd,#1a5c30));color:#fff;
  font-family:'Fraunces',serif;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.install-step div{font-size:13.5px;color:var(--text);line-height:1.5;padding-top:2px;}

/* Smooth theme transition */
body,body *{ transition:background-color .25s ease, border-color .25s ease, color .15s ease; }
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--text);min-height:100vh;padding:0 0 2rem;}
/* System dark mode preference fallback */
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#0f0f0d;--card:#1a1b17;--card2:#222319;--text:#f0ede5;--muted:#888278;
    --border:#2c2d26;--inp:#222319;
    --g:#45b568;--gl:#0b2016;--gd:#90d4a8;
    --b:#4a9fd4;--bl:#0a1e30;--bd:#8fc8e8;
    --p:#9a70e0;--pl:#1c1030;--pd:#c4a0f0;
    --o:#e09a30;--ol:#2a1e06;
    --r:#e05a4a;--rl:#2a0f0a;
    --t:#40a8a8;--tl:#081e1e;--td:#80d4d4;
    --sh:0 2px 16px rgba(0,0,0,0.5);
    --an:#e8834a;--an-l:#f0a070;--an-bg:rgba(181,71,11,0.12);--an-gd:#c05c28;
  }
}