/* Noandishan v13 — mobile-first professional experience */
:root{
  --v13-safe-top:env(safe-area-inset-top,0px);
  --v13-safe-bottom:env(safe-area-inset-bottom,0px);
  --v13-nav-h:72px;
  --v13-top-h:64px;
  --v13-blue:#245eea;
  --v13-deep:#102b52;
  --v13-teal:#0f9f91;
  --v13-surface:#ffffff;
  --v13-bg:#f3f6fb;
  --v13-line:#dfe7f1;
  --v13-text:#17243a;
  --v13-muted:#65758c;
  --v13-shadow:0 10px 30px rgba(22,47,84,.08);
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--v13-bg)}
body{overflow-x:hidden;overscroll-behavior-y:none;background:var(--v13-bg);color:var(--v13-text)}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.mobile-topbar,.mobile-drawer,.mobile-scrim{display:none}
.nav-icon{display:inline-grid;place-items:center;flex:0 0 auto}.nav-label{min-width:0}

/* Desktop polish retained without changing data or workflows */
.main{min-width:0}.card,.v11-session-card,.v11-section-panel,.v11-stage-card{border-color:var(--v13-line)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,94,234,.22);outline-offset:2px}

@media(max-width:900px){
  :root{--v13-nav-h:72px;--v13-top-h:64px}
  body.mobile-menu-open{overflow:hidden}
  .layout{display:block;min-height:100dvh}
  .sidebar{display:none!important}
  .mobile-topbar{display:flex;position:fixed;z-index:80;top:0;right:0;left:0;height:calc(var(--v13-top-h) + var(--v13-safe-top));padding:calc(8px + var(--v13-safe-top)) 14px 8px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(213,224,238,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 5px 22px rgba(25,50,84,.06)}
  .mobile-brand{display:flex;align-items:center;gap:10px;min-width:0}.mobile-logo{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,var(--v13-blue),var(--v13-teal));color:#fff;font-size:20px;font-weight:950;box-shadow:0 8px 20px rgba(36,94,234,.24)}
  .mobile-brand>div:last-child{display:grid;min-width:0}.mobile-brand b{font-size:14px;line-height:1.5;white-space:nowrap}.mobile-brand small{font-size:11px;color:var(--v13-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}
  .mobile-top-actions{display:flex;gap:8px}.mobile-icon-btn{width:42px;height:42px;padding:0!important;display:grid;place-items:center;border-radius:14px;background:#eef3fb!important;color:#334b6b!important;border:1px solid #dfe8f4!important;box-shadow:none!important;font-size:21px;line-height:1}

  .main{width:100%;max-width:none;padding:calc(var(--v13-top-h) + var(--v13-safe-top) + 14px) 12px calc(var(--v13-nav-h) + var(--v13-safe-bottom) + 22px)!important;overflow:visible}
  .panel-title{display:none!important}
  .main>*,.main section,.main article{max-width:100%;min-width:0}
  .main p,.main li,.main input,.main textarea,.main select{font-size:15px;line-height:1.85}
  h1,h2,h3,h4{line-height:1.55;letter-spacing:-.035em}
  input,select,textarea{font-size:16px!important;min-height:48px;border-radius:15px!important;padding:12px 13px!important}
  textarea{min-height:120px}
  button,.v11-primary,.v11-secondary,.v11-outline{min-height:46px;border-radius:15px;padding:11px 14px;font-size:14px}
  button:active,.v11-primary:active,.v11-secondary:active,.v11-outline:active{transform:scale(.98)!important}

  .mobile-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:90;right:0;left:0;bottom:0;height:calc(var(--v13-nav-h) + var(--v13-safe-bottom));padding:7px 6px calc(7px + var(--v13-safe-bottom));gap:3px;background:rgba(255,255,255,.96);border-top:1px solid #dce5f0;box-shadow:0 -10px 30px rgba(22,47,84,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:visible}
  .mobile-nav .mobile-nav-item{min-width:0!important;height:58px;min-height:58px;padding:5px 2px!important;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0!important;border-radius:15px!important;background:transparent!important;color:#728097!important;box-shadow:none!important;white-space:normal!important}
  .mobile-nav .nav-icon{font-size:20px;height:24px}.mobile-nav .nav-label{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:850;text-align:center}
  .mobile-nav .mobile-nav-item.active{background:#eaf1ff!important;color:#164ec1!important}.mobile-nav .mobile-nav-item.active .nav-icon{transform:translateY(-1px)}

  .mobile-scrim{display:block;position:fixed;z-index:110;inset:0;background:rgba(5,16,34,.48);opacity:0;pointer-events:none;transition:opacity .2s;backdrop-filter:blur(2px)}
  .mobile-drawer{display:flex;position:fixed;z-index:120;right:0;left:0;bottom:0;max-height:min(82dvh,720px);padding:8px 14px calc(14px + var(--v13-safe-bottom));flex-direction:column;background:#fff;border-radius:27px 27px 0 0;box-shadow:0 -28px 80px rgba(3,16,37,.3);transform:translateY(110%);transition:transform .24s cubic-bezier(.22,.8,.2,1)}
  body.mobile-menu-open .mobile-scrim{opacity:1;pointer-events:auto}body.mobile-menu-open .mobile-drawer{transform:translateY(0)}
  .mobile-drawer-handle{width:44px;height:5px;border-radius:999px;background:#ced8e6;margin:2px auto 10px}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px}.mobile-drawer-head>div{display:grid}.mobile-drawer-head b{font-size:18px}.mobile-drawer-head small{color:var(--v13-muted);margin-top:2px}
  .mobile-drawer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;padding:2px 0 12px}.mobile-drawer-item{min-height:58px!important;display:flex!important;align-items:center!important;gap:10px!important;text-align:right!important;background:#f7f9fc!important;color:#33465f!important;border:1px solid #e2e9f2!important;box-shadow:none!important}.mobile-drawer-item.active{background:#eaf1ff!important;color:#174fbf!important;border-color:#bad0ff!important}.mobile-drawer-item .nav-icon{font-size:20px}.mobile-drawer-item .nav-label{font-size:12px;font-weight:850}
  .mobile-logout{width:100%;min-height:50px;background:#fff1f2!important;color:#bd263b!important;border:1px solid #ffd1d8!important;box-shadow:none!important}

  /* General cards and forms */
  .grid{gap:12px}.card{padding:15px!important;border-radius:20px!important;box-shadow:var(--v13-shadow)!important}.card h3{margin-top:0;font-size:17px}
  .grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr!important}.row{display:grid!important;grid-template-columns:1fr!important;gap:10px}.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-12{grid-column:1!important}
  .actions,.top-actions{gap:8px}.actions>button{flex:1 1 140px}
  .stat{min-height:118px}.stat b{font-size:25px}.alert{border-radius:16px;padding:11px 13px}
  .table-wrap{margin-inline:-3px;border-radius:16px;overflow:auto;-webkit-overflow-scrolling:touch}.table-wrap:after{content:"برای دیدن ستون‌های بیشتر، جدول را به چپ بکشید";display:block;position:sticky;right:0;padding:7px 10px;background:#f6f9fd;color:#7a8799;font-size:10px;text-align:center;border-top:1px solid #e5ebf3}table{min-width:720px}th,td{padding:11px 10px;font-size:12px}th{position:sticky;top:0;z-index:2}
  .tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 1px 7px;margin-inline:-2px}.tabs button{flex:0 0 auto;scroll-snap-align:start;white-space:nowrap}

  /* Login */
  .login{min-height:100dvh;padding:14px;background:radial-gradient(circle at 85% 5%,rgba(36,94,234,.16),transparent 20rem),linear-gradient(160deg,#f7faff,#eef4fb)}.login-card{padding:20px 17px;border-radius:24px;box-shadow:0 22px 60px rgba(22,47,84,.14)}.login-card .brand{align-items:flex-start}.login-card .logo{width:48px;height:48px;border-radius:16px;flex:0 0 auto}.login-card h2{font-size:20px;margin:2px 0 8px}.login-card .grid{gap:10px}.login-card button{width:100%}

  /* Student sessions */
  .v11-session-page{gap:13px}.v11-student-hero{padding:18px 16px!important;border-radius:23px;grid-template-columns:1fr!important;gap:14px;box-shadow:0 17px 42px rgba(28,73,140,.2)}.v11-student-hero:before{width:220px;height:220px}.v11-student-hero h2{font-size:23px;margin:8px 0}.v11-student-hero p{font-size:13px!important;line-height:1.85;margin-bottom:0}.v11-hero-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.v11-hero-metrics div{padding:9px 4px;border-radius:14px}.v11-hero-metrics b{font-size:18px}.v11-hero-metrics span{display:block;font-size:9px;line-height:1.45}
  .v11-session-grid{grid-template-columns:1fr!important;gap:12px}.v11-session-card{min-height:0;border-radius:22px;box-shadow:var(--v13-shadow)}.v11-session-card:hover{transform:none}.v11-card-body{padding:15px;gap:12px}.v11-card-head{gap:8px}.v11-card-head h3{font-size:17px}.v11-card-head p{font-size:12px!important}.v11-status{font-size:10px;padding:6px 8px}.v11-three-sections{gap:6px}.v11-section-mini{border-radius:14px;padding:8px 3px}.v11-section-mini .icon{width:32px;height:32px;border-radius:11px;margin-bottom:5px}.v11-section-mini b{font-size:10px}.v11-section-mini span{font-size:8.5px;line-height:1.35}.v11-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v11-card-actions button{width:100%}
  .v11-detail-head{padding:15px;border-radius:20px;gap:10px;box-shadow:var(--v13-shadow)}.v11-detail-head h2{font-size:20px}.v11-detail-head p{font-size:13px!important;margin-bottom:0}.v11-back{width:100%}
  .v11-main-tabs{position:sticky;z-index:50;top:calc(var(--v13-top-h) + var(--v13-safe-top) + 6px);margin-inline:-5px;padding:6px;border-radius:17px;gap:5px;scrollbar-width:none}.v11-main-tabs::-webkit-scrollbar{display:none}.v11-main-tabs button{min-width:112px;min-height:44px;padding:9px 12px;scroll-snap-align:center}.v11-section-panel{padding:14px!important;border-radius:21px}.v11-section-head{align-items:flex-start;margin-bottom:12px}.v11-section-head h3{font-size:18px}.v11-section-head p{font-size:12px!important;margin:3px 0}.v11-item{padding:12px;border-radius:16px;gap:10px}.v11-item-main{gap:10px;width:100%}.v11-item-icon{width:39px;height:39px;border-radius:13px;flex:0 0 auto}.v11-item h4{font-size:14px}.v11-item p{font-size:12px!important;line-height:1.7}.v11-item>a,.v11-item>button{width:100%;text-align:center}

  /* Discovery learning flow */
  .v11-learning-shell{gap:12px}.v11-learning-hero{padding:17px!important;border-radius:22px;grid-template-columns:1fr!important}.v11-learning-hero h2{font-size:22px}.v11-learning-hero p{font-size:13px!important;margin-bottom:0}.v11-learning-score{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.v11-learning-score div{padding:8px 3px;border-radius:13px}.v11-learning-score b{font-size:16px}.v11-learning-score span{font-size:8.5px;line-height:1.35;display:block}
  .v11-stage-map{display:flex!important;position:sticky;z-index:45;top:calc(var(--v13-top-h) + var(--v13-safe-top) + 66px);margin-inline:-12px;padding:7px 12px 10px;background:rgba(243,246,251,.94);backdrop-filter:blur(12px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.v11-stage-map::-webkit-scrollbar{display:none}.v11-stage-chip{flex:0 0 112px;min-width:112px;min-height:64px;padding:9px;border-radius:15px;scroll-snap-align:center}.v11-stage-chip b{font-size:11px}.v11-stage-chip span{font-size:9px}
  .v11-stage-card{border-radius:22px}.v11-stage-top{padding:15px;align-items:flex-start}.v11-stage-top h3{font-size:19px}.v11-stage-top p{font-size:12px!important;margin-bottom:0}.v11-stage-number{width:46px;height:46px;border-radius:16px;flex:0 0 auto;font-size:17px}.v11-stage-body{padding:14px!important;gap:13px}.v11-mission{padding:12px 13px;border-radius:15px}.v11-mission p{font-size:13px!important}.v11-lab{padding:13px;border-radius:19px;min-height:0}.v11-lab-title{align-items:flex-start;gap:9px}.v11-lab-title h4{font-size:15px}.v11-lab-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}.v11-lab-actions button{padding:9px 7px;font-size:11px;min-height:43px}.v11-token{width:42px;height:42px;font-size:15px;margin:3px}.v11-token-board{min-height:82px;padding:8px}.v11-lab-result{font-size:12px;line-height:1.8}.v11-equation{font-size:21px;padding:11px 6px;overflow-x:auto;white-space:nowrap}.v11-axis{transform:scale(.92);transform-origin:center}.v11-steps-grid{grid-template-columns:1fr!important;gap:11px}.v11-block,.v11-discovery{padding:13px;border-radius:18px}.v11-q{padding:11px;border-radius:14px}.v11-q b{font-size:13px;line-height:1.8}.v11-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.v11-choice{min-width:0;width:100%;padding:9px 7px;font-size:12px;white-space:normal}.v11-feedback{font-size:12px;line-height:1.8}.v11-self{grid-template-columns:1fr!important}.v11-eval-score{display:grid;grid-template-columns:1fr 1fr}.v11-eval-score>*{width:100%}
  .v12-set-head{padding:12px;align-items:flex-start;flex-direction:column;border-radius:16px}.v12-set-head small{font-size:11px}.v12-q-meta{gap:5px}.v12-q-meta span{font-size:9px;padding:4px 7px}.v12-q textarea{min-height:120px}.v12-order-source,.v12-order-answer{gap:6px}.v12-order-source button{flex:1 1 130px}.v12-repair{padding:13px;border-radius:17px}

  /* Teacher approvals and analytics */
  .v11-approval-panel,.v12-heatmap-panel,.v12-notebook,.v12-engine-audit{padding:14px;border-radius:20px;margin-bottom:12px}.v11-approval-head{align-items:flex-start}.v11-approval-head h3{font-size:17px;margin:0}.v11-approval-head p{font-size:12px!important;margin:4px 0}.v11-approval{padding:12px;border-radius:16px;grid-template-columns:1fr!important}.v11-approval-actions{display:grid;grid-template-columns:1fr 1fr}.v11-approval-actions button{font-size:10.5px;min-height:42px}.v12-heatmap-scroll{margin-inline:-6px;-webkit-overflow-scrolling:touch}.v12-heatmap td:first-child{position:sticky;right:0;z-index:1;background:#fff;min-width:125px}.v12-legend{gap:7px;font-size:10px}.v12-notebook-grid{grid-template-columns:1fr!important}.v12-notebook article{padding:13px;border-radius:17px}

  /* v10 teacher session builder */
  .v10-session-hero,.v10-overview-grid{grid-template-columns:1fr!important}.v10-session-hero{padding:17px!important;border-radius:22px}.v10-hero-stats,.v10-section-row,.v10-switch-grid,.v10-overview-stats,.v10-alert-grid,.v10-date-grid,.v10-form-grid,.v10-toolbar-main{grid-template-columns:1fr!important}.v10-session-card{padding:14px!important;border-radius:20px}.v10-session-metrics{grid-template-columns:1fr 1fr!important}.v10-session-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.v10-session-actions button{width:100%}.v10-date{grid-column:1/-1;width:100%;margin:2px 0 0}.v10-detail-head{display:block;padding-left:38px}.v10-detail-tabs{position:sticky;top:calc(var(--v13-top-h) + var(--v13-safe-top));z-index:46;background:var(--v13-bg);scrollbar-width:none}.v10-detail-tabs::-webkit-scrollbar{display:none}.v10-flow-line{grid-template-columns:1fr!important}.v10-flow-line i{display:none}.v10-item-card{grid-template-columns:36px 1fr!important;padding:12px}.v10-item-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;justify-content:stretch}.v10-item-actions button{width:100%}.v10-analytics-cards{grid-template-columns:1fr 1fr!important}.v10-hbar{grid-template-columns:1fr!important}.v10-modal{padding:0;align-items:flex-end}.v10-modal-card,.v10-modal-xl{width:100%!important;max-height:93dvh;border-radius:26px 26px 0 0;padding:20px 14px calc(18px + var(--v13-safe-bottom))}.v10-modal-close{position:sticky;float:left;top:0}

  /* Exam mobile */
  .exam-pro{min-height:100dvh;padding:calc(12px + var(--v13-safe-top)) 10px calc(18px + var(--v13-safe-bottom))}.exam-top{align-items:stretch;flex-direction:column}.brand-mini>b{width:46px;height:46px;border-radius:16px}.brand-mini h2{font-size:18px}.brand-mini p{font-size:11px}.timer-pro{position:sticky;top:8px;z-index:20;min-width:0;width:100%;font-size:18px}.exam-shell{padding:13px;border-radius:22px}.question-pro-card{padding:15px;border-radius:20px}.question-pro-card h3{font-size:18px;line-height:1.85}.question-media-pro{padding:10px;border-radius:17px}.answers-pro{grid-template-columns:1fr!important;gap:9px}.answer-card{min-height:58px;padding:13px 50px 13px 12px;border-radius:16px;font-size:13px}.exam-actions{display:grid!important;grid-template-columns:1fr 1fr}.exam-actions button{width:100%}
}

@media(max-width:390px){
  .main{padding-inline:9px!important}.mobile-topbar{padding-inline:10px}.mobile-logo{width:39px;height:39px}.mobile-icon-btn{width:39px;height:39px}.mobile-brand small{max-width:42vw}
  .v11-hero-metrics,.v11-learning-score{grid-template-columns:1fr 1fr}.v11-three-sections{grid-template-columns:1fr 1fr 1fr}.v11-card-actions,.v11-approval-actions,.v10-session-actions,.v10-item-actions,.exam-actions{grid-template-columns:1fr}.v11-choice-row{grid-template-columns:1fr}.mobile-drawer-list{grid-template-columns:1fr}
}

@media(hover:none) and (pointer:coarse){
  .v11-session-card:hover,.answer-card:hover{transform:none;box-shadow:var(--v13-shadow)}
}

@media(prefers-reduced-motion:reduce){.mobile-drawer,.mobile-scrim{transition:none!important}}