.page-actions{position:sticky;top:var(--p3-header-height,0px);z-index:89;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%;padding:.5rem 1.5rem;background:var(--surface-2);border-bottom:1px solid var(--border)}
.page-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:6.5rem;min-height:2.75rem;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer}
.page-action-primary{background:var(--accent);border-color:var(--accent);color:#fff}

.page-action:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.page-action:disabled{opacity:.5;cursor:not-allowed}
.page-action svg{width:1.1rem;height:1.1rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.page-action-context{font-size:.85rem;color:var(--text-muted);margin-left:.5rem}
@media(max-width:800px){.page-actions{padding:.5rem .75rem}.page-action-context{flex-basis:100%;margin-left:0}}

.page-actions [hidden]{display:none!important}
.page-actions{min-height:3.75rem}
.page-action-context:empty{display:none}

/* Shared glass treatment: a shallow bevel, reflective face and tactile press. */
.page-action{
    background-image:linear-gradient(to bottom,rgba(255,255,255,.16),rgba(255,255,255,.05) 48%,rgba(0,0,0,.04) 49%,rgba(0,0,0,.14));
    border-top-color:color-mix(in srgb,var(--border),white 30%);
    border-bottom-color:color-mix(in srgb,var(--border),black 30%);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.15),0 2px 0 rgba(0,0,0,.3),0 3px 6px rgba(0,0,0,.18);
    text-shadow:0 1px 1px rgba(0,0,0,.2);
    transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.page-action-primary{border-top-color:color-mix(in srgb,var(--accent),white 35%);border-bottom-color:color-mix(in srgb,var(--accent),black 30%)}
.page-action:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
.page-action:active:not(:disabled){transform:translateY(1px);filter:brightness(.98);box-shadow:inset 0 2px 4px rgba(0,0,0,.2),inset 0 -1px 0 rgba(255,255,255,.1)}
.page-action:disabled{background-image:none;box-shadow:none;text-shadow:none}
[data-theme="light"] .page-action{box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(0,0,0,.06),0 2px 0 rgba(23,35,55,.18),0 3px 6px rgba(23,35,55,.1);text-shadow:none}
[data-theme="light"] .page-action:active:not(:disabled){box-shadow:inset 0 2px 4px rgba(23,35,55,.15)}
[data-theme="light"] .page-action:disabled{box-shadow:none}
@media(prefers-reduced-motion:reduce){.page-action{transition:none}.page-action:hover:not(:disabled),.page-action:active:not(:disabled){transform:none}}

/* Permanent actions remain recognizable but neutral when unavailable. */
.page-actions .page-action:disabled{background:var(--surface);border-color:var(--border);color:var(--text-muted);opacity:.65;box-shadow:none;text-shadow:none;filter:none}

/* Semantic action colors shared by all screens; disabled styling stays neutral. */
:root{--action-retrieve:#2563eb;--action-excel:#217346}
.page-action-retrieve:not(:disabled),.page-action-excel:not(:disabled){background-color:var(--action-color);border-color:var(--action-color);border-top-color:color-mix(in srgb,var(--action-color),white 35%);border-bottom-color:color-mix(in srgb,var(--action-color),black 30%);color:#fff}
.page-action-retrieve{--action-color:var(--action-retrieve)}
.page-action-excel{--action-color:var(--action-excel)}