/* ==========================================================================
   2026-11-11 可用性整站调整（手机 + PC）
   加载顺序：位于 mobile.css 之后，作为最后一层覆盖，避免与历史样式冲突
   1. 通用：隐藏属性兜底、金额数字对齐
   2. 工作台：待处理事项 / 收支明细日期折叠
   3. 房间管理 PC：表格列宽自适应 + 横向滚动
   4. 租户管理 PC：操作列换行，消除 1359px 溢出
   5. 收支账单：时间范围胶囊
   6. 手机：小区管理页头 / 小区卡片密度
   7. 手机：维护筛选两行
   8. 手机：房间卡照片徽章、状态色
   ========================================================================== */

/* ---------- 1. 通用 ---------- */
.overview-finance-custom[hidden] { display: none !important; }
#overview-finance .finance-item strong,
.ledger-summary .summary-card strong,
#todo-list .expense-text { font-variant-numeric: tabular-nums; }
#todo-list .todo-row { align-items: flex-start; gap: 10px; }
#todo-list .todo-row > div { min-width: 0; }
#todo-list .todo-row small { display: block; margin-top: 2px; color: #5f7880; font-size: 11.5px; line-height: 1.45; }
#todo-list .todo-row .expense-text { white-space: nowrap; font-size: 12.5px; }
#todo-list .todo-row .mini-button { flex: 0 0 auto; min-width: 58px; height: 26px; padding: 0 9px; border-radius: 7px; font-size: 11.5px; }
#todo-list .todo-more { display: block; width: 100%; margin-top: 6px; padding: 9px 0 3px; border: 0; border-top: 1px dashed #dce8ec; background: transparent; color: #167fae; font-size: 12px; font-weight: 700; cursor: pointer; text-align: center; }
#todo-list .todo-dot.green { background: #1a9c72; }
#todo-list .todo-dot.blue { background: #2b7fc0; }

