/* ==========================================================================
   Finesse : rendu plus net et plus strict, dans l'esprit de Dashdoc
   (traits de 1 px, petits arrondis, ombres légères, graisses 400/600, pas d'effet « soulevé »).
   Chargé en dernier : on peut le retirer d'une ligne pour revenir à l'ancien style.
   ========================================================================== */
:root {
  --radius: 6px; --line: #e3e8ee; --line-2: #eef1f5;
  --shadow: 0 1px 2px rgba(16, 24, 40, .04);
  --lift: 0 1px 3px rgba(16, 24, 40, .08);
}
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #1f2933; }

/* Titres : demi-gras plutôt que gras */
h1, h2, h3, h4, .topbar h1, .card-h h2, .card-h h3, .p-h1 { font-weight: 600; letter-spacing: -.1px; }
.topbar h1 { font-size: 19px; }
.card-h { padding: 12px 16px; }
.card-h h2, .card-h h3 { font-size: 14.5px; }

/* Cartes et encadrés : trait fin, arrondi discret, liseré bleu de 2 px */
.card, .filters, .fold, .h-season-box, .sec-tile, .todo-item, .modal-box .card { border-radius: var(--radius); box-shadow: var(--shadow); }
.card, .filters, .site-card { border-left-width: 2px !important; }
.sec-tile, .sec-banner, .ac-box { border-left-width: 2px; border-radius: var(--radius); }
.card:hover, .filters:hover { box-shadow: var(--lift); border-color: var(--line); }
.kpi:hover, .todo-item:hover, .deal:hover, .pcard:hover, .bcard:hover, .site-card:hover, .fold:hover, .file-row:hover, .icon-btn:hover, .chip-add:hover, .logo-box.logo-edit:hover { transform: none !important; box-shadow: var(--lift) !important; }

/* Indicateurs chiffrés */
.kpi { border-top-width: 2px; }
.kpi .val { font-weight: 600; font-size: 23px; }
.kpi .lbl { font-size: 11px; letter-spacing: .6px; }

/* Boutons et champs : 4 px d'arrondi, focus fin */
.btn { border-radius: 4px; font-weight: 500; padding: 7px 13px; box-shadow: none; }
.btn.primary { font-weight: 600; }
.btn.sm { border-radius: 4px; }
input, select, textarea { border-radius: 4px; border-color: #d6dde5; }
input:focus, select:focus, textarea:focus { outline: 0; border-color: var(--accent); box-shadow: 0 0 0 2px rgba(15, 158, 213, .18); }
.nav-new { border-radius: 5px; box-shadow: none; font-weight: 600; }

/* Pastilles d'état : rectangles arrondis, plus sobres */
.badge { border-radius: 4px; padding: 2px 7px; font-size: 11px; font-weight: 600; letter-spacing: .1px; }

/* Tableaux : lignes fines, survol sans relief */
table.t th { font-size: 11px; letter-spacing: .6px; padding: 9px 12px; background: #fafbfc; }
table.t td { padding: 9px 12px; border-bottom-color: var(--line-2); }
table.t tbody tr:hover { box-shadow: none !important; }
table.t tbody tr:hover td { background-color: #f6f9fc; }
table.t tbody td:first-child { background-size: 2px calc(100% - 16px) !important; padding-left: 14px; }
table.t tfoot td { font-weight: 600; }

/* Fenêtres, menus, notifications */
.modal-box { border-radius: 8px; box-shadow: 0 16px 48px rgba(16, 24, 40, .22); }
.login-card { border-radius: 8px; }
.toast, .selbar, .suggest, .crm-pop, .ac-box { border-radius: 6px; }
.tabs button.on { box-shadow: 0 0 0 1px var(--line); }

/* Pipeline, planning, tableaux de colonnes */
.col, .pday, .bcol { border-radius: 6px; background: #eef1f5; }
.deal, .pcard, .bcard { border-radius: 4px; box-shadow: 0 0 0 1px var(--line); border-left-width: 2px; }
.deal-logo, .deal-ini { border-radius: 4px; }
.deal-ini { font-weight: 700; }

/* CRM : chiffres et jauges moins massifs */
.gauge .gv { font-weight: 600; } .ckpi .v { font-weight: 600; }
.chip, .pill { font-weight: 600; }
.crm-tabs a { font-weight: 600; }

/* Menu latéral : encadrés plus fins */
.nav-grp { border-radius: 6px; border-left-width: 2px; }
.sidebar nav a { border-radius: 4px; }
.sidebar nav a.nav-solo { border-radius: 6px; }
.nav-grp-h { font-weight: 600; letter-spacing: .8px; font-size: 12px; }
.brand { font-weight: 700; }

/* Espaces client / transporteur */
.p-top { box-shadow: 0 1px 0 var(--line) !important; }
.welcome { border-radius: var(--radius); }
.fuel-trend { font-weight: 600; }

/* Gras unique à 600 (comme Dashdoc) */
b, strong, table.t td b, .t1, .co { font-weight: 600; }