/* Auto-generated by scripts/css_mechanical_split.py
   Source: crm-ui_part_01.css
   Part 1/2 - load order critical.
   Do not reorder or merge without re-running the splitter. */

/* Auto-generated by scripts/css_mechanical_split.py
   Source: crm-ui.css
   Part 1/2 - load order critical.
   Do not reorder or merge without re-running the splitter. */

:root{
  --crm-text:#e8eefc;
  --crm-text-soft:#cbd5e1;
  --crm-text-faint:#94a3b8;

  --crm-surface:rgba(7,12,24,.58);
  --crm-surface-soft:rgba(9,16,30,.46);
  --crm-surface-muted:rgba(15,23,42,.34);

  --crm-border:rgba(255,255,255,.10);
  --crm-border-strong:rgba(255,255,255,.16);

  --crm-shadow-sm:0 1px 2px rgba(2,6,23,.26);
  --crm-shadow-md:0 16px 36px rgba(2,6,23,.30);

  --crm-primary:#3b82f6;
  --crm-primary-hover:#2563eb;

  --crm-danger:#f87171;
  --crm-danger-bg:rgba(248,113,113,.14);
  --crm-info:#22d3ee;
  --crm-info-bg:rgba(34,211,238,.12);
  --crm-success:#4ade80;
  --crm-success-bg:rgba(74,222,128,.12);

  --crm-blur:saturate(165%) blur(18px);

  --crm-glow-1:rgba(56,189,248,.16);
  --crm-glow-2:rgba(59,130,246,.14);
  --crm-glow-3:rgba(16,185,129,.12);

  /* semantic aliases */
  --text-1:var(--crm-text);
  --text-2:var(--crm-text-soft);
  --text-3:var(--crm-text-faint);

  --surface-1:var(--crm-surface);
  --surface-2:var(--crm-surface-soft);
  --surface-3:var(--crm-surface-muted);

  --border-1:var(--crm-border);
  --border-2:var(--crm-border-strong);

  --shadow-1:var(--crm-shadow-sm);
  --shadow-2:var(--crm-shadow-md);

  --accent:var(--crm-primary);
  --accent-hover:var(--crm-primary-hover);
  --accent-contrast:#ffffff;

  --danger:var(--crm-danger);
  --danger-bg:var(--crm-danger-bg);
  --info:var(--crm-info);
  --info-bg:var(--crm-info-bg);
  --success:var(--crm-success);
  --success-bg:var(--crm-success-bg);
}

/* ===== PRESET SCURI ===== */

html[data-preset="dark-default"],
body[data-preset="dark-default"]{
  --crm-surface:rgba(7,12,24,.60);
  --crm-surface-soft:rgba(9,16,30,.48);
  --crm-surface-muted:rgba(15,23,42,.34);
}

html[data-preset="emerald-glow"],
body[data-preset="emerald-glow"]{
  --crm-surface:rgba(5,20,18,.58);
  --crm-surface-soft:rgba(7,24,20,.46);
  --crm-surface-muted:rgba(8,30,24,.34);
  --crm-border:rgba(110,231,183,.12);
  --crm-primary:#10b981;
  --crm-primary-hover:#059669;
  --crm-glow-1:rgba(16,185,129,.18);
  --crm-glow-2:rgba(34,197,94,.14);
  --crm-glow-3:rgba(20,184,166,.12);
}

html[data-preset="blue-night"],
body[data-preset="blue-night"]{
  --crm-surface:rgba(7,16,34,.60);
  --crm-surface-soft:rgba(8,18,42,.48);
  --crm-surface-muted:rgba(10,24,52,.34);
  --crm-border:rgba(96,165,250,.12);
  --crm-primary:#3b82f6;
  --crm-primary-hover:#2563eb;
  --crm-glow-1:rgba(59,130,246,.20);
  --crm-glow-2:rgba(14,165,233,.16);
  --crm-glow-3:rgba(99,102,241,.12);
}

html[data-preset="purple-nebula"],
body[data-preset="purple-nebula"]{
  --crm-surface:rgba(26,10,38,.60);
  --crm-surface-soft:rgba(30,12,44,.48);
  --crm-surface-muted:rgba(44,16,60,.34);
  --crm-border:rgba(196,181,253,.12);
  --crm-primary:#8b5cf6;
  --crm-primary-hover:#7c3aed;
  --crm-glow-1:rgba(168,85,247,.20);
  --crm-glow-2:rgba(217,70,239,.16);
  --crm-glow-3:rgba(99,102,241,.12);
}

