/*
Theme Name: Dayan Admin Panel
Theme URI: https://dayan.app
Author: Dayan
Description: پنل ادمین ساده و ریسپانسیو برای مدیریت Workspace ها (Login/Workspace Switch/Users/Attendance).
Version: 0.1.0
Text Domain: dayan-admin-panel
*/

:root{
  --font-sans-arabic:"Shabnam", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dayan-blue:#1C2C3A;
  --dayan-teal:#1BA7A6;
  --teal-light:#D4F4EF;
  --dark-ink:#0D2735;
  --accent:#2BB2A8;
  --gray:#6B7A89;
  --soft-bg:#F6FBFC;
  --sidebar-width:268px;
  --card-radius:18px;
  --shadow:0 18px 40px rgba(13,39,53,0.13);
}

@font-face{font-family:"Shabnam";src:url("assets/fonts/shabnam/Shabnam-FD-WOL.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:"Shabnam";src:url("assets/fonts/shabnam/Shabnam-Medium-FD-WOL.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:"Shabnam";src:url("assets/fonts/shabnam/Shabnam-Bold-FD-WOL.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap;}

*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:radial-gradient(circle at top,var(--teal-light) 0,var(--soft-bg) 45%,#E3F0F6 100%);color:var(--dayan-blue);font-family:var(--font-sans-arabic);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}

a{text-decoration:none}
.text-muted{color:var(--gray)!important}

/* App layout */
.dayan-shell{min-height:100vh;display:flex;align-items:stretch}
.dayan-sidebar{width:var(--sidebar-width);background:#fff;border-radius:24px 0 0 24px;box-shadow:var(--shadow);padding:18px 16px;display:flex;flex-direction:column;gap:14px;position:sticky;top:16px;align-self:flex-start;height:calc(100vh - 32px);margin:16px 0 16px 16px}

@media (max-width: 991.98px){
  .dayan-sidebar{position:fixed;inset:0 auto 0 0;height:100vh;margin:0;border-radius:0;transform:translateX(-110%);transition:transform .22s ease;z-index:1040;width:86vw;max-width:340px}
  body.sidebar-open .dayan-sidebar{transform:translateX(0)}
  body.sidebar-open .dayan-backdrop{display:block}
}

.dayan-backdrop{display:none;position:fixed;inset:0;background:rgba(13,39,53,.35);backdrop-filter:blur(2px);z-index:1030}

.sidebar-logo{display:flex;align-items:center;gap:10px;padding:8px 4px 14px;border-bottom:1px solid #eef2f6;margin-bottom:4px}
.sidebar-logo img{height:38px;width:auto}
.sidebar-logo .brand-title{font-weight:800;font-size:14px;color:var(--dayan-blue)}
.sidebar-logo .brand-sub{font-size:12px;color:var(--gray)}

.sidebar-nav{display:flex;flex-direction:column;gap:6px}
.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;color:var(--dayan-blue);font-weight:600}
.sidebar-nav a .bi{font-size:18px;color:var(--accent)}
.sidebar-nav a.active{background:rgba(43,178,168,.14)}
.sidebar-nav a:hover{background:rgba(27,167,166,.10)}

.sidebar-footer{margin-top:auto;padding-top:12px;border-top:1px solid #eef2f6;display:flex;gap:10px;align-items:center}
.sidebar-footer .avatar{width:38px;height:38px;border-radius:14px;object-fit:cover;box-shadow:0 8px 16px rgba(13,39,53,.12)}
.sidebar-footer .name{font-weight:800;font-size:13px;line-height:1.2}
.sidebar-footer .meta{font-size:12px;color:var(--gray)}

.dayan-main{flex:1;padding:16px 18px 34px 0;min-width:0}
@media (max-width: 991.98px){.dayan-main{padding:16px 16px 40px 16px}}

.topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:10px 0 14px}
.topbar .left{display:flex;gap:10px;align-items:center}
.topbar .burger{display:none}
@media (max-width: 991.98px){.topbar .burger{display:inline-flex}}

.card-soft{background:#fff;border-radius:var(--card-radius);box-shadow:0 16px 30px rgba(15,23,42,.08);border:1px solid #eef2f6}

.kpi-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}
.kpi{grid-column:span 3;padding:14px 14px}
@media (max-width: 1199.98px){.kpi{grid-column:span 4}}
@media (max-width: 767.98px){.kpi{grid-column:span 6}}
.kpi .label{font-size:12px;color:var(--gray);margin-bottom:6px}
.kpi .value{font-size:22px;font-weight:900;letter-spacing:.02em}
.kpi .hint{font-size:12px;color:var(--gray);margin-top:6px}

.section-title{font-size:14px;font-weight:900;margin:18px 0 10px;display:flex;align-items:center;gap:8px}
.section-title .bi{color:var(--accent)}

.table thead th{font-size:12px;color:var(--gray);font-weight:800}
.table td{vertical-align:middle}

/* Login + workspace list */
.center-shell{width:100%;max-width:540px;margin:32px auto;padding:16px}
.brand-hero{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:14px}
.brand-hero .logo-box{width:168px;height:168px;border-radius:28px;background:#ffffffcc;box-shadow:0 18px 38px rgba(15,23,42,.09);display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}
.brand-hero .logo-box img{width:120px;height:auto}

.btn-primary{background:var(--accent);border-color:var(--accent)}
.btn-primary:hover{filter:brightness(.95)}

.form-control, .form-select{border-radius:14px}

.toast-container{z-index:2000}