/* GPL-2.0-or-later */
.sa-panel {
    position: fixed;
    inset-inline: 1rem;
    bottom: 4.5rem;
    z-index: 10000;
    max-width: 38rem;
    max-height: calc(100dvh - 6rem);
    overflow: auto;
    padding: 1.25rem;
    color: #172335;
    background: #fff;
    border: 2px solid #44576c;
    border-radius: .5rem;
    box-shadow: 0 .25rem 1rem #0003;
    font: 1rem/1.5 system-ui, sans-serif;
}
.sa-panel[hidden], .sa-settings[hidden] { display: none !important; }
.sa-panel h2 { color: inherit; font-size: 1.15rem; margin: 0 0 .75rem; }
.sa-panel p { margin: 0 0 1rem; }
.sa-panel a { color: #07529a; text-decoration: underline; }
.sa-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.sa-panel button, .sa-settings {
    min-height: 44px;
    padding: .65rem 1rem;
    border: 2px solid #34465a;
    border-radius: .3rem;
    background: #fff;
    color: #172335;
    font: 600 .95rem/1.3 system-ui, sans-serif;
    cursor: pointer;
}
.sa-panel button:focus-visible, .sa-settings:focus-visible, .sa-panel a:focus-visible {
    outline: 3px solid #087bbb;
    outline-offset: 3px;
}
.sa-settings { position: fixed; bottom: .75rem; inset-inline-start: 1rem; z-index: 9999; }