.storage-shell { width: min(100% - 40px, 960px); margin: 48px auto; }
.storage-shell .page-intro #identity { margin-top: 12px; font-size: 13px; overflow-wrap: anywhere; }
#approved-repositories, #github-identity, #installation-help { overflow-wrap: anywhere; }
#workspace > section, #signed-out { border: 1px solid var(--line); border-radius: 16px; background: var(--panel); padding: 28px; margin: 20px 0; }
#workspace > section > h2 { margin-bottom: 10px; }
#workspace p, dialog p { color: var(--muted); font-size: 14px; margin: 8px 0 18px; }
#workspace button, dialog button { margin: 4px 8px 4px 0; }
#connect, #confirm, #create button[type=submit], #register button[type=submit], #metadata button[type=submit], #lifecycle-form button[type=submit] { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
#setup { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 32px; }
#setup > h2, #setup > label { grid-column: 1 / -1; margin: 0; }
#setup > label { max-width: 420px; }
#setup form { border-top: 1px solid var(--line); padding-top: 24px; }
#setup form h3 { margin-bottom: 20px; }
#register > button { margin-bottom: 18px; }
.card { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 20px; overflow-wrap: anywhere; }
.card h3 { margin: 0 0 10px; }
.card button { font-size: 13px; }
.card:only-child { margin-bottom: 0; }
#operations .card p { white-space: pre-wrap; }
#connections:empty::after, #vaults:empty::after, #operations:empty::after { display: block; margin-top: 18px; color: var(--muted); font-size: 13px; }
#connections:empty::after { content: "Connect storage to start syncing your vaults."; }
#vaults:empty::after { content: "Your connected vaults will appear here."; }
#operations:empty::after { content: "No recent operations. You’re all caught up."; }
dialog h2 { margin-bottom: 22px; }
dialog p { line-height: 1.6; }
@media (max-width: 680px) {
  .storage-shell { width: calc(100% - 32px); margin-top: 32px; }
  #workspace > section, #signed-out { padding: 23px; }
  #setup { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #workspace button, dialog button { max-width: 100%; }
}