@font-face{font-family:RGTECH;src:url('/brand-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--teal:#008b90;--dark:#263d44;--muted:#607278;--line:#dde6e7;--bg:#f4f7f7;--green:#147654;--amber:#936619;--red:#b84641;font-family:'Segoe UI',Arial,sans-serif;color:var(--dark);font-size:14px;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid var(--teal)}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:white;border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand img{width:185px;height:auto}.product{margin:30px 12px 25px;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.product span{display:block;margin-top:5px;font-size:15px;color:var(--dark);letter-spacing:.6px}nav{display:grid;gap:7px}nav a{display:flex;gap:13px;align-items:center;padding:13px 15px;border-radius:7px;font-size:18px;color:var(--muted)}nav a span{font-size:14px;font-weight:600}nav a:hover{background:#f3f7f7}nav a.active{background:#e7f4f3;color:#007d80;border-left:3px solid var(--teal);padding-left:12px}.side-bottom{margin-top:auto;padding:24px 12px 0;font-size:13px;font-weight:600}.side-bottom small{display:block;color:var(--muted);font-weight:400;margin:8px 0 28px}.side-bottom a{color:var(--muted);display:block;border-top:1px solid var(--line);padding-top:18px}.network-dot{display:inline-block;width:7px;height:7px;background:var(--teal);border-radius:50%;margin-right:6px}.shell{margin-left:238px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:white;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.slash{margin:0 13px;color:#a7b6b8}.topbar strong{color:var(--dark);font-weight:600}.prototype{font-size:10px;letter-spacing:1.3px;color:var(--teal);font-weight:700;border:1px solid #b9dedd;padding:6px 10px;border-radius:5px}.demo-banner{background:#fff7e7;border-bottom:1px solid #efdfbd;padding:12px 38px;display:flex;gap:12px;align-items:center;color:#785a26;font-size:12px}.demo-banner strong{white-space:nowrap}main{max-width:1560px;margin:auto;padding:34px 38px 20px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--teal);font-weight:700;margin:0 0 9px}h1{font-family:RGTECH,'Segoe UI',sans-serif;font-size:32px;line-height:1.2;margin:0 0 9px;letter-spacing:-.6px}h2{font-size:18px;margin:0 0 8px}h3{font-size:14px;margin:0 0 8px}p{line-height:1.6}.sub{color:var(--muted);margin:0;font-size:13px}.primary,.secondary{padding:11px 16px;border-radius:6px;border:1px solid var(--teal);font-weight:600;font-size:13px;white-space:nowrap}.primary{background:var(--teal);color:white}.primary:hover{background:#00777d}.secondary{background:white;color:var(--dark);border-color:var(--line)}.secondary:hover{background:#eff6f5}.actions{display:flex;gap:9px;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{padding:21px;background:white;border:1px solid var(--line);border-radius:9px;position:relative}.stat-label{color:var(--muted);font-size:12px;font-weight:600}.stat-value{font-size:34px;font-weight:650;margin:8px 0 7px;letter-spacing:-1px}.stat small{font-size:11px;color:var(--muted)}.stat .dot{position:absolute;right:20px;top:24px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);margin-right:5px}.green{color:var(--green)}.amber{color:var(--amber)}.panel{background:white;border:1px solid var(--line);border-radius:9px;margin-bottom:20px;overflow:hidden}.panel-head{padding:22px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.text-link{color:var(--teal);font-size:12px;font-weight:600}.panel-body{padding:0 24px 24px}.range-badge{font-family:Consolas,monospace;padding:6px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:12px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--muted);padding-bottom:20px}.subnet-row{display:grid;grid-template-columns:115px 1fr 82px;gap:16px;align-items:center;margin:13px 0}.subnet-label{font-family:Consolas,monospace;font-size:12px}.segments{display:flex;height:22px;border-radius:4px;overflow:hidden;gap:2px;background:#f0f3f4}.seg{border:0;padding:0;min-width:2px;height:100%}.seg:hover{filter:brightness(.9)}.subnet-count{font-size:11px;text-align:right;color:var(--muted)}.allocated-bg{background:#419b9b}.reserved-bg{background:#d2aa52}.available-bg{background:#aed9c6}.review-bg{background:#e4eaed}.unknown-bg{background:#dd8173}.bottom-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.alert-row{padding:15px 24px;border-top:1px solid #edf0f0;display:flex;align-items:center;gap:13px}.alert-symbol{border-radius:7px;background:#fff1e9;color:#b07042;padding:9px 12px;font-weight:700}.alert-row p{margin:4px 0 0;color:var(--muted);font-size:12px}.alert-row strong{font-size:13px}.alert-row .text-link{margin-left:auto}.run-list{display:grid;gap:16px}.run-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f2;padding-bottom:13px}.run-item:last-child{border:0}.run-item small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.pill{display:inline-block;font-size:11px;padding:5px 8px;border-radius:4px;white-space:nowrap}.pill.allocated{background:#e6f2f3;color:#1e797d}.pill.reserved{background:#fbf2dc;color:#85611e}.pill.available,.pill.responding{background:#e9f5ee;color:#267150}.pill.review,.pill.never{background:#eff2f4;color:#65767c}.pill.unknown,.pill.silent{background:#fff0e9;color:#ac563c}.note{padding:14px 18px;background:#edf5f5;border-left:3px solid #70aaa9;color:#456166;font-size:12px;line-height:1.6;margin:18px 0}.toolbar{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap}.toolbar input{flex:1;min-width:190px}.toolbar input,.toolbar select{padding:10px 12px;border:1px solid #d3dfe0;border-radius:5px;background:white;color:var(--dark)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);background:#fafcfc;padding:13px 20px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:14px 20px;border-bottom:1px solid #edf1f1;vertical-align:middle}td small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.ip{font-family:Consolas,monospace;font-size:13px;color:#245960}.row-button{background:none;border:0;padding:0;text-align:left;cursor:pointer}.row-button:hover{text-decoration:underline}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;color:var(--muted);font-size:12px}.empty{padding:45px;text-align:center;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-body{padding:24px}.settings-body label{margin-bottom:18px}.checks{display:grid;gap:16px;line-height:1.6;color:var(--muted)}.checks strong{display:block;color:var(--dark)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;margin-bottom:15px}label input,label select,label textarea{border:1px solid #cad9da;border-radius:5px;padding:11px 12px;width:100%;color:var(--dark);background:white}label textarea{resize:vertical}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-error{color:var(--red);font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}dialog{width:min(590px,94vw);border:1px solid var(--line);border-radius:12px;padding:27px;box-shadow:0 25px 100px #162d3b33;color:var(--dark);max-height:90vh}dialog::backdrop{background:#213e4a70}.dialog-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:23px}.icon-button{background:none;border:0;font-size:26px;color:var(--muted);align-self:flex-start}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.detail-grid dt{font-size:11px;color:var(--muted);margin-bottom:6px}.detail-grid dd{margin:0;font-size:13px;overflow-wrap:anywhere}.detail-warning{color:#865d24;background:#fff6e7;padding:13px;font-size:12px;line-height:1.6}.check-label{display:flex;flex-direction:row;align-items:flex-start;font-weight:400;margin-top:20px;line-height:1.6}.check-label input{width:auto;margin-top:5px}.timeline{padding:0 24px 22px}.event{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:16px}.event time{color:var(--muted);font-size:12px}.event p{margin:5px 0 0;font-size:12px;color:var(--muted)}footer{max-width:1560px;margin:auto;padding:10px 38px 26px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;gap:15px}#toast{position:fixed;bottom:25px;right:25px;max-width:400px;background:#26474c;color:white;padding:14px 20px;border-radius:8px;box-shadow:0 5px 20px #213e4a20;display:none;z-index:20}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){main{padding-top:45px}.stats{gap:22px}.stat{padding:26px}.stat-value{font-size:40px}}
@media(max-width:1100px){.sidebar{width:205px;padding:28px 14px}.brand img{width:173px}.shell{margin-left:205px}main{padding:26px 24px}.topbar,.demo-banner{padding-left:24px;padding-right:24px}.stats{gap:10px}.stat{padding:17px}.stat-value{font-size:29px}.bottom-grid{grid-template-columns:1fr}.demo-banner{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:760px){.sidebar{position:static;width:100%;padding:16px}.brand img{width:160px}.product,.side-bottom{display:none}nav{display:flex;overflow:auto;margin-top:17px;gap:4px}nav a{padding:9px 11px;white-space:nowrap;font-size:0}nav a span{font-size:12px}nav a.active{border-left:0;border-bottom:2px solid var(--teal);padding-left:11px}.shell{margin-left:0}.topbar{height:49px;padding:0 20px}.demo-banner{padding:12px 20px}main{padding:24px 16px}.page-head{align-items:flex-start;flex-direction:column;gap:17px}h1{font-size:27px}.stats{grid-template-columns:1fr 1fr}.stat-value{font-size:30px}.panel-head{padding:20px 17px}.panel-body{padding:0 17px 20px}.subnet-row{grid-template-columns:99px 1fr;gap:9px}.subnet-count{display:none}.legend{gap:10px}.range-badge{display:none}.two-col,.settings-grid{grid-template-columns:1fr}.two-col{gap:0}footer{padding:15px 18px;flex-direction:column}.event{grid-template-columns:1fr;gap:5px}.toolbar{padding:15px}.detail-grid{grid-template-columns:1fr}.table-footer{gap:10px}.actions{flex-wrap:wrap}}
/* Block inventory and verification controls */
.pill.vacant{background:#eef2f4;color:#546b73}.muted{color:var(--muted);font-size:.65em}.toolbar{align-items:flex-end}.toolbar label{margin:0;min-width:125px;font-size:13px}.toolbar label:first-child{flex:1;min-width:200px}.toolbar label input{width:100%}.toolbar .secondary{margin-bottom:0}.expanded-row>td{background:#f6faf9;padding:18px}.expanded-caption{font-size:13px;color:var(--muted);margin-bottom:12px}.expanded-row table{background:white;border:1px solid var(--line)}.flow-steps p{font-size:14px;margin:0 0 18px;color:var(--muted)}.flow-steps strong{color:var(--dark)}.ip-details{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.ip-details summary{cursor:pointer;color:var(--teal);font-weight:600;margin-bottom:14px}.dialog-actions{flex-wrap:wrap}#details{width:min(880px,95vw)}.stat-label,.pill{font-size:13px}td{font-size:13px}th,.legend,.subnet-label,.subnet-count{font-size:12px}.note,.sub{font-size:14px}.run-item{gap:15px}.flow-steps .actions{margin-top:20px}.page-head .actions{flex-wrap:wrap}.table-wrap table table th{padding:10px 12px}.table-wrap table table td{padding:10px 12px}
@media(max-width:1100px){.page-head{align-items:flex-start;flex-direction:column}.toolbar label{flex:1}.stat-label{font-size:12px}.stat small{font-size:12px}}@media(max-width:760px){.toolbar label,.toolbar label:first-child{flex:1 1 100%}.toolbar .secondary{width:100%}.dialog-actions button{white-space:normal}.legend{gap:12px}.topbar{padding:0 16px}.stat{min-width:0}.stat-value{font-size:27px}main h1{font-size:26px}.table-wrap{max-width:100%}}
.live-banner{display:flex;justify-content:space-between;gap:16px;padding:12px 38px;background:#eaf4f2;color:#36675e;border-bottom:1px solid #cde3dc;font-size:13px}.session-user{font-size:13px;display:flex;align-items:center;gap:14px}.login-panel{max-width:520px;margin:35px auto}.login-panel form{margin-top:28px}.login-panel h1{font-size:30px}.login-panel label{font-size:14px}.event p{overflow-wrap:anywhere}.live-banner strong{font-weight:600}@media(max-width:760px){.live-banner{padding:12px 16px;flex-direction:column;gap:5px}.topbar{height:auto;min-height:60px;gap:15px;flex-wrap:wrap;padding:12px 16px}.session-user{font-size:12px;flex-wrap:wrap}.login-panel{margin:12px auto}}

/* RGTECH 2026: Controle ASN com navegação horizontal */
body:not(.login-mode){background:#f5f7f7;color:#173d48}
body:not(.login-mode) .sidebar{position:fixed;inset:0 0 auto 0;width:100%;height:76px;min-height:76px;padding:0 max(36px,calc((100vw - 1360px)/2));display:flex;flex-direction:row;align-items:center;background:#fff;border:0;border-bottom:1px solid #dfe7e7;box-shadow:0 2px 14px #16384508;z-index:30}
body:not(.login-mode) .sidebar .brand{display:block;flex:0 0 154px;width:154px;line-height:0}
body:not(.login-mode) .sidebar .brand img{display:block;width:154px;height:42px;object-fit:contain}
body:not(.login-mode) .sidebar nav{order:2;display:flex;align-self:stretch;align-items:stretch;gap:3px;margin-left:38px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
body:not(.login-mode) .sidebar nav::-webkit-scrollbar{display:none}
body:not(.login-mode) .sidebar nav a{flex:0 0 auto;display:flex;align-items:center;height:76px;padding:0 12px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#61787e;font-size:0;white-space:nowrap}
body:not(.login-mode) .sidebar nav a span{font-size:14px;font-weight:500}
body:not(.login-mode) .sidebar nav a:hover{background:transparent;color:#113f4d;border-bottom-color:#f5a28e}
body:not(.login-mode) .sidebar nav a.active{padding-left:12px;background:transparent;color:#113f4d;border-left:0;border-bottom-color:#f35432}
body:not(.login-mode) .sidebar .product{order:3;flex:0 0 auto;margin:0 0 0 auto;padding-left:22px;color:#779096;font:700 11px RGTECH,'Segoe UI',sans-serif;letter-spacing:1.25px;white-space:nowrap}
body:not(.login-mode) .sidebar .side-bottom{display:none}
body:not(.login-mode) .shell{margin-left:0;padding-top:76px;min-height:100vh}
body:not(.login-mode) .topbar{height:46px;padding:0 max(36px,calc((100vw - 1360px)/2));background:#fff;border-bottom:1px solid #e8eded;font-size:12px}
body:not(.login-mode) .live-banner{padding:11px max(36px,calc((100vw - 1360px)/2));background:#eef6f5;border-bottom:1px solid #d8e9e6;color:#51706f}
body:not(.login-mode) main{width:min(1360px,calc(100% - 72px));max-width:none;padding:44px 0 32px;margin:0 auto}
body:not(.login-mode) .page-head{margin-bottom:30px}
body:not(.login-mode) .eyebrow{color:#ef5536;letter-spacing:1.5px}
body:not(.login-mode) h1{color:#084457;font-size:40px;line-height:1.05;letter-spacing:-.5px}
body:not(.login-mode) h2{color:#113f4d}
body:not(.login-mode) .sub{color:#6b7e83}
body:not(.login-mode) .stats{gap:14px;margin-bottom:26px}
body:not(.login-mode) .stat{min-height:132px;padding:22px;background:#fff;border:1px solid #dce5e6;border-radius:12px;box-shadow:0 8px 24px #15394607}
body:not(.login-mode) .stat-label{display:block;min-height:30px;color:#60777d;font-size:13px;line-height:1.25}
body:not(.login-mode) .stat-value{color:#084457;font:700 36px/1 RGTECH,'Segoe UI',sans-serif;margin:5px 0 8px}
body:not(.login-mode) .stat small{font-size:12px}
body:not(.login-mode) .panel,body:not(.login-mode) .info{border-color:#dce5e6;border-radius:12px;box-shadow:0 8px 24px #15394606}
body:not(.login-mode) .panel{margin-bottom:24px}
body:not(.login-mode) .primary{background:#f35432;border-color:#f35432;color:#fff;border-radius:7px}
body:not(.login-mode) .primary:hover{background:#dc472a;border-color:#dc472a}
body:not(.login-mode) .secondary{border-color:#d4e0e1;border-radius:7px;color:#31545d}
body:not(.login-mode) input,body:not(.login-mode) select,body:not(.login-mode) textarea{border-radius:7px}
body:not(.login-mode) th{background:#f7fafa;color:#678087}
body:not(.login-mode) td{border-bottom-color:#edf1f1}
body:not(.login-mode) footer{width:min(1360px,calc(100% - 72px));max-width:none;padding:12px 0 28px}
@media(max-width:1120px){body:not(.login-mode) .sidebar .product{display:none}body:not(.login-mode) main{width:min(100% - 48px,1360px)}body:not(.login-mode) .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body:not(.login-mode) .sidebar{position:fixed;width:100%;height:68px;min-height:68px;padding:0 18px}body:not(.login-mode) .sidebar .brand{flex-basis:126px;width:126px}body:not(.login-mode) .sidebar .brand img{width:126px;height:34px}body:not(.login-mode) .sidebar nav{height:68px;margin:0 0 0 16px}body:not(.login-mode) .sidebar nav a{height:68px;padding:0 9px}body:not(.login-mode) .sidebar nav a.active{padding-left:9px}body:not(.login-mode) .sidebar nav a span{font-size:13px}body:not(.login-mode) .shell{padding-top:68px}body:not(.login-mode) .topbar{height:auto;min-height:44px;padding:10px 18px}body:not(.login-mode) .live-banner{padding:10px 18px}body:not(.login-mode) main{width:calc(100% - 30px);padding:30px 0}body:not(.login-mode) h1{font-size:32px}body:not(.login-mode) footer{width:calc(100% - 30px)}}
@media(max-width:480px){body:not(.login-mode) .stats{grid-template-columns:1fr}}