/* TWEELIA CRM — design noir, dense et lumineux inspiré du produit de référence. */
:root {
  --v3-bg: #090b0a;
  --v3-sidebar: #0c0e0d;
  --v3-panel: #141716;
  --v3-panel-2: #191d1b;
  --v3-line: #292e2b;
  --v3-line-soft: #202421;
  --v3-text: #f5f7f5;
  --v3-muted: #8e9690;
  --v3-lime: #a8ff3e;
  --v3-lime-soft: rgba(168, 255, 62, .12);
  --v3-blue: #6fa8ff;
  --v3-violet: #a78bfa;
  --v3-danger: #ff6b79;
  --v3-radius: 14px;
  --sidebar-width: 236px;
}

* { box-sizing: border-box; }
html { scrollbar-gutter: stable; }
.tweelia-v3 .v3-page, .tweelia-v3 .v3-page > *, .tweelia-v3 .v3-email-workspace { min-width: 0; }
.tweelia-v3 .toolbar { flex-wrap: wrap; }
.tweelia-v3 .toolbar input, .tweelia-v3 .toolbar select { min-width: 0; max-width: 100%; }
.tweelia-v3 .table-wrap { max-width: 100%; overflow-x: auto; }
html, body { min-height: 100%; background: var(--v3-bg) !important; }
body.tweelia-v3 { margin: 0; color: var(--v3-text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 14px; }
/* Le verrou d'accès est une étape avant le CRM : ne jamais laisser le tableau
   de bord clignoter derrière lui, puis sembler disparaître à l'utilisateur. */
body.crm-access-locked #app, body.crm-access-locked #drawer-root, body.crm-access-locked #modal-root { visibility: hidden; pointer-events: none; }
.tweelia-v3 button, .tweelia-v3 input, .tweelia-v3 select, .tweelia-v3 textarea { font: inherit; }
.tweelia-v3 button { color: inherit; }
.tweelia-v3 .ui-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
.tweelia-v3 .v3-shell { display: grid; grid-template-columns: var(--sidebar-width) minmax(0, 1fr); min-height: 100vh; background: var(--v3-bg); }

/* Navigation */
.tweelia-v3 .sidebar { position: sticky; inset: 0 auto 0 0; height: 100vh; padding: 18px 14px 14px; display: flex; flex-direction: column; background: var(--v3-sidebar); border-right: 1px solid var(--v3-line); z-index: 50; overflow: hidden; }
.tweelia-v3 .v3-brand { min-height: 48px; display: flex; align-items: center; gap: 11px; padding: 0 7px 15px; border-bottom: 1px solid var(--v3-line-soft); }
.tweelia-v3 .v3-logo { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--v3-lime); color: #0b1207; font-weight: 900; font-size: 18px; box-shadow: 0 0 30px rgba(168,255,62,.18); }
.tweelia-v3 .v3-brand div { min-width: 0; display: grid; gap: 1px; }
.tweelia-v3 .v3-brand b { font-size: 14px; letter-spacing: .08em; }
.tweelia-v3 .v3-brand small { color: var(--v3-muted); font-size: 10px; }
.tweelia-v3 .sidebar-toggle { margin-left: auto; width: 27px; height: 27px; border: 1px solid var(--v3-line); border-radius: 8px; background: var(--v3-panel); color: var(--v3-muted); cursor: pointer; }
.tweelia-v3 .v3-side-search { height: 38px; margin: 16px 3px 8px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--v3-line); border-radius: 10px; background: #111412; color: var(--v3-muted); }
.tweelia-v3 .v3-side-search .ui-icon { width: 15px; }
.tweelia-v3 .v3-side-search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: var(--v3-text); font-size: 12px; }
.tweelia-v3 .v3-side-search kbd { padding: 2px 5px; border: 1px solid var(--v3-line); border-radius: 5px; color: #737a75; font-size: 9px; }
.tweelia-v3 .sidebar nav { flex: 1; overflow: auto; scrollbar-width: thin; scrollbar-color: #313632 transparent; padding: 0 2px; }
.tweelia-v3 .nav-section { margin: 18px 0 0; }
.tweelia-v3 .nav-section > p { margin: 0 10px 7px; color: #5f6661; font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.tweelia-v3 .nav-button { width: 100%; height: 38px; margin: 2px 0; padding: 0 10px; display: flex; align-items: center; gap: 11px; border: 0; border-radius: 9px; background: transparent; color: #969d98; font-size: 12px; font-weight: 600; text-align: left; cursor: pointer; transition: .18s ease; }
.tweelia-v3 .nav-button:hover { background: #181b19; color: var(--v3-text); transform: none; }
.tweelia-v3 .nav-button.active { background: var(--v3-lime); color: #10140e; box-shadow: 0 8px 28px rgba(168,255,62,.1); }
.tweelia-v3 .nav-button.active .ui-icon { stroke-width: 2.1; }
.tweelia-v3 .v3-sidebar-footer { padding-top: 10px; border-top: 1px solid var(--v3-line-soft); }
.tweelia-v3 .v3-profile { margin-top: 10px; padding: 10px 7px 2px; display: flex; align-items: center; gap: 9px; }
.tweelia-v3 .v3-profile > div { min-width: 0; display: grid; gap: 2px; flex: 1; }
.tweelia-v3 .v3-profile b, .tweelia-v3 .v3-profile small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tweelia-v3 .v3-profile b { font-size: 11px; }
.tweelia-v3 .v3-profile small { color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .v3-profile > i { width: 7px; height: 7px; border-radius: 50%; background: #555; }
.tweelia-v3 .v3-profile > i.online { background: var(--v3-lime); box-shadow: 0 0 10px rgba(168,255,62,.6); }

/* Barre supérieure et contenu */
.tweelia-v3 .main { width: auto !important; min-width: 0; margin-left: 0 !important; background: var(--v3-bg); }
.tweelia-v3 .v3-topbar { position: sticky; top: 0; z-index: 35; height: 66px; padding: 0 22px; display: flex; align-items: center; gap: 18px; background: rgba(9,11,10,.92); border-bottom: 1px solid var(--v3-line); backdrop-filter: blur(18px); }
.tweelia-v3 .v3-crumb { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.tweelia-v3 .v3-crumb span, .tweelia-v3 .v3-crumb i { color: #626963; font-style: normal; }
.tweelia-v3 .v3-crumb b { font-size: 12px; }
.tweelia-v3 .v3-top-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.tweelia-v3 .v3-sync { padding: 0 9px; display: flex; align-items: center; gap: 7px; color: var(--v3-muted); font-size: 10px; }
.tweelia-v3 .v3-sync > i { width: 6px; height: 6px; border-radius: 50%; background: #5a605b; }
.tweelia-v3 .v3-sync.online > i { background: var(--v3-lime); box-shadow: 0 0 9px rgba(168,255,62,.55); }
.tweelia-v3 .v3-icon-button { position: relative; width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--v3-line); border-radius: 10px; background: var(--v3-panel); color: #a8afa9; cursor: pointer; }
.tweelia-v3 .v3-icon-button:hover { border-color: #444b46; color: var(--v3-text); }
.tweelia-v3 .v3-icon-button .ui-icon { width: 16px; }
.tweelia-v3 .v3-icon-button > span { display: none !important; }
.tweelia-v3 .notification-dot { position: absolute; top: 7px; right: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--v3-lime); }
.tweelia-v3 .v3-create { min-height: 36px; padding-inline: 14px; }
.tweelia-v3 .v3-mobile-menu { display: none; }
.tweelia-v3 .v3-page { width: 100%; max-width: 1700px; margin: 0 auto; padding: 22px; }

/* Système commun */
.tweelia-v3 h1, .tweelia-v3 h2, .tweelia-v3 h3, .tweelia-v3 p { margin-top: 0; }
.tweelia-v3 .primary, .tweelia-v3 .secondary, .tweelia-v3 .ghost { min-height: 38px; padding: 0 15px; border-radius: 9px; font-size: 11px; font-weight: 750; cursor: pointer; transition: .16s ease; }
.tweelia-v3 .primary { border: 1px solid var(--v3-lime); background: var(--v3-lime); color: #11160d; box-shadow: none; }
.tweelia-v3 .primary:hover { background: #bcff69; border-color: #bcff69; transform: translateY(-1px); box-shadow: 0 10px 26px rgba(168,255,62,.12); }
.tweelia-v3 .secondary, .tweelia-v3 .ghost { border: 1px solid var(--v3-line); background: var(--v3-panel); color: #d8dcd9; }
.tweelia-v3 .secondary:hover, .tweelia-v3 .ghost:hover { border-color: #4a514c; background: var(--v3-panel-2); }
.tweelia-v3 .text-btn, .tweelia-v3 .v3-panel .text-btn { display: inline-flex; align-items: center; gap: 6px; border: 0; background: transparent; color: var(--v3-lime); font-size: 10px; font-weight: 700; cursor: pointer; }
.tweelia-v3 .text-btn .ui-icon { width: 13px; }
.tweelia-v3 .card, .tweelia-v3 .v3-panel { border: 1px solid var(--v3-line) !important; border-radius: var(--v3-radius) !important; background: var(--v3-panel) !important; box-shadow: none !important; }
.tweelia-v3 input, .tweelia-v3 select, .tweelia-v3 textarea { border: 1px solid var(--v3-line); border-radius: 9px; background: #101311; color: var(--v3-text); outline: none; }
.tweelia-v3 input:focus, .tweelia-v3 select:focus, .tweelia-v3 textarea:focus, .tweelia-v3 [contenteditable="true"]:focus { border-color: rgba(168,255,62,.65) !important; box-shadow: 0 0 0 3px rgba(168,255,62,.08); outline: none; }
.tweelia-v3 input::placeholder, .tweelia-v3 textarea::placeholder { color: #606762; }
.tweelia-v3 .muted { color: var(--v3-muted) !important; }
.tweelia-v3 .eyebrow { color: var(--v3-lime) !important; font-size: 9px !important; font-weight: 850; letter-spacing: .14em; }
.tweelia-v3 .avatar { border: 1px solid #343a36; background: #232824; color: #dce1dd; }
.tweelia-v3 .badge { padding: 5px 8px; border-radius: 999px; border: 1px solid #363c38; background: #222723; color: #bdc3be; font-size: 9px; }
.tweelia-v3 .active-badge, .tweelia-v3 .client-badge { border-color: rgba(168,255,62,.25); background: var(--v3-lime-soft); color: var(--v3-lime); }
.tweelia-v3 .page-heading { margin: 0 0 20px; align-items: end; }
.tweelia-v3 .v3-page-heading > div:first-child { max-width: 690px; }
.tweelia-v3 .v3-page-heading h1 { margin: 5px 0 5px; color: var(--v3-text); font-size: clamp(26px, 2.4vw, 38px); line-height: 1.05; letter-spacing: -.035em; }
.tweelia-v3 .v3-page-heading .muted { margin: 0; font-size: 12px; }

/* Dashboard */
.tweelia-v3 .v3-dashboard-head { min-height: 75px; margin-bottom: 20px; display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.tweelia-v3 .v3-dashboard-head > div:first-child p { margin-bottom: 6px; color: var(--v3-lime); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.tweelia-v3 .v3-dashboard-head h1 { margin-bottom: 6px; font-size: clamp(25px, 2.3vw, 36px); letter-spacing: -.035em; }
.tweelia-v3 .v3-dashboard-head > div:first-child span { color: var(--v3-muted); font-size: 12px; }
.tweelia-v3 .v3-dashboard-head > div:last-child { display: flex; gap: 8px; }
.tweelia-v3 .v3-overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 14px; }
.tweelia-v3 .v3-dashboard-core { min-width: 0; display: grid; gap: 14px; }
.tweelia-v3 .v3-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.tweelia-v3 .v3-kpis article { min-height: 116px; padding: 16px; display: grid; align-content: space-between; border: 1px solid var(--v3-line); border-radius: 12px; background: var(--v3-panel); }
.tweelia-v3 .v3-kpis article > span { color: #a9b0aa; font-size: 10px; }
.tweelia-v3 .v3-kpis article > b { margin: 5px 0; font-size: clamp(24px, 2vw, 32px); letter-spacing: -.045em; }
.tweelia-v3 .v3-kpis article > small { display: flex; align-items: center; gap: 6px; color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .v3-kpis small i { width: 6px; height: 6px; border-radius: 50%; background: #555; }
.tweelia-v3 .v3-kpis small i.lime { background: var(--v3-lime); }.tweelia-v3 .v3-kpis small i.blue { background: var(--v3-blue); }.tweelia-v3 .v3-kpis small i.violet { background: var(--v3-violet); }
.tweelia-v3 .v3-360-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.tweelia-v3 .v3-360-strip > button { min-height: 80px; padding: 13px 15px; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 10px; border: 1px solid var(--v3-line); border-radius: 12px; background: linear-gradient(145deg, var(--v3-panel), #161b17); color: var(--v3-text); text-align: left; cursor: pointer; transition: .16s ease; }
.tweelia-v3 .v3-360-strip > button:hover { border-color: rgba(168,255,62,.35); transform: translateY(-1px); }
.tweelia-v3 .v3-360-strip span { color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-360-strip b { grid-row: 1 / 3; grid-column: 2; color: var(--v3-lime); font-size: 24px; }.tweelia-v3 .v3-360-strip small { color: #c5cbc6; font-size: 9px; }
.tweelia-v3 .v3-main-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr); gap: 14px; }
.tweelia-v3 .v3-panel { overflow: hidden; }
.tweelia-v3 .v3-panel > header { min-height: 68px; padding: 15px 17px; display: flex; align-items: center; justify-content: space-between; gap: 15px; border-bottom: 1px solid var(--v3-line-soft); }
.tweelia-v3 .v3-panel header p { margin: 0 0 4px; color: #6e756f; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.tweelia-v3 .v3-panel header h2 { margin: 0; font-size: 14px; }
.tweelia-v3 .v3-chart { padding: 17px; display: grid; gap: 12px; }
.tweelia-v3 .v3-chart > div { display: grid; grid-template-columns: 82px minmax(80px, 1fr) 24px; align-items: center; gap: 10px; }
.tweelia-v3 .v3-chart span, .tweelia-v3 .v3-chart b { font-size: 9px; }
.tweelia-v3 .v3-chart b { text-align: right; }
.tweelia-v3 .v3-chart i { height: 7px; border-radius: 999px; background: #242925; overflow: hidden; }
.tweelia-v3 .v3-chart em { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #70a934, var(--v3-lime)); box-shadow: 0 0 14px rgba(168,255,62,.15); }
.tweelia-v3 .v3-pipeline-card > footer { min-height: 42px; padding: 0 17px; display: flex; align-items: center; gap: 22px; border-top: 1px solid var(--v3-line-soft); color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .v3-profit-card { background: linear-gradient(145deg, #151917 30%, #172319) !important; }
.tweelia-v3 .v3-profit-card > strong { display: block; padding: 24px 17px 4px; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.05em; }
.tweelia-v3 .v3-profit-card > span { display: block; padding: 0 17px; font-size: 9px; }.tweelia-v3 .positive { color: var(--v3-lime); }.tweelia-v3 .negative { color: var(--v3-danger); }
.tweelia-v3 .v3-money-lines { margin-top: 20px; padding: 14px 17px; display: grid; gap: 12px; border-top: 1px solid var(--v3-line-soft); }
.tweelia-v3 .v3-money-lines div { display: flex; justify-content: space-between; color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-money-lines b { color: var(--v3-text); }
.tweelia-v3 .v3-contact-table > button { width: 100%; min-height: 58px; padding: 8px 17px; display: grid; grid-template-columns: 34px minmax(120px, 1.1fr) 90px minmax(130px, 1fr) 100px; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid var(--v3-line-soft); background: transparent; text-align: left; cursor: pointer; }
.tweelia-v3 .v3-contact-table > button:hover { background: #191d1b; }
.tweelia-v3 .v3-contact-table > button > span:nth-child(2) { display: grid; gap: 2px; }.tweelia-v3 .v3-contact-table b { font-size: 10px; }.tweelia-v3 .v3-contact-table small, .tweelia-v3 .v3-contact-table time { color: var(--v3-muted); font-size: 8px; }.tweelia-v3 .v3-contact-table em { width: max-content; padding: 4px 7px; border-radius: 999px; background: var(--v3-lime-soft); color: var(--v3-lime); font-size: 8px; font-style: normal; }
.tweelia-v3 .v3-dashboard-rail { min-width: 0; display: grid; align-content: start; gap: 14px; }
.tweelia-v3 .v3-rail-block, .tweelia-v3 .v3-quick-card { border: 1px solid var(--v3-line); border-radius: var(--v3-radius); background: var(--v3-panel); overflow: hidden; }
.tweelia-v3 .v3-rail-block > header { height: 55px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--v3-line-soft); }
.tweelia-v3 .v3-rail-block h2 { margin: 0; font-size: 13px; }.tweelia-v3 .v3-rail-block header span { min-width: 24px; height: 24px; padding: 0 6px; display: grid; place-items: center; border-radius: 8px; background: var(--v3-lime); color: #11160d; font-size: 9px; font-weight: 800; }
.tweelia-v3 .v3-task, .tweelia-v3 .v3-activity { width: 100%; min-height: 57px; padding: 9px 14px; display: flex; align-items: center; gap: 10px; border: 0; border-bottom: 1px solid var(--v3-line-soft); background: transparent; text-align: left; cursor: pointer; }
.tweelia-v3 .v3-task:hover, .tweelia-v3 .v3-activity:hover { background: #1a1e1b; }
.tweelia-v3 .v3-task > i { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: #272c28; color: var(--v3-lime); font-size: 9px; font-style: normal; }.tweelia-v3 .v3-task > span, .tweelia-v3 .v3-activity > span { min-width: 0; display: grid; gap: 3px; flex: 1; }.tweelia-v3 .v3-task b, .tweelia-v3 .v3-activity b { overflow: hidden; color: #dce0dd; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.tweelia-v3 .v3-task small, .tweelia-v3 .v3-activity small, .tweelia-v3 .v3-task time { color: var(--v3-muted); font-size: 8px; }
.tweelia-v3 .v3-activity > i { width: 7px; height: 7px; border-radius: 50%; background: var(--v3-lime); box-shadow: 0 0 10px rgba(168,255,62,.32); }
.tweelia-v3 .v3-quick-card { padding: 17px; background: radial-gradient(circle at 100% 0, rgba(168,255,62,.15), transparent 50%), #151a16; }.tweelia-v3 .v3-quick-card > span { color: var(--v3-lime); font-size: 8px; font-weight: 850; letter-spacing: .14em; }.tweelia-v3 .v3-quick-card h2 { margin: 9px 0 13px; max-width: 220px; font-size: 20px; line-height: 1.08; }.tweelia-v3 .v3-quick-card button { width: 100%; min-height: 36px; padding: 0; display: flex; align-items: center; justify-content: space-between; border: 0; border-top: 1px solid rgba(255,255,255,.08); background: transparent; color: #d9ded9; font-size: 9px; cursor: pointer; }.tweelia-v3 .v3-quick-card .ui-icon { width: 13px; color: var(--v3-lime); }
.tweelia-v3 .v3-sync-block > div { padding: 14px 15px; display: grid; gap: 5px; }.tweelia-v3 .v3-sync-block > div b { font-size: 11px; }.tweelia-v3 .v3-sync-block > div small { color: var(--v3-muted); font-size: 8px; line-height: 1.45; }.tweelia-v3 .v3-sync-block header span { background: var(--v3-lime-soft); color: var(--v3-lime); }.tweelia-v3 .v3-sync-block header span.error { background: rgba(255,92,92,.1); color: var(--v3-danger); }

/* Email direct */
.tweelia-v3 .v3-heading-actions { display: flex; align-items: center; gap: 7px; }
.tweelia-v3 .v3-subnav { width: max-content; max-width: 100%; margin: 0 0 14px; padding: 4px; display: flex; gap: 2px; overflow-x: auto; border: 1px solid var(--v3-line); border-radius: 11px; background: #101311; }
.tweelia-v3 .v3-subnav button { min-height: 30px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: var(--v3-muted); font-size: 9px; font-weight: 700; white-space: nowrap; cursor: pointer; }.tweelia-v3 .v3-subnav button:hover, .tweelia-v3 .v3-subnav button.active { background: var(--v3-panel-2); color: var(--v3-text); }.tweelia-v3 .v3-subnav button.active { color: var(--v3-lime); }
.tweelia-v3 .v3-email-summary { margin-bottom: 14px; display: grid; grid-template-columns: repeat(3, minmax(120px, 160px)) minmax(270px, 1fr); gap: 9px; }
.tweelia-v3 .v3-email-summary article, .tweelia-v3 .v3-sender-status { min-height: 72px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; border: 1px solid var(--v3-line); border-radius: 11px; background: var(--v3-panel); }.tweelia-v3 .v3-email-summary article span { color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-email-summary article b { font-size: 21px; }.tweelia-v3 .v3-sender-status { gap: 10px; }.tweelia-v3 .resend-status { width: max-content; padding: 5px 8px; border-radius: 999px; background: #292e2b; color: #b8beb9; font-size: 8px; }
.tweelia-v3 .v3-email-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .65fr); gap: 14px; align-items: start; }
.tweelia-v3 .v3-email-composer, .tweelia-v3 .v3-audience { border: 1px solid var(--v3-line); border-radius: var(--v3-radius); background: var(--v3-panel); overflow: hidden; }
.tweelia-v3 .v3-email-composer > header, .tweelia-v3 .v3-audience > header { min-height: 68px; padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-email-composer > header > div, .tweelia-v3 .v3-audience > header > div { display: flex; align-items: center; gap: 10px; }.tweelia-v3 .v3-email-composer h2, .tweelia-v3 .v3-audience h2 { margin: 0 0 3px; font-size: 13px; }.tweelia-v3 .v3-email-composer header p, .tweelia-v3 .v3-audience header p { margin: 0; color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .v3-step { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--v3-lime); color: #11160d; font-size: 10px; font-weight: 850; }
.tweelia-v3 .v3-email-composer > header select { width: 170px; height: 34px; padding: 0 9px; font-size: 9px; }
.tweelia-v3 .v3-subject { padding: 14px 16px; display: grid; grid-template-columns: 55px 1fr; align-items: center; border-bottom: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-subject span { color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-subject input { height: 38px; padding: 0 11px; font-weight: 650; }
.tweelia-v3 .v3-editor-wrap { margin: 16px; border: 1px solid var(--v3-line); border-radius: 11px; background: #101311; overflow: hidden; }
.tweelia-v3 .editor-toolbar { min-height: 43px; padding: 6px 8px; display: flex; align-items: center; gap: 4px; border-bottom: 1px solid var(--v3-line); background: #171a18; }.tweelia-v3 .editor-toolbar button { min-height: 28px; padding: 0 8px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: #abb1ac; font-size: 9px; cursor: pointer; }.tweelia-v3 .editor-toolbar button:hover { border-color: #353b37; background: #202421; color: var(--v3-text); }.tweelia-v3 .editor-toolbar > span { flex: 1; }
.tweelia-v3 .rich-editor { min-height: 310px; padding: 25px 28px; border: 0 !important; background: #101311; color: #e4e8e4; font-size: 13px; line-height: 1.65; }
.tweelia-v3 .v3-email-foot { min-height: 66px; padding: 10px 15px; display: flex; align-items: center; gap: 8px; border-top: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-email-foot > div:last-child { margin-left: auto; display: flex; gap: 7px; }.tweelia-v3 .v3-attach { min-height: 34px; padding: 0 10px; border: 1px dashed #424942; border-radius: 8px; background: transparent; color: var(--v3-muted); font-size: 9px; cursor: pointer; }.tweelia-v3 .attachment-list { display: flex; gap: 5px; flex-wrap: wrap; }.tweelia-v3 .attachment-list > span { padding: 5px 7px; border-radius: 7px; background: #222723; color: #c5cac6; font-size: 8px; }.tweelia-v3 .attachment-list button { border: 0; background: none; color: var(--v3-danger); }
.tweelia-v3 .v3-audience { position: sticky; top: 80px; }
.tweelia-v3 .v3-recipient-search { height: 41px; margin: 12px; padding: 0 10px; display: flex; align-items: center; gap: 8px; border: 1px solid var(--v3-line); border-radius: 9px; background: #101311; color: var(--v3-muted); }.tweelia-v3 .v3-recipient-search .ui-icon { width: 14px; }.tweelia-v3 .v3-recipient-search input { width: 100%; height: 100%; padding: 0; border: 0; background: transparent; font-size: 10px; }
.tweelia-v3 .v3-audience .recipient-list { max-height: 470px; padding: 0 12px; overflow: auto; scrollbar-width: thin; scrollbar-color: #363b37 transparent; }
.tweelia-v3 .v3-audience .recipient { min-height: 57px; padding: 8px; display: grid; grid-template-columns: 16px 30px minmax(0, 1fr) auto; align-items: center; gap: 8px; border: 1px solid transparent; border-bottom-color: var(--v3-line-soft); border-radius: 8px; cursor: pointer; }.tweelia-v3 .v3-audience .recipient:hover { background: #191d1b; }.tweelia-v3 .v3-audience .recipient.selected { border-color: rgba(168,255,62,.2); background: var(--v3-lime-soft); }.tweelia-v3 .v3-audience .recipient input { accent-color: var(--v3-lime); }.tweelia-v3 .v3-audience .recipient > span:nth-of-type(2) { min-width: 0; display: grid; gap: 2px; }.tweelia-v3 .v3-audience .recipient b, .tweelia-v3 .v3-audience .recipient small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.tweelia-v3 .v3-audience .recipient b { font-size: 9px; }.tweelia-v3 .v3-audience .recipient small, .tweelia-v3 .v3-audience .recipient em { color: var(--v3-muted); font-size: 8px; font-style: normal; }
.tweelia-v3 .v3-audience > footer { min-height: 72px; padding: 10px 12px; display: grid; gap: 7px; border-top: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-audience > footer > span { color: var(--v3-muted); font-size: 8px; }.tweelia-v3 .v3-audience > footer .primary { width: 100%; }
.tweelia-v3 .v3-email-history { margin-top: 14px; }.tweelia-v3 .v3-email-history > div { min-height: 54px; padding: 7px 16px; display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; border-bottom: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-email-history > div > span:nth-child(2) { display: grid; gap: 2px; }.tweelia-v3 .v3-email-history b { font-size: 9px; }.tweelia-v3 .v3-email-history small, .tweelia-v3 .v3-email-history em { color: var(--v3-muted); font-size: 8px; font-style: normal; }.tweelia-v3 .v3-mail-icon { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; background: var(--v3-lime-soft); color: var(--v3-lime); }.tweelia-v3 .v3-mail-icon .ui-icon { width: 13px; }
.tweelia-v3 .v3-load-more { width: calc(100% - 8px); margin: 10px 4px; }
.tweelia-v3 .v3-kpi-link { cursor: pointer; }.tweelia-v3 .v3-kpi-link:hover { border-color: rgba(168,255,62,.35) !important; transform: translateY(-1px); }
.tweelia-v3 .v3-inbox-badge { min-width: 17px; height: 17px; margin-left: 5px; padding: 0 5px; display: inline-grid; place-items: center; border-radius: 999px; background: var(--v3-lime); color: #11160d; font-size: 8px; }
.tweelia-v3 .v3-inbox-layout { min-height: 650px; display: grid; grid-template-columns: minmax(290px, .72fr) minmax(0, 1.45fr); border: 1px solid var(--v3-line); border-radius: var(--v3-radius); background: var(--v3-panel); overflow: hidden; }
.tweelia-v3 .v3-inbox-list { min-width: 0; border-right: 1px solid var(--v3-line); background: #111412; }.tweelia-v3 .v3-inbox-list > header { min-height: 70px; padding: 13px 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--v3-line); }.tweelia-v3 .v3-inbox-list > header p { margin: 0 0 4px; color: var(--v3-lime); font-size: 8px; font-weight: 800; letter-spacing: .1em; }.tweelia-v3 .v3-inbox-list > header h2 { margin: 0; font-size: 13px; }.tweelia-v3 .v3-inbox-list > header > span { min-width: 28px; height: 28px; display: grid; place-items: center; border-radius: 9px; background: var(--v3-panel-2); color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .v3-inbox-scroll { max-height: 650px; overflow: auto; scrollbar-width: thin; scrollbar-color: #363b37 transparent; }.tweelia-v3 .v3-inbox-row { width: 100%; min-height: 83px; padding: 11px 13px; display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; align-items: start; gap: 9px; border: 0; border-bottom: 1px solid var(--v3-line-soft); background: transparent; color: var(--v3-text); text-align: left; cursor: pointer; }.tweelia-v3 .v3-inbox-row:hover { background: #191d1b; }.tweelia-v3 .v3-inbox-row.active { background: var(--v3-lime-soft); box-shadow: inset 2px 0 var(--v3-lime); }.tweelia-v3 .v3-inbox-row.unread > span:nth-child(2) b::before { content: ""; width: 6px; height: 6px; margin-right: 6px; display: inline-block; border-radius: 50%; background: var(--v3-lime); }.tweelia-v3 .v3-inbox-row > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }.tweelia-v3 .v3-inbox-row b, .tweelia-v3 .v3-inbox-row strong, .tweelia-v3 .v3-inbox-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.tweelia-v3 .v3-inbox-row b { font-size: 9px; }.tweelia-v3 .v3-inbox-row strong { color: #d8ddd9; font-size: 10px; }.tweelia-v3 .v3-inbox-row small, .tweelia-v3 .v3-inbox-row time { color: var(--v3-muted); font-size: 8px; }.tweelia-v3 .v3-inbox-more { width: calc(100% - 24px); margin: 12px; }
.tweelia-v3 .v3-inbox-reader { min-width: 0; background: var(--v3-panel); }.tweelia-v3 .v3-inbox-reader > header { min-height: 105px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--v3-line); }.tweelia-v3 .v3-inbox-reader > header p { margin: 0 0 7px; color: var(--v3-lime); font-size: 8px; font-weight: 800; letter-spacing: .1em; }.tweelia-v3 .v3-inbox-reader > header h1 { margin: 0; font-size: clamp(17px, 2vw, 24px); }.tweelia-v3 .v3-inbox-meta { min-height: 72px; padding: 13px 24px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: center; gap: 11px; border-bottom: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-inbox-meta > div { min-width: 0; display: grid; gap: 3px; }.tweelia-v3 .v3-inbox-meta b { font-size: 10px; }.tweelia-v3 .v3-inbox-meta small, .tweelia-v3 .v3-inbox-meta time { overflow: hidden; color: var(--v3-muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.tweelia-v3 .v3-inbox-content { min-height: 360px; padding: 28px 30px; color: #d5dad6; font-size: 12px; line-height: 1.75; white-space: normal; overflow-wrap: anywhere; }.tweelia-v3 .v3-inbox-reader > footer { padding: 15px 24px; border-top: 1px solid var(--v3-line); }.tweelia-v3 .v3-inbox-reader > footer > b { font-size: 9px; }.tweelia-v3 .v3-inbox-reader > footer > div { margin-top: 9px; display: flex; flex-wrap: wrap; gap: 7px; }.tweelia-v3 .v3-inbox-reader > footer span { padding: 7px 9px; border: 1px solid var(--v3-line); border-radius: 8px; background: #171b18; color: #cbd0cc; font-size: 8px; }.tweelia-v3 .v3-inbox-reader > footer small { color: var(--v3-muted); }.tweelia-v3 .v3-inbox-loading, .tweelia-v3 .v3-inbox-error { min-height: 180px; padding: 24px; display: grid; place-items: center; align-content: center; gap: 8px; color: var(--v3-muted); font-size: 9px; text-align: center; }.tweelia-v3 .v3-inbox-error b { color: var(--v3-danger); }

/* Centre d’import */
.tweelia-v3 .v3-import-types { margin-bottom: 14px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.tweelia-v3 .v3-import-types > button { min-height: 86px; padding: 14px; display: grid; grid-template-columns: 31px 1fr 18px; align-items: center; gap: 11px; border: 1px solid var(--v3-line); border-radius: 12px; background: var(--v3-panel); text-align: left; cursor: pointer; }.tweelia-v3 .v3-import-types > button:hover, .tweelia-v3 .v3-import-types > button.active { border-color: rgba(168,255,62,.42); background: linear-gradient(135deg, var(--v3-lime-soft), var(--v3-panel)); }.tweelia-v3 .v3-import-types > button > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; background: #242925; color: var(--v3-muted); font-size: 10px; font-weight: 800; }.tweelia-v3 .v3-import-types > button.active > span { background: var(--v3-lime); color: #11160d; }.tweelia-v3 .v3-import-types div { min-width: 0; display: grid; gap: 4px; }.tweelia-v3 .v3-import-types b { font-size: 11px; }.tweelia-v3 .v3-import-types small { color: var(--v3-muted); font-size: 8px; line-height: 1.35; }.tweelia-v3 .v3-import-types .ui-icon { width: 14px; color: var(--v3-lime); }
.tweelia-v3 .v3-import-zone { min-height: 265px; padding: 30px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px dashed #3c443d; border-radius: var(--v3-radius); background: radial-gradient(circle at 50% 100%, rgba(168,255,62,.08), transparent 48%), #111412; text-align: center; }.tweelia-v3 .v3-import-zone:hover { border-color: rgba(168,255,62,.46); }.tweelia-v3 .v3-import-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 14px; background: var(--v3-lime); color: #11160d; font-size: 22px; font-weight: 800; }.tweelia-v3 .v3-import-zone h2 { margin: 3px 0 0; font-size: 20px; }.tweelia-v3 .v3-import-zone p:not(.eyebrow), .tweelia-v3 .v3-import-zone small, .tweelia-v3 .v3-import-zone > span { margin: 0; max-width: 640px; color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-import-zone .primary { margin-top: 9px; }
.tweelia-v3 .v3-import-preview { margin-top: 14px; }.tweelia-v3 .v3-import-summary { padding: 12px 16px; display: flex; gap: 10px; border-bottom: 1px solid var(--v3-line-soft); }.tweelia-v3 .v3-import-summary span { padding: 7px 10px; border-radius: 8px; background: #202421; color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-import-summary b { color: var(--v3-text); }.tweelia-v3 .v3-import-preview > footer { padding: 12px 16px; border-top: 1px solid var(--v3-line-soft); color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .v3-import-result { margin-top: 14px; padding: 15px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(168,255,62,.25); border-radius: 12px; background: var(--v3-lime-soft); }.tweelia-v3 .v3-import-result > span { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--v3-lime); color: #11160d; }.tweelia-v3 .v3-import-result b { font-size: 11px; }.tweelia-v3 .v3-import-result p { margin: 3px 0 0; color: var(--v3-muted); font-size: 9px; }
.tweelia-v3 .progressive-loader, .tweelia-v3 .progressive-pagination { min-height: 58px; padding: 9px 14px !important; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid var(--v3-line); border-radius: 11px; background: var(--v3-panel); color: var(--v3-muted); font-size: 9px; }.tweelia-v3 .progressive-loader { margin-top: 12px; }

/* Vues historiques harmonisées */
.tweelia-v3 .toolbar { padding: 10px !important; gap: 8px; }.tweelia-v3 .toolbar input, .tweelia-v3 .toolbar select { min-height: 38px; }
.tweelia-v3 .data-table { color: var(--v3-text); }.tweelia-v3 .data-table thead { background: #111412; }.tweelia-v3 .data-table th { color: #747c76; font-size: 8px; letter-spacing: .08em; }.tweelia-v3 .data-table td { border-color: var(--v3-line-soft); color: #cbd0cc; font-size: 10px; }.tweelia-v3 .data-table tr:hover td { background: #191d1b; }.tweelia-v3 .business-cell { color: var(--v3-text); }.tweelia-v3 .business-cell small { color: var(--v3-muted); }.tweelia-v3 .pagination { border-color: var(--v3-line-soft); }
.tweelia-v3 .pipeline-board, .tweelia-v3 .planning-board, .tweelia-v3 .projects-grid, .tweelia-v3 .finance-grid, .tweelia-v3 .document-layout, .tweelia-v3 .strategy-shell, .tweelia-v3 .commercial-grid { gap: 12px; }
.tweelia-v3 .pipeline-column, .tweelia-v3 .kanban-column, .tweelia-v3 .planning-column, .tweelia-v3 .document-sidebar, .tweelia-v3 .strategy-sidebar { border-color: var(--v3-line) !important; background: #111412 !important; }.tweelia-v3 .pipeline-card, .tweelia-v3 .task-card, .tweelia-v3 .project-card, .tweelia-v3 .commercial-row, .tweelia-v3 .campaign-row { border-color: var(--v3-line) !important; background: var(--v3-panel) !important; box-shadow: none !important; }
.tweelia-v3 .field label, .tweelia-v3 label > span { color: #aab0ab; }.tweelia-v3 .field input, .tweelia-v3 .field select, .tweelia-v3 .field textarea, .tweelia-v3 .form-row input, .tweelia-v3 .form-row select, .tweelia-v3 .form-row textarea { min-height: 40px; padding: 9px 11px; }
.tweelia-v3 .v3-empty, .tweelia-v3 .empty-state { min-height: 120px; display: grid; place-items: center; align-content: center; gap: 5px; color: var(--v3-muted); text-align: center; }.tweelia-v3 .v3-empty > span { color: var(--v3-lime); }.tweelia-v3 .v3-empty b { color: #d9deda; font-size: 10px; }.tweelia-v3 .v3-empty small { font-size: 8px; }

/* Fenêtres et panneau prospect */
.tweelia-v3 .modal-layer, .tweelia-v3 .drawer-layer, .tweelia-v3 .email-control-admin-overlay { z-index: 200; }.tweelia-v3 .modal-layer, .tweelia-v3 .drawer-layer { overscroll-behavior: contain; }.tweelia-v3 .modal-layer { overflow-y: auto; }.tweelia-v3 .modal-backdrop, .tweelia-v3 .drawer-backdrop, .tweelia-v3 .email-control-admin-overlay { background: rgba(0,0,0,.72); backdrop-filter: blur(7px); }
.tweelia-v3 .modal, .tweelia-v3 .drawer, .tweelia-v3 .email-control-admin { border: 1px solid #363c38; border-radius: 15px; background: #121513; color: var(--v3-text); box-shadow: 0 30px 90px rgba(0,0,0,.62); }
.tweelia-v3 .modal { max-height: min(760px, 92vh); overflow: auto; }.tweelia-v3 .modal-head, .tweelia-v3 .modal-foot, .tweelia-v3 .drawer-head, .tweelia-v3 .email-control-admin > header, .tweelia-v3 .email-control-admin > footer { border-color: var(--v3-line); background: #151816; }.tweelia-v3 .modal-body, .tweelia-v3 .drawer-body, .tweelia-v3 .email-control-admin-body { background: #121513; }
.tweelia-v3 .modal-preview article { border-color: var(--v3-line) !important; background: #101311 !important; color: var(--v3-text); }.tweelia-v3 .modal-foot { background: #151816 !important; }
.tweelia-v3 .icon-btn { border-color: var(--v3-line); background: #202421; color: #b8beba; }.tweelia-v3 .drawer-tabs, .tweelia-v3 .drawer-actions { border-color: var(--v3-line); }.tweelia-v3 .drawer-tab.active { color: var(--v3-lime); border-color: var(--v3-lime); }
.tweelia-v3 .email-control-summary { display: none !important; }
.tweelia-v3 .email-control-admin { width: min(820px, calc(100vw - 28px)); max-height: 88vh; overflow: auto; }.tweelia-v3 .email-sender-row, .tweelia-v3 .email-admin-form, .tweelia-v3 .email-send-summary { border-color: var(--v3-line); background: #181c19; }
.tweelia-v3 .email-admin-tabs .mini-btn, .tweelia-v3 .email-row-actions .mini-btn, .tweelia-v3 .email-admin-limit-controls .mini-btn { border-color: var(--v3-line) !important; background: #202421 !important; color: #cbd0cc !important; }.tweelia-v3 .email-admin-tabs .mini-btn.active { border-color: rgba(168,255,62,.35) !important; background: var(--v3-lime-soft) !important; color: var(--v3-lime) !important; }.tweelia-v3 .email-admin-limit-controls { border-color: var(--v3-line) !important; background: #121513 !important; }.tweelia-v3 .email-checkbox input { accent-color: var(--v3-lime); }
.tweelia-v3 .toast { z-index: 300; border: 1px solid rgba(168,255,62,.25); background: #182018; color: var(--v3-text); box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.tweelia-v3:has(.modal-layer), .tweelia-v3:has(.drawer-layer), .tweelia-v3:has(.email-control-admin-overlay), .tweelia-v3:has(.resend-email-overlay) { overflow: hidden; }

/* Thème clair optionnel, sans casser la hiérarchie */
.tweelia-v3.light-theme { --v3-bg: #f2f4f1; --v3-sidebar: #fbfcfa; --v3-panel: #fff; --v3-panel-2: #f5f7f4; --v3-line: #dce1dc; --v3-line-soft: #e8ece8; --v3-text: #111512; --v3-muted: #687069; }
.tweelia-v3.light-theme .v3-topbar { background: rgba(242,244,241,.9); }.tweelia-v3.light-theme input, .tweelia-v3.light-theme select, .tweelia-v3.light-theme textarea, .tweelia-v3.light-theme .v3-side-search, .tweelia-v3.light-theme .v3-recipient-search, .tweelia-v3.light-theme .v3-editor-wrap, .tweelia-v3.light-theme .rich-editor { background: #fff; }.tweelia-v3.light-theme .editor-toolbar, .tweelia-v3.light-theme .data-table thead { background: #f4f6f3; }

/* Responsive */
@media (max-width: 1220px) {
  .tweelia-v3 .v3-overview-grid { grid-template-columns: 1fr; }.tweelia-v3 .v3-dashboard-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); }.tweelia-v3 .v3-email-grid { grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr); }
}
@media (max-width: 980px) {
  .tweelia-v3 .v3-shell { grid-template-columns: 1fr; }.tweelia-v3 .sidebar { position: fixed; z-index: 3000; width: min(285px, 88vw); transform: translateX(-105%); transition: transform .2s ease; box-shadow: 25px 0 70px rgba(0,0,0,.55); }.tweelia-v3 .sidebar.open { transform: translateX(0); }.tweelia-v3 .mobile-sidebar-backdrop { z-index: 2990 !important; }.tweelia-v3 .v3-mobile-menu { width: 34px; height: 34px; display: grid; align-content: center; gap: 4px; padding: 8px; border: 1px solid var(--v3-line); border-radius: 9px; background: var(--v3-panel); }.tweelia-v3 .v3-mobile-menu span { height: 1px; background: var(--v3-text); }.tweelia-v3 .v3-kpis { grid-template-columns: repeat(2, 1fr); }.tweelia-v3 .v3-dashboard-rail { grid-template-columns: 1fr 1fr; }.tweelia-v3 .v3-quick-card { grid-column: 1 / -1; }.tweelia-v3 .v3-email-grid, .tweelia-v3 .v3-inbox-layout { grid-template-columns: 1fr; }.tweelia-v3 .v3-inbox-list { border-right: 0; border-bottom: 1px solid var(--v3-line); }.tweelia-v3 .v3-inbox-scroll { max-height: 330px; }.tweelia-v3 .v3-audience { position: static; }.tweelia-v3 .v3-email-summary { grid-template-columns: repeat(3, 1fr); }.tweelia-v3 .v3-sender-status { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .tweelia-v3 .v3-page { padding: 14px; }.tweelia-v3 .v3-topbar { height: 58px; padding: 0 12px; }.tweelia-v3 .v3-crumb span, .tweelia-v3 .v3-crumb i, .tweelia-v3 .v3-sync, .tweelia-v3 .v3-create span, .tweelia-v3 .v3-top-actions > .v3-icon-button:first-of-type { display: none; }.tweelia-v3 .v3-dashboard-head, .tweelia-v3 .page-heading { align-items: stretch; flex-direction: column; }.tweelia-v3 .v3-heading-actions { width: 100%; }.tweelia-v3 .v3-heading-actions button { flex: 1; }.tweelia-v3 .v3-dashboard-head > div:last-child { width: 100%; }.tweelia-v3 .v3-dashboard-head > div:last-child button { flex: 1; }.tweelia-v3 .v3-kpis, .tweelia-v3 .v3-main-grid, .tweelia-v3 .v3-dashboard-rail { grid-template-columns: 1fr; }.tweelia-v3 .v3-kpis { gap: 8px; }.tweelia-v3 .v3-kpis article { min-height: 96px; }.tweelia-v3 .v3-contact-table > button { grid-template-columns: 34px 1fr auto; }.tweelia-v3 .v3-contact-table > button > span:nth-last-child(2), .tweelia-v3 .v3-contact-table time { display: none; }.tweelia-v3 .v3-email-summary { grid-template-columns: repeat(3, 1fr); }.tweelia-v3 .v3-email-summary article { padding: 9px; flex-direction: column; align-items: start; }.tweelia-v3 .v3-sender-status { grid-column: 1 / -1; }.tweelia-v3 .v3-email-composer > header { align-items: stretch; flex-direction: column; }.tweelia-v3 .v3-email-composer > header select { width: 100%; }.tweelia-v3 .editor-toolbar { overflow-x: auto; }.tweelia-v3 .rich-editor { min-height: 270px; padding: 18px; }.tweelia-v3 .v3-email-foot { align-items: stretch; flex-direction: column; }.tweelia-v3 .v3-email-foot > div:last-child { margin-left: 0; display: grid; grid-template-columns: 1fr 1fr; }.tweelia-v3 .v3-email-foot > div:last-child .primary { grid-column: 1 / -1; }.tweelia-v3 .data-table { min-width: 850px; }
}
@media (max-width: 700px) {
  .tweelia-v3 .v3-import-types { grid-template-columns: 1fr; }.tweelia-v3 .v3-import-zone { min-height: 235px; padding: 22px 14px; }.tweelia-v3 .v3-import-summary { align-items: stretch; flex-direction: column; }.tweelia-v3 .v3-import-preview .v3-heading-actions { flex-direction: column; }
  .tweelia-v3 .v3-360-strip { grid-template-columns: 1fr; }
}
.v3-audience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 14px 0}.v3-audience-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:10px;padding:9px 6px;font-size:11px;cursor:pointer}.v3-audience-tabs button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--text)}.v3-audience-tabs b{margin-left:4px;color:var(--accent)}
.template-library-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 220px;gap:10px}.template-library-toolbar input,.template-library-toolbar select{width:100%}.template-subject{display:block;margin:-4px 0 12px;color:var(--muted);font-size:11px}.template-resources{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.template-resources a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--accent);font-size:10px;text-decoration:none}.template-card footer>div{display:flex;align-items:center;gap:4px}.template-resource-input{min-height:90px}.field>small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.template-resources .template-resource-file{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--panel);color:var(--accent);font-size:10px;cursor:pointer}.template-resources .template-resource-file:hover{border-color:var(--accent)}.template-upload-drop{min-height:84px;margin-top:8px;padding:15px;display:grid;place-content:center;gap:6px;border:1px dashed color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--accent) 6%,var(--panel));color:var(--accent);text-align:center;cursor:pointer}.template-upload-drop:hover{background:color-mix(in srgb,var(--accent) 11%,var(--panel));border-style:solid}.template-upload-drop span{font-size:11px;font-weight:750}.template-upload-drop small{color:var(--muted);font-size:10px}.template-upload-list{display:grid;gap:7px;margin:10px 0 0;padding:0;list-style:none}.template-upload-list li{min-height:42px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.template-upload-list li.pending{border-style:dashed}.template-upload-list li>span{min-width:0;display:grid;gap:2px}.template-upload-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.template-upload-list small{color:var(--muted);font-size:9px}.template-upload-empty{margin:10px 0 0;color:var(--muted);font-size:11px}
.tweelia-v3 .v3-inbox-layout{min-height:590px}.tweelia-v3 .v3-inbox-filters{padding:8px 10px;display:grid;gap:7px;border-bottom:1px solid var(--v3-line-soft)}.tweelia-v3 .v3-inbox-filters>div{display:flex;gap:4px}.tweelia-v3 .v3-inbox-filters button{min-height:27px;padding:0 8px;border:1px solid var(--v3-line);border-radius:7px;background:transparent;color:var(--v3-muted);font-size:9px;cursor:pointer}.tweelia-v3 .v3-inbox-filters button.active{border-color:rgba(168,255,62,.45);background:var(--v3-lime-soft);color:var(--v3-lime)}.tweelia-v3 .v3-inbox-filters select,.tweelia-v3 .v3-thread-controls select{min-height:29px;padding:0 8px;border:1px solid var(--v3-line);border-radius:7px;background:#111412;color:var(--v3-text);font-size:9px}.tweelia-v3 .v3-inbox-scroll{max-height:518px}.tweelia-v3 .v3-inbox-row{min-height:70px;padding:9px 11px}.tweelia-v3 .v3-inbox-row strong{font-size:9px}.tweelia-v3 .v3-inbox-row small{line-height:1.15}.tweelia-v3 .v3-inbox-loading.compact{min-height:46px;padding:8px}.tweelia-v3 .v3-inbox-reader>header{min-height:82px;padding:15px 18px}.tweelia-v3 .v3-inbox-reader>header h1{font-size:18px}.tweelia-v3 .v3-thread-actions{display:flex;align-items:center;gap:6px}.tweelia-v3 .v3-thread-actions .secondary{min-height:32px;padding-inline:10px;font-size:9px}.tweelia-v3 .v3-thread-controls{padding:9px 18px;display:flex;gap:9px;border-bottom:1px solid var(--v3-line-soft)}.tweelia-v3 .v3-thread-controls label{display:grid;gap:3px;color:var(--v3-muted);font-size:8px;font-weight:700}.tweelia-v3 .v3-thread-timeline{max-height:480px;padding:15px 18px;display:grid;align-content:start;gap:9px;overflow:auto}.tweelia-v3 .v3-thread-message{width:min(86%,620px);padding:11px 12px;border:1px solid var(--v3-line);border-radius:10px;background:#151916}.tweelia-v3 .v3-thread-message.outbound{justify-self:end;border-color:rgba(168,255,62,.26);background:rgba(168,255,62,.07)}.tweelia-v3 .v3-thread-message>header{margin-bottom:6px;display:flex;justify-content:space-between;gap:12px;color:var(--v3-muted);font-size:8px}.tweelia-v3 .v3-thread-message.outbound>header span{color:var(--v3-lime)}.tweelia-v3 .v3-thread-message.inbound>header span{color:var(--v3-blue)}.tweelia-v3 .v3-thread-message>b{display:block;margin-bottom:5px;color:var(--v3-text);font-size:10px}.tweelia-v3 .v3-thread-message p{margin:0;color:#cbd1cc;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.tweelia-v3 .v3-thread-message footer{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.tweelia-v3 .v3-thread-message footer span{padding:4px 6px;border-radius:6px;background:rgba(255,255,255,.04);color:var(--v3-muted);font-size:8px}.tweelia-v3 .template-grid{gap:10px}.tweelia-v3 .template-card{min-height:0;padding:14px}.tweelia-v3 .template-card h2{margin:9px 0 6px;font-size:13px}.tweelia-v3 .template-card p{display:-webkit-box;margin:0;font-size:10px;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tweelia-v3 .template-card footer{margin-top:11px;padding-top:9px}.tweelia-v3 .template-resources{margin:9px 0}.tweelia-v3 .template-resource-input{min-height:72px}
@media(max-width:760px){.template-library-toolbar{grid-template-columns:1fr}.v3-audience-tabs{grid-template-columns:1fr}.v3-email-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Bibliothèque de playbooks : lecture dense, actions ordonnées. */
.tweelia-v3 .template-library-toolbar{grid-template-columns:minmax(230px,1fr) 150px 190px 170px auto;align-items:center}.tweelia-v3 .playbook-library{display:grid;gap:14px}.tweelia-v3 .playbook-section{overflow:hidden;border:1px solid var(--v3-line);border-radius:12px;background:#111512}.tweelia-v3 .playbook-section>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 15px;border-bottom:1px solid var(--v3-line-soft)}.tweelia-v3 .playbook-section>header h2{margin:0;font-size:13px}.tweelia-v3 .playbook-section>header span{color:var(--v3-muted);font-size:9px}.tweelia-v3 .pinned-section{border-color:rgba(168,255,62,.28);background:linear-gradient(90deg,rgba(168,255,62,.045),#111512 32%)}.tweelia-v3 .playbook-list{display:grid}.tweelia-v3 .playbook-row{display:grid;grid-template-columns:34px minmax(220px,1fr) minmax(180px,.55fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 14px;border-top:1px solid var(--v3-line-soft)}.tweelia-v3 .playbook-row:first-child{border-top:0}.tweelia-v3 .playbook-row:hover{background:#171d18}.tweelia-v3 .playbook-channel{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#18314c;color:#86c6ff;font-size:12px}.tweelia-v3 .playbook-main{display:grid;min-width:0;gap:4px}.tweelia-v3 .playbook-title{display:flex;align-items:center;gap:6px;min-width:0}.tweelia-v3 .playbook-title b{overflow:hidden;color:var(--v3-text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.tweelia-v3 .playbook-title span{font-size:10px}.tweelia-v3 .playbook-main small{overflow:hidden;color:var(--v3-muted);font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.tweelia-v3 .playbook-meta{display:flex;flex-wrap:wrap;gap:5px}.tweelia-v3 .playbook-meta span{max-width:145px;overflow:hidden;border:1px solid var(--v3-line);border-radius:999px;padding:4px 7px;color:#aab8aa;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tweelia-v3 .playbook-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}.tweelia-v3 .playbook-actions .icon-btn{width:27px;height:27px;color:var(--v3-muted);font-size:13px}.tweelia-v3 .playbook-actions .icon-btn:hover{background:var(--v3-lime-soft);color:var(--v3-lime)}.tweelia-v3 .playbook-actions .icon-btn:disabled{opacity:.28;cursor:default}.tweelia-v3 .playbook-actions select{width:105px;min-height:28px;border:1px solid var(--v3-line);border-radius:7px;background:#111412;color:var(--v3-muted);padding:0 6px;font-size:8px}.tweelia-v3 .playbook-actions .text-btn{padding:4px 6px;font-size:9px;white-space:nowrap}.tweelia-v3 .playbook-actions .text-btn:last-child{color:#9cc8ff}.tweelia-v3 .playbook-row.pinned .playbook-channel{background:rgba(168,255,62,.14);color:var(--v3-lime)}
@media(max-width:1050px){.tweelia-v3 .template-library-toolbar{grid-template-columns:minmax(220px,1fr) 1fr 1fr}.tweelia-v3 .playbook-row{grid-template-columns:34px minmax(200px,1fr) auto}.tweelia-v3 .playbook-meta{display:none}.tweelia-v3 .playbook-actions{flex-wrap:wrap;max-width:260px}}
@media(max-width:700px){.tweelia-v3 .template-library-toolbar{grid-template-columns:1fr}.tweelia-v3 .playbook-row{grid-template-columns:30px minmax(0,1fr);align-items:start}.tweelia-v3 .playbook-actions{grid-column:1 / -1;justify-content:flex-start;max-width:none;padding-left:42px}.tweelia-v3 .playbook-main small{white-space:normal}.tweelia-v3 .playbook-actions select{flex:1}.tweelia-v3 .playbook-section>header{padding-inline:12px}}
.prospect-niche-tags{display:block;margin-top:3px;color:var(--accent);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tweelia-v3 .v3-audience-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.tweelia-v3 .v3-audience-filters select,.tweelia-v3 .v3-import-tags input{width:100%;min-height:36px;border:1px solid var(--v3-line);background:#111412;color:var(--v3-text);border-radius:8px;padding:0 10px}.tweelia-v3 .v3-import-tags{display:grid;gap:5px;width:min(100%,580px);margin:12px auto;text-align:left}.tweelia-v3 .v3-import-tags span{font-weight:700;font-size:12px}.tweelia-v3 .v3-import-tags small{color:var(--v3-muted);font-size:11px}
.prospect-tag-settings{margin-top:18px}.prospect-tag-settings header{display:block}.prospect-tag-settings header p{margin:5px 0 0}.prospect-tag-library-form{display:flex;gap:8px;margin:14px 0}.prospect-tag-library-form input{min-width:0;flex:1}.prospect-tag-library{display:flex;flex-wrap:wrap;gap:7px}.prospect-tag-library span{border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:999px;padding:5px 9px;background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent);font-size:11px}.prospect-tag-library small{color:var(--muted);font-size:11px}.prospect-imported-niches{display:grid;gap:7px;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.prospect-imported-niches>b{font-size:12px}.prospect-imported-niches>small{color:var(--muted);font-size:11px}