/*
 * Saanraan public UI kit primitive layer.
 * Owns reusable public UI primitives and public UI combinations.
 */
/*
 * Saanraan common UI kit layer.
 * Loaded only by public runtimes that opt into the kit profile.
 * Owns reusable primitives such as buttons, cards, tables, badges, forms,
 * dropdowns, modals, tabs, and icon sizing.
 * Do not add admin shell chrome or module-specific screen layout here.
 */
:root{--color-choice-light-active:#718cb0}
.alert{align-items:center;border:1px solid color-mix(in oklab,currentColor 10%,transparent);border-radius:var(--radius);box-shadow:0 1px 2px color-mix(in oklab,currentColor 6%,transparent);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 3)}.alert-block{display:block}.alert a{color:inherit}.alert-primary{background-color:color-mix(in oklab,var(--color-primary) 14%,var(--color-card));color:color-mix(in oklab,var(--color-primary) 70%,black)}.alert-secondary{background-color:color-mix(in oklab,var(--color-secondary) 14%,var(--color-card));color:color-mix(in oklab,var(--color-secondary) 70%,black)}.alert-success{background-color:color-mix(in oklab,var(--color-success) 14%,var(--color-card));color:var(--color-success-hover)}.alert-danger{background-color:color-mix(in oklab,var(--color-danger) 10%,var(--color-card));color:var(--color-danger-hover)}.alert-warning{background-color:color-mix(in oklab,var(--color-warning) 16%,var(--color-card));color:color-mix(in oklab,var(--color-warning) 48%,black)}.alert-info{background-color:color-mix(in oklab,var(--color-info) 14%,var(--color-card));color:color-mix(in oklab,var(--color-info) 64%,black)}.alert-light{background-color:color-mix(in oklab,var(--color-light) 64%,var(--color-card));color:var(--color-dark)}.alert-dark{background-color:color-mix(in oklab,var(--color-dark) 14%,var(--color-card));color:var(--color-dark)}.alert-solid{border-color:color-mix(in oklab,currentColor 10%,transparent);color:var(--color-white)}.alert-solid.alert-primary{background-color:var(--color-primary-hover);color:var(--color-white)}.alert-solid.alert-secondary{background-color:var(--color-secondary);color:var(--color-white)}.alert-solid.alert-success{background-color:var(--color-success);color:var(--color-slate-950)}.alert-solid.alert-danger{background-color:var(--color-danger-hover);color:var(--color-white)}.alert-solid.alert-warning{background-color:var(--color-warning);color:var(--color-slate-950)}.alert-solid.alert-info{background-color:var(--color-info-hover);color:var(--color-white)}.alert-solid.alert-light{background-color:var(--color-light);color:var(--color-dark)}.alert-solid.alert-dark{background-color:var(--color-dark);color:var(--color-white)}.alert .alert-close-leading:is(.btn-ghost-default,.btn-ghost-light){color:inherit}.alert-removable{transition:opacity 300ms var(--default-transition-timing-function),transform 300ms var(--default-transition-timing-function)}
.alert-removable.removing{opacity:0;transform:translateX(calc(var(--spacing) * 5))}
.alert-close-leading{line-height:normal;margin-inline-start:auto}
.alert-success:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-success) 16%,var(--color-card));color:color-mix(in oklab,var(--color-success) 76%,var(--color-white))}
.alert-danger:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-danger) 16%,var(--color-card));color:color-mix(in oklab,var(--color-danger) 72%,var(--color-white))}
.alert-primary:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-primary) 16%,var(--color-card));color:color-mix(in oklab,var(--color-primary) 72%,var(--color-white))}
.alert-secondary:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-secondary) 16%,var(--color-card));color:color-mix(in oklab,var(--color-secondary) 74%,var(--color-white))}
.alert-warning:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-warning) 16%,var(--color-card));color:color-mix(in oklab,var(--color-warning) 78%,var(--color-white))}
.alert-info:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-info) 16%,var(--color-card));color:color-mix(in oklab,var(--color-info) 74%,var(--color-white))}
.alert-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:var(--color-default-100);color:var(--color-default-800)}
.alert-dark:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--color-dark) 34%,var(--color-card));color:var(--color-default-900)}
.btn :is(svg,.sr-icon),.btn-icon :is(svg,.sr-icon),.dropdown-toggle :is(svg,.sr-icon),.dropdown-item :is(svg,.sr-icon){width:1em;height:1em;flex:0 0 auto}
.btn{z-index:10;cursor:pointer;justify-content:center;align-items:center;column-gap:calc(var(--spacing) * 2);border-radius:var(--radius);border-style:solid;border-width:1px;border-color:#0000;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 1.75);text-align:center;font-size:var(--text-sm);line-height:var(--text-sm--line-height);font-weight:var(--font-weight-medium);transition-property:background-color,border-color,color,box-shadow,opacity;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration);display:inline-flex;position:relative}
.btn-sm{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.25);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}
.btn-lg{padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 2.25);font-size:var(--text-lg);line-height:var(--text-lg--line-height)}
.btn-icon{width:calc(var(--spacing) * 9.25);height:calc(var(--spacing) * 9.25);padding:0}
.btn-sm.btn-icon{width:calc(var(--spacing) * 7.5);height:calc(var(--spacing) * 7.5);padding:0}
.btn-primary,.btn-solid-primary{background-color:var(--color-primary);color:var(--color-white)}
@media (hover:hover){.btn-primary:hover,.btn-solid-primary:hover{background-color:var(--color-primary-hover)}}
.btn-secondary{border-color:var(--color-default-300);background-color:var(--color-white);color:var(--color-default-700)}
@media (hover:hover){.btn-secondary:hover{background-color:var(--color-default-100)}}
.btn-light,.btn-surface,.btn-surface-default,.btn-surface-default-soft,.btn-subtle-light{background-color:var(--color-light);color:var(--color-default-700)}
@media (hover:hover){.btn-light:hover,.btn-surface:hover,.btn-surface-default:hover,.btn-surface-default-soft:hover,.btn-subtle-light:hover{background-color:color-mix(in oklab,var(--color-default-500) 18%,var(--color-card));color:var(--color-default-950)}}
.btn-solid-secondary{background-color:var(--color-secondary);color:var(--color-white)}
.btn-solid-success{background-color:var(--color-success);color:var(--color-white)}
.btn-solid-danger{background-color:var(--color-danger);color:var(--color-white)}
.btn-solid-warning{background-color:var(--color-warning);color:var(--color-white)}
.btn-solid-info{background-color:var(--color-info);color:var(--color-white)}
.btn-solid-primary-muted{background-color:color-mix(in oklab,var(--color-primary) 90%,transparent);color:var(--color-white)}
.btn-solid-secondary-muted{background-color:color-mix(in oklab,var(--color-secondary) 90%,transparent);color:var(--color-white)}
.btn-solid-info-muted{background-color:color-mix(in oklab,var(--color-info) 85%,transparent);color:var(--color-white)}
.btn-solid-secondary-contrast{background-color:var(--color-secondary);color:var(--color-white)}
.btn-solid-success-contrast{background-color:var(--color-success);color:var(--color-white)}
@media (hover:hover){.btn-solid-primary-muted:hover{background-color:var(--color-primary-hover)}.btn-solid-secondary-muted:hover,.btn-solid-secondary-contrast:hover{background-color:var(--color-secondary-hover)}.btn-solid-info-muted:hover{background-color:var(--color-info-hover)}.btn-solid-success-contrast:hover{background-color:var(--color-success-hover)}}
.btn-outline-primary{border-color:var(--color-primary);background-color:var(--color-white);color:var(--color-primary)}
.btn-outline-secondary{border-color:var(--color-secondary);background-color:var(--color-white);color:var(--color-secondary)}
.btn-outline-success{border-color:var(--color-success);background-color:var(--color-white);color:var(--color-success)}
.btn-outline-danger{border-color:var(--color-danger);background-color:var(--color-white);color:var(--color-danger)}
.btn-outline-warning{border-color:var(--color-warning);background-color:var(--color-white);color:var(--color-warning)}
.btn-outline-info{border-color:var(--color-info);background-color:var(--color-white);color:var(--color-info)}
.btn-outline-dark{border-color:var(--color-dark);background-color:var(--color-white);color:var(--color-dark)}
@media (hover:hover){.btn-outline-primary:hover{background-color:var(--color-primary);color:var(--color-white)}.btn-outline-secondary:hover{background-color:var(--color-secondary);color:var(--color-white)}.btn-outline-success:hover{background-color:var(--color-success);color:var(--color-white)}.btn-outline-danger:hover{background-color:var(--color-danger);color:var(--color-white)}.btn-outline-warning:hover{background-color:var(--color-warning);color:var(--color-white)}.btn-outline-info:hover{background-color:var(--color-info);color:var(--color-white)}.btn-outline-dark:hover{background-color:var(--color-dark);color:var(--color-white)}}
.btn-soft-default,.btn-soft-light,.btn-ghost-default,.btn-ghost-light{color:var(--color-default-700)}
.btn-soft-primary,.btn-ghost-primary{color:var(--color-primary)}
.btn-soft-secondary,.btn-ghost-secondary{color:var(--color-secondary)}
.btn-soft-success,.btn-ghost-success{color:var(--color-success)}
.btn-soft-danger,.btn-ghost-danger{color:var(--color-danger)}
.btn-soft-warning,.btn-ghost-warning{color:var(--color-warning)}
.btn-soft-info,.btn-ghost-info{color:var(--color-info)}
.btn-soft-dark,.btn-ghost-dark{color:var(--color-dark)}
.btn-soft-default,.btn-soft-light{background-color:var(--color-light);color:var(--color-default-700)}
.btn-soft-primary{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}
.btn-soft-secondary{background-color:color-mix(in oklab,var(--color-secondary) 15%,transparent)}
.btn-soft-success{background-color:color-mix(in oklab,var(--color-success) 15%,transparent)}
.btn-soft-danger{background-color:color-mix(in oklab,var(--color-danger) 15%,transparent)}
.btn-soft-warning{background-color:color-mix(in oklab,var(--color-warning) 15%,transparent)}
.btn-soft-info{background-color:color-mix(in oklab,var(--color-info) 15%,transparent)}
.btn-soft-dark{background-color:color-mix(in oklab,var(--color-dark) 10%,transparent)}
.btn-pill{border-radius:9999px}
.btn-choice-primary{--btn-choice-color:var(--color-primary);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-secondary{--btn-choice-color:var(--color-secondary);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-success{--btn-choice-color:var(--color-success);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-danger{--btn-choice-color:var(--color-danger);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-warning{--btn-choice-color:var(--color-warning);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-info{--btn-choice-color:var(--color-info);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-dark{--btn-choice-color:var(--color-dark);--btn-choice-hover-bg:color-mix(in oklab,var(--btn-choice-color) 12%,transparent);border-color:var(--btn-choice-color);color:var(--btn-choice-color);background-color:transparent;--btn-focus-color:var(--btn-choice-color)}
.btn-choice-light{--btn-choice-color:var(--color-default-600);--btn-choice-hover-bg:var(--color-default-100);border-color:var(--color-default-300);color:var(--color-default-700);background-color:var(--color-white);--btn-focus-color:var(--color-default-500)}
.btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){--btn-choice-hover-bg:var(--color-default-200);background-color:var(--color-default-100);border-color:var(--color-default-300);color:var(--color-default-700)}
[class*=btn-choice-]:is(.btn-group-middle,.btn-group-end){border-inline-start-color:var(--btn-choice-border-color,var(--btn-choice-color,currentColor))}
.btn-choice-light:is(.btn-group-middle,.btn-group-end){--btn-choice-border-color:var(--color-default-300)}
@media (hover:hover){[class*=btn-choice-]:hover{background-color:var(--btn-choice-hover-bg);color:var(--btn-choice-color)}}
[class*=btn-choice-]:is(:focus,:focus-visible,:active){background-color:var(--btn-choice-hover-bg);color:var(--btn-choice-color)}
input.form-choice-toggle-input[type=checkbox] + [class*=btn-choice-],input.form-choice-toggle-input[type=radio] + [class*=btn-choice-]{align-items:center;gap:calc(var(--spacing) * 1.25)}
input.form-choice-toggle-input[type=checkbox] + [class*=btn-choice-]::before,input.form-choice-toggle-input[type=radio] + [class*=btn-choice-]::before{align-items:center;background-color:color-mix(in oklab,currentColor 8%,transparent);border:1.25px solid currentColor;box-sizing:border-box;content:"";display:inline-flex;flex:0 0 auto;height:.6875rem;justify-content:center;line-height:1;opacity:.78;width:.6875rem}
input.form-choice-toggle-input[type=checkbox] + [class*=btn-choice-]::before{border-radius:calc(var(--radius) * .35);font-size:.5625rem;font-weight:var(--font-weight-bold)}
input.form-choice-toggle-input[type=radio] + [class*=btn-choice-]::before{border-radius:9999px}
input.form-choice-toggle-input[type=checkbox]:checked + [class*=btn-choice-]::before{background-color:var(--color-white);border-color:transparent;content:"";opacity:1;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.35' d='M1 5l3 3 7-7'/%3E%3C/svg%3E") center / .6875rem .6875rem no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.35' d='M1 5l3 3 7-7'/%3E%3C/svg%3E") center / .6875rem .6875rem no-repeat}
input.form-choice-toggle-input[type=radio]:checked + [class*=btn-choice-]::before{background:radial-gradient(circle at center,var(--btn-choice-color,var(--color-primary)) 0 32%,var(--color-white) 36% 100%);border-color:var(--color-white);opacity:1}
input.form-choice-toggle-input[type=checkbox]:checked + .btn-choice-light::before{background-color:var(--color-white);border-color:transparent}
input.form-choice-toggle-input[type=radio]:checked + .btn-choice-light::before{background:radial-gradient(circle at center,var(--color-choice-light-active) 0 32%,var(--color-white) 36% 100%)}
input.form-choice-toggle-input[type=checkbox]:checked + .btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *)::before{background-color:var(--color-white);border-color:transparent}
input.form-choice-toggle-input[type=radio]:checked + .btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *)::before{background:radial-gradient(circle at center,var(--color-choice-light-active) 0 32%,var(--color-white) 36% 100%);border-color:var(--color-choice-light-active)}
input:checked + [class*=btn-choice-],[class*=btn-choice-]:has(> .form-choice-toggle-input:checked),[class*=btn-choice-].is-active,[class*=btn-choice-][aria-pressed=true]{z-index:2;background-color:var(--btn-choice-color,var(--color-primary));border-color:var(--btn-choice-color,var(--color-primary));color:var(--color-white)}
@media (hover:hover){input:checked + [class*=btn-choice-]:hover,[class*=btn-choice-]:has(> .form-choice-toggle-input:checked):hover,[class*=btn-choice-].is-active:hover,[class*=btn-choice-][aria-pressed=true]:hover{background-color:var(--btn-choice-color,var(--color-primary));color:var(--color-white)}}
input:checked + [class*=btn-choice-]:is(:focus,:focus-visible,:active),[class*=btn-choice-]:has(> .form-choice-toggle-input:checked):is(:focus,:focus-visible,:active),[class*=btn-choice-].is-active:is(:focus,:focus-visible,:active),[class*=btn-choice-][aria-pressed=true]:is(:focus,:focus-visible,:active){background-color:var(--btn-choice-color,var(--color-primary));color:var(--color-white)}
input:checked + .btn-choice-light,.btn-choice-light:has(> .form-choice-toggle-input:checked),.btn-choice-light.is-active,.btn-choice-light[aria-pressed=true]{background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}
@media (hover:hover){input:checked + .btn-choice-light:hover,.btn-choice-light:has(> .form-choice-toggle-input:checked):hover,.btn-choice-light.is-active:hover,.btn-choice-light[aria-pressed=true]:hover{background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}}
input:checked + .btn-choice-light:is(:focus,:focus-visible,:active),.btn-choice-light:has(> .form-choice-toggle-input:checked):is(:focus,:focus-visible,:active),.btn-choice-light.is-active:is(:focus,:focus-visible,:active),.btn-choice-light[aria-pressed=true]:is(:focus,:focus-visible,:active){background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}
input:checked + .btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *),.btn-choice-light:has(> .form-choice-toggle-input:checked):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *),.btn-choice-light.is-active:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *),.btn-choice-light[aria-pressed=true]:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}
@media (hover:hover){input:checked + .btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover,.btn-choice-light:has(> .form-choice-toggle-input:checked):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover,.btn-choice-light.is-active:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover,.btn-choice-light[aria-pressed=true]:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover{background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}}
input:checked + .btn-choice-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):is(:focus,:focus-visible,:active),.btn-choice-light:has(> .form-choice-toggle-input:checked):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):is(:focus,:focus-visible,:active),.btn-choice-light.is-active:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):is(:focus,:focus-visible,:active),.btn-choice-light[aria-pressed=true]:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):is(:focus,:focus-visible,:active){background-color:var(--color-choice-light-active);border-color:var(--color-choice-light-active);color:var(--color-white)}
input:focus-visible + [class*=btn-choice-],[class*=btn-choice-]:has(> .form-choice-toggle-input:focus-visible){z-index:3;box-shadow:0 0 0 3px color-mix(in oklab,var(--btn-choice-color,var(--color-primary)) 14%,transparent)}
input.form-choice-toggle-input:disabled + [class*=btn-choice-]{cursor:not-allowed;opacity:.5;pointer-events:none}
.card{border:0;border-radius:var(--radius);background-color:var(--color-card);overflow-wrap:break-word;height:fit-content;box-shadow:var(--shadow);background-clip:border-box;flex-direction:column;display:flex;position:relative}
.card .card-header{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-bottom:1px solid var(--color-default-300);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3.75);flex-wrap:wrap;display:flex}
.card .card-body{padding:calc(var(--spacing) * 5);flex:auto}
.card .card-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 3);border-top:1px solid var(--color-light);padding-inline:calc(var(--spacing) * 5);padding-block:calc(var(--spacing) * 3.75);flex-wrap:wrap;display:flex}
.card-title{font-size:var(--text-md);line-height:var(--leading-normal);font-weight:var(--font-weight-medium);color:var(--color-body-color)}
.card-header .card-title{font-weight:var(--font-weight-bold)}
.filtering{align-items:end;background-color:var(--color-default-50);border:1px solid var(--color-default-200);border-radius:var(--radius);display:flex;font-size:.9375rem;gap:calc(var(--spacing) * 3);margin:0;padding:calc(var(--spacing) * 4)}
.filtering-form{font-size:.9375rem}
.filtering-form :is(input,select,textarea,button,label,.btn,.filtering-label){font-size:.9375rem}
.filtering-fields{align-items:start;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:calc(var(--spacing) * 3);min-width:0}
.filtering-field{display:grid;gap:calc(var(--spacing) * 2.25);min-inline-size:0;min-width:0;width:fit-content}
.filtering-field-fill{flex:1 1 18rem;width:auto}
.filtering-field>:is(.form-label,.filtering-label){color:var(--text-muted);display:block;font-size:.9375rem;font-weight:var(--font-weight-medium);line-height:var(--type-meta-line-height);margin:0;min-width:0;padding:0}
.filtering-field>:is(.form-input,.form-textarea,.filtering-input){max-width:100%;width:min(16rem,100vw)}
.filtering-plain>.filtering-fields>.filtering-field:has(:is(input[name=q],textarea[name=q])){width:100%}
.filtering-plain>.filtering-fields>.filtering-field:has(:is(input[name=q],textarea[name=q]))>:is(.form-input,.form-textarea,.filtering-input){width:100%}
.filtering-field-fill>:is(.form-input,.form-textarea,.filtering-input){width:100%}
.filtering-field>:is(.form-select){max-width:min(16rem,100%);width:max-content}
.filtering-actions{align-items:end;display:flex;gap:calc(var(--spacing) * 3);margin-inline-start:auto}
.filtering-plain{flex-wrap:wrap}
.filtering-plain>.filtering-fields{flex:1 1 auto;min-width:0;width:100%}
.filtering-plain>.filtering-header,.filtering-plain>.admin-summary-stats{flex:1 0 100%;margin:0}
.filtering-card{align-items:stretch;display:block;padding:0}
.filtering-card>.filtering-fields{padding:calc(var(--spacing) * 4) calc(var(--spacing) * 4) 0}
.filtering-body{border-top:1px solid var(--color-default-200);display:grid;gap:calc(var(--spacing) * 3);margin-top:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4) 0}
.filtering-body[hidden]{display:none}
.filtering-body>.filtering-field{align-items:center;display:grid;gap:calc(var(--spacing) * 2) calc(var(--spacing) * 3);grid-template-columns:minmax(5.5rem,8rem) minmax(0,1fr);width:100%}
.filtering-body>.filtering-field>:is(.form-input,.form-select,.form-textarea,.filtering-input,.btn-group,.filtering-toggle-group,.admin-select-badge-list){min-width:0;width:100%}
.filtering-card>.filtering-actions{align-items:start;margin-inline-start:0;padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4) calc(var(--spacing) * 4)}
.filtering-toggle::before{content:"expand_more";font-family:"Material Symbols Outlined";font-size:1.25rem;font-weight:400;line-height:1}
.filtering-toggle[aria-expanded=true]::before{content:"expand_less"}
.filtering-actions>:is(.filtering-submit){margin-inline-start:auto}
@media (max-width:767px){.filtering{align-items:stretch;flex-wrap:wrap}.filtering-fields,.filtering-field{width:100%}.filtering-field>:is(.form-input,.form-select,.form-textarea,.filtering-input,.btn-group,.filtering-toggle-group,.admin-select-badge-list){width:100%}.filtering-body>.filtering-field{align-items:stretch;grid-template-columns:minmax(0,1fr)}.filtering-actions{flex-wrap:wrap;margin-inline-start:0;width:100%}.filtering-actions>:is(.filtering-submit){margin-inline-start:0}}
.card-solid-primary{background-color:var(--color-primary);color:var(--color-white)}
.card-solid-success{background-color:var(--color-success);color:var(--color-white)}
.card-inverse .card-title{color:var(--color-white)}
.card-inverse-header{border-bottom-color:color-mix(in oklab,var(--color-white) 55%,transparent)!important}
.badge{justify-content:center;align-items:center;gap:calc(var(--spacing) * 1);border-radius:var(--radius);vertical-align:middle;font-size:.75em;line-height:1;font-weight:var(--font-weight-bold);padding-block:.25em;padding-inline:.4em;display:inline-flex}
.badge-label{border-radius:0;padding-block:.375em;padding-inline:.8em}
.badge-list{display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 1)}
.badge-list-item{align-items:center;background:var(--color-default-100);border:1px solid var(--color-default-200);border-radius:var(--radius);color:var(--color-default-800);display:inline-flex;gap:calc(var(--spacing) * 1.5);max-width:100%;min-height:2rem;padding:calc(var(--spacing) * .75) calc(var(--spacing) * 1)}
.badge-list-label{font-weight:var(--font-weight-semibold);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.badge-list-summary{color:var(--color-default-600);font-size:var(--text-xs);line-height:var(--text-xs--line-height);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-select-badge-list{display:grid;gap:calc(var(--spacing) * 1.5);min-width:0}
.admin-select-badge-list-select{max-width:24rem}
.admin-select-badge-list-remove{flex:0 0 auto}
.table-wrapper{width:100%;position:relative;overflow:auto}
.table{border-collapse:collapse;vertical-align:bottom;width:100%;color:var(--color-body-color);caption-side:bottom}
.table tr{border-bottom:1px solid var(--color-light)}
.table caption{margin-top:calc(var(--spacing) * 4);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-default-400)}
.table thead th{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 3);text-align:start;vertical-align:middle;font-weight:var(--font-weight-bold);color:var(--color-body-color)}
.table tbody td{padding-inline:calc(var(--spacing) * 2.5);padding-block:calc(var(--spacing) * 3);vertical-align:middle}
.table tbody tr:last-child{border-width:0}
:is(.table th,.table td):first-child{padding-inline-start:calc(var(--spacing) * 4.5)}
:is(.table th,.table td):last-child{padding-inline-end:calc(var(--spacing) * 4.5)}
.table-bordered{border:1px solid var(--color-light)}
.table-bordered td,.table-bordered th{border:1px solid var(--color-light)}
.table-striped tbody tr:nth-child(odd),.table-hover tbody tr:hover{background-color:color-mix(in oklab,var(--color-light) 45%,transparent)!important}
.table-sm thead th,.table-sm tbody td{padding:calc(var(--spacing) * 2)}
.table-card{border:0;box-shadow:var(--shadow-sm);min-width:0;overflow:hidden}
.table-card>.card-header{border-bottom:1px solid var(--color-default-300)}
.table-card .table-wrapper{min-width:0;width:100%;overflow:auto;padding:0}
.table-summary{border-bottom:1px solid var(--color-default-200);color:var(--text-muted);font-size:var(--type-meta-size);line-height:var(--type-meta-line-height);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4)}
.table-summary strong{color:var(--text-strong)}
.table-list{border-collapse:collapse;border-radius:0!important;min-width:100%;width:100%}
.table-list thead th{background-color:var(--color-default-100);border-bottom:1px solid var(--color-default-300);color:var(--text-strong);font-size:var(--type-meta-size);font-weight:var(--font-weight-semibold);line-height:var(--type-meta-line-height);padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 2.5);text-align:left;vertical-align:middle;white-space:nowrap}
.table-list tbody td{border-bottom:1px solid var(--color-default-300);color:var(--color-body-color);font-size:var(--type-small-size);line-height:var(--type-small-line-height);padding-block:calc(var(--spacing) * 3);padding-inline:calc(var(--spacing) * 2.5);vertical-align:middle;white-space:nowrap}
.table-list tbody tr:last-child td{border-bottom:0}
.table-list :is(th,td):first-child{padding-left:calc(var(--spacing) * 4)}
.table-list :is(th,td):last-child{padding-right:calc(var(--spacing) * 4)}
.table-align-end{text-align:end!important}
.table-nowrap,.table-actions-cell{white-space:nowrap}
.table-actions-cell{min-width:9.75rem;text-align:end}
.table-break{white-space:normal;word-break:break-all}
.table-meta{color:var(--text-muted);display:block;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);margin-top:calc(var(--spacing) * .75)}
.table-row-actions{justify-content:flex-end;align-items:center;gap:calc(var(--spacing) * 1.5);white-space:nowrap;flex-wrap:nowrap;display:flex}
.table-row-actions .btn{flex:none}
.table-status{font-size:var(--type-caption-size);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-block:.35rem;padding-inline:.7rem;display:inline-flex}
.table-status.is-normal{background:color-mix(in oklab,var(--color-success) 14%,var(--color-card));color:var(--color-success-hover)}
.table-status.is-warning,.table-status.is-blocked{background:color-mix(in oklab,var(--color-warning) 14%,var(--color-card));color:var(--color-warning-hover)}
.table-status.is-danger,.table-status.is-left{background:color-mix(in oklab,var(--color-danger) 12%,var(--color-card));color:var(--color-danger-hover)}
.table-sort-header{align-items:center;display:flex;flex-wrap:nowrap;gap:calc(var(--spacing) * 1.5);white-space:nowrap}
.table-sort-header-end{justify-content:flex-end}
.table-sort-label{font-weight:inherit}
.table-sort-button-group{display:inline-flex;flex:0 0 auto}
.table-sort-button{min-height:calc(var(--spacing) * 6);min-width:calc(var(--spacing) * 6);padding:calc(var(--spacing) * .75)}
.table-sort-button .material-symbols-outlined{font-size:var(--text-sm);line-height:1}
.tab-nav,.tab-nav-justified{flex-wrap:wrap;display:flex}
.nav-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--spacing) * 1)}
.nav-tabs .nav-link{align-items:center;background-color:#0000;border:0;color:inherit;display:inline-flex;font:inherit;gap:calc(var(--spacing) * 1.5);justify-content:center;line-height:1.45;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);text-align:center;text-decoration:none}
.nav-tabs .nav-link :is(svg,.sr-icon){width:1em;height:1em;flex:0 0 auto;line-height:1}
.nav-tabs .tabs-hidden-until-md{line-height:inherit}
.nav-link-line-primary{border-bottom:1px solid #0000}
.nav-link-line-primary.active,.nav-link-line-primary[aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}
@media (min-width:48rem){.tab-nav-justified{flex-wrap:nowrap}}
.tab-nav-bordered,.tab-nav-bordered-tight{border-bottom:1px solid var(--color-default-300);display:flex}
.tab-nav-bordered{flex-wrap:wrap}
.tab-trigger-underline,.tab-trigger-underline-justified,.tab-trigger-line-primary,.tab-trigger-line-danger,.tab-trigger-line-success,.tab-trigger-pill-primary,.tab-trigger-pill-secondary{border-style:solid;border-width:0;border-color:#0000;background-color:#0000;padding-inline:calc(var(--spacing) * 4);padding-block:calc(var(--spacing) * 2);text-align:center;font-size:14px;line-height:1.45;font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}
.tab-trigger-underline,.tab-trigger-underline-justified{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom:1px solid var(--color-default-300)}
.tab-trigger-underline-justified,.tab-trigger-pill-primary,.tab-trigger-pill-secondary{justify-content:center}
@media (min-width:48rem){.tab-trigger-underline-justified,.tab-trigger-pill-primary,.tab-trigger-pill-secondary,.tab-trigger-line-danger{justify-content:center;width:100%}}
.tab-trigger-underline.active,.tab-trigger-underline[aria-selected=true],.tab-trigger-underline-justified.active,.tab-trigger-underline-justified[aria-selected=true]{border-width:1px;border-color:var(--color-default-300);border-bottom-color:#0000;background-color:var(--color-card);color:var(--color-primary)}
.tab-trigger-pill-primary,.tab-trigger-pill-secondary{border-radius:var(--radius)}
.tab-trigger-pill-primary.active,.tab-trigger-pill-primary[aria-selected=true]{background-color:var(--color-primary);color:var(--color-white)}
.tab-trigger-pill-secondary.active,.tab-trigger-pill-secondary[aria-selected=true]{background-color:var(--color-secondary);color:var(--color-white)}
.tab-trigger-line-primary,.tab-trigger-line-danger,.tab-trigger-line-success{border-bottom-width:1px}
.tab-trigger-line-primary.active,.tab-trigger-line-primary[aria-selected=true]{border-color:var(--color-primary);color:var(--color-primary)}
.tab-trigger-line-danger.active,.tab-trigger-line-danger[aria-selected=true]{border-color:var(--color-danger);color:var(--color-danger)}
.tab-trigger-line-success.active,.tab-trigger-line-success[aria-selected=true]{border-color:var(--color-success);color:var(--color-success)}
.tab-panel-space{margin-top:calc(var(--spacing) * 5)}
.modal-overlay,.modal-overlay-bottom{inset-inline-start:0;z-index:var(--admin-z-overlay,300);background-color:color-mix(in oklab,var(--color-default-900) 30%,transparent);width:100%;height:100%;position:fixed;overflow:hidden auto}
.modal-overlay{top:0}
.modal-overlay-bottom{bottom:0}
.modal-overlay-fade{transition-property:opacity,visibility;transition-timing-function:var(--default-transition-timing-function);transition-duration:.2s}
.modal-dialog,.modal-dialog-sm,.modal-dialog-bottom,.modal-dialog-center,.modal-dialog-responsive,.modal-dialog-fluid{margin:calc(var(--spacing) * 3);scale:95% 95%;opacity:0;transition-property:all;transition-timing-function:var(--ease-in-out);transition-duration:.2s}
@media (min-width:40rem){.modal-dialog,.modal-dialog-bottom,.modal-dialog-center{width:100%;max-width:var(--container-lg);margin-inline:auto}.modal-dialog-sm{width:100%;max-width:var(--container-xs);margin-inline:auto}}
@media (min-width:64rem){.modal-dialog-lg{width:100%;max-width:var(--container-3xl)}.modal-dialog-full{width:100%;max-width:100%}}
.modal-dialog-bottom,.modal-dialog-center{min-height:calc(100% - 56px);display:flex}
.modal-dialog-bottom{align-items:flex-end}
.modal-dialog-center{align-items:center}
.modal-dialog-responsive,.modal-dialog-fluid{margin-top:0;width:100%;max-width:100%;height:100%;max-height:100%}
.overlay.overlay-open .modal-dialog,.overlay.open .modal-dialog,.overlay.overlay-open .modal-dialog-sm,.overlay.open .modal-dialog-sm,.overlay.overlay-open .modal-dialog-bottom,.overlay.open .modal-dialog-bottom,.overlay.overlay-open .modal-dialog-center,.overlay.open .modal-dialog-center,.overlay.overlay-open .modal-dialog-responsive,.overlay.open .modal-dialog-responsive,.overlay.overlay-open .modal-dialog-fluid,.overlay.open .modal-dialog-fluid{scale:100% 100%;opacity:1}
.modal-content,.modal-content-fullscreen,.modal-content-fluid{pointer-events:auto;border:1px solid var(--color-default-300);background-color:var(--color-card);overflow-wrap:break-word;box-shadow:var(--shadow);background-clip:border-box;flex-direction:column;display:flex;position:relative}
.modal-content{border-radius:var(--radius-md);height:fit-content}
.modal-content-fullscreen,.modal-content-fluid{width:100%;height:100%;max-height:100%;border-radius:0}
.modal-header{border-bottom:1px solid var(--color-default-300);padding:calc(var(--spacing) * 6);justify-content:space-between;align-items:center;display:flex}
.modal-title{font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-semibold)}
.modal-body{padding:calc(var(--spacing) * 5);flex:auto;overflow-y:auto}
.modal-body-scroll{height:calc(var(--spacing) * 150);padding:calc(var(--spacing) * 5);overflow-y:auto}
.modal-body-fill{height:100%;padding:calc(var(--spacing) * 5);overflow-y:auto}
.modal-footer{border-top:1px solid var(--color-default-300);padding:calc(var(--spacing) * 4);justify-content:flex-end;align-items:center;display:flex}
.modal-action{margin:calc(var(--spacing) * 1)}
.modal-footer:has(>.modal-action:not(:is(.btn-solid-light,.btn-soft-default,.btn-solid-secondary)[data-overlay]))>.modal-action:is(.btn-solid-light,.btn-soft-default,.btn-solid-secondary)[data-overlay]{order:-1;margin-inline-end:auto}
.form-label{display:block;font-weight:var(--font-weight-semibold)}
.form-input,.form-select,.form-textarea{width:100%;height:auto;color:var(--color-body-color);background-color:var(--color-card);border:1px solid var(--color-default-300);border-radius:var(--radius);font-size:inherit;line-height:inherit;box-shadow:none}
.form-input,.form-select{min-height:calc(var(--spacing) * 9.25);padding-inline:calc(var(--spacing) * 3);padding-block:0}
.form-textarea{min-height:calc(var(--spacing) * 28);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);resize:vertical}
.form-input-rounded{border-radius:9999px}
.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:var(--color-default-300)!important}
.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary)!important;outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 12%,transparent)}
.form-input:disabled,.form-select:disabled,.form-textarea:disabled,.form-input[readonly],.form-select[readonly],.form-textarea[readonly]{color:var(--color-default-600);background-color:var(--color-default-100);border-color:var(--color-default-300)}
.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-default-400)}
.form-floating-control{display:block;width:100%;min-height:calc(var(--spacing) * 9.25);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3) calc(var(--spacing) * 1);color:var(--color-body-color);background-color:var(--color-card);border:1px solid var(--color-default-300);border-radius:var(--radius);font-size:inherit;line-height:inherit;box-shadow:none}
textarea.form-floating-control{min-height:calc(var(--spacing) * 28);resize:vertical}
.form-floating-control::placeholder{color:transparent}
.form-floating-control:focus{border-color:var(--color-primary)!important;outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 12%,transparent)}
.form-floating-label{pointer-events:none;position:absolute;inset-inline-start:calc(var(--spacing) * 3);top:calc(var(--spacing) * 2.25);color:var(--color-default-400);font-size:var(--text-sm);line-height:var(--text-sm--line-height);transition:all .1s ease-in-out;transform-origin:top left}
.form-floating-control + .form-floating-label{inset-inline-start:calc(var(--spacing) * 3);top:calc(var(--spacing) * 2.25);color:var(--color-default-400)}
.form-floating-control:focus + .form-floating-label,.form-floating-control:not(:placeholder-shown) + .form-floating-label{top:calc(var(--spacing) * .75);color:var(--color-default-600);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}
input[type=file].form-input{min-height:calc(var(--spacing) * 9.25);padding:.25rem .5rem;line-height:1.5;cursor:pointer}
input[type=file].form-input::file-selector-button{min-height:calc(var(--spacing) * 7);margin:0 calc(var(--spacing) * 3) 0 0;border:1px solid var(--color-default-300);border-radius:var(--radius-sm);background-color:var(--color-default-100);padding-inline:calc(var(--spacing) * 3);color:var(--color-default-700);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function)}
@media (hover:hover){input[type=file].form-input::file-selector-button:hover{background-color:var(--color-default-200);color:var(--color-default-900)}}
input[type=file].form-input:disabled::file-selector-button{cursor:not-allowed}
.form-input-sm,.form-select-sm{min-height:calc(var(--spacing) * 8);padding-inline:calc(var(--spacing) * 2.5);font-size:var(--text-xs);line-height:var(--text-xs--line-height)}
.form-input-lg,.form-select-lg{min-height:calc(var(--spacing) * 11);padding-inline:calc(var(--spacing) * 4);font-size:var(--text-base);line-height:var(--text-base--line-height)}
.form-range{appearance:none;width:100%;height:calc(var(--spacing) * 9.25);padding:0;background:transparent;accent-color:var(--color-primary);cursor:pointer}
.form-range:focus{outline:none}
.form-range:disabled{cursor:not-allowed;opacity:.5}
.form-range::-webkit-slider-runnable-track{height:.375rem;background-color:var(--color-default-100);border-radius:999px}
.form-range::-webkit-slider-thumb{appearance:none;width:1.125rem;height:1.125rem;margin-top:-.375rem;border:0;border-radius:999px;background-color:var(--color-primary);box-shadow:none}
.form-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 14%,transparent)}
.form-range::-moz-range-track{height:.375rem;background-color:var(--color-default-100);border-radius:999px}
.form-range::-moz-range-thumb{width:1.125rem;height:1.125rem;border:0;border-radius:999px;background-color:var(--color-primary);box-shadow:none}
.form-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 14%,transparent)}
.input-group{width:100%;display:flex;align-items:stretch;flex-wrap:nowrap}
.input-group>*{min-width:0}
.input-group>:not(:first-child){margin-inline-start:-1px}
.input-group>.form-input,.input-group>.form-select,.input-group>.form-textarea{position:relative;z-index:1;flex:1 1 auto;width:1%;border-color:var(--color-default-300)}
.input-group>.form-textarea{min-height:calc(var(--spacing) * 14)}
.input-group>.form-input:focus,.input-group>.form-select:focus,.input-group>.form-textarea:focus{z-index:3}
.input-group-text{min-height:calc(var(--spacing) * 9.25);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding-inline:calc(var(--spacing) * 3);padding-block:0;color:var(--color-default-600);background-color:var(--color-default-100);border:1px solid var(--color-default-300);line-height:inherit;white-space:nowrap}
.input-group>.btn{z-index:2;flex:0 0 auto;min-height:calc(var(--spacing) * 9.25);border-color:var(--color-default-300);border-radius:0}
.input-group>.dropdown{z-index:2;display:flex;flex:0 0 auto}
.input-group>.dropdown>.btn{min-height:calc(var(--spacing) * 9.25);border-color:var(--color-default-300);border-radius:0}
.input-group>:first-child{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}
.input-group>:last-child{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}
.input-group>:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}
.input-group>:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}
.input-group>.dropdown:first-child>.btn{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}
.input-group>.dropdown:not(:first-child)>.btn{border-start-start-radius:0;border-end-start-radius:0}
.input-group>.dropdown:not(:last-child)>.btn{border-start-end-radius:0;border-end-end-radius:0}
.input-group>.dropdown:last-child>.btn{border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}
.dropdown{display:inline-block;position:relative}
.dropdown-toggle{align-items:center;justify-content:center;gap:calc(var(--spacing) * 2);white-space:nowrap}
.dropdown-icon,.dropdown-caret{width:1em;height:1em;flex:0 0 auto}
.ui-arrow-icon{display:block;overflow:visible}
.dropdown-menu{z-index:3000;display:none;min-width:10rem;max-width:min(20rem,calc(100vw - 1rem));padding:calc(var(--spacing) * 2);border:1px solid var(--color-default-300);border-radius:var(--radius);background-color:var(--color-card);color:var(--color-body-color);box-shadow:var(--shadow);opacity:0;visibility:hidden;position:fixed;left:0;top:0;margin-top:0}
.dropdown.dropdown-open>.dropdown-menu,.dropdown.open>.dropdown-menu{display:block;opacity:1;visibility:visible}
.dropdown-item{width:100%;border-radius:var(--radius-sm);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2);font-size:var(--text-sm);line-height:var(--text-sm--line-height);color:var(--color-default-700);text-decoration:none;white-space:nowrap;align-items:center;gap:calc(var(--spacing) * 2);display:flex}
.dropdown-item:hover,.dropdown-item:focus{background-color:var(--color-default-100);color:var(--color-default-950);outline:none}
.dropdown-item.active,.dropdown-item[aria-current=true]{background-color:var(--color-primary);color:var(--color-white)}
.dropdown-item.disabled,.dropdown-item[disabled]{pointer-events:none;opacity:.5}
.dropdown-divider{height:0;margin-block:calc(var(--spacing) * 2);border:0;border-top:1px solid var(--color-default-300)}
.dropdown-header{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 1.5);font-size:var(--text-xs);line-height:var(--text-xs--line-height);font-weight:var(--font-weight-semibold);color:var(--color-default-500)}
.dropdown-split{display:inline-flex;align-items:stretch;vertical-align:middle}
.dropdown-split>.btn,.dropdown-split>.dropdown{flex:0 0 auto}
.dropdown-split>.dropdown{display:flex}
.dropdown-split>.dropdown:not(:first-child){margin-inline-start:-1px}
.dropdown-split>.dropdown:first-child{margin-inline-end:-1px}
.dropdown-split>button:not(.btn),.dropdown-split>.dropdown>.dropdown-toggle:not(.btn){cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-weight:var(--font-weight-medium);line-height:var(--text-sm--line-height);transition-property:background-color,border-color,color,box-shadow,opacity;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}
.dropdown-split>button:first-child,.dropdown-split>.dropdown-split-main{border-start-end-radius:0!important;border-end-end-radius:0!important}
.dropdown-split>button:last-child{border-start-start-radius:0!important;border-end-start-radius:0!important}
.dropdown-split>.dropdown>.dropdown-toggle{min-height:100%}
.dropdown-split>.dropdown:not(:first-child)>.dropdown-toggle{border-start-start-radius:0!important;border-end-start-radius:0!important}
.dropdown-split>.dropdown:first-child>.dropdown-toggle{border-start-end-radius:0!important;border-end-end-radius:0!important}
.dropdown-split>.dropdown>.dropdown-split-toggle{min-width:calc(var(--spacing) * 9.25);padding-inline:calc(var(--spacing) * 2.5)}
.dropdown-split>.dropdown>.btn-sm.dropdown-split-toggle{min-width:calc(var(--spacing) * 7.5);padding-inline:calc(var(--spacing) * 2)}
.btn-solid-dark{background-color:var(--color-dark);color:var(--color-white)}
@media (hover:hover){.btn-solid-dark:hover{background-color:color-mix(in oklab,var(--color-dark) 72%,#000);border-color:color-mix(in oklab,var(--color-dark) 72%,#000)}}
.btn:not([class*=btn-solid-]):not([class*=btn-outline-]):not([class*=btn-soft-]):not([class*=btn-ghost-]):not([class*=btn-gradient-]):not([class*=btn-choice-]):not([class*=ui-kit-surface-]){border-color:transparent;background-color:var(--color-card);color:var(--color-default-700)}
@media (hover:hover){.btn:not([class*=btn-solid-]):not([class*=btn-outline-]):not([class*=btn-soft-]):not([class*=btn-ghost-]):not([class*=btn-gradient-]):not([class*=btn-choice-]):not([class*=ui-kit-surface-]):hover{border-color:transparent;background-color:var(--color-default-100);color:var(--color-default-900)}}
.btn:focus{outline:none}
.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--btn-focus-color,var(--color-primary)) 18%,transparent)}
.btn:disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.55}
.btn svg,.btn .sr-icon,.btn-icon svg,.btn-icon .sr-icon,.dropdown-toggle svg,.dropdown-toggle .sr-icon,[role=tab] svg,[role=tab] .sr-icon{width:1em;height:1em;flex:0 0 auto}
.btn-icon{line-height:1}
.btn-icon :is(svg,.sr-icon){font-size:1.125rem}
.btn-sm.btn-icon :is(svg,.sr-icon){font-size:1rem}
.btn-lg.btn-icon :is(svg,.sr-icon){font-size:1.25rem}
.btn-solid-primary{border-color:var(--color-primary);--btn-focus-color:var(--color-primary)}
.btn-solid-secondary{border-color:var(--color-secondary);--btn-focus-color:var(--color-secondary)}
.btn-solid-success,.btn-solid-success-strong{border-color:var(--color-success);background-color:var(--color-success);color:var(--color-slate-950);--btn-focus-color:var(--color-success)}
.btn-solid-danger{border-color:var(--color-danger);--btn-focus-color:var(--color-danger)}
.btn-solid-warning{border-color:var(--color-warning);--btn-focus-color:var(--color-warning)}
.btn-solid-info,.btn-solid-info-strong{border-color:var(--color-info);background-color:var(--color-info);color:var(--color-white);--btn-focus-color:var(--color-info)}
.btn-solid-dark{border-color:var(--color-dark);--btn-focus-color:var(--color-dark)}
.btn-solid-light{border-color:var(--color-light);background-color:var(--color-light);color:var(--color-default-900);--btn-focus-color:var(--color-default-500)}
@media (hover:hover){.btn-solid-secondary:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn-solid-success:hover,.btn-solid-success-strong:hover{background-color:var(--color-success-hover);border-color:var(--color-success-hover)}.btn-solid-danger:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.btn-solid-warning:hover{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover)}.btn-solid-info:hover,.btn-solid-info-strong:hover{background-color:var(--color-info-hover);border-color:var(--color-info-hover)}.btn-solid-light:hover{background-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));border-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));color:var(--color-default-950)}}
.btn-outline-default,.btn-outline-light{border-color:var(--color-default-300);background-color:var(--color-white);color:var(--color-default-700);--btn-focus-color:var(--color-default-500)}
.btn-outline-default:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *),.btn-outline-light:where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:var(--color-card);color:var(--color-default-900)}
@media (hover:hover){.btn-outline-default:hover,.btn-outline-light:hover{background-color:color-mix(in oklab,var(--color-default-500) 18%,var(--color-card));border-color:var(--color-default-300);color:var(--color-default-950)}}
.btn-soft-default,.btn-soft-light{border-color:transparent;--btn-focus-color:var(--color-default-500)}
.btn-soft-light:is(.active,[aria-pressed=true]),.btn-soft-light:active{background-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));color:var(--color-default-950)}
.btn-soft-primary{border-color:transparent;--btn-focus-color:var(--color-primary)}
.btn-soft-secondary{border-color:transparent;--btn-focus-color:var(--color-secondary)}
.btn-soft-success{border-color:transparent;--btn-focus-color:var(--color-success)}
.btn-soft-danger{border-color:transparent;--btn-focus-color:var(--color-danger)}
.btn-soft-warning{border-color:transparent;--btn-focus-color:var(--color-warning)}
.btn-soft-info{border-color:transparent;--btn-focus-color:var(--color-info)}
.btn-soft-dark{border-color:transparent;--btn-focus-color:var(--color-dark)}
@media (hover:hover){.btn-soft-default:hover{background-color:var(--color-default-200);border-color:transparent;color:var(--color-default-900)}.btn-soft-light:hover{background-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));border-color:transparent;color:var(--color-default-950)}.btn-soft-primary:hover{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent);border-color:transparent}.btn-soft-secondary:hover{background-color:color-mix(in oklab,var(--color-secondary) 24%,transparent);border-color:transparent}.btn-soft-success:hover{background-color:color-mix(in oklab,var(--color-success) 24%,transparent);border-color:transparent}.btn-soft-danger:hover{background-color:color-mix(in oklab,var(--color-danger) 24%,transparent);border-color:transparent}.btn-soft-warning:hover{background-color:color-mix(in oklab,var(--color-warning) 24%,transparent);border-color:transparent}.btn-soft-info:hover{background-color:color-mix(in oklab,var(--color-info) 24%,transparent);border-color:transparent}.btn-soft-dark:hover{background-color:color-mix(in oklab,var(--color-dark) 36%,transparent);border-color:transparent;color:var(--color-default-950)}}
.btn-ghost-default,.btn-ghost-light,.btn-ghost-primary,.btn-ghost-secondary,.btn-ghost-success,.btn-ghost-danger,.btn-ghost-warning,.btn-ghost-info,.btn-ghost-dark{border-color:transparent;background-color:transparent}
.btn-ghost-default,.btn-ghost-light{--btn-focus-color:var(--color-default-500)}
.btn-ghost-primary{--btn-focus-color:var(--color-primary)}
.btn-ghost-secondary{--btn-focus-color:var(--color-secondary)}
.btn-ghost-success{--btn-focus-color:var(--color-success)}
.btn-ghost-danger{--btn-focus-color:var(--color-danger)}
.btn-ghost-warning{--btn-focus-color:var(--color-warning)}
.btn-ghost-info{--btn-focus-color:var(--color-info)}
.btn-ghost-dark{--btn-focus-color:var(--color-dark)}
@media (hover:hover){.btn-ghost-default:hover,.btn-ghost-light:hover{background-color:var(--color-default-100);color:var(--color-default-900)}.btn-ghost-primary:hover{background-color:color-mix(in oklab,var(--color-primary) 12%,transparent)}.btn-ghost-secondary:hover{background-color:color-mix(in oklab,var(--color-secondary) 12%,transparent)}.btn-ghost-success:hover{background-color:color-mix(in oklab,var(--color-success) 12%,transparent)}.btn-ghost-danger:hover{background-color:color-mix(in oklab,var(--color-danger) 12%,transparent)}.btn-ghost-warning:hover{background-color:color-mix(in oklab,var(--color-warning) 12%,transparent)}.btn-ghost-info:hover{background-color:color-mix(in oklab,var(--color-info) 12%,transparent)}.btn-ghost-dark:hover{background-color:color-mix(in oklab,var(--color-dark) 26%,transparent);color:var(--color-default-950)}}
.btn-primary:active,.btn-solid-primary:active{background-color:var(--color-primary-hover);border-color:var(--color-primary);color:var(--color-white)}
.btn-secondary:active{background-color:var(--color-default-100);border-color:var(--color-default-300);color:var(--color-default-900)}
:is(.btn-light,.btn-surface,.btn-surface-default,.btn-surface-default-soft,.btn-subtle-light):active{background-color:color-mix(in oklab,var(--color-default-500) 18%,var(--color-card));color:var(--color-default-950)}
.btn:not([class*=btn-solid-]):not([class*=btn-outline-]):not([class*=btn-soft-]):not([class*=btn-ghost-]):not([class*=btn-gradient-]):not([class*=btn-choice-]):not([class*=ui-kit-surface-]):active{border-color:transparent;background-color:var(--color-default-100);color:var(--color-default-900)}
:is(.btn-solid-secondary,.btn-solid-secondary-muted,.btn-solid-secondary-contrast):active{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);color:var(--color-white)}
:is(.btn-solid-success,.btn-solid-success-strong,.btn-solid-success-contrast):active{background-color:var(--color-success-hover);border-color:var(--color-success-hover);color:var(--color-slate-950)}
.btn-solid-danger:active{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);color:var(--color-white)}
.btn-solid-warning:active{background-color:var(--color-warning-hover);border-color:var(--color-warning-hover);color:var(--color-white)}
:is(.btn-solid-info,.btn-solid-info-strong,.btn-solid-info-muted):active{background-color:var(--color-info-hover);border-color:var(--color-info-hover);color:var(--color-white)}
.btn-solid-dark:active{background-color:color-mix(in oklab,var(--color-dark) 72%,#000);border-color:color-mix(in oklab,var(--color-dark) 72%,#000);color:var(--color-white)}
.btn-solid-light:active{background-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));border-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));color:var(--color-default-950)}
:is(.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning,.btn-outline-info,.btn-outline-dark):active{background-color:var(--btn-outline-color,currentColor);border-color:var(--btn-outline-color,currentColor);color:var(--btn-outline-on-color,var(--color-white))}
:is(.btn-outline-default,.btn-outline-light):active{background-color:color-mix(in oklab,var(--color-default-500) 18%,var(--color-card));border-color:var(--color-default-300);color:var(--color-default-950)}
:is(.btn-soft-default,.btn-soft-light):active{background-color:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));border-color:transparent;color:var(--color-default-950)}
.btn-soft-primary:active{background-color:color-mix(in oklab,var(--color-primary) 24%,transparent);border-color:transparent}
.btn-soft-secondary:active{background-color:color-mix(in oklab,var(--color-secondary) 24%,transparent);border-color:transparent}
.btn-soft-success:active{background-color:color-mix(in oklab,var(--color-success) 24%,transparent);border-color:transparent}
.btn-soft-danger:active{background-color:color-mix(in oklab,var(--color-danger) 24%,transparent);border-color:transparent}
.btn-soft-warning:active{background-color:color-mix(in oklab,var(--color-warning) 24%,transparent);border-color:transparent}
.btn-soft-info:active{background-color:color-mix(in oklab,var(--color-info) 24%,transparent);border-color:transparent}
.btn-soft-dark:active{background-color:color-mix(in oklab,var(--color-dark) 36%,transparent);border-color:transparent;color:var(--color-default-950)}
:is(.btn-ghost-default,.btn-ghost-light):active{background-color:var(--color-default-100);color:var(--color-default-900)}
.btn-ghost-primary:active{background-color:color-mix(in oklab,var(--color-primary) 12%,transparent)}
.btn-ghost-secondary:active{background-color:color-mix(in oklab,var(--color-secondary) 12%,transparent)}
.btn-ghost-success:active{background-color:color-mix(in oklab,var(--color-success) 12%,transparent)}
.btn-ghost-danger:active{background-color:color-mix(in oklab,var(--color-danger) 12%,transparent)}
.btn-ghost-warning:active{background-color:color-mix(in oklab,var(--color-warning) 12%,transparent)}
.btn-ghost-info:active{background-color:color-mix(in oklab,var(--color-info) 12%,transparent)}
.btn-ghost-dark:active{background-color:color-mix(in oklab,var(--color-dark) 26%,transparent);color:var(--color-default-950)}
.btn-gradient-smooth{border-color:transparent;background-image:var(--btn-gradient);background-position:0 50%;background-size:320% 320%;color:var(--color-white);transition-property:background-position,filter,box-shadow,transform;transition-timing-function:var(--default-transition-timing-function);transition-duration:.45s;animation:admin-gradient-button-shift 5.5s ease-in-out infinite alternate;--btn-focus-color:var(--color-primary)}
.gradient-axis-r{--btn-gradient-angle:90deg}
.btn-gradient-purple-blue{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#7b5af7 0%,#0a74ff 100%)}
.btn-gradient-cyan-blue{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#18c8d8 0%,#0a74ff 100%)}
.btn-gradient-green-blue{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#6fcd1f 0%,#1aa0e8 100%)}
.btn-gradient-purple-pink{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#7b5af7 0%,#f43f8e 100%)}
.btn-gradient-pink-orange{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#f43f8e 0%,#ff8f1f 100%)}
.btn-gradient-teal-lime{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#14b8a6 0%,#a3e635 100%);color:var(--color-default-950)}
.btn-gradient-red-yellow{--btn-gradient:linear-gradient(var(--btn-gradient-angle,135deg),#f43f5e 0%,#facc15 100%);color:var(--color-default-950)}
@keyframes admin-gradient-button-shift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@media (hover:hover){.btn-gradient-smooth:hover{filter:saturate(1.16) brightness(1.05);animation-duration:1.9s}}
@media (prefers-reduced-motion:reduce){.btn-gradient-smooth{animation:none}.btn-gradient-smooth:hover{background-position:100% 50%}}
.dropdown-toggle .dropdown-icon,.dropdown-toggle .dropdown-caret{font-size:1em;opacity:.9;transition:transform var(--default-transition-duration) var(--default-transition-timing-function),opacity var(--default-transition-duration) var(--default-transition-timing-function)}
.sr-required-label{margin-left:.25rem;color:var(--color-success);font-size:.75em;line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap}
.dropdown.dropdown-open>.dropdown-toggle .dropdown-icon[data-ui-arrow=down],.dropdown.open>.dropdown-toggle .dropdown-icon[data-ui-arrow=down]{transform:rotate(180deg)}
.tab-trigger-underline,.tab-trigger-underline-justified,.tab-trigger-line-primary,.tab-trigger-line-danger,.tab-trigger-line-success,.tab-trigger-pill-primary,.tab-trigger-pill-secondary{gap:calc(var(--spacing) * 2);transition:background-color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),box-shadow var(--default-transition-duration) var(--default-transition-timing-function)}
.tab-trigger-underline:focus-visible,.tab-trigger-underline-justified:focus-visible,.tab-trigger-line-primary:focus-visible,.tab-trigger-line-danger:focus-visible,.tab-trigger-line-success:focus-visible,.tab-trigger-pill-primary:focus-visible,.tab-trigger-pill-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 16%,transparent)}
@media (hover:hover){.tab-trigger-underline:not(:disabled):hover,.tab-trigger-underline-justified:not(:disabled):hover,.tab-trigger-line-primary:not(:disabled):hover,.tab-trigger-line-danger:not(:disabled):hover,.tab-trigger-line-success:not(:disabled):hover,.tab-trigger-pill-primary:not(:disabled):hover,.tab-trigger-pill-secondary:not(:disabled):hover{background-color:var(--color-default-100);color:var(--color-default-950)}}
.badge{border:1px solid transparent;transition:background-color var(--default-transition-duration) var(--default-transition-timing-function),border-color var(--default-transition-duration) var(--default-transition-timing-function),color var(--default-transition-duration) var(--default-transition-timing-function),box-shadow var(--default-transition-duration) var(--default-transition-timing-function),filter var(--default-transition-duration) var(--default-transition-timing-function)}
a.badge,button.badge{cursor:pointer;text-decoration:none}
a.badge:focus-visible,button.badge:focus-visible,.badge[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 16%,transparent)}
@media (hover:hover){a.badge:hover,button.badge:hover,.badge[tabindex]:hover{filter:saturate(1.06) brightness(.98)}}
.modal-dialog-sm,.modal-dialog-lg{width:calc(100% - calc(var(--spacing) * 6))}
.modal-dialog-sm .modal-content,.modal-dialog-lg .modal-content{width:100%}
.form-checkbox,.form-radio{appearance:none;background-color:var(--color-card);background-position:center;background-repeat:no-repeat;border:1px solid var(--color-default-400);width:1rem;height:1rem;flex:0 0 auto;vertical-align:middle;display:inline-grid;place-content:center}
.form-checkbox{border-radius:var(--radius-sm)}
.form-radio{border-radius:999px}
.form-checkbox:focus-visible,.form-radio:focus-visible,.form-switch:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--form-choice-color,var(--color-primary)) 12%,transparent)}
.form-checkbox:checked{border-color:var(--form-choice-color,var(--color-primary));background-color:var(--form-choice-color,var(--color-primary));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E");background-size:.75rem .75rem}
.form-checkbox.form-choice-outline:checked{background-color:var(--color-card);background-image:none;border-color:var(--form-choice-color,var(--color-primary));color:var(--form-choice-color,var(--color-primary))}
.form-checkbox.form-choice-outline:checked::before{background-color:currentColor;content:"";height:.625rem;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 5l3 3 7-7'/%3E%3C/svg%3E") center / contain no-repeat;width:.625rem}
.form-radio:checked{border-color:var(--form-choice-color,var(--color-primary));box-shadow:inset 0 0 0 3px var(--color-card);background-color:var(--form-choice-color,var(--color-primary))}
.form-radio:checked:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--form-choice-color,var(--color-primary)) 12%,transparent),inset 0 0 0 3px var(--color-card)}
.form-switch{--form-switch-width:2.75rem;--form-switch-height:1.5rem;--form-switch-thumb:1rem;--form-switch-pad:.1875rem;appearance:none;width:var(--form-switch-width);height:var(--form-switch-height);flex:0 0 auto;vertical-align:middle;border:1px solid var(--color-default-400);border-radius:999px;background-color:var(--color-default-300);background-image:radial-gradient(circle,var(--color-white) 0 calc(var(--form-switch-thumb) / 2),transparent calc(var(--form-switch-thumb) / 2 + 1px));background-position:left var(--form-switch-pad) center;background-repeat:no-repeat;background-size:var(--form-switch-thumb) var(--form-switch-thumb);transition:background-color .15s,background-position .15s,border-color .15s}
.form-switch:checked{border-color:var(--form-choice-color,var(--color-primary));background-color:var(--form-choice-color,var(--color-primary));background-position:right var(--form-switch-pad) center}
.form-checkbox:disabled,.form-radio:disabled,.form-switch:disabled{cursor:not-allowed;opacity:.5}
.form-switch-lg{--form-switch-width:3.25rem;--form-switch-height:1.75rem;--form-switch-thumb:1.25rem;--form-switch-pad:.1875rem}
.form-choice-md{width:1.25rem;height:1.25rem}
.form-choice-lg{width:1.5625rem;height:1.5625rem}
.form-choice-primary{--form-choice-color:var(--color-primary)}
.form-choice-secondary{--form-choice-color:var(--color-secondary)}
.form-choice-success{--form-choice-color:var(--color-success)}
.form-choice-info{--form-choice-color:var(--color-info)}
.form-choice-warning{--form-choice-color:var(--color-warning)}
.form-choice-danger{--form-choice-color:var(--color-danger)}
.form-choice-dark{--form-choice-color:var(--color-dark)}
.form-choice-light{--form-choice-color:var(--color-choice-light-active)}
.form-switch-light{--form-choice-color:var(--color-choice-light-active,#718cb0)}
.form-choice-muted{background-color:var(--color-default-200)}
.form-choice-invalid{border-color:var(--color-danger)!important;--form-choice-color:var(--color-danger)}
.input-icon-group{width:100%;position:relative}
.input-icon-group>.input-icon:first-child,.input-icon-group>.input-icon.is-start{pointer-events:none;z-index:2;width:1em;height:1em;color:var(--color-default-500);justify-content:center;align-items:center;margin-block:auto;line-height:1;display:inline-flex;position:absolute;top:0;bottom:0;left:.8rem}
.input-icon-group>.input-icon:last-child,.input-icon-group>.input-icon.is-end{pointer-events:none;z-index:2;width:1em;height:1em;color:var(--color-default-500);justify-content:center;align-items:center;margin-block:auto;line-height:1;display:inline-flex;position:absolute;inset:0 .8rem 0 auto}
.input-icon-group>.input-icon:first-child+.form-input,.input-icon-group>.input-icon:first-child+.form-select{padding-inline-start:calc(var(--spacing) * 10)!important}
.input-icon-group>.form-input:not(:last-child),.input-icon-group>.form-select:not(:last-child){padding-inline-end:calc(var(--spacing) * 10)}
.btn-block{width:100%}
.btn-space-before{margin-top:calc(var(--spacing) * 3)}
.btn-icon-xs{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6);padding:0}
.btn-icon-lg{width:calc(var(--spacing) * 11.25);height:calc(var(--spacing) * 11.25);padding:0;line-height:1}
.btn-icon-xs :is(svg,.sr-icon){font-size:.875rem}
.btn-icon-lg :is(svg,.sr-icon){font-size:1.35rem}
.btn-glass-inverse{border-color:transparent;background-color:color-mix(in oklab,var(--color-white) 18%,transparent);color:var(--color-white)}
@media (hover:hover){.btn-glass-inverse:hover{background-color:color-mix(in oklab,var(--color-white) 28%,transparent);color:var(--color-white)}}
.btn-group,.filtering-toggle-group{align-items:stretch;display:inline-flex;gap:0;max-width:100%;vertical-align:middle}
.filtering-toggle-group{overflow-x:auto}
.filtering-toggle-item{display:inline-flex;min-width:0}
.filtering-toggle-item>.btn{min-width:0}
.btn-group-start{border-start-end-radius:0!important;border-end-end-radius:0!important}
.btn-group-middle{border-inline-start-width:0!important;border-radius:0!important}
.btn-group-end{border-inline-start-width:0!important;border-start-start-radius:0!important;border-end-start-radius:0!important}
.btn-group-top{border-end-start-radius:0!important;border-end-end-radius:0!important}
.btn-group-bottom{border-block-start-width:0!important;border-start-start-radius:0!important;border-start-end-radius:0!important}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom){--btn-group-state-bg:var(--color-default-100);--btn-group-state-color:inherit}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-default,.btn-soft-light,.btn-solid-light){--btn-group-state-bg:color-mix(in oklab,var(--color-default-500) 24%,var(--color-card));--btn-group-state-color:var(--color-default-950)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-primary,.btn-ghost-primary){--btn-group-state-bg:color-mix(in oklab,var(--color-primary) 24%,transparent);--btn-group-state-color:var(--color-primary)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-secondary,.btn-ghost-secondary){--btn-group-state-bg:color-mix(in oklab,var(--color-secondary) 24%,transparent);--btn-group-state-color:var(--color-secondary)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-success,.btn-ghost-success){--btn-group-state-bg:color-mix(in oklab,var(--color-success) 24%,transparent);--btn-group-state-color:var(--color-success)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-danger,.btn-ghost-danger){--btn-group-state-bg:color-mix(in oklab,var(--color-danger) 24%,transparent);--btn-group-state-color:var(--color-danger)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-warning,.btn-ghost-warning){--btn-group-state-bg:color-mix(in oklab,var(--color-warning) 24%,transparent);--btn-group-state-color:var(--color-warning)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-info,.btn-ghost-info){--btn-group-state-bg:color-mix(in oklab,var(--color-info) 24%,transparent);--btn-group-state-color:var(--color-info)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-soft-dark,.btn-ghost-dark){--btn-group-state-bg:color-mix(in oklab,var(--color-dark) 36%,transparent);--btn-group-state-color:var(--color-default-950)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-primary,.btn-solid-primary){--btn-group-state-bg:var(--color-primary-hover);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-secondary,.btn-solid-secondary){--btn-group-state-bg:var(--color-secondary);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-success,.btn-solid-success){--btn-group-state-bg:var(--color-success);--btn-group-state-color:var(--color-slate-950)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-danger,.btn-solid-danger){--btn-group-state-bg:var(--color-danger-hover);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-warning,.btn-solid-warning){--btn-group-state-bg:var(--color-warning);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-info,.btn-solid-info){--btn-group-state-bg:var(--color-info-hover);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(.btn-outline-dark,.btn-solid-dark){--btn-group-state-bg:var(--color-dark);--btn-group-state-color:var(--color-white)}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(:hover,:focus,:focus-visible,:active,.active,[aria-pressed=true],[aria-current=true]){z-index:3}
@media (hover:hover){:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):hover:not([class*=btn-choice-]){background-color:var(--btn-group-state-bg);color:var(--btn-group-state-color)}}
:is(.btn-group-start,.btn-group-middle,.btn-group-end,.btn-group-top,.btn-group-bottom):is(:focus,:focus-visible,:active):not([class*=btn-choice-]){background-color:var(--btn-group-state-bg);color:var(--btn-group-state-color)}
.form-control-group-end{border-start-start-radius:0!important;border-end-start-radius:0!important}
.form-input-valid,.form-select-valid,.form-textarea-valid{border-color:var(--color-success)!important}
.form-input-invalid,.form-select-invalid,.form-textarea-invalid{border-color:var(--color-danger)!important}
.form-input-plain{border-color:transparent!important;background-color:transparent!important}
.form-control-auto{height:auto}
.form-control-icon-end{padding-inline-end:calc(var(--spacing) * 10)!important}
.form-input-color{height:calc(var(--spacing) * 10);padding:calc(var(--spacing) * 1)}
.dropdown-item-danger{color:var(--color-danger)}
.dropdown-item-danger:hover,.dropdown-item-danger:focus{background-color:color-mix(in oklab,var(--color-danger) 10%,transparent);color:var(--color-danger)}
.dropdown-toggle-lg{padding-inline:calc(var(--spacing) * 6);padding-block:calc(var(--spacing) * 2);font-size:var(--text-lg);line-height:var(--text-lg--line-height)}
.dropdown-toggle-compact{padding-inline:calc(var(--spacing) * 2)}
.dropdown-toggle-action{width:calc(var(--spacing) * 11.25);height:calc(var(--spacing) * 7.5);padding:0;font-weight:var(--font-weight-semibold)}
.dropdown-menu-wide{width:calc(var(--spacing) * 44)}
.dropdown-menu-min-wide{min-width:calc(var(--spacing) * 44)}
.dropdown-menu-padded{padding:calc(var(--spacing) * 4)}
.dropdown-menu-profile{--dropdown-profile-muted:var(--color-default-500);--dropdown-profile-icon:var(--color-default-500);--dropdown-profile-hover:var(--color-default-100);--dropdown-profile-divider:var(--color-default-200);box-sizing:border-box;max-width:min(19.5rem,calc(100vw - 2rem));width:min(19.5rem,calc(100vw - 2rem));padding:calc(var(--spacing) * 3);border-color:color-mix(in oklab,var(--color-default-300) 72%,transparent);border-radius:1.125rem;background:var(--color-card);box-shadow:0 .75rem 1.25rem rgba(15,23,42,.08),0 .125rem .375rem rgba(15,23,42,.06)}
.dropdown-menu-profile-preview{display:block;position:static;left:auto;top:auto;opacity:1;visibility:visible}
.dropdown-profile-header{align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 1) calc(var(--spacing) * 2) calc(var(--spacing) * 3)}
.dropdown-profile-avatar,.member-default-avatar{align-items:center;aspect-ratio:1;border-radius:999px;background:var(--sr-member-avatar-bg,linear-gradient(135deg,#8f6ee8,#ffc66d 54%,#5db7a7));color:var(--color-white);display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-bold);justify-content:center;line-height:1;overflow:hidden;width:2.5rem}
.member-avatar-color-0{--sr-member-avatar-bg:#b91c1c}.member-avatar-color-1{--sr-member-avatar-bg:#c2410c}.member-avatar-color-2{--sr-member-avatar-bg:#a16207}.member-avatar-color-3{--sr-member-avatar-bg:#4d7c0f}.member-avatar-color-4{--sr-member-avatar-bg:#047857}.member-avatar-color-5{--sr-member-avatar-bg:#0f766e}.member-avatar-color-6{--sr-member-avatar-bg:#0369a1}.member-avatar-color-7{--sr-member-avatar-bg:#1d4ed8}.member-avatar-color-8{--sr-member-avatar-bg:#4f46e5}.member-avatar-color-9{--sr-member-avatar-bg:#7e22ce}.member-avatar-color-10{--sr-member-avatar-bg:#be185d}.member-avatar-color-11{--sr-member-avatar-bg:#9f1239}
.dropdown-profile-identity{min-width:0}
.dropdown-profile-name,.dropdown-profile-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-profile-name{color:var(--color-default-950);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--text-sm--line-height)}
.dropdown-profile-email{color:var(--dropdown-profile-muted);font-size:var(--text-xs);line-height:var(--text-xs--line-height);margin-top:calc(var(--spacing) * .5)}

.dropdown-profile-divider{border:0;border-top:1px solid var(--dropdown-profile-divider);margin:calc(var(--spacing) * 1.5) calc(var(--spacing) * 1)}
.dropdown-profile-item{appearance:none;align-items:center;background:transparent;border:0;cursor:pointer;border-radius:.75rem;color:var(--color-default-700);display:grid;font:inherit;font-size:var(--text-sm);grid-template-columns:1.25rem minmax(0,1fr) auto;gap:calc(var(--spacing) * 3);line-height:var(--text-sm--line-height);min-height:2.5rem;padding:calc(var(--spacing) * 2) calc(var(--spacing) * 2.25);text-align:start;text-decoration:none;width:100%}
.dropdown-profile-item:hover,.dropdown-profile-item:focus{background:var(--dropdown-profile-hover);color:var(--color-default-950);outline:none}
.dropdown-profile-item.is-active{background:var(--dropdown-profile-hover);color:var(--color-default-950);font-weight:var(--font-weight-semibold)}
.dropdown-profile-item .sr-icon,.dropdown-profile-item .material-symbols-outlined{color:var(--dropdown-profile-icon);font-size:1.25rem;line-height:1}
.dropdown-profile-item-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dropdown-profile-item-meta{align-items:center;color:var(--dropdown-profile-muted);display:inline-flex;justify-content:center}

.is-disabled-look{pointer-events:none;opacity:.55}
.badge-anchor{position:relative}
.form-choice-offset{margin-top:calc(var(--spacing) * .5)}
.badge-outline-default{border-color:var(--color-default-300);color:var(--color-default-700);background-color:transparent}
.badge-outline-primary{border-color:var(--color-primary);color:var(--color-primary);background-color:transparent}
.badge-outline-secondary{border-color:var(--color-secondary);color:var(--color-secondary);background-color:transparent}
.badge-outline-success{border-color:var(--color-success);color:var(--color-success);background-color:transparent}
.badge-outline-danger{border-color:var(--color-danger);color:var(--color-danger);background-color:transparent}
.badge-outline-warning{border-color:var(--color-warning);color:var(--color-warning);background-color:transparent}
.badge-outline-info{border-color:var(--color-info);color:var(--color-info);background-color:transparent}
.badge-outline-dark{border-color:var(--color-dark);color:var(--color-dark);background-color:transparent}
.badge-solid-primary{background-color:var(--color-primary);color:var(--color-white)}
.badge-solid-secondary{background-color:var(--color-secondary);color:var(--color-white)}
.badge-solid-success{background-color:var(--color-success);color:var(--color-white)}
.badge-solid-danger{background-color:var(--color-danger);color:var(--color-white)}
.badge-solid-warning{background-color:var(--color-warning);color:var(--color-white)}
.badge-solid-info{background-color:var(--color-info);color:var(--color-white)}
.badge-solid-light{background-color:var(--color-light);color:var(--color-default-900)}
.badge-solid-dark{background-color:var(--color-dark);color:var(--color-white)}
.badge-solid-white{background-color:var(--color-white);color:var(--color-default-950)}
.badge-soft-primary{background-color:color-mix(in oklab,var(--color-primary) 15%,transparent);color:var(--color-primary)}
.badge-soft-secondary{background-color:color-mix(in oklab,var(--color-secondary) 15%,transparent);color:var(--color-secondary)}
.badge-soft-success{background-color:color-mix(in oklab,var(--color-success) 15%,transparent);color:var(--color-success)}
.badge-soft-danger{background-color:color-mix(in oklab,var(--color-danger) 15%,transparent);color:var(--color-danger)}
.badge-soft-warning{background-color:color-mix(in oklab,var(--color-warning) 15%,transparent);color:var(--color-warning)}
.badge-soft-info{background-color:color-mix(in oklab,var(--color-info) 15%,transparent);color:var(--color-info)}
.badge-soft-dark{background-color:color-mix(in oklab,var(--color-dark) 10%,transparent);color:var(--color-dark)}
.badge-pill{border-radius:9999px}
.badge-square{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);padding:0}
.badge-corner{position:absolute;inset-block-start:calc(var(--spacing) * -1);inset-inline-end:calc(var(--spacing) * -1)}
.badge-dot{display:inline-flex;width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3);padding:0;border:1px solid var(--color-white);border-radius:9999px;background-color:var(--color-danger)}
.badge-corner-dot{position:absolute;inset-block-start:calc(var(--spacing) * -1);inset-inline-end:calc(var(--spacing) * -1)}
.sr-link-card {
    border: 1px solid var(--color-default-300, #d8dde6);
    border-left: 4px solid var(--color-primary, #2563eb);
    background: var(--color-card, #fff);
    margin: 1rem 0;
    padding: .85rem 1rem;
}

.sr-link-card-kicker {
    color: var(--text-muted, #64748b);
    font-size: .85rem;
    margin: 0 0 .25rem;
}

.sr-link-card-title {
    color: var(--text-strong, #111827);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.sr-link-card-summary {
    color: var(--text-muted, #64748b);
    margin: .35rem 0 0;
}

.sr-link-card-inline {
    display: inline-block;
    margin: .25rem .15rem;
    padding: .35rem .5rem;
}

.sr-link-card.is-broken {
    border-left-color: var(--color-warning, #b45309);
    background: var(--color-default-50, #f8fafc);
}

.sr-link-card-picker{display:grid;gap:calc(var(--spacing) * 2);margin-top:calc(var(--spacing) * 3);padding:calc(var(--spacing) * 3);border:1px solid var(--color-default-300);border-radius:var(--radius);background:color-mix(in oklab,var(--color-default-100) 72%,var(--color-card))}
.sr-link-card-picker-controls{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;gap:calc(var(--spacing) * 2);align-items:center}
.sr-link-card-picker-results{display:grid;gap:calc(var(--spacing) * 1.5);color:var(--text-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height)}
.sr-link-card-picker-result{display:grid;gap:calc(var(--spacing) * .5);width:100%;padding:calc(var(--spacing) * 2);border:1px solid var(--color-default-300);border-radius:var(--radius);background:var(--color-card);color:var(--text-normal);text-align:left;cursor:pointer}
.sr-link-card-picker-result strong{color:var(--text-strong);font-size:var(--type-small-size);line-height:var(--type-small-line-height)}
.sr-link-card-picker-result span,.sr-link-card-picker-result small{color:var(--text-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);overflow-wrap:anywhere}
.sr-link-card-picker-result.is-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 12%,transparent)}
@media (max-width:720px){.sr-link-card-picker-controls{grid-template-columns:1fr}.sr-link-card-picker-controls>.btn{width:100%;justify-content:center}}

.sr-time-tooltip {
    cursor: help;
    display: inline-flex;
    position: relative;
}

.sr-time-tooltip:focus-visible {
    outline: 2px solid color-mix(in oklab, var(--color-primary, #2563eb) 55%, transparent);
    outline-offset: 2px;
}

.sr-time-floating-tooltip {
    background: rgba(255, 255, 255, .94);
    border-radius: 6px;
    color: #111;
    font-size: .72rem;
    font-weight: 700;
    left: 0;
    line-height: 1.25;
    padding: 6px 8px;
    pointer-events: none;
    position: fixed;
    top: 0;
    white-space: nowrap;
    z-index: var(--sr-z-tooltip, 4000);
}

/*
 * Saanraan public UI layer.
 * Loaded only by public runtimes that opt into the kit profile, after assets/reset.css.
 * Owns reusable public/member-facing combinations inside .quiz-ui-scope.
 * It may consume --sr-* page tokens when a page provides them and falls back to common --color-* tokens.
 * Do not add admin UI or module-specific screen layout here.
 */

.quiz-ui-scope {
    --quiz-ui-surface: var(--sr-surface, var(--color-card));
    --quiz-ui-surface-soft: var(--sr-surface-soft, var(--color-default-100));
    --quiz-ui-border: var(--sr-border, var(--color-default-300));
    --quiz-ui-text: var(--sr-text, var(--color-default-900));
    --quiz-ui-muted: var(--sr-muted, var(--color-default-600));
    --quiz-ui-primary: var(--sr-primary, var(--color-primary));
    --quiz-ui-on-primary: var(--sr-on-primary, var(--color-white));
    --quiz-ui-radius: 8px;
    --quiz-ui-gap: 16px;
    --quiz-ui-shadow: 0 8px 24px var(--sr-shadow-soft, rgba(32, 36, 42, 0.08));
}

.quiz-ui-scope .quiz-ui-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.quiz-ui-scope :is(.type-display, .type-display-fluid, .type-page-title, .type-page-title-fluid, .type-section-title, .type-card-title) {
    color: var(--quiz-ui-text);
}

.quiz-ui-scope :is(.type-meta, .type-caption) {
    color: var(--quiz-ui-muted);
}

.quiz-ui-scope code {
    color: var(--color-rose-400);
}

.btn-outline-default,.btn-outline-light{--btn-outline-color:var(--color-default-600);--btn-outline-on-color:var(--color-default-950);--btn-focus-color:var(--color-default-500)}
.btn-outline-primary{--btn-outline-color:var(--color-primary);--btn-outline-on-color:var(--color-white);--btn-focus-color:var(--color-primary)}
.btn-outline-secondary{--btn-outline-color:var(--color-secondary);--btn-outline-on-color:var(--color-white);--btn-focus-color:var(--color-secondary)}
.btn-outline-success{--btn-outline-color:var(--color-success);--btn-outline-on-color:var(--color-slate-950);--btn-focus-color:var(--color-success)}
.btn-outline-danger{--btn-outline-color:var(--color-danger);--btn-outline-on-color:var(--color-white);--btn-focus-color:var(--color-danger)}
.btn-outline-warning{--btn-outline-color:var(--color-warning);--btn-outline-on-color:var(--color-slate-950);--btn-focus-color:var(--color-warning)}
.btn-outline-info{--btn-outline-color:var(--color-info);--btn-outline-on-color:var(--color-white);--btn-focus-color:var(--color-info)}
.btn-outline-dark{--btn-outline-color:var(--color-dark);--btn-outline-on-color:var(--color-white);--btn-focus-color:var(--color-dark)}
:is(.btn-outline-default,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning,.btn-outline-info,.btn-outline-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:transparent;border-color:color-mix(in oklab,var(--btn-outline-color,currentColor) 72%,var(--color-default-300));color:color-mix(in oklab,var(--btn-outline-color,currentColor) 86%,var(--color-white))}
@media (hover:hover){:is(.btn-outline-default,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning,.btn-outline-info,.btn-outline-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover{background-color:var(--btn-outline-color);border-color:var(--btn-outline-color);color:var(--btn-outline-on-color)}}
:is(.btn-outline-default,.btn-outline-light,.btn-outline-primary,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-warning,.btn-outline-info,.btn-outline-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):active{background-color:var(--btn-outline-color);border-color:var(--btn-outline-color);color:var(--btn-outline-on-color)}
.btn-soft-default,.btn-soft-light{--btn-soft-color:var(--color-default-600)}
.btn-soft-primary{--btn-soft-color:var(--color-primary)}
.btn-soft-secondary{--btn-soft-color:var(--color-secondary)}
.btn-soft-success{--btn-soft-color:var(--color-success)}
.btn-soft-danger{--btn-soft-color:var(--color-danger)}
.btn-soft-warning{--btn-soft-color:var(--color-warning)}
.btn-soft-info{--btn-soft-color:var(--color-info)}
.btn-soft-dark{--btn-soft-color:var(--color-default-700)}
:is(.btn-soft-default,.btn-soft-light,.btn-soft-primary,.btn-soft-secondary,.btn-soft-success,.btn-soft-danger,.btn-soft-warning,.btn-soft-info,.btn-soft-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *){background-color:color-mix(in oklab,var(--btn-soft-color,currentColor) 18%,var(--color-card));color:color-mix(in oklab,var(--btn-soft-color,currentColor) 84%,var(--color-white))}
@media (hover:hover){:is(.btn-soft-default,.btn-soft-light,.btn-soft-primary,.btn-soft-secondary,.btn-soft-success,.btn-soft-danger,.btn-soft-warning,.btn-soft-info,.btn-soft-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):hover{background-color:color-mix(in oklab,var(--btn-soft-color,currentColor) 28%,var(--color-card));border-color:transparent;color:color-mix(in oklab,var(--btn-soft-color,currentColor) 92%,var(--color-white))}}
:is(.btn-soft-default,.btn-soft-light,.btn-soft-primary,.btn-soft-secondary,.btn-soft-success,.btn-soft-danger,.btn-soft-warning,.btn-soft-info,.btn-soft-dark):where([data-theme=dark],[data-theme=dark] *,[data-color-scheme=dark],[data-color-scheme=dark] *):active{background-color:color-mix(in oklab,var(--btn-soft-color,currentColor) 28%,var(--color-card));color:color-mix(in oklab,var(--btn-soft-color,currentColor) 92%,var(--color-white))}

.quiz-ui-scope .quiz-ui-card {
    background: var(--quiz-ui-surface);
    border: 1px solid var(--quiz-ui-border);
    border-radius: var(--quiz-ui-radius);
    box-shadow: var(--quiz-ui-shadow);
    display: grid;
    gap: var(--quiz-ui-gap);
    padding: 20px;
}

.quiz-ui-scope .quiz-ui-title {
    color: var(--quiz-ui-text);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

.quiz-ui-scope .quiz-ui-copy {
    color: var(--quiz-ui-muted);
    margin: 0;
}

.quiz-ui-scope .quiz-ui-form-panel {
    background: var(--quiz-ui-surface);
    border: 1px solid var(--quiz-ui-border);
    border-radius: var(--quiz-ui-radius);
    box-shadow: var(--quiz-ui-shadow);
    display: grid;
    gap: var(--quiz-ui-gap);
    max-width: 420px;
    padding: 22px;
}

.quiz-ui-scope .quiz-ui-content-list {
    display: grid;
    gap: 12px;
}

.quiz-ui-scope .quiz-ui-field {
    display: grid;
    gap: 6px;
    margin: 0;
}

.quiz-ui-scope .quiz-ui-field > span {
    color: var(--quiz-ui-text);
    font-size: var(--type-small-size);
    font-weight: var(--font-weight-bold);
    line-height: var(--type-small-line-height);
}

.quiz-ui-scope .quiz-ui-input {
    width: 100%;
}

.quiz-ui-scope .quiz-ui-button {
    align-items: center;
    background: var(--quiz-ui-primary);
    border: 1px solid var(--quiz-ui-primary);
    border-radius: 6px;
    color: var(--quiz-ui-on-primary);
    display: inline-flex;
    font-weight: var(--font-weight-bold);
    justify-content: center;
    padding: 9px 14px;
    text-decoration: none;
}

.quiz-ui-scope .quiz-ui-button-secondary {
    background: var(--quiz-ui-surface);
    border-color: var(--quiz-ui-border);
    color: var(--quiz-ui-text);
}


.quiz-ui-scope .quiz-ui-link-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    margin: 16px 0 0;
}

.quiz-ui-scope .quiz-ui-feedback {
    border: 1px solid var(--quiz-ui-border);
    border-radius: 6px;
    background: var(--quiz-ui-surface-soft);
    color: var(--quiz-ui-muted);
    margin: 0;
    padding: 10px 12px;
}

.quiz-ui-scope .quiz-ui-feedback-error {
    border-color: var(--sr-danger-border, var(--color-danger));
    background: var(--sr-danger-bg, var(--quiz-ui-surface-soft));
    color: var(--sr-danger-text, var(--color-danger));
    margin: 0;
    padding: 10px 12px 10px 28px;
}

@supports (color: color-mix(in lab, red, red)) {
    .quiz-ui-scope .quiz-ui-feedback-error {
        background: var(--sr-danger-bg, color-mix(in oklab, var(--color-danger) 10%, transparent));
    }
}
.sr-embed-manager-card {
  border: 1px solid var(--sr-border-subtle, #d8dee8);
  border-radius: 8px;
  margin: 1rem 0;
  padding: 1rem;
}

.sr-embed-manager-card strong {
  display: block;
  font-size: 1rem;
  line-height: 1.4;
}

.sr-embed-manager-card p {
  margin: .65rem 0 0;
}

.sr-embed-manager-card-button {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: space-between;
}

.sr-embed-manager-card-button p {
  margin: 0;
}

.sr-embed-manager-card-compact {
  padding: .75rem;
}