/* Shared appearance and interaction layer. Keep all text visible without animation. */
:root{--ui-text:#21324b;--ui-secondary:#4e6078;--ui-muted:#596c85;--ui-surface:#ffffffdb;--ui-soft:#edf3fb;--ui-input:#fff;--ui-border:#ccdaeb;--ui-link:#075fb6;--ui-focus:#1973d2}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.theme-control{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-secondary);padding:0 10px;min-height:40px}
.theme-control select{border:0;background:transparent;color:inherit;min-height:40px;padding:0 3px;font-size:12px;cursor:pointer;max-width:100px}
.theme-control option{background:var(--ui-input);color:var(--ui-text)}
.auth-appearance{display:flex;justify-content:flex-end;margin:0 0 22px}
.content>.panel+.panel,.content>details.panel+.panel{margin-top:24px}
.content>p.small:last-of-type{margin-top:28px}
.button{white-space:normal;line-height:1.4;text-align:center}
.button:disabled{cursor:not-allowed}
.button[aria-busy=true]{cursor:progress;position:relative}
.button[aria-busy=true]::after{content:'';width:14px;height:14px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .8s linear infinite}
.button,.nav button,.theme-control,.clio-suggestion{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.button:not(:disabled):active{transform:translateY(1px)}
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
.page-heading{animation:ui-enter .2s ease-out}
@keyframes ui-enter{from{transform:translateY(4px)}to{transform:none}}
@keyframes ui-spin{to{transform:rotate(360deg)}}
.source-tabs{gap:8px;margin:0 0 26px;padding:6px;border:1px solid var(--ui-border);border-radius:18px;background:var(--ui-surface);width:fit-content;max-width:100%}
.source-tabs .button{box-shadow:none;border-radius:12px;min-height:42px;padding:10px 18px}
.source-tabs .button.secondary{background:transparent;border-color:transparent;color:var(--ui-secondary)}
.prospecting-workspace{display:grid;gap:26px}
.prospecting-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(235px,300px);gap:24px;align-items:start}
.prospecting-layout>*{min-width:0}
.prospecting-workspace .panel{margin:0;padding:28px}
.discovery-panel .section-head{align-items:flex-start;gap:16px;margin:0 0 16px;flex-wrap:wrap}
.discovery-panel h2{font-size:24px;line-height:1.25;margin:0}
.discovery-panel .eyebrow{display:block;margin-bottom:9px}
.discovery-panel>.discovery-intro{color:var(--ui-secondary);font-size:14px;line-height:1.65;margin:0 0 25px;max-width:65ch}
.source-steps{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0 0 22px;margin:0 0 26px;border-bottom:1px solid var(--ui-border)}
.source-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-secondary)}
.source-steps span{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;background:var(--ui-soft);color:var(--ui-link);font-weight:700}
.discovery-panel #discovery-form{gap:20px}
.discovery-panel .field{margin:0;font-size:13px}
.discovery-panel .field input,.discovery-panel .field select{margin-top:9px;min-height:48px;font-size:14px}
.discovery-panel .form-row{gap:20px}
.discovery-panel .source-consent{margin:0;font-size:13px;background:var(--ui-soft);border-radius:12px;padding:14px;align-items:flex-start}
.discovery-panel .source-consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue)}
.discovery-panel .notice{font-size:14px;font-weight:600;padding:16px 18px;line-height:1.6}
.discovery-panel .small{font-size:12px;line-height:1.8;color:var(--ui-secondary)}
.discovery-panel .button[type=submit]{justify-self:start;min-height:48px;padding:13px 24px}
.discovery-panel .form-error{padding:14px;border:1px solid currentColor;border-radius:12px;margin:0;line-height:1.6}
.prospecting-aside{display:grid;gap:20px}
.prospecting-aside h3{font-size:17px;margin:0 0 16px;letter-spacing:-.02em}
.prospecting-aside p{font-size:13px;line-height:1.7;color:var(--ui-secondary);margin:0 0 18px}
.prospecting-aside .notice{font-size:13px;font-weight:500;margin:0 0 18px;line-height:1.7}
.prospecting-aside .button{width:100%;font-size:12px}
.prospecting-aside #discovery-ready{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--ui-border);font-size:12px}
.prospecting-tips ul{margin:0;padding-left:18px;color:var(--ui-secondary);font-size:13px;line-height:1.8}
.prospecting-tips li+li{margin-top:12px}
.prospecting-manual summary{cursor:pointer;font-size:15px;line-height:1.6;min-height:28px;color:var(--ui-text)}
.prospecting-manual[open] summary{margin-bottom:22px}
.prospecting-manual #scraping-form{display:grid;gap:18px;margin-top:20px}
.prospecting-manual .field,.prospecting-manual .source-consent,.prospecting-manual .notice{margin:0}
.prospecting-manual #scraping-ready{margin:18px 0 0}
.prospecting-results>.section-head{margin:0 0 22px;gap:16px;flex-wrap:wrap}
#scraping-results:has(>p:only-child){padding:26px;border:1px dashed var(--ui-border);border-radius:18px;background:var(--ui-soft);text-align:center;color:var(--ui-secondary)}
#scraping-results>p:only-child{margin:0;line-height:1.8}
.discovery-results{scrollbar-gutter:stable;overscroll-behavior:contain;gap:16px;padding:4px}
.discovery-card{background:var(--ui-surface);border-color:var(--ui-border);padding:20px;box-shadow:0 3px 10px #102a4f06}
.discovery-card a{color:var(--ui-link)}
.discovery-job{padding:20px!important}
.discovery-job summary{display:block;line-height:1.8}
.source-grid{gap:26px;align-items:start}
.source-grid .panel{padding:28px}
.source-grid .source-actions{gap:14px;margin-top:24px}
html[data-theme=dark]{color-scheme:dark;--ink:#e7eef8;--muted:#aab9ce;--line:#334760;--glass:#152238;--glass-border:#30435e;--glass-shadow:0 14px 40px #00000026;--ui-text:#e7eef8;--ui-secondary:#c0cee0;--ui-muted:#aab9ce;--ui-surface:#18273d;--ui-soft:#20334d;--ui-input:#101e32;--ui-border:#3b506d;--ui-link:#91c6ff;--ui-focus:#91c6ff;background:#0d1524;color:var(--ink)}
html[data-theme=dark] body{background:radial-gradient(ellipse at 8% 15%,#14334a70,transparent 50%),radial-gradient(ellipse at 96% 0,#2b245a60,transparent 50%),#0d1524;color:var(--ui-text)}
html[data-theme=dark] ::selection{background:#436a9d;color:#fff}
html[data-theme=dark] :is(.sidebar,.topbar){background:#111d30ed;border-color:var(--ui-border)}
html[data-theme=dark] :is(.hero,.stat,.card,.panel,.crm-ai-bar,.crm-ai-card,.auth-form,.empty,.clio-chat,.clio-chat.is-expanded,.clio-intro,.clio-team-card,.onboarding-nudge,.onboarding-map article,.discovery-card){background:var(--ui-surface);border-color:var(--ui-border);box-shadow:var(--glass-shadow);color:var(--ui-text)}
html[data-theme=dark] :is(.workspace,.local-label,.notice,.float-label,.run-item .prompt,.auth-tabs,.demo-banner,.crm-stage,.crm-ai-unknown,.company-proposal,.hubspot-import-summary,.crm-board-column,.crm-card-owner,.clio-proposal,.attachment-picker,.onboarding-steps button,.avatar,.agent-icon){background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-secondary);box-shadow:none}
html[data-theme=dark] :is(.topbar strong,.brand,.agent-card h3,.agent-template strong,.agent-gallery-hero h2,.clio-empty h3,.clio-rich h3,.clio-tasks summary strong,.pricing-card .pricing-price,.admin-metric>strong,.crm-stage strong,.social-links p,.help-header strong){color:var(--ui-text)}
html[data-theme=dark] :is(.card p,.field,.output,.clio-intro p,.clio-empty p,.clio-message-head strong,.clio-tasks>p,.clio-tasks+.panel>p,.credits-summary p,.pricing-heading p,.pricing-price span,.pricing-card .pricing-allowance,.services-grid .service-description,.services-grid .service-monthly,.admin-metric>span,.admin-notes li,.crm-instructions,.crm-card-event,.crm-ai-snippet,.agent-gallery-hero p,.agent-card-description,.help-header small,.help-header button,.social-links>span,.hero-copy p,.auth-story>div>p,.auth-story>p){color:var(--ui-secondary)}
html[data-theme=dark] :is(.card-meta,.agent-card-meta,.stat-top,.stat small,.nav-label,.logout,.clio-message time,.clio-message .clio-receipt,.admin-metric>small,.admin-table td small,.admin-chart-labels,.crm-table td small,.crm-table td::before,.crm-board-activity article small,.help-privacy,.auth-divider,.output:empty::before){color:var(--ui-muted)}
html[data-theme=dark] :is(.auth-foot,.demo-caption){color:var(--ui-muted)!important}
html[data-theme=dark] :is(a,.eyebrow,.agent-card-role,.agent-gallery-hero .eyebrow,.agent-template-action,.crm-card-title,.clio-copy,.template .arrow,.auth-story .eyebrow){color:var(--ui-link)}
html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--ui-input);border-color:var(--ui-border);color:var(--ui-text)}
html[data-theme=dark] :is(input,textarea)::placeholder{color:#98acc7;opacity:1}
html[data-theme=dark] .theme-control select{background:transparent}
html[data-theme=dark] :is(.button.secondary,.button.ghost,.close,.clio-suggestion,.clio-jump,.crm-ai-chips button,.social-links a,#help-options button,.clio-tasks summary::after){background:var(--ui-soft);border-color:var(--ui-border);color:var(--ui-link);box-shadow:none}
html[data-theme=dark] :is(.button.secondary,.button.ghost,.clio-suggestion,.social-links a):hover{background:#2b4567}
html[data-theme=dark] .button:not(.secondary):not(.ghost):not(.danger){background:#0966bf;color:#fff}
html[data-theme=dark] .button:not(.secondary):not(.ghost):not(.danger):hover{background:#0a71d4}
html[data-theme=dark] .button.danger{background:#4a2633;color:#ffc0c4}
html[data-theme=dark] .form-error{color:#ffb5b9}
html[data-theme=dark] .credits-page #credit-error:not(:empty){background:#422a37;color:#ffb5b9}
html[data-theme=dark] :is(.nav button,.auth-tabs button){color:var(--ui-secondary)}
html[data-theme=dark] :is(.nav button:hover,.nav button.active,.auth-tabs button.selected,.onboarding-steps button.selected,.crm-stage.selected,.crm-board-column.drop-target){background:#254365;color:#d4eaff;border-color:#608dbc;box-shadow:none}
html[data-theme=dark] .nav button:hover:not(.active){background:#1d3048;color:#e7eef8}
html[data-theme=dark] :is(.crm-table th,.admin-table th,.help-header){background:#22354f;color:var(--ui-secondary)}
html[data-theme=dark] :is(.crm-table td,.crm-table tr,.admin-table td,.crm-sync,.card-meta,.agent-card-meta,.pricing-card .pricing-allowance,.clio-message .clio-receipt,.crm-card-event,.crm-board-activity article){border-color:var(--ui-border)}
html[data-theme=dark] :is(.crm-table tr,.crm-board-card,.crm-board-column>header>span,.help-message,.panel .output,.clio-message.from-clio){background:#152238;color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] .crm-table tbody tr:hover{background:#203650}
html[data-theme=dark] .clio-message.from-user{background:#264263;color:#edf6ff;border-color:#3c6088}
html[data-theme=dark] :is(.clio-rich code,#claw-form>p,.task-layout #campaign-fields){background:#243850;color:var(--ui-secondary);border-color:var(--ui-border)}
html[data-theme=dark] :is(.badge,.crm-new,.crm-contacted,.clio-status,.demo-pill){background:#233f5c;color:#b3d9ff;border-color:#426787}
html[data-theme=dark] :is(.badge.ready,.crm-won,.admin-ok){background:#1c4138;color:#9be8c6}
html[data-theme=dark] :is(.badge.paused,.crm-followup,.crm-proposal,.admin-warning){background:#493a23;color:#ffdda0}
html[data-theme=dark] :is(.crm-qualified,.crm-preparing){background:#373053;color:#d8c6ff}
html[data-theme=dark] .crm-lost{background:#472e3c;color:#ffc1d0}
html[data-theme=dark] .crm-card-next.is-due{color:#ffdda0}
html[data-theme=dark] .agent-gallery-hero{background:linear-gradient(120deg,#193d55,#2b3153);border-color:#3b526f}
html[data-theme=dark] .agent-gallery-hero img{mix-blend-mode:normal}
html[data-theme=dark] .agent-portrait{background:linear-gradient(150deg,#284057,#313b60);border-color:var(--ui-border)}
html[data-theme=dark] .agent-portrait .badge{background:#14273deb;color:#c4e0ff;border:1px solid #6d8cad}
.brand .brand-logo-dark{display:none}html[data-theme=dark] .brand .brand-logo-light{display:none}html[data-theme=dark] .brand .brand-logo-dark{display:block}
html[data-theme=dark] :is(.hero-copy h1 em,.auth-story h1 em){background:none;color:#a4ceff;-webkit-text-fill-color:currentColor}
html[data-theme=dark] .auth-story{background:radial-gradient(ellipse at 15% 40%,#16466460,transparent 60%)}
html[data-theme=dark] .auth-form-wrap{background:#111d3070;border-color:var(--ui-border)}
html[data-theme=dark] dialog{background:#142238;color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] dialog::backdrop{background:#020813b5}
html[data-theme=dark] #help-panel{background:#142238;color:var(--ui-text);border-color:var(--ui-border)}
html[data-theme=dark] #help-form{background:var(--ui-input);border-color:var(--ui-border)}
html[data-theme=dark] #help-options{border-color:var(--ui-border)}
html[data-theme=dark] .help-message.user{background:#155f9e;color:white;border-color:#4287bd}
html[data-theme=dark] .pricing-featured{border-color:#6695c7;background:#1d3551}
html[data-theme=dark] .onboarding-steps button>span:first-child{background:#25466c;color:#bddcff}
@media(max-width:1100px){.prospecting-layout{grid-template-columns:1fr}.prospecting-aside{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.topbar{height:auto;min-height:66px;padding:12px 16px;gap:10px;flex-wrap:wrap}.topbar-right{gap:8px;flex-wrap:wrap}.topbar-right .avatar{display:none}.theme-control{min-height:40px}.prospecting-workspace{gap:20px}.prospecting-layout{gap:20px}.prospecting-workspace .panel,.source-grid .panel{padding:22px}.prospecting-aside{grid-template-columns:1fr}.discovery-panel .form-row{grid-template-columns:1fr;gap:20px}.source-tabs{width:100%;gap:4px;padding:5px}.source-tabs .button{flex:1 1 auto;padding:10px 12px;font-size:12px}.source-steps{gap:10px;font-size:11px}.discovery-panel h2{font-size:22px}.discovery-panel .button[type=submit]{width:100%}.discovery-panel .field input,.discovery-panel .field select,input,textarea{font-size:16px}.discovery-results{grid-template-columns:1fr}.discovery-job summary{overflow-wrap:anywhere}.section-head{gap:12px}.page-heading{flex-wrap:wrap}.modal-inner{padding:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Glass details stay decorative; content never fades out during navigation. */
:is(.clio-empty,.onboarding-intro,.agent-gallery-hero,.clio-intro) img[src*="clio"],img.clio-nav-avatar{border-radius:24%;overflow:hidden}
html[data-theme=dark] :is(.clio-empty,.onboarding-intro,.agent-gallery-hero,.clio-intro) img[src*="clio"]{border:1px solid #b4dcff70;box-shadow:0 10px 32px #0003,0 0 24px #57bcff18;background:#dceefa}
.sidebar-brand-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mobile-sections{display:none}
.mobile-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mobile-menu-grid button{display:flex;align-items:center;gap:10px;text-align:left;min-height:56px;border:1px solid var(--ui-border);border-radius:16px;padding:12px;background:var(--ui-soft);color:var(--ui-secondary);font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.mobile-menu-grid :is(svg,img){width:24px;height:24px;flex:none;border-radius:8px}
.mobile-menu-grid button.active{border-color:var(--ui-focus);color:var(--ui-link);box-shadow:inset 0 0 0 1px var(--ui-focus)}
:is(.panel,.card,.stat){transition:border-color .2s ease,box-shadow .2s ease}
html[data-theme=dark] :is(.discovery-panel,.prospecting-aside>.panel,.agent-gallery-hero,.clio-chat){background:linear-gradient(125deg,#a9d8ff08,transparent 55%),#18273deF;box-shadow:inset 0 1px 0 #ffffff0d,0 16px 46px #0002;border-color:#50678080}
@media(hover:hover) and (pointer:fine){.agent-template{transition:transform .2s ease,box-shadow .2s ease}.agent-template:hover{transform:translateY(-3px);box-shadow:0 14px 30px #5487ac22}.button:not(:disabled):hover{box-shadow:0 5px 18px #2486dc22}.theme-control:hover{border-color:var(--ui-focus)}}
.workspace-loading{min-height:100svh;display:grid;place-items:center;padding:28px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 30% 25%,#c5effc80,transparent 60%),radial-gradient(ellipse at 80% 65%,#ded1ff80,transparent 65%)}
.workspace-loading-card{position:relative;text-align:center;width:min(100%,430px);padding:48px 28px 34px;border:1px solid #ffffffc9;border-radius:36px;background:#ffffffa6;box-shadow:inset 0 1px 1px #fff,0 24px 90px #647cad22;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.workspace-loading-art{position:relative;display:grid;place-items:center;margin:0 auto 32px;width:156px;height:156px;border-radius:36px;background:linear-gradient(145deg,#ffffffd9,#c8e6ff66 55%,#e4d6ffb3);border:1px solid #fff;box-shadow:inset 0 2px 3px #fff,0 20px 40px #318cd425,0 0 65px #67d7ff35;transform:perspective(700px) rotateX(7deg) rotateY(-9deg);animation:glass-float 5s ease-in-out infinite}
.workspace-loading-art img{display:block;width:136px;height:136px;object-fit:contain;border-radius:28px}
.workspace-loading-art::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(125deg,#fff7,transparent 40%,transparent 75%,#fff4);pointer-events:none}
.workspace-loading h1{font-size:28px;letter-spacing:-.8px;color:var(--ui-text);margin:12px 0}
.workspace-loading p{color:var(--ui-secondary);font-size:14px;line-height:1.6;min-height:46px;margin:0}
.workspace-loading-lights{display:flex;justify-content:center;gap:8px;margin-top:20px}
.workspace-loading-lights i{width:7px;height:7px;border-radius:50%;background:#2989d4;box-shadow:0 0 12px #2999ff66;animation:glass-light 1.5s ease-in-out infinite}
.workspace-loading-lights i:nth-child(2){animation-delay:.2s}.workspace-loading-lights i:nth-child(3){animation-delay:.4s}
html[data-theme=dark] .workspace-loading{background:radial-gradient(ellipse at 30% 25%,#18446480,transparent 60%),radial-gradient(ellipse at 80% 65%,#30245c80,transparent 65%)}
html[data-theme=dark] .workspace-loading-card{background:#18273da6;border-color:#b2d9ff33;box-shadow:inset 0 1px 1px #fff1,0 24px 90px #0004}
html[data-theme=dark] .workspace-loading-art{border-color:#a6d8ff80;background:linear-gradient(145deg,#7fb4d940,#31587580,#65588350);box-shadow:inset 0 1px #fff4,0 20px 40px #0003,0 0 65px #67d7ff25}
html[data-theme=dark] .workspace-loading-lights i{background:#8fd6ff}
@keyframes glass-float{0%,100%{transform:perspective(700px) translateY(0) rotateX(7deg) rotateY(-9deg)}50%{transform:perspective(700px) translateY(-7px) rotateX(2deg) rotateY(7deg)}}
@keyframes glass-light{0%,100%{transform:scale(.85)}50%{transform:scale(1.3)}}
@media(max-width:760px){
 .sidebar{padding:10px 14px 12px}.sidebar .brand{min-height:48px}.sidebar .brand-logo{width:160px;max-height:57px;object-fit:contain}.mobile-sections{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:10px 13px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-secondary);font-size:12px;font-weight:600}.mobile-sections svg{width:18px;height:18px}
 .nav{margin-top:10px;gap:7px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;padding:3px 2px 5px}.nav::-webkit-scrollbar{display:none}.nav button{flex:none;min-height:42px;padding:10px 13px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface);color:var(--ui-secondary)}.nav button.active{border-color:#86b9ea;background:#deedff;color:#075fb6;box-shadow:inset 0 1px #fff9}.nav .clio-nav-avatar{width:23px;height:23px}
 .topbar{padding:10px 16px}.topbar-right{width:100%;justify-content:flex-start}.theme-control{margin-right:auto}.workspace-loading-card{padding:38px 22px 28px;border-radius:30px}.workspace-loading-art{width:140px;height:140px}.workspace-loading-art img{width:120px;height:120px}.workspace-loading h1{font-size:25px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.workspace-loading-art{transform:none}}
body:has(.workspace-loading) #help-launcher{display:none}
html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}
html[data-theme=light] .badge:not(.ready):not(.paused){color:#526278;background:#edf2f8}
html[data-theme=light] .badge.ready{color:#226347;background:#e7f5ee}
html[data-theme=light] .badge.paused{color:#765017;background:#fff1d5}

.settings-preferences{display:grid;grid-template-columns:1fr 1fr;gap:28px}.settings-preferences>div{min-width:0}.settings-preferences p{font-size:13px;line-height:1.6;overflow-wrap:anywhere;margin-bottom:18px}.settings-preferences .theme-control{min-width:155px;justify-content:space-between}.settings-preferences .theme-control select{flex:1;max-width:none}
@media(max-width:760px){.settings-preferences{grid-template-columns:1fr;gap:24px}.settings-preferences>div+div{padding-top:24px;border-top:1px solid var(--ui-border)}.topbar-right{width:auto;margin-left:auto}.topbar{flex-wrap:nowrap}.topbar>span{min-width:0}.topbar-right [data-credit-balance]{font-size:11px}}

/* Menú lateral plegable en escritorio */
.topbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.sidebar-toggle{display:none}
@media(min-width:761px){
  .sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-secondary);cursor:pointer}
  .sidebar-toggle:hover{border-color:var(--ui-focus);color:var(--ui-link)}
  .sidebar-toggle:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
  .sidebar-toggle svg{width:18px;height:18px}
  html[data-sidebar=collapsed] .sidebar{display:none}
  html[data-sidebar=collapsed] .main{margin-left:0}
}
/* Ajustes: separa el bloque IA incluida del panel anterior */
.settings-ai-heading{margin-top:40px;padding-top:8px}
.settings-ai-heading+.panel{margin-top:16px}

/* Tarjetas de confirmación de Clio: vista previa del correo */
.clio-email-preview{margin:12px 0;padding:14px 16px;border:1px solid var(--ui-border);border-radius:14px;background:var(--ui-surface)}
.clio-email-preview p{margin:0 0 8px;line-height:1.5}
.clio-email-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;padding:12px 14px;border-radius:12px;background:var(--ui-soft);color:var(--ui-text);font-size:13px;line-height:1.6}
.clio-changes{margin:10px 0;padding-left:20px;line-height:1.7;font-size:13px}
/* Selector de prospectos con buscador */
.prospect-picker .prospect-search{margin-bottom:8px}
.prospect-picker [data-prospect-count]{display:block;margin-top:6px}

/* Ficha de empresa: completar todo con IA */
.company-complete{display:grid;gap:12px;margin-top:20px;padding-top:20px;border-top:1px dashed var(--ui-border)}
.company-complete .field{margin:0}
.company-complete textarea{min-height:88px}
.company-complete .button{justify-self:start}

.approval-queue .approval-card{border-top:1px solid var(--ui-border,#d8dee9);padding:14px 0}.approval-queue .approval-card h3{margin:4px 0 8px}.approval-queue .approval-card .output{white-space:pre-wrap;margin:8px 0}.approval-queue .form-footer{gap:8px;flex-wrap:wrap;justify-content:flex-start}
.advanced-options{margin:12px 0}.advanced-options>summary{cursor:pointer;font-weight:600;padding:6px 0}.advanced-options[open]>summary{margin-bottom:10px}.link-button{background:none;border:0;padding:0;color:var(--ui-accent,#2563eb);text-decoration:underline;cursor:pointer;font:inherit}.agent-preview{margin:18px 0;padding:14px 16px;border:1px solid var(--ui-border,#d8dee9);border-radius:14px}.agent-preview h3{margin-top:0}.agent-preview .output{white-space:pre-wrap;margin:8px 0}.setup-steps{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}.setup-steps li{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--ui-border,#d8dee9);border-radius:14px}.setup-steps li p{margin:2px 0 0}.setup-steps li.done{opacity:.75}.setup-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:700;border:2px solid currentColor}.setup-steps li.done .setup-mark{background:#16a34a;border-color:#16a34a;color:#fff}.provider-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:6px}.provider-presets .button{padding:6px 12px;font-size:.88rem}.provider-presets .button.active{outline:2px solid var(--ui-accent,#2563eb)}@media (max-width:560px){.setup-steps li{grid-template-columns:28px 1fr}.setup-steps li .button{grid-column:2}}
.lang-control{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-surface);color:var(--ui-secondary);padding:0 10px;min-height:40px;vertical-align:middle}.lang-control select{border:0;background:transparent;color:inherit;min-height:38px;padding:0 3px;font-size:12px;cursor:pointer}.lang-control option{background:var(--ui-input);color:var(--ui-text)}
#modal.call-modal{width:min(1100px,96vw);max-width:96vw}.call-mode{display:grid;gap:16px}.call-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.call-dial{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.call-number{font-size:1.35rem;font-weight:700;letter-spacing:.02em}.call-timer{font-variant-numeric:tabular-nums;font-weight:700;padding:6px 10px;border-radius:10px;border:1px solid var(--ui-border,#d8dee9)}.call-steps{display:flex;gap:6px;flex-wrap:wrap}.call-steps button{border:1px solid var(--ui-border,#d8dee9);background:transparent;border-radius:999px;padding:6px 12px;cursor:pointer;color:inherit;font:inherit;font-size:.85rem}.call-steps button.active{background:var(--ui-accent,#2563eb);border-color:var(--ui-accent,#2563eb);color:#fff}.call-prompter{max-height:42vh;overflow:auto;padding:4px 2px}.call-prompter section{font-size:1.15rem;line-height:1.55;opacity:.35;padding:10px 14px;border-radius:14px;transition:opacity .2s}.call-prompter section.current{opacity:1;font-size:1.5rem;background:var(--ui-surface,#f4f7fc);border:1px solid var(--ui-border,#d8dee9)}.call-prompter ol{margin:0;padding-left:1.3em}.call-nav{display:flex;gap:8px;justify-content:space-between}.call-objections{display:flex;gap:8px;flex-wrap:wrap}.call-card{font-size:1.2rem;line-height:1.5;padding:14px 16px;border-radius:14px;border:2px solid var(--ui-accent,#2563eb)}.call-card p{margin:.4em 0}.call-ask{font-weight:700}.call-log{border-top:1px solid var(--ui-border,#d8dee9);padding-top:12px}.call-outcomes{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.call-outcomes label{border:1px solid var(--ui-border,#d8dee9);border-radius:999px;padding:6px 12px;cursor:pointer}.call-outcomes input{margin-right:4px}.call-pick{list-style:none;padding:0;margin:8px 0;max-height:320px;overflow:auto;display:grid;gap:6px}@media (max-width:640px){#modal.call-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0}.call-prompter{max-height:none}.call-prompter section.current{font-size:1.3rem}.call-number{font-size:1.15rem}}