.personal-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: 1rem 0; }
.personal-tabs a { padding: .45rem .75rem; border: 1px solid var(--line); border-radius: 999px; background: var(--card); }
.personal-tabs a[aria-current] { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }
.delivery-list { display: grid; gap: 1rem; }
.delivery-heading { display: flex; gap: 1rem; align-items: baseline; justify-content: space-between; flex-wrap: wrap; }
.delivery-heading h2 { margin: 0; overflow-wrap: anywhere; }
.delivery-facts { display: flex; flex-wrap: wrap; gap: .65rem 1.5rem; }
.delivery-facts dt { color: var(--muted); font-size: .85rem; }
.delivery-facts dd { margin: .15rem 0 0; }
.delivery-status { margin-bottom: 1rem; }
.delivery-status form { margin-left: .7rem; }
.personal-choice { display: flex; gap: 1rem; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); }
.personal-choice .check { flex: 1; }
.personal-choice .personal-order { width: 5rem; flex: none; }
.personal-order input { max-width: 5rem; }
.personal-quick-form { max-width: 620px; }
.personal-foot { text-align: right; margin-top: 1rem; }
.personal-dash-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin-bottom: .8rem; }
.personal-dash-head .actions { margin: 0; }
.personal-attention-more { padding: .2rem .85rem .7rem; }
.personal-attention-more summary { cursor: pointer; color: var(--muted); }
.personal-section-title { margin: 1.4rem 0 .6rem; }
@media(max-width:500px) { .delivery-status form { display: block; margin: .6rem 0 0; } .personal-dash-head .btn { padding: .45rem .7rem; } }