/* Wissensspeicher: nur was der Kern-Rahmen nicht schon hat. Farben ausschliesslich über Kern-Tokens. */

/* ---- Arbeitsfläche: Seitenbaum links, Seite rechts ------------------------ */
.ws-arbeit { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: 24px; align-items: start; }
.ws-baumflaeche { position: sticky; top: 16px; max-height: calc(100vh - 120px); overflow: auto; background: var(--kern-menue-bg); border: 1px solid var(--kern-rand); border-radius: var(--kern-radius); padding: 8px 6px 12px; }
.ws-seite { min-width: 0; max-width: 900px; }
@media (max-width: 860px) {
  .ws-arbeit { grid-template-columns: 1fr; }
  .ws-baumflaeche { position: static; max-height: 45vh; }
}

/* ---- Seitenbaum ------------------------------------------------------------ */
.ws-baum-kopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 4px 6px 8px; }
.ws-baum-titel { font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--kern-leise); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-baum-leer { padding: 4px 8px; margin: 0; }
.ws-baum, .ws-baum ul { list-style: none; margin: 0; padding: 0; }
.ws-zeile { --tiefe: 0; display: flex; align-items: center; gap: 2px; min-height: 32px; padding-left: calc(var(--tiefe) * 16px); border-radius: 6px; position: relative; }
.ws-zeile:hover { background: var(--kern-hover); }
.ws-zeile.ws-aktiv { background: var(--kern-hover); }
.ws-zeile.ws-aktiv .ws-link { color: var(--kern-haupt); font-weight: 700; }
.ws-kipp { width: 22px; height: 22px; flex: 0 0 22px; display: inline-grid; place-items: center; padding: 0; border: 0; border-radius: 4px; background: none; color: var(--kern-leise); cursor: pointer; }
.ws-kipp:hover { background: var(--kern-rand); }
.ws-kipp .kern-sym { width: 14px; height: 14px; }
.ws-kipp-leer { visibility: hidden; }
.ws-link { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 5px 4px; color: var(--kern-text); text-decoration: none; font-size: 14px; border-radius: 4px; }
.ws-link .kern-sym { width: 16px; height: 16px; flex: 0 0 16px; color: var(--kern-leise); }
.ws-link:focus-visible { outline: 2px solid var(--kern-haupt); outline-offset: -2px; }
.ws-link-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-ohne-titel { color: var(--kern-leise); font-style: italic; }
.ws-aktionen { display: none; flex: 0 0 auto; }
.ws-zeile:hover .ws-aktionen, .ws-zeile:focus-within .ws-aktionen { display: inline-flex; }
@media (hover: none) { .ws-aktionen { display: inline-flex; } }
.ws-aktionen .kern-symknopf { width: 26px; height: 26px; flex-basis: 26px; }
.ws-aktionen .kern-sym { width: 15px; height: 15px; }
.ws-gefahr:hover { color: var(--kern-gefahr); }
.ws-gezogen { opacity: .45; }
.ws-ziel-in { outline: 2px solid var(--kern-haupt); outline-offset: -2px; }
.ws-ziel-davor::before, .ws-ziel-danach::after { content: ''; position: absolute; left: calc(var(--tiefe) * 16px + 8px); right: 4px; height: 2px; background: var(--kern-haupt); border-radius: 2px; }
.ws-ziel-davor::before { top: -1px; }
.ws-ziel-danach::after { bottom: -1px; }

/* ---- Seite ----------------------------------------------------------------- */
.ws-seitenkopf { display: flex; align-items: center; gap: 10px; margin: 4px 0 2px; position: relative; }
.ws-symbolwahl { width: 48px; height: 48px; flex: 0 0 48px; display: inline-grid; place-items: center; border: 1px solid transparent; border-radius: 10px; background: none; color: var(--kern-text); cursor: pointer; padding: 0; }
.ws-symbolwahl:hover:not(:disabled) { background: var(--kern-hover); border-color: var(--kern-rand); }
.ws-symbolwahl:disabled { cursor: default; }
.ws-symbolwahl .kern-sym { width: 30px; height: 30px; }
.ws-titel { flex: 1 1 auto; min-width: 0; font-family: var(--kern-titel-schrift); font-weight: var(--kern-titel-gewicht); font-size: 32px; line-height: 1.2; color: var(--kern-text); background: none; border: 1px solid transparent; border-radius: 8px; padding: 4px 8px; }
.ws-titel:hover:not([readonly]) { border-color: var(--kern-rand); }
.ws-titel:focus { outline: 2px solid var(--kern-haupt); outline-offset: 1px; }
.ws-titel.kern-feld-fehler { border-color: var(--kern-gefahr); }
.ws-titel-hinweis { margin: 0 0 12px 66px; }
.ws-seitenkopf + .ws-titel-hinweis[hidden] + * { margin-top: 12px; }
/* ---- Editor ------------------------------------------------------------------ */
.ws-seitenleiste { display: flex; align-items: center; justify-content: flex-end; gap: 6px; flex-wrap: wrap; min-height: 36px; margin: 0 0 0 28px; border-bottom: 1px solid var(--kern-rand); }
.ws-speicherstand { white-space: nowrap; }
.ws-speicherstand[data-art="warn"] { color: var(--kern-warn); }
.ws-speicherstand[data-art="fehler"] { color: var(--kern-gefahr); font-weight: 600; }
.ws-editorflaeche { position: relative; margin-top: 8px; padding: 0 0 0 28px; }
.ws-editor-hilfe { margin: 0 0 0 28px; }
.ws-konflikt { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0 28px; }
.ws-konflikt > span { flex: 1 1 280px; }

