/* Alfa Food B2B V2.8 • Saved shopping lists, scoped to approved customers */
.af-list-page{max-width:1200px;margin:0 auto}
.af-list-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 25px}
.af-list-hero h1{font-size:clamp(30px,4.6vw,52px);letter-spacing:-.04em;line-height:1.1;margin:8px 0}
.af-list-hero p{color:var(--muted);max-width:650px;margin:0;line-height:1.6}
.af-list-back{display:inline-flex;color:var(--ok);font-weight:800;padding-bottom:8px}
.af-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.af-list-tile{background:#fff;border:1px solid #dce8de;border-radius:24px;min-height:132px;padding:22px;display:flex;align-items:center;gap:16px;box-shadow:0 12px 26px rgba(9,64,45,.06);transition:transform .18s,box-shadow .18s}
.af-list-tile:hover{transform:translateY(-3px);box-shadow:0 22px 36px rgba(9,64,45,.11)}
.af-list-tile>span:nth-child(2){flex:1;min-width:0;display:grid;gap:8px}
.af-list-tile strong{font-size:19px;color:#153d2d;overflow-wrap:anywhere}.af-list-tile small{color:#638073;font-size:13px}
.af-list-tile-icon{display:grid;place-items:center;flex:none;width:55px;height:55px;background:#e5f2e9;color:#19543c;border-radius:18px;font-size:27px}
.af-list-tile>span:last-child{color:#19543c;font-size:30px}
.af-new-list{margin:16px 0}.af-new-list h2{margin:0 0 8px}.af-new-list-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;max-width:680px}
.af-new-list-form .btn{white-space:nowrap}.af-list-operations{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.af-rename{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.af-rename label{color:var(--muted);font-size:13px;font-weight:800}.af-rename .input{width:240px;max-width:100%}
.af-saved-item-list{display:grid;gap:12px}.af-saved-item{display:grid;grid-template-columns:95px minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff;border:1px solid #e0e9e0;padding:16px;border-radius:20px;box-shadow:0 10px 22px rgba(15,59,35,.05)}
.af-saved-image{height:95px;width:95px;background:#eef4f1;border-radius:14px;display:grid;place-items:center;font-size:34px;color:#a4b9ab;overflow:hidden}
.af-saved-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.af-saved-info{min-width:0;display:grid;gap:5px}.af-saved-info>small{color:var(--ok);font-weight:900}.af-saved-info strong{font-size:16px;color:#153c2d;overflow-wrap:anywhere}
.af-unavailable{font-size:12px;font-weight:900;color:#a33232}
.af-saved-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.af-saved-qty{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.af-saved-qty label{font-size:12px;font-weight:800;color:var(--muted)}.af-saved-qty input{width:86px;max-width:100%}
.af-add-all-bar{position:sticky;z-index:20;bottom:12px;background:#134e35;color:#fff;padding:18px 22px;border-radius:20px;box-shadow:0 14px 40px rgba(10,45,28,.25);display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0 8px}
.af-add-all-bar>div{display:grid;gap:6px}.af-add-all-bar span{color:#cbe3d1;font-size:13px}
.af-add-all-bar .btn{background:#f5bd62;border-color:#f5bd62;color:#183c2e;font-weight:1000}
.af-list-empty{text-align:center;padding:42px}.af-list-empty>div{font-size:70px;line-height:1;color:#9db5a4}
.af-save-form{margin-top:8px}.af-save-row{display:flex;gap:7px;align-items:stretch}.af-save-row select{min-width:0;flex:1;border:1px solid #dbe5dc;border-radius:12px;padding:9px 8px;max-width:calc(100% - 90px);min-height:42px;background:#fff;font-size:12px}
.af-save-btn{min-height:42px;padding:8px 12px;border-radius:12px;background:#f0f8f1;border:1px solid #c7e4d0;color:#18563a;font-weight:900;white-space:nowrap;font-size:12px;flex:1}
.af-save-btn:hover{background:#dff4e5}.af-list-catalog-ctas{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:950px){.af-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-saved-item{grid-template-columns:75px minmax(0,1fr);gap:12px}.af-saved-image{width:75px;height:75px}.af-saved-actions{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:700px){.af-list-hero{flex-direction:column;align-items:stretch}.af-list-grid{grid-template-columns:minmax(0,1fr)}.af-list-tile{min-height:104px;padding:18px}.af-new-list-form{grid-template-columns:1fr}.af-list-operations,.af-rename{align-items:stretch;flex-direction:column}.af-rename .input{width:100%}.af-rename button,.af-list-operations button{width:100%}.af-saved-item{grid-template-columns:64px minmax(0,1fr);padding:13px}.af-saved-image{width:64px;height:64px}.af-saved-qty input{width:95px}.af-add-all-bar{bottom:calc(79px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;padding:16px}.af-add-all-bar .btn{width:100%}.af-list-catalog-ctas{display:grid;grid-template-columns:1fr 1fr}.af-list-catalog-ctas .btn{width:100%;font-size:12px}.af-save-row{flex-wrap:wrap}.af-save-row select{max-width:100%}.af-save-btn{width:auto}}
@media(prefers-reduced-motion:reduce){.af-list-tile{transition:none}}