/* SIP-BOOKS v2 */
:root{
  --sip-primary:#1f4bd8;
  --sip-accent:#2d9cff;
  --sip-dark:#0b1b4a;
}
body{
  background: radial-gradient(circle at top, rgba(31,75,216,.15), rgba(11,27,74,.02) 45%), #f6f8fc;
}
.card{ box-shadow: 0 10px 24px rgba(15,23,42,.08); }
.rounded-4{ border-radius: 1rem !important; }
.navbar-sip{ background: linear-gradient(90deg,var(--sip-primary),var(--sip-accent)); }
.badge-soft{
  background: rgba(45,156,255,.12);
  border: 1px solid rgba(45,156,255,.25);
  color: var(--sip-primary);
}
.btn-sip{
  background: linear-gradient(90deg,var(--sip-primary),var(--sip-accent));
  border: 0; color: #fff;
}
.btn-sip:hover{ filter: brightness(.98); color:#fff; }
.small-muted{ color: rgba(255,255,255,.75); }


/* === Premium UI (v2.7) === */
:root{
  --sip-primary: #1f4bd8;
  --sip-primary-2:#2f7df6;
  --sip-bg:#0b1b4a;
  --sip-card:#ffffff;
  --sip-muted:#6c7a93;
  --sip-radius: 1.25rem;
  --sip-shadow: 0 18px 50px rgba(15, 23, 42, .14);
  --sip-shadow-soft: 0 10px 28px rgba(15, 23, 42, .10);
}

*{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body{
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#0f172a;
}

.bg-sip{
  background: radial-gradient(circle at top, rgba(31,75,216,.22), rgba(11,27,74,.02) 55%), var(--sip-bg);
}

.card{
  border-radius: var(--sip-radius) !important;
  box-shadow: var(--sip-shadow-soft);
}

.card.glass{
  background: rgba(255,255,255,.82);
  backdrop-filter: blur(10px);
  box-shadow: var(--sip-shadow);
}

.navbar{
  backdrop-filter: blur(10px);
}

.navbar-sip{
  background: linear-gradient(90deg, rgba(31,75,216,.98), rgba(47,125,246,.98));
  box-shadow: 0 10px 30px rgba(31,75,216,.25);
}

.navbar-sip .nav-link,
.navbar-sip .navbar-brand{
  color: rgba(255,255,255,.92) !important;
}

.navbar-sip .nav-link:hover{
  color:#fff !important;
  transform: translateY(-1px);
}

.badge-soft{
  background: rgba(31,75,216,.10);
  color: var(--sip-primary);
  border: 1px solid rgba(31,75,216,.18);
  border-radius: 999px;
  padding: .35rem .6rem;
}

.badge-stock{
  background: rgba(16,185,129,.12);
  color: #047857;
  border: 1px solid rgba(16,185,129,.20);
  border-radius: 999px;
  padding: .35rem .6rem;
  font-weight: 600;
}

.btn-sip{
  background: linear-gradient(90deg, var(--sip-primary), var(--sip-primary-2));
  border: none;
  color:#fff;
  box-shadow: 0 12px 22px rgba(31,75,216,.22);
}
.btn-sip:hover{ filter: brightness(1.02); transform: translateY(-1px); color:#fff; }
.btn-sip:active{ transform: translateY(0px); }

.table thead th{
  font-weight: 700;
  color:#0f172a;
}
.table tbody tr:hover{
  background: rgba(31,75,216,.03);
}

.form-control, .form-select{
  border-radius: .85rem;
  border-color: rgba(148,163,184,.45);
}
.form-control:focus, .form-select:focus{
  border-color: rgba(31,75,216,.55);
  box-shadow: 0 0 0 .25rem rgba(31,75,216,.14);
}

.kpi{
  border-radius: var(--sip-radius);
  background: linear-gradient(180deg, rgba(255,255,255,1), rgba(255,255,255,.92));
  box-shadow: var(--sip-shadow-soft);
  border: 1px solid rgba(148,163,184,.25);
}
.kpi .kpi-title{ color: rgba(255,255,255,.85); }

.kpi-tile{
  border-radius: 1.1rem;
  background: rgba(255,255,255,.14);
  border: 1px solid rgba(255,255,255,.18);
  color:#fff;
}

.page-wrap{
  padding-top: 96px;
  padding-bottom: 32px;
}

.section-title{
  font-weight: 800;
  letter-spacing: -.02em;
}

.hr-soft{ border-top: 1px solid rgba(148,163,184,.28); }


/* ===== Navbar spacing fix v2.7.3 ===== */
:root{
  --sip-navbar-height: 72px;
}

.navbar-sip{
  min-height: var(--sip-navbar-height);
}

.page-wrap{
  padding-top: calc(var(--sip-navbar-height) + 24px) !important;
}