/* NASORA CRM — Direction dashboard visual polish */
.direction-dashboard-page{max-width:1500px;margin:0 auto;padding-bottom:28px}
.direction-dashboard-page .page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fbf8 0%,#fff 58%,#edf7f1 100%);border:1px solid #dce9e1;box-shadow:0 10px 28px rgba(25,67,49,.06)}
.direction-dashboard-page .page-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-110px;background:rgba(22,122,86,.07);pointer-events:none}
.direction-dashboard-page .hero-eyebrow{letter-spacing:.11em;font-size:.7rem;font-weight:800;color:#167a56}
.direction-dashboard-page .crm-subtitle{max-width:760px;color:#60716a;margin-bottom:0}
.direction-dashboard-page .dashboard-nav-actions{position:relative;z-index:1}
.direction-dashboard-page .direction-division-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;margin-top:20px}
.direction-dashboard-page .direction-division-card{background:#fff;border:1px solid #dbe7e0;box-shadow:0 7px 22px rgba(24,50,42,.055);display:flex;flex-direction:column}
.direction-dashboard-page .direction-division-card:first-child{border-top:3px solid #167a56}
.direction-dashboard-page .direction-division-card:last-child{border-top:3px solid #356f8a}
.direction-dashboard-page .direction-division-head{display:flex;justify-content:space-between}
.direction-dashboard-page .division-badge{padding:6px 10px;border-radius:999px;background:#edf6f1;color:#176246;font-size:.72rem;font-weight:800}
.direction-dashboard-page .direction-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.direction-dashboard-page .direction-metric{background:#f7faf8;border:1px solid #e6eee9}
.direction-dashboard-page .direction-metric span{font-size:.72rem;color:#6a7973;font-weight:600}
.direction-dashboard-page .direction-metric strong{font-size:1.05rem;color:#18362a}
.direction-dashboard-page .direction-progress-label{display:flex;justify-content:space-between;font-size:.76rem;color:#53645e}
.direction-dashboard-page .progress-track{height:8px;background:#e8efeb!important}
.direction-dashboard-page .dashboard-summary{display:grid;grid-template-columns:1.35fr 1fr;margin-top:20px}
.direction-dashboard-page .summary-card{border:1px solid #dbe7e0;box-shadow:0 6px 18px rgba(24,50,42,.045);background:#fff}
.direction-dashboard-page .summary-card h3{margin-bottom:2px}
.direction-dashboard-page .quick-actions .btn{min-height:38px;border-radius:9px!important;font-size:.78rem}
.direction-dashboard-page .crm-section-title{padding-top:6px}
.direction-dashboard-page .kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.direction-dashboard-page .kpi-card{min-height:88px}

/* ANALYTICS — Performance commerciale */
.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid){margin-top:30px;margin-bottom:14px;padding:14px 18px;border:1px solid #dce9e1;border-radius:14px;background:linear-gradient(90deg,#f3faf6 0%,#fff 72%);box-shadow:0 5px 16px rgba(24,50,42,.035);position:relative;overflow:hidden}
.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid):before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#167a56}
.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid) .crm-overline{font-size:.68rem;letter-spacing:.14em;color:#167a56;font-weight:850}
.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid) h2{font-size:1.25rem;color:#18362a;margin-top:3px}
.direction-dashboard-page .chart-grid{display:grid;grid-template-columns:1.65fr .85fr;gap:18px;align-items:stretch}
.direction-dashboard-page .chart-card{min-height:0;height:365px;padding:18px 20px 14px;border:1px solid #dbe7e0;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(24,50,42,.055);position:relative;overflow:hidden}
.direction-dashboard-page .chart-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#167a56;opacity:.9}
.direction-dashboard-page .chart-card:nth-child(2):before{background:#356f8a}
.direction-dashboard-page .chart-card h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;padding-bottom:9px;border-bottom:1px solid #edf2ef;color:#18362a;font-size:.9rem;font-weight:800}
.direction-dashboard-page .chart-card:nth-child(1) h3:after{content:"Tendance mensuelle";margin-left:auto;font-size:.66rem;font-weight:700;color:#7a8983;letter-spacing:.04em;text-transform:uppercase}
.direction-dashboard-page .chart-card:nth-child(2) h3:after{content:"Mix divisions";margin-left:auto;font-size:.66rem;font-weight:700;color:#7a8983;letter-spacing:.04em;text-transform:uppercase}
.direction-dashboard-page .chart-card canvas{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;height:300px!important;min-height:0!important}
.direction-dashboard-page .chart-card:nth-child(2) canvas{max-width:360px!important;margin:0 auto}

.direction-dashboard-page .crm-table-card{box-shadow:0 5px 18px rgba(24,50,42,.04)}
.direction-dashboard-page .responsive-table th{font-size:.72rem;letter-spacing:.02em}
.direction-dashboard-page .responsive-table td{font-size:.82rem}
.direction-dashboard-page .responsive-table tbody tr{transition:background .15s ease}
.direction-dashboard-page .filter-form{background:#f7faf8;border:1px solid #dce8e1;border-radius:14px;padding:16px;box-shadow:0 5px 16px rgba(24,50,42,.035)}
.direction-dashboard-page .filter-form label{font-size:.72rem;font-weight:700;color:#53645e;margin-bottom:5px}
.direction-dashboard-page .filter-form .form-input{min-height:38px;border-color:#d5e1da;background:#fff}
.direction-dashboard-page .crm-pagination{padding:14px 0 2px}

/* EXECUTIVE COCKPIT — couche additive, sans modification de la logique métier */
.direction-dashboard-page .kpi-grid{gap:14px!important}
.direction-dashboard-page .kpi-card{position:relative;overflow:hidden;border:1px solid #dce8e1!important;background:linear-gradient(145deg,#fff 0%,#fbfdfc 100%)!important;box-shadow:0 7px 20px rgba(24,50,42,.05)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.direction-dashboard-page .kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#167a56;opacity:.9}
.direction-dashboard-page .kpi-card:nth-child(2):before{background:#356f8a}
.direction-dashboard-page .kpi-card:nth-child(3):before{background:#7a9b62}
.direction-dashboard-page .kpi-card:nth-child(4):before{background:#8a6f9b}
.direction-dashboard-page .kpi-card:nth-child(5):before{background:#a47a45}
.direction-dashboard-page .kpi-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(24,50,42,.09)!important;border-color:#cbdcd2!important}
.direction-dashboard-page .direction-division-card{border-radius:16px!important;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}
.direction-dashboard-page .direction-division-card:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(24,50,42,.09)}
.direction-dashboard-page .direction-division-head{padding-bottom:14px!important;border-bottom:1px solid #edf2ef}
.direction-dashboard-page .division-badge{border:1px solid #d6e8dd}
.direction-dashboard-page .direction-metric{border-radius:10px!important;padding:12px!important;transition:background .15s ease,border-color .15s ease}
.direction-dashboard-page .direction-metric:hover{background:#f1f8f4;border-color:#d1e3d8}
.direction-dashboard-page .dashboard-summary{gap:16px!important}
.direction-dashboard-page .summary-card{border-radius:16px!important;overflow:hidden}
.direction-dashboard-page .summary-card .quick-actions{gap:9px!important}
.direction-dashboard-page .quick-actions .btn{box-shadow:0 2px 7px rgba(24,50,42,.06)!important}
.direction-dashboard-page .crm-table-card{border:1px solid #dce8e1;border-radius:16px;overflow:hidden;background:#fff}
.direction-dashboard-page .responsive-table thead th{background:#f3f7f4!important;color:#40534a!important;border-bottom:1px solid #dce8e1!important}
.direction-dashboard-page .responsive-table tbody tr:hover{background:#f7fbf8!important}
.direction-dashboard-page .responsive-table tbody td{border-bottom-color:#edf2ef!important}
.direction-dashboard-page .filter-form{display:flex;align-items:end;gap:12px}
.direction-dashboard-page .filter-form>div{min-width:0}
.direction-dashboard-page .filter-form .btn{min-height:38px;white-space:nowrap}
.direction-dashboard-page .page-hero h1{letter-spacing:-.025em}
.direction-dashboard-page .dashboard-nav-actions .btn{border:1px solid #d5e3da!important;box-shadow:0 3px 9px rgba(24,50,42,.045)!important}
.direction-dashboard-page .dashboard-nav-actions .btn:hover{border-color:#b9d3c4!important}

/* PROSPECTIONS — tableau centralisé dans ACTIVITÉ TERRAIN */
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card{width:100%;max-width:1480px;margin:0 auto;box-sizing:border-box}
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table{width:100%;min-width:1250px;margin:0 auto}
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table th,
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table td{text-align:center}
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table td:nth-child(10),
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table td:nth-child(11),
.direction-dashboard-page .crm-section-title:has(+ form.crm-filter-bar) + form.crm-filter-bar + .crm-table-card .responsive-table td:nth-child(12){text-align:left}

@media(max-width:1100px){.direction-dashboard-page .direction-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-dashboard-page .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.direction-dashboard-page .chart-grid{grid-template-columns:1fr}.direction-dashboard-page .chart-card{height:350px}.direction-dashboard-page .chart-card canvas{height:285px!important}}
@media(max-width:900px){.direction-dashboard-page .direction-division-grid,.direction-dashboard-page .dashboard-summary{grid-template-columns:1fr}.direction-dashboard-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-dashboard-page .chart-card{height:340px}.direction-dashboard-page .chart-card canvas{height:275px!important}.direction-dashboard-page .filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}}
@media(max-width:640px){.direction-dashboard-page .direction-metrics,.direction-dashboard-page .kpi-grid{grid-template-columns:1fr}.direction-dashboard-page .direction-division-card,.direction-dashboard-page .summary-card,.direction-dashboard-page .chart-card{box-shadow:0 4px 14px rgba(24,50,42,.04)}.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid){padding:13px 14px}.direction-dashboard-page .crm-section-title:has(+ .crm-chart-grid) h2{font-size:1.08rem}.direction-dashboard-page .chart-card{height:295px;padding:17px}.direction-dashboard-page .chart-card h3{font-size:.82rem}.direction-dashboard-page .chart-card h3:after{display:none}.direction-dashboard-page .chart-card canvas{height:230px!important}.direction-dashboard-page .filter-form{display:flex;flex-direction:column;align-items:stretch;padding:12px}.direction-dashboard-page .filter-form .btn{width:100%;min-height:42px}.direction-dashboard-page .quick-actions .btn{min-height:42px}}
@media(prefers-reduced-motion:reduce){.direction-dashboard-page .responsive-table tbody tr,.direction-dashboard-page .kpi-card,.direction-dashboard-page .direction-division-card{transition:none}.direction-dashboard-page .kpi-card:hover,.direction-dashboard-page .direction-division-card:hover{transform:none}}
