/* Isolated hero presentation. Application and tour themes are unchanged. */
@font-face{font-family:Sithon Hero Symbols;src:url(hero-symbols.woff2) format('woff2');font-weight:100 700;font-style:normal;font-display:block}
.sithon-public-v2 #hero-product{--hero-bg:#1a1a1a;--hero-card:#232323;--hero-control:#2a2a2a;--hero-border:#45413c;--hero-text:#e0ddda;--hero-muted:#bfb8af;--hero-good:#9ad6b0;--hero-warn:#f5bc74;--hero-bad:#f0a3a0}
.sithon-public-v2 #hero-product[data-theme=light]{--hero-bg:#eeeeee;--hero-card:#fff;--hero-control:#f5f5f5;--hero-border:#c3beb8;--hero-text:#292622;--hero-muted:#625b54;--hero-good:#25713e;--hero-warn:#835007;--hero-bad:#a42e32}
.sithon-public-v2 #hero-product .hero-symbol{font-family:Sithon Hero Symbols;font-size:20px;font-weight:400;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.sithon-public-v2 #hero-product .hero-filled{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}
.sithon-public-v2 #hero-product .hero-nav-symbol{font-size:14px;width:14px;height:14px}
.sithon-public-v2 #hero-product .metric .hero-symbol{font-size:19px}
.sithon-public-v2 #hero-product .metric-arrow .hero-symbol{font-size:14px}
.sithon-public-v2 #hero-product .app-button .hero-symbol{font-size:14px}
.sithon-public-v2 #hero-product .demo-manager .hero-symbol{font-size:18px}
.sithon-public-v2 #hero-product .demo-manager .manager-caret{font-size:24px;width:24px;height:24px}
.sithon-public-v2 #hero-product .hero-footer-links{display:flex;flex-wrap:wrap;column-gap:16px;row-gap:5px;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-footer-links span{color:inherit}
.sithon-public-v2 #hero-product .dash-middle .app-card .app-button{margin-top:16px}
.sithon-public-v2 #hero-product .hero-header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.sithon-public-v2 #hero-product .product-topbar h4{display:flex;align-items:center;gap:8px}
.sithon-public-v2 #hero-product .hero-live-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:5px;padding:6px 10px;background:#c64236;color:#fff;font-size:14px;font-weight:600;line-height:1;letter-spacing:.02em}
.sithon-public-v2 #hero-product :is(.hero-view-toggle,.hero-theme-controls,.demo-manager){box-sizing:border-box;height:40px;min-height:40px}
.sithon-public-v2 #hero-product .hero-view-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--hero-border);border-radius:6px;background:var(--hero-control);color:var(--hero-text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.sithon-public-v2 #hero-product .hero-view-toggle:is(:hover,:focus-visible){background:var(--hero-card);border-color:#f4863c}
.sithon-public-v2 #hero-product .hero-view-toggle .hero-symbol{color:#e69c94}
.sithon-public-v2 #hero-product .hero-view-toggle[data-destination=dashboard] .hero-symbol{color:#f4863c}
.sithon-public-v2 #hero-product .hero-theme-controls{display:flex;align-items:center;gap:2px;padding:3px;background:var(--hero-control);border:1px solid var(--hero-border);border-radius:6px}
.sithon-public-v2 #hero-product .hero-theme-controls button{display:grid;place-items:center;width:30px;height:30px;background:transparent;border:0;border-radius:4px;color:var(--hero-muted);cursor:pointer}
.sithon-public-v2 #hero-product .hero-theme-controls button[aria-pressed=true]{background:var(--hero-card);color:#f4863c;box-shadow:0 1px 4px #0002}
.sithon-public-v2 #hero-product[data-theme=light] .hero-theme-controls button[aria-pressed=true]{color:#a24b0c}
.sithon-public-v2 #hero-product[data-theme=light] .hero-view-toggle .hero-symbol{color:#ad554d}
.sithon-public-v2 #hero-product[data-theme=light] .hero-view-toggle[data-destination=dashboard] .hero-symbol{color:#a24b0c}
.sithon-public-v2 #hero-product .product-main,.sithon-public-v2 #hero-product .product-window{background:var(--hero-bg);color:var(--hero-text)}
.sithon-public-v2 #hero-product :is(.app-card,.metric){background:var(--hero-card);border-color:var(--hero-border);color:var(--hero-text)}
.sithon-public-v2 #hero-product :is(.demo-manager,.app-button){background:var(--hero-control);border-color:var(--hero-border);color:var(--hero-text)}
.sithon-public-v2 #hero-product :is(.product-topbar p,.metric small,.staff-summary small,.app-card p,.chart-head>span,.chart-labels,.chart-legend,.product-footer,.metric-arrow){color:var(--hero-muted)}
.sithon-public-v2 #hero-product .donut:after{background:var(--hero-card)}
.sithon-public-v2 #hero-product[data-theme=light] .window-bar{background:#e2e2e2;color:#625b54;border-color:#ccc}
.sithon-public-v2 #hero-product[data-theme=light] .chart-grid{stroke:#bbb4ac}
.sithon-public-v2 #hero-product[data-theme=light] .chart-line{stroke:#b95510}
.sithon-public-v2 #hero-product[data-theme=light] .chart-bar{fill:#b95510}
.sithon-public-v2 #hero-product[data-theme=light] .badge.green{background:#dceee0;color:#286738}
.sithon-public-v2 #hero-product[data-theme=light] .badge.amber{background:#f8e8cc;color:#80500d}
.sithon-public-v2 #hero-product[data-theme=light] .product-footer>span:last-child{color:#875023}
.sithon-public-v2 #hero-product button:focus-visible{outline:2px solid #f4863c;outline-offset:3px}
.sithon-public-v2 #hero-product[data-theme=light] button:focus-visible{outline-color:#a24b0c}
.sithon-public-v2 #hero-product .hero-live-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;min-height:32px}
.sithon-public-v2 #hero-product .hero-live-toolbar [data-hero-pause]{margin-left:auto}
.sithon-public-v2 #hero-product .hero-update-label{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-update-label .hero-symbol{font-size:14px}
.sithon-public-v2 #hero-product .hero-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sithon-public-v2 #hero-product .hero-live-card{font:inherit;text-align:left;width:100%;cursor:pointer;transition:border-color .2s}
.sithon-public-v2 #hero-product .hero-live-card:hover{border-color:#f4863c}
.sithon-public-v2 #hero-product .hero-live-card h5{display:flex;align-items:center;justify-content:space-between;gap:4px}
.sithon-public-v2 #hero-product .hero-live-card h5 .hero-symbol{font-size:14px;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-live-metrics{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;align-items:center}
.sithon-public-v2 #hero-product .hero-live-primary{text-align:center}
.sithon-public-v2 #hero-product .hero-live-donut{width:76px;height:76px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--hero-good) var(--attendance),var(--hero-border) 0);position:relative}
.sithon-public-v2 #hero-product .hero-live-donut:before{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--hero-card)}
.sithon-public-v2 #hero-product .hero-live-donut span{position:relative;font-size:18px;color:var(--hero-text)}
.sithon-public-v2 #hero-product .hero-live-primary p{font-size:22px;line-height:1.4;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-live-primary strong{font-weight:500;color:var(--hero-good)}
.sithon-public-v2 #hero-product .hero-live-metrics small{font-size:10px;display:block;line-height:1.5;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-live-secondary{border-left:1px solid var(--hero-border);padding-left:12px}
.sithon-public-v2 #hero-product .hero-live-secondary>div+div{border-top:1px solid var(--hero-border);margin-top:10px;padding-top:10px}
.sithon-public-v2 #hero-product .hero-live-secondary strong{font-size:20px;color:var(--hero-warn);font-weight:500}
.sithon-public-v2 #hero-product .hero-live-secondary>div+div strong{color:var(--hero-bad)}
.sithon-public-v2 #hero-product .hero-detail-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}
.sithon-public-v2 #hero-product .hero-live-detail .hero-live-metrics{display:block}
.sithon-public-v2 #hero-product .hero-live-detail .hero-live-donut{width:110px;height:110px}
.sithon-public-v2 #hero-product .hero-live-detail .hero-live-secondary{display:flex;justify-content:center;gap:18px;border:0;padding:16px 0 0}
.sithon-public-v2 #hero-product .hero-live-detail .hero-live-secondary>div+div{border:0;margin:0;padding:0}
.sithon-public-v2 #hero-product .hero-attendance-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sithon-public-v2 #hero-product .hero-attendance-group h6{font-size:12px;font-weight:500;margin:0 0 14px;color:var(--hero-good)}
.sithon-public-v2 #hero-product .hero-attendance-group.out h6{color:var(--hero-warn)}
.sithon-public-v2 #hero-product .hero-attendance-group.called h6{color:var(--hero-bad)}
.sithon-public-v2 #hero-product .hero-attendance-group ul{list-style:none;padding:0;margin:0;min-height:230px}
.sithon-public-v2 #hero-product .hero-attendance-group li{display:flex;gap:6px;align-items:center;font-size:11px;line-height:1.5;min-height:46px;overflow-wrap:anywhere}
.sithon-public-v2 #hero-product .hero-attendance-group li .hero-symbol{font-size:18px;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-attendance-group small{display:block;font-size:10px;color:var(--hero-muted)}
.sithon-public-v2 #hero-product .hero-attendance-group .hero-attendance-more{min-height:18px;margin:6px 0 0;font-size:11px;line-height:18px;color:var(--hero-muted)}
/* Grid measures every complete scene together, including hidden/inert panels.
   The tallest one determines the stable desktop frame without copied controls. */
