/* =====================================================================
   ریسپانسیو — باید آخرین فایل استایل در همه‌ی صفحه‌ها باشد (بعد از navy.css)
   سه اندازه: موبایل (تا ۶۴۰)، تبلت (۶۴۱ تا ۱۰۲۴)، لپ‌تاپ (بالاتر؛ بدون تغییر)
   ===================================================================== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}
input,select,textarea{min-width:0}

/* ---------- دکمه‌ی منوی همبرگری (همه‌ی صفحه‌ها) ---------- */
.hamb{display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:12px;border:1.5px solid var(--bd);background:var(--s);color:var(--ink);flex:none;cursor:pointer}
.hamb:active{transform:scale(.93)}
.nav .hamb{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.28);color:#fff}
.dclose,.scrim{display:none}

/* ---------- تبلت: کمی کوچک‌تر ---------- */
@media (min-width:641px) and (max-width:1024px){
  body{font-size:15px}
  .wrap h1,h1{font-size:23px}
  .main,main{zoom:.95}
}

/* ---------- پنل مدیر و میز کار (قالب Django): منوی بالا ← همبرگر ---------- */
@media (max-width:720px){
  .nav .hamb{display:inline-flex}
  .nav-in{flex-wrap:wrap;row-gap:4px}
  .nav-in>a.l,.nav-in>.ib,.nav-in>form{display:none}
  body.menu-open .nav-in>a.l,body.menu-open .nav-in>.ib{display:flex;width:100%;padding:11px 12px;justify-content:flex-start}
  body.menu-open .nav-in>form{display:block;width:100%}
  body.menu-open .nav-in>form .ib{display:flex;width:100%;padding:11px 12px;justify-content:flex-start}
  body.menu-open .nav a.l span,body.menu-open .nav .ib span{display:inline}
}

@media (max-width:640px){
  html,body{overflow-x:hidden}
  body{font-size:13.5px!important;line-height:1.7}

  /* ===== صفحه‌های Django ===== */
  .wrap{padding:14px 12px 60px;zoom:.9}
  h1{font-size:20px!important}
  h2{font-size:16px!important;margin:20px 0 10px}
  h3{font-size:15px}
  .lead{font-size:13px;margin-bottom:14px}
  .nav-in{padding:7px 10px;gap:2px}
  .brand{font-size:14px;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .logo{width:30px;height:30px;border-radius:9px;flex:none}
  .card{padding:14px}.big .card{padding:16px}
  .big,.grid{grid-template-columns:1fr}
  .count{font-size:21px}
  .card h3{font-size:15px}.card p{font-size:13px}
  .btn{font-size:13px}
  .tw{overflow:hidden}
  td,th{overflow-wrap:anywhere;min-width:0}
  td.ttl{font-size:15px!important}
  td.ac{flex-wrap:wrap}
  .uhead{padding:14px;gap:12px}.uhead .av{width:44px;height:44px;font-size:19px}.uhead h1{font-size:18px!important}
  .rcs,.lvls{grid-template-columns:1fr}
  .asec{padding:14px}
  .tabs{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
  .tabs a{flex:none;white-space:nowrap}

  /* ===== کابین اجرایی ===== */
  .main{padding:8px 12px 110px!important;zoom:.9}
  .top{gap:8px}
  .top .tt{flex:1;min-width:0}
  .top h2{font-size:17px!important}
  .top .sub{font-size:12px!important}
  .one h1{font-size:19px!important;line-height:1.5}
  .stat b{font-size:18px!important}
  .sheet .hd h3{font-size:15px!important}
  .sheet{font-size:13.5px}
  .eng .sc{font-size:17px!important}
  .fab{width:50px!important;height:50px!important;bottom:calc(18px + env(safe-area-inset-bottom,0px))!important}

  /* ===== برنامه‌ریزی ===== */
  main{padding:6px 12px 110px!important}
  .top{padding:8px 12px 6px!important;gap:6px!important}
  .top .btn{padding:7px 10px;font-size:13px}
  .top input{padding:7px 10px;font-size:13px}
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tile{padding:7px 10px}.tile b{font-size:1.1rem!important}.tile span{font-size:.72rem}
  li{padding:7px 10px;gap:8px}
  .chips{scrollbar-width:none}.chips::-webkit-scrollbar{display:none}
  dialog{width:calc(100vw - 24px)!important;max-width:none!important;padding:14px;font-size:13.5px}
  dialog input,dialog select,.fld{font-size:16px} /* جلوگیری از زوم خودکار iOS */
}
@media (max-width:380px){
  .wrap,.main{zoom:.86}
}

/* ---------- کابین: منوی کشویی به‌جای نوار پایین (زیر ۹۰۰ پیکسل) ---------- */
@media (max-width:899px){
  .bottom{display:none!important}
  .hamb{display:inline-flex}
  .top .hamb{margin-inline-end:2px}
  .top .tt{flex:1;min-width:0}
  .scrim{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:55;opacity:0;pointer-events:none;transition:opacity .2s}
  body.menu-open .scrim{opacity:1;pointer-events:auto}
  .side{display:flex;flex-direction:column;gap:2px;position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(290px,84vw);z-index:60;overflow-y:auto;
    background:var(--s);padding:calc(16px + env(safe-area-inset-top,0px)) 12px 20px;box-shadow:0 0 40px rgba(0,0,0,.35);
    transform:translateX(100%);visibility:hidden;transition:transform .25s,visibility .25s}
  body.menu-open .side{transform:none;visibility:visible}
  .side>*{flex:none}
  .side .brand{font-weight:800;font-size:16px;padding:6px 10px 12px;margin-inline-end:40px}
  .side a.exit{margin:0 0 10px;justify-content:center}
  .side .addb{margin:0 0 10px;padding:11px 14px;border-radius:12px;background:var(--ac);color:var(--acink);font-weight:600;display:flex;gap:8px;align-items:center}
  .side button.nv{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--ink2);text-align:start;font-size:14px}
  .side button.nv.on{background:var(--acs);color:var(--ac);font-weight:600}
  .side hr{border:0;border-top:1px solid var(--line);margin:8px 4px;width:calc(100% - 8px)}
  .side .n{margin-inline-start:auto;font-size:12px;color:var(--ink3)}
  .dclose{display:inline-flex;position:absolute;top:calc(10px + env(safe-area-inset-top,0px));inset-inline-end:10px;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;color:var(--nvink,#fff);background:rgba(255,255,255,.1)}
  a.exit.m{display:inline-flex}
}
@media (min-width:900px){.hamb,.dclose,.scrim{display:none!important}}

/* ---------- متن معرفی صفحه‌ی ورود (برای موتورهای جستجو؛ ساده و کم‌رنگ) ---------- */
.seo-about{max-width:760px;margin:0 auto;padding:26px 20px 40px;color:var(--ink2);font-size:14px;line-height:2}
.seo-about h2{font-size:16px;margin:14px 0 4px;color:var(--ink)}
.seo-about h2::before{display:none}
.seo-about p{margin:0 0 8px}