/* Branded controls shared by the studio, administration and login. */
button,input,textarea,select{font-family:var(--brand-font);-webkit-tap-highlight-color:transparent}
input,textarea,button,select{appearance:none;-webkit-appearance:none}
input[type=number]{-moz-appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{appearance:none;margin:0}
input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;margin:0;border:1px solid #bbc8dc;border-radius:6px;background:#fff;display:grid;place-content:center;cursor:pointer;transition:background .15s,border-color .15s}
input[type=checkbox]::after{content:'';width:8px;height:4px;border:solid white;border-width:0 0 2px 2px;transform:rotate(-45deg) scale(0);margin-top:-3px}
input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}
input[type=checkbox]:checked::after{transform:rotate(-45deg) scale(1)}
input:disabled{opacity:.5;cursor:default}
.custom-select{position:relative;min-width:0;flex:1;width:100%;font-size:14px}
.custom-select .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;padding:12px 15px;border:1px solid #cfd8e8;border-radius:11px;background:#fff;color:var(--ink);text-align:left;font:inherit;line-height:1.5;cursor:pointer;box-shadow:0 2px 4px #29498204}
.custom-select .select-trigger::after{content:'';flex:0 0 6px;height:6px;border:solid var(--blue);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 3px 4px 0}
.custom-select.is-open .select-trigger{border-color:var(--sky);box-shadow:0 0 0 3px #57a5ff20}
.custom-select.is-open .select-trigger::after{transform:rotate(225deg);margin-top:5px}
.custom-select .select-options{position:absolute;inset:auto 0 auto 0;top:calc(100% + 7px);z-index:30;max-height:220px;max-height:min(220px,35dvh);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid var(--line);border-radius:13px;padding:5px;box-shadow:0 16px 38px -12px #29498245}
.select-option{position:relative;padding:11px 32px 11px 12px;border-radius:8px;line-height:1.5;cursor:pointer;overflow-wrap:anywhere}
.select-option.is-highlighted,.select-option:hover{background:var(--sky-light);color:var(--blue)}
.select-option[aria-selected=true]{font-weight:500;color:var(--blue);background:#f1f6fc}
.select-option[aria-selected=true]::after{content:'';position:absolute;right:14px;top:17px;width:8px;height:4px;border:solid var(--blue);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.select-option[aria-disabled=true]{opacity:.45;cursor:default}
.select-trigger:disabled{opacity:.5;cursor:default}
[hidden]{display:none!important}
input:focus-visible,textarea:focus-visible,.select-trigger:focus-visible{outline:3px solid #57a5ff66;outline-offset:3px}
.field-error{display:block;color:#9b3343;font-size:12px;line-height:1.5;margin:4px 0}
.field-error:empty{display:none}
[aria-invalid=true]{border-color:#b5495c!important}
summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}
summary::before{content:'＋';display:inline-block;margin-right:7px;color:var(--blue)}details[open]>summary::before{content:'−'}
button[data-tooltip]{position:relative}
button[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 9px);right:0;z-index:40;width:max-content;max-width:200px;padding:7px 10px;border-radius:7px;background:var(--blue);color:white;font-size:11px;font-weight:400;line-height:1.5;pointer-events:none;opacity:0;transition:opacity .15s}
button[data-tooltip]:hover::after,button[data-tooltip]:focus-visible::after{opacity:1}
#clear-history-dialog{width:min(440px,calc(100% - 32px))}
.confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.confirm-actions button{border:1px solid #cfd8e8;border-radius:10px;background:white;padding:11px 16px;font:inherit;color:var(--blue)}
.confirm-actions .danger{background:#9b3343;border-color:#9b3343;color:white}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}