/* Tour-only presentation; the hero and application retain their own layouts. */
@font-face{font-family:Sithon Tour Symbols;src:url(tour-symbols.woff2) format('woff2');font-weight:100 700;font-style:normal;font-display:block}
.sithon-public-v2 .tour-pinned .tour-story:last-child{min-height:100vh}
.sithon-public-v2 .demo-panel{--tour-bg:#1a1a1a;--tour-card:#232323;--tour-control:#2a2a2a;--tour-border:#45413c;--tour-text:#e0ddda;--tour-muted:#bfb8af}
.sithon-public-v2 .demo-panel [data-theme=light]{--tour-bg:#eee;--tour-card:#fff;--tour-control:#f5f5f5;--tour-border:#c3beb8;--tour-text:#292622;--tour-muted:#625b54;color-scheme:light}
.sithon-public-v2 .demo-panel .tour-symbol{font-family:Sithon Tour Symbols;font-size:14px;line-height:1;font-style:normal;font-weight:400;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24;display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px}
.sithon-public-v2 .demo-panel .product-layout{grid-template-columns:160px minmax(0,1fr)}
.sithon-public-v2 .demo-panel .product-main{padding:16px 18px;background:var(--tour-bg);color:var(--tour-text)}
.sithon-public-v2 .demo-panel .product-nav button{white-space:nowrap;padding-block:6px;min-height:27px}
.sithon-public-v2 .demo-panel .product-topbar{margin-bottom:14px}
.sithon-public-v2 .demo-panel .product-topbar p{color:var(--tour-muted)}
.sithon-public-v2 .demo-panel .tour-header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sithon-public-v2 .demo-panel :is(.tour-theme-controls,.demo-manager){height:40px;min-height:40px;box-sizing:border-box;border:1px solid var(--tour-border);border-radius:6px;background:var(--tour-control);color:var(--tour-text)}
.sithon-public-v2 .demo-panel .tour-theme-controls{display:flex;align-items:center;gap:2px;padding:3px}
.sithon-public-v2 .demo-panel .tour-theme-controls button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:4px;background:transparent;color:var(--tour-muted)}
.sithon-public-v2 .demo-panel .tour-theme-controls .tour-symbol{font-size:20px;width:20px;height:20px}
.sithon-public-v2 .demo-panel .tour-theme-controls button[aria-pressed=true]{background:var(--tour-card);color:#f4863c;box-shadow:0 1px 4px #0002}
.sithon-public-v2 .demo-panel [data-theme=light] .tour-theme-controls button[aria-pressed=true]{color:#a24b0c}
.sithon-public-v2 .demo-panel .demo-manager>.tour-symbol{font-size:18px;width:18px;height:18px}
.sithon-public-v2 .demo-panel .demo-manager>.manager-caret{font-size:24px;width:24px;height:24px}
.sithon-public-v2 .demo-panel .tour-footer-links{display:flex;flex-wrap:wrap;gap:5px 16px}
.sithon-public-v2 .demo-panel .product-footer{margin-top:14px;padding-top:14px;color:var(--tour-muted)}
.sithon-public-v2 :is(.tour-pinned,.tour-measure-host) .demo-panel .product-footer{margin-top:auto;padding-top:14px}
.sithon-public-v2 .demo-panel :is(.table-card,.composer,.time-card){background:var(--tour-card);border-color:var(--tour-border);color:var(--tour-text)}
.sithon-public-v2 .demo-panel .table-card{padding:12px}
.sithon-public-v2 .demo-panel .app-toolbar{margin-bottom:12px}
.sithon-public-v2 .demo-panel .product-table td{padding:4px 8px;height:30px}
.sithon-public-v2 .demo-panel :is(.app-button,.app-filter,.app-search input,.composer select,.composer textarea){background-color:var(--tour-control);border-color:var(--tour-border);color:var(--tour-text)}
.sithon-public-v2 .demo-panel :is(.app-button:disabled,.table-bottom,.field-label,.selection-count,.staff-info,.composer-bottom,.product-footer>span:last-child){color:var(--tour-muted)}
.sithon-public-v2 .demo-panel .product-table th{background:var(--tour-control);color:var(--tour-text)}
.sithon-public-v2 .demo-panel .product-table tr:nth-child(even){background:var(--tour-control)}
.sithon-public-v2 .demo-panel .staff-feedback:empty{display:none}
.sithon-public-v2 .demo-panel .staff-feedback:not(:empty){min-height:0;margin-top:8px}
.sithon-public-v2 .demo-panel .app-search>.tour-symbol{position:absolute;left:7px;top:50%;transform:translateY(-50%);color:var(--tour-muted)}
.sithon-public-v2 .demo-panel .app-button.orange{background:#f4863c;color:#21160e;border-color:#f4863c}
.sithon-public-v2 .demo-panel [data-theme=light] .window-bar{background:#e2e2e2;color:#625b54;border-color:#ccc}
.sithon-public-v2 .demo-panel [data-theme=light] .badge{background:#eee;color:#625b54}
.sithon-public-v2 .demo-panel [data-theme=light] .badge.blue{background:#dcebf2;color:#28607a}
.sithon-public-v2 .demo-panel [data-theme=light] .badge.green{background:#dceee0;color:#286738}
.sithon-public-v2 .demo-panel [data-theme=light] .badge.amber{background:#f8e8cc;color:#80500d}
.sithon-public-v2 .demo-panel [data-theme=light] .badge.red{background:#f8dedc;color:#a42e32}
.sithon-public-v2 .demo-panel [data-theme=light] .recipient-filters{background:#f5f5f5;border-color:#c3beb8}
.sithon-public-v2 .demo-panel [data-theme=light] :is(.recipient-filters legend,.recipient-count,.composer-field){color:#625b54}
.sithon-public-v2 .demo-panel [data-theme=light] .recipient-chip{background:#e7e5e2;color:#292622;border-color:#c3beb8}
.sithon-public-v2 .demo-panel [data-theme=light] .recipient-chip:has(input:checked){background:#fce8d9;border-color:#a24b0c;color:#743b12}
.sithon-public-v2 .demo-panel [data-theme=light] :is(.composer-status,.demo-feedback){color:#286738}
.sithon-public-v2 .demo-panel button:focus-visible{outline:2px solid #f4863c;outline-offset:3px}
.sithon-public-v2 .demo-panel [data-theme=light] :is(button,input,select,textarea):focus-visible{outline-color:#a24b0c}
.sithon-public-v2 .time-toolbar{align-items:center;flex-wrap:wrap}
.sithon-public-v2 .time-day,.sithon-public-v2 .time-sort{display:inline-flex;align-items:center;gap:6px;font-size:11px}
.sithon-public-v2 .time-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sithon-public-v2 .time-card{display:flex;flex-direction:column;min-width:0;padding:8px 10px;border:1px solid var(--tour-border);border-radius:8px}
.sithon-public-v2 .time-photo{display:block;border-radius:50%;width:44px;height:44px;object-fit:cover;margin:0 auto}
.sithon-public-v2 .time-card h5{text-align:center;font-size:13px;font-weight:500;margin:6px 0;line-height:1.4}
.sithon-public-v2 .time-card dl{margin:0}
.sithon-public-v2 .time-card dl>div{border-top:1px solid var(--tour-border);padding:3px 0}
.sithon-public-v2 .time-card dl>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sithon-public-v2 .time-card dl>div:last-child dd{margin:0}
.sithon-public-v2 .time-card dt{font-size:10px;color:var(--tour-muted)}
.sithon-public-v2 .time-card dd{font-size:11px;line-height:1.4;margin:2px 0 0}
.sithon-public-v2 .time-card .scheduled-yes{color:#9ad6b0;font-weight:600}
.sithon-public-v2 .time-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:auto;padding-top:10px}
.sithon-public-v2 .time-actions .app-button{padding-inline:4px;white-space:nowrap}
.sithon-public-v2 .demo-panel .time-actions .app-button.time-stamp{background:#203d48;color:#afd7e8;border-color:#40616e}
.sithon-public-v2 .demo-panel .time-actions .app-button.time-called{background:#492c2c;color:#f0a3a0;border-color:#75504b}
.sithon-public-v2 .demo-panel [data-theme=light] .scheduled-yes{color:#286738}
.sithon-public-v2 .demo-panel [data-theme=light] .time-actions .app-button.time-stamp{background:#dcebf2;color:#28607a;border-color:#a3c3d1}
.sithon-public-v2 .demo-panel [data-theme=light] .time-actions .app-button.time-called{background:#f8dedc;color:#a42e32;border-color:#cf9a95}
.sithon-public-v2 .time-feedback{font-size:10px;line-height:1.5;min-height:30px;margin:8px 0 0;color:var(--tour-muted)}
.sithon-public-v2 .time-empty{grid-column:1/-1;font-size:12px;padding:20px;text-align:center}
@container product-content (max-width:639px){.sithon-public-v2 .time-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container product-content (max-width:359px){.sithon-public-v2 .time-card-grid{grid-template-columns:minmax(0,1fr)}}
@container product (max-width:599px){.sithon-public-v2 .demo-panel .product-layout{grid-template-columns:minmax(0,1fr)}}
@container product-content (max-width:479px){
 .sithon-public-v2 .demo-panel .product-table tbody tr{background:var(--tour-card);border-color:var(--tour-border)}
 .sithon-public-v2 .demo-panel .product-table td{padding:0;height:auto}
}
@media(max-width:599px){.sithon-public-v2 .demo-panel .product-main{padding:16px 12px}.sithon-public-v2 .demo-panel .tour-header-controls{gap:8px}}