.board--adoption .board-toolbar{padding-top:12px;align-items:flex-start}
.board--adoption .board-toolbar__left{flex:1 1 780px}
.board--adoption .board-toolbar__right{align-self:flex-start}

.board--adoption .filter-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.board--adoption .filter-title{font-size:13px;font-weight:900;color:rgba(31,42,55,.82)}
.board--adoption .filter-toggle{height:34px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.86);cursor:pointer;font-weight:900;font-size:12px}
.board--adoption .filter-toggle i{opacity:.75}
.board--adoption .filter-toggle .text-close{display:none}

.board--adoption .board-card.filters-collapsed .filter-body{display:none}
.board--adoption .board-card.filters-collapsed .filter-toggle .text-open{display:none}
.board--adoption .board-card.filters-collapsed .filter-toggle .text-close{display:inline}

.board--adoption .adoption-filter-form{display:flex;flex-direction:column;gap:12px}
.board--adoption .adoption-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.board--adoption .filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.board--adoption .filter-field span{font-size:12px;font-weight:900;color:rgba(31,42,55,.76)}
.board--adoption .filter-field select,
.board--adoption .filter-field input{height:40px;border-radius:12px;border:1px solid var(--border);background:#fff;padding:0 12px;min-width:0}
.board--adoption .filter-field--search{grid-column:span 2}
.board--adoption .filter-actions{display:flex;gap:8px;flex-wrap:wrap}
.board--adoption .filter-summary{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.board--adoption .filter-chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.82);font-size:12px;font-weight:900}