html[data-preset="slate-minimal"],
body[data-preset="slate-minimal"]{
  --crm-surface:rgba(2,6,23,.64);
  --crm-surface-soft:rgba(6,10,18,.52);
  --crm-surface-muted:rgba(15,23,42,.36);
  --crm-border:rgba(148,163,184,.12);
  --crm-primary:#475569;
  --crm-primary-hover:#334155;
  --crm-glow-1:rgba(51,65,85,.16);
  --crm-glow-2:rgba(71,85,105,.12);
  --crm-glow-3:rgba(100,116,139,.10);
}

/* ===== LIGHT SOFT ===== */

html[data-preset="light"],
body[data-preset="light"]{
  --crm-text:#0f172a;
  --crm-text-soft:#334155;
  --crm-text-faint:#475569;

  --crm-surface:rgba(255,255,255,.26);
  --crm-surface-soft:rgba(255,255,255,.16);
  --crm-surface-muted:rgba(248,250,252,.14);

  --crm-border:rgba(15,23,42,.10);
  --crm-border-strong:rgba(15,23,42,.14);

  --crm-shadow-sm:0 1px 2px rgba(15,23,42,.05);
  --crm-shadow-md:0 14px 30px rgba(15,23,42,.08);

  --crm-primary:#2563eb;
  --crm-primary-hover:#1d4ed8;

  --crm-danger:#dc2626;
  --crm-danger-bg:rgba(220,38,38,.10);
  --crm-info:#0891b2;
  --crm-info-bg:rgba(8,145,178,.10);
  --crm-success:#16a34a;
  --crm-success-bg:rgba(22,163,74,.10);

  --crm-glow-1:rgba(59,130,246,.08);
  --crm-glow-2:rgba(168,85,247,.06);
  --crm-glow-3:rgba(34,197,94,.05);
}

/* ===== BASE ===== */

html, body{
  background:transparent !important;
  color:var(--text-1) !important;
}

