/* ============================================================================
   redesign-pulpit.css — re-skin PULPITU RECEPCJI (#view-dashboard)
   Cel: spójność wizualna z Panelem admina (#view-panel / panel-admin.js).
   Zasada: TYLKO warstwa wizualna. Zero zmian w HTML, zero reorganizacji sekcji.
   Mapuje istniejące klasy (.dash-panel, .dash-panel-title, .dash-today-bar,
   .cb-subsection…) na język tokenów panelu. Scoped pod #view-dashboard, więc
   nie dotyka żadnego innego widoku.
   ========================================================================== */

#view-dashboard{
  --pp-navy:#071321; --pp-accent:#0B6F8F; --pp-accent-soft:#EEF7FA;
  --pp-card:#FFFFFF; --pp-border:#DEDCD7; --pp-line:#E7E4DF;
  --pp-ink:#1E2A33; --pp-muted:#69757F; --pp-faint:#9AA5AD;
  --pp-green:#16845B; --pp-green-bg:#DDF8E8; --pp-red:#C43D58; --pp-red-bg:#FDE9EE;
  --pp-amber:#A96125; --pp-amber-bg:#F8E8DA;
}

/* ── Nagłówek pulpitu — cienkie wersaliki zamiast pogrubienia ── */
#view-dashboard .pulpit-header{ border-bottom:1px solid var(--pp-border) !important; }
#view-dashboard .pulpit-header h1{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important;
  font-size:15px !important; letter-spacing:.2em !important; text-transform:uppercase !important;
  color:var(--pp-ink) !important;
}

/* ── Karty (.dash-panel) ── */
#view-dashboard .dash-panel{
  background:var(--pp-card) !important; border:1px solid var(--pp-border) !important;
  border-radius:12px !important; box-shadow:0 1px 2px rgba(7,19,33,.04) !important;
}
#view-dashboard .dash-panel-header{
  border-bottom:1px solid var(--pp-line) !important; background:transparent !important;
}
#view-dashboard .dash-panel-title h3,
#view-dashboard .dash-panel-title{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important;
  font-size:11px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  color:var(--pp-ink) !important;
}

/* ── Pasek „Moje zadania" (.dash-today-bar) ── */
#view-dashboard .dash-today-bar{
  background:var(--pp-card) !important; border:1px solid var(--pp-border) !important;
  border-radius:12px !important; box-shadow:0 1px 2px rgba(7,19,33,.04) !important;
}
#view-dashboard .dash-today-bar-title{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important;
  font-size:11px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  color:var(--pp-ink) !important;
}
#view-dashboard .dash-today-bar-count{
  background:var(--pp-navy) !important; color:#fff !important; border-radius:999px !important;
  font-size:11px !important; font-weight:600 !important; padding:1px 8px !important;
}
#view-dashboard .dash-today-bar-more{ color:var(--pp-accent) !important; }

/* ── Podsekcje oddzwonień (pastelowe nagłówki) ── */
#view-dashboard .cb-subsection-head{
  font-family:'Montserrat',sans-serif !important; font-weight:500 !important;
  font-size:9.5px !important; letter-spacing:.12em !important; text-transform:uppercase !important;
  border-radius:7px !important;
}
#view-dashboard .cb-head-missed{   color:var(--pp-red) !important;   background:var(--pp-red-bg) !important; }
#view-dashboard .cb-head-noanswer{ color:var(--pp-amber) !important; background:var(--pp-amber-bg) !important; }

/* ── Wiersze list (leady / oddzwonienia / oś czasu) — hover w akcencie ── */
#view-dashboard .leads-list > *:hover,
#view-dashboard .dash-panel-body .cb-item:hover,
#view-dashboard #dashTimeline tr:hover{
  background:var(--pp-accent-soft) !important;
}

/* ── Awatary inicjałów w kolorze akcentu ── */
#view-dashboard .leads-list .avatar,
#view-dashboard .dash-panel-body .avatar{
  background:var(--pp-accent-soft) !important; color:var(--pp-accent) !important;
}

/* ── Przyciski akcji / CTA → granat ── */
#view-dashboard .btn-call,
#view-dashboard .btn-primary,
#view-dashboard .dash-cta{
  background:var(--pp-navy) !important; border-color:var(--pp-navy) !important; color:#fff !important;
}
#view-dashboard .btn-icon-sm{
  border:1px solid var(--pp-border) !important; color:var(--pp-muted) !important; background:#fff !important;
}
#view-dashboard .btn-icon-sm:hover{ border-color:var(--pp-accent) !important; color:var(--pp-accent) !important; }

/* ── Linie tabel / osi czasu ── */
#view-dashboard #dashTimeline th{
  font-family:'Montserrat',sans-serif !important; font-weight:400 !important;
  font-size:9.5px !important; letter-spacing:.1em !important; text-transform:uppercase !important;
  color:var(--pp-muted) !important; border-bottom:1px solid var(--pp-border) !important;
}
#view-dashboard #dashTimeline td{ border-bottom:1px solid var(--pp-line) !important; }