.official-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;padding:15px 12px;border-radius:14px}.official-brand img{width:100%;max-width:220px;height:auto;display:block}.official-brand small{color:#796055;font-size:.57rem;letter-spacing:.12em}.brand-login.official-brand{padding:0;margin-bottom:28px}
/* GORDAN brandbook: Figma 2KPXMpF97OQsYSmaz4yy7o, palette 33:139.
   Status colours are functional and always paired with text. */
:root{--ink:#2c140c;--muted:#796055;--line:#eedfd8;--paper:#fff;--canvas:#fbf5f1;--green:#ba2900;--forest:#2c140c;--lime:#fd6b2a;--red:#ba2900;--orange:#fd6b2a;--brand-red:#eb3701;--peach:#fff1ea;font-family:"Euclid Circular A","Segoe UI",Arial,sans-serif;font-synthesis:none}
body{background:var(--canvas)}h1,h2,h3{font-weight:500;letter-spacing:-.025em}h1{font-size:2.25rem;line-height:1.15}h2{line-height:1.35}.page-heading{margin-bottom:28px}.page-heading p{line-height:1.65}.sidebar{background:var(--forest);padding-top:32px}.sidebar nav a{border-radius:12px;padding:13px 12px}.sidebar nav a.active{background:var(--brand-red);color:#fff}.sidebar nav a:hover{background:#623323}.sidebar nav a.active:hover{background:#ba2900}.brand{letter-spacing:.02em}.sidebar-caption{letter-spacing:.08em}.brand-mark{border:0;border-radius:12px}.topbar{background:var(--canvas);border-color:var(--line)}main#main{max-width:1840px;width:100%;margin:0 auto;padding-top:32px}.button{border-radius:12px;padding:11px 17px;font-weight:500}.button.primary{background:var(--brand-red);border-color:var(--brand-red)}.button.primary:hover{background:var(--red)}.button:hover{background:var(--peach)}input,select,textarea{border-radius:10px;border-color:var(--line);color:var(--ink)}.panel,.ops-project-card,.alert-card,.catalog-card,.user-card,.metric,.job-detail{border-radius:20px;border-color:var(--line);box-shadow:none}.panel-head{padding:21px 24px}.panel-body{padding:24px}.panel-note,.table-labels,.dialog-actions{background:var(--peach)}.project-row:hover,.glance-row:hover{background:#fff1ea}.project-row,.issue-item,.issue-table-row,.log-row,.run-row{border-color:var(--line)}.ops-project-card,.alert-card{padding:26px}.ops-card-top .category{letter-spacing:.06em;font-size:.68rem}.project-purpose{line-height:1.7}.badge{border-radius:8px;font-weight:500}.badge.ok,.badge.success,.badge.recovered{background:#edf4ee;color:#326342}.badge.unknown,.badge.waiting,.badge.disabled{background:#f2eeeb;color:#756358}.badge.error,.badge.failed,.badge.critical,.badge.active{background:#ffe3d4;color:#a02400}.badge.warning{background:#fff1ea;color:#91431e}.notice{background:#fff1ea;border-color:#f3d9cc;color:#704336}.notice.neutral{background:#f4eeea;border-color:var(--line);color:#796055}.notice.danger{background:#ffe3d4;color:#a02400}.section-tabs button.active{border-color:var(--brand-red);color:var(--red)}.login-body{background:#fbf5f1}.login-card{border:1px solid var(--line);border-radius:28px;box-shadow:none}.login-card h1{font-size:2rem}.brand-login{color:var(--ink)}.brand-login small{color:var(--muted)}dialog{border-radius:22px}.ops-summary{border-radius:18px}.ops-summary strong{font-weight:500}.uptime-cell.ok,.legend-ok{background:#639071!important}.uptime-cell.failed{background:var(--red)}.uptime-cell.unknown{background:#e8dfd9}.graph-grid{stroke:var(--line)}.graph-line{stroke:var(--brand-red)}.response-graph{min-height:180px}.glance-hero{background:var(--forest);color:#fff;border-radius:24px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.glance-eyebrow{font-size:.67rem;letter-spacing:.14em;color:#fec09e}.glance-hero h2{font-size:2rem;margin:10px 0}.glance-hero p{margin:0;color:#e5c8ba;font-size:.92rem}.glance-hero .button{background:#fd6b2a;border:0;color:#2c140c}.glance-hero.has-attention{border-left:7px solid #fd6b2a}.glance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.glance-stat{border:1px solid var(--line);background:white;border-radius:20px;padding:22px;color:var(--ink);display:flex;flex-direction:column;gap:8px}.glance-stat:hover{text-decoration:none;border-color:var(--orange)}.glance-stat>span{font-size:.85rem}.glance-stat strong{font-size:2.8rem;line-height:1.15;font-weight:500;letter-spacing:-.05em}.glance-stat small{color:var(--muted);font-size:.74rem}.glance-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;margin-bottom:24px;align-items:start}.glance-layout>.panel+.panel{margin-top:0}.glance-percent{font-size:1.6rem;color:var(--red);white-space:nowrap}.glance-timeline{height:135px;display:flex;gap:4px;align-items:stretch;margin-top:25px}.glance-timeline>span{flex:1;min-width:0;border-radius:5px;background:#f0e8e2;display:flex;align-items:flex-end;overflow:hidden}.glance-timeline i{display:block;width:100%;background:#639071;border-radius:4px;min-height:0}.glance-timeline>.failed{background:#ba2900}.glance-timeline>.unknown{background:repeating-linear-gradient(135deg,#eee5df,#eee5df 4px,#f8f2ee 4px,#f8f2ee 8px)}.glance-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem;margin-top:10px}.glance-distribution{display:flex;gap:4px;height:20px;border-radius:7px;overflow:hidden;margin-bottom:22px}.state-ok{background:#639071}.state-error{background:#ba2900}.state-warning{background:#fd6b2a}.state-waiting{background:#fec09e}.state-unknown{background:#b6a69b}.state-disabled{background:#e8dfd9}.glance-state-list{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:22px}.glance-state-list>div{display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.glance-state-list span{display:flex;align-items:center;gap:8px}.glance-state-list i{width:9px;height:9px;border-radius:3px;display:inline-block;flex-shrink:0}.glance-state-list strong{font-weight:500}.glance-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:18px 24px;color:var(--ink);border-bottom:1px solid var(--line)}.glance-row:last-child{border:0}.glance-row:hover{text-decoration:none}.glance-row>span:first-child{min-width:0}.glance-row strong{display:block;font-weight:500;font-size:.92rem}.glance-row small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.77rem;margin-top:5px;overflow-wrap:anywhere}.glance-row time{white-space:nowrap;font-size:.78rem;color:var(--muted)}.glance-servers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:24px}.glance-servers>.panel+.panel{margin:0}.glance-server h2{font-size:.95rem}.glance-server h2 a{color:var(--ink)}.glance-server .panel-head{align-items:start;flex-wrap:wrap}.glance-cpu{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--muted)}.glance-cpu strong{font-weight:500;color:var(--ink);font-size:2rem}.glance-server svg.cloud-graph{width:100%;height:145px;max-height:none;display:block}.glance-delivery{margin-bottom:24px}a:focus-visible,button:focus-visible{outline:3px solid #fd6b2a;outline-offset:3px}
.glance-distribution{width:100%;height:24px;stroke:none}.glance-distribution .state-ok{fill:#639071}.glance-distribution .state-error{fill:#ba2900}.glance-distribution .state-warning{fill:#fd6b2a}.glance-distribution .state-waiting{fill:#fec09e}.glance-distribution .state-unknown{fill:#b6a69b}.glance-distribution .state-disabled{fill:#e8dfd9}.glance-timeline svg{width:100%;height:100%;stroke:none;fill:#639071;display:block}
/* Inverse wordmark sits directly on brown; no tile or decoration around the logo. */
.sidebar .official-brand{background:transparent;border-radius:0;padding:8px 4px;gap:13px}.sidebar .official-brand small{color:#d4b7a7}.sidebar-caption{margin-top:34px}.sidebar nav a.active{background:#563022;color:#fff;border-left:3px solid #fd6b2a;padding-left:9px}.sidebar nav a.active svg{color:#fd6b2a}.sidebar .nav-count{background:#704432}.glance-hero{background:#fff1ea;color:#2c140c;padding:23px 28px;border:1px solid #f3d9cc;border-radius:18px}.glance-hero h2{font-size:1.6rem;margin:7px 0}.glance-hero p{color:#796055;font-size:.86rem}.glance-eyebrow{color:#a64520}.glance-hero .button{background:#eb3701;color:#fff}.glance-hero.has-attention{border-left:4px solid #eb3701}.glance-stat{border-radius:16px;padding:19px 22px}.glance-stat strong{font-size:2.5rem}.panel,.ops-project-card,.alert-card,.catalog-card{border-radius:16px}.glance-availability .panel-body,.glance-status .panel-body{padding:20px 24px}.glance-timeline{height:110px;margin-top:18px}.glance-layout{gap:20px;margin-bottom:20px}.glance-metrics{margin-bottom:20px}.glance-status .glance-state-list{margin-bottom:14px}.sidebar-bottom p{font-size:.73rem}.glance-hero .glance-eyebrow{font-size:.64rem}
@media(min-width:1600px){.glance-timeline{height:120px}}
@media(max-width:1150px){.glance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.glance-layout{grid-template-columns:1fr}.glance-servers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){h1{font-size:1.8rem}.glance-hero{padding:24px;align-items:start;flex-direction:column}.glance-hero h2{font-size:1.55rem}.glance-stat{padding:17px}.glance-stat strong{font-size:2.1rem}.glance-stat small{font-size:.7rem}.glance-servers{grid-template-columns:1fr}.glance-timeline{gap:2px;height:110px}.glance-row{padding:16px;align-items:start;flex-wrap:wrap}.glance-row time{font-size:.72rem}.glance-state-list{grid-template-columns:1fr}.sidebar{padding-top:16px}.sidebar nav a{padding:10px 9px}.panel-head,.panel-body{padding:20px}.ops-project-card,.alert-card{padding:20px}.login-card{padding:28px}.glance-metrics{gap:10px}}