/* Shared Lenis CI: Lenis Lernzeit palette: navy, yellow and clear light surfaces. */
:root {
  font: 15px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #062b5c;
  background: #f4f7fb;
  --brand: #062b5c;
  --accent: #ffc31a;
  --accent-ink: #0b3f7d;
  --muted: #54677f;
  --line: #bed0e5;
  --surface: #ffffff;
  --surface-muted: #eaf1fb;
}
* {box-sizing:border-box}
body {margin:0}
button, input, select, textarea {font:inherit;color:inherit}
a {color:var(--brand)}
button, a, input, select, textarea {touch-action:manipulation}
:focus-visible {outline:3px solid var(--accent-ink);outline-offset:3px}
.ci-shell {max-width:1320px;margin:auto;padding:24px}
.ci-brand {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0 24px}
.ci-eyebrow {font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:var(--accent-ink);font-weight:700}
.ci-brand h1 {font-size:25px;line-height:1.3;letter-spacing:-.55px;margin:4px 0}
.ci-brand p {font-size:13px;color:var(--muted);margin:0}
.ci-nav {display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px;position:relative;z-index:5}
.ci-nav-group {position:relative}
.ci-nav-group summary {list-style:none;cursor:pointer;color:var(--muted);padding:10px 16px;font-size:14px;border-bottom:3px solid transparent}
.ci-nav-group summary::-webkit-details-marker {display:none}
.ci-nav-group summary[aria-current=true] {background:var(--surface-muted);border-bottom-color:var(--accent);color:var(--brand);font-weight:650}
.ci-nav-menu {position:absolute;right:0;top:100%;min-width:220px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 6px 24px #062b5c20}
.ci-nav-menu a {border:0;border-radius:5px}
.ci-sticky-actions {position:sticky;bottom:8px;z-index:4;box-shadow:0 -4px 20px #062b5c0c}
.ci-readonly-note {margin-bottom:12px}
.ci-confirm-dialog {border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--brand);width:min(520px,calc(100% - 32px));padding:24px;box-shadow:0 12px 48px #062b5c30}
.ci-confirm-dialog::backdrop {background:#062b5c55}
.ci-confirm-dialog h2 {font-size:19px;margin:0 0 12px}.ci-confirm-dialog p {font-size:14px;margin:0 0 20px}
.ci-nav a {display:block;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;color:var(--muted);white-space:nowrap;padding:10px 16px;font-size:14px;text-decoration:none}
.ci-nav a[aria-current=page] {background:var(--surface-muted);border-bottom-color:var(--accent);color:var(--brand);font-weight:650}
.ci-nav a:hover {background:#eaf1fb80;color:var(--brand)}
.ci-page {max-width:1120px;margin:auto;container-type:inline-size}
.ci-page[data-compact=true] {max-width:840px}
.ci-page-heading {display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-bottom:20px}
.ci-page-heading h2 {font-size:21px;line-height:1.3;margin:0;letter-spacing:-.3px}
.ci-actions {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ci-card {background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 1px 3px #062b5c06;min-width:0}
.ci-card>h3 {font-size:17px;line-height:1.4;margin:0 0 16px}
.ci-box {min-width:0;max-width:100%}
.ci-box[data-border=base] {border:1px solid var(--line)}
.ci-box[data-radius] {border-radius:8px}
.ci-box[data-background=base] {background:var(--surface)}
.ci-box[data-background=subdued] {background:var(--surface-muted)}
.ci-box[data-background=strong] {background:var(--accent)}
.ci-box:has(>.ci-text + .ci-heading) {border:1px solid var(--line);background:var(--surface);padding:18px 20px}
.ci-box>.ci-text+.ci-heading {font-size:30px;line-height:1.2;margin:8px 0 0}
.ci-stack {display:flex;flex-direction:column;min-width:0}
.ci-stack[data-direction=inline] {flex-direction:row;flex-wrap:wrap}
.ci-grid {display:grid;min-width:0;max-width:100%}
.ci-grid[data-responsive] {grid-template-columns:var(--ci-small-columns)}
@container (width > 560px) {.ci-grid[data-responsive="560"] {grid-template-columns:var(--ci-wide-columns)}}
@container (width > 600px) {.ci-grid[data-responsive="600"] {grid-template-columns:var(--ci-wide-columns)}}
@container (width > 780px) {.ci-grid[data-responsive="780"] {grid-template-columns:var(--ci-wide-columns)}}
@container (width > 800px) {.ci-grid[data-responsive="800"] {grid-template-columns:var(--ci-wide-columns)}}
@container (width > 900px) {.ci-grid[data-responsive="900"] {grid-template-columns:var(--ci-wide-columns)}}
.ci-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:8px 13px;font-size:13px;line-height:1.4;font-weight:550;border:1px solid #bed0e5;border-radius:7px;background:var(--surface);text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s;color:var(--brand)}
.ci-button:hover {background:#eaf1fb;border-color:#0b3f7d}
.ci-button[data-variant=primary] {background:var(--brand);border-color:var(--brand);color:#fff}
.ci-button[data-variant=primary]:hover {background:var(--accent-ink)}
.ci-button[data-variant=tertiary] {background:transparent;border-color:transparent;padding-inline:4px;justify-content:flex-start}
.ci-button[data-tone=critical] {color:#9b3127;border-color:#edc4bc}
.ci-button:disabled,.ci-button[aria-disabled=true] {opacity:.5;cursor:not-allowed}
.ci-button[data-fill=true] {width:100%}
.ci-field {display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:550}
.ci-field input,.ci-field select,.ci-field textarea {padding:9px;min-height:38px;font-size:14px;font-weight:400;border:1px solid var(--line);border-radius:6px;background:var(--surface);min-width:0;width:100%}
.ci-field input:hover,.ci-field select:hover,.ci-field textarea:hover {border-color:#0b3f7d}
.ci-field textarea {min-height:86px;resize:vertical}
.ci-field [readonly] {background:#f4f7fb;color:var(--muted)}
.ci-field input:disabled,.ci-field select:disabled {opacity:.6}
.ci-field-error {color:#9b3127;font-size:12px;font-weight:400}
.ci-field-help {font-size:12px;color:var(--muted);font-weight:400}
.ci-check {display:flex;align-items:flex-start;gap:9px;cursor:pointer;font-size:14px}
.ci-check input {accent-color:var(--accent-ink);width:17px;height:17px;margin-top:3px;flex-shrink:0}
.ci-badge {display:inline-block;align-self:flex-start;font-size:12px;line-height:1.5;padding:4px 10px;border-radius:20px;background:#eaf1fb;white-space:normal}
.ci-badge[data-tone=success] {background:#e5eee3;color:#355331}
.ci-badge[data-tone=warning] {background:#fff0d0;color:#86530e}
.ci-badge[data-tone=critical] {background:#ffe8e5;color:#9b3127}
.ci-banner {background:var(--surface-muted);border:1px solid #bed0e5;border-radius:9px;padding:16px;font-size:14px}
.ci-banner strong {display:block;margin-bottom:4px}
.ci-banner[data-tone=success] {background:#edf3e9;border-color:#cbd9c4}
.ci-banner[data-tone=warning] {background:#fff6df;border-color:#f0dba6}
.ci-banner[data-tone=critical] {background:#fff0ed;border-color:#edc4bc}
.ci-heading {font-size:17px;line-height:1.4;margin:0}
.ci-paragraph {margin:0;font-size:14px;line-height:1.6}
.ci-text[data-subdued=true],.ci-paragraph[data-subdued=true] {color:var(--muted)}
.ci-text[data-strong=true] {font-weight:650}
.ci-text[data-tone=critical] {color:#9b3127}
.ci-text[data-tone=success] {color:#355331}
.ci-table-wrap {max-width:100%;overflow:auto;border-radius:8px}
.ci-table {width:100%;border-collapse:collapse;font-size:14px}
.ci-table th {text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--muted);background:var(--surface-muted);border-bottom:1px solid var(--line);white-space:nowrap}
.ci-table td {padding:15px 16px;vertical-align:top;border-bottom:1px solid #eaf1fb;min-width:120px}
.ci-table tr:last-child td {border-bottom:0}
.ci-table tbody tr:nth-child(even) {background:#f7faff}
.ci-table tbody tr:hover {background:#eaf1fb}
.ci-table td .ci-stack {gap:6px}
.ci-list {margin:0;padding-left:22px;font-size:14px}
.ci-divider {border:0;border-top:1px solid var(--line);margin:8px 0}
.ci-icon {font-style:normal;display:inline-flex;font-size:15px;line-height:1;align-items:center;justify-content:center}
.ci-tooltip {position:fixed;z-index:20;max-width:min(340px,90vw);padding:12px 15px;background:var(--brand);color:#fff;border-radius:8px;font-size:13px;box-shadow:0 4px 20px #062b5c20}
.ci-tooltip[hidden] {display:none}
.ci-clickable {display:block;position:relative;padding:0;border:0;background:transparent;min-width:0;cursor:pointer}
.ci-clickable[data-border=base] {border:1px solid var(--accent-ink)}
.ci-clickable[data-radius] {border-radius:3px}
.ci-clickable[data-background=strong] {background:var(--accent)}
.ci-clickable:disabled {cursor:not-allowed;opacity:.5}
.ci-chart-fill {display:block;width:100%;height:100%;background:linear-gradient(0deg,var(--accent-ink),var(--accent))}
.ci-loader {display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,520px);padding:24px;background:var(--surface);border:1px solid #bed0e5;border-radius:14px;box-shadow:0 8px 32px #062b5c10;margin:40px auto;text-align:center}
.ci-loader-mark {display:flex;gap:5px;height:20px;align-items:center}
.ci-loader-mark i {width:7px;height:18px;background:var(--accent);border-radius:3px;animation:ci-pulse 1.1s ease-in-out infinite}
.ci-loader-mark i:nth-child(2) {animation-delay:.14s}.ci-loader-mark i:nth-child(3) {animation-delay:.28s}
.ci-loader-track {position:relative;width:100%;height:3px;overflow:hidden;background:var(--surface-muted);border-radius:3px}
.ci-loader-track::after {content:"";position:absolute;width:35%;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-ink));animation:ci-track 1.6s ease-in-out infinite}
.ci-loader-skeleton {width:100%;display:grid;gap:8px}
.ci-loader-skeleton span {height:9px;border-radius:3px;background:linear-gradient(90deg,var(--surface-muted),var(--surface),var(--surface-muted));background-size:200% 100%;animation:ci-skeleton 1.8s ease-in-out infinite}
.ci-loader-skeleton span:nth-child(2) {width:80%;opacity:.7}.ci-loader-skeleton span:nth-child(3) {width:60%;opacity:.4}
.ci-footer {max-width:1120px;margin:28px auto 0;font-size:12px;color:var(--muted)}
@keyframes ci-pulse {0%,100%{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1);opacity:1}}
@keyframes ci-track {0%{transform:translateX(-110%)}100%{transform:translateX(390%)}}
@keyframes ci-skeleton {0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:760px) {.ci-shell{padding:12px}.ci-brand{align-items:flex-start}.ci-brand h1{font-size:23px}.ci-page-heading{flex-direction:column}.ci-card{padding:16px}.ci-nav a{padding:10px 12px}.ci-table th,.ci-table td{padding:10px}.ci-button{min-height:40px}}
@media(prefers-reduced-motion:reduce) {*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ci-brand-identity{display:flex;align-items:center;gap:14px}.ci-brand-flower{display:block;flex-shrink:0;border-radius:11px}

@font-face{font-family:LenisNunito;font-style:normal;font-weight:800;font-display:swap;src:url("lenis-heading.woff2") format("woff2")}
.ci-brand h1,.ci-page-heading h2,.ci-heading{font-family:LenisNunito,system-ui,sans-serif;font-weight:800}