:root{
    --navy:#081735;
    --navy-2:#102957;
    --blue:#087af5;
    --cyan:#18a9d8;
    --green:#16b881;
    --violet:#7a2cff;
    --amber:#e9a008;
    --red:#dc4a5d;
    --ink:#18243d;
    --muted:#68768e;
    --line:#e2e8f2;
    --soft:#f4f7fb;
    --white:#fff;
    --sidebar:250px;
    --topbar:72px;
}

*{box-sizing:border-box}
html{min-height:100%;background:var(--soft)}
body{min-height:100%;margin:0;color:var(--ink);font-family:"Open Sans",sans-serif;letter-spacing:0}
button,input,select,textarea{font:inherit;letter-spacing:0}
a{color:inherit}
img{max-width:100%}
h1,h2,h3,strong{font-family:Montserrat,sans-serif;letter-spacing:0}

.middle-app{background:var(--soft)}
.middle-sidebar{
    position:fixed;
    z-index:50;
    inset:0 auto 0 0;
    display:flex;
    flex-direction:column;
    width:var(--sidebar);
    background:#fff;
    border-right:1px solid var(--line);
    box-shadow:8px 0 28px rgba(8,23,53,.04);
}
.middle-brand{
    display:flex;
    align-items:center;
    height:var(--topbar);
    padding:10px 20px;
    border-bottom:1px solid var(--line);
}
.middle-brand img{display:block;width:195px;height:49px;object-fit:contain;object-position:left center}
.middle-client-chip{display:flex;align-items:center;gap:10px;margin:18px 15px 12px;padding:12px;border:1px solid #e8edf5;background:#f8faff}
.middle-client-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:5px;background:#ece8ff;color:var(--violet)}
.middle-client-chip div{min-width:0}
.middle-client-chip small,.middle-client-chip strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.middle-client-chip small{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}
.middle-client-chip strong{margin-top:2px;font-size:12px}
.middle-nav{display:flex;flex-direction:column;gap:4px;padding:8px 12px}
.middle-nav a,.middle-sidebar-footer a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:5px;color:#53627b;font-weight:700;text-decoration:none}
.middle-nav a>span{min-width:0;flex:1}.middle-nav-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:#eaf3ff;color:var(--blue);font-size:11px;font-style:normal;font-weight:800}.middle-nav a.active .middle-nav-badge{background:#fff;color:var(--navy)}.middle-nav-badge[hidden]{display:none}
.middle-nav a i,.middle-sidebar-footer a i{width:20px;color:#76849b;font-size:17px;text-align:center}
.middle-nav a:hover{background:#f3f6fb;color:var(--navy)}
.middle-nav a.active{background:var(--navy);color:#fff;box-shadow:0 8px 18px rgba(8,23,53,.16)}
.middle-nav a.active i{color:#52b8ff}
.middle-sidebar-footer{margin-top:auto;padding:15px 12px;border-top:1px solid var(--line)}
.middle-sidebar-footer a{font-size:12px}
.middle-main{min-height:100vh;margin-left:var(--sidebar)}
.middle-topbar{position:sticky;z-index:40;top:0;display:flex;align-items:center;min-height:var(--topbar);padding:0 28px;background:#fff;border-bottom:1px solid var(--line)}
.middle-menu-toggle{display:none;width:38px;height:38px;border:1px solid var(--line);background:#fff;color:var(--navy);cursor:pointer}
.middle-topbar-context{display:flex;flex-direction:column;min-width:0}
.middle-topbar-context strong,.middle-topbar-context span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.middle-topbar-context strong{font-size:13px}
.middle-topbar-context span{margin-top:2px;color:var(--muted);font-size:11px}
.middle-user{display:flex;align-items:center;gap:10px;margin-left:auto}
.middle-user-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--violet));color:#fff;font-size:11px;font-weight:800}
.middle-user div{display:flex;flex-direction:column;max-width:220px}
.middle-user div strong,.middle-user div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.middle-user div strong{font-size:12px}.middle-user div small{color:var(--muted);font-size:10px}
.middle-user form{margin:0}
.middle-user form button{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin-left:4px;border:0;background:#f2f5fa;color:#65738d;cursor:pointer}
.middle-user form button:hover{background:#feecee;color:var(--red)}
.middle-content{width:98%;margin:0 auto;}
.middle-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.middle-page-head h1{margin:4px 0 0;color:var(--navy);font-size:28px;line-height:1.18}
.middle-page-head p{margin:7px 0 0;color:var(--muted);font-size:13px}
.middle-kicker{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}
.middle-alert{margin-bottom:16px;padding:12px 14px;border:1px solid;border-radius:5px;font-size:13px;font-weight:700}
.middle-alert.success{border-color:#b8ead8;background:#edfbf6;color:#087958}
.middle-alert.error{border-color:#f3c6ce;background:#fff1f3;color:#a8283c}
.middle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:9px 14px;border:1px solid transparent;border-radius:4px;font-size:12px;font-weight:800;cursor:pointer;text-decoration:none}
.middle-button.primary{background:var(--navy);color:#fff;box-shadow:0 7px 16px rgba(8,23,53,.14)}
.middle-button.primary:hover{background:#12306b}
.middle-button.secondary{border-color:#dce3ee;background:#fff;color:var(--ink)}
.middle-button.secondary:hover{border-color:#aebbd0;background:#f8faff}
.middle-button.danger{border-color:#d94b62;background:#fff;color:#b7253e}
.middle-button.danger:hover{border-color:#b7253e;background:#fff0f3;color:#961a31}
.inbox-optout-state{cursor:default;opacity:.72}
.cf-optout-modal[hidden]{display:none!important}.cf-optout-modal{position:fixed;z-index:100010;inset:0;display:flex;align-items:center;justify-content:center;padding:20px}.cf-optout-modal-backdrop{position:absolute;inset:0;background:rgba(8,23,53,.72);backdrop-filter:blur(2px)}.cf-optout-modal-dialog{position:relative;z-index:1;box-sizing:border-box;width:min(500px,100%);padding:28px;border-radius:10px;background:#fff;box-shadow:0 28px 80px rgba(8,23,53,.38);text-align:center}.cf-optout-modal-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#fff0f3;color:#b7253e;font-size:24px}.cf-optout-modal-dialog h2{margin:0;color:var(--navy);font-size:23px}.cf-optout-modal-dialog>p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.cf-optout-modal-dialog>p strong{color:var(--ink)}.cf-optout-modal-warning{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;margin:20px 0;padding:13px;border:1px solid #f0c3cb;border-radius:6px;background:#fff7f8;color:#78303d;font-size:12px;line-height:1.5;text-align:left}.cf-optout-modal-warning i{margin-top:2px;color:#c43b52}.cf-optout-modal-dialog form{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.cf-optout-modal-open{overflow:hidden}@media(max-width:600px){.cf-optout-modal{padding:12px}.cf-optout-modal-dialog{padding:22px 18px}.cf-optout-modal-dialog form{align-items:stretch;flex-direction:column-reverse}.cf-optout-modal-dialog form .middle-button{width:100%}}
.middle-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:#53627b;cursor:pointer}
.middle-icon-button:hover{border-color:#b5c1d3;color:var(--navy)}
.middle-panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 9px 24px rgba(8,23,53,.045)}
.middle-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 19px;border-bottom:1px solid var(--line)}
.middle-panel-head span{display:block;color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}
.middle-panel-head h2{margin:3px 0 0;color:var(--navy);font-size:16px}
.middle-panel-head > a{color:var(--blue);font-size:11px;font-weight:800;text-decoration:none}
.middle-panel-head > strong{font-size:11px;color:var(--violet)}
.middle-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:28px;color:#8b97a9;text-align:center;font-size:12px}
.middle-empty i{font-size:24px;color:#b3bdcc}.middle-empty strong{color:#53627b}
.middle-empty.compact{min-height:100px;padding:18px}.middle-empty.fill{height:100%;min-height:300px}

/* Login */
.middle-login-page{background:#fff}
.middle-login-shell{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh}
.middle-login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(40px,6vw,90px);background:#07152f;color:#fff}
.middle-login-brand:after{content:"";position:absolute;right:-16%;bottom:-28%;width:70%;aspect-ratio:1;border:1px solid rgba(73,167,255,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(68,73,226,.06),0 0 0 140px rgba(19,185,164,.035)}
.middle-login-brand img{position:relative;z-index:1;width:260px;height:72px;padding:7px 12px;background:#fff;object-fit:contain}
.middle-login-brand div{position:relative;z-index:1;max-width:650px;margin:auto 0}
.middle-login-brand span{color:#5dc3ff;font-size:11px;font-weight:800}
.middle-login-brand h1{margin:14px 0 18px;font-size:clamp(36px,4vw,60px);line-height:1.07}
.middle-login-brand p{max-width:580px;margin:0;color:#c5d2e8;font-size:16px;line-height:1.7}
.middle-login-panel{display:flex;align-items:center;justify-content:center;padding:40px;background:#fff}
.middle-login-form-wrap{width:min(430px,100%)}
.middle-login-form-wrap h2{margin:8px 0 6px;color:var(--navy);font-size:31px}
.middle-login-form-wrap > p{margin:0 0 25px;color:var(--muted);font-size:13px}
.middle-login-form{display:flex;flex-direction:column}
.middle-login-form label{margin:0 0 6px;color:#485771;font-size:11px;font-weight:800}
.middle-input-icon{position:relative;display:flex;align-items:center}
.middle-input-icon > i{position:absolute;z-index:1;left:13px;color:#8491a6}
.middle-input-icon input{width:100%;height:44px;padding:9px 12px 9px 39px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);outline:0}
.middle-input-icon input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,122,245,.1)}
.middle-login-form .middle-input-icon{margin-bottom:18px}
.middle-login-form .middle-button{min-height:46px;margin-top:5px}
.middle-login-help{display:block;margin-top:22px;color:#65738d;font-size:11px;text-align:center;text-decoration:none}

/* Dashboard */
.dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.dashboard-stat{display:flex;align-items:center;gap:15px;min-width:0;min-height:120px;padding:19px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 22px rgba(8,23,53,.04);text-decoration:none}
.dashboard-stat:hover{border-color:#cbd5e4}
.dashboard-stat-icon{display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;border-radius:6px;font-size:20px}
.dashboard-stat-icon.blue{background:#e8f3ff;color:var(--blue)}.dashboard-stat-icon.green{background:#e6f9f2;color:var(--green)}.dashboard-stat-icon.violet{background:#f0eaff;color:var(--violet)}.dashboard-stat-icon.amber{background:#fff4d9;color:var(--amber)}
.dashboard-stat div{min-width:0}.dashboard-stat small,.dashboard-stat strong,.dashboard-stat div span{display:block}
.dashboard-stat small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.dashboard-stat strong{margin:5px 0 2px;color:var(--navy);font-size:28px}
.dashboard-stat div span{color:#7b879a;font-size:11px}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:16px}
.dashboard-lower-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:16px;margin-top:16px}
.chart-legend{display:flex;align-items:center;gap:12px}.chart-legend span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.chart-legend i{display:block;width:8px;height:8px;border-radius:2px}.chart-legend i.in{background:var(--green)}.chart-legend i.out{background:var(--violet)}
.activity-chart{display:flex;align-items:flex-end;justify-content:space-around;height:260px;padding:25px 18px 16px}
.activity-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:12%;height:100%;outline:0}
.activity-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;width:100%;height:205px;border-bottom:1px solid #edf1f6}
.activity-bars .bar{display:block;width:min(18px,35%);min-height:3px;border-radius:3px 3px 0 0;transition:filter .16s ease,transform .16s ease}.activity-day:hover .bar,.activity-day:focus .bar{filter:brightness(.92);transform:scaleX(1.12)}.activity-bars .bar.in{background:var(--green)}.activity-bars .bar.out{background:var(--violet)}
.activity-day small{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:8px;color:#7d899d;font-size:9px;line-height:1.1;text-transform:uppercase}.activity-day small em{font-size:9px;font-style:normal;text-transform:none;white-space:nowrap}
.activity-tooltip{position:absolute;z-index:6;bottom:42px;left:50%;display:flex;flex-direction:column;gap:5px;min-width:170px;padding:10px 12px;border:1px solid #d7e0ec;background:#fff;border-radius:5px;box-shadow:0 10px 24px rgba(8,23,53,.16);opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s ease,transform .16s ease}.activity-tooltip:after{position:absolute;bottom:-6px;left:50%;width:10px;height:10px;border-right:1px solid #d7e0ec;border-bottom:1px solid #d7e0ec;background:#fff;content:'';transform:translateX(-50%) rotate(45deg)}.activity-tooltip strong{position:relative;z-index:1;color:var(--navy);font-size:11px;white-space:nowrap}.activity-tooltip span{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:11px}.activity-tooltip span i{width:8px;height:8px;margin-right:6px;border-radius:2px}.activity-tooltip .in{background:var(--green)}.activity-tooltip .out{background:var(--violet)}.activity-tooltip span b{margin-left:auto;color:var(--navy)}.activity-day:hover .activity-tooltip,.activity-day:focus .activity-tooltip{opacity:1;transform:translate(-50%,0)}
.recent-list a{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:68px;padding:10px 18px;border-bottom:1px solid #edf1f6;text-decoration:none}
.recent-list a:last-child{border-bottom:0}.recent-list a:hover{background:#f8faff}
.recent-avatar,.inbox-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#e9f3ff;color:var(--blue);font-size:11px;font-weight:800}.inbox-avatar.large{width:42px;height:42px}
.recent-list a > div{min-width:0}.recent-list strong,.recent-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-list strong{font-size:11px}.recent-list small{margin-top:4px;color:var(--muted);font-size:10px}
.recent-time{display:flex;flex-direction:column;align-items:flex-end;color:#8b97a9;font-size:9px;white-space:nowrap}.recent-time i{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--blue)}
.scenario-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}
.scenario-strip article{min-width:0;border:1px solid var(--line);background:#fff}
.scenario-strip article img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#f1f4f8}
.scenario-strip article div{padding:10px}.scenario-strip strong,.scenario-strip span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-strip strong{font-size:11px}.scenario-strip span{margin-top:3px;color:var(--muted);font-size:9px}
.quote-summary{display:flex;border-bottom:1px solid var(--line)}.quote-summary span{flex:1;padding:14px 18px;color:var(--muted);font-size:10px}.quote-summary span+span{border-left:1px solid var(--line)}.quote-summary strong{display:block;margin-bottom:3px;color:var(--navy);font-size:20px}
.quote-list > div,.quote-list > a{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:9px 18px;border-bottom:1px solid #edf1f6;text-decoration:none}.quote-list > div:last-child,.quote-list > a:last-child{border-bottom:0}.quote-list > a:hover{background:#f8faff}.quote-list span{min-width:0}.quote-list span strong,.quote-list span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-list span strong{color:var(--ink);font-size:10px}.quote-list span small{margin-top:3px;color:var(--muted);font-size:9px}.quote-list em{flex:0 0 auto;padding:4px 7px;border-radius:3px;background:#eef2f7;color:#65738d;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.quote-list .status-accepte{background:#e5f8f1;color:#07805c}.quote-list .status-envoye,.quote-list .status-valide{background:#e7f2ff;color:#0868c7}

/* Shared lists */
.middle-pagination{display:flex;align-items:center;justify-content:center;gap:15px;padding:15px;border-top:1px solid var(--line)}
.middle-pagination a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--blue);text-decoration:none}.middle-pagination span{color:var(--muted);font-size:10px;font-weight:700}

/* Campaigns */
.campaign-stats,.quote-page-stats,.scenario-page-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.campaign-stats.model-campaign-stats{grid-template-columns:repeat(4,minmax(0,1fr))}
.campaign-stats > div,.quote-page-stats > div,.scenario-page-summary > div{position:relative;min-height:115px;padding:18px 18px 16px 74px;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(8,23,53,.04)}
.campaign-stats small,.campaign-stats strong,.campaign-stats em,.quote-page-stats small,.quote-page-stats strong,.quote-page-stats em,.scenario-page-summary small,.scenario-page-summary strong{display:block}
.campaign-stats small,.quote-page-stats small,.scenario-page-summary small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.campaign-stats strong,.quote-page-stats strong,.scenario-page-summary strong{margin:6px 0 2px;color:var(--navy);font-size:27px}.campaign-stats em,.quote-page-stats em{color:#7d899c;font-size:10px;font-style:normal}
.campaign-stat-icon,.quote-page-stats > div > span,.scenario-page-summary > div > span{position:absolute;left:18px;top:20px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:5px;background:#e8f3ff;color:var(--blue);font-size:18px}.campaign-stat-icon.green,.quote-page-stats > div:nth-child(3)>span,.scenario-page-summary > div:nth-child(2)>span{background:#e5f8f1;color:#07805c}.campaign-stat-icon.violet,.quote-page-stats > div:nth-child(2)>span,.scenario-page-summary > div:nth-child(3)>span{background:#f0eaff;color:var(--violet)}
.campaign-filters,.quote-page-filters{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto auto;gap:9px;padding:15px;border-bottom:1px solid var(--line);background:#f9fbfe}.campaign-filters input,.campaign-filters select,.quote-page-filters input,.quote-page-filters select{width:100%;height:38px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);font-size:11px}.campaign-filters select,.quote-page-filters select{padding:6px 10px}.campaign-filters .middle-button,.quote-page-filters .middle-button{min-height:38px}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:16px}.campaign-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:#fff}.campaign-card:hover{border-color:#b9c7d9;box-shadow:0 10px 24px rgba(8,23,53,.07)}.campaign-card > a{display:block;color:var(--ink);text-decoration:none}.campaign-card header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 13px;border-bottom:1px solid #edf1f6}.campaign-category{display:flex;align-items:center;gap:6px;color:#4d5d76;font-size:9px;font-weight:800;text-transform:uppercase}.campaign-category i{color:var(--green);font-size:13px}.campaign-status,.quote-status{display:inline-flex;align-items:center;padding:5px 7px;border-radius:3px;background:#eef2f7;color:#65738d;font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.campaign-status.status-en_cours{background:#e7f2ff;color:#0868c7}.campaign-status.status-terminee,.quote-status.status-accepte{background:#e5f8f1;color:#087958}.campaign-status.status-planifiee{background:#f0eaff;color:#6536b7}.campaign-status.status-suspendue,.quote-status.status-expire{background:#fff3d7;color:#8a6200}.campaign-status.status-annulee,.quote-status.status-refuse,.quote-status.status-annule{background:#fff0f2;color:#a8283c}.quote-status.status-valide,.quote-status.status-envoye{background:#e7f2ff;color:#0868c7}
.campaign-status.status-running,.campaign-status.status-processing,.campaign-status.status-sending,.campaign-status.status-in_progress,.campaign-status.status-active{background:#e7f2ff;color:#0868c7}.campaign-status.status-completed,.campaign-status.status-sent,.campaign-status.status-launched{background:#e5f8f1;color:#087958}.campaign-status.status-scheduled{background:#f0eaff;color:#6536b7}.campaign-status.status-paused{background:#fff3d7;color:#8a6200}.campaign-status.status-cancelled,.campaign-status.status-canceled,.campaign-status.status-failed{background:#fff0f2;color:#a8283c}.campaign-template-status{display:inline-flex;align-items:center;gap:5px;width:max-content;max-width:100%;margin-top:9px;padding:5px 7px;border-radius:3px;background:#fff3d7;color:#8a6200;font-size:8px;font-weight:800;text-transform:uppercase}.campaign-template-status.valid{background:#e5f8f1;color:#087958}.campaign-info-panel .campaign-template-status{margin-top:0}
.campaign-card-body{min-height:125px;padding:15px}.campaign-card-body small{display:block;color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase}.campaign-card-body h2{margin:6px 0 7px;color:var(--navy);font-size:16px}.campaign-card-body p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.campaign-progress{padding:0 15px 14px}.campaign-progress > div{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#7b8799;font-size:9px}.campaign-progress i{display:block;height:5px;overflow:hidden;border-radius:3px;background:#edf1f6}.campaign-progress b{display:block;height:100%;border-radius:3px;background:var(--blue)}.campaign-card footer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #edf1f6;background:#f9fbfe}.campaign-card footer span{min-width:0;padding:10px 8px;color:#7e899b;font-size:8px;text-align:center}.campaign-card footer span+span{border-left:1px solid #e6ebf2}.campaign-card footer strong{display:block;overflow:hidden;margin-bottom:3px;color:var(--navy);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.campaign-empty{grid-column:1/-1;min-height:260px}
.campaign-card-scenario{display:flex;align-items:center;gap:7px;padding:10px 14px;border-top:1px solid #edf1f6;background:#fff;color:#51627c;font-size:11px;font-weight:700}.campaign-card-scenario i{color:var(--violet)}
.campaign-view-actions,.quote-view-actions{display:flex;align-items:center;justify-content:space-between;margin-top:-8px;margin-bottom:20px}.campaign-view-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:14px}.campaign-view-stats div{padding:15px;border:1px solid var(--line);border-radius:5px;background:#fff}.campaign-view-stats small,.campaign-view-stats strong,.campaign-view-stats span{display:block}.campaign-view-stats small{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase}.campaign-view-stats strong{margin:5px 0 2px;font-size:22px}.campaign-view-stats span{color:#7f8a9b;font-size:9px}.campaign-view-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:15px}.campaign-side-stack{display:flex;flex-direction:column;gap:15px}.campaign-phone-preview{min-height:500px;padding:30px;background:#e9eef4}.campaign-phone-bar{display:flex;align-items:center;gap:11px;max-width:560px;margin:0 auto;padding:13px 15px;background:#0a5e52;color:#fff}.campaign-phone-bar > i{font-size:24px}.campaign-phone-bar span strong,.campaign-phone-bar span small{display:block}.campaign-phone-bar span small{margin-top:2px;color:#cbe8e3;font-size:8px}.campaign-message-bubble{position:relative;max-width:520px;margin:22px auto;padding:16px 16px 12px;border-radius:3px 8px 8px 8px;background:#fff;color:#26364f;box-shadow:0 8px 20px rgba(8,23,53,.08);font-size:12px;line-height:1.65}.campaign-message-bubble:before{content:"";position:absolute;left:-9px;top:0;border-top:10px solid #fff;border-left:10px solid transparent}.campaign-message-bubble a{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px -6px -3px;padding:11px;border-top:1px solid #edf1f6;color:#087af5;font-weight:800;text-decoration:none}.campaign-info-panel dl{margin:0}.campaign-info-panel dl div{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:12px 16px;border-bottom:1px solid #edf1f6}.campaign-info-panel dt{color:var(--muted);font-size:9px}.campaign-info-panel dd{margin:0;color:var(--navy);font-size:10px;font-weight:800;text-align:right}.campaign-scenario-panel > a{display:block;padding:12px}.campaign-scenario-panel img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef2f7}
.campaign-mini-phone{width:245px;margin:0 auto 16px;padding:7px;border:1px solid #152541;border-radius:22px;background:#0b172b;box-shadow:0 12px 25px rgba(8,23,53,.14)}.campaign-mini-phone-head{display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:15px 15px 0 0;background:#086c5e;color:#fff;font-size:11px;font-weight:800}.campaign-mini-phone-head i{font-size:16px}.campaign-mini-chat{height:250px;overflow:hidden;padding:12px 9px;background:#efeae2}.campaign-mini-bubble{position:relative;max-height:220px;overflow:hidden;padding:11px;border-radius:3px 7px 7px 7px;background:#fff;color:#2d3d56;font-size:11px;line-height:1.45;box-shadow:0 3px 8px rgba(8,23,53,.08)}.campaign-mini-bubble:before{content:"";position:absolute;left:-6px;top:0;border-top:7px solid #fff;border-left:7px solid transparent}.campaign-mini-cta{display:flex;align-items:center;justify-content:center;gap:5px;margin:9px -5px -4px;padding:8px 4px;border-top:1px solid #e7ebf0;color:#087af5;font-size:10px;font-weight:800}.campaign-mini-cta+.campaign-mini-cta{margin-top:0}.campaign-phone-preview{display:flex;align-items:flex-start;justify-content:center;padding:34px 20px;background:#e8edf3}.campaign-phone-device{width:min(100%,390px);padding:12px 10px 14px;border:1px solid #0b172b;border-radius:31px;background:#0b172b;box-shadow:0 24px 55px rgba(8,23,53,.22)}.campaign-phone-speaker{width:72px;height:5px;margin:0 auto 9px;border-radius:3px;background:#354258}.campaign-phone-screen{overflow:hidden;border-radius:21px;background:#efeae2}.campaign-phone-device .campaign-phone-bar{max-width:none;margin:0;padding:12px 13px}.campaign-phone-device .campaign-phone-bar>i{font-size:15px}.campaign-phone-device .campaign-phone-bar>i:nth-child(2){font-size:24px}.campaign-phone-device .campaign-phone-bar>i:last-child{margin-left:auto}.campaign-phone-device .campaign-phone-bar span{min-width:0}.campaign-phone-device .campaign-phone-bar span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-phone-chat{min-height:515px;padding:16px 13px 28px;background:#efeae2}.campaign-phone-device .campaign-message-bubble{margin:0;padding:15px 15px 10px;font-size:14px;line-height:1.55}.campaign-message-bubble time{display:block;margin-top:7px;color:#8190a3;font-size:10px;text-align:right}.campaign-message-bubble time i{margin-left:-3px;color:#3b99e8;font-size:8px}
.campaign-view-stats.cumulative{grid-template-columns:repeat(6,minmax(0,1fr))}.campaign-runs-panel{margin-top:15px}.campaign-runs-scroll{overflow-x:auto}.campaign-runs-table{width:100%;border-collapse:collapse}.campaign-runs-table th,.campaign-runs-table td{padding:13px 15px;border-bottom:1px solid #edf1f6;text-align:right;white-space:nowrap}.campaign-runs-table th:first-child,.campaign-runs-table td:first-child{text-align:left}.campaign-runs-table th{color:#7b8799;font-size:10px;text-transform:uppercase}.campaign-runs-table td{color:var(--navy);font-size:12px}.campaign-runs-table td strong,.campaign-runs-table td small{display:block}.campaign-runs-table td small{margin-top:3px;color:var(--muted);font-size:10px}.middle-empty.compact{min-height:180px}
.campaign-recipients-panel{margin-top:15px}.campaign-recipient-search{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:10px;padding:14px 16px;border-bottom:1px solid #edf1f6}.campaign-recipient-table th:first-child,.campaign-recipient-table td:first-child{text-align:left}.campaign-recipient-table th:nth-child(2),.campaign-recipient-table td:nth-child(2){text-align:left}.campaign-recipient-conversation{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #dce4ef;border-radius:4px;color:var(--blue);text-decoration:none}.campaign-recipient-conversation:hover{background:#eaf3ff}

/* Quotes */
.quote-page-list{min-height:220px}.quote-page-row{display:grid;grid-template-columns:42px minmax(260px,1fr) 105px 105px 125px 95px 20px;align-items:center;gap:12px;min-height:78px;padding:12px 17px;border-bottom:1px solid #edf1f6;color:var(--ink);text-decoration:none}.quote-page-row:hover{background:#f8faff}.quote-file-icon{display:flex;align-items:center;justify-content:center;width:40px;height:44px;border-radius:4px;background:#fff0f2;color:#bd334b;font-size:18px}.quote-file-icon.large{width:48px;height:52px;font-size:22px}.quote-main,.quote-date,.quote-amount{min-width:0}.quote-main small,.quote-main strong,.quote-main em,.quote-date small,.quote-date strong,.quote-amount small,.quote-amount strong{display:block}.quote-main small{color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase}.quote-main strong{overflow:hidden;margin:4px 0;color:var(--navy);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quote-main em{color:var(--muted);font-size:9px;font-style:normal}.quote-date small,.quote-amount small{color:#8995a6;font-size:8px;text-transform:uppercase}.quote-date strong,.quote-amount strong{margin-top:4px;color:#43516a;font-size:10px}.quote-amount{text-align:right}.quote-arrow{color:#a8b2c1;font-size:10px}
.quote-view-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:15px}.quote-view-side{display:flex;flex-direction:column;gap:15px}.quote-view-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line)}.quote-view-head > div{display:flex;align-items:center;gap:12px}.quote-view-head small{color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase}.quote-view-head h2{margin:4px 0 2px;font-size:18px}.quote-view-head p{margin:0;color:var(--muted);font-size:10px}.quote-lines-table{overflow:auto}.quote-lines-table table{width:100%;border-collapse:collapse}.quote-lines-table th,.quote-lines-table td{padding:13px 15px;border-bottom:1px solid #edf1f6;font-size:10px;text-align:right}.quote-lines-table th{background:#f9fbfe;color:#66738a;font-size:8px;text-transform:uppercase}.quote-lines-table th:first-child,.quote-lines-table td:first-child{text-align:left}.quote-free{display:inline-block;margin-left:7px;padding:3px 5px;border-radius:3px;background:#e5f8f1;color:#087958;font-size:7px;font-weight:800;text-transform:uppercase}.quote-client-note{margin:15px;padding:14px;border-left:3px solid var(--blue);background:#f7faff}.quote-client-note strong{font-size:10px}.quote-client-note p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.quote-total-panel{padding:18px}.quote-total-panel > small{display:block;margin-bottom:13px;color:var(--blue);font-size:8px;font-weight:800;text-transform:uppercase}.quote-total-panel > div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;color:var(--muted);font-size:10px}.quote-total-panel .quote-grand-total{margin-top:4px;padding:14px 0;border-top:2px solid var(--navy);color:var(--navy);font-size:13px}.quote-grand-total strong{font-size:20px}.quote-total-panel .middle-button{width:100%;margin-top:13px}.quote-meta-panel div{padding:13px 16px;border-bottom:1px solid #edf1f6}.quote-meta-panel small,.quote-meta-panel strong{display:block}.quote-meta-panel small{color:var(--muted);font-size:8px;text-transform:uppercase}.quote-meta-panel strong{margin-top:4px;font-size:10px}

/* Scenarios */
.scenario-page-intro{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(520px,1.2fr);align-items:center;gap:30px;margin-bottom:16px;padding:24px 28px}.scenario-page-intro-copy>span{color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.scenario-page-intro-copy h2{margin:7px 0 8px;font-size:24px}.scenario-page-intro-copy p{max-width:670px;margin:0;color:var(--muted);font-size:14px;line-height:1.65}.scenario-page-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--line)}.scenario-page-legend>span{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:10px;min-width:0;padding:8px 15px}.scenario-page-legend i{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:5px;background:#e8f3ff;color:var(--blue);font-size:17px}.scenario-page-legend>span:nth-child(2) i{background:#f0eaff;color:var(--violet)}.scenario-page-legend>span:nth-child(3) i{background:#fff3d9;color:#d58b00}.scenario-page-legend>span:nth-child(4) i{background:#e5f8f1;color:#07805c}.scenario-page-legend strong{overflow:hidden;font-size:12px;text-overflow:ellipsis}.scenario-page-legend small{overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.scenario-page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scenario-page-card{overflow:hidden}.scenario-card-trigger{display:block;width:100%;padding:0;border:0;background:#fff;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.scenario-image-wrap{position:relative;overflow:hidden;background:#eef2f7}.scenario-image-wrap img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;transition:transform .25s ease}.scenario-image-action{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:8px 11px;border-radius:3px;background:rgba(8,23,53,.9);color:#fff;font-size:10px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.scenario-image-number{position:absolute;left:14px;top:14px;display:flex;align-items:center;justify-content:center;width:35px;height:28px;border:1px solid rgba(255,255,255,.75);border-radius:3px;background:rgba(255,255,255,.9);color:var(--navy);font-size:10px;font-weight:800;box-shadow:0 4px 12px rgba(8,23,53,.12)}.scenario-page-card:hover .scenario-image-wrap img{transform:scale(1.015)}.scenario-page-card:hover .scenario-image-action,.scenario-card-trigger:focus-visible .scenario-image-action{opacity:1;transform:translateY(0)}.scenario-card-trigger:focus-visible{outline:3px solid rgba(24,119,242,.28);outline-offset:-3px}.scenario-page-caption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px}.scenario-page-caption small{color:var(--blue);font-size:10px;font-weight:800;text-transform:uppercase}.scenario-page-caption h2{margin:4px 0 0;font-size:17px}.scenario-page-caption p{margin:5px 0 0;color:var(--muted);font-size:11px}.scenario-state{display:flex;align-items:center;gap:6px;color:#8994a5;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.scenario-state i{width:7px;height:7px;border-radius:50%;background:#b7c0cc}.scenario-state.active{color:#087958}.scenario-state.active i{background:var(--green)}.scenario-page-empty{grid-column:1/-1;min-height:320px}
.scenario-viewer-open{overflow:hidden}.scenario-viewer{position:fixed;z-index:100100;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.scenario-viewer.is-open{display:flex}.scenario-viewer-backdrop{position:absolute;inset:0;background:rgba(3,11,28,.84);backdrop-filter:blur(4px)}.scenario-viewer-dialog{position:relative;display:flex;flex-direction:column;width:min(1820px,calc(100vw - 40px));height:calc(100vh - 40px);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.42)}.scenario-viewer-head{z-index:2;display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(360px,1fr);align-items:center;gap:15px;min-height:70px;padding:10px 14px 10px 18px;border-bottom:1px solid var(--line);background:#fff}.scenario-viewer-identity{display:flex;align-items:center;gap:11px;min-width:0}.scenario-viewer-identity>span{display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:5px;background:#e8f3ff;color:var(--blue);font-size:17px}.scenario-viewer-identity div{min-width:0}.scenario-viewer-identity small,.scenario-viewer-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scenario-viewer-identity small{color:var(--blue);font-size:9px;font-weight:800;text-transform:uppercase}.scenario-viewer-identity strong{margin-top:3px;font-size:15px}.scenario-viewer-navigation,.scenario-viewer-tools{display:flex;align-items:center;gap:7px}.scenario-viewer-navigation span,.scenario-viewer-tools>span{min-width:56px;color:var(--muted);font-size:11px;font-weight:800;text-align:center}.scenario-viewer-head button,.scenario-viewer-head a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--navy);font-size:13px;text-decoration:none;cursor:pointer}.scenario-viewer-head button:hover,.scenario-viewer-head a:hover{border-color:#b9c7da;background:#f4f7fb;color:var(--blue)}.scenario-viewer-tools{justify-content:flex-end}.scenario-viewer-tools [data-scenario-close]{margin-left:6px;background:var(--navy);color:#fff}.scenario-viewer-body{display:grid;grid-template-columns:minmax(0,1fr) 285px;min-height:0;flex:1}.scenario-viewer-viewport{position:relative;min-width:0;min-height:0;overflow:hidden;touch-action:none;cursor:grab;outline:0;background-color:#323d58;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:24px 24px}.scenario-viewer-viewport.is-dragging{cursor:grabbing}.scenario-viewer-canvas{position:absolute;left:0;top:0;width:max-content;height:max-content;transform-origin:0 0;will-change:transform}.scenario-viewer-canvas img{display:block;max-width:none;pointer-events:none;user-select:none}.scenario-viewer-loading{position:absolute;left:50%;top:50%;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(8,23,53,.85);color:#fff;font-size:19px;transform:translate(-50%,-50%)}.scenario-viewer-loading[hidden]{display:none}.scenario-viewer-context{overflow:auto;padding:25px 22px;border-left:1px solid var(--line);background:#f8faff}.scenario-viewer-status{display:inline-flex;align-items:center;gap:7px;color:#087958;font-size:10px;font-weight:800;text-transform:uppercase}.scenario-viewer-status i{width:8px;height:8px;border-radius:50%;background:var(--green)}.scenario-viewer-status.inactive{color:#8994a5}.scenario-viewer-status.inactive i{background:#b7c0cc}.scenario-viewer-context h2{margin:11px 0 8px;font-size:21px;overflow-wrap:anywhere}.scenario-viewer-context>p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.scenario-viewer-context dl{margin:22px 0 0}.scenario-viewer-context dl div{padding:13px 0;border-top:1px solid var(--line)}.scenario-viewer-context dt{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:800}.scenario-viewer-context dt i{width:20px;color:var(--blue);text-align:center}.scenario-viewer-context dd{margin:5px 0 0 29px;color:var(--muted);font-size:11px;line-height:1.5}.scenario-viewer-updated{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.scenario-viewer-updated small,.scenario-viewer-updated strong{display:block}.scenario-viewer-updated small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase}.scenario-viewer-updated strong{margin-top:5px;font-size:12px}

/* Inbox */
.inbox-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.inbox-metrics a{display:flex;align-items:center;gap:10px;min-height:55px;padding:10px 14px;border:1px solid var(--line);border-radius:5px;background:#fff;text-decoration:none}.inbox-metrics a.active{border-color:#9f7de4;box-shadow:0 6px 16px rgba(122,44,255,.08)}
.inbox-metrics strong{color:var(--navy);font-size:21px}.inbox-metrics span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase}
.inbox-shell{display:grid;grid-template-columns:310px minmax(430px,1fr) 285px;gap:12px;height:calc(100vh - 226px);min-height:600px}
.inbox-list-panel,.inbox-chat-panel,.inbox-detail-panel{display:flex;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#fff;box-shadow:0 8px 22px rgba(8,23,53,.04)}
.inbox-list-panel,.inbox-chat-panel,.inbox-detail-panel{flex-direction:column}
.inbox-filters{flex:0 0 auto;padding:12px;border-bottom:1px solid var(--line);background:#f9fbfe}
.inbox-filters .middle-input-icon input{height:38px;font-size:11px}
.inbox-filters select{width:100%;height:38px;margin-top:8px;padding:7px 10px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);font-size:11px}
.inbox-filters .middle-button{width:100%;margin-top:8px}
.inbox-list{flex:1;min-height:0;overflow:auto}
.inbox-conversation{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;padding:12px;border-bottom:1px solid #edf1f6;text-decoration:none}.inbox-conversation:hover{background:#f1f7ff}.inbox-conversation.active,.inbox-conversation.active.unread,.inbox-conversation.active:hover{background:#e3f0ff;box-shadow:inset 4px 0 0 var(--blue)}.inbox-conversation.active .inbox-conversation-main strong{color:#075fc4}
.inbox-conversation.unread{background:#f7fbff}.inbox-conversation.unread .inbox-conversation-main strong{font-weight:800}.inbox-conversation-main{min-width:0}.inbox-conversation-main > div{display:flex;align-items:center;justify-content:space-between;gap:8px}.inbox-conversation-main strong,.inbox-conversation-main span,.inbox-conversation-main p,.inbox-conversation-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-conversation-main strong{font-size:11px}.inbox-conversation-main time{flex:0 0 auto;color:#8c98aa;font-size:8px;white-space:nowrap}.inbox-conversation-main span{margin-top:2px;color:#69778d;font-size:9px}.inbox-conversation-main p{margin:5px 0 0;color:#8490a3;font-size:10px}.inbox-conversation-main small{margin-top:5px;color:#7a2cff;font-size:8px;font-weight:700}.inbox-unread{position:absolute;right:11px;bottom:12px;width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px rgba(8,122,245,.18)}
.inbox-pagination{display:flex;align-items:center;justify-content:center;gap:11px;min-height:43px;border-top:1px solid var(--line);background:#f9fbfe}.inbox-pagination a,.inbox-pagination span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;color:var(--blue);text-decoration:none}.inbox-pagination span{color:#bec6d2}.inbox-pagination strong{font-size:10px}
.inbox-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:67px;padding:10px 14px;border-bottom:1px solid var(--line)}.inbox-chat-head > div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.inbox-chat-head > div:first-child > div{min-width:0}.inbox-chat-head strong,.inbox-chat-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-chat-head strong{font-size:12px}.inbox-chat-head small{margin-top:3px;color:var(--muted);font-size:9px}.inbox-actions{display:flex;align-items:center;gap:6px}.inbox-actions form{margin:0}.inbox-actions .middle-button{min-height:36px;padding:8px 10px}.inbox-assign-user{display:flex;align-items:center;gap:5px}.inbox-assign-user select{max-width:180px;height:36px;padding:0 26px 0 9px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);font-size:11px;font-weight:700}
.inbox-assignment{padding:8px 14px;background:#fff8e8;border-bottom:1px solid #f1dfb6;color:#755819;font-size:10px;font-weight:700}
.inbox-messages{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto;padding:18px;background:#eef3f9}
.whatsapp-bubble{align-self:flex-start;max-width:75%;margin-bottom:10px;padding:10px 12px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(8,23,53,.045);font-size:12px;line-height:1.48;overflow-wrap:anywhere}.whatsapp-bubble.out{align-self:flex-end;margin-left:auto;border-color:#123a78;background:#123a78;color:#fff}.whatsapp-bubble small{display:block;margin-bottom:4px;opacity:.7;font-size:8px}.message-error{margin-top:7px;padding:6px;background:#fff0f2;color:#9e2639;font-size:9px}
.whatsapp-message-media-link{display:block}.whatsapp-message-media{display:block;max-width:100%;max-height:330px;border-radius:4px;object-fit:contain}.whatsapp-message-file{display:inline-flex;align-items:center;gap:7px;margin-top:5px;padding:7px 9px;border-radius:4px;background:#edf2f8;color:var(--navy);font-weight:700;text-decoration:none}.whatsapp-bubble.out .whatsapp-message-file{background:rgba(255,255,255,.14);color:#fff}.whatsapp-message-caption{margin-top:5px;font-size:10px}.whatsapp-message-choices{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.whatsapp-message-choice{border:0;border-radius:4px;padding:6px 8px;background:#dce4ef;color:#243653;font-size:9px;font-weight:700}.whatsapp-bubble.out .whatsapp-message-choice{background:rgba(255,255,255,.17);color:#fff}
.inbox-reply{flex:0 0 auto;padding:11px 13px;border-top:1px solid var(--line);background:#fff}.inbox-reply form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.inbox-reply textarea{min-width:0;min-height:66px;max-height:150px;padding:10px 12px;border:1px solid #dce3ee;border-radius:4px;resize:vertical;outline:0}.inbox-reply textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,122,245,.08)}.inbox-reply .middle-button{align-self:end;height:40px}.inbox-reply-disabled{padding:10px;border:1px solid #e5e9f0;background:#f7f9fc;color:#738097;font-size:10px;text-align:center}
.inbox-detail-panel{overflow:auto;padding:15px}.inbox-detail-head{display:flex;flex-direction:column;align-items:center;padding:4px 0 14px;border-bottom:1px solid var(--line);text-align:center}.inbox-detail-head strong{margin-top:7px;font-size:12px}.inbox-detail-head small{margin-top:3px;color:var(--muted);font-size:9px}.inbox-detail-row{padding:10px 0;border-bottom:1px solid #edf1f6}.inbox-detail-row small,.inbox-detail-row strong{display:block}.inbox-detail-row small{color:#8a96a8;font-size:8px;font-weight:800;text-transform:uppercase}.inbox-detail-row strong{margin-top:3px;font-size:10px;overflow-wrap:anywhere}.inbox-scenario{margin:14px 0;padding:10px;border:1px solid var(--line);background:#f8faff}.inbox-scenario small,.inbox-scenario strong{display:block}.inbox-scenario small{margin-bottom:7px;color:#8a96a8;font-size:8px;font-weight:800;text-transform:uppercase}.inbox-scenario img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#eef2f7}.inbox-scenario strong{margin-top:7px;font-size:10px}.inbox-data{margin-top:12px;border:1px solid var(--line)}.inbox-data summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;cursor:pointer;font-size:10px;font-weight:800;list-style:none}.inbox-data summary::-webkit-details-marker{display:none}.inbox-data summary em{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ece8ff;color:var(--violet);font-size:9px;font-style:normal}.inbox-data > div{padding:0 10px 10px}.inbox-data p{margin:0 0 6px;padding:7px;background:#f7f9fc}.inbox-data p small,.inbox-data p strong{display:block;overflow-wrap:anywhere}.inbox-data p small{color:#7c899d;font-size:8px;text-transform:uppercase}.inbox-data p strong{margin-top:2px;font-family:"Open Sans",sans-serif;font-size:9px}.inbox-no-data{display:block;padding:9px;color:#8b97a9;font-size:9px;text-align:center}
.inbox-refresh{position:fixed;z-index:100;right:18px;bottom:18px;display:none;align-items:center;gap:12px;padding:10px 12px;border-radius:5px;background:var(--navy);color:#fff;box-shadow:0 12px 28px rgba(8,23,53,.22);font-size:10px;font-weight:700}.inbox-refresh.visible{display:flex}.inbox-refresh button{border:0;border-radius:3px;padding:6px 9px;background:#fff;color:var(--navy);font-size:9px;font-weight:800;cursor:pointer}
.inbox-conversation.is-loading{pointer-events:none;background:#eef6ff}.inbox-conversation.is-loading::after{position:absolute;right:12px;top:50%;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(8,122,245,.2);border-top-color:var(--blue);border-radius:50%;content:"";animation:middle-page-spin .7s linear infinite}
.middle-page-loading{position:fixed;z-index:100003;left:50%;top:50%;display:none;align-items:center;gap:12px;min-width:230px;padding:17px 20px;border:1px solid rgba(8,23,53,.12);border-radius:8px;background:#fff;color:var(--navy);box-shadow:0 20px 48px rgba(8,23,53,.24);transform:translate(-50%,-50%)}.middle-page-loading strong{font-size:14px}.middle-page-loading-active .middle-page-loading{display:flex}.middle-page-loading-active::after{position:fixed;z-index:100002;inset:0;background:rgba(241,246,252,.7);backdrop-filter:blur(1px);content:""}.middle-page-spinner{flex:0 0 auto;width:24px;height:24px;border:3px solid #dceaff;border-top-color:var(--blue);border-right-color:var(--violet);border-radius:50%;animation:middle-page-spin .7s linear infinite}@keyframes middle-page-spin{to{transform:rotate(360deg)}}
.middle-sidebar-overlay{display:none}
.campaign-detected-fields{margin:14px;padding:11px;border:1px solid #dfe8f5;border-radius:4px;background:#f9fbfe}.campaign-detected-fields>strong{display:block;margin-bottom:8px;color:var(--navy);font-size:11px}.campaign-detected-fields>div{display:flex;flex-wrap:wrap;gap:6px}.campaign-detected-fields button{padding:5px 6px;border:1px solid #dae3f0;border-radius:3px;background:#fff;cursor:pointer}.campaign-detected-fields button:hover{border-color:#a98aff;background:#faf8ff}.campaign-detected-fields code{color:var(--violet);font-family:Consolas,monospace;font-size:9px;font-weight:800}
.campaign-compose-actions{display:flex;justify-content:flex-end;gap:9px;margin:-5px 0 14px}.campaign-compose-notice{display:flex;align-items:flex-start;gap:11px}.campaign-compose-notice i{margin-top:2px;color:var(--blue);font-size:17px}.campaign-compose-notice strong{color:var(--navy)}.campaign-compose-form{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:16px}.campaign-compose-main{overflow:hidden}.campaign-compose-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:20px}.campaign-compose-fields>label,.campaign-schedule-field{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.campaign-compose-fields input,.campaign-compose-fields textarea{width:100%;box-sizing:border-box;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);font:inherit}.campaign-compose-fields input{height:42px;padding:0 12px}.campaign-message-field textarea{min-height:198px;padding:12px;line-height:1.55;resize:vertical}.campaign-message-field>small{display:block;color:var(--muted);font-size:11px;font-weight:600;text-align:right}.campaign-send-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.campaign-send-mode>label,.campaign-target-mode>label{position:relative;display:block;cursor:pointer}.campaign-send-mode input,.campaign-target-mode input{position:absolute;opacity:0;pointer-events:none}.campaign-send-mode span{display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 9px;min-height:66px;padding:12px;border:1px solid var(--line);border-radius:5px;background:#f9fbfe}.campaign-send-mode i{grid-row:1/3;align-self:center;color:var(--violet);font-size:19px;text-align:center}.campaign-send-mode strong{font-size:13px}.campaign-send-mode small{color:var(--muted);font-size:11px;font-weight:500}.campaign-send-mode input:checked+span,.campaign-target-mode input:checked+span{border-color:var(--violet);background:#f8f5ff;box-shadow:0 0 0 2px rgba(111,57,255,.11)}.campaign-schedule-field{display:none}.campaign-schedule-field.is-visible{display:grid}.campaign-target-head{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:21px 20px 12px;border-top:1px solid var(--line)}.campaign-target-head span{display:block;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.campaign-target-head h3{margin:4px 0;font-size:19px}.campaign-target-head p{margin:0;color:var(--muted);font-size:12px}.campaign-target-head>strong{color:var(--violet);font-size:13px;white-space:nowrap}.campaign-target-mode{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0 20px 13px}.campaign-target-mode span{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 12px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--navy);font-size:12px;font-weight:800}.campaign-target-mode i{color:var(--blue);font-size:15px}.campaign-recipient-tools{display:flex;align-items:center;gap:12px;padding:0 20px 12px}.campaign-recipient-tools .middle-input-icon{flex:1}.campaign-select-all{display:flex;align-items:center;gap:7px;color:var(--navy);font-size:12px;font-weight:800;white-space:nowrap}.campaign-select-all input{width:16px;height:16px;accent-color:var(--violet)}.campaign-recipient-list{max-height:410px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.campaign-recipient{display:grid;grid-template-columns:20px 34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid #edf1f6;cursor:pointer}.campaign-recipient:last-child{border-bottom:0}.campaign-recipient:hover{background:#f8faff}.campaign-recipient input{width:16px;height:16px;accent-color:var(--violet)}.campaign-recipient-avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#e9f3ff;color:var(--blue);font-size:12px;font-weight:800}.campaign-recipient-details{min-width:0}.campaign-recipient-details strong,.campaign-recipient-details small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-recipient-details strong{font-size:13px}.campaign-recipient-details small{margin-top:2px;color:var(--muted);font-size:11px}.campaign-recipient-phone{display:flex;align-items:center;gap:5px;color:#087958;font-size:11px;font-weight:800}.campaign-recipient-phone i{font-size:14px}.campaign-compose-submit{display:flex;justify-content:flex-end;gap:9px;padding:18px 20px}.campaign-compose-aside{display:grid;gap:16px}.campaign-help-panel,.campaign-emoji-panel{padding-bottom:16px}.campaign-help-panel>p,.campaign-emoji-panel>p{margin:0 18px 14px;color:var(--muted);font-size:12px;line-height:1.55}.campaign-variable-list{display:grid;gap:7px;padding:0 14px}.campaign-token{display:grid;grid-template-columns:124px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:8px;border:1px solid #e1e7f0;border-radius:4px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.campaign-token:hover{border-color:#ac8bff;background:#fbfaff}.campaign-token code,.campaign-token-example code{color:var(--violet);font-family:Consolas,monospace;font-size:11px;font-weight:800}.campaign-token span{color:var(--muted);font-size:10px;line-height:1.35}.campaign-token-example{display:flex;gap:8px;margin:14px;padding:10px;border-left:3px solid var(--blue);background:#f6faff}.campaign-token-example i{color:var(--blue);font-size:15px}.campaign-token-example p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.campaign-emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:0 15px}.campaign-emoji-grid button{height:35px;border:1px solid #e1e7f0;border-radius:4px;background:#fff;font-size:17px;cursor:pointer}.campaign-emoji-grid button:hover{border-color:#ac8bff;background:#faf8ff}.campaign-eligibility-panel{display:flex;align-items:flex-start;gap:11px;padding:16px}.campaign-eligibility-panel>i{color:var(--blue);font-size:19px}.campaign-eligibility-panel strong{display:block;font-size:13px}.campaign-eligibility-panel p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.campaign-send-detail-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 15px;padding:19px 20px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 7px 18px rgba(24,45,83,.04)}.campaign-send-detail-head>div:first-child>span{display:block;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.campaign-send-detail-head h2{margin:4px 0;font-size:23px}.campaign-send-detail-head p{margin:0;color:var(--muted);font-size:12px}.campaign-send-detail-head>div:last-child{display:flex;align-items:center;gap:9px}.campaign-send-detail-head form{margin:0}.campaign-send-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;margin-bottom:16px}.campaign-send-message pre{max-height:340px;margin:0;padding:18px;overflow:auto;white-space:pre-wrap;color:var(--ink);font:13px/1.6 "Open Sans",sans-serif}.campaign-send-meta dl{margin:0}.campaign-send-meta dl div{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid var(--line)}.campaign-send-meta dt{color:var(--muted);font-size:11px}.campaign-send-meta dd{margin:0;color:var(--navy);font-size:11px;font-weight:800;text-align:right}.campaign-send-history{margin-top:16px}.campaign-recipient-message{max-width:330px;color:#53627b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-recipient-error{max-width:260px;color:#b44858;font-size:11px}.status-planifiee,.status-en-cours{background:#eef4ff;color:#3269c7}.status-terminee,.status-envoye{background:#e3f8ef;color:#087958}.status-annulee,.status-echec{background:#ffe8e9;color:#bd3948}
.middle-toast-wrap{position:fixed;z-index:100001;top:88px;right:20px;width:390px;max-width:calc(100vw - 40px);pointer-events:none}.middle-message-toast{overflow:hidden;border:1px solid rgba(8,23,53,.12);border-left:4px solid var(--green);border-radius:7px;background:#fff;box-shadow:0 18px 42px rgba(8,23,53,.2);opacity:0;pointer-events:auto;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}.middle-message-toast.is-open{opacity:1;transform:translateY(0)}.middle-message-toast-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px 7px;color:var(--navy)}.middle-message-toast-head strong{font-size:14px}.middle-message-toast-head i{margin-right:7px;color:var(--green);font-size:17px}.middle-message-toast-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#718097;font-size:21px;line-height:1;cursor:pointer}.middle-message-toast-body{display:block;padding:0 14px 14px;color:#53627b;text-decoration:none}.middle-message-toast-name,.middle-message-toast-preview,.middle-message-toast-meta{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.middle-message-toast-name{color:var(--navy);font-size:14px;font-weight:800}.middle-message-toast-preview{margin-top:4px;font-size:13px}.middle-message-toast-meta{margin-top:8px;color:#0b9665;font-size:11px;font-weight:800}

/* Readability */
.middle-app{font-size:14px;line-height:1.45}.middle-app input,.middle-app select,.middle-app textarea{font-size:13px}.middle-app small{font-size:11px}.middle-app p{font-size:13px}
.middle-nav a,.middle-sidebar-footer a{font-size:14px}.middle-client-chip small{font-size:11px}.middle-client-chip strong{font-size:14px}.middle-topbar-context strong{font-size:15px}.middle-topbar-context span{font-size:12px}.middle-user div strong{font-size:14px}.middle-user div small{font-size:11px}
.middle-page-head h1{font-size:31px}.middle-page-head p{font-size:15px}.middle-kicker{font-size:12px}.middle-alert{font-size:14px}.middle-button{font-size:13px}.middle-panel-head span{font-size:11px}.middle-panel-head h2{font-size:19px}.middle-panel-head>a,.middle-panel-head>strong{font-size:13px}.middle-empty{font-size:13px}
.dashboard-stat small{font-size:11px}.dashboard-stat strong{font-size:31px}.dashboard-stat div span{font-size:13px}.chart-legend span,.activity-day small{font-size:11px}.recent-list strong{font-size:13px}.recent-list small{font-size:12px}.recent-time{font-size:11px}.scenario-strip strong{font-size:13px}.scenario-strip span{font-size:11px}.quote-summary span{font-size:12px}.quote-list span strong{font-size:13px}.quote-list span small{font-size:11px}.quote-list em{font-size:10px}.dashboard-lower-grid.single{grid-template-columns:1fr}
.middle-pagination span{font-size:12px}.campaign-stats small,.quote-page-stats small,.scenario-page-summary small{font-size:11px}.campaign-stats em,.quote-page-stats em{font-size:11px}.campaign-category{font-size:11px}.campaign-status,.quote-status,.campaign-template-status{font-size:10px}.campaign-card-body small{font-size:10px}.campaign-card-body h2{font-size:18px}.campaign-card-body p{font-size:13px}.campaign-progress>div{font-size:11px}.campaign-card footer span{font-size:10px}.campaign-card footer strong{font-size:12px}
.campaign-view-stats small{font-size:10px}.campaign-view-stats span{font-size:11px}.campaign-phone-bar span small{font-size:10px}.campaign-message-bubble{font-size:14px}.campaign-info-panel dt{font-size:11px}.campaign-info-panel dd{font-size:12px}
.quote-main small,.quote-date small,.quote-amount small{font-size:10px}.quote-main strong{font-size:14px}.quote-main em{font-size:12px}.quote-date strong,.quote-amount strong{font-size:13px}.quote-view-head small{font-size:10px}.quote-view-head h2{font-size:20px}.quote-view-head p{font-size:12px}.quote-lines-table th{font-size:10px}.quote-lines-table td{font-size:13px}.quote-free{font-size:10px}.quote-client-note strong{font-size:13px}.quote-client-note p{font-size:13px}.quote-total-panel>small,.quote-meta-panel small{font-size:10px}.quote-total-panel>div{font-size:13px}.quote-meta-panel strong{font-size:12px}
.scenario-image-wrap span,.scenario-page-caption small,.scenario-state{font-size:10px}.scenario-page-caption h2{font-size:17px}.inbox-metrics span{font-size:12px}.inbox-filters .middle-input-icon input,.inbox-filters select{font-size:13px}.inbox-conversation-main strong{font-size:13px}.inbox-conversation-main time{font-size:10px}.inbox-conversation-main span{font-size:11px}.inbox-conversation-main p{font-size:12px}.inbox-conversation-main small{font-size:10px}.inbox-pagination strong{font-size:12px}.inbox-chat-head strong{font-size:14px}.inbox-chat-head small{font-size:11px}.inbox-assignment{font-size:12px}.whatsapp-bubble{font-size:14px}.whatsapp-bubble small{font-size:10px}.message-error,.whatsapp-message-choice{font-size:11px}.whatsapp-message-caption{font-size:12px}.inbox-reply textarea{font-size:14px}.inbox-reply-disabled{font-size:12px}.inbox-detail-head strong{font-size:14px}.inbox-detail-head small,.inbox-detail-row small,.inbox-scenario small,.inbox-data p small{font-size:10px}.inbox-detail-row strong,.inbox-scenario strong,.inbox-data summary{font-size:12px}.inbox-data p strong,.inbox-no-data{font-size:11px}.inbox-refresh{font-size:12px}.inbox-refresh button{font-size:11px}

@media(max-width:1250px){
    .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .campaign-stats.model-campaign-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
    .campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-view-stats,.campaign-view-stats.cumulative{grid-template-columns:repeat(3,minmax(0,1fr))}
    .quote-page-row{grid-template-columns:42px minmax(240px,1fr) 100px 120px 95px 20px}.quote-page-row .quote-date:nth-of-type(3){display:none}
    .inbox-shell{grid-template-columns:290px minmax(420px,1fr)}
    .inbox-detail-panel{grid-column:1 / -1;display:grid;grid-template-columns:180px repeat(3,minmax(120px,1fr));gap:0;height:auto;max-height:360px}
    .inbox-detail-head{grid-row:span 2;margin-right:14px;border-right:1px solid var(--line);border-bottom:0}.inbox-scenario,.inbox-data{grid-column:span 2;margin:10px}.inbox-detail-row{padding:12px}
    .inbox-shell{height:auto}.inbox-list-panel,.inbox-chat-panel{height:calc(100vh - 230px);min-height:600px}
    .scenario-page-intro{grid-template-columns:1fr}.scenario-page-legend{border-left:0;border-top:1px solid var(--line);padding-top:15px}.scenario-viewer-head{grid-template-columns:minmax(220px,1fr) auto}.scenario-viewer-navigation{display:none}.scenario-viewer-body{grid-template-columns:minmax(0,1fr) 245px}
    .campaign-compose-form{grid-template-columns:1fr}.campaign-compose-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-eligibility-panel{grid-column:1/-1}.campaign-send-detail-grid{grid-template-columns:1fr}
}

@media(max-width:980px){
    .middle-sidebar{transform:translateX(-100%);transition:transform .2s ease}.middle-main{margin-left:0}.middle-menu-open .middle-sidebar{transform:translateX(0)}.middle-menu-toggle{display:flex;align-items:center;justify-content:center;margin-right:12px}.middle-sidebar-overlay{position:fixed;z-index:45;inset:0;background:rgba(8,23,53,.42)}.middle-menu-open .middle-sidebar-overlay{display:block}
    .dashboard-grid,.dashboard-lower-grid{grid-template-columns:1fr}
    .campaign-view-grid,.quote-view-grid{grid-template-columns:1fr}.campaign-phone-preview{min-height:420px}.scenario-page-grid{grid-template-columns:1fr}.quote-page-row{grid-template-columns:42px minmax(220px,1fr) 110px 90px 20px}.quote-page-row .quote-date{display:none}
    .middle-login-shell{grid-template-columns:1fr}.middle-login-brand{display:none}
    .inbox-shell{grid-template-columns:280px minmax(400px,1fr);overflow-x:auto}.inbox-detail-panel{display:none}
    .scenario-page-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-viewer{padding:10px}.scenario-viewer-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px)}.scenario-viewer-body{grid-template-columns:1fr}.scenario-viewer-context{display:none}.scenario-viewer-head{grid-template-columns:minmax(180px,1fr) auto}.scenario-viewer-tools>span{display:none}
}

@media(max-width:720px){
    .middle-toast-wrap{top:82px;right:12px;max-width:calc(100vw - 24px)}
    .middle-content{padding:18px 14px}.middle-topbar{padding:0 14px}.middle-topbar-context,.middle-user div{display:none}.middle-page-head h1{font-size:23px}.dashboard-stats{grid-template-columns:1fr}.scenario-strip{grid-template-columns:1fr}.activity-chart{height:220px}.activity-bars{height:165px}
    .inbox-metrics{grid-template-columns:1fr}.inbox-shell{display:block;height:auto;overflow:visible}.inbox-list-panel{height:430px;margin-bottom:12px}.inbox-chat-panel{height:650px;min-height:0}.inbox-chat-head{align-items:flex-start}.inbox-actions{flex-wrap:wrap;justify-content:flex-end}.inbox-actions .middle-button{width:38px;padding:8px;font-size:0}.inbox-actions .middle-button i{font-size:12px}.whatsapp-bubble{max-width:88%}.inbox-reply form{grid-template-columns:1fr}.inbox-reply .middle-button{width:100%}
    .campaign-stats,.campaign-stats.model-campaign-stats,.quote-page-stats,.scenario-page-summary{grid-template-columns:1fr}.campaign-filters,.quote-page-filters,.campaign-recipient-search{grid-template-columns:1fr}.campaign-grid{grid-template-columns:1fr;padding:12px}.campaign-view-actions,.quote-view-actions{margin-top:0}.campaign-view-stats,.campaign-view-stats.cumulative{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-phone-preview{min-height:360px;padding:18px 12px}.quote-page-row{grid-template-columns:36px minmax(0,1fr) 78px 16px;padding:11px}.quote-page-row .quote-amount{display:none}.quote-file-icon{width:34px;height:38px}.quote-lines-table th,.quote-lines-table td{padding:10px 9px}.scenario-page-caption{align-items:flex-start}.scenario-image-wrap span{opacity:1}
    .middle-login-panel{padding:28px 20px}.middle-login-form-wrap h2{font-size:27px}
    .scenario-page-intro{padding:20px}.scenario-page-intro-copy h2{font-size:21px}.scenario-page-legend{grid-template-columns:1fr}.scenario-page-legend>span{padding:7px 0}.scenario-page-caption{align-items:flex-start}.scenario-viewer{padding:0}.scenario-viewer-dialog{width:100vw;height:100vh;border:0;border-radius:0}.scenario-viewer-head{grid-template-columns:minmax(105px,1fr) auto;min-height:62px;padding:8px 10px}.scenario-viewer-identity>span,.scenario-viewer-tools [data-scenario-original]{display:none}.scenario-viewer-head button,.scenario-viewer-head a{width:32px;height:34px}.scenario-viewer-tools{gap:4px}.scenario-image-action{opacity:1;transform:none}
    .campaign-compose-actions{flex-wrap:wrap;justify-content:flex-start}.campaign-compose-actions .middle-button{flex:1}.campaign-send-mode,.campaign-target-mode,.campaign-compose-aside{grid-template-columns:1fr}.campaign-target-head,.campaign-send-detail-head{align-items:flex-start;flex-direction:column}.campaign-target-head>strong{white-space:normal}.campaign-recipient-tools{align-items:stretch;flex-direction:column}.campaign-recipient{grid-template-columns:20px 34px minmax(0,1fr)}.campaign-recipient-phone{display:none}.campaign-token{grid-template-columns:105px minmax(0,1fr)}.campaign-send-detail-head>div:last-child{flex-wrap:wrap}.campaign-recipient-message{max-width:190px}.campaign-recipient-error{max-width:150px}
}

/* The API reason must remain readable in the client-facing sending detail. */
.campaign-recipient-error{min-width:240px;max-width:420px;line-height:1.45;white-space:normal}
.campaign-send-template-note{display:flex;gap:10px;align-items:flex-start;margin:0 18px 14px;padding:10px 12px;border-left:3px solid var(--violet);background:#f8f6ff;color:#5c6880;font-size:11px;line-height:1.5}.campaign-send-template-note i{margin-top:2px;color:var(--violet);font-size:14px}.campaign-send-template-note p{margin:0}.campaign-send-template-note code{color:var(--violet);font-family:Consolas,monospace;font-weight:800}
.campaign-optin-refresh{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 17px;border:1px solid #bdeee0;border-radius:6px;background:#f1fcf7}.campaign-optin-refresh strong,.campaign-optin-refresh span{display:block}.campaign-optin-refresh strong{color:#087958;font-size:13px}.campaign-optin-refresh span{margin-top:3px;color:#547064;font-size:11px}.campaign-template-empty{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #f1c6c9;border-radius:5px;background:#fff6f6;color:#98434d}.campaign-template-empty i{margin-top:2px;font-size:18px}.campaign-template-empty strong,.campaign-template-empty span{display:block}.campaign-template-empty span{margin-top:3px;font-size:11px}.campaign-template-config{padding:15px;border:1px solid #dbe4f0;border-radius:5px;background:#f9fbfe}.campaign-template-config>strong{color:var(--navy);font-size:13px}.campaign-template-config>p{margin:5px 0 12px;color:var(--muted);font-size:11px;line-height:1.5}.campaign-template-config code{color:var(--violet);font-family:Consolas,monospace;font-weight:800}.campaign-template-parameters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-template-parameters label{display:grid;gap:6px;color:var(--navy);font-size:11px;font-weight:800}.campaign-template-parameters input{height:39px!important}.campaign-template-no-param{display:flex;gap:8px;align-items:center;color:#087958;font-size:12px;font-weight:800}.campaign-template-preview .middle-panel-head>strong{color:var(--violet);font-size:11px}.campaign-help-panel .campaign-token{cursor:default}.campaign-help-panel .campaign-token:hover{border-color:#e1e7f0;background:#fff}
.campaign-compose-fields select{width:100%;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #dce3ee;border-radius:4px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.campaign-compose-fields select:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(21,122,245,.1)}@media(max-width:720px){.campaign-optin-refresh{flex-direction:column;align-items:flex-start}.campaign-template-parameters{grid-template-columns:1fr}.campaign-recipient-tools{flex-direction:column;align-items:stretch}.campaign-recipient{grid-template-columns:20px 34px minmax(0,1fr)}.campaign-recipient-phone{grid-column:3}.campaign-compose-submit .middle-button{flex:1}}
.inbox-reply-window{margin:0 0 8px;padding:9px 11px;border-left:3px solid var(--green);background:#effbf6;color:#087958;font-size:12px;font-weight:700}.inbox-reply-window i{margin-right:5px}.inbox-reply-window strong{font-variant-numeric:tabular-nums}.inbox-reply-window.is-warning{border-left-color:#f0a21a;background:#fff8e9;color:#9a6400}
.inbox-template-reply{display:flex;align-items:center;justify-content:space-between;gap:14px}.inbox-template-reply>div{min-width:0}.inbox-template-reply small{display:block;color:#7d8ba1;font-size:11px;line-height:1.45}.inbox-eligibility-block{display:grid;gap:5px;border-color:#f1c8cb;background:#fff6f7;color:#a43b47}.inbox-eligibility-block small{color:#8d6670;font-size:11px}

/* Individual approved-template sending wizard. */
.cf-template-wizard[hidden]{display:none!important}.cf-template-wizard{position:fixed;z-index:1600;inset:0;display:flex;align-items:center;justify-content:center;padding:22px}.cf-template-wizard-backdrop{position:absolute;inset:0;background:rgba(9,22,49,.7)}.cf-template-wizard-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:calc(100vh - 44px);overflow:auto;border-radius:7px;background:#fff;box-shadow:0 24px 65px rgba(10,24,52,.34)}.cf-template-wizard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:23px 26px 17px;border-bottom:1px solid var(--line)}.cf-template-wizard-head span,.cf-template-wizard-label{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.cf-template-wizard-head h2{margin:4px 0 4px;color:var(--navy);font-size:24px;line-height:1.12}.cf-template-wizard-head p{margin:0;color:#74829b;font-size:13px}.cf-template-wizard-head-actions{display:flex;align-items:center;gap:17px}.cf-template-wizard-head-actions strong{color:#8c42e8;font-size:19px}.cf-template-wizard-head-actions strong b{color:var(--blue)}.cf-template-wizard-head-actions button{width:32px;height:32px;border:0;background:transparent;color:#465671;font-size:19px;cursor:pointer}.cf-template-wizard form{padding:24px 26px 0}.cf-template-wizard-step{min-height:220px}.cf-template-wizard-label{margin-bottom:10px}.cf-template-wizard-channel,.cf-template-wizard-recipient{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:12px;align-items:center;padding:15px;border:1px solid #cadcf2;border-radius:5px;background:#f8fbff}.cf-template-wizard-channel>i:first-child{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;background:#e7faf2;color:#0aaf71;font-size:23px}.cf-template-wizard-channel strong,.cf-template-wizard-channel small,.cf-template-wizard-recipient strong,.cf-template-wizard-recipient small{display:block}.cf-template-wizard-channel strong,.cf-template-wizard-recipient strong{color:var(--navy);font-size:14px}.cf-template-wizard-channel small,.cf-template-wizard-recipient small{margin-top:3px;color:#72819a;font-size:11px}.cf-template-wizard-channel>i:last-child{color:#15ae76;font-size:17px}.cf-template-wizard-note{margin:13px 0 0;color:#677691;font-size:12px;line-height:1.55}.cf-template-wizard-recipient{grid-template-columns:40px minmax(0,1fr)}.cf-template-wizard-recipient>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:5px;background:#eee8ff;color:#7043cf;font-size:16px;font-weight:800}.cf-template-wizard-optin{display:grid;grid-template-columns:19px minmax(0,1fr);gap:10px;margin-top:18px;padding:15px;border:1px solid #d8e5f5;border-radius:5px;background:#f9fbfe;color:#53627a;font-size:12px;font-weight:500;line-height:1.55}.cf-template-wizard-optin input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--blue)}.cf-template-wizard-optin strong{display:block;margin-bottom:4px;color:var(--navy);font-size:13px}.cf-template-wizard-select{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.cf-template-wizard-select select,.cf-template-wizard-params input{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd9eb;border-radius:4px;background:#fff;color:var(--ink);font:13px "Open Sans",sans-serif}.cf-template-wizard-template{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;margin-top:18px}.cf-template-wizard-preview{overflow:hidden;border:1px solid #dfe6ee;border-radius:6px;background:#efe9de;box-shadow:0 8px 18px rgba(12,29,60,.08)}.cf-template-wizard-preview-head{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#08775c;color:#fff;font-size:12px}.cf-template-wizard-preview-body{min-height:136px;margin:13px;padding:13px;border-radius:3px;background:#fff;color:#30415d;font-size:13px;line-height:1.55;white-space:pre-wrap}.cf-template-wizard-preview>small{display:block;margin:0 13px 13px;color:#087af5;font-size:11px;font-weight:800}.cf-template-wizard-params{display:grid;align-content:start;gap:11px}.cf-template-wizard-param{display:grid;gap:5px;color:#52627b;font-size:11px;font-weight:800}.cf-template-wizard-param input{min-height:38px}.cf-template-wizard-param small{color:#8995a9;font-size:10px;font-weight:500}.cf-template-wizard-empty{padding:18px 0;color:#718098;font-size:12px;line-height:1.55}.cf-template-wizard-footer{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:24px -26px 0;padding:16px 26px;border-top:1px solid var(--line);background:#fbfcff}.cf-template-wizard-footer .middle-button{white-space:nowrap}

/* Bases et segments */
.bases-actions{display:flex;justify-content:flex-end;margin:-53px 0 17px}.bases-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}.bases-stats>div{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;min-height:112px;padding:19px;border:1px solid var(--line);border-radius:7px;background:#fff;box-shadow:0 7px 18px rgba(24,45,83,.04)}.bases-stat-icon{grid-row:1/4;display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:7px;font-size:19px}.bases-stat-icon.blue{background:#e7f2ff;color:#087af5}.bases-stat-icon.violet{background:#f0eaff;color:#7a2cff}.bases-stat-icon.orange{background:#fff3d9;color:#d48a00}.bases-stats small{color:#65738b;font-size:11px;font-weight:800;text-transform:uppercase}.bases-stats strong{margin:1px 0;color:var(--navy);font-size:30px;line-height:1.05}.bases-stats em{color:#8793a8;font-size:12px;font-style:normal}.bases-compliance-panel{display:grid;grid-template-columns:50px minmax(0,1fr) minmax(280px,.9fr);gap:18px;align-items:center;margin-bottom:16px;padding:22px;background:#f7fbff}.bases-compliance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:7px;background:#e8f3ff;color:#087af5;font-size:22px}.bases-compliance-panel>div:nth-child(2)>span,.bases-mapping-summary>div:first-child>span{display:block;color:var(--blue);font-size:11px;font-weight:800;text-transform:uppercase}.bases-compliance-panel h2{margin:4px 0 6px;font-size:20px}.bases-compliance-panel p{max-width:790px;margin:0;color:#61708a;font-size:13px;line-height:1.6}.bases-compliance-panel ul{display:grid;gap:8px;margin:0;padding:15px 0 15px 19px;border-left:1px solid #dfe7f3;list-style:none}.bases-compliance-panel li{color:#41516c;font-size:12px;font-weight:700}.bases-compliance-panel li i{margin-right:7px;color:#12ae77}.bases-list-panel{overflow:hidden}.bases-list{display:grid}.bases-row{display:grid;grid-template-columns:42px minmax(200px,1fr) 140px 130px 190px;gap:14px;align-items:center;padding:17px 20px;border-top:1px solid var(--line)}.bases-row-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;background:#edf5ff;color:#087af5;font-size:17px}.bases-row-main strong,.bases-row-main small{display:block}.bases-row-main strong{color:var(--navy);font-size:14px}.bases-row-main small{margin-top:4px;color:#728099;font-size:11px}.bases-row-metric strong,.bases-row-metric span{display:block}.bases-row-metric strong{color:var(--navy);font-size:16px}.bases-row-metric span{margin-top:2px;color:#7f8ba1;font-size:10px}.bases-row-status{text-align:right}.bases-row-status em{display:inline-block;padding:5px 8px;border-radius:3px;font-size:10px;font-style:normal;font-weight:800;text-transform:uppercase}.bases-status.pending{background:#fff4dd;color:#a66c00}.bases-row-status small{display:block;margin-top:5px;color:#7d8ba2;font-size:10px}.bases-empty{padding:46px 20px}.bases-empty .middle-button{margin-top:14px}.bases-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.bases-import-main{padding-bottom:0}.bases-import-form{padding:20px}.bases-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bases-import-form label,.bases-mapping-table select,.bases-mapping-table input{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.bases-import-form input,.bases-import-form select,.bases-import-form textarea,.bases-mapping-table select,.bases-mapping-table input{width:100%;min-height:40px;padding:9px 11px;border:1px solid #d9e2ef;border-radius:4px;background:#fff;color:var(--ink);font:13px "Open Sans",sans-serif}.bases-import-form textarea{min-height:94px;resize:vertical}.bases-import-form input[type=file]{padding:8px}.bases-import-form small{color:#7b89a0;font-size:10px;font-weight:500;line-height:1.5}.bases-notes{margin-top:16px}.bases-legal-check{display:grid!important;grid-template-columns:19px minmax(0,1fr);gap:11px!important;align-items:flex-start;margin-top:20px;padding:15px;border:1px solid #cfe1ff;border-radius:5px;background:#f6faff;color:#4e5e77!important;font-size:12px!important;font-weight:500!important;line-height:1.55}.bases-legal-check input{width:17px!important;min-height:17px!important;margin:2px 0 0;accent-color:var(--blue)}.bases-legal-check strong{display:block;margin-bottom:4px;color:var(--navy);font-size:13px}.bases-import-submit{display:flex;justify-content:flex-end;gap:9px;margin:20px -20px 0;padding:16px 20px;border-top:1px solid var(--line)}.bases-import-aside{display:grid;align-content:start;gap:16px}.bases-guidance ul{display:grid;gap:12px;margin:0;padding:0 18px 18px;list-style:none}.bases-guidance li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:7px;color:#52627c;font-size:12px;line-height:1.55}.bases-guidance li i{margin-top:2px;color:#10b77c}.bases-guidance.muted p{margin:0;padding:0 18px 18px;color:#65738b;font-size:12px;line-height:1.6}.bases-mapping-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px}.bases-mapping-summary h2{margin:4px 0;font-size:21px}.bases-mapping-summary p{margin:0;color:#708098;font-size:12px}.bases-mapping-summary-meta{display:grid;gap:5px;padding-left:20px;border-left:1px solid var(--line);text-align:right}.bases-mapping-summary-meta strong{color:#087958;font-size:12px}.bases-mapping-summary-meta small{color:#7e8ba1;font-size:10px}.bases-mapping-form{overflow:hidden}.bases-mapping-table-wrap{overflow:auto}.bases-mapping-table{width:100%;min-width:950px;border-collapse:collapse}.bases-mapping-table th{padding:13px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8faff;color:#60708a;font-size:10px;font-weight:800;text-align:left;text-transform:uppercase}.bases-mapping-table td{padding:11px 16px;border-bottom:1px solid #edf1f6;vertical-align:middle}.bases-mapping-table td:first-child{width:22%}.bases-mapping-table td:nth-child(2){width:24%;color:#7b89a1;font-size:12px}.bases-mapping-table td:nth-child(3){width:23%}.bases-mapping-table td:nth-child(4){width:20%}.bases-mapping-table td:nth-child(5){width:16%}.bases-mapping-table input:disabled,.bases-mapping-table select:disabled{cursor:not-allowed;border-color:#eef1f6;background:#f4f6f9;color:#a3adbc}.bases-mapping-table tr:not(.is-custom) td:nth-child(4),.bases-mapping-table tr:not(.is-custom) td:nth-child(5){opacity:.5}.bases-mapping-info{display:flex;gap:10px;margin:18px 20px 0;padding:11px 13px;border-left:3px solid var(--blue);background:#f6faff;color:#5f6f89;font-size:12px;line-height:1.5}.bases-mapping-info i{margin-top:2px;color:var(--blue);font-size:15px}
@media(max-width:1250px){.bases-compliance-panel{grid-template-columns:50px minmax(0,1fr)}.bases-compliance-panel ul{grid-column:2;padding-left:0;border-left:0;border-top:1px solid #dfe7f3}.bases-row{grid-template-columns:42px minmax(180px,1fr) 120px 160px}.bases-row-metric:nth-of-type(4){display:none}}
@media(max-width:980px){.bases-import-layout{grid-template-columns:1fr}.bases-import-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.bases-row{grid-template-columns:42px minmax(180px,1fr) 130px}.bases-row-status{grid-column:2 / -1;text-align:left}.bases-row-metric:nth-of-type(3){display:none}}
@media(max-width:720px){.bases-actions{justify-content:flex-start;margin:-4px 0 15px}.bases-stats{grid-template-columns:1fr}.bases-compliance-panel{grid-template-columns:1fr;padding:18px}.bases-compliance-panel ul{grid-column:auto;margin:0;padding:13px 0 0}.bases-field-grid,.bases-import-aside{grid-template-columns:1fr}.bases-mapping-summary{align-items:flex-start;flex-direction:column}.bases-mapping-summary-meta{padding:12px 0 0;border-top:1px solid var(--line);border-left:0;text-align:left}.bases-import-submit{flex-wrap:wrap}.bases-import-submit .middle-button{flex:1}.bases-row{grid-template-columns:42px minmax(0,1fr)}.bases-row-metric{display:none}.bases-row-status{grid-column:2;text-align:left}.bases-mapping-form .middle-panel-head{align-items:flex-start}.bases-mapping-form .middle-panel-head .middle-button{margin-top:7px}}
@media(max-width:720px){.inbox-template-reply{align-items:flex-start;flex-direction:column}.cf-template-wizard{padding:10px}.cf-template-wizard-dialog{max-height:calc(100vh - 20px)}.cf-template-wizard-head{padding:19px 17px 15px}.cf-template-wizard-head h2{font-size:20px}.cf-template-wizard form{padding:18px 17px 0}.cf-template-wizard-template{grid-template-columns:1fr}.cf-template-wizard-footer{margin:18px -17px 0;padding:14px 17px}.cf-template-wizard-footer .middle-button{font-size:12px}}
.cf-template-wizard-optin.is-required{border-color:#e25669;background:#fff6f7}
.cf-template-wizard-preview-actions{display:grid;margin:0 13px 13px;border-top:1px solid #e7ebf0}.cf-template-wizard-cta{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 11px;border-bottom:1px solid #e7ebf0;color:#087af5;font-size:12px;font-weight:800;text-align:center}.cf-template-wizard-cta:last-child{border-bottom:0}.cf-template-wizard-cta i{font-size:13px}
.campaign-message-bubble .campaign-template-cta{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px -6px -3px;padding:11px;border-top:1px solid #edf1f6;color:#087af5;font-size:12px;font-weight:800;text-align:center;text-decoration:none}.campaign-message-bubble .campaign-template-cta+.campaign-template-cta{margin-top:0}.campaign-message-bubble .campaign-template-cta i{font-size:13px}

/* Composeur unifié : réponse libre, modèle validé, parcours et note interne. */
.inbox-compose-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.inbox-compose-tools{position:relative;display:flex;align-items:center;gap:6px}.inbox-tool-button{position:relative;min-width:34px}.inbox-tool-button.is-active{border-color:#7a2cff!important;background:#f0eaff!important;color:#6d30be!important}.inbox-tool-button[data-tooltip]::after{position:absolute;z-index:40;bottom:calc(100% + 9px);left:50%;width:max-content;max-width:230px;padding:7px 9px;border-radius:4px;background:#16233d;color:#fff;content:attr(data-tooltip);font-size:11px;font-weight:700;line-height:1.25;opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .14s ease,transform .14s ease}.inbox-tool-button[data-tooltip]:hover::after,.inbox-tool-button[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}.inbox-note-hint{display:block;margin:3px 0 0;color:#866314;font-size:11px;font-weight:700}.inbox-note-hint i{margin-right:4px}.inbox-emoji-picker{position:absolute;z-index:20;bottom:42px;left:0;display:grid;grid-template-columns:repeat(8,30px);gap:4px;width:282px;padding:9px;border:1px solid #d6e0ee;border-radius:7px;background:#fff;box-shadow:0 12px 30px rgba(20,42,78,.18)}.inbox-emoji-picker[hidden]{display:none}.inbox-emoji-choice{width:30px;height:30px;border:0;border-radius:4px;background:#fff;font-size:17px;cursor:pointer}.inbox-emoji-choice:hover{background:#f0f5fc}.whatsapp-bubble.note{border:1px solid #e9d4a1;background:#fff7dc;color:#70521a;box-shadow:none}.whatsapp-bubble.note .whatsapp-meta{color:#967331}.inbox-consent{font-weight:700;color:#8a5d16}.inbox-consent.is-confirmed{color:#0b8d62}.cf-scenario-wizard[hidden]{display:none!important}.cf-scenario-wizard{position:fixed;z-index:1800;inset:0;display:flex;align-items:center;justify-content:center;padding:22px}.cf-scenario-wizard-backdrop{position:absolute;inset:0;background:rgba(9,22,49,.7)}.cf-scenario-wizard-dialog{position:relative;z-index:1;width:min(540px,100%);border-radius:7px;background:#fff;box-shadow:0 24px 65px rgba(10,24,52,.34)}.cf-scenario-wizard-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 25px 16px;border-bottom:1px solid var(--line)}.cf-scenario-wizard-dialog header span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.03em}.cf-scenario-wizard-dialog header h2{margin:4px 0;color:var(--navy);font-size:23px}.cf-scenario-wizard-dialog header p{margin:0;color:#74829b;font-size:13px;line-height:1.5}.cf-scenario-wizard-dialog header button{border:0;background:transparent;color:#465671;font-size:18px;cursor:pointer}.cf-scenario-wizard-dialog form{padding:22px 25px 0}.cf-scenario-wizard-dialog label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.cf-scenario-wizard-dialog select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd9eb;border-radius:4px;background:#fff;color:var(--ink);font:13px "Open Sans",sans-serif}.cf-scenario-wizard-note{margin:13px 0;color:#677691;font-size:12px;line-height:1.55}.cf-scenario-wizard-dialog footer{display:flex;justify-content:space-between;gap:10px;margin:22px -25px 0;padding:15px 25px;border-top:1px solid var(--line);background:#fbfcff}.cf-scenario-wizard-dialog .middle-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 13px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;cursor:pointer}.cf-scenario-wizard-dialog .middle-button.secondary{border-color:#bdc9da;background:#fff;color:#42516b}@media(max-width:767px){.inbox-compose-bottom{align-items:flex-end}.inbox-emoji-picker{right:0;left:auto;width:246px;grid-template-columns:repeat(7,30px)}.cf-scenario-wizard{padding:10px}.cf-scenario-wizard-dialog header,.cf-scenario-wizard-dialog form{padding-right:17px;padding-left:17px}.cf-scenario-wizard-dialog footer{margin-right:-17px;margin-left:-17px;padding-right:17px;padding-left:17px}}
.inbox-emoji-picker{position:fixed;z-index:3200;bottom:auto}.conversia-inbox-tooltip{position:fixed;z-index:5001;max-width:240px;padding:7px 9px;border-radius:4px;background:#16233d;color:#fff;font-size:11px;font-weight:700;line-height:1.25;pointer-events:none;box-shadow:0 8px 20px rgba(9,22,49,.25)}

/* Import de bases : mapping guidé et champs réutilisables. */
.bases-phone-format{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:end;margin:0 20px 20px;padding:16px;border:1px solid #cfe1ff;border-radius:6px;background:#f6faff}.bases-phone-format>div>span{display:block;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.bases-phone-format strong{display:block;margin-top:4px;color:var(--navy);font-size:14px}.bases-phone-format p{margin:6px 0 0;color:#5d6d87;font-size:12px;line-height:1.55}.bases-phone-format small{display:block;margin-top:7px;color:#a36916;font-size:11px;line-height:1.45}.bases-phone-format small i{margin-right:3px}.bases-phone-format label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:800}.bases-phone-format select{width:100%;min-height:40px;padding:9px 11px;border:1px solid #d9e2ef;border-radius:4px;background:#fff;color:var(--ink);font:13px "Open Sans",sans-serif}.bases-phone-format label small{margin:0;color:#718098;font-weight:500}.bases-mapping-table td:nth-child(3){vertical-align:top}.bases-mapping-hint{display:block;margin-top:5px;color:#718099;font-size:10px;line-height:1.4}.bases-existing-type{display:block;min-height:40px;padding:11px;border:1px solid #d5e7df;border-radius:4px;background:#f2fbf7;color:#167554;font-size:11px;font-weight:800;line-height:1.45}.bases-mapping-table tr.is-existing td:nth-child(4){opacity:.5}.bases-mapping-table tr.is-existing td:nth-child(5) select{display:none}.bases-mapping-table tr:not(.is-custom):not(.is-existing) td:nth-child(4),.bases-mapping-table tr:not(.is-custom):not(.is-existing) td:nth-child(5){opacity:.5}@media(max-width:720px){.bases-phone-format{grid-template-columns:1fr;margin-right:14px;margin-left:14px}.bases-phone-format>div{min-width:0}}

/* Les notes sont des événements internes, jamais des messages sortants. */
.bases-mapping-table tr.is-existing td:nth-child(5) select,.bases-mapping-table tr:not(.is-custom):not(.is-existing) td:nth-child(5) select{display:none}
.whatsapp-bubble.note{align-self:center;box-sizing:border-box;width:min(92%,560px);max-width:560px;margin:15px auto;border:1px dashed #c8b1e9;border-radius:7px;background:#faf7ff;color:#4c3372;box-shadow:0 5px 16px rgba(90,53,140,.09)}
.whatsapp-bubble.note small{margin-top:6px;margin-bottom:0;color:#7656a4;font-size:10px;text-align:center}
.whatsapp-internal-note-label{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;margin:0 auto 8px;padding:4px 8px;border-radius:999px;background:#eadffd;color:#68439a;font-size:10px;font-weight:800;text-transform:uppercase}
.inbox-internal-notes{border-color:#dfd2f4;background:#fcfaff}.inbox-internal-notes summary i{color:#7750ad}.inbox-note-summary{margin:0 0 7px;padding:8px 9px;border-left:3px solid #9f7de4;background:#f6f1ff}.inbox-note-summary:last-child{margin-bottom:0}.inbox-note-summary small,.inbox-note-summary strong{display:block;overflow-wrap:anywhere}.inbox-note-summary small{color:#7958a2;font-size:9px;font-weight:700}.inbox-note-summary strong{margin-top:4px;color:#4b3865;font-size:11px;line-height:1.45}
.cf-template-wizard-params select{width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd9eb;border-radius:4px;background:#fff;color:var(--ink);font:13px "Open Sans",sans-serif}
.cf-template-wizard-optin.is-confirmed{border-color:#a9e1c7;background:#f1fcf7;color:#29664b}.cf-template-wizard-optin.is-confirmed>i{margin-top:2px;color:#15ae76;font-size:17px}
.inbox-tool-button[data-tooltip]::after{display:none!important}
.inbox-floating-tooltip{position:fixed;z-index:5000;width:max-content;max-width:min(230px,calc(100vw - 16px));padding:7px 9px;border-radius:4px;background:#16233d;color:#fff;font-size:11px;font-weight:700;line-height:1.25;pointer-events:none;box-shadow:0 5px 15px rgba(9,22,49,.2)}
.inbox-floating-tooltip[hidden]{display:none!important}
