/* =========================================================
   CMOROOM INSIGHTS — LISTING PAGE
   Extends the shared dashboard/base CSS.
   ========================================================= */

.id-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
.id-tab{border:1px solid var(--dash-line);background:var(--dash-card);color:var(--dash-muted);padding:10px 14px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:.2s}
.id-tab:hover,.id-tab.active{color:#fff;border-color:var(--dash-gold);background:rgba(201,168,79,.08)}
.id-tab.active{box-shadow:inset 0 -2px 0 var(--dash-gold)}

.id-check{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:11px;cursor:pointer}
.id-check input,.id-check-grid input{accent-color:var(--dash-gold)}

.sp-upload-copy{flex:1;min-width:0}
.sp-path{margin-top:9px;font-size:11px!important;color:var(--dash-muted)!important}

.id-category-list{display:flex;flex-direction:column;gap:9px}
.id-category-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:10px;border:1px solid var(--dash-line);background:var(--dash-bg)}
.id-drag{color:var(--dash-muted);text-align:center;cursor:grab}
.id-drag i{font-size:16px}

.id-post-list{display:flex;flex-direction:column;gap:10px}
.id-post-row{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid var(--dash-line);background:var(--dash-bg);padding:12px;transition:.2s}
.id-post-row:hover{border-color:rgba(201,168,79,.5)}
.id-post-thumb{height:82px;background:#111;overflow:hidden}
.id-post-thumb img{width:100%;height:100%;object-fit:cover}
.id-post-main{min-width:0}
.id-post-meta{font-size:10px;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.06em}
.id-post-title{font-size:14px;line-height:1.35;color:#fff;margin:6px 0}
.id-post-source{display:flex;gap:15px;flex-wrap:wrap;font-size:10px;color:var(--dash-muted)}
.id-post-source span:first-child{color:var(--dash-gold)}
.id-post-actions{display:flex;gap:5px;align-items:center}

.id-outline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}
.id-outline li{display:flex;align-items:center;gap:10px;padding:10px 8px;color:var(--dash-muted);font-size:11px;cursor:pointer;border-bottom:1px solid var(--dash-line-soft);transition:.2s}
.id-outline li:hover{color:#fff;padding-left:12px}
.id-outline li i{width:18px;color:var(--dash-gold);text-align:center}

.id-glance{list-style:none;padding:0;margin:0}
.id-glance li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--dash-line-soft);font-size:11px;color:var(--dash-muted)}
.id-glance li:last-child{border-bottom:0}
.id-glance b{color:#fff}

.id-save{display:flex;flex-direction:column;gap:9px}
.id-save .dash-btn{min-height:42px}

.id-panel[hidden]{display:none!important}

@media(max-width:767.98px){
 .id-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}
 .id-tab{white-space:nowrap}
 .id-category-row{grid-template-columns:22px minmax(0,1fr) 34px}
 .id-category-row .id-check{grid-column:2}
 .id-post-row{grid-template-columns:75px minmax(0,1fr)}
 .id-post-thumb{height:70px}
 .id-post-actions{grid-column:1/-1;justify-content:flex-end}
}