/* fileserve recipient-inbox styles — layered ON TOP of brand.css (the shared
   public site theme). Header / body / footer / nav chrome all come from brand.css;
   this file only styles the inbox card + the "files shared with you" list, using
   brand.css's CSS variables so it stays in lock-step with the site look. */

.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px 22px;box-shadow:var(--shadow-sm);margin-bottom:16px}
.cardhead{font-size:16px;margin:0 0 8px;font-weight:650;letter-spacing:-.005em}
.muted{color:var(--text-dim)}
main .gate{border-color:#e6c6d0;background:#fdf6f8;color:var(--text)}
.gate a{color:var(--accent);font-weight:600}

.mine{display:grid;gap:8px;margin-top:6px}
.fileItem{display:flex;align-items:center;gap:12px;justify-content:space-between;
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 13px;background:var(--surface)}
.fileItem .meta{min-width:0}
.fileItem .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fileItem .sub{font-size:12.5px;color:var(--text-faint)}
.fileItem .dl{flex:none;text-decoration:none;font-size:13px;font-weight:600;
  color:var(--accent-ink);background:linear-gradient(140deg,var(--accent-2),var(--accent-deep));
  padding:7px 15px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);
  transition:transform .12s,box-shadow .15s}
.fileItem .dl:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.fileItem .dl:active{transform:translateY(0)}