*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:Tahoma,Arial,sans-serif;background:#242a32;color:#e7edf5;overflow:hidden;font-size:13px}.boss-app{height:100vh;display:flex;flex-direction:column;background:#2d3440}.titlebar{height:44px;background:linear-gradient(#3d4653,#2d3440);border-bottom:1px solid #14181d;display:flex;align-items:center;justify-content:space-between;padding:0 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.app-title{display:flex;align-items:center;gap:7px;min-width:0}.app-title strong{font-size:14px;letter-spacing:.3px;color:#fff}.app-title em{font-style:normal;color:#b9c3cf;font-size:12px;border-left:1px solid #596270;padding-left:9px}.window-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.45)}.red{background:#d85a56}.yellow{background:#d9bd58}.green{background:#67b96a}.server-line{display:flex;align-items:center;gap:8px}.pill{border-radius:3px;padding:5px 8px;border:1px solid rgba(0,0,0,.35);font-size:11px;font-weight:bold}.pill.ok{background:#23482d;color:#91ff9e}.pill.warn{background:#574718;color:#ffe08a}.onair{border:1px solid #111;border-radius:3px;padding:7px 12px;color:#fff;font-weight:bold;letter-spacing:.7px;cursor:pointer;text-shadow:0 1px #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.onair.is-on{background:linear-gradient(#f93535,#a80c15);box-shadow:0 0 18px rgba(236,0,0,.35),inset 0 1px 0 rgba(255,255,255,.22)}.onair.is-off{background:linear-gradient(#566170,#333b46);color:#d6deeb}.onair.unknown{background:linear-gradient(#777,#555)}.menubar{height:28px;background:#e8edf3;color:#1d2733;border-bottom:1px solid #aeb7c4;display:flex;align-items:center;gap:18px;padding:0 12px;font-size:12px}.menubar span{cursor:default}.menubar b{margin-left:auto;font-size:11px;color:#566273;font-weight:normal}.meters-row{display:grid;grid-template-columns:1fr minmax(410px,1.55fr) 1fr;gap:7px;padding:7px;background:#1f2630;border-bottom:1px solid #111}.deck{position:relative;height:88px;border:1px solid #13171c;background:#ced8e5;color:#10151b;box-shadow:inset 0 1px 0 rgba(255,255,255,.55);overflow:hidden}.deck-label{position:absolute;left:7px;top:6px;background:rgba(0,0,0,.65);color:#fff;font-size:10px;font-weight:bold;padding:3px 5px;border-radius:2px;z-index:3}.deck-title{position:absolute;left:10px;right:10px;top:37px;font-weight:bold;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.previous{background:linear-gradient(90deg,#d48932,#f4bf78)}.next{background:linear-gradient(90deg,#eff4bf,#ffffda);padding-right:70px}.next img{position:absolute;right:8px;top:16px;width:56px;height:56px;object-fit:cover;border:1px solid rgba(0,0,0,.35);background:#fff}.live-deck{background:#99e595}.live-deck canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.95}.live-title{z-index:2;color:#071007;text-shadow:0 1px rgba(255,255,255,.75);top:35px}.deck-times{position:absolute;z-index:2;left:8px;right:8px;bottom:5px;display:flex;justify-content:space-between;color:#071007;font-weight:bold;font-size:11px}.transport{height:50px;display:flex;align-items:center;gap:5px;padding:6px 8px;background:#c9d2de;border-top:1px solid rgba(255,255,255,.3);border-bottom:1px solid #8893a1;overflow-x:auto}.transport-btn{height:35px;min-width:42px;border:1px solid #687282;border-radius:3px;background:linear-gradient(#fff,#c6cfda);color:#10151b;font-weight:bold;cursor:pointer;box-shadow:inset 0 1px 0 #fff}.transport-btn:hover{background:linear-gradient(#fff,#dce4ee)}.transport-btn:active{transform:translateY(1px)}.transport-btn.play{background:linear-gradient(#47c56a,#1d8035);color:#fff;border-color:#176629}.transport-btn.stop{background:linear-gradient(#fa5757,#b9151e);color:#fff;border-color:#8e1017}.transport-btn.text{min-width:88px;font-size:11px}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:240px minmax(480px,1fr) 286px;gap:7px;padding:7px;background:#2b333f}.dock{display:flex;flex-direction:column;gap:7px;min-height:0}.panel{background:#e7edf4;color:#15202d;border:1px solid #111820;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 1px 2px rgba(0,0,0,.35);min-width:0}.panel-caption,.panel-head{height:30px;background:linear-gradient(#596575,#384250);color:#fff;border-bottom:1px solid #13171d;display:flex;align-items:center;padding:0 9px;font-weight:bold;text-shadow:0 1px #000}.panel-head{justify-content:space-between}.panel-head h3{margin:0;font-size:12px}.panel-head span{font-size:11px;color:#d5deea;font-weight:normal}.panel-head button,.insertbar button{background:linear-gradient(#fdfdfd,#c7d0db);border:1px solid #6d7786;border-radius:3px;color:#111;font-weight:bold;padding:5px 9px;cursor:pointer;font-size:11px}.clock-panel{padding-bottom:10px;text-align:center}.big-clock{font-family:Consolas,monospace;font-size:36px;color:#0b5ea8;padding-top:10px;font-weight:bold}.date-text{font-size:12px;color:#4b596b}.artwork-panel img{display:block;width:calc(100% - 16px);margin:8px;aspect-ratio:1/1;object-fit:cover;border:1px solid #555;background:#fff}.encoder-card{flex:1;min-height:0;display:flex;flex-direction:column}.state-box{margin:8px;padding:8px;border:1px solid #aeb8c5;background:#f9fbfe;font-weight:bold}.state-box.on{background:#ffe5e7;color:#9a0d16;border-color:#ce9a9e}.state-box.off{background:#f1f4f8;color:#465569}pre{margin:0;padding:8px;background:#101820;color:#aee3ff;white-space:pre-wrap;overflow:auto;font-size:11px;line-height:1.35;border-top:1px solid #000}.encoder-card pre{flex:1;min-height:80px}.center-area{min-width:0;min-height:0}.playlist-panel{height:100%;display:flex;flex-direction:column}.insertbar{display:grid;grid-template-columns:1.2fr .6fr auto;gap:6px;padding:7px;background:#d7dfe9;border-bottom:1px solid #aeb8c5}.insertbar input{height:30px;border:1px solid #8995a6;background:#fff;color:#111;padding:0 8px;min-width:0;font-family:Tahoma,Arial,sans-serif}.table-wrap{flex:1;min-height:0;overflow:auto;background:#fff}table{width:100%;border-collapse:collapse;font-size:12px;color:#111;table-layout:fixed}th,td{padding:6px 7px;border-bottom:1px solid #d3d9e2;border-right:1px solid #e2e6ec;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}th{position:sticky;top:0;background:linear-gradient(#f5f7fa,#c4ceda);z-index:2;text-align:left;border-bottom:1px solid #99a5b4;color:#1c2735}tbody tr:nth-child(even){background:#f6f8fb}tbody tr:hover{background:#cfe3ff}td:nth-child(1){width:46px;color:#0b5ea8;text-align:right}td:nth-child(3){width:82px;text-align:center}td:nth-child(4){width:112px}.row-actions{display:flex;gap:5px}.row-actions button{background:linear-gradient(#fff,#d0d8e2);border:1px solid #8793a3;border-radius:2px;font-weight:bold;cursor:pointer;font-size:11px}.quick-panel{padding-bottom:8px}.quick{width:calc(100% - 16px);margin:8px 8px 0;padding:11px;border:1px solid #8b96a5;background:linear-gradient(#fff,#d8e0ea);color:#172231;text-align:left;cursor:pointer;border-radius:3px}.quick b{display:block;font-size:16px}.quick span{font-size:11px;color:#586578}.quick.on{background:linear-gradient(#ff3b3b,#b30d17);color:#fff;border-color:#841016;text-shadow:0 1px #000}.quick.on span{color:#ffe7e8}.quick.off{background:linear-gradient(#637080,#343d49);color:#fff;border-color:#202732}.quick.off span{color:#d1d9e4}.diag-panel{flex:1;min-height:0;display:flex;flex-direction:column}.diag-panel pre{flex:1}.statusbar{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#e8edf3;color:#273446;border-top:1px solid #aeb7c4;font-size:11px}.toast{position:fixed;right:14px;bottom:35px;transform:translateY(18px);opacity:0;transition:.18s;padding:10px 14px;border:1px solid rgba(0,0,0,.45);color:#fff;font-weight:bold;z-index:20;box-shadow:0 4px 14px rgba(0,0,0,.35)}.toast.show{opacity:1;transform:translateY(0)}.toast.ok{background:#1d7c38}.toast.err{background:#b01520}@media(max-width:1120px){body{overflow:auto}.boss-app{height:auto;min-height:100vh}.meters-row{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.dock{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.center-area{min-height:520px}.insertbar{grid-template-columns:1fr}.diag-panel,.encoder-card{min-height:210px}.statusbar{position:sticky;bottom:0}.titlebar{height:auto;min-height:44px;gap:8px;flex-wrap:wrap;padding:7px 10px}.menubar{overflow:auto}.menubar b{display:none}}@media(max-width:640px){.app-title em{display:none}.meters-row{padding:5px;gap:5px}.deck{height:78px}.transport{height:auto;flex-wrap:wrap}.transport-btn{flex:1}.workspace{padding:5px;gap:5px}.big-clock{font-size:30px}.panel-head span{display:none}th:nth-child(3),td:nth-child(3){display:none}td:nth-child(4){width:90px}}

