/* AT-162 (Patrik 10-30, "detta vill jag ha som standard"): one quick-question row for the knowledge bank, services and the
   A3 field cards (admin-quick-question-row.js). Theme variables only; the icon buttons have no frame in any theme. */
#view-admin .qqr-block { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
#view-admin .qqr-block[hidden] { display: none !important; }
#view-admin .qqr-block--kb { margin-top: 12px; padding-top: 12px; border-top: 1px solid color-mix(in srgb, var(--text-primary) 10%, transparent); }
#view-admin .qqr-block--service.is-bound, #view-admin .qqr-block--service { margin: 0; }
#view-admin .qqr-row-eyebrow { font-size: 10.5px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--accent-primary); }
#view-admin .qqr-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; padding: 8px 10px; border-radius: 10px; background: color-mix(in srgb, var(--text-primary) 5%, transparent); }
#view-admin .qqr-row.is-busy { opacity: 0.6; pointer-events: none; }
#view-admin .qqr-row-icon { display: inline-flex; flex: none; color: var(--accent-primary); }
#view-admin .qqr-row-icon svg { width: 16px; height: 16px; }
#view-admin .qqr-row-title { flex: 1 1 140px; min-width: 0; font-size: 13px; font-weight: 600; color: var(--text-primary); overflow-wrap: anywhere; }
#view-admin .qqr-block .qqr-row-input { flex: 1 1 140px; min-width: 0; height: 30px; padding: 4px 10px; border-radius: 8px; font: inherit; font-size: 13px; color: var(--text-primary); background: color-mix(in srgb, var(--text-primary) 6%, transparent); border: 1px solid color-mix(in srgb, var(--status-warning, #ff9f0a) 60%, transparent); }
#view-admin .qqr-block .status-pill { flex: none; min-height: 22px; padding: 2px 10px; font-size: 11px; }
#view-admin .qqr-row-actions { display: inline-flex; flex: none; align-items: center; gap: 2px; margin-left: auto; }
html body #view-admin .qqr-block .qqr-row-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px !important; height: 28px !important; min-width: 28px !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; outline: 0; background: transparent !important; box-shadow: none !important; color: var(--text-secondary); cursor: pointer; }
html body #view-admin .qqr-block .qqr-row-btn:hover, html body #view-admin .qqr-block .qqr-row-btn:focus-visible, html body #view-admin .qqr-block .qqr-row-btn.is-active { background: color-mix(in srgb, var(--accent-primary) 12%, transparent) !important; color: var(--text-primary); }
html body #view-admin .qqr-block .qqr-row-btn svg { width: 16px; height: 16px; }
html body #view-admin .qqr-block .qqr-row-btn.admin-save-icon-btn { color: var(--status-success, #22c55e); }
html body #view-admin .qqr-block .atlas-trash-btn.qqr-row-btn { color: var(--status-danger, #ef4444); }
html body #view-admin .qqr-block .atlas-trash-btn.qqr-row-btn svg { width: 14px !important; height: 14px !important; }
#view-admin .qqr-row-help { margin: 0; font-size: 11.5px; line-height: 1.4; color: var(--text-secondary); }
#view-admin .qqr-row-help.is-warning { color: color-mix(in srgb, var(--status-warning, #ff9f0a) 75%, var(--text-primary)); }
#view-admin .qqr-row-note { margin: 0; font-size: 11.5px; }
#view-admin .qqr-row-note.is-error { color: color-mix(in srgb, var(--status-danger, #ef4444) 80%, var(--text-primary)); }
#view-admin .qqr-row-note.is-success { color: color-mix(in srgb, var(--status-success, #22c55e) 75%, var(--text-primary)); }
#view-admin .qqr-row-preview { padding: 10px 12px; border-radius: 10px; background: color-mix(in srgb, var(--accent-primary) 7%, transparent); }
#view-admin .qqr-row-preview.is-error { background: color-mix(in srgb, var(--status-danger, #ef4444) 8%, transparent); }
#view-admin .qqr-row-preview-label { display: block; margin-bottom: 4px; font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-secondary); }
#view-admin .qqr-row-preview-text { font-size: 12.5px; line-height: 1.45; color: var(--text-primary); white-space: pre-wrap; overflow-wrap: anywhere; }
#view-admin .qqr-block .qqr-create-btn { align-self: flex-start; margin-top: 0; }
#view-admin .qqr-block .qqr-create-btn:disabled { opacity: 0.55; cursor: not-allowed; }
#view-admin .qqr-block .qqr-create-btn:disabled:hover { background: transparent !important; color: var(--text-secondary); }
#view-admin .qqr-block .qqr-create-btn .atlas-add-icon svg { color: var(--accent-primary); }
#view-admin .catalog-quick-question-panel > .qqr-block { margin: 0; }

/* Field cards (skiss 10-30): locked, the create button sits bottom left on the source's row with 16px above;
   unlocked, it stands next to Undantag with 14px between them. A bound field shows the full row. */
#view-admin .cf-surface .cf-field-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; margin-top: 16px; }
#view-admin .cf-surface .cf-field-foot:not(:has(> :not([hidden]))) { display: none; }
#view-admin .cf-surface .cf-field-foot > .qqr-block.is-bound { flex: 1 1 100%; }
#view-admin .cf-surface .cf-field-foot > p.cf-help { margin: 0 0 0 auto; text-align: right; color: color-mix(in srgb, var(--status-info, #5ac8fa) 70%, var(--text-primary)); }
#view-admin .cf-surface .cf-exception-actions { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 14px; margin-top: 12px; }
#view-admin .cf-surface .cf-exception-actions .atlas-add-btn { margin-top: 0; }
#view-admin .cf-surface .cf-field > .qqr-block.is-bound { margin-top: 12px; }
#view-admin .cf-surface .cf-exception-actions > .qqr-block.is-bound { flex: 1 1 100%; }
/* AT-177 c: samma Skapa snabbfråga i Snabbfrågor-rubriken som i kunskapsbanken. */
#view-admin .admin-config-section-actions .domain-fact-new-btn { margin-top: 0; white-space: nowrap; }
#view-admin .domain-fact-new-btn .atlas-add-icon svg { color: var(--accent-primary); }