/* OZ_TENANT_SKIN_V1 — جلد «البيت الذكي» فوق لوحة ون زيرو نت (دومين home0smart.com بس)
   الفكرة من الشعار: نافذة بقوس + سما. كحلي + سماوي، أطراف مقوّسة فوق، أيقونات داخل نوافذ.
   الملف ده بيتحمّل بعد تنسيقات الصفحة — ما بيغيّر ترتيب ولا وظيفة. */

:root{
  --sh-navy:#14263b; --sh-sky:#69ace0;
  --sh-ground:#eef4fa; --sh-card:#ffffff; --sh-ink:#14263b; --sh-sub:#4f6378;
  --sh-line:#d6e3ef; --sh-act:#2f78b5; --sh-well:#e3eff9; --sh-shadow:rgba(20,38,59,.08);
  --sh-font:'Readex Pro','Tajawal',system-ui,sans-serif;
  /* لوحة index.php */
  --bg:var(--sh-ground); --card:var(--sh-card); --text:var(--sh-ink); --sub:var(--sh-sub);
  --border:var(--sh-line); --blue:var(--sh-act); --inp:#f6fafd; --mb:var(--sh-card); --mh:var(--sh-well);
  --shadow:var(--sh-shadow);
  /* صفحات theme.php */
  --oz-bg:var(--sh-ground); --oz-card:var(--sh-card); --oz-text:var(--sh-ink); --oz-sub:var(--sh-sub);
  --oz-border:var(--sh-line); --oz-blue:var(--sh-act); --oz-inp:#f6fafd; --oz-shadow:var(--sh-shadow);
}
:root[data-theme=dark]{
  --sh-ground:#0d1826; --sh-card:#14243a; --sh-ink:#e8f1fa; --sh-sub:#a3b7cc;
  --sh-line:#24384f; --sh-act:#7fbbe8; --sh-well:#1a3049; --sh-shadow:rgba(0,0,0,.35);
  --bg:var(--sh-ground); --card:var(--sh-card); --text:var(--sh-ink); --sub:var(--sh-sub);
  --border:var(--sh-line); --blue:var(--sh-act); --inp:#0f1d2f; --mb:var(--sh-card); --mh:var(--sh-well);
  --oz-bg:var(--sh-ground); --oz-card:var(--sh-card); --oz-text:var(--sh-ink); --oz-sub:var(--sh-sub);
  --oz-border:var(--sh-line); --oz-blue:var(--sh-act); --oz-inp:#0f1d2f;
}

body{font-family:var(--sh-font)!important;background:var(--sh-ground)}
body *{font-family:inherit}
::selection{background:var(--sh-sky);color:var(--sh-navy)}
:focus-visible{outline:3px solid var(--sh-sky)!important;outline-offset:2px}
html{scrollbar-color:var(--sh-sky) var(--sh-ground)}

