/* Escritorio Fluent: identidad Sibelys, acento Azure, paneles compactos. */
:root{--bg:#f3f5f8;--panel:#fff;--panel2:#edf3fa;--text:#242424;--muted:#586579;--mint:#0078d4;--sand:#b27b10;--line:#d9e0e8;--sidebar:216px;color-scheme:light;font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI Variable','Segoe UI',Arial,sans-serif;font-size:13px}h1{font-size:27px;letter-spacing:-.5px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:16px}.eyebrow{color:#52697f;letter-spacing:.8px}button,a{transition:background .12s}.primary,button.primary,a.primary{background:#0078d4;color:white;border-color:#0078d4;border-radius:4px;padding:9px 15px;gap:10px}.primary:hover{background:#106ebe}.secondary{background:white;color:#25364a;border:1px solid #bec9d5;border-radius:4px;padding:8px 13px}.secondary:hover{background:#edf3fa}.text-button{color:#0067b8}.quiet{color:#455368}.quiet:hover,.text-button:hover{color:#005a9e;background:#e5eef8}.icon-button{color:#25364a;border-color:#cbd5e1;background:white}.danger-text{color:#a4262c!important}.dot{background:#107c41;box-shadow:none}.brand{letter-spacing:0;font-size:17px;font-weight:600}.brand-mark{border:0;border-radius:4px;background:linear-gradient(135deg,#00a4ef,#0067b8);color:#fff;font-weight:600;letter-spacing:-2px}.brand-mark>span{color:#b9e9ff}.brand-sub{font-size:9px;letter-spacing:.5px;color:#5d7188}.sidebar{background:#f9fafc;padding:22px 12px 12px;border-color:#d9e0e8}.sidebar .brand{margin:0 9px 31px}.nav-label{color:#64758b;font-size:10px;letter-spacing:.5px}.sidebar nav{gap:4px}.sidebar nav a{border-radius:4px;font-size:13px;color:#34435a;padding:11px 12px}.sidebar nav a.active{color:#005a9e;background:#e6f0fb}.sidebar nav a.active:after{right:auto;left:0;width:3px;height:23px;border-radius:2px;background:#0078d4}.sidebar nav a:hover{background:#edf1f6;color:#005a9e}.host-label{color:#315576;letter-spacing:.4px;border-color:#d9e0e8}.host-label>span:last-child{color:#6b7c91}.topbar{height:56px;background:#0067b8;color:#fff;border:0;padding:0 22px;gap:18px;position:sticky;top:0;z-index:9}.breadcrumb{color:#d9ebfb;font-size:13px;gap:12px;white-space:nowrap}.breadcrumb>span:last-child{color:#fff}.breadcrumb b{color:#9ec8eb}.topbar-right{gap:12px}.connection{color:#e1f3ff}.connection .dot{background:#b5f5ce}.avatar{background:#004f8c;border-color:#73afe1;color:white}.global-context{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}.global-context label{font-size:11px;color:#dcefff}.global-context select{background:#fff;color:#243b53;padding:6px 25px 6px 8px;font-size:12px;min-width:100px;max-width:220px;border-color:#b6d2ed}.content{padding:24px;max-width:none;min-height:calc(100vh - 100px)}.page-heading{margin-bottom:20px}.page-heading p{font-size:13px}.workspace-banner{background:linear-gradient(105deg,#e7f2ff,#f6faff);border-color:#c4dcf2;border-radius:6px;padding:21px 24px;min-height:120px;margin-bottom:24px}.workspace-banner .eyebrow,.workspace-banner code{color:#405e79}.workspace-banner h2{color:#164c7e}.banner-orbit{display:none}.outline-light{color:#005a9e;border-color:#96b8da;background:white}.outline-light:hover{background:#e0efff}.section-heading>span{color:#60738a}.tool-grid{gap:14px;margin-bottom:24px}.tool-card{background:white;border-color:#d9e0e8;border-radius:6px;box-shadow:0 1px 2px #162a4010;padding:20px}.tool-card:hover{border-color:#74afe0;box-shadow:0 3px 8px #003f7512;transform:translateY(-1px)}.tool-icon{margin-bottom:17px;border-radius:5px;background:#e7f2ff;color:#0078d4}.tool-kicker{color:#5c7188;letter-spacing:.7px}.tool-card h3>span{color:#0078d4}.tool-card p{color:#586579;max-width:none}.project-card{background:white;border-radius:5px;border-color:#d9e0e8}.project-card.selected{background:#e8f3ff;border-color:#0078d4}.project-card:hover{border-color:#0078d4}.project-card small{color:#63778b}.project-icon{color:#d6a422}.bottom-info{color:#586b80}.app-footer{padding:13px 24px;background:#f9fafc;border-color:#d9e0e8;color:#627488;letter-spacing:.2px}.count{border-color:#ccd7e2;color:#53697f}.context-row{background:white;border-color:#d9e0e8;border-radius:4px;margin-bottom:12px;gap:10px;padding:9px 12px}.context-row label{color:#506276}.context-row code{color:#365b7a}.context-row select{padding:7px 25px 7px 9px}.context-row #editor-profile-label{font-size:11px;color:#0067b8;margin-left:auto}input,select{color:#242424;background:white;border:1px solid #b9c5d3;border-radius:3px;padding:9px 10px}input:focus,select:focus{border-color:#0078d4;outline:1px solid #0078d4}label{color:#43566c}.iframe-wrap{border-color:#cbd5e1;border-radius:4px;background:#1e1e1e}.iframe-wrap iframe{background:#1e1e1e}.window-command{display:flex;gap:9px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.window-command h1{font-size:25px;margin:0 auto 0 0}.window-command #session-count{color:#60758a;margin-right:10px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr);height:calc(100vh - 217px);min-height:500px;gap:8px}.editor-wrap{height:100%;min-height:0}.editor-layout.with-ai{grid-template-columns:minmax(360px,1fr) minmax(350px,38%)}#editor-ai{background:#1e1e1e;display:flex;flex-direction:column;border:1px solid #cbd5e1;border-radius:4px;min-width:0;overflow:hidden}#editor-agent-frame{width:100%;flex:1;min-height:300px;border:0;background:#1e1e1e}.dock-title{display:flex;justify-content:space-between;align-items:center;padding:5px 12px;background:#edf4fc;font-weight:600}.session-context{padding:9px 12px;font-size:11px;background:#f5f8fb;color:#34506d;overflow-wrap:anywhere}.editor-help{font-size:11px;margin:10px 0 0;color:#586c83}.terminal-controls{background:white;border-color:#d9e0e8;border-radius:4px;padding:12px;gap:12px;margin-bottom:10px}.terminal-controls label{font-size:11px}.terminal-controls select{padding:8px 26px 8px 9px}.terminal-controls>.primary{padding:9px 15px}.session-tabs{display:flex;gap:2px;overflow:auto;margin:0 0 0;border-bottom:1px solid #b9cbdc}.session-tabs button{background:#e8edf4;border:1px solid #cbd5e1;border-bottom:0;border-radius:5px 5px 0 0;color:#465c75;padding:10px 13px;font-size:12px;white-space:nowrap}.session-tabs button.active{background:white;color:#005a9e;border-top:2px solid #0078d4}.sessions-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.sessions-grid.tiled{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.session-pane{border:1px solid #b9cbdc;overflow:hidden;background:#1e1e1e;border-radius:0 0 4px 4px;min-width:0}.session-pane>header{background:#fff;display:flex;gap:10px;justify-content:space-between;align-items:center;padding:8px 12px;min-height:61px;flex-wrap:wrap}.session-pane>header strong{font-size:12px;display:block}.session-pane>header small{display:block;font-size:10px;color:#526b84;margin-top:3px;overflow-wrap:anywhere}.session-pane>header .quiet{font-size:11px;padding:5px 7px}.session-status{font-size:10px;color:#256941}.session-pane>iframe{display:block;border:0;width:100%;height:calc(100vh - 335px);min-height:390px;background:#1e1e1e}.tiled .session-pane>iframe{height:410px;min-height:0}.session-pane:fullscreen{width:100vw;height:100vh;border:0;display:flex;flex-direction:column}.session-pane:fullscreen iframe{height:auto;flex:1;min-height:0}.auth-banner,#editor-auth-links:not(:empty){background:#eff6ff;color:#243f5e;border-top:1px solid #b5d7f5;border-bottom:1px solid #b5d7f5;padding:12px;overflow-wrap:anywhere}.auth-banner>div{display:flex;gap:8px;margin:9px 0}.auth-banner small,#editor-auth-links small{display:block;color:#4a6580;font-size:11px}.device-code{font-size:20px;letter-spacing:3px;font-weight:700;padding:4px 12px;background:#fff;border:1px solid #99bfe4;border-radius:3px;display:inline-block}.setup-steps{display:flex;gap:18px;align-items:center;padding:12px 16px;background:#eaf3ff;border:1px solid #c4d9ef;border-radius:4px;margin-bottom:18px;color:#365b7c;font-size:12px}.setup-steps b{display:inline-grid;place-items:center;background:#0078d4;color:#fff;width:22px;height:22px;border-radius:50%;margin-right:7px}.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.profile-card{background:white;border:1px solid #cfd9e4;border-radius:5px;padding:17px;min-width:0;box-shadow:0 1px 2px #162a4008}.profile-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:15px}.profile-agent{font-size:10px;font-weight:700;letter-spacing:.6px;color:#0067b8;background:#e7f2ff;padding:5px 8px;border-radius:3px}.status-pill{color:#865b13;background:#fff5d8;border:1px solid #f1d994;border-radius:3px;padding:4px 7px;font-size:10px}.status-pill.connected{color:#107c41;background:#e7f5ec;border-color:#a5d4b6}.profile-card h2{font-size:18px;margin:0 0 14px}.profile-card dl{margin:0 0 16px}.profile-card dt{font-size:10px;color:#6a7e92;margin:10px 0 3px}.profile-card dd{font-size:12px;margin:0;color:#243f5d;overflow-wrap:anywhere}.profile-card>.text-button{font-size:11px;margin-top:8px;padding:7px 0}.profile-card>small{display:block;font-size:10px;line-height:1.5;margin-top:12px}.profile-workbench{display:grid;grid-template-columns:minmax(360px,1.1fr) minmax(300px,1fr);gap:16px}.settings-card,.help-card{background:white;border-color:#d9e0e8;border-radius:5px;padding:23px}.help-card p{font-size:12px;line-height:1.75}.help-card h3{margin-top:25px}.settings-card form{display:flex;flex-direction:column;gap:9px}.settings-card form>label{margin-top:8px}.settings-card .button-row{margin-top:12px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0}.form-columns label{display:flex;flex-direction:column;gap:7px}#api-fields{display:flex;flex-direction:column;gap:8px}#api-fields>label{margin-top:9px}.info-strip{background:#eff6ff;border:1px solid #c8ddf4;border-left:3px solid #0078d4;padding:11px 13px;color:#365675;border-radius:3px;font-size:12px;margin:3px 0 9px}.harness-wrap{height:calc(100vh - 220px);min-height:600px}.file-panel,.activity-panel{background:white;border-color:#d9e0e8;border-radius:4px}.file-toolbar,.file-location,.file-footer{border-color:#d9e0e8;background:#f9fbfd}.file-name{color:#263b53}.file-name span:first-child{color:#bf8e10}.file-table th{color:#5c7086;background:#f5f8fc;border-color:#d9e0e8}.file-table td{color:#314860;border-color:#e8edf3}.file-table tr:hover{background:#f0f6ff}.file-table tr.selected{background:#e0efff}.file-footer{color:#61788f}.file-location code{color:#3b5f7e}.file-toolbar .quiet,.file-toolbar .text-button{font-size:11px}.file-panel.drag-over{border-color:#0078d4;background:#eaf4ff}.file-footer,.file-location,.file-toolbar{border-color:#d9e0e8}.progress-track{background:#dde8f4}.progress-track span{background:#0078d4}.activity-item{border-color:#d9e0e8}.activity-percent{color:#0067b8}.empty-state h3{color:#304d6b}.empty-state p{color:#60758a}.empty-icon{color:#5992c2}dialog{color:#242424;background:white;border:1px solid #c4cfdb;border-radius:7px;box-shadow:0 12px 55px #0f355e35}dialog::backdrop{background:#1d365d50}.dialog-heading,.dialog-actions{border-color:#d9e0e8}#toast{background:#fff;color:#163e62;border:1px solid #90bce2;border-left:4px solid #0078d4;box-shadow:0 5px 20px #1b456b20;border-radius:4px}.form-error{color:#a4262c}.login-page{background:linear-gradient(130deg,#e3f0ff,#f7f9fc 65%);color:#242424}.login-layout{max-width:1140px}.login-intro h1{color:#143e66;font-weight:600}.login-intro p{color:#48617c}.login-intro .brand{color:#174c7b}.login-intro .eyebrow{color:#0078d4}.login-tags span{color:#286496;background:#e6f2ff;border-color:#b9d4ee}.login-intro footer{color:#52718e}.login-card{background:white;border:1px solid #ccd9e8;border-radius:8px;box-shadow:0 8px 35px #234f7a12}.login-card h2{color:#173f65}.section-number{color:#0078d4}.tool-window .sidebar,.tool-window .topbar,.tool-window .app-footer{display:none}.tool-window .main-shell{margin:0;width:100%}.tool-window .content{padding:12px}.tool-window #view-terminal>.terminal-controls,.tool-window #view-terminal>.window-command,.tool-window .session-tabs{display:none}.tool-window .session-pane>iframe{height:calc(100vh - 94px);min-height:0}.tool-window .editor-layout{height:calc(100vh - 135px);min-height:0}.tool-window .editor-help{display:none}.tool-window .window-command h1{font-size:20px}
@media(min-width:1500px){.profiles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content{padding:25px 30px}}
@media(max-width:1100px){.global-context label{display:none}.global-context select{max-width:160px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-workbench{grid-template-columns:1fr}.setup-steps{gap:10px;flex-wrap:wrap}.editor-layout.with-ai{grid-template-columns:minmax(320px,1fr) 350px}.sessions-grid.tiled{grid-template-columns:1fr}.topbar-right{display:none}}
@media(max-width:760px){.sidebar{padding:14px 12px;position:relative;width:100%;inset:auto}.sidebar .brand{margin:0 0 13px;font-size:15px}.sidebar nav a{font-size:11px;padding:8px}.sidebar nav{gap:3px}.sidebar nav a.active:after{display:none}.sidebar-bottom{top:12px;right:10px}.sidebar-bottom>.quiet{color:#376283}.topbar{padding:8px 12px;height:auto;min-height:52px;gap:10px;position:relative;flex-wrap:wrap}.breadcrumb{font-size:11px}.global-context{width:100%;margin:0}.global-context select{flex:1;max-width:50%;min-width:0}.global-context label{display:block}.main-shell{margin:0;width:100%}.content{padding:16px 12px}.workspace-banner{padding:18px}.profiles-grid,.project-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.tool-card{padding-left:75px}.tool-icon{left:20px;top:26px}.tool-card p{font-size:12px}.window-command h1{width:100%;font-size:23px}.window-command .secondary,.window-command .primary{font-size:11px;padding:8px}.editor-layout{height:650px;min-height:0}.editor-layout.with-ai{grid-template-columns:1fr;height:auto}.editor-layout.with-ai .editor-wrap{height:540px}#editor-ai{min-height:450px}.terminal-controls{flex-wrap:wrap}.terminal-controls label{min-width:110px}.terminal-controls label:first-child{width:100%;flex:auto}.session-pane>iframe{min-height:430px;height:500px}.setup-steps span{display:block;font-size:11px}.setup-steps{align-items:flex-start;flex-direction:column}.profile-workbench{display:block}.help-card{margin-top:16px}.form-columns{grid-template-columns:1fr}.settings-card,.help-card{padding:18px}.profile-card{padding:17px}.context-row code{max-width:100%;margin:0}.context-row #editor-profile-label{width:100%;margin:0}.tool-window .editor-layout.with-ai{height:auto}.harness-wrap{height:700px;min-height:0}.app-footer{padding:12px}.login-intro h1{font-size:39px}.login-intro .brand{margin-bottom:28px}}