/* Grundregeln von ProseMirror (sonst von Tiptap als <style> eingefügt, das die Inhaltsrichtlinie sperrt) */
.ProseMirror { position: relative; word-wrap: break-word; white-space: pre-wrap; white-space: break-spaces; font-variant-ligatures: none; font-feature-settings: "liga" 0; }
.ProseMirror [contenteditable="false"] { white-space: normal; }
.ProseMirror [contenteditable="false"] [contenteditable="true"] { white-space: pre-wrap; }
.ProseMirror pre { white-space: pre-wrap; }
img.ProseMirror-separator { display: inline !important; border: none !important; margin: 0 !important; width: 0 !important; height: 0 !important; }
.ProseMirror-gapcursor { display: none; pointer-events: none; position: absolute; margin: 0; }
.ProseMirror-gapcursor::after { content: ""; display: block; position: absolute; top: -2px; width: 20px; border-top: 1px solid var(--kern-text); animation: ws-cursor-blinken 1.1s steps(2, start) infinite; }
@keyframes ws-cursor-blinken { to { visibility: hidden; } }
.ProseMirror-focused .ProseMirror-gapcursor { display: block; }
.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }
.ws-ed { outline: none; min-height: 120px; font-size: 16px; line-height: 1.65; color: var(--kern-text); word-wrap: break-word; }
.ws-ed > * + * { margin-top: .5em; }
.ws-ed p { margin: 0; }
.ws-ed h1, .ws-ed h2, .ws-ed h3 { font-family: var(--kern-titel-schrift); font-weight: var(--kern-titel-gewicht); line-height: 1.25; margin: 1.1em 0 .2em; }
.ws-ed h1 { font-size: 28px; } .ws-ed h2 { font-size: 22px; } .ws-ed h3 { font-size: 18px; }
.ws-ed ul, .ws-ed ol { padding-left: 1.5em; margin: .2em 0; }
.ws-ed li > p { margin: 0; }
.ws-ed blockquote { margin: .5em 0; padding: 2px 0 2px 14px; border-left: 3px solid var(--kern-text); }
.ws-ed hr { border: 0; border-top: 1px solid var(--kern-rand); margin: 1.2em 0; }
.ws-ed hr.ProseMirror-selectednode { border-top-color: var(--kern-haupt); }
.ws-ed code { font-family: ui-monospace, Consolas, monospace; font-size: .9em; background: var(--kern-hover); border-radius: 4px; padding: 1px 5px; color: var(--kern-gefahr); }
.ws-ed pre { background: var(--kern-menue-bg); border: 1px solid var(--kern-rand); border-radius: 8px; padding: 12px 14px; overflow-x: auto; font-size: 14px; line-height: 1.5; }
.ws-ed pre code { background: none; padding: 0; color: var(--kern-text); }
.ws-ed a { color: var(--kern-haupt); text-decoration: underline; text-underline-offset: 2px; }
.ws-ed img { display: block; max-width: 100%; height: auto; border-radius: 6px; }
.ws-ed img.ProseMirror-selectednode { outline: 3px solid var(--kern-haupt); }
.ws-ed .ProseMirror-selectednode:not(img):not(hr) { outline: 2px solid var(--kern-haupt); outline-offset: 2px; border-radius: 6px; }
.ws-ed ul[data-type="taskList"] { list-style: none; padding-left: 2px; }
.ws-ed ul[data-type="taskList"] li { display: flex; align-items: flex-start; gap: 8px; }
.ws-ed ul[data-type="taskList"] li > label { flex: 0 0 auto; margin-top: .25em; }
.ws-ed ul[data-type="taskList"] li > label input { width: 16px; height: 16px; accent-color: var(--kern-haupt); }
.ws-ed ul[data-type="taskList"] li > div { flex: 1 1 auto; min-width: 0; }
.ws-ed ul[data-type="taskList"] li[data-checked="true"] > div { color: var(--kern-leise); text-decoration: line-through; }
.ws-ed .tableWrapper { overflow-x: auto; margin: .6em 0; }
.ws-ed table { border-collapse: collapse; table-layout: fixed; width: 100%; font-size: 15px; }
.ws-ed th, .ws-ed td { border: 1px solid var(--kern-rand); padding: 6px 8px; vertical-align: top; position: relative; min-width: 60px; }
.ws-ed th { background: var(--kern-menue-bg); font-weight: 700; text-align: left; }
.ws-ed .selectedCell::after { content: ''; position: absolute; inset: 0; background: var(--kern-haupt); opacity: .08; pointer-events: none; }
.ws-ed .column-resize-handle { position: absolute; right: -2px; top: 0; bottom: 0; width: 4px; background: var(--kern-haupt); pointer-events: none; }
.ws-ed.resize-cursor { cursor: col-resize; }
.ws-ed .ws-aufklapper { display: flex; gap: 4px; margin: .4em 0; }
.ws-ed .ws-aufklapper > button { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 2px; border: 0; border-radius: 4px; background: none; cursor: pointer; color: var(--kern-leise); display: inline-grid; place-items: center; }
.ws-ed .ws-aufklapper > button:hover { background: var(--kern-hover); color: var(--kern-text); }
.ws-ed .ws-aufklapper > button .kern-sym { width: 16px; height: 16px; transition: transform .15s; }
.ws-ed .ws-aufklapper.is-open > button .kern-sym { transform: rotate(90deg); }
.ws-ed .ws-aufklapper > div { flex: 1 1 auto; min-width: 0; }
.ws-ed .ws-aufklapper summary { display: block; list-style: none; font-weight: 600; }
.ws-ed .ws-aufklapper summary::-webkit-details-marker { display: none; }
.ws-ed .ws-aufklapper [data-type="detailsContent"] { padding-top: 4px; }
.ws-ed .ws-aufklapper:not(.is-open) [data-type="detailsContent"] { display: none; }
.ws-hinweis { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; border-radius: 8px; border: 1px solid var(--kern-rand); background: var(--kern-menue-bg); margin: .5em 0; }
.ws-hinweis[data-art="info"] { border-left: 4px solid var(--kern-haupt); }
.ws-hinweis[data-art="warn"] { border-left: 4px solid var(--kern-warn); background: var(--kern-warn-hell); }
.ws-hinweis[data-art="ok"] { border-left: 4px solid var(--kern-ok); background: var(--kern-ok-hell); }
.ws-hinweis[data-art="fehler"] { border-left: 4px solid var(--kern-gefahr); background: var(--kern-fehler-hell); }
.ws-hinweis-zeichen { flex: 0 0 24px; width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; color: var(--kern-text); display: inline-grid; place-items: center; }
.ws-hinweis-zeichen .kern-sym { width: 20px; height: 20px; }
.ws-hinweis-inhalt { flex: 1 1 auto; min-width: 0; }
.ws-hinweis-inhalt > * + * { margin-top: .4em; }
.ws-verweis { display: flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 6px; color: var(--kern-text) !important; text-decoration: none !important; font-weight: 600; margin: .2em 0; }
.ws-verweis:hover { background: var(--kern-hover); }
.ws-verweis .kern-sym { width: 18px; height: 18px; color: var(--kern-leise); }
.ws-verweis > span { border-bottom: 1px solid var(--kern-rand); }
.ws-verweis-fehlt { font-weight: 400; }
.ws-datum { display: inline-flex; align-items: center; gap: 4px; padding: 0 6px; border-radius: 4px; background: var(--kern-hover); color: var(--kern-haupt); font-size: .95em; cursor: pointer; white-space: nowrap; }
.ws-datum .kern-sym { width: 14px; height: 14px; }
.ws-erwaehnung { padding: 0 4px; border-radius: 4px; background: var(--kern-hover); color: var(--kern-haupt); font-weight: 600; white-space: nowrap; }
.ws-datei { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); color: var(--kern-text) !important; text-decoration: none !important; margin: .4em 0; }
.ws-datei:hover { border-color: var(--kern-haupt); }
.ws-datei .kern-sym { width: 20px; height: 20px; color: var(--kern-leise); }
.ws-datei-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ws-datei small { color: var(--kern-leise); }

