/* Familiar controls: one primary action, quiet navigation, clear commands. */
:root{--ui-control-face:var(--control);--ui-control-ink:var(--ink-seed)}
body .ui-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:600 14px/1.45 'Public Sans',Arial,sans-serif;min-height:44px;max-width:100%;cursor:pointer;overflow-wrap:anywhere}
body .ui-action[hidden]{display:none!important}
body .ui-action:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:3px}
body .ui-action:disabled{opacity:.5;cursor:default}
.ui-chevron{display:inline-block;width:16px;height:16px;flex:none;vertical-align:middle;pointer-events:none;transform-origin:center}
[aria-expanded=true] .ui-chevron{transform:rotate(180deg)}
.collection-filter-toggle>span{display:inline-flex;align-items:center;gap:6px}
body .ui-button{
 --button-face:var(--ui-control-face);--button-ink:var(--ui-control-ink);
 position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
 min-height:44px!important;padding:10px 16px!important;border:1px solid var(--line)!important;
 border-radius:6px!important;font:700 14px/1.4 'Public Sans',Arial,sans-serif!important;letter-spacing:normal!important;
 text-decoration:none!important;text-align:center;cursor:pointer;transform:none!important;max-width:100%;overflow-wrap:anywhere;white-space:normal;
 color:var(--button-ink)!important;
 background:var(--button-face)!important;box-shadow:none!important;
 transition:filter .12s;
}
body .ui-button::before,body .ui-button::after{display:none!important}
body .ui-button.ui-primary{--button-face:var(--orange);--button-ink:var(--action-on)}
body .ui-button.ui-secondary{--button-face:var(--panel);--button-ink:var(--ink)}
body .ui-button:hover{filter:brightness(1.06)}
body .ui-button:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
body .ui-button:active{filter:brightness(.96);transform:none!important}
body .ui-button:disabled{opacity:.55;cursor:default}
body .ui-action:is(.ui-link,.ui-quiet,.ui-menu){
 color:var(--blue)!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:3px!important;
 min-height:44px!important;padding:6px 12px!important;margin:0;transform:none!important;font:600 14px/1.45 'Public Sans',Arial,sans-serif!important;
 text-align:left;white-space:normal;letter-spacing:normal!important;text-shadow:none!important;text-decoration:none!important;
}
body .ui-action:is(.ui-link,.ui-quiet,.ui-menu)::before,body .ui-action:is(.ui-link,.ui-quiet,.ui-menu)::after{display:none!important}
body .ui-action.ui-link{text-decoration:underline!important;text-underline-offset:4px;text-decoration-thickness:1px}
body .ui-action.ui-quiet{color:var(--ink)!important;padding-inline:12px!important}
body .ui-action:is(.ui-link,.ui-quiet):hover{background:color-mix(in srgb,var(--ink) 7%,transparent)!important}
body .ui-action.ui-menu{display:flex;justify-content:start;width:100%;padding:10px 14px!important;color:var(--ink)!important;font-weight:500!important}
body .ui-action.ui-menu:is(:hover,:focus-visible){background:var(--blue)!important;color:var(--accent-on)!important;outline:0}
body .ui-action.ui-quiet.square{font-size:24px!important;width:44px!important;height:44px!important;padding:0!important}
body .desk .ui-button,body .desk-compact .ui-button{font-size:14px!important;min-height:44px!important;padding:10px 14px!important}
@media(prefers-reduced-motion:reduce){body .ui-button{transition:none}}

/* Action groups reserve space for button housings, shadows and focus outlines. */
body .action-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:16px 0;min-width:0}
body .action-row:empty{display:none}
body .action-row>.ui-action{flex:0 1 auto}