@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap');

:root {
  --sidebar-full: 240px; --sidebar-mini: 64px;
  --sidebar-bg: linear-gradient(180deg, #1a1d2e 0%, #16192a 100%);
  --sidebar-hover: rgba(255,255,255,0.06); 
  --sidebar-active: rgba(79,121,246,0.15);
  --sidebar-border: rgba(255,255,255,0.08);
  --sidebar-text: #9ca3b8; 
  --sidebar-text-active: #ffffff;
  --accent: #5b8af7; 
  --accent-dark: #4472e8;
  --accent-light: rgba(91,138,247,0.12);
  --bg: #f5f7fa; 
  --bg-card: #ffffff;
  --border: #e8ecf2; 
  --text: #1e293b; 
  --text-2: #64748b; 
  --text-3: #94a3b8;
  --green: #10b981; --green-light: #ecfdf5; --green-dark: #059669;
  --orange: #f59e0b; --orange-light: #fef3c7; --orange-dark: #d97706;
  --red: #ef4444; --red-light: #fee2e2; --red-dark: #dc2626;
  --yellow: #eab308; --yellow-light: #fef3c7; --yellow-dark: #ca8a04;
  --blue: #3b82f6; --blue-light: #dbeafe; --blue-dark: #2563eb;
  --purple: #8b5cf6; --purple-light: #ede9fe; --purple-dark: #7c3aed;
  --radius: 12px; --radius-sm: 8px; --radius-lg: 16px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 4px rgba(0,0,0,.03);
  --shadow: 0 4px 6px -1px rgba(0,0,0,.08), 0 2px 4px -1px rgba(0,0,0,.04);
  --shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -2px rgba(0,0,0,.04);
  --transition: .18s cubic-bezier(0.4, 0, 0.2, 1);
  --font: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'DM Mono', 'SF Mono', Consolas, monospace;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:var(--font);cursor:pointer;border:none;background:none}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}

/* APP SHELL */
.app-shell{display:flex;height:100vh;overflow:hidden}

/* SIDEBAR */
.sidebar{width:var(--sidebar-full);min-width:var(--sidebar-full);background:var(--sidebar-bg);display:flex;flex-direction:column;transition:width var(--transition),min-width var(--transition);overflow:hidden;z-index:30;flex-shrink:0;box-shadow:2px 0 12px rgba(0,0,0,.12)}
.sidebar.mini{width:var(--sidebar-mini);min-width:var(--sidebar-mini)}
.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid var(--sidebar-border);overflow:hidden;min-height:72px;flex-shrink:0}
.sidebar-logo__icon{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:white;box-shadow:0 4px 12px rgba(91,138,247,.4)}
.sidebar-logo__text{overflow:hidden;transition:opacity var(--transition),width var(--transition)}
.sidebar-logo__name{font-size:16px;font-weight:700;color:white;white-space:nowrap;letter-spacing:-.3px}
.sidebar-logo__sub{font-size:11px;color:var(--sidebar-text);white-space:nowrap;margin-top:2px;font-weight:500}
.sidebar.mini .sidebar-logo__text{opacity:0;width:0}
.sidebar-nav{flex:1;padding:12px 10px;overflow-y:auto;overflow-x:hidden}
.sidebar-nav__label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#4a5168;padding:12px 10px 6px;white-space:nowrap;transition:opacity var(--transition)}
.sidebar.mini .sidebar-nav__label{opacity:0}
.sidebar-nav__item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sidebar-text);font-size:13.5px;font-weight:500;transition:all var(--transition);white-space:nowrap;position:relative;overflow:hidden;cursor:pointer;margin-bottom:2px}
.sidebar-nav__item:hover{background:var(--sidebar-hover);color:#d1d7e6;transform:translateX(2px)}
.sidebar-nav__item.active{background:var(--sidebar-active);color:var(--sidebar-text-active);box-shadow:0 2px 8px rgba(91,138,247,.25)}
.sidebar-nav__item.active::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--accent);border-radius:0 3px 3px 0;box-shadow:0 0 8px var(--accent)}
.sidebar-nav__icon{font-size:18px;width:22px;text-align:center;flex-shrink:0}
.sidebar-nav__text{flex:1;transition:opacity var(--transition)}
.sidebar.mini .sidebar-nav__text{opacity:0}
.sidebar-nav__badge{background:var(--red);color:white;font-size:10px;font-weight:700;padding:2px 7px;border-radius:12px;flex-shrink:0;transition:opacity var(--transition);box-shadow:0 2px 6px rgba(239,68,68,.4)}
.sidebar.mini .sidebar-nav__badge{opacity:0}
.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:14px 10px;flex-shrink:0}
.sidebar-user{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;overflow:hidden;transition:background var(--transition)}
.sidebar-user:hover{background:var(--sidebar-hover)}
.sidebar-user__avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:white;flex-shrink:0;box-shadow:0 2px 8px rgba(91,138,247,.3)}
.sidebar-user__info{overflow:hidden;transition:opacity var(--transition)}
.sidebar.mini .sidebar-user__info{opacity:0}
.sidebar-user__name{font-size:13px;font-weight:600;color:white;white-space:nowrap}
.sidebar-user__email{font-size:11px;color:var(--sidebar-text);white-space:nowrap;margin-top:1px}
.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--sidebar-text);transition:all var(--transition);flex-shrink:0;margin-left:auto}
.sidebar-toggle:hover{background:var(--sidebar-hover);color:white}
.sidebar.mini .sidebar-toggle{transform:rotate(180deg)}

