.potluck-panel{margin-block:1.2rem;background:linear-gradient(135deg,#fff 55%,#f2f6ff)}
.potluck-eyebrow{font-size:.72rem;letter-spacing:.1em;color:#3158d5;font-weight:800}
.potluck-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:16px;margin-top:18px}
.potluck-item{padding:18px;border:1px solid #dbe3f6;border-radius:20px;background:#fff;min-width:0}
.potluck-item h3{margin:6px 0;overflow-wrap:anywhere}.potluck-item small{display:block;color:#63708c}.potluck-item p{overflow-wrap:anywhere}
.potluck-covered{border-color:#abd8bd;background:#f7fcf8}.potluck-pill{padding:6px 10px;border-radius:12px;background:#fff3d9;font-size:.8rem;white-space:normal}.potluck-covered .potluck-pill{background:#dff3e5;color:#285b3d}
.potluck-mine{background:#ecedff;border-radius:18px;padding:16px;margin-top:16px}.potluck-mine h3{margin-top:0}.potluck-mine p{margin-bottom:0;overflow-wrap:anywhere}
.potluck-claims{list-style:none;padding:0}.potluck-claims li{padding:12px 0;border-bottom:1px solid #e7ebf5;overflow-wrap:anywhere}.potluck-claims .record-actions{margin-top:8px}
.potluck-panel .section-head,.potluck-panel .record-actions{flex-wrap:wrap}.potluck-panel .section-head>div{min-width:0}.potluck-panel button{white-space:normal;max-width:100%}
.participant-online-view.potluck-only #guest-shopping,.participant-online-view.potluck-only [data-guest-section="guest-shopping"]{display:none}
@media(max-width:600px){.potluck-panel{padding:16px}.potluck-grid{grid-template-columns:minmax(0,1fr)}.potluck-item{padding:14px}.potluck-panel .record-actions{gap:8px}.potluck-panel .section-head{align-items:flex-start}}
.potluck-status,.attendance-count{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #eed49a;border-radius:15px;background:#fff8e8;color:#865f16;flex-shrink:0;line-height:1.25}
.potluck-status strong,.attendance-count strong{display:block;font-size:.88rem;font-weight:800}.potluck-status small,.attendance-count small{display:block;color:inherit;font-size:.75rem;margin-top:3px}
.potluck-status-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#ffe9b5;font-size:1.15rem}
.potluck-status.complete{border-color:#b8ddc5;background:#edf9f0;color:#246b43}.potluck-status.complete .potluck-status-icon{background:#ccecd7}
.potluck-quantity-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64728e;font-size:.82rem;margin-top:18px}.potluck-quantity-summary strong{color:#253359;font-size:1.18rem}.potluck-quantity-summary>b{color:#3256d4}
.potluck-progress{height:7px;border-radius:20px;background:#eaf0fb;overflow:hidden;margin:9px 0 12px}.potluck-progress>span{display:block;height:100%;background:#5976ef;border-radius:inherit}.potluck-covered .potluck-progress>span{background:#52a576}.potluck-item-note{font-size:.82rem;color:#64728e}
.attendance-count{background:#eef1ff;border-color:#d7dfff;color:#3654bc;min-width:122px}.attendance-count strong{font-size:1.25rem}.attendance-count small{margin:0;font-weight:600}
@media(max-width:600px){.potluck-status{padding:8px 10px}.potluck-status strong{font-size:.8rem}.potluck-item>.section-head{gap:10px}.attendance-count{min-width:auto;padding:8px 12px}}
/* Dishes lead the overview; each row opens only the details that are needed. */
.potluck-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}
.potluck-panel>.section-head{margin-bottom:12px}.potluck-panel>.section-head h2{font-size:21px}
.potluck-item{padding:0!important;border-radius:14px}.potluck-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto 16px;align-items:center;gap:14px;min-height:66px;padding:12px 16px;cursor:pointer;list-style:none}.potluck-row::-webkit-details-marker{display:none}.potluck-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:14px}.potluck-row-name{min-width:0}.potluck-row-name>strong{display:block;font-size:14px;overflow-wrap:anywhere}.potluck-row-name>small{font-size:10px;margin-top:3px}.potluck-row-who{font-size:12px;color:#63708c;overflow-wrap:anywhere}.potluck-row .potluck-status{padding:6px 9px;gap:6px;border-radius:10px;font-size:11px;max-width:200px;flex-shrink:1}.potluck-row-arrow{color:#7b89a2;transition:transform .15s}.potluck-item[open]>.potluck-row .potluck-row-arrow{transform:rotate(180deg)}.potluck-item[open]>.potluck-row{border-bottom:1px solid #e4e9f5}.potluck-item-details{padding:2px 16px 16px}.potluck-item-details .potluck-quantity-summary{margin-top:14px}.potluck-item-details .potluck-claims{margin-bottom:12px}.potluck-mine{padding:10px 14px;margin-top:10px;border-radius:12px}.potluck-mine>summary{cursor:pointer;font-size:12px;font-weight:750}.potluck-mine p{font-size:12px;margin-top:8px}.potluck-panel>.help{margin-top:12px;font-size:10px}
@media(max-width:600px){.potluck-row{grid-template-columns:minmax(0,1fr) auto 12px;gap:6px 10px;padding:11px 12px}.potluck-row-name{grid-column:1;grid-row:1}.potluck-row-who{grid-column:1;grid-row:2;font-size:11px}.potluck-row .potluck-status{grid-column:2;grid-row:1/3;max-width:120px;font-size:10px}.potluck-row-arrow{grid-column:3;grid-row:1/3}.potluck-row-name>strong{font-size:13px}.potluck-item-details{padding:2px 12px 12px}}