/* ═══════════════════════════════════════
   closed.css — Clean List Style
   ═══════════════════════════════════════ */

/* ─── SORT BUTTONS ─── */
.cl-header-sort{
  display:flex;align-items:center;gap:0;
}
.cl-sort-btn{
  padding:6px 12px;font-size:.8125rem;font-weight:500;
  color:var(--muted);text-decoration:none;
  position:relative;transition:color .2s;
}
.cl-sort-btn.active{color:var(--fg);font-weight:600;}
.cl-sort-btn + .cl-sort-btn::before{
  content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:12px;background:var(--border);
}

/* ─── BODY ─── */
.cl-body{
  padding:28px 0 80px;
  background:var(--bg);
}
.cl-body .section-header{
  margin-top:32px;
  margin-bottom:28px;
}

/* Card override */
.closed-card{
  opacity:.8;
  transition:opacity .25s,box-shadow .25s,transform .25s;
}
.closed-card:hover{
  opacity:1;
  transform:translateY(-2px);
}

/* ─── EMPTY ─── */
.cl-empty{
  text-align:center;padding:80px 0;
  display:flex;flex-direction:column;align-items:center;
}
.cl-empty-icon{
  width:56px;height:56px;border-radius:50%;
  background:var(--muted-bg);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:20px;color:var(--muted);
}
.cl-empty h3{
  font-size:1rem;font-weight:600;letter-spacing:-.02em;
  color:var(--fg);margin-bottom:6px;
}
.cl-empty p{
  font-size:.8125rem;color:var(--muted);margin-bottom:24px;
}
.cl-empty-btn{
  display:inline-flex;align-items:center;gap:6px;
  padding:11px 24px;border-radius:9999px;
  background:var(--fg);color:#fff;
  font-size:.8125rem;font-weight:600;
  transition:all .2s;text-decoration:none;
}
.cl-empty-btn:hover{
  background:#2a2826;transform:translateY(-1px);
  box-shadow:0 4px 16px rgba(0,0,0,.12);
}

/* ═══ RESPONSIVE ═══ */

@media(max-width:480px){
  .cl-body{padding:8px 0 60px;}
  .cl-body .section-header{margin-top:12px;margin-bottom:16px;}
  .cl-body .list-title-area{padding:12px 0 16px;}
}

@media(min-width:768px){
  .cl-body{padding:36px 0 100px;}
}

@media(min-width:1024px){
  .cl-body{padding:40px 0 120px;}
}