/* MAIN */
.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}

/* TAB BAR */
.tab-bar{background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;overflow-x:auto;overflow-y:hidden;flex-shrink:0;height:40px;padding:0 4px}
.tab-bar::-webkit-scrollbar{height:2px}
.tab-bar__item{display:flex;align-items:center;gap:6px;padding:0 14px;height:100%;font-size:12.5px;font-weight:500;color:var(--text-2);border-right:1px solid var(--border);white-space:nowrap;cursor:pointer;transition:background .15s,color .15s;position:relative;flex-shrink:0}
.tab-bar__item:hover{background:var(--bg);color:var(--text)}
.tab-bar__item.active{color:var(--accent);background:rgba(79,121,246,.04)}
.tab-bar__item.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}
.tab-bar__icon{font-size:14px}
.tab-bar__close{width:16px;height:16px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-3);transition:background .15s}
.tab-bar__close:hover{background:#f1f5f9;color:var(--red)}

/* PAGE */
.page-content{flex:1;overflow:hidden;display:flex;flex-direction:column}
.page-header{padding:20px 28px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;box-shadow:0 1px 3px rgba(0,0,0,.02)}
.page-title{font-size:22px;font-weight:700;color:var(--text);letter-spacing:-.4px}
.page-title span{color:var(--accent);font-weight:700}
.page-subtitle{font-size:13px;color:var(--text-2);margin-top:3px;font-weight:500}

/* DASHBOARD */
.dashboard{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:24px}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kpi-card{background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;align-items:center;gap:18px;transition:all var(--transition);cursor:default;position:relative;overflow:hidden}
.kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-dark));opacity:0;transition:opacity var(--transition)}
.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--accent-light)}
.kpi-card:hover::before{opacity:1}
.kpi-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.kpi-icon--dossiers{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%)}
.kpi-icon--leads{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}
.kpi-icon--rappels{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}
.kpi-icon--rdv{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}
.kpi-value{font-size:28px;font-weight:700;line-height:1;color:var(--text);letter-spacing:-.6px}
.kpi-label{font-size:12.5px;color:var(--text-2);margin-top:5px;font-weight:500}

