:root{--navy:#102447;--navy2:#172f56;--blue:#2459a8;--cyan:#28a9df;--bg:#f5f7fb;--ink:#1b2c46;--muted:#71819a;--border:#e3e9f2;--white:#fff;--green:#14855d;--red:#b3364a;--shadow:0 4px 28px rgba(17,41,74,.04)}
*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:14px}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}a{text-decoration:none;color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(162deg,#102447,#132a4b);color:#eaf0f6;width:253px;flex:none;display:flex;flex-direction:column;padding:30px 18px;position:sticky;top:0;height:100vh;z-index:20}.brand{color:#fff;font-size:23px;letter-spacing:.02em;font-weight:800;margin:6px 12px 45px}.brand strong,.brand-login strong{color:var(--cyan)}.brand small,.brand-login small{display:block;color:#a8d5fb;letter-spacing:.24em;font-size:10px;margin-top:6px;font-weight:800}.sidebar-kicker{margin:0 12px 15px;letter-spacing:.11em;color:#91a9cf;font-size:10px;font-weight:700}.main-nav{display:flex;flex-direction:column;gap:7px}.nav-link{color:#dfebfa;display:flex;gap:14px;align-items:center;padding:13px 14px;border-radius:10px;font-size:13px;font-weight:550;min-height:46px}.nav-link:hover{background:#25456e}.nav-link.active{background:#2459a8;color:#fff}.icon{width:19px;height:19px;flex:none}.sidebar-bottom{margin-top:auto}.sidebar-person{display:flex;align-items:center;gap:10px;border-top:1px solid #365075;padding:18px 8px 12px;font-size:12px}.sidebar-person strong,.sidebar-person small{display:block}.sidebar-person small{color:#a7c1e2;margin-top:3px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#38639c;color:white;font-size:16px;font-weight:700}.version{font-size:10px;color:#a1bbda;padding-left:8px;letter-spacing:.08em}.workarea{flex:1;min-width:0}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);padding:0 36px;gap:20px}.top-title strong,.top-title small{display:block}.top-title strong{font-size:15px;color:var(--navy)}.top-title small{font-size:12px;color:var(--muted);margin-top:5px}.top-actions{display:flex;align-items:center;gap:14px}.top-user{font-size:12px;font-weight:700;color:var(--navy)}.menu-button{display:none}.main-content{padding:32px 36px 70px;max-width:1650px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-heading h1{font-size:30px;letter-spacing:-.035em;margin:6px 0 5px;color:var(--navy);font-weight:780}.section-heading p{margin:4px 0}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);text-transform:uppercase}.muted{color:var(--muted);line-height:1.6}.hint{font-size:12px;color:var(--muted);line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--border);padding:22px 22px 19px;border-radius:14px;box-shadow:var(--shadow)}.stat span,.stat small{display:block;color:var(--muted)}.stat span{font-weight:650;font-size:12px}.stat strong{font-size:31px;color:var(--navy);display:block;letter-spacing:-.04em;margin:8px 0 5px}.stat small{font-size:11px}.columns{display:grid;gap:20px}.columns.two{grid-template-columns:1fr 1fr}.columns.narrow{grid-template-columns:minmax(320px,.82fr) minmax(0,1.5fr)}.panel{padding:25px;background:#fff;border-radius:15px;border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:20px;min-width:0}.panel h2{font-size:18px;color:var(--navy);margin:0 0 22px;letter-spacing:-.02em}.panel h3{font-size:14px;color:var(--navy);margin:17px 0 12px}.panel-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.panel-title h2{margin:0}.panel-title a{font-size:12px;font-weight:700}.list-row{padding:13px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:13px}.list-row:last-child{border-bottom:0}.list-row strong,.list-row small{display:block}.list-row strong{font-size:13px;color:var(--ink)}.list-row small{font-size:11px;color:var(--muted);margin-top:4px}.list-row time{font-size:11px;color:var(--muted)}.badge{border-radius:30px;white-space:nowrap;padding:6px 10px;font-size:10px;font-weight:750}.badge.ok{background:#e4f7ed;color:#13734e}.badge.warn{background:#fff3df;color:#a76810}.badge.neutral{background:#eef2f7;color:#53637a}.form{display:flex;flex-direction:column;gap:15px}.form label,form>label{font-size:12px;color:#253b60;font-weight:700;display:flex;flex-direction:column;gap:7px}.form input,.form select,.inline-form input,.inline-form select{width:100%;height:44px;border:1px solid #ced9e9;border-radius:9px;background:#fff;color:var(--ink);padding:0 12px;outline:none;font-weight:450}.form input:focus,.form select:focus,.inline-form input:focus,.inline-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(36,89,168,.11)}.form input[type=file]{height:auto;padding:12px}.btn{border:0;border-radius:9px;padding:12px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;gap:8px;white-space:nowrap;min-height:42px}.btn.primary{color:#fff;background:var(--blue)}.btn.primary:hover{background:#1a4b98}.btn.outline{border:1px solid #cbd9ec;background:#fff;color:var(--navy)}.btn.danger{background:var(--red);color:white}.btn.tiny{padding:7px 11px;font-size:11px;min-height:31px}.btn.full{width:100%}.actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:center;margin-bottom:12px}.inline-form input{min-width:80px}.inline-form select{min-width:90px;max-width:170px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{text-transform:uppercase;letter-spacing:.065em;color:#76869e;font-size:10px;font-weight:800;background:#f6f8fc;padding:13px 12px;white-space:nowrap}td{padding:15px 12px;border-bottom:1px solid #ecf0f5;vertical-align:middle}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.urlcell{white-space:nowrap;font-size:11px;color:#536e90}.copy-small,.text-button{background:transparent;border:0;color:var(--blue);font-size:11px;font-weight:700;cursor:pointer}.progress{height:8px;background:#edf2fa;border-radius:20px;overflow:hidden;min-width:100px}.progress i{display:block;background:var(--blue);height:100%;border-radius:20px}.notice{background:#edf4ff;border:1px solid #d6e5fc;padding:16px 18px;border-radius:10px;color:#385b8d;font-size:12px;line-height:1.65;margin:16px 0}.notice.success{background:#e6f7ee;border-color:#c1ebd2;color:#116742}.notice.error,.notice.danger{background:#ffedf0;border-color:#ffd4df;color:#993346}.notice.warn{background:#fff6e9;color:#9c6a19;border-color:#fae7ca}.empty{text-align:center;color:var(--muted);font-size:12px;padding:35px 12px}.detail{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--border)}.detail span{color:var(--muted)}.support-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#ecf5ff;color:#254f8b;border:1px solid #caddfa;padding:12px 17px;border-radius:10px;margin-bottom:20px;font-weight:700;font-size:12px}.divider{height:1px;background:var(--border);margin:24px 0}.target-select{border:1px solid var(--border);border-radius:10px;padding:11px 14px}.target-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.target-head strong{margin-right:auto}.screen-check{display:flex!important;flex-direction:row!important;align-items:center;gap:11px;padding:10px;border-top:1px solid var(--border);cursor:pointer}.screen-check input{width:17px!important;height:17px!important;accent-color:var(--blue)}.screen-check span{font-size:12px}.screen-check small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.quick-targets,.folderbar{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0 14px}.pill{padding:7px 10px;border-radius:7px;border:1px solid #d4e0f0;background:#f7faff;color:#406492;font-size:11px;cursor:pointer;font-weight:650}.weekdays{display:flex;gap:4px;flex-wrap:wrap}.weekdays label{font-size:12px;display:flex;flex-direction:column;align-items:center;gap:3px;background:#f4f7fd;padding:9px;border-radius:7px}.weekdays input{height:16px;width:16px;accent-color:var(--blue)}.field-row{display:flex;gap:12px}.field-row label{flex:1;min-width:0}.campaign-item{border-top:1px solid var(--border);padding:9px 0 17px}.campaign-item p{font-size:12px;margin:8px 0}.creative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.creative-card{border:1px solid var(--border);padding:8px;border-radius:12px;min-width:0}.creative-card img,.video-thumb{width:100%;aspect-ratio:16/9;object-fit:contain;background:#eaf0f6;border-radius:7px}.video-thumb{display:grid;place-items:center;color:var(--blue);font-size:18px}.creative-info{margin:10px 0;overflow-wrap:anywhere}.creative-info strong,.creative-info small{display:block}.creative-info small{color:var(--muted);margin-top:4px}.screen-item{padding:15px 0;border-bottom:1px solid var(--border)}.urlfull{background:#f4f7fc;padding:10px;border-radius:8px;display:flex;gap:8px;align-items:center;margin:10px 0}.urlfull code{overflow-wrap:anywhere;word-break:break-all;font-size:10px;flex:1}.storage-client{display:flex;gap:20px;align-items:center;justify-content:space-between}.storage-client .progress{width:38%}.small-panel{max-width:550px}.auth-bg{min-height:100vh;background:linear-gradient(135deg,#102447,#254d88);display:grid;place-items:center;padding:22px}.auth-card{width:min(100%,430px);background:white;border-radius:20px;padding:38px;box-shadow:0 20px 60px #0b1d3e52}.auth-card.wide{max-width:740px;width:100%}.auth-card h1{font-size:26px;letter-spacing:-.035em;margin:28px 0 10px;color:var(--navy)}.auth-card .btn{margin-top:8px}.brand-login{font-size:24px;color:var(--navy);font-weight:850;letter-spacing:.03em}.brand-login small{color:var(--blue)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.columns.narrow,.columns.two{grid-template-columns:1fr}.sidebar{width:225px}.main-content{padding:28px 24px}.topbar{padding:0 24px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-270px;width:260px;transition:left .22s;height:100%;box-shadow:12px 0 35px #06152c20}.sidebar.opened{left:0}.menu-button{display:block;border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 10px;font-size:17px}.topbar{height:73px;padding:0 14px}.top-title strong{font-size:12px}.top-title small{font-size:10px}.top-user{display:none}.top-actions{gap:6px}.main-content{padding:22px 14px 85px}.section-heading h1{font-size:25px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:16px 13px}.stat strong{font-size:25px}.stat small{font-size:10px}.panel{padding:18px}.field-row{gap:8px}.urlfull{flex-wrap:wrap}.urlfull .btn{width:100%}.storage-client{display:block}.storage-client .progress{width:100%}.account-link{display:none}.auth-card{padding:28px 22px}}

/* Publicar publicidad: concise two-column operation surface, single destination list. */
.live-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:20px}
.live-grid .panel{margin:0}.live-action h2,.live-targets h2{margin:0 0 16px}.live-action label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:#253b60;margin:0 0 13px}
.live-action input[type=time],.live-action select{height:44px;min-width:0;width:100%;border:1px solid #ced9e9;border-radius:9px;background:white;padding:0 12px;color:var(--ink);font:inherit;font-weight:450}
.live-mode-tabs{display:flex;background:#f0f4f9;border-radius:11px;padding:4px;gap:4px;margin:0 0 21px}
.live-tab{border:0;flex:1;min-width:0;padding:12px 7px;background:transparent;border-radius:8px;font-weight:750;font-size:12px;color:#506480;cursor:pointer}
.live-tab.selected{background:var(--blue);color:white;box-shadow:0 3px 10px #2459a820}.live-tab:not(.selected):hover{background:#e5edfa}
.live-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.live-method{display:flex;gap:9px;margin:2px 0 10px;flex-wrap:wrap}
.live-method .live-choice{display:flex;flex-direction:row;align-items:center;gap:6px;padding:10px 11px;border:1px solid #d6e2f1;border-radius:9px;font-size:12px;font-weight:650;cursor:pointer;margin:0;flex:1;white-space:nowrap}
.live-choice input{accent-color:var(--blue)}.live-repeat-fields{padding:14px 14px 5px;border:1px solid #d6e6fb;border-radius:10px;background:#f6f9ff;margin-top:12px}
.live-repeat-fields .hint{margin:0 0 8px}.live-duration-readout{border:1px solid #ced9e9;background:white;padding:12px;border-radius:9px;font-weight:500;font-size:12px;min-height:44px}
.live-stop-tip{background:#fff6e9;border:1px solid #fae7ca;border-radius:10px;padding:15px;color:#805a2c;font-size:12px;line-height:1.65}
.live-targets .panel-title{align-items:flex-start;margin-bottom:13px}.live-targets .panel-title h2{margin:0 0 5px}.live-targets .panel-title p{font-size:12px;margin:0}
.live-target-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.live-filter{border:0;background:#eff3f8;color:#465c7a;padding:10px 12px;border-radius:8px;font-size:11px;font-weight:750;cursor:pointer}.live-filter.selected{background:#2459a8;color:white}
.live-target-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px;flex-wrap:wrap}.live-target-toolbar input{flex:1;min-width:140px;height:40px;padding:0 12px;border:1px solid #d4e0ef;border-radius:9px;font-size:12px}.live-target-toolbar button{padding:8px;border-radius:7px;border:1px solid #d4e0ef;background:#fff;white-space:nowrap}
.live-screen-list{border:1px solid #e3e9f2;border-radius:11px;overflow:hidden;max-height:370px;overflow-y:auto}.live-screen{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid #e5ebf3;cursor:pointer;min-height:69px}.live-screen:last-child{border:0}.live-screen:hover{background:#f7faff}.live-screen input{height:18px;width:18px;accent-color:var(--blue);flex:none}.live-screen-icon{color:#2459a8;font-size:23px}.live-screen-name{flex:1;min-width:0}.live-screen-name strong,.live-screen-name small{display:block}.live-screen-name strong{font-size:12px;color:var(--navy)}.live-screen-name small{font-size:11px;color:#7788a1;margin-top:4px}.live-screen .badge{font-size:10px}
.live-submit{position:sticky;bottom:12px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;margin-top:17px;border:1px solid #d9e4f4;background:#edf4ff;border-radius:12px;box-shadow:0 6px 22px #10244715}.live-submit strong{font-size:12px;color:var(--navy)}.live-summary{font-size:12px;margin-top:4px;color:#546c90;line-height:1.5}.live-submit button{min-width:240px}
.live-running{display:flex;gap:22px;align-items:flex-start;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:12px;margin:-8px 0 18px}.live-running>div:first-child{min-width:156px}.live-running strong{font-size:12px}.live-running small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.live-running-items{display:flex;gap:12px;flex:1;flex-wrap:wrap}.live-running-item{display:flex;align-items:center;gap:12px;padding:4px 10px;border-left:1px solid var(--border)}
/* Respect the hidden attribute regardless of layout utility CSS. */
[data-live-repeat][hidden],[data-live-show][hidden],[data-live-stop][hidden],[data-live-screen][hidden]{display:none!important}
@media(max-width:1120px){.live-grid{grid-template-columns:1fr}.live-running{display:block}.live-running-items{margin-top:12px}}
@media(max-width:760px){.live-fields{grid-template-columns:1fr 1fr}.live-mode-tabs{margin-bottom:16px}.live-tab{font-size:11px}.live-grid .panel{padding:17px}.live-submit{bottom:0;margin-left:-14px;margin-right:-14px;border-radius:10px 10px 0 0;padding:12px}.live-submit button{min-width:135px;white-space:normal}.live-target-toolbar button{font-size:11px}.live-screen .badge{max-width:105px;white-space:normal}.live-running-item{padding-left:0;border-left:0}}

/* 1.2: controls for live manual activations, without duplicate mode tabs. */
.active-operations{margin-top:18px}
.active-operations .panel-title{margin-bottom:14px}
.active-operations .panel-title h2{margin:0 0 4px}
.active-operations .panel-title p{font-size:12px;margin:0}
.active-operation{padding:14px 0;border-top:1px solid var(--border)}
.active-operation-info{display:flex;justify-content:space-between;align-items:center;gap:15px}
.active-operation-info strong{font-size:13px;color:var(--navy)}
.active-operation-info p{font-size:12px;margin:7px 0}
.active-operation-info small{font-size:11px;color:#577397}
.active-operation-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}
.active-operation-actions form{display:inline-flex}
.active-edit{margin:16px 0 2px;padding:18px;background:#f6f9fd;border:1px solid #d7e3f1;border-radius:12px}
.active-edit[hidden]{display:none!important}
.active-edit .form{max-width:760px}
.active-edit .target-select{max-height:250px;overflow:auto;background:#fff}
.active-edit .btn.primary{align-self:flex-start}
.active-operations .list-row{gap:15px}
.active-operations .list-row .actions{white-space:nowrap}
.live-action h2{margin:0 0 20px}
@media(max-width:760px){.active-operation-info{align-items:flex-start;flex-direction:column}.active-operation-actions{width:100%}.active-operation-actions>*{flex:1}.active-operation-actions .btn{width:100%}.active-edit{padding:13px}.active-operations .list-row{flex-wrap:wrap}.active-operations .list-row .actions{width:100%}}


/* 1.3: visual image library picker, responsive and independent of DISPL overlay styles. */
.creative-picker{margin:0 0 17px;min-width:0}
.creative-picker-label{font-size:12px;font-weight:750;color:#253b60;margin-bottom:8px}
.creative-picker-trigger{width:100%;display:flex;align-items:center;gap:13px;text-align:left;cursor:pointer;background:#fff;border:1px solid #ced9e9;border-radius:12px;padding:9px 12px;color:var(--navy);font:inherit}
.creative-picker-trigger:hover,.creative-picker-trigger:focus-visible{border-color:#2459a8;box-shadow:0 0 0 2px #2459a817;outline:none}
.creative-picked-image{width:98px;height:60px;flex:0 0 98px;display:grid;place-items:center;background:#eaf0f6;border-radius:8px;overflow:hidden}
.creative-picked-image img{width:100%;height:100%;object-fit:contain}
.creative-video-mark{font-size:12px;font-weight:750;color:var(--blue)}
.creative-picked-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.creative-picked-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.creative-picked-info small{font-size:11px;color:var(--muted)}
.creative-picked-action{color:#2459a8;font-size:12px;font-weight:750;white-space:nowrap}
.creative-picker.picker-ready [data-creative-select]{display:none}
.creative-picker:not(.picker-ready) [data-creative-select]{margin-top:9px}
.creative-dialog{width:min(900px,calc(100% - 28px));max-width:900px;max-height:min(88dvh,790px);padding:24px;border:0;border-radius:18px;box-shadow:0 22px 80px #10244745;color:var(--navy);overflow-y:auto}
.creative-dialog::backdrop{background:#07182bc0;backdrop-filter:blur(2px)}
.creative-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:16px}
.creative-dialog-head h2{margin:0;font-size:21px}
.creative-dialog-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.creative-close{width:36px;height:36px;border-radius:10px;border:1px solid #d9e3ef;background:#fff;color:var(--navy);cursor:pointer;font-size:18px}
.creative-dialog-tools{display:flex;gap:10px;align-items:center;margin-bottom:16px}
.creative-dialog-tools input,.creative-dialog-tools select{height:40px;border:1px solid #d1dfef;border-radius:9px;padding:0 12px;min-width:0;background:#fff;font-size:12px}
.creative-dialog-tools input{flex:1}.creative-dialog-tools select{width:205px}
.creative-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-height:320px;overflow-y:auto;padding:2px}
.creative-gallery-item{min-width:0;display:flex;flex-direction:column;text-align:left;gap:5px;padding:7px;border:1px solid #d9e2f0;border-radius:12px;background:white;cursor:pointer;color:var(--navy)}
.creative-gallery-item:hover,.creative-gallery-item:focus-visible,.creative-gallery-item.selected{border-color:#2459a8;outline:2px solid #2459a821}
.creative-gallery-item[hidden]{display:none!important}
.creative-gallery-thumb{width:100%;height:103px;border-radius:7px;background:#eaf0f6;display:grid;place-items:center;overflow:hidden}
.creative-gallery-thumb img{width:100%;height:100%;object-fit:contain}
.creative-gallery-video{font-weight:800;color:var(--blue);font-size:12px}
.creative-gallery-name{font-size:12px;font-weight:760;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}
.creative-gallery-item small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;width:100%;white-space:nowrap}
.creative-gallery-empty{padding:20px;text-align:center;color:var(--muted);font-size:12px}
.creative-gallery-upload-toggle{padding-top:15px;border-top:1px solid var(--border);margin-top:15px}
.creative-quick-form{background:#f4f8ff;padding:14px;border:1px solid #d3e3f6;border-radius:11px;margin-top:10px}
.creative-quick-form[hidden]{display:none!important}
.creative-quick-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.creative-quick-fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;color:var(--navy)}
.creative-quick-fields input{padding:9px;min-width:0;border:1px solid #cdd9e9;background:#fff;border-radius:8px;font-size:12px}
.creative-quick-form .hint{font-size:11px;margin:10px 0}
.creative-quick-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.creative-quick-actions [role=status]{font-size:12px;color:#425c80}
@media(max-width:760px){.creative-dialog{padding:16px;max-height:90dvh}.creative-dialog-tools{flex-direction:column;align-items:stretch}.creative-dialog-tools select{width:100%}.creative-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:42vh}.creative-gallery-thumb{height:110px}.creative-quick-fields{grid-template-columns:1fr}.creative-picked-image{width:80px;flex-basis:80px;height:54px}.creative-picked-action{font-size:11px}}


/* Thunder 707 v1.4 — gestor de Campañas. Aislado de estilos del reproductor DISPL. */
.campaign-management .campaign-creator,.campaign-management .campaigns-panel{min-width:0}
.campaigns-panel .panel-title{align-items:center;margin-bottom:14px}
.campaigns-panel .panel-title .hint{margin:4px 0 0}
.campaign-tools{display:grid;gap:12px;margin-bottom:14px}
.campaign-search-label{display:block!important;margin:0!important}
.campaign-search-label input{width:100%;height:43px;padding:0 14px 0 36px;background:#fff;border:1px solid #cbd9e9;border-radius:10px;color:#102447;font-size:13px;outline:none}
.campaign-search-label input:focus{border-color:#2459a8;box-shadow:0 0 0 3px #2459a81c}
.campaign-search-label{position:relative}
.campaign-search-label::before{content:'⌕';position:absolute;left:12px;top:7px;font-size:24px;color:#607b9e;pointer-events:none}
.campaign-filters{display:flex;flex-wrap:wrap;gap:7px}
.campaign-filter{border:1px solid #d4dfed;background:#f6f9fe;color:#3b5276;padding:8px 11px;border-radius:9px;cursor:pointer;font-size:11px;font-weight:750}
.campaign-filter.selected{background:#2459a8;color:#fff;border-color:#2459a8}
.campaign-results{display:flex;flex-direction:column;gap:10px;outline-offset:4px;overscroll-behavior:contain;scrollbar-color:#b3c6e3 transparent;scrollbar-width:thin}
.campaign-results.campaign-overflow{max-height:620px;overflow-y:auto;padding-right:6px}
.campaign-card{background:#fff;border:1px solid #dce5f0;border-radius:12px;padding:12px;box-shadow:0 2px 8px #10244706;min-width:0}
.campaign-card:hover{border-color:#bdcfe8;background:#fbfdff}
.campaign-card[hidden]{display:none!important}
.campaign-card-top{display:flex;gap:11px;align-items:start;min-width:0}
.campaign-thumb{width:70px;height:70px;flex:0 0 70px;border-radius:9px;background:#edf2f9;overflow:hidden;display:grid;place-items:center}
.campaign-thumb img{width:100%;height:100%;object-fit:cover}
.campaign-thumb-video{font-weight:800;font-size:10px;color:#2459a8}
.campaign-card-body{flex:1;min-width:0}
.campaign-name-row{display:flex;justify-content:space-between;align-items:start;gap:8px}
.campaign-name-row strong{font-size:13px;color:#102447;overflow-wrap:anywhere}
.campaign-name-row .badge{font-size:9px;padding:5px 8px}
.campaign-creative-title{margin:4px 0 0;color:#44658d;font-size:11px;overflow-wrap:anywhere}
.campaign-details{margin:4px 0 0;color:#627b9b;font-size:10px;line-height:1.35}
.campaign-card-actions{display:flex;gap:8px;margin:10px 0 0 81px;align-items:center}
.campaign-edit-btn{background:#2459a8;color:#fff!important;border:1px solid #2459a8}
.campaign-edit-btn:hover{background:#194783}
.campaign-pause-btn{background:#ffedc4;border:1px solid #ebc76c;color:#7e5105}
.campaign-pause-btn:hover{background:#ffe2a3}
.campaign-resume-btn{background:#e2f5ec;border:1px solid #a9dec3;color:#126b45}
.campaign-resume-btn:hover{background:#c9ead9}
.campaign-delete-btn{background:#fff;border:1px solid #e7bdc3;color:#9b2c3a}
.campaign-delete-btn:hover{background:#fff1f2;border-color:#d58d9a;color:#8d1b2c}
.campaign-delete-btn:focus-visible{outline:3px solid #d58d9a;outline-offset:2px}
.campaign-card-actions form{margin:0}
@media(max-width:540px){.campaign-card-actions{flex-wrap:wrap;row-gap:8px}}
.campaign-list-footer{color:#5c7191;font-size:11px;margin-top:12px}
.campaign-empty-results{font-size:12px;color:#617b9a;margin:16px 0}
.campaign-help{margin-top:15px;border-top:1px solid #e9eef5;padding-top:12px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.campaign-edit-dialog{border:0;border-radius:18px;padding:0;width:min(720px,calc(100% - 28px));max-width:720px;max-height:90dvh;color:#102447;box-shadow:0 25px 75px #081b3a65;overflow-y:auto}
.campaign-edit-dialog::backdrop{background:#081b3ab8;backdrop-filter:blur(2px)}
.campaign-editor-head{background:white;position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 24px 15px;border-bottom:1px solid #e3ebf6}
.campaign-editor-head h2{margin:1px 0 2px;font-size:22px}
.campaign-editor-head .eyebrow{font-size:10px;margin:0;color:#2459a8}
.campaign-editor-head .muted{margin:0;font-size:12px;overflow-wrap:anywhere}
.campaign-editor-close{display:grid;place-items:center;border:1px solid #d8e3f0;border-radius:9px;background:#fff;color:#263e63;width:36px;height:36px;min-width:36px;font-size:16px;text-decoration:none}
.campaign-editor-close:hover{background:#f2f6fc}
.campaign-editor-body{padding:22px 24px 24px}
.campaign-editor-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:12px 0 0;background:#fff;box-shadow:0 -8px 14px #ffffffdb;z-index:2}
@media(max-width:760px){
 .campaign-results.campaign-overflow{max-height:680px}
 .campaign-card{padding:11px}
 .campaign-thumb{width:59px;height:59px;flex-basis:59px}
 .campaign-card-actions{margin-left:70px}
 .campaign-name-row{flex-wrap:wrap}
 .campaign-edit-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0;margin:0}
 .campaign-editor-head{padding:17px}
 .campaign-editor-body{padding:18px 17px 24px}
}

/* Thunder 707 v1.5 — carga múltiple y organización segura de la biblioteca */
.library-layout>.panel{min-width:0}
.library-add-folder{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap;margin:15px 0 18px}
.library-add-folder>.sr-only{width:1px!important;height:1px!important}.library-add-folder input{min-width:170px;flex:1;border:1px solid #cfddec;border-radius:10px;padding:12px}
.library-folders-list{border:1px solid #e0e9f3;border-radius:12px;padding:12px;margin-bottom:20px;background:#fbfdff}
.library-folders-header{display:flex;justify-content:space-between;gap:8px;align-items:center}
.library-folders-header h3{margin:0;font-size:14px}
.library-folders-header small{color:#617896}
.library-folders-items{max-height:240px;overflow-y:auto;margin-top:10px;display:grid;gap:5px}
.library-folder-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 3px;border-bottom:1px solid #edf1f7}
.library-folder-row a{color:#1c477c;font-size:12px;overflow-wrap:anywhere;min-width:0}
.library-folder-row button{white-space:nowrap}
.library-upload-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.library-upload-head h3{margin:0}
.library-upload-drop{border:1px dashed #91aed2;border-radius:12px;min-height:108px;background:#f7faff;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:14px;color:#173d73;cursor:pointer}
.library-upload-drop strong{font-size:13px}.library-upload-drop small{font-size:11px;color:#6b7e9b}
.library-upload-icon{font-size:25px;color:#2459a8}
.library-upload-drop input{width:100%;max-width:320px;font-size:11px;margin-top:8px}
.library-file-names{font-size:11px;line-height:1.6;color:#547092;background:#f5f9fe;border-radius:8px;padding:10px;overflow-wrap:anywhere}
.folderbar .pill.active{color:#fff;background:#2459a8;border-color:#2459a8}
.library-creative-card{min-width:0}
.library-current-folder{display:block;white-space:normal;overflow-wrap:anywhere}
.library-creative-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:center;padding:0 2px 8px}
.library-creative-actions form{min-width:0}.library-creative-actions .btn{width:100%;min-width:0;white-space:nowrap;padding:7px 3px;font-size:10px}
.library-move-button{background:#2459a8;color:#fff!important;border:1px solid #2459a8}
.library-move-button:hover{background:#163f80}
.library-dialog{border:0;padding:0;width:min(450px,calc(100% - 30px));max-height:90dvh;overflow-y:auto;border-radius:16px;box-shadow:0 22px 70px #09244860;color:#102447}
.library-dialog::backdrop{background:#081d3aaf}
.library-dialog-form,.library-folder-dialog-inner{padding:25px;display:grid;gap:16px}
.library-dialog h2{font-size:21px;margin:0}
.library-dialog .muted{margin:0;overflow-wrap:anywhere}
.library-dialog label{display:grid;gap:6px;font-weight:650;font-size:12px}
.library-dialog select,.library-dialog input{width:100%;box-sizing:border-box}
.library-dialog-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px}
.library-folder-dialog-inner form{padding:13px;border:1px solid #e2eaf5;background:#fafcfe;border-radius:11px}
.library-folder-dialog-inner form.form{gap:10px}
.library-folder-dialog-inner form .btn{margin-top:10px}
.library-folder-dialog-inner form[data-confirm]{display:flex;flex-direction:column}
.library-folder-dialog-inner form[data-confirm] .btn{align-self:flex-start}
@media(max-width:700px){.library-add-folder>*{width:100%}.library-dialog-form,.library-folder-dialog-inner{padding:18px}}

/* 1.6 - Ubicaciones de pantallas y selector compartido */
.v16-panel{max-width:100%;min-width:0}
.v16-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.v16-panel-top h2{margin:0;font-size:19px}.v16-panel-top p{margin:4px 0 0}
.v16-header-actions{display:flex;gap:8px;flex-wrap:wrap}.v16-search{margin:14px 0 16px}
.v16-search input,.dest-picker-toolbar input{width:100%;height:42px;border:1px solid #cfdcec;border-radius:10px;padding:0 12px;font-size:12px;min-width:0}
.v16-location{border:1px solid #dce6f3;border-radius:13px;margin-bottom:12px;background:#fff}
.v16-location>summary{cursor:pointer;list-style:none;display:flex;align-items:center;padding:15px 17px;gap:12px}
.v16-location>summary::-webkit-details-marker{display:none}.v16-location>summary strong,.v16-location>summary small{display:block}
.v16-location>summary small{color:#7488a5;margin-top:4px;font-size:11px}.v16-folder-icon{font-size:23px;color:#2459a8}
.v16-caret{margin-left:auto;color:#607798;font-size:20px}.v16-location[open] .v16-caret{transform:rotate(180deg)}
.v16-location-content{border-top:1px solid #e5edf6;padding:0 16px 16px}.v16-location-actions{display:flex;gap:14px;flex-wrap:wrap;padding:13px 3px}
.v16-text-action{border:0;background:transparent;color:#2459a8;font-weight:750;cursor:pointer;font-size:11px;padding:6px 2px;text-align:left}
.v16-text-action:hover{text-decoration:underline}.v16-area{border:1px solid #e6edf7;border-radius:10px;margin:10px 0;overflow:visible}
.v16-area-heading{display:flex;gap:10px;align-items:center;padding:10px 13px;background:#f5f8fd;color:#253d62;border-radius:10px 10px 0 0}
.v16-area-heading>span{font-weight:750;font-size:12px}.v16-area-heading small{color:#657e9f;margin-left:auto}.v16-area-heading .v16-text-action{margin-left:8px}
.v16-screen-row{display:flex;align-items:center;gap:10px;padding:12px 13px;border-top:1px solid #e8eef7;min-width:0;position:relative}
.v16-screen-details{min-width:0;flex:1}.v16-screen-details strong,.v16-screen-details small{display:block}
.v16-screen-details strong{font-size:12px}.v16-screen-details small{color:#7187a3;font-size:10px;margin-top:3px}
.v16-monitor{font-size:20px;color:#2459a8}.v16-screen-row .badge{white-space:nowrap;font-size:10px}
.v16-screen-more{position:relative}.v16-screen-more>summary{border:1px solid #cfdbed;cursor:pointer;list-style:none;border-radius:8px;width:34px;height:32px;font-size:22px;display:grid;place-items:center;color:#2459a8}
.v16-screen-more>summary::-webkit-details-marker{display:none}.v16-screen-menu{position:absolute;right:0;top:38px;width:205px;padding:7px;background:#fff;z-index:10;border:1px solid #d7e3f2;border-radius:10px;box-shadow:0 12px 30px #10244725;display:grid;gap:2px}
.v16-screen-menu button{cursor:pointer;background:none;border:0;font-size:11px;color:#23395c;text-align:left;padding:11px 9px;width:100%;border-radius:7px}.v16-screen-menu button:hover{background:#edf4ff}.v16-screen-menu button.danger{color:#ad3048}
.v16-dialog{width:min(480px,calc(100% - 24px));max-height:90dvh;border:0;border-radius:16px;box-shadow:0 25px 70px #081f4259;padding:25px;color:#102447;overflow-y:auto}
.v16-dialog::backdrop{background:#081d3aa9}.v16-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:10px}.v16-modal-head h2{margin:0;font-size:21px}
.v16-close{background:#f0f5fb;border:0;border-radius:9px;width:32px;height:32px;cursor:pointer}.v16-dialog .form{margin:0}.v16-dialog .form+.form,.v16-dialog form+form{margin-top:16px;padding-top:15px;border-top:1px solid #e5eaf1}
.v16-dialog-footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:9px}.v16-dialog [data-v16-inline-field][hidden]{display:none!important}
.v16-no-results{padding:18px;color:#607695;text-align:center}
.dest-picker{border:1px solid #dce7f4;background:#fff;border-radius:12px;padding:13px;min-width:0}
.dest-picker-top,.dest-picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.dest-picker-top strong{font-size:12px}.dest-picker-top span{color:#68809e;font-size:11px}.dest-picker-toolbar{margin:13px 0}
.dest-picker-toolbar input{flex:1;min-width:145px}.dest-picker-scroll{max-height:330px;overflow-y:auto;border:1px solid #e1eaf5;border-radius:10px}
.dest-branch{border-bottom:1px solid #e6edf6}.dest-branch>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;background:#f4f7fc;padding:11px}
.dest-branch>summary::-webkit-details-marker{display:none}.dest-branch>summary strong{font-size:12px}.dest-branch>summary span:first-child{color:#2459a8}
.dest-counter{margin-left:auto;color:#6d83a1;font-size:10px}.dest-branch-body{padding:10px 12px}
.dest-pick-action{border:1px solid #d9e5f6;color:#2459a8;background:#f7faff;font-weight:700;font-size:10px;padding:7px 10px;border-radius:8px;cursor:pointer}
.dest-area-block{margin-top:10px;border:1px solid #e9eff8;border-radius:8px;overflow:hidden}.dest-area-heading{display:flex;align-items:center;gap:7px;background:#fafcff;padding:8px 10px}
.dest-area-heading strong{font-size:11px;color:#334d75}.dest-area-heading span{font-size:10px;color:#7c8da6;margin-right:auto}
.dest-screen{display:flex;align-items:center;gap:9px;padding:9px 10px;border-top:1px solid #edf2f8;cursor:pointer;min-width:0}
.dest-screen input{width:17px!important;height:17px!important;accent-color:#2459a8;flex:none}.dest-screen strong{font-size:11px;min-width:0;flex:1}
.dest-screen-symbol{color:#2459a8;font-size:18px}.dest-status{font-size:10px;color:#7788a0;white-space:nowrap}.dest-status.online{color:#147653}
.dest-screen[hidden],.dest-area-block[hidden],.dest-branch[hidden],.v16-area[hidden],.v16-screen-row[hidden],.v16-location[hidden]{display:none!important}
.live-targets .dest-picker{padding:0;border:0}.live-targets .dest-picker-scroll{max-height:380px}
@media(max-width:700px){.v16-dialog{padding:18px}.v16-header-actions{width:100%}.v16-header-actions .btn{flex:1}.v16-screen-row{flex-wrap:wrap}.v16-screen-row .badge{order:3}.v16-screen-row .v16-screen-details{flex-basis:55%}.v16-screen-menu{right:0}.dest-picker-toolbar{align-items:stretch}.dest-picker-toolbar .btn{flex:1}.dest-picker-toolbar input{width:100%;flex-basis:100%}.dest-status{font-size:9px}.v16-area-heading{flex-wrap:wrap}}

.v16-area-screens{max-height:365px;overflow-y:auto;overflow-x:visible}

/* Thunder 707 1.7: catálogo separado de formatos y vista previa. */
.formats-management{align-items:start}.formats-management .panel{min-width:0}
.format-buttons{display:flex;flex-wrap:wrap;gap:8px}
.format-visible{display:flex!important;align-items:center;gap:8px;font-size:12px!important;line-height:1.4}.format-visible input{width:17px;height:17px;flex:0 0 auto}
.format-library{display:grid;gap:11px}.format-card{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid #dce6f1;border-radius:12px;background:#fff}
.format-card-preview{flex:0 0 105px;aspect-ratio:16/9;background:#203753;border:1px solid #cad7e8;border-radius:7px;position:relative;overflow:hidden}
.format-card-preview>div{position:absolute;background:#28a9df;border:1px solid #fff7}
.format-card-main{min-width:0;flex:1;display:flex;align-items:flex-start;gap:6px;flex-direction:column}.format-card-main strong{font-size:13px}.format-card-main small{color:#607995;font-size:11px}.format-card-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.format-card-actions form{margin:0}
.format-admin-stage{position:relative;width:100%;aspect-ratio:16/9;background:#203753;border-radius:10px;border:1px solid #b9cbe0;overflow:hidden}
.format-admin-stage>div{position:absolute;background:#28a9dfbd;border:1px solid #fff;left:0;top:83.333%;width:100%;height:16.667%;transition:all .16s ease}
.format-picker{display:grid;gap:8px;min-width:0;margin:12px 0 18px}
.format-picker label{font-weight:730;color:#102447;font-size:12px}.format-picker select{width:100%;margin-top:6px}
.format-mini-stage{position:relative;background:#203753;width:100%;max-width:380px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;border:1px solid #9fbed8}
.format-mini-stage::before{content:'VISTA PREVIA · HDMI';position:absolute;top:47%;left:0;width:100%;text-align:center;color:#a9bed7;font-size:11px;letter-spacing:.06em}
.format-mini-box{position:absolute;left:0;top:83.333%;width:100%;height:16.667%;background:#28a9df;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffff90;color:#05325b;font-size:10px;font-weight:700;transition:all .15s ease}
.format-mini-box img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}
.format-mini-box span{position:absolute;z-index:0;white-space:nowrap}.format-mini-box img+span{display:none}
.format-picker-hint{border-radius:8px;padding:8px 10px;background:#eff5fd;color:#466585;font-size:11px}
.format-picker-hint.format-warning{background:#fff3e4;color:#924c12}
.format-picker .hint{font-size:11px;margin:0}
@media(max-width:760px){.format-card{flex-wrap:wrap}.format-card-actions{width:100%;justify-content:flex-start}.format-card-preview{flex-basis:78px}.format-mini-stage{max-width:none}}

/* Thunder 707 1.8 — Gestión de escenas por pantalla */
.v18-scenes-settings{border-top:1px solid #e7ecf2;padding-top:8px;margin-top:5px;display:grid;gap:5px}
.v18-scenes-settings .badge{width:max-content}
.v18-scenes-settings button{width:100%;text-align:left}
.v18-scenes-settings form{margin:0}
/* v1.9 — Campañas con múltiples promociones y frecuencias independientes */
.v19-switch{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.v19-switch .btn{flex:1;white-space:nowrap;min-width:138px;text-align:center}
.v19-item-section{display:grid;gap:12px;margin:14px 0}
.v19-item-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v19-item-title .hint{margin:4px 0 0}
.v19-item{padding:16px;border:1px solid #d4e1f0;border-radius:14px;background:#f9fbfe;display:grid;gap:13px}
.v19-item .creative-picker{margin-top:0}
.v19-item-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.v19-item-head strong{color:#102447}
.v19-item-active{display:flex;align-items:center;gap:9px;font-weight:600;font-size:13px}
.v19-item-active input{width:18px;height:18px;flex-shrink:0}
.v19-item .field-row{gap:10px}
.v19-preview{border:1px solid #cfe0f7;background:#f1f6fd;border-radius:12px;padding:14px;display:grid;gap:8px}
.v19-preview .hint{margin:0}
.v19-preview-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #dce6f4;padding:6px 0;font-size:13px}
.v19-preview-row time{font-variant-numeric:tabular-nums;color:#62738a;font-weight:600;min-width:62px}
.v19-preview-row span{flex:1}
.v19-preview-row small{font-size:11px;color:#526a87}
.v19-preview-warning{color:#914400;font-weight:600;margin:0}
.v19-campaign-details{padding:10px 16px;border-top:1px solid #e5ecf4;margin-top:6px}
.v19-campaign-details summary{font-size:13px;cursor:pointer;color:#2459a8;font-weight:650;list-style-position:inside}
.v19-campaign-part{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #e9eff8;font-size:13px;flex-wrap:wrap}
.v19-campaign-part>div{flex:1;min-width:130px;display:grid;gap:2px}
.v19-campaign-part small{color:#72819a}
.v19-campaign-part form{margin:0}
.v19-campaign-part .badge{width:max-content}
.v19-form .dest-picker{max-width:100%}
@media(max-width:700px){.v19-item{padding:12px}.v19-switch{display:grid;grid-template-columns:1fr 1fr}.v19-switch .btn{min-width:0;font-size:12px}.v19-item-title{align-items:stretch;flex-direction:column}.v19-item .field-row{display:grid;grid-template-columns:1fr}.v19-campaign-part .badge{font-size:10px}}

/* 1.10 — menú flotante accesible, libre del scroll de las áreas. */
.v20-floating-screen-menu{position:fixed!important;z-index:20000!important;right:auto!important;top:auto!important;left:0;display:grid;width:250px;min-width:220px;max-width:min(300px,calc(100vw - 20px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 18px 45px #10244738!important}
.v20-presentation{border:0;margin:14px 0 0;padding:0;min-width:0}
.v20-presentation legend{font-weight:750;color:#102447;font-size:13px;margin:0 0 9px}
.v20-presentation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.v20-presentation-option{display:flex;align-items:flex-start;gap:8px;padding:13px;border:1px solid #d2dfed;border-radius:11px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.v20-presentation-option:has(input:checked){border-color:#2459a8;border-width:2px;padding:12px;background:#f2f7ff}
.v20-presentation-option input{width:16px!important;height:16px!important;flex:0 0 16px;margin:2px 0 0;accent-color:#2459a8}
.v20-presentation-option span,.v20-presentation-option strong,.v20-presentation-option small{display:block;min-width:0}
.v20-presentation-option strong{font-size:12px;line-height:1.5}
.v20-presentation-option small{color:#657995;font-size:11px;line-height:1.5;margin-top:4px}
.v20-presentation>.hint{margin:8px 0 0!important}
@media(max-width:600px){.v20-presentation-options{grid-template-columns:1fr}}

/* 1.13 — Pantallas: listas sin scroll interno; menú fuera del contenedor, sin recortes. */
.v16-area-screens{max-height:none!important;overflow:visible!important}
.v16-screen-more{flex:0 0 auto;position:relative}
.v113-screen-trigger{border:1px solid #cfdbed;cursor:pointer;background:#fff;border-radius:8px;width:35px;height:34px;font-size:22px;line-height:1;display:grid;place-items:center;color:#2459a8}
.v113-screen-trigger:hover,.v113-screen-trigger.is-active{background:#edf4ff;border-color:#2459a8}
.v113-screen-trigger:focus-visible{outline:3px solid #28a9df;outline-offset:2px}
.v16-screen-menu[hidden]{display:none!important}
.v113-floating-screen-menu{position:fixed!important;z-index:2147483000!important;right:auto!important;bottom:auto!important;top:0;left:0;width:260px;max-width:calc(100vw - 24px);max-height:none!important;overflow:visible!important;display:grid;gap:2px;background:#fff;padding:7px;border:1px solid #c8d7eb;border-radius:11px;box-shadow:0 18px 45px #10244738}
.v113-floating-screen-menu form{margin:0;padding:0;display:block}
.v113-floating-screen-menu button{width:100%;font:inherit;font-size:12px!important;line-height:1.3;padding:10px 11px;min-height:37px;border:0;border-radius:7px;background:none;text-align:left;color:#23395c;cursor:pointer}
.v113-floating-screen-menu button:hover,.v113-floating-screen-menu button:focus-visible{background:#edf4ff}
.v113-floating-screen-menu button.danger{color:#ad3048}
@media(max-height:460px){.v113-floating-screen-menu{padding:3px;gap:0}.v113-floating-screen-menu button{min-height:28px;padding:5px 8px}}


/* Thunder 707 UX Publicar publicidad: presentación simplificada sin cambios al backend. */
.live-overview{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid #dae5f3;border-radius:14px;padding:18px 21px;margin:8px 0 18px;box-shadow:0 3px 20px #10244709}
.live-overview-copy{flex:1 1 250px}.live-overview-copy strong{color:#102447;font-size:16px;font-weight:780}.live-overview-copy p{margin:6px 0 0;color:#5e708a;font-size:12px;line-height:1.6}
.live-overview-stats{display:flex;gap:10px;flex:2 1 400px;flex-wrap:wrap}.live-overview-stats>span{border:1px solid #e2eaf4;background:#f7f9fc;border-radius:9px;padding:10px 12px;min-width:126px;flex:1;color:#526887;font-size:11px}
.live-overview-stats b{display:block;font-size:19px;line-height:1.4;color:#102447;font-variant-numeric:tabular-nums}
.live-step-heading{font-size:14px;color:#102447;margin:20px 0 12px;padding-top:17px;border-top:1px solid #e6ecf4}
.live-schedule-details{border-top:1px solid #e7edf5;margin-top:18px;padding-top:13px}
.live-schedule-details>summary{font-size:12px;font-weight:700;cursor:pointer;color:#2459a8;list-style-position:inside;min-height:28px}
.live-schedule-details .hint{margin:7px 0 14px}.live-schedule-details .hint a{color:#2459a8;font-weight:700}
.live-schedule-details[open]>.live-method{margin-top:10px}
.live-overview .btn{white-space:nowrap}
.live-submit button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}
@media(max-width:760px){.live-overview{padding:14px;align-items:flex-start}.live-overview-stats{flex-basis:100%}.live-overview-stats>span{min-width:85px;padding:9px}.live-overview-stats b{font-size:16px}}
/* TH707 · Publicar publicidad v2.0 — maqueta aprobada, diseño aislado */
.th-live-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(305px,.79fr);gap:18px;align-items:start;margin-top:-6px}
.th-live-main,.th-live-aside{min-width:0}
.th-live-aside{position:sticky;top:16px}
.th-live-form{display:flex;flex-direction:column;gap:15px}
.th-live-form .th-step{margin:0;padding:20px 22px 22px;border:1px solid #e3eaf5;box-shadow:0 3px 16px rgba(16,36,71,.035)}
.th-step-header{display:flex;align-items:center;gap:12px;margin-bottom:17px}
.th-step-header>div{flex:1;min-width:0}
.th-step-header h2{margin:0;color:#102447;font-size:18px;font-weight:780;letter-spacing:-.025em}
.th-step-header p{margin:4px 0 0;color:#7889a3;font-size:11.5px;line-height:1.4}
.th-step-num{background:#0c64e9;color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex:0 0 36px;font-size:17px;font-weight:770;box-shadow:0 5px 13px #1464e924}
.th-live-form .th-upload-shortcut{white-space:nowrap;padding:10px 16px;background:#0b65e9;border-radius:9px;font-size:12px}
.th-promos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.th-promo{position:relative;min-width:0;height:118px;overflow:hidden;border:2px solid transparent;background:#f2f5fa;color:#fff;border-radius:10px;padding:0;cursor:pointer;display:block;box-shadow:0 1px 4px rgba(16,36,71,.08)}
.th-promo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
.th-promo:hover img{transform:scale(1.035)}
.th-promo.selected{border-color:#0c64e9;outline:2px solid #bdd6ff}
.th-promo:focus-visible,.th-format:focus-visible,.th-option:focus-visible,.th-scope:focus-visible{outline:3px solid #8bc0ff;outline-offset:2px}
.th-promo-title{position:absolute;bottom:0;left:0;right:0;padding:19px 8px 7px;text-align:left;color:#fff;font-size:10px;font-weight:780;text-shadow:0 1px 4px #0009;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:linear-gradient(transparent,#031b36ca)}
.th-promo-check{display:none;position:absolute;top:6px;right:6px;background:#0a66ed;color:#fff;width:22px;height:22px;border-radius:50%;align-items:center;justify-content:center;font-size:12px;font-weight:800;border:2px solid white}
.th-promo.selected .th-promo-check{display:flex}
.th-promo-video{display:grid;place-items:center;height:100%;background:#253b60;color:white;font-size:13px}
.th-library-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:11px;color:#7788a1;font-size:11px}
.th-text-action{border:0;background:none;color:#145fc9;cursor:pointer;font-size:11px;font-weight:720}
.th-original-creative{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.th-formats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.th-format{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:8px;min-width:0;min-height:104px;padding:12px 5px 8px;border:1px solid #d9e4f2;background:#fbfcff;border-radius:10px;color:#253755;cursor:pointer;font-size:10.5px;font-weight:700;line-height:1.3;text-align:center}
.th-format.selected{border:1.5px solid #0b65eb;background:#edf5ff;box-shadow:0 0 0 2px #1767f017}
.th-format:hover,.th-option:hover,.th-scope:hover{border-color:#8db7ed}
.th-format-icon{width:61px;min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.th-icon-screen{display:block;position:relative;width:60px;height:40px;border:2px solid #55739b;border-radius:3px;background:linear-gradient(180deg,#e1eefa,#f4f8ff);box-shadow:0 2px 5px #10244711;overflow:hidden}
.th-icon-screen i{display:block;position:absolute;background:#1975f5}
.th-icon-top .th-icon-screen i{top:0;left:0;right:0;height:9px}
.th-icon-bottom .th-icon-screen i{bottom:0;left:0;right:0;height:9px}
.th-icon-left .th-icon-screen i{left:0;top:0;bottom:0;width:12px}
.th-icon-right .th-icon-screen i{right:0;top:0;bottom:0;width:12px}
.th-icon-l-left .th-icon-screen i{left:0;top:0;bottom:0;width:10px;box-shadow:0 30px 0 1px #1975f5}
.th-icon-l-left .th-icon-screen:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:9px;background:#1975f5}
.th-icon-l-right .th-icon-screen i{right:0;top:0;bottom:0;width:10px}
.th-icon-l-right .th-icon-screen:after{content:"";display:block;position:absolute;bottom:0;left:0;right:0;height:9px;background:#1975f5}
.th-icon-overlay .th-icon-screen i{left:18px;top:11px;width:20px;height:15px;border-radius:3px;background:#1975f5}
.th-icon-custom .th-icon-screen i{left:8px;top:8px;width:40px;height:21px;border:2px solid #1975f5;background:#9ccaff}
.th-icon-stand{width:17px;height:3px;border-radius:1px;background:#55739b;margin-top:4px}
.th-technical-format{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);left:-10000px!important}
.th-duration-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.th-option{min-height:42px;padding:9px 5px;border:1px solid #d7e3f2;background:#f9fbff;color:#233a61;border-radius:8px;font-size:11.5px;font-weight:720;cursor:pointer}
.th-option.selected{border-color:#176bf6;background:#edf5ff;color:#0659d3;box-shadow:inset 0 0 0 1px #1867ee12}
.th-custom-duration{background:#f6f9ff;border:1px solid #e1eaf7;border-radius:9px;padding:11px 15px;margin-top:13px}
.th-custom-duration[hidden]{display:none}
.th-custom-duration label{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px;font-weight:650;color:#253b60}
.th-time-inline{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:500}
.th-time-inline input{height:36px;width:90px;padding:4px 10px;border:1px solid #d4e1f2;border-radius:7px;text-align:center}
.th-custom-duration small{display:block;margin-top:6px;color:#7889a3;font-size:10px}
.th-visually-hidden-select{position:absolute;left:-10000px;opacity:0;pointer-events:none;width:1px;height:1px}
.th-scope-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}
.th-scope{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid #dce6f3;border-radius:9px;background:#fcfdff;color:#223654;text-align:left;min-width:0;min-height:57px;cursor:pointer}
.th-scope.selected{background:#eaf3ff;border:1.5px solid #1372ee}
.th-scope-symbol{color:#2459a8;font-size:18px;line-height:1}
.th-scope>span:last-child{min-width:0}
.th-scope strong,.th-scope small{display:block;line-height:1.4}
.th-scope strong{font-size:10.5px;font-weight:740}
.th-scope small{font-size:9.5px;color:#8192aa;font-weight:500;margin-top:2px}
.th-live-form .dest-picker{background:#fff;border:1px solid #e2eaf5;border-radius:11px;padding:13px}
.th-live-form .dest-picker-top{display:none}
.th-live-form .dest-picker-toolbar{margin:0 0 10px}
.th-live-form .dest-picker-toolbar input{font-size:11px;background:#fbfcff}
.th-live-form .dest-picker-toolbar .btn{font-size:10.5px}
.th-live-form .dest-picker-scroll{max-height:390px;border:0}
.th-live-form .dest-branch{border:1px solid #e6edf7;border-radius:10px;margin:0 0 9px;overflow:hidden}
.th-live-form .dest-branch>summary{background:#f7faff;padding:12px 14px}
.th-live-form .dest-branch>summary strong{font-size:12px}
.th-live-form .dest-branch-body{padding:10px}
.th-live-form .dest-area-block{border:0;margin:5px 0 0}
.th-live-form .dest-area-heading{padding:6px 8px;background:#fcfdff}
.th-live-form .dest-screen{border-bottom:1px solid #edf1f7;padding:10px 8px}
.th-live-form .dest-screen:last-child{border-bottom:0}
.th-live-form .dest-screen strong{font-size:11px}
.th-live-form input[type=checkbox]{accent-color:#0668ef}
.th-live-aside .panel{padding:20px 18px;margin:0 0 15px;border-radius:13px}
.th-side-head{display:flex;gap:11px;align-items:center;margin-bottom:16px}
.th-side-head>div{flex:1;min-width:0}
.th-side-head h2{font-size:16px;letter-spacing:-.025em;margin:0;color:#102447}
.th-side-head p{font-size:11px;color:#8393a9;line-height:1.45;margin:4px 0 0}
.th-side-symbol,.th-active-symbol{width:36px;height:36px;background:#e5f0ff;color:#1566df;border-radius:50%;display:grid;place-items:center;flex:none;font-size:20px}
.th-active-symbol{background:#e7f8f0;color:#0a9d63}
.th-summary-row{border-top:1px solid #e9eef6;padding:15px 0;display:grid;grid-template-columns:minmax(100px,.6fr) minmax(0,1fr);gap:10px;align-items:center}
.th-summary-row>span{color:#536685;font-size:11px;font-weight:650}
.th-summary-row>strong{font-size:12px;color:#172c4c;font-weight:730;line-height:1.45;overflow-wrap:anywhere}
.th-summary-hint{color:#637c9c;font-size:11px;line-height:1.45;margin:5px 0 15px}
.th-publish-btn{background:#0c65e9;color:#fff!important;width:100%;min-height:48px;justify-content:center;font-size:13px;border-radius:9px}
.th-publish-btn:disabled{opacity:.5;cursor:not-allowed}
.th-campaign-link{display:flex;width:100%;justify-content:center;margin-top:10px;min-height:43px;align-items:center;font-size:12px}
.th-active-item{padding:14px 0;border-top:1px solid #e8eef6}
.th-active-details{display:flex;gap:10px;align-items:flex-start}
.th-active-thumb{height:56px;width:68px;display:grid;place-items:center;border-radius:8px;overflow:hidden;background:#eaf0f6;flex:0 0 68px}
.th-active-thumb img{height:100%;width:100%;object-fit:cover}
.th-active-details>div:last-child{flex:1;min-width:0}
.th-active-details strong,.th-active-details small{display:block}
.th-active-details strong{font-size:12px;margin:6px 0 4px;color:#102447}
.th-active-details small{font-size:10px;line-height:1.45;color:#7387a2}
.th-live-tag{font-size:9px;color:#157b4f;background:#e3f7ed;padding:3px 6px;border-radius:5px;font-weight:800;letter-spacing:.02em}
.th-active-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}
.th-active-actions form{display:flex}
.th-active-actions button{width:100%;justify-content:center}
.th-no-active{font-size:12px;color:#7387a2;line-height:1.6;border-top:1px solid #e9eef6;padding-top:13px}
.th-active-editor{margin:16px 0!important;scroll-margin-top:20px}
.th-publish-note{margin:12px 0 30px;color:#7788a1;font-size:11px;line-height:1.5}
@media(max-width:1360px){.th-live-layout{grid-template-columns:minmax(0,1.5fr) minmax(290px,.85fr)}.th-formats{grid-template-columns:repeat(4,minmax(0,1fr))}.th-scope-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1080px){.th-live-layout{grid-template-columns:minmax(0,1fr)}.th-live-aside{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:15px}.th-live-aside>.panel{margin:0}}
@media(max-width:760px){.th-live-form .th-step{padding:17px 13px}.th-live-aside{display:block}.th-live-aside>.panel{margin:0 0 15px}.th-step-header{gap:10px}.th-step-header h2{font-size:16px}.th-step-num{width:32px;height:32px;flex-basis:32px}.th-promos{grid-template-columns:repeat(2,minmax(0,1fr))}.th-promo{height:110px}.th-formats{grid-template-columns:repeat(3,minmax(0,1fr))}.th-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}.th-scope-options{grid-template-columns:repeat(2,minmax(0,1fr))}.th-live-form .th-upload-shortcut{padding:8px;font-size:10px}.th-live-form .dest-picker-toolbar{gap:5px}.th-live-form .dest-picker-toolbar input{flex-basis:100%}}

/* Thunder 707 v2.5 - panel lateral basado en maqueta aprobada */
.th-live-aside .th-summary,.th-live-aside .th-active{border:1px solid #e4ebf5;box-shadow:0 4px 18px rgba(16,36,71,.055)}
.th-live-aside .th-summary{padding:21px 20px 20px}
.th-live-aside .th-active{padding:20px}
.th-live-aside .th-side-head{padding-bottom:13px;margin-bottom:0}
.th-summary-creative-block{border-top:1px solid #e8edf5;padding:16px 0 13px}
.th-summary-field-label{display:block;color:#102447;font-size:11px;font-weight:750;margin-bottom:10px}
.th-summary-promo{display:flex;align-items:center;gap:12px;min-width:0}
.th-summary-image{flex:0 0 77px;width:77px;height:60px;border-radius:9px;background:#f0f5fc;overflow:hidden;display:grid;place-items:center;color:#6691cb;font-size:23px}
.th-summary-image img{width:100%;height:100%;object-fit:cover}
.th-summary-image img[hidden],.th-summary-image [hidden]{display:none!important}
.th-summary-promo>div{min-width:0;flex:1}
.th-summary-promo strong{font-size:12px;font-weight:800;color:#12284b;display:block;line-height:1.4;overflow-wrap:anywhere}
.th-summary-promo small{display:block;margin-top:5px;color:#7188aa;font-size:10px}
.th-live-aside .th-summary-row{grid-template-columns:minmax(105px,.85fr) minmax(0,1.35fr);gap:8px;padding:15px 0;min-height:57px}
.th-live-aside .th-summary-row>span{font-size:11px;color:#152d55;font-weight:700}
.th-summary-value{display:flex;align-items:center;gap:9px;min-width:0}
.th-summary-value>div{min-width:0}
.th-summary-icon{width:23px;flex:0 0 23px;text-align:center;color:#4168a3;font-size:21px;line-height:1;font-weight:500}
.th-summary-value strong{display:block;overflow-wrap:anywhere;font-size:11px;font-weight:700;color:#152d55;line-height:1.45}
.th-summary-value small{display:block;color:#7690b2;font-size:10px;line-height:1.4;margin-top:3px;overflow-wrap:anywhere}
.th-live-aside .th-summary-hint{margin:5px 0 13px}
.th-live-aside .th-active-item{border-top:1px solid #e6edf7;padding:15px 0}
.th-live-aside .th-active-thumb{width:64px;flex-basis:64px;height:64px;border-radius:9px}
.th-active-copy{flex:1;min-width:0}
.th-live-aside .th-active-details strong{margin:6px 0 4px;font-size:12px;font-weight:800;line-height:1.35}
.th-active-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:7px}
.th-active-meta>span{font-size:10px;color:#607da6;line-height:1.4}
.th-live-aside .th-active-actions{margin-top:11px;gap:8px}
.th-live-aside .th-active-actions .btn{font-size:11px;min-height:34px}
.th-live-aside .th-active-actions .btn.danger{background:#fff1f3;color:#bf2749;border:1px solid #ffd5de}
@media(max-width:375px){.th-live-aside .th-summary-row{grid-template-columns:minmax(84px,.75fr) minmax(0,1.25fr)}.th-summary-icon{flex-basis:18px;width:18px;font-size:16px}}

/* Thunder 707 UX v2.6 — selector directo, sucursales plegadas y datos sin pictogramas */
.th-live-form .dest-picker{padding:15px}
.th-live-form .dest-picker-toolbar{margin:0 0 13px}
.th-live-form .dest-branch>summary{min-height:55px;gap:11px;position:relative;padding:13px 34px 13px 15px}
.th-live-form .dest-branch>summary strong{font-size:12px}
.th-live-form .dest-branch>summary::after{content:'⌄';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#4b6d9e;font-size:20px;line-height:1}
.th-live-form .dest-branch[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.th-live-form .dest-counter{font-size:10px;color:#607d9e;white-space:nowrap}
.th-live-form .dest-screen{gap:10px}
.th-live-form .dest-screen strong{margin-left:1px}
.th-live-aside .th-summary-value{gap:0}
.th-live-aside .th-summary-row{grid-template-columns:minmax(85px,.82fr) minmax(0,1.4fr)}
@media(max-width:550px){.th-live-form .dest-counter{white-space:normal;max-width:140px;text-align:right}.th-live-form .dest-branch>summary{gap:7px}.th-live-form .dest-branch>summary strong{max-width:48%}}


/* Thunder 707 - Campañas UX v2.9. Layout independiente del módulo Publicar publicidad. */
.th-campaign-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.86fr);gap:17px;align-items:start}
.th-campaign-main,.th-campaign-sidebar{min-width:0;display:flex;flex-direction:column;gap:14px}
.th-campaign-step,.th-campaign-summary,.th-campaign-multi{background:#fff;border:1px solid #e0e9f5;border-radius:16px;box-shadow:0 3px 16px #10244708;padding:20px 23px;margin:0}
.th-campaign-step-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}
.th-campaign-step-head h2{font-size:17px;line-height:1.3;margin:0 0 2px;color:#102447}
.th-campaign-step-head p,.th-campaign-side-head p{font-size:12px;color:#7288a7;margin:0;line-height:1.5}
.th-campaign-step-num{display:grid;place-items:center;flex:0 0 40px;height:40px;color:#fff;background:#0767f6;border-radius:50%;font-size:18px;font-weight:800;box-shadow:0 5px 12px #1166ef25}
.th-campaign-step .creative-picker{margin:0 0 10px}
.th-campaign-step .creative-picker-label{display:none}
.th-campaign-step .creative-picker-trigger{min-height:80px}
.th-campaign-step .creative-picked-image{width:185px;height:70px;flex-basis:185px}
.th-campaign-format{border-top:1px solid #e9eef7;padding-top:12px;margin-top:10px}
.th-campaign-format>summary{cursor:pointer;font-weight:700;color:#213b62;font-size:12px;display:flex;gap:8px;justify-content:space-between}
.th-campaign-format>summary span{font-weight:450;color:#7185a0}
.th-campaign-format .format-picker{margin-top:15px}
.th-campaign-format .format-picker-hint{font-size:11px}
.th-campaign-schedule{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(130px,1fr) minmax(130px,1fr);gap:14px}
.th-campaign-schedule label{font-size:12px;font-weight:750;color:#1c355a;min-width:0}
.th-campaign-schedule input{width:100%;margin-top:7px;height:44px;background:#fff;border:1px solid #ccdbee;border-radius:9px;padding:0 12px;color:#122c50;font:inherit;font-weight:450}
.th-campaign-weekdays{grid-column:2/4;min-width:0;border:0;padding:0;margin:0}
.th-campaign-weekdays legend{font-size:12px;font-weight:750;color:#1c355a;margin-bottom:8px}
.th-campaign-days{display:flex;gap:6px;min-width:0;flex-wrap:wrap}
.th-campaign-days label{position:relative;cursor:pointer;margin:0}
.th-campaign-days input{position:absolute;opacity:0;width:1px;height:1px}
.th-campaign-days span{display:grid;place-items:center;min-width:38px;padding:0 9px;height:39px;border:1px solid #d8e4f5;border-radius:8px;background:#f6f9fd;color:#314d78;font-size:11px}
.th-campaign-days input:checked+span{background:#0767f6;color:#fff;border-color:#0767f6}
.th-campaign-days input:focus-visible+span{outline:2px solid #085ad5;outline-offset:3px}
.th-campaign-frequency{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.th-campaign-frequency-group{border:0;padding:0;min-width:0;margin:0}
.th-campaign-frequency-group+ .th-campaign-frequency-group{border-left:1px solid #dce6f5;padding-left:20px}
.th-campaign-frequency-group legend{color:#1c355a;font-weight:750;font-size:12px;margin:0 0 9px}
.th-campaign-pills{display:flex;gap:7px;flex-wrap:wrap}
.th-campaign-pill{border:1px solid #d7e5f6;color:#23416e;background:#f7faff;border-radius:8px;padding:10px 12px;min-width:54px;font-size:11px;font-weight:740;cursor:pointer}
.th-campaign-pill.selected{background:#0767f6;border-color:#0767f6;color:#fff}
.th-campaign-custom{display:flex;align-items:center;gap:12px;margin-top:13px!important;font-size:11px!important;max-width:360px}
.th-campaign-custom input{height:38px;width:110px;margin:0;border:1px solid #cbdbee;border-radius:8px;padding:8px;font-size:12px}
.th-campaign-custom[hidden]{display:none!important}
.th-campaign-validation{font-size:11px;color:#a03933;margin:10px 0 0}
.th-campaign-step .dest-picker{border:0;padding:0}
.th-campaign-step .dest-picker-top{display:none}
.th-campaign-step .dest-picker-scroll{max-height:340px;border:0;display:grid;gap:7px;overflow-y:auto}
.th-campaign-step .dest-branch{border:1px solid #dfebf9;border-radius:10px;overflow:hidden}
.th-campaign-step .dest-branch>summary{background:#f7faff;border-radius:10px;padding:12px}
.th-campaign-step .dest-branch>summary strong{font-size:12px}
.th-campaign-step .dest-branch:not([open]) .dest-branch-body{display:none}
.th-campaign-submit{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.th-campaign-submit .btn{min-height:46px;border-radius:9px;display:grid;place-items:center;text-align:center}
.th-campaign-multi{font-size:12px}
.th-campaign-multi>summary{cursor:pointer;font-weight:750;color:#2459a8}
.th-campaign-multi>[data-v19-multi]{margin-top:16px}
.th-campaign-sidebar>.panel{margin:0}
.th-campaign-side-head{padding-bottom:14px;border-bottom:1px solid #e5ecf6;margin-bottom:12px}
.th-campaign-side-head h2{font-size:17px;margin:0 0 3px}
.th-campaign-summary-promo{display:flex;gap:12px;align-items:center;padding:10px 0 13px;border-bottom:1px solid #e8eef7}
.th-campaign-summary-promo [data-campaign-summary-image]{display:block;width:84px;height:56px;flex:0 0 84px;border-radius:9px;background:#ecf3fb;overflow:hidden}
.th-campaign-summary-promo img{width:100%;height:100%;object-fit:contain}
.th-campaign-summary-promo strong{font-size:12px;display:block;color:#172d51;overflow-wrap:anywhere}
.th-campaign-summary-promo small{font-size:11px;color:#7189a6;display:block;margin-top:4px}
.th-campaign-summary-row{display:flex;justify-content:space-between;align-items:start;gap:14px;border-bottom:1px solid #e8eef7;padding:13px 0;color:#486280;font-size:12px}
.th-campaign-summary-row:last-child{border:0}
.th-campaign-summary-row>span{flex:0 0 90px;font-weight:650}
.th-campaign-summary-row>strong{flex:1;text-align:left;color:#182f58;font-size:12px;font-weight:680;overflow-wrap:anywhere}
.th-campaign-sidebar .campaigns-panel{padding:20px 14px}
.th-campaign-sidebar .campaign-results{max-height:630px;overflow:auto}
.th-campaign-sidebar .campaign-card-actions{margin-left:70px}
.th-campaign-sidebar .campaign-card{padding:10px}
.th-campaign-sidebar .campaign-thumb{width:61px;height:61px;flex-basis:61px}
.th-campaign-sidebar .panel-title h2{font-size:17px}
@media(max-width:1180px){.th-campaign-layout{grid-template-columns:minmax(0,1.25fr) minmax(290px,.85fr)}.th-campaign-step,.th-campaign-summary{padding:17px}}
@media(max-width:980px){.th-campaign-layout{grid-template-columns:1fr}.th-campaign-sidebar{display:grid;grid-template-columns:1fr 1fr}.th-campaign-sidebar>.panel{min-width:0}}
@media(max-width:760px){.th-campaign-sidebar{display:flex}.th-campaign-step{padding:16px}.th-campaign-schedule{grid-template-columns:1fr 1fr}.th-campaign-name{grid-column:1/-1}.th-campaign-weekdays{grid-column:1/-1}.th-campaign-frequency{grid-template-columns:1fr;gap:14px}.th-campaign-frequency-group+ .th-campaign-frequency-group{border-left:0;padding:14px 0 0;border-top:1px solid #e4ebf5}.th-campaign-submit{grid-template-columns:1fr}.th-campaign-step .creative-picked-image{width:90px;flex-basis:90px}.th-campaign-format>summary{flex-direction:column}}

/* Campañas UX v3.0: tarjetas visuales de formato, mismas que Publicar publicidad. */
.th-campaign-step .th-campaign-formats{grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}
.th-campaign-step .th-campaign-formats .th-format{min-height:116px;padding:12px 4px 10px;font-size:10.8px}
.th-campaign-step .th-campaign-formats .th-format:focus-visible{outline:3px solid #7fb1ff;outline-offset:2px}
/* v17_format_picker permanece como fuente del POST; evita duplicar opciones técnicas a la vista. */
.th-campaign-format-native{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
@media(max-width:1320px){.th-campaign-step .th-campaign-formats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.th-campaign-step .th-campaign-formats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:410px){.th-campaign-step .th-campaign-formats{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* v32 — Rediseño del módulo Promociones */
.promo-storage-bar{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:12px 20px;align-items:center}
.promo-storage-bar h2{margin:0;font-size:24px}.promo-storage-bar .muted{margin:4px 0 0}
.promo-storage-stat{text-align:right}.promo-storage-stat strong{display:block;font-size:18px}.promo-storage-stat small{color:#6f82a0}
.promo-storage-bar .progress{grid-column:1/-1;margin-top:2px}
.promo-library-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}
.promo-sidebar,.promo-main-panel{min-width:0}
.promo-sidebar{display:grid;gap:18px;position:sticky;top:18px}
.promo-sidebar-block{display:grid;gap:12px;padding-bottom:4px}.promo-sidebar-block+.promo-sidebar-block{border-top:1px solid #e6edf6;padding-top:18px}
.promo-sidebar-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.promo-sidebar-title h2,.promo-sidebar-title h3{margin:0;font-size:18px}
.promo-folder-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;color:#173d73;background:#f7faff;border:1px solid #e1ebf6;font-size:14px;font-weight:650;text-decoration:none}
.promo-folder-link span{font-size:12px;color:#7085a2;font-weight:700}.promo-folder-link:hover{background:#eff5fd}.promo-folder-link.active{background:#eaf2ff;border-color:#bcd2f2;color:#102447}
.promo-folder-link.root{margin-bottom:8px}
.promo-folder-group{display:grid;gap:8px;margin-left:4px}.promo-folder-node{border:1px solid #e5edf6;border-radius:12px;background:#fff;padding:0}.promo-folder-node[open]{background:#fbfdff}
.promo-folder-node summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px;cursor:pointer}.promo-folder-node summary::-webkit-details-marker{display:none}
.promo-folder-node summary .promo-folder-link{flex:1;margin:0;padding:8px 10px;background:transparent;border:0}.promo-folder-node summary .promo-folder-link.active{background:#edf4ff;border:1px solid #c7daf7}
.promo-folder-meta{font-size:11px;color:#6e81a0;padding-right:8px;font-weight:700}
.promo-folder-node .promo-folder-group{padding:0 8px 8px 20px}
.promo-folder-create-form,.promo-upload-form{display:grid;gap:10px}.promo-folder-create-form input,.promo-folder-create-form select,.promo-upload-form select{width:100%;box-sizing:border-box}
.promo-main-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:18px}.promo-main-head h2{margin:0 0 4px;font-size:24px}.promo-main-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;align-items:center}
.promo-search-input{min-width:300px;max-width:420px;border:1px solid #cfddec;border-radius:14px;padding:12px 14px;font-size:14px}
.promo-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.promo-card{border:1px solid #e3ebf6;border-radius:18px;background:#fff;overflow:hidden;display:grid}.promo-card-thumb{aspect-ratio:16/10;background:#edf3fb;display:flex;align-items:center;justify-content:center;overflow:hidden}
.promo-card-thumb img{width:100%;height:100%;object-fit:cover}.promo-card .video-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#2459a8;background:linear-gradient(135deg,#f4f8ff,#dfeafb)}
.promo-card-body{padding:14px;display:grid;gap:12px}.promo-card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.promo-card-top strong{display:block;font-size:16px;line-height:1.25}.promo-card-top p{margin:4px 0 0;color:#7287a5;font-size:12px}
.promo-card-meta{display:flex;flex-wrap:wrap;gap:8px}.promo-card-meta span{font-size:11px;font-weight:700;color:#546b8b;background:#f4f8fd;border:1px solid #e4edf7;border-radius:999px;padding:5px 8px}
.promo-card-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.promo-card-actions form{margin:0}.promo-card-actions .btn{width:100%;padding:9px 8px;min-width:0}
.promo-empty-state{margin-top:14px}
@media(max-width:1040px){.promo-library-layout{grid-template-columns:1fr}.promo-sidebar{position:static}.promo-search-input{min-width:220px;max-width:none;width:100%}.promo-main-head{flex-direction:column}.promo-main-tools{justify-content:flex-start;width:100%}}
@media(max-width:700px){.promo-storage-bar{grid-template-columns:1fr}.promo-storage-stat{text-align:left}.promo-card-grid{grid-template-columns:1fr}.promo-card-actions{grid-template-columns:1fr}.promo-main-tools{flex-direction:column;align-items:stretch}.promo-search-input{min-width:0}}

/* v3.3 — Biblioteca compacta. Todas las reglas limitadas a Promociones. */
.promo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.promo-kpi{position:relative;min-width:0;min-height:106px;padding:16px 17px 12px;background:#fff;border:1px solid #e2eaf6;border-radius:14px;box-shadow:0 3px 12px rgba(16,36,71,.025);display:flex;flex-direction:column;justify-content:center;gap:3px}
.promo-kpi>span{font-size:12px;line-height:1.2;color:#61789a;font-weight:700}.promo-kpi strong{font-size:25px;line-height:1.1;letter-spacing:-.035em;color:#102447}.promo-kpi small{font-size:11px;color:#7a8eab}
.promo-kpi .progress{height:5px;margin-top:7px}.promo-kpi:nth-child(1){border-top:3px solid #116bef}.promo-kpi:nth-child(2){border-top:3px solid #20a970}.promo-kpi:nth-child(3){border-top:3px solid #795de5}.promo-kpi:nth-child(4){border-top:3px solid #eeaf3b}
.promo-library-layout{grid-template-columns:minmax(225px,255px) minmax(0,1fr);gap:14px;align-items:start}
.promo-library-layout>.panel{padding:16px;border-radius:14px}
.promo-sidebar{gap:11px;top:12px;max-height:calc(100dvh - 22px);overflow:auto;scrollbar-width:thin}
.promo-sidebar-block{gap:9px;padding:0}.promo-sidebar-block+.promo-sidebar-block{padding-top:11px}
.promo-sidebar-title{align-items:center}.promo-sidebar-title h2{font-size:17px}
.promo-folder-search{width:100%;height:36px;padding:8px 10px;border:1px solid #dbe5f2;border-radius:9px;font-size:12px;background:#fbfdff}
.promo-folder-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:3px}.promo-folder-buttons>.btn{font-size:10px;padding:9px 5px;min-width:0;justify-content:center;white-space:nowrap}
.promo-folder-link{padding:8px 10px;border-radius:9px;font-size:12px;line-height:1.25;min-height:34px}
.promo-folder-link.root{margin-bottom:3px}.promo-folder-link span{font-size:10px}
.promo-folder-group{gap:5px;margin-left:0}.promo-folder-node{border:1px solid #e9eef7;border-radius:10px}
.promo-folder-node summary{padding:3px 5px;gap:3px}.promo-folder-node summary .promo-folder-link{padding:7px 8px;font-size:11.5px}.promo-folder-meta{font-size:10px}
.promo-folder-node .promo-folder-group{padding:0 6px 6px 14px}
.promo-folder-create-wrap,.promo-upload-wrap{background:#fbfdff;border:1px solid #e2eaf5;padding:9px 10px;border-radius:10px}.promo-folder-create-wrap summary,.promo-upload-wrap summary{font-size:11.5px;font-weight:730;color:#204c88;cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.promo-folder-create-wrap summary:after,.promo-upload-wrap summary:after{content:'+';font-size:15px;font-weight:700}.promo-folder-create-wrap[open] summary:after,.promo-upload-wrap[open] summary:after{content:'−'}
.promo-folder-create-wrap summary::-webkit-details-marker,.promo-upload-wrap summary::-webkit-details-marker{display:none}
.promo-folder-create-form,.promo-upload-form{padding:12px 1px 2px;gap:8px;font-size:11.5px}
.promo-folder-create-form input,.promo-folder-create-form select,.promo-upload-form select{min-width:0;max-width:100%;padding:8px;font-size:11px}.promo-upload-form>.library-upload-drop{min-height:88px;padding:8px}.promo-upload-form>.library-upload-drop strong{font-size:11px}.promo-upload-form>.library-upload-drop small{font-size:10px}
.promo-main-panel{overflow:visible}.promo-main-head{margin-bottom:10px;align-items:center;gap:12px}.promo-main-head h2{font-size:19px;margin:0 0 2px}.promo-main-head p{font-size:11px;line-height:1.3}.promo-main-tools{display:flex;align-items:center;flex:1;justify-content:flex-end;gap:8px}
.promo-main-tools .promo-search-input{width:min(100%,390px);min-width:170px;max-width:390px;height:38px;padding:9px 12px;font-size:12px;border-radius:9px}
.promo-upload-launch{font-size:12px;min-height:38px;white-space:nowrap;padding:9px 11px}
.promo-filterbar{border-top:1px solid #e8eef7;padding:9px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.promo-filterbar .promo-total{font-size:11px;font-weight:730;color:#657d9d}.promo-filterbar>div{display:flex;align-items:center;gap:7px}.promo-filterbar label{color:#7890ad;font-size:11px}.promo-filterbar select{border-radius:8px;padding:7px 8px;font-size:11px;max-width:165px;min-height:31px}
.promo-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,185px),1fr));gap:11px;align-items:stretch}
.promo-card{min-width:0;align-content:start;border:1px solid #e3ebf6;border-radius:12px;box-shadow:0 2px 8px rgba(16,36,71,.025)}
.promo-card-thumb{aspect-ratio:2/1;min-height:0;overflow:hidden;background:linear-gradient(145deg,#eef4fb,#f8fbff)}
.promo-card-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.promo-card-body{padding:10px;gap:6px;min-width:0}.promo-card-top{min-width:0;align-items:start;gap:4px}
.promo-card-top>div{min-width:0}.promo-card-top strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px;line-height:1.3;overflow-wrap:anywhere;min-height:16px}
.promo-card-top p{font-size:10px;margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.promo-card-meta{gap:5px;align-items:center}.promo-card-meta span{background:transparent;padding:0;border:0;border-radius:0;font-size:10px;color:#8190a5;font-weight:500}.promo-card-meta span+span:before{content:'· ';color:#b0bfd0}
.promo-format-tag{display:inline-block;justify-self:start;font-size:10px;font-weight:720;padding:4px 8px;border-radius:6px;color:#166445;background:#e7f8f0}
.promo-format-vertical{background:#e8f0ff;color:#1f5cac}.promo-format-full{background:#f0eafb;color:#7450ad}.promo-format-video{background:#f5eeea;color:#9a5c24}.promo-format-other{background:#f0f3f7;color:#687990}
.promo-card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-top:1px solid #edf1f7;padding-top:8px;margin-top:2px}.promo-card-actions .btn{height:29px;min-height:29px;padding:6px 3px;font-size:9.4px;border-radius:6px;line-height:1.1}
.promo-card-actions>.btn:not(.library-move-button){color:#1859ac;background:#f5f9ff;border:1px solid #dce9fa}
.promo-card-actions .library-move-button{color:#1b5bab!important;background:#f5f9ff;border-color:#dce9fa}.promo-card-actions form .btn{border:1px solid #fbd6dc;background:#fff5f6;color:#ad3346}
.promo-card[hidden],.promo-folder-node[hidden]{display:none!important}
@media(max-width:1250px){.promo-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.promo-library-layout{grid-template-columns:225px minmax(0,1fr)}.promo-main-head{align-items:flex-start;flex-wrap:wrap}.promo-main-tools{flex-basis:100%;justify-content:space-between}.promo-main-tools .promo-search-input{width:auto;flex:1;max-width:none}}
@media(max-width:960px){.promo-library-layout{grid-template-columns:minmax(0,1fr)}.promo-sidebar{position:static;max-height:none;overflow:visible}.promo-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,195px),1fr))}}
@media(max-width:650px){.promo-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-kpi{min-height:86px;padding:11px}.promo-kpi strong{font-size:20px}.promo-main-tools{flex-direction:column;align-items:stretch}.promo-main-tools .promo-search-input{width:100%}.promo-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promo-library-layout>.panel{padding:12px}.promo-card-body{padding:8px}.promo-card-actions{gap:3px}.promo-card-actions .btn{font-size:8.3px;padding:5px 2px}.promo-folder-buttons{grid-template-columns:1fr 1fr}}
.promo-folder-node summary .promo-folder-manage{border:0;background:transparent;color:#6a83a6;cursor:pointer;font-size:16px;line-height:1;width:22px;height:28px;flex:none;border-radius:6px}.promo-folder-node summary .promo-folder-manage:hover{background:#eaf1fc;color:#2459a8}
/* Mantener exactamente cuatro tarjetas por fila en escritorio, como la maqueta aprobada. */
@media(min-width:1251px){.promo-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:961px) and (max-width:1250px){.promo-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Thunder 707 UX v3.5 — Pantallas, organización, comunicación y vinculación */
.v35-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 19px}
.v35-heading h1{font-size:29px;font-weight:760;margin:3px 0 5px;color:#102447}
.v35-heading .muted{margin:0;font-size:13px}.v35-heading .eyebrow{margin:0;font-size:10px;letter-spacing:.14em;color:#7186a6;font-weight:800}
.v35-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.v35-heading-actions .btn{white-space:nowrap}
.v35-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}
.v35-stat{border:1px solid #e1e9f5;background:#fff;border-radius:15px;box-shadow:0 6px 19px #10244709;padding:16px 17px;display:grid;gap:5px}
.v35-stat>span{font-size:11px;font-weight:700;color:#5b7190}.v35-stat>strong{font-size:28px;color:#102447;line-height:1.16}
.v35-stat>small{font-size:10px;color:#7485a0;line-height:1.45;min-height:25px}
.v35-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.v35-panel-head h2{font-size:19px;margin:0 0 5px}.v35-panel-head .muted{margin:0;font-size:12px}
.v35-search{margin:16px 0}.v35-search input{height:44px;background:#fff;border-radius:11px;font-size:12px}
.v35-location{border-color:#e0e9f6;overflow:hidden;border-radius:13px;margin-bottom:11px}
.v35-location>summary{padding:14px 16px;gap:13px}.v35-location[open]>summary{background:#f6f9fe}
.v35-location-icon{height:35px;width:35px;display:grid;place-items:center;background:#edf4ff;border-radius:10px;font-size:19px}
.v35-branch-text{min-width:0;flex:1}.v35-branch-text strong{font-size:13px;color:#142f56}
.v35-branch-text small{font-size:11px;line-height:1.5}
.v35-area{margin:9px 0;border-radius:12px;border-color:#e5edf6}
.v35-area .v16-area-heading{border-radius:12px 12px 0 0;background:#f8faff}
.v35-area .v16-area-heading span{font-size:12px}.v35-screen-row{padding:11px 12px;gap:12px}
.v35-screen-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #dbe8f5;background:#f1f7fd;border-radius:9px;color:#2459a8;flex-shrink:0;font-size:20px}
.v35-screen-row .v16-screen-details strong{font-size:12px}.v35-screen-row .v16-screen-details small{font-size:11px}
.v35-screen-state{display:grid;gap:5px;text-align:right;justify-items:end}.v35-screen-state .badge{font-size:10px}.v35-screen-state small{color:#7284a0;font-size:10px}
.v35-admin-btn{min-width:97px}.v35-area-empty{padding:12px 16px;color:#7889a2;font-size:11px;margin:0}
.v35-footnote{margin:16px 0 0;color:#71829f;font-size:11px;line-height:1.6;border-top:1px solid #e8edf5;padding-top:12px}
.v35-detail-dialog{width:min(560px,calc(100vw - 18px));max-width:560px;max-height:min(92dvh,900px);border:0;padding:0;border-radius:19px;box-shadow:0 22px 75px #0a1e4069;color:#102447;overflow-y:auto}
.v35-detail-dialog::backdrop{background:#071e40a0}.v35-detail-inner{padding:23px 25px}
.v35-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:11px}
.v35-detail-head .eyebrow{font-size:10px;letter-spacing:.11em;margin:0 0 4px;color:#637a9a}
.v35-detail-head h2{font-size:23px;margin:0 0 3px}.v35-detail-head small{font-size:12px;color:#7183a0}
.v35-detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 17px}.v35-detail-badges .badge{font-size:10px}
.v35-detail-section{padding:15px 0;border-top:1px solid #e6eef7}.v35-detail-section h3{font-size:15px;margin:0 0 10px}
.v35-detail-section .muted{font-size:12px;line-height:1.65;margin:5px 0 13px}
.v35-info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 15px}
.v35-info-list>div{background:#f5f8fd;border:1px solid #e7eff8;padding:9px 11px;border-radius:9px;min-width:0}
.v35-info-list dt{color:#7084a0;font-size:10px;margin-bottom:4px}.v35-info-list dd{font-size:12px;font-weight:700;margin:0;overflow-wrap:anywhere}
.v35-rename-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:12px}
.v35-rename-form>input[type=hidden]{display:none}.v35-rename-form label,.v35-bind-form label,.v35-url-item label{display:grid;gap:6px;font-size:11px;font-weight:750;color:#334f74;min-width:0}
.v35-rename-form input,.v35-bind-form input,.v35-url-item input{width:100%;box-sizing:border-box;border:1px solid #cfdbec;border-radius:9px;padding:11px 12px;background:#fff;color:#102447;font-size:12px;min-width:0}
.v35-linked-notice{padding:10px 12px;border-radius:9px;border:1px solid #dfe9f7;background:#f5f9ff;color:#456183;font-size:11px;line-height:1.6;margin:11px 0}
.v35-bind-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap;margin:12px 0}.v35-bind-form label{flex:1;min-width:170px}
.v35-bind-form input{font-size:17px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.v35-unlink-form{margin:8px 0}.v35-unlink-form[hidden]{display:none!important}
.v35-detail-section .hint{font-size:10px;line-height:1.55}
.v35-url-item{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;margin:10px 0}
.v35-url-item input{font-size:10px;max-width:100%;text-overflow:ellipsis}
.v35-danger-zone{background:#fcfdff;border-radius:10px;padding:15px 12px;border:1px solid #e9eff6}
.v35-advanced-actions{display:flex;flex-wrap:wrap;gap:8px}.v35-advanced-actions form{margin:0}
.v35-detail-footer{display:flex;justify-content:flex-end;margin-top:16px}
.v35-detail-dialog button{cursor:pointer}
@media(max-width:980px){.v35-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.v35-heading{flex-direction:column}.v35-advanced-actions{flex-wrap:wrap}}
@media(max-width:630px){.v35-stats{gap:8px}.v35-stat{padding:12px}.v35-stat>strong{font-size:22px}.v35-heading-actions{width:100%}.v35-heading-actions .btn{flex:1;text-align:center}.v35-detail-inner{padding:17px}.v35-screen-state .badge{white-space:normal}.v35-screen-row{flex-wrap:wrap}.v35-screen-row .v16-screen-details{flex-basis:calc(100% - 55px)}.v35-screen-state{justify-items:start;text-align:left;margin-left:47px}.v35-admin-btn{margin-left:auto}.v35-info-list{grid-template-columns:1fr 1fr}.v35-rename-form{grid-template-columns:1fr}.v35-rename-form .btn{justify-self:start}.v35-bind-form{display:grid}.v35-url-item{grid-template-columns:1fr auto}}
/* v3.5 integración con DISPL: herramientas de soporte claramente separadas */
.v35-config-links{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 12px}.v35-config-links .btn{white-space:normal;text-align:center}
.v35-legacy-urls{padding:11px 12px;background:#f8faff;border:1px solid #e7edf6;border-radius:11px;margin:12px 0}
.v35-legacy-urls summary{font-weight:700;color:#3a597f;font-size:11px;cursor:pointer}
/* Panel lateral de administración; no interfiere con los diálogos existentes. */
.v35-detail-dialog{position:fixed;inset:0 0 0 auto;margin:0 0 0 auto;height:100dvh;max-height:100dvh;border-radius:20px 0 0 20px;width:min(540px,100vw)}
@media(max-width:630px){.v35-detail-dialog{width:100vw;border-radius:0}}

/* v3.6: vista operativa de cliente / atributo técnico DISPL solo soporte */
.v35-device-key-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #d7e6f6;background:#f5f9fe;border-radius:12px}
.v35-device-key-row>div{display:grid;gap:5px}.v35-device-key-row small{color:#6580a0;font-size:11px}.v35-device-key-row strong{font-size:15px;color:#102447;letter-spacing:.25px}
@media(max-width:630px){.v35-device-key-row{flex-wrap:wrap}.v35-device-key-row .btn{flex-basis:100%}}

/* Thunder 707 v3.7 — Clave cifrada mostrada únicamente a Superadmin */
.v37-credential-box{border:1px solid #bed7f4;background:#f8fbff;border-radius:13px;padding:14px;margin:13px 0}
.v37-credential-box label{display:block;font-weight:700;font-size:12px;color:#173963;margin-bottom:9px}
.v37-credential-line{display:flex;align-items:center;gap:9px}
.v37-credential-line input{flex:1;min-width:0;box-sizing:border-box;font:600 12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1px;background:#fff;border:1px solid #c8d9ef;padding:11px 10px;border-radius:9px;color:#102447}
.v37-credential-line button{flex:0 0 auto;white-space:nowrap}
.v37-credential-box .hint{margin:8px 0 0!important;line-height:1.5}
@media(max-width:540px){.v37-credential-line{flex-wrap:wrap}.v37-credential-line input{flex-basis:100%}.v37-credential-line button{width:100%}}
/* v3.8 — recuperación segura de credencial pendiente, disponible solo para Superadmin */
.v38-key-provision{border:1px solid #d8e5f5;background:#f6faff;padding:13px;border-radius:12px;margin-top:12px}
.v38-key-provision[hidden]{display:none!important}
.v38-key-provision p{margin:0 0 10px}


/* v3.9 · Reemplazar publicidad: mismo diseño por pasos que Publicar. */
.th-replace-editor{max-width:100%;}
.th-replace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.th-replace-heading h2{margin:0;font-size:18px;color:#102447}
.th-replace-form.th-live-form{gap:13px}
.th-replace-editor .th-promos{grid-template-columns:repeat(4,minmax(0,1fr))}
.th-replace-editor .th-promo-media{display:block;width:100%;height:100%}
.th-replace-editor .th-format{min-height:100px}
.th-replace-editor .th-duration-options{grid-template-columns:repeat(6,minmax(0,1fr))}
.th-replace-editor .dest-picker{padding:15px;background:#fff;border:1px solid #e2eaf5;border-radius:11px}
.th-replace-editor .dest-picker-top{display:none}
.th-replace-editor .dest-picker-scroll{max-height:360px;border:0}
.th-replace-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.th-replace-actions .hint{margin:0;text-align:right}
.th-replace-actions button{max-width:320px;align-self:flex-end}
@media(max-width:760px){.th-replace-editor .th-formats{grid-template-columns:repeat(3,minmax(0,1fr))}.th-replace-editor .th-promos{grid-template-columns:repeat(2,minmax(0,1fr))}.th-replace-editor .th-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}.th-replace-actions button{width:100%;max-width:none}}


/* TH707 v3.9 · Campañas / Destino: misma apariencia funcional de Publicar publicidad.
   Sólo CSS. Reutiliza el selector seguro v16_destinations() y sus screen_ids[]. */
.th-campaign-form .dest-picker{background:#fff;border:1px solid #e2eaf5;border-radius:11px;padding:15px}
.th-campaign-form .dest-picker-toolbar{margin:0 0 13px;gap:8px}
.th-campaign-form .dest-picker-toolbar input{min-width:150px;flex:1;background:#fbfcff;font-size:11px}
.th-campaign-form .dest-picker-toolbar .btn{font-size:10.5px}
.th-campaign-form .dest-picker-scroll{max-height:390px;border:0;display:block;overflow-y:auto}
.th-campaign-form .dest-branch{border:1px solid #e6edf7;border-radius:10px;margin:0 0 9px;overflow:hidden}
.th-campaign-form .dest-branch>summary{background:#f7faff;min-height:55px;display:flex;gap:11px;align-items:center;position:relative;padding:13px 34px 13px 15px;list-style:none;cursor:pointer}
.th-campaign-form .dest-branch>summary::-webkit-details-marker{display:none}
.th-campaign-form .dest-branch>summary strong{font-size:12px}
.th-campaign-form .dest-branch>summary::after{content:'⌄';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#4b6d9e;font-size:20px;line-height:1}
.th-campaign-form .dest-branch[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.th-campaign-form .dest-counter{font-size:10px;color:#607d9e;white-space:normal}
.th-campaign-form .dest-branch-body{padding:10px}
.th-campaign-form .dest-area-block{border:0;margin:5px 0 0}
.th-campaign-form .dest-area-heading{padding:6px 8px;background:#fcfdff;display:flex;align-items:center}
.th-campaign-form label.dest-screen{display:flex!important;align-items:center!important;flex-direction:row;justify-content:flex-start;text-align:left;gap:10px!important;padding:10px 8px;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;cursor:pointer;font-weight:500;min-width:0}
.th-campaign-form label.dest-screen:last-child{border-bottom:0}
.th-campaign-form label.dest-screen input[type=checkbox]{width:17px!important;height:17px!important;min-height:0!important;flex:0 0 17px;margin:0;accent-color:#0668ef}
.th-campaign-form label.dest-screen strong{display:block!important;flex:1 1 auto;min-width:0;font-size:11px;font-weight:700;color:#1d385f;text-align:left}
.th-campaign-form label.dest-screen .dest-status{display:block!important;font-size:10px;font-weight:500;text-align:right;white-space:normal}
.th-campaign-form .dest-pick-action{white-space:normal}
@media(max-width:600px){.th-campaign-form .dest-picker{padding:10px}.th-campaign-form .dest-picker-toolbar input{flex-basis:100%}.th-campaign-form .dest-screen{flex-wrap:wrap}.th-campaign-form .dest-screen .dest-status{margin-left:27px;flex-basis:100%;text-align:left!important}}
/* Personalizada en Reemplazar: mismas dimensiones y límites de Publicar publicidad. */
.th-replace-form [data-th-replace-custom-wrap][hidden]{display:none!important}
.th-replace-form [data-th-replace-custom-wrap]{margin-top:13px;padding:12px 14px;background:#f7faff;border:1px solid #dce7f5;border-radius:9px}

/* TH707 · Selector universal HH:MM:SS para tiempos de exposición y frecuencia. */
.th-hms-picker{display:inline-flex;align-items:flex-start;justify-content:flex-start;gap:4px;flex-wrap:wrap;max-width:100%;vertical-align:middle}
.th-hms-section{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 53px}
.th-hms-section input[type=text]{box-sizing:border-box!important;width:53px!important;height:44px!important;min-height:0!important;max-width:53px!important;margin:0!important;padding:8px 2px!important;text-align:center!important;border:1px solid #cddbed!important;border-radius:8px!important;background:#fff!important;color:#102447!important;font-size:18px!important;font-weight:650!important;font-variant-numeric:tabular-nums;line-height:1.15!important}
.th-hms-section input[readonly]{background:#edf2f9!important;color:#667d9b!important;cursor:default}
.th-hms-section small{font-size:10px!important;font-weight:500;color:#6c809b;white-space:nowrap}
.th-hms-separator{align-self:flex-start;padding-top:9px;font-size:19px;font-weight:750;color:#7588a4}
.th-hms-title{font-size:12px;font-weight:650;color:#253b60;margin:0 0 8px}
.th-hms-error{flex-basis:100%;font-size:10px;color:#a92436;margin-top:3px;min-height:0}
.th-hms-error:empty{display:none}
.th-hms-invalid .th-hms-section input:not([readonly]){border-color:#c44555!important}
.th-custom-duration .th-hms-picker,.th-campaign-custom .th-hms-picker{margin:0 0 6px}
.th-campaign-custom{flex-direction:column;align-items:flex-start!important;gap:2px!important}
.th-campaign-form .th-campaign-custom .th-hms-section input{width:53px!important}
.th-v19-time-field{min-width:0;flex:1}
.th-v19-time-field label{display:block}
.th-v19-time-custom{margin-top:10px;border:1px solid #e0e9f5;background:#f7faff;border-radius:9px;padding:11px}
.th-v19-time-custom[hidden]{display:none!important}
@media(max-width:420px){.th-hms-section{flex-basis:45px}.th-hms-section input[type=text]{width:45px!important;max-width:45px!important;font-size:16px!important}.th-hms-separator{padding-top:8px}}

/* Siete duraciones predefinidas, alineadas entre Publicar y Reemplazar. */
.th-live-form:not(.th-replace-form) .th-duration-options{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(max-width:900px){.th-live-form:not(.th-replace-form) .th-duration-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.th-live-form:not(.th-replace-form) .th-duration-options{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* TH707 v3.9 · refinamiento visual (compatible con la lógica existente). */
/* Campos HH:MM:SS compactos, equivalentes a los botones de tiempos predefinidos. */
.th-hms-picker{gap:3px;align-items:flex-start}
.th-hms-section{flex:0 0 45px;gap:4px}
.th-hms-section input[type=text],.th-campaign-form .th-campaign-custom .th-hms-section input{width:45px!important;min-width:45px!important;max-width:45px!important;height:34px!important;padding:5px 2px!important;border-radius:8px!important;font-size:14px!important;line-height:20px!important}
.th-hms-section small{font-size:10px!important}
.th-hms-separator{font-size:17px;padding-top:5px}
.th-hms-title{margin-bottom:6px}
.th-v19-time-custom{padding:10px 12px}
@media(max-width:420px){.th-hms-section{flex-basis:43px}.th-hms-section input[type=text]{width:43px!important;max-width:43px!important;min-width:43px!important}}

/* Panel de campañas múltiples: mismo lenguaje de tarjetas, jerarquía y selección que Campañas. */
.th-campaign-multi{padding:0;overflow:hidden;border:1px solid #dce8f8;background:#fff;box-shadow:0 3px 16px #10244708}
.th-campaign-multi>summary.th-campaign-multi-toggle{display:flex;align-items:center;gap:13px;padding:17px 20px;list-style:none;cursor:pointer;color:#102447;background:#f7faff}
.th-campaign-multi>summary::-webkit-details-marker{display:none}
.th-campaign-multi>summary:hover{background:#f1f6ff}
.th-campaign-multi-symbol{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:10px;background:#eaf2ff;color:#0667ee;font-weight:750;font-size:21px}
.th-campaign-multi-copy{display:grid;gap:4px;flex:1;min-width:0}
.th-campaign-multi-copy strong{font-size:14px;font-weight:750;color:#102447}
.th-campaign-multi-copy small{font-size:11px;font-weight:450;line-height:1.45;color:#6b809f}
.th-campaign-multi-expand{font-size:22px;line-height:1;color:#627eaa;transition:transform .15s ease}
.th-campaign-multi[open] .th-campaign-multi-expand{transform:rotate(180deg)}
.th-campaign-multi-hint{color:#627e9f;font-size:11px;padding:13px 21px 0;margin:0!important}
.th-campaign-multi>[data-v19-multi]{margin:0;padding:17px 20px 21px}
.v19-form{display:grid;gap:15px}
.th-advanced-step{display:grid;gap:15px;background:#fff;border:1px solid #e0e9f5;border-radius:14px;padding:18px 20px;min-width:0}
.th-advanced-step-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf1f7}
.th-advanced-step-number{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#0868f2;color:#fff;font-weight:750;font-size:13px}
.th-advanced-step-head h3{margin:0;color:#102447;font-size:16px;line-height:1.2}
.th-advanced-step-head p{margin:3px 0 0;color:#7688a2;font-size:11px;line-height:1.4}
.th-advanced-step .field-row{gap:12px}
.th-advanced-step .v19-item-section{margin:0}
.th-advanced-step .v19-item{background:#fbfcff;border-color:#e0e9f5;border-radius:12px}
.th-advanced-step .v19-item-head{border-bottom:1px solid #e7edf6;padding-bottom:10px}
.th-advanced-step .v19-item-head strong{font-size:13px}
.th-advanced-step .v19-item-title strong{font-size:13px}
.th-advanced-step .v19-preview{background:#f1f6ff;border-color:#dce8fa}
.th-advanced-step .dest-picker{border:1px solid #e2eaf5;border-radius:12px;padding:13px;background:#fff}
.th-advanced-step .dest-branch>summary{background:#f7faff}
.th-advanced-step input[type=date],.th-advanced-step input[type=time],.th-advanced-step input[type=number],.th-advanced-step select{min-height:42px;border-radius:10px}
@media(max-width:650px){.th-campaign-multi>summary.th-campaign-multi-toggle{padding:13px}.th-campaign-multi>[data-v19-multi]{padding:12px}.th-advanced-step{padding:14px 12px}}

/* Mis pantallas: misma paleta, compacidad y estructura que Destino, sin convertirlo en selector. */
.v35-screen-panel{border-radius:16px!important;border:1px solid #e0e9f5!important;background:#fff;padding:21px!important}
.v35-screen-panel .v35-search input{background:#fbfcff;border:1px solid #dce7f5}
.v35-screen-panel .v35-location{border:1px solid #dfe9f7;border-radius:12px;overflow:hidden;background:#fff;box-shadow:none;margin-bottom:10px}
.v35-screen-panel .v35-location>summary{background:#f7faff;padding:12px 15px;min-height:59px}
.v35-screen-panel .v35-location[open]>summary{border-bottom:1px solid #e1eaf7}
.v35-screen-panel .v35-location-icon{width:34px;height:34px;flex:0 0 34px;background:#eaf2ff;color:#2459a8;border-radius:9px}
.v35-screen-panel .v16-location-content{border:0;padding:11px 13px 14px}
.v35-screen-panel .v16-location-actions{padding:1px 3px 10px}
.v35-screen-panel .v35-area{border:1px solid #e3ebf7;border-radius:10px;margin:5px 0 11px;overflow:hidden}
.v35-screen-panel .v35-area .v16-area-heading{background:#f7faff;border-bottom:1px solid #e7edf7;border-radius:0;padding:11px 12px}
.v35-screen-panel .v35-screen-row{padding:10px 12px;gap:11px}
.v35-screen-panel .v35-screen-row:hover{background:#fafcff}
.v35-screen-panel .v35-screen-row .v16-screen-details{min-width:0;text-align:left}
.v35-screen-panel .v35-screen-row .badge{border-radius:999px}
.v35-screen-panel .v35-admin-btn{border-radius:9px}
@media(max-width:630px){.v35-screen-panel{padding:14px!important}.v35-screen-panel .v16-location-content{padding:9px}}


/* Thunder 707 · UI 3.9.2 · Mis pantallas: sin iconos decorativos cuadrados. */
.v35-screen-panel .v35-location>summary{gap:11px}
.v35-screen-panel .v35-screen-row{gap:12px}
.v35-screen-panel .v35-screen-row .v16-screen-details{margin-left:0;flex:1 1 auto}

/* Campañas múltiples: componentes internos coherentes con Publicar ahora. */
.th-v19-item{padding:16px 17px!important;gap:14px!important;background:#fff!important}
.th-v19-item .v19-item-head{padding-bottom:11px;border-bottom:1px solid #e9eff7}
.th-v19-item .creative-picker{background:#fff}
.th-v19-item-section{display:grid;gap:8px;border-top:1px solid #edf1f7;padding-top:14px;min-width:0}
.th-v19-item-section:first-of-type{border-top:0;padding-top:0}
.th-v19-field-title{display:block;color:#19335a;font-size:12px;font-weight:750;line-height:1.5}
.th-v19-hint{margin:0!important;font-size:11px;color:#7184a0;line-height:1.55}
.th-v19-item-schedule{display:grid;gap:13px}
.th-v19-first-time{max-width:320px}
.th-v19-first-time input[type=time]{min-height:42px}
.th-v19-time-field{min-width:0;display:grid;gap:8px}
.th-v19-time-options{display:flex;flex-wrap:wrap;align-items:stretch;gap:7px}
.th-v19-time-choice{border:1px solid #d5e2f4;border-radius:9px;background:#f8fbff;color:#1d3760;font-size:11px;font-weight:720;min-height:39px;padding:9px 11px;cursor:pointer;white-space:nowrap}
.th-v19-time-choice:hover{border-color:#8cb6ee;background:#f1f6ff}
.th-v19-time-choice.selected{border-color:#0765ec;color:#fff;background:#0968f0}
.th-v19-time-choice:focus-visible,.th-v19-formats .th-format:focus-visible{outline:3px solid #7ab3ff;outline-offset:2px}
.th-v19-time-custom{margin:0;display:grid;justify-items:start;gap:6px;background:#f8fbff;border:1px solid #dce8f7;border-radius:10px;padding:11px 12px}
.th-v19-time-custom[hidden]{display:none!important}
.th-v19-time-custom .th-hms-picker{margin-bottom:0}
.th-v19-formats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.th-v19-formats .th-format{min-height:106px;padding:10px 4px 8px;font-size:10px;min-width:0}
.th-v19-formats .th-format-icon{max-width:100%}
.th-v19-format-native{position:absolute!important;width:1px!important;height:1px!important;left:-10000px!important;overflow:hidden!important;clip-path:inset(50%)!important}
.th-v19-format-native input[type=hidden]{display:none}
.th-v19-item-status{border-top:1px solid #e9eff7;padding-top:13px}
.v19-form .th-v19-item-status label.v19-item-active{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;width:max-content;max-width:100%;gap:9px;font-weight:650}
.th-v19-item-status input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;margin:0!important}
/* El selector Destino conserva sus checkbox y deja de apilar contenido verticalmente. */
.v19-form .dest-picker{padding:13px}
.v19-form .dest-branch{border:1px solid #e2eaf6;border-radius:10px;overflow:hidden;margin-bottom:9px}
.v19-form .dest-branch>summary{min-height:52px;padding:12px 32px 12px 14px;position:relative;list-style:none;cursor:pointer}
.v19-form .dest-branch>summary::after{content:'⌄';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#637da4;font-size:18px}
.v19-form .dest-branch[open]>summary::after{transform:translateY(-50%) rotate(180deg)}
.v19-form .dest-branch>summary>span[aria-hidden="true"]{display:none}
.v19-form .dest-branch-body{padding:10px 12px}
.v19-form .dest-area-block{border:1px solid #e9eff8;border-radius:9px;overflow:hidden}
.v19-form .dest-area-heading{background:#f7faff;padding:9px 11px}
.v19-form label.dest-screen{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important;padding:11px 12px!important;min-height:45px;border-top:1px solid #e8eff8;font-weight:500;cursor:pointer}
.v19-form label.dest-screen>input[type=checkbox]{appearance:auto;width:17px!important;height:17px!important;min-height:0!important;flex:0 0 17px!important;margin:0!important;accent-color:#0768f1}
.v19-form label.dest-screen>.dest-screen-symbol{display:none!important}
.v19-form label.dest-screen>strong{display:block!important;flex:1 1 auto!important;min-width:0!important;font-size:12px!important;font-weight:750!important;text-align:left!important;color:#203a5f}
.v19-form label.dest-screen>.dest-status{display:block!important;font-size:10px!important;flex:0 0 auto!important;text-align:right!important;white-space:normal}
@media(max-width:1200px){.th-v19-formats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:620px){.th-v19-formats{grid-template-columns:repeat(3,minmax(0,1fr))}.th-v19-item{padding:12px!important}.th-v19-time-choice{padding:8px 10px}.v19-form label.dest-screen{flex-wrap:wrap}.v19-form label.dest-screen .dest-status{margin-left:27px;flex-basis:100%!important;text-align:left!important}}
@media(max-width:410px){.th-v19-formats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* TH707 campaña con varias promociones: editor superior + lista confirmada. */
.th-v19-builder-heading{display:flex;align-items:center;justify-content:space-between;margin:16px 0 9px;color:#102447}
.th-v19-builder-heading strong{font-size:14px}
.th-v19-builder-heading p{margin:4px 0 0}
.th-v19-draft-host .th-v19-item{background:#f8fbff;border-color:#afcef7}
.th-v19-draft-host + [data-v19-add]{display:inline-flex;align-items:center;justify-content:center;margin:12px 0 16px;background:#0968f0;color:#fff;border-color:#0968f0}
.th-v19-card-title{min-width:0;flex:1;display:grid;gap:4px}
.th-v19-card-desc{font-size:12px;color:#58749a;line-height:1.5;font-weight:500}
.th-v19-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.th-v19-item[data-v19-collapsed="1"] > :not(.v19-item-head){display:none!important}
.th-v19-item[data-v19-collapsed="1"]{background:#fff;padding:13px 15px}
.th-v19-item[data-v19-collapsed="1"] .v19-item-head{align-items:center}
.th-v19-list-heading[hidden]{display:none!important}
@media(max-width:650px){.th-v19-item .v19-item-head{align-items:flex-start}.th-v19-card-actions{justify-content:flex-end}}

/* TH707: selector explícito de imagen y validación de coincidencias */
.th-empty-image-choice{border:1px dashed #bdcce3;border-radius:12px;background:#fff;padding:24px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;color:#102447}
.th-empty-image-choice[hidden],.creative-picker-trigger[hidden]{display:none!important}
.th-empty-image-icon{font-size:26px;color:#8296ad}
.th-empty-image-choice>strong{font-size:14px}
.th-empty-image-choice>p{font-size:12px;color:#617491;margin:2px 0 10px}
.th-empty-image-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.th-v19-name-field{display:block;margin:10px 0 14px;font-weight:700;font-size:13px;color:#1b3153}
.th-v19-name-field input{display:block;margin-top:8px;width:100%;font-weight:400}
.th-v19-collision-warning{border:1px solid #f0a5aa;background:#fff4f4;color:#a31420;padding:12px 14px;border-radius:10px;font-weight:750;font-size:12px}
/* Publicar ahora: mostrar el selector vacío como punto único de entrada. */
#th-live-publish-form .th-original-creative{position:static!important;left:auto!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important}
#th-live-publish-form .th-promos,#th-live-publish-form .th-library-actions,#th-live-publish-form .th-upload-shortcut{display:none!important}

/* TH707 v3.9 — carga directa desde el equipo (sin diálogo intermedio). */
.th-direct-file[hidden]{display:none!important}
.th-direct-upload-status{display:block;font-size:12px;color:#2459a8;margin-top:7px}
.th-direct-upload-status:empty{display:none}

/* Thunder 707 · Demo Comercial 1.0 - Panel de establecimiento y configuración */
.demo-home,.demo-settings-grid{color:#102447}
.demo-home{display:grid;gap:20px}
.demo-heading{display:flex;gap:16px;align-items:center;justify-content:space-between}
.demo-heading h1{font-size:28px;letter-spacing:-.6px;margin:2px 0 6px;line-height:1.2}
.demo-heading p:not(.eyebrow){margin:0;color:#6a7d9a;font-size:14px}
.demo-tenant-name{background:#f2f6fd;border:1px solid #dce7f6;border-radius:11px;color:#2459a8;padding:10px 13px;font-size:12px;font-weight:700}
.demo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.demo-metric{background:#fff;border:1px solid #dfe9f7;border-radius:15px;min-width:0;padding:18px 15px;display:flex;gap:12px;align-items:flex-start;box-shadow:0 5px 16px #0b2e6110}
.demo-metric-symbol{display:grid;place-items:center;min-width:42px;width:42px;height:42px;border-radius:11px;background:#eaf3ff;color:#0968ed;font-weight:850;font-size:21px}
.demo-metric>div{display:grid;gap:4px;min-width:0}.demo-metric>div>span{font-size:12px;font-weight:750}.demo-metric strong{font-size:28px;line-height:1.15}.demo-metric small{font-size:11px;color:#647b9c;line-height:1.5}
.demo-actions>h2,.demo-home-columns h2{margin:0;font-size:17px}.demo-actions>p,.demo-section-intro{font-size:12px;color:#687e9b;margin:5px 0 15px}
.demo-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.demo-action{display:grid;position:relative;grid-template-columns:46px 1fr;gap:2px 14px;align-items:center;background:#f0f6ff;border:1px solid #e2edfd;border-radius:13px;text-decoration:none;color:#102447;padding:18px 28px 18px 15px;min-width:0}
.demo-action:nth-child(2){background:#effaf5;border-color:#e0f3e9}.demo-action:nth-child(3){background:#f7f3ff;border-color:#eee6ff}
.demo-action-symbol{grid-row:span 2;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#2c89fb;color:white;font-size:20px}
.demo-action:nth-child(2) .demo-action-symbol{background:#20aa81}.demo-action:nth-child(3) .demo-action-symbol{background:#8658dd}
.demo-action strong{font-size:14px;font-weight:800}.demo-action small{font-size:11px;line-height:1.5;color:#607699}.demo-action-arrow{position:absolute;right:11px;top:calc(50% - 15px);font-size:24px;color:#336cbe}.demo-action:hover{border-color:#75a6e5;transform:translateY(-1px)}
.demo-home-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.demo-home-columns .panel{min-width:0}
.demo-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.demo-section-head a{font-size:12px;text-decoration:none;font-weight:750;color:#0968eb}.demo-section-head>span{color:#7889a1;font-size:11px}
.demo-screen-row,.demo-activity-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid #e5edf7}.demo-screen-row>div,.demo-activity-row>div{display:grid;gap:4px;min-width:0}.demo-screen-row strong,.demo-activity-row strong{font-size:12px}.demo-screen-row small,.demo-activity-row small{font-size:11px;color:#7487a3}.demo-activity-row time{white-space:nowrap;font-size:10px;color:#7f91a7}
.demo-screen-status{font-size:11px;white-space:nowrap;color:#697c93;display:flex;align-items:center;gap:6px}.demo-screen-status i{width:8px;height:8px;border-radius:50%;display:block;background:#a4aebc}.demo-screen-status.online{color:#07825a}.demo-screen-status.online i{background:#1cba88}
.demo-disclaimer{font-size:11px;color:#7386a1;margin:0}
.demo-settings-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:18px}.demo-settings-card{min-width:0}.demo-card-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.demo-card-head h2{margin:0;font-size:17px}.demo-card-head p{font-size:12px;color:#71829d;margin:5px 0 0}.demo-card-symbol{display:grid;place-items:center;width:45px;height:45px;background:#e8f2ff;border-radius:11px;color:#0968f1;font-size:22px}.demo-account-fields{display:grid;gap:9px;margin-bottom:20px}.demo-account-fields>div{border:1px solid #e2eaf6;background:#f8faff;border-radius:9px;padding:10px 12px;display:grid;gap:5px}.demo-account-fields span{font-size:11px;color:#7589a4}.demo-account-fields strong{font-size:13px;overflow-wrap:anywhere}.demo-settings-card h3{font-size:15px;margin:19px 0 11px}
.demo-people-list{display:grid;gap:10px}.demo-person{border:1px solid #e0e9f7;border-radius:11px;padding:12px;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.demo-person-main{flex:1;min-width:180px;display:grid;gap:4px}.demo-person-main strong{font-size:13px}.demo-person-main small{font-size:11px;color:#647c9b;overflow-wrap:anywhere}.demo-person-actions{flex-basis:100%;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.demo-person-actions form{margin:0}.demo-reset>summary{cursor:pointer;font-size:11px;color:#2459a8;font-weight:700}.demo-reset[open]{width:100%}.demo-reset .form{margin-top:8px}.demo-user-add{border-top:1px solid #e1eaf7;margin-top:20px;padding-top:3px}
@media(max-width:1200px){.demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:870px){.demo-home-columns,.demo-settings-grid{grid-template-columns:1fr}.demo-action-grid{grid-template-columns:1fr}}@media(max-width:600px){.demo-heading{align-items:start;flex-direction:column}.demo-heading h1{font-size:23px}.demo-metrics{grid-template-columns:1fr 1fr}.demo-metric{padding:12px 9px;gap:8px}.demo-metric-symbol{min-width:32px;width:32px;height:32px;font-size:17px}.demo-metric strong{font-size:22px}.demo-screen-row{align-items:flex-start;flex-direction:column;gap:8px}}
/* Demo Comercial 1.0 · Superadmin / Usuarios agrupados por establecimiento. */
.th-su-panel{display:grid;gap:10px;align-content:start}
.th-su-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.th-su-intro h2{margin:0 0 5px}
.th-su-intro p{margin:0;font-size:12px;color:#70829e;line-height:1.5}
.th-su-total{white-space:nowrap;font-size:11px;color:#6c7f9d;font-weight:700;background:#f2f6fc;padding:8px 10px;border-radius:9px}
.th-su-group{border:1px solid #dfe8f4;border-radius:12px;overflow:hidden;background:#fff}
.th-su-group[open]{border-color:#a9c7ee;box-shadow:0 5px 15px rgba(16,36,71,.06)}
.th-su-group-head{list-style:none;display:flex;align-items:center;gap:12px;padding:16px 14px;cursor:pointer;background:#fbfcff;user-select:none}
.th-su-group-head::-webkit-details-marker{display:none}
.th-su-group-head:hover{background:#f3f7fe}
.th-su-group-head:focus-visible{outline:2px solid #2459a8;outline-offset:-3px}
.th-su-group[open]>.th-su-group-head{background:#f0f6ff;border-bottom:1px solid #dfe8f4}
.th-su-group-symbol{display:grid;place-items:center;flex:none;width:37px;height:37px;border-radius:10px;color:#2459a8;background:#e7f0fd;font-size:20px}
.th-su-group-name{display:grid;min-width:0;gap:4px;flex:1 1 auto}
.th-su-group-name strong{font-size:13px;color:#102447;overflow-wrap:anywhere}
.th-su-group-name small{color:#74869e;font-size:11px}
.th-su-badges{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.th-su-chevron{font-size:23px;font-weight:600;color:#5677a3;transition:transform .15s ease;line-height:1}
.th-su-group[open]>.th-su-group-head>.th-su-chevron{transform:rotate(180deg)}
.th-su-group-body{padding:12px 13px 15px}
.th-su-table{width:100%;font-size:12px}
.th-su-table td{padding:12px 9px}
.th-su-table th{padding:10px 9px}
.th-su-table td .actions{gap:5px}
.th-su-table td .badge{display:inline-block;vertical-align:middle;margin:2px}
.th-su-reset{margin-top:14px;border:1px solid #dfe9f7;border-radius:9px;background:#fbfdff}
.th-su-reset>summary{padding:13px 14px;color:#2459a8;cursor:pointer;font-size:12px;font-weight:750}
.th-su-reset-inner{padding:0 14px 15px}
.th-su-reset-inner .form{gap:12px}
.th-su-reset-inner .hint{margin:10px 0 0}
.th-su-empty{padding:25px 10px;text-align:center;color:#70829e;font-size:12px}
@media(max-width:700px){.th-su-group-head{padding:12px 9px;gap:8px;flex-wrap:wrap}.th-su-badges{order:3;flex:1 0 100%;justify-content:flex-start;padding-left:44px}.th-su-intro{align-items:flex-start;flex-wrap:wrap}.th-su-total{white-space:normal}}


/* Thunder 707 · Superadmin / Establecimientos — directorio administrativo esencial. */
.th-est-editor{border:1px solid #dae5f4;border-radius:13px;background:#fff;margin-bottom:18px;overflow:hidden;box-shadow:0 4px 18px rgba(16,36,71,.03)}
.th-est-editor[open]{border-color:#abc6ec}
.th-est-editor-head{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:17px 20px;background:#fbfcff}
.th-est-editor-head::-webkit-details-marker{display:none}
.th-est-editor-head:hover{background:#f4f8ff}
.th-est-editor-head>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}
.th-est-editor-head strong{font-size:13px;color:#102447;overflow-wrap:anywhere}
.th-est-editor-head small{font-size:11px;color:#7589a6}
.th-est-editor-plus{width:35px;height:35px;border-radius:9px;background:#e9f2ff;color:#2459a8;display:grid;place-items:center;font-size:24px;font-weight:600;flex:none}
.th-est-editor-chevron{font-size:21px;color:#5b7fa9;transition:transform .15s}
.th-est-editor[open] .th-est-editor-chevron{transform:rotate(180deg)}
.th-est-editor-inner{padding:18px 20px 22px;border-top:1px solid #e6edf6}
.th-est-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:880px}
.th-est-form>label:first-of-type{grid-column:1/-1}
.th-est-form-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap}
.th-est-panel{padding:23px}
.th-est-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:17px}
.th-est-heading h2{font-size:18px;margin:0 0 5px}
.th-est-heading p{font-size:12px;color:#6f82a0;margin:0}
.th-est-total{font-size:11px;color:#597499;background:#f0f5fc;border-radius:9px;padding:8px 11px;font-weight:750}
.th-est-search-label{font-size:12px;font-weight:750;color:#243e62;display:block;margin:0 0 8px}
.th-est-search{display:block;width:100%;height:44px;border-radius:9px;border:1px solid #d3dfef;background:#fff;padding:0 13px;outline:none;margin-bottom:15px;color:#152d4f;font:inherit}
.th-est-search:focus{border-color:#2459a8;box-shadow:0 0 0 3px rgba(36,89,168,.11)}
.th-est-list{display:grid;gap:9px}
.th-est-row{display:flex;align-items:center;gap:14px;border:1px solid #e2eaf5;border-radius:11px;background:#fff;padding:13px 14px;min-width:0}
.th-est-row[hidden]{display:none!important}
.th-est-identity{display:flex;align-items:center;gap:11px;min-width:0;flex:1 1 210px}
.th-est-mark{display:grid;place-items:center;width:39px;height:39px;min-width:39px;border-radius:10px;background:#eaf2ff;color:#2459a8;font-size:21px}
.th-est-name{min-width:0;display:grid;gap:4px}
.th-est-name strong{color:#102447;font-size:13px;overflow-wrap:anywhere}
.th-est-name small{font-size:11px;color:#8090a8}
.th-est-row>.badge{flex:none}
.th-est-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:0}
.th-est-row-actions form{margin:0}
.th-est-status-action{color:#7c4651}
.th-est-note{font-size:11px;color:#71829c;line-height:1.5;margin:15px 0 0}
.th-est-no-match{font-size:12px;color:#73839a;padding:16px;text-align:center}
.th-est-no-match[hidden]{display:none!important}
@media(max-width:1050px){.th-est-row{flex-wrap:wrap}.th-est-row-actions{width:100%;justify-content:flex-start;padding-left:50px}}
@media(max-width:650px){.th-est-editor-head{padding:13px}.th-est-editor-inner{padding:13px}.th-est-form{grid-template-columns:1fr}.th-est-panel{padding:15px}.th-est-row{padding:12px}.th-est-row-actions{padding-left:0}.th-est-row-actions .btn{font-size:11px}.th-est-heading{align-items:flex-start}}


/* Thunder 707 · Demo Comercial 1.0 / Superadmin Inicio (operación esencial) */
.th-home{display:grid;gap:18px;max-width:1220px}
.th-home-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.th-home-summary{display:flex;align-items:center;gap:16px;min-width:0;padding:22px;background:#fff;border:1px solid #dce6f3;border-radius:14px;text-decoration:none;color:#102447;box-shadow:0 3px 12px rgba(16,36,71,.035);transition:border-color .15s,box-shadow .15s}
.th-home-summary:hover,.th-home-storage:hover,.th-home-shortcut:hover,.th-home-screen-count:hover{border-color:#9cbce6;box-shadow:0 6px 16px rgba(16,36,71,.07)}
.th-home a:focus-visible{outline:3px solid #2459a8;outline-offset:3px}
.th-home-symbol{flex:none;width:47px;height:47px;border-radius:12px;display:grid;place-items:center;font-size:26px;color:#2459a8;background:#eaf2fe}
.th-home-summary-copy{display:grid;gap:5px;min-width:0;flex:1}
.th-home-summary-copy small,.th-home-storage-grid small{font-size:12px;color:#637a98}
.th-home-summary-copy strong{font-size:34px;line-height:1.15;letter-spacing:-1px;color:#102447}
.th-home-summary-copy>span{font-size:11px;color:#7187a4}
.th-home-arrow{font-size:19px;color:#4672ac;flex:none;align-self:center}
.th-home-panel{padding:23px!important}
.th-home-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.th-home-panel-heading h2{font-size:18px;color:#102447;margin:0 0 5px}
.th-home-panel-heading p{font-size:12px;color:#6c7f9b;margin:0;line-height:1.5}
.th-home-inline-link{font-size:12px;font-weight:750;color:#2459a8;text-decoration:none;white-space:nowrap}
.th-home-inline-link:hover{text-decoration:underline}
.th-home-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.th-home-screen-count{padding:19px;border:1px solid #dce7f2;border-radius:12px;background:#f9fbff;display:grid;gap:7px;color:#102447;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.th-home-state{font-size:12px;font-weight:750;color:#345374;display:flex;gap:7px;align-items:center}
.th-home-state i{width:9px;height:9px;border-radius:50%;background:#2b9e70;display:inline-block;flex:none}
.th-home-screen-inactive .th-home-state i{background:#c46e51}
.th-home-screen-count strong{font-size:35px;line-height:1.1;color:#102447}
.th-home-screen-active strong{color:#1c825b}
.th-home-screen-inactive strong{color:#a64f37}
.th-home-screen-count small{font-size:11px;color:#6b7e98}
.th-home-progress{height:10px;background:#eaf0f7;border-radius:99px;overflow:hidden}
.th-home-progress>span{display:block;height:100%;background:#269b71;border-radius:99px;transition:width .3s ease}
.th-home-progress-label{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#6d809b}
.th-home-progress-label strong{color:#102447}
.th-home-storage{display:block;padding:23px!important;text-decoration:none!important;color:#102447;transition:border-color .15s,box-shadow .15s}
.th-home-storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:3px 0 18px}
.th-home-storage-grid>div{display:grid;gap:6px}
.th-home-storage-grid strong{font-size:26px;letter-spacing:-.5px;color:#102447}
.th-home-storage-bar>span{background:#2459a8}
.th-home-fineprint{font-size:11px;line-height:1.5;color:#7586a1;margin:12px 0 0}
.th-home-shortcuts{padding:23px!important}
.th-home-shortcut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.th-home-shortcut{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #dfe8f3;padding:15px 13px;border-radius:11px;text-decoration:none;color:#102447;transition:border-color .15s,box-shadow .15s}
.th-home-shortcut-symbol{flex:none;width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#eaf2fe;color:#2459a8;font-size:21px}
.th-home-shortcut>span:nth-child(2){display:grid;gap:3px;flex:1;min-width:0}
.th-home-shortcut strong{font-size:12px;color:#102447}
.th-home-shortcut small{font-size:10px;line-height:1.4;color:#71849c}
.th-home-update{font-size:11px;color:#66809c;margin:0}
@media(max-width:900px){.th-home-shortcut-grid{grid-template-columns:1fr}.th-home-shortcut{padding:12px}}
@media(max-width:620px){.th-home-overview{grid-template-columns:1fr}.th-home-summary{padding:16px}.th-home-panel,.th-home-storage,.th-home-shortcuts{padding:16px!important}.th-home-screen-grid{grid-template-columns:1fr}.th-home-storage-grid{grid-template-columns:1fr 1fr}.th-home-storage-grid strong{font-size:22px}.th-home-panel-heading{margin-bottom:14px}}

/* TH707 · Monitoreo de dispositivos y estado manual en cliente */
.th-mon-panel{display:grid;gap:16px}.th-mon-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.th-mon-stat{cursor:pointer;text-align:left;background:#f7faff;border:1px solid #dfe8f4;border-radius:10px;padding:15px;color:#102447;display:grid;gap:6px}
.th-mon-stat small{font-size:11px;color:#627995}.th-mon-stat strong{font-size:26px}.th-mon-stat:hover{border-color:#2459a8}.th-mon-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.th-mon-controls input{flex:1;min-width:220px}.th-mon-controls select{max-width:240px}.th-mon-business{border:1px solid #dde7f1;border-radius:10px;background:#fff;overflow:hidden}
.th-mon-business>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:16px}.th-mon-business>summary::-webkit-details-marker{display:none}.th-mon-business>summary strong{font-size:14px}.th-mon-business>summary small{font-size:11px;color:#6e8096;margin-left:auto}.th-mon-business>summary span{color:#2459a8}.th-mon-list{border-top:1px solid #dde7f1}.th-mon-device{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid #eef2f6}.th-mon-device:last-child{border:0}.th-mon-device>div{display:grid;gap:3px}.th-mon-device strong{font-size:12px}.th-mon-device small{font-size:10px;color:#6e8096}.th-mon-device[hidden],.th-mon-business[hidden]{display:none!important}.th-mon-unknown{font-size:11px;color:#8c5b1f;margin:0}.th-mon-help{font-size:11px;color:#667c99;line-height:1.6}.th-mon-issue{color:#a13434!important;font-weight:600}
@media(max-width:650px){.th-mon-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.th-mon-device{flex-wrap:wrap}.th-mon-controls select{max-width:none;flex:1}}

.badge.danger{background:#fce9eb;color:#a3283f}

/* Estados automáticos para resumen del establecimiento. */
.demo-screen-status.error{color:#a3283f}.demo-screen-status.error i{background:#c13e53}


/* Thunder 707 · URLs DISPL por establecimiento (solo Superadmin). */
.th-est-row-has-displ{flex-wrap:wrap}
.th-est-displ-box{flex:1 0 100%;width:100%;min-width:0;margin-top:2px;border-top:1px solid #e5edf7}
.th-est-displ-box>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;padding:11px 3px 3px;color:#2459a8;font-size:12px;font-weight:750}
.th-est-displ-box>summary::-webkit-details-marker{display:none}
.th-est-displ-box>summary:hover{color:#102447}
.th-est-displ-chevron{transition:transform .15s;color:#8295ae;font-size:17px}
.th-est-displ-box[open] .th-est-displ-chevron{transform:rotate(180deg)}
.th-est-displ-inner{display:grid;gap:14px;padding:13px 4px 3px}
.th-est-displ-field{min-width:0}
.th-est-displ-field>label{display:block;margin-bottom:6px;color:#243c5e;font-size:12px;font-weight:750}
.th-est-displ-inputrow{display:flex;align-items:center;gap:8px;min-width:0}
.th-est-displ-inputrow input{flex:1;min-width:0;background:#f7f9fc;border:1px solid #d7e2f1;border-radius:8px;color:#294261;padding:11px 10px;font-size:12px}
.th-est-displ-inputrow button{flex:0 0 auto}
.th-est-displ-hint{margin:1px 0 0;color:#647b9a;font-size:11px;line-height:1.6}
.th-est-displ-hint code{font-size:11px;overflow-wrap:anywhere}
@media(max-width:650px){.th-est-displ-inputrow{flex-wrap:wrap}.th-est-displ-inputrow input{flex:1 0 100%}}

/* Thunder 707 · cuentas internas / Demo Comercial 1.0 */
.th-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px}
.th-team-card,.th-team-panel,.th-team-info{min-width:0}
.th-team-card h2,.th-team-panel h2,.th-team-info h2{margin:0 0 9px}
.th-team-card h3{margin:16px 0 9px;font-size:1rem}
.th-team-separator{border-top:1px solid #e7edf4;margin-top:22px;padding-top:10px}
.th-team-panel{margin-bottom:18px}
.th-team-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}
.th-team-title p{margin:0;color:#64748b;font-size:.91rem}
.th-team-members{border:1px solid #e6ebf3;border-radius:13px;overflow:hidden}
.th-team-member{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px;border-bottom:1px solid #e6ebf3}
.th-team-member:last-child{border-bottom:0}
.th-team-member-name{flex:1 1 210px;display:grid;gap:3px;min-width:0}
.th-team-member-name small{color:#64748b;overflow-wrap:anywhere}
.th-team-member-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.th-team-member-actions form{margin:0}
.th-team-reset{position:relative}
.th-team-reset summary{cursor:pointer;color:#2459a8;font-size:.82rem}
.th-team-reset[open]{width:100%;flex:1 0 100%;padding:12px;border-radius:10px;background:#f7f9fc}
.th-team-reset .form{max-width:390px;margin-top:10px}
.th-team-locked{color:#64748b;font-size:.86rem}
.th-team-new{margin-top:16px;border:1px solid #dbe7f7;border-radius:12px}
.th-team-new>summary{cursor:pointer;padding:15px 17px;color:#2459a8;font-weight:700;list-style:none}
.th-team-new>summary::-webkit-details-marker{display:none}
.th-team-new-inner{padding:0 17px 16px}
.th-team-new-inner .form{max-width:560px}
.th-team-info .detail{margin:8px 0}
@media(max-width:780px){.th-team-grid{grid-template-columns:1fr}.th-team-title{align-items:flex-start}.th-team-member-actions{width:100%}}


/* TH707 · Corrección responsive del selector de imágenes (iPhone / Android).
   Evita ampliación de Safari al enfocar inputs de menos de 16px y el scroll horizontal
   del dialog; no modifica el reproductor DISPL ni el diseño en escritorio. */
@media (max-width: 760px) {
  .creative-dialog {
    box-sizing: border-box;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
    max-height: calc(100dvh - 20px);
    margin: auto;
    padding: 16px 13px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .creative-dialog-head,
  .creative-dialog-head > div,
  .creative-dialog-tools,
  .creative-gallery-grid,
  .creative-gallery-item,
  .creative-quick-form,
  .creative-quick-fields,
  .creative-quick-fields > label {min-width: 0; max-width: 100%;}
  .creative-dialog-head h2 {font-size: 20px;}
  .creative-dialog-tools {width: 100%; flex-direction: column; align-items: stretch;}
  .creative-dialog-tools input,
  .creative-dialog-tools select,
  .creative-quick-form input:not([type="file"]),
  .creative-quick-form select {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-size: 16px; /* iOS Safari: prevenir zoom al enfocar */
  }
  .creative-gallery-grid {
    box-sizing: border-box;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    overflow-x: hidden;
  }
  .creative-gallery-item {width: 100%; overflow: hidden;}
  .creative-gallery-thumb {max-width: 100%;}
  .creative-gallery-upload-toggle,
  .creative-quick-actions {min-width: 0; max-width: 100%;}
  .creative-gallery-upload-toggle .btn,
  .creative-quick-actions .btn {max-width: 100%; white-space: normal;}
}


/* TH707 · Responsive global (2026-10-19).
   Login, cliente y Superadmin. Mantiene el zoom manual/pinch-to-zoom accesible.
   Este bloque complementa la corrección previa del selector de imágenes. */
@media screen and (max-width: 760px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html, body { width: 100%; max-width: 100%; min-width: 0; }
  body { overflow-x: clip; }

  /* Safari iOS amplía automáticamente campos de menos de 16px al enfocarlos.
     No limitar el zoom desde meta viewport (accesibilidad). */
  input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  select, textarea { font-size: 16px !important; max-width: 100%; }

  /* Contenedores de las dos plataformas y títulos largos. */
  .app-shell, .workarea, .main-content, .topbar, .top-title,
  .panel, .columns, .columns > *, .section-heading, .tablewrap,
  .demo-home-columns, .demo-settings-grid,
  .th-live-layout, .th-campaign-layout, .th-campaign-step,
  .th-campaign-summary, .th-est-panel, .th-team-grid,
  .promo-library-layout, .promo-library-layout > *,
  .th-home-overview, .th-mon-business, .v35-screen-panel {
    box-sizing: border-box; min-width: 0; max-width: 100%;
  }
  .topbar { width: 100%; gap: 8px; }
  .top-title { flex: 1 1 auto; overflow: hidden; }
  .top-title strong, .top-title small { overflow-wrap: anywhere; }
  .top-actions { flex: 0 0 auto; min-width: 0; }
  .top-actions .btn { white-space: nowrap; }
  .main-content { width: 100%; }
  .section-heading { flex-wrap: wrap; gap: 8px; }
  .section-heading > * { min-width: 0; max-width: 100%; }
  .section-heading h1 { overflow-wrap: anywhere; }
  img, svg, video { max-width: 100%; }
  .tablewrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* Login: evitar que la tarjeta, el encabezado o los campos fuercen anchura. */
  .auth-bg { width: 100%; min-height: 100svh; padding: 16px; }
  .auth-card { width: 100%; max-width: 430px; min-width: 0; padding: 27px 21px; }
  .auth-card h1 { font-size: clamp(21px, 6vw, 26px); overflow-wrap: anywhere; }
  .auth-card .form, .auth-card .form label { min-width: 0; max-width: 100%; }

  /* Inputs, barras de herramientas y formularios anidados. */
  .form, .field-row, .inline-form, .live-target-toolbar,
  .dest-picker-toolbar, .th-mon-controls, .promo-main-tools,
  .creative-dialog-tools, .creative-quick-actions { min-width: 0; max-width: 100%; }
  .field-row { flex-wrap: wrap; }
  .field-row > label { flex: 1 1 100%; }
  .th-mon-controls input, .dest-picker-toolbar input,
  .live-target-toolbar input { min-width: 0; max-width: 100%; }
  .th-mon-controls input { flex-basis: 100%; }
  .th-mon-controls select { max-width: 100%; }

  /* Diálogos: scroll dentro del cuadro, nunca horizontalmente por la página. */
  .creative-dialog, .library-dialog, .v16-dialog {
    box-sizing: border-box;
    width: calc(100% - 16px);
    max-width: calc(100vw - 16px);
    overflow-x: clip;
    overscroll-behavior: contain;
  }
  .campaign-edit-dialog, .v35-detail-dialog {
    box-sizing: border-box; max-width: 100vw; overflow-x: clip;
    overscroll-behavior: contain;
  }
  .creative-dialog-head, .creative-dialog-head > div,
  .campaign-editor-head, .campaign-editor-body,
  .library-dialog-form, .library-folder-dialog-inner,
  .v16-dialog form, .v35-detail-inner {
    min-width: 0; max-width: 100%;
  }
  .creative-dialog-head h2, .campaign-editor-head h2,
  .v16-modal-head h2, .library-dialog h2 { overflow-wrap: anywhere; }
  .creative-gallery-grid, .promo-card-grid, .th-formats,
  .th-v19-formats { min-width: 0; max-width: 100%; }
  .creative-gallery-item, .promo-card, .th-format {
    min-width: 0; max-width: 100%;
  }
  .campaign-editor-actions { flex-wrap: wrap; }
  .campaign-editor-actions > * { max-width: 100%; }
}
@media screen and (max-width: 359px) {
  .main-content { padding-left: 10px; padding-right: 10px; }
  .topbar { padding-left: 10px; padding-right: 10px; }
  .top-title strong { font-size: 11px; }
  .panel { padding: 13px; }
  .stats { gap: 7px; }
  .auth-bg { padding: 12px; }
  .auth-card { padding: 23px 16px; }
  .demo-metrics, .th-mon-summary { gap: 7px; }
}