/* Webb & publicering (CMS) – redaktörsgränssnitt */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
label.checkbox{display:flex;align-items:flex-start;gap:8px;font-weight:500;margin:10px 0}
label.checkbox input{width:auto;margin-top:2px}
.danger-text{color:#a3412c}
.cms-inline-error{color:#a3412c;background:#fbeeea;border-left:3px solid #a3412c;padding:9px 12px;border-radius:6px}
code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:#eef1ea;padding:1px 4px;border-radius:4px}

.cms-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:650;line-height:1.3;padding:3px 8px;border-radius:999px;background:#eef1ea;color:#3d4c45;white-space:nowrap}
.cms-badge.ok{background:#e1efd8;color:#24502e}
.cms-badge.info{background:#e3ecf6;color:#21466d}
.cms-badge.warning{background:#fbefd7;color:#6d4a0e}
.cms-badge.danger{background:#f8e0da;color:#8a2c19}
.cms-badge.muted{background:#f0f1ee;color:#5d6862}
.cms-badge[hidden]{display:none}

.cms-site-picker{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.cms-site-picker button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 15px;min-width:200px}
.cms-site-picker button span{font-size:12px;color:var(--muted)}
.cms-site-picker button.selected{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green)}
.cms-crisis-notice{border-left:4px solid #a3412c}

.cms-summary{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}
.cms-summary span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13px}
.cms-summary strong{font-size:17px;margin-right:4px;color:var(--ink)}

.cms-tree,.cms-tree ul{list-style:none;margin:0;padding:0}
.cms-tree ul{margin-left:22px;border-left:1px dashed #d5dccf;padding-left:12px}
.cms-node{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(160px,1fr) auto;gap:12px;align-items:center;padding:9px 6px;border-bottom:1px solid var(--line)}
.cms-node:hover{background:#fafbf8}
.cms-node-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.cms-node-main a{font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.cms-node-status{display:flex;flex-wrap:wrap;gap:5px}
.cms-node-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}

.cms-plain-list{list-style:none;margin:8px 0;padding:0}
.cms-plain-list li{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.cms-plain-list li.hidden,.cms-plain-list li.muted{color:var(--muted)}
.cms-toolbar,.cms-inline-form{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:12px 0}
.cms-toolbar input{flex:1;min-width:220px}
.cms-inline-form label{margin:0;flex:1;min-width:180px}
.cms-inline-form fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:4px 14px}
.cms-inline-form .form-error{flex-basis:100%;margin:0}
.cms-upload{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 16px;align-items:end}
.cms-upload button,.cms-upload .form-error{grid-column:1/-1;justify-self:start}
.cms-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cms-checks{display:flex;flex-wrap:wrap;gap:0 18px}
.cms-dl{display:grid;grid-template-columns:max-content 1fr;gap:5px 12px;margin:10px 0}
.cms-dl dt{font-weight:650;color:var(--muted)}
.cms-dl dd{margin:0}
.cms-card-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}

.cms-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:12px}
.cms-media-card{padding:12px}
.cms-media-card img{width:100%;height:140px;object-fit:cover;border-radius:8px;background:#eef1ea}
.cms-media-card h3{font-size:14px;margin:9px 0 3px;overflow-wrap:anywhere}
.cms-media-doc{height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:8px;background:#eef1ea;color:var(--muted)}
.cms-media-preview{max-width:100%;max-height:260px;border-radius:8px;display:block;margin-bottom:10px}
.cms-subform{border-top:1px solid var(--line);margin-top:18px;padding-top:6px}
.cms-field-row{border:1px solid var(--line);border-radius:10px;padding:4px 14px 10px;margin:12px 0}
.cms-field-row legend{font-weight:650;padding:0 4px}
.cms-project .cms-plain-list li{align-items:center}
.cms-dl + .cms-card-actions{margin-top:0}

.cms-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start;margin-top:14px}
.cms-editor-main{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:6px 22px 18px}
.cms-editor-main>fieldset{border:0;padding:0;margin:0;min-width:0}
.cms-editor-main input:not([type=checkbox]):not([type=radio]),.cms-editor-main textarea,.cms-editor-main select{width:100%}
.cms-editor-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:12px}
.cms-editor-side .panel{padding:16px 18px}
.cms-editor-side h2{font-size:15px;margin:0 0 8px}
.cms-editor-status{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:-6px 0 12px}
.cms-block{position:relative;border:1px solid var(--line);border-left:4px solid #c9d7bd;border-radius:10px;padding:6px 16px 12px;margin:14px 0;min-width:0}
.cms-block legend{font-weight:700;padding:0 6px;color:var(--ink)}
.cms-block.has-warning{border-left-color:#d9a23b}
.cms-block.has-error{border-left-color:#a3412c}
.cms-block-tools{position:absolute;top:-12px;right:10px;display:flex;gap:4px;background:#fff;padding:0 4px}
.cms-block-tools .icon-button{width:28px;height:28px;font-size:14px}
.cms-issue{font-size:12px;margin:6px 0 0;padding-left:8px;border-left:3px solid #d9a23b}
.cms-issue.error{border-left-color:#a3412c;color:#8a2c19}
.cms-add-block{display:flex;gap:12px;align-items:flex-end;border:1px dashed #c9d7bd;border-radius:10px;padding:2px 14px 14px;margin:16px 0}
.cms-add-block label{flex:1;margin-bottom:0}
.cms-meta,.cms-audience{border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:14px 0}
.cms-meta summary,.cms-audience summary{cursor:pointer;font-weight:650}
.cms-sticky-actions{position:sticky;bottom:0;background:#fff;display:flex;gap:14px;align-items:center;padding:12px 0 4px;border-top:1px solid var(--line)}
.cms-workflow-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.cms-issues{list-style:none;padding:0;margin:8px 0}
.cms-issues li{font-size:13px;padding:6px 0 6px 10px;border-left:3px solid #d9a23b;margin-bottom:5px}
.cms-issues li.error{border-left-color:#a3412c}
.cms-issues li.ok{border-left-color:#4b8a4f}

.cms-progress{height:10px;border-radius:999px;background:#eef1ea;overflow:hidden;margin:8px 0}
.cms-progress span{display:block;height:100%;background:var(--green)}
.cms-progress .w-0{width:0}.cms-progress .w-10{width:10%}.cms-progress .w-20{width:20%}.cms-progress .w-30{width:30%}.cms-progress .w-40{width:40%}
.cms-progress .w-50{width:50%}.cms-progress .w-60{width:60%}.cms-progress .w-70{width:70%}.cms-progress .w-80{width:80%}.cms-progress .w-90{width:90%}.cms-progress .w-100{width:100%}
.cms-diff{font-family:ui-monospace,Consolas,monospace;font-size:12px;white-space:pre-wrap;border:1px solid var(--line);border-radius:8px;max-height:60vh;overflow:auto}
.cms-diff div{padding:2px 10px}
.cms-diff-added{background:#e1efd8;color:#1d4426}
.cms-diff-removed{background:#f8e0da;color:#7a2716;text-decoration:line-through}
.cms-diff-same{color:#5d6862}
.cms-secret{display:block;padding:10px;word-break:break-all;user-select:all}

.cms-notes{list-style:none;padding:0;margin:0}
.cms-notes li{display:flex;flex-direction:column;gap:2px;padding:10px 0 10px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent}
.cms-notes li.unread{border-left-color:var(--green);font-weight:650}
.cms-notes a{text-decoration:underline;text-underline-offset:3px}
.cms-skills{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.cms-results{list-style:none;padding:0;margin:0}
.cms-results li{padding:10px 0;border-bottom:1px solid var(--line)}
.cms-results p{margin:4px 0 0;color:#4f5d56}
.cms-results mark{background:#f3e3a6;padding:0 1px}
.cms-results a strong{text-decoration:underline;text-underline-offset:3px}
.cms-best-bets{border-left:4px solid var(--green)}
.cms-search-group h2{font-size:16px}

.cms-node a:focus-visible,.cms-site-picker button:focus-visible,.cms-block-tools button:focus-visible{outline:3px solid #1f6f9f;outline-offset:2px}

@media(max-width:1200px){.cms-editor{grid-template-columns:1fr}.cms-editor-side{position:static}}
@media(max-width:1000px){.cms-two-col{grid-template-columns:1fr}.cms-node{grid-template-columns:1fr;gap:6px}.cms-node-actions{justify-content:flex-start}}
@media(max-width:760px){.cms-editor-main{padding:4px 14px 14px}.cms-site-picker button{min-width:0;flex:1}}
@media(forced-colors:active){.cms-badge,.cms-block,.cms-issues li{border:1px solid CanvasText}}