/* Griff zum Verschieben links neben dem Block */
.ws-ed-griff { width: 22px; height: 24px; display: grid; place-items: center; border-radius: 4px; color: var(--kern-leise); cursor: grab; }
.ws-ed-griff:hover { background: var(--kern-hover); color: var(--kern-text); }
.ws-ed-griff .kern-sym { width: 16px; height: 16px; }
.ws-ed-griff:active { cursor: grabbing; }

/* Formatleiste über markiertem Text */
.ws-ed-leiste { display: flex; align-items: center; gap: 2px; padding: 4px; background: var(--kern-flaeche); border: 1px solid var(--kern-rand); border-radius: 8px; box-shadow: var(--kern-schatten); z-index: 40; }
.ws-ed-fmt { min-width: 30px; height: 30px; padding: 0 6px; border: 0; border-radius: 6px; background: none; color: var(--kern-text); cursor: pointer; font-size: 14px; display: inline-grid; place-items: center; }
.ws-ed-fmt:hover { background: var(--kern-hover); }
.ws-ed-fmt.ws-aktiv { color: var(--kern-haupt); background: var(--kern-hover); }
.ws-ed-fmt .kern-sym { width: 16px; height: 16px; }
.ws-ed-linkzeile { display: flex; align-items: flex-end; gap: 6px; padding: 4px; }
.ws-ed-linkzeile .kern-feld { font-size: 12px; gap: 2px; }
.ws-ed-linkfeld { width: 260px; padding: 6px 8px; border: 1px solid var(--kern-rand); border-radius: 6px; font: inherit; font-size: 14px; }
.ws-ed-linkfeld.kern-feld-fehler { border-color: var(--kern-gefahr); }

