@charset "UTF-8";
:root {
  color-scheme: dark;
  --background: #101528;
  --surface: #181f35;
  --field: #0c1121;
  --ink: #f5f4f9;
  --muted: #b4bfd7;
  --line: #38445f;
  --blue: #8496b6;
  --blue-light: #a2b2cb;
  --gold: #c8ad93;
  --green: #91b7a0;
  --lilac: #aaa0bf;
  --coral: #c49c9f;
  font-family: "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--background);
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; }
[hidden] { display: none !important; }
a { color: var(--blue-light); }
header {
  max-width: 1868px;
  margin: 0 auto;
  padding: 30px 34px 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-bottom: 10px solid var(--blue-light);
  border-radius: 0 0 0 72px;
  position: relative;
}
header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -10px;
  width: 23%;
  height: 10px;
  background: var(--gold);
  border-left: 10px solid var(--background);
  border-radius: 0 10px 10px 0;
}
.brand {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  color: var(--gold);
  text-decoration: none;
  font-size: clamp(1.3rem, 2.5vw, 1.75rem);
  font-weight: 750;
  letter-spacing: .02em;
}
.brand-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 44px;
  border-radius: 25px 6px 6px 25px;
  background: var(--gold);
  color: var(--background);
  font-size: 1.8rem;
  font-weight: 800;
}
nav { display: flex; gap: 10px; flex-wrap: wrap; }
nav a {
  padding: 12px 26px;
  border-radius: 28px;
  min-height: 48px;
  text-decoration: none;
  font-size: .95rem;
  font-weight: 750;
  color: var(--background);
  background: var(--lilac);
  border: 2px solid transparent;
}
nav a:nth-child(2) { background: var(--blue-light); }
nav a:hover { filter: brightness(1.12); }
nav a[aria-current] { background: var(--gold); border-color: var(--gold); }
main {
  max-width: 1800px;
  margin: 22px auto 0;
  padding: 28px 24px 52px 114px;
  min-height: calc(100vh - 195px);
  position: relative;
}
main::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 24px;
  width: 60px;
  border-radius: 42px 0 0 42px;
  background: linear-gradient(to bottom,
    var(--gold) 0 110px,
    var(--background) 110px 121px,
    var(--lilac) 121px 240px,
    var(--background) 240px 251px,
    var(--blue) 251px 360px,
    var(--background) 360px 371px,
    var(--green) 371px 100%);
}
.report-page main { max-width: 1080px; }
footer {
  max-width: 1732px;
  margin: 0 auto 24px;
  padding: 0 24px;
  display: flex;
  gap: 10px;
  height: 14px;
}
footer span { background: var(--blue); flex: 1; border-radius: 8px; }
footer span:first-child { background: var(--gold); flex: 2.5; }
footer span:nth-child(2) { background: var(--lilac); flex: 4; }
footer span:last-child { background: var(--green); flex: 1.5; }
h1, h2, h3 { line-height: 1.2; margin-top: 0; }
h1 { font-size: clamp(1.8rem, 3.6vw, 2.65rem); font-weight: 750; margin-bottom: 16px; color: var(--gold); }
h2 { font-size: 1.35rem; font-weight: 700; margin-bottom: 20px; color: var(--blue-light); }
p { margin-top: 0; }
.panel {
  background: var(--surface);
  border: 1px solid var(--line);
  border-top: 8px solid var(--blue);
  border-radius: 30px 10px 10px 10px;
  padding: 28px;
}
.ticket-panel { max-width: 900px; border-top: 0; padding: 0 30px 30px; overflow: hidden; }
.panel-heading {
  background: var(--lilac);
  color: var(--background);
  margin: 0 -30px 30px;
  padding: 20px 30px;
  border-radius: 30px 0 34px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}