/* ---------- 2. 收支账单：时间范围胶囊 ---------- */
.ledger-filters .ledger-range { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
.ledger-filters .ledger-range button { height: 32px; padding: 0 13px; border: 1px solid #d5e4e9; border-radius: 999px; background: #fff; color: #435f6b; font-size: 12.5px; font-weight: 700; cursor: pointer; }
.ledger-filters .ledger-range button.active { border-color: #0f766e; background: #0f766e; color: #fff; }
.ledger-filters .ledger-range-text { color: #5f7880; font-size: 12px; font-weight: 700; }
#ledger.view > .ledger-filters { row-gap: 10px !important; }
#ledger.view > .ledger-filters > .ledger-range { grid-column: 1 / -1; }
#ledger.view > .ledger-filters[data-range="month"],
#ledger.view > .ledger-filters[data-range="year"] { grid-template-columns: minmax(0, 1fr) auto !important; }
#ledger.view > .ledger-filters[data-range="month"] > label.ledger-date-field,
#ledger.view > .ledger-filters[data-range="year"] > label.ledger-date-field { display: none !important; }

/* ---------- 工作台待处理：桌面单列，避免两列挤压换行 ---------- */
@media (min-width: 761px) {
  #overview .todo-list,
  #overview .todo-panel .todo-list { display: block !important; }
  #overview .todo-row { padding: 11px 2px !important; border-bottom: 1px dashed #e4eef1; }
  #overview .todo-row:last-of-type { border-bottom: 0; }
  #overview .todo-row strong { font-size: 13px; }
  #overview .todo-row small { margin-top: 3px; }
}

/* ---------- 3. PC：房间管理表格 ---------- */
@media (min-width: 761px) {
  #rooms.view #room-admin-list { overflow-x: auto; }
  #rooms.view #room-admin-list .room-admin-table table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }
  #rooms.view #room-admin-list .room-admin-table th,
  #rooms.view #room-admin-list .room-admin-table td {
    width: auto !important;
    padding: 11px 8px !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    overflow: visible !important;
  }
  #rooms.view #room-admin-list .room-admin-table td strong,
  #rooms.view #room-admin-list .room-admin-table td small {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  #rooms.view #room-admin-list .room-admin-table td:nth-child(1) { white-space: normal !important; min-width: 196px; }
  #rooms.view #room-admin-list .room-admin-table .rz-roomno { font-size: 14px; letter-spacing: .2px; }
  #rooms.view #room-admin-list .room-admin-table td:nth-child(1) small { display: block; margin-top: 2px; color: #6b8794; font-size: 11px; }
  #rooms.view #room-admin-list .room-admin-table td:nth-child(3) > span { display: block; margin-top: 2px; font-size: 10.5px; }
  #rooms.view #room-admin-list .room-admin-table .rz-sub { display: block; margin-top: 2px; color: #6b8794; font-size: 11px; }
  #rooms.view #room-admin-list .room-admin-table .rz-assets { display: flex; align-items: center; gap: 4px; white-space: nowrap; }
  #rooms.view #room-admin-list .room-admin-table .rz-sep { color: #c3d3d9; }
  #rooms.view #room-admin-list .room-admin-table td:last-child { width: 168px !important; white-space: normal !important; }
  #rooms.view #room-admin-list .room-admin-table td:last-child .table-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px !important;
    width: 160px;
    margin: 0 !important;
  }
  #rooms.view #room-admin-list .room-admin-table td:last-child .table-actions .button {
    min-width: 0 !important;
    min-height: 27px !important;
    padding: 0 4px !important;
    font-size: 11.5px !important;
    white-space: nowrap;
  }

  /* ---------- 4. PC：租户行 ---------- */
  body:has(#tenants.tab-panel) > .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row {
    grid-template-columns:
      minmax(140px, 1.2fr) 58px minmax(120px, 1.1fr)
      86px 90px 76px 66px minmax(118px, 1fr) !important;
    gap: 8px 10px !important;
    min-width: 0 !important;
  }
  body:has(#tenants.tab-panel) > .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions {
    flex-wrap: wrap !important;
    justify-content: flex-end;
    gap: 4px !important;
    min-width: 0 !important;
    width: auto !important;
  }
  body:has(#tenants.tab-panel) > .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .button {
    min-height: 28px !important;
    padding: 0 7px !important;
    font-size: 11.5px !important;
    white-space: nowrap;
  }
  body:has(#tenants.tab-panel) > .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .tenant-archive-button,
  body:has(#tenants.tab-panel) > .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .icon-button { min-width: 28px !important; padding: 0 !important; }
}

/* ---------- 5. 手机：小区管理 ---------- */
@media (max-width: 760px) {
  #communities.tab-panel.view > .page-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    text-align: left !important;
    margin: 10px 0 12px !important;
    padding: 0 !important;
  }
  #communities.tab-panel.view > .page-head > div { min-width: 0; text-align: left !important; }
  #communities.tab-panel.view > .page-head .eyebrow { display: block !important; margin: 0 0 3px !important; font-size: 10px !important; color: #6e8794 !important; letter-spacing: .12em !important; }
  #communities.tab-panel.view > .page-head h1 { margin: 0 !important; text-align: left !important; color: #102b3d !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.2 !important; }
  #communities.tab-panel.view > .page-head .subtitle { display: block !important; margin: 5px 0 0 !important; text-align: left !important; color: #617e8d !important; font-size: 12px !important; line-height: 1.45 !important; }
  #communities.tab-panel.view > .page-head .ui-page-action,
  #communities.tab-panel.view > .page-head > .button,
  #communities.tab-panel.view > .page-head > .primary {
    flex: 0 0 auto !important;
    align-self: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    padding: 0 13px !important;
    font-size: 12.5px !important;
    border-radius: 9px !important;
  }
  /* 小区卡片：费用单价 4 列紧凑，避免四五个大色块把一屏占满 */
  #communities .community-list { gap: 10px !important; }
  #communities .community-card {
    display: block !important;
    padding: 13px 13px 11px !important;
    border: 1px solid #e0eaee !important;
    border-radius: 12px !important;
    background: #fff !important;
    margin-bottom: 10px;
  }
  #communities .community-card .community-identity strong { display: block; font-size: 15px !important; color: #102b3d !important; }
  #communities .community-card .community-identity small { display: block; margin-top: 3px; color: #6b8794 !important; font-size: 11.5px !important; line-height: 1.45; }
  #communities .community-stats { margin: 7px 0 0 !important; color: #435f6b !important; font-size: 12px !important; }
  #communities .community-stats b { color: #167fae !important; font-size: 13px !important; }
  #communities .community-rates {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-top: 9px !important;
    padding: 8px 9px !important;
    border-radius: 9px !important;
    background: #f6fafb !important;
  }
  #communities .community-rates > span,
  #communities .community-rates > span > span { display: block !important; text-align: center !important; white-space: nowrap; }
  #communities .community-rates b { display: block !important; color: #17435a !important; font-size: 13px !important; font-weight: 800 !important; }
  #communities .community-rates small { display: block !important; margin-top: 1px !important; color: #7b939d !important; font-size: 9.5px !important; }
  #communities .community-card .row-actions { margin-top: 10px !important; display: flex !important; gap: 8px !important; }
  #communities .community-card .row-actions .small { flex: 1 1 0; height: 32px; border-radius: 8px; font-size: 12px; }

  /* ---------- 6. 手机：维护筛选两行，不再横向滚动藏功能 ---------- */
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 10px !important;
    border-radius: 12px;
    background: #f6fafb !important;
  }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar label {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    font-size: 11px !important;
    color: #6b8794 !important;
  }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar label input,
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar label select {
    width: 100% !important;
    height: 34px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
  }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar > button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    height: 32px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  /* ---------- 7. 手机：房间卡照片徽章 + 状态色 ---------- */
  #rooms #room-admin-list .room-admin-mobile-card .room-card-head h3 {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    flex-wrap: wrap;
  }
  #rooms #room-admin-list .room-photo-badge {
    display: inline-flex;
    align-items: center;
    height: 20px;
    padding: 0 7px;
    border: 1px solid #cfe4ea;
    border-radius: 6px;
    background: #f2f8fa;
    color: #167fae;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
  }
  #rooms #room-admin-list .room-photo-badge.is-empty { border-color: #e3ebee; background: #f7fafb; color: #8ba0a7; cursor: default; }
  #rooms #room-admin-list .room-mobile-meta { gap: 8px !important; }

  #overview .mobile-workbench-roomstats .mobile-roomstat.vacant strong { color: #1d7fc4 !important; }
  #overview .mobile-workbench-roomstats .mobile-roomstat.maintenance strong { color: #b87516 !important; }

  /* 收支账单手机：胶囊行 + 房间一行 */
  #ledger .ledger-filters .ledger-range { width: 100%; display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
  #ledger .ledger-filters .ledger-range .ledger-range-text { grid-column: 1 / -1; }
  #ledger .ledger-filters > label:not(.ledger-date-field) { grid-column: 1 / -1 !important; }
  #ledger .ledger-filters[data-range="month"],
  #ledger .ledger-filters[data-range="year"] { grid-template-columns: minmax(0, 1fr) auto !important; }
  #ledger .ledger-filters #clear-ledger-filters { display: block !important; width: auto !important; min-width: 92px; height: 34px !important; }
  #ledger .ledger-filters .ledger-range button { width: 100%; min-width: 0; height: 32px; padding: 0 4px; font-size: 12px; }
  #ledger .ledger-filters[data-range="custom"] .ledger-date-field { display: flex !important; }

  /* 设置页 meta 文案断行，避免 406px 溢出 */
  #settings .meta { white-space: normal !important; overflow-wrap: anywhere; }
}

