:root {
  --bg-main: #121318;
  --card-bg: #1c1e24;
  --card-inner: #252830;
  --border: #333742;
  --gold: #d4af37;
  --gold-hover: #b5932a;
  --text-main: #f0f2f5;
  --text-muted: #8c93a0;
  --danger: #ff4d4f;
  --success: #52c41a;
}

* {
  box-sizing: border-box;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

body {
  background-color: var(--bg-main);
  color: var(--text-main);
  margin: 0;
  padding: 20px;
  direction: rtl;
}

.app-container {
  max-width: 900px;
  margin: 0 auto;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}

/* هدر */
.app-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border);
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.logo-area h2 {
  margin: 0;
  color: var(--gold);
}

.subtitle {
  font-size: 0.85rem;
  color: var(--text-muted);
}

/* تب‌ها */
.nav-tabs {
  display: flex;
  gap: 10px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.tab-btn {
  background: transparent;
  border: none;
  color: var(--text-muted);
  font-size: 1rem;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tab-btn:hover {
  color: var(--text-main);
  background: var(--card-inner);
}

.tab-btn.active {
  background: var(--gold);
  color: #000;
  font-weight: bold;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

/* فرم افزودن هدف */
.task-input-card {
  background: var(--card-inner);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 20px;
}

.task-input-card h3 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 1.05rem;
  color: var(--gold);
}

.input-group {
  display: flex;
  gap: 10px;
}

.input-group input[type="text"],
.form-group input,
.form-group select,
.form-group textarea {
  flex: 1;
  background: var(--bg-main);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 10px 14px;
  color: var(--text-main);
  outline: none;
}

.input-group input:focus,
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color: var(--gold);
}

/* دکمه‌ها */
.btn {
  padding: 10px 18px;
  border-radius: 8px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  transition: opacity 0.2s ease;
}

.btn:hover {
  opacity: 0.9;
}

.btn-gold {
  background: var(--gold);
  color: #000;
}

.btn-secondary {
  background: var(--card-inner);
  color: var(--text-main);
  border: 1px solid var(--border);
}

.btn-secondary-sm {
  background: var(--card-inner);
  color: var(--text-main);
  border: 1px solid var(--border);
  padding: 6px 12px;
  font-size: 0.85rem;
}

.btn-gold-sm {
  background: var(--gold);
  color: #000;
  padding: 6px 12px;
  font-size: 0.85rem;
}

.btn-danger-sm {
  background: var(--danger);
  color: #fff;
  padding: 6px 12px;
  font-size: 0.85rem;
}

/* عناوین بخش‌ها */
.section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.section-title h3 {
  margin: 0;
}

.badge {
  background: rgba(212, 175, 55, 0.15);
  color: var(--gold);
  padding: 4px 10px;
  border-radius: 20px;
  font-size: 0.85rem;
}

/* لیست کارها */
.task-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.task-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--card-inner);
  border: 1px solid var(--border);
  padding: 12px 16px;
  border-radius: 10px;
}

.task-item.completed span {
  text-decoration: line-through;
  color: var(--text-muted);
}

.task-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.delete-btn {
  background: none;
  border: none;
  color: var(--danger);
  cursor: pointer;
  font-size: 1rem;
}

/* پنل انتخاب */
.selection-panel {
  display: none;
  justify-content: space-between;
  align-items: center;
  background: var(--card-inner);
  border: 1px solid var(--gold);
  padding: 10px 16px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.selection-panel.visible {
  display: flex;
}

.batch-actions {
  display: flex;
  gap: 8px;
}

/* شبکه گرید شبکه‌ای با عرض عریض‌تر برای گزارش‌ها */
.reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 22px;
  margin-top: 20px;
}

/* کارت جدید گزارش درسی */
.report-card {
  background: rgba(28, 28, 35, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  position: relative;
}

.report-card:hover {
  transform: translateY(-4px);
  border-color: rgba(212, 175, 55, 0.7);
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.2);
}

.report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.report-subject {
  font-size: 1.15rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 10px;
  flex: 1;
}

.report-type-badge {
  font-size: 0.78rem;
  padding: 5px 12px;
  border-radius: 20px;
  font-weight: 600;
  background: rgba(212, 175, 55, 0.15);
  color: #d4af37;
  border: 1px solid rgba(212, 175, 55, 0.35);
  white-space: nowrap;
}

.report-stats {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
}

.stat-item {
  flex: 1;
  background: rgba(15, 15, 20, 0.7);
  padding: 10px 8px;
  border-radius: 10px;
  text-align: center;
  font-size: 0.88rem;
  color: #d1d5db;
  border: 1px solid rgba(255, 255, 255, 0.08);
  white-space: nowrap;
}

.stat-item.highlight {
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.25), rgba(243, 156, 18, 0.15));
  color: #ffd700;
  font-weight: 800;
  font-size: 1rem;
  border-color: rgba(212, 175, 55, 0.5);
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.1);
}

.report-notes {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #a1a1aa;
  background: rgba(10, 10, 12, 0.5);
  padding: 10px 12px;
  border-radius: 8px;
  border-right: 3px solid #d4af37;
  margin: 0;
}


/* مدال پاپ‌آپ */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.modal-card {
  background: var(--card-bg);
  border: 1px solid var(--gold);
  width: 90%;
  max-width: 500px;
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
}

.close-modal-btn {
  background: none;
  border: none;
  color: var(--text-muted);
  font-size: 1.4rem;
  cursor: pointer;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 12px;
}

