/* Lógica Radius — contrato visual v1 portado de logica-radius-layout-demo-v1.
   Camada de override: preserva app.css funcional e não promove fixtures do protótipo. */
:root{--radius:7px;--violet:#6d66d8;--cyan:#0b93b7;--sidebar:236px;--topbar:46px;--tabs:36px;--status:24px}
button,input,select,textarea{font:inherit;color:inherit}

/* Shell canônico */
.brand-mark{width:26px;height:26px;border-radius:6px}.brand-mark:before,.brand-mark:after{left:5px;right:5px}.brand-mark:before{top:8px}.brand-mark:after{top:15px}.login-brand .brand-mark{width:31px;height:31px}.login-brand .brand-mark:before,.login-brand .brand-mark:after{left:6px;right:6px}.login-brand .brand-mark:before{top:9px}.login-brand .brand-mark:after{top:18px}
.nav-group-head:hover{color:#bfd0dc}.nav-group-head .chev{transition:.2s}.nav-group.closed .chev{transform:rotate(-90deg)}.nav-item .nav-icon{width:16px;height:16px;flex-basis:16px}.nav-item.active .nav-icon{color:#64b5f6}.nav-state{min-width:17px;height:17px;padding:0 5px;border-radius:9px;display:grid;place-items:center;font-size:8px}
.topbar{padding:0 10px;gap:8px}.scope-chip{display:flex;align-items:center;gap:8px;min-width:190px;padding:0 8px;height:31px;border-right:1px solid var(--line)}.scope-chip strong{font-size:11px}.scope-chip small{font-size:9px}.global-search{min-width:260px;max-width:430px}.live-chip{height:28px}.tb-user{display:flex;align-items:center;gap:8px;padding:2px 5px 2px 8px;border-radius:5px}.tb-user:hover{background:#f7f9fc}.tb-user .nm b{font-size:11.5px}.tb-user .nm small{font-size:9.5px}.user-avatar{width:28px;height:28px;background:#e8eef5;color:#395167}
.tabsbar{height:var(--tabs);background:#fff;display:flex;align-items:stretch;padding:0 8px;gap:2px}.tabs-track{align-items:stretch}.tab{height:33px;min-width:0;max-width:220px;padding:0 8px 0 10px;border:0;border-bottom:2px solid transparent;background:#fff;color:#5e6f7d;font-size:11.5px;white-space:nowrap;flex:none}.tab:hover{background:#f7f9fc;color:#17222f}.tab.active{border-top:0;border-bottom-color:#1b66c9;color:#17222f;font-weight:600}.tab .nav-icon{width:14px;color:#7a8aa0}.tab.active .nav-icon{color:#1b66c9}.tab-close{width:16px;height:16px;opacity:.55;border-radius:3px}.tab-close:hover{opacity:1;background:#dee4ec}.workspace{padding:12px 14px 18px}.statusbar{font-size:10px}

/* Conteúdo NOC */
.page-head{margin-bottom:8px}.page-title{color:#15283b}.page-actions{align-items:center}.metrics{gap:8px;margin-bottom:10px}.metric{min-height:65px;border-radius:7px}.metric .value{font-weight:700}.panel{border-radius:7px}.panel-head h3{font-weight:650}.data-table{font-size:10.5px}.data-table th{height:30px;font-size:8.5px}.data-table td{padding:7px 8px}.pill{font-weight:700}.health-grid{gap:8px}.health-card{border-radius:7px}.health-card .big{font-size:20px;font-weight:750}.trend-track{height:7px;border-radius:5px}

/* Componentes RADIUS do layout de referência, prontos para telas reais futuras. */
.radius-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:10px}.radius-kpi{background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 11px;min-width:0}.radius-kpi .k{font-size:9px;text-transform:uppercase;letter-spacing:.055em;color:#718293;font-weight:700}.radius-kpi .v{font-size:20px;font-weight:750;line-height:1.15;margin:4px 0 2px;color:#17222f}.radius-kpi .s{font-size:9.5px;color:#7a8aa0}.radius-kpi.good .v{color:#116b3f}.radius-kpi.bad .v{color:#a42a2a}.radius-kpi.warn .v{color:#9a6510}
.aaa-stream{display:grid;gap:5px}.aaa-event{display:grid;grid-template-columns:84px 78px 1.1fr 1fr .8fr 90px;align-items:center;gap:8px;min-height:30px;border-bottom:1px solid #edf1f4;font-size:10.5px}.aaa-event:last-child{border-bottom:0}.aaa-event .type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700}.aaa-event .decision{font-weight:700}.aaa-event.accept .decision{color:#116b3f}.aaa-event.reject .decision{color:#a42a2a}.aaa-event.accounting .decision{color:#216aab}
.util-bar{height:7px;background:#e8edf2;border-radius:6px;overflow:hidden}.util-bar>span{display:block;height:100%;background:#2b6bb0;border-radius:6px}.util-bar.warn>span{background:#b87a18}.util-bar.bad>span{background:#b53d3d}.usage-cell{min-width:120px}.usage-cell small{display:flex;justify-content:space-between;margin-bottom:4px;color:#68798d}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.field.full{grid-column:1/-1}.form-actions{display:flex;gap:7px;justify-content:flex-end;padding-top:10px;border-top:1px solid #edf1f4;margin-top:10px}.stepper{display:flex;align-items:center;gap:0;margin-bottom:12px}.step{display:flex;align-items:center;gap:6px;color:#8290a2;font-size:10px;font-weight:650}.step:after{content:"";width:36px;height:1px;background:#dce3ea;margin:0 8px}.step:last-child:after{display:none}.step .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf1f5;color:#607083;font-size:9px}.step.active{color:#1b66c9}.step.active .n{background:#1b66c9;color:#fff}.step.done{color:#116b3f}.step.done .n{background:#daf0e3;color:#116b3f}
.attribute-list{display:grid;gap:5px}.attribute-row{display:grid;grid-template-columns:1fr 94px 1fr 26px;gap:6px;align-items:center}.attribute-row code{font-size:9.5px;background:#f5f7fa;padding:5px 6px;border-radius:4px;color:#24415f}.secret-mask{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:#627387}.log-view{background:#091725;color:#b8c7d8;border-radius:6px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;line-height:1.55;max-height:340px;overflow:auto}.log-view .ts{color:#6f879e}.log-view .ok{color:#7fd3a3}.log-view .er{color:#ff8e8e}.log-view .wa{color:#f0c675}.log-view .at{color:#85b8f0}

/* HELP-RAG-001 */
.help-backdrop{position:fixed;inset:0;background:rgba(6,17,29,.34);z-index:240;display:flex;justify-content:flex-end}.help-drawer{width:min(460px,calc(100vw - 24px));height:100%;background:#fff;border-left:1px solid #cfd8e2;box-shadow:-20px 0 60px rgba(5,18,31,.2);display:flex;flex-direction:column}.help-head{height:54px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--line);background:#f8fafc}.help-head-main{min-width:0;flex:1}.help-head h2{font-size:14px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.help-screen-id{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f8090;margin-top:2px}.help-body{padding:14px 16px 28px;overflow:auto;display:grid;gap:14px}.help-section{display:grid;gap:5px}.help-section h3{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#65788a}.help-section p{margin:0;font-size:10.5px;line-height:1.55;color:#304255}.help-list{margin:0;padding-left:18px;color:#304255;font-size:10.5px;line-height:1.55}.help-field{border:1px solid #e1e7ed;border-radius:6px;padding:8px 9px;background:#fbfcfe}.help-field b{display:block;font-size:10px;margin-bottom:2px}.help-field code{font-size:8.5px;color:#50657b}.help-field p{margin:4px 0 0;font-size:10px;line-height:1.45;color:#405366}.help-state{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border-radius:9px;background:#edf3f8;color:#49627b;font-size:8.5px;font-weight:700}.help-state.implemented{background:#e8f7f0;color:#14734f}.help-trigger{font-weight:800;font-size:12px}.help-error{padding:14px;color:#934047;font-size:10.5px}.help-source{padding-top:8px;border-top:1px solid #edf1f4;color:#7a8aa0;font-size:9px}

@media(max-width:1220px){.radius-kpi-strip{grid-template-columns:repeat(3,1fr)}.aaa-event{grid-template-columns:72px 70px 1fr 1fr 90px}.aaa-event>*:nth-child(5){display:none}}
@media(max-width:900px){.scope-chip{min-width:auto}.scope-chip small{display:none}.global-search{display:none}.radius-kpi-strip{grid-template-columns:repeat(2,1fr)}.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.aaa-event{grid-template-columns:70px 1fr 90px}.aaa-event>*:nth-child(3),.aaa-event>*:nth-child(4),.aaa-event>*:nth-child(5){display:none}}