/* ---------- 8. 房卡缴费行：金额不再从中折断 ---------- */
#room-list .rz-rpay { grid-template-columns: 1.3fr .95fr 1fr !important; gap: 8px !important; }
#room-list .rz-rpay strong {
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  font-size: 12.5px !important;
  letter-spacing: -.2px;
}
#room-list .rz-rpay .rz-rmoney { color: #173548; font-weight: 800; }

/* ==========================================================================
   2026-11-11 第二轮反馈（手机端为主）
   9. 房间弹窗：解锁内联样式锁死的单列，手机一行两个
   10. 日常维护筛选：默认折叠成一行摘要
   11. 小区管理：拆掉「列表套列表」，去掉多余标题
   12. 工作台待办：按钮始终靠右 + 按类型着色 + 金额移到正文
   13. 租户操作：合同按钮收窄，归档按钮放得下文字
   ========================================================================== */

/* ---------- 9. 房间弹窗字段：一行两个 ---------- */
/* zufang.html 内联了一段 #record-dialog .dialog-fields [class*="field-"]{grid-column:1!important}，
   它把所有字段锁死在第 1 列，导致永远"单列半宽"。这里用更高特异性解掉。 */
#record-dialog .dialog-fields .rz-fblock { grid-column: 1 / -1 !important; }
#record-dialog .dialog-fields .rz-fblock-grid > [class*="field-"] { grid-column: auto !important; }
#record-dialog .dialog-fields .rz-fblock-grid > .full[class*="field-"],
#record-dialog .dialog-fields .rz-fblock-grid > .form-section-heading { grid-column: 1 / -1 !important; }
@media (max-width: 760px) {
  #record-dialog .dialog-fields .rz-fblock-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  #record-dialog .dialog-fields .rz-fblock { padding: 12px 12px 13px !important; }
  #record-dialog .dialog-fields .rz-fblock-grid .field-label { font-size: 11px !important; line-height: 1.3 !important; }
  #record-dialog .dialog-fields .rz-fblock-grid input,
  #record-dialog .dialog-fields .rz-fblock-grid select {
    width: 100% !important;
    height: 36px !important;
    padding: 0 9px !important;
    font-size: 13px !important;
  }
  #record-dialog .dialog-fields .rz-fblock-grid textarea { width: 100% !important; }
}

