[hidden]{display:none!important}
.storage{max-width:980px;padding-block:48px 70px}
.storage h1{font-size:clamp(50px,8vw,82px);margin-bottom:18px}
.storage h2,dialog h2{font-size:clamp(25px,4vw,36px);margin:0 0 14px}
.notice{padding:12px 16px;background:#eeebf6;border-radius:8px}
.panel,.metric{background:white;border:1px solid var(--edge);border-radius:14px;padding:22px;margin:20px 0}
.access{max-width:525px}
.storage label,dialog label{display:grid;gap:5px;font-weight:650}
.storage input,.storage select,dialog input,dialog select,dialog textarea{padding:9px 11px;width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid #b8b5ae;border-radius:6px}
.access input{margin-bottom:12px}
.storage button,dialog button{font:inherit;cursor:pointer}
.storage button:not(.button),dialog button:not(.button){padding:7px 11px;background:white;border:1px solid #aaa7a1;border-radius:6px;color:inherit}
.workspace-bar,.dialog-head,.row-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dialog-head{justify-content:space-between;align-items:start}
.stats,.box-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.metric{margin-block:12px}.metric strong{display:block;font-size:28px}
.filters{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px}
.box-card{border:1px solid var(--edge);border-radius:9px;padding:14px;min-width:0;overflow-wrap:anywhere}
.box-card h3{font-size:21px;margin:10px 0}.box-card p{margin-bottom:8px}
.box-card img{width:100%;height:120px;object-fit:cover;border-radius:5px}
.badge{background:#eae8f3;border-radius:15px;padding:3px 8px;font-size:12px;font-weight:700}
.activity-row{padding:12px 0;border-top:1px solid var(--edge)}
.activity-row p{margin:4px 0 8px;overflow-wrap:anywhere}
dialog{width:min(540px,calc(100% - 32px));max-height:90dvh;color:var(--ink);background:white;border:1px solid var(--edge);border-radius:14px;padding:22px}
dialog::backdrop{background:#24243699}
#fields{display:grid;gap:12px}
#fields fieldset{border:1px solid var(--edge);border-radius:6px}
#fields .pick{display:flex;align-items:center;gap:8px}
#fields .pick input{width:auto}
#feedback,#dialog-feedback{color:#793920}
@media(max-width:550px){.filters{grid-template-columns:1fr}.panel{padding:15px}}

/* Brand styling shared with the original public site. */
:root {
  --ink: #323232;
  --muted: #595959;
  --bg: #fff;
  --accent: #ff4040;
  --edge: #ddd;
}
body { font-family: 'avenir-lt-w01_35-light1475496', sans-serif; }
.storage h1, .storage h2, .storage h3, dialog h2 {
  font-family: oswald-medium, oswald, sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}
.storage-logo img { display: block; max-width: min(184px, 40vw); height: auto; }
.storage .button, dialog .button {
  background: #d92329;
  border-color: #d92329;
  color: white;
  border-radius: 100px;
  padding-inline: 19px;
}
.storage .button:hover, dialog .button:hover { background: #b5171d; }
.storage :focus-visible, dialog :focus-visible { outline-color: #c51e23; }
.notice, .badge { background: #fff1f1; }