/* Mesa de som (app próprio) — estilo console, tudo dentro de .mesa para não mexer no resto do app */
.mesa{height:100%;padding:8px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#e3e8ef;user-select:none;-webkit-user-select:none}
.mesa *{box-sizing:border-box}
.mesa .con{display:flex;height:100vh;background:linear-gradient(180deg,#414b5a,#37404d 60%,#323a46);border-radius:18px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff26}
.mesa .strips{flex:1;display:flex;overflow-x:auto;scrollbar-width:none;touch-action:pan-x}
.mesa .strips::-webkit-scrollbar{display:none}
.mesa .ch{flex:0 0 164px;display:flex;flex-direction:column;align-items:center;padding:14px 8px 10px;border-right:1px solid #262c35;box-shadow:1px 0 0 #56606e}
.mesa .num{font-size:24px;font-weight:500;color:#f0f3f7;line-height:1}
.mesa .top{display:flex;align-items:center;gap:12px;margin-top:10px}
.mesa .kw{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;cursor:pointer;touch-action:none;flex:none}
.mesa .kw::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -140deg,#eef1f5 0 3deg,transparent 3deg 14deg);-webkit-mask:radial-gradient(circle,transparent 63%,#000 64%,#000 72%,transparent 73%);mask:radial-gradient(circle,transparent 63%,#000 64%,#000 72%,transparent 73%);clip-path:polygon(50% 50%,0 100%,0 0,100% 0,100% 100%)}
.mesa .kw.g{width:86px;height:86px}
.mesa .k{--a:0deg;position:relative;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#eaf3f9,#a3c3d8 45%,#4d7590 88%);box-shadow:0 5px 8px #000a,inset 0 -2px 3px #0005,inset 0 1px 2px #fff9}
.mesa .k i{position:absolute;inset:0;transform:rotate(var(--a))}
.mesa .k i::after{content:"";position:absolute;left:50%;top:9%;width:2.5px;height:36%;margin-left:-1.25px;background:#1b2330;border-radius:2px}
.mesa .k.red{width:62px;height:62px;background:radial-gradient(circle at 40% 32%,#e8474f,#9e0f19 45%,#4f060b 88%);box-shadow:0 7px 12px #000b,inset 0 -3px 6px #0006,inset 0 2px 3px #ff9a9a}
.mesa .k.red::before{content:"";position:absolute;inset:3px;border-radius:50%;background:repeating-conic-gradient(#ffffff14 0 5deg,transparent 5deg 10deg)}
.mesa .k.red i::after{background:#fff;width:3px}
.mesa .k.mid{background:radial-gradient(circle at 38% 30%,#a8c6dc,#3f6e94 45%,#1b3a57 88%)}
.mesa .k.low{background:radial-gradient(circle at 38% 30%,#a6d3a6,#3a7a44 45%,#173f1f 88%)}
.mesa .k.nv{background:radial-gradient(circle at 38% 30%,#7d9bd0,#1f4a8c 45%,#0d2550 88%)}
.mesa .k.gy{background:radial-gradient(circle at 38% 30%,#f2f4f6,#9aa3ad 50%,#4a525c 90%)}
.mesa .k.nv i::after,.mesa .k.mid i::after,.mesa .k.low i::after{background:#e9eef5}
.mesa .vu{width:16px;height:118px;display:flex;flex-direction:column-reverse;gap:2px;padding:3px 3px;background:#0b0e12;border-radius:3px;box-shadow:inset 0 1px 3px #000,0 0 0 1px #262c35}
.mesa .vu b{flex:1;border-radius:1px;background:#123a17}
.mesa .vu b.y{background:#3e3510}
.mesa .vu b.r{background:#3e1210}
.mesa .vu b.on{background:#3df05e;box-shadow:0 0 4px #3df05e}
.mesa .vu b.y.on{background:#ffd23d;box-shadow:0 0 4px #ffd23d}
.mesa .vu b.r.on{background:#ff3b30;box-shadow:0 0 4px #ff3b30}
.mesa .vu .m{flex:none;height:12px;background:none;font-size:9px;color:#3df05e;text-align:center;line-height:12px}
.mesa .lb{font-size:12px;letter-spacing:.04em;color:#dfe5ec}
.mesa .cap{font-size:12px;color:#dfe5ec;font-family:Georgia,serif;letter-spacing:.06em;margin-top:2px}
.mesa .sqs{display:flex;gap:18px;margin-top:12px}
.mesa .sqw{display:flex;flex-direction:column;align-items:center;gap:5px}
.mesa .sq{width:40px;height:20px;border-radius:4px;border:none;cursor:pointer;background:linear-gradient(#f3f5f8,#b9c0c9);box-shadow:0 3px 0 #1b2027,inset 0 1px 0 #fff}
.mesa .sq.on{background:linear-gradient(#ffe3a3,#f5a524);box-shadow:0 0 10px #f5a52499,0 3px 0 #6b3a00}
.mesa .eq{display:grid;grid-template-columns:52px auto;align-items:center;column-gap:4px;margin-top:8px}
.mesa .eq .sc{grid-column:1/-1;margin-left:-10px}
.mesa .sc{font-size:10px;color:#c6ced8;display:flex;gap:8px;justify-content:center}
.mesa .sends{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px;margin-top:10px;text-align:center}
.mesa .ms{display:flex;gap:10px;margin-top:12px}
.mesa .btn{width:58px;height:40px;border-radius:5px;border:none;font-weight:700;font-size:13px;cursor:pointer;box-shadow:0 4px 0 #191d23,inset 0 1px 1px #fff8,inset 0 -3px 4px #0003}
.mesa .mute{background:linear-gradient(#ff6a5c,#e1271b 60%,#b5160d);color:#fff4c0;text-shadow:0 1px 0 #6d0b05}
.mesa .solo{background:linear-gradient(#fff07a,#ffcf1f 60%,#e0a400);color:#4a2e00}
.mesa .btn.off{filter:saturate(.45) brightness(.62)}
.mesa .fdw{display:flex;align-items:stretch;gap:4px;flex:1;min-height:150px;margin-top:14px}
.mesa .scale{display:flex;flex-direction:column;justify-content:space-between;font-size:11px;color:#dfe5ec;text-align:right;padding:6px 0;width:28px}
.mesa .fd{position:relative;width:44px;cursor:ns-resize;touch-action:none}
.mesa .fd::before{content:"";position:absolute;left:50%;top:8px;bottom:8px;width:5px;margin-left:-2.5px;background:#07090c;border-radius:3px}
.mesa .fd::after{content:"";position:absolute;left:4px;right:4px;top:8px;bottom:8px;background:repeating-linear-gradient(#c8d0da 0 1px,transparent 1px 9px);-webkit-mask:linear-gradient(90deg,#000 26%,transparent 26% 74%,#000 74%);mask:linear-gradient(90deg,#000 26%,transparent 26% 74%,#000 74%);opacity:.55}
.mesa .th{--v:.6;position:absolute;left:50%;width:38px;height:58px;margin-left:-19px;top:calc((1 - var(--v)) * (100% - 58px));z-index:1;border-radius:4px;background:linear-gradient(#5d636b,#e9ecef 8%,#c9ced4 30%,#7b828b 46%,#3d434a 50%,#7b828b 54%,#d6dade 72%,#f4f6f8 92%,#5d636b);box-shadow:0 6px 9px #000c}
.mesa .fd.go .th{transition:top .55s cubic-bezier(.2,.8,.25,1)}
.mesa .lvu{width:6px;align-self:center;height:72px;margin-left:6px}
.mesa .lvu.vu{padding:1px;gap:1px}
.mesa .foot{font-size:20px;margin-top:6px;color:#f0f3f7}
.mesa .sel .k{box-shadow:0 0 0 3px #35d8ff,0 0 22px 4px #35d8ffaa,0 5px 8px #000a!important}
.mesa .mini{position:absolute;left:calc(100% + 2px);top:50%;width:14px;height:150px;margin-top:-75px;z-index:5}
.mesa .mini::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;border-radius:2px;background:#35d8ff;box-shadow:0 0 10px #35d8ff}
.mesa .mini::after{content:"+";position:absolute;top:-20px;left:0;width:100%;text-align:center;color:#fff;font-size:18px}
.mesa .mini b{position:absolute;left:50%;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#35d8ff;box-shadow:0 0 12px #35d8ff,inset 0 2px 3px #fff8}
.mesa .right{flex:0 0 470px;display:flex;flex-direction:column;align-items:center;padding:20px 18px 12px;border-left:1px solid #262c35;box-shadow:inset 1px 0 0 #56606e}
.mesa .meter{width:330px;height:150px;border-radius:12px;padding:8px;background:linear-gradient(#20252c,#14181d);box-shadow:0 6px 14px #000a,inset 0 1px 0 #ffffff1a;margin-bottom:12px}
.mesa .meter svg{width:100%;height:100%;border-radius:6px;background:radial-gradient(ellipse at 50% 85%,#ffe2a6,#ffbf55 45%,#e08d22 80%,#b86412);box-shadow:inset 0 0 18px #7a3d0699}
.mesa .mtitle{font-size:26px;font-weight:500;margin:4px 0 10px}
.mesa .silk{padding:8px 14px;border-radius:5px;border:2px solid #3a2000;font-weight:700;font-size:14px;cursor:pointer;background:linear-gradient(#ffe08a,#f5a524);color:#2a1700;box-shadow:0 0 14px #f5a52488}
.mesa .silk.off{filter:saturate(.3) brightness(.7)}
.mesa .rets{display:flex;gap:44px;margin:16px 0 10px}
.mesa .rets>div{display:flex;flex-direction:column;align-items:center;gap:4px}
.mesa .disp{width:100%;background:#0c2531;color:#5ce4ff;font:600 19px -apple-system,sans-serif;padding:8px 10px;border-radius:4px;text-align:center;box-shadow:inset 0 0 0 1px #1f5a70,0 0 18px #35d8ff22;border-top:1px solid #56606e;margin-top:6px}
.mesa .mst{display:flex;align-items:stretch;flex:1;min-height:0;width:100%;margin-top:14px;gap:2px}
.mesa .mst .scale{width:32px;font-size:12px}
.mesa .mst .fd{width:52px}
.mesa .vt{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;letter-spacing:.12em;font-size:20px;color:#e9eef4;text-align:center;align-self:center;margin:0 6px}
.mesa .lr{display:flex;justify-content:space-around;width:100%;font-size:20px;margin-top:4px}
.mesa .right{align-items:stretch;padding:14px 12px 8px}
.mesa .lcdw{background:linear-gradient(#2a3039,#1b1f25);border-radius:8px;padding:6px 8px 8px;box-shadow:0 6px 14px #000a,inset 0 1px 0 #ffffff1a}
.mesa .lt{text-align:center;font-size:13px;letter-spacing:.04em;color:#e9eef4;margin-bottom:5px}
.mesa .lcd2{display:flex;gap:8px;background:linear-gradient(#a8e05a,#86c43c);border-radius:4px;padding:8px;color:#1e3a08;font:600 12px/1.35 "SF Mono",Menlo,monospace;box-shadow:inset 0 0 0 2px #2a4a10,inset 0 0 22px #3d6a1255}
.mesa .lm{display:flex;gap:4px}
.mesa .lm .vu{width:11px;height:118px;background:#1e3a0822;box-shadow:inset 0 0 0 1px #1e3a08}
.mesa .lmain{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}
.mesa .lscr{border:1.5px solid #1e3a08;border-radius:3px;padding:4px 6px;background:#9ad24c66}
.mesa .lscr svg{width:100%;height:32px;display:block}
.mesa .lprog{display:grid;grid-template-columns:auto auto 1fr;gap:4px 10px;align-items:center}
.mesa .lprog>span{grid-column:1/3;font-size:11px}
.mesa .lprog svg{width:52px;height:34px}
.mesa .parr{display:grid;grid-template-columns:1fr 1fr;gap:4px;justify-items:center;grid-row:1/3;grid-column:3}
.mesa .parr b{width:42px;height:28px;border:1.5px solid #1e3a08;border-radius:4px;display:grid;place-items:center;font-size:18px}
.mesa .parr span{grid-column:1/-1;font-size:11px}
.mesa .lpar{display:grid;grid-template-columns:auto auto 1fr;gap:6px}
.mesa .lpar div{border:1.5px solid #1e3a08;border-radius:3px;text-align:center;font-size:10px;padding:1px 4px}
.mesa .lpar b{display:block;background:#1e3a08;color:#a8e05a;margin:1px -3px -1px;font-size:11px}
.mesa .lbtns{display:flex;flex-direction:column;gap:6px}
.mesa .lbtns button{width:58px;flex:1;border-radius:4px;border:1.5px solid #1e3a08;background:#9ad24c;color:#1e3a08;font:700 10.5px -apple-system,sans-serif;cursor:pointer}
.mesa .rbot{display:flex;flex:1;min-height:0;margin-top:10px}
.mesa .ch.rev{flex:0 0 160px;padding-top:6px;border-right:1px solid #262c35;border-left:none}
.mesa .rv{font-size:18px;letter-spacing:.06em;color:#c9d1db;margin-top:6px}
.mesa .dw{display:flex;justify-content:space-between;width:96px;font-size:9px;color:#c6ced8;margin-top:-6px}
.mesa .mcol{flex:1;display:flex;flex-direction:column;align-items:center;padding-left:10px;min-width:0}
.mesa .mcol .mtitle{font-size:22px;margin:0 0 8px}
.mesa .mcol .rets{gap:34px;margin:12px 0 8px}
.mesa .mcol .disp{font-size:17px;margin-top:4px}
.mesa .mled{display:flex;gap:4px;align-self:stretch;padding:6px 0}
.mesa .mled .vu{width:10px;height:auto;flex:none}
.mesa .foc{font-size:14px;letter-spacing:.05em;color:#e9eef4;margin-top:4px}
.mesa .k{box-shadow:0 0 0 4px #1b222c,0 0 0 5.5px #56616f,0 6px 9px #000c,inset 0 -2px 4px #0006,inset 0 1px 2px #ffffff80!important;background:radial-gradient(circle at 40% 32%,#c7dbe8,#8fb0c6 40%,#5d7f97 80%,#3e5a6e)}
.mesa .k i::after{background:#f4f7fa!important;width:2.5px}
.mesa .k.mid{background:radial-gradient(circle at 40% 32%,#8fb0c9,#3f6b8d 45%,#24435c 85%)}
.mesa .k.low{background:radial-gradient(circle at 40% 32%,#8fbf8a,#356d36 45%,#1e4220 85%)}
.mesa .k.red{box-shadow:0 0 0 7px #1d2530,0 0 0 8.5px #5a6573,0 8px 12px #000c,inset 0 -3px 6px #0007!important;background:radial-gradient(circle at 42% 34%,#d23a46,#a10f1c 42%,#5e0710 85%)}
.mesa .k.red::before{background:repeating-conic-gradient(#ffffff10 0 4deg,transparent 4deg 8deg)}
.mesa .kw.g::before{-webkit-mask:radial-gradient(circle,transparent 67%,#000 68%,#000 74%,transparent 75%);mask:radial-gradient(circle,transparent 67%,#000 68%,#000 74%,transparent 75%)}
.mesa .btn{width:56px;height:52px;border-radius:4px;border:3px solid #1a1d22;font:800 15px "Arial Narrow","Roboto Condensed","Helvetica Neue",sans-serif;letter-spacing:.02em;box-shadow:0 3px 6px #000a,inset 0 2px 2px #ffffff70,inset 0 -3px 5px #0004}
.mesa .mute{background:linear-gradient(#ff3d33,#e80d0d 55%,#c00808);color:#2a0303;text-shadow:none}
.mesa .solo{background:linear-gradient(#ffcf4d,#ffad14 55%,#e8920a);color:#2a1800}
.mesa .sq{background:linear-gradient(#f6f7f9,#cdd2d9);border:2px solid #1b2028;border-radius:3px;box-shadow:0 2px 3px #000a}
.mesa .con{height:100%}.mesa .kw.off,.mesa .sends .na{visibility:hidden}
.mesa .rets .k.red{width:40px;height:40px;box-shadow:0 0 0 4px #1d2530,0 0 0 5.5px #5a6573,0 6px 9px #000c!important}
.mesa .con{position:relative}
.mesa .inp{margin-top:6px;max-width:100%;padding:3px 8px;border-radius:4px;border:1px solid #1d232b;background:#0c2531;color:#5ce4ff;font:700 10px "SF Mono",Menlo,monospace;letter-spacing:.04em;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mesa .pop{position:absolute;left:50%;top:70px;transform:translateX(-50%);z-index:20;min-width:280px;max-height:80%;overflow:auto;display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:10px;background:#1b2028;border:1px solid #56606e;box-shadow:0 20px 50px #000c}
.mesa .pop[hidden]{display:none}.mesa .pop b{font-size:12px;letter-spacing:.12em;color:#c9d1db;margin-top:4px}
.mesa .pop button{text-align:left;padding:10px 12px;border-radius:6px;border:1px solid #39424f;background:#262d37;color:#e9eef4;font:600 14px -apple-system,sans-serif;cursor:pointer}
.mesa .pop button.on{border-color:#5ce4ff;color:#5ce4ff}.mesa .pop small{font-size:11px;color:#9aa4b1}
.mesa .pop .cnt{display:flex;align-items:center;justify-content:center;gap:20px}.mesa .pop .cnt button{width:54px;text-align:center;font-size:22px}.mesa .pop .cnt span{font-size:30px;font-weight:700;min-width:40px;text-align:center}