.cc-publication-tools,.cc-blog-status { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:20px 0; }
.cc-publication-tools label { display:flex; align-items:center; gap:10px; font-size:12px; color:#c4c5be; }
.cc-publication-tools :is(select,button),.cc-blog-status button,.cc-project-more,#pj-retry { background:#151719; color:#f0f0e8; border:1px solid #ffffff40; padding:11px 16px; border-radius:3px; cursor:pointer; font:inherit; font-size:13px; }
.cc-blog-status p { color:#b8bab2; font-size:12px; line-height:1.7; }
.cc-publication-row { display:grid; grid-template-columns:64px minmax(0,1fr) auto; gap:18px; align-items:center; padding:20px; border:1px solid #ffffff24; background:#141618; border-radius:4px; }
.cc-publication-row > img { width:64px; height:72px; object-fit:cover; background:#202321; border-radius:3px; }
.cc-publication-row h4 { color:#f0f0e8; font-size:16px; font-weight:500; line-height:1.45; overflow-wrap:anywhere; margin:0 0 8px; }
.cc-publication-row p { color:#b8bab2; font-size:12px; margin-bottom:10px; }
.cc-publication-actions { display:flex; gap:8px; }
.cc-publication-actions button { color:#f0f0e8; background:#202321; padding:10px 12px; border:1px solid #ffffff30; border-radius:3px; font-size:12px; }
.cc-publication-actions button[data-publication-action="delete"] { color:#ffb2a8; }
.cc-publication-visible { display:flex; gap:10px; align-items:center; font-size:13px; line-height:1.7; color:#f0f0e8; }
.cc-admin :is(#post-form,#project-form) .grid > div { min-width:0; }
.cc-admin :is(#post-form,#project-form) > div { min-width:0; }
.cc-admin #project-form input[type="file"] { width:100%; min-width:0; }
.cc-admin #project-form .flex.items-center.gap-6 { flex-wrap:wrap; }
.cc-admin :is(#post-form,#project-form) :is(input,textarea,select) { max-width:100%; }
.cc-admin :is(#btn-publish,#btn-save-project) { background:#f5c300!important; color:#111410!important; border:1px solid #f5c300; box-shadow:none; border-radius:3px; }
.cc-admin :is(#btn-publish,#btn-save-project):hover:not(:disabled) { background:#ffe067!important; }
.cc-admin :is(#content-posts,#content-projects) :disabled,.cc-blog-status button:disabled { opacity:.5; cursor:wait; }
.cc-admin #editor-container .ql-editor { font-size:16px; line-height:1.8; }
.cc-admin #editor-container { min-height:280px; }
.cc-admin .ql-toolbar.ql-snow { background:#202321!important; border-color:#ffffff30; }
.cc-admin #proj-description { color:#f0f0e8; background:#101214; border:1px solid #ffffff30; resize:vertical; }
.cc-admin :is(#posts-list,#projects-list) { display:grid; gap:12px; }
.cc-editorial #blog-filters .filter-pill { padding:10px 16px; border:1px solid #ffffff40; color:#c4c5be; background:#151719; font-size:12px; border-radius:3px; }
.cc-editorial #blog-filters .filter-pill[aria-pressed="true"] { background:#f5c300; color:#111410; border-color:#f5c300; }
.cc-project-more { display:block; margin:32px auto 0; }
.cc-project-more[hidden] { display:none; }
.cc-editorial #pj-modal-box { background:#151719; border:1px solid #ffffff40; border-radius:4px; box-shadow:0 24px 80px #0009; }
.cc-editorial #pj-modal-title { color:#f0f0e8; font-size:clamp(25px,4vw,38px); letter-spacing:-.04em; line-height:1.15; overflow-wrap:anywhere; }
.cc-editorial #pj-modal-desc { color:#c4c5be; white-space:pre-line; line-height:1.8; overflow-wrap:anywhere; }
.cc-editorial #pj-modal-body { padding:clamp(20px,4vw,36px); }
.cc-editorial #pj-modal-close { color:#f0f0e8; background:#151719; border-color:#ffffff50; }
.cc-editorial #pj-modal .pj-btn { color:#f0f0e8; background:#202321; border:1px solid #ffffff40; border-radius:3px; }
.cc-editorial #pj-modal .pj-btn-demo,.cc-editorial #pj-modal .pj-btn-featured { background:#f5c300; color:#111410; }
.cc-editorial #pj-modal .pj-btn:hover { color:#111410; background:#ffe067; border-color:#ffe067; }
:is(.cc-publication-tools,.cc-publication-actions,.cc-blog-status) :is(button,select):focus-visible,.cc-project-more:focus-visible { outline:2px solid #f5c300; outline-offset:4px; }
@media(max-width:600px) {
  .cc-publication-row { grid-template-columns:48px minmax(0,1fr); gap:12px; padding:15px; }
  .cc-publication-row > img { width:48px; height:58px; }
  .cc-publication-actions { grid-column:2; flex-wrap:wrap; }
  .cc-publication-tools { align-items:flex-start; }
  .cc-content-pagination { padding:16px 0; }
  .cc-admin :is(#content-posts,#content-projects) { padding-left:0; padding-right:0; }
  .cc-admin .ql-toolbar.ql-snow { padding:8px 4px; }
}

.cc-admin .ql-toolbar .ql-stroke { stroke:#e2e5dc!important; }
.cc-admin .ql-toolbar .ql-fill { fill:#e2e5dc!important; }
.cc-admin .ql-toolbar .ql-picker-label { color:#e2e5dc!important; }
.cc-admin .ql-toolbar .ql-picker-options { background:#202321; border-color:#ffffff40; }
.cc-admin .ql-toolbar .ql-picker-item { color:#e2e5dc!important; }
.cc-admin .ql-toolbar :is(button:hover,button.ql-active) .ql-stroke { stroke:#f5c300!important; }
#blog-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:24px; }

.cc-blog-search { width:min(480px,calc(100% - 48px)); }
@media(max-width:600px) { #blog-filters { flex-wrap:nowrap; overflow-x:auto; padding-bottom:12px; } .cc-editorial #blog-filters .filter-pill { flex:0 0 auto; max-width:250px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } }

#dynamic-blog-container h2 a { display:block; }