.panel-heading h1 { color: var(--background); font-size: 1.8rem; margin: 0; }
label { display: block; font-size: 1rem; font-weight: 650; margin-bottom: 24px; color: var(--gold); }
input, select, textarea {
  display: block;
  width: 100%;
  margin-top: 9px;
  padding: 13px 16px;
  min-height: 50px;
  border: 1px solid #61729a;
  border-left: 5px solid var(--blue);
  border-radius: 6px 20px 20px 6px;
  background: var(--field);
  color: var(--ink);
  font: inherit;
  font-size: 1rem;
  font-weight: 400;
}
textarea { resize: vertical; line-height: 1.6; }
input::placeholder, textarea::placeholder { color: #a4b0ca; font-size: .95rem; }
input[type="file"] { padding: 12px; overflow-wrap: anywhere; }
input[type="file"]::file-selector-button {
  border: 0;
  background: var(--blue-light);
  color: var(--background);
  border-radius: 18px;
  padding: 8px 14px;
  font: inherit;
  font-size: .875rem;
  margin-right: 12px;
  cursor: pointer;
}
button, .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-height: 48px;
  padding: 12px 24px;
  border: 2px solid transparent;
  border-radius: 28px;
  background: var(--gold);
  color: var(--background);
  font: inherit;
  font-size: .95rem;
  font-weight: 750;
  cursor: pointer;
  text-decoration: none;
}
button:hover, .button:hover { filter: brightness(1.1); }
button:disabled { opacity: .55; cursor: wait; }
button.secondary { background: var(--blue-light); color: var(--background); }
button.text-button { background: var(--lilac); padding: 8px 15px; min-height: 42px; font-size: .875rem; white-space: nowrap; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid var(--green);
  outline-offset: 4px;
}
.form-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 12px; }
.form-bottom p { margin: 0; font-size: .95rem; color: var(--green); }
.form-bottom button { margin-left: auto; }
.honeypot { position: absolute; left: -9999px; }
.hint { font-size: .875rem; color: var(--muted); font-weight: 400; }
.eyebrow { font-size: .8rem; letter-spacing: .12em; font-weight: 750; color: var(--blue-light); margin: 0 0 12px; }
.page-heading { margin-bottom: 28px; }
.admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.admin-heading p:not(.eyebrow) { color: var(--muted); }
.narrow { max-width: 580px; }
.narrow h2 { margin-top: 12px; }
.badge { display: inline-block; background: var(--green); color: var(--background); padding: 4px 12px; border-radius: 20px; font-size: .8rem; font-weight: 700; }
.stats { display: grid; grid-template-columns: repeat(3,1fr) 1.3fr; gap: 14px; margin: 0 0 26px; }
.stats > div { display: flex; flex-direction: column; gap: 4px; padding: 18px 22px; border-radius: 26px 7px 26px 7px; background: var(--blue-light); color: var(--background); }
.stats > div:nth-child(2) { background: var(--gold); }
.stats > div:nth-child(3) { background: var(--lilac); }
.stats span { font-size: .875rem; font-weight: 650; }
.stats strong { font-size: 2.3rem; line-height: 1.2; font-weight: 750; }
.stats .vault-stat { flex-direction: row; align-items: center; justify-content: center; background: var(--green); font-size: .9rem; font-weight: 700; gap: 12px; }
.vault-dot { width: 9px; height: 9px; border-radius: 50%; background: #17442c; flex: none; }
.filterbar { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; margin-bottom: 14px; }
.filterbar label { margin: 0; flex: 1; min-width: 140px; font-size: .875rem; }
.filterbar .search { flex: 2.2; min-width: 230px; }
.filterbar select, .filterbar input { font-size: .95rem; }
.filterbar button { min-height: 50px; }
.list-panel { padding: 0; margin-bottom: 28px; overflow: hidden; border-top: 0; }
.list-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; background: var(--blue-light); color: var(--background); padding: 18px 24px; border-radius: 0 0 32px 0; }
.list-heading h2 { color: var(--background); margin: 0; font-size: 1.15rem; }
.list-heading .hint { color: #283855; }
.list-panel:nth-of-type(2) .list-heading { background: var(--lilac); }
.list-count { display: inline-block; margin-left: 8px; padding: 2px 10px; border-radius: 18px; background: var(--background); color: var(--ink); font-size: .875rem; }
.table-scroll { overflow-x: auto; }
table { width: 100%; min-width: 850px; border-collapse: collapse; text-align: left; }
th { color: var(--gold); background: #12192e; font-size: .8rem; font-weight: 700; padding: 15px 18px; border-bottom: 1px solid var(--line); }
td { padding: 18px; border-bottom: 1px solid var(--line); font-size: .9rem; vertical-align: middle; }
tbody tr:hover { background: #202a43; }
tbody tr:last-child td { border-bottom: 0; }
td:first-child { min-width: 240px; max-width: 380px; }
td strong { font-size: .95rem; color: var(--ink); overflow-wrap: anywhere; }
.ticket-subtitle { display: block; font-size: .8rem; margin-top: 6px; color: var(--muted); overflow-wrap: anywhere; }
.priority, .status { display: inline-block; padding: 5px 11px; border-radius: 20px; color: var(--background); font-size: .8rem; font-weight: 650; white-space: nowrap; }
.priority.normal { background: #b1bdd6; }
.priority.high { background: var(--gold); }
.priority.urgent { background: var(--coral); }
.status.offen { background: var(--blue-light); }
.status.in_bearbeitung { background: var(--gold); }
.status.abgeschlossen { background: var(--green); }
.date-cell { white-space: nowrap; font-size: .85rem; color: var(--muted); }
.empty { text-align: center; padding: 32px 20px; margin: 0; color: var(--muted); }
.pagination { display: flex; justify-content: center; align-items: center; gap: 20px; padding: 14px; font-size: .875rem; }
.pagination:empty { display: none; }
dialog { color: var(--ink); background: var(--surface); border: 2px solid var(--blue); border-top: 12px solid var(--lilac); border-radius: 30px 10px 10px 10px; padding: 28px; max-width: 730px; width: calc(100% - 32px); max-height: 90vh; overflow: auto; }
dialog::backdrop { background: #050a19c9; backdrop-filter: blur(3px); }
.dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 22px; }
.dialog-heading .eyebrow { margin: 0; overflow-wrap: anywhere; }
.dialog-heading button { padding: 9px 16px; flex: none; }
dialog h2 { font-size: 1.65rem; color: var(--gold); overflow-wrap: anywhere; }
dt { font-size: .9rem; color: var(--gold); font-weight: 700; margin-top: 20px; }
dd { margin: 8px 0 0; overflow-wrap: anywhere; }
.preserve { white-space: pre-wrap; }
#update-form { border-top: 1px solid var(--line); padding-top: 24px; margin-top: 26px; }
#detail-message, #login-status, #unlock-status, #admin-status { color: var(--gold); font-size: .95rem; overflow-wrap: anywhere; }
.success-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--green); color: var(--background); font-size: 1.8rem; margin: 30px 0 20px; }
#receipt { display: block; background: var(--field); border-left: 5px solid var(--green); padding: 18px; border-radius: 5px 22px 22px 5px; color: var(--blue-light); margin-bottom: 24px; overflow-wrap: anywhere; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (max-width: 1050px) {
  .stats { grid-template-columns: repeat(2,1fr); }
  main { padding-left: 88px; }
  main::before { width: 42px; }
}
@media (max-width: 680px) {
  header { padding: 20px 18px; flex-wrap: wrap; border-radius: 0 0 0 38px; }
  nav { width: 100%; gap: 8px; }
  nav a { flex: 1; text-align: center; padding: 10px 14px; font-size: .9rem; }
  .brand { font-size: 1.35rem; }
  .brand-icon { width: 42px; height: 36px; font-size: 1.4rem; }
  main { padding: 18px 16px 35px 38px; margin-top: 16px; }
  main::before { left: 10px; width: 13px; border-radius: 16px 0 0 16px; }
  .panel { padding: 22px; border-radius: 22px 8px 8px 8px; }
  .ticket-panel { padding: 0 20px 24px; }
  .panel-heading { margin: 0 -20px 26px; padding: 18px 20px; border-radius: 22px 0 28px 0; }
  .panel-heading h1 { font-size: 1.6rem; }
  .form-bottom { align-items: stretch; flex-direction: column; }
  .form-bottom button { width: 100%; margin: 0; }
  .admin-heading { align-items: start; gap: 12px; }
  .admin-heading h1 { font-size: 1.9rem; }
  .admin-heading button { padding: 10px 14px; font-size: .875rem; }
  .stats { gap: 10px; }
  .stats > div { padding: 15px; border-radius: 20px 6px 20px 6px; }
  .stats span { font-size: .875rem; }
  .stats .vault-stat { font-size: .875rem; flex-wrap: wrap; }
  .filterbar label, .filterbar .search { min-width: 100%; }
  .filterbar button { width: 100%; }
  .list-panel { padding: 0; }
  .list-heading { padding: 18px; }
  .list-heading > .hint { display: none; }
  .list-heading h2 { font-size: 1.05rem; }
  .pagination { gap: 10px; flex-wrap: wrap; }
  .pagination button { padding: 8px 12px; }
  dialog { padding: 20px; }
  .dialog-heading { align-items: start; flex-wrap: wrap; }
  footer { padding: 0 16px; margin-bottom: 16px; height: 10px; gap: 7px; }
}

#detail-attachments { display: flex; flex-wrap: wrap; gap: 10px; }
.attachment-button { background: var(--blue-light); padding: 10px 16px; font-size: .875rem; overflow-wrap: anywhere; max-width: 100%; text-align: left; }
/* Colourframe console navigation, comparison dashboard and form construction. */
html { scroll-behavior: smooth; scroll-padding-top: 20px; }
.workspace-menu { margin-bottom: 26px; gap: 8px; border-left: 28px solid var(--gold); border-radius: 26px 0 0 26px; padding-left: 10px; }
.workspace-menu a { background: var(--blue-light); border-radius: 6px 26px 26px 6px; padding: 12px 20px; }
.workspace-menu a:nth-child(2) { background: var(--green); }
.workspace-menu a:nth-child(3) { background: var(--lilac); }
.dashboard-panel, .editor-panel { padding: 0; margin: 30px 0; border-top: 0; overflow: hidden; }
.dashboard-panel > .list-heading { background: var(--green); }
.editor-panel > .list-heading { background: var(--gold); }
.dashboard-content, .editor-content { padding: 25px; }
.dashboard-controls, .editor-toolbar, .comparison-controls, .add-field-controls { display: flex; align-items: end; gap: 14px; flex-wrap: wrap; margin-bottom: 24px; }
.dashboard-controls label, .comparison-controls label { flex: 1; margin: 0; min-width: 140px; }
.comparison-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 26px; }
.comparison-panel { border: 1px solid var(--line); border-top: 6px solid var(--gold); border-radius: 22px 6px 6px 6px; padding: 20px; min-width: 0; }
.comparison-panel:nth-child(2) { border-top-color: var(--green); }
.comparison-controls label { font-size: .875rem; }
.comparison-chart { overflow-x: auto; }
.comparison-chart h3 { color: var(--blue-light); font-size: 1rem; }
.comparison-chart svg { display: block; width: 100%; min-width: 340px; }
.comparison-chart svg [role=button] { cursor: pointer; outline: none; }
.comparison-chart svg [role=button]:hover { opacity: .8; }
.comparison-chart svg [role=button]:focus { outline: 2px solid var(--green); outline-offset: 3px; }
.chart-legend { display: flex; flex-wrap: wrap; gap: 8px; }
.chart-legend button { padding: 8px 12px; font-size: .875rem; text-align: left; }
.legend-color-0 { background: var(--gold); }.legend-color-1 { background: var(--lilac); }.legend-color-2 { background: var(--blue-light); }.legend-color-3 { background: var(--green); }.legend-color-4 { background: var(--coral); }.legend-color-5 { background: var(--blue); }
.comparison-table { min-width: 720px; }
.editor-toolbar label { flex: 1; min-width: 230px; margin: 0; }
.editor-layout { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,1fr); gap: 28px; align-items: start; }
.editor-field { border: 1px solid var(--line); border-left: 6px solid var(--lilac); border-radius: 5px 22px 22px 5px; margin: 0 0 22px; padding: 18px; min-width: 0; }
.editor-field legend { color: var(--lilac); padding: 0 8px; font-weight: 700; }
.editor-field-row { display: grid; grid-template-columns: 1.3fr 1fr; gap: 14px; }
.editor-field label { font-size: .9rem; margin-bottom: 15px; }
.check-label, .checkbox-question { display: flex; align-items: center; gap: 12px; }
.check-label input, .checkbox-question input { width: 22px; min-height: 22px; height: 22px; margin: 0; flex: none; accent-color: var(--gold); }
.checkbox-question input { order: -1; }
.editor-field-actions { display: flex; justify-content: end; gap: 8px; }
.editor-field-actions button { min-height: 40px; padding: 8px 14px; font-size: .875rem; }
.add-field-controls label { flex: 1; margin: 0; }
.form-preview { padding: 22px; border: 1px solid var(--line); border-top: 7px solid var(--blue-light); border-radius: 24px 6px 6px 6px; background: var(--field); }
.preview-heading { border-bottom: 1px solid var(--line); margin-bottom: 25px; padding-bottom: 16px; }
.preview-heading h3 { color: var(--blue-light); margin-bottom: 8px; }
.preview-heading span { color: var(--muted); overflow-wrap: anywhere; }
#editor-message { color: var(--green); overflow-wrap: anywhere; }
.answer-row strong { color: var(--blue-light); font-size: .9rem; }
.answer-row p { margin-top: 5px; }
.attachment-row { width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 9px; }
.attachment-row > .hint { width: 100%; }
#image-viewer { background: var(--field); border: 1px solid var(--line); border-radius: 15px; padding: 18px; margin: 24px 0; }
.image-viewer-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; }
.image-viewer-heading h3 { font-size: 1rem; margin: 0; overflow-wrap: anywhere; }
.image-viewer-heading button { font-size: .875rem; padding: 8px 14px; }
#preview-image { display: block; max-width: 100%; width: auto; max-height: 65vh; height: auto; object-fit: contain; margin: 18px auto 0; }
@media (max-width: 1100px) { .comparison-grid, .editor-layout { grid-template-columns: 1fr; } }
@media (max-width: 680px) {
 .workspace-menu { border-left-width: 15px; padding-left: 6px; }
 .workspace-menu a { flex: 1 1 100%; border-radius: 5px 24px 24px 5px; }
 .dashboard-panel, .editor-panel { padding: 0; }
 .dashboard-content, .editor-content { padding: 18px; }
 .editor-toolbar label, .editor-toolbar button, .dashboard-controls label { flex: 1 1 100%; min-width: 0; }
 .comparison-panel { padding: 15px; }
 .comparison-chart svg { min-width: 310px; }
 .editor-field-row { grid-template-columns: 1fr; gap: 0; }
 .editor-field { padding: 14px; }
 .form-preview { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Colourframe boards and repair calendar. */
.workspace-menu { flex-wrap: wrap; }
.workspace-menu a { font-size: .9rem; padding: 10px 17px; }
.workspace-menu a:nth-child(2) { background: var(--gold); }
.workspace-menu a:nth-child(3) { background: var(--lilac); }
.workspace-menu a:nth-child(4) { background: var(--green); }
.workspace-menu a[aria-current] { border-color: var(--ink); }
.kanban-shell,.calendar-shell { padding: 0; border-top: 0; overflow: hidden; }
.kanban-shell>.list-heading { background: var(--gold); }
.calendar-shell>.list-heading { background: var(--lilac); }
.kanban-toolbar,.calendar-toolbar,.board-add-controls { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; padding: 24px; }
.kanban-toolbar label { flex: 1; min-width: 190px; margin: 0; }
.kanban-toolbar button { min-height: 50px; }
.board-add-controls { padding-top: 0; }
.board-add-controls label { flex: 1; min-width: 180px; margin: 0; }
.workflow-message { color: var(--green); padding: 0 24px; margin: 0 0 18px; overflow-wrap: anywhere; }
.kanban-columns { display: grid; grid-auto-flow: column; grid-auto-columns: 305px; gap: 16px; padding: 0 24px 28px; overflow-x: auto; align-items: start; scrollbar-color: var(--blue) var(--field); }
.kanban-column { --column-color: var(--blue-light); background: var(--field); border-radius: 24px 6px 6px 6px; border: 1px solid var(--line); min-height: 390px; }
.color-column-1 { --column-color: var(--gold); }.color-column-2 { --column-color: var(--coral); }.color-column-3 { --column-color: var(--green); }.color-column-4 { --column-color: var(--lilac); }.color-column-5 { --column-color: var(--blue); }
.kanban-column-heading { background: var(--column-color); color: var(--background); padding: 16px 18px; display: flex; justify-content: space-between; align-items: center; gap: 12px; border-radius: 23px 5px 26px 0; }
.kanban-column-heading h3 { font-size: 1.05rem; margin: 0; overflow-wrap: anywhere; }
.column-count { background: var(--background); color: var(--ink); border-radius: 15px; padding: 2px 9px; font-size: .875rem; flex: none; }
.kanban-card-list { padding: 14px; min-height: 320px; }
.kanban-card { padding: 17px; margin-bottom: 14px; background: var(--surface); border: 1px solid var(--line); border-left: 5px solid var(--column-color); border-radius: 4px 20px 20px 4px; cursor: grab; }
.kanban-card:last-child { margin-bottom: 0; }
.kanban-card .eyebrow { font-size: .75rem; letter-spacing: .04em; display: block; margin-bottom: 8px; }
.kanban-title { color: var(--ink); background: none; border: 0; padding: 0; min-height: 0; border-radius: 2px; justify-content: start; font-size: 1rem; text-align: left; width: 100%; overflow-wrap: anywhere; }
.kanban-card p { margin: 7px 0 12px; }
.card-contact,.card-target { font-size: .875rem; color: var(--muted); }
.card-badges { display: flex; flex-wrap: wrap; gap: 6px; margin: 14px 0; }
.card-move { display: grid; grid-template-columns: 1fr; gap: 8px; margin-top: 15px; }
.card-move select { font-size: .875rem; min-height: 43px; padding: 9px 11px; margin: 0; }
.card-move button { min-height: 40px; padding: 8px 13px; font-size: .875rem; }
.kanban-card>.text-button { width: 100%; margin-top: 10px; font-size: .8rem; background: transparent; color: var(--muted); }
.kanban-card.dragging { opacity: .45; }
.kanban-column.drag-over { outline: 3px solid var(--green); outline-offset: -3px; }
.kanban-card.drop-before { border-top: 5px solid var(--green); }
.column-editor-row { display: flex; align-items: end; gap: 8px; margin-bottom: 18px; }
.column-editor-row label { flex: 1; min-width: 0; margin: 0; }
.column-editor-row button { min-height: 48px; padding: 10px 13px; font-size: .875rem; }
#board-editor-message { color: var(--gold); margin: 20px 0; }
#detail-board-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
#detail-board-tags select { flex: 1; min-width: 150px; margin: 0; }
.board-tag-pill { background: var(--lilac); font-size: .875rem; padding: 8px 14px; min-height: 40px; }
.ticket-planning { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.calendar-legend { display: flex; gap: 10px; font-size: .8rem; font-weight: 650; }
.calendar-legend span { background: var(--blue-light); color: var(--background); padding: 4px 11px; border-radius: 20px; }
.calendar-legend .calendar-legend-target { background: var(--gold); }
.calendar-toolbar { align-items: center; }
.calendar-toolbar h3 { color: var(--blue-light); margin: 0; min-width: 160px; font-size: 1.2rem; }
.calendar-toolbar label { margin: 0; flex: 1; min-width: 180px; font-size: .875rem; }
.calendar-toolbar select { margin-top: 7px; }
.calendar-layout { display: grid; grid-template-columns: minmax(0,1fr) 270px; gap: 20px; padding: 0 24px 28px; }
.calendar-weekdays,.calendar-grid { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 5px; }
.calendar-weekdays { color: var(--blue-light); text-align: center; font-size: .875rem; font-weight: 700; padding: 12px 0; }
.calendar-day { padding: 7px; min-height: 145px; background: var(--field); border: 1px solid var(--line); border-radius: 5px 16px 16px 5px; min-width: 0; }
.calendar-day.other-month { background: #151b2b; }
.calendar-day.other-month>.day-number { color: var(--muted); }
.calendar-day.today { border-color: var(--gold); }
.calendar-day.selected { outline: 2px solid var(--green); outline-offset: -2px; }
.day-number { background: transparent; color: var(--ink); border: 0; padding: 4px 7px; min-height: 35px; min-width: 35px; border-radius: 20px; font-size: .875rem; margin-bottom: 4px; }
.calendar-day.today>.day-number { background: var(--gold); color: var(--background); }
.day-event-count { display: none; }
.calendar-event { width: 100%; display: block; background: var(--blue-light); color: var(--background); text-align: left; border-radius: 4px 14px 14px 4px; padding: 9px 12px; font-size: .875rem; overflow-wrap: anywhere; min-height: 44px; margin-bottom: 7px; }
.calendar-event.target { background: var(--gold); }
.calendar-event.overdue { background: var(--coral); }
.calendar-event.compact { font-size: .75rem; padding: 7px 8px; min-height: 35px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.calendar-more { background: transparent; color: var(--blue-light); padding: 5px; min-height: 30px; border: 0; font-size: .75rem; }
.calendar-agenda { background: var(--field); border: 1px solid var(--line); border-top: 6px solid var(--green); border-radius: 22px 6px 6px 6px; padding: 18px; }
.calendar-agenda h3 { color: var(--green); font-size: 1.05rem; }
.agenda-entry { margin-bottom: 20px; }
@media(max-width: 1200px) { .calendar-layout { grid-template-columns: 1fr; }.calendar-agenda { min-height: 140px; } }
@media(max-width: 680px) {
 .kanban-shell,.calendar-shell { padding: 0; }
 .kanban-toolbar,.calendar-toolbar,.board-add-controls { padding: 18px; }
 .kanban-toolbar label,.kanban-toolbar button,.board-add-controls label,.board-add-controls button { flex: 1 1 100%; min-width: 0; }
 .kanban-columns { grid-auto-columns: minmax(250px,85vw); padding: 0 18px 22px; }
 .calendar-layout { padding: 0 12px 20px; }
 .calendar-toolbar h3 { flex: 1; min-width: 110px; font-size: 1.1rem; }
 .calendar-toolbar label { flex: 1 1 100%; min-width: 0; }
 .calendar-toolbar>button { padding: 9px 14px; }
 .calendar-shell>.list-heading { align-items: start; flex-wrap: wrap; }
 .calendar-day { min-height: 77px; padding: 3px; text-align: center; }
 .day-number { min-width: 100%; min-height: 44px; padding: 4px; font-size: .875rem; }
 .calendar-event.compact,.calendar-more { display: none; }
 .day-event-count { display: inline-block; background: var(--blue-light); color: var(--background); border-radius: 9px; padding: 0 6px; font-size: .75rem; }
 .calendar-weekdays,.calendar-grid { gap: 3px; }
 .ticket-planning { grid-template-columns: 1fr; gap: 0; }
 .column-editor-row { flex-wrap: wrap; }
 .column-editor-row label { flex-basis: 100%; }
}

/* Quiet, modern interface: restrained accents and fine framing. */
header { padding: 22px 28px 18px; justify-content: flex-end; border-bottom: 1px solid var(--line); border-radius: 0; }
header::after { display: none; }
nav a { background: var(--surface); color: var(--muted); border: 1px solid var(--line); border-radius: 12px; font-weight: 600; }
nav a:nth-child(2) { background: var(--surface); }
nav a[aria-current] { background: #293346; color: var(--ink); border-color: var(--blue); }
nav a:hover { background: #293346; filter: none; color: var(--ink); }
main { padding-left: 54px; }
main::before { width: 8px; border-radius: 6px; opacity: .65; }
footer { height: 3px; opacity: .6; }
h1 { color: var(--ink); font-weight: 650; }
h2 { font-weight: 600; }
label { color: #c8cfdd; font-weight: 550; }
.panel { border-radius: 18px; border-top-width: 2px; box-shadow: 0 12px 36px #00000018; }
.ticket-panel, .list-panel, .dashboard-panel, .editor-panel { border-top-width: 1px; }
.panel-heading { background: #242b3d; color: var(--ink); border-radius: 0; border-bottom: 1px solid var(--line); }
.panel-heading h1 { color: var(--ink); font-weight: 600; }
.list-heading, .list-panel:nth-of-type(2) .list-heading, .dashboard-panel > .list-heading, .editor-panel > .list-heading { background: #20283b; color: var(--ink); border-radius: 0; border-bottom: 1px solid var(--line); }
.list-heading h2 { color: var(--ink); }
input, select, textarea { border-color: var(--line); border-left-width: 2px; border-radius: 10px; }
button { border-radius: 12px; font-weight: 600; }
.workspace-menu { border-left-width: 3px; border-radius: 0; gap: 8px; padding-left: 12px; }
.workspace-menu a, .workspace-menu a:nth-child(n) { background: var(--surface); color: var(--muted); border-radius: 10px; }
.workspace-menu a[aria-current] { background: #293346; color: var(--ink); border-color: var(--blue); }
.stats > div, .stats > div:nth-child(n), .stats .vault-stat { background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-top: 2px solid var(--blue); border-radius: 14px; }
.stats > div:nth-child(2) { border-top-color: var(--gold); }
.stats > div:nth-child(3) { border-top-color: var(--lilac); }
.stats .vault-stat { border-top-color: var(--green); color: var(--green); }
.vault-dot { background: var(--green); }
.comparison-panel, .form-preview, .calendar-agenda { border-top-width: 2px; border-radius: 14px; }
.editor-field { border-left-width: 2px; border-radius: 12px; }
#receipt { border-left-width: 2px; border-radius: 10px; }
dialog { border-radius: 18px; box-shadow: 0 24px 80px #00000060; }
.kanban-column { border-radius: 16px; }
.kanban-column-heading { background: #20283b; color: var(--ink); border-radius: 15px 15px 0 0; border-top: 3px solid var(--column-color); border-bottom: 1px solid var(--line); }
.kanban-card { border-left-width: 2px; border-radius: 12px; }
.kanban-card.drop-before { border-top-width: 2px; }
.calendar-day { border-radius: 10px; }
.calendar-event { border-radius: 8px; }
@media (max-width: 1050px) { main { padding-left: 54px; } main::before { width: 8px; } }
@media (max-width: 680px) {
 header { padding: 16px; border-radius: 0; }
 main { padding-left: 30px; } main::before { width: 4px; }
 .panel { border-radius: 14px; } .panel-heading { border-radius: 0; }
 .stats > div { border-radius: 12px; }
 .workspace-menu { border-left-width: 2px; } .workspace-menu a { border-radius: 10px; }
 footer { height: 3px; }
}
/* Ticket workbench: readable content and a dedicated planning sidebar. */
#ticket-dialog { width: min(1100px,95vw); max-width: 1100px; max-height: 92vh; padding: 0; overflow-y: auto; }
.ticket-detail-header { padding: 26px 30px 22px; border-bottom: 1px solid var(--line); background: #20283b; }
.ticket-detail-header .dialog-heading { margin-bottom: 18px; }
.ticket-detail-header .eyebrow { margin: 0; color: var(--muted); font-size: .75rem; }
.ticket-header-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.ticket-header-actions button { padding: 8px 12px; min-height: 40px; font-size: .8rem; background: var(--surface); color: var(--ink); border: 1px solid var(--line); }
.ticket-title-row { display: flex; align-items: start; gap: 16px; justify-content: space-between; }
.ticket-title-row h2 { margin-bottom: 12px; color: var(--ink); font-size: clamp(1.4rem,2.5vw,1.9rem); overflow-wrap: anywhere; }
.ticket-state { border-radius: 20px; background: #333d51; color: var(--blue-light); padding: 7px 12px; font-size: .8rem; white-space: nowrap; }
.ticket-state[data-state=abgeschlossen] { background: #283f36; color: var(--green); }
.ticket-state[data-state=in_bearbeitung] { background: #413a32; color: var(--gold); }
.ticket-quick-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.ticket-quick-actions button { background: transparent; border: 1px solid var(--line); color: var(--blue-light); padding: 9px 14px; font-size: .8rem; min-height: 40px; }
.ticket-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; }
.ticket-detail-main { padding: 28px 30px; min-width: 0; }
.ticket-detail-sidebar { padding: 28px 24px; background: var(--field); border-left: 1px solid var(--line); min-width: 0; }
.ticket-detail-section { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--line); }
.ticket-detail-section:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.ticket-detail-section h3, #update-form h3 { font-size: .85rem; font-weight: 650; color: var(--blue-light); margin-bottom: 18px; }
.ticket-person { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 0 0 24px; }
.ticket-person dt { color: var(--muted); font-size: .75rem; margin: 0 0 6px; }
.ticket-person dd { margin: 0; font-size: .95rem; overflow-wrap: anywhere; }
.ticket-description { line-height: 1.8; font-size: 1rem; margin: 0; overflow-wrap: anywhere; }
.ticket-notes { background: var(--field); padding: 18px; border-radius: 12px; font-size: .9rem; line-height: 1.75; overflow-wrap: anywhere; }
.ticket-timeline { list-style: none; margin: 0; padding: 0; }
.ticket-timeline li { border-left: 2px solid var(--line); padding: 0 0 20px 18px; display: flex; flex-direction: column; gap: 5px; }
.ticket-timeline li:last-child { padding-bottom: 0; }
.ticket-timeline strong { color: var(--ink); font-size: .85rem; font-weight: 550; }
.ticket-timeline time { color: var(--muted); font-size: .8rem; }
#ticket-dialog #update-form { margin: 0; padding: 0; border: 0; }
.ticket-detail-sidebar label { font-size: .85rem; margin-bottom: 20px; }
.ticket-detail-sidebar input, .ticket-detail-sidebar select, .ticket-detail-sidebar textarea { margin-top: 8px; }
.date-shortcuts, .note-shortcuts { display: flex; flex-wrap: wrap; gap: 6px; margin: -10px 0 16px; }
.date-shortcuts button, .note-shortcuts button { background: var(--surface); color: var(--muted); border: 1px solid var(--line); border-radius: 8px; padding: 7px 10px; min-height: 36px; font-size: .75rem; }
#export-ticket-calendar { width: 100%; font-size: .8rem; background: var(--surface); color: var(--blue-light); border: 1px solid var(--line); }
.calendar-export-hint { margin: 10px 0 24px; font-size: .75rem; }
.ticket-save-area { border-top: 1px solid var(--line); padding-top: 16px; }
.ticket-save-area button { width: 100%; }
.ticket-save-area > .hint { display: block; text-align: center; margin-top: 12px; font-size: .75rem; }
@media (max-width: 800px) {
 .ticket-detail-layout { grid-template-columns: 1fr; }
 .ticket-detail-sidebar { border-left: 0; border-top: 1px solid var(--line); }
 .ticket-detail-header, .ticket-detail-main, .ticket-detail-sidebar { padding: 22px; }
 .ticket-title-row { flex-wrap: wrap; gap: 4px; }
 .ticket-person { grid-template-columns: 1fr; }
 .ticket-detail-header .dialog-heading { align-items: center; }
}
.staff-layout { display: grid; grid-template-columns: minmax(240px,1fr) minmax(0,1.4fr); gap: 32px; }
.staff-form-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.staff-form-actions button { font-size: .85rem; }
.staff-cards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.staff-card { background: var(--field); border: 1px solid var(--line); color: var(--ink); padding: 18px; display: flex; flex-direction: column; align-items: start; gap: 8px; text-align: left; overflow-wrap: anywhere; }
.staff-card span, .staff-card small { color: var(--muted); font-size: .8rem; font-weight: 400; }
.task-heading { display: flex; justify-content: space-between; gap: 12px; }
.ticket-task { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; }
.ticket-task label { display: flex; align-items: center; gap: 12px; flex: 1; margin: 0; font-size: .9rem; min-width: 0; }
.ticket-task input { width: 18px; min-height: 18px; height: 18px; margin: 0; flex: none; accent-color: var(--green); }
.ticket-task span { overflow-wrap: anywhere; }
.ticket-task.is-done span { color: var(--muted); text-decoration: none; }
.ticket-task button { background: transparent; color: var(--muted); padding: 4px 8px; min-height: 36px; border-radius: 8px; }
.task-add { display: flex; gap: 8px; margin: 16px 0 12px; }
.task-add input { margin: 0; min-width: 0; flex: 1; }
.task-add button { font-size: .8rem; padding: 10px 12px; }
@media(max-width: 800px) { .staff-layout { grid-template-columns: 1fr; } }
@media(max-width: 480px) { .staff-cards { grid-template-columns: 1fr; } .task-add { flex-direction: column; } }
.device-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.device-grid label { margin: 0; font-size: .8rem; color: var(--muted); }
.device-grid input { margin-top: 7px; font-size: .9rem; }
.preset-field-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--line); border-radius: 12px; margin-bottom: 18px; }
.preset-field-controls button { font-size: .85rem; }
@media(max-width: 480px) { .device-grid { grid-template-columns: 1fr; } }
/* Ticket tabs keep the workbench clear while planning remains available. */
.ticket-detail-tabs { display: flex; gap: 6px; padding: 12px 30px; background: var(--surface); border-bottom: 1px solid var(--line); overflow-x: auto; }
.ticket-detail-tabs [role=tab] { background: transparent; color: var(--muted); border: 1px solid transparent; border-radius: 10px; padding: 10px 16px; font-size: .9rem; font-weight: 550; white-space: nowrap; flex: none; }
.ticket-detail-tabs [role=tab][aria-selected=true] { background: #293346; border-color: var(--line); color: var(--ink); }
.ticket-detail-tabs [role=tab]:hover { background: #242d40; }
.ticket-tab-panel:focus { outline: none; }
.ticket-tab-panel:focus-visible { outline: 2px solid var(--blue); outline-offset: 5px; border-radius: 8px; }
.ticket-add-details { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 26px; }
.ticket-add-details button { background: transparent; color: var(--blue-light); border: 1px dashed var(--line); padding: 10px 14px; font-size: .85rem; }
.ticket-add-details:has(button:not([hidden])) { padding-bottom: 4px; }
#external-ticket-section label { margin-bottom: 12px; font-size: .85rem; }
#remove-external-ticket { background: transparent; color: var(--muted); padding: 4px 8px; font-size: .8rem; min-height: 32px; }
#focus-ticket-note { padding: 8px 12px; min-height: 36px; font-size: .8rem; }
@media(max-width:800px) { .ticket-detail-tabs { padding: 10px 22px; } .ticket-detail-tabs [role=tab] { padding: 9px 12px; font-size: .85rem; } }
/* Clear, restrained action colours throughout the interface. */
body.colourframe button, body.colourframe nav a {
 --action-bg: #3c506e; --action-line: #627da3;
 background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line);
 box-shadow: 0 2px 5px #00000018;
 transition: background-color .15s ease, box-shadow .15s ease;
}
body.colourframe button:hover:not(:disabled), body.colourframe nav a:hover { filter: brightness(1.14); box-shadow: 0 3px 10px #00000028; }
body.colourframe button:focus-visible, body.colourframe nav a:focus-visible { outline: 2px solid var(--blue-light); outline-offset: 3px; }
body.colourframe button:disabled { opacity: .45; filter: none; box-shadow: none; }
body.colourframe :is(button[id^="save-"], #add-board-ticket, #focus-ticket-note, button[data-ticket-status="abgeschlossen"]) { --action-bg: #34574a; --action-line: #638f78; background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe :is(button[id^="add-"], button[id^="new-"], button[data-ticket-status="in_bearbeitung"]) { --action-bg: #66503d; --action-line: #9b7b58; background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe :is(#export-ticket-calendar, button[data-note-template], .board-tag-pill) { --action-bg: #504660; --action-line: #847398; background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe :is(button[id^="close-"], #logout) { --action-bg: #3d4659; --action-line: #66738d; background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe :is(.destructive, #remove-external-ticket, button[data-goal-days="clear"], .ticket-task button) { --action-bg: #633d44; --action-line: #a46b75; background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe nav a[aria-current] { background-color: #4b6285; color: var(--ink); border-color: #8aa4ca; box-shadow: inset 0 -2px 0 #a2b2cb; }
body.colourframe .workspace-menu a:nth-child(2) { --action-bg: #66503d; --action-line: #9b7b58; }
body.colourframe .workspace-menu a:nth-child(3) { --action-bg: #504660; --action-line: #847398; }
body.colourframe .workspace-menu a:nth-child(4) { --action-bg: #34574a; --action-line: #638f78; }
body.colourframe .ticket-detail-tabs [role=tab] { background-color: var(--action-bg); color: var(--ink); border-color: var(--action-line); }
body.colourframe #ticket-tab-notes { --action-bg: #504660; --action-line: #847398; }
body.colourframe #ticket-tab-steps { --action-bg: #66503d; --action-line: #9b7b58; }
body.colourframe #ticket-tab-files { --action-bg: #34574a; --action-line: #638f78; }
body.colourframe .ticket-detail-tabs [role=tab][aria-selected=true] { box-shadow: inset 0 -3px 0 var(--action-line), 0 2px 8px #00000020; border-color: var(--action-line); filter: brightness(1.18); font-weight: 650; }
body.colourframe .calendar-event.target { --action-bg: #66503d; --action-line: #9b7b58; }
body.colourframe .calendar-event.overdue { --action-bg: #633d44; --action-line: #a46b75; }
body.colourframe .legend-color-0 { --action-bg: #66503d; }
body.colourframe .legend-color-1 { --action-bg: #504660; }
body.colourframe .legend-color-2 { --action-bg: #3c506e; }
body.colourframe .legend-color-3 { --action-bg: #34574a; }
body.colourframe .legend-color-4 { --action-bg: #633d44; }
body.colourframe .legend-color-5 { --action-bg: #405a68; }
body.colourframe .staff-card span, body.colourframe .staff-card small { color: #d4dce7; }
body.colourframe :is(input, select, textarea) { border-color: #50617d; }
body.colourframe :is(input, select, textarea):focus { border-color: #91a8cb; outline: 2px solid #91a8cb; outline-offset: 2px; }
@media(prefers-reduced-motion:reduce) { body.colourframe button, body.colourframe nav a { transition: none; } }
/* Settings, three ticket queues and the note workbench. */
.active-person-bar { display: flex; gap: 16px; align-items: center; justify-content: flex-end; margin-bottom: 22px; padding: 14px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.active-person-bar label { display: flex; align-items: center; gap: 12px; margin: 0; font-size: .85rem; }
.active-person-bar select { width: auto; min-width: 190px; margin: 0; }
.management-menu { display: flex; justify-content: space-between; align-items: center; gap: 18px; margin-top: 36px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.management-menu > span { color: var(--muted); font-size: .9rem; }
.settings-tabs { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 24px; }
.settings-tabs [aria-selected=true] { box-shadow: inset 0 -3px 0 var(--blue-light); }
#settings-view .editor-panel { margin-top: 0; }
#settings-view .editor-layout { grid-template-columns: minmax(0,1.2fr) minmax(0,.8fr); gap: 24px; }
#settings-view .editor-field { background: var(--field); border-radius: 14px; padding: 22px; border-left: 3px solid var(--lilac); }
#settings-view .editor-field legend { color: var(--blue-light); padding: 0 8px; font-weight: 600; font-size: .8rem; }
#settings-view .form-preview { position: sticky; top: 20px; border-top: 3px solid var(--green); }
.next-step-summary { padding: 20px 0; border-top: 1px solid var(--line); }
#sidebar-next-step { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
#sidebar-next-step strong { font-size: .9rem; overflow-wrap: anywhere; }
#sidebar-next-step span { color: var(--gold); font-size: .8rem; }
#open-next-steps { width: 100%; font-size: .8rem; }
.task-add { flex-wrap: wrap; }
#task-new-date { flex: 0 1 150px; }
.ticket-task .task-date { width: 145px; min-height: 38px; height: auto; margin: 0; flex: none; font-size: .8rem; }
.note-composer { padding: 22px; border: 1px solid var(--line); background: var(--field); border-radius: 14px; margin-bottom: 30px; }
.note-composer h3 { margin: 0; font-size: 1rem; color: var(--ink); }
.note-meta-fields { display: grid; grid-template-columns: minmax(0,1fr) 145px; gap: 14px; margin-top: 20px; }
.note-meta-fields label { font-size: .8rem; margin-bottom: 14px; }
.note-format-toolbar { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 10px; }
.note-format-toolbar button { padding: 7px 12px; min-height: 34px; font-size: .8rem; }
.note-composer textarea { margin: 0 0 20px; line-height: 1.7; min-height: 220px; }
.note-composer-bottom { display: flex; justify-content: space-between; gap: 12px; align-items: center; flex-wrap: wrap; margin-top: 18px; }
.note-composer-bottom button { font-size: .85rem; }
.note-preview { border: 1px solid var(--line); border-radius: 10px; padding: 12px; margin-top: 18px; }
.note-preview summary { color: var(--blue-light); cursor: pointer; font-size: .8rem; }
#note-preview-content { margin-top: 14px; font-size: .9rem; overflow-wrap: anywhere; }
.note-history-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 22px; }
.note-history-controls label { font-size: .8rem; margin: 0; }
.note-history-card { background: var(--field); border: 1px solid var(--line); border-left: 3px solid var(--lilac); border-radius: 12px; padding: 20px; margin-bottom: 16px; }
.note-card-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 14px; font-size: .8rem; }
.note-card-meta strong { color: var(--blue-light); }
.note-card-meta time { color: var(--muted); }
.note-card-meta span { color: var(--gold); padding: 3px 8px; border: 1px solid var(--line); border-radius: 12px; }
.note-history-card h4 { margin: 0 0 14px; font-size: .95rem; }
.note-card-body { font-size: .95rem; line-height: 1.8; overflow-wrap: anywhere; }
.note-card-body p { margin: 0 0 8px; }
@media(max-width:1100px){#settings-view .editor-layout { grid-template-columns: 1fr; }#settings-view .form-preview { position: static; }}
@media(max-width:680px){.active-person-bar,.active-person-bar label { align-items: stretch; flex-direction: column; }.active-person-bar select { width: 100%; }.management-menu { flex-direction: column; align-items: stretch; }.settings-tabs button { flex: 1 1 100%; }.note-meta-fields,.note-history-controls { grid-template-columns: 1fr; }.note-composer { padding: 16px; }.ticket-task { flex-wrap: wrap; }.ticket-task label { flex-basis: 100%; }.ticket-task .task-date { flex: 1; width: auto; }}
.entry-links { display: flex; flex-direction: column; gap: 12px; margin-top: 26px; }
.entry-links a { text-align: center; }
body.colourframe #delete-record { background-color: #633d44; border-color: #a46b75; color: var(--ink); }

/* Originaler Vergleichsstil, nur im Ticket-Dashboard. */
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe{--lc-orange:#ffbd87;--lc-blue:#a6bfff;--lc-lilac:#c6a4df;--lc-dark:#101b19;margin:34px 0;background:var(--lc-dark);color:#f5f7ef;border:2px solid #769a85;border-radius:32px 32px 26px 26px;padding:0 24px 18px;overflow:hidden}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-header{display:flex;align-items:center;gap:20px;padding:24px 0;border-bottom:10px solid var(--lc-orange);position:relative;margin-bottom:22px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-elbow{align-self:stretch;display:grid;place-items:center;background:var(--lc-orange);color:#101b19;min-width:70px;border-radius:24px 0 0 0;font:900 23px Arial,sans-serif;letter-spacing:.08em}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-kicker{font:800 11px Arial,sans-serif;letter-spacing:.16em;color:var(--lc-orange)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-header h2{margin:8px 0 0;color:#fff;font-size:30px;letter-spacing:-.04em}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-live{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-size:12px;color:#d5dfd6}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe button{border:0;border-radius:30px;padding:10px 18px;background:var(--lc-blue);color:#101b19;font:800 12px Arial,sans-serif;cursor:pointer}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe button:hover{filter:brightness(1.1)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe button:disabled{opacity:.5;cursor:default}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe :is(button,select,summary,a):focus-visible{outline:3px solid #fff;outline-offset:4px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-controls label{flex:1;min-width:150px;color:#d5dfd6;font-size:12px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-controls select{background:#24352d;color:#fff;border-color:#688a77;font-size:13px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch{display:flex;gap:5px;padding-bottom:2px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button{background:#35453d;color:#d5dfd6}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[aria-pressed=true]{background:var(--lc-orange);color:#101b19}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals{display:grid;grid-template-columns:.7fr 1fr 1fr;gap:12px;margin-bottom:22px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals>div{background:#23382d;border-left:12px solid var(--lc-blue);border-radius:0 16px 16px 0;padding:18px 20px;min-width:0}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals>div:nth-child(2){border-color:var(--lc-lilac)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals>div:nth-child(3){border-color:var(--lc-orange)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals span{font-size:11px;letter-spacing:.12em;color:#d5dfd6;font-weight:800}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals strong{display:block;font:800 clamp(22px,3vw,34px) Manrope,Arial,sans-serif;margin-top:10px;color:#fff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel{min-width:0;background:#192b23;border:1px solid #4a6956;border-radius:18px;padding:20px 16px 12px;overflow:hidden}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel-heading span{display:block;color:var(--lc-lilac);font:800 10px Arial,sans-serif;letter-spacing:.12em}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel h3{font-size:20px;color:#fff;margin:9px 0 14px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll{overflow-x:auto;scrollbar-color:#ffbd87 #192b23;min-height:310px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll svg{display:block;width:100%;height:310px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-gridline{stroke:#4a6956;stroke-width:1}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-axis{fill:#d5dfd6;font:11px Arial,sans-serif}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-line{fill:none;stroke:#ffbd87;stroke-width:3;stroke-linejoin:round}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-area{fill:#ffbd87;opacity:.12}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-dot,:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-provision{fill:#ffbd87}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-dot{stroke:#101b19;stroke-width:2}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-payout{fill:#a6bfff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll g:focus{outline:none}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll g:focus :is(circle,rect){stroke:#fff;stroke-width:3}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:11px;color:#d5dfd6;min-height:20px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend span{display:flex;gap:7px;align-items:center}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend i{display:inline-block;width:13px;height:8px;border-radius:4px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .payout-key{background:#a6bfff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .provision-key{background:#ffbd87}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-empty{padding:70px 20px;text-align:center;color:#d5dfd6}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-details{margin-top:20px;border:1px solid #4a6956;border-radius:14px;background:#192b23}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-details summary{cursor:pointer;padding:16px 20px;font-weight:800;color:var(--lc-orange)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-table-scroll{overflow-x:auto}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe table{min-width:1000px;font-variant-numeric:tabular-nums}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe :is(th,td){background:#192b23;color:#f5f7ef;border-color:#4a6956}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe th{background:#263e31}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe td:not(:first-child){text-align:right}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe td:first-child{min-width:230px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view).comparison-colourframe td a{color:#a6bfff;font-weight:700}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom{display:flex;gap:8px;align-items:center;margin-top:22px;color:#101b19;font:800 10px Arial,sans-serif;letter-spacing:.08em}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom span{background:var(--lc-blue);padding:10px 24px;border-radius:0 0 0 18px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom i{height:12px;flex:1;background:var(--lc-lilac)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom i:nth-child(3){flex:.3;background:var(--lc-orange)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom b{background:var(--lc-orange);padding:10px 20px;border-radius:0 0 18px 0}@media(max-width:1100px){.comparison-panels{grid-template-columns:1fr}}@media(max-width:600px){.comparison-colourframe{padding:0 14px 14px;border-radius:22px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-header{gap:12px;flex-wrap:wrap;padding-top:18px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-header h2{font-size:23px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-elbow{min-width:45px;min-height:62px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-live{margin-left:0;width:100%;flex-direction:row;justify-content:space-between;align-items:center}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals{grid-template-columns:1fr}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals>div{display:flex;align-items:center;justify-content:space-between;gap:12px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-totals strong{margin:0;font-size:25px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel{padding:18px 10px 10px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-bottom b{padding:10px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-controls label{min-width:130px}}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .unused-contrast{background:#000!important;color:#fff!important;border-color:#fff!important}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .unused-contrast{background:#000!important;color:#fff!important;border-color:#fff!important}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .unused-contrast{stroke:#fff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel>.comparison-chart-switch{margin-top:16px;padding-top:14px;border-top:1px solid #4a6956;flex-wrap:wrap;justify-content:center}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-slice{stroke:#101b19;stroke-width:3;stroke-linejoin:round}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll g:focus .comparison-slice{stroke:#fff;stroke-width:5}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-total{fill:#fff;font:700 14px Arial,sans-serif}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend{display:grid;gap:9px;padding:0 12px 12px;font-size:12px;color:#d5dfd6}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend>div{display:flex;gap:9px;align-items:center}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend i{width:12px;height:12px;border-radius:50%;flex:none}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend span{flex:1;overflow-wrap:anywhere}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend strong{color:#fff;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll .comparison-line{stroke:var(--chart-accent,#ffbd87);filter:drop-shadow(0 0 3px var(--chart-secondary,#ff985f))}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll .comparison-area{fill:var(--chart-accent,#ffbd87);opacity:.13}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll .comparison-dot{fill:var(--chart-secondary,#ff985f);stroke:var(--chart-accent,#ffbd87);stroke-width:2}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-column{stroke:var(--chart-accent);stroke-width:.7}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme] .comparison-pie-total{fill:var(--chart-accent)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="one"][data-chart-mode="line"][aria-pressed="true"]{background:#ffc06e}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="one"][data-chart-mode="bar"][aria-pressed="true"]{background:#b9a1ff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="one"][data-chart-mode="pie"][aria-pressed="true"]{background:#ffd166}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="two"][data-chart-mode="line"][aria-pressed="true"]{background:#6ee7c8}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="two"][data-chart-mode="bar"][aria-pressed="true"]{background:#ff91cd}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-switch button[data-chart-panel="two"][data-chart-mode="pie"][aria-pressed="true"]{background:#74d6f0}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel{--panel-accent:#ffc06e;--panel-secondary:#ff785a;display:flex;flex-direction:column;min-width:0;padding:20px 14px 14px;border:1px solid #4a6956;border-top:3px solid var(--panel-accent);border-radius:16px;background:#192b23}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel[data-comparison-panel="two"]{--panel-accent:#6ee7c8;--panel-secondary:#64baff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel-heading span{color:var(--panel-secondary)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel h3{margin:8px 0 12px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel>.comparison-chart-scroll{display:flex;flex-direction:column;flex:1;min-height:340px;margin-bottom:12px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme$="-line"] svg,:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme$="-bar"] svg{flex:1;width:100%;height:100%;min-height:340px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme$="-pie"] svg{width:100%;height:auto;min-height:310px;flex:none}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend{padding-left:4px;padding-right:4px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel>.comparison-chart-switch{flex:none;margin-top:auto;padding-top:12px;justify-content:center;border-top:1px solid #4a6956;gap:7px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel>.comparison-chart-switch button{border-radius:24px;padding:10px 18px}@media(max-width:600px){.comparison-panel{padding:18px 10px 12px}}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel{border:0;box-shadow:none}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .unused-contrast{border:0!important;box-shadow:none!important}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-panel>.comparison-chart-scroll{display:block;min-height:310px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme] svg{display:block;flex:none;width:100%;height:310px;min-height:0}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll [data-comparison-event]{cursor:pointer}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll g[data-comparison-event]:hover :is(circle,rect,path){stroke:#fff;stroke-width:3}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll g[data-comparison-event][aria-expanded="true"] :is(circle,rect,path){stroke:#fff;stroke-width:4}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend>button{display:flex;width:100%;gap:9px;align-items:center;text-align:left;border-radius:8px;padding:7px 8px;background:transparent;color:#d5dfd6;font:inherit}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend>button:hover,:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend>button[aria-expanded="true"]{background:#2d4436}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail[hidden]{display:none!important}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail{--detail-accent:#ffc06e;--detail-secondary:#ff785a;margin-top:20px;padding:0 20px 20px 28px;background:#13231c;border-left:12px solid var(--detail-accent);border-radius:22px 12px 12px 22px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:7px solid var(--detail-accent)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-detail-label{font:800 11px Arial,sans-serif;letter-spacing:.12em;color:var(--detail-secondary)}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail header button{background:var(--detail-secondary);color:#101b19}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail h3{color:#fff;font-size:24px;overflow-wrap:anywhere;margin:10px 0}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-detail-date{font-size:13px;color:#d5dfd6;margin:0 0 18px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail dl>div{padding:12px;background:#22372c;border-radius:8px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail dt{font-size:12px;color:#d5dfd6}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail dd{font-size:21px;font-weight:800;color:#fff;margin:8px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-detail-open{display:inline-block;background:var(--detail-accent);color:#101b19!important;font-weight:800;font-size:12px;border-radius:24px;padding:10px 18px}@media(max-width:650px){.comparison-event-detail{padding-left:16px;padding-right:14px;border-left-width:8px}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail dl{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail h3{font-size:21px}}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .unused-contrast{background:#000!important;color:#fff!important;border-color:#fff!important}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail[data-detail-side="two"]{border-left:0;border-right:12px solid var(--detail-accent);border-radius:12px 22px 22px 12px;padding-left:20px;padding-right:28px}@media(max-width:650px){.comparison-event-detail[data-detail-side="two"]{border-right-width:8px;padding-left:14px;padding-right:16px}}

:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-chart-scroll[data-chart-scheme] svg.comparison-wide{width:auto;min-width:100%}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend svg{width:12px;height:12px;min-width:12px}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail header{position:static;background:transparent;margin:0;max-width:none;width:auto;box-shadow:none}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail header button{min-height:36px}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="one-line"]{--chart-accent:#ffc06e;--chart-secondary:#ff785a}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="two-line"]{--chart-accent:#6ee7c8;--chart-secondary:#64baff}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="one-bar"]{--chart-accent:#b9a1ff;--chart-secondary:#758cff}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="two-bar"]{--chart-accent:#ff91cd;--chart-secondary:#c58cf5}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="one-pie"]{--chart-accent:#ffd166;--chart-secondary:#ff985f}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) [data-chart-scheme="two-pie"]{--chart-accent:#74d6f0;--chart-secondary:#7f9dff}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-event-detail[data-detail-side="two"]{--detail-accent:#6ee7c8;--detail-secondary:#64baff}
.upcoming-agenda{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.upcoming-agenda .agenda-entry{margin-bottom:14px}.upcoming-agenda time{display:block;font-size:.8rem;color:var(--muted);margin-bottom:5px}
/* Eigenständige, abgestimmte Farben der Navigation. */
body.colourframe header>nav,body.colourframe .workspace-menu,body.colourframe .management-menu{background:linear-gradient(110deg,#1c2838,#282536);padding:12px;border:1px solid #3e465c;border-radius:18px;gap:10px}
body.colourframe nav a{border:1px solid var(--action-line);border-radius:12px;padding:11px 18px;text-decoration:none}
body.colourframe header>nav a:nth-child(1),body.colourframe .workspace-menu a:nth-child(1){--action-bg:#334d64;--action-line:#709dbb;color:#d9edfb}
body.colourframe header>nav a:nth-child(2),body.colourframe .workspace-menu a:nth-child(2){--action-bg:#5c4636;--action-line:#b18d67;color:#f5ddc0}
body.colourframe header>nav a:nth-child(3),body.colourframe .workspace-menu a:nth-child(3){--action-bg:#4b405f;--action-line:#9882b4;color:#e7dcfa}
body.colourframe .workspace-menu a:nth-child(4){--action-bg:#34564d;--action-line:#73a592;color:#d8f3e7}
body.colourframe .workspace-menu a:nth-child(5){--action-bg:#544353;--action-line:#aa82a4;color:#f3dff1}
body.colourframe nav a[aria-current]{background-color:var(--action-bg);border-color:var(--action-line);box-shadow:inset 0 -3px 0 var(--action-line),0 3px 12px #0003}
body.colourframe .settings-tabs button[data-settings-tab="requests"]{--action-bg:#5c4636;--action-line:#b18d67}
body.colourframe .column-sort{background:transparent;color:var(--blue-light);padding:6px 0;border:0;box-shadow:none;font-size:.8rem;text-align:left;white-space:nowrap}
.column-filters th{padding:8px 10px;background:var(--field)}.column-filters input{width:100%;min-width:130px;font-size:.8rem;padding:9px 10px;border-radius:8px}.list-panel table{min-width:1050px}.table-reset{font-size:.75rem;padding:8px 12px;margin-left:auto}.list-heading{flex-wrap:wrap}

.admin-heading:has(#admin-heading-intro[hidden]){padding:0;margin:0 0 12px;min-height:0;justify-content:flex-end}.admin-heading #admin-heading-intro[hidden]{display:none}.active-person-bar{padding:8px 12px;gap:10px;background:transparent;border:0;box-shadow:none;margin:0 0 12px;justify-content:flex-end}.active-person-bar label{display:flex;align-items:center;gap:10px;font-size:.75rem;color:var(--muted);margin:0}.active-person-bar select{font-size:.8rem;padding:7px 10px;margin:0;min-height:34px;max-width:220px}.active-person-bar .hint{font-size:.75rem}
/* Clear separation between incoming, working and completed records. */
.list-panel[data-list-kind]{border:1px solid var(--line);border-left:5px solid #789fbe;border-radius:16px;overflow:hidden;margin:26px 0}
.list-panel[data-list-kind=current]>.list-heading{background:#243b4d;color:#dfedf7}.list-panel[data-list-kind=working]{border-left-color:#c29b6a}.list-panel[data-list-kind=working]>.list-heading{background:#443829;color:#f3e3ce}.list-panel[data-list-kind=closed]{border-left-color:#7aa690}.list-panel[data-list-kind=closed]>.list-heading{background:#293e35;color:#d8eee1}.list-panel[data-list-kind] h2{color:inherit}.list-count{font-variant-numeric:tabular-nums;white-space:nowrap}
body.colourframe .quick-choice{padding:5px 8px;min-height:30px;font-size:.7rem;border-radius:7px;background:#29394b;color:#b6c5da;border:1px solid #45566d;box-shadow:none}.quick-options{display:flex;gap:4px;flex-wrap:wrap;min-width:150px}body.colourframe .quick-choice[aria-pressed=true]{background:#3c586f;border-color:#95b5cc;color:#fff}body.colourframe .quick-choice.priority-Dringend[aria-pressed=true]{background:#74434d;border-color:#c68891}body.colourframe .quick-choice.priority-Hoch[aria-pressed=true],body.colourframe .quick-choice.status-in_bearbeitung[aria-pressed=true]{background:#655039;border-color:#bc9b6f}body.colourframe .quick-choice.status-abgeschlossen[aria-pressed=true]{background:#395c4c;border-color:#83b297}body.colourframe .quick-choice:disabled[aria-pressed=true]{opacity:1}.inline-steps{min-width:250px;max-width:350px}.inline-task{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.4;margin:0 0 8px}.inline-task input{width:17px;min-width:17px;margin:2px 0 0}.inline-task small{display:block;color:var(--muted);font-size:.7rem}.inline-task.done span{text-decoration:none;color:var(--muted)}.inline-steps summary{font-size:.75rem;color:var(--blue-light);cursor:pointer;margin:8px 0}.inline-task-add{display:grid;gap:7px}.inline-task-add input{padding:8px;font-size:.8rem}.archive-link{padding:0 24px 16px;margin:0}.archive-link a,.note-wiki-link{color:#bba4e4;font-weight:650}.archive-link a{display:inline-block;padding:9px 14px;background:#352e49;border:1px solid #6f5c8e;border-radius:10px}
.knowledge-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px}.knowledge-navigation{padding:0 16px 18px}.knowledge-navigation .list-heading{padding:18px 0}.knowledge-navigation label{margin-top:18px}.knowledge-navigation h2{font-size:1.2rem}.knowledge-main{padding:0 24px 24px}.knowledge-main>.list-heading{padding:20px 0}.knowledge-actions,.rich-toolbar,.wiki-link-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:14px 0}.knowledge-actions button{font-size:.8rem;padding:9px 14px}.rich-toolbar{position:sticky;top:8px;z-index:2;background:#202b3e;border:1px solid var(--line);border-radius:12px;padding:10px}.rich-toolbar button{font-size:.75rem;min-height:34px;padding:8px 10px}.rich-toolbar select{width:auto;max-width:140px;padding:8px;font-size:.75rem}.rich-editor{min-height:350px;border:1px solid #63718b;background:#172131;border-radius:12px;padding:22px;outline:0}.rich-editor:focus{border-color:#a6bfff;box-shadow:0 0 0 2px #a6bfff22}.rich-content{line-height:1.7;overflow-wrap:anywhere}.rich-content img{max-width:100%;height:auto;border-radius:12px;margin:12px 0}.rich-content a{color:#a6bfff;text-decoration:underline}.rich-small{font-size:12px}.rich-normal{font-size:16px}.rich-large{font-size:22px}.rich-xl{font-size:30px}.rich-cyan{color:#a6d9ed}.rich-green{color:#9ad7b8}.rich-orange{color:#ffd0a4}.rich-lilac{color:#c9b3ee}.rich-coral{color:#efa8b2}.rich-white{color:#f4f6fa}.wiki-link-controls select{flex:1;min-width:180px}.wiki-page-link{display:block;text-align:left;width:100%;margin:6px 0;border-radius:9px;font-size:.85rem;overflow-wrap:anywhere}.wiki-page-link[aria-current=true]{background:#514360!important;border-color:#ac8fce!important}.wiki-depth-1{border-left:8px solid #8c769c}.wiki-depth-2{border-left:16px solid #8c769c}.wiki-depth-3,.wiki-depth-4,.wiki-depth-5,.wiki-depth-6,.wiki-depth-7,.wiki-depth-8{border-left:24px solid #8c769c}.password-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;margin:20px 0}.password-card{padding:20px;background:#202b3b;border:1px solid #46566c;border-radius:14px;border-top:3px solid #b79a77}.password-card h3{font-size:1rem;margin:0}.secret-mask{font-size:1.2rem;color:var(--muted);letter-spacing:.1em}.password-revealed code{display:block;background:#15202d;border:1px solid #577868;padding:12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.password-revealed p{font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.security-question{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin:12px 0}#password-form{padding:22px;background:#172131;border:1px solid var(--line);border-radius:16px}#ticket-password-links{display:flex;gap:8px;flex-wrap:wrap}body.colourframe .workspace-menu a:nth-child(5){--action-bg:#4e405d;--action-line:#9d82b8}body.colourframe .workspace-menu a:nth-child(6){--action-bg:#564637;--action-line:#b39576}
@media(max-width:1000px){.knowledge-layout{grid-template-columns:1fr}.knowledge-navigation{max-height:350px;overflow:auto}.rich-toolbar{position:static}.security-question{grid-template-columns:1fr}.knowledge-main{padding:0 16px 20px}}
.wiki-files-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.wiki-files-section h3{font-size:1rem}.wiki-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}.wiki-file-row>span{flex:1;min-width:180px;overflow-wrap:anywhere}.wiki-file-row button{font-size:.75rem;padding:8px 12px;min-height:34px}
.wiki-tags{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}body.colourframe .wiki-tag{font-size:.72rem;padding:5px 10px;min-height:30px;border-radius:20px;--action-bg:#423854;--action-line:#847297;box-shadow:none}body.colourframe .wiki-tag[aria-pressed=true]{background:#8e78ac;color:#121927;border-color:#c5b4db}
.kanban-column-heading{flex-wrap:wrap;gap:8px}.column-order-controls{display:flex;gap:5px;align-items:center;width:100%;justify-content:flex-end}.column-order-controls button{padding:5px 10px;min-height:30px;font-size:.8rem}.column-drag-handle{cursor:grab;font-size:1.1rem!important}.column-drag-handle:active{cursor:grabbing}.kanban-column.column-drop-target{outline:2px dashed var(--blue-light);outline-offset:-3px}.card-assignee{font-size:.75rem;color:#bad8c7;margin:12px 0;padding:7px 10px;background:#203930;border-radius:8px}
body.colourframe #ticket-tab-credentials{--action-bg:#5b4837;--action-line:#aa8c67}body.colourframe #ticket-tab-history{--action-bg:#3b514c;--action-line:#789d90}.ticket-detail-tabs{flex-wrap:wrap}#ticket-panel-credentials .password-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}#ticket-panel-credentials #password-form{padding:16px}#ticket-panel-credentials .editor-field-row{grid-template-columns:1fr}#ticket-panel-credentials .security-question{grid-template-columns:1fr}.history-events{list-style:none;padding:0 0 0 22px;margin:24px 0;border-left:2px solid #587284}.history-event{position:relative;padding:0 0 26px 18px;display:flex;flex-wrap:wrap;gap:8px 14px}.history-event:before{content:'';position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:#98b7ca;border:3px solid var(--background)}.history-event.note:before{background:#c1a4df}.history-event time,.history-actor{font-size:.75rem;color:var(--muted)}.history-event>strong,.history-event>.history-note-button{width:100%;text-align:left}.history-changes{width:100%;padding-left:18px;margin:0;font-size:.82rem;line-height:1.65;overflow-wrap:anywhere}body.colourframe .history-note-button{background:#3e344f;color:#e5d5fa;border:1px solid #77658e;font-size:.85rem;border-radius:10px;padding:10px 14px;box-shadow:none}body.colourframe .history-note-button[aria-expanded=true]{background:#57436f;border-color:#c0a5df}.history-note{padding:20px;background:#242c3e;border:1px solid #7c6998;border-radius:14px;margin-top:20px}.history-note h3{margin-top:0}.history-note .note-card-body{white-space:normal}.history-note[hidden]{display:none}
.wiki-tree-root,.wiki-tree-children{list-style:none;padding:0;margin:0}.wiki-tree-children{margin-left:14px;padding-left:10px;border-left:1px solid #596477}.wiki-tree-children[hidden]{display:none}.wiki-tree-row{display:flex;gap:5px;align-items:center;margin:5px 0}.wiki-tree-row .wiki-page-link{margin:0;flex:1;min-width:0;border-left:0;font-size:.8rem;padding:9px 10px}.wiki-tree-row .wiki-page-link[aria-current=page]{background:#514360!important;border-color:#ac8fce!important}.wiki-tree-row .wiki-page-context{color:var(--muted);background:#263142!important}body.colourframe .wiki-tree-toggle{flex:none;width:26px;min-height:30px;padding:2px 4px;font-size:1rem;background:transparent;border:0;box-shadow:none;color:#c1b6d8}.wiki-tree-toggle:disabled{opacity:.3}.wiki-tag-filter{margin-top:24px;border-top:1px solid var(--line);padding-top:16px}.wiki-tag-filter label{font-size:.8rem}.wiki-tag-filter button{font-size:.75rem;padding:7px 11px;min-height:32px}.knowledge-navigation #wiki-tree{margin-top:16px}

/* Wiki: skalierbare Navigation und abgesetzter Lesebereich. */
#wiki-layout{grid-template-columns:320px minmax(0,1fr)}#wiki-layout[data-wide=true]{grid-template-columns:minmax(380px,42%) minmax(0,1fr)}
.knowledge-navigation .list-heading{gap:8px;flex-wrap:wrap}.knowledge-navigation .list-heading h2{margin-right:auto}body.colourframe #wiki-tree-width{min-width:36px;padding:5px 10px;font-size:1.25rem}
body.colourframe .wiki-tree-toggle{width:32px;min-height:36px;font-size:1.65rem;line-height:1;color:#d8c6f5}.wiki-tree-toggle:hover{background:#514360!important;border-radius:8px}
.wiki-tag-list{display:flex;flex-direction:column;gap:7px;margin:12px 0;max-height:320px;overflow:auto}.wiki-tag-list .wiki-tag-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:#273446;border:1px solid #47576f;border-radius:9px;color:#ddd8eb}.wiki-tag-choice>span:first-child{overflow-wrap:anywhere;min-width:0}.wiki-tag-count{flex:none;border-radius:6px;background:#111a28;padding:2px 8px;font-size:.72rem;color:#b8c9df}.wiki-tag-choice[aria-pressed=true]{background:#514360!important;border-color:#b59bd6!important}
#wiki-read{background:#000;color:#e5e9f0;border:1px solid #303642;border-radius:14px;min-height:280px;padding:26px;margin:18px 0}#wiki-read[hidden]{display:none}
@media(max-width:1000px){#wiki-layout,#wiki-layout[data-wide=true]{grid-template-columns:minmax(0,1fr)}#wiki-tree-width{display:none}.knowledge-navigation{max-height:520px}#wiki-read{padding:18px}}
/* Favoriten: gemeinsame Merkliste für Tickets und Anforderungen. */
body.colourframe .favorite-toggle{white-space:nowrap;background:#423d30;border:1px solid #887855;color:#e7d6ad;min-height:34px;font-size:.75rem;padding:7px 11px;margin-right:6px;border-radius:9px}body.colourframe .favorite-toggle[aria-pressed=true]{background:#67522e;border-color:#d3af65;color:#fff0c6;box-shadow:0 0 16px #caa25712}.favorite-toggle:disabled{opacity:.45}
.favorites-shell{background:linear-gradient(130deg,#252638,#171f2d 55%,#182b32);border:1px solid #475164;border-radius:22px;padding:30px;margin:20px 0}.favorites-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.favorites-heading h2{font-size:1.8rem;margin:10px 0}.favorites-heading h2 span{font-size:.95rem;vertical-align:middle;background:#504631;border:1px solid #937d4f;color:#f3d994;padding:5px 11px;border-radius:20px}.favorites-heading p{color:var(--muted);margin:6px 0}.favorite-emblem{font-size:3.5rem;color:#d1b078;text-shadow:0 0 40px #d1b07825;padding:8px 18px}.favorite-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:14px;border-top:1px solid #445065;padding-top:20px;margin-bottom:26px}.favorite-filters label{font-size:.75rem;color:#bac5d5}.favorite-list{display:flex;flex-direction:column;gap:12px}.favorite-card{display:flex;align-items:center;gap:20px;background:#111a27;border:1px solid #38475b;border-left:3px solid #8dace0;border-radius:14px;padding:22px;transition:border-color .15s,transform .15s}.favorite-card:hover{border-color:#64758f;transform:translateY(-1px)}.favorite-card[data-kind=request]{border-left-color:#b49acc}.favorite-card[data-status=abgeschlossen]{border-left-color:#83b89f}.favorite-card-star{font-size:1.45rem;color:#c9aa70}.favorite-card-body{flex:1;min-width:0}.favorite-card-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:9px}.favorite-kind-badge{font-size:.63rem;letter-spacing:.1em;color:#aac1e5}.favorite-card[data-kind=request] .favorite-kind-badge{color:#c1abd9}.favorite-status-badge{font-size:.7rem;color:#c2ccda;background:#2a3546;border-radius:6px;padding:3px 8px}body.colourframe .favorite-title{display:block;text-align:left;background:transparent;border:0;box-shadow:none;color:#f2f3f7;font-size:1.05rem;padding:0;min-height:0;overflow-wrap:anywhere}.favorite-card-meta{font-size:.8rem;color:#a3b0c4;margin:7px 0}.favorite-next{font-size:.8rem;color:#c1d3de;margin:10px 0 0}.favorite-card-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.favorite-priority{font-size:.7rem;background:#2f3c4d;color:#cad6e8;padding:4px 10px;border-radius:6px}.favorite-priority[data-priority=Hoch]{background:#514634;color:#efd1a4}.favorite-priority[data-priority=Dringend]{background:#57383e;color:#ffc1c6}.favorite-id{font-size:.65rem;color:#8794a8}.favorite-empty{padding:40px 20px;text-align:center;color:#b1bacb;border:1px dashed #536077;border-radius:14px}.favorite-empty[hidden]{display:none}body.colourframe a[data-workspace-view=favorites]{--action-bg:#4d4232;--action-line:#c2a675}
@media(max-width:850px){.favorites-shell{padding:18px}.favorite-filters{grid-template-columns:1fr 1fr}.favorite-filters label:first-child{grid-column:1/-1}.favorite-card{gap:12px;padding:16px}.favorite-card-star{display:none}}
@media(max-width:520px){.favorite-card{align-items:flex-start;flex-wrap:wrap}.favorite-card-body{flex-basis:100%}.favorite-card-side{flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;justify-content:space-between}.favorite-emblem{font-size:2.5rem;padding:8px}.favorites-heading h2{font-size:1.5rem}.favorite-filters{grid-template-columns:1fr}}

body.colourframe>header{justify-content:space-between;align-items:center;padding:16px 28px;gap:16px}body.colourframe>header>nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}body.colourframe>header>nav>a,body.colourframe>header>#logout{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;font-size:.8rem;border-radius:9px;line-height:1.2}body.colourframe>header>#logout{margin-left:auto;flex-shrink:0}.admin-heading:has(#admin-heading-intro[hidden]){margin:0;padding:0}
@media(max-width:600px){body.colourframe>header{padding:12px 16px;gap:8px;flex-wrap:wrap}body.colourframe>header>nav{gap:6px}body.colourframe>header>nav>a,body.colourframe>header>#logout{font-size:.72rem;padding:7px 10px;min-height:32px}}
/* Hinweise: Vorlagenauswahl, Gestaltung und Freigabe direkt auf der Seite. */
.notice-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;margin:20px 0}.notice-library{padding:20px}.notice-library .list-heading{padding:0 0 18px;gap:10px}.notice-library h2{font-size:1.2rem}.notice-library h3{font-size:.75rem;letter-spacing:.08em;color:#a1b6bc;margin:24px 0 10px}.notice-library label{font-size:.75rem}.notice-library-item{display:flex;flex-direction:column;align-items:flex-start;gap:7px;width:100%;text-align:left;margin:9px 0;padding:12px!important;border-radius:10px!important;background:#22313c!important;border-color:#425b68!important}.notice-library-item strong{font-size:.83rem;overflow-wrap:anywhere}.notice-library-item[aria-current=page]{background:#2d4847!important;border-color:#87baa6!important}.notice-library-state{font-size:.65rem;color:#b0bdcd}.notice-library-state[data-active=true]{color:#9ad8b5}.notice-editor-panel{padding:24px}.notice-template-picker{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#213039;border:1px solid #50666c;padding:18px;border-radius:12px}.notice-template-picker label{flex:1;min-width:200px;margin:0}.notice-template-picker button{font-size:.75rem;padding:9px 12px}.notice-editor-frame{border:1px solid #617b73;border-radius:16px;background:#192b2b;padding:22px;margin:20px 0}.notice-editor-block{border:1px solid #3e575a;border-radius:13px;background:#17222b;padding:19px;margin:14px 0}.notice-save-frame{border:1px solid #52666a;border-radius:14px;padding:18px;background:#1b2b32}.notice-save-frame label,.notice-editor-block label{font-size:.8rem}.notice-save-frame .hint{font-size:.75rem}.notice-save-frame .knowledge-actions{gap:9px}.notice-file-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid #3c4d59}.notice-file-row>span{flex:1;overflow-wrap:anywhere;min-width:160px;font-size:.8rem}.notice-file-row button{font-size:.7rem;padding:7px 10px;min-height:30px}.notice-public-card{background:#162932;border:1px solid #4f7b89;border-left:4px solid #86c3ce;border-radius:14px;padding:24px;margin:0 0 16px}.notice-public-card h2,.notice-public-card h3{font-size:1.15rem;color:#e6eff4;margin:9px 0 15px}.notice-public-card .rich-content{font-size:.9rem;color:#d2dce5}.notice-public-card[data-severity=warning]{background:#30291f;border-color:#8c7754;border-left-color:#d5b17b}.notice-public-card[data-severity=outage]{background:#302229;border-color:#85505f;border-left-color:#d498a8}.notice-label{font-size:.63rem;letter-spacing:.12em;color:#b2d0db}.notice-public-card[data-severity=warning] .notice-label{color:#e4c898}.notice-public-card[data-severity=outage] .notice-label{color:#e3b1be}.public-notices{margin:24px 0}.public-notices[hidden],#notice-preview[hidden]{display:none}body.colourframe a[data-workspace-view=notices]{--action-bg:#304a48;--action-line:#91b9a8}
@media(max-width:1000px){.notice-layout{grid-template-columns:minmax(0,1fr)}.notice-library{max-height:340px;overflow:auto}.notice-editor-panel{padding:16px}}
@media(max-width:560px){.notice-editor-frame,.notice-editor-block,.notice-save-frame{padding:14px}.notice-template-picker{padding:14px}.notice-template-picker button{flex:1}.notice-public-card{padding:18px}}
/* Strukturierte Formulare und Rangfolge. */
.dynamic-section{padding:15px 18px;background:#243343;border-left:3px solid #a6bfff;border-radius:9px;margin:24px 0 15px}.dynamic-section h3{font-size:1rem;margin:0}.dynamic-section[hidden],.dynamic-question[hidden]{display:none!important}.dynamic-question{border-left:2px solid #47566d;padding-left:14px}.editor-rule-block{margin:18px 0;padding:16px;background:#1d2a39;border:1px solid #4d6279;border-radius:12px}.editor-rule-block .hint{font-size:.75rem}.editor-condition{display:grid;grid-template-columns:1.2fr 1fr 1.2fr auto;gap:9px;align-items:center;margin:12px 0}.editor-condition input[hidden]{display:none}.priority-settings{padding:24px}.priority-settings form>label{margin:22px 0}.priority-editor-row{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;background:#1b293b;border:1px solid #43536b;border-radius:12px}.priority-editor-row input{flex:1;min-width:100px}.priority-editor-row button{padding:8px 12px;font-size:.75rem;min-height:34px}.priority-order{display:grid;place-items:center;min-width:28px;height:28px;background:#3c4356;color:#cfdaee;border-radius:8px;font-size:.8rem}.priority-replacement{padding:16px;background:#3b3026;border:1px solid #8f7453;border-radius:10px;margin:14px 0}.priority-replacement small{display:block;margin-top:8px;color:#d9c5a5}.form-direct-link{flex-basis:100%;font-size:.75rem}.form-direct-link input{font-family:ui-monospace,monospace;font-size:.82rem}.institution-first{padding:18px;background:#223346;border:1px solid #5a7291;border-radius:12px;margin:0 0 24px!important}.quick-choice.priority-rank-0{background:#2c4055}.quick-options:has(.priority-rank-4){flex-wrap:wrap}
@media(max-width:700px){.editor-condition{grid-template-columns:1fr 1fr}.priority-editor-row{flex-wrap:wrap}.priority-editor-row input{flex-basis:calc(100% - 50px)}.priority-settings{padding:16px}}
.favorite-priority[data-level=high]{background:#514634;color:#efd1a4}.favorite-priority[data-level=highest]{background:#57383e;color:#ffc1c6}
/* Ticket-Tags, automatische Zuordnung und kompakte Formular-Karten. */
.ticket-tag-chips{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.ticket-tag-chip,.ticket-tag-label{display:inline-flex;align-items:center;font-size:.7rem;color:#c8ddeb;background:#2d4656;border:1px solid #5b7d90;border-radius:20px;padding:5px 10px}.ticket-tag-chip{min-height:28px!important;padding:5px 10px!important}.ticket-tag-controls{display:flex;gap:8px;flex-wrap:wrap}.ticket-tag-controls input{flex:1;min-width:130px}.ticket-tag-controls select{flex-basis:100%;font-size:.75rem}.ticket-tag-controls button{padding:8px 11px;font-size:.75rem}.ticket-tag-cell{min-width:130px}.ticket-tag-cell .ticket-tag-label{margin:3px}.board-column-editor-block{border:1px solid #4e6175;background:#192838;border-radius:12px;padding:14px;margin:14px 0}.board-tag-rule-section{border-top:1px solid #435569;margin:12px 0;padding-top:10px}.board-tag-rule-section summary{font-size:.78rem;color:#bbcde2;cursor:pointer}.board-tag-rule-section>div{margin-top:12px}.editor-field-details{border:1px solid #4a5c73;border-radius:12px;margin:12px 0;background:#1b2939}.editor-field-details>summary{padding:15px 18px;font-size:.85rem;cursor:pointer;color:#d0dceb;overflow-wrap:anywhere}.editor-field-details[open]>summary{border-bottom:1px solid #40546d;background:#243447;border-radius:12px 12px 0 0}.editor-field-details .editor-field{margin:0;border:0;border-radius:0;background:transparent}.dynamic-auto-tags{padding:10px 16px;font-size:.8rem;color:#c0dbce;background:#273e35;border-radius:9px;margin:14px 0}.dynamic-auto-tags[hidden]{display:none!important}.favorite-filters{grid-template-columns:2fr repeat(4,minmax(100px,1fr))}
@media(max-width:950px){.favorite-filters{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.favorite-filters{grid-template-columns:1fr}.ticket-tag-controls button{flex:1}}

.tag-management{max-width:1100px}.tag-manage-toolbar{display:grid;grid-template-columns:1fr 2fr;gap:18px;margin:20px 0}.tag-manage-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(280px,1fr);gap:24px}.tag-manage-list{display:flex;flex-direction:column;gap:8px;max-height:560px;overflow:auto}.tag-manage-row{display:flex;flex-direction:column;gap:7px;text-align:left;width:100%;padding:14px 18px!important;background:#253746!important;border:1px solid #486171!important;border-radius:12px!important}.tag-manage-row small{font-size:.72rem;color:#adbfcc}.tag-manage-row[aria-pressed=true]{background:#3e566a!important;border-color:#8aafc5!important}.tag-manage-actions{background:#161f2b;border:1px solid #384b60;border-radius:16px;padding:22px;align-self:start}.tag-manage-preview{padding:16px;background:#273a36;color:#cadbd5;border-radius:10px;font-size:.85rem;line-height:1.65}@media(max-width:750px){.tag-manage-layout,.tag-manage-toolbar{grid-template-columns:1fr}}
.list-heading .table-date-sort{width:auto;max-width:270px;min-width:200px;padding:7px 10px;font-size:.73rem;background:#263c47;border-color:#52778a;color:#d4e2e8}.list-heading{flex-wrap:wrap}
/* Kompakte direkte Auswahl in den Vorgangslisten. */
body.colourframe .quick-select{min-width:120px;max-width:190px;padding:8px 26px 8px 11px;font-size:.74rem;border-radius:9px;background:#28394d;border-color:#627792;color:#dce5f1;cursor:pointer}body.colourframe .quick-select.priority-rank-0{background:#254238;border-color:#58836f}body.colourframe .quick-select.priority-rank-1{background:#514329;border-color:#947b42}body.colourframe .quick-select.priority-rank-2,body.colourframe .quick-select.priority-rank-3{background:#51333b;border-color:#a06776}body.colourframe .quick-select.status-offen{background:#334153;border-color:#71859d}body.colourframe .quick-select.status-in_bearbeitung{background:#4b3b55;border-color:#8d729c}body.colourframe .quick-select.status-abgeschlossen{background:#254439;border-color:#659581}.quick-tag-dropdown>summary{min-width:120px;max-width:180px;padding:8px 12px;font-size:.74rem;border-radius:9px;background:#294452;border:1px solid #608392;color:#d0e4ee;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-tag-menu{min-width:240px;max-width:300px;margin-top:8px;padding:14px;background:#142431;border:1px solid #526e83;border-radius:12px;box-shadow:0 8px 24px #0004}.quick-tag-menu .ticket-tag-controls input{min-width:100px}.quick-tag-menu>button{width:100%;margin-top:10px}.quick-tag-dropdown[open]>summary{border-color:#9bbdd3;background:#3b576a}

.ticket-task .task-assignee{flex:0 1 210px;min-width:145px;font-size:.78rem;padding:9px}.task-add{flex-wrap:wrap}.task-add #task-new-assignee{flex:0 1 220px;font-size:.78rem}.todo-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 32px;background:linear-gradient(120deg,#293347,#162b33);border:1px solid #4b6378;border-radius:20px;margin:16px 0 22px}.todo-hero h2{margin:8px 0;font-size:1.7rem}.todo-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.todo-stats>div{background:#1e2b3a;border:1px solid #3f5268;border-radius:14px;padding:18px 22px}.todo-stats span{display:block;font-size:.78rem;color:#b5c4d5}.todo-stats strong{display:block;font-size:2rem;margin-top:8px;color:#cbdcef}.todo-stats>div:nth-child(3){background:#39262f;border-color:#795260}.todo-stats>div:nth-child(4){background:#39342a;border-color:#716347}.todo-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px;margin-bottom:26px}.todo-columns{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.todo-section{min-width:0;background:#161f2b;border:1px solid #36495d;border-radius:18px;padding:24px}.todo-actions,.todo-records{display:flex;flex-direction:column;gap:14px;margin:20px 0}.todo-action{display:grid;grid-template-columns:115px minmax(0,1fr);gap:16px;background:#202e3c;border:1px solid #3b5267;border-radius:14px;padding:18px}.todo-date{display:inline-flex;flex-direction:column;gap:5px;font-size:.78rem;color:#c3d4df;padding:8px 10px;border-radius:8px;background:#2b4050;align-self:start}.todo-date small{font-size:.66rem;font-weight:700}.todo-date[data-urgency=overdue]{background:#55323c;color:#ffd4dc}.todo-date[data-urgency=today]{background:#54452b;color:#f1dfb7}.todo-date[data-urgency=undated]{background:#28333f;color:#9aaabb}.todo-action-check{display:flex;flex-direction:row;align-items:flex-start;gap:10px;margin-bottom:8px!important;font-size:.95rem}.todo-action-check input{width:18px;min-width:18px;margin-top:3px}.todo-action-check strong{overflow-wrap:anywhere}.todo-meta{font-size:.73rem;color:#a8b9cb;line-height:1.5;overflow-wrap:anywhere;margin:8px 0}.todo-owner{font-size:.67rem;color:#91b8ad}body.colourframe .todo-ticket-link{background:transparent;border:0;color:#b9d4ea;box-shadow:none;min-height:0;padding:0;text-align:left;font-size:.88rem;line-height:1.5}.todo-ticket-link:hover{text-decoration:underline}.todo-record{background:#202b3a;border:1px solid #3f4f65;border-radius:14px;padding:20px}.todo-record-head{display:flex;gap:14px;justify-content:space-between;align-items:start}.todo-record-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0;max-width:50%}.todo-status,.todo-priority{font-size:.65rem;border-radius:6px;padding:4px 7px;background:#3b3d56;color:#d4d5ed}.todo-priority{background:#4b432e;color:#e8dcb7}.todo-record-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.todo-record-dates>div{display:flex;flex-direction:column;gap:8px}.todo-record-dates small{font-size:.68rem;color:#a7b5c9}.todo-next-text{font-size:.8rem;color:#d1dcE5;line-height:1.5}.todo-empty{padding:24px;color:#a8bbcf;text-align:center;background:#1e2c39;border-radius:12px}@media(max-width:1150px){.todo-columns{grid-template-columns:1fr}}@media(max-width:650px){.todo-hero{padding:22px;flex-direction:column;align-items:start}.todo-stats{grid-template-columns:repeat(2,1fr)}.todo-toolbar{grid-template-columns:1fr}.todo-section{padding:16px}.todo-action{grid-template-columns:1fr}.todo-record-head{flex-direction:column}.todo-record-badges{max-width:100%;justify-content:flex-start}.todo-record-dates{grid-template-columns:1fr}.ticket-task .task-assignee{flex:1 1 180px}}
.staff-system-hint{padding:16px 20px;border:1px solid #557589;border-radius:12px;background:#223d49;color:#c9dfe9;font-size:.85rem;line-height:1.65;margin:0 0 24px}.todo-general{font-size:.65rem;border-radius:6px;padding:4px 7px;background:#28544a;color:#c3e6d7}
.todo-actions-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin:12px 0 20px}.todo-actions-toolbar>p{margin-right:auto}.favorites-tools{display:flex;justify-content:flex-end;margin-bottom:14px}
.calendar-list{display:flex;flex-direction:column;gap:16px}.calendar-list[hidden],.calendar-week[hidden],.calendar-radar[hidden],#calendar-month-surface[hidden]{display:none!important}.calendar-list-day,.calendar-week-day{background:#182838;border:1px solid #3f5971;border-radius:12px;padding:14px}body.colourframe .calendar-list-date{background:#30495b;border:1px solid #648299;border-radius:8px;color:#d9e7f1;font-size:.8rem;text-align:left;padding:8px 12px;min-height:34px;width:100%;margin-bottom:12px}.calendar-view-entry{padding:10px 0;border-top:1px solid #384e61}.calendar-view-entry .calendar-event{width:100%;text-align:left;white-space:normal}.calendar-view-entry p{font-size:.7rem;margin:6px 0}.calendar-week{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr));gap:9px;overflow:auto}.calendar-week-day{padding:9px}.calendar-week-day.today{border-color:#a18bbe;background:#26334a}.calendar-week-day .calendar-list-date{font-size:.7rem;padding:7px}.calendar-week-day .calendar-event{font-size:.73rem}.calendar-radar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.calendar-radar-column{padding:16px;border:1px solid #496075;background:#1e2e3d;border-radius:14px}.calendar-radar-column h3{font-size:.95rem;margin:0 0 14px}.calendar-radar-column[data-urgency=overdue]{background:#362730;border-color:#895666}.calendar-radar-column[data-urgency=today]{background:#383427;border-color:#88764d}.calendar-radar-column time{font-size:.75rem;color:#b8cbdc;display:block;margin-bottom:8px}.calendar-toolbar{flex-wrap:wrap}@media(max-width:650px){.calendar-radar{grid-template-columns:1fr}}
body.colourframe .calendar-event.step{--action-bg:#36574a;--action-line:#7ba692;background:#36574a;color:#d8eddf}.calendar-legend .calendar-legend-step{background:#8fc4ad;color:#152c24}

.record-open{text-align:left;font-weight:600}.record-open:hover{text-decoration:underline}

.dynamic-download{border-left:3px solid var(--cyan);padding:12px 16px;background:rgba(113,185,214,.08);border-radius:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dynamic-download strong{flex:1}.editor-download-file{padding:12px;border-radius:8px;background:rgba(113,185,214,.08)}

.todo-place-heading{font-size:.9rem;color:#a3cfd2;margin:16px 0 2px;padding:10px 12px;border-left:3px solid #82b7bb;background:rgba(130,183,187,.08);border-radius:6px}

/* Clear visual hierarchy in the personal work overview. */
.todo-toolbar{grid-template-columns:2fr repeat(4,minmax(130px,1fr))}
.todo-section:first-child{background:#111d25;border-color:#34525a}.todo-section:last-child{background:#131a29;border-color:#3c4c6c}
.todo-section>.list-heading h3{font-size:1.12rem;color:#edf5ff}.todo-section>.hint{color:#a8b7c7;line-height:1.5}
.todo-record{background:#18263a;border:1px solid #415878;border-left:3px solid #78bde2;box-shadow:0 5px 18px #080e1833;padding:22px}
.todo-record[data-status=in_bearbeitung]{background:#2b2824;border-color:#665443;border-left-color:#e6b278}
.todo-record-head{gap:18px}.todo-record-badges{max-width:48%;gap:7px;align-items:center}
body.colourframe .todo-record .todo-ticket-link{color:#f6f8ff;font-size:1.18rem;font-weight:750;line-height:1.35;overflow-wrap:anywhere;flex:1}
body.colourframe .todo-record .todo-ticket-link:hover{color:#bfe4ff}
.todo-record .todo-meta{font-size:.82rem;color:#b8c7dc;line-height:1.65;margin:12px 0 0}
.todo-status,.todo-priority,.todo-general{font-size:.75rem;font-weight:650;padding:6px 9px;border-radius:7px;white-space:nowrap;line-height:1.3}
.todo-status[data-status=offen]{background:#254e6b;color:#d3f0ff;border:1px solid #5789ac}
.todo-status[data-status=in_bearbeitung]{background:#60452a;color:#ffe1b4;border:1px solid #a88355}
.todo-priority[data-level=normal]{background:#23483e;color:#c6ecdc;border:1px solid #4d7d6c}
.todo-priority[data-level=high]{background:#584424;color:#ffe0a7;border:1px solid #94743e}
.todo-priority[data-level=highest]{background:#602e40;color:#ffcfde;border:1px solid #a76079}
.todo-general{background:#252e3b;color:#c8d4e5;border:1px solid #4b5c72;font-size:.7rem}
.todo-record-dates{gap:14px;margin:20px 0}.todo-record-dates>div{background:#0d142080;padding:12px;border-radius:10px;border:1px solid #59677a33}
.todo-record-dates small{font-size:.74rem;color:#c1cede}.todo-date{font-size:.86rem;font-weight:650;padding:9px 11px;background:#2a465b;color:#e3f2ff}
.todo-date[data-urgency=overdue]{background:#71364b;color:#ffe1e9;border:1px solid #b46881}.todo-date[data-urgency=today]{background:#70552c;color:#fff0ce;border:1px solid #b69761}
.todo-date[data-urgency=undated]{background:#263140;color:#bcc8d8;font-weight:400}.todo-date small{font-size:.72rem}
.todo-next-box{background:#0c131c80;border-radius:10px;padding:12px 14px;border-left:2px solid #8e9bb8}.todo-next-box>small{display:block;font-size:.7rem;color:#a9b9d1;margin-bottom:6px}.todo-next-text{font-size:.92rem;font-weight:550;color:#edf2fa;margin:0}
.todo-action{background:#1b3037;border-color:#466772;border-left:3px solid #8ac9b3;box-shadow:0 4px 14px #07101533}
.todo-action-check strong{font-size:1.02rem;color:#f1faf5;line-height:1.4}.todo-action .todo-owner{display:block;font-size:.75rem;color:#b8dbc9;margin:9px 0}.todo-action .todo-status{display:inline-flex}
body.colourframe .todo-action .todo-ticket-link{font-size:.88rem;color:#b6d8ee;font-weight:550}.todo-action .todo-meta{font-size:.78rem;color:#b6c9d0}
@media(max-width:1200px){.todo-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.todo-toolbar>.search{grid-column:span 2}}
@media(max-width:650px){.todo-toolbar{grid-template-columns:1fr}.todo-record{padding:18px}.todo-record-head{flex-direction:column}.todo-record-badges{max-width:100%;justify-content:flex-start}.todo-record-dates{grid-template-columns:1fr}.todo-action{grid-template-columns:1fr}.todo-date{align-self:start}.todo-toolbar>.search{grid-column:auto}}

.filterbar,.todo-toolbar,.kanban-toolbar,.calendar-toolbar,.favorites-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:18px}
.filterbar>label,.todo-toolbar>label,.kanban-toolbar>label,.calendar-toolbar>label,.favorites-toolbar>label{flex:0 1 175px;min-width:125px;max-width:240px;font-size:.72rem;gap:5px;margin:0;color:#b6c6d8}
.filterbar>label.search,.todo-toolbar>label:first-child{flex:1 1 230px;max-width:360px}
.filterbar input,.todo-toolbar input,.kanban-toolbar input,.calendar-toolbar select,.todo-toolbar select,.favorites-toolbar select{padding:8px 10px;font-size:.81rem;min-height:35px;border-radius:8px}
.filter-picker{position:relative;margin:0;min-width:125px;max-width:100%;border:1px solid #45566d;border-radius:8px;background:#182536;color:#e3edf8;font-size:.8rem;font-weight:500;line-height:1.35}
.filter-picker>summary{list-style:none;cursor:pointer;padding:8px 27px 8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.filter-picker>summary::-webkit-details-marker{display:none}.filter-picker>summary:after{content:'⌄';position:absolute;right:10px;color:#97bbd2}.filter-picker.has-selection{border-color:#719cb2;background:#203a49}.filter-picker[open]{z-index:45;border-color:#9fc9db}.filter-picker>summary:focus-visible{outline:2px solid #a9cddf;outline-offset:2px;border-radius:7px}
.filter-picker-options{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;width:max-content;max-width:min(320px,80vw);max-height:300px;overflow:auto;padding:8px;background:#142131;border:1px solid #647d94;border-radius:10px;box-shadow:0 12px 34px #0009;display:flex;flex-direction:column;gap:3px}
.filter-picker-options>label{display:flex;flex-direction:row;align-items:center;gap:9px;margin:0;padding:8px;border-radius:6px;font-size:.81rem;cursor:pointer;color:#e3edf8;line-height:1.35}.filter-picker-options>label:hover{background:#2a4053}.filter-picker-options input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:0;accent-color:#93c5d6}.filter-picker-options>label>span{overflow-wrap:anywhere;max-width:250px}
body.colourframe .filter-picker-options>button{background:#263e50;border:1px solid #59738c;color:#d2e6f1;font-size:.75rem;padding:7px 10px;min-height:0;margin-bottom:4px;text-align:left}
@media(max-width:650px){.filterbar>label,.todo-toolbar>label,.kanban-toolbar>label,.calendar-toolbar>label,.favorites-toolbar>label{flex:1 1 140px;max-width:none}.filter-picker-options{min-width:190px;max-width:75vw}}

.note-list-section{margin-bottom:24px}#detail-notes{display:flex;flex-direction:column;gap:12px}.note-history-card{margin-bottom:0;background:#182437;border-color:#405670;padding:18px}.note-history-card>h4{font-size:1.03rem;color:#f0f5fc;margin:12px 0}.note-card-meta{gap:12px;flex-wrap:wrap}.note-card-meta strong{color:#c2deeb}.note-edited{display:block;color:#a6b8cd;font-size:.72rem;margin:10px 0}.note-edit-button{font-size:.75rem!important;padding:7px 12px!important;margin-top:12px}.note-composer{margin-top:24px;margin-bottom:0;background:#111c29;border-color:#50627d}.note-image-tools{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.note-image-tools button{font-size:.78rem;padding:8px 12px}.note-inline-image{display:block;margin:12px 0}.note-inline-image img{display:block;max-width:100%;max-height:460px;object-fit:contain;border-radius:10px;border:1px solid #4d6781}.attachment-row{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:12px;border-bottom:1px solid #455a6e66}.attachment-row .destructive{margin-left:auto;font-size:.75rem}

/* Kompakte Verwaltungslisten, Auswahl und sichere Notizformatierung. */
body.colourframe .list-panel>.list-heading{padding:12px 16px;gap:8px}body.colourframe .list-panel .list-heading h2{font-size:.93rem;flex:1 1 210px}body.colourframe .list-panel .list-heading>.hint{font-size:.65rem}.list-panel .list-heading .table-date-sort{min-width:165px;max-width:230px}.list-panel .list-heading button{padding:6px 10px!important;font-size:.69rem;min-height:30px}.list-panel table{font-size:.76rem}.list-panel td{padding:9px 10px}.list-panel .column-filters input{font-size:.68rem;padding:6px 8px;min-height:30px}.list-panel .column-sort{font-size:.7rem!important;padding:6px 3px!important}.list-panel .ticket-subtitle{font-size:.64rem}.list-panel .record-open{font-size:.79rem!important}.list-panel .table-scroll{scrollbar-width:thin}.record-check{display:none!important}.bulk-mode .record-check{display:inline-flex!important;vertical-align:middle;margin:0 8px 0 0!important;min-width:18px}.record-check input,.bulk-select-all input{width:17px;height:17px;accent-color:#8bdac8;cursor:pointer}.bulk-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px 16px;background:#172d34;border-block:1px solid #3c666d}.bulk-toolbar[hidden]{display:none}.bulk-toolbar select,.bulk-toolbar input[type=date]{width:auto;max-width:220px;padding:7px 9px;min-height:32px;font-size:.73rem}.bulk-toolbar button{font-size:.72rem;padding:7px 11px!important;min-height:32px}.bulk-select-all{display:flex;align-items:center;gap:7px;margin:0;font-size:.72rem}.bulk-toolbar>strong{font-size:.73rem;color:#a1eadb}.bulk-hint{flex-basis:100%;font-size:.69rem;color:#afc3ca}.bulk-message{flex-basis:100%;font-size:.74rem;margin:0}.bulk-selected>td{background:#214047!important;border-bottom-color:#4d7b7d!important}.bulk-selected>td:first-child{box-shadow:inset 3px 0 #91dccb}.note-format-toolbar{align-items:center;gap:7px;flex-wrap:wrap}.note-format-toolbar label{display:flex;align-items:center;gap:6px;margin:0;font-size:.72rem}.note-format-toolbar select{width:auto;min-height:32px;font-size:.72rem;padding:6px 8px}.note-card-body .rich-small,#note-preview-content .rich-small{font-size:.82em}.note-card-body .rich-normal,#note-preview-content .rich-normal{font-size:1em}.note-card-body .rich-large,#note-preview-content .rich-large{font-size:1.25em}.note-card-body .rich-xl,#note-preview-content .rich-xl{font-size:1.55em}.note-card-body .rich-cyan,#note-preview-content .rich-cyan{color:#8ed7ef}.note-card-body .rich-green,#note-preview-content .rich-green{color:#a0d8ac}.note-card-body .rich-orange,#note-preview-content .rich-orange{color:#e9bc82}.note-card-body .rich-lilac,#note-preview-content .rich-lilac{color:#c6b0ee}.note-card-body .rich-coral,#note-preview-content .rich-coral{color:#eca5af}.note-card-body .rich-white,#note-preview-content .rich-white{color:#edf3fb}.live-conflict{padding:12px 16px;border:1px solid #a98550;background:#392e22;color:#f1d3a4;border-radius:10px;font-size:.8rem}.live-conflict[hidden]{display:none}
@media(max-width:750px){.bulk-toolbar{gap:8px}.bulk-toolbar select{max-width:100%}.list-panel .list-heading>.hint{display:none}.list-panel .list-heading button{flex:1}.note-format-toolbar label{flex:1}.note-format-toolbar select{max-width:150px}}
.note-visual-editor{min-height:220px;white-space:pre-wrap;background:#0d1621;border:1px solid #526780;border-radius:10px;padding:16px;font-size:.94rem;line-height:1.65}.note-visual-editor:focus{outline:2px solid #8cc5d2;outline-offset:2px}.note-visual-editor p{margin:.35em 0}.note-visual-editor .note-inline-image{display:block}.note-history-card.just-saved{border-color:#9ed6c5;box-shadow:0 0 0 1px #9ed6c533}.note-visual-editor .rich-small{font-size:.82em}.note-visual-editor .rich-normal{font-size:1em}.note-visual-editor .rich-large{font-size:1.25em}.note-visual-editor .rich-xl{font-size:1.55em}.note-visual-editor .rich-cyan{color:#8ed7ef}.note-visual-editor .rich-green{color:#a0d8ac}.note-visual-editor .rich-orange{color:#e9bc82}.note-visual-editor .rich-lilac{color:#c6b0ee}.note-visual-editor .rich-coral{color:#eca5af}.note-visual-editor .rich-white{color:#edf3fb}#detail-note[hidden]{display:none!important}

.note-inline-image img[hidden]{display:none!important}
.note-delete-button{font-size:.75rem!important;padding:7px 12px!important;margin:12px 0 0 8px}.wiki-picker{position:relative;min-width:220px;flex:1;max-width:100%;border:1px solid #557186;border-radius:9px;background:#172433}.wiki-picker>summary{cursor:pointer;list-style:none;padding:10px 13px;font-size:.8rem;color:#d6e7ee;display:flex;justify-content:space-between;gap:12px}.wiki-picker>summary::after{content:'⌄';color:#91cbbf}.wiki-picker[open]>summary::after{content:'⌃'}.wiki-picker-menu{border-top:1px solid #3e586d;padding:10px;background:#101a26}.wiki-picker-menu input{width:100%;font-size:.76rem;padding:8px}.wiki-picker-tools{display:flex;gap:6px;margin:8px 0}.wiki-picker-tools button{font-size:.66rem;padding:6px 8px;min-height:28px}.wiki-picker-tree{max-height:300px;overflow:auto;scrollbar-width:thin}.wiki-picker-children{list-style:none;padding:0;margin:0}.wiki-picker-children .wiki-picker-children{margin-left:16px;border-left:1px solid #3d566a;padding-left:7px}.wiki-picker-children[hidden]{display:none}.wiki-picker-row{display:flex;align-items:center;gap:5px;margin:3px 0}.wiki-picker-row button{font-size:.76rem!important;padding:6px 8px!important;min-height:28px}.wiki-picker-toggle{flex:0 0 28px;min-width:28px;font-size:1.1rem!important}.wiki-picker-page{flex:1;text-align:left;overflow-wrap:anywhere;background:#223747!important;border-color:#3a566a!important;color:#d9e8f0!important}.wiki-picker-page[aria-current=true]{background:#2c514f!important;border-color:#85baac!important}.wiki-picker-source[hidden]{display:none!important}
.ticket-board-membership{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #42556966}.ticket-board-membership>div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.ticket-board-membership strong{font-size:.8rem;overflow-wrap:anywhere}.ticket-board-membership .hint{font-size:.7rem}.ticket-board-membership button{font-size:.68rem;padding:5px 8px}.ticket-board-controls{margin-top:14px;display:grid;gap:10px}.ticket-board-controls label{margin:0;font-size:.74rem}.ticket-board-controls select{width:100%;font-size:.76rem;padding:8px}.ticket-board-controls .hint{font-size:.7rem;margin:0;line-height:1.5}

.board-column-tag-links{margin:0 0 .7rem;padding:.45rem .65rem;border-left:3px solid var(--accent,#8ab4e0);background:rgba(140,175,220,.09);border-radius:5px}.board-column-tag-links p{margin:.2rem 0;overflow-wrap:anywhere}

.kanban-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem;align-items:start}.kanban-main{min-width:0}.board-sidebar{position:sticky;top:.75rem;min-width:0;background:rgba(20,27,39,.75);border-radius:10px;padding:.65rem}.board-sidebar-toggle{min-height:32px;width:34px;padding:.15rem;font-size:1.5rem;line-height:1;margin-bottom:.65rem}.board-sidebar-search{font-size:.75rem}.board-sidebar-search input{min-width:0;width:100%;margin-top:.4rem;padding:.5rem}.board-sidebar nav{display:grid;gap:.4rem;margin-top:.8rem}.board-nav-item{text-align:left;white-space:normal;overflow-wrap:anywhere;padding:.6rem .7rem;background:rgba(118,157,190,.13);color:#dce8ef;border:1px solid transparent;min-height:38px}.board-nav-item[aria-current]{background:rgba(92,164,177,.24);border-color:#689eae}.kanban-layout.sidebar-collapsed{grid-template-columns:48px minmax(0,1fr)}.sidebar-collapsed .board-sidebar{padding:.4rem}.sidebar-collapsed .board-sidebar-toggle{margin:0}@media(max-width:720px){.kanban-layout{grid-template-columns:155px minmax(0,1fr);gap:.5rem}.board-nav-item{font-size:.75rem}.kanban-toolbar{grid-template-columns:1fr}.board-sidebar-search{font-size:.7rem}}

.board-nav-row{display:flex;gap:.3rem;align-items:stretch}.board-nav-row .board-nav-item{flex:1;min-width:0}.board-nav-order{display:grid;gap:2px}.board-nav-order button{padding:1px 5px;min-height:20px;font-size:.8rem;line-height:1}

.editor-structure-tools{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.editor-structure-tools button{font-size:.75rem;min-height:30px;padding:.4rem .65rem}.editor-insertion-row{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:.35rem 0;padding:.35rem;border:1px dashed #42546b;border-radius:8px;opacity:.72}.editor-insertion-row:hover,.editor-insertion-row:focus-within{opacity:1;background:#1d2d3d}.editor-insertion-row select{width:auto;max-width:50%;font-size:.75rem;padding:.35rem;min-height:30px}.editor-insertion-row button{font-size:.75rem;padding:.4rem .7rem;min-height:30px}.editor-section-card{border-color:#769baf;background:#25384a}.editor-section-card>summary{font-weight:650;color:#d5e8f3}.editor-subfield-card{margin-left:16px;border-left:3px solid #516c84}.editor-condition{grid-template-columns:24px 1.1fr 1.1fr 1.1fr auto;padding:12px;background:#162333;border-radius:8px;align-items:end}.editor-condition label{margin:0!important;font-size:.75rem!important}.editor-condition-number{align-self:center;color:#95a8ba}.editor-condition label[hidden]{display:none}.editor-condition input,.editor-condition select{width:100%;min-width:0;font-size:.8rem}.editor-rule-block{border-left:3px solid #76979a;background:#1b2b37}.board-nav-row{cursor:grab;border-top:2px solid transparent;border-bottom:2px solid transparent;border-radius:7px;align-items:center}.board-nav-row:active{cursor:grabbing}.board-nav-grip{color:#8fa9b9;font-size:1.2rem;padding:0 2px}.board-nav-dragging{opacity:.45}.board-drop-before{border-top-color:#9cd4d9}.board-drop-after{border-bottom-color:#9cd4d9}@media(max-width:900px){.editor-condition{grid-template-columns:24px 1fr auto}.editor-condition label{grid-column:2}.editor-condition-number{grid-row:1 / span 3}.editor-condition button{grid-column:3;grid-row:1}.editor-subfield-card{margin-left:8px}}

.ticket-description .description-section{margin:1.4rem 0 .8rem;padding-bottom:.45rem;border-bottom:1px solid #486174;color:#bad2e0}.description-answer{margin:.8rem 0}.description-answer strong{font-size:.78rem;color:#afc1cc}.description-answer p{margin:.3rem 0;white-space:pre-wrap;overflow-wrap:anywhere}.description-image{margin:1rem 0;padding:.8rem;background:#17232e;border-radius:10px}.description-image figcaption{font-size:.75rem;color:#b3c8d5;margin-bottom:.6rem}.description-image img{max-width:100%;max-height:500px;border-radius:7px;object-fit:contain}.attachment-origin{display:block;flex-basis:100%;font-size:.7rem;color:#a9c9c0;margin:.2rem 0}

.ticket-detail-section.original-request{background:#193642;border:1px solid #47748b;border-left:3px solid #82bccd;border-radius:12px;padding:20px;color:#e0eff5;box-shadow:0 6px 20px #08151c22}.original-request>h3{color:#addceb}.original-request .description-answer strong{color:#99ccd8}.original-request .description-image{background:#102b35}.original-request .ticket-person{color:#c7e0e9}

.description-file{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;margin:.9rem 0;padding:.8rem;background:#102c38;border-radius:8px}.description-file strong{flex-basis:100%;font-size:.8rem;color:#add5e0}.description-file button{font-size:.85rem;overflow-wrap:anywhere;text-align:left}.description-file .attachment-origin{flex-basis:auto}

/* Abstand zwischen den drei Ticketlisten der Übersicht. */
#ticket-lists { display: grid; gap: 36px; }
#ticket-lists > .list-panel { margin: 0; }

.kanban-column-add{font-size:1.25rem!important;min-width:32px;min-height:32px;padding:3px 9px!important;background:#86d7c4!important;color:#122932!important}.board-assign-dialog{width:min(720px,94vw);border:1px solid #55778a;border-radius:18px;background:#142332;color:#ecf4f7;padding:24px}.board-assign-dialog::backdrop{background:#070d16b8}.board-assign-dialog .list-heading{margin-bottom:18px}.board-assign-dialog select{min-height:230px}.board-assign-dialog option{padding:9px}.board-assign-dialog #board-assign-submit{margin-top:14px}

.standard-board-switch{margin-left:auto;display:flex;gap:4px;padding:4px;border:1px solid #466477;border-radius:12px;background:#14202d}.standard-board-switch button{padding:8px 13px!important;font-size:.76rem!important;background:#25394a!important;color:#c0d2df!important}.standard-board-switch button[aria-pressed=true]{background:#88d4c6!important;color:#132936!important}.standard-board-switch[hidden]{display:none}

.task-add{display:flex;flex-wrap:wrap;gap:8px}.task-add #task-new{flex:2 1 240px}.task-add input[type=date],.task-add input[type=time]{flex:0 1 150px;width:150px}.task-add #task-new-assignee{flex:1 1 180px;width:auto}.ticket-task .task-time{width:112px;flex:0 0 112px}.ticket-task{flex-wrap:wrap}

.ticket-task .task-time{height:auto;min-height:38px;font-size:.8rem}.ticket-detail-layout[inert]{opacity:.75}

.ticket-detail-sidebar .ticket-goal-fields{min-inline-size:0;margin:18px 0;padding:14px;border:1px solid #426477;border-radius:14px;background:#172a36}.ticket-goal-fields legend{padding:0 7px;color:#abdcd7;font-size:.83rem;font-weight:650}.ticket-goal-inputs{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:10px}.ticket-goal-inputs label{min-width:0;margin:0;font-size:.75rem}.ticket-goal-inputs input{min-width:0;width:100%;font-size:.8rem;padding:9px 8px}.goal-optional{font-size:.65rem;color:#91a8b8;font-weight:400}.ticket-goal-fields .date-shortcuts{margin-top:12px}.ticket-goal-fields .calendar-export-hint{margin-bottom:0}

.notice-template-tools{margin:0 0 18px;border:1px solid #3c5269;border-radius:12px;background:#182638;padding:12px 15px}.notice-template-tools>summary{cursor:pointer;font-size:.85rem;color:#c4d4e4;font-weight:600}.notice-template-tools>summary span{margin-left:8px;color:#8fa6bb;font-size:.7rem;font-weight:400}.notice-template-tools .notice-template-picker{margin-top:14px;flex-wrap:wrap}.notice-status-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 10px}.notice-state-badge{padding:7px 11px;border:1px solid #476177;border-radius:8px;background:#203247;color:#c5dbec;font-size:.75rem}.notice-state-badge[data-state=public]{background:#213c35;color:#b8e4d5;border-color:#4e8976}.notice-state-badge[data-state=template]{background:#322d45;color:#d9cfed;border-color:#6b5d89}#notice-unsaved{font-size:.74rem;color:#eac28b}#notice-save-help{line-height:1.6;max-width:75ch}#notice-publish{background:#91cfbb;color:#142f27}#notice-save-kind[hidden],#notice-unsaved[hidden]{display:none}

/* Kompakte Notizwerkzeuge und besser gegliederter Notizverlauf. */
#note-format-toolbar{padding:10px;gap:7px;border:1px solid #3e566b;border-radius:10px;background:#172839;align-items:center}#note-format-toolbar .note-toolbar-upload{background:#30564f!important;color:#c8ece1!important;border-color:#507e70!important;white-space:nowrap}#note-format-toolbar button,#note-format-toolbar select{min-height:32px}#note-format-toolbar label{flex:0 1 auto}.note-composer-bottom{flex-wrap:wrap;gap:9px}#note-edit-cancel[hidden]{display:none}
#detail-notes{gap:16px}.note-history-card{--note-accent:#91b6cc;background:linear-gradient(145deg,#1a2c3c,#152232);border:1px solid #40596e;border-left:3px solid var(--note-accent);border-radius:14px;padding:18px 20px;margin:0;box-shadow:0 6px 20px #050b141f}.note-history-card[data-note-type=diagnose]{--note-accent:#b7a6d5}.note-history-card[data-note-type=rueckfrage]{--note-accent:#d5b27a}.note-history-card[data-note-type=loesung]{--note-accent:#8cc6ad}.note-history-card .note-card-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;margin:0 0 14px}.note-history-card .note-card-meta strong{grid-column:1;grid-row:1;font-size:.88rem;color:#e1edf6;overflow-wrap:anywhere}.note-history-card .note-card-meta time{grid-column:1;grid-row:2;font-size:.7rem;color:#9eb2c4}.note-history-card .note-card-meta time::before{content:"Erstellt · "}.note-history-card .note-card-meta span{grid-column:2;grid-row:1 / 3;color:var(--note-accent);border-color:#526a7c;background:#213244;border-radius:7px;font-size:.68rem;padding:5px 9px}.note-history-card>h4{font-size:1.03rem;margin:4px 0 12px;color:#eef5fb;line-height:1.4}.note-history-card .note-card-body{padding:14px 16px;background:#0e1a27;border:1px solid #32485b;border-radius:9px;color:#d8e3ed;font-size:.9rem;line-height:1.75;overflow-wrap:anywhere}.note-history-card .note-card-body>p{margin:.45em 0}.note-history-card .note-card-body>:first-child{margin-top:0}.note-history-card .note-card-body>:last-child{margin-bottom:0}.note-history-card .note-edited{font-size:.67rem;color:#9eafc0;margin:0 0 11px}.note-history-card .note-edit-button,.note-history-card .note-delete-button{font-size:.7rem!important;min-height:30px;padding:6px 10px!important;margin-top:13px}.note-history-card .note-edit-button{background:#2b455d!important;color:#d6e8f6!important}.note-history-card .note-delete-button{margin-left:7px;background:#4a3038!important;color:#ecc2ca!important}.note-history-card.legacy-note{--note-accent:#72879d}.note-history-card.just-saved{border-color:#8fc9b4;box-shadow:0 0 0 1px #8fc9b433,0 6px 20px #050b141f}@media(max-width:600px){.note-history-card{padding:14px}.note-history-card .note-card-body{padding:12px}.note-history-card .note-card-meta{gap:5px 8px}#note-format-toolbar label{flex:1 1 150px}}

#ticket-panel-note-editor .note-composer{margin-top:0}#note-create-from-list{margin-left:auto;font-size:.75rem;padding:8px 12px}.ticket-detail-tabs{flex-wrap:wrap}

.ticket-detail-tabs #ticket-tab-notes,.ticket-detail-tabs #ticket-tab-files,.ticket-detail-tabs #ticket-tab-history{margin-inline-start:9px}
/* Ticket mail: isolated browser connection, full-width correspondence. */
.ews-connector{position:relative;margin-left:auto;font-size:.8rem;color:#b7ced5}.ews-connector>summary{display:flex;gap:8px;align-items:center;cursor:pointer;padding:8px 11px;border:1px solid #49606a;border-radius:10px;background:#1b3039;list-style:none}.ews-connector>summary::-webkit-details-marker{display:none}.ews-connector>summary:after{content:'⌄'}.ews-connector[open]>summary:after{content:'⌃'}#ews-state{font-size:.7rem;color:#94aeb8}.ews-dot{width:7px;height:7px;border-radius:50%;background:#78858d}.ews-dot[data-state=connected]{background:#85c3aa}.ews-dot[data-state=connecting]{background:#d0b77b}.ews-dot[data-state=error]{background:#db9d9b}.ews-connector-body{position:absolute;z-index:40;right:0;top:calc(100% + 8px);width:min(420px,90vw);max-height:75vh;overflow:auto;padding:20px;background:#15242e;border:1px solid #547080;border-radius:14px;box-shadow:0 18px 48px #0008}.ews-connector-body label{font-size:.8rem;margin-bottom:12px}.ews-connector-body input,.ews-connector-body select{padding:9px;min-width:0}.ews-connector-body p{font-size:.75rem;line-height:1.6}.ews-actions{display:flex;gap:8px}.ews-launch{margin-top:14px;border-top:1px solid #3e5360;padding-top:12px}.ews-launch summary{cursor:pointer;color:#afcbd5}.ews-launch pre{font-size:.7rem;white-space:pre-wrap;overflow-wrap:anywhere;background:#0b151d;padding:12px;border-radius:8px;user-select:all}.ews-connector-body button{font-size:.8rem;padding:9px 12px}
#ticket-dialog.mail-mode{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.mail-mode .ticket-detail-layout{grid-template-columns:minmax(0,1fr)}.mail-mode .ticket-detail-sidebar,.mail-mode .ticket-quick-actions,.mail-mode #detail-meta{display:none}.mail-mode .ticket-detail-header{padding:14px 24px}.mail-mode .ticket-detail-header h2{font-size:1.1rem;margin:6px 0}.mail-mode .ticket-detail-tabs{padding:10px 24px}.mail-mode .ticket-detail-main{padding:16px 24px}.mail-topbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mail-topbar>div:first-child{display:grid;gap:4px;flex:1;min-width:180px}.mail-topbar strong{font-size:.85rem}.mail-topbar .eyebrow{font-size:.65rem}.mail-topbar button{font-size:.8rem;padding:9px 13px}.mail-connection{font-size:.75rem;color:#a0afbd}.mail-connection.connected{color:#a2d6bb}.mail-client{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:18px;min-height:60vh}.mail-navigation{background:#15222e;border:1px solid #344d5d;border-radius:14px;padding:14px;min-width:0}.mail-navigation label{font-size:.75rem}.mail-navigation input{font-size:.8rem;padding:9px}.mail-filters{display:flex;gap:6px;margin:12px 0}.mail-filters button{font-size:.7rem;padding:7px 9px;flex:1}.mail-filters button[aria-pressed=true]{border-color:#a5c6d2;background:#3b596a}#mail-list{display:grid;gap:10px;max-height:65vh;overflow:auto}.mail-thread{display:grid!important;gap:5px;text-align:left!important;align-items:start!important;padding:13px!important;background:#1d2d3b!important;border:1px solid #40536a!important;border-left:3px solid #85b8bd!important;border-radius:10px!important;box-shadow:none!important;min-width:0;color:#dae2ed!important}.mail-thread.sent{border-left-color:#b0a2d1!important;background:#27283b!important}.mail-thread.selected{outline:1px solid #b0cdd6;background:#2d4351!important}.mail-thread strong{font-size:.85rem;overflow-wrap:anywhere}.mail-thread .mail-direction{font-size:.68rem;color:#abd4d6}.mail-thread.sent .mail-direction{color:#c5b7e1}.mail-address,.mail-thread time,.mail-snippet{font-size:.7rem;color:#adbac8;overflow-wrap:anywhere}.mail-snippet{color:#7e93a5;line-height:1.5}.mail-main{min-width:0;border:1px solid #354c5d;border-radius:14px;background:#0c1720;padding:24px}.mail-reader-state{display:inline-block;padding:6px 10px;font-size:.75rem;border-radius:8px;background:#22494c;color:#bce0dc}.mail-reader-state.sent{background:#403651;color:#d8c7ed}.mail-meta{display:grid;gap:7px;font-size:.8rem;margin:20px 0}.mail-meta>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px}.mail-meta dt{color:#8cabb9}.mail-meta dd{margin:0;overflow-wrap:anywhere}.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:.9rem;padding:22px;background:#111e29;border:1px solid #2c4353;border-radius:12px;min-height:160px}.mail-attachments,.mail-reader-actions,.mail-send-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}.mail-reader-actions button,.mail-attachments button{font-size:.8rem;padding:10px 13px}.mail-warning{padding:12px;background:#3e3223;color:#ddc6a0;border-radius:9px;font-size:.8rem}#mail-compose{margin:0}#mail-compose label{font-size:.85rem}#mail-compose textarea{line-height:1.7;background:#111e29}#mail-connector-slot .ews-connector{margin:0}.ticket-detail-tabs #ticket-tab-mail{margin-inline-start:9px;--action-bg:#345460;--action-line:#729ba8}
@media(max-width:750px){.mail-client{grid-template-columns:1fr}.mail-main{padding:16px}#mail-list{max-height:30vh}.mail-mode .ticket-detail-main{padding:12px}.mail-mode .ticket-detail-header{padding:12px}.mail-mode .ticket-detail-tabs{padding:10px}.ews-connector-body{position:fixed;right:12px;top:80px}header .ews-connector{margin-left:0}.mail-topbar{gap:8px}}
.login-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end}.login-actions .ews-connector{margin:0}.login-actions .ews-connector>summary{font-size:.75rem;padding:11px}.login-actions .ews-connector-body{width:min(420px,85vw)}
.todo-mail-watch{margin:0 0 24px;padding:18px 20px;border:1px solid #456271;border-radius:14px;background:#152a34}.todo-mail-watch .list-heading{margin-bottom:6px}.todo-mail-watch h3{font-size:.95rem;margin:0;color:#c3dee2}.todo-mail-watch>.hint,.todo-mail-watch>p[role=status]{font-size:.75rem;line-height:1.6;color:#a7bdc8}.todo-mail-watch button{font-size:.75rem;padding:9px 12px}#todo-mail-results{display:grid;gap:10px}.todo-mail-card{display:flex;align-items:center;gap:14px;padding:13px 15px;border:1px solid #4d777b;border-left:3px solid #9bcec4;border-radius:11px;background:#203d43}.todo-mail-card>div{flex:1;min-width:0}.todo-mail-card strong{font-size:.88rem;overflow-wrap:anywhere}.todo-mail-subject{font-size:.8rem;color:#bbd0d5;overflow-wrap:anywhere;margin:5px 0}.todo-mail-card small{font-size:.7rem;color:#91b0bc}.todo-mail-badge{font-size:.7rem;color:#b6e0cc;white-space:nowrap}@media(max-width:700px){.todo-mail-card{flex-wrap:wrap}.todo-mail-card>div{flex-basis:70%}.todo-mail-card>button{margin-left:auto}}

/* Vollbild, Mailangaben und Adressbuch */
#ticket-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}#ews-connector[hidden]{display:none!important}.mail-meta{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.mail-meta>div{grid-template-columns:minmax(0,1fr);gap:5px}.mail-meta dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.mail-meta dd{font-size:.88rem}.addressbook-layout{display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:24px}#contact-list,#mail-contact-list{display:grid;gap:8px;margin-top:12px;max-height:55vh;overflow:auto}#contact-list button,#mail-contact-list button{text-align:left;display:grid;gap:4px}.mail-address-picker{padding:12px;border:1px solid #354c5d;border-radius:10px;margin:10px 0}.mail-address-picker summary{cursor:pointer;color:#afd2dc}#mail-rich-body{min-height:240px;padding:18px;border:1px solid #476170;border-radius:10px;background:#111e29}#mail-toolbar{margin:12px 0}@media(max-width:700px){.addressbook-layout{grid-template-columns:1fr}}

/* Das gleiche Hauptmenü bleibt auch im Vollbild bedienbar. */
#app-header{gap:10px}#app-header>nav{margin-right:auto}#app-header>.ews-connector{margin-left:0}#ticket-dialog>#app-header{position:sticky;top:0;z-index:30;max-width:none;background:#131d2b;padding:14px 24px;border-bottom:1px solid #354b60}#ticket-dialog>#app-header .ews-connector-body{z-index:40}#mail-rich-body img,.mail-body img{display:block;max-width:100%;height:auto;border-radius:8px;margin:10px 0}.todo-mail-empty{padding:14px 16px;border:1px dashed #456271;border-radius:10px;color:#a7bdc8;font-size:.8rem;line-height:1.6}
/* Viel Platz zum Schreiben; auf kleinen Geräten bleibt das Feld bedienbar. */
#mail-rich-body{min-height:max(420px,55vh);resize:vertical;overflow:auto;line-height:1.75;padding:24px}#mail-compose #mail-toolbar{position:relative;top:auto;margin-bottom:14px}#mail-compose{padding-bottom:24px}@media(max-width:700px){#mail-rich-body{min-height:48vh;padding:18px}}
.ticket-file-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:20px;min-height:400px}.ticket-file-tree{display:block!important;background:#162735;padding:12px;border:1px solid #3d5368;border-radius:12px;overflow:auto}.ticket-file-tree button{font-size:.8rem;padding:9px;text-align:left;border-radius:8px;min-height:34px;box-shadow:none}.ticket-file-tree .file-root{display:block;width:100%;margin:8px 0;background:#34485a;color:#dce9f3}.ticket-file-tree .file-root:nth-of-type(1){border-left:3px solid #a6c8bf}.ticket-file-tree .file-root:last-child{border-left:3px solid #b8a8d4}.file-tree-line{display:flex;gap:3px;align-items:center}.file-tree-arrow{flex:none;width:26px;background:transparent!important;border:0!important}.file-folder{flex:1;min-width:0;background:#233548!important;color:#b7cddd!important;overflow-wrap:anywhere}.ticket-file-tree .selected{outline:1px solid #9fcbd2;background:#39566a!important}.file-depth-1{padding-left:8px}.file-depth-2{padding-left:16px}.file-depth-3{padding-left:24px}.file-depth-4,.file-depth-5,.file-depth-6,.file-depth-7,.file-depth-8{padding-left:32px}.ticket-file-pane{min-width:0;background:#111e2c;border:1px solid #3d5368;border-radius:12px;padding:18px}.file-browser-heading{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.file-browser-heading h3{flex:1;min-width:120px;margin:0;font-size:.95rem}.file-browser-heading button,.file-row-actions button{font-size:.72rem;padding:8px 10px;min-height:32px}.file-browser-list{display:grid;gap:10px}.file-browser-row{display:grid;gap:8px;padding:13px;border:1px solid #3d5368;background:#1a2c3d;border-radius:10px}.file-row-actions{display:flex;flex-wrap:wrap;gap:8px}.file-drop-active{outline:2px dashed #9dd9cf!important;background:#254d4c!important}@media(max-width:750px){.ticket-file-layout{grid-template-columns:1fr}.ticket-file-tree{max-height:240px}}html[data-a11y-mode="contrast"] :is(.ticket-file-tree,.ticket-file-pane,.file-browser-row){background:#000!important;border-color:#fff!important}
.file-browser-row img{max-width:100%;max-height:500px;object-fit:contain;border-radius:8px}

/* Ticket dates: compact number line, report date in original request. */
.ticket-number-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:1;min-width:0}.ticket-updated{font-size:.72rem;color:#9dacbf;letter-spacing:0;white-space:nowrap}.ticket-detail-header>.dialog-heading{gap:20px}.mail-mode #detail-meta{display:inline}
@media(max-width:800px){.ticket-number-row{flex-wrap:wrap;justify-content:flex-start;gap:6px 14px}.ticket-updated{font-size:.68rem}}

.external-copy-link{cursor:pointer;text-decoration:underline dotted;text-underline-offset:4px}.external-copy-link::after{content:" · kopieren";font-size:.75em;opacity:.8}.external-copy-link:focus-visible{outline:2px solid #9bc7d7;outline-offset:4px}.external-link-dialog{width:min(620px,calc(100vw - 32px));max-width:620px;padding:24px;border:1px solid #456275;border-radius:14px;background:#162330;color:#dde7ef}.external-link-dialog::backdrop{background:rgba(0,0,0,.65)}.external-link-dialog .dialog-heading{align-items:center;margin-bottom:16px}.external-link-dialog h2{font-size:1rem;margin:0}.external-link-dialog input{width:100%;font-size:.85rem}.external-link-dialog>button{margin-top:16px}.external-link-dialog .hint{margin:12px 0 0;line-height:1.5}

/* Workspace polish */
#app-header{display:flex;align-items:center;flex-wrap:wrap}#app-header>nav{margin-right:auto;width:auto}#header-session{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}#header-session #logout,#header-session .ews-connector{margin-left:0}#ticket-dialog #app-header{width:100%;box-sizing:border-box}.app-action-dialog{width:min(480px,calc(100vw - 32px));padding:24px;border:1px solid #65788f;border-radius:16px;background:#172332;color:#e8eef5}.app-action-dialog h2{font-size:1rem}.app-action-dialog p{white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.mail-info-block{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:16px 0}.mail-info-block .mail-meta{flex:1;margin:0}.mail-info-block>button{font-size:.7rem;min-height:32px;padding:8px}.mail-compose-files{display:grid;gap:6px;margin:10px 0}.mail-compose-file{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#243444;padding:8px 12px;border-radius:8px;font-size:.8rem}.mail-compose-file button{font-size:.7rem;padding:6px}.todo-compact-panel{padding:14px;background:#142330;border:1px solid #445b6e;border-radius:12px;margin-bottom:18px}.todo-compact-panel h3{font-size:.9rem}.todo-compact-panel label{font-size:.75rem}.todo-compact-panel input{padding:8px}#todo-compact-list{max-height:330px;overflow:auto;margin-top:10px}.todo-compact-row{display:grid!important;grid-template-columns:95px minmax(140px,1fr) 110px 90px 140px;align-items:center;gap:10px;width:100%;min-height:0!important;padding:7px 10px!important;border-radius:5px!important;text-align:left;font-size:.75rem!important;margin-bottom:4px;background:#203547!important}.todo-compact-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-compact-row small,.todo-compact-row time{font-size:.7rem;color:#bbcbd7}.todo-mail-watch{margin-top:24px}.ticket-unread-count{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%;background:#b6d4ee;color:#152236;font-size:11px;font-weight:700;margin-left:6px}.ticket-unread-count[hidden]{display:none}
@media(max-width:700px){.todo-compact-row{grid-template-columns:70px minmax(100px,1fr) 90px}.todo-compact-row>small{display:none}.mail-info-block{flex-wrap:wrap}}

#header-session>#logout{min-height:36px;padding:8px 14px;font-size:.8rem;border-radius:9px;flex-shrink:0}

.ticket-conflict{margin:12px 24px;padding:14px 18px;background:#49352c;border:1px solid #d5aa80;border-radius:12px;font-size:.85rem}.ticket-conflict p{margin:8px 0}.ticket-conflict .dialog-actions{justify-content:flex-start;margin-top:10px}.ticket-conflict button{font-size:.8rem;padding:8px 12px}.ticket-conflict[hidden]{display:none!important}

.ticket-email-list{display:grid;gap:8px}.ticket-email-row,.ticket-email-add{display:flex;align-items:end;gap:10px}.ticket-email-row input{flex:1;min-width:0}.ticket-email-row button,.ticket-email-add button{font-size:.75rem;padding:9px 12px}.ticket-email-add{margin-top:14px}.ticket-email-add label{flex:1;margin:0}.mail-ticket-addresses{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:-6px 0 14px}.mail-ticket-addresses>small{width:100%;font-size:.72rem}.mail-ticket-addresses>button{font-size:.72rem;padding:6px 9px;min-height:0}@media(max-width:560px){.ticket-email-add{flex-wrap:wrap}}

.todo-stats>button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-align:left;padding:16px 18px!important;border:1px solid #536a80!important;border-radius:12px!important;background:#203447!important;color:#dbe9f4!important;box-shadow:none;min-height:96px;font-size:.8rem}.todo-stats>button strong{font-size:1.7rem}.todo-stats>button[data-todo-focus=actions]{background:#2f3b43!important;border-color:#699080!important}.todo-stats>button[data-todo-focus=overdue]{background:#49343d!important;border-color:#aa7483!important}.todo-stats>button[data-todo-focus=today]{background:#463d30!important;border-color:#a79060!important}.todo-stats>button[aria-pressed=true]{outline:2px solid #bed8eb;outline-offset:3px}.todo-stats>button:hover{filter:brightness(1.15)}.todo-compact-panel[hidden],#todo-detail-filters[hidden],.todo-columns[hidden]{display:none!important}.todo-compact-entry{display:flex;align-items:center;gap:9px}.todo-compact-entry>.todo-compact-row{flex:1;min-width:0}.todo-compact-entry>input{width:16px;height:16px;flex:none}.todo-compact-title{display:grid;gap:2px;min-width:0}.todo-compact-title strong,.todo-compact-title small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-legend .comparison-legend-dot{display:block;width:12px;height:12px;min-width:12px;flex:none;border-radius:50%;background:#a6bfff}:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-pie-percent{fill:#10221c;font:bold 14px Arial,sans-serif;pointer-events:none}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="0"]{background:#ffd166}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="1"]{background:#ff985f}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="2"]{background:#ef6d8c}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="3"]{background:#df96cf}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="4"]{background:#f7bc93}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="5"]{background:#ffe5a3}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="6"]{background:#cc789d}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="one"][data-color="7"]{background:#ffb761}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="0"]{background:#74d6f0}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="1"]{background:#7f9dff}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="2"]{background:#8ee0b6}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="3"]{background:#b7b3ff}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="4"]{background:#57b4d9}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="5"]{background:#b5efe3}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="6"]{background:#5e79dc}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) .comparison-legend-dot[data-side="two"][data-color="7"]{background:#96c8ff}
/* Project portfolio and focused planning workspace */
.project-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.project-toolbar .search{flex:1;min-width:220px}.project-toolbar label{min-width:150px}.project-portfolio{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.project-portfolio>div{background:#131c29;border:1px solid #344258;border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px}.project-portfolio span{color:#a6b6cc;font-size:.82rem}.project-portfolio strong{font-size:1.8rem;color:#a2cfec}.project-card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.project-card{padding:22px;background:linear-gradient(145deg,#172433,#101722);border:1px solid #344459;border-left:4px solid #9dace0;border-radius:18px;min-width:0}.project-card[data-status=in_bearbeitung]{border-left-color:#89cebb}.project-card[data-status=abgeschlossen]{border-left-color:#6b8090;opacity:.85}.project-card-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.project-card-title,.project-task-title{background:transparent!important;border:0!important;color:#e5eef8!important;text-align:left;padding:0!important;box-shadow:none!important}.project-card-title{font-size:1.12rem!important;font-weight:700;flex:1}.project-number{font-size:.78rem;color:#9bb4d0;letter-spacing:.07em}.project-phase-chip{font-size:.73rem;color:#b8c8dd;background:#243347;padding:5px 9px;border-radius:20px}.project-card-objective{color:#c0cdde;white-space:pre-wrap;max-height:100px;overflow:auto;font-size:.85rem;line-height:1.6}.project-card progress{width:100%;height:8px;accent-color:#88c6bc;border:0}.project-card-footer{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;font-size:.74rem;color:#a9bdd1;margin-top:14px}.project-field-grid,.project-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-plan-grid{margin-top:18px}.project-plan-grid>label{padding:18px;background:#101b28;border:1px solid #324052;border-radius:14px}.project-plan-grid textarea{margin-bottom:0}.project-plan-wide{grid-column:1/-1}.project-board{display:flex;gap:14px;overflow:auto;padding:12px 0 22px;align-items:flex-start}.project-board-column{flex:0 0 280px;background:#111c2b;border:1px solid #334154;border-radius:14px;padding:13px;min-height:260px}.project-column-heading{display:flex;gap:8px;align-items:center;cursor:grab;margin-bottom:18px}.project-column-heading strong{flex:1;color:#c9daf0}.project-column-grip{color:#8e9bb7}.project-column-menu{position:relative}.project-column-menu[open]{z-index:2}.project-column-menu summary{cursor:pointer}.project-column-menu>input,.project-column-menu>label,.project-column-menu>button{width:220px}.project-task-card{display:grid;grid-template-columns:20px 1fr;gap:10px;background:#1a2a3c;border:1px solid #3c5068;border-radius:12px;padding:14px;margin-bottom:12px;cursor:grab}.project-task-card small,.project-task-card select{grid-column:1/-1;font-size:.75rem;color:#b0c3d8}.project-task-card input[type=checkbox]{margin:0;width:18px;height:18px}.project-task-title{font-size:.84rem!important;line-height:1.5}.project-mode .ticket-detail-header{border-color:#88b8c5}.project-create-panel{margin-bottom:22px}.project-mail-organization{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 0}.project-mail-organization select{max-width:260px;margin:0}.project-mode #detail-description{border-left-color:#8da7d8}.project-mode #detail-answers{display:none}.project-mode #project-mail-folders{margin:14px 0;padding:12px;background:#131e2d;border-radius:12px}.project-mode #project-mail-folders button{font-size:.74rem}.project-mode .project-planning label{color:#b8cce3}
@media(max-width:700px){.project-portfolio{grid-template-columns:repeat(2,1fr)}.project-field-grid,.project-plan-grid{grid-template-columns:1fr}.project-plan-wide{grid-column:auto}.project-card-list{grid-template-columns:1fr}.project-toolbar label{flex:1}.project-board-column{flex-basis:250px}}

.project-overview-summary{margin-bottom:24px}.project-overview-summary .project-portfolio strong{font-size:1rem}.project-plan-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.project-plan-preview article{background:#111d2b;border:1px solid #344257;border-radius:14px;padding:18px}.project-plan-preview h3{font-size:.83rem;color:#9cc8db;margin:0 0 10px}.project-plan-preview p{white-space:pre-wrap;font-size:.86rem;line-height:1.65;margin:0}.project-mode .ticket-task label input:not([type=checkbox]){width:100%;margin:0}@media(max-width:700px){.project-plan-preview{grid-template-columns:1fr}}

body.project-access [data-workspace-view]:not([data-workspace-view=projects]):not([data-workspace-view=calendar]):not([data-workspace-view=favorites]){display:none}
.mindmap-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.mindmap-canvas{background:#0a101b;border:1px solid #304252;border-radius:16px;padding:28px;overflow:auto;min-height:380px}.mindmap-root{text-align:center;padding:18px;color:#d3e7f3;border:1px solid #739cae;border-radius:18px;background:#1b3040;max-width:300px;margin:0 auto 24px}.mindmap-branches{list-style:none;display:flex;gap:18px;padding:20px 0 0;margin:0;align-items:flex-start;justify-content:center}.mindmap-branch{min-width:160px;text-align:center;position:relative;border-top:2px solid #40536c;padding-top:16px}.mindmap-branch::before{content:'';width:2px;height:16px;background:#40536c;position:absolute;top:0;left:50%}.mindmap-node{border:1px solid #6eacbe!important;background:#1a3444!important;color:#d7ebf1!important;border-radius:13px!important;font-size:.83rem;max-width:240px}.mindmap-node[data-color=green]{border-color:#8bbb9f!important;background:#213c36!important}.mindmap-node[data-color=orange]{border-color:#ccab80!important;background:#45392a!important}.mindmap-node[data-color=lilac]{border-color:#a498cf!important;background:#342b49!important}.mindmap-node[data-color=coral]{border-color:#ca9696!important;background:#422c35!important}.mindmap-node[aria-pressed=true]{outline:2px solid #d3e7f3;outline-offset:3px}.mindmap-node-detail{font-size:.74rem;color:#b8c9da;white-space:pre-wrap;max-width:240px;margin:10px auto}.mindmap-toggle{display:block;margin:8px auto!important;font-size:.7rem;background:#1d2837!important;color:#b9cce1!important}.mindmap-editor{background:#121e2c;border:1px solid #3a4d62;border-radius:15px;padding:18px}.mindmap-editor h3{font-size:.9rem}.mindmap-editor .dialog-actions{margin-top:16px}@media(max-width:800px){.mindmap-layout{grid-template-columns:1fr}.mindmap-branches{justify-content:flex-start}.mindmap-editor{max-width:500px}}
.login-panel{max-width:850px;margin-inline:auto}.login-areas{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.login-area{background:#121c2a;border:1px solid #34455a;border-top:3px solid #8da9d1;border-radius:16px;padding:24px}.project-login-area{border-top-color:#8dc5ba}.login-area h2{font-size:1.1rem}.login-area button{width:100%}.login-area .hint{min-height:35px}.login-area .login-actions{margin:0}@media(max-width:650px){.login-areas{grid-template-columns:1fr}}

.person-login-settings {border:1px solid #35465c;border-radius:12px;padding:16px;display:grid;gap:12px;margin:12px 0;}
.person-login-settings label:has(input[type=checkbox]) {display:flex;align-items:center;gap:10px;}
.person-login-settings input[type=checkbox] {width:auto;}
.login-panel #login-form {display:grid;gap:16px;max-width:460px;margin:auto;}
.active-person-bar strong {color:#93d4ec;}

.project-list-tools{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.project-list-tools button{font-size:.72rem;padding:6px 10px;min-height:30px}.project-planning textarea{white-space:pre-wrap;line-height:1.6}.project-card-objective{white-space:pre-wrap}
/* Compact record tables; existing button and dropdown styles are retained. */
#ticket-lists table,#requests-view table,#mine-view table{font-size:.76rem;line-height:1.3}
#ticket-lists th,#requests-view th,#mine-view th{font-size:.72rem;padding-top:7px;padding-bottom:7px}
#ticket-lists td,#requests-view td,#mine-view td{padding-top:6px;padding-bottom:6px;padding-left:9px;padding-right:9px}
#ticket-lists .ticket-subtitle,#requests-view .ticket-subtitle,#mine-view .ticket-subtitle{font-size:.65rem;margin-top:3px}
.project-completed-section{margin-top:30px;padding-top:20px;border-top:1px solid #415363}.project-completed-list{display:grid;gap:8px}.project-completed-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;background:#1b2936;border:1px solid #374e60;border-radius:10px}.project-completed-row .project-card-title{font-size:.9rem}.project-completed-row .hint{font-size:.72rem}.project-category-chips{display:flex;gap:6px;flex-wrap:wrap}.project-category-chips span{background:#304b56;color:#b9e4df;padding:3px 9px;font-size:.68rem;border-radius:12px}.project-task-detail{margin-top:20px;padding:20px;background:#14232e;border:1px solid #4d7580;border-radius:14px}.project-task-detail textarea{min-height:190px}.project-task-detail-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-task-detail-controls .check-label{grid-column:1/-1}@media(max-width:700px){.project-task-detail-controls{grid-template-columns:1fr}.project-completed-row{gap:8px}}
.favorite-card[data-kind=project]{border-left-color:#a993c6}.favorite-card[data-kind=project] .favorite-kind-badge{background:#443754;color:#e3d5f4}

.detail-search-assistant{margin:12px 0 24px;padding:18px;border-color:#517380}.detail-search-rule{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(140px,.8fr) minmax(180px,1.2fr) auto;gap:8px;margin-top:10px}.detail-search-rule input,.detail-search-rule select{margin:0;font-size:.8rem}.detail-search-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.detail-search-assistant>p{font-size:.78rem}.detail-search-toggle{align-self:end}@media(max-width:800px){.detail-search-rule{grid-template-columns:1fr 1fr}.detail-search-rule input{grid-column:1/-1}}
/* Compact execution rows and clearly separated planning blocks. */
#project-execution-blocks{display:grid;gap:18px;margin-top:24px}
#project-execution-blocks .execution-block{min-width:0;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.execution-block-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#223247;border-bottom:1px solid var(--line);border-left:3px solid var(--blue-light)}
#project-execution-blocks .execution-block-heading h3{margin:0;color:var(--ink);font-size:1rem;font-weight:700;line-height:1.35}
.execution-block-count{color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}
#project-execution-blocks .execution-block:nth-child(2) .execution-block-heading{border-left-color:var(--green)}
#project-execution-blocks .execution-block:nth-child(3) .execution-block-heading{border-left-color:var(--gold)}
#project-execution-blocks .execution-block:nth-child(4) .execution-block-heading{border-left-color:var(--coral)}
#project-execution-blocks .execution-block:nth-child(5) .execution-block-heading{border-left-color:var(--lilac)}
#project-execution-blocks .execution-row{display:grid;grid-template-columns:22px minmax(130px,1fr) auto;align-items:center;gap:8px 12px;min-width:0;padding:11px 16px;border-bottom:1px solid #ffffff12}
#project-execution-blocks .execution-row:last-child{border-bottom:0}
#project-execution-blocks .execution-row:hover{background:#ffffff03}
.execution-text,.execution-note{white-space:pre-wrap;overflow-wrap:anywhere}
#project-execution-blocks .execution-row>.execution-text{font-size:.875rem;font-weight:500;line-height:1.45}
#project-execution-blocks .execution-row>input[type=checkbox]{appearance:auto;width:20px;height:20px;min-height:20px;min-width:20px;padding:0;margin:0;accent-color:var(--green);cursor:pointer}
.execution-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
body.colourframe :is(.execution-actions,.execution-files,.execution-upload) button{min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--blue-light);font-size:.75rem;font-weight:550;line-height:1.35;box-shadow:none;white-space:nowrap}
body.colourframe .execution-actions button:hover{background:#ffffff08;box-shadow:none}
body.colourframe .execution-actions .execution-delete{color:var(--coral);border-color:transparent}
.execution-actions select{width:170px;max-width:100%;min-height:32px;height:32px;margin:0;padding:4px 24px 4px 8px;border:1px solid var(--line);border-radius:6px;font-size:.75rem;line-height:1.35}
.execution-actions time{font-size:.72rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.execution-upload{display:inline-flex;margin:0;max-width:none;font-size:inherit}
.execution-upload input[hidden]{display:none!important}
.execution-note,.execution-files{grid-column:2/-1;margin:0;font-size:.8rem;color:var(--muted);line-height:1.45}
.execution-files{display:flex;gap:5px;flex-wrap:wrap}
body.colourframe .execution-files button{min-height:26px;padding:3px 7px;font-size:.72rem;border:0;background:#ffffff05;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}
#project-execution-blocks .execution-row.is-complete>.execution-text{color:var(--muted)}
#project-execution-blocks .execution-block>p{margin:0;padding:6px 16px;font-size:.85rem;line-height:1.5}
#project-execution-blocks .execution-block>p:last-child{padding-bottom:12px}
.execution-fold{margin:0 0 10px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}
.execution-fold>summary{display:flex;align-items:center;gap:10px;padding:11px 14px;cursor:pointer;font-size:.9rem;font-weight:650;color:var(--ink);list-style:none}
.execution-fold>summary::-webkit-details-marker{display:none}
.execution-fold>summary::before{content:'▸';color:var(--blue-light);font-size:1rem}
.execution-fold[open]>summary::before{content:'▾'}
.execution-fold[open]>summary{border-bottom:1px solid var(--line)}
.execution-fold-hint{margin-left:auto;font-size:.72rem;font-weight:400;color:var(--muted)}
.execution-fold>summary:focus-visible{outline:2px solid var(--blue-light);outline-offset:-3px}
.execution-fold>.ticket-detail-section,.execution-fold>#ticket-panel-project-mindmap{margin:0;padding:16px;border:0}
.execution-fold .ticket-detail-section:last-child{margin-bottom:0}
#project-cost-rows .execution-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
#project-cost-rows .execution-row>strong{flex:1 1 180px;font-size:.875rem}
#project-cost-rows .execution-files{width:100%}
.project-plan-grid{grid-template-columns:1fr}
.execution-note-link{display:block;margin-top:.5rem}
/* Indentation belongs on the tree row, outside the folder button. */
.ticket-file-tree .file-tree-line.file-depth-1{padding-left:12px}
.ticket-file-tree .file-tree-line.file-depth-2{padding-left:26px;font-size:.75rem;color:var(--blue-light);margin:7px 0 3px;font-weight:650}
.ticket-file-tree .file-tree-line.file-depth-3{padding-left:42px}
.ticket-file-tree .execution-file-step{position:relative;margin:3px 0}
.ticket-file-tree .execution-file-step::before{content:'';position:absolute;left:32px;top:0;bottom:0;border-left:1px solid var(--line)}
.ticket-file-tree .execution-file-step button{padding:6px 8px;min-height:30px;font-size:.75rem;background:#1d2b3b!important}
@media(max-width:1000px){#project-execution-blocks .execution-row{grid-template-columns:22px minmax(0,1fr)}.execution-actions{grid-column:2/-1;justify-content:flex-start}}
@media(max-width:600px){.execution-block-heading{padding:10px 12px}#project-execution-blocks .execution-block-heading h3{font-size:.9rem}#project-execution-blocks .execution-row{padding:10px 12px;column-gap:9px}.execution-actions select{width:150px}.execution-fold-hint{font-size:.65rem}.execution-actions{gap:5px}}
html[data-a11y-mode="contrast"] :is(.execution-block-heading,.execution-fold,.execution-block){background:#000!important;border-color:#fff!important}

/* Session identity sits immediately left of EWS rather than above the tabs. */
#header-session{min-width:0;flex-shrink:1;flex-wrap:wrap;justify-content:flex-end}
#header-session>.active-person-bar{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;margin:0 6px 0 0;padding:0;border:0;background:transparent;max-width:280px;line-height:1.3;font-size:.75rem;text-align:right}
#header-session>.active-person-bar>span{margin:0}
#header-session>.active-person-bar #active-person-role{font-size:.65rem;line-height:1.3;color:var(--muted);overflow-wrap:anywhere}
#header-session>.active-person-bar strong{color:var(--ink);font-weight:650}
@media(max-width:680px){#header-session{gap:6px}#header-session>.active-person-bar{max-width:220px;font-size:.7rem}#header-session>.active-person-bar #active-person-role{font-size:.6rem}}

.execution-file-pair{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:3px;border:1px solid var(--line);border-radius:7px;background:#ffffff03}
body.colourframe .execution-file-pair>button:first-child{color:var(--blue-light);min-height:28px;background:transparent}
body.colourframe .execution-file-pair>.execution-file-delete{color:var(--coral);min-height:28px;padding:3px 7px;border-left:1px solid var(--line);border-radius:0;background:transparent;white-space:nowrap;flex-shrink:0}
body.colourframe .execution-file-pair>.execution-file-delete:hover{background:#633d4428;box-shadow:none}

/* Subtask titles stay at one line until explicitly expanded. */
.task-text{min-width:0;max-width:100%;flex:1 1 180px}
.task-text-line{display:flex;align-items:flex-start;gap:4px;min-width:0}
.task-text-content{display:block;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;line-height:1.5;text-align:left}
body.colourframe button.task-text-content{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:0!important;color:var(--ink);font-size:.85rem;font-weight:500}
.task-text.is-expanded .task-text-content{white-space:pre-wrap;overflow-wrap:anywhere;text-overflow:clip}
body.colourframe :is(.task-text-toggle,.task-text-edit){flex:none;width:26px;min-width:26px;min-height:26px;height:26px;padding:2px;border:0;background:transparent;color:var(--blue-light);font-size:.85rem;line-height:1;box-shadow:none;border-radius:5px}
body.colourframe :is(.task-text-toggle,.task-text-edit):hover{background:#ffffff0b;box-shadow:none}
.task-text-editor{width:100%;min-width:0}
.task-text-editor textarea{width:100%;min-height:88px;margin:0;padding:8px;font-size:.85rem;resize:vertical;white-space:pre-wrap}
.task-text-editor-actions{display:flex;gap:6px;margin-top:6px}
body.colourframe .task-text-editor-actions button{padding:5px 9px;min-height:30px;font-size:.75rem}
#ticket-tasks .ticket-task{flex-wrap:wrap;align-items:center}
#ticket-tasks .ticket-task>label{flex:none;min-width:20px;margin:0}
#ticket-tasks .ticket-task>.task-text{flex:1 1 240px}
#ticket-tasks .task-kanban-column{flex-basis:100%;margin-left:32px;color:var(--blue-light);font-size:.72rem}
.execution-kanban-column{padding:3px 7px;border:1px solid var(--line);border-radius:5px;color:var(--blue-light);font-size:.72rem;white-space:nowrap}
.task-add #task-new{flex:1 1 240px;min-height:54px;height:auto;margin:0;font-size:.85rem;resize:vertical}
.project-task-card>.task-text{width:100%;font-size:.84rem}
.todo-action-check>.task-text{flex:1;min-width:0}
#sidebar-next-step>.task-text{width:100%;flex:initial}
@media(max-width:680px){#ticket-tasks .ticket-task>label{flex-basis:auto}#ticket-tasks .ticket-task>.task-text{flex-basis:calc(100% - 44px)}}

/* Main navigation labels have no circular counters. */
.workspace-menu :is(.ticket-unread-count,.list-count,.nav-count,.nav-badge){display:none!important}

/* Dedicated category management, separated from public notices. */
body.colourframe .workspace-menu a[data-workspace-view=categories]{margin-left:14px;background:#253b44;color:#cce7ed;border-color:#628d9a}
.category-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:0;background:none;border:0}
body.colourframe .category-tabs button{padding:8px 14px;min-height:36px;font-size:.85rem;border-radius:8px;background:var(--surface);border:1px solid var(--line);box-shadow:none}
body.colourframe .category-tabs button[aria-selected=true]{background:#294251;border-color:#729cb1;color:#edf7fb}
.category-project-row{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--line)}
.category-project-row strong{flex:1;min-width:0;font-size:.9rem;overflow-wrap:anywhere}
body.colourframe .category-project-row button{min-height:32px;padding:6px 10px;font-size:.75rem;border:1px solid var(--line);border-radius:6px;background:transparent;box-shadow:none}
body.colourframe .category-project-row .category-delete{color:var(--coral)}
@media(max-width:680px){body.colourframe .workspace-menu a[data-workspace-view=categories]{margin-left:0;margin-top:8px}.category-project-row{flex-wrap:wrap}.category-project-row strong{flex-basis:100%}}

/* Waiting tickets and requests */
.ticket-waiting-summary{display:block;color:var(--muted,#aab8c9);white-space:normal;margin:.35rem 0;max-width:38rem}
.quick-select.status-wartend{border-color:#d3a34a;color:#eac575}
#detail-waiting textarea{width:100%}

@media(min-width:901px){#global-ticket-stats,#requests-view>.stats{grid-template-columns:repeat(4,minmax(0,1fr)) 1.3fr}}

.calendar-event.followup{border-left-color:#e3b450;background:#3b3324;color:#ffe0a1}
.calendar-legend-followup{color:#e3b450}

.waiting-list-collapse>summary{cursor:pointer;display:list-item;padding:.25rem 0}
.waiting-list-collapse>summary h2{display:inline;margin:0;font-size:inherit}
.waiting-list-collapse>summary:focus-visible{outline:2px solid #e3b450;outline-offset:6px;border-radius:4px}
.waiting-list-collapse[open]>summary{margin-bottom:1rem}

.stats>.list-jump-tile{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 22px;border:0;border-radius:26px 7px 26px 7px;background:var(--blue-light);color:var(--background);text-align:left;cursor:pointer;font:inherit}
.stats>.list-jump-tile:nth-child(2){background:var(--gold)}
.stats>.list-jump-tile:nth-child(3){background:var(--lilac)}
.stats>.list-jump-tile:nth-child(4){background:var(--blue-light)}
.stats>.list-jump-tile:hover{filter:brightness(1.08)}
.stats>.list-jump-tile:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.list-jump-target{scroll-margin-top:24px}

/* Mail templates and per-user signatures, matching the reference editor layout. */
#mail-toolbar #mail-template-button{margin-left:auto}
.mail-compose-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:18px}
.mail-compose-footer>label{flex:1;min-width:240px}
.mail-signature-toggle{display:flex;align-items:center;gap:8px;margin:14px 0 8px}
.mail-signature-toggle input,.mail-preset-check input{width:auto;margin:0}
.mail-signature-preview{border-top:1px solid var(--line);padding:14px 0;overflow-wrap:anywhere}
.mail-signature-preview img{max-width:100%;height:auto}
.mail-preset-dialog{width:min(1050px,96vw);max-width:1050px;max-height:92vh;padding:28px;background:#102f28;color:#e4f0e7;border:1px solid #588873;color-scheme:dark;overflow:auto}
.mail-preset-dialog::backdrop{background:#041510cc}
.mail-preset-header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:22px}
.mail-preset-header h2{color:#f1f7ee;margin:7px 0;font-size:1.65rem}
.mail-preset-header .eyebrow,.mail-preset-frame>.eyebrow{color:#9acaae}
.mail-preset-dialog label,.mail-preset-dialog .mail-field-label{color:#d4e8d8;font-size:.9rem}
.mail-preset-dialog :is(input:not([type=checkbox]),select){background:#09231d;color:#edf6ee;border:1px solid #527d64;box-shadow:none}
.mail-preset-dialog button{border-radius:9px;background:#224c3d;color:#e3f1e6;border:1px solid #608570;padding:10px 15px;font-size:.9rem;letter-spacing:0}
.mail-preset-dialog button:hover{background:#315f4a}
.mail-preset-dialog button:focus-visible{outline:3px solid #efa65b;outline-offset:3px}
.mail-preset-dialog #mail-preset-save{background:#a9d2a4;color:#102f28;border-color:#a9d2a4}
.mail-preset-dialog #mail-preset-delete{background:#522d32;color:#ffe2e3;border-color:#ac6973}
.mail-preset-picker{display:flex;align-items:end;flex-wrap:wrap;gap:16px;background:#193e32;border:1px solid #446d56;border-radius:14px;padding:18px}
.mail-preset-picker>label{flex:1;min-width:220px}
.mail-preset-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.mail-preset-frame{border:1px solid #446d56;border-radius:16px;padding:22px;margin-top:18px}
.mail-preset-block{margin-top:20px}
.mail-preset-dialog .mail-format-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;overflow-x:auto;padding:4px 3px 10px;margin:12px 0}
.mail-format-toolbar>button,.mail-format-toolbar>label{flex:0 0 auto;white-space:nowrap}
.mail-format-toolbar label{display:flex;flex-direction:row;align-items:center;gap:7px;margin:0}
.mail-format-toolbar>button{min-height:38px}
.mail-format-toolbar :is(input,select){margin:0;min-height:38px;width:auto;min-width:90px}
.mail-format-toolbar input[type=color]{padding:4px;width:66px;min-width:66px}
.mail-preset-dialog .rich-editor{background:#09231d;color:#edf6ee;border:1px solid #527d64;border-radius:10px;min-height:250px;max-height:420px;overflow:auto;padding:18px;outline:none}
.mail-preset-dialog .rich-editor:focus{border-color:#a1d0a9}
.mail-preset-save-frame{padding:18px;border:1px solid #446d56;border-radius:14px;background:#193e32;margin-top:24px;display:grid;gap:15px}
.mail-preset-dialog .hint{color:#bbd2c2;margin:12px 0}
.mail-preset-check{display:flex;gap:10px;align-items:center}
#mail-preset-status:not(:empty){padding:12px 16px;border-radius:9px;background:#244d37;border:1px solid #548d64;margin-top:16px}
@media(max-width:600px){.mail-preset-dialog{padding:16px}.mail-preset-frame{padding:14px}.mail-preset-picker{padding:12px}.mail-preset-header h2{font-size:1.25rem}}

/* Keep mail formatting on a single scrollable row on narrow screens. */
#mail-toolbar{flex-wrap:nowrap;align-items:center;overflow-x:auto;padding-bottom:8px}
#mail-toolbar>*{flex:0 0 auto;white-space:nowrap}

.mail-preset-picker-fields{flex:1;min-width:220px;display:grid;gap:10px}
.mail-preset-picker-fields label{margin:0}
#mail-preset-search-count{color:#bbd2c2;font-size:.8rem}

/* Mail formatting symbols, labelled preset menus and editable tables. */
#mail-toolbar .mail-format-select-label{display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-size:.8rem}
#mail-toolbar .mail-format-select-label select{width:auto;min-width:110px;margin:0}
#mail-toolbar .mail-format-symbol,.mail-format-toolbar .mail-format-symbol{min-width:38px;padding:8px 12px;font-size:1rem}
.rich-editor table,.mail-body table{width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;margin:12px 0}
.rich-editor :is(td,th),.mail-body :is(td,th){border:1px solid #608570;padding:8px;min-width:0;height:34px;white-space:normal;overflow-wrap:anywhere;text-align:left;vertical-align:top}
.rich-editor :is(td,th) p,.mail-body :is(td,th) p{margin:0}

.unified-rich-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:4px 3px 10px;margin:12px 0}.unified-rich-toolbar label{flex-shrink:0;margin:0}.unified-rich-toolbar button{flex-shrink:0}

body.colourframe .workspace-menu a.workspace-settings{margin-left:auto;flex:0 0 44px;width:44px;min-height:44px;padding:8px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem;line-height:1;border-radius:12px;box-sizing:border-box}

.recurring-template-editor #ticket-tasks input[type=date],.recurring-template-editor #ticket-tasks input[type=time]{display:none}.recurring-card{padding:16px;border:1px solid var(--line);border-radius:12px;margin:12px 0}.recurring-card .knowledge-actions{margin-top:12px}.recurring-card p{margin:6px 0}#recurring-form{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}

.recurring-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.recurring-heading h2{display:flex;align-items:center;gap:10px;margin:0}.recurring-heading h2 label{margin:0;font-size:inherit;color:inherit}.recurring-heading h2 select{width:auto;min-width:130px;font-size:1rem}.recurring-search-label{flex:1;min-width:180px;margin:0}.recurring-heading>button{margin-left:auto}#recurring-dialog{width:min(600px,calc(100vw - 32px))}#recurring-dialog #recurring-form{border:0;margin:0;padding:0}#recurring-list .recurring-active{width:20px;height:20px;cursor:pointer}.recurring-title-link{text-align:left;white-space:normal}#recurring-list td{vertical-align:middle}

/* Mail-body presentation shared by mail, Wiki and note composition. */
:is(#mail-toolbar,#wiki-toolbar,#note-format-toolbar).compose-text-toolbar{position:relative;top:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#202b3e;border:1px solid var(--line);border-radius:12px;padding:10px;margin:12px 0 14px}
:is(#mail-toolbar,#wiki-toolbar,#note-format-toolbar).compose-text-toolbar .mail-format-select-label{flex:0 0 auto;display:flex;align-items:center;gap:7px;margin:0;white-space:nowrap;font-size:.8rem}
:is(#mail-toolbar,#wiki-toolbar,#note-format-toolbar).compose-text-toolbar .mail-format-select-label select{min-height:34px;width:auto;max-width:140px;min-width:110px;margin:0;padding:8px;font-size:.75rem}
:is(#mail-toolbar,#wiki-toolbar,#note-format-toolbar).compose-text-toolbar button{font-size:.75rem;min-height:34px;padding:8px 10px}
.compose-text-toolbar .mail-format-symbol{min-width:38px;padding:8px 12px;font-size:1rem}
.compose-text-editor{min-height:max(420px,55vh);resize:vertical;overflow:auto;line-height:1.75;padding:24px;border:1px solid #476170;border-radius:10px;background:#111e29;outline:0;overflow-wrap:anywhere}
.compose-text-editor img{display:block;max-width:100%;height:auto;border-radius:8px;margin:10px 0}
.compose-text-editor a{color:#a6bfff;text-decoration:underline}
@media(max-width:700px){.compose-text-editor{min-height:48vh;padding:18px}}

/* Keep file navigation and actions within the available ticket workspace. */
#detail-attachments{min-width:0;max-width:100%}
.ticket-file-layout{width:100%;max-width:100%;min-height:0;grid-template-columns:clamp(160px,22%,240px) minmax(0,1fr);gap:14px;align-items:stretch}
.ticket-file-tree,.ticket-file-pane{min-width:0;max-height:min(68dvh,760px);box-sizing:border-box}
.ticket-file-pane{display:flex;flex-direction:column;padding:16px;overflow:hidden}
.file-browser-heading{flex:0 0 auto;gap:8px;margin-bottom:12px}
.file-browser-heading h3{min-width:0;flex:1 1 160px;overflow-wrap:anywhere}
.file-browser-heading>button{flex:0 0 auto;white-space:nowrap}
.file-browser-list{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.file-browser-row{min-width:0}
.file-browser-row>.attachment-button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:left}
.file-browser-row img{max-width:100%;height:auto}
.file-browser-row .attachment-origin{overflow-wrap:anywhere}
@media(max-width:750px){.ticket-file-layout{grid-template-columns:minmax(0,1fr);gap:12px}.ticket-file-tree{max-height:200px}.ticket-file-pane{max-height:65dvh;padding:12px}.file-browser-heading h3{flex-basis:100%}.file-browser-heading>button{flex:1 1 auto}}
/* Project responsibility stays compact while retaining multiple members. */
#project-members{min-width:0;border:0;padding:0;margin:10px 0}
#project-members legend{font-size:.8rem;margin-bottom:6px}
.project-members-dropdown{position:relative;min-width:0}
.project-members-dropdown summary{cursor:pointer;list-style:none;padding:12px 34px 12px 12px;border:1px solid var(--line);border-radius:10px;background:var(--field);font-size:.85rem;overflow-wrap:anywhere}
.project-members-dropdown summary::after{content:'▾';position:absolute;right:12px;top:12px}
.project-members-options{position:absolute;top:100%;left:0;right:0;z-index:20;background:#172637;border:1px solid #526780;border-radius:10px;max-height:300px;overflow:auto;padding:10px;box-shadow:0 8px 25px #0006}
#project-members .project-members-options label{display:flex;gap:9px;align-items:center;margin:0;padding:8px;font-size:.85rem}
#project-members .project-members-options input{width:18px;min-height:18px;margin:0;flex:0 0 auto}
/* Project tables: a compact spreadsheet surface within the existing dark theme. */
.project-tables-layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:18px;max-width:100%;align-items:start}
.project-tables-sidebar,.project-table-main{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 8px 24px #0002}
.project-tables-sidebar{padding:14px}
.project-tables-actions,.project-table-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
.project-tables-actions button{flex:1 1 auto;font-size:.78rem;padding:9px 10px;border-radius:8px}
.project-tables-sidebar>label{margin:20px 0 12px;font-size:.75rem;font-weight:600;color:var(--muted)}
.project-tables-sidebar>label input{font-size:.82rem;margin-top:6px;border-radius:8px}
#project-table-list{max-height:60vh;overflow:auto;padding:2px}
.project-table-list-item{display:flex;align-items:center;gap:3px;margin:6px 0;padding:4px;border:1px solid transparent;border-radius:10px;cursor:grab;background:var(--field)}
.project-table-list-item:hover{border-color:var(--line)}
.project-table-list-item:active{cursor:grabbing}
.project-table-list-item button{min-width:0;margin:0;padding:8px 6px;font-size:.82rem;border-radius:6px}
.project-table-list-item .project-table-pick{flex:1;text-align:left;overflow-wrap:anywhere;color:var(--ink);background:transparent;border:1px solid transparent;font-weight:500}
.project-table-pick[aria-current=true]{background:var(--surface)!important;border-color:var(--blue)!important;box-shadow:inset 3px 0 var(--blue);font-weight:700!important}
.project-table-list-item>.secondary{padding:5px;width:26px;background:transparent;color:var(--muted);border:1px solid transparent;flex-shrink:0}
.project-table-list-item>.secondary:hover:not(:disabled){background:var(--surface);color:var(--ink);border-color:var(--line)}
.project-table-toolbar{padding-bottom:16px;border-bottom:1px solid var(--line)}
.project-table-toolbar label{flex:1 1 180px;min-width:0;margin:0;font-size:.75rem;font-weight:600;color:var(--muted)}
.project-table-toolbar input{margin-top:6px;border-radius:8px;font-weight:400}
#project-table-name{font-weight:600;font-size:.95rem}
.project-table-toolbar button{font-size:.8rem;padding:10px 13px;margin:0;border-radius:8px;white-space:nowrap}
#project-table-count{font-size:.75rem;color:var(--muted);margin:12px 0}
.project-table-scroll{max-width:100%;max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:10px;scrollbar-color:var(--line) var(--field);scroll-padding-top:140px;scroll-padding-left:170px}
#project-table-grid{width:100%;border-collapse:separate;border-spacing:0;margin:0;background:var(--field);font-size:.84rem}
#project-table-grid th,#project-table-grid td{min-width:180px;padding:5px 7px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:middle;background:var(--field)}
#project-table-grid tr>*:last-child{min-width:56px;width:56px;border-right:0;text-align:center}
#project-table-grid tbody tr:last-child>*{border-bottom:0}
#project-table-grid thead{position:sticky;top:0;z-index:3;background:var(--surface)}
#project-table-grid thead th{background:var(--surface);padding:10px 8px 6px;font-size:.75rem;color:var(--muted);font-weight:600;text-align:left}
#project-table-grid thead tr:last-child th{padding:4px 8px 10px}
#project-table-grid thead tr:first-child th:first-child,#project-table-grid thead tr:first-child th:last-child{vertical-align:top;padding-top:18px}
#project-table-grid th:first-child{position:sticky;left:0;z-index:1;min-width:150px;width:150px;border-right:2px solid var(--line)}
#project-table-grid thead th:first-child{z-index:4}
#project-table-grid tbody th{font-weight:500}
#project-table-grid tbody tr:nth-child(even)>*{background:var(--surface)}
#project-table-grid tbody tr:hover>*,#project-table-grid tbody tr:focus-within>*{background:var(--surface);box-shadow:inset 0 1px var(--line),inset 0 -1px var(--line)}
#project-table-grid input{width:100%;min-width:0;min-height:36px;padding:8px;font-size:.84rem;margin:0;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--ink);box-shadow:none}
#project-table-grid input:hover{border-color:var(--line)}
#project-table-grid input:focus{background:var(--field);border-color:var(--blue);outline:2px solid var(--blue);outline-offset:-1px;box-shadow:none}
#project-table-grid thead tr:first-child input{font-weight:600;background:var(--field);border-color:var(--line)}
#project-table-grid input[type=search]{font-size:.75rem;background:var(--field);border-color:var(--line);min-height:31px;padding:5px 8px}
#project-table-grid input::placeholder{color:var(--muted)}
.project-table-column-tools{display:flex;gap:4px;margin-top:6px;align-items:center}
.project-table-column-tools button,#project-table-grid td>button{display:inline-flex;align-items:center;justify-content:center;padding:3px;width:28px;min-height:27px;margin:0;border-radius:5px;font-size:.85rem;background:transparent;border:1px solid transparent;color:var(--muted)}
.project-table-column-tools button:hover:not(:disabled),#project-table-grid td>button:hover:not(:disabled){background:var(--field);border-color:var(--line);color:var(--ink)}
.project-table-column-tools button:first-child{margin-right:auto;border-color:var(--line)}
#project-table-grid th[aria-sort=ascending] .project-table-column-tools button:first-child,#project-table-grid th[aria-sort=descending] .project-table-column-tools button:first-child{color:var(--ink);background:var(--field);border-color:var(--blue)}
.project-table-column-tools .destructive,#project-table-grid td>button.destructive{color:var(--coral)}
.project-table-column-tools .destructive:hover:not(:disabled),#project-table-grid td>button.destructive:hover:not(:disabled){border-color:var(--coral);color:var(--coral)}
.project-table-column-tools button:disabled,.project-table-list-item button:disabled{opacity:.35}
#project-table-empty{padding:32px 20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:10px;background:var(--field)}
#project-table-grid .empty{padding:28px 18px;text-align:center;color:var(--muted)}
@media(max-width:900px){.project-tables-layout{grid-template-columns:minmax(0,1fr)}#project-table-list{max-height:200px}.project-tables-sidebar{padding:12px}.project-tables-sidebar>label{margin-top:12px}}
@media(max-width:600px){.project-table-main{padding:12px;border-radius:12px}.project-table-toolbar label{flex-basis:100%}.project-table-toolbar button{flex:1}.project-table-scroll{max-height:55vh}#project-table-grid th:first-child{min-width:120px;width:120px}#project-table-grid th,#project-table-grid td{min-width:160px}.project-table-scroll{scroll-padding-left:140px}}

.category-mail-actions{display:flex;gap:8px;flex-wrap:wrap}.category-mail-fixed{border:1px dashed var(--line);border-radius:10px;padding:14px}.category-mail-fixed strong{flex:1}.category-mail-fixed .hint{font-size:.8rem}

.submission-actions {display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-top:1rem}
.submission-actions > .button,.submission-actions > button {margin:0}

.wiki-mail-explorer{width:min(1000px,94vw);max-height:88vh;overflow:auto}
.wiki-mail-layout{display:grid;grid-template-columns:minmax(220px,32%) minmax(0,1fr);gap:20px;margin:16px 0}
.wiki-mail-layout>aside{min-width:0}.wiki-mail-preview{min-width:0;min-height:260px;max-height:55vh;overflow:auto;padding:18px;border:1px solid var(--line);border-radius:10px;background:var(--field);overflow-wrap:anywhere}
.wiki-mail-explorer .wiki-picker-menu{position:static;max-height:55vh;box-shadow:none;min-width:0}
.wiki-mail-explorer .wiki-picker{margin:0}.wiki-mail-explorer .wiki-picker-tree{max-height:40vh;overflow:auto}
@media(max-width:650px){.wiki-mail-layout{grid-template-columns:minmax(0,1fr)}.wiki-mail-preview{min-height:160px;max-height:35vh}}

.knowledge-navigation .wiki-sidebar-order{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 18px;padding:11px 8px;background:var(--field);border:1px solid var(--line);border-radius:10px;font-size:.75rem;color:var(--muted);cursor:pointer}
.wiki-sidebar-order .is-active{color:var(--ink);font-weight:600}
.knowledge-navigation .wiki-sidebar-order input{position:absolute;left:0;top:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer;z-index:1}
.wiki-order-track{position:relative;width:38px;height:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);flex:none;box-sizing:border-box}
.wiki-order-track::before{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;background:var(--blue-light);border-radius:50%;transition:transform .15s ease}
.wiki-sidebar-order input:checked + .wiki-order-track::before{transform:translateX(16px)}
.wiki-sidebar-order input:focus-visible + .wiki-order-track{outline:2px solid var(--blue-light);outline-offset:3px}
#wiki-sidebar-blocks>section{margin:0;padding:0;border:0}
#wiki-sidebar-blocks>section+section{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}
#wiki-sidebar-blocks>section>label:first-child{margin-top:0}
@media(prefers-reduced-motion:reduce){.wiki-order-track::before{transition:none}}

.wiki-tag-page-toolbar{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:0 0 18px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.wiki-tag-page-toolbar label{width:min(340px,100%);margin:0;font-size:.8rem}.wiki-tag-page-toolbar input{padding:8px 10px;min-height:36px;margin-top:5px}.wiki-tag-page-toolbar>span{white-space:nowrap;font-size:.75rem}
.wiki-tag-page-results{display:grid;gap:18px}.wiki-tag-page-card{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--field)}
.wiki-tag-page-card>h3{margin:0 0 10px}.wiki-result-open{background:transparent!important;border:0!important;color:var(--ink)!important;text-align:left;padding:0!important;font-size:1.05rem!important;font-weight:600;overflow-wrap:anywhere}.wiki-result-open:hover{text-decoration:underline}
.wiki-page-relations{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px;align-items:start}.wiki-page-relations details{min-width:180px;flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.8rem}
.wiki-page-relations summary{cursor:pointer;font-weight:600}.wiki-page-relations ul{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.wiki-page-relations button{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:.8rem;padding:7px 9px;margin:0}.wiki-page-relations p{margin:10px 0 0}
@media(max-width:650px){.wiki-tag-page-toolbar{flex-wrap:wrap}.wiki-tag-page-toolbar label{width:100%}.wiki-tag-page-card{padding:12px}.wiki-page-relations details{min-width:0;flex-basis:100%}}

/* Page relationships sit above the reading area. */
.wiki-relations-bar{padding:0 0 2px}.wiki-relations-bar[hidden]{display:none}
.wiki-tag-results-panel{margin:18px 0}.wiki-tag-results-panel[hidden]{display:none!important}
.wiki-tag-page-card{padding:0;background:transparent;border:0;border-radius:0}
.wiki-tag-page-card>.rich-content{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--field)}
.wiki-tag-page-card>.wiki-page-relations{margin-bottom:12px}

.wiki-page-navigation{margin:0 0 12px}.wiki-page-navigation .wiki-related-toggle{width:auto;padding:6px 10px;font-size:.8rem;margin:0}.wiki-related-list,.wiki-related-list ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.wiki-related-list ul{margin:6px 0 0 16px;padding-left:12px;border-left:1px solid var(--line)}.wiki-related-list .wiki-related-page{width:auto;max-width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere;padding:6px 10px;font-size:.8rem;margin:0}.wiki-subpages-bar{margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.wiki-tag-page-card>.wiki-page-navigation:last-child{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line)}
/* Wiki: compact discovery and reading navigation. */
.wiki-tree-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.wiki-tree-actions button{font-size:.75rem;padding:6px 9px}.wiki-tree-row{display:flex;align-items:start;gap:3px}.wiki-tree-row>.wiki-page-link{flex:1;min-width:0}.wiki-page-link[aria-current="page"]{background:var(--field);box-shadow:inset 3px 0 var(--blue-light);font-weight:700}.wiki-shortcuts{display:grid;gap:6px;margin-bottom:14px}.wiki-shortcuts summary{cursor:pointer;font-size:.85rem;font-weight:600}.wiki-shortcuts ul{list-style:none;margin:6px 0;padding:0;display:grid;gap:4px}.wiki-shortcuts button{white-space:normal;text-align:left;width:100%}.wiki-search-card{position:relative;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.wiki-search-card h3{margin:0 0 4px;font-size:1rem}.wiki-result-path{margin:0 0 7px;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}.wiki-result-excerpt{margin:0;font-size:.85rem;line-height:1.55;overflow-wrap:anywhere}.wiki-search-card mark{background:#edc95c;color:#17212b;padding:0 2px;border-radius:2px}.wiki-breadcrumb-link{padding:0;margin:0;border:0;background:transparent;color:var(--blue-light);font-size:inherit;text-align:left;white-space:normal}.wiki-breadcrumb-link:hover{text-decoration:underline}#wiki-contents,#wiki-topic-overview{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px}#wiki-contents summary,#wiki-topic-overview summary{cursor:pointer;font-size:.85rem;font-weight:600}#wiki-contents ul{list-style:none;display:grid;gap:6px;margin:10px 0 0;padding:0}#wiki-contents .wiki-contents-h3{padding-left:18px}.wiki-topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;margin-top:12px}.wiki-topic-card{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--field)}.wiki-topic-card p{margin:6px 0 0;line-height:1.5}.wiki-subpage-row{display:flex;align-items:start;gap:4px}.wiki-page-navigation>div>label{display:block;margin:12px 0;font-size:.8rem;max-width:420px}.wiki-tags-dialog{width:min(520px,calc(100vw - 32px))}.wiki-tags-dialog h2{font-size:1.15rem}.wiki-tags-dialog label{display:block;margin:14px 0}.wiki-tags-dialog input,.wiki-tags-dialog select{width:100%}

body.colourframe .wiki-breadcrumb-link{background:transparent!important;border:0!important;box-shadow:none;padding:0!important;min-height:0;color:var(--blue-light);font-size:inherit}.wiki-tree-row>.wiki-page-link{white-space:normal}#wiki-read h2,#wiki-read h3{scroll-margin-top:20px}

.wiki-home-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0 20px}.wiki-home-hero h3{margin:0 0 4px;font-size:1.3rem}.wiki-home-hero p{margin:0}.wiki-home-search{display:flex;align-items:end;gap:12px}.wiki-home-search label{flex:1;margin:0}.wiki-home-search button{margin:0 0 3px}.wiki-home-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.wiki-home-stats>div{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.wiki-home-stats strong{display:block;font-size:1.5rem;color:var(--gold)}.wiki-home-stats span{font-size:.75rem;color:var(--muted)}.wiki-home-section{margin:24px 0}.wiki-home-section>h3{font-size:1rem;margin:0 0 12px}.wiki-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}.wiki-home-card{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.wiki-home-card>.wiki-result-path{margin:6px 0}.wiki-pin-button{font-size:.7rem;padding:5px 8px;margin:10px 0 0}.wiki-home-card .wiki-pin-button[aria-pressed="true"],.wiki-search-card .wiki-pin-button[aria-pressed="true"]{border-color:var(--gold)}.wiki-home-tags{display:flex;gap:8px;flex-wrap:wrap}.wiki-home-tags button{font-size:.75rem;padding:6px 10px}body.colourframe .wiki-tree-pin{flex:none;font-size:.62rem;min-height:26px;padding:3px 5px;margin:0;align-self:center}.wiki-tree-row{flex-wrap:wrap}.wiki-tree-row>.wiki-page-link{flex-basis:calc(100% - 35px)}.wiki-tree-row>.wiki-tree-pin{margin-left:30px}@media(max-width:650px){.wiki-home-hero,.wiki-home-search{align-items:stretch;flex-direction:column}.wiki-home-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wiki-tree-row{flex-wrap:nowrap}.wiki-tree-row>.wiki-page-link{flex-basis:auto}.wiki-tree-row>.wiki-tree-pin{margin:0;min-width:25px;opacity:.5}.wiki-tree-row>.wiki-tree-pin[aria-pressed="true"]{opacity:1;border-color:var(--gold)}

.wiki-topic-control{margin:12px 0}.wiki-topic-choice{display:flex;align-items:center;gap:8px;font-size:.85rem}.wiki-topic-choice input{width:18px;height:18px;margin:0}.wiki-topic-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#9f343f;color:white;font-weight:700;font-style:normal;cursor:help}.wiki-topic-tooltip{display:none;position:absolute;left:0;top:30px;z-index:5;min-width:240px;max-width:min(420px,75vw);padding:10px 12px;background:var(--field);border:1px solid var(--coral);border-radius:8px;font-size:.8rem;font-weight:400;line-height:1.5}.wiki-topic-info:hover .wiki-topic-tooltip,.wiki-topic-info:focus .wiki-topic-tooltip{display:block}.wiki-home-tag-fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))}.wiki-home-tag-row{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--field)}.wiki-home-tag-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.wiki-home-tag-heading label{margin:0;font-size:.8rem}.wiki-home-tag-heading button{padding:3px 7px;font-size:.65rem;min-height:24px}.wiki-home-tag-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wiki-home-tag-suggestions button{font-size:.7rem;min-height:28px;padding:4px 7px}.wiki-home-tag-search>.knowledge-actions{margin:12px 0}.wiki-topic-info:focus-visible{outline:2px solid white;outline-offset:3px}

body.colourframe .wiki-home-tab{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--field)!important;color:var(--ink);min-width:0}.wiki-home-tab strong{display:block;font-size:1.5rem;color:var(--gold)}.wiki-home-tab span{font-size:.8rem}body.colourframe .wiki-home-tab[aria-selected="true"]{border-color:var(--blue-light);box-shadow:inset 0 -3px var(--blue-light);background:#25334b!important}.wiki-home-tab:focus-visible{outline:2px solid white;outline-offset:3px}.wiki-home-tab-panel{margin:20px 0}.wiki-home-tab-panel>h3{font-size:1rem;margin:0 0 14px}.wiki-home-tree{padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.wiki-home-tree .wiki-tree-children{margin-left:14px;border-left:1px solid var(--line);padding-left:14px}.wiki-home-tree .wiki-tree-root{margin:0;padding:0;list-style:none}.wiki-home-tree .wiki-page-link{background:transparent!important;border:0!important;text-align:left}.wiki-home-tree .wiki-tree-row{align-items:center}.wiki-home-tab-panel .wiki-home-grid{margin-top:12px}.wiki-home-tab-panel .wiki-home-search{margin-bottom:12px}.wiki-home-tab-panel mark{background:#edc95c;color:#17212b;padding:0 2px;border-radius:2px}

.wiki-home-tab-panel .wiki-home-tags{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));max-height:320px;overflow:auto;padding:2px}.wiki-home-tab-panel .wiki-home-tags button{text-align:left}

/* Content markers and Colour-frame Wiki move explorer. */
.ticket-detail-tabs [role="tab"].has-content::before{content:"";display:inline-block;width:.65rem;height:.65rem;background:#66d99b;border:1px solid #98f3bb;border-radius:2px;margin-right:.45rem;vertical-align:middle;box-shadow:0 0 5px #66d99b44}
.overview-next-step{margin:0;font-weight:600;overflow-wrap:anywhere}
.note-complete-option{display:flex;align-items:center;gap:.5rem;margin-left:auto}.note-complete-option input{width:auto;margin:0}
.colourframe-move-dialog{width:min(820px,92vw);max-height:85vh;background:var(--panel,#17212d);color:var(--text,#f1f3f8);border:2px solid #bd97e5;border-left:16px solid #efac6b;border-radius:34px 8px 8px 34px;padding:1.5rem;box-shadow:0 16px 60px #0009}
.colourframe-move-dialog::backdrop{background:#080d18c9}.colourframe-move-dialog h2{color:#efac6b;border-bottom:6px solid #bd97e5;padding-bottom:.65rem}.colourframe-move-dialog>input{width:100%;margin:.8rem 0}
.wiki-move-tree{max-height:48vh;overflow:auto;padding:.5rem;background:#0a1320;border-radius:12px}.wiki-move-tree ul{list-style:none;margin:.25rem 0;padding-left:1.25rem}.wiki-move-tree summary{padding:.2rem}.wiki-move-target{border-radius:5px;text-align:left;margin:.15rem;padding:.45rem .75rem}.wiki-move-target[aria-pressed="true"]{background:#66d99b;color:#081520}.wiki-move-target:disabled{opacity:.45}.wiki-move-topic{display:inline-block;background:#bd97e5;color:#111;padding:.2rem .5rem;border-radius:8px;margin-right:.4rem;font-size:.8rem}
.planning-free-text{display:block;margin:.75rem 0}.planning-free-text textarea{width:100%;min-height:6rem;resize:vertical}.planning-line-editor>.hint{margin-bottom:.8rem}

.wiki-move-leaf>summary{list-style:none}.wiki-move-leaf>summary::-webkit-details-marker{display:none}

.wiki-parent-row{display:flex;align-items:flex-end;gap:.75rem;min-width:0}.wiki-parent-row>label{flex:1;min-width:0;margin:0}.wiki-parent-row>#wiki-move{flex:none;margin:0;white-space:nowrap}
#ticket-panel-steps .task-text-line{background:#193642;color:#e0eff5;border:1px solid #47748b;border-left:3px solid #82bccd;border-radius:10px;padding:.65rem .8rem;min-width:0}
@media(max-width:560px){.wiki-parent-row{flex-wrap:wrap}.wiki-parent-row>label{min-width:180px}}

#wiki-form .wiki-editor-heading-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:.75rem;margin-bottom:1rem}#wiki-form .wiki-editor-heading-row>label{min-width:0;margin:0}#wiki-form .wiki-editor-heading-row>#wiki-move{margin:0;white-space:nowrap;align-self:end}
@media(max-width:560px){#wiki-form .wiki-editor-heading-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#wiki-form .wiki-editor-heading-row>#wiki-move{grid-column:2;justify-self:end}}

#wiki-form .wiki-move-controls{display:flex;align-items:center;gap:.55rem;align-self:end}#wiki-form .wiki-move-controls>#wiki-move{margin:0;white-space:nowrap}.wiki-move-controls .wiki-topic-info{flex:none;cursor:pointer}.wiki-topic-info.is-open .wiki-topic-tooltip{display:block}.wiki-move-controls .wiki-topic-tooltip{left:auto;right:0}
body.colourframe #wiki-breadcrumb .wiki-breadcrumb-topic{color:#dbbaf5;font-weight:700}.wiki-breadcrumb-topic-badge{display:inline-block;margin-left:.4rem;padding:.1rem .35rem;border:1px solid #aa87c6;border-radius:5px;background:#3a2b4a;color:#ead6fb;font-size:.65rem;font-weight:600;vertical-align:middle}
@media(max-width:560px){#wiki-form .wiki-editor-heading-row>.wiki-move-controls{grid-column:2;justify-self:end}}

#wiki-form .wiki-link-controls{flex-wrap:nowrap}#wiki-form .wiki-link-controls select{min-width:0}#wiki-form .wiki-link-controls button{flex:none;font-size:.8rem;padding:9px 14px;white-space:nowrap}
@media(max-width:480px){#wiki-form .wiki-link-controls{flex-wrap:wrap}#wiki-form .wiki-link-controls select{flex-basis:100%}}

.project-planning-rich-block{padding:18px;background:#101b28;border:1px solid #324052;border-radius:14px;min-width:0}.project-planning-rich-block h4{margin:0 0 .75rem;color:#b8cce3}.project-planning-rich-block:last-child{grid-column:1/-1}.project-planning-editor{min-height:220px;padding:16px}.project-planning-toolbar{position:static;flex-wrap:wrap}.planning-item-locked{background:#263b48;border-left:3px solid #e6b77c;padding:.35rem .6rem;border-radius:5px;cursor:not-allowed}.planning-item-locked::after{content:" 🔒";font-size:.75rem;color:#e6b77c}.project-planning-preview .planning-item-done{color:#9fdfb5;text-decoration:none}.project-planning-preview .planning-item-done::marker{content:"✓  ";color:#9fdfb5;font-weight:700}

.rich-editor [data-rich-table-anchor]{display:block;min-height:1.75em;margin:4px 0;cursor:text}

.project-planning-editor .planning-list-item{background:#263b48;border-left:3px solid #7a9db4;padding:.35rem .6rem;border-radius:5px;margin:.3rem 0;cursor:text}.project-planning-editor .planning-item-locked{border-left-color:#e6b77c;cursor:not-allowed}
body.colourframe .file-browser-row>.attachment-button{--action-bg:#efa85d;--action-line:#ffc080;background-color:var(--action-bg);border-color:var(--action-line);color:#24180f}
body.colourframe .file-browser-row>.attachment-button:hover{background-color:#ffc080}

.solution-wiki-dialog form{display:grid;gap:12px}.solution-wiki-tags{display:flex;flex-wrap:wrap;gap:8px}.solution-wiki-dialog .wiki-picker-menu{position:relative;max-height:42vh;overflow:auto}.solution-wiki-dialog input{width:100%}
body.colourframe .file-browser-row{background:#522534;border-color:#875064}
body.colourframe #project-table-search{background:#000;color:#edf2f7;border-color:#546174}
body.colourframe #project-table-grid thead,body.colourframe #project-table-grid thead th{background:#000;color:#edf2f7}
body.colourframe #project-table-grid thead input,body.colourframe #project-table-grid thead button{background:#000;color:#edf2f7;border-color:#546174}
body.colourframe #project-table-grid thead input::placeholder,body.colourframe #project-table-search::placeholder{color:#abb7c8}
body.colourframe #project-table-grid thead button:hover:not(:disabled){background:#181818}
body.colourframe #kanban-view .kanban-shell>.list-heading>h2{color:#000}

/* Visual refresh: presentation only; semantic states and layout grids stay intact. */
body.colourframe {
 --background:#101622; --surface:#1a2332; --field:#101925;
 --ink:#f1f5fb; --muted:#afbed1; --line:#35455b;
 --blue:#869fbd; --blue-light:#b3cbe3;
 background:radial-gradient(ellipse at 80% 0%,#25354a55,transparent 55%),var(--background);
 font-family:"Segoe UI",Arial,sans-serif;
}
body.colourframe #app-header {background:#151e2b;border-bottom-color:#3b4d63;padding-top:20px;padding-bottom:20px;}
body.colourframe h1 {letter-spacing:-.025em;font-weight:700;}
body.colourframe h2,body.colourframe h3 {letter-spacing:-.01em;}
body.colourframe :is(.panel,.todo-section,.calendar-shell,.kanban-shell) {box-shadow:0 10px 30px #00000024;border-color:var(--line);}
body.colourframe .panel {border-radius:18px;}
body.colourframe :is(.panel-heading,.list-panel>.list-heading,.dashboard-panel>.list-heading,.editor-panel>.list-heading) {background:#233044;border-bottom-color:#41536a;}
body.colourframe .list-panel .list-heading h2 {font-size:1rem;font-weight:650;line-height:1.4;}
body.colourframe .list-panel td {padding:12px 11px;line-height:1.5;border-bottom-color:#344257;}
body.colourframe .list-panel .record-open {font-size:.86rem!important;line-height:1.5;}
body.colourframe .list-panel .ticket-subtitle {font-size:.73rem;line-height:1.5;color:var(--muted);}
body.colourframe .list-panel tbody tr:hover>td {background-color:#26364a;}
body.colourframe :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea) {border-radius:10px;border-color:#4a5e77;box-shadow:inset 0 1px 3px #00000020;}
body.colourframe :is(input,textarea)::placeholder {color:#a1b1c5;opacity:1;}
body.colourframe button {border-radius:10px;line-height:1.4;}
body.colourframe nav a {border-radius:12px;font-weight:600;box-shadow:none;}
body.colourframe nav a[aria-current] {box-shadow:inset 0 -3px #bad6ed,0 3px 12px #00000025;}
body.colourframe :is(.stats>div,.todo-stats>div,.wiki-home-card,.wiki-search-card) {border-radius:16px;box-shadow:0 5px 18px #00000020;}
body.colourframe .stats>div {padding:22px 24px;background:linear-gradient(140deg,#253348,#1a2332);border-top-width:3px;}
body.colourframe .stats span {color:#c5d1e1;line-height:1.4;}
body.colourframe .stats strong {font-size:2.45rem;letter-spacing:-.04em;}
body.colourframe .wiki-home-tab {border-radius:16px;padding:18px;background:#1b293b!important;box-shadow:0 5px 18px #00000020;}
body.colourframe .wiki-home-tab[aria-selected=true] {background:#2a4058!important;}
body.colourframe .ticket-detail-tabs {gap:8px;padding-top:14px;padding-bottom:14px;background:#141e2d;}
body.colourframe .ticket-detail-tabs [role=tab] {border-radius:10px;}
body.colourframe .ticket-detail-tabs [role=tab][aria-selected=true] {box-shadow:inset 0 -3px var(--action-line),0 4px 12px #00000035;}
body.colourframe :is(.note-card,.todo-record,.project-planning-rich-block) {border-radius:14px;border-color:#41546b;box-shadow:0 4px 14px #00000018;}
body.colourframe .rich-editor {border-radius:12px;line-height:1.7;caret-color:#fff;}
body.colourframe .kanban-column {border-radius:16px;box-shadow:0 5px 18px #00000020;}
body.colourframe .kanban-card {border-radius:12px;box-shadow:0 4px 12px #00000020;}
body.colourframe .kanban-card:hover {background:#233249;}
body.colourframe dialog {box-shadow:0 24px 80px #0009;border-color:#5a708c;}
body.colourframe dialog::backdrop {background:#070d18cc;}
body.colourframe .colourframe-move-dialog {border-color:#bd97e5;}
body.colourframe .file-browser-row {border-radius:12px;box-shadow:0 3px 10px #00000018;}
body.colourframe .file-browser-row>.attachment-button {border-radius:8px;}
body.colourframe :is(button,a,input,select,textarea,summary):focus-visible {outline:2px solid #c0dcf5;outline-offset:3px;}
@media(max-width:680px) {
 body.colourframe #app-header {padding:16px;}
 body.colourframe .stats>div {padding:16px;}
 body.colourframe .stats strong {font-size:2rem;}
 body.colourframe .list-panel td {padding:10px;}
 body.colourframe .ticket-detail-tabs {gap:6px;}
}
@media(prefers-reduced-motion:reduce) {
 body.colourframe button,body.colourframe nav a {transition:none;}
}

/* Ticket/requirement list tiles and collapsed board assignment. */
body.colourframe :is(#global-ticket-stats,#requests-view>.stats)>.list-jump-tile:not(.dashboard-jump-tile)>span {color:#000;}
body.colourframe .stats>.dashboard-jump-tile {background:linear-gradient(140deg,#253348,#1a2332);color:var(--ink);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:16px;}
body.colourframe .stats>.dashboard-jump-tile>span {color:#c5d1e1;}
.board-assignment-collapse>summary {cursor:pointer;color:var(--blue-light);font-weight:650;font-size:1rem;padding:8px 0;}
.board-assignment-collapse[open]>summary {margin-bottom:12px;}
.board-assignment-collapse>summary:focus-visible {outline:2px solid var(--blue-light);outline-offset:3px;border-radius:4px;}
:is(#ticket-dashboard,#request-dashboard,#company-dashboard-view) {scroll-margin-top:20px;}

/* Distinct, coordinated workbench tab colours. */
body.colourframe #ticket-tab-overview{--action-bg:#344c70;--action-line:#93b7e4;}
body.colourframe #ticket-tab-project-plan{--action-bg:#574731;--action-line:#d6b87b;}
body.colourframe #ticket-tab-project-mindmap{--action-bg:#4d466d;--action-line:#b3a4e0;}
body.colourframe #ticket-tab-project-board{--action-bg:#305253;--action-line:#89c5bd;}
body.colourframe #ticket-tab-project-tables{--action-bg:#3d4d35;--action-line:#afc393;}
body.colourframe #ticket-tab-notes{--action-bg:#51406b;--action-line:#bc9edf;}
body.colourframe #ticket-tab-note-editor{--action-bg:#623f60;--action-line:#dfa7d0;}
body.colourframe #ticket-tab-steps{--action-bg:#694c32;--action-line:#efbb82;}
body.colourframe #ticket-tab-files{--action-bg:#31583f;--action-line:#96d6ad;}
body.colourframe #ticket-tab-credentials{--action-bg:#63404a;--action-line:#e2a5b2;}
body.colourframe #ticket-tab-mail{--action-bg:#2d5367;--action-line:#8bc7e2;}
body.colourframe #ticket-tab-history{--action-bg:#4b4e5d;--action-line:#b5b9ce;}
body.colourframe .ticket-detail-tabs [role=tab] {background-color:var(--action-bg);border-color:var(--action-line);color:#f5f7fc;}
body.colourframe .ticket-detail-tabs [role=tab][aria-selected=true] {border-color:var(--action-line);box-shadow:inset 0 -4px var(--action-line),0 3px 12px #0005;font-weight:750;filter:brightness(1.1);}

/* Date controls are available only inside the two archives. */
.archive-date-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:16px;background:#21354b;border-bottom:1px solid #6382a3;}
.archive-date-filters label{flex:1 1 145px;min-width:0;margin:0;font-size:.8rem;}
.archive-date-filters :is(input,select){margin:6px 0 0;width:100%;}
.archive-date-filters>button{font-size:.8rem;}
.archive-date-status{flex-basis:100%;margin:0;color:#ffd1dc;font-size:.8rem;}
.archive-date-status:empty{display:none;}
html[data-a11y-mode=contrast] .archive-date-filters{background:#000!important;border-color:#fff!important;}

/* Optional display palette control beside the existing Darstellung button. */
.display-controls{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;}
.display-controls .vivid-design-choice{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:.8rem;color:var(--ink);cursor:pointer;}
.vivid-design-choice input[type=checkbox]{width:18px;height:18px;min-height:18px;margin:0;accent-color:#c9a3f3;}
html[data-a11y-mode=contrast] .vivid-design-choice{color:#fff!important;}

/* Shared execution task form and centred execution list captions. */
.execution-task-dialog{width:min(560px,94vw);}
.execution-task-dialog form{display:grid;gap:14px;}
.execution-task-dialog label{margin:0;}
.execution-task-dialog :is(input,textarea,select){width:100%;margin:6px 0 0;}
#project-execution-blocks .execution-block-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
#project-execution-blocks .execution-block-heading h3{grid-column:2;text-align:center;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:2px;}
#project-execution-blocks .execution-block-count{grid-column:3;justify-self:end;}
@media(max-width:600px){#project-execution-blocks .execution-block-heading{grid-template-columns:minmax(0,1fr);text-align:center;}#project-execution-blocks .execution-block-heading h3,#project-execution-blocks .execution-block-count{grid-column:1;justify-self:center;}}

/* Black project title buttons with white text, in both themes. */
body.colourframe :is(#project-list,#project-completed-list) .project-card-title{
  background:#000!important;
  color:#fff!important;
  border:1px solid #526070!important;
  border-radius:8px;
  padding:8px 12px!important;
}
body.colourframe :is(#project-list,#project-completed-list) .project-card-title:hover{
  background:#171717!important;
  color:#fff!important;
}
html[data-a11y-mode="contrast"] body.colourframe :is(#project-list,#project-completed-list) .project-card-title{
  background:#000!important;
  color:#ffeb72!important;
  border-color:#ffeb72!important;
}

/* Clearly labelled project goals on overview cards. */
body.colourframe #project-list .project-card-objective{
  background:#304568;
  color:#f1f5ff;
  border-left:4px solid #a4c9fb;
  border-radius:8px;
  padding:12px 14px;
  font-weight:600;
  overflow:auto;
}
html[data-light-design="true"] body.colourframe #project-list .project-card-objective{
  background:#c9dff5;
  color:#24385e;
  border-left-color:#507eb3;
}
html[data-a11y-mode="contrast"] body.colourframe #project-list .project-card-objective{
  background:#000!important;
  color:#fff!important;
  border-color:#fff!important;
}

body.colourframe #project-list .project-card-objective{font-weight:400;}
body.colourframe #project-list .project-goal-label{display:block;margin-bottom:6px;font-weight:700;color:inherit;}
body.colourframe #project-list .project-goal-text{display:block;font-weight:400;color:inherit;}

/* Compact column-filter dropdowns matching the existing search controls. */
body.colourframe .list-panel .column-filters select{
  width:100%;
  min-width:130px;
  max-width:100%;
  min-height:30px;
  height:30px;
  padding:6px 8px;
  margin-top:9px;
  border-radius:8px;
  font-size:.68rem;
  box-sizing:border-box;
}

/* Highlight responsibility assigned to the signed-in person or shared IT. */
html body.colourframe select.quick-select.quick-assignee.is-own-assignment{background:#994500!important;color:#ffffff!important;border-color:#c4661c!important;}
html body.colourframe select.quick-select.quick-assignee.is-own-assignment:hover{background:#ad4e00!important;}
html body.colourframe select.quick-select.quick-assignee.is-own-assignment:focus-visible{outline:3px solid #b85c00;outline-offset:2px;}
html body.colourframe select.quick-select.quick-assignee option{background:var(--surface);color:var(--text);}

/* One continuous left edge instead of separated colour segments. */
html body.colourframe main::before{background:var(--gold)!important;border-radius:0;pointer-events:none;}

.todo-compact-entry.todo-overdue-group{display:block;margin-bottom:12px;}
.todo-overdue-group>.todo-compact-row{width:100%;}
.todo-overdue-deadlines{margin:0;padding:8px 12px 10px 28px;display:grid;gap:8px;list-style:none;border-left:3px solid #aa7483;}
.todo-overdue-deadlines li{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;}
.todo-overdue-deadlines li span{white-space:normal;overflow-wrap:anywhere;}
.todo-overdue-deadlines input[type=checkbox]{width:16px;height:16px;flex:none;margin:2px 0 0;}

.todo-today-group .todo-overdue-deadlines{border-left-color:#a79060;}

html body.colourframe dialog#server-connection-error{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;border-radius:0;padding:24px;background:#101b2b;color:#fff;z-index:2147483647;}
html body.colourframe dialog#server-connection-error[open]{display:grid;place-items:center;}
html body.colourframe dialog#server-connection-error>section{width:min(640px,100%);padding:30px;border:2px solid #d56666;border-radius:16px;background:#19283e;}
.server-connection-error::backdrop{background:#101b2b;}
.remember-pem{display:flex;align-items:center;gap:10px;}.remember-pem input{width:auto;margin:0;}
.linked-record-highlight{outline:3px solid #e34444!important;outline-offset:3px;scroll-margin:24px;}
.execution-link-button{display:inline-flex;align-items:center;gap:8px;}.execution-link-indicator{display:inline-block;width:12px;height:12px;border:1px solid #8296ac;border-radius:2px;background:transparent;}.execution-link-button.has-link .execution-link-indicator{background:#2fa76b;border-color:#68df9d;}



.category-split-layout{display:grid;grid-template-columns:minmax(240px,340px) minmax(280px,1fr);gap:24px;align-items:start}.category-sidebar>label{margin-top:0}.category-entry-list{display:flex;flex-direction:column;gap:8px;max-height:min(65vh,650px);overflow:auto;overflow-anchor:none;scroll-behavior:auto;padding:2px 4px 8px 0}.category-select-row{width:100%;text-align:left;padding:14px!important;border:1px solid var(--line)!important;border-radius:10px!important}.category-select-row[aria-pressed=true]{border-color:var(--cyan)!important;box-shadow:inset 3px 0 var(--cyan)}.category-editor{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--field)}.category-editor label:first-child{margin-top:0}.wiki-topic-control #wiki-topic-choice{order:0}.wiki-topic-control #wiki-restricted-choice{display:flex;flex-basis:100%;width:100%;order:2;margin-top:8px}.wiki-topic-control #wiki-topic-info{order:1}.wiki-topic-control{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
@media(max-width:760px){.category-split-layout{grid-template-columns:1fr}.category-entry-list{max-height:40vh}}
#tag-manage-reload,#category-project-reload,#category-mail-reload{display:none!important}
#wiki-restricted-choice[hidden]{display:none!important}

/* The extra tag action is part of the page editor, next to its existing input. */
.wiki-tag-editor-row{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:14px 0}.wiki-tag-editor-row>label{flex:1;min-width:min(220px,100%);margin:0}.wiki-tag-editor-row>#wiki-tag-add{flex:0 0 auto;margin:0}

.wiki-assigned-tags{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.wiki-assigned-tag{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:18px;padding:4px 6px 4px 12px;background:var(--field);overflow-wrap:anywhere}.wiki-assigned-tag>.wiki-tag-unassign{min-height:28px;min-width:28px;padding:2px 7px;font-size:1rem;line-height:1;border-radius:50%}

/* Searchable wiki tree and topic landing pages. */
.wiki-branch-explorer{margin-top:1.5rem;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--blue-light) 12%,var(--field)),var(--field) 65%);overflow:hidden}
.wiki-branch-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.wiki-branch-header h3{margin:0 0 .35rem}.wiki-branch-header p{margin:0}.wiki-branch-eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--muted);white-space:nowrap}
.wiki-branch-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.wiki-branch-toolbar label{flex:1 1 240px;margin:0}.wiki-branch-toolbar input{width:100%;margin-top:.4rem}.wiki-branch-actions{display:flex;flex-wrap:wrap;gap:.4rem}.wiki-branch-actions button{font-size:.78rem;padding:.55rem .7rem}.wiki-branch-status{font-size:.8rem;color:var(--muted);margin:.85rem 0}
.wiki-branch-list{list-style:none!important;padding:0!important;margin:0!important}.wiki-branch-item{margin:.5rem 0!important}.wiki-branch-item>.wiki-branch-list{margin:.4rem 0 .7rem 1.15rem!important;padding-left:1rem!important;border-left:2px solid var(--line)}
.wiki-branch-card{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;background:var(--field);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 10px #00000005;transition:border-color .15s,transform .15s}.wiki-branch-card:hover{border-color:var(--muted);transform:translateX(2px)}.wiki-branch-context{opacity:.72}
.wiki-branch-toggle{flex:0 0 30px;padding:0!important;width:30px;height:30px;border:1px solid var(--line)!important;border-radius:8px;font-size:1.15rem;background:transparent!important;color:inherit!important}.wiki-branch-toggle:disabled{opacity:.35}.wiki-branch-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--blue-light) 16%,var(--field));font-size:1.3rem}
.wiki-branch-open{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;flex:1;min-width:0;text-align:left;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}.wiki-branch-title{font-weight:650;overflow-wrap:anywhere}.wiki-branch-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.72rem;color:var(--muted)}.wiki-branch-badge{padding:.18rem .45rem;border-radius:5px;background:color-mix(in srgb,var(--blue-light) 16%,var(--field));color:inherit}.wiki-branch-topic{border:1px solid var(--line)}.wiki-branch-arrow{color:var(--muted);font-size:.9rem}.wiki-branch-empty{padding:1.5rem;border:1px dashed var(--line);border-radius:12px;text-align:center}.wiki-branch-empty p{margin:.5rem 0 0}
@media(max-width:640px){.wiki-branch-eyebrow{display:none}.wiki-branch-actions{width:100%}.wiki-branch-card{gap:.45rem;padding:.65rem .5rem}.wiki-branch-icon{display:none}.wiki-branch-item>.wiki-branch-list{margin-left:.65rem!important;padding-left:.55rem!important}.wiki-branch-arrow{display:none}}


/* Main navigation: personal shortcuts, records, planning, knowledge, administration. */
.workspace-menu a[data-workspace-view]{position:relative}
.workspace-menu a[data-workspace-view="tickets"],.workspace-menu a[data-workspace-view="wiki"],.workspace-menu a[data-workspace-view="projects"]{margin-left:12px}
.workspace-menu a[data-workspace-view="projects"]{margin-right:12px}
.workspace-menu a[data-workspace-view="categories"]{margin-left:10px}
.workspace-menu a[data-workspace-view="tickets"]::before,.workspace-menu a[data-workspace-view="projects"]::before,.workspace-menu a[data-workspace-view="wiki"]::before,.workspace-menu a[data-workspace-view="projects"]::after{content:"";position:absolute;top:20%;bottom:20%;width:1px;background:var(--muted);opacity:.55;pointer-events:none}
.workspace-menu a[data-workspace-view="tickets"]::before,.workspace-menu a[data-workspace-view="projects"]::before,.workspace-menu a[data-workspace-view="wiki"]::before{left:-11px}
.workspace-menu a[data-workspace-view="projects"]::after{right:-11px}
@media(max-width:640px){.workspace-menu a[data-workspace-view="tickets"],.workspace-menu a[data-workspace-view="wiki"],.workspace-menu a[data-workspace-view="categories"],.workspace-menu a[data-workspace-view="projects"]{margin-left:0}.workspace-menu a[data-workspace-view="projects"]{margin-right:0}.workspace-menu a[data-workspace-view="tickets"]::before,.workspace-menu a[data-workspace-view="projects"]::before,.workspace-menu a[data-workspace-view="wiki"]::before,.workspace-menu a[data-workspace-view="projects"]::after{display:none}}

.workspace-menu a[data-workspace-view="notices"]{margin-left:12px}
.workspace-menu a[data-workspace-view="notices"]::before{content:"";position:absolute;top:20%;bottom:20%;left:-11px;width:1px;background:var(--muted);opacity:.55;pointer-events:none}
@media(max-width:640px){.workspace-menu a[data-workspace-view="notices"]{margin-left:0}.workspace-menu a[data-workspace-view="notices"]::before{display:none}}

.workspace-menu a[data-workspace-view="categories"]{margin-left:12px}
.workspace-menu a[data-workspace-view="categories"]::before{content:"";position:absolute;top:20%;bottom:20%;left:-11px;width:1px;background:var(--muted);opacity:.55;pointer-events:none}
@media(max-width:640px){.workspace-menu a[data-workspace-view="categories"]{margin-left:0}.workspace-menu a[data-workspace-view="categories"]::before{display:none}}

.external-ticket-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(140px,1fr) auto;gap:12px;align-items:end;padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:var(--field)}.external-ticket-row label{margin:0}.external-ticket-row input{width:100%}.external-ticket-row button{margin-bottom:5px}.mail-subject-row{display:flex;gap:10px;align-items:flex-end}.mail-subject-row>label{flex:1;min-width:0}.mail-external-picker{position:relative;align-self:center}.mail-external-picker>label{position:absolute;z-index:5;right:0;top:100%;width:min(360px,75vw);padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 24px #0003}.mail-external-picker select{width:100%;margin-top:8px}@media(max-width:640px){.external-ticket-row{grid-template-columns:1fr}.external-ticket-row button{justify-self:start}}

/* Separate PEM management and EWS connection settings. */
#settings-panel-keys + #settings-panel-ews { margin-block-start: 2rem; }

/* Images stay at their text position in readers and editors. */
:is(.rich-editor,.rich-content,.note-visual-editor,.note-card-body,.mail-body) img {max-width:100%;height:auto;object-fit:contain;vertical-align:middle;}
.mail-body.mail-body-html {white-space:normal;overflow-wrap:anywhere;}
.mail-body-html pre {white-space:pre-wrap;}
body.colourframe .step-calendar-button {display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;min-height:36px;padding:5px;background:#f8d44e!important;border:1px solid #b68c10!important;color:#302500!important;border-radius:8px;font-size:1.35rem;line-height:1;}
body.colourframe .step-calendar-button:hover {background:#ffe679!important;}
body.colourframe .step-calendar-button:focus-visible {outline:3px solid #fff;outline-offset:3px;}

.step-calendar-button svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}

/* Public diagnostic re-download from the landing-page footer. */
footer.diagnostic-entry-footer {height:auto;min-height:32px;align-items:center;flex-wrap:wrap;}
.diagnostic-footer-colors {display:flex;gap:10px;flex:1 1 240px;height:14px;}
.diagnostic-footer-button {margin-left:auto;flex:0 0 auto;font-size:.76rem;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);text-decoration:none;white-space:nowrap;}
.diagnostic-footer-button:hover,.diagnostic-footer-button:focus-visible {border-color:var(--gold);outline:2px solid var(--gold);outline-offset:2px;}
.diagnostic-number-fields {display:flex;align-items:flex-end;gap:10px;margin:18px 0;}
.diagnostic-number-fields label {flex:1;min-width:0;margin:0;}
.diagnostic-number-fields input {width:100%;text-align:center;font-variant-numeric:tabular-nums;}
.diagnostic-number-separator {padding-bottom:12px;flex:0 0 auto;}
.diagnostic-public-actions {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px;}
.diagnostic-public-status {padding:14px;border:1px solid var(--line);border-radius:10px;margin-top:18px;}
.diagnostic-public-status.received {border-color:#68b58a;}
.diagnostic-public-status.invalid {border-color:#d88989;}
@media(max-width:480px){.diagnostic-number-fields {gap:6px;}.diagnostic-number-fields label {font-size:.76rem;}.diagnostic-number-fields input {padding:10px 5px;}footer.diagnostic-entry-footer {gap:14px;}}

/* Group records keep the complete processing sidebar on the left. */
#ticket-dialog.is-record-group .ticket-detail-layout {grid-template-columns:minmax(260px,320px) minmax(0,1fr);}
#ticket-dialog.is-record-group .ticket-detail-sidebar {grid-column:1;grid-row:1;}
#ticket-dialog.is-record-group .ticket-detail-main {grid-column:2;grid-row:1;min-width:0;}
#ticket-dialog.is-record-group #ticket-panel-overview > :not(.group-overview) {display:none;}
.group-overview > label {display:block;margin-bottom:1rem;}
.group-overview > label > input {width:100%;}
.group-members-panel {overflow:hidden;}
.group-members-panel .table-wrap {overflow-x:auto;}
.group-members-panel .list-heading {flex-wrap:wrap;}
@media(max-width:800px){#ticket-dialog.is-record-group .ticket-detail-layout {display:flex;flex-direction:column;}#ticket-dialog.is-record-group .ticket-detail-sidebar {order:0;}#ticket-dialog.is-record-group .ticket-detail-main {order:1;}}
.group-add-dialog {width:min(900px,94vw);max-height:90vh;}
.group-add-list {max-height:50vh;overflow-y:auto;margin:1rem 0;}
.group-add-choice {display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-bottom:1px solid var(--border,#777);}
.group-add-choice input[type=checkbox] {width:auto;flex:none;margin-top:.25rem;}
.group-add-dialog input[type=search] {width:100%;}
.group-members-panel > button {margin:0 1rem 1rem;}
/* Dialog content and reusable work-step blocks. */
.device-details-dialog,.device-field-picker,.step-template-picker {width:min(760px,94vw);max-height:90dvh;overflow:auto;box-sizing:border-box;}
.device-value {min-width:0;overflow-wrap:anywhere;}
.device-value p {margin:.3rem 0 0;white-space:pre-wrap;}
.dynamic-notice {padding:1rem;border:1px solid var(--line);border-left:4px solid var(--blue-light);border-radius:.5rem;background:var(--field);}
.dynamic-notice p {white-space:pre-wrap;margin:.5rem 0 0;overflow-wrap:anywhere;}
.step-template-layout {display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,2fr);gap:1.5rem;}
#step-template-list {display:grid;gap:.5rem;margin-top:1rem;max-height:65vh;overflow:auto;}
#step-template-fields fieldset textarea {width:100%;box-sizing:border-box;white-space:pre-wrap;}
#step-template-fields fieldset button {margin:.25rem;}
.step-template-picker-list {display:grid;gap:.5rem;max-height:35dvh;overflow:auto;margin:1rem 0;}
.step-template-picker li {white-space:pre-wrap;margin-bottom:.5rem;}
.step-template-picker input[type=search] {width:100%;}
.task-template-actions {margin-bottom:1rem;}
.mobile-tabs-toggle {display:none;}
@media(max-width:700px){
 .mobile-tabs-toggle {display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;margin:.5rem 0;text-align:left;white-space:normal;}
 body.colourframe .mobile-tab-nav:not(.mobile-tabs-open) {display:none!important;}
 body.colourframe .mobile-tab-nav.mobile-tabs-open {display:flex;flex-direction:column;align-items:stretch;flex-wrap:nowrap;max-height:60dvh;overflow:auto;position:relative;}
 body.colourframe .mobile-tab-nav.mobile-tabs-open > :is(a,button) {flex:none;min-height:44px;text-align:left;white-space:normal;}
 .step-template-layout {grid-template-columns:1fr;}
 .device-details-dialog .device-grid {grid-template-columns:1fr;}
}
body.colourframe .workspace-menu .workspace-icon {display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;}
.workspace-icon svg {width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.administration-tabs {display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;}
.administration-tabs button[aria-selected="true"] {border-color:var(--blue-light);box-shadow:inset 0 -3px var(--blue-light);}
@media(max-width:700px){body.colourframe .workspace-menu .workspace-icon {justify-content:flex-start;gap:.75rem;} .workspace-icon::after {content:attr(title);}}
body.colourframe .workspace-menu a.workspace-settings {margin-left:0;}
body.colourframe .workspace-menu #workspace-dashboard {margin-left:auto;}
@media(max-width:700px){body.colourframe .workspace-menu #workspace-dashboard {margin-left:0;}}
/* Align project toolbar controls on the same baseline. */
body.colourframe .project-toolbar {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;}
body.colourframe .project-toolbar label {min-width:0;margin:0;}
body.colourframe .project-toolbar .search {min-width:0;}
body.colourframe .project-toolbar :is(input,select) {min-height:48px;box-sizing:border-box;margin-bottom:0;}
body.colourframe .project-toolbar > button {align-self:end;min-height:48px;margin:0;white-space:nowrap;}
.project-portfolio {grid-template-columns:repeat(3,minmax(0,1fr));}
@media(min-width:1100px){body.colourframe .project-toolbar {grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}}
@media(max-width:650px){body.colourframe .project-toolbar,.project-portfolio {grid-template-columns:1fr;}}
/* Project creation always has a dedicated toolbar row. */
body.colourframe .project-toolbar > #project-new {grid-column:1 / -1;justify-self:start;}
/* Projects: a calm, full-width list with a clear information hierarchy. */
body.colourframe #project-list {display:grid;grid-template-columns:minmax(0,1fr);gap:14px;}
body.colourframe #project-list > .project-card {display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.35fr);column-gap:24px;row-gap:12px;padding:22px 24px;border-radius:16px;transition:border-color .15s ease;}
body.colourframe #project-list > .project-card:hover,body.colourframe #project-list > .project-card:focus-within {border-color:var(--blue-light);}
#project-list .project-card-heading {grid-column:1 / -1;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);}
#project-list .project-card-title {min-width:0;line-height:1.4;overflow-wrap:anywhere;}
#project-list .project-number {font-variant-numeric:tabular-nums;white-space:nowrap;}
#project-list .project-phase-chip {flex:none;}
#project-list .project-card-objective {grid-column:1;grid-row:2;margin:0;max-height:none;overflow:visible;}
#project-list .project-goal-label {display:block;margin-bottom:4px;font-size:.75rem;letter-spacing:.02em;}
#project-list .project-goal-text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
#project-list .project-category-chips {grid-column:1;grid-row:3;align-self:end;}
#project-list .project-category-chips:empty {display:none;}
#project-list .project-card-footer {grid-column:2;grid-row:2 / 4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;margin:0;padding-left:20px;border-left:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere;}
@media(max-width:760px){
 body.colourframe #project-list > .project-card {grid-template-columns:minmax(0,1fr);padding:18px;gap:12px;}
 #project-list .project-card-heading {gap:8px;}
 #project-list .project-card-title {flex-basis:100%;order:1;}
 #project-list .project-card-footer {grid-column:1;grid-row:auto;padding:12px 0 0;border-left:0;border-top:1px solid var(--line);}
}
/* Reserve the indicator slot so background updates never move navigation labels. */
.new-open-indicator {display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;width:16px;margin-right:6px;color:#ef4444;font-size:.9em;line-height:1;visibility:hidden;}
.new-open-indicator.has-new-open {visibility:visible;}

/* List grids must fit their parent; wide tables scroll inside their own wrapper. */
body.admin-page #ticket-lists {grid-template-columns:minmax(0,1fr);min-width:0;max-width:100%;}
body.admin-page :is(.list-panel,.group-members-panel) {min-width:0;max-width:100%;}
body.admin-page :is(.list-panel,.group-members-panel) :is(.table-scroll,.table-wrap) {
 width:100%;max-width:100%;min-width:0;overflow-x:auto;box-sizing:border-box;
}
body.admin-page :is(.list-panel,.group-members-panel) table {
 width:100%;min-width:1050px;table-layout:auto;
}
body.admin-page :is(.list-panel,.group-members-panel) :is(th,td) {
 min-width:0;overflow-wrap:anywhere;white-space:normal;
}
body.admin-page :is(.list-panel,.group-members-panel) :is(th,td):first-child {width:20%;min-width:0;max-width:none;}
body.admin-page :is(.list-panel,.group-members-panel) .record-open {max-width:100%;white-space:normal;overflow-wrap:anywhere;}

/* Keep list columns readable; filters must never protrude into adjacent cells. */
body.admin-page :is(.list-panel,.group-members-panel) th {min-width:140px;}
body.admin-page :is(.list-panel,.group-members-panel) :is(th,td):first-child {min-width:220px;}
body.admin-page :is(.list-panel,.group-members-panel) .column-filters :is(input,select) {
 display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;
}
@media(max-width:700px){
 body.admin-page .filterbar {display:grid;grid-template-columns:minmax(0,1fr);gap:12px;}
 body.admin-page .filterbar > :is(label,label.search,button) {width:100%;min-width:0;max-width:none;margin:0;}
 body.admin-page .filterbar :is(input,select) {width:100%;min-width:0;max-width:100%;box-sizing:border-box;}
 body.admin-page :is(.list-panel,.group-members-panel) .column-filters :is(input,select) {min-height:40px;height:auto;}
}

.project-link-actions {display:flex;flex-wrap:wrap;gap:12px;padding:16px;}
#ticket-panel-project-links .list-heading {flex-wrap:wrap;}
#ticket-panel-project-links .list-heading input {width:min(100%,360px);min-width:0;}

/* Keep the checkbox and subject together in normal document flow. */
.record-subject-layout {display:flex;align-items:flex-start;gap:16px;}
.record-subject-text {flex:1;min-width:0;overflow-wrap:anywhere;}
body.colourframe .list-panel.bulk-mode .record-subject-layout > .record-check {
 display:flex!important;position:static;flex:0 0 20px;align-items:center;justify-content:center;
 width:20px;min-width:20px;height:24px;margin:0!important;padding:0;
}
body.colourframe .list-panel.bulk-mode .record-check input[type="checkbox"] {
 flex:none;width:18px;min-width:18px;height:18px;min-height:18px;margin:0;padding:0;
}

/* Separate existing steps from controls for adding new steps. */
#ticket-panel-steps .task-create-area {margin-top:28px;padding-top:22px;border-top:2px solid var(--line);}
#ticket-panel-steps .task-create-area h4 {margin:0 0 12px;font-size:1rem;}
#ticket-panel-steps .task-template-actions {margin:18px 0 0;}
/* Give note-search controls a clear visual boundary above the note cards. */
body.colourframe #ticket-panel-notes .note-history-controls {
 padding:18px;margin:16px 0 24px;background:#23465c;
 border:1px solid #659bb8;border-inline-start:5px solid #8fcceb;border-radius:12px;gap:14px;
}
body.colourframe #ticket-panel-notes .note-history-controls label {color:#eef8ff;font-weight:650;min-width:0;}
html[data-light-design="true"] body.colourframe #ticket-panel-notes .note-history-controls {background:#d6eaf6;border-color:#6b9bb8;border-inline-start-color:#316c91;}
html[data-light-design="true"] body.colourframe #ticket-panel-notes .note-history-controls label {color:#183b53;}
html[data-a11y-mode="contrast"] body.colourframe #ticket-panel-notes .note-history-controls {background:#000!important;color:#fff!important;border-color:#fff!important;}
@media(max-width:600px){body.colourframe #ticket-panel-notes .note-history-controls {grid-template-columns:minmax(0,1fr);padding:14px;}}

/* Match the Anliegen block to the note-text surface for every record kind. */
body.colourframe #detail-description {padding:14px 16px;background:#0e1a27;border:1px solid #32485b;border-radius:9px;color:#d8e3ed;min-width:0;}
html[data-a11y-mode="contrast"] body.colourframe #detail-description {background:#000!important;color:#fff!important;border-color:#fff!important;}

/* Project goal previews share the note-text surface. */
body.colourframe #project-list .project-card-objective {background:#0e1a27;color:#d8e3ed;border-color:#32485b;}
html[data-a11y-mode="contrast"] body.colourframe #project-list .project-card-objective {background:#000!important;color:#fff!important;border-color:#fff!important;}

/* Warm frame around the original request; its inner text retains the note surface. */
body.colourframe #ticket-dialog .original-request {background:#453326;border:1px solid #a98160;border-inline-start:4px solid #c79b70;border-radius:12px;padding:20px;color:#f5e9dd;}
body.colourframe #ticket-dialog .original-request > h3,
body.colourframe #ticket-dialog .original-request .ticket-person :is(dt,dd) {color:#f5e9dd;}
html[data-light-design="true"] body.colourframe #ticket-dialog .original-request {background:#eadbc9;border-color:#aa8057;color:#49311e;}
html[data-light-design="true"] body.colourframe #ticket-dialog .original-request > h3,
html[data-light-design="true"] body.colourframe #ticket-dialog .original-request .ticket-person :is(dt,dd) {color:#49311e;}
html[data-a11y-mode="contrast"] body.colourframe #ticket-dialog .original-request {background:#000!important;color:#fff!important;border-color:#fff!important;}
@media(max-width:600px){body.colourframe #ticket-dialog .original-request {padding:14px;}}

/* Ticket/request heading and reporting date share the top row. */
body.colourframe #ticket-dialog:not(.project-mode) .original-request {
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;
 container-type:inline-size;container-name:request-details;
}
#ticket-dialog:not(.project-mode) .original-request > #detail-description-heading {
 grid-column:1;grid-row:1;margin:0;font-size:1.3rem;line-height:1.4;align-self:center;
}
#ticket-dialog:not(.project-mode) .original-request > .ticket-person {display:contents;}
#ticket-dialog:not(.project-mode) .original-request > .ticket-person > div {grid-row:2;min-width:0;}
#ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:first-child {grid-column:1;}
#ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:nth-child(2) {grid-column:2;}
#ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:last-child {
 grid-column:2;grid-row:1;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;
 align-self:center;text-decoration:underline;text-underline-offset:4px;
}
#ticket-dialog:not(.project-mode) .original-request #detail-reported-label {font-size:.9rem;margin:0;}
#ticket-dialog:not(.project-mode) .original-request > #detail-description {grid-column:1 / -1;grid-row:3;}
@container request-details (max-width:560px) {
 #ticket-dialog:not(.project-mode) .original-request > #detail-description-heading {grid-column:1 / -1;}
 #ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:last-child {grid-column:1 / -1;grid-row:2;}
 #ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:first-child {grid-column:1 / -1;grid-row:3;}
 #ticket-dialog:not(.project-mode) .original-request > .ticket-person > div:nth-child(2) {grid-column:1 / -1;grid-row:4;}
 #ticket-dialog:not(.project-mode) .original-request > #detail-description {grid-row:5;}
}

/* Charcoal subject headings above note text, consistent in light and dark design. */
body.colourframe #detail-notes .note-history-card > h4 {
 background:#242424;color:#fff!important;border:1px solid #505050;
 border-radius:8px;padding:10px 14px;line-height:1.5;overflow-wrap:anywhere;
}
html[data-a11y-mode="contrast"] body.colourframe #detail-notes .note-history-card > h4 {
 background:#000!important;color:#fff!important;border-color:#fff!important;
}

/* Black subject buttons in ticket and requirement overview lists. */
body.colourframe :is(#ticket-lists,#requests-view) .record-subject-text > .record-open {
 background:#000!important;color:#fff!important;border:1px solid #526070!important;
 border-radius:8px;padding:8px 12px!important;line-height:1.5;white-space:normal;
 max-width:100%;text-align:left;overflow-wrap:anywhere;
}
body.colourframe :is(#ticket-lists,#requests-view) .record-subject-text > .record-open:hover {
 background:#171717!important;color:#fff!important;
}
html[data-a11y-mode="contrast"] body.colourframe :is(#ticket-lists,#requests-view) .record-subject-text > .record-open {
 background:#000!important;color:#ffeb72!important;border-color:#ffeb72!important;
}

.project-status-chip {display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--field);font-size:.78rem;white-space:normal;}

body.colourframe .project-toolbar > .project-toolbar-actions {grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
body.colourframe .project-toolbar-actions > button {min-height:48px;margin:0;}

/* Notes search/filter block: keep the requested black surface in every theme. */
body #ticket-panel-notes .note-history-controls{background:#000!important;background-image:none!important;color:#fff!important;border-color:#454545!important;padding:12px;border-radius:10px;color-scheme:dark}
body #ticket-panel-notes .note-history-controls label{color:#fff!important}
body #ticket-panel-notes .note-history-controls :is(input,select,button){background:#111!important;color:#fff!important;border-color:#666!important}
body #ticket-panel-notes .note-history-controls input::placeholder{color:#bbb!important;opacity:1}
body #ticket-panel-notes .note-history-controls :is(input,select,button):focus-visible{outline:2px solid #8bdac8;outline-offset:2px}
#mail-import-dialog{width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto}
#mail-import-dialog::backdrop{background:rgb(0 0 0 / 65%)}

/* Swap the detail tab strip and content backgrounds for every record kind. */
body.colourframe #ticket-dialog .ticket-detail-tabs {background-color:#112845;}
body.colourframe #ticket-dialog .ticket-detail-main {background-color:#000;}
html[data-light-design="true"] body.colourframe #ticket-dialog .ticket-detail-tabs {background-color:#edf3ff;}
html[data-light-design="true"] body.colourframe #ticket-dialog .ticket-detail-main {background-color:#e3eaf4;}

/* Note types: red problems, yellow notes, and amber questions. */
body.colourframe #detail-notes .note-history-card[data-note-type="problem"]{background:#4a242b;border-color:#a96773;--note-accent:#f0b2bd;--note-body-bg:#2c151a}
body.colourframe #detail-notes .note-history-card[data-note-type="notiz"]{background:#433b1c;border-color:#9b8a4e;--note-accent:#e9d68c;--note-body-bg:#27220f}
body.colourframe #detail-notes .note-history-card[data-note-type="rueckfrage"]{background:#4c3919;border-color:#b18b48;--note-accent:#f1cd85;--note-body-bg:#2d210e}
body.colourframe #detail-notes .note-history-card:is([data-note-type="problem"],[data-note-type="notiz"],[data-note-type="rueckfrage"]) .note-card-body{background-color:var(--note-body-bg);border-color:var(--note-accent)}
html[data-light-design="true"] body.colourframe #detail-notes .note-history-card[data-note-type="problem"]{background:#f8dfe1;border-color:#ac6671;--note-accent:#843746;--note-body-bg:#fff0f1}
html[data-light-design="true"] body.colourframe #detail-notes .note-history-card[data-note-type="notiz"]{background:#fff4c9;border-color:#9c8644;--note-accent:#6c581a;--note-body-bg:#fff9e4}
html[data-light-design="true"] body.colourframe #detail-notes .note-history-card[data-note-type="rueckfrage"]{background:#ffe5af;border-color:#aa7c36;--note-accent:#795016;--note-body-bg:#fff2d6}
html[data-a11y-mode="contrast"] body.colourframe #detail-notes :is(.note-history-card,.note-card-body){background:#000!important;color:#fff!important;border-color:#fff!important}

/* Independent detail/compact switches on ticket and requirement lists. */
body.colourframe .list-heading .list-view-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;margin:0;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--field);color:var(--ink);font-size:.75rem;white-space:nowrap;cursor:pointer}
body.colourframe .list-heading .list-view-toggle span{color:inherit}
body.colourframe .list-heading input.list-view-switch{appearance:none;position:relative;box-sizing:border-box;display:block;flex:0 0 44px;width:44px;max-width:44px;height:24px;min-height:24px;margin:0;padding:0;border:1px solid var(--line);border-radius:20px;background:var(--surface);cursor:pointer}
body.colourframe .list-heading input.list-view-switch::before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .15s ease}
body.colourframe .list-heading input.list-view-switch:checked{background:var(--blue);border-color:var(--blue)}
body.colourframe .list-heading input.list-view-switch:checked::before{transform:translateX(20px);background:#10233c}
body.colourframe .list-heading input.list-view-switch:focus-visible{outline:3px solid var(--blue-light);outline-offset:3px}
body.colourframe table[data-list-view="compact"]{width:100%;min-width:760px}
body.colourframe table[data-list-view="compact"] > :is(thead,tbody) > tr > :is(th,td):is(:nth-child(2),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(9),:nth-child(11),:nth-child(12)){display:none}
body.colourframe table[data-list-view="compact"] .ticket-waiting-summary{display:none}
body.colourframe table[data-list-view="compact"] > tbody > tr > td{padding-top:10px;padding-bottom:10px}
html[data-light-design="true"] body.colourframe .list-heading .list-view-toggle{background:#edf3ff;color:#24385e}
html[data-a11y-mode="contrast"] body.colourframe .list-heading .list-view-toggle{background:#000;color:#fff;border-color:#fff}
html[data-a11y-mode="contrast"] body.colourframe .list-heading input.list-view-switch{border-color:#ffeb72;background:#000}
html[data-a11y-mode="contrast"] body.colourframe .list-heading input.list-view-switch::before{background:#fff}
html[data-a11y-mode="contrast"] body.colourframe .list-heading input.list-view-switch:checked{background:#ffeb72}
html[data-a11y-mode="contrast"] body.colourframe .list-heading input.list-view-switch:checked::before{background:#000}
@media(prefers-reduced-motion:reduce){body.colourframe .list-heading input.list-view-switch::before{transition:none}}

/* Give the subject the largest share of compact ticket/requirement tables. */
body.colourframe table[data-list-view="compact"]{table-layout:fixed}
body.colourframe table[data-list-view="compact"] > thead > tr:first-child > th:nth-child(1){width:44%}
body.colourframe table[data-list-view="compact"] > thead > tr:first-child > th:is(:nth-child(3),:nth-child(4)){width:16%}
body.colourframe table[data-list-view="compact"] > thead > tr:first-child > th:is(:nth-child(8),:nth-child(10)){width:12%}
body.colourframe table[data-list-view="compact"] :is(input,select){max-width:100%;min-width:0;box-sizing:border-box}
body.colourframe table[data-list-view="compact"] td{overflow-wrap:anywhere}
.record-processing-time{display:grid;gap:4px;padding:12px;margin-bottom:16px;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--ink)}
.record-processing-time[hidden]{display:none}
.record-processing-time strong{font-size:.8rem}.record-processing-time span{font-size:1.05rem;font-weight:700}.record-processing-time small{color:var(--muted)}
#note-processing-time{min-width:190px}.processing-controls{display:flex;flex-wrap:wrap;gap:12px}.processing-controls label{flex:1 1 150px}.processing-report{margin-top:24px}.processing-report meter{width:100%;min-width:100px;height:18px}.processing-totals{font-weight:700}.processing-report table{min-width:760px}
.quick-capture-panel{max-width:1000px;margin:0 auto;padding:24px}.quick-capture-panel h2{margin-top:0}#quick-capture-form{display:grid;gap:16px}#quick-capture-form label{margin:0}#quick-note-editor{min-height:220px}#quick-capture-status a{display:inline-block;margin-left:12px}#quick-processing-minutes{max-width:260px}
body.colourframe table[data-list-view="compact"] > tbody > tr > td:first-child{min-width:0;max-width:none}

.duration-input{display:flex;align-items:center;gap:8px;max-width:380px}.duration-input input{min-width:80px;flex:1}.duration-input select{flex:0 0 120px;width:120px}.quick-kind{display:flex;gap:24px;flex-wrap:wrap}.quick-kind label{display:flex;align-items:center;gap:8px}.quick-kind input[type=checkbox]{width:auto}.task-duration-button{white-space:nowrap;min-width:44px;padding:6px 9px!important;flex:none;font-size:.8rem!important}.time-entry-dialog{max-width:480px;width:calc(100% - 32px)}.time-entry-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.time-entry-dialog h3{overflow-wrap:anywhere}#note-processing-time{max-width:380px}.note-card-meta span{white-space:nowrap}

.header-quick-capture{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.header-quick-capture svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.note-history-card .note-card-meta .note-type-badge{grid-column:2;grid-row:1;justify-self:end}.note-history-card .note-card-meta .note-duration-badge{grid-column:2;grid-row:2;justify-self:end}

.record-password-dialog{max-width:560px;width:calc(100% - 32px)}.record-password-dialog .hint{line-height:1.6}.record-password-dialog label{margin:14px 0}.protected-steps{color:var(--muted)}

.record-reference-dialog{max-width:min(680px,94vw);width:94vw;max-height:85vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line,#667);border-radius:12px;padding:24px}.record-reference-dialog::backdrop{background:#0009}.record-reference-dialog input[readonly]{width:100%;margin-bottom:16px}.record-reference-dialog button{margin:0 8px 8px 0}#detail-id[role="button"]{cursor:pointer}#detail-id[role="button"]:focus-visible{outline:2px solid currentColor}

.nc-file-dialog{width:min(760px,94vw);max-height:85vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line,#667);border-radius:12px;padding:24px}.nc-file-dialog::backdrop{background:#0009}.nc-file-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0}.nc-file-list{display:grid;gap:6px;max-height:40vh;overflow:auto;margin:12px 0}.nc-file-list button{text-align:left}.nc-file-list [aria-pressed="true"]{outline:2px solid currentColor}

/* Exactly one indented level; completion remains per step. */
#ticket-tasks .ticket-task.is-substep{margin-inline-start:28px;border-inline-start:3px solid var(--line)}
#ticket-tasks .task-add-substep{margin-inline-start:auto;flex:none;font-size:1.25rem}
@media(max-width:600px){#ticket-tasks .ticket-task.is-substep{margin-inline-start:14px}}

body.quick-capture-mode #app-header{display:flex;justify-content:center;align-items:center}
body.quick-capture-mode #app-header>:not(#quick-capture-cancel),body.quick-capture-mode .workspace-menu{display:none!important}
body.quick-capture-mode #quick-capture-cancel{display:inline-flex;align-items:center;justify-content:center}

.project-tab-add{font-size:1.2rem;min-width:38px}.project-tab-add-menu{display:flex;flex-wrap:wrap;gap:8px;padding:10px;margin:4px 0 12px;border:1px solid var(--line);border-radius:10px}.project-tab-add-menu[hidden],#project-tab-add[hidden]{display:none!important}

.project-mode .ticket-detail-tabs .project-optional-first,.project-mode .ticket-detail-tabs #ticket-tab-mail{margin-inline-start:9px}

/* Keep server diagnostics readable without overflowing the connection dialog. */
#server-connection-message{overflow-wrap:anywhere;white-space:pre-wrap}

.file-viewer-dialog a{margin:6px 12px 12px 0}.file-viewer-dialog h2{overflow-wrap:anywhere}

/* Keep one clear visual hierarchy without coupling parent/child completion. */
#ticket-tasks .ticket-task.is-main-step{border-block-start:2px solid var(--line);padding-block-start:14px;margin-block-start:12px}
#ticket-tasks .ticket-task.is-substep{margin-inline-start:38px;padding:12px 14px;border-inline-start:4px solid var(--accent,var(--ink));background:color-mix(in srgb,var(--ink) 5%,var(--surface));border-radius:0 8px 8px 0;margin-block:4px}
.task-substep-label{order:-1;font-size:.75rem;font-weight:700;color:var(--muted);flex:0 0 100%;letter-spacing:.025em}
.restricted-area-picker{position:relative;max-width:100%;margin-block:6px 12px}.restricted-area-picker summary{cursor:pointer;border:1px solid var(--line);padding:10px 12px;border-radius:6px;overflow-wrap:anywhere}
.restricted-area-options{display:grid;gap:6px;max-height:240px;overflow:auto;padding:10px;border:1px solid var(--line);background:var(--surface)}.restricted-area-options label{display:flex;align-items:center;gap:10px;margin:0;padding:6px}.restricted-area-options input[type=checkbox]{width:auto;flex:none;margin:0}
.record-reference-dialog .record-name-form{display:grid;gap:10px;margin-block:18px;padding-block:16px;border-block:1px solid var(--line)}.record-reference-dialog input:not([readonly]){width:100%}
@media(max-width:600px){#ticket-tasks .ticket-task.is-substep{margin-inline-start:20px;padding:10px}.task-substep-label{order:-1;font-size:.7rem}}
.planning-has-rename::after{content:none}.project-planning-editor .planning-item-rename{display:inline-flex;align-items:center;gap:4px;margin-inline-start:10px;padding:3px 8px;min-height:32px;cursor:pointer;font-size:.9rem;vertical-align:middle;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px}.planning-item-rename:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Step dates/times: reserve room for native WebKit value text, not checkbox dimensions. */
body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"]){
  box-sizing:border-box;height:44px;min-height:44px;max-width:100%;
  margin:0;padding:8px 10px;font-size:16px;line-height:1.35;
  -webkit-appearance:auto;appearance:auto;-webkit-text-fill-color:currentColor;color-scheme:dark;
}
body.colourframe #ticket-panel-steps input[type="date"]{width:10.75rem;min-width:10.75rem;flex:0 0 10.75rem}
body.colourframe #ticket-panel-steps input[type="time"]{width:9.25rem;min-width:9.25rem;flex:0 0 9.25rem}
html[data-light-design="true"] body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"]){color-scheme:light}
body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"])::-webkit-date-and-time-value{height:1.35em;min-height:1.35em;text-align:start;color:inherit;-webkit-text-fill-color:currentColor}
body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"])::-webkit-datetime-edit{padding:0;color:inherit;-webkit-text-fill-color:currentColor}
body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"])::-webkit-datetime-edit-fields-wrapper{padding:0}
body.colourframe #ticket-panel-steps input:is([type="date"],[type="time"])::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer}
body.colourframe #ticket-panel-steps .task-native-field{display:flex;flex-direction:column;gap:4px;flex:0 1 10.75rem;min-width:0;max-width:100%}
body.colourframe #ticket-panel-steps .task-native-field[data-input-type="time"]{flex-basis:9.25rem}
body.colourframe #ticket-panel-steps .task-native-field>input{width:100%;min-width:0;flex:none}
body.colourframe #ticket-panel-steps .task-native-value{display:block;min-height:1.4em;font-size:.75rem;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.recurring-template-editor #ticket-tasks .task-native-field{display:none}

/* Read-only record file explorer in the note link chooser. */
.note-file-link-dialog{max-width:960px}.note-file-link-dialog label{margin-bottom:16px}.note-file-explorer{display:grid;grid-template-columns:minmax(160px,230px) minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;min-height:260px}.note-file-explorer-tree{padding:12px;border-right:1px solid var(--line);max-height:48vh;overflow:auto}.note-file-explorer-tree details>div{padding-left:14px}.note-file-explorer-tree summary{cursor:pointer;padding:7px 4px;overflow-wrap:anywhere}.note-file-explorer-tree button{display:block;width:100%;text-align:left;padding:7px 4px;background:transparent;color:inherit;border:0;white-space:normal;overflow-wrap:anywhere}.note-file-explorer-tree [aria-current="location"]{background:var(--field);outline:1px solid var(--blue);border-radius:5px}.note-file-explorer-pane{min-width:0;padding:12px}.note-file-explorer-path{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px;border-bottom:1px solid var(--line)}.note-file-explorer-path button{font-size:.8rem;padding:6px 9px;min-height:32px;white-space:normal;overflow-wrap:anywhere}.note-file-explorer-list{display:grid;align-content:start;gap:7px;max-height:38vh;overflow:auto;padding:12px 2px}.note-file-explorer-folder{width:100%;text-align:left;white-space:normal;overflow-wrap:anywhere}.note-file-link-dialog .note-file-explorer-file{display:flex;align-items:center;gap:10px;margin:0;padding:10px;border:1px solid var(--line);border-radius:7px;color:inherit;cursor:pointer}.note-file-explorer-file:has(input:checked){outline:2px solid var(--blue);background:var(--field)}.note-file-explorer-file input{width:auto;flex:0 0 auto}.note-file-explorer-file span{min-width:0;overflow-wrap:anywhere}.note-file-explorer-file strong,.note-file-explorer-file small{display:block}.note-file-explorer-file small{font-weight:400;font-size:.75rem}.note-file-explorer-pane>.hint{overflow-wrap:anywhere;margin-bottom:0}@media(max-width:600px){.note-file-explorer{grid-template-columns:1fr}.note-file-explorer-tree{max-height:22vh;border-right:0;border-bottom:1px solid var(--line)}.note-file-explorer-list{max-height:30vh}}

/* Work-step notes */
.step-note-dialog{width:min(700px,calc(100vw - 32px));overflow-wrap:anywhere}.step-note-dialog .note-card-body{margin:16px 0}.step-note-dialog>button{margin:8px 8px 0 0}.note-history-controls .step-note-filter{display:flex;align-items:center;gap:7px;font-size:.8rem}.step-note-filter input{width:auto;min-width:0}.ticket-task .task-text-content{cursor:pointer;text-align:left;color:inherit;background:transparent;border:0;padding:0;font:inherit}.ticket-task .task-text-content:hover{text-decoration:underline}

/* Compact note filters: four controls share a row when space permits. */
body.colourframe #ticket-panel-notes .note-history-controls{grid-template-columns:minmax(150px,1.3fr) repeat(3,minmax(120px,1fr));gap:8px 12px;padding:10px!important;margin-bottom:14px;align-items:end}
body.colourframe #ticket-panel-notes .note-history-controls>label{margin:0;min-width:0;line-height:1.25}
body.colourframe #ticket-panel-notes .note-history-controls>label:not(.step-note-filter)>input,body.colourframe #ticket-panel-notes .note-history-controls>label>select{margin:4px 0 0;min-height:36px;padding:6px 9px}
body.colourframe #ticket-panel-notes .note-history-controls .filter-picker{margin-top:4px;min-width:0}
body.colourframe #ticket-panel-notes .note-history-controls .filter-picker>summary{padding-top:7px;padding-bottom:7px}
body.colourframe #ticket-panel-notes .note-history-controls .step-note-filter{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:7px;width:max-content;max-width:100%;font-size:.78rem;line-height:1.25}
body.colourframe #ticket-panel-notes .note-history-controls .step-note-filter input{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:0;padding:0;accent-color:#93c5d6}
@media(max-width:850px){body.colourframe #ticket-panel-notes .note-history-controls{grid-template-columns:repeat(2,minmax(0,1fr))}body.colourframe #ticket-panel-notes .note-history-controls>label:first-child{grid-column:1/-1}}
@media(max-width:360px){body.colourframe #ticket-panel-notes .note-history-controls{grid-template-columns:minmax(0,1fr)}body.colourframe #ticket-panel-notes .note-history-controls>label:first-child{grid-column:auto}}

.quick-capture-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.quick-capture-actions button{flex:0 1 auto}@media(max-width:480px){.quick-capture-actions button{flex:1 1 100%}}

/* Matched planning/execution blocks and linked step navigation. */
.project-step-layout{display:flex;align-items:flex-start;gap:.4rem}.project-step-main{flex:1;min-width:0}.project-step-link{grid-column:2/-1;justify-self:start;max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:.74rem!important;min-height:28px!important;padding:4px 8px!important}
.project-planning-editor .planning-item-control{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:5px;padding:3px 8px;min-height:30px;cursor:pointer;font-size:.85rem;vertical-align:middle;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px}.project-planning-editor .planning-item-delete{color:var(--coral)}.project-planning-editor .planning-item-control:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
#project-execution-blocks .execution-block{padding:18px;border:1px solid #324052;border-radius:14px;background:#101b28;box-shadow:0 4px 14px #00000018}#project-execution-blocks .execution-block-heading{background:transparent;border:0;padding:0 0 .75rem}#project-execution-blocks .execution-block-heading h3{color:#b8cce3;font-size:1rem}#project-execution-blocks .execution-row{border:0;padding:3px 0;gap:8px}#project-execution-blocks .execution-row>.execution-text{background:#263b48;border-left:3px solid #7a9db4;border-radius:5px;padding:.35rem .6rem;margin:.3rem 0}#project-execution-blocks .execution-row.is-complete>.execution-text{color:var(--ink)}
@media(max-width:600px){#project-execution-blocks .execution-block{padding:14px}#project-execution-blocks .execution-row{padding:3px 0}}
/* Reusable editor templates and list-form blocks */
#content-email-templates .panel,#content-form-templates .panel,#content-template-categories .panel{margin:0 0 1rem}
#content-list{display:grid;gap:.4rem;max-height:16rem;overflow:auto;margin:.8rem 0}
#content-list .staff-card{text-align:left;width:100%}
#content-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.4rem}
#content-targets legend{grid-column:1/-1}
.template-picker{width:min(48rem,94vw);max-height:90vh;overflow:auto}
.template-picker #content-list{max-height:14rem}
.template-picker .staff-card{display:block;width:100%;text-align:left}
.dynamic-list{overflow-x:auto}
.dynamic-list table{width:100%;border-collapse:collapse}
.dynamic-list th,.dynamic-list td{min-width:9rem;padding:.35rem;border:1px solid var(--border-color,#777)}
.dynamic-list input{width:100%;min-width:6rem}
#content-mail-subtabs,#content-mail-scopes{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}
#content-mail-scopes{padding-top:.65rem;border-top:1px solid var(--line)}
#content-mail-subtabs button,#content-mail-scopes button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
#content-mail-subtabs button[aria-pressed="true"],#content-mail-scopes button[aria-pressed="true"]{border-color:var(--blue-light);box-shadow:inset 0 -3px var(--blue-light);font-weight:700}
#content-mail-subtabs button:focus-visible,#content-mail-scopes button:focus-visible{outline:2px solid var(--blue-light);outline-offset:3px}
/* Reuse the ticket/request editor layout, cards, rules and action styles. */
.template-builder-layout>*{min-width:0}
#content-schema-rows .editor-field-row>label{min-width:0}
#content-schema-rows .editor-field-row input,#content-schema-rows .editor-field-row select{width:100%}
.template-list-options{display:flex;flex-direction:column}
.template-preview{max-height:80vh;overflow:auto}
#content-schema-wrap>#content-add-field,#content-schema-wrap>#content-add-institution{margin:.5rem .4rem 0 0}
#content-editor-category-new,#content-overview-category-new{margin-bottom:1rem}
@media(max-width:1100px){.template-preview{max-height:none}}
/* Let the template preview stick to the page, rather than an unscrolled clipped panel. */
@media(min-width:1101px){
 #content-form-templates>.editor-panel{overflow:visible}
 #settings-view #content-preview-panel{position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-width:1100px){
 #settings-view #content-preview-panel{position:static;max-height:none}
}
#settings-intake-subtabs{padding:.6rem 1rem;margin-top:-.5rem;border-left:3px solid var(--blue-light)}
#settings-intake[aria-pressed="true"]{border-color:var(--blue-light);box-shadow:inset 0 -3px var(--blue-light)}
#affected-addressbook{padding:1rem;border:1px solid var(--line);border-radius:.5rem;margin:.6rem 0}
#affected-addressbook-list{display:grid;gap:.4rem;max-height:16rem;overflow:auto}
#affected-addressbook-list button{text-align:left;white-space:normal}
.company-editor-dialog{width:min(760px,95vw);max-height:90vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px}
.company-editor-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.company-editor-dialog h2,.company-editor-dialog form>p{grid-column:1/-1}
.company-editor-dialog label{min-width:0;margin:0}.company-editor-dialog textarea{min-height:7rem}
#company-list{display:grid;gap:.5rem;margin:1rem 0}#company-list button{text-align:left}
#company-details{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.company-file-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.company-file-row>span{flex:1 1 15rem;overflow-wrap:anywhere}
@media(max-width:650px){.company-editor-dialog form{grid-template-columns:1fr}}
.company-detail-dialog{width:min(1360px,97vw);max-width:1360px;max-height:94vh;padding:0;overflow-y:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px}
.company-detail-dialog>button{margin:16px 24px}
.company-detail-dialog #company-details{margin:0;border:0;padding:0}
.company-detail-dialog #company-details>.list-heading{padding:22px 30px}
.company-detail-dialog #company-content-pane{padding:22px 30px}
#settings-directory-subtabs{padding:.6rem 1rem;border-left:3px solid var(--blue-light)}
#settings-directory[aria-pressed="true"]{border-color:var(--blue-light);box-shadow:inset 0 -3px var(--blue-light)}
.company-cost-bar{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(12rem,2fr);gap:1rem;align-items:center;margin:.6rem 0}
.company-cost-bar meter{width:100%;height:1.5rem}
@media(max-width:650px){.company-cost-bar{grid-template-columns:1fr}.company-detail-dialog #company-content-pane{padding:16px}}

/* Company/contact workbench follows the existing ticket detail components. */
.company-detail-dialog .ticket-header-actions{margin-top:16px}
.company-detail-dialog .ticket-detail-header{padding:26px 30px 22px}
.company-detail-dialog #company-content-pane{padding:0}
.company-summary{margin:0;display:grid;gap:16px}
.company-summary dt{font-size:.75rem;color:var(--muted);margin-bottom:5px}
.company-summary dd{margin:0;overflow-wrap:anywhere}
.company-detail-dialog .ticket-detail-sidebar>h3{font-size:.85rem;color:var(--blue-light);margin-bottom:18px}
.company-detail-dialog .ticket-detail-sidebar>button{width:100%;white-space:normal;margin-top:8px;text-align:left}
#company-list,#contact-list{display:block;max-width:100%;overflow-x:auto}
#company-list table,#contact-list table{width:100%;min-width:760px}
#company-list td,#contact-list td{vertical-align:middle;overflow-wrap:anywhere}
#company-list td button,#contact-list td button{white-space:normal;text-align:left}
.directory-list-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}
.directory-list-controls select{width:auto;min-width:180px}
#settings-panel-addressbook .addressbook-layout{grid-template-columns:minmax(0,1fr)}
#settings-panel-addressbook #contact-form{padding-top:22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:14px}
#settings-panel-addressbook #contact-form .staff-form-actions,#settings-panel-addressbook #contact-message{grid-column:1/-1}
#settings-panel-addressbook #contact-form label{min-width:0;margin:0}
@media(max-width:850px){.company-detail-dialog .ticket-detail-layout{grid-template-columns:1fr}.company-detail-dialog .ticket-detail-sidebar{border-left:0;border-top:1px solid var(--line)}}
.company-note-dialog{width:min(950px,95vw);max-width:950px;max-height:92vh;overflow:auto;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:24px}
.company-note-dialog form{display:grid;gap:14px}.company-note-dialog h2{margin:0}.company-note-dialog .rich-toolbar{margin:0}.company-note-dialog .rich-editor{min-height:280px;max-height:55vh;overflow:auto}
.company-legacy-notes{white-space:pre-wrap;overflow-wrap:anywhere}
.company-file-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:14px 0}.company-file-controls>label{flex:1 1 160px;min-width:0}.company-file-controls input[type=checkbox]{width:auto}
.company-detail-dialog .table-scroll{max-width:100%;overflow-x:auto}.company-detail-dialog .table-scroll table{width:100%;min-width:680px}.company-detail-dialog .table-scroll td{vertical-align:top;overflow-wrap:anywhere}.company-detail-dialog .table-scroll td:last-child{min-width:220px}.company-detail-dialog .table-scroll td button{margin:3px;font-size:.75rem;min-height:32px;padding:7px 10px;white-space:normal;text-align:left}
.company-detail-dialog .note-history-card{margin:16px 0}.company-detail-dialog .note-history-card>details{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.company-detail-dialog .note-history-card>details>summary{cursor:pointer;padding:8px 0;font-weight:600}.company-detail-dialog .note-history-card .ticket-person{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.company-detail-dialog .note-history-card .ticket-person>div{min-width:0}.company-detail-dialog .note-history-card .ticket-person dd{margin:4px 0;overflow-wrap:anywhere}
@media(max-width:650px){.company-note-dialog{padding:16px}.company-note-dialog .rich-toolbar{position:static}.company-file-controls{display:grid;grid-template-columns:1fr}.company-detail-dialog .dialog-actions{flex-wrap:wrap}}
@media(max-width:600px){#settings-panel-addressbook #contact-form{grid-template-columns:1fr}}

.template-overview-row{display:flex;align-items:center;gap:12px;margin:10px 0}.template-overview-row>.staff-card{flex:1;min-width:0;margin:0}.template-overview-row>.destructive{flex:0 0 auto}.note-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.contract-action-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;align-items:stretch;margin:16px 0}.contract-action-bar>button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;min-height:44px}.company-contract-detail{min-width:0;max-width:100%}.company-contract-detail>.ticket-person{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.company-contract-detail>.ticket-person dd{margin:4px 0;overflow-wrap:anywhere}

.company-contract-totals{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:12px}.company-contract-totals strong{display:block}.company-contract-totals p{margin:6px 0 0}

.quick-name-field{position:relative;min-width:0}.quick-name-suggestions{position:absolute;top:100%;left:0;right:0;z-index:20;max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 24px #0005;padding:5px}.quick-name-suggestions>button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;border-radius:6px;margin:2px 0;padding:10px 12px;white-space:normal;overflow-wrap:anywhere}.quick-name-suggestions>button[aria-selected=true]{outline:2px solid var(--blue-light)}.quick-name-suggestions small{opacity:.7;font-variant-numeric:tabular-nums}

.company-editor-dialog .company-allocation-field{grid-column:1/-1}

.mail-recipient-target{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0}
.mail-recipient-target select{width:auto;min-width:6rem;margin:0}
.mail-recipient-sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:start;gap:10px;margin:8px 0 14px}
.mail-recipient-sources>.mail-ticket-addresses,.mail-recipient-sources>.mail-address-picker{min-width:0;margin:0;padding:12px;border:1px solid #354c5d;border-radius:10px}
.mail-recipient-sources>.mail-ticket-addresses>label{width:100%;min-width:0;margin:0}
.mail-recipient-sources #mail-contact-list button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:left}