/* Shared footer and About dialog use the existing SCB colours and dimensions. */
.sc-version-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;column-gap:16px;position:relative;background:var(--color-light)}
.sc-footer-content{grid-column:2;min-width:0;text-align:center}
.sc-version-footer .sc-version-button{grid-column:3;justify-self:end;align-self:end;min-height:20px;padding:0;border:0;background:transparent;color:var(--color-default);font:inherit;font-size:12px;line-height:1.5;white-space:nowrap;cursor:pointer}
.sc-version-button:hover{color:var(--sc-link);text-decoration:underline}
.sc-version-button:focus-visible,.sc-about-dialog button:focus-visible{outline:2px solid var(--sc-focus);outline-offset:3px}
.sc-about-dialog{margin:auto;padding:0;width:520px;max-width:calc(100vw / var(--sc-ui-scale) - 32px);max-height:calc(100dvh / var(--sc-ui-scale) - 32px);overflow:auto;border:1px solid var(--color-border-color);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-900)}
.sc-about-dialog::backdrop{background:#0f172a66}
.sc-about-dialog [hidden]{display:none!important}
.sc-about-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--color-border-color)}
.sc-about-heading h2{margin:0;font-size:18px;font-weight:600}
.sc-about-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--color-border-color);border-radius:5px;background:var(--color-white);color:var(--color-default);cursor:pointer}
.sc-about-body{padding:20px;font-size:12px;line-height:1.6}
.sc-about-body dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px 20px;margin:0}
.sc-about-body dt{color:var(--color-default)}
.sc-about-body dd{margin:0;overflow-wrap:anywhere}
.sc-about-body [role=status],.sc-about-body [data-about-manual]{margin:16px 0 0}
.sc-about-body label{display:block;margin-bottom:7px;font-weight:500}
.sc-about-body textarea{width:100%;padding:10px;resize:vertical;border:1px solid var(--color-border-color);border-radius:5px;background:var(--color-light);color:var(--color-gray-900);font:inherit}
.sc-about-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:16px 20px;border-top:1px solid var(--color-border-color)}
.sc-about-actions .sc-about-primary{background:var(--sc-primary);border-color:var(--sc-primary);color:#fff}
@media(max-width:520px){.sc-version-footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:12px}.sc-footer-content{grid-column:1}.sc-version-footer .sc-version-button{grid-column:2}.sc-about-body dl{grid-template-columns:90px minmax(0,1fr);gap:12px}}
@media print{.sc-version-footer .sc-version-button,.sc-about-dialog{display:none!important}.sc-version-footer{position:static}.sc-footer-content{grid-column:1/-1}}