/* 收货地址管理页（/member/addresses，2026-09-29 起是个人中心的工作台内页）。
   表单与按钮样式复用 rental-checkout.css 的 .co-btn/.addr-form/.addr-grid/.region-pick，
   外层卡片用工作台的 .wb-panel，这里只放管理页独有的表格样式。
   页面内边距由工作台壳的 `main{padding:28px}` 提供，本文件不再自带 .address-page 的 padding。 */

.addr-table-wrap {
    margin-top: 12px;
    overflow-x: auto
}

.addr-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px
}

.addr-table th,
.addr-table td {
    padding: 12px 12px;
    border-bottom: 1px solid #f0f1f3;
    color: #4c5461;
    text-align: left;
    vertical-align: middle
}

.addr-table th {
    background: #f7f8fa;
    color: #5f6874;
    font-weight: 700;
    white-space: nowrap
}

.addr-table td b {
    color: #313a46
}

.addr-table tbody tr:last-child td {
    border-bottom: 0
}

.addr-table tbody tr:hover td {
    background: #fcfcfd
}

.addr-table td.op {
    white-space: nowrap
}

/* 操作列改成按钮（2026-09-29 用户要求：原来是无边框文字链接，不像按钮）。
   ⚠️ min-height / display 必须显式写：全站注入的 commerce.css 有
   `body button,[type=button],[type=submit]{min-height:42px;display:inline-flex}`（无 !important），
   本条 (0,2,3) 高于它的 (0,0,2)，能压住 —— 不写就被撑成 42px 高的胖按钮，表格行高直接翻倍。 */
.addr-table td.op button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    min-height: 0;
    margin-right: 8px;
    padding: 5px 12px;
    border: 1px solid #d8dbe0;
    border-radius: 6px;
    background: #fff;
    color: #313a46;
    font-size: 13px;
    line-height: 1.4;
    cursor: pointer;
    transition: border-color .15s, color .15s, background .15s
}

.addr-table td.op button:hover {
    border-color: #c9131b;
    color: #c9131b
}

.addr-table td.op button.danger {
    border-color: #f0b4b7;
    color: #c9131b
}

.addr-table td.op button.danger:hover {
    background: #fdf3f3
}

.addr-table-empty {
    padding: 26px 0 !important;
    color: #8b95a5;
    text-align: center
}

/* 已是默认时不给「设为默认」按钮，避免点了没反应（与操作按钮同一基线对齐） */
.addr-op-done {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    color: #8b95a5;
    font-size: 13px
}

.addr-default {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 14px;
    color: #4c5461;
    font-size: 13px;
    cursor: pointer
}

.addr-default input {
    width: 15px;
    height: 15px;
    margin: 0
}

/* 收货人列：姓名 + 标签（默认 / 家 / 公司…）。2026-09-30 用户反馈「这个公司标签显示的很乱」——
   根因是表格里只吃到了下面那条 .default 的「背景 + 颜色」，而 padding / 圆角 / 字号写在
   rental-checkout.css 的 `.addr-card .addr-tag` 里（作用域是确认订单页的地址卡片），表格里不生效：
   于是两个标签既没有间距也没有形状，挤成「默认公司」一坨。这里补一份表格用的完整标签样式，
   色值与卡片那份保持一致（#f1f3f5 底 / 4px 圆角）。
   ⚠️ 标签与姓名的间距用 flex gap 给，不给 .addr-tag 加 margin：圆点/换行时不会多出内边距。 */
.addr-table td .addr-cell {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px
}

.addr-table td .addr-tag {
    padding: 1px 6px;
    border-radius: 4px;
    background: #f1f3f5;
    color: #5a636e;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
    white-space: nowrap
}

/* ⚠️ 必须带 .addr-table td 前缀：上面那条是 (0,2,1)，裸的 `.addr-tag.default`（(0,2,0)）会被它压掉，
   默认标签的粉底红字就没了。 */
.addr-table td .addr-tag.default {
    background: #fff1ed;
    color: #c9131b
}
