/* Boxes list only. Home continues to use its unchanged card renderer. */
.boxes-page .boxgrid{min-width:0}
.boxes-page .boxcard{min-width:0;background-image:linear-gradient(145deg,rgba(255,253,249,.35),transparent 75%);border-color:rgba(66,39,53,.08);box-shadow:inset 0 1px rgba(255,255,255,.65),0 3px 10px rgba(66,39,53,.035)}
.boxes-page .boxes-empty-note{font-size:15px;line-height:1.6;color:var(--muted);margin-top:24px}
.boxes-page .boxes-covered{position:relative}
.boxes-page .boxes-cover-photo{position:absolute;right:16px;top:16px;display:block;width:32px;height:32px;object-fit:cover;border-radius:50%;border:0;box-shadow:none;pointer-events:none}
.boxes-page .boxes-covered .collection-dot{visibility:hidden}
.box-cover-options .setting{gap:12px}
.box-cover-options .note{margin-top:16px}
.box-cover-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.box-cover-choice{position:relative;min-width:0;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}
.box-cover-choice[aria-pressed="true"]{border-color:var(--plum);box-shadow:0 0 0 1px var(--plum)}
.box-cover-choice img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:7px}
.box-cover-choice span{display:block;font-size:13px;line-height:1.5;margin-top:6px;overflow-wrap:anywhere}
.box-cover-choice>.icon{position:absolute;right:8px;top:8px;background:var(--paper);color:var(--plum);border-radius:50%;pointer-events:none}
@media(max-width:350px){.box-cover-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Content-sized cover sheets only; other sheets keep their current layout. */
.sheet.box-cover-sheet{height:auto;min-height:0;max-height:85dvh;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}
.box-cover-sheet .sheethead{margin-bottom:8px}
.box-cover-options .setting{min-height:58px;padding:12px 0;text-align:left;color:var(--plum)}
.box-cover-options .grow{min-width:0;overflow-wrap:anywhere}
.cover-swatch{width:28px;height:28px;border-radius:9px;background:#e8dfe9;border:1px solid #42273512;flex-shrink:0}
.collection-swatch{background:#e8dfcd url('/covers/champagne.svg') center/cover}
.box-cover-options .cover-upcoming{opacity:1;color:#8b8086;cursor:default}
.cover-soon{font-size:12px;line-height:1.4;padding:4px 7px;border-radius:8px;background:#eee8e3;flex-shrink:0}
.box-cover-sheet .box-cover-picker{gap:10px;margin:12px 0}
.box-cover-sheet .box-cover-choice span{font-size:13px;min-height:2.8em}
.box-cover-sheet .box-cover-choice img{aspect-ratio:4/3}
.boxes-page .boxcard h3{overflow-wrap:anywhere}