/* Beytepe Fizik Tedavi — Yönetim Paneli Tasarım Sistemi
   Referans: Linear / Notion / Stripe Dashboard / Vercel
   Marka rengiyle (çam yeşili) bağlantılı ama nötr, "araç" hissi veren zemin. */

:root{
  /* Nötr zemin (site paletinden bilinçli olarak farklı — panel bir "araç") */
  --p-bg:#FAFAF9;
  --p-surface:#FFFFFF;
  --p-surface-hover:#F5F5F4;
  --p-border:#E7E5E2;
  --p-border-strong:#D6D3CE;

  /* Metin */
  --p-ink:#191918;
  --p-ink-soft:#57534E;
  --p-muted:#8C8880;

  /* Marka vurgusu (siteyle bağlantı) */
  --p-accent:#0E7C66;
  --p-accent-dark:#0A5C4C;
  --p-accent-tint:#E8F5F1;
  --p-accent-tint-strong:#CFEBE2;

  /* Durum renkleri */
  --p-warn:#B45309;
  --p-warn-tint:#FEF3E2;
  --p-danger:#B91C1C;
  --p-danger-tint:#FDECEC;
  --p-success:#15803D;
  --p-success-tint:#EAF7EE;
  --p-info:#1D4ED8;
  --p-info-tint:#EAF0FE;

  --p-radius-sm:8px;
  --p-radius-md:12px;
  --p-radius-lg:18px;
  --p-shadow-sm:0 1px 2px rgba(25,25,24,0.05);
  --p-shadow-md:0 8px 24px -8px rgba(25,25,24,0.10);
  --p-shadow-lg:0 24px 60px -16px rgba(25,25,24,0.18);
}

*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--p-bg); color:var(--p-ink);
  font-family:'Plus Jakarta Sans', sans-serif;
  -webkit-font-smoothing:antialiased;
  font-size:14px;
}
a{color:inherit; text-decoration:none;}
button{font-family:inherit; cursor:pointer;}

/* ---- ORTAK YARDIMCI SINIFLAR ---- */
.p-card{
  background:var(--p-surface); border:1px solid var(--p-border);
  border-radius:var(--p-radius-md); box-shadow:var(--p-shadow-sm);
}
.p-badge{
  display:inline-flex; align-items:center; gap:5px;
  font-size:12px; font-weight:600; padding:3px 10px; border-radius:100px;
}
.p-badge-warn{background:var(--p-warn-tint); color:var(--p-warn);}
.p-badge-success{background:var(--p-success-tint); color:var(--p-success);}
.p-badge-danger{background:var(--p-danger-tint); color:var(--p-danger);}
.p-badge-info{background:var(--p-info-tint); color:var(--p-info);}
.p-badge-neutral{background:var(--p-surface-hover); color:var(--p-ink-soft);}

.p-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:9px 15px; border-radius:var(--p-radius-sm); font-size:13.5px; font-weight:600;
  border:1px solid transparent; transition:background .15s, border-color .15s, transform .1s;
}
.p-btn:active{transform:scale(0.98);}
.p-btn-primary{background:var(--p-accent); color:#fff;}
.p-btn-primary:hover{background:var(--p-accent-dark);}
.p-btn-secondary{background:var(--p-surface); color:var(--p-ink); border-color:var(--p-border-strong);}
.p-btn-secondary:hover{background:var(--p-surface-hover);}
.p-btn-ghost{background:none; color:var(--p-ink-soft);}
.p-btn-ghost:hover{background:var(--p-surface-hover); color:var(--p-ink);}
.p-btn-sm{padding:6px 11px; font-size:12.5px;}
.p-btn-icon{width:32px; height:32px; padding:0; justify-content:center; border-radius:var(--p-radius-sm);}

.p-input{
  width:100%; padding:9px 12px; border:1px solid var(--p-border-strong); border-radius:var(--p-radius-sm);
  font-family:inherit; font-size:13.5px; background:var(--p-surface); color:var(--p-ink);
  transition:border-color .15s, box-shadow .15s;
}
.p-input:focus{outline:none; border-color:var(--p-accent); box-shadow:0 0 0 3px var(--p-accent-tint);}
.p-label{display:block; font-size:12.5px; font-weight:600; color:var(--p-ink-soft); margin-bottom:6px;}

.p-avatar{
  width:32px; height:32px; border-radius:50%; background:var(--p-accent-tint); color:var(--p-accent-dark);
  display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:700; flex-shrink:0;
}

/* Scrollbar - ince, premium */
::-webkit-scrollbar{width:9px; height:9px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--p-border-strong); border-radius:20px;}
::-webkit-scrollbar-thumb:hover{background:var(--p-muted);}