/* PanelAiBot V3 Phase 10 — stability-first UI repair */
:root{--p10-line:#e5eaf3;--p10-soft:#f7f9fc;--p10-muted:#74809a;--p10-text:#111827;--p10-primary:#2f63e9;--p10-green:#0c9b69;--p10-danger:#d94a5a;--p10-shadow:0 12px 34px rgba(28,42,74,.07)}

/* Providers */
.p10-providers .bp-route-body{max-width:1180px;margin-inline:auto}
.p10-provider-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:start;margin-bottom:16px}.p10-provider-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.p10-provider-summary article{min-height:88px;background:#fff;border:1px solid var(--p10-line);border-radius:16px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 18px rgba(28,42,74,.035)}.p10-provider-summary article>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#eef4ff;color:var(--p10-primary)}.p10-provider-summary small{display:block;color:var(--p10-muted);font-size:11px}.p10-provider-summary strong{display:block;font-size:24px;line-height:1.1;margin-top:3px}.p10-provider-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.p10-provider-filter{background:#fff;border:1px solid var(--p10-line);border-radius:16px;padding:12px;margin-bottom:16px}.p10-provider-filter form{display:grid;grid-template-columns:minmax(240px,1fr) 190px auto;gap:9px;align-items:center}.p10-search{height:42px;border:1px solid #dce3ef;border-radius:11px;background:#fbfcfe;display:flex;align-items:center;gap:8px;padding-inline:12px}.p10-search input{border:0!important;background:transparent!important;padding:0!important;height:auto!important;min-width:0;box-shadow:none!important}.p10-provider-filter select{height:42px}.p10-provider-section{background:#fff;border:1px solid var(--p10-line);border-radius:18px;overflow:hidden}.p10-provider-section>header{padding:16px 18px;border-bottom:1px solid var(--p10-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.p10-provider-section>header>div{display:flex;align-items:flex-start;gap:9px}.p10-provider-section h2{font-size:15px;margin:0}.p10-provider-section p{margin:3px 0 0;color:var(--p10-muted);font-size:11px}.p10-provider-section>header>b{min-width:34px;height:28px;border-radius:9px;background:#f3f6fb;display:grid;place-items:center;font-size:12px}.p10-dot{width:8px;height:8px;background:var(--p10-green);border-radius:50%;margin-top:6px}.p10-provider-list{display:grid}.p10-provider-card{padding:17px 18px;border-bottom:1px solid var(--p10-line)}.p10-provider-card:last-child{border-bottom:0}.p10-provider-card-head{display:grid;grid-template-columns:auto minmax(180px,1fr) auto auto;gap:12px;align-items:center}.p10-provider-logo{width:40px;height:40px;border-radius:12px;background:#f1f5ff;color:var(--p10-primary);display:grid;place-items:center}.p10-provider-identity>div{display:flex;align-items:center;gap:7px}.p10-provider-identity strong{font-size:14px}.p10-provider-identity>div span{font-size:10px;color:var(--p10-green);font-weight:700}.p10-provider-identity small{display:block;color:var(--p10-muted);font-size:10px;margin-top:3px}.p10-provider-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.p10-provider-badges span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:9px;background:#f5f7fb;color:#7d879b;font-size:10px;white-space:nowrap}.p10-provider-badges span.ok{background:#eef9f4;color:#087855}.p10-provider-card-actions{display:flex;gap:6px;align-items:center}.p10-provider-card-actions form{margin:0}.p10-provider-channel-wrap{margin-top:14px;padding-top:14px;border-top:1px dashed #dfe5ef}.p10-provider-channel-wrap .p8-provider-destination-strip{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.p10-provider-channel-wrap .p8-destination-card{min-width:0;border-radius:14px;padding:13px;background:#fbfcfe;box-shadow:none}.p10-provider-channel-wrap .p8-destination-card.whatsapp{border-top:1px solid #dce8e2}.p10-provider-channel-wrap .p8-destination-card.telegram{border-top:1px solid #dce5ef}.p10-provider-channel-wrap .p8-current-destination{background:#fff;border:1px solid #e5eaf1;min-height:39px;align-items:center}.p10-provider-channel-wrap .p8-current-destination b{font-size:11px}.p10-provider-channel-wrap .p8-current-destination span{font-size:9px;color:var(--p10-muted)}.p10-provider-channel-wrap .p8-destination-editor{background:#fff;border:1px solid #e4e9f1;border-radius:12px;padding:10px}.p10-inactive{margin-top:14px;background:#fff;border:1px solid var(--p10-line);border-radius:16px}.p10-inactive>summary{padding:14px 16px;display:flex;justify-content:space-between;cursor:pointer}.p10-inactive>summary span{display:flex;gap:8px;align-items:center}.p10-inactive>div{border-top:1px solid var(--p10-line)}.p10-inactive article{padding:11px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f6}.p10-inactive article:last-child{border-bottom:0}.p10-inactive article span strong,.p10-inactive article span small{display:block}.p10-inactive article small{color:var(--p10-muted);margin-top:2px}.p10-empty{padding:34px;display:grid;place-items:center;gap:8px;color:var(--p10-muted)}

/* Automation */
.p10-automation .bp-route-body{max-width:1080px;margin-inline:auto}.p10-auto-dashboard{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:12px;margin-bottom:12px}.p10-auto-state,.p10-auto-shortcuts{background:#fff;border:1px solid var(--p10-line);border-radius:17px;padding:15px;box-shadow:0 5px 22px rgba(32,47,79,.04)}.p10-auto-state{display:flex;gap:12px;align-items:center}.p10-auto-state>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f2f4f8;color:#8b95a7}.p10-auto-state>span.on{background:#ecfaf4;color:var(--p10-green)}.p10-auto-state small{font-size:9px;letter-spacing:.08em;color:var(--p10-muted)}.p10-auto-state strong{display:block;font-size:15px;margin-top:2px}.p10-auto-state p{font-size:10px;color:var(--p10-muted);margin:3px 0 0}.p10-auto-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.p10-auto-shortcuts a{border:1px solid #e5eaf2;border-radius:12px;padding:10px;text-decoration:none;color:var(--p10-text);display:flex;align-items:center;gap:8px;min-width:0}.p10-auto-shortcuts a>svg{color:var(--p10-primary);flex:0 0 auto}.p10-auto-shortcuts b,.p10-auto-shortcuts small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.p10-auto-shortcuts b{font-size:11px}.p10-auto-shortcuts small{font-size:9px;color:var(--p10-muted);margin-top:2px}.p10-auto-nav{position:sticky;top:68px;z-index:12;display:flex;gap:6px;overflow:auto;padding:7px;background:rgba(247,249,252,.94);backdrop-filter:blur(10px);border:1px solid var(--p10-line);border-radius:14px;margin-bottom:12px;scrollbar-width:none}.p10-auto-nav::-webkit-scrollbar{display:none}.p10-auto-nav a{flex:0 0 auto;text-decoration:none;color:#65718a;padding:8px 12px;border-radius:9px;font-size:11px;font-weight:700}.p10-auto-nav a.active{background:#fff;color:var(--p10-primary);box-shadow:0 2px 8px rgba(35,55,98,.09)}.p10-auto-form{display:grid;gap:12px}.p10-auto-section{scroll-margin-top:128px;background:#fff;border:1px solid var(--p10-line);border-radius:18px;padding:18px;box-shadow:0 5px 24px rgba(32,47,79,.035)}.p10-auto-section>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #edf0f5}.p10-auto-section>header>span{width:38px;height:38px;border-radius:11px;background:#eff4ff;color:var(--p10-primary);display:grid;place-items:center}.p10-auto-section h2{margin:0;font-size:15px}.p10-auto-section header p{margin:3px 0 0;color:var(--p10-muted);font-size:10px}.p10-master{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;white-space:nowrap}.p10-master input,.p10-toggle-grid input,.p10-command-toggle input{position:absolute;opacity:0}.p10-master>span,.p10-toggle-grid label>span,.p10-command-toggle>span{width:34px;height:20px;background:#cad4e5;border-radius:99px;position:relative;transition:.2s;flex:0 0 auto}.p10-master>span:after,.p10-toggle-grid label>span:after,.p10-command-toggle>span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px #0002}.p10-master input:checked+span,.p10-toggle-grid input:checked+span,.p10-command-toggle input:checked+span{background:var(--p10-green)}.p10-master input:checked+span:after,.p10-toggle-grid input:checked+span:after,.p10-command-toggle input:checked+span:after{transform:translateX(14px)}[dir=rtl] .p10-master input:checked+span:after,[dir=rtl] .p10-toggle-grid input:checked+span:after,[dir=rtl] .p10-command-toggle input:checked+span:after{transform:translateX(-14px)}[dir=rtl] .p10-master>span:after,[dir=rtl] .p10-toggle-grid label>span:after,[dir=rtl] .p10-command-toggle>span:after{left:auto;right:3px}.p10-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.p10-fields.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}.p10-fields label,.p10-command-grid article>label:not(.p10-command-toggle),.p10-wide-field{display:grid;gap:5px}.p10-fields label>span,.p10-command-grid article>label>span,.p10-wide-field>span{font-size:10px;font-weight:700;color:#596680}.p10-fields input,.p10-fields select,.p10-fields textarea,.p10-command-grid input,.p10-wide-field textarea{width:100%;min-width:0}.p10-fields .span2{grid-column:span 2}.p10-link-field a{height:42px;border:1px solid #dce4f0;border-radius:10px;display:flex;align-items:center;gap:7px;padding-inline:11px;text-decoration:none}.p10-reply-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:11px}.p10-reply-grid article{border:1px solid #e7ebf2;background:#fbfcfe;border-radius:13px;padding:13px}.p10-reply-grid h3{font-size:12px;margin:0 0 10px}.p10-inline-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.p10-inline-fields label{display:grid;grid-template-columns:1fr auto;gap:4px}.p10-inline-fields label span{grid-column:1/-1;font-size:9px;color:var(--p10-muted)}.p10-inline-fields em{font-size:9px;color:var(--p10-muted);align-self:center}.p10-confidence{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.p10-confidence output{font-weight:800;color:var(--p10-primary);min-width:40px}.p10-reply-grid article>small{display:block;color:var(--p10-muted);font-size:9px;margin-top:8px}.p10-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.p10-choice-row label{border:1px solid #e1e6ef;border-radius:12px;padding:11px;display:flex;gap:9px;align-items:flex-start;cursor:pointer}.p10-choice-row label:has(input:checked){border-color:#7ca1ff;background:#f5f8ff}.p10-choice-row span b,.p10-choice-row span small{display:block}.p10-choice-row span b{font-size:11px}.p10-choice-row span small{font-size:9px;color:var(--p10-muted);margin-top:2px}.p10-toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}.p10-toggle-grid label{min-height:42px;border:1px solid #e7ebf2;border-radius:11px;padding:9px 10px;display:flex;align-items:center;gap:8px;cursor:pointer}.p10-toggle-grid b{font-size:10px}.p10-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.p10-command-grid article{border:1px solid #e5eaf2;border-radius:13px;padding:11px;background:#fbfcfe;display:grid;gap:8px}.p10-command-toggle{display:flex;align-items:center;gap:8px}.p10-command-toggle b{font-size:11px}.p10-wide-field{margin-top:11px}.p10-inner-details{margin-top:12px;border:1px solid #e5eaf2;border-radius:12px}.p10-inner-details summary{padding:11px 13px;cursor:pointer;font-size:11px;font-weight:700}.p10-inner-details>div{padding:0 12px 12px}.p10-savebar{position:sticky;bottom:12px;z-index:14;background:#fff;border:1px solid #dfe5ef;border-radius:14px;box-shadow:0 14px 35px rgba(21,34,63,.13);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.p10-savebar span strong,.p10-savebar span small{display:block}.p10-savebar strong{font-size:11px}.p10-savebar small{font-size:9px;color:var(--p10-muted);margin-top:2px}

/* Tickets: list renders instantly, conversation loads separately */
.v3-ticket-loading{min-height:180px;display:grid;place-items:center;align-content:center;gap:7px;color:var(--p10-muted);text-align:center}.v3-ticket-loading-dot{width:24px;height:24px;border-radius:50%;border:3px solid #dfe6f3;border-top-color:var(--p10-primary);animation:p10spin .8s linear infinite}.v3-ticket-loading small{max-width:360px}.ticket-user-loader,.ticket-user-error{padding:18px;text-align:center;color:var(--p10-muted);font-size:11px}.ticket-user-loader span{display:inline-block;width:14px;height:14px;border:2px solid #dce3ee;border-top-color:var(--p10-primary);border-radius:50%;animation:p10spin .8s linear infinite;margin-inline-end:6px}@keyframes p10spin{to{transform:rotate(360deg)}}

@media(max-width:900px){.p10-provider-top{grid-template-columns:1fr}.p10-provider-actions{justify-content:flex-start}.p10-provider-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.p10-provider-card-head{grid-template-columns:auto minmax(0,1fr) auto}.p10-provider-badges{grid-column:2/-1;justify-content:flex-start}.p10-provider-card-actions{grid-row:1;grid-column:3}.p10-auto-dashboard{grid-template-columns:1fr}.p10-auto-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.p10-fields,.p10-fields.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.p10-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.p10-providers .bp-route-body,.p10-automation .bp-route-body{padding-inline:10px}.p10-provider-summary{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px}.p10-provider-summary article{flex:0 0 148px;scroll-snap-align:start}.p10-provider-filter form{grid-template-columns:1fr}.p10-provider-card{padding:13px}.p10-provider-card-head{grid-template-columns:auto minmax(0,1fr)}.p10-provider-card-actions{grid-column:1/-1;grid-row:auto;justify-content:flex-end}.p10-provider-badges{grid-column:1/-1}.p10-provider-channel-wrap{overflow:hidden}.p10-provider-channel-wrap .p8-provider-destination-strip{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory;gap:9px;padding-bottom:6px}.p10-provider-channel-wrap .p8-destination-card{flex:0 0 82%!important;min-width:82%!important;scroll-snap-align:start}.p10-auto-shortcuts{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.p10-auto-shortcuts a{flex:0 0 72%;scroll-snap-align:start}.p10-auto-nav{top:58px}.p10-auto-section{padding:13px;border-radius:15px}.p10-auto-section>header{grid-template-columns:auto 1fr}.p10-auto-section>header .p10-master{grid-column:1/-1;justify-self:start}.p10-fields,.p10-fields.compact,.p10-reply-grid,.p10-inline-fields,.p10-choice-row,.p10-toggle-grid,.p10-command-grid{grid-template-columns:1fr}.p10-fields .span2{grid-column:auto}.p10-savebar{bottom:8px;align-items:stretch}.p10-savebar>span{display:none}.p10-savebar .button{width:100%}}

/* Phase 10 stability/UI pass: stronger isolation from older provider/automation rules */
.p10-providers .p10-provider-section{background:transparent;border:0;overflow:visible}
.p10-providers .p10-provider-section>header{background:#fff;border:1px solid var(--p10-line);border-radius:16px;margin-bottom:10px}
.p10-providers .p10-provider-list{gap:10px}
.p10-providers .p10-provider-card{background:#fff;border:1px solid var(--p10-line)!important;border-radius:17px;padding:14px 15px!important;box-shadow:0 5px 20px rgba(26,42,75,.035);overflow:hidden}
.p10-providers .p10-provider-card-head{grid-template-columns:40px minmax(190px,1fr) minmax(220px,auto) auto!important;gap:10px!important}
.p10-providers .p10-provider-badges{justify-content:flex-start!important}
.p10-providers .p10-provider-card-actions{justify-content:flex-end}
.p10-providers .p10-provider-channel-wrap{margin-top:11px!important;padding-top:11px!important}
.p10-providers .p10-provider-channel-wrap .p8-provider-destination-strip{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:start!important}
.p10-providers .p10-provider-channel-wrap .p8-destination-card{width:auto!important;min-width:0!important;margin:0!important;padding:11px 12px!important;border:1px solid #e4e9f1!important;border-top-width:1px!important;border-radius:13px!important;background:#fbfcfe!important;box-shadow:none!important}
.p10-providers .p10-provider-channel-wrap .p8-destination-card header{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}
.p10-providers .p10-provider-channel-wrap .p8-destination-icon{width:34px!important;height:34px!important;border-radius:10px!important}
.p10-providers .p10-provider-channel-wrap .p8-current-destination{margin-top:8px!important;padding:8px 9px!important;min-height:37px!important;display:flex!important;align-items:center!important;gap:8px!important}
.p10-providers .p10-provider-channel-wrap .p8-current-destination b{max-width:none!important;min-width:0;flex:1;font-size:11px!important}
.p10-providers .p10-provider-channel-wrap .p8-destination-editor{margin-top:8px!important;gap:7px!important}
.p10-providers .p10-provider-channel-wrap .p8-mode-switch{margin:0!important}
.p10-providers .p10-provider-channel-wrap .button.small{white-space:nowrap}

/* Automation is one control centre, not an old Settings page attached underneath. */
.p10-automation .bp-route-body{max-width:1180px!important;padding-top:18px}
.p10-auto-hero{background:#fff;border:1px solid var(--p10-line);border-radius:20px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px;box-shadow:0 8px 28px rgba(26,42,75,.045);margin-bottom:12px}
.p10-auto-hero-copy{display:flex;align-items:center;gap:13px;min-width:0}.p10-auto-hero-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#eef4ff;color:var(--p10-primary);flex:0 0 auto}
.p10-auto-hero-copy small{display:block;font-size:9px;letter-spacing:.13em;color:#8490a6;font-weight:800}.p10-auto-hero-copy h1{font-size:23px;line-height:1.15;margin:3px 0 4px}.p10-auto-hero-copy p{font-size:11px;color:var(--p10-muted);margin:0;max-width:720px}
.p10-auto-hero-status{align-self:start;display:flex;align-items:center;gap:8px;border:1px solid #e5eaf2;border-radius:12px;padding:9px 11px;background:#fafbfc;min-width:120px}.p10-auto-hero-status>span{width:9px;height:9px;border-radius:50%;background:#98a3b6}.p10-auto-hero-status.on>span{background:#10a36e;box-shadow:0 0 0 5px #eaf9f3}.p10-auto-hero-status b,.p10-auto-hero-status small{display:block}.p10-auto-hero-status b{font-size:11px}.p10-auto-hero-status small{font-size:9px;color:var(--p10-muted)}
.p10-auto-hero .p10-auto-shortcuts{grid-column:1/-1;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.p10-auto-hero .p10-auto-shortcuts a{background:#fafbfe;min-height:58px}
.p10-auto-form{gap:10px!important}.p10-auto-section{padding:16px!important;border-radius:16px!important}.p10-auto-section>header{padding-bottom:11px!important;margin-bottom:12px!important}.p10-auto-section h2{font-size:14px!important}.p10-auto-nav{margin-bottom:10px!important}

@media(max-width:900px){
 .p10-providers .p10-provider-card-head{grid-template-columns:40px minmax(0,1fr) auto!important}.p10-providers .p10-provider-badges{grid-column:2/-1!important}.p10-providers .p10-provider-card-actions{grid-column:2/-1!important;grid-row:auto!important;justify-content:flex-start!important}
 .p10-auto-hero{grid-template-columns:1fr}.p10-auto-hero-status{justify-self:start}.p10-auto-hero .p10-auto-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .p10-providers .bp-route-body,.p10-automation .bp-route-body{padding-inline:10px!important}
 .p10-providers .p10-provider-card{padding:12px!important}.p10-providers .p10-provider-card-head{grid-template-columns:36px minmax(0,1fr)!important}.p10-providers .p10-provider-logo{width:36px;height:36px}.p10-providers .p10-provider-badges,.p10-providers .p10-provider-card-actions{grid-column:1/-1!important}.p10-providers .p10-provider-card-actions{justify-content:flex-start!important;overflow-x:auto;padding-bottom:2px}.p10-providers .p10-provider-card-actions>*{flex:0 0 auto}
 .p10-providers .p10-provider-channel-wrap{overflow:visible!important}.p10-providers .p10-provider-channel-wrap .p8-provider-destination-strip{display:flex!important;overflow-x:auto!important;gap:9px!important;scroll-snap-type:x mandatory;padding:1px 1px 8px!important;overscroll-behavior-inline:contain}.p10-providers .p10-provider-channel-wrap .p8-destination-card{flex:0 0 88%!important;min-width:88%!important;scroll-snap-align:start!important}.p10-providers .p10-provider-channel-wrap .p8-destination-card header{grid-template-columns:32px minmax(0,1fr) auto!important}
 .p10-auto-hero{padding:14px;border-radius:16px}.p10-auto-hero-copy{align-items:flex-start}.p10-auto-hero-icon{width:42px;height:42px}.p10-auto-hero-copy h1{font-size:20px}.p10-auto-hero .p10-auto-shortcuts{display:flex!important;overflow-x:auto;scroll-snap-type:x proximity;gap:8px}.p10-auto-hero .p10-auto-shortcuts a{flex:0 0 78%!important;scroll-snap-align:start}.p10-auto-nav{top:58px!important}.p10-auto-section{padding:12px!important}.p10-auto-section>header{gap:8px!important}.p10-auto-section>header>span{width:34px;height:34px}.p10-savebar{bottom:7px!important}
}
