/* =====================================================================
   تەواف — ستایلی هاوبەشی ڕووکار (UI Kit)
   ---------------------------------------------------------------------
   ستایلێکی سەردەمیانە + گونجاندنی تەواو بۆ هەموو ئامێرەکان،
   بەتایبەت ئەندرۆید و iOS (safe-area, touch targets, no zoom on focus).
   ===================================================================== */

:root{
  --t-green:#05403e;  --t-green-600:#054643; --t-green-700:#033330; --t-green-900:#022726;
  --t-green-soft:#eaefef;
  --t-gold:#777252;   --t-gold-600:#767152;  --t-gold-soft:#efeee8;
  --t-bg:#f6f5f1;     --t-surface:#fff;      --t-surface-2:#f3f2ed;
  --t-border:#e6e5dd; --t-border-2:#d7d5ca;
  --t-text:#042e2d;   --t-muted:#67716c;     --t-faint:#98a09b;
  --t-danger:#b3261e; --t-danger-soft:#fdeceb;
  --t-ok:#05403e;     --t-ok-soft:#f7f9f9;
  --t-r:18px; --t-r-sm:12px;
  --t-sh:0 1px 2px rgba(16,32,27,.04), 0 6px 16px -6px rgba(16,32,27,.10);
  --t-sh-md:0 14px 30px -12px rgba(16,32,27,.20);

  /* بۆشایی پارێزراو بۆ iPhone (notch / home indicator) */
  --sa-t:env(safe-area-inset-top,0px);
  --sa-b:env(safe-area-inset-bottom,0px);
  --sa-l:env(safe-area-inset-left,0px);
  --sa-r:env(safe-area-inset-right,0px);
}

/* ---------- بنەما ---------- */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%; text-size-adjust:100%;}
body{
  margin:0; background:var(--t-bg); color:var(--t-text);
  font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior-y:none;
  padding-left:var(--sa-l); padding-right:var(--sa-r);
}
img{max-width:100%; height:auto;}
a{text-decoration:none; color:inherit; touch-action:manipulation;}
button{touch-action:manipulation;}

/* ---------- iOS: ڕێگری لە زووم کاتی نووسین ----------
   iOS خۆکارانە زووم دەکات ئەگەر قەبارەی فۆنت < 16px بێت */
input, select, textarea{
  font-size:16px !important;
  font-family:inherit;
  border-radius:var(--t-r-sm);
  -webkit-appearance:none; appearance:none;
}
@media (min-width:768px){
  input, select, textarea{ font-size:.92rem !important; }
}

/* ---------- خشتەی خلیسکاو لەسەر مۆبایل ---------- */
.t-scroll-x{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.t-scroll-x::-webkit-scrollbar{height:5px;}
.t-scroll-x::-webkit-scrollbar-thumb{background:var(--t-border-2); border-radius:100px;}

/* ---------- کارت ---------- */
.t-card{
  background:var(--t-surface); border:1px solid var(--t-border);
  border-radius:var(--t-r); box-shadow:var(--t-sh);
}

/* ---------- دوگمە — قەبارەی گونجاو بۆ دەست (≥44px) ---------- */
.t-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:7px;
  min-height:44px; padding:11px 22px;
  border:1px solid transparent; border-radius:var(--t-r-sm);
  font-weight:700; font-size:.9rem; cursor:pointer;
  transition:transform .12s, box-shadow .16s, background .16s, border-color .16s;
}
.t-btn:active{transform:translateY(1px);}
.t-btn-primary{background:linear-gradient(135deg,var(--t-green),var(--t-green-700)); color:#fff;}
.t-btn-primary:hover{box-shadow:0 10px 22px -10px rgba(15,76,63,.65);}
.t-btn-gold{background:var(--t-gold); color:#191811;}
.t-btn-gold:hover{background:var(--t-gold-600); color:#fff;}
.t-btn-ghost{background:var(--t-surface); border-color:var(--t-border-2); color:var(--t-text);}
.t-btn-ghost:hover{border-color:var(--t-green); color:var(--t-green); background:var(--t-green-soft);}
.t-btn-block{width:100%;}

/* ---------- خانەکانی فۆرم ---------- */
.t-field{
  width:100%; min-height:46px; padding:12px 14px;
  border:1px solid var(--t-border-2); background:var(--t-surface);
  color:var(--t-text); transition:border-color .15s, box-shadow .15s;
}
.t-field:focus{
  outline:none; border-color:var(--t-green);
  box-shadow:0 0 0 3px rgba(15,76,63,.13);
}
.t-field::placeholder{color:var(--t-faint);}
.t-label{display:block; font-size:.84rem; font-weight:600; margin-bottom:6px; color:var(--t-text);}

/* ---------- چیپ ---------- */
.t-chip{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 12px; border-radius:100px;
  font-size:.75rem; font-weight:700;
}
.t-chip-green{background:var(--t-green-soft); color:var(--t-green);}
.t-chip-gold{background:var(--t-gold-soft); color:#5c5840;}
.t-chip-red{background:var(--t-danger-soft); color:var(--t-danger);}
.t-chip-grey{background:var(--t-surface-2); color:var(--t-muted);}

/* ---------- تابەکان ---------- */
.t-tabs{display:flex; overflow-x:auto; -webkit-overflow-scrolling:touch; border-bottom:1px solid var(--t-border);}
.t-tabs::-webkit-scrollbar{display:none;}
.t-tab{
  padding:14px 18px; font-size:.86rem; font-weight:700; color:var(--t-muted);
  border-bottom:3px solid transparent; white-space:nowrap; cursor:pointer;
  min-height:48px; display:flex; align-items:center; gap:7px;
}
.t-tab.on{color:var(--t-green); border-bottom-color:var(--t-gold);}

/* ---------- دەستپێگەیشتن ---------- */
a:focus-visible, button:focus-visible, input:focus-visible,
select:focus-visible, textarea:focus-visible{
  outline:2px solid var(--t-gold); outline-offset:2px;
}
::selection{background:rgba(201,162,39,.35);}

/* ---------- شاشەی بچووک ---------- */
@media (max-width:640px){
  .t-card{border-radius:14px;}
  .t-btn{padding:11px 18px; font-size:.86rem;}
  .t-hide-sm{display:none !important;}
  .t-stack-sm{flex-direction:column !important; align-items:stretch !important;}
  .t-full-sm{width:100% !important;}
}

/* ---------- وەک ئەپی دامەزراو (PWA) ---------- */
@media (display-mode: standalone){
  .t-topbar{padding-top:calc(14px + var(--sa-t));}
  body{padding-bottom:var(--sa-b);}
}

/* ---------- جوڵەی کەمکراوە ---------- */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    transition-duration:.01ms !important; animation-duration:.01ms !important;
  }
}

/* ---------- چاپکردن ---------- */
@media print{
  .t-no-print{display:none !important;}
  body{background:#fff;}
  .t-card{box-shadow:none; border-color:#ddd;}
}