/* DPRO GREEN DEMO BLOG CMS R1 */
.demo-blog-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.demo-blog-stat,.demo-blog-card{padding:14px;border:1px solid #d7e5dc;border-radius:14px;background:#fff}.demo-blog-stat small{display:block;color:#687b70}.demo-blog-stat strong{display:block;font-size:24px;color:#174b34}.demo-blog-list{display:grid;gap:10px}.demo-blog-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.demo-blog-card h4{margin:6px 0}.demo-blog-card p{margin:0;color:#65786e;font-size:12px}.demo-blog-badge{display:inline-flex;padding:4px 9px;border-radius:999px;background:#eef5f1;color:#315b46;font-size:11px;font-weight:900;margin-right:5px}.demo-blog-badge.scheduled{background:#e9efff;color:#3458a1}.demo-blog-badge.published{background:#e5f6eb;color:#237343}.demo-blog-badge.draft{background:#f4f1e8;color:#7a6423}.demo-blog-schedule{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;border:1px solid #d7e5dc;border-radius:12px;background:#f8fbf9}.demo-blog-schedule[hidden]{display:none!important}.demo-blog-image{display:grid;place-items:center;min-height:130px;border:1px dashed #b7cfc0;border-radius:12px;background:#f3f9f5;color:#2e694d;text-align:center;font-weight:900}.demo-blog-actions{display:flex;justify-content:flex-end;gap:8px}.demo-blog-preview{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(3,20,13,.72)}.demo-blog-preview[hidden]{display:none}.demo-blog-preview>article{width:min(760px,100%);max-height:90vh;overflow:auto;padding:26px;border-radius:20px;background:#fff}.demo-blog-preview h2{color:#153b2a}.demo-blog-preview p{white-space:pre-wrap;line-height:1.9}@media(max-width:700px){.demo-blog-stats{grid-template-columns:1fr 1fr}.demo-blog-card,.demo-blog-schedule{grid-template-columns:1fr}}