/* ══════════════════════════════════════════════════════
   dashboard.css v2.0 — ROMA / ZEUS
   رفع مشکل encoding + بهبود طراحی
══════════════════════════════════════════════════════ */

:root {
    --bg-body:      #070b14;
    --bg-header:    rgba(7,11,20,.95);
    --bg-sidebar:   #0d1117;
    --bg-card:      rgba(17,24,39,.85);
    --bg-panel:     #111827;
    --clr-border:   rgba(30,45,69,.8);
    --clr-primary:  #4f46e5;
    --clr-cyan:     #06b6d4;
    --clr-green:    #10b981;
    --clr-red:      #ef4444;
    --clr-gold:     #f59e0b;
    --clr-purple:   #8b5cf6;
    --text-primary: #e2e8f0;
    --text-muted:   #6b7280;
    --shadow-sm:    0 2px 8px rgba(0,0,0,.3);
    --shadow-md:    0 4px 20px rgba(0,0,0,.4);
    --radius-sm:    8px;
    --radius-md:    12px;
    --radius-lg:    16px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'Vazirmatn',Tahoma,sans-serif;background:var(--bg-body);color:var(--text-primary);direction:rtl;line-height:1.6}

::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:var(--bg-panel)}
::-webkit-scrollbar-thumb{background:#374151;border-radius:4px}

/* Header */
header{
    background:var(--bg-header);
    backdrop-filter:blur(16px);
    padding:.875rem 1.5rem;
    display:flex;align-items:center;justify-content:space-between;
    box-shadow:var(--shadow-md);
    position:sticky;top:0;z-index:1200;
    border-bottom:1px solid var(--clr-border);
}
header .logo{font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.625rem;color:var(--clr-gold)}
header .user{font-size:.875rem;color:var(--text-muted)}

/* Sidebar */
.sidebar{
    position:fixed;top:60px;right:0;width:270px;
    height:calc(100vh - 60px);overflow-y:auto;
    background:var(--bg-sidebar);border-left:1px solid var(--clr-border);
    padding:1rem 0;z-index:1100;
    backdrop-filter:blur(16px);
    transition:transform .3s;
}
.sidebar ul{list-style:none}
.sidebar li{margin:.25rem .5rem}
.sidebar a{
    display:flex;align-items:center;gap:.625rem;
    color:var(--text-muted);text-decoration:none;
    padding:.625rem .875rem;border-radius:var(--radius-sm);
    font-size:.875rem;transition:all .2s;
}
.sidebar a:hover,.sidebar a.active{
    background:rgba(79,70,229,.15);color:var(--clr-cyan);
}
.sidebar-section{
    padding:.375rem .875rem;font-size:.7rem;text-transform:uppercase;
    letter-spacing:.1em;color:var(--text-muted);font-weight:600;margin-top:.75rem;
}

/* Container */
.container{max-width:1280px;margin:0 auto;padding:1.5rem;margin-right:270px}
@media(max-width:768px){.container{margin-right:0}.sidebar{transform:translateX(100%)}.sidebar.active{transform:translateX(0)}}

/* Dashboard header */
.dashboard-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
h1{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.625rem}

/* Filter buttons */
.filter-buttons{display:flex;gap:.5rem}
.filter-btn{padding:.375rem 1rem;font-size:.8125rem;border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--clr-border);background:var(--bg-card);color:var(--text-muted);transition:all .2s}
.filter-btn:hover{border-color:var(--clr-primary);color:var(--text-primary)}

/* Tabs */
.bot-tabs{margin-top:1rem}
.tab-list{display:flex;flex-wrap:wrap;gap:.375rem;list-style:none;border-bottom:1px solid var(--clr-border);margin-bottom:1rem;padding-bottom:.5rem}
.tab-button{background:none;border:none;color:var(--text-muted);padding:.5rem .875rem;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;border-radius:var(--radius-sm);transition:all .2s;font-family:'Vazirmatn',Tahoma,sans-serif}
.tab-button:hover{background:rgba(255,255,255,.05);color:var(--text-primary)}
.tab-button.active{background:rgba(79,70,229,.15);color:var(--clr-cyan);border-bottom:2px solid var(--clr-cyan)}
.tab-content{background:var(--bg-card);border:1px solid var(--clr-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}
.tab-pane{display:none}.tab-pane.active{display:block}
.bot-details h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}
.bot-details p{color:var(--text-muted);font-size:.875rem;margin-bottom:1rem}
.actions{display:flex;gap:.5rem;flex-wrap:wrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;font-size:.8125rem;padding:.5rem 1.125rem;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all .2s;font-family:'Vazirmatn',Tahoma,sans-serif;font-weight:500}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.btn-disabled{background:rgba(255,255,255,.08);color:var(--text-muted);cursor:not-allowed}
.btn-primary{background:var(--clr-primary);color:#fff}
.btn-success{background:var(--clr-green);color:#fff}
.btn-info{background:var(--clr-cyan);color:#fff}
.btn-danger{background:var(--clr-red);color:#fff}
.btn-warning{background:var(--clr-gold);color:#111}

/* Theme switch */
.theme-switch{position:relative;display:inline-block;width:44px;height:22px}
.theme-switch input{opacity:0;width:0;height:0}
.theme-switch .slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,.15);border-radius:22px;transition:.3s}
.theme-switch .slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;background:var(--clr-primary);border-radius:50%;transition:.3s}
.theme-switch input:checked+.slider:before{transform:translateX(22px)}

/* Alert */
.alert{padding:1rem;border-radius:var(--radius-md);margin-top:1rem}
.alert-warning{background:rgba(245,158,11,.1);color:var(--clr-gold);border:1px solid rgba(245,158,11,.2)}

/* Utilities */
.mt-4{margin-top:1.5rem!important}
.text-center{text-align:center!important}
.text-muted{color:var(--text-muted)}