:root{--studio-bg:#090b0f;--studio-card:#12151b;--studio-line:#292e37;--studio-text:#f2f4f7;--studio-muted:#929aa7;--studio-blue:#315fdb}.admin-app{background:var(--studio-bg)!important}.sidebar{width:218px!important;background:#121419!important;border-right:1px solid #252932!important}.main{margin-left:218px!important;padding:0 28px 48px!important}.topbar{height:72px!important;margin:0 0 22px!important;border-bottom:1px solid var(--studio-line)!important}.card{border:1px solid var(--studio-line)!important;border-radius:10px!important;box-shadow:none!important;background:var(--studio-card)!important}.toolbar{padding:12px!important;gap:8px!important}.project-list{display:block!important;border:1px solid var(--studio-line)!important;border-radius:9px!important;overflow:hidden!important;background:var(--studio-card)!important}.project-list:before{content:"THỨ TỰ     THUMBNAIL        TIÊU ĐỀ / DANH MỤC                         NGUỒN / LAYOUT                         TRẠNG THÁI / THAO TÁC";display:block;padding:10px 14px;background:#171b22;color:#aab1bd;font-size:11px;font-weight:800;letter-spacing:.05em;white-space:pre;border-bottom:1px solid var(--studio-line)}.project-item{display:grid!important;grid-template-columns:28px 92px minmax(240px,1.4fr) minmax(180px,.8fr) 210px!important;align-items:center!important;gap:12px!important;min-height:74px!important;margin:0!important;padding:9px 13px!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important;background:var(--studio-card)!important}.project-item:last-child{border-bottom:0!important}.project-item:hover{background:#181c23!important}.project-thumb{width:92px!important;height:54px!important;border-radius:6px!important;object-fit:cover!important}.project-title{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important}.project-meta{font-size:11px!important;color:var(--studio-muted)!important;margin-top:4px!important}.badges{display:flex!important;gap:5px!important;margin-top:5px!important}.badge{font-size:10px!important;padding:3px 6px!important}.project-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important}.project-actions button{padding:7px 9px!important;min-height:32px!important}.drag{color:#a0a6b0!important}.sections{display:block!important;border:1px solid var(--studio-line);border-radius:9px;overflow:hidden}.section-row{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,1.5fr) 180px!important;align-items:center!important;gap:12px!important;margin:0!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid var(--studio-line)!important;border-radius:0!important}.form-grid label{gap:5px!important}.form-grid input,.form-grid select,.form-grid textarea{min-height:38px!important}.view>.card{max-width:none!important}@media(max-width:980px){.project-item{grid-template-columns:24px 76px minmax(190px,1fr) 170px!important}.project-item>.project-actions{grid-column:4}.project-thumb{width:76px!important}.project-list:before{display:none}.sidebar{width:72px!important}.sidebar .nav-item,.sidebar strong,.sidebar small,.sidebar .admin-logo+*{font-size:0}.main{margin-left:72px!important;padding:0 14px 35px!important}}@media(max-width:680px){.project-item{grid-template-columns:22px 70px 1fr!important}.project-actions{grid-column:2/4!important}.main{padding:0 8px 28px!important}}

/* Dark Flex-style table, isolated from legacy light rules */
html,body,.admin-app,.main{background:var(--studio-bg)!important;color:var(--studio-text)!important}.main h1,.main h2,.main h3,.main strong,.project-title,.card-head h2{color:var(--studio-text)!important}.main p,.muted,.project-meta,.card-head p{color:var(--studio-muted)!important}.card,.toolbar,.project-list,.section-box,.settings-grid{background:var(--studio-card)!important;color:var(--studio-text)!important;border-color:var(--studio-line)!important}.main input,.main select,.main textarea{background:#0d1015!important;color:#eef1f5!important;border:1px solid #343a45!important}.main input::placeholder,.main textarea::placeholder{color:#69717e!important}.project-item{background:var(--studio-card)!important;color:var(--studio-text)!important}.project-item:hover{background:#181c23!important}.project-thumb{background:#20242b!important}.ghost{background:#1a1e25!important;color:#e9edf3!important;border:1px solid #353b46!important}.badge{color:#cbd1da!important;border-color:#4a515d!important;background:#1b1f26!important}.toggle{accent-color:#5f7dff!important}




:root{--project-table-grid:34px 48px 96px minmax(220px,1fr) minmax(110px,.55fr) 116px 132px 132px 76px 128px;--project-table-gap:12px;--status-toggle-width:42px;--status-toggle-height:23px;--status-toggle-knob:17px}.project-table-head,.project-item{display:grid;grid-template-columns:var(--project-table-grid);column-gap:var(--project-table-gap);align-items:center;min-width:1090px}.project-table-head>span,.project-item>*{transform:none}.project-table-head>span:nth-child(n+5),.project-item>.project-category,.project-item>.thumbnail-column-state,.project-item>.badge,.project-item>.conversion-state,.project-item>.toggle,.project-actions{justify-self:center;text-align:center}


 .project-thumb.image-missing{background-color:#15191f!important;background-image:linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%),linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}
.project-thumb.image-missing{background-color:#15191f!important;background-image:linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%),linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}
.partner-item img.image-missing{background-color:#15191f!important;background-image:linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%),linear-gradient(45deg,#252b33 25%,transparent 25%,transparent 75%,#252b33 75%)!important;background-position:0 0,8px 8px!important;background-size:16px 16px!important}
