.s360-filter-card{border:1px solid rgba(215,198,170,.98);border-top:4px solid var(--gold,#c2953a);background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(255,248,235,.9));border-radius:22px;padding:16px;margin:12px 0 18px;box-shadow:var(--shadow,0 18px 55px rgba(32,24,12,.08))}
.s360-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.s360-filter-head h3{margin:0;font-size:1rem;line-height:1.2;color:var(--ink,#1d2026)}
.s360-filter-head p{margin:4px 0 0;color:var(--muted,#746d63);font-size:.9rem;line-height:1.35}
.s360-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end}
.s360-filter-grid label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:.84rem;color:#2b2b2b;font-weight:800}
.s360-filter-grid input,.s360-filter-grid select{width:100%;min-height:44px;border-radius:15px;border:1px solid #d8cbb7;background:#fff;padding:11px 12px;color:var(--ink,#1d2026);font:inherit}
.s360-filter-grid input:focus,.s360-filter-grid select:focus{border-color:var(--gold,#c2953a);box-shadow:0 0 0 4px rgba(194,149,58,.14);outline:0}
.s360-filter-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}
.s360-filter-actions .btn{min-height:44px}
.s360-filter-toggle{display:inline-flex;flex:0 0 auto}
.s360-active-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(231,220,203,.9)}
.s360-active-filters strong{display:block;color:var(--ink,#1d2026);font-size:.94rem}
.s360-active-filters span{display:block;color:var(--muted,#746d63);font-size:.86rem;line-height:1.35}
.s360-filter-chips{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;min-width:220px}
.s360-filter-chips span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border-radius:999px;border:1px solid rgba(215,198,170,.9);background:#fff;color:#2a241b;font-weight:850;font-size:.82rem;box-shadow:0 6px 18px rgba(32,24,12,.04)}
.s360-filter-card.is-collapsed{padding:10px 12px;margin:8px 0 12px;border-top-width:1px;border-radius:16px;box-shadow:0 8px 22px rgba(32,24,12,.05)}
.s360-filter-card.is-collapsed .s360-filter-grid,.s360-filter-card.is-collapsed .s360-active-filters,.s360-filter-card.is-collapsed .s360-summary-pill{display:none}
.s360-filter-card.is-collapsed .s360-filter-head{align-items:center;margin-bottom:0}
.s360-filter-card.is-collapsed .s360-filter-head p{display:none}
.s360-filter-card.has-active-filters.is-collapsed{border-color:rgba(194,149,58,.75);background:#fffdf8}
.s360-filter-card.has-active-filters.is-collapsed .s360-filter-toggle{background:#111214;border-color:#111214;color:#fff}
.s360-filter-bulk-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:4px 0 10px;
}
.s360-filter-bulk-actions .btn{
  min-height:36px;
}
body[data-page="dashboard"] .s360-filter-bulk-actions{
  margin-top:0;
}

@media(max-width:900px){
  .s360-filter-bulk-actions{
    display:flex;
    position:sticky;
    top:calc(var(--mobile-topbar-h,64px) + 4px);
    z-index:48;
    padding:8px 0;
    border-bottom:1px solid rgba(231,220,203,.55);
    margin-top:0;
    margin-bottom:12px;
    background:linear-gradient(180deg, rgba(245,239,230,.98), rgba(245,239,230,.85));
    backdrop-filter: blur(10px);
  }
}
.s360-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.s360-pagination>span,.list-meta{color:var(--muted,#746d63);font-size:.92rem}
.s360-pagination .page-current,.s360-pagination .page-link{min-width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(215,198,170,.9);background:#fff8eb;text-decoration:none;font-weight:850}
.s360-pagination .page-current{background:#111214;border-color:#111214;color:#fff}
.list-meta{margin-top:10px}
.s360-summary-row{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 14px}
.s360-summary-pill{border:1px solid rgba(231,220,203,.95);border-radius:999px;padding:8px 12px;background:#fffdf8;color:#2a241b;font-size:.9rem;box-shadow:0 8px 22px rgba(32,24,12,.05)}
@media(max-width:780px){.s360-filter-card{padding:13px;border-radius:18px}.s360-filter-head{align-items:flex-start}.s360-active-filters{align-items:flex-start;flex-direction:column}.s360-filter-chips{justify-content:flex-start;min-width:0;width:100%}}
@media(max-width:560px){.s360-filter-head{flex-direction:column}.s360-filter-toggle{width:100%;justify-content:center}.s360-filter-card.is-collapsed .s360-filter-head{flex-direction:row}.s360-filter-card.is-collapsed .s360-filter-toggle{width:auto;min-height:36px;padding:8px 10px}.s360-filter-card.is-collapsed .s360-filter-head>div{min-width:0}.s360-filter-card.is-collapsed .s360-filter-head h3{font-size:.94rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}.s360-filter-actions{grid-column:1/-1}.s360-filter-actions .btn,.s360-pagination .btn,.s360-summary-pill{width:100%;justify-content:center}.s360-pagination{justify-content:center}}