/* Shared FlexAdmin controls. No Tracker palette is imported here. */
@layer acp-controls{
:where(.tempel-workspace,.tempel-login) :is(.btn,input.form-control,select.form-control,.form-select){
 box-sizing:border-box!important;font-size:1rem!important;min-height:2.75em!important;height:auto!important;
 line-height:1.5!important;padding:.55em .85em!important;margin-block:0!important
}
:where(.tempel-workspace,.tempel-login) .btn{
 display:inline-flex!important;align-items:center!important;justify-content:center;gap:.5em;
 white-space:normal;vertical-align:middle
}
:where(.tempel-workspace) :is(.form-control,.form-select){
 color:var(--main-text)!important;background:var(--surface-background)!important;
 border-color:var(--input-border)!important;min-width:0;max-width:100%
}
:where(.tempel-workspace) :is(.search,.acp-filter-row,.acp-log-search,.wiki-filter-row){
 display:flex!important;flex-wrap:wrap;align-items:flex-end!important;gap:1rem
}
:where(.search,.acp-filter-row,.acp-log-search,.wiki-filter-row)>label{
 display:flex;flex-direction:column;gap:.4rem;margin:0!important;min-width:0
}
:where(.acp-actions,.acp-log-search-actions,.appearance-actions){
 display:flex;flex-wrap:wrap;align-items:center;gap:.65rem
}
:where(.acp-actions)>:is(form,.btn){margin:0!important}
:where(.tempel-workspace) .pagination{align-items:center;gap:.75rem;flex-wrap:wrap}
:where(.tempel-workspace) .pagination form{display:flex;align-items:center;gap:.5rem;margin:0}
:where(.tempel-workspace) .btn:disabled,:where(.tempel-workspace) .btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}
:where(.tempel-workspace) :is(.btn,.form-control,.form-select):focus-visible{outline:2px solid var(--highlight);outline-offset:2px}
:where(.tempel-workspace) .acp-modal{box-sizing:border-box;max-height:calc(100dvh - 2rem);overflow:auto;color:var(--main-text);background:var(--web-wash)}
}
@media(prefers-reduced-motion:reduce){.tempel-workspace .btn{transition:none!important}}