.packing-content{max-width:780px;display:grid;gap:17px;padding-bottom:35px}
.packing-heading{max-width:780px}
.packing-summary,.packing-group{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(54,93,117,.05)}
.packing-summary{padding:21px 24px;display:grid;gap:16px}
.packing-summary>div{display:flex;align-items:center;gap:13px}
.packing-summary-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;background:#e5f3f6;color:#3b849e;flex:none}
.packing-summary-icon .icon{width:23px;height:23px}
.packing-summary strong,.packing-summary small{display:block}
.packing-summary strong{font-size:17px;color:var(--ink)}
.packing-summary small{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}
.packing-summary progress{width:100%;height:9px;accent-color:#70b4c3;border:0;border-radius:99px;overflow:hidden}
.packing-summary progress::-webkit-progress-bar{background:#e8eff2;border-radius:99px}
.packing-summary progress::-webkit-progress-value{background:#70b4c3;border-radius:99px}
.packing-memberbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px;color:var(--muted);font-size:12px}
.packing-memberbar .btn{min-height:34px;padding:6px 11px;font-size:12px;white-space:nowrap}
.packing-group{padding:4px 22px 6px}
.packing-group>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 0 11px}
.packing-group h2{font-size:16px;line-height:1.4;margin:0;color:var(--ink)}
.packing-group>header span{font-size:12px;color:var(--muted)}
.packing-item-row{display:flex;align-items:center;border-top:1px solid var(--line);min-height:58px;gap:8px}
.packing-item-row .pack-check{flex:1;min-width:0;min-height:56px;border:0;padding:6px 0;gap:12px}
.packing-item-row .pack-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:3px;text-align:left}
.packing-item-row .pack-name{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.packing-item-row .pack-name small{display:inline-block;margin-left:3px;padding:1px 6px;border-radius:7px;background:#e8f4f7;color:#356e89;font-size:11px;white-space:nowrap}
.packing-assignee{font-size:11px;color:#557989}
.packing-item-row .check-status{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;border:1.5px solid #9db9c0;background:#fff;color:#fff}
.packing-item-row .check-status.done{background:#5fa8b6;border-color:#5fa8b6}
.packing-item-row .check-status .icon{width:16px;height:16px}
.packing-suggestion{font-size:11px;color:#6f8992;background:#eaf3f4;padding:5px 8px;border-radius:99px;white-space:nowrap}
.packing-item-actions{display:flex;gap:2px;flex:none}
.packing-item-actions button{min-width:44px;min-height:36px;padding:8px 7px;font-size:13px;font-weight:700;color:#407c94;border-radius:8px}
.packing-item-actions button:hover,.packing-item-actions button:focus-visible{background:#e8f3f5}
.packing-item-actions [data-action="delete-packing"]{color:#a76565}
.packing-footnote{margin:1px 3px 0;line-height:1.5}
.packing-modal-note{font-size:12px;color:var(--muted);line-height:1.5;margin:0}
@media(max-width:600px){.packing-heading{align-items:flex-start;gap:14px}.packing-heading .btn{font-size:12px;white-space:nowrap}.packing-summary{padding:18px}.packing-group{padding:3px 17px 5px}.packing-item-actions button{padding:7px 5px}}