/* ---------- 10. 日常维护筛选：折叠成一行 ---------- */
#maintenance .maint-filter-head {
  display: flex;
  align-items: center;
  gap: 7px;
  width: 100%;
  height: 38px;
  margin: 0 0 10px;
  padding: 0 12px;
  border: 1px solid #e3ecef;
  border-radius: 11px;
  background: #fff;
  color: #435f6b;
  font-size: 12.5px;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}
#maintenance .maint-filter-head .mfh-icon { display: inline-flex; flex: 0 0 auto; color: #8ba1ab; }
#maintenance .maint-filter-head .mfh-icon svg { width: 15px; height: 15px; }
#maintenance .maint-filter-head .mfh-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#maintenance .maint-filter-head .mfh-hint { flex: 0 0 auto; color: #95a9b2; font-size: 11px; font-weight: 700; }
#maintenance .maint-filter-head .mfh-caret {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-left: 1px;
  border-right: 1.6px solid #9fb1b8;
  border-bottom: 1.6px solid #9fb1b8;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .16s ease;
}
#maintenance .maint-filter-head[aria-expanded="true"] { border-color: #cfe3de; background: #f6fbf9; color: #0f766e; }
#maintenance .maint-filter-head[aria-expanded="true"] .mfh-caret { transform: rotate(-135deg) translateY(-2px); }
#maintenance .maint-filter-head.is-active { border-color: #bfe0d6; background: #f2faf6; color: #147a5c; }
#maintenance .maint-filter-head.is-active .mfh-icon { color: #147a5c; }
#maintenance .maint-filter-head.is-active .mfh-hint { color: #147a5c; }

body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="1"] {
  display: none !important;
}
body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
  margin: 0 0 10px !important;
  padding: 10px !important;
  border: 1px solid #e8eff2 !important;
  border-radius: 11px !important;
  background: #f8fbfc !important;
}
body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] label {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-width: 0 !important;
  width: auto !important;
  font-size: 10.5px !important;
  color: #7d939d !important;
}
body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] label input,
body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] label select {
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  font-size: 12px !important;
}
body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] > button {
  grid-column: 2 / 3 !important;
  grid-row: 2 / 3 !important;
  align-self: center !important;
  justify-self: end !important;
  height: 28px !important;
  width: auto !important;
  padding: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
  color: #c0573d !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
}

/* ---------- 11. 小区管理：一条列表，不再列表套列表 ---------- */
@media (max-width: 760px) {
  #communities.tab-panel.view .community-panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  #communities.tab-panel.view .community-panel > .section-head { display: none !important; }
  #communities.tab-panel.view #community-list {
    display: block !important;
    padding: 0 14px !important;
    margin: 0 !important;
    border: 1px solid #e3ecef !important;
    border-radius: 16px !important;
    background: #fff !important;
    overflow: hidden;
  }
  #communities.tab-panel.view #community-list .community-card {
    display: block !important;
    padding: 14px 0 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eef4f6 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #communities.tab-panel.view #community-list .community-card:last-child { border-bottom: 0 !important; }
  #communities.tab-panel.view #community-list .community-identity strong { font-size: 15px !important; color: #102b3d !important; }
  #communities.tab-panel.view #community-list .community-identity small { margin-top: 2px !important; color: #6b8794 !important; font-size: 11.5px !important; }
  #communities.tab-panel.view #community-list .community-stats { margin-top: 6px !important; }
  #communities.tab-panel.view #community-list .community-rates {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin-top: 9px !important;
    padding: 9px 0 0 !important;
    border: 0 !important;
    border-top: 1px dashed #e9f0f2 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }
  #communities.tab-panel.view #community-list .community-rates > span,
  #communities.tab-panel.view #community-list .community-rates > span > span {
    padding: 0 0 0 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
  }
  #communities.tab-panel.view #community-list .community-rates > span:first-child { padding-left: 0 !important; }
  #communities.tab-panel.view #community-list .community-rates > span + span { box-shadow: inset 1px 0 0 #eef4f6; }
  #communities.tab-panel.view #community-list .community-rates b { text-align: left !important; font-size: 13.5px !important; color: #123247 !important; }
  #communities.tab-panel.view #community-list .community-rates small { text-align: left !important; margin-top: 2px !important; font-size: 9.5px !important; color: #7b939d !important; }
  #communities.tab-panel.view #community-list .community-card .row-actions { margin-top: 11px !important; gap: 8px !important; }
  #communities.tab-panel.view #community-list .community-card .row-actions .small { height: 34px !important; border-radius: 9px !important; font-size: 12.5px !important; }
}

