/* 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)}}