/* ==== Explorador + efectos reales ==== */
.center-area{display:flex;flex-direction:column;gap:7px;min-height:0}.explorer-panel{flex:0 0 245px;display:flex;flex-direction:column;min-height:0}.playlist-panel{flex:1 1 auto;min-height:360px}.explorer-tools{display:grid;grid-template-columns:150px 1fr auto auto auto;gap:6px;padding:7px;background:#d7dfe9;border-bottom:1px solid #aeb8c5}.explorer-tools input,.explorer-tools select{height:30px;border:1px solid #8995a6;background:#fff;color:#111;padding:0 8px;min-width:0;font-family:Tahoma,Arial,sans-serif}.explorer-tools button{background:linear-gradient(#fdfdfd,#c7d0db);border:1px solid #6d7786;border-radius:3px;color:#111;font-weight:bold;padding:5px 9px;cursor:pointer;font-size:11px}.browser-note{display:none;padding:6px 8px;background:#fff4c7;color:#5a4100;border-bottom:1px solid #d1ba69;font-size:11px}.browser-note.show{display:block}.file-list{flex:1;min-height:0;overflow:auto;background:#fff;color:#111}.file-row{display:grid;grid-template-columns:26px 1fr 84px 146px;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid #e2e6ec;font-size:12px}.file-row:nth-child(even){background:#f6f8fb}.file-row:hover{background:#cfe3ff}.file-icon{font-size:15px}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-actions{display:flex;gap:5px;justify-content:flex-end}.file-actions button{background:linear-gradient(#fff,#d0d8e2);border:1px solid #8793a3;border-radius:2px;font-weight:bold;cursor:pointer;font-size:11px}.effects-panel{padding-bottom:8px}.effects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;padding:8px}.effect-pad{min-height:54px;border:1px solid #15191f;border-radius:4px;background:linear-gradient(#415064,#222b37);color:#fff;font-weight:bold;letter-spacing:.4px;cursor:pointer;text-shadow:0 1px #000;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}.effect-pad:hover{background:linear-gradient(#53657d,#2b3544)}.effect-pad:active{transform:translateY(1px)}.effect-pad.stop,.effect-pad[data-fx="fx_stop"]{background:linear-gradient(#fa5757,#b9151e)}.effect-pad.time,.effect-pad[data-fx="fx5"]{background:linear-gradient(#47c56a,#1d8035)}.effect-pad.loading{opacity:.7}
@media(max-width:1120px){.center-area{min-height:850px}.explorer-tools{grid-template-columns:1fr 1fr}.effects-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media(max-width:640px){.explorer-panel{flex-basis:300px}.explorer-tools{grid-template-columns:1fr}.file-row{grid-template-columns:24px 1fr;align-items:start}.file-size,.file-actions{grid-column:2}.file-actions{justify-content:flex-start}.playlist-panel{min-height:420px}}

/* ==== Paso siguiente: estudio live + historial ==== */
.signal-leds{position:absolute;right:9px;top:8px;z-index:4;display:flex;gap:4px}.signal-leds span{width:8px;height:8px;border-radius:50%;background:#1b7f35;box-shadow:0 0 8px rgba(9,255,73,.75);animation:ledPulse 1.4s infinite ease-in-out}.signal-leds span:nth-child(2){animation-delay:.15s}.signal-leds span:nth-child(3){animation-delay:.3s;background:#b6b300;box-shadow:0 0 8px rgba(255,230,0,.8)}.signal-leds span:nth-child(4){animation-delay:.45s;background:#d47400;box-shadow:0 0 8px rgba(255,145,0,.8)}.signal-leds span:nth-child(5){animation-delay:.6s;background:#bd111b;box-shadow:0 0 8px rgba(255,0,30,.8)}@keyframes ledPulse{0%,100%{opacity:.35;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}
.studio-panel{padding-bottom:8px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.studio-btn{height:42px;border:1px solid #747f90;border-radius:3px;background:linear-gradient(#fff,#d1d9e3);font-weight:800;color:#142030;cursor:pointer}.studio-btn:hover{filter:brightness(1.04)}.studio-btn:active{transform:translateY(1px)}.studio-btn.mic-on{background:linear-gradient(#39c765,#167c31);color:#fff;border-color:#0f6425;text-shadow:0 1px #000}.studio-btn.mic-off,.studio-btn.dark{background:linear-gradient(#667383,#333d49);color:#fff;border-color:#1f2732;text-shadow:0 1px #000}.studio-state{margin:0 8px 8px;padding:8px;border:1px solid #aeb8c5;background:#f9fbfe;display:flex;justify-content:space-between;gap:8px;font-size:12px}.studio-state.on{background:#ffe6e8;color:#8f0d16;border-color:#c98e95}.studio-state.off{background:#f2f5f9;color:#465569}.history-panel{max-height:235px;display:flex;flex-direction:column}.history-box{background:#fff;color:#111;overflow:auto;min-height:120px}.history-row{padding:7px 8px;border-bottom:1px solid #e2e6ec;font-size:12px}.history-row:nth-child(even){background:#f6f8fb}.history-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-row span{display:block;margin-top:2px;color:#667386;font-size:11px}
@media(max-width:1120px){.history-panel{max-height:none}.studio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.studio-grid{grid-template-columns:1fr 1fr}.studio-state{display:block}.studio-state span{display:block;margin-top:4px}}


/* ===== SIGUIENTE PASO: Scheduler / Auto ===== */
.scheduler-panel{border-color:#2b3545;background:linear-gradient(180deg,#151a22,#10141b)}
.auto-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}
.small-action{height:34px;border:1px solid #334155;background:#1b2431;color:#dbeafe;border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.3px;cursor:pointer}
.small-action.good{background:#0f3b25;border-color:#1f8d51;color:#b8ffd3}
.small-action.bad{background:#421819;border-color:#a43b3b;color:#ffd0d0}
.small-action.dark{background:#111827;color:#9ca3af}
.volume-strip,.command-strip{display:flex;align-items:center;gap:8px;margin:8px 0}
.volume-strip span{font-size:11px;color:#a9b4c4;text-transform:uppercase;min-width:52px}
.volume-strip input[type=range]{flex:1;accent-color:#45c46b}
.volume-strip button,.command-strip button{height:32px;border:1px solid #354154;background:#202938;color:#e5eefb;border-radius:6px;font-size:11px;font-weight:800;cursor:pointer;padding:0 10px}
.command-strip input{min-width:0;flex:1;height:32px;border:1px solid #2e384a;background:#0c1118;color:#dbeafe;border-radius:6px;padding:0 10px;font-size:12px}
.scheduler-box{max-height:190px;overflow:auto;border:1px solid #263244;background:#0a0e14;border-radius:8px;padding:6px}
.sched-row{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:8px;padding:7px;border-bottom:1px solid #182233;font-size:12px;color:#cdd6e4}
.sched-row:last-child{border-bottom:0}
.sched-row b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sched-time{font-family:Consolas,monospace;color:#5ee787;font-weight:800}
.sched-row em{font-style:normal;color:#7c8aa0;font-size:10px;text-transform:uppercase}
@media(max-width:900px){.sched-row{grid-template-columns:54px 1fr}.sched-row em{display:none}.auto-controls{grid-template-columns:1fr}.volume-strip,.command-strip{flex-wrap:wrap}.command-strip input{flex-basis:100%}}


/* ================= CARTWALL PRO ================= */
.cartwall-panel{border-color:#273442;background:linear-gradient(180deg,#141b23,#0f141a)}
.cart-tabs{display:flex;gap:6px;margin:6px 0 10px;flex-wrap:wrap}
.cart-tabs button{height:30px;padding:0 12px;border:1px solid #2b3948;background:#151c24;color:#b8c5d1;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}
.cart-tabs button.active{background:#26384b;color:#fff;border-color:#47739f;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.cart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cart-pad{min-height:74px;border:1px solid #2a3540;border-radius:10px;background:#1b2430;color:#fff;text-align:left;padding:10px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 16px rgba(0,0,0,.22);transition:.12s ease;overflow:hidden}
.cart-pad strong{display:block;font-size:14px;letter-spacing:.3px;margin-bottom:7px}
.cart-pad span{display:block;font-size:10px;line-height:1.25;color:rgba(255,255,255,.66);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-pad:hover{transform:translateY(-1px);filter:brightness(1.08)}
.cart-pad:active,.cart-pad.firing{transform:translateY(1px) scale(.98);box-shadow:inset 0 0 0 2px rgba(255,255,255,.16)}
.cart-pad.loading{display:flex;align-items:center;justify-content:center;text-align:center;color:#9eaab6;background:#151c24}
.cart-pad.color-blue{background:linear-gradient(180deg,#20506d,#122b3c)}
.cart-pad.color-purple{background:linear-gradient(180deg,#53327b,#2b1a44)}
.cart-pad.color-green{background:linear-gradient(180deg,#24654a,#142f24)}
.cart-pad.color-orange{background:linear-gradient(180deg,#755128,#3c2813)}
.cart-pad.color-red{background:linear-gradient(180deg,#7a2a32,#3a1318)}
.cart-pad.color-dark{background:linear-gradient(180deg,#2b3037,#111419)}
.cart-hint{margin-top:9px;font-size:11px;color:#8c9bab;line-height:1.35}
@media (max-width:1100px){.cart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.cart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-pad{min-height:68px}}

/* ===== SIGUIENTE PASO: Playlist / Cola real ===== */
.playlist-insertbar{grid-template-columns:1.2fr .55fr 112px auto}
.playlist-insertbar select{height:30px;border:1px solid #8995a6;background:#fff;color:#111;padding:0 6px;font-family:Tahoma,Arial,sans-serif;min-width:0}
.playlist-toolbar{display:flex;align-items:center;gap:6px;padding:6px 7px;background:#eef2f6;border-bottom:1px solid #b6c1cd;color:#253142}
.playlist-toolbar button{height:28px;border:1px solid #788596;background:linear-gradient(#fff,#d1d9e3);border-radius:3px;font-size:11px;font-weight:800;cursor:pointer;color:#172231}
.playlist-toolbar button:hover{filter:brightness(1.04)}
.playlist-toolbar .danger-lite{background:linear-gradient(#fff0f0,#f0c2c7);border-color:#b9858b;color:#8b1018}
#playlistCounter{margin-left:auto;font-size:11px;font-weight:800;color:#516073;background:#dbe3ed;border:1px solid #b8c4d0;border-radius:3px;padding:5px 8px}
#playlistBox tr.selected{background:#b7d9ff!important;outline:1px solid #4f8fcf;outline-offset:-1px}
#playlistBox td b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
#playlistBox td small{display:block;margin-top:2px;color:#6a7686;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.row-actions{gap:3px;flex-wrap:nowrap}.row-actions button{min-width:28px;height:22px;padding:0 5px}.row-actions .mini-danger{background:linear-gradient(#fff0f0,#e9bcc2);border-color:#b07980;color:#8b0f17}
@media(max-width:1120px){.playlist-insertbar{grid-template-columns:1fr 1fr}.playlist-toolbar{flex-wrap:wrap}#playlistCounter{margin-left:0}}
@media(max-width:640px){.playlist-insertbar{grid-template-columns:1fr}.playlist-toolbar button{flex:1}.row-actions{display:grid;grid-template-columns:1fr 1fr}.row-actions button{height:24px}td:nth-child(4){width:128px}}


/* === Siguiente paso: Encoder Monitor + Aircheck === */
.encoder-mini-list{display:grid;gap:6px;margin:10px 0;max-height:150px;overflow:auto}
.encoder-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.22);border-radius:8px;font-size:12px}
.encoder-row b{font-size:12px;color:#e8edf5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.encoder-row span{font-size:10px;color:#9ba8b8;text-transform:uppercase;letter-spacing:.05em}
.encoder-row .badge{padding:3px 7px;border-radius:999px;font-weight:800;font-size:10px;background:#2a2f36;color:#b8c0cc}
.encoder-row.online .badge{background:#123f27;color:#55ff9c;box-shadow:0 0 14px rgba(52,211,153,.18)}
.encoder-row.offline .badge{background:#3a1619;color:#ff7983}
.archive-monitor-panel{min-height:210px}
.archive-state{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(15,18,24,.92),rgba(8,10,14,.92));padding:12px;border-radius:10px;font-size:13px;color:#dbe7f5}
.archive-state.on{border-color:rgba(255,80,80,.42);color:#ffb4b4;box-shadow:inset 0 0 0 1px rgba(255,80,80,.08)}
.archive-state.off{border-color:rgba(255,255,255,.08);color:#a8b3c2}
.archive-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}
.compact-pre{max-height:150px;overflow:auto;font-size:10px;line-height:1.35;background:#07090d;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:9px;color:#8fa0b2;white-space:pre-wrap}

/* FIX SIGUIENTE PASO: logs y consola */
.logs-panel{min-height:260px}.test-command-row{display:grid;grid-template-columns:1fr 90px 80px;gap:6px;padding:8px;background:#111722;border-bottom:1px solid #263244}.test-command-row input,.test-command-row select{height:32px;border:1px solid #39475a;background:#090d13;color:#e5eefb;border-radius:4px;padding:0 8px}.test-command-row button{border:1px solid #55657a;background:linear-gradient(#28364a,#121a25);color:#fff;border-radius:4px;font-weight:800}.logs-box{max-height:260px;overflow:auto;background:#070b10;color:#c9d4e5;font-family:Consolas,monospace;font-size:11px}.log-row{display:grid;grid-template-columns:120px 70px 1fr;gap:7px;padding:6px 8px;border-bottom:1px solid #141c27}.log-row small{grid-column:1/-1;color:#7f8da2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-row.ok span{color:#54d67a}.log-row.bad span{color:#ff6b6b}.log-row.muted{display:block;color:#8a96a8}.panel-head button+button{margin-left:6px}@media(max-width:640px){.test-command-row{grid-template-columns:1fr}.log-row{grid-template-columns:1fr}.log-row small{white-space:normal}}


/* ===== SIGUIENTE PASO: Requests + logs corregidos ===== */
.requests-box,.logs-box{max-height:260px;overflow:auto;border:1px solid rgba(255,255,255,.08);background:#090b0f;border-radius:8px;padding:8px}
.request-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px;margin-bottom:6px;border-radius:7px;background:linear-gradient(180deg,#151a22,#0e1117);border:1px solid rgba(255,255,255,.06)}
.request-row b{display:block;color:#f5f7fb;font-size:12px;line-height:1.25}.request-row span{display:block;color:#8790a0;font-size:11px;margin-top:2px}.request-row button{border:1px solid #2f6fed;background:#17448f;color:#fff;border-radius:6px;padding:6px 9px;cursor:pointer;font-weight:700}
.log-line{display:grid;grid-template-columns:112px 70px 1fr;gap:6px;align-items:start;padding:6px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px;color:#cfd4dd}.log-line b{color:#7f8ba0;font-weight:500}.log-line span{font-weight:800;text-transform:uppercase;color:#61d394}.log-line.api_error span{color:#ff6565}.log-line small{grid-column:1/-1;color:#788396;word-break:break-all}.empty-line{padding:14px;color:#8893a6;font-size:12px}.empty-line.error{color:#ff7878}
@media(max-width:900px){.log-line{grid-template-columns:1fr}.request-row{align-items:flex-start;flex-direction:column}.request-row button{width:100%}}


/* ===== SIGUIENTE PASO: Sistema / Backup ===== */
.system-panel{min-height:310px}.system-form{padding:8px;display:grid;gap:7px;background:#101722}.system-form input,.system-form textarea{width:100%;border:1px solid #344256;background:#080c12;color:#e5edf7;border-radius:6px;padding:8px;font-size:12px;font-family:Tahoma,Arial,sans-serif}.system-form textarea{min-height:62px;resize:vertical}.system-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.system-actions button,.system-actions a{height:32px;border:1px solid #3d5069;background:linear-gradient(#29384d,#141d2a);color:#fff;border-radius:6px;font-size:11px;font-weight:800;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.system-actions a{background:linear-gradient(#263243,#101720);color:#d8e7ff}.system-actions button:hover,.system-actions a:hover{filter:brightness(1.12)}@media(max-width:900px){.system-actions{grid-template-columns:1fr}}


/* Studio Network PRO */
.network-grid{display:grid;gap:8px;margin-bottom:10px}
.network-card{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;border:1px solid #2b3038;background:#11151c;border-radius:8px}
.network-card b{display:block;color:#e8edf5;font-size:13px}
.network-card span{display:block;color:#8993a3;font-size:11px;margin-top:2px}
.network-card em{font-style:normal;font-size:10px;font-weight:800;padding:4px 7px;border-radius:999px;background:#3b1d1d;color:#ff9b9b}
.network-card.online em{background:#143a25;color:#62ffa0}
.network-card small{color:#aab3c0;font-size:11px}
.network-actions{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}
.network-actions select,.network-actions button{height:34px;background:#171c24;border:1px solid #303844;color:#e7edf7;border-radius:7px;padding:0 8px}
.network-actions button{background:#1d5cff;font-weight:800;cursor:pointer}
@media(max-width:980px){.network-actions{grid-template-columns:1fr}.network-card{grid-template-columns:1fr auto}}