/* ------------------------------------------------ the cart page (cart/index.html) */
.step .body .cartfiles { margin: 10px 0 0 42px; }
.cartfiles label { display: block; margin: 10px 0 4px; font-weight: 600; }
.cartfiles input { max-width: 420px; }
.cartfiles .small { margin: 10px 0 0; }
@media (max-width: 520px) { .step .body .cartfiles { margin-left: 0; } }
.savelist li.got { color: var(--ok); }
.savelist li.got::after { content: "  saved"; font-weight: 600; }
.step .body .filenotes { margin: 10px 0 0 42px; color: var(--warn); font-size: 0.95rem; }
@media (max-width: 520px) { .step .body .filenotes { margin-left: 0; } }
.stagelist[hidden] { display: none; }
.patchpanel { border-left-color: var(--accent); margin-bottom: 14px; }
.patchpanel .choice { display: flex; gap: 10px; align-items: flex-start; padding: 6px 0; font-weight: 400; cursor: pointer; }
.patchpanel .choice input { width: auto; margin-top: 6px; }
.step .body .ownfile { margin: 14px 0 0 42px; }
@media (max-width: 520px) { .step .body .ownfile { margin-left: 0; } }
.advanced { display: flex; gap: 8px; align-items: flex-start; margin: 8px 0; font-size: 0.92rem; }
.advanced input { width: auto; margin-top: 5px; }
#shelf-panel .gbc-cart-grid { margin: 10px 0; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
#shelf-panel .gbc-cart { max-width: 132px; }
#shelf-panel .gbc-cart.is-picked { outline: 3px solid var(--accent); outline-offset: 5px; border-radius: 6px; transform: translateY(-3px); }
#shelf-name { font-weight: 600; margin: 8px 0 4px; }
.choice-bar { margin: 0 0 10px; padding: 10px 14px; border-radius: 10px; background: var(--card); border: 2px solid var(--accent); font-weight: 600; }
button.linkish { background: none; border: 0; padding: 0; color: var(--focus); text-decoration: underline; font: inherit; cursor: pointer; }
.pickgrid { margin: 12px 0 0 42px; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); }
.pickgrid .gbc-cart { max-width: 132px; }
.pickgrid .gbc-cart.is-picked { outline: 3px solid var(--accent); outline-offset: 5px; border-radius: 6px; transform: translateY(-3px); }
.pickgrid .gbc-cart.pick-patch { --gbc-cart: #5a5f73 !important; }
.pickgrid .gbc-cart.pick-own { --gbc-cart: #c9c9d1 !important; }
.step .body .pick-name { margin: 14px 0 2px 42px; font-weight: 650; }
.step .body #pick-desc, .step .body #pick-notes, .step .body #pick-problem, .step .body #shelf-off { margin-left: 42px; }
@media (max-width: 520px) { .pickgrid, .step .body .pick-name, .step .body #pick-desc, .step .body #pick-notes, .step .body #pick-problem, .step .body #shelf-off { margin-left: 0; } }
.pickgrid .gbc-cart.pick-save { --gbc-cart: #c9c9d1 !important; }
.step .body .usersav { margin: 12px 0 0 42px; }
.usersav label { display: block; margin: 0 0 6px; font-weight: 650; }
.usersav input { max-width: 420px; }
.usersav .small { margin: 8px 0 0; }
.step .body .usersav .filenotes { margin-left: 0; }
@media (max-width: 520px) { .step .body .usersav { margin-left: 0; } }
#copy-only { text-align: left; }