.storage-warning{flex:none;border:1px solid #ffe099;border-radius:4px;padding:4px 8px;background:#7b350e;color:#fff8de;font:600 11px/1.1 system-ui,sans-serif;white-space:nowrap;cursor:pointer}
.storage-warning:hover{background:#974615}
.storage-warning[hidden]{display:none}
.storage-card{grid-column:span 2}
.storage-card .storage-state{font-weight:650;color:#245e96}
.storage-card .storage-state.warning{color:#9c4314}
.storage-actions{display:flex;flex-wrap:wrap;gap:8px}
.storage-toggle{display:flex;align-items:center;gap:8px;margin:12px 0;font-weight:650;cursor:pointer}
.storage-toggle input{width:18px;height:18px;accent-color:var(--accent)}
.storage-feedback{min-height:1.4em;margin-top:10px!important}
.storage-confirm,.storage-clear-confirm{margin-top:10px;padding:10px;border:1px solid #d0b878;border-radius:5px;background:#fff9e8}
.storage-clear-confirm{border-color:var(--border);background:var(--surface)}
.storage-confirm[hidden],.storage-clear-confirm[hidden]{display:none}
@media(max-width:600px){.storage-card{grid-column:auto}.storage-warning{max-width:95px;overflow:hidden;text-overflow:ellipsis}}

.storage-warning.enabled{border-color:#96e4b2;background:#185b32;color:#e7fff0}
.storage-warning.enabled:hover{background:#217540}
