.nav-group { display:block; color:#ced8de; font-size:12px; padding:20px 14px 4px; }
.direct-upload{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px}.direct-upload>button{background:#20323e;color:#fff;border-color:#20323e}.upload-status{font-size:14px;max-width:42ch;overflow-wrap:anywhere;color:#263c49}.image-field{flex-wrap:wrap}.image-field>p{color:#40525d}
.sidebar nav { gap:3px; }
.panel-menu-toggle { display:none; }
.sidebar { position:sticky; top:0; height:100vh; overflow:auto; }
.content-form { margin-top:18px; }
.editor-state { color:var(--muted); border-bottom:1px solid var(--line); padding-bottom:18px; }
.editor-field { min-width:0; }
.editor-field [aria-invalid=true] { border-color:var(--danger); }
.checkbox-field { display:flex; align-items:center; gap:12px; margin-top:24px; }
.checkbox-field input { width:20px; min-height:20px; order:-1; }
.checkbox-field label { margin:0; font-weight:400; }
.editor-field input[type=color] { padding:4px; width:100px; }
.editor-field select { width:100%; padding:12px; min-height:46px; border:1px solid var(--line); border-radius:6px; background:white; font:inherit; color:var(--ink); }
.editor-collection { border:1px solid var(--line); border-radius:8px; padding:18px; margin:28px 0; min-width:0; }
.editor-collection legend { font-weight:600; font-size:18px; padding:0 8px; }
.editor-list { list-style:none; padding:0; margin:0; }
.editor-list>li { border-bottom:1px solid var(--line); padding:16px 0 28px; }
.editor-list>li:last-child { margin-bottom:20px; }
.item-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.item-controls strong { flex:1 1 200px; overflow-wrap:anywhere; }
.item-controls button { padding:8px 12px; }
.editor-collection>button { margin:8px 8px 0 0; }
.image-field { display:flex; align-items:center; flex-wrap:wrap; gap:12px; border:1px solid var(--line); padding:14px; border-radius:6px; background:#f5f7f8; }
.image-field img { width:110px; height:100px; object-fit:contain; background:#e6ecef; }
#editor-root>details { margin-top:22px; }
details summary { cursor:pointer; padding:14px 0; font-weight:600; }
details p { white-space:pre-line; }
.catalog-manager { max-width:1000px; margin-top:36px; }
.catalog-manager>form { display:flex; gap:12px; align-items:center; padding:18px; }
.catalog-manager>form input { min-width:0; }
.catalog-manager>form button { flex-shrink:0; }
.catalog-list { list-style:none; padding:0; }
.catalog-list>li { display:flex; align-items:center; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--line); padding:18px 0; }
.catalog-list>li>div { flex:1 1 220px; }
.catalog-list p { margin:6px 0 0; }
.asset-picker { width:min(1000px,calc(100vw - 28px)); max-height:90vh; border:1px solid var(--line); border-radius:10px; padding:24px; color:var(--ink); }
.asset-picker::backdrop { background:#122431b8; }
.asset-picker>header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.asset-picker h2 { margin:0; }
.picker-filters { display:grid; grid-template-columns:2fr 1fr; gap:12px; margin:20px 0; }
.picker-filters select { padding:10px; border:1px solid var(--line); border-radius:6px; background:white; color:var(--ink); min-width:0; }
.picker-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(130px,1fr)); gap:12px; }
.asset-choice { display:flex; flex-direction:column; gap:10px; min-width:0; text-align:left; padding:10px; border:2px solid var(--line); }
.asset-choice[aria-pressed=true] { border-color:#8b6809; background:#fff4d4; }
.asset-choice img { width:100%; height:130px; object-fit:contain; background:#edf2f4; }
.asset-choice span { font-size:13px; overflow-wrap:anywhere; }
.asset-picker>button { margin-top:20px; }
@media(max-width:800px) {
  .sidebar { position:static; height:auto; }
  .panel-menu-toggle { display:block; width:100%; margin-bottom:12px; color:white; background:transparent; border-color:#81939d; }
  .sidebar #cms-nav { display:none; }
  .sidebar #cms-nav.is-open { display:flex; }
  .nav-group { flex-basis:100%; padding:12px 14px 2px; }
  .editor-collection { padding:12px; }
  .catalog-manager>form { flex-direction:column; align-items:stretch; }
  .picker-filters { grid-template-columns:1fr; }
  .asset-picker { padding:16px; }
}

.publication-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.publication-list{display:grid;gap:20px}.publication-card{background:white;border:1px solid #cfdae0;border-radius:10px;padding:24px;overflow-wrap:anywhere}.publication-card h2{margin-top:0;font-size:22px}.publication-card>a,.publication-card>button{margin:8px 12px 8px 0;display:inline-flex;min-height:44px;align-items:center}.publication-review{display:flex;align-items:center;gap:12px;margin:20px 0;cursor:pointer}.publication-review input{width:24px;height:24px;flex:none;accent-color:#20323e}.publication-id{font-size:12px}@media(max-width:700px){.publication-card{padding:18px}.publication-actions>button{width:100%}}

.reorder-handle{touch-action:none;cursor:grab;min-height:44px;white-space:nowrap}.reorder-handle:active{cursor:grabbing}.dragging{opacity:.55}.drag-target{outline:3px dashed #866400;outline-offset:3px}
.logo-size-sample{display:flex;align-items:center;min-height:64px;padding:8px 18px;background:white;border:1px dashed #81939d;overflow:hidden}.logo-size-sample img{height:48px;width:auto;max-width:min(340px,60vw);object-fit:contain;flex-shrink:0}

.counter-switch{flex-wrap:wrap}.counter-switch input[role=switch]{appearance:none;width:48px;height:28px;min-height:28px;border:2px solid #586574;border-radius:18px;background:#586574;cursor:pointer;position:relative;flex:none}.counter-switch input[role=switch]:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff}.counter-switch input[role=switch]:checked{background:#087443;border-color:#087443}.counter-switch input[role=switch]:checked:before{left:22px}.counter-switch input[role=switch]:focus-visible{outline:3px solid #1769aa;outline-offset:4px}.counter-switch label{min-height:44px;display:flex;align-items:center;cursor:pointer}.counter-switch .help{flex-basis:100%;margin:0}
