/* ===== ظاهر ساده و تخت (مثل نمونه‌ی موبایل): سبزآبی، کارت‌های تمیز، بدون سه‌بعدی ===== */
:root{--bg:#e9efef;--surface:#fff;--surface2:#f3f7f7;--fg:#15262a;--muted:#5d7176;--line:#d5e0e1;--accent:#0d5c63;--accent-fg:#fff;--accent-soft:#d8ecee;
 --good:#1e7a3c;--good-soft:#dcf1e2;--warn:#a45a00;--warn-soft:#fdeccd;--bad:#b3261e;--bad-soft:#fbe0dd;--sh1:none;--sh2:none;--sh3:none;
 --font:'Vazirmatn',Tahoma,system-ui,sans-serif}
html,body,input,select,textarea,button{font-family:var(--font)}
body{background:var(--bg)!important;color:var(--fg);line-height:1.7}
a{color:var(--accent)}
/* بدون هرگونه حرکت سه‌بعدی */
.tile,.stat,.ccard,.rec,.ctilt,.scene .scsvg,.btn{transform:none!important;will-change:auto;transition:border-color .15s,background .15s}
.tile::after,.stat::after,.ccard::after{display:none}
/* ساختار */
#side{background:var(--surface);backdrop-filter:none;border-inline-end:1px solid var(--line);box-shadow:none}
.brand{background:var(--surface2);border:1px solid var(--line);box-shadow:none;border-radius:12px}
#side nav a{border-radius:10px;padding:9px 12px}
#side nav a:hover{background:var(--surface2);transform:none;box-shadow:none}
#side nav a.on{background:var(--accent);color:#fff;box-shadow:none}
#top{background:var(--accent);color:#fff;backdrop-filter:none;box-shadow:none;border:0}
#top h1,#menuBtn{color:#fff}#top h1{font-size:16px;font-weight:700}
#who{background:rgba(255,255,255,.18);color:#fff}
.badge{background:var(--bad);box-shadow:none;color:#fff}
/* کارت و جدول */
.card,.tw{border-radius:12px;box-shadow:none;border:1px solid var(--line);background:var(--surface)}
.card{padding:14px 16px}
th{background:var(--surface2)}tbody tr:hover td{background:var(--surface2)}
.alert.info{background:var(--accent-soft);color:var(--accent);border:0}.alert.info b{color:var(--accent)}
.alert.warn{border:1px solid var(--warn)}.alert.good{border:1px solid var(--good)}.alert.bad{border:1px solid var(--bad)}
.chip{background:var(--accent-soft);color:var(--accent)}
.chip.good{background:var(--good-soft);color:var(--good)}.chip.warn{background:var(--warn-soft);color:var(--warn)}.chip.bad{background:var(--bad-soft);color:var(--bad)}
/* فرم */
input,select,textarea{border:1px solid var(--line);border-radius:8px;box-shadow:none;background:var(--surface)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:none;outline:2px solid var(--accent)}
input[readonly]{background:var(--surface2);font-weight:700}
.opt:has(input:checked){background:var(--accent-soft);border-color:var(--accent)}
.lk label:has(input:checked){background:var(--accent);border-color:var(--accent);color:#fff}
/* دکمه */
.btn{background:var(--accent);color:#fff;border-radius:10px;box-shadow:none;font-weight:700}
.btn:hover{filter:brightness(1.1);box-shadow:none}.btn:active{filter:brightness(.95)}
.btn.out{background:transparent;color:var(--fg);border:1px solid var(--line);box-shadow:none}
.btn.alt{background:var(--accent-soft);color:var(--accent)}
/* کاشی‌های صفحه اصلی */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none;padding:16px 8px;min-height:98px;justify-content:center;font-size:12.5px;font-weight:500;color:var(--fg)}
.tile:hover{border-color:var(--accent);background:var(--surface);box-shadow:none}
.tic .ic{background:none;box-shadow:none;padding:0;width:auto;margin:0;color:var(--accent)}
.tic .ic svg,#side nav .ic svg{display:block}
#side nav .ic{width:22px;color:inherit}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:none}.stat b{color:var(--accent)}
/* بالای صفحه اصلی: نوار ساده */
.hero{background:var(--accent);color:#fff;border:0;box-shadow:none;border-radius:12px;min-height:0;padding:16px 20px}
.hero::before{display:none}.scene{display:none}.herotxt{max-width:100%}
.herotxt h2{color:#fff;font-size:20px}.herotxt small,.herotxt p{color:#d8ecee}
/* ورود */
#login{background:var(--bg)}
.loginwrap{display:block;max-width:420px}.loginart{display:none}
.loginbox{background:var(--surface);backdrop-filter:none;border:1px solid var(--line);box-shadow:none;border-radius:16px}
.loginbox::before{background:var(--accent);height:5px}
/* بخش‌های اختصاصی */
.ccard{background:var(--surface);border-radius:12px;box-shadow:none}.ccard::before{background:var(--accent);opacity:1}
.cavatar{background:var(--accent);box-shadow:none}
.chero,.finhero{background:var(--surface);box-shadow:none;border-radius:12px;border:1px solid var(--line)}
.cmini b{color:var(--accent)}
.modal-box{border-radius:16px;box-shadow:none;border:1px solid var(--line)}.modal{backdrop-filter:none}
.toast{box-shadow:none}
.progress>i,.bar>i{background:var(--accent)}
#instbar{background:var(--accent)}
#page{max-width:none;width:100%}

.alert.mahram{background:#b3261e;color:#fff;border:0;font-size:14px;line-height:1.9;position:sticky;top:0;z-index:5}.alert.mahram b{color:#fff}