/* ── الرأس: شريط كحلي ثابت في الوضعين ── */
.hdr,.oz-nav{background:var(--sh-navy)!important;border-bottom:0!important;box-shadow:0 6px 18px -10px rgba(20,38,59,.55)!important;color:#fff}
.hdr .brand-name,.oz-nav-name{color:#fff!important}
.hdr .icon-btn,.oz-nav .oz-back-btn,.oz-nav .oz-btn-ghost,.oz-nav .oz-theme-btn,.oz-nav .oz-lang-btn{
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:999px!important}
.hdr .icon-btn:hover,.oz-nav .oz-back-btn:hover,.oz-nav .oz-btn-ghost:hover{background:var(--sh-sky)!important;color:var(--sh-navy)!important;border-color:var(--sh-sky)!important}
.brand-logo,.oz-nav-logo{border-radius:12px!important;box-shadow:none!important}

/* ── بطاقة الترحيب: سما الشعار ── */
.wc{background:var(--sh-sky)!important;border:0!important;color:var(--sh-navy)!important;border-radius:28px 28px 16px 16px!important;box-shadow:none!important}
.wc .wc-name,.wc *{color:var(--sh-navy)}
.wc [class*=badge],.wc [class*=chip],.wc [class*=role]{background:rgba(255,255,255,.55)!important;border-color:transparent!important}
.wc [class*=time],.wc [class*=clock],.wc [class*=dt]{background:rgba(255,255,255,.4)!important;border-color:rgba(20,38,59,.15)!important}
.wc .avatar{background:var(--sh-navy)!important;color:#fff!important;box-shadow:none!important}
.wc .avatar *{color:#fff}
.wc .role-pill{background:rgba(255,255,255,.6)!important;border-color:transparent!important;color:var(--sh-navy)!important}
.wc .role-dot{background:var(--sh-navy)!important}

/* ── بطاقات الأرقام: نافذة بقوس فوق، بلا شرائط ملوّنة ── */
.sc{border-radius:30px 30px 14px 14px!important;border:1px solid var(--sh-line)!important;background:var(--sh-card)!important;box-shadow:0 8px 22px -14px var(--sh-shadow)!important}
.sc::before{display:none!important}
.sc-glow{display:none!important}
.sc .sc-num,.sc .num{color:var(--sh-ink)!important;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.sc .sc-label,.sc h4{color:var(--sh-sub)!important;letter-spacing:0!important;text-transform:none!important;font-weight:600!important}
.sc .sc-label svg,.sc .sc-label .si{stroke:var(--sh-act)!important}
.sc.clickable:hover,.sc:hover{border-color:var(--sh-sky)!important}

/* ── أزرار القائمة: الأيقونة داخل نافذة ── */
.mb,.mb.dash,.mb.ai,.mb.adm,.mb.prg{background:var(--sh-card)!important;border:1px solid var(--sh-line)!important;color:var(--sh-ink)!important;border-radius:22px!important;box-shadow:0 6px 18px -14px var(--sh-shadow)!important}
.mb .si-lg,.mb.dash .si-lg,.mb.ai .si-lg{box-sizing:content-box;padding:11px 12px 9px;background:var(--sh-well);border-radius:999px 999px 10px 10px;stroke:var(--sh-act)!important}
.mb:hover,.mb.dash:hover,.mb.ai:hover,.mb.adm:hover,.mb.prg:hover{border-color:var(--sh-sky)!important;color:var(--sh-act)!important;box-shadow:0 14px 26px -16px var(--sh-shadow)!important}
.mb:hover .si-lg{background:var(--sh-sky);stroke:var(--sh-navy)!important}
.mb .mb-sub{color:var(--sh-sub)!important;opacity:1!important}
.sec-lbl{color:var(--sh-sub)!important}
.sec-lbl::before{width:9px!important;height:13px!important;background:var(--sh-sky)!important;border-radius:999px 999px 2px 2px!important}

/* ── بطاقات وصناديق theme.php ── */
.oz-card{border-radius:24px!important;border-color:var(--sh-line)!important;box-shadow:0 8px 22px -16px var(--sh-shadow)!important}
.oz-card-title{color:var(--sh-ink)!important;text-transform:none!important;letter-spacing:0!important}
.net-banner{background:var(--sh-well)!important;border:1px solid var(--sh-line)!important;color:var(--sh-ink)!important;border-radius:18px!important}
.net-banner *{color:inherit}
.net-banner b,.net-banner strong{color:var(--sh-act)!important}

/* ── الأزرار: كبسولة كحلية ── */
.oz-btn,.btn,.btn-login,.btn-save,.fbtn{border-radius:999px!important}
.oz-btn-blue,.btn-login,.btn-save,.btn-primary{background:var(--sh-navy)!important;color:#fff!important;box-shadow:0 10px 22px -12px rgba(20,38,59,.6)!important;border:0!important}
:root[data-theme=dark] .oz-btn-blue,:root[data-theme=dark] .btn-login,:root[data-theme=dark] .btn-save,:root[data-theme=dark] .btn-primary{background:var(--sh-sky)!important;color:var(--sh-navy)!important}
input,select,textarea{border-radius:14px!important}
input:focus,select:focus,textarea:focus{border-color:var(--sh-sky)!important;box-shadow:0 0 0 3px rgba(105,172,224,.25)!important}

/* ── الأزرار العائمة ── */
.fab.call,.oz-fab-call{background:var(--sh-navy)!important}
:root[data-theme=dark] .fab.call,:root[data-theme=dark] .oz-fab-call{background:var(--sh-sky)!important}
:root[data-theme=dark] .fab.call svg,:root[data-theme=dark] .oz-fab-call svg{stroke:var(--sh-navy)!important}

/* ── صفحة الدخول: النافذة طالعة من السما ── */
body[data-oz-page=login]{background:linear-gradient(180deg,var(--sh-sky) 0 42%,var(--sh-ground) 42% 100%) fixed!important}
body[data-oz-page=login] .card{position:relative;border-radius:999px 999px 28px 28px!important;padding-top:78px!important;background:var(--sh-card)!important;border:0!important;box-shadow:0 30px 60px -30px rgba(20,38,59,.45)!important}
body[data-oz-page=login] .top-controls{position:absolute!important;top:20px!important;left:50%!important;right:auto!important;transform:translateX(-50%);z-index:5;margin:0!important;display:flex;gap:6px}
body[data-oz-page=login] .top-controls *{background:rgba(255,255,255,.85)!important;color:var(--sh-navy)!important;border-color:transparent!important;border-radius:999px!important}
body[data-oz-page=login] .brand-logo{width:84px!important;height:84px!important;background:#fff!important;border:2px solid var(--sh-line)!important;border-radius:999px 999px 18px 18px!important;padding:8px!important}
body[data-oz-page=login] .brand-name{color:var(--sh-ink)!important;font-size:30px!important;letter-spacing:-.01em}
body[data-oz-page=login] .brand-sub{color:var(--sh-sub)!important}
body[data-oz-page=login] .remember-row{border-radius:16px!important;background:var(--sh-well)!important;border-color:var(--sh-line)!important}
body[data-oz-page=login] .btn-app{border-radius:999px!important;border:1.5px solid var(--sh-line)!important;background:transparent!important;color:var(--sh-act)!important}
body[data-oz-page=login] .login-footer{color:var(--sh-sub)!important}
body[data-oz-page=login] .error-box{border-radius:16px!important}
@media (max-width:520px){
  body[data-oz-page=login] .card{border-radius:220px 220px 24px 24px!important;padding-top:52px!important}
}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}