/* Auswahllisten («/», «@», «[[», Blockmenü, Datumswahl) */
.ws-ed-auswahl { position: absolute; z-index: 60; width: 300px; max-height: 340px; overflow-y: auto; padding: 6px; background: var(--kern-flaeche); border: 1px solid var(--kern-rand); border-radius: 10px; box-shadow: var(--kern-schatten); }
.ws-ed-auswahl-titel { font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--kern-leise); padding: 6px 8px 4px; }
.ws-ed-auswahl-leer { padding: 8px; font-size: 14px; color: var(--kern-leise); }
.ws-ed-auswahl-eintrag { display: flex; align-items: center; gap: 10px; width: 100%; padding: 6px 8px; border: 0; border-radius: 6px; background: none; color: var(--kern-text); text-align: left; cursor: pointer; font: inherit; }
.ws-ed-auswahl-eintrag.ws-aktiv, .ws-ed-auswahl-eintrag:hover { background: var(--kern-hover); }
.ws-ed-auswahl-eintrag.ws-gefahr { color: var(--kern-gefahr); }
.ws-ed-auswahl-zeichen { flex: 0 0 32px; height: 32px; display: inline-grid; place-items: center; border: 1px solid var(--kern-rand); border-radius: 6px; background: var(--kern-flaeche); font-size: 12px; font-weight: 700; color: var(--kern-text); }
.ws-ed-auswahl-zeichen .kern-sym { width: 18px; height: 18px; }
.ws-ed-auswahl-text { display: grid; min-width: 0; }
.ws-ed-auswahl-text strong { font-size: 14px; font-weight: 600; }
.ws-ed-auswahl-text small { font-size: 12px; color: var(--kern-leise); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ws-ed-blockmenue { width: 240px; }
.ws-ed-datumwahl { width: auto; padding: 10px; }

/* Live: Farben der Personen (gleiche Reihenfolge wie FARBEN in lib/live.js) */
.ws-farbe-0 { --wf: #4814B2; } .ws-farbe-1 { --wf: #1F7A54; } .ws-farbe-2 { --wf: #C41A4A; } .ws-farbe-3 { --wf: #2BA5CA; }
.ws-farbe-4 { --wf: #B45309; } .ws-farbe-5 { --wf: #7C3AED; } .ws-farbe-6 { --wf: #0F766E; } .ws-farbe-7 { --wf: #BE185D; }
.ws-fremdcursor { position: relative; margin-left: -1px; margin-right: -1px; border-left: 2px solid var(--wf); word-break: normal; pointer-events: none; }
.ws-fremdcursor-name { position: absolute; top: -1.35em; left: -2px; padding: 0 5px; border-radius: 4px 4px 4px 0; background: var(--wf); color: #fff; font-size: 11px; font-weight: 600; line-height: 1.5; white-space: nowrap; user-select: none; }
.ws-fremdauswahl { background: color-mix(in srgb, var(--wf) 18%, transparent); }
.ws-anwesend { display: inline-flex; gap: 2px; margin-right: auto; }
.ws-person { width: 26px; height: 26px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--wf); color: #fff; font-size: 11px; font-weight: 700; border: 2px solid var(--kern-flaeche); }
#ws-kommentare-knopf { position: relative; }
.ws-zahl { position: absolute; top: 1px; right: 0; min-width: 16px; height: 16px; padding: 0 4px; box-sizing: border-box; border-radius: 8px; background: var(--kern-haupt); color: #fff; font-size: 10px; font-weight: 700; line-height: 16px; text-align: center; }
.ws-kommentar-marke { background: var(--kern-warn-hell); border-bottom: 2px solid var(--kern-warn); cursor: pointer; }
.ws-kommentar-marke.ws-aktiv { background: color-mix(in srgb, var(--kern-warn) 35%, transparent); }
.ws-ed-fmt-text { margin-left: 4px; font-size: 13px; }
.ws-ed-fmt:has(.ws-ed-fmt-text) { display: inline-flex; align-items: center; padding: 0 8px; }

/* Kommentartafel rechts */
.ws-kommentartafel { position: fixed; top: 64px; right: 0; bottom: 0; z-index: 45; width: min(380px, 100vw); overflow-y: auto; box-sizing: border-box; padding: 12px 14px 24px; background: var(--kern-menue-bg); border-left: 1px solid var(--kern-rand); box-shadow: var(--kern-schatten); }
.ws-kt-kopf { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.ws-kt-kopf h2 { font-size: 16px; margin: 0; }
.ws-kt-seite { margin-bottom: 4px; }
.ws-kt-hilfe { margin: 4px 0 12px; }
.ws-kt-leer { margin: 12px 0; }
.ws-kommentartafel .kern-karte { max-width: none; margin: 0 0 10px; padding: 12px; }
.ws-kt-faden { cursor: default; }
.ws-kt-faden.ws-aktiv { border-color: var(--kern-haupt); box-shadow: 0 0 0 1px var(--kern-haupt); }
.ws-kt-erledigt { opacity: .75; }
.ws-kt-zitat { display: block; width: 100%; margin: 0 0 8px; padding: 2px 0 2px 10px; border: 0; border-left: 3px solid var(--kern-warn); background: none; color: var(--kern-leise); font: inherit; font-size: 13px; text-align: left; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
blockquote.ws-kt-zitat { cursor: default; }
.ws-kt-eintrag + .ws-kt-eintrag { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--kern-rand); }
.ws-kt-eintrag-kopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.ws-kt-eigen { margin-left: auto; display: inline-flex; }
.ws-kt-eigen .kern-symknopf { width: 26px; height: 26px; flex-basis: 26px; }
.ws-kt-eigen .kern-sym { width: 15px; height: 15px; }
.ws-kt-text { margin: 4px 0 0; font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ws-kt-antwort { margin-top: 10px; display: grid; gap: 6px; justify-items: end; }
.ws-kt-antwort .kern-feld, .ws-kt-neu .kern-feld { width: 100%; font-size: 13px; }
.ws-kt-antwort textarea, .ws-kt-neu textarea { box-sizing: border-box; width: 100%; font: inherit; font-size: 14px; resize: vertical; }
.ws-kt-knoepfe { display: flex; justify-content: flex-end; gap: 6px; margin-top: 8px; }
.ws-kt-erledigt-knopf { margin: 8px 0; }
@media (max-width: 860px) { .ws-kommentartafel { top: 56px; } }

/* ---- Datenbanken -------------------------------------------------------------- */
.ws-baum-knoepfe { display: inline-flex; }
.ws-datenbankflaeche { margin-top: 8px; }
.ws-db-kopf { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; border-bottom: 1px solid var(--kern-rand); margin-bottom: 10px; }
.ws-db-reiter { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; }
.ws-db-reiter-knopf { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border: 0; border-bottom: 2px solid transparent; background: none; color: var(--kern-leise); font: inherit; font-size: 14px; cursor: pointer; }
.ws-db-reiter-knopf .kern-sym { width: 16px; height: 16px; }
.ws-db-reiter-knopf.ws-aktiv { color: var(--kern-text); border-bottom-color: var(--kern-haupt); font-weight: 600; }
.ws-db-leiste { display: flex; align-items: center; gap: 2px; padding: 4px 0; }
.ws-db-leiste .kern-symknopf { position: relative; }
.ws-db-zahl { position: absolute; top: 2px; right: 0; min-width: 15px; height: 15px; padding: 0 3px; box-sizing: border-box; border-radius: 8px; background: var(--kern-haupt); color: #fff; font-size: 10px; font-weight: 700; line-height: 15px; text-align: center; }
.ws-db-neu { margin-left: 6px; }
.ws-db-anzahl { margin-top: 8px; }
.ws-db-leer { margin-top: 10px; }

/* Werte */
.ws-wert { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; min-width: 0; }
.ws-wert .kern-sym { width: 16px; height: 16px; }
.ws-wert-checkbox { width: 18px; height: 18px; border: 1.5px solid var(--kern-rand); border-radius: 4px; justify-content: center; }
.ws-wert-checkbox.ws-wert-ja { background: var(--kern-haupt); border-color: var(--kern-haupt); color: #fff; }
.ws-wert-checkbox .kern-sym { width: 13px; height: 13px; stroke-width: 3; }
.ws-wert-zahl, .ws-wert-rollup { font-variant-numeric: tabular-nums; }
.ws-wert a { color: var(--kern-haupt); text-decoration: underline; text-underline-offset: 2px; overflow-wrap: anywhere; }
.ws-wert-person { display: inline-flex; align-items: center; gap: 4px; margin-right: 6px; }
.ws-person-klein { width: 20px; height: 20px; display: inline-grid; place-items: center; border-radius: 50%; background: var(--wf); color: #fff; font-size: 9px; font-weight: 700; flex: 0 0 20px; }
.ws-wert-verweis { display: inline-flex; align-items: center; gap: 3px; margin-right: 6px; }
.ws-wert-datei { margin-right: 6px; }
.ws-wert-fehler { color: var(--kern-warn); }
/* Farben der Auswahlwerte: eigene Palette (der Kern hat keine für Auswahlwerte), hell und gut lesbar */
.ws-chip { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 13px; line-height: 1.6; white-space: nowrap; background: #EEECEA; color: #37352F; }
.ws-chip-grau { background: #EBEAE8; color: #3F3D38; } .ws-chip-braun { background: #EFE3DA; color: #5C3B23; }
.ws-chip-orange { background: #FBE4D0; color: #7A3E0E; } .ws-chip-gelb { background: #FBF1C7; color: #6B5300; }
.ws-chip-gruen { background: #DCEFE4; color: #1F5A3A; } .ws-chip-blau { background: #DDEBF8; color: #1D4F7C; }
.ws-chip-lila { background: #EAE2F8; color: #4B2A86; } .ws-chip-pink { background: #F7E0EC; color: #7A2152; }
.ws-chip-rot { background: #FBE0DD; color: #8A1F17; }

/* Tabelle */
.ws-db-rollbar { overflow-x: auto; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); }
.ws-db-tabelle { border-collapse: collapse; min-width: 100%; font-size: 14px; }
.ws-db-tabelle th, .ws-db-tabelle td { border-bottom: 1px solid var(--kern-rand); border-right: 1px solid var(--kern-rand); text-align: left; vertical-align: top; }
.ws-db-th { min-width: 140px; padding: 0; background: var(--kern-menue-bg); }
.ws-db-th:first-child { min-width: 240px; }
.ws-db-th-knopf { display: flex; align-items: center; gap: 6px; width: 100%; padding: 8px 10px; border: 0; background: none; color: var(--kern-leise); font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; white-space: nowrap; }
.ws-db-th-knopf:hover { background: var(--kern-hover); color: var(--kern-text); }
.ws-db-th-knopf .kern-sym { width: 14px; height: 14px; flex: 0 0 14px; }
.ws-db-th-plus { width: 40px; background: var(--kern-menue-bg); }
.ws-db-zelle { padding: 6px 10px; min-height: 22px; cursor: default; }
.ws-db-zelle:focus-visible { outline: 2px solid var(--kern-haupt); outline-offset: -2px; }
.ws-db-tabelle td:not(.ws-db-zelle-titel):not(.ws-db-zelle-rollup):not(.ws-db-zelle-formel):not(.ws-db-zelle-erstellt):not(.ws-db-zelle-geaendert):hover { background: var(--kern-hover); cursor: pointer; }
.ws-db-zelle-titel { display: flex; align-items: center; gap: 4px; }
.ws-db-titel { display: inline-flex; align-items: center; gap: 6px; flex: 1 1 auto; min-width: 0; color: var(--kern-text); font-weight: 600; text-decoration: none; }
.ws-db-titel:hover span { text-decoration: underline; }
.ws-db-titel .kern-sym { width: 16px; height: 16px; flex: 0 0 16px; color: var(--kern-leise); }
.ws-db-titel-stift { width: 26px; height: 26px; flex-basis: 26px; visibility: hidden; }
.ws-db-zelle-titel:hover .ws-db-titel-stift, .ws-db-titel-stift:focus { visibility: visible; }
.ws-db-zeile-aktion { width: 36px; border-right: 0 !important; }
.ws-db-zeile-aktion .kern-symknopf { width: 28px; height: 28px; visibility: hidden; }
tr:hover > .ws-db-zeile-aktion .kern-symknopf, .ws-db-zeile-aktion .kern-symknopf:focus { visibility: visible; }
.ws-db-gruppe td, li.ws-db-gruppe { padding: 10px 10px 4px; background: var(--kern-menue-bg); }
.ws-db-gruppenkopf { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; }
.ws-db-neuzeile td { padding: 6px 10px; border-bottom: 0; }
@media (hover: none) { .ws-db-titel-stift, .ws-db-zeile-aktion .kern-symknopf { visibility: visible; } }

/* Liste */
.ws-db-liste { list-style: none; margin: 0; padding: 0; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); }
.ws-db-liste > li + li { border-top: 1px solid var(--kern-rand); }
.ws-db-listzeile { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 10px 12px; color: var(--kern-text); text-decoration: none; }
.ws-db-listzeile:hover { background: var(--kern-hover); }
.ws-db-listzeile > .kern-sym { width: 18px; height: 18px; color: var(--kern-leise); }
.ws-db-listwerte { display: inline-flex; flex-wrap: wrap; gap: 6px 10px; margin-left: auto; font-size: 13px; color: var(--kern-leise); }

/* Board */
.ws-db-board { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 8px; align-items: flex-start; }
.ws-db-spalte { flex: 0 0 260px; background: var(--kern-menue-bg); border-radius: 8px; padding: 8px; }
.ws-db-spalte.ws-ziel-in { outline: 2px solid var(--kern-haupt); }
.ws-db-spalte-kopf { display: flex; align-items: center; justify-content: space-between; padding: 2px 2px 8px; }
.ws-db-karten { display: grid; gap: 6px; min-height: 30px; }
.ws-db-karte { display: grid; gap: 6px; padding: 10px; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); cursor: pointer; font-size: 13px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }
.ws-db-karte:hover, .ws-db-karte:focus-visible { border-color: var(--kern-haupt); outline: none; }
.ws-db-karte > strong { font-size: 14px; }

/* Kalender */
.ws-kal-kopf { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.ws-kal-kopf h2 { font-size: 18px; margin: 0 8px; min-width: 170px; text-align: center; }
.ws-kal { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); border: 1px solid var(--kern-rand); border-radius: 8px; overflow: hidden; background: var(--kern-flaeche); }
.ws-kal-wtag { padding: 6px; font-size: 12px; font-weight: 600; color: var(--kern-leise); text-align: right; border-bottom: 1px solid var(--kern-rand); background: var(--kern-menue-bg); }
.ws-kal-tag { min-height: 96px; padding: 4px; border-right: 1px solid var(--kern-rand); border-bottom: 1px solid var(--kern-rand); display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ws-kal-tag:nth-child(7n) { border-right: 0; }
.ws-kal-fremd { background: var(--kern-menue-bg); color: var(--kern-leise); }
.ws-kal-tag.ws-ziel-in { outline: 2px solid var(--kern-haupt); outline-offset: -2px; }
.ws-kal-tagkopf { display: flex; align-items: center; justify-content: space-between; font-size: 12px; }
.ws-kal-tagkopf > span { padding: 2px 6px; }
.ws-kal-heute .ws-kal-tagkopf > span { background: var(--kern-haupt); color: #fff; border-radius: 10px; font-weight: 700; }
.ws-kal-tagkopf .kern-symknopf { width: 22px; height: 22px; flex-basis: 22px; visibility: hidden; }
.ws-kal-tag:hover .kern-symknopf, .ws-kal-tagkopf .kern-symknopf:focus { visibility: visible; }
.ws-kal-eintrag { display: block; width: 100%; padding: 2px 6px; border: 1px solid var(--kern-rand); border-radius: 4px; background: var(--kern-flaeche); color: var(--kern-text); font: inherit; font-size: 12px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.ws-kal-eintrag:hover { border-color: var(--kern-haupt); }
@media (hover: none) { .ws-kal-tagkopf .kern-symknopf { visibility: visible; } }
@media (max-width: 640px) { .ws-kal-tag { min-height: 64px; } .ws-kal-eintrag { font-size: 11px; padding: 1px 3px; } }

/* Fenster für Werte, Filter, Sortierung, Felder */
.ws-wertfenster { position: absolute; z-index: 60; max-width: calc(100vw - 16px); box-sizing: border-box; padding: 12px; background: var(--kern-flaeche); border: 1px solid var(--kern-rand); border-radius: 10px; box-shadow: var(--kern-schatten); display: grid; gap: 8px; }
.ws-wertfenster h3 { font-size: 14px; margin: 0; }
.ws-wertfenster .kern-feld { font-size: 13px; }
.ws-wertfenster input:not([type="checkbox"]), .ws-wertfenster select, .ws-wertfenster textarea { box-sizing: border-box; width: 100%; padding: 7px 9px; border: 1px solid var(--kern-rand); border-radius: 6px; font: inherit; font-size: 14px; background: var(--kern-flaeche); color: var(--kern-text); }
.ws-wert-zeile { display: flex; gap: 8px; align-items: flex-start; }
.ws-wert-zeile > .kern-feld { flex: 1 1 0; min-width: 0; }
.ws-wert-knoepfe { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.ws-wert-liste { display: grid; gap: 2px; max-height: 260px; overflow-y: auto; }
.ws-wert-option { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border: 0; border-radius: 6px; background: none; color: var(--kern-text); font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.ws-wert-option:hover, .ws-wert-option:focus-visible { background: var(--kern-hover); outline: none; }
.ws-wert-option .kern-sym { width: 16px; height: 16px; }
.ws-wert-option.ws-aktiv > .kern-sym:last-child { margin-left: auto; color: var(--kern-haupt); }
.ws-wert-option.ws-gefahr { color: var(--kern-gefahr); }
.ws-wert-neu { color: var(--kern-haupt); font-weight: 600; }
.ws-wert-datei-zeile { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 14px; }
.ws-versteckt { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ws-wert-hoch { justify-self: start; }
.ws-db-regeln { display: grid; gap: 6px; }
.ws-db-regel { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr) 36px; gap: 6px; align-items: center; }
.ws-db-felderliste { display: grid; gap: 2px; max-height: 320px; overflow-y: auto; }
.ws-db-feldzeile { display: grid; grid-template-columns: minmax(0, 1fr) 32px 32px; align-items: center; gap: 2px; }
.ws-db-feldzeile .kern-haken .kern-sym { width: 14px; height: 14px; color: var(--kern-leise); }
.ws-db-feldzeile .ws-hoch .kern-sym { transform: rotate(90deg); }
.ws-db-feldzeile .kern-symknopf { width: 30px; height: 30px; flex-basis: 30px; }
@media (max-width: 560px) { .ws-db-regel { grid-template-columns: 1fr 1fr; } }

/* Feld-Dialog */
.ws-feld-dialog { width: min(560px, calc(100vw - 32px)); max-width: none; }
.ws-fd-form { display: grid; gap: 12px; }
.ws-fd-form h2 { font-size: 18px; margin: 0; }
.ws-fd-form input, .ws-fd-form select, .ws-fd-form textarea { box-sizing: border-box; width: 100%; padding: 8px 10px; border: 1px solid var(--kern-rand); border-radius: 6px; font: inherit; background: var(--kern-flaeche); color: var(--kern-text); }
.ws-fd-form textarea { font-family: ui-monospace, Consolas, monospace; font-size: 13px; }
.ws-fd-extra { display: grid; gap: 8px; }
.ws-fd-extra > button, .ws-wertfenster > button.kern-knopf { justify-self: start; }
.ws-fd-optionen { display: grid; gap: 6px; max-height: 260px; overflow-y: auto; }
.ws-fd-option { display: grid; grid-template-columns: 24px minmax(0, 1fr) 110px auto 36px; gap: 6px; align-items: center; }
.ws-fd-option:not(:has(select + select)) { grid-template-columns: 24px minmax(0, 1fr) 110px 36px; }
.ws-fd-option .ws-chip { padding: 0; width: 20px; height: 20px; }
.kern-feld-titel { font-weight: 600; font-size: 14px; margin: 4px 0 0; }
.ws-fd-loeschen { margin-right: auto; }

/* Eigenschaften eines Eintrags */
.ws-eigenschaften { display: grid; gap: 2px; margin: 8px 0 4px 28px; padding-bottom: 10px; border-bottom: 1px solid var(--kern-rand); }
.ws-eig-zeile { display: grid; grid-template-columns: minmax(120px, 200px) minmax(0, 1fr); align-items: start; gap: 8px; font-size: 14px; }
.ws-eig-name { display: flex; align-items: center; gap: 6px; padding: 6px 0; color: var(--kern-leise); }
.ws-eig-name .kern-sym { width: 15px; height: 15px; flex: 0 0 15px; }
.ws-eig-wert { min-height: 22px; padding: 5px 8px; border-radius: 6px; }
.ws-eig-wert[role="button"] { cursor: pointer; }
.ws-eig-wert[role="button"]:hover, .ws-eig-wert:focus-visible { background: var(--kern-hover); outline: none; }
.ws-eig-leer { font-size: 13px; }
@media (max-width: 560px) { .ws-eig-zeile { grid-template-columns: 1fr; gap: 0; } .ws-eigenschaften { margin-left: 0; } }

/* Versionen */
.ws-versionen { margin-top: 20px; }
.ws-versionen h2 { font-size: 16px; margin-top: 0; }
.ws-versionsliste { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.ws-versionsliste li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 0; border-bottom: 1px solid var(--kern-rand); font-size: 14px; }
.ws-versionsliste .kern-status { margin-left: 8px; }
.ws-versionsknoepfe { display: inline-flex; gap: 6px; }
.ws-versionsfenster { width: min(820px, calc(100vw - 32px)); max-width: none; }
.ws-versionsvorschau { max-height: 60vh; overflow: auto; border: 1px solid var(--kern-rand); border-radius: 8px; padding: 12px 16px; margin: 8px 0 12px; }

/* Suche */
.ws-suchfeld { max-width: 640px; }
.ws-suchfeld input { box-sizing: border-box; height: 43px; font-size: 16px; }
.ws-treffer { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; max-width: 900px; }
.ws-treffer li { padding: 10px 12px; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); }
.ws-treffer-link { display: flex; align-items: center; gap: 8px; color: var(--kern-text); text-decoration: none; }
.ws-treffer-link:hover strong { color: var(--kern-haupt); }
.ws-treffer-link .kern-sym { width: 18px; height: 18px; flex: 0 0 18px; color: var(--kern-leise); }
.ws-auszug { margin: 4px 0 0 26px; color: var(--kern-leise); }
.ws-auszug mark { background: var(--kern-warn-hell); color: var(--kern-text); border-radius: 2px; padding: 0 1px; }
.ws-abschnittkopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 20px; }
.ws-abschnittkopf h2 { font-size: 16px; margin: 0; }
.ws-unterseiten { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 4px; }
.ws-unterseite { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--kern-rand); border-radius: 8px; background: var(--kern-flaeche); color: var(--kern-text); text-decoration: none; }
.ws-unterseite:hover { border-color: var(--kern-haupt); }
.ws-unterseite .kern-sym { width: 18px; height: 18px; color: var(--kern-leise); }
.ws-unterseite > span:first-of-type { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ws-stand { margin-top: 24px; }

.ws-symbolfenster { position: absolute; top: 54px; left: 0; z-index: 30; display: grid; grid-template-columns: repeat(10, 36px); gap: 4px; max-height: 320px; overflow: auto; padding: 10px; background: var(--kern-flaeche); border: 1px solid var(--kern-rand); border-radius: var(--kern-radius); box-shadow: var(--kern-schatten); }
.ws-symbol { width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0; border: 1px solid transparent; border-radius: 6px; background: none; color: var(--kern-text); cursor: pointer; }
.ws-symbol:hover, .ws-symbol:focus-visible { background: var(--kern-hover); border-color: var(--kern-rand); outline: none; }
.ws-symbol.ws-aktiv { border-color: var(--kern-haupt); color: var(--kern-haupt); }
@media (max-width: 520px) { .ws-symbolfenster { grid-template-columns: repeat(7, 36px); } .ws-titel { font-size: 24px; } }

/* ---- Start und Leerzustände ------------------------------------------------ */
.ws-kacheln { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; }
.ws-kachel { display: grid; gap: 4px; margin: 0 !important; max-width: none; padding: 18px; text-decoration: none; color: var(--kern-text); }
.ws-kachel:hover { border-color: var(--kern-haupt); }
.ws-kachel .kern-sym { width: 24px; height: 24px; color: var(--kern-haupt); margin-bottom: 4px; }
.ws-leer { max-width: 560px; }
.ws-leer .kern-knopf { margin-top: 8px; }

/* ---- Verwaltung ------------------------------------------------------------ */
.ws-zeilenform { display: flex; gap: 14px; flex-wrap: wrap; align-items: flex-start; }
.ws-zeilenform .kern-feld { flex: 1 1 220px; }
.ws-zeilenform .kern-feld input, .ws-zeilenform .kern-feld select { box-sizing: border-box; height: 43px; }
.ws-bereichkarte h2 { display: flex; align-items: center; gap: 8px; font-size: 18px; margin-top: 0; }
.ws-bereichkarte h2 .kern-sym { width: 20px; height: 20px; color: var(--kern-haupt); }
.ws-bereichkarte h3 { font-size: 14px; margin: 18px 0 4px; }
.kern-tabelle td .kern-sym { width: 16px; height: 16px; vertical-align: -3px; color: var(--kern-leise); }

/* ---- Quittungen unten rechts (UX-Standard 7) ------------------------------- */
.ws-quittung { position: fixed; right: 16px; bottom: 16px; z-index: 50; display: grid; gap: 8px; max-width: min(420px, calc(100vw - 32px)); }
.ws-quittung-eintrag { display: flex; align-items: flex-start; gap: 8px; margin: 0; box-shadow: var(--kern-schatten); }
.ws-quittung-zu { width: 24px; height: 24px; flex: 0 0 24px; margin-left: auto; }

/* ---- Verbindungen und Import -------------------------------------------------- */
.ws-kartentitel { display: flex; align-items: center; gap: 8px; font-size: 18px; margin-top: 0; }
.ws-kartentitel .kern-sym { width: 20px; height: 20px; color: var(--kern-haupt); }
.ws-links { justify-content: flex-start; }
.ws-anleitung { margin-top: 12px; }
.ws-anleitung summary { cursor: pointer; font-weight: 600; }
.ws-schritte { padding-left: 1.4em; display: grid; gap: 4px; }
.ws-im-form { display: grid; gap: 14px; }
.ws-im-wurzeln { border: 1px solid var(--kern-rand); border-radius: 8px; padding: 8px 12px 10px; display: grid; gap: 4px; max-height: 360px; overflow-y: auto; }
.ws-im-wurzeln legend { font-weight: 600; font-size: 14px; padding: 0 4px; }
.ws-im-wurzel { flex-wrap: wrap; }
.ws-im-wurzel .kern-sym { width: 16px; height: 16px; color: var(--kern-leise); }
.ws-im-kopf { display: flex; align-items: center; gap: 10px; }
.ws-im-zahlen { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px 12px; margin: 12px 0; }
.ws-im-zahlen dt { font-size: 12px; color: var(--kern-leise); }
.ws-im-zahlen dd { margin: 2px 0 0; font-size: 22px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ws-im-filter { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.ws-im-hinweise { margin: 0; padding-left: 1.1em; font-size: 13px; }
.ws-im-bericht td { vertical-align: top; }
@media (max-width: 640px) {
  .ws-im-zahlen { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .ws-im-bericht thead { display: none; }
  .ws-im-bericht tr { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 4px 10px; border-top: 1px solid var(--kern-rand); padding: 8px 0; }
  .ws-im-bericht td { border-top: 0; padding: 0; }
  .ws-im-bericht td:last-child { grid-column: 1 / -1; }
  .ws-im-bericht td:last-child:empty { display: none; }
}

/* Verwaltung › Sicherheit und Protokoll (Etappe 6) */
.ws-si-ip, .ws-si-name { font-family: ui-monospace, Consolas, monospace; font-size: 13px; white-space: nowrap; }
.ws-si-tabelle td { vertical-align: top; }
.ws-knopfreihe { display: inline-flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.ws-pr-filter .kern-feld { flex: 1 1 200px; max-width: 280px; }
.ws-pr-zeit { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ws-pr-text { max-width: 420px; overflow-wrap: anywhere; }
.ws-notzugang-link { text-align: center; margin: 16px 0 0; }
.ws-pr-tabelle td { vertical-align: top; }
@media (max-width: 760px) {
  .ws-pr-tabelle thead, .ws-si-tabelle thead { display: none; }
  .ws-pr-tabelle tr, .ws-si-tabelle tr { display: grid; grid-template-columns: auto 1fr; gap: 2px 12px; border-top: 1px solid var(--kern-rand); padding: 8px 0; }
  .ws-pr-tabelle td, .ws-si-tabelle td { border-top: 0; padding: 0; }
  .ws-pr-tabelle td:nth-child(n+3) { grid-column: 1 / -1; }
  .ws-pr-tabelle td:empty, .ws-si-tabelle td:empty { display: none; }
  .ws-si-tabelle td:first-child, .ws-si-tabelle td:last-child { grid-column: 1 / -1; }
  .ws-si-tabelle td.kern-r { text-align: left; }
  .ws-si-tabelle td[data-titel] { grid-column: 1 / -1; }
  .ws-si-tabelle td[data-titel]::before { content: attr(data-titel) ': '; color: var(--kern-leise); font-family: var(--kern-schrift, inherit); }
  .ws-pr-text { max-width: none; }
}