/* ===================================================================
   PANSARI INDUSTRIES — premium desk & login theme
   Shipped by dt_pi_integration. Pansari red + charcoal + soft gold.
   =================================================================== */
:root {
  --pi-red: #c8102e;
  --pi-red-bright: #e31e24;
  --pi-red-dark: #9c0c22;
  --pi-gold: #d4a017;
  --pi-ink: #1f2430;
  --pi-paper: #faf9f7;
}

/* ---------- top navbar ---------- */
header.navbar,
.navbar.navbar-expand {
  background: #ffffff !important;
  box-shadow: 0 1px 0 rgba(31, 36, 48, 0.07);
  position: relative;
}
header.navbar::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -3px;
  height: 3px;
  background: linear-gradient(90deg, var(--pi-red) 0%, var(--pi-red-bright) 40%, var(--pi-gold) 100%);
  pointer-events: none;
}
.navbar .navbar-brand {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.pi-wordmark {
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--pi-ink);
  font-size: 13px;
  line-height: 1.25;
  padding-left: 12px;
  border-left: 2px solid rgba(200, 16, 46, 0.35);
  white-space: nowrap;
}
.pi-wordmark .pi-sub {
  display: block;
  font-size: 8.5px;
  letter-spacing: 0.30em;
  color: #98a0ab;
  font-weight: 600;
}
@media (max-width: 991px) { .pi-wordmark .pi-sub { display: none; } }
@media (max-width: 767px) { .pi-wordmark { display: none; } }

/* ---------- primary actions ---------- */
.btn-primary,
.btn-primary:focus {
  background: linear-gradient(180deg, #d21432 0%, var(--pi-red-dark) 100%) !important;
  border-color: var(--pi-red-dark) !important;
  box-shadow: 0 2px 6px rgba(200, 16, 46, 0.25);
}
.btn-primary:hover,
.btn-primary:active {
  background: var(--pi-red-dark) !important;
  border-color: var(--pi-red-dark) !important;
}
.indicator-pill.blue, .indicator-pill.blue::before { filter: hue-rotate(0deg); }

/* checkbox / switches accent */
input[type="checkbox"]:checked {
  background-color: var(--pi-red) !important;
  border-color: var(--pi-red) !important;
}

/* links */
a:not(.btn):hover { color: var(--pi-red-dark); }

/* ---------- workspace sidebar ---------- */
.desk-sidebar .desk-sidebar-item.selected,
.sidebar-item-container .desk-sidebar-item.selected,
.standard-sidebar-item.selected {
  background: rgba(200, 16, 46, 0.07) !important;
  box-shadow: inset 3px 0 0 var(--pi-red);
  border-radius: 6px;
}
.desk-sidebar .desk-sidebar-item:hover { background: rgba(31, 36, 48, 0.045); }

/* ---------- cards / widgets: soft premium depth ---------- */
.widget.dashboard-widget-box,
.widget.shortcut-widget-box,
.widget.links-widget-box,
.page-card {
  border: 1px solid rgba(31, 36, 48, 0.08);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(31, 36, 48, 0.05);
  transition: box-shadow .15s ease;
}
.widget.shortcut-widget-box:hover,
.widget.links-widget-box:hover {
  box-shadow: 0 4px 14px rgba(31, 36, 48, 0.10);
}

/* page headings a touch more confident */
.title-text, .page-title .title-text { font-weight: 700; color: var(--pi-ink); }

/* ---------- login page (website context) ---------- */
body:has(.for-login) {
  background:
    radial-gradient(1100px 500px at 15% -10%, rgba(200,16,46,0.06), transparent 60%),
    radial-gradient(900px 480px at 110% 110%, rgba(212,160,23,0.07), transparent 55%),
    var(--pi-paper);
}
.for-login .page-card {
  border: 1px solid rgba(31, 36, 48, 0.08);
  border-radius: 16px;
  box-shadow: 0 18px 50px rgba(31, 36, 48, 0.12);
  background: #fff;
}
.for-login .page-card-head h4,
.for-login .page-card-head .lead {
  font-weight: 700;
  letter-spacing: 0.06em;
  color: var(--pi-ink);
}
.for-login .btn-primary,
.for-login .btn-login {
  background: linear-gradient(180deg, #d21432 0%, var(--pi-red-dark) 100%) !important;
  border-color: var(--pi-red-dark) !important;
  font-weight: 600;
  letter-spacing: 0.04em;
}
/* website navbar (login page top-left brand) */
.web-header, .navbar-light { background: #fff; }