/* DASHBOARD BODY */
.dashboard-body{display:grid;grid-template-columns:1fr 260px;gap:20px;min-height:0}
.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition)}
.card:hover{box-shadow:var(--shadow-lg)}
.card-header{padding:16px 20px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
.card-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.2px}
.card-action{font-size:12.5px;color:var(--accent);font-weight:600;cursor:pointer;padding:4px 10px;border-radius:6px;transition:background var(--transition)}
.card-action:hover{background:var(--accent-light)}
.card-body{flex:1;overflow-y:auto}

/* AGENDA WEEK */
.agenda-tabs{display:flex;gap:2px;padding:10px 12px 0;border-bottom:1px solid var(--border);flex-shrink:0}
.agenda-tab{padding:6px 14px;font-size:12px;font-weight:500;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-2);transition:background .15s,color .15s;cursor:pointer}
.agenda-tab.active{background:var(--bg);color:var(--accent);font-weight:600;border:1px solid var(--border);border-bottom:1px solid var(--bg-card);margin-bottom:-1px}
.agenda-week{display:flex;flex-direction:column;flex:1;overflow:hidden}
.agenda-week-header{display:grid;grid-template-columns:48px repeat(7,1fr);border-bottom:1px solid var(--border);flex-shrink:0;background:#f8fafc}
.agenda-week-header__time{padding:8px}
.agenda-week-header__day{padding:8px 4px;text-align:center;font-size:11px;font-weight:500;color:var(--text-2);border-left:1px solid var(--border)}
.agenda-week-header__day.today{color:var(--accent);font-weight:700}
.agenda-week-header__daynum{display:block;font-size:18px;font-weight:700;color:var(--text);line-height:1}
.agenda-week-header__day.today .agenda-week-header__daynum{color:var(--accent)}
.agenda-week-body{flex:1;overflow-y:auto}
.agenda-week-grid{display:grid;grid-template-columns:48px repeat(7,1fr)}
.agenda-time-slot{padding:0 6px;font-size:10px;color:var(--text-3);font-family:var(--font-mono);height:40px;display:flex;align-items:flex-start;padding-top:2px}
.agenda-day-slot{border-left:1px solid var(--border);border-bottom:1px solid #f1f5f9;height:40px;position:relative}
.agenda-event{position:absolute;left:2px;right:2px;background:var(--accent);color:white;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;z-index:2;cursor:pointer;box-shadow:0 2px 6px rgba(79,121,246,.3)}

/* RAPPELS PANEL */
.rappel-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer}
.rappel-item:hover{background:#f8fafc}
.rappel-item:last-child{border-bottom:none}
.rappel-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}
.rappel-dot--red{background:var(--red);box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.rappel-dot--orange{background:var(--orange);box-shadow:0 0 0 3px rgba(249,115,22,.12)}
.rappel-dot--yellow{background:var(--yellow);box-shadow:0 0 0 3px rgba(234,179,8,.12)}
.rappel-dot--green{background:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.12)}
.rappel-info{flex:1;min-width:0}
.rappel-client{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rappel-label{font-size:11px;color:var(--text-2);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rappel-jours{font-size:11px;font-weight:700;font-family:var(--font-mono);flex-shrink:0;padding:2px 6px;border-radius:4px}
.rappel-jours--red{background:var(--red-light);color:var(--red)}
.rappel-jours--orange{background:var(--orange-light);color:var(--orange)}
.rappel-jours--yellow{background:var(--yellow-light);color:#92400e}
.rappel-jours--green{background:var(--green-light);color:#166534}

/* TABLE */
.data-table-wrap{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;flex:1;display:flex;flex-direction:column}
.data-table-toolbar{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-shrink:0;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}
table.data-table th{background:#fafbfc;padding:12px 18px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);border-bottom:2px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}
table.data-table td{padding:12px 18px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:var(--text)}
table.data-table tr:last-child td{border-bottom:none}
table.data-table tr:hover td{background:#f8fafb}
table.data-table tr.row--selected td{background:var(--accent-light)}
table.data-table tr.row--preview td{background:rgba(91,138,247,.08);border-left-color:var(--accent)}
table.data-table tr.row--preview td:first-child{border-left:3px solid var(--accent)}
table.data-table input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}
table.data-table a:hover{text-decoration:underline}

/* BADGES */
.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11.5px;font-weight:600;white-space:nowrap;letter-spacing:.2px}
.badge--blue{background:var(--blue-light);color:var(--blue-dark);border:1px solid rgba(59,130,246,.2)}
.badge--green{background:var(--green-light);color:var(--green-dark);border:1px solid rgba(16,185,129,.2)}
.badge--orange{background:var(--orange-light);color:var(--orange-dark);border:1px solid rgba(245,158,11,.2)}
.badge--red{background:var(--red-light);color:var(--red-dark);border:1px solid rgba(239,68,68,.2)}
.badge--muted{background:#f1f5f9;color:var(--text-2);border:1px solid var(--border)}
.badge--purple{background:var(--purple-light);color:var(--purple-dark);border:1px solid rgba(139,92,246,.2)}
.badge--gold{background:var(--yellow-light);color:var(--yellow-dark);border:1px solid rgba(234,179,8,.2)}
.badge--new{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white;box-shadow:0 2px 6px rgba(91,138,247,.3)}
.badge--unread{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:white;box-shadow:0 2px 6px rgba(91,138,247,.3)}

/* INPUTS */
.search-input{height:38px;padding:0 14px 0 38px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13.5px;font-family:var(--font);background:white;color:var(--text);outline:none;transition:all var(--transition);width:260px;box-shadow:var(--shadow-sm)}
.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,138,247,.12),var(--shadow-sm);background:white}
.search-wrap{position:relative;display:inline-flex}
.search-wrap__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-3);font-size:16px;pointer-events:none}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;letter-spacing:-.2px}
.btn:active{transform:scale(.97)}
.btn--primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);color:white;box-shadow:0 2px 10px rgba(91,138,247,.35)}
.btn--primary:hover{box-shadow:0 4px 14px rgba(91,138,247,.45);transform:translateY(-1px)}
.btn--secondary{background:white;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.btn--secondary:hover{background:var(--bg);border-color:var(--accent);color:var(--accent)}
.btn--ghost{color:var(--text-2);background:transparent}
.btn--ghost:hover{background:var(--accent-light);color:var(--accent)}

/* FILTER TABS */
.filter-tabs{display:flex;background:var(--bg);border-radius:var(--radius-sm);padding:3px;gap:2px}
.filter-tab{padding:4px 12px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-2);cursor:pointer;transition:background .15s,color .15s}
.filter-tab.active{background:white;color:var(--accent);box-shadow:var(--shadow-sm)}