.form-group label {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.form-row {
  display: flex;
  gap: 10px;
}

.calc-result-box {
  background: rgba(212, 175, 55, 0.1);
  border: 1px dashed var(--gold);
  border-radius: 8px;
  padding: 10px;
  text-align: center;
  margin: 10px 0;
  font-weight: bold;
}

.calc-result-box span {
  color: var(--gold);
  font-size: 1.1rem;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 15px;
}

@media print {
  .hide-for-print, .nav-tabs, .app-header, .task-input-card, .selection-panel, .btn {
    display: none !important;
  }
  body {
    background: #fff;
    color: #000;
  }
  .app-container {
    border: none;
    box-shadow: none;
  }
}
/* تنظیم ظاهر کارت‌های آرشیو */
/* ==========================================
   استایل‌های جدید و کامل آرشیو
   ========================================== */
   .archive-card {
    background: linear-gradient(145deg, rgba(32, 32, 40, 0.9), rgba(18, 18, 24, 0.95));
    border: 1px solid rgba(212, 175, 55, 0.35);
    border-radius: 16px;
    padding: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5);
  }
  
  .archive-card:hover {
    border-color: #d4af37;
    box-shadow: 0 12px 30px rgba(212, 175, 55, 0.2);
  }
  
  .archive-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  }
  
  .archive-header h4 {
    margin: 0;
    color: #f39c12;
    font-size: 1.15rem;
    font-weight: 700;
  }
  
  .archive-stats-row {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
  }
  
  .archive-stat-box {
    flex: 1;
    background: rgba(10, 10, 15, 0.6);
    padding: 8px 6px;
    border-radius: 8px;
    text-align: center;
    font-size: 0.8rem;
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: #e4e4e7;
  }
  
  .archive-stat-box strong {
    display: block;
    font-size: 0.95rem;
    margin-top: 2px;
  }
  
  .archive-stat-box.correct strong { color: #2ecc71; }
  .archive-stat-box.wrong strong { color: #e74c3c; }
  .archive-stat-box.total strong { color: #f1c40f; }
  
  .archive-tasks-section {
    background: rgba(12, 12, 16, 0.6);
    border-radius: 10px;
    padding: 10px 12px;
    margin-top: 10px;
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .archive-tasks-title {
    font-size: 0.8rem;
    color: #a1a1aa;
    margin: 0 0 6px 0;
    display: flex;
    justify-content: space-between;
  }
  
  .archive-task-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-height: 120px;
    overflow-y: auto;
  }
  
  .archive-task-item {
    font-size: 0.82rem;
    color: #d1d5db;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 1.4;
  }
  
  .archive-task-item.done {
    color: #a1a1aa;
    text-decoration: line-through;
  }
  


/* استایل ابزارهای مطالعه */
.dashboard-section { background: #fff; padding: 20px; border-radius: 12px; margin-bottom: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
.tool-box { border: 1px solid #ddd; padding: 15px; border-radius: 8px; margin-top: 10px; text-align: center; }
#timerDisplay { font-size: 2.5rem; font-weight: bold; color: #2c3e50; margin: 10px 0; }
.timer-controls button { padding: 8px 15px; margin: 5px; cursor: pointer; background: #3498db; color: white; border: none; border-radius: 4px; }
.wheel-box button { background: #e67e22; padding: 10px 20px; color: white; border: none; border-radius: 6px; cursor: pointer; }

/* اصلاح عرض اینپوت‌های داخل مدال */
.form-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap; /* اجازه می‌دهد اینپوت‌ها در صورت کمبود جا به خط بعدی بروند */
}

.form-group {
  flex: 1 1 calc(33% - 10px); /* هر اینپوت حداقل ۳۳٪ عرض را بگیرد */
  min-width: 100px; /* اینپوت‌ها کوچک‌تر از 100px نشوند */
}


/* --- استایل‌های بخش ابزار مطالعه (Study Tools) --- */

.dashboard-section {
  padding: 20px;
  background: #18181b; /* رنگ پس‌زمینه کارت */
  border-radius: 12px;
  border: 1px solid #3f3f46;
}

/* --- تنظیمات کانتینر تایمر --- */
.timer-container {
  text-align: center;
  padding: 20px;
  background: #27272a;
  border-radius: 15px;
  margin-bottom: 30px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

.timer-display {
  font-size: 3rem;
  font-weight: bold;
  color: #d4af37; /* رنگ طلایی */
  margin: 15px 0;
  font-family: monospace;
}

.timer-controls {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.btn-timer {
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  background: #d4af37;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.btn-timer:hover {
  background: #b8962d;
  transform: translateY(-2px);
}

/* --- ساعت آنالوگ --- */
.analog-clock {
  width: 150px;
  height: 150px;
  margin: 10px auto;
}

.hand {
  stroke: #d4af37;
  stroke-width: 4;
  stroke-linecap: round;
  transform-origin: center;
  transition: transform 0.5s linear;
}

/* --- استایل گردونه شانس --- */
.wheel-box {
  text-align: center;
  padding: 20px;
  background: #27272a;
  border-radius: 15px;
  border: 1px solid #d4af37;
}

#quoteDisplay {
  padding: 15px;
  background: #18181b;
  border-radius: 8px;
  color: #fff;
  font-style: italic;
  border-right: 4px solid #d4af37;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wheel-box button {
  margin-top: 15px;
  padding: 10px 25px;
  background: transparent;
  border: 2px solid #d4af37;
  color: #d4af37;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
}

.wheel-box button:hover {
  background: #d4af37;
  color: #000;
}
/* ==========================================
   طراحی اختصاصی کارت‌های گزارش و آرشیو
   ========================================== */

/* شبکه‌بندی کارت‌ها */
.reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 20px;
  margin-top: 20px;
}

/* کارت اصلی گزارش */
.report-card {
  background: rgba(30, 30, 35, 0.75);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  position: relative;
  overflow: hidden;
}

.report-card::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, #d4af37, #f39c12);
  opacity: 0.8;
}

.report-card:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 55, 0.6);
  box-shadow: 0 12px 30px rgba(212, 175, 55, 0.15);
}

/* هدر کارت گزارش */
.report-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.report-subject {
  font-size: 1.1rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 10px;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* نشانگر (Badge) نوع مطالعه */
.report-type-badge {
  font-size: 0.75rem;
  padding: 4px 10px;
  border-radius: 20px;
  font-weight: 600;
  background: rgba(212, 175, 55, 0.15);
  color: #d4af37;
  border: 1px solid rgba(212, 175, 55, 0.3);
}

/* تفکیک رنگی نوع مطالعه */
.report-type-badge[data-type="کتاب درسی"] {
  background: rgba(52, 152, 219, 0.15);
  color: #3498db;
  border-color: rgba(52, 152, 219, 0.3);
}

.report-type-badge[data-type="ویدیو / کلاس"] {
  background: rgba(155, 89, 182, 0.15);
  color: #9b59b6;
  border-color: rgba(155, 89, 182, 0.3);
}

.report-type-badge[data-type="مرور و خلاصه‌نویسی"] {
  background: rgba(46, 204, 113, 0.15);
  color: #2ecc71;
  border-color: rgba(46, 204, 113, 0.3);
}

/* آمار و کپسول‌های عدد */
.report-stats {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 15px;
}

.stat-item {
  flex: 1;
  background: rgba(15, 15, 20, 0.6);
  padding: 8px 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 0.85rem;
  color: #d1d5db;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

.stat-item.highlight {
  background: rgba(212, 175, 55, 0.1);
  color: #f1c40f;
  font-weight: 700;
  border-color: rgba(212, 175, 55, 0.25);
}

/* یادداشت‌های گزارش */
.report-notes {
  font-size: 0.85rem;
  line-height: 1.6;
  color: #a1a1aa;
  background: rgba(10, 10, 12, 0.4);
  padding: 10px 12px;
  border-radius: 8px;
  border-right: 3px solid #d4af37;
  margin: 0;
}

/* ------------------------------------------
   طراحی کارت‌های آرشیو (Archive Cards)
   ------------------------------------------ */
.archive-card {
  background: linear-gradient(145deg, rgba(32, 32, 38, 0.9), rgba(20, 20, 25, 0.9));
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 16px;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4);
}

.archive-card:hover {
  border-color: #d4af37;
  box-shadow: 0 10px 25px rgba(212, 175, 55, 0.2);
  transform: translateY(-3px);
}

.archive-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
}

.archive-header h4 {
  margin: 0;
  color: #f39c12;
  font-size: 1.1rem;
}

.archive-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.archive-body p {
  margin: 0;
  font-size: 0.9rem;
  color: #e4e4e7;
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.03);
  padding: 8px 12px;
  border-radius: 8px;
}

.archive-body strong {
  color: #d4af37;
}

/* پنل انتخاب دسته‌جمعی (Selection Panel) */
.selection-panel {
  display: none;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(90deg, rgba(212, 175, 55, 0.15), rgba(20, 20, 25, 0.8));
  border: 1px solid rgba(212, 175, 55, 0.4);
  border-radius: 12px;
  padding: 12px 20px;
  margin-bottom: 20px;
  animation: fadeIn 0.3s ease;
}

.batch-actions {
  display: flex;
  gap: 10px;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}


/* ==========================================
   اصلاح استایل و ابعاد کارت‌های آرشیو
   ========================================== */
   #archiveView .grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 15px;
    align-items: start;
  }
  
  .archive-card {
    background: var(--card-bg, #1e1e24);
    border: 1px solid rgba(212, 175, 55, 0.3);
    border-radius: 12px;
    padding: 14px;
    box-sizing: border-box;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.2s, border-color 0.2s;
    max-width: 100%;
  }
  
  .archive-card:hover {
    border-color: #d4af37;
    transform: translateY(-2px);
  }
  
  /* پنل بالای آرشیو (خارج از گرید) */
  #archiveSelectionPanel {
    grid-column: 1 / -1;
    width: 100%;
    box-sizing: border-box;
  }
  /* استایل بنر انگیزشی */
.sub-header-banner {
  background: rgba(212, 175, 55, 0.1);
  border: 1px dashed var(--gold);
  color: var(--gold);
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  transition: all 0.5s ease;
}

/* انیمیشن مودال */
.wheel-modal-card {
  animation: popIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@keyframes popIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.profile-btn{text-decoration:none!important;border-bottom:0!important}.community-intro{display:flex;justify-content:space-between;align-items:center;background:#18181b;border:1px solid #303036;border-radius:14px;padding:18px;margin-bottom:15px}.community-intro h3{margin:0;color:var(--gold)}.community-intro p{margin:6px 0 0;color:var(--text-muted)}.community-composer{background:#18181b;border:1px solid #303036;border-radius:14px;padding:15px;margin-bottom:20px}.community-composer textarea{width:100%;resize:vertical;background:#27272a;color:#fff;border:1px solid #3f3f46;border-radius:10px;padding:12px}.community-composer .btn{margin-top:10px}.posts-container{display:grid;gap:14px}.community-post{background:#18181b;border:1px solid #303036;border-radius:15px;padding:15px}.post-author{display:flex;align-items:center;gap:10px}.post-avatar-btn{padding:0}.post-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.post-name{padding:0}.post-author time{margin-right:auto;color:#71717a;font-size:12px}.post-content{white-space:pre-wrap;line-height:1.9;color:#eee}.comment-form{display:flex;gap:8px}.comment-input{flex:1;background:#27272a;color:#fff;border:1px solid #3f3f46;border-radius:8px;padding:10px}.comment-list{margin:10px 0;border-top:1px solid #303036;padding-top:8px}.comment{padding:8px 0;border-bottom:1px solid #27272a}.comment p{margin:4px 0;color:#ddd}.comment-user{cursor:pointer;color:var(--gold)}.messages-panel{margin:18px 0;background:#18181b;border:1px solid #303036;border-radius:14px;padding:15px}.messages-box{display:grid;gap:8px}.message-card{background:#111113;border:1px solid #303036;border-radius:10px;padding:10px}.message-card p{white-space:pre-wrap;line-height:1.8}.message-card small{color:#71717a}

/* انجمن - ظاهر نام کاربر و مدیریت پیام‌های شخصی */
.community-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin:10px 0}.post-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.post-name{font-size:15px;padding:0}.post-username,.comment-username{font-size:11px;color:#8b8b95}.post-author{gap:10px}.forum-select{display:inline-flex;align-items:center}.forum-select.hidden-select{visibility:hidden;width:0;overflow:hidden}.forum-select input{accent-color:#d4af37;width:16px;height:16px}.forum-delete-btn,.forum-delete-comment{margin-right:8px;background:none;border:0;color:#e57373;cursor:pointer;font-size:14px}.comment-head{display:flex;align-items:center;gap:7px}.comment-head .forum-delete-comment{margin-right:auto}.community-post{transition:transform .2s,border-color .2s}.community-post:hover{transform:translateY(-1px);border-color:#4a4a52}


/* Communication */
.communication-card{background:#18181b;border:1px solid #2b2b31;border-radius:16px;padding:18px;max-width:900px;margin:auto}
.communication-partner{background:#222228;border:1px solid #3a3a42;border-radius:12px;padding:12px;margin-bottom:14px;color:#fff}
.role-pill{display:inline-block;margin-right:8px;padding:3px 9px;border-radius:999px;background:#33333b;color:var(--gold);font-size:.8rem}
.communication-messages{height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;background:#111116;border-radius:12px}
.communication-message{max-width:78%;padding:10px 13px;border-radius:12px;border:1px solid #303038}
.communication-message.mine{align-self:flex-start;background:#272127;border-color:#4b3140}
.communication-message.theirs{align-self:flex-end;background:#20252a}
.communication-message p{margin:6px 0;line-height:1.8;white-space:pre-wrap}
.communication-message small{color:#999}
.communication-composer{margin-top:14px}
.communication-composer textarea{width:100%;box-sizing:border-box;resize:vertical}
.form-status{margin-top:8px;color:var(--gold)}
.report-percentage-preview{background:#111116;border:1px solid #333;padding:10px 12px;border-radius:9px;color:var(--gold);font-weight:700}
/* نمودار پیشرفت */
.progress-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.progress-heading h2,.progress-heading p{margin:0}.progress-heading p{color:#a1a1aa;margin-top:6px}.progress-grid{display:grid;grid-template-columns:1fr;gap:18px}.chart-card{background:#18181b;border:1px solid #303036;border-radius:16px;padding:18px;overflow:hidden}.chart-card h3{margin:0 0 12px;color:var(--gold)}.chart-wrap{width:100%;height:330px;overflow:hidden}.chart-wrap canvas{display:block;width:100%;height:330px}.chart-totals{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;padding:12px;border-top:1px solid #303036;color:#d4d4d8}.chart-totals strong{width:100%;color:var(--gold)}.chart-totals span{background:#111113;border:1px solid #303036;border-radius:9px;padding:7px 10px}.delete-btn,.forum-delete-btn,.forum-delete-comment,.avatar-delete-btn{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#ef4444;cursor:pointer;font-size:18px;line-height:1;transition:.18s ease}.delete-btn:hover,.delete-btn:focus,.forum-delete-btn:hover,.forum-delete-btn:focus,.forum-delete-comment:hover,.forum-delete-comment:focus,.avatar-delete-btn:hover,.avatar-delete-btn:focus,.delete-btn:active,.forum-delete-btn:active,.forum-delete-comment:active,.avatar-delete-btn:active{background:#dc2626;border-color:#ef4444;color:#fff;outline:none}.forum-delete-btn,.forum-delete-comment{margin-right:8px}.comment-head .forum-delete-comment{margin-right:auto}@media(max-width:700px){.chart-wrap,.chart-wrap canvas{height:280px}.chart-wrap{height:280px}.progress-heading{flex-direction:column;align-items:stretch}}
.message-icon-btn{position:relative;width:44px;height:44px;border-radius:13px;border:1px solid #3f3f46;background:#18181b;color:#f5f5f5;font-size:21px;cursor:pointer;display:inline-grid;place-items:center;box-shadow:0 5px 18px rgba(0,0,0,.18)}.message-icon-btn:hover{border-color:var(--gold);transform:translateY(-1px)}.message-badge{position:absolute;top:-5px;left:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font:700 10px/18px Tahoma;text-align:center;box-shadow:0 0 0 3px #18181b;animation:messagePulse 2.4s ease-in-out infinite}.message-badge[hidden]{display:none}@keyframes messagePulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.18);opacity:.72}}.inbox-modal{width:min(720px,94vw);max-height:82vh;overflow:hidden}.inbox-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #303036;padding-bottom:14px;margin-bottom:14px}.inbox-header h3{margin:0;color:var(--gold)}.inbox-header p{margin:6px 0 0;color:#a1a1aa;font-size:13px}.inbox-list{display:grid;gap:10px;max-height:65vh;overflow:auto;padding:2px}.inbox-card{background:#111113;border:1px solid #303036;border-radius:14px;padding:14px;text-align:right;transition:.2s}.inbox-card.unread{border-color:rgba(212,175,55,.55);box-shadow:0 8px 24px rgba(212,175,55,.07)}.inbox-card-top{display:flex;justify-content:space-between;gap:10px;color:#71717a;font-size:11px}.inbox-kind{color:var(--gold)}.inbox-title{border:0;background:none;color:#fff;padding:8px 0 4px;font-weight:800;font-size:15px;cursor:pointer;text-align:right;width:100%}.inbox-summary{margin:0;color:#c7c7cc;line-height:1.8;font-size:13px}.inbox-full{margin-top:12px;padding-top:12px;border-top:1px solid #303036;white-space:pre-wrap;line-height:2;color:#f4f4f5}.inbox-empty,.inbox-loading{text-align:center;padding:30px;color:#a1a1aa}

/* هدر و پیام‌ها */
.app-header a,.app-header a:visited,.teacher-header a,.teacher-header a:visited,.admin-nav-btn{text-decoration:none!important;border-bottom:0!important;}
.message-icon-btn{margin-right:18px!important;margin-left:10px!important;}
.message-admin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}

/* انجمن: نام کاربر بدون هیچ پس‌زمینه یا فریم */
.community-post .post-name,.community-post .profile-link.post-name,.community-post .comment-user{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;color:var(--gold)!important;font-weight:800!important;text-decoration:none!important}.community-post .post-avatar-btn{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}.community-post .post-avatar-btn:focus,.community-post .post-name:focus{outline:none!important;box-shadow:none!important}.post-user-info{background:transparent!important}
html{overflow-y:scroll}body{min-height:100vh;overflow-y:auto;overflow-x:visible}.app-container{overflow:visible}

.trial-banner{width:min(760px,calc(100% - 28px));margin:16px auto 24px;padding:16px 20px;border:1px solid rgba(212,175,55,.55);border-radius:18px;background:linear-gradient(145deg,rgba(28,25,15,.98),rgba(24,24,27,.98));color:#f5d77a;text-align:center;box-shadow:0 12px 35px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden;box-sizing:border-box}.trial-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(212,175,55,.16),transparent 58%);pointer-events:none}.trial-banner-title,.trial-banner-timer,.trial-banner-action{position:relative;z-index:1}.trial-banner-title{font-size:15px;font-weight:800;line-height:1.6;margin-bottom:7px}.trial-banner-timer{direction:ltr;font-size:28px;line-height:1.2;font-weight:900;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#fff;display:block;margin-bottom:10px}.trial-banner-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 18px;border-radius:10px;background:linear-gradient(135deg,#d4af37,#aa820a);color:#111!important;text-decoration:none!important;font-weight:900;font-size:13px;transition:transform .18s,box-shadow .18s}.trial-banner-action:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(212,175,55,.28)}@media(max-width:520px){.trial-banner{width:calc(100% - 20px);padding:14px 12px;margin-top:12px}.trial-banner-timer{font-size:24px}.trial-banner-action{width:100%;box-sizing:border-box}}

/* Feedback */
.feedback-card{background:linear-gradient(145deg,rgba(24,24,27,.96),rgba(18,19,24,.96));border:1px solid rgba(212,175,55,.25);border-radius:18px;padding:22px;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.feedback-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.feedback-head h3{margin:0 0 7px;color:#fff}.feedback-head p{margin:0;color:#a1a1aa}.feedback-lock{border:1px solid rgba(212,175,55,.35);color:#d4af37;border-radius:999px;padding:7px 12px;white-space:nowrap;font-size:.82rem}.feedback-card textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:150px;background:#0f1014;color:#fff;border:1px solid #3f3f46;border-radius:12px;padding:14px;font:inherit;outline:none}.feedback-card textarea:focus{border-color:#d4af37}.feedback-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.feedback-footer .form-status{min-height:24px}

/* VIP AI study planner */
.vip-planner-box{border:1px solid rgba(212,175,55,.42)!important;background:linear-gradient(145deg,#15131b,#111217 55%,#171218)!important;box-shadow:0 16px 45px rgba(0,0,0,.25),0 0 28px rgba(212,175,55,.08)}
.vip-planner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.vip-planner-head h4{margin:8px 0 4px;color:#f1d56b;font-size:18px}.vip-planner-head p{margin:0;color:#aaa;font-size:12px;line-height:1.8}.vip-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#261f0d;border:1px solid #6b561c;color:#f1d56b;font-weight:900;font-size:11px}.vip-lock{color:#f1d56b;font-size:11px;white-space:nowrap}.vip-planner-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 12px;color:#bbb}.vip-lock-icon{font-size:34px}.vip-planner-locked strong{color:#f5f5f5}.vip-planner-locked span{font-size:12px;color:#999}.vip-planner-form{margin-top:18px}.vip-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vip-form-grid label{display:flex;flex-direction:column;gap:7px;color:#ddd;font-size:12px}.vip-form-grid input{background:#0d0e12;color:#fff;border:1px solid #3a3740;border-radius:10px;padding:11px}.vip-profile-hint{margin:12px 0;padding:10px 12px;border-radius:10px;background:#111217;border:1px solid #302d34;color:#b9b9c0;font-size:12px}.vip-plan-message{min-height:24px;color:#f1d56b;margin-top:10px;font-size:12px}.vip-plan-result{display:grid;gap:10px;margin-top:12px}.vip-plan-title,.vip-day-card,.vip-tips{background:#101116;border:1px solid #302d34;border-radius:14px;padding:14px}.vip-plan-title h4{margin:0 0 5px;color:#f1d56b}.vip-plan-title p,.vip-day-card p{margin:0;color:#aaa;font-size:12px;line-height:1.8}.vip-day-card h5{margin:0 0 7px;color:#eee}.vip-task-list{display:grid;gap:7px;margin-top:10px}.vip-task-list>div{display:grid;grid-template-columns:100px 1fr auto;gap:8px;align-items:center;background:#17181e;border-radius:9px;padding:8px;font-size:11px}.vip-task-list span{color:#f1d56b}.vip-task-list b{color:#ddd}.vip-task-list small{color:#888}.vip-tips ul{margin:8px 0 0;padding-right:18px;color:#bbb;font-size:12px;line-height:1.9}@media(max-width:650px){.vip-planner-head{flex-direction:column}.vip-form-grid{grid-template-columns:1fr}.vip-task-list>div{grid-template-columns:1fr}.vip-task-list small{grid-column:1}}

/* بازطراحی کامل ابزارهای مطالعه */
.study-tools-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.study-tools-header h3{margin:0;color:#f5d77a;font-size:22px}.study-tools-header p{margin:6px 0 0;color:#8f8f99;font-size:12px}.study-tool-bars{display:flex;flex-direction:column;gap:10px;width:100%}.study-tool-bar{width:100%;min-height:64px;border:1px solid #303038;border-radius:16px;background:linear-gradient(135deg,#171820,#111217);display:flex;align-items:center;gap:15px;padding:0 20px;color:#fff;cursor:pointer;text-align:right;transition:.2s;box-shadow:0 8px 24px rgba(0,0,0,.12)}.study-tool-bar:hover,.study-tool-bar.active{transform:translateY(-1px);border-color:rgba(212,175,55,.65);background:linear-gradient(135deg,#211d12,#15161d);box-shadow:0 10px 28px rgba(212,175,55,.08)}.study-tool-bar span{font-size:24px;width:34px;text-align:center}.study-tool-bar strong{font-size:15px;flex:1}.study-tool-bar i{font-style:normal;font-size:25px;color:#d4af37;line-height:1}.study-tool-panel{margin-top:14px;border:1px solid rgba(212,175,55,.35);border-radius:18px;padding:22px;background:linear-gradient(145deg,#15161c,#101116);box-shadow:0 15px 38px rgba(0,0,0,.18)}.study-tool-panel h4{margin:0 0 18px;color:#f1d56b;font-size:18px}.study-tool-panel[hidden]{display:none!important}.quote-display{min-height:90px;display:flex;align-items:center;justify-content:center;text-align:center;color:#ddd;font-size:18px;line-height:2;padding:10px}.timer-simple,.custom-timer-box{text-align:center}.timer-display{font-size:54px!important;color:#f1d56b!important;letter-spacing:2px;font-variant-numeric:tabular-nums}.calc-grid,.vip-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calc-grid label,.single-select-label,.custom-timer-box>input{display:flex;flex-direction:column;gap:7px;color:#ccc;font-size:12px}.calc-grid input,.single-select-label select,.custom-timer-box input{background:#0d0e12;color:#fff;border:1px solid #3a3740;border-radius:10px;padding:12px}.calc-result{margin-top:16px;min-height:65px;border-radius:13px;background:#0c0d11;border:1px solid #302d34;padding:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#aaa;text-align:center}.calc-result strong{font-size:22px;color:#f1d56b}.calc-result span{font-size:12px}.calc-result small{color:#777;line-height:1.8}.calc-rows{display:flex;flex-direction:column;gap:8px;margin:15px 0}.calc-row{display:grid;grid-template-columns:1fr 110px 130px;align-items:center;gap:10px;background:#17181e;border:1px solid #2c2d34;border-radius:11px;padding:9px 12px;color:#ddd}.calc-row b{color:#d4af37;font-size:12px}.calc-row input{background:#0d0e12;border:1px solid #393a42;color:#fff;border-radius:8px;padding:9px;text-align:center}.single-select-label{max-width:320px}.single-select-label select{margin-top:2px}.tool-context{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:#17181e;border:1px solid #34343b;color:#f1d56b;font-size:13px}.tool-note{color:#888;font-size:11px;line-height:1.8}.custom-timer-box>input{display:inline-flex;width:160px;text-align:center;margin-bottom:12px}.custom-timer-box .timer-display{margin:10px 0}.gpa-row{grid-template-columns:1fr 110px 130px}.vip-planner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.vip-planner-head h4{margin:8px 0 4px;color:#f1d56b;font-size:18px}.vip-planner-head p{margin:0;color:#aaa;font-size:12px;line-height:1.8}.vip-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#261f0d;border:1px solid #6b561c;color:#f1d56b;font-weight:900;font-size:11px}.vip-lock{color:#f1d56b;font-size:11px;white-space:nowrap}.vip-planner-locked{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:24px 12px;color:#bbb}.vip-lock-icon{font-size:34px}.vip-planner-locked strong{color:#f5f5f5}.vip-planner-locked span{font-size:12px;color:#999}.vip-planner-form{margin-top:18px}.vip-form-grid label{display:flex;flex-direction:column;gap:7px;color:#ddd;font-size:12px}.vip-form-grid input{background:#0d0e12;color:#fff;border:1px solid #3a3740;border-radius:10px;padding:11px}.vip-profile-hint{margin:12px 0;padding:10px 12px;border-radius:10px;background:#111217;border:1px solid #302d34;color:#b9b9c0;font-size:12px}.vip-plan-message{min-height:24px;color:#f1d56b;margin-top:10px;font-size:12px}.vip-plan-result{display:grid;gap:10px;margin-top:12px}.vip-plan-title,.vip-day-card,.vip-tips{background:#101116;border:1px solid #302d34;border-radius:14px;padding:14px}.vip-plan-title h4{margin:0 0 5px;color:#f1d56b}.vip-plan-title p,.vip-day-card p{margin:0;color:#aaa;font-size:12px;line-height:1.8}.vip-day-card h5{margin:0 0 7px;color:#eee}.vip-task-list{display:grid;gap:7px;margin-top:10px}.vip-task-list>div{display:grid;grid-template-columns:100px 1fr auto;gap:8px;align-items:center;background:#17181e;border-radius:9px;padding:8px;font-size:11px}.vip-task-list span{color:#f1d56b}.vip-task-list b{color:#ddd}.vip-task-list small{color:#888}.vip-tips ul{margin:8px 0 0;padding-right:18px;color:#bbb;font-size:12px;line-height:1.9}@media(max-width:650px){.calc-grid,.vip-form-grid{grid-template-columns:1fr}.calc-row,.gpa-row{grid-template-columns:1fr}.study-tool-bar{min-height:58px;padding:0 14px}.timer-display{font-size:42px!important}.vip-planner-head{flex-direction:column}}
/* بازطراحی ابزار مدیریت زمان */
.time-tool-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.time-tool-head h4{margin:0 0 6px!important}
.time-tool-head p{margin:0;color:#999;font-size:12px}
.time-mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.time-mode-btn{border:1px solid #34343c;background:#14151a;color:#bbb;border-radius:11px;padding:11px 8px;font-weight:800;cursor:pointer;transition:.2s}
.time-mode-btn:hover,.time-mode-btn.active{border-color:#d4af37;background:#211d12;color:#f1d56b}
.time-mode-panel{border:1px solid #302d34;border-radius:15px;padding:18px;background:#101116}
.time-mode-panel[hidden]{display:none!important}
.time-mode-panel .timer-display{margin:10px 0 16px}
.custom-timer-box label{display:flex;flex-direction:column;gap:7px;color:#ccc;font-size:12px;max-width:280px;margin:0 auto 12px}
@media(max-width:650px){.time-mode-tabs{grid-template-columns:1fr}.time-mode-btn{padding:10px}}

/* Responsive mobile pass: desktop layout remains unchanged above 701px. */
@media (max-width:700px){
  html,body{max-width:100%;overflow-x:visible}
  .app-container{width:100%;max-width:100%;padding-left:10px;padding-right:10px}
  .app-header{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}
  .logo-area{min-width:0;text-align:center}
  .logo-area h2{font-size:20px}
  .logo-area .subtitle{font-size:11px}
  .header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
  .header-actions>*{min-width:0;width:100%;margin:0!important}
  .header-actions .message-icon-btn{min-height:40px}
  .header-actions .btn,.header-actions a{white-space:normal;line-height:1.35;text-align:center;display:flex;align-items:center;justify-content:center}
  .nav-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;gap:7px;padding-bottom:7px}
  .nav-tabs .tab-btn{flex:0 0 auto;white-space:nowrap}
  .chart-card{overflow:hidden;padding:12px}
  .chart-wrap{width:100%;height:300px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;direction:ltr}
  .chart-wrap canvas{width:900px!important;min-width:900px!important;max-width:none!important;height:280px!important;display:block}
  .progress-grid{gap:12px}
  .task-input-card,.community-composer,.communication-card,.feedback-card,.study-tool-panel,.vip-planner-box,.profile-card{max-width:100%;overflow:hidden}
  .input-group,.comment-form,.feedback-footer{flex-wrap:wrap}
  .input-group input,.comment-input{min-width:0;width:100%}
  .input-group .btn,.comment-form .btn{width:100%}
  .community-intro,.feedback-head,.study-tools-header{flex-direction:column;align-items:stretch;gap:10px}
  .target-location-grid,.target-grid{grid-template-columns:1fr!important}
  .calc-grid,.vip-form-grid{grid-template-columns:1fr!important}
  .calc-row,.gpa-row{grid-template-columns:1fr!important}
  .calc-row input{width:100%;box-sizing:border-box}
  .study-tool-bar{min-height:58px;padding:9px 12px;gap:10px}
  .study-tool-bar strong{font-size:13px}
  .study-tool-bar i{font-size:21px}
  .time-mode-tabs{grid-template-columns:1fr!important}
  .time-mode-btn{width:100%}
  .vip-task-list>div{grid-template-columns:1fr!important}
  .profile-support-panel{position:fixed;top:90px;right:10px;left:10px;width:auto;max-width:none}
}
@media (min-width:701px){
  .chart-wrap{overflow:hidden}
}

/* بازطراحی داشبورد: کارت‌های دسترسی سریع در ستون کناری */
.dashboard-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;direction:ltr}
.dashboard-main{direction:rtl;min-width:0}
.dashboard-side-nav{direction:rtl;position:sticky;top:18px;padding:12px;border:1px solid rgba(212,175,55,.2);border-radius:20px;background:linear-gradient(160deg,rgba(27,25,20,.98),rgba(15,16,21,.98));box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.dashboard-side-nav:before{content:"";position:absolute;inset:-40% -30%;background:radial-gradient(circle,rgba(212,175,55,.09),transparent 52%);pointer-events:none;animation:sideGlow 7s ease-in-out infinite alternate}
.side-nav-title{position:relative;display:flex;align-items:center;gap:9px;padding:7px 7px 13px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}
.side-nav-title>span{font-size:25px;filter:drop-shadow(0 0 8px rgba(212,175,55,.3))}
.side-nav-title strong{display:block;color:#f3d76b;font-size:14px}.side-nav-title small{display:block;color:#85858f;font-size:10px;margin-top:3px}
.side-nav-cards{position:relative;display:grid;gap:8px}
.side-nav-card{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:11px 9px;border:1px solid #2d2e35;border-radius:14px;background:linear-gradient(135deg,#171820,#111217);color:#ddd;text-align:right;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.side-nav-card:before{content:"";position:absolute;top:0;bottom:0;right:-45%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-20deg);transition:right .5s ease}
.side-nav-card:hover:before,.side-nav-card.active:before{right:115%}
.side-nav-card:hover{transform:translateX(-3px);border-color:rgba(212,175,55,.5);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.side-nav-card.active{transform:translateX(-5px);border-color:rgba(212,175,55,.8);background:linear-gradient(135deg,#28210f,#15161c);box-shadow:0 12px 28px rgba(212,175,55,.1),inset 3px 0 0 #d4af37}
.side-nav-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#0f1014;border:1px solid #30313a;font-size:19px;box-shadow:inset 0 0 12px rgba(255,255,255,.025)}
.side-nav-card.active .side-nav-icon{border-color:rgba(212,175,55,.45);box-shadow:0 0 16px rgba(212,175,55,.1)}
.side-nav-card b{display:block;color:#f2f2f3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-card small{display:block;color:#85858f;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-card i{font-style:normal;color:#d4af37;font-size:17px;transition:transform .2s}.side-nav-card:hover i,.side-nav-card.active i{transform:translateX(-3px)}
.dashboard-main>.nav-tabs{display:none}
@keyframes sideGlow{from{transform:translate3d(-2%,0,0) scale(.98)}to{transform:translate3d(5%,3%,0) scale(1.06)}}

/* ارتباط با پشتیبان و خرید/تمدید اشتراک: عرض امن و بدون سرریز */
.profile-support-panel{width:min(320px,calc(100vw - 40px));max-width:calc(100vw - 40px);box-sizing:border-box}
.profile-subscription-btn{width:100%;box-sizing:border-box;justify-content:center;white-space:normal;text-align:center}

@media(max-width:700px){
  .dashboard-layout{grid-template-columns:1fr;gap:12px;direction:rtl}
  .dashboard-side-nav{position:relative;top:auto;padding:10px;border-radius:16px}
  .side-nav-title{padding-bottom:9px;margin-bottom:8px}
  .side-nav-cards{display:flex;overflow-x:auto;gap:8px;padding:2px 1px 7px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .side-nav-card{flex:0 0 190px;grid-template-columns:34px minmax(0,1fr) 15px;min-height:60px;padding:8px}
  .side-nav-icon{width:34px;height:34px;font-size:17px}
  .side-nav-card b{font-size:10px}.side-nav-card small{font-size:8px}.side-nav-card i{font-size:15px}
  .side-nav-card.active{transform:none}
  .profile-support-panel{position:fixed;top:auto;right:10px;left:10px;bottom:10px;width:auto;max-width:none;max-height:70vh;overflow:auto}
  .profile-subscription-btn{width:100%}
}

.dashboard-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;direction:ltr}.dashboard-main{direction:rtl;min-width:0}.dashboard-side-nav{direction:rtl;position:sticky;top:18px;padding:12px;border:1px solid rgba(212,175,55,.2);border-radius:20px;background:linear-gradient(160deg,rgba(27,25,20,.98),rgba(15,16,21,.98));box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.dashboard-side-nav:before{content:"";position:absolute;inset:-40% -30%;background:radial-gradient(circle,rgba(212,175,55,.09),transparent 52%);pointer-events:none;animation:sideGlow 7s ease-in-out infinite alternate}.side-nav-title{position:relative;display:flex;align-items:center;gap:9px;padding:7px 7px 13px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:10px}.side-nav-title>span{font-size:25px;filter:drop-shadow(0 0 8px rgba(212,175,55,.3))}.side-nav-title strong{display:block;color:#f3d76b;font-size:14px}.side-nav-title small{display:block;color:#85858f;font-size:10px;margin-top:3px}.side-nav-cards{position:relative;display:grid;gap:8px}.side-nav-card{position:relative;width:100%;min-width:0;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:11px 9px;border:1px solid #2d2e35;border-radius:14px;background:linear-gradient(135deg,#171820,#111217);color:#ddd;text-align:right;cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.side-nav-card:before{content:"";position:absolute;top:0;bottom:0;right:-45%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.09),transparent);transform:skewX(-20deg);transition:right .5s ease}.side-nav-card:hover:before,.side-nav-card.active:before{right:115%}.side-nav-card:hover{transform:translateX(-3px);border-color:rgba(212,175,55,.5);box-shadow:0 10px 24px rgba(0,0,0,.2)}.side-nav-card.active{transform:translateX(-5px);border-color:rgba(212,175,55,.8);background:linear-gradient(135deg,#28210f,#15161c);box-shadow:0 12px 28px rgba(212,175,55,.1),inset 3px 0 0 #d4af37}.side-nav-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#0f1014;border:1px solid #30313a;font-size:19px}.side-nav-card.active .side-nav-icon{border-color:rgba(212,175,55,.45);box-shadow:0 0 16px rgba(212,175,55,.1)}.side-nav-card b{display:block;color:#f2f2f3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-card small{display:block;color:#85858f;font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-nav-card i{font-style:normal;color:#d4af37;font-size:17px;transition:transform .2s}.side-nav-card:hover i,.side-nav-card.active i{transform:translateX(-3px)}.dashboard-main>.nav-tabs{display:none}@keyframes sideGlow{from{transform:translate3d(-2%,0,0) scale(.98)}to{transform:translate3d(5%,3%,0) scale(1.06)}}
.profile-support-panel{width:min(320px,calc(100vw - 40px));max-width:calc(100vw - 40px);box-sizing:border-box}.profile-subscription-btn{width:100%;box-sizing:border-box;justify-content:center;white-space:normal;text-align:center}
@media(max-width:700px){.dashboard-layout{grid-template-columns:1fr;gap:12px;direction:rtl}.dashboard-side-nav{position:relative;top:auto;padding:10px;border-radius:16px}.side-nav-title{padding-bottom:9px;margin-bottom:8px}.side-nav-cards{display:flex;overflow-x:auto;gap:8px;padding:2px 1px 7px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.side-nav-card{flex:0 0 190px;grid-template-columns:34px minmax(0,1fr) 15px;min-height:60px;padding:8px}.side-nav-icon{width:34px;height:34px;font-size:17px}.side-nav-card b{font-size:10px}.side-nav-card small{font-size:8px}.side-nav-card i{font-size:15px}.side-nav-card.active{transform:none}.profile-support-panel{position:fixed;top:auto;right:10px;left:10px;bottom:10px;width:auto;max-width:none;max-height:70vh;overflow:auto}.profile-subscription-btn{width:100%}}

/* نوار عمودی تب‌های داشبورد در موبایل */
@media(max-width:700px){
  .dashboard-layout{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;direction:ltr;align-items:start}
  .dashboard-main{direction:rtl;min-width:0}
  .dashboard-side-nav{position:sticky;top:8px;align-self:start;width:92px;max-height:calc(100vh - 16px);overflow:hidden;padding:6px;border-radius:15px;direction:rtl}
  .side-nav-title{justify-content:center;padding:6px 2px 8px;margin-bottom:6px}
  .side-nav-title>span{font-size:19px}.side-nav-title div{display:none}
  .side-nav-cards{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:visible;padding:2px 1px 5px;scrollbar-width:thin}
  .side-nav-card{flex:0 0 auto;width:78px;min-height:66px;grid-template-columns:1fr;gap:3px;justify-items:center;text-align:center;padding:7px 4px;border-radius:12px}
  .side-nav-icon{width:31px;height:31px;font-size:16px;border-radius:9px}
  .side-nav-card b{font-size:9px;white-space:normal;line-height:1.35}
  .side-nav-card small,.side-nav-card i{display:none}
  .side-nav-card.active{transform:none}
}
/* آرشیو معلم/مشاور: تب‌های عمودی در سمت چپ */
.archive-selector-dialog{display:flex;flex-direction:row;gap:12px;align-items:stretch}
.archive-tabs{display:flex;flex-direction:column;gap:8px;flex:0 0 150px;order:0}
.archive-tab{min-height:72px;text-align:right}
.teacher-archive-list{flex:1;min-width:0;max-height:65vh;overflow:auto}
.archive-card{position:relative;padding-right:120px}
.archive-card .archive-status{position:absolute;right:12px;top:12px}
.archive-card .archive-check-btn{position:absolute;right:12px;bottom:12px}
@media(max-width:700px){
 .archive-selector-dialog{height:min(88vh,720px);flex-direction:row;gap:7px}
 .archive-tabs{flex:0 0 106px;max-height:100%;overflow-y:auto;position:sticky;left:0;top:0;align-self:stretch;padding:2px;scrollbar-width:thin}
 .archive-tab{min-height:68px;padding:8px 6px;font-size:10px;white-space:normal}
 .archive-tab small{display:block;margin-top:4px}
 .teacher-archive-list{max-height:none;overflow-y:auto;padding:2px;min-width:0}
 .archive-card{padding:12px 12px 72px}
 .archive-card .archive-status{position:static;display:inline-flex;margin-bottom:8px}
 .archive-card .archive-check-btn{position:static;width:100%;margin-top:8px}
}
/* کارت زمان باقی‌مانده اشتراک */
.license-days-card{margin-top:12px;display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid rgba(212,175,55,.35);border-radius:16px;background:linear-gradient(135deg,rgba(212,175,55,.13),rgba(80,62,18,.10) 45%,rgba(255,255,255,.025));box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04);animation:licensePulse 3.2s ease-in-out infinite}
.license-days-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#16140f;border:1px solid rgba(212,175,55,.35);font-size:21px;flex:none}
.license-days-card b{display:block;color:#f3d76b;font-size:15px}.license-days-card small{display:block;color:#a6a6ad;font-size:11px;margin-top:3px}.license-days-card.expired{border-color:rgba(239,68,68,.4);animation:none}.license-days-card.expired b{color:#f87171}
@keyframes licensePulse{0%,100%{transform:translateY(0);box-shadow:0 10px 28px rgba(0,0,0,.18)}50%{transform:translateY(-2px);box-shadow:0 14px 34px rgba(212,175,55,.09)}}
/* انیمیشن انتخاب جمله انگیزشی */
.quote-display{position:relative;overflow:hidden;min-height:95px;display:grid;place-items:center;padding:22px;border-radius:18px;background:linear-gradient(135deg,#16130d,#12141a);border:1px solid rgba(212,175,55,.3);font-size:18px;line-height:2;text-align:center}
.quote-display::after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(255,255,255,.13),transparent);animation:quoteShine 2.8s ease-in-out infinite}
@keyframes quoteShine{0%,35%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}

/* Final student dashboard polish */
@media (min-width:701px){
  .dashboard-side-nav{max-height:calc(100vh - 36px);overflow-y:auto;overflow-x:visible;scrollbar-width:thin;}
  .dashboard-side-nav::-webkit-scrollbar{width:6px}.dashboard-side-nav::-webkit-scrollbar-thumb{background:#4b4530;border-radius:99px}
  #archiveView{min-width:0;overflow:visible}
  #archiveView .grid-container{min-width:0;width:100%;}
  #archiveView .archive-card{min-width:0;position:relative;z-index:1;}
}
@media (max-width:700px){
  .dashboard-side-nav{max-height:58vh;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;}
  .dashboard-side-nav::-webkit-scrollbar{width:5px}.dashboard-side-nav::-webkit-scrollbar-thumb{background:#4b4530;border-radius:99px}
  .side-nav-cards{display:grid!important;overflow-y:visible!important;overflow-x:visible!important;gap:7px}
  .side-nav-card{flex:initial!important;width:100%;}
  #archiveView{min-width:0;overflow:visible}
  #archiveView .grid-container{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr)!important;}
  #archiveView .archive-card{width:100%;min-width:0;position:relative;z-index:1;}
}

/* compact subscription remaining badge */
.license-days-card{display:inline-flex!important;align-items:center!important;gap:7px!important;width:max-content!important;max-width:100%!important;margin-top:7px!important;padding:6px 10px!important;border-radius:10px!important;background:linear-gradient(135deg,rgba(212,175,55,.10),rgba(255,255,255,.035))!important;border:1px solid rgba(212,175,55,.25)!important;box-shadow:0 5px 14px rgba(0,0,0,.12)!important}
.license-days-card .license-days-icon{font-size:15px!important}.license-days-card b{font-size:12px!important;color:#f1d56b!important;font-weight:900!important}.license-days-card small{display:none!important}
.info-row:has(.license-days-card){flex-wrap:wrap;align-items:center;gap:6px}

/* support panel: readable floating sheet */
.support-menu-wrap{z-index:2000}
.profile-support-panel{width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;padding:16px!important;background:linear-gradient(145deg,#181b23 0%,#0c1018 100%)!important;border:1px solid rgba(212,175,55,.42)!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.025) inset!important;z-index:99999!important;overflow:visible!important}
.profile-support-title{font-size:16px!important;line-height:1.6!important;color:#f1d56b!important;text-align:center!important;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.14);border-radius:12px;padding:9px 10px!important;margin-bottom:10px!important}
.profile-support-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
.profile-support-list a{min-width:0!important;justify-content:flex-start!important;padding:11px 10px!important;background:#111722!important;border-color:#303744!important;white-space:nowrap!important;overflow:hidden!important}
.profile-support-list a b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:600px){.profile-support-panel{position:fixed!important;top:84px!important;right:10px!important;left:10px!important;bottom:auto!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 104px)!important;overflow:auto!important}.profile-support-list{grid-template-columns:1fr!important}.profile-support-list a{white-space:normal!important}.profile-support-list a b{white-space:normal!important}}

/* ==========================================
   اصلاح نهایی کارت گزارش در موبایل
   هم‌اندازه و هم‌رفتار با کارت آرشیو
   ========================================== */
@media (max-width:700px){
  /* جلوگیری قطعی از سرریز کارت گزارش روی نوار تب/دسترسی کناری */
  #reportsView{min-width:0;overflow:visible}
  #reportsContainer.reports-grid{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:minmax(0,1fr)!important;
    gap:15px;
    margin-top:15px;
  }

  /* ابعاد و ظاهر هماهنگ با archive-card */
  #reportsContainer .report-card{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
    padding:14px;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
    transform:none;
  }
  #reportsContainer .report-card:hover{transform:none}

  #reportsContainer .report-header{
    min-width:0;
    gap:7px;
    margin-bottom:10px;
    padding-bottom:8px;
    flex-wrap:wrap;
  }
  #reportsContainer .report-subject{
    min-width:0;
    margin:0 4px;
    font-size:1rem;
    line-height:1.6;
  }
  #reportsContainer .report-type-badge{
    max-width:42%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.72rem;
    padding:4px 8px;
  }
  #reportsContainer .report-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    margin-bottom:10px;
    min-width:0;
  }
  #reportsContainer .report-stats>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:8px 5px;
    border-radius:8px;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(255,255,255,.05);
    text-align:center;
    font-size:.72rem;
    color:#d1d5db;
  }
  #reportsContainer .report-notes{
    min-width:0;
    padding:8px 10px;
    border-radius:8px;
    font-size:.78rem;
    line-height:1.7;
    overflow-wrap:anywhere;
  }
}

/* چیدمان بهتر داشبورد در موبایل و نمایشگرهای باریک:
   تب‌های اصلی عمودی می‌شوند و محتوای بازشده فضای بیشتری می‌گیرد. */
@media (max-width:900px){
  .dashboard-layout{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;direction:ltr;align-items:start}
  .dashboard-main{direction:rtl;min-width:0;width:100%}
  .dashboard-side-nav{position:sticky;top:8px;align-self:start;width:88px;box-sizing:border-box;max-height:calc(100vh - 16px);overflow:hidden;padding:6px;border-radius:15px;direction:rtl}
  .side-nav-title{justify-content:center;padding:6px 2px 8px;margin-bottom:6px}
  .side-nav-title>span{font-size:19px}
  .side-nav-title div{display:none}
  .side-nav-cards{display:flex;flex-direction:column;gap:6px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:visible;padding:2px 1px 5px;scrollbar-width:thin}
  .side-nav-card{flex:0 0 auto;width:74px;min-height:66px;grid-template-columns:1fr;gap:3px;justify-items:center;text-align:center;padding:7px 4px;border-radius:12px}
  .side-nav-icon{width:31px;height:31px;font-size:16px;border-radius:9px}
  .side-nav-card b{font-size:9px;white-space:normal;line-height:1.35}
  .side-nav-card small,.side-nav-card i{display:none}
  .side-nav-card.active{transform:none}
  .tab-content,.dashboard-section{min-width:0;max-width:100%}
  .study-tool-panel{width:100%;box-sizing:border-box}
}

@media (max-width:480px){
  .dashboard-layout{grid-template-columns:82px minmax(0,1fr);gap:8px}
  .dashboard-side-nav{width:82px}
  .side-nav-card{width:68px;min-height:63px}
  .side-nav-icon{width:29px;height:29px;font-size:15px}
}


/* === اصلاح نهایی ناوبری داشبورد ===
   تب‌ها زیر هدر قرار می‌گیرند و در همه اندازه‌ها افقی هستند.
   در موبایل، نوار تب‌ها افقی و قابل اسکرول است تا محتوای اصلی تمام عرض را بگیرد. */
.dashboard-layout{display:block!important;width:100%;max-width:100%;}
.dashboard-main{width:100%;min-width:0;direction:rtl;}
.dashboard-side-nav{display:none!important;}
.dashboard-main>.nav-tabs{display:none!important;}
.app-container>.nav-tabs{
  display:flex!important;
  width:100%;
  max-width:100%;
  gap:8px;
  margin:14px 0 18px;
  padding:6px 2px 10px;
  border-bottom:1px solid var(--border);
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#5b5130 transparent;
  direction:rtl;
}
.app-container>.nav-tabs::-webkit-scrollbar{height:5px;}
.app-container>.nav-tabs::-webkit-scrollbar-track{background:transparent;}
.app-container>.nav-tabs::-webkit-scrollbar-thumb{background:#5b5130;border-radius:99px;}
.app-container>.nav-tabs .tab-btn{
  flex:0 0 auto;
  white-space:nowrap;
  min-height:44px;
  padding:9px 14px;
  border:1px solid var(--border);
  background:#171920;
  color:#c9cbd1;
  border-radius:12px;
  font-size:.9rem;
}
.app-container>.nav-tabs .tab-btn:hover{background:var(--card-inner);color:var(--text-main);}
.app-container>.nav-tabs .tab-btn.active{background:var(--gold);color:#111;border-color:var(--gold);}

@media(max-width:700px){
  body{padding:8px;}
  .app-container{width:100%;max-width:none;padding:12px;border-radius:14px;}
  .app-header{margin-bottom:12px;padding-bottom:12px;}
  .app-container>.nav-tabs{
    margin:10px -2px 16px;
    padding:4px 2px 9px;
    gap:7px;
  }
  .app-container>.nav-tabs .tab-btn{
    min-height:42px;
    padding:8px 12px;
    font-size:.82rem;
    border-radius:11px;
  }
  .dashboard-layout{grid-template-columns:1fr!important;}
  .dashboard-main{width:100%!important;}
  .tab-content,.dashboard-section{width:100%;min-width:0;max-width:100%;}
}

@media(max-width:420px){
  .app-container{padding:10px;}
  .app-container>.nav-tabs .tab-btn{font-size:.78rem;padding:8px 10px;}
}

/* === Modern horizontal dashboard tabs === */
.dashboard-layout{display:flex!important;flex-direction:column!important;gap:14px!important;direction:rtl!important;align-items:stretch!important}
.dashboard-side-nav{position:relative!important;top:auto!important;width:100%!important;box-sizing:border-box!important;padding:10px!important;border:1px solid rgba(212,175,55,.24)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(30,27,20,.98),rgba(14,15,20,.98) 55%,rgba(20,18,14,.98))!important;box-shadow:0 16px 40px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important}
.dashboard-side-nav:after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.04) 50%,transparent 100%);}
.side-nav-title{padding:6px 8px 10px!important;margin-bottom:9px!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.side-nav-title>span{font-size:22px!important}
.side-nav-title strong{font-size:13px!important}
.side-nav-title small{font-size:9px!important}
.side-nav-cards{display:flex!important;gap:9px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 2px 6px!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;position:relative!important}
.side-nav-card{flex:0 0 205px!important;width:205px!important;min-height:66px!important;grid-template-columns:38px minmax(0,1fr) 16px!important;padding:9px 10px!important;border-radius:15px!important;background:linear-gradient(145deg,#191a20,#111217)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 7px 20px rgba(0,0,0,.16)!important}
.side-nav-card:hover{transform:translateY(-2px)!important;border-color:rgba(212,175,55,.55)!important;box-shadow:0 12px 25px rgba(0,0,0,.22)!important}
.side-nav-card.active{transform:translateY(-2px)!important;border-color:rgba(212,175,55,.9)!important;background:linear-gradient(145deg,#2a2413,#17171b)!important;box-shadow:0 12px 28px rgba(212,175,55,.12),inset 0 2px 0 rgba(212,175,55,.8)!important}
.side-nav-card.active .side-nav-icon{background:linear-gradient(145deg,#2a2413,#111217)!important;border-color:rgba(212,175,55,.55)!important;box-shadow:0 0 18px rgba(212,175,55,.12)!important}
.side-nav-card b{font-size:11px!important}
.side-nav-card small{font-size:9px!important}
.side-nav-card i{font-size:16px!important}
.dashboard-main{width:100%!important;min-width:0!important;direction:rtl!important}
@media(max-width:700px){
 .dashboard-side-nav{padding:9px!important;border-radius:18px!important}
 .side-nav-title{padding:4px 6px 8px!important;margin-bottom:7px!important}
 .side-nav-cards{gap:8px!important;padding-bottom:5px!important}
 .side-nav-card{flex:0 0 174px!important;width:174px!important;min-height:58px!important;grid-template-columns:32px minmax(0,1fr) 14px!important;padding:7px 8px!important;border-radius:13px!important}
 .side-nav-icon{width:32px!important;height:32px!important;font-size:16px!important;border-radius:9px!important}
 .side-nav-card b{font-size:10px!important}
 .side-nav-card small{font-size:8px!important}
}

/* === V9: lightweight planning center + simplified navigation === */
.nav-tabs-primary{position:sticky;top:0;z-index:35;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.nav-tabs-secondary{margin-top:-4px;background:rgba(11,12,16,.92);border-style:dashed}
.nav-tabs-secondary[hidden]{display:none!important}
.planner-center{display:none}
.planner-hero{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;border:1px solid rgba(212,175,55,.25);border-radius:22px;background:linear-gradient(135deg,rgba(212,175,55,.09),rgba(19,21,31,.94) 55%,rgba(37,27,76,.45));margin-bottom:14px}
.planner-hero h3{margin:5px 0 7px}.planner-hero p{margin:0;color:#aeb2c0}.planner-kicker{font-size:.72rem;color:var(--gold);letter-spacing:.08em}
.smart-reminder-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-bottom:14px}.planner-alert{display:flex;gap:8px;align-items:center;padding:11px 13px;border-radius:14px;background:#171920;border:1px solid #2b2e39;font-size:.85rem}.planner-alert.good{border-color:rgba(46,204,113,.35);background:rgba(46,204,113,.07)}.planner-alert.warning{border-color:rgba(241,196,15,.38);background:rgba(241,196,15,.07)}.planner-alert.danger{border-color:rgba(231,76,60,.4);background:rgba(231,76,60,.08)}.planner-alert.info{border-color:rgba(91,148,255,.3)}
.planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px}.planner-grid-top{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.planner-card{background:linear-gradient(145deg,#181a21,#111218);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:17px;box-shadow:0 14px 36px rgba(0,0,0,.18)}.planner-card h4{margin:0 0 12px}.planner-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.planner-card-head p{margin:5px 0;color:#9da3b4;font-size:.82rem}.calendar-nav{display:flex;align-items:center;gap:7px}.calendar-nav button{border:1px solid #343744;background:#1d2028;color:#fff;width:31px;height:31px;border-radius:10px;cursor:pointer}.planner-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-weekday{text-align:center;color:#8c93a4;font-size:.72rem;padding:4px}.cal-day{position:relative;min-height:72px;border:1px solid #292c35;border-radius:11px;padding:7px;background:#12141a;overflow:hidden}.cal-day.empty{opacity:.28;background:transparent}.cal-day.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(212,175,55,.18)}.cal-day b{font-size:.78rem}.cal-day small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9aa0b0;font-size:.62rem;margin-top:10px}.cal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:2px}.cal-dot.exam{background:#d4af37}.cal-dot.reminder{background:#6d9cff}
.planner-form,.planner-inline-form{display:grid;gap:8px}.planner-form input,.planner-form textarea,.planner-inline-form input,.ai-coach-card textarea{width:100%;box-sizing:border-box;background:#101217;color:#fff;border:1px solid #30333e;border-radius:11px;padding:10px}.planner-inline-form{grid-template-columns:minmax(160px,1fr) 150px 110px auto;align-items:center}.planner-list{display:grid;gap:7px;margin-top:12px;max-height:300px;overflow:auto}.planner-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px;border:1px solid #2b2d36;border-radius:12px;background:#111319}.planner-list-item:has(.planner-check){grid-template-columns:auto minmax(0,1fr) auto}.planner-list-item.done{opacity:.58}.planner-list-item.past{opacity:.62}.planner-list-item small{display:block;color:#949aaa;margin-top:3px;font-size:.72rem}.icon-delete,.planner-check{border:0;background:#20232b;color:#d8dbe4;border-radius:9px;padding:7px 9px;cursor:pointer}.icon-delete:hover{background:rgba(231,76,60,.16);color:#ff7668}.planner-check{color:#72df9b}
.weekly-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.weekly-stat{display:flex;flex-direction:column;gap:3px;padding:10px;background:#111319;border:1px solid #292c35;border-radius:12px}.weekly-stat span{font-size:1.2rem}.weekly-stat small{color:#9299aa;font-size:.69rem}.weekly-stat strong{font-size:.86rem}.weekly-comparison{margin-top:10px;padding:11px;border-radius:12px;background:#111319;border:1px solid #2b2e38;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.weekly-comparison.up strong{color:#58d68d}.weekly-comparison.down strong{color:#ff7668}.weekly-comparison.steady strong{color:#f1c40f}.weekly-comparison small{width:100%;color:#9298a8}
.mastery-list,.review-queue{display:grid;gap:9px}.mastery-row{display:grid;grid-template-columns:minmax(100px,.7fr) 1fr auto;gap:10px;align-items:center}.mastery-row small{display:block;color:#8f95a6;font-size:.68rem}.mastery-meter{height:7px;background:#282b34;border-radius:99px;overflow:hidden}.mastery-meter span{display:block;height:100%;background:linear-gradient(90deg,#6f7dff,#52d9b5);border-radius:inherit}.mastery-label{font-size:.68rem;padding:5px 7px;border-radius:9px;background:#22252d}.mastery-label.mastered,.mastery-label.good{color:#5fe092}.mastery-label.warning{color:#f3ca52}.mastery-label.danger{color:#ff7d71}.review-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border-radius:12px;background:#111319;border:1px solid #292c35}.review-item>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#232733;color:var(--gold)}.review-item small{display:block;color:#8f96a7}.review-item b{font-size:.68rem;color:#f1c40f}
.ai-coach-card{border-color:rgba(212,175,55,.28);background:linear-gradient(140deg,rgba(212,175,55,.07),#151720 42%,rgba(99,72,180,.13))}.ai-coach-actions{display:flex;gap:8px;margin:9px 0}.ai-coach-result{margin-top:10px}.ai-coach-result h5{margin:12px 0 6px;color:var(--gold)}.ai-coach-result li{margin:5px 0;color:#d9dce5}.ai-summary,.ai-encouragement{padding:11px;border-radius:12px;background:#101217;border:1px solid #2e3240}.ai-summary p{margin:5px 0 0;color:#bec3d1}.ai-encouragement{margin-top:10px;color:#76dea0}.planner-loading{padding:12px;text-align:center;color:#a8afbd}
@media(max-width:900px){.planner-grid,.planner-grid-top{grid-template-columns:1fr}.planner-inline-form{grid-template-columns:1fr 1fr}.planner-inline-form>button{grid-column:1/-1}.mastery-row{grid-template-columns:1fr auto}.mastery-meter{grid-column:1/-1;grid-row:2}.weekly-report-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav-tabs-primary{display:grid!important;grid-template-columns:repeat(5,1fr)!important;overflow:visible!important;padding:7px!important}.nav-tabs-primary .tab-btn{min-width:0!important;padding:8px 3px!important;font-size:.67rem!important;white-space:normal!important}.nav-tabs-secondary{display:flex!important;overflow-x:auto!important}.nav-tabs-secondary[hidden]{display:none!important}.planner-hero{align-items:flex-start;padding:15px}.planner-hero p{font-size:.78rem}.planner-card{padding:13px;border-radius:16px}.cal-day{min-height:55px;padding:5px}.cal-day small{display:none}.planner-inline-form{grid-template-columns:1fr}.planner-inline-form>button{grid-column:auto}.weekly-report-grid{grid-template-columns:1fr 1fr}.mastery-row{grid-template-columns:1fr}.mastery-label{justify-self:start}.review-item{grid-template-columns:28px 1fr}.review-item>b{grid-column:2}.ai-coach-actions{flex-direction:column}}

/* v13 — planning modes, transparent calculators, study streak */
.planning-hub{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.planning-hub-head{padding:18px 20px;margin-bottom:12px;border:1px solid rgba(212,175,55,.3);border-radius:18px;background:linear-gradient(145deg,#17150f,#111218 65%)}.planning-hub-head h4{margin:5px 0 7px!important}.planning-hub-head p{margin:0;color:#9ea4b1;line-height:1.9}.tool-kicker{font-size:.7rem;color:#d4af37;font-weight:900;letter-spacing:.05em}.planner-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.planner-mode-card{border:1px solid #31333c;border-radius:20px;padding:18px;background:linear-gradient(150deg,#16171c,#101116);box-shadow:0 15px 38px rgba(0,0,0,.18)}.planner-mode-card.normal-mode{border-color:rgba(96,210,143,.28);background:linear-gradient(150deg,rgba(46,204,113,.055),#121419 48%)}.planner-mode-card.vip-mode{border-color:rgba(212,175,55,.38);background:linear-gradient(150deg,rgba(212,175,55,.07),#14151b 48%,rgba(103,71,173,.08))}.planner-mode-label{display:inline-flex;border:1px solid rgba(96,210,143,.38);background:rgba(46,204,113,.08);color:#81e5aa;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:900}.planner-mode-card h5{font-size:1.03rem;margin:12px 0 7px;color:#fff}.planner-mode-card>p,.vip-planner-head p{color:#9ea4b1;line-height:1.9;font-size:.78rem}.planner-mode-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.planner-mode-features span{padding:6px 8px;border-radius:9px;background:#0e1015;border:1px solid #2a2d36;color:#b8beca;font-size:.68rem}.vip-form-grid select{background:#0d0e12;color:#fff;border:1px solid #3a3740;border-radius:10px;padding:11px}.calculator-pro{position:relative;overflow:hidden}.calculator-pro:before{content:"";position:absolute;inset:0 auto auto 0;width:170px;height:170px;background:radial-gradient(circle,rgba(212,175,55,.08),transparent 68%);pointer-events:none}.calculator-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.calculator-head h4{margin:5px 0 6px!important}.calculator-head p{margin:0;color:#9ea4b1;line-height:1.9;font-size:.78rem}.accuracy-badge{white-space:nowrap;border:1px solid #5c4a19;background:#201b0b;color:#e5c96e;border-radius:999px;padding:6px 9px;font-size:.68rem;font-weight:900}.calc-mode-tabs{display:inline-flex;padding:4px;background:#0d0f14;border:1px solid #292c34;border-radius:12px;gap:4px;margin:0 0 14px}.calc-mode-btn{border:0;background:transparent;color:#858c99;padding:8px 11px;border-radius:9px;cursor:pointer;font-weight:800}.calc-mode-btn.active{background:#282212;color:#f0d476;box-shadow:inset 0 0 0 1px #5b4b1c}.standard-inputs{margin:12px 0}.coeff-edit{display:grid;grid-template-columns:auto 70px;gap:5px;align-items:center;color:#b5bbc6;font-size:.68rem}.coeff-edit input{min-width:0!important;width:70px!important;padding:8px!important}.gpa-grade{width:100%!important}.study-streak-card{margin:0 0 14px;padding:18px;border:1px solid rgba(255,132,53,.32);border-radius:21px;background:linear-gradient(145deg,rgba(255,114,42,.09),#15171d 44%,rgba(212,175,55,.05));box-shadow:0 14px 36px rgba(0,0,0,.18);overflow:hidden}.streak-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.streak-kicker{font-size:.72rem;color:#ff9e4a;font-weight:900}.streak-head h4{font-size:1.35rem;margin:5px 0}.streak-head p{margin:0;color:#b5bac5;line-height:1.8;font-size:.8rem}.streak-stats{display:flex;gap:8px}.streak-stats>div{min-width:105px;padding:10px 12px;border-radius:13px;background:#101218;border:1px solid #2e3038;text-align:center}.streak-stats small,.streak-stats strong{display:block}.streak-stats small{color:#818896;font-size:.68rem}.streak-stats strong{color:#f4d679;margin-top:4px;font-size:.8rem}.streak-days{display:grid;grid-template-columns:repeat(28,minmax(22px,1fr));gap:4px;margin-top:15px}.streak-day{height:38px;border-radius:9px;background:#0f1116;border:1px solid #252832;display:grid;place-items:center;gap:0;color:#656b76;font-size:.62rem;line-height:1}.streak-day i{font-style:normal;font-size:.72rem}.streak-day.active{background:linear-gradient(145deg,#352013,#251710);border-color:#744525;color:#ffbd79}.streak-day.today{box-shadow:inset 0 0 0 1px #e3c157}.streak-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:#9ca2ae;font-size:.72rem}.streak-footer b{color:#e2c86f;font-weight:800}.gpa-row{grid-template-columns:minmax(160px,1fr) 130px 130px!important}
@media(max-width:900px){.planner-mode-grid{grid-template-columns:1fr}.streak-days{grid-template-columns:repeat(14,1fr)}.calculator-head,.streak-head{flex-direction:column}.streak-stats{width:100%}.streak-stats>div{flex:1}}
@media(max-width:600px){.streak-days{grid-template-columns:repeat(7,1fr)}.streak-day{height:42px}.streak-footer{flex-direction:column}.planner-mode-card{padding:14px}.gpa-row{grid-template-columns:1fr!important}.coeff-edit{grid-template-columns:1fr}.coeff-edit input{width:100%!important}}

.planner-card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.planner-card-title-row h4{margin:0}@media(max-width:560px){.planner-card-title-row{align-items:stretch;flex-direction:column}.planner-card-title-row .btn{width:100%}}

/* V18.3.2 — exam program + Persian date UX */
.exam-provider-grid{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;margin:12px 0}.exam-provider-grid>label{flex:0 1 280px;min-width:220px}.exam-provider-grid>.exam-provider-hint{flex:1 1 340px;min-width:260px}.exam-provider-grid label{display:grid;gap:7px;font-size:13px;color:#c9c2b2}.exam-provider-grid select{width:100%;min-height:48px;border-radius:14px;border:1px solid rgba(220,176,82,.28);background:#111318;color:#f6f6f6;padding:0 14px;font-family:inherit}.exam-provider-hint{min-height:48px;display:flex;align-items:center;padding:10px 14px;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.025);color:#aaa;font-size:12px;line-height:1.8}.personal-exam-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.exam-list-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 9px}.exam-list-heading strong{color:#f0d189}.exam-list-heading small{color:#888}.exam-provider-badge{display:inline-flex;align-items:center;width:max-content;padding:3px 8px;border-radius:999px;border:1px solid rgba(225,181,80,.25);background:rgba(225,181,80,.09);color:#e7c36e;font-size:11px;margin-top:5px}.exam-program-card .planner-list-item>div{display:flex;flex-direction:column;gap:3px}@media(max-width:650px){.exam-provider-grid{display:grid;grid-template-columns:minmax(0,1fr)}.exam-provider-grid>label,.exam-provider-grid>.exam-provider-hint{min-width:0;width:100%}.exam-list-heading{align-items:flex-start;flex-direction:column}}
.exam-program-stage{display:block;margin-top:5px;color:rgba(255,255,255,.58);font-size:12px}

/* V18.3.5 — Strategic exams & premium next-exam countdown */
.next-exam-countdown{margin:0 0 14px}.next-exam-countdown[hidden]{display:none!important}.next-exam-shell{position:relative;overflow:hidden;padding:18px 19px;border-radius:20px;border:1px solid rgba(225,185,75,.48);background:radial-gradient(circle at 10% 0%,rgba(225,185,75,.16),transparent 34%),linear-gradient(135deg,#08090b 0%,#121317 52%,#090a0d 100%);box-shadow:0 18px 45px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,222,121,.1)}.next-exam-shell:after{content:"";position:absolute;inset:auto -65px -85px auto;width:190px;height:190px;border:1px solid rgba(225,185,75,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(225,185,75,.025),0 0 0 58px rgba(225,185,75,.018);pointer-events:none}.next-exam-top{display:flex;justify-content:space-between;gap:18px;align-items:center;position:relative;z-index:1}.next-exam-kicker{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(225,185,75,.1);border:1px solid rgba(225,185,75,.22);color:#e8c865;font-size:.7rem;font-weight:900}.next-exam-top h3{margin:9px 0 4px;font-size:1.05rem;color:#fff}.next-exam-top p{margin:0;color:#9ca2ae;font-size:.77rem}.next-exam-days{min-width:102px;height:94px;border-radius:18px;display:grid;place-content:center;text-align:center;background:linear-gradient(145deg,#e4be58,#b98c26);color:#0b0b0d;box-shadow:0 10px 28px rgba(212,175,55,.19),inset 0 1px 0 rgba(255,255,255,.45)}.next-exam-days strong{font-size:2.25rem;line-height:1;font-weight:1000}.next-exam-days span{font-size:.72rem;font-weight:950;margin-top:5px}.next-exam-progress{height:7px;border-radius:99px;background:#24262c;overflow:hidden;margin:15px 0 10px;position:relative;z-index:1}.next-exam-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#83631c,#f0ce6d);box-shadow:0 0 14px rgba(235,197,91,.3)}.next-exam-meta{display:flex;flex-wrap:wrap;gap:7px;align-items:center;position:relative;z-index:1}.next-exam-meta>span{font-size:.67rem;color:#9fa5b1;padding:5px 8px;border:1px solid #2a2c32;border-radius:999px;background:#0f1014}.exam-special-chip{display:inline-flex!important;align-items:center;padding:4px 8px!important;border-radius:999px!important;font-size:.64rem!important;font-weight:950!important}.exam-special-chip.free{color:#72e4a1!important;border:1px solid rgba(70,210,130,.28)!important;background:rgba(70,210,130,.08)!important}.exam-special-chip.extra{color:#f2cd67!important;border:1px solid rgba(225,185,75,.3)!important;background:rgba(225,185,75,.08)!important}.next-exam-topics,.exam-topics-detail{margin-top:12px;border:1px solid rgba(225,185,75,.16);border-radius:12px;background:rgba(255,255,255,.018);position:relative;z-index:1}.next-exam-topics summary,.exam-topics-detail summary{cursor:pointer;padding:10px 11px;color:#e6c360;font-size:.73rem;font-weight:900}.next-exam-topics>div,.exam-topics-detail>div{padding:0 11px 11px;color:#c2c6cf;line-height:1.9;font-size:.73rem}.exam-list-rich .exam-title-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.exam-list-main{min-width:0}.exam-list-rich details{max-width:560px}@media(max-width:600px){.next-exam-shell{padding:14px}.next-exam-top{align-items:stretch}.next-exam-days{min-width:83px;height:82px;border-radius:15px}.next-exam-days strong{font-size:1.9rem}.next-exam-top h3{font-size:.92rem}}

/* V18.3.7 — weighted planner, compact output and scheduled daily goals */
.planner-auto-start{display:flex;align-items:center;gap:12px;padding:12px 14px;margin:12px 0;border:1px solid rgba(214,173,58,.28);border-radius:14px;background:linear-gradient(135deg,rgba(214,173,58,.10),rgba(255,255,255,.02))}.planner-auto-start>span{font-size:24px}.planner-auto-start strong,.planner-auto-start small{display:block}.planner-auto-start small{color:#a9a9ad;margin-top:3px}.basic-plan-ready{margin-top:16px;padding:18px;border:1px solid rgba(214,173,58,.30);border-radius:18px;background:linear-gradient(145deg,#111214,#0c0d0f);box-shadow:0 18px 48px rgba(0,0,0,.24)}.basic-plan-ready-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.basic-plan-ready-head h4{margin:4px 0 7px;color:#f0d071}.basic-plan-ready-head p{margin:0;color:#c8c8ca;line-height:1.9}.basic-plan-count{min-width:76px;text-align:center;padding:10px;border:1px solid #4a3e1b;border-radius:14px;background:#18150d}.basic-plan-count strong{display:block;font-size:28px;color:#f0d071}.basic-plan-count span{font-size:12px;color:#bbb}.basic-plan-stats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.basic-plan-stats span,.basic-plan-distribution span{padding:7px 10px;border-radius:999px;background:#18191c;border:1px solid #2b2d32;color:#ddd;font-size:12px}.basic-plan-distribution{padding:12px 0;border-top:1px dashed #2c2d30}.basic-plan-distribution>b{display:block;color:#e6c75f;margin-bottom:9px}.basic-plan-distribution>div{display:flex;flex-wrap:wrap;gap:7px}.basic-plan-distribution b{color:#e9cc68}.basic-plan-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.plan-goals-btn{border-color:#806b2a!important;color:#f0d071!important}.task-item.scheduled-plan-task{display:block;border-color:rgba(214,173,58,.35);background:linear-gradient(145deg,rgba(214,173,58,.07),rgba(255,255,255,.015))}.task-main-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-plan-meta{display:flex;flex-wrap:wrap;gap:6px;padding:8px 36px 0 0}.task-plan-meta span{font-size:11px;color:#d9c477;background:#17150e;border:1px solid #3c3217;border-radius:999px;padding:4px 8px}.trial-banner-timer{display:flex!important;align-items:center;gap:8px;justify-content:center}.trial-banner-timer strong{font-size:inherit}.trial-banner-timer span{font-variant-numeric:tabular-nums}@media(max-width:680px){.basic-plan-ready-head{flex-direction:column}.basic-plan-actions .btn{width:100%}.task-plan-meta{padding-right:0}}

.basic-plan-days{padding:12px 0;border-top:1px dashed #2c2d30}.basic-plan-days>b{display:block;color:#e6c75f;margin-bottom:9px}.basic-plan-days>div{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin}.basic-plan-day-chip{min-width:170px;padding:10px 12px;border-radius:13px;border:1px solid #2b2d32;background:#151619;display:flex;flex-direction:column;gap:4px}.basic-plan-day-chip b{color:#f0d071}.basic-plan-day-chip span{font-size:12px;color:#e3e3e4}.basic-plan-day-chip small{font-size:11px;color:#aaa}.basic-plan-day-chip.friday{border-color:#826b27;background:linear-gradient(145deg,#1d190d,#121315)}.basic-plan-day-chip.friday small{color:#e6c75f}

/* V18.3.12 responsive hardening */
html,body{max-width:100%;overflow-x:visible}.planner-card,.study-tool-panel,.planner-mode-card,.basic-plan-ready{min-width:0}.basic-planner-settings label{min-width:0}.basic-planner-settings select,.basic-planner-settings input{max-width:100%}@media(max-width:520px){.planner-card{padding-left:12px;padding-right:12px}.exam-provider-hint{line-height:1.75}.basic-plan-actions{display:grid!important;grid-template-columns:1fr!important}.basic-plan-actions>*{width:100%}.modal-card,.inbox-modal{max-width:calc(100vw - 20px)!important}}

/* V18.3.12 support rating */
.support-rating-box{margin-top:14px;padding:12px;border:1px solid rgba(212,175,55,.2);border-radius:13px;background:rgba(212,175,55,.055)}.support-rating-box b{display:block;margin-bottom:8px;color:#f1df9e}.support-rating-stars{display:flex;gap:6px;direction:ltr;justify-content:flex-end}.support-rating-star{border:0;background:transparent;color:#52525b;font-size:25px;cursor:pointer;padding:2px;line-height:1}.support-rating-star.selected{color:#e9c75e}.support-rating-star:hover{transform:scale(1.1)}.support-rating-status{display:block;margin-top:7px;color:#a1a1aa;line-height:1.7}

/* V18.3.12 mobile QA hardening — prevent overlap/cover on narrow phones */
@media(max-width:720px){
  html,body{width:100%;max-width:100%;overflow-x:visible}
  input,select,textarea{font-size:16px!important;min-width:0;max-width:100%}
  .dashboard-layout,.dashboard-main,.tab-content,.planner-center,.planner-grid,.planner-grid-top,.planner-card,.task-input-card,.chart-card,.profile-card,.feedback-card{min-width:0;max-width:100%}
  .planner-grid,.planner-grid-top{grid-template-columns:minmax(0,1fr)!important}
  .planner-card-head,.planner-card-title-row{min-width:0;flex-wrap:wrap}
  .planner-card h3,.planner-card h4,.planner-card p,.exam-provider-hint,.planner-list-item{overflow-wrap:anywhere;word-break:normal}
  .planner-inline-form,.basic-planner-settings{grid-template-columns:minmax(0,1fr)!important}
  .planner-inline-form>*{width:100%;min-width:0}
  .modal-overlay,.modal{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}
  .modal-card,.inbox-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow:auto}
  .app-header{min-width:0;max-width:100%;flex-wrap:wrap}
  .tab-navigation,.study-tool-tabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  button,.btn{max-width:100%}
}
@media(max-width:380px){
  .planner-card{padding:12px!important}
  .exam-provider-grid{gap:9px}
  .exam-provider-hint{padding:9px 10px}
}
.support-message-ids{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px;color:#9ca3af;font-size:11px}.support-message-ids span{padding:5px 8px;border:1px solid #34343a;border-radius:8px;background:#0b0b0d}.half-rating{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.half-rating .support-rating-star{min-width:34px;height:34px;border-radius:8px}.support-report-message-btn{margin-top:10px;border:1px solid #713f12;background:#1d1510;color:#fbbf24;padding:8px 11px;border-radius:9px;cursor:pointer}.critical-admin-warning{border:2px solid #ef4444!important;background:linear-gradient(145deg,#2a0c0c,#130707)!important;box-shadow:0 0 0 2px rgba(239,68,68,.12),0 0 28px rgba(239,68,68,.22)!important;animation:criticalWarningPulse 1.8s ease-in-out infinite}.critical-admin-warning .inbox-kind,.critical-admin-warning .inbox-title{color:#fecaca!important}.critical-admin-warning .inbox-summary,.critical-admin-warning .inbox-full{color:#fff1f2!important}.critical-admin-warning .inbox-kind:before{content:'🚨 ';}@keyframes criticalWarningPulse{0%,100%{box-shadow:0 0 0 2px rgba(239,68,68,.12),0 0 22px rgba(239,68,68,.18)}50%{box-shadow:0 0 0 3px rgba(239,68,68,.24),0 0 38px rgba(239,68,68,.32)}}


/* V18.3.15 — phone-width fixes + chart actions + historical calculators */
.progress-chart-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.historical-konkur-note{margin:12px 0;padding:12px 14px;border:1px solid rgba(212,175,55,.25);border-radius:13px;background:linear-gradient(135deg,#18150d,#111217);display:flex;flex-direction:column;gap:5px}.historical-konkur-note b{color:#f1d56b}.historical-konkur-note span{color:#a8a8ae;font-size:12px;line-height:1.8}.historical-session-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.historical-session-list>div{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 10px;border:1px solid #2c2d34;border-radius:10px;background:#111217;font-size:11px}.historical-session-list span{color:#aaa}.historical-session-list b{color:#e7c864;text-align:left}
@media(max-width:560px){
  .dashboard-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;direction:rtl!important;width:100%!important;max-width:100%!important}
  .dashboard-side-nav{position:relative!important;top:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:6px!important;overflow:hidden!important}
  .side-nav-title{display:none!important}.side-nav-cards{display:flex!important;flex-direction:row!important;overflow-x:auto!important;overflow-y:hidden!important;max-height:none!important;width:100%!important;gap:6px!important;padding:2px 1px 6px!important}
  .side-nav-card{flex:0 0 105px!important;width:105px!important;min-width:105px!important;min-height:61px!important;padding:6px 4px!important}
  .dashboard-main,.tab-content,.study-tool-panel,.planning-hub,.planner-mode-card,.basic-plan-ready,.basic-plan-ready *{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .basic-plan-stats,.basic-plan-distribution>div,.basic-plan-days>div{max-width:100%!important}
  .basic-plan-stats span,.basic-plan-distribution span{white-space:normal!important;overflow-wrap:anywhere!important;max-width:100%!important}
  .basic-plan-days>div{display:grid!important;grid-template-columns:1fr!important;overflow:visible!important}.basic-plan-day-chip{min-width:0!important;width:100%!important}
  .basic-plan-actions{grid-template-columns:1fr!important}.basic-plan-actions button,.basic-plan-actions .btn{width:100%!important;min-width:0!important;white-space:normal!important}
  .progress-chart-actions{width:100%;display:grid;grid-template-columns:1fr}.progress-chart-actions>*{width:100%}
  .historical-session-list{grid-template-columns:1fr}
}


/* V18.4.0 — strategic planner redesign + mobile overflow fixes */
.exam-budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.exam-budget-card{padding:12px;border-radius:14px;border:1px solid rgba(212,175,55,.18);background:linear-gradient(145deg,#131313,#0f1117)}.exam-budget-card h5{margin:0 0 8px;color:#f1d56b;font-size:.88rem}.exam-budget-card ul{margin:0;padding-right:18px;color:#d6d7dc;line-height:1.9;font-size:.77rem}.exam-budget-card li{margin-bottom:4px}.exam-budget-empty{margin-top:10px;padding:12px;border:1px dashed #40331a;border-radius:12px;background:#121212;color:#aaa}.exam-budget-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.exam-budget-meta span,.exam-preview-chip-row span,.next-exam-chip-row span{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(212,175,55,.18);background:#18150d;color:#f4df9b;font-size:.72rem}.exam-preview-chip-row,.next-exam-chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.next-exam-shell-rich .next-exam-topics{margin-top:12px}.next-exam-shell-rich .next-exam-topics summary,.exam-topics-detail summary{cursor:pointer;color:#f2d067;font-size:.85rem}.exam-list-redesign{padding-bottom:16px}.basic-plan-ready,.basic-plan-result,.vip-plan-result{overflow:hidden}.basic-plan-day-chip,.basic-plan-distribution span,.basic-plan-stats span{min-width:0}.basic-plan-ready *{overflow-wrap:anywhere}
@media(max-width:720px){.vip-form-grid.basic-planner-settings,.basic-planner-settings{grid-template-columns:minmax(0,1fr)!important}.basic-planner-settings .field,.basic-planner-settings label,.basic-planner-settings input,.basic-planner-settings select,.basic-planner-settings button{width:100%;min-width:0;max-width:100%}.basic-plan-ready-head,.basic-plan-ready,.basic-plan-ready-head>div,.basic-plan-days,.basic-plan-stats,.basic-plan-distribution{min-width:0}.exam-budget-grid{grid-template-columns:1fr}}

/* V18.4.2 strategic budget tracks */
.exam-track-groups{display:grid;gap:12px;margin-top:10px}.exam-track-group{border:1px solid rgba(212,175,55,.2);border-radius:16px;padding:12px;background:linear-gradient(145deg,#12110d,#0f1013)}.exam-track-group.fast{border-color:rgba(87,160,255,.28);background:linear-gradient(145deg,#0d1320,#101113)}.exam-track-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.exam-track-head b{color:#f2d474}.exam-track-group.fast .exam-track-head b{color:#9fc8ff}.exam-track-head span{font-size:11px;color:#9fa3aa;padding:4px 8px;border:1px solid #30333a;border-radius:999px}.exam-track-group.fast .exam-budget-card{border-color:rgba(87,160,255,.2)}

/* V18.4.3 — flexible 1–14 day planner + next exam mode */
.basic-planner-settings label small{display:block;margin-top:7px;color:#9fa2aa;line-height:1.7}.basic-planner-settings .auto-hours-mode{border-color:rgba(214,173,58,.32);background:linear-gradient(145deg,rgba(214,173,58,.07),rgba(255,255,255,.01));border-radius:14px;padding:10px}.basic-planner-settings .auto-hours-mode input:disabled{opacity:1;color:#f2d16c;background:#17140d;border-color:#5a481d;cursor:not-allowed}.basic-planner-settings select option[value="next_exam"]{font-weight:700}.basic-plan-day-chip:has(+*){}@media(max-width:680px){.basic-planner-settings .auto-hours-mode{padding:9px}.basic-planner-settings select,.basic-planner-settings input{font-size:16px}}
.basic-plan-day-chip.exam-day{border-color:#d3af4c;background:linear-gradient(145deg,#241d0b,#121315);box-shadow:0 0 0 1px rgba(214,173,58,.16) inset}.basic-plan-day-chip.exam-day b,.basic-plan-day-chip.exam-day small{color:#f2d16c}.basic-plan-day-chip.omitted{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:#111216;color:#aaa}.basic-plan-day-chip.omitted b{font-size:24px;color:#d3af4c}


/* V18.4.4 — full-width primary cards + explicit exam-program audience */
.exam-program-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:10px 0 14px;padding:12px 14px;border-radius:15px;border:1px solid rgba(212,175,55,.28);background:linear-gradient(145deg,rgba(212,175,55,.08),rgba(255,255,255,.02));color:#d8d8dc}.exam-program-identity strong{color:#f0d16d}.exam-program-identity .identity-chips{display:flex;gap:7px;flex-wrap:wrap}.exam-program-identity .identity-chips span{padding:5px 9px;border-radius:999px;border:1px solid #3d3420;background:#15130d;color:#e9cb70;font-size:.72rem}.exam-grade-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;background:#18140d;border:1px solid rgba(212,175,55,.28);color:#f0d16d;font-size:.68rem;font-weight:800;margin-top:4px}
@media(max-width:760px){
  .app-container>.nav-tabs.nav-tabs-primary{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:6px!important;overflow:visible!important;padding:6px 0 9px!important;margin:10px 0 16px!important;box-sizing:border-box!important}
  .app-container>.nav-tabs.nav-tabs-primary .tab-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;max-width:none!important;padding:9px 4px!important;margin:0!important;white-space:normal!important;line-height:1.35!important;font-size:.74rem!important}
}
@media(max-width:410px){.app-container>.nav-tabs.nav-tabs-primary{gap:4px!important}.app-container>.nav-tabs.nav-tabs-primary .tab-btn{font-size:.69rem!important;padding:8px 2px!important}}


.rank-top-grid{margin-bottom:12px}.rank-section-card{margin:14px 0;padding:14px;border-radius:16px;background:linear-gradient(145deg,#14161b,#101116);border:1px solid #2f3138}.rank-section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.rank-section-head strong{color:#f1d56b;font-size:.9rem}.rank-section-head small{color:#9ea4b1;line-height:1.8}.historical-session-list b small{display:block;color:#9ea4b1;font-weight:600;margin-top:4px}
@media(max-width:650px){.rank-section-head{flex-direction:column}}


.rank-second-grid{margin-top:10px}.rank-actions{display:flex;gap:10px;align-items:center;margin:10px 0 14px;flex-wrap:wrap}.rank-diagnostics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.rank-diag-card{padding:14px;border-radius:16px;background:linear-gradient(145deg,#14161b,#101116);border:1px solid #2e3139}.rank-diag-card small{display:block;color:#8f96a3;font-size:11px;margin-bottom:7px}.rank-diag-card strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}.rank-diag-card span{display:block;color:#b8bec8;font-size:11px;line-height:1.9}.rank-advice-board{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 14px}.rank-advice-card{padding:14px;border-radius:16px;border:1px solid #30333a;background:linear-gradient(145deg,#14161b,#0f1115)}.rank-advice-card strong{display:block;font-size:14px;margin-bottom:7px}.rank-advice-card span{display:block;color:#c4cad4;font-size:12px;line-height:1.9}.rank-advice-card.good{border-color:rgba(91,197,126,.28)}.rank-advice-card.good strong{color:#96e4af}.rank-advice-card.warn{border-color:rgba(255,163,86,.28)}.rank-advice-card.warn strong{color:#ffc684}.rank-advice-card.neutral{border-color:rgba(214,181,74,.24)}.rank-advice-card.neutral strong{color:#f1d26c}.rank-recent-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0}.rank-recent-head strong{color:#f3d36f}.rank-recent-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.rank-recent-card{padding:14px;border-radius:16px;background:linear-gradient(145deg,#121419,#0d0f13);border:1px solid #292d34}.rank-recent-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px}.rank-recent-top strong{color:#fff;font-size:14px}.rank-recent-top span{color:#8f96a2;font-size:11px}.rank-recent-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:9px}.rank-recent-meta span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#171a20;border:1px solid #2a2e36;color:#d4af37;font-size:10px}.rank-recent-result b{display:block;color:#a5e6b6;margin-bottom:5px}.rank-recent-result small{display:block;color:#b8bec8;line-height:1.8}
@media(max-width:900px){.rank-diagnostics,.rank-recent-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.rank-advice-board,.rank-diagnostics,.rank-recent-list{grid-template-columns:1fr}.rank-recent-head{flex-direction:column;align-items:flex-start}}


.rank-visual-result{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin:14px 0;padding:16px;border-radius:22px;border:1px solid rgba(212,175,55,.34);background:radial-gradient(circle at top right,rgba(212,175,55,.12),transparent 42%),linear-gradient(145deg,#171712,#101216);box-shadow:0 18px 45px rgba(0,0,0,.22)}.rank-visual-result[hidden]{display:none!important}.rank-hero-main{padding:14px;border-radius:17px;background:linear-gradient(145deg,#19170f,#111318);border:1px solid rgba(212,175,55,.2)}.rank-hero-main small{display:block;color:#999faa;font-size:11px}.rank-hero-main strong{display:block;color:#f1d26c;font-size:38px;line-height:1.1;margin:8px 0}.rank-hero-main span{display:block;color:#c5cbd4;font-size:12px}.rank-hero-meter{display:flex;flex-direction:column;justify-content:center;padding:8px 6px}.rank-hero-meter-head{display:flex;justify-content:space-between;gap:10px;color:#b9c0ca;font-size:12px;margin-bottom:8px}.rank-hero-meter-head b{color:#fff}.rank-hero-meter>i{display:block;height:12px;border-radius:999px;overflow:hidden;background:#20242b;border:1px solid #2d323a}.rank-hero-meter>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e6f16,#d4af37,#f0d874);box-shadow:0 0 18px rgba(212,175,55,.35)}.rank-hero-meter small{color:#8f96a0;font-size:11px;margin-top:8px;line-height:1.8}.rank-influence-board{margin:0 0 14px;padding:14px;border-radius:18px;background:linear-gradient(145deg,#13161a,#0f1115);border:1px solid #2b2f37}.rank-influence-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:11px}.rank-influence-head strong{color:#f0d06b}.rank-influence-head span{color:#8f96a0;font-size:11px}.rank-influence-row{display:grid;grid-template-columns:minmax(180px,.9fr) 1.1fr;gap:12px;align-items:center;padding:9px 0;border-top:1px solid #23262d}.rank-influence-row:first-of-type{border-top:0}.rank-influence-row b{display:block;color:#fff;font-size:12px}.rank-influence-row small{display:block;color:#8e95a0;font-size:10px;margin-top:3px}.rank-influence-row>i{display:block;height:7px;border-radius:999px;background:#242830;overflow:hidden}.rank-influence-row>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6d5b22,#d4af37)}
@media(max-width:750px){.rank-visual-result{grid-template-columns:1fr}.rank-influence-row{grid-template-columns:1fr}.rank-influence-head{flex-direction:column;align-items:flex-start}.rank-hero-main strong{font-size:32px}}


.rank-compare-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin:18px 0 10px}.rank-compare-head strong{color:#f0d16a}.rank-compare-head small{color:#9197a2}.rank-scenario-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.rank-compare-card{padding:14px;border-radius:16px;border:1px solid #2c3037;background:linear-gradient(145deg,#12151a,#0e1014)}.rank-compare-card.best{border-color:rgba(83,199,123,.35);box-shadow:inset 0 0 0 1px rgba(83,199,123,.05)}.rank-compare-card>div:first-child{display:flex;justify-content:space-between;gap:8px}.rank-compare-card>div:first-child span{color:#fff;font-weight:800;font-size:12px}.rank-compare-card>div:first-child small{color:#7f8692;font-size:9px}.rank-compare-card>strong{display:block;color:#f0d16a;font-size:23px;margin:12px 0 5px}.rank-compare-card>p{margin:0;color:#9fa6b1;font-size:10px}.rank-compare-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.rank-compare-tags span{padding:5px 7px;border-radius:999px;background:#171a20;border:1px solid #2c3037;color:#aeb4bf;font-size:9px}.rank-compare-tags .good{color:#9ee6b1;border-color:rgba(83,199,123,.25);background:#101a13}.rank-compare-tags .bad{color:#ffb1bb;border-color:rgba(255,118,139,.25);background:#1d1115}.rank-compare-summary{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid #2d3037;border-radius:13px;background:#101217;color:#aeb4bd;font-size:11px}.rank-compare-summary b{color:#f0d16a}
@media(max-width:800px){.rank-scenario-compare{grid-template-columns:1fr}.rank-compare-summary{flex-direction:column}}


/* V18.20.2 — remove duplicate top navigation on mobile; bottom navigation is the single mobile nav. */
@media(max-width:760px){
  .app-container > nav.nav-tabs.nav-tabs-primary{
    display:none!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
}


/* V18.28.4 — expired subscription: enter dashboard, lock paid capabilities */
.subscription-expired-banner{margin:14px auto 4px;max-width:1180px;padding:14px 16px;border:1px solid rgba(255,197,74,.35);border-radius:16px;background:linear-gradient(135deg,rgba(80,49,7,.94),rgba(24,20,15,.96));display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.subscription-expired-banner>div{display:grid;gap:4px}.subscription-expired-banner strong{color:#ffd56d;font-size:1rem}.subscription-expired-banner span{color:#d7cfbd;line-height:1.75;font-size:.82rem}.subscription-feature-locked{position:relative!important;min-height:260px}.subscription-feature-locked>*:not(.subscription-lock-overlay){opacity:.26!important;filter:grayscale(.7) blur(.6px);pointer-events:none!important;user-select:none!important}.subscription-lock-overlay{position:absolute;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:26px 14px;background:linear-gradient(180deg,rgba(8,9,12,.68),rgba(8,9,12,.88));border-radius:inherit;pointer-events:auto}.subscription-lock-card{width:min(440px,calc(100% - 16px));padding:22px;text-align:center;border-radius:18px;border:1px solid rgba(255,211,101,.32);background:rgba(18,19,24,.96);box-shadow:0 18px 55px rgba(0,0,0,.4)}.subscription-lock-card>span{display:block;font-size:2rem}.subscription-lock-card h3{margin:8px 0;color:#ffd765}.subscription-lock-card p{margin:0 0 14px;color:#aeb5c3;line-height:1.9;font-size:.84rem}
@media(max-width:700px){.subscription-expired-banner{margin:10px 10px 2px;align-items:stretch;flex-direction:column}.subscription-expired-banner .btn{width:100%;text-align:center;justify-content:center}.subscription-lock-overlay{padding:14px 8px}.subscription-lock-card{padding:18px 14px}}