.jalali-month-title{text-align:center;min-width:0;flex:1}
    .jalali-month-title strong{display:block;font-size:14px;line-height:1.6}
    .jalali-month-title span{display:block;color:var(--muted);font-size:9px;margin-top:1px}
    .cal-nav{
      width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;
      background:#fff;color:#60687a;display:grid;place-items:center;font-size:18px;box-shadow:none
    }
    .cal-nav:hover{background:var(--primary-soft);color:var(--primary-deep);border-color:#d8d6ff}
    .jalali-weekdays,.jalali-days{
      display:grid;grid-template-columns:repeat(7,1fr);gap:4px
    }
    .jalali-calendar-body{padding:12px 13px 10px}
    .jalali-weekdays{margin-bottom:5px}
    .jalali-weekdays div{
      text-align:center;color:#8a91a2;font-size:9px;font-weight:900;padding:5px 0
    }
    .jalali-day{
      aspect-ratio:1/1;border:0;border-radius:10px;background:transparent;color:#353c4f;
      display:grid;place-items:center;font-size:10.5px;font-weight:800;transition:.13s ease;box-shadow:none
    }
    .jalali-day:hover{background:#f0efff;color:var(--primary-deep)}
    .jalali-day.today{box-shadow:inset 0 0 0 1px #b7b4fb;color:var(--primary-deep)}
    .jalali-day.selected{
      color:#fff;background:linear-gradient(135deg,var(--primary-2),var(--primary));
      box-shadow:0 6px 14px rgba(91,92,226,.22)
    }
    .jalali-blank{aspect-ratio:1/1}
    .jalali-picker-foot{
      display:flex;gap:7px;justify-content:space-between;padding:10px 13px 13px;
      border-top:1px solid var(--line);background:#fcfcff
    }
    .jalali-picker-foot .right-actions{display:flex;gap:6px}
    @media(max-width:760px){
      .jalali-picker{width:min(380px,100%)}
      .jalali-day{font-size:11px}
    }


.app-logo{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#938cff,#5f5ce6);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 28px rgba(91,92,226,.32);flex:0 0 auto}
.app-logo svg{width:25px;height:25px}
.empty-icon{width:48px;height:48px;border-radius:15px;margin:0 auto 12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary-deep)}
.empty-icon svg{width:24px;height:24px}
.metric-value.session-summary{font-size:18px;line-height:1.25;white-space:nowrap}

    /* ===== v6.5 theme system ===== */
    html{
      color-scheme:light;
    }
    html[data-theme="dark"]{
      color-scheme:dark;

      --bg:#0f1320;
      --surface:#151a28;
      --soft:#1a2030;
      --ink:#eef1f7;
      --muted:#a5adbd;
      --line:#2a3142;

      --primary:#8580ff;
      --primary-2:#6c68eb;
      --primary-deep:#aaa7ff;
      --primary-soft:#282844;

      --success:#59c99d;
      --success-soft:#173229;

      --danger:#ff7f8a;
      --danger-soft:#3a2025;

      --warning:#e1aa59;
      --warning-soft:#382b1a;

      --shadow:0 16px 40px rgba(0,0,0,.24);
      --shadow-soft:0 6px 18px rgba(0,0,0,.18);
    }

    html[data-theme="dark"] body{
      background:
        radial-gradient(circle at 10% -8%,rgba(119,108,255,.15),transparent 31%),
        radial-gradient(circle at 94% 4%,rgba(50,164,142,.08),transparent 27%),
        linear-gradient(180deg,#111522 0%,#0d111b 100%);
      color:var(--ink);
    }

    html[data-theme="dark"] .hero{
      background:
        radial-gradient(circle at 86% 22%,rgba(145,128,255,.20),transparent 24%),
        linear-gradient(132deg,#11172a 0%,#202743 56%,#332f59 100%);
      border-color:rgba(255,255,255,.08);
      box-shadow:0 20px 55px rgba(0,0,0,.30);
    }

    html[data-theme="dark"] .planbar,
    html[data-theme="dark"] .panel,
    html[data-theme="dark"] .metric{
      background:rgba(21,26,40,.96);
      border-color:#2a3142;
      box-shadow:var(--shadow);
    }

    html[data-theme="dark"] .panel-head{
      background:linear-gradient(180deg,#171d2c 0%,#151a28 100%);
      border-color:#2a3142;
    }

    html[data-theme="dark"] .metric{
      background:linear-gradient(145deg,#171d2b,#141927);
    }

    html[data-theme="dark"] .metric::after{
      background:rgba(133,128,255,.045);
    }

    html[data-theme="dark"] .metric-icon{
      color:var(--ink);
      background:#262b42;
    }

    html[data-theme="dark"] .metric:nth-child(2) .metric-icon{background:#183229}
    html[data-theme="dark"] .metric:nth-child(3) .metric-icon{background:#382a1c}
    html[data-theme="dark"] .metric:nth-child(4) .metric-icon{background:#29233e}

    html[data-theme="dark"] .btn{
      background:#1c2231;
      color:var(--ink);
      border-color:#30384a;
      box-shadow:none;
    }
    html[data-theme="dark"] .btn:hover{
      background:#232a3b;
      border-color:#3a4357;
      box-shadow:0 7px 18px rgba(0,0,0,.18);
    }
    html[data-theme="dark"] .btn-primary{
      color:#fff;
      border-color:transparent;
      background:linear-gradient(135deg,#807aff,#625fdf);
      box-shadow:0 9px 24px rgba(91,92,226,.22);
    }
    html[data-theme="dark"] .btn-dark{
      color:#fff;
      background:rgba(255,255,255,.08);
      border-color:rgba(255,255,255,.13);
    }
    html[data-theme="dark"] .btn-soft{
      background:#1a2030;
    }
    html[data-theme="dark"] .btn-danger{
      color:var(--danger);
      background:var(--danger-soft);
      border-color:#543039;
    }

    html[data-theme="dark"] .plan-tab{
      background:#191f2e;
      color:#aeb6c7;
      border-color:#2e3648;
      box-shadow:none;
    }
    html[data-theme="dark"] .plan-tab:hover{
      background:#202738;
      color:#eef1f7;
      border-color:#3b4458;
    }
    html[data-theme="dark"] .plan-tab.active{
      color:#c9c7ff;
      background:linear-gradient(180deg,#2a294a,#232340);
      border-color:#454474;
      box-shadow:0 6px 16px rgba(0,0,0,.18);
    }
    html[data-theme="dark"] .plan-tab-x:hover{
      background:#43242b;
      color:#ff8a95;
    }

    html[data-theme="dark"] .filter{
      background:#191f2d;
      color:#aab2c3;
      border-color:#2e3546;
    }
    html[data-theme="dark"] .filter:hover{
      background:#212839;
      color:#d8d9ff;
      border-color:#47476f;
    }
    html[data-theme="dark"] .filter.active{
      background:linear-gradient(180deg,#2b2a4b,#242440);
      border-color:#454476;
      color:#c8c6ff;
      box-shadow:none;
    }

    html[data-theme="dark"] .course-card{
      background:linear-gradient(145deg,#181e2d,#151a28);
      border-color:#2a3141;
    }
    html[data-theme="dark"] .course-card:hover{
      border-color:#374054;
      box-shadow:0 9px 22px rgba(0,0,0,.20);
    }