/* ─── Uakari Skin — Ember Ledger ─────────────────────────────────────────── */
@import url('./fonts/inter/inter.css');

body.skin-uakari {
  font-family: 'Inter', system-ui, sans-serif;
  background: #170900;
  color: #FFFFFF;

  --bg-base:    #170900;
  --bg-surface: #1F0E00;
  --bg-raised:  #261300;
  --bg-hover:   #2C1800;
  --border:     rgba(44,24,0,.9);
  --border-md:  #2C1800;
  --text-1:     #FFFFFF;
  --text-2:     rgba(255,255,255,.65);
  --text-3:     rgba(255,255,255,.4);
  --accent:        #E85E18;
  --accent-dim:    rgba(232,94,24,.15);
  --accent-border: rgba(232,94,24,.4);
  --green:      #10b981;
  --green-dim:  rgba(16,185,129,.15);
  --red:        #E24C3B;
  --red-dim:    rgba(226,76,59,.18);
  --red-border: rgba(226,76,59,.4);
  --yellow:     #F7B58E;
  --cyan:       #E85E18;
  --radius-sm:  4px;
  --radius-md:  6px;
  --radius-lg:  8px;
}

/* ─── KPI grid cards ─────────────────────────────────────────────────────── */
body.skin-uakari .ck.full {
  background: rgba(232,94,24,.12);
  border-color: rgba(232,94,24,.4);
}
body.skin-uakari .ck.t { background: rgba(232,94,24,.07);  border-color: rgba(232,94,24,.3); }
body.skin-uakari .ck.b { background: rgba(247,181,142,.07); border-color: rgba(247,181,142,.3); }
body.skin-uakari .ck.r { background: rgba(226,76,59,.07);   border-color: rgba(226,76,59,.3); }
body.skin-uakari .ck-l { color: #E85E18; }

/* ─── Sidebar brand mark ─────────────────────────────────────────────────── */
body.skin-uakari .sidebar-brand-mark {
  color: #E85E18;
}

/* ─── Sidebar avatar ─────────────────────────────────────────────────────── */
body.skin-uakari .sidebar-avatar {
  background: rgba(232,94,24,.15);
  border-color: rgba(232,94,24,.35);
  color: #E85E18;
}

/* ─── Topbar badge ───────────────────────────────────────────────────────── */
body.skin-uakari .topbar-badge {
  background: rgba(232,94,24,.15);
  border-color: rgba(232,94,24,.3);
  color: #E85E18;
}
body.skin-uakari .topbar-badge.is-offline {
  background: rgba(226,76,59,.12);
  border-color: rgba(226,76,59,.3);
  color: #E24C3B;
}

/* ─── Buttons ────────────────────────────────────────────────────────────── */
body.skin-uakari .btn-primary {
  background: #E85E18;
}
body.skin-uakari .btn-primary:hover {
  background: #CC4E10;
}

/* ─── Input focus ────────────────────────────────────────────────────────── */
body.skin-uakari .form-group input:focus {
  border-color: #E85E18;
  box-shadow: 0 0 0 3px rgba(232,94,24,.2);
}

/* ─── Login page gradient ────────────────────────────────────────────────── */
body.skin-uakari .login-page {
  background-image:
    radial-gradient(ellipse 80% 60% at 50% -10%, rgba(232,94,24,.22) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%,  rgba(226,76,59,.1)   0%, transparent 50%);
}

/* ─── Skin switcher active highlight ─────────────────────────────────────── */
body.skin-uakari .skin-btn.active {
  background: rgba(232,94,24,.2);
  border-color: rgba(232,94,24,.5);
  color: #E85E18;
}

/* ─── Charts grid lines ──────────────────────────────────────────────────── */
body.skin-uakari .ck-grid .ck { border-color: #2C1800; }

/* ─── uk-card component ──────────────────────────────────────────────────── */
body.skin-uakari .uk-card-header {
  color: rgba(255,255,255,.4);
  border-bottom-color: #2C1800;
}

/* ─── Table / list rows hover ────────────────────────────────────────────── */
body.skin-uakari tr:hover td,
body.skin-uakari .list-row:hover {
  background: #261300;
}

/* ─── Autofill override (prevents white bg that hides icons) ────────────── */
body.skin-uakari input:-webkit-autofill,
body.skin-uakari input:-webkit-autofill:hover,
body.skin-uakari input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #261300 inset !important;
  -webkit-text-fill-color: #FFFFFF !important;
  caret-color: #FFFFFF;
}

/* ─── Scrollbar ──────────────────────────────────────────────────────────── */
body.skin-uakari ::-webkit-scrollbar-thumb { background: #2C1800; }
body.skin-uakari ::-webkit-scrollbar-thumb:hover { background: #381E00; }