.cc-demo.cc-frame{text-align:left;contain:layout paint;isolation:isolate;min-height:0;display:block;position:relative}.cc-demo .cc-demo-content{gap:16px;padding:16px;display:grid}.cc-demo .cc-demo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;display:grid}.cc-demo.cc-frame:has(>.cc-demo-page){contain:none;min-height:100dvh}.cc-demo .cc-demo-page{box-sizing:border-box;width:100%;max-width:1180px;margin-inline:auto;padding:clamp(12px,3vw,28px)}.cc-demo .cc-demo-brandbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.cc-demo .cc-demo-brandbar__actions{align-items:center;gap:8px;display:inline-flex}.cc-demo .cc-demo-brandbar__badge{background:var(--brand-wash,#258dda24);color:var(--text-secondary);font-size:var(--text-xs,12px);white-space:nowrap;border-radius:999px;padding:2px 10px;font-weight:600}.cc-demo .cc-demo-page--narrow{max-width:760px}.cc-demo .cc-demo-stack{gap:16px;display:grid}.cc-demo .cc-demo-note{border-radius:var(--radius-md,12px);background:var(--brand-wash,#258dda24);color:var(--text-primary);font-size:var(--text-sm,13px);margin:0;padding:10px 14px;line-height:1.5}.cc-demo .cc-demo-actions{justify-content:space-between;gap:8px;display:flex}.cc-demo .cc-demo-success{justify-items:start;gap:10px;display:grid}.cc-demo .cc-demo-success>svg{width:32px;height:32px;color:var(--color-success)}.cc-demo .cc-demo-signature{border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);background:#fff;max-width:240px}.cc-demo .cc-theme-switch{border:1px solid var(--border-subtle,#80808066);background:var(--bg-surface,#fff);color:var(--text-secondary,inherit);font:600 12px/1.4 var(--font-ui);cursor:pointer;border-radius:999px;padding:4px 10px}.cc-demo .cc-demo-toolbar{justify-content:flex-end;padding:10px 16px 0;display:flex}.cc-demo .cc-theme-switch:focus-visible{outline:2px solid var(--color-primary-solid,#268dda);outline-offset:2px}[data-cc-portal-root]{display:contents}@media (prefers-reduced-motion:reduce){.cc-demo.cc-frame *,.cc-demo.cc-frame :before,.cc-demo.cc-frame :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cc-demo.cc-frame[data-theme=light]{--text-tertiary:#0c0d0e9e;--color-muted:var(--text-tertiary);--color-primary:var(--brand-600);--color-warning:#8a5a00;--color-success:#1d7a4d;--color-danger:#b3262d}.cc-demo .avatar[class*=avatar-color]{color:#0c0d0e}.cc-demo.cc-frame[data-theme=light] .badge-warning{color:#7a4f00}.cc-demo.cc-frame[data-theme=light] .badge-danger{color:#b3262d}.cc-demo.cc-frame[data-theme=light] .badge-info{color:#185d91}.cc-demo.cc-frame:has(>.cc-demo-scroll){height:100dvh;min-height:0;overflow:hidden}.cc-demo .cc-demo-scroll{overscroll-behavior:contain;height:100%;overflow-y:auto}.cc-demo.cc-frame[data-theme=light] .badge-brand,.cc-demo.cc-frame[data-theme=light] .ticket-badge{color:#185d91}.cc-demo.cc-frame[data-theme=light] a:not([class]){color:#185d91;text-decoration:underline}.cc-demo.cc-frame[data-theme=light] .btn-danger,.cc-demo.cc-frame[data-theme=light] .btn-danger:hover:not(:disabled){background:#b3262d}.cc-demo.cc-frame[data-theme=light] .survey-steps .is-current,.cc-demo.cc-frame[data-theme=light] .bulk-selection-indicator{color:#185d91}.cc-demo.cc-frame[data-theme=light] .collection-positive{color:#1d7a4d}.cc-demo.cc-frame[data-theme=light] .inventory-badge:not([class*=inventory-badge--]),.cc-demo.cc-frame[data-theme=light] .inventory-positive,.cc-demo.cc-frame[data-theme=light] .badge-brand,.cc-demo.cc-frame[data-theme=light] .back-button,.cc-demo.cc-frame[data-theme=light] .select-option.is-selected,.cc-demo.cc-frame[data-theme=light] .select-option-check{color:var(--brand-700)}.cc-demo.cc-frame[data-theme=light] .badge-brand,.cc-demo.cc-frame[data-theme=light] .back-button,.cc-demo.cc-frame[data-theme=light] .member-card--compact.is-selected .member-card__name,.cc-demo.cc-frame[data-theme=light] .member-card.is-selected .member-card__name{color:#185d91}.cc-demo.cc-frame{--floating-surface-background:color-mix(in srgb, var(--color-surface) 94%, transparent)}.cc-demo.cc-frame .mobile-navigation{background:color-mix(in srgb, var(--color-surface) 94%, transparent)}.cc-demo .cc-demo-switch{color:var(--text-secondary);font-size:var(--text-sm,13px);flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 16px;display:flex}.cc-demo .cc-demo-switch__options{border:1px solid var(--border-subtle);background:var(--bg-surface-1,#fff);border-radius:999px;padding:3px;display:inline-flex}.cc-demo .cc-demo-switch button{color:var(--text-secondary);font:600 12px/1.4 var(--font-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:5px 14px}.cc-demo .cc-demo-switch button[aria-pressed=true]{background:var(--color-primary-solid,#268dda);color:#fff}.cc-demo .cc-demo-switch button:focus-visible{outline:2px solid var(--color-primary-solid,#268dda);outline-offset:2px}.cc-demo.cc-frame[data-theme=light] .badge-brand,.cc-demo.cc-frame[data-theme=light] .back-button,.cc-demo.cc-frame[data-theme=light] .training-feed-row__date{color:var(--brand-700)}.cc-demo.cc-frame[data-theme=light] .badge-success{color:#176a42}.cc-demo.cc-frame[data-theme=light] .btn-danger,.cc-demo.cc-frame[data-theme=light] .btn-danger:hover:not(:disabled),.cc-demo.cc-frame[data-theme=light] .btn-danger:active:not(:disabled){color:#fff;background:#b3262d}.cc-demo.cc-frame[data-theme=light]{--color-primary:var(--brand-700)}.cc-demo .cc-demo-notice{margin-bottom:20px}.cc-demo .cc-theme-switch{background:var(--bg-surface-1,#fff)}.cc-demo .data-table__actions .row-actions{flex-wrap:nowrap;justify-content:flex-end}.cc-demo .attendance-member-alerts{flex:none}.cc-demo .training-attendance-list>label>.member-row-identity{flex:auto;min-width:0}@media (width<=620px){.cc-demo .training-attendance-list>label{align-items:center;display:grid}.cc-demo .training-attendance-list>label>.member-row-identity{grid-area:1/1}.cc-demo .training-attendance-list>label>.training-attendance-list__state{grid-area:1/2}.cc-demo .training-attendance-list>label>.attendance-member-alerts{grid-row:2}}.cc-demo.cc-frame:has(>.cc-demo-page){contain:none}.cc-demo .pending-confirmations>header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cc-demo .pending-confirmations>header h2,.cc-demo .pending-confirmations>header p{margin:0}.cc-demo .pending-confirmations>div{gap:8px;display:grid}.cc-demo .pending-confirmations>div>button{border:1px solid var(--border-subtle);border-radius:var(--radius-md,12px);background:var(--bg-surface-1);width:100%;color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.cc-demo .pending-confirmations>div>button>span{flex:1;min-width:0;display:grid}.cc-demo .pending-confirmations>div>button small{color:var(--text-secondary)}.cc-demo .pending-confirmations>div>button:hover{border-color:var(--border-strong)}.cc-demo .pending-confirmations>div>button:focus-visible{outline:2px solid var(--color-primary-solid,#268dda);outline-offset:2px}