.sap-stored-extension { margin-block: 1.5rem; padding: clamp(1rem, 2vw, 1.6rem); border: 1px solid var(--line, #c9cee2); border-top: 4px solid var(--accent, #dfff00); background: var(--surface, #fff); color: var(--ink, #111b59); }
.sap-stored-extension .sync-panel { margin-block: 1rem; }
.sap-stored-extension .sync-panel label { display: block; font-weight: 700; margin-top: 1rem; }
.sap-stored-extension select { width: min(100%, 46rem); min-height: 2.75rem; margin-block: .4rem; padding: .55rem; color: inherit; border: 1px solid var(--line, #c9cee2); background: #fff; }
.sap-stored-extension .table-scroll { overflow: auto; max-height: 34rem; margin-block: 1rem; border: 1px solid var(--line, #c9cee2); }
.sap-stored-extension table { min-width: 45rem; width: 100%; border-collapse: collapse; }
.sap-stored-extension caption { padding: .8rem; text-align: left; font-weight: 700; white-space: normal; }
.sap-stored-extension th, .sap-stored-extension td { padding: .7rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line, #c9cee2); white-space: nowrap; }
.sap-stored-extension th { position: sticky; top: 0; background: #edf0fa; color: #111b59; }
.sap-stored-extension [id$="-hash"] { overflow-wrap: anywhere; }
.sap-stored-extension :focus-visible { outline: 3px solid #516ac8; outline-offset: 3px; }
.sap-stored-extension .metadata { margin-block: 1rem; }
@media (max-width: 820px) { .sap-stored-extension .sync-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: .6rem; } .sap-stored-extension .sync-actions button { flex: 1 1 13rem; min-height: 2.75rem; } .sap-stored-extension .table-scroll { max-height: 28rem; } }