/* LEADS */
.leads-layout{display:flex;flex:1;overflow:hidden}
.leads-list{width:320px;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}
.lead-item{padding:12px 16px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}
.lead-item:hover{background:#f8fafc}
.lead-item.active{background:rgba(79,121,246,.05)}
.lead-item--unread{border-left:3px solid var(--accent)}
.leads-detail{flex:1;overflow-y:auto;padding:24px}

/* RAPPELS TABLE ROWS */
.rappel-row--late td{background:#fff5f5}
.rappel-row--late td:first-child{border-left:3px solid var(--red)}
.rappel-row--soon td:first-child{border-left:3px solid var(--orange)}
.rappel-row--ok td:first-child{border-left:3px solid var(--green)}

/* PAGINATION */
.pagination{display:flex;align-items:center;gap:4px;padding:12px 16px;justify-content:center;border-top:1px solid var(--border)}
.pag-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:white;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background .15s}
.pag-btn:hover:not(:disabled){background:var(--blue-light);border-color:var(--blue);color:var(--blue)}
.pag-btn.active{background:var(--accent);border-color:var(--accent);color:white}
.pag-btn:disabled{opacity:.4;cursor:not-allowed}

/* ÉTATS */
.state-loading,.state-error,.state-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-3);font-size:14px;gap:12px;flex:1}
.spinner{width:28px;height:28px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* TOOLBAR */
.toolbar{padding:10px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-shrink:0;background:var(--bg-card)}

/* TABLE-WRAP (card container) */
.table-wrap{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}

/* PAGE SCROLL (scrollable detail area) */
.page-scroll{flex:1;overflow-y:auto;padding:20px 24px}

/* ROW SELECTED */
table.data-table tr.row--selected td{background:var(--accent-light)}

/* BADGE VARIANTS */
.badge--gold{background:#fef3c7;color:#92400e}
.badge--unread{background:var(--accent);color:white}

/* JOUR BADGE (rappels status) */
.jour-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}
.jour-badge--red{background:var(--red-light);color:var(--red)}
.jour-badge--green{background:var(--green-light);color:#166534}

/* RAPPEL TABLE ROWS */
.rappel-row--expired td{background:#fff5f5}
.rappel-row--expired td:first-child{border-left:3px solid var(--red)}
.rappel-row--future td:first-child{border-left:3px solid var(--green)}

/* PAGINATION BUTTONS (alias) */
.pagination__btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1px solid var(--border);background:white;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-2);transition:background .15s}
.pagination__btn:hover:not(:disabled){background:var(--blue-light);border-color:var(--blue);color:var(--blue)}
.pagination__btn.active{background:var(--accent);border-color:var(--accent);color:white}
.pagination__btn:disabled{opacity:.4;cursor:not-allowed}

/* ═══ DOSSIERS SPLIT LAYOUT ═══ */
.dossiers-split{display:flex;flex:1;overflow:hidden;gap:0}
.dossiers-split__table{flex:1;overflow:auto;padding:16px 16px 16px 24px;min-width:0}
.dossiers-split__panel{width:320px;min-width:320px;border-left:1px solid var(--border);background:var(--bg);overflow-y:auto;flex-shrink:0}

/* Panel card */
.panel-card{display:flex;flex-direction:column;height:100%}
.panel-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--bg-card);font-size:13px;flex-shrink:0}
.panel-card__close{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-3);cursor:pointer;transition:all .15s}
.panel-card__close:hover{background:#f1f5f9;color:var(--text);transform:scale(1.1)}
.panel-card__body{flex:1;overflow-y:auto;padding:12px 16px}

/* Panel sections */
.panel-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.panel-section:last-child{border-bottom:none}
.panel-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-3);margin-bottom:8px}

