:root{--fbr-orange:#E8472A;--fbr-charcoal:#1A1A1A;--fbr-white:#FFFFFF;--fbr-orange-600:#CF3818;--fbr-orange-soft:#FEF3F0;--bg:#F5F5F5;--panel:var(--fbr-white);--text:var(--fbr-charcoal);--muted:#737373;--line:#ECECEC;--green:var(--fbr-orange-600);--green-dark:var(--fbr-charcoal);--green-light:var(--fbr-orange-soft);--success:#16A34A;--warning:#EAB308;--error:#DC2626;--info:#2563EB;--red:var(--error);--amber:var(--warning);--radius:12px;--arabic:'Tajawal',Tahoma,sans-serif;--latin:'Inter',var(--arabic);--display:'Playfair Display',var(--latin);--chart-line:var(--fbr-orange);--chart-grid:#ECECEC;--chart-label:#737373;--chart-cursor:#EE6F51;--chart-fill:var(--fbr-orange)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--arabic);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{border:0;background:none}button:disabled{cursor:default;opacity:.55}[hidden]{display:none!important}svg.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.tiny .icon{width:13px;height:13px}.sidebar{width:218px;background:#fff;position:fixed;top:0;right:0;bottom:0;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:29px 17px 14px;z-index:30}.brand{display:flex;align-items:center;gap:10px;margin:0 6px 29px;font-family:var(--latin);font-size:17px;font-weight:750;letter-spacing:-.65px;direction:ltr}.brand-symbol{display:grid;place-items:center;width:35px;height:39px;color:var(--green);flex-shrink:0}.brand-symbol svg{width:34px}.brand-light{font-weight:450;font-size:15px}.brand small{display:block;font-size:6.5px;letter-spacing:1.55px;font-weight:500;color:#88958f;margin-top:4px}.workspace{border:1px solid var(--line);padding:11px 9px;border-radius:9px;display:flex;gap:9px;align-items:center;text-align:right;width:100%;font-size:11px;font-weight:500;background:#fcfdfc}.workspace small{display:block;color:var(--muted);font-size:9px;margin-top:2px;font-weight:400}.workspace-icon{border-radius:6px;background:#f0f4f1;padding:6px;color:#63786c}.workspace .tiny{margin-right:auto;color:var(--muted)}.nav-label{font-size:10px;color:#9aa59f;margin:24px 13px 10px}.nav-item{width:100%;height:40px;padding:0 13px;display:flex;align-items:center;gap:11px;text-align:right;color:#697a71;border-radius:7px;font-size:12px;margin:3px 0;transition:background .16s,color .16s}.nav-item:hover{background:#f6f9f7}.nav-item.active{background:var(--green-light);color:var(--green-dark);font-weight:600}.nav-item.active:before{content:'';position:absolute;right:0;width:3px;height:25px;border-radius:3px;background:var(--green)}.nav-item b{font-family:var(--latin);margin-right:auto;font-size:10px;background:#f1f4f2;border-radius:5px;padding:2px 6px;color:#819087;font-weight:500}.nav-item b.nav-warning{color:#c47462;background:#fbefea}.system-label{margin-top:28px}.sidebar-bottom{margin-top:auto;padding-top:45px}.environment-card{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:12px 10px;font-size:11px}.environment-card small{font-size:9px;display:block;color:var(--muted);margin-top:2px}.linux-label{font-family:var(--latin);margin-right:auto;font-size:7px;letter-spacing:.7px;color:#9aa59d}.profile{display:flex;align-items:center;text-align:right;padding:18px 0 2px;width:100%;gap:10px;font-size:10px;font-weight:500}.profile small{display:block;font-size:9px;color:var(--muted);font-weight:400;margin-top:2px}.profile .tiny{margin-right:auto;color:var(--muted)}.avatar,.mini-avatar{width:31px;height:31px;border-radius:50%;background:#e5eee6;color:#4c6652;display:grid;place-items:center;font-size:13px;border:3px solid #f9fbf9}.mini-avatar{width:29px;height:29px}.app-shell{margin-right:218px}.topbar{height:61px;background:rgba(255,255,255,.78);border-bottom:1px solid var(--line);padding:0 28px;display:flex;justify-content:space-between;align-items:center}.breadcrumb{display:flex;align-items:center;gap:11px;color:#95a199;font-size:10px}.breadcrumb strong{font-weight:500;color:#51665a}.topbar-actions{display:flex;align-items:center;gap:17px}.demo-label{display:flex;align-items:center;gap:6px;color:#89988e;font-size:9px}.demo-label>span{width:5px;height:5px;background:#aab8ad;border-radius:50%}.topbar-divider{height:19px;width:1px;background:var(--line)}.icon-btn{display:grid;place-items:center;width:29px;height:29px;position:relative;color:#85958c;border-radius:6px}.icon-btn:hover{background:#edf3ef;color:var(--green)}.notification-btn i{position:absolute;left:6px;top:3px;width:4px;height:4px;background:#ca8d58;border-radius:50%;border:1px solid #fff}.mobile-menu{display:none}main{max-width:1660px;margin:auto;padding:24px 28px 12px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:20px}.eyebrow{display:none;font-size:9px;color:#9ba49f;margin-bottom:3px;letter-spacing:.4px}h1{font-size:26px;letter-spacing:-.65px;margin:0;line-height:1.5;font-weight:600}p{margin:0}.page-heading p{font-size:11px;color:#91a095;margin-top:3px}.heading-actions{display:flex;gap:9px;padding-top:10px}.btn{height:34px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;font-size:10px;font-weight:500;white-space:nowrap;transition:background .15s}.btn .icon{width:14px;height:14px}.btn-primary{background:var(--green);color:white;box-shadow:0 2px 3px #188b6815}.btn-primary:hover{background:var(--green-dark)}.btn-light{background:#fff;border:1px solid #dfe7e2;color:#617166}.btn-light:hover{background:#edf4ef}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 17px 12px;min-height:103px;position:relative;overflow:hidden}.stat-top{display:flex;align-items:center;gap:6px;color:#7d8f82;font-size:10px}.stat-icon{margin-right:auto;color:#86988c;width:26px;height:26px;border:1px solid #eaf0eb;border-radius:7px;display:grid;place-items:center}.stat-icon .icon{width:14px;height:14px}.stat-value-line{display:flex;align-items:baseline;gap:8px;margin-top:1px}.stat-value{font-family:var(--latin);font-size:29px;font-weight:600;letter-spacing:-1.5px;line-height:1.3}.stat-unit{font-size:10px;color:#9aa69c}.stat-footer{display:flex;align-items:center;gap:6px;font-size:9px;color:#96a098;margin-top:5px}.stat-footer .status-pill{font-size:8px;padding:1px 5px;line-height:1.6}.stat-card:first-child{background:linear-gradient(112deg,#f7fbf8,#eff7f1);border-color:#dceadf}.stat-card:first-child .stat-value{color:#286a49}.stat-card .mini-spark{position:absolute;left:16px;bottom:17px;width:64px;height:24px;opacity:.8}.mini-spark svg{width:100%;height:100%;overflow:visible}.insights-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:17px;margin-bottom:18px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 17px 9px;gap:10px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title>span[data-icon]{color:#8a9b8f}.panel-title>span[data-icon] .icon{width:15px;height:15px}h2{font-size:12px;margin:0;font-weight:500}.count-badge{font-family:var(--latin);font-size:9px;line-height:1.5;background:#f1f5f2;color:#87978b;border:1px solid #e9eeeb;border-radius:5px;padding:0 5px;font-weight:500;margin-right:2px}.small-select{padding:4px 8px;border:1px solid #e9eeeb;border-radius:5px;color:#7e8f81;background:white;font-size:9px;cursor:pointer;max-width:140px}.text-btn{display:flex;align-items:center;gap:5px;color:#929e96;font-size:9px;padding:0}.text-btn:hover{color:var(--green)}.text-btn .icon{width:12px;height:12px}.chart-controls{display:flex;justify-content:space-between;align-items:center;padding:0 18px;margin-top:0}.segmented{display:flex;gap:0;padding:3px;border:1px solid #edf1ee;background:#f8faf8;border-radius:6px}.segmented button{font-size:8px;color:#94a099;padding:3px 9px;border-radius:4px}.segmented button.active{background:#fff;box-shadow:0 1px 3px #2c503d0c;color:#3e7758;border:1px solid #e7ece8;padding:2px 8px}.chart-summary{display:flex;align-items:center;gap:5px;font-size:8px;color:#9aa69e}.chart-summary strong{font-family:var(--latin);font-size:9px;color:#4f6c59;font-weight:500}.chart-summary .green-dot{width:5px;height:5px}.chart-wrap{height:118px;margin:7px 15px 7px;position:relative;direction:ltr}.chart-wrap svg{width:100%;height:118px;overflow:visible;display:block}.chart-tooltip{position:absolute;top:5px;z-index:5;font-size:10px;background:#254335;color:white;border-radius:5px;padding:5px 8px;pointer-events:none;box-shadow:0 3px 10px #19322522;direction:rtl}.alerts-list{padding:1px 16px 7px}.alert-item{display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #f0f3f1;width:100%;text-align:right}.alert-item:last-child{border:0}.alert-icon{color:#cb8176;background:#fdf0ed;border:1px solid #fae8e2;border-radius:6px;display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;margin-top:1px}.alert-icon .icon{width:14px;height:14px}.alert-icon.amber{color:#c8a267;background:#fcf6e9;border-color:#f7eedb}.alert-icon.gray{color:#91a399;background:#f1f5f2;border-color:#e9eeeb}.alert-copy{flex:1;min-width:0}.alert-title{font-size:10px;color:#56695b;font-weight:500;display:block}.alert-meta{font-size:8px;color:#9ba89f;margin-top:3px;display:block}.alert-meta b{font:500 8px var(--latin);color:#8f9f93;direction:ltr;display:inline-block}.alert-time{font-size:8px;color:#a6b0a9;white-space:nowrap;padding-top:4px}.table-heading{display:flex;align-items:center;justify-content:space-between;padding:14px 17px 11px}.table-tools{display:flex;align-items:center;gap:5px}.update-note{font-size:8px;color:#a0aaa3}.table-tools .icon-btn{width:23px;height:23px}.table-tools .icon{width:13px;height:13px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 17px 11px}.search-box{position:relative;width:290px;display:flex;align-items:center;gap:7px;border:1px solid #e5ece7;border-radius:6px;background:#fff;padding:0 9px;height:31px;color:#9baa9f}.search-box .icon{width:13px;height:13px}.search-box input{border:0;outline:none;width:100%;min-width:0;font-size:9px;background:transparent;color:var(--text);height:29px}.search-box input::placeholder{color:#a0ada4}.search-box kbd{font-family:var(--latin);color:#bac2bc;font-size:10px;border:1px solid #e8ede9;border-radius:3px;padding:1px 4px}.filters{display:flex;align-items:center;gap:7px}.filters select{font-size:9px;border:1px solid #e5ece7;border-radius:6px;background:#fff;color:#839588;height:31px;padding:0 8px;cursor:pointer}.filter-reset{display:grid;place-items:center;color:var(--green);padding:5px}.filter-reset .icon{width:14px;height:14px}.table-scroll{overflow:auto;max-height:486px;scrollbar-width:thin;scrollbar-color:#dbe6de transparent}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}thead{background:#f7faf8;position:sticky;top:0;z-index:1}th{font-weight:400;font-size:8px;color:#93a399;height:31px;padding:0 13px;border-top:1px solid #edf2ee;border-bottom:1px solid #edf2ee}th:first-child{padding-right:20px}th:last-child{padding-left:18px}.sort-btn{display:flex;align-items:center;gap:4px;padding:0;white-space:nowrap;font:inherit;color:inherit}.sort-btn .icon{width:10px;height:10px;color:#b2beb5}.sort-btn.sorted{color:var(--green)}td{padding:7px 13px;border-bottom:1px solid #f0f4f1;font-size:9px;color:#7b8e80;height:38px}.server-row{cursor:pointer;transition:background .12s}.server-row:hover{background:#f7fbf8}.server-row:focus-visible{outline:2px solid #8ab99b;outline-offset:-2px}.server-row:last-child td{border:0}td:first-child{padding-right:20px}.server-name-cell{display:flex;align-items:center;gap:9px}.server-box{display:grid;place-items:center;color:#a0afa4;background:#f6f9f7;border:1px solid #edf1ee;border-radius:6px;flex-shrink:0;height:26px;width:26px}.server-box .icon{height:13px;width:13px}.hostname{font-family:var(--latin);font-size:10px;font-weight:500;color:#4b6655;direction:ltr;display:inline-block;letter-spacing:-.15px}.server-role{font-size:7px;color:#a5b0a8;display:block;margin-top:1px}.server-role b{font-family:var(--latin);font-weight:400}.status-pill{display:inline-flex;align-items:center;gap:4px;line-height:1.7;font-size:8px;border-radius:4px;padding:1px 6px;background:#edf7f0;color:#699577;white-space:nowrap}.status-pill:before{content:'';height:3px;width:3px;border-radius:50%;background:currentColor}.status-pill.warning{background:#fbf4e8;color:#c5a15e}.status-pill.missing{background:#f1f3f2;color:#98a49b}.status-pill.critical{background:#fcedea;color:#c97667}.metric-cell{min-width:70px}.metric-number{font-family:var(--latin);font-size:9px;color:#6d8273;display:block;margin-bottom:4px;direction:ltr;text-align:right}.metric-number.hot{color:#cd8574}.metric-number.warm{color:#bf9b60}.metric-bar{height:3px;width:54px;background:#edf3ee;border-radius:3px;display:block;overflow:hidden;direction:ltr}.metric-bar i{height:100%;display:block;background:#9cc3a7;border-radius:3px}.metric-bar i.warm{background:#dfc791}.metric-bar i.hot{background:#e3aa9a}.numeric{font-family:var(--latin);direction:ltr;text-align:right;font-size:9px;color:#7b9080}.package-number{font-family:var(--latin);font-size:9px;display:inline-flex;align-items:center;gap:4px;color:#a99b74}.package-number.zero{color:#98a99b}.package-number.zero .icon{color:#8ab997;height:12px;width:12px}.row-chevron{color:#bbc6be}.row-chevron .icon{height:12px;width:12px}.table-footer{height:34px;border-top:1px solid #edf2ee;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:8px;color:#a3afa6}.table-legend{display:flex;align-items:center;gap:5px;font-size:8px}.table-legend>span:not(:first-child){margin-right:11px}.green-dot,.amber-dot,.gray-dot{display:inline-block;width:5px;height:5px;border-radius:50%;flex-shrink:0}.green-dot{background:#88b79a}.amber-dot{background:#d6b574}.gray-dot{background:#bcc7bf}.page-footer{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#a9b4ac;padding:13px 2px 0}.page-footer>span:first-child{display:flex;align-items:center;gap:5px}.footer-logo .icon{height:10px;width:10px}.muted{color:#bbc4bd}.empty-state{text-align:center;padding:40px;color:#a0afa4}.empty-state>span{display:inline-block}.empty-state h3{font-size:14px;font-weight:500;color:#6d8375;margin:12px 0 5px}.empty-state p{font-size:11px}.empty-state button{margin-top:16px}.overlay{position:fixed;inset:0;background:#173b2938;backdrop-filter:blur(2px);z-index:49}.detail-drawer{position:fixed;left:0;top:0;bottom:0;width:425px;max-width:95vw;background:#fff;z-index:50;box-shadow:10px 0 40px #162f2412;overflow:auto;padding:25px}.drawer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.drawer-label{font-size:11px;color:#95a598}.drawer-host{margin:21px 0 12px;display:flex;gap:12px;align-items:center}.drawer-host .server-box{width:44px;height:44px}.drawer-host .server-box .icon{width:23px;height:23px}.drawer-host h2{font-family:var(--latin);font-size:20px;font-weight:600;direction:ltr}.drawer-host p{font-size:10px;color:#9aab9e;margin-top:6px}.detail-badge-row{display:flex;gap:6px}.detail-badge-row>span{font-size:9px;border-radius:4px;padding:3px 7px;background:#f3f7f4;color:#819685}.drawer-section{padding:22px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:12px;font-weight:500;margin:0 0 14px}.drawer-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.drawer-metric{background:#f7faf8;border:1px solid #eaf0eb;border-radius:8px;padding:12px}.drawer-metric small{color:#9cad9f;font-size:9px}.drawer-metric strong{display:block;font:500 23px var(--latin);margin:6px 0 10px;direction:ltr;text-align:right}.drawer-metric .metric-bar{width:100%}.detail-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8c9e90;margin:11px 0;gap:12px}.detail-row strong{font-weight:500;color:#587563;font-size:10px}.detail-row strong[dir=ltr]{font-family:var(--latin)}.drawer-note{font-size:10px;color:#8c9c90;line-height:1.9;background:#f3f7f3;border-radius:7px;padding:11px;margin-top:20px}.drawer-actions{display:flex;gap:9px;margin-top:18px}.drawer-actions .btn{flex:1}.drawer-section .status-pill{font-size:9px}.service-pill{display:inline-flex;align-items:center;gap:5px;font:400 10px var(--latin);padding:5px 8px;border:1px solid #eaf0ec;border-radius:5px;margin-left:5px;margin-bottom:4px;color:#6c8b76}dialog{padding:0;width:470px;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 100px #17382630;color:var(--text)}dialog::backdrop{background:#173b2945;backdrop-filter:blur(3px)}.dialog-header{padding:21px 24px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:16px}.dialog-body{padding:21px 24px}.dialog-intro{font-size:11px;color:#8d9e91;line-height:1.9;margin-bottom:18px}.dialog-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;background:#f8faf8;border-top:1px solid var(--line)}.form-field{display:block;margin-bottom:15px;font-size:11px;color:#6b8071}.form-field input,.form-field select{display:block;margin-top:6px;width:100%;height:37px;border:1px solid #dfe8e1;border-radius:6px;padding:0 10px;color:#597362;background:white;font-size:11px}.form-field input[dir=ltr]{font-family:var(--latin)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-help{font-size:9px;line-height:1.8;color:#9aae9e}.integration-row{display:flex;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.integration-icon{width:36px;height:36px;border-radius:8px;background:#f0f5f0;color:#6e917a;display:grid;place-items:center;font:600 12px var(--latin)}.integration-text{flex:1}.integration-text strong{font:500 12px var(--latin);display:block;text-align:right}.integration-text small{font-size:10px;color:#9aab9e;display:block;margin-top:5px}.notification-row{padding:13px 0;border-bottom:1px solid var(--line)}.notification-row p{font-size:11px;margin:7px 0;color:#7e9385}.notification-row small{font-size:9px;color:#9ead9f}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#294d37;color:white;padding:11px 19px;border-radius:9px;box-shadow:0 4px 22px #18372625;font-size:12px;z-index:100;max-width:90vw;text-align:center}.logs-panel{margin-top:0}.log-row{padding:16px 19px;border-top:1px solid var(--line);display:flex;align-items:center;gap:13px}.log-row>div{flex:1}.log-row strong{font-size:11px;font-weight:500;display:block}.log-row small{font-size:9px;color:#96a79a;display:block;margin-top:5px}.log-time{font:400 10px var(--latin);color:#a0afa5}.log-type{font-size:9px;color:#8fa595;background:#f1f6f2;border-radius:4px;padding:3px 7px}.rotating{animation:rotate .6s linear}@keyframes rotate{to{transform:rotate(-360deg)}}
@media(min-width:1600px){main{padding-top:27px}.sidebar{width:235px;padding:30px 20px 16px}.app-shell{margin-right:235px}.stat-card{padding:17px 20px;min-height:113px}.chart-wrap,.chart-wrap svg{height:140px}.alerts-list{padding-top:6px}.alert-item{padding:13px 0}.table-scroll{max-height:520px}td{height:42px;padding-top:8px;padding-bottom:8px}.hostname{font-size:11px}h1{font-size:28px}}
@media(max-width:1180px){.sidebar{width:194px;padding-left:12px;padding-right:12px}.app-shell{margin-right:194px}.brand{font-size:16px;gap:7px}.brand-light{font-size:13px}main{padding:20px}.topbar{padding:0 20px}.insights-grid{grid-template-columns:1.45fr 1fr}.chart-summary{display:none}.stats-grid{gap:10px}.stat-card{padding:12px}.stat-value{font-size:26px}.metric-cell{min-width:55px}.metric-bar{width:42px}th,td{padding-left:9px;padding-right:9px}.stat-card .mini-spark{width:45px}.update-note{display:none}}
@media(max-width:960px){.sidebar{width:180px}.app-shell{margin-right:180px}.brand{font-size:14px}.brand-light{font-size:12px}.brand small{font-size:5px}.brand-symbol{width:29px}.workspace{font-size:10px;gap:6px}.nav-item{padding:0 10px;font-size:11px}.stats-grid{grid-template-columns:repeat(2,1fr)}.insights-grid{grid-template-columns:1fr}.chart-wrap,.chart-wrap svg{height:135px}.chart-summary{display:flex}.alerts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:4px}.alert-item{border-bottom:0;gap:7px}.alert-time{display:none}.alert-title{font-size:9px}.alert-meta b{display:block}.page-heading{align-items:flex-start}.page-heading p{font-size:10px;max-width:280px}.heading-actions{flex-direction:column;padding:0}.table-scroll{max-height:510px}table{min-width:740px}.stat-card .mini-spark{width:65px}.page-footer{gap:15px}.page-footer>span:last-child{max-width:160px}}
@media(max-width:720px){.sidebar{display:none;width:218px;box-shadow:-15px 0 45px #16352415}.sidebar.is-open{display:flex}.app-shell{margin-right:0}.topbar{height:54px;padding:0 16px}.mobile-menu{display:grid}.topbar-actions{gap:10px}.breadcrumb{gap:6px}.demo-label{font-size:8px}.topbar-divider,.mini-avatar{display:none}main{padding:19px 14px 14px}.page-heading{margin-bottom:18px;gap:10px}h1{font-size:24px}.page-heading p{font-size:10px;max-width:225px}.heading-actions{gap:7px}.heading-actions .btn{height:29px;font-size:9px;padding:0 8px}.heading-actions .btn .icon{width:12px;height:12px}.stat-card{min-height:101px}.stat-value{font-size:28px}.stat-top{font-size:10px}.stats-grid{gap:10px;margin-bottom:14px}.insights-grid{gap:14px;margin-bottom:14px}.alerts-list{display:block;padding:0 15px 8px}.alert-item{padding:9px 0;border-bottom:1px solid #f0f3f1}.alert-title{font-size:10px}.alert-meta b{display:inline-block}.alert-time{display:block}.alert-icon{width:26px;height:26px}.alert-meta{font-size:8px}.filter-bar{flex-direction:column;align-items:stretch;padding:0 13px 12px}.search-box{width:100%}.filters select{flex:1}.table-heading{padding:13px}.panel-heading{padding-right:14px;padding-left:14px}.table-footer{padding:0 13px;font-size:7px}.table-legend{font-size:7px;gap:3px}.table-legend>span:not(:first-child){margin-right:6px}.page-footer{font-size:7px;line-height:1.8;align-items:flex-start}.page-footer>span:last-child{text-align:left;max-width:120px}.chart-controls{padding:0 14px}.chart-summary{font-size:7px}.chart-summary strong{font-size:8px}.detail-drawer{padding:21px}.dialog-body{padding:18px 20px}.stat-card .mini-spark{width:42px;left:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Dense wallboard view keeps the complete 12-server fleet visible on a laptop. */
.stat-top{color:#677e6e;font-size:11px}.stat-footer{color:#819386}.page-heading p{color:#82958a;font-size:12px}.nav-item{font-size:13px}.alert-title{color:#506858;font-size:11px}.alert-meta{color:#879b8c;font-size:9px}.hostname{font-size:11px}.server-role{font-size:8px;color:#8d9e91}th{font-size:9px;color:#7b9383}.numeric,.metric-number{font-size:10px;color:#667e6d}.status-pill{font-size:9px}.search-box input,.filters select{font-size:10px}.stat-card .stat-footer{font-size:9px}.demo-label{color:#768b7c}.chart-summary{color:#7c9283}.brand small{letter-spacing:1px;font-size:6px}.brand{gap:7px}
.monitor-mode .topbar{height:45px}.monitor-mode main{padding:12px 20px 8px}.monitor-mode .page-heading{margin-bottom:10px;align-items:center}.monitor-mode h1{font-size:21px}.monitor-mode .page-heading p,.monitor-mode .eyebrow{display:none}.monitor-mode .heading-actions{padding:0}.monitor-mode .stats-grid{margin-bottom:10px;gap:10px}.monitor-mode .stat-card{padding:8px 13px;min-height:78px}.monitor-mode .stat-value{font-size:25px}.monitor-mode .stat-icon{width:20px;height:20px}.monitor-mode .stat-footer{margin-top:0;font-size:8px}.monitor-mode .stat-card .mini-spark{bottom:12px;width:45px}.monitor-mode .insights-grid{display:block;margin-bottom:10px}.monitor-mode .chart-panel{display:none}.monitor-mode .alerts-panel{background:none;border:none;border-radius:0;overflow:visible}.monitor-mode .alerts-panel .panel-heading{display:none}.monitor-mode .alerts-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0}.monitor-mode .alert-item{padding:8px 10px;border:1px solid #e7ece8;border-radius:7px;background:#fff;align-items:center}.monitor-mode .alert-title{font-size:9px}.monitor-mode .alert-meta{font-size:8px}.monitor-mode .alert-time{display:none}.monitor-mode .alert-icon{width:24px;height:24px}.monitor-mode .table-heading{padding:8px 13px}.monitor-mode .filter-bar{padding:0 13px 8px}.monitor-mode .search-box,.monitor-mode .filters select{height:27px}.monitor-mode .table-scroll{max-height:none}.monitor-mode th{height:26px}.monitor-mode td{height:27px;padding-top:3px;padding-bottom:3px}.monitor-mode .server-role{display:none}.monitor-mode .server-box{width:20px;height:20px}.monitor-mode .server-name-cell{gap:7px}.monitor-mode .metric-cell{min-width:75px}.monitor-mode .metric-number{display:inline-block;margin:0 0 0 6px;min-width:27px}.monitor-mode .metric-bar{display:inline-block;width:30px;vertical-align:middle}.monitor-mode .table-footer{height:27px}.monitor-mode .page-footer{padding-top:7px}.monitor-mode .server-row .hostname{font-size:10px}.monitor-mode .status-pill{font-size:8px}
@media(max-width:960px){.heading-actions{flex-direction:column}.monitor-mode .alerts-list{grid-template-columns:1fr}.monitor-mode .alert-item{padding:6px 9px}.monitor-mode .stats-grid{grid-template-columns:repeat(2,1fr)}.monitor-mode .server-panel .table-scroll{max-height:500px}.monitor-mode .filter-bar{flex-direction:column;align-items:stretch}.monitor-mode .search-box{width:100%}.monitor-mode .filters select{flex:1}}

.stat-top{font-size:12px;color:#607966}.stat-footer{color:#718875}.nav-label{color:#7c8f82}.workspace small,.profile small{color:#7b9181}.alert-meta,.alert-meta b{color:#758d7b}.alert-time{color:#889d8d}.chart-summary{font-size:9px}.chart-summary strong{font-size:10px}.small-select,.text-btn{font-size:10px}.panel-title h2{font-size:13px}.table-tools .update-note{color:#839988}.table-footer{color:#819889;font-size:9px}.page-footer{color:#819486}.filters select{color:#718977}.search-box input::placeholder{color:#829989}.demo-label{font-size:10px;color:#728a7c}.server-role{color:#7c9384}.status-pill{color:#478d60}.status-pill.warning{color:#a67e31}.status-pill.missing{color:#7e9184}.log-tools{display:flex;align-items:center;gap:8px}.log-tools input{font-size:10px;padding:6px 9px;border:1px solid #e0e9e2;border-radius:6px;width:190px;color:var(--text);background:white}.monitor-mode .stat-top{font-size:10px}.monitor-mode .stat-card .stat-footer{font-size:8px}.monitor-mode .page-footer{display:none}.monitor-mode .alert-meta,.monitor-mode .alert-meta b{color:#819889}.monitor-mode .table-footer{font-size:8px}
@media(max-width:720px){.demo-label{font-size:8px}.chart-summary{font-size:8px}.chart-summary strong{font-size:9px}.stat-top{font-size:11px}.log-tools{flex-direction:column;align-items:stretch}.log-tools input{width:145px}.page-footer{font-size:7px}.table-footer{font-size:8px}}
/* Production access, telemetry availability and administration. */
.booting .sidebar,.booting .app-shell,.login-required .sidebar,.login-required .app-shell{display:none}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 20%,#e2f3e8,transparent 50%),#f6f8f7}.access-card{width:420px;max-width:100%;padding:38px;background:#fff;border:1px solid #dfeae3;border-radius:18px;box-shadow:0 18px 60px #204b3510}.access-brand{display:block;color:var(--green);font:700 18px var(--latin);letter-spacing:.6px;margin-bottom:25px}.access-card h1{font-size:22px}.access-card>p{font-size:12px;line-height:2;color:#728778;margin:12px 0 24px}.access-card .btn{height:39px;width:100%;font-size:12px}.access-card .access-note{font-size:10px;margin:24px 0 0}.form-error{color:#a64942;background:#fff0ed;padding:9px 12px;border:1px solid #f0d3cc;border-radius:6px;line-height:1.8;margin:0 0 12px;font-size:11px}.connection-banner{background:#fff6e7;border:1px solid #ead6ab;border-radius:8px;padding:10px 14px;line-height:1.9;margin-bottom:12px;font-size:11px;color:#907135}.connection-banner.critical{background:#fff0ed;border-color:#ecd1c9;color:#a15c50}.live-mode .demo-label>span{background:var(--green)}.live-mode .demo-label.error>span{background:var(--amber)}.live-mode .demo-label.error{color:#a27c31}.onboarding-panel{padding:22px;display:flex;align-items:center;gap:18px;margin-bottom:18px;background:linear-gradient(100deg,#fff,#eff8f2)}.onboarding-panel h2{font-size:16px;color:#396749}.onboarding-panel p{font-size:12px;line-height:2;margin:7px 0;color:#708977}.onboarding-panel>div{flex:1}.onboarding-icon{height:55px;width:55px;flex-shrink:0;border:1px solid #dcebe1;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--green)}.onboarding-icon .icon{height:28px;width:28px}.onboarding-steps{font-size:10px;color:#699078}.no-data{padding:22px;color:#829b89;font-size:11px;line-height:2;text-align:center}.chart-empty{height:115px;display:grid;place-items:center;color:#9aafa1;font-size:11px}.detail-drawer{width:490px}.detail-data-table{width:100%;font-size:10px;white-space:normal}.detail-data-table td{padding:8px 4px;font-size:10px;height:auto;overflow-wrap:anywhere}.detail-data-table th{padding:6px 4px;height:auto;font-size:9px}.detail-data-table td:first-child{padding-right:4px}.detail-data-table thead{position:static}.warning-note{font-size:10px;line-height:1.8;color:#977638;background:#fff8e9;border:1px solid #f0e3c5;border-radius:6px;padding:8px 10px;margin:7px 0}.drawer-section details{margin-top:10px}.drawer-section summary{font-size:11px;color:#658573;cursor:pointer;padding:6px 0}.drawer-meta-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.danger-btn{color:#b45b50;border-color:#e9d5cf}.dialog-wide{width:630px}.dialog-body pre,.config-json{font:10px/1.8 var(--latin);background:#f3f7f4;border:1px solid #e1e9e2;padding:13px;border-radius:7px;direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}.token-secret{font:11px/1.8 var(--latin);direction:ltr;display:block;text-align:left;background:#f7faf8;border:1px solid #dae7de;border-radius:6px;padding:10px;overflow-wrap:anywhere;margin-top:8px;user-select:all}.dialog-body code{font:10px var(--latin);direction:ltr;unicode-bidi:isolate;background:#f0f5f1;padding:2px 4px;border-radius:3px}.account-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mini-table{width:100%;white-space:normal;margin-top:12px}.mini-table th,.mini-table td{padding:8px 6px;font-size:10px}.mini-table td:first-child{padding-right:6px}.mini-table th{height:auto}.modal-status{font-size:11px;color:#789382;margin:10px 0;line-height:1.9}.readonly-note{font-size:10px;color:#8b9e91}.service-pill.warning .green-dot{background:#d3aa6c}.service-pill.unknown .green-dot{background:#bcc7bf}.log-time{font-size:9px;white-space:nowrap}.form-field textarea{display:block;margin-top:6px;width:100%;min-height:65px;border:1px solid #dfe8e1;border-radius:6px;padding:9px;font:11px var(--arabic);color:#597362;background:white}.monitor-mode .onboarding-panel{padding:14px;margin-bottom:10px}.monitor-mode .onboarding-panel p{font-size:11px}.monitor-mode .connection-banner{padding:7px 12px}.monitor-mode .no-data{padding:13px}.monitor-mode .table-scroll{max-height:calc(100vh - 275px)}.live-mode .environment-card .green-dot{background:#a8b9af}.live-mode .environment-card.online .green-dot{background:#88b79a}@media(max-width:720px){.onboarding-panel{padding:16px;gap:12px;flex-wrap:wrap}.onboarding-panel>div{min-width:180px}.onboarding-panel p{font-size:11px}.onboarding-icon{width:40px;height:40px}.onboarding-panel>.btn{width:100%}.access-card{padding:28px}.detail-drawer{max-width:96vw}.log-tools{max-width:180px}.detail-row{align-items:flex-start}.detail-row strong{text-align:left;overflow-wrap:anywhere}.topbar-actions{max-width:190px}.live-mode .demo-label{font-size:9px}.monitor-mode .table-scroll{max-height:500px}}

/* Official FBR identity. Originals and provenance live in assets/brand/SOURCE.md. */
.sidebar{padding-top:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D4D4D4 transparent}
.brand{flex-direction:column;justify-content:center;gap:0;direction:ltr;margin:0 0 14px;letter-spacing:0;flex-shrink:0}
.brand-logo,.access-logo{display:block;height:auto;object-fit:contain;flex-shrink:0;max-width:calc(100% - 64px)}
.brand-logo{width:112px;margin:32px}
.product-name{display:block;font:500 12px var(--latin);color:var(--fbr-charcoal);letter-spacing:.1px}
.brand .product-name{color:#525252}
.sidebar .workspace,.sidebar nav,.sidebar .nav-label,.sidebar .sidebar-bottom{flex-shrink:0}
.sidebar .nav-label{margin-top:18px;margin-bottom:8px}
.sidebar .sidebar-bottom{padding-top:18px}
.workspace{background:#FAFAFA}
.workspace-icon,.server-box,.integration-icon{background:#F5F5F5;border-color:var(--line);color:#737373}
.workspace small,.profile small,.nav-label,.environment-card small,.linux-label{color:#737373}
.nav-item{color:#525252}
.nav-item:hover{background:#F5F5F5}
.nav-item.active{color:var(--fbr-orange-600);background:var(--fbr-orange-soft)}
.nav-item b,.count-badge{background:#F5F5F5;border-color:var(--line);color:#737373}
.nav-item b.nav-warning{background:#FEF9C3;color:#854D0E}
.avatar,.mini-avatar{background:#FDE2DB;color:var(--fbr-orange-600);border-color:#FAFAFA}
.topbar{background:rgba(255,255,255,.92)}
.breadcrumb,.icon-btn{color:#737373}
.breadcrumb strong{color:#404040}
.icon-btn:hover{background:var(--fbr-orange-soft);color:var(--fbr-orange-600)}
.notification-btn i{background:var(--warning)}
.page-heading p,.eyebrow,.stat-top,.stat-footer,.stat-unit,.alert-meta,.alert-meta b,.alert-time,.update-note,.table-tools .update-note,.table-footer,.page-footer{color:#737373}
.btn-primary{background:var(--fbr-orange-600);box-shadow:none}
.btn-primary:hover{background:var(--fbr-charcoal)}
.btn-light{border-color:#D4D4D4;color:#525252}
.btn-light:hover{background:#F5F5F5}
.stat-icon{border-color:var(--line);color:#737373}
.stat-card:first-child{background:linear-gradient(112deg,#FFFFFF,#FEF3F0);border-color:#FDE2DB}
.stat-card:first-child .stat-value{color:var(--fbr-charcoal)}
.panel-title>span[data-icon],.text-btn{color:#737373}
.small-select,.filters select{color:#525252;border-color:var(--line)}
.segmented{background:#F5F5F5;border-color:var(--line)}
.segmented button{color:#737373}
.segmented button.active{color:var(--fbr-orange-600);border-color:#FDE2DB;box-shadow:none}
.chart-summary{color:#737373}
.chart-summary strong{color:var(--fbr-charcoal)}
.chart-summary .green-dot{background:var(--fbr-orange)}
.chart-tooltip{background:var(--fbr-charcoal);box-shadow:0 3px 10px #1A1A1A22}
.alert-title{color:#404040}
.alert-icon{color:var(--error);background:#FEF2F2;border-color:#FEE2E2}
.alert-icon.amber{color:#A16207;background:#FEFCE8;border-color:#FEF9C3}
.alert-icon.gray{color:#737373;background:#F5F5F5;border-color:var(--line)}
.alert-item,.log-row{border-color:var(--line)}
.search-box{border-color:var(--line);color:#737373}
.search-box input::placeholder{color:#737373}
.search-box kbd{border-color:var(--line);color:#A3A3A3}
.table-scroll{scrollbar-color:#D4D4D4 transparent}
thead{background:#FAFAFA}
th{border-color:var(--line);color:#737373}
td{border-color:#F5F5F5;color:#525252}
.server-row:hover{background:#FEF3F0}
.server-row:focus-visible{outline-color:var(--fbr-orange)}
.hostname{color:var(--fbr-charcoal)}
.server-role,.numeric,.metric-number{color:#525252}
.row-chevron,.sort-btn .icon{color:#A3A3A3}
.status-pill{background:#F0FDF4;color:#15803D}
.status-pill.warning{background:#FEFCE8;color:#A16207}
.status-pill.critical{background:#FEF2F2;color:#B91C1C}
.status-pill.missing{background:#F5F5F5;color:#737373}
.green-dot{background:var(--success)}
.amber-dot{background:var(--warning)}
.gray-dot{background:#A3A3A3}
.metric-bar{background:#F5F5F5}
.metric-bar i{background:var(--success)}
.metric-bar i.warm{background:var(--warning)}
.metric-bar i.hot{background:var(--error)}
.metric-number.warm,.package-number{color:#A16207}
.metric-number.hot{color:var(--error)}
.package-number.zero{color:#737373}
.package-number.zero .icon{color:var(--success)}
.table-footer{border-color:var(--line)}
.muted{color:#A3A3A3}
.empty-state,.empty-state h3,.no-data,.chart-empty{color:#737373}
.overlay,dialog::backdrop{background:#1A1A1A45}
.detail-drawer{box-shadow:10px 0 40px #1A1A1A12}
.drawer-label,.drawer-host p,.drawer-metric small,.detail-row,.drawer-note,.dialog-intro,.form-help,.integration-text small,.notification-row p,.notification-row small,.log-row small,.log-time,.readonly-note,.modal-status{color:#737373}
.detail-badge-row>span,.drawer-metric,.drawer-note,.dialog-footer,.dialog-body pre,.config-json,.token-secret,.dialog-body code,.log-type{background:#FAFAFA;border-color:var(--line);color:#525252}
.detail-row strong,.service-pill,.drawer-section summary{color:#525252}
.service-pill{border-color:var(--line)}
.service-pill.warning .green-dot{background:var(--warning)}
.service-pill.unknown .green-dot{background:#A3A3A3}
dialog{box-shadow:0 20px 100px #1A1A1A30}
.form-field{color:#525252}
.form-field input,.form-field select,.form-field textarea,.log-tools input{border-color:#D4D4D4;color:var(--fbr-charcoal)}
.toast{background:var(--fbr-charcoal);box-shadow:0 4px 22px #1A1A1A25}
.auth-screen{background:radial-gradient(circle at 12% 15%,#FDE2DB80,transparent 45%),#F5F5F5}
.access-card{border-color:var(--line);box-shadow:0 18px 60px #1A1A1A10;padding-top:24px}
.access-brand{display:flex;flex-direction:column;align-items:center;letter-spacing:0;margin-bottom:28px;color:var(--fbr-charcoal)}
.access-logo{width:150px;margin:32px}
.access-brand .product-name{font:500 20px var(--display);letter-spacing:0}
.access-card>p{color:#737373}
.form-error,.connection-banner.critical{color:#B91C1C;background:#FEF2F2;border-color:#FECACA}
.connection-banner,.warning-note{color:#854D0E;background:#FEFCE8;border-color:#FDE68A}
.live-mode .demo-label>span,.live-mode .environment-card.online .green-dot{background:var(--success)}
.demo-label{color:#737373}
.live-mode .demo-label.error{color:#854D0E}
.live-mode .demo-label.error>span{background:var(--warning)}
.live-mode .environment-card .green-dot{background:#A3A3A3}
.onboarding-panel{background:linear-gradient(100deg,#FFFFFF,#FEF3F0)}
.onboarding-panel h2{color:var(--fbr-charcoal)}
.onboarding-panel p,.onboarding-steps{color:#737373}
.onboarding-icon{border-color:#FDE2DB;color:var(--fbr-orange-600)}
.danger-btn{color:#B91C1C;border-color:#FECACA}
.monitor-mode .alert-item{border-color:var(--line)}
.monitor-mode .alert-meta,.monitor-mode .alert-meta b{color:#737373}
@media(max-width:720px){.sidebar{box-shadow:-15px 0 45px #1A1A1A15}.access-card{padding-top:16px}.access-logo{width:132px}}

/* One operations surface; FBR brand colors stay separate from metric states. */
.operations-view main{max-width:none;padding:20px 22px 12px}
.operations-view .page-heading{margin-bottom:16px;align-items:flex-start}
.operations-view .eyebrow{display:block;color:var(--fbr-orange-600);font-size:10px;font-weight:700}
.operations-view h1{font-size:28px;font-weight:700;letter-spacing:0}
.operations-view .page-heading p{font-size:12px;line-height:1.8;max-width:650px}
.operations-view .stats-grid{gap:10px;margin-bottom:12px}
.operations-view .stat-card{min-height:90px;padding:12px 15px}
.operations-view .stat-value{font-size:28px;letter-spacing:-1px}
.operations-view .stat-top{font-size:12px;color:#525252}
.operations-view .stat-footer{font-size:10px;line-height:1.5}
.operations-panel{border:1px solid var(--fbr-charcoal);border-top:3px solid var(--fbr-orange);border-radius:10px;background:var(--fbr-charcoal);color:var(--fbr-white);padding:12px 16px;margin-bottom:12px}
.operations-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#D4D4D4;margin-bottom:8px;flex-wrap:wrap}
.operations-kicker{font:600 10px var(--latin);letter-spacing:1.8px;color:#FFFFFF}
.operations-summary{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;font-size:11px;line-height:1.8;color:#FAFAFA}
.operations-summary strong{color:#FFFFFF;font-weight:700}
.operations-summary .status-pill{font-size:10px}
.operations-summary .muted{color:#D4D4D4}
.operations-table .table-heading{padding:12px 16px 9px}
.operations-table h2{font-size:14px;font-weight:700}
.operations-table .filter-bar{padding:0 16px 12px}
.operations-table .search-box{width:330px;height:35px}
.operations-table .search-box input,.operations-table .filters select{font-size:11px}
.operations-table .filters select{height:35px}
.operations-table .table-scroll{max-height:calc(100vh - 380px);min-height:210px}
.operations-table table{min-width:1160px;table-layout:fixed;white-space:normal}
.operations-table thead{background:var(--fbr-charcoal)}
.operations-table th{font-size:11px;font-weight:500;color:#FFFFFF;height:38px;border-color:#404040;padding:8px 10px}
.operations-table th:first-child{width:196px;padding-right:16px}
.operations-table th:nth-child(2){width:130px}
.operations-table th:nth-child(3){width:170px}
.operations-table th:nth-child(4){width:166px}
.operations-table th:nth-child(5){width:150px}
.operations-table th:nth-child(6){width:190px}
.operations-table th:nth-child(7){width:132px}
.operations-table th:last-child{width:26px;padding:6px}
.operations-table .sort-btn .icon{color:#A3A3A3}
.operations-table .sort-btn.sorted{color:#FFFFFF}
.operations-table td{height:auto;vertical-align:top;padding:11px 10px;font-size:11px;border-bottom:1px solid var(--line);line-height:1.6}
.operations-table td:first-child{padding-right:16px}
.operations-table .server-box{display:none}
.operations-table .hostname{font-size:12px;font-weight:600;max-width:165px;overflow-wrap:anywhere;letter-spacing:0}
.operations-table .server-role{font-size:10px;line-height:1.6;color:#737373}
.operations-table .status-pill{font-size:10px;line-height:1.7}
.operations-table .row-chevron{padding:12px 6px;vertical-align:middle}
.ops-stack{display:flex;flex-direction:column;gap:3px}
.ops-stack>small,.ops-contact{font-size:9px;line-height:1.6;color:#737373;overflow-wrap:anywhere}
.ops-contact{display:block}
.ops-incident-title{font-size:10px;line-height:1.6;color:#404040;overflow-wrap:anywhere}
.ops-line{display:flex;align-items:baseline;justify-content:space-between;gap:7px;line-height:1.5;font-size:10px;min-width:0}
.ops-label{color:#737373;flex-shrink:0}
.ops-value{color:var(--fbr-charcoal);font-weight:600;overflow-wrap:anywhere;text-align:left;min-width:0}
.ops-value[dir=ltr]{font-family:var(--latin);font-size:10px;unicode-bidi:isolate}
.ops-value.warning,.ops-value.warm{color:#A16207}
.ops-value.critical,.ops-value.hot{color:#B91C1C}
.ops-value.muted{color:#737373;font-weight:400}
.ops-mini-meter{height:3px;display:block;background:#ECECEC;border-radius:3px;overflow:hidden;direction:ltr;margin:1px 0 3px}
.ops-mini-meter i{display:block;height:100%;background:var(--success);border-radius:3px}
.ops-mini-meter i.warm{background:var(--warning)}
.ops-mini-meter i.hot{background:var(--error)}
.ops-alert-badge{display:inline-flex;align-items:center;gap:4px;border:1px solid #D4D4D4;border-radius:5px;padding:2px 6px;font-size:10px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}
.ops-alert-badge.critical{color:#B91C1C;border-color:#FECACA;background:#FEF2F2}
.ops-alert-badge.warning{color:#854D0E;border-color:#FDE68A;background:#FEFCE8}
.ops-alert-badge.quiet{color:#525252;background:#FAFAFA}
.operations-table .table-footer{height:36px;font-size:10px}
.operations-table .table-legend{font-size:9px}
.operations-feed-panel{margin-top:12px}
.operations-feed-panel .panel-heading{padding:12px 16px;border-bottom:1px solid var(--line)}
.operations-feed-panel h2{font-size:13px;font-weight:700}
.operations-feed-panel .text-btn{font-size:11px}
.operations-feed{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.operations-event{display:flex;align-items:flex-start;gap:9px;padding:12px 16px;min-width:0;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line);text-align:right}
.operations-event>div,.operations-event>span:not(.alert-icon){min-width:0;flex:1}
.operations-event strong{display:block;font-size:11px;font-weight:500;line-height:1.7;overflow-wrap:anywhere;color:#404040}
.operations-event small,.operations-event time{display:block;font-size:10px;line-height:1.6;color:#737373;overflow-wrap:anywhere}
.operations-event [dir=ltr]{font-family:var(--latin);font-size:10px}
.operations-feed .no-data{grid-column:1/-1}
.monitor-mode.operations-view .topbar{height:45px}
.monitor-mode.operations-view main{padding-top:12px}
.monitor-mode.operations-view .page-heading{margin-bottom:10px}
.monitor-mode.operations-view .page-heading h1{font-size:22px}
.monitor-mode.operations-view .page-heading p{display:none}
.monitor-mode.operations-view .stat-card{min-height:74px;padding:8px 12px}
.monitor-mode.operations-view .operations-panel{padding:8px 12px;margin-bottom:8px}
.monitor-mode.operations-view .operations-caption{margin-bottom:4px}
.monitor-mode.operations-view .operations-table .table-scroll{max-height:calc(100vh - 312px)}
.monitor-mode.operations-view .operations-table td{padding-top:7px;padding-bottom:7px}
.monitor-mode.operations-view .operations-feed-panel{margin-top:8px}
@media(min-width:721px){
 .monitor-mode.operations-view .page-heading{align-items:center;gap:12px}
 .monitor-mode.operations-view .heading-actions{flex-direction:row;align-items:center;padding-top:0;gap:6px}
 .monitor-mode.operations-view .stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .monitor-mode.operations-view .stat-top{font-size:11px}
 .monitor-mode.operations-view .stat-footer{font-size:9px}
 .monitor-mode.operations-view .operations-table .filter-bar{flex-direction:row;align-items:center}
 .monitor-mode.operations-view .operations-table .search-box{width:45%;min-width:0}
 .monitor-mode.operations-view .operations-table .filters{flex-shrink:0}
 .monitor-mode.operations-view .sidebar{transform:translateX(100%);pointer-events:none}
 .monitor-mode.operations-view .sidebar.is-open{transform:translateX(0);pointer-events:auto;box-shadow:-12px 0 36px #1A1A1A20}
 .monitor-mode.operations-view .app-shell{margin-right:0}
 .monitor-mode.operations-view .mobile-menu{display:grid}
 .monitor-mode.operations-view .operations-table table{min-width:0}
 .monitor-mode.operations-view .operations-table th:first-child{width:16%}
 .monitor-mode.operations-view .operations-table th:nth-child(2){width:10%}
 .monitor-mode.operations-view .operations-table th:nth-child(3){width:17%}
 .monitor-mode.operations-view .operations-table th:nth-child(4){width:14%}
 .monitor-mode.operations-view .operations-table th:nth-child(5){width:12%}
 .monitor-mode.operations-view .operations-table th:nth-child(6){width:19%}
 .monitor-mode.operations-view .operations-table th:nth-child(7){width:10%}
 .monitor-mode.operations-view .operations-table th:last-child{width:2%;padding-inline:2px}
 .monitor-mode.operations-view .ops-line{flex-wrap:wrap}
 .monitor-mode.operations-view .ops-label{flex-shrink:1;min-width:0}
}
@media(min-width:1700px){.operations-table table{min-width:0}.operations-table .table-scroll{max-height:calc(100vh - 355px)}.operations-table td{font-size:12px}.ops-line{font-size:11px}.ops-value[dir=ltr]{font-size:11px}}
@media(max-width:1200px){.operations-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.operations-view .heading-actions{flex-wrap:wrap;justify-content:flex-end}.operations-table .table-scroll{max-height:65vh}}
@media(max-width:720px){.operations-view main{padding:16px 12px 12px}.operations-view .page-heading{flex-direction:column;gap:9px}.operations-view .heading-actions{width:100%;justify-content:flex-start;padding-top:0;gap:6px}.operations-view .page-heading p{font-size:11px}.operations-view h1{font-size:23px}.operations-view .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operations-view .stat-card{padding:10px;min-height:86px}.operations-view .stat-top{font-size:11px}.operations-view .stat-value{font-size:25px}.operations-panel{padding:10px 12px}.operations-caption{font-size:10px}.operations-summary{gap:6px 12px;font-size:10px}.operations-table .search-box{width:100%}.operations-table .filter-bar{flex-direction:column;align-items:stretch}.operations-table .filters{justify-content:space-between}.operations-table .table-scroll{max-height:66vh;min-height:220px}.operations-table .table-footer{height:auto;min-height:40px;flex-wrap:wrap;gap:6px;padding:8px 12px}.operations-feed{grid-template-columns:1fr}.operations-event{border-inline-end:0}.monitor-mode.operations-view .operations-table .table-scroll{max-height:66vh}.operations-table .update-note{font-size:9px}}

/* Dedicated office display: viewport-sized fleet plus persistent global alerts. */
body.office-view{overflow:hidden;background:#ECECEC}
.office-view .sidebar,.office-view .app-shell{display:none}
.booting #officeScreen,.login-required #officeScreen{display:none!important}
.access-card:has(#mfaVerifyForm:not([hidden])){width:460px}
.auth-factor-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:#FAFAFA}
.auth-factor-status [dir=ltr]{font-family:var(--latin);font-size:12px;font-variant-numeric:tabular-nums}
.auth-secondary-actions{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-top:18px}
.auth-secondary-actions .text-btn{font-size:11px;line-height:1.8}
#telegramCode,#totpCode{font:500 20px var(--latin);letter-spacing:.45em;text-align:center;height:45px}
#telegramCode::placeholder,#totpCode::placeholder{color:#B5B5B5;opacity:1}
.enrollment-setup{border:1px solid var(--line);border-radius:9px;padding:14px;margin:0 0 17px;background:#FAFAFA;font-size:12px;line-height:1.8}
.enrollment-setup>p{margin:0 0 10px}
.enrollment-qr{display:flex;justify-content:center;align-items:center;background:#FFFFFF;width:240px;max-width:100%;aspect-ratio:1;margin:12px auto;border:1px solid #D4D4D4}
.enrollment-qr svg{display:block;width:100%;height:100%}
.enrollment-setup details{font-size:11px;margin-top:12px}
.enrollment-setup summary{cursor:pointer;color:var(--fbr-orange-600);padding:5px 0}
.enrollment-secret{display:block;direction:ltr;text-align:center;overflow-wrap:anywhere;font:12px/1.8 var(--latin);letter-spacing:.08em;user-select:all;padding:9px;background:#FFFFFF;border:1px solid var(--line);border-radius:5px;margin-top:6px}
.enrollment-setup .enrollment-private{font-size:10px;line-height:1.8;color:#737373;margin:12px 0 0}
.access-card .form-help{font-size:11px;line-height:1.8;margin:0 0 13px;color:#737373}
.access-card button:disabled{opacity:.65;cursor:wait}
@media(max-width:500px){.auth-screen{padding:14px}.access-card{padding:25px}.auth-secondary-actions{gap:10px}.enrollment-qr{width:216px}}
.office-screen{height:100vh;height:100svh;width:100%;padding:14px;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.office-header{height:96px;flex-shrink:0;background:var(--fbr-charcoal);border-bottom:3px solid var(--fbr-orange);border-radius:10px;color:var(--fbr-white);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:26px;padding:6px 18px}
.office-identity{display:flex;align-items:center;gap:16px;min-width:0}
.office-logo{display:block;width:64px;height:auto;object-fit:contain;margin:12px;flex-shrink:0}
.office-kicker{font:500 10px var(--latin);letter-spacing:2px;color:#D4D4D4;display:block;margin-bottom:4px}
.office-header h1{font-size:23px;line-height:1.3;font-weight:700;letter-spacing:0;white-space:nowrap}
.office-header p{font-size:11px;color:#D4D4D4;margin-top:5px}
.office-header-status{text-align:center;min-width:210px;display:flex;flex-direction:column;gap:5px}
#officeClock{font:500 25px var(--latin);letter-spacing:1px;color:#FFFFFF}
#officeFreshness{font-size:12px;color:#E5E5E5}
.office-header-status .hot{color:#FCA5A5}
.office-header-status .warm{color:#FDE68A}
.office-actions{display:flex;align-items:center;gap:8px}
.office-action{height:34px;color:#FFFFFF;background:#FFFFFF0D;border:1px solid #737373;border-radius:6px;font-size:11px}
.office-action:hover{background:#FFFFFF1A}
.office-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;flex-shrink:0;min-height:68px}
.office-summary-card{background:var(--fbr-white);border:1px solid #D4D4D4;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;padding:10px 16px;min-width:0;overflow:hidden}
.office-summary-card strong,.office-summary-card b{font:600 26px var(--latin);color:var(--fbr-charcoal);letter-spacing:-.5px;line-height:1.2}
.office-summary-card span,.office-summary-card small{font-size:12px;color:#525252;line-height:1.4}
.office-summary-card strong{grid-column:2;grid-row:1/3}
.office-summary-card strong>span{font:inherit;color:inherit;line-height:inherit}
.office-summary-card small{grid-column:1;font-size:10px;color:#737373}
.office-summary-card.critical{border-color:#FECACA;background:#FEF2F2}
.office-summary-card.critical strong,.office-summary-card.critical b{color:#B91C1C}
.office-summary-card.warning{border-color:#FDE68A;background:#FEFCE8}
.office-summary-card.warning strong,.office-summary-card.warning b{color:#854D0E}
.office-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px}
.office-fleet-panel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #D4D4D4;border-radius:9px;overflow:hidden}
.office-panel-heading{height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid var(--line)}
.office-panel-heading h2{font-size:13px;font-weight:700}
#officePage{font-size:11px;color:#737373;white-space:nowrap}
.office-table-wrap{flex:1;min-height:0;overflow:hidden}
.office-table{width:100%;table-layout:fixed;white-space:normal;border-collapse:collapse}
.office-table thead{position:static;background:var(--fbr-charcoal)}
.office-table th{height:38px;font-size:11px;font-weight:500;color:#FFFFFF;border-color:#404040;padding:6px 8px;line-height:1.3}
.office-table th:nth-child(1){width:16%}
.office-table th:nth-child(2){width:14%}
.office-table th:nth-child(3){width:16%}
.office-table th:nth-child(4){width:15%}
.office-table th:nth-child(5){width:13%}
.office-table th:nth-child(6){width:16%}
.office-table th:nth-child(7){width:10%}
.office-table td{height:56px;padding:4px 8px;vertical-align:middle;font-size:12px;border-bottom:1px solid #ECECEC;overflow:hidden;line-height:1.3}
.office-table td:first-child{padding-right:14px;border-inline-start:3px solid transparent}
.office-row.critical td:first-child{border-inline-start-color:var(--error)}
.office-row.warning td:first-child{border-inline-start-color:var(--warning)}
.office-row.missing td:first-child{border-inline-start-color:#A3A3A3}
.office-row.critical{background:#FEF2F250}
.office-row.missing{background:#FAFAFA}
.office-cell{display:flex;flex-direction:column;gap:2px;min-width:0}
.office-line{display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:12px;line-height:1.25;min-height:15px;min-width:0;white-space:nowrap}
.office-line strong,.office-line b{font-weight:600;color:var(--fbr-charcoal);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.office-line [dir=ltr]{font-family:var(--latin);unicode-bidi:isolate;font-size:11px}
.office-label{color:#737373;font-size:11px;flex-shrink:0}
.office-host{font:600 13px var(--latin);color:var(--fbr-charcoal);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-meta{font-size:10px;line-height:1.2;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.office-cell .status-pill{font-size:9px;padding:0 5px;line-height:1.5}
.office-cell .hot,.office-cell b.hot,.office-cell strong.hot{color:#B91C1C}
.office-cell .warm,.office-cell b.warm,.office-cell strong.warm{color:#A16207}
.office-cell .muted{color:#737373}
.office-rail{min-height:0;display:flex;flex-direction:column;gap:12px;overflow:hidden}
.office-rail-section{background:#FFFFFF;border:1px solid #D4D4D4;border-radius:9px;overflow:hidden;min-height:0;flex:1}
.office-rail-title{display:flex;align-items:center;gap:7px;padding:12px;border-bottom:1px solid var(--line)}
.office-rail-title h2{font-size:14px;font-weight:700}
.office-rail-title>span{color:var(--fbr-orange-600)}
.office-rail-title svg{height:15px;width:15px}
.office-rail-item{padding:8px 12px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.5;min-width:0}
.office-rail-item:last-child{border-bottom:0}
.office-rail-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:15px;font-weight:700;color:#262626;overflow-wrap:anywhere;line-height:1.3;max-height:2.6em;margin-block:3px}
.office-rail-item p{color:#525252;font-size:11px;line-height:1.5}
.office-rail-item.critical{border-inline-start:3px solid var(--error);background:#FEF2F2}
.office-rail-item.warning{border-inline-start:3px solid var(--warning);background:#FEFCE8}
.office-rail-top{display:flex;align-items:center;gap:8px;min-width:0}
.office-rail-server{font:600 12px var(--latin);color:#404040;display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.office-severity{flex-shrink:0;display:inline-block;border:1px solid #D4D4D4;border-radius:4px;padding:1px 7px;font-size:12px;font-weight:700;line-height:1.5;color:#525252;background:#F5F5F5}
.office-severity.critical{color:#991B1B;background:#FEE2E2;border-color:#FCA5A5}
.office-severity.warning{color:#854D0E;background:#FEF3C7;border-color:#FCD34D}
.office-repeat{font-size:10px;color:#525252;white-space:nowrap;margin-inline-start:auto}
.office-rail-count{font-size:11px;color:#525252;display:flex;flex-direction:column;line-height:1.5;padding:7px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.office-rail-item small{font-size:11px;color:#525252;display:block;line-height:1.4}
.office-alerts-section{flex:2}
.office-events-section .office-rail-item{padding-block:7px}
.office-events-section .office-rail-item strong{font-size:13px;font-weight:600}
.office-incident-title{display:block;min-width:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.office-coverage-panel{background:var(--fbr-charcoal);border-top:3px solid var(--fbr-orange);border-radius:8px;color:#FFFFFF;padding:12px;margin-top:auto}
.office-coverage-panel h2{font-size:12px;font-weight:700;margin-bottom:7px}
#officeCoverage{font-size:11px;color:#E5E5E5;line-height:1.7}
.office-coverage-row{line-height:1.35;display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;padding-block:2px;border-bottom:1px solid #FFFFFF1A}
.office-coverage-row>span{color:#D4D4D4;flex-shrink:0}
.office-coverage-row>strong{font-weight:600;color:#FFFFFF;text-align:end;overflow-wrap:anywhere}
#officeCoverage .office-coverage-note{font-size:10px;color:#D4D4D4;line-height:1.5;margin-block:7px 0}
.office-coverage-panel p{font-size:10px;line-height:1.6;color:#D4D4D4;margin-top:7px}
.office-empty{font-size:11px;line-height:1.8;color:#737373;padding:16px;text-align:center}
.office-empty-row td{height:90px;text-align:center;color:#737373;font-size:13px;line-height:1.8}
.office-footer{min-height:28px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;line-height:1.5;color:#525252;padding:0 3px}
#officeAutoStatus{color:var(--fbr-charcoal);font-weight:600}
#officeFreshness.error{color:#FCA5A5}
.office-screen:fullscreen{background:#ECECEC}
/* Full HD keeps twelve complete rows visible even when fleet counters wrap. */
@media(min-width:1401px) and (max-width:2299px) and (min-height:1000px){
  .office-screen{padding:10px;gap:6px}
  .office-summary{height:72px;min-height:72px;max-height:72px}
  .office-summary-card{padding:5px 12px;gap:2px 8px}
  .office-summary-card>span,.office-summary-card>small{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
  .office-summary-card>span{font-size:11px;line-height:1.2;max-height:2.4em}
  .office-summary-card>small{font-size:9px;line-height:1.3;max-height:2.6em}
}
@media(min-width:2300px){.office-screen{padding:22px;gap:16px}.office-header{height:112px}.office-header h1{font-size:28px}.office-header-status{min-width:280px}#officeClock{font-size:32px}.office-summary{min-height:86px}.office-summary-card span{font-size:15px}.office-summary-card strong{font-size:34px}.office-body{grid-template-columns:minmax(0,1fr) 380px;gap:16px}.office-table td{height:64px}.office-line,.office-line strong,.office-line b{font-size:15px;min-height:18px}.office-line [dir=ltr],.office-label{font-size:13px}.office-host{font-size:16px}.office-meta{font-size:12px}.office-table th{font-size:14px;height:44px}.office-rail-item strong{font-size:15px}.office-rail-item{padding:13px 16px}.office-footer{font-size:12px}}
@media(max-width:1400px){.office-screen{padding:10px;gap:9px}.office-header{height:90px;padding:5px 12px;gap:12px}.office-header h1{font-size:20px}.office-header-status{min-width:175px}.office-logo{width:58px;margin:12px}.office-body{grid-template-columns:minmax(0,1fr) 240px;gap:9px}.office-summary-card{padding:8px 10px}.office-summary-card strong{font-size:23px}.office-summary-card span{font-size:11px}.office-table th{font-size:10px}.office-table td{padding-inline:6px}.office-line{font-size:10px}.office-line strong,.office-line b,.office-line [dir=ltr]{font-size:10px}.office-label{font-size:9px}.office-host{font-size:11px}.office-meta{font-size:9px}.office-footer>span:last-child{display:none}.office-rail-title{padding:10px}.office-rail-item{padding:8px 10px}.office-rail-item strong{font-size:11px}}
@media(max-width:1100px){.office-header{height:84px}.office-header h1{font-size:18px}.office-header-status{min-width:150px}#officeClock{font-size:21px}.office-kicker{font-size:9px;letter-spacing:1px}.office-header p{font-size:10px}.office-logo{width:50px;margin:10px}.office-body{display:flex;flex-direction:column}.office-fleet-panel{flex:1}.office-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:126px;flex-shrink:0;gap:8px}.office-coverage-panel{display:none}.office-rail-title{padding:6px 10px}.office-rail-title h2{font-size:10px}.office-rail-count{font-size:9px;padding-inline:10px}.office-rail-item{padding:5px 10px}.office-rail-item{display:grid;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:5px;padding:5px 8px}.office-rail-item strong{display:block;white-space:nowrap;font-size:9px;line-height:1.3;max-height:1.3em}.office-rail-item .office-rail-server{font-size:8px;margin:0}.office-rail-item>small{display:none}.office-footer>span:nth-child(2){display:none}.office-table th{font-size:9px}.office-summary-card{gap:4px}.office-summary-card span{font-size:10px}.office-summary-card strong{font-size:22px}.office-identity{gap:7px}}
@media(max-width:720px){.office-screen{padding:8px;gap:8px}.office-header{height:auto;min-height:114px;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:5px 8px}.office-identity{grid-column:1/2}.office-logo{width:38px;margin:8px}.office-header h1{font-size:15px}.office-kicker{font-size:8px;letter-spacing:.8px}.office-header p{font-size:9px}.office-header-status{min-width:100px}#officeClock{font-size:16px}#officeFreshness{font-size:9px}.office-actions{grid-column:1/-1;justify-content:flex-end}.office-action{font-size:10px;height:28px}.office-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-height:98px}.office-summary-card{padding:7px}.office-summary-card strong{font-size:20px}.office-summary-card span{font-size:9px}.office-table td{padding-inline:3px}.office-table td:first-child{padding-right:4px}.office-table th{font-size:7px;padding-inline:3px}.office-label{font-size:7px}.office-line,.office-line strong,.office-line b,.office-line [dir=ltr]{font-size:8px}.office-host{font-size:8px}.office-meta{font-size:7px}.office-footer{font-size:9px}}

/* Independent public HTTP checks and actionable priorities, in the official FBR palette. */
.status-pill.unknown{color:#525252;background:#F5F5F5;border-color:#D4D4D4}
.public-badge{display:inline-flex;align-items:center;max-width:100%;padding:2px 7px;border:1px solid #D4D4D4;border-radius:4px;background:#F5F5F5;color:#525252;font-size:10px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.public-badge.up{color:#166534;background:#F0FDF4;border-color:#BBF7D0}
.public-badge.down{color:#B91C1C;background:#FEF2F2;border-color:#FECACA}
.public-badge.pending{color:#854D0E;background:#FEFCE8;border-color:#FDE68A}
.public-badge.stale,.public-badge.disabled,.public-badge.unconfigured{color:#525252;background:#F5F5F5;border-color:#D4D4D4}
.office-meta>.public-badge{font-size:9px;line-height:1.2;padding:0 4px;flex-shrink:0;max-width:85px;min-height:13px}
.office-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-summary{color:var(--fbr-charcoal)}
.priority-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0 8px;border-top:1px solid var(--line);margin-top:10px}
.priority-heading h2{font-size:13px;font-weight:600;margin:0}.priority-heading small{font-size:10px;color:#737373}
.operations-priority{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.priority-item{text-align:start;border:1px solid #D4D4D4;border-inline-start:3px solid var(--warning);border-radius:7px;background:#FFFFFF;padding:11px 12px;min-width:0;display:flex;flex-direction:column;gap:5px}
.priority-item.critical{border-inline-start-color:var(--error);background:#FFF9F9}.priority-item:hover{border-color:var(--fbr-orange)}
.priority-item:focus-visible,.public-check-actions .btn:focus-visible{outline:2px solid var(--fbr-orange);outline-offset:2px}
.priority-item strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;font-size:12px;line-height:1.5;color:#404040}
.priority-item>span{font-size:10px;color:#737373;overflow:hidden;text-overflow:ellipsis}.priority-item b{font-family:var(--latin);font-size:10px}
.priority-item .priority-label{color:#854D0E}.priority-item.critical .priority-label{color:#B91C1C}
.public-apps-summary{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#FAFAFA;border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.public-apps-summary strong{font-size:13px;color:#404040}.public-apps-summary small{font-size:10px;color:#737373}
.public-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.public-check-card{border:1px solid #D4D4D4;border-radius:8px;padding:14px;min-width:0;background:#FFFFFF}.public-check-card.down{border-color:#FECACA}.public-check-card.stale{border-style:dashed}
.public-check-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}.public-check-heading strong{display:block;font-size:13px;color:#404040;overflow-wrap:anywhere}.public-check-heading small{display:block;font:10px var(--latin);color:#737373;margin-top:4px}
.public-check-url{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:11px var(--latin);color:var(--fbr-orange-600);margin-bottom:12px;text-align:left}
.public-check-facts{display:grid;grid-template-columns:1fr;gap:5px;color:#737373;font-size:10px;line-height:1.5}.public-check-facts b{color:#525252;font-weight:500}
.public-check-error{font-size:11px;line-height:1.6;color:#B91C1C;margin:10px 0 0}.public-check-card.stale .public-check-error{color:#525252}
.public-check-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.public-check-actions .btn{font-size:10px;min-height:30px;padding:5px 8px;height:auto}
@media(max-width:1000px){.operations-priority{grid-template-columns:1fr}.priority-heading{flex-wrap:wrap}.public-check-grid{grid-template-columns:1fr}}

/* Application activity is distinct from host network counters. */
.traffic-table .table-scroll{overflow-x:auto}.traffic-table table{min-width:1180px;table-layout:fixed}.traffic-table th{font-size:11px;white-space:normal}.traffic-table td{vertical-align:top;padding:13px 10px;white-space:normal}.traffic-table th:first-child{width:15%}.traffic-table th:nth-child(2){width:16%}.traffic-table .ops-stack{font-size:11px;gap:5px}.traffic-table .ops-line{align-items:flex-start;gap:8px}.traffic-table .ops-value{overflow-wrap:anywhere;white-space:normal}.traffic-table .public-badge{white-space:normal;line-height:1.5}.traffic-table .ops-stack small{font-size:10px;line-height:1.6}

/* Four compact activity lines retain the Full HD twelve-server row budget. */
@media(min-width:1401px) and (max-width:2299px) and (min-height:1000px){
  .office-traffic,.office-incidents{gap:1px}
  .office-traffic .office-line,.office-incidents .office-line{font-size:11px;line-height:1.1;min-height:12px}
  .office-traffic .office-line strong,.office-traffic .office-line b,.office-incidents .office-line strong,.office-incidents .office-line b{font-size:11px;line-height:1.1}
  .office-traffic .office-label,.office-traffic .office-line [dir=ltr],.office-incidents .office-line [dir=ltr]{font-size:10px;line-height:1.1}
}

@media(max-width:1100px){
  .office-rail-item{display:block}
  .office-rail-top{gap:5px}
  .office-severity{font-size:9px;line-height:1.3;padding:1px 4px}
  .office-rail-top .office-rail-server{font-size:9px}
  .office-rail-item strong,.office-events-section .office-rail-item strong{font-size:10px;line-height:1.3;max-height:1.3em;margin-block:2px}
  .office-rail-count{font-size:9px;line-height:1.3;padding-block:4px}
  .office-rail-item small{display:none}
  .office-repeat{font-size:8px}
}