/* Weekly choices share the shelf's paper, type and control system. */
.weekly-planner{padding:22px 0 80px;scroll-margin-top:105px;min-height:560px}
.weekly-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.weekly-heading h2{font:600 clamp(25px,2.6vw,36px)/1.4 var(--display);letter-spacing:-.03em}.weekly-heading p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:10px}
.week-navigation{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0}.week-navigation label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:9px}.week-navigation input{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fffbf5;padding:7px 10px;font:13px var(--number);color:var(--ink);max-width:165px}.week-navigation>span{font:13px var(--number);font-variant-numeric:tabular-nums}.week-back{transform:rotate(180deg)}.week-navigation .icon-button{min-width:44px;min-height:44px}.week-navigation .text-button{min-height:44px}
.weekly-message{font-size:12px;color:var(--muted);line-height:1.8;margin:20px 0}.week-summary{display:flex;border-bottom:1px solid var(--line);padding:12px 0 25px;gap:50px}.week-summary>div{display:flex;flex-direction:column;gap:9px}.week-summary span{font-size:12px;color:var(--muted)}.week-summary strong{font:500 28px/1.2 var(--number);font-variant-numeric:tabular-nums}.week-summary>div:last-child{margin-left:auto;color:var(--orange-dark)}.rate-explanation{font-size:12px;color:var(--muted);line-height:1.8;margin:17px 0 7px}
.weekly-list{list-style:none;padding:0;margin:0}.weekly-row{display:grid;grid-template-columns:24px 48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.weekly-number{font:12px var(--number);color:var(--muted)}.weekly-row>img{width:48px;height:76px;object-fit:contain}.weekly-card-copy{min-width:0;display:flex;flex-direction:column;gap:10px}.weekly-card-title{font:500 15px/1.5 var(--number);text-align:left;overflow-wrap:anywhere;padding:0}.weekly-card-title:hover{color:var(--orange-dark);text-decoration:underline;text-underline-offset:4px}.weekly-card-copy>span{font-size:11px;color:var(--muted)}.rating-buttons{display:flex;gap:6px}.rating-buttons button{border:1px solid var(--line);background:#fffbf5;border-radius:9px;min-height:44px;min-width:58px;padding:9px 12px;font-size:12px;transition:background .15s}.rating-buttons button:hover{background:#e9e1d5}.rating-buttons [data-rate=like][aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.rating-buttons [data-rate=neutral][aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.rating-buttons [data-rate=dislike][aria-pressed=true]{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}.rating-buttons button:disabled{opacity:.55;cursor:wait}
.weekly-empty{text-align:center;padding:60px 20px}.weekly-empty>.icon{width:42px;height:42px;color:var(--orange-dark);margin-bottom:20px}.weekly-empty h3{font:600 25px/1.5 var(--display)}.weekly-empty p{max-width:440px;margin:17px auto 25px;color:var(--muted);font-size:13px;line-height:1.9}
.weekly-editor{max-width:690px;padding:32px}.weekly-editor>p{font-size:12px;line-height:1.9}.weekly-editor-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:23px 0 17px}.weekly-editor-tools strong{margin-left:auto;font:500 14px var(--number);white-space:nowrap}.weekly-editor .week-owned-filter{display:flex;align-items:center;gap:9px;font-size:12px;margin:13px 0}.weekly-editor .week-owned-filter input,.week-option input{width:19px;min-height:19px;height:19px;flex-shrink:0;accent-color:var(--green);padding:0}.week-options{max-height:36dvh;overflow:auto;overscroll-behavior:contain;scrollbar-color:#b1a28b transparent;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.week-option{display:flex;align-items:center;gap:13px;padding:11px 7px;border-bottom:1px solid var(--line);cursor:pointer;min-height:64px}.week-option:last-child{border:0}.week-option:has(input:checked){background:#e9eee4}.week-option:has(input:disabled:not(:checked)){opacity:.6;cursor:default}.week-option:has(input:focus-visible){outline:2px solid var(--green);outline-offset:-2px}.week-option img{width:27px;height:43px;object-fit:contain}.week-option>span{font:500 13px/1.5 var(--number);overflow-wrap:anywhere}.week-option small{display:block;font:11px/1.7 var(--sans);color:var(--muted);margin-top:3px}.weekly-editor .form-error{font-size:12px;line-height:1.7;margin-bottom:12px}.week-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}.week-editor-footer p{font-size:11px;line-height:1.8;max-width:270px;color:var(--muted)}.week-editor-footer .pill{flex-shrink:0}.week-no-results{padding:25px;font-size:12px;color:var(--muted);line-height:1.8}.modal form input+label{margin-top:16px}.weekly-heading .pill,.weekly-editor .pill,.weekly-empty .pill{min-height:44px}.weekly-planner button:disabled,.weekly-editor button:disabled{opacity:.5;cursor:default}
@media(max-width:850px){.weekly-row{grid-template-columns:22px 43px minmax(0,1fr);gap:13px}.weekly-row>img{width:43px;height:68px;grid-row:span 2}.weekly-number{grid-row:span 2}.rating-buttons{grid-column:3;flex-wrap:wrap}.rating-buttons button{min-width:65px;flex:1}.weekly-heading{align-items:flex-start}.week-summary{gap:28px}.week-navigation{gap:8px}.week-navigation>span{order:5;width:100%;padding-left:8px}.weekly-card-title{font-size:14px}}
@media(max-width:540px){.weekly-heading{display:block}.weekly-heading>.pill{margin-top:20px}.week-summary{gap:18px;flex-wrap:wrap}.week-summary>div{min-width:60px}.week-summary strong{font-size:24px}.week-summary span{font-size:10px}.week-summary>div:last-child{margin-left:0}.weekly-editor{padding:28px 20px}.weekly-editor-tools{gap:9px}.weekly-editor-tools .pill{font-size:11px;padding:9px 14px}.weekly-editor-tools strong{font-size:12px}.week-editor-footer{display:block;padding-top:14px}.week-editor-footer p{max-width:none;margin-bottom:12px}.week-editor-footer .pill{width:100%}.weekly-card-title{font-size:13px}.weekly-row{gap:11px}.rating-buttons button{padding:9px 5px;min-width:54px;font-size:11px}.week-options{max-height:32dvh}.week-navigation .text-button{font-size:11px}}