/* ARISTO brand book — светлая тема. Общая база для вариантов визуализации.
   Без градиентов, без теней, скругление <=6px (бейджи 3px), Arial. */
:root{
  --ar-green:#72bf44; --ar-dark:#333333; --ar-mid:#4d4d4d; --ar-bg:#f0f0f0;
  --ar-card:#ffffff; --ar-border:#e8e8e8; --ar-divider:#f5f5f5; --ar-row-alt:#fafafa;
  --ar-text-main:#2d2d2d; --ar-text-body:#555555; --ar-text-muted:#aaaaaa; --ar-text-label:#999999;
  --ar-red:#c0392b; --ar-orange:#f8971a; --ar-blue:#2980b9;
}
*{box-sizing:border-box}
body{margin:0;background:var(--ar-bg);color:var(--ar-text-body);
  font:13px/1.45 Arial,Helvetica,sans-serif}
button{font:inherit;cursor:pointer}
.hidden{display:none!important}
.num{text-align:right;white-space:nowrap}
.muted{color:var(--ar-text-muted)}

/* Логотип */
.ar-logo{font-weight:700;font-size:20px;color:#fff;letter-spacing:1px;display:inline-flex;align-items:baseline}
.ar-logo .o{color:var(--ar-green)}
.ar-logo .ar-sub{font-size:9px;font-weight:400;color:#999;letter-spacing:3px;
  text-transform:uppercase;margin-left:10px}

/* Шапка */
.ar-header{background:var(--ar-dark);color:#fff;padding:12px 20px;display:flex;align-items:center;
  gap:16px;flex-wrap:wrap;border-radius:6px 6px 0 0}
.ar-header select,.ar-header input{background:#3f3f3f;color:#fff;border:1px solid #4d4d4d;
  border-radius:4px;padding:7px 10px;font:inherit}
.ar-header input::placeholder{color:#999}
.ar-header .right{margin-left:auto;display:flex;align-items:center;gap:12px;color:#ccc;font-size:12px}
.ar-lang{display:flex;border:1px solid #4d4d4d;border-radius:4px;overflow:hidden}
.ar-lang button{background:#3f3f3f;color:#bbb;border:0;padding:7px 11px}
.ar-lang button.on{background:var(--ar-green);color:#fff;font-weight:700}
.ar-link{background:transparent;border:1px solid #4d4d4d;color:#ccc;border-radius:4px;padding:7px 11px}

/* Строка котировок */
.ar-quote{background:var(--ar-mid);color:#e6e6e6;padding:8px 20px;display:flex;gap:18px;
  align-items:center;flex-wrap:wrap;font-size:12px}
.ar-quote .pill{background:#3f3f3f;border:1px solid #5a5a5a;border-radius:4px;padding:4px 12px}
.ar-quote .pill b{color:#fff}
.ar-quote .sec{margin-left:auto;color:var(--ar-green);font-size:11px;text-transform:uppercase;letter-spacing:1px}

/* Заголовок секции (тёмная плашка + зелёная полоса) */
.ar-sec{background:var(--ar-dark);color:#fff;padding:9px 16px;border-left:4px solid var(--ar-green);
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:3px}

/* Бейдж скидки */
.ar-badge{display:inline-block;background:var(--ar-green);color:#fff;font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:3px}
.ar-badge.base{background:#bdbdbd}

/* Экран входа */
.ar-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.ar-card{background:var(--ar-card);border:1px solid var(--ar-border);border-radius:6px;width:460px;max-width:94vw;overflow:hidden}
.ar-card .head{background:var(--ar-dark);padding:20px 24px}
.ar-card .body{padding:22px 24px}
.ar-card h2{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--ar-text-label);margin:0 0 14px}
.ar-client{display:flex;align-items:center;gap:12px;border:1px solid var(--ar-border);border-radius:4px;
  padding:12px 14px;margin-bottom:8px;background:var(--ar-card);cursor:pointer}
.ar-client:hover{border-color:var(--ar-green)}
.ar-client .nm{font-weight:700;color:var(--ar-text-main)}
.ar-client .meta{color:var(--ar-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.ar-client .ar-badge{margin-left:auto}
.ar-note{font-size:11px;color:var(--ar-text-muted);margin-top:12px}

/* Нижняя панель итогов */
.ar-totals{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--ar-dark);
  padding:10px 20px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.ar-kpi{display:flex;flex-direction:column}
.ar-kpi .v{font-size:22px;font-weight:700;color:#fff;line-height:1.1}
.ar-kpi .l{font-size:10px;color:#999;text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.ar-kpi.sum .v{color:var(--ar-green)}
.ar-grow{flex:1}
.ar-gross{font-size:11px;color:#bbb}
.ar-btn{background:var(--ar-green);color:#fff;border:0;border-radius:4px;padding:11px 18px;font-weight:700}
.ar-btn.sec{background:transparent;border:1px solid #5a5a5a;color:#ddd;font-weight:400}

/* Футер бренд */
.ar-footer{background:var(--ar-dark);color:#777;padding:10px 20px;font-size:10px;display:flex;
  justify-content:space-between;border-radius:0 0 6px 6px}
.ar-footer .g{color:var(--ar-green)}