/* ---------- 12. 工作台待办：按钮常驻右侧，金额进正文第二行 ---------- */
#todo-list .todo-row {
  display: grid !important;
  grid-template-columns: 7px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 2px !important;
}
#todo-list .todo-row .todo-dot { align-self: center !important; margin: 0 !important; width: 7px !important; height: 7px !important; }
#todo-list .todo-main { min-width: 0 !important; }
#todo-list .todo-main strong {
  display: block !important;
  overflow: hidden;
  color: #123247;
  font-size: 13px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#todo-list .todo-main small {
  display: flex !important;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  margin-top: 3px !important;
}
#todo-list .todo-sub {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: #5f7880;
  font-size: 11.5px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#todo-list .todo-amount {
  flex: 0 0 auto;
  color: #b4441f;
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
#todo-list .todo-row .mini-button {
  flex: none !important;
  min-width: 62px !important;
  height: 28px !important;
  padding: 0 10px !important;
  border: 1px solid transparent;
  border-radius: 8px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1;
  white-space: nowrap;
  box-shadow: none;
}
#todo-list .mini-button.tone-danger { border-color: #f4cac6; background: #fdeeec; color: #bf3b2e; }
#todo-list .mini-button.tone-amber { border-color: #f0d9b0; background: #fdf4e5; color: #a2620b; }
#todo-list .mini-button.tone-blue { border-color: #c9dff1; background: #ebf4fb; color: #1a6ba6; }
#todo-list .mini-button.tone-green { border-color: #bfe2d5; background: #e9f7f1; color: #14795c; }
#todo-list .mini-button:active { filter: brightness(.96); }

/* ---------- 13. 租户操作：合同收窄，归档放得下文字 ---------- */
@media (max-width: 760px) {
  body:has(#tenants.tab-panel):has(.tenant-row) .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .button:not(.tenant-archive-button) {
    flex: 1 1 calc(50% - 4px) !important;
    min-width: 0 !important;
    padding: 0 8px !important;
  }
  body:has(#tenants.tab-panel):has(.tenant-row) .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .button.contract-link {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }
  body:has(#tenants.tab-panel):has(.tenant-row) .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .button.tenant-archive-button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 80px !important;
    padding: 0 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    overflow: hidden !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  body:has(#tenants.tab-panel):has(.tenant-row) .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .tenant-archive-button iconify-icon {
    flex: 0 0 auto !important;
    font-size: 15px !important;
  }
  body:has(#tenants.tab-panel):has(.tenant-row) .main.rental-shell #tenants.tab-panel.view #tenant-list .tenant-row .table-actions .tenant-archive-button::after {
    margin-left: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

/* 桌面：筛选展开后是紧凑一行，不再被 2 列栅格拉成大字报 */
@media (min-width: 761px) {
  #maintenance .maint-filter-head { width: auto !important; min-width: 210px; align-self: flex-start; }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 10px 14px !important;
    padding: 12px 14px !important;
  }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] label {
    flex: 0 0 190px !important;
    width: 190px !important;
  }
  body:has(#maintenance.tab-panel):has(.maintenance-filters) .main.rental-shell > #maintenance.tab-panel.view > .maintenance-filters.filter-bar[data-collapsed="0"] > button {
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: center !important;
    justify-self: auto !important;
    margin-left: auto !important;
    height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid #e0e9ec !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #5f7880 !important;
  }
}