.tf-remote{--bg:#0a0d12;--panel:#121722;--elev:#1a2130;--elev2:#222b3c;--border:#ffffff14;--border2:#ffffff24;--fg:#e8ecf3;--muted:#8b95a8;--muted2:#5b6b8c;--teal:#19a6a6;--teal-bright:#54d6cc;--queued:#5b6b8c;--running:#43b1e4;--ok:#27c08a;--fail:#e2554a;--review:#e0a33d;--radius:11px;background:radial-gradient(800px 420px at 100% -10%, #19a6a61a, transparent 60%), radial-gradient(700px 400px at 0% 0%, #43b1e412, transparent 55%), var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}.tf-remote *,.tf-remote :before,.tf-remote :after{box-sizing:border-box;margin:0;padding:0}.tf-remote .mono{font-feature-settings:"tnum";font-family:JetBrains Mono,monospace}.tf-remote button{cursor:pointer;font-family:inherit}.tf-remote input,.tf-remote select,.tf-remote textarea{font-family:inherit}.tf-remote .top{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0d12d1;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 22px;display:flex;position:sticky;top:0}.tf-remote .brand{letter-spacing:.28em;align-items:center;gap:9px;font-size:13px;font-weight:600;display:flex}.tf-remote .brand .dot{background:var(--teal);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #19a6a62e}.tf-remote .brand .sub{letter-spacing:.04em;color:var(--muted);text-transform:none;font-size:12px;font-weight:500}.tf-remote .proj{align-items:center;gap:8px;margin-left:6px;display:flex}.tf-remote .proj select{background:var(--elev);border:1px solid var(--border);color:var(--fg);border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:500}.tf-remote .spacer{flex:1}.tf-remote .conn{border:1px solid var(--border);background:var(--elev);color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.tf-remote .conn .ind{border-radius:50%;width:8px;height:8px}.tf-remote .conn.demo .ind{background:var(--review)}.tf-remote .conn.live .ind{background:var(--ok);box-shadow:0 0 0 3px #27c08a33}.tf-remote .conn.off .ind{background:var(--fail)}.tf-remote .tier{color:var(--teal-bright);letter-spacing:.04em;background:#19a6a61a;border:1px solid #19a6a652;border-radius:999px;align-items:center;gap:7px;padding:5px 11px;font-size:11.5px;font-weight:700;display:inline-flex}.tf-remote .iconbtn{border:1px solid var(--border);background:var(--elev);width:32px;height:32px;color:var(--muted);border-radius:8px;place-items:center;transition:all .16s;display:grid}.tf-remote .iconbtn:hover{color:var(--fg);border-color:var(--border2)}.tf-remote .iconbtn svg{width:16px;height:16px}.tf-remote .wrap{max-width:1480px;margin:0 auto;padding:22px}.tf-remote .tiles{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.tf-remote .tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:15px 17px;position:relative;overflow:hidden}.tf-remote .tile .l{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.tf-remote .tile .v{margin-top:6px;font-family:JetBrains Mono,monospace;font-size:27px;font-weight:700}.tf-remote .tile .accent{width:3px;position:absolute;top:0;bottom:0;left:0}.tf-remote .cols{grid-template-columns:330px 1fr;align-items:start;gap:16px;display:grid}.tf-remote .card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.tf-remote .card-h{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:14px 17px;display:flex}.tf-remote .card-h h3{letter-spacing:.02em;font-size:12.5px;font-weight:600}.tf-remote .card-h .ic{width:15px;height:15px;color:var(--teal-bright)}.tf-remote .card-b{padding:16px 17px}.tf-remote .field{margin-bottom:13px}.tf-remote .field label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10.5px;font-weight:600;display:block}.tf-remote .field select,.tf-remote .field input,.tf-remote .field textarea{background:var(--elev);border:1px solid var(--border);width:100%;color:var(--fg);border-radius:8px;padding:9px 11px;font-size:13px}.tf-remote .field textarea{resize:vertical;min-height:74px;line-height:1.5}.tf-remote .field select:focus,.tf-remote .field input:focus,.tf-remote .field textarea:focus{border-color:var(--teal);outline:none}.tf-remote .gatehint{border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:13px;padding:8px 10px;font-size:11px;line-height:1.45;display:flex}.tf-remote .gatehint.auto{color:#7fe0bc;background:#27c08a14;border:1px solid #27c08a33}.tf-remote .gatehint.ask{color:#f0c781;background:#e0a33d17;border:1px solid #e0a33d3d}.tf-remote .fire{background:linear-gradient(180deg, var(--teal), #138585);color:#fff;border:0;border-radius:9px;width:100%;padding:11px;font-size:13.5px;font-weight:600;transition:all .16s;box-shadow:0 6px 16px -6px #19a6a699}.tf-remote .fire:hover{filter:brightness(1.08)}.tf-remote .fire:active{transform:translateY(1px)}.tf-remote .feed-h{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 17px;display:flex}.tf-remote .feed-h h3{font-size:12.5px;font-weight:600}.tf-remote .lane-tabs{gap:5px;display:flex}.tf-remote .lane-tab{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:7px;padding:4px 10px;font-size:11px;font-weight:600}.tf-remote .lane-tab[aria-pressed=true]{background:var(--elev2);color:var(--fg);border-color:var(--border2)}.tf-remote .lane-tab .n{opacity:.7;margin-left:4px;font-family:JetBrains Mono,monospace;font-size:10px}.tf-remote .task{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 17px;transition:background .14s;display:grid}.tf-remote .task:last-child{border-bottom:0}.tf-remote .task:hover{background:var(--elev)}.tf-remote .task.review{background:#e0a33d0d}.tf-remote .task.review:hover{background:#e0a33d17}.tf-remote .t-type{align-items:center;gap:9px;min-width:0;display:flex}.tf-remote .t-icon{border:1px solid var(--border);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tf-remote .t-icon svg{width:15px;height:15px}.tf-remote .t-main{min-width:0}.tf-remote .t-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.tf-remote .t-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:2px;font-size:11px;display:flex}.tf-remote .t-id{color:var(--muted2);font-family:JetBrains Mono,monospace;font-size:10.5px}.tf-remote .sep{color:var(--muted2)}.tf-remote .pill{letter-spacing:.03em;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.tf-remote .pill .pd{border-radius:50%;width:7px;height:7px}.tf-remote .pill.queued{color:#a8b4cc;background:#5b6b8c29}.tf-remote .pill.running{color:#7ccbef;background:#43b1e424}.tf-remote .pill.running .pd{animation:1.1s infinite pulse}.tf-remote .pill.succeeded{color:#5fd9ae;background:#27c08a24}.tf-remote .pill.failed{color:#f08a80;background:#e2554a24}.tf-remote .pill.needs-review{color:#f0c781;background:#e0a33d29}.tf-remote .pill.approved{color:var(--teal-bright);background:#19a6a629}.tf-remote .pill.changes-requested{color:#f08a80;background:#e2554a24}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.tf-remote .empty{text-align:center;color:var(--muted);padding:34px;font-size:13px}.tf-remote .scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;z-index:40;background:#00000080;transition:all .22s;position:fixed;inset:0}.tf-remote .scrim.open{opacity:1;visibility:visible}.tf-remote .dr{background:var(--panel);border-left:1px solid var(--border);z-index:50;flex-direction:column;width:min(540px,96vw);height:100vh;transition:transform .28s cubic-bezier(.22,.61,.36,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.tf-remote .dr.open{transform:none}.tf-remote .dr-h{border-bottom:1px solid var(--border);padding:18px 20px}.tf-remote .dr-h .top2{justify-content:space-between;align-items:center;gap:10px;display:flex}.tf-remote .dr-h h2{margin-top:10px;font-size:16px;font-weight:600;line-height:1.3}.tf-remote .dr-h .id{color:var(--muted);font-family:JetBrains Mono,monospace;font-size:11px}.tf-remote .dr-b{flex:1;padding:18px 20px;overflow-y:auto}.tf-remote .dr-close{border:1px solid var(--border);background:var(--elev);width:30px;height:30px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.tf-remote .kv{grid-template-columns:auto 1fr;gap:6px 16px;margin-bottom:18px;font-size:12.5px;display:grid}.tf-remote .kv .k{color:var(--muted)}.tf-remote .kv .v{text-align:right}.tf-remote .sub-h{letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:18px 0 9px;font-size:10.5px;font-weight:700}.tf-remote .term{border:1px solid var(--border);color:#b8c4d6;white-space:pre-wrap;background:#06080c;border-radius:9px;max-height:230px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:11.5px;line-height:1.65;overflow:auto}.tf-remote .term .ok{color:#5fd9ae}.tf-remote .term .warn{color:#f0c781}.tf-remote .term .dim{color:var(--muted2)}.tf-remote .art{background:var(--elev);border:1px solid var(--border);border-radius:8px;align-items:center;gap:9px;margin-bottom:7px;padding:9px 11px;font-size:12.5px;display:flex}.tf-remote .art a{color:var(--teal-bright);font-weight:500;text-decoration:none}.tf-remote .art svg{width:14px;height:14px;color:var(--muted);flex:none}.tf-remote .rub{gap:7px;margin-bottom:8px;display:grid}.tf-remote .rub-row{grid-template-columns:1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.tf-remote .rub-row .ax{color:var(--fg)}.tf-remote .rub-row .ax .star{color:var(--review)}.tf-remote .bars{gap:3px;display:flex}.tf-remote .bars i{background:var(--elev2);border-radius:2px;width:14px;height:7px}.tf-remote .bars i.on{background:var(--teal)}.tf-remote .bars i.lo{background:var(--review)}.tf-remote .gate-verdict{border-radius:9px;align-items:center;gap:8px;margin:10px 0 4px;padding:9px 12px;font-size:12.5px;font-weight:600;display:flex}.tf-remote .gate-verdict.pass{color:#7fe0bc;background:#27c08a1a}.tf-remote .gate-verdict.hold{color:#f0c781;background:#e0a33d1a}.tf-remote .gate-verdict svg{width:15px;height:15px}.tf-remote .actions{gap:9px;margin-top:16px;display:flex}.tf-remote .btn{border:1px solid var(--border2);background:var(--elev);color:var(--fg);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.tf-remote .btn svg{width:14px;height:14px}.tf-remote .fb{background:var(--elev);border:1px solid var(--border);width:100%;color:var(--fg);resize:vertical;border-radius:8px;min-height:62px;margin-bottom:2px;padding:9px 11px;font-size:12.5px;line-height:1.5}.tf-remote .fb:focus{border-color:var(--teal);outline:none}.tf-remote .btn:hover{border-color:var(--muted)}.tf-remote .btn.approve{background:linear-gradient(180deg, var(--teal), #138585);color:#fff;border:0}.tf-remote .btn.reject{color:#f08a80;background:0 0;border-color:#e2554a66}.tf-remote .type-row{align-items:center;gap:8px;display:flex}.tf-remote .type-row select{flex:1;min-width:0}.tf-remote .type-help{flex:none;position:relative}.tf-remote .help-btn{border:1px solid var(--border);background:var(--elev);width:22px;height:22px;color:var(--muted);border-radius:50%;place-items:center;font-size:11px;font-weight:700;line-height:1;transition:all .14s;display:grid}.tf-remote .help-btn:hover,.tf-remote .help-btn:focus{color:var(--fg);border-color:var(--border2);outline:none}.tf-remote .type-tip{background:var(--elev2);border:1px solid var(--border2);color:var(--fg);z-index:20;pointer-events:none;border-radius:8px;width:210px;padding:8px 11px;font-size:11.5px;line-height:1.48;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 22px -6px #0000008c}.tf-remote .remember-row{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:4px;margin-bottom:16px;font-size:12px;display:flex}.tf-remote .remember-row input[type=checkbox]{width:14px;height:14px;accent-color:var(--teal);cursor:pointer;flex:none}.tf-remote .modal{z-index:60;opacity:0;visibility:hidden;place-items:center;transition:all .2s;display:grid;position:fixed;inset:0}.tf-remote .modal.open{opacity:1;visibility:visible}.tf-remote .modal .box{background:var(--panel);border:1px solid var(--border2);border-radius:16px;width:min(440px,92vw);padding:24px;box-shadow:0 30px 70px -20px #000000b3}.tf-remote .modal h3{margin-bottom:4px;font-size:16px;font-weight:600}.tf-remote .modal p{color:var(--muted);margin-bottom:18px;font-size:12px;line-height:1.55}.tf-remote .modeswitch{gap:8px;margin-bottom:16px;display:flex}.tf-remote .modeswitch button{border:1px solid var(--border);background:var(--elev);color:var(--muted);border-radius:9px;flex:1;padding:9px;font-size:12.5px;font-weight:600}.tf-remote .modeswitch button[aria-pressed=true]{border-color:var(--teal);color:var(--teal-bright);background:#19a6a61a}.tf-remote .note{color:var(--muted2);border-top:1px solid var(--border);margin-top:14px;padding-top:12px;font-size:11px;line-height:1.5}.tf-remote .toast{background:var(--elev2);border:1px solid var(--border2);color:var(--fg);opacity:0;z-index:70;border-radius:10px;padding:11px 18px;font-size:12.5px;font-weight:500;transition:all .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 14px 30px -10px #0009}.tf-remote .toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:920px){.tf-remote .tiles{grid-template-columns:repeat(2,1fr)}.tf-remote .cols{grid-template-columns:1fr}}