/* === Brand Sorvel / Meetweb override === */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Inter+Tight:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

/* ─────────────────────────────────────────────
   Token palette + override variabili globali
───────────────────────────────────────────── */
:root,
[data-bs-theme="light"] {
  --brand-blu:      #2A56B6;
  --brand-blu-dark: #1E3F8A;
  --brand-blu-nav:  #162d63;
  --brand-blu-50:   #EEF3FC;
  --brand-blu-100:  #d8e5f8;
  --brand-info:     #0284c7;   /* blu cielo / info */
  --brand-info-dark: #0369a1;
  --brand-info-50:  #e0f2fe;
  --brand-info-100: #bae6fd;
  --brand-verde:    #4FA585;
  --brand-verde-dark: #3a7d64;
  --brand-verde-50: #E7F4EE;
  --brand-verde-100: #c8e8d8;
  --brand-ink-950:  #1A1F2E;
  --brand-ink-700:  #4A5566;
  --brand-ink-200:  #E1E5EC;

  /* Bootstrap globals */
  --bs-primary:          var(--brand-blu);
  --bs-primary-rgb:      42, 86, 182;
  --bs-success:          var(--brand-verde);
  --bs-success-rgb:      79, 165, 133;
  --bs-link-color:       var(--brand-blu);
  --bs-link-hover-color: var(--brand-blu-dark);
  --bs-body-font-family: "Inter", -apple-system, system-ui, sans-serif;
  --bs-body-color:       var(--brand-ink-700);
  --bs-heading-color:    var(--brand-ink-950);
  --bs-border-color:     var(--brand-ink-200);

  /* Phoenix globals */
  --phoenix-primary:         var(--brand-blu);
  --phoenix-primary-rgb:     42, 86, 182;
  --phoenix-primary-dark:    var(--brand-blu-dark);
  --phoenix-primary-darker:  var(--brand-blu-dark);
  --phoenix-primary-lighter: var(--brand-blu-50);
  --phoenix-primary-100:     var(--brand-blu-50);
  --phoenix-success:         var(--brand-verde);
  --phoenix-success-rgb:     79, 165, 133;
  --phoenix-success-dark:    var(--brand-verde-dark);
  --phoenix-success-lighter: var(--brand-verde-50);
  --phoenix-link-color:      var(--brand-blu);
  --phoenix-emphasis-color:  var(--brand-ink-950);
  --phoenix-body-color:      var(--brand-ink-700);
  --phoenix-border-color:    var(--brand-ink-200);
  --phoenix-font-sans-serif: "Inter", -apple-system, system-ui, sans-serif;

  /* ── Sidebar verticale scura (blu Sorvel) ── */
  --phoenix-navbar-vertical-bg-color:                  var(--brand-blu-nav);
  --phoenix-navbar-vertical-border-color:              rgba(255,255,255,0.10);
  --phoenix-navbar-vertical-hr-color:                  rgba(255,255,255,0.10);
  --phoenix-navbar-vertical-label-color:               rgba(255,255,255,0.40);
  --phoenix-navbar-vertical-link-color:                rgba(255,255,255,0.72);
  --phoenix-navbar-vertical-link-hover-color:          #ffffff;
  --phoenix-navbar-vertical-link-hover-bg:             rgba(255,255,255,0.10);
  --phoenix-navbar-vertical-link-active-color:         #ffffff;
  --phoenix-navbar-vertical-link-disable-color:        rgba(255,255,255,0.30);
  --phoenix-navbar-vertical-dropdown-indicator-color:  rgba(255,255,255,0.40);
  --phoenix-navbar-vertical-collapsed-menu-bg:         var(--brand-blu-nav);
  --phoenix-navbar-footer-border-color:                rgba(255,255,255,0.10);
}

/* ─────────────────────────────────────────────
   Typography
───────────────────────────────────────────── */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Inter Tight", "Inter", sans-serif;
  letter-spacing: -0.015em;
  font-weight: 600;
}
h1, .h1 { letter-spacing: -0.025em; }

