/* Risco Zero — Nexus. Neutro estrutura; laranja interação; status semânticos. */
:root{--nav:#30343b;--nav-muted:#aeb4ba;--green:#d97800;--lime:#f28c00;--ink:#30343b;--muted:#777c82;--line:#e7e9ec;--bg:#f6f7f8;--white:#fff;--red:#c62828;--radius:10px;--surface:#fff;--elevated:#f6f7f8;--input-border:#d5d8dc;--selection:#fff3e0;--primary:#f28c00;--primary-hover:#d97800;--info:#1976d2;--success:#2e7d32;font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif}
h1{font-size:30px;font-weight:700;letter-spacing:-.7px}h2{font-size:22px;font-weight:600}h3{font-size:18px;font-weight:600}
button:focus-visible,a:focus-visible{outline-color:var(--primary)}input:focus,select:focus,textarea:focus{outline:2px solid #f28c0030;outline-offset:1px;border-color:var(--primary)}
.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:none;font-weight:600}.btn.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn.secondary{border-color:var(--input-border)}.btn.secondary:hover,.btn.ghost:hover,.icon-btn:hover{background:var(--elevated)}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}
.logo-mark{background:transparent;color:var(--primary);border-color:#ffffff35;border-radius:8px}.logo small{color:#aeb4ba;letter-spacing:2.3px}.sidebar{color:#e7e9ec}.nav-link{color:#e7e9ec}.nav-label{color:#aeb4ba}.nav-link.active{color:#fff;background:#ffffff0c}.nav-link.active .icon{color:var(--primary)}.workspace-tag .avatar,.profile .avatar{background:#ffffff10;color:#e7e9ec}.sidebar-note{color:#aeb4ba;background:#ffffff05}.sidebar-note strong{color:#e7e9ec}.profile .icon-btn{color:#aeb4ba}
.avatar{background:var(--elevated);color:var(--ink)}.topbar,.panel,.stat,.client-card,.table-wrap,.book,.btn,.field input,.field select,.field textarea,.context-bar select,.local-search,.search-trigger kbd,.command-hit,.login-page{background:var(--surface)}.search-trigger{background:var(--elevated);color:var(--muted)}.search-trigger kbd{border-color:var(--line);color:var(--muted)}
.hero{background:var(--surface);border-color:var(--line);padding:20px 24px;min-height:105px}.hero .eyebrow{color:var(--muted)}.hero h2{font-size:22px;font-weight:600}.hero p{color:var(--muted);max-width:600px}.hero-art{width:90px;height:60px}.hero-art:before,.hero-art:after{display:none}.hero-art span{display:none}.hero-art span:nth-child(2){display:block;transform:none;background:var(--elevated);color:var(--ink);padding:17px;border:1px solid var(--line);box-shadow:none;border-radius:10px}
.stat{padding:19px 22px}.stat-icon{background:var(--elevated);color:var(--muted)}.stat-label,.stat-foot,.stat-foot span{color:var(--muted)}.stat-label{font-size:13px}.panel-head h2{font-size:16px}.panel-head a,.text-link{color:var(--primary-hover);font-size:12px}.panel-body{padding-bottom:20px}.client-mini strong,.activity-row strong{font-size:13px}.client-mini p,.activity-row p,.activity-row time{font-size:12px}.client-mini,.activity-row{border-color:var(--line)}.client-mini:hover strong{color:var(--primary-hover)}
.distribution-total{border-color:var(--line);border-width:8px}.legend-row{font-size:12px}.legend-row span{color:var(--muted)}.legend-row span:before{background:var(--muted)}.subtle-note{color:var(--muted);font-size:12px}.quick-action{background:var(--surface);font-size:12px}.quick-action .icon,.table-name>.icon,.empty>.icon,.connection-node .icon,.connection-type .icon,.command-head .icon,.command-hit>.icon{color:var(--muted)}.quick-action:hover{background:var(--selection);border-color:var(--primary)}.activity-row .activity-icon{color:var(--info);background:#1976d210}.client-card{transition:border-color .15s}.client-card:hover{transform:none;box-shadow:none;border-color:var(--primary)}
.client-table td{height:66px}.client-table .table-name{min-width:250px}.client-table .avatar{width:34px;height:34px;border-radius:8px;font-size:11px}.client-link{display:flex;align-items:center;gap:11px}.client-link:hover strong{color:var(--primary-hover)}.client-table .icon-btn{color:var(--muted)}.client-table .icon-btn:hover{color:var(--primary-hover);background:var(--selection)}
th{background:var(--elevated);color:var(--muted);font-size:11px}td{border-color:var(--line);font-size:13px}td strong{font-size:13px}td small{font-size:11px}tbody tr:hover{background:var(--elevated)}.pill{background:var(--elevated);color:var(--muted);font-size:11px}.pill.green{background:#2e7d3212;color:var(--success)}.pill.amber{background:#f9a82520;color:#896000}.context-label i{background:var(--muted)}.notice{background:#1976d209;border-color:#1976d225;color:var(--info)}.notice.amber{background:#f9a82512;border-color:#f9a82540;color:#896000}
.connection,.detail-notes,.secret-box,.modal-foot,.command-footer{background:var(--elevated)}.secret-box{border-color:var(--input-border)}dialog{background:var(--surface);border-color:var(--line);border-radius:12px;box-shadow:0 16px 55px #00000020}dialog::backdrop{background:#181a1d80;backdrop-filter:none}.field input,.field select,.field textarea{border-color:var(--input-border)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary)}.field>span{font-size:13px}.field small{font-size:12px}.field b{color:var(--primary-hover)}.command-hit:hover,.command-hit:focus{background:var(--selection)}.command-hit strong{font-size:13px}.command-hit small{font-size:12px}.spinner{border-color:var(--line);border-top-color:var(--primary)}#toast.error{background:var(--red)}
.topology-diagram-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;margin-bottom:22px}.diagram-legend{display:flex;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.diagram-legend span{display:inline-flex;gap:7px;align-items:center}.diagram-legend i{width:20px;height:2px;background:#777c82;display:inline-block;position:relative}.diagram-legend i:after{content:'';border:4px solid transparent;border-left-color:#777c82;position:absolute;right:-7px;top:-3px}.diagram-legend .hosts{background:var(--primary)}.diagram-legend .hosts:after{border-left-color:var(--primary)}.diagram-legend .depends{background:var(--info)}.diagram-legend .depends:after{border-left-color:var(--info)}.diagram-legend small{margin-left:auto}.topology-diagram-scroll{overflow:auto;padding:16px;background:var(--elevated)}.topology-diagram{display:block;min-width:620px;width:100%;min-height:260px}.topology-diagram .diagram-link{stroke:#777c82;stroke-width:2;fill:none}.topology-diagram .diagram-link.hosts{stroke:var(--primary)}.topology-diagram .diagram-link.depends_on{stroke:var(--info)}.topology-diagram marker path{fill:#777c82}.diagram-node rect{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.diagram-node:hover rect{stroke:var(--primary);stroke-width:2}.diagram-name{font:600 13px Inter,"Segoe UI",sans-serif;fill:var(--ink)}.diagram-meta{font:11px Inter,"Segoe UI",sans-serif;fill:var(--muted)}.topology-relations{margin-top:0}
.login-page{grid-template-columns:minmax(280px,35%) 1fr}.login-brand{background:var(--elevated);color:var(--ink);border-right:1px solid var(--line);padding:40px}.login-brand:after{display:none}.login-brand .logo-mark{border-color:var(--input-border)}.login-brand .logo small{color:var(--muted)}.login-brand .eyebrow{color:var(--muted)}.login-brand h1{font-size:32px;line-height:1.3;font-weight:600;letter-spacing:-.8px}.login-brand h1 span{color:var(--ink)}.login-brand-content>p{color:var(--muted);font-size:14px}.login-features span{border-color:var(--line);color:var(--ink);background:var(--surface);font-size:12px}.login-features .icon{color:var(--muted)}.login-footer{color:var(--muted)}.login-form-container>p{font-size:14px}.login-form-container h2{font-size:28px;font-weight:600}.login-form-container>.icon{color:var(--primary)}.login-footnote{color:var(--muted);font-size:12px}
.theme-toggle{position:fixed;right:18px;bottom:12px;z-index:30;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);padding:6px 10px;font-size:11px}.footer-caption{padding-right:90px}
.logo{gap:9px;min-width:0}.brand-logo{display:block;width:140px;height:auto;max-width:100%;object-fit:contain}.logo-product{font-size:10px;letter-spacing:2px;font-weight:700;color:#aeb4ba;border-left:1px solid #ffffff35;padding-left:9px}.login-brand .brand-logo{width:220px}.login-brand .logo-product{color:var(--muted);border-color:var(--line)}.sidebar .logo{align-items:center}
:root[data-theme=dark]{color-scheme:dark;--bg:#181a1d;--surface:#22252a;--elevated:#292d32;--line:#3a3f45;--input-border:#3a3f45;--ink:#f1f3f4;--muted:#aeb4ba;--selection:#f28c0018;--primary-hover:#f28c00;--success:#81c784;--info:#64b5f6;--red:#ef5350}.pill.green{border:1px solid #2e7d3220}:root[data-theme=dark] .pill.amber,:root[data-theme=dark] .notice.amber{color:#f9a825}:root[data-theme=dark] .btn.primary:hover{background:#d97800}:root[data-theme=dark] .btn.primary{color:#fff}:root[data-theme=dark] .field input::placeholder{color:#aeb4ba}
@media(max-width:1150px){.login-brand{padding:32px}.login-brand h1{font-size:28px}.brand-logo{width:120px}.logo-product{font-size:9px;padding-left:7px}}@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-brand{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.login-brand-content,.login-footer{display:none}.login-form-side{padding:35px 24px}.hero-art{display:none}}@media(max-width:680px){.brand-logo{width:132px}.logo-product{font-size:8px;letter-spacing:1.5px}}@media print{.theme-toggle{display:none!important}:root[data-theme=dark]{--ink:#30343b;--muted:#777c82;--surface:#fff;--bg:#fff;--line:#e7e9ec;--elevated:#f6f7f8;color-scheme:light}}

/* Consulta de clientes acessível por mouse e teclado. */
.client-picker{position:relative;width:360px;max-width:100%;color:var(--ink)}
.client-picker-input{display:flex;border:1px solid var(--input-border);border-radius:7px;background:var(--surface)}
.client-picker-input input{min-width:0;width:100%;padding:10px 12px;border:0;background:transparent;color:var(--ink);border-radius:7px;font:inherit}
#client-clear{border:0;background:transparent;color:var(--muted);padding:0 12px;cursor:pointer;font-size:20px}
#client-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:30;max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 16px #00000012}
#client-options[hidden]{display:none}
#client-options button{display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px;color:var(--ink);cursor:pointer}
#client-options button:hover,#client-options button[aria-selected="true"]{background:var(--selection)}
#client-options strong,#client-options small{display:block}#client-options small{color:var(--muted);margin-top:4px}#client-options p{padding:12px;margin:0;color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.form-grid>.wide{grid-column:1/-1;min-width:0}.form-grid [hidden]{display:none!important}.interface-advanced{border-top:1px solid var(--line);padding-top:14px}.interface-advanced summary{cursor:pointer;margin-bottom:14px}.resource-addresses summary{cursor:pointer;color:var(--muted);margin-top:6px}.resource-addresses small{display:block;margin-top:6px}
.asset-editor{min-width:0}.asset-editor [hidden]{display:none!important}.asset-editor .asset-interfaces{margin:12px 0}.asset-editor .form-grid{width:100%}
dialog.interfaces-modal{width:min(1240px,96vw);max-width:96vw}.interfaces-modal .asset-interfaces{margin-top:0}.interfaces-modal .table-wrap table{min-width:980px}.interfaces-modal td small{display:block;margin-top:4px}
.asset-interfaces{margin-top:24px}.asset-interfaces .panel-head{padding:12px 0;gap:12px;flex-wrap:wrap}.asset-interfaces .table-wrap table{min-width:520px}.interface-addresses{white-space:pre-line;overflow-wrap:anywhere}#interface-vlans .field{margin:12px 0}.network-documentation{margin:20px 0}.network-expand{margin-top:20px}.network-expand summary{cursor:pointer;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.diagram-port-label{font-size:10px;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}.connection-node small{display:block;color:var(--muted);margin-top:4px}[readonly]{background:var(--elevated)}
.resource-shortcuts{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.resource-toolbar{gap:14px;flex-wrap:wrap}.resource-filter{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.resource-filter select{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.resource-toolbar .toolbar-count{margin-left:auto}
.form-grid>.vpn-editor{grid-column:1/-1;min-width:0}.vpn-editor [hidden]{display:none}.vpn-editor .wide{grid-column:1/-1}.vpn-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:20px}.vpn-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:12px 4px;color:var(--ink);cursor:pointer}.vpn-tabs button[aria-selected="true"]{border-bottom-color:#F28C00;font-weight:600}.vpn-editor textarea{width:100%;box-sizing:border-box;font-family:monospace;resize:vertical}
.vpn-panel{flex-wrap:wrap}.vpn-panel.vpn-connected{background:#edf7ee;border-color:#81b985}.vpn-panel.vpn-connected strong,.vpn-panel.vpn-connected .icon,.vpn-panel.vpn-connected #vpn-status{color:#256629}.vpn-launch-help{flex-basis:100%}.vpn-launch-help a{color:var(--ink);text-decoration:underline}[data-theme="dark"] .vpn-panel.vpn-connected{background:#203526;border-color:#46794c}[data-theme="dark"] .vpn-panel.vpn-connected strong,[data-theme="dark"] .vpn-panel.vpn-connected .icon,[data-theme="dark"] .vpn-panel.vpn-connected #vpn-status{color:#a5d6a7}
.vpn-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;margin:0 0 24px}.vpn-panel .icon{vertical-align:middle;margin-right:8px;color:var(--muted)}.vpn-panel p{font-size:13px;margin:8px 0 4px}.vpn-panel small{color:var(--muted)}.vpn-panel .row-actions{flex-wrap:wrap}@media(max-width:760px){.vpn-panel{align-items:flex-start;flex-direction:column}}
.settings-panel{max-width:820px;margin-bottom:18px}.settings-panel .panel-head h2{display:flex;align-items:center;gap:8px}.settings-panel .panel-head h2 .icon{width:18px;color:var(--primary)}.settings-panel .panel-head p{margin-top:6px}.settings-future{opacity:.82}

.support-page{max-width:720px;margin:40px auto;padding:28px;background:var(--surface,#fff);border-radius:12px;line-height:1.6}
.support-page dd{margin:0 0 16px;overflow-wrap:anywhere;font-family:monospace}
.support-page dt{font-weight:600}.support-page form{margin:24px 0}.support-page .btn{margin-top:12px}
.remote-access-entry{border:1px solid var(--line);border-radius:8px;padding:16px;margin:16px 0}.remote-access-entry legend{padding:0 6px;font-weight:600}.asset-connect{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.asset-access{color:var(--muted)}.asset-access:hover{color:var(--primary-hover);background:var(--selection)}.asset-access .icon{width:17px;height:17px}
.sidebar{overflow-y:auto;overflow-x:hidden}
.sidebar>*{flex-shrink:0}
.sidebar [data-action="link-oidc"]{width:100%;white-space:normal;color:var(--text);font-size:12px;margin-bottom:10px}
.brand-logo{max-height:72px}
.login-brand .brand-logo{max-height:110px}
.login-form-container>a.btn{width:100%;margin-bottom:14px;white-space:normal}