.demo-dashboard{margin:28px 0 55px;padding:32px;background:#eeebe4;border:1px solid var(--line)}.demo-title{display:flex;justify-content:space-between;align-items:start;gap:25px}.demo-title h2{margin:12px 0}.demo-title p{max-width:800px;font-size:14px}.demo-stamp{padding:8px 16px;background:#e1d1b8;color:#664822;white-space:nowrap;font-size:12px}.demo-controls{display:flex;gap:24px;align-items:end;flex-wrap:wrap;margin:28px 0}.demo-controls label{min-width:210px}.demo-controls p{font-size:12px;margin-inline-start:auto}.demo-toggle{display:flex;border:1px solid var(--line)}.demo-toggle button{min-height:48px;padding:12px 24px}.demo-toggle [aria-pressed=true]{background:var(--navy);color:white}.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-stat{padding:22px 18px;background:var(--white);border-top:3px solid var(--accent)}.demo-stat p{font-size:13px}.demo-stat strong{display:block;font:36px/1.5 Georgia;text-align:right;margin:12px 0}.demo-stat small{font:12px Tahoma;margin-left:8px}.demo-stat>span{font-size:12px;color:var(--quiet)}.demo-charts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.demo-panel{padding:26px;background:var(--white);min-width:0}.demo-panel>p{font-size:13px;margin:8px 0}.demo-bar-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px}.demo-bar-row button{text-align:start;padding:0;font-size:13px}.demo-bar-row strong{font-size:14px}.demo-track{grid-column:1/-1;height:10px;background:#e8e6df}.demo-track span{display:block;height:100%;background:#486b70}.demo-columns{display:flex;gap:12px;margin-top:30px;direction:ltr}.demo-columns>div{flex:1;min-width:0;text-align:center;font-size:12px}.demo-columns strong{font-size:12px}.demo-columns>div>div{height:170px;display:flex;align-items:end;justify-content:center;margin:12px 0}.demo-columns>div>div span{display:block;width:80%;background:#bf7657}.demo-unit{text-align:center}.demo-insight{border-inline-start:3px solid var(--accent);padding:18px 22px;background:#e4ded2;margin:24px 0}.demo-insight p{margin-top:8px;font-size:14px}.demo-table{margin-top:25px}.demo-definitions{margin-top:25px;font-size:13px}.demo-definitions summary{padding:12px 0;min-height:48px}.demo-definitions p{margin-top:12px}.demo-capacity{display:flex;height:32px;margin:25px 0}.demo-capacity span:nth-child(1){background:#486b70}.demo-capacity span:nth-child(2){background:#bf7657}.demo-capacity span:nth-child(3){background:#d3d8ca}.demo-legend{padding:0;list-style:none;font-size:13px}.demo-legend li{padding:10px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.demo-task-status{font-size:12px}.demo-task-status.late{color:#a03724;font-weight:600}.demo-dashboard :where(p,strong,td){overflow-wrap:anywhere}
@media(max-width:1000px){.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-title{flex-direction:column}.demo-charts{grid-template-columns:1fr}}
@media(max-width:600px){.demo-dashboard{padding:18px 14px;margin-inline:-4px}.demo-stats{grid-template-columns:1fr 1fr;gap:8px}.demo-stat{padding:16px 12px}.demo-stat strong{font-size:26px}.demo-stat small{display:block;margin:0}.demo-title h2{font-size:26px}.demo-controls{gap:16px}.demo-controls label,.demo-controls p,.demo-toggle{width:100%;min-width:0}.demo-toggle button{flex:1}.demo-controls select{font-size:16px}.demo-panel{padding:20px 16px}.demo-columns{gap:6px}.demo-columns strong{font-size:11px}.demo-table td{min-width:0}}
/* The demo previews audiences; it does not grant production permissions. */
#demoBranchControl[hidden]{display:none!important}.demo-bar-row button{min-height:44px}.demo-toggle{max-width:100%}.demo-toggle button{white-space:normal}.demo-client-heading{display:flex;justify-content:space-between;align-items:start;gap:24px;margin-bottom:24px}.demo-client-heading h3{font-size:28px;margin:12px 0}.demo-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:20px}.demo-client-grid>*{min-width:0}.demo-client-facts{margin-top:20px}.demo-client-facts>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,1.4fr);gap:14px;padding-block:12px;border-bottom:1px solid var(--line)}.demo-client-facts dt{font-size:13px;color:var(--quiet)}.demo-client-facts dd{margin:0;font-size:14px;overflow-wrap:anywhere}.demo-client-events{list-style:none;padding:0;margin:18px 0}.demo-client-events li{padding-block:14px;border-bottom:1px solid var(--line)}.demo-client-events span{display:block;font-size:13px;color:var(--quiet);margin-top:5px}.demo-client-boundary{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.demo-client-boundary p{font-size:14px;max-width:80ch}.demo-task-heading{margin-top:30px}.demo-client :where(p,dd,bdi){overflow-wrap:anywhere}.demo-dashboard button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:800px){.demo-client-heading{flex-direction:column}.demo-client-grid{grid-template-columns:1fr}.demo-client-heading .demo-toggle{width:100%}.demo-client-heading .demo-toggle button{flex:1}}
@media(max-width:600px){.demo-toggle button{padding:12px 8px;font-size:14px}.demo-client-facts>div{grid-template-columns:1fr;gap:6px}.demo-client-heading h3{font-size:25px}}
@media(max-width:380px){.demo-stats{grid-template-columns:1fr}.demo-stat strong{font-size:32px}.demo-stat small{display:inline;margin-inline:8px}.demo-title h2{font-size:24px}}