/* ═══════════════════════════════════════════════════════════════════════
   STYLE.CSS — Master Table of Contents
   Total: ~9,990 lines, organized in versioned sections (v40–v210)
   Each section is wrapped in a /* ═══ block. Search for section name.
   Note: Heavy use of !important due to legacy specificity wars.
   Future cleanup: consolidate v100+ sections into proper @layer base/
   components/utilities cascade.
   ═══════════════════════════════════════════════════════════════════════
*/

:root {
  --bg: #f5f8ff;
  --card: #ffffff;
  --text: #162033;
  --muted: #6b7280;
  --border: #e4ebf6;
  --navy: #0f172a;
  --navy-soft: #111c35;
  --shadow: 0 12px 35px rgba(15, 23, 42, 0.08);
  --green: #29c36a;
  --blue: #4c9bff;
  --yellow: #f5b700;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; min-height: 100%; }
body { font-family: 'Cairo', sans-serif; background: linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%); color: var(--text); overflow-x: hidden; }
.login-shell { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.login-card { width: 100%; max-width: 540px; background: rgba(255,255,255,.96); border-radius: 32px; padding: 36px; box-shadow: 0 20px 80px rgba(15,23,42,.14); }
.brand-mark { width: 68px; height: 68px; border-radius: 22px; display: grid; place-items: center; font-size: 28px; background: linear-gradient(135deg, #ffe58f, #ffc107); margin-bottom: 16px; }
.subtext { color: var(--muted); }
.demo-box { border: 1px dashed #cad7eb; padding: 16px; border-radius: 18px; background: #f8fbff; }
.btn-solar { background: linear-gradient(135deg, #ffd666, #ffb300); border: none; color: #111; font-weight: 800; border-radius: 16px; padding: 12px 18px; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 280px minmax(0, 1fr); transition: grid-template-columns .25s ease; }
.app-shell.sidebar-collapsed { grid-template-columns: 96px minmax(0, 1fr); }
.sidebar { background: linear-gradient(180deg, var(--navy) 0%, var(--navy-soft) 100%); color: #fff; padding: 24px 18px; display: flex; flex-direction: column; justify-content: space-between; }
.brand-row { display: flex; gap: 14px; align-items: center; }
.brand-icon { width: 56px; height: 56px; border-radius: 18px; display: grid; place-items: center; font-size: 24px; background: rgba(255,255,255,.12); }
.nav-menu { display: flex; flex-direction: column; gap: 10px; }
.nav-menu a { color: #d9e2f1; text-decoration: none; padding: 13px 15px; border-radius: 16px; }
.nav-menu a.active, .nav-menu a:hover { background: rgba(255,255,255,.10); color: #fff; }
.sidebar-footer { display: grid; gap: 12px; }
.app-shell.sidebar-collapsed .brand-row h4, .app-shell.sidebar-collapsed .brand-row small, .app-shell.sidebar-collapsed .nav-menu a { display: none; }
.content-area { padding: 26px; min-width: 0; }
.topbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; }
.topbar-main { display: flex; gap: 14px; align-items: center; }
.topbar h1 { margin: 0; font-size: 2rem; font-weight: 800; }
.topbar p { color: var(--muted); }
.sidebar-toggle { border: none; width: 48px; height: 48px; border-radius: 16px; background: #fff; box-shadow: var(--shadow); font-size: 22px; }
.hero-grid { margin-top: 16px; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 16px; }
.hero-card, .stat-card, .panel-card, .flow-card { background: var(--card); border: 1px solid var(--border); border-radius: 24px; box-shadow: var(--shadow); }
.hero-status { padding: 24px; display: flex; justify-content: space-between; align-items: center; background: linear-gradient(135deg, #fff6cf 0%, #fff 100%); }
.hero-status h2 { margin: 8px 0; font-size: 2rem; }
.tag-soft { display: inline-block; background: #fff1ba; padding: 6px 12px; border-radius: 999px; }
.hero-badge { width: 78px; height: 78px; border-radius: 24px; display: grid; place-items: center; font-size: 34px; background: #fff; }
.hero-kpi { padding: 22px; display: grid; gap: 8px; color: #fff; }
.hero-kpi strong { font-size: 1.7rem; }
.hero-kpi.solar { background: linear-gradient(135deg, #54d4c8, #58c3d8); }
.hero-kpi.blue { background: linear-gradient(135deg, #59b5ff, #5186d0); }
.hero-kpi.yellow { background: linear-gradient(135deg, #ffc92b, #f5b700); color: #1b1b1b; }
.hero-kpi.week { background: linear-gradient(135deg, #8b5cf6, #6d5efc); color: #fff; }
.cards-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.stat-card { padding: 18px 20px; display: grid; gap: 8px; }
.stat-card span { color: var(--muted); }
.stat-card strong { font-size: 1.6rem; }
.section-head { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 14px; }
.section-head h3 { margin: 0; font-weight: 800; }
.section-head small { color: var(--muted); }
.flow-card { padding: 22px; }
.energy-flow-grid { position: relative; min-height: 360px; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: 22px; align-items: center; justify-items: center; }
.flow-node { width: 180px; min-height: 118px; border-radius: 24px; padding: 18px; background: linear-gradient(180deg, #fff, #f8fbff); border: 1px solid var(--border); display: grid; place-items: center; text-align: center; z-index: 2; }
.flow-node .emoji { font-size: 32px; }
.flow-node .title { color: var(--muted); font-weight: 700; }
.flow-node .value { font-size: 1.2rem; font-weight: 800; }
.flow-node .sub { color: var(--muted); }
.solar-node { grid-column: 1; grid-row: 1; }
.inverter-node { grid-column: 2; grid-row: 2; }
.home-node { grid-column: 3; grid-row: 2; }
.battery-node { grid-column: 1; grid-row: 3; }
.grid-node { grid-column: 3; grid-row: 3; }
.flow-line { position: absolute; height: 4px; background: linear-gradient(90deg, #d1d9e6, #d1d9e6); border-radius: 999px; overflow: hidden; z-index: 1; }
.flow-line::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, #54d4c8, #4c9bff, #54d4c8); transform: translateX(-100%); }
.flow-line.active::after { animation: moveFlow 1.6s linear infinite; }
.flow-line.reverse::after { animation: moveFlowReverse 1.6s linear infinite; }
.line-solar-inverter { width: 180px; top: 92px; right: calc(50% + 90px); transform: rotate(35deg); }
.line-inverter-home { width: 180px; top: 167px; right: calc(50% - 90px); }
.line-inverter-battery { width: 180px; top: 238px; right: calc(50% + 90px); transform: rotate(-35deg); }
.line-grid-home { width: 180px; top: 240px; left: 110px; transform: rotate(35deg); }
@keyframes moveFlow { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes moveFlowReverse { from { transform: translateX(100%); } to { transform: translateX(-100%); } }
.flow-metrics { margin-top: 14px; display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; }
.flow-metrics > div { background: #f8fbff; border: 1px solid var(--border); border-radius: 16px; padding: 12px; text-align: center; }
.charts-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; }
.panel-card { padding: 20px; }
.log-list { display: grid; gap: 12px; }
.log-item { border: 1px solid var(--border); border-radius: 18px; padding: 14px; }
.log-item.success { border-right: 5px solid #22c55e; }
.log-item.danger { border-right: 5px solid #ef4444; }
.log-item.info { border-right: 5px solid #3b82f6; }
.settings-form { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.settings-form label { display: block; margin-bottom: 6px; font-weight: 700; }
.settings-actions { grid-column: 1 / -1; }
.json-box { direction: ltr; text-align: left; background: #0f172a; color: #e5e7eb; border-radius: 14px; padding: 16px; font-size: .9rem; overflow: auto; }
.empty-state { padding: 28px; color: var(--muted); text-align: center; }
@media (max-width: 1300px) { .hero-grid { grid-template-columns: 1fr 1fr; } .cards-grid, .flow-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); } .charts-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .app-shell, .app-shell.sidebar-collapsed { grid-template-columns: 1fr; } .sidebar { display: none; } .hero-grid, .cards-grid, .flow-metrics, .settings-form { grid-template-columns: 1fr; } .energy-flow-grid { grid-template-columns: 1fr; grid-template-rows: auto; min-height: auto; } .flow-node { width: 100%; max-width: 280px; grid-column: auto !important; grid-row: auto !important; } .flow-line { display: none; } .topbar { flex-direction: column; align-items: stretch; } }


.stat-highlight {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.stat-card small {
  color: var(--muted);
  font-size: .9rem;
}
.flow-head {
  margin-bottom: 22px;
}
.flow-stage {
  position: relative;
  min-height: 520px;
  border-radius: 28px;
  background: radial-gradient(circle at top, #f8fbff 0%, #f4f8ff 60%, #f2f6fd 100%);
  border: 1px solid var(--border);
  overflow: hidden;
}
.card-glass {
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(8px);
  box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}
.focus-node {
  transform: scale(1.04);
  box-shadow: 0 20px 50px rgba(76, 155, 255, .14);
}
.flow-stage .flow-node {
  position: absolute;
  width: 184px;
  min-height: 126px;
}
.flow-stage .solar-node {
  top: 42px;
  left: 50%;
  transform: translateX(-50%);
}
.flow-stage .inverter-node {
  top: 188px;
  left: 50%;
  transform: translateX(-50%);
}
.flow-stage .grid-node {
  top: 188px;
  left: 48px;
}
.flow-stage .home-node {
  top: 188px;
  right: 48px;
}
.flow-stage .battery-node {
  bottom: 42px;
  left: 50%;
  transform: translateX(-50%);
}
.flow-stage .flow-line {
  position: absolute;
  height: 6px;
  background: linear-gradient(90deg, #d7e1ef, #d7e1ef);
  border-radius: 999px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7);
}
.flow-stage .flow-line::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(84,212,200,0) 0%, rgba(84,212,200,1) 45%, rgba(76,155,255,1) 100%);
  transform: translateX(-100%);
}
.flow-stage .flow-line.active::before {
  animation: moveFlow 1.8s linear infinite;
}
.flow-stage .flow-line.reverse::before {
  animation: moveFlowReverse 1.8s linear infinite;
}
.flow-stage .line-solar-inverter {
  width: 6px;
  height: 86px;
  top: 144px;
  left: calc(50% - 3px);
}
.flow-stage .line-inverter-home {
  width: 210px;
  top: 248px;
  right: 232px;
}
.flow-stage .line-grid-inverter {
  width: 210px;
  top: 248px;
  left: 232px;
}
.flow-stage .line-inverter-battery {
  width: 6px;
  height: 92px;
  top: 312px;
  left: calc(50% - 3px);
}
.flow-metrics-compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flow-metrics-compact > div {
  display: grid;
  gap: 6px;
  text-align: center;
}
.flow-metrics-compact span {
  color: var(--muted);
  font-size: .9rem;
}
.flow-metrics-compact strong {
  font-size: 1.05rem;
}
@media (max-width: 1200px) {
  .flow-stage {
    min-height: 660px;
  }
  .flow-stage .grid-node {
    top: 210px;
    left: 20px;
  }
  .flow-stage .home-node {
    top: 210px;
    right: 20px;
  }
  .flow-stage .line-inverter-home {
    width: 170px;
    right: 214px;
  }
  .flow-stage .line-grid-inverter {
    width: 170px;
    left: 214px;
  }
}
@media (max-width: 900px) {
  .flow-stage {
    min-height: auto;
    padding: 18px;
    display: grid;
    gap: 16px;
  }
  .flow-stage .flow-node {
    position: static;
    transform: none !important;
    width: 100%;
    max-width: none;
  }
  .flow-stage .flow-line {
    display: none;
  }
  .flow-metrics-compact {
    grid-template-columns: 1fr;
  }
}

.mode-strip { display:grid; grid-template-columns: repeat(4, max-content); gap:10px; margin-bottom:18px; align-items:center; }
.mode-pill { background:#eef4ff; color:#38527a; padding:10px 16px; border-radius:999px; font-weight:700; border:1px solid var(--border); }
.mode-pill.active { background:linear-gradient(135deg,#0f172a,#203152); color:#fff; }
.soft-warning { background:linear-gradient(180deg,#fffaf0,#ffffff); border:1px solid #f3d38e; }
@media (max-width:900px){ .mode-strip{ grid-template-columns:1fr 1fr; } }


.insight-grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.battery-insight-card { padding:20px; }
.mini-kpi-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.mini-kpi-grid > div { background:#f8fbff; border:1px solid var(--border); border-radius:18px; padding:14px; display:grid; gap:6px; }
.mini-kpi-grid span { color:var(--muted); font-size:.92rem; }
.mini-kpi-grid strong { font-size:1.1rem; }
.battery-api-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.smoother-flow { background: radial-gradient(circle at 50% 15%, #fbfdff 0%, #f5f9ff 55%, #eff4fc 100%); }
.smoother-flow .flow-node { transition: transform .25s ease, box-shadow .25s ease; }
.smoother-flow .flow-node:hover { transform: translateY(-2px); }
@media (max-width: 1200px) { .insight-grid, .battery-api-grid { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .insight-grid, .mini-kpi-grid, .battery-api-grid { grid-template-columns: 1fr; } }


.stats-hero-grid { grid-template-columns: 1fr 1fr 1fr 2fr; }
.stats-summary-grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.stats-mini-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stats-month-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.stats-charts-grid { grid-template-columns: 1fr; }
.mini-kpi-grid { display:grid; gap:16px; }
.mini-kpi-grid > div { background:#f8fbff; border:1px solid var(--border); border-radius:18px; padding:14px; display:grid; gap:8px; }
.mini-kpi-grid span { color: var(--muted); }
.mini-kpi-grid strong { font-size: 1.2rem; }
@media (max-width: 1100px) {
  .stats-summary-grid, .insight-grid { grid-template-columns: 1fr; }
  .stats-mini-grid, .stats-month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .stats-hero-grid, .stats-summary-grid, .insight-grid { grid-template-columns: 1fr; }
  .stats-mini-grid, .stats-month-grid { grid-template-columns: 1fr; }
}

.stats-filter-bar { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:center; }
.stats-tabs { display:flex; gap:10px; flex-wrap:wrap; }
.stats-date-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.stats-date-input { min-width: 180px; }
.one-chart-grid { grid-template-columns: 1fr; }
@media (max-width:900px){ .stats-filter-bar{ flex-direction:column; align-items:stretch;} .stats-date-actions{ justify-content:stretch;} .stats-date-actions > *{ flex:1 1 auto;} }


.stats-top-card { padding: 16px 18px; }
.stats-toolbar { display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.stats-view-switch { display:flex; gap:10px; }
.stats-view-btn { border:none; background:#edf2fb; color:var(--text); padding:10px 18px; border-radius:14px; font-weight:800; }
.stats-view-btn.active { background:var(--navy); color:#fff; }
.stats-range-nav { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.nav-date-btn { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; text-decoration:none; background:#f3f6fc; color:var(--text); border:1px solid var(--border); }
.stats-date-input { min-width:170px; border-radius:14px; }
.stats-hero-4 { grid-template-columns: 1fr 1fr 1fr 1.8fr; }
.two-chart-grid { grid-template-columns: 1.2fr .8fr; }
.stats-period-chip { background:#eef3fb; padding:6px 10px; border-radius:999px; display:inline-block; }
.stats-pretty-table thead th { white-space:nowrap; }
.stats-pretty-table tbody tr:nth-child(even) { background:#fbfdff; }
.battery-api-grid > div { min-height: 104px; }
@media (max-width: 1200px) { .stats-hero-4 { grid-template-columns: 1fr 1fr; } .two-chart-grid { grid-template-columns:1fr; } }
@media (max-width: 900px) { .stats-toolbar,.stats-range-nav { flex-direction:column; align-items:stretch; } .stats-view-switch { justify-content:stretch; } .stats-view-btn { flex:1; } .stats-hero-4 { grid-template-columns:1fr; } }

/* V10 additions */
.deye-flow-card { padding: 22px; }
.flow-chip { background:#f3f6fb; border:1px solid var(--border); border-radius:999px; padding:10px 14px; color:#48566f; font-weight:700; }
.deye-flow-stage { position:relative; min-height:520px; border-radius:28px; background:linear-gradient(180deg,#fff 0%,#f7f9fd 100%); border:1px solid var(--border); overflow:hidden; }
.deye-flow-stage .flow-box { position:absolute; z-index:2; width:130px; min-height:96px; border-radius:20px; background:#fff; border:1px solid var(--border); box-shadow:0 12px 30px rgba(15,23,42,.07); display:grid; place-items:center; text-align:center; padding:14px; }
.deye-flow-stage .flow-box .icon-wrap { width:48px; height:48px; display:grid; place-items:center; border-radius:16px; background:#f8fbff; font-size:24px; margin-bottom:8px; }
.deye-flow-stage .flow-box .flow-title { color:#6b7280; font-weight:700; }
.deye-flow-stage .flow-box .flow-value { font-size:1.35rem; font-weight:800; }
.deye-flow-stage .flow-box .flow-state { font-size:.95rem; color:#ef4444; }
.deye-flow-stage .flow-box .flow-state.muted { color:#94a3b8; }
.deye-flow-stage .flow-box.solar { top:70px; left:42px; }
.deye-flow-stage .flow-box.grid { top:70px; right:42px; }
/* v93u + v93v — Generator sits horizontally centered on the top
   row, exactly aligned with Panels (top-left) and Grid (top-right).
   Both Panels and Grid carry the `.highlight` class which adds a
   3px outer glow that visually lifts them by ~3px; without it the
   generator looked ~3px below the others. We keep `top:70px` (same
   as solar/grid) and `.flow-box.generator` shares the highlight
   styling via the HTML class. The short vertical line in the SVG
   (`#generatorTrack`) connects its bottom edge to the inverter's
   top. */
.deye-flow-stage .flow-box.generator { top:70px; left:calc(50% - 65px); }
.deye-flow-stage .flow-box.inverter { top:220px; left:calc(50% - 65px); }
.deye-flow-stage .flow-box.home { bottom:72px; left:calc(50% - 65px); }
.deye-flow-stage .flow-box.battery { bottom:72px; left:42px; }
.deye-flow-stage .flow-box.highlight { box-shadow:0 0 0 3px rgba(47,108,224,.20),0 18px 40px rgba(15,23,42,.08); }
.deye-flow-stage .soc-tag { position:absolute; top:10px; right:10px; background:#f0f6ff; color:#2f6ce0; border-radius:999px; padding:4px 8px; font-weight:700; font-size:.9rem; }
.flow-svg { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.dash-path { fill:none; stroke:rgba(51,51,51,.55); stroke-width:2; stroke-dasharray:7 7; stroke-linecap:round; }
.flow-dot { fill:#1877f2; filter:drop-shadow(0 0 6px rgba(24,119,242,.45)); opacity:0; }
.flow-dot.active { opacity:1; }
.compact-battery-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.stats-toolbar-v10 { padding:18px 20px; }
.stats-toolbar-grid { display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; }
.segmented-control { display:flex; gap:8px; flex-wrap:wrap; }
.seg-btn { border:1px solid var(--border); background:#f7faff; color:#42506a; border-radius:999px; padding:12px 18px; font-weight:800; }
.seg-btn.active { background:linear-gradient(135deg,#1e3a8a,#2563eb); color:#fff; }
.period-picker { display:flex; gap:10px; align-items:center; }
.nav-date-btn { width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:#f7faff; border:1px solid var(--border); text-decoration:none; color:#0f172a; font-size:1.4rem; }
.stats-date-input { min-width:180px; border-radius:14px; }
.stats-header-cards { margin-top:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.stats-summary-card { color:#fff; padding:20px; border-radius:24px; display:grid; gap:8px; box-shadow:var(--shadow); }
.stats-summary-card strong { font-size:1.7rem; }
.stats-summary-card.aqua { background:linear-gradient(135deg,#4fd7d0,#49b8e3); }
.stats-summary-card.blue { background:linear-gradient(135deg,#5ab0ff,#4d7ed8); }
.stats-summary-card.navy { background:linear-gradient(135deg,#203152,#0f172a); }
.stats-summary-card.amber { background:linear-gradient(135deg,#ffcf4a,#f5b700); color:#172033; }
.stats-layout-v10 { display:grid; grid-template-columns:1.35fr .85fr; gap:16px; }
.stats-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:12px; }
.stats-panel-head h3 { margin:0; font-weight:800; }
.stats-panel-head small { color:var(--muted); }
.stats-legend-inline { display:flex; gap:12px; color:#64748b; font-size:.95rem; flex-wrap:wrap; }
.dot { width:10px; height:10px; border-radius:50%; display:inline-block; margin-left:4px; }
.dot.green { background:#22c55e; }
.dot.orange { background:#f59e0b; }
.dot.blue { background:#3b82f6; }
.dot.navy { background:#1e3a8a; }
.stats-modern-table thead th { color:#64748b; font-weight:800; white-space:nowrap; }
.stats-pill { display:inline-block; padding:7px 12px; background:#f4f7fc; border:1px solid var(--border); border-radius:999px; font-weight:700; }
.stats-modern-table tbody tr:hover { background:#fafcff; }
.mini-kpi-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mini-kpi-grid > div { border:1px solid var(--border); background:#f8fbff; border-radius:18px; padding:16px; display:grid; gap:8px; }
.mini-kpi-grid span { color:var(--muted); }
.mini-kpi-grid strong { font-size:1.2rem; }
@media (max-width:1200px) { .stats-header-cards,.compact-battery-grid,.mini-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .stats-layout-v10 { grid-template-columns:1fr; } }
@media (max-width:900px) {
  .stats-toolbar-grid { grid-template-columns:1fr; }
  .period-picker { display:grid; }
  .stats-header-cards,.compact-battery-grid,.mini-kpi-grid { grid-template-columns:1fr; }
  .deye-flow-stage { min-height:660px; }
  .deye-flow-stage .flow-box.solar { top:40px; left:24px; }
  .deye-flow-stage .flow-box.grid { top:40px; right:24px; }
  .deye-flow-stage .flow-box.inverter { top:220px; left:calc(50% - 65px); }
  .deye-flow-stage .flow-box.battery { bottom:80px; left:24px; }
  /* v93u — On narrow screens we keep the generator in the same
     top row as Panels (left:24) and Grid (right:24), so the
     three top-row cards sit side-by-side without overlapping
     either each other (solar ends ≈ x=154; grid starts ≈
     x=container-154; generator is centred between them) or
     the inverter (top:220px sits well below this row's
     bottom edge at y=136). */
  .deye-flow-stage .flow-box.generator { top:40px; left:calc(50% - 65px); }
}

/* V12 notifications */
.notification-stack { display:block; }
.notify-grid, .notify-two-col { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.notify-card { border:1px solid var(--border); border-radius:22px; padding:18px; background:linear-gradient(180deg,#fff,#f9fbff); }
.notify-card.telegram { box-shadow:0 10px 30px rgba(59,130,246,.08); }
.notify-card.sms { box-shadow:0 10px 30px rgba(245,158,11,.08); }
.form-grid-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.form-grid-two .full { grid-column:1 / -1; }
.helper-box { background:#f6f9ff; border:1px dashed #cdd8ea; border-radius:16px; padding:12px 14px; color:#58667f; margin-top:12px; }
.helper-box.compact { margin-top:0; }
.settings-inline-row { display:flex; gap:16px; align-items:end; flex-wrap:wrap; }
.switch-row { display:flex; align-items:center; gap:10px; background:#f7fbff; border:1px solid var(--border); padding:12px 16px; border-radius:16px; font-weight:700; }
.inline-field { min-width:220px; }
.inline-field.grow { flex:1; }
.threshold-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:12px; }
.threshold-card { border:1px solid var(--border); background:#fff; border-radius:18px; padding:14px; display:grid; gap:10px; }
.threshold-card.good { background:linear-gradient(180deg,#f8fffb,#fff); }
.threshold-card.warn { background:linear-gradient(180deg,#fffaf6,#fff); }
.threshold-card.soft { background:linear-gradient(180deg,#f8fbff,#fff); }
.threshold-title { font-weight:800; color:#203152; }
.night-grid { display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; }
.save-bar { display:flex; justify-content:flex-start; }
@media (max-width:1100px){ .threshold-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); } .notify-grid,.notify-two-col{ grid-template-columns:1fr; } }
@media (max-width:900px){ .form-grid-two,.night-grid,.threshold-grid{ grid-template-columns:1fr; } .stack-mobile{ flex-direction:column; align-items:stretch; } .save-bar .btn{ width:100%; } }

.weather-panel{background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--border);}
.weather-now{display:flex;align-items:center;gap:12px}.weather-icon{font-size:2rem}.weather-forecast-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.weather-tile{background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:14px;display:grid;gap:6px}.weather-tile span{color:#64748b;font-size:.9rem}.weather-tile strong{font-size:1rem}
.notify-grid,.notify-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.notify-card,.soft-inset{background:#f8fbff;border:1px solid var(--border);border-radius:20px;padding:18px}.notification-stack .helper-box{border:1px dashed #cfe0ff;background:#f8fbff;border-radius:16px;padding:12px;color:#4b5563}.notification-stack .helper-box.compact{padding:10px}.form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid-two .full{grid-column:1/-1}.settings-inline-row{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.settings-inline-row .grow{flex:1 1 260px}.switch-row{display:flex;align-items:center;gap:10px;font-weight:700}.threshold-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.threshold-card{background:#f8fbff;border:1px solid var(--border);border-radius:18px;padding:12px}.threshold-card.good{border-color:#c9f2da}.threshold-card.warn{border-color:#ffe0b2}.threshold-card.soft{border-color:#dbe7ff}.threshold-title{font-weight:800;margin-bottom:8px}.save-bar{display:flex;justify-content:flex-end}.log-list{display:grid;gap:12px}.log-item{padding:14px;border-radius:16px;border:1px solid var(--border);background:#fff}.log-item.success{border-color:#c9f2da;background:#f3fcf6}.log-item.danger{border-color:#fecaca;background:#fff5f5}.json-box{white-space:pre-wrap;background:#0f172a;color:#e2e8f0;padding:12px;border-radius:12px;direction:ltr;text-align:left}.deye-flow-stage .flow-box{width:112px;min-height:88px;padding:12px;border-radius:18px}.deye-flow-stage .flow-box .icon-wrap{width:42px;height:42px;font-size:21px;margin-bottom:6px}.deye-flow-stage .flow-box .flow-value{font-size:1.05rem}.deye-flow-stage .flow-box .flow-title{font-size:1rem}.deye-flow-stage .soc-tag{font-size:.8rem;padding:3px 7px} @media (max-width:1100px){.weather-forecast-grid,.notify-grid,.notify-two-col,.threshold-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deye-flow-stage{min-height:580px}.deye-flow-stage .flow-box{width:104px}} @media (max-width:768px){.weather-forecast-grid,.notify-grid,.notify-two-col,.threshold-grid,.form-grid-two{grid-template-columns:1fr}.deye-flow-stage{min-height:700px;overflow-x:auto}.deye-flow-stage .flow-box.solar{top:72px;left:76px}.deye-flow-stage .flow-box.grid{top:72px;right:76px}.deye-flow-stage .flow-box.inverter{top:208px;left:calc(50% - 76px)}.deye-flow-stage .flow-box.battery{bottom:62px;left:76px}.deye-flow-stage .flow-box.home{bottom:62px;right:76px;left:auto}}

.report-hero-grid,
.report-kpi-grid,
.battery-lab-grid {
  display: grid;
  gap: 16px;
}
.report-hero-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.report-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.report-hero-card {
  background: var(--card);
  border-radius: 24px;
  padding: 22px;
  border: 1px solid var(--border);
  box-shadow: 0 8px 30px rgba(31, 41, 55, 0.05);
  display: grid;
  gap: 8px;
}
.report-hero-card span,
.kpi-large span,
.battery-metric span,
.battery-insight-list span,
.weather-grid-mini span {
  color: var(--muted);
}
.report-hero-card strong,
.kpi-large strong,
.battery-metric strong,
.battery-insight-list strong,
.weather-grid-mini strong {
  font-size: 1.4rem;
  font-weight: 800;
}
.report-hero-card small { color: var(--muted); }
.accent-aqua { background: linear-gradient(135deg, rgba(34,211,238,.12), #fff); }
.accent-blue { background: linear-gradient(135deg, rgba(59,130,246,.12), #fff); }
.accent-indigo { background: linear-gradient(135deg, rgba(99,102,241,.12), #fff); }
.accent-amber { background: linear-gradient(135deg, rgba(245,158,11,.12), #fff); }
.kpi-large {
  padding: 20px;
  display: grid;
  gap: 8px;
}
.report-side-stack { display: grid; gap: 16px; }
.report-weather-card, .report-ratio-card { min-height: 250px; }
.report-weather-top { display:flex; justify-content:space-between; gap:12px; align-items:center; }
.weather-chip {
  background: #eef5ff;
  color: #1d4ed8;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
}
.weather-grid-mini {
  margin-top: 18px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.weather-grid-mini > div,
.battery-metric,
.battery-insight-list > div {
  background: #fafcff;
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 16px;
  display: grid;
  gap: 6px;
}
.battery-lab-grid { grid-template-columns: 2fr 1fr; }
.battery-metric-grid { display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:14px; }
/* v93t — pack operating-indicator rows two-per-row so the panel
   doesn't waste vertical space when the page is wide. Collapses
   to one column on narrow screens via the existing media queries
   below. */
.battery-insight-list { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
/* v93q — operating-indicators reorg accents.
   * flow-charging: green tint on +W (battery is gaining energy)
   * flow-discharging: amber tint on -W (battery is losing energy)
   * diag-note: warm sand background for low-priority advisory
                rows (relay-Break notice, Deye station echo). */
.battery-insight-list strong.flow-charging { color: #0e7c4a; }
.battery-insight-list strong.flow-discharging { color: #b45309; }
.battery-insight-list > div.diag-note {
  background: #fff8ec;
  border-color: #fbd38d;
}
.battery-insight-list > div.diag-note span { color: #92400e; font-weight: 600; }
.battery-insight-list > div.diag-note strong { font-size: 0.92rem; line-height: 1.45; }
.battery-badge {
  background: #eefbf3;
  color: #15803d;
  padding: 8px 14px;
  border-radius: 999px;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .report-hero-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .report-kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .battery-lab-grid { grid-template-columns: 1fr; }
  .battery-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .report-hero-grid, .report-kpi-grid, .battery-metric-grid, .weather-grid-mini { grid-template-columns: 1fr; }
}
/* v93t — operating-indicators stays at 2 columns until the
   screen is genuinely too narrow (under ~440 px). On phones
   400-600 px wide the two-column pack is exactly what the
   owner asked for — no wasted vertical space. */
@media (max-width: 440px) {
  .battery-insight-list { grid-template-columns: 1fr; }
}


.hero-grid-four{grid-template-columns:repeat(4,minmax(0,1fr));}
.hero-kpi.navy{background:linear-gradient(135deg,#0f172a,#203152); color:#fff;}
.hero-kpi small{font-size:.9rem; opacity:.9}
.overview-combo{display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:center; padding:20px;}
.overview-text{min-width:0}
.overview-flow{display:flex; justify-content:center}
.mini-flow-card{position:relative; width:100%; max-width:360px; height:220px; background:linear-gradient(180deg,#f8fbff,#f4f8ff); border:1px solid var(--border); border-radius:24px; overflow:hidden}
.mini-flow-node{position:absolute; width:92px; min-height:62px; border-radius:18px; background:#fff; border:1px solid var(--border); box-shadow:var(--shadow); display:grid; place-items:center; gap:4px; padding:8px; font-size:12px; font-weight:700}
.mini-flow-node span{color:var(--muted); font-size:11px}
.mini-flow-node.solar{top:18px; left:16px}
.mini-flow-node.inv{top:75px; left:132px}
.mini-flow-node.home{top:75px; right:16px}
.mini-flow-node.battery{bottom:18px; left:132px}
.mini-flow-line{position:absolute; height:4px; border-radius:999px; background:#d7e1ef; overflow:hidden}
.mini-flow-line::after{content:''; position:absolute; inset:0; background:linear-gradient(90deg,#54d4c8,#4c9bff,#54d4c8); transform:translateX(-100%)}
.mini-flow-line.active::after{animation:moveFlow 1.7s linear infinite}
.mini-flow-line.reverse::after{animation:moveFlowReverse 1.7s linear infinite}
.mini-flow-line.line-a{width:112px; top:96px; left:92px}
.mini-flow-line.line-b{width:4px; height:64px; top:122px; left:177px}
.mini-flow-line.line-c{width:112px; top:96px; left:220px}
@media (max-width: 1100px){.overview-combo{grid-template-columns:1fr}.hero-grid-four{grid-template-columns:1fr 1fr}}
@media (max-width: 900px){.hero-grid-four{grid-template-columns:1fr}.mini-flow-card{max-width:none}}

.sunset-advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.advice-tile strong{font-size:1.1rem}
.advice-tile small{line-height:1.8}
@media (max-width: 900px){
  .sunset-advice-grid{grid-template-columns:1fr}
}


/* ===== V17.1 refresh ===== */
.top-scroll-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;padding-bottom:4px}.top-scroll-cards .hero-card{min-width:0;width:100%}.top-kpis-row .hero-kpi{min-height:166px;align-content:start}.hero-kpi strong{font-size:2.4rem;line-height:1.05}.hero-kpi small{font-size:1rem;color:#64748b}.state-good{background:linear-gradient(135deg,#effaf3,#f7fffb)}.state-info{background:linear-gradient(135deg,#eef5ff,#f7fbff)}.state-warn{background:linear-gradient(135deg,#fff7ec,#fffdf7)}
.overview-shell{display:grid;grid-template-columns:minmax(420px,2fr) minmax(320px,1fr);gap:18px;align-items:start}.overview-side{display:grid;gap:12px}.side-stat-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:16px 18px;display:grid;gap:6px;min-height:120px;box-shadow:0 8px 18px rgba(15,23,42,.035)}.side-stat-card span{color:#7b8798;font-size:.92rem;font-weight:700}.side-stat-card strong{font-size:1.5rem;color:#13254a;line-height:1.2}.side-stat-card small{color:#94a3b8;font-size:.92rem;line-height:1.5}
.modern-flow{min-height:520px;min-width:900px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);overflow-x:auto}.modern-flow .flow-box{width:152px;min-height:126px;border-radius:28px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.modern-flow .flow-box .icon-wrap{width:50px;height:50px;border-radius:18px;background:#f8fbff;display:grid;place-items:center;font-size:26px}.modern-flow .flow-box .flow-value{font-size:1.25rem;font-weight:800;color:#14284d;line-height:1.15;text-align:center}.modern-flow .flow-box .flow-title{font-size:1rem;color:#6b7280}.modern-flow .flow-box .flow-state{font-size:.95rem}.modern-flow .flow-box.solar{top:72px;left:76px}.modern-flow .flow-box.grid{top:72px;right:76px}.modern-flow .flow-box.inverter{top:208px;left:calc(50% - 76px)}.modern-flow .flow-box.battery{bottom:62px;left:76px}.modern-flow .flow-box.home{bottom:62px;right:76px}.flow-path{fill:none;stroke:#d5deed;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.flow-path.active{stroke:url(#flowBlue);stroke-dasharray:18 16;animation:flowMove 1.3s linear infinite}.flow-path.muted{stroke:#b9c3d1}.flow-path.reverse{animation-direction:reverse}@keyframes flowMove{to{stroke-dashoffset:-68}}
.weather-smart-panel{display:grid;grid-template-columns:1.1fr 1.4fr;gap:20px;align-items:start}.weather-left{display:grid;gap:14px}.weather-right{display:grid;gap:14px}.weather-status-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-weight:800}.weather-status-chip.success,.weather-status-chip.good{background:#eaf8f0;color:#157347}.weather-status-chip.warning{background:#fff3dd;color:#b26a00}.weather-status-chip.danger{background:#fde8e8;color:#c23a3a}.weather-big-title{font-size:3rem;font-weight:800;line-height:1.05;color:#13254a}.weather-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-box,.advice-box,.weather-now-card,.weather-slot{background:#fff;border:1px solid var(--border);border-radius:24px;padding:18px}.info-box span,.advice-box span{display:block;color:#7a8698;font-size:1rem;margin-bottom:8px}.info-box strong{display:block;font-size:2rem;color:#13254a;line-height:1.2}.advice-box strong{display:block;font-size:1.8rem;color:#13254a}.advice-box p{margin:6px 0 0;color:#6b7280;font-size:1.05rem}.advice-box.blue{background:#f7fbff}.advice-box.amber{background:#fffaf2;border-color:#f1d9aa}.weather-now-card{display:flex;align-items:center;justify-content:space-between}.weather-now-temp{font-size:3rem;font-weight:800;color:#13254a}.weather-now-text{font-size:1.2rem;color:#607089}.weather-now-icon{font-size:3rem}.weather-timeline{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:12px}.weather-slot{text-align:center;display:grid;gap:6px;align-content:start}.weather-slot span{color:#6b7280;font-size:1rem}.weather-slot .wx-icon{font-size:2rem}.weather-slot strong{font-size:2rem;color:#13254a}.weather-slot .slot-status{font-size:1.05rem;color:#45566f}.weather-slot small{color:#6b7280}.weather-slot em{font-style:normal;color:#2f6ce0;font-weight:700;font-size:.95rem}
.balanced-charts{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr);gap:18px}.chart-card{background:#fbfdff;border:1px solid var(--border);border-radius:24px;padding:18px;min-width:0;overflow:hidden}.chart-title{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:1rem;font-weight:700;color:#13254a;margin-bottom:12px}.chart-title small{font-weight:600;color:#718096}.chart-wrapper{position:relative;width:100%;height:340px;overflow:hidden}.chart-wrapper-small{height:340px}.chart-filter-form{display:flex;gap:8px;align-items:center}.muted-small{font-size:12px;color:var(--color-text-tertiary)}.empty-panel{text-align:center;padding:3rem}.live-sections-grid{display:grid;gap:18px}.clean-live-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.live-card small a{text-decoration:none}
.stats-layout-v10,.report-side-stack{align-items:stretch}.stats-main-panel canvas,.stats-side-panel canvas,.report-ratio-card canvas,.report-weather-card canvas,.report-side-stack canvas{height:320px !important}.stats-main-panel,.stats-side-panel,.report-weather-card,.report-ratio-card{overflow:hidden}.report-hero-card strong,.kpi-large strong{direction:ltr;display:inline-block}.live-card strong{line-height:1.2}
@media (max-width: 1200px){.overview-shell,.weather-smart-panel{grid-template-columns:1fr}.weather-timeline{grid-template-columns:repeat(3,minmax(120px,1fr))}.clean-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.weather-big-title{font-size:2.1rem}.weather-mini-grid,.weather-timeline,.clean-live-grid,.balanced-charts{grid-template-columns:1fr}.top-scroll-cards{display:flex;overflow-x:auto;scrollbar-width:thin}.top-scroll-cards .hero-card{min-width:220px;flex:0 0 auto}.overview-shell{grid-template-columns:1fr}.modern-flow{min-width:900px}.modern-flow .flow-box{width:152px;min-height:126px}.modern-flow .flow-box.solar{left:76px}.modern-flow .flow-box.grid{right:76px}.modern-flow .flow-box.inverter{left:calc(50% - 76px)}.modern-flow .flow-box.battery{left:76px}.modern-flow .flow-box.home{right:76px}}


.two-column-side{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}
.two-column-side .side-stat-card{min-height:126px}
.official-flow-stage{width:100%;max-width:430px;min-height:360px;padding:12px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);border:1px solid #e5edf9;border-radius:24px;overflow:hidden;position:relative;justify-self:center;align-self:start}
.official-flow-stage .flow-box{width:94px;min-height:86px;border-radius:22px;padding:10px 10px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:none;border:1px solid #dbe6f7;background:#fff}
.official-flow-stage .flow-box .icon-wrap{width:36px;height:36px;border-radius:14px;background:#f8fbff;display:grid;place-items:center;font-size:20px;margin-bottom:2px}
.official-flow-stage .flow-box .flow-value{font-size:.9rem;font-weight:800;color:#14284d;line-height:1.15;text-align:center}
.official-flow-stage .flow-box .flow-title{font-size:.82rem;color:#6b7280;font-weight:700}
.official-flow-stage .flow-box .flow-state{font-size:.82rem}
.official-flow-stage .flow-box.solar{top:22px;left:18px}
.official-flow-stage .flow-box.grid{top:22px;right:18px}
.official-flow-stage .flow-box.battery{bottom:22px;left:18px}
.official-flow-stage .flow-box.home{bottom:22px;right:18px}
.official-flow-stage .flow-box.inverter{top:50%;left:50%;transform:translate(-50%,-50%);width:110px;min-height:104px;z-index:5}
.official-flow-stage .centered-gap::before{content:"";position:absolute;inset:-14px;background:linear-gradient(180deg,#fbfdff 0%,#f7faff 100%);border-radius:28px;z-index:-1}
.official-flow-svg{position:absolute;inset:0;width:100%;height:100%}
.official-flow-svg .track-base{fill:none;stroke:#98a1af;stroke-width:2.4;stroke-dasharray:8 8;stroke-linecap:round;stroke-linejoin:round}
.official-flow-svg .track-animated{fill:none;stroke-width:4;stroke-dasharray:12 12;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.official-flow-svg .track-animated.active{opacity:1;animation:officialFlow 1.35s linear infinite}
.official-flow-svg .track-animated.energy-use{stroke:#3b82f6}
.official-flow-svg .track-animated.energy-charge{stroke:#22c55e}
.official-flow-svg .track-animated.energy-idle{stroke:#9aa6b9}
.official-flow-svg .track-animated.reverse{animation-direction:reverse}
.flow-dot{filter:url(#dotGlow)}
.flow-dot.dot-use{fill:#3b82f6}
.flow-dot.dot-charge{fill:#22c55e}
.flow-dot.dot-idle{fill:#9aa6b9;filter:none}
@keyframes officialFlow{to{stroke-dashoffset:-48}}
@media (max-width:1200px){.two-column-side{grid-template-columns:repeat(2,minmax(0,1fr))}.official-flow-stage{max-width:460px}}
@media (max-width:768px){.two-column-side{grid-template-columns:1fr}.official-flow-stage{max-width:100%;min-height:340px}.official-flow-stage .flow-box.solar{top:18px;left:14px}.official-flow-stage .flow-box.grid{top:18px;right:14px}.official-flow-stage .flow-box.battery{bottom:18px;left:14px}.official-flow-stage .flow-box.home{bottom:18px;right:14px}}


/* Compact weather redesign */
.compact-weather-layout{
  display:grid;
  grid-template-columns: 1.2fr 1fr;
  grid-template-areas:
    "overview title"
    "timeline summary"
    "timeline advice";
  gap:14px;
  align-items:start;
}
.weather-overview-card{grid-area:overview;background:linear-gradient(135deg,#fff,#f7fbff);border:1px solid var(--border);border-radius:24px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;min-height:112px}
.weather-overview-icon{font-size:3rem;line-height:1}
.weather-overview-main{display:grid;gap:4px;text-align:right}
.weather-overview-temp{font-size:3rem;font-weight:800;color:#13254a;line-height:1}
.weather-overview-text{font-size:1.35rem;color:#607089}
.weather-title-block{grid-area:title;display:grid;gap:10px;align-content:start}
.compact-weather-layout .weather-status-chip{justify-self:stretch;justify-content:center;padding:8px 14px;font-size:1rem}
.compact-weather-layout .weather-big-title{font-size:2.7rem;line-height:1.05;margin:0}
.weather-summary-grid{grid-area:summary;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.compact-weather-layout .info-box{padding:14px 16px;border-radius:20px;min-height:116px}
.compact-weather-layout .info-box span{font-size:.95rem;margin-bottom:6px}
.compact-weather-layout .info-box strong{font-size:1.7rem;line-height:1.15}
.weather-timeline.compact{grid-area:timeline;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;align-items:stretch}
.compact-weather-layout .compact-slot{padding:12px 10px;border-radius:20px;gap:4px;min-height:176px}
.compact-weather-layout .compact-slot span{font-size:1rem}
.compact-weather-layout .compact-slot .wx-icon{font-size:1.9rem}
.compact-weather-layout .compact-slot strong{font-size:1.8rem;line-height:1.1}
.compact-weather-layout .compact-slot .slot-status{font-size:1rem;min-height:2.1em}
.compact-weather-layout .compact-slot small{font-size:.92rem}
.compact-weather-layout .compact-slot em{font-size:1rem}
.weather-advice-grid{grid-area:advice;display:grid;gap:12px}
.compact-weather-layout .advice-box{padding:16px 18px;border-radius:22px;min-height:138px}
.compact-weather-layout .advice-box span{font-size:1rem;margin-bottom:6px}
.compact-weather-layout .advice-box strong{font-size:1.9rem;line-height:1.15}
.compact-weather-layout .advice-box p{font-size:1rem;line-height:1.6}
@media (max-width: 1200px){
  .compact-weather-layout{
    grid-template-columns:1fr;
    grid-template-areas:
      "title"
      "overview"
      "timeline"
      "summary"
      "advice";
  }
  .weather-timeline.compact{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 768px){
  .weather-overview-card{min-height:auto;padding:16px}
  .weather-overview-temp{font-size:2.4rem}
  .compact-weather-layout .weather-big-title{font-size:2.1rem}
  .weather-summary-grid,.weather-timeline.compact,.weather-advice-grid{grid-template-columns:1fr}
  .compact-weather-layout .compact-slot{min-height:auto}
}


/* Reports charts polish */
.stats-layout-v10.report-layout{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr);align-items:stretch}
.report-side-stack{grid-template-rows:auto 1fr}
.report-chart-wrap{position:relative;width:100%;min-width:0}
.report-main-chart-wrap{height:420px;padding-top:6px}
.report-mix-chart-wrap{height:320px}
.report-weather-card,.report-ratio-card,.stats-main-panel{display:flex;flex-direction:column}
.report-ratio-card{justify-content:space-between}
#reportsMainChart,#reportsMixChart{width:100% !important;height:100% !important;display:block}
@media (max-width:1200px){.stats-layout-v10.report-layout{grid-template-columns:1fr}.report-main-chart-wrap{height:380px}}
@media (max-width:768px){.report-main-chart-wrap{height:320px}.report-mix-chart-wrap{height:280px}}


/* Battery lab chart polish */
.battery-lab-main,
.battery-lab-side,
.stats-layout-v10 .stats-main-panel {
  min-height: 100%;
}

#batteryLabSocChart,
#batteryLabPowerChart {
  width: 100% !important;
  height: 320px !important;
  display: block;
}

@media (max-width: 900px) {
  #batteryLabSocChart,
  #batteryLabPowerChart {
    height: 260px !important;
  }
}


/* Battery lab chart polish */
#batteryLabSocChart,
#batteryLabPowerChart {
  width: 100% !important;
}

.battery-lab-grid .panel-card,
.stats-layout-v10 .panel-card {
  overflow: hidden;
}

@media (min-width: 901px) {
  .stats-layout-v10 .panel-card {
    min-height: 420px;
  }
}


/* Devices page layout tune */
.devices-page .devices-identity-row {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.devices-page .devices-identity-row .stat-card {
  min-height: 122px;
  align-content: center;
}
.devices-page .devices-kpi-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: stretch;
}
.devices-page .devices-kpi-grid > div {
  min-height: 112px;
}
.devices-page .devices-kpi-grid-tight > div {
  min-height: 96px;
}
@media (max-width: 1400px) {
  .devices-page .devices-kpi-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1200px) {
  .devices-page .devices-identity-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .devices-page .devices-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .devices-page .devices-identity-row,
  .devices-page .devices-kpi-grid { grid-template-columns: 1fr; }
}


/* Live data page refresh */
.live-data-page .topbar{align-items:flex-start}
.live-topbar{margin-bottom:14px}
.live-update-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);font-size:.92rem;color:#41506b;font-weight:700}
.live-identity-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.live-hero-card{min-height:142px;border-radius:28px;padding:20px 22px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}
.live-hero-card span,.live-hero-card small{position:relative;z-index:1}
.live-hero-card strong{position:relative;z-index:1;font-size:2rem;line-height:1.2}
.live-hero-card::after{content:"";position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18)}
.live-hero-status{background:linear-gradient(135deg,#0f1d43,#1e315f);color:#fff}
.live-hero-status span,.live-hero-status small{color:rgba(255,255,255,.8)}
.live-hero-blue{background:linear-gradient(135deg,#5dd0c9,#57bbdf);color:#fff}
.live-hero-blue span,.live-hero-blue small,.live-hero-cyan span,.live-hero-cyan small{color:rgba(255,255,255,.88)}
.live-hero-cyan{background:linear-gradient(135deg,#61aef5,#5186d0);color:#fff}
.live-hero-gold{background:linear-gradient(135deg,#ffd34d,#f4b400);color:#14233f}
.live-hero-gold span,.live-hero-gold small,.live-hero-soft span,.live-hero-soft small{color:rgba(20,35,63,.68)}
.live-hero-soft{background:linear-gradient(135deg,#ffffff,#eef5ff)}
.live-panels-grid{display:grid;gap:18px}
.live-panel-block{padding:22px 22px 20px;border-radius:28px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.live-panel-head{margin-bottom:16px}
.live-panel-head h3{font-size:1.85rem;margin-bottom:4px}
.section-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:.9rem;font-weight:800;border:1px solid transparent}
.section-badge-solar{background:#fff5d6;color:#8a6111;border-color:#f2d27b}
.section-badge-battery{background:#efe8ff;color:#6846da;border-color:#d8c9ff}
.section-badge-home{background:#e5f5ff;color:#276497;border-color:#bfe2fb}
.section-badge-pv{background:#e6fbf2;color:#178456;border-color:#bfead6}
.live-rich-grid{display:grid;gap:14px}
.live-rich-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.live-rich-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.live-rich-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-kpi-card{min-height:124px;padding:18px 18px 16px;border-radius:22px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 28px rgba(15,23,42,.05);display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.live-kpi-card span{font-size:.98rem;color:#6d7b92;font-weight:700}
.live-kpi-card strong{font-size:1.8rem;line-height:1.15;color:#12264a}
.live-kpi-card small{font-size:.9rem;color:#7d8ca5}
.live-kpi-card.accent-solar{background:linear-gradient(135deg,#fff8de,#ffffff)}
.live-kpi-card.accent-battery{background:linear-gradient(135deg,#f4eeff,#ffffff)}
.live-kpi-card.accent-home{background:linear-gradient(135deg,#edf7ff,#ffffff)}
.live-kpi-card.pv-card{background:linear-gradient(135deg,#edfdf6,#ffffff)}
.compact-empty{grid-column:1 / -1;background:#fbfdff;border:1px dashed #cdd9ea;border-radius:20px;padding:24px}
@media (max-width: 1400px){.live-identity-row{grid-template-columns:repeat(3,minmax(0,1fr))}.live-rich-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}.live-rich-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 980px){.live-identity-row,.live-rich-grid.cols-5,.live-rich-grid.cols-4,.live-rich-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.live-panel-head h3{font-size:1.5rem}}
@media (max-width: 680px){.live-identity-row,.live-rich-grid.cols-5,.live-rich-grid.cols-4,.live-rich-grid.cols-3{grid-template-columns:1fr}.live-hero-card strong,.live-kpi-card strong{font-size:1.55rem}.live-update-chip{width:100%;justify-content:center}}

/* ===== V17 theme + utility layer ===== */
body { padding-top: 70px; transition: background .25s ease, color .25s ease; }
body[data-dir='ltr'] { direction: ltr; }
.global-utility-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 2000; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 18px; background:rgba(255,255,255,.88); backdrop-filter:blur(16px); border-bottom:1px solid rgba(214,224,239,.9); box-shadow:0 8px 24px rgba(15,23,42,.06); }
.utility-group { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.utility-chip { display:flex; align-items:center; gap:10px; border:1px solid var(--border); background:rgba(255,255,255,.9); padding:10px 14px; border-radius:999px; font-size:.92rem; box-shadow:0 8px 20px rgba(15,23,42,.05); }
.utility-chip strong { font-weight:800; }
.utility-accent { background:linear-gradient(135deg,#edf6ff,#fff7db); }
.switch-pills { display:flex; align-items:center; gap:6px; }
.switch-pills button, .switch-pills a { border:none; text-decoration:none; color:var(--text); background:#eef4fb; padding:6px 10px; border-radius:999px; font-weight:700; font-size:.85rem; }
.switch-pills .active { background:linear-gradient(135deg,#1d4ed8,#3b82f6); color:#fff; }
.theme-minimal { --bg:#f7f8fb; --card:#fff; --text:#161d2f; --muted:#6c7280; --border:#e8edf5; --navy:#1f2937; --navy-soft:#303b4d; --shadow:0 10px 24px rgba(15,23,42,.06); background:#f7f8fb; }
.theme-saas { --bg:#f5f8ff; --card:#fff; --text:#162033; --muted:#6b7280; --border:#e4ebf6; --navy:#0f172a; --navy-soft:#111c35; --shadow:0 12px 35px rgba(15,23,42,.08); }
.theme-glow { --bg:#09111f; --card:rgba(14,23,40,.92); --text:#e5eefb; --muted:#94a3b8; --border:rgba(96,165,250,.14); --navy:#08101d; --navy-soft:#101b31; --shadow:0 16px 40px rgba(2,8,23,.35); background:radial-gradient(circle at top, #0f1f3d 0%, #08111f 55%, #07101d 100%); }
.theme-glow .global-utility-bar, .theme-glow .utility-chip, .theme-glow .sidebar-toggle, .theme-glow .panel-card, .theme-glow .hero-card, .theme-glow .stat-card, .theme-glow .flow-card, .theme-glow .chart-card, .theme-glow .live-kpi-card, .theme-glow .side-stat-card, .theme-glow .flow-box, .theme-glow .weather-slot, .theme-glow .info-box, .theme-glow .advice-box { background:rgba(11,19,34,.88)!important; color:var(--text); border-color:rgba(96,165,250,.18)!important; box-shadow:0 12px 28px rgba(37,99,235,.12),0 0 0 1px rgba(59,130,246,.06); }
.theme-glow .nav-menu a.active, .theme-glow .nav-menu a:hover { background:rgba(59,130,246,.18); }
.theme-glow .topbar p, .theme-glow .stat-card span, .theme-glow .section-head small, .theme-glow small { color:var(--muted)!important; }
.theme-glow .switch-pills button, .theme-glow .switch-pills a { background:rgba(30,41,59,.9); color:var(--text); }
.loads-layout-grid { grid-template-columns: .9fr 1.1fr; }
.loads-form-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; align-items:end; }
.loads-form-actions { align-self:end; }
.smart-loads-panel { display:grid; gap:16px; }
.smart-callout { border-radius:22px; padding:18px; border:1px solid var(--border); }
.smart-callout.success { background:linear-gradient(135deg,#effcf4,#f8fbff); }
.smart-callout strong { display:block; font-size:2rem; margin:6px 0; }
.smart-loads-columns { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.smart-load-list { display:grid; gap:10px; }
.smart-load-item { display:flex; justify-content:space-between; gap:12px; align-items:center; border-radius:16px; padding:12px 14px; font-weight:700; border:1px solid var(--border); }
.smart-load-item.run { background:rgba(16,185,129,.10); }
.smart-load-item.wait { background:rgba(245,158,11,.10); }
.load-admin-card.disabled-load { opacity:.58; }
.load-actions-row { display:flex; gap:8px; margin-top:12px; }
@media (max-width: 1200px) { .loads-layout-grid, .smart-loads-columns { grid-template-columns:1fr; } .loads-form-grid { grid-template-columns:1fr 1fr; } }
@media (max-width: 900px) { body { padding-top:104px; } .global-utility-bar { padding:8px 10px; align-items:flex-start; } .utility-left { display:none; } .utility-right { width:100%; } .loads-form-grid { grid-template-columns:1fr; } }

.theme-minimal {
  --bg: #f7f9fc;
  --card: #ffffff;
  --text: #172033;
  --muted: #718096;
  --border: #e6edf7;
  --shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
}
.theme-saas {
  --bg: #eef4fb;
  --card: #ffffff;
  --text: #162033;
  --muted: #69758a;
  --border: #e0e9f6;
  --shadow: 0 14px 36px rgba(15, 23, 42, 0.09);
}
.theme-glow {
  --bg: #07111f;
  --card: rgba(15, 23, 42, 0.92);
  --text: #e8eef9;
  --muted: #93a7c1;
  --border: rgba(148, 163, 184, 0.2);
  --navy: #07111f;
  --navy-soft: #0c1730;
  --shadow: 0 18px 45px rgba(2, 8, 23, 0.45);
}
.theme-glow body, body.theme-glow { background: radial-gradient(circle at top, #0f213f 0%, #07111f 62%, #040a13 100%); }
body.theme-minimal, body.theme-saas, body.theme-glow { background-color: var(--bg); color: var(--text); }
body.theme-glow .hero-card, body.theme-glow .stat-card, body.theme-glow .panel-card, body.theme-glow .flow-card, body.theme-glow .side-stat-card, body.theme-glow .flow-box, body.theme-glow .live-kpi-card, body.theme-glow .meta-pill, body.theme-glow .load-item-card, body.theme-glow .smart-summary-card, body.theme-glow .smart-list-card { background: var(--card); color: var(--text); border-color: var(--border); }
body.theme-glow .sidebar-toggle, body.theme-glow .btn-outline-primary, body.theme-glow .lang-btn { background: rgba(15, 23, 42, 0.9); color: #fff; border-color: rgba(148,163,184,.24); }

.floating-ui-panel {
  position: fixed;
  top: 14px;
  left: 14px;
  z-index: 1200;
  display: flex;
  gap: 10px;
  align-items: center;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(226,232,240,.9);
  border-radius: 18px;
  padding: 8px;
  box-shadow: 0 10px 28px rgba(15,23,42,.08);
}
html[dir='ltr'] .floating-ui-panel { left: auto; right: 14px; }
.theme-switcher { display: flex; gap: 6px; }
.theme-btn, .lang-btn {
  border: 1px solid var(--border);
  background: #fff;
  color: var(--text);
  padding: 8px 12px;
  border-radius: 12px;
  font-weight: 800;
  cursor: pointer;
}
.theme-btn.active { background: linear-gradient(135deg, #ffd666, #ffb300); color: #111; border-color: transparent; }
.dashboard-meta-bar {
  width: 100%; display: flex; gap: 12px; align-items: center; flex-wrap: wrap; margin-bottom: 14px;
}
.meta-pill {
  display: inline-flex; align-items: center; gap: 10px; padding: 10px 14px; border-radius: 16px; background: rgba(255,255,255,.84); border: 1px solid var(--border); box-shadow: var(--shadow);
}
.meta-pill span { color: var(--muted); font-size: .92rem; }
.meta-pill strong { font-size: 1rem; }
.dashboard-topbar { flex-direction: column; align-items: stretch; }
.section-subtitle { margin: 6px 0 0; color: var(--muted); }
.smart-loads-grid, .smart-loads-columns, .loads-layout { display: grid; gap: 16px; }
.smart-loads-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 16px; }
.smart-summary-card, .smart-list-card, .load-item-card {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,250,255,.95));
  border: 1px solid var(--border); border-radius: 22px; padding: 18px; box-shadow: var(--shadow);
}
.smart-summary-card.alt { background: linear-gradient(135deg, #eef7ff, #f8f5ff); }
.smart-summary-card span, .load-item-card small { color: var(--muted); display: block; }
.smart-summary-card strong { display: block; font-size: 1.5rem; margin: 8px 0; }
.smart-summary-card em { display: block; margin-top: 6px; font-style: normal; font-weight: 800; }
.smart-loads-columns { grid-template-columns: 1.2fr .8fr; }
.smart-list-card h4 { margin: 0 0 14px; font-weight: 800; }
.smart-chip-list { display: flex; flex-wrap: wrap; gap: 10px; }
.smart-chip {
  display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; min-width: 180px; padding: 12px 14px; border-radius: 16px; border: 1px solid var(--border); background: #f8fbff;
}
.smart-chip.success { background: linear-gradient(135deg, rgba(16,185,129,.12), rgba(59,130,246,.08)); border-color: rgba(16,185,129,.24); }
.smart-chip.large { min-width: 220px; }
.loads-layout { grid-template-columns: 1fr 1fr; }
.load-form-grid { display: grid; grid-template-columns: 2fr 1fr 1fr auto; gap: 14px; align-items: end; }
.load-form-actions { display: flex; align-items: end; }
.loads-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.load-item-card.enabled { border-color: rgba(34,197,94,.25); }
.load-item-card.disabled { opacity: .7; }
.load-item-main strong { display: block; font-size: 1.35rem; margin: 8px 0 4px; }
.load-item-name { font-weight: 800; font-size: 1.05rem; }
.load-item-actions { display: flex; gap: 8px; margin-top: 14px; }
.chart-card, .mini, .chart-wrapper, .chart-wrapper-small { min-height: 0; }
.chart-wrapper { height: 360px; }
.chart-wrapper-small { height: 360px; }
.chart-card { border-radius: 24px; padding: 18px; background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,250,255,.92)); border: 1px solid var(--border); }
.chart-title { font-weight: 800; margin-bottom: 12px; }
@media (max-width: 1100px) {
  .smart-loads-columns, .smart-loads-grid, .loads-layout, .loads-grid, .load-form-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .floating-ui-panel { position: static; margin: 12px; width: fit-content; }
  .dashboard-meta-bar { margin-top: 6px; }
}


.load-simulator-card{border:1px solid rgba(43,102,255,.08)}
.load-sim-grid{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:14px;align-items:end}
.load-sim-result{background:linear-gradient(180deg,rgba(43,102,255,.04),rgba(19,161,116,.03));border:1px solid rgba(43,102,255,.08);border-radius:18px;padding:16px}
.sim-topline{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.report-load-card .smart-chip-list{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width: 768px){.load-sim-grid{grid-template-columns:1fr}.sim-topline{gap:8px}}


.loads-hero-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.loads-hero-card{min-height:118px;padding:18px 24px;border-radius:26px}
.loads-hero-card strong{font-size:1.45rem;line-height:1.25}
.loads-hero-card span{font-size:1rem}
.loads-hero-card small{font-size:.95rem}
.load-sim-grid{grid-template-columns:minmax(0,1fr) auto;align-items:end}
.load-sim-main-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end}
.load-inline-actions{justify-content:flex-end}
.load-side-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start;align-items:end}
.inline-mini-form{margin:0}
.saved-night-limit-note{margin-top:12px;display:flex;justify-content:flex-end}
.load-advice-card .smart-chip-list.large .smart-chip.large{min-width:200px}
@media (max-width:1200px){.loads-hero-row{grid-template-columns:1fr}.load-sim-main-form{grid-template-columns:1fr}.load-side-actions{justify-content:flex-start}.saved-night-limit-note{justify-content:flex-start}}

/* Heavy UI Notifications Center */
.notifications-page .content-area{padding-bottom:40px}
.notifications-hero{align-items:flex-start}
.notification-stack-v2{display:flex;flex-direction:column;gap:18px}
.notification-overview-card{padding:18px 20px}
.notify-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.overview-metric-card{padding:18px 20px;border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.95))}
.overview-metric-card span{display:block;color:var(--muted);margin-bottom:8px}
.overview-metric-card strong{display:block;font-size:1.5rem;font-weight:900}
.metric-telegram{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(191,219,254,.18))}
.metric-sms{background:linear-gradient(135deg,rgba(14,165,233,.08),rgba(207,250,254,.18))}
.metric-rules{background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(237,233,254,.24))}
.metric-sync{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(220,252,231,.22))}
.notify-channel-shell,.notification-builder-card,.notification-rules-card{padding:20px}
.notify-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.notify-card-v2{padding:18px;border:1px solid var(--border);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.95));box-shadow:var(--shadow)}
.notify-card-v2.full-span{grid-column:1 / -1}
.notify-card-head,.notify-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.notify-card-head h4,.notify-section-head h4{margin:0;font-weight:900}
.notify-tabs{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}
.notify-tabs-nav{display:flex;flex-direction:column;gap:10px;position:sticky;top:22px}
.notify-tab-btn{border:1px solid var(--border);background:#fff;color:var(--text);padding:14px 16px;border-radius:18px;font-weight:900;text-align:right;cursor:pointer;box-shadow:var(--shadow);transition:.2s ease}
.notify-tab-btn.active,.notify-tab-btn:hover{background:linear-gradient(135deg,#0f172a,#1e3a8a);color:#fff;border-color:transparent;transform:translateY(-1px)}
.notify-tab-panel{display:none}
.notify-tab-panel.active{display:block}
.notify-panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.notify-config-card,.notify-preview-card{padding:18px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,250,255,.95));box-shadow:var(--shadow)}
.preview-title{font-weight:900;margin-bottom:12px}
.notify-preview-card pre{margin:0;white-space:pre-wrap;line-height:1.9;background:#0f172a;color:#e2e8f0;padding:16px;border-radius:18px;min-height:320px;font-family:'Cairo',sans-serif;font-size:.95rem}
.config-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.config-grid-3 .span-3{grid-column:1 / -1}
.notify-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.switch-pill{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:#fff;font-weight:700}
.compact-inline{display:flex;gap:10px;flex-wrap:wrap}
.threshold-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.threshold-row{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--border)}
.threshold-inline{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px;align-items:center}
.message-preview{margin-top:8px;color:var(--muted);line-height:1.8}
@media (max-width: 1280px){.notify-overview-grid,.notify-grid-v2,.notify-panel-grid,.notify-tabs{grid-template-columns:1fr}.notify-tabs-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.notify-subgrid,.config-grid-3,.threshold-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 768px){.notify-tabs-nav,.notify-subgrid,.config-grid-3,.threshold-grid,.notify-overview-grid,.notify-grid-v2{grid-template-columns:1fr}.threshold-inline{grid-template-columns:1fr}.notify-tab-btn{text-align:center}}
.notify-tab-btn{display:flex;align-items:center;justify-content:space-between;gap:10px}
.notify-tab-btn span{display:inline-flex;align-items:center;gap:8px}
.tab-live-badge{font-style:normal;font-size:.78rem;font-weight:900;padding:6px 10px;border-radius:999px;background:rgba(15,23,42,.08);color:inherit;min-width:52px;text-align:center}
.notify-tab-btn.active .tab-live-badge{background:rgba(255,255,255,.16);color:#fff}
.notify-tab-btn.is-off{opacity:.78}
.notify-tab-btn.is-off .tab-live-badge{background:rgba(239,68,68,.12);color:#b91c1c}
.preview-message{display:flex;flex-direction:column;gap:8px;background:#0f172a;color:#e2e8f0;padding:16px;border-radius:18px;min-height:320px}
.preview-line{line-height:1.85;transition:all .18s ease}
.preview-line.preview-title-line{font-weight:900;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;margin-bottom:4px}
.preview-line.spacer{height:8px;padding:0}
.preview-line.tiny{font-size:.88rem;color:#94a3b8}
.preview-line.is-hidden{display:none}
.preview-disabled{opacity:.62;filter:saturate(.8)}
.preview-disabled::after{content:'هذا القسم معطل حاليًا';display:block;margin-top:14px;background:rgba(239,68,68,.12);border:1px dashed rgba(239,68,68,.35);color:#fecaca;padding:10px 12px;border-radius:14px;font-weight:800}
.notify-preview-card .preview-title{display:flex;align-items:center;justify-content:space-between}

.ajax-status-banner{position:sticky;top:12px;z-index:30;margin-top:12px;padding:14px 16px;border-radius:16px;font-weight:800;box-shadow:0 10px 24px rgba(15,23,42,.08);border:1px solid rgba(59,130,246,.12);background:linear-gradient(135deg,#eff6ff,#ffffff);color:#1e3a8a}
.ajax-status-banner.is-error{background:linear-gradient(135deg,#fef2f2,#ffffff);color:#991b1b;border-color:rgba(220,38,38,.14)}
.ajax-status-banner.is-success{background:linear-gradient(135deg,#ecfeff,#ffffff);color:#0f766e;border-color:rgba(13,148,136,.14)}


/* SaaS only mode */
body.saas-only .floating-ui-panel,
body.saas-only .theme-switcher,
body.saas-only .theme-btn,
body.saas-only #langToggle,
body.saas-only .lang-btn {
  display: none !important;
}

/* Channels page: no fake header spacing */
.channels-page{
  padding-top: 26px;
}
.channels-page .topbar.notifications-hero{
  margin: 0 0 16px 0;
  min-height: 0;
}
.channels-page .topbar.notifications-hero .topbar-main{
  align-items: center;
}

/* KPI strip */
.top-scroll-cards{
  display:flex;
  gap:16px;
  overflow-x:auto;
  padding:4px 2px 8px;
  scroll-snap-type:x proximity;
}
.top-scroll-cards::-webkit-scrollbar{ height:8px; }
.top-scroll-cards::-webkit-scrollbar-thumb{ background:#d7e2f0; border-radius:999px; }
.top-scroll-cards .hero-card{ flex:1 1 0; min-width:220px; scroll-snap-align:start; }
.top-kpis-row .hero-kpi{ min-height:170px; border-radius:26px; box-shadow:0 14px 34px rgba(15,23,42,.08); }
.top-kpis-row .hero-kpi strong{ font-size:2.3rem; line-height:1.05; }
.top-kpis-row .hero-kpi small{ font-size:.98rem; color:#64748b; }
.top-kpis-row .hero-kpi.navy{ color:#fff; background:linear-gradient(135deg,#0f172a,#1e3358); }
.top-kpis-row .hero-kpi.navy small,
.top-kpis-row .hero-kpi.navy span{ color:rgba(255,255,255,.84); }

@media (min-width: 1350px){
  .top-scroll-cards .hero-card{ min-width:0; }
}
@media (max-width: 1100px){
  .top-scroll-cards .hero-card{ min-width:250px; }
}


/* Compact language switcher */
.sidebar-lang-box{
  margin: 10px 0 4px;
  padding: 0;
  background: transparent;
  border: 0;
}
.sidebar-lang-inline{
  display:flex;
  gap:10px;
}
.sidebar-lang-btn.compact{
  flex:1;
  text-decoration:none;
  text-align:center;
  padding:10px 12px;
  border-radius:12px;
  color:#d9e2f1;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  font-weight:800;
  line-height:1.2;
}
.sidebar-lang-btn.compact:hover{
  color:#fff;
  background:rgba(255,255,255,.14);
}
.sidebar-lang-btn.compact.active{
  color:#111827;
  background:linear-gradient(135deg,#ffd666,#ffb300);
  border-color:transparent;
  box-shadow:0 10px 22px rgba(245,183,0,.18);
}

body.saas-only .dashboard-topbar .dashboard-meta-bar,
  body.saas-only .dashboard-topbar .topbar-actions{
    order:unset;
    width:100%;
    margin-inline-start:0;
  }
}


/* ===== V5 polished fixes ===== */

/* Base spacing */
html, body {
  margin: 0;
  padding: 0;
}
body.saas-only {
  overflow-x: hidden;
}
.content-area {
  padding: 18px 26px 26px !important;
  min-width: 0;
}

/* Header: one compact elegant row */
.clean-header {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}
.header-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  flex-wrap: wrap;
}
.header-title-block {
  display: flex;
  align-items: flex-start;
  min-width: 0;
}
.clean-header .topbar-main {
  display: flex;
  align-items: center;
  gap: 14px;
}
.clean-header .topbar-main h1 {
  margin: 0;
  font-size: 2.1rem;
  line-height: 1.05;
  font-weight: 800;
}
.clean-header .topbar-main p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 1rem;
}
.header-meta-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.compact-meta-bar {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 !important;
}
.meta-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--border);
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
}
.meta-pill span {
  color: var(--muted);
  font-size: .95rem;
}
.meta-pill strong {
  font-size: 1rem;
  font-weight: 800;
}

/* Unified button system */
.btn-ui {
  appearance: none;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 12px 18px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: .18s ease;
  box-shadow: 0 8px 20px rgba(15,23,42,.05);
}
.btn-ui:hover {
  transform: translateY(-1px);
}
.btn-ui-primary {
  color: #111827;
  background: linear-gradient(135deg, #ffd666, #ffb300);
}
.btn-ui-primary:hover {
  box-shadow: 0 12px 24px rgba(245,183,0,.22);
}
.btn-ui-outline {
  color: #2563eb;
  background: #fff;
  border-color: #bfdbfe;
}
.btn-ui-outline:hover {
  background: #f8fbff;
  box-shadow: 0 12px 24px rgba(37,99,235,.08);
}
.unified-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.unified-actions form {
  margin: 0;
}

/* Sidebar language compact buttons */
.sidebar-lang-box {
  margin: 12px 0 6px;
  padding: 0;
  background: transparent;
  border: 0;
}
.sidebar-lang-inline {
  display: flex;
  gap: 10px;
}
.sidebar-lang-btn.compact {
  flex: 1;
  text-decoration: none;
  text-align: center;
  padding: 10px 12px;
  border-radius: 12px;
  color: #d9e2f1;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  font-weight: 800;
  line-height: 1.2;
}
.sidebar-lang-btn.compact:hover {
  color: #fff;
  background: rgba(255,255,255,.14);
}
.sidebar-lang-btn.compact.active {
  color: #111827;
  background: linear-gradient(135deg,#ffd666,#ffb300);
  border-color: transparent;
  box-shadow: 0 10px 22px rgba(245,183,0,.18);
}

/* Top KPI row */
.top-scroll-cards {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  scroll-snap-type: x proximity;
}
.top-scroll-cards .hero-card {
  flex: 1 1 0;
  min-width: 220px;
  scroll-snap-align: start;
}
.top-kpis-row .hero-kpi {
  min-height: 168px;
  border-radius: 26px;
}
.top-kpis-row .hero-kpi strong {
  font-size: 2.25rem;
}
.top-kpis-row .hero-kpi.navy {
  color: #fff;
  background: linear-gradient(135deg,#0f172a,#1e3358);
}
.top-kpis-row .hero-kpi.navy span,
.top-kpis-row .hero-kpi.navy small {
  color: rgba(255,255,255,.82);
}

/* Responsive */
@media (max-width: 1200px) {
  .header-row {
    flex-direction: column;
    align-items: stretch;
  }
  .header-meta-actions {
    justify-content: space-between;
  }
}
@media (max-width: 900px) {
  .content-area {
    padding: 16px 14px 20px !important;
  }
  .clean-header .topbar-main h1 {
    font-size: 1.7rem;
  }
  .compact-meta-bar,
  .unified-actions,
  .sidebar-lang-inline {
    width: 100%;
  }
  .compact-meta-bar,
  .unified-actions {
    justify-content: flex-start;
  }
  .top-scroll-cards .hero-card {
    min-width: 250px;
  }
}

/* ===== FINAL GAP FIX ===== */
body, .app-shell, .content-area {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.dashboard-topbar, .topbar {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: auto !important;
}

.content-area > *:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.saas-only .content-area {
  padding-top: 0 !important;
}

.admin-grid { display:grid; grid-template-columns: 1.2fr .8fr; gap:16px; }
.admin-table-wrap { overflow:auto; }
.admin-table { width:100%; border-collapse: separate; border-spacing:0 10px; }
.admin-table th { color: var(--muted); font-weight:800; padding: 0 14px 8px; }
.admin-table td { background:#fff; padding:14px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.admin-table td:first-child { border-right:1px solid var(--border); border-radius: 0 16px 16px 0; }
.admin-table td:last-child { border-left:1px solid var(--border); border-radius: 16px 0 0 16px; }
.badge-soft { display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:999px; font-size:.9rem; font-weight:700; border:1px solid var(--border); background:#f8fbff; }
.badge-soft.success { color:#0f8a4b; background:#ecfdf3; border-color:#b7efcf; }
.badge-soft.warning { color:#a16207; background:#fffbeb; border-color:#fde68a; }
.badge-soft.danger { color:#b91c1c; background:#fef2f2; border-color:#fecaca; }
.admin-form-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:16px; }
.admin-form-grid .full { grid-column: 1 / -1; }
.device-chip-list { display:flex; flex-wrap:wrap; gap:10px; }
.device-chip { border:1px solid var(--border); padding:10px 12px; border-radius:14px; background:#fff; }
.metric-card-mini { background:#fff; border:1px solid var(--border); border-radius:18px; padding:16px; display:grid; gap:8px; }
@media (max-width: 1000px) { .admin-grid, .admin-form-grid { grid-template-columns:1fr; } }

.login-links{display:grid;gap:.6rem}
.register-card{max-width:760px;width:min(92vw,760px)}
.wizard-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(180deg,#0f172a,#111827)}
.wizard-card{width:min(980px,96vw);background:var(--color-surface-primary,#fff);border:1px solid var(--color-border-tertiary,#e5e7eb);border-radius:24px;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.wizard-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}
.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}
.wizard-step{border:1px solid var(--color-border-tertiary,#e5e7eb);border-radius:16px;padding:.85rem;display:flex;gap:.65rem;align-items:center;background:var(--color-surface-secondary,#f8fafc)}
.wizard-step span{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#dbeafe;color:#1d4ed8;font-weight:700}
.wizard-step.active{border-color:#2563eb;background:#eff6ff}
.wizard-step.done{border-color:#16a34a;background:#f0fdf4}
.wizard-step.done span{background:#dcfce7;color:#15803d}
.wizard-pane{padding:1rem 0}
.wizard-note-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1rem}
.wizard-note-grid > div,.wizard-note-grid > label{border:1px solid var(--color-border-tertiary,#e5e7eb);border-radius:16px;padding:.9rem;background:var(--color-surface-secondary,#f8fafc)}
.wizard-actions{display:flex;gap:.75rem;align-items:center}
.devices-manage-grid{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:1rem}
.device-list-stack{display:grid;gap:.75rem}
.device-manage-card{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--color-border-tertiary,#e5e7eb);border-radius:18px;background:var(--color-surface-secondary,#f8fafc)}
.device-manage-card.current{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.08)}
.device-meta-line{font-size:.85rem;color:var(--color-text-secondary,#64748b);margin-top:.2rem}
.device-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}
@media (max-width: 840px){.wizard-steps{grid-template-columns:1fr 1fr}.devices-manage-grid{grid-template-columns:1fr}.wizard-head{flex-direction:column;align-items:flex-start}}


/* Landing page + mobile polish */
.home-link{color:#46618c;text-decoration:none;font-weight:700}.home-link:hover{color:#0f172a}
.landing-shell{min-height:100vh;background:radial-gradient(circle at top,#fdf8dd 0%,#f6faff 35%,#eef3fb 100%)}
.landing-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,235,246,.9)}
.landing-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.landing-brand strong{font-size:1.1rem}.landing-brand small{display:block;color:var(--muted)}
.landing-brand .brand-mark.solar{margin:0;width:54px;height:54px;font-size:26px}
.landing-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-nav a{color:#38527a;text-decoration:none;font-weight:700}
.landing-main{padding:24px 28px 60px}.hero-landing{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center;padding:34px 0 20px}.hero-copy h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.15;margin:18px 0;font-weight:800}.hero-copy p{font-size:1.05rem;color:#4c607f;max-width:760px}.hero-chip{display:inline-flex;align-items:center;gap:8px;background:#fff7d1;border:1px solid #f4df8b;color:#785d00;padding:9px 14px;border-radius:999px;font-weight:800}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.hero-mini-stats>div,.feature-card,.step-card,.price-card,.service-bullet,.cta-band{background:rgba(255,255,255,.92);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}.hero-mini-stats>div{padding:16px}.hero-mini-stats strong{display:block;font-size:1.4rem}.hero-mini-stats span{color:var(--muted)}
.hero-preview{display:grid;gap:16px}.preview-card{padding:20px;border-radius:26px;color:#fff;box-shadow:0 22px 50px rgba(15,23,42,.12)}.preview-card small{display:block;opacity:.85}.preview-card strong{display:block;font-size:2rem;margin:8px 0}.preview-card span{opacity:.88}.preview-primary{background:linear-gradient(135deg,#0f172a,#172b52)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-card.cyan{background:linear-gradient(135deg,#55d4c8,#55bddd)}.preview-card.gold{background:linear-gradient(135deg,#ffcf3f,#f5b700);color:#1f1f1f}.preview-card.navy{background:linear-gradient(135deg,#4b7bf5,#2944a7)}.preview-card.soft{background:linear-gradient(135deg,#f7faff,#ebf1ff);color:#162033}
.landing-section{padding:38px 0}.section-title{display:grid;gap:8px;margin-bottom:18px}.section-title span{color:#7f8ea7;font-weight:800}.section-title h2{font-size:clamp(1.7rem,4vw,2.7rem);margin:0;font-weight:800}.feature-grid,.steps-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.price-card{padding:22px}.feature-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#fff7d1,#eef4ff);font-size:28px;margin-bottom:14px}.feature-card p,.price-card p,.step-card p{color:var(--muted)}.how-it-works .step-card{padding:22px;text-align:center}.step-card span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;background:linear-gradient(135deg,#ffd666,#ffb300);font-weight:800;margin-bottom:12px}.pricing-grid .price-card ul{margin:16px 0 0;padding-right:18px;display:grid;gap:8px}.price-card.featured{background:linear-gradient(180deg,#fff8dc,#fff);transform:translateY(-6px);border-color:#f4d474}.badge-featured{display:inline-flex;background:#0f172a;color:#fff;padding:6px 12px;border-radius:999px;font-size:.82rem;margin-bottom:8px}.price-card h3 span{font-size:1rem;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.service-bullet{padding:18px;font-weight:700}.cta-band{margin-top:22px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:linear-gradient(135deg,#0f172a,#1f3767);color:#fff}.cta-band p{color:#dce7fb;margin:0}
.panel-card,.device-manage-card,.wizard-card,.login-card{box-shadow:0 20px 55px rgba(15,23,42,.10)}.device-manage-card{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px;border-radius:22px;border:1px solid var(--border);background:#fff}.device-manage-card.current{border-color:#9ec5ff;background:linear-gradient(135deg,#f8fbff,#ffffff)}.device-card-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.device-meta-line{color:var(--muted);font-size:.95rem;margin-top:4px}.devices-manage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.wizard-shell{min-height:100vh;padding:24px;background:linear-gradient(180deg,#fdf7de 0%,#edf4ff 100%)}.wizard-card{max-width:1080px;margin:0 auto;background:rgba(255,255,255,.96);border-radius:32px;padding:28px;border:1px solid var(--border)}.wizard-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.wizard-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wizard-step{padding:14px;border-radius:20px;background:#f3f7ff;border:1px solid var(--border);display:flex;gap:10px;align-items:center;justify-content:center;font-weight:700;color:#49617c}.wizard-step span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#fff;font-weight:800}.wizard-step.active{background:linear-gradient(135deg,#0f172a,#22365e);color:#fff}.wizard-step.done{background:#effbf4;color:#136c38;border-color:#a9e1bf}.wizard-pane{background:#fbfdff;border:1px solid var(--border);border-radius:24px;padding:22px}.wizard-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wizard-note-grid>div,.wizard-note-grid>label{background:#fff;border:1px solid var(--border);border-radius:18px;padding:14px}.wizard-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media (max-width: 1100px){.hero-landing,.devices-manage-grid,.pricing-grid,.feature-grid{grid-template-columns:1fr 1fr}.wizard-note-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 900px){.landing-header{padding:16px 18px}.landing-nav{width:100%;justify-content:flex-start;overflow:auto;white-space:nowrap;padding-bottom:4px}.landing-main{padding:18px}.hero-landing,.feature-grid,.steps-grid,.pricing-grid,.services-grid,.devices-manage-grid,.wizard-note-grid,.hero-mini-stats,.preview-grid{grid-template-columns:1fr}.cta-band,.wizard-head,.device-manage-card{flex-direction:column;align-items:stretch}.wizard-steps{grid-template-columns:1fr 1fr}.content-area{padding:18px}.topbar h1{font-size:1.55rem}.sidebar{display:flex;position:sticky;top:0;height:auto;overflow:auto}.app-shell,.app-shell.sidebar-collapsed{grid-template-columns:1fr}.nav-menu{flex-direction:row;overflow:auto}.nav-menu a{white-space:nowrap}.app-shell.sidebar-collapsed .nav-menu a{display:block}.app-shell.sidebar-collapsed .brand-row h4,.app-shell.sidebar-collapsed .brand-row small{display:block}}
@media (max-width: 560px){.login-card,.wizard-card,.panel-card{padding:18px;border-radius:22px}.brand-mark{width:60px;height:60px}.hero-copy h1{font-size:2rem}.wizard-steps{grid-template-columns:1fr}.hero-actions .btn,.landing-nav .btn{width:100%}}

.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.stat-card{padding:20px}.stat-label{opacity:.7;margin-bottom:6px}.stat-value{font-size:2rem;font-weight:800}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}


/* === UI Power Upgrade: Admin + Landing === */
body::before{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:
    radial-gradient(600px circle at var(--mx, 50%) var(--my, 50%), rgba(76,155,255,.12), transparent 40%),
    radial-gradient(420px circle at calc(var(--mx, 50%) + 12%) calc(var(--my, 50%) - 8%), rgba(245,183,0,.10), transparent 34%),
    radial-gradient(360px circle at calc(var(--mx, 50%) - 15%) calc(var(--my, 50%) + 10%), rgba(41,195,106,.08), transparent 32%);
  z-index:0;
  transition:background .18s ease;
}
.app-shell,.landing-shell,.login-shell{position:relative;z-index:1}
.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:1fr}}
@media (max-width:780px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.stats-grid{grid-template-columns:1fr}}
.admin-shell{display:grid;gap:22px}
.admin-hero{position:relative;overflow:hidden;padding:28px;border-radius:30px;background:linear-gradient(135deg,#0f172a 0%,#102449 42%,#17305f 100%);color:#fff;box-shadow:0 28px 80px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.08)}
.admin-hero::before,.admin-hero::after{content:"";position:absolute;border-radius:999px;filter:blur(8px);opacity:.9;pointer-events:none}
.admin-hero::before{width:340px;height:340px;left:-80px;top:-120px;background:radial-gradient(circle,#2fd8c5 0%,rgba(47,216,197,0) 65%)}
.admin-hero::after{width:320px;height:320px;right:-70px;bottom:-120px;background:radial-gradient(circle,#ffc93a 0%,rgba(255,201,58,0) 68%)}
.admin-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:end}
.admin-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.admin-mini{padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);backdrop-filter:blur(10px)}
.admin-mini .label{display:block;color:rgba(255,255,255,.72);font-size:.9rem;margin-bottom:6px}
.admin-mini .value{font-size:1.5rem;font-weight:800}
.admin-mini .sub{display:block;color:rgba(255,255,255,.70);font-size:.85rem;margin-top:4px}
.admin-title{display:grid;gap:10px}
.admin-title .eyebrow{display:inline-flex;width:max-content;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);font-weight:800}
.admin-title h1{margin:0;font-size:clamp(2.2rem,5vw,4rem);font-weight:800}
.admin-title p{margin:0;color:#d9e2f1;max-width:760px;font-size:1.04rem}
.admin-float-orb{position:absolute;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.02));backdrop-filter:blur(8px);animation:floatOrb 7s ease-in-out infinite}
.admin-float-orb.one{width:86px;height:86px;right:28%;top:22px}
.admin-float-orb.two{width:52px;height:52px;left:46%;bottom:20px;animation-delay:1.2s}
.admin-float-orb.three{width:28px;height:28px;right:18%;bottom:76px;animation-delay:2.4s}
@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.admin-stat{position:relative;overflow:hidden;padding:22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,250,255,.9));border:1px solid rgba(228,235,246,.85);box-shadow:0 16px 46px rgba(15,23,42,.08);transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.admin-stat::before{content:"";position:absolute;inset:0;background:radial-gradient(220px circle at var(--cx,50%) var(--cy,50%), rgba(76,155,255,.12), transparent 48%);opacity:0;transition:opacity .22s ease}
.admin-stat::after{content:"";position:absolute;inset:auto 14px 0 14px;height:4px;border-radius:999px;background:linear-gradient(90deg,#4c9bff,#2fd8c5,#ffc93a);opacity:.85}
.admin-stat:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(15,23,42,.12);border-color:#d4e2fa}
.admin-stat:hover::before{opacity:1}
.admin-stat .stat-label{color:#6c7a92;font-weight:700;font-size:.96rem}
.admin-stat .stat-value{font-size:2.3rem;font-weight:800;line-height:1;margin-top:12px}
.admin-stat .stat-note{margin-top:10px;color:#7f8ea7;font-size:.88rem}
.admin-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.admin-panel{position:relative;overflow:hidden;padding:22px;border-radius:26px;background:rgba(255,255,255,.92);border:1px solid rgba(228,235,246,.9);box-shadow:0 18px 48px rgba(15,23,42,.08);backdrop-filter:blur(8px)}
.admin-panel::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#4c9bff,#2fd8c5,#ffc93a)}
.admin-panel h3{margin:0 0 16px;font-size:1.55rem;font-weight:800}
.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px}
.admin-table thead th{font-size:.92rem;color:#64748b;padding:0 14px 8px}
.admin-table tbody tr{background:#f9fbff;box-shadow:0 8px 20px rgba(15,23,42,.04)}
.admin-table tbody td{padding:16px 14px;border-top:1px solid #edf2fb;border-bottom:1px solid #edf2fb}
.admin-table tbody td:first-child{border-right:1px solid #edf2fb;border-radius:0 16px 16px 0}
.admin-table tbody td:last-child{border-left:1px solid #edf2fb;border-radius:16px 0 0 16px}
.admin-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#eef5ff;color:#1f4f95;font-weight:700}
.admin-dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}
.admin-dot.warning{background:#f59e0b;box-shadow:0 0 0 6px rgba(245,158,11,.12)}
.admin-dot.danger{background:#ef4444;box-shadow:0 0 0 6px rgba(239,68,68,.12)}
.admin-sidecard{display:grid;gap:14px}
.admin-activity{display:grid;gap:12px}
.admin-activity-item{display:flex;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;background:#f8fbff;border:1px solid #e9f0fb}
.admin-activity-item strong{font-size:.98rem}
.admin-activity-item small{color:#70819d}
.admin-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.admin-link-card{position:relative;overflow:hidden;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f7faff);border:1px solid #e5edf9;box-shadow:0 14px 34px rgba(15,23,42,.05);text-decoration:none;color:var(--text);transition:transform .26s ease, box-shadow .26s ease}
.admin-link-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(15,23,42,.09);color:var(--text)}
.admin-link-card span{display:block;color:#6b7b93;margin-top:8px;font-size:.92rem}
.admin-link-card::after{content:"↗";position:absolute;left:16px;top:14px;color:#7f8ea7;font-size:1.2rem}
.sidebar.admin-sidebar{position:relative;overflow:hidden;background:linear-gradient(180deg,#0b1530 0%,#0f1e46 45%,#13285c 100%)}
.sidebar.admin-sidebar::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at 80% 8%, rgba(76,155,255,.18), transparent 38%),radial-gradient(360px circle at 12% 88%, rgba(245,183,0,.10), transparent 34%);pointer-events:none}
.sidebar.admin-sidebar .nav-menu a{position:relative;border:1px solid transparent;background:rgba(255,255,255,.03)}
.sidebar.admin-sidebar .nav-menu a.active,.sidebar.admin-sidebar .nav-menu a:hover{background:linear-gradient(135deg,rgba(76,155,255,.22),rgba(255,255,255,.08));border-color:rgba(255,255,255,.12);transform:translateX(-2px)}
.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.step-card{position:relative;overflow:hidden;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease}
.step-card::before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,rgba(255,201,58,.18),rgba(76,155,255,.12),rgba(47,216,197,.10));opacity:0;transition:opacity .22s ease}
.step-card > *{position:relative;z-index:1}
.step-card:hover{transform:translateY(-8px) rotate(.2deg);box-shadow:0 26px 60px rgba(15,23,42,.12);border-color:#dae7fa}
.step-card:hover::before{opacity:1}
.step-card span{box-shadow:0 12px 24px rgba(255,179,0,.24)}
@media (max-width: 1280px){.admin-hero-grid{grid-template-columns:1fr}.admin-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 900px){.admin-kpis,.admin-quick-links{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr}}

/* ===== Release A: Landing + Admin Rebuild ===== */
.nav-group-title{padding:10px 14px 4px;color:#8ea2c9;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.admin-sidebar-v2 .nav-menu a{border-radius:18px;padding:14px 16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04);margin-bottom:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
.admin-sidebar-v2 .nav-menu a.active,.admin-sidebar-v2 .nav-menu a:hover{background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(139,92,246,.22));border-color:rgba(96,165,250,.24);transform:translateY(-1px)}
/* line 1471 — moved to unified_theme_v1.css */
/* line 1472 — admin-page-head moved to unified_theme_v1.css */
/* line 1473 — admin-page-head h1 moved to unified_theme_v1.css */
/* line 1474 — admin-page-head p moved to unified_theme_v1.css */
.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:#eef4ff;color:#3466d8;font-weight:800;font-size:.82rem;margin-bottom:10px}
.admin-head-actions{display:flex;gap:12px;flex-wrap:wrap}
.admin-hero-v2{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#162d68 46%,#22316f 100%);border-radius:32px;padding:30px;border:1px solid rgba(255,255,255,.08);color:#fff;box-shadow:0 24px 80px rgba(15,23,42,.22);margin-bottom:22px}
.hero-gradient{position:absolute;border-radius:999px;filter:blur(10px);opacity:.36;pointer-events:none}.hero-gradient-a{width:280px;height:280px;background:#60a5fa;top:-60px;left:-40px}.hero-gradient-b{width:260px;height:260px;background:#8b5cf6;bottom:-80px;right:-40px}
.hero-copy-v2-admin{position:relative;z-index:2;max-width:780px}.hero-copy-v2-admin h2{font-size:clamp(1.8rem,2.5vw,3rem);font-weight:800;margin:8px 0 10px}.hero-copy-v2-admin p{color:#d5def5;font-size:1.02rem;max-width:720px}
.hero-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-size:.84rem;font-weight:800}
.admin-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.admin-highlight-grid{margin-top:20px;position:relative;z-index:2}.highlight-card{background:#fff;border:1px solid #e7edf9;border-radius:28px;padding:22px;color:#13213e;box-shadow:0 18px 50px rgba(27,57,106,.06)}
.highlight-card span{display:block;color:#7b8eaf;font-weight:700;margin-bottom:8px}.highlight-card strong{font-size:2rem;font-weight:800;display:block}
/* line 1484 — admin-layout-v2 + admin-stack-v2 moved to unified_theme_v1.css */
/* line 1485 — admin-card-v2 moved to unified_theme_v1.css */
.section-heading-inline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.section-heading-inline small{display:block;color:#87a0c5;font-weight:800}.section-heading-inline h3{margin:0;color:#12203d;font-size:1.4rem;font-weight:800}
.table-shell-v2{overflow:auto}.table-sub{font-size:.88rem;color:#7d90b0;margin-top:4px}
/* line 1488 — status-pill moved to unified_theme_v1.css */
/* line 1489 — quick-links-v2 moved to unified_theme_v1.css */
/* line 1490 — activity-list-v2 moved to unified_theme_v1.css */
.form-v2 .form-grid-v2{display:grid;gap:18px}.form-grid-v2.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-v2 label span{display:block;font-weight:800;margin-bottom:8px;color:#30496f}.form-toggle-row{margin-top:18px;padding-top:18px;border-top:1px solid #edf2fb}.switch-row{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#30496f}
.device-picker-panel{margin-top:18px;padding-top:18px;border-top:1px solid #edf2fb}.chip-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.chip-picker{position:relative;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:18px;background:#f8fbff;border:1px solid #e7eef9;font-weight:700;color:#17315d}.chip-picker input{accent-color:#2563eb}.chip-picker.selected{background:linear-gradient(180deg,#f4f8ff,#eef5ff)}.chip-row-v2{display:flex;flex-wrap:wrap;gap:8px}.chip-v2{display:inline-flex;padding:8px 12px;border-radius:999px;background:#f3f7ff;color:#214072;border:1px solid #dbe6fa;font-size:.84rem;font-weight:700}.action-row-v2{display:flex;gap:10px;flex-wrap:wrap}.subscription-hero-v2{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;background:#fff;border:1px solid #e8eef8;border-radius:30px;padding:24px;box-shadow:0 22px 60px rgba(29,54,97,.06)}.subscription-main-v2 h2{font-size:2.3rem;font-weight:800;color:#12203d;margin:10px 0}.subscription-main-v2 p{color:#7387a8}.subscription-status-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.subscription-status-v2 div{background:#f8fbff;border:1px solid #e7eef9;border-radius:22px;padding:16px}.subscription-status-v2 small{display:block;color:#7a8dad;font-weight:800;margin-bottom:8px}.subscription-status-v2 strong{font-size:1.1rem;color:#14213d}
.landing-v2{min-height:100vh;background:radial-gradient(circle at top left,rgba(96,165,250,.16),transparent 30%),radial-gradient(circle at top right,rgba(139,92,246,.13),transparent 32%),#f6f8fc;padding:22px 22px 54px}.landing-topbar{max-width:1280px;margin:0 auto 26px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 0}.landing-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.landing-links a{text-decoration:none;color:#20365f;font-weight:700}.landing-hero-v2{max-width:1280px;margin:0 auto;background:linear-gradient(135deg,#ffffff 0%,#f8fbff 65%,#f3f7ff 100%);border:1px solid #e8eef8;border-radius:38px;padding:34px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.95fr);gap:28px;position:relative;overflow:hidden;box-shadow:0 28px 80px rgba(32,52,89,.08)}
.landing-glow{position:absolute;border-radius:999px;filter:blur(12px);opacity:.25}.glow-a{width:260px;height:260px;background:#60a5fa;top:-60px;right:-60px}.glow-b{width:260px;height:260px;background:#8b5cf6;bottom:-100px;left:-80px}.hero-copy-v2{position:relative;z-index:2}.hero-copy-v2 h1{font-size:clamp(2rem,3vw,4rem);font-weight:800;color:#101c36;margin:14px 0;line-height:1.2}.hero-copy-v2 p{color:#647998;font-size:1.06rem;max-width:760px}.hero-stat-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.hero-stat-row div{display:grid;gap:4px;background:#fff;border:1px solid #e8eef8;border-radius:18px;padding:14px 16px;min-width:150px}.hero-stat-row strong{font-size:1.05rem;color:#10203d}.hero-stat-row span{font-size:.88rem;color:#6c81a3}.hero-preview-v2{position:relative;z-index:2}.preview-shell{background:linear-gradient(180deg,#0f172a,#172b5f);border-radius:32px;padding:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px rgba(15,23,42,.2)}.preview-head{display:flex;justify-content:space-between;align-items:center;color:#cdd8f4;margin-bottom:16px}.preview-head strong{color:#fff}.preview-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.preview-box{padding:18px;border-radius:22px;color:#fff;min-height:132px;display:flex;flex-direction:column;justify-content:space-between}.preview-box small{opacity:.85}.preview-box strong{font-size:1.7rem;font-weight:800}.preview-box span{font-size:.9rem;opacity:.9}.preview-box.navy{background:linear-gradient(135deg,#1e3a8a,#0f172a)}.preview-box.cyan{background:linear-gradient(135deg,#14b8a6,#3b82f6)}.preview-box.violet{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.preview-box.gold{background:linear-gradient(135deg,#f59e0b,#facc15);color:#1a2240}
.landing-section-v2{max-width:1280px;margin:24px auto 0;background:#fff;border:1px solid #e8eef8;border-radius:32px;padding:30px;box-shadow:0 20px 60px rgba(32,52,89,.05)}.section-heading-v2 span{display:inline-flex;padding:8px 14px;border-radius:999px;background:#eef4ff;color:#3466d8;font-weight:800;font-size:.82rem}.section-heading-v2 h2{margin:14px 0 0;font-size:clamp(1.6rem,2.3vw,2.7rem);font-weight:800;color:#101d36;max-width:900px}.feature-grid-v2,.pricing-grid-v2,.steps-grid-v2{display:grid;gap:18px;margin-top:22px}.feature-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card-v2,.price-card-v2,.step-card-v2{background:linear-gradient(180deg,#fbfdff,#f7faff);border:1px solid #e8eef8;border-radius:26px;padding:22px;box-shadow:0 16px 40px rgba(32,52,89,.05)}.feature-card-v2 h3,.price-card-v2 h3,.step-card-v2 h3{font-size:1.25rem;font-weight:800;color:#11203d;margin:14px 0 8px}.feature-card-v2 p,.price-card-v2 p,.step-card-v2 p{color:#6c81a3;line-height:1.8}.feature-icon-v2{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:#eef4ff;font-size:1.4rem}.steps-grid-v2{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card-v2 span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#facc15;color:#111827;font-size:1.4rem;font-weight:800;margin-bottom:16px}.pricing-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr))}.price-card-v2.featured{background:linear-gradient(180deg,#172554,#1d4ed8);color:#fff;border-color:rgba(255,255,255,.08)}.price-card-v2.featured h3,.price-card-v2.featured p{color:#fff}.badge-featured{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;font-size:.82rem;margin-bottom:12px}
.ui-reactive{transition:transform .22s ease, box-shadow .22s ease, background-position .25s ease;transform-style:preserve-3d;background-position:center}.ui-reactive:hover{transform:translateY(-4px)}
@media (max-width:1200px){.admin-highlight-grid,.admin-kpi-grid-v2,.feature-grid-v2,.steps-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-hero-v2,.subscription-hero-v2,.admin-layout-v2{grid-template-columns:1fr}.content-area.admin-shell-v2{padding:24px}}
@media (max-width:768px){.landing-topbar,.admin-page-head,.section-heading-inline{flex-direction:column;align-items:flex-start}.preview-grid-v2,.pricing-grid-v2,.subscription-status-v2,.form-grid-v2.two,.chip-picker-grid{grid-template-columns:1fr}.admin-highlight-grid,.admin-kpi-grid-v2,.feature-grid-v2,.steps-grid-v2{grid-template-columns:1fr}.landing-v2{padding:14px}.landing-hero-v2,.landing-section-v2,.admin-card-v2,.admin-hero-v2{padding:20px}.hero-copy-v2 h1{font-size:2rem}}

.sidebar-user-box { display:flex; gap:12px; align-items:center; margin-top:14px; padding:12px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.06); border-radius:18px; }
.sidebar-user-avatar { width:40px; height:40px; border-radius:14px; display:grid; place-items:center; background:rgba(255,255,255,.12); font-weight:800; color:#fff; }
.sidebar-user-box strong { display:block; font-size: .98rem; color:#fff; }
.sidebar-user-box small { color:#c9d5ea; }
.nav-menu a { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.nav-badge { min-width:24px; height:24px; padding:0 8px; border-radius:999px; display:inline-grid; place-items:center; background:linear-gradient(135deg,#ffd666,#ffb300); color:#141414; font-size:.78rem; font-weight:800; box-shadow:0 6px 16px rgba(255,193,7,.22); }


/* Heavy v4 user 360 */
.support-card-v4{border:1px solid rgba(148,163,184,.22);border-radius:22px;padding:18px 18px 14px;background:#fff;margin-bottom:14px;box-shadow:0 12px 30px rgba(15,23,42,.06)}.support-head-v4{display:flex;justify-content:space-between;gap:14px;margin-bottom:10px}.compact-top{margin-top:12px}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#fbbf24;color:#0f172a;border-radius:999px;font-size:.78rem;font-weight:800;margin-inline-start:8px}.action-row-v2 .btn-solar{box-shadow:0 14px 28px rgba(251,191,36,.25)}
@media (max-width:768px){.support-head-v4{flex-direction:column}}

/* Heavy v5 notification center */
.notification-bell-wrap{position:fixed;top:18px;left:22px;z-index:2100;font-family:Cairo,system-ui,sans-serif}.notification-bell-btn{width:52px;height:52px;border-radius:18px;border:1px solid rgba(15,23,42,.10);background:linear-gradient(135deg,#fff,#f8fbff);box-shadow:0 18px 45px rgba(15,23,42,.14);display:flex;align-items:center;justify-content:center;position:relative;transition:.22s ease}.notification-bell-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 24px 60px rgba(15,23,42,.2)}.bell-icon{font-size:1.35rem}.notification-bell-count{position:absolute;top:-7px;right:-7px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:3px solid #fff}.notification-dropdown{position:absolute;top:62px;left:0;width:min(380px,calc(100vw - 28px));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(148,163,184,.28);border-radius:26px;box-shadow:0 30px 90px rgba(15,23,42,.22);overflow:hidden;display:none}.notification-bell-wrap.open .notification-dropdown{display:block;animation:notifPop .18s ease-out}.notification-dropdown-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(226,232,240,.9);background:linear-gradient(135deg,#f8fafc,#eef6ff)}.notification-dropdown-head strong{display:block;color:#0f172a}.notification-dropdown-head small{color:#64748b}.notification-mini-count{font-weight:800;color:#0f172a;background:#fff;border-radius:999px;padding:7px 10px;border:1px solid #e2e8f0}.notification-list{max-height:360px;overflow:auto;padding:10px}.notification-item{display:block;text-decoration:none;color:#172033;border-radius:20px;padding:13px 14px;border:1px solid transparent;transition:.18s ease;margin-bottom:8px}.notification-item:hover{background:#f8fafc;border-color:#dbeafe;transform:translateX(-2px)}.notification-item.kind-ticket{background:linear-gradient(135deg,#fff7ed,#fff)}.notification-item.kind-mail{background:linear-gradient(135deg,#eff6ff,#fff)}.notif-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.notif-kind,.notification-kind{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:800;background:#e0f2fe;color:#075985}.kind-ticket .notif-kind,.kind-ticket .notification-kind{background:#ffedd5;color:#9a3412}.notif-status,.notification-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;background:#dcfce7;color:#166534}.status-closed .notification-status,.notification-item.status-closed .notif-status{background:#e2e8f0;color:#475569}.notification-item h4{font-size:.98rem;margin:0 0 5px;color:#0f172a;font-weight:800}.notification-item p{font-size:.86rem;line-height:1.55;color:#475569;margin:0 0 8px}.notif-meta{display:flex;justify-content:space-between;gap:10px;color:#64748b;font-size:.78rem}.notification-empty{padding:24px;text-align:center;color:#64748b}.notification-more{display:block;text-align:center;padding:14px 18px;font-weight:800;text-decoration:none;color:#0f172a;background:#f8fafc;border-top:1px solid #e2e8f0}.notification-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;margin-top:20px}.notification-center-card{text-decoration:none;color:#0f172a;border-radius:26px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 16px 50px rgba(15,23,42,.08);padding:18px;transition:.2s ease;display:flex;flex-direction:column;gap:10px}.notification-center-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(15,23,42,.14)}.notification-center-card.kind-ticket{background:linear-gradient(135deg,#fff7ed,#fff)}.notification-center-card.kind-mail{background:linear-gradient(135deg,#eff6ff,#fff)}.notification-card-topline,.notification-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-center-card h3{font-size:1.08rem;font-weight:900;margin:0}.notification-center-card p{color:#475569;line-height:1.7;margin:0}.notification-card-footer{border-top:1px solid rgba(226,232,240,.8);padding-top:10px;color:#64748b;font-size:.86rem}@keyframes notifPop{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.notification-bell-wrap{top:12px;left:12px}.notification-bell-btn{width:46px;height:46px;border-radius:16px}.notification-dropdown{left:0;width:calc(100vw - 24px)}}

/* Heavy v5.1 — Users support badges + bulk toolbar */
.users-toolbar-v5{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #e2e8f0;box-shadow:0 14px 38px rgba(15,23,42,.05)}
.users-toolbar-v5 h3{margin:4px 0 4px;font-weight:900;color:#0f172a}.users-toolbar-v5 p{margin:0;color:#64748b}.users-toolbar-v5 small{color:#3466d8;font-weight:900}
.users-toolbar-actions-v5{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-select-v5{min-width:190px}.select-all-v5{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid #dbeafe;font-weight:800;color:#1e293b}
.users-table-v5 tr.has-open-support{background:linear-gradient(90deg,rgba(255,247,237,.9),rgba(255,255,255,.98))}.support-alert-v5{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 3px}.support-badge-v5{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:900;border:1px solid transparent}.support-badge-v5.ticket{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.support-badge-v5.mail{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.support-open-link-v5{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;padding:9px 12px;border-radius:999px;background:#eef6ff;color:#1d4ed8;border:1px solid #bfdbfe}.support-open-link-v5:hover{background:#dbeafe;color:#1e40af}.user-row-checkbox{width:18px;height:18px;accent-color:#fbbf24}
@media(max-width:900px){.users-toolbar-v5{align-items:stretch;flex-direction:column}.users-toolbar-actions-v5>*{width:100%}.bulk-select-v5{min-width:0}.users-table-v5{min-width:900px}}


/* Heavy v5.2 — upgraded support conversations + faster admin support UX */
.support-upgrade-v52.admin-layout-v2.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.support-column-v52{min-height:360px;overflow:hidden}
.support-section-title-v52{margin-bottom:16px}
.support-section-title-v52 small{display:block;color:#7890b3;font-weight:900;margin-bottom:6px}
.support-section-title-v52 h3{margin:0;color:#10203d;font-size:clamp(1.35rem,2vw,2.1rem);font-weight:900}
.support-card-v52{position:relative;overflow:hidden;border-radius:28px;border:1px solid #e4ecf8;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 18px 55px rgba(15,23,42,.08);padding:18px;margin-bottom:18px}
.support-card-v52::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#60a5fa,#fbbf24);opacity:.95}
.support-card-v52.kind-ticket::before{background:linear-gradient(90deg,#f97316,#fbbf24)}
.support-head-v52{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-top:5px;margin-bottom:14px}
.support-head-v52 h4{margin:4px 0 4px;color:#0f172a;font-size:1.05rem;font-weight:900}
.support-head-v52 p{margin:0;color:#7184a7;font-size:.88rem}
.support-type-v52{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:.78rem;font-weight:900}
.kind-ticket .support-type-v52{background:#ffedd5;color:#9a3412}
.support-thread-v52{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:24px;background:linear-gradient(180deg,#f8fbff,#f2f7ff);border:1px solid #e6eefb;max-height:460px;overflow:auto}
.chat-bubble-v52{width:min(92%,680px);border-radius:22px;padding:12px 14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}
.chat-bubble-v52.from-user{align-self:flex-start;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#dbeafe}
.chat-bubble-v52.from-admin{align-self:flex-end;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-color:transparent}
.chat-bubble-v52.internal-note{background:linear-gradient(135deg,#fff7ed,#fff);border-style:dashed;color:#1f2937}
.chat-meta-v52{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;font-size:.8rem}
.chat-meta-v52 strong{font-weight:900}
.chat-meta-v52 span{padding:3px 8px;border-radius:999px;background:rgba(251,191,36,.2);font-weight:800}
.chat-bubble-v52 p{margin:0;line-height:1.8;white-space:pre-wrap}
.support-reply-form-v52{margin-top:14px;padding:14px;border-radius:24px;background:#fff;border:1px solid #e6eefb}
.support-controls-v52{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.support-controls-v52 span,.support-reply-box-v52 span{display:block;color:#30496f;font-weight:900;margin-bottom:7px}
.support-reply-box-v52{display:block;margin-bottom:12px}
.support-reply-box-v52 textarea{resize:vertical;min-height:110px}
.support-actions-v52{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.support-actions-v52 .btn-solar{min-width:210px;box-shadow:0 18px 36px rgba(251,191,36,.27)}
@media(max-width:1200px){.support-upgrade-v52.admin-layout-v2.two{grid-template-columns:1fr}}
@media(max-width:760px){.support-controls-v52{grid-template-columns:1fr}.support-actions-v52{align-items:stretch;flex-direction:column}.support-actions-v52 .btn-solar{width:100%}.chat-bubble-v52{width:100%}}

/* Heavy v5.3 — Unified portal support center */
.portal-support-v53{position:relative}.portal-support-hero-v53{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px;padding:26px 30px;border-radius:34px;background:radial-gradient(circle at 80% 10%,rgba(96,165,250,.22),transparent 34%),linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #dbeafe;box-shadow:0 22px 70px rgba(15,23,42,.08)}.portal-support-hero-v53 h1{font-size:clamp(2rem,4vw,4rem);font-weight:950;color:#0f172a;margin:6px 0}.portal-support-hero-v53 p{color:#7184a7;font-size:1.02rem;margin:0}.support-hero-stats-v53{display:flex;gap:12px}.support-hero-stats-v53 div{min-width:120px;border-radius:24px;background:rgba(255,255,255,.75);border:1px solid #e6eefb;padding:14px 18px;box-shadow:0 16px 40px rgba(15,23,42,.06)}.support-hero-stats-v53 small{display:block;color:#7890b3;font-weight:900}.support-hero-stats-v53 strong{display:block;color:#0f172a;font-size:1.65rem;font-weight:950}.support-compose-grid-v53{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px}.support-compose-card-v53{border-radius:32px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 20px 60px rgba(15,23,42,.08);padding:22px;position:relative;overflow:hidden}.support-compose-card-v53::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.support-compose-card-v53.ticket-card::before{background:linear-gradient(90deg,#f97316,#fbbf24)}.compose-top-v53{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.compose-top-v53 h2{margin:0;font-weight:950;color:#10203d;font-size:1.35rem}.support-kind-badge-v53{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:950;border:1px solid transparent}.support-kind-badge-v53.mail{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.support-kind-badge-v53.ticket{background:#ffedd5;color:#9a3412;border-color:#fed7aa}.support-compose-form-v53{display:flex;flex-direction:column;gap:12px}.support-compose-form-v53 span{display:block;margin-bottom:7px;color:#30496f;font-weight:900}.compose-row-v53{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-filter-tabs-v53{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.support-filter-tabs-v53 a{text-decoration:none;color:#1e293b;font-weight:950;padding:11px 18px;border-radius:999px;background:#eef6ff;border:1px solid #cfe0ff;transition:.2s ease}.support-filter-tabs-v53 a.active,.support-filter-tabs-v53 a:hover{background:#0f2a72;color:#fff;box-shadow:0 14px 32px rgba(29,78,216,.22)}.portal-support-list-v53{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:18px}.portal-support-card-v53{position:relative;overflow:hidden;border-radius:34px;border:1px solid #e4ecf8;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 22px 65px rgba(15,23,42,.08);padding:20px}.portal-support-card-v53::before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#2563eb,#60a5fa)}.portal-support-card-v53.kind-ticket::before{background:linear-gradient(90deg,#f97316,#fbbf24)}.portal-support-card-v53.kind-mail{background:linear-gradient(180deg,#ffffff,#f7faff)}.portal-support-card-v53.kind-ticket{background:linear-gradient(180deg,#ffffff,#fffaf3)}.portal-support-head-v53{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;padding-top:4px}.portal-support-head-v53 h3{margin:8px 0 4px;font-weight:950;color:#0f172a;font-size:1.08rem}.portal-support-head-v53 p{margin:0;color:#7890b3}.support-status-v53{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:.78rem;font-weight:950;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.support-status-v53.open,.support-status-v53.pending,.support-status-v53.in_progress,.support-status-v53.waiting_user{background:#fef3c7;color:#92400e;border-color:#fde68a}.support-status-v53.closed{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.portal-chat-thread-v53{display:flex;flex-direction:column;gap:11px;border-radius:26px;background:linear-gradient(180deg,#f8fbff,#f2f7ff);border:1px solid #e6eefb;padding:15px;max-height:460px;overflow:auto}.portal-support-card-v53.kind-ticket .portal-chat-thread-v53{background:linear-gradient(180deg,#fff7ed,#fffaf3);border-color:#fed7aa}.portal-chat-bubble-v53{width:min(94%,680px);border-radius:23px;padding:13px 15px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 10px 26px rgba(15,23,42,.05)}.portal-chat-bubble-v53.from-user{align-self:flex-start;background:linear-gradient(180deg,#fff,#f8fafc);border-color:#dbeafe}.portal-chat-bubble-v53.from-admin{align-self:flex-end;background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border-color:transparent}.portal-chat-meta-v53{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.portal-chat-meta-v53 strong{font-weight:950}.portal-chat-meta-v53 small{opacity:.75}.portal-chat-bubble-v53 p{margin:0;white-space:pre-wrap;line-height:1.8}.portal-reply-form-v53{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:14px;padding:14px;border-radius:24px;background:#fff;border:1px solid #e6eefb}.portal-reply-form-v53 textarea{min-height:86px;resize:vertical}.portal-reply-form-v53 .btn-solar{align-self:end;min-width:130px}@media(max-width:1100px){.support-compose-grid-v53{grid-template-columns:1fr}.portal-support-hero-v53{align-items:stretch;flex-direction:column}.support-hero-stats-v53{width:100%}.support-hero-stats-v53 div{flex:1}}@media(max-width:720px){.portal-support-list-v53{grid-template-columns:1fr}.compose-row-v53{grid-template-columns:1fr}.portal-reply-form-v53{grid-template-columns:1fr}.portal-reply-form-v53 .btn-solar{width:100%}}

/* Heavy v5.5 — Unified Composer UX + shared support workspace */
.support-control-v55{display:block;margin-top:18px}.support-command-head-v55{position:relative;overflow:hidden;border-radius:34px;padding:26px 28px;margin-bottom:22px;border:1px solid rgba(203,213,225,.75);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(240,247,255,.92));box-shadow:0 24px 70px rgba(15,23,42,.10);display:flex;align-items:center;justify-content:space-between;gap:22px}.support-command-head-v55:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at var(--mx,70%) var(--my,20%),rgba(251,191,36,.22),transparent 34%),radial-gradient(circle at 18% 0%,rgba(59,130,246,.18),transparent 32%);pointer-events:none}.support-command-head-v55>*{position:relative;z-index:1}.support-command-head-v55 h2{font-size:clamp(1.7rem,3vw,3rem);font-weight:900;color:#0f172a;margin:4px 0}.support-command-head-v55 p{color:#64748b;font-weight:700;margin:0}.support-segment-v55{display:flex;gap:10px;background:rgba(255,255,255,.7);padding:8px;border-radius:24px;border:1px solid rgba(203,213,225,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}.support-segment-v55 button{border:0;border-radius:18px;padding:12px 18px;font-weight:900;background:transparent;color:#334155;transition:.2s ease;white-space:nowrap}.support-segment-v55 button b{display:inline-flex;min-width:24px;height:24px;align-items:center;justify-content:center;background:#e2e8f0;border-radius:999px;margin-inline-start:6px}.support-segment-v55 button.active{background:linear-gradient(135deg,#0f2b66,#1d4ed8);color:#fff;box-shadow:0 14px 35px rgba(29,78,216,.24)}.support-segment-v55 button.active b{background:#fbbf24;color:#0f172a}.support-board-v55{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:22px}.support-card-v55{position:relative;overflow:hidden;border-radius:34px;padding:24px;border:1px solid rgba(203,213,225,.75);background:rgba(255,255,255,.92);box-shadow:0 24px 80px rgba(15,23,42,.09)}.support-card-v55.kind-mail{background:linear-gradient(145deg,#fff,#f5f9ff);border-top:6px solid #3b82f6}.support-card-v55.kind-ticket{background:linear-gradient(145deg,#fff,#fff8ed);border-top:6px solid #f59e0b}.support-card-glow-v55{position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;filter:blur(24px);opacity:.55}.kind-mail .support-card-glow-v55{background:rgba(59,130,246,.18)}.kind-ticket .support-card-glow-v55{background:rgba(245,158,11,.20)}.support-card-head-v55{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.support-card-head-v55 h3{font-size:1.3rem;font-weight:900;color:#0f172a;margin:10px 0 4px}.support-card-head-v55 p{color:#7890b3;font-weight:800;margin:0}.support-type-v55{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 13px;font-weight:900;font-size:.88rem}.support-type-v55.mail{background:#dbeafe;color:#1d4ed8}.support-type-v55.ticket{background:#ffedd5;color:#c2410c}.support-status-v55{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 13px;font-weight:900;background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.support-status-v55.closed{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.support-status-v55.pending,.support-status-v55.in_progress,.support-status-v55.waiting_user,.support-status-v55.open{background:#fef3c7;color:#92400e;border-color:#fde68a}.support-thread-v55{position:relative;z-index:1;background:linear-gradient(135deg,#f8fbff,#f1f6ff);border:1px solid rgba(191,219,254,.65);border-radius:28px;padding:18px;display:flex;flex-direction:column;gap:12px;max-height:420px;overflow:auto}.kind-ticket .support-thread-v55{background:linear-gradient(135deg,#fffaf0,#fff7ed);border-color:rgba(253,186,116,.65)}.support-bubble-v55{border-radius:22px;padding:14px 16px;max-width:88%;box-shadow:0 8px 24px rgba(15,23,42,.06);border:1px solid rgba(226,232,240,.9)}.support-bubble-v55.from-user{align-self:flex-start;background:#fff;color:#0f172a}.support-bubble-v55.from-admin{align-self:flex-end;background:linear-gradient(135deg,#13265a,#1d4ed8);color:#fff;border-color:transparent}.support-bubble-v55.internal-note{background:#fff7ed;color:#0f172a;border-color:#fed7aa}.support-bubble-meta-v55{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;font-weight:900}.support-bubble-meta-v55 span{display:inline-flex;border-radius:999px;background:#fde68a;color:#78350f;padding:4px 8px;font-size:.75rem}.support-bubble-v55 p{margin:0;line-height:1.75;font-weight:700}.support-reply-form-v55{position:relative;z-index:1;margin-top:16px;background:rgba(255,255,255,.88);border:1px solid rgba(226,232,240,.95);border-radius:26px;padding:16px;display:grid;gap:12px}.support-form-grid-v55{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.support-reply-form-v55 textarea,.support-reply-form-v55 select{border-radius:16px;border:1px solid #dbe4f0;background:#fff;font-weight:700}.support-action-row-v55{display:flex;align-items:center;justify-content:space-between;gap:12px}.support-action-row-v55 .btn-solar{border-radius:18px;padding:12px 22px;font-weight:900}.portal-support-v55 .support-unified-composer-v54,.support-unified-composer-v54{margin-top:18px}.support-compose-card-v54{position:relative;overflow:hidden;border-radius:34px!important;border:1px solid rgba(203,213,225,.75)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 28px 90px rgba(15,23,42,.10)!important;padding:28px!important}.support-compose-card-v54:after{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.22),transparent 70%);filter:blur(8px);pointer-events:none}.support-compose-card-v54.is-ticket:after{background:radial-gradient(circle,rgba(245,158,11,.24),transparent 70%)}.composer-accent-v54{height:7px!important;border-radius:999px!important;background:linear-gradient(90deg,#2563eb,#60a5fa)!important;position:absolute!important;inset:0 0 auto 0!important}.support-compose-card-v54.is-ticket .composer-accent-v54{background:linear-gradient(90deg,#f97316,#fbbf24)!important}.composer-header-v54{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.composer-header-v54 h2{font-size:clamp(1.6rem,3vw,2.6rem);font-weight:900;color:#0f172a;margin:4px 0}.composer-header-v54 p{color:#64748b;font-weight:700}.composer-toggle-v54{display:flex;gap:8px;background:#f1f5f9;border:1px solid #dbe4f0;border-radius:20px;padding:7px}.composer-toggle-v54 button{border:0;border-radius:15px;background:transparent;padding:10px 16px;font-weight:900;color:#334155}.composer-toggle-v54 button.active{background:#dbeafe;color:#1d4ed8;box-shadow:0 10px 28px rgba(29,78,216,.15)}.support-compose-card-v54.is-ticket .composer-toggle-v54 button.active{background:#ffedd5;color:#c2410c;box-shadow:0 10px 28px rgba(245,158,11,.18)}.support-compose-form-v54 label span{font-weight:900;color:#334155;margin-bottom:8px;display:block}.support-compose-form-v54 .form-control{border-radius:16px;border:1px solid #dbe4f0;background:#fff;font-weight:700;padding:12px 14px}.composer-submit-row-v54{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:10px}.composer-mini-note-v54{font-weight:800;color:#64748b}.composer-submit-row-v54 .btn-solar{border-radius:20px;padding:14px 30px;font-weight:900;box-shadow:0 16px 36px rgba(245,158,11,.26)}.portal-support-list-v53{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:22px}.portal-support-card-v53{border-radius:34px!important}.portal-support-card-v53.kind-mail{border-top:6px solid #3b82f6;background:linear-gradient(145deg,#fff,#f5f9ff)!important}.portal-support-card-v53.kind-ticket{border-top:6px solid #f97316;background:linear-gradient(145deg,#fff,#fff8ed)!important}@media(max-width:900px){.support-command-head-v55,.composer-header-v54{flex-direction:column}.support-board-v55,.portal-support-list-v53{grid-template-columns:1fr}.support-form-grid-v55,.compose-row-v53{grid-template-columns:1fr!important}.support-action-row-v55,.composer-submit-row-v54{flex-direction:column;align-items:stretch}.support-bubble-v55{max-width:100%}.support-segment-v55,.composer-toggle-v54{width:100%;overflow:auto}.support-segment-v55 button,.composer-toggle-v54 button{flex:1}}

/* Heavy v5.6 — support freeze + safer notification center */
.support-control-v56 .support-command-head-v56,
.support-control-v56 .closed-support-head-v56,
.portal-support-closed-v56 .closed-support-head-v56{
  border:1px solid rgba(148,163,184,.22);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.88));
  border-radius:28px;
  padding:22px 26px;
  box-shadow:0 20px 55px rgba(15,23,42,.08);
}
.closed-support-section-v56,.portal-support-closed-v56{margin-top:34px}
.closed-support-head-v56{display:flex;align-items:center;gap:14px;margin-bottom:18px;color:#0f172a}
.closed-support-head-v56>span{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:#dcfce7;color:#166534;font-weight:900}
.closed-support-head-v56 h3{margin:0;font-size:1.45rem;font-weight:900}
.closed-support-head-v56 p{margin:4px 0 0;color:#64748b;font-weight:700}
.support-board-v56{gap:22px}
.support-card-v56{position:relative;overflow:hidden;transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease}
.support-card-v56:hover{transform:translateY(-2px);box-shadow:0 26px 70px rgba(15,23,42,.13)}
.support-card-v56.kind-mail{border-top:6px solid #3b82f6;background:linear-gradient(180deg,#fff,#f8fbff)}
.support-card-v56.kind-ticket{border-top:6px solid #f97316;background:linear-gradient(180deg,#fff,#fff8ed)}
.support-card-v56.is-frozen,
.portal-support-card-v56.is-frozen{opacity:.78;filter:saturate(.72);background:linear-gradient(180deg,#f8fafc,#eef2f7)!important;border-color:#cbd5e1!important}
.support-card-v56.is-frozen::after,
.portal-support-card-v56.is-frozen::after{content:'🔒';position:absolute;inset-inline-start:18px;top:18px;font-size:1.4rem;opacity:.55}
.frozen-note-v56{margin-top:16px;border-radius:20px;padding:14px 18px;background:#e2e8f0;color:#334155;font-weight:900;text-align:center}
.closed-board-v56{padding-top:4px}
.support-live-form-v56{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid rgba(148,163,184,.22)}
.support-status-v55.closed,.support-status-v53.closed{background:#dcfce7!important;color:#166534!important;border-color:#86efac!important}
.support-status-v55.open,.support-status-v53.open{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}
.support-status-v55.pending,.support-status-v55.in_progress,.support-status-v53.pending,.support-status-v53.in_progress{background:#dbeafe!important;color:#1d4ed8!important;border-color:#93c5fd!important}
.portal-support-card-v56.kind-mail{border-top:6px solid #3b82f6!important;background:linear-gradient(180deg,#ffffff,#f7fbff)!important}
.portal-support-card-v56.kind-ticket{border-top:6px solid #f97316!important;background:linear-gradient(180deg,#ffffff,#fff8ed)!important}
.notification-center-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:22px 0 50px}
.notification-center-card{display:block;text-decoration:none;color:#0f172a;border:1px solid rgba(148,163,184,.22);border-radius:28px;background:#fff;padding:22px;box-shadow:0 20px 55px rgba(15,23,42,.08);transition:.18s ease;overflow:hidden;position:relative}
.notification-center-card:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(15,23,42,.13)}
.notification-center-card.kind-mail{border-top:6px solid #3b82f6;background:linear-gradient(180deg,#fff,#f8fbff)}
.notification-center-card.kind-ticket{border-top:6px solid #f97316;background:linear-gradient(180deg,#fff,#fff8ed)}
.notification-card-topline,.notification-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#64748b;font-weight:800}
.notification-kind{padding:7px 12px;border-radius:999px;background:#e0e7ff;color:#3730a3}
.kind-ticket .notification-kind{background:#ffedd5;color:#9a3412}
.notification-status{padding:7px 12px;border-radius:999px;background:#f1f5f9;color:#334155}
.notification-center-card h3{font-size:1.25rem;margin:18px 0 8px;font-weight:900;color:#0f172a}
.notification-center-card p{color:#475569;line-height:1.8;margin:0 0 16px;font-weight:700}
@media(max-width:760px){.support-command-head-v55,.closed-support-head-v56{flex-direction:column;align-items:stretch}.support-segment-v55{width:100%;overflow:auto}.notification-center-grid{grid-template-columns:1fr}}
/* Heavy v5.7 — support assignment workflow */
.support-assignment-hint-v57{border:1px solid rgba(251,191,36,.35);background:linear-gradient(135deg,rgba(255,251,235,.95),rgba(239,246,255,.92));color:#334155;border-radius:16px;padding:10px 14px;font-weight:800;font-size:.92rem;line-height:1.7}
.support-action-row-v57{align-items:stretch!important}.support-buttons-v57{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.support-buttons-v57 .btn{border-radius:18px!important;font-weight:900!important;padding:12px 18px!important}.support-buttons-v57 .btn-outline-primary{background:#fff!important;border:1px solid #93c5fd!important;color:#1d4ed8!important;box-shadow:0 10px 25px rgba(29,78,216,.08)}.support-buttons-v57 .btn-outline-primary:hover{background:#dbeafe!important;color:#0f2b66!important;transform:translateY(-1px)}
.support-assignee-chip-v57{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#e0f2fe;color:#075985;font-weight:900;border:1px solid #bae6fd;margin-inline-start:8px}.support-auto-notice-v57{border-radius:20px;border:1px dashed rgba(59,130,246,.35);background:#eff6ff;color:#1e3a8a;padding:12px 14px;font-weight:800}
@media(max-width:900px){.support-buttons-v57{width:100%;justify-content:stretch}.support-buttons-v57 .btn{flex:1 1 100%}}
/* Heavy v6 Support Command Center */
.heavy-v6-hero{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(135deg,rgba(34,99,255,.10),rgba(255,153,0,.10));border:1px solid rgba(100,120,180,.18)}
.heavy-v6-hero h1{margin:.2rem 0;font-size:1.7rem}.eyebrow{font-weight:800;letter-spacing:.08em;color:#3867ff}.hero-stats{text-align:center;border-radius:18px;padding:1rem 1.4rem;background:rgba(255,255,255,.5)}.hero-stats strong{font-size:2rem;display:block}
.support-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.pill{border:1px solid rgba(120,130,160,.28);border-radius:999px;padding:.45rem .8rem;text-decoration:none;color:inherit}.pill.active{background:#1f66ff;color:#fff;border-color:#1f66ff}
.support-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:1rem}.case-type{display:inline-block;border-radius:999px;padding:.25rem .55rem;font-weight:700}.case-type.message{background:#eaf1ff;color:#1f55c8}.case-type.ticket{background:#fff3df;color:#b45f00}.status-badge,.priority-badge{border-radius:999px;padding:.22rem .55rem;background:#f2f3f6;font-size:.85rem}.status-closed,.status-resolved{background:#eee;color:#555}.priority-urgent,.priority-high{background:#ffe5e5;color:#c00}.sla-red{color:#c00;font-weight:800}.sla-green{color:#087a35}.sla-overdue{background:rgba(255,0,0,.045)}.canned-panel details{border:1px solid rgba(120,130,160,.22);border-radius:12px;padding:.7rem;margin:.5rem 0}.canned-panel summary{cursor:pointer;font-weight:700}.audit-list{display:grid;gap:.45rem}.audit-row{display:grid;grid-template-columns:170px 1fr 180px;gap:.7rem;padding:.55rem;border-bottom:1px solid rgba(120,130,160,.16)}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr}.heavy-v6-hero{display:block}.hero-stats{margin-top:.75rem}}

/* Heavy v6.1 Patch — stability + premium visual polish */
body.heavy-v61{background:#eef4ff;color:#102033;min-height:100vh}
body.heavy-v61:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 18% 12%,rgba(37,99,235,.16),transparent 32%),radial-gradient(circle at 80% 0%,rgba(245,158,11,.14),transparent 28%),linear-gradient(180deg,#f8fbff 0%,#eef4ff 100%)}
body.heavy-v61 .content-area{position:relative}
body.heavy-v61 .sidebar{box-shadow:24px 0 70px rgba(15,23,42,.14);border-inline-end:1px solid rgba(255,255,255,.06)}
body.heavy-v61 .brand-icon{background:linear-gradient(135deg,rgba(251,191,36,.28),rgba(59,130,246,.18));box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
body.heavy-v61 .nav-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
body.heavy-v61 .nav-menu a:hover{transform:translateX(-2px);border-color:rgba(255,255,255,.08)}
body.heavy-v61 .nav-menu a.active{background:linear-gradient(135deg,rgba(59,130,246,.30),rgba(255,255,255,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(0,0,0,.12);border-color:rgba(147,197,253,.16)}
body.heavy-v61 .admin-page-head{background:rgba(255,255,255,.60);border:1px solid rgba(203,213,225,.62);box-shadow:0 20px 70px rgba(15,23,42,.06);border-radius:32px;padding:24px 26px;backdrop-filter:blur(16px)}
body.heavy-v61 .admin-page-head h1{font-weight:900;letter-spacing:-.02em;color:#0f172a}
body.heavy-v61 .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;background:#eff6ff;border:1px solid #dbeafe;color:#1d4ed8;font-weight:900;letter-spacing:.03em}
body.heavy-v61 .admin-card-v2,body.heavy-v61 .panel-card,body.heavy-v61 .hero-card,body.heavy-v61 .stat-card,body.heavy-v61 .flow-card{border-color:rgba(203,213,225,.72);box-shadow:0 22px 70px rgba(15,23,42,.075);backdrop-filter:blur(12px)}
body.heavy-v61 .admin-card-v2{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,251,255,.93))}
body.heavy-v61 .btn{font-weight:800;border-radius:14px}
body.heavy-v61 .btn-solar{background:linear-gradient(135deg,#facc15,#f59e0b);box-shadow:0 16px 34px rgba(245,158,11,.25)}
body.heavy-v61 .form-control,body.heavy-v61 .form-select{border-radius:16px;border-color:#d9e4f5;background:#fff;box-shadow:0 4px 14px rgba(15,23,42,.03)}
body.heavy-v61 .form-control:focus,body.heavy-v61 .form-select:focus{border-color:#60a5fa;box-shadow:0 0 0 .22rem rgba(96,165,250,.18)}
body.heavy-v61 .table-shell-v2{border-radius:24px;background:rgba(255,255,255,.58);padding:8px;border:1px solid rgba(226,232,240,.75)}
body.heavy-v61 .admin-table-v2 tbody tr{transition:transform .16s ease,box-shadow .16s ease;background:#fff}
body.heavy-v61 .admin-table-v2 tbody tr:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(15,23,42,.08)}
.flash-stack-v61{position:fixed;top:18px;right:50%;transform:translateX(50%);z-index:2600;display:grid;gap:10px;width:min(560px,calc(100vw - 24px))}.flash-toast-v61{display:flex;align-items:flex-start;gap:10px;padding:13px 16px;border-radius:18px;background:rgba(255,255,255,.96);border:1px solid rgba(203,213,225,.85);box-shadow:0 22px 70px rgba(15,23,42,.16);backdrop-filter:blur(16px)}.flash-toast-v61 p{margin:0;font-weight:800;color:#0f172a}.flash-toast-v61.success{border-color:#bbf7d0;background:#f0fdf4}.flash-toast-v61.warning{border-color:#fde68a;background:#fffbeb}.flash-toast-v61.danger{border-color:#fecaca;background:#fef2f2}
.client-toast-stack-v61{position:fixed;bottom:22px;left:22px;z-index:2700;display:grid;gap:10px}.client-toast-v61{opacity:0;transform:translateY(8px) scale(.98);transition:.24s ease;display:flex;gap:10px;align-items:center;width:min(360px,calc(100vw - 28px));padding:14px 16px;border-radius:18px;background:#0f172a;color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28)}.client-toast-v61.show{opacity:1;transform:translateY(0) scale(1)}.client-toast-v61 p{margin:0;font-weight:800}
.notification-bell-wrap{filter:drop-shadow(0 18px 40px rgba(15,23,42,.16))}.notification-bell-count.is-zero{background:#94a3b8}.notification-dropdown-actions{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #e2e8f0;background:#f8fafc}.notification-mark-read,.notification-dropdown-actions .notification-more{border:0;background:transparent;color:#0f172a;text-align:center;padding:14px 12px;font-weight:900;text-decoration:none}.notification-mark-read{border-inline-end:1px solid #e2e8f0}.notification-item.kind-message,.notification-center-card.kind-message{background:linear-gradient(135deg,#eff6ff,#fff);border-top-color:#3b82f6}.notification-center-card.kind-message{border-top:6px solid #3b82f6}.notification-item.kind-message .notif-kind,.kind-message .notification-kind{background:#dbeafe;color:#1d4ed8}
.support-filters{flex-direction:row!important;align-items:center;padding:12px!important}.support-filters .pill{width:auto!important;display:inline-flex!important;align-items:center;gap:8px}.pill{transition:.16s ease}.pill:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08)}
.support-command-v61{padding-bottom:60px}.command-hero-v61{position:relative;overflow:hidden;border-radius:38px;margin-bottom:18px;padding:28px;border:1px solid rgba(191,219,254,.8);background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(29,78,216,.90));box-shadow:0 34px 100px rgba(15,23,42,.20);color:#fff;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:24px;align-items:center}.command-hero-v61:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-120%);animation:heroSweepV61 7s ease-in-out infinite}.command-hero-v61>*{position:relative;z-index:1}.command-hero-glow{position:absolute;border-radius:999px;filter:blur(18px);opacity:.55}.command-hero-glow.one{width:260px;height:260px;right:-70px;top:-80px;background:#3b82f6}.command-hero-glow.two{width:240px;height:240px;left:8%;bottom:-110px;background:#f59e0b}.hero-pill-v61{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:900;color:#fde68a}.command-hero-copy-v61 h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.08;font-weight:900;margin:14px 0 12px;letter-spacing:-.035em}.command-hero-copy-v61 p{font-weight:700;line-height:1.9;color:#dbeafe;max-width:760px;margin:0}.command-hero-metrics-v61{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.command-hero-metrics-v61 article{border-radius:26px;padding:18px 20px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.command-hero-metrics-v61 small{display:block;color:#c7d2fe;font-weight:800}.command-hero-metrics-v61 strong{font-size:2.4rem;font-weight:900}.command-hero-metrics-v61 article.danger strong{color:#fecaca}.command-hero-metrics-v61 article.warning strong{color:#fde68a}.command-hero-metrics-v61 article.success strong{color:#bbf7d0}@keyframes heroSweepV61{0%,65%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.command-toolbar-v61{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;margin-bottom:16px}.command-filter-row-v61{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px;border-radius:26px;background:rgba(255,255,255,.76);border:1px solid rgba(203,213,225,.78);box-shadow:0 18px 55px rgba(15,23,42,.07);backdrop-filter:blur(14px)}.command-filter-chip-v61{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:#0f172a;border-radius:999px;padding:10px 14px;border:1px solid #e2e8f0;background:#fff;font-weight:900;transition:.18s ease;white-space:nowrap}.command-filter-chip-v61 b{min-width:26px;height:26px;border-radius:999px;display:inline-grid;place-items:center;background:#e2e8f0;color:#0f172a;font-size:.82rem}.command-filter-chip-v61:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.10)}.command-filter-chip-v61.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff;box-shadow:0 18px 44px rgba(37,99,235,.25)}.command-filter-chip-v61.active b{background:#facc15;color:#0f172a}.command-search-v61{display:flex;align-items:center;gap:10px;border-radius:26px;background:#fff;border:1px solid rgba(203,213,225,.82);box-shadow:0 18px 55px rgba(15,23,42,.07);padding:0 16px}.command-search-v61 span{font-size:1.25rem;color:#64748b}.command-search-v61 input{border:0;outline:0;background:transparent;width:100%;height:58px;font-weight:800;color:#0f172a}.command-search-v61 input::placeholder{color:#94a3b8}
.command-layout-v61{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.command-queue-v61,.side-card-v61{border-radius:32px;border:1px solid rgba(203,213,225,.82);background:rgba(255,255,255,.82);box-shadow:0 24px 78px rgba(15,23,42,.08);backdrop-filter:blur(16px)}.command-queue-v61{padding:18px}.queue-head-v61,.side-head-v61{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.queue-head-v61 small,.side-head-v61 small{color:#64748b;font-weight:900}.queue-head-v61 h2,.side-head-v61 h3{margin:0;font-weight:900;color:#0f172a}.case-list-v61{display:grid;gap:13px}.case-card-v61{position:relative;overflow:hidden;border-radius:28px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 16px 50px rgba(15,23,42,.06);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px 18px 18px 22px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.case-card-v61:hover{transform:translateY(-2px);box-shadow:0 26px 76px rgba(15,23,42,.12);border-color:#bfdbfe}.case-card-v61.is-hidden-by-search{display:none}.case-accent-v61{position:absolute;inset:0 auto 0 0;width:7px;background:#3b82f6}.case-card-v61.kind-ticket .case-accent-v61{background:#f97316}.case-card-v61.is-overdue .case-accent-v61{background:#ef4444}.case-card-v61.is-closed{opacity:.78;background:linear-gradient(180deg,#fff,#f8fafc)}.case-top-v61{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.case-type-v61,.case-status-v61,.case-priority-v61{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;border:1px solid transparent}.case-type-v61.message{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.case-type-v61.ticket{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.case-status-v61{background:#dcfce7;color:#166534;border-color:#bbf7d0}.case-status-v61.status-waiting_user,.case-status-v61.status-pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.case-status-v61.status-closed,.case-status-v61.status-resolved{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.case-priority-v61{background:#f1f5f9;color:#334155}.case-priority-v61.priority-high,.case-priority-v61.priority-urgent{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.case-main-v61 h3{font-size:1.16rem;line-height:1.45;font-weight:900;color:#0f172a;margin:0 0 12px}.case-meta-grid-v61{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;color:#64748b;font-weight:800;font-size:.88rem}.case-actions-v61{display:flex;flex-direction:column;gap:9px;align-items:stretch;justify-content:center;min-width:270px}.case-actions-v61 form{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.case-actions-v61 .btn{white-space:nowrap}.empty-state-card-v61{display:grid;place-items:center;text-align:center;gap:8px;min-height:260px;border:1px dashed #cbd5e1;border-radius:28px;background:#f8fafc;padding:32px;color:#64748b}.empty-state-card-v61 div{font-size:2.5rem}.empty-state-card-v61 h3{font-weight:900;color:#0f172a;margin:0}.empty-state-card-v61 p{margin:0;max-width:420px;line-height:1.8}
.command-side-v61{display:grid;gap:16px}.side-card-v61{padding:18px}.canned-list-v61{display:grid;gap:10px}.canned-reply-v61{border:1px solid #e2e8f0;background:#fff;border-radius:20px;text-align:inherit;padding:13px 14px;display:grid;gap:5px;transition:.16s ease}.canned-reply-v61:hover{transform:translateY(-1px);box-shadow:0 14px 36px rgba(15,23,42,.08);border-color:#bfdbfe}.canned-reply-v61 strong{font-weight:900;color:#0f172a}.canned-reply-v61 span{font-weight:700;color:#64748b;line-height:1.7;font-size:.9rem}.canned-reply-v61.copied{background:#ecfdf5;border-color:#bbf7d0}.canned-reply-v61.copied:after{content:"تم النسخ";color:#047857;font-weight:900}.ops-pulse-v61{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ops-pulse-v61 div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:12px;text-align:center}.ops-pulse-v61 strong{display:block;font-size:1.35rem;color:#0f172a}.ops-pulse-v61 small{color:#64748b;font-weight:800}.pulse-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-bottom:4px}.pulse-dot.green{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.pulse-dot.red{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}.pulse-dot.amber{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}.audit-timeline-v61{display:grid;gap:10px;max-height:430px;overflow:auto;padding-inline-start:4px}.audit-node-v61{display:grid;grid-template-columns:18px 1fr;gap:8px}.audit-node-v61>span{position:relative;display:block;width:11px;height:11px;border-radius:999px;background:#2563eb;margin-top:7px;box-shadow:0 0 0 5px rgba(37,99,235,.12)}.audit-node-v61 div{border-bottom:1px solid #e2e8f0;padding-bottom:9px}.audit-node-v61 strong{display:block;font-size:.88rem;color:#0f172a}.audit-node-v61 p{margin:2px 0;color:#64748b;line-height:1.5;font-weight:700}.audit-node-v61 small{color:#94a3b8}.empty-mini-v61{color:#64748b;font-weight:800;text-align:center;margin:12px 0}
.support-board-v55,.portal-support-list-v53{align-items:start}.support-card-v55,.portal-support-card-v53,.support-compose-card-v54{box-shadow:0 24px 76px rgba(15,23,42,.09)!important}.support-thread-v55{scrollbar-width:thin}.support-bubble-v55{line-height:1.75}.support-assignee-chip-v57{display:inline-flex;margin-inline-start:8px;padding:4px 9px;border-radius:999px;background:#eef2ff;color:#3730a3;font-weight:900;font-size:.78rem}.support-buttons-v57{display:flex;gap:8px;flex-wrap:wrap}.support-assignment-hint-v57{font-size:.86rem;color:#64748b;font-weight:800;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:9px 12px}
@media(max-width:1180px){.command-hero-v61,.command-toolbar-v61,.command-layout-v61{grid-template-columns:1fr}.command-hero-metrics-v61{grid-template-columns:repeat(4,minmax(0,1fr))}.command-search-v61{min-height:58px}.command-side-v61{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-panel-v61{grid-column:1/-1}.case-actions-v61{min-width:0}.case-card-v61{grid-template-columns:1fr}}
@media(max-width:760px){body.heavy-v61 .content-area.admin-shell-v2{padding:18px 14px 36px}.command-hero-v61{border-radius:28px;padding:22px}.command-hero-metrics-v61,.command-side-v61,.case-meta-grid-v61,.ops-pulse-v61{grid-template-columns:1fr}.command-filter-row-v61{overflow:auto;flex-wrap:nowrap}.command-filter-chip-v61{flex:0 0 auto}.case-actions-v61 form{justify-content:stretch}.case-actions-v61 .btn,.case-actions-v61 form .btn{width:100%}.flash-stack-v61{top:10px;width:calc(100vw - 18px)}.client-toast-stack-v61{left:10px;right:10px;bottom:12px}.client-toast-v61{width:100%}}

/* Heavy v6.2 — Support Mailbox UX */
.support-mailbox-page-v62{padding-bottom:70px}.mailbox-hero-v62{margin-bottom:14px}.mailbox-toolbar-v62{grid-template-columns:minmax(0,1fr) minmax(460px,.45fr)}.mailbox-toolbar-actions-v62{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.mailbox-search-v62{min-width:0}.mailbox-view-toggle-v62{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid rgba(203,213,225,.9);background:rgba(255,255,255,.86);border-radius:22px;padding:6px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.mailbox-view-toggle-v62 button{border:0;background:transparent;border-radius:16px;padding:10px 13px;font-weight:900;color:#475569;white-space:nowrap}.mailbox-view-toggle-v62 button.active{background:#0f2b66;color:#fff;box-shadow:0 12px 26px rgba(15,43,102,.20)}
.support-mailbox-v62{display:grid;grid-template-columns:minmax(300px,370px) minmax(0,1fr) minmax(280px,330px);gap:16px;align-items:start}.mailbox-list-panel-v62,.mailbox-thread-panel-v62,.mailbox-inspector-v62{min-width:0}.mailbox-list-panel-v62,.mailbox-thread-panel-v62,.inspector-card-v62{border:1px solid rgba(203,213,225,.84);background:rgba(255,255,255,.88);box-shadow:0 24px 78px rgba(15,23,42,.08);backdrop-filter:blur(16px);border-radius:30px}.mailbox-list-panel-v62{padding:14px;position:sticky;top:14px}.mailbox-panel-head-v62{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mailbox-panel-head-v62 small{display:block;color:#64748b;font-weight:900}.mailbox-panel-head-v62 h2{margin:2px 0 0;color:#0f172a;font-weight:900;font-size:1.2rem}.mailbox-list-v62{display:grid;gap:9px;max-height:calc(100vh - 260px);overflow:auto;padding-inline-end:3px;scrollbar-width:thin}.mailbox-row-v62{position:relative;display:grid;gap:7px;text-align:inherit;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:12px 13px 12px 16px;box-shadow:0 10px 30px rgba(15,23,42,.045);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;color:#0f172a}.mailbox-row-v62:hover{transform:translateY(-1px);box-shadow:0 18px 44px rgba(15,23,42,.10);border-color:#bfdbfe}.mailbox-row-v62.is-active{border-color:#2563eb;background:linear-gradient(135deg,#fff,#eff6ff);box-shadow:0 20px 52px rgba(37,99,235,.16)}.mailbox-row-v62.is-hidden-by-search{display:none}.mailbox-row-v62.is-closed{opacity:.72}.mailbox-row-accent-v62{position:absolute;inset:0 auto 0 0;width:5px;border-radius:20px 0 0 20px;background:#3b82f6}.mailbox-row-v62.kind-ticket .mailbox-row-accent-v62{background:#f97316}.mailbox-row-v62.is-overdue .mailbox-row-accent-v62{background:#ef4444}.mailbox-row-top-v62{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mailbox-row-v62 strong{font-weight:900;font-size:.98rem;line-height:1.45}.mailbox-row-preview-v62{display:block;color:#64748b;font-weight:700;line-height:1.6;font-size:.88rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mailbox-row-meta-v62{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#70819e;font-weight:800;font-size:.78rem}.mailbox-type-v62,.mailbox-status-v62,.mailbox-priority-v62{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:900;border:1px solid transparent}.mailbox-type-v62.message{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.mailbox-type-v62.ticket{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.mailbox-status-v62{background:#dcfce7;color:#166534;border-color:#bbf7d0}.mailbox-status-v62.status-new{background:#e0f2fe;color:#0369a1;border-color:#bae6fd}.mailbox-status-v62.status-assigned,.mailbox-status-v62.status-in_progress{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.mailbox-status-v62.status-waiting_user,.mailbox-status-v62.status-pending{background:#fef3c7;color:#92400e;border-color:#fde68a}.mailbox-status-v62.status-resolved{background:#dcfce7;color:#047857;border-color:#bbf7d0}.mailbox-status-v62.status-closed{background:#e2e8f0;color:#475569;border-color:#cbd5e1}.mailbox-priority-v62{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.mailbox-priority-v62.priority-low{background:#f8fafc;color:#64748b}.mailbox-priority-v62.priority-high{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.mailbox-priority-v62.priority-urgent{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.sla-dot-v62{width:10px;height:10px;border-radius:999px;display:inline-block;flex:0 0 auto}.sla-dot-v62.green{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.sla-dot-v62.red{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}.sla-dot-v62.gray{background:#cbd5e1}
.support-mailbox-v62[data-view="cards"] .mailbox-list-panel-v62{position:static}.support-mailbox-v62[data-view="cards"] .mailbox-list-v62{max-height:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-mailbox-v62[data-view="cards"] .mailbox-row-v62{min-height:160px;padding:17px}.support-mailbox-v62[data-view="cards"]{grid-template-columns:minmax(0,1fr);}.support-mailbox-v62[data-view="cards"] .mailbox-thread-panel-v62,.support-mailbox-v62[data-view="cards"] .mailbox-inspector-v62{display:none}
.mailbox-thread-panel-v62{padding:0;overflow:hidden;min-height:640px}.mailbox-thread-v62{display:none;min-height:640px;grid-template-rows:auto minmax(260px,1fr) auto}.mailbox-thread-v62.is-active{display:grid}.thread-head-v62{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#fff,#f8fbff)}.thread-kickers-v62{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.thread-head-v62 h2{font-size:1.45rem;line-height:1.35;font-weight:900;color:#0f172a;margin:0 0 6px}.thread-head-v62 p{margin:0;color:#64748b;font-weight:800}.thread-head-actions-v62{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.thread-messages-v62{padding:22px;display:flex;flex-direction:column;gap:12px;overflow:auto;max-height:calc(100vh - 430px);min-height:310px;background:radial-gradient(circle at var(--mx,25%) var(--my,15%),rgba(219,234,254,.70),transparent 36%),linear-gradient(180deg,#f8fbff,#f1f5f9)}.thread-message-v62{max-width:82%;border-radius:22px;padding:13px 15px;border:1px solid #e2e8f0;box-shadow:0 12px 32px rgba(15,23,42,.06);background:#fff;color:#0f172a}.thread-message-v62.from-admin{align-self:flex-end;background:linear-gradient(135deg,#13265a,#1d4ed8);border-color:transparent;color:#fff}.thread-message-v62.from-user{align-self:flex-start}.thread-message-v62.internal-note{align-self:center;background:#fff7ed;color:#0f172a;border-color:#fed7aa;max-width:92%}.message-meta-v62{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px}.message-meta-v62 strong{font-weight:900}.message-meta-v62 small{font-weight:800;opacity:.72}.thread-message-v62 p{margin:0;line-height:1.85;font-weight:700;white-space:pre-wrap}.reply-composer-v62{border-top:1px solid #e2e8f0;background:rgba(255,255,255,.94);padding:16px;display:grid;gap:11px}.composer-tools-v62{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.composer-tools-v62 label span{display:block;font-weight:900;color:#334155;margin-bottom:5px}.reply-composer-v62 textarea{resize:vertical;min-height:112px}.composer-footer-v62{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.composer-left-v62,.composer-actions-v62{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.compact-switch-v62{padding:8px 10px;border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0}.canned-drawer-v62{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.canned-drawer-head-v62{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.canned-drawer-head-v62 strong{font-weight:900;color:#0f172a}.canned-drawer-head-v62 button{border:0;background:#e2e8f0;border-radius:999px;width:30px;height:30px;font-weight:900}.canned-grid-v62{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;max-height:330px;overflow:auto}.canned-card-v62{border:1px solid #e2e8f0;background:#fff;border-radius:18px;padding:12px;display:grid;gap:8px}.canned-card-v62 strong{font-weight:900;color:#0f172a}.canned-card-v62 p{margin:0;color:#64748b;font-weight:700;line-height:1.65;font-size:.88rem}.canned-card-v62 div{display:flex;gap:6px;flex-wrap:wrap}.canned-card-v62 .btn{padding:6px 9px}.mailbox-no-thread-v62{min-height:640px;display:grid;place-items:center;text-align:center;color:#64748b}.mailbox-no-thread-v62 div{font-size:3rem}.mailbox-no-thread-v62 h2{font-weight:900;color:#0f172a}.mailbox-empty-v62{min-height:360px}.mailbox-inspector-v62{position:sticky;top:14px;display:grid;gap:14px}.inspector-panel-v62{display:none;gap:14px}.inspector-panel-v62.is-active{display:grid}.inspector-card-v62{padding:18px}.inspector-card-v62 small{display:block;color:#64748b;font-weight:900}.inspector-card-v62 h3{font-weight:900;color:#0f172a;font-size:1.1rem;line-height:1.45;margin:5px 0 14px}.inspector-card-v62 dl{display:grid;gap:9px;margin:0}.inspector-card-v62 dl div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding-bottom:8px}.inspector-card-v62 dt{color:#64748b;font-weight:900}.inspector-card-v62 dd{margin:0;color:#0f172a;font-weight:900;text-align:end}.quick-actions-v62{margin-top:14px}.quick-actions-v62 form{display:flex;gap:7px;flex-wrap:wrap}.quick-actions-v62 .btn{flex:1 1 auto}.audit-mini-v62>div{display:grid;gap:9px;max-height:330px;overflow:auto}.audit-mini-v62 article{display:grid;grid-template-columns:16px 1fr;gap:8px}.audit-mini-v62 article>span{width:10px;height:10px;border-radius:999px;background:#2563eb;margin-top:7px;box-shadow:0 0 0 5px rgba(37,99,235,.10)}.audit-mini-v62 article strong{font-weight:900;font-size:.84rem;color:#0f172a}.audit-mini-v62 article p{margin:2px 0;color:#64748b;font-size:.84rem;font-weight:700;line-height:1.5}.audit-mini-v62 article small{font-size:.75rem;color:#94a3b8}.sla-red{color:#dc2626;font-weight:900}.sla-green{color:#059669;font-weight:900}
.profile-support-mailbox-v62{display:grid;gap:16px}.profile-support-head-v62{border-radius:34px;padding:24px 26px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,246,255,.84));border:1px solid rgba(203,213,225,.78);box-shadow:0 24px 76px rgba(15,23,42,.08);display:flex;justify-content:space-between;gap:18px;align-items:center}.profile-support-head-v62 h2{font-size:clamp(1.7rem,3vw,3rem);font-weight:900;color:#0f172a;margin:8px 0}.profile-support-head-v62 p{color:#64748b;font-weight:800;margin:0}.profile-support-actions-v62{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-mailbox-grid-v62{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:16px}.profile-mail-list-v62,.profile-thread-panel-v62{position:relative;top:auto}.profile-thread-panel-v62{min-height:620px}.profile-thread-panel-v62 .mailbox-thread-v62{min-height:620px}
@media(max-width:1280px){.support-mailbox-v62{grid-template-columns:minmax(280px,350px) minmax(0,1fr)}.mailbox-inspector-v62{grid-column:1/-1;position:static}.inspector-panel-v62.is-active{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-toolbar-v62{grid-template-columns:1fr}.profile-mailbox-grid-v62{grid-template-columns:320px minmax(0,1fr)}}
@media(max-width:980px){.support-mailbox-v62,.profile-mailbox-grid-v62{grid-template-columns:1fr}.mailbox-list-panel-v62{position:static}.mailbox-list-v62{max-height:420px}.thread-head-v62,.profile-support-head-v62{flex-direction:column}.thread-head-actions-v62{justify-content:flex-start}.composer-tools-v62{grid-template-columns:1fr}.inspector-panel-v62.is-active{grid-template-columns:1fr}.mailbox-toolbar-actions-v62{grid-template-columns:1fr}.mailbox-view-toggle-v62{justify-content:stretch}.mailbox-view-toggle-v62 button{flex:1}.thread-messages-v62{max-height:520px}.thread-message-v62{max-width:96%}}
@media(max-width:640px){.support-mailbox-page-v62{padding-inline:10px}.mailbox-list-panel-v62,.mailbox-thread-panel-v62,.inspector-card-v62,.profile-support-head-v62{border-radius:24px}.thread-head-v62{padding:16px}.thread-messages-v62{padding:14px}.reply-composer-v62{padding:12px}.composer-footer-v62,.composer-left-v62,.composer-actions-v62{align-items:stretch;flex-direction:column}.composer-footer-v62 .btn,.composer-actions-v62 .btn,.composer-left-v62 .btn{width:100%}.canned-grid-v62{grid-template-columns:1fr}.command-hero-metrics-v61{grid-template-columns:repeat(2,minmax(0,1fr))}}
.flash-toast-v61{transition:opacity .22s ease,transform .22s ease}.reply-composer-v62[data-submitted="1"]{opacity:.82;pointer-events:none}
.profile-support-mailbox-v62[data-view="cards"] .profile-mailbox-grid-v62{grid-template-columns:1fr}.profile-support-mailbox-v62[data-view="cards"] .mailbox-list-v62{max-height:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.profile-support-mailbox-v62[data-view="cards"] .mailbox-row-v62{min-height:150px;padding:17px}.profile-support-mailbox-v62[data-view="cards"] .profile-thread-panel-v62{display:none}

/* Heavy v6.3 — Subscriber Support Mailbox UX */
.mailbox-row-v62.is-hidden-by-filter{display:none}
.portal-support-mailbox-page-v63{padding-bottom:70px}
.portal-support-hero-v63{position:relative;overflow:hidden;border-radius:36px;padding:28px;margin-bottom:16px;border:1px solid rgba(203,213,225,.78);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.86));box-shadow:0 28px 90px rgba(15,23,42,.10);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.45fr);gap:24px;align-items:center}
.portal-support-hero-v63:before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at var(--cx,18%) var(--cy,10%),rgba(37,99,235,.18),transparent 34%),radial-gradient(circle at 88% 10%,rgba(251,191,36,.18),transparent 35%);pointer-events:none}.portal-support-hero-v63>*{position:relative;z-index:1}.portal-hero-glow-v63{position:absolute;border-radius:50%;filter:blur(28px);opacity:.58;pointer-events:none}.portal-hero-glow-v63.one{width:260px;height:260px;background:#bfdbfe;inset:-90px auto auto -80px}.portal-hero-glow-v63.two{width:220px;height:220px;background:#fde68a;inset:auto 8% -120px auto}.portal-hero-copy-v63 h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.1;font-weight:900;color:#0f172a;margin:12px 0}.portal-hero-copy-v63 p{font-weight:800;color:#64748b;line-height:1.8;margin:0;max-width:760px}.portal-hero-metrics-v63{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portal-hero-metrics-v63 article{border-radius:24px;padding:18px;background:rgba(255,255,255,.78);border:1px solid rgba(203,213,225,.86);box-shadow:0 18px 55px rgba(15,23,42,.07)}.portal-hero-metrics-v63 small{display:block;color:#64748b;font-weight:900}.portal-hero-metrics-v63 strong{display:block;margin-top:6px;color:#0f172a;font-size:2rem;font-weight:900}.portal-hero-metrics-v63 article.warning{background:#fffbeb}.portal-hero-metrics-v63 article.success{background:#eff6ff}.portal-hero-metrics-v63 article.ticket{background:#fff7ed}
.portal-mailbox-toolbar-v63{display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.62fr);gap:14px;align-items:center;margin-bottom:16px}.portal-kind-tabs-v63{min-width:0}.portal-mailbox-tools-v63{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.portal-status-segment-v63{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid rgba(203,213,225,.9);background:rgba(255,255,255,.86);border-radius:22px;padding:6px;box-shadow:0 14px 40px rgba(15,23,42,.06)}.portal-status-segment-v63 button{border:0;background:transparent;border-radius:16px;padding:10px 13px;font-weight:900;color:#475569;white-space:nowrap}.portal-status-segment-v63 button b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e2e8f0;margin-inline-start:5px;font-size:.78rem}.portal-status-segment-v63 button.active{background:#0f2b66;color:#fff;box-shadow:0 12px 26px rgba(15,43,102,.20)}.portal-status-segment-v63 button.active b{background:#fbbf24;color:#0f172a}
.portal-mailbox-grid-v63{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr) minmax(300px,350px);gap:16px;align-items:start}.portal-mail-list-v63,.portal-thread-panel-v63,.portal-inspector-v63{min-width:0}.portal-mail-list-v63,.portal-inspector-v63{position:sticky;top:14px}.portal-thread-panel-v63{min-height:690px}.portal-thread-v63{min-height:690px}.portal-thread-head-v63{background:linear-gradient(135deg,#fff,#eff6ff)}.portal-thread-messages-v63{min-height:380px;max-height:calc(100vh - 410px)}.portal-support-mailbox-v63 .thread-message-v62.from-user{align-self:flex-end;background:linear-gradient(135deg,#13265a,#1d4ed8);border-color:transparent;color:#fff}.portal-support-mailbox-v63 .thread-message-v62.from-admin{align-self:flex-start;background:#fff;color:#0f172a;border-color:#dbeafe}.portal-reply-composer-v63{grid-template-columns:1fr}.portal-reply-hint-v63{display:inline-flex;align-items:center;border-radius:999px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;padding:8px 12px;font-weight:900}.portal-frozen-reply-v63{border-top:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-weight:900;padding:18px;text-align:center}.portal-inspector-v63{display:grid;gap:14px}.portal-status-note-v63{margin-top:14px;border-radius:18px;padding:12px;font-weight:900;line-height:1.65}.portal-status-note-v63.open{background:#ecfdf5;color:#047857;border:1px solid #bbf7d0}.portal-status-note-v63.warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.portal-status-note-v63.closed{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.portal-new-request-card-v63{scroll-margin-top:18px}.portal-new-request-v63 .support-compose-card-v54{border-radius:24px!important;padding:18px!important;box-shadow:none!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.portal-new-request-v63 .support-compose-card-v54:after{display:none}.portal-new-request-v63 .composer-header-v54{display:grid;gap:12px;margin-bottom:14px}.portal-new-request-v63 .composer-header-v54 h2{font-size:1.25rem;margin:3px 0}.portal-new-request-v63 .composer-header-v54 p{font-size:.9rem;line-height:1.65;margin:0}.portal-new-request-v63 .composer-toggle-v54{width:100%;display:grid;grid-template-columns:1fr 1fr}.portal-new-request-v63 .composer-toggle-v54 button{padding:9px 10px}.portal-new-request-v63 .compose-row-v53{grid-template-columns:1fr}.portal-new-request-v63 .support-compose-form-v54 .form-control{padding:10px 12px}.portal-new-request-v63 .composer-submit-row-v54{display:grid;gap:10px}.portal-new-request-v63 .composer-submit-row-v54 .btn-solar{width:100%}
.portal-support-mailbox-v63[data-view="cards"] .portal-mailbox-grid-v63{grid-template-columns:1fr}.portal-support-mailbox-v63[data-view="cards"] .mailbox-list-panel-v62{position:static}.portal-support-mailbox-v63[data-view="cards"] .mailbox-list-v62{max-height:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.portal-support-mailbox-v63[data-view="cards"] .mailbox-row-v62{min-height:165px;padding:18px}.portal-support-mailbox-v63[data-view="cards"] .portal-thread-panel-v63,.portal-support-mailbox-v63[data-view="cards"] .portal-inspector-v63{display:none}
@media(max-width:1320px){.portal-support-hero-v63,.portal-mailbox-toolbar-v63{grid-template-columns:1fr}.portal-mailbox-grid-v63{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.portal-inspector-v63{grid-column:1/-1;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.portal-mailbox-grid-v63{grid-template-columns:1fr}.portal-mail-list-v63{position:static}.portal-mailbox-tools-v63{grid-template-columns:1fr}.portal-status-segment-v63,.mailbox-view-toggle-v62{justify-content:stretch}.portal-status-segment-v63 button,.mailbox-view-toggle-v62 button{flex:1}.portal-inspector-v63{grid-template-columns:1fr}.portal-thread-messages-v63{max-height:520px}.portal-support-hero-v63{padding:22px}.portal-hero-metrics-v63{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.portal-support-mailbox-page-v63{padding-inline:10px}.portal-support-hero-v63,.portal-mail-list-v63,.portal-thread-panel-v63,.portal-new-request-v63 .support-compose-card-v54{border-radius:24px}.portal-hero-copy-v63 h1{font-size:2.35rem}.portal-hero-metrics-v63{grid-template-columns:1fr}.portal-kind-tabs-v63{overflow:auto;flex-wrap:nowrap}.portal-thread-messages-v63{padding:14px}.portal-reply-hint-v63{width:100%;justify-content:center;text-align:center}}

/* Heavy v7.0 — Platform Rebuild Polish & Architecture Hardening UI Layer */
:root{
  --brand-navy:#0f2457;
  --brand-blue:#2563eb;
  --brand-blue-2:#1d4ed8;
  --brand-gold:#fbbf24;
  --brand-gold-2:#f59e0b;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#dc2626;
  --surface:#ffffff;
  --surface-soft:#f8fbff;
  --surface-tint:#eef6ff;
  --border-soft:#dbe4f0;
  --text-main:#0f172a;
  --text-muted:#64748b;
  --motion-fast:120ms;
  --motion-normal:220ms;
  --motion-slow:360ms;
}
html{scroll-behavior:smooth}body.heavy-v70{background:radial-gradient(circle at 18% 0%,rgba(37,99,235,.10),transparent 28%),radial-gradient(circle at 86% 8%,rgba(251,191,36,.13),transparent 26%),linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);color:var(--text-main)}
body.heavy-v70 *{min-width:0}body.heavy-v70 img,body.heavy-v70 svg,body.heavy-v70 canvas{max-width:100%}
body.heavy-v70 .content-area{max-width:100%;overflow-x:hidden;padding:clamp(16px,2vw,28px)}
body.heavy-v70 .panel-card,body.heavy-v70 .admin-card-v2,body.heavy-v70 .card,body.heavy-v70 .stat-card,body.heavy-v70 .hero-card{border:1px solid rgba(203,213,225,.82);background:rgba(255,255,255,.93);box-shadow:0 22px 70px rgba(15,23,42,.08);border-radius:clamp(20px,2vw,30px)}
body.heavy-v70 .topbar,body.heavy-v70 .admin-page-head{border-radius:32px;border:1px solid rgba(203,213,225,.72);background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.86));box-shadow:0 24px 70px rgba(15,23,42,.08);padding:20px 22px;margin-bottom:18px;overflow:hidden}
body.heavy-v70 .topbar h1,body.heavy-v70 .admin-page-head h1{font-weight:900;letter-spacing:-.02em;color:var(--text-main)}
body.heavy-v70 .topbar p,body.heavy-v70 .admin-page-head p{font-weight:750;color:var(--text-muted)}
body.heavy-v70 .sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-inline-end:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(15,23,42,.22)}
body.heavy-v70 .nav-menu a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:850;line-height:1.35;transition:transform var(--motion-fast) ease,background var(--motion-normal) ease,color var(--motion-normal) ease}
body.heavy-v70 .nav-menu a:hover{transform:translateX(calc(var(--dir-factor,1) * -2px))}html[dir="ltr"] body.heavy-v70{--dir-factor:-1}
body.heavy-v70 .nav-menu a.active{background:linear-gradient(135deg,rgba(37,99,235,.35),rgba(255,255,255,.10));box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 16px 35px rgba(37,99,235,.16)}
body.heavy-v70 .sidebar-user-box{border-radius:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);padding:14px;display:flex;align-items:center;gap:12px;margin-top:18px}
body.heavy-v70 .sidebar-user-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.16);font-weight:900}
body.heavy-v70 .sidebar-mobile-close-v70{display:none}
body.heavy-v70 .mobile-sidebar-launcher{display:none;position:fixed;z-index:1050;inset:auto auto 18px 18px;width:54px;height:54px;border:0;border-radius:18px;background:linear-gradient(135deg,var(--brand-blue),var(--brand-navy));color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.25);font-size:24px}html[dir="rtl"] body.heavy-v70 .mobile-sidebar-launcher{left:auto;right:18px}
body.heavy-v70 .sidebar-backdrop-v70{position:fixed;inset:0;z-index:1040;background:rgba(15,23,42,.45);backdrop-filter:blur(4px)}
body.heavy-v70 .btn,body.heavy-v70 button.btn{border-radius:16px;font-weight:900;padding:.68rem 1.02rem;transition:transform var(--motion-fast) ease,box-shadow var(--motion-normal) ease,background var(--motion-normal) ease,border-color var(--motion-normal) ease;box-shadow:none;white-space:normal}
body.heavy-v70 .btn:hover{transform:translateY(-1px)}body.heavy-v70 .btn:focus-visible{outline:3px solid rgba(37,99,235,.24);outline-offset:2px}
body.heavy-v70 .btn-solar,body.heavy-v70 .btn-primary{background:linear-gradient(135deg,var(--brand-gold),#f59e0b)!important;color:#111827!important;border:0!important;box-shadow:0 16px 34px rgba(245,158,11,.24)!important}
body.heavy-v70 .btn-outline-primary{border-color:#bfdbfe!important;color:#1d4ed8!important;background:rgba(239,246,255,.72)!important}
body.heavy-v70 .btn-outline-secondary{border-color:#cbd5e1!important;color:#475569!important;background:#fff!important}
body.heavy-v70 .btn-outline-danger,body.heavy-v70 .btn-danger{border-color:#fecaca!important;color:#dc2626!important;background:#fff5f5!important}
body.heavy-v70 .btn-outline-success,body.heavy-v70 .btn-success{border-color:#bbf7d0!important;color:#047857!important;background:#ecfdf5!important}
body.heavy-v70 .btn-sm{border-radius:12px;padding:.45rem .72rem;font-size:.86rem}
body.heavy-v70 .form-control,body.heavy-v70 .form-select{border-radius:16px;border:1px solid var(--border-soft);background:#fff;font-weight:750;color:var(--text-main);box-shadow:none;max-width:100%}
body.heavy-v70 .form-control:focus,body.heavy-v70 .form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 .2rem rgba(37,99,235,.12)}
body.heavy-v70 textarea.form-control{line-height:1.7}
body.heavy-v70 .data-table,body.heavy-v70 table{max-width:100%;table-layout:auto}body.heavy-v70 .table-responsive{border-radius:24px;overflow:auto;border:1px solid rgba(203,213,225,.62)}
body.heavy-v70 .data-table th,body.heavy-v70 .data-table td{vertical-align:middle;word-break:break-word;white-space:normal}
body.heavy-v70 .status-pill,body.heavy-v70 .smart-badge,body.heavy-v70 .stats-pill,.ui-badge-v70{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 11px;font-weight:900;font-size:.84rem;border:1px solid transparent;line-height:1.1}
.ui-badge-v70.is-info{background:#dbeafe;color:#1d4ed8;border-color:#bfdbfe}.ui-badge-v70.is-primary{background:#e0e7ff;color:#3730a3;border-color:#c7d2fe}.ui-badge-v70.is-success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.ui-badge-v70.is-warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.ui-badge-v70.is-danger{background:#fee2e2;color:#b91c1c;border-color:#fecaca}.ui-badge-v70.is-muted{background:#f1f5f9;color:#475569;border-color:#e2e8f0}
body.heavy-v70 [class*="grid"],body.heavy-v70 .admin-layout-v2,body.heavy-v70 .form-grid-v2,body.heavy-v70 .admin-form-grid,body.heavy-v70 .devices-manage-grid{min-width:0}
body.heavy-v70 .admin-layout-v2,body.heavy-v70 .devices-manage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}
body.heavy-v70 .form-grid-v2.two,body.heavy-v70 .admin-form-grid,body.heavy-v70 .settings-form,body.heavy-v70 .form-grid-two{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
body.heavy-v70 .full{grid-column:1/-1}.secret-field-v70{position:relative}.secret-field-v70 input{padding-inline-end:84px}.secret-toggle-v70{position:absolute;inset-block-end:8px;inset-inline-end:8px;border:0;border-radius:12px;background:#eff6ff;color:#1d4ed8;font-weight:900;padding:6px 10px}
body.heavy-v70 .masked-secret-v70{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;direction:ltr;unicode-bidi:plaintext;letter-spacing:.04em;color:#475569;background:#f8fafc;border-radius:10px;padding:3px 7px;border:1px solid #e2e8f0}
body.heavy-v70 .json-box,body.heavy-v70 pre{max-width:100%;white-space:pre-wrap;word-break:break-word}
body.heavy-v70 .flash-stack-v61{z-index:1100}body.heavy-v70 .flash-toast-v61{max-width:min(620px,calc(100vw - 28px));box-shadow:0 18px 50px rgba(15,23,42,.14)}
body.heavy-v70 .notification-bell-wrap{z-index:1035}body.heavy-v70 .notification-dropdown{max-width:calc(100vw - 24px)}
@media(max-width:900px){
  body.heavy-v70 .app-shell:not(.has-layout-sidebar),body.heavy-v70 .app-shell.sidebar-collapsed:not(.has-layout-sidebar){display:block;grid-template-columns:1fr}
  body.heavy-v70 .app-shell:not(.has-layout-sidebar) .sidebar{display:flex!important;position:sticky;z-index:10;inset:auto;width:100%;height:auto;transform:none;transition:transform var(--motion-normal) ease;padding-top:54px}html[dir="rtl"] body.heavy-v70 .app-shell:not(.has-layout-sidebar) .sidebar{left:auto;right:auto;transform:none}
  body.heavy-v70 .app-shell:not(.has-layout-sidebar) .sidebar.is-open-v70{transform:none!important}
  body.heavy-v70 .sidebar-mobile-close-v70{display:grid;place-items:center;position:absolute;top:14px;inset-inline-end:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.10);color:#fff;font-size:24px}
  body.heavy-v70 .mobile-sidebar-launcher{display:grid;place-items:center}
  body.heavy-v70 .content-area{padding:14px 12px 78px}
  body.heavy-v70 .topbar,body.heavy-v70 .admin-page-head{border-radius:24px;padding:16px}
  body.heavy-v70 .topbar-main{align-items:flex-start}.sidebar-toggle{display:none}
  body.heavy-v70 .topbar h1,body.heavy-v70 .admin-page-head h1{font-size:clamp(1.45rem,7vw,2.2rem)}
  body.heavy-v70 .hero-grid,body.heavy-v70 .cards-grid,body.heavy-v70 .flow-metrics{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Heavy v7.1 — language, subscribers, backup, health, and portal polish */
body.heavy-v71 .content-area,
body.heavy-v71 .admin-card-v2,
body.heavy-v71 .panel-card,
body.heavy-v71 .card,
body.heavy-v71 .hero-card,
body.heavy-v71 .stat-card{box-sizing:border-box;max-width:100%}
body.heavy-v71 .table-shell-v2{max-width:100%;overflow:auto;border-radius:24px;background:rgba(255,255,255,.68);border:1px solid rgba(203,213,225,.65);padding:8px}
body.heavy-v71 .admin-table-v2{min-width:760px}
body.heavy-v71 .action-row-v2,body.heavy-v71 .quick-action-row-v71{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.heavy-v71 .quick-action-row-v71 form,body.heavy-v71 .backup-actions-v71 form{display:inline-flex;gap:6px;align-items:center;margin:0}
body.heavy-v71 .quick-action-row-v71 .btn{white-space:nowrap}
body.heavy-v71 .btn{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
body.heavy-v71 .btn[disabled]{opacity:.68;cursor:not-allowed;transform:none!important}
body.heavy-v71 .btn-outline-warning{border-color:#fde68a!important;color:#92400e!important;background:#fffbeb!important}
body.heavy-v71 .subscriber-quick-actions-v71{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.subscriber-kpi-grid-v71{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:18px 0}
.subscriber-kpi-grid-v71 article{position:relative;overflow:hidden;border-radius:26px;padding:18px;border:1px solid rgba(203,213,225,.78);background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 48px rgba(15,23,42,.07)}
.subscriber-kpi-grid-v71 small{display:block;color:#64748b;font-weight:900}.subscriber-kpi-grid-v71 strong{display:block;font-size:2rem;font-weight:950;color:#0f172a}.subscriber-kpi-grid-v71 span{font-weight:800;color:#64748b}.subscriber-kpi-grid-v71 .success{border-color:#bbf7d0}.subscriber-kpi-grid-v71 .warning{border-color:#fde68a}.subscriber-kpi-grid-v71 .danger{border-color:#fecaca}.subscriber-kpi-grid-v71 .muted{border-color:#e2e8f0}
.subscriber-toolbar-v71{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}.subscriber-toolbar-v71 .command-search-v61{min-width:min(100%,360px);flex:1}.subscriber-filter-pills-v71{display:flex;gap:8px;flex-wrap:wrap}.subscriber-filter-pills-v71 button{border:1px solid #dbe4f0;background:#fff;border-radius:999px;padding:9px 14px;font-weight:900;color:#475569}.subscriber-filter-pills-v71 button.active{background:#0f2457;color:#fff;border-color:#0f2457;box-shadow:0 12px 28px rgba(15,36,87,.18)}
.subscriber-identity-v71{display:flex;align-items:center;gap:12px}.subscriber-avatar-v71{display:grid;place-items:center;width:46px;height:46px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#fff7ed);font-weight:950;color:#0f2457;flex:0 0 auto}.subscriber-status-stack-v71{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.device-count-pill-v71{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;padding:8px 12px;font-weight:900;color:#334155}
.backup-hero-v71 .backup-now-form-v71{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.backup-note-v71{border-radius:18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-weight:800;padding:12px}.backup-list-v71{display:grid;gap:10px;max-height:540px;overflow:auto}.backup-row-v71{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:12px}.backup-row-v71 strong{display:block;direction:ltr;unicode-bidi:plaintext}.backup-row-v71 span{display:block;color:#64748b;font-weight:800;font-size:.88rem}.backup-actions-v71{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.backup-actions-v71 .form-control{max-width:120px;min-height:36px;padding:.35rem .6rem;border-radius:12px}
body.heavy-v71 .portal-support-mailbox-page-v63{overflow:visible}.portal-mailbox-grid-v63{grid-template-columns:minmax(260px,360px) minmax(0,1fr) minmax(250px,320px);align-items:start}.portal-mail-list-v63,.portal-thread-panel-v63,.portal-inspector-v63{min-width:0}.portal-thread-panel-v63{max-width:100%;overflow:hidden}.portal-thread-v63{max-width:100%;overflow:hidden}.thread-messages-v62{max-width:100%;overflow:auto}.thread-message-v62 p{overflow-wrap:anywhere}.portal-inspector-v63{display:grid;gap:14px}.portal-new-request-card-v63 .support-compose-card-v54{padding:18px!important;border-radius:24px!important}.portal-new-request-card-v63 .composer-header-v54{flex-direction:column;gap:10px}.portal-new-request-card-v63 .composer-toggle-v54{width:100%;overflow:auto}.portal-new-request-card-v63 .composer-toggle-v54 button{white-space:nowrap}.portal-new-request-card-v63 .compose-row-v53{grid-template-columns:1fr!important}
@media(max-width:1200px){.subscriber-kpi-grid-v71{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-mailbox-grid-v63{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}.portal-inspector-v63{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}}
@media(max-width:760px){body.heavy-v71 .admin-table-v2{min-width:680px}.subscriber-kpi-grid-v71{grid-template-columns:1fr}.subscriber-toolbar-v71{align-items:stretch}.subscriber-filter-pills-v71{overflow:auto;flex-wrap:nowrap}.subscriber-filter-pills-v71 button{flex:0 0 auto}.backup-row-v71{align-items:flex-start;flex-direction:column}.backup-actions-v71{width:100%}.portal-mailbox-grid-v63{grid-template-columns:1fr}.portal-support-hero-v63{padding:20px}.portal-hero-metrics-v63{grid-template-columns:repeat(2,minmax(0,1fr))}.mailbox-list-panel-v62{max-height:none}.portal-inspector-v63{grid-template-columns:1fr}.subscriber-quick-actions-v71{justify-content:flex-start}.quick-action-row-v71 .btn,.quick-action-row-v71 form{width:100%}.quick-action-row-v71 form .btn{width:100%}}
html[dir="ltr"] body.heavy-v71 .admin-table-v2 tbody td:first-child{border-left:1px solid #edf2fb;border-right:0;border-radius:18px 0 0 18px}html[dir="ltr"] body.heavy-v71 .admin-table-v2 tbody td:last-child{border-right:1px solid #edf2fb;border-left:0;border-radius:0 18px 18px 0}

/* Heavy v8.0 — platform review, privacy masking, and global UI hardening */
:root{
  --ui-radius-sm:12px;
  --ui-radius-md:18px;
  --ui-radius-lg:28px;
  --ui-shadow-soft:0 18px 55px rgba(15,23,42,.08);
  --ui-shadow-hover:0 22px 70px rgba(15,23,42,.13);
  --ui-border:rgba(148,163,184,.28);
}
html,body{max-width:100%;overflow-x:hidden}
*,*::before,*::after{box-sizing:border-box;min-width:0}
img,svg,canvas,video{max-width:100%}
.content-area,.admin-shell-v2,.panel-card,.admin-card-v2,.stat-card,.mailbox-shell-v62,.portal-support-mailbox-v63{min-width:0;max-width:100%}
.table-shell-v2,.table-responsive{max-width:100%;overflow:auto;border-radius:var(--ui-radius-md)}
.admin-table-v2{width:100%;table-layout:auto;border-collapse:separate;border-spacing:0}
.admin-table-v2 th,.admin-table-v2 td{vertical-align:middle;overflow-wrap:anywhere;word-break:normal}
pre,.json-box{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}
.form-control,select,textarea,input{max-width:100%}
.btn,.btn-solar,.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger,.btn-outline-success,.btn-warning,.btn-ui{
  border-radius:14px!important;font-weight:900!important;letter-spacing:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.45rem!important;min-height:40px;line-height:1.15;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,opacity .16s ease!important;
}
.btn:hover,.btn-solar:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover,.btn-outline-danger:hover,.btn-outline-success:hover,.btn-warning:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(15,23,42,.12)!important}
.btn:focus-visible,.form-control:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(37,99,235,.26)!important;outline-offset:2px!important}
.btn-sm{min-height:34px!important;border-radius:12px!important;padding:.42rem .72rem!important;font-size:.86rem!important}
.quick-action-row-v71,.action-row-v2,.admin-head-actions,.backup-actions-v71{flex-wrap:wrap;min-width:0}
.flash-stack-v61{max-width:min(560px,calc(100vw - 28px));inset-inline-end:18px}
.flash-stack-v61 .flash-toast-v61{overflow-wrap:anywhere}


.backup-upload-v80{padding-top:6px}.backup-page-v71 .backup-layout-v71{grid-template-columns:minmax(280px,.9fr) minmax(280px,.9fr);align-items:start}.backup-list-v71{max-height:600px;overflow:auto;padding-inline-end:4px}
.admin-devices-v80 .device-mask{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#64748b}.privacy-pill-v80{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:.28rem .6rem;background:#f1f5f9;color:#475569;font-weight:800;font-size:.8rem}

@media(max-width:1100px){.admin-layout-v2.two,.backup-page-v71 .backup-layout-v71{grid-template-columns:1fr!important}.admin-page-head{align-items:flex-start}.platform-score-v80{width:100%}}
@media(max-width:760px){.admin-page-head,.support-command-head-v55,.support-command-head-v56,.subscribers-hero-v71,.backup-hero-v71,.platform-review-hero-v80{padding:20px!important;border-radius:22px!important}.admin-head-actions,.subscriber-quick-actions-v71{width:100%;display:grid!important;grid-template-columns:1fr!important}.btn,.btn-solar,.btn-outline-primary,.btn-outline-secondary,.btn-outline-danger,.btn-outline-success{width:100%}.admin-kpi-grid-v2,.subscriber-kpi-grid-v71{grid-template-columns:1fr!important}.admin-table-v2{min-width:680px}.platform-table-v80{min-width:820px}.flash-stack-v61{inset-inline:10px;top:10px;max-width:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Heavy v9.0 — global-grade integration hub, scroll-locked cards, and layout hardening */
body.heavy-v90 .content-area, body.heavy-v90 .admin-shell-v2, body.heavy-v90 main{max-width:100%;overflow-x:hidden}
body.heavy-v90 :where(.admin-card-v2,.card,.panel-card,.stat-card,.service-card-v71,.provider-card-v90,.admin-kpi-card,.subscriber-kpi-grid-v71 article){min-width:0;max-width:100%;overflow:hidden;contain:layout paint}
body.heavy-v90 :where(.admin-card-v2,.card,.panel-card,.stat-card,.service-card-v71,.provider-card-v90) :where(p,span,small,strong,h1,h2,h3,h4,td,th,div){overflow-wrap:anywhere;word-break:normal}
body.heavy-v90 :where(.v9-scroll-text,.provider-card-v90 p,.service-card-v71 p){max-height:96px;overflow:auto;padding-inline-end:4px;scrollbar-width:thin}
body.heavy-v90 .v9-fixed-card{display:flex;flex-direction:column;min-height:220px;max-height:360px}
body.heavy-v90 .v9-fixed-card.tall{min-height:320px;max-height:680px}
body.heavy-v90 .v9-fixed-card>.table-shell-v2,body.heavy-v90 .fixed-scroll-v90{overflow:auto;max-height:520px}
body.heavy-v90 .v9-scroll-lock-grid{align-items:stretch}.v9-scroll-lock-grid>*{height:100%}
body.heavy-v90 .admin-page-head{gap:18px}.integrations-hero-v90{background:linear-gradient(135deg,#0f172a,#1d4ed8);color:#fff;border:0;box-shadow:0 28px 90px rgba(15,23,42,.2)}.integrations-hero-v90 .eyebrow,.integrations-hero-v90 p{color:rgba(255,255,255,.78)}.integrations-hero-v90 h1{color:#fff!important}
.integration-kpi-grid-v90{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.integration-kpi-grid-v90 article{border-radius:26px;border:1px solid rgba(203,213,225,.72);background:linear-gradient(180deg,#fff,#f8fbff);padding:18px;box-shadow:0 18px 48px rgba(15,23,42,.07);overflow:hidden}.integration-kpi-grid-v90 small{display:block;color:#64748b;font-weight:900}.integration-kpi-grid-v90 strong{display:block;font-size:2.2rem;font-weight:950;color:#0f172a}.integration-kpi-grid-v90 span{display:block;color:#64748b;font-weight:800}.integration-kpi-grid-v90 .success{border-color:#bbf7d0}.integration-kpi-grid-v90 .warning{border-color:#fde68a}
.integration-provider-panel-v90{margin-bottom:18px}.integration-search-v90{max-width:320px}.provider-grid-v90{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.provider-card-v90{position:relative;border:1px solid rgba(203,213,225,.78);border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);padding:16px;box-shadow:0 18px 48px rgba(15,23,42,.07);display:flex;flex-direction:column;gap:12px;min-height:270px;max-height:360px}.provider-top-v90{display:flex;align-items:center;gap:12px}.provider-logo-v90{display:grid;place-items:center;width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,#dbeafe,#fff7ed);font-weight:950;color:#0f2457;flex:0 0 auto}.provider-top-v90 strong{display:block;color:#0f172a}.provider-top-v90 small{display:block;color:#64748b;font-weight:800}.provider-meta-v90{display:flex;gap:8px;flex-wrap:wrap}.provider-meta-v90 span{border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-weight:850;font-size:.82rem;padding:6px 9px}.provider-fields-v90{border:1px dashed #cbd5e1;border-radius:16px;padding:8px 10px;background:#f8fafc}.provider-fields-v90 summary{font-weight:900;cursor:pointer}.provider-fields-v90 code{white-space:normal;overflow-wrap:anywhere}.provider-actions-v90{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.provider-actions-v90 form{margin:0}.integrations-two-col-v90{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}.compact-table-v90 td,.compact-table-v90 th{font-size:.92rem}.code-textarea-v90{direction:ltr;unicode-bidi:plaintext;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.device-test-grid-v90{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:10px}.device-test-row-v90{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:12px}.device-test-row-v90 strong{display:block}.device-test-row-v90 small{display:block;color:#64748b;font-weight:800}
body.heavy-v90 .subscriber-kpi-grid-v71 article,body.heavy-v90 .admin-kpi-card{min-height:132px;max-height:180px}body.heavy-v90 .subscriber-kpi-grid-v71 article span,body.heavy-v90 .admin-kpi-card span{display:block;max-height:48px;overflow:auto;scrollbar-width:thin}body.heavy-v90 .admin-table-v2 tbody td{max-width:360px}body.heavy-v90 .admin-table-v2 .table-sub{max-height:46px;overflow:auto;scrollbar-width:thin}
body.heavy-v90 .portal-support-mailbox-page-v63,body.heavy-v90 .mailbox-shell-v62{max-width:100%;overflow:hidden}body.heavy-v90 .thread-message-v62,body.heavy-v90 .mailbox-thread-message-v62{max-width:100%;overflow:hidden}body.heavy-v90 .thread-message-v62 p,body.heavy-v90 .mailbox-thread-message-v62 p{max-height:220px;overflow:auto;scrollbar-width:thin}
@media(max-width:1100px){.integration-kpi-grid-v90{grid-template-columns:1fr 1fr}.integrations-two-col-v90{grid-template-columns:1fr}.integration-search-v90{max-width:100%}}
@media(max-width:760px){.integration-kpi-grid-v90{grid-template-columns:1fr}.provider-card-v90{max-height:none}.provider-actions-v90 .btn,.provider-actions-v90 form{width:100%}.device-test-row-v90{align-items:flex-start;flex-direction:column}.device-test-row-v90 form,.device-test-row-v90 button{width:100%}}

/* Heavy v9.0 — global containment, fixed-card sizing, scroll-safe text */
.heavy-v90 *, .heavy-v90 *::before, .heavy-v90 *::after{box-sizing:border-box}
.heavy-v90 .content-area,.heavy-v90 .admin-shell-v2,.heavy-v90 .app-shell{min-width:0;max-width:100%}
.heavy-v90 .admin-card-v2,.heavy-v90 .card,.heavy-v90 .admin-kpi-card,.heavy-v90 .provider-card-v90,.heavy-v90 .service-card-v71,.heavy-v90 .subscriber-kpi-grid-v71 article,.heavy-v90 .portal-case-card-v63,.heavy-v90 .mailbox-panel-v62,.heavy-v90 .support-mailbox-v62{min-width:0;overflow:hidden;contain:layout paint}
.heavy-v90 .v9-fixed-card{display:flex;flex-direction:column;min-height:0;max-height:420px;overflow:hidden}
.heavy-v90 .v9-fixed-card.tall{max-height:680px}
.heavy-v90 .v9-scroll-text{overflow:auto;max-height:120px;overscroll-behavior:contain;padding-inline-end:4px}
.heavy-v90 .v9-scroll-lock-grid{align-items:stretch}
.heavy-v90 .table-shell-v2,.heavy-v90 .fixed-scroll-v90,.heavy-v90 .table-responsive{max-width:100%;overflow:auto;overscroll-behavior:contain;border-radius:22px}
.heavy-v90 table{min-width:max-content}
.heavy-v90 .admin-table-v2 td,.heavy-v90 .admin-table-v2 th{max-width:320px;vertical-align:top;overflow-wrap:anywhere}
.heavy-v90 .table-sub,.heavy-v90 small,.heavy-v90 code,.heavy-v90 pre{overflow-wrap:anywhere;word-break:break-word}
.heavy-v90 .provider-grid-v90{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}
.heavy-v90 .provider-card-v90{min-height:270px;max-height:360px;display:flex;flex-direction:column;gap:10px;border-radius:28px;border:1px solid rgba(148,163,184,.26);background:rgba(255,255,255,.94);box-shadow:0 18px 55px rgba(15,23,42,.08);padding:18px}
.heavy-v90 .provider-card-v90 p{line-height:1.65;margin:0;max-height:76px;overflow:auto;color:#64748b;font-weight:700}
.heavy-v90 .provider-actions-v90{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}
.heavy-v90 .provider-top-v90{display:flex;align-items:center;gap:12px;min-width:0}.heavy-v90 .provider-top-v90 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.heavy-v90 .provider-logo-v90{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#fff7ed);font-weight:900;color:#1d4ed8}.heavy-v90 .provider-meta-v90{display:flex;gap:8px;flex-wrap:wrap}.heavy-v90 .provider-meta-v90 span{border-radius:999px;background:#f1f5f9;color:#334155;font-weight:800;font-size:.78rem;padding:5px 9px}.heavy-v90 .provider-fields-v90{border-radius:16px;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 10px}.heavy-v90 .integration-kpi-grid-v90{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}.heavy-v90 .integration-kpi-grid-v90 article{border-radius:28px;background:rgba(255,255,255,.94);border:1px solid rgba(148,163,184,.25);padding:20px;box-shadow:0 18px 55px rgba(15,23,42,.07);overflow:hidden}.heavy-v90 .integration-kpi-grid-v90 strong{display:block;font-size:2rem;color:#0f172a}.heavy-v90 .integration-provider-panel-v90{overflow:hidden}.heavy-v90 .integrations-two-col-v90{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.heavy-v90 .device-test-grid-v90{display:grid;gap:10px;max-height:380px;overflow:auto}.heavy-v90 .device-test-row-v90{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0;padding:12px 14px;min-width:0}.heavy-v90 .device-test-row-v90>div{min-width:0}.heavy-v90 .device-test-row-v90 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heavy-v90 .code-textarea-v90{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;direction:ltr;text-align:left}
.heavy-v90 .btn,.heavy-v90 button.btn,.heavy-v90 a.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;line-height:1.2;white-space:nowrap;border-radius:14px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.heavy-v90 .btn:hover{transform:translateY(-1px)}.heavy-v90 .btn:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}.heavy-v90 form .btn[disabled],.heavy-v90 .btn.loading{opacity:.72;pointer-events:none;transform:none}
.heavy-v90 .subscriber-quick-actions-v71,.heavy-v90 .quick-action-row-v71{min-width:0;display:flex;gap:8px;flex-wrap:wrap}.heavy-v90 .quick-action-row-v71 form{display:inline-flex}.heavy-v90 .subscriber-identity-v71>div:last-child{min-width:0}.heavy-v90 .subscriber-identity-v71 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.heavy-v90 .subscriber-status-stack-v71{max-height:118px;overflow:auto}
@media(max-width:1100px){.heavy-v90 .integrations-two-col-v90{grid-template-columns:1fr}.heavy-v90 table{min-width:760px}.heavy-v90 .provider-grid-v90{grid-template-columns:1fr}.heavy-v90 .admin-page-head{align-items:flex-start}.heavy-v90 .admin-head-actions{width:100%;justify-content:flex-start;overflow:auto;padding-bottom:4px}}
@media(max-width:720px){.heavy-v90 .content-area{padding-inline:12px}.heavy-v90 .admin-table-v2 td,.heavy-v90 .admin-table-v2 th{max-width:240px}.heavy-v90 .btn{white-space:normal}.heavy-v90 .device-test-row-v90{align-items:flex-start;flex-direction:column}.heavy-v90 .subscriber-kpi-grid-v71,.heavy-v90 .integration-kpi-grid-v90{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.heavy-v90 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.heavy-v90 .btn:hover{transform:none}}

/* Heavy v10.1 — global comfort, fixed navigation, stable cards, Android readiness */
:root{
  --ui-gap-xs:6px;--ui-gap-sm:10px;--ui-gap:16px;--ui-gap-lg:22px;--ui-gap-xl:30px;
  --ui-radius:22px;--ui-radius-lg:28px;--sidebar-w-v10:286px;
  --ui-surface:#ffffff;--ui-surface-soft:#f7faff;--ui-border:#dbe6f3;--ui-shadow:0 18px 55px rgba(15,23,42,.075);
}
.heavy-v100 .app-shell:not(.has-layout-sidebar){display:block;min-height:100vh;}
.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar{position:sticky;inset-block:auto;inset-inline-start:auto;top:0;width:var(--sidebar-w-v10);height:100dvh;z-index:10;overflow:hidden;padding:18px 15px;background:linear-gradient(180deg,#0f2457 0%,#101d3d 100%);box-shadow:10px 0 35px rgba(15,23,42,.12)}
html[dir="rtl"] .heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar{box-shadow:-10px 0 35px rgba(15,23,42,.12)}
.heavy-v100 .sidebar>div:first-of-type{min-height:0;display:flex;flex-direction:column;gap:10px;}
.heavy-v100 .brand-row{gap:10px;margin-bottom:4px;}
.heavy-v100 .brand-icon{width:42px;height:42px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.12)}
.heavy-v100 .brand-row h4{font-size:1rem;line-height:1.15}.heavy-v100 .brand-row small{font-size:.76rem;opacity:.78}
.heavy-v100 .sidebar-user-box{padding:10px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.heavy-v100 .sidebar-user-avatar{width:36px;height:36px;border-radius:14px}
.heavy-v100 .sidebar-lang-box{padding:4px 0}.heavy-v100 .sidebar-lang-btn.compact{padding:6px 9px;font-size:.82rem}
.heavy-v100 .nav-menu{margin-top:8px!important;display:grid;gap:4px;overflow:visible;}
.heavy-v100 .nav-menu a{min-height:34px;padding:8px 10px;border-radius:13px;font-size:.9rem;line-height:1.12;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;justify-content:space-between;gap:8px;}
.heavy-v100 .nav-group-title{margin:8px 6px 4px;font-size:.72rem;letter-spacing:.06em;opacity:.68;text-transform:uppercase;}
.heavy-v100 .sidebar-footer{position:absolute;inset-inline:15px;bottom:14px;}
.heavy-v100 .sidebar-footer .btn{min-height:38px;border-radius:14px;font-size:.9rem;}
.heavy-v100 .content-area{margin-inline-start:var(--sidebar-w-v10);padding:var(--ui-gap-xl);min-width:0;max-width:none;}
.heavy-v100 .content-area>*{min-width:0}.heavy-v100 .admin-shell-v2{display:block;}
.heavy-v100 .admin-page-head,.heavy-v100 .hero-card,.heavy-v100 .panel-card,.heavy-v100 .stat-card,.heavy-v100 .admin-card-v2,.heavy-v100 .card,.heavy-v100 .card-glass,.heavy-v100 .subscriber-kpi-grid-v71>article,.heavy-v100 .integration-kpi-grid-v90>article{border-radius:var(--ui-radius-lg);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);min-width:0;overflow:hidden;}
.heavy-v100 .admin-page-head{padding:22px 24px;margin-bottom:var(--ui-gap-lg);}
.heavy-v100 .admin-layout-v2,.heavy-v100 .support-grid,.heavy-v100 .integrations-two-col-v90,.heavy-v100 .roles-layout-v100{gap:var(--ui-gap-lg);align-items:start;}
.heavy-v100 .subscriber-kpi-grid-v71,.heavy-v100 .integration-kpi-grid-v90,.heavy-v100 .cards-grid,.heavy-v100 .stats-header-cards,.heavy-v100 .mini-kpi-grid,.heavy-v100 .top-scroll-cards{gap:var(--ui-gap);}
.heavy-v100 .admin-card-v2,.heavy-v100 .card,.heavy-v100 .panel-card,.heavy-v100 .hero-card{padding:22px;}
.heavy-v100 .admin-card-v2 p,.heavy-v100 .card p,.heavy-v100 .panel-card p{max-width:100%;overflow-wrap:anywhere;}
.heavy-v100 .table-shell-v2,.heavy-v100 .table-responsive,.heavy-v100 .fixed-scroll-v90{max-width:100%;overflow:auto;border-radius:20px;}
.heavy-v100 table{table-layout:auto}.heavy-v100 th,.heavy-v100 td{vertical-align:middle;}
.heavy-v100 code,.heavy-v100 pre,.heavy-v100 .json-box{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;}
.heavy-v100 .btn{border-radius:14px;font-weight:800;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:none!important;transition:transform .14s ease,background-color .14s ease,border-color .14s ease;}
.heavy-v100 .btn:hover{transform:translateY(-1px)}.heavy-v100 .btn:focus-visible{outline:3px solid rgba(37,99,235,.22);outline-offset:2px;}
.heavy-v100 .btn-sm{min-height:32px;border-radius:11px;font-size:.84rem}.heavy-v100 .btn-lg{min-height:48px;border-radius:18px;}
.heavy-v100 input,.heavy-v100 select,.heavy-v100 textarea,.heavy-v100 .form-control,.heavy-v100 .form-select{border-radius:15px;border-color:#dbe6f3;min-width:0;}
.heavy-v100 .stable-scroll-v10,.heavy-v100 .support-thread-v55,.heavy-v100 .command-conversation-v62,.heavy-v100 .portal-conversation-v63{max-height:clamp(320px,56vh,680px);overflow:auto;}
.heavy-v100 .provider-card-v90,.heavy-v100 .device-test-row-v90,.heavy-v100 .role-card-v100{min-width:0;overflow:hidden;}
.heavy-v100 .provider-card-v90 p,.heavy-v100 .role-card-v100 small,.heavy-v100 .table-sub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.roles-layout-v100{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}
.permission-grid-v100{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;overflow:auto;padding:4px;}
.permission-grid-v100.compact{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px;margin-top:12px;}
.permission-check-v100{border:1px solid #e1e9f5;border-radius:16px;padding:10px 12px;background:#f8fbff;display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:start;font-weight:800;min-width:0;}
.permission-check-v100 small{grid-column:2;color:#64748b;font-weight:700;font-size:.72rem;direction:ltr;text-align:start;}
.portal-page-grid-v100{display:grid;gap:10px}.portal-page-toggle-v100{border:1px solid #e1e9f5;border-radius:16px;padding:12px;background:#fff;display:grid;gap:3px;font-weight:900}.portal-page-toggle-v100 small{color:#64748b;direction:ltr;text-align:start}.portal-page-toggle-v100.is-locked{background:#f8fafc;opacity:.78}.role-list-v100{display:grid;gap:16px}.role-card-v100{border:1px solid #e1e9f5;background:#fff;border-radius:24px;padding:18px}.role-card-head-v100{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.compact-fields-v100{gap:10px}.role-delete-form-v100{margin-top:10px}.role-actions-v100{margin-top:12px}.roles-hero-v100{background:linear-gradient(135deg,#f8fbff,#fffaf0)}
@media(max-width:1200px){.permission-grid-v100.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-layout-v100{grid-template-columns:1fr}}
@media(max-width:900px){.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar{transform:none;transition:transform .2s ease;overflow:auto}.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar.is-open,.heavy-v100.sidebar-open-v70 .app-shell:not(.has-layout-sidebar) .sidebar{transform:none}html[dir="rtl"] .heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar{transform:none}html[dir="rtl"] .heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar.is-open,html[dir="rtl"] .heavy-v100.sidebar-open-v70 .app-shell:not(.has-layout-sidebar) .sidebar{transform:none}.heavy-v100 .content-area{margin-inline-start:0;padding:18px}.heavy-v100 .admin-page-head{padding:18px}.heavy-v100 .admin-card-v2,.heavy-v100 .card,.heavy-v100 .panel-card,.heavy-v100 .hero-card{padding:18px}.permission-grid-v100,.permission-grid-v100.compact{grid-template-columns:1fr}.heavy-v100 .sidebar-footer{position:static;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.heavy-v100 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.heavy-v100 .btn:hover{transform:none}}


/* ===== Heavy v10.4 root layout fix: document-flow sidebar, no fake gap ===== */
body.no-global-utility-bar,
body.heavy-v100,
body.heavy-v100.no-global-utility-bar{
  padding-top:0!important;
  min-height:100vh;
  overflow-x:hidden;
}
:root{--sidebar-w-v104:300px;}
body.heavy-v100 .app-shell{
  display:grid!important;
  grid-template-columns:var(--sidebar-w-v104) minmax(0,1fr)!important;
  align-items:start!important;
  min-height:100vh!important;
  width:100%!important;
}
html[dir="rtl"] body.heavy-v100 .app-shell{direction:rtl;}
html[dir="rtl"] body.heavy-v100 .content-area{direction:rtl;}
html[dir="ltr"] body.heavy-v100 .app-shell,
html[dir="ltr"] body.heavy-v100 .content-area{direction:ltr;}
body.heavy-v100 .sidebar.sidebar-fancy-v104{
  position:sticky!important;
  top:0!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow:visible!important;
  transform:none!important;
  z-index:10!important;
  padding:12px 12px 12px!important;
  border-inline-end:1px solid rgba(255,255,255,.08);
  background:radial-gradient(280px circle at 80% 0%,rgba(96,165,250,.22),transparent 45%),linear-gradient(180deg,#0f2457 0%,#101d3d 100%)!important;
  box-shadow:none!important;
}
html[dir="rtl"] body.heavy-v100 .sidebar.sidebar-fancy-v104{border-inline-end:0;border-inline-start:1px solid rgba(255,255,255,.08);}
body.heavy-v100 .content-area,
body.heavy-v100 .content-area.admin-shell-v2{
  display:block!important;
  margin:0!important;
  padding:14px 18px 34px!important;
  min-height:100vh!important;
  max-width:100%!important;
  overflow-x:hidden!important;
  align-self:start!important;
  transform:none!important;
}
body.heavy-v100 .content-area::before,
body.heavy-v100 .content-area.admin-shell-v2::before,
body.heavy-v100 .app-shell::before{content:none!important;display:none!important;}
body.heavy-v100 .content-area>*:first-child,
body.heavy-v100 .content-area.admin-shell-v2>*:first-child{
  margin-top:0!important;
  padding-top:0!important;
  transform:none!important;
  position:relative;
  top:auto!important;
}
body.heavy-v100 .admin-page-head,
body.heavy-v100 .topbar{margin-top:0!important;}

/* Premium sidebar for admin and subscriber */
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  color:#e7eefb!important;
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  font-size:.84rem!important;
  line-height:1.12!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a.active,
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a:hover{
  background:linear-gradient(135deg,rgba(37,99,235,.38),rgba(255,255,255,.10))!important;
  border-color:rgba(147,197,253,.22)!important;
  color:#fff!important;
  transform:none!important;
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu{
  display:grid!important;
  gap:3px!important;
  overflow:visible!important;
  padding-bottom:0!important;
  margin-top:4px!important;
}
body.heavy-v100 .sidebar-fancy-v104 .nav-group-title{margin:7px 5px 3px!important;font-size:.66rem!important;opacity:.72;}
body.heavy-v100 .sidebar-fancy-v104 .brand-row,
body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-box,
body.heavy-v100 .sidebar-fancy-v104 .sidebar-lang-box,
body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer{flex:0 0 auto;}
body.heavy-v100 .sidebar-fancy-v104 .brand-icon{width:38px;height:38px;border-radius:13px;}
body.heavy-v100 .sidebar-fancy-v104 .brand-row h4{font-size:.95rem;line-height:1.12;}
body.heavy-v100 .sidebar-fancy-v104 .brand-row small{font-size:.72rem;}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-box{padding:8px 10px!important;border-radius:16px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.11)!important;}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-avatar{width:32px;height:32px;border-radius:12px;}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-lang-box{margin:0!important;padding:0!important;}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-lang-btn.compact{padding:7px 8px!important;font-size:.8rem!important;border-radius:11px;}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer{position:static!important;inset:auto!important;margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.11);}
body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer .btn{min-height:38px!important;}
body.heavy-v100 .sidebar-fancy-v104 .nav-badge{min-width:18px;height:18px;font-size:.7rem;}

@media (min-width:901px){
  body.heavy-v100 .mobile-sidebar-launcher,
  body.heavy-v100 .sidebar-backdrop-v70,
  body.heavy-v100 .sidebar-mobile-close-v70{display:none!important;}
}
@media (max-width:900px){
  body.heavy-v100 .app-shell:not(.has-layout-sidebar){display:block!important;grid-template-columns:1fr!important;}
  body.heavy-v100 .sidebar.sidebar-fancy-v104{
    position:fixed!important;
    z-index:1055!important;
    inset:0 auto 0 0!important;
    width:min(86vw,340px)!important;
    height:100vh!important;
    min-height:0!important;
    overflow:auto!important;
    transform:translateX(-105%)!important;
    transition:transform .2s ease!important;
    padding:54px 14px 14px!important;
  }
  html[dir="rtl"] body.heavy-v100 .sidebar.sidebar-fancy-v104{left:auto!important;right:0!important;transform:translateX(105%)!important;}
  body.heavy-v100 .sidebar.sidebar-fancy-v104.is-open-v70,
  body.heavy-v100.sidebar-open-v70 .sidebar.sidebar-fancy-v104{transform:translateX(0)!important;}
  html[dir="rtl"] body.heavy-v100 .sidebar.sidebar-fancy-v104.is-open-v70,
  html[dir="rtl"] body.heavy-v100.sidebar-open-v70 .sidebar.sidebar-fancy-v104{transform:translateX(0)!important;}
  body.heavy-v100 .content-area,
  body.heavy-v100 .content-area.admin-shell-v2{padding:10px 12px 78px!important;min-height:auto!important;}
  body.heavy-v100 .sidebar-mobile-close-v70{display:grid!important;}
}

/* ===== Heavy v10.5 admin dashboard spacing + quick actions ===== */
.heavy-v100 .admin-shell-v2 > section{
  margin-block: var(--ui-gap-lg);
}
.heavy-v100 .admin-shell-v2 > section:first-of-type{
  margin-top: 0;
}
.heavy-v100 .admin-hero-v2,
.heavy-v100 .admin-quick-strip-v105,
.heavy-v100 .admin-kpi-grid-v105,
.heavy-v100 .admin-layout-dashboard-v105{
  margin-top: var(--ui-gap-lg) !important;
}
.heavy-v100 .admin-quick-strip-v105{
  padding: 18px 20px;
}
.heavy-v100 .section-heading-inline.compact{
  margin-bottom: 12px;
}
.heavy-v100 .quick-links-inline-v105{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.heavy-v100 .quick-links-inline-v105 .btn{
  width: auto !important;
  min-height: 42px;
  border-radius: 14px;
  padding-inline: 16px;
  white-space: nowrap;
  box-shadow: 0 6px 22px rgba(43,76,131,.06);
}
.heavy-v100 .admin-kpi-grid-v105{
  gap: var(--ui-gap-lg) !important;
  align-items: stretch;
}
.heavy-v100 .admin-kpi-grid-v105 > *{
  height: 100%;
}
.heavy-v100 .admin-layout-dashboard-v105{
  align-items: start;
}
.heavy-v100 .admin-layout-dashboard-v105 .admin-stack-v2{
  gap: var(--ui-gap-lg);
}
@media (max-width: 1100px){
  .heavy-v100 .quick-links-inline-v105 .btn{
    white-space: normal;
  }
}
@media (max-width: 760px){
  .heavy-v100 .quick-links-inline-v105{
    display: grid;
    grid-template-columns: 1fr;
  }
  .heavy-v100 .quick-links-inline-v105 .btn{
    width: 100% !important;
  }
}


/* ===== Heavy v10.5.1 — sidebar background-only + small-card no-scroll hotfix =====
   Scope: sidebar background extension and small dashboard/stat cards only.
   No route/template logic changes. No main.py changes. */

/* Extend only the navy background behind the sidebar column, without stretching
   the sidebar content or changing page flow. */
body.heavy-v100 .app-shell{
  position:relative!important;
  isolation:isolate;
}
body.heavy-v100 .app-shell::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset-block:0!important;
  inset-inline-start:0!important;
  width:var(--sidebar-w-v104, 300px)!important;
  min-height:100%!important;
  background:radial-gradient(280px circle at 80% 0%,rgba(96,165,250,.22),transparent 45%),linear-gradient(180deg,#0f2457 0%,#101d3d 100%)!important;
  z-index:0!important;
  pointer-events:none!important;
}
body.heavy-v100 .sidebar.sidebar-fancy-v104,
body.heavy-v100 .content-area{
  position:relative!important;
  z-index:1!important;
}
@media (max-width:900px){
  body.heavy-v100 .app-shell::before{display:none!important;content:none!important;}
}

/* No scrollbars inside small/cards KPI cards. Keep equal rhythm and clamp long text. */
body.heavy-v100 :where(.highlight-card,.admin-kpi-card,.subscriber-kpi-grid-v71 article,.integration-kpi-grid-v90 article){
  overflow:hidden!important;
  min-height:154px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
body.heavy-v100 :where(.highlight-card span,.admin-kpi-card span,.subscriber-kpi-grid-v71 article span,.integration-kpi-grid-v90 article span){
  max-height:none!important;
  overflow:hidden!important;
  scrollbar-width:auto!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box!important;
}
body.heavy-v100 :where(.highlight-card small,.admin-kpi-card small,.subscriber-kpi-grid-v71 article small,.integration-kpi-grid-v90 article small){
  max-height:none!important;
  overflow:hidden!important;
  scrollbar-width:auto!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  display:-webkit-box!important;
}
body.heavy-v100 :where(.highlight-card strong,.admin-kpi-card strong,.subscriber-kpi-grid-v71 article strong,.integration-kpi-grid-v90 article strong){
  flex:0 0 auto;
}


/* ===== Heavy v10.5.2 — admin dashboard list polish ===== */
.heavy-v100 .subscriber-mini-list-v107,
.heavy-v100 .service-heartbeat-list-v107{
  display:grid;
  gap:12px;
}
.heavy-v100 .subscriber-mini-row-v107{
  display:grid;
  grid-template-columns:44px minmax(145px,1.15fr) minmax(150px,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:14px 16px;
  border-radius:22px;
  background:linear-gradient(180deg,#ffffff,#f9fbff);
  border:1px solid #e4ecf8;
  color:#14213d;
  text-decoration:none;
  box-shadow:0 10px 28px rgba(15,23,42,.035);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.heavy-v100 .subscriber-mini-row-v107:hover{
  transform:translateY(-2px);
  border-color:#bcd5ff;
  box-shadow:0 18px 42px rgba(37,99,235,.09);
}
.heavy-v100 .subscriber-avatar-v107{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#dbeafe,#fff7ed);
  color:#173466;
  font-weight:950;
  flex:0 0 auto;
}
.heavy-v100 .subscriber-main-v107,
.heavy-v100 .service-heartbeat-main-v107{
  min-width:0;
}
.heavy-v100 .subscriber-main-v107 strong,
.heavy-v100 .service-heartbeat-main-v107 strong{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#101a33;
}
.heavy-v100 .subscriber-main-v107 small,
.heavy-v100 .service-heartbeat-main-v107 small{
  display:block;
  margin-top:4px;
  color:#8497ba;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.heavy-v100 .subscriber-email-v107{
  color:#263957;
  font-weight:800;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  direction:ltr;
  text-align:start;
}
.heavy-v100 .service-heartbeat-row-v107{
  display:grid!important;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:14px;
  min-height:70px;
  padding:14px 16px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff,#f9fbff)!important;
  border:1px solid #e4ecf8!important;
  box-shadow:0 10px 28px rgba(15,23,42,.03);
}
.heavy-v100 .admin-layout-dashboard-v105 .table-shell-v2{
  overflow:visible!important;
}
@media(max-width:1100px){
  .heavy-v100 .subscriber-mini-row-v107{
    grid-template-columns:44px minmax(140px,1fr) auto;
  }
  .heavy-v100 .subscriber-email-v107{
    grid-column:2 / -1;
  }
}
@media(max-width:680px){
  .heavy-v100 .subscriber-mini-row-v107,
  .heavy-v100 .service-heartbeat-row-v107{
    grid-template-columns:1fr;
    align-items:start;
  }
  .heavy-v100 .subscriber-avatar-v107{
    display:none;
  }
}


/* ===== Heavy v10.5.3 — Subscribers CRM list polish only ===== */
.heavy-v100 .subscriber-action-strip-v108{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:var(--ui-gap-lg,22px)!important;
  padding:18px 20px;
}
.heavy-v100 .subscriber-action-title-v108 small{
  display:block;
  color:#7b8eaf;
  font-weight:900;
  margin-bottom:4px;
}
.heavy-v100 .subscriber-action-title-v108 strong{
  display:block;
  color:#12203d;
  font-size:1.08rem;
  font-weight:950;
}
.heavy-v100 .subscriber-action-buttons-v108{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}
.heavy-v100 .subscriber-action-buttons-v108 .btn{
  width:auto!important;
  white-space:nowrap;
  min-height:42px;
}
.heavy-v100 .subscribers-table-card-v71 .table-shell-v2{
  overflow:visible!important;
}
.heavy-v100 .subscriber-card-list-v108{
  display:grid;
  gap:14px;
  margin-top:16px;
}
.heavy-v100 .subscriber-row-card-v108{
  display:grid;
  grid-template-columns:minmax(240px,1.35fr) minmax(190px,.9fr) minmax(190px,.9fr) auto minmax(360px,1.35fr);
  gap:14px;
  align-items:center;
  padding:16px 18px;
  border-radius:24px;
  background:linear-gradient(180deg,#fff,#f9fbff);
  border:1px solid #e2eaf7;
  box-shadow:0 12px 34px rgba(15,23,42,.04);
  overflow:hidden;
}
.heavy-v100 .subscriber-row-card-v108:hover{
  border-color:#bcd5ff;
  box-shadow:0 18px 46px rgba(37,99,235,.08);
}
.heavy-v100 .subscriber-card-main-v108{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-width:0;
  text-decoration:none;
  color:#13213e;
}
.heavy-v100 .subscriber-avatar-v108{
  width:52px;height:52px;border-radius:18px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#dbeafe,#fff7ed);
  color:#173466;font-weight:950;font-size:1.05rem;
}
.heavy-v100 .subscriber-info-v108{min-width:0;}
.heavy-v100 .subscriber-info-v108 strong,
.heavy-v100 .subscriber-plan-v108 strong{
  display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#101a33;
}
.heavy-v100 .subscriber-info-v108 small,
.heavy-v100 .subscriber-plan-v108 span,
.heavy-v100 .subscriber-life-v108 small{
  display:block;margin-top:5px;color:#8294b5;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.heavy-v100 .subscriber-plan-v108 small{
  display:block;color:#7b8eaf;font-weight:900;margin-bottom:5px;
}
.heavy-v100 .subscriber-life-v108{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0;
}
.heavy-v100 .subscriber-devices-v108{display:flex;justify-content:center;}
.heavy-v100 .subscriber-actions-v108{
  display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;
}
.heavy-v100 .subscriber-actions-v108 form{margin:0;display:inline-flex;}
.heavy-v100 .subscriber-actions-v108 .btn{white-space:nowrap;}
@media(max-width:1320px){
  .heavy-v100 .subscriber-row-card-v108{
    grid-template-columns:minmax(240px,1.3fr) minmax(180px,.85fr) minmax(180px,.85fr) auto;
  }
  .heavy-v100 .subscriber-actions-v108{grid-column:1 / -1;justify-content:flex-start;}
}
@media(max-width:760px){
  .heavy-v100 .subscriber-action-strip-v108{flex-direction:column;align-items:stretch;}
  .heavy-v100 .subscriber-action-buttons-v108{display:grid;grid-template-columns:1fr;}
  .heavy-v100 .subscriber-action-buttons-v108 .btn{width:100%!important;}
  .heavy-v100 .subscriber-row-card-v108{grid-template-columns:1fr;align-items:start;}
  .heavy-v100 .subscriber-actions-v108{display:grid;grid-template-columns:1fr;}
  .heavy-v100 .subscriber-actions-v108 .btn,
  .heavy-v100 .subscriber-actions-v108 form{width:100%;}
}

/* Heavy v10.5.7 — disabled/expired account preview mode */
.account-preview-banner-v107{
  position:fixed;
  inset-inline:clamp(12px,3vw,32px);
  bottom:18px;
  z-index:2600;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  max-width:980px;
  margin-inline:auto;
  padding:14px 18px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(15,36,87,.96),rgba(29,78,216,.94));
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 70px rgba(15,23,42,.28);
  backdrop-filter:blur(16px);
}
.account-preview-banner-v107 strong{font-weight:950;white-space:nowrap;color:#fbbf24}
.account-preview-banner-v107 span{font-weight:800;line-height:1.65}
.account-preview-banner-v107 a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#0f172a;background:linear-gradient(135deg,#fde68a,#fbbf24);border-radius:16px;padding:10px 14px;font-weight:950;white-space:nowrap}
.account-preview-v107 .restricted-toast-v107{
  position:fixed;
  inset-inline-start:22px;
  bottom:92px;
  z-index:2700;
  width:min(440px,calc(100vw - 34px));
  border-radius:22px;
  padding:16px 18px;
  background:rgba(255,255,255,.98);
  color:#0f172a;
  border:1px solid #bfdbfe;
  box-shadow:0 24px 70px rgba(15,23,42,.24);
  font-weight:900;
  line-height:1.7;
}
.account-preview-v107 .restricted-toast-v107 small{display:block;color:#64748b;margin-top:4px;font-weight:800}
.account-preview-v107 form:not([action*="logout"]):not(.allow-preview-form) .btn,
.account-preview-v107 form:not([action*="logout"]):not(.allow-preview-form) button[type="submit"]{
  position:relative;
}
.account-preview-v107 form:not([action*="logout"]):not(.allow-preview-form) .btn::after,
.account-preview-v107 form:not([action*="logout"]):not(.allow-preview-form) button[type="submit"]::after{
  content:'🔒';
  font-size:.82em;
  margin-inline-start:4px;
  opacity:.8;
}
@media(max-width:760px){
  .account-preview-banner-v107{align-items:flex-start;flex-direction:column;bottom:12px;padding:13px 14px}
  .account-preview-banner-v107 a{width:100%}
  .account-preview-v107 .restricted-toast-v107{inset-inline:12px;bottom:138px;width:auto}
}

/* Heavy v10.5.8 — clean Subscriber 360 tabs from uploaded review package */
.subscriber360-panel-v108,
.subscriber360-finance-v108,
.subscriber360-quotas-v108,
.subscriber360-devices-v108,
.subscriber360-activity-v108{
  display:grid;
  gap:var(--ui-gap-lg, 24px);
}
.subscriber360-section-head-v108{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.86));
  border:1px solid rgba(203,213,225,.78);
  box-shadow:0 18px 55px rgba(15,23,42,.065);
}
.subscriber360-section-head-v108 small{display:block;color:#7f95bd;font-weight:900;margin-bottom:4px}
.subscriber360-section-head-v108 h3{margin:0;color:#0f172a;font-size:clamp(1.45rem,2.2vw,2.25rem);font-weight:950;letter-spacing:-.015em}
.subscriber360-section-head-v108 p{margin:8px 0 0;color:#64748b;font-weight:750;line-height:1.75;max-width:780px}
.subscriber360-state-v108{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:999px;padding:10px 14px;font-weight:950;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;min-height:38px}
.subscriber360-state-v108.is-active{background:#dcfce7;color:#166534;border-color:#bbf7d0}.subscriber360-state-v108.is-disabled{background:#fee2e2;color:#991b1b;border-color:#fecaca}.subscriber360-state-v108.is-info{background:#eef6ff;color:#1e40af;border-color:#bfdbfe}
.subscriber360-form-v108{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:24px;border:1px solid #e2e8f0;border-radius:30px;background:#fff;box-shadow:0 18px 55px rgba(15,23,42,.06)}
.subscriber360-field-v108{display:grid;gap:8px;min-width:0}.subscriber360-field-v108.full,.subscriber360-actions-v108.full{grid-column:1/-1}.subscriber360-field-v108 span{display:block;text-align:center;font-weight:950;color:#334155}.subscriber360-field-v108 .form-control{min-height:48px;text-align:center;font-weight:800;background:#f8fbff;border-color:#dbe6f3;border-radius:16px}.subscriber360-field-v108 textarea.form-control{text-align:initial}.ltr-field-v108{direction:ltr;text-align:left!important;unicode-bidi:plaintext}.subscriber360-toggle-v108{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:20px;background:#f8fbff;border:1px solid #e2e8f0}.subscriber360-toggle-v108 span{font-weight:950;color:#0f172a}.subscriber360-toggle-v108 b{font-weight:800;color:#64748b}.subscriber360-toggle-v108 input{width:22px;height:22px;accent-color:#2563eb}.subscriber360-actions-v108{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin-top:4px}
.subscription-summary-grid-v108{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.subscription-summary-grid-v108 article{border:1px solid #e2e8f0;background:#fff;border-radius:24px;padding:18px;box-shadow:0 14px 44px rgba(15,23,42,.055);min-height:120px}.subscription-summary-grid-v108 small{display:block;color:#7f95bd;font-weight:950;margin-bottom:10px}.subscription-summary-grid-v108 strong{display:block;color:#0f172a;font-size:1.25rem;font-weight:950;line-height:1.45}
.subscriber360-two-col-v108{gap:var(--ui-gap-lg,24px)!important}.subscriber360-card-v108{display:flex;flex-direction:column;gap:16px}.subscriber360-card-v108 h3{margin:0;color:#0f172a;font-weight:950}.subscriber360-ledger-v108,.quota-list-v108{display:grid;gap:12px}.ledger-row-v108,.quota-row-v108{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;border:1px solid #e2e8f0;background:#f8fbff;border-radius:20px;padding:14px 16px}.ledger-row-v108.credit{border-inline-start:6px solid #22c55e}.ledger-row-v108.debit{border-inline-start:6px solid #ef4444}.ledger-row-v108 strong,.quota-row-v108 strong{display:block;color:#0f172a;font-weight:950}.ledger-row-v108 small,.quota-row-v108 small{display:block;color:#64748b;font-weight:750;line-height:1.6}.ledger-row-v108 b{display:block;text-align:end;color:#0f172a;font-weight:950}.quota-meter-v108{grid-column:1/-1;height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.quota-meter-v108 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#fbbf24)}
.device-card-grid-v108{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.device-card-v108{display:grid;gap:14px;border:1px solid #e2e8f0;border-radius:28px;background:#fff;padding:20px;box-shadow:0 18px 55px rgba(15,23,42,.065);border-top:6px solid #94a3b8}.device-card-v108.is-ok{border-top-color:#22c55e}.device-card-v108.is-warn{border-top-color:#f59e0b}.device-card-v108.is-disabled{border-top-color:#ef4444}.device-card-head-v108{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-card-head-v108 strong{display:block;color:#0f172a;font-size:1.1rem;font-weight:950}.device-card-head-v108 small{display:block;color:#64748b;font-weight:750;margin-top:4px}.device-health-grid-v108{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.device-health-grid-v108 div{border-radius:18px;background:#f8fbff;border:1px solid #e2e8f0;padding:12px}.device-health-grid-v108 small{display:block;color:#7f95bd;font-weight:900}.device-health-grid-v108 b{display:block;color:#0f172a;font-weight:950;margin-top:4px;line-height:1.45}.device-note-v108{margin:0;border-radius:16px;padding:11px 12px;font-weight:850;line-height:1.6}.device-note-v108.success{background:#dcfce7;color:#166534}.device-note-v108.warning{background:#fef3c7;color:#92400e}.device-note-v108.danger{background:#fee2e2;color:#991b1b}
.profile-support-mailbox-v62{border-radius:30px;border:1px solid #dbeafe;background:linear-gradient(135deg,#f8fbff,#fff);padding:20px;box-shadow:0 18px 55px rgba(15,23,42,.06)}.profile-support-mailbox-v62 .mailbox-list-panel-v62,.profile-support-mailbox-v62 .mailbox-thread-panel-v62,.profile-support-mailbox-v62 .inspector-card-v62{border:1px solid #dbeafe;background:#fff}.profile-support-mailbox-v62 .mailbox-row-accent-v62{inset-inline-start:0!important;border-radius:999px;overflow:hidden}.profile-support-mailbox-v62 .kind-message .mailbox-row-accent-v62{background:#2563eb}.profile-support-mailbox-v62 .kind-ticket .mailbox-row-accent-v62{background:#f97316}.profile-support-mailbox-v62 .mailbox-thread-v62{border-top:6px solid #2563eb}.profile-support-mailbox-v62 .mailbox-thread-v62:has(.mailbox-type-v62.ticket){border-top-color:#f97316}
.activity-timeline-v108{display:grid;gap:12px;max-height:720px;overflow:auto;padding-inline-end:4px}.activity-timeline-row-v108{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #e2e8f0;background:#fff;border-radius:20px;padding:14px 16px}.activity-timeline-row-v108>span{width:12px;height:12px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 5px rgba(37,99,235,.10);margin-top:7px}.activity-timeline-row-v108 strong{display:block;color:#0f172a;font-weight:950;line-height:1.5}.activity-timeline-row-v108 small{display:block;color:#64748b;font-weight:750;margin-top:3px}.activity-timeline-row-v108 time{white-space:nowrap;color:#7f95bd;font-weight:800}
@media(max-width:1100px){.subscription-summary-grid-v108{grid-template-columns:repeat(2,minmax(0,1fr))}.subscriber360-two-col-v108{grid-template-columns:1fr!important}}
@media(max-width:760px){.subscriber360-section-head-v108{flex-direction:column}.subscriber360-form-v108,.subscription-summary-grid-v108,.device-health-grid-v108{grid-template-columns:1fr}.activity-timeline-row-v108{grid-template-columns:16px 1fr}.activity-timeline-row-v108 time{grid-column:2}.ledger-row-v108,.quota-row-v108{grid-template-columns:1fr}.ledger-row-v108 b{text-align:start}}

/* ===== Heavy v10.5.9 — Subscriber 360 control & polish ===== */
.subscription-summary-grid-v108{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.subscription-days-v109{
  background:linear-gradient(135deg,#eff6ff,#ffffff)!important;
  border-color:#bfdbfe!important;
}
.subscription-days-v109 span{
  display:block;
  color:#64748b;
  font-weight:800;
  line-height:1.5;
  margin-top:4px;
}
.portal-visibility-panel-v109{
  margin-top:var(--ui-gap-lg,24px);
  box-shadow:none;
}
.subscriber360-section-head-v108.compact-v109{
  padding-bottom:0;
  margin-bottom:12px;
}
.portal-visibility-grid-v109{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr));
  gap:12px;
  padding:18px;
  border:1px solid #e2e8f0;
  border-radius:28px;
  background:linear-gradient(180deg,#fff,#f8fbff);
}
.portal-page-card-v109{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:4px 10px;
  align-items:start;
  border:1px solid #e1e9f5;
  border-radius:18px;
  padding:13px 14px;
  background:#fff;
  font-weight:900;
}
.portal-page-card-v109 input{width:18px;height:18px;accent-color:#2563eb;margin-top:3px}
.portal-page-card-v109 span{color:#0f172a;line-height:1.45}
.portal-page-card-v109 small{grid-column:2;color:#64748b;font-size:.78rem;direction:ltr;text-align:start;line-height:1.5}
.portal-page-card-v109.is-locked{background:#f8fafc;opacity:.82}
.portal-page-card-v109.is-locked input{filter:grayscale(.4)}

/* Quotas: remove the dead empty look and keep presets readable. */
.subscriber360-quotas-v108 .subscriber360-two-col-v108{align-items:start}
.quota-list-v108{min-height:0!important;max-height:none!important;overflow:visible!important}
.quota-row-v108{overflow:hidden}
.quota-row-v108 small{overflow-wrap:anywhere}

/* Support inside subscriber 360: contained accents and breathing room. */
.profile-support-mailbox-v62{
  padding:24px!important;
  overflow:hidden!important;
}
.profile-support-mailbox-v62 .mailbox-list-panel-v62,
.profile-support-mailbox-v62 .mailbox-thread-panel-v62,
.profile-support-mailbox-v62 .inspector-card-v62{
  border-radius:26px!important;
}
.profile-support-mailbox-v62 .mailbox-list-v62{
  padding:10px 12px 14px!important;
  gap:12px!important;
}
.profile-support-mailbox-v62 .mailbox-row-v62{
  position:relative;
  border-radius:22px!important;
  padding:16px 18px 16px 24px!important;
  overflow:hidden!important;
  border:1px solid #e2e8f0!important;
  background:#fff!important;
}
html[dir="rtl"] .profile-support-mailbox-v62 .mailbox-row-v62{padding:16px 24px 16px 18px!important}
.profile-support-mailbox-v62 .mailbox-row-accent-v62{
  position:absolute!important;
  inset-block:14px!important;
  inset-inline-start:10px!important;
  width:5px!important;
  border-radius:999px!important;
  overflow:hidden!important;
}
.profile-support-mailbox-v62 .kind-message .mailbox-row-accent-v62{background:#2563eb!important}
.profile-support-mailbox-v62 .kind-ticket .mailbox-row-accent-v62{background:#f97316!important}
.profile-support-mailbox-v62 .mailbox-thread-v62{
  border-top:0!important;
  overflow:hidden!important;
}
.profile-support-mailbox-v62 .thread-head-v62{
  padding:24px 26px!important;
}
.profile-support-mailbox-v62 .thread-messages-v62{
  padding:28px!important;
  gap:16px!important;
}
.profile-support-mailbox-v62 .thread-message-v62{
  margin-inline:6px!important;
  padding:16px 18px!important;
  border-radius:24px!important;
  max-width:min(88%,760px)!important;
}
.profile-support-mailbox-v62 .reply-composer-v62{
  padding:20px!important;
}

/* Activity: Arabic labels, no clipped side date, only first 10 rows. */
.activity-timeline-v108{
  max-height:none!important;
  overflow:visible!important;
  padding-inline-end:0!important;
}
.activity-timeline-row-v108{
  grid-template-columns:16px minmax(0,1fr) minmax(190px,auto)!important;
  min-height:78px;
}
.activity-timeline-row-v108 time{
  white-space:normal!important;
  text-align:end;
  line-height:1.55;
}
.activity-timeline-row-v108 strong{overflow-wrap:anywhere}

@media(max-width:760px){
  .portal-visibility-grid-v109{grid-template-columns:1fr;padding:14px}
  .activity-timeline-row-v108{grid-template-columns:16px 1fr!important}
  .activity-timeline-row-v108 time{grid-column:2;text-align:start}
  .profile-support-mailbox-v62{padding:16px!important}
  .profile-support-mailbox-v62 .thread-messages-v62{padding:18px!important}
}


/* Heavy v10.5.10 — Subscriber 360 support bubbles: no clipped messages */
body.heavy-v100 .profile-mailbox-grid-v62 .profile-thread-panel-v62,
body.heavy-v100 .profile-mailbox-grid-v62 .mailbox-thread-panel-v62,
body.heavy-v100 .profile-mailbox-grid-v62 .mailbox-thread-v62{
  overflow: visible !important;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-messages-v62{
  padding: 26px 28px 34px !important;
  gap: 18px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scroll-padding-bottom: 34px;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62{
  box-sizing: border-box;
  max-width: min(88%, 920px) !important;
  min-width: min(240px, 100%) !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 18px 22px !important;
  border-radius: 24px !important;
  line-height: 1.9 !important;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-admin{
  margin-inline-end: 14px !important;
  margin-inline-start: 42px !important;
  box-shadow: 0 18px 42px rgba(29,78,216,.16);
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-user{
  margin-inline-start: 14px !important;
  margin-inline-end: 42px !important;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.internal-note{
  margin-inline: auto !important;
  max-width: min(94%, 980px) !important;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62 p,
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62 .message-body,
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62 small,
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62 strong{
  max-height: none !important;
  overflow: visible !important;
  line-height: 1.95 !important;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: normal;
}
body.heavy-v100 .profile-mailbox-grid-v62 .message-meta-v62{
  margin-bottom: 10px !important;
  gap: 14px !important;
}
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-admin .message-meta-v62,
body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-admin p{
  color: #fff !important;
}
@media(max-width: 760px){
  body.heavy-v100 .profile-mailbox-grid-v62 .thread-messages-v62{
    padding: 18px 16px 28px !important;
  }
  body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62,
  body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-admin,
  body.heavy-v100 .profile-mailbox-grid-v62 .thread-message-v62.from-user{
    max-width: 96% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    padding: 16px 18px !important;
  }
}

/* Heavy v10.5.11 — Subscriber 360 quota UX refinement */
.subscriber360-quotas-v111{display:grid;gap:var(--ui-gap-lg,24px)}
.quota-hero-v111{align-items:flex-start!important}
.quota-explainer-grid-v111{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.quota-explainer-grid-v111 article{border:1px solid #dbe6f3;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:16px 18px;box-shadow:0 14px 40px rgba(15,23,42,.055);display:grid;gap:6px;min-width:0}
.quota-explainer-grid-v111 b{width:30px;height:30px;border-radius:999px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-weight:950}
.quota-explainer-grid-v111 strong{color:#0f172a;font-weight:950}.quota-explainer-grid-v111 small{color:#6b7d9b;line-height:1.7;font-weight:750}
.quota-layout-v111{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)!important;gap:24px!important;align-items:start!important}
.quota-form-card-v111,.quota-summary-card-v111{overflow:visible!important}.quota-help-v111{margin:0;color:#6b7d9b;font-weight:750;line-height:1.75}
.quota-form-v111{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}.quota-form-v111 .full{grid-column:1/-1}
.quota-form-v111 .subscriber360-field-v108{display:grid;gap:8px;margin:0}.quota-form-v111 .subscriber360-field-v108 span{font-weight:950;color:#2d3a4f;font-size:.98rem}.quota-form-v111 .subscriber360-field-v108 small{color:#7c8dab;font-weight:750;line-height:1.55}
.quota-form-v111 input,.quota-form-v111 select,.quota-form-v111 textarea{min-height:50px;border-radius:18px!important;background:#fff!important;border:1px solid #d7e2f1!important;font-weight:850;color:#152033}.quota-form-v111 textarea{min-height:110px;padding-block:14px}.quota-custom-field-v111{display:none}
.quota-preview-v111{border:1px dashed #bcd3f6;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#eef6ff);padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#46628b;font-weight:850}.quota-preview-v111 strong{color:#1d4ed8}.quota-preview-v111 span{line-height:1.7}
.quota-card-head-v111{display:flex;align-items:center;justify-content:space-between;gap:14px}.quota-card-head-v111 small{display:block;color:#7890b3;font-weight:900}.quota-card-head-v111 h3{margin:0;color:#0f172a;font-weight:950}.quota-list-v111{display:grid;gap:14px;overflow:visible!important}.quota-row-v111{border:1px solid #dfe8f5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:16px 18px;display:grid;gap:14px;box-shadow:0 12px 34px rgba(15,23,42,.055);overflow:hidden;min-width:0}.quota-row-v111.is-ok{border-inline-start:6px solid #22c55e}.quota-row-v111.is-warn{border-inline-start:6px solid #f59e0b}.quota-row-v111.is-danger{border-inline-start:6px solid #ef4444}.quota-row-top-v111{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}.quota-row-top-v111 strong{display:block;color:#0f172a;font-weight:950;overflow-wrap:anywhere}.quota-row-top-v111 small{display:block;color:#6b7d9b;font-weight:800;line-height:1.6;overflow-wrap:anywhere}.quota-stats-v111{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quota-stats-v111 span{border-radius:18px;background:#f1f6ff;border:1px solid #e2eaf6;padding:11px 12px;text-align:center}.quota-stats-v111 b{display:block;color:#0f172a;font-size:1.25rem;font-weight:950}.quota-stats-v111 small{display:block;color:#7184a7;font-weight:850}.quota-meter-v111{height:11px;border-radius:999px;background:#e2e8f0;overflow:hidden}.quota-meter-v111 i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#fbbf24,#ef4444)}.quota-row-foot-v111{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.quota-row-foot-v111 small{color:#7184a7;font-weight:800;line-height:1.6}.quota-empty-v111{border:1px dashed #cbd5e1;border-radius:24px;background:#f8fbff;padding:22px;display:grid;gap:6px;text-align:center;color:#64748b}.quota-empty-v111 strong{color:#0f172a;font-weight:950}.quota-empty-v111 small{font-weight:750;line-height:1.7}
@media(max-width:1100px){.quota-layout-v111{grid-template-columns:1fr!important}.quota-explainer-grid-v111{grid-template-columns:1fr}}
@media(max-width:720px){.quota-form-v111{grid-template-columns:1fr}.quota-stats-v111{grid-template-columns:1fr}.quota-row-top-v111,.quota-preview-v111{flex-direction:column;align-items:flex-start}.quota-preview-v111{align-items:stretch}}


/* Heavy v10.5.13 — quota card edit/delete controls */
.subscriber360-quotas-v111 .quota-row-top-v113{
  align-items:flex-start;
  gap:14px;
}
.subscriber360-quotas-v111 .quota-row-actions-v113{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.subscriber360-quotas-v111 .quota-delete-form-v113{
  margin:0;
  display:inline-flex;
}
.subscriber360-quotas-v111 .quota-row-actions-v113 .btn{
  min-height:34px;
  border-radius:12px;
  padding-inline:12px;
}
.subscriber360-quotas-v111 .subscriber360-actions-v108.full{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-start;
}
@media(max-width:720px){
  .subscriber360-quotas-v111 .quota-row-top-v113{
    flex-direction:column;
  }
  .subscriber360-quotas-v111 .quota-row-actions-v113{
    justify-content:flex-start;
  }
}


/* Heavy v10.5.14 — Plan quotas engine UI */
.plan-form-stack-v114{display:grid;gap:var(--ui-gap-lg)}
.plan-quota-section-v114 .section-heading-inline{align-items:flex-start}
.plan-quota-grid-v114{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:16px}
.plan-quota-card-v114{border:1px solid #e2eaf6;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:24px;padding:16px;display:grid;gap:12px;box-shadow:0 14px 40px rgba(15,23,42,.055)}
.plan-quota-card-head-v114{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.plan-quota-card-head-v114 strong{display:block;font-size:1.05rem;color:#0f172a}.plan-quota-card-head-v114 small{display:block;color:#7083a7;line-height:1.65;margin-top:4px}
.mini-switch-v114,.quota-unlimited-v114{display:inline-flex;align-items:center;gap:8px;font-weight:900;color:#1e3a66}.mini-switch-v114 input,.quota-unlimited-v114 input{accent-color:#2563eb}
.quota-unlimited-v114{border-radius:16px;background:#f1f6ff;border:1px solid #dbeafe;padding:9px 12px}
.plan-quota-limits-v114{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.plan-quota-limits-v114 span{display:block;color:#64748b;font-weight:900;margin-bottom:6px}.plan-quota-limits-v114 .form-control{text-align:center;font-weight:900}
.subscriber-quota-view-v114{margin-top:var(--ui-gap-lg)}.subscriber-quota-grid-v114{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.subscriber-quota-card-v114{border:1px solid #e2eaf6;border-inline-end:6px solid #22c55e;background:#fff;border-radius:24px;padding:16px;display:grid;gap:12px;box-shadow:0 14px 42px rgba(15,23,42,.055)}.subscriber-quota-card-v114.is-warn{border-inline-end-color:#f59e0b}.subscriber-quota-card-v114.is-danger{border-inline-end-color:#ef4444}
.quota-row-v111 .quota-row-actions-v113{align-items:center}.quota-row-v111 .status-pill{white-space:nowrap}.quota-row-v111 .quota-row-foot-v111 small{overflow:visible!important;max-height:none!important}.quota-row-v111 .quota-stats-v111 span{overflow:visible!important}
@media(max-width:760px){.plan-quota-limits-v114{grid-template-columns:1fr}.plan-quota-card-head-v114{flex-direction:column}.subscriber-quota-grid-v114{grid-template-columns:1fr}}


/* Heavy v10.5.15 — Plan quotas fixes */
body.heavy-v100 .status-pill,
body.heavy-v100 .ui-badge-v70,
body.heavy-v100 .mini-switch-v114,
body.heavy-v100 .quota-unlimited-v114{
  white-space:nowrap!important;
  word-break:normal!important;
  overflow:visible!important;
  min-width:max-content;
}
.plan-quota-card-head-v114{
  align-items:center!important;
}
.mini-switch-v114{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  background:#eef6ff;
  border:1px solid #dbeafe;
}
.plans-card-v115{overflow:visible!important}.plans-list-v115{display:grid;gap:12px}.plan-row-v115{display:grid;grid-template-columns:minmax(90px,.6fr) minmax(220px,2fr) repeat(3,minmax(110px,.75fr)) minmax(110px,.7fr) minmax(92px,.55fr);align-items:center;gap:14px;padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2eaf6;box-shadow:0 12px 34px rgba(15,23,42,.055)}.plan-main-v115 strong{display:block;color:#0f172a;font-size:1.08rem}.plan-main-v115 small,.plan-meta-v115 small{display:block;color:#7b8eaf;font-weight:850;margin-top:4px}.plan-meta-v115 b{display:block;color:#111827}.plan-state-v115,.plan-actions-v115{display:flex;justify-content:center}.plan-apply-note-v115,.plan-change-callout-v115{margin-top:14px;border:1px dashed #b9d4ff;background:#f5f9ff;color:#16376b;border-radius:20px;padding:14px 16px;font-weight:850;line-height:1.8}.plan-change-callout-v115{margin-bottom:16px}.plan-change-callout-v115 strong{display:block;font-size:1.05rem;color:#0f172a}.plan-change-callout-v115 span{display:block;color:#64748b;margin-top:4px}
@media(max-width:1100px){.plan-row-v115{grid-template-columns:1fr 1fr}.plan-state-v115,.plan-actions-v115{justify-content:flex-start}}@media(max-width:700px){.plan-row-v115{grid-template-columns:1fr}.plan-meta-v115{display:flex;justify-content:space-between;gap:12px}.plan-actions-v115 .btn{width:100%}}

/* Heavy v10.5.16 — Subscribers CRM action system redesign */
.heavy-v100 .subscribers-redesign-v116 .subscribers-command-card-v116{overflow:visible!important;}
.heavy-v100 .subscriber-toolbar-v116{align-items:center;margin-bottom:14px;}
.heavy-v100 .bulk-action-bar-v116{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 4px;padding:12px 14px;border-radius:18px;background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;color:#10203d;}
.heavy-v100 .bulk-action-bar-v116[hidden]{display:none!important;}
.heavy-v100 .subscriber-data-list-v116{display:grid;gap:14px;margin-top:18px;}
.heavy-v100 .subscriber-data-row-v116{display:grid;grid-template-columns:42px minmax(260px,1.5fr) minmax(210px,1fr) minmax(240px,1.1fr) minmax(110px,.42fr) minmax(128px,.5fr);gap:14px;align-items:center;padding:18px;border-radius:26px;background:linear-gradient(180deg,#fff,#f9fbff);border:1px solid #e2eaf7;box-shadow:0 14px 38px rgba(15,23,42,.045);overflow:visible;position:relative;}
.heavy-v100 .subscriber-data-row-v116:hover{border-color:#bcd5ff;box-shadow:0 20px 55px rgba(37,99,235,.09);}
.heavy-v100 .subscriber-select-v116{display:grid;place-items:center;}
.heavy-v100 .subscriber-select-v116 input{width:20px;height:20px;accent-color:#1d4ed8;}
.heavy-v100 .subscriber-identity-v116{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;color:#111c35;min-width:0;}
.heavy-v100 .subscriber-identity-v116 strong{display:block;font-size:1.04rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heavy-v100 .subscriber-identity-v116 small{display:block;margin-top:5px;color:#7b8eaf;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heavy-v100 .subscriber-data-cell-v116{min-width:0;}
.heavy-v100 .subscriber-data-cell-v116 small{display:block;color:#7b8eaf;font-weight:950;margin-bottom:5px;}
.heavy-v100 .subscriber-data-cell-v116 strong{display:block;color:#0f172a;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heavy-v100 .subscriber-data-cell-v116 span{display:block;color:#7b8eaf;font-weight:800;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.heavy-v100 .subscriber-data-cell-v116.compact strong{font-size:1.15rem;}
.heavy-v100 .status-stack-v116{display:flex;align-items:center;gap:7px;flex-wrap:wrap;}
.heavy-v100 .subscriber-actions-menu-v116{display:flex;justify-content:flex-end;position:relative;z-index:5;}
.heavy-v100 .subscriber-actions-menu-v116 details{position:relative;}
.heavy-v100 .subscriber-actions-menu-v116 summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;padding:10px 14px;border-radius:15px;background:#0f2457;color:#fff;font-weight:950;box-shadow:0 12px 30px rgba(15,36,87,.18);}
.heavy-v100 .subscriber-actions-menu-v116 summary::-webkit-details-marker{display:none;}
.heavy-v100 .action-menu-panel-v116{position:absolute;inset-inline-end:0;top:calc(100% + 8px);width:245px;display:grid;gap:6px;padding:10px;border-radius:20px;background:#fff;border:1px solid #dbe5f4;box-shadow:0 24px 70px rgba(15,23,42,.18);z-index:60;}
.heavy-v100 .action-menu-panel-v116 a,.heavy-v100 .action-menu-panel-v116 button{width:100%;border:0;background:transparent;text-align:inherit;text-decoration:none;color:#0f172a;font-weight:900;padding:10px 12px;border-radius:14px;display:block;}
.heavy-v100 .action-menu-panel-v116 a:hover,.heavy-v100 .action-menu-panel-v116 button:hover{background:#eff6ff;color:#1d4ed8;}
.heavy-v100 .action-menu-panel-v116 form{margin:0;}
.heavy-v100 .action-menu-panel-v116 .danger{color:#dc2626;}
.heavy-v100 .modal-v116{width:min(760px,calc(100vw - 28px));border:0;border-radius:30px;padding:0;box-shadow:0 40px 120px rgba(15,23,42,.28);background:#fff;color:#0f172a;}
.heavy-v100 .modal-v116::backdrop{background:rgba(15,23,42,.46);backdrop-filter:blur(4px);}
.heavy-v100 .modal-v116 form{padding:20px;display:grid;gap:16px;}
.heavy-v100 .modal-v116 header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;border-bottom:1px solid #e2e8f0;padding-bottom:14px;}
.heavy-v100 .modal-v116 header small{display:block;color:#7b8eaf;font-weight:950;}
.heavy-v100 .modal-v116 header h3{margin:0;font-weight:950;font-size:1.6rem;}
.heavy-v100 .modal-v116 header button{border:0;background:#f1f5f9;width:36px;height:36px;border-radius:12px;font-size:1.4rem;font-weight:900;}
.heavy-v100 .modal-v116 footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid #e2e8f0;padding-top:14px;}
.heavy-v100 .modal-grid-v116.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.heavy-v100 .mini-panel-v116{border:1px solid #e2eaf7;background:#f8fbff;border-radius:20px;padding:14px;}
.heavy-v100 .mini-panel-v116 small{display:block;color:#7b8eaf;font-weight:950;margin-bottom:5px;}
.heavy-v100 .mini-panel-v116 strong{display:block;font-weight:950;color:#0f172a;font-size:1.1rem;}
.heavy-v100 .mini-panel-v116 p{margin:5px 0 0;color:#64748b;font-weight:800;line-height:1.65;}
.heavy-v100 .mini-panel-v116.highlight{border-style:dashed;background:#eef6ff;color:#173466;font-weight:900;}
.heavy-v100 .duration-presets-v116{display:flex;gap:8px;flex-wrap:wrap;}
.heavy-v100 .duration-presets-v116 button{border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:9px 13px;font-weight:950;}
@media(max-width:1280px){.heavy-v100 .subscriber-data-row-v116{grid-template-columns:42px minmax(240px,1.4fr) minmax(200px,1fr) minmax(220px,1fr) minmax(118px,.5fr)}.heavy-v100 .subscriber-actions-menu-v116{grid-column:2 / -1;justify-content:flex-start}.heavy-v100 .action-menu-panel-v116{inset-inline-start:0;inset-inline-end:auto;}}
@media(max-width:820px){.heavy-v100 .subscriber-data-row-v116{grid-template-columns:1fr;}.heavy-v100 .subscriber-select-v116{justify-content:flex-start;place-items:start}.heavy-v100 .modal-grid-v116.two{grid-template-columns:1fr}.heavy-v100 .modal-v116 footer .btn{width:100%!important}.heavy-v100 .subscriber-actions-menu-v116{grid-column:auto}.heavy-v100 .action-menu-panel-v116{position:static;margin-top:8px;width:100%;box-shadow:none}.heavy-v100 .subscriber-actions-menu-v116 details{width:100%}.heavy-v100 .subscriber-actions-menu-v116 summary{width:100%;}}

/* Heavy v10.5.17 — persistent subscriber action bar */
.heavy-v100 .bulk-action-bar-v116{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  margin:14px 0 8px;
  padding:14px 16px;
  border-radius:22px;
  border:1px solid #dbe5f4;
  background:linear-gradient(135deg,#f3f6fb,#ffffff);
  color:#53657f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:.2s ease;
}
.heavy-v100 .bulk-action-bar-v116.is-active{
  border-color:#93c5fd;
  background:linear-gradient(135deg,#eff6ff,#ffffff);
  color:#10203d;
  box-shadow:0 18px 45px rgba(37,99,235,.08);
}
.heavy-v100 .bulk-action-status-v117{display:grid;gap:2px;min-width:190px;}
.heavy-v100 .bulk-action-status-v117 strong{font-weight:950;color:#0f172a;}
.heavy-v100 .bulk-action-status-v117 small{font-weight:800;color:#7b8eaf;}
.heavy-v100 .bulk-action-buttons-v117{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.heavy-v100 .bulk-inline-form-v117{margin:0;display:inline-flex;}
.heavy-v100 .bulk-action-bar-v116.is-disabled .btn,
.heavy-v100 .bulk-action-bar-v116 .btn:disabled,
.heavy-v100 .bulk-action-bar-v116 .btn.disabled{
  opacity:.48;
  filter:grayscale(.25);
  pointer-events:none;
  box-shadow:none!important;
}
.heavy-v100 .subscriber-data-row-v116{grid-template-columns:42px minmax(280px,1.5fr) minmax(230px,1fr) minmax(250px,1.1fr) minmax(112px,.45fr)!important;}
.heavy-v100 .subscriber-data-row-v116.is-selected{
  border-color:#60a5fa!important;
  box-shadow:0 22px 60px rgba(37,99,235,.14)!important;
  background:linear-gradient(180deg,#fff,#f5f9ff)!important;
}
.heavy-v100 .subscriber-actions-menu-v116{display:none!important;}
@media(max-width:1280px){
  .heavy-v100 .bulk-action-bar-v116{align-items:flex-start;}
  .heavy-v100 .bulk-action-buttons-v117{width:100%;}
  .heavy-v100 .subscriber-data-row-v116{grid-template-columns:42px minmax(240px,1.4fr) minmax(210px,1fr) minmax(230px,1fr)!important;}
  .heavy-v100 .subscriber-data-cell-v116.compact{grid-column:2 / -1;}
}
@media(max-width:820px){
  .heavy-v100 .bulk-action-buttons-v117 .btn,
  .heavy-v100 .bulk-inline-form-v117,
  .heavy-v100 .bulk-inline-form-v117 .btn{width:100%!important;}
}


/* Heavy v10.5.18 — Subscriber 360 personal profile polish */
.subscriber360-profile-v118{display:grid;gap:18px}.profile-head-v118{align-items:center}.profile-grid-v118{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:18px}.profile-card-v118{border-radius:30px;border:1px solid #dbe6f5;background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:0 20px 60px rgba(15,23,42,.06);padding:22px;display:flex;flex-direction:column;gap:16px;min-width:0}.profile-card-large-v118{grid-row:span 2}.profile-card-title-v118{display:flex;align-items:center;gap:12px}.profile-icon-v118{width:48px;height:48px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#e0ecff,#fff7ed);font-size:1.35rem;flex:0 0 auto}.profile-card-title-v118 small{display:block;color:#7b8eaf;font-weight:900}.profile-card-title-v118 h4{margin:0;color:#111b31;font-weight:950;font-size:1.28rem}.profile-hint-v118{margin:0;color:#7084a8;font-weight:800;line-height:1.8}.profile-fields-v118{display:grid;grid-template-columns:1fr;gap:14px}.profile-fields-v118.two{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-fields-v118 .full{grid-column:1/-1}.profile-fields-v118 label{display:flex;flex-direction:column;gap:8px;margin:0}.profile-fields-v118 span{font-weight:900;color:#334155}.profile-fields-v118 .form-control{min-height:54px;border-radius:18px;border-color:#d6e2f2;background:#fff;font-weight:850;color:#111827;padding-inline:16px}.profile-fields-v118 .form-control:focus{border-color:#93c5fd;box-shadow:0 0 0 .22rem rgba(59,130,246,.12)}.profile-status-card-v118{justify-content:flex-start}.profile-switch-v118{display:flex;align-items:center;gap:12px;border-radius:20px;border:1px solid #dbeafe;background:#f8fbff;padding:14px 16px;cursor:pointer;margin:0}.profile-switch-v118 input{width:22px;height:22px;accent-color:#2563eb}.profile-switch-v118 b{font-size:1rem;color:#0f172a}.profile-actions-v118{grid-column:1/-1;display:flex;justify-content:flex-end;gap:12px;padding:6px 0}.profile-actions-v118 .btn{min-width:160px;border-radius:16px}.ltr-field-v108{direction:ltr;text-align:left}@media(max-width:1050px){.profile-grid-v118{grid-template-columns:1fr}.profile-card-large-v118{grid-row:auto}}@media(max-width:680px){.profile-fields-v118.two{grid-template-columns:1fr}.profile-actions-v118{flex-direction:column}.profile-actions-v118 .btn{width:100%}}

/* Heavy v10.5.19 — dynamic device provider form */
.dynamic-devices-grid-v10519{
  grid-template-columns:minmax(360px,1.05fr) minmax(320px,.95fr);
  align-items:start;
  gap:var(--ui-gap-lg,24px);
}
.dynamic-device-form-v10519{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:28px;
}
.dynamic-device-form-v10519 .full{grid-column:1/-1}
.dynamic-device-head-v10519{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:2px}
.dynamic-device-head-v10519 small,.form-section-title{font-weight:950;color:#7d90b0}
.dynamic-device-head-v10519 h3{font-size:1.7rem;font-weight:950;color:#0f172a;margin:.15rem 0 .35rem}
.dynamic-device-head-v10519 p,.provider-selected-note-v10519,.field-hint-v10519{color:#7488aa;font-weight:800;line-height:1.7;margin:0}
.form-section-title{grid-column:1/-1;border-top:1px solid #e6eefb;padding-top:14px;margin-top:6px;color:#183968}
.provider-picker-v10519{display:grid;gap:10px;padding:16px;border:1px solid #dbe7fa;border-radius:24px;background:linear-gradient(135deg,#f8fbff,#fff)}
.provider-field-grid-v10519{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.provider-field-card-v10519{border:1px solid #dbe7fa;border-radius:22px;background:#fff;padding:14px;box-shadow:0 12px 34px rgba(15,23,42,.04)}
.provider-field-card-v10519 .form-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;font-weight:950;color:#334155}
.provider-field-card-v10519 .form-label small{font-size:.72rem;border-radius:999px;padding:4px 8px;background:#eef6ff;color:#2563eb;white-space:nowrap}
.provider-field-card-v10519 input{min-height:48px}
.device-switch-v10519{border:1px solid #dbe7fa;border-radius:18px;background:#f8fbff;padding:14px 18px!important;display:flex;gap:10px;align-items:center}
.dynamic-device-card-v10519{align-items:center;border:1px solid #dbe7fa!important;border-radius:24px!important;padding:16px!important;background:linear-gradient(135deg,#fff,#f9fbff)}
.dynamic-device-card-v10519.current{border-color:#93c5fd!important;box-shadow:0 18px 45px rgba(37,99,235,.12)}
@media(max-width:1100px){
  .dynamic-devices-grid-v10519{grid-template-columns:1fr}
}
@media(max-width:760px){
  .dynamic-device-form-v10519,.provider-field-grid-v10519{grid-template-columns:1fr}
}

/* Heavy v10.5.20 — Professional registration */
.register-shell-v1060{
  background:radial-gradient(circle at 12% 8%,rgba(59,130,246,.20),transparent 30%),radial-gradient(circle at 88% 18%,rgba(251,191,36,.20),transparent 32%),linear-gradient(180deg,#f6f9ff,#edf3fb);
  padding:clamp(16px,3vw,34px);
}
.register-card-v1060{
  width:min(1180px,96vw);
  display:grid;
  grid-template-columns:minmax(320px,.84fr) minmax(0,1.16fr);
  border-radius:38px;
  overflow:hidden;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(203,213,225,.75);
  box-shadow:0 34px 100px rgba(15,23,42,.14);
}
.register-hero-v1060{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:20px;
  padding:34px;
  min-height:680px;
  color:#fff;
  background:radial-gradient(360px circle at 80% 10%,rgba(96,165,250,.32),transparent 48%),linear-gradient(180deg,#0f2457,#111d3b 76%,#0b1530);
}
.register-back-v1060{color:rgba(255,255,255,.82)!important;text-decoration:none;font-weight:900}.register-back-v1060:hover{color:#fff!important}
.register-mark-v1060{width:68px;height:68px;border-radius:24px;display:grid;place-items:center;background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);font-size:2rem}
.register-eyebrow-v1060{display:inline-flex;width:max-content;border-radius:999px;background:rgba(251,191,36,.18);border:1px solid rgba(251,191,36,.26);padding:8px 12px;color:#fde68a;font-weight:900}
.register-hero-v1060 h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;font-weight:950;margin:0}.register-hero-v1060 p{font-weight:750;line-height:1.9;color:rgba(255,255,255,.76);margin:0;max-width:560px}
.register-benefits-v1060{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.register-benefits-v1060 div{border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);padding:14px}.register-benefits-v1060 strong{display:block;font-size:1.5rem;color:#fbbf24}.register-benefits-v1060 span{display:block;color:#dbeafe;font-weight:850;font-size:.9rem}
.register-form-panel-v1060{padding:30px;max-height:none;overflow:visible}.register-form-head-v1060{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.register-form-head-v1060 small{display:block;color:#64748b;font-weight:900}.register-form-head-v1060 h2{margin:4px 0 0;color:#0f172a;font-weight:950}.register-lang-mini-v1060{display:flex;gap:8px;border-radius:999px;background:#f1f5f9;padding:5px}.register-lang-mini-v1060 a{padding:7px 10px;border-radius:999px;text-decoration:none;color:#334155;font-weight:900}.register-lang-mini-v1060 a.active{background:#fff;color:#1d4ed8;box-shadow:0 8px 22px rgba(15,23,42,.08)}
.register-form-v1060{display:grid;gap:16px}.register-section-card-v1060{border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #e2e8f0;padding:18px;box-shadow:0 14px 44px rgba(15,23,42,.055)}.register-section-title-v1060{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.register-section-title-v1060>span{width:42px;height:42px;display:grid;place-items:center;border-radius:16px;background:#eff6ff}.register-section-title-v1060 strong{display:block;color:#0f172a;font-weight:950}.register-section-title-v1060 small{display:block;color:#64748b;font-weight:750;line-height:1.65}
.register-grid-v1060{display:grid;gap:12px}.register-grid-v1060.two{grid-template-columns:repeat(2,minmax(0,1fr))}.register-grid-v1060.three{grid-template-columns:repeat(3,minmax(0,1fr))}.register-grid-v1060 .full{grid-column:1/-1}.register-grid-v1060 label span,.provider-choice-v1060 label span{display:block;margin-bottom:7px;color:#334155;font-weight:900}.register-grid-v1060 .form-control,.provider-choice-v1060 .form-control{border-radius:16px;border-color:#dbe6f3;min-height:48px;font-weight:750}.ltr-field-v108{direction:ltr;text-align:left}
.energy-intent-v1060{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.intent-card-v1060{position:relative;border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:14px 14px 14px 44px;cursor:pointer;display:grid;gap:4px;min-height:116px}.intent-card-v1060 input{position:absolute;inset-inline-start:16px;top:18px;accent-color:#2563eb}.intent-card-v1060 span{font-size:1.6rem}.intent-card-v1060 strong{color:#0f172a;font-weight:950}.intent-card-v1060 small{color:#64748b;font-weight:750;line-height:1.6}.intent-card-v1060:has(input:checked){border-color:#93c5fd;background:linear-gradient(180deg,#eff6ff,#fff);box-shadow:0 12px 36px rgba(37,99,235,.10)}
.provider-choice-v1060{display:grid;gap:10px}.provider-choice-v1060.is-muted{opacity:.62}.provider-preview-v1060{border-radius:20px;background:#f8fafc;border:1px dashed #cbd5e1;padding:13px}.provider-preview-v1060 strong{display:block;color:#0f172a;font-weight:950}.provider-preview-v1060 span{display:inline-flex;margin-top:5px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:.78rem;font-weight:900;padding:5px 9px}.provider-preview-v1060 p{margin:8px 0 0;color:#64748b;font-weight:750;line-height:1.7}
.register-submit-card-v1060{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-submit-card-v1060 .btn{min-height:48px;border-radius:16px;font-weight:950}.register-social-v1060{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px}.register-alerts-v1060{display:grid;gap:8px;margin-bottom:14px}.register-login-link-v1060 a{font-weight:900;text-decoration:none}
@media(max-width:1000px){.register-card-v1060{grid-template-columns:1fr}.register-hero-v1060{min-height:auto}.register-grid-v1060.three{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.register-form-panel-v1060,.register-hero-v1060{padding:20px}.register-grid-v1060.two,.register-grid-v1060.three,.energy-intent-v1060,.register-submit-card-v1060,.register-social-v1060{grid-template-columns:1fr}.register-benefits-v1060{grid-template-columns:1fr}.register-card-v1060{border-radius:28px}}


/* Heavy v10.5.23 — Registration UX + country/city/phone picker */
.register-shell-v10523{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:26px;
  background:
    radial-gradient(circle at 12% 10%, rgba(72,132,255,.16), transparent 32%),
    radial-gradient(circle at 90% 20%, rgba(255,193,7,.13), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
.register-card-v10523{
  width:min(1220px,100%);
  min-height:min(820px, calc(100vh - 52px));
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(380px,.85fr);
  background:rgba(255,255,255,.96);
  border:1px solid #dce7f6;
  border-radius:36px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(15,33,66,.16);
}
[dir="rtl"] .register-card-v10523{ direction:rtl; }
.register-hero-v10523{
  background:
    radial-gradient(circle at 66% 26%, rgba(74,122,210,.38), transparent 22%),
    linear-gradient(180deg,#15326d 0%,#0d1f47 82%);
  color:#fff;
  padding:36px 38px;
  display:flex;
  flex-direction:column;
  gap:14px;
  align-items:flex-start;
  justify-content:flex-start;
  min-height:0;
}
.register-back-v10523{
  color:#e9f1ff;
  text-decoration:none;
  font-weight:900;
  align-self:flex-start;
}
.register-hero-top-v10523{
  display:grid;
  gap:10px;
  margin-top:24px;
}
.register-mark-v10523{
  width:64px;
  height:64px;
  border-radius:22px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.13);
  font-size:30px;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  margin:0;
}
.register-eyebrow-v10523{
  display:inline-flex;
  width:max-content;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,193,7,.16);
  color:#ffe38b;
  border:1px solid rgba(255,214,102,.35);
  font-weight:900;
}
.register-hero-v10523 h1{
  margin:0;
  max-width:520px;
  font-size:clamp(2.25rem,4vw,4.4rem);
  line-height:.98;
  letter-spacing:-.04em;
  font-weight:950;
}
.register-hero-v10523 p{
  max-width:520px;
  margin:0;
  color:#dce8ff;
  line-height:1.8;
  font-weight:800;
}
.register-steps-v10523{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
}
.register-steps-v10523 div,
.register-benefits-v10523 span{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  border-radius:16px;
  padding:10px 12px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-weight:900;
}
.register-steps-v10523 strong{
  width:28px;
  height:28px;
  border-radius:10px;
  background:#ffc72c;
  color:#111b32;
  display:grid;
  place-items:center;
}
.register-benefits-v10523{
  display:grid;
  gap:9px;
  margin-top:2px;
}
.register-form-panel-v10523{
  padding:30px 34px;
  min-width:0;
  overflow:visible;
}
.register-form-head-v10523{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:18px;
}
.register-form-head-v10523 small,
.register-section-title-v10523 small{
  color:#7b8eac;
  font-weight:900;
}
.register-form-head-v10523 h2{
  margin:0;
  font-size:clamp(2rem,3vw,3.2rem);
  font-weight:950;
  letter-spacing:-.04em;
}
.register-lang-mini-v10523{
  display:flex;
  gap:8px;
  background:#f2f6fc;
  padding:6px;
  border-radius:999px;
}
.register-lang-mini-v10523 a{
  color:#1a356f;
  text-decoration:none;
  font-weight:900;
  padding:8px 12px;
  border-radius:999px;
}
.register-lang-mini-v10523 a.active{
  background:#fff;
  box-shadow:0 8px 24px rgba(30,64,175,.10);
}
.register-form-v10523{
  display:grid;
  gap:16px;
}
.register-section-card-v10523{
  border:1px solid #dce7f6;
  background:#fff;
  border-radius:28px;
  padding:20px;
  box-shadow:0 14px 38px rgba(18,43,85,.06);
}
.register-section-title-v10523{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}
.register-section-title-v10523 > span{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:#eff5ff;
}
.register-section-title-v10523 strong{
  display:block;
  font-size:1.18rem;
  color:#15213a;
  font-weight:950;
}
.register-grid-v10523{
  display:grid;
  gap:14px;
}
.register-grid-v10523.two{ grid-template-columns:repeat(2,minmax(0,1fr)); }
.register-grid-v10523.three{ grid-template-columns:repeat(3,minmax(0,1fr)); }
.register-grid-v10523 .full{ grid-column:1/-1; }
.register-grid-v10523 label,
.provider-choice-v10523 label{
  display:grid;
  gap:7px;
  font-weight:900;
  color:#273a59;
  margin:0;
}
.register-grid-v10523 input,
.register-grid-v10523 select,
.provider-choice-v10523 select{
  min-height:52px;
  border-radius:16px!important;
  border:1px solid #d5e3f5!important;
  background:#fff!important;
  font-weight:900!important;
  color:#15213a!important;
}
.ltr-field-v10523{ direction:ltr!important; text-align:left!important; }
.location-hint-v10523{
  margin-top:12px;
  color:#7185a4;
  font-weight:900;
  background:#f7fbff;
  border:1px dashed #cfe0f5;
  border-radius:18px;
  padding:12px 14px;
}
.energy-intent-v10523{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.intent-card-v10523{
  position:relative;
  border:1px solid #dbe8f8;
  border-radius:22px;
  padding:16px;
  display:grid;
  gap:7px;
  cursor:pointer;
  background:#fff;
}
.intent-card-v10523 input{
  position:absolute;
  inset-inline-end:14px;
  top:14px;
}
.intent-card-v10523:has(input:checked){
  border-color:#6aa6ff;
  background:#f2f7ff;
  box-shadow:0 12px 30px rgba(37,99,235,.10);
}
.intent-card-v10523 strong{ font-weight:950; color:#13213e; }
.intent-card-v10523 small{ color:#7185a4; font-weight:800; line-height:1.6; }
.provider-choice-v10523{
  margin-top:14px;
}
.provider-choice-v10523.is-muted{
  opacity:.55;
}
.provider-preview-v10523{
  margin-top:10px;
  border:1px dashed #cbdcf2;
  background:#f8fbff;
  border-radius:18px;
  padding:14px;
  color:#667999;
  font-weight:850;
}
.provider-preview-v10523 strong{
  color:#13213e;
  display:inline-block;
  margin-inline-end:8px;
}
.provider-preview-v10523 span{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:#dff3ff;
  color:#075985;
}
.provider-preview-v10523 p{ margin:8px 0 0; line-height:1.7; }
.register-submit-card-v10523{
  display:grid;
  gap:10px;
}
.register-submit-card-v10523 .btn{
  min-height:48px;
  border-radius:16px;
  font-weight:950;
}
.register-social-v10523{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
@media (max-width:1040px){
  .register-card-v10523{ grid-template-columns:1fr; }
  .register-hero-v10523{ min-height:auto; }
}
@media (max-width:720px){
  .register-shell-v10523{ padding:12px; }
  .register-form-panel-v10523,.register-hero-v10523{ padding:22px; }
  .register-grid-v10523.two,.register-grid-v10523.three,.energy-intent-v10523,.register-social-v10523{ grid-template-columns:1fr; }
}


/* Heavy v10.5.24b — Registration refinement without redesign
   Keep the original Cairo identity and the v10.5.23 layout, only polish spacing. */
body,
.login-shell,
.register-shell-v10523,
.register-card-v10523,
.register-card-v10523 *{
  font-family:'Cairo', sans-serif !important;
}
.register-card-v10523{
  grid-template-columns:minmax(0,1.25fr) minmax(380px,.85fr) !important;
}
.register-hero-v10523{
  padding:32px 34px !important;
  gap:12px !important;
  justify-content:flex-start !important;
}
.register-hero-top-v10523{
  margin-top:18px !important;
  gap:9px !important;
}
.register-hero-v10523 h1{
  font-size:clamp(2.15rem,3.15vw,3.65rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.035em !important;
  margin:0 !important;
}
.register-hero-v10523 p{
  max-width:500px !important;
  line-height:1.65 !important;
  font-size:.98rem !important;
}
.register-mark-v10523{
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
}
.register-eyebrow-v10523{
  padding:7px 12px !important;
  font-size:.9rem !important;
}
.register-steps-v10523{
  margin-top:4px !important;
  gap:8px !important;
}
.register-steps-v10523 div,
.register-benefits-v10523 span{
  padding:8px 10px !important;
  border-radius:14px !important;
  font-size:.9rem !important;
}
.register-steps-v10523 strong{
  width:25px !important;
  height:25px !important;
}
.register-benefits-v10523{
  gap:7px !important;
  margin-top:0 !important;
}
.register-form-panel-v10523{
  padding:30px 32px !important;
}
.register-form-v10523{
  gap:15px !important;
}
.register-section-card-v10523{
  padding:18px !important;
}
.register-grid-v10523 input,
.register-grid-v10523 select,
.provider-choice-v10523 select{
  min-height:50px !important;
}
@media (max-width:1040px){
  .register-card-v10523{ grid-template-columns:1fr !important; }
  .register-hero-v10523{ min-height:auto !important; }
}

/* Heavy v10.5.25 — balanced registration layout: form 65%, hero 35% */
.register-card-v10523{
  grid-template-columns:minmax(0,.35fr) minmax(0,.65fr) !important;
  max-width:1320px !important;
}
[dir="rtl"] .register-card-v10523{
  direction:rtl;
}
.register-form-panel-v10523{
  padding:34px 42px !important;
}
.register-hero-v10523{
  position:relative;
  isolation:isolate;
  padding:30px 28px !important;
  overflow:hidden;
  justify-content:flex-start !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 199, 44, .20), transparent 26%),
    radial-gradient(circle at 86% 34%, rgba(88, 145, 255, .32), transparent 28%),
    linear-gradient(160deg,#183a7a 0%,#0d1f47 76%) !important;
}
.register-hero-v10523::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:26px;
  pointer-events:none;
  z-index:-1;
}
.register-hero-top-v10523{
  margin-top:22px !important;
  gap:10px !important;
  max-width:360px;
}
.register-mark-v10523{
  width:54px !important;
  height:54px !important;
  border-radius:19px !important;
  font-size:27px !important;
  background:rgba(255,255,255,.14) !important;
  border:1px solid rgba(255,255,255,.12);
}
.register-eyebrow-v10523{
  width:max-content;
  padding:7px 12px !important;
  font-size:.84rem !important;
  background:rgba(255,199,44,.15) !important;
  color:#ffdf72 !important;
}
.register-hero-v10523 h1{
  max-width:340px !important;
  font-size:clamp(2rem,2.65vw,3.15rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
}
.register-hero-v10523 p{
  max-width:330px !important;
  font-size:.92rem !important;
  line-height:1.75 !important;
  color:#dbe7ff !important;
}
.register-steps-v10523{
  margin-top:8px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  max-width:360px;
}
.register-steps-v10523 div{
  justify-content:center;
  padding:8px 9px !important;
  font-size:.82rem !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.10) !important;
}
.register-steps-v10523 strong{
  width:23px !important;
  height:23px !important;
  border-radius:9px !important;
  font-size:.8rem;
}
.register-benefits-v10523{
  width:100%;
  max-width:360px;
  margin-top:4px !important;
  gap:8px !important;
}
.register-benefits-v10523 span{
  justify-content:flex-start;
  min-height:40px;
  padding:8px 11px !important;
  font-size:.84rem !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.09) !important;
  color:#eef5ff;
}
.register-back-v10523{
  font-size:.92rem;
  opacity:.95;
}
.register-section-card-v10523{
  padding:20px !important;
}
.register-form-head-v10523 h2{
  font-size:clamp(2.25rem,3.2vw,3.55rem) !important;
}
.register-grid-v10523.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.register-grid-v10523.three{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
@media (max-width:1120px){
  .register-card-v10523{ grid-template-columns:1fr !important; }
  .register-hero-v10523{ min-height:auto !important; }
  .register-hero-top-v10523,
  .register-steps-v10523,
  .register-benefits-v10523{ max-width:none; }
}
@media (max-width:720px){
  .register-form-panel-v10523,
  .register-hero-v10523{ padding:22px !important; }
  .register-steps-v10523{ grid-template-columns:1fr; }
}

/* Heavy v10.5.26 — Global landing page */
.home-deluxe-v10526{--ink:#111b32;--muted:#7183a3;--navy:#071a3f;--navy2:#102b66;--gold:#ffc833;--line:#dfe8f5;direction:rtl;background:linear-gradient(180deg,#081b3f 0 23%,#f6f9ff 23% 100%);min-height:100vh;color:var(--ink);font-family:'Cairo',sans-serif;overflow:hidden}.home-deluxe-v10526[dir=ltr]{direction:ltr}.home-nav-v10526{height:74px;padding:0 42px;max-width:1440px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.10)}.home-brand-v10526,.home-links-v10526 a{color:#fff;text-decoration:none;font-weight:900}.home-brand-v10526{display:flex;align-items:center;gap:10px;font-size:1.15rem}.home-brand-v10526 span{color:var(--gold);font-size:1.5rem}.home-links-v10526{display:flex;gap:26px;align-items:center}.home-actions-v10526{display:flex;gap:12px;align-items:center}.home-actions-v10526 .btn-outline-primary{border-color:rgba(255,255,255,.28);color:#fff;background:transparent}.home-hero-v10526{max-width:1440px;margin:0 auto;padding:44px 42px 58px;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center;color:#fff;position:relative}.hero-copy-v10526{display:grid;gap:18px;align-content:center}.eyebrow-v10526{display:inline-flex;width:max-content;padding:9px 16px;border-radius:999px;background:rgba(255,200,51,.15);border:1px solid rgba(255,200,51,.42);color:#ffe38a;font-weight:950}.hero-copy-v10526 h1{margin:0;font-weight:950;font-size:clamp(2.7rem,5.2vw,5.9rem);line-height:1.06;letter-spacing:-.04em}.hero-copy-v10526 p{margin:0;color:#d9e5ff;font-weight:850;line-height:1.9;font-size:1.16rem;max-width:760px}.hero-buttons-v10526,.hero-pills-v10526{display:flex;gap:12px;flex-wrap:wrap}.hero-pills-v10526 span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-weight:850;color:#eaf2ff}.hero-art-v10526{min-height:430px;position:relative;isolation:isolate}.hero-grid-glow-v10526{position:absolute;inset:0;background:radial-gradient(circle at 38% 32%,rgba(43,131,255,.35),transparent 34%),radial-gradient(circle at 72% 78%,rgba(255,200,51,.20),transparent 26%);filter:blur(8px);z-index:-1}.dash-main-v10526{position:absolute;inset:36px 118px 74px 62px;background:linear-gradient(180deg,#122a5e,#081936);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.32);transform:perspective(900px) rotateY(-7deg)}.dash-bar-v10526{display:flex;align-items:center;gap:7px;color:#cfe0ff}.dash-bar-v10526 span{width:11px;height:11px;border-radius:50%;background:#ffd257}.dash-bar-v10526 strong{margin-inline-start:auto}.dash-stats-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.dash-stats-v10526 div{background:rgba(255,255,255,.07);border-radius:16px;padding:12px}.dash-stats-v10526 small,.dash-stats-v10526 span{display:block;color:#b6c8ef;font-weight:800}.dash-stats-v10526 strong{font-size:1.7rem}.chart-v10526{height:140px;margin-top:16px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));position:relative;overflow:hidden}.chart-v10526 i{position:absolute;bottom:0;width:10px;border-radius:999px;background:rgba(255,255,255,.13)}.chart-v10526 i:nth-child(1){height:40%;right:10%}.chart-v10526 i:nth-child(2){height:62%;right:24%}.chart-v10526 i:nth-child(3){height:52%;right:38%}.chart-v10526 i:nth-child(4){height:75%;right:52%}.chart-v10526 i:nth-child(5){height:58%;right:66%}.chart-v10526 i:nth-child(6){height:84%;right:80%}.chart-v10526 b{position:absolute;inset:46px 18px auto 18px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ffcc33,#ff7a33,#40d089);box-shadow:0 0 20px #ffcc33}.dash-bottom-v10526{display:flex;justify-content:space-between;margin-top:14px;background:rgba(28,197,112,.12);border:1px solid rgba(28,197,112,.24);border-radius:18px;padding:12px;color:#ddffe9}.weather-card-v10526,.alert-card-v10526,.phone-v10526{position:absolute;background:rgba(15,38,84,.92);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.22);border-radius:22px;padding:16px;color:#fff}.weather-card-v10526{right:0;top:92px}.weather-card-v10526 strong{font-size:2rem;display:block}.alert-card-v10526{right:18px;top:12px}.phone-v10526{left:0;top:88px;width:158px;display:grid;gap:10px}.phone-v10526 span{font-size:.85rem;background:rgba(255,255,255,.08);border-radius:12px;padding:9px}.device-row-v10526{position:absolute;bottom:10px;right:26px;left:38px;display:flex;gap:14px;align-items:center}.device-row-v10526 em{width:54px;height:54px;border-radius:16px;background:#fff;color:#0f2149;display:grid;place-items:center;font-style:normal;box-shadow:0 18px 45px rgba(0,0,0,.20)}.home-section-v10526{max-width:1320px;margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:34px;padding:34px;box-shadow:0 20px 70px rgba(30,54,94,.07)}.section-title-v10526{text-align:center;display:grid;place-items:center;gap:10px;margin-bottom:24px}.section-title-v10526 h2{font-size:clamp(1.9rem,3.3vw,3.1rem);margin:0;font-weight:950}.section-title-v10526 span{width:58px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ffc833,#ff9e00)}.features-grid-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card-deluxe-v10526{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:28px;border:1px solid #e8eef8;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 16px 40px rgba(30,54,94,.05)}.feature-card-deluxe-v10526 i{width:60px;height:60px;border-radius:20px;display:grid;place-items:center;background:#eef5ff;font-style:normal;font-size:1.6rem}.feature-card-deluxe-v10526 h3{margin:0 0 8px;font-weight:950}.feature-card-deluxe-v10526 p,.section-lead-v10526{color:var(--muted);line-height:1.85;font-weight:800;margin:0}.compact-v10526{background:transparent;border:none;box-shadow:none}.workflow-grid-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow-grid-v10526 article{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;text-align:center;box-shadow:0 16px 40px rgba(30,54,94,.05)}.workflow-grid-v10526 b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#10203d}.workflow-grid-v10526 i{display:block;font-style:normal;font-size:2.2rem;margin:12px}.split-v10526{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center}.align-start-v10526{place-items:start;text-align:start}.device-icons-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.device-icons-v10526 span{background:#f7faff;border:1px solid var(--line);border-radius:22px;padding:18px;text-align:center;font-weight:950}.dynamic-form-art-v10526{background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid var(--line);border-radius:30px;padding:28px;position:relative;min-height:260px}.fake-select-v10526,.fake-inputs-v10526 span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:900}.fake-inputs-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dynamic-form-art-v10526 em{position:absolute;bottom:24px;left:24px;width:86px;height:86px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:2rem;font-style:normal;box-shadow:0 18px 45px rgba(30,54,94,.10)}.product-v10526{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}.product-screen-v10526{height:320px;border-radius:34px;background:#0d234f;padding:20px;display:grid;grid-template-columns:90px 1fr;gap:16px;position:relative;box-shadow:0 26px 70px rgba(15,35,79,.22)}.screen-sidebar-v10526{border-radius:22px;background:#081936}.screen-body-v10526{background:#f8fbff;border-radius:22px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-body-v10526 span{background:#fff;border-radius:18px}.screen-body-v10526 div{grid-column:1/-1;background:linear-gradient(90deg,#dbeafe,#fff7d1);border-radius:20px}.mini-mobile-v10526{position:absolute;left:30px;bottom:-22px;width:82px;height:150px;border-radius:22px;background:#fff;border:8px solid #0f2149}.product-copy-v10526 h2{font-size:clamp(2rem,3vw,3.2rem);font-weight:950;margin:0 0 12px}.product-copy-v10526 p{color:var(--muted);font-weight:850;line-height:1.9}.product-points-v10526{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.product-points-v10526 span,.trust-row-v10526 span{background:#f7faff;border:1px solid var(--line);border-radius:18px;padding:14px;font-weight:900}.plans-v10526{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plans-v10526 article{border:1px solid var(--line);border-radius:30px;padding:28px;background:#fff;box-shadow:0 18px 50px rgba(30,54,94,.06);display:grid;gap:12px}.plans-v10526 .popular-v10526{background:linear-gradient(180deg,#0e2452,#071a3f);color:#fff;transform:translateY(-10px)}.plans-v10526 h3{font-size:1.6rem;margin:0;font-weight:950}.plans-v10526 strong{font-size:2.4rem}.plans-v10526 ul{display:grid;gap:8px;color:inherit}.plans-v10526 a{display:block;text-align:center;border-radius:16px;padding:12px;text-decoration:none;font-weight:950;background:var(--gold);color:#101827}.popular-v10526 b{width:max-content;border-radius:999px;background:rgba(255,255,255,.14);padding:7px 12px}.trust-row-v10526{max-width:1320px;margin:18px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.faq-v10526{display:grid;gap:12px}.faq-v10526 details{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.faq-v10526 summary{font-weight:950;cursor:pointer}.final-cta-v10526{max-width:1320px;margin:34px auto 0;background:linear-gradient(135deg,#071a3f,#123575);color:#fff;border-radius:34px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:22px}.final-cta-v10526 h2{font-size:clamp(1.8rem,3vw,3rem);margin:0}.final-cta-v10526 p{color:#dbe8ff}.home-footer-v10526{background:#061632;color:#dce8ff;margin-top:0;padding:34px 42px;display:flex;justify-content:space-between;gap:22px}.home-footer-v10526 p{color:#aebfe1}@media(max-width:1100px){.home-hero-v10526,.split-v10526,.product-v10526{grid-template-columns:1fr}.features-grid-v10526,.plans-v10526,.trust-row-v10526{grid-template-columns:repeat(2,1fr)}.home-links-v10526{display:none}.hero-art-v10526{order:2}.hero-copy-v10526{order:1}}@media(max-width:760px){.home-nav-v10526,.home-hero-v10526,.home-section-v10526,.final-cta-v10526,.home-footer-v10526{padding:22px}.home-actions-v10526{display:none}.features-grid-v10526,.workflow-grid-v10526,.plans-v10526,.device-icons-v10526,.product-points-v10526,.trust-row-v10526{grid-template-columns:1fr}.hero-copy-v10526 h1{font-size:2.4rem}.dash-main-v10526{inset:80px 20px 90px}.phone-v10526{display:none}.final-cta-v10526,.home-footer-v10526{flex-direction:column;align-items:flex-start}}

/* Heavy v10.5.27 — landing public routing + smart CTA polish */
.landing-session-pill-v10527{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
  color:#dbeafe;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.08);
  white-space:nowrap;
}
.home-deluxe-v10526 a[href="#pricing"]{scroll-margin-top:90px;}

/* Heavy v10.5.29 — deluxe landing page and admin landing settings */
.landing-v10529{--ink:#101827;--muted:#6f82a5;--navy:#071a3f;--navy2:#123575;--gold:#ffc32b;--gold2:#f59e0b;--line:#dbe6f4;--soft:#f7faff;font-family:'Cairo',sans-serif;background:linear-gradient(180deg,#071a3f 0 25%,#f7faff 25% 100%);min-height:100vh;color:var(--ink);overflow-x:hidden}.landing-v10529 *{box-sizing:border-box}.landing-v10529 a{text-decoration:none}.landing-nav-v10529{max-width:1480px;height:78px;margin:0 auto;padding:0 44px;display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}.landing-brand-v10529{display:flex;align-items:center;gap:10px;color:#fff;font-weight:950;font-size:1.18rem}.landing-brand-v10529 span{color:var(--gold);font-size:1.5rem}.landing-nav-v10529 nav{display:flex;align-items:center;gap:28px}.landing-nav-v10529 nav a{color:#eef4ff;font-weight:900}.landing-nav-actions-v10529{display:flex;align-items:center;gap:12px}.landing-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:14px;padding:10px 18px;font-weight:950;border:1px solid transparent}.landing-btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0f172a;box-shadow:0 18px 40px rgba(245,158,11,.22)}.landing-btn.ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}.landing-btn.outline{color:#fff;border-color:rgba(255,255,255,.34);background:transparent}.landing-btn.big{min-height:54px;padding:12px 26px;border-radius:17px}.landing-hero-v10529{max-width:1480px;margin:0 auto;padding:54px 44px 72px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:54px;align-items:center;color:#fff;position:relative}.landing-hero-copy-v10529{display:grid;gap:18px;align-content:center}.landing-eyebrow-v10529{width:max-content;display:inline-flex;padding:9px 16px;border-radius:999px;background:rgba(255,198,44,.15);border:1px solid rgba(255,198,44,.45);color:#ffe696;font-weight:950}.landing-hero-copy-v10529 h1{margin:0;font-size:clamp(3rem,5vw,5.75rem);font-weight:950;line-height:1.06;letter-spacing:-.045em}.landing-hero-copy-v10529 p{margin:0;color:#dce8ff;font-size:1.15rem;line-height:1.95;font-weight:850;max-width:760px}.landing-hero-actions-v10529,.landing-pills-v10529{display:flex;gap:12px;flex-wrap:wrap}.landing-pills-v10529 span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);color:#eaf2ff;font-weight:850}.landing-art-v10529{min-height:480px;position:relative;isolation:isolate}.landing-art-glow-v10529{position:absolute;inset:0;background:radial-gradient(circle at 42% 32%,rgba(63,139,255,.35),transparent 34%),radial-gradient(circle at 76% 78%,rgba(255,195,43,.2),transparent 28%);filter:blur(8px);z-index:-1}.landing-dashboard-v10529{position:absolute;inset:46px 125px 86px 72px;background:linear-gradient(180deg,#122c63,#081936);border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:20px;box-shadow:0 34px 95px rgba(0,0,0,.32);transform:perspective(950px) rotateY(-7deg)}.dash-head-v10529{display:flex;align-items:center;gap:8px;color:#d9e6ff}.dash-head-v10529 span{width:11px;height:11px;border-radius:50%;background:#ffd45b}.dash-head-v10529 strong{margin-inline-start:auto}.dash-kpis-v10529{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dash-kpis-v10529 div{background:rgba(255,255,255,.07);border-radius:18px;padding:14px}.dash-kpis-v10529 small,.dash-kpis-v10529 em{display:block;color:#b9c9ee;font-weight:800;font-style:normal}.dash-kpis-v10529 b{display:block;font-size:1.8rem}.dash-chart-v10529{height:150px;margin-top:18px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));position:relative;overflow:hidden}.dash-chart-v10529 i{position:absolute;bottom:0;width:11px;border-radius:999px;background:rgba(255,255,255,.13)}.dash-chart-v10529 i:nth-child(1){height:38%;right:10%}.dash-chart-v10529 i:nth-child(2){height:64%;right:24%}.dash-chart-v10529 i:nth-child(3){height:54%;right:38%}.dash-chart-v10529 i:nth-child(4){height:78%;right:52%}.dash-chart-v10529 i:nth-child(5){height:58%;right:66%}.dash-chart-v10529 i:nth-child(6){height:86%;right:80%}.dash-chart-v10529 b{position:absolute;inset:52px 20px auto 20px;height:4px;border-radius:999px;background:linear-gradient(90deg,#ffc32b,#ff7a33,#3ddc8a);box-shadow:0 0 20px #ffc32b}.dash-status-v10529{display:flex;justify-content:space-between;margin-top:15px;border-radius:18px;padding:12px;background:rgba(36,198,112,.13);border:1px solid rgba(36,198,112,.25);color:#dfffee}.landing-alert-v10529,.landing-weather-v10529,.landing-phone-v10529{position:absolute;background:rgba(15,38,84,.93);border:1px solid rgba(255,255,255,.14);box-shadow:0 25px 65px rgba(0,0,0,.24);border-radius:24px;padding:16px;color:#fff}.landing-alert-v10529{right:18px;top:24px}.landing-weather-v10529{right:0;top:124px}.landing-weather-v10529 strong{display:block;font-size:2rem}.landing-phone-v10529{left:0;top:110px;width:170px;display:grid;gap:10px}.landing-phone-v10529 span{font-size:.86rem;border-radius:12px;padding:9px;background:rgba(255,255,255,.08)}.landing-device-strip-v10529{position:absolute;bottom:14px;right:28px;left:44px;display:flex;gap:14px}.landing-device-strip-v10529 em{width:56px;height:56px;border-radius:17px;background:#fff;color:#0f2149;display:grid;place-items:center;font-style:normal;box-shadow:0 18px 45px rgba(0,0,0,.2)}.landing-section-v10529{max-width:1360px;margin:34px auto;background:#fff;border:1px solid var(--line);border-radius:36px;padding:38px;box-shadow:0 22px 72px rgba(25,50,92,.075)}.landing-section-title-v10529{text-align:center;display:grid;gap:10px;place-items:center;margin-bottom:28px}.landing-section-title-v10529.start{place-items:start;text-align:start}.landing-section-title-v10529 h2{font-size:clamp(2rem,3.3vw,3.35rem);font-weight:950;margin:0;letter-spacing:-.035em}.landing-section-title-v10529 span{width:60px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--gold2))}.feature-grid-v10529{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card-v10529{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;padding:24px;border:1px solid #e6edf8;border-radius:28px;background:linear-gradient(180deg,#fff,#f9fbff)}.feature-card-v10529 i{width:62px;height:62px;border-radius:21px;background:#eef5ff;display:grid;place-items:center;font-size:1.55rem;font-style:normal}.feature-card-v10529 h3{margin:0 0 8px;font-weight:950}.feature-card-v10529 p,.landing-lead-v10529{color:var(--muted);line-height:1.85;font-weight:800;margin:0}.landing-workflow-v10529{background:transparent;border:0;box-shadow:none}.workflow-grid-v10529{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow-grid-v10529 article{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;text-align:center;box-shadow:0 16px 42px rgba(25,50,92,.06)}.workflow-grid-v10529 b{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;background:var(--gold);color:#0f172a}.workflow-grid-v10529 i{display:block;font-style:normal;font-size:2rem;margin:12px}.landing-split-v10529,.product-v10529{display:grid;grid-template-columns:1fr .92fr;gap:30px;align-items:center}.device-tags-v10529{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.device-tags-v10529 span,.product-points-v10529 span,.trust-row-v10529 span{border:1px solid var(--line);background:#f7faff;border-radius:20px;padding:16px;text-align:center;font-weight:950}.dynamic-card-v10529{background:linear-gradient(180deg,#f8fbff,#eef5ff);border:1px solid var(--line);border-radius:32px;padding:28px;min-height:270px;position:relative}.dynamic-card-v10529 h3{font-weight:950}.fake-select-v10529,.dynamic-card-v10529 div span{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:900}.dynamic-card-v10529 div:last-of-type{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dynamic-card-v10529 em{position:absolute;bottom:22px;left:22px;width:84px;height:84px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:2rem;font-style:normal;box-shadow:0 18px 45px rgba(25,50,92,.12)}.mockup-v10529{height:320px;border-radius:34px;background:#0d234f;padding:20px;display:grid;grid-template-columns:90px 1fr;gap:16px;position:relative;box-shadow:0 26px 70px rgba(15,35,79,.22)}.mock-sidebar-v10529{border-radius:22px;background:#081936}.mock-body-v10529{background:#f8fbff;border-radius:22px;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mock-body-v10529 span{background:#fff;border-radius:18px}.mock-body-v10529 b{grid-column:1/-1;background:linear-gradient(90deg,#dbeafe,#fff7d1);border-radius:20px}.mockup-v10529 i{position:absolute;left:30px;bottom:-22px;width:82px;height:150px;border-radius:22px;background:#fff;border:8px solid #0f2149}.product-v10529 h2{font-size:clamp(2rem,3vw,3.2rem);font-weight:950}.product-v10529 p{color:var(--muted);line-height:1.9;font-weight:850}.product-points-v10529{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plans-grid-v10529{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.plan-card-v10529{border:1px solid var(--line);border-radius:32px;padding:30px;background:#fff;box-shadow:0 18px 50px rgba(25,50,92,.06);display:grid;gap:14px}.plan-card-v10529.featured{background:linear-gradient(180deg,#0e2452,#071a3f);color:#fff;transform:translateY(-12px)}.plan-card-v10529 b{width:max-content;border-radius:999px;background:rgba(255,255,255,.14);padding:7px 12px}.plan-card-v10529 h3{font-size:1.7rem;font-weight:950;margin:0}.plan-card-v10529 strong{font-size:2.4rem}.plan-card-v10529 small{font-size:1rem;margin-inline-start:6px}.plan-card-v10529 ul{display:grid;gap:8px}.plan-card-v10529 a{display:block;text-align:center;background:var(--gold);color:#111827;border-radius:17px;padding:13px;font-weight:950}.trust-row-v10529{max-width:1360px;margin:18px auto;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.faq-grid-v10529{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.faq-grid-v10529 details{border:1px solid var(--line);border-radius:18px;padding:16px;background:#fff}.faq-grid-v10529 summary{font-weight:950;cursor:pointer}.final-cta-v10529{max-width:1360px;margin:34px auto 0;background:linear-gradient(135deg,#071a3f,#123575);color:#fff;border-radius:36px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.final-cta-v10529 h2{font-size:clamp(1.9rem,3vw,3.1rem);font-weight:950;margin:0}.final-cta-v10529 p{color:#dbe8ff;max-width:720px}.footer-v10529{background:#061632;color:#dce8ff;margin-top:0;padding:40px 54px;display:grid;grid-template-columns:1.4fr repeat(3,.7fr);gap:28px;position:relative}.footer-v10529 h3,.footer-v10529 h4{color:#fff;font-weight:950}.footer-v10529 p{color:#aebfe1;line-height:1.8}.footer-v10529 a{display:block;color:#cfe0ff;text-decoration:none;margin:7px 0;font-weight:800}.footer-v10529 small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:#b7c6e4}.socials-v10529{display:flex;gap:8px;flex-wrap:wrap}.socials-v10529 a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-weight:950}.landing-admin-form-v10529{display:grid;gap:22px}.landing-plan-admin-grid-v10529{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:16px}.landing-plan-admin-card-v10529{border:1px solid #e2e8f0;border-radius:24px;background:#f8fbff;padding:18px}.plan-admin-head-v10529{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.plan-admin-head-v10529 strong{font-weight:950}.plan-admin-head-v10529 span{border-radius:999px;background:#eaf1ff;color:#1d4ed8;font-weight:900;padding:6px 10px}.landing-admin-save-v10529{position:sticky;bottom:16px;display:flex;justify-content:flex-end;padding:10px;border-radius:22px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border:1px solid #e2e8f0}@media(max-width:1100px){.landing-hero-v10529,.landing-split-v10529,.product-v10529{grid-template-columns:1fr}.feature-grid-v10529,.plans-grid-v10529,.trust-row-v10529{grid-template-columns:repeat(2,1fr)}.landing-nav-v10529 nav{display:none}.landing-art-v10529{order:2}.landing-hero-copy-v10529{order:1}}@media(max-width:760px){.landing-nav-v10529,.landing-hero-v10529,.landing-section-v10529,.final-cta-v10529,.footer-v10529{padding:22px}.landing-nav-actions-v10529{display:none}.feature-grid-v10529,.workflow-grid-v10529,.plans-grid-v10529,.device-tags-v10529,.product-points-v10529,.trust-row-v10529,.faq-grid-v10529,.footer-v10529{grid-template-columns:1fr}.landing-hero-copy-v10529 h1{font-size:2.45rem}.landing-dashboard-v10529{inset:90px 18px 96px}.landing-phone-v10529{display:none}.final-cta-v10529{flex-direction:column;align-items:flex-start}.plans-grid-v10529 .featured{transform:none}}

/* Heavy v10.5.30 Landing Final UI Polish
   Scope: landing page only. Keeps existing routing/admin content logic intact. */
.landing-v10529{
  background:linear-gradient(180deg,#061737 0 31%,#f6f9ff 31% 100%);
}
.landing-hero-v10529{
  max-width:1480px;
  padding:58px 44px 82px;
  grid-template-columns:minmax(520px,1.08fr) minmax(0,.92fr);
  gap:64px;
}
.landing-hero-copy-v10529{
  position:relative;
  z-index:2;
}
.landing-eyebrow-v10529{
  border-color:rgba(255,195,43,.55);
  background:rgba(255,195,43,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);
}
.landing-hero-copy-v10529 h1{
  font-size:clamp(3.4rem,5.8vw,6.3rem);
  line-height:1.02;
  max-width:820px;
  text-wrap:balance;
}
.landing-hero-copy-v10529 p{
  max-width:760px;
  color:#d7e4fb;
}
.landing-pills-v10529{
  margin-top:8px;
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:14px;
}
.landing-pills-v10529 span{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 20px 48px rgba(0,0,0,.13);
  text-align:center;
}
.landing-art-v10529{
  min-height:520px;
}
.landing-dashboard-v10529{
  inset:34px 64px 70px 24px;
  transform:none;
  padding:26px;
  border-radius:30px;
  background:linear-gradient(180deg,#102b62,#071936);
}
.dash-head-v10529 span{display:none;}
.dash-head-v10529 strong{margin-inline-start:0;font-size:1.12rem;color:#f5f8ff;}
.dash-kpis-v10529{grid-template-columns:repeat(4,1fr);gap:14px;}
.dash-kpis-v10529 div{
  min-height:118px;
  display:grid;
  align-content:center;
  border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.045));
}
.dash-kpis-v10529 div:first-child::after{
  content:'3.1 kWh';
  display:block;
  color:#dbe8ff;
  font-weight:950;
  margin-top:5px;
}
.dash-chart-v10529{
  height:185px;
  margin-top:22px;
  border-radius:24px;
}
.dash-chart-v10529 b{
  inset:auto 28px 82px 28px;
  height:5px;
  background:linear-gradient(90deg,#ff9d2f,#ffe042,#30e59a);
}
.landing-alert-v10529{
  top:38px;
  right:0;
  display:flex;
  align-items:center;
  gap:8px;
  border-radius:24px;
  padding:16px 20px;
}
.landing-alert-v10529 small{font-weight:800;color:#dbe8ff;}
.landing-weather-v10529{
  top:170px;
  right:auto;
  left:0;
  text-align:center;
  min-width:108px;
}
.landing-phone-v10529,
.landing-device-strip-v10529{
  display:none !important;
}

.landing-section-v10529{
  margin:42px auto;
  padding:44px;
}
.landing-features-polished-v10529{
  margin-top:48px;
}
.landing-features-polished-v10529 .feature-grid-v10529{
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.landing-features-polished-v10529 .feature-card-v10529{
  min-height:190px;
  grid-template-columns:1fr;
  gap:14px;
  padding:28px;
  align-content:start;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.landing-features-polished-v10529 .feature-card-v10529:hover{
  transform:translateY(-4px);
  border-color:#c8daf4;
  box-shadow:0 24px 58px rgba(25,50,92,.11);
}
.landing-features-polished-v10529 .feature-card-v10529 i{
  width:72px;
  height:72px;
  border-radius:24px;
  font-size:1.8rem;
}
.landing-features-polished-v10529 .feature-card-v10529 h3{
  margin:0;
  font-size:1.28rem;
}
.landing-features-polished-v10529 .feature-card-v10529 p{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  line-height:1.75;
}

.landing-devices-polished-v10529{
  grid-template-columns:.98fr 1.02fr;
  gap:48px;
  align-items:center;
}
.landing-devices-polished-v10529 .landing-section-title-v10529{
  margin-bottom:18px;
}
.landing-devices-polished-v10529 .landing-section-title-v10529 h2{
  max-width:620px;
  text-wrap:balance;
}
.landing-devices-polished-v10529 .landing-lead-v10529{
  max-width:720px;
  font-size:1.02rem;
}
.landing-devices-polished-v10529 .device-tags-v10529{
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.landing-devices-polished-v10529 .device-tags-v10529 span{
  min-height:64px;
  border-radius:20px;
  background:#f7faff;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}
.landing-devices-polished-v10529 .device-tags-v10529 span:hover{
  transform:translateY(-3px);
  border-color:#bfd3f1;
  background:#fff;
}
.dynamic-card-v10529{
  min-height:280px;
  padding:34px;
  overflow:hidden;
}
.dynamic-card-v10529 h3{
  margin:0 0 8px;
  font-size:clamp(1.55rem,2.1vw,2.2rem);
}
.dynamic-card-v10529 label{
  display:block;
  margin-bottom:8px;
  color:#617392;
  font-weight:900;
}
.dynamic-card-v10529 .fake-select-v10529{
  display:block;
  width:100%;
  margin-bottom:16px;
}
.dynamic-card-v10529 div:last-of-type{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.dynamic-card-v10529 div:last-of-type span{
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:nowrap;
}
.dynamic-card-v10529 em{
  display:none !important;
}

.final-cta-v10529{
  margin:70px auto 0;
}
.footer-v10529{
  margin-top:82px;
  border-top:1px solid rgba(255,255,255,.08);
  box-shadow:0 -30px 70px rgba(7,26,63,.06);
}
.footer-v10529::before{
  content:'';
  position:absolute;
  inset:-82px 0 auto 0;
  height:82px;
  background:linear-gradient(180deg,rgba(246,249,255,0),#f6f9ff);
  pointer-events:none;
}

@media(max-width:1100px){
  .landing-hero-v10529{grid-template-columns:1fr;gap:34px;}
  .landing-dashboard-v10529{inset:32px 18px 70px;}
  .landing-features-polished-v10529 .feature-grid-v10529{grid-template-columns:repeat(2,1fr);}
  .landing-devices-polished-v10529{grid-template-columns:1fr;}
  .landing-pills-v10529{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:760px){
  .landing-hero-v10529{padding:28px 22px 48px;}
  .landing-hero-copy-v10529 h1{font-size:2.65rem;}
  .landing-pills-v10529,
  .landing-features-polished-v10529 .feature-grid-v10529,
  .landing-devices-polished-v10529 .device-tags-v10529,
  .dynamic-card-v10529 div:last-of-type{grid-template-columns:1fr;}
  .landing-art-v10529{min-height:430px;}
  .landing-dashboard-v10529{inset:36px 0 44px;}
  .landing-alert-v10529,.landing-weather-v10529{position:relative;inset:auto;margin:10px 0;width:max-content;max-width:100%;}
  .dash-kpis-v10529{grid-template-columns:repeat(2,1fr);}
  .dynamic-card-v10529 div:last-of-type span{white-space:normal;}
  .footer-v10529{margin-top:52px;}
  .footer-v10529::before{inset:-52px 0 auto;height:52px;}
}

/* Heavy v10.5.31 — Landing workflow final separation + timeline polish */
.landing-workflow-final-v10530{
  margin-top:110px !important;
  padding-top:56px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  border:1px solid var(--line) !important;
  box-shadow:0 24px 76px rgba(25,50,92,.075) !important;
  position:relative;
  overflow:hidden;
}
.landing-workflow-final-v10530::before{
  content:'';
  position:absolute;
  inset:-120px 10% auto auto;
  width:360px;
  height:360px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,195,43,.15),rgba(255,195,43,0) 64%);
  pointer-events:none;
}
.landing-workflow-final-v10530 .landing-section-title-v10529{
  margin-bottom:24px;
  position:relative;
  z-index:1;
}
.landing-workflow-final-v10530 .landing-section-title-v10529 h2{
  font-size:clamp(2.1rem,3.2vw,3.35rem);
  text-wrap:balance;
}
.landing-workflow-final-v10530 .landing-section-title-v10529 p{
  margin:4px 0 0;
  color:var(--muted);
  font-weight:850;
  line-height:1.8;
  max-width:760px;
}
.workflow-track-v10530{
  max-width:860px;
  height:24px;
  margin:0 auto -10px;
  position:relative;
  z-index:1;
}
.workflow-track-v10530 span{
  position:absolute;
  left:11%;
  right:11%;
  top:50%;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,195,43,.15),rgba(255,195,43,.8),rgba(18,53,117,.18));
}
.workflow-grid-final-v10530{
  max-width:1080px;
  margin:0 auto;
  position:relative;
  z-index:2;
  gap:18px !important;
}
.workflow-grid-final-v10530 article{
  min-height:205px;
  padding:30px 24px 26px !important;
  border-radius:28px !important;
  background:rgba(255,255,255,.94) !important;
  border:1px solid #dbe6f4 !important;
  box-shadow:0 20px 60px rgba(25,50,92,.07) !important;
  display:grid;
  justify-items:center;
  align-content:start;
  gap:10px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.workflow-grid-final-v10530 article:hover{
  transform:translateY(-4px);
  border-color:#bfd3f1 !important;
  box-shadow:0 28px 74px rgba(25,50,92,.11) !important;
}
.workflow-grid-final-v10530 b{
  width:48px !important;
  height:48px !important;
  border-radius:999px !important;
  font-size:1rem;
  font-weight:950;
  box-shadow:0 12px 32px rgba(255,195,43,.24);
}
.workflow-grid-final-v10530 i{
  width:54px;
  height:54px;
  margin:0 !important;
  display:grid !important;
  place-items:center;
  border-radius:18px;
  background:#eef5ff;
  font-size:1.7rem !important;
}
.workflow-grid-final-v10530 h3{
  margin:4px 0 0;
  font-size:1.45rem;
  font-weight:950;
}
.workflow-grid-final-v10530 p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
  font-weight:850;
  max-width:260px;
}
@media(max-width:900px){
  .landing-workflow-final-v10530{margin-top:72px !important;padding-top:40px !important;}
  .workflow-track-v10530{display:none;}
  .workflow-grid-final-v10530{grid-template-columns:1fr !important;}
  .workflow-grid-final-v10530 article{min-height:auto;}
}

/* Heavy v10.5.32 — Landing full-page sweep + bilingual toggle */
.landing-v10529{
  --section-gap-v10532:74px;
  background:
    radial-gradient(circle at 8% 14%,rgba(255,199,44,.08),transparent 24%),
    radial-gradient(circle at 92% 12%,rgba(75,133,255,.14),transparent 26%),
    linear-gradient(180deg,#061737 0 30%,#f6f9ff 30% 100%) !important;
  scroll-behavior:smooth;
}
.landing-nav-v10529{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(18px);
  background:rgba(6,23,55,.84) !important;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.landing-nav-v10529 nav a{transition:color .18s ease, opacity .18s ease;}
.landing-nav-v10529 nav a:hover{color:#ffc833;opacity:1;}
.landing-nav-actions-v10529{gap:10px;}
.landing-lang-toggle-v10532{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  color:#eaf2ff;
  text-decoration:none;
  font-weight:950;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
  transition:transform .18s ease, background .18s ease, border-color .18s ease;
}
.landing-lang-toggle-v10532:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,200,51,.45);
}
.landing-section-v10529{
  margin:var(--section-gap-v10532) auto !important;
  border-radius:36px;
}
.landing-section-title-v10529 h2{text-wrap:balance;letter-spacing:-.025em;}
.landing-section-title-v10529 p{text-wrap:balance;}
.landing-hero-v10529{padding-top:70px !important;}
.landing-features-polished-v10529{margin-top:64px !important;}
.feature-card-v10529,.dynamic-card-v10529,.workflow-grid-final-v10530 article,.plan-card-v10529,.faq-grid-v10529 details{
  will-change:transform;
}
.landing-devices-polished-v10529{
  margin-top:84px !important;
  margin-bottom:84px !important;
}
.landing-devices-polished-v10529 .devices-copy-v10529,
.landing-devices-polished-v10529 .dynamic-card-v10529{
  align-self:stretch;
  display:grid;
  align-content:center;
}
.landing-workflow-final-v10530{
  margin-top:120px !important;
}
.product-v10529{
  margin-top:88px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border:1px solid var(--line);
  box-shadow:0 24px 76px rgba(25,50,92,.075);
}
.trust-row-final-v10532{
  margin:38px auto 86px !important;
  padding:0 6px;
}
.trust-row-final-v10532 span{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1.55;
}
.faq-final-v10532{margin-top:84px !important;}
.faq-final-v10532 details{
  padding:20px 22px;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.faq-final-v10532 details:hover{
  transform:translateY(-2px);
  border-color:#bfd3f1;
  box-shadow:0 18px 48px rgba(25,50,92,.07);
}
.faq-final-v10532 summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;}
.faq-final-v10532 summary::-webkit-details-marker{display:none;}
.faq-final-v10532 summary::after{content:'+';font-size:1.4rem;color:#ffb300;font-weight:950;}
.faq-final-v10532 details[open] summary::after{content:'−';}
.faq-final-v10532 p{color:var(--muted);line-height:1.85;font-weight:800;}
.final-cta-v10529{margin-top:92px !important;}
.footer-v10529{
  margin-top:96px !important;
  padding-top:54px !important;
  padding-bottom:34px !important;
}
[dir="ltr"] .landing-hero-copy-v10529 h1,
[dir="ltr"] .landing-section-title-v10529 h2,
[dir="ltr"] .product-v10529 h2,
[dir="ltr"] .final-cta-v10529 h2{
  letter-spacing:-.045em;
}
[dir="ltr"] .landing-section-title-v10529,
[dir="ltr"] .landing-section-title-v10529.start{
  text-align:left;
  place-items:start;
}
[dir="ltr"] .workflow-track-v10530 span{
  background:linear-gradient(90deg,rgba(18,53,117,.18),rgba(255,195,43,.8),rgba(255,195,43,.15));
}
@media(max-width:1100px){
  .landing-nav-actions-v10529 .landing-btn.gold{display:none;}
  .landing-section-v10529{margin:58px auto !important;}
  .trust-row-final-v10532{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:760px){
  .landing-nav-v10529{position:relative;}
  .landing-nav-actions-v10529{display:flex !important;width:100%;justify-content:space-between;}
  .landing-lang-toggle-v10532,.landing-nav-actions-v10529 .landing-btn.ghost{flex:1;min-height:44px;padding-inline:10px;}
  .landing-section-v10529{margin:42px 14px !important;border-radius:28px;}
  .landing-hero-v10529{padding-top:28px !important;}
  .trust-row-final-v10532{grid-template-columns:1fr !important;margin:28px 14px 58px !important;}
  .footer-v10529{margin-top:64px !important;}
}

/* Conservative UI polish: shared buttons, dashboard focus, and cleaner signup rhythm. */
:root{
  --ui-polish-primary:#1d4ed8;
  --ui-polish-primary-dark:#123575;
  --ui-polish-accent:#f59e0b;
  --ui-polish-success:#16a34a;
  --ui-polish-warning:#d97706;
  --ui-polish-surface:#ffffff;
  --ui-polish-soft:#f6f9ff;
  --ui-polish-line:#dbe6f4;
  --ui-polish-text:#13213a;
  --ui-polish-muted:#64748b;
  --ui-polish-shadow:0 18px 46px rgba(15,23,42,.09);
}

body.heavy-v100 .btn,
body.heavy-v100 .btn-ui,
.landing-btn{
  min-height:44px;
  border-radius:12px !important;
  padding:10px 16px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  line-height:1.15;
  border-width:1px;
  text-decoration:none;
  white-space:normal;
  box-shadow:none;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.heavy-v100 .btn:hover,
body.heavy-v100 .btn-ui:hover,
.landing-btn:hover{
  transform:translateY(-1px);
}
body.heavy-v100 .btn:focus-visible,
body.heavy-v100 .btn-ui:focus-visible,
.landing-btn:focus-visible{
  outline:3px solid rgba(29,78,216,.22);
  outline-offset:2px;
}
body.heavy-v100 .btn-ui-primary,
body.heavy-v100 .btn-solar,
body.heavy-v100 .btn-primary,
.landing-btn.gold{
  color:#111827 !important;
  border-color:rgba(245,158,11,.38) !important;
  background:linear-gradient(135deg,#ffd45a,var(--ui-polish-accent)) !important;
  box-shadow:0 14px 32px rgba(245,158,11,.20) !important;
}
body.heavy-v100 .btn-ui-outline,
body.heavy-v100 .btn-outline-primary,
.landing-btn.ghost,
.landing-btn.outline{
  color:var(--ui-polish-primary) !important;
  border-color:#bfd3f1 !important;
  background:#f8fbff !important;
}
.landing-v10529 .landing-btn.ghost,
.landing-v10529 .landing-btn.outline{
  color:#eef4ff !important;
  border-color:rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.08) !important;
}
body.heavy-v100 .btn[disabled],
body.heavy-v100 .btn-ui[disabled]{
  opacity:.58;
  cursor:not-allowed;
  transform:none !important;
  box-shadow:none !important;
}

body.heavy-v100 .brand-icon,
body.heavy-v100 .register-mark-v10523,
body.heavy-v100 .feature-card-v10529 i,
body.heavy-v100 .workflow-grid-final-v10530 i,
body.heavy-v100 .official-flow-stage .flow-box .icon-wrap,
body.heavy-v100 .intent-card-v10523>span,
body.heavy-v100 .register-section-title-v10523>span{
  font-family:"Segoe UI Symbol","Apple Color Emoji","Noto Color Emoji",sans-serif;
  font-size:1.15rem;
  line-height:1;
  flex:0 0 auto;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  border:1px solid rgba(191,211,241,.78);
  color:#17325f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  position:relative;
  align-items:center;
  gap:9px;
  font-size:1rem !important;
  min-height:43px !important;
  padding:9px 12px !important;
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a::before{
  content:"";
  width:9.5px;
  height:9.5px;
  border-radius:999px;
  background:rgba(226,232,240,.72);
  box-shadow:0 0 0 5px rgba(255,255,255,.035);
  flex:0 0 auto;
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a.active::before{
  background:#ffc83d;
  box-shadow:0 0 0 5px rgba(255,200,61,.14);
}
html[dir="rtl"] body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  text-align:right;
}
html[dir="rtl"] body.heavy-v100 .sidebar-fancy-v104 .nav-menu a::before{
  order:99;
  margin-inline-start:auto;
  margin-inline-end:0;
}

body.heavy-v100 .dashboard-topbar.clean-header{
  padding:18px 20px !important;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbff 100%) !important;
  border-color:rgba(191,211,241,.76) !important;
  box-shadow:var(--ui-polish-shadow) !important;
}
body.heavy-v100 .dashboard-topbar .header-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
body.heavy-v100 .dashboard-topbar .topbar-main{
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.heavy-v100 .dashboard-topbar h1{
  font-size:clamp(1.7rem,2.5vw,2.55rem) !important;
  line-height:1.12;
  letter-spacing:0 !important;
  color:var(--ui-polish-text) !important;
}
body.heavy-v100 .dashboard-topbar p{
  margin-top:6px;
  max-width:760px;
  color:var(--ui-polish-muted) !important;
  font-weight:800;
  line-height:1.65;
}
body.heavy-v100 .header-meta-actions{
  display:grid;
  gap:10px;
  justify-items:end;
}
body.heavy-v100 .dashboard-meta-bar.compact-meta-bar{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
body.heavy-v100 .dashboard-meta-bar .meta-pill{
  min-height:48px;
  padding:8px 12px;
  border-radius:14px;
  background:#f8fbff;
  border:1px solid var(--ui-polish-line);
  color:var(--ui-polish-muted);
  box-shadow:none;
}
body.heavy-v100 .dashboard-meta-bar .meta-pill strong{
  color:var(--ui-polish-text);
  font-size:.95rem;
}
body.heavy-v100 .topbar-actions.unified-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
body.heavy-v100 .topbar-actions.unified-actions form{
  margin:0;
}
body.heavy-v100 .top-kpis-row.top-scroll-cards{
  display:grid !important;
  grid-template-columns:minmax(260px,1.35fr) repeat(4,minmax(150px,1fr));
  gap:12px;
  overflow:visible;
  margin-top:16px;
  padding-bottom:0;
}
body.heavy-v100 .top-kpis-row .hero-kpi{
  min-width:0 !important;
  min-height:128px;
  padding:18px 18px 16px;
  border-radius:22px !important;
  display:grid;
  align-content:space-between;
  gap:8px;
  box-shadow:0 16px 38px rgba(15,23,42,.10) !important;
}
body.heavy-v100 .top-kpis-row .hero-kpi span{
  font-size:.88rem;
  font-weight:900;
  opacity:.88;
}
body.heavy-v100 .top-kpis-row .hero-kpi strong{
  font-size:clamp(1.35rem,2vw,2rem);
  line-height:1.05;
}
body.heavy-v100 .top-kpis-row .hero-kpi small{
  line-height:1.35;
  opacity:.86;
}
body.heavy-v100 .top-kpis-row .hero-kpi.navy{
  background:linear-gradient(135deg,#102451,#173b7f) !important;
}
body.heavy-v100 .top-kpis-row .hero-kpi.blue{
  background:linear-gradient(135deg,#2563eb,#0ea5e9) !important;
}
body.heavy-v100 .top-kpis-row .hero-kpi.week{
  background:linear-gradient(135deg,#475569,#64748b) !important;
}
body.heavy-v100 .top-kpis-row .hero-kpi.solar{
  background:linear-gradient(135deg,#059669,#22c55e) !important;
}
body.heavy-v100 .top-kpis-row .hero-kpi.yellow{
  background:linear-gradient(135deg,#ffd45a,#f59e0b) !important;
}
body.heavy-v100 .overview-shell{
  grid-template-columns:minmax(360px,.92fr) minmax(430px,1.08fr);
  align-items:center;
  gap:20px;
}
body.heavy-v100 .overview-side.two-column-side{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.heavy-v100 .side-stat-card{
  border:1px solid var(--ui-polish-line);
  background:linear-gradient(180deg,#ffffff,#f8fbff);
  border-radius:18px;
  padding:14px 15px;
  box-shadow:none;
}
body.heavy-v100 .side-stat-card span{
  color:var(--ui-polish-muted);
  font-weight:900;
}
body.heavy-v100 .side-stat-card strong{
  color:var(--ui-polish-text);
  font-size:1.05rem;
  line-height:1.25;
}
body.heavy-v100 .side-stat-card small{
  color:#718096;
  line-height:1.45;
}

body.heavy-v100 .register-shell-v10523{
  place-items:start center;
  padding:24px;
  background:linear-gradient(180deg,#f8fbff 0%,#eef4fb 100%);
}
body.heavy-v100 .register-card-v10523{
  width:min(1120px,100%);
  min-height:auto;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  border-radius:28px;
  box-shadow:0 22px 70px rgba(15,33,66,.12);
}
body.heavy-v100 .register-hero-v10523{
  padding:28px;
  gap:16px;
  background:linear-gradient(180deg,#102b62 0%,#0d1f47 100%);
}
body.heavy-v100 .register-hero-top-v10523{
  margin-top:10px;
  gap:12px;
}
body.heavy-v100 .register-hero-v10523 h1{
  font-size:clamp(1.95rem,3.2vw,3.35rem);
  line-height:1.06;
  letter-spacing:0;
}
body.heavy-v100 .register-hero-v10523 p{
  font-size:.98rem;
  line-height:1.75;
  font-weight:750;
}
body.heavy-v100 .register-steps-v10523{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
body.heavy-v100 .register-steps-v10523 div{
  min-width:0;
  justify-content:center;
  border-radius:14px;
  padding:9px 8px;
}
body.heavy-v100 .register-benefits-v10523{
  width:100%;
  grid-template-columns:1fr;
  gap:8px;
}
body.heavy-v100 .register-benefits-v10523 span{
  min-height:42px;
  border-radius:14px;
  padding:9px 11px;
}
body.heavy-v100 .register-form-panel-v10523{
  padding:24px;
  background:#fff;
}
body.heavy-v100 .register-form-v10523{
  display:grid;
  gap:14px;
}
body.heavy-v100 .register-section-card-v10523{
  border-radius:20px;
  padding:18px;
  border:1px solid var(--ui-polish-line);
  background:linear-gradient(180deg,#ffffff,#f9fbff);
  box-shadow:none;
}
body.heavy-v100 .register-section-title-v10523{
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}
body.heavy-v100 .register-section-title-v10523>span{
  width:40px;
  height:40px;
  border-radius:14px;
  display:grid;
  place-items:center;
}
body.heavy-v100 .register-section-title-v10523 strong{
  color:var(--ui-polish-text);
  font-size:1.02rem;
}
body.heavy-v100 .register-section-title-v10523 small{
  color:var(--ui-polish-muted);
  line-height:1.45;
}
body.heavy-v100 .register-grid-v10523.two,
body.heavy-v100 .register-grid-v10523.three{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
body.heavy-v100 .register-grid-v10523 label{
  display:grid;
  gap:6px;
}
body.heavy-v100 .register-grid-v10523 label>span,
body.heavy-v100 .provider-choice-v10523 label>span{
  color:#334155;
  font-size:.88rem;
  font-weight:900;
}
body.heavy-v100 .register-grid-v10523 .form-control,
body.heavy-v100 .provider-choice-v10523 .form-control{
  min-height:46px;
  border-radius:12px;
  font-size:.95rem;
}
body.heavy-v100 .energy-intent-v10523{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
body.heavy-v100 .intent-card-v10523{
  border-radius:18px;
  padding:14px;
  border:1px solid var(--ui-polish-line);
  background:#fff;
  box-shadow:none;
}
body.heavy-v100 .intent-card-v10523>span{
  width:38px;
  height:38px;
  border-radius:13px;
  display:grid;
  place-items:center;
}
body.heavy-v100 .register-submit-card-v10523{
  position:sticky;
  bottom:12px;
  z-index:2;
  border-radius:20px;
  border:1px solid rgba(191,211,241,.82);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 44px rgba(15,23,42,.10);
  padding:14px;
}
body.heavy-v100 .register-social-v10523{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

@media(max-width:1200px){
  body.heavy-v100 .top-kpis-row.top-scroll-cards{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  body.heavy-v100 .overview-shell{
    grid-template-columns:1fr;
  }
}
@media(max-width:900px){
  body.heavy-v100 .sidebar-backdrop-v70{
    z-index:2100 !important;
    background:rgba(15,23,42,.42) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  body.heavy-v100 .mobile-sidebar-launcher{
    z-index:2300 !important;
  }
  body.heavy-v100.sidebar-open-v70 .mobile-sidebar-launcher{
    display:none !important;
  }
  body.heavy-v100 .sidebar.sidebar-fancy-v104{
    z-index:2200 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:isolate;
  }
  body.heavy-v100 .dashboard-topbar .header-row{
    grid-template-columns:1fr;
  }
  body.heavy-v100 .header-meta-actions,
  body.heavy-v100 .dashboard-meta-bar.compact-meta-bar,
  body.heavy-v100 .topbar-actions.unified-actions{
    justify-items:stretch;
    justify-content:stretch;
  }
  body.heavy-v100 .dashboard-meta-bar .meta-pill,
  body.heavy-v100 .topbar-actions.unified-actions .btn-ui,
  body.heavy-v100 .topbar-actions.unified-actions form,
  body.heavy-v100 .topbar-actions.unified-actions button{
    width:100%;
  }
  body.heavy-v100 .top-kpis-row.top-scroll-cards{
    display:flex !important;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:8px;
  }
  body.heavy-v100 .top-kpis-row .hero-kpi{
    min-width:245px !important;
    scroll-snap-align:start;
  }
  body.heavy-v100 .register-card-v10523{
    grid-template-columns:1fr;
    border-radius:22px;
  }
  body.heavy-v100 .register-hero-v10523{
    padding:22px;
  }
  body.heavy-v100 .register-benefits-v10523{
    display:none;
  }
  body.heavy-v100 .register-form-panel-v10523{
    padding:18px;
  }
  body.heavy-v100 .register-submit-card-v10523{
    position:static;
  }
}
@media(max-width:640px){
  body.heavy-v100 .register-shell-v10523{
    padding:12px;
  }
  body.heavy-v100 .register-steps-v10523,
  body.heavy-v100 .register-grid-v10523.two,
  body.heavy-v100 .register-grid-v10523.three,
  body.heavy-v100 .energy-intent-v10523,
  body.heavy-v100 .overview-side.two-column-side{
    grid-template-columns:1fr;
  }
  body.heavy-v100 .register-section-card-v10523{
    padding:15px;
  }
  body.heavy-v100 .register-submit-card-v10523 .btn,
  body.heavy-v100 .register-social-v10523 .btn{
    width:100%;
  }
}
/* Heavy v10.5.33 — System users aligned with Subscribers CRM */
.heavy-v100 .users-redesign-v121 .subscribers-command-card-v116{overflow:visible!important;}
.heavy-v100 .users-kpi-grid-v121{margin-top:18px;}
.heavy-v100 .users-toolbar-v121{gap:14px;flex-wrap:wrap;}
.heavy-v100 .users-role-filter-v121{display:flex;justify-content:flex-end;margin:12px 0 4px;}
.heavy-v100 .users-role-filter-v121 label{display:grid;gap:6px;width:min(320px,100%);margin:0;}
.heavy-v100 .users-role-filter-v121 span{color:#7b8eaf;font-weight:950;}
.heavy-v100 .users-data-list-v121{margin-top:18px;}
.heavy-v100 .system-user-row-v121{grid-template-columns:42px minmax(260px,1.35fr) minmax(185px,.82fr) minmax(220px,1fr) minmax(190px,.88fr) minmax(110px,.44fr) minmax(360px,1.35fr)!important;align-items:center;}
.heavy-v100 .system-user-row-v121 .status-stack-v116{min-height:28px;}
.heavy-v100 .system-user-actions-v121{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:0;}
.heavy-v100 .system-user-actions-v121 form{margin:0;display:inline-flex;}
.heavy-v100 .system-user-actions-v121 .btn{white-space:nowrap;}
.heavy-v100 .user-row-checkbox-v121{width:20px;height:20px;accent-color:#1d4ed8;}
@media(max-width:1420px){.heavy-v100 .system-user-row-v121{grid-template-columns:42px minmax(240px,1.3fr) minmax(180px,.85fr) minmax(210px,1fr) minmax(180px,.85fr)!important}.heavy-v100 .system-user-actions-v121{grid-column:2 / -1;justify-content:flex-start}}
@media(max-width:820px){.heavy-v100 .system-user-row-v121{grid-template-columns:1fr!important}.heavy-v100 .system-user-actions-v121{grid-column:auto;display:grid;grid-template-columns:1fr}.heavy-v100 .system-user-actions-v121 .btn,.heavy-v100 .system-user-actions-v121 form{width:100%!important}}

/* Heavy v10.5.34 — Admin team command center */
.heavy-v100 .admin-team-v122,.heavy-v100 .staff-profile-v122{display:grid;gap:18px}
.heavy-v100 .admin-team-head-v122{margin-bottom:0}
.heavy-v100 .admin-team-toolbar-v126{display:grid;grid-template-columns:minmax(320px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid #dbe7f5;background:rgba(255,255,255,.9);border-radius:22px;box-shadow:0 18px 48px rgba(15,23,42,.055)}
.heavy-v100 .admin-team-search-v126{margin:0!important;min-width:0}
.heavy-v100 .admin-team-search-v126 input{min-height:50px}
.heavy-v100 .admin-team-toolbar-actions-v126{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:nowrap}
.heavy-v100 .admin-team-toolbar-actions-v126 .form-select{width:190px;min-height:50px;font-weight:950}
.heavy-v100 .admin-team-toolbar-actions-v126 .btn{min-height:50px;white-space:nowrap;padding-inline:18px}
.heavy-v100 .admin-command-bar-v122{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #dbe7f5;background:#fff;border-radius:18px;box-shadow:0 14px 36px rgba(15,23,42,.05)}
.heavy-v100 .admin-command-bar-v122 .command-search-v61{flex:1;min-width:260px;margin:0}
.heavy-v100 .admin-command-actions-v122{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.heavy-v100 .admin-command-actions-v122 .form-select{min-width:210px}
.heavy-v100 .admin-team-kpis-v122,.heavy-v100 .staff-profile-summary-v122{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.heavy-v100 .admin-team-kpis-v122 article,.heavy-v100 .staff-profile-summary-v122 article{border:1px solid #dbe7f5;background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px;padding:16px;min-width:0}
.heavy-v100 .admin-team-kpis-v122 small,.heavy-v100 .staff-profile-summary-v122 small{display:block;color:#7588aa;font-weight:950}
.heavy-v100 .admin-team-kpis-v122 strong,.heavy-v100 .staff-profile-summary-v122 strong{display:block;color:#0f172a;font-weight:950;font-size:1.55rem;margin-top:4px}
.heavy-v100 .admin-team-kpis-v122 span{display:block;color:#7b8eaf;font-weight:800;margin-top:2px}
.heavy-v100 .admin-team-card-v122{padding:16px!important;overflow:visible!important}
.heavy-v100 .admin-team-action-bar-v125{display:flex!important;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #dbe7f5;background:linear-gradient(135deg,#f8fbff,#fff);border-radius:18px;margin-bottom:14px;box-shadow:0 16px 42px rgba(15,23,42,.045);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.heavy-v100 .admin-team-action-bar-v125.is-active{border-color:#93c5fd;background:linear-gradient(135deg,#eff6ff,#fff);box-shadow:0 20px 50px rgba(37,99,235,.09)}
.heavy-v100 .admin-team-action-status-v125{display:grid;gap:2px;min-width:190px}
.heavy-v100 .admin-team-action-status-v125 strong{font-weight:950;color:#0f172a}
.heavy-v100 .admin-team-action-status-v125 small{font-weight:850;color:#7b8eaf}
.heavy-v100 .admin-team-select-visible-v125{display:flex;align-items:center;gap:8px;margin:0;font-weight:900;color:#334155;border:1px solid #dbe7f5;background:#fff;border-radius:14px;padding:9px 12px}
.heavy-v100 .admin-team-select-visible-v125 input{width:18px;height:18px;accent-color:#2563eb}
.heavy-v100 .admin-team-action-buttons-v125{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.heavy-v100 .admin-team-action-bar-v125.is-disabled .btn,.heavy-v100 .admin-team-action-bar-v125 .btn:disabled,.heavy-v100 .admin-team-action-bar-v125 .btn.disabled{opacity:.48;filter:grayscale(.18);pointer-events:none;box-shadow:none!important}
.heavy-v100 .admin-team-modal-v125{width:min(880px,calc(100vw - 28px));border:0;border-radius:28px;padding:0;background:transparent;color:#0f172a}
.heavy-v100 .admin-team-modal-v125::backdrop{background:rgba(15,23,42,.38);backdrop-filter:blur(8px)}
.heavy-v100 .admin-team-modal-card-v125{display:grid;gap:16px;padding:20px;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid #dbe7f5;box-shadow:0 38px 110px rgba(15,23,42,.24)}
.heavy-v100 .admin-team-modal-card-v125 header,.heavy-v100 .admin-team-modal-card-v125 footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.heavy-v100 .admin-team-modal-card-v125 header small{display:block;color:#3466d8;font-weight:950}
.heavy-v100 .admin-team-modal-card-v125 header h3{margin:2px 0 0;font-weight:950;color:#0f172a}
.heavy-v100 .modal-close-v125{width:40px;height:40px;border:1px solid #dbe7f5;border-radius:14px;background:#fff;color:#334155;font-size:1.35rem;font-weight:950;line-height:1}
.heavy-v100 .admin-team-modal-role-v125,.heavy-v100 .admin-team-message-grid-v125 label{display:grid;gap:7px;margin:0;font-weight:900;color:#334155}
.heavy-v100 .admin-team-perm-grid-v125{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:min(52vh,520px);overflow:auto;padding:2px}
.heavy-v100 .admin-team-perm-card-v125{display:grid;grid-template-columns:22px minmax(0,1fr);gap:7px;align-items:start;margin:0;padding:12px;border:1px solid #dbe7f5;border-radius:16px;background:#fff}
.heavy-v100 .admin-team-perm-card-v125.is-on{border-color:#93c5fd;background:#eff6ff}
.heavy-v100 .admin-team-perm-card-v125 input{width:19px;height:19px;accent-color:#2563eb;margin-top:2px}
.heavy-v100 .admin-team-perm-card-v125 span{font-weight:950;color:#0f172a}
.heavy-v100 .admin-team-perm-card-v125 small{grid-column:2;color:#7b8eaf;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heavy-v100 .admin-team-message-grid-v125{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:12px}
.heavy-v100 .admin-team-message-grid-v125 .full{grid-column:1/-1}
.heavy-v100 .admin-team-list-v122{display:grid;gap:10px}
.heavy-v100 .admin-team-row-v122{display:grid;grid-template-columns:28px minmax(250px,1.35fr) minmax(160px,.75fr) minmax(180px,.9fr) minmax(210px,1fr) minmax(210px,.9fr);gap:12px;align-items:center;padding:14px;border:1px solid #e2eaf7;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdff);min-width:0}
.heavy-v100 .admin-team-row-v122.is-selected{border-color:#60a5fa;background:#f5f9ff}
.heavy-v100 .admin-team-check-v122{width:20px;height:20px;accent-color:#2563eb}
.heavy-v100 .admin-team-person-v122{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;text-decoration:none;color:#0f172a;min-width:0}
.heavy-v100 .admin-team-person-v122>span{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#dbeafe,#f8fafc);display:grid;place-items:center;font-weight:950;color:#173466}
.heavy-v100 .admin-team-person-v122 strong,.heavy-v100 .admin-team-cell-v122 strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#101827;font-weight:950}
.heavy-v100 .admin-team-person-v122 small,.heavy-v100 .admin-team-cell-v122 small{display:block;color:#7b8eaf;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heavy-v100 .admin-team-cell-v122{min-width:0;display:flex;flex-direction:column;gap:5px}
.heavy-v100 .admin-team-actions-v122{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.heavy-v100 .staff-tabs-v122{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px;border:1px solid #dbe7f5;background:#fff;border-radius:18px}
.heavy-v100 .staff-tabs-v122 a{padding:10px 14px;border-radius:14px;text-decoration:none;color:#64748b;font-weight:950}
.heavy-v100 .staff-tabs-v122 a.active{background:#0f2457;color:#fff}
.heavy-v100 .staff-tab-switch-v128{display:inline-flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border:1px solid #bfdbfe;border-radius:14px;background:#eff6ff;color:#0f2457;font-weight:950}
.heavy-v100 .staff-tab-switch-v128 input{width:18px;height:18px;accent-color:#2563eb}
.heavy-v100 .staff-profile-v122 .staff-tabs-v122{margin-bottom:16px}
.heavy-v100 .staff-form-v122,.heavy-v100 .staff-permissions-v122{display:grid;gap:18px;padding:24px!important}
.heavy-v100 .staff-personal-grid-v127{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-areas:"username name email" "country city language" "password phone phone" "role active .";gap:16px 18px!important;align-items:end}
.heavy-v100 .staff-personal-grid-v127>label{display:grid;gap:8px;margin:0;min-width:0}
.heavy-v100 .staff-personal-grid-v127>label>span,.heavy-v100 .staff-phone-v127 label>span{display:block;margin:0;color:#30496f;font-weight:950}
.heavy-v100 .staff-personal-grid-v127 .form-control,.heavy-v100 .staff-personal-grid-v127 .form-select{min-height:56px;border-radius:18px;font-weight:900}
.heavy-v100 .staff-field-name-v127{grid-area:name}.heavy-v100 .staff-field-username-v127{grid-area:username}.heavy-v100 .staff-field-email-v127{grid-area:email}.heavy-v100 .staff-field-country-v127{grid-area:country}.heavy-v100 .staff-field-city-v127{grid-area:city}.heavy-v100 .staff-field-language-v127{grid-area:language}.heavy-v100 .staff-field-role-v127{grid-area:role}
.heavy-v100 .staff-active-inline-v128{grid-area:active;display:flex!important;align-items:center;justify-content:space-between;gap:12px;min-height:56px;margin:0;padding:12px 16px;border:1px solid #bfdbfe;border-radius:18px;background:#eff6ff;color:#0f2457;font-weight:950}
.heavy-v100 .staff-active-inline-v128 span{margin:0!important;color:#0f2457!important}
.heavy-v100 .staff-active-inline-v128 input{width:22px;height:22px;accent-color:#2563eb;flex:0 0 auto}
.heavy-v100 .staff-phone-v127{grid-area:phone;display:grid;grid-template-columns:minmax(275px,.63fr) minmax(0,.87fr);grid-template-areas:"prefix number";gap:12px;align-items:end}
.heavy-v100 .staff-phone-prefix-v127{grid-area:prefix}.heavy-v100 .staff-phone-number-v127{grid-area:number}
.heavy-v100 .staff-password-v127{grid-area:password;width:100%;justify-self:stretch}
.heavy-v100 .staff-form-v122 .profile-switch-v118{justify-self:start;min-width:min(100%,320px);padding:12px 16px}
.heavy-v100 .staff-form-v122 .action-row-v2{justify-content:flex-start;margin-top:-4px}
.heavy-v100 .staff-card-title-v122 small{display:block;color:#7b8eaf;font-weight:950}
.heavy-v100 .staff-card-title-v122 h3{margin:3px 0;color:#0f172a;font-weight:950}
.heavy-v100 .staff-card-title-v122 p{margin:0;color:#64748b;font-weight:800;line-height:1.7}
.heavy-v100 .staff-active-switch-v122{max-width:320px}
.heavy-v100 .form-control,.heavy-v100 .form-select,.heavy-v100 textarea{background:#f4f8ff!important;border-color:#d5e2f3!important;color:#0f172a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 20px rgba(15,23,42,.025);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.heavy-v100 .form-control:hover,.heavy-v100 .form-select:hover,.heavy-v100 textarea:hover{background:#eef5ff!important;border-color:#bcd0ea!important}
.heavy-v100 .form-control:focus,.heavy-v100 .form-select:focus,.heavy-v100 textarea:focus{background:#fff!important;border-color:#60a5fa!important;box-shadow:0 0 0 .22rem rgba(96,165,250,.16),0 12px 26px rgba(37,99,235,.08)!important;transform:translateY(-1px)}
.heavy-v100 .form-control::placeholder{color:#8ba0bf}
.heavy-v100 .phone-combo-v124{display:grid;grid-template-columns:minmax(170px,.48fr) minmax(320px,1.52fr);gap:14px;align-items:end}
.heavy-v100 .phone-combo-v124 label{margin:0;min-width:0}
.heavy-v100 .phone-prefix-select-v124{min-width:0;font-weight:900}
.heavy-v100 .phone-combo-v124 input{direction:ltr;text-align:left;unicode-bidi:plaintext;font-weight:900}
html[dir="rtl"] .heavy-v100 .phone-prefix-select-v124{direction:rtl;text-align:right;padding-inline-start:38px;padding-inline-end:16px}
html[dir="ltr"] .heavy-v100 .phone-prefix-select-v124{direction:ltr;text-align:left}
.heavy-v100 .staff-permission-grid-v122{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.heavy-v100 .staff-permission-card-v122{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;align-items:start;border:1px solid #dbe7f5;border-radius:16px;background:#f8fbff;padding:12px;margin:0}
.heavy-v100 .staff-permission-card-v122.is-on{border-color:#93c5fd;background:#eff6ff}
.heavy-v100 .staff-permission-card-v122 input{width:20px;height:20px;accent-color:#2563eb;margin-top:2px}
.heavy-v100 .staff-permission-card-v122 span{font-weight:950;color:#0f172a}
.heavy-v100 .staff-permission-card-v122 small{grid-column:2;color:#7b8eaf;font-weight:800;overflow:hidden;text-overflow:ellipsis}
.heavy-v100 .staff-support-columns-v122{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.heavy-v100 .staff-support-columns-v122 h4{font-weight:950;color:#0f172a;margin:0 0 12px}
.heavy-v100 .staff-support-row-v122{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #dbe7f5;border-inline-start:6px solid #3b82f6;border-radius:18px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(135deg,#fff,#f8fbff);text-decoration:none;color:#0f172a;overflow:hidden;box-shadow:0 14px 34px rgba(15,23,42,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.heavy-v100 .staff-support-row-v122:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(37,99,235,.12);border-color:#93c5fd;background:linear-gradient(135deg,#fff,#eff6ff)}
.heavy-v100 .support-ticket-v129{border-inline-start-color:#f59e0b}
.heavy-v100 .support-mail-v129{border-inline-start-color:#2563eb}
.heavy-v100 .staff-support-row-v122.status-urgent,.heavy-v100 .staff-support-row-v122.status-waiting_user{border-inline-start-color:#ef4444}
.heavy-v100 .staff-support-row-v122.status-resolved,.heavy-v100 .staff-support-row-v122.status-closed{border-inline-start-color:#22c55e;opacity:.88}
.heavy-v100 .support-row-glow-v129{position:absolute;inset:auto -40px -50px auto;width:130px;height:130px;border-radius:50%;background:rgba(59,130,246,.14);filter:blur(12px);z-index:-1;transition:transform .22s ease,opacity .22s ease}
.heavy-v100 .support-ticket-v129 .support-row-glow-v129{background:rgba(245,158,11,.16)}
.heavy-v100 .staff-support-row-v122:hover .support-row-glow-v129{transform:scale(1.25);opacity:.95}
.heavy-v100 .support-row-main-v129 strong,.heavy-v100 .support-row-main-v129 small{display:block}
.heavy-v100 .support-row-main-v129 strong{font-weight:950;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heavy-v100 .support-row-main-v129 small{color:#7b8eaf;font-weight:850;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.heavy-v100 .support-row-meta-v129{display:grid;gap:7px;justify-items:end}
.heavy-v100 .support-row-meta-v129 em{font-style:normal;color:#2563eb;font-size:.78rem;font-weight:950;opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease}
.heavy-v100 .staff-support-row-v122:hover .support-row-meta-v129 em{opacity:1;transform:translateY(0)}
@media(max-width:1280px){.heavy-v100 .admin-team-kpis-v122,.heavy-v100 .staff-profile-summary-v122{grid-template-columns:repeat(3,minmax(0,1fr))}.heavy-v100 .admin-team-row-v122{grid-template-columns:28px minmax(240px,1fr) repeat(2,minmax(160px,.8fr))}.heavy-v100 .admin-team-cell-v122:nth-of-type(3),.heavy-v100 .admin-team-actions-v122{grid-column:2 / -1}.heavy-v100 .admin-team-actions-v122{justify-content:flex-start}.heavy-v100 .staff-permission-grid-v122{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1180px){.heavy-v100 .staff-personal-grid-v127{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"username name" "email email" "country city" "language language" "password password" "phone phone" "role active"}.heavy-v100 .staff-password-v127{width:100%}}
@media(max-width:980px){.heavy-v100 .admin-team-toolbar-v126{grid-template-columns:1fr}.heavy-v100 .admin-team-toolbar-actions-v126{justify-content:stretch}.heavy-v100 .admin-team-toolbar-actions-v126 .form-select,.heavy-v100 .admin-team-toolbar-actions-v126 .btn{flex:1}}
@media(max-width:760px){.heavy-v100 .admin-command-bar-v122,.heavy-v100 .admin-team-action-bar-v125{align-items:stretch;flex-direction:column}.heavy-v100 .admin-command-actions-v122,.heavy-v100 .admin-command-actions-v122 .btn,.heavy-v100 .admin-command-actions-v122 .form-select,.heavy-v100 .admin-team-select-visible-v125,.heavy-v100 .admin-team-action-buttons-v125,.heavy-v100 .admin-team-action-buttons-v125 .btn{width:100%}.heavy-v100 .admin-team-toolbar-actions-v126{display:grid;grid-template-columns:1fr}.heavy-v100 .admin-team-toolbar-actions-v126 .form-select,.heavy-v100 .admin-team-toolbar-actions-v126 .btn{width:100%}.heavy-v100 .admin-team-action-buttons-v125{display:grid;grid-template-columns:1fr}.heavy-v100 .admin-team-kpis-v122,.heavy-v100 .staff-profile-summary-v122,.heavy-v100 .staff-support-columns-v122,.heavy-v100 .staff-permission-grid-v122,.heavy-v100 .phone-combo-v124,.heavy-v100 .admin-team-perm-grid-v125,.heavy-v100 .admin-team-message-grid-v125,.heavy-v100 .staff-personal-grid-v127,.heavy-v100 .staff-phone-v127{grid-template-columns:1fr!important}.heavy-v100 .staff-personal-grid-v127{grid-template-areas:"username" "name" "email" "country" "city" "language" "phone" "password" "role" "active"}.heavy-v100 .staff-phone-v127{grid-template-areas:"prefix" "number"}.heavy-v100 .staff-password-v127{width:100%}.heavy-v100 .admin-team-row-v122{grid-template-columns:1fr}.heavy-v100 .admin-team-actions-v122{grid-column:auto;display:grid;grid-template-columns:1fr}.heavy-v100 .admin-team-actions-v122 .btn{width:100%}.heavy-v100 .admin-team-modal-card-v125 header,.heavy-v100 .admin-team-modal-card-v125 footer{align-items:stretch;flex-direction:column}.heavy-v100 .admin-team-modal-card-v125 footer .btn{width:100%}}
.heavy-v100 .device-self-note-v123{margin-top:16px!important;border-style:dashed!important;background:#f8fbff!important;box-shadow:none!important}
.heavy-v100 .device-self-note-v123 strong{display:block;color:#0f172a;font-weight:950;margin-bottom:4px}
.heavy-v100 .device-self-note-v123 span{display:block;color:#64748b;font-weight:800;line-height:1.7}

/* Heavy v10.5.32 - Subscribers list support column and clear plan meta */
.heavy-v100 .subscriber-data-row-v116{
  grid-template-columns:42px minmax(250px,1.35fr) minmax(190px,.92fr) minmax(170px,.78fr) minmax(230px,1fr) minmax(92px,.36fr)!important;
}
.heavy-v100 .subscriber-plan-meta-v131{
  display:flex!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:7px!important;
  color:#6f83a3!important;
  white-space:normal!important;
}
.heavy-v100 .subscriber-plan-meta-v131 b{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  border-radius:999px;
  padding:4px 9px;
  background:#eef5ff;
  border:1px solid #d8e6f8;
  color:#314665;
  font-weight:950;
}
.heavy-v100 .subscriber-support-cell-v131{
  text-decoration:none;
  border:1px solid #dbe7f5;
  border-radius:18px;
  padding:10px 12px;
  background:linear-gradient(135deg,#fff,#f8fbff);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.heavy-v100 .subscriber-support-cell-v131:hover{
  transform:translateY(-2px);
  border-color:#93c5fd;
  box-shadow:0 16px 38px rgba(37,99,235,.10);
}
.heavy-v100 .subscriber-support-cell-v131 strong{color:#0f2a5f!important}
.heavy-v100 .subscriber-support-cell-v131 span b{color:#2563eb;font-weight:950}
@media(max-width:1320px){
  .heavy-v100 .subscriber-data-row-v116{
    grid-template-columns:42px minmax(240px,1.35fr) minmax(190px,1fr) minmax(170px,.85fr)!important;
  }
  .heavy-v100 .subscriber-data-cell-v116:nth-of-type(3),
  .heavy-v100 .subscriber-data-cell-v116.compact{grid-column:2 / -1}
}
@media(max-width:820px){
  .heavy-v100 .subscriber-data-row-v116{grid-template-columns:1fr!important}
  .heavy-v100 .subscriber-data-cell-v116:nth-of-type(3),
  .heavy-v100 .subscriber-data-cell-v116.compact{grid-column:auto}
}

/* Heavy v10.5.33 - calmer CRM row rhythm */
.heavy-v100 .subscriber-data-list-v116{gap:12px!important}
.heavy-v100 .subscriber-data-row-v116{
  min-height:132px;
  padding:16px 18px!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(15,23,42,.035)!important;
}
.heavy-v100 .subscriber-data-row-v116:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(37,99,235,.075)!important;
}
.heavy-v100 .subscriber-data-cell-v116 small{font-size:.82rem!important;margin-bottom:4px!important}
.heavy-v100 .subscriber-data-cell-v116 strong{font-size:1rem!important}
.heavy-v100 .subscriber-data-cell-v116 span{font-size:.88rem!important}
.heavy-v100 .subscriber-support-cell-v131{
  display:grid;
  gap:5px;
  align-self:stretch;
  align-content:center;
  padding:12px 14px!important;
  background:#f8fbff!important;
}
.heavy-v100 .subscriber-support-cell-v131 strong{
  font-size:1.12rem!important;
}
.heavy-v100 .subscriber-support-cell-v131 span{
  display:flex!important;
  gap:8px;
  flex-wrap:wrap;
  white-space:normal!important;
}
.heavy-v100 .subscriber-plan-meta-v131 b{background:#f2f6fb!important;border-color:#dbe7f5!important}

/* Heavy v10.5.34 - Color stacked slices for subscriber CRM cells */
.heavy-v100 .subscriber-data-row-v116{
  min-height:156px!important;
  align-items:center!important;
  background:linear-gradient(180deg,#fff,#fbfdff)!important;
}
.heavy-v100 .subscriber-data-cell-v116{
  display:grid;
  gap:7px;
  align-content:center;
}
.heavy-v100 .subscriber-data-cell-v116 small{
  color:#8192b2!important;
  font-size:.86rem!important;
  font-weight:950!important;
}
.heavy-v100 .subscriber-data-cell-v116 strong{
  color:#0f172a!important;
  font-size:1.04rem!important;
}
.heavy-v100 .subscriber-data-cell-v116 .status-stack-v116 + span{display:none!important}
.heavy-v100 .subscriber-plan-meta-v131{
  display:grid!important;
  gap:8px!important;
  align-items:stretch!important;
}
.heavy-v100 .subscriber-plan-meta-v131 b,
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 span,
.heavy-v100 .status-stack-v116 .ui-badge-v70,
.heavy-v100 .subscriber-data-cell-v116.compact strong{
  min-height:36px;
  border-radius:999px!important;
  padding:7px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(100%,230px);
  font-weight:950!important;
  line-height:1.15!important;
}
.heavy-v100 .subscriber-plan-meta-v131 b:first-child{
  background:#dbeafe!important;
  border:1px solid #bfdbfe!important;
  color:#1e3a8a!important;
}
.heavy-v100 .subscriber-plan-meta-v131 b:last-child{
  background:#e0f2fe!important;
  border:1px solid #bae6fd!important;
  color:#075985!important;
}
.heavy-v100 .subscriber-support-cell-v131{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
}
.heavy-v100 .subscriber-support-cell-v131:hover{
  transform:none!important;
  box-shadow:none!important;
}
.heavy-v100 .subscriber-support-cell-v131 strong{
  color:#0f172a!important;
  font-size:1.08rem!important;
}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134{
  display:grid!important;
  gap:8px!important;
}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 span{
  width:min(100%,230px)!important;
}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 .messages{
  background:#dbeafe!important;
  border:1px solid #bfdbfe!important;
  color:#1d4ed8!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 .tickets{
  background:#ffedd5!important;
  border:1px solid #fed7aa!important;
  color:#9a3412!important;
  gap:5px!important;
  white-space:nowrap!important;
}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 .messages b{color:#1d4ed8!important}
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 .tickets b{color:#9a3412!important}
.heavy-v100 .status-stack-v116{
  display:grid!important;
  gap:8px!important;
  align-items:stretch!important;
}
.heavy-v100 .status-stack-v116 .ui-badge-v70{
  border-width:1px!important;
  box-shadow:none!important;
}
.heavy-v100 .subscriber-data-cell-v116.compact strong{
  background:#eef2f7!important;
  border:1px solid #dbe3ef!important;
  color:#334155!important;
}
.heavy-v100 .subscriber-lifecycle-cell-v135{
  gap:8px!important;
}
.heavy-v100 .subscriber-lifecycle-cell-v135 .lifecycle-days-v135{
  width:min(100%,230px);
  min-height:34px;
  border-radius:999px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 14px!important;
  background:#eef2ff!important;
  border:1px solid #d8e2ff!important;
  color:#334155!important;
}
.heavy-v100 .subscriber-lifecycle-cell-v135 .status-stack-v116{
  margin-top:0!important;
}
html[dir="rtl"] .heavy-v100 .subscriber-data-cell-v116{
  justify-items:center;
  text-align:center;
}
html[dir="rtl"] .heavy-v100 .subscriber-plan-meta-v131 b,
html[dir="rtl"] .heavy-v100 .subscriber-support-cell-v131 .support-slices-v134 span,
html[dir="rtl"] .heavy-v100 .status-stack-v116 .ui-badge-v70,
html[dir="rtl"] .heavy-v100 .subscriber-data-cell-v116.compact strong{
  justify-content:center!important;
}
.heavy-v100 .subscriber-data-cell-v116{
  justify-items:center!important;
  text-align:center!important;
}
.heavy-v100 .subscriber-data-cell-v116 small,
.heavy-v100 .subscriber-data-cell-v116 strong,
.heavy-v100 .subscriber-data-cell-v116 span{
  text-align:center!important;
}
.heavy-v100 .subscriber-plan-meta-v131,
.heavy-v100 .subscriber-support-cell-v131 .support-slices-v134,
.heavy-v100 .status-stack-v116{
  justify-items:center!important;
  width:100%;
}
.heavy-v100 .subscriber-identity-v116{
  justify-items:stretch!important;
  text-align:inherit!important;
}
html[dir="rtl"] .heavy-v100 .subscriber-identity-v116{text-align:right!important}
html[dir="ltr"] .heavy-v100 .subscriber-identity-v116{text-align:left!important}

/* Heavy v10.5.30 - Subscriber personal profile redesign */
.subscriber-profile-v130 + .subscriber360-profile-v118{display:none!important}
.subscriber-profile-v130{display:grid;gap:20px}
.subscriber-profile-cover-v130{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;overflow:hidden;border:1px solid #d9e6f7;border-radius:30px;padding:22px;background:linear-gradient(135deg,rgba(37,99,235,.10),transparent 36%),linear-gradient(225deg,rgba(245,158,11,.13),transparent 34%),#fff;box-shadow:0 24px 70px rgba(15,23,42,.08)}
.subscriber-profile-cover-v130:before{content:"";position:absolute;inset:auto 24px 0 24px;height:4px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#14b8a6,#f59e0b);opacity:.75}
.subscriber-avatar-v130{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;color:#0f2a5f;background:linear-gradient(135deg,#dbeafe,#fff7ed);border:1px solid rgba(147,197,253,.55);font-size:2rem;font-weight:950;box-shadow:0 18px 45px rgba(37,99,235,.14)}
.subscriber-profile-title-v130 small,.subscriber-panel-head-v130 small{display:block;color:#7c8faf;font-weight:950}
.subscriber-profile-title-v130 h3{margin:2px 0;color:#101827;font-size:clamp(1.55rem,2.2vw,2.45rem);font-weight:950;letter-spacing:0}
.subscriber-profile-title-v130 p{margin:0;color:#7084a8;font-weight:850;direction:ltr;text-align:inherit}
.subscriber-profile-meta-v130{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:430px}
.subscriber-profile-meta-v130 span{min-height:36px;display:inline-flex;align-items:center;border:1px solid #dbe7fa;border-radius:999px;padding:7px 13px;background:rgba(255,255,255,.76);color:#4a5f82;font-weight:900;box-shadow:0 10px 28px rgba(15,23,42,.04)}
.subscriber-profile-meta-v130 .is-active{background:#dcfce7;border-color:#bbf7d0;color:#15803d}
.subscriber-profile-meta-v130 .is-disabled{background:#fee2e2;border-color:#fecaca;color:#b91c1c}
.subscriber-profile-form-v130{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);grid-template-areas:"identity location" "identity access" "actions actions";gap:20px;align-items:start}
.subscriber-profile-panel-v130{min-width:0;border:1px solid #dbe7fa;border-radius:28px;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 20px 60px rgba(15,23,42,.06);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.subscriber-profile-panel-v130:hover{transform:translateY(-2px);border-color:#bfdbfe;box-shadow:0 26px 70px rgba(37,99,235,.10)}
.subscriber-profile-panel-v130.identity-v130{grid-area:identity}
.subscriber-profile-panel-v130.location-v130{grid-area:location}
.subscriber-profile-panel-v130.access-v130{grid-area:access}
.subscriber-panel-head-v130{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.subscriber-panel-head-v130>span{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;flex:0 0 auto;background:#eaf2ff;color:#1d4ed8;border:1px solid #cfe0ff;font-weight:950;font-size:.82rem}
.location-v130 .subscriber-panel-head-v130>span{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
.access-v130 .subscriber-panel-head-v130>span{background:#fff7ed;color:#b45309;border-color:#fed7aa}
.subscriber-panel-head-v130 h4{margin:2px 0 0;color:#111827;font-weight:950;font-size:1.34rem}
.subscriber-fields-v130{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.subscriber-fields-v130.identity-grid-v130{grid-template-columns:repeat(2,minmax(0,1fr))}
.subscriber-fields-v130 label{display:flex;flex-direction:column;gap:8px;margin:0;min-width:0}
.subscriber-fields-v130 label.phone-field-v130{grid-column:1/-1}
.subscriber-fields-v130 label>span{color:#334766;font-weight:950}
.subscriber-fields-v130 .form-control{min-height:58px;border-radius:20px;border:1px solid #cfe0f4;background:#edf4fd;color:#101827;font-weight:900;padding-inline:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.85);transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.subscriber-fields-v130 .form-control:hover{background:#e8f1fc;border-color:#bcd3ef}
.subscriber-fields-v130 .form-control:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 .22rem rgba(59,130,246,.14);transform:translateY(-1px)}
.subscriber-phone-v130{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,.58fr);gap:10px}
.subscriber-phone-v130 .phone-code-select-v130{text-align:right;direction:rtl}
.subscriber-profile-switch-v130{grid-column:1/-1;display:flex!important;flex-direction:row!important;align-items:center;gap:12px;min-height:58px;border:1px solid #cfe0f4;border-radius:20px;padding:12px 16px;background:#edf4fd;cursor:pointer}
.subscriber-profile-switch-v130 input{width:22px;height:22px;accent-color:#2563eb}
.subscriber-profile-switch-v130 b{color:#111827;font-weight:950}
.subscriber-profile-actions-v130{grid-area:actions;display:flex;justify-content:flex-end;gap:12px;border:1px solid #dbe7fa;border-radius:24px;padding:14px;background:rgba(255,255,255,.72);box-shadow:0 16px 44px rgba(15,23,42,.05)}
.subscriber-profile-actions-v130 .btn{min-width:170px;border-radius:16px}
html[dir="rtl"] .subscriber-profile-title-v130 p{text-align:right}
html[dir="rtl"] .subscriber-profile-meta-v130{justify-content:flex-start}
@media(max-width:1180px){.subscriber-profile-cover-v130{grid-template-columns:auto minmax(0,1fr)}.subscriber-profile-meta-v130{grid-column:1/-1;justify-content:flex-start;max-width:none}.subscriber-profile-form-v130{grid-template-columns:1fr;grid-template-areas:"identity" "location" "access" "actions"}}
@media(max-width:720px){.subscriber-profile-cover-v130{grid-template-columns:1fr;text-align:center}.subscriber-avatar-v130{margin-inline:auto}.subscriber-profile-meta-v130{justify-content:center}.subscriber-fields-v130,.subscriber-fields-v130.identity-grid-v130,.subscriber-phone-v130{grid-template-columns:1fr}.subscriber-profile-actions-v130{flex-direction:column}.subscriber-profile-actions-v130 .btn{width:100%}}

/* Heavy v10.5.31 - Subscriber profile reset: single clean workspace */
.subscriber-profile-v130{gap:18px}
.subscriber-profile-cover-v130{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  min-height:118px;
  padding:20px 24px!important;
  border-radius:26px!important;
  background:
    linear-gradient(90deg,rgba(15,42,95,.06),rgba(255,255,255,.9) 45%,rgba(245,158,11,.08)),
    #fff!important;
  box-shadow:0 18px 48px rgba(15,23,42,.07)!important;
}
.subscriber-profile-cover-v130:before{inset:auto 24px 0 24px!important;height:3px!important;background:linear-gradient(90deg,#0f2a5f,#2563eb,#f59e0b)!important}
.subscriber-avatar-v130{
  width:66px!important;
  height:66px!important;
  border-radius:20px!important;
  background:#eef5ff!important;
  color:#0f2a5f!important;
  box-shadow:none!important;
}
.subscriber-profile-title-v130 h3{font-size:1.85rem!important}
.subscriber-profile-meta-v130{max-width:none!important;justify-content:flex-end!important}
.subscriber-profile-meta-v130 span{box-shadow:none!important;background:#f7faff!important}
.subscriber-profile-form-v130{
  grid-template-columns:1fr!important;
  grid-template-areas:"identity" "location" "access" "actions"!important;
  gap:16px!important;
}
.subscriber-profile-panel-v130{
  border-radius:24px!important;
  padding:18px 22px 22px!important;
  background:#fff!important;
  box-shadow:0 18px 44px rgba(15,23,42,.055)!important;
}
.subscriber-profile-panel-v130:hover{transform:none!important;border-color:#c9daf0!important;box-shadow:0 20px 48px rgba(15,23,42,.065)!important}
.subscriber-panel-head-v130{
  margin-bottom:16px!important;
  padding-bottom:14px;
  border-bottom:1px solid #e6eef8;
}
.subscriber-panel-head-v130>span{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
  font-size:.76rem!important;
  background:#f1f6ff!important;
  color:#1d4ed8!important;
  border-color:#d6e5fb!important;
}
.location-v130 .subscriber-panel-head-v130>span{background:#effaf5!important;color:#047857!important;border-color:#caefdc!important}
.access-v130 .subscriber-panel-head-v130>span{background:#fff8ed!important;color:#b45309!important;border-color:#f6d7a9!important}
.subscriber-panel-head-v130 h4{font-size:1.18rem!important}
.subscriber-fields-v130,
.subscriber-fields-v130.identity-grid-v130{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.subscriber-profile-panel-v130.location-v130 .subscriber-fields-v130{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.subscriber-profile-panel-v130.access-v130 .subscriber-fields-v130{grid-template-columns:minmax(240px,1fr) minmax(200px,.7fr) minmax(230px,.75fr)!important;align-items:end}
.subscriber-fields-v130 label.phone-field-v130{grid-column:1/-1!important}
.subscriber-phone-v130{
  display:grid!important;
  grid-template-columns:minmax(360px,.42fr) minmax(0,.58fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.subscriber-phone-v130 .phone-code-select-v130{
  min-width:0!important;
  width:100%!important;
  direction:rtl!important;
  text-align:right!important;
  padding-inline:18px 42px!important;
  background-color:#eef5ff!important;
  color:#0f172a!important;
  font-weight:950!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.subscriber-phone-v130 input{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
  font-weight:950!important;
}
.subscriber-fields-v130 label>span{font-size:.92rem;color:#40516d!important}
.subscriber-fields-v130 .form-control{
  min-height:54px!important;
  border-radius:16px!important;
  background:#f3f7fd!important;
  border-color:#d4e1f2!important;
  box-shadow:none!important;
}
.subscriber-fields-v130 .form-control:hover{background:#eef4fc!important}
.subscriber-fields-v130 .form-control:focus{background:#fff!important}
.subscriber-profile-switch-v130{
  grid-column:auto!important;
  min-height:54px!important;
  border-radius:16px!important;
  background:#f3f7fd!important;
  border-color:#d4e1f2!important;
  justify-content:space-between;
}
.subscriber-profile-actions-v130{
  position:sticky;
  bottom:12px;
  border-radius:20px!important;
  padding:12px!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(10px);
  box-shadow:0 14px 42px rgba(15,23,42,.08)!important;
}
@media(max-width:1180px){
  .subscriber-fields-v130,
  .subscriber-fields-v130.identity-grid-v130,
  .subscriber-profile-panel-v130.location-v130 .subscriber-fields-v130,
  .subscriber-profile-panel-v130.access-v130 .subscriber-fields-v130{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .subscriber-profile-switch-v130{grid-column:1/-1!important}
}
@media(max-width:760px){
  .subscriber-profile-cover-v130{grid-template-columns:1fr!important;text-align:center}
  .subscriber-profile-meta-v130{justify-content:center!important}
  .subscriber-fields-v130,
  .subscriber-fields-v130.identity-grid-v130,
  .subscriber-profile-panel-v130.location-v130 .subscriber-fields-v130,
  .subscriber-profile-panel-v130.access-v130 .subscriber-fields-v130,
  .subscriber-phone-v130{grid-template-columns:1fr!important}
  .subscriber-profile-switch-v130{grid-column:1/-1!important}
}

/* Heavy v10.5.40 - Subscriber lifecycle board */
.heavy-v100 .subscriber-life-board-v140{overflow:hidden;border:1px solid #dbe7f5;border-radius:28px;background:#fff;box-shadow:0 22px 70px rgba(15,23,42,.07)}
.heavy-v100 .subscriber-life-title-v140{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px 30px 26px}
.heavy-v100 .subscriber-life-title-v140>div{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;align-items:center}
.heavy-v100 .subscriber-life-title-v140 span{grid-row:1/3;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:#eef5ff;color:#2563eb;font-size:1.5rem}
.heavy-v100 .subscriber-life-title-v140 strong{font-size:2rem;font-weight:950;color:#0f172a}
.heavy-v100 .subscriber-life-title-v140 small{font-weight:850;color:#7b8eaf}
.heavy-v100 .subscriber-life-title-v140 button{border:1px solid #dbe7f5;border-radius:16px;background:#f8fbff;color:#2563eb;font-weight:950;padding:12px 18px}
.heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{display:grid;grid-template-columns:minmax(230px,1.28fr) minmax(170px,.9fr) minmax(150px,.78fr) minmax(128px,.62fr) minmax(92px,.42fr) minmax(170px,.82fr) minmax(125px,.62fr) 78px;gap:18px;align-items:center}
.heavy-v100 .subscriber-life-header-v140{min-height:74px;padding:0 28px;border-top:1px solid #e4ecf7;border-bottom:1px solid #e4ecf7;color:#7b8eaf;font-weight:950}
.heavy-v100 .subscriber-life-header-v140 span{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center}
.heavy-v100 .subscriber-life-row-v140{min-height:166px;padding:22px 28px;border-bottom:1px solid #e6eef8;background:#fff;transition:background .18s ease,box-shadow .18s ease}
.heavy-v100 .subscriber-life-row-v140:hover{background:#fbfdff;box-shadow:inset 0 0 0 1px #dbeafe}
.heavy-v100 .subscriber-life-row-v140:last-child{border-bottom:0}
.heavy-v100 .life-user-v140{display:grid;justify-items:center;gap:8px;text-align:center;text-decoration:none;color:#0f172a}
.heavy-v100 .life-avatar-v140{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff1dd;color:#0f2a5f;font-weight:950;font-size:1.45rem}
.heavy-v100 .life-user-v140 strong{font-weight:950;color:#0f172a}
.heavy-v100 .life-user-v140 small{direction:ltr;color:#7b8eaf;font-weight:850}
.heavy-v100 .life-plan-card-v140{min-height:132px;border:1px solid #dbe7f5;border-radius:18px;display:grid;justify-items:center;align-content:center;gap:8px;padding:14px;background:linear-gradient(180deg,#fff,#fbfdff);text-align:center}
.heavy-v100 .life-icon-v140{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f1ecff;color:#6d28d9;font-size:1.25rem}
.heavy-v100 .life-plan-card-v140 strong{font-weight:950;color:#111827}
.heavy-v100 .life-plan-card-v140 small{font-weight:900;color:#334155;border-top:1px solid #e6eef8;padding-top:8px;width:100%}
.heavy-v100 .life-plan-card-v140 b{color:#2563eb;font-weight:950}
.heavy-v100 .life-support-v140{display:grid;gap:10px;text-decoration:none}
.heavy-v100 .life-support-v140 span,.heavy-v100 .life-account-v140 span,.heavy-v100 .life-status-v140 span{min-height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;font-weight:950;text-align:center}
.heavy-v100 .life-support-v140 .mail{background:#eef5ff;border:1px solid #cfe1fb;color:#1d4ed8}
.heavy-v100 .life-support-v140 .ticket{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}
.heavy-v100 .life-support-v140 .total{background:#f3f7fb;border:1px solid #dbe7f5;color:#0f3a68}
.heavy-v100 .life-days-v140,.heavy-v100 .life-devices-v140{min-height:112px;border:1px solid #dbe7f5;border-radius:18px;display:grid;place-items:center;align-content:center;gap:6px;background:linear-gradient(180deg,#f8fbff,#fff);text-align:center}
.heavy-v100 .life-days-v140 span,.heavy-v100 .life-devices-v140 span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#eaf3ff;color:#2563eb}
.heavy-v100 .life-days-v140 strong,.heavy-v100 .life-devices-v140 strong{font-size:1.75rem;font-weight:950;color:#0f172a}
.heavy-v100 .life-days-v140 small{font-weight:900;color:#334155}
.heavy-v100 .life-account-v140 .on,.heavy-v100 .life-status-v140 .on{background:#dcfce7;border:1px solid #bbf7d0;color:#15803d}
.heavy-v100 .life-account-v140 .off,.heavy-v100 .life-status-v140 .off{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}
.heavy-v100 .life-controls-v140{display:grid;grid-template-columns:1fr;gap:12px;justify-items:center}
.heavy-v100 .life-controls-v140 button{width:46px;height:46px;border:1px solid #dbe7f5;border-radius:14px;background:#f3f7fb;color:#0f2a5f;font-size:1.3rem}
.heavy-v100 .life-controls-v140 input{width:20px;height:20px;accent-color:#2563eb}
.heavy-v100 .subscriber-life-row-v140.is-selected{background:#f5f9ff;box-shadow:inset 0 0 0 1px #60a5fa}
html[dir="rtl"] .heavy-v100 .subscriber-life-header-v140,html[dir="rtl"] .heavy-v100 .subscriber-life-row-v140{direction:rtl}
@media(max-width:1260px){.heavy-v100 .subscriber-life-board-v140{overflow-x:auto}.heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{min-width:1180px}}
@media(max-width:720px){.heavy-v100 .subscriber-life-title-v140{flex-direction:column}}

/* Heavy v10.5.41 - compact lifecycle board density */
.heavy-v100 .subscriber-life-board-v140{border-radius:22px!important}
.heavy-v100 .subscriber-life-title-v140{padding:18px 22px 16px!important}
.heavy-v100 .subscriber-life-title-v140>div{gap:3px 10px!important}
.heavy-v100 .subscriber-life-title-v140 span{width:38px!important;height:38px!important;border-radius:12px!important;font-size:1.05rem!important}
.heavy-v100 .subscriber-life-title-v140 strong{font-size:1.45rem!important}
.heavy-v100 .subscriber-life-title-v140 small{font-size:.82rem!important}
.heavy-v100 .subscriber-life-title-v140 button{border-radius:13px!important;padding:8px 13px!important;font-size:.86rem!important}
.heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{
  grid-template-columns:minmax(190px,1.24fr) minmax(142px,.84fr) minmax(126px,.72fr) minmax(104px,.56fr) minmax(76px,.36fr) minmax(136px,.72fr) minmax(102px,.54fr) 58px!important;
  gap:10px!important;
}
.heavy-v100 .subscriber-life-header-v140{min-height:52px!important;padding:0 16px!important;font-size:.82rem!important}
.heavy-v100 .subscriber-life-row-v140{min-height:118px!important;padding:14px 16px!important}
.heavy-v100 .life-user-v140{gap:5px!important}
.heavy-v100 .life-avatar-v140{width:46px!important;height:46px!important;font-size:1.05rem!important}
.heavy-v100 .life-user-v140 strong{font-size:.92rem!important}
.heavy-v100 .life-user-v140 small{font-size:.76rem!important}
.heavy-v100 .life-plan-card-v140{min-height:96px!important;border-radius:14px!important;gap:5px!important;padding:10px!important}
.heavy-v100 .life-icon-v140{width:32px!important;height:32px!important;font-size:.95rem!important}
.heavy-v100 .life-plan-card-v140 strong{font-size:.92rem!important}
.heavy-v100 .life-plan-card-v140 small{font-size:.76rem!important;padding-top:5px!important}
.heavy-v100 .life-plan-card-v140 b{font-size:.78rem!important}
.heavy-v100 .life-support-v140{gap:6px!important}
.heavy-v100 .life-support-v140 span,.heavy-v100 .life-account-v140 span,.heavy-v100 .life-status-v140 span{min-height:32px!important;border-radius:11px!important;padding:5px 8px!important;font-size:.78rem!important;gap:5px!important}
.heavy-v100 .life-days-v140,.heavy-v100 .life-devices-v140{min-height:82px!important;border-radius:14px!important;gap:4px!important}
.heavy-v100 .life-days-v140 span,.heavy-v100 .life-devices-v140 span{width:30px!important;height:30px!important;font-size:.82rem!important}
.heavy-v100 .life-days-v140 strong,.heavy-v100 .life-devices-v140 strong{font-size:1.28rem!important}
.heavy-v100 .life-days-v140 small{font-size:.76rem!important}
.heavy-v100 .life-controls-v140{gap:8px!important}
.heavy-v100 .life-controls-v140 button{width:34px!important;height:34px!important;border-radius:11px!important;font-size:1rem!important}
.heavy-v100 .life-controls-v140 input{width:17px!important;height:17px!important}
.heavy-v100 .life-actions-v140{position:relative}
.heavy-v100 .life-actions-v140 summary{list-style:none;width:34px;height:34px;border:1px solid #dbe7f5;border-radius:11px;background:#f3f7fb;color:transparent!important;font-size:0!important;display:grid;place-items:center;cursor:pointer;outline:none!important;user-select:none}
.heavy-v100 .life-actions-v140 summary:before{content:"â‹®";color:#0f2a5f;font-size:1.05rem;font-weight:950;line-height:1}
.heavy-v100 .life-actions-v140 summary::-webkit-details-marker{display:none}
.heavy-v100 .life-actions-v140>div{position:absolute;z-index:80;inset-inline-end:0;top:40px;width:170px;max-width:170px;border:1px solid #dbe7f5;border-radius:14px;background:#fff;box-shadow:0 18px 48px rgba(15,23,42,.14);padding:8px;display:grid;gap:4px;text-align:right}
.heavy-v100 .life-actions-v140 a,.heavy-v100 .life-actions-v140 button{width:100%!important;height:auto!important;min-height:34px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#334155!important;text-decoration:none;font-size:.84rem!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:7px 10px!important;box-shadow:none!important;white-space:nowrap!important;line-height:1.25!important;text-align:inherit!important}
.heavy-v100 .life-actions-v140 a:hover,.heavy-v100 .life-actions-v140 button:hover{background:#eef5ff!important;color:#1d4ed8!important}
html[dir="rtl"] .heavy-v100 .life-actions-v140 a,html[dir="rtl"] .heavy-v100 .life-actions-v140 button{justify-content:flex-end!important}
.heavy-v100 .subscriber-life-board-v140,.heavy-v100 .subscriber-life-row-v140{overflow:visible!important}
.heavy-v100 .subscriber-life-row-v140:has(.life-actions-v140[open]){position:relative;z-index:30}
@media(max-width:1260px){
  .heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{min-width:940px!important}
}

/* Heavy v10.5.42 - denser columns with slightly larger controls */
.heavy-v100 .subscriber-life-title-v140{padding:16px 18px 14px!important}
.heavy-v100 .subscriber-life-title-v140 span{width:44px!important;height:44px!important;font-size:1.22rem!important}
.heavy-v100 .subscriber-life-title-v140 strong{font-size:1.66rem!important}
.heavy-v100 .subscriber-life-title-v140 small{font-size:.94rem!important}
.heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{
  grid-template-columns:minmax(184px,1.22fr) minmax(148px,.86fr) minmax(130px,.72fr) minmax(108px,.56fr) minmax(78px,.34fr) minmax(138px,.68fr) minmax(108px,.54fr) 54px!important;
  gap:12px!important;
}
.heavy-v100 .subscriber-life-header-v140{padding:0 10px!important;font-size:.9rem!important}
.heavy-v100 .subscriber-life-row-v140{min-height:134px!important;padding:14px 10px!important}
.heavy-v100 .life-avatar-v140{width:53px!important;height:53px!important;font-size:1.2rem!important}
.heavy-v100 .life-user-v140 strong{font-size:1.02rem!important}
.heavy-v100 .life-user-v140 small{font-size:.84rem!important}
.heavy-v100 .life-plan-card-v140{min-height:110px!important;padding:11px 8px!important;gap:6px!important}
.heavy-v100 .life-icon-v140{width:37px!important;height:37px!important;font-size:1.08rem!important}
.heavy-v100 .life-plan-card-v140 strong{font-size:1.02rem!important}
.heavy-v100 .life-plan-card-v140 small{font-size:.83rem!important}
.heavy-v100 .life-plan-card-v140 b{font-size:.88rem!important}
.heavy-v100 .life-support-v140{gap:7px!important}
.heavy-v100 .life-support-v140 span,.heavy-v100 .life-account-v140 span,.heavy-v100 .life-status-v140 span{min-height:37px!important;font-size:.88rem!important;padding:6px 8px!important}
.heavy-v100 .life-days-v140,.heavy-v100 .life-devices-v140{min-height:94px!important}
.heavy-v100 .life-days-v140 span,.heavy-v100 .life-devices-v140 span{width:35px!important;height:35px!important;font-size:.95rem!important}
.heavy-v100 .life-days-v140 strong,.heavy-v100 .life-devices-v140 strong{font-size:1.47rem!important}
.heavy-v100 .life-days-v140 small{font-size:.84rem!important}
.heavy-v100 .life-actions-v140 summary,.heavy-v100 .life-controls-v140 button{width:36px!important;height:36px!important}
.heavy-v100 .life-controls-v140 input{width:18px!important;height:18px!important}
@media(max-width:1260px){
  .heavy-v100 .subscriber-life-header-v140,.heavy-v100 .subscriber-life-row-v140{min-width:900px!important}
}

/* Heavy v10.5.43 - trim chip side padding, not column spacing */
.heavy-v100 .life-support-v140,
.heavy-v100 .life-account-v140,
.heavy-v100 .life-status-v140{
  justify-items:center!important;
}
.heavy-v100 .life-support-v140 span,
.heavy-v100 .life-account-v140 span,
.heavy-v100 .life-status-v140 span{
  width:auto!important;
  min-width:max-content!important;
  max-width:100%!important;
  padding-inline:12px!important;
}
.heavy-v100 .life-support-v140 .mail,
.heavy-v100 .life-support-v140 .ticket{
  min-width:86px!important;
}
.heavy-v100 .life-support-v140 .total{
  min-width:92px!important;
}
.heavy-v100 .life-account-v140 span{
  min-width:118px!important;
}
.heavy-v100 .life-status-v140 span{
  min-width:82px!important;
}

/* Heavy v10.5.44 - quick actions menu stacking and sizing fix */
.heavy-v100 .subscribers-table-card-v71,
.heavy-v100 .subscriber-life-board-v140,
.heavy-v100 .subscriber-life-row-v140,
.heavy-v100 .life-controls-v140,
.heavy-v100 .life-actions-v140{overflow:visible!important}
.heavy-v100 .subscribers-command-card-v116.ui-reactive,
.heavy-v100 .subscribers-command-card-v116.ui-reactive:hover{
  transform:none!important;
}
.heavy-v100 .subscriber-life-row-v140{position:relative;z-index:1}
.heavy-v100 .subscriber-life-row-v140:has(.life-actions-v140[open]),
.heavy-v100 .subscriber-life-row-v140.is-menu-open{z-index:1200!important}
.heavy-v100 .life-actions-v140[open]{z-index:700!important}
.heavy-v100 .life-actions-v140>div{
  position:fixed!important;
  top:var(--quick-menu-top, auto)!important;
  left:var(--quick-menu-left, auto)!important;
  right:auto!important;
  bottom:auto!important;
  z-index:99999!important;
  width:190px!important;
  max-width:190px!important;
  min-width:190px!important;
  max-height:min(320px, calc(100vh - var(--quick-menu-top, 0px) - 14px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.heavy-v100 .life-actions-v140.drop-up>div{
  bottom:auto!important;
}
.heavy-v100 .life-controls-v140 .life-actions-v140 a,
.heavy-v100 .life-controls-v140 .life-actions-v140 button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:36px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:8px 12px!important;
  border-radius:10px!important;
  font-size:.86rem!important;
  line-height:1.2!important;
}
html[dir="rtl"] .heavy-v100 .life-controls-v140 .life-actions-v140 a,
html[dir="rtl"] .heavy-v100 .life-controls-v140 .life-actions-v140 button{
  justify-content:flex-end!important;
  text-align:right!important;
}

/* Heavy v10.5.48 - Admin team board aligned with subscriber lifecycle UI */
.heavy-v100 .staff-board-card-v150{
  padding:28px!important;
  border-radius:26px!important;
  overflow:visible!important;
}
.heavy-v100 .staff-action-head-v150{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:4px 2px 24px;
  border-bottom:1px solid #e5edf8;
  margin-bottom:18px;
}
.heavy-v100 .staff-action-head-v150>div:first-child{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:6px 14px;
  align-items:center;
}
.heavy-v100 .staff-action-icon-v150{
  grid-row:1/3;
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eef5ff;
  color:#2563eb;
  border:1px solid #d5e5ff;
  font-size:1.35rem;
}
.heavy-v100 .staff-action-head-v150 h2{
  margin:0;
  color:#0f172a;
  font-size:1.75rem;
  font-weight:950;
  letter-spacing:0;
}
.heavy-v100 .staff-action-head-v150 p{
  margin:0;
  color:#7b8eaf;
  font-weight:850;
}
.heavy-v100 .staff-selected-card-v150{
  min-width:134px;
  min-height:74px;
  border-radius:16px;
  border:1px solid #dbe7f5;
  background:linear-gradient(180deg,#fff,#f7fbff);
  display:grid;
  place-items:center;
  align-content:center;
  gap:2px;
  color:#0f2a5f;
}
.heavy-v100 .staff-selected-card-v150 strong{
  font-size:1.45rem;
  font-weight:950;
  color:#0f172a;
}
.heavy-v100 .staff-selected-card-v150 span{
  color:#7b8eaf;
  font-weight:900;
}
.heavy-v100 .staff-board-v150{
  border:1px solid #dbe7f5;
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 22px 70px rgba(15,23,42,.055);
}
.heavy-v100 .staff-board-head-v150,
.heavy-v100 .staff-row-v150{
  display:grid!important;
  grid-template-columns:minmax(260px,1.24fr) minmax(160px,.74fr) minmax(180px,.84fr) minmax(170px,.78fr) 56px;
  gap:16px;
  align-items:center;
}
.heavy-v100 .staff-board-head-v150{
  min-height:64px;
  padding:0 22px;
  border-bottom:1px solid #e4ecf7;
  color:#7b8eaf;
  font-weight:950;
}
.heavy-v100 .staff-board-head-v150 span{
  display:flex;
  justify-content:center;
  text-align:center;
}
.heavy-v100 .staff-row-v150{
  min-height:126px!important;
  padding:18px 22px!important;
  border:0!important;
  border-bottom:1px solid #e6eef8!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.heavy-v100 .staff-row-v150:last-child{border-bottom:0!important}
.heavy-v100 .staff-row-v150:hover{
  background:#fbfdff!important;
  box-shadow:inset 0 0 0 1px #dbeafe!important;
}
.heavy-v100 .staff-row-v150.is-selected{
  background:#f5f9ff!important;
  box-shadow:inset 0 0 0 1px #60a5fa!important;
}
.heavy-v100 .staff-person-v150{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
  justify-content:center!important;
  justify-items:center!important;
  text-align:center!important;
  text-decoration:none!important;
}
.heavy-v100 .staff-person-v150>span{
  width:54px!important;
  height:54px!important;
  border-radius:16px!important;
  background:#eef4ff!important;
  color:#0f2a5f!important;
  display:grid!important;
  place-items:center!important;
  font-size:1.15rem!important;
  font-weight:950!important;
}
.heavy-v100 .staff-person-v150 strong{
  color:#0f172a!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.heavy-v100 .staff-person-v150 small{
  color:#7b8eaf!important;
  direction:ltr;
  font-weight:850!important;
  text-align:center!important;
}
.heavy-v100 .staff-role-v150,
.heavy-v100 .staff-access-v150,
.heavy-v100 .staff-support-v150,
.heavy-v100 .staff-action-v150,
.heavy-v100 .staff-check-v150{
  display:grid!important;
  gap:8px!important;
  justify-items:center!important;
  text-align:center!important;
  min-width:0!important;
}
.heavy-v100 .staff-role-v150 small,
.heavy-v100 .staff-access-v150 small,
.heavy-v100 .staff-support-v150 small{
  color:#7b8eaf!important;
  font-size:.9rem!important;
  font-weight:950!important;
}
.heavy-v100 .staff-role-v150 strong,
.heavy-v100 .staff-support-v150 strong{
  color:#0f172a!important;
  font-size:1rem!important;
  font-weight:950!important;
}
.heavy-v100 .staff-access-v150 .ui-badge-v70,
.heavy-v100 .staff-support-v150 .support-badge-v5{
  min-width:124px!important;
  min-height:34px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:6px 12px!important;
  font-size:.86rem!important;
  font-weight:950!important;
}
.heavy-v100 .staff-access-v150 .ui-badge-v70.is-success{
  background:#dcfce7!important;
  color:#15803d!important;
  border:1px solid #bbf7d0!important;
}
.heavy-v100 .staff-access-v150 .ui-badge-v70.is-danger{
  background:#fee2e2!important;
  color:#dc2626!important;
  border:1px solid #fecaca!important;
}
.heavy-v100 .staff-access-v150 .ui-badge-v70.is-warning{
  background:#fff1c2!important;
  color:#a14b04!important;
  border:1px solid #facc15!important;
}
.heavy-v100 .staff-access-v150 .ui-badge-v70.is-muted{
  background:#f3f7fb!important;
  color:#475569!important;
  border:1px solid #dbe7f5!important;
}
.heavy-v100 .staff-support-v150 .support-badge-v5.mail{
  background:#dbeafe!important;
  color:#1d4ed8!important;
  border:1px solid #bfdbfe!important;
}
.heavy-v100 .staff-support-v150 .support-badge-v5.ticket{
  background:#ffedd5!important;
  color:#c2410c!important;
  border:1px solid #fed7aa!important;
}
.heavy-v100 .staff-action-v150{
  grid-template-columns:1fr!important;
}
.heavy-v100 .staff-action-v150 .btn{
  width:100%!important;
  min-height:38px!important;
  border-radius:13px!important;
  font-weight:950!important;
}
.heavy-v100 .staff-check-v150 input,
.heavy-v100 .staff-board-head-v150 input{
  width:18px!important;
  height:18px!important;
  accent-color:#2563eb;
}
.heavy-v100 .staff-board-card-v150 .admin-team-action-bar-v125{
  margin:0 0 20px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  border:1px solid #dbe7f5!important;
}
@media(max-width:1280px){
  .heavy-v100 .staff-board-v150{overflow-x:auto}
  .heavy-v100 .staff-board-head-v150,
  .heavy-v100 .staff-row-v150{min-width:1040px}
}

/* Heavy v10.5.51 - collapsed sidebar icon rail */
html.sidebar-collapsed-v150 body.heavy-v100 .app-shell{
  grid-template-columns:76px minmax(0,1fr)!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar.sidebar-fancy-v104{
  width:76px!important;
  min-width:76px!important;
  padding:10px 8px!important;
  overflow:hidden!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .content-area,
html.sidebar-collapsed-v150 body.heavy-v100 .content-area.admin-shell-v2{
  margin-inline-start:0!important;
  width:100%!important;
}
body.heavy-v100 .mobile-sidebar-launcher{
  display:grid!important;
  place-items:center!important;
  position:fixed!important;
  inset-block-start:16px!important;
  inset-inline-start:14px!important;
  z-index:2600!important;
  width:46px!important;
  height:46px!important;
  border:1px solid #d8e5f5!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#fff,#f7fbff)!important;
  color:#123575!important;
  box-shadow:0 18px 45px rgba(15,23,42,.14)!important;
  font-size:1.35rem!important;
  font-weight:950!important;
  line-height:1!important;
}
body.heavy-v100 .mobile-sidebar-launcher.is-open-v150{
  background:linear-gradient(135deg,#0f2457,#173b84)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.20)!important;
}
body.heavy-v100 .sidebar.sidebar-fancy-v104{
  transition:width .22s ease, min-width .22s ease, padding .22s ease, transform .22s ease!important;
}
body.heavy-v100 .sidebar-fancy-v104 .brand-row,
body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-box,
body.heavy-v100 .sidebar-fancy-v104 .sidebar-lang-inline,
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  align-items:center!important;
}
body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  min-height:38px!important;
  display:flex!important;
  gap:9px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .brand-row{
  justify-content:center!important;
  margin-top:56px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .brand-row>div:not(.brand-icon),
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-box>div,
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-lang-box,
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-group-title{
  display:none!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .brand-icon,
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-avatar{
  width:42px!important;
  height:42px!important;
  margin-inline:auto!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-user-box{
  padding:7px!important;
  justify-content:center!important;
  border-radius:17px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-menu{
  gap:9px!important;
  align-items:center!important;
  margin-top:14px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-menu a{
  width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:16px!important;
  justify-content:center!important;
  overflow:hidden!important;
  color:transparent!important;
  font-size:0!important;
  position:relative!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-menu a::before{
  content:""!important;
  width:18px!important;
  height:18px!important;
  border-radius:50%!important;
  display:block!important;
  margin:0!important;
  background:#9db2d5!important;
  box-shadow:inset 0 0 0 5px rgba(255,255,255,.14)!important;
  opacity:1!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-menu a.active::before{
  background:#ffc83d!important;
  box-shadow:0 0 0 6px rgba(255,200,61,.16), inset 0 0 0 4px rgba(255,255,255,.18)!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .nav-badge{
  position:absolute!important;
  top:-4px!important;
  inset-inline-end:-4px!important;
  min-width:20px!important;
  height:20px!important;
  font-size:.68rem!important;
  color:#111827!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer{
  inset-inline:8px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer .btn{
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  font-size:0!important;
  border-radius:16px!important;
}
html.sidebar-collapsed-v150 body.heavy-v100 .sidebar-fancy-v104 .sidebar-footer .btn::before{
  content:"⏻";
  font-size:1.05rem;
}
html.sidebar-collapsed-v150 body.heavy-v100 .mobile-sidebar-launcher{
  inset-inline-start:15px!important;
}
html:not(.sidebar-collapsed-v150) body.heavy-v100 .mobile-sidebar-launcher{
  inset-inline-start:calc(var(--sidebar-w-v104) - 64px)!important;
}
@media(min-width:901px){
  body.heavy-v100 .sidebar-backdrop-v70{
    display:none!important;
  }
}

/* Heavy v10.5.52 - Support desk redesign */
.support-desk-v151{
  --desk-blue:#155dfc;
  --desk-navy:#071b49;
  --desk-ink:#0f172a;
  --desk-muted:#7b8cac;
  --desk-line:#dbe7f6;
  --desk-soft:#f6f9fd;
  position:relative;
  min-height:100vh;
  padding:16px 18px 28px 104px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(37,99,235,.10),transparent 30%),
    linear-gradient(180deg,#f4f8fd,#eef4fb);
}
html[dir="rtl"] .support-desk-v151{padding:16px 104px 28px 18px!important}
.support-rail-v151{
  position:fixed;
  inset-block:14px;
  inset-inline-start:16px;
  z-index:1400;
  width:82px;
  border-radius:18px;
  padding:12px 10px;
  background:linear-gradient(180deg,#08245b,#061939);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 22px 55px rgba(6,25,57,.26);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:9px;
}
html[dir="rtl"] .support-rail-v151{inset-inline-start:auto;inset-inline-end:16px}
.support-rail-logo-v151{
  height:54px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:1.65rem;
  font-weight:950;
  border-radius:18px;
  background:radial-gradient(circle at 50% 40%,#1d4ed8,#08245b 70%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 12px 28px rgba(37,99,235,.22);
  margin-bottom:8px;
}
.support-rail-v151 a,
.support-rail-v151 button{
  min-height:48px;
  border:0;
  text-decoration:none;
  border-radius:12px;
  color:#dbeafe;
  background:transparent;
  display:grid;
  place-items:center;
  gap:2px;
  font:inherit;
  cursor:pointer;
}
.support-rail-v151 a span,
.support-rail-v151 button span{font-size:1.05rem;line-height:1}
.support-rail-v151 a b,
.support-rail-v151 button b{display:none}
.support-rail-v151 a.active,
.support-rail-v151 a:hover,
.support-rail-v151 button:hover{
  color:#fff;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  box-shadow:0 12px 28px rgba(37,99,235,.28);
}
.support-rail-v151 form{margin-top:auto}
.support-desk-main-v151{
  max-width:1760px;
  margin-inline:auto;
  display:grid;
  gap:14px;
}
.support-desk-head-v151{
  min-height:116px;
  border:1px solid var(--desk-line);
  border-radius:20px 20px 8px 8px;
  background:rgba(255,255,255,.90);
  box-shadow:0 18px 55px rgba(15,23,42,.07);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:22px 28px;
}
.support-desk-head-v151 h1{
  margin:0 0 4px;
  font-size:clamp(1.8rem,3vw,3.25rem);
  line-height:1.08;
  font-weight:950;
  color:#081225;
  letter-spacing:0;
}
.support-desk-head-v151 p{margin:0;color:#7c8eaf;font-weight:850;font-size:1.02rem}
.support-new-case-v151{position:relative}
.support-new-case-v151 summary{list-style:none;white-space:nowrap}
.support-new-case-v151 summary::-webkit-details-marker{display:none}
.support-new-case-v151 form{
  position:absolute;
  inset-block-start:calc(100% + 10px);
  inset-inline-end:0;
  z-index:1600;
  width:min(430px,calc(100vw - 140px));
  padding:16px;
  border-radius:18px;
  border:1px solid var(--desk-line);
  background:#fff;
  box-shadow:0 24px 70px rgba(15,23,42,.17);
  display:grid;
  gap:10px;
}
.support-form-pair-v151,.support-edit-grid-v151{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.support-edit-grid-v151{grid-template-columns:repeat(3,minmax(0,1fr))}
.support-new-case-v151 label span,
.support-create-v151 label span{font-weight:900;color:#334155;margin-bottom:5px;display:block}
.support-kpis-v151{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}
.support-kpis-v151 a,.support-kpis-v151 button{
  min-width:0;
  text-decoration:none;
  border:1px solid var(--desk-line);
  background:rgba(255,255,255,.92);
  border-radius:14px;
  min-height:82px;
  padding:14px 16px;
  box-shadow:0 16px 44px rgba(15,23,42,.06);
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:8px 12px;
  color:#0f172a;
  text-align:inherit;
  font:inherit;
}
.support-kpis-v151 span{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:#eef5ff;color:#155dfc;font-weight:950;
}
.support-kpis-v151 small{display:block;color:#7b8cac;font-weight:900}
.support-kpis-v151 strong{font-size:1.7rem;font-weight:950;line-height:1;color:#0f172a}
.support-workspace-v151{
  display:grid;
  grid-template-columns:minmax(320px,420px) minmax(0,1fr) minmax(300px,390px);
  gap:12px;
  align-items:start;
}
.support-list-v151,.support-thread-area-v151,.support-info-v151{
  min-width:0;
}
.support-list-v151,.support-thread-v151,.support-info-panel-v151 article{
  border:1px solid var(--desk-line);
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 55px rgba(15,23,42,.06);
  border-radius:16px;
}
.support-list-v151{padding:12px;position:sticky;top:12px}
.support-search-row-v151{margin-bottom:10px}
.support-search-row-v151 .form-control,
.support-new-case-v151 .form-control,
.support-reply-v151 .form-control,
.support-create-v151 .form-control{
  min-height:46px;
  border-radius:12px;
  border:1px solid var(--desk-line);
  background:#f8fbff;
  font-weight:850;
  color:#0f172a;
}
.support-filter-row-v151{display:flex;gap:7px;overflow:auto;padding-bottom:8px;margin-bottom:6px}
.support-filter-row-v151 a{
  flex:0 0 auto;
  text-decoration:none;
  color:#516581;
  background:#f7fbff;
  border:1px solid var(--desk-line);
  border-radius:999px;
  padding:8px 11px;
  font-size:.84rem;
  font-weight:950;
}
.support-filter-row-v151 a.active{background:#0f2a72;color:#fff;border-color:#0f2a72}
.support-case-list-v151{display:grid;gap:9px;max-height:calc(100vh - 300px);overflow:auto;padding-inline-end:2px}
.support-case-row-v151{
  position:relative;
  width:100%;
  min-height:108px;
  border:1px solid var(--desk-line);
  border-radius:14px;
  background:#fff;
  padding:12px;
  display:grid;
  grid-template-columns:50px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:inherit;
  color:#0f172a;
  box-shadow:0 10px 28px rgba(15,23,42,.035);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.support-case-row-v151:hover,.support-case-row-v151.is-active{
  transform:translateY(-1px);
  border-color:#76a9ff;
  box-shadow:0 16px 38px rgba(37,99,235,.13);
}
.support-case-row-v151 i{
  width:50px;height:50px;border-radius:50%;
  display:grid;place-items:center;
  background:#fff1dc;color:#0b2c64;
  font-style:normal;font-weight:950;font-size:1.25rem;
}
.support-case-row-v151 span{display:grid;gap:4px;min-width:0}
.support-case-row-v151 strong{font-size:1rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-case-row-v151 small{color:#7c8eaf;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-case-row-v151 em{font-style:normal;color:#516581;font-weight:750;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-status-chip-v151,.support-thread-badges-v151 span{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  padding:7px 11px;
  font-size:.82rem;
  font-weight:950;
  white-space:nowrap;
}
.support-desk-v151 .status-new,.support-desk-v151 .status-open,.support-desk-v151 .status-assigned,.support-desk-v151 .status-in_progress,.support-desk-v151 .status-pending{background:#eaf3ff!important;color:#155dfc!important;border:1px solid #cfe0ff!important}
.support-desk-v151 .status-waiting_user{background:#fff7df!important;color:#a16207!important;border:1px solid #fde68a!important}
.support-desk-v151 .status-closed,.support-desk-v151 .status-resolved{background:#dcfce7!important;color:#047857!important;border:1px solid #bbf7d0!important}
.support-desk-v151 .priority-urgent,.support-desk-v151 .priority-high,.support-desk-v151 .danger{background:#fff1f2!important;color:#dc2626!important;border:1px solid #fecdd3!important}
.support-desk-v151 .priority-normal,.support-desk-v151 .priority-low{background:#f6f9fe!important;color:#516581!important;border:1px solid var(--desk-line)!important}
.support-thread-area-v151{position:relative}
.support-thread-v151{display:none;overflow:hidden}
.support-thread-v151.is-active{display:block}
.support-thread-v151>header{
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  border-bottom:1px solid var(--desk-line);
}
.support-thread-v151 h2{margin:0 0 4px;color:#0f172a;font-weight:950;font-size:1.55rem;line-height:1.25}
.support-thread-v151 p{margin:0}
.support-thread-v151 header p{color:#7c8eaf;font-weight:850}
.support-thread-badges-v151{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.support-action-bar-v151{padding:12px 18px;border-bottom:1px solid var(--desk-line);background:#fbfdff}
.support-action-bar-v151 form{display:flex;gap:8px;flex-wrap:wrap}
.support-message-stream-v151{
  height:clamp(320px,42vh,560px);
  overflow:auto;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:10px;
  background:linear-gradient(180deg,#fff,#f9fbff);
}
.support-message-v151{
  width:min(86%,680px);
  border:1px solid var(--desk-line);
  border-radius:14px;
  padding:12px 14px;
  background:#fff;
  color:#0f172a;
  box-shadow:0 10px 24px rgba(15,23,42,.045);
}
.support-message-v151.from-admin{align-self:flex-start;background:#ecfdf5;border-color:#bbf7d0}
.support-message-v151.from-user{align-self:flex-end;background:#eff6ff;border-color:#bfdbfe}
.support-message-v151.internal-note{background:#fff7ed;border-color:#fed7aa}
.support-message-v151 div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}
.support-message-v151 strong{font-weight:950}
.support-message-v151 small{color:#7c8eaf;font-weight:800}
.support-message-v151 p{font-weight:750;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.support-reply-v151{padding:14px 16px;display:grid;gap:10px;border-top:1px solid var(--desk-line);background:#fff}
.support-composer-tools-v151{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.support-file-drop-v151{
  margin:0;
  min-height:42px;
  border:1px dashed #bfd4f2;
  border-radius:12px;
  background:#f8fbff;
  color:#155dfc;
  font-weight:950;
  padding:9px 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.support-file-drop-v151 input{display:none}
.support-note-toggle-v151{font-weight:900;color:#516581;display:inline-flex;gap:7px;align-items:center;margin:0}
.support-info-v151{position:sticky;top:12px}
.support-info-panel-v151{display:none;gap:10px}
.support-info-panel-v151.is-active{display:grid}
.support-info-panel-v151 article{padding:15px}
.support-info-panel-v151 h3{font-size:1.05rem;margin:0 0 12px;color:#0f172a;font-weight:950}
.support-info-panel-v151 dl{display:grid;gap:8px;margin:0}
.support-info-panel-v151 dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding-bottom:7px}
.support-info-panel-v151 dt{color:#7c8eaf;font-weight:900}
.support-info-panel-v151 dd{margin:0;color:#0f172a;font-weight:950;text-align:end;overflow-wrap:anywhere}
.support-attachment-v151{
  text-decoration:none;
  color:#0f172a;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  border:1px solid var(--desk-line);
  border-radius:12px;
  padding:9px;
  background:#f8fbff;
  margin-bottom:8px;
}
.support-attachment-v151 span{background:#fee2e2;color:#dc2626;border-radius:8px;padding:5px;font-size:.72rem;font-weight:950;text-align:center}
.support-attachment-v151 b{font-size:.86rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.support-attachment-v151 small{color:#7c8eaf;font-weight:800}
.support-audit-line-v151{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f7;padding-bottom:8px}
.support-muted-v151{color:#7c8eaf!important;font-weight:850!important}
.support-empty-v151{padding:22px;text-align:center;color:#7c8eaf;font-weight:900}
.support-canned-v151{position:static;margin-top:6px}
.support-create-v151{display:grid;gap:10px}
.support-client-actions-v151{padding:0 16px 12px;display:flex;justify-content:flex-end;background:#fff}
.support-desk-v151.support-night-v151{
  --desk-soft:#0f172a;
  --desk-line:#20365f;
  --desk-muted:#a8b7d4;
  background:linear-gradient(180deg,#071329,#0d1b36);
}
.support-desk-v151.support-night-v151 .support-desk-head-v151,
.support-desk-v151.support-night-v151 .support-list-v151,
.support-desk-v151.support-night-v151 .support-thread-v151,
.support-desk-v151.support-night-v151 .support-info-panel-v151 article,
.support-desk-v151.support-night-v151 .support-kpis-v151 a,
.support-desk-v151.support-night-v151 .support-kpis-v151 button{background:#0f1d37;color:#e5eefc;border-color:#20365f}
.support-desk-v151.support-night-v151 h1,
.support-desk-v151.support-night-v151 h2,
.support-desk-v151.support-night-v151 h3,
.support-desk-v151.support-night-v151 strong,
.support-desk-v151.support-night-v151 dd{color:#f8fbff}
@media(max-width:1350px){
  .support-workspace-v151{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}
  .support-info-v151{grid-column:1/-1;position:static}
  .support-info-panel-v151.is-active{grid-template-columns:repeat(3,minmax(0,1fr))}
  .support-kpis-v151{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .support-desk-v151,html[dir="rtl"] .support-desk-v151{padding:84px 12px 24px!important}
  .support-rail-v151{inset-block:auto 12px;inset-inline:12px!important;width:auto;height:64px;flex-direction:row;border-radius:18px;justify-content:center}
  .support-rail-logo-v151,.support-rail-v151 form{display:none}
  .support-rail-v151 a,.support-rail-v151 button{min-width:50px;min-height:44px}
  .support-workspace-v151{grid-template-columns:1fr}
  .support-list-v151,.support-info-v151{position:static}
  .support-case-list-v151{max-height:420px}
  .support-info-panel-v151.is-active{grid-template-columns:1fr}
  .support-desk-head-v151{flex-direction:column;align-items:stretch}
  .support-kpis-v151{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .support-kpis-v151{grid-template-columns:1fr}
  .support-case-row-v151{grid-template-columns:44px minmax(0,1fr)}
  .support-case-row-v151 .support-status-chip-v151{grid-column:2}
  .support-edit-grid-v151,.support-form-pair-v151{grid-template-columns:1fr}
  .support-message-v151{width:100%}
  .support-composer-tools-v151 .btn,.support-client-actions-v151 .btn{width:100%}
  .support-new-case-v151 form{width:calc(100vw - 24px);inset-inline-end:auto;inset-inline-start:0}
}

/* Heavy v10.5.53 - keep support rail inside the page flow */
body.heavy-v100 .content-area.support-desk-v151,
html[dir="rtl"] body.heavy-v100 .content-area.support-desk-v151{
  display:flex!important;
  flex-direction:row!important;
  align-items:start!important;
  gap:14px!important;
  padding:14px 16px 28px!important;
  min-height:100vh!important;
  overflow:visible!important;
}
html[dir="ltr"] body.heavy-v100 .content-area.support-desk-v151{
  flex-direction:row!important;
}
body.heavy-v100 .support-desk-v151 .support-rail-v151{
  position:sticky!important;
  top:14px!important;
  inset:auto!important;
  flex:0 0 82px!important;
  order:0!important;
  width:82px!important;
  height:calc(100vh - 28px)!important;
  max-height:calc(100vh - 28px)!important;
  align-self:start!important;
  z-index:12!important;
}
html[dir="ltr"] body.heavy-v100 .support-desk-v151 .support-rail-v151{
  order:0!important;
}
body.heavy-v100 .support-desk-v151 .support-desk-main-v151{
  flex:1 1 auto!important;
  order:1!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  min-width:0!important;
}
html[dir="ltr"] body.heavy-v100 .support-desk-v151 .support-desk-main-v151{
  order:1!important;
}
body.heavy-v100 .admin-shell-v2.support-desk-v151 > section.support-desk-main-v151{
  margin-block:0!important;
}
@media(max-width:980px){
  body.heavy-v100 .content-area.support-desk-v151,
  html[dir="rtl"] body.heavy-v100 .content-area.support-desk-v151,
  html[dir="ltr"] body.heavy-v100 .content-area.support-desk-v151{
    display:block!important;
    padding:12px 12px 86px!important;
  }
  body.heavy-v100 .support-desk-v151 .support-rail-v151{
    position:fixed!important;
    inset:auto 12px 12px!important;
    width:auto!important;
    height:64px!important;
    max-height:64px!important;
    grid-column:auto!important;
  }
}

/* Heavy v10.5.60 - pixel-match support command center */
body:has(.support-command-v160){
  background:#f7f9fc!important;
  overflow:hidden;
}
body:has(.support-command-v160) .notification-bell-wrap,
body:has(.support-command-v160) .mobile-sidebar-launcher,
body:has(.support-command-v160) .sidebar-backdrop-v70{
  display:none!important;
}
.support-command-v160{
  --sc-blue:#1763ff;
  --sc-blue-2:#0d49db;
  --sc-navy:#061b45;
  --sc-ink:#0b1428;
  --sc-muted:#7585a3;
  --sc-line:#dce6f4;
  --sc-soft:#f8fbff;
  min-height:100vh;
  height:100vh;
  padding:12px 92px 12px 14px;
  direction:rtl;
  background:
    radial-gradient(circle at 20% 8%,rgba(23,99,255,.06),transparent 28%),
    linear-gradient(180deg,#fbfcff 0%,#f4f8fd 100%);
  color:var(--sc-ink);
  overflow:hidden;
  font-family:"Cairo",sans-serif;
}
.support-command-v160 *{box-sizing:border-box}
.support-command-rail-v160{
  position:fixed;
  inset-block:10px;
  inset-inline-end:10px;
  width:72px;
  z-index:30;
  border-radius:12px;
  background:linear-gradient(180deg,#071f55 0%,#061633 100%);
  box-shadow:0 18px 40px rgba(5,22,51,.28);
  padding:10px 7px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.rail-mark-v160{
  height:66px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:2rem;
  background:radial-gradient(circle,#2675ff 0%,#1249c9 48%,#092659 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 14px 28px rgba(23,99,255,.34);
  margin:0 3px 8px;
}
.support-command-rail-v160 a,
.support-command-rail-v160 button{
  border:0;
  text-decoration:none;
  color:#e9f1ff;
  min-height:46px;
  border-radius:9px;
  background:transparent;
  display:grid;
  grid-template-columns:1fr;
  justify-items:center;
  align-items:center;
  gap:2px;
  padding:4px 6px;
  font:inherit;
  cursor:pointer;
  position:relative;
}
.support-command-rail-v160 span{font-size:1rem;text-align:center;line-height:1}
.support-command-rail-v160 b{font-size:.66rem;font-weight:850;white-space:nowrap;line-height:1.2;max-width:58px;overflow:hidden;text-overflow:ellipsis}
.support-command-rail-v160 em{
  position:absolute;
  inset-inline-start:8px;
  top:6px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:#1763ff;
  color:#fff;
  font-size:.68rem;
  font-style:normal;
  display:grid;
  place-items:center;
}
.support-command-rail-v160 a.active,
.support-command-rail-v160 a:hover,
.support-command-rail-v160 button:hover{
  background:linear-gradient(135deg,#1763ff,#0d49db);
  color:#fff;
  box-shadow:0 10px 22px rgba(23,99,255,.26);
}
.support-command-rail-v160 form{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding-top:14px}
.support-command-top-v160{
  height:94px;
  display:grid;
  grid-template-columns:minmax(560px,1fr) minmax(420px,520px);
  gap:18px;
  align-items:start;
  margin-bottom:10px;
}
.support-title-v160{text-align:right;padding:6px 6px 0}
.support-title-v160 h1{
  margin:0;
  color:#071229;
  font-size:2rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:0;
}
.support-title-v160 p{margin:8px 0 0;color:#7787a4;font-weight:700;font-size:.94rem}
.support-stats-v160{
  direction:rtl;
  display:grid;
  grid-template-columns:repeat(6,minmax(92px,1fr));
  gap:10px;
  order:-1;
}
.support-stats-v160 a{
  direction:rtl;
  min-height:80px;
  border:1px solid var(--sc-line);
  border-radius:9px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 26px rgba(15,23,42,.055);
  padding:10px 12px;
  text-decoration:none;
  color:#071229;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:2px 10px;
}
.support-stats-v160 i{
  grid-row:1/4;
  width:32px;height:32px;border-radius:9px;
  display:grid;place-items:center;
  font-style:normal;font-weight:950;
  background:#edf4ff;color:var(--sc-blue);
}
.support-stats-v160 span{font-size:.74rem;font-weight:850;line-height:1.25}
.support-stats-v160 strong{font-size:1.55rem;line-height:1;font-weight:950}
.support-stats-v160 small{font-size:.78rem;font-weight:950}
.support-stats-v160 .stat-green-v160{color:#138a49}.support-stats-v160 .stat-green-v160 i{background:#e9f9ef;color:#18a653}
.support-stats-v160 .stat-purple-v160{color:#4c1d95}.support-stats-v160 .stat-purple-v160 i{background:#f1eaff;color:#6d28d9}
.support-stats-v160 .stat-danger-v160{color:#dc2626}.support-stats-v160 .stat-danger-v160 i{background:#feecec;color:#ef4444}
.support-stats-v160 .stat-red-v160{color:#e11d48}.support-stats-v160 .stat-red-v160 i{background:#fff1f2;color:#ef4444}
.support-stats-v160 .stat-orange-v160{color:#ea580c}.support-stats-v160 .stat-orange-v160 i{background:#fff7ed;color:#f97316}
.support-command-grid-v160{
  height:calc(100vh - 116px);
  display:grid;
  grid-template-columns:330px minmax(430px,1fr) 430px;
  gap:12px;
  direction:ltr;
}
.support-command-grid-v160>*{direction:rtl;min-width:0}
.support-side-v160,
.thread-panel-v160,
.support-list-panel-v160{
  border:1px solid var(--sc-line);
  border-radius:10px;
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 28px rgba(15,23,42,.045);
  overflow:hidden;
}
.support-side-v160{
  display:grid;
  gap:8px;
  align-content:start;
  overflow:hidden;
  padding:0;
}
.side-info-panel-v160{display:none}
.side-info-panel-v160.is-active{display:block}
.info-card-v160{
  border-bottom:1px solid #edf2f8;
  padding:12px 14px;
  background:#fff;
}
.info-card-v160 header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
}
.info-card-v160 h3{margin:0;font-size:.94rem;font-weight:900;color:#0f1a31}
.info-card-v160 header span{color:#6b7d9a}
.info-card-v160 dl{display:grid;gap:8px;margin:0}
.info-card-v160 dl div{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;align-items:center}
.info-card-v160 dt{color:#7787a4;font-size:.78rem;font-weight:800}
.info-card-v160 dd{margin:0;color:#17213a;font-size:.78rem;font-weight:850;overflow-wrap:anywhere}
.pill-v160{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  border-radius:999px;
  padding:4px 10px;
  font-size:.75rem;
  font-weight:900;
  white-space:nowrap;
}
.status-new,.status-open{background:#eaf3ff!important;color:#1763ff!important;border:1px solid #cfe0ff!important}
.status-assigned,.status-in_progress{background:#fff7df!important;color:#b45309!important;border:1px solid #fde68a!important}
.status-waiting_user,.status-pending{background:#fff7ed!important;color:#ea580c!important;border:1px solid #fed7aa!important}
.status-closed,.status-resolved{background:#e9f9ef!important;color:#15803d!important;border:1px solid #bbf7d0!important}
.priority-urgent,.priority-high{background:#fff1f2!important;color:#dc2626!important;border:1px solid #fecdd3!important}
.priority-normal,.priority-low{background:#f5f8fc!important;color:#475569!important;border:1px solid #dce6f4!important}
.sla-v160{background:#ecfdf5!important;color:#16803b!important;border:1px solid #bbf7d0!important}
.audit-line-v160{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#52647f;font-size:.8rem;font-weight:800}
.attachment-line-v160{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  color:#17213a;
  text-decoration:none;
  padding:8px;
  border:1px solid #edf2f8;
  border-radius:9px;
}
.attachment-line-v160 i{font-style:normal;background:#ef4444;color:#fff;border-radius:7px;padding:5px;text-align:center;font-size:.68rem;font-weight:900}
.attachment-line-v160 span{font-size:.82rem;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.attachment-line-v160 b{font-size:.72rem;color:#7787a4}
.quick-actions-v160{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.soft-btn-v160{
  border:1px solid #dce6f4;
  background:#f8fbff;
  color:#1d4ed8;
  border-radius:8px;
  min-height:38px;
  text-decoration:none;
  font-size:.76rem;
  font-weight:850;
  display:grid;
  place-items:center;
}
.support-thread-stack-v160{min-height:0;overflow:hidden}
.thread-panel-v160{height:100%;display:none;grid-template-rows:auto auto auto minmax(0,1fr) auto}
.thread-panel-v160.is-active{display:grid}
.thread-head-v160{
  min-height:72px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:16px 18px 8px;
  border-bottom:1px solid #edf2f8;
}
.thread-head-v160 h2{margin:0;font-size:1.35rem;font-weight:950;color:#071229;line-height:1.2}
.thread-head-v160 h2 i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1763ff;margin-inline-end:9px}
.thread-head-v160 p{margin:4px 0 0;color:#64748b;font-size:.86rem;font-weight:750}
.thread-icons-v160{display:flex;gap:12px;color:#4c5f7b;align-items:center}
.thread-icons-v160 button{border:0;background:transparent;color:#4c5f7b}
.case-meta-v160{
  padding:8px 18px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.avatar-v160{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  background:#eef3fa;
  color:#0a2d6a;
  font-weight:950;
  font-size:1.05rem;
  flex:0 0 auto;
}
.case-meta-v160 .avatar-v160{width:42px;height:42px}
.case-meta-v160 strong{font-size:.86rem;font-weight:850;color:#26344d}
.thread-actions-v160{padding:8px 14px;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;background:#fbfdff}
.thread-actions-v160 form{display:flex;gap:8px;flex-wrap:wrap}
.thread-actions-v160 button,
.reply-box-v160 footer button,
.new-case-v160 summary{
  min-height:36px;
  border:1px solid #dce6f4;
  background:#fff;
  color:#334155;
  border-radius:8px;
  padding:0 13px;
  font-weight:850;
  font-size:.8rem;
}
.action-primary-v160,.send-v160{
  background:linear-gradient(135deg,#1763ff,#0d49db)!important;
  border-color:#1763ff!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,99,255,.22);
}
.danger-btn-v160{color:#ef4444!important;border-color:#fecaca!important;background:#fff7f7!important}
.message-stream-v160{
  overflow:auto;
  padding:14px 16px;
  display:grid;
  align-content:start;
  gap:10px;
  background:#fff;
}
.message-v160{
  border:1px solid #dce6f4;
  border-radius:8px;
  background:#fff;
  padding:12px 14px;
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}
.message-v160.from-admin{background:#f0fdf4;border-color:#cdeed8}
.message-v160.internal-note{background:#fff8e8;border-color:#f8dfaa}
.message-v160 span{float:left;color:#6d7f9c;font-size:.75rem;font-weight:700}
.message-v160 strong{display:block;margin-bottom:4px;font-size:.85rem;font-weight:900;color:#16233e}
.message-v160 p{margin:0;color:#26344d;font-size:.86rem;line-height:1.8;font-weight:700;white-space:pre-wrap}
.reply-box-v160{border-top:1px solid #edf2f8;background:#fff;padding:0 14px 12px}
.reply-box-v160 nav{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid #edf2f8;
  overflow:auto;
}
.reply-box-v160 nav button{border:0;background:transparent;color:#42526f;font-size:.85rem}
.reply-box-v160 nav select{
  border:0;
  background:#fff;
  color:#42526f;
  font-size:.78rem;
  font-weight:800;
  max-width:130px;
}
.reply-box-v160 textarea{
  width:100%;
  min-height:86px;
  resize:none;
  border:0;
  outline:0;
  padding:14px 4px;
  font:inherit;
  font-size:.88rem;
  color:#16233e;
}
.reply-box-v160 footer{
  display:flex;
  align-items:center;
  gap:8px;
  justify-content:flex-end;
}
.attach-v160{
  margin:0 auto 0 0;
  min-height:36px;
  border:1px dashed #b8cdf0;
  border-radius:8px;
  color:#1763ff;
  padding:7px 12px;
  display:inline-grid;
  place-items:center;
  font-size:.78rem;
  font-weight:850;
  cursor:pointer;
}
.attach-v160 input{display:none}
.support-list-panel-v160{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}
.support-list-panel-v160>header{
  min-height:92px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:16px 18px;
}
.support-list-panel-v160 h2{margin:0;font-size:1.75rem;font-weight:950;color:#071229;line-height:1.1}
.support-list-panel-v160 p{margin:5px 0 0;color:#7787a4;font-weight:750;font-size:.92rem}
.queue-tools-v160{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px;
  padding:0 14px 12px;
}
.queue-tools-v160 input,
.queue-tools-v160 select,
.queue-tools-v160 textarea,
.new-case-v160 form input,
.new-case-v160 form select,
.new-case-v160 form textarea{
  min-height:40px;
  border:1px solid #dce6f4;
  border-radius:8px;
  background:#fff;
  padding:8px 12px;
  font:inherit;
  font-size:.82rem;
  font-weight:750;
}
.new-case-v160{position:relative}
.new-case-v160 summary{
  list-style:none;
  background:linear-gradient(135deg,#1763ff,#0d49db);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}
.new-case-v160 summary::-webkit-details-marker{display:none}
.new-case-v160 form{
  position:absolute;
  inset-block-start:calc(100% + 8px);
  inset-inline-start:0;
  z-index:40;
  width:320px;
  border:1px solid #dce6f4;
  border-radius:10px;
  background:#fff;
  padding:12px;
  box-shadow:0 20px 50px rgba(15,23,42,.15);
  display:grid;
  gap:8px;
}
.new-case-v160 form button{min-height:40px;border:0;border-radius:8px;background:#1763ff;color:#fff;font-weight:900}
.filter-row-v160{
  padding:0 14px 10px;
  display:flex;
  gap:8px;
  overflow:auto;
  align-items:center;
}
.filter-row-v160 a{
  flex:0 0 auto;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid #dce6f4;
  color:#42526f;
  text-decoration:none;
  font-size:.78rem;
  font-weight:850;
  background:#fff;
}
.filter-row-v160 a.active{border-color:#1763ff;color:#1763ff;background:#f0f6ff}
.queue-list-v160{
  overflow:auto;
  display:grid;
  gap:8px;
  padding:0 14px 8px;
  align-content:start;
}
.message-stream-v160,
.queue-list-v160{
  scrollbar-width:thin;
  scrollbar-color:#a8b7d4 transparent;
}
.message-stream-v160::-webkit-scrollbar,
.queue-list-v160::-webkit-scrollbar{width:7px;height:7px}
.message-stream-v160::-webkit-scrollbar-track,
.queue-list-v160::-webkit-scrollbar-track{background:transparent}
.message-stream-v160::-webkit-scrollbar-thumb,
.queue-list-v160::-webkit-scrollbar-thumb{background:#c9d6ea;border-radius:999px}
.support-side-v160::-webkit-scrollbar{display:none}
.queue-item-v160{
  position:relative;
  min-height:91px;
  width:100%;
  border:1px solid #dce6f4;
  border-radius:9px;
  background:#fff;
  text-align:right;
  padding:12px 74px 12px 12px;
  display:grid;
  gap:2px;
  color:#071229;
  box-shadow:0 6px 16px rgba(15,23,42,.035);
  cursor:pointer;
}
.queue-item-v160:before{
  content:"";
  position:absolute;
  inset-block:12px;
  inset-inline-end:0;
  width:3px;
  border-radius:999px;
  background:#1763ff;
}
.queue-item-v160.priority-urgent:before,.queue-item-v160.priority-high:before{background:#ef4444}
.queue-item-v160.status-waiting_user:before{background:#f97316}
.queue-item-v160.status-closed:before,.queue-item-v160.status-resolved:before{background:#16a34a}
.queue-item-v160.is-active{
  border-color:#1763ff;
  box-shadow:0 0 0 1px rgba(23,99,255,.35),0 12px 26px rgba(23,99,255,.10);
}
.queue-item-v160 .avatar-v160{
  position:absolute;
  inset-inline-end:18px;
  top:22px;
}
.queue-item-v160 time{position:absolute;inset-inline-start:14px;top:13px;color:#6d7f9c;font-size:.76rem;font-weight:750}
.queue-item-v160 strong{font-size:1rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-item-v160 small{font-size:.82rem;color:#26344d;font-weight:850}
.queue-item-v160 em{font-style:normal;color:#7a8baa;font-size:.76rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.queue-item-v160 .pill-v160{justify-self:start;margin-top:4px}
.pager-v160{
  min-height:42px;
  padding:8px 14px;
  border-top:1px solid #edf2f8;
  display:flex;
  align-items:center;
  gap:14px;
  justify-content:center;
  color:#4b5f80;
  font-size:.84rem;
}
.pager-v160 b{width:28px;height:28px;border:1px solid #cfe0ff;border-radius:7px;background:#eef5ff;color:#1763ff;display:grid;place-items:center}
.empty-v160{padding:18px;color:#7787a4;font-weight:850;text-align:center}
.canned-v160{margin-top:8px}
@media(max-width:1500px){
  .support-command-grid-v160{grid-template-columns:350px minmax(390px,1fr) 430px}
  .support-stats-v160{grid-template-columns:repeat(3,minmax(120px,1fr))}
  .support-command-top-v160{height:188px}
  .support-command-grid-v160{height:calc(100vh - 210px)}
}
@media(max-width:1100px){
  body:has(.support-command-v160){overflow:auto}
  .support-command-v160{height:auto;overflow:visible;padding:10px 94px 14px 10px}
  .support-command-top-v160,.support-command-grid-v160{height:auto;grid-template-columns:1fr}
  .support-stats-v160{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thread-panel-v160{min-height:760px}
  .support-side-v160,.support-list-panel-v160{max-height:none}
}

/* Heavy v10.5.62 - true Arabic right-to-left support layout */
.support-command-v160{
  padding:12px 92px 12px 14px!important;
}
.support-command-rail-v160{
  right:10px!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
}
.support-command-top-v160{
  direction:ltr!important;
  grid-template-columns:minmax(0,1fr) minmax(420px,520px)!important;
}
.support-title-v160{
  direction:rtl!important;
  grid-column:2!important;
  text-align:right!important;
}
.support-stats-v160{
  direction:rtl!important;
  grid-column:1!important;
  order:0!important;
}
.support-command-grid-v160{
  direction:ltr!important;
  grid-template-columns:330px minmax(430px,1fr) 430px!important;
}
.support-side-v160{grid-column:1!important}
.support-thread-stack-v160{grid-column:2!important}
.support-list-panel-v160{grid-column:3!important}
.support-command-grid-v160 > *{direction:rtl!important}
@media(max-width:1500px){
  .support-command-top-v160{grid-template-columns:minmax(0,1fr) minmax(380px,500px)!important}
  .support-command-grid-v160{grid-template-columns:310px minmax(390px,1fr) 410px!important}
}
@media(max-width:1100px){
  .support-command-v160{padding:10px 88px 14px 10px!important}
  .support-command-top-v160,
  .support-command-grid-v160{grid-template-columns:1fr!important}
  .support-title-v160,
  .support-stats-v160,
  .support-side-v160,
  .support-thread-stack-v160,
  .support-list-panel-v160{grid-column:auto!important}
}

/* Heavy v10.5.70 - production RTL support inbox */
body:has(.support-center-v170){
  margin:0;
  background:#f6f8fc!important;
  overflow:hidden;
}
body:has(.support-center-v170) .notification-bell-wrap,
body:has(.support-center-v170) .mobile-sidebar-launcher,
body:has(.support-center-v170) .sidebar-backdrop-v70,
body:has(.support-center-v170) .flash-stack-v61{
  display:none!important;
}
.support-center-v170{
  --sc-bg:#f6f8fc;
  --sc-card:#fff;
  --sc-ink:#0f1b3d;
  --sc-muted:#64748b;
  --sc-faint:#94a3b8;
  --sc-line:#e5ecf6;
  --sc-blue:#2563eb;
  --sc-blue-2:#1769ff;
  --sc-hover:#1d4ed8;
  --sc-soft-blue:#eff6ff;
  --sc-shadow:0 10px 30px rgba(15,23,42,.06);
  direction:rtl;
  min-height:100vh;
  height:100vh;
  padding:24px 128px 20px 24px;
  font-family:"Cairo","Tajawal",system-ui,sans-serif;
  color:var(--sc-ink);
  background:
    radial-gradient(circle at 25% 0%,rgba(37,99,235,.06),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,var(--sc-bg) 100%);
  overflow:hidden;
}
.support-center-v170 *{box-sizing:border-box}
.sc-sidebar-v170{
  position:fixed;
  top:10px;
  right:10px;
  width:104px;
  height:calc(100vh - 20px);
  border-radius:20px;
  padding:16px 12px;
  background:linear-gradient(180deg,#071a3a 0%,#061226 100%);
  box-shadow:0 18px 42px rgba(6,18,38,.32);
  z-index:30;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.sc-sidebar-logo-v170{
  width:70px;
  height:70px;
  margin:0 auto 18px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#fff;
  background:radial-gradient(circle at 45% 35%,#2f7bff 0%,#1352d2 54%,#09275b 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 16px 34px rgba(37,99,235,.32);
}
.sc-sidebar-logo-v170 svg{width:38px;height:38px;fill:currentColor}
.sc-nav-v170{display:grid;gap:10px}
.sc-nav-v170 a,
.sc-sidebar-bottom-v170 button{
  min-height:58px;
  border:0;
  border-radius:13px;
  text-decoration:none;
  background:transparent;
  color:#c8d5ee;
  display:grid;
  grid-template-columns:1fr;
  place-items:center;
  gap:4px;
  position:relative;
  font:inherit;
  cursor:pointer;
  transition:background .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease;
}
.sc-nav-v170 a span{font-size:1.18rem;line-height:1}
.sc-nav-v170 a b{
  font-size:.78rem;
  line-height:1.15;
  font-weight:800;
  color:inherit;
  max-width:78px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.sc-nav-v170 a em{
  position:absolute;
  top:6px;
  left:10px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#1769ff;
  color:#fff;
  font-size:.7rem;
  font-style:normal;
  font-weight:900;
  box-shadow:0 0 0 4px rgba(23,105,255,.16);
}
.sc-nav-v170 a.active,
.sc-nav-v170 a:hover,
.sc-sidebar-bottom-v170 button:hover{
  color:#fff;
  background:linear-gradient(135deg,#1769ff,#1d4ed8);
  box-shadow:0 12px 24px rgba(23,105,255,.28);
  transform:translateY(-1px);
}
.sc-sidebar-bottom-v170{
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.16);
  display:grid;
  gap:10px;
}
.sc-sidebar-bottom-v170 form{margin:0}

.sc-content-v170{
  height:100%;
  display:grid;
  grid-template-rows:96px minmax(0,1fr);
  gap:16px;
  min-width:0;
}
.sc-header-v170{
  display:grid;
  grid-template-columns:minmax(560px,1fr) 520px;
  gap:18px;
  align-items:start;
  direction:ltr;
}
.sc-title-v170{
  grid-column:2;
  grid-row:1;
  direction:rtl;
  text-align:right;
  padding-top:4px;
}
.sc-title-v170 h1{
  margin:0;
  font-size:2.35rem;
  line-height:1.08;
  font-weight:950;
  color:#061226;
  letter-spacing:0;
}
.sc-title-v170 p{
  margin:8px 0 0;
  color:#7686a3;
  font-size:1rem;
  font-weight:750;
}
.sc-kpis-v170{
  grid-column:1;
  grid-row:1;
  direction:rtl;
  display:grid;
  grid-template-columns:repeat(6,minmax(118px,1fr));
  gap:10px;
}
.sc-kpis-v170 .kpi{
  height:88px;
  border:1px solid var(--sc-line);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--sc-shadow);
  text-decoration:none;
  color:var(--sc-ink);
  padding:13px 14px 10px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  gap:0 10px;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.sc-kpis-v170 .kpi:hover{
  transform:translateY(-2px);
  border-color:#c7dcff;
  box-shadow:0 16px 36px rgba(15,23,42,.09);
}
.sc-kpis-v170 .kpi i{
  grid-row:1/4;
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  font-style:normal;
  font-size:1.15rem;
  font-weight:950;
}
.sc-kpis-v170 .kpi span{font-size:.82rem;font-weight:900;line-height:1.2}
.sc-kpis-v170 .kpi strong{font-size:1.75rem;line-height:1;font-weight:950}
.sc-kpis-v170 .kpi small{font-size:.78rem;font-weight:950}
.sc-kpis-v170 .green{color:#15803d}.sc-kpis-v170 .green i{background:#e9f9ef}
.sc-kpis-v170 .purple{color:#4c1d95}.sc-kpis-v170 .purple i{background:#f1eaff}
.sc-kpis-v170 .red{color:#dc2626}.sc-kpis-v170 .red i{background:#feecec}
.sc-kpis-v170 .danger{color:#e11d48}.sc-kpis-v170 .danger i{background:#fff1f2}
.sc-kpis-v170 .orange{color:#ea580c}.sc-kpis-v170 .orange i{background:#fff7ed}
.sc-kpis-v170 .blue{color:#1769ff}.sc-kpis-v170 .blue i{background:#eff6ff}

.sc-workspace-v170{
  min-height:0;
  display:grid;
  direction:ltr;
  grid-template-columns:300px minmax(500px,1fr) 440px;
  gap:16px;
}
.sc-workspace-v170>*{direction:rtl;min-width:0}
.sc-details-v170,
.sc-conversation-v170,
.sc-inbox-v170{
  min-height:0;
}
.sc-detail-set-v170{display:none;height:100%;overflow:auto;scrollbar-width:thin}
.sc-detail-set-v170.is-active{display:grid;gap:10px;align-content:start}
.sc-info-card-v170,
.sc-thread-v170,
.sc-inbox-v170{
  border:1px solid var(--sc-line);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:var(--sc-shadow);
}
.sc-info-card-v170{
  padding:15px 16px;
}
.sc-info-card-v170 h3{
  margin:0 0 13px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:1rem;
  color:var(--sc-ink);
  font-weight:900;
}
.sc-info-card-v170 h3 span{color:var(--sc-muted);font-size:.95rem}
.sc-info-card-v170 dl{
  display:grid;
  gap:8px;
  margin:0;
}
.sc-info-card-v170 dl div{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:12px;
  align-items:center;
}
.sc-info-card-v170 dt{
  color:#7b8aa6;
  font-size:.78rem;
  font-weight:800;
}
.sc-info-card-v170 dd{
  margin:0;
  color:#17233f;
  font-size:.82rem;
  font-weight:850;
  overflow-wrap:anywhere;
}
.sc-badge-v170{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  min-height:26px;
  border-radius:999px;
  padding:4px 11px;
  font-size:.76rem;
  font-weight:900;
  white-space:nowrap;
}
.sc-badge-v170.status-new,.sc-badge-v170.status-open{background:#eaf3ff;color:#1769ff;border:1px solid #cfe0ff}
.sc-badge-v170.status-assigned,.sc-badge-v170.status-in_progress{background:#fff7df;color:#b45309;border:1px solid #fde68a}
.sc-badge-v170.status-waiting_user,.sc-badge-v170.status-pending{background:#fff7ed;color:#ea580c;border:1px solid #fed7aa}
.sc-badge-v170.status-closed,.sc-badge-v170.status-resolved{background:#e9f9ef;color:#15803d;border:1px solid #bbf7d0}
.sc-badge-v170.priority-normal,.sc-badge-v170.priority-low{background:#f6f9fd;color:#475569;border:1px solid #dbe6f5}
.sc-badge-v170.priority-high,.sc-badge-v170.priority-urgent{background:#fff1f2;color:#dc2626;border:1px solid #fecdd3}
.sc-badge-v170.sla{background:#ecfdf5;color:#16803b;border:1px solid #bbf7d0}
.sc-recent-v170{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.sc-recent-v170 li{display:grid;grid-template-columns:10px minmax(0,1fr);gap:8px;color:#273650;font-size:.8rem;font-weight:850}
.sc-recent-v170 small{grid-column:2;color:#64748b;font-weight:750}
.dot{width:8px;height:8px;border-radius:50%;align-self:center}.dot.green{background:#22c55e}.dot.orange{background:#f97316}.dot.blue{background:#2563eb}
.sc-attachment-v170{
  text-decoration:none;
  color:#17233f;
  border:1px solid #e5ecf6;
  border-radius:12px;
  padding:9px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto 30px;
  gap:9px;
  align-items:center;
}
.sc-attachment-v170 i{font-style:normal;background:#ef4444;color:#fff;border-radius:8px;padding:6px 4px;text-align:center;font-size:.68rem;font-weight:950}
.sc-attachment-v170 span{font-size:.83rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-attachment-v170 small{font-size:.72rem;color:var(--sc-muted);font-weight:750}
.sc-attachment-v170 b{width:30px;height:30px;border-radius:9px;background:#f8fbff;display:grid;place-items:center;color:#334155}
.sc-quick-v170{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sc-quick-v170 form{margin:0;display:block}
.sc-quick-v170 a,.sc-quick-v170 button{
  min-height:38px;
  width:100%;
  border:1px solid #dbe6f5;
  background:#fff;
  border-radius:10px;
  color:#1d4ed8;
  font:inherit;
  font-size:.72rem;
  font-weight:850;
  text-decoration:none;
  display:grid;
  place-items:center;
}

.sc-thread-v170{
  height:100%;
  display:none;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  overflow:hidden;
}
.sc-thread-v170.is-active{display:grid}
.sc-thread-head-v170{
  padding:17px 18px 12px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  border-bottom:1px solid var(--sc-line);
}
.sc-thread-head-v170 h2{margin:0;font-size:1.38rem;font-weight:950;line-height:1.2;color:#071226}
.sc-thread-head-v170 h2 span{display:inline-block;width:9px;height:9px;border-radius:999px;background:#1769ff;margin-inline-end:8px}
.sc-thread-head-v170 p{margin:5px 0 0;color:var(--sc-muted);font-weight:800;font-size:.88rem}
.sc-thread-tools-v170{display:flex;gap:14px;align-items:center;color:#52647f}
.sc-thread-tools-v170 button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.sc-thread-meta-v170{
  padding:10px 18px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.sc-avatar-v170{
  width:52px;height:52px;border-radius:50%;
  background:#eef3fa;
  color:#0a2d6a;
  display:grid;place-items:center;
  font-weight:950;
  font-size:1.12rem;
  flex:0 0 auto;
}
.sc-thread-meta-v170 .sc-avatar-v170{width:42px;height:42px}
.sc-thread-meta-v170 strong{font-size:.86rem;color:#26344d;font-weight:850}
.sc-action-row-v170{
  padding:10px 16px;
  border-block:1px solid var(--sc-line);
  background:#fbfdff;
}
.sc-action-row-v170 form{display:flex;gap:8px;flex-wrap:wrap}
.sc-action-row-v170 button,
.sc-action-row-v170 select,
.sc-composer-v170 footer button{
  min-height:38px;
  border:1px solid #dbe6f5;
  background:#fff;
  border-radius:10px;
  color:#334155;
  padding:0 14px;
  font:inherit;
  font-size:.82rem;
  font-weight:850;
  transition:background .15s ease,transform .15s ease,border-color .15s ease;
}
.sc-action-row-v170 select{max-width:145px;color:#475569}
.sc-action-row-v170 button:hover,.sc-composer-v170 footer button:hover{transform:translateY(-1px);border-color:#bfd4ff}
.sc-action-row-v170 .primary,.sc-composer-v170 footer .send{
  background:linear-gradient(135deg,#1769ff,#1d4ed8);
  color:#fff;
  border-color:#1769ff;
  box-shadow:0 9px 18px rgba(23,105,255,.22);
}
.sc-action-row-v170 .danger{color:#ef4444;border-color:#fecaca;background:#fff7f7}
.sc-message-list-v170{
  padding:14px 16px;
  display:grid;
  gap:10px;
  align-content:start;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
  background:#fff;
}
.sc-message-v170{
  border:1px solid #dbe6f5;
  border-radius:12px;
  background:#fff;
  padding:12px 14px;
  color:#26344d;
  box-shadow:0 7px 18px rgba(15,23,42,.035);
}
.sc-message-v170.customer{border-color:#cfe0ff;background:#fbfdff}
.sc-message-v170.agent{background:#f0fdf4;border-color:#ccefd9}
.sc-message-v170.note{background:#fff8e8;border-color:#f8dfa8}
.sc-message-v170 span{float:left;color:#6d7f9c;font-size:.76rem;font-weight:750}
.sc-message-v170 strong{display:block;margin-bottom:5px;color:#17233f;font-size:.86rem;font-weight:950}
.sc-message-v170 p{margin:0;white-space:pre-wrap;line-height:1.8;font-size:.86rem;font-weight:700}
.sc-transfer-v170{
  min-height:32px;
  border:1px solid #e5ecf6;
  border-radius:10px;
  background:#f8fafc;
  color:#64748b;
  display:grid;
  place-items:center;
  font-size:.8rem;
  font-weight:800;
}
.sc-composer-v170{
  border-top:1px solid var(--sc-line);
  padding:0 14px 12px;
  background:#fff;
}
.sc-tabs-v170{display:flex;gap:20px;border-bottom:1px solid #e5ecf6}
.sc-tabs-v170 button{height:42px;border:0;background:transparent;color:#52647f;font:inherit;font-size:.84rem;font-weight:850;position:relative}
.sc-tabs-v170 button.active{color:#1769ff}
.sc-tabs-v170 button.active:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:#1769ff;border-radius:999px}
.sc-toolbar-v170{
  height:42px;
  display:flex;
  gap:9px;
  align-items:center;
  border-bottom:1px solid #e5ecf6;
  overflow:auto;
}
.sc-toolbar-v170 button{border:0;background:transparent;color:#42526f;font:inherit;font-size:.82rem}
.sc-toolbar-v170 select{border:0;background:#fff;color:#42526f;font:inherit;font-size:.78rem;font-weight:800;max-width:105px}
.sc-composer-v170 textarea{
  width:100%;
  height:94px;
  border:0;
  outline:0;
  resize:none;
  padding:14px 4px;
  font:inherit;
  font-size:.88rem;
  color:#16233e;
}
.sc-composer-v170 footer{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.sc-composer-v170 footer label{font-size:.78rem;font-weight:800;color:#52647f;display:flex;gap:6px;align-items:center;margin:0}
.sc-composer-v170 footer .attach{
  margin-inline-end:auto;
  min-height:38px;
  border:1px dashed #b8cdf0;
  border-radius:10px;
  color:#1769ff;
  padding:8px 12px;
  cursor:pointer;
}
.sc-composer-v170 footer .attach input{display:none}

.sc-inbox-v170{
  height:100%;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  overflow:hidden;
}
.sc-inbox-v170>header{
  padding:16px;
  display:grid;
  grid-template-columns:auto 44px minmax(0,1fr);
  gap:8px;
  align-items:center;
}
.sc-inbox-v170 .new{
  min-height:42px;
  border-radius:11px;
  background:linear-gradient(135deg,#1769ff,#1d4ed8);
  color:#fff;
  text-decoration:none;
  padding:10px 16px;
  font-weight:900;
  box-shadow:0 9px 18px rgba(23,105,255,.22);
}
.sc-inbox-v170 .drop{
  height:42px;
  border:1px solid #bdd3ff;
  background:#fff;
  border-radius:11px;
  color:#1769ff;
}
.sc-inbox-v170 input{
  height:42px;
  border:1px solid #dbe6f5;
  border-radius:12px;
  background:#fff;
  padding:0 14px;
  font:inherit;
  font-size:.82rem;
  font-weight:750;
  outline:0;
}
.sc-inbox-v170 input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.sc-filters-v170{
  padding:0 16px 12px;
  display:flex;
  gap:8px;
  overflow:auto;
}
.sc-filters-v170 a{
  flex:0 0 auto;
  border:1px solid #dbe6f5;
  background:#fff;
  color:#42526f;
  border-radius:999px;
  min-height:34px;
  padding:7px 13px;
  text-decoration:none;
  font-size:.78rem;
  font-weight:850;
}
.sc-filters-v170 a.active{color:#1769ff;border-color:#3b82f6;background:#eff6ff}
.sc-new-case-v170{padding:0 16px 10px;position:relative}
.sc-new-case-v170 summary{cursor:pointer;color:#1769ff;font-size:.78rem;font-weight:850;list-style:none}
.sc-new-case-v170 summary::-webkit-details-marker{display:none}
.sc-new-case-v170 form{
  position:absolute;
  z-index:20;
  top:28px;
  right:16px;
  width:330px;
  padding:12px;
  border:1px solid var(--sc-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 20px 50px rgba(15,23,42,.16);
  display:grid;
  gap:8px;
}
.sc-new-case-v170 input,.sc-new-case-v170 select,.sc-new-case-v170 textarea{
  min-height:38px;border:1px solid #dbe6f5;border-radius:10px;padding:8px 11px;font:inherit;font-size:.82rem
}
.sc-new-case-v170 button{min-height:40px;border:0;border-radius:10px;background:#1769ff;color:#fff;font-weight:900}
.sc-ticket-list-v170{
  overflow:auto;
  padding:0 16px 10px;
  display:grid;
  gap:10px;
  align-content:start;
  scrollbar-width:thin;
  scrollbar-color:#cbd5e1 transparent;
}
.sc-ticket-card-v170{
  position:relative;
  width:100%;
  min-height:108px;
  border:1px solid #e5ecf6;
  border-radius:14px;
  background:#fff;
  padding:13px 76px 13px 14px;
  text-align:right;
  color:#0f1b3d;
  display:grid;
  gap:3px;
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;
}
.sc-ticket-card-v170:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(15,23,42,.08)}
.sc-ticket-card-v170.is-active{border-color:#3b82f6;background:#f8fbff;box-shadow:0 0 0 1px rgba(59,130,246,.25),0 14px 30px rgba(37,99,235,.12)}
.sc-ticket-card-v170:before{
  content:"";
  position:absolute;
  inset-block:14px;
  inset-inline-end:0;
  width:3px;
  border-radius:999px;
  background:#2563eb;
}
.sc-ticket-card-v170.priority-high:before,.sc-ticket-card-v170.priority-urgent:before{background:#ef4444}
.sc-ticket-card-v170.status-waiting_user:before{background:#f97316}
.sc-ticket-card-v170.status-closed:before,.sc-ticket-card-v170.status-resolved:before{background:#22c55e}
.sc-ticket-card-v170 .sc-avatar-v170{
  position:absolute;
  top:22px;
  right:18px;
  width:48px;
  height:48px;
}
.sc-ticket-card-v170 time{position:absolute;top:14px;left:14px;color:#64748b;font-size:.78rem;font-weight:750}
.sc-ticket-card-v170 strong{font-size:1.02rem;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ticket-card-v170 small{font-size:.83rem;color:#26344d;font-weight:850}
.sc-ticket-card-v170 em{font-style:normal;color:#7a8baa;font-size:.76rem;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-ticket-card-v170 .sc-badge-v170{justify-self:start;margin-top:3px}
.sc-pagination-v170{
  height:48px;
  border-top:1px solid #e5ecf6;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:#52647f;
  font-size:.84rem;
}
.sc-pagination-v170 select{height:34px;border:1px solid #dbe6f5;border-radius:10px;background:#fff;padding:0 10px}
.sc-pagination-v170 b{width:30px;height:30px;border-radius:9px;background:#eff6ff;color:#1769ff;border:1px solid #bfd4ff;display:grid;place-items:center}
.sc-empty-v170{padding:18px;text-align:center;color:#64748b;font-weight:800}
.sc-canned-v170{margin-top:8px}
@media(max-width:1500px){
  .support-center-v170{padding-inline-start:18px}
  .sc-header-v170{grid-template-columns:minmax(0,1fr) 470px}
  .sc-kpis-v170{grid-template-columns:repeat(6,minmax(104px,1fr))}
  .sc-workspace-v170{grid-template-columns:280px minmax(440px,1fr) 400px;gap:12px}
}
@media(max-width:1200px){
  body:has(.support-center-v170){overflow:auto}
  .support-center-v170{height:auto;overflow:visible;padding:18px 118px 24px 18px}
  .sc-content-v170{height:auto;grid-template-rows:auto auto}
  .sc-header-v170{grid-template-columns:1fr}
  .sc-title-v170,.sc-kpis-v170{grid-column:auto}
  .sc-kpis-v170{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sc-workspace-v170{grid-template-columns:minmax(0,1fr) 390px}
  .sc-details-v170{grid-column:1/-1;order:3}
  .sc-detail-set-v170.is-active{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .support-center-v170{padding:12px 12px 86px}
  .sc-sidebar-v170{top:auto;right:10px;left:10px;bottom:10px;width:auto;height:68px;flex-direction:row;border-radius:18px}
  .sc-sidebar-logo-v170,.sc-sidebar-bottom-v170{display:none}
  .sc-nav-v170{grid-auto-flow:column;grid-auto-columns:1fr;display:grid;width:100%}
  .sc-nav-v170 a{min-height:46px}
  .sc-nav-v170 a b{display:none}
  .sc-kpis-v170{display:flex;overflow:auto}
  .sc-kpis-v170 .kpi{min-width:132px}
  .sc-workspace-v170,.sc-detail-set-v170.is-active{grid-template-columns:1fr}
}

/* Heavy v10.5.80 - reusable premium RTL sidebar system */
:root{--hs-sidebar-expanded-v180:308px;--hs-sidebar-collapsed-v180:84px;--hs-sidebar-current-v180:var(--hs-sidebar-expanded-v180)}
body.sidebar-collapsed-v180{--hs-sidebar-current-v180:var(--hs-sidebar-collapsed-v180)}
body.heavy-v100 .app-shell:not(.has-layout-sidebar){display:block!important;min-height:100vh!important}
body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{position:sticky!important;top:0!important;right:auto!important;left:auto!important;width:var(--hs-sidebar-current-v180)!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;padding:16px!important;direction:rtl;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;border-radius:24px!important;border:1px solid rgba(147,197,253,.22)!important;background:radial-gradient(190px circle at 20% 0%,rgba(96,165,250,.22),transparent 62%),linear-gradient(180deg,#102b63 0%,#07172f 100%)!important;box-shadow:0 14px 34px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;z-index:10!important;overflow:visible!important;transition:width .22s ease,transform .22s ease,box-shadow .22s ease!important}
body.heavy-v100 .subscriber-sidebar-v180{background:radial-gradient(180px circle at 24% 0%,rgba(251,191,36,.22),transparent 58%),radial-gradient(220px circle at 76% 7%,rgba(37,99,235,.18),transparent 58%),linear-gradient(180deg,#102b63 0%,#07172f 100%)!important}
html[dir="ltr"] body.heavy-v100 .sidebar-system-v180{left:16px!important;right:auto!important;direction:ltr}
body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area,body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area.admin-shell-v2{margin-inline-start:0!important;margin-inline-end:0!important;padding:20px 24px 34px!important;transition:padding .22s ease!important}
html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area,html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area.admin-shell-v2{margin-inline-start:0!important;margin-inline-end:0!important}
body.heavy-v100:has(.sidebar-system-v180) .mobile-sidebar-launcher,
body.heavy-v100.has-sidebar-system-v180 .mobile-sidebar-launcher,
body.heavy-v100:has(.sidebar-system-v180) .sidebar-backdrop-v70,
body.heavy-v100.has-sidebar-system-v180 .sidebar-backdrop-v70,
body.heavy-v100:has(.sidebar-system-v180) .sidebar-toggle#sidebarToggle,
body.heavy-v100.has-sidebar-system-v180 .sidebar-toggle#sidebarToggle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.heavy-v100:has(.sidebar-system-v180) .app-shell::before,
body.heavy-v100.has-sidebar-system-v180 .app-shell::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
.hs-icon-v180{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block}
.hs-sidebar-top-v180{display:grid;gap:12px;min-width:0}
.hs-admin-head-v180,.hs-subscriber-brand-v180,.hs-subscriber-user-v180{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0}
.hs-subscriber-user-v180{padding:13px;border-radius:18px;border:1px solid rgba(191,219,254,.18);background:rgba(255,255,255,.065);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.hs-avatar-v180{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;position:relative;flex:0 0 auto;color:#fff;font-weight:900;letter-spacing:0;background:linear-gradient(145deg,#3049e9,#1d4ed8);box-shadow:0 12px 24px rgba(37,99,235,.32),inset 0 0 0 1px rgba(255,255,255,.18)}
.hs-avatar-v180.subscriber{background:linear-gradient(145deg,#eaf2ff,#dbeafe);color:#15335f;font-size:1.2rem}
.hs-avatar-v180 span{position:absolute;width:12px;height:12px;border-radius:999px;right:3px;bottom:5px;background:#22c55e;box-shadow:0 0 0 3px #102b63}
.hs-user-copy-v180,.hs-brand-copy-v180{min-width:0;display:grid;gap:3px}
.hs-user-copy-v180 strong,.hs-brand-copy-v180 strong{color:#fff;font-size:1rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-user-copy-v180 small,.hs-brand-copy-v180 small{color:#b8c8e8;font-size:.78rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-logo-v180{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;color:#ffd166;background:rgba(251,191,36,.12);box-shadow:0 0 0 1px rgba(251,191,36,.18),0 14px 30px rgba(251,191,36,.08)}
.hs-logo-v180 .hs-icon-v180{width:29px;height:29px;stroke-width:2.35}
.hs-collapse-v180{width:46px;height:46px;border-radius:14px;border:1px solid rgba(191,219,254,.18);color:#dbeafe;background:rgba(255,255,255,.055);display:grid;place-items:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.hs-collapse-v180:hover{background:rgba(59,130,246,.16);border-color:rgba(147,197,253,.35);transform:translateY(-1px)}
.hs-lang-v180{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hs-lang-v180 a{min-height:36px;display:grid;place-items:center;border-radius:12px;text-decoration:none;color:#d7e4ff;font-size:.84rem;font-weight:850;border:1px solid rgba(191,219,254,.17);background:rgba(255,255,255,.05)}
.hs-lang-v180 a.active{color:#fff;border-color:rgba(147,197,253,.45);background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 24px rgba(37,99,235,.22)}
.subscriber-sidebar-v180 .hs-lang-v180 a.active{color:#0f1b3d;border-color:rgba(251,191,36,.55);background:linear-gradient(135deg,#fde68a,#f59e0b);box-shadow:0 12px 24px rgba(251,191,36,.18)}
.hs-nav-v180{min-height:0;overflow-y:auto;overflow-x:visible;display:grid;align-content:start;gap:6px;padding:2px 0 6px;scrollbar-width:thin;scrollbar-color:rgba(147,197,253,.34) transparent}
.hs-nav-v180::-webkit-scrollbar{width:4px}.hs-nav-v180::-webkit-scrollbar-thumb{background:rgba(147,197,253,.34);border-radius:999px}
.hs-group-title-v180{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:8px 2px 5px;color:#8fa4c9;font-size:.75rem;font-weight:850}
.hs-group-title-v180:before,.hs-group-title-v180:after{content:"";height:1px;background:rgba(191,219,254,.14)}
.hs-nav-item-v180{min-height:42px;display:grid!important;grid-template-columns:18px 26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 12px;border-radius:12px;color:#d7e4ff!important;text-decoration:none!important;border:1px solid transparent!important;background:rgba(255,255,255,.035)!important;position:relative;isolation:isolate;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.hs-nav-item-v180:hover{color:#fff!important;background:rgba(59,130,246,.14)!important;border-color:rgba(147,197,253,.16)!important}
.hs-nav-item-v180.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:rgba(147,197,253,.38)!important;box-shadow:0 13px 28px rgba(37,99,235,.28),inset 0 1px 0 rgba(255,255,255,.10)}
.hs-nav-dot-v180{width:9px;height:9px;border-radius:999px;background:#7082a4;box-shadow:0 0 0 6px rgba(148,163,184,.10)}
.hs-nav-item-v180.active .hs-nav-dot-v180{background:#8ec5ff;box-shadow:0 0 0 6px rgba(96,165,250,.20),0 0 18px rgba(96,165,250,.75)}
.subscriber-sidebar-v180 .hs-nav-item-v180.active{background:linear-gradient(135deg,#1769ff,#1d4ed8)!important;border-color:#60a5fa!important;box-shadow:0 16px 32px rgba(23,105,255,.28),0 0 0 1px rgba(96,165,250,.22)}
.hs-nav-icon-v180{display:grid;place-items:center;color:#c8d8f5}.hs-nav-item-v180.active .hs-nav-icon-v180{color:#fff}
.hs-nav-label-v180{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:.91rem;font-weight:850}
.hs-nav-badge-v180{min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:grid;place-items:center;color:#0f1b3d;background:#fbbf24;font-size:.74rem;font-weight:950;box-shadow:0 0 0 4px rgba(251,191,36,.15)}
.admin-sidebar-v180 .hs-nav-badge-v180{color:#fff;background:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.16)}
.hs-sidebar-footer-v180{padding-top:12px;border-top:1px solid rgba(191,219,254,.14)}.hs-sidebar-footer-v180 form{margin:0}
.hs-logout-v180{width:100%;min-height:46px;border-radius:13px;border:1px solid rgba(248,113,113,.48);background:rgba(127,29,29,.12);color:#fca5a5;display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:.9rem;font-weight:900;cursor:pointer;transition:background .16s ease,transform .16s ease,border-color .16s ease}
.hs-logout-v180:hover{background:rgba(239,68,68,.16);border-color:#f87171;transform:translateY(-1px)}
body.sidebar-collapsed-v180 .sidebar-system-v180{padding:14px 10px!important}
body.sidebar-collapsed-v180 .hs-admin-head-v180,body.sidebar-collapsed-v180 .hs-subscriber-brand-v180{grid-template-columns:1fr;justify-items:center}
body.sidebar-collapsed-v180 .hs-subscriber-user-v180{padding:0;border:0;background:transparent;box-shadow:none;justify-items:center;grid-template-columns:1fr}
body.sidebar-collapsed-v180 .hs-user-copy-v180,body.sidebar-collapsed-v180 .hs-brand-copy-v180,body.sidebar-collapsed-v180 .hs-lang-v180,body.sidebar-collapsed-v180 .hs-nav-label-v180,body.sidebar-collapsed-v180 .hs-group-title-v180 span,body.sidebar-collapsed-v180 .hs-logout-v180 span{opacity:0;transform:translateX(10px);pointer-events:none;position:absolute;width:1px;height:1px;overflow:hidden}
body.sidebar-collapsed-v180 .hs-avatar-v180{width:48px;height:48px}body.sidebar-collapsed-v180 .hs-logo-v180{width:50px;height:50px}body.sidebar-collapsed-v180 .hs-collapse-v180{width:46px;height:46px}
body.sidebar-collapsed-v180 .hs-nav-v180{gap:10px;overflow-x:visible}
body.sidebar-collapsed-v180 .hs-group-title-v180{grid-template-columns:1fr;margin:8px 12px 2px}body.sidebar-collapsed-v180 .hs-group-title-v180:before{display:none}body.sidebar-collapsed-v180 .hs-group-title-v180:after{display:block}
body.sidebar-collapsed-v180 .hs-nav-item-v180{width:48px;min-height:48px;grid-template-columns:1fr;padding:0;margin-inline:auto;justify-items:center;overflow:visible;background:transparent!important}
body.sidebar-collapsed-v180 .hs-nav-dot-v180{display:none}body.sidebar-collapsed-v180 .hs-nav-icon-v180{color:#d7e4ff}
body.sidebar-collapsed-v180 .hs-nav-item-v180.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border-color:rgba(147,197,253,.42)!important}
body.sidebar-collapsed-v180 .hs-nav-badge-v180{position:absolute;top:-5px;left:-7px;min-width:20px;height:20px;padding:0 5px}
body.sidebar-collapsed-v180 .hs-nav-item-v180::after,body.sidebar-collapsed-v180 .hs-logout-v180::after{content:attr(data-tooltip);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(8px);opacity:0;pointer-events:none;white-space:nowrap;max-width:240px;overflow:hidden;text-overflow:ellipsis;padding:8px 11px;border-radius:10px;background:#081a36;color:#fff;border:1px solid rgba(147,197,253,.22);box-shadow:0 14px 28px rgba(15,23,42,.28);font-size:.8rem;font-weight:850;z-index:5;transition:opacity .16s ease,transform .16s ease}
html[dir="ltr"] body.sidebar-collapsed-v180 .hs-nav-item-v180::after,html[dir="ltr"] body.sidebar-collapsed-v180 .hs-logout-v180::after{right:auto;left:calc(100% + 12px);transform:translateY(-50%) translateX(-8px)}
body.sidebar-collapsed-v180 .hs-nav-item-v180:hover::after,body.sidebar-collapsed-v180 .hs-logout-v180:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}
body.sidebar-collapsed-v180 .hs-logout-v180{width:48px;min-height:48px;margin-inline:auto;padding:0;position:relative}
@media(max-width:900px){
  body.heavy-v100 .content-area,body.heavy-v100 .content-area.admin-shell-v2,html[dir="ltr"] body.heavy-v100 .content-area,html[dir="ltr"] body.heavy-v100 .content-area.admin-shell-v2{margin-inline:0!important;padding:12px 12px 80px!important}
  body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{top:0!important;bottom:auto!important;right:auto!important;left:auto!important;width:var(--sidebar-collapsed)!important;height:100vh!important;max-height:100vh!important;transform:none!important;padding:16px 10px!important}
  html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{left:auto!important;right:auto!important;transform:none!important}
  body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180.is-open-v70,body.heavy-v100.sidebar-open-v70 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180,html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180.is-open-v70,html[dir="ltr"] body.heavy-v100.sidebar-open-v70 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{transform:none!important}
  body.heavy-v100 .hs-mobile-close-v180{display:grid!important;position:absolute!important;top:12px!important;left:12px!important}
  body.sidebar-collapsed-v180 .sidebar-system-v180{width:min(86vw,320px)!important}
  body.sidebar-collapsed-v180 .hs-user-copy-v180,body.sidebar-collapsed-v180 .hs-brand-copy-v180,body.sidebar-collapsed-v180 .hs-lang-v180,body.sidebar-collapsed-v180 .hs-nav-label-v180,body.sidebar-collapsed-v180 .hs-group-title-v180 span,body.sidebar-collapsed-v180 .hs-logout-v180 span{opacity:1;transform:none;pointer-events:auto;position:static;width:auto;height:auto;overflow:visible}
  body.sidebar-collapsed-v180 .hs-nav-item-v180{width:auto;grid-template-columns:18px 26px minmax(0,1fr) auto;padding:0 12px;margin-inline:0}
  body.sidebar-collapsed-v180 .hs-nav-dot-v180{display:block}
  body.sidebar-collapsed-v180 .hs-group-title-v180{grid-template-columns:1fr auto 1fr;margin:8px 2px 5px}body.sidebar-collapsed-v180 .hs-group-title-v180:before{display:block}
  body.sidebar-collapsed-v180 .hs-admin-head-v180,body.sidebar-collapsed-v180 .hs-subscriber-brand-v180,body.sidebar-collapsed-v180 .hs-subscriber-user-v180{grid-template-columns:auto minmax(0,1fr) auto;justify-items:stretch}
}

/* Heavy v10.5.82 - production sidebar layout integration */
:root{
  --sidebar-expanded:320px;
  --sidebar-collapsed:88px;
  --sidebar-gap:16px;
  --main-safe-expanded:calc(var(--sidebar-expanded) + 32px);
  --main-safe-collapsed:calc(var(--sidebar-collapsed) + 32px);
  --main-safe-sidebar:var(--main-safe-expanded);
}
body.sidebar-expanded{--main-safe-sidebar:var(--main-safe-expanded)}
body.sidebar-collapsed,body.sidebar-collapsed-v180{--main-safe-sidebar:var(--main-safe-collapsed)}
body.heavy-v100:has(.sidebar-system-v180){--main-safe-sidebar:var(--main-safe-expanded)}
body.heavy-v100.sidebar-collapsed:has(.sidebar-system-v180),
body.heavy-v100.sidebar-collapsed-v180:has(.sidebar-system-v180){--main-safe-sidebar:var(--main-safe-collapsed)}

body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{
  width:var(--sidebar-expanded)!important;
  top:var(--sidebar-gap)!important;
  right:var(--sidebar-gap)!important;
  bottom:var(--sidebar-gap)!important;
  left:auto!important;
  height:calc(100vh - 32px)!important;
  max-height:calc(100vh - 32px)!important;
  border-radius:24px!important;
  z-index:50!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{
  right:auto!important;
  left:var(--sidebar-gap)!important;
}
body.heavy-v100.sidebar-collapsed .app-shell:not(.has-layout-sidebar) .sidebar-system-v180,
body.sidebar-collapsed-v180 .app-shell:not(.has-layout-sidebar) .sidebar-system-v180{
  width:var(--sidebar-collapsed)!important;
}
body.heavy-v100 .hs-sidebar-top-v180,
body.heavy-v100 .hs-admin-head-v180,
body.heavy-v100 .hs-subscriber-brand-v180,
body.heavy-v100 .hs-subscriber-user-v180,
body.heavy-v100 .hs-lang-v180{
  flex-shrink:0;
}
body.heavy-v100 .hs-nav-v180{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  align-content:start;
  scrollbar-width:thin;
  scrollbar-color:rgba(147,197,253,.36) transparent;
}
body.heavy-v100 .hs-nav-v180::-webkit-scrollbar{width:5px}
body.heavy-v100 .hs-nav-v180::-webkit-scrollbar-track{background:transparent}
body.heavy-v100 .hs-nav-v180::-webkit-scrollbar-thumb{background:rgba(147,197,253,.34);border-radius:999px}
body.heavy-v100 .hs-sidebar-footer-v180{
  flex-shrink:0;
  margin-top:auto!important;
}

body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area,
body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area.admin-shell-v2,
body.heavy-v100 .app-shell:not(.has-layout-sidebar) main:not(.sc-app-v170){
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  margin-right:0!important;
  margin-left:0!important;
  width:100%!important;
  max-width:100%!important;
  transition:padding .22s ease!important;
  filter:none!important;
  opacity:1!important;
}
html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area,
html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) .content-area.admin-shell-v2,
html[dir="ltr"] body.heavy-v100 .app-shell:not(.has-layout-sidebar) main:not(.sc-app-v170){
  margin-left:0!important;
  margin-right:0!important;
}
body.heavy-v100:has(.sidebar-system-v180) .app-shell,
body.heavy-v100:has(.sidebar-system-v180) .content-area,
body.heavy-v100:has(.sidebar-system-v180) .admin-shell-v2{
  filter:none!important;
  opacity:1!important;
}
body.heavy-v100:has(.sidebar-system-v180) .app-shell::before,
body.heavy-v100.has-sidebar-system-v180 .app-shell::before,
body.heavy-v100:has(.sidebar-system-v180) .content-area::before,
body.heavy-v100.has-sidebar-system-v180 .content-area::before{
  content:none!important;
  display:none!important;
}

body.heavy-v100 :where(.admin-page-head,.subscribers-hero-v71,.command-hero-v61,.portal-support-hero-v63,.portal-support-hero-v53,.admin-hero-v2) h1{
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.15;
  font-size:clamp(32px,4vw,64px);
}
body.heavy-v100 :where(.admin-page-head,.subscribers-hero-v71,.command-hero-v61,.portal-support-hero-v63,.portal-support-hero-v53,.admin-hero-v2) p{
  max-width:100%;
  overflow-wrap:anywhere;
}

body.sidebar-collapsed-v180 .hs-nav-v180{
  scrollbar-width:none;
}
body.sidebar-collapsed-v180 .hs-nav-v180::-webkit-scrollbar{
  width:0;
  height:0;
}
body.sidebar-collapsed-v180 .hs-nav-label-v180,
body.sidebar-collapsed-v180 .hs-user-copy-v180,
body.sidebar-collapsed-v180 .hs-brand-copy-v180,
body.sidebar-collapsed-v180 .hs-lang-v180,
body.sidebar-collapsed-v180 .hs-group-title-v180 span,
body.sidebar-collapsed-v180 .hs-logout-v180 span{
  display:block!important;
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
body.sidebar-collapsed-v180 .hs-nav-item-v180{
  grid-template-columns:1fr!important;
  padding:0!important;
}

@media(max-width:900px){
  :root{--main-safe-sidebar:0px}
  body.heavy-v100 .content-area,
  body.heavy-v100 .content-area.admin-shell-v2,
  body.heavy-v100 main:not(.sc-app-v170),
  html[dir="ltr"] body.heavy-v100 .content-area,
  html[dir="ltr"] body.heavy-v100 .content-area.admin-shell-v2,
  html[dir="ltr"] body.heavy-v100 main:not(.sc-app-v170){
    margin-right:0!important;
    margin-left:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.heavy-v100 .sidebar-system-v180{
    z-index:50!important;
  }
}

/* Heavy v10.5.83 - grid-owned sidebar, no overlay on production pages */
:root{
  --sidebar-expanded-width:320px;
  --sidebar-collapsed-width:88px;
  --sidebar-width:var(--sidebar-collapsed-width);
  --shell-gap:20px;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180){
  --sidebar-width:var(--sidebar-collapsed-width);
  min-height:100vh!important;
  display:grid!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  gap:0!important;
  direction:rtl;
  background:#f6f8fc;
  transition:grid-template-columns .22s ease!important;
}
body.heavy-v100 .app-shell.sidebar-expanded:has(.sidebar-system-v180){
  --sidebar-width:var(--sidebar-expanded-width);
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180){
  --sidebar-width:var(--sidebar-collapsed-width);
}
html[dir="ltr"] body.heavy-v100 .app-shell:has(.sidebar-system-v180){
  direction:ltr;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .sidebar-system-v180{
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  position:sticky!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  min-height:100vh!important;
  height:100vh!important;
  max-height:100vh!important;
  padding:16px 10px!important;
  z-index:10!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  transition:width .22s ease,min-width .22s ease,max-width .22s ease!important;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .sidebar-system-v180::before{
  content:"";
  position:absolute;
  inset:16px 10px;
  border-radius:24px;
  border:1px solid rgba(147,197,253,.22);
  background:radial-gradient(190px circle at 20% 0%,rgba(96,165,250,.22),transparent 62%),linear-gradient(180deg,#102b63 0%,#07172f 100%);
  box-shadow:0 20px 60px rgba(15,23,42,.35),inset 0 1px 0 rgba(255,255,255,.08);
  pointer-events:none;
  z-index:0;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .sidebar-system-v180 > *{
  position:relative;
  z-index:1;
}
body.heavy-v100 .app-shell:has(.subscriber-sidebar-v180) > .subscriber-sidebar-v180::before{
  background:radial-gradient(180px circle at 24% 0%,rgba(251,191,36,.22),transparent 58%),radial-gradient(220px circle at 76% 7%,rgba(37,99,235,.18),transparent 58%),linear-gradient(180deg,#102b63 0%,#07172f 100%);
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .content-area,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .content-area.admin-shell-v2,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) > main{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:24px!important;
  overflow-x:hidden!important;
  position:relative!important;
  z-index:1!important;
  box-sizing:border-box!important;
  filter:none!important;
  opacity:1!important;
  transition:none!important;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .hs-sidebar-top-v180,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .hs-lang-v180,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .hs-sidebar-footer-v180{
  flex-shrink:0!important;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .hs-nav-v180{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(147,197,253,.34) transparent;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .hs-sidebar-footer-v180{
  margin-top:auto!important;
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-user-copy-v180,
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-brand-copy-v180,
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-lang-v180,
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-nav-label-v180,
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-group-title-v180 span,
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-logout-v180 span{
  opacity:0!important;
  width:0!important;
  max-width:0!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
  position:absolute!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-nav-item-v180{
  width:48px!important;
  min-height:48px!important;
  grid-template-columns:1fr!important;
  padding:0!important;
  margin-inline:auto!important;
  justify-items:center!important;
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-nav-dot-v180{
  display:none!important;
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-nav-v180{
  scrollbar-width:none;
}
body.heavy-v100 .app-shell.sidebar-collapsed:has(.sidebar-system-v180) .hs-nav-v180::-webkit-scrollbar{
  width:0;
}
body.heavy-v100 .app-shell.sidebar-expanded:has(.sidebar-system-v180) .hs-nav-label-v180,
body.heavy-v100 .app-shell.sidebar-expanded:has(.sidebar-system-v180) .hs-user-copy-v180,
body.heavy-v100 .app-shell.sidebar-expanded:has(.sidebar-system-v180) .hs-brand-copy-v180{
  opacity:1!important;
  width:auto!important;
  max-width:100%!important;
  position:static!important;
  overflow:hidden!important;
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) :where(.admin-page-head,.subscribers-hero-v71,.command-hero-v61,.portal-support-hero-v63,.portal-support-hero-v53,.admin-hero-v2) h1{
  max-width:100%;
  overflow-wrap:anywhere;
  line-height:1.15;
  font-size:clamp(32px,4vw,64px);
}
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .mobile-sidebar-launcher,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .sidebar-backdrop-v70,
body.heavy-v100 .app-shell:has(.sidebar-system-v180) .sidebar-toggle#sidebarToggle{
  display:none!important;
}
@media(max-width:900px){
  body.heavy-v100 .app-shell:has(.sidebar-system-v180){
    display:grid!important;
  }
  body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .sidebar-system-v180{
    position:sticky!important;
    top:0!important;
    right:auto!important;
    width:var(--sidebar-width)!important;
    min-width:var(--sidebar-width)!important;
    max-width:var(--sidebar-width)!important;
    height:100vh!important;
    min-height:100vh!important;
    max-height:100vh!important;
    transform:none!important;
    z-index:10!important;
  }
  body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .content-area,
  body.heavy-v100 .app-shell:has(.sidebar-system-v180) > .content-area.admin-shell-v2,
  body.heavy-v100 .app-shell:has(.sidebar-system-v180) > main{
    width:100%!important;
    max-width:100%!important;
    padding:12px 12px 80px!important;
  }
}

/* Heavy v10.5.85 - explicit app-shell grid, sidebar is a real RTL column */
body.heavy-v100 .app-shell.has-layout-sidebar{
  --sidebar-expanded:320px;
  --sidebar-collapsed:88px;
  --sidebar-width:var(--sidebar-collapsed);
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  min-height:100vh!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  overflow-x:hidden!important;
  background:#f6f8fc!important;
  transition:grid-template-columns .2s ease!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded{--sidebar-width:var(--sidebar-expanded)}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)}
html[dir="ltr"] body.heavy-v100 .app-shell.has-layout-sidebar{direction:ltr!important}
body.heavy-v100 .app-shell.has-layout-sidebar::before,
body.heavy-v100 .app-shell.has-layout-sidebar::after,
body.heavy-v100 .app-shell.has-layout-sidebar > .app-main::before{
  content:none!important;
  display:none!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.sidebar-system-v180{
  grid-column:1!important;
  grid-row:1!important;
  position:sticky!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  inset-inline:auto!important;
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  align-self:start!important;
  margin:0!important;
  padding:16px 10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  z-index:10!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  isolation:isolate!important;
  transition:width .2s ease,min-width .2s ease,max-width .2s ease!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.sidebar-system-v180::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:16px 10px!important;
  z-index:0!important;
  pointer-events:none!important;
  border-radius:24px!important;
  border:1px solid rgba(147,197,253,.22)!important;
  background:radial-gradient(190px circle at 20% 0%,rgba(96,165,250,.22),transparent 62%),linear-gradient(180deg,#102b63 0%,#07172f 100%)!important;
  box-shadow:0 20px 60px rgba(15,23,42,.35),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.subscriber-sidebar-v180::before{
  background:radial-gradient(180px circle at 24% 0%,rgba(251,191,36,.22),transparent 58%),radial-gradient(220px circle at 76% 7%,rgba(37,99,235,.18),transparent 58%),linear-gradient(180deg,#102b63 0%,#07172f 100%)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.sidebar-system-v180 > *{
  position:relative!important;
  z-index:1!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-main{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:24px!important;
  overflow-x:hidden!important;
  position:relative!important;
  z-index:1!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  box-sizing:border-box!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-sidebar-top-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-admin-head-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-subscriber-brand-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-subscriber-user-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-lang-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-sidebar-footer-v180{flex-shrink:0!important}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-v180{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(147,197,253,.34) transparent!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-sidebar-footer-v180{margin-top:auto!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-user-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-brand-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-lang-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-label-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-group-title-v180 span,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-logout-v180 span{
  opacity:0!important;
  inline-size:0!important;
  max-inline-size:0!important;
  pointer-events:none!important;
  position:absolute!important;
  overflow:hidden!important;
  white-space:nowrap!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-item-v180{
  width:48px!important;
  min-height:48px!important;
  grid-template-columns:1fr!important;
  padding:0!important;
  margin-inline:auto!important;
  justify-items:center!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-dot-v180{display:none!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-v180{scrollbar-width:none!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-v180::-webkit-scrollbar{width:0!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-nav-label-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-user-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-brand-copy-v180{
  opacity:1!important;
  inline-size:auto!important;
  max-inline-size:100%!important;
  position:static!important;
  overflow:hidden!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .mobile-sidebar-launcher,
body.heavy-v100 .app-shell.has-layout-sidebar .sidebar-backdrop-v70,
body.heavy-v100 .app-shell.has-layout-sidebar .sidebar-toggle#sidebarToggle{
  display:none!important;
  pointer-events:none!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar :where(.admin-page-head,.subscribers-hero-v71,.command-hero-v61,.portal-support-hero-v63,.portal-support-hero-v53,.admin-hero-v2) h1{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  line-height:1.15!important;
  font-size:clamp(32px,4vw,64px)!important;
}

/* Heavy v10.5.86 - final layout guard: sidebar is a grid column, never an overlay */
html.sidebar-collapsed-v150 body.heavy-v100 .app-shell.has-layout-sidebar,
body.heavy-v100 .app-shell.has-layout-sidebar{
  --sidebar-expanded:320px!important;
  --sidebar-collapsed:88px!important;
  --sidebar-width:var(--sidebar-collapsed)!important;
  direction:rtl!important;
  display:grid!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded{--sidebar-width:var(--sidebar-expanded)!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)!important}
body.heavy-v100 .app-shell.has-layout-sidebar > aside#sidebar.app-sidebar.sidebar-system-v180{
  position:sticky!important;
  top:0!important;
  right:auto!important;
  left:auto!important;
  inset:auto!important;
  grid-column:1!important;
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  height:100vh!important;
  max-height:100vh!important;
  transform:none!important;
  z-index:10!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > main.app-main,
body.heavy-v100 .app-shell.has-layout-sidebar > .content-area{
  grid-column:2!important;
  margin:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  filter:none!important;
  opacity:1!important;
}
body.heavy-v100 .mobile-sidebar-launcher,
body.heavy-v100 .sidebar-backdrop-v70,
html.sidebar-collapsed-v150 body.heavy-v100 .mobile-sidebar-launcher{
  display:none!important;
  pointer-events:none!important;
}

/* Heavy v10.5.87 - visually integrate the sidebar into the page frame */
body.heavy-v100 .app-shell.has-layout-sidebar{
  --layout-gap:22px!important;
  --content-max-width:1540px!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  column-gap:var(--layout-gap)!important;
  padding-inline-start:0!important;
  padding-inline-end:0!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.sidebar-system-v180{
  padding-inline:10px 0!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-sidebar.sidebar-system-v180::before{
  inset:16px 0 16px 10px!important;
  box-shadow:0 14px 34px rgba(15,23,42,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-main{
  padding:24px 24px 24px 0!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > .app-main > :where(:not(script):not(style)){
  width:100%!important;
  max-width:var(--content-max-width)!important;
  margin-inline:auto!important;
}
@media (min-width:1800px){
  body.heavy-v100 .app-shell.has-layout-sidebar{--content-max-width:1640px!important}
}
@media (max-width:980px){
  body.heavy-v100 .app-shell.has-layout-sidebar{
    --layout-gap:14px!important;
  }
  body.heavy-v100 .app-shell.has-layout-sidebar > .app-main{
    padding:16px 16px 16px 0!important;
  }
}

/* Heavy v10.5.88 - canonical RTL grid shell; sidebar and main are real siblings */
body.heavy-v100 .app-shell.has-layout-sidebar{
  --sidebar-expanded:320px!important;
  --sidebar-collapsed:88px!important;
  --sidebar-width:var(--sidebar-collapsed)!important;
  --layout-gap:22px!important;
  display:grid!important;
  direction:rtl!important;
  grid-template-areas:"sidebar main"!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  column-gap:var(--layout-gap)!important;
  min-height:100vh!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow-x:hidden!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded{--sidebar-width:var(--sidebar-expanded)!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)!important}
body.heavy-v100 .app-shell.has-layout-sidebar > aside#sidebar.app-sidebar.sidebar-system-v180{
  grid-area:sidebar!important;
  position:sticky!important;
  inset:auto!important;
  top:0!important;
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:100vh!important;
  margin:0!important;
  transform:none!important;
  z-index:10!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > main.app-main{
  grid-area:main!important;
  position:relative!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  margin-inline:0!important;
  padding:24px 24px 24px 0!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  z-index:1!important;
}

/* Heavy v10.5.89 - sidebar_pro method adapted to the real grid app shell */
body.heavy-v100 .app-shell.has-layout-sidebar{
  --sidebar-expanded:260px!important;
  --sidebar-collapsed:80px!important;
  --sidebar-width:var(--sidebar-collapsed)!important;
  --layout-gap:18px!important;
  grid-template-columns:var(--sidebar-width) minmax(0,1fr)!important;
  column-gap:var(--layout-gap)!important;
  transition:grid-template-columns .3s ease!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded{--sidebar-width:var(--sidebar-expanded)!important}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed)!important}
body.heavy-v100 .app-shell.has-layout-sidebar > aside#sidebar.sidebar-system-v180{
  width:var(--sidebar-width)!important;
  min-width:var(--sidebar-width)!important;
  max-width:var(--sidebar-width)!important;
  padding:12px 8px!important;
  transition:width .3s ease,min-width .3s ease,max-width .3s ease!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > aside#sidebar.sidebar-system-v180::before{
  inset:10px 0 10px 8px!important;
  border-radius:0 20px 20px 0!important;
  background:linear-gradient(180deg,#0f172a 0%,#1e40af 100%)!important;
  box-shadow:0 0 20px rgba(15,23,42,.18)!important;
}
html[dir="rtl"] body.heavy-v100 .app-shell.has-layout-sidebar > aside#sidebar.sidebar-system-v180::before{
  border-radius:20px 0 0 20px!important;
  inset:10px 8px 10px 0!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar > main.app-main{
  padding:24px 24px 24px 0!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-sidebar-top-v180{
  gap:10px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-admin-head-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-subscriber-brand-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-subscriber-user-v180{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  gap:8px!important;
  padding:8px 4px!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-admin-head-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-subscriber-brand-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-subscriber-user-v180{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  justify-items:stretch!important;
  padding:10px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-avatar-v180,
body.heavy-v100 .app-shell.has-layout-sidebar .hs-logo-v180{
  width:48px!important;
  height:48px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-collapse-v180{
  width:42px!important;
  height:42px!important;
  border-radius:14px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-collapse-v180{
  margin-inline:auto!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-v180{
  padding:8px 4px 10px!important;
  gap:6px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-item-v180{
  min-height:46px!important;
  border-radius:12px!important;
  display:grid!important;
  align-items:center!important;
  color:#dbeafe!important;
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease,color .2s ease!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-nav-item-v180{
  grid-template-columns:18px 24px minmax(0,1fr) auto!important;
  padding:0 10px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-item-v180{
  width:48px!important;
  min-height:48px!important;
  margin-inline:auto!important;
  padding:0!important;
  grid-template-columns:1fr!important;
  place-items:center!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-item-v180:hover{
  background:rgba(255,255,255,.10)!important;
  transform:translateX(-3px)!important;
}
html[dir="ltr"] body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-item-v180:hover{
  transform:translateX(3px)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-item-v180.active{
  color:#fff!important;
  background:linear-gradient(90deg,#3b82f6,#60a5fa)!important;
  box-shadow:0 0 10px rgba(59,130,246,.44)!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-dot-v180{
  display:none!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-nav-icon-v180{
  width:24px!important;
  height:24px!important;
  display:grid!important;
  place-items:center!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-icon-v180{
  width:20px!important;
  height:20px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-user-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-brand-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-lang-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-label-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-group-title-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-badge-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-logout-v180 span{
  display:none!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-user-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-brand-copy-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-nav-label-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-nav-badge-v180,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-logout-v180 span{
  display:block!important;
  position:static!important;
  opacity:1!important;
  width:auto!important;
  max-width:100%!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-lang-v180{
  display:grid!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-item-v180::after,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-logout-v180::after{
  content:attr(data-tooltip);
  position:absolute;
  inset-inline-start:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%);
  padding:6px 12px;
  border-radius:8px;
  background:#111827;
  color:#fff;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  box-shadow:0 12px 28px rgba(15,23,42,.22);
  z-index:50;
}
<<<<<<< HEAD
html[dir="rtl"] body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-item-v180::after,
html[dir="rtl"] body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-logout-v180::after{
  inset-inline-start:auto;
  inset-inline-end:calc(100% + 12px);
}
=======
>>>>>>> eddc345 (Initial deploy)
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-nav-item-v180:hover::after,
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-collapsed .hs-logout-v180:hover::after{
  opacity:1;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-sidebar-footer-v180{
  margin-top:auto!important;
  padding:8px 4px 10px!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar .hs-logout-v180{
  min-height:46px!important;
  border-radius:12px!important;
  justify-content:center!important;
}
body.heavy-v100 .app-shell.has-layout-sidebar.sidebar-expanded .hs-logout-v180{
  justify-content:center!important;
}
<<<<<<< HEAD
body.heavy-v100 .app-shell.has-layout-sidebar .hs-mobile-close-v180{
  display:none!important;
}
=======
>>>>>>> eddc345 (Initial deploy)


/* === V22 SUPPORT COMMAND CENTER LAYOUT INTEGRATION === */
/*
  v22 keeps the support command center visual identity,
  but removes its private fixed sidebar and places it inside Sidebar v21 layout.
*/
body:has(.support-command-main-v22),
body:has(.support-center-v22) {
  overflow-x: hidden !important;
  overflow-y: auto !important;
  min-height: 100vh !important;
}

.support-command-shell-v22 {
  min-height: 100vh !important;
  align-items: stretch !important;
}

.support-command-main-v22 {
  padding: 18px 18px 34px !important;
  background:
    radial-gradient(1000px circle at 85% -10%, rgba(23,105,255,.08), transparent 42%),
    linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%) !important;
  overflow: visible !important;
}

/* The old page container was a full-screen app; now it is content inside the admin shell. */
.support-center-v22 {
  width: 100% !important;
  max-width: 100% !important;
  min-height: auto !important;
  height: auto !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: visible !important;
  display: block !important;
  background: transparent !important;
  color: var(--sc-ink, #17233f) !important;
}

/* Private support sidebar is removed in HTML; keep this in case cached markup appears. */
.support-center-v22 .sc-sidebar-v170,
.support-command-main-v22 .sc-sidebar-v170 {
  display: none !important;
}

/* Content: keep same sections but remove hard viewport lock. */
.support-center-v22 .sc-content-v170 {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-rows: auto auto !important;
  gap: 18px !important;
  overflow: visible !important;
  min-width: 0 !important;
}

/* Header remains the same idea, but can wrap instead of squeezing. */
.support-center-v22 .sc-header-v170 {
  min-height: auto !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) minmax(420px, 1.4fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.support-center-v22 .sc-title-v170 {
  align-self: center !important;
}

.support-center-v22 .sc-title-v170 h1 {
  font-size: clamp(1.65rem, 2vw, 2.25rem) !important;
}

.support-center-v22 .sc-kpis-v170 {
  grid-template-columns: repeat(6, minmax(110px, 1fr)) !important;
  gap: 10px !important;
}

.support-center-v22 .sc-kpis-v170 .kpi {
  min-height: 84px !important;
  height: auto !important;
}

/* Workspace: same three-zone concept, less cramped and allowed to scroll naturally. */
.support-center-v22 .sc-workspace-v170 {
  min-height: 720px !important;
  height: auto !important;
  max-height: none !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 300px) minmax(460px, 1fr) minmax(340px, 410px) !important;
  gap: 18px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.support-center-v22 .sc-details-v170,
.support-center-v22 .sc-conversation-v170,
.support-center-v22 .sc-inbox-v170 {
  min-height: 680px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Keep cards scrollable internally where useful without locking whole body. */
.support-center-v22 .sc-detail-set-v170 {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.support-center-v22 .sc-thread-v170 {
  min-height: 680px !important;
  height: auto !important;
  max-height: none !important;
}

.support-center-v22 .sc-messages-v170,
.support-center-v22 [data-thread-scroll] {
  max-height: 520px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

.support-center-v22 .sc-ticket-list-v170 {
  max-height: 560px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

.support-center-v22 .sc-inbox-v170 {
  display: grid !important;
  grid-template-rows: auto auto auto minmax(0, 1fr) auto !important;
}

/* The inbox/card column should not clip text aggressively. */
.support-center-v22 .sc-ticket-card-v170 strong,
.support-center-v22 .sc-ticket-card-v170 small,
.support-center-v22 .sc-ticket-card-v170 em {
  min-width: 0 !important;
}

@media (max-width: 1450px) {
  .support-center-v22 .sc-header-v170 {
    grid-template-columns: 1fr !important;
  }
  .support-center-v22 .sc-title-v170,
  .support-center-v22 .sc-kpis-v170 {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .support-center-v22 .sc-kpis-v170 {
    grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  }
  .support-center-v22 .sc-workspace-v170 {
    grid-template-columns: minmax(260px, 320px) minmax(520px, 1fr) !important;
  }
  .support-center-v22 .sc-details-v170 {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 980px) {
  .support-command-main-v22 {
    padding: 12px 10px 28px !important;
  }
  .support-center-v22 .sc-kpis-v170 {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  }
  .support-center-v22 .sc-workspace-v170 {
    grid-template-columns: 1fr !important;
  }
  .support-center-v22 .sc-details-v170 {
    grid-template-columns: 1fr !important;
  }
  .support-center-v22 .sc-details-v170,
  .support-center-v22 .sc-conversation-v170,
  .support-center-v22 .sc-inbox-v170,
  .support-center-v22 .sc-thread-v170 {
    min-height: auto !important;
  }
}

/* === V23 SUPPORT COMMAND CENTER UI POLISH === */
/*
  v23 هدفه تحسين الانسيابية فقط:
  - لا تغيير في منطق الدعم
  - لا تغيير في تقسيم الصفحة الأساسي
  - إزالة الضغط وتحسين الأعمدة والكروت
*/

/* لا نعرض إشعار التحديث العلوي نهائيًا، ونبقي Badge السفلي فقط */
.dev-build-notice-v11 {
  display: none !important;
}

.support-command-main-v23 {
  padding: 20px 20px 40px !important;
  background:
    radial-gradient(900px circle at 92% -12%, rgba(37,99,235,.09), transparent 45%),
    linear-gradient(180deg, #f8fbff 0%, #eef3fb 100%) !important;
}

/* الحاوية العامة: مساحة تنفس أكثر */
.support-center-v23 {
  display: grid !important;
  gap: 20px !important;
  overflow: visible !important;
}

/* الهيدر والكروت: لا نضغطهم بجانب بعض بشكل خانق */
.support-center-v23 .sc-content-v170 {
  gap: 20px !important;
}

.support-center-v23 .sc-header-v170 {
  display: grid !important;
  grid-template-columns: minmax(340px, 1fr) minmax(520px, 1.35fr) !important;
  gap: 18px !important;
  align-items: stretch !important;
  min-height: auto !important;
  height: auto !important;
  direction: ltr !important;
}

.support-center-v23 .sc-title-v170 {
  direction: rtl !important;
  text-align: right !important;
  align-self: center !important;
  padding: 18px 20px !important;
  border: 1px solid rgba(204,216,235,.8) !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.78) !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.05) !important;
}

.support-center-v23 .sc-title-v170 h1 {
  font-size: clamp(1.6rem, 2.1vw, 2.25rem) !important;
  line-height: 1.12 !important;
}

.support-center-v23 .sc-title-v170 p {
  font-size: .92rem !important;
  line-height: 1.6 !important;
}

/* كروت الإحصائيات أخف وأصغر وتلتف عند الحاجة */
.support-center-v23 .sc-kpis-v170 {
  direction: rtl !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(145px, 1fr)) !important;
  gap: 10px !important;
  align-content: stretch !important;
}

.support-center-v23 .sc-kpis-v170 .kpi {
  height: auto !important;
  min-height: 76px !important;
  padding: 11px 12px !important;
  border-radius: 16px !important;
  grid-template-columns: 36px minmax(0,1fr) !important;
  box-shadow: 0 12px 28px rgba(15,23,42,.045) !important;
}

.support-center-v23 .sc-kpis-v170 .kpi i {
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  font-size: .98rem !important;
}

.support-center-v23 .sc-kpis-v170 .kpi span {
  font-size: .76rem !important;
}

.support-center-v23 .sc-kpis-v170 .kpi strong {
  font-size: 1.35rem !important;
}

/* مساحة العمل: نحافظ على 3 مناطق لكن المحادثة تأخذ مساحة أكبر */
.support-center-v23 .sc-workspace-v170 {
  display: grid !important;
  grid-template-columns: minmax(260px, 300px) minmax(560px, 1fr) minmax(330px, 390px) !important;
  gap: 18px !important;
  align-items: stretch !important;
  min-height: 740px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* كل الأعمدة تصبح كروت مريحة */
.support-center-v23 .sc-details-v170,
.support-center-v23 .sc-conversation-v170,
.support-center-v23 .sc-inbox-v170 {
  min-height: 720px !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.support-center-v23 .sc-info-card-v170,
.support-center-v23 .sc-thread-v170,
.support-center-v23 .sc-inbox-v170 {
  border-radius: 22px !important;
  border-color: rgba(204,216,235,.92) !important;
  box-shadow: 0 16px 38px rgba(15,23,42,.055) !important;
  background: rgba(255,255,255,.97) !important;
}

/* تفاصيل التذكرة: قراءة أوضح */
.support-center-v23 .sc-detail-set-v170 {
  gap: 12px !important;
  height: auto !important;
  overflow: visible !important;
}

.support-center-v23 .sc-info-card-v170 {
  padding: 17px 18px !important;
}

.support-center-v23 .sc-info-card-v170 h3 {
  font-size: 1.02rem !important;
  margin-bottom: 14px !important;
}

.support-center-v23 .sc-info-card-v170 dl {
  gap: 10px !important;
}

.support-center-v23 .sc-info-card-v170 dl div {
  grid-template-columns: 92px minmax(0,1fr) !important;
  gap: 12px !important;
  align-items: start !important;
}

.support-center-v23 .sc-info-card-v170 dt {
  font-size: .78rem !important;
  line-height: 1.4 !important;
}

.support-center-v23 .sc-info-card-v170 dd {
  font-size: .82rem !important;
  line-height: 1.55 !important;
}

/* المحادثة: أكبر وأريح */
.support-center-v23 .sc-thread-v170 {
  min-height: 720px !important;
  grid-template-rows: auto auto auto minmax(420px, 1fr) auto !important;
}

.support-center-v23 .sc-thread-head-v170 {
  padding: 18px 20px 14px !important;
}

.support-center-v23 .sc-thread-head-v170 h2 {
  font-size: 1.25rem !important;
}

.support-center-v23 .sc-thread-meta-v170 {
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.support-center-v23 .sc-messages-v170,
.support-center-v23 [data-thread-scroll] {
  max-height: 560px !important;
  min-height: 360px !important;
  overflow-y: auto !important;
  padding-inline-end: 4px !important;
  scrollbar-width: thin !important;
}

/* مربع الرد أوضح، بدون ضغط */
.support-center-v23 [data-support-reply-form] {
  margin: 0 !important;
}

.support-center-v23 .sc-reply-v170,
.support-center-v23 .support-reply-v62 {
  border-top: 1px solid rgba(204,216,235,.85) !important;
  background: linear-gradient(180deg, rgba(248,251,255,.72), rgba(255,255,255,.98)) !important;
}

.support-center-v23 textarea {
  line-height: 1.7 !important;
}

/* قائمة التذاكر */
.support-center-v23 .sc-inbox-v170 {
  min-height: 720px !important;
  display: grid !important;
  grid-template-rows: auto auto auto minmax(420px, 1fr) auto !important;
}

.support-center-v23 .sc-inbox-v170 > header {
  padding: 14px !important;
  gap: 10px !important;
}

.support-center-v23 .sc-inbox-v170 input[type="search"] {
  min-height: 42px !important;
  border-radius: 13px !important;
}

.support-center-v23 .sc-filters-v170 {
  padding-inline: 14px !important;
  gap: 8px !important;
  overflow-x: auto !important;
  scrollbar-width: thin !important;
}

.support-center-v23 .sc-ticket-list-v170 {
  max-height: 590px !important;
  overflow-y: auto !important;
  padding: 12px 14px !important;
  display: grid !important;
  gap: 10px !important;
  scrollbar-width: thin !important;
}

.support-center-v23 .sc-ticket-card-v170 {
  border-radius: 16px !important;
  padding: 12px !important;
  min-height: 108px !important;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease !important;
}

.support-center-v23 .sc-ticket-card-v170:hover {
  transform: translateY(-1px) !important;
}

.support-center-v23 .sc-ticket-card-v170.is-active {
  border-color: #93c5fd !important;
  box-shadow: 0 12px 30px rgba(37,99,235,.12) !important;
}

.support-center-v23 .sc-ticket-card-v170 strong {
  font-size: .9rem !important;
  line-height: 1.35 !important;
}

.support-center-v23 .sc-ticket-card-v170 em {
  line-height: 1.45 !important;
}

/* لا نخفي الصفحة بسبب أي overflow قديم */
.support-center-v23 *,
.support-command-main-v23 * {
  scroll-margin-top: 20px !important;
}

/* التدرج للشاشات المتوسطة */
@media (max-width: 1500px) {
  .support-center-v23 .sc-header-v170 {
    grid-template-columns: 1fr !important;
  }
  .support-center-v23 .sc-title-v170,
  .support-center-v23 .sc-kpis-v170 {
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .support-center-v23 .sc-kpis-v170 {
    grid-template-columns: repeat(6, minmax(110px, 1fr)) !important;
  }
  .support-center-v23 .sc-workspace-v170 {
    grid-template-columns: minmax(300px, 380px) minmax(520px, 1fr) !important;
  }
  .support-center-v23 .sc-details-v170 {
    grid-column: 1 / -1 !important;
    min-height: auto !important;
  }
  .support-center-v23 .sc-detail-set-v170.is-active {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(260px, 1fr)) !important;
    gap: 14px !important;
  }
}

@media (max-width: 1150px) {
  .support-center-v23 .sc-kpis-v170 {
    grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
  }
  .support-center-v23 .sc-workspace-v170 {
    grid-template-columns: 1fr !important;
  }
  .support-center-v23 .sc-inbox-v170,
  .support-center-v23 .sc-thread-v170,
  .support-center-v23 .sc-details-v170 {
    min-height: auto !important;
  }
  .support-center-v23 .sc-workspace-v170 {
    min-height: auto !important;
  }
}

@media (max-width: 720px) {
  .support-command-main-v23 {
    padding: 12px 10px 28px !important;
  }
  .support-center-v23 .sc-kpis-v170 {
    grid-template-columns: repeat(2, minmax(120px, 1fr)) !important;
  }
  .support-center-v23 .sc-detail-set-v170.is-active {
    grid-template-columns: 1fr !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════
   v125 — Notifications dropdown: compact redesign (admin + subscriber)
═══════════════════════════════════════════════════════════════════════ */

/* Bell button — slightly smaller, modern */
.notification-bell-btn{
  width:46px !important;height:46px !important;border-radius:14px !important;
  box-shadow:0 8px 22px rgba(15,23,42,.12) !important;
}
.notification-bell-btn:hover{transform:translateY(-1px) scale(1.02) !important}
.bell-icon{font-size:1.25rem !important}

/* Counter badge — smaller and crisper */
.notification-bell-count{
  min-width:20px !important;height:20px !important;
  padding:0 5px !important;
  font-size:.66rem !important;font-weight:900 !important;
  border-width:2px !important;
  top:-5px !important;right:-5px !important;
  box-shadow:0 4px 10px rgba(239,68,68,.35);
}
.notification-bell-count.is-zero{display:none !important}

/* Dropdown — smaller width, smaller padding */
.notification-dropdown{
  top:54px !important;
  width:min(340px, calc(100vw - 28px)) !important;
  border-radius:16px !important;
  box-shadow:0 18px 48px rgba(15,23,42,.18) !important;
  border:1px solid #e3eaf6 !important;
}

/* Head — slim */
.notification-dropdown-head{
  padding:12px 16px !important;
  background:linear-gradient(135deg,#faf5ff,#fff) !important;
  border-bottom:1px solid #ede9fe !important;
}
.notification-dropdown-head strong{
  font-size:.92rem !important;font-weight:900 !important;color:#0b1220 !important;
}
.notification-dropdown-head small{
  font-size:.7rem !important;color:#7c3aed !important;font-weight:700 !important;
}
.notification-mini-count{
  padding:4px 9px !important;font-size:.7rem !important;font-weight:900 !important;
  background:#f5f3ff !important;color:#5b21b6 !important;border-color:#ddd6fe !important;
}

/* List — tight scroll, compact items */
.notification-list{
  max-height:340px !important;
  padding:6px !important;
}

/* Notification item — much more compact, single line */
.notification-item{
  display:grid !important;
  grid-template-columns:32px 1fr auto !important;
  grid-template-rows:auto auto !important;
  gap:2px 10px !important;
  padding:10px 12px !important;
  margin:0 0 4px 0 !important;
  border-radius:11px !important;
  background:#fff !important;
  border:1px solid #f1f5f9 !important;
  position:relative;
  transition:all .15s !important;
  text-decoration:none !important;
}
.notification-item:hover{
  background:linear-gradient(135deg,#faf5ff,#fff) !important;
  border-color:#c4b5fd !important;
  transform:translateX(-2px) !important;
}
[dir="rtl"] .notification-item:hover{transform:translateX(2px) !important}

/* Hide the separate header row inside item — we lay it out via grid */
.notif-row{
  grid-column:1 / -1;
  display:flex !important;align-items:center !important;
  gap:6px !important;margin-bottom:0 !important;
  font-size:.66rem !important;
  flex-wrap:wrap;
}
.notif-kind, .notif-status{
  padding:1px 7px !important;font-size:.62rem !important;
  border-radius:99px !important;
}

/* Title compact */
.notification-item h4{
  font-size:.82rem !important;
  margin:2px 0 0 !important;
  font-weight:900 !important;color:#0b1220 !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Body preview — single line ellipsis */
.notification-item p{
  margin:1px 0 0 !important;
  font-size:.72rem !important;line-height:1.35 !important;color:#64748b !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Meta line at the bottom */
.notif-meta{
  font-size:.66rem !important;color:#94a3b8 !important;
  margin-top:4px;
  gap:6px !important;
}
.notif-meta small{font-size:.62rem !important}

/* Side stripe based on kind (3px on the start side) */
.notification-item::before{
  content:"";
  position:absolute;
  inset-inline-start:0;top:8px;bottom:8px;
  width:3px;
  border-radius:99px;
  background:#cbd5e1;
}
.notification-item.kind-ticket::before{background:linear-gradient(180deg,#fbbf24,#f59e0b)}
.notification-item.kind-message::before, .notification-item.kind-mail::before{background:linear-gradient(180deg,#60a5fa,#2563eb)}

/* Empty state */
.notification-empty{
  padding:30px 14px !important;
  font-size:.84rem !important;font-weight:700 !important;color:#94a3b8 !important;
}
.notification-empty::before{
  content:"📬";
  display:block;font-size:1.6rem;margin-bottom:6px;font-weight:normal;
}

/* Bottom action bar — tighter */
.notification-dropdown-actions{
  padding:0 !important;
}
.notification-mark-read, .notification-dropdown-actions .notification-more{
  padding:10px 12px !important;
  font-size:.78rem !important;font-weight:900 !important;
  transition:background .15s !important;
}
.notification-mark-read:hover{background:#fef3c7 !important;color:#92400e !important}
.notification-dropdown-actions .notification-more:hover{background:#f5f3ff !important;color:#5b21b6 !important}

/* Smooth pulse animation when count > 0 (caller draws attention) */
.notification-bell-count:not(.is-zero){
  animation:bellPulse 2s ease-in-out infinite;
}
@keyframes bellPulse{
  0%,100%{transform:scale(1);box-shadow:0 4px 10px rgba(239,68,68,.35)}
  50%    {transform:scale(1.08);box-shadow:0 6px 14px rgba(239,68,68,.5)}
}

/* ═══════════════════════════════════════════════════════════════════════
   v126 — Notifications: clean column layout, no wasted space, clear text
═══════════════════════════════════════════════════════════════════════ */

/* Trim the header gap */
.notification-dropdown-head{
  padding:10px 14px !important;
  gap:8px !important;
}
.notification-list{
  padding:8px !important;
  gap:6px !important;
  display:flex !important;
  flex-direction:column !important;
}

/* Item — switch from broken grid to a clean vertical stack */
.notification-item{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  padding:10px 12px 10px 16px !important;
  padding-inline-start:16px !important;
  padding-inline-end:12px !important;
  margin:0 !important;
}

/* Kind + status row at the top of each item */
.notif-row{
  display:flex !important;align-items:center !important;
  gap:6px !important;margin:0 !important;
  flex-wrap:wrap !important;
  font-size:.66rem !important;
}
.notif-kind{
  padding:2px 8px !important;font-size:.62rem !important;font-weight:900 !important;
  border-radius:99px !important;
}
.notif-status{
  padding:2px 8px !important;font-size:.62rem !important;font-weight:900 !important;
  border-radius:99px !important;
}

/* Title — allow up to 2 lines, no truncation, clear */
.notification-item h4{
  font-size:.86rem !important;
  margin:1px 0 0 !important;
  font-weight:900 !important;color:#0b1220 !important;
  line-height:1.35 !important;
  /* Allow 2 lines */
  white-space:normal !important;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
  text-overflow:ellipsis;
}

/* Preview — 1 line, clear color */
.notification-item p{
  margin:0 !important;
  font-size:.74rem !important;line-height:1.4 !important;
  color:#475569 !important;font-weight:600 !important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* Meta line — sender + time on opposite ends */
.notif-meta{
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  font-size:.68rem !important;color:#94a3b8 !important;font-weight:700 !important;
  margin-top:2px !important;
  gap:8px !important;
}
.notif-meta small{font-size:.64rem !important;color:#64748b !important;font-variant-numeric:tabular-nums}

/* Lift hover */
.notification-item:hover h4{color:#5b21b6 !important}
.notification-item:hover p{color:#1f2a44 !important}

/* The colored stripe stays at the start */
.notification-item::before{
  inset-inline-start:0 !important;
  width:4px !important;
  top:10px !important;bottom:10px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   v127 — Bento panels: soft fade-out at the bottom (no harsh cuts)
═══════════════════════════════════════════════════════════════════════ */

/* Add a gradient fade overlay at the bottom 60px of every bento panel list */
.ad-panel{
  position:relative !important;
  isolation:isolate;
  overflow:hidden;
}
.ad-panel > .ad-list{
  /* Reserve bottom space so the last item still has breathing room behind the fade */
  padding-bottom:24px !important;
}
.ad-panel::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  inset-inline-end:0;
  bottom:0;
  height:96px;            /* v129 — taller fade so the last row is fully covered */
  pointer-events:none;
  z-index:2;
  /* Sharper fade — last 20% is solid white, no transparency */
  background:linear-gradient(
    to bottom,
    rgba(255,255,255,0)   0%,
    rgba(255,255,255,.45) 40%,
    rgba(255,255,255,.85) 65%,
    rgba(255,255,255,1)   80%,
    rgba(255,255,255,1)  100%
  );
}

/* If the panel has a tinted background (e.g. p-violet/p-emerald variants), match its tint */
.ad-panel.p-violet::after{
  background:linear-gradient(
    to bottom,
    rgba(245,243,255,0)   0%,
    rgba(245,243,255,.45) 40%,
    rgba(245,243,255,.85) 65%,
    rgba(245,243,255,1)   80%,
    rgba(245,243,255,1)  100%
  );
}
.ad-panel.p-emerald::after{
  background:linear-gradient(
    to bottom,
    rgba(236,253,245,0)   0%,
    rgba(236,253,245,.45) 40%,
    rgba(236,253,245,.85) 65%,
    rgba(236,253,245,1)   80%,
    rgba(236,253,245,1)  100%
  );
}
.ad-panel.p-amber::after{
  background:linear-gradient(
    to bottom,
    rgba(255,251,235,0)   0%,
    rgba(255,251,235,.45) 40%,
    rgba(255,251,235,.85) 65%,
    rgba(255,251,235,1)   80%,
    rgba(255,251,235,1)  100%
  );
}
.ad-panel.p-sky::after{
  background:linear-gradient(
    to bottom,
    rgba(239,246,255,0)   0%,
    rgba(239,246,255,.45) 40%,
    rgba(239,246,255,.85) 65%,
    rgba(239,246,255,1)   80%,
    rgba(239,246,255,1)  100%
  );
}

/* Ensure the panel head/link stay above the fade */
.ad-panel-head, .ad-panel-link{position:relative;z-index:3}

/* ════════════════════════════════════════════════════════════════════
   v176 — Compact toast/flash truly centered at top
   Placed in style.css (which auto-busts cache via base version) because
   support_center.css uses a separate hardcoded version that wasn't
   refreshing in the browser.
═══════════════════════════════════════════════════════════════════════ */
html body .sc-toast,
html body .flash-stack-v61,
html[dir] body .flash-stack-v61 {
  position: fixed !important;
  top: 16px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  inset-inline-start: unset !important;
  inset-inline-end: unset !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: 340px !important;
  min-width: 200px !important;
  z-index: 100000 !important;
}
html body .sc-toast {
  padding: 9px 16px !important;
  font-size: .86rem !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .22) !important;
  text-align: center !important;
}
html body .flash-stack-v61 {
  display: grid !important;
  gap: 6px !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .flash-stack-v61 .flash-toast-v61 {
  padding: 8px 14px !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .22) !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  gap: 6px !important;
  align-items: center !important;
}
html body .flash-stack-v61 .flash-toast-v61 p {
  font-size: .85rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

@media (max-width: 720px) {
  html body .sc-toast,
  html body .flash-stack-v61 {
    max-width: calc(100vw - 24px) !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   v178 — FINAL toast/flash centering using inset 0 + margin auto
   The previous transform-based centering was failing because of grid
   containing-block interference. This uses inset:0 + margin:auto which
   centers reliably regardless of parent transform/grid context.
═══════════════════════════════════════════════════════════════════════ */
html body .sc-toast,
html body .flash-stack-v61 {
  position: fixed !important;
  top: 16px !important;
  bottom: auto !important;
  left: 0 !important;
  right: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
  width: fit-content !important;
  max-width: 360px !important;
  min-width: 200px !important;
  z-index: 100000 !important;
  border-radius: 12px !important;
}
html body .sc-toast {
  padding: 9px 18px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25) !important;
}
html body .flash-stack-v61 {
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
}
html body .flash-stack-v61 .flash-toast-v61 {
  padding: 9px 16px !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25) !important;
  margin: 0 0 6px 0 !important;
}
html body .flash-stack-v61 .flash-toast-v61 p {
  margin: 0 !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
}
@media (max-width: 720px) {
  html body .sc-toast,
  html body .flash-stack-v61 {
    max-width: calc(100vw - 24px) !important;
    white-space: normal !important;
  }
}

/* ════════════════════════════════════════════════════════════════════
   v180 — Toast centering with explicit width + classic transform
   margin:auto with fit-content was inconsistent across browsers; switch
   to a fixed width + transform technique on body-level toast.
═══════════════════════════════════════════════════════════════════════ */
body > .sc-toast,
body > [data-sc-toast] {
  position: fixed !important;
  top: 16px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  inset-inline-start: unset !important;
  inset-inline-end: unset !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: 360px !important;
  min-width: 220px !important;
  display: inline-block !important;
  padding: 9px 18px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25) !important;
  z-index: 100000 !important;
}

/* ════════════════════════════════════════════════════════════════════
   v181 — Respect [hidden] attribute on toast
   The previous override forced display:inline-block which broke the
   hidden state, leaving an empty black bar visible. Constrain the
   override to non-hidden state only.
═══════════════════════════════════════════════════════════════════════ */
body > .sc-toast[hidden],
body > [data-sc-toast][hidden] {
  display: none !important;
}




/* ════════════════════════════════════════════════════════════════════
   v196 — Action Dock: keep groups as flex containers (no display:contents)
   The earlier `display: contents` on .sc-toolbar-group caused the
   absolutely-positioned ::before dividers (from support_center.css base
   rules) to escape, pushing buttons outside the toolbar visually.
   This version keeps groups as proper flex children and explicitly
   neutralizes the divider so nothing escapes the box.
═══════════════════════════════════════════════════════════════════════ */

/* Container */
html body .sc-toolbar {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 10px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
  overflow: visible !important;
}
html body .sc-toolbar form,
html body .sc-toolbar .sc-action-dock {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Groups stay as flex but lose visual padding/dividers */
html body .sc-toolbar .sc-toolbar-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap !important;
  position: static !important;
}
html body .sc-toolbar .sc-toolbar-group::before,
html body .sc-toolbar .sc-toolbar-group + .sc-toolbar-group::before {
  display: none !important;
  content: none !important;
}

/* Hide the raw [data-action-icon] character; show the inner <span> only */
html body .sc-toolbar .sc-action-btn { font-size: 0 !important; }
html body .sc-toolbar .sc-action-btn > span { font-size: .82rem !important; }

/* Each action button: pill with leading monogram badge */
html body .sc-toolbar .sc-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 36px !important;
  padding: 0 14px 0 8px !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  transition: background .12s, border-color .12s, color .12s, box-shadow .12s !important;
  letter-spacing: 0 !important;
}
[dir="rtl"] html body .sc-toolbar .sc-action-btn {
  padding: 0 8px 0 14px !important;
}

/* Monogram disc using attr() */
html body .sc-toolbar .sc-action-btn::before {
  content: attr(data-action-icon) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  background: var(--icon-bg, #f3f4f6) !important;
  color: var(--icon-fg, #4b5563) !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  letter-spacing: -.5px !important;
  flex-shrink: 0 !important;
}

html body .sc-toolbar .sc-action-btn:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
  color: #111827 !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .07) !important;
}

/* Per-action color tokens */
html body .sc-toolbar .sc-action-main    { --icon-bg: rgba(255,255,255,.22); --icon-fg: #fff; }
html body .sc-toolbar .sc-action-assign  { --icon-bg: #ede9fe; --icon-fg: #6d28d9; }
html body .sc-toolbar .sc-action-wait    { --icon-bg: #fef3c7; --icon-fg: #b45309; }
html body .sc-toolbar .sc-action-urgent  { --icon-bg: #ffedd5; --icon-fg: #c2410c; }
html body .sc-toolbar .sc-action-follow  { --icon-bg: #ccfbf1; --icon-fg: #0f766e; }
html body .sc-toolbar .sc-action-merge   { --icon-bg: #ede9fe; --icon-fg: #6d28d9; }
html body .sc-toolbar .sc-action-close   { --icon-bg: #fee2e2; --icon-fg: #b91c1c; }

/* Primary CTA */
html body .sc-toolbar .sc-action-main {
  background: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
  font-weight: 700 !important;
}
html body .sc-toolbar .sc-action-main:hover {
  background: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
  color: #fff !important;
}
html body .sc-toolbar .sc-action-main[value="reopen"] {
  background: #059669 !important;
  border-color: #059669 !important;
}
html body .sc-toolbar .sc-action-main[value="reopen"]:hover {
  background: #047857 !important;
  border-color: #047857 !important;
}

/* Danger close */
html body .sc-toolbar .sc-action-close {
  border-color: #fecaca !important;
  color: #b91c1c !important;
  font-weight: 700 !important;
}
html body .sc-toolbar .sc-action-close:hover {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #fff !important;
}
html body .sc-toolbar .sc-action-close:hover::before {
  background: rgba(255,255,255,.22) !important;
  color: #fff !important;
}

/* Assignee select */
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select {
  height: 36px !important;
  padding: 0 12px !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
  color: #1f2937 !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: border-color .12s, box-shadow .12s !important;
}
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select:hover,
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select:focus {
  border-color: #6366f1 !important;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, .12) !important;
  outline: none !important;
}

@media (max-width: 720px) {
  html body .sc-toolbar form { gap: 5px !important; }
  html body .sc-toolbar .sc-toolbar-group { gap: 5px !important; }
  html body .sc-toolbar .sc-action-btn { height: 32px !important; padding: 0 10px 0 6px !important; }
  [dir="rtl"] html body .sc-toolbar .sc-action-btn { padding: 0 6px 0 10px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   v197 — Toolbar layout: assign group on its own second row
   Push the "تعيين" group (assign button + assignee dropdown) to its
   own dedicated row below all other actions. All controls keep the
   same 36px height for visual consistency.
═══════════════════════════════════════════════════════════════════════ */

/* Move the assign group to row 2, full-width */
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] {
  order: 10 !important;
  flex-basis: 100% !important;
  width: 100% !important;
  margin-top: 4px !important;
  padding-top: 8px !important;
  border-top: 1px dashed #e5e7eb !important;
  justify-content: flex-end !important;
}

/* Ensure form supports proper wrapping with order */
html body .sc-toolbar .sc-action-dock,
html body .sc-toolbar form {
  align-content: flex-start !important;
}

/* Lock height parity across every control on row 1 (and row 2) */
html body .sc-toolbar .sc-action-btn,
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select,
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-action-btn {
  height: 36px !important;
  box-sizing: border-box !important;
}

/* ════════════════════════════════════════════════════════════════════
   v198 — Toolbar: equal row widths + identical button heights
   The dropdown was stretching the second row much wider than the first.
   Cap its width so both rows have the same visual span, and force exact
   height parity across every control.
═══════════════════════════════════════════════════════════════════════ */

/* All controls share the EXACT same height (no ghost variants) */
html body .sc-toolbar .sc-btn-v2,
html body .sc-toolbar .sc-action-btn,
html body .sc-toolbar .sc-select,
html body .sc-toolbar .sc-action-main,
html body .sc-toolbar .sc-action-close {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Cap the dropdown so row 2 is the same width as row 1 */
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] {
  flex-wrap: nowrap !important;
  gap: 6px !important;
  align-items: center !important;
}
html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select {
  flex: 0 1 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  min-width: 160px !important;
}

/* Both rows align to the SAME inline-end edge (right in RTL) */
html body .sc-toolbar .sc-action-dock,
html body .sc-toolbar form {
  justify-content: flex-end !important;
}
[dir="ltr"] html body .sc-toolbar .sc-action-dock,
[dir="ltr"] html body .sc-toolbar form {
  justify-content: flex-start !important;
}

/* Mobile — let the dropdown breathe again */
@media (max-width: 720px) {
  html body .sc-toolbar .sc-toolbar-group[data-group="assign"] .sc-select {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
  }
}


/* ════════════════════════════════════════════════════════════════════
   v201 — Hero ↔ KPI gap (specificity-busting via class chaining)
   The unified_hero_v1.css uses .hu-hero.hu-hero.hu-hero (3-class chain)
   to lock margin:0!important on the hero. Beat it with a 4-class chain.
═══════════════════════════════════════════════════════════════════════ */

/* 4-class chain on hero beats unified_hero's 3-class chain */
html body main.app-main .hu-hero.hu-hero.hu-hero.hu-hero {
  margin-bottom: 24px !important;
}

/* Direct sibling fallback: if the hero margin gets stripped, add
   margin-top to the KPI row itself with adequate specificity */
html body main.app-main .hu-hero + .sc-kpi-row.sc-kpi-row {
  margin-top: 24px !important;
}


/* ════════════════════════════════════════════════════════════════════
   v204 — Inbox rail redesign: clear sections, color contrast, polish
   The previous flat panel had no visual hierarchy. Each sub-section
   now gets a distinct subtle tint, generous breathing space, and
   filter chips take semantic colors per their data-filter-target.
═══════════════════════════════════════════════════════════════════════ */

/* ── Outer container — generous padding, visible breathing room ─── */
html body main.app-main .sc-inbox-panel {
  background: #f9fafb !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  box-shadow: 0 6px 18px -12px rgba(15, 23, 42, .12) !important;
}

/* ── Section 1: Search header ────────────────────────────────────── */
html body main.app-main .sc-inbox-panel .sc-inbox-head {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

/* ── Section 2: Filter chips with semantic colors ───────────────── */
html body main.app-main .sc-inbox-panel .sc-inbox-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 14px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  margin: 0 !important;
  position: relative !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-filters::before {
  content: 'الفلاتر السريعة' !important;
  display: block !important;
  width: 100% !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  padding-bottom: 8px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px dashed #e5e7eb !important;
}

/* Each filter chip — uniform shape */
html body main.app-main .sc-inbox-panel .sc-filter-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 12px !important;
  background: #f3f4f6 !important;
  color: #374151 !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all .15s ease !important;
}
html body main.app-main .sc-inbox-panel .sc-filter-chip:hover {
  transform: translateY(-1px) !important;
  border-color: #9ca3af !important;
  background: #fff !important;
}
html body main.app-main .sc-inbox-panel .sc-filter-chip b {
  background: #fff !important;
  color: #111827 !important;
  font-size: .72rem !important;
  font-weight: 800 !important;
  padding: 1px 8px !important;
  border-radius: 999px !important;
  border: 1px solid #e5e7eb !important;
  min-width: 22px !important;
  text-align: center !important;
}

/* Per-filter semantic colors */
html body main.app-main .sc-filter-chip[data-filter-target="all"]            { background: #eff6ff !important; color: #1e40af !important; border-color: #bfdbfe !important; }
html body main.app-main .sc-filter-chip[data-filter-target="all"] b          { background: #2563eb !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="mine"]           { background: #f3e8ff !important; color: #6b21a8 !important; border-color: #ddd6fe !important; }
html body main.app-main .sc-filter-chip[data-filter-target="mine"] b         { background: #9333ea !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unassigned"]     { background: #f3f4f6 !important; color: #4b5563 !important; border-color: #d1d5db !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unassigned"] b   { background: #6b7280 !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="urgent"]         { background: #fef2f2 !important; color: #991b1b !important; border-color: #fecaca !important; }
html body main.app-main .sc-filter-chip[data-filter-target="urgent"] b       { background: #dc2626 !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="overdue"]        { background: #fff7ed !important; color: #9a3412 !important; border-color: #fed7aa !important; }
html body main.app-main .sc-filter-chip[data-filter-target="overdue"] b      { background: #ea580c !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="waiting_user"]   { background: #fffbeb !important; color: #92400e !important; border-color: #fde68a !important; }
html body main.app-main .sc-filter-chip[data-filter-target="waiting_user"] b { background: #d97706 !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unanswered"]     { background: #f0fdfa !important; color: #115e59 !important; border-color: #99f6e4 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unanswered"] b   { background: #14b8a6 !important; color: #fff !important; border-color: transparent !important; }
html body main.app-main .sc-filter-chip[data-filter-target="closed"]         { background: #f0fdf4 !important; color: #14532d !important; border-color: #bbf7d0 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="closed"] b       { background: #16a34a !important; color: #fff !important; border-color: transparent !important; }

/* Active filter — solid fill matching its color */
html body main.app-main .sc-filter-chip.is-active {
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 10px -3px rgba(15, 23, 42, .25) !important;
  font-weight: 800 !important;
}
html body main.app-main .sc-filter-chip[data-filter-target="all"].is-active            { background: #2563eb !important; }
html body main.app-main .sc-filter-chip[data-filter-target="mine"].is-active           { background: #9333ea !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unassigned"].is-active     { background: #6b7280 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="urgent"].is-active         { background: #dc2626 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="overdue"].is-active        { background: #ea580c !important; }
html body main.app-main .sc-filter-chip[data-filter-target="waiting_user"].is-active   { background: #d97706 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="unanswered"].is-active     { background: #14b8a6 !important; }
html body main.app-main .sc-filter-chip[data-filter-target="closed"].is-active         { background: #16a34a !important; }
html body main.app-main .sc-filter-chip.is-active b {
  background: rgba(255, 255, 255, .25) !important;
  color: #fff !important;
}

/* ── Section 3: New case — distinctive amber accent ────────────── */
html body main.app-main .sc-inbox-panel .sc-new-case {
  background: linear-gradient(135deg, #fffbeb, #fef3c7) !important;
  border: 1px solid #fde68a !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
}
html body main.app-main .sc-inbox-panel .sc-new-case summary {
  font-weight: 800 !important;
  color: #b45309 !important;
  cursor: pointer !important;
  font-size: .9rem !important;
  list-style: none !important;
}
html body main.app-main .sc-inbox-panel .sc-new-case summary::before {
  content: '＋ ' !important;
  color: #d97706 !important;
  font-weight: 900 !important;
}

/* ── Section 4: Cases list ─────────────────────────────────────── */
html body main.app-main .sc-inbox-panel .sc-inbox-list {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-height: 540px !important;
  overflow-y: auto !important;
  position: relative !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-list::before {
  content: 'الطلبات' !important;
  display: block !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  padding-bottom: 8px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px dashed #e5e7eb !important;
  position: sticky !important;
  top: 0 !important;
  background: #fff !important;
  z-index: 2 !important;
}

/* Ticket card — color stripe on the inline-start edge */
html body main.app-main .sc-inbox-panel .sc-inbox-card {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  padding: 12px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all .15s ease !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-card::before {
  content: '' !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: #d1d5db !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-card.priority-urgent::before { background: #dc2626 !important; }
html body main.app-main .sc-inbox-panel .sc-inbox-card.priority-high::before   { background: #ea580c !important; }
html body main.app-main .sc-inbox-panel .sc-inbox-card.priority-normal::before { background: #2563eb !important; }
html body main.app-main .sc-inbox-panel .sc-inbox-card.priority-low::before    { background: #9ca3af !important; }
html body main.app-main .sc-inbox-panel .sc-inbox-card.status-closed::before,
html body main.app-main .sc-inbox-panel .sc-inbox-card.status-resolved::before { background: #16a34a !important; }

html body main.app-main .sc-inbox-panel .sc-inbox-card:hover {
  border-color: #6366f1 !important;
  background: #fafbff !important;
  transform: translateX(-3px) !important;
  box-shadow: 0 6px 16px -8px rgba(99, 102, 241, .35) !important;
}
[dir="ltr"] html body main.app-main .sc-inbox-panel .sc-inbox-card:hover { transform: translateX(3px) !important; }
html body main.app-main .sc-inbox-panel .sc-inbox-card.is-active {
  border-color: #4f46e5 !important;
  background: linear-gradient(135deg, #eef2ff, #fff 70%) !important;
  box-shadow: 0 8px 22px -10px rgba(79, 70, 229, .4) !important;
}

/* Custom scrollbar for the list */
html body main.app-main .sc-inbox-list::-webkit-scrollbar { width: 6px !important; }
html body main.app-main .sc-inbox-list::-webkit-scrollbar-thumb { background: #c7d2fe !important; border-radius: 999px !important; }
html body main.app-main .sc-inbox-list::-webkit-scrollbar-track { background: transparent !important; }

@media (max-width: 720px) {
  html body main.app-main .sc-inbox-panel { gap: 14px !important; padding: 12px !important; }
  html body main.app-main .sc-inbox-list { max-height: 420px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   v205 — Inbox tweaks: hide search, fix card layout, fade scroll
   - Hide the redundant search input (keep just the "+ رسالة جديدة")
   - Restore proper card layout (avatar + text columns)
   - Cap list to ~10 visible items with scroll
   - Add bottom fade-out hint
═══════════════════════════════════════════════════════════════════════ */

/* Hide the search input next to the new-message button */
html body main.app-main .sc-inbox-panel .sc-inbox-head .sc-inbox-search {
  display: none !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-head {
  justify-content: flex-end !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-head .sc-btn-v2 {
  width: 100% !important;
  justify-content: center !important;
  height: 40px !important;
  font-weight: 800 !important;
}

/* Card layout — avatar on inline-end, text fills the rest */
html body main.app-main .sc-inbox-panel .sc-inbox-card {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  text-align: start !important;
  width: 100% !important;
  padding: 12px 14px 12px 14px !important;
  padding-inline-start: 18px !important;       /* room for the priority stripe */
}
html body main.app-main .sc-inbox-card .sc-inbox-avatar {
  flex-shrink: 0 !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #4f46e5, #6366f1) !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 1rem !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-text {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row1 {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row1 strong {
  font-size: .88rem !important;
  font-weight: 700 !important;
  color: #111827 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 1 !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row1 time {
  font-size: .68rem !important;
  color: #6b7280 !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row2 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: .76rem !important;
  color: #6b7280 !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row2 .sc-inbox-owner {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row2 .sc-inbox-ref {
  font-family: 'Courier New', monospace !important;
  font-size: .7rem !important;
  color: #9ca3af !important;
  flex-shrink: 0 !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-preview {
  font-size: .78rem !important;
  color: #4b5563 !important;
  margin: 0 !important;
  line-height: 1.5 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row3 {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 2px !important;
}

/* Cap list height and add bottom fade ─────────────────────────── */
html body main.app-main .sc-inbox-panel .sc-inbox-list {
  max-height: 540px !important;       /* ~5 cards visible at a time */
  overflow-y: auto !important;
  padding-bottom: 36px !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 50px), transparent 100%) !important;
          mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 50px), transparent 100%) !important;
  -webkit-mask-repeat: no-repeat !important;
          mask-repeat: no-repeat !important;
}

@media (max-width: 720px) {
  html body main.app-main .sc-inbox-panel .sc-inbox-list { max-height: 420px !important; }
}

/* ════════════════════════════════════════════════════════════════════
   v206 — Fix shrunk inbox cards
   .sc-inbox-list is a flex column with max-height 540px + many cards.
   Cards inherited flex-shrink:1 so they collapsed. Lock to 0.
═══════════════════════════════════════════════════════════════════════ */
html body main.app-main .sc-inbox-panel .sc-inbox-card {
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  height: auto !important;
  min-height: auto !important;
}

/* ════════════════════════════════════════════════════════════════════
   v207 — Fix the bleed-through/empty area in the inbox list
   The previous mask-image + padding-bottom combo created an opaque
   gap where partial card text was visible through. Move the section
   eyebrow OUT of the scroll area, keep the fade subtle, and ensure
   the list contents always sit fully INSIDE the scroll viewport.
═══════════════════════════════════════════════════════════════════════ */

/* Move the "الطلبات" eyebrow out of the scroll container — make it
   a label sibling above so it doesn't overlap any card content */
html body main.app-main .sc-inbox-panel .sc-inbox-list::before {
  content: none !important;
  display: none !important;
}

/* The list itself: clean scroll, gentler fade, no overlap */
html body main.app-main .sc-inbox-panel .sc-inbox-list {
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 12px !important;
  padding: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-height: 540px !important;
  overflow-y: auto !important;
  position: relative !important;
  /* Add the eyebrow label INSIDE via padding-top + sticky pseudo-element */
  padding-top: 36px !important;
  /* Subtle fade only at the very bottom 24px */
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 24px), transparent 100%) !important;
          mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 24px), transparent 100%) !important;
}

/* Place the "الطلبات" label using a fake sticky element — wrap via :first-child trick */
html body main.app-main .sc-inbox-panel .sc-inbox-list::after {
  content: 'الطلبات' !important;
  position: sticky !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  inset-inline-end: 0 !important;
  display: block !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  background: #fff !important;
  padding: 0 4px 8px 4px !important;
  margin: -36px 0 8px 0 !important;
  border-bottom: 1px dashed #e5e7eb !important;
  z-index: 5 !important;
  order: -1 !important;
}

/* Cards stay clean and contained */
html body main.app-main .sc-inbox-panel .sc-inbox-card {
  flex-shrink: 0 !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  word-break: break-word !important;
}
html body main.app-main .sc-inbox-card .sc-inbox-row1 strong,
html body main.app-main .sc-inbox-card .sc-inbox-row2 .sc-inbox-owner {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ════════════════════════════════════════════════════════════════════
   v208 — Remove the sticky "الطلبات" eyebrow (was causing bleed-through)
   The sticky pseudo-element couldn't reliably hide cards scrolling under
   it without breaking the layout. The list context is already obvious
   from the card-grid pattern, so just drop the redundant label.
═══════════════════════════════════════════════════════════════════════ */
html body main.app-main .sc-inbox-panel .sc-inbox-list::after,
html body main.app-main .sc-inbox-panel .sc-inbox-list::before {
  content: none !important;
  display: none !important;
}
html body main.app-main .sc-inbox-panel .sc-inbox-list {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* ════════════════════════════════════════════════════════════════════
   v209 — Uniform small gap above .hu-hero on all pages
   Replace the page-specific zero override with a small unified margin
   above every hero on every page. Use class chaining to beat the
   .hu-hero.hu-hero.hu-hero margin:0 lock from unified_hero_v1.css.
═══════════════════════════════════════════════════════════════════════ */
html body main.app-main .hu-hero.hu-hero.hu-hero.hu-hero {
  margin-top: 12px !important;
  margin-bottom: 24px !important;
}
/* Reduce the main container's own top padding so the gap stays small
   and doesn't double up across pages. */
html body.heavy-v100 .app-shell.has-layout-sidebar > main.app-main {
  padding-top: 0 !important;
}

/* ════════════════════════════════════════════════════════════════════
   v210 — Design Conventions (canonical layer for all admin pages)
   Codifies the conventions agreed on during the design pass:
   1. Hero: 12px gap above (uniform), 24px gap below (uniform)
   2. Toast/flash: top-center, 340px max width, above sidebar (z:100000)
   3. Lists with scroll: max-height ~540px, fade at bottom 24px,
      6px lavender scrollbar
   4. Filter chips: semantic colors per data-filter-target
   5. Card hover: 1.5px translate + tinted shadow + border accent
   6. Section eyebrow: .65rem uppercase muted gray
═══════════════════════════════════════════════════════════════════════ */

/* ── 1. Hero spacing (every page with .hu-hero) ─────────────────── */
html body main.app-main .hu-hero.hu-hero.hu-hero.hu-hero {
  margin-top: 12px !important;
  margin-bottom: 24px !important;
}
html body.heavy-v100 .app-shell.has-layout-sidebar > main.app-main {
  padding-top: 0 !important;
}

/* ── 2. Toast/flash uniform centering ───────────────────────────── */
html body .sc-toast,
html body .flash-stack-v61 {
  position: fixed !important;
  top: 16px !important;
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  inset-inline-start: unset !important;
  inset-inline-end: unset !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  max-width: 340px !important;
  min-width: 200px !important;
  z-index: 100000 !important;
  border-radius: 12px !important;
  text-align: center !important;
}
html body .sc-toast {
  padding: 9px 18px !important;
  font-size: .88rem !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25) !important;
}
html body .flash-stack-v61 .flash-toast-v61 {
  padding: 9px 16px !important;
  font-size: .85rem !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, .25) !important;
  margin: 0 0 6px 0 !important;
}
body > .sc-toast[hidden],
body > [data-sc-toast][hidden] {
  display: none !important;
}

/* ── 3. Generic scrollable list pattern ─────────────────────────── */
.dc-scroll-list {
  max-height: 540px !important;
  overflow-y: auto !important;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 24px), transparent 100%) !important;
          mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 24px), transparent 100%) !important;
}
.dc-scroll-list::-webkit-scrollbar { width: 6px !important; }
.dc-scroll-list::-webkit-scrollbar-thumb { background: #c7d2fe !important; border-radius: 999px !important; }
.dc-scroll-list::-webkit-scrollbar-track { background: transparent !important; }

/* ── 4. Section eyebrow label ───────────────────────────────────── */
.dc-eyebrow {
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  color: #6b7280 !important;
  text-transform: uppercase !important;
  padding: 0 0 8px !important;
  margin: 0 0 8px !important;
  border-bottom: 1px dashed #e5e7eb !important;
}

/* ── 5. Card hover convention ───────────────────────────────────── */
.dc-card-hover {
  transition: border-color .15s ease, background .15s ease, transform .15s ease, box-shadow .15s ease !important;
}
.dc-card-hover:hover {
  border-color: #6366f1 !important;
  background: linear-gradient(135deg, #fafbff, #fff) !important;
  transform: translateX(-2px) !important;
  box-shadow: 0 6px 16px -8px rgba(99, 102, 241, .35) !important;
}
[dir="ltr"] .dc-card-hover:hover { transform: translateX(2px) !important; }
.dc-card-hover.is-active {
  border-color: #4f46e5 !important;
  background: linear-gradient(135deg, #eef2ff, #fff 70%) !important;
  box-shadow: 0 8px 22px -10px rgba(79, 70, 229, .4) !important;
}

/* ── 6. Page-bottom safe area ───────────────────────────────────── */
html body main.app-main {
  padding-bottom: 32px !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   v211 — Uniform section rhythm for the 12 admin redesigned pages
   ───────────────────────────────────────────────────────────────────────
   The 12 new admin pages all share `.app-main.content-area .<page>-page`
   wrappers. Each page has a hero + several sections. Without explicit
   spacing the sections end up stuck against each other ("ملزقة ببعض").
   This layer enforces a clean, consistent vertical rhythm by giving each
   direct child <section> after the hero a 24px top gap.
═══════════════════════════════════════════════════════════════════════ */
html body main.app-main.content-area .integ-page > section,
html body main.app-main.content-area .svch-page > section,
html body main.app-main.content-area .rls-page > section,
html body main.app-main.content-area .lgs-page > section,
html body main.app-main.content-area .fin-page > section,
html body main.app-main.content-area .bkp-page > section,
html body main.app-main.content-area .pln-page > section,
html body main.app-main.content-area .dvf-page > section,
html body main.app-main.content-area .prv-page > section,
html body main.app-main.content-area .apidoc-page > section,
html body main.app-main.content-area .ls-page-v110 > section {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}
html body main.app-main.content-area .integ-page > section + section,
html body main.app-main.content-area .svch-page > section + section,
html body main.app-main.content-area .rls-page > section + section,
html body main.app-main.content-area .lgs-page > section + section,
html body main.app-main.content-area .fin-page > section + section,
html body main.app-main.content-area .bkp-page > section + section,
html body main.app-main.content-area .pln-page > section + section,
html body main.app-main.content-area .dvf-page > section + section,
html body main.app-main.content-area .prv-page > section + section,
html body main.app-main.content-area .apidoc-page > section + section,
html body main.app-main.content-area .ls-page-v110 > section + section {
  margin-top: 24px !important;
}
/* Card grids inside sections — uniform inner gap */
html body .integ-page .integ-providers,
html body .svch-page .svch-core-grid,
html body .rls-page .rls-roles-grid,
html body .rls-page .rls-two-col,
html body .fin-page .fin-two-col,
html body .bkp-page .bkp-grid,
html body .pln-page .pln-grid,
html body .dvf-page .dvf-kpi-row,
html body .prv-page .prv-status-row,
html body .prv-page .prv-kpi-row {
  gap: 18px !important;
}
/* Cards within those grids: padding consistency */
html body .integ-page .integ-card,
html body .svch-page .svch-core-card,
html body .rls-page .rls-card,
html body .rls-page .rls-role-card,
html body .fin-page .fin-card,
html body .bkp-page .bkp-card,
html body .pln-page .pln-card,
html body .dvf-page .dvf-kpi {
  padding: 18px !important;
}
/* Block-level table sections need internal breathing room */
html body .lgs-page .lgs-table-block,
html body .fin-page .fin-table-block,
html body .svch-page .svch-table-block,
html body .dvf-page .dvf-table-block,
html body .bkp-page .bkp-list-block,
html body .rls-page .rls-matrix-block {
  padding: 18px !important;
  background: #fff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
}
/* Block headers inside those tables/lists — consistent bottom space */
html body .lgs-page .lgs-block-head,
html body .fin-page .fin-block-head,
html body .svch-page .svch-block-head,
html body .dvf-page .dvf-block-head,
html body .bkp-page .bkp-block-head,
html body .rls-page .rls-block-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px dashed #e5e7eb !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   v211 — global table pagination (table_paginate_v1.js) + image column
═══════════════════════════════════════════════════════════════════════ */
.pg-pager {
  display: flex; align-items: center; justify-content: space-between;
  gap: 14px;
  margin-top: 16px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  flex-wrap: wrap;
}
.pg-info {
  font-size: .82rem; font-weight: 700; color: #475569;
}
.pg-btns {
  display: inline-flex; gap: 6px; flex-wrap: wrap;
}
.pg-btn {
  min-width: 38px;
  padding: 6px 12px;
  border-radius: 8px;
  border: 1.5px solid #e5e7eb;
  background: #fafbff;
  font: inherit;
  font-size: .82rem;
  font-weight: 700;
  color: #475569;
  cursor: pointer;
  transition: border-color .15s, background .15s, color .15s, transform .1s;
}
.pg-btn:hover:not(:disabled) {
  border-color: #6366f1;
  background: #eef2ff;
  color: #4338ca;
}
.pg-btn:disabled {
  opacity: .45;
  cursor: not-allowed;
}
.pg-btn.is-active {
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  border-color: #4f46e5;
  color: #fff;
  box-shadow: 0 4px 10px rgba(99,102,241,.35);
}

/* Generic "صورة / Image" column — avatar isolated in its own cell */
.pg-img-cell {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.pg-avatar {
  width: 42px; height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  font-weight: 900;
  font-size: 1.05rem;
  display: grid; place-items: center;
  flex-shrink: 0;
  box-shadow: 0 4px 10px rgba(99,102,241,.25);
}
.pg-avatar.size-sm { width: 32px; height: 32px; font-size: .85rem; border-radius: 9px; }
.pg-avatar.size-lg { width: 50px; height: 50px; font-size: 1.2rem; border-radius: 14px; }
/* Color variants */
.pg-avatar.tone-emerald { background: linear-gradient(135deg, #22c55e, #15803d); box-shadow: 0 4px 10px rgba(34,197,94,.28); }
.pg-avatar.tone-amber   { background: linear-gradient(135deg, #f59e0b, #b45309); box-shadow: 0 4px 10px rgba(245,158,11,.28); }
.pg-avatar.tone-rose    { background: linear-gradient(135deg, #f43f5e, #be123c); box-shadow: 0 4px 10px rgba(244,63,94,.28); }
.pg-avatar.tone-sky     { background: linear-gradient(135deg, #0ea5e9, #0369a1); box-shadow: 0 4px 10px rgba(14,165,233,.28); }
.pg-avatar.tone-slate   { background: linear-gradient(135deg, #64748b, #334155); box-shadow: 0 4px 10px rgba(100,116,139,.28); }

/* ═══════════════════════════════════════════════════════════════════════
   v211 — universal help tooltip system (help_tooltip_v1.js)
═══════════════════════════════════════════════════════════════════════ */
.help-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #6366f1, #4f46e5);
  color: #fff;
  font-size: .75rem;
  font-weight: 900;
  cursor: help;
  border: none;
  user-select: none;
  box-shadow: 0 2px 6px rgba(99, 102, 241, .3);
  transition: transform .15s, box-shadow .15s;
  position: relative;
  z-index: 5;
}
.help-icon:hover, .help-icon:focus {
  transform: scale(1.1);
  box-shadow: 0 4px 10px rgba(99, 102, 241, .45);
  outline: none;
}
/* Auto-injected corner icon */
.help-icon-corner {
  position: absolute !important;
  top: 12px !important;
  width: 20px !important;
  height: 20px !important;
  font-size: .7rem !important;
}
/* In RTL the corner is the LEFT side, in LTR it's the RIGHT side */
[dir="rtl"] .help-icon-corner {
  inset-inline-start: 12px !important;
  left: 12px !important;
  right: auto !important;
}
[dir="ltr"] .help-icon-corner,
:not([dir="rtl"]) .help-icon-corner {
  right: 12px !important;
  left: auto !important;
}
/* Help bubble (popover) */
.help-bubble {
  position: absolute;
  top: calc(100% + 8px);
  inset-inline-start: 0;
  z-index: 1000;
  min-width: 200px;
  max-width: 320px;
  padding: 12px 14px;
  background: #1e293b;
  color: #f1f5f9;
  border: 1px solid #334155;
  border-radius: 10px;
  font-size: .82rem;
  line-height: 1.6;
  font-weight: 600;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .35);
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .15s, transform .15s;
}
.help-bubble.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.help-bubble::before {
  content: '';
  position: absolute;
  top: -6px;
  inset-inline-start: 14px;
  width: 12px;
  height: 12px;
  background: #1e293b;
  border-left: 1px solid #334155;
  border-top: 1px solid #334155;
  transform: rotate(45deg);
}

/* ═══════════════════════════════════════════════════════════════════════
   v211 — Auto section spacing for subscriber pages (loose 28px gaps)
═══════════════════════════════════════════════════════════════════════ */
html body main.app-main.content-area > section,
html body main.app-main.content-area > .dvf-shell,
html body main.app-main.content-area > .pln-shell,
html body main.app-main.content-area > div[data-section-block] {
  margin-bottom: 28px;
}
html body main.app-main.content-area > section:last-of-type,
html body main.app-main.content-area > div[data-section-block]:last-of-type {
  margin-bottom: 60px;
}

/* ═══════════════════════════════════════════════════════════════════════
   v211 — Legend / help aside panel (used across subscriber pages)
═══════════════════════════════════════════════════════════════════════ */
.legend-aside {
  display: grid; gap: 16px;
  position: sticky; top: 18px;
}
.legend-aside-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 18px 20px;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .04);
}
.legend-aside-card h4 {
  font-size: .92rem; font-weight: 800; color: #0f172a;
  margin: 0 0 14px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #e5e7eb;
  display: flex; align-items: center; gap: 8px;
}
.legend-aside-card p {
  margin: 0; font-size: .82rem; line-height: 1.7; color: #475569;
}
.legend-aside-card.explainer {
  background: linear-gradient(135deg, #eef2ff, #f0fdf4);
  border-color: #c7d2fe;
}
.legend-aside-card.explainer h4 { color: #4338ca; border-bottom-color: #c7d2fe; }
.legend-aside-card.tips {
  background: linear-gradient(135deg, #fffbeb, #fef3c7);
  border-color: #fde68a;
}
.legend-aside-card.tips h4 { color: #b45309; border-bottom-color: #fde68a; }
.legend-aside-card.tips ul {
  margin: 0; padding-inline-start: 18px; display: grid; gap: 8px;
}
.legend-aside-card.tips li {
  font-size: .82rem; color: #334155; line-height: 1.6;
}
.legend-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: 10px;
}
.legend-item {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #fafbff;
  border: 1px solid #f1f5f9;
}
.legend-icon {
  width: 32px; height: 32px;
  border-radius: 9px;
  display: grid; place-items: center;
  background: #e0e7ff;
  font-size: 1rem;
  flex-shrink: 0;
}
.legend-info { display: flex; flex-direction: column; gap: 2px; }
.legend-info strong {
  font-size: .85rem; font-weight: 800; color: #0f172a;
}
.legend-info small {
  font-size: .74rem; color: #64748b; line-height: 1.5;
}

/* Two-column shell with legend aside on the visual LEFT */
.with-legend {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr);
  gap: 22px;
  align-items: start;
}
@media (max-width: 1180px) { .with-legend { grid-template-columns: 1fr; } }
[dir="rtl"] .with-legend { direction: ltr; }
[dir="rtl"] .with-legend > * { direction: rtl; }
@media (max-width: 1180px) { .legend-aside { position: static; } }

/* ═══════════════════════════════════════════════════════════════════
   GLOBAL: Center-align all admin table columns + pager defaults
   v213-table-center-20260506
═══════════════════════════════════════════════════════════════════ */
/* Apply to common admin table classes */
.lgs-table th,
.lgs-table td,
.admin-table th,
.admin-table td,
.dvf-table th,
.dvf-table td,
.svch-table th,
.svch-table td,
.bkp-list-block table th,
.bkp-list-block table td,
.fin-table th,
.fin-table td,
.pg-table-wrap table th,
.pg-table-wrap table td {
  text-align: center !important;
  vertical-align: middle !important;
}
/* Re-align cells that explicitly opt out of center */
.lgs-table .text-start,
.admin-table .text-start,
.dvf-table .text-start,
.fin-table .text-start { text-align: start !important; }
.lgs-table .text-end,
.admin-table .text-end,
.dvf-table .text-end,
.fin-table .text-end { text-align: end !important; }

/* ═══════════════════════════════════════════════════════════════════
   Notification bell — auto-flip side based on language direction
   v213-bell-rtl-ltr-flip
═══════════════════════════════════════════════════════════════════ */
/* In RTL (Arabic): bell on the visual LEFT (its current position) */
[dir="rtl"] .notification-bell-wrap {
  left: 22px !important;
  right: auto !important;
}
/* In LTR (English/default): bell on the visual RIGHT */
[dir="ltr"] .notification-bell-wrap,
:not([dir="rtl"]) > .notification-bell-wrap {
  right: 22px !important;
  left: auto !important;
}
/* Dropdown anchors to the same side as the bell */
[dir="rtl"] .notification-bell-wrap .notification-dropdown {
  left: 0;
  right: auto;
}
[dir="ltr"] .notification-bell-wrap .notification-dropdown {
  right: 0;
  left: auto;
}
/* Notification count badge — opposite corner of the icon */
[dir="rtl"] .notification-bell-count {
  right: -7px;
  left: auto;
}
[dir="ltr"] .notification-bell-count {
  left: -7px;
  right: auto;
}
@media (max-width: 768px) {
  [dir="rtl"] .notification-bell-wrap { left: 12px !important; right: auto !important; }
  [dir="ltr"] .notification-bell-wrap { right: 12px !important; left: auto !important; }
}

/* v215 — force notification bell side by active UI language */
html[dir="rtl"] body .notification-bell-wrap {
  left: 22px !important;
  right: auto !important;
}
html[dir="ltr"] body .notification-bell-wrap {
  right: 22px !important;
  left: auto !important;
}
html[dir="rtl"] body .notification-bell-wrap .notification-dropdown {
  left: 0 !important;
  right: auto !important;
}
html[dir="ltr"] body .notification-bell-wrap .notification-dropdown {
  right: 0 !important;
  left: auto !important;
}
html[dir="rtl"] body .notification-bell-count {
  right: -7px !important;
  left: auto !important;
}
html[dir="ltr"] body .notification-bell-count {
  left: -7px !important;
  right: auto !important;
}
@media (max-width: 768px) {
  html[dir="rtl"] body .notification-bell-wrap {
    left: 12px !important;
    right: auto !important;
  }
  html[dir="ltr"] body .notification-bell-wrap {
    right: 12px !important;
    left: auto !important;
  }
}