@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182724;--muted:#78847f;--line:#e6eae6;--paper:#f7f8f5;--white:#fff;--deep:#102321;--teal:#78d3bc;--green:#1b8f6c;--green-bg:#e8f6ef;--red:#c84e4c;--red-bg:#fff0ee;--amber:#b47a29;--amber-bg:#fff5e5;--gray-bg:#eff1ef;--shadow:0 18px 44px rgba(20,43,36,.065);font-family:'DM Sans',sans-serif;color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.app-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--deep);color:#dce7e2;display:flex;flex-direction:column;padding:31px 16px 19px;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;gap:11px;align-items:center;padding:0 14px 48px;font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:-1.8px;line-height:1}.brand-dot{color:#82d8c1}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:2px;font-weight:600;color:#849b92;margin-top:5px;text-transform:uppercase}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-12deg)}.brand-mark i{display:block;border-radius:2px;background:#84d4bf}.brand-mark i:nth-child(2){opacity:.43}.brand-mark i:nth-child(3){opacity:.66}.brand-mark i:nth-child(4){background:#d0f5e7}.sidebar-label{padding:0 15px;color:#698077;font-size:10px;font-weight:700;letter-spacing:1.45px;margin-bottom:15px}.side-nav{display:grid;gap:4px}.side-link{display:flex;align-items:center;gap:13px;padding:12px 14px;color:#a5bab0;font-size:13px;font-weight:600;border-radius:9px;transition:.2s}.side-link:hover{background:#1c3631;color:#fff}.side-link.active{background:#23433b;color:#e5fff4}.nav-icon{font-size:19px;width:20px;text-align:center;font-weight:400;line-height:1}.nav-count{margin-left:auto;color:#a9dbca;font-size:11px}.sidebar-spacer{flex:1}.sidebar-note{border:1px solid #315047;background:#1b342e;border-radius:12px;padding:17px 16px;margin:0 4px 22px;position:relative}.note-pulse{display:inline-block;width:7px;height:7px;background:#86d9bd;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #86d9bd20}.sidebar-note strong{font-size:12px;color:#d9f5e7}.sidebar-note p{font-size:11px;line-height:1.6;color:#94aaa1;margin:8px 0 0}.sidebar-footer{display:flex;gap:10px;align-items:center;border-top:1px solid #29423b;padding:18px 7px 0}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#d5eee2;color:#25423a;font-size:10px;font-weight:800}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:10px}.sidebar-footer small{color:#789188;font-size:10px;margin-top:3px}.footer-chevron{margin-left:auto;color:#819b91}
.main-content{min-width:0}.topbar{height:66px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.3vw,70px)}.breadcrumbs{font-size:12px;color:#9aa49f}.breadcrumbs span{margin:0 12px;color:#cbd2cd}.breadcrumbs strong{color:#34433c;font-weight:600}.topbar-right{display:flex;gap:25px;align-items:center}.mock-pill{border:1px solid #d9ebe2;color:#568776;background:#f4faf5;border-radius:100px;font-size:9px;letter-spacing:1px;padding:7px 10px;font-weight:800;white-space:nowrap}.mock-dot{display:inline-block;width:6px;height:6px;background:#77bea3;border-radius:50%;margin-right:6px}.today{color:#87938c;font-size:11px;white-space:nowrap}.page-content{max-width:1600px;margin:auto;padding:27px clamp(24px,4.3vw,70px) 65px}.hero{min-height:250px;border-radius:17px;background:#14352e;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;box-shadow:0 18px 40px #0b342327;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 45%,#2f69536b,transparent 43%),linear-gradient(135deg,#183e32,#112a27 72%)}.hero-copy{z-index:1;padding:31px 0 30px 37px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.1px;color:#89d7bd;display:flex;align-items:center;gap:8px}.eyebrow-line{width:16px;height:1px;background:#89d7bd}.hero h1{font-family:Manrope,sans-serif;color:#f6faf5;font-size:clamp(29px,3.25vw,47px);line-height:1.17;letter-spacing:-2.1px;margin:17px 0 11px;font-weight:800}.hero h1 em{font-style:normal;color:#a0e0c7}.hero p{font-size:12px;color:#a9c5ba;max-width:430px;line-height:1.65;margin:0}.hero-meta{display:flex;align-items:center;gap:11px;margin-top:22px;color:#83a998;font-size:10px}.hero-meta-dot{display:inline-block;width:6px;height:6px;background:#9ee5be;border-radius:50%;margin-right:6px}.hero-art{position:relative;min-height:250px;overflow:hidden}.orbit{position:absolute;border:1px solid #87c8a929;border-radius:50%;top:50%;left:53%;transform:translate(-50%,-50%)}.orbit-one{width:170px;height:170px}.orbit-two{width:284px;height:284px}.orbit-three{width:408px;height:408px}.orbit-two:before{content:"";position:absolute;width:100%;height:1px;background:#77bb9d22;top:50%;transform:rotate(-30deg)}.art-center{position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);width:110px;height:110px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#386d59,#2a5447);border:1px solid #9ddbc266;box-shadow:0 0 0 18px #65b99512,0 22px 50px #061e1a70;color:white}.art-center span{font:800 38px Manrope;line-height:1}.art-center small{font-size:8px;letter-spacing:2px;color:#9bd6b8;margin-top:4px}.art-node{position:absolute;width:9px;height:9px;background:#8fe5bc;border-radius:50%;box-shadow:0 0 0 6px #8fe5bc24,0 0 18px #8fe5bc}.node-a{left:24%;top:24%}.node-b{left:78%;top:17%}.node-c{left:72%;top:80%;background:#e9bb7f;box-shadow:0 0 0 6px #e9bb7f24,0 0 18px #e9bb7f}.node-d{left:30%;top:73%;width:6px;height:6px}.art-label{position:absolute;font-size:9px;color:#78b698;letter-spacing:2px}.art-label-a{right:25px;bottom:22px}.art-label-b{top:22px;left:14px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0 39px}.metric-card{min-height:143px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 21px;box-shadow:0 8px 22px #19352d06}.metric-total{background:#edf4ef;border-color:#dfece3}.metric-top{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:9px;letter-spacing:1.25px;color:#7b8981;font-weight:800;white-space:nowrap}.metric-symbol{font-size:19px;line-height:.8;color:#94a79b}.metric-badge{font-size:11px;line-height:1}.metric-badge.danger{color:var(--red)}.metric-badge.green{color:var(--green)}.metric-badge.muted{color:#89968f}.metric-value{font:800 34px Manrope;letter-spacing:-1.8px;line-height:1.2;margin-top:19px}.metric-denom{font-size:17px;color:#b5c0b9}.metric-bottom{font-size:10px;color:#9ba69f;margin-top:5px;white-space:nowrap}.mini-line{display:inline-block;width:13px;height:3px;border-radius:2px;vertical-align:middle;margin-right:5px}.mini-line.red{background:#dd8c80}.mini-line.green{background:#71caa6}.mini-line.gray{background:#aeb9b1}
.catalog{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.section-heading{padding:29px 29px 23px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.section-kicker{font-size:9px;font-weight:800;color:#68a688;letter-spacing:1.7px;margin-bottom:7px}.section-heading h2{font:800 23px Manrope;letter-spacing:-.85px;margin:0}.section-heading p{font-size:11px;color:#89968d;margin:6px 0 0}.catalog-counter{display:flex;align-items:center;gap:9px;color:#28483b}.catalog-counter>span{font:800 28px Manrope;letter-spacing:-1px}.catalog-counter small{font-size:9px;line-height:1.3;color:#9aa69e}.filters{padding:0 29px 20px;display:flex;gap:9px}.search-field{height:36px;display:flex;align-items:center;gap:6px;min-width:160px;flex:1;border:1px solid #e3e8e3;border-radius:7px;padding:0 11px;background:#fafbf9}.search-field:focus-within{border-color:#78ba9a;box-shadow:0 0 0 3px #78ba9a20}.search-icon{font-size:22px;color:#93a096;line-height:1}.search-field input{border:0;background:transparent;outline:none;width:100%;font-size:11px;color:#263e33}.search-field input::placeholder{color:#a3aea7}.select-wrap{height:36px;border:1px solid #e3e8e3;border-radius:7px;background:#fafbf9;min-width:145px;position:relative}.select-wrap.narrow{min-width:133px}.select-wrap select{width:100%;height:100%;border:0;background:transparent;outline:none;appearance:none;padding:0 29px 0 11px;color:#536259;font-size:11px;cursor:pointer}.select-wrap:after{content:'⌄';position:absolute;right:12px;top:6px;color:#8b9a8d;pointer-events:none}.select-wrap:focus-within{border-color:#78ba9a;box-shadow:0 0 0 3px #78ba9a20}.reset-button{width:36px;height:36px;flex:none;border:1px solid #e3e8e3;border-radius:7px;background:#fafbf9;color:#7f9084;font-size:20px}.reset-button:hover{color:#225f48;border-color:#92c7a8}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:830px}thead{background:#f8faf7}thead th{text-align:left;font-size:9px;letter-spacing:1px;font-weight:800;color:#9aa89d;padding:12px 16px;border-top:1px solid #eef1eb;border-bottom:1px solid #eef1eb;white-space:nowrap}thead th:first-child,tbody th:first-child{padding-left:29px}thead th:last-child,tbody td:last-child{padding-right:26px}.col-service{width:31%}tbody tr{border-bottom:1px solid #eef1ec;transition:background .2s}tbody tr:last-child{border-bottom:0}tbody tr:hover,tbody tr.selected{background:#f8fbf8}tbody th,tbody td{text-align:left;padding:15px 16px;vertical-align:middle;font-size:11px;font-weight:400}.service-cell{display:flex;align-items:center;gap:12px}.service-icon{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:#e9f4ed;color:#428967;font-size:17px;font-weight:700}.service-icon.orange{background:#fff1df;color:#b78745}.service-icon.blue{background:#e9f0f5;color:#7297a5}.service-icon.pink{background:#f8eaf0;color:#b57494}.service-main strong{display:block;color:#233b30;font-size:11px;font-weight:800;line-height:1.3}.service-main small{display:block;color:#9ca79e;font-size:10px;margin-top:4px}.team-cell{display:flex;align-items:center;gap:7px;color:#64736b;font-weight:600}.team-dot{width:6px;height:6px;border-radius:50%;background:#76ae96}.tier{font-size:10px;color:#65736a;font-weight:700;white-space:nowrap}.tier strong{font-size:11px;color:#344a3e}.tier.p0 strong{color:#c86952}.tier.p1 strong{color:#b48943}.progress-cell{display:flex;align-items:center;gap:11px;white-space:nowrap}.progress-track{width:72px;height:5px;border-radius:5px;background:#e7eee8;overflow:hidden}.progress-fill{height:100%;border-radius:5px;background:#81be9a}.progress-fill.partial{background:#d5a869}.progress-cell strong{font-size:10px;color:#526e5d;min-width:25px}.progress-cell strong.partial{color:#b18a4b}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:100px;font-size:10px;font-weight:700;white-space:nowrap}.status-pill:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status-pill.healthy{color:var(--green);background:var(--green-bg)}.status-pill.warning{color:var(--amber);background:var(--amber-bg)}.status-pill.critical{color:var(--red);background:var(--red-bg)}.status-pill.stale{color:#867554;background:#f5f1e7}.status-pill.unknown{color:#7d8980;background:#eef1ee}.service-button{border:0;background:transparent;padding:0;text-align:left}.service-button:hover strong{text-decoration:underline;text-decoration-color:#80af94;text-underline-offset:3px}.service-button:focus-visible{outline:2px solid #2b9977;outline-offset:3px}.empty-state{text-align:center;padding:44px 10px}.empty-state>span{display:block;font-size:33px;color:#a4b3a8}.empty-state strong{display:block;margin-top:6px;font:700 14px Manrope}.empty-state p{color:#98a69c;font-size:12px}.table-footer{display:flex;justify-content:space-between;padding:14px 29px;border-top:1px solid #eef1ec;background:#fbfcfa;color:#a3aea5;font-size:9px}
.detail-drawer{position:fixed;right:0;top:0;bottom:0;width:min(570px,100vw);background:#fbfcfa;z-index:11;transform:translateX(102%);transition:transform .3s ease;overflow-y:auto;box-shadow:-20px 0 80px #0d2b2140}.detail-drawer.open{transform:translateX(0)}.detail-head{padding:27px 31px 23px;background:#15362e;color:white;position:relative;overflow:hidden}.detail-head:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #9fd6bb24;border-radius:50%;right:-110px;top:-80px;box-shadow:0 0 0 55px #9fd6bb0b,0 0 0 110px #9fd6bb08}.detail-close{float:right;background:#ffffff18;border:1px solid #ffffff30;border-radius:8px;color:white;width:30px;height:30px;font-size:18px;line-height:1;position:relative}.detail-close:hover{background:#ffffff30}.detail-label{font-size:9px;letter-spacing:1.5px;color:#9dd9b8;font-weight:800;margin:6px 0 17px}.detail-title{font:800 26px Manrope;letter-spacing:-1px;margin:0 0 7px;position:relative}.detail-subtitle{color:#a9c5b7;font-size:11px;line-height:1.5;max-width:420px;position:relative;margin:0}.detail-tags{display:flex;gap:7px;margin-top:21px;position:relative;flex-wrap:wrap}.detail-tags span{font-size:9px;border:1px solid #ffffff2c;color:#dcece3;border-radius:100px;padding:6px 9px}.detail-body{padding:25px 30px 40px}.detail-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:27px}.detail-stat{background:white;border:1px solid var(--line);border-radius:10px;padding:15px}.detail-stat small{display:block;font-size:9px;letter-spacing:1px;color:#9aa69d;font-weight:800}.detail-stat strong{display:block;font:800 21px Manrope;margin-top:8px;letter-spacing:-.5px}.detail-stat em{display:block;font-style:normal;color:#87948a;font-size:10px;margin-top:4px}.detail-section{margin:25px 0 0}.detail-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.detail-section h3{font:800 15px Manrope;letter-spacing:-.3px;margin:0}.section-note{font-size:10px;color:#9ba69d}.checklist{display:grid;gap:6px}.check-row{display:flex;gap:10px;align-items:flex-start;background:white;border:1px solid #e8ece7;border-radius:8px;padding:11px 12px}.check-icon{display:grid;place-items:center;width:17px;height:17px;flex:none;border-radius:50%;font-size:10px;font-weight:700;margin-top:1px}.check-icon.done{background:#dff3e7;color:#22855d}.check-icon.missing{background:#fff1dc;color:#af7824}.check-text strong{display:block;font-size:11px;color:#34483b}.check-text small{display:block;font-size:10px;color:#98a49b;margin-top:2px;line-height:1.4}.component-list{display:grid;gap:7px}.component-row{display:flex;align-items:center;gap:10px;background:white;border:1px solid #e8ece7;border-radius:8px;padding:10px 12px}.component-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e9f2eb;color:#589575;font-size:13px}.component-copy{flex:1}.component-copy strong{display:block;font-size:11px}.component-copy small{display:block;color:#9aa69e;font-size:9px;margin-top:2px}.component-row .status-pill{font-size:9px;padding:5px 7px}.dependency-list{display:flex;gap:7px;flex-wrap:wrap}.dependency-list span{font-size:10px;color:#526b5a;background:#edf4ed;border:1px solid #dce9dc;border-radius:6px;padding:7px 9px}.dependency-list .external{background:#f2f3f0;color:#69776d;border-color:#e5e8e1}.source-list{display:grid;gap:7px}.source-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #e8ece7;border-radius:8px;background:#fff}.source-row strong{font-size:10px}.source-row small{display:block;color:#9aa69e;font-size:9px;margin-top:3px}.source-state{font-size:9px;font-weight:700;color:#278669}.source-state.stale{color:#a17b3b}.source-state.unknown{color:#89958b}.alert-card{border:1px solid #edd5cf;background:#fff6f2;border-radius:8px;padding:12px 13px;margin-top:8px}.alert-card.warning{background:#fff9ee;border-color:#f0e4c9}.alert-card strong{display:block;font-size:11px;color:#a9413e}.alert-card.warning strong{color:#a4772d}.alert-card p{font-size:10px;color:#806d67;margin:5px 0 0;line-height:1.5}.no-alert{background:#edf7ef;border:1px solid #daebdf;border-radius:8px;padding:12px;color:#4d8b63;font-size:10px}.info-line{font-size:10px;color:#8d9a8e;line-height:1.5;margin-top:11px}.visually-muted{color:#a1aca2}
dialog.detail-drawer{left:auto;margin:0;padding:0;border:0;max-width:none;max-height:none;height:100dvh}
dialog.detail-drawer::backdrop{background:#0c241db0}
@media(max-width:1150px){.app-shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.metrics{gap:9px}.metric-card{padding:16px}.metric-top{font-size:8px;letter-spacing:.7px}.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.select-wrap{flex:1}.hero-art{opacity:.7}}
@media(max-width:800px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;min-height:0;display:block;padding:15px 20px}.brand{padding:0;font-size:19px}.brand small{display:none}.sidebar-label,.side-nav,.sidebar-note,.sidebar-footer{display:none}.topbar{height:53px;padding:0 20px}.today{display:none}.page-content{padding:18px 16px 40px}.hero{grid-template-columns:1fr;min-height:225px}.hero-copy{padding:27px 25px}.hero-art{position:absolute;right:-55px;top:0;width:52%;height:100%;min-height:0;opacity:.4}.hero h1{font-size:34px}.hero p{max-width:320px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 25px}.metric-card{min-height:126px}.metric-value{font-size:29px;margin-top:15px}.section-heading,.filters{padding-left:17px;padding-right:17px}.table-footer{padding:13px 17px}}
@media(max-width:500px){.hero-art{display:none}.hero h1{font-size:32px}.metrics{gap:8px}.metric-card{padding:13px}.metric-top{white-space:normal;line-height:1.4}.metric-bottom{white-space:normal;line-height:1.4}.filters{gap:7px}.select-wrap{min-width:calc(50% - 7px);flex:1}.select-wrap.narrow{min-width:calc(50% - 7px)}.reset-button{flex:1;max-width:calc(50% - 7px)}.section-heading h2{font-size:20px}.section-heading p{max-width:230px;line-height:1.5}.table-footer{gap:15px}.detail-head{padding:24px}.detail-body{padding:22px 18px 30px}.detail-overview{gap:7px}.detail-stat{padding:11px}.detail-stat strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Global Desk × Электронный город: фирменная оболочка, статусы остаются семантическими. */
:root{--ink:#001e35;--muted:#687985;--line:#e3e9ed;--paper:#f6f8f9;--deep:#001e35;--teal:#bbff00;--green:#247a51;--green-bg:#e7f5eb;--red:#c72f39;--red-bg:#fff0ee;--amber:#a96b15;--amber-bg:#fff5e5;--shadow:0 18px 44px rgba(0,30,53,.065)}
.sidebar{background:#001e35;color:#e8f1f5}.brand{display:block;padding:0 9px 38px;font-size:0;letter-spacing:normal}.brand-logo{display:block;width:100%;height:76px;object-fit:contain;object-position:center;background:#fff;border-radius:11px;padding:12px 16px}.brand-name{display:block;margin:19px 6px 0;color:#fff;font:800 22px Manrope,sans-serif;letter-spacing:-.9px;line-height:1.12}.brand-name small{display:block;margin-top:7px;color:#9db6c8;font:600 10px 'DM Sans',sans-serif;letter-spacing:1.4px;text-transform:uppercase}.sidebar-label{color:#7790a1}.side-link{color:#acc0cc}.side-link:hover{background:#12364e;color:#fff}.side-link.active{background:#ef4543;color:#fff}.nav-count{color:#fff}.sidebar-note{border-color:#27465b;background:#103149}.note-pulse{background:#bbff00;box-shadow:0 0 0 4px #bbff0020}.sidebar-note strong{color:#fff}.sidebar-note p{color:#aac1ce}.sidebar-footer{border-top-color:#27465b}.avatar{background:#bbff00;color:#001e35}.sidebar-footer small,.footer-chevron{color:#90aabc}
.breadcrumbs strong,.service-main strong,.section-heading h2,.catalog-counter,.detail-section h3,.check-text strong{color:#001e35}.mock-pill{border-color:#ffd5d2;color:#ba3e3b;background:#fff3f0}.mock-dot{background:#ef4543}.hero{background:#001e35;box-shadow:0 18px 40px #001e3527}.hero:before{background:radial-gradient(circle at 80% 46%,#174967 0%,transparent 42%),linear-gradient(135deg,#001e35,#092e48 80%)}.eyebrow,.hero h1 em{color:#bbff00}.eyebrow-line{background:#bbff00}.hero p{color:#bed0dc}.hero-meta{color:#9ab5c4}.hero-meta-dot{background:#ef4543}.orbit{border-color:#bdd6e42b}.orbit-two:before{background:#bdd6e422}.art-center{background:linear-gradient(135deg,#ef4543,#c8323b);border-color:#ffb4aa;box-shadow:0 0 0 18px #ef45431a,0 22px 50px #00122370}.art-center small{color:#fff}.art-node{background:#bbff00;box-shadow:0 0 0 6px #bbff0026,0 0 18px #bbff00}.node-c{background:#ef4543;box-shadow:0 0 0 6px #ef454326,0 0 18px #ef4543}.art-label{color:#9bb4c4}.metric-total{background:#fff2ef;border-color:#ffdcd6}.metric-value{color:#001e35}.section-kicker{color:#ef4543}.search-field,.select-wrap,.reset-button{background:#fbfcfd;border-color:#dce5eb}.search-field:focus-within,.select-wrap:focus-within{border-color:#ef4543;box-shadow:0 0 0 3px #ef454322}.reset-button:hover{color:#c72f39;border-color:#ef4543}.table-wrap thead{background:#f7f9fa}.service-icon{background:#eff4f8;color:#476982}.team-cell,.tier{color:#5a7080}.team-dot{background:#ef4543}.progress-track{background:#e5ebee}.progress-fill{background:#4aab78}.progress-fill.partial{background:#d49a52}.service-button:hover strong{text-decoration-color:#ef4543}.service-button:focus-visible{outline-color:#ef4543}.detail-head{background:#001e35}.detail-head:before{border-color:#bdd6e424;box-shadow:0 0 0 55px #bdd6e40b,0 0 0 110px #bdd6e408}.detail-label{color:#bbff00}.detail-subtitle{color:#b6cbd7}.detail-tags span{color:#e8f1f5}.component-mark{background:#edf3f7;color:#47708d}.dependency-list span{color:#35546a;background:#eef4f8;border-color:#dbe7ed}dialog.detail-drawer::backdrop{background:#001e35b0}
@media(max-width:800px){.brand{display:flex;gap:14px;align-items:center;padding:0}.brand-logo{width:125px;height:45px;padding:5px 8px}.brand-name{margin:0;font-size:18px}.brand-name small{display:block;font-size:8px;margin-top:4px}.sidebar{padding:13px 18px}}

.service-row{cursor:pointer}
.service-row:focus-within{background:#f8fbf8}