/* Panel rows (aperçu) */
.panel-row{display:flex;gap:8px;margin-bottom:5px;font-size:12.5px;align-items:flex-start}
.panel-row__label{color:var(--text-3);width:72px;flex-shrink:0;font-size:11px;padding-top:1px}
.panel-row__value{font-weight:500;color:var(--text);min-width:0;word-break:break-word}

/* Panel fields (recherche) */
.panel-field{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}
.panel-field__label{font-size:11px;font-weight:500;color:var(--text-2)}
.panel-field__input{height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12.5px;font-family:var(--font);background:white;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}
.panel-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(79,121,246,.1)}
select.panel-field__input{cursor:pointer;appearance:auto}

/* Panel checkbox */
.panel-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);margin-bottom:6px;cursor:pointer}
.panel-check input[type="checkbox"]{accent-color:var(--accent)}

/* Row preview highlight */
table.data-table tr.row--preview td{background:rgba(79,121,246,.06);border-left-color:var(--accent)}
table.data-table tr.row--preview td:first-child{border-left:3px solid var(--accent)}

@media(max-width:1100px){.kpi-row{grid-template-columns:repeat(2,1fr)}.dashboard-body{grid-template-columns:1fr}.dossiers-split__panel{width:280px;min-width:280px}}
@media(max-width:700px){.sidebar{display:none}.kpi-row{grid-template-columns:1fr 1fr}.dossiers-split{flex-direction:column}.dossiers-split__panel{width:100%;min-width:0;border-left:none;border-top:1px solid var(--border);max-height:40vh}}