/* WorldPCI Business Solutions: soft, accessible module palette. Loaded on Desk (ERPNext/Helpdesk shells) and web pages.
   Upgrade-safe: only additive rules and CSS variables; no core files are modified. */
:root {
  --wpci-blue: #DCEBFA;   --wpci-blue-ink: #1F5FA8;
  --wpci-teal: #D5EEE8;   --wpci-teal-ink: #1B6B5E;
  --wpci-green: #DDEEDB;  --wpci-green-ink: #2F6B33;
  --wpci-amber: #F8E9CB;  --wpci-amber-ink: #8A5A00;
  --wpci-lavender: #E9DFF7; --wpci-lavender-ink: #5B3EA3;
  --wpci-peach: #F8E2D8;  --wpci-peach-ink: #9A4A24;
  --wpci-violet: #E7DDF6; --wpci-violet-ink: #5B3EA3;
  --wpci-sky: #DDEFFA;    --wpci-sky-ink: #1E6A94;
  --wpci-slate: #E5EAF0;  --wpci-slate-ink: #3B4754;
  --wpci-ink: #1F2933;
}

/* ---- logo: larger, never distorted or recoloured ---- */
.navbar-brand img, .navbar .app-logo, .navbar-home img, header.navbar img.app-logo {
  height: 40px !important; max-height: 40px !important; width: auto !important; object-fit: contain;
}
.page-card-head img.app-logo, .login-content img.app-logo, .for-login img.app-logo {
  height: 84px !important; max-height: 84px !important; width: auto !important; object-fit: contain;
}
.sidebar-header img, .desk-sidebar .sidebar-header img, .body-sidebar img.app-logo {
  max-height: 44px; width: auto; object-fit: contain;
}

/* ---- dashboard widgets: soft coloured tops, calmer spacing ---- */
.widget.number-widget-box, .number-widget-box {
  border-radius: 10px; border: 1px solid var(--wpci-slate); border-top-width: 4px;
  background: #fff; box-shadow: none; transition: box-shadow .15s ease;
}
.number-widget-box:hover { box-shadow: 0 2px 10px rgba(31, 41, 51, 0.08); }
.widget-group .widget:nth-child(4n+1).number-widget-box { border-top-color: #9CC3EE; background: linear-gradient(#fff, #F7FAFE); }
.widget-group .widget:nth-child(4n+2).number-widget-box { border-top-color: #92D3C4; background: linear-gradient(#fff, #F6FBF9); }
.widget-group .widget:nth-child(4n+3).number-widget-box { border-top-color: #A9D3A5; background: linear-gradient(#fff, #F7FBF6); }
.widget-group .widget:nth-child(4n).number-widget-box   { border-top-color: #E7C37A; background: linear-gradient(#fff, #FDFAF2); }
.widget.dashboard-widget-box, .dashboard-widget-box {
  border-radius: 10px; border: 1px solid var(--wpci-slate); box-shadow: none; padding-bottom: 8px;
}
.dashboard-widget-box .chart-container, .dashboard-widget-box .frappe-chart { padding: 6px 10px 2px; }
.dashboard-widget-box .widget-title, .number-widget-box .widget-title { font-weight: 600; color: var(--wpci-ink); }

/* ---- WorldPCI custom pages (AI Agent Center, Call Center, Guided Demo) ---- */
.wpci-banner { border-radius: 8px; padding: 10px 14px; margin: 4px 0 14px; font-weight: 500; border: 1px solid transparent; }
.wpci-banner-sim { background: var(--wpci-amber); color: var(--wpci-amber-ink); border-color: #EBD3A0; }
.wpci-banner-live { background: var(--wpci-green); color: var(--wpci-green-ink); border-color: #BFDDBB; }
.wpci-banner-off { background: var(--wpci-slate); color: var(--wpci-slate-ink); border-color: #CBD3DC; }
.wpci-card { background: #fff; border: 1px solid var(--wpci-slate); border-radius: 10px; padding: 14px 16px; margin-bottom: 14px; }
.wpci-card h5 { margin: 0 0 8px; color: var(--wpci-ink); }
.wpci-pill { display: inline-block; font-size: 11px; font-weight: 700; letter-spacing: .04em; padding: 2px 8px; border-radius: 999px; }
.wpci-pill-sim { background: var(--wpci-amber); color: var(--wpci-amber-ink); }
.wpci-pill-live { background: var(--wpci-green); color: var(--wpci-green-ink); }
.wpci-pre { white-space: pre-wrap; background: #F7F9FB; border: 1px solid var(--wpci-slate); border-radius: 8px; padding: 10px 12px; margin-top: 8px; color: var(--wpci-ink); }
.wpci-steps { padding-left: 20px; }
.wpci-steps li { padding: 8px 0; border-bottom: 1px solid var(--wpci-slate); }
.wpci-steps li:last-child { border-bottom: 0; }
:focus-visible { outline: 2px solid #1F5FA8; outline-offset: 2px; }
@media (max-width: 768px) {
  .navbar-brand img, .navbar .app-logo { height: 32px !important; max-height: 32px !important; }
  .wpci-card { padding: 10px 12px; }
}

/* ---------- Desk pages displayed inside the CRM shell (iframe) ---------- */
html.wpci-embedded { --navbar-height: 0px; }
html.wpci-embedded .navbar, html.wpci-embedded header.navbar, html.wpci-embedded .body-sidebar-container,
html.wpci-embedded .layout-side-section, html.wpci-embedded .desk-sidebar { display: none !important; }
html.wpci-embedded body { padding-top: 0 !important; }
html.wpci-embedded #wpci-back { display: none !important; }