/*
 * Nobat Yar admin discovery layer
 * Intentional color, hierarchy and command-search styles.
 */
.np-portal[data-np-section]{
  --np-section-color:#2563eb;
  --np-section-soft:#eaf2ff;
  --np-section-ink:#173b78;
  --np-section-shadow:rgba(37,99,235,.16);
  --np-card-accent:var(--np-section-color);
  background:
    radial-gradient(circle at 8% -12%,var(--np-section-soft) 0,transparent 29rem),
    #f4f7fb!important;
}
.np-portal[data-np-section="dashboard"]{--np-section-color:#2563eb;--np-section-soft:#eaf2ff;--np-section-ink:#173b78;--np-section-shadow:rgba(37,99,235,.16)}
.np-portal[data-np-section="setup"]{--np-section-color:#7c3aed;--np-section-soft:#f3edff;--np-section-ink:#4c1d95;--np-section-shadow:rgba(124,58,237,.16)}
.np-portal[data-np-section="appointments"]{--np-section-color:#4f46e5;--np-section-soft:#eef0ff;--np-section-ink:#312e81;--np-section-shadow:rgba(79,70,229,.16)}
.np-portal[data-np-section="payments"],
.np-portal[data-np-section="payment"]{--np-section-color:#c77706;--np-section-soft:#fff7df;--np-section-ink:#7a4300;--np-section-shadow:rgba(199,119,6,.17)}
.np-portal[data-np-section="schedule"]{--np-section-color:#0f8b7b;--np-section-soft:#e2f8f3;--np-section-ink:#075f56;--np-section-shadow:rgba(15,139,123,.16)}
.np-portal[data-np-section="patients"]{--np-section-color:#0879b9;--np-section-soft:#e8f7ff;--np-section-ink:#075a8f;--np-section-shadow:rgba(8,121,185,.16)}
.np-portal[data-np-section="search"]{--np-section-color:#0369a1;--np-section-soft:#e6f6ff;--np-section-ink:#075985;--np-section-shadow:rgba(3,105,161,.15)}
.np-portal[data-np-section="notifications"]{--np-section-color:#7c3aed;--np-section-soft:#f4efff;--np-section-ink:#5b21b6;--np-section-shadow:rgba(124,58,237,.15)}
.np-portal[data-np-section="sms"]{--np-section-color:#0d7490;--np-section-soft:#e6f9fd;--np-section-ink:#155e75;--np-section-shadow:rgba(13,116,144,.15)}
.np-portal[data-np-section="appearance"]{--np-section-color:#be397a;--np-section-soft:#fff0f7;--np-section-ink:#8a174f;--np-section-shadow:rgba(190,57,122,.15)}
.np-portal[data-np-section="security"]{--np-section-color:#c2413a;--np-section-soft:#fff0ee;--np-section-ink:#8c211b;--np-section-shadow:rgba(194,65,58,.16)}
.np-portal[data-np-section="tools"]{--np-section-color:#495b9e;--np-section-soft:#eef0ff;--np-section-ink:#303d74;--np-section-shadow:rgba(73,91,158,.16)}
.np-portal[data-np-section="logs"]{--np-section-color:#475569;--np-section-soft:#eff3f7;--np-section-ink:#334155;--np-section-shadow:rgba(71,85,105,.15)}
.np-portal[data-np-section="health"]{--np-section-color:#168654;--np-section-soft:#e9f9ef;--np-section-ink:#126b44;--np-section-shadow:rgba(22,134,84,.16)}

.np-portal-sidebar{
  background:
    radial-gradient(circle at 82% 3%,rgba(83,169,255,.2),transparent 28%),
    radial-gradient(circle at 0 77%,rgba(45,212,191,.15),transparent 34%),
    linear-gradient(180deg,#13283a 0%,#123e4b 54%,#18334b 100%)!important;
}
.np-portal-brand{border-bottom-color:rgba(255,255,255,.12)!important}
.np-portal-nav-group-toggle{
  position:relative;
  color:rgba(229,242,255,.7)!important;
  letter-spacing:.02em;
}
.np-portal-nav-group-toggle::before{
  content:"";
  width:6px;height:6px;border-radius:99px;
  margin-inline-end:8px;
  background:#7dd3fc;
  box-shadow:0 0 0 4px rgba(125,211,252,.12);
}
.np-portal-nav-group[data-np-nav-key="group-1"] .np-portal-nav-group-toggle::before{background:#c4b5fd;box-shadow:0 0 0 4px rgba(196,181,253,.12)}
.np-portal-nav-group[data-np-nav-key="group-2"] .np-portal-nav-group-toggle::before{background:#fcd34d;box-shadow:0 0 0 4px rgba(252,211,77,.12)}

.np-portal-nav-item[data-np-tone]{position:relative;border:1px solid transparent}
.np-portal-nav-item[data-np-tone] .np-portal-nav-icon{
  display:grid;place-items:center;
  width:29px;height:29px;border-radius:10px;
  background:rgba(255,255,255,.055);
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.np-portal-nav-item[data-np-tone] .np-portal-nav-icon svg{width:16px;height:16px}
.np-portal-nav-item[data-np-tone="blue"]{--np-nav-color:#93c5fd;--np-nav-soft:rgba(96,165,250,.18)}
.np-portal-nav-item[data-np-tone="violet"]{--np-nav-color:#c4b5fd;--np-nav-soft:rgba(167,139,250,.18)}
.np-portal-nav-item[data-np-tone="teal"]{--np-nav-color:#5eead4;--np-nav-soft:rgba(45,212,191,.18)}
.np-portal-nav-item[data-np-tone="sky"]{--np-nav-color:#7dd3fc;--np-nav-soft:rgba(56,189,248,.18)}
.np-portal-nav-item[data-np-tone="amber"]{--np-nav-color:#fcd34d;--np-nav-soft:rgba(251,191,36,.18)}
.np-portal-nav-item[data-np-tone="rose"]{--np-nav-color:#fda4af;--np-nav-soft:rgba(251,113,133,.18)}
.np-portal-nav-item[data-np-tone="indigo"]{--np-nav-color:#a5b4fc;--np-nav-soft:rgba(129,140,248,.18)}
.np-portal-nav-item[data-np-tone="slate"]{--np-nav-color:#cbd5e1;--np-nav-soft:rgba(148,163,184,.18)}
.np-portal-nav-item[data-np-tone="green"]{--np-nav-color:#86efac;--np-nav-soft:rgba(74,222,128,.18)}
.np-portal-nav-item[data-np-tone] .np-portal-nav-icon{color:var(--np-nav-color)}
.np-portal-nav-item[data-np-tone]:hover .np-portal-nav-icon,
.np-portal-nav-item.is-active[data-np-tone] .np-portal-nav-icon{background:var(--np-nav-soft);transform:scale(1.05)}
.np-portal-nav-item.is-active[data-np-tone]{
  background:linear-gradient(90deg,var(--np-nav-soft),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.05)!important;
  box-shadow:inset -3px 0 0 var(--np-nav-color)!important;
}
.np-portal-nav-item.is-active[data-np-tone]::after{
  content:"";position:absolute;left:11px;width:5px;height:5px;border-radius:99px;background:var(--np-nav-color);
  box-shadow:0 0 0 4px var(--np-nav-soft);
}

.np-portal-content{
  background:
    linear-gradient(180deg,rgba(255,255,255,.72),rgba(247,250,252,.88)),
    radial-gradient(circle at 96% 0,var(--np-section-soft),transparent 27rem)!important;
}
.np-portal-topbar{
  border-bottom-color:color-mix(in srgb,var(--np-section-color) 14%,#dbe6e8)!important;
  box-shadow:0 6px 24px rgba(31,57,76,.035);
}
.np-portal-context small{color:var(--np-section-color)!important;font-weight:850}
.np-portal-content .np-admin-header,
.np-portal-content .np-dashboard-welcome{
  position:relative;overflow:hidden;
  border-top:4px solid var(--np-section-color)!important;
  box-shadow:0 17px 42px var(--np-section-shadow)!important;
  background:
    radial-gradient(circle at 6% 20%,var(--np-section-soft),transparent 20rem),
    linear-gradient(135deg,#fff,#fbfdff)!important;
}
.np-portal-content .np-admin-header::after,
.np-portal-content .np-dashboard-welcome::after{
  content:"";position:absolute;inset-inline-end:-42px;bottom:-58px;width:184px;height:184px;border-radius:50%;
  background:var(--np-section-soft);opacity:.86;pointer-events:none;
}
.np-portal-content .np-admin-header>*,
.np-portal-content .np-dashboard-welcome>*{position:relative;z-index:1}
.np-portal-content .np-eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  color:var(--np-section-ink)!important;
  background:var(--np-section-soft);
  border:1px solid color-mix(in srgb,var(--np-section-color) 20%,transparent);
  border-radius:999px;padding:4px 9px;
  font-weight:850!important;
}
.np-portal-content .np-card-heading h2,
.np-portal-content .np-admin-header h1,
.np-portal-content .np-dashboard-welcome h1{color:var(--np-section-ink)!important}
.np-portal-content .np-admin-card{
  --np-card-accent:var(--np-section-color);
  position:relative;overflow:hidden;
  border-top:3px solid var(--np-card-accent)!important;
  box-shadow:0 12px 31px rgba(29,54,73,.065)!important;
  background:linear-gradient(145deg,#fff,#fcfeff)!important;
}
.np-portal-content .np-admin-card:hover{box-shadow:0 17px 36px rgba(29,54,73,.09)!important}
.np-portal-content .np-admin-card .np-card-heading{position:relative}
.np-portal-content .np-admin-card .np-card-heading::after{
  content:"";position:absolute;inset-inline-start:0;bottom:-7px;width:38px;height:3px;border-radius:99px;background:var(--np-card-accent);
}
.np-portal-content .np-page-tabs [data-np-tab-target].is-active,
.np-portal-content .np-page-tabs button.is-active{
  color:#fff!important;background:var(--np-section-color)!important;border-color:var(--np-section-color)!important;
  box-shadow:0 8px 18px var(--np-section-shadow);
}
.np-portal-content :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid color-mix(in srgb,var(--np-section-color) 45%,transparent)!important;
  outline-offset:2px;
}

/* Dashboard: cards communicate a type at a glance, rather than repeating one tint. */
.np-dashboard-kpis .np-kpi-card{position:relative;overflow:hidden;border-inline-start:4px solid var(--np-kpi-tone)!important;background:linear-gradient(135deg,#fff,var(--np-kpi-soft))!important}
.np-dashboard-kpis .np-kpi-card:nth-child(5n+1){--np-kpi-tone:#2563eb;--np-kpi-soft:#edf4ff}
.np-dashboard-kpis .np-kpi-card:nth-child(5n+2){--np-kpi-tone:#15803d;--np-kpi-soft:#ecfdf3}
.np-dashboard-kpis .np-kpi-card:nth-child(5n+3){--np-kpi-tone:#c77706;--np-kpi-soft:#fff8e8}
.np-dashboard-kpis .np-kpi-card:nth-child(5n+4){--np-kpi-tone:#c2413a;--np-kpi-soft:#fff1ef}
.np-dashboard-kpis .np-kpi-card:nth-child(5n+5){--np-kpi-tone:#0879b9;--np-kpi-soft:#eaf8ff}
.np-dashboard-kpis .np-kpi-card .np-kpi-icon{background:var(--np-kpi-tone)!important;color:#fff!important;box-shadow:0 9px 18px color-mix(in srgb,var(--np-kpi-tone) 26%,transparent)}
.np-dashboard-main-grid>.np-admin-card{--np-card-accent:#2563eb}
.np-dashboard-side-stack>.np-admin-card:nth-child(1){--np-card-accent:#7c3aed}
.np-dashboard-side-stack>.np-admin-card:nth-child(2){--np-card-accent:#0f8b7b}
.np-dashboard-lower-grid>.np-admin-card:nth-child(1){--np-card-accent:#0879b9}
.np-dashboard-lower-grid>.np-admin-card:nth-child(2){--np-card-accent:#c77706}
.np-dashboard-quick-grid>a:nth-child(4n+1){--np-quick-tone:#2563eb;--np-quick-soft:#edf4ff}
.np-dashboard-quick-grid>a:nth-child(4n+2){--np-quick-tone:#0879b9;--np-quick-soft:#eaf8ff}
.np-dashboard-quick-grid>a:nth-child(4n+3){--np-quick-tone:#0f8b7b;--np-quick-soft:#e8faf5}
.np-dashboard-quick-grid>a:nth-child(4n+4){--np-quick-tone:#c77706;--np-quick-soft:#fff8e8}
.np-dashboard-quick-grid>a{background:linear-gradient(135deg,#fff,var(--np-quick-soft))!important;border-inline-start:3px solid var(--np-quick-tone)!important}
.np-dashboard-quick-grid>a>span{background:var(--np-quick-tone)!important;color:#fff!important}

/* Search pages also receive varied result groups. */
.np-search-result-grid>.np-admin-card:nth-child(5n+1){--np-card-accent:#0879b9}
.np-search-result-grid>.np-admin-card:nth-child(5n+2){--np-card-accent:#4f46e5}
.np-search-result-grid>.np-admin-card:nth-child(5n+3){--np-card-accent:#c77706}
.np-search-result-grid>.np-admin-card:nth-child(5n+4){--np-card-accent:#0f8b7b}
.np-search-result-grid>.np-admin-card:nth-child(5n+5){--np-card-accent:#7c3aed}

/* Command search */
.np-global-search-shell{position:relative;width:min(42vw,520px);z-index:90}
.np-global-search{
  display:flex!important;width:100%!important;max-width:none!important;
  min-height:46px;border:1px solid #dbe5ec!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 6px 18px rgba(30,57,78,.05);overflow:visible!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.np-global-search-shell.is-open .np-global-search,
.np-global-search:focus-within{
  border-color:var(--np-section-color)!important;
  box-shadow:0 12px 30px var(--np-section-shadow)!important;
  transform:translateY(-1px);
}
.np-global-search-icon{display:grid;place-items:center;width:42px;color:var(--np-section-color)}
.np-global-search-icon svg{width:19px;height:19px}
.np-global-search input{height:44px!important;font-size:12px!important}
.np-command-shortcut{
  display:inline-flex;align-items:center;height:24px;margin-inline:3px 7px;padding:0 7px;
  border:1px solid #dde6ed;border-radius:7px;background:#f7fafc;color:#6b7d89;font-size:9px;white-space:nowrap;
}
.np-global-search button{
  width:auto!important;min-width:42px;height:44px!important;padding:0 10px!important;
  border-radius:12px!important;background:transparent!important;color:var(--np-section-color)!important;font-size:18px!important;
}
.np-command-palette{
  position:absolute;inset-inline-start:0;top:calc(100% + 10px);width:100%;
  max-height:min(62vh,510px);overflow:auto;border:1px solid #dbe6ee;border-radius:18px;
  background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(17,45,68,.2);padding:8px;backdrop-filter:blur(14px);
}
.np-command-palette-head{padding:7px 9px 8px;color:#6f808c;font-size:10px;font-weight:800}
.np-command-result{
  display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:12px;color:#213342!important;text-decoration:none!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.np-command-result:hover,.np-command-result.is-active{
  background:var(--np-result-soft,#edf4ff);border-color:var(--np-result-border,#cfe0ff);transform:translateX(-1px);
}
.np-command-result-mark{width:10px;height:36px;border-radius:7px;background:var(--np-result-color,#2563eb);box-shadow:0 4px 10px var(--np-result-shadow,rgba(37,99,235,.18))}
.np-command-result-copy{min-width:0;flex:1}
.np-command-result-copy strong,.np-command-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.np-command-result-copy strong{font-size:12px;color:#1d3244}
.np-command-result-copy small{margin-top:3px;color:#6e7f8b;font-size:10px}
.np-command-result-category{padding:4px 7px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:9px;font-weight:800;white-space:nowrap}
.np-command-empty{padding:18px 12px;color:#64748b;font-size:11px;text-align:center}
.np-command-result[data-np-tone="blue"]{--np-result-color:#2563eb;--np-result-soft:#edf4ff;--np-result-border:#cfe0ff;--np-result-shadow:rgba(37,99,235,.18)}
.np-command-result[data-np-tone="violet"]{--np-result-color:#7c3aed;--np-result-soft:#f4efff;--np-result-border:#dfd0ff;--np-result-shadow:rgba(124,58,237,.16)}
.np-command-result[data-np-tone="teal"]{--np-result-color:#0f8b7b;--np-result-soft:#e7faf5;--np-result-border:#bfeee2;--np-result-shadow:rgba(15,139,123,.16)}
.np-command-result[data-np-tone="sky"]{--np-result-color:#0879b9;--np-result-soft:#eaf8ff;--np-result-border:#c7eaff;--np-result-shadow:rgba(8,121,185,.15)}
.np-command-result[data-np-tone="amber"]{--np-result-color:#c77706;--np-result-soft:#fff8e8;--np-result-border:#f7dfad;--np-result-shadow:rgba(199,119,6,.16)}
.np-command-result[data-np-tone="rose"]{--np-result-color:#be397a;--np-result-soft:#fff0f7;--np-result-border:#ffd1e5;--np-result-shadow:rgba(190,57,122,.15)}
.np-command-result[data-np-tone="indigo"]{--np-result-color:#495b9e;--np-result-soft:#eef0ff;--np-result-border:#d7dcff;--np-result-shadow:rgba(73,91,158,.15)}
.np-command-result[data-np-tone="slate"]{--np-result-color:#475569;--np-result-soft:#f1f5f9;--np-result-border:#d9e1ea;--np-result-shadow:rgba(71,85,105,.14)}
.np-command-result[data-np-tone="green"]{--np-result-color:#168654;--np-result-soft:#e9f9ef;--np-result-border:#c5efd4;--np-result-shadow:rgba(22,134,84,.15)}

@media(max-width:1100px){
  .np-global-search-shell{width:min(39vw,420px)}
  .np-command-shortcut{display:none}
}
@media(max-width:820px){
  .np-portal-topbar-start{width:100%;flex-wrap:wrap}
  .np-global-search-shell{order:3;width:100%}
  .np-global-search{width:100%!important}
  .np-command-palette{max-height:50vh}
}
@media(max-width:560px){
  .np-portal-content .np-admin-header,
  .np-portal-content .np-dashboard-welcome{border-top-width:3px!important}
  .np-global-search input{font-size:11px!important}
  .np-command-result-category{display:none}
}