.app-bg-image{
  background:var(--site-bg, none) !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

.app-bg-overlay{
  background:
    radial-gradient(circle at top, rgba(255,255,255,.06), transparent 42%),
    var(--site-overlay, rgba(0,0,0,.18)) !important;
}

html[data-preset="light"] .app-bg-overlay,
body[data-preset="light"] .app-bg-overlay{
  background:
    radial-gradient(circle at top, rgba(255,255,255,.14), transparent 42%),
    var(--site-overlay, rgba(255,255,255,.08)) !important;
}

.app-glow-1,
.app-glow-2,
.app-glow-3{
  opacity:1 !important;
  filter:blur(72px) !important;
}
.app-glow-1{ background:var(--crm-glow-1) !important; }
.app-glow-2{ background:var(--crm-glow-2) !important; }
.app-glow-3{ background:var(--crm-glow-3) !important; }

/* contenitori principali */
.app-topbar,
.app-sidebar,
.ui-card{
  background:var(--surface-1) !important;
  border:1px solid var(--border-1) !important;
  box-shadow:var(--shadow-1) !important;
  -webkit-backdrop-filter:var(--crm-blur);
  backdrop-filter:var(--crm-blur);
}

.ui-panel,
.ui-kpi,
.app-logo-badge{
  background:var(--surface-2) !important;
  border:1px solid var(--border-1) !important;
  box-shadow:var(--shadow-1) !important;
  -webkit-backdrop-filter:var(--crm-blur);
  backdrop-filter:var(--crm-blur);
}

.app-sidebar{
  border-radius:1.5rem !important;
}

.app-logo-badge{
  color:var(--text-1) !important;
}

/* tipografia preset scuri */
html:not([data-preset="light"]) .ui-card,
html:not([data-preset="light"]) .ui-panel,
html:not([data-preset="light"]) .ui-kpi,
html:not([data-preset="light"]) .app-sidebar,
html:not([data-preset="light"]) .app-topbar,
html:not([data-preset="light"]) main,
html:not([data-preset="light"]) h1,
html:not([data-preset="light"]) h2,
html:not([data-preset="light"]) h3,
html:not([data-preset="light"]) h4,
html:not([data-preset="light"]) h5,
html:not([data-preset="light"]) h6,
html:not([data-preset="light"]) .text-2xl,
html:not([data-preset="light"]) .text-xl,
html:not([data-preset="light"]) .text-lg,
body:not([data-preset="light"]) .ui-card,
body:not([data-preset="light"]) .ui-panel,
body:not([data-preset="light"]) .ui-kpi,
body:not([data-preset="light"]) .app-sidebar,
body:not([data-preset="light"]) .app-topbar,
body:not([data-preset="light"]) main,
body:not([data-preset="light"]) h1,
body:not([data-preset="light"]) h2,
body:not([data-preset="light"]) h3,
body:not([data-preset="light"]) h4,
body:not([data-preset="light"]) h5,
body:not([data-preset="light"]) h6,
body:not([data-preset="light"]) .text-2xl,
body:not([data-preset="light"]) .text-xl,
body:not([data-preset="light"]) .text-lg{
  color:#eef4ff !important;
}

html:not([data-preset="light"]) .ui-subtle,
html:not([data-preset="light"]) .ui-muted,
body:not([data-preset="light"]) .ui-subtle,
body:not([data-preset="light"]) .ui-muted{
  color:#cbd5e1 !important;
}

/* tipografia light soft */
html[data-preset="light"],
body[data-preset="light"],
html[data-preset="light"] main,
html[data-preset="light"] h1,
html[data-preset="light"] h2,
html[data-preset="light"] h3,
html[data-preset="light"] h4,
html[data-preset="light"] h5,
html[data-preset="light"] h6,
html[data-preset="light"] .ui-card,
html[data-preset="light"] .ui-panel,
html[data-preset="light"] .ui-kpi,
html[data-preset="light"] .app-sidebar,
html[data-preset="light"] .app-topbar,
body[data-preset="light"] main,
body[data-preset="light"] h1,
body[data-preset="light"] h2,
body[data-preset="light"] h3,
body[data-preset="light"] h4,
body[data-preset="light"] h5,
body[data-preset="light"] h6,
body[data-preset="light"] .ui-card,
body[data-preset="light"] .ui-panel,
body[data-preset="light"] .ui-kpi,
body[data-preset="light"] .app-sidebar,
body[data-preset="light"] .app-topbar{
  color:#0f172a !important;
}

html[data-preset="light"] .ui-subtle,
html[data-preset="light"] .ui-muted,
body[data-preset="light"] .ui-subtle,
body[data-preset="light"] .ui-muted{
  color:#334155 !important;
}

/* nav */
.app-nav-link{
  color:var(--text-2) !important;
  border:1px solid transparent !important;
  transition:
    color .16s ease,
    background-color .16s ease,
    border-color .16s ease,
    transform .16s ease;
}

.app-nav-link:hover{
  color:var(--text-1) !important;
  background:rgba(255,255,255,.10) !important;
  border-color:var(--border-1) !important;
  transform:translateX(1px);
}

html[data-preset="light"] .app-nav-link:hover,
body[data-preset="light"] .app-nav-link:hover{
  background:rgba(255,255,255,.20) !important;
}

/* buttons */
.ui-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.7rem !important;
  padding:.7rem 1rem !important;
  border-radius:1rem !important;
  border:1px solid var(--border-1) !important;
  font-weight:600 !important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background-color .16s ease,
    border-color .16s ease;
}
.ui-btn:hover{
  transform:translateY(-1px);
}
.ui-btn-ghost{
  background:var(--surface-2) !important;
  color:var(--text-1) !important;
  box-shadow:var(--shadow-1) !important;
}
.ui-btn-primary{
  background:linear-gradient(180deg, var(--accent), var(--accent-hover)) !important;
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 10px 24px rgba(37,99,235,.20) !important;
}


/* inputs */
.ui-input{
  display:block;
  width:100%;
  min-height:2.75rem;
  padding:.7rem 1rem !important;
  border-radius:1rem !important;
  border:1px solid var(--border-1) !important;
  background:var(--surface-2) !important;
  color:var(--text-1) !important;
  box-shadow:var(--shadow-1) !important;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  outline:none;
}

.ui-input:focus{
  border-color:var(--border-2) !important;
  box-shadow:0 0 0 3px rgba(148,163,184,.12) !important;
}

.ui-input::placeholder{
  color:var(--text-3) !important;
}

textarea.ui-input{
  min-height:5.5rem;
  resize:vertical;
}

select.ui-input:not(.ui-select-native){
  padding-right:2.5rem !important;
  background-image:linear-gradient(45deg, transparent 50%, var(--text-2) 50%),
    linear-gradient(135deg, var(--text-2) 50%, transparent 50%);
  background-position:calc(100% - 1.15rem) calc(50% - 3px),
    calc(100% - 0.75rem) calc(50% - 3px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
}

html[data-preset="light"] .ui-input,
body[data-preset="light"] .ui-input{
  background:rgba(255,255,255,.46) !important;
  color:#0f172a !important;
  border-color:rgba(15,23,42,.12) !important;
}

html:not([data-preset="light"]) .ui-input,