/* neverlogoff/settings-storage.css — Settings -> Storage / Requests (linked storage v0)
   Logical properties only (inline/block), so a right-to-left language flips without new CSS. */
.st-wrap { max-inline-size: 50rem; margin-inline: auto; padding-block: 1.5rem 4rem; padding-inline: 1rem; }
.st-tabs { display: flex; gap: .4rem; flex-wrap: wrap; margin-block: .5rem 1rem; }
.st-tabs a { padding-block: .45rem; padding-inline: .9rem; border-radius: 999px; border: 1px solid var(--line, #e4e4e7); color: inherit; text-decoration: none; font-weight: 600; }
.st-tabs a[aria-current="page"] { background: var(--ink, #0a0a0a); color: var(--paper, #fafafa); border-color: var(--ink, #0a0a0a); }
.st-badge { display: inline-block; min-inline-size: 1.4em; padding-inline: .4em; margin-inline-start: .35em; border-radius: 999px; background: var(--warn, #a16207); color: #fff; font-size: .8em; text-align: center; }
.st-card { border: 1px solid var(--line, #e4e4e7); border-radius: 12px; padding-block: 1.1rem; padding-inline: 1.2rem; margin-block: 1rem; background: var(--field, #fff); }
.st-card h2 { margin-block: .1rem .6rem; font-size: 1.15rem; }
.st-card h3 { margin-block: 1rem .4rem; font-size: 1rem; }
.st-floor { border-inline-start: 4px solid var(--ink, #0a0a0a); padding-inline-start: .8rem; margin-block: .6rem; font-weight: 600; }
.st-row { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin-block: .45rem; }
.st-row label { flex: 0 0 11rem; font-size: .95rem; }
.st-row input[type=text], .st-row input[type=url], .st-row select { flex: 1 1 14rem; min-inline-size: 0; padding-block: .5rem; padding-inline: .7rem; border-radius: 8px; border: 1px solid var(--line, #e4e4e7); font: inherit; background: var(--field, #fff); color: inherit; }
.st-actions select { padding-block: .45rem; padding-inline: .6rem; border-radius: 8px; border: 1px solid var(--line, #e4e4e7); font: inherit; background: var(--field, #fff); color: inherit; min-inline-size: 11rem; }
.st-btn { padding-block: .5rem; padding-inline: .9rem; border-radius: 8px; border: 0; font: inherit; font-weight: 600; cursor: pointer; background: var(--ink, #0a0a0a); color: var(--paper, #fafafa); }
.st-btn.ghost { background: transparent; color: inherit; border: 1px solid var(--line, #e4e4e7); }
.st-btn.danger { background: #b42318; }
.st-btn[disabled] { opacity: .5; cursor: default; }
.st-note { font-size: .92rem; color: var(--dim, #52525b); overflow-wrap: anywhere; }
.st-msg { min-block-size: 1.3em; font-size: .95rem; margin-block: .5rem 0; }
.st-msg.bad { color: #b42318; } .st-msg.good { color: var(--ok, #15803d); }
.st-list { list-style: none; padding: 0; margin: 0; }
.st-list > li { display: flex; gap: .6rem; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-block: .65rem; border-block-end: 1px solid var(--line, #e4e4e7); }
.st-list > li:last-child { border-block-end: 0; }
.st-item-main { flex: 1 1 16rem; min-inline-size: 0; }
.st-item-main strong { display: block; overflow-wrap: anywhere; }
.st-actions { display: flex; gap: .4rem; flex-wrap: wrap; }
.st-pill { display: inline-block; padding-block: .1rem; padding-inline: .55rem; border-radius: 999px; font-size: .8rem; background: var(--bg2, #f4f4f5); margin-inline-end: .3rem; }
.st-pill.ok { background: #dcfce7; } .st-pill.warn { background: #fef3c7; }
.st-steps { padding-inline-start: 1.3rem; margin-block: .3rem; }
.st-steps li { margin-block: .35rem; }
code.st-code { display: block; word-break: break-all; padding: .6rem; border-radius: 8px; background: var(--bg2, #f4f4f5); font: .82rem/1.4 var(--mono, monospace); }
.st-empty { color: var(--dim, #52525b); font-style: italic; }
[hidden] { display: none !important; }
@media (max-width: 40rem) { .st-row label { flex-basis: 100%; } }