/* DSA CRM v10.8 — densité, alignements, navigation et analyse KPI. */

/* Synthèse Ventes : cartes plus compactes et filets colorés. */
.v107-metric-grid{gap:9px!important}
.v107-metric{min-height:96px!important;padding:12px 14px!important;border-top:3px solid var(--v108-line,var(--acc))!important;border-radius:12px!important}
.v107-metric:nth-child(4n+1){--v108-line:#9d1c35}.v107-metric:nth-child(4n+2){--v108-line:#1a6b38}.v107-metric:nth-child(4n+3){--v108-line:#24569a}.v107-metric:nth-child(4n+4){--v108-line:#b07b08}
.v107-metric>span{font-size:9.5px!important}.v107-metric>strong{font-size:20px!important;margin-top:6px!important}.v107-metric>small{font-size:9.5px!important;margin-top:3px!important}.v107-metric>i{top:10px!important;right:11px!important}

/* Tableaux financiers : valeurs placées strictement sous leur intitulé. */
.sales-table{table-layout:fixed!important}.sales-table th:first-child,.sales-table td:first-child{width:31%;text-align:left!important}
.sales-table th:nth-child(2),.sales-table td:nth-child(2),.sales-table th:nth-child(3),.sales-table td:nth-child(3){width:18%;text-align:center!important;font-variant-numeric:tabular-nums!important}
.sales-table th:nth-child(4),.sales-table td:nth-child(4),.sales-table th:nth-child(5),.sales-table td:nth-child(5){width:16.5%;text-align:center!important}
.sales-table tfoot td:nth-child(2),.sales-table tfoot td:nth-child(3){text-align:center!important}.sales-table tfoot strong,.sales-amount{font-variant-numeric:tabular-nums lining-nums!important}

/* Période mensuelle : flèches symétriques et mois mathématiquement centré. */
.v9-month-control{display:grid!important;grid-template-columns:42px minmax(126px,1fr) 42px!important;width:218px!important;min-width:218px!important;align-items:stretch!important}
.v9-month-control>button{width:100%!important;min-width:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.v9-month-control .v9-month-label{min-width:0!important;width:100%!important;padding:0 4px!important;font-weight:700!important}

/* To Do : page réellement défilable et listes secondaires maîtrisées. */
.content.todo-content{overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:contain!important;scrollbar-gutter:stable}
.v107-todo{height:auto!important;min-height:max-content!important;padding-bottom:28px!important}
.v108-total-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:29px;height:24px;padding:0 8px;border-radius:999px;background:var(--acc);color:#fff!important;font-size:11px!important;font-weight:750!important}
.v108-more{margin-top:8px;border:1px solid var(--bord);border-radius:10px;background:var(--bg2);overflow:hidden}
.v108-more>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:10px 12px;color:var(--ink2);font-size:11px;font-weight:700;cursor:pointer;user-select:none}
.v108-more>summary::-webkit-details-marker{display:none}.v108-more>summary i{font-style:normal;color:var(--ink3);transition:transform .16s}.v108-more[open]>summary i{transform:rotate(180deg)}
.v108-more-list{max-height:360px;overflow:auto;padding:0 12px 8px;background:var(--bg);border-top:1px solid var(--bord);scrollbar-width:thin}

/* Barre latérale : marque plus présente, libellés plus discrets. */
.sb-logo{height:86px!important;margin:10px 8px 15px!important;padding:7px 8px!important}
.sb-logo img{max-width:168px!important;height:64px!important}
.ni{font-size:14.25px!important;line-height:1.25!important;min-height:43px!important;padding-top:9px!important;padding-bottom:9px!important}.ni-ic{font-size:15px!important}.nsec{font-size:10.75px!important}

/* Planning : davantage d'heures visibles et priorité à la suite de la journée. */
#v-calendar .v9-gcal-scroll{height:min(850px,calc(100vh - 245px))!important;min-height:500px!important}

/* KPI Pilotage : les douze cartes deviennent des contrôles d'analyse. */
.v108-perf-tile{position:relative;display:block;width:100%;min-height:112px;padding:15px 16px;text-align:left;background:var(--bg);border:1px solid var(--bord2);border-top:3px solid var(--metric-color,var(--acc));border-radius:12px;color:var(--ink);box-shadow:0 2px 10px rgba(0,0,0,.08);cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}
.v108-perf-tile:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1)}.v108-perf-tile:focus-visible{outline:3px solid color-mix(in srgb,var(--metric-color,var(--acc)) 28%,transparent);outline-offset:2px}
.v108-perf-label{display:block;font-size:10px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.v108-perf-tile strong{display:block;font-size:24px;font-weight:700;font-family:Georgia,serif;color:var(--metric-color,var(--ink));margin-top:4px}.v108-perf-tile small{display:block;font-size:11px;color:var(--ink3);margin-top:2px}.v108-perf-tile>i{position:absolute;right:12px;top:10px;font-style:normal;color:var(--ink4);font-size:17px}
.v108-analysis-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:14px}.v108-analysis-summary>div{padding:11px 12px;border:1px solid var(--bord);border-radius:10px;background:var(--bg2)}.v108-analysis-summary span,.v108-analysis-summary strong{display:block}.v108-analysis-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}.v108-analysis-summary strong{font-size:18px;margin-top:3px}.v108-analysis-note{margin-bottom:14px;padding:11px 13px;border-left:3px solid var(--acc);border-radius:0 9px 9px 0;background:var(--accl);color:var(--ink2);font-size:12px;line-height:1.5}.v108-analysis-table{max-height:54vh;overflow:auto;border:1px solid var(--bord);border-radius:11px}.v108-analysis-table table{min-width:760px}.v108-analysis-table th:nth-child(n+3),.v108-analysis-table td:nth-child(n+3){text-align:right}.v108-analysis-table td small{display:block;font-size:10px;color:var(--ink3);margin-top:2px}

@media(max-width:980px){.v9-month-control{grid-template-columns:40px minmax(108px,1fr) 40px!important;width:198px!important;min-width:198px!important}.v107-metric{min-height:92px!important}.v108-analysis-summary{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.v9-month-control{grid-template-columns:38px minmax(100px,1fr) 38px!important;width:176px!important;min-width:176px!important}.sb-logo{height:80px!important}.sb-logo img{max-width:154px!important;height:58px!important}.v107-two-cols{gap:14px!important}.v108-more-list{max-height:300px}.v108-analysis-summary{grid-template-columns:1fr}.v108-perf-tile{min-height:104px}}