@import url('/src/control-v17.css');
header .bar{max-width:1280px;margin:auto;padding:12px 20px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{color:#fff;font-size:23px;font-weight:900;letter-spacing:-.7px}.brand span{color:#59aaf8}.brand small{color:#bfd9eb;font-size:9px;letter-spacing:1.4px;display:block}
header nav{display:flex;align-items:center;gap:16px;color:#e5effa;font-size:13px;font-weight:760}
main{max-width:1280px;margin:auto;padding:25px 20px 60px}
.hero{margin-bottom:17px}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.13;letter-spacing:-1px;margin:7px 0}.hero p{color:#657f94;margin:0;max-width:850px}
.notice{background:#fff0f6;border:1px solid #f7c7dc;color:#873755;border-radius:12px;padding:13px 16px;margin-bottom:15px;font-size:13px}
.panel h2{font-size:21px;margin:4px 0 7px}.panel p{font-size:13px;color:#657e94;margin:0 0 13px}
.toolbar{display:flex;justify-content:space-between;align-items:end;gap:9px;margin:13px 0;flex-wrap:wrap}
.toolbar label{display:grid;gap:4px;min-width:180px;font-weight:800;font-size:12px}
select{font:inherit;min-height:43px;border:1px solid #b9d0e3;border-radius:10px;padding:9px 11px;background:#fff;color:#193e5d}
.notifications,.blockers,.runs{display:grid;gap:9px}
.notification,.blocker,.run{background:#f8fbff;border:1px solid #dce9f2;border-radius:12px;padding:12px 13px}
.notification.critical{border-left:4px solid #de2456}.notification.high{border-left:4px solid #f08b36}
.notification.medium{border-left:4px solid #137ef4}.notification.READ{opacity:.76}
.notification-head{display:flex;justify-content:space-between;align-items:start;gap:9px}
.notification-head b{font-size:14px}.notification p{margin:6px 0!important;font-size:12px}
.notification small,.run small{color:#748ba0;display:block;font-size:11px}
.notification .btn{min-height:36px;font-size:11px;margin-top:7px}
.pill{display:inline-block;background:#e3f0ff;border-radius:20px;padding:5px 8px;color:#0b6cba;font-size:10px;font-weight:850}
.pill.critical{background:#ffe1e8;color:#a62b4b}.pill.high{background:#fff0db;color:#a36325}
.pill.info{background:#e1f8eb;color:#0a7e57}
.panel label:not(.toggle){font-size:12px;font-weight:850;display:block;margin:14px 0 6px}
#settings select,#mute{width:100%}
.toggle{display:flex;align-items:center;gap:10px;padding:12px;background:#eff7ff;border-radius:11px;font-size:13px;font-weight:850}
.toggle input{width:21px;height:21px;accent-color:#147ef4;flex:0 0 auto}
.divider{border-top:1px solid #e5edf4;margin:18px 0}
.hint{background:#eff7ff;color:#456c88;border-radius:11px;padding:12px;font-size:12px;margin-top:13px}
.releaseStatus{background:#fff0f6;color:#9e2d52;padding:12px 14px;border-radius:11px;font-weight:850;font-size:13px;margin:12px 0}
.blocker b{display:block;font-size:13px;margin-bottom:5px}
.blocker p{margin:0!important;font-size:12px;color:#677e91}
.run{display:flex;justify-content:space-between;align-items:center;gap:8px}
.run b{font-size:12px}.run small{font-size:11px}.run .success{color:#098755;font-weight:900}.run .failed{color:#a72b4f;font-weight:900}
.kpis strong{font-size:27px;overflow-wrap:anywhere}.kpis article{min-height:122px}
.empty{border:1px dashed #c3d7e6;border-radius:12px;padding:15px;color:#668096;font-size:13px}
@media(max-width:820px){header .bar{flex-wrap:wrap}.layout{grid-template-columns:1fr}}
@media(max-width:520px){header .bar{padding:10px 12px;gap:8px}.brand{font-size:20px}header nav{font-size:11px;gap:9px}
 main{padding:16px 10px 45px}.hero h1{font-size:30px}
 .toolbar label{min-width:140px;flex:1}.toolbar .btn{flex:1}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .kpis article{padding:10px;min-height:106px}.kpis strong{font-size:21px}
 .kpis small,.kpis span{font-size:10px}.panel{padding:14px}}