:root{ --dld-bg:#0f172a; --dld-panel:#111827; --dld-card:#1f2937; --dld-border:#334155; --dld-text:#e5e7eb; --dld-accent:#10b981; --dld-badge:#ef4444; }
.dld-wrap{display:grid;grid-template-columns:280px 1fr;gap:1rem;background:var(--dld-bg);color:var(--dld-text);padding:1rem;border-radius:8px}
.dld-sidebar{position:sticky;top:1rem;height:fit-content}
.dld-card{background:var(--dld-card);border:1px solid var(--dld-border);border-radius:8px;padding:1rem}
.dld-card-title{margin:0 0 .5rem;font-size:1rem}
.dld-filter-group{margin-bottom:1rem}
.dld-filter-group h4{margin:.5rem 0;font-size:.9rem;color:#cbd5e1}
.dld-chip{display:inline-flex;align-items:center;gap:.35rem;background:#0b1220;border:1px solid var(--dld-border);border-radius:999px;padding:.25rem .6rem;margin:.25rem .25rem;cursor:pointer}
.dld-chip input{margin-right:.25rem}
.dld-main{background:var(--dld-panel);border:1px solid var(--dld-border);border-radius:8px;padding:1rem}
.dld-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}
.dld-title{margin:0;font-size:1.25rem}
.dld-search{display:flex;gap:.5rem;background:#0b1220;border:1px solid var(--dld-border);border-radius:999px;padding:.35rem .5rem;max-width:420px;width:100%}
.dld-search input{flex:1;background:transparent;border:none;color:var(--dld-text);outline:none}
.dld-search button{background:var(--dld-accent);border:none;color:#072;padding:.35rem .75rem;border-radius:999px;cursor:pointer}
.dld-meta{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;color:#cbd5e1}
.dld-list{list-style:none;padding:0;margin:0}
.dld-item{display:grid;grid-template-columns:32px 1fr 90px;gap:.75rem;padding:1rem;border-bottom:1px solid var(--dld-border)}
.dld-flag{width:32px;height:32px;border-radius:4px;background:#0b1220;display:flex;align-items:center;justify-content:center}
.dld-item h3{margin:0;font-size:1rem}
.dld-meta-row{display:flex;gap:.75rem;font-size:.85rem;color:#93c5fd}
.dld-badge{justify-self:end;align-self:center;background:var(--dld-badge);color:white;border-radius:6px;padding:.15rem .4rem;font-size:.8rem}
.dld-summary{margin-top:.35rem;font-size:.9rem;color:#cbd5e1}
.dld-pagination{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}
.dld-pagination button{background:#0b1220;color:#cbd5e1;border:1px solid var(--dld-border);border-radius:6px;padding:.4rem .7rem;cursor:pointer}
@media (max-width:900px){.dld-wrap{grid-template-columns:1fr}.dld-sidebar{position:static}}
/* dynamic colors from settings */
.dld-wrap{ --dld-accent: var(--dld-accent); --dld-bg: var(--dld-bg); }