.board--adoption .status-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 18px 0}
.board--adoption .status-tab{height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.82);font-weight:900;font-size:12px;text-decoration:none}
.board--adoption .status-tab:hover{background:#f8fafc}
.board--adoption .status-tab.active{background:#111827;color:#fff;border-color:#111827}
.board--adoption .status-tab.active:hover{background:#0b1220}

.board--adoption .adopt-table-scroll{padding:18px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.board--adoption .adopt-table{width:max(100%, 1120px);table-layout:auto;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden}
.board--adoption .adopt-table thead th{background:#f8fafc;color:rgba(31,42,55,.78);font-size:12px;font-weight:900;text-align:left;padding:12px 10px;border-bottom:1px solid var(--border);white-space:nowrap;word-break:keep-all}
.board--adoption .adopt-table tbody td{padding:14px 10px;border-bottom:1px solid rgba(229,231,235,.75);vertical-align:middle;font-size:13px;word-break:keep-all}
.board--adoption .adopt-table tbody tr:last-child td{border-bottom:none}
.board--adoption .adopt-row{cursor:pointer}
.board--adoption .adopt-row:hover{background:#f9fafb}

.board--adoption .col-status{width:98px;text-align:center}
.board--adoption .col-header{width:156px}
.board--adoption .col-title{min-width:0}
.board--adoption .col-writer{width:120px;white-space:nowrap}
.board--adoption .col-date{width:136px;color:rgba(31,42,55,.66);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.board--adoption .col-view{width:84px;text-align:center;color:rgba(31,42,55,.72);white-space:nowrap;font-variant-numeric:tabular-nums}
.board--adoption .col-price{width:110px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.board--adoption .col-like{width:70px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.board--adoption .col-reply{width:70px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.board--adoption .col-bookmark{width:70px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}

.board--adoption .bookmark-btn{width:34px;height:34px;flex:0 0 auto;border-radius:10px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.82);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.board--adoption .bookmark-btn:hover{background:#f8fafc}
.board--adoption .bookmark-btn.is-active{background:var(--primary-2);border-color:var(--primary);color:var(--primary-strong)}
html[data-theme="dark"] .board--adoption .bookmark-btn.is-active{background:rgba(138,166,255,.18);border-color:rgba(138,166,255,.34);color:#dbe5ff}

.status-badge{display:inline-flex;align-items:center;justify-content:center;height:26px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.82);font-size:12px;font-weight:900;white-space:nowrap}
.status-badge.status-open{border-color:#bfe6d1;background:#f0fff6;color:#128a4c}
.status-badge.status-reserved{border-color:#c7d2fe;background:#eef2ff;color:#3730a3}
.status-badge.status-closed{border-color:#ffd3d3;background:#fff3f3;color:#b42318}
.status-badge.status-canceled{border-color:#e5e7eb;background:#f8fafc;color:#6b7280}

.board--adoption .header-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0;max-height:54px;overflow:hidden;align-content:flex-start}
.board--adoption .header-tags .tag,
.board--adoption .title-tags .tag{max-width:100%}

.tag{display:inline-flex;align-items:center;max-width:100%;height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--border);background:#fff;color:rgba(31,42,55,.78);font-size:12px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tag--animal{background:#111827;color:#fff;border-color:#111827}
.tag--name{background:#f8fafc;color:rgba(31,42,55,.82);border-color:#dbe4f0}
.tag--muted{background:#f8fafc;color:#9ca3af;border-color:#e5e7eb}

.title-topline{display:flex;align-items:flex-start;gap:6px;min-width:0}
.title-link{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-width:0;overflow:hidden;font-weight:900;color:inherit;text-decoration:none;line-height:1.4;overflow-wrap:anywhere;font-size:15px;letter-spacing:-.01em}
.title-link:hover{text-decoration:underline}
.title-reply{flex:0 0 auto;font-weight:900;color:var(--primary);white-space:nowrap}
.title-desc{margin-top:6px;color:rgba(31,42,55,.68);font-size:12px;line-height:1.45;max-width:min(100%, 58ch);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.board--adoption .title-meta{display:none;margin-top:6px;align-items:center;gap:6px;row-gap:4px;flex-wrap:wrap;color:rgba(31,42,55,.62);font-size:12px;font-weight:800}
.board--adoption .title-meta .meta-dot{opacity:.6}
.board--adoption .title-meta a{color:inherit;text-decoration:none;font-weight:900}
.board--adoption .title-meta a:hover{text-decoration:underline}
.board--adoption .title-tags{display:none;flex-wrap:wrap;gap:6px;min-width:0;margin-top:8px}

.board--adoption .writer-link{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.board--adoption .col-writer .writer-link{display:inline-block;width:100%;vertical-align:top}

@media(max-width:1480px){
  .board--adoption .adopt-table{width:max(100%, 1060px)}
  .board--adoption .col-view,
  .board--adoption .col-like,
  .board--adoption .col-reply{display:none}
}

@media(max-width:1320px){
  .board--adoption .col-date,
  .board--adoption .col-writer{display:none}
  .board--adoption .title-meta{display:flex}
}

@media(max-width:1100px){
  .board--adoption .adoption-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .board--adoption .filter-field--search{grid-column:span 2}
  .board--adoption .adopt-table{width:max(100%, 960px)}
  .board--adoption .col-header{display:none}
  .board--adoption .title-tags{display:flex}
}

@media(max-width:860px){
  .board--adoption .adopt-table{width:max(100%, 820px)}
  .board--adoption .col-price{display:none}
  .board--adoption .title-meta{display:flex}
  .board--adoption .title-tags{display:flex}
}

@media(max-width:640px){
  .board--adoption .status-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .board--adoption .status-tabs::-webkit-scrollbar{display:none}
  .board--adoption .board-toolbar{flex-direction:column;align-items:stretch}
  .board--adoption .board-toolbar__right{align-self:stretch;justify-content:flex-start}
  .board--adoption .filter-head{align-items:flex-start}
  .board--adoption .adoption-filter-grid{grid-template-columns:1fr}
  .board--adoption .filter-field--search{grid-column:span 1}
  .board--adoption .adopt-table-scroll{padding:16px}
  .board--adoption .title-desc{max-width:100%}
  .board--adoption .col-status{width:84px}
  .board--adoption .col-bookmark{width:58px}
}