/* v4.5 Daily Lunch Packing */
.packing-tool{width:44px;padding:8px;font-size:20px}.packing-tool.active{background:#e8f7ee!important;color:#176d42}.packing-view{max-width:1050px;margin:0 auto}.packing-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:8px 4px 14px}.packing-heading>div{display:flex;align-items:center;gap:12px}.packing-heading-icon{font-size:42px}.packing-heading small{display:block;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#66809d}.packing-heading h1{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-1px}.packing-heading p{margin:0 0 4px;color:var(--muted);font-weight:700}.packing-date-nav{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;border-radius:20px;padding:9px 12px;box-shadow:var(--shadow);margin-bottom:16px}.packing-date-nav>button{border:0;border-radius:12px;background:#eaf6ff;color:var(--ink);min-width:42px;height:42px;font-weight:900;font-size:25px}.packing-date-nav .packing-today{font-size:13px;padding:0 13px}.packing-date-nav div{text-align:center;min-width:260px}.packing-date-nav small{display:block;color:#66809d;font-weight:800}.packing-date-nav strong{font-size:17px}.packing-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.packing-child-card{background:#fff;border-radius:24px;padding:16px;box-shadow:var(--shadow)}.packing-child-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:2px solid #f1f4f8}.packing-child-name{display:flex;align-items:center;gap:10px}.packing-child-name>span{font-size:38px}.packing-child-name h2{margin:0;font-size:24px}.packing-child-name small{color:var(--muted);font-weight:700}.packing-edit{border:0;background:#eef7ff;color:#27618e;border-radius:12px;padding:8px 10px;font-size:12px;font-weight:850}.packing-group{margin-top:14px;border:2px solid #edf1f5;border-radius:18px;overflow:hidden}.packing-group-title{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:14px}.packing-group-title span{font-size:20px}.packing-group-title b{font-size:14px}.packing-group.lunch-group{border-color:#dcecf8}.packing-group.lunch-group .packing-group-title{background:#edf8ff;color:#275d87}.packing-group.snack-group{border-color:#eadff8}.packing-group.snack-group .packing-group-title{background:#f6efff;color:#70459c}.packing-items{display:grid;gap:8px;padding:10px;background:#fff}.packing-item{width:100%;display:grid;grid-template-columns:34px 48px 1fr;align-items:center;gap:9px;text-align:left;border:2px solid #edf1f5;background:#fff;border-radius:15px;padding:9px 11px;color:var(--ink)}.packing-item:hover{background:#fafcff}.packing-check{width:28px;height:28px;border:3px solid #b8c7d6;border-radius:9px;display:grid;place-items:center;font-weight:1000;color:#fff}.packing-food-icon{font-size:34px;text-align:center}.packing-food-icon .food-icon-img{width:38px;height:38px}.packing-item-text small,.packing-item-text b{display:block}.packing-item-text small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#708398;font-weight:850}.packing-item-text b{font-size:16px}.packing-item.packed{background:#eef9f2;border-color:#bde4ca;opacity:.72}.packing-item.packed .packing-check{background:#28b86f;border-color:#28b86f}.packing-item.packed .packing-item-text b{text-decoration:line-through}.packing-status{display:flex;align-items:center;gap:12px;border-radius:17px;padding:15px;margin-top:13px}.packing-status>span{font-size:36px}.packing-status b,.packing-status small{display:block}.packing-status small{margin-top:2px;color:#5e7186;font-weight:650}.packing-status.school{background:#eaf7ff}.packing-status.closed{background:#f2f5f7}.packing-status.missing{background:#fff5df}
@media(max-width:760px){.packing-family-grid{grid-template-columns:1fr}.packing-heading{align-items:flex-start;flex-direction:column}.packing-heading p{margin-left:54px}.packing-date-nav div{min-width:0;flex:1}.packing-date-nav strong{font-size:14px}.packing-tool{width:40px}.packing-child-card{padding:13px}}
@media(max-width:470px){.packing-heading p{margin-left:0}.packing-date-nav{gap:5px}.packing-date-nav .packing-today{padding:0 8px}.packing-child-card>header{align-items:flex-start}.packing-edit{max-width:92px}}