code, kbd, pre, samp, .font-monospace {
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

/* ─────────────────────────────────────────────
   Bottoni solid (Phoenix usa --phoenix-btn-*)
───────────────────────────────────────────── */
.btn-primary,
.tox .tox-dialog__footer .tox-button:last-child,
.tox .tox-button {
  --phoenix-btn-color:              #fff;
  --phoenix-btn-bg:                 var(--brand-blu);
  --phoenix-btn-border-color:       transparent;
  --phoenix-btn-hover-color:        #fff;
  --phoenix-btn-hover-bg:           var(--brand-blu-dark);
  --phoenix-btn-hover-border-color: rgba(0,0,0,0.2);
  --phoenix-btn-active-bg:          var(--brand-blu-dark);
  --phoenix-btn-active-border-color: rgba(0,0,0,0.25);
  --phoenix-btn-disabled-bg:        var(--brand-blu);
  --phoenix-btn-disabled-color:     #fff;
}

.btn-success {
  --phoenix-btn-color:              #fff;
  --phoenix-btn-bg:                 var(--brand-verde);
  --phoenix-btn-border-color:       transparent;
  --phoenix-btn-hover-color:        #fff;
  --phoenix-btn-hover-bg:           var(--brand-verde-dark);
  --phoenix-btn-hover-border-color: rgba(0,0,0,0.2);
  --phoenix-btn-active-bg:          var(--brand-verde-dark);
  --phoenix-btn-active-border-color: rgba(0,0,0,0.25);
  --phoenix-btn-disabled-bg:        var(--brand-verde);
  --phoenix-btn-disabled-color:     #fff;
}

/* ─────────────────────────────────────────────
   Bottoni soft / phoenix (testo colorato, bg neutro)
───────────────────────────────────────────── */
.btn-phoenix-primary {
  --phoenix-btn-color:              var(--brand-blu);
  --phoenix-btn-bg:                 var(--brand-blu-50);
  --phoenix-btn-border-color:       var(--brand-blu-50);
  --phoenix-btn-hover-color:        var(--brand-blu-dark);
  --phoenix-btn-hover-bg:           var(--brand-blu-100);
  --phoenix-btn-hover-border-color: var(--brand-blu-100);
}

.btn-phoenix-success {
  --phoenix-btn-color:              var(--brand-verde);
  --phoenix-btn-bg:                 var(--brand-verde-50);
  --phoenix-btn-border-color:       var(--brand-verde-50);
  --phoenix-btn-hover-color:        var(--brand-verde-dark);
  --phoenix-btn-hover-bg:           var(--brand-verde-100);
  --phoenix-btn-hover-border-color: var(--brand-verde-100);
}

.btn-info {
  --phoenix-btn-color:              #fff;
  --phoenix-btn-bg:                 var(--brand-info);
  --phoenix-btn-border-color:       transparent;
  --phoenix-btn-hover-color:        #fff;
  --phoenix-btn-hover-bg:           var(--brand-info-dark);
  --phoenix-btn-hover-border-color: rgba(0,0,0,0.2);
  --phoenix-btn-active-bg:          var(--brand-info-dark);
  --phoenix-btn-active-border-color: rgba(0,0,0,0.25);
  --phoenix-btn-disabled-bg:        var(--brand-info);
  --phoenix-btn-disabled-color:     #fff;
}

.btn-phoenix-info {
  --phoenix-btn-color:              var(--brand-info);
  --phoenix-btn-bg:                 var(--brand-info-50);
  --phoenix-btn-border-color:       var(--brand-info-50);
  --phoenix-btn-hover-color:        var(--brand-info-dark);
  --phoenix-btn-hover-bg:           var(--brand-info-100);
  --phoenix-btn-hover-border-color: var(--brand-info-100);
}

.btn-subtle-info {
  --phoenix-btn-color:       var(--brand-info-dark);
  --phoenix-btn-bg:          var(--brand-info-50);
  --phoenix-btn-border-color: var(--brand-info-50);
  --phoenix-btn-hover-color: var(--brand-info-dark);
  --phoenix-btn-hover-bg:    var(--brand-info-100);
}

/* secondary: testo ink invece di nero/grigio duro */
.btn-phoenix-secondary {
  --phoenix-btn-color:       var(--brand-ink-700);
  --phoenix-btn-hover-color: var(--brand-ink-950);
}

/* ─────────────────────────────────────────────
   Bottoni subtle (bg colorato leggero, testo scuro)
───────────────────────────────────────────── */
.btn-subtle-primary {
  --phoenix-btn-color:       var(--brand-blu-dark);
  --phoenix-btn-bg:          var(--brand-blu-50);
  --phoenix-btn-border-color: var(--brand-blu-50);
  --phoenix-btn-hover-color: var(--brand-blu-dark);
  --phoenix-btn-hover-bg:    var(--brand-blu-100);
}

.btn-subtle-success {
  --phoenix-btn-color:       var(--brand-verde-dark);
  --phoenix-btn-bg:          var(--brand-verde-50);
  --phoenix-btn-border-color: var(--brand-verde-50);
  --phoenix-btn-hover-color: var(--brand-verde-dark);
  --phoenix-btn-hover-bg:    var(--brand-verde-100);
}

/* ─────────────────────────────────────────────
   Card list/form — restyle sobrio, scopato a .content
   (non tocca i dropdown della navbar né il widget chat).
───────────────────────────────────────────── */
.content .card {
  border: 1px solid var(--phoenix-border-color);
  border-radius: 0.75rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
}

.content .card > .card-header {
  background-color: var(--phoenix-tertiary-bg);
  border-bottom: 2px solid var(--phoenix-primary);
  font-weight: 600;
}

.content .card > .card-body {
  padding: 1.25rem;
}

.content .card > .card-body.p-0 {
  padding: 0;
}