@media(min-width:900px){
  .sithon-public-v2 #hero-scenes{display:grid}
  .sithon-public-v2 #hero-scenes>.hero-scene{grid-area:1/1;min-width:0;align-self:start}
  .sithon-public-v2 #hero-scenes>.hero-scene[hidden]{display:block!important;visibility:hidden;pointer-events:none}
}
@media(max-width:1100px){
  .sithon-public-v2 #hero-product .hero-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sithon-public-v2 #hero-product .hero-detail-layout{grid-template-columns:140px minmax(0,1fr);gap:16px}
}
@media(max-width:767px){
  .sithon-public-v2 #hero-product .hero-header-controls{justify-content:flex-start;gap:8px}
  .sithon-public-v2 #hero-product .hero-detail-layout{display:block}
  .sithon-public-v2 #hero-product .hero-attendance-lists{margin-top:24px}
  .sithon-public-v2 #hero-product .hero-attendance-group ul{min-height:0}
  .sithon-public-v2 #hero-product .hero-attendance-more:empty{display:none}
}
@media(max-width:480px){
  .sithon-public-v2 #hero-product .hero-live-grid{grid-template-columns:minmax(0,1fr)}
  .sithon-public-v2 #hero-product .hero-attendance-lists{grid-template-columns:minmax(0,1fr);gap:20px}
  .sithon-public-v2 #hero-product .hero-live-card .hero-live-donut{width:90px;height:90px}
  .sithon-public-v2 #hero-product .hero-live-toolbar [data-hero-pause]{margin-left:0}
}