/* ============================================================
   YouAİBOOKS — Base Reset & Typography
============================================================ */

/* Box-sizing reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
  overflow: hidden;
}

body {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,
               'Segoe UI', system-ui, sans-serif;
  background-color: var(--color-base);
  background-image:
    radial-gradient(ellipse 80% 50% at 20% 0%,   rgba(139, 92, 246, 0.13) 0%, transparent 60%),
    radial-gradient(ellipse 60% 40% at 80% 100%, rgba(245, 158, 11,  0.08) 0%, transparent 60%);
  color: var(--text-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
}

/* Element resets */
a             { text-decoration: none; color: inherit; }
button        { cursor: pointer; font-family: inherit; background: none; border: none; }
input, select,
textarea      { font-family: inherit; outline: none; }
ul, ol        { list-style: none; }
img, svg      { display: block; max-width: 100%; }

/* ----------------------------------------------------------
   Custom Scrollbar — Global (thin violet)
---------------------------------------------------------- */
::-webkit-scrollbar            { width: 6px; height: 6px; }
::-webkit-scrollbar-track      { background: transparent; }
::-webkit-scrollbar-thumb      { background: rgba(124, 58, 237, 0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover{ background: rgba(124, 58, 237, 0.55); }

/* Firefox */
* { scrollbar-width: thin; scrollbar-color: rgba(124,58,237,0.3) transparent; }

/* Utility: hide scrollbar but keep scroll */
.no-scrollbar::-webkit-scrollbar { display: none; }

/* Config / Salon ID uyarı bandı */
.config-banner {
  background: rgba(239, 68, 68, 0.15);
  border: 1px solid rgba(239, 68, 68, 0.4);
  border-radius: var(--radius-md, 8px);
  padding: 12px 16px;
  margin: 12px 16px;
  color: var(--text-primary);
  font-size: 13px;
}
.config-banner strong { display: block; margin-bottom: 4px; }
.config-banner code { background: rgba(0,0,0,0.2); padding: 2px 6px; border-radius: 4px; font-size: 12px; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }