/* ==========================================================================
   MVAS Tracker — дизайн-система.
   Один источник правды для цветов, отступов, типографики и компонентов.
   Никаких утилит «на все случаи»: только то, что реально используется.
   ========================================================================== */

:root{
  /* Поверхности и текст */
  --bg:#f6f7f9;
  --surface:#ffffff;
  --surface-subtle:#f9fafb;
  --surface-hover:#f3f4f6;
  --sidebar-bg:#0f172a;
  --sidebar-text:#94a3b8;
  --sidebar-text-strong:#f1f5f9;
  --sidebar-hover:#1e293b;
  --sidebar-active:#1d4ed8;
  --sidebar-border:#1e293b;

  --text:#111827;
  --text-secondary:#4b5563;
  --text-muted:#6b7280;
  --text-inverse:#ffffff;

  --border:#e5e7eb;
  --border-strong:#d1d5db;

  /* Семантика */
  --primary:#2563eb;
  --primary-hover:#1d4ed8;
  --primary-soft:#eff6ff;
  --primary-border:#bfdbfe;

  --success:#16a34a;
  --success-soft:#f0fdf4;
  --success-border:#bbf7d0;

  --warning:#d97706;
  --warning-soft:#fffbeb;
  --warning-border:#fde68a;

  --danger:#dc2626;
  --danger-soft:#fef2f2;
  --danger-border:#fecaca;

  --info:#0284c7;
  --info-soft:#f0f9ff;
  --info-border:#bae6fd;

  --neutral-soft:#f3f4f6;

  /* Отступы 4/8 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;

  /* Радиусы */
  --r-control:8px;
  --r-card:12px;
  --r-panel:16px;
  --r-pill:999px;

  /* Тени — намеренно слабые, основной разделитель это граница */
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 4px 12px rgba(16,24,40,.08);
  --shadow-lg:0 16px 40px rgba(16,24,40,.16);

  --sidebar-w:350px;
  --topbar-h:60px;

  --font:"Inter","Inter var",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,
         "Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;

  --t-fast:120ms cubic-bezier(.4,0,.2,1);
  --t-base:170ms cubic-bezier(.4,0,.2,1);
}

/* Тёмная тема включается вручную из настроек: data-theme="dark" на <html>.
   Автоматически по системной схеме не переключаемся — оператор смотрит
   в панель часами, и внезапная смена темы сбивает. */
html[data-theme="dark"]{
  --bg:#0b0f17;
  --surface:#131822;
  --surface-subtle:#171d29;
  --surface-hover:#1c2331;
  --sidebar-bg:#080b11;
  --sidebar-text:#8a94a6;
  --sidebar-text-strong:#eef2f8;
  --sidebar-hover:#161c27;
  --sidebar-active:#1d4ed8;
  --sidebar-border:#1a212e;

  --text:#e8ecf3;
  --text-secondary:#aab3c2;
  --text-muted:#7b8698;
  --text-inverse:#0b0f17;

  --border:#232b39;
  --border-strong:#323c4d;

  --primary:#3b82f6;
  --primary-hover:#60a5fa;
  --primary-soft:#132039;
  --primary-border:#1e3a6b;

  --success:#4ade80;
  --success-soft:#0f2418;
  --success-border:#1c4231;

  --warning:#fbbf24;
  --warning-soft:#2a1f0b;
  --warning-border:#4a3411;

  --danger:#f87171;
  --danger-soft:#2a1315;
  --danger-border:#4d2226;

  --info:#38bdf8;
  --info-soft:#0d2432;
  --info-border:#14405c;

  --neutral-soft:#1b2230;

  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 4px 12px rgba(0,0,0,.45);
  --shadow-lg:0 16px 40px rgba(0,0,0,.6);
}

/* ---------------------------------------------------------------- Базовое */

*,*::before,*::after{box-sizing:border-box}

html,body{height:100%}

body{
  margin:0;
  font-family:var(--font);
  font-size:14px;
  line-height:1.55;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-hover)}

h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}
h1{font-size:24px;line-height:1.25}
h2{font-size:17px;line-height:1.35}
h3{font-size:15px;line-height:1.4}

p{margin:0}
hr{border:none;border-top:1px solid var(--border);margin:var(--s5) 0}

.hide{display:none!important}
.mono{font-family:var(--mono);font-size:12.5px;font-feature-settings:"liga" 0}
.num,.tabular{font-variant-numeric:tabular-nums}
.muted{color:var(--text-muted)}
.note{font-size:12.5px;line-height:1.5;color:var(--text-muted)}
.pos{color:var(--success)}
.neg{color:var(--danger)}
.break{word-break:break-all}
.nowrap{white-space:nowrap}
.right{text-align:end}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* Фокус виден всегда — панелью пользуются с клавиатуры */
:focus-visible{
  outline:2px solid var(--primary);
  outline-offset:2px;
  border-radius:var(--r-control);
}

::selection{background:var(--primary);color:#fff}

/* -------------------------------------------------------------- Оболочка */

.shell{display:flex;min-height:100vh}

.sidebar{
  position:fixed;inset-block:0;inset-inline-start:0;
  width:var(--sidebar-w);
  background:var(--sidebar-bg);
  border-inline-end:1px solid var(--sidebar-border);
  display:flex;flex-direction:column;
  z-index:40;
  transition:transform var(--t-base);
}

.sidebar__brand{
  display:flex;align-items:center;gap:10px;
  height:var(--topbar-h);padding-inline:var(--s5);
  border-bottom:1px solid var(--sidebar-border);
  color:var(--sidebar-text-strong);
  flex-shrink:0;
}
.sidebar__logo{
  width:28px;height:28px;border-radius:7px;flex-shrink:0;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  display:grid;place-items:center;
  font-size:13px;font-weight:700;color:#fff;letter-spacing:-.03em;
}
.sidebar__title{font-size:14.5px;font-weight:600;letter-spacing:-.01em}

.sidebar__nav{flex:1;overflow-y:auto;padding:var(--s4) var(--s3);min-height:0}

.sidebar__group{margin-bottom:var(--s5)}
.sidebar__group-label{
  display:none;
  font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  color:#64748b;padding:0 var(--s3) var(--s2);
}

.sidebar__link{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;margin-bottom:4px;
  border-radius:var(--r-control);
  color:var(--sidebar-text);
  font-size:13.5px;font-weight:500;
  line-height:1.35;
  transition:background var(--t-fast),color var(--t-fast);
}
.sidebar__link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}
.sidebar__link.is-active{background:var(--sidebar-active);color:#fff}
.sidebar__link svg{width:17px;height:17px;flex-shrink:0;opacity:.9}
.sidebar__link.is-active svg{opacity:1}

.sidebar__footer{
  border-top:1px solid var(--sidebar-border);
  padding:var(--s3);flex-shrink:0;
}
.sidebar__status{
  display:flex;align-items:center;gap:var(--s2);
  padding:6px var(--s3);font-size:12px;color:var(--sidebar-text);
}
.sidebar__logout{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:8px var(--s3);border-radius:var(--r-control);
  background:transparent;border:none;cursor:pointer;
  color:var(--sidebar-text);font:inherit;font-size:13.5px;text-align:start;
  transition:background var(--t-fast),color var(--t-fast);
}
.sidebar__logout:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}
.sidebar__logout svg{width:17px;height:17px;flex-shrink:0}

.dot{width:7px;height:7px;border-radius:50%;background:var(--text-muted);flex-shrink:0}
.dot--ok{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.16)}
.dot--live{background:#22c55e;animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

.main{
  flex:1;min-width:0;
  margin-inline-start:var(--sidebar-w);
  display:flex;flex-direction:column;
}

.topbar{
  position:sticky;top:0;z-index:30;
  height:var(--topbar-h);flex-shrink:0;
  display:flex;align-items:center;gap:var(--s3);
  padding-inline:var(--s6);
  background:color-mix(in srgb,var(--surface) 88%,transparent);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--border);
}
.topbar__crumbs{
  display:flex;align-items:center;gap:var(--s2);
  font-size:13.5px;color:var(--text-muted);min-width:0;flex:1;
}
.topbar__crumbs b{color:var(--text);font-weight:600}
.topbar__sep{color:var(--border-strong)}
.topbar__actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}

.burger{
  display:none;width:36px;height:36px;flex-shrink:0;
  align-items:center;justify-content:center;
  border:1px solid var(--border);border-radius:var(--r-control);
  background:var(--surface);cursor:pointer;color:var(--text-secondary);
}
.burger svg{width:18px;height:18px}

.view{padding:var(--s6);flex:1;max-width:1440px;width:100%}

.scrim{
  position:fixed;inset:0;z-index:35;
  background:rgba(15,23,42,.5);
  opacity:0;pointer-events:none;transition:opacity var(--t-base);
}
.scrim.is-open{opacity:1;pointer-events:auto}

/* ------------------------------------------------------- Шапка страницы */

.page-head{
  display:flex;align-items:flex-start;gap:var(--s4);
  flex-wrap:wrap;margin-bottom:var(--s6);
}
.page-head__text{flex:1 1 320px;min-width:0}
.page-head__sub{margin-top:var(--s1);font-size:13.5px;color:var(--text-muted)}
.page-head__actions{display:flex;gap:var(--s2);flex-wrap:wrap;align-items:center}

.back-link{
  display:inline-flex;align-items:center;gap:6px;
  font-size:13px;color:var(--text-muted);margin-bottom:var(--s3);
}
.back-link:hover{color:var(--text)}
.back-link svg{width:14px;height:14px}

/* ---------------------------------------------------------------- Карточки */

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-card);
  margin-bottom:var(--s4);
}
.card--flush{padding:0}
.card__head{
  display:flex;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;
  padding:var(--s4) var(--s5);
  border-bottom:1px solid var(--border);
}
.card__head-text{flex:1 1 240px;min-width:0}
.card__head-actions{display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.card__body{padding:var(--s5)}
.card__body--tight{padding:var(--s4) var(--s5)}
.card__foot{
  padding:var(--s3) var(--s5);border-top:1px solid var(--border);
  background:var(--surface-subtle);
  border-radius:0 0 var(--r-card) var(--r-card);
  font-size:12.5px;color:var(--text-muted);
}

.section-title{font-size:15px;font-weight:600}
.section-desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}

/* ------------------------------------------------------------------ Сетки */

.grid{display:grid;gap:var(--s3)}
.grid--kpi4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}
.grid--form{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.grid--auto{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.grid--full{grid-column:1/-1}

.stack{display:flex;flex-direction:column;gap:var(--s4)}
.stack--sm{gap:var(--s2)}
.inline{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}
.inline--end{justify-content:flex-end}
.spacer{flex:1}

/* -------------------------------------------------------------- KPI-плитки */

.kpi{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--r-card);
  padding:var(--s4);
  min-width:0;
}
.kpi--flat{background:var(--surface-subtle);border-color:transparent}
.kpi__label{
  font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--text-muted);
  display:flex;align-items:center;gap:6px;
}
.kpi__value{
  margin-top:6px;font-size:26px;font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;line-height:1.15;
  overflow-wrap:anywhere;
}
.kpi__value--lg{font-size:34px}
.kpi__value--sm{font-size:21px}
.kpi__leader-landing,.kpi__leader-offer{display:block;overflow-wrap:anywhere;word-break:break-word}
.kpi__leader-landing{font-size:21px;line-height:1.15;font-weight:700}
.kpi__leader-offer{margin-top:4px;font-size:14px;line-height:1.25;font-weight:600;letter-spacing:-.01em}
.kpi__meta{margin-top:var(--s1);font-size:12px;color:var(--text-muted);line-height:1.4}
.kpi--primary .kpi__value{color:var(--text)}

/* ------------------------------------------------------------------ Кнопки */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:0 14px;
  font-family:inherit;font-size:13.5px;font-weight:500;line-height:1.2;
  border-radius:var(--r-control);
  border:1px solid var(--border-strong);
  background:var(--surface);color:var(--text);
  cursor:pointer;white-space:normal;text-align:center;
  transition:background var(--t-fast),border-color var(--t-fast),
             color var(--t-fast),opacity var(--t-fast);
}
.btn:hover{background:var(--surface-hover)}
.btn svg{width:15px;height:15px;flex-shrink:0}

.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}
.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}

.btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}
.btn--ghost:hover{background:var(--surface-hover);color:var(--text)}

.btn--danger{background:transparent;border-color:var(--danger-border);color:var(--danger)}
.btn--danger:hover{background:var(--danger-soft)}

.btn--sm{min-height:32px;padding:0 10px;font-size:12.5px}
.btn--sm svg{width:14px;height:14px}
.btn--block{width:100%}

.btn[disabled],.btn.is-loading{opacity:.55;cursor:not-allowed;pointer-events:none}

.btn.is-loading::before{
  content:"";width:13px;height:13px;flex-shrink:0;
  border:2px solid currentColor;border-top-color:transparent;border-radius:50%;
  animation:spin .7s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}

.spinner--sm{
  display:inline-block;width:11px;height:11px;flex-shrink:0;
  border:2px solid currentColor;border-top-color:transparent;border-radius:50%;
  animation:spin .7s linear infinite;vertical-align:-1px;margin-inline-end:4px;
}

.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;flex-shrink:0;padding:0;
  border:1px solid transparent;border-radius:var(--r-control);
  background:transparent;color:var(--text-muted);cursor:pointer;
  transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);
}
.icon-btn:hover{background:var(--surface-hover);color:var(--text);border-color:var(--border)}
.icon-btn--danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}
.icon-btn[disabled]{opacity:.35;cursor:not-allowed;pointer-events:none}
.icon-btn svg{width:15px;height:15px}

.btn-group{display:inline-flex;gap:2px;align-items:center}

/* --------------------------------------------------------------- Меню строк */

.menu{position:relative;display:inline-flex}
.menu__list{
  position:absolute;inset-inline-end:0;top:calc(100% + 4px);z-index:25;
  min-width:190px;padding:var(--s1);
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-control);box-shadow:var(--shadow-md);
}
.menu__item{
  display:flex;align-items:center;gap:var(--s2);width:100%;
  padding:7px var(--s2);border:none;background:transparent;
  border-radius:6px;cursor:pointer;
  font:inherit;font-size:13px;color:var(--text);text-align:start;
}
.menu__item:hover{background:var(--surface-hover)}
.menu__item--danger{color:var(--danger)}
.menu__item--danger:hover{background:var(--danger-soft)}
.menu__item svg{width:14px;height:14px;flex-shrink:0;opacity:.7}

/* ------------------------------------------------------------------- Формы */

.field{display:block;min-width:0}
.field__label{
  display:block;margin-bottom:6px;
  font-size:12.5px;font-weight:500;color:var(--text-secondary);
}
.field__hint{margin-top:6px;font-size:12px;line-height:1.45;color:var(--text-muted)}
.field__error{margin-top:6px;font-size:12px;color:var(--danger)}

.input,.select,.textarea{
  display:block;width:100%;min-width:0;
  min-height:38px;padding:8px 11px;
  font-family:inherit;font-size:13.5px;line-height:1.4;color:var(--text);
  background:var(--surface);
  border:1px solid var(--border-strong);border-radius:var(--r-control);
  transition:border-color var(--t-fast),box-shadow var(--t-fast);
}
.input::placeholder,.textarea::placeholder{color:var(--text-muted);opacity:.85}
.input:hover,.select:hover,.textarea:hover{border-color:var(--text-muted)}
.input:focus,.select:focus,.textarea:focus{
  outline:none;border-color:var(--primary);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent);
}
.input[readonly]{background:var(--surface-subtle);color:var(--text-secondary)}
.input[disabled],.select[disabled],.textarea[disabled]{
  background:var(--surface-subtle);color:var(--text-muted);cursor:not-allowed;
}
.input.is-error,.select.is-error{border-color:var(--danger)}
.input.is-error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 18%,transparent)}

.select{
  appearance:none;padding-inline-end:32px;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236b7280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8l4 4 4-4'/></svg>");
  background-repeat:no-repeat;
  background-position:right 9px center;
  background-size:16px;
}
html[dir="rtl"] .select{background-position:left 9px center}
.select[multiple]{
  appearance:none;background-image:none;padding:var(--s1);cursor:default;
  min-height:auto;
}
.select[multiple] option{padding:5px 8px;border-radius:5px}

.textarea{font-family:var(--mono);font-size:12.5px;min-height:140px;resize:vertical}

.input--mono{font-family:var(--mono);font-size:12.5px}
.input--sm{min-height:32px;padding:5px 9px;font-size:12.5px}
.input--num{width:78px;text-align:end;font-variant-numeric:tabular-nums}

.check{
  display:flex;align-items:center;gap:var(--s2);
  font-size:13.5px;cursor:pointer;
}
.check input[type=checkbox]{
  width:16px;height:16px;flex-shrink:0;margin:0;
  accent-color:var(--primary);cursor:pointer;
}

.form-section{padding:var(--s5);border-bottom:1px solid var(--border)}
.form-section:last-child{border-bottom:none}
.form-section__head{margin-bottom:var(--s4)}

.copy-row{display:flex;gap:var(--s2);align-items:stretch}
.copy-row .input{flex:1}
.copy-row .btn{flex-shrink:0}

/* ------------------------------------------------------------------ Бейджи */

.badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:2px 9px;border-radius:var(--r-pill);
  font-size:11.5px;font-weight:500;line-height:1.6;
  background:var(--neutral-soft);color:var(--text-secondary);
  border:1px solid transparent;
  max-width:100%;
}
.badge--success{background:var(--success-soft);color:var(--success);border-color:var(--success-border)}
.badge--warning{background:var(--warning-soft);color:var(--warning);border-color:var(--warning-border)}
.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:var(--danger-border)}
.badge--info{background:var(--info-soft);color:var(--info);border-color:var(--info-border)}
.badge--primary{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-border)}
.badge--outline{background:transparent;border-color:var(--border-strong);color:var(--text-muted)}
.badge--mono{font-family:var(--mono);font-size:11px}
.badge .dot{width:6px;height:6px}

.badge-list{display:flex;flex-wrap:wrap;gap:var(--s1)}

/* ------------------------------------------------------------------ Таблицы */

.table-wrap{width:100%;overflow-x:auto}
.table{width:100%;border-collapse:collapse;font-size:13.5px}
.table th{
  position:sticky;top:0;z-index:1;
  text-align:start;font-size:11.5px;font-weight:600;
  letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);
  padding:10px var(--s4);
  background:var(--surface-subtle);
  border-bottom:1px solid var(--border);
  white-space:nowrap;
}
.table td{
  padding:11px var(--s4);
  border-bottom:1px solid var(--border);
  vertical-align:middle;
}
.table tbody tr:last-child td{border-bottom:none}
.table tbody tr{transition:background var(--t-fast)}
.table tbody tr:hover{background:var(--surface-subtle)}
.table tr.is-selected{background:var(--primary-soft)}
.table .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.table th.num{text-align:end}
.table .actions{text-align:end;white-space:nowrap;width:1%}
.table__primary{font-weight:500}
.table__sub{font-size:12px;color:var(--text-muted);margin-top:2px}
.table--compact td{padding:8px var(--s4)}
.table--log td{font-size:12.5px}

/* Внутри карточки таблица прижимается к её краям */
.card > .table-wrap > .table th:first-child,
.card > .table-wrap > .table td:first-child{padding-inline-start:var(--s5)}
.card > .table-wrap > .table th:last-child,
.card > .table-wrap > .table td:last-child{padding-inline-end:var(--s5)}

/* ------------------------------------------------- Пустые и грузящиеся состояния */

.empty{
  display:flex;flex-direction:column;align-items:center;
  text-align:center;padding:var(--s10) var(--s5);
}
.empty__icon{
  width:40px;height:40px;margin-bottom:var(--s3);
  display:grid;place-items:center;border-radius:10px;
  background:var(--surface-subtle);color:var(--text-muted);
}
.empty__icon svg{width:20px;height:20px}
.empty__title{font-size:15px;font-weight:600}
.empty__text{margin-top:6px;font-size:13px;color:var(--text-muted);max-width:420px}
.empty__action{margin-top:var(--s4)}

.skeleton{
  background:linear-gradient(90deg,
    var(--surface-subtle) 25%,var(--surface-hover) 37%,var(--surface-subtle) 63%);
  background-size:400% 100%;
  animation:shimmer 1.3s ease-in-out infinite;
  border-radius:6px;
}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
.skeleton--line{height:11px;margin-bottom:8px}
.skeleton--title{height:16px;width:38%;margin-bottom:12px}
.skeleton--kpi{height:88px;border-radius:var(--r-card)}
.skeleton--chart{height:240px;border-radius:var(--r-card)}
.skeleton--row{height:44px;margin-bottom:2px;border-radius:0}

/* ------------------------------------------------------------------- Алерты */

.alert{
  display:flex;gap:var(--s3);align-items:flex-start;
  padding:var(--s3) var(--s4);
  border:1px solid var(--border);border-radius:var(--r-control);
  background:var(--surface-subtle);
  margin-bottom:var(--s4);
}
.alert__icon{flex-shrink:0;margin-top:1px;color:var(--text-muted)}
.alert__icon svg{width:17px;height:17px;display:block}
.alert__body{flex:1;min-width:0}
.alert__title{font-size:13.5px;font-weight:600}
.alert__text{font-size:13px;color:var(--text-secondary);margin-top:2px}
.alert__detail{
  margin-top:var(--s2);padding:var(--s2) var(--s3);
  background:var(--surface);border:1px solid var(--border);border-radius:6px;
  font-family:var(--mono);font-size:11.5px;color:var(--text-muted);
  overflow-x:auto;white-space:pre-wrap;word-break:break-word;
}
.alert__actions{margin-top:var(--s3);display:flex;gap:var(--s2);flex-wrap:wrap}

.alert--success{background:var(--success-soft);border-color:var(--success-border)}
.alert--success .alert__icon{color:var(--success)}
.alert--warning{background:var(--warning-soft);border-color:var(--warning-border)}
.alert--warning .alert__icon{color:var(--warning)}
.alert--danger{background:var(--danger-soft);border-color:var(--danger-border)}
.alert--danger .alert__icon{color:var(--danger)}
.alert--info{background:var(--info-soft);border-color:var(--info-border)}
.alert--info .alert__icon{color:var(--info)}

/* ---------------------------------------------------------------- Инсайты */

.insight{
  display:flex;gap:var(--s3);align-items:flex-start;
  padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);
}
.insight:last-child{border-bottom:none}
.insight__mark{
  width:28px;height:28px;flex-shrink:0;margin-top:1px;
  display:grid;place-items:center;border-radius:8px;
  background:var(--neutral-soft);color:var(--text-muted);
}
.insight__mark svg{width:15px;height:15px}
.insight--money .insight__mark{background:var(--success-soft);color:var(--success)}
.insight--warn .insight__mark{background:var(--warning-soft);color:var(--warning)}
.insight--danger .insight__mark{background:var(--danger-soft);color:var(--danger)}
.insight__body{flex:1;min-width:0}
.insight__title{font-size:13.5px;font-weight:600}
.insight__text{font-size:13px;color:var(--text-secondary);margin-top:2px}
.insight__action{margin-top:var(--s2)}

/* ----------------------------------------------------------- Диагностика */

.check-row{
  display:flex;gap:var(--s3);align-items:flex-start;
  padding:10px 0;border-top:1px solid var(--border);
}
.check-row:first-child{border-top:none}
.check-row__icon{
  width:20px;height:20px;flex-shrink:0;margin-top:1px;
  display:grid;place-items:center;border-radius:50%;
  font-size:11px;font-weight:700;
  background:var(--neutral-soft);color:var(--text-muted);
}
.check-row--ok .check-row__icon{background:var(--success-soft);color:var(--success)}
.check-row--warn .check-row__icon{background:var(--warning-soft);color:var(--warning)}
.check-row--error .check-row__icon{background:var(--danger-soft);color:var(--danger)}
.check-row--skip{color:var(--text-muted)}
.check-row__body{flex:1;min-width:0;font-size:13.5px}
.check-row__detail{
  margin-top:6px;padding:var(--s2) var(--s3);
  background:var(--surface-subtle);border:1px solid var(--border);border-radius:6px;
  font-family:var(--mono);font-size:11.5px;color:var(--text-muted);
  overflow-x:auto;white-space:pre-wrap;word-break:break-word;
}

details.tech{margin-top:6px}
details.tech > summary{
  cursor:pointer;font-size:12px;color:var(--text-muted);
  list-style:none;display:inline-flex;align-items:center;gap:5px;
}
details.tech > summary::-webkit-details-marker{display:none}
details.tech > summary::before{content:"▸";font-size:10px;transition:transform var(--t-fast)}
details.tech[open] > summary::before{transform:rotate(90deg)}
details.tech > summary:hover{color:var(--text-secondary)}

/* ------------------------------------------------------------------ Воронка */

.funnel__step{padding:10px 0;border-top:1px solid var(--border)}
.funnel__step:first-child{border-top:none}
.funnel__row{
  display:flex;justify-content:space-between;gap:var(--s3);
  font-size:13.5px;margin-bottom:6px;flex-wrap:wrap;
}
.funnel__label{display:flex;align-items:center;gap:var(--s2);min-width:0}
.funnel__stat{
  display:flex;align-items:baseline;gap:var(--s2);
  font-variant-numeric:tabular-nums;flex-shrink:0;
}
.funnel__bar{height:8px;border-radius:4px;background:var(--surface-hover);overflow:hidden}
.funnel__fill{height:100%;background:var(--primary);border-radius:4px;transition:width var(--t-base)}
.funnel__fill--partial{background:var(--warning)}
.funnel__step.is-worst .funnel__fill{background:var(--danger)}

/* ------------------------------------------------------------------- График */

.chart{position:relative}
.chart svg{width:100%;height:auto;display:block}
.chart__head{
  display:flex;align-items:baseline;gap:var(--s3);
  margin-bottom:var(--s3);flex-wrap:wrap;
}
.chart__value{font-size:24px;font-weight:600;font-variant-numeric:tabular-nums}
.chart-tip{
  position:fixed;z-index:200;pointer-events:none;
  padding:8px 11px;border-radius:8px;
  background:#0f172a;color:#f8fafc;
  font-size:12.5px;line-height:1.45;white-space:nowrap;
  box-shadow:var(--shadow-md);opacity:0;transition:opacity .1s;
}

/* ------------------------------------------------- Пикер офферов */

.picker{
  border:1px solid var(--border);border-radius:var(--r-control);
  overflow:hidden;background:var(--surface);
}
.picker__head{
  position:sticky;top:0;z-index:2;
  display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap;
  padding:var(--s3);background:var(--surface-subtle);
  border-bottom:1px solid var(--border);
}
.picker__search{flex:1 1 220px}
.picker__list{max-height:340px;overflow-y:auto}
.picker__row{
  display:flex;align-items:center;gap:var(--s3);
  padding:10px var(--s4);border-bottom:1px solid var(--border);
  cursor:pointer;transition:background var(--t-fast);
}
.picker__row:last-child{border-bottom:none}
.picker__row:hover{background:var(--surface-subtle)}
.picker__row.is-added{opacity:.6;cursor:default}
.picker__row.is-added:hover{background:transparent}
.picker__main{flex:1;min-width:0}
.picker__name{font-size:13.5px;font-weight:500}
.picker__meta{font-size:12px;color:var(--text-muted);margin-top:1px}
.picker__tags{display:flex;gap:var(--s1);flex-wrap:wrap;justify-content:flex-end;max-width:45%}
.picker__payout{
  width:70px;text-align:end;flex-shrink:0;
  font-variant-numeric:tabular-nums;font-size:13.5px;
}

/* ------------------------------------------------------------ Модалка и drawer */

.modal-root{position:fixed;inset:0;z-index:60;display:none}
.modal-root.is-open{display:block}
.modal-root__scrim{
  position:absolute;inset:0;background:rgba(15,23,42,.5);
  animation:fade var(--t-base);
}
@keyframes fade{from{opacity:0}to{opacity:1}}

.modal{
  position:absolute;inset-inline:0;top:6vh;margin-inline:auto;
  width:min(640px,calc(100% - 32px));max-height:88vh;
  display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-panel);box-shadow:var(--shadow-lg);
  animation:modal-in var(--t-base);
}
.modal--wide{width:min(880px,calc(100% - 32px))}
@keyframes modal-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

.drawer{
  position:absolute;inset-block:0;inset-inline-end:0;
  width:min(560px,100%);
  display:flex;flex-direction:column;
  background:var(--surface);border-inline-start:1px solid var(--border);
  box-shadow:var(--shadow-lg);
  animation:drawer-in var(--t-base);
}
.drawer--wide{width:min(760px,100%)}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}
html[dir="rtl"] .drawer{animation-name:drawer-in-rtl}
@keyframes drawer-in-rtl{from{transform:translateX(-100%)}to{transform:none}}

.panel__head{
  display:flex;align-items:flex-start;gap:var(--s3);
  padding:var(--s4) var(--s5);border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.panel__title{font-size:16px;font-weight:600}
.panel__desc{font-size:12.5px;color:var(--text-muted);margin-top:2px}
.panel__body{padding:var(--s5);overflow-y:auto;flex:1;min-height:0}
.panel__foot{
  display:flex;gap:var(--s2);justify-content:flex-end;flex-wrap:wrap;
  padding:var(--s3) var(--s5);border-top:1px solid var(--border);
  background:var(--surface-subtle);flex-shrink:0;
}
.panel__foot--split{justify-content:space-between}

/* ------------------------------------------------------------------- Тосты */

.toasts{
  position:fixed;z-index:80;
  inset-block-end:var(--s5);inset-inline-end:var(--s5);
  display:flex;flex-direction:column;gap:var(--s2);
  pointer-events:none;max-width:min(380px,calc(100vw - 32px));
}
.toast{
  display:flex;gap:10px;align-items:flex-start;
  padding:11px var(--s4);
  background:var(--surface);border:1px solid var(--border);
  border-inline-start:3px solid var(--text-muted);
  border-radius:var(--r-control);box-shadow:var(--shadow-md);
  font-size:13.5px;pointer-events:auto;
  animation:toast-in var(--t-base);
}
.toast.is-out{opacity:0;transform:translateY(6px);transition:all var(--t-base)}
@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.toast__icon{flex-shrink:0;margin-top:1px}
.toast__icon svg{width:16px;height:16px;display:block}
.toast--success{border-inline-start-color:var(--success)}
.toast--success .toast__icon{color:var(--success)}
.toast--error{border-inline-start-color:var(--danger)}
.toast--error .toast__icon{color:var(--danger)}
.toast--warning{border-inline-start-color:var(--warning)}
.toast--warning .toast__icon{color:var(--warning)}
.toast--info{border-inline-start-color:var(--info)}
.toast--info .toast__icon{color:var(--info)}

/* --------------------------------------------------------------------- Вход */

.auth{
  min-height:100vh;display:grid;place-items:center;
  padding:var(--s5);background:var(--bg);
}
.auth__card{
  width:100%;max-width:400px;
  background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r-panel);box-shadow:var(--shadow-sm);
  padding:var(--s8);
}
.auth__brand{display:flex;align-items:center;gap:10px;margin-bottom:var(--s6)}
.auth__logo{
  width:34px;height:34px;border-radius:9px;
  background:linear-gradient(135deg,#2563eb,#0ea5e9);
  display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;
}
.auth__name{font-size:16px;font-weight:600}
.auth__title{font-size:20px;font-weight:600}
.auth__sub{font-size:13px;color:var(--text-muted);margin-top:var(--s1);margin-bottom:var(--s6)}
.auth__foot{margin-top:var(--s5);font-size:12px;color:var(--text-muted);text-align:center}

/* ---------------------------------------------------------------- Адаптив */

@media (max-width:1180px){
  .grid--kpi4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
  .sidebar{transform:translateX(-100%)}
  html[dir="rtl"] .sidebar{transform:translateX(100%)}
  .sidebar.is-open{transform:none}
  .main{margin-inline-start:0}
  .burger{display:inline-flex}
  .view{padding:var(--s4)}
  .topbar{padding-inline:var(--s4)}
  .grid--form{grid-template-columns:1fr}
  .page-head__actions{width:100%}
  .page-head__actions .btn{flex:1}
}

@media (max-width:640px){
  h1{font-size:20px}
  .kpi__value{font-size:22px}
  .kpi__value--lg{font-size:27px}
  .grid--kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card__body{padding:var(--s4)}
  .form-section{padding:var(--s4)}
  .panel__body,.panel__head,.panel__foot{padding-inline:var(--s4)}
  .toasts{
    inset-inline:var(--s3);inset-block-end:var(--s3);
    max-width:none;align-items:stretch;
  }
  .modal{top:auto;bottom:0;max-height:92vh;border-radius:var(--r-panel) var(--r-panel) 0 0}
  .drawer{width:100%}
  .picker__tags{max-width:none;justify-content:flex-start}
  .picker__row{flex-wrap:wrap}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}

/* ---- Оффер на паузе по расписанию ---- */
.row--paused{background:var(--danger-soft)}
.row--paused td{opacity:.85}

/* Расписание работы оффера */
.sched-row{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2)}
.sched-row .input,.sched-row input[type=time]{
  padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--surface);color:var(--text);font:inherit}
.sched-dash{color:var(--text-muted)}
.btn--icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;
  justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);
  background:var(--surface);color:var(--text-muted);cursor:pointer}
.btn--icon:hover{border-color:var(--danger-border);color:var(--danger);background:var(--danger-soft)}

/* Автопоиск таймзоны */
.tz-picker{position:relative}
.tz-results{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;
  max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--radius-sm);box-shadow:0 8px 28px rgba(0,0,0,.18)}
.tz-item{display:flex;align-items:center;gap:var(--s2);padding:9px 12px;cursor:pointer;
  border-bottom:1px solid var(--border)}
.tz-item:last-child{border-bottom:none}
.tz-item:hover{background:var(--primary-soft)}
.tz-city{flex:1;font-weight:500}
.tz-zone{color:var(--text-muted);font-family:var(--mono);font-size:12px}
.tz-off{color:var(--primary);font-family:var(--mono);font-size:12px;font-weight:600}
.tz-empty{padding:12px;color:var(--text-muted);text-align:center;font-size:13px}

/* ---- Поведение на возрастном гейте ---- */
.gate-bar{display:flex;align-items:center;gap:var(--s2);margin-bottom:8px}
.gate-bar__label{flex:0 0 130px;font-size:13px;color:var(--text-muted)}
.gate-bar__track{flex:1;height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}
.gate-bar__fill{display:block;height:100%;border-radius:4px;transition:width .3s}
.gate-bar__val{flex:0 0 48px;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}
.gate-verdict{margin-top:14px;padding:12px 14px;border-radius:var(--radius-sm);font-size:14px;line-height:1.5}
.gate-verdict--warning{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning)}
.gate-verdict--danger{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger)}
.gate-verdict--info{background:var(--info-soft);border:1px solid var(--info-border);color:var(--info)}

/* -------------------------------------------------- Доход по странам (pie) */
/* Диаграмма и легенда рядом на широком экране, столбиком — на узком. */
.pie-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.pie-chart{flex:1 1 340px;min-width:0}
.pie-svg{display:block;width:100%;height:auto;max-width:560px;margin:0 auto}
.pie-legend{flex:1 1 220px;min-width:200px;display:flex;flex-direction:column;gap:2px}
.pie-legend__row{display:grid;grid-template-columns:14px 1fr auto auto;align-items:center;
  gap:10px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13.5px}
.pie-legend__row:last-child{border-bottom:0}
.pie-legend__dot{width:12px;height:12px;border-radius:3px;flex:0 0 auto}
.pie-legend__name{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pie-legend__val{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}
.pie-legend__pct{color:var(--text-muted);font-variant-numeric:tabular-nums;
  min-width:52px;text-align:right}
.pie-legend__row--total{border-top:2px solid var(--border-strong);border-bottom:0;
  margin-top:4px;padding-top:10px;font-weight:700}
.pie-legend__row--total .pie-legend__pct{color:transparent}
.pie-slice{cursor:pointer;transition:opacity .15s ease,filter .15s ease,stroke-width .15s ease}
.pie-slice.is-dim{opacity:.32}
.pie-slice.is-active{filter:brightness(1.12);stroke:var(--surface);stroke-width:3}
.pie-legend__row[data-pie-index]{cursor:pointer;transition:background .15s ease,opacity .15s ease}
.pie-legend__row[data-pie-index].is-active{background:var(--surface-hover,rgba(37,99,235,.08));border-radius:6px}
.pie-legend__row[data-pie-index].is-dim{opacity:.45}


/* ---------------------------------------------------------- Мониторинг сервера */
.server-widget{
  margin:10px 0 4px;
  padding:12px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface-2);
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.server-widget.is-warn{border-color:rgba(245,158,11,.55)}
.server-widget.is-danger{border-color:rgba(239,68,68,.7)}

.server-widget__head,
.server-widget__label,
.server-widget__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.server-widget__head{margin-bottom:12px}
.server-widget__title{
  font-size:12px;
  font-weight:700;
  color:var(--text);
}
.server-widget__live{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:10px;
  color:var(--success);
  white-space:nowrap;
}
.server-widget .dot{width:6px;height:6px}

.server-widget__metric{margin-bottom:11px}
.server-widget__label{
  margin-bottom:5px;
  font-size:10px;
  line-height:1.3;
  color:var(--text-muted);
}
.server-widget__label strong{
  color:var(--text);
  font-size:10px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.server-widget__bar{
  height:6px;
  overflow:hidden;
  border-radius:4px;
  background:var(--surface);
}
.server-widget__bar i{
  display:block;
  width:0;
  height:100%;
  border-radius:4px;
  background:var(--primary);
  transition:width .35s ease;
}
.server-widget.is-warn .server-widget__bar i{background:#f59e0b}
.server-widget.is-danger .server-widget__bar i{background:#ef4444}

.server-widget__cpu{margin-top:4px}
.server-widget__chart{
  display:block;
  width:100%;
  height:42px;
  margin-top:7px;
  overflow:visible;
}
.server-widget__chart polyline{
  stroke:#f59e0b;
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.server-widget__foot{
  margin-top:7px;
  font-size:9px;
  color:var(--text-muted);
  font-variant-numeric:tabular-nums;
}
.server-widget__error{
  margin-top:8px;
  padding:6px 8px;
  border-radius:6px;
  background:var(--danger-soft);
  color:var(--danger);
  font-size:9px;
}

/* ===== FINAL SIDEBAR VISUAL ===== */
.sidebar__group{margin-bottom:4px}
.sidebar__group-label{display:none}
.sidebar__link{padding:9px 12px;margin-bottom:2px;min-height:38px;border-radius:8px;font-size:13px;font-weight:500}
.sidebar__link.is-active{background:#2563eb;color:#fff}
.server-widget{margin:6px 0 0;padding:10px;border:1px solid #1c2635;border-radius:9px;background:#0d131d;box-shadow:none;color:#dce3ed}
.server-widget__head{margin-bottom:10px}
.server-widget__title{font-size:11px;font-weight:600;color:#e7edf7;letter-spacing:0;text-transform:none}
.server-widget__live{gap:5px;font-size:9px;color:#4ade80}
.server-widget .dot{width:6px;height:6px}
.server-widget__metric{margin-bottom:10px}
.server-widget__label{margin-bottom:4px;font-size:9px;color:#7f8b9f}
.server-widget__name{display:inline-flex;align-items:center;gap:6px}
.server-widget__metric-icon{width:13px;height:13px;flex:0 0 13px;fill:none;stroke:#aab6c8;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.server-widget__label strong{font-size:9px;font-weight:600;color:#dce3ed}
.server-widget__bar{height:5px;border-radius:999px;background:#171e2a}
.server-widget__bar i{border-radius:999px;background:#3b82f6}
.server-widget__metric--ram .server-widget__bar i{background:#10d88a}
.server-widget__cpu{margin-top:2px}
.server-widget__chart{display:block;width:100%;height:64px;margin-top:4px;overflow:visible}
.server-widget__chart .server-widget__axis{stroke:#566274;stroke-width:.7;opacity:.8}
.server-widget__chart text{fill:#8290a5;font-size:8px;font-family:var(--font);dominant-baseline:middle}
.server-widget__chart polyline{stroke:#f59e0b;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.server-widget__chart polygon{fill:url(#serverCpuFill)}
.server-widget__foot{margin-top:6px;font-size:8px;color:#748095}
.server-widget__error{margin-top:8px;padding:6px 8px;border-radius:6px;background:var(--danger-soft);color:var(--danger);font-size:9px}

/* =========================================================
   PREMIUM MISSION CONTROL — UI REDESIGN v1
   Visual layer only. No application logic changes.
   ========================================================= */

:root {
  --bg: #080b12;
  --surface: #101521;
  --surface-2: #151c2b;
  --surface-3: #1a2233;
  --sidebar-bg: #070a10;
  --topbar-bg: rgba(8, 11, 18, .88);

  --border: rgba(148, 163, 184, .13);
  --border-strong: rgba(148, 163, 184, .22);

  --text: #f1f5f9;
  --text-secondary: #a7b2c3;
  --text-muted: #6f7c91;

  --primary: #5b8cff;
  --primary-hover: #78a2ff;
  --violet: #8b7cff;
  --cyan: #43d9ff;
  --success: #38d39f;
  --warning: #f4bd5b;
  --danger: #ff6b81;

  --shadow-sm: 0 4px 16px rgba(0, 0, 0, .20);
  --shadow-md: 0 12px 36px rgba(0, 0, 0, .28);
  --shadow-glow: 0 0 32px rgba(91, 140, 255, .08);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
}

/* ---------- Base ---------- */

html,
body {
  background:
    radial-gradient(circle at 78% -10%, rgba(91, 140, 255, .09), transparent 32rem),
    radial-gradient(circle at 20% 100%, rgba(139, 124, 255, .055), transparent 28rem),
    var(--bg);
  color: var(--text);
}

body {
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  letter-spacing: -0.01em;
}

::selection {
  background: rgba(91, 140, 255, .28);
  color: #fff;
}

/* ---------- Sidebar ---------- */

.sidebar {
  background:
    linear-gradient(180deg, rgba(12, 16, 25, .98), rgba(6, 9, 15, .99));
  border-right: 1px solid rgba(148, 163, 184, .10);
  box-shadow: 12px 0 40px rgba(0, 0, 0, .16);
}

.sidebar .brand,
.sidebar .logo {
  color: #fff;
}

.sidebar .nav-item {
  color: #8e9bad;
  border-radius: 10px;
  margin: 3px 10px;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.sidebar .nav-item:hover {
  color: #dbe5f5;
  background: rgba(255, 255, 255, .045);
}

.sidebar .nav-item.active {
  color: #fff;
  background:
    linear-gradient(90deg, rgba(91, 140, 255, .18), rgba(139, 124, 255, .08));
  box-shadow:
    inset 2px 0 0 var(--primary),
    0 6px 20px rgba(0, 0, 0, .12);
}

.sidebar .nav-section-title {
  color: #536074;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* ---------- Topbar ---------- */

.topbar {
  background: var(--topbar-bg);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

.topbar .icon-btn,
.topbar button {
  border-color: var(--border);
  background: rgba(255, 255, 255, .025);
}

.topbar .icon-btn:hover,
.topbar button:hover {
  background: rgba(255, 255, 255, .06);
  border-color: var(--border-strong);
}

/* ---------- Page header ---------- */

.page-head {
  margin-bottom: 22px;
}

.page-head h1 {
  color: #f8fafc;
  font-size: 26px;
  font-weight: 750;
  letter-spacing: -.035em;
}

.page-head p {
  color: var(--text-muted);
}

/* ---------- Cards ---------- */

.card,
.panel,
.form-section,
.kpi {
  background:
    linear-gradient(145deg, rgba(20, 27, 41, .94), rgba(13, 18, 29, .96));
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.card,
.panel {
  transition:
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.card:hover,
.panel:hover {
  border-color: rgba(148, 163, 184, .18);
  box-shadow: var(--shadow-md), var(--shadow-glow);
}

/* ---------- KPI ---------- */

.kpi {
  position: relative;
  overflow: hidden;
  padding: 20px;
}

.kpi::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -55px;
  top: -55px;
  background: radial-gradient(circle, rgba(91, 140, 255, .13), transparent 68%);
  pointer-events: none;
}

.kpi .label {
  color: #7f8ca0;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.kpi .value {
  color: #f8fafc;
  font-size: 28px;
  font-weight: 750;
  letter-spacing: -.04em;
}

/* ---------- Tables ---------- */

.table {
  border-color: var(--border);
}

.table thead th {
  color: #66758a;
  background: rgba(255, 255, 255, .018);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-bottom-color: var(--border);
}

.table tbody td {
  color: #c7d0dd;
  border-bottom-color: rgba(148, 163, 184, .08);
}

.table tbody tr {
  transition: background .15s ease;
}

.table tbody tr:hover {
  background: rgba(91, 140, 255, .035);
}

/* ---------- Buttons ---------- */

.btn {
  border-radius: 10px;
  font-weight: 650;
  transition:
    transform .15s ease,
    box-shadow .15s ease,
    background .15s ease;
}

.btn-primary {
  background: linear-gradient(135deg, #5b8cff, #7669f7);
  border-color: transparent;
  box-shadow: 0 6px 20px rgba(91, 140, 255, .20);
}

.btn-primary:hover {
  background: linear-gradient(135deg, #6d9aff, #8578ff);
  box-shadow: 0 8px 26px rgba(91, 140, 255, .28);
  transform: translateY(-1px);
}

/* ---------- Inputs ---------- */

.input,
select,
textarea {
  background: rgba(6, 10, 17, .72);
  border-color: var(--border-strong);
  color: #e8edf5;
  border-radius: 10px;
}

.input:focus,
select:focus,
textarea:focus {
  border-color: rgba(91, 140, 255, .65);
  box-shadow: 0 0 0 3px rgba(91, 140, 255, .10);
  outline: none;
}

.input::placeholder,
textarea::placeholder {
  color: #58667a;
}

/* ---------- Badges ---------- */

.badge {
  border-radius: 999px;
  font-weight: 650;
  border: 1px solid rgba(148, 163, 184, .12);
}

.badge-success {
  background: rgba(56, 211, 159, .10);
  color: #62e4b5;
  border-color: rgba(56, 211, 159, .20);
}

.badge-warning {
  background: rgba(244, 189, 91, .10);
  color: #ffd17a;
  border-color: rgba(244, 189, 91, .20);
}

.badge-danger {
  background: rgba(255, 107, 129, .10);
  color: #ff8da0;
  border-color: rgba(255, 107, 129, .20);
}

/* ---------- Charts ---------- */

.chart {
  background:
    linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
  border-radius: 14px;
}

/* ---------- Modals ---------- */

.modal,
.drawer {
  background:
    linear-gradient(145deg, rgba(19, 26, 40, .98), rgba(10, 14, 23, .99));
  border: 1px solid var(--border-strong);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .48);
  border-radius: 18px;
}

.modal-backdrop,
.drawer-backdrop {
  background: rgba(2, 5, 10, .68);
  backdrop-filter: blur(5px);
}

/* ---------- Scrollbars ---------- */

* {
  scrollbar-width: thin;
  scrollbar-color: #303b4d transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background: #303b4d;
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb:hover {
  background: #435168;
}

/* ---------- Server widget ---------- */

.server-widget {
  background:
    linear-gradient(145deg, rgba(18, 25, 39, .96), rgba(10, 15, 25, .98));
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}


/* =========================================================
   PREMIUM MISSION CONTROL v2
   Actual MVAS Tracker selectors
   ========================================================= */

:root{
  --sidebar-width: 300px;
}

/* APP SHELL */
.sidebar{
  width:300px;
  background:#070a11;
  border-right:1px solid rgba(255,255,255,.07);
}

.main{
  background:
    radial-gradient(900px 500px at 80% -10%,rgba(73,102,255,.08),transparent 65%),
    #080c14;
}

/* BRAND */
.sidebar__brand{
  height:72px;
  padding:0 20px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.sidebar__logo{
  width:34px;
  height:34px;
  border-radius:10px;
  background:linear-gradient(135deg,#4d8dff,#765cff);
  box-shadow:0 8px 24px rgba(77,141,255,.25);
}

.sidebar__title{
  font-size:15px;
  font-weight:700;
  color:#f4f7fb;
}

/* NAV */
.sidebar__nav{
  padding:22px 14px;
}

.sidebar__group{
  margin-bottom:18px;
}

.sidebar__link{
  min-height:44px;
  padding:0 14px;
  margin-bottom:4px;
  border-radius:11px;
  color:#7f8ca1;
  font-size:13px;
  font-weight:550;
  transition:.18s ease;
}

.sidebar__link:hover{
  color:#dce5f3;
  background:rgba(255,255,255,.045);
}

.sidebar__link.is-active{
  color:#fff;
  background:linear-gradient(135deg,#2867e9,#3c70ed);
  box-shadow:
    0 8px 24px rgba(37,99,235,.22),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.sidebar__link svg{
  width:18px;
  height:18px;
}

/* FOOTER */
.sidebar__footer{
  padding:14px;
  border-top:1px solid rgba(255,255,255,.06);
}

.sidebar__status{
  margin-bottom:8px;
  color:#78869b;
}

/* TOPBAR */
.topbar{
  height:64px;
  background:rgba(8,12,20,.82);
  border-bottom:1px solid rgba(255,255,255,.07);
  backdrop-filter:blur(18px);
}

.topbar__crumbs{
  color:#69778c;
}

.topbar__crumbs b{
  color:#dce4ef;
}

/* CONTENT */
.view{
  padding:34px 38px 50px;
  max-width:1600px;
}

/* PAGE HEADER */
.page-head{
  margin-bottom:28px;
}

.page-head h1{
  font-size:30px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:-.045em;
  color:#f7f9fc;
}

.page-head__sub{
  margin-top:8px;
  color:#718096;
  font-size:13px;
}

/* KPI GRID */
.grid--kpi4{
  gap:14px;
}

.kpi{
  min-height:124px;
  padding:22px 24px;
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(145deg,#121a2a,#0d131f);
  border:1px solid rgba(148,163,184,.11);
  border-radius:16px;
  box-shadow:
    0 8px 30px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.025);
}

.kpi::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:2px;
  background:linear-gradient(90deg,#4d8dff,#7b61ff,transparent);
  opacity:.75;
}

.kpi::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-100px;
  top:-100px;
  background:radial-gradient(circle,rgba(78,123,255,.16),transparent 68%);
}

.kpi__label{
  position:relative;
  z-index:1;
  color:#718198;
  font-size:10px;
  font-weight:700;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.kpi__value{
  position:relative;
  z-index:1;
  margin-top:10px;
  font-size:31px;
  line-height:1;
  font-weight:750;
  letter-spacing:-.045em;
  color:#f5f8fc;
}

.kpi__meta{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:#647287;
}

/* CARDS */
.card{
  background:linear-gradient(145deg,#111927,#0d131e);
  border:1px solid rgba(148,163,184,.10);
  border-radius:17px;
  box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.card__header{
  padding:20px 22px;
  border-bottom:1px solid rgba(148,163,184,.08);
}

.card__title{
  color:#edf2f8;
  font-weight:700;
}

.card__subtitle{
  color:#68778d;
}

/* TABLE */
.table{
  border-radius:12px;
  overflow:hidden;
}

.table thead th{
  background:rgba(255,255,255,.018);
  color:#65748a;
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.table tbody tr{
  transition:background .15s ease;
}

.table tbody tr:hover{
  background:rgba(67,112,235,.045);
}

.table tbody td{
  border-bottom-color:rgba(148,163,184,.07);
}

/* BUTTONS */
.btn{
  border-radius:10px;
  font-weight:650;
}

.btn-primary{
  background:linear-gradient(135deg,#3978f2,#675cf0);
  border-color:transparent;
  box-shadow:0 7px 22px rgba(61,112,239,.20);
}

/* INPUTS */
.input,
select,
textarea{
  background:#0b111c;
  border-color:rgba(148,163,184,.15);
  border-radius:10px;
}

.input:focus,
select:focus,
textarea:focus{
  border-color:#4b7df0;
  box-shadow:0 0 0 3px rgba(75,125,240,.10);
}

/* SERVER WIDGET */
.server-widget{
  background:linear-gradient(145deg,#101827,#0b111b);
  border:1px solid rgba(148,163,184,.11);
  border-radius:14px;
  box-shadow:0 8px 28px rgba(0,0,0,.20);
}

/* MOBILE */
@media(max-width:900px){
  .sidebar{
    width:250px;
  }

  .view{
    padding:24px 20px 40px;
  }

  .grid--kpi4{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .grid--kpi4{
    grid-template-columns:1fr;
  }

  .view{
    padding:20px 14px 30px;
  }
}


/* =========================================================
   PREMIUM MISSION CONTROL — DASHBOARD COMPOSITION
   ========================================================= */

.mc-dashboard{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.mc-primary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.mc-kpi{
  position:relative;
  min-height:128px;
  padding:22px 24px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.11);
  border-radius:16px;
  background:
    radial-gradient(180px 100px at 100% 0%,rgba(74,112,255,.11),transparent 70%),
    linear-gradient(145deg,#121a29,#0d131f);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

.mc-kpi::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#4d8dff,#765cff,transparent);
}

.mc-kpi__label{
  color:#78879d;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mc-kpi__value{
  margin-top:14px;
  color:#f6f8fc;
  font-size:30px;
  line-height:1;
  font-weight:750;
  letter-spacing:-.045em;
}

.mc-kpi__extra{
  margin-top:12px;
  color:#4f5f74;
  font-size:11px;
}

.mc-economics{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(180px,1fr);
  gap:14px;
  padding:22px 24px;
  border:1px solid rgba(148,163,184,.11);
  border-radius:17px;
  background:
    radial-gradient(500px 180px at 0% 100%,rgba(52,211,153,.045),transparent 70%),
    linear-gradient(145deg,#111927,#0c121d);
  box-shadow:0 10px 32px rgba(0,0,0,.18);
}

.mc-economics__main{
  padding-right:24px;
  border-right:1px solid rgba(148,163,184,.09);
}

.mc-section-label{
  color:#718096;
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
}

.mc-profit{
  margin-top:8px;
  color:#54dfae;
  font-size:34px;
  font-weight:750;
  letter-spacing:-.045em;
}

.mc-profit-meta{
  display:flex;
  gap:20px;
  margin-top:10px;
  color:#68778b;
  font-size:11px;
}

.mc-economics__metric{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-left:8px;
}

.mc-economics__value{
  margin-top:7px;
  color:#f4f7fb;
  font-size:25px;
  font-weight:720;
  letter-spacing:-.035em;
}

.mc-economics__hint{
  margin-top:5px;
  color:#56657a;
  font-size:11px;
}

.mc-country .card{
  margin:0;
}

.mc-bundles .card{
  margin:0;
}

/* Dashboard chart/card hierarchy */
.mc-country .card,
.mc-bundles .card{
  border-radius:17px;
}

.mc-country .card__header,
.mc-bundles .card__header{
  padding:20px 22px;
}

/* Responsive */
@media(max-width:1050px){
  .mc-primary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .mc-economics{
    grid-template-columns:1.5fr 1fr 1fr;
  }
}

@media(max-width:700px){
  .mc-primary-grid{
    grid-template-columns:1fr;
  }

  .mc-economics{
    grid-template-columns:1fr;
  }

  .mc-economics__main{
    padding-right:0;
    padding-bottom:18px;
    border-right:0;
    border-bottom:1px solid rgba(148,163,184,.09);
  }

  .mc-profit-meta{
    flex-wrap:wrap;
  }
}


/* ===== Mission Control dashboard structure ===== */
.mc-dashboard{max-width:1600px;margin:0 auto}
.mc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px}
.mc-eyebrow,.mc-card__eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.mc-head h1{margin:4px 0 3px;font-size:28px;letter-spacing:-.03em}
.mc-sub{opacity:.55;font-size:13px}
.mc-periods{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.mc-period{border:1px solid var(--border);background:var(--surface);color:var(--text);padding:7px 11px;border-radius:7px;font-size:12px;cursor:pointer}
.mc-period.is-active{background:var(--text);color:var(--bg);border-color:var(--text)}

.mc-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px}
.mc-main{min-width:0}
.mc-side{display:flex;flex-direction:column;gap:16px}

.mc-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mc-kpi{padding:16px 17px;border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:105px}
.mc-kpi--revenue{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}
.mc-kpi__top{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;opacity:.65}
.mc-kpi__icon{font-size:15px}
.mc-kpi strong{display:block;font-size:25px;line-height:1.15;margin-top:14px;letter-spacing:-.03em}
.mc-kpi small{display:block;margin-top:5px;font-size:11px;opacity:.42}

.mc-economics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:10px;background:var(--surface);margin:12px 0 16px;overflow:hidden}
.mc-economics>div{padding:13px 16px;border-right:1px solid var(--border)}
.mc-economics>div:last-child{border-right:0}
.mc-economics span{display:block;font-size:9px;font-weight:700;letter-spacing:.14em;opacity:.45}
.mc-economics strong{display:block;margin-top:5px;font-size:16px}

.mc-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;overflow:hidden}
.mc-card__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}
.mc-card__head h2{margin:3px 0 0;font-size:15px}
.mc-trend{min-height:330px}
.mc-trend__tabs{display:flex;gap:3px}
.mc-trend__tabs button{border:0;background:transparent;color:var(--text);opacity:.48;padding:6px 9px;border-radius:6px;font-size:11px;cursor:pointer}
.mc-trend__tabs button.is-active{background:var(--bg);opacity:1}
.mc-trend__chart{padding:10px 14px 16px;min-height:255px}
.mc-loading{min-height:240px;display:grid;place-items:center;opacity:.4;font-size:12px}

.mc-two-col{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:16px;margin-top:16px}
.mc-side #serverWidget{width:100%;margin:0}
.mc-status-card{padding-bottom:8px}
.mc-status-row{display:flex;justify-content:space-between;padding:11px 16px;border-bottom:1px solid var(--border);font-size:12px}
.mc-status-row:last-child{border-bottom:0}
.mc-live{font-size:9px;font-weight:700;letter-spacing:.12em;padding:4px 7px;border:1px solid var(--border);border-radius:5px;opacity:.65}

@media(max-width:1100px){
  .mc-layout{grid-template-columns:1fr}
  .mc-side{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .mc-head{align-items:flex-start;flex-direction:column}
  .mc-kpis{grid-template-columns:1fr 1fr}
  .mc-economics{grid-template-columns:1fr 1fr}
  .mc-economics>div:nth-child(2){border-right:0}
  .mc-two-col,.mc-side{grid-template-columns:1fr}
}

/* ===== Dashboard Premium Visual Layer ===== */

.view:has(.grid--kpi4){
  max-width:1600px;
}

.view:has(.grid--kpi4) .page-head{
  margin-bottom:24px;
}

.view:has(.grid--kpi4) .grid--kpi4{
  gap:14px;
}

.view:has(.grid--kpi4) .kpi{
  min-height:130px;
  padding:18px;
  border-radius:14px;
  background:
    linear-gradient(
      145deg,
      rgba(37,99,235,.08),
      rgba(15,23,42,.02)
    ),
    var(--surface);
  transition:.2s ease;
}

.view:has(.grid--kpi4) .kpi:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.view:has(.grid--kpi4) .kpi__value{
  font-size:34px;
  letter-spacing:-.04em;
}

.view:has(.grid--kpi4) .card{
  border-radius:14px;
  overflow:hidden;
}

.view:has(.grid--kpi4) .card__head{
  padding:18px 20px;
}

.view:has(.grid--kpi4) table{
  font-size:13px;
}

.view:has(.grid--kpi4) .table__primary{
  font-weight:600;
}

/* premium spacing */
.view:has(.grid--kpi4) > *{
  animation:dashboardFade .25s ease;
}

@keyframes dashboardFade{
  from{
    opacity:0;
    transform:translateY(5px);
  }
  to{
    opacity:1;
    transform:none;
  }
}


/* =========================================================
   DASHBOARD — FINAL VISUAL PASS
   ========================================================= */

.mc-dashboard{
  width:100%;
  max-width:1600px;
  margin:0 auto;
  gap:16px;
}

.mc-primary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.mc-kpi{
  min-height:108px;
  padding:17px 18px;
  border-radius:12px;
  background:
    radial-gradient(220px 120px at 100% 0%,rgba(74,112,255,.08),transparent 72%),
    linear-gradient(145deg,#111827,#0d131e);
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.mc-kpi::before{
  height:1px;
  opacity:.8;
}

.mc-kpi__label{
  font-size:9px;
  letter-spacing:.13em;
}

.mc-kpi__value{
  margin-top:12px;
  font-size:27px;
  letter-spacing:-.04em;
}

.mc-kpi__extra{
  margin-top:9px;
  font-size:10px;
}

.mc-dashboard-chart .card{
  margin:0;
  border-radius:14px;
  overflow:hidden;
}

.mc-dashboard-chart .card__header{
  min-height:52px;
  padding:15px 18px;
}

.mc-dashboard-chart .card__body{
  padding:0;
}

.mc-chart-box{
  min-height:0;
}

.mc-chart-box .chart{
  padding:8px 12px 10px;
}

.mc-chart-box svg{
  max-height:290px;
}

.mc-country .card{
  border-radius:14px;
  overflow:hidden;
}

.mc-country .card__header{
  padding:15px 18px;
  min-height:52px;
}

.mc-bundles .card{
  border-radius:14px;
  overflow:hidden;
}

.mc-bundles .card__header{
  padding:15px 18px;
  min-height:52px;
}

@media(max-width:1050px){
  .mc-primary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .mc-primary-grid{
    grid-template-columns:1fr;
  }

  .mc-kpi{
    min-height:96px;
  }
}


/* =========================================================
   DASHBOARD — ANALYTICS GRID
   ========================================================= */

.mc-analytics-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:16px;
  align-items:stretch;
}

.mc-analytics-grid > .mc-country,
.mc-analytics-grid > .mc-system-panel{
  min-width:0;
}

.mc-analytics-grid .card{
  height:100%;
  margin:0;
  border-radius:14px;
  overflow:hidden;
}

.mc-system-panel .card__body{
  padding:12px;
}

.mc-system-panel #serverWidget{
  width:100%;
  margin:0;
}

@media(max-width:900px){
  .mc-analytics-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   MISSION CONTROL — TOP COMMAND BAR
   ========================================================= */

.topbar{
  height:72px;
  padding:0 24px;
  gap:16px;
  background:
    linear-gradient(
      180deg,
      rgba(15,23,42,.92),
      rgba(8,12,20,.82)
    );
  border-bottom:1px solid rgba(148,163,184,.12);
}

.topbar__crumbs{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#64748b;
}

.topbar__crumbs b{
  color:#f8fafc;
  font-weight:650;
}

.topbar__sep{
  color:#334155;
}

.topbar__actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

/* command buttons */
.topbar__actions button,
.topbar .icon-btn{
  height:36px;
  min-width:36px;
  border-radius:10px;
  background:
    linear-gradient(
      145deg,
      rgba(255,255,255,.06),
      rgba(255,255,255,.02)
    );
  border:1px solid rgba(148,163,184,.16);
  color:#cbd5e1;
}

.topbar__actions button:hover,
.topbar .icon-btn:hover{
  background:
    rgba(59,130,246,.14);
  border-color:rgba(96,165,250,.35);
}

/* mobile */
@media(max-width:700px){
  .topbar{
    height:60px;
    padding:0 14px;
  }
}


/* ---------- Dashboard command bar ---------- */

.mc-command-status{
  display:flex;
  align-items:center;
  gap:7px;
  height:34px;
  padding:0 10px;
  border:1px solid rgba(52,211,153,.18);
  border-radius:9px;
  background:rgba(16,185,129,.055);
  color:#86efac;
  font-size:10px;
  font-weight:750;
  letter-spacing:.12em;
}

.mc-command-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#34d399;
  box-shadow:0 0 10px rgba(52,211,153,.7);
}

.mc-command-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  height:34px;
  padding:0 12px;
  border:1px solid rgba(148,163,184,.16);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#cbd5e1;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
}

.mc-command-btn:hover{
  background:rgba(59,130,246,.12);
  border-color:rgba(96,165,250,.3);
  color:#f8fafc;
}

@media(max-width:700px){
  .mc-command-status{
    display:none;
  }

  .mc-command-btn{
    height:32px;
    padding:0 10px;
  }
}


/* =========================================================
   MISSION CONTROL — KPI SYSTEM
   ========================================================= */

.mc-primary-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}

.mc-secondary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

.mc-primary-grid .mc-kpi{
  min-height:126px;
  padding:17px 18px;
}

.mc-secondary-grid .mc-kpi{
  min-height:78px;
  padding:12px 15px;
  background:rgba(13,19,30,.78);
  box-shadow:none;
}

.mc-kpi__top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  min-height:42px;
}

.mc-kpi__spark-wrap{
  width:132px;
  height:42px;
  margin:-5px -5px 0 10px;
  color:#5b8cff;
  opacity:.9;
}

.mc-kpi__spark{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}

.mc-kpi__spark-line{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mc-kpi__spark-area{
  fill:rgba(77,130,255,.08);
}

.mc-secondary-grid .mc-kpi__top{
  min-height:18px;
}

.mc-secondary-grid .mc-kpi__value{
  margin-top:5px;
  font-size:19px;
  letter-spacing:-.025em;
}

.mc-secondary-grid .mc-kpi__extra{
  margin-top:4px;
  font-size:9px;
}

@media(max-width:1050px){
  .mc-primary-grid,
  .mc-secondary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .mc-primary-grid,
  .mc-secondary-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   MISSION CONTROL — DASHBOARD SYSTEM
   ========================================================= */

.mc-system{
  padding:4px 2px 2px;
}

.mc-system__status{
  display:flex;
  align-items:center;
  gap:7px;
  margin-bottom:18px;
  color:#86efac;
  font-size:10px;
  font-weight:750;
  letter-spacing:.12em;
}

.mc-system__metric{
  margin-bottom:15px;
}

.mc-system__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;
  color:#718096;
  font-size:10px;
  font-weight:650;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.mc-system__head strong{
  color:#dbe5f2;
  font-size:11px;
  font-weight:650;
  letter-spacing:0;
}

.mc-system__bar{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.09);
}

.mc-system__bar i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3b82f6,#60a5fa);
  box-shadow:0 0 12px rgba(59,130,246,.25);
  transition:width .35s ease;
}

.mc-system__foot{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:5px;
  color:#56657a;
  font-size:9px;
}


/* =========================================================
   MISSION CONTROL — PERFORMANCE TABS
   ========================================================= */

.mc-chart-toolbar{
  display:flex;
  gap:6px;
  padding:12px 16px 0;
}

.mc-chart-tab{
  border:1px solid rgba(148,163,184,.12);
  background:rgba(255,255,255,.02);
  color:#718096;
  padding:6px 12px;
  border-radius:7px;
  cursor:pointer;
  font-size:11px;
  font-weight:650;
  transition:.18s ease;
}

.mc-chart-tab:hover{
  color:#dbe5f2;
  background:rgba(255,255,255,.05);
}

.mc-chart-tab.is-active{
  color:#ffffff;
  background:rgba(59,130,246,.18);
  border-color:rgba(96,165,250,.55);
  box-shadow:0 0 16px rgba(59,130,246,.18);
}

.mc-dashboard-chart .card__body{
  padding-top:0;
}


/* =========================================================
   MISSION CONTROL — PERFORMANCE V3
   ========================================================= */

.mc-performance-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 190px;
  min-height:292px;
}

.mc-performance-layout .mc-chart-box{
  min-width:0;
}

.mc-performance-summary{
  margin:12px 16px 16px 0;
  padding:14px;
  border:1px solid rgba(148,163,184,.10);
  border-radius:10px;
  background:rgba(8,12,20,.38);
}

.mc-performance-summary__title{
  margin-bottom:14px;
  color:#64748b;
  font-size:9px;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mc-performance-summary__item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(148,163,184,.07);
}

.mc-performance-summary__item:last-child{
  border-bottom:0;
}

.mc-performance-summary__item span{
  color:#64748b;
  font-size:10px;
}

.mc-performance-summary__item strong{
  color:#e2e8f0;
  font-size:11px;
  font-weight:650;
}

@media(max-width:850px){
  .mc-performance-layout{
    grid-template-columns:1fr;
  }

  .mc-performance-summary{
    margin:0 12px 12px;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:8px 14px;
  }

  .mc-performance-summary__title{
    grid-column:1/-1;
    margin-bottom:0;
  }

  .mc-performance-summary__item{
    border-bottom:0;
    padding:5px 0;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
  }
}

@media(max-width:560px){
  .mc-performance-summary{
    grid-template-columns:repeat(2,1fr);
  }
}


/* DASHBOARD — MINI CHART LOADING */
.mc-kpi__spark-wrap{
  position:relative;
  overflow:hidden;
}

.mc-kpi__spark-wrap:empty{
  min-width:132px;
  min-height:42px;
  border-radius:6px;
  background:rgba(255,255,255,.025);
}

.mc-kpi__spark-wrap:empty::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    transparent 0%,
    rgba(96,165,250,.08) 45%,
    transparent 100%
  );
  transform:translateX(-100%);
  animation:mc-mini-loading 1.4s ease-in-out infinite;
}

@keyframes mc-mini-loading{
  to{transform:translateX(100%)}
}

/* MVAS DASHBOARD — REFERENCE COMPOSITION */
.mc-ref-dashboard{max-width:none;margin:0;padding:0 2px 28px}.mc-ref-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}.mc-ref-head h1{font-size:20px;font-weight:700;letter-spacing:-.03em}.mc-ref-head p{margin-top:3px;color:var(--text-muted);font-size:11px}.mc-ref-periods{display:flex;align-items:center;gap:4px;padding:3px;border:1px solid var(--border);background:var(--surface);border-radius:8px}.mc-ref-period{border:0;background:transparent;color:var(--text-muted);font:inherit;font-size:10px;padding:7px 9px;border-radius:6px;cursor:pointer}.mc-ref-period:hover{background:var(--surface-hover);color:var(--text)}.mc-ref-period.is-active{background:var(--primary);color:#fff}.mc-ref-period-select{margin-left:3px}.mc-ref-period-select .select{min-height:30px;padding:5px 28px 5px 9px;font-size:10px;width:94px}.mc-ref-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mc-ref-kpi{position:relative;min-width:0;height:112px;padding:12px 13px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,#111827,#0d131e);overflow:hidden}.mc-ref-kpi::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:#3b82f6;opacity:.7}.mc-ref-kpi.is-revenue::before{background:#10b981}.mc-ref-kpi.is-subs::before{background:#0ea5e9}.mc-ref-kpi.is-cr::before{background:#ef4444}.mc-ref-kpi__head{display:flex;align-items:center;gap:7px;min-height:31px;color:#8b98ab}.mc-ref-kpi__icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;background:rgba(59,130,246,.14);color:#60a5fa;font-weight:800;font-size:12px}.mc-ref-kpi.is-revenue .mc-ref-kpi__icon{background:rgba(16,185,129,.14);color:#34d399}.mc-ref-kpi.is-subs .mc-ref-kpi__icon{background:rgba(14,165,233,.14);color:#38bdf8}.mc-ref-kpi.is-cr .mc-ref-kpi__icon{background:rgba(239,68,68,.14);color:#f87171}.mc-ref-kpi__label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.mc-ref-kpi__spark{margin-left:auto;width:105px;height:34px;display:block}.mc-ref-kpi__spark svg{width:100%;height:100%;display:block}.mc-ref-kpi__value{margin-top:9px;font-size:24px;line-height:1;font-weight:750;letter-spacing:-.045em;color:#f8fafc;font-variant-numeric:tabular-nums}.mc-ref-kpi__meta{margin-top:5px;color:#64748b;font-size:9px}.mc-ref-strip{display:grid;grid-template-columns:repeat(4,1fr);height:36px;margin-top:6px;border:1px solid var(--border);border-radius:7px;background:rgba(13,19,30,.72);overflow:hidden}.mc-ref-strip>div{display:flex;align-items:center;gap:9px;padding:0 12px;border-right:1px solid var(--border);font-size:9px}.mc-ref-strip>div:last-child{border-right:0}.mc-ref-strip span{color:#64748b;font-weight:700}.mc-ref-strip b{font-size:10px;font-variant-numeric:tabular-nums}.mc-ref-main-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(245px,1fr);gap:8px;margin-top:8px}.mc-ref-panel{min-width:0;border:1px solid var(--border);border-radius:8px;background:linear-gradient(145deg,#101827,#0d131e);overflow:hidden}.mc-ref-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.mc-ref-panel__head h2{font-size:11px;font-weight:700}.mc-ref-panel__head span{display:block;margin-top:2px;color:#64748b;font-size:8px}.mc-ref-panel__head>b{font-size:17px;color:#f8fafc}.mc-ref-chart-controls{display:flex;gap:3px}.mc-ref-chart-controls .mc-chart-tab{padding:5px 8px;font-size:9px;border-radius:5px}.mc-ref-chart{height:292px;padding:8px 10px 6px}.mc-ref-chart .chart{height:100%}.mc-ref-chart svg{max-height:100%}.mc-ref-traffic{min-height:340px}.mc-ref-traffic__body{padding:11px 12px;height:calc(100% - 53px);display:flex;flex-direction:column}.mc-ref-traffic__label{font-size:9px;color:#8b98ab}.mc-ref-traffic__label span{float:right;color:#64748b}.mc-ref-bars{display:flex;align-items:flex-end;gap:4px;flex:1;padding:14px 2px 5px;border-bottom:1px solid var(--border);min-height:210px}.mc-ref-bars i{display:block;flex:1;min-width:2px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#3b82f6,#2563eb);opacity:.9}.mc-ref-secondary-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:8px;margin-top:8px}.mc-ref-country>.card,.mc-ref-system>.card{height:100%;margin:0;border-radius:8px;background:transparent;border:0}.mc-ref-country .card__head,.mc-ref-system .card__head{padding:10px 12px}.mc-ref-country .card__body,.mc-ref-system .card__body{padding:10px 12px}.mc-ref-country .pie-legend__row{font-size:10px;padding:4px 0;gap:6px}.mc-ref-system .mc-system{padding:3px 0}.mc-ref-bottom-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(245px,.8fr);gap:8px;margin-top:8px}.mc-ref-bundles>.card{margin:0;border-radius:8px;background:transparent;border:0}.mc-ref-bundles .card__head{padding:10px 12px}.mc-ref-bundles .table{font-size:10px}.mc-ref-bundles .table th{font-size:8px;padding:7px 10px}.mc-ref-bundles .table td{padding:7px 10px}.mc-ref-side-card{padding:11px 12px}.mc-ref-side-title{font-size:11px;font-weight:700}.mc-ref-side-sub{font-size:8px;color:#64748b;margin-top:2px;padding-bottom:7px;border-bottom:1px solid var(--border)}.mc-ref-offer-list{display:flex;flex-direction:column}.mc-ref-offer{display:grid;grid-template-columns:18px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.07);color:var(--text)}.mc-ref-offer i{font-style:normal;width:16px;height:16px;border-radius:4px;display:grid;place-items:center;background:rgba(59,130,246,.12);color:#60a5fa;font-size:8px}.mc-ref-offer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.mc-ref-offer b{font-size:9px;color:#cbd5e1}.mc-ref-empty{padding:20px;text-align:center;color:#64748b;font-size:10px}.mc-ref-chart.is-loading{opacity:.55}
@media(max-width:1050px){.mc-ref-kpis{grid-template-columns:repeat(2,1fr)}.mc-ref-main-grid,.mc-ref-secondary-grid,.mc-ref-bottom-grid{grid-template-columns:1fr}}
@media(max-width:700px){.mc-ref-head{align-items:stretch;flex-direction:column}.mc-ref-periods{width:100%;overflow:auto}.mc-ref-kpis{grid-template-columns:1fr}.mc-ref-strip{grid-template-columns:repeat(2,1fr);height:auto}.mc-ref-strip>div{height:32px}.mc-ref-chart{height:250px}}


/* ================================================================
   DASHBOARD FINAL PASS — scoped to reference dashboard only
   ================================================================ */
body:has(.mc-ref-dashboard){background:#090d14}
body:has(.mc-ref-dashboard) .sidebar{width:236px;background:#080b11;border-right:1px solid #1a212d}
body:has(.mc-ref-dashboard) .main{margin-inline-start:236px;background:#090d14}
body:has(.mc-ref-dashboard) .sidebar__brand{height:58px;padding-inline:16px}
body:has(.mc-ref-dashboard) .sidebar__nav{padding:14px 10px}
body:has(.mc-ref-dashboard) .sidebar__link{padding:9px 10px;margin-bottom:2px;font-size:12px;border-radius:7px}
body:has(.mc-ref-dashboard) .sidebar__link svg{width:15px;height:15px}
body:has(.mc-ref-dashboard) .sidebar__group{margin-bottom:14px}
body:has(.mc-ref-dashboard) .sidebar__footer{padding:10px}
body:has(.mc-ref-dashboard) .topbar{height:58px;padding-inline:20px;background:rgba(9,13,20,.88);border-bottom-color:#1a212d}
body:has(.mc-ref-dashboard) .topbar__crumbs{font-size:11px}
body:has(.mc-ref-dashboard) .view{max-width:none;padding:22px 24px 34px}
.mc-ref-dashboard{font-size:12px;color:#dbe3ef}
.mc-ref-head{min-height:34px;margin-bottom:14px;align-items:center}
.mc-ref-head h1{font-size:18px;letter-spacing:-.035em;color:#f4f7fb}
.mc-ref-head p{font-size:10px;color:#66758b}
.mc-ref-periods{height:32px;padding:2px;background:#0e141e;border-color:#202a39;border-radius:7px}
.mc-ref-period{font-size:9px;padding:6px 9px;color:#77869b}
.mc-ref-period.is-active{background:#2563eb;box-shadow:0 2px 9px rgba(37,99,235,.25)}
.mc-ref-period-select .select{height:27px;min-height:27px;background:#111824;border-color:#263142;width:88px}
.mc-ref-kpis{gap:7px}
.mc-ref-kpi{height:104px;padding:11px 12px;border-color:#202a39;border-radius:7px;background:linear-gradient(145deg,#101722,#0c121b);box-shadow:0 7px 20px rgba(0,0,0,.18)}
.mc-ref-kpi__head{min-height:26px;gap:6px}
.mc-ref-kpi__icon{width:20px;height:20px;border-radius:5px;font-size:10px}
.mc-ref-kpi__label{font-size:8px;letter-spacing:.11em}
.mc-ref-kpi__spark{width:92px;height:28px}
.mc-ref-kpi__value{margin-top:8px;font-size:23px}
.mc-ref-kpi__meta{margin-top:4px;font-size:8px;color:#64748b}
.mc-ref-strip{height:34px;margin-top:5px;border-color:#202a39;background:#0d131c}
.mc-ref-strip>div{padding:0 11px;gap:8px;font-size:8px;border-color:#1d2634}
.mc-ref-strip b{font-size:9px}
.mc-ref-main-grid{grid-template-columns:minmax(0,3.35fr) minmax(225px,.9fr);gap:7px;margin-top:7px}
.mc-ref-panel{border-color:#202a39;border-radius:7px;background:linear-gradient(145deg,#0f1722,#0b1119);box-shadow:0 8px 22px rgba(0,0,0,.14)}
.mc-ref-panel__head{padding:9px 11px;border-bottom-color:#1b2532}
.mc-ref-panel__head h2{font-size:10px;color:#dfe6f0}
.mc-ref-panel__head span{font-size:7px;color:#5f6d81}
.mc-ref-panel__head>b{font-size:15px}
.mc-ref-chart-controls{gap:2px}
.mc-ref-chart-controls .mc-chart-tab{font-size:8px;padding:4px 7px;background:transparent}
.mc-ref-chart{height:278px;padding:7px 9px 5px}
.mc-ref-chart .chart{height:100%}
.mc-ref-traffic{min-height:326px}
.mc-ref-traffic__body{padding:10px 11px}
.mc-ref-traffic__label{font-size:8px}
.mc-ref-bars{gap:3px;padding:12px 2px 4px;min-height:204px}
.mc-ref-bars i{border-radius:2px 2px 0 0}
.mc-ref-secondary-grid{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:7px;margin-top:7px}
.mc-ref-country .card__head,.mc-ref-system .card__head{padding:9px 11px}
.mc-ref-country .card__body,.mc-ref-system .card__body{padding:9px 11px}
.mc-ref-country .pie-wrap{gap:4px}
.mc-ref-country .pie-legend__row{font-size:9px;padding:3px 0}
.mc-ref-country .pie-legend__dot{width:7px;height:7px}
.mc-ref-bottom-grid{grid-template-columns:minmax(0,2fr) minmax(225px,1fr);gap:7px;margin-top:7px}
.mc-ref-bundles .card__head{padding:9px 11px}
.mc-ref-bundles .table th{font-size:7px;padding:6px 9px}
.mc-ref-bundles .table td{font-size:9px;padding:6px 9px}
.mc-ref-side-card{padding:10px 11px}
.mc-ref-side-title{font-size:10px}
.mc-ref-side-sub{font-size:7px}
.mc-ref-offer{padding:7px 0}
.mc-ref-offer span{font-size:8px}
.mc-ref-offer b{font-size:8px}
@media(max-width:1050px){body:has(.mc-ref-dashboard) .sidebar{width:236px}body:has(.mc-ref-dashboard) .main{margin-inline-start:236px}.mc-ref-main-grid,.mc-ref-secondary-grid,.mc-ref-bottom-grid{grid-template-columns:1fr}}
@media(max-width:700px){body:has(.mc-ref-dashboard) .sidebar{width:250px}body:has(.mc-ref-dashboard) .main{margin-inline-start:0}.mc-ref-head{align-items:stretch}.mc-ref-kpis{grid-template-columns:1fr}.mc-ref-strip{grid-template-columns:repeat(2,1fr);height:auto}}

/* MVAS DASHBOARD — REFERENCE DETAIL ROWS */
.mc-ref-country-grid{grid-template-columns:1fr 1fr}
.mc-ref-tertiary-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:8px}
.mc-ref-data-panel{min-height:214px}
.mc-ref-data-panel .mc-ref-panel__head{min-height:52px}
.mc-ref-list{padding:3px 12px 7px}
.mc-ref-list-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.07)}
.mc-ref-list-row:last-child{border-bottom:0}
.mc-ref-rank{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:rgba(59,130,246,.11);color:#60a5fa;font-size:8px;font-weight:700}
.mc-ref-row-main{min-width:0;display:flex;flex-direction:column;gap:1px}.mc-ref-row-main b{font-size:9px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-ref-row-main small{font-size:8px;color:#64748b;white-space:nowrap}.mc-ref-list-row>strong{font-size:10px;font-variant-numeric:tabular-nums;color:#dbe5f3}
.mc-ref-loading{padding:26px 8px;text-align:center;color:#64748b;font-size:9px;animation:mc-ref-pulse 1.2s ease-in-out infinite}@keyframes mc-ref-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.mc-ref-event{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:7px;padding:8px 0;border-bottom:1px solid rgba(148,163,184,.07)}.mc-ref-event:last-child{border-bottom:0}.mc-ref-event-dot{width:7px;height:7px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.08)}.mc-ref-event-dot.is-ok{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.08)}.mc-ref-event span:nth-child(2){min-width:0;display:flex;flex-direction:column}.mc-ref-event b{font-size:8px;letter-spacing:.08em;color:#94a3b8}.mc-ref-event small{font-size:8px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc-ref-event time{font-size:8px;color:#64748b;font-variant-numeric:tabular-nums}
.mc-ref-side-card{padding:0}.mc-ref-offer{grid-template-columns:18px minmax(0,1fr) auto}.mc-ref-offer small{font-size:7px;color:#56657a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;grid-column:2}.mc-ref-offer b{grid-column:3;grid-row:1/3}
@media(max-width:1050px){.mc-ref-tertiary-grid{grid-template-columns:1fr 1fr}.mc-ref-tertiary-grid>*:last-child{grid-column:1/-1}}
@media(max-width:700px){.mc-ref-tertiary-grid,.mc-ref-country-grid{grid-template-columns:1fr}.mc-ref-tertiary-grid>*:last-child{grid-column:auto}}

/* REFERENCE DESKTOP COMPOSITION — scoped to Dashboard */
@media(min-width:1051px){
  body:has(.mc-ref-dashboard) .sidebar{width:208px}
  body:has(.mc-ref-dashboard) .main{margin-inline-start:208px}
  body:has(.mc-ref-dashboard) .view{padding:10px 12px 20px}
  body:has(.mc-ref-dashboard) .topbar{height:38px;padding-inline:12px}
  body:has(.mc-ref-dashboard) .sidebar__brand{height:38px;padding-inline:10px}
  body:has(.mc-ref-dashboard) .sidebar__nav{padding:9px 7px}
  body:has(.mc-ref-dashboard) .sidebar__link{padding:7px 8px;font-size:10px}
  body:has(.mc-ref-dashboard) .sidebar__link svg{width:13px;height:13px}
  body:has(.mc-ref-dashboard) .sidebar__footer{padding:7px}
  .mc-ref-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(216px,25.5%);grid-template-rows:34px 82px 28px 155px 150px 145px 145px;column-gap:7px;row-gap:7px;padding-bottom:10px}
  .mc-ref-dashboard>.mc-ref-head{grid-column:1;grid-row:1;margin:0;min-height:34px}
  .mc-ref-dashboard>.mc-ref-kpis{grid-column:1;grid-row:2}
  .mc-ref-dashboard>.mc-ref-strip{grid-column:1;grid-row:3;margin-top:0}
  .mc-ref-dashboard>.mc-ref-main-grid{display:contents}
  .mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-performance{grid-column:1;grid-row:4;height:155px;min-height:155px}
  .mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-traffic{grid-column:2;grid-row:4;height:155px;min-height:155px}
  .mc-ref-dashboard>.mc-ref-secondary-grid{grid-column:1;grid-row:5;margin:0;grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);gap:7px}
  .mc-ref-dashboard>.mc-ref-secondary-grid>section{min-height:150px;height:150px}
  .mc-ref-dashboard>.mc-ref-tertiary-grid{display:contents}
  .mc-ref-dashboard #dashboardConnections{grid-column:1;grid-row:6}
  .mc-ref-dashboard #dashboardEvents{grid-column:2;grid-row:6}
  .mc-ref-dashboard #dashboardOffers{grid-column:2;grid-row:7}
  .mc-ref-dashboard>.mc-ref-bottom-grid{display:contents}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-bundles{display:none}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system{grid-column:2;grid-row:1 / 4;align-self:start;height:150px;min-height:0}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system>.card{height:100%;min-height:0;margin:0}
  .mc-ref-dashboard .mc-ref-chart{height:105px}
  .mc-ref-dashboard .mc-ref-bars{min-height:98px}
  .mc-ref-dashboard .mc-ref-data-panel{min-height:145px;height:145px}
  .mc-ref-dashboard .mc-ref-list{padding:1px 9px 4px}
  .mc-ref-dashboard .mc-ref-list-row{padding:5px 0}
  .mc-ref-dashboard .mc-ref-event{padding:5px 0}
  .mc-ref-dashboard .mc-ref-offer{padding:5px 0}
  .mc-ref-dashboard .mc-ref-country .card__body{padding:5px 8px}
  .mc-ref-dashboard .mc-ref-country .pie-wrap{min-height:125px;height:125px;flex-wrap:nowrap}
  .mc-ref-dashboard .mc-ref-country .pie-chart{flex:1 1 56%;min-width:0}
  .mc-ref-dashboard .mc-ref-country .pie-legend{flex:1 1 44%;min-width:0}
  .mc-country-map-wrap{display:flex;align-items:center;gap:8px;height:100%;min-width:0}
  .mc-country-map{flex:1 1 56%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .mc-country-map img{width:100%;height:auto;max-height:125px;display:block;filter:brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(1674%) hue-rotate(203deg) brightness(95%) contrast(95%);opacity:.9}
  .mc-country-map-wrap .pie-legend{flex:1 1 44%;min-width:0}
}
.mc-ref-title-muted{font-size:.82em;font-weight:500;color:#64748b}
.mc-ref-dashboard .mc-ref-panel__head .mc-ref-title-muted{letter-spacing:0}
@media(min-width:1051px){
  body:has(.mc-ref-dashboard) .mc-ref-head h1{font-size:18px}
  body:has(.mc-ref-dashboard) .mc-ref-head p{font-size:8px;margin-top:2px}
  body:has(.mc-ref-dashboard) .mc-ref-period{min-width:48px}
  body:has(.mc-ref-dashboard) .mc-ref-period[data-period="custom"]{min-width:68px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__value{font-size:20px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__meta{letter-spacing:.01em}
  body:has(.mc-ref-dashboard) .mc-ref-strip>div{padding-inline:10px}
  body:has(.mc-ref-dashboard) .mc-ref-panel__head h2{letter-spacing:-.01em}
}


/* FINAL REFERENCE MICRO-POLISH */
@media(min-width:1051px){
  body:has(.mc-ref-dashboard) .view{padding:9px 11px 18px}
  body:has(.mc-ref-dashboard) .topbar{height:37px}
  .mc-ref-dashboard{grid-template-rows:33px 80px 27px 153px 148px 143px 143px;column-gap:6px;row-gap:6px}
  .mc-ref-head h1{font-size:19px}
  .mc-ref-head p{font-size:10px}
  .mc-ref-periods{height:30px}
  .mc-ref-period{padding:5px 8px;font-size:8.5px}
  .mc-ref-kpis{gap:6px}
  .mc-ref-kpi{height:102px;padding:10px 11px}
  .mc-ref-kpi__value{font-size:22px}
  .mc-ref-strip{height:27px}
  .mc-ref-strip>div{padding:0 10px;font-size:8px;gap:7px}
  .mc-ref-strip b{font-size:9px}
  .mc-ref-panel{border-radius:7px}
  .mc-ref-panel__head{padding:8px 10px}
  .mc-ref-panel__head h2{font-size:9.5px}
  .mc-ref-panel__head span{font-size:6.5px}
  .mc-ref-panel__head>b{font-size:14px}
  .mc-ref-chart{height:103px;padding:6px 8px 4px}
  .mc-ref-chart-controls .mc-chart-tab{padding:4px 7px;font-size:8px}
  .mc-ref-traffic__body{padding:8px 10px}
  .mc-ref-bars{gap:3px;min-height:95px;padding:10px 1px 4px}
  .mc-ref-dashboard .mc-ref-data-panel{height:143px;min-height:143px}
  .mc-ref-dashboard .mc-ref-list-row{padding:4px 0}
  .mc-ref-dashboard .mc-ref-event{padding:4px 0}
  .mc-ref-dashboard .mc-ref-offer{padding:4px 0}
}
.mc-ref-title-muted{display:inline!important;margin:0!important;color:#64748b!important;font-size:inherit!important}

/* REFERENCE COMPACT DESKTOP — keep the 1:1 composition down to tablet widths */
@media(min-width:701px) and (max-width:1050px){
  body:has(.mc-ref-dashboard){background:#090d14}
  body:has(.mc-ref-dashboard) .sidebar{width:143px;background:#080b11;border-right:1px solid #1a212d}
  body:has(.mc-ref-dashboard) .main{margin-inline-start:143px;background:#090d14}
  body:has(.mc-ref-dashboard) .sidebar__brand{height:37px;padding-inline:8px}
  body:has(.mc-ref-dashboard) .sidebar__nav{padding:8px 5px}
  body:has(.mc-ref-dashboard) .sidebar__link{padding:6px 6px;font-size:8.5px;border-radius:6px}
  body:has(.mc-ref-dashboard) .sidebar__link svg{width:12px;height:12px}
  body:has(.mc-ref-dashboard) .sidebar__group{margin-bottom:9px}
  body:has(.mc-ref-dashboard) .topbar{height:37px;padding-inline:9px}
  body:has(.mc-ref-dashboard) .view{padding:9px 10px 18px}
  .mc-ref-dashboard{display:grid;grid-template-columns:minmax(0,1fr) minmax(216px,25.5%);grid-template-rows:33px 80px 27px 153px 148px 143px 143px;column-gap:6px;row-gap:6px;padding-bottom:10px}
  .mc-ref-dashboard>.mc-ref-head{grid-column:1;grid-row:1;margin:0;min-height:33px}
  .mc-ref-dashboard>.mc-ref-kpis{grid-column:1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr))}
  .mc-ref-dashboard>.mc-ref-strip{grid-column:1;grid-row:3;margin:0}
  .mc-ref-dashboard>.mc-ref-main-grid{display:contents}
  .mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-performance{grid-column:1;grid-row:4;height:153px;min-height:153px}
  .mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-traffic{grid-column:2;grid-row:4;height:153px;min-height:153px}
  .mc-ref-dashboard>.mc-ref-secondary-grid{grid-column:1;grid-row:5;margin:0;grid-template-columns:minmax(0,1.22fr) minmax(220px,.78fr);gap:6px}
  .mc-ref-dashboard>.mc-ref-secondary-grid>section{height:148px;min-height:148px}
  .mc-ref-dashboard>.mc-ref-tertiary-grid{display:contents}
  .mc-ref-dashboard #dashboardConnections{grid-column:1;grid-row:6}
  .mc-ref-dashboard #dashboardEvents{grid-column:2;grid-row:6}
  .mc-ref-dashboard #dashboardOffers{grid-column:2;grid-row:7}
  .mc-ref-dashboard>.mc-ref-bottom-grid{display:contents}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-bundles{display:none}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system{grid-column:2;grid-row:1 / 4;height:150px;min-height:0}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system>.card{height:100%;min-height:0;margin:0}
  .mc-ref-dashboard .mc-ref-chart{height:103px;padding:6px 8px 4px}
  .mc-ref-dashboard .mc-ref-bars{min-height:95px;padding:10px 1px 4px}
  .mc-ref-dashboard .mc-ref-data-panel{height:143px;min-height:143px}
  .mc-ref-dashboard .mc-ref-list-row,.mc-ref-dashboard .mc-ref-event,.mc-ref-dashboard .mc-ref-offer{padding:4px 0}
  .mc-ref-dashboard .mc-ref-country .card__body{padding:5px 8px}
  .mc-ref-dashboard .mc-ref-country .pie-wrap{height:125px;min-height:125px;flex-wrap:nowrap}
  .mc-ref-head h1{font-size:18px}
  .mc-ref-head p{font-size:8px}
  .mc-ref-period{padding:5px 7px;font-size:8px}
  .mc-ref-kpis{gap:6px}
  .mc-ref-kpi{height:102px;padding:10px 10px}
  .mc-ref-kpi__value{font-size:20px}
}

/* MISSION CONTROL FINISH — density, hierarchy, chrome */
body:has(.mc-ref-dashboard) .topbar{backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(255,255,255,.015)}
body:has(.mc-ref-dashboard) .mc-top-search{height:26px;min-width:300px;border:1px solid #1d2736;background:#0c121b;border-radius:6px;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
body:has(.mc-ref-dashboard) .mc-top-search input{font-size:9px;color:#cbd5e1}
body:has(.mc-ref-dashboard) .mc-top-search kbd{font-size:7px;color:#59677a;border:1px solid #202b3b;background:#111925;border-radius:4px;padding:2px 4px}
body:has(.mc-ref-dashboard) .mc-top-period,body:has(.mc-ref-dashboard) .mc-top-user{height:26px;border:1px solid #1d2736;background:#0c121b;border-radius:6px;color:#93a0b4;font-size:8px}
body:has(.mc-ref-dashboard) .mc-top-avatar{width:18px;height:18px;border-radius:5px;background:#2563eb;color:#fff;font-size:8px}
body:has(.mc-ref-dashboard) .sidebar{box-shadow:8px 0 30px rgba(0,0,0,.1)}
body:has(.mc-ref-dashboard) .sidebar__link.is-active{background:rgba(37,99,235,.13);box-shadow:inset 2px 0 #3b82f6;color:#e7eef9}
body:has(.mc-ref-dashboard) .mc-ref-kpi{box-shadow:0 10px 28px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.018)}
body:has(.mc-ref-dashboard) .mc-ref-kpi:hover{transform:translateY(-1px);border-color:#2b3a50}
body:has(.mc-ref-dashboard) .mc-ref-kpi__label{color:#718096}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-revenue .mc-ref-kpi__value{color:#f3fbf7}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-subs .mc-ref-kpi__value{color:#f2f9ff}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks .mc-ref-kpi__value{color:#f6f8fb}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-cr .mc-ref-kpi__value{color:#fff5f5}
body:has(.mc-ref-dashboard) .mc-ref-strip{box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}
body:has(.mc-ref-dashboard) .mc-ref-panel{box-shadow:0 9px 25px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.015)}
body:has(.mc-ref-dashboard) .mc-ref-panel__head{background:rgba(255,255,255,.008)}
body:has(.mc-ref-dashboard) .mc-ref-chart-controls .mc-chart-tab{color:#627188;border:1px solid transparent}
body:has(.mc-ref-dashboard) .mc-ref-chart-controls .mc-chart-tab.is-active{color:#dbeafe;background:rgba(37,99,235,.14);border-color:rgba(59,130,246,.2)}
body:has(.mc-ref-dashboard) .mc-ref-bars{position:relative}
body:has(.mc-ref-dashboard) .mc-ref-bars i{transition:height .25s ease,opacity .2s ease}
body:has(.mc-ref-dashboard) .mc-ref-bars i:hover{opacity:1;filter:brightness(1.18)}
body:has(.mc-ref-dashboard) .mc-ref-list-row:hover,body:has(.mc-ref-dashboard) .mc-ref-event:hover,body:has(.mc-ref-dashboard) .mc-ref-offer:hover{background:rgba(59,130,246,.035)}

/* REFERENCE FASTPASS — dense premium dashboard finish */
@media(min-width:1051px){
  body:has(.mc-ref-dashboard){font-size:12px;overflow-x:hidden}
  body:has(.mc-ref-dashboard) .sidebar{box-shadow:12px 0 32px rgba(0,0,0,.16)}
  body:has(.mc-ref-dashboard) .sidebar__brand{border-bottom:1px solid #151d29}
  body:has(.mc-ref-dashboard) .sidebar__brand .brand__title{font-size:11px;font-weight:750;letter-spacing:-.02em}
  body:has(.mc-ref-dashboard) .sidebar__brand .brand__sub{font-size:7px;line-height:1.2}
  body:has(.mc-ref-dashboard) .sidebar__link{height:30px;display:flex;align-items:center;gap:8px;color:#68768a}
  body:has(.mc-ref-dashboard) .sidebar__link:hover{background:#101824;color:#b8c5d7}
  body:has(.mc-ref-dashboard) .sidebar__link.is-active{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.05));color:#e8f0fb;box-shadow:inset 2px 0 #3b82f6}
  body:has(.mc-ref-dashboard) .topbar{box-shadow:0 1px 16px rgba(0,0,0,.18)}
  body:has(.mc-ref-dashboard) .mc-top-search{height:27px;min-width:330px;border:1px solid #1d2735;background:#0c131d;border-radius:6px;color:#637186}
  body:has(.mc-ref-dashboard) .mc-top-search input{font-size:9px;color:#cbd5e1}
  body:has(.mc-ref-dashboard) .mc-top-search kbd{font-size:7px;border-color:#263244;background:#111a27;color:#59687d}
  body:has(.mc-ref-dashboard) .mc-top-period{height:27px;padding:0 8px;border:1px solid #1d2735;border-radius:6px;background:#0c131d;color:#8d9aae;font-size:8px}
  body:has(.mc-ref-dashboard) .mc-top-user{height:27px;padding:0 3px 0 7px;gap:5px;color:#8997aa;font-size:8px}
  body:has(.mc-ref-dashboard) .mc-top-avatar{width:20px;height:20px;font-size:8px;border-radius:6px;background:#172235;color:#7db0ff;border:1px solid #273752}
  .mc-ref-head{padding:0 1px}
  .mc-ref-head h1{font-size:18px!important;font-weight:760}
  .mc-ref-head p{font-size:8px!important;line-height:1.25}
  .mc-ref-periods{gap:2px;padding:2px;border-radius:6px;background:#0c131d;border-color:#1c2634}
  .mc-ref-period{height:25px;min-width:52px;padding:4px 7px!important;font-size:8px!important;border-radius:4px;color:#66758a}
  .mc-ref-period[data-period="custom"]{min-width:72px!important}
  .mc-ref-period.is-active{box-shadow:0 0 0 1px rgba(96,165,250,.16);background:#2563eb}
  .mc-ref-kpis{align-items:stretch}
  .mc-ref-kpi{height:80px!important;padding:8px 10px!important;border-color:#1e2938;border-radius:6px;background:linear-gradient(145deg,#101925,#0b111a);box-shadow:0 7px 18px rgba(0,0,0,.13)}
  .mc-ref-kpi::before{height:1px;opacity:.85}
  .mc-ref-kpi__head{min-height:20px;gap:6px}
  .mc-ref-kpi__icon{width:19px;height:19px;border-radius:5px;font-size:10px}
  .mc-ref-kpi__label{font-size:8px;letter-spacing:.08em}
  .mc-ref-kpi__spark{width:82px;height:25px}
  .mc-ref-kpi__value{margin-top:7px;font-size:19px!important;line-height:1}
  .mc-ref-kpi__meta{margin-top:3px;font-size:7px;color:#59677b}
  .mc-ref-strip{border-color:#1b2532;background:#0b121b}
  .mc-ref-strip>div{border-color:#1b2532}
  .mc-ref-strip span{font-size:7px;color:#59677a}
  .mc-ref-strip b{font-size:9px}
  .mc-ref-panel{border-color:#1d2735;border-radius:6px;background:linear-gradient(145deg,#0f1722,#0a1119);box-shadow:0 7px 18px rgba(0,0,0,.12)}
  .mc-ref-panel__head{height:35px;padding:6px 9px;border-bottom-color:#1a2431}
  .mc-ref-panel__head h2{font-size:9px!important;line-height:1}
  .mc-ref-panel__head span{font-size:6px!important;margin-top:3px}
  .mc-ref-panel__head>b{font-size:13px}
  .mc-ref-chart-controls .mc-chart-tab{height:22px;padding:3px 6px;font-size:7px;border:1px solid transparent;color:#5f6d80}
  .mc-ref-chart-controls .mc-chart-tab.is-active{background:#16243a;color:#7eb1ff;border-color:#243b5e}
  .mc-ref-chart{height:111px!important;padding:5px 7px 3px!important}
  .mc-ref-traffic__body{padding:7px 9px!important}
  .mc-ref-traffic__label{font-size:7px}
  .mc-ref-bars{min-height:91px!important;padding:8px 1px 3px!important;gap:2px;border-bottom-color:#1a2431}
  .mc-ref-bars i{border-radius:2px 2px 0 0;opacity:.8}
}
@media(min-width:1051px){
  .mc-ref-dashboard .mc-ref-country .card__head,.mc-ref-dashboard .mc-ref-country .card__body{padding-left:9px;padding-right:9px}
  .mc-ref-dashboard .mc-ref-country .card__head{height:35px}
  .mc-ref-dashboard .mc-country-map-wrap{gap:6px}
  .mc-ref-dashboard .mc-country-map img{max-height:112px;opacity:.82}
  .mc-ref-dashboard .pie-legend__row{font-size:7px!important;padding:3px 0!important}
  .mc-ref-dashboard .pie-legend__dot{width:6px;height:6px}
  .mc-ref-dashboard .mc-ref-data-panel{height:143px!important;min-height:143px!important}
  .mc-ref-dashboard .mc-ref-list{padding:0 8px 2px}
  .mc-ref-dashboard .mc-ref-list-row{grid-template-columns:17px minmax(0,1fr) auto;gap:6px;padding:4px 0}
  .mc-ref-dashboard .mc-ref-rank{width:16px;height:16px;font-size:7px;border-radius:4px}
  .mc-ref-dashboard .mc-ref-row-main{gap:0}
  .mc-ref-dashboard .mc-ref-row-main b{font-size:8px}
  .mc-ref-dashboard .mc-ref-row-main small{font-size:6.5px}
  .mc-ref-dashboard .mc-ref-list-row>strong{font-size:8px}
  .mc-ref-dashboard .mc-ref-event{grid-template-columns:7px minmax(0,1fr) auto;gap:6px;padding:4px 0}
  .mc-ref-dashboard .mc-ref-event-dot{width:6px;height:6px}
  .mc-ref-dashboard .mc-ref-event b,.mc-ref-dashboard .mc-ref-event small,.mc-ref-dashboard .mc-ref-event time{font-size:6.5px}
  .mc-ref-dashboard .mc-ref-offer{grid-template-columns:16px minmax(0,1fr) auto;gap:6px;padding:4px 0}
  .mc-ref-dashboard .mc-ref-offer i{width:15px;height:15px;font-size:7px}
  .mc-ref-dashboard .mc-ref-offer span{font-size:7px}
  .mc-ref-dashboard .mc-ref-offer small{font-size:6px}
  .mc-ref-dashboard .mc-ref-offer b{font-size:8px}
  .mc-ref-dashboard .mc-ref-system .card__head{height:35px;padding:7px 9px}
  .mc-ref-dashboard .mc-ref-system .card__head h3,.mc-ref-dashboard .mc-ref-system .card__head h2{font-size:9px}
  .mc-ref-dashboard .mc-ref-system .card__body{padding:6px 9px}
  .mc-ref-dashboard .mc-system__metric{margin-bottom:7px}
  .mc-ref-dashboard .mc-system__head{font-size:7px}
  .mc-ref-dashboard .mc-system__head strong{font-size:8px}
  .mc-ref-dashboard .mc-system__bar{height:3px}
  .mc-ref-dashboard .mc-system__foot{font-size:6px;margin-top:4px}
}

/* FAST PASS — PIXEL DENSITY + PREMIUM MISSION CONTROL */
@media(min-width:1051px){
body:has(.mc-ref-dashboard){overflow-x:hidden}
body:has(.mc-ref-dashboard) .topbar{background:#080d14;border-bottom:1px solid #182231}
body:has(.mc-ref-dashboard) .sidebar{background:#070b11;border-right:1px solid #182231}
body:has(.mc-ref-dashboard) .sidebar__brand{border-bottom:1px solid #182231}
body:has(.mc-ref-dashboard) .sidebar__link{color:#718096;transition:background .12s,color .12s}
body:has(.mc-ref-dashboard) .sidebar__link:hover{background:#101823;color:#cbd5e1}
body:has(.mc-ref-dashboard) .sidebar__link.is-active{background:linear-gradient(90deg,rgba(59,130,246,.20),rgba(59,130,246,.07));color:#eaf2ff;box-shadow:inset 2px 0 #3b82f6}
body:has(.mc-ref-dashboard) .view{background:radial-gradient(circle at 72% -10%,rgba(37,99,235,.055),transparent 30%),#090d14}
.mc-ref-dashboard{grid-template-rows:33px 80px 27px 153px 148px 143px 143px}
.mc-ref-head{padding:0 1px}
.mc-ref-head h1{font-size:18px!important;font-weight:720!important}
.mc-ref-periods{border-color:#1e2938!important;background:#0c131d!important;box-shadow:inset 0 1px rgba(255,255,255,.02)}
.mc-ref-period{color:#718096!important}
.mc-ref-period:hover{color:#d8e2ef!important;background:#121c28!important}
.mc-ref-period.is-active{background:#2563eb!important;color:#fff!important;box-shadow:0 2px 8px rgba(37,99,235,.24)}
.mc-ref-kpis{gap:6px}
.mc-ref-kpi{height:80px!important;padding:9px 10px!important;border-color:#202b3a!important;background:linear-gradient(145deg,#111925,#0c131d)!important;box-shadow:inset 0 1px rgba(255,255,255,.018),0 5px 16px rgba(0,0,0,.10)!important}
.mc-ref-kpi::before{height:1px!important;opacity:.9}
.mc-ref-kpi__head{min-height:22px!important;gap:6px!important}
.mc-ref-kpi__icon{width:19px!important;height:19px!important;border-radius:5px!important}
.mc-ref-kpi__label{font-size:8px!important;letter-spacing:.08em!important}
.mc-ref-kpi__spark{width:82px!important;height:26px!important}
.mc-ref-kpi__value{margin-top:5px!important;font-size:20px!important}
.mc-ref-kpi__meta{margin-top:3px!important;font-size:7px!important}
.mc-ref-strip{border-color:#202b3a!important;background:#0b121b!important}
.mc-ref-strip>div{border-color:#1b2634!important}
.mc-ref-panel{border-color:#202b3a!important;background:linear-gradient(145deg,#101823,#0b121b)!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important}
.mc-ref-panel__head{padding:7px 9px!important;border-bottom-color:#1b2634!important}
.mc-ref-panel__head h2{font-size:9px!important}
.mc-ref-panel__head span{font-size:6px!important}
.mc-ref-chart{padding:4px 7px 3px!important}
.mc-ref-chart-controls .mc-chart-tab{padding:3px 6px!important;font-size:7px!important;color:#64748b!important}
.mc-ref-chart-controls .mc-chart-tab.is-active{color:#e2e8f0!important;background:#172334!important}
.mc-ref-traffic__body{padding:7px 9px!important}
.mc-ref-traffic__label{font-size:7px!important}
.mc-ref-bars{padding:7px 1px 3px!important;gap:2px!important}
.mc-ref-secondary-grid{gap:6px!important}
.mc-ref-dashboard .mc-ref-data-panel{height:143px!important}
.mc-ref-dashboard .mc-ref-country .card__body{padding:4px 7px!important}
.mc-ref-dashboard .mc-ref-list-row{padding:3px 0!important}
.mc-ref-dashboard .mc-ref-row-main b{font-size:8px!important}
.mc-ref-dashboard .mc-ref-row-main small{font-size:7px!important}
.mc-ref-dashboard .mc-ref-list-row>strong{font-size:9px!important}
.mc-ref-dashboard .mc-ref-rank{width:16px!important;height:16px!important;font-size:7px!important}
.mc-ref-dashboard .mc-ref-event{padding:3px 0!important}
.mc-ref-dashboard .mc-ref-event b,.mc-ref-dashboard .mc-ref-event small,.mc-ref-dashboard .mc-ref-event time{font-size:7px!important}
.mc-ref-dashboard .mc-ref-offer{padding:3px 0!important}
.mc-ref-dashboard .mc-ref-offer span,.mc-ref-dashboard .mc-ref-offer b{font-size:7px!important}
}
/* FAST PASS — HEADER / SIDEBAR / SYSTEM DETAILS */
@media(min-width:1051px){
.mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system{height:150px!important}
.mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system .card__head{padding:7px 9px!important}
.mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system .card__head h3{font-size:9px!important}
.mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system .card__body{padding:5px 9px!important}
.mc-ref-dashboard .mc-system{gap:5px!important}
.mc-ref-dashboard .mc-system__metric{margin-bottom:5px!important}
.mc-ref-dashboard .mc-system__head{font-size:7px!important}
.mc-ref-dashboard .mc-system__head strong{font-size:7px!important}
.mc-ref-dashboard .mc-system__bar{height:3px!important}
.mc-ref-dashboard .mc-system__foot{font-size:6px!important;margin-top:2px!important}
.mc-ref-dashboard .mc-country-map img{max-height:116px!important}
.mc-ref-dashboard .mc-country-map-wrap{gap:5px!important}
.mc-ref-dashboard .pie-legend__row{font-size:8px!important;padding:2px 0!important}
.mc-ref-dashboard .pie-legend__dot{width:6px!important;height:6px!important}
.mc-top-search{height:25px!important;border:1px solid #1d2938!important;background:#0b121b!important;border-radius:6px!important;box-shadow:none!important}
.mc-top-search input{font-size:8px!important;color:#cbd5e1!important}
.mc-top-search input::placeholder{color:#526176!important}
.mc-top-search kbd{font-size:7px!important;color:#59687c!important;border-color:#273447!important;background:#111a26!important}
.mc-top-period{height:25px!important;padding:0 8px!important;font-size:8px!important;border:1px solid #1d2938!important;background:#0b121b!important;color:#7d8ca0!important;border-radius:6px!important}
.mc-top-user{height:25px!important;padding:0 7px!important;gap:5px!important;border:1px solid #1d2938!important;background:#0b121b!important;border-radius:6px!important}
.mc-top-user-name{font-size:8px!important;color:#9aa8ba!important}
.mc-top-avatar{width:17px!important;height:17px!important;font-size:7px!important}
}

/* REFERENCE FINAL PASS — 993px composition */
@media(min-width:701px) and (max-width:1050px){
  body:has(.mc-ref-dashboard) .topbar{background:#080d14;border-bottom:1px solid #182231}
  body:has(.mc-ref-dashboard) .topbar__inner{gap:6px}
  body:has(.mc-ref-dashboard) .mc-top-search{height:26px;min-width:260px;background:#0b121b;border:1px solid #1d2938;border-radius:5px}
  body:has(.mc-ref-dashboard) .mc-top-search input{font-size:8px}
  body:has(.mc-ref-dashboard) .mc-top-period{height:26px;font-size:8px;padding:0 7px;background:#0b121b;border-color:#1d2938}
  body:has(.mc-ref-dashboard) .mc-top-user{height:26px;font-size:8px;background:#0b121b;border-color:#1d2938}
  body:has(.mc-ref-dashboard) .sidebar__brand .brand__title{font-size:10px;font-weight:750}
  body:has(.mc-ref-dashboard) .sidebar__brand .brand__sub{font-size:6.5px}
  body:has(.mc-ref-dashboard) .sidebar__link{height:28px;gap:7px;color:#68768a}
  body:has(.mc-ref-dashboard) .sidebar__link.is-active{background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(59,130,246,.04));box-shadow:inset 2px 0 #3b82f6;color:#e8f0fb}
  .mc-ref-head h1{font-size:17px!important;letter-spacing:-.035em}
  .mc-ref-head p{font-size:7.5px!important;color:#59687b}
  .mc-ref-periods{height:28px;padding:2px;gap:2px}
  .mc-ref-period{height:24px;min-width:48px!important;padding:4px 7px!important;font-size:8px!important}
  .mc-ref-period[data-period="custom"]{min-width:68px!important}
  .mc-ref-kpi{height:80px!important;padding:8px 9px!important;border-radius:6px}
  .mc-ref-kpi__icon{width:18px!important;height:18px!important;font-size:9px!important}
  .mc-ref-kpi__label{font-size:7.5px!important}
  .mc-ref-kpi__value{font-size:18px!important;margin-top:5px!important}
  .mc-ref-kpi__meta{font-size:6.5px!important;margin-top:3px!important}
  .mc-ref-kpi__spark{width:68px!important;height:22px!important}
  .mc-ref-strip{height:27px!important;border-radius:5px}
  .mc-ref-strip>div{padding:0 8px!important;gap:6px!important;font-size:7px!important}
  .mc-ref-strip b{font-size:8px!important}
}
/* REFERENCE FINAL PASS — panels */
@media(min-width:701px) and (max-width:1050px){
  .mc-ref-panel{border-radius:6px;border-color:#202b3a;background:linear-gradient(145deg,#101823,#0b121b)}
  .mc-ref-panel__head{height:34px;padding:7px 9px!important;border-bottom-color:#1b2634}
  .mc-ref-panel__head h2{font-size:9px!important}
  .mc-ref-panel__head span{font-size:6px!important}
  .mc-ref-panel__head>b{font-size:12px!important}
  .mc-ref-chart{height:103px!important;padding:5px 7px 3px!important}
  .mc-ref-chart-controls{gap:2px}
  .mc-ref-chart-controls .mc-chart-tab{height:21px;padding:3px 6px!important;font-size:7px!important}
  .mc-ref-traffic__body{padding:7px 8px!important}
  .mc-ref-bars{min-height:94px!important;padding:8px 1px 3px!important;gap:2px!important}
  .mc-ref-dashboard>.mc-ref-secondary-grid>section{height:148px!important;min-height:148px!important}
  .mc-ref-dashboard .mc-ref-country .card__head{height:34px;padding:7px 9px!important}
  .mc-ref-dashboard .mc-ref-country .card__body{padding:4px 7px!important}
  .mc-ref-dashboard .mc-country-map img{max-height:112px!important;opacity:.84}
  .mc-ref-dashboard .pie-legend__row{font-size:7px!important;padding:2px 0!important}
  .mc-ref-dashboard .mc-ref-data-panel{height:143px!important;min-height:143px!important}
  .mc-ref-dashboard .mc-ref-list{padding:0 8px 2px!important}
  .mc-ref-dashboard .mc-ref-list-row{padding:4px 0!important}
  .mc-ref-dashboard .mc-ref-event{padding:4px 0!important}
  .mc-ref-dashboard .mc-ref-offer{padding:4px 0!important}
}

/* DASHBOARD FINAL — keep the shell visually identical to the reference */
@media(min-width:701px){
  body:has(.mc-ref-dashboard) #serverWidget{display:none}
  body:has(.mc-ref-dashboard) .sidebar__title{font-size:10px;font-weight:750;letter-spacing:-.02em}
  body:has(.mc-ref-dashboard) .sidebar__brand .sidebar__title{font-size:10px}
}

/* DASHBOARD KEYBOARD SEARCH — shortcut works from anywhere on the page */
body:has(.mc-ref-dashboard) .mc-top-search input{caret-color:#60a5fa}

/* DASHBOARD COUNTRY CARD — compact reference typography */
@media(min-width:701px){
  body:has(.mc-ref-dashboard) .mc-ref-country .card__head h2.section-title{font-size:11px!important;line-height:1.05!important;white-space:nowrap}
  body:has(.mc-ref-dashboard) .mc-ref-country .card__head p.section-desc{font-size:7px!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px!important}
}

/* DASHBOARD 993 FINAL POLISH */
@media(min-width:701px) and (max-width:1050px){
  body:has(.mc-ref-dashboard) .burger{display:none!important}
  body:has(.mc-ref-dashboard) .mc-country-map img{filter:brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(1674%) hue-rotate(203deg) brightness(95%) contrast(95%);opacity:.86}
  body:has(.mc-ref-dashboard) .mc-ref-country .card__head h3{font-size:11px!important;white-space:nowrap}
  body:has(.mc-ref-dashboard) .mc-ref-country .card__head .card__desc{font-size:6.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* DASHBOARD REFERENCE — exact 993x664 vertical composition */
@media(min-width:701px){
  .mc-ref-dashboard{grid-template-rows:33px 80px 27px 153px 148px 147px!important}
  .mc-ref-dashboard #dashboardEvents{grid-column:2;grid-row:5!important}
  .mc-ref-dashboard #dashboardOffers{grid-column:2;grid-row:6!important}
  .mc-ref-dashboard #dashboardConnections{grid-column:1;grid-row:6!important}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system{grid-column:2;grid-row:1 / 4!important;height:141px!important}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system>.card{height:141px!important}
}
@media(min-width:701px) and (max-width:1050px){
  .mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-performance,.mc-ref-dashboard>.mc-ref-main-grid>.mc-ref-traffic{height:153px!important;min-height:153px!important}
  .mc-ref-dashboard>.mc-ref-secondary-grid>section{height:148px!important;min-height:148px!important}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system{height:141px!important}
  .mc-ref-dashboard>.mc-ref-bottom-grid>.mc-ref-system>.card{height:141px!important}
}


/* DASHBOARD REFERENCE — multi-series performance chart */
body:has(.mc-ref-dashboard) .mc-ref-chart-legend{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend span{display:flex;align-items:center;gap:5px;color:#7d8da5;font-size:7px!important;margin:0!important;white-space:nowrap}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i{width:7px;height:7px;border-radius:2px;display:inline-block;background:#2f7cff}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-revenue{background:#18e0b0}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-subs{background:#9a4dff}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-cr{background:#ff9b45}
body:has(.mc-ref-dashboard) .mc-ref-chart-mode{height:22px;padding:0 7px;border:1px solid #243449;border-radius:5px;background:#0b1522;color:#8b9ab0;font-size:7px;white-space:nowrap}
body:has(.mc-ref-dashboard) .mc-ref-chart-mode b{font-size:9px;margin-left:6px;color:#61728a}
body:has(.mc-ref-dashboard) .mc-multi-chart{height:100%;width:100%}
body:has(.mc-ref-dashboard) .mc-multi-chart svg{width:100%;height:100%;display:block}
@media(max-width:700px){body:has(.mc-ref-dashboard) .mc-ref-chart-legend{gap:6px;overflow:hidden}.mc-ref-chart-legend span{font-size:6px!important}.mc-ref-chart-mode{display:none}}


/* DASHBOARD REFERENCE — KPI color depth + compact system rail */
@media(min-width:701px){
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-revenue{background:radial-gradient(circle at 88% 120%,rgba(16,185,129,.16),transparent 48%),linear-gradient(145deg,#101a23,#0b121b)!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-subs{background:radial-gradient(circle at 88% 120%,rgba(14,165,233,.14),transparent 48%),linear-gradient(145deg,#101923,#0b121b)!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks{background:radial-gradient(circle at 88% 120%,rgba(139,92,246,.17),transparent 48%),linear-gradient(145deg,#121823,#0b121b)!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-cr{background:radial-gradient(circle at 88% 120%,rgba(239,68,68,.14),transparent 48%),linear-gradient(145deg,#1a171e,#0d121a)!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks::before{background:#8b5cf6!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks .mc-ref-kpi__icon{background:rgba(139,92,246,.14);color:#a78bfa}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-revenue .mc-ref-kpi__spark{color:#10b981}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-subs .mc-ref-kpi__spark{color:#0ea5e9}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks .mc-ref-kpi__spark{color:#8b5cf6}
  body:has(.mc-ref-dashboard) .mc-ref-kpi.is-cr .mc-ref-kpi__spark{color:#ef4444}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__metric{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:5px!important}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__head{display:contents}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__head span{font-size:7px!important;color:#718096}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__head strong{font-size:8px!important}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__bar{display:none}
  body:has(.mc-ref-dashboard) .mc-ref-system .mc-system__foot{margin-top:6px!important;padding-top:5px;border-top:1px solid #1a2431}
}


/* DASHBOARD REFERENCE — country map + legend stay on one row */
@media(min-width:701px){
  body:has(.mc-ref-dashboard) .mc-country-map-wrap{display:flex;align-items:center;gap:5px;height:100%;min-width:0;overflow:hidden}
  body:has(.mc-ref-dashboard) .mc-country-map{flex:1 1 56%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
  body:has(.mc-ref-dashboard) .mc-country-map img{width:100%;height:auto;max-height:112px;display:block}
  body:has(.mc-ref-dashboard) .mc-country-map-wrap .pie-legend{flex:1 1 44%;min-width:0;max-width:none;overflow:hidden}
  body:has(.mc-ref-dashboard) .mc-country-map-wrap .pie-legend__row{display:grid;grid-template-columns:7px minmax(0,1fr) auto auto;align-items:center;gap:4px;font-size:7px!important;padding:2px 0!important}
  body:has(.mc-ref-dashboard) .mc-country-map-wrap .pie-legend__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}



/* DASHBOARD BIG POLISH — premium mission-control finish */
@media(min-width:701px){
  body:has(.mc-ref-dashboard){overflow-x:hidden}
  body:has(.mc-ref-dashboard) .view{max-width:none}
  body:has(.mc-ref-dashboard) .mc-ref-dashboard{padding-bottom:0!important}
  body:has(.mc-ref-dashboard) .mc-ref-head{margin-bottom:6px!important;min-width:0}
  body:has(.mc-ref-dashboard) .mc-ref-head>div:first-child{min-width:0}
  body:has(.mc-ref-dashboard) .mc-ref-head h1{line-height:1!important}
  body:has(.mc-ref-dashboard) .mc-ref-periods{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
  body:has(.mc-ref-dashboard) .mc-ref-period{transition:background .12s ease,color .12s ease,box-shadow .12s ease}
  body:has(.mc-ref-dashboard) .mc-ref-period.is-active{box-shadow:0 0 0 1px rgba(96,165,250,.16),0 3px 10px rgba(37,99,235,.2)}
  body:has(.mc-ref-dashboard) .mc-ref-kpi{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 4px 14px rgba(0,0,0,.12)}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__head{min-height:26px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__icon{width:19px;height:19px;border-radius:5px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__label{font-size:8px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__value{margin-top:7px;font-size:22px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__meta{margin-top:4px;font-size:8px}
  body:has(.mc-ref-dashboard) .mc-ref-strip{box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
  body:has(.mc-ref-dashboard) .mc-ref-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
  body:has(.mc-ref-dashboard) .mc-ref-panel__head{min-height:34px}
  body:has(.mc-ref-dashboard) .mc-ref-panel__head h2{line-height:1.05}
  body:has(.mc-ref-dashboard) .mc-ref-panel__head>div:first-child{min-width:0}
  body:has(.mc-ref-dashboard) .mc-ref-chart{background:radial-gradient(circle at 52% 48%,rgba(59,130,246,.035),transparent 58%)}
  body:has(.mc-ref-dashboard) .mc-multi-chart .mc-chart-grid{opacity:.72}
  body:has(.mc-ref-dashboard) .mc-ref-chart-mode:hover{border-color:#31527c;color:#b6c5d8;background:#0e1b2b}
}


/* DASHBOARD BIG POLISH 2 — density, hierarchy and interaction */
@media(min-width:701px){
  body:has(.mc-ref-dashboard) .mc-ref-kpi{cursor:default}
  body:has(.mc-ref-dashboard) .mc-ref-kpi:hover{transform:translateY(-1px);border-color:#30425a;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.18)}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__spark{opacity:.95;transform:translateY(1px)}
  body:has(.mc-ref-dashboard) .mc-ref-strip>div{min-width:0}
  body:has(.mc-ref-dashboard) .mc-ref-strip span{font-size:7px;letter-spacing:.04em}
  body:has(.mc-ref-dashboard) .mc-ref-strip b{font-size:9px}
  body:has(.mc-ref-dashboard) .mc-ref-chart-legend{padding-inline:4px}
  body:has(.mc-ref-dashboard) .mc-ref-chart-legend span{opacity:.92}
  body:has(.mc-ref-dashboard) .mc-ref-chart-legend i{box-shadow:0 0 5px currentColor}
  body:has(.mc-ref-dashboard) .mc-ref-chart{padding:5px 7px 3px}
  body:has(.mc-ref-dashboard) .mc-multi-chart svg{overflow:visible}
  body:has(.mc-ref-dashboard) .mc-ref-country .card__head,
  body:has(.mc-ref-dashboard) .mc-ref-data-panel .mc-ref-panel__head{background:linear-gradient(180deg,rgba(17,29,45,.34),transparent)}
  body:has(.mc-ref-dashboard) .mc-ref-country .card__body{overflow:hidden}
  body:has(.mc-ref-dashboard) .mc-country-map-wrap{height:100%;align-items:center}
  body:has(.mc-ref-dashboard) .mc-country-map{display:flex;align-items:center;justify-content:center}
  body:has(.mc-ref-dashboard) .mc-country-map img{max-width:100%;object-fit:contain}
  body:has(.mc-ref-dashboard) .pie-legend{min-width:0}
  body:has(.mc-ref-dashboard) .pie-legend__row{grid-template-columns:8px minmax(0,1fr) auto auto}
  body:has(.mc-ref-dashboard) .pie-legend__dot{width:7px;height:7px;border-radius:50%}
  body:has(.mc-ref-dashboard) .pie-legend__name{font-size:8px}
  body:has(.mc-ref-dashboard) .pie-legend__val{font-size:8px}
  body:has(.mc-ref-dashboard) .pie-legend__pct{font-size:7px;min-width:30px}
  body:has(.mc-ref-dashboard) .pie-legend__row--total{padding-top:5px;margin-top:2px;border-top-width:1px}
  body:has(.mc-ref-dashboard) .mc-ref-list-row{transition:background .12s ease,transform .12s ease}
  body:has(.mc-ref-dashboard) .mc-ref-list-row:hover{background:rgba(59,130,246,.055);transform:translateX(1px)}
  body:has(.mc-ref-dashboard) .mc-ref-event:hover{background:rgba(59,130,246,.055)}
  body:has(.mc-ref-dashboard) .mc-ref-offer:hover{background:rgba(59,130,246,.055);color:#fff}
  body:has(.mc-ref-dashboard) .mc-ref-offer small{font-size:6px!important;color:#52647d!important}
}

/* Keep the 993px reference viewport quiet: no accidental vertical overflow. */
@media(min-width:701px) and (max-width:1050px){
  body:has(.mc-ref-dashboard) .main{min-height:100vh}
  body:has(.mc-ref-dashboard) .view{overflow:visible}
  body:has(.mc-ref-dashboard) .mc-ref-dashboard{overflow:visible}
  body:has(.mc-ref-dashboard) .mc-ref-kpi{height:80px!important;padding:8px 9px!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__spark{width:74px;height:27px}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__value{font-size:21px!important}
  body:has(.mc-ref-dashboard) .mc-ref-kpi__head{min-height:22px}
  body:has(.mc-ref-dashboard) .mc-ref-chart{height:119px!important}
  body:has(.mc-ref-dashboard) .mc-ref-traffic__body{padding:7px 9px}
  body:has(.mc-ref-dashboard) .mc-ref-bars{min-height:92px;padding-top:8px;gap:3px}
  body:has(.mc-ref-dashboard) .mc-ref-bars i{border-radius:2px 2px 0 0}
}

@media(max-width:700px){
  body:has(.mc-ref-dashboard) .mc-ref-kpi:hover{transform:none}
}

/* BIG PASS — reference finish: hierarchy, controls, chart and live details */
body:has(.mc-ref-dashboard){background:#080c13;color:#dce4f2}
body:has(.mc-ref-dashboard) .mc-ref-dashboard{color:#dce4f2}
body:has(.mc-ref-dashboard) .mc-ref-kpi__meta{display:flex;align-items:center;gap:6px;justify-content:space-between}
body:has(.mc-ref-dashboard) .mc-kpi-live-dot{width:5px;height:5px;border-radius:50%;background:#20d6a3;box-shadow:0 0 0 2px rgba(32,214,163,.09);opacity:.9}
body:has(.mc-ref-dashboard) .mc-ref-panel__head h2{letter-spacing:.01em}
body:has(.mc-ref-dashboard) .mc-ref-panel__head>div>span{letter-spacing:.02em}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend{gap:10px}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i{width:6px;height:6px;border-radius:50%;display:inline-block}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-revenue{background:#18e0b0}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-clicks{background:#2f7cff}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-subs{background:#9a4dff}
body:has(.mc-ref-dashboard) .mc-ref-chart-legend i.is-cr{background:#ff9b45}
body:has(.mc-ref-dashboard) .mc-ref-chart-mode{min-height:22px;padding:0 7px;border:1px solid #283244;border-radius:5px;background:#101722;color:#8f9db2;font:inherit;font-size:8px;cursor:pointer}
body:has(.mc-ref-dashboard) .mc-ref-chart-mode:hover{border-color:#3b82f6;color:#dce4f2;background:#131d2b}
body:has(.mc-ref-dashboard) .mc-multi-chart{height:100%;min-height:0;display:flex;align-items:stretch}
body:has(.mc-ref-dashboard) .mc-multi-chart svg{width:100%;height:100%;display:block}
body:has(.mc-ref-dashboard) .mc-multi-chart line{shape-rendering:crispEdges}
body:has(.mc-ref-dashboard) .mc-ref-traffic__body{padding-top:4px}
body:has(.mc-ref-dashboard) .mc-ref-traffic__label{display:flex;justify-content:space-between;align-items:center;color:#c7d1df;font-size:8px}
body:has(.mc-ref-dashboard) .mc-ref-traffic__label span{color:#65748a;font-size:7px}
body:has(.mc-ref-dashboard) .mc-ref-bars{align-items:flex-end}
body:has(.mc-ref-dashboard) .mc-ref-bars i{border-radius:2px 2px 1px 1px;opacity:.82;transition:opacity .12s,transform .12s}
body:has(.mc-ref-dashboard) .mc-ref-bars i:hover{opacity:1;transform:scaleY(1.04)}
body:has(.mc-ref-dashboard) .mc-ref-strip>div{position:relative}
body:has(.mc-ref-dashboard) .mc-ref-strip>div+div:before{content:"";position:absolute;left:-1px;top:5px;bottom:5px;width:1px;background:#1c2533}
body:has(.mc-ref-dashboard) .mc-ref-list-row,.mc-ref-event,.mc-ref-offer{transition:background .12s,border-color .12s}
body:has(.mc-ref-dashboard) .mc-ref-list-row:hover,.mc-ref-event:hover,.mc-ref-offer:hover{background:rgba(59,130,246,.055)}
body:has(.mc-ref-dashboard) .mc-ref-rank{font-family:var(--mono);font-size:7px;color:#536176}
body:has(.mc-ref-dashboard) .mc-ref-list-row b{font-weight:600;color:#d8e0ec}
body:has(.mc-ref-dashboard) .mc-ref-list-row small{color:#6e7d92}
body:has(.mc-ref-dashboard) .mc-ref-event-dot{box-shadow:0 0 0 2px rgba(248,113,113,.07)}
body:has(.mc-ref-dashboard) .mc-ref-event-dot.is-ok{box-shadow:0 0 0 2px rgba(32,214,163,.08)}
body:has(.mc-ref-dashboard) .mc-ref-offer b{font-variant-numeric:tabular-nums}
body:has(.mc-ref-dashboard) .mc-ref-system{overflow:hidden}
body:has(.mc-ref-dashboard) .mc-system__status{letter-spacing:.08em}
body:has(.mc-ref-dashboard) .mc-system__bar{background:#1a2431;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
body:has(.mc-ref-dashboard) .mc-system__bar i{box-shadow:0 0 8px rgba(59,130,246,.18)}
@media(min-width:701px){
  body:has(.mc-ref-dashboard) .mc-ref-head{align-items:center}
  body:has(.mc-ref-dashboard) .mc-ref-periods{margin-left:auto}
}
@media(max-width:700px){
  body:has(.mc-ref-dashboard) .mc-ref-chart-legend{display:none}
  body:has(.mc-ref-dashboard) .mc-ref-chart-mode{margin-left:auto}
}

/* Dashboard precision pass */
body:has(.mc-ref-dashboard){background:#050b14}
body:has(.mc-ref-dashboard) .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
body:has(.mc-ref-dashboard) .mc-ref-kpi{background:linear-gradient(145deg,rgba(14,25,42,.98),rgba(7,14,25,.98));border-color:#1a2a40;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.16)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-revenue{border-color:rgba(24,224,176,.22);background:radial-gradient(circle at 85% 100%,rgba(24,224,176,.12),transparent 42%),linear-gradient(145deg,#0d2130,#07121f)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-subs{border-color:rgba(34,211,238,.2);background:radial-gradient(circle at 85% 100%,rgba(34,211,238,.1),transparent 42%),linear-gradient(145deg,#0d2030,#07121f)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-clicks{border-color:rgba(154,77,255,.22);background:radial-gradient(circle at 85% 100%,rgba(154,77,255,.12),transparent 42%),linear-gradient(145deg,#15172f,#080d1d)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-cr{border-color:rgba(248,113,113,.2);background:radial-gradient(circle at 85% 100%,rgba(248,113,113,.1),transparent 42%),linear-gradient(145deg,#26171f,#0c101b)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-cost{border-color:rgba(255,155,69,.18)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-profit{border-color:rgba(24,224,176,.18)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-roi{border-color:rgba(59,130,246,.2)}
body:has(.mc-ref-dashboard) .mc-ref-kpi.is-epc{border-color:rgba(148,163,184,.18)}
body:has(.mc-ref-dashboard) .mc-ref-kpi__icon{box-shadow:0 0 18px rgba(59,130,246,.08)}
body:has(.mc-ref-dashboard) .mc-ref-kpi__meta{color:#718198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body:has(.mc-ref-dashboard) .mc-ref-kpi__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums}
body:has(.mc-ref-dashboard) .mc-ref-strip{background:#09111d;border-color:#1a2a3f}
body:has(.mc-ref-dashboard) .mc-ref-strip b{font-variant-numeric:tabular-nums}
body:has(.mc-ref-dashboard) .mc-ref-period.is-active{box-shadow:0 0 0 1px rgba(59,130,246,.22),0 0 18px rgba(37,99,235,.08)}
body:has(.mc-ref-dashboard) .mc-ref-panel{box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 8px 24px rgba(0,0,0,.12)}
@media(min-width:701px){body:has(.mc-ref-dashboard) .mc-ref-kpis-8 .mc-ref-kpi{min-width:0}}


/* === MVAS DASHBOARD MISSION CONTROL OVERRIDE === */
body:has(.mc-dashboard-simple){background:#020f1e;color:#e8eef8}.mc-dashboard-simple .mc-ref-kpi{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 18px rgba(0,0,0,.14)}.mc-dashboard-simple .mc-simple-country-slot{grid-area:country}.mc-dashboard-simple .mc-simple-server-slot{grid-area:server}.mc-dashboard-simple{display:block}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{display:inline-block;vertical-align:top;width:calc(62% - 4px)}.mc-dashboard-simple .mc-simple-server-slot{width:calc(38% - 4px);margin-left:8px}
body:has(.mc-dashboard-simple) .topbar__actions{display:none!important}
body:has(.mc-dashboard-simple) .view{padding:10px 12px;max-width:none}
.mc-dashboard-simple .mc-ref-head{margin-bottom:8px;align-items:center}.mc-dashboard-simple .mc-ref-head h1{font-size:20px;line-height:1.15;letter-spacing:-.02em}.mc-dashboard-simple .mc-ref-head p{font-size:11px;color:#71859e;margin-top:3px}.mc-dashboard-simple .mc-ref-kpi__label{color:#8fa4bc;font-weight:600;letter-spacing:.02em}.mc-dashboard-simple .mc-ref-kpi__value{color:#f4f8ff;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.mc-dashboard-simple .mc-ref-kpi.is-revenue .mc-ref-kpi__value{color:#4ade80}.mc-dashboard-simple .mc-ref-kpi.is-subs .mc-ref-kpi__value{color:#67e8f9}.mc-dashboard-simple .mc-ref-kpi.is-clicks .mc-ref-kpi__value{color:#c4b5fd}.mc-dashboard-simple .mc-ref-kpi.is-cr .mc-ref-kpi__value{color:#fca5a5}.mc-dashboard-simple .mc-ref-kpi.is-profit .mc-ref-kpi__value{color:#7dd3fc}.mc-dashboard-simple .mc-ref-kpi.is-roi .mc-ref-kpi__value{color:#c4b5fd}
.mc-dashboard-simple .mc-ref-periods{gap:4px}.mc-dashboard-simple .mc-ref-period{height:28px;padding:0 11px;font-size:11px;border:1px solid #20354f;background:#0b192b;color:#91a4bb;border-radius:7px}.mc-dashboard-simple .mc-ref-period:hover{background:#102238;color:#dbeafe;border-color:#31506f}.mc-dashboard-simple .mc-ref-period.is-active{background:#12345b;color:#eaf4ff;border-color:#2674c9;box-shadow:0 0 0 1px rgba(38,116,201,.14)}.mc-dashboard-simple .mc-ref-period[data-period="7d"],.mc-dashboard-simple .mc-ref-period[data-period="30d"],.mc-dashboard-simple .mc-ref-period[data-period="custom"]{display:none}
.mc-dashboard-simple .mc-ref-kpis-8{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mc-dashboard-simple .mc-ref-kpi{min-height:88px;padding:10px 11px;border-radius:10px;background:#081525;border-color:#19304a;position:relative;overflow:hidden}.mc-dashboard-simple .mc-ref-kpi.is-revenue{border-top:2px solid #22c55e}.mc-dashboard-simple .mc-ref-kpi.is-subs{border-top:2px solid #22d3ee}.mc-dashboard-simple .mc-ref-kpi.is-clicks{border-top:2px solid #8b5cf6}.mc-dashboard-simple .mc-ref-kpi.is-cr{border-top:2px solid #ef4444}.mc-dashboard-simple .mc-ref-kpi.is-cost{border-top:2px solid #f59e0b}.mc-dashboard-simple .mc-ref-kpi.is-profit{border-top:2px solid #38bdf8}.mc-dashboard-simple .mc-ref-kpi.is-roi{border-top:2px solid #a78bfa}.mc-dashboard-simple .mc-ref-kpi.is-epc{border-top:2px solid #64748b}.mc-dashboard-simple .mc-ref-kpi__icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center}.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px}.mc-dashboard-simple .mc-ref-kpi__value{font-size:20px;margin-top:7px}.mc-dashboard-simple .mc-ref-kpi__meta{font-size:9px;margin-top:2px}.mc-dashboard-simple .mc-ref-kpi__spark{display:none}.mc-dashboard-simple .mc-kpi-live-dot{display:none}
.mc-dashboard-simple .mc-ref-secondary-grid,.mc-dashboard-simple .mc-ref-main-grid,.mc-dashboard-simple .mc-ref-tertiary-grid,.mc-dashboard-simple .mc-ref-bottom-grid{display:none!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin-top:8px}.mc-dashboard-simple .mc-simple-country-slot{width:calc(64% - 4px)}.mc-dashboard-simple .mc-simple-server-slot{width:calc(36% - 4px)}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{background:#081525;border:1px solid #19304a;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16)}.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:12px;font-weight:700;letter-spacing:.01em}
.mc-dashboard-simple .mc-ref-country-simple .card{margin:0;border:0;background:transparent}.mc-dashboard-simple .mc-ref-country-simple .card__head{padding:10px 12px;border-bottom:1px solid #17263a}.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0}
.mc-dashboard-simple .mc-country-map{display:none!important}.mc-dashboard-simple .mc-country-map-wrap{display:block!important;padding:0}.mc-dashboard-simple .pie-legend{width:100%;padding:4px 12px 8px;min-width:0;gap:0}.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px minmax(0,1fr) auto;gap:7px;min-height:29px;padding:5px 0;border-bottom:1px solid rgba(44,64,90,.42)}.mc-dashboard-simple .pie-legend__dot{font-size:15px;width:24px;height:20px;display:grid;place-items:center;background:transparent!important}.mc-dashboard-simple .pie-legend__pct{display:none}.mc-dashboard-simple .pie-legend__val{font-size:11px}.mc-dashboard-simple .pie-legend__row--total{border-top:1px solid #263954;margin-top:3px;padding-top:7px}
.mc-dashboard-simple .mc-system{margin:0;padding:0;background:transparent;border:0;box-shadow:none}.mc-dashboard-simple .mc-system__status{display:none}.mc-dashboard-simple .mc-system__metric{margin:0 12px 9px}.mc-dashboard-simple .mc-system__head{font-size:10px}.mc-dashboard-simple .mc-system__bar{height:5px;background:#152338;border-radius:5px;overflow:hidden}.mc-dashboard-simple .mc-system__bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:inherit}.mc-dashboard-simple .mc-system__foot{padding:5px 12px;border-top:1px solid #17263a;font-size:9px}
body:has(.mc-dashboard-simple) .sidebar .server-widget,body:has(.mc-dashboard-simple) .server-widget{display:none}
@media(max-width:700px){.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-dashboard-simple .mc-ref-head{display:block}.mc-dashboard-simple .mc-ref-periods{margin-top:8px}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{display:block;width:100%;margin-left:0}}


/* === DASHBOARD MAJOR VISUAL PASS === */
body:has(.mc-dashboard-simple){
  background:#020b16!important;
  overflow-x:hidden;
}
body:has(.mc-dashboard-simple) .main{background:linear-gradient(180deg,#020b16 0%,#04101d 100%)}
body:has(.mc-dashboard-simple) .topbar{
  height:38px!important;padding:0 14px!important;background:#06111f!important;
  border-bottom:1px solid #13263c!important;backdrop-filter:none!important;
}
body:has(.mc-dashboard-simple) .topbar__crumbs{font-size:10px;color:#5f7894;letter-spacing:.02em}
body:has(.mc-dashboard-simple) .topbar__crumbs b{color:#b9c9dc}
body:has(.mc-dashboard-simple) .burger{width:28px;height:28px}
body:has(.mc-dashboard-simple) .view{padding:10px 12px 16px!important}
.mc-dashboard-simple .mc-ref-head{
  min-height:31px;margin-bottom:7px!important;padding:0 2px;
}
.mc-dashboard-simple .mc-ref-head h1{font-size:18px!important;font-weight:700!important;color:#f1f6fc!important}
.mc-dashboard-simple .mc-ref-head p{font-size:9px!important;color:#536b84!important}
.mc-dashboard-simple .mc-ref-periods{align-self:center}
.mc-dashboard-simple .mc-ref-period{height:25px!important;padding:0 10px!important;font-size:10px!important;border-radius:5px!important}
.mc-dashboard-simple .mc-ref-kpis-8{gap:6px!important}
.mc-dashboard-simple .mc-ref-kpi{
  min-height:76px!important;padding:8px 9px!important;border-radius:7px!important;
  background:linear-gradient(145deg,#081625,#071321)!important;
  border:1px solid #152b43!important;border-top-width:2px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.18)!important;
}
.mc-dashboard-simple .mc-ref-kpi__head{gap:6px!important}
.mc-dashboard-simple .mc-ref-kpi__icon{width:20px!important;height:20px!important;border-radius:5px!important}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:9px!important;color:#728aa4!important;text-transform:uppercase;letter-spacing:.06em}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:18px!important;line-height:1!important;margin-top:8px!important;font-weight:700!important}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:8px!important;color:#536b84!important;margin-top:4px!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin-top:7px!important}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(67% - 4px)!important}
.mc-dashboard-simple .mc-simple-server-slot{width:calc(33% - 4px)!important;margin-left:6px!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{
  background:#071321!important;border:1px solid #162d45!important;border-radius:8px!important;
  box-shadow:0 7px 18px rgba(0,0,0,.2)!important;
}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{
  min-height:31px!important;padding:7px 9px!important;border-bottom:1px solid #14283d!important;
}
.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{
  font-size:10px!important;color:#a9bad0!important;text-transform:uppercase;letter-spacing:.07em!important;
}
.mc-dashboard-simple .pie-legend{padding:2px 9px 5px!important}
.mc-dashboard-simple .pie-legend__row{
  min-height:25px!important;padding:3px 0!important;grid-template-columns:22px minmax(0,1fr) auto!important;
  border-bottom:1px solid rgba(36,57,80,.48)!important;
}
.mc-dashboard-simple .pie-legend__dot{font-size:13px!important;width:22px!important}
.mc-dashboard-simple .pie-legend__name{font-size:9px!important;color:#9cb0c6!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;color:#dce7f3!important}
.mc-dashboard-simple .pie-legend__row--total{padding-top:5px!important;margin-top:2px!important}
.mc-dashboard-simple .mc-system__metric{margin:0 9px 8px!important}
.mc-dashboard-simple .mc-system__head{font-size:9px!important;color:#839ab3!important;margin-bottom:4px}
.mc-dashboard-simple .mc-system__bar{height:4px!important;background:#14263a!important}
.mc-dashboard-simple .mc-system__bar i{background:linear-gradient(90deg,#2563eb,#22d3ee)!important}
.mc-dashboard-simple .mc-system__foot{padding:5px 9px!important;font-size:8px!important;color:#516a83!important}
@media(max-width:700px){
 .mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;margin-left:0!important}
 .mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


body:has(.mc-dashboard-simple){background:#020f1e;color:#e8eef8}.mc-dashboard-simple .mc-ref-kpi{box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 6px 18px rgba(0,0,0,.14)}.mc-dashboard-simple .mc-simple-country-slot{grid-area:country}.mc-dashboard-simple .mc-simple-server-slot{grid-area:server}.mc-dashboard-simple{display:block}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{display:inline-block;vertical-align:top;width:calc(62% - 4px)}.mc-dashboard-simple .mc-simple-server-slot{width:calc(38% - 4px);margin-left:8px}
body:has(.mc-dashboard-simple) .topbar__actions{display:none!important}
body:has(.mc-dashboard-simple) .view{padding:10px 12px;max-width:none}
.mc-dashboard-simple .mc-ref-head{margin-bottom:8px;align-items:center}.mc-dashboard-simple .mc-ref-head h1{font-size:20px;line-height:1.15;letter-spacing:-.02em}.mc-dashboard-simple .mc-ref-head p{font-size:11px;color:#71859e;margin-top:3px}.mc-dashboard-simple .mc-ref-kpi__label{color:#8fa4bc;font-weight:600;letter-spacing:.02em}.mc-dashboard-simple .mc-ref-kpi__value{color:#f4f8ff;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.mc-dashboard-simple .mc-ref-kpi.is-revenue .mc-ref-kpi__value{color:#4ade80}.mc-dashboard-simple .mc-ref-kpi.is-subs .mc-ref-kpi__value{color:#67e8f9}.mc-dashboard-simple .mc-ref-kpi.is-clicks .mc-ref-kpi__value{color:#c4b5fd}.mc-dashboard-simple .mc-ref-kpi.is-cr .mc-ref-kpi__value{color:#fca5a5}.mc-dashboard-simple .mc-ref-kpi.is-profit .mc-ref-kpi__value{color:#7dd3fc}.mc-dashboard-simple .mc-ref-kpi.is-roi .mc-ref-kpi__value{color:#c4b5fd}
.mc-dashboard-simple .mc-ref-periods{gap:4px}.mc-dashboard-simple .mc-ref-period{height:28px;padding:0 11px;font-size:11px;border:1px solid #20354f;background:#0b192b;color:#91a4bb;border-radius:7px}.mc-dashboard-simple .mc-ref-period:hover{background:#102238;color:#dbeafe;border-color:#31506f}.mc-dashboard-simple .mc-ref-period.is-active{background:#12345b;color:#eaf4ff;border-color:#2674c9;box-shadow:0 0 0 1px rgba(38,116,201,.14)}.mc-dashboard-simple .mc-ref-period[data-period="7d"],.mc-dashboard-simple .mc-ref-period[data-period="30d"],.mc-dashboard-simple .mc-ref-period[data-period="custom"]{display:none}
.mc-dashboard-simple .mc-ref-kpis-8{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.mc-dashboard-simple .mc-ref-kpi{min-height:88px;padding:10px 11px;border-radius:10px;background:#081525;border-color:#19304a;position:relative;overflow:hidden}.mc-dashboard-simple .mc-ref-kpi.is-revenue{border-top:2px solid #22c55e}.mc-dashboard-simple .mc-ref-kpi.is-subs{border-top:2px solid #22d3ee}.mc-dashboard-simple .mc-ref-kpi.is-clicks{border-top:2px solid #8b5cf6}.mc-dashboard-simple .mc-ref-kpi.is-cr{border-top:2px solid #ef4444}.mc-dashboard-simple .mc-ref-kpi.is-cost{border-top:2px solid #f59e0b}.mc-dashboard-simple .mc-ref-kpi.is-profit{border-top:2px solid #38bdf8}.mc-dashboard-simple .mc-ref-kpi.is-roi{border-top:2px solid #a78bfa}.mc-dashboard-simple .mc-ref-kpi.is-epc{border-top:2px solid #64748b}.mc-dashboard-simple .mc-ref-kpi__icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center}.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px}.mc-dashboard-simple .mc-ref-kpi__value{font-size:20px;margin-top:7px}.mc-dashboard-simple .mc-ref-kpi__meta{font-size:9px;margin-top:2px}.mc-dashboard-simple .mc-ref-kpi__spark{display:none}.mc-dashboard-simple .mc-kpi-live-dot{display:none}
.mc-dashboard-simple .mc-ref-secondary-grid,.mc-dashboard-simple .mc-ref-main-grid,.mc-dashboard-simple .mc-ref-tertiary-grid,.mc-dashboard-simple .mc-ref-bottom-grid{display:none!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin-top:8px}.mc-dashboard-simple .mc-simple-country-slot{width:calc(64% - 4px)}.mc-dashboard-simple .mc-simple-server-slot{width:calc(36% - 4px)}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{background:#081525;border:1px solid #19304a;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.16)}.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:12px;font-weight:700;letter-spacing:.01em}
.mc-dashboard-simple .mc-ref-country-simple .card{margin:0;border:0;background:transparent}.mc-dashboard-simple .mc-ref-country-simple .card__head{padding:10px 12px;border-bottom:1px solid #17263a}.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0}
.mc-dashboard-simple .mc-country-map{display:none!important}.mc-dashboard-simple .mc-country-map-wrap{display:block!important;padding:0}.mc-dashboard-simple .pie-legend{width:100%;padding:4px 12px 8px;min-width:0;gap:0}.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px minmax(0,1fr) auto;gap:7px;min-height:29px;padding:5px 0;border-bottom:1px solid rgba(44,64,90,.42)}.mc-dashboard-simple .pie-legend__dot{font-size:15px;width:24px;height:20px;display:grid;place-items:center;background:transparent!important}.mc-dashboard-simple .pie-legend__pct{display:none}.mc-dashboard-simple .pie-legend__val{font-size:11px}.mc-dashboard-simple .pie-legend__row--total{border-top:1px solid #263954;margin-top:3px;padding-top:7px}
.mc-dashboard-simple .mc-system{margin:0;padding:0;background:transparent;border:0;box-shadow:none}.mc-dashboard-simple .mc-system__status{display:none}.mc-dashboard-simple .mc-system__metric{margin:0 12px 9px}.mc-dashboard-simple .mc-system__head{font-size:10px}.mc-dashboard-simple .mc-system__bar{height:5px;background:#152338;border-radius:5px;overflow:hidden}.mc-dashboard-simple .mc-system__bar i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:inherit}.mc-dashboard-simple .mc-system__foot{padding:5px 12px;border-top:1px solid #17263a;font-size:9px}
body:has(.mc-dashboard-simple) .sidebar .server-widget,body:has(.mc-dashboard-simple) .server-widget{display:none}
@media(max-width:700px){.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-dashboard-simple .mc-ref-head{display:block}.mc-dashboard-simple .mc-ref-periods{margin-top:8px}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{display:block;width:100%;margin-left:0}}

/* === Mission Control visual pass === */
body:has(.mc-dashboard-simple){overflow-x:hidden}
body:has(.mc-dashboard-simple) .app{background:#020b16}
body:has(.mc-dashboard-simple) .topbar{height:42px;background:#06111f;border-bottom:1px solid #14263b;box-shadow:0 4px 18px rgba(0,0,0,.22)}
body:has(.mc-dashboard-simple) .topbar__title{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8ea5bf}
body:has(.mc-dashboard-simple) .view{padding:12px 14px 18px}
body:has(.mc-dashboard-simple) .sidebar{background:#040d18;border-right:1px solid #14263b}
body:has(.mc-dashboard-simple) .sidebar__brand{border-bottom:1px solid #14263b}
body:has(.mc-dashboard-simple) .nav__item{min-height:34px;margin:2px 7px;border-radius:7px;font-size:10px;color:#7289a2}
body:has(.mc-dashboard-simple) .nav__item:hover{background:#0b1929;color:#c8d8e9}
body:has(.mc-dashboard-simple) .nav__item.active{background:#0b2138;color:#dff1ff;box-shadow:inset 2px 0 #2d8cff}
body:has(.mc-dashboard-simple) .nav__icon{opacity:.8}
.mc-dashboard-simple{width:100%;max-width:1180px;margin:0 auto}
.mc-dashboard-simple .mc-ref-head{min-height:38px;margin-bottom:9px;padding:0 2px}
.mc-dashboard-simple .mc-ref-head h1{font-size:22px;font-weight:700;color:#edf5ff;text-shadow:0 1px 14px rgba(69,145,255,.08)}
.mc-dashboard-simple .mc-ref-head p{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:#5f7690}
.mc-dashboard-simple .mc-ref-periods{align-self:flex-end;padding:3px;border:1px solid #152b43;background:#071525;border-radius:9px;box-shadow:0 5px 18px rgba(0,0,0,.18)}
.mc-dashboard-simple .mc-ref-period{height:26px;padding:0 12px;border:0;border-radius:6px;background:transparent;font-size:10px;font-weight:600}
.mc-dashboard-simple .mc-ref-period.is-active{background:#123c68;border:1px solid #2167a7;box-shadow:0 0 16px rgba(34,126,220,.12)}
.mc-dashboard-simple .mc-ref-kpis-8{gap:6px;margin-bottom:8px}
.mc-dashboard-simple .mc-ref-kpi{min-height:82px;padding:9px 10px;border-radius:8px;background:linear-gradient(180deg,#091827,#071321);border:1px solid #172d45;box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 20px rgba(0,0,0,.18)}
.mc-dashboard-simple .mc-ref-kpi__head{gap:6px}
.mc-dashboard-simple .mc-ref-kpi__icon{width:22px;height:22px;border-radius:6px;background:#0d2035}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#748ca7}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:19px;line-height:1;margin-top:8px}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:8px;color:#4f6780;letter-spacing:.02em}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin-top:0}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(66.666% - 4px);margin-right:4px}
.mc-dashboard-simple .mc-simple-server-slot{width:calc(33.333% - 4px);margin-left:4px}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{min-height:250px;background:linear-gradient(180deg,#081726,#06111e);border:1px solid #172d45;border-radius:8px;box-shadow:0 9px 26px rgba(0,0,0,.2)}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:38px;padding:0 11px;display:flex;align-items:center;border-bottom:1px solid #15283e;background:#091827}
.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#90a6bd}
.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0}
.mc-dashboard-simple .pie-legend{padding:5px 11px 8px}
.mc-dashboard-simple .pie-legend__row{min-height:32px;padding:6px 0;border-bottom:1px solid rgba(34,55,79,.45)}
.mc-dashboard-simple .pie-legend__val{font-size:10px;font-weight:600;color:#d6e2ef}
.mc-dashboard-simple .pie-legend__name{font-size:10px;color:#7d94ac}
.mc-dashboard-simple .pie-legend__row--total{font-weight:700;color:#e9f3ff}
.mc-dashboard-simple .mc-ref-system-simple .card{margin:0;background:transparent;border:0}
.mc-dashboard-simple .mc-system__metric{margin:0 11px 15px}
.mc-dashboard-simple .mc-system__head{font-size:9px;color:#728ba5;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.mc-dashboard-simple .mc-system__head strong{font-size:10px;color:#dbe8f5}
.mc-dashboard-simple .mc-system__bar{height:6px;background:#0d1d30;border:1px solid #18304a}
.mc-dashboard-simple .mc-system__bar i{background:linear-gradient(90deg,#1769d2,#2bb7e9);box-shadow:0 0 8px rgba(43,183,233,.18)}
.mc-dashboard-simple .mc-system__foot{margin-top:2px;padding:8px 11px;border-top:1px solid #15283e;color:#526b84}
.mc-dashboard-simple .mc-system__foot b{color:#8ea5bc}
@media(max-width:900px){.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(120px,1fr));overflow-x:auto;padding-bottom:2px}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%;display:block;margin:8px 0 0}.mc-dashboard-simple .mc-ref-system-simple{min-height:210px}}

/* === FINAL REFERENCE LAYOUT PASS === */
body:has(.mc-dashboard-simple){
  --ref-sidebar:155px;
  background:#020b16!important;
  color:#eaf2fb;
}
body:has(.mc-dashboard-simple) .sidebar{
  width:var(--ref-sidebar)!important;
  background:linear-gradient(180deg,#04111e 0%,#03101b 100%)!important;
  border-right:1px solid #18304a!important;
}
body:has(.mc-dashboard-simple) .main{margin-left:var(--ref-sidebar)!important;min-width:0!important;background:radial-gradient(circle at 78% 8%,rgba(19,91,160,.10),transparent 30%),linear-gradient(180deg,#020b16,#03101b)!important}
body:has(.mc-dashboard-simple) .sidebar__brand{height:55px!important;padding:0 10px!important;gap:8px!important}
body:has(.mc-dashboard-simple) .sidebar__logo{width:30px!important;height:30px!important;border-radius:8px!important;font-size:13px!important}
body:has(.mc-dashboard-simple) .sidebar__title{font-size:11px!important;font-weight:750!important;white-space:nowrap!important}
body:has(.mc-dashboard-simple) .sidebar__nav{padding:9px 7px!important}
body:has(.mc-dashboard-simple) .sidebar__group{margin-bottom:10px!important}
body:has(.mc-dashboard-simple) .sidebar__link{height:34px!important;min-height:34px!important;margin:2px 0!important;padding:0 9px!important;gap:8px!important;border-radius:7px!important;font-size:10px!important}
body:has(.mc-dashboard-simple) .sidebar__link svg{width:15px!important;height:15px!important}
body:has(.mc-dashboard-simple) .sidebar__link.is-active{background:linear-gradient(90deg,#12345b,#0a2139)!important;box-shadow:inset 2px 0 #2e8cff!important}
body:has(.mc-dashboard-simple) .sidebar__footer{padding:8px!important}
body:has(.mc-dashboard-simple) .sidebar__status{padding:6px 4px!important;font-size:9px!important}
body:has(.mc-dashboard-simple) .sidebar__logout{padding:7px 4px!important;font-size:10px!important}
body:has(.mc-dashboard-simple) .topbar{height:43px!important;padding:0 14px!important;background:#061321!important;border-bottom:1px solid #17304a!important}
body:has(.mc-dashboard-simple) .topbar__crumbs{font-size:10px!important;color:#8197ad!important}
body:has(.mc-dashboard-simple) .view{padding:12px 16px 18px!important;max-width:none!important}
.mc-dashboard-simple{max-width:none!important}
.mc-dashboard-simple .mc-ref-head{height:45px!important;min-height:45px!important;margin-bottom:8px!important}
.mc-dashboard-simple .mc-ref-head h1{font-size:22px!important;line-height:1!important;letter-spacing:-.03em!important}
.mc-dashboard-simple .mc-ref-head p{font-size:9px!important;margin-top:4px!important;letter-spacing:.045em!important}
.mc-dashboard-simple .mc-ref-periods{padding:0!important;border:1px solid #17304a!important;background:#061625!important;border-radius:7px!important;box-shadow:none!important;gap:0!important}
.mc-dashboard-simple .mc-ref-period{height:31px!important;padding:0 13px!important;border:0!important;border-right:1px solid #142b43!important;border-radius:0!important;background:transparent!important;color:#7890aa!important;font-size:10px!important}
.mc-dashboard-simple .mc-ref-period:last-child{border-right:0!important}
.mc-dashboard-simple .mc-ref-period[data-period="7d"],.mc-dashboard-simple .mc-ref-period[data-period="30d"],.mc-dashboard-simple .mc-ref-period[data-period="custom"]{display:inline-flex!important}
.mc-dashboard-simple .mc-ref-period.is-active{background:#1670e8!important;color:#fff!important;box-shadow:0 0 16px rgba(30,126,245,.25)!important}
.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-bottom:9px!important}
.mc-dashboard-simple .mc-ref-kpi{height:112px!important;min-height:112px!important;padding:12px 13px!important;border-radius:9px!important;border:1px solid #183b5b!important;background:linear-gradient(145deg,#071a2b,#071525)!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.22)!important}
.mc-dashboard-simple .mc-ref-kpi__icon{width:28px!important;height:28px!important;border-radius:7px!important}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px!important;color:#8da6c0!important}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:22px!important;margin-top:8px!important;font-weight:750!important}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:9px!important;margin-top:4px!important;color:#6e89a5!important}
.mc-dashboard-simple .mc-ref-kpi__spark{display:block!important;position:absolute!important;right:10px!important;bottom:10px!important;opacity:.85!important}
.mc-dashboard-simple .mc-ref-kpi.is-revenue{border-top:2px solid #08d7a0!important;background:linear-gradient(145deg,rgba(8,215,160,.12),#071525 62%)!important}
.mc-dashboard-simple .mc-ref-kpi.is-cost{border-top:2px solid #2c8fff!important}
.mc-dashboard-simple .mc-ref-kpi.is-profit{border-top:2px solid #ef3d87!important;background:linear-gradient(145deg,rgba(239,61,135,.10),#071525 65%)!important}
.mc-dashboard-simple .mc-ref-kpi.is-roi{border-top:2px solid #a36bff!important;background:linear-gradient(145deg,rgba(163,107,255,.10),#071525 65%)!important}
.mc-dashboard-simple .mc-ref-kpi.is-clicks{border-top:2px solid #7048ff!important}
.mc-dashboard-simple .mc-ref-kpi.is-subs{border-top:2px solid #15c9ee!important}
.mc-dashboard-simple .mc-ref-kpi.is-epc{border-top:2px solid #318cff!important}
.mc-dashboard-simple .mc-ref-kpi.is-cr{border-top:2px solid #ff465d!important;background:linear-gradient(145deg,rgba(255,70,93,.10),#071525 65%)!important}
.mc-dashboard-simple .mc-ref-kpi.is-cost .mc-ref-kpi__value,.mc-dashboard-simple .mc-ref-kpi.is-epc .mc-ref-kpi__value{color:#edf5ff!important}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(66.2% - 4px)!important;margin:0!important;display:inline-block!important;vertical-align:top!important}
.mc-dashboard-simple .mc-simple-server-slot{width:calc(33.8% - 4px)!important;margin:0!important;display:inline-block!important;vertical-align:top!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:365px!important;min-height:365px!important;border-radius:9px!important;background:linear-gradient(180deg,#061827,#051321)!important;border:1px solid #173a5a!important;box-shadow:0 10px 25px rgba(0,0,0,.22)!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:45px!important;padding:0 12px!important;background:#071b2d!important;border-bottom:1px solid #16334f!important}
.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:12px!important;color:#e1edf8!important;text-transform:none!important;letter-spacing:0!important}
.mc-dashboard-simple .mc-ref-country-simple .card__desc{font-size:9px!important;color:#66819c!important;margin-top:2px!important}
.mc-dashboard-simple .pie-legend{padding:7px 11px 8px!important}
.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px 28px minmax(65px,.7fr) minmax(100px,1.4fr) 72px 44px!important;gap:7px!important;min-height:37px!important;padding:6px 0!important;align-items:center!important}
.mc-dashboard-simple .pie-legend__rank{font-size:9px!important;color:#607b95!important;text-align:center}
.mc-dashboard-simple .pie-legend__dot{font-size:15px!important;width:28px!important;height:20px!important}
.mc-dashboard-simple .pie-legend__name{font-size:10px!important;color:#c0d0df!important}
.mc-dashboard-simple .pie-legend__bar{height:7px!important;border-radius:5px!important;background:#0c2841!important;overflow:hidden!important}
.mc-dashboard-simple .pie-legend__bar i{display:block!important;width:var(--country-share)!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#159df5,#27c6ff)!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;font-weight:700!important;color:#e5f0fa!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__pct{font-size:9px!important;color:#66819b!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row--total{grid-template-columns:52px minmax(65px,.7fr) minmax(100px,1.4fr) 72px 44px!important;border-top:1px solid #24415d!important;margin-top:3px!important;padding-top:8px!important}
.mc-dashboard-simple .mc-system{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:22px 12px 0!important}
.mc-dashboard-simple .mc-system__status{display:block!important;grid-column:1/-1!important;justify-self:end!important;position:absolute!important;top:13px!important;right:12px!important;font-size:9px!important;color:#13dca7!important}
.mc-dashboard-simple .mc-command-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#10dca4;box-shadow:0 0 8px rgba(16,220,164,.7);margin-right:5px}
.mc-dashboard-simple .mc-system__metric{margin:20px 5px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.mc-dashboard-simple .mc-system__head{order:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin:8px 0 0!important;font-size:9px!important;color:#6f8ca6!important;text-transform:uppercase!important}
.mc-dashboard-simple .mc-system__head strong{font-size:16px!important;color:#edf5ff!important;order:-1!important}
.mc-dashboard-simple .mc-system__bar{order:1!important;width:72px!important;height:72px!important;border-radius:50%!important;background:conic-gradient(#19d9b1 var(--system-pct,0%),#102b44 0)!important;border:0!important;position:relative!important;box-shadow:0 0 0 1px #173b5a,0 0 18px rgba(32,148,240,.08)!important}
.mc-dashboard-simple .mc-system__bar:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#061827;border:1px solid #163651!important}
.mc-dashboard-simple .mc-system__bar i{display:none!important}
.mc-dashboard-simple .mc-system__metric:nth-of-type(3) .mc-system__bar{background:conic-gradient(#2d91ff var(--system-pct,0%),#102b44 0)!important}
.mc-dashboard-simple .mc-system__metric:nth-of-type(4) .mc-system__bar{background:conic-gradient(#8c55ff var(--system-pct,0%),#102b44 0)!important}
.mc-dashboard-simple .mc-system__foot{grid-column:1/-1!important;margin-top:26px!important;padding:12px 2px!important;border-top:1px solid #17334d!important;font-size:8px!important;color:#668099!important;display:flex!important;justify-content:space-between!important}
@media(max-width:900px){
 body:has(.mc-dashboard-simple) .sidebar{width:150px!important}body:has(.mc-dashboard-simple) .main{margin-left:150px!important}
 .mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;margin-top:8px!important}
}

/* === MVAS REFERENCE MATCH v4 === */
body:has(.mc-dashboard-simple){--mc-blue:#168cff;--mc-cyan:#00d9ff;--mc-purple:#7c3cff;--mc-pink:#ff247f;--mc-gold:#ffc400;background:#020b17!important;color:#eaf3ff!important;overflow-x:hidden}
body:has(.mc-dashboard-simple) .sidebar{width:155px!important;background:#06111f!important;border-right:1px solid #16304a!important}
body:has(.mc-dashboard-simple) .main{margin-left:155px!important;background:#020b17!important;min-width:0}
body:has(.mc-dashboard-simple) .sidebar__brand{height:58px!important;padding:0 10px!important;gap:9px!important;border-bottom:1px solid #14283e!important}
body:has(.mc-dashboard-simple) .sidebar__logo{width:34px!important;height:34px!important;border-radius:8px!important;background:linear-gradient(145deg,#4f46e5,#2563eb)!important;box-shadow:0 0 18px rgba(37,99,235,.22)}
body:has(.mc-dashboard-simple) .sidebar__title{font-size:11px!important;font-weight:750!important;color:#eef5ff!important}
body:has(.mc-dashboard-simple) .sidebar__nav{padding:12px 9px!important}
body:has(.mc-dashboard-simple) .sidebar__group{margin-bottom:10px!important}
body:has(.mc-dashboard-simple) .sidebar__link{height:34px!important;min-height:34px!important;padding:0 9px!important;margin:0 0 3px!important;gap:8px!important;border-radius:7px!important;font-size:10px!important;color:#788ca4!important}
body:has(.mc-dashboard-simple) .sidebar__link svg{width:15px!important;height:15px!important;color:#71859c!important}
body:has(.mc-dashboard-simple) .sidebar__link.is-active{background:linear-gradient(90deg,#1557b7,#0e3260)!important;color:#fff!important;box-shadow:inset 2px 0 #2494ff,0 4px 14px rgba(0,91,190,.18)!important}
body:has(.mc-dashboard-simple) .sidebar__link.is-active svg{color:#fff!important}
body:has(.mc-dashboard-simple) .sidebar__footer{padding:10px 9px!important;background:#050f1b!important}
body:has(.mc-dashboard-simple) .sidebar__status{padding:7px 8px!important;font-size:9px!important;color:#74889f!important}
body:has(.mc-dashboard-simple) .sidebar__logout{padding:7px 8px!important;font-size:10px!important}
body:has(.mc-dashboard-simple) .topbar{height:44px!important;padding:0 16px!important;background:#06111f!important;border-bottom:1px solid #16304a!important}
body:has(.mc-dashboard-simple) .topbar__crumbs{font-size:10px!important;color:#7e91a7!important}
body:has(.mc-dashboard-simple) .view{padding:12px 18px 18px!important;max-width:1120px!important}
.mc-dashboard-simple .mc-ref-head{min-height:40px!important;margin:0 0 10px!important;padding:0!important}
.mc-dashboard-simple .mc-ref-head h1{font-size:22px!important;line-height:1!important;color:#f4f8ff!important;letter-spacing:-.04em!important}
.mc-dashboard-simple .mc-ref-head p{font-size:9px!important;color:#627b95!important;margin-top:4px!important;letter-spacing:.02em}
.mc-dashboard-simple .mc-ref-periods{gap:0!important;border:1px solid #12304b!important;border-radius:6px!important;overflow:hidden!important;background:#061522!important}
.mc-dashboard-simple .mc-ref-period{display:block!important;height:31px!important;padding:0 13px!important;border:0!important;border-right:1px solid #12304b!important;border-radius:0!important;background:transparent!important;color:#9aadc2!important;font-size:9px!important}
.mc-dashboard-simple .mc-ref-period:last-child{border-right:0!important}
.mc-dashboard-simple .mc-ref-period.is-active{background:#0967df!important;color:#fff!important;box-shadow:inset 0 -1px rgba(255,255,255,.18),0 0 18px rgba(9,103,223,.25)!important}
.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:112px 112px!important;gap:7px!important}
.mc-dashboard-simple .mc-ref-kpi{min-height:0!important;height:112px!important;padding:12px!important;border-radius:8px!important;background:#061526!important;border:1px solid #153452!important;border-top:2px solid #153452!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 7px 20px rgba(0,0,0,.18)!important}
.mc-dashboard-simple .mc-ref-kpi:nth-child(1){grid-column:1;grid-row:1}.mc-dashboard-simple .mc-ref-kpi:nth-child(2){grid-column:2;grid-row:1}.mc-dashboard-simple .mc-ref-kpi:nth-child(3){grid-column:3;grid-row:1}.mc-dashboard-simple .mc-ref-kpi:nth-child(4){grid-column:4;grid-row:1}.mc-dashboard-simple .mc-ref-kpi:nth-child(5){grid-column:1;grid-row:2}.mc-dashboard-simple .mc-ref-kpi:nth-child(6){grid-column:2;grid-row:2}.mc-dashboard-simple .mc-ref-kpi:nth-child(7){grid-column:3;grid-row:2}.mc-dashboard-simple .mc-ref-kpi:nth-child(8){grid-column:4;grid-row:2}
.mc-dashboard-simple .mc-ref-kpi.is-revenue{border-top-color:#00d99a!important;background:linear-gradient(145deg,#061c1e,#071525)!important}.mc-dashboard-simple .mc-ref-kpi.is-cost{border-top-color:#168cff!important}.mc-dashboard-simple .mc-ref-kpi.is-profit{border-top-color:#ff247f!important}.mc-dashboard-simple .mc-ref-kpi.is-roi{border-top-color:#ffc400!important;background:linear-gradient(145deg,#17180e,#071525)!important}.mc-dashboard-simple .mc-ref-kpi.is-clicks{border-top-color:#713cff!important;background:linear-gradient(145deg,#101026,#071525)!important}.mc-dashboard-simple .mc-ref-kpi.is-subs{border-top-color:#00d9ff!important;background:linear-gradient(145deg,#071a24,#071525)!important}.mc-dashboard-simple .mc-ref-kpi.is-epc{border-top-color:#168cff!important}.mc-dashboard-simple .mc-ref-kpi.is-cr{border-top-color:#ff3b55!important;background:linear-gradient(145deg,#1a1018,#071525)!important}
.mc-dashboard-simple .mc-ref-kpi__head{gap:8px!important}.mc-dashboard-simple .mc-ref-kpi__icon{width:30px!important;height:30px!important;border-radius:7px!important;background:#0c263e!important}.mc-dashboard-simple .mc-ref-kpi.is-revenue .mc-ref-kpi__icon{background:rgba(0,217,154,.12)!important;color:#00e0a0!important}.mc-dashboard-simple .mc-ref-kpi.is-subs .mc-ref-kpi__icon{background:rgba(0,217,255,.12)!important;color:#00d9ff!important}.mc-dashboard-simple .mc-ref-kpi.is-clicks .mc-ref-kpi__icon{background:rgba(124,60,255,.13)!important;color:#a276ff!important}.mc-dashboard-simple .mc-ref-kpi.is-cr .mc-ref-kpi__icon{background:rgba(255,59,85,.12)!important;color:#ff6b7d!important}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px!important;color:#8ca3bc!important;font-weight:600!important;letter-spacing:.04em!important;text-transform:none!important}.mc-dashboard-simple .mc-ref-kpi__value{font-size:23px!important;line-height:1!important;margin-top:11px!important;font-weight:750!important;color:#f4f8ff!important}.mc-dashboard-simple .mc-ref-kpi.is-revenue .mc-ref-kpi__value{color:#f4f8ff!important}.mc-dashboard-simple .mc-ref-kpi.is-profit .mc-ref-kpi__value{color:#6fd5ff!important}.mc-dashboard-simple .mc-ref-kpi.is-roi .mc-ref-kpi__value{color:#d7b8ff!important}.mc-dashboard-simple .mc-ref-kpi.is-clicks .mc-ref-kpi__value{color:#f4f8ff!important}.mc-dashboard-simple .mc-ref-kpi.is-subs .mc-ref-kpi__value{color:#f4f8ff!important}.mc-dashboard-simple .mc-ref-kpi.is-cr .mc-ref-kpi__value{color:#fff!important}.mc-dashboard-simple .mc-ref-kpi__meta{font-size:8px!important;color:#5e7892!important;margin-top:6px!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin-top:7px!important;vertical-align:top!important}.mc-dashboard-simple .mc-simple-country-slot{width:62%!important}.mc-dashboard-simple .mc-simple-server-slot{width:38%!important;margin-left:0!important;padding-left:7px!important;box-sizing:border-box!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:271px!important;background:#061526!important;border:1px solid #14334f!important;border-radius:8px!important;box-shadow:0 8px 25px rgba(0,0,0,.18)!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:42px!important;box-sizing:border-box!important;padding:10px 12px!important;border-bottom:1px solid #16334d!important}.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:12px!important;font-weight:700!important;color:#dce9f7!important}.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0!important}.mc-dashboard-simple .mc-ref-country-simple .card__desc{font-size:8px!important;color:#5f7891!important}
.mc-dashboard-simple .pie-legend{padding:0 12px!important}.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px 58px minmax(90px,1fr) 74px!important;gap:8px!important;height:31px!important;min-height:31px!important;padding:0!important;border-bottom:1px solid rgba(24,53,79,.7)!important;align-items:center!important}.mc-dashboard-simple .pie-legend__row:before{content:'';grid-column:3;grid-row:1;height:7px;border-radius:3px;background:linear-gradient(90deg,#168cff,#00c7ff);box-shadow:0 0 8px rgba(0,170,255,.12)}.mc-dashboard-simple .pie-legend__dot{grid-column:1!important;grid-row:1!important;font-size:13px!important;width:24px!important}.mc-dashboard-simple .pie-legend__name{grid-column:2!important;grid-row:1!important;font-size:9px!important;color:#d2deeb!important}.mc-dashboard-simple .pie-legend__val{grid-column:4!important;grid-row:1!important;text-align:right!important;font-size:9px!important;color:#e8f2fc!important;font-weight:700!important}.mc-dashboard-simple .pie-legend__pct{display:none!important}.mc-dashboard-simple .pie-legend__row--total{height:32px!important;min-height:32px!important;border-top:1px solid #28425d!important;margin-top:0!important;padding-top:0!important}.mc-dashboard-simple .pie-legend__row--total:before{display:none!important}
.mc-dashboard-simple .mc-system{padding:8px 11px 0!important}.mc-dashboard-simple .mc-system__status{display:flex!important;justify-content:flex-end!important;position:absolute!important;right:12px!important;top:9px!important;font-size:8px!important;color:#00d9a0!important}.mc-dashboard-simple .mc-system__metric{margin:5px 10px 12px!important}.mc-dashboard-simple .mc-system__head{font-size:8px!important;color:#7790aa!important;margin-bottom:4px!important}.mc-dashboard-simple .mc-system__head strong{color:#e6f0fa!important}.mc-dashboard-simple .mc-system__bar{height:5px!important;background:#102a43!important}.mc-dashboard-simple .mc-system__bar i{background:linear-gradient(90deg,#0a7cf0,#00d9ff)!important}.mc-dashboard-simple .mc-system__foot{padding:9px 0!important;font-size:7px!important;color:#55708a!important}
@media(max-width:900px){body:has(.mc-dashboard-simple) .sidebar{width:145px!important}body:has(.mc-dashboard-simple) .main{margin-left:145px!important}.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}.mc-dashboard-simple .mc-ref-kpi{height:100px!important}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;padding-left:0!important;margin-left:0!important}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:auto!important}}

/* === MVAS REFERENCE MATCH v5 / composition scale === */
body:has(.mc-dashboard-simple) .view{max-width:1000px!important;margin:0!important;padding:12px 18px 18px!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .main{position:relative;overflow:hidden}
body:has(.mc-dashboard-simple) .main:before{content:'';position:fixed;z-index:0;pointer-events:none;width:520px;height:520px;left:calc(100% - 590px);bottom:-270px;border-radius:50%;border:1px solid rgba(15,125,220,.18);box-shadow:0 0 0 18px rgba(15,125,220,.025),0 0 0 42px rgba(15,125,220,.018),inset 0 0 55px rgba(0,100,220,.06);background:radial-gradient(circle at 42% 38%,rgba(0,174,255,.12),transparent 44%),repeating-radial-gradient(circle at 42% 38%,transparent 0 21px,rgba(24,135,220,.055) 22px 23px)}
body:has(.mc-dashboard-simple) .main:after{content:'';position:fixed;z-index:0;pointer-events:none;inset:44px 0 0 155px;background:linear-gradient(135deg,transparent 0 18%,rgba(16,116,205,.035) 18.1%,transparent 18.3% 52%,rgba(16,116,205,.025) 52.1%,transparent 52.3%),radial-gradient(ellipse at 22% 16%,rgba(0,105,200,.09),transparent 42%);mix-blend-mode:screen}
body:has(.mc-dashboard-simple) .view{position:relative;z-index:1}
.mc-dashboard-simple .mc-ref-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}
.mc-dashboard-simple .mc-ref-head>div:first-child{min-width:0}
.mc-dashboard-simple .mc-ref-kpis-8{position:relative}
.mc-dashboard-simple .mc-ref-kpi:after{content:'';position:absolute;right:-18px;bottom:-25px;width:90px;height:70px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,145,255,.08),transparent 68%);pointer-events:none}
.mc-dashboard-simple .mc-ref-kpi.is-revenue:after{background:radial-gradient(ellipse,rgba(0,220,155,.12),transparent 68%)}
.mc-dashboard-simple .mc-ref-kpi.is-clicks:after{background:radial-gradient(ellipse,rgba(124,60,255,.12),transparent 68%)}
.mc-dashboard-simple .mc-ref-kpi.is-cr:after{background:radial-gradient(ellipse,rgba(255,50,80,.11),transparent 68%)}
.mc-dashboard-simple .mc-ref-kpi__value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{box-sizing:border-box}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{min-width:0}
.mc-dashboard-simple .mc-ref-system-simple{position:relative}
.mc-dashboard-simple .mc-system{height:100%;box-sizing:border-box}
.mc-dashboard-simple .mc-system__metric{margin-left:10px!important;margin-right:10px!important}
.mc-dashboard-simple .mc-system__foot{position:absolute;left:11px;right:11px;bottom:6px}
@media(max-width:1040px){body:has(.mc-dashboard-simple) .view{max-width:none!important}}

/* === FINAL REFERENCE LAYOUT PASS === */
body:has(.mc-dashboard-simple) .sidebar{width:155px!important}
body:has(.mc-dashboard-simple) .main{margin-inline-start:155px!important}
body:has(.mc-dashboard-simple) .sidebar__brand{height:48px!important;padding-inline:10px!important;gap:8px!important}
body:has(.mc-dashboard-simple) .sidebar__logo{width:30px;height:30px}
body:has(.mc-dashboard-simple) .sidebar__title{font-size:12px!important}
body:has(.mc-dashboard-simple) .sidebar__nav{padding:8px 8px!important}
body:has(.mc-dashboard-simple) .sidebar__link{padding:9px 10px!important;margin-bottom:3px!important;font-size:11px!important;gap:8px!important}
body:has(.mc-dashboard-simple) .sidebar__link svg{width:16px;height:16px}
body:has(.mc-dashboard-simple) .sidebar__footer{padding:8px!important}
body:has(.mc-dashboard-simple) .sidebar__status{font-size:9px!important;padding:6px 8px!important}
body:has(.mc-dashboard-simple) .sidebar__logout{font-size:11px!important;padding:8px!important}
body:has(.mc-dashboard-simple) .topbar{height:32px!important;padding-inline:14px!important}
body:has(.mc-dashboard-simple) .topbar__crumbs{font-size:10px!important}
body:has(.mc-dashboard-simple) .view{padding:0 18px 18px!important}
.mc-dashboard-simple{max-width:none!important;margin:0!important}
.mc-dashboard-simple .mc-ref-head{height:44px!important;min-height:44px!important;margin:0!important;padding:0 4px!important;display:flex!important;align-items:center!important}
.mc-dashboard-simple .mc-ref-head h1{font-size:24px!important;line-height:1!important;margin:0!important}
.mc-dashboard-simple .mc-ref-head p{font-size:10px!important;margin-top:3px!important}
.mc-dashboard-simple .mc-ref-periods{margin-top:0!important;align-self:center!important}
.mc-dashboard-simple .mc-ref-period{height:34px!important;min-width:82px!important;padding:0 12px!important;font-size:10px!important;border-radius:0!important}
.mc-dashboard-simple .mc-ref-period:first-child{border-radius:6px 0 0 6px!important}
.mc-dashboard-simple .mc-ref-period:last-child{border-radius:0 6px 6px 0!important}
.mc-dashboard-simple .mc-ref-kpis-8{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:112px 112px!important;gap:10px!important;margin:0 0 13px!important}
.mc-dashboard-simple .mc-ref-kpi{min-height:0!important;height:112px!important;padding:12px!important;border-radius:8px!important}
.mc-dashboard-simple .mc-ref-kpi__icon{width:30px!important;height:30px!important;border-radius:7px!important}
.mc-dashboard-simple .mc-ref-kpi__icon svg{width:17px;height:17px}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px!important}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:23px!important;margin-top:9px!important}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:9px!important;margin-top:6px!important}
.mc-dashboard-simple .mc-ref-kpi__spark{display:block!important;opacity:.9}
.mc-dashboard-simple .mc-ref-kpi.is-revenue{grid-column:1;grid-row:1}
.mc-dashboard-simple .mc-ref-kpi.is-subs{grid-column:2;grid-row:1}
.mc-dashboard-simple .mc-ref-kpi.is-clicks{grid-column:3;grid-row:1}
.mc-dashboard-simple .mc-ref-kpi.is-cr{grid-column:4;grid-row:1}
.mc-dashboard-simple .mc-ref-kpi.is-cost{grid-column:1;grid-row:2}
.mc-dashboard-simple .mc-ref-kpi.is-profit{grid-column:2;grid-row:2}
.mc-dashboard-simple .mc-ref-kpi.is-roi{grid-column:3;grid-row:2}
.mc-dashboard-simple .mc-ref-kpi.is-epc{grid-column:4;grid-row:2}
.mc-dashboard-simple .mc-ref-kpi.is-revenue,.mc-dashboard-simple .mc-ref-kpi.is-subs,.mc-dashboard-simple .mc-ref-kpi.is-clicks,.mc-dashboard-simple .mc-ref-kpi.is-cr{box-shadow:inset 0 1px rgba(255,255,255,.04),0 7px 24px rgba(0,0,0,.22)!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{float:none!important;display:block!important;box-sizing:border-box!important;margin-top:0!important}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(62% - 6px)!important;margin-right:6px!important;vertical-align:top!important}
.mc-dashboard-simple .mc-simple-server-slot{width:calc(38% - 6px)!important;margin-left:6px!important;vertical-align:top!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{display:inline-block!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:270px!important;min-height:270px!important;overflow:hidden!important;border-radius:8px!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:39px!important;min-height:39px!important;padding:0 11px!important}
.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:13px!important}
.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0!important}
.mc-dashboard-simple .mc-country-map-wrap{display:block!important}
.mc-dashboard-simple .pie-legend{padding:0 11px 7px!important}
.mc-dashboard-simple .pie-legend__row{height:32px!important;min-height:32px!important;padding:0!important;display:grid!important;grid-template-columns:28px 54px 1fr 72px!important;align-items:center!important}
.mc-dashboard-simple .pie-legend__dot{font-size:13px!important}
.mc-dashboard-simple .pie-legend__name{font-size:10px!important}
.mc-dashboard-simple .pie-legend__pct{font-size:9px!important;color:#748da7!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row--total{height:33px!important}
.mc-dashboard-simple .mc-ref-system-simple .card__body{padding:0!important}
.mc-dashboard-simple .mc-system{height:230px!important;padding-top:14px!important;position:relative}
.mc-dashboard-simple .mc-system__status{position:absolute!important;right:11px;top:-30px;font-size:9px!important;color:#22e5b2!important}
.mc-dashboard-simple .mc-system__metric{display:inline-flex!important;width:31%!important;margin:14px 0 18px!important;flex-direction:column!important;align-items:center!important;vertical-align:top!important}
.mc-dashboard-simple .mc-system__head{display:flex!important;flex-direction:column-reverse!important;align-items:center!important;gap:7px!important;font-size:9px!important;text-transform:uppercase!important}
.mc-dashboard-simple .mc-system__head strong{font-size:16px!important;color:#eef7ff!important}
.mc-dashboard-simple .mc-system__bar{width:76px!important;height:76px!important;border-radius:50%!important;background:#0a2033!important;border:8px solid #102e47!important;position:relative!important;overflow:hidden!important}
.mc-dashboard-simple .mc-system__bar i{position:absolute!important;left:-8px!important;top:-8px!important;width:76px!important;height:76px!important;border-radius:50%!important;background:conic-gradient(#16e0bd calc(var(--pct, 20)*1%),transparent 0)!important;clip-path:inset(0)!important}
.mc-dashboard-simple .mc-system__foot{position:absolute!important;left:11px;right:11px;bottom:8px;padding:8px 0!important;font-size:8px!important}

/* === REFERENCE POLISH: KPI + country table + system rings === */
body:has(.mc-dashboard-simple) .mc-simple-country-slot{width:calc(60% - 6px)!important}
body:has(.mc-dashboard-simple) .mc-simple-server-slot{width:calc(40% - 6px)!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:270px!important;min-height:270px!important}
.mc-dashboard-simple .pie-legend__row{grid-template-columns:28px 42px minmax(90px,1fr) 72px!important;column-gap:6px!important}
.mc-dashboard-simple .pie-legend__name{white-space:nowrap!important}
.mc-dashboard-simple .pie-legend__pct{display:none!important}
.mc-dashboard-simple .pie-legend__row::after{content:'';grid-column:3;grid-row:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#149fe9,#23b9ef);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);width:var(--country-bar,100%)}
.mc-dashboard-simple .pie-legend__row{position:relative}
.mc-dashboard-simple .pie-legend__row .pie-legend__val{grid-column:4;grid-row:1}
.mc-dashboard-simple .pie-legend__row--total::after{display:none!important}
.mc-dashboard-simple .mc-system{height:231px!important;padding:12px 0 0!important}
.mc-dashboard-simple .mc-system__metric{position:relative!important;display:inline-block!important;width:32.5%!important;height:132px!important;margin:8px 0 0!important}
.mc-dashboard-simple .mc-system__bar{position:absolute!important;left:50%!important;top:3px!important;transform:translateX(-50%)!important;width:78px!important;height:78px!important;border-radius:50%!important;background:#07192a!important;border:7px solid #12314b!important;box-sizing:border-box!important;overflow:visible!important}
.mc-dashboard-simple .mc-system__bar::after{content:'';position:absolute;inset:7px;border-radius:50%;background:#061423;z-index:0}
.mc-dashboard-simple .mc-system__bar i{position:absolute!important;inset:-7px!important;width:78px!important;height:78px!important;border-radius:50%!important;background:conic-gradient(var(--ring-color,#1ca7ff) calc(var(--pct,0) * 1%),transparent 0)!important;clip-path:none!important;z-index:0!important}
.mc-dashboard-simple .mc-system__head{position:absolute!important;inset:0!important;display:block!important;z-index:2!important;text-align:center!important}
.mc-dashboard-simple .mc-system__head strong{position:absolute!important;top:30px!important;left:0;right:0;font-size:15px!important;line-height:1!important}
.mc-dashboard-simple .mc-system__head span{position:absolute!important;top:91px!important;left:0;right:0;font-size:8px!important;color:#7290aa!important}
.mc-dashboard-simple .mc-system__metric:nth-of-type(1){--ring-color:#18dfbd}
.mc-dashboard-simple .mc-system__metric:nth-of-type(2){--ring-color:#2588f3}
.mc-dashboard-simple .mc-system__metric:nth-of-type(3){--ring-color:#7d45ef}
.mc-dashboard-simple .mc-system__foot{bottom:7px!important}

/* === MVAS REFERENCE MATCH v6 / 991px composition === */
body:has(.mc-dashboard-simple) .view{max-width:825px!important;padding:0 18px 18px!important;margin:0!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple{max-width:825px!important;width:825px!important;margin:0!important}
body:has(.mc-dashboard-simple) .mc-ref-head{height:60px!important;min-height:60px!important;margin:0!important;padding:0 4px!important;box-sizing:border-box!important;align-items:center!important}
body:has(.mc-dashboard-simple) .mc-ref-head h1{font-size:22px!important;line-height:1!important}
body:has(.mc-dashboard-simple) .mc-ref-head p{font-size:9px!important;margin-top:4px!important}
body:has(.mc-dashboard-simple) .mc-ref-period{height:34px!important;min-width:88px!important;font-size:9px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:112px 112px!important;gap:10px!important;margin-bottom:13px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi{width:auto!important;height:112px!important;box-sizing:border-box!important;padding:12px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi__value{font-size:22px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi__meta{font-size:8px!important}
body:has(.mc-dashboard-simple) .mc-simple-country-slot{width:calc(62% - 6px)!important;margin-right:6px!important}
body:has(.mc-dashboard-simple) .mc-simple-server-slot{width:calc(38% - 6px)!important;margin-left:6px!important;padding-left:0!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple,body:has(.mc-dashboard-simple) .mc-ref-system-simple{width:100%!important;height:271px!important;min-height:271px!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .pie-legend__row{grid-template-columns:28px 42px minmax(0,1fr) 72px!important;position:relative!important}
body:has(.mc-dashboard-simple) .pie-legend__row::after{width:var(--country-bar,3%)!important;max-width:100%!important}
body:has(.mc-dashboard-simple) .pie-legend__row--total{grid-template-columns:70px 1fr 72px!important}
body:has(.mc-dashboard-simple) .mc-system{height:231px!important;padding:10px 0 0!important;display:block!important;position:relative!important}
body:has(.mc-dashboard-simple) .mc-system__status{top:-30px!important;right:12px!important}
body:has(.mc-dashboard-simple) .mc-system__metric{display:inline-block!important;position:relative!important;width:32.8%!important;height:132px!important;margin:8px 0 0!important;vertical-align:top!important}
body:has(.mc-dashboard-simple) .mc-system__bar{display:block!important;position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;max-width:78px!important;max-height:78px!important;aspect-ratio:1/1!important;border-radius:50%!important;border:0!important;background:conic-gradient(var(--ring-color,#1ca7ff) var(--pct,0%),#12314b 0)!important;box-shadow:0 0 0 1px rgba(35,112,166,.55),0 0 18px rgba(24,143,255,.08)!important;overflow:visible!important}
body:has(.mc-dashboard-simple) .mc-system__bar::before{content:''!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#061423!important;z-index:1!important}
body:has(.mc-dashboard-simple) .mc-system__bar::after{display:none!important}
body:has(.mc-dashboard-simple) .mc-system__bar i{display:none!important}
body:has(.mc-dashboard-simple) .mc-system__head{position:absolute!important;inset:0!important;display:block!important;margin:0!important;z-index:3!important}
body:has(.mc-dashboard-simple) .mc-system__head strong{position:absolute!important;top:29px!important;left:0!important;right:0!important;font-size:15px!important;line-height:1!important}
body:has(.mc-dashboard-simple) .mc-system__head span{position:absolute!important;top:91px!important;left:0!important;right:0!important;font-size:8px!important}
body:has(.mc-dashboard-simple) .mc-system__foot{bottom:7px!important;left:11px!important;right:11px!important}
body:has(.mc-dashboard-simple) .sidebar__brand{height:58px!important;padding:0 10px!important}
body:has(.mc-dashboard-simple) .sidebar__logo{width:34px!important;height:34px!important}
body:has(.mc-dashboard-simple) .main:before{left:-280px!important;bottom:-230px!important}
body:has(.mc-dashboard-simple) .main:after{left:0!important;background:linear-gradient(135deg,transparent 0 14%,rgba(16,116,205,.04) 14.1%,transparent 14.3% 55%,rgba(16,116,205,.025) 55.1%,transparent 55.3%),radial-gradient(ellipse at 24% 15%,rgba(0,105,200,.1),transparent 40%)!important}
@media(max-width:900px){body:has(.mc-dashboard-simple) .view,body:has(.mc-dashboard-simple) .mc-dashboard-simple{width:auto!important;max-width:none!important}.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}.mc-dashboard-simple .mc-ref-kpi{height:100px!important}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;margin:8px 0 0!important}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:auto!important;min-height:230px!important}}

/* === MVAS REFERENCE MATCH v6 / exact screenshot composition === */
body:has(.mc-dashboard-simple) .view{max-width:825px!important;width:825px!important;padding:0 18px 18px!important;margin:0!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple{max-width:789px!important;width:789px!important;margin:0!important}
body:has(.mc-dashboard-simple) .mc-ref-head{height:60px!important;min-height:60px!important;margin:0!important;padding:0 4px!important;box-sizing:border-box!important;align-items:center!important}
body:has(.mc-dashboard-simple) .mc-ref-head h1{font-size:22px!important;line-height:1!important}
body:has(.mc-dashboard-simple) .mc-ref-head p{font-size:9px!important;margin-top:4px!important}
body:has(.mc-dashboard-simple) .mc-ref-period{height:34px!important;min-width:82px!important;padding:0 10px!important;font-size:9px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:112px 112px!important;gap:10px!important;margin-bottom:13px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi{height:112px!important;min-height:112px!important;padding:12px!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi__icon{width:30px!important;height:30px!important}
body:has(.mc-dashboard-simple) .mc-ref-kpi__value{font-size:22px!important;margin-top:10px!important}
body:has(.mc-dashboard-simple) .mc-simple-country-slot{width:calc(62% - 6px)!important;margin-right:6px!important}
body:has(.mc-dashboard-simple) .mc-simple-server-slot{width:calc(38% - 6px)!important;margin-left:6px!important;padding-left:0!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple,body:has(.mc-dashboard-simple) .mc-ref-system-simple{height:271px!important;min-height:271px!important;box-sizing:border-box!important}
body:has(.mc-dashboard-simple) .pie-legend{padding:0 11px 6px!important}
body:has(.mc-dashboard-simple) .pie-legend__row{grid-template-columns:28px 42px minmax(0,1fr) 72px!important;column-gap:6px!important;height:32px!important;min-height:32px!important;padding:0!important;position:relative!important;align-items:center!important}
body:has(.mc-dashboard-simple) .pie-legend__row::after{width:var(--country-bar,3%)!important;max-width:100%!important;height:7px!important;border-radius:5px!important;background:linear-gradient(90deg,#149fe9,#24c4ff)!important;box-shadow:0 0 7px rgba(0,180,255,.12)!important}
body:has(.mc-dashboard-simple) .pie-legend__row::before{width:100%!important;height:7px!important;border-radius:5px!important;background:#0c2841!important;z-index:-1!important}
body:has(.mc-dashboard-simple) .pie-legend__row--total::before,body:has(.mc-dashboard-simple) .pie-legend__row--total::after{display:none!important}
body:has(.mc-dashboard-simple) .mc-system{height:231px!important;padding:10px 0 0!important;display:block!important;position:relative!important}
body:has(.mc-dashboard-simple) .mc-system__status{top:-30px!important;right:12px!important;font-size:9px!important}
body:has(.mc-dashboard-simple) .mc-system__metric{display:inline-block!important;position:relative!important;width:32.8%!important;height:132px!important;margin:8px 0 0!important;vertical-align:top!important}
body:has(.mc-dashboard-simple) .mc-system__bar{display:block!important;position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:78px!important;height:78px!important;min-width:78px!important;min-height:78px!important;max-width:78px!important;max-height:78px!important;aspect-ratio:1/1!important;flex:none!important;border:0!important;border-radius:50%!important;background:conic-gradient(var(--ring-color,#1ca7ff) var(--pct,0%),#12314b 0)!important;box-shadow:0 0 0 1px rgba(35,112,166,.55),0 0 18px rgba(24,143,255,.08)!important;overflow:visible!important}
body:has(.mc-dashboard-simple) .mc-system__bar::before{content:''!important;display:block!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#061423!important;z-index:1!important}
body:has(.mc-dashboard-simple) .mc-system__bar::after{display:none!important}
body:has(.mc-dashboard-simple) .mc-system__bar i{display:none!important}
body:has(.mc-dashboard-simple) .mc-system__head{position:absolute!important;inset:0!important;display:block!important;margin:0!important;z-index:3!important;text-align:center!important}
body:has(.mc-dashboard-simple) .mc-system__head strong{position:absolute!important;top:30px!important;left:0!important;right:0!important;font-size:15px!important;line-height:1!important}
body:has(.mc-dashboard-simple) .mc-system__head span{position:absolute!important;top:91px!important;left:0!important;right:0!important;font-size:8px!important}
body:has(.mc-dashboard-simple) .mc-system__foot{position:absolute!important;left:11px!important;right:11px!important;bottom:7px!important;padding:8px 0!important}
body:has(.mc-dashboard-simple) .main:before{left:-300px!important;bottom:-245px!important;width:540px!important;height:540px!important;opacity:.95!important}
body:has(.mc-dashboard-simple) .main:after{left:0!important;opacity:.9!important}
@media(max-width:900px){body:has(.mc-dashboard-simple) .view,body:has(.mc-dashboard-simple) .mc-dashboard-simple{width:auto!important;max-width:none!important}.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important}.mc-dashboard-simple .mc-ref-kpi{height:100px!important;min-height:100px!important}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;margin:8px 0 0!important}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:auto!important;min-height:230px!important}}

/* === MVAS DASHBOARD FINAL PASS 2026-09-10 === */
body:has(.mc-dashboard-simple){background:#020a15!important}
body:has(.mc-dashboard-simple) .main:before{left:calc(100% - 760px)!important;bottom:-230px!important;width:560px!important;height:560px!important;border-color:rgba(22,137,236,.24)!important;box-shadow:0 0 0 24px rgba(22,137,236,.035),0 0 0 55px rgba(22,137,236,.02),inset 0 0 70px rgba(0,112,230,.09)!important}
body:has(.mc-dashboard-simple) .main:after{background:linear-gradient(135deg,transparent 0 13%,rgba(16,116,205,.055) 13.1%,transparent 13.35% 45%,rgba(16,116,205,.03) 45.1%,transparent 45.35%),radial-gradient(ellipse at 30% 10%,rgba(0,105,200,.13),transparent 42%)!important}
.mc-dashboard-simple .mc-ref-head{height:46px!important}
.mc-dashboard-simple .mc-ref-head h1{font-size:25px!important;font-weight:800!important}
.mc-dashboard-simple .mc-ref-head p{font-size:10px!important;color:#718ba5!important}
.mc-dashboard-simple .mc-ref-kpis-8{gap:9px!important;margin-bottom:13px!important}
.mc-dashboard-simple .mc-ref-kpi{height:113px!important;padding:12px 13px!important;position:relative!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:24px!important;letter-spacing:-.025em!important}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:9px!important}
.mc-dashboard-simple .mc-ref-kpi:before{content:'';position:absolute;left:13px;right:13px;bottom:10px;height:25px;opacity:.9;background:linear-gradient(135deg,transparent 0 8%,currentColor 8.5% 9%,transparent 9.5% 20%,currentColor 20.5% 21.5%,transparent 22% 34%,currentColor 34.5% 35.5%,transparent 36% 49%,currentColor 49.5% 50.5%,transparent 51% 65%,currentColor 65.5% 66.5%,transparent 67% 80%,currentColor 80.5% 81.5%,transparent 82% 91%,currentColor 91.5% 92.5%,transparent 93%);clip-path:polygon(0 90%,8% 78%,16% 83%,25% 60%,34% 68%,43% 42%,51% 54%,60% 30%,68% 45%,77% 20%,85% 31%,92% 10%,100% 0,100% 100%,0 100%);filter:drop-shadow(0 0 4px currentColor);pointer-events:none}
.mc-dashboard-simple .mc-ref-kpi.is-revenue:before{color:#00dca3;background-color:#00dca3}.mc-dashboard-simple .mc-ref-kpi.is-subs:before{color:#08cfff;background-color:#08cfff}.mc-dashboard-simple .mc-ref-kpi.is-clicks:before{color:#8248ff;background-color:#8248ff}.mc-dashboard-simple .mc-ref-kpi.is-cr:before{color:#ff4059;background-color:#ff4059}.mc-dashboard-simple .mc-ref-kpi.is-cost:before,.mc-dashboard-simple .mc-ref-kpi.is-epc:before{color:#198dff;background-color:#198dff}.mc-dashboard-simple .mc-ref-kpi.is-profit:before{color:#ff2d86;background-color:#ff2d86}.mc-dashboard-simple .mc-ref-kpi.is-roi:before{color:#ffc400;background-color:#ffc400}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(60% - 6px)!important}.mc-dashboard-simple .mc-simple-server-slot{width:calc(40% - 6px)!important}
.mc-dashboard-simple .pie-legend__row{grid-template-columns:28px 42px minmax(90px,1fr) 72px!important;column-gap:7px!important}
.mc-dashboard-simple .pie-legend__row::after{width:var(--country-share)!important;max-width:100%!important;display:block!important;content:'';grid-column:3;grid-row:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#0798ee,#1fc5ff)!important;box-shadow:0 0 7px rgba(21,174,246,.15)!important}
.mc-dashboard-simple .pie-legend__row::before{display:none!important}
.mc-dashboard-simple .pie-legend__row--total::after{display:none!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:270px!important;min-height:270px!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:39px!important;min-height:39px!important;padding:0 11px!important}
.mc-dashboard-simple .pie-legend__row{height:32px!important;min-height:32px!important;border-bottom:1px solid rgba(25,53,78,.72)!important}
.mc-dashboard-simple .pie-legend__name{font-size:10px!important;color:#cbd9e8!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;font-weight:700!important;color:#edf5ff!important}
.mc-dashboard-simple .mc-system{display:flex!important;flex-wrap:wrap!important;align-content:flex-start!important;height:231px!important;padding:13px 0 0!important;position:relative!important}
.mc-dashboard-simple .mc-system__status{display:block!important;position:absolute!important;right:11px!important;top:-29px!important;font-size:9px!important;color:#16dfb2!important}
.mc-dashboard-simple .mc-system__metric{display:block!important;flex:1 1 0!important;width:auto!important;height:145px!important;margin:5px 0 0!important;position:relative!important}
.mc-dashboard-simple .mc-system__bar{position:absolute!important;left:50%!important;top:0!important;transform:translateX(-50%)!important;width:76px!important;height:76px!important;border-radius:50%!important;background:#0b2034!important;border:7px solid #12334d!important;box-sizing:border-box!important;overflow:visible!important}
.mc-dashboard-simple .mc-system__bar i{position:absolute!important;inset:-7px!important;width:76px!important;height:76px!important;border-radius:50%!important;background:conic-gradient(var(--ring-color,#1ca7ff) calc(var(--pct,0) * 1%),transparent 0)!important;z-index:0!important}
.mc-dashboard-simple .mc-system__bar:after{content:'';position:absolute!important;inset:8px!important;border-radius:50%!important;background:#061525!important;border:1px solid #183b57!important;z-index:1!important}
.mc-dashboard-simple .mc-system__head{position:absolute!important;inset:0!important;display:block!important;text-align:center!important;z-index:2!important}
.mc-dashboard-simple .mc-system__head strong{position:absolute!important;top:29px!important;left:0!important;right:0!important;font-size:16px!important;color:#eef7ff!important}
.mc-dashboard-simple .mc-system__head span{position:absolute!important;top:91px!important;left:0!important;right:0!important;font-size:8px!important;color:#7793ac!important}
.mc-dashboard-simple .mc-system__foot{position:absolute!important;left:11px!important;right:11px!important;bottom:7px!important;margin:0!important;padding:8px 0!important;border-top:1px solid #17344d!important;font-size:8px!important;color:#58728b!important}
/* === FINAL MICRO ALIGNMENT === */
.mc-dashboard-simple .mc-ref-kpi__spark{display:none!important}
.mc-dashboard-simple .mc-ref-kpi.is-revenue,.mc-dashboard-simple .mc-ref-kpi.is-subs,.mc-dashboard-simple .mc-ref-kpi.is-clicks,.mc-dashboard-simple .mc-ref-kpi.is-cr{background-color:rgba(5,18,31,.96)!important}
.mc-dashboard-simple .mc-ref-kpi.is-revenue{background:linear-gradient(145deg,rgba(0,216,160,.12),#061625 72%)!important}.mc-dashboard-simple .mc-ref-kpi.is-subs{background:linear-gradient(145deg,rgba(0,207,255,.08),#061625 72%)!important}.mc-dashboard-simple .mc-ref-kpi.is-clicks{background:linear-gradient(145deg,rgba(124,60,255,.10),#061625 72%)!important}.mc-dashboard-simple .mc-ref-kpi.is-cr{background:linear-gradient(145deg,rgba(255,59,84,.10),#061625 72%)!important}
.mc-dashboard-simple .mc-ref-kpi__icon{box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important}
.mc-dashboard-simple .mc-ref-periods{box-shadow:0 4px 18px rgba(0,0,0,.15)!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{background:linear-gradient(180deg,#071c2d,#061726)!important}
.mc-dashboard-simple .mc-system__metric:nth-child(2) .mc-system__bar i{--ring-color:#18dfbd}.mc-dashboard-simple .mc-system__metric:nth-child(3) .mc-system__bar i{--ring-color:#2588f3}.mc-dashboard-simple .mc-system__metric:nth-child(4) .mc-system__bar i{--ring-color:#7d45ef}
@media(max-width:700px){.mc-dashboard-simple .mc-ref-head{height:auto!important;min-height:70px!important;flex-direction:column!important;gap:8px!important}.mc-dashboard-simple .mc-ref-periods{width:100%!important}.mc-dashboard-simple .mc-ref-period{flex:1!important;min-width:0!important}.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{width:100%!important;margin-right:0!important}.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:auto!important;min-height:270px!important}}

/* End of final reference pass. */

/* === MVAS FINAL REFERENCE MATCH === */
body:has(.mc-dashboard-simple){background:#020a14!important;color:#eaf3ff!important;min-height:100vh}
body:has(.mc-dashboard-simple) .main{background:radial-gradient(circle at 42% 14%,rgba(0,111,190,.09),transparent 34%),linear-gradient(135deg,#020914 0%,#041426 58%,#020a14 100%)!important}
body:has(.mc-dashboard-simple) .main:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background:linear-gradient(135deg,transparent 0 46%,rgba(28,125,211,.12) 46.1%,transparent 46.3% 100%)}
body:has(.mc-dashboard-simple) .view{padding:10px 18px 14px!important}
body:has(.mc-dashboard-simple) .sidebar{width:155px!important;background:linear-gradient(180deg,#061322,#020b16)!important;border-right:1px solid #143250!important}
body:has(.mc-dashboard-simple) .main{margin-left:155px!important}
body:has(.mc-dashboard-simple) .sidebar__brand{height:55px!important;padding:8px 10px!important}
body:has(.mc-dashboard-simple) .sidebar__brand .brand__name{font-size:12px!important;font-weight:700}
body:has(.mc-dashboard-simple) .nav__item{height:35px!important;margin:2px 8px!important;padding:0 10px!important;border-radius:7px!important;font-size:10px!important}
body:has(.mc-dashboard-simple) .nav__item.active{background:linear-gradient(90deg,#124a91,#0b315e)!important;border:1px solid #187dff!important;box-shadow:0 0 18px rgba(0,112,255,.22),inset 0 1px rgba(255,255,255,.06)!important}
body:has(.mc-dashboard-simple) .topbar{height:39px!important;background:rgba(3,15,29,.88)!important;border-bottom:1px solid #15304a!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple{max-width:none!important;margin:0!important}
.mc-dashboard-simple .mc-ref-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;min-height:39px!important;margin:0 0 8px!important}
.mc-dashboard-simple .mc-ref-head h1{font-size:23px!important;line-height:1.05!important;margin:0!important;color:#f4f8ff!important}
.mc-dashboard-simple .mc-ref-head p{font-size:10px!important;line-height:1.25!important;margin:3px 0 0!important;color:#63809e!important}
.mc-dashboard-simple .mc-ref-periods{display:flex!important;align-self:flex-start!important;padding:0!important;border:1px solid #12304d!important;border-radius:7px!important;overflow:hidden!important;background:#061526!important}
.mc-dashboard-simple .mc-ref-period{height:31px!important;min-width:82px!important;border:0!important;border-right:1px solid #12304d!important;border-radius:0!important;padding:0 13px!important;font-size:9px!important;color:#9db2c9!important;background:#061526!important}
.mc-dashboard-simple .mc-ref-period:last-child{border-right:0!important}
.mc-dashboard-simple .mc-ref-period.is-active{background:linear-gradient(180deg,#0875f8,#0a55c5)!important;color:white!important;box-shadow:0 0 16px rgba(0,105,255,.3)!important}
.mc-dashboard-simple .mc-ref-kpis-8{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:112px 112px!important;gap:8px!important;margin-bottom:9px!important}
.mc-dashboard-simple .mc-ref-kpi{min-height:0!important;height:auto!important;padding:11px 12px!important;border-radius:8px!important;border:1px solid #173653!important;border-top-width:2px!important;background:linear-gradient(145deg,rgba(8,27,46,.98),rgba(5,18,32,.98))!important;position:relative!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-kpi:after{content:"";position:absolute;right:-20px;bottom:-38px;width:115px;height:85px;background:radial-gradient(circle,rgba(0,135,255,.13),transparent 68%);pointer-events:none}
.mc-dashboard-simple .mc-ref-kpi.is-revenue{grid-column:1;grid-row:1;border-top-color:#00e5b0!important;background:linear-gradient(145deg,#062b2b,#071b24)!important}
.mc-dashboard-simple .mc-ref-kpi.is-subs{grid-column:2;grid-row:1;border-top-color:#00c8ff!important}
.mc-dashboard-simple .mc-ref-kpi.is-clicks{grid-column:3;grid-row:1;border-top-color:#8b45ff!important;background:linear-gradient(145deg,#15142b,#091728)!important}
.mc-dashboard-simple .mc-ref-kpi.is-cr{grid-column:4;grid-row:1;border-top-color:#ff3e4f!important;background:linear-gradient(145deg,#24151e,#11131d)!important}
.mc-dashboard-simple .mc-ref-kpi.is-cost{grid-column:1;grid-row:2;border-top-color:#168cff!important}
.mc-dashboard-simple .mc-ref-kpi.is-profit{grid-column:2;grid-row:2;border-top-color:#ff2c87!important}
.mc-dashboard-simple .mc-ref-kpi.is-roi{grid-column:3;grid-row:2;border-top-color:#ffc400!important}
.mc-dashboard-simple .mc-ref-kpi.is-epc{grid-column:4;grid-row:2;border-top-color:#168cff!important}
.mc-dashboard-simple .mc-ref-kpi__icon{width:31px!important;height:31px!important;border-radius:7px!important;font-size:15px!important;background:rgba(0,103,177,.18)!important;border:1px solid rgba(48,147,255,.2)!important}
.mc-dashboard-simple .mc-ref-kpi__label{font-size:10px!important;color:#a8bfd6!important;letter-spacing:.02em!important;text-transform:none!important}
.mc-dashboard-simple .mc-ref-kpi__value{font-size:24px!important;line-height:1!important;margin-top:8px!important;font-weight:800!important;color:#f5f8fc!important}
.mc-dashboard-simple .mc-ref-kpi__meta{font-size:8px!important;margin-top:6px!important;color:#64809b!important}
.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{margin:0!important;display:block!important;vertical-align:top!important}
.mc-dashboard-simple .mc-simple-country-slot{width:calc(62% - 5px)!important;float:left!important;margin-right:5px!important}
.mc-dashboard-simple .mc-simple-server-slot{width:calc(38% - 5px)!important;float:right!important;margin-left:5px!important}
.mc-dashboard-simple .mc-ref-country-simple,.mc-dashboard-simple .mc-ref-system-simple{height:304px!important;min-height:304px!important;background:linear-gradient(180deg,#061a2d,#041322)!important;border:1px solid #153c5e!important;border-radius:8px!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head,.mc-dashboard-simple .mc-ref-system-simple .card__head{height:49px!important;padding:0 12px!important;background:linear-gradient(180deg,#08213a,#061a2c)!important;border-bottom:1px solid #173854!important}
.mc-dashboard-simple .mc-ref-country-simple .card__title,.mc-dashboard-simple .mc-ref-system-simple .card__title{font-size:15px!important;font-weight:700!important;color:#e5f0fc!important;letter-spacing:0!important;text-transform:none!important}
.mc-dashboard-simple .mc-ref-country-simple .card__body{padding:0 10px!important}
.mc-dashboard-simple .pie-legend{padding:3px 0 0!important}
.mc-dashboard-simple .pie-legend__row{display:grid!important;grid-template-columns:24px 90px 1fr 74px!important;align-items:center!important;min-height:31px!important;padding:4px 0!important;border-bottom:1px solid rgba(29,60,89,.58)!important}
.mc-dashboard-simple .pie-legend__dot{width:24px!important;font-size:16px!important}
.mc-dashboard-simple .pie-legend__name{font-size:10px!important;color:#d1e0ef!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;color:#f0f6fd!important;font-weight:700!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row--total{min-height:38px!important;border-top:1px solid #1a4465!important;border-bottom:0!important;margin-top:2px!important;font-weight:700!important}
.mc-dashboard-simple .mc-ref-system-simple .card__body{height:255px!important;padding:0!important}
.mc-dashboard-simple .mc-system__metric{display:inline-flex!important;vertical-align:top!important;flex-direction:column!important;width:31%!important;margin:20px 1% 14px!important;text-align:center!important}
.mc-dashboard-simple .mc-system__head{order:2!important;margin:8px 0 0!important;font-size:10px!important;color:#89a6c0!important;text-transform:uppercase!important}
.mc-dashboard-simple .mc-system__head strong{display:block!important;font-size:0!important}
.mc-dashboard-simple .mc-system__bar{order:1!important;width:74px!important;height:74px!important;margin:auto!important;border:9px solid #103654!important;border-radius:50%!important;background:#061625!important;position:relative!important;overflow:visible!important}
.mc-dashboard-simple .mc-system__bar i{display:block!important;position:absolute!important;inset:-9px!important;border-radius:50%!important;background:conic-gradient(var(--ring,#168cff) var(--pct,31%),#103654 0)!important;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))!important;mask:radial-gradient(farthest-side,transparent calc(100% - 9px),#000 calc(100% - 8px))!important}
.mc-dashboard-simple .mc-system__bar:after{content:attr(data-value);position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#f1f7ff;font-size:16px;font-weight:800}
.mc-dashboard-simple .mc-system__foot{position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;padding:8px 0!important;border-top:1px solid #173854!important;font-size:8px!important}
.mc-dashboard-simple .mc-ref-system-simple{position:relative!important}
@media(max-width:900px){.mc-dashboard-simple .mc-ref-kpis-8{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important}.mc-dashboard-simple .mc-ref-kpi{grid-column:auto!important;grid-row:auto!important}.mc-dashboard-simple .mc-simple-country-slot,.mc-dashboard-simple .mc-simple-server-slot{float:none!important;width:100%!important;margin:8px 0!important}}

.mc-dashboard-simple .mc-system__metric:nth-child(1){--ring:#16e6b5;--pct:13%}.mc-dashboard-simple .mc-system__metric:nth-child(2){--ring:#168cff;--pct:31%}.mc-dashboard-simple .mc-system__metric:nth-child(3){--ring:#8d43ff;--pct:40%}

/* === COUNTRY FLAGS + PERIOD CLEANUP === */
.mc-dashboard-simple .mc-ref-periods{display:inline-flex!important;gap:0!important}
.mc-dashboard-simple .mc-ref-period{min-width:84px!important}
.mc-dashboard-simple .pie-legend__row{grid-template-columns:34px 28px minmax(0,1fr) auto!important;column-gap:7px!important}
.mc-dashboard-simple .pie-legend__dot{font-size:17px!important;width:34px!important;line-height:1!important;display:flex;align-items:center;justify-content:center}
.mc-dashboard-simple .pie-legend__name{font-weight:600!important;color:#b7c8da!important}
.mc-dashboard-simple .pie-legend__val{font-variant-numeric:tabular-nums!important}
/* === COUNTRY FLAGS + PERIOD CLEANUP === */
.mc-dashboard-simple .mc-ref-periods{display:inline-flex!important;gap:0!important}
.mc-dashboard-simple .mc-ref-period{min-width:100px!important}
.mc-dashboard-simple .pie-legend__row{grid-template-columns:34px 28px minmax(0,1fr) auto!important;column-gap:7px!important}
.mc-dashboard-simple .pie-legend__dot{font-size:17px!important;width:34px!important;line-height:1!important;display:flex;align-items:center;justify-content:center}
.mc-dashboard-simple .pie-legend__name{font-weight:600!important;color:#b7c8da!important}

/* === FINAL COUNTRY ROW: FLAG / COUNTRY / BAR / VALUE / CR === */
.mc-dashboard-simple .pie-legend__row{
  display:grid!important;
  grid-template-columns:26px 32px 54px minmax(150px,1fr) 72px 54px!important;
  align-items:center!important;
  column-gap:8px!important;
  min-height:38px!important;
  padding:6px 10px!important;
}
.mc-dashboard-simple .pie-legend__rank{font-size:9px!important;color:#627b94!important;text-align:center}
.mc-dashboard-simple .mc-country-flag{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:22px!important;font-size:18px!important;line-height:1!important}
.mc-dashboard-simple .pie-legend__name{font-size:10px!important;color:#d4e2ef!important;font-weight:600!important}
.mc-dashboard-simple .pie-legend__bar{height:9px!important;width:100%!important;background:#09243a!important;border-radius:3px!important;overflow:hidden!important}
.mc-dashboard-simple .pie-legend__bar i{display:block!important;width:var(--country-bar)!important;height:100%!important;background:linear-gradient(90deg,#078ff0,#18c5ff)!important;border-radius:3px!important;box-shadow:0 0 8px rgba(18,174,255,.18)!important}
.mc-dashboard-simple .pie-legend__val{font-size:10px!important;text-align:right!important;font-weight:700!important;color:#e7f1fb!important}
.mc-dashboard-simple .pie-legend__pct{font-size:9px!important;text-align:right!important;color:#7891aa!important}
.mc-dashboard-simple .pie-legend__row--total{min-height:42px!important;border-top:1px solid #17324b!important;border-bottom:0!important}
.mc-dashboard-simple .pie-legend__row--total .pie-legend__name{grid-column:2 / 4!important;text-align:left!important}
.mc-dashboard-simple .pie-legend__row--total .pie-legend__val{grid-column:5!important}
@media(max-width:900px){.mc-dashboard-simple .pie-legend__row{grid-template-columns:22px 28px 48px minmax(100px,1fr) 66px 48px!important;column-gap:5px!important}}

/* === Country rows: flags + no hover highlight === */
.mc-dashboard-simple .pie-legend__row{grid-template-columns:28px 24px 56px minmax(120px,1fr) 72px 52px!important;column-gap:6px!important}
.mc-dashboard-simple .mc-country-flag{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:18px!important;background:transparent!important;border-radius:2px!important;font-size:16px!important;line-height:1!important;filter:none!important;opacity:1!important;overflow:visible!important}
.mc-dashboard-simple .mc-country-flag::before{content:none!important}
.mc-dashboard-simple .pie-legend__row:hover,.mc-dashboard-simple .pie-legend__row[data-active="true"],.mc-dashboard-simple .pie-legend__row.is-active{background:transparent!important;box-shadow:none!important;color:inherit!important}
.mc-dashboard-simple .pie-legend__row:hover .pie-legend__name,.mc-dashboard-simple .pie-legend__row:hover .pie-legend__val{color:inherit!important}
.mc-dashboard-simple .pie-legend__row:hover .pie-legend__bar{filter:none!important;opacity:1!important}
.mc-dashboard-simple .pie-legend__dot:not(.mc-country-flag){display:none!important}
@media(max-width:700px){.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px 22px 44px minmax(80px,1fr) 64px 42px!important}}

/* === Real CSS mini flags for country table (no emoji dependency) === */
.mc-dashboard-simple .mc-country-flag{position:relative!important;display:inline-block!important;width:20px!important;height:14px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:2px!important;box-shadow:0 1px 3px rgba(0,0,0,.35)!important;font-size:0!important;background:#26384b!important}
.mc-dashboard-simple .mc-country-flag::before,.mc-dashboard-simple .mc-country-flag::after{content:"";position:absolute;inset:0}
.mc-dashboard-simple .mc-country-flag[data-country="AE"]::before{background:linear-gradient(to bottom,#00732f 0 33%,#fff 33% 66%,#000 66%);left:5px}.mc-dashboard-simple .mc-country-flag[data-country="AE"]::after{background:#ff0000;width:5px;right:auto}
.mc-dashboard-simple .mc-country-flag[data-country="KW"]::before{background:linear-gradient(to bottom,#007a3d 0 33%,#fff 33% 66%,#ce1126 66%);}.mc-dashboard-simple .mc-country-flag[data-country="KW"]::after{background:#000;width:6px;clip-path:polygon(0 0,100% 50%,0 100%);right:auto}
.mc-dashboard-simple .mc-country-flag[data-country="KH"]::before{background:linear-gradient(to bottom,#032ea1 0 25%,#e00025 25% 75%,#032ea1 75%)}
.mc-dashboard-simple .mc-country-flag[data-country="SZ"]::before{background:linear-gradient(to bottom,#3b5aa3 0 20%,#ffd900 20% 28%,#b10c24 28% 72%,#ffd900 72% 80%,#3b5aa3 80%)}
.mc-dashboard-simple .mc-country-flag[data-country="QA"]::before{background:#8a1538;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,35% 90%,0 80%,35% 70%,0 60%,35% 50%,0 40%,35% 30%,0 20%,35% 10%)}
.mc-dashboard-simple .mc-country-flag[data-country="OM"]::before{background:linear-gradient(to bottom,#fff 0 33%,#d01c2f 33% 66%,#00843d 66%)}.mc-dashboard-simple .mc-country-flag[data-country="OM"]::after{background:#d01c2f;width:5px;right:auto}
.mc-dashboard-simple .mc-country-flag[data-country="MX"]::before{background:linear-gradient(to right,#006847 0 33%,#fff 33% 66%,#ce1126 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="BH"]::before{background:#ce1126;clip-path:polygon(0 0,42% 0,34% 10%,42% 20%,34% 30%,42% 40%,34% 50%,42% 60%,34% 70%,42% 80%,34% 90%,42% 100%,0 100%)}
.mc-dashboard-simple .mc-country-flag[data-country="SA"]::before{background:#006c35}
.mc-dashboard-simple .mc-country-flag[data-country="JO"]::before{background:linear-gradient(to bottom,#000 0 33%,#fff 33% 66%,#007a3d 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="US"]::before{background:repeating-linear-gradient(to bottom,#b22234 0 2px,#fff 2px 4px)}.mc-dashboard-simple .mc-country-flag[data-country="US"]::after{background:#3c3b6e;width:8px;height:7px;right:auto}
.mc-dashboard-simple .mc-country-flag[data-country="RU"]::before{background:linear-gradient(to bottom,#fff 0 33%,#0039a6 33% 66%,#d52b1e 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="UA"]::before{background:linear-gradient(to bottom,#0057b7 0 50%,#ffd700 50%)}
.mc-dashboard-simple .mc-country-flag[data-country="KZ"]::before{background:#00afca}
.mc-dashboard-simple .mc-country-flag[data-country="DE"]::before{background:linear-gradient(to bottom,#000 0 33%,#dd0000 33% 66%,#ffce00 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="GB"]::before{background:#012169}
.mc-dashboard-simple .mc-country-flag[data-country="FR"]::before{background:linear-gradient(to right,#0055a4 0 33%,#fff 33% 66%,#ef4135 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="PL"]::before{background:linear-gradient(to bottom,#fff 0 50%,#dc143c 50%)}
.mc-dashboard-simple .mc-country-flag[data-country="TR"]::before{background:#e30a17}
.mc-dashboard-simple .mc-country-flag[data-country="IN"]::before{background:linear-gradient(to bottom,#ff9933 0 33%,#fff 33% 66%,#138808 66%)}
.mc-dashboard-simple .mc-country-flag[data-country="BR"]::before{background:#009c3b}
.mc-dashboard-simple .mc-country-flag[data-country="ES"]::before{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75%)}
.mc-dashboard-simple .mc-country-flag[data-country="IT"]::before{background:linear-gradient(to right,#009246 0 33%,#fff 33% 66%,#ce2b37 66%)}

/* === Country list: use readable names instead of broken flag sprites === */
.mc-dashboard-simple .pie-legend__row{grid-template-columns:22px 0 minmax(110px,150px) minmax(100px,1fr) 74px 52px!important;column-gap:7px!important}
.mc-dashboard-simple .mc-country-flag{display:none!important}
.mc-dashboard-simple .mc-country-code{color:#617a95;font-weight:500;margin-left:3px}
.mc-dashboard-simple .pie-legend__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b9c9da!important}
.mc-dashboard-simple .pie-legend__row:hover .pie-legend__name{color:#b9c9da!important}
@media(max-width:700px){.mc-dashboard-simple .pie-legend__row{grid-template-columns:20px 0 minmax(90px,125px) minmax(70px,1fr) 62px 44px!important}}

/* === Country list final cleanup === */
.mc-dashboard-simple .pie-legend__row{
  grid-template-columns:32px minmax(145px,185px) minmax(90px,1fr) 78px 54px!important;
  column-gap:10px!important;
  align-items:center!important;
}
.mc-dashboard-simple .pie-legend__rank{
  display:block!important;
  width:auto!important;
  color:#516b86!important;
  font-size:10px!important;
  text-align:center!important;
}
.mc-dashboard-simple .pie-legend__name{
  min-width:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:12px!important;
  font-weight:500!important;
  color:#c7d7e8!important;
}
.mc-dashboard-simple .mc-country-code{
  color:#66809a!important;
  font-size:10px!important;
  font-weight:500!important;
}
.mc-dashboard-simple .pie-legend__bar{min-width:0!important;height:7px!important}
.mc-dashboard-simple .pie-legend__bar i{display:block!important;height:100%!important;border-radius:99px!important}
.mc-dashboard-simple .pie-legend__val{font-size:11px!important;font-weight:700!important;color:#e5eef8!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__pct{font-size:9px!important;color:#66809a!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row:hover{background:transparent!important}
.mc-dashboard-simple .pie-legend__row--total .pie-legend__name{font-size:11px!important;font-weight:700!important}
@media(max-width:700px){.mc-dashboard-simple .pie-legend__row{grid-template-columns:24px minmax(125px,1fr) minmax(70px,1fr) 68px 45px!important;column-gap:6px!important}.mc-dashboard-simple .pie-legend__name{font-size:11px!important}}

/* === Country list: clean two-column presentation === */
.mc-dashboard-simple .pie-legend{padding:4px 12px 8px!important}
.mc-dashboard-simple .pie-legend__row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:16px!important;min-height:34px!important;padding:6px 0!important;border-bottom:1px solid rgba(34,55,79,.48)!important;background:transparent!important}
.mc-dashboard-simple .pie-legend__row:hover,.mc-dashboard-simple .pie-legend__row:focus,.mc-dashboard-simple .pie-legend__row.is-active{background:transparent!important;box-shadow:none!important}
.mc-dashboard-simple .pie-legend__rank,.mc-dashboard-simple .pie-legend__dot,.mc-dashboard-simple .pie-legend__bar,.mc-dashboard-simple .pie-legend__pct{display:none!important}
.mc-dashboard-simple .pie-legend__name{display:block!important;min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:12px!important;line-height:1.2!important;font-weight:500!important;color:#b9c9da!important}
.mc-dashboard-simple .mc-country-code{color:#718aa3!important;font-size:11px!important;font-weight:500!important}
.mc-dashboard-simple .pie-legend__val{display:block!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important;color:#e5edf7!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row--total{margin-top:2px!important;border-top:1px solid #19334d!important;border-bottom:0!important;padding-top:9px!important}
.mc-dashboard-simple .pie-legend__row--total .pie-legend__name{font-weight:700!important;color:#d9e7f5!important}
@media(max-width:700px){.mc-dashboard-simple .pie-legend__name{font-size:11px!important}.mc-dashboard-simple .pie-legend__val{font-size:11px!important}}

/* === Country list final: name + total only === */
.mc-dashboard-simple .pie-legend{padding:4px 12px 8px!important}
.mc-dashboard-simple .pie-legend__row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:34px!important;padding:6px 0!important;column-gap:18px!important;background:transparent!important;border-bottom:1px solid rgba(34,55,79,.48)!important}
.mc-dashboard-simple .pie-legend__rank,.mc-dashboard-simple .pie-legend__dot,.mc-dashboard-simple .pie-legend__bar,.mc-dashboard-simple .pie-legend__pct{display:none!important}
.mc-dashboard-simple .pie-legend__name{min-width:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:13px!important;line-height:1.2!important;font-weight:500!important;color:#c2d0df!important}
.mc-dashboard-simple .mc-country-code{color:#7a91a8!important;font-size:12px!important}
.mc-dashboard-simple .pie-legend__val{white-space:nowrap!important;font-size:13px!important;font-weight:700!important;color:#edf4fb!important;text-align:right!important}
.mc-dashboard-simple .pie-legend__row:hover{background:transparent!important;box-shadow:none!important}

/* === Final country list: name + revenue only === */
.mc-dashboard-simple .mc-ref-country-simple .pie-legend{padding:0 12px 8px!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;min-height:40px!important;padding:0 4px!important;border-bottom:1px solid rgba(42,67,92,.48)!important;background:transparent!important;box-shadow:none!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__row:hover{background:transparent!important;box-shadow:none!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__name{grid-column:1!important;min-width:0!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;font-size:13px!important;font-weight:600!important;line-height:1.2!important;color:#b9c9da!important;padding:0!important}
.mc-dashboard-simple .mc-ref-country-simple .mc-country-code{font-size:12px!important;font-weight:500!important;color:#6f87a0!important;margin-left:5px!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__val{grid-column:2!important;font-size:13px!important;font-weight:700!important;color:#eef5fc!important;text-align:right!important;white-space:nowrap!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__rank,.mc-dashboard-simple .mc-ref-country-simple .pie-legend__bar,.mc-dashboard-simple .mc-ref-country-simple .pie-legend__pct,.mc-dashboard-simple .mc-ref-country-simple .pie-legend__dot{display:none!important}

/* === Country panel: fluid height + aligned typography === */
.mc-dashboard-simple .mc-ref-country-simple{height:auto!important;min-height:0!important;overflow:visible!important}
.mc-dashboard-simple .mc-ref-country-simple .card__body{height:auto!important;min-height:0!important;overflow:visible!important}
.mc-dashboard-simple .mc-ref-country-simple .mc-country-map-wrap{height:auto!important;min-height:0!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend{padding:0 0 8px!important;height:auto!important;overflow:visible!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__row{grid-template-columns:minmax(0,1fr) auto!important;min-height:32px!important;height:32px!important;padding:0 12px!important;column-gap:14px!important;box-sizing:border-box!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__name{min-width:0!important;max-width:none!important;width:auto!important;overflow:visible!important;white-space:nowrap!important;text-overflow:clip!important;font-size:13px!important;line-height:1!important;font-weight:600!important}
.mc-dashboard-simple .mc-ref-country-simple .mc-country-code{font-size:12px!important;margin-left:4px!important;color:#6f87a0!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__val{font-size:13px!important;line-height:1!important;min-width:max-content!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__row--total{height:36px!important;min-height:36px!important;padding-top:0!important;margin-top:0!important}
.mc-dashboard-simple .mc-ref-country-simple .card__head{box-sizing:border-box!important}
@media(max-width:700px){
 .mc-dashboard-simple .mc-ref-country-simple .pie-legend__row{min-height:32px!important;height:32px!important;padding:0 10px!important}
 .mc-dashboard-simple .mc-ref-country-simple .pie-legend__name{font-size:12px!important}
 .mc-dashboard-simple .mc-ref-country-simple .mc-country-code{font-size:11px!important}
}

/* === Dashboard final KPI order + fluid country panel === */
body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto auto!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(1){grid-column:1!important;grid-row:1!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(2){grid-column:2!important;grid-row:1!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(3){grid-column:3!important;grid-row:1!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(4){grid-column:4!important;grid-row:1!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(5){grid-column:1!important;grid-row:2!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(6){grid-column:2!important;grid-row:2!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(7){grid-column:3!important;grid-row:2!important}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8 .mc-ref-kpi:nth-child(8){grid-column:4!important;grid-row:2!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple{height:auto!important;min-height:0!important;overflow:visible!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .card__body{height:auto!important;overflow:visible!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend{height:auto!important;max-height:none!important;overflow:visible!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__row{min-height:36px!important;height:36px!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__row--total{display:none!important}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__name{padding-left:0!important}
@media(max-width:900px){body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mc-dashboard-simple .mc-ref-kpis-8 .mc-ref-kpi:nth-child(n){grid-column:auto!important;grid-row:auto!important}}

/* === Server health: reference circular gauges === */
.mc-dashboard-simple .mc-ref-system-simple .card__body{padding:0!important}
.mc-dashboard-simple .mc-system{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:18px 12px 10px!important}
.mc-dashboard-simple .mc-system__metric{margin:0!important;text-align:center!important;min-width:0!important}
.mc-dashboard-simple .mc-system__head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;font-size:0!important;margin:0!important;color:#8da4bc!important}
.mc-dashboard-simple .mc-system__head span{font-size:11px!important;font-weight:500!important;color:#55e0c2!important;order:2!important}
.mc-dashboard-simple .mc-system__head b{display:block!important;width:82px!important;height:82px!important;border-radius:50%!important;position:relative!important;font-size:0!important;background:conic-gradient(#00e5bd var(--gauge,12%),#12334d 0)!important;box-shadow:inset 0 0 0 7px #061a2c,0 0 0 1px #164261!important;order:1!important}
.mc-dashboard-simple .mc-system__head b::after{content:attr(data-value)!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#061524!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#eef6ff!important;font-size:17px!important;font-weight:700!important}
.mc-dashboard-simple .mc-system__metric:nth-child(2) .mc-system__head b{background:conic-gradient(#2389ff var(--gauge,39%),#12334d 0)!important}
.mc-dashboard-simple .mc-system__metric:nth-child(3) .mc-system__head b{background:conic-gradient(#8b4dff var(--gauge,32%),#12334d 0)!important}
.mc-dashboard-simple .mc-system__value{display:block!important;margin-top:9px!important;font-size:10px!important;color:#aebed0!important}
.mc-dashboard-simple .mc-system__label{display:block!important;margin-top:3px!important;font-size:9px!important;color:#7f96ae!important;text-transform:uppercase!important;letter-spacing:.08em!important}
.mc-dashboard-simple .mc-system__foot{margin:0 10px!important;padding:9px 0!important;border-top:1px solid #163049!important;display:flex!important;justify-content:space-between!important;font-size:8px!important;color:#55708a!important}

/* === Server health gauges — faithful to supplied reference === */
.mc-dashboard-simple .mc-ref-system-simple{overflow:hidden!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system{position:relative!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;align-items:start!important;gap:0!important;padding:22px 12px 12px!important;min-height:210px!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__status{position:absolute!important;right:14px!important;top:-38px!important;color:#00e6b8!important;font-size:10px!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:6px!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric{margin:0!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__head{display:flex!important;flex-direction:column!important;align-items:center!important;gap:7px!important;margin:0!important;font-size:11px!important;color:#00e6b8!important;order:2!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__head span{font-size:11px!important;color:#00e6b8!important;order:1!important;line-height:1!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__head strong{font-size:16px!important;color:#f2f7ff!important;font-weight:700!important;order:2!important;line-height:1!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge{order:1!important;width:76px!important;height:76px!important;border-radius:50%!important;position:relative!important;background:conic-gradient(#00e5bd var(--pct,12%),#10324b 0)!important;box-shadow:0 0 0 1px #17445e, inset 0 0 0 7px #061b2c!important;margin-bottom:9px!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-of-type(2) .mc-system__gauge{background:conic-gradient(#258bff var(--pct,39%),#10324b 0)!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-of-type(3) .mc-system__gauge{background:conic-gradient(#8b45ff var(--pct,32%),#10324b 0)!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#061524!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__capacity{order:3!important;margin-top:10px!important;font-size:10px!important;line-height:1!important;color:#aebfd1!important;white-space:nowrap!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__bar{display:none!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__foot{position:absolute!important;left:12px!important;right:12px!important;bottom:0!important;margin:0!important;padding:9px 0!important;border-top:1px solid #173149!important;font-size:8px!important;color:#526e87!important}

/* === Server gauges: labels and values inside the rings === */
.mc-dashboard-simple .mc-ref-system-simple .mc-system{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:20px 10px 12px!important;min-height:212px!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric{position:relative!important;gap:0!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__head{display:none!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge{width:78px!important;height:78px!important;margin:0 auto!important;order:1!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(3) .mc-system__gauge{background:conic-gradient(#258bff var(--pct,39%),#10324b 0)!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(4) .mc-system__gauge{background:conic-gradient(#8b45ff var(--pct,32%),#10324b 0)!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge:before{content:var(--gauge-label)!important;position:absolute!important;z-index:2!important;left:0!important;right:0!important;top:22px!important;text-align:center!important;color:#36d9c0!important;font-size:10px!important;font-weight:500!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge:after{content:var(--gauge-value)!important;position:absolute!important;z-index:2!important;inset:36px 0 0!important;border-radius:0!important;background:transparent!important;text-align:center!important;color:#f2f7ff!important;font-size:15px!important;font-weight:700!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(2) .mc-system__gauge{--gauge-label:'CPU'!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(3) .mc-system__gauge{--gauge-label:'RAM'!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(4) .mc-system__gauge{--gauge-label:'SSD'!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__capacity{order:2!important;margin:10px 0 0!important;font-size:10px!important;color:#aebfd1!important}

/* === FINAL SERVER GAUGES === */
.mc-dashboard-simple .mc-ref-system-simple{height:246px!important;min-height:246px!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system{position:relative!important;height:188px!important;padding:0 10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;align-items:start!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__status{display:flex!important;position:absolute!important;right:10px!important;top:-35px!important;align-items:center!important;gap:6px!important;font-size:8px!important;color:#00d9a0!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:auto!important;height:auto!important;margin:12px 0 0!important;text-align:center!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge{position:relative!important;width:82px!important;height:82px!important;flex:0 0 82px!important;border-radius:50%!important;background:conic-gradient(var(--ring,#258bff) var(--pct,0%),#10324b 0)!important;box-shadow:0 0 0 1px #16445f!important;margin:0 auto!important;overflow:hidden!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge::before{content:attr(aria-label)!important;position:absolute!important;z-index:3!important;inset:29px 0 auto!important;text-align:center!important;background:transparent!important;color:#20d9c0!important;font-size:9px!important;font-weight:600!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge::after{content:var(--gauge-value,'—')!important;position:absolute!important;z-index:3!important;inset:43px 0 auto!important;text-align:center!important;background:transparent!important;color:#f2f7ff!important;font-size:15px!important;font-weight:700!important;border-radius:0!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge i{position:absolute!important;inset:7px!important;width:auto!important;height:auto!important;border-radius:50%!important;background:#071b2c!important;z-index:1!important;display:block!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(2) .mc-system__gauge{--ring:#18dfbd!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(3) .mc-system__gauge{--ring:#258bff!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(4) .mc-system__gauge{--ring:#8b45ff!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__capacity{margin-top:9px!important;font-size:10px!important;line-height:1.2!important;color:#b8c8d9!important;white-space:nowrap!important}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__foot{display:none!important}

/* === Server KPI final cleanup === */
.mc-dashboard-simple .mc-ref-system-simple{overflow:hidden!important}
.mc-dashboard-simple .mc-system{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:16px 12px 12px!important;min-height:0!important}
.mc-dashboard-simple .mc-system__status{grid-column:1/-1!important;position:absolute!important;top:13px!important;right:14px!important}
.mc-dashboard-simple .mc-system__metric{margin:0!important;padding:16px 6px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;min-width:0!important}
.mc-dashboard-simple .mc-system__gauge{width:92px!important;height:92px!important;position:relative!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:conic-gradient(var(--gauge-color,#159bff) calc(var(--pct,0) * 1),#12314b 0)!important;box-shadow:0 0 0 1px rgba(40,150,220,.14),inset 0 0 18px rgba(0,0,0,.18)!important}
.mc-dashboard-simple .mc-system__gauge:before{content:""!important;position:absolute!important;inset:8px!important;border-radius:50%!important;background:#061a2b!important;border:1px solid rgba(55,105,140,.28)!important}
.mc-dashboard-simple .mc-system__gauge-label,.mc-dashboard-simple .mc-system__gauge strong{position:relative!important;z-index:2!important;grid-column:1!important;grid-row:1!important;text-align:center!important}
.mc-dashboard-simple .mc-system__gauge-label{margin-top:-15px!important;font-size:10px!important;font-weight:600!important;color:var(--gauge-color,#22d3ee)!important;letter-spacing:.02em!important}
.mc-dashboard-simple .mc-system__gauge strong{margin-top:12px!important;font-size:16px!important;color:#f1f6fc!important;line-height:1!important}
.mc-dashboard-simple .mc-system__metric:nth-child(2) .mc-system__gauge{--gauge-color:#22d3a5!important}
.mc-dashboard-simple .mc-system__metric:nth-child(3) .mc-system__gauge{--gauge-color:#2695ff!important}
.mc-dashboard-simple .mc-system__metric:nth-child(4) .mc-system__gauge{--gauge-color:#8b45ff!important}
.mc-dashboard-simple .mc-system__capacity{font-size:10px!important;color:#9db2c8!important;min-height:14px!important;white-space:nowrap!important}
.mc-dashboard-simple .mc-system__foot{display:none!important}

/* === FINAL: KPI cost glow + restore server card === */
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-kpi.is-cost{
  background:linear-gradient(145deg,#081625 0%,#071524 58%,#06203a 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.18),inset -35px -20px 70px rgba(24,141,255,.18),0 0 22px rgba(24,141,255,.06)!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple{
  height:246px!important;min-height:246px!important;overflow:hidden!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .card__head{
  height:49px!important;min-height:49px!important;padding:0 12px!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .card__body{
  height:196px!important;min-height:196px!important;padding:0!important;position:relative!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system{
  position:relative!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  height:196px!important;min-height:196px!important;padding:18px 10px 10px!important;gap:0!important;align-items:start!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__status{
  position:absolute!important;right:12px!important;top:-39px!important;display:flex!important;align-items:center!important;gap:6px!important;
  color:#00dfae!important;font-size:9px!important;font-weight:500!important;line-height:1!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__metric{
  position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0 3px!important;text-align:center!important;min-width:0!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge{
  position:relative!important;width:82px!important;height:82px!important;flex:0 0 82px!important;margin:0 auto!important;
  border-radius:50%!important;display:block!important;overflow:visible!important;
  background:conic-gradient(var(--gauge-color,#258bff) calc(var(--pct,0) * 1),#12314b 0)!important;
  box-shadow:0 0 0 1px #16445f!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge::before{
  content:""!important;position:absolute!important;inset:7px!important;border-radius:50%!important;background:#061a2b!important;
  border:0!important;z-index:1!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge-label{
  position:absolute!important;z-index:3!important;top:29px!important;left:0!important;right:0!important;margin:0!important;
  font-size:10px!important;font-weight:600!important;line-height:1!important;color:var(--gauge-color,#20d9c0)!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge strong{
  position:absolute!important;z-index:3!important;top:44px!important;left:0!important;right:0!important;margin:0!important;
  font-size:16px!important;font-weight:700!important;line-height:1!important;color:#f2f7ff!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(2) .mc-system__gauge{--gauge-color:#18dfbd!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(3) .mc-system__gauge{--gauge-color:#258bff!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__metric:nth-child(4) .mc-system__gauge{--gauge-color:#8b45ff!important}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__capacity{
  order:2!important;margin:10px 0 0!important;font-size:10px!important;line-height:1.2!important;color:#b8c8d9!important;
  white-space:nowrap!important;min-height:14px!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__bar,
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-system__head{display:none!important}

/* === FINAL FIX: expense glow + clean server gauges === */
body:has(.mc-dashboard-simple) .mc-ref-kpi.is-cost{
  background:linear-gradient(145deg,#081625 0%,#071523 58%,#071b2d 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.18),0 18px 38px rgba(25,141,255,.16),inset -18px -18px 42px rgba(25,141,255,.10)!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge::before,
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge::after{
  content:none!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge-label,
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge strong{
  position:relative!important;
  z-index:3!important;
  grid-column:1!important;
  grid-row:1!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge-label{
  align-self:center!important;
  transform:translateY(-7px)!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
  color:var(--gauge-color,#22d3ee)!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge strong{
  align-self:center!important;
  transform:translateY(9px)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:700!important;
  color:#f1f6fc!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-system__gauge-label + strong{display:block!important}

/* === FINAL FIX: expense accent + clean server gauges === */
.mc-dashboard-simple .mc-ref-kpi.is-cost{
  border-top:2px solid #168cff!important;
  background:
    radial-gradient(circle at 78% 88%,rgba(25,141,255,.18),transparent 34%),
    linear-gradient(145deg,#081625,#071321)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 4px 12px rgba(0,0,0,.18),0 0 22px rgba(25,141,255,.05)!important;
}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge{
  isolation:isolate!important;
  overflow:hidden!important;
  background:conic-gradient(var(--gauge-color,#159bff) var(--pct,0%),#12314b 0)!important;
}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:1!important;
  border-radius:50%!important;
  background:#061a2b!important;
  border:0!important;
  margin:0!important;
}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge-label{
  position:absolute!important;
  z-index:3!important;
  top:29px!important;
  left:0!important;
  right:0!important;
  margin:0!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1!important;
  color:var(--gauge-color,#22d3ee)!important;
}
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge strong{
  position:absolute!important;
  z-index:3!important;
  top:45px!important;
  left:0!important;
  right:0!important;
  margin:0!important;
  text-align:center!important;
  font-size:16px!important;
  line-height:1!important;
  color:#f1f6fc!important;
}

/* === Server gauge: lift percentage slightly inside the ring === */
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge strong{
  top:40px!important;
}

/* === Gauge percent position === */
.mc-dashboard-simple .mc-ref-system-simple .mc-system__gauge strong{
  top:34px!important;
}

/* === Expense KPI: restore the accent line + glow === */
.mc-dashboard-simple .mc-ref-kpi.is-expense{
  border-top:2px solid #168cff!important;
  background:
    radial-gradient(circle at 78% 88%,rgba(25,141,255,.20),transparent 36%),
    linear-gradient(145deg,#081a2d,#071525)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 7px 20px rgba(0,0,0,.18),
    0 0 22px rgba(25,141,255,.07)!important;
}
.mc-dashboard-simple .mc-ref-kpi.is-expense:before{
  background:#168cff!important;
  color:#168cff!important;
}

/* === Dashboard KPI: remove secondary helper copy === */
.mc-dashboard-simple .mc-ref-kpi__meta{display:none!important}
.mc-dashboard-simple .mc-ref-kpi__value{margin-top:11px!important}

/* === Dashboard KPI: compact centered composition === */
.mc-dashboard-simple .mc-ref-kpi{
  min-height:132px!important;
  padding:20px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:9px!important;
}
.mc-dashboard-simple .mc-ref-kpi__icon{
  margin:0!important;
  flex:0 0 auto!important;
}
.mc-dashboard-simple .mc-ref-kpi__label{
  margin:0!important;
  line-height:1.15!important;
}
.mc-dashboard-simple .mc-ref-kpi__value{
  margin:0!important;
  line-height:1.05!important;
}

/* === Dashboard KPI: move content toward horizontal center === */
.mc-dashboard-simple .mc-ref-kpi{
  align-items:center!important;
  text-align:center!important;
}
.mc-dashboard-simple .mc-ref-kpi__icon,
.mc-dashboard-simple .mc-ref-kpi__label,
.mc-dashboard-simple .mc-ref-kpi__value{
  align-self:center!important;
}

/* === Dashboard heading: small breathing room between title and subtitle === */
.mc-dashboard-simple h1{margin-bottom:4px!important}
.mc-dashboard-simple .mc-ref-subtitle{margin-top:0!important}

/* === Dashboard heading: visible 7px title/subtitle gap === */
.mc-dashboard-simple h1{margin-bottom:7px!important}

/* === Dashboard title/subtitle: explicit vertical gap === */
.mc-dashboard-simple .mc-ref-head > div:first-child h1{margin:0!important}
.mc-dashboard-simple .mc-ref-head > div:first-child p{margin:7px 0 0!important}

/* === Dashboard: remove the redundant top header strip === */
body:has(.mc-dashboard-simple) .topbar{
  display:none!important;
}
body:has(.mc-dashboard-simple) .view{
  padding-top:10px!important;
}

/* === Global sidebar: one shared shell on every page === */
/* Shared shell: same dimensions and visual language on every application route. */
.sidebar{width:155px!important;background:linear-gradient(180deg,#061322,#020b16)!important;border-right:1px solid #143250!important}
.main{margin-inline-start:155px!important}
.sidebar__brand{height:58px!important;padding-inline:16px!important;border-bottom:1px solid #182b40!important}
.sidebar__logo{width:42px!important;height:42px!important;border-radius:11px!important;background:linear-gradient(135deg,#4f7cff,#4b56ef)!important;font-size:16px!important}
.sidebar__title{font-size:15px!important;font-weight:700!important;letter-spacing:-.025em!important;color:#e7eef8!important}
.sidebar__nav{padding:14px 10px!important}
.sidebar__group{margin-bottom:14px!important}
.sidebar__link{height:42px!important;min-height:42px!important;padding:9px 10px!important;margin-bottom:4px!important;gap:10px!important;border-radius:8px!important;font-size:13px!important;font-weight:550!important;color:#71869d!important}
.sidebar__link:hover{background:#101d2b!important;color:#cbd8e7!important}
.sidebar__link.is-active{background:linear-gradient(90deg,rgba(37,99,235,.34),rgba(37,99,235,.16))!important;color:#eef5ff!important;box-shadow:inset 2px 0 #3b82f6!important}
.sidebar__link svg{width:17px!important;height:17px!important}
.sidebar__footer{padding:10px!important;border-top:1px solid #182b40!important}
.sidebar__status{padding:7px 10px!important;font-size:12px!important}
.sidebar__logout{padding:9px 10px!important;font-size:13px!important}
body:not(:has(.mc-ref-dashboard)):not(:has(.mc-dashboard-simple)) #serverWidget{display:none!important}

/* === Bundles page: Mission Control dashboard visual system === */
body:has(.mc-bundles-page){
  background:#020b16!important;
}
body:has(.mc-bundles-page) .main{
  margin-inline-start:155px!important;
  background:linear-gradient(180deg,#020b16 0%,#04101d 100%)!important;
}
body:has(.mc-bundles-page) .view{
  max-width:none!important;
  padding:10px 12px 20px!important;
}
body:has(.mc-bundles-page) .topbar{
  display:none!important;
}
.mc-bundles-page{
  max-width:none;
  padding:0 2px 28px;
  color:#e8eef8;
}
.mc-bundles-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:0 0 10px;
}
.mc-bundles-head h1{
  margin:0!important;
  font-size:20px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:-.03em;
  color:#f1f6fc!important;
}
.mc-bundles-head p{
  margin:7px 0 0!important;
  color:#536b84!important;
  font-size:9px!important;
  letter-spacing:.02em;
}
.mc-bundles-head__actions{display:flex;align-items:center}
.mc-bundles-head__actions .btn{
  height:30px;
  padding:0 13px;
  border-radius:7px;
  font-size:10px;
  box-shadow:0 0 18px rgba(37,139,255,.08);
}
.mc-bundles-stats{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-bottom:8px;
}
.mc-bundles-stat{
  position:relative;
  min-height:66px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  overflow:hidden;
  border:1px solid #19304a;
  border-radius:9px;
  background:#081525;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 16px rgba(0,0,0,.12);
}
.mc-bundles-stat:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:#258bff;
}
.mc-bundles-stat.is-live:before{background:#18dfbd}
.mc-bundles-stat.is-offers:before{background:#8b45ff}
.mc-bundles-stat.is-sources:before{background:#f59e0b}
.mc-bundles-stat__icon{
  width:27px;height:27px;flex:0 0 27px;
  display:grid;place-items:center;
  border-radius:7px;
  background:rgba(37,139,255,.12);
  color:#4ea0ff;
}
.mc-bundles-stat.is-live .mc-bundles-stat__icon{background:rgba(24,223,189,.12);color:#28e1bf}
.mc-bundles-stat.is-offers .mc-bundles-stat__icon{background:rgba(139,69,255,.12);color:#a77aff}
.mc-bundles-stat.is-sources .mc-bundles-stat__icon{background:rgba(245,158,11,.11);color:#fbbf24}
.mc-bundles-stat__icon svg{width:15px;height:15px}
.mc-bundles-stat small{
  display:block;
  color:#647d96;
  font-size:8px;
  font-weight:700;
  letter-spacing:.07em;
  line-height:1.1;
}
.mc-bundles-stat strong{
  display:block;
  margin-top:5px;
  color:#f3f7fc;
  font-size:18px;
  line-height:1;
  font-weight:750;
  font-variant-numeric:tabular-nums;
}
.mc-bundles-panel{
  border:1px solid #19304a;
  border-radius:10px;
  overflow:hidden;
  background:#081525;
  box-shadow:0 8px 26px rgba(0,0,0,.16);
}
.mc-bundles-panel__head{
  min-height:53px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:9px 13px;
  border-bottom:1px solid #172b40;
}
.mc-bundles-panel__head h2{
  margin:0;
  font-size:12px;
  line-height:1.1;
  font-weight:700;
  color:#dce7f4;
}
.mc-bundles-panel__head span:not(.mc-bundles-panel__count){
  display:block;
  margin-top:3px;
  color:#58718a;
  font-size:8px;
}
.mc-bundles-panel__count{
  color:#718aa4;
  font-size:9px;
  font-variant-numeric:tabular-nums;
}
.mc-bundles-table-wrap{width:100%;overflow:auto}
.mc-bundles-page .table{
  margin:0;
  width:100%;
  min-width:760px;
  border:0;
  background:transparent;
  font-size:10px;
}
.mc-bundles-page .table thead th{
  padding:8px 11px;
  background:#071321;
  border-bottom:1px solid #172b40;
  color:#526b84;
  font-size:7px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
}
.mc-bundles-page .table tbody td{
  padding:8px 11px;
  border-bottom:1px solid rgba(44,64,90,.48);
  color:#aebfd1;
  background:transparent;
}
.mc-bundles-page .table tbody tr:last-child td{border-bottom:0}
.mc-bundles-page .table tbody tr:hover td{background:rgba(22,54,85,.18)}
.mc-bundle-main{display:flex;align-items:center;gap:10px;min-width:260px}
.mc-bundle-index{
  width:24px;
  flex:0 0 24px;
  color:#38536c;
  font-size:8px;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-variant-numeric:tabular-nums;
}
.mc-bundle-name-wrap{min-width:0}
.mc-bundles-page .table__primary{
  color:#dce8f6;
  font-size:10px;
  font-weight:650;
  text-decoration:none;
}
.mc-bundles-page .table__primary:hover{color:#6fb4ff}
.mc-bundles-page .table__sub{
  margin-top:3px;
  color:#4e6982;
  font-size:8px;
}
.mc-bundle-source{color:#9db0c4;font-size:9px}
/* Bundles: active status is a solid green pill with white text. */
.mc-bundles-page .badge--success{background:#22c98a!important;border:1px solid #22c98a!important;color:#fff!important;font-weight:650!important;box-shadow:0 0 10px rgba(34,201,138,.12)!important}
.mc-bundle-count{
  display:inline-grid;
  min-width:25px;
  height:21px;
  padding:0 6px;
  place-items:center;
  border:1px solid #203a56;
  border-radius:6px;
  background:#0a1a2c;
  color:#d6e4f2;
  font-size:9px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
}
.mc-bundle-algo{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  padding:0 7px;
  border:1px solid #203750;
  border-radius:6px;
  color:#7f9bb5;
  background:#091827;
  font-size:8px;
}
.mc-bundle-actions{opacity:.72}
.mc-bundle-row:hover .mc-bundle-actions{opacity:1}
@media(max-width:900px){
  .mc-bundles-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .mc-bundles-head{display:block}
  .mc-bundles-head__actions{margin-top:9px}
  .mc-bundles-head__actions .btn{width:100%}
  .mc-bundles-stats{grid-template-columns:1fr 1fr}
  .mc-bundles-stat{min-height:60px;padding:9px}
}

/* === Bundles shell: same sidebar geometry as Dashboard === */
@media(min-width:701px){
  body:has(.mc-bundles-page) .sidebar{
    width:155px!important;
    background:linear-gradient(180deg,#061322,#020b16)!important;
    border-right:1px solid #143250!important;
  }
  body:has(.mc-bundles-page) .main{
    margin-inline-start:155px!important;
  }
  body:has(.mc-bundles-page) #serverWidget{
    display:none!important;
  }
}

/* === GLOBAL SIDEBAR — exact Dashboard visual system on every route === */
@media(min-width:701px){
  .sidebar{width:155px!important;background:linear-gradient(180deg,#061322,#020b16)!important;border-right:1px solid #143250!important}
  .main{margin-left:155px!important;margin-inline-start:155px!important}
  .sidebar__brand{height:58px!important;padding:0 10px!important;gap:9px!important;border-bottom:1px solid #14283e!important}
  .sidebar__logo{width:34px!important;height:34px!important;border-radius:8px!important;background:linear-gradient(145deg,#4f46e5,#2563eb)!important;box-shadow:0 0 18px rgba(37,99,235,.22)!important;font-size:13px!important}
  .sidebar__title{font-size:11px!important;font-weight:750!important;letter-spacing:-.02em!important;color:#eef5ff!important}
  .sidebar__nav{padding:12px 9px!important}
  .sidebar__group{margin-bottom:10px!important}
  .sidebar__link{height:34px!important;min-height:34px!important;padding:0 9px!important;margin:0 0 3px!important;gap:8px!important;border-radius:7px!important;font-size:10px!important;font-weight:500!important;color:#788ca4!important}
  .sidebar__link:hover{background:#101824!important;color:#cbd8e7!important}
  .sidebar__link.is-active{background:linear-gradient(90deg,#1557b7,#0e3260)!important;color:#fff!important;box-shadow:inset 2px 0 #2494ff,0 4px 14px rgba(0,91,190,.18)!important}
  .sidebar__link svg{width:15px!important;height:15px!important;color:#71859c!important}
  .sidebar__link.is-active svg{color:#fff!important}
  .sidebar__footer{padding:10px 9px!important;background:#050f1b!important;border-top:1px solid #14283e!important}
  .sidebar__status{padding:7px 8px!important;font-size:9px!important;color:#74889f!important}
  .sidebar__logout{padding:7px 8px!important;font-size:10px!important}
}

/* -------------------------------------------------------------------------
   Offers / Mission Control redesign
   Same visual language as Dashboard and Bundles.
   ------------------------------------------------------------------------- */
.mc-offers-page{max-width:100%;padding:0 2px 28px}
.mc-offers-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 20px}
.mc-offers-head h1{margin:0;font-size:26px;line-height:1.1;font-weight:750;letter-spacing:-.035em;color:#edf5ff}
.mc-offers-head p{margin:7px 0 0;color:#617994;font-size:12px}
.mc-offers-head .btn{height:38px;padding:0 18px;border-radius:10px}
.mc-offers-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mc-offer-kpi{position:relative;min-height:88px;padding:16px 18px;display:flex;align-items:center;gap:13px;overflow:hidden;border:1px solid #172b42;border-radius:12px;background:linear-gradient(145deg,#0a1829,#071321);box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 5px 18px rgba(0,0,0,.16)}
.mc-offer-kpi:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#3478ff;opacity:.9}
.mc-offer-kpi__icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border-radius:10px;background:#10243b;color:#8fb9ff;border:1px solid #21466e}
.mc-offer-kpi__icon svg{width:19px;height:19px}
.mc-offer-kpi__label{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#7189a4;font-weight:700}
.mc-offer-kpi__value{margin-top:5px;font-size:24px;line-height:1;font-weight:750;color:#eaf3ff;font-variant-numeric:tabular-nums}
.mc-offer-kpi.is-active:before{background:#22c98a}.mc-offer-kpi.is-active .mc-offer-kpi__icon{color:#42e0a3;background:rgba(34,201,138,.08);border-color:rgba(34,201,138,.28)}
.mc-offer-kpi.is-paused:before{background:#e8b34d}.mc-offer-kpi.is-paused .mc-offer-kpi__icon{color:#e8b34d;background:rgba(232,179,77,.07);border-color:rgba(232,179,77,.24)}
.mc-offer-kpi.is-idle:before{background:#a36cff}.mc-offer-kpi.is-idle .mc-offer-kpi__icon{color:#b38aff;background:rgba(163,108,255,.07);border-color:rgba(163,108,255,.24)}
.mc-offers-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.mc-offers-search{height:38px;flex:1;min-width:240px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid #1a324c;border-radius:9px;background:#091727;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.mc-offers-search span{display:grid;place-items:center;color:#607b99}.mc-offers-search svg{width:16px;height:16px}
.mc-offers-search input{width:100%;border:0;outline:0;background:transparent;color:#dce9f7;font-size:11px}.mc-offers-search input::placeholder{color:#536d88}
.mc-offers-filter{height:38px;min-width:165px;padding:0 30px 0 12px;border:1px solid #1a324c;border-radius:9px;background:#091727;color:#9eb2c8;font-size:11px;outline:none}
.mc-offers-filter-count{margin-left:auto;color:#536d88;font-size:10px;white-space:nowrap}
.mc-offers-panel{border:1px solid #172b42;border-radius:13px;overflow:hidden;background:linear-gradient(145deg,#0a1727,#071321);box-shadow:0 8px 28px rgba(0,0,0,.16)}
.mc-offers-panel-head{min-height:60px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172b42}
.mc-offers-panel-head h2{margin:0;color:#dce8f6;font-size:12px;font-weight:700}.mc-offers-panel-head p{margin:4px 0 0;color:#536d88;font-size:9px}.mc-offers-panel-head>span{color:#5e7893;font-size:9px}
.mc-offers-table-wrap{overflow-x:auto}.mc-offers-table{width:100%;border-collapse:collapse;table-layout:fixed}
.mc-offers-table thead th{height:40px;padding:0 16px;background:rgba(255,255,255,.012);border-bottom:1px solid #172b42;color:#5f7893;font-size:8px;letter-spacing:.12em;text-transform:uppercase;text-align:left;white-space:nowrap}
.mc-offers-table thead th:nth-child(1){width:42%}.mc-offers-table thead th:nth-child(2){width:22%}.mc-offers-table thead th:nth-child(3){width:13%}.mc-offers-table thead th:nth-child(4){width:17%}.mc-offers-table thead th:nth-child(5){width:6%}
.mc-offers-table tbody td{height:72px;padding:0 16px;border-bottom:1px solid #14263a;color:#a6b9cc;font-size:10px;vertical-align:middle}.mc-offers-table tbody tr:last-child td{border-bottom:0}.mc-offers-table tbody tr:hover td{background:rgba(22,54,85,.14)}
.mc-offers-table .table__primary{color:#dce8f6;font-size:11px;font-weight:700}.mc-offers-table .table__sub{margin-top:5px;color:#46617c;font-size:8px}.mc-offer-network{color:#a9bdd0;font-size:10px}.mc-offer-payout{color:#dce8f6;font-size:11px;font-weight:650}.mc-offer-traffic{margin-top:6px;color:#526d88;font-size:8px}.mc-offer-cap{margin-top:3px;color:#e8b34d;font-size:8px}.mc-offers-table .actions{text-align:right}.mc-offers-table .btn-group{display:inline-flex;gap:5px}.mc-offers-table .icon-btn{width:30px;height:30px;border-radius:8px;background:#0b1b2e;border-color:#1d3651;color:#6d87a1}.mc-offers-table .icon-btn:hover{color:#d7e6f6;border-color:#315473;background:#0e2339}
.mc-offers-table .badge{border-radius:999px;padding:5px 9px;font-size:9px;font-weight:700}.mc-offers-table .badge--success{background:#22c98a!important;border-color:#22c98a!important;color:#fff!important;box-shadow:0 0 12px rgba(34,201,138,.1)}
.mc-offers-empty{padding:36px;text-align:center;color:#617994;font-size:11px}
@media(max-width:900px){.mc-offers-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-offers-toolbar{flex-wrap:wrap}.mc-offers-search{flex-basis:100%}.mc-offers-filter{flex:1}.mc-offers-filter-count{margin-left:0}}

/* === Offers page: remove redundant top navigation strip === */
body:has(.mc-offers-page) .topbar{
  display:none!important;
}
body:has(.mc-offers-page) .view{
  padding-top:10px!important;
}

/* ========================================================================
   Mission Control pass — secondary admin screens
   Dashboard remains the visual source of truth; these rules only affect
   pages explicitly marked by app.js and do not touch landing pages.
   ======================================================================== */
body:has(.view[data-mc-page]){background:#020b16}
body:has(.view[data-mc-page]) .app{background:#020b16}
body:has(.view[data-mc-page]) .topbar{height:42px;background:#06111f;border-bottom:1px solid #14263b;box-shadow:0 4px 18px rgba(0,0,0,.22)}
body:has(.view[data-mc-page]) .view{padding:14px 16px 24px;max-width:1220px}
.view[data-mc-page] .page-head{min-height:44px;margin:0 0 12px;padding:0 2px;align-items:center}
.view[data-mc-page] .page-head h1{font-size:22px;line-height:1.15;color:#edf5ff;letter-spacing:-.025em}
.view[data-mc-page] .page-head__sub{margin-top:4px;font-size:10px;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;color:#607791}
.view[data-mc-page] .page-head__actions{gap:7px}
.view[data-mc-page] .card{background:linear-gradient(180deg,#081726,#06111e);border:1px solid #172d45;border-radius:9px;box-shadow:0 9px 26px rgba(0,0,0,.2);overflow:hidden}
.view[data-mc-page] .card__head{min-height:42px;padding:0 13px;border-bottom:1px solid #15283e;background:#091827;align-items:center}
.view[data-mc-page] .card__body{padding:13px}
.view[data-mc-page] .card__foot{padding:8px 13px;border-top:1px solid #15283e;color:#526b84;font-size:10px}
.view[data-mc-page] .section-title{font-size:11px;text-transform:uppercase;letter-spacing:.075em;color:#90a6bd}
.view[data-mc-page] .section-desc{font-size:10px;color:#5e7690;margin-top:3px}
.view[data-mc-page] .btn{height:31px;border-radius:7px;border:1px solid #1b3550;background:#0b1b2d;color:#a9bdd2;font-size:10px;font-weight:600;box-shadow:none}
.view[data-mc-page] .btn:hover{background:#10253b;border-color:#2a4d70;color:#e1edf8}
.view[data-mc-page] .btn--primary{background:#12385f;border-color:#2167a7;color:#eaf5ff;box-shadow:0 0 14px rgba(34,126,220,.1)}
.view[data-mc-page] .btn--primary:hover{background:#16466f;border-color:#2d83cc}
.view[data-mc-page] .btn--danger{background:#351923;border-color:#713044}
.view[data-mc-page] .input,.view[data-mc-page] select,.view[data-mc-page] textarea{background:#071525;border:1px solid #1a334d;color:#dbe8f5;border-radius:7px;min-height:32px;font-size:11px}
.view[data-mc-page] .input:focus,.view[data-mc-page] select:focus,.view[data-mc-page] textarea:focus{border-color:#2b78bd;box-shadow:0 0 0 2px rgba(43,120,189,.12);outline:none}
.view[data-mc-page] .field__label{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#7189a2;margin-bottom:5px}
.view[data-mc-page] .field__hint,.view[data-mc-page] .note{font-size:9px;color:#506982}
.view[data-mc-page] .table-wrap{border:0;background:transparent}
.view[data-mc-page] table{font-size:10px}
.view[data-mc-page] thead th{height:34px;background:#071321;color:#607994;border-bottom:1px solid #18304a;font-size:9px;text-transform:uppercase;letter-spacing:.065em}
.view[data-mc-page] tbody td{height:46px;border-bottom:1px solid rgba(31,53,76,.5);color:#aebfd1}
.view[data-mc-page] tbody tr:hover{background:#0a1a2b}
.view[data-mc-page] .table__primary{color:#dce9f5;font-weight:600}
.view[data-mc-page] .table__sub{color:#526a82;font-size:9px;margin-top:3px}
.view[data-mc-page] .badge{font-size:9px;border-radius:999px;border-color:#29425c;background:#0b1b2c;color:#91a7bd}
.view[data-mc-page] .badge--success{background:#0a241d;border-color:#18533e;color:#5ee0a4}
.view[data-mc-page] .badge--primary{background:#0d2945;border-color:#21577f;color:#73c9ff}
.view[data-mc-page] .badge--warning{background:#2b2110;border-color:#674d1d;color:#f5c86b}
.view[data-mc-page] .badge--danger{background:#30171f;border-color:#693041;color:#ff8e9e}
.view[data-mc-page] .icon-btn{width:29px;height:29px;border:1px solid #1a334d;background:#081827;color:#7690a8;border-radius:7px}
.view[data-mc-page] .icon-btn:hover{background:#10263a;color:#d8e7f5;border-color:#2a4e70}

/* === MOBILE LAYOUT FIX 2026-09-10 === */
@media (max-width:900px){
  .shell{min-height:100dvh}
  .sidebar{
    width:min(286px,82vw)!important;
    inset-inline-start:0!important;
    transform:translateX(-105%)!important;
    z-index:100!important;
    box-shadow:18px 0 42px rgba(0,0,0,.45)!important;
  }
  html[dir="rtl"] .sidebar{transform:translateX(105%)!important}
  .sidebar.is-open{transform:translateX(0)!important}
  .main{margin-left:0!important;margin-inline-start:0!important;width:100%;min-width:0}
  .topbar{display:flex!important;height:48px!important;padding:0 12px!important;position:sticky!important;z-index:90!important}
  .topbar__crumbs{display:none!important}
  .topbar__actions{margin-left:auto}
  .burger{display:inline-flex!important;width:38px;height:38px!important;border-radius:9px!important;background:#081827!important;border-color:#1b3a59!important;color:#c9d9e9!important}
  .view{width:100%!important;max-width:none!important;padding:12px!important;overflow-x:hidden}
  .page-head{gap:10px;margin-bottom:14px!important}
  .page-head__text{flex-basis:100%}
  .page-head h1{font-size:21px!important}
  .page-head__sub{font-size:11px!important}
  .page-head__actions{width:100%!important}
  .page-head__actions .btn{flex:1 1 auto;min-width:0}
  .card{max-width:100%;min-width:0}
  .table-wrap,.mc-offers-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .modal{max-width:100vw}
  .drawer{width:min(100%,420px)}
}

/* Dashboard on phones: full-width content, 2-column KPI grid, stacked panels. */
@media (max-width:900px){
  body:has(.mc-dashboard-simple) .topbar{display:flex!important}
  body:has(.mc-dashboard-simple) .topbar__crumbs,body:has(.mc-dashboard-simple) .topbar__actions{display:none!important}
  body:has(.mc-dashboard-simple) .burger{display:inline-flex!important}
  body:has(.mc-dashboard-simple) .view{width:100%!important;max-width:none!important;margin:0!important;padding:12px!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple{width:100%!important;max-width:none!important;margin:0!important}
  body:has(.mc-dashboard-simple) .mc-ref-head{height:auto!important;min-height:0!important;margin:0 0 12px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  body:has(.mc-dashboard-simple) .mc-ref-head h1{font-size:24px!important;line-height:1.05!important}
  body:has(.mc-dashboard-simple) .mc-ref-head p{max-width:100%;font-size:10px!important;line-height:1.35!important}
  body:has(.mc-dashboard-simple) .mc-ref-periods{width:100%!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important}
  body:has(.mc-dashboard-simple) .mc-ref-period{width:100%!important;min-width:0!important;height:36px!important;padding:0 5px!important;font-size:10px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpis-8{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;gap:8px!important;margin-bottom:10px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi{width:100%!important;height:100px!important;min-height:100px!important;padding:10px!important;grid-column:auto!important;grid-row:auto!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi__value{font-size:20px!important;line-height:1!important;margin-top:7px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi__label{font-size:9px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi__meta{font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body:has(.mc-dashboard-simple) .mc-simple-country-slot,body:has(.mc-dashboard-simple) .mc-simple-server-slot{float:none!important;width:100%!important;margin:8px 0 0!important;padding:0!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple,body:has(.mc-dashboard-simple) .mc-ref-system-simple{width:100%!important;height:auto!important;min-height:0!important;overflow:hidden!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .card__head,body:has(.mc-dashboard-simple) .mc-ref-system-simple .card__head{height:auto!important;min-height:48px!important;padding:10px 12px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .card__title,body:has(.mc-dashboard-simple) .mc-ref-system-simple .card__title{font-size:15px!important;line-height:1.2!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .section-desc,body:has(.mc-dashboard-simple) .mc-ref-system-simple .section-desc{font-size:9px!important;line-height:1.3!important;margin-top:4px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .card__body{height:auto!important;padding:0!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend{width:100%!important;padding:2px 10px 8px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__row{width:100%!important;grid-template-columns:minmax(0,1fr) auto!important;height:38px!important;min-height:38px!important;padding:0 4px!important;column-gap:12px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__name{font-size:12px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .mc-country-code{font-size:10px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .pie-legend__val{font-size:12px!important;line-height:1!important}
}

/* Secondary screens: phone-safe controls and tables. */
@media (max-width:900px){
  body:has(.view[data-mc-page]) .view{padding:12px!important}
  .view[data-mc-page] .page-head{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:9px!important;margin-bottom:12px!important}
  .view[data-mc-page] .page-head__actions{width:100%!important}
  .view[data-mc-page] .page-head__actions .btn{width:100%!important;flex:1!important}
  .view[data-mc-page] .card__body{padding:11px!important}
  .view[data-mc-page] .grid--kpi4,.view[data-mc-page] .grid--kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .view[data-mc-page] .inline{flex-wrap:wrap!important}
  .view[data-mc-page] .inline>.field{flex:1 1 100%!important;min-width:0!important}
  .view[data-mc-page] .card__head{min-height:44px!important;padding:9px 11px!important}
  .view[data-mc-page] .card__head-actions{max-width:100%;overflow-x:auto}
  .view[data-mc-page] table{min-width:620px}
  .view[data-mc-page] .table-wrap{overflow-x:auto!important}
  .mc-offers-page{padding:0 0 20px!important}
  .mc-offers-head{display:flex!important;flex-direction:column!important;gap:9px!important;margin-bottom:12px!important}
  .mc-offers-head .btn{width:100%!important}
  .mc-offers-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .mc-offer-kpi{min-height:76px;padding:10px!important}
  .mc-offer-kpi__icon{width:30px;height:30px;flex-basis:30px}
  .mc-offer-kpi__value{font-size:19px}
  .mc-offers-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}
  .mc-offers-search{grid-column:1/-1;min-width:0!important;width:100%!important}
  .mc-offers-filter{min-width:0!important;width:100%!important}
  .mc-offers-filter-count{grid-column:1/-1;margin:0!important}
  .mc-offers-table{min-width:680px!important}
  .settings-tabs,.settings-nav{max-width:100%;overflow-x:auto}
}

/* === MOBILE FIX 2026-09-10: final override === */
@media (max-width:900px){
  body:has(.mc-dashboard-simple) .main,
  body:has(.view[data-mc-page]) .main{margin-left:0!important;margin-inline-start:0!important;width:100%!important}
  body:has(.mc-dashboard-simple) .sidebar,
  body:has(.view[data-mc-page]) .sidebar{width:min(300px,82vw)!important;transform:translateX(-105%)!important}
  body:has(.mc-dashboard-simple) .sidebar.is-open,
  body:has(.view[data-mc-page]) .sidebar.is-open{transform:translateX(0)!important}
  body:has(.mc-dashboard-simple) .view{width:100%!important;max-width:none!important;padding:12px!important;box-sizing:border-box!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple{width:100%!important;max-width:none!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi{min-width:0!important;width:100%!important}
  body:has(.mc-dashboard-simple) .mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-simple-server-slot{width:100%!important;float:none!important;margin:8px 0 0!important}
  .view[data-mc-page] .grid--kpi4,.view[data-mc-page] .grid--kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .view[data-mc-page] .kpi{min-width:0!important;overflow:hidden!important}
  .view[data-mc-page] .kpi__value{white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;font-size:clamp(14px,5vw,22px)!important;line-height:1!important;letter-spacing:-.04em!important;font-variant-numeric:tabular-nums!important}
  .view[data-mc-page] .kpi__value--lg{font-size:clamp(15px,5vw,27px)!important}
  .view[data-mc-page] .kpi__value--sm{font-size:clamp(14px,4.5vw,21px)!important}
  .view[data-mc-page] .card__body{min-width:0!important}
  .view[data-mc-page] .inline{min-width:0!important}
  .view[data-mc-page] .inline>.field{max-width:100%!important}
}


/* === MOBILE UX FIX 2026-09-10 === */
.route-loading{min-height:220px;background:linear-gradient(180deg,#020b16,#030d18);border:1px solid rgba(22,54,85,.45);border-radius:10px;position:relative;overflow:hidden}
.route-loading:after{content:"";position:absolute;left:12%;right:12%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#1d75d8,transparent);opacity:.55;animation:route-loading-pulse 1.1s ease-in-out infinite}
@keyframes route-loading-pulse{0%,100%{transform:translateX(-12%);opacity:.15}50%{transform:translateX(12%);opacity:.65}}
.mc-dashboard-simple .mc-ref-kpi:before{content:none!important}
.mc-dashboard-simple .mc-ref-kpi__spark{display:none!important}
@media(max-width:900px){
  .main{margin-left:0!important;margin-inline-start:0!important;width:100%!important;min-width:0!important}
  .sidebar{width:min(300px,84vw)!important;transform:translateX(-105%)!important;z-index:70!important}
  html[dir="rtl"] .sidebar{transform:translateX(105%)!important}
  .sidebar.is-open,html[dir="rtl"] .sidebar.is-open{transform:translateX(0)!important}
  .topbar{display:flex!important;height:88px!important;min-height:88px!important;padding:0 18px!important;align-items:center!important;background:#020b16!important;border-bottom:1px solid #153451!important}
  .burger{display:inline-flex!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;padding:0!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;border:1px solid #19476d!important;background:#06192b!important;color:#c7d8e8!important;box-shadow:0 6px 18px rgba(0,0,0,.16)!important}
  .burger svg{width:27px!important;height:27px!important}
  .view{width:100%!important;max-width:none!important;margin:0!important;padding:12px!important;box-sizing:border-box!important}
  body:has(.mc-bundles-page) .topbar,body:has(.mc-offers-page) .topbar{display:flex!important}
  body:has(.mc-bundles-page) .view,body:has(.mc-offers-page) .view{width:100%!important;padding:12px!important}
  body:has(.mc-bundles-page) .mc-bundles-page,body:has(.mc-offers-page) .mc-offers-page{width:100%!important;max-width:none!important;box-sizing:border-box!important}
}

/* === REMOVE TOPBAR / KEEP MOBILE MENU 2026-09-10 === */
.topbar{display:none!important}
#app .shell{position:relative}
#app .burger{display:none}
@media(max-width:900px){
  #app .burger{
    display:inline-flex!important;
    position:fixed!important;
    inset-inline-start:12px!important;
    top:10px!important;
    width:56px!important;
    height:56px!important;
    min-width:56px!important;
    min-height:56px!important;
    padding:0!important;
    z-index:1200!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:12px!important;
  }
  #app .view{padding-top:12px!important}
}

/* === FINAL: unified page title system === */
.page-head,
.mc-bundles-head,
.mc-offers-head,
.mc-dashboard-simple .mc-ref-head{
  min-height:54px!important;
  margin:0 0 12px!important;
  padding:0 2px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
}
.page-head h1,
.mc-bundles-head h1,
.mc-offers-head h1,
.mc-dashboard-simple .mc-ref-head h1{
  margin:0!important;
  padding:0!important;
  font-family:var(--font)!important;
  font-size:24px!important;
  line-height:1.12!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  color:#edf5ff!important;
  text-transform:none!important;
  text-shadow:none!important;
}
.page-head__sub,
.mc-bundles-head p,
.mc-offers-head p,
.mc-dashboard-simple .mc-ref-head p{
  margin:5px 0 0!important;
  padding:0!important;
  font-family:var(--font)!important;
  font-size:10px!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.055em!important;
  color:#647d98!important;
  text-transform:uppercase!important;
}
.page-head__text,
.mc-bundles-head>div:first-child,
.mc-offers-head>div:first-child,
.mc-dashboard-simple .mc-ref-head>div:first-child{min-width:0!important}

/* Mobile title alignment */
@media(max-width:900px){
  .page-head,
  .mc-bundles-head,
  .mc-offers-head,
  .mc-dashboard-simple .mc-ref-head{
    min-height:0!important;
    margin-bottom:12px!important;
    flex-wrap:wrap!important;
  }
}

/* === FINAL: one title position across every admin route === */
/* All routes share the same title origin: 24px from the top and the same
   horizontal inset inside the content column. Page-specific shells keep their
   visual components, but no longer move the title when navigating. */
@media(min-width:901px){
  body:has(.mc-dashboard-simple) .view,
  body:has(.mc-bundles-page) .view{
    padding:24px 22px 20px!important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple,
  body:has(.mc-bundles-page) .mc-bundles-page{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* === FINAL: exact title origin across Mission Control pages === */
@media(min-width:901px){
  body:has(.mc-dashboard-simple) .view,
  body:has(.mc-bundles-page) .view,
  body:has(.mc-offers-page) .view,
  body:has(.view[data-mc-page]) .view{
    padding:14px 16px 24px!important;
    box-sizing:border-box!important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple,
  body:has(.mc-bundles-page) .mc-bundles-page,
  body:has(.mc-offers-page) .mc-offers-page{
    margin:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  body:has(.view[data-mc-page]) .page-head{
    margin-top:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
}

/* === FINAL: exact title origin across Mission Control pages === */
@media(min-width:901px){
  body:has(.mc-dashboard-simple) .view,
  body:has(.mc-bundles-page) .view,
  body:has(.mc-offers-page) .view,
  body:has(.view[data-mc-page]) .view{
    padding:14px 16px 24px!important;
    box-sizing:border-box!important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple,
  body:has(.mc-bundles-page) .mc-bundles-page,
  body:has(.mc-offers-page) .mc-offers-page{
    margin:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  body:has(.view[data-mc-page]) .page-head{
    margin-top:0!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
}


/* ================================================================
   LAYOUT REFINEMENT v1 — Dashboard + Statistics
   Visual language is intentionally unchanged. This layer only
   normalizes geometry, spacing and responsive behavior.
   ================================================================ */

:root{
  --layout-max:1680px;
  --layout-gutter:clamp(14px,1.7vw,28px);
  --layout-gap:clamp(10px,1vw,16px);
}

/* Shared fluid content frame */
.main{min-width:0!important}
.view{width:100%!important;max-width:var(--layout-max)!important;margin-inline:0!important;padding:var(--layout-gutter)!important}
.page-head,.mc-ref-head{width:100%;min-width:0}
.page-head__text,.page-head__actions,.mc-ref-head>div{min-width:0}
.page-head__actions{justify-content:flex-end}

/* KPI grids: fluid, never overflow their parent */
.view[data-mc-page] .grid--kpi,
.view[data-mc-page] .grid--kpi4{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))!important;gap:var(--layout-gap)!important}
.view[data-mc-page] .kpi{min-width:0!important;height:100%;overflow:hidden}
.view[data-mc-page] .kpi__label{white-space:normal;overflow-wrap:anywhere}
.view[data-mc-page] .kpi__value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Cards and section headers */
.view[data-mc-page] .card{min-width:0;overflow:hidden}
.view[data-mc-page] .card__head{align-items:center;gap:12px}
.view[data-mc-page] .card__head-text{min-width:0}
.view[data-mc-page] .card__head-actions{margin-left:auto;max-width:100%}
.view[data-mc-page] .card__body{min-width:0}

/* Tables: readable on desktop, contained scroll on narrow screens */
.view[data-mc-page] .table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.view[data-mc-page] .table{min-width:680px}
.view[data-mc-page] .table th,.view[data-mc-page] .table td{vertical-align:middle}
.view[data-mc-page] .table th{white-space:nowrap}
.view[data-mc-page] .table td:first-child{max-width:280px}
.view[data-mc-page] .table__primary{overflow-wrap:anywhere}
.view[data-mc-page] .table .actions{white-space:nowrap}

/* Dashboard prototype: calm vertical rhythm */
.mc-dashboard-simple{width:100%!important;max-width:none!important}
.mc-dashboard-simple .mc-ref-head{margin-bottom:var(--layout-gap)!important}
.mc-dashboard-simple .mc-ref-kpis{gap:var(--layout-gap)!important}
.mc-dashboard-simple .mc-ref-main-grid,
.mc-dashboard-simple .mc-ref-secondary-grid,
.mc-dashboard-simple .mc-ref-bottom-grid{gap:var(--layout-gap)!important;margin-top:var(--layout-gap)!important}
.mc-dashboard-simple .mc-ref-panel{min-width:0!important}
.mc-dashboard-simple .mc-ref-panel__head{min-width:0}
.mc-dashboard-simple .mc-ref-panel__head h2{overflow-wrap:anywhere}
.mc-dashboard-simple .mc-ref-chart{min-width:0}
.mc-dashboard-simple .mc-ref-kpi__value{font-variant-numeric:tabular-nums}

/* Statistics / optimizer: controls wrap without pushing the page */
.view[data-mc-page] .inline{row-gap:8px}
.view[data-mc-page] .select,
.view[data-mc-page] input,
.view[data-mc-page] button{max-width:100%}

@media (max-width:1180px){
  .view{padding:clamp(12px,2vw,20px)!important}
  .page-head,.mc-ref-head{gap:12px!important}
  .page-head__actions{width:100%;justify-content:flex-start}
  .mc-dashboard-simple .mc-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:700px){
  .view{padding:12px!important}
  .page-head,.mc-ref-head{flex-direction:column!important;align-items:stretch!important;gap:10px!important}
  .page-head__actions{width:100%;justify-content:stretch}
  .page-head__actions>*{flex:1 1 auto;min-width:0}
  .view[data-mc-page] .grid--kpi,
  .view[data-mc-page] .grid--kpi4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .view[data-mc-page] .kpi{padding:12px!important}
  .view[data-mc-page] .kpi__value{font-size:clamp(16px,6vw,24px)!important}
  .view[data-mc-page] .card__head{padding:12px!important}
  .view[data-mc-page] .card__body{padding:12px!important}
  .view[data-mc-page] .table{min-width:720px}
  .mc-dashboard-simple .mc-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mc-dashboard-simple .mc-ref-kpi{height:auto!important;min-height:96px!important}
  .mc-dashboard-simple .mc-ref-kpi__value{font-size:clamp(18px,6vw,26px)!important}
  .mc-dashboard-simple .mc-ref-main-grid,
  .mc-dashboard-simple .mc-ref-secondary-grid,
  .mc-dashboard-simple .mc-ref-bottom-grid{grid-template-columns:1fr!important}
  .mc-dashboard-simple .mc-ref-chart{height:230px!important}
}

@media (max-width:380px){
  .view[data-mc-page] .grid--kpi,
  .view[data-mc-page] .grid--kpi4,
  .mc-dashboard-simple .mc-ref-kpis{grid-template-columns:1fr!important}
  .page-head__actions{flex-direction:column}
  .page-head__actions>*{width:100%}
}


/* ================================================================
   VISIBLE UI REFINEMENT v2 — Dashboard + Statistics
   Keeps the existing dark visual language; improves composition.
   ================================================================ */

/* Page frame and hierarchy */
.view[data-mc-page="stats"],
.mc-dashboard-simple{
  width:100%;
  max-width:1680px;
  margin-inline:auto;
}

.view[data-mc-page="stats"] .page-head,
.mc-dashboard-simple .mc-ref-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:4px 0 18px;
  margin:0 0 18px;
  border-bottom:1px solid rgba(95,130,165,.22);
}

.view[data-mc-page="stats"] .page-head__text,
.mc-dashboard-simple .mc-ref-head>div:first-child{
  display:grid;
  gap:6px;
}

.view[data-mc-page="stats"] .page-head h1,
.mc-dashboard-simple .mc-ref-head h1{
  margin:0;
  font-size:clamp(22px,2.1vw,30px);
  line-height:1.15;
  letter-spacing:-.035em;
}

.view[data-mc-page="stats"] .page-head .note,
.mc-dashboard-simple .mc-ref-head .note{
  color:#8197ae;
  font-size:13px;
}

/* Controls become one calm toolbar */
.view[data-mc-page="stats"] .page-head__actions,
.view[data-mc-page="stats"] .inline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.view[data-mc-page="stats"] .page-head__actions .btn,
.view[data-mc-page="stats"] .inline .btn,
.view[data-mc-page="stats"] .inline select,
.view[data-mc-page="stats"] .inline input{
  min-height:36px;
}

/* KPI cards: stronger hierarchy, same palette */
.view[data-mc-page="stats"] .grid--kpi,
.view[data-mc-page="stats"] .grid--kpi4{
  gap:12px!important;
  margin:0 0 18px;
}

.view[data-mc-page="stats"] .kpi,
.mc-dashboard-simple .mc-ref-kpi{
  position:relative;
  border:1px solid rgba(91,126,162,.25);
  border-radius:12px;
  background:linear-gradient(145deg,rgba(15,34,53,.92),rgba(8,23,38,.96));
  box-shadow:0 8px 24px rgba(0,0,0,.10);
  padding:16px!important;
}

.view[data-mc-page="stats"] .kpi::after,
.mc-dashboard-simple .mc-ref-kpi::after{
  content:"";
  position:absolute;
  inset:auto 14px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(91,161,222,.35),transparent);
}

.view[data-mc-page="stats"] .kpi__label,
.mc-dashboard-simple .mc-ref-kpi__label{
  color:#8da6bf;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.view[data-mc-page="stats"] .kpi__value,
.mc-dashboard-simple .mc-ref-kpi__value{
  margin-top:10px;
  font-size:clamp(22px,2.5vw,32px)!important;
  line-height:1.1;
  letter-spacing:-.035em;
  font-weight:750;
}

/* Dashboard panels */
.mc-dashboard-simple .mc-ref-main-grid,
.mc-dashboard-simple .mc-ref-secondary-grid,
.mc-dashboard-simple .mc-ref-bottom-grid{
  align-items:stretch;
  gap:14px!important;
}

.mc-dashboard-simple .mc-ref-panel,
.view[data-mc-page="stats"] .card{
  border:1px solid rgba(91,126,162,.23);
  border-radius:12px;
  background:linear-gradient(160deg,rgba(12,30,47,.78),rgba(7,20,33,.88));
  overflow:hidden;
}

.mc-dashboard-simple .mc-ref-panel__head,
.view[data-mc-page="stats"] .card__head{
  min-height:54px;
  padding:15px 17px!important;
  border-bottom:1px solid rgba(91,126,162,.18);
  background:rgba(17,39,59,.28);
}

.mc-dashboard-simple .mc-ref-panel__head h2,
.view[data-mc-page="stats"] .card__head h2,
.view[data-mc-page="stats"] .card__head h3{
  margin:0;
  font-size:14px;
  font-weight:750;
  letter-spacing:-.01em;
}

.mc-dashboard-simple .mc-ref-panel__body,
.view[data-mc-page="stats"] .card__body{
  padding:16px 17px!important;
}

/* Optimizer gets visual priority without changing its semantics */
.view[data-mc-page="stats"] .optimizer-panel,
.view[data-mc-page="stats"] [class*="optimizer"]{
  min-width:0;
}

.view[data-mc-page="stats"] .table-wrap{
  border:1px solid rgba(91,126,162,.18);
  border-radius:9px;
  background:rgba(4,15,26,.28);
}

.view[data-mc-page="stats"] .table thead th{
  background:rgba(21,46,69,.65);
  color:#7895b2;
  font-size:10px;
  letter-spacing:.065em;
  text-transform:uppercase;
  padding:12px 14px;
}

.view[data-mc-page="stats"] .table tbody td{
  padding:13px 14px;
  border-bottom:1px solid rgba(91,126,162,.13);
}

.view[data-mc-page="stats"] .table tbody tr:last-child td{border-bottom:0}
.view[data-mc-page="stats"] .table tbody tr:hover{background:rgba(41,91,132,.12)}

/* Mobile: stack intentionally, preserve touch targets */
@media(max-width:900px){
  .view[data-mc-page="stats"] .page-head,
  .mc-dashboard-simple .mc-ref-head{
    align-items:stretch;
    flex-direction:column;
    gap:12px;
    padding-bottom:14px;
  }
  .view[data-mc-page="stats"] .page-head__actions,
  .mc-dashboard-simple .mc-ref-head .mc-ref-actions{
    width:100%;
    justify-content:flex-start;
  }
  .view[data-mc-page="stats"] .page-head__actions>*{max-width:100%}
}

@media(max-width:520px){
  .view[data-mc-page="stats"] .kpi,
  .mc-dashboard-simple .mc-ref-kpi{padding:13px!important}
  .view[data-mc-page="stats"] .card__head,
  .view[data-mc-page="stats"] .card__body{padding:13px!important}
  .view[data-mc-page="stats"] .table thead th,
  .view[data-mc-page="stats"] .table tbody td{padding:11px 12px}
}

/* DASHBOARD WIDTH FIX — remove legacy 825px desktop canvas */
body:has(.mc-dashboard-simple) .main{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
}
body:has(.mc-dashboard-simple) .view{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:22px clamp(18px,2.2vw,36px) 34px!important;
  box-sizing:border-box!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(280px,340px)!important;
  grid-template-rows:auto auto auto!important;
  gap:16px!important;
  padding-bottom:24px!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-head{
  grid-column:1/-1!important;
  grid-row:1!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-kpis{
  grid-column:1/-1!important;
  grid-row:2!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-simple-country-slot{
  grid-column:1!important;
  grid-row:3!important;
  min-width:0!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-simple-server-slot{
  grid-column:2!important;
  grid-row:3!important;
  min-width:0!important;
}
body:has(.mc-dashboard-simple) .mc-simple-country-slot,
body:has(.mc-dashboard-simple) .mc-simple-server-slot,
body:has(.mc-dashboard-simple) .mc-ref-country-simple,
body:has(.mc-dashboard-simple) .mc-ref-system-simple{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
}
@media(max-width:1100px){
  body:has(.mc-dashboard-simple) .mc-dashboard-simple{grid-template-columns:minmax(0,1fr) minmax(240px,300px)!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  body:has(.mc-dashboard-simple) .view{padding:16px!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:12px!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-head,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-simple-server-slot{grid-column:1!important;grid-row:auto!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:420px){
  body:has(.mc-dashboard-simple) .mc-dashboard-simple>.mc-ref-kpis{grid-template-columns:1fr!important}
}


/* =========================================================
   DASHBOARD COMPOSITION v3
   Visual implementation of approved prototype.
   Existing colors, components and data are preserved.
   ========================================================= */
body:has(.mc-dashboard-simple) .view{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(20px,2.6vw,42px) clamp(18px,3.1vw,56px) 42px!important;
  box-sizing:border-box!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple{
  width:100%!important;
  max-width:1440px!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:1!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .page-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:24px!important;
  padding-bottom:18px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid rgba(83,153,211,.20)!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .page-head h1{
  margin:0!important;
  font-size:clamp(25px,2.2vw,34px)!important;
  letter-spacing:-.04em!important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .page-head p{
  margin-top:8px!important;
  color:#7f9ab7!important;
  font-size:11px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
body:has(.mc-dashboard-simple) .mc-ref-kpis-8{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:minmax(112px,auto)!important;
  gap:16px!important;
  margin:0 0 16px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-kpi{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:112px!important;
  padding:22px 24px!important;
  border-radius:9px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
body:has(.mc-dashboard-simple) .mc-ref-kpi:nth-child(5){
  grid-column:4!important;
}
body:has(.mc-dashboard-simple) .mc-ref-kpi__value{
  font-size:clamp(23px,2vw,31px)!important;
  letter-spacing:-.035em!important;
}
body:has(.mc-dashboard-simple) .mc-ref-kpi__label{
  font-size:12px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-main-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr)!important;
  gap:16px!important;
  align-items:start!important;
}
body:has(.mc-dashboard-simple) .mc-ref-country-simple,
body:has(.mc-dashboard-simple) .mc-ref-system-simple{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .mc-ref-panel-head,
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-panel-head{
  padding:17px 20px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-country-simple .mc-ref-list-row{
  min-height:43px!important;
  padding:0 20px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple{
  min-height:280px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-system-body{
  padding:22px 18px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-rings{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-ring{
  min-width:0!important;
}
@media(max-width:1100px){
  body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi:nth-child(5){grid-column:auto!important}
  body:has(.mc-dashboard-simple) .mc-ref-main-grid{grid-template-columns:minmax(0,1fr)!important}
  body:has(.mc-dashboard-simple) .mc-ref-system-simple{min-height:0!important}
}
@media(max-width:640px){
  body:has(.mc-dashboard-simple) .view{padding:16px 12px 28px!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple .page-head{flex-direction:column!important;gap:14px!important}
  body:has(.mc-dashboard-simple) .mc-dashboard-simple .page-head .period-switcher{width:100%!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpis-8{grid-template-columns:1fr!important;gap:12px!important}
  body:has(.mc-dashboard-simple) .mc-ref-kpi{min-height:104px!important;padding:18px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .mc-ref-panel-head,
  body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-panel-head{padding:15px!important}
  body:has(.mc-dashboard-simple) .mc-ref-country-simple .mc-ref-list-row{padding:0 15px!important}
  body:has(.mc-dashboard-simple) .mc-ref-system-simple .mc-ref-rings{gap:4px!important}
}

/* DASHBOARD COMPOSITION v4 — targets the actual rendered markup */
body:has(.mc-dashboard-simple) .mc-dashboard-simple {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: clamp(18px, 2vw, 28px) !important;
  width: 100% !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-head {
  grid-column: 1 !important;
  margin: 0 !important;
  padding: 0 0 18px !important;
  border-bottom: 1px solid rgba(83,153,211,.22) !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
  align-items: stretch !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis > .mc-ref-kpi,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 > .mc-ref-kpi {
  min-width: 0 !important;
  min-height: 132px !important;
  height: 100% !important;
  padding: 22px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis > .mc-ref-kpi__value,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 > .mc-ref-kpi__value {
  font-size: clamp(22px, 1.8vw, 30px) !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot {
  grid-column: 1 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
  grid-column: 1 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-country-simple,
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-country-simple .mc-ref-panel-head,
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple .mc-ref-panel-head {
  padding: 18px 20px !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-country-simple .mc-ref-list-row {
  min-height: 44px !important;
  padding-inline: 20px !important;
}
@media (min-width: 900px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    grid-column: 1 !important;
    grid-row: 4 !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    display: block !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot {
    width: calc(100% - 356px) !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    width: 340px !important;
    margin-left: auto !important;
    margin-top: -100% !important;
  }
}
@media (max-width: 1180px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis > .mc-ref-kpi,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 > .mc-ref-kpi {
    min-height: 112px !important;
    padding: 16px !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    width: 100% !important;
    margin: 0 !important;
  }
}
@media (max-width: 420px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: 1fr !important;
  }
}

/* DASHBOARD COMPOSITION — repaired, valid CSS */
body:has(.mc-dashboard-simple) .view {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: clamp(20px, 2.4vw, 40px) !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: auto auto auto !important;
  gap: clamp(16px, 1.5vw, 24px) !important;
  align-items: start !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-head {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: clamp(12px, 1.2vw, 18px) !important;
  min-width: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis > .mc-ref-kpi,
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 > .mc-ref-kpi {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 132px !important;
  box-sizing: border-box !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot {
  grid-column: 1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
  grid-column: 2 !important;
  grid-row: 3 !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-panel {
  width: 100% !important;
  box-sizing: border-box !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-country-simple,
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple {
  height: 100% !important;
  min-height: 0 !important;
}
@media (max-width: 1180px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body:has(.mc-dashboard-simple) .view {
    padding: 16px 12px 28px !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-head,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 420px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-5 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* DASHBOARD FINAL COMPOSITION v4 — four existing KPI cards */
body:has(.mc-dashboard-simple) .mc-dashboard-simple {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  grid-template-rows: auto auto auto !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-head {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4 {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4 > .mc-ref-kpi {
  min-width: 0 !important;
  min-height: 132px !important;
  height: auto !important;
  padding: 18px !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot {
  grid-column: 1 !important;
  grid-row: 3 !important;
  width: 100% !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
  grid-column: 2 !important;
  grid-row: 3 !important;
  width: 100% !important;
  margin: 0 !important;
}
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-country-simple,
body:has(.mc-dashboard-simple) .mc-dashboard-simple .mc-ref-system-simple {
  height: 100% !important;
  min-height: 280px !important;
}
@media (max-width: 1100px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 300px) !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    gap: 14px !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-head,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-country-slot,
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-simple-server-slot {
    grid-column: 1 !important;
    grid-row: auto !important;
  }
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
}
@media (max-width: 420px) {
  body:has(.mc-dashboard-simple) .mc-dashboard-simple > .mc-ref-kpis-4 {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}


/* Optimizer header: compact, with period controls only. */
.card:has(.optimizer-head-controls) .card__head {
  min-height: 74px;
  padding: 16px 20px 14px;
  align-items: center;
  gap: 18px;
}
.card:has(.optimizer-head-controls) .card__head-text {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: center;
}
.card:has(.optimizer-head-controls) .card__head-actions {
  flex: 0 0 auto;
  margin-left: auto;
}
.card:has(.optimizer-head-controls) .section-title {
  line-height: 1.15;
  margin-bottom: 5px;
}
.card:has(.optimizer-head-controls) .section-desc {
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 720px) {
  .card:has(.optimizer-head-controls) .card__head {
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .card:has(.optimizer-head-controls) .card__head-actions {
    width: 100%;
    margin-left: 0;
  }
}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__row{grid-template-columns:minmax(0,1fr) auto auto!important;gap:16px!important;height:31px!important;min-height:31px!important;padding:0!important;align-items:center!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__name{grid-column:1!important;grid-row:1!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__val{grid-column:2!important;grid-row:1!important;text-align:right!important;white-space:nowrap!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__cr{grid-column:3!important;grid-row:1!important}

/* Dashboard: увеличиваем новый столбец CR / vs вчера примерно на 30% */
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__cr{font-size:11.7px!important;line-height:1.15!important}
.mc-dashboard-simple .mc-ref-country-simple .pie-legend__cr>span{font-size:inherit!important}

/* Dashboard: партнёрка и селект на одной линии с периодом */
.mc-dashboard-simple .mc-ref-head>.inline{align-items:center!important}
.mc-dashboard-simple .mc-ref-head>.inline>div:first-child{min-width:0!important}
.mc-dashboard-simple .mc-ref-head>.inline>div:first-child .field{display:flex;align-items:center;gap:12px}
.mc-dashboard-simple .mc-ref-head>.inline>div:first-child .field__label{margin:0;white-space:nowrap}
.mc-dashboard-simple .mc-ref-head>.inline>div:first-child .field>.select{width:284px}