:root{--bg:#f4f9fb;--side:#f8fdfe;--panel:#fff;--ink:#061826;--muted:#526275;--line:#d7e3e8;--brand:#009ca6;--brand-dark:#07818a;--soft:#dff5f7;--soft2:#eff9fa;--ok:#1fa970;--warn:#a56510;--danger:#d04444;--blue:#2697d8;--shadow:0 10px 24px rgba(8,35,48,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:15px}button,.button{border:0;border-radius:8px;background:var(--brand);color:#fff;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 10px rgba(0,156,166,.18)}button:hover,.button:hover{background:var(--brand-dark)}button.secondary,.button.secondary,button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow)}button.ghost{box-shadow:none;padding:8px 10px}button.small{padding:7px 11px;font-size:12px}.side{position:fixed;inset:0 auto 0 0;width:286px;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:10px;padding:0 20px;color:var(--ink);font-size:21px;font-weight:900;text-decoration:none;border-bottom:1px solid var(--line)}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.account{margin:18px 14px 16px;border:1px solid var(--line);background:#eef9fb;border-radius:12px;padding:16px;color:var(--muted);line-height:1.45}.account b{display:block;color:var(--ink);font-size:16px}.account .dot,.status-chip:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:6px}.side nav{display:grid;gap:4px;padding:0 14px}.side hr{width:100%;border:0;border-top:1px solid var(--line);margin:12px 0}.nav{box-shadow:none;background:transparent;color:#233746;border-radius:10px;justify-content:flex-start;padding:12px 14px;font-weight:750}.nav:hover,.nav.active{background:#dff3f6;color:#007f8a}.user-card{margin-top:auto;border-top:1px solid var(--line);padding:20px;display:flex;align-items:center;gap:12px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:900}.user-card b,.user-card small{display:block}.user-card small{color:var(--muted);margin-top:2px}.logout{margin:0 20px 18px;background:transparent;color:var(--danger);box-shadow:none;border:1px solid transparent;justify-content:flex-start}.main{margin-left:286px;min-height:100vh}.topbar{height:76px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 24px;position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.search-wrap{max-width:520px;flex:1}.search-wrap input{padding-left:18px}.top-actions,.head-actions,.toolbar,.inline{display:flex;align-items:center;gap:10px}.status-chip{display:inline-flex;align-items:center;border-radius:999px;background:#e7f3f6;color:#1d3642;padding:6px 11px;font-size:13px;font-weight:850}.status-chip.live{background:#e7f8f0;color:var(--ok)}h1{font-size:29px;margin:0 0 4px;letter-spacing:0}h2{font-size:18px;margin:0 0 12px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:26px}.page-head p,.panel p,.hint{color:var(--muted);margin:0}.view{display:none;padding:30px 36px}.view.active{display:block}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:2fr 1fr}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:26px}.panel,.metric-card,.quick-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:24px}.metric-card{min-height:164px}.metric-card .metric-top{display:flex;align-items:flex-start;justify-content:space-between}.metric-card span,.stat-label{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.02em}.metric-card b{display:block;font-size:30px;margin-top:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}.metric b{display:block;font-size:25px;margin:8px 0 4px}.metric small{color:var(--ok)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.audience-grid hr{border:0;border-top:1px solid var(--line);margin:18px 0}.quick-card{border-radius:12px;text-align:left;color:var(--ink);box-shadow:var(--shadow);cursor:pointer}.quick-card b,.quick-card small{display:block}.quick-card small{color:var(--muted);margin-top:4px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}input,select,textarea{width:100%;border:1px solid #cfdde4;border-radius:10px;padding:12px 14px;font:inherit;background:#fff;color:var(--ink);box-shadow:inset 0 1px 2px rgba(8,35,48,.03)}textarea{min-height:132px;resize:vertical}label{font-weight:750}.check{display:flex;gap:8px;align-items:center;color:var(--muted)}.check input,.pick-item input{width:auto}.forms-row{margin-top:18px}.table-panel{padding:18px}.table-wrap{overflow:auto;background:#fff}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:16px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;color:var(--muted);font-weight:850}tr:last-child td{border-bottom:0}.name-cell b,.list-item b{display:block}.name-cell small,.list-item small{display:block;color:var(--muted);margin-top:3px}.tag{display:inline-flex;background:#edf8fa;color:#075866;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850;margin:2px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:850;border:1px solid var(--line);background:#eef2f4;color:#435563}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:5px}.pill.sent,.pill.actif,.pill.active{background:#e1f7ec;color:var(--ok);border-color:#bde9d1}.pill.hibernated{background:#eef2f4;color:#526275;border-color:#d7e3e8}.pill.queued,.pill.sending,.pill.scheduled,.pill.draft{background:#fff2dc;color:var(--warn);border-color:#f2d3a1}.pill.failed,.pill.desabonne,.pill.partial_failed{background:#ffe8e8;color:var(--danger);border-color:#f5bcbc}.empty{border:1px dashed var(--line);border-radius:14px;padding:30px;text-align:center;color:var(--muted);background:#fbfdfe}.list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.list-item:last-child{border-bottom:0}.progress{display:flex;align-items:center;gap:10px}.bar{width:110px;height:7px;border-radius:999px;background:#cbe9ee;overflow:hidden}.bar i{display:block;height:100%;background:var(--brand)}.campaign-layout{display:grid;grid-template-columns:minmax(0,1fr) 405px;gap:28px;margin-bottom:28px}.campaign-builder{display:grid;gap:13px}.campaign-side{display:grid;gap:18px;align-self:start;position:sticky;top:94px}.step-title{display:flex;align-items:center;gap:12px;margin-top:8px}.step-title:first-child{margin-top:0}.step-title span{width:32px;height:32px;border-radius:50%;background:#dff5f7;color:var(--brand-dark);display:grid;place-items:center;font-weight:900}.sender-box,.target-box{border:1px solid var(--line);border-radius:10px;background:#fbfdfe;padding:13px}.target-box{display:grid;gap:10px}.hidden{display:none!important}.pick-list{display:grid;gap:8px;max-height:230px;overflow:auto}.pick-item{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;cursor:pointer}.pick-item span{display:grid;gap:2px;min-width:0}.pick-item small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-panel{padding:0;overflow:hidden}.preview-title{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:850;color:var(--muted)}.phone-preview{background:#e8f7eb;padding:28px 20px;background-image:radial-gradient(rgba(34,170,111,.18) 1px,transparent 1px);background-size:20px 20px}.bubble{max-width:90%;margin-left:auto;background:#fff;border-radius:17px 17px 4px 17px;padding:14px;font-size:14px;line-height:1.45;box-shadow:0 8px 20px rgba(16,32,43,.08)}.bubble span{display:block;text-align:right;color:var(--muted);font-size:11px;margin-top:8px}.compliance{border-radius:12px;padding:13px;font-weight:850}.compliance.ok{background:#e7f8f0;color:var(--ok)}.compliance.warn{background:#fff1d6;color:var(--warn)}.summary-list{display:grid;gap:12px}.summary-list div{display:flex;justify-content:space-between;gap:12px}.summary-list span{color:var(--muted)}.notice,.success,.info-banner{border:1px solid var(--line);border-radius:12px;padding:13px;font-size:14px;font-weight:750}.notice.error{background:#ffe8e8;color:var(--danger);border-color:#f5bcbc}.notice.ok,.success{background:#e7f8f0;color:var(--ok);border-color:#bde9d1}.info-banner{background:#e8f6fb;border-color:#a9dbed;margin-bottom:26px}.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.settings-grid div{border:1px solid var(--line);border-radius:12px;padding:16px}.settings-grid span{display:block;color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.settings-grid b{display:block;margin-top:7px}.tabs{display:flex;gap:6px;background:#eef5f7;border-radius:12px;padding:4px;width:max-content;margin-bottom:22px}.tabs button{background:transparent;color:var(--muted);box-shadow:none;padding:8px 13px}.tabs button.active{background:#fff;color:var(--ink);box-shadow:var(--shadow)}pre{white-space:pre-wrap;overflow:auto;background:#f8fbfc;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:16px;line-height:1.5;max-height:420px}.under{margin-top:16px}.automation-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.automation-row:last-child{border-bottom:0}.toggle{width:42px;height:24px;border-radius:999px;background:var(--brand);position:relative}.toggle:after{content:"";position:absolute;right:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%}.toggle.off{background:#d6e1e7}.toggle.off:after{right:auto;left:3px}@media(max-width:1100px){.hero-grid,.dashboard-grid,.campaign-layout,.grid.two{grid-template-columns:1fr}.campaign-side{position:static}.quick-grid,.metric-grid,.settings-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.side{position:static;width:auto}.main{margin-left:0}.topbar{height:auto;align-items:stretch;flex-direction:column;padding:16px}.view{padding:22px 16px}.page-head{flex-direction:column}.quick-grid,.metric-grid,.hero-grid{grid-template-columns:1fr}.head-actions,.toolbar,.top-actions{width:100%;align-items:stretch;flex-direction:column}.brand{height:auto;padding:16px}}
.settings-section{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}.session-form{display:grid;grid-template-columns:1fr 1fr auto auto;gap:10px;align-items:center;margin-bottom:16px}.session-form button{white-space:nowrap}.session-form .check{white-space:nowrap}.notice a{color:inherit;font-weight:900}.notice a:hover{text-decoration:none}@media(max-width:1100px){.session-form{grid-template-columns:1fr 1fr}}@media(max-width:760px){.session-form{grid-template-columns:1fr}}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;display:grid;gap:14px;box-shadow:var(--shadow)}.plan-card.active{border-color:var(--brand);background:#f0fbfc}.plan-card span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.plan-card h3{margin:4px 0;font-size:20px}.plan-card b{font-size:22px}.plan-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.plan-card button:disabled{opacity:.7;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:grid;gap:8px}.team-list,.compliance-list{display:grid;gap:12px;margin:16px 0}.team-list{grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px}.team-list small,.compliance-list small{display:block;color:var(--muted);margin-top:4px}.compliance-list div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px}.notice{display:grid;gap:4px;margin:12px 0}.notice b{display:block}.notice span{font-weight:600}.notice-action{margin-top:8px;width:max-content}.notice a.notice-action{display:inline-flex;background:var(--brand);color:#fff;border-radius:8px;padding:9px 12px;text-decoration:none}@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.plans-grid,.form-grid{grid-template-columns:1fr}}
.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-actions .pill{white-space:nowrap}
.session-runtime-detail{display:block;max-width:260px;line-height:1.45;color:var(--muted)}
.session-event-list{display:grid;gap:4px;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);list-style:none}.session-event-list li{display:flex;justify-content:space-between;gap:12px;font-size:12px}.session-event-list span{font-weight:800;color:var(--ink)}.session-event-list time,.session-event-empty{color:var(--muted);white-space:nowrap}.session-event-empty{display:block;margin-top:7px}
.contact-summary{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 12px}.contact-summary span{border:1px solid var(--line);background:#f8fbfc;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850;color:var(--muted)}
.danger-text{color:var(--danger)!important}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(6,24,38,.42);padding:24px}.modal.hidden{display:none!important}.modal-card{width:min(560px,100%);max-height:92vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 70px rgba(6,24,38,.22);padding:24px;position:relative}.modal-card form{display:grid;gap:13px}.modal-close{position:absolute;top:12px;right:12px;width:34px;height:34px;padding:0;border-radius:50%;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);font-size:20px;line-height:1}.modal-open{overflow:hidden}.icon-btn{width:34px;height:34px;padding:0;border-radius:8px;font-size:16px;font-weight:900}.icon-btn.danger-text:hover{background:#fff1f1;color:var(--danger)!important}.file-drop{display:grid;gap:8px;border:1px dashed var(--line);border-radius:12px;background:#f8fbfc;padding:16px;color:var(--ink)}.file-drop small{color:var(--muted);font-weight:600}.file-drop input{background:#fff}.groups-list{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.group-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.group-row:last-child{border-bottom:0}.group-icon{width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:18px}.group-main{display:grid;gap:4px;min-width:0}.group-main b{font-size:16px}.group-main small{color:var(--muted)}@media(max-width:760px){.group-row{grid-template-columns:42px minmax(0,1fr);align-items:start}.group-row .tag,.group-row .row-actions{grid-column:2}.group-row .row-actions{justify-content:flex-start}}
.group-details{margin-top:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbfc;padding:16px;display:flex;justify-content:space-between;gap:16px;align-items:center}.group-details span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:850}.group-details h2{margin:4px 0}.group-details p{margin:0;color:var(--muted)}@media(max-width:760px){.group-details{align-items:flex-start;flex-direction:column}}
.campaign-detail{margin-top:24px}.campaign-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.campaign-detail-main{display:grid;gap:18px}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-metrics div{border:1px solid var(--line);border-radius:12px;background:#f8fbfc;padding:14px}.detail-metrics span,.detail-progress span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;font-weight:850}.detail-metrics b{display:block;font-size:24px;margin-top:6px}.detail-progress{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:8px}.detail-progress .bar{width:100%}.detail-preview{border-radius:12px}.campaign-detail-side{display:grid;gap:16px;align-self:start;position:sticky;top:94px}.campaign-detail h3{margin:4px 0 0}@media(max-width:1100px){.campaign-detail-grid{grid-template-columns:1fr}.campaign-detail-side{position:static}.detail-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.detail-head{align-items:flex-start;flex-direction:column}.detail-metrics{grid-template-columns:1fr}}
.clickable-row{cursor:pointer}.clickable-row:hover{background:#f4fbfc}.campaign-detail-page{display:grid;gap:22px}.detail-top,.detail-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.detail-title h1{font-size:26px;margin:0 0 6px}.detail-title p{margin:0;color:var(--muted)}.back-link{padding-left:0;border:0;background:transparent;box-shadow:none;color:var(--muted)}.lovable-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lovable-metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px}.lovable-metrics span{display:block;color:var(--muted);font-size:12px;font-weight:850}.lovable-metrics b{display:block;font-size:25px;margin-top:8px}.delivery-card{display:grid;gap:14px}.wide-bar{height:7px;border-radius:999px;background:#cbe9ee;overflow:hidden}.wide-bar i{display:block;height:100%;background:var(--brand)}.delivery-split{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.delivery-split div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;gap:10px}.delivery-split span{color:var(--muted)}.detail-bubble{max-width:86%;margin-left:auto}.campaign-detail-page .phone-preview{border-radius:12px}.campaign-detail-page .campaign-detail-grid{align-items:start}@media(max-width:1100px){.lovable-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.detail-top,.detail-title{flex-direction:column}.lovable-metrics,.delivery-split{grid-template-columns:1fr}.detail-bubble{max-width:100%}}
.campaign-create{display:grid;gap:22px}.campaign-create.hidden{display:none!important}.creation-layout{align-items:start}.creation-form{display:grid;gap:20px}.creation-form.panel{padding:0}.creation-form .panel{display:grid;gap:13px}.creation-side{position:sticky;top:94px}.token-row{display:flex;gap:8px;flex-wrap:wrap}.campaign-create .detail-title{margin-top:-6px}.campaign-create .preview-panel{padding:0;overflow:hidden}.campaign-create textarea{min-height:150px}.campaign-create .target-box{margin-top:10px}.campaign-create #campaignTargetType{margin-bottom:8px}@media(max-width:1100px){.creation-side{position:static}}
.groups-list{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.group-row{grid-template-columns:56px minmax(0,1fr) auto;padding:22px 24px}.group-row.selected,.group-row:hover{background:#f5fbfc}.group-icon{width:48px;height:48px;border-radius:14px}.group-main>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.group-main b{font-size:17px}.admin-tag{background:#def5f8;color:#007f8a;box-shadow:var(--shadow)}.tag.muted{background:#eef2f4;color:var(--muted)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.group-row button:disabled:hover{background:var(--brand);color:#fff}.group-details{background:#fff}.group-details .row-actions{margin-left:auto}@media(max-width:760px){.group-row{grid-template-columns:48px minmax(0,1fr)}.group-row .row-actions{grid-column:2}.group-details .row-actions{margin-left:0}}

.groups-toolbar{margin:-6px 0 16px}.groups-toolbar input{max-width:520px}.group-row{transition:background .15s ease,border-color .15s ease}.group-row:focus{outline:2px solid rgba(0,156,166,.35);outline-offset:-2px}.group-row.selected{box-shadow:inset 3px 0 0 var(--brand)}.group-details small{display:block;color:var(--muted);font-size:12px;margin-top:6px;word-break:break-all}.group-row .row-actions{justify-content:flex-end}@media(max-width:760px){.groups-toolbar{align-items:stretch}.groups-toolbar input{max-width:none}.group-row .row-actions{justify-content:flex-start}}

.group-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.group-detail-grid div{border:1px solid var(--line);border-radius:10px;background:#f8fbfc;padding:10px}.group-detail-grid b{display:block;font-size:16px}.group-detail-grid small{margin-top:3px}@media(max-width:760px){.group-detail-grid{grid-template-columns:1fr}}

.group-details:not(.hidden){margin:0 0 16px}.group-details{box-shadow:var(--shadow)}

.group-modal-card{width:min(760px,100%)}.modal-group-details{margin:0;border:0;box-shadow:none;padding:0}.modal-group-details:not(.hidden){display:flex}.modal-group-details .group-detail-grid{margin:16px 0}.modal-group-details h2{font-size:24px}
.audience-card{position:relative;min-height:190px}.audience-card .card-action{position:absolute;top:14px;right:14px}.audience-card .card-action .icon-btn{width:32px;height:32px}.modal-pick-list{max-height:280px;border:1px solid var(--line);border-radius:12px;background:#f8fbfc;padding:10px}
.picker-count{font-size:12px;font-weight:850;color:var(--muted);padding:4px 2px}.audience-select-actions{justify-content:flex-start}

.toggle-button{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:inherit}.automation-row>span{display:grid;gap:4px;min-width:0}.automation-row small{color:var(--muted)}.automation-message{max-width:760px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.session-qr-card{width:min(520px,100%)}.session-qr-content{display:grid;gap:14px;text-align:center}.session-qr-content h2{text-align:left}.session-qr-img{width:min(360px,100%);margin:0 auto;border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.session-qr-ready,.session-qr-wait{border:1px dashed var(--line);border-radius:14px;padding:28px;color:var(--muted);background:#f8fbfc}.session-qr-actions{justify-content:center}.row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}

.drawer-modal{place-items:stretch end;padding:0}.drawer-modal .modal-card{height:100vh;max-height:100vh;border-radius:0;border-top:0;border-right:0;border-bottom:0}.message-detail-card{width:min(440px,100%);display:block}.message-detail-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.message-icon{width:38px;height:38px;border-radius:12px;background:#dff5f7;color:var(--brand);display:grid;place-items:center;font-weight:900}.message-detail-head h2{margin:0 0 4px}.message-detail-head p,.message-detail-card h3{color:var(--muted);margin:0}.message-detail-card h3{font-size:12px;text-transform:uppercase;letter-spacing:.02em;margin-top:22px;margin-bottom:10px}.message-detail-badges{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px}.message-meta-grid{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#f8fbfc}.message-meta-grid div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px}.message-meta-grid span{color:var(--muted);font-size:12px;font-weight:850}.message-meta-grid b{word-break:break-word}.message-content-bubble{background:#d9f8c8;border-radius:16px 16px 4px 16px;padding:14px;line-height:1.5;box-shadow:var(--shadow)}.message-attachment{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:12px;background:#fff}.message-attachment small{display:block;color:var(--muted);margin-top:4px}.message-timeline{display:grid;gap:12px;margin-bottom:18px}.message-timeline div{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:8px;align-items:start}.message-timeline span{width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:6px}.message-timeline time{color:var(--muted);font-size:12px}.muted{color:var(--muted)}@media(max-width:760px){.drawer-modal{place-items:end stretch}.message-detail-card{width:100%}}

.quick-create-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center}.compact-picker{max-height:220px}.contact-option{width:100%;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line);box-shadow:none;justify-content:flex-start;text-align:left;padding:10px 12px}.contact-option:hover,.contact-option.selected{border-color:var(--brand);background:#eefbfc!important}.contact-option span{display:grid;gap:2px}.contact-option small{color:var(--muted)}@media(max-width:760px){.quick-create-contact{grid-template-columns:1fr}}

.top-session{display:flex;align-items:center;gap:8px;background:#eef8fa;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 4px}.top-session .status-chip{background:transparent;padding:4px 6px}.top-session select{width:auto;min-width:190px;max-width:280px;border:0;background:#fff;border-radius:999px;padding:7px 28px 7px 12px;font-size:13px;font-weight:850;box-shadow:none}.top-session select:disabled{opacity:.75}@media(max-width:760px){.top-session{width:100%;border-radius:12px;align-items:stretch;flex-direction:column}.top-session select{width:100%;max-width:none;border-radius:10px}.top-session .status-chip{justify-content:center}}

.pagination-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 0;color:var(--muted);font-size:12px}.pagination-footer>div{display:flex;align-items:center;gap:8px}.pagination-footer button:disabled{opacity:.45;cursor:not-allowed;background:#fff;color:var(--muted)}@media(max-width:760px){.pagination-footer{align-items:stretch;flex-direction:column}.pagination-footer>div{justify-content:space-between}.pagination-footer button{flex:1}}

.side{background:#071923;border-right:1px solid #123143;color:#d8e8ee}.brand{color:#f5fbfc;border-bottom:1px solid #123143}.brand-mark{background:#00a7b2;color:#fff}.account{background:#0d2634;border-color:#174255;color:#afc7d1}.account b{color:#fff}.side nav{gap:6px}.side hr{border-top-color:#17384a}.nav{color:#c8dbe3;gap:12px;padding:11px 14px;font-weight:800}.nav-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.nav:hover{background:#0f2d3c;color:#fff}.nav.active{background:#d9f2f5;color:#007f8a}.user-card{border-top-color:#123143;color:#e9f5f7}.user-card small{color:#a8c2cc}.logout{color:#ff6b6b}.logout:hover{background:#25151b;color:#ff8a8a}@media(max-width:760px){.side{background:#071923}.brand{border-bottom-color:#123143}}


/* Responsive navigation drawer */
.hamburger{display:none;width:42px;height:42px;padding:0;border-radius:10px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);flex:0 0 auto}
.hamburger:hover{background:#f7fbfc;color:var(--ink)}
.hamburger span{display:block;width:18px;height:2px;background:currentColor;border-radius:999px;margin:3px 0}
.side-backdrop{display:none}
.side-backdrop[hidden]{display:none!important}
@media(max-width:1180px){
  .side{position:fixed!important;inset:0 auto 0 0!important;width:min(320px,86vw)!important;z-index:40;transform:translateX(-105%);transition:transform .2s ease;box-shadow:24px 0 70px rgba(0,0,0,.24);overflow-y:auto}
  body.menu-open .side{transform:translateX(0)}
  .side-backdrop{position:fixed;inset:0;z-index:35;background:rgba(6,24,38,.48);backdrop-filter:blur(2px);display:none}
  body.menu-open .side-backdrop{display:block}
  body.menu-open{overflow:hidden}
  .main{margin-left:0!important}
  .hamburger{display:inline-flex;align-items:center;justify-content:center;flex-direction:column}
  .topbar{height:auto;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:12px 16px;gap:12px}
  .search-wrap{max-width:none;min-width:0;width:100%}
  .top-actions{justify-content:flex-end;min-width:0;width:auto}
  .top-session{min-width:0}
  .top-session select{max-width:220px}
  .view{padding:26px 24px}
  .campaign-layout,.campaign-detail-grid{grid-template-columns:1fr!important}
  .campaign-side{position:static}
  .modal{max-width:min(92vw,680px)}
}
@media(max-width:760px){
  .topbar{grid-template-columns:auto minmax(0,1fr);align-items:stretch}
  .top-actions{grid-column:1 / -1;display:grid!important;grid-template-columns:1fr;gap:10px;width:100%}
  .top-actions>button,.top-session,.top-session select{width:100%;max-width:none}
  .search-wrap input{height:42px}
  .view{padding:18px 14px}
  .page-head{gap:14px;margin-bottom:18px}
  .head-actions,.toolbar{width:100%;display:grid!important;grid-template-columns:1fr;gap:10px;align-items:stretch}
  .toolbar input,.toolbar select,.toolbar button,.head-actions button,.head-actions .button{width:100%}
  .panel,.metric-card,.quick-card{border-radius:12px;padding:16px}
  .table-panel{padding:12px}
  .metric-grid,.settings-grid,.quick-grid,.audience-grid,.lovable-metrics,.delivery-split,.hero-grid,.dashboard-grid,.grid.two{grid-template-columns:1fr!important}
  .settings-grid div{padding:14px}
  .list-item,.automation-row{grid-template-columns:1fr;align-items:flex-start;gap:12px}
  .row-actions{flex-wrap:wrap;justify-content:flex-start}
  .pagination{flex-direction:column;align-items:stretch;gap:10px}
  .pagination .pager-actions{justify-content:space-between}
  table{min-width:700px}
  .modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:auto}
  .drawer{width:100vw;max-width:none}
}
@media(max-width:480px){
  h1{font-size:24px}
  h2{font-size:17px}
  .brand{font-size:19px}
  .side{width:min(300px,90vw)!important}
  .topbar{padding:10px 12px}
  .view{padding:16px 12px}
  button,.button{padding:10px 13px}
}
@media(min-width:1181px){.side-backdrop{display:none!important}}

.group-picker{max-height:260px;overflow:auto}.pick-check{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff;cursor:pointer;font-weight:750}.pick-check:hover{border-color:var(--brand);background:#eefbfc}.pick-check input{width:auto;margin-top:3px}.pick-check span{display:grid;gap:2px;min-width:0}.pick-check small{color:var(--muted);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.session-alerts{display:grid;gap:10px;margin:16px 36px 0}.session-alert{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #f1c48c;background:#fff5e6;color:#55330b;border-radius:12px;padding:13px 14px}.session-alert b,.session-alert span{display:block}.session-alert span{font-size:13px;color:#704817;margin-top:3px}
@media(max-width:760px){.session-alerts{margin:12px 16px 0}.session-alert{align-items:stretch;flex-direction:column}.session-alert button{width:100%}}

/* Collapsible navigation, global search, notifications and profile */
.side,.main{transition:width .2s ease,margin-left .2s ease}.sidebar-collapse{position:absolute;right:-16px;top:30px;z-index:8;width:32px;height:32px;padding:0;border-radius:9px;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);font-size:24px}.nav{position:relative}.nav-count,.top-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-style:normal;margin-left:auto}.top-count{position:absolute;right:-5px;top:-5px}.top-icon,.profile-trigger{position:relative;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);height:44px;padding:6px 11px}.profile-trigger .avatar{width:30px;height:30px}.profile-menu{position:absolute;right:24px;top:66px;width:210px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(8,35,48,.18);z-index:30}.profile-menu button{display:flex;width:100%;justify-content:flex-start;background:transparent;color:var(--ink);box-shadow:none;padding:10px}.profile-menu button:hover{background:var(--soft2)}.search-wrap{position:relative}.global-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);max-height:65vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 22px 60px rgba(8,35,48,.18);z-index:25;padding:6px}.global-result{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;width:100%;text-align:left;background:#fff;color:var(--ink);box-shadow:none;border-radius:8px;padding:11px}.global-result:hover,.global-result:focus{background:var(--soft2);color:var(--ink)}.global-result .tag{grid-row:1 / 3;align-self:center}.global-result b,.global-result small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-result small{color:var(--muted)}.notification-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.notification-metric{min-height:108px}.notification-metric.sent{border-left:4px solid var(--ok)}.notification-metric.queued{border-left:4px solid var(--warn)}.notification-metric.failed{border-left:4px solid var(--danger)}.profile-summary{display:flex;align-items:center;gap:16px;margin-bottom:22px}.profile-avatar{width:58px;height:58px;font-size:18px}.profile-summary b,.profile-summary small{display:block}.profile-summary small{color:var(--muted);margin:4px 0 8px}
@media(min-width:1181px){body.sidebar-collapsed .side{width:82px}body.sidebar-collapsed .main{margin-left:82px}body.sidebar-collapsed .brand{justify-content:center;padding:0}body.sidebar-collapsed .brand>span:last-child,body.sidebar-collapsed .account,body.sidebar-collapsed .nav>span,body.sidebar-collapsed .user-card>div:last-child,body.sidebar-collapsed .logout{display:none}body.sidebar-collapsed .side nav{padding:0 12px}body.sidebar-collapsed .nav{justify-content:center;padding:12px}body.sidebar-collapsed .nav-count{position:absolute;right:2px;top:2px;min-width:16px;height:16px;font-size:9px}body.sidebar-collapsed .user-card{justify-content:center;padding:18px 8px}.side .nav>span{white-space:nowrap}body.sidebar-collapsed .nav:hover:after{content:attr(data-label);position:absolute;left:62px;top:50%;transform:translateY(-50%);padding:7px 9px;border-radius:7px;background:#061826;color:#fff;font-size:12px;white-space:nowrap;z-index:50}}
@media(max-width:1180px){.sidebar-collapse{display:none}.profile-trigger>span:last-child{display:none}.profile-menu{right:16px;top:62px}.notification-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.notification-metrics{grid-template-columns:1fr 1fr}.top-icon,.profile-trigger{width:100%}.profile-menu{position:fixed;left:12px;right:12px;top:130px;width:auto}}
/* Header and account refinements */
.sidebar-collapse svg,.top-icon svg,.whatsapp-trigger svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar-collapse svg{transition:transform .2s ease;transform:rotate(180deg)}
.sidebar-collapse.collapsed svg{transform:rotate(0)}
.top-actions{position:relative;display:flex;align-items:center;gap:10px}
.whatsapp-control{position:relative}
.whatsapp-trigger{height:44px;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);box-shadow:var(--shadow);white-space:nowrap}
.whatsapp-trigger:hover{background:#f7fbfc;color:var(--ink)}
.whatsapp-trigger i{width:8px;height:8px;border-radius:50%;background:var(--muted);order:-1}
.whatsapp-trigger i.connected{background:var(--ok)}
.whatsapp-trigger i.pending{background:var(--warn)}
.whatsapp-trigger i.offline{background:var(--danger)}
.whatsapp-menu{position:absolute;right:0;top:52px;width:310px;display:grid;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 45px rgba(8,35,48,.18);z-index:31}
.whatsapp-menu>small{color:var(--muted);line-height:1.45}
.whatsapp-menu label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--muted)}
.whatsapp-menu select{width:100%;font-weight:750;color:var(--ink)}
.top-icon,.profile-trigger{width:44px;display:grid;place-items:center;padding:0;border-radius:12px}
.profile-trigger .avatar{margin:0}
.profile-menu{right:0}
.filter-toolbar{justify-content:flex-end}
.filter-toolbar select{width:auto;min-width:220px}
.groups-toolbar{justify-content:flex-end}
.account-security-form{display:grid;gap:16px;max-width:760px;margin-top:20px}
.account-security-form>label,.account-security-form .form-grid label{display:grid;gap:7px}
.account-security-form>button{justify-self:start}
@media(max-width:760px){
  .top-actions{grid-column:1 / -1;display:grid!important;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}
  .top-actions>.top-icon,.top-actions>.profile-trigger{width:44px}
  .whatsapp-trigger{width:100%;justify-content:center}
  .whatsapp-menu{position:fixed;left:12px;right:12px;top:130px;width:auto}
  .profile-menu{top:130px}
  .filter-toolbar{display:flex!important;justify-content:flex-end}
  .filter-toolbar select{width:100%;min-width:0}
}
.whatsapp-trigger{border-color:#a9ddd5;background:#effbf8;color:#087f69;font-weight:850}
.whatsapp-trigger:hover{background:#e2f7f1;color:#066b5a}
.member-invite-form{display:grid;grid-template-columns:1fr 1.25fr 1.4fr auto;gap:10px;align-items:end;margin:18px 0 22px}
.team-list-wrap{display:grid;gap:10px}.team-member{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:12px}.team-member b,.team-member small{display:block}.team-member small{color:var(--muted);margin-top:3px}
@media(max-width:900px){.member-invite-form{grid-template-columns:1fr 1fr}.member-invite-form button{width:100%}}
@media(max-width:760px){.whatsapp-trigger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.whatsapp-trigger{width:44px!important;padding:0;justify-content:center}.whatsapp-trigger i{position:absolute;right:5px;top:5px;border:2px solid #fff}.top-actions{grid-template-columns:44px 44px 44px;justify-content:end}.whatsapp-control{width:44px}.member-invite-form{grid-template-columns:1fr}.team-member{grid-template-columns:minmax(0,1fr) auto}.team-member button{grid-column:1 / -1;width:100%}}
.sidebar-logout{margin-top:auto;flex:0 0 auto;gap:12px;padding:12px 14px}
.sidebar-logout .nav-icon{display:block}
@media(min-width:1181px){body.sidebar-collapsed .sidebar-logout{display:flex;width:52px;margin:auto auto 18px;padding:12px;justify-content:center}body.sidebar-collapsed .sidebar-logout span{display:none}}
/* Simple WhatsApp account selector */
.whatsapp-select-control{height:44px;display:flex;align-items:center;gap:8px;padding:4px 8px 4px 11px;border:1px solid #a9ddd5;border-radius:12px;background:#effbf8;color:#087f69;box-shadow:var(--shadow)}
.whatsapp-select-control>i{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:0 0 auto}.whatsapp-select-control>i.connected{background:var(--ok)}.whatsapp-select-control>i.pending{background:var(--warn)}.whatsapp-select-control>i.offline{background:var(--danger)}
.whatsapp-select-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.whatsapp-select-control select{width:auto;min-width:230px;max-width:330px;height:34px;border:0;background:transparent;padding:4px 28px 4px 2px;box-shadow:none;color:#087f69;font-weight:850}
@media(max-width:760px){.whatsapp-select-control{min-width:0;max-width:calc(100vw - 132px)}.whatsapp-select-control>i{display:none}.whatsapp-select-control select{min-width:0;width:100%;max-width:none;font-size:13px}}
/* WhatsApp selector: compact label, details on demand */
.whatsapp-select-control{position:relative}.top-session-button{height:34px;min-width:170px;max-width:260px;justify-content:space-between;padding:4px 6px 4px 2px;background:transparent;color:#087f69;box-shadow:none}.top-session-button:hover{background:transparent;color:#066b5a}.top-session-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-session-button .chevron{width:18px;height:18px;transition:transform .15s ease}.top-session-button[aria-expanded="true"] .chevron{transform:rotate(180deg)}
.top-session-menu{position:absolute;right:0;top:50px;width:310px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 45px rgba(8,35,48,.18);z-index:31}.top-session-option{width:100%;display:flex;justify-content:space-between;text-align:left;padding:11px 12px;background:#fff;color:var(--ink);box-shadow:none}.top-session-option:hover,.top-session-option.current{background:var(--soft2);color:var(--ink)}.top-session-option span{display:grid;gap:3px}.top-session-option small{color:var(--muted);font-weight:650}.top-session-option i{align-self:center;border-radius:999px;padding:4px 7px;background:#e1f7ec;color:var(--ok);font-size:11px;font-style:normal}
@media(max-width:760px){.top-session-button{min-width:0;width:100%;max-width:none}.top-session-menu{position:fixed;left:12px;right:12px;top:130px;width:auto}}
/* Notifications: operational activity journal */
.notifications-page{max-width:1540px}.eyebrow{display:block;margin-bottom:8px;color:var(--brand-dark);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.notifications-head{align-items:center}.refresh-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.notification-workspace{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(8,35,48,.05)}
.notification-overview{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line);background:#fbfdfe}.overview-copy{display:flex;flex-direction:column;justify-content:center;padding:22px 24px;border-right:1px solid var(--line)}.overview-copy span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.overview-copy b{margin-top:5px;font-size:16px}.notification-metrics{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:0;margin:0}.notification-metric{position:relative;display:grid;grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:9px;align-content:center;min-height:96px;padding:18px 22px;border-right:1px solid var(--line)}.notification-metric:last-child{border-right:0}.notification-metric i{grid-row:1 / 3;align-self:center;width:8px;height:8px;border-radius:50%;background:#78909c}.notification-metric span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.notification-metric b{font-size:25px;line-height:1.15;margin-top:3px}.notification-metric.sent i{background:var(--ok)}.notification-metric.queued i{background:var(--warn)}.notification-metric.failed i{background:var(--danger)}
.notification-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:22px 24px 16px}.notification-list-head h2{margin:0 0 4px;font-size:17px}.notification-list-head p{margin:0;color:var(--muted);font-size:13px}.status-filter{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.status-filter select{width:auto;min-width:180px;padding:9px 34px 9px 12px}.notification-table{padding:0 24px 18px}.notification-table .table-wrap{border-top:1px solid var(--line)}.notification-table th{padding-top:13px;padding-bottom:13px}.notification-table td{padding-top:14px;padding-bottom:14px}.notification-table tbody tr{transition:background .12s ease}.notification-table tbody tr:hover{background:#f7fbfc}
@media(max-width:1050px){.notification-overview{grid-template-columns:1fr}.overview-copy{border-right:0;border-bottom:1px solid var(--line)}.notification-metrics{grid-template-columns:repeat(2,1fr)}.notification-metric:nth-child(2){border-right:0}.notification-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.notifications-head{align-items:flex-start}.notification-workspace{border-radius:12px}.overview-copy{padding:18px}.notification-metrics{grid-template-columns:1fr 1fr}.notification-metric{min-height:82px;padding:14px}.notification-list-head{align-items:stretch;flex-direction:column;padding:18px 16px 12px}.status-filter{align-items:stretch;flex-direction:column;gap:5px}.status-filter select{width:100%}.notification-table{padding:0 12px 14px}}

/* API credentials */
.api-key-panel{display:grid;align-content:start;gap:14px}.api-key-panel .panel-head{margin-bottom:0}.api-key-panel .panel-head h2{margin:0}.api-key-box{display:grid;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f7fafb}.api-key-value{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}.api-key-value code{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:750}.api-key-value span{flex:0 0 auto;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.api-key-actions{display:flex;gap:8px;flex-wrap:wrap}.api-key-actions button{min-width:100px}.api-key-locked{display:grid;gap:4px}.api-key-locked span{color:var(--muted);font-size:13px}.api-key-panel code{padding:2px 5px;border-radius:5px;background:#eaf1f3}.api-key-panel .notice{margin-top:0}
@media(max-width:760px){.api-key-value{align-items:flex-start;flex-direction:column}.api-key-value code{width:100%}.api-key-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.api-key-actions button{width:100%;min-width:0}.api-key-actions .danger-text{grid-column:1 / -1}}
/* API quick-start examples */
.api-example-panel{display:grid;gap:18px}.api-example-panel .panel-head{align-items:flex-start;margin:0}.api-example-panel .panel-head h2{margin:0 0 5px}.api-example-panel .panel-head p{margin:0;color:var(--muted)}.api-sender-field{display:grid;gap:7px;max-width:560px;font-weight:850}.api-sender-field select{width:100%}.api-sender-field small{color:var(--muted);font-size:12px;font-weight:650}.api-code-tabs{display:inline-flex;justify-self:start;gap:4px;padding:4px;border:1px solid var(--line);border-radius:11px;background:#eef4f6}.api-code-tabs button{min-height:44px;padding:8px 18px;background:transparent;color:var(--muted);box-shadow:none}.api-code-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px rgba(8,35,48,.1)}.api-example-code{max-width:100%;min-height:220px;margin:0;padding:20px;overflow:auto;border:1px solid #193746;border-radius:12px;background:#071923;color:#dff6f4;line-height:1.65;white-space:pre}.api-example-code code{padding:0;background:transparent;color:inherit;font-size:13px}.api-example-panel .notice{margin:0}
@media(max-width:760px){.api-example-panel .panel-head{display:grid;gap:14px}.api-example-panel .panel-head>button{width:100%;min-height:44px}.api-sender-field{max-width:none}.api-code-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.api-example-code{min-height:260px;padding:16px;font-size:12px}}
/* Webhook delivery history */
.webhook-summary{display:grid;align-content:start;gap:10px}.webhook-summary h2{margin:0}.webhook-summary ul{display:grid;gap:8px;margin:4px 0 0;padding-left:20px;color:var(--muted)}.webhook-delivery-panel{display:grid;gap:18px;margin-top:18px}.webhook-delivery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.webhook-delivery-head h2{margin:0 0 5px}.webhook-delivery-head p{margin:0;color:var(--muted)}.webhook-delivery-actions{display:flex;align-items:flex-end;gap:10px}.webhook-delivery-actions label{display:grid;gap:6px;color:var(--muted);font-size:12px}.webhook-delivery-actions select{min-width:190px;padding:10px 34px 10px 12px}.webhook-delivery-actions button{min-height:44px}.webhook-deliveries-out[aria-busy="true"]{opacity:.72}.webhook-delivery-list{display:grid;gap:10px}.webhook-delivery-item{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(380px,1.5fr) minmax(180px,.8fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe}.delivery-main{display:grid;gap:8px;min-width:0}.delivery-main>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.delivery-main>code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.webhook-delivery-item dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.webhook-delivery-item dl div{min-width:0}.webhook-delivery-item dt{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase}.webhook-delivery-item dd{margin:5px 0 0;font-size:13px;font-weight:750}.delivery-error summary{color:var(--danger);cursor:pointer;font-weight:800}.delivery-error code{display:block;max-height:100px;margin-top:8px;padding:9px;overflow:auto;border-radius:8px;background:#fff0f0;color:#7d2727;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.delivery-ok{color:var(--ok);font-size:13px;font-weight:750}.delivery-load-error{display:grid;justify-items:start;gap:7px}.delivery-load-error span{color:var(--muted)}
@media(max-width:1100px){.webhook-delivery-item{grid-template-columns:1fr 1fr}.webhook-delivery-item .delivery-error,.webhook-delivery-item .delivery-ok{grid-column:1 / -1}}
@media(max-width:760px){.webhook-delivery-head,.webhook-delivery-actions{align-items:stretch;flex-direction:column}.webhook-delivery-actions label,.webhook-delivery-actions select,.webhook-delivery-actions button{width:100%}.webhook-delivery-item{grid-template-columns:1fr;padding:14px}.webhook-delivery-item dl{grid-template-columns:1fr 1fr}.webhook-delivery-item .delivery-error,.webhook-delivery-item .delivery-ok{grid-column:auto}.webhook-delivery-item dl div:last-child{grid-column:1 / -1}}
/* Webhook endpoint management */
.webhook-manager-panel{display:grid;gap:20px;margin-top:18px}.webhook-manager-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.webhook-manager-head h2{margin:0 0 5px}.webhook-manager-head p{margin:0;color:var(--muted)}.webhook-manager-head>span{color:var(--muted);font-size:13px}.webhook-form{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(360px,1.4fr) auto;gap:16px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfdfe}.webhook-form>label{display:grid;gap:7px}.webhook-form small{color:var(--muted);font-size:12px;font-weight:650}.webhook-form fieldset{min-width:0;margin:0;padding:0;border:0}.webhook-form legend{margin-bottom:8px;font-weight:750}.webhook-events{display:grid;grid-template-columns:1fr 1fr;gap:8px}.webhook-events label{display:flex;align-items:center;gap:8px;min-height:32px;color:var(--muted);font-size:13px}.webhook-events input{width:auto}.webhook-form>button{min-height:44px;margin-top:22px}.field-error{min-height:18px;color:var(--danger);font-size:12px;font-weight:750}.webhook-secret-notice{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #e6bd75;border-radius:12px;background:#fff8e9}.webhook-secret-notice b,.webhook-secret-notice span{display:block}.webhook-secret-notice span{margin-top:4px;color:#704817;font-size:13px}.webhook-secret-notice code{padding:10px;border-radius:8px;background:#fff;overflow-wrap:anywhere}.webhook-endpoint-list{display:grid;gap:10px}.webhook-endpoint{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--line);border-radius:12px}.webhook-endpoint-main{display:grid;gap:8px;min-width:0}.webhook-endpoint-main>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.webhook-endpoint-main code{max-width:min(620px,60vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.webhook-endpoint-main small{color:var(--muted)}.webhook-endpoint-actions{display:flex;gap:8px;flex:0 0 auto}.webhook-endpoint-actions button{min-height:44px}.webhooks-out[aria-busy="true"]{opacity:.72}.webhook-manager-panel :is(input,button):focus-visible,.webhook-secret-notice:focus-visible{outline:3px solid rgba(0,156,166,.32);outline-offset:2px}
@media(max-width:1050px){.webhook-form{grid-template-columns:1fr 1fr}.webhook-form>button{grid-column:1 / -1;justify-self:start;margin-top:0}.webhook-secret-notice{grid-template-columns:1fr auto}.webhook-secret-notice>div{grid-column:1 / -1}}
@media(max-width:760px){.webhook-manager-head,.webhook-endpoint{align-items:stretch;flex-direction:column}.webhook-form{grid-template-columns:1fr;padding:14px}.webhook-events{grid-template-columns:1fr}.webhook-form>button{grid-column:auto;width:100%}.webhook-secret-notice{grid-template-columns:1fr}.webhook-secret-notice>div{grid-column:auto}.webhook-secret-notice button{width:100%;min-height:44px}.webhook-endpoint-main code{max-width:100%;white-space:normal;overflow-wrap:anywhere}.webhook-endpoint-actions{display:grid;grid-template-columns:1fr 1fr}.webhook-endpoint-actions button{width:100%}}

/* Client portal shell aligned with the admin navigation */
.app-skip-link{position:fixed;left:12px;top:10px;z-index:100;transform:translateY(-160%);padding:9px 13px;border-radius:9px;background:#fff;color:var(--brand-dark);font-weight:850;text-decoration:none;box-shadow:var(--shadow)}.app-skip-link:focus{transform:translateY(0);outline:3px solid rgba(0,166,178,.25)}
.side{width:250px;background:#f8fcfd;border-right:1px solid var(--line);color:var(--ink)}.main{margin-left:250px}.brand{height:68px;gap:10px;padding:0 16px;color:var(--ink);border-bottom:1px solid var(--line)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff}.side nav{gap:4px;padding:18px 11px}.side hr{border-top-color:var(--line)}.nav{min-height:43px;padding:9px 12px;color:#536774;font-weight:700}.nav:hover{background:#edf6f8;color:var(--ink)}.nav.active{background:#dff1f4;color:#06384a}.sidebar-collapse{top:18px}.sidebar-logout{color:var(--danger)}.sidebar-logout:hover{background:#fff0f0;color:#a52d2d}.topbar{height:68px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.view{max-width:1540px;margin:0 auto}.panel,.metric-card,.quick-card{box-shadow:0 2px 8px rgba(7,24,39,.06)}button:focus-visible,.button:focus-visible,input:focus,select:focus,textarea:focus,a:focus-visible{outline:3px solid rgba(8,166,173,.25);outline-offset:2px}
.top-actions>.portal-profile-trigger{display:flex;width:auto;min-width:172px;justify-content:flex-start;gap:9px;padding:5px 12px 5px 6px;border-radius:999px}.portal-profile-copy{display:grid;min-width:0;text-align:left;line-height:1.2}.portal-profile-copy strong,.portal-profile-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portal-profile-copy strong{max-width:150px;font-size:12px}.portal-profile-copy small{color:var(--muted);font-size:10px}
@media(max-width:1180px){.side{width:286px;background:#f8fcfd}.main{margin-left:0}.side-backdrop:not([hidden]){display:block}}
@media(max-width:760px){.topbar{min-height:116px}.view{padding:20px 14px}.profile-menu{top:122px}.top-session-menu{top:122px}.top-actions>.portal-profile-trigger{width:44px;min-width:44px;padding:0;justify-content:center}.portal-profile-copy{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
.webhook-endpoint-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end}

/* Message operations and provider degradation */
.message-operations{display:grid;gap:12px;margin:0 0 18px}.message-provider-alert{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid #e6bd75;border-radius:13px;background:#fff8e9;color:#59380f}.message-provider-alert h2{margin:6px 0 4px;font-size:17px}.message-provider-alert p{max-width:760px;margin:0;color:#704817;line-height:1.5}.message-provider-alert>b{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f7dfb3;color:#68420e;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.message-provider-badge{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.message-operation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(7,24,39,.05)}.message-operation-card{display:grid;gap:4px;min-height:104px;align-content:center;padding:17px 20px;border-right:1px solid var(--line)}.message-operation-card:last-child{border-right:0}.message-operation-card span{color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.message-operation-card b{font-size:25px;line-height:1.2;font-variant-numeric:tabular-nums}.message-operation-card .message-operation-date{font-size:16px}.message-operation-card small{color:var(--muted);line-height:1.4}
@media(max-width:760px){.message-provider-alert{align-items:flex-start;flex-direction:column;padding:16px}.message-operation-grid{grid-template-columns:1fr}.message-operation-card{min-height:88px;border-right:0;border-bottom:1px solid var(--line)}.message-operation-card:last-child{border-bottom:0}}

/* Cached conversations: responsive master/detail workspace */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.conversations-page{max-width:1540px}.conversations-head{align-items:center}.conversation-cache-notice{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;border:1px solid #a9ddd5;border-radius:12px;background:#effbf8;color:#145d56;font-size:13px}.conversation-cache-notice strong{flex:0 0 auto;color:#087f69}.conversation-workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);min-height:620px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 8px 30px rgba(8,35,48,.05)}.conversation-list-pane{display:flex;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:#fbfdfe}.conversation-pane-head{padding:18px 20px;border-bottom:1px solid var(--line)}.conversation-pane-head h2{margin:0 0 4px;font-size:17px}.conversation-pane-head p{margin:0;color:var(--muted);font-size:12px}.conversation-list{display:grid;align-content:start;overflow-y:auto}.conversation-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;width:100%;min-height:92px;padding:14px 16px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);text-align:left;box-shadow:none}.conversation-item:hover,.conversation-item.selected{background:#eaf7f7;color:var(--ink)}.conversation-item.selected{box-shadow:inset 3px 0 0 var(--brand)}.conversation-avatar{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#d9f1ef;color:#087f69;font-size:12px;font-weight:900}.conversation-item-copy{display:grid;min-width:0;gap:5px}.conversation-item-copy>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.conversation-item-copy b,.conversation-item-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item-copy b{font-size:13px}.conversation-item-copy time{flex:0 0 auto;color:var(--muted);font-size:10px}.conversation-item-copy small{color:var(--muted);font-size:12px}.conversation-item-copy em{color:#087f69;font-size:10px;font-style:normal;font-weight:800}.conversation-load-more{margin:12px 16px;min-height:44px}.conversation-thread-pane{min-width:0;background:#f5f9fa}.conversation-thread-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 20px;border-bottom:1px solid var(--line);background:#fff}.conversation-thread-head h2{margin:0 0 3px;font-size:17px}.conversation-thread-head p{margin:0;overflow-wrap:anywhere;color:var(--muted);font-size:12px}.conversation-back{display:none}.conversation-source{padding:6px 9px;border-radius:999px;background:#e1f7ec;color:#087f69;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.conversation-messages{display:flex;min-height:500px;flex-direction:column;justify-content:flex-end;gap:9px;padding:22px;overflow-y:auto}.conversation-message-row{display:flex}.conversation-message-row.outbound{justify-content:flex-end}.conversation-bubble{max-width:min(72%,680px);padding:11px 13px;border:1px solid var(--line);border-radius:13px 13px 13px 4px;background:#fff;box-shadow:0 2px 6px rgba(7,24,39,.05)}.conversation-message-row.outbound .conversation-bubble{border-color:#b7e4df;border-radius:13px 13px 4px 13px;background:#ddf5f1}.conversation-bubble p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.conversation-bubble footer{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;color:var(--muted);font-size:10px}.conversation-bubble footer span{text-transform:uppercase}.conversation-older{display:block;min-height:44px;margin:14px auto 0}.conversation-thread-empty,.conversation-empty,.conversation-error{display:grid;min-height:300px;place-content:center;justify-items:center;padding:28px;text-align:center}.conversation-thread-empty h2,.conversation-thread-empty h3,.conversation-empty h2,.conversation-error b{margin:0 0 7px}.conversation-thread-empty p,.conversation-empty p,.conversation-error span{max-width:430px;margin:0;color:var(--muted);line-height:1.5}.conversation-thread-empty.compact{min-height:420px}.conversation-error button{margin-top:14px}.conversation-workspace :is(button):focus-visible{outline:3px solid rgba(8,166,173,.3);outline-offset:-3px}
.conversation-bubble.pending{opacity:.68}.conversation-media{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;align-items:center;margin-bottom:7px;padding:8px 10px;border-radius:8px;background:rgba(8,127,105,.09)}.conversation-media-copy{display:grid;min-width:0;gap:2px}.conversation-media b{overflow-wrap:anywhere}.conversation-media small{color:var(--muted)}.conversation-media-actions{display:flex;gap:6px}.conversation-media-actions button{min-height:32px;padding:5px 8px;border:1px solid rgba(8,127,105,.28);border-radius:7px;background:#fff;color:#087f69;font-size:11px;font-weight:800}.conversation-media-actions button:disabled{cursor:wait;opacity:.6}.conversation-media-preview{grid-column:1/-1;display:block;width:min(100%,420px);max-height:360px;border-radius:8px;object-fit:contain;background:#fff}.conversation-media-error{grid-column:1/-1;color:var(--danger)!important;font-weight:700;line-height:1.35}.conversation-composer{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px 10px;padding:14px 18px;border-top:1px solid var(--line);background:#fff}.conversation-composer textarea{grid-row:1 / span 3;min-height:70px;max-height:140px;resize:vertical}.conversation-composer button,.conversation-attach{min-height:44px}.conversation-composer button{grid-column:3;grid-row:1 / span 3;min-width:104px}.conversation-attach{display:inline-flex;grid-column:2;align-items:center;justify-content:center;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.conversation-attach:focus-within{outline:3px solid rgba(8,166,173,.3);outline-offset:2px}.conversation-attach input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.conversation-attachment-name,.conversation-compose-status{grid-column:2;max-width:180px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conversation-compose-status.error{color:var(--danger)}.conversation-composer.sending .conversation-attach{cursor:wait;opacity:.58}.conversation-composer :disabled{cursor:wait;opacity:.58}
@media(max-width:760px){.conversations-head{align-items:stretch}.conversations-head .refresh-button{width:100%;min-height:44px}.conversation-cache-notice{align-items:flex-start;flex-direction:column}.conversation-workspace{display:block;min-height:540px}.conversation-list-pane{min-height:540px;border-right:0}.conversation-thread-pane{display:none;min-height:540px}.conversation-workspace.conversation-selected .conversation-list-pane{display:none}.conversation-workspace.conversation-selected .conversation-thread-pane{display:block}.conversation-thread-head{grid-template-columns:1fr auto;padding:13px 14px}.conversation-thread-head>div{grid-column:1 / -1}.conversation-back{display:inline-flex;justify-self:start;min-height:44px;padding:8px 0}.conversation-bubble{max-width:88%}.conversation-messages{min-height:340px;padding:16px 12px}.conversation-item{min-height:88px;padding:13px 14px}.conversation-composer{position:sticky;bottom:0;grid-template-columns:minmax(0,1fr) auto;padding:10px 12px}.conversation-composer textarea{grid-column:1 / -1;grid-row:auto;min-height:52px}.conversation-composer button{grid-column:2;grid-row:2 / span 3;min-width:88px}.conversation-attach{grid-column:1}.conversation-attachment-name,.conversation-compose-status{grid-column:1;max-width:none}}
.conversation-item.unread .conversation-item-copy b{font-weight:900}.conversation-item-copy em{display:flex;align-items:center;justify-content:space-between;gap:8px}.conversation-unread{display:inline-grid;min-width:22px;height:22px;padding:0 6px;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}
.conversation-filters{display:grid;gap:10px;margin-top:14px}.conversation-filters input{width:100%;min-height:40px;padding:8px 10px;background:#fff;font-size:12px}.conversation-filters input:focus-visible{outline:3px solid rgba(8,166,173,.3);outline-offset:1px}.conversation-filter-tabs{display:flex;gap:6px;padding:1px 1px 5px;overflow-x:auto;scrollbar-width:thin}.conversation-filter-tabs button{flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px;font-weight:800;box-shadow:none}.conversation-filter-tabs button:hover{border-color:#9dcfd0;background:#f2fbfa;color:#087f69}.conversation-filter-tabs button.active{border-color:#9edbd5;background:#dff5f2;color:#087f69}.conversation-filter-tabs button:focus-visible{outline:3px solid rgba(8,166,173,.3);outline-offset:1px}@media(max-width:760px){.conversation-filters input,.conversation-filter-tabs button{min-height:44px}}
.conversation-item-copy small{display:flex;align-items:center;gap:5px}.conversation-kind,.conversation-message-kind{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#e8eef1;color:#41515d;font-size:9px;font-weight:900;line-height:1.4;text-transform:uppercase}.conversation-kind[data-kind="group"]{background:#e2f4f6;color:#087f69}.conversation-kind[data-kind="channel"]{background:#eee9fb;color:#6849a6}.conversation-kind[data-kind="status"]{background:#fff0dc;color:#8b5812}.conversation-kind[data-kind="broadcast"]{background:#edf1ff;color:#4358a4}.conversation-message-kind{border-radius:4px;background:transparent;color:var(--muted);padding-inline:0}
.conversation-source[data-kind="group"],.conversation-source[data-kind="channel"],.conversation-source[data-kind="status"],.conversation-source[data-kind="broadcast"]{background:#eef3f6;color:#405766}.conversation-message-type{font-weight:800}
.conversation-tags{display:flex;flex-wrap:wrap;gap:4px}.conversation-tags>span{padding:2px 6px;border-radius:999px;background:#fff3d9;color:#79520d;font-size:9px;font-weight:800}.conversation-tag-editor{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);background:#fff}.conversation-tag-editor label{font-size:11px;font-weight:800}.conversation-tag-editor input{min-height:40px;padding:8px 10px}.conversation-tag-editor button{min-height:40px}@media(max-width:760px){.conversation-tag-editor{grid-template-columns:1fr auto;padding:10px 12px}.conversation-tag-editor label{grid-column:1/-1}.conversation-tag-editor input,.conversation-tag-editor button{min-height:44px}}
.conversation-note-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);background:#fffdf6}.conversation-note-editor label{grid-column:1/-1;font-size:11px;font-weight:800}.conversation-note-editor label small{margin-left:6px;color:var(--muted);font-weight:500}.conversation-note-editor textarea{min-height:54px;padding:8px 10px;resize:vertical}.conversation-note-editor button{min-height:40px}@media(max-width:760px){.conversation-note-editor{grid-template-columns:1fr;padding:10px 12px}.conversation-note-editor button{min-height:44px}}
.conversation-assignee-badge{color:#087f69;font-size:10px;font-weight:800}.conversation-assignee-editor{display:grid;grid-template-columns:auto minmax(140px,240px) auto;align-items:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--line);background:#fff}.conversation-assignee-editor label{font-size:11px;font-weight:800}.conversation-assignee-editor select,.conversation-assignee-editor button{min-height:40px}@media(max-width:760px){.conversation-assignee-editor{grid-template-columns:1fr auto;padding:10px 12px}.conversation-assignee-editor label{grid-column:1/-1}.conversation-assignee-editor select,.conversation-assignee-editor button{min-height:44px}}
.nav[hidden],[data-go][hidden]{display:none!important}