:root{color-scheme:dark;--bg:#101719;--surface:#1b2528;--line:#344246;--text:#f4f7f7;--muted:#a1b5b8;--good:#71d6ac;--alert:#ff999a;--offline:#f1c16f;--stale:#aac8ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.wall-app{max-width:2200px;margin:auto;padding:28px 36px 18px;min-height:100svh;display:flex;flex-direction:column}.wall-header{display:flex;align-items:center;gap:28px;padding-bottom:26px}.wall-brand{display:flex;align-items:center;gap:14px}.wall-brand img{border-radius:8px}.wall-brand strong{display:block;font-size:27px}.wall-brand div>span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.demo-label{align-self:flex-start;font-size:10px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px 6px}.wall-clock{margin-left:auto;text-align:right}.wall-clock time{display:block;font-size:34px;font-weight:700;font-variant-numeric:tabular-nums}.wall-clock span{display:block;font-size:12px;margin-top:6px;color:var(--muted)}.wall-tools{display:flex;gap:7px}.wall-tools a,.wall-tools button{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--muted);cursor:pointer}.wall-tools a:hover,.wall-tools button:hover{background:var(--surface);color:var(--text)}.lucide{width:19px;height:19px;flex-shrink:0}.wall-summary{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.wall-summary>div{padding-left:24px;border-left:1px solid var(--line)}.wall-summary>div:first-child{padding-left:0;border:0}.wall-summary span{display:block;font-size:13px;color:var(--muted);margin-bottom:10px}.wall-summary strong{font-size:43px;line-height:1;font-variant-numeric:tabular-nums}.summary-good strong{color:var(--good)}.summary-alert strong{color:var(--alert)}.summary-offline strong{color:var(--offline)}.summary-stale strong{color:var(--stale)}.wall-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:32px;flex:1;align-items:start}.wall-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.wall-section-heading h1,.wall-section-heading h2{font-size:20px;margin:0}.status-key{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--good);margin-right:5px}.customer-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.customer-heading h2{font-size:14px;color:var(--muted);font-weight:600;margin:0}.customer-heading span{font-size:11px;color:var(--muted)}.wall-customer+.wall-customer{margin-top:24px}.site-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.site-tile{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:16px;min-height:121px;display:grid;grid-template-columns:1fr auto;gap:9px 7px;align-items:center}.site-tile h3{font-size:15px;margin:0;grid-column:1/-1}.site-tile strong{font-size:29px;font-variant-numeric:tabular-nums}.site-tile strong small{font-size:14px;color:var(--muted);margin-left:3px}.site-tile .site-status{grid-column:1/-1;font-size:11px;color:var(--good);display:flex;align-items:center;gap:6px}.site-status .lucide{width:13px;height:13px}.site-tile>.lucide{color:var(--muted)}.site-tile[data-state=alert]{border-color:#a2595b;background:#302124}.site-tile[data-state=alert] .site-status,.site-tile[data-state=alert]>strong{color:var(--alert)}.site-tile[data-state=offline]{border-color:#8f754a;background:#2b2820}.site-tile[data-state=offline] .site-status{color:var(--offline)}.site-tile[data-state=stale]{border-color:#5e7497;background:#222c38}.site-tile[data-state=stale] .site-status{color:var(--stale)}.issue-count{font-size:12px;border:1px solid var(--line);padding:4px 8px;border-radius:4px}.issue-item{border-top:1px solid var(--line);padding:17px 0 18px}.issue-item:first-child{padding-top:0;border-top:0}.issue-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin-bottom:10px}.issue-kind{display:flex;align-items:center;gap:7px;color:var(--alert)}.issue-kind .lucide{width:15px;height:15px}.issue-item[data-kind=offline] .issue-kind{color:var(--offline)}.issue-item[data-kind=stale] .issue-kind{color:var(--stale)}.issue-item h3{font-size:17px;margin:0 0 7px}.issue-item p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.issue-item .issue-reading{display:block;font-size:13px;color:var(--text);margin-top:8px}.wall-note{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:20px;margin-top:8px;color:var(--muted)}.wall-note strong{font-size:12px}.wall-note p{font-size:12px;line-height:1.5;margin:6px 0 0}.wall-footer{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:11px;padding-top:26px}.wall-footer>span:first-child{color:var(--good)}#wallError:empty{display:none}:focus-visible{outline:3px solid #79b9ff;outline-offset:3px}
body.light{color-scheme:light;--bg:#f4f7f7;--surface:#fff;--line:#cbd8da;--text:#172d32;--muted:#516c72;--good:#227653;--alert:#a63039;--offline:#8b5d19;--stale:#345d92}body.light .site-tile[data-state=alert]{background:#fff0f0}body.light .site-tile[data-state=offline]{background:#fff7e8}body.light .site-tile[data-state=stale]{background:#edf3fc}
@media(min-width:1101px) and (min-height:700px){.wall-app{height:100svh;min-height:0}.wall-header,.wall-summary,.wall-footer,.customer-heading,.wall-section-heading{flex-shrink:0}.wall-layout{min-height:0;align-items:stretch;grid-template-rows:minmax(0,1fr)}.wall-location-section{display:flex;flex-direction:column;min-height:0}#wallCustomers{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;flex:1;min-height:0}.wall-customer{display:flex;flex-direction:column;min-height:0}.wall-customer+.wall-customer{margin-top:0}.site-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr))}.site-grid .site-tile{min-height:0}.wall-note{display:none}}
@media(min-width:1700px){.wall-app{padding:38px 52px 24px}.wall-layout{grid-template-columns:minmax(0,1fr) 410px;gap:44px}.site-tile{min-height:164px;padding:24px}.site-tile h3{font-size:20px}.site-tile strong{font-size:40px}.site-tile .site-status{font-size:13px}.wall-section-heading h1,.wall-section-heading h2{font-size:25px}.issue-item h3{font-size:21px}.issue-item p,.issue-item .issue-reading{font-size:16px}.issue-item{padding:22px 0}.wall-summary strong{font-size:52px}.wall-summary span{font-size:15px}.customer-heading h2{font-size:17px}}
@media(min-width:1101px) and (max-height:950px){.wall-app{padding:18px 28px 14px}.wall-header{padding-bottom:16px}.wall-summary{padding:16px 0;margin-bottom:20px}.wall-summary strong{font-size:34px}.wall-summary span{margin-bottom:7px}.wall-section-heading{margin-bottom:16px}.site-tile{padding:10px 14px;gap:5px 7px}.site-tile strong{font-size:27px}.customer-heading{margin-bottom:9px}.issue-item{padding:10px 0}.issue-item h3{font-size:15px;margin-bottom:5px}.issue-top{margin-bottom:6px}.issue-item p,.issue-item .issue-reading{font-size:12px;line-height:1.4}.issue-item .issue-reading{margin-top:6px}.wall-footer{padding-top:16px}}
@media(max-width:1100px){.wall-app{padding:24px}.wall-layout{grid-template-columns:1fr}.wall-attention{border-top:1px solid var(--line);padding-top:24px}#wallIssues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.issue-item{border:0;padding:0}.wall-note{display:none}}
@media(max-width:600px){.wall-app{padding:18px 14px}.wall-header{flex-wrap:wrap;gap:18px}.wall-brand strong{font-size:22px}.wall-brand div>span{font-size:11px}.wall-brand img{width:36px;height:36px}.wall-clock{order:3;margin:0;text-align:left}.wall-clock time{font-size:28px}.wall-clock span{font-size:11px}.wall-tools{margin-left:auto}.wall-tools a,.wall-tools button{width:32px;height:32px}.demo-label{display:none}.wall-summary{grid-template-columns:repeat(3,1fr);row-gap:24px}.wall-summary>div{padding-left:14px}.wall-summary>div:nth-child(4){padding-left:0;border:0}.wall-summary strong{font-size:34px}.wall-summary span{font-size:11px}.site-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.site-tile{padding:13px;min-height:116px}.site-tile h3{font-size:14px}.site-tile strong{font-size:26px}.wall-section-heading{align-items:flex-start}.wall-section-heading h1,.wall-section-heading h2{font-size:18px}.status-key{font-size:10px}.wall-footer{font-size:10px}.wall-footer>span:last-child{display:none}}