/* Read-only package custody information in the resident visual language. */
#section-packages{font:16px/1.6 var(--font-body);color:var(--dark)}
#section-packages>.page-header{height:auto;min-height:0;max-width:1256px;margin:auto;padding:44px 44px 12px;border:0;background:none}
#section-packages>.page-header h2{font:500 44px/1.15 var(--font-heading);letter-spacing:-.015em;text-transform:none;color:var(--dark)}
#section-packages .breadcrumb{font:500 12px/1.5 var(--font-body);letter-spacing:.1em;color:var(--resident-soft);margin-bottom:10px}
#section-packages>.page-header p{font:400 15px/1.6 var(--font-body)!important;color:var(--resident-soft)!important;margin-top:12px!important}
#section-packages>.page-content{max-width:1256px;margin:auto;padding:24px 44px 90px;gap:24px}
#section-packages .packages-overview-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
#section-packages .packages-overview-card{border:1px solid var(--resident-line);border-radius:12px;background:var(--resident-paper);padding:24px;min-height:0}
#section-packages .packages-overview-primary{border-left-width:1px;gap:18px}
#section-packages .packages-overview-icon{border:0;background:#eee8dc;border-radius:10px;color:#807154}
#section-packages .packages-overview-value{font:500 40px/1.2 var(--font-heading);color:var(--dark);margin:6px 0}
#section-packages .packages-overview-label{font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-packages .packages-overview-copy,#section-packages .packages-pickup-guidance p{font:400 14px/1.6 var(--font-body);color:var(--resident-soft);margin:8px 0 0}
#section-packages .packages-pickup-guidance h3{font:500 26px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:6px 0}
#section-packages .packages-records-card{padding:0;border:0;background:transparent}
#section-packages .packages-records-header{gap:20px;margin-bottom:22px;align-items:center}
#section-packages #packageRecordsHeading{font:500 28px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:0 0 8px}
#section-packages .packages-records-header p{font:400 14px/1.6 var(--font-body);color:var(--resident-soft);margin:0}
#section-packages .packages-filter-field label{font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-packages #packageStatusFilter{appearance:none;-webkit-appearance:none;font:400 16px/1.5 var(--font-body);min-height:52px;border:1px solid var(--resident-line);border-radius:8px;background:var(--resident-paper);color:var(--dark);padding:12px 40px 12px 14px}
#section-packages .packages-records-meta{font:400 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft);margin-bottom:18px}
#section-packages .package-record-card{background:var(--resident-paper);border:1px solid var(--resident-line);border-radius:12px;padding:24px;margin:0 0 14px;gap:18px}
#section-packages .package-record-icon{border:0;border-radius:8px;background:#eee8dc;color:#807154}
#section-packages .package-record-kicker{font:500 13px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft)}
#section-packages .package-record-title{font:600 17px/1.5 var(--font-body);letter-spacing:0;text-transform:none;margin:4px 0;color:var(--dark)}
#section-packages .package-record-heading{align-items:flex-start;gap:16px}
#section-packages .package-status-badge{font:500 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none;white-space:normal;border:0;border-radius:20px;padding:5px 10px;background:#eeeae2;color:#625d55}
#section-packages .package-record-card[data-package-label="Ready for pickup"] .package-status-badge{background:#e8efe6;color:#3e5b3d}
#section-packages .package-record-card[data-package-label="Received at desk"] .package-status-badge{background:#e9eeef;color:#435b65}
#section-packages .package-record-card[data-package-label="Held at front desk"] .package-status-badge,#section-packages .package-record-card[data-package-label="Record incomplete"] .package-status-badge,#section-packages .package-record-card[data-package-label="Pickup not confirmed"] .package-status-badge{background:#f2ead9;color:#735f39}
#section-packages .package-record-details{font:400 14px/1.6 var(--font-body);gap:16px;margin-top:14px}
#section-packages .package-record-details strong{font:500 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none;color:var(--resident-soft);margin-bottom:3px}
#section-packages .package-record-note{font:400 14px/1.6 var(--font-body);color:var(--resident-soft);margin-top:16px;padding-top:14px;border-color:var(--resident-line)}
#section-packages .package-history{margin-top:28px;border-top:1px solid var(--resident-line);padding-top:20px}
#section-packages .package-history summary{font-size:15px;margin-bottom:18px;cursor:pointer}
#section-packages .package-section-heading{font:500 23px/1.3 var(--font-heading);letter-spacing:0;text-transform:none;margin:0 0 16px}
#section-packages .btn{font:500 14px/1.5 var(--font-body);min-height:46px;border:1px solid var(--resident-line);border-radius:8px;letter-spacing:0;text-transform:none;color:var(--dark);background:var(--resident-paper)}
#section-packages :is(button,select,summary):focus-visible{outline:2px solid #7d6943;outline-offset:3px}
@media(max-width:1000px){#section-packages>.page-header{padding:32px 26px 10px}#section-packages>.page-content{padding:20px 26px 90px}}
@media(max-width:600px){#section-packages>.page-header{padding:30px 20px 8px}#section-packages>.page-header h2{font-size:38px}#section-packages>.page-content{padding:22px 20px 110px}#section-packages .packages-overview-grid{grid-template-columns:minmax(0,1fr);gap:14px}#section-packages .packages-overview-card,#section-packages .package-record-card{padding:20px}#section-packages .packages-records-header,#section-packages .package-record-heading{flex-direction:column;align-items:stretch}#section-packages .packages-filter-field{width:100%}#section-packages .package-record-icon{display:none}#section-packages .package-record-card{grid-template-columns:minmax(0,1fr)}#section-packages .package-status-badge{align-self:flex-start}#section-packages .package-record-details{grid-template-columns:minmax(0,1fr)}}
#section-packages .package-pickup-pass{display:flex;gap:16px;align-items:center;margin-top:14px;padding:12px 14px;border:1px solid #e6e0d4;border-radius:14px;background:#fbf8f2}
#section-packages .package-qr{display:block;flex:none;border-radius:10px;background:#fff;border:1px solid #e6e0d4;padding:4px}
#section-packages .package-pickup-code-label{display:block;font:500 11px/1.4 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:#7a7266}
#section-packages .package-pickup-code{display:inline-block;font:500 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.22em;color:#2b2622}
#section-packages .package-pickup-pass small{display:block;margin-top:4px;font-size:12px;color:#7a7266}
#section-packages .packages-pass{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
#section-packages .packages-pass h3{margin:0 0 6px}
#section-packages .packages-pass p{margin:0 0 10px;font-size:13px;color:#625d55}
#section-packages .package-delegations{margin-top:18px}
#section-packages .package-delegation-form{display:grid;gap:12px;margin:12px 0 18px}
#section-packages .package-delegation-fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
#section-packages .package-delegation-fields .form-label{display:grid;gap:6px}
#section-packages .package-delegation-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#section-packages .package-delegations-list{display:grid;gap:12px}
#section-packages .package-delegation{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid #e6e0d4;border-radius:14px;background:#fff}
#section-packages .package-delegation.is-closed{opacity:.72}
#section-packages .package-delegation-main{flex:1;min-width:0}
#section-packages .package-delegation .package-pickup-code{font-size:16px}
@media (max-width:480px){#section-packages .package-pickup-pass{flex-direction:column;align-items:flex-start}}