/*
 * RT Kundenportal 5.3.0-rc.5
 * Zentrale UI-Autorität des Kundenportals; RC5 vereinheitlicht Admin- und Kundenbereich und ergänzt einen gemeinsamen Hell-/Dunkelmodus.
 *
 * Die bislang getrennten Laufzeit-Stylesheets der 5.3.0-beta.1 sind in ihrer
 * bisherigen Kaskadenreihenfolge zusammengeführt. Dadurch werden alle Seiten
 * mit derselben Komponentenbasis geladen. Bootstrap bleibt die einzige externe
 * Basis; diese Datei enthält sämtliche portalbezogenen Regeln.
 */

/* ==========================================================================
   Anwendungs- und Fachlayouts
   Ursprung: assets/app.css aus 5.3.0-beta.1
   ========================================================================== */

:root{--primary:#006ab5;--primary2:#00538f;--success:#009416;--warning:#eda509;--danger:#c22515;--text:#333;--muted:#667085;--bg:#f3f5f8;--surface:#fff;--line:#dce2ea;--radius:12px}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--primary2);text-decoration:none}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--text)}textarea{resize:vertical}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:20px}.brand{display:flex;gap:10px;align-items:center;color:var(--text)}.brand img{width:66px;height:42px;object-fit:contain}.brand span{display:grid}.brand small,.muted,small{color:var(--muted)}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:10px 12px;border-radius:7px;color:var(--text)}.sidebar nav a.active,.sidebar nav a:hover{background:#eaf4fb;color:var(--primary2);font-weight:700}.side-foot{margin-top:auto;display:flex;justify-content:space-between}.main{min-width:0}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);padding:14px 26px;display:flex;align-items:center;justify-content:space-between}.topbar h1,.guided-head h1,.portal-title h1{margin:2px 0;font-size:1.55rem}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;color:var(--primary2);font-size:.72rem;font-weight:800}.content{padding:24px;max-width:none;width:100%}.user-pill,.status-badge{background:#eef3f8;border:1px solid var(--line);border-radius:999px;padding:8px 13px;display:grid;font-weight:700}.user-pill small{font-weight:400}.stats{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:12px}.stat,.panel,.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat strong{display:block;font-size:1.8rem;color:var(--primary2)}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}.table th,.table td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}.table th{background:#f7f9fb;font-size:.82rem}.btn{border:0;border-radius:7px;padding:10px 14px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.primary{background:var(--primary);color:#fff}.btn.secondary{background:#eef3f8;color:var(--text);border:1px solid var(--line)}.btn.warning{background:#fff6df;color:#805700;border:1px solid #efcf7e}.btn.danger{background:#fff0ee;color:var(--danger);border:1px solid #efb4ad}.btn.compact{padding:7px 10px;font-size:.84rem}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stack{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid h2{grid-column:1/-1;margin:16px 0 0}.form-grid label{display:grid;gap:6px;font-weight:650}.span-2{grid-column:1/-1}.auth-bg{min-height:100vh;padding:25px;background:linear-gradient(135deg,var(--rt-page-background,#eef4f8),var(--rt-surface-subtle,#f8fafc))}.auth-card,.install-card{width:min(520px,100%);margin:auto;background:var(--rt-surface);color:var(--rt-text-body,var(--text));border:1px solid var(--rt-border,var(--line));border-radius:14px;padding:28px}.install-card{width:min(880px,100%)}.auth-logo{display:block;width:260px;max-width:100%;height:70px;object-fit:contain;margin:0 auto 18px}.alert{padding:12px;border-radius:7px}.alert.danger{background:#fff0ee;color:#7e1c12;border:1px solid #efb4ad}.loading,.empty{padding:28px;background:#fff;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}dialog{border:0;background:transparent;padding:0;width:min(760px,94vw)}dialog::backdrop{background:rgba(15,23,42,.56)}.modal-card{background:#fff;border-radius:12px;padding:24px;max-height:88vh;overflow:auto;position:relative}.modal-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:1.6rem;cursor:pointer}.toast{position:fixed;right:20px;bottom:20px;background:#253044;color:#fff;padding:12px 16px;border-radius:7px;display:none}.guided{background:#f5f7fa}.guided-head{background:#fff;border-bottom:1px solid var(--line);padding:15px 4vw;display:flex;align-items:center;gap:28px}.guided-head>div{flex:1}.phase-nav{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-bottom:1px solid var(--line);padding:0 4vw}.phase-nav a{padding:14px;text-align:center;color:var(--muted);border-bottom:3px solid transparent}.phase-nav a.active{color:var(--primary2);border-color:var(--primary);font-weight:800}.guided-main{max-width:1000px;margin:25px auto;padding:0 18px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-grid article{background:#f7f9fb;padding:14px;border:1px solid var(--line);border-radius:8px}.step-top{display:flex;justify-content:space-between;gap:20px}.help-btn{width:38px;height:38px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-weight:900;cursor:pointer}.lead{font-size:1.05rem;line-height:1.65}.tool-row{display:flex;gap:30px;background:#eef6fb;border-left:4px solid var(--primary);padding:12px;margin:15px 0}.instruction-list li{margin:9px 0;line-height:1.5}.help-box{background:#fff8e7;border:1px solid #efd48d;padding:15px;border-radius:8px;margin:12px 0}.prompt-box{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f3f6fa;border:1px solid var(--line);padding:14px;border-radius:8px;margin:15px 0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.save-hint{text-align:right;color:var(--muted)}.portal{background:#f6f8fb}.portal-head{background:#fff;border-bottom:1px solid var(--line);padding:13px 4vw;display:flex;align-items:center;justify-content:space-between}.portal-head img{width:230px;height:55px;object-fit:contain}.portal-head nav{display:flex;gap:18px}.portal-main{max-width:1400px;margin:auto;padding:24px}.portal-title{display:flex;justify-content:space-between;align-items:center}.project-progress{background:#fff;border:1px solid var(--line);padding:16px;border-radius:10px;margin:15px 0}.project-progress>div{display:flex;justify-content:space-between}.project-progress progress{width:100%;height:14px}.customer-task-list{display:grid;gap:7px}.customer-task{display:grid;grid-template-columns:minmax(230px,2fr) 180px minmax(220px,1.2fr) 150px 170px;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px}.customer-task.header{background:#edf3f7;font-size:.82rem;font-weight:800}.task-progress{display:grid;grid-template-columns:13px 1fr 45px;gap:7px;align-items:center}.traffic{width:12px;height:12px;border-radius:50%}.traffic.green{background:var(--success)}.traffic.red{background:var(--danger)}.traffic.blue{background:var(--primary)}.traffic.gray{background:#a6afbb}.protected-report{user-select:none;-webkit-user-select:none;position:relative}.protected-report::after{content:attr(data-watermark);position:fixed;inset:45% auto auto 15%;font-size:4vw;color:rgba(0,83,143,.08);transform:rotate(-20deg);pointer-events:none}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.stats,.grid{grid-template-columns:1fr 1fr}.customer-task,.customer-task.header{grid-template-columns:1fr}.customer-task.header{display:none}}@media(max-width:600px){.stats,.grid,.form-grid,.info-grid{grid-template-columns:1fr}.span-2,.form-grid h2{grid-column:auto}.topbar{padding:12px}.content{padding:12px}.portal-head nav{display:none}.actions,.prompt-box,.tool-row{flex-direction:column;align-items:stretch}}
@media print{body.portal *{display:none!important}body.portal::before{content:'Drucken ist im Kundenbereich nicht freigegeben.';display:block!important;padding:40px;font-size:18px}}

.communication-filters{display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:center;margin-bottom:14px}.check-inline{display:flex;gap:6px;align-items:center;white-space:nowrap;font-weight:650}.check-inline input{width:auto}.communication-table tr.is-unread td,.notification-item.is-unread{background:#eef7fd}.unread-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem}.status-tag{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:800;background:#eef3f8}.status-open{background:#fff4d8;color:#725000;border-color:#ecd28c}.status-in_progress{background:#eaf4fb;color:#00538f;border-color:#aed4ef}.status-answered{background:#edf8ef;color:#11691d;border-color:#b9dfbf}.status-resolved{background:#e8f6ea;color:#087216;border-color:#a9d8b0}.status-archived{background:#edf0f3;color:#59616b}.priority-urgent{color:var(--danger);font-weight:800}.priority-high{color:#9a4d00;font-weight:800}.thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.thread-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:18px}.message-stream{display:grid;gap:10px;max-height:54vh;overflow:auto;padding:3px}.message-bubble{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:13px}.message-bubble.internal-note{background:#fff8e7;border-color:#efd48d}.message-bubble header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.message-bubble header span{font-size:.78rem;color:var(--muted)}.message-body{line-height:1.55}.message-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.message-files a{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 9px}.reply-box{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.reply-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thread-details{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:14px}.meta-list{display:grid;grid-template-columns:auto 1fr;gap:7px 10px}.meta-list dt{font-weight:800}.meta-list dd{margin:0}.notification-list{display:grid;gap:8px}.notification-item{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;color:var(--text)}.notification-item p{margin:5px 0}.notification-item.is-unread{border-left:4px solid var(--primary)}
@media(max-width:1050px){.communication-filters{grid-template-columns:1fr 1fr}.thread-layout{grid-template-columns:1fr}.thread-details{order:-1}}@media(max-width:650px){.communication-filters,.reply-options{grid-template-columns:1fr}.message-bubble header{display:grid}}

.communication-filters{display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:center;margin-bottom:14px}.check-inline{display:flex;gap:6px;align-items:center;white-space:nowrap;font-weight:650}.check-inline input{width:auto}.communication-table tr.is-unread td,.notification-item.is-unread{background:#eef7fd}.unread-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem}.status-tag{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:800;background:#eef3f8}.status-open{background:#fff4d8;color:#725000;border-color:#ecd28c}.status-in_progress{background:#eaf4fb;color:#00538f;border-color:#aed4ef}.status-answered{background:#edf8ef;color:#11691d;border-color:#b9dfbf}.status-resolved{background:#e8f6ea;color:#087216;border-color:#a9d8b0}.status-archived{background:#edf0f3;color:#59616b}.priority-urgent{color:var(--danger);font-weight:800}.priority-high{color:#9a4d00;font-weight:800}.thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.thread-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:18px}.message-stream{display:grid;gap:10px;max-height:54vh;overflow:auto;padding:3px}.message-bubble{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:13px}.message-bubble.internal-note{background:#fff8e7;border-color:#efd48d}.message-bubble header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.message-bubble header span{font-size:.78rem;color:var(--muted)}.message-body{line-height:1.55}.message-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.message-files a{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 9px}.reply-box{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.reply-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thread-details{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:14px}.meta-list{display:grid;grid-template-columns:auto 1fr;gap:7px 10px}.meta-list dt{font-weight:800}.meta-list dd{margin:0}.notification-list{display:grid;gap:8px}.notification-item{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;color:var(--text)}.notification-item p{margin:5px 0}.notification-item.is-unread{border-left:4px solid var(--primary)}
@media(max-width:1050px){.communication-filters{grid-template-columns:1fr 1fr}.thread-layout{grid-template-columns:1fr}.thread-details{order:-1}}@media(max-width:650px){.communication-filters,.reply-options{grid-template-columns:1fr}.message-bubble header{display:grid}}

.communication-filters{display:grid;grid-template-columns:1.5fr repeat(3,minmax(150px,1fr)) auto auto;gap:10px;align-items:center;margin-bottom:14px}.check-inline{display:flex;gap:6px;align-items:center;white-space:nowrap;font-weight:650}.check-inline input{width:auto}.communication-table tr.is-unread td,.notification-item.is-unread{background:#eef7fd}.unread-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--primary);color:#fff;font-size:.75rem}.status-tag{display:inline-flex;padding:5px 9px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:800;background:#eef3f8}.status-open{background:#fff4d8;color:#725000;border-color:#ecd28c}.status-in_progress{background:#eaf4fb;color:#00538f;border-color:#aed4ef}.status-answered{background:#edf8ef;color:#11691d;border-color:#b9dfbf}.status-resolved{background:#e8f6ea;color:#087216;border-color:#a9d8b0}.status-archived{background:#edf0f3;color:#59616b}.priority-urgent{color:var(--danger);font-weight:800}.priority-high{color:#9a4d00;font-weight:800}.thread-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.thread-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,.8fr);gap:18px}.message-stream{display:grid;gap:10px;max-height:54vh;overflow:auto;padding:3px}.message-bubble{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:13px}.message-bubble.internal-note{background:#fff8e7;border-color:#efd48d}.message-bubble header{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}.message-bubble header span{font-size:.78rem;color:var(--muted)}.message-body{line-height:1.55}.message-files{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.message-files a{background:#fff;border:1px solid var(--line);border-radius:6px;padding:6px 9px}.reply-box{display:grid;gap:10px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.reply-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.thread-details{background:#f7f9fb;border:1px solid var(--line);border-radius:9px;padding:14px}.meta-list{display:grid;grid-template-columns:auto 1fr;gap:7px 10px}.meta-list dt{font-weight:800}.meta-list dd{margin:0}.notification-list{display:grid;gap:8px}.notification-item{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;color:var(--text)}.notification-item p{margin:5px 0}.notification-item.is-unread{border-left:4px solid var(--primary)}
@media(max-width:1050px){.communication-filters{grid-template-columns:1fr 1fr}.thread-layout{grid-template-columns:1fr}.thread-details{order:-1}}@media(max-width:650px){.communication-filters,.reply-options{grid-template-columns:1fr}.message-bubble header{display:grid}}




/* Stabilisierung 4.3.0 */
.global-search{display:flex;gap:7px;align-items:center;min-width:min(430px,34vw)}.global-search input{min-width:0}.system-page{width:100%;max-width:none;margin:0;padding:24px}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.health-list{display:grid;gap:8px}.health-row{display:grid;grid-template-columns:14px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px}.health-row small{display:block}.health-dot{width:11px;height:11px;border-radius:50%;background:var(--danger)}.health-row.ok .health-dot{background:var(--success)}.health-row.fail{background:#fff8f6}.metric-list{display:grid;grid-template-columns:1fr auto;gap:8px 18px}.metric-list dt{font-weight:700}.metric-list dd{margin:0}.mini-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:8px;margin:12px 0}.mini-stats span{display:grid;background:#f7f9fb;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:.75rem}.mini-stats b{font-size:1.15rem;color:var(--primary2)}.role-tabs{display:grid;gap:10px}.role-tabs details{border:1px solid var(--line);border-radius:8px;background:#fff}.role-tabs summary{display:flex;justify-content:space-between;padding:13px;cursor:pointer}.permissions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-top:1px solid var(--line)}.permission-item{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);border-radius:7px;padding:10px}.permission-item input{width:auto;margin-top:3px}.permission-item small{display:block}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form input{width:auto;min-width:160px}.backup-actions{display:flex;gap:6px;flex-wrap:wrap}.backup-actions form{display:flex;gap:5px}.backup-actions input{width:130px;padding:7px}.search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--text)}.search-result:hover{background:#f4f8fb}.search-result p{margin:4px 0;color:var(--muted)}.responsive-table{overflow-wrap:anywhere}
@media(max-width:1100px){.global-search{min-width:250px}.system-grid{grid-template-columns:1fr}.mini-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topbar{height:auto;min-height:76px;display:grid;grid-template-columns:1fr auto;gap:10px}.global-search{grid-column:1/-1;width:100%;min-width:0}.content{max-width:none}.table{display:block;overflow-x:auto;white-space:nowrap}.responsive-table{white-space:normal}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.system-page{padding:12px}.permissions-grid{grid-template-columns:1fr}.permissions-grid .span-2{grid-column:auto}.mini-stats,.admin-grid{grid-template-columns:1fr 1fr}.backup-actions,.backup-actions form,.inline-form{display:grid;width:100%}.backup-actions input,.inline-form input{width:100%}.topbar .user-pill{font-size:.78rem}.global-search{display:grid;grid-template-columns:1fr auto}}

/* PDF template administration */
.compact-list{margin:0;padding-left:1.25rem;display:grid;gap:.55rem}.break-word{overflow-wrap:anywhere;word-break:break-word}.alert.warning{border-color:var(--warning,#eda509);background:#fff8e7;color:#5d4300}.metric-list code,.compact-list code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}

/* RT-Kundenportal 5.0.0 Alpha 4: vereinfachte Aufgabenverwaltung */
.traffic.yellow{background:var(--warning)}
.task-management-page{display:grid;gap:18px}
.task-management-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:var(--rt-surface,var(--surface));border:1px solid var(--rt-border,var(--line));border-radius:var(--radius);padding:20px}
.task-management-head h1{margin:.2rem 0 .4rem}
.task-management-head .actions{margin:0;flex-wrap:wrap}
.task-management-head-main{display:grid;gap:6px;min-width:0}
.task-back-link{display:inline-flex;align-items:center;width:fit-content;font-weight:700;color:var(--primary2)}
.task-back-link:hover,.task-back-link:focus{text-decoration:underline}
.task-anchor-nav{display:flex;flex-wrap:wrap;gap:8px;background:var(--rt-surface,var(--surface));border:1px solid var(--rt-border,var(--line));border-radius:var(--radius);padding:10px}
.task-anchor-nav a{display:inline-flex;padding:8px 11px;border-radius:6px;background:var(--rt-surface-subtle,#eef3f8);color:var(--rt-text-body,var(--text));font-weight:700}
.task-anchor-nav a:hover,.task-anchor-nav a:focus{background:var(--rt-primary-soft,#e2eff8);color:var(--rt-text-link,var(--primary2))}
.task-management-main{display:grid;gap:18px;width:100%;max-width:none;margin:0;padding:0 24px 32px}
.task-management-main section,.task-accordion-item{scroll-margin-top:20px}
.task-accordion{display:grid;gap:12px}
.task-accordion-item{overflow:hidden}
.task-accordion-item>summary{list-style:none}
.task-accordion-item>summary::-webkit-details-marker{display:none}
.task-accordion-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:16px 18px}
.task-accordion-summary .eyebrow{display:block;margin:0 0 .2rem}
.task-accordion-summary strong{display:block;font-size:1.05rem}
.task-accordion-meta{color:var(--muted);font-size:.9rem;font-weight:650;white-space:nowrap}
.task-accordion-body{padding:0 18px 18px;border-top:1px solid var(--line)}
.task-accordion-body > :first-child{margin-top:16px}
.task-accordion-item[open] > .task-accordion-summary{background:var(--rt-surface-subtle,#f7fafc)}
.task-split-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:18px}
.traffic-label{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--rt-border,var(--line));border-radius:999px;background:var(--rt-surface-subtle,#eef3f8);color:var(--rt-text-body,var(--text));font-weight:800}
.traffic-label::before{content:"";width:12px;height:12px;border-radius:50%;background:#a6afbb;flex:0 0 auto}
.traffic-label.traffic-yellow::before{background:var(--warning)}
.traffic-label.traffic-red::before{background:var(--danger)}
.traffic-label.traffic-green::before{background:var(--success)}
.traffic-label.traffic-gray::before{background:#a6afbb}
.task-progress-large{display:inline-flex;align-items:center;justify-content:center;min-width:82px;padding:8px 12px;border-radius:999px;background:var(--rt-surface-subtle,#eef3f8);border:1px solid var(--rt-border,var(--line));color:var(--rt-text-body,var(--text));font-weight:800}
.task-progress-large progress{width:100%;height:18px}
.task-progress-large strong{min-width:54px;text-align:right}
.plain-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.plain-list li{padding:10px 12px;border:1px solid var(--rt-border,var(--line));border-radius:7px;background:var(--rt-surface-subtle,#f7f9fb);color:var(--rt-text-body,var(--text))}
.task-action-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.task-management-page details{border:1px solid var(--rt-border,var(--line));border-radius:8px;background:var(--rt-surface);color:var(--rt-text-body,var(--text))}
.task-management-page details>summary{cursor:pointer;padding:13px 15px;font-weight:800}
.task-management-page details.task-accordion-item>summary{padding:0;font-weight:inherit}
.task-management-page details>div,.task-management-page details>ol{margin:0;padding:0 18px 18px 36px}
.task-management-page details.task-accordion-item>div.task-accordion-body{padding:0 18px 18px;margin:0}
.report-generate-controls{display:flex;flex-wrap:wrap;gap:9px;align-items:end}
.report-generate-controls label{display:grid;gap:5px;min-width:180px;font-weight:650}
.protected-report-page{min-height:100vh;background:var(--rt-page-background,#edf1f5);padding:18px}
.protected-report-head{max-width:1180px;margin:0 auto 12px;background:var(--rt-surface);border:1px solid var(--rt-border,var(--line));border-radius:9px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.protected-report-head h1{font-size:1.15rem;margin:0}
.protected-report-shell{max-width:1180px;margin:auto;min-height:calc(100vh - 110px);background:var(--rt-surface);border:1px solid var(--rt-border,var(--line));border-radius:9px;overflow:hidden;position:relative}
.protected-pdf-frame{display:block;width:100%;height:calc(100vh - 130px);min-height:680px;border:0;background:#fff}
.protected-report-content{max-width:980px;margin:auto;padding:45mm 20mm 28mm;line-height:1.65}
.relocation-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}
.url-mode-card{display:grid;gap:10px;padding:14px;border:1px solid var(--rt-border,var(--line));border-radius:8px;background:var(--rt-surface-subtle,#f7f9fb);color:var(--rt-text-body,var(--text))}
.url-mode-card label{display:flex;align-items:flex-start;gap:9px;font-weight:700}
.url-mode-card input[type=radio],.url-mode-card input[type=checkbox]{width:auto;margin-top:3px}
.code-block{display:block;overflow:auto;padding:12px;border-radius:7px;background:#1f2937;color:#fff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.task-management-head,.protected-report-head{display:grid}.task-split-grid,.relocation-grid{grid-template-columns:1fr}.protected-report-page{padding:8px}.protected-pdf-frame{height:calc(100vh - 100px);min-height:560px}.protected-report-content{padding:45mm 14mm 24mm}.task-accordion-summary{align-items:flex-start}}
@media(max-width:600px){.task-management-main{padding:0 12px 24px}.task-anchor-nav,.task-action-group,.report-generate-controls{display:grid}.task-anchor-nav a,.task-action-group .btn,.report-generate-controls label,.report-generate-controls .btn{width:100%}.task-management-head{padding:14px}.protected-report-content{padding:45mm 10mm 20mm}.task-accordion-summary{flex-wrap:wrap;gap:10px}.task-accordion-meta{white-space:normal}}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – UI/UX-Grundsystem
   Struktur und visuelle Ruhe orientieren sich am RT-Reiseplaner.
   ====================================================================== */
:root{
    --rtkp-sidebar-width:232px;
    --rtkp-topbar-height:64px;
    --rtkp-content-max:none;
    --rtkp-radius:12px;
    --rtkp-radius-sm:8px;
    --rtkp-shadow:none;
    --rtkp-shadow-hover:none;
    /* 5.1.0-alpha.59: Fixed flat skin tokens */
    --rtkp-page-bg:var(--rt-page-background,#f3f5f8);
    --rtkp-soft-bg:var(--rt-table-hover-background,#fafbfc);
    --rtkp-sidebar-bg:var(--rt-table-body-background,#fff);
    --rtkp-border:var(--rt-table-border,#e2e8f0);
    --rtkp-text:var(--rt-text-body,#1a2332);
    --rtkp-muted:var(--rt-text-muted,#64748b);
    --rtkp-primary:var(--rt-primary,var(--primary,#006ab5));
    --rtkp-primary-dark:var(--rt-secondary,var(--primary2,#00538f));
}
html{scroll-behavior:smooth}
body.rtkp-ui-51,
body.rtkp-ui-51.bg-body-tertiary{background:var(--rtkp-page-bg)!important;color:var(--rtkp-text)}
.rtkp-ui-51 .app-shell{display:block;min-height:100vh}
.rtkp-ui-51 .sidebar{
    position:fixed;
    inset:0 auto 0 0;
    z-index:1040;
    width:var(--rtkp-sidebar-width);
    padding:18px 16px;
    display:flex;
    flex-direction:column;
    gap:14px;
    overflow-y:auto;
    background:var(--rtkp-sidebar-bg)!important;
    border-right:1px solid var(--rtkp-border)!important;
    box-shadow:none;
}
.rtkp-ui-51 .main{min-width:0;min-height:100vh;margin-left:var(--rtkp-sidebar-width)}
.rtkp-ui-51 .brand{
    min-height:64px;
    padding:8px 10px 16px;
    display:flex;
    gap:12px;
    align-items:center;
    border-bottom:1px solid var(--rtkp-border);
}
.rtkp-ui-51 .brand .rtkp-brandmark,
.rtkp-ui-51 .brand img{
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    flex:0 0 48px;
    object-fit:contain;
}
.rtkp-ui-51 .brand span{display:grid;gap:2px;min-width:0}
.rtkp-ui-51 .brand b{font-size:.98rem;line-height:1.2;color:var(--rtkp-text)}
.rtkp-ui-51 .brand small{font-size:.72rem!important;line-height:1.3;color:var(--rtkp-muted)}
.rtkp-ui-51 .sidebar-nav{display:grid;gap:3px}
.rtkp-ui-51 .sidebar-section-label{
    padding:14px 12px 5px;
    color:#8a96a6;
    font-size:.68rem!important;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.rtkp-ui-51 .sidebar .nav-link{
    min-height:44px;
    display:flex;
    align-items:center;
    gap:11px;
    padding:10px 12px;
    border-radius:12px;
    color:var(--rtkp-text);
    font-weight:600;
    line-height:1.2;
    transition:background-color .16s ease,color .16s ease,transform .16s ease;
}
.rtkp-ui-51 .sidebar .nav-link:hover{background:#f1f5f9;color:var(--rtkp-primary);transform:translateX(1px)}
.rtkp-ui-51 .sidebar .nav-link.active{
    background:color-mix(in srgb,var(--rt-primary,var(--rtkp-primary)) 12%,var(--rt-surface));
    color:var(--rt-text-navigation-active,var(--rt-primary,var(--rtkp-primary)));
    font-weight:var(--rt-font-weight-navigation-active,750);
}
.rtkp-ui-51 .nav-icon,.rtkp-ui-51 .ui-icon{
    width:20px;height:20px;flex:0 0 20px;display:block;color:currentColor
}
.rtkp-ui-51 .sidebar .nav-link .nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rtkp-ui-51 .side-foot{
    margin-top:auto;
    padding:14px 8px 2px!important;
    border-top:1px solid var(--rtkp-border)!important;
    display:grid;
    gap:10px;
}
.rtkp-ui-51 .sidebar-user{
    display:grid;
    grid-template-columns:38px minmax(0,1fr);
    gap:10px;
    align-items:center;
}
.rtkp-ui-51 .sidebar-avatar,.rtkp-ui-51 .topbar-avatar{
    display:grid;place-items:center;border-radius:50%;background:var(--rtkp-primary);color:#fff;font-weight:800
}
.rtkp-ui-51 .sidebar-avatar{width:38px;height:38px}
.rtkp-ui-51 .sidebar-user-meta{display:grid;min-width:0}
.rtkp-ui-51 .sidebar-user-meta strong{font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtkp-ui-51 .sidebar-user-meta small{font-size:.7rem!important;color:var(--rtkp-muted)}
.rtkp-ui-51 .sidebar-footer-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rtkp-ui-51 .sidebar-footer-actions small{font-size:.68rem!important}
.rtkp-ui-51 .sidebar-logout{display:inline-flex;align-items:center;gap:6px;color:var(--rtkp-muted);font-size:.78rem;font-weight:650}
.rtkp-ui-51 .sidebar-logout:hover{color:var(--rtkp-primary)}
.rtkp-ui-51 .topbar{
    position:sticky;
    top:0;
    z-index:1025;
    min-height:var(--rtkp-topbar-height)!important;
    height:auto!important;
    padding:12px clamp(16px,2.4vw,34px)!important;
    display:flex!important;
    align-items:center;
    gap:14px;
    justify-content:space-between;
    background:rgba(255,255,255,.94)!important;
    border-bottom:1px solid var(--rtkp-border)!important;
    backdrop-filter:blur(14px);
}
.rtkp-ui-51 .mobile-menu-button{
    display:none;
    width:42px;height:42px;min-height:42px;padding:0;border:1px solid var(--rtkp-border);border-radius:12px;background:#fff;color:var(--rtkp-text)
}
.rtkp-ui-51 .topbar-search-wrap{flex:1;max-width:620px;min-width:180px}
.rtkp-ui-51 .global-search{
    position:relative;
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px;
    align-items:center;
}
.rtkp-ui-51 .global-search-field{position:relative;min-width:0}
.rtkp-ui-51 .global-search input{
    min-height:44px;
    padding-left:14px!important;
    border-color:transparent!important;
    border-radius:12px!important;
    background:#f2f5f8!important;
    box-shadow:none!important;
}
.rtkp-ui-51 .global-search input:focus{border-color:color-mix(in srgb,var(--rtkp-primary) 35%,var(--rt-surface))!important;background:var(--rt-control-background,#fff)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rtkp-primary) 12%,transparent)!important}
.rtkp-ui-51 .topbar-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.rtkp-ui-51 .topbar-icon-button{
    position:relative;width:42px;height:42px;min-height:42px;padding:0;display:grid;place-items:center;border:1px solid var(--rtkp-border);border-radius:12px;background:#fff;color:var(--rtkp-text)
}
.rtkp-ui-51 .topbar-icon-button:hover{background:#f4f7fa;color:var(--rtkp-primary)}
.rtkp-ui-51 .notification-count{
    position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border:2px solid #fff;border-radius:999px;background:var(--rtkp-danger,var(--danger,#c22515));color:#fff;font-size:.65rem;font-weight:800
}
.rtkp-ui-51 .topbar-user{
    min-height:44px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    align-items:center;
    padding:4px 10px 4px 5px;
    border:1px solid var(--rtkp-border);
    border-radius:999px;
    background:#fff;
}
.rtkp-ui-51 .topbar-avatar{width:34px;height:34px;font-size:.78rem}
.rtkp-ui-51 .topbar-user-meta{display:grid;min-width:0}
.rtkp-ui-51 .topbar-user-meta strong{max-width:170px;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rtkp-ui-51 .topbar-user-meta small{font-size:.66rem!important;color:var(--rtkp-muted);text-transform:capitalize}
.rtkp-ui-51 .content{width:100%;max-width:none;margin:0;padding-block:var(--rt-page-padding-y,24px)!important;padding-inline:var(--rt-page-padding-x,24px)!important;box-sizing:border-box}
.rtkp-ui-51 .frame-content{max-width:none;padding:0!important}
.rtkp-ui-51 .app-content-frame{display:block;width:100%;min-height:calc(100vh - var(--rtkp-topbar-height));height:calc(100vh - var(--rtkp-topbar-height));border:0;background:var(--rtkp-page-bg)}
.rtkp-ui-51 .page-heading{
    margin-bottom:24px;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:20px;
}
.rtkp-ui-51 .page-heading-copy{max-width:760px}
.rtkp-ui-51 .page-heading h1{margin:2px 0 7px!important;font-size:var(--rt-font-size-h1,clamp(1.65rem,2.2vw,2.15rem))!important;font-weight:var(--rt-font-weight-h1,750)!important;letter-spacing:-.025em!important;color:var(--rt-text-heading,var(--rtkp-text))}
.rtkp-ui-51 .page-heading p{margin:0;color:var(--rt-text-muted,var(--rtkp-muted));line-height:1.55}
.rtkp-ui-51 .eyebrow{color:var(--rt-text-eyebrow,var(--rtkp-primary))!important;font-size:var(--rt-font-size-eyebrow,.72rem)!important;font-weight:var(--rt-font-weight-eyebrow,800)!important;letter-spacing:.09em!important}
.rtkp-ui-51 #app{display:grid;gap:22px}
.rtkp-ui-51 #app>.stats{margin:0}
.rtkp-ui-51 #app>h2,.rtkp-ui-51 #app>h3{margin:6px 0 -8px;font-weight:730;letter-spacing:-.015em}
.rtkp-ui-51 .stats{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:14px;
}
.rtkp-ui-51 .stat{
    min-height:120px;
    padding:18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:0;
    border-radius:var(--rtkp-radius);
    background:#fff;
    box-shadow:var(--rtkp-shadow);
}
.rtkp-ui-51 .stat span{color:var(--rtkp-muted);font-size:.82rem;font-weight:650}
.rtkp-ui-51 .stat strong{font-size:1.8rem;color:var(--rtkp-text);letter-spacing:-.035em}
.rtkp-ui-51 .grid{gap:18px}
.rtkp-ui-51 .card,.rtkp-ui-51 .panel{
    border:1px solid color-mix(in srgb,var(--rtkp-border) 80%,transparent)!important;
    border-radius:var(--rtkp-radius)!important;
    background:#fff!important;
    box-shadow:var(--rtkp-shadow)!important;
}
.rtkp-ui-51 article.card{transition:transform .18s ease,box-shadow .18s ease}
.rtkp-ui-51 article.card:hover{transform:translateY(-2px);box-shadow:var(--rtkp-shadow-hover)!important}
.rtkp-ui-51 .card h2,.rtkp-ui-51 .card h3,.rtkp-ui-51 .panel h2,.rtkp-ui-51 .panel h3{letter-spacing:-.015em}
.rtkp-ui-51 .toolbar{
    min-height:52px;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}
.rtkp-ui-51 .toolbar>p{margin:0;color:var(--rtkp-muted);font-weight:650}
.rtkp-ui-51 .btn{
    min-height:40px;
    border-radius:10px!important;
    font-weight:700!important;
    transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;
}
.rtkp-ui-51 .btn:hover{transform:translateY(-1px)}
.rtkp-ui-51 .btn-primary,.rtkp-ui-51 .btn.primary{background:var(--rt-button-primary-background,var(--rtkp-primary))!important;border-color:var(--rt-button-primary-border,var(--rtkp-primary))!important;color:var(--rt-button-primary-text,#fff)!important;box-shadow:none}
.rtkp-ui-51 .btn-primary:hover,.rtkp-ui-51 .btn.primary:hover{background:var(--rt-button-primary-hover-background,var(--rtkp-primary-dark))!important;border-color:var(--rt-button-primary-hover-border,var(--rtkp-primary-dark))!important;color:var(--rt-button-primary-hover-text,#fff)!important}
.rtkp-ui-51 .btn-outline-secondary,.rtkp-ui-51 .btn.secondary{background:var(--rt-button-secondary-background,#fff)!important;border-color:var(--rt-button-secondary-border,var(--rtkp-border))!important;color:var(--rt-button-secondary-text,var(--rtkp-text))!important}
.rtkp-ui-51 .btn-outline-secondary:hover,.rtkp-ui-51 .btn.secondary:hover{background:var(--rt-button-secondary-hover-background,#f4f7fa)!important;border-color:var(--rt-button-secondary-hover-border,var(--rtkp-border))!important;color:var(--rt-button-secondary-hover-text,var(--rtkp-primary))!important}
.rtkp-ui-51 input:not([type=checkbox]):not([type=radio]),
.rtkp-ui-51 select,
.rtkp-ui-51 textarea,
.rtkp-ui-51 .form-control,
.rtkp-ui-51 .form-select{
    min-height:44px;
    border-color:var(--rtkp-border)!important;
    border-radius:10px!important;
    background:#fff;
}
.rtkp-ui-51 textarea{min-height:110px}
.rtkp-ui-51 input:focus,.rtkp-ui-51 select:focus,.rtkp-ui-51 textarea:focus,.rtkp-ui-51 .form-control:focus,.rtkp-ui-51 .form-select:focus{
    border-color:color-mix(in srgb,var(--rtkp-primary) 55%,var(--rt-surface))!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--rtkp-primary) 13%,transparent)!important;
}
.rtkp-ui-51 .table-responsive,.rtkp-ui-51 #app>.table{
    overflow-x:auto;
    overflow-y:visible;
    border:1px solid var(--rtkp-border);
    border-radius:var(--rtkp-radius);
    background:#fff;
    box-shadow:var(--rtkp-shadow);
    width:100%;
    max-width:100%;
}
.rtkp-ui-51 #app>.table{display:table;width:100%}
.rtkp-ui-51 .table{margin:0;border:0!important;background:transparent!important}
.rtkp-ui-51 .table thead th{
    padding:var(--rt-table-padding-y,13px) var(--rt-table-padding-x,15px);
    background:var(--rt-table-header-background,#f5f7fa)!important;
    color:var(--rt-table-header-text,#637083)!important;
    font-size:var(--rt-font-size-table,.72rem)!important;
    font-weight:var(--rt-font-weight-table-header,800)!important;
    letter-spacing:.045em;
    text-transform:uppercase;
    white-space:nowrap;
    border-color:var(--rt-table-border,#edf0f4)!important;
}
.rtkp-ui-51 .table tbody td{padding:var(--rt-table-padding-y,14px) var(--rt-table-padding-x,15px);border-color:var(--rt-table-border,#edf0f4)!important;color:var(--rt-table-body-text,inherit)!important;background:var(--rt-table-body-background,transparent)}
.rtkp-ui-51 .table tbody tr:last-child td{border-bottom:0}
.rtkp-ui-51 .table-hover tbody tr:hover td{background:var(--rt-table-hover-background,#f8fafc)!important}
.rtkp-ui-51 .status-tag,.rtkp-ui-51 .badge,.rtkp-ui-51 .form-status{
    border-radius:999px!important;
    white-space:nowrap;
}
.rtkp-ui-51 progress{accent-color:var(--rtkp-primary);height:9px;border-radius:999px;overflow:hidden}
.rtkp-ui-51 .loading,.rtkp-ui-51 .empty{
    border:1px dashed #cfd7e2;
    border-radius:var(--rtkp-radius);
    background:#fff;
    box-shadow:none;
    text-align:center;
}
.rtkp-ui-51 dialog .modal-card{border:1px solid var(--rtkp-border);border-radius:var(--rtkp-radius);box-shadow:0 28px 80px rgba(17,38,63,.22)}
.rtkp-ui-51 .sidebar-overlay{display:none}
.rtkp-ui-51 .portal-overview-grid{gap:16px}
.rtkp-ui-51 .overview-card .card-body{padding:20px}
.rtkp-ui-51 .portal-announcement-highlight,.rtkp-ui-51 .portal-thread-card{border-color:var(--rtkp-border);background:var(--rtkp-soft-bg)}
.rtkp-ui-51 .impersonation-bar{z-index:1100}

/* Serverseitige Unterseiten im Hauptframe */
body.embedded-page{
    background:var(--rtkp-page-bg)!important;
}
body.embedded-page main.container-fluid,
body.embedded-page main.container,
body.embedded-page .system-page{
    max-width:none!important;
    margin-inline:0!important;
    padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
}
body.embedded-page .card,
body.embedded-page .panel{
    border-color:var(--rtkp-border)!important;
    border-radius:var(--rtkp-radius)!important;
    box-shadow:var(--rtkp-shadow)!important;
}
body.embedded-page .table-responsive{border-radius:var(--rtkp-radius);box-shadow:var(--rtkp-shadow)}

@media(max-width:1199.98px){
    .rtkp-ui-51 .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rtkp-ui-51 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
    body.rtkp-ui-51{overflow-x:hidden}
    .rtkp-ui-51 .main{margin-left:0}
    .rtkp-ui-51 .sidebar{
        display:flex!important;
        width:min(86vw,var(--rtkp-sidebar-width));
        transform:translateX(-105%);
        transition:transform .22s ease;
        box-shadow:0 18px 56px rgba(17,38,63,.2);
    }
    body.sidebar-open .sidebar{transform:translateX(0)}
    .rtkp-ui-51 .mobile-menu-button{display:grid;place-items:center;flex:0 0 auto}
    .rtkp-ui-51 .sidebar-overlay{
        position:fixed;inset:0;z-index:1035;display:block;background:rgba(15,23,42,.42);backdrop-filter:blur(2px)
    }
    .rtkp-ui-51 .sidebar-overlay[hidden]{display:none}
    .rtkp-ui-51 .topbar-search-wrap{max-width:none}
    .rtkp-ui-51 .topbar-user-meta{display:none}
    .rtkp-ui-51 .topbar-user{grid-template-columns:34px;padding-right:5px}
    .rtkp-ui-51 .app-content-frame{height:calc(100vh - var(--rtkp-topbar-height))}
}
@media(max-width:767.98px){
    .rtkp-ui-51 .topbar{gap:8px;padding:10px 12px!important}
    .rtkp-ui-51 .global-search{grid-template-columns:1fr}
    .rtkp-ui-51 .global-search .btn{display:none}
    .rtkp-ui-51 .topbar-actions{gap:6px}
    .rtkp-ui-51 .page-heading{display:grid;gap:14px}
    .rtkp-ui-51 .stats,.rtkp-ui-51 .grid{grid-template-columns:1fr}
    .rtkp-ui-51 .toolbar{align-items:stretch;flex-direction:column}
    .rtkp-ui-51 #app>.table{display:block;overflow-x:auto;white-space:nowrap}
    .rtkp-ui-51 .content{padding:18px 14px 28px!important}
}
@media(prefers-reduced-motion:reduce){
    .rtkp-ui-51 *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

.rtkp-ui-51 .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:4px}
.rtkp-ui-51 .section-heading h2{margin:2px 0 0!important;font-weight:740;letter-spacing:-.02em}
.rtkp-ui-51 .section-heading .eyebrow{margin:0}
.rtkp-ui-51 .portal-tour-start{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.rtkp-ui-51 .portal-tour-start .ui-icon{width:18px;height:18px}
.auth-bg{background:linear-gradient(145deg,var(--rt-page-background,#eef4f8) 0%,var(--rt-surface-subtle,#f8fafc) 50%,var(--rt-page-background,#edf4f9) 100%)!important}
.auth-card,.install-card{border:1px solid var(--rt-border,#e2e7ee)!important;border-radius:18px!important;box-shadow:0 22px 60px rgba(17,38,63,.12)!important}
.auth-card h1,.install-card h1{letter-spacing:-.025em}
.auth-card .btn-primary,.install-card .btn-primary{min-height:44px;border-radius:10px}
@media(max-width:599.98px){.rtkp-ui-51 .portal-tour-start span{display:none}.rtkp-ui-51 .portal-tour-start{width:42px;padding:0;justify-content:center}}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – Konsistenz und responsive Komponenten
   ====================================================================== */
:root{
    --rtkp-focus-ring:0 0 0 3px color-mix(in srgb,var(--rtkp-primary) 22%,transparent);
}
.rtkp-skip-link{
    position:fixed;
    left:16px;
    top:12px;
    z-index:1200;
    padding:10px 14px;
    border-radius:10px;
    background:#172033;
    color:#fff;
    font-weight:750;
    transform:translateY(-160%);
    transition:transform .16s ease;
}
.rtkp-skip-link:focus{transform:translateY(0);color:#fff}
.rtkp-ui-51 :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline:0;
    box-shadow:var(--rtkp-focus-ring)!important;
}
.rtkp-ui-51 .nav-link:focus-visible{background:#eef5fa;color:var(--rtkp-primary)}
.rtkp-ui-51 .page-heading{
    padding-bottom:22px;
    border-bottom:1px solid var(--rtkp-border);
}
.rtkp-ui-51 .page-heading-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
}
.rtkp-ui-51 .rtkp-page-flow{gap:24px!important}
.rtkp-ui-51 .rtkp-section-start{margin-top:8px!important}
.rtkp-ui-51 .section-heading{
    padding-top:4px;
}
.rtkp-ui-51 .toolbar:not(.task-toolbar):not(.system-errors-toolbar){
    padding:14px 16px;
    border:1px solid var(--rtkp-border);
    border-radius:var(--rtkp-radius-sm);
    background:#fff;
    box-shadow:0 8px 24px rgba(17,38,63,.045);
}
.rtkp-ui-51 .toolbar h2,
.rtkp-ui-51 .toolbar h3{margin:0!important}
.rtkp-ui-51 .toolbar .muted,
.rtkp-ui-51 .toolbar p{margin-bottom:0}
.rtkp-ui-51 .rtkp-table-surface{
    overflow:auto;
    border:1px solid var(--rtkp-border);
    border-radius:var(--rtkp-radius);
    background:#fff;
    box-shadow:var(--rtkp-shadow);
}
.rtkp-ui-51 .rtkp-table-surface>.table{min-width:720px}
.rtkp-ui-51 .table tbody tr{transition:background-color .14s ease}
.rtkp-ui-51 .table td:last-child .btn,
.rtkp-ui-51 .table td.text-end .btn{white-space:nowrap}
.rtkp-ui-51 .rtkp-empty-row td{
    padding:38px 20px!important;
    text-align:center!important;
    color:var(--rtkp-muted);
    background:#fbfcfd;
}
.rtkp-ui-51 .card-body{padding:clamp(18px,2vw,24px)}
.rtkp-ui-51 .card>.card-body:first-child:last-child{height:100%}
.rtkp-ui-51 .card p:last-child{margin-bottom:0}
.rtkp-ui-51 .stat{
    position:relative;
    overflow:hidden;
}
.rtkp-ui-51 .stat::after{
    content:"";
    position:absolute;
    right:-28px;
    bottom:-38px;
    width:92px;
    height:92px;
    border-radius:50%;
    background:color-mix(in srgb,var(--rtkp-primary) 7%,transparent);
    pointer-events:none;
}
body.rtkp-ui-51.sidebar-scroll-locked{overflow:hidden}
.rtkp-ui-51 .sidebar .nav-link[aria-current="page"]{cursor:default}
.rtkp-ui-51 .sidebar .nav-link[aria-current="page"]::after{
    content:"";
    width:6px;
    height:6px;
    margin-left:auto;
    border-radius:50%;
    background:currentColor;
    opacity:.8;
}
.rtkp-ui-51 .portal-shell .page-heading{margin-bottom:24px}
.rtkp-ui-51 .portal-shell .page-heading .form-select{min-width:220px}
.rtkp-ui-51 .portal-overview-grid .overview-card{
    min-height:174px;
}
.rtkp-ui-51 .portal-overview-grid .overview-card .btn{margin-top:auto;align-self:flex-start}
.rtkp-ui-51 .portal-announcement-card,
.rtkp-ui-51 .portal-guide-card{height:100%}
body.embedded-page :where(h1,.h1){font-size:var(--rt-font-size-h1,clamp(1.6rem,2.1vw,2.05rem))!important;font-weight:var(--rt-font-weight-h1,750)!important;letter-spacing:-.025em}
body.embedded-page :where(h2,.h2){font-size:var(--rt-font-size-h2,1.25rem)!important;font-weight:var(--rt-font-weight-h2,730)!important;letter-spacing:-.018em}
body.embedded-page main.container-fluid>:first-child,
body.embedded-page main.container>:first-child{margin-top:0!important}
body.embedded-page .toolbar{
    gap:14px;
    align-items:flex-start;
}
body.embedded-page .table-responsive{
    overflow:auto;
    border:1px solid var(--rtkp-border);
    background:#fff;
}
body.embedded-page .table{margin-bottom:0}

@media(max-width:767.98px){
    .rtkp-ui-51 .page-heading{padding-bottom:18px}
    .rtkp-ui-51 .page-heading-actions{justify-content:flex-start;width:100%}
    .rtkp-ui-51 .toolbar:not(.task-toolbar):not(.system-errors-toolbar){padding:13px}
    .rtkp-ui-51 .rtkp-table-surface>.table.rtkp-responsive-cards{min-width:0}
    .rtkp-ui-51 .table.rtkp-responsive-cards thead{display:none}
    .rtkp-ui-51 .table.rtkp-responsive-cards,
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody,
    .rtkp-ui-51 .table.rtkp-responsive-cards tr,
    .rtkp-ui-51 .table.rtkp-responsive-cards td{display:block;width:100%}
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody{display:grid;gap:12px;padding:12px;background:#f5f7fa}
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody tr{
        padding:7px 14px;
        border:1px solid var(--rtkp-border);
        border-radius:14px;
        background:#fff;
        box-shadow:0 6px 18px rgba(17,38,63,.045);
    }
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody td{
        min-height:42px;
        padding:10px 0!important;
        display:grid;
        grid-template-columns:minmax(105px,36%) minmax(0,1fr);
        gap:12px;
        align-items:start;
        border-bottom:1px solid #edf0f4!important;
        text-align:left!important;
        white-space:normal!important;
    }
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody td:last-child{border-bottom:0!important}
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody td::before{
        content:attr(data-label);
        color:#758194;
        font-size:.68rem;
        font-weight:800;
        letter-spacing:.035em;
        text-transform:uppercase;
    }
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-empty-row{padding:0}
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-empty-row td{display:block;padding:28px 14px!important}
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-empty-row td::before{display:none}
    .rtkp-ui-51 .table.rtkp-responsive-cards td .btn{width:100%;margin:2px 0}
    .rtkp-ui-51 .portal-shell .page-heading .form-select{min-width:0;width:100%}
}
@media(max-width:479.98px){
    .rtkp-ui-51 .topbar-user{display:none}
    .rtkp-ui-51 .topbar-search-wrap:empty{display:none}
    .rtkp-ui-51 .topbar-actions{margin-left:auto}
    .rtkp-ui-51 .table.rtkp-responsive-cards tbody td{grid-template-columns:1fr;gap:4px}
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – Formulare, Aktionen und Tabellen
   ====================================================================== */
.rtkp-ui-51 .rtkp-card-flow{
    display:flex;
    flex-direction:column;
    gap:12px;
}
.rtkp-ui-51 .rtkp-card-flow>:first-child{margin-top:0!important}
.rtkp-ui-51 .rtkp-card-flow>:last-child{margin-bottom:0!important}
.rtkp-ui-51 .rtkp-card-flow>.rtkp-card-actions{
    margin-top:auto!important;
    padding-top:6px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.rtkp-ui-51 .grid>.card .btn,
.rtkp-ui-51 .portal-overview-grid>.card .btn{align-self:flex-start}

.rtkp-ui-51 .rtkp-form{min-width:0}
.rtkp-ui-51 .rtkp-field{
    display:grid!important;
    gap:7px!important;
    min-width:0;
    margin:0;
    color:var(--rtkp-text);
    font-weight:650!important;
}
.rtkp-ui-51 .rtkp-field-label{
    display:inline-flex;
    align-items:baseline;
    gap:2px;
    min-width:0;
    font-size:.82rem;
    line-height:1.35;
    font-weight:750;
    color:#334155;
}
.rtkp-ui-51 .rtkp-required-marker{color:var(--rtkp-danger,var(--danger,#c22515))}
.rtkp-ui-51 .rtkp-field-help{
    display:block;
    margin:0!important;
    color:var(--rtkp-muted)!important;
    font-size:.74rem!important;
    line-height:1.45;
    font-weight:500!important;
}
.rtkp-ui-51 :where(input,select,textarea,.form-control,.form-select):disabled,
.rtkp-ui-51 :where(input,select,textarea,.form-control,.form-select)[readonly]{
    background:#f4f6f8!important;
    color:#687386!important;
    cursor:not-allowed;
    opacity:1;
}
.rtkp-ui-51 .form-check-input{
    width:1.05rem!important;
    height:1.05rem!important;
    min-height:0!important;
    margin-top:.15rem;
    border-radius:4px!important;
    flex:0 0 auto;
}
.rtkp-ui-51 .form-check-input[type=radio]{border-radius:50%!important}
.rtkp-ui-51 .choice,
.rtkp-ui-51 .check-inline,
.rtkp-ui-51 .form-check{
    align-items:flex-start;
    gap:9px;
}
.rtkp-ui-51 .choice>.form-check-input,
.rtkp-ui-51 .check-inline>.form-check-input{width:1.05rem!important}
.rtkp-ui-51 .rtkp-form-actions{
    display:flex!important;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px!important;
    padding-top:5px;
}
.rtkp-ui-51 .form-grid>h2,
.rtkp-ui-51 .form-grid>h3{
    padding-top:18px;
    margin:4px 0 0!important;
    border-top:1px solid var(--rtkp-border);
    font-size:1rem!important;
    font-weight:780!important;
}
.rtkp-ui-51 .form-grid>h2:first-child,
.rtkp-ui-51 .form-grid>h3:first-child{padding-top:0;border-top:0}

.rtkp-ui-51 .btn,
.rtkp-ui-51 button{
    white-space:nowrap;
}
.rtkp-ui-51 .btn:active{transform:translateY(0)!important}
.rtkp-ui-51 .btn:disabled,
.rtkp-ui-51 .btn.disabled{
    transform:none!important;
    box-shadow:none!important;
    cursor:not-allowed;
}
.rtkp-ui-51 .rtkp-control-bar{
    min-width:0;
}
.rtkp-ui-51 .rtkp-control-bar form,
.rtkp-ui-51 .rtkp-control-bar .d-flex{
    min-width:0;
}
.rtkp-ui-51 .rtkp-control-bar :where(input,select){max-width:100%}

.rtkp-ui-51 .rtkp-table-surface{
    position:relative;
}
.rtkp-ui-51 .rtkp-table-surface .table thead{
    position:relative;
    z-index:1;
}
.rtkp-ui-51 .rtkp-table-surface .table thead th{
    border-bottom:1px solid var(--rtkp-border)!important;
}
.rtkp-ui-51 .table tbody td{
    padding:14px 15px;
    line-height:1.45;
}
.rtkp-ui-51 .table tbody tr:last-child td{border-bottom:0!important}
.rtkp-ui-51 .table .rtkp-action-heading,
.rtkp-ui-51 .table .rtkp-action-cell{
    width:1%;
    white-space:nowrap;
}
.rtkp-ui-51 .table .rtkp-action-cell{
    text-align:right;
}
.rtkp-ui-51 .table .rtkp-action-cell form{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin:0;
}
.rtkp-ui-51 .table .rtkp-action-cell .btn+ .btn,
.rtkp-ui-51 .table .rtkp-action-cell form+form{margin-left:5px}
.rtkp-ui-51 .table tbody tr:focus-within{background:#f6f9fc}

.rtkp-ui-51 .alert{
    border-radius:12px!important;
    border-width:1px!important;
    padding:14px 16px!important;
    line-height:1.5;
    box-shadow:0 6px 18px rgba(17,38,63,.035);
}
.rtkp-ui-51 .alert>:last-child{margin-bottom:0}
.rtkp-ui-51 .modal-card{
    padding:clamp(20px,3vw,30px)!important;
}
.rtkp-ui-51 .modal-card>h1:first-child,
.rtkp-ui-51 .modal-card>h2:first-child,
.rtkp-ui-51 .modal-card>h3:first-child{
    padding-right:38px;
    margin-top:0;
}
.rtkp-ui-51 .modal-close{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border-radius:10px;
    color:#64748b;
}
.rtkp-ui-51 .modal-close:hover{background:#f1f5f9;color:var(--rtkp-text)}
.rtkp-ui-51 .toast{
    z-index:1200;
    max-width:min(380px,calc(100vw - 28px));
    padding:13px 16px;
    border-radius:12px;
    box-shadow:0 18px 48px rgba(15,23,42,.22);
}

.rtkp-ui-51 .rtkp-loading-state{
    position:relative;
    overflow:hidden;
    min-height:108px;
    display:grid;
    place-items:center;
    font-weight:650;
}
.rtkp-ui-51 .rtkp-loading-state::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);
    animation:rtkp-loading-sheen 1.35s infinite;
    pointer-events:none;
}
@keyframes rtkp-loading-sheen{to{transform:translateX(100%)}}

body.embedded-page .rtkp-field-label{font-size:.82rem}
body.embedded-page .rtkp-form-actions{padding-top:8px}
body.embedded-page .rtkp-action-cell{white-space:nowrap}

@media(max-width:991.98px){
    .rtkp-ui-51 .rtkp-control-bar{align-items:stretch}
    .rtkp-ui-51 .rtkp-control-bar>form{width:100%}
}
@media(max-width:767.98px){
    .rtkp-ui-51 .rtkp-form-actions{justify-content:stretch}
    .rtkp-ui-51 .rtkp-form-actions>.btn,
    .rtkp-ui-51 .rtkp-form-actions>button{flex:1 1 160px}
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-action-cell{
        width:100%;
        text-align:left;
    }
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-action-cell form{
        display:grid;
        width:100%;
    }
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-action-cell .btn,
    .rtkp-ui-51 .table.rtkp-responsive-cards .rtkp-action-cell button{width:100%}
}
@media(prefers-reduced-motion:reduce){
    .rtkp-ui-51 .rtkp-loading-state::after{animation:none}
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – Seitenraster und Überschriftenlogik
   ====================================================================== */
:root{
    --rtkp-space-1:6px;
    --rtkp-space-2:10px;
    --rtkp-space-3:14px;
    --rtkp-space-4:18px;
    --rtkp-space-5:24px;
    --rtkp-space-6:32px;
    --rtkp-heading-max:860px;
}
.rtkp-ui-51 .content:not(.frame-content){
    width:100%;
    max-width:none;
    margin-inline:0;
}
.rtkp-ui-51 .rtkp-page-flow{
    display:flex;
    flex-direction:column;
    gap:var(--rtkp-space-5);
    min-width:0;
}
.rtkp-ui-51 .rtkp-page-flow>*{
    min-width:0;
    margin-top:0;
    margin-bottom:0;
}
.rtkp-ui-51 .page-heading{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:var(--rtkp-space-5);
    margin-bottom:0!important;
    padding:0 0 var(--rtkp-space-5);
}
.rtkp-ui-51 .page-heading-copy{
    max-width:var(--rtkp-heading-max);
    min-width:0;
}
.rtkp-ui-51 .page-heading h1,
.rtkp-ui-51 .page-heading .h1{
    margin:0 0 7px!important;
    font-size:var(--rt-font-size-h1,clamp(1.72rem,2.1vw,2.2rem))!important;
    line-height:1.16!important;
    font-weight:var(--rt-font-weight-h1,760)!important;
    letter-spacing:-.032em!important;
    color:var(--rt-text-heading,var(--rtkp-text))!important;
}
.rtkp-ui-51 .page-heading .h2{
    margin:0 0 7px!important;
    font-size:var(--rt-font-size-h2,clamp(1.18rem,1.5vw,1.42rem))!important;
    line-height:1.16!important;
    font-weight:var(--rt-font-weight-h2,760)!important;
    letter-spacing:-.032em!important;
    color:var(--rt-text-heading,var(--rtkp-text))!important;
}
.rtkp-ui-51 .page-heading .h3{
    margin:0 0 7px!important;
    font-size:var(--rt-font-size-h3,1.02rem)!important;
    line-height:1.16!important;
    font-weight:var(--rt-font-weight-h3,760)!important;
    letter-spacing:-.032em!important;
    color:var(--rt-text-heading,var(--rtkp-text))!important;
}
.rtkp-ui-51 .page-heading-copy>.eyebrow{
    margin-bottom:6px!important;
}
.rtkp-ui-51 .page-heading-copy>p:last-child{
    max-width:760px;
    font-size:.94rem;
    line-height:1.58;
}
.rtkp-ui-51 .rtkp-heading-2{
    margin-top:0!important;
    margin-bottom:8px!important;
    font-size:var(--rt-font-size-h2,clamp(1.18rem,1.5vw,1.42rem))!important;
    line-height:1.28!important;
    font-weight:var(--rt-font-weight-h2,750)!important;
    letter-spacing:-.022em!important;
    color:var(--rt-text-heading,var(--rtkp-text))!important;
}
.rtkp-ui-51 .rtkp-heading-3{
    margin-top:0!important;
    margin-bottom:7px!important;
    font-size:var(--rt-font-size-h3,1.02rem)!important;
    line-height:1.35!important;
    font-weight:var(--rt-font-weight-h3,740)!important;
    letter-spacing:-.012em!important;
    color:var(--rt-text-heading,var(--rtkp-text))!important;
}
.rtkp-ui-51 .rtkp-section-card{
    min-width:0;
    scroll-margin-top:calc(var(--rtkp-topbar-height) + 20px);
}
.rtkp-ui-51 .rtkp-section-card.card,
.rtkp-ui-51 section.card,
.rtkp-ui-51 article.card{
    border-color:var(--rtkp-border)!important;
    box-shadow:0 9px 28px rgba(17,38,63,.055)!important;
}
.rtkp-ui-51 .rtkp-section-card.card:hover{
    box-shadow:0 12px 34px rgba(17,38,63,.075)!important;
}
.rtkp-ui-51 .rtkp-section-lead{
    margin-bottom:var(--rtkp-space-4)!important;
}
.rtkp-ui-51 .rtkp-section-lead.toolbar{
    margin-top:calc(var(--rtkp-space-1) * -1)!important;
}
.rtkp-ui-51 .rtkp-action-bar{
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:var(--rtkp-space-3);
}
.rtkp-ui-51 .rtkp-action-group{
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:var(--rtkp-space-2);
}
.rtkp-ui-51 .rtkp-action-bar :where(input,select,.form-control,.form-select){
    min-width:0;
}
.rtkp-ui-51 .rtkp-action-bar>.btn,
.rtkp-ui-51 .rtkp-action-bar>button{
    flex:0 0 auto;
}
.rtkp-ui-51 .stats,
.rtkp-ui-51 .portal-overview-grid{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:var(--rtkp-space-4);
}
.rtkp-ui-51 .stat,
.rtkp-ui-51 .overview-card{
    min-height:158px;
    padding:var(--rtkp-space-5)!important;
}
.rtkp-ui-51 .stat strong,
.rtkp-ui-51 .overview-card h2{
    font-variant-numeric:tabular-nums;
}
.rtkp-ui-51 .grid{
    gap:var(--rtkp-space-4);
}
.rtkp-ui-51 .grid>.card,
.rtkp-ui-51 .portal-overview-grid>.card{
    height:100%;
}
.rtkp-ui-51 .table-responsive.rtkp-table-surface{
    margin:0;
}
.rtkp-ui-51 .rtkp-table-surface .table th{
    padding:12px 15px;
    font-size:.72rem!important;
    line-height:1.35;
    letter-spacing:.045em;
    text-transform:uppercase;
    color:#647184;
}
.rtkp-ui-51 .rtkp-table-surface .table td{
    vertical-align:middle;
}
.rtkp-ui-51 .rtkp-table-surface .badge,
.rtkp-ui-51 .rtkp-table-surface .status-tag,
.rtkp-ui-51 .rtkp-table-surface .form-status{
    white-space:nowrap;
}
.rtkp-ui-51 .empty,
.rtkp-ui-51 .loading{
    min-height:132px;
    display:grid;
    place-items:center;
    text-align:center;
    border-style:dashed!important;
    background:#fbfcfd!important;
}
.rtkp-ui-51 .app-content-frame{
    display:block;
    width:100%;
    min-height:calc(100vh - var(--rtkp-topbar-height));
    border:0;
    background:var(--rtkp-page-bg);
}
body.embedded-page main.container-fluid,
body.embedded-page main.container{
    max-width:none;
    margin-inline:0;
    padding-block:var(--rt-page-padding-y,24px)!important;
    padding-inline:var(--rt-page-padding-x,24px)!important;
    box-sizing:border-box;
}
body.embedded-page .rtkp-page-flow{
    display:flex;
    flex-direction:column;
    gap:var(--rtkp-space-5);
}
body.embedded-page .rtkp-page-flow>*{margin-top:0;margin-bottom:0}
body.embedded-page .card{
    border-radius:var(--rtkp-radius)!important;
    border-color:var(--rtkp-border)!important;
    box-shadow:0 9px 28px rgba(17,38,63,.055)!important;
}
@media(max-width:991.98px){
    .rtkp-ui-51 .page-heading{
        grid-template-columns:1fr;
        align-items:start;
    }
    .rtkp-ui-51 .page-heading-actions{
        justify-content:flex-start;
    }
}
@media(max-width:767.98px){
    .rtkp-ui-51 .rtkp-page-flow{gap:var(--rtkp-space-4)}
    .rtkp-ui-51 .page-heading{gap:var(--rtkp-space-3);padding-bottom:var(--rtkp-space-4)}
    .rtkp-ui-51 .page-heading h1,
    .rtkp-ui-51 .page-heading .h1,
    .rtkp-ui-51 .page-heading .h2,
    .rtkp-ui-51 .page-heading .h3{font-size:1.65rem!important}
    .rtkp-ui-51 .rtkp-action-bar,
    .rtkp-ui-51 .rtkp-action-group{align-items:stretch}
    .rtkp-ui-51 .rtkp-action-group{width:100%}
    .rtkp-ui-51 .rtkp-action-group>:where(input,select,.form-control,.form-select){flex:1 1 180px}
    .rtkp-ui-51 .rtkp-action-group>.btn,
    .rtkp-ui-51 .rtkp-action-group>button{flex:1 1 auto}
    body.embedded-page main.container-fluid,
    body.embedded-page main.container{padding:16px!important}
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – strukturierte Ansichten und Unterseiten
   ====================================================================== */
:root{
    --rtkp-view-gap:24px;
    --rtkp-section-padding:24px;
    --rtkp-card-border:#e3e9ef;
    --rtkp-card-shadow:0 10px 30px rgba(15,38,61,.055);
}
.rtkp-ui-51 .rtkp-view-stack{
    display:flex;
    flex-direction:column;
    gap:var(--rtkp-view-gap);
    min-width:0;
}
.rtkp-ui-51 .rtkp-view-toolbar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:17px 18px;
    border:1px solid var(--rtkp-card-border);
    border-radius:var(--rtkp-radius);
    background:#fff;
    box-shadow:0 6px 20px rgba(15,38,61,.035);
}
.rtkp-ui-51 .rtkp-view-summary{
    display:flex;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px 12px;
    min-width:0;
}
.rtkp-ui-51 .rtkp-view-summary strong{
    color:var(--rtkp-text);
    font-size:1rem;
    font-weight:760;
}
.rtkp-ui-51 .rtkp-view-summary span{
    color:#697789;
    font-size:.88rem;
}
.rtkp-ui-51 .rtkp-view-toolbar-actions,
.rtkp-ui-51 .rtkp-inline-controls{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    min-width:0;
}
.rtkp-ui-51 .rtkp-list-filter{width:min(270px,100%)}
.rtkp-ui-51 .rtkp-inline-controls :where(.form-control,.form-select,input,select){
    width:auto;
    min-width:170px;
    max-width:300px;
}
.rtkp-ui-51 .rtkp-view-section{
    min-width:0;
    overflow:hidden;
    border:1px solid var(--rtkp-card-border)!important;
    border-radius:var(--rtkp-radius)!important;
    background:#fff;
    box-shadow:var(--rtkp-card-shadow)!important;
}
.rtkp-ui-51 .rtkp-section-header{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    padding:20px var(--rtkp-section-padding);
    border-bottom:1px solid var(--rtkp-card-border);
    background:linear-gradient(180deg,#fff,#fcfdfe);
}
.rtkp-ui-51 .rtkp-section-header-copy{min-width:0}
.rtkp-ui-51 .rtkp-section-header h2,
.rtkp-ui-51 .rtkp-section-header h3{
    margin:0!important;
    color:var(--rtkp-text)!important;
    font-size:1.08rem!important;
    line-height:1.35!important;
    font-weight:760!important;
    letter-spacing:-.015em!important;
}
.rtkp-ui-51 .rtkp-section-header p{
    margin:5px 0 0!important;
    color:#6c7989;
    font-size:.88rem;
    line-height:1.5;
}
.rtkp-ui-51 .rtkp-section-actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
}
.rtkp-ui-51 .rtkp-section-body{min-width:0;padding:var(--rtkp-section-padding)}
.rtkp-ui-51 .rtkp-section-body>.table-responsive{margin-block:calc(var(--rtkp-section-padding) * -1);margin-inline:calc(var(--rtkp-section-padding) * -1);width:calc(100% + (2 * var(--rtkp-section-padding)));max-width:none;box-sizing:border-box}
.rtkp-ui-51 .rtkp-section-body>.table-responsive .table{margin-bottom:0}
.rtkp-ui-51 .rtkp-metric-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}
.rtkp-ui-51 .rtkp-metric-card{
    min-height:124px;
    display:flex;
    align-items:center;
    gap:15px;
    padding:19px;
    border:1px solid var(--rtkp-card-border)!important;
    box-shadow:0 7px 22px rgba(15,38,61,.045)!important;
}
.rtkp-ui-51 .rtkp-metric-icon,
.rtkp-ui-51 .rtkp-admin-card-icon{
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    flex:0 0 44px;
    border-radius:13px;
    color:var(--rtkp-primary);
    background:color-mix(in srgb,var(--rtkp-primary) 10%,var(--rt-surface));
}
.rtkp-ui-51 .rtkp-metric-icon svg,
.rtkp-ui-51 .rtkp-admin-card-icon svg,
.rtkp-ui-51 .rtkp-quick-card>svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
}
.rtkp-ui-51 .rtkp-metric-card>div{display:flex;flex-direction:column;min-width:0}
.rtkp-ui-51 .rtkp-metric-card .rtkp-metric-title{margin:0;font-size:.78rem!important;line-height:1.35!important;font-weight:720;color:#6b7888}
.rtkp-ui-51 .rtkp-metric-card strong{font-size:1.72rem;line-height:1.12;font-weight:780;color:var(--rtkp-text);font-variant-numeric:tabular-nums}
.rtkp-ui-51 .rtkp-metric-card small{margin-top:4px;color:#8390a0;font-size:.74rem}
.rtkp-ui-51 .rtkp-card-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:16px;
}
.rtkp-ui-51 .rtkp-project-card{
    display:flex;
    flex-direction:column;
    min-height:220px;
    padding:21px!important;
    border:1px solid var(--rtkp-card-border)!important;
    box-shadow:0 7px 22px rgba(15,38,61,.045)!important;
}
.rtkp-ui-51 .rtkp-project-card[hidden]{display:none!important}
.rtkp-ui-51 .rtkp-project-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rtkp-ui-51 .rtkp-project-card .eyebrow{margin:0 0 6px!important}
.rtkp-ui-51 .rtkp-project-card h3{margin:0!important;font-size:1.04rem!important;line-height:1.35!important}
.rtkp-ui-51 .rtkp-project-card .rtkp-card-meta{margin:14px 0 10px;color:#6e7a89;font-size:.85rem}
.rtkp-ui-51 .rtkp-project-card progress{width:100%;height:8px}
.rtkp-ui-51 .rtkp-progress-value{font-size:.82rem;font-weight:760;color:#526174;white-space:nowrap}
.rtkp-ui-51 .rtkp-progress-line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.rtkp-ui-51 .rtkp-progress-line strong{font-size:.8rem;font-weight:760;color:#526174}
.rtkp-ui-51 .rtkp-card-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:18px}
.rtkp-ui-51 .rtkp-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rtkp-ui-51 .rtkp-quick-card{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:94px;
    padding:18px 20px;
    color:inherit;
    text-decoration:none;
    border:1px solid var(--rtkp-card-border)!important;
    box-shadow:0 7px 22px rgba(15,38,61,.04)!important;
}
.rtkp-ui-51 .rtkp-quick-card:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--rtkp-primary) 30%,var(--rtkp-card-border))!important}
.rtkp-ui-51 .rtkp-quick-card>svg{flex:0 0 22px;color:var(--rtkp-primary)}
.rtkp-ui-51 .rtkp-quick-card>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rtkp-ui-51 .rtkp-quick-card h2{margin:0!important;font-size:.92rem!important;line-height:1.35!important;color:var(--rtkp-text)}
.rtkp-ui-51 .rtkp-quick-card p{margin:0;font-size:.76rem;color:#778495}
.rtkp-ui-51 .rtkp-empty-state{
    display:grid;
    place-items:center;
    gap:5px;
    min-height:130px;
    padding:28px;
    text-align:center;
    color:#6f7d8e;
    border:1px dashed #cfdae5;
    border-radius:12px;
    background:#fbfcfe;
}
.rtkp-ui-51 .rtkp-empty-state h3{margin:0!important;color:#425164;font-size:.95rem!important;line-height:1.35!important}
.rtkp-ui-51 .rtkp-empty-state p{margin:0;font-size:.82rem}
.rtkp-ui-51 .rtkp-admin-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(270px,1fr));
    gap:16px;
}
.rtkp-ui-51 .rtkp-admin-card{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:start;
    gap:12px 15px;
    min-height:190px;
    padding:21px!important;
    border:1px solid var(--rtkp-card-border)!important;
    box-shadow:0 7px 22px rgba(15,38,61,.04)!important;
}
.rtkp-ui-51 .rtkp-admin-card>div{min-width:0}
.rtkp-ui-51 .rtkp-admin-card h3{margin:0 0 7px!important;font-size:1rem!important}
.rtkp-ui-51 .rtkp-admin-card p{margin:0;color:#6e7b8b;font-size:.84rem;line-height:1.55}
.rtkp-ui-51 .rtkp-admin-card>.btn{grid-column:2;justify-self:start;align-self:end;margin-top:auto}
.rtkp-ui-51 .rtkp-filter-grid{
    display:grid;
    grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(150px,1fr)) auto auto;
    gap:10px;
    align-items:center;
    margin-bottom:18px;
}
.rtkp-ui-51 .rtkp-notification-list{display:flex;flex-direction:column;gap:10px}
.rtkp-ui-51 .rtkp-notification-list .notification-item{
    display:grid;
    grid-template-columns:8px minmax(0,1fr);
    gap:12px;
    padding:15px 16px;
    border:1px solid var(--rtkp-card-border);
    border-radius:12px;
    background:#fff;
}
.rtkp-ui-51 .rtkp-notification-marker{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#c9d2dc}
.rtkp-ui-51 .notification-item.is-unread .rtkp-notification-marker{background:var(--rtkp-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--rtkp-primary) 12%,transparent)}
.rtkp-ui-51 .notification-item p{margin:4px 0;color:#667487}

/* Automatisch normalisierte eingebettete Unterseiten */
body.embedded-page .rtkp-structured-page,
body.rtkp-ui-51 .rtkp-structured-page{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
}
.rtkp-structured-page>.rtkp-page-header{margin-bottom:0!important}
.rtkp-generated-page-heading .page-heading-actions{align-self:center}
body.embedded-page .rtkp-generated-page-heading .rtkp-back-link{display:none}
.rtkp-structured-page>.alert{margin-bottom:0!important}
.rtkp-structured-page .rtkp-structured-section{
    overflow:hidden;
    border:1px solid var(--rtkp-card-border,#e3e9ef)!important;
    border-radius:var(--rtkp-radius,14px)!important;
    background:#fff;
    box-shadow:var(--rtkp-card-shadow,0 10px 30px rgba(15,38,61,.055))!important;
}
.rtkp-structured-page .rtkp-structured-section>.rtkp-section-header,
.rtkp-structured-page .rtkp-structured-section>.toolbar.rtkp-section-header{
    margin:0!important;
}
.rtkp-structured-page .rtkp-structured-section:not(.system-grid):not(.forms-grid)>.rtkp-section-header~*:not(script):not(.table-responsive){
    margin-left:var(--rtkp-section-padding,24px);
    margin-right:var(--rtkp-section-padding,24px);
}
/* Tabellen volle Kartenbreite: kein seitliches Section-Margin (sonst Clip rechts durch overflow:hidden). */
.rtkp-structured-page .rtkp-structured-section:not(.system-grid):not(.forms-grid)>.rtkp-section-header~.table-responsive{
    margin-left:0;
    margin-right:0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
.rtkp-structured-page .rtkp-structured-section:not(.system-grid):not(.forms-grid)>:last-child:not(script){margin-bottom:var(--rtkp-section-padding,24px)}
.rtkp-structured-page .rtkp-structured-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:18px;
}
.rtkp-structured-page .rtkp-structured-grid>.rtkp-structured-section{height:100%}
.rtkp-structured-page .system-grid.rtkp-structured-section{
    border:0!important;
    box-shadow:none!important;
    background:transparent!important;
}
.rtkp-structured-page .system-grid.rtkp-structured-section>.rtkp-section-header{display:none}
.rtkp-structured-page .system-grid.rtkp-structured-section>.panel{margin:0}
.rtkp-structured-page .task-anchor-nav{
    position:sticky;
    top:0;
    z-index:10;
}

@media(max-width:1199.98px){
    .rtkp-ui-51 .rtkp-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rtkp-ui-51 .rtkp-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991.98px){
    .rtkp-ui-51 .rtkp-quick-grid{grid-template-columns:1fr}
    .rtkp-ui-51 .rtkp-view-toolbar{align-items:stretch}
    .rtkp-ui-51 .rtkp-view-toolbar-actions{justify-content:flex-start;width:100%}
    .rtkp-ui-51 .rtkp-list-filter{width:100%;max-width:none}
}
@media(max-width:767.98px){
    :root{--rtkp-view-gap:18px;--rtkp-section-padding:17px}
    .rtkp-ui-51 .rtkp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .rtkp-ui-51 .rtkp-metric-card{min-height:112px;padding:15px;gap:11px}
    .rtkp-ui-51 .rtkp-metric-icon{width:38px;height:38px;flex-basis:38px}
    .rtkp-ui-51 .rtkp-metric-card strong{font-size:1.45rem}
    .rtkp-ui-51 .rtkp-view-toolbar-actions,
    .rtkp-ui-51 .rtkp-inline-controls{display:grid;grid-template-columns:1fr;width:100%}
    .rtkp-ui-51 .rtkp-inline-controls :where(.form-control,.form-select,input,select),
    .rtkp-ui-51 .rtkp-view-toolbar-actions>.btn,
    .rtkp-ui-51 .rtkp-view-toolbar-actions>button{width:100%;max-width:none}
    .rtkp-ui-51 .rtkp-section-header{padding:17px}
    .rtkp-ui-51 .rtkp-section-body{padding:17px}
    .rtkp-ui-51 .rtkp-section-body>.table-responsive{margin:-17px}
    .rtkp-ui-51 .rtkp-card-grid{grid-template-columns:1fr}
    .rtkp-ui-51 .rtkp-filter-grid{grid-template-columns:1fr}
    .rtkp-ui-51 .rtkp-admin-card{grid-template-columns:auto minmax(0,1fr)}
    body.embedded-page .rtkp-structured-page,
    body.rtkp-ui-51 .rtkp-structured-page{padding:16px!important}
}
@media(max-width:460px){
    .rtkp-ui-51 .rtkp-metric-grid{grid-template-columns:1fr}
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – Responsive, Fokus und Kontrast
   ====================================================================== */
.rtkp-ui-51 .table-responsive{
    overflow-x:auto;
    overflow-y:visible;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    width:100%;
    max-width:100%;
}
.rtkp-ui-51 .table-responsive:focus-visible,
.rtkp-ui-51 .rtkp-table-surface:focus-visible{
    outline:3px solid var(--rtkp-primary);
    outline-offset:3px;
}
.rtkp-ui-51 .main:focus{outline:0}
.rtkp-ui-51 :where(a,button,input,select,textarea,[tabindex]):focus-visible{
    outline:2px solid var(--rtkp-primary);
    outline-offset:2px;
}
.rtkp-ui-51 .page-heading-actions,
.rtkp-ui-51 .rtkp-view-toolbar-actions,
.rtkp-ui-51 .rtkp-section-actions{
    min-width:0;
}
.rtkp-ui-51 .page-heading-actions form,
.rtkp-ui-51 .rtkp-view-toolbar-actions form,
.rtkp-ui-51 .rtkp-section-actions form{
    min-width:0;
    max-width:100%;
}

@media(max-width:991.98px){
    .rtkp-ui-51 .sidebar{
        overscroll-behavior:contain;
        touch-action:pan-y;
    }
    .rtkp-ui-51 .topbar{
        min-width:0;
    }
    .rtkp-ui-51 .topbar-search-wrap,
    .rtkp-ui-51 .topbar-actions{
        min-width:0;
    }
}

@media(max-width:767.98px){
    .rtkp-ui-51 .page-heading{
        grid-template-columns:1fr;
        align-items:start;
    }
    .rtkp-ui-51 .page-heading-actions,
    .rtkp-ui-51 .rtkp-view-toolbar-actions,
    .rtkp-ui-51 .rtkp-section-actions{
        width:100%;
        justify-content:flex-start;
    }
    .rtkp-ui-51 .page-heading-actions>.btn,
    .rtkp-ui-51 .page-heading-actions>button,
    .rtkp-ui-51 .rtkp-view-toolbar-actions>.btn,
    .rtkp-ui-51 .rtkp-view-toolbar-actions>button{
        flex:1 1 170px;
    }
    .rtkp-ui-51 .rtkp-table-surface,
    .rtkp-ui-51 .table-responsive{
        border-radius:12px;
    }
}

@media(max-width:479.98px){
    .rtkp-ui-51 .topbar{
        flex-wrap:nowrap;
    }
    .rtkp-ui-51 .topbar-search-wrap{
        flex:1 1 auto;
        overflow:hidden;
    }
    .rtkp-ui-51 .global-search input{
        min-width:0;
        font-size:16px;
    }
    .rtkp-ui-51 .topbar-icon-button,
    .rtkp-ui-51 .mobile-menu-button,
    .rtkp-ui-51 .portal-tour-start{
        width:44px;
        height:44px;
        min-height:44px;
        flex:0 0 44px;
    }
}

@media(pointer:coarse){
    .rtkp-ui-51 :where(.btn,button,.nav-link,.topbar-icon-button,.mobile-menu-button){
        min-height:44px;
    }
    .rtkp-ui-51 .form-check-input{
        width:1.2rem!important;
        height:1.2rem!important;
    }
}

@media(forced-colors:active){
    .rtkp-ui-51 .card,
    .rtkp-ui-51 .panel,
    .rtkp-ui-51 .rtkp-view-section,
    .rtkp-ui-51 .table-responsive,
    .rtkp-ui-51 .rtkp-table-surface{
        border:1px solid CanvasText!important;
        box-shadow:none!important;
    }
    .rtkp-ui-51 .nav-link[aria-current="page"]{
        border:2px solid Highlight;
    }
    .rtkp-ui-51 :where(a,button,input,select,textarea,[tabindex]):focus-visible{
        outline:3px solid Highlight!important;
        outline-offset:2px;
        box-shadow:none!important;
    }
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.7 – ruhige, linksbündige Kennzahlenkarten
   ====================================================================== */
.rtkp-ui-51 .rtkp-metric-card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    justify-items:start!important;
    column-gap:15px!important;
    text-align:left!important;
}
.rtkp-ui-51 .rtkp-metric-card>.rtkp-metric-icon{
    margin:0!important;
    justify-self:start!important;
}
.rtkp-ui-51 .rtkp-metric-card>div{
    width:100%;
    align-items:flex-start!important;
    text-align:left!important;
}
.rtkp-ui-51 .rtkp-metric-card :where(.rtkp-metric-title,strong,small){
    width:100%;
    text-align:left!important;
}
.rtkp-ui-51 .stats>.stat,
.rtkp-ui-51 .portal-overview-grid>.overview-card{
    align-items:flex-start!important;
    text-align:left!important;
}
.rtkp-ui-51 .portal-overview-grid>.overview-card .card-body{
    align-items:flex-start!important;
    text-align:left!important;
}
@media(max-width:767.98px){
    .rtkp-ui-51 .rtkp-metric-card{
        grid-template-columns:40px minmax(0,1fr)!important;
        column-gap:12px!important;
    }
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.8 – verbindlich linksbündige Kennzahlen
   ====================================================================== */
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    place-items:unset!important;
    align-items:center!important;
    align-content:center!important;
    justify-content:stretch!important;
    justify-items:stretch!important;
    gap:0 15px!important;
    text-align:left!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>.rtkp-metric-icon{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:start!important;
    margin:0!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>div{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    text-align:left!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>div>:where(.rtkp-metric-title,strong,small){
    display:block!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    text-align:left!important;
}
@media(max-width:767.98px){
    body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
        grid-template-columns:40px minmax(0,1fr)!important;
        gap:0 12px!important;
    }
}


/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.10 – semantische Überschriften in Boxen
   ====================================================================== */
.rtkp-ui-51 .rtkp-metric-title,
.rtkp-ui-51 .rtkp-quick-card h2,
.rtkp-ui-51 .rtkp-empty-state h3{
    text-align:left;
}
.rtkp-ui-51 .rtkp-metric-title{
    width:100%;
}
.rtkp-ui-51 .portal-overview-card-title{
    margin:0 0 .25rem!important;
    font-size:.78rem!important;
    line-height:1.35!important;
    font-weight:720!important;
    letter-spacing:.01em;
    color:var(--bs-secondary-color, #6b7888);
}
.rtkp-ui-51 .portal-overview-card-value{
    margin:0 0 .25rem;
    font-size:1.5rem;
    line-height:1.2;
    font-weight:500;
    color:var(--rtkp-text, #172033);
    font-variant-numeric:tabular-nums;
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.11 – Icon-Kennzahlenkarten zentriert
   ====================================================================== */
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:12px!important;
    min-height:170px;
    text-align:center!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>.rtkp-metric-icon{
    align-self:center!important;
    justify-self:center!important;
    margin:0!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>div{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
    text-align:center!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>div>:where(.rtkp-metric-title,strong,small){
    width:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}
body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card .rtkp-metric-title{
    margin-top:0!important;
    margin-bottom:0!important;
}
@media(max-width:767.98px){
    body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
        min-height:154px;
        gap:10px!important;
    }
}

/* ======================================================================
   RT-Kundenportal 5.1.0-alpha.12 – konsistente Karten und Übersichten
   ====================================================================== */
.rtkp-ui-51 .rtkp-metric-grid{
    align-items:stretch;
}

body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
    min-height:172px;
    padding:20px 18px!important;
    border-radius:16px;
}

body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card>.rtkp-metric-icon{
    width:44px;
    height:44px;
    flex:0 0 44px;
}

body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card .rtkp-metric-title{
    margin:0!important;
    font-size:1rem!important;
    line-height:1.3!important;
    font-weight:700!important;
    letter-spacing:0!important;
    color:var(--rtkp-heading, #172033)!important;
}

body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card strong{
    margin:0!important;
    font-size:1.55rem!important;
    line-height:1.15!important;
    font-weight:500!important;
    font-variant-numeric:tabular-nums;
    color:var(--rtkp-text, #172033)!important;
}

body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card small{
    margin:0!important;
    font-size:.875rem!important;
    line-height:1.4!important;
    color:var(--rtkp-muted, var(--bs-secondary-color, #6b7888))!important;
}

.rtkp-ui-51 :where(.card-body,.rtkp-view-section,.rtkp-table-surface)>
:where(h2,h3,h4):first-child{
    margin-top:0;
}

.rtkp-ui-51 :where(.card-body,.rtkp-view-section)>
:where(h2,h3,h4)+:where(p,.text-body-secondary,.muted){
    margin-top:.35rem;
}

.rtkp-ui-51 .card-body>:where(h2,h3,h4){
    line-height:1.3;
}

.rtkp-ui-51 .card-body>.d-flex:first-child :where(h2,h3,h4),
.rtkp-ui-51 .toolbar :where(h2,h3,h4){
    margin-bottom:.25rem;
}

.rtkp-ui-51 .portal-overview-grid>.overview-card{
    height:100%;
}

.rtkp-ui-51 .portal-overview-grid>.overview-card .card-body{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    min-height:160px;
    padding:20px;
    text-align:left;
}

.rtkp-ui-51 .portal-overview-grid>.overview-card .btn{
    margin-top:auto;
}

.rtkp-ui-51 :where(.rtkp-card-actions,.card-actions,.backup-actions,.rtkp-actions){
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
}

.rtkp-ui-51 :where(.rtkp-card-actions,.card-actions,.backup-actions,.rtkp-actions) .btn{
    white-space:nowrap;
}

@media(max-width:767.98px){
    body.rtkp-ui-51 #app .rtkp-metric-grid>.rtkp-metric-card.card{
        min-height:158px;
        padding:18px 16px!important;
    }

    .rtkp-ui-51 .portal-overview-grid>.overview-card .card-body{
        min-height:148px;
        padding:18px;
    }
}


/* 5.1.0-alpha.47 – globale horizontale Symmetrie und volle Tabellenbreite */
.rtkp-ui-51 .content.container-fluid,
.rtkp-ui-51 .portal-shell .content,
body.rtkp-frontend .content.container-fluid{
    padding-inline:var(--rt-page-padding-x,24px)!important;
}
.rtkp-ui-51 .rtkp-section-body>.table-responsive,
.rtkp-ui-51 .card-body>.table-responsive,
.rtkp-ui-51 .rtkp-table-surface{
    width:100%!important;
    max-width:100%!important;
}
.rtkp-ui-51 .table{
    width:100%!important;
    min-width:100%;
}
.rtkp-ui-51 .table-responsive .table{
    width:100%!important;
}
/* Portal-Projekte: eine Spalte, Boxen untereinander, volle Inhaltsbreite */
.rtkp-ui-51 .portal-projects-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:var(--rt-layout-section-gap,1.5rem);
    width:100%;
    min-width:0;
}
.rtkp-ui-51 .portal-projects-layout > .card,
.rtkp-ui-51 .portal-projects-layout > section{
    width:100%;
    min-width:0;
    margin:0;
}
.rtkp-ui-51 .portal-projects-tasks{
    width:100%;
    min-width:0;
}
.rtkp-ui-51 .portal-projects-tasks .table-responsive{
    width:100%;
}

/* 5.1.1 – Content-Container wie Kundenformulare (volle Hauptbreite, ein Padding) */
.rtkp-ui-51{
    --rtkp-content-max:none;
}
.rtkp-ui-51 .content:not(.frame-content),
.rtkp-ui-51 .portal-shell .content:not(.frame-content),
body.rtkp-frontend .content:not(.frame-content),
.rtkp-ui-51 .system-page,
.rtkp-ui-51 .task-management-main,
body.rtkp-ui-51 .system-page,
body.rtkp-ui-51 .task-management-main,
body.embedded-page main.container-fluid,
body.embedded-page main.container,
body.embedded-page main.forms-content,
body.embedded-page .system-page,
body.embedded-page .task-management-main,
body.embedded-page .forms-content{
    width:100%!important;
    max-width:none!important;
    margin-inline:0!important;
    box-sizing:border-box!important;
}
.rtkp-ui-51 .content:not(.frame-content),
.rtkp-ui-51 .portal-shell .content:not(.frame-content),
body.rtkp-frontend .content:not(.frame-content){
    padding-block:var(--rt-page-padding-y,24px)!important;
    padding-inline:var(--rt-page-padding-x,24px)!important;
}
/* Kein zweites Innenpadding: #app liegt bereits im gepolsterten Content */
body.rtkp-ui-51 .content:not(.frame-content) #app,
body.rtkp-frontend .content:not(.frame-content) #app{
    padding:0!important;
    margin:0!important;
    width:100%;
    max-width:none;
    box-sizing:border-box;
}
.rtkp-ui-51 .task-management-main{
    padding-block:var(--rt-page-padding-y,24px);
    padding-inline:var(--rt-page-padding-x,24px);
}
body.embedded-page.task-management-page{
    padding:0!important;
}

/* Scrollbar-Gutter beidseitig, damit linkes/rechtes Padding gleich bleibt */
html:has(body.rtkp-ui-51),
body.rtkp-ui-51,
.rtkp-ui-51 .main{
    scrollbar-gutter:stable both-edges;
}


/* 5.1.0-alpha.48 – Projektliste: lesbarer Aktivzustand */
.rtkp-ui-51 .portal-project-list .list-group-item.active,
.rtkp-ui-51 .portal-project-list .list-group-item-action.active{
    background:var(--rt-button-primary-background,var(--rt-primary,#006ab5))!important;
    border-color:var(--rt-button-primary-border,var(--rt-primary,#006ab5))!important;
    color:var(--rt-button-primary-text,#fff)!important;
}
.rtkp-ui-51 .portal-project-list .list-group-item.active small,
.rtkp-ui-51 .portal-project-list .list-group-item.active .small,
.rtkp-ui-51 .portal-project-list .list-group-item.active .text-muted,
.rtkp-ui-51 .portal-project-list .list-group-item.active .text-body-secondary,
.rtkp-ui-51 .portal-project-list .list-group-item-action.active small{
    color:rgba(255,255,255,.92)!important;
}

/* 5.1.0-alpha.59 – Fixed flat skin: no elevation, hairline surfaces */
.rtkp-ui-51{
    --rtkp-card-shadow:none;
    --rtkp-shadow:none;
    --rtkp-shadow-hover:none;
}
.rtkp-ui-51 .card,
.rtkp-ui-51 article.card,
.rtkp-ui-51 .panel,
.rtkp-ui-51 .stat,
.rtkp-ui-51 .table-responsive,
.rtkp-ui-51 .rtkp-admin-card,
.rtkp-ui-51 .rtkp-section,
body.embedded-page .card,
body.embedded-page .table-responsive{
    box-shadow:none!important;
}
.rtkp-ui-51 article.card:hover,
.rtkp-ui-51 .rtkp-admin-card:hover{
    transform:none!important;
    box-shadow:none!important;
}
.rtkp-ui-51 .table thead th,
body.embedded-page .table thead th{
    background:var(--rt-table-header-background,#f8fafc)!important;
    color:var(--rt-table-header-text,#64748b)!important;
    font-size:.72rem!important;
    letter-spacing:.05em;
    text-transform:uppercase;
}
.rtkp-ui-51 .badge,
body.embedded-page .badge{
    border-radius:999px!important;
}

/* beta.4: message delete actions */
.message-bubble header{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.message-bubble header .message-delete{margin-left:auto}
.communication-table .rtkp-action-cell{white-space:nowrap;text-align:right}

/* rc.2: Inhaltskästen nutzen die volle Content-Breite */
.rtkp-ui-51 #app > .card,
.rtkp-ui-51 #app > .panel,
.rtkp-ui-51 #app > .rtkp-section,
.rtkp-ui-51 #app > .toolbar,
.rtkp-ui-51 #app > .rtkp-view-header,
.rtkp-ui-51 .content > .card,
.rtkp-ui-51 .content > .panel,
.rtkp-ui-51 .content > .portal-projects-layout,
.rtkp-ui-51 .content > .portal-overview-grid,
.rtkp-ui-51 .content > .rtkp-page-flow{
    width:100%;
    max-width:100%;
    min-width:0;
}

/* 5.1.3: CRM Ansprechpartner / Portalrechte */
.rtkp-portal-box{border:1px solid var(--rtkp-border, var(--line));border-radius:10px;padding:14px 16px;margin:0}
.rtkp-portal-box legend{padding:0 6px;font-weight:600}
.rtkp-cap-grid{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

/* ======================================================================
   RT Kundenportal 5.2.0-alpha.3 – PDF-Studio-Listenlayout
   Aktionen stehen unter den Berichtsdaten in einer eigenen Zeile.
   ====================================================================== */
.pdf-studio-panel{overflow:hidden}
.pdf-studio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.pdf-studio-section-head h2{margin-bottom:4px}
.pdf-studio-section-head p{margin-bottom:0}
.pdf-studio-filter-grid{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(190px,.65fr) auto;gap:12px;align-items:end;margin:0 0 18px}
.pdf-studio-filter-grid label{display:grid;gap:6px;font-weight:650;margin:0}
.pdf-studio-filter-grid>.btn{min-height:42px;white-space:nowrap}
.pdf-studio-report-table,.pdf-studio-version-table{table-layout:fixed}
.pdf-studio-report-table th:nth-child(1){width:39%}
.pdf-studio-report-table th:nth-child(2){width:25%}
.pdf-studio-report-table th:nth-child(3){width:16%}
.pdf-studio-report-table th:nth-child(4){width:20%}
.pdf-studio-version-table th:nth-child(1){width:10%}
.pdf-studio-version-table th:nth-child(2){width:20%}
.pdf-studio-version-table th:nth-child(3){width:25%}
.pdf-studio-version-table th:nth-child(4){width:45%}
.pdf-studio-data-row td{padding-top:16px!important;padding-bottom:16px!important;vertical-align:middle!important}
.pdf-studio-task-reference{display:inline-block;margin-top:3px;line-height:1.45}
.pdf-studio-actions-row td{padding:10px 12px!important;background:#f8fafc!important;border-top:0!important;border-bottom:1px solid var(--line)!important}
.pdf-studio-actions-bar{display:flex;align-items:center;gap:16px;min-width:0}
.pdf-studio-actions-label{flex:0 0 auto;font-size:.72rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase;color:var(--muted)}
.pdf-studio-action-buttons{flex:1;min-width:0;gap:8px}
.pdf-studio-action-buttons form{display:inline-flex;margin:0}
.pdf-studio-action-buttons .btn{white-space:nowrap}
.pdf-studio-danger-action{margin-left:auto!important}
.pdf-studio-report-status{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.pdf-studio-status-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f3f5f8;color:var(--text);font-size:.78rem;font-weight:750;line-height:1}
.pdf-studio-status-final{background:#edf8ef;border-color:#b8dfbf;color:#12661d}
.pdf-studio-status-review{background:#fff8e7;border-color:#efd48d;color:#805700}
.pdf-studio-status-draft,.pdf-studio-status-archived{background:#f3f5f8;border-color:var(--line);color:#5c6673}

@media(max-width:900px){
    .pdf-studio-filter-grid{grid-template-columns:1fr 1fr}
    .pdf-studio-filter-grid>.btn{grid-column:1/-1;justify-self:start}
    .pdf-studio-report-table{min-width:760px!important}
    .pdf-studio-version-table{min-width:700px!important}
}
@media(max-width:600px){
    .pdf-studio-filter-grid{grid-template-columns:1fr}
    .pdf-studio-filter-grid>.btn{grid-column:auto;width:100%;justify-self:stretch}
    .pdf-studio-actions-bar{align-items:stretch;flex-direction:column;gap:8px}
    .pdf-studio-action-buttons{display:grid!important;grid-template-columns:1fr}
    .pdf-studio-action-buttons form,.pdf-studio-action-buttons .btn{width:100%}
    .pdf-studio-danger-action{margin-left:0!important}
}

/* ======================================================================
   RT Kundenportal 5.2.0-alpha.4 – PDF-Studio-Importworkflow
   Sichere Aufgabenbindung und Auswahl Neue Version / Ersetzen.
   ====================================================================== */
.pdf-studio-context-box,
.pdf-studio-conflict-box{
    display:grid;
    gap:4px;
    margin:0 0 16px;
    padding:14px 16px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#f8fafc;
}
.pdf-studio-context-box strong,
.pdf-studio-conflict-box strong{font-weight:750;color:var(--text)}
.pdf-studio-context-box span{font-weight:650}
.pdf-studio-context-box small,
.pdf-studio-conflict-box .muted{color:var(--muted)}
.pdf-studio-conflict-box{border-left:4px solid #eda509;background:#fffaf0}
.pdf-studio-conflict-box p{margin:2px 0 0}
.pdf-studio-import-commit{display:grid;gap:14px;margin-top:16px}
.pdf-studio-import-mode{display:grid;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.pdf-studio-import-mode legend{float:none;width:auto;margin:0 0 6px;padding:0;font-size:.92rem;font-weight:750;color:var(--text)}
.pdf-studio-import-choice{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;margin:0;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;cursor:pointer}
.pdf-studio-import-choice:has(input:checked){border-color:#9cc8e8;background:#f2f8fc}
.pdf-studio-import-choice input{margin-top:3px}
.pdf-studio-import-choice span{display:grid;gap:3px}
.pdf-studio-import-choice strong{font-weight:700}
.pdf-studio-import-choice small{color:var(--muted);line-height:1.45}
.pdf-studio-import-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
@media(max-width:600px){
    .pdf-studio-import-actions{display:grid;grid-template-columns:1fr}
    .pdf-studio-import-actions .btn{width:100%}
}

/* ======================================================================
   RT Kundenportal 5.2.0-alpha.5 – PDF-Studio-Mehrfachimport
   Gemeinsame Prüfung mehrerer JSON-/Handover-Dateien mit Einzelkonflikten.
   ====================================================================== */
.pdf-studio-batch-list{display:grid;gap:14px}
.pdf-studio-batch-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
.pdf-studio-batch-card.has-error{border-color:#efb4ad;background:#fffafa}
.pdf-studio-batch-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.pdf-studio-batch-card-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.pdf-studio-batch-card-head strong{overflow-wrap:anywhere}
.pdf-studio-batch-card-head .status-badge{display:inline-flex;padding:5px 9px;font-size:.72rem;line-height:1}
.pdf-studio-batch-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pdf-studio-batch-meta>div{display:grid;gap:3px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;min-width:0}
.pdf-studio-batch-meta span{font-size:.72rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.pdf-studio-batch-meta strong{font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}
.pdf-studio-import-mode.compact{padding:12px;background:#fbfcfd}
.pdf-studio-import-mode.compact .pdf-studio-import-choice{padding:9px 10px}
.pdf-studio-batch-note{margin:0}
.pdf-studio-batch-result .table td{vertical-align:middle}
.pdf-studio-batch-result .pdf-studio-batch-ok,
.pdf-studio-batch-result .pdf-studio-batch-failed{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid;border-radius:999px;font-size:.78rem;font-weight:750;line-height:1}
.pdf-studio-batch-result .pdf-studio-batch-ok{background:#edf8ef;border-color:#b8dfbf;color:#12661d}
.pdf-studio-batch-result .pdf-studio-batch-failed{background:#fff0ee;border-color:#efb4ad;color:#7e1c12}
@media(max-width:1000px){.pdf-studio-batch-meta{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.pdf-studio-batch-meta{grid-template-columns:1fr}.pdf-studio-batch-card{padding:12px}.pdf-studio-batch-card-head{align-items:flex-start}}


/* RT Kundenportal 5.2.0-alpha.6 – PDF Studio workflow control */
.pdf-studio-filter-grid-extended{grid-template-columns:minmax(260px,1.6fr) repeat(5,minmax(155px,1fr));align-items:end;gap:14px;}
.pdf-studio-filter-grid-extended .pdf-studio-filter-search{min-width:0;}
.pdf-studio-filter-grid-extended .pdf-studio-filter-actions{display:flex;align-items:flex-end;}
.pdf-studio-filter-grid-extended input,.pdf-studio-filter-grid-extended select{width:100%;}
.pdf-studio-batch-meta .pdf-studio-batch-meta-wide{grid-column:1/-1;}
.pdf-studio-batch-meta .pdf-studio-batch-meta-wide small{display:block;margin-top:5px;color:var(--rtkp-text-muted,#667085);font-weight:400;line-height:1.45;}
.pdf-studio-handover-warning{margin-top:14px;padding:14px 16px;border:1px solid #d6a100;background:#fff9e8;border-radius:10px;color:#333;}
.pdf-studio-handover-warning strong{color:#7a5900;}
.pdf-studio-handover-warning ul{margin:8px 0 0 20px;padding:0;}
.pdf-studio-handover-warning li+li{margin-top:4px;}
.pdf-studio-handover-id{overflow-wrap:anywhere;}
@media (max-width:1300px){.pdf-studio-filter-grid-extended{grid-template-columns:repeat(3,minmax(180px,1fr));}.pdf-studio-filter-grid-extended .pdf-studio-filter-search{grid-column:span 2;}}
@media (max-width:760px){.pdf-studio-filter-grid-extended{grid-template-columns:1fr;}.pdf-studio-filter-grid-extended .pdf-studio-filter-search{grid-column:auto;}.pdf-studio-filter-grid-extended .pdf-studio-filter-actions .btn{width:100%;}}

/* 5.2.0-alpha.7 · Handover-Kontext */
.pdf-studio-context-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.pdf-studio-context-actions .btn{margin:0}

/* 5.2.0-alpha.9: einheitliche Kundenprofile und zusätzliche Kundenfelder */
.rtkp-option-grid{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center}.rtkp-custom-field{min-width:0}.rtkp-admin-profile-controls{padding-top:1rem;border-top:1px solid var(--line)}.rtkp-account-custom-fields-heading{margin-top:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.rtkp-account-readonly-field{padding:.75rem .9rem;border:1px solid var(--line);border-radius:7px;background:#f7f9fb}.rtkp-account-button-field{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.rtkp-account-readonly-input input[readonly]{background:#f7f9fb;color:var(--text)}


/* 5.2.0-rc.2: Choice controls must remain inline with their labels.
   .form-grid label uses CSS Grid globally; without this explicit override,
   checkbox/radio controls can appear above their text. */
.rtkp-ui-51 label.choice,
body.embedded-page label.choice,
body.auth-bg label.choice{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:9px!important;
}
.rtkp-ui-51 label.choice>input[type="checkbox"],
.rtkp-ui-51 label.choice>input[type="radio"],
body.embedded-page label.choice>input[type="checkbox"],
body.embedded-page label.choice>input[type="radio"],
body.auth-bg label.choice>input[type="checkbox"],
body.auth-bg label.choice>input[type="radio"]{
    width:1.05rem!important;
    height:1.05rem!important;
    min-width:1.05rem!important;
    min-height:1.05rem!important;
    padding:0!important;
    margin:.15rem 0 0!important;
    flex:0 0 1.05rem!important;
}
.rtkp-ui-51 label.choice>span,
body.embedded-page label.choice>span,
body.auth-bg label.choice>span{
    min-width:0;
    flex:1 1 auto;
}
/* RT-Kundenportal 5.2.2-alpha.3: Kunden-Benachrichtigungen löschen */
.rtkp-ui-51 .notification-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}
.rtkp-ui-51 .notification-row .notification-item{min-width:0}
.rtkp-ui-51 .notification-delete-button{align-self:center;white-space:nowrap}
@media(max-width:650px){.rtkp-ui-51 .notification-row{grid-template-columns:1fr}.rtkp-ui-51 .notification-delete-button{justify-self:end}}
/* RT-Kundenportal 5.2.2-alpha.4: serverseitige Benachrichtigungsaktionen */
.rtkp-ui-51 .notification-delete-form{margin:0;align-self:center}
@media(max-width:650px){.rtkp-ui-51 .notification-delete-form{justify-self:end}}

/* RT-Kundenportal 5.3.0-alpha.1 – klassische Projektplanung */
.rtkp-classic-meta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.rtkp-classic-meta-grid > div {
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 8px;
  padding: 12px 14px;
  background: var(--rtkp-surface,var(--rt-surface));
}
.rtkp-classic-meta-grid small,
.rtkp-classic-meta-grid strong {
  display: block;
}
.rtkp-classic-meta-grid small {
  margin-bottom: 4px;
  color: var(--rtkp-muted, #64748b);
}
.rtkp-project-description {
  white-space: pre-wrap;
  line-height: 1.65;
}
.rtkp-task-overdue {
  font-weight: 700;
  color: var(--rtkp-danger, #c22515);
}
.rtkp-task-overdue small {
  color: inherit;
}
@media (max-width: 767.98px) {
  .rtkp-classic-meta-grid {
    grid-template-columns: 1fr;
  }
}


/* RT-Kundenportal 5.3.0-alpha.2 – Kanban für klassische Projekte */
.rtkp-classic-view-switch {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0 16px;
}
.rtkp-kanban-board {
  display: grid;
  grid-template-columns: repeat(5, minmax(250px, 1fr));
  gap: 14px;
  overflow-x: auto;
  padding: 2px 2px 12px;
  scroll-snap-type: x proximity;
}
.rtkp-kanban-column {
  min-width: 250px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 12px;
  background: var(--rtkp-page-bg, #f3f5f8);
  scroll-snap-align: start;
}
.rtkp-kanban-column > header {
  padding: 12px 12px 10px;
  border-bottom: 1px solid var(--rtkp-border, #e2e8f0);
}
.rtkp-kanban-column > header > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.rtkp-kanban-count {
  min-width: 28px;
  padding: 3px 8px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 999px;
  background: var(--rtkp-surface,var(--rt-surface));
  text-align: center;
  font-size: .82rem;
}
.rtkp-kanban-dropzone {
  display: grid;
  align-content: start;
  gap: 10px;
  min-height: 150px;
  padding: 10px;
  border-radius: 0 0 12px 12px;
  transition: background-color .15s ease, outline-color .15s ease;
}
.rtkp-kanban-dropzone.is-over {
  outline: 2px solid var(--rtkp-primary, #006ab5);
  outline-offset: -4px;
  background: color-mix(in srgb, var(--rtkp-primary, #006ab5) 7%, var(--rtkp-page-bg, #f3f5f8));
}
.rtkp-kanban-card {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 10px;
  background: var(--rtkp-surface,var(--rt-surface));
}
.rtkp-kanban-card[draggable="true"] { cursor: grab; }
.rtkp-kanban-card[draggable="true"]:active { cursor: grabbing; }
.rtkp-kanban-card.is-dragging { opacity: .55; }
.rtkp-kanban-card[hidden] { display: none !important; }
.rtkp-kanban-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.rtkp-kanban-card-head strong { min-width: 0; }
.rtkp-kanban-card > p {
  margin: 0;
  color: var(--rtkp-muted, #64748b);
  font-size: .9rem;
  line-height: 1.45;
}
.rtkp-kanban-meta {
  display: grid;
  gap: 6px;
  margin: 0;
}
.rtkp-kanban-meta > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.rtkp-kanban-meta dt,
.rtkp-kanban-meta dd {
  margin: 0;
  font-size: .82rem;
}
.rtkp-kanban-meta dt { color: var(--rtkp-muted, #64748b); }
.rtkp-kanban-meta dd { text-align: right; }
.rtkp-kanban-progress {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.rtkp-kanban-progress progress { width: 100%; }
.rtkp-kanban-card-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 8px;
}
.rtkp-kanban-card-actions label {
  display: grid;
  gap: 4px;
  margin: 0;
  font-size: .78rem;
  color: var(--rtkp-muted, #64748b);
}
.rtkp-kanban-empty {
  padding: 18px 10px;
  text-align: center;
  color: var(--rtkp-muted, #64748b);
  font-size: .86rem;
}
.rtkp-kanban-column.is-filter-empty .rtkp-kanban-empty { display: block; }
@media (max-width: 767.98px) {
  .rtkp-kanban-board { grid-template-columns: repeat(5, minmax(82vw, 1fr)); }
  .rtkp-kanban-column { min-width: 82vw; }
  .rtkp-kanban-card-actions { grid-template-columns: 1fr; }
  .rtkp-kanban-card-actions .btn { width: 100%; }
}

/* 5.3.0-alpha.4 – klassische Projektplanung: Übersicht, Meilensteine, Abhängigkeiten, Dateien */
.rtkp-classic-overview-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
}
.rtkp-classic-overview-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 12px;
  background: var(--rtkp-surface,var(--rt-surface));
}
.rtkp-classic-overview-card span {
  color: var(--rtkp-muted, #64748b);
  font-size: .82rem;
  line-height: 1.35;
}
.rtkp-classic-overview-card strong {
  font-size: 1.45rem;
  line-height: 1.1;
}
.rtkp-next-milestone {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  margin-top: 12px;
  padding: 12px 14px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 10px;
  background: var(--rtkp-page-bg, #f3f5f8);
}
.rtkp-next-milestone > span,
.rtkp-next-milestone > small { color: var(--rtkp-muted, #64748b); }
.rtkp-dependency-fieldset {
  min-width: 0;
  margin: 0;
  padding: 14px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 10px;
}
.rtkp-dependency-fieldset legend {
  width: auto;
  margin: 0 0 4px;
  padding: 0 4px;
  font-size: .95rem;
  font-weight: 700;
}
.rtkp-dependency-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  max-height: 220px;
  overflow: auto;
}
.rtkp-dependency-option {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  padding: 9px 10px;
  border: 1px solid var(--rtkp-border, #e2e8f0);
  border-radius: 8px;
  background: var(--rtkp-surface,var(--rt-surface));
}
.rtkp-dependency-option input { margin-top: .2rem; }
.rtkp-dependency-option span { min-width: 0; }
.rtkp-dependency-option small {
  display: block;
  color: var(--rtkp-muted, #64748b);
}
.rtkp-dependency-warning {
  margin-top: 7px;
  padding: 7px 9px;
  border-left: 3px solid var(--rtkp-warning, #b7791f);
  background: color-mix(in srgb, var(--rtkp-warning, #b7791f) 9%, var(--rtkp-surface,var(--rt-surface)));
  font-size: .8rem;
  line-height: 1.4;
}
.rtkp-kanban-card.has-dependency-block {
  border-left: 3px solid var(--rtkp-warning, #b7791f);
}
.rtkp-kanban-milestone {
  color: var(--rtkp-muted, #64748b);
  font-size: .8rem;
}
.rtkp-kanban-column > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.rtkp-kanban-status-label {
  display: grid;
  gap: 4px;
  margin: 0;
  color: var(--rtkp-muted, #64748b);
  font-size: .78rem;
}
.rtkp-classic-file-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 12px;
}
@media (max-width: 1199.98px) {
  .rtkp-classic-overview-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .rtkp-classic-overview-grid,
  .rtkp-dependency-list { grid-template-columns: 1fr; }
  .rtkp-classic-file-actions .btn { width: 100%; }
}


/* ======================================================================
   RT-Kundenportal 5.3.0-alpha.5 – UI-Härtung und Überlappungsschutz
   ====================================================================== */
.rtkp-ui-51 .rtkp-classic-project,
.rtkp-ui-51 .rtkp-classic-project :where(.rtkp-view-toolbar,.rtkp-view-section,.rtkp-section-body,.rtkp-classic-meta-grid,.rtkp-classic-overview-grid){
  min-width:0;
  max-width:100%;
}
.rtkp-ui-51 .rtkp-classic-toolbar-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-width:0;
  max-width:100%;
}
.rtkp-ui-51 .rtkp-classic-toolbar-actions>.btn{
  min-width:0;
  max-width:100%;
  white-space:normal;
  text-align:center;
}
.rtkp-ui-51 .rtkp-classic-overview-card{
  display:grid;
  grid-template-columns:1fr;
  align-content:center;
  gap:5px;
  min-width:0;
  min-height:92px;
  padding:14px;
  border:1px solid var(--rtkp-border,#e2e8f0);
  border-radius:12px;
  background:var(--rtkp-surface,#fff);
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-classic-overview-card span{
  min-width:0;
  color:var(--rtkp-muted,#64748b);
  font-size:.82rem;
  line-height:1.35;
}
.rtkp-ui-51 .rtkp-classic-overview-card strong{
  min-width:0;
  font-size:1.45rem;
  line-height:1.1;
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-classic-meta-grid>div{
  min-width:0;
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-kanban-card-head{
  flex-wrap:wrap;
}
.rtkp-ui-51 .rtkp-kanban-card-head>strong{
  flex:1 1 150px;
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-kanban-card :where(p,small,span,strong){
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-kanban-card .badge{
  max-width:100%;
  white-space:normal;
}
.rtkp-ui-51 .rtkp-classic-file-actions{
  min-width:0;
}
.rtkp-ui-51 .rtkp-handover-preview-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:16px 0;
}
.rtkp-ui-51 .rtkp-handover-preview-grid>div{
  display:grid;
  gap:4px;
  min-width:0;
  padding:12px;
  border:1px solid var(--rtkp-border,#e2e8f0);
  border-radius:10px;
  background:var(--rtkp-page-bg,#f3f5f8);
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .rtkp-handover-preview-grid span{font-size:.78rem;color:var(--rtkp-muted,#64748b)}
.rtkp-ui-51 .rtkp-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  margin-top:16px;
}
.rtkp-ui-51 .rtkp-spec-page,
.rtkp-ui-51 .rtkp-spec-page .panel,
.rtkp-ui-51 .rtkp-spec-page .toolbar,
.rtkp-ui-51 .rtkp-spec-page .actions{
  min-width:0;
  max-width:100%;
}
.rtkp-ui-51 .rtkp-spec-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:12px 18px;
}
.rtkp-ui-51 .rtkp-spec-toolbar>div:first-child{
  flex:1 1 360px;
  min-width:0;
}
.rtkp-ui-51 .rtkp-spec-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-top:0;
}
.rtkp-ui-51 .rtkp-spec-actions>.btn{
  white-space:normal;
  text-align:center;
}
.rtkp-ui-51 .rtkp-spec-subtoolbar{margin-top:16px}
.rtkp-ui-51 .rtkp-break-code{overflow-wrap:anywhere;word-break:break-word}
.rtkp-ui-51 .rtkp-spec-page textarea{max-width:100%;min-width:0}

@media(max-width:1199.98px){
  .rtkp-ui-51 .rtkp-classic-toolbar-actions{justify-content:flex-start;width:100%}
}
@media(max-width:767.98px){
  .rtkp-ui-51 .rtkp-classic-toolbar-actions,
  .rtkp-ui-51 .rtkp-spec-actions,
  .rtkp-ui-51 .rtkp-dialog-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
  .rtkp-ui-51 .rtkp-classic-toolbar-actions>.btn,
  .rtkp-ui-51 .rtkp-spec-actions>.btn,
  .rtkp-ui-51 .rtkp-dialog-actions>.btn{
    width:100%;
  }
  .rtkp-ui-51 .rtkp-handover-preview-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:479.98px){
  .rtkp-ui-51 .rtkp-handover-preview-grid{grid-template-columns:1fr}
  .rtkp-ui-51 .rtkp-classic-view-switch{display:grid;grid-template-columns:1fr}
  .rtkp-ui-51 .rtkp-classic-view-switch>.btn{width:100%}
}

/* 5.3.0-alpha.5: zusätzliche, global wirksame Überlappungshärtung */
.rtkp-ui-51 .rtkp-project-card-head {
  flex-wrap: wrap;
}
.rtkp-ui-51 .rtkp-project-card-head > div {
  min-width: 0;
  flex: 1 1 180px;
}
.rtkp-ui-51 .rtkp-project-card h3,
.rtkp-ui-51 .rtkp-quick-card h2,
.rtkp-ui-51 .rtkp-quick-card p {
  overflow-wrap: anywhere;
  word-break: normal;
}
.rtkp-ui-51 .rtkp-card-footer {
  flex-wrap: wrap;
  gap: .75rem;
}
.rtkp-ui-51 .rtkp-admin-card > .btn,
.rtkp-ui-51 .rtkp-admin-card .rtkp-btn-row .btn {
  max-width: 100%;
  white-space: normal;
}
.rtkp-ui-51 .rtkp-spec-page .metric-list {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto);
}
.rtkp-ui-51 .rtkp-spec-page .metric-list dt,
.rtkp-ui-51 .rtkp-spec-page .metric-list dd {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
@media (max-width: 767.98px) {
  .rtkp-ui-51 .rtkp-spec-page .metric-list {
    grid-template-columns: minmax(0, 1fr);
  }
}


/* ======================================================================
   RT-Kundenportal 5.3.0-alpha.6 – bestätigte Abstands-/Überlappungsfixes
   und Kundenkommunikation
   ====================================================================== */
.rtkp-ui-51 .rtkp-view-summary > div{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:5px 9px;
  min-width:0;
  max-width:100%;
}
.rtkp-ui-51 .rtkp-view-summary > div > .eyebrow{
  flex:0 0 100%;
  margin:0!important;
}
.rtkp-ui-51 .rtkp-view-summary > div > :where(strong,span){
  min-width:0;
  overflow-wrap:anywhere;
}

/* Bootstrap-Karten besitzen ihr Innenpadding bereits in .card-body.
   Das frühere zusätzliche Padding auf .overview-card verkleinerte den
   nutzbaren Inhalt und ließ lange Aktionsbuttons aus der Karte laufen. */
.rtkp-ui-51 .portal-overview-grid > .overview-card{
  padding:0!important;
  overflow:hidden;
}
.rtkp-ui-51 .portal-overview-grid > .overview-card .card-body{
  width:100%;
  min-width:0;
}
.rtkp-ui-51 .portal-overview-grid > .overview-card .btn{
  width:100%;
  max-width:100%;
  align-self:stretch!important;
  white-space:normal;
  text-align:center;
  line-height:1.25;
}
.rtkp-ui-51 .portal-project-summary-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}
.rtkp-ui-51 .portal-inline-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  min-width:0;
}
.rtkp-ui-51 .portal-inline-actions .btn{white-space:normal}

.rtkp-ui-51 .portal-message-compose,
.rtkp-ui-51 .portal-thread-card{
  min-width:0;
  border:1px solid var(--rtkp-border,#e2e8f0);
  border-radius:12px;
  background:#fff;
  padding:18px;
}
.rtkp-ui-51 .portal-message-compose{
  background:var(--rtkp-page-bg,#f8fafc);
}
.rtkp-ui-51 .portal-message-compose-head,
.rtkp-ui-51 .portal-message-thread-head{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.rtkp-ui-51 .portal-message-compose-head>div,
.rtkp-ui-51 .portal-message-thread-head>div{min-width:0;flex:1 1 280px}
.rtkp-ui-51 .portal-message-stream{
  display:grid;
  gap:10px;
  max-height:52vh;
  overflow:auto;
  padding:2px;
}
.rtkp-ui-51 .portal-message-bubble{
  min-width:0;
  max-width:min(760px,92%);
  padding:12px 14px;
  border:1px solid var(--rtkp-border,#e2e8f0);
  border-radius:12px;
  background:#f7f9fb;
  overflow-wrap:anywhere;
}
.rtkp-ui-51 .portal-message-bubble.is-own{
  justify-self:end;
  background:#eef7fd;
  border-color:#b8d9ef;
}
.rtkp-ui-51 .portal-message-bubble header{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:6px 12px;
  margin-bottom:7px;
}
.rtkp-ui-51 .portal-message-bubble p{margin:0;line-height:1.55}
.rtkp-ui-51 .portal-message-attachments{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.rtkp-ui-51 .portal-message-reply{display:grid;gap:10px;border-top:1px solid var(--rtkp-border,#e2e8f0);padding-top:16px}
.rtkp-ui-51 .portal-message-reply label{display:grid;gap:6px}
.rtkp-ui-51 .portal-message-form-actions{display:flex;justify-content:flex-end;gap:8px}
.rtkp-ui-51 .rtkp-report-message-action{display:flex;justify-content:flex-end;padding:12px 16px 0}

@media(max-width:767.98px){
  .rtkp-ui-51 .portal-project-summary-actions{width:100%;justify-content:flex-start}
  .rtkp-ui-51 .portal-project-summary-actions>.btn{width:100%}
  .rtkp-ui-51 .portal-message-form-actions{display:grid;grid-template-columns:1fr}
  .rtkp-ui-51 .portal-message-form-actions>.btn{width:100%}
  .rtkp-ui-51 .portal-message-bubble{max-width:100%}
}

/* ======================================================================
   RT-Kundenportal 5.3.0-alpha.7 – Projektverwaltung und Projektzugriffe
   ====================================================================== */
.rtkp-ui-51 .rtkp-project-management-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    align-items:center;
}
.rtkp-ui-51 .rtkp-project-access-list{
    display:grid;
    gap:12px;
}
.rtkp-ui-51 .rtkp-access-person{
    min-width:0;
    padding:14px;
    border:1px solid var(--rtkp-border);
    border-radius:var(--rtkp-radius-sm);
    background:#fff;
}
.rtkp-ui-51 .rtkp-access-person.is-system-wide{
    background:#f8fafc;
}
.rtkp-ui-51 .rtkp-access-person-head,
.rtkp-ui-51 .rtkp-access-section-head{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}
.rtkp-ui-51 .rtkp-access-person-head small{
    display:block;
    margin-top:3px;
    color:var(--rtkp-muted);
}
.rtkp-ui-51 .rtkp-project-permission-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px 14px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid var(--rtkp-border);
}
.rtkp-ui-51 .rtkp-project-client-access{
    padding-top:6px;
    border-top:1px solid var(--rtkp-border);
}
.rtkp-ui-51 #projectClientAccessList.is-disabled{
    opacity:.58;
}
.rtkp-ui-51 .rtkp-section-actions>.btn{
    max-width:100%;
}
@media(max-width:767.98px){
    .rtkp-ui-51 .rtkp-project-management-actions,
    .rtkp-ui-51 .rtkp-section-actions{
        width:100%;
    }
    .rtkp-ui-51 .rtkp-project-management-actions>.btn,
    .rtkp-ui-51 .rtkp-section-actions>.btn{
        width:100%;
    }
    .rtkp-ui-51 .rtkp-project-permission-grid{
        grid-template-columns:1fr;
    }
}

/* ==========================================================================
   Formularlayouts
   Ursprung: assets/forms.css aus 5.3.0-beta.1
   ========================================================================== */

.forms-content{display:grid;gap:24px}.forms-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.forms-summary .stat{min-height:112px}.forms-section{background:var(--rt-surface);color:var(--rt-text-body,#17212b);border:1px solid var(--rt-border,#dcdcde);border-radius:4px;padding:20px}.forms-section h2{margin-top:0}.forms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.forms-grid .span-2{grid-column:1/-1}.forms-stack{display:grid;gap:14px}.forms-stack label{display:grid;gap:7px;font-weight:600}.forms-stack input,.forms-stack select,.forms-stack textarea{width:100%}.form-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #c3c4c7;border-radius:999px;padding:4px 9px;font-size:12px}.form-status.completed{background:#edfaef;border-color:#8ed19a}.form-status.in_progress{background:#eef6fc;border-color:#72aee6}.form-status.assigned{background:#fff8e5;border-color:#dba617}.form-progress{display:flex;align-items:center;gap:8px}.form-progress progress{min-width:120px}.form-preview-step{background:var(--rt-surface);border:1px solid var(--rt-border,#dcdcde);border-radius:4px;margin:0 0 18px;padding:20px}.form-preview-field{border-top:1px solid var(--rt-border,#eee);padding:14px 0}.form-preview-field:first-of-type{border-top:0}.form-preview-field label{display:block;font-weight:600;margin-bottom:6px}.form-info-box{background:var(--rt-info-soft,#f0f6fc);border-left:4px solid var(--rt-info,#2271b1);padding:14px}.form-answer{background:var(--rt-surface-subtle,#f6f7f7);border:1px solid var(--rt-border,#dcdcde);padding:12px;white-space:pre-wrap}.signature-box{border:1px solid var(--rt-border,#c3c4c7);background:var(--rt-surface);padding:10px}.signature-box img{max-width:420px;max-height:160px}.form-nav:not(td):not(th){display:flex;gap:10px;flex-wrap:wrap}.sensitive-note{background:var(--rt-warning-soft,#fff8e5);border-left:4px solid var(--rt-warning,#dba617);padding:12px}.migration-result{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:12px}@media(max-width:900px){.forms-summary,.forms-grid{grid-template-columns:1fr}.forms-grid .span-2{grid-column:auto}.forms-section{overflow-x:auto}}
.form-customer{max-width:980px;margin:0 auto;padding:28px 20px 60px}.form-customer .forms-section{margin-bottom:18px}.form-customer label{display:grid;gap:7px;font-weight:600}.form-customer input,.form-customer select,.form-customer textarea{width:100%}.form-customer .choice{display:flex;align-items:flex-start;gap:8px;font-weight:400}.form-customer .choice input{width:auto;margin-top:3px}.form-progressbar{height:12px;background:var(--rt-border,#dcdcde);border-radius:999px;overflow:hidden}.form-progressbar span{display:block;height:100%;background:var(--rt-primary,#2271b1)}.form-progress-meta{display:flex;justify-content:space-between;margin-bottom:7px}.field-error{color:var(--rt-danger,#b32d2e);font-size:13px}.autosave-status{font-size:13px;color:var(--rt-text-muted,#50575e)}.signature-wrap{border:1px solid var(--rt-border,#c3c4c7);background:var(--rt-surface)}.signature-wrap canvas{display:block;width:100%;height:180px;touch-action:none}.signature-tools{padding:8px;border-top:1px solid var(--rt-border,#dcdcde)}.completion-panel{background:var(--rt-success-soft,#edfaef);border-left:4px solid var(--rt-success,#00a32a);padding:20px}.form-choice-list{display:grid;gap:8px}.form-customer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.form-customer-head img{max-width:220px;height:auto}@media(max-width:700px){.form-customer-head{align-items:flex-start;flex-direction:column}.form-nav .btn{flex:1}.signature-wrap canvas{height:150px}}

/* ==========================================================================
   Bootstrap-Kompatibilität
   Ursprung: assets/bootstrap-rtcc.css aus 5.3.0-beta.1
   ========================================================================== */

/* RT-Kundenportal 5.0.0 Alpha 5
   Einheitliche Bootstrap-5.3.8-Oberfläche */
:root{
  --radius:12px;
  --bs-primary:#006ab5;
  --bs-primary-rgb:0,106,181;
  --bs-secondary:#5f6b7a;
  --bs-success:#009416;
  --bs-success-rgb:0,148,22;
  --bs-warning:#eda509;
  --bs-danger:#c22515;
  --bs-danger-rgb:194,37,21;
  --bs-body-color:#333333;
  --bs-body-bg:#f3f5f8;
  --bs-border-color:#dce2ea;
  --bs-border-radius:12px;
  --bs-border-radius-sm:12px;
  --bs-border-radius-lg:12px;
  --bs-border-radius-xl:12px;
  --bs-border-radius-xxl:12px;
  --bs-focus-ring-color:rgba(0,106,181,.25);
}

html,body{min-height:100%;}
body{color:var(--bs-body-color);background:var(--bs-body-bg);}
a{text-decoration:none;}

/* App-Shell: Navigation bleibt auf allen internen Seiten erhalten. */
.app-shell{grid-template-columns:240px minmax(0,1fr);}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:16px;gap:16px;}
.sidebar .nav-link{color:var(--text);border-radius:12px;padding:10px 12px;}
.sidebar .nav-link:hover{background:#eef5fa;color:var(--primary2);}
.sidebar .nav-link.active{background:var(--primary);color:#fff;font-weight:700;}
.topbar{min-height:86px;height:auto;gap:12px;flex-wrap:wrap;}
.content{max-width:none;width:100%;}
.frame-content{height:calc(100vh - 86px);overflow:hidden;background:var(--bg);}
.app-content-frame{display:block;width:100%;height:100%;border:0;background:var(--bg);}
.embedded-page{background:var(--bg);}

/* Einheitlicher Radius 12 px für alle rechteckigen Bedienelemente. */
.card,.panel,.stat,.forms-section,.forms-card,.project-progress,.customer-task,
.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell,
.system-page .panel,.health-row,.permission-item,.search-result,.message-bubble,
.thread-details,.reply-box,
.url-mode-card,.code-block,.plain-list li,.auth-card,.install-card,
.modal-card,.alert,.toast,.loading,.empty,details,.table-responsive,
input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,
.input-group-text,.btn,.nav-link,.status-badge,.status-tag,.user-pill,.traffic-label,
.task-progress-large,.unread-count,.form-preview-step,.form-info-box,.form-answer,
.signature-box,.signature-wrap,.completion-panel,.form-progressbar,.notification-item,
.communication-list,.thread-card,.reply-box,
.project-card,.search-results,.table,.table-responsive{border-radius:12px!important;}

/* Runde Statuspunkte bleiben bewusst kreisförmig. */
.traffic,.health-dot,.traffic-label::before{border-radius:50%!important;}

/* Bootstrap-Komponenten und bestehende Kompatibilitätsklassen. */
.btn{min-height:38px;padding:.5rem .85rem;border:1px solid transparent;font-weight:700;line-height:1.25;}
.btn.primary,.btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;}
.btn.primary:hover,.btn.btn-primary:hover{background:var(--primary2);border-color:var(--primary2);color:#fff;}
.btn.secondary,.btn.btn-outline-secondary{background:#fff;border-color:var(--line);color:var(--text);}
.btn.secondary:hover,.btn.btn-outline-secondary:hover{background:#eef3f8;border-color:#cbd5df;color:var(--text);}
.btn.warning,.btn.btn-warning{background:#fff6df;border-color:#efcf7e;color:#805700;}
.btn.danger,.btn.btn-danger{background:#fff0ee;border-color:#efb4ad;color:var(--danger);}
.btn.compact{min-height:34px;padding:.375rem .65rem;font-size:.875rem;}

input:not([type="checkbox"]):not([type="radio"]),select,textarea,
.form-control,.form-select{min-height:38px;border:1px solid var(--line);background:#fff;color:var(--text);padding:.5rem .75rem;}
input:focus,select:focus,textarea:focus,.form-control:focus,.form-select:focus{
  border-color:#75b8e5;box-shadow:0 0 0 .25rem rgba(0,106,181,.18);outline:0;
}
input[type="checkbox"],input[type="radio"]{width:1rem;height:1rem;flex:0 0 auto;}

.table{--bs-table-bg:#fff;--bs-table-border-color:var(--line);margin-bottom:0;}
.table>:not(caption)>*>*{padding:.75rem;vertical-align:middle;}
.table thead th{background:#f7f9fb;font-weight:700;}
.table-responsive{border:1px solid var(--line);overflow:auto;background:#fff;}
.card,.panel,.stat,.forms-section{box-shadow:none;}

/* Mindestens 5 px Abstand zwischen Bedienelementen und Boxen. */
.toolbar,.actions,.task-action-group,.report-generate-controls,.backup-actions,
.inline-form,.global-search,.mail-reader-actions,.mail-attachments,.mail-forward-attachments,
.mail-editor-tools,.message-files,.reply-options,.form-nav,.stack,.grid,.stats,.form-grid,
.system-grid,.task-split-grid,.relocation-grid,.forms-grid,.forms-stack,.admin-grid{
  gap:max(5px,var(--component-gap,10px));
}
.card+.card,.panel+.panel,.forms-section+.forms-section{margin-top:5px;}
.btn+.btn,a.btn+form,form+.btn,form+form{margin-inline-start:5px;}

/* Aufgabenlisten sind reguläre Seiten, keine Dialoge. */
.project-task-page{display:grid;gap:12px;}
.project-task-page .table-responsive{width:100%;}
.task-management-page{background:var(--bg);padding:16px;}
.task-management-head,.task-anchor-nav,.task-management-main{width:100%;max-width:none;}
.task-management-main{padding:0 0 24px;}
.task-management-head{margin-bottom:10px;}
.task-anchor-nav{margin-bottom:12px;}

/* Native Dialoge erhalten ausschließlich Bootstrap-nahe Darstellung. */
dialog{width:min(900px,calc(100vw - 32px));}
dialog::backdrop{background:rgba(33,37,41,.55);}
.modal-card{border:1px solid var(--line);box-shadow:var(--bs-box-shadow-lg);}

@media(max-width:900px){
  .app-shell{grid-template-columns:1fr;}
  .sidebar{position:relative;height:auto;display:flex;}
  .sidebar .nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  .frame-content{height:calc(100vh - 180px);}
  .topbar{padding:12px 16px;}
}
@media(max-width:600px){
  .sidebar .nav{grid-template-columns:1fr;}
  .frame-content{height:calc(100vh - 220px);}
  .btn+.btn,a.btn+form,form+.btn,form+form{margin-inline-start:0;margin-top:5px;}
}


/* Eingebettete Unterseiten belegen immer den gesamten rechten Inhaltsbereich. */
.embedded-page.auth-bg,
.embedded-page.task-management-page{
  min-height:100%;
  padding:16px;
  background:var(--bs-body-bg);
}
.embedded-page .system-page,
.embedded-page .install-card,
.embedded-page .task-management-main,
.embedded-page .forms-content{
  width:100%;
  max-width:none;
  margin:0;
}
.embedded-page .system-page,
.embedded-page .install-card{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.embedded-page .system-page>h1,
.embedded-page .install-card>h1{margin-bottom:1rem;}
.embedded-page .task-management-head{margin-top:0;}
.embedded-page .task-management-head>a[target="_top"]{display:none;}

/* Bootstrap-Formstruktur auch für ältere Templates. */
label{margin-bottom:0;}
label>input:not([type="checkbox"]):not([type="radio"]),
label>select,label>textarea{margin-top:5px;}
button,.btn,.form-control,.form-select{border-radius:12px!important;}
.row,.d-flex,.btn-group,.input-group{--bs-gutter-x:max(5px,1rem);}
.btn-toolbar,.btn-group,.nav,.pagination{gap:5px;}

/* Unterseiten und Tabellen bleiben im Inhaltsframe responsiv. */
.system-page,.task-management-main,.forms-content{overflow-wrap:anywhere;}
.table-scroll,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
@media(max-width:900px){
  .embedded-page.auth-bg,.embedded-page.task-management-page{padding:12px;}
  .app-content-frame{min-height:720px;}
}

.table{overflow:hidden;}
.notification-item+.notification-item,.message-bubble+.message-bubble{margin-top:5px;}

/* ==========================================================================
   Branding und Kundenportal
   Ursprung: assets/branding.css aus 5.3.0-beta.1
   ========================================================================== */

.rtkp-brandmark {
    display: block;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1 / 1;
}

.brand .rtkp-brandmark {
    width: 56px !important;
    height: 56px !important;
    max-width: 56px !important;
    flex: 0 0 56px;
}

.auth-logo.rtkp-brandmark {
    width: 112px !important;
    height: 112px !important;
    max-width: 112px !important;
    margin-inline: auto;
}

.portal-head > .rtkp-brandmark,
.form-customer-head > .rtkp-brandmark {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
    flex: 0 0 60px;
}

.impersonation-bar {
    position: sticky;
    top: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 20px;
    border-bottom: 1px solid var(--bs-warning-border-subtle, #ffe69c);
    background: var(--bs-warning-bg-subtle, #fff3cd);
    color: var(--bs-warning-text-emphasis, #664d03);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.impersonation-bar > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.impersonation-bar span {
    font-size: .875rem;
}

.impersonation-bar form {
    margin: 0;
    flex: 0 0 auto;
}

@media (max-width: 720px) {
    .impersonation-bar {
        position: relative;
        align-items: stretch;
        flex-direction: column;
        padding: 12px 16px;
    }

    .impersonation-bar .btn {
        width: 100%;
    }

    .brand .rtkp-brandmark {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        flex-basis: 48px;
    }
}

.portal-shell .brand {
    align-items: flex-start;
    gap: 14px;
}

.portal-shell .brand span {
    min-width: 0;
}

.portal-shell .brand small {
    display: block;
}

.portal-overview-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.overview-card .card-body,
.portal-announcement-card .card-body,
.portal-announcement-highlight,
.portal-thread-card {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.portal-announcement-highlight,
.portal-thread-card {
    padding: 1rem;
    border-radius: var(--bs-border-radius-lg, 1rem);
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
}

.portal-project-list .list-group-item.active {
    border-color: var(--bs-primary, #0d6efd);
}

.portal-progress-card {
    min-width: 140px;
    padding: .75rem 1rem;
    border-radius: .9rem;
    background: var(--bs-light, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.task-progress-inline {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.task-progress-inline progress {
    width: 130px;
    max-width: 100%;
}

@media (max-width: 1199.98px) {
    .portal-overview-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .portal-overview-grid {
        grid-template-columns: 1fr;
    }


    .task-progress-inline {
        flex-wrap: wrap;
    }
}


.form-customer-embedded {
    width: min(1100px, 100%);
    max-width: 1100px;
    margin: 0 auto;
    padding: 1.5rem;
}

.form-customer-embedded > h1:first-of-type {
    margin-top: 0;
}

.portal-shell .frame-content {
    min-height: calc(100vh - 73px);
}

.portal-shell .app-content-frame {
    display: block;
    width: 100%;
    min-height: calc(100vh - 73px);
    border: 0;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

@media (max-width: 767.98px) {
    .form-customer-embedded {
        padding: 1rem;
    }
}

.protected-report-page.embedded-page .protected-report-shell {
    width: min(1180px, 100%);
    max-width: 1180px;
    margin: 0 auto;
    padding: 1.5rem;
}

.protected-report-page.embedded-page .protected-pdf-frame {
    min-height: calc(100vh - 150px);
}

@media (max-width: 767.98px) {
    .protected-report-page.embedded-page .protected-report-shell {
        padding: 1rem;
    }
}

.portal-guide-shell {
    overflow: hidden;
}

.portal-guide-layout {
    display: grid;
    grid-template-columns: minmax(250px, 320px) minmax(0, 1fr);
    min-height: 560px;
}

.portal-guide-nav {
    padding: 1.5rem;
    border-right: 1px solid var(--bs-border-color, #dee2e6);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.portal-guide-progress {
    display: block;
    width: 100%;
    height: .65rem;
}

.portal-guide-nav .list-group-item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    padding: .8rem .75rem;
    border-inline: 0;
    background: transparent;
}

.portal-guide-nav .list-group-item:first-child {
    border-top: 0;
}

.portal-guide-step-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: .8rem;
    font-weight: 700;
}

.portal-guide-content {
    padding: clamp(1.5rem, 4vw, 3.5rem);
}

.portal-guide-content .lead {
    max-width: 780px;
}

.portal-guide-points {
    display: grid;
    gap: 1rem;
    max-width: 820px;
    margin: 0;
    padding-left: 1.25rem;
}

.portal-guide-points li {
    padding-left: .35rem;
}

.portal-guide-hint {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    max-width: 820px;
    padding: 1rem 1.1rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-left: .3rem solid var(--bs-primary, #0d6efd);
    border-radius: var(--bs-border-radius, .375rem);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.portal-guide-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 820px;
    padding-top: 1.25rem;
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

@media (max-width: 991.98px) {
    .portal-guide-layout {
        grid-template-columns: 1fr;
    }

    .portal-guide-nav {
        border-right: 0;
        border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    }

    .portal-guide-nav .list-group {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .portal-guide-nav,
    .portal-guide-content {
        padding: 1rem;
    }

    .portal-guide-nav .list-group {
        grid-template-columns: 1fr;
    }

    .portal-guide-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-guide-actions > div,
    .portal-guide-actions .btn,
    .portal-guide-actions form {
        width: 100%;
    }
}

/* Interaktive Seitenguides */
.portal-tour-start {
    white-space: nowrap;
}

.portal-guide-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.portal-guide-card .card-body {
    display: flex;
    flex-direction: column;
}

.portal-guide-card.is-complete {
    border-color: var(--bs-success-border-subtle, #a3cfbb);
}

.portal-guide-card .btn,
.portal-guide-card small.mt-auto {
    align-self: flex-start;
}

.rtkp-tour-root[hidden] {
    display: none !important;
}

.rtkp-tour-root {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    pointer-events: auto;
}

.rtkp-tour-live {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.rtkp-tour-spotlight {
    position: fixed;
    min-width: 2px;
    min-height: 2px;
    border: 3px solid var(--bs-primary, #0d6efd);
    border-radius: .8rem;
    background: transparent;
    box-shadow: 0 0 0 9999px rgba(15, 23, 42, .68), 0 0 0 6px rgba(13, 110, 253, .2);
    transition: left .28s ease, top .28s ease, width .28s ease, height .28s ease;
    pointer-events: none;
}

.rtkp-tour-spotlight::after {
    content: '';
    position: absolute;
    inset: -8px;
    border: 2px solid rgba(13, 110, 253, .55);
    border-radius: 1rem;
    animation: rtkp-tour-pulse 1.65s ease-out infinite;
}

.rtkp-tour-tooltip {
    position: fixed;
    width: min(390px, calc(100vw - 24px));
    max-height: calc(100vh - 24px);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 1rem;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #212529);
    box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, .35);
    pointer-events: auto;
    animation: rtkp-tour-tooltip-in .28s ease both;
}

.rtkp-tour-close {
    position: absolute;
    top: .65rem;
    right: .75rem;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 1.5rem;
    line-height: 1;
}

.rtkp-tour-close:hover,
.rtkp-tour-close:focus-visible {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.rtkp-tour-kicker {
    margin: 0 2rem .35rem 0;
    color: var(--bs-primary, #0d6efd);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rtkp-tour-title {
    margin: 0 2rem .65rem 0;
    font-size: 1.25rem;
    line-height: 1.25;
}

.rtkp-tour-text {
    margin: 0 0 1rem;
    line-height: 1.55;
}

.rtkp-tour-progress {
    height: .35rem;
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--bs-tertiary-bg, #e9ecef);
}

.rtkp-tour-progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--bs-primary, #0d6efd);
    transition: width .28s ease;
}

.rtkp-tour-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .75rem;
}

.rtkp-tour-actions > div {
    display: flex;
    gap: .5rem;
}

.rtkp-tour-target-active {
    scroll-margin: 120px;
}

@keyframes rtkp-tour-pulse {
    0% { opacity: .9; transform: scale(.985); }
    75%, 100% { opacity: 0; transform: scale(1.035); }
}

@keyframes rtkp-tour-tooltip-in {
    from { opacity: 0; transform: translateY(10px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@media (prefers-reduced-motion: reduce) {
    .rtkp-tour-spotlight,
    .rtkp-tour-progress span {
        transition: none;
    }

    .rtkp-tour-spotlight::after,
    .rtkp-tour-tooltip {
        animation: none;
    }
}

@media (max-width: 1199.98px) {
    .portal-guide-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .portal-guide-card-grid {
        grid-template-columns: 1fr;
    }

    .rtkp-tour-tooltip {
        left: 12px !important;
        right: 12px;
        bottom: 12px;
        top: auto !important;
        width: auto;
        max-height: min(52vh, 460px);
    }

    .rtkp-tour-actions {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .rtkp-tour-actions > div,
    .rtkp-tour-actions .btn {
        width: 100%;
    }
}

/* RT-Kundenportal 5.1.0-alpha.7 – barrierearme Seitenguides */
.rtkp-tour-tooltip{
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
}
.rtkp-tour-close{
    width:2.75rem;
    height:2.75rem;
    min-height:2.75rem;
}
.rtkp-tour-actions .btn{
    min-height:2.75rem;
}
.rtkp-tour-target-active{
    scroll-margin-block:clamp(88px,14vh,150px);
}
.rtkp-tour-tooltip:focus-visible{
    outline:3px solid var(--bs-primary,#0d6efd);
    outline-offset:3px;
}

@media(max-width:767.98px){
    .rtkp-tour-tooltip{
        left:max(10px,env(safe-area-inset-left))!important;
        right:max(10px,env(safe-area-inset-right));
        bottom:max(10px,env(safe-area-inset-bottom));
        width:auto;
        max-height:min(56dvh,480px);
        padding:1.1rem;
        border-radius:1rem;
    }
    .rtkp-tour-actions>div{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .rtkp-tour-actions .btn{
        min-height:46px;
    }
    .rtkp-tour-spotlight{
        border-width:2px;
        box-shadow:0 0 0 9999px rgba(15,23,42,.72),0 0 0 5px rgba(13,110,253,.18);
    }
}

@media(max-height:560px) and (orientation:landscape){
    .rtkp-tour-tooltip{
        max-height:calc(100dvh - 20px);
        width:min(440px,calc(100vw - 20px));
        padding:1rem;
    }
    .rtkp-tour-text{margin-bottom:.75rem}
}

@media(pointer:coarse){
    .rtkp-tour-close,
    .rtkp-tour-actions .btn{
        min-height:44px;
    }
}

@media(forced-colors:active){
    .rtkp-tour-spotlight{
        border:4px solid Highlight;
        box-shadow:0 0 0 9999px rgba(0,0,0,.72);
    }
    .rtkp-tour-spotlight::after{display:none}
    .rtkp-tour-tooltip{
        border:2px solid CanvasText;
        box-shadow:none;
    }
    .rtkp-tour-progress span{background:Highlight}
}

/* 5.2.1-alpha.2 – RO weist einmalig auf den bewusst gestarteten Seiten-Guide hin. */
.rtkp-ro-guide-hint{
    position:fixed;
    z-index:1085;
    display:grid;
    grid-template-columns:92px minmax(170px,260px);
    align-items:end;
    gap:10px;
    max-width:min(380px,calc(100vw - 24px));
    padding:10px 34px 10px 10px;
    background:#fff;
    border:1px solid var(--bs-border-color,#dedede);
    border-radius:12px;
    box-shadow:0 10px 30px rgba(33,43,54,.16);
}
.rtkp-ro-guide-hint[hidden]{display:none!important}
.rtkp-ro-guide-hint img{display:block;width:92px;height:auto;align-self:end}
.rtkp-ro-guide-hint p{margin:0 0 10px;font-weight:700;line-height:1.35;color:#333}
.rtkp-ro-guide-close{
    position:absolute;right:7px;top:5px;width:28px;height:28px;border:0;background:transparent;
    color:#333;font-size:1.4rem;line-height:1;border-radius:6px;cursor:pointer
}
.rtkp-ro-guide-close:hover,.rtkp-ro-guide-close:focus-visible{background:#ededed;outline:2px solid #006ab5;outline-offset:2px}
@keyframes rtkpGuidePulse{
    0%,100%{box-shadow:0 0 0 0 rgba(0,106,181,0)}
    50%{box-shadow:0 0 0 7px rgba(0,106,181,.28);border-color:#006ab5}
}
.rtkp-guide-pulse{animation:rtkpGuidePulse .58s ease-in-out 3}
@media (prefers-reduced-motion:reduce){
    .rtkp-guide-pulse{animation:none;outline:3px solid #006ab5;outline-offset:3px}
}
@media(max-width:575.98px){
    .rtkp-ro-guide-hint{grid-template-columns:72px minmax(150px,1fr)}
    .rtkp-ro-guide-hint img{width:72px}
}

/* ==========================================================================
   Backup-Verwaltung
   Ursprung: assets/backup-settings.css aus 5.3.0-beta.1
   ========================================================================== */

/* RT-Kundenportal 5.1.0-alpha.10 – Backup-Verwaltung */

.backup-actions,
.external-target-actions,
.external-target-actions form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    margin: 0;
}

.backup-actions .btn,
.external-target-actions .btn {
    white-space: nowrap;
}

.external-backup-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    gap: 1.25rem;
    align-items: start;
}

.external-target-list,
.backup-list {
    display: grid;
    gap: 1rem;
}

.external-target-card,
.backup-item {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--bs-border-color, var(--line, #dce2ea));
    border-radius: var(--bs-border-radius-lg, var(--radius, 12px));
    background: var(--bs-body-bg, #fff);
}

.external-target-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.external-target-head h3 {
    margin: 0 0 .25rem;
    font-size: 1rem;
}

.external-target-head p {
    margin: 0;
    color: var(--bs-secondary-color, var(--muted, #667085));
    overflow-wrap: anywhere;
}

.external-target-badges {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.external-target-meta,
.backup-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem 1rem;
    margin: 0;
}

.external-target-meta > div,
.backup-meta-grid > div {
    min-width: 0;
}

.external-target-meta dt,
.backup-meta-grid dt {
    display: block;
    margin-bottom: .2rem;
    color: var(--bs-secondary-color, var(--muted, #667085));
    font-size: .78rem;
    font-weight: 650;
}

.external-target-meta dd,
.backup-meta-grid dd {
    margin: 0;
    font-size: .92rem;
    font-weight: 650;
}

.external-target-meta code,
.backup-file-meta strong,
.breakable-text {
    overflow-wrap: anywhere;
    word-break: normal;
}

.external-target-status-block {
    display: grid;
    gap: .45rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color, var(--line, #dce2ea));
}

.external-target-status-title {
    margin: 0;
    font-size: .9rem;
    line-height: 1.35;
    font-weight: 700;
}

.external-status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .65rem;
}

.external-status .badge {
    flex: 0 0 auto;
}

.external-status small {
    min-width: 0;
}

.external-target-actions {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-border-color, var(--line, #dce2ea));
}

.protocol-availability {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin: .75rem 0 1rem;
}

.protocol-availability span {
    padding: .35rem .65rem;
    border: 1px solid var(--bs-border-color, var(--line, #dce2ea));
    border-radius: 999px;
    font-size: .85rem;
}

.external-settings-form {
    position: sticky;
    top: 1rem;
    min-width: 0;
}

.external-settings-form .form-check {
    margin-left: .15rem;
}

.protocol-fields {
    display: grid;
    gap: .85rem;
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--bs-border-color, var(--line, #dce2ea));
    border-radius: var(--bs-border-radius-lg, .75rem);
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.protocol-fields[hidden] {
    display: none !important;
}

.protocol-fields legend {
    float: none;
    width: auto;
    margin: 0 0 .15rem;
    padding: 0 .25rem;
    font-size: 1rem;
    font-weight: 700;
}

.backup-item {
    padding: 0;
    overflow: hidden;
}

.backup-item-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .25rem;
}

.backup-item-title {
    min-width: 0;
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.backup-meta-grid {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
    padding: .75rem 1rem 1rem;
}

.backup-actions {
    padding: .8rem 1rem;
    border-top: 1px solid var(--bs-border-color, var(--line, #dce2ea));
    background: var(--bs-tertiary-bg, #f8f9fa);
}

@media (max-width: 1280px) {
    .external-backup-grid {
        grid-template-columns: 1fr;
    }

    .external-settings-form {
        position: static;
    }
}

@media (max-width: 760px) {
    .external-target-head {
        flex-direction: column;
    }

    .external-target-badges {
        justify-content: flex-start;
    }

    .external-target-meta,
    .backup-meta-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 520px) {
    .backup-item-header {
        flex-direction: column;
        gap: .5rem;
    }

    .external-target-meta,
    .backup-meta-grid {
        grid-template-columns: 1fr;
    }

    .backup-actions,
    .external-target-actions,
    .external-target-actions form {
        width: 100%;
    }

    .backup-actions .btn,
    .external-target-actions .btn {
        flex: 1 1 auto;
    }
}

/* RT-Kundenportal 5.1.0-alpha.17 – Restore-Vorprüfung */
.restore-check-panel {
    border-left: 4px solid var(--bs-success, #198754);
}

.restore-check-grid {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.restore-check-grid dd {
    overflow-wrap: anywhere;
}

/* ==========================================================================
   Systemfehler-Darstellung
   Ursprung: assets/system-errors.css aus 5.3.0-beta.1
   ========================================================================== */

.system-errors-toolbar {
    align-items: flex-start;
    gap: 1rem;
}

.system-errors-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
}

.system-errors-selection {
    color: var(--bs-secondary-color, #6c757d);
    font-size: .875rem;
    white-space: nowrap;
}

.system-errors-table .error-select-column {
    width: 2.75rem;
    min-width: 2.75rem;
    text-align: center;
    vertical-align: middle;
}

.system-errors-table .error-status-column,
.system-errors-table .error-actions-column {
    width: 1%;
    min-width: max-content;
    white-space: nowrap;
    vertical-align: middle;
}

.system-errors-table .error-status-column .status-tag,
.system-errors-table .error-actions-column .btn,
.system-errors-actions .btn {
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal;
}

.system-errors-table tr.is-resolved {
    opacity: .78;
}

.system-errors-table input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    margin: 0;
}

@media (max-width: 900px) {
    .system-errors-toolbar,
    .system-errors-actions {
        align-items: stretch;
    }

    .system-errors-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

/* ==========================================================================
   Flächen- und Strukturregeln
   Ursprung: assets/flat-theme.css aus 5.3.0-beta.1
   ========================================================================== */

/* RT-Kundenportal 5.1.0-alpha.60
   Strukturelles Flat-Layout und Token-Anbindung.
   Keine parallele Token-Autorität: Komponentenregeln liegen in theme-runtime.css,
   Tokenwerte kommen als feste Code-Defaults inline über rtkp_theme_assets_html().
   Diese Datei wird nach den Basis-Stylesheets und vor theme-runtime geladen. */

:root{
    --rtkp-shadow:none;
    --rtkp-shadow-hover:none;
    --rtkp-card-shadow:none;
    --bs-box-shadow:none;
    --bs-box-shadow-sm:none;
    --bs-box-shadow-lg:none;
    --bs-box-shadow-inset:none;
}

/* Dekorative Schatten deaktivieren. Funktionale Overlays des Guides bleiben erhalten. */
body.rtkp-ui-51 :where(
    .card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card,
    .auth-card,.install-card,.modal-card,.modal-content,.dropdown-menu,
    .offcanvas,.toast,.popover,.table-responsive,.rtkp-table-card,
    .external-target-card,.backup-card,.notification-item,.message-bubble,
    .rtkp-design-card,.rtkp-design-preview-card,.rtkp-design-health-result
),
body.embedded-page :where(
    .card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card,
    .modal-card,.modal-content,.dropdown-menu,.offcanvas,.toast,.popover,
    .table-responsive,.rtkp-table-card,.external-target-card,.backup-card,
    .notification-item,.message-bubble,.rtkp-design-card,.rtkp-design-preview-card
),
body.auth-bg :where(.auth-card,.install-card,.card,.panel),
.rtkp-ui-51 :where(.btn,button,.form-control,.form-select,input,select,textarea),
body.embedded-page :where(.btn,button,.form-control,.form-select,input,select,textarea){
    box-shadow:none!important;
}

.rtkp-ui-51 article.card,
.rtkp-ui-51 article.card:hover,
.rtkp-ui-51 .card:hover,
body.embedded-page .card:hover{
    transform:none!important;
    box-shadow:none!important;
}

/* Flächen und Textfarben konsequent an das Designsystem anbinden. */
body.rtkp-ui-51,
body.embedded-page,
body.auth-bg{
    color:var(--rt-text-body,#333)!important;
}

.rtkp-ui-51 :where(.card,.panel,.modal-card,.modal-content,.rtkp-section-body,.table-responsive),
body.embedded-page :where(.card,.panel,.modal-card,.modal-content,.rtkp-section-body,.table-responsive){
    color:var(--rt-text-body,#333)!important;
}

.rtkp-ui-51 :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.card-title,.panel-title),
body.embedded-page :where(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.card-title,.panel-title){
    color:var(--rt-text-heading,#1d2b3c)!important;
}

.rtkp-ui-51 :where(.text-muted,.text-body-secondary,.muted,.small,small,.form-text,.help-text),
body.embedded-page :where(.text-muted,.text-body-secondary,.muted,.small,small,.form-text,.help-text){
    color:var(--rt-text-muted,#667085)!important;
}

.rtkp-ui-51 a:not(.btn):not(.nav-link):not(.list-group-item),
body.embedded-page a:not(.btn):not(.nav-link):not(.list-group-item){
    color:var(--rt-text-link,#00538f)!important;
}

/* Formulare: Farbe, Border, Radius und Padding aus den gespeicherten Werten. */
.rtkp-ui-51 :where(.form-control,.form-select,textarea.form-control,input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea),
body.embedded-page :where(.form-control,.form-select,textarea.form-control,input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea){
    background-color:var(--rt-control-background,#fff)!important;
    color:var(--rt-control-text,#222)!important;
    border-color:var(--rt-control-border,#cfd7e3)!important;
    border-width:var(--rt-control-border-width,1px)!important;
    border-style:var(--rt-control-border-style,solid)!important;
    border-radius:var(--rt-control-border-radius,10px)!important;
    padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important;
}

.rtkp-ui-51 :where(input,textarea,.form-control)::placeholder,
body.embedded-page :where(input,textarea,.form-control)::placeholder{
    color:var(--rt-control-placeholder,#7c8797)!important;
    opacity:1!important;
}

.rtkp-ui-51 :where(.form-control,.form-select,input,select,textarea):focus,
body.embedded-page :where(.form-control,.form-select,input,select,textarea):focus{
    border-color:var(--rt-control-focus-border,#006ab5)!important;
    box-shadow:none!important;
    outline:2px solid var(--rt-control-focus-ring,#83bfe8)!important;
    outline-offset:2px!important;
}

.rtkp-ui-51 .input-group-text,
body.embedded-page .input-group-text{
    background:var(--rt-control-disabled-background,#f1f3f5)!important;
    color:var(--rt-control-text,#222)!important;
    border-color:var(--rt-control-border,#cfd7e3)!important;
    border-width:var(--rt-control-border-width,1px)!important;
    border-style:var(--rt-control-border-style,solid)!important;
    padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important;
}

/* Buttons: dynamische Werte auch gegen spätere statische Styles priorisieren. */
.rtkp-ui-51 :where(.btn,a.btn,input[type="submit"].btn,input[type="button"].btn),
body.embedded-page :where(.btn,a.btn,input[type="submit"].btn,input[type="button"].btn){
    padding:var(--rt-button-padding-y,9px) var(--rt-button-padding-x,15px)!important;
    border-width:var(--rt-button-border-width,1px)!important;
    border-style:var(--rt-button-border-style,solid)!important;
    border-radius:var(--rt-button-border-radius,10px)!important;
    box-shadow:none!important;
}

.rtkp-ui-51 .btn-primary,
body.embedded-page .btn-primary{
    background-color:var(--rt-button-primary-background,#006ab5)!important;
    color:var(--rt-button-primary-text,#fff)!important;
    border-color:var(--rt-button-primary-border,#006ab5)!important;
}
.rtkp-ui-51 .btn-primary:hover,
.rtkp-ui-51 .btn-primary:focus-visible,
body.embedded-page .btn-primary:hover,
body.embedded-page .btn-primary:focus-visible{
    background-color:var(--rt-button-primary-hover-background,#00538f)!important;
    color:var(--rt-button-primary-hover-text,#fff)!important;
    border-color:var(--rt-button-primary-hover-border,#00538f)!important;
}
.rtkp-ui-51 :where(.btn-secondary,.btn-light),
body.embedded-page :where(.btn-secondary,.btn-light){
    background-color:var(--rt-button-secondary-background,#fff)!important;
    color:var(--rt-button-secondary-text,#333)!important;
    border-color:var(--rt-button-secondary-border,#cfd7e3)!important;
}
.rtkp-ui-51 :where(.btn-secondary,.btn-light):hover,
.rtkp-ui-51 :where(.btn-secondary,.btn-light):focus-visible,
body.embedded-page :where(.btn-secondary,.btn-light):hover,
body.embedded-page :where(.btn-secondary,.btn-light):focus-visible{
    background-color:var(--rt-button-secondary-hover-background,#f3f6f9)!important;
    color:var(--rt-button-secondary-hover-text,#1d2b3c)!important;
    border-color:var(--rt-button-secondary-hover-border,#aeb9c8)!important;
}
.rtkp-ui-51 .btn-outline-secondary,
body.embedded-page .btn-outline-secondary{
    background-color:transparent!important;
    color:var(--rt-button-secondary-text,#333)!important;
    border-color:var(--rt-button-secondary-border,#cfd7e3)!important;
}
.rtkp-ui-51 .btn-outline-secondary:hover,
.rtkp-ui-51 .btn-outline-secondary:focus-visible,
body.embedded-page .btn-outline-secondary:hover,
body.embedded-page .btn-outline-secondary:focus-visible{
    background-color:var(--rt-button-secondary-hover-background,#f3f6f9)!important;
    color:var(--rt-button-secondary-hover-text,#1d2b3c)!important;
    border-color:var(--rt-button-secondary-hover-border,#aeb9c8)!important;
}
.rtkp-ui-51 .btn-danger,
body.embedded-page .btn-danger{
    background-color:var(--rt-button-danger-background,#c22515)!important;
    color:var(--rt-button-danger-text,#fff)!important;
    border-color:var(--rt-button-danger-border,#c22515)!important;
}
.rtkp-ui-51 .btn-danger:hover,
.rtkp-ui-51 .btn-danger:focus-visible,
body.embedded-page .btn-danger:hover,
body.embedded-page .btn-danger:focus-visible{
    background-color:var(--rt-button-danger-hover-background,#9f1e12)!important;
    color:var(--rt-button-danger-hover-text,#fff)!important;
    border-color:var(--rt-button-danger-hover-border,#9f1e12)!important;
}
.rtkp-ui-51 .btn-outline-danger,
body.embedded-page .btn-outline-danger{
    background-color:transparent!important;
    color:var(--rt-button-danger-background,#c22515)!important;
    border-color:var(--rt-button-danger-border,#c22515)!important;
}
.rtkp-ui-51 .btn-outline-danger:hover,
.rtkp-ui-51 .btn-outline-danger:focus-visible,
body.embedded-page .btn-outline-danger:hover,
body.embedded-page .btn-outline-danger:focus-visible{
    background-color:var(--rt-button-danger-hover-background,#9f1e12)!important;
    color:var(--rt-button-danger-hover-text,#fff)!important;
    border-color:var(--rt-button-danger-hover-border,#9f1e12)!important;
}

/* Tabellen: alle Zellen verwenden dieselben gespeicherten Farben und Abstände. */
.rtkp-ui-51 :where(.table,table),
body.embedded-page :where(.table,table){
    color:var(--rt-table-body-text,#333)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    --bs-table-bg:var(--rt-table-body-background,#fff);
    --bs-table-color:var(--rt-table-body-text,#333);
    --bs-table-border-color:var(--rt-table-border,#dfe5ec);
    --bs-table-hover-bg:var(--rt-table-hover-background,#f7fafc);
    --bs-table-hover-color:var(--rt-table-body-text,#333);
}
/* Bootstrap 5.3 zeichnet Tabellenzellen zusätzlich mit einem sehr großen
   inneren Box-Shadow. Dieser überdeckte die im Designeditor gewählte Farbe
   des Tabellenkopfs. Kopfzellen erhalten deshalb eigene Bootstrap-Variablen
   und der Zell-Overlay wird dort ausdrücklich deaktiviert. */
.rtkp-ui-51 :where(.table,table) > thead,
body.embedded-page :where(.table,table) > thead{
    --bs-table-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-striped-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-active-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-hover-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-color:var(--rt-table-header-text,#566579);
}
.rtkp-ui-51 :where(.table,table) > thead > tr > :where(th,td),
body.embedded-page :where(.table,table) > thead > tr > :where(th,td),
.rtkp-ui-51 .rtkp-table-surface :where(.table,table) > thead > tr > :where(th,td),
body.embedded-page .rtkp-table-surface :where(.table,table) > thead > tr > :where(th,td){
    --bs-table-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-bg-state:transparent;
    --bs-table-bg-type:transparent;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    background-color:var(--rt-table-header-background,#f4f6f8)!important;
    color:var(--rt-table-header-text,#566579)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    box-shadow:none!important;
}
.rtkp-ui-51 :where(.table,table) :where(tbody td),
body.embedded-page :where(.table,table) :where(tbody td){
    background-color:var(--rt-table-body-background,#fff)!important;
    color:var(--rt-table-body-text,#333)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
}
.rtkp-ui-51 :where(.table-hover,table) tbody tr:hover > *,
body.embedded-page :where(.table-hover,table) tbody tr:hover > *{
    background-color:var(--rt-table-hover-background,#f7fafc)!important;
    color:var(--rt-table-body-text,#333)!important;
}
.rtkp-ui-51 .table-responsive,
body.embedded-page .table-responsive{
    padding:0!important;
    border-radius:var(--rt-table-border-radius,12px)!important;
    box-shadow:none!important;
}
.rtkp-ui-51 .table-responsive > table,
body.embedded-page .table-responsive > table{
    margin-bottom:0!important;
}

/* Badges: Varianten behalten ihre eigene Text-, Hintergrund- und Rahmenfarbe. */
.rtkp-ui-51 :where(.badge,.status-badge,.status-tag,.form-status,.user-pill,.unread-count,.traffic-label),
body.embedded-page :where(.badge,.status-badge,.status-tag,.form-status,.user-pill,.unread-count,.traffic-label){
    padding:var(--rt-badge-padding-y,5px) var(--rt-badge-padding-x,9px)!important;
    border-width:var(--rt-badge-border-width,1px)!important;
    border-style:var(--rt-badge-border-style,solid)!important;
    border-radius:var(--rt-badge-border-radius,999px)!important;
    box-shadow:none!important;
}
.rtkp-ui-51 :where(.badge.text-bg-success,.badge.bg-success,.status-tag.status-resolved,.status-tag.status-active,.status-tag.status-completed,.status-tag.status-success,.status-tag.status-answered,.traffic-label.traffic-green,.form-status.completed),
body.embedded-page :where(.badge.text-bg-success,.badge.bg-success,.status-tag.status-resolved,.status-tag.status-active,.status-tag.status-completed,.status-tag.status-success,.status-tag.status-answered,.traffic-label.traffic-green,.form-status.completed){
    background-color:var(--rt-badge-success-background,#009416)!important;
    color:var(--rt-badge-success-text,#111)!important;
    border-color:var(--rt-badge-success-border,#009416)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-warning,.badge.bg-warning,.status-tag.status-open,.status-tag.status-pending,.status-tag.status-warning,.traffic-label.traffic-yellow,.form-status.assigned),
body.embedded-page :where(.badge.text-bg-warning,.badge.bg-warning,.status-tag.status-open,.status-tag.status-pending,.status-tag.status-warning,.traffic-label.traffic-yellow,.form-status.assigned){
    background-color:var(--rt-badge-warning-background,#eda509)!important;
    color:var(--rt-badge-warning-text,#222)!important;
    border-color:var(--rt-badge-warning-border,#eda509)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-danger,.badge.bg-danger,.status-tag.status-failed,.status-tag.status-critical,.status-tag.status-danger,.status-tag.status-error,.traffic-label.traffic-red,.form-status.failed,.form-status.rejected,.form-status.overdue),
body.embedded-page :where(.badge.text-bg-danger,.badge.bg-danger,.status-tag.status-failed,.status-tag.status-critical,.status-tag.status-danger,.status-tag.status-error,.traffic-label.traffic-red,.form-status.failed,.form-status.rejected,.form-status.overdue){
    background-color:var(--rt-badge-danger-background,#c22515)!important;
    color:var(--rt-badge-danger-text,#fff)!important;
    border-color:var(--rt-badge-danger-border,#c22515)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-info,.badge.bg-info,.status-tag.status-in_progress,.status-tag.status-processing,.status-tag.status-running,.form-status.in_progress),
body.embedded-page :where(.badge.text-bg-info,.badge.bg-info,.status-tag.status-in_progress,.status-tag.status-processing,.status-tag.status-running,.form-status.in_progress){
    background-color:var(--rt-badge-info-background,#d9efff)!important;
    color:var(--rt-badge-info-text,#004a78)!important;
    border-color:var(--rt-badge-info-border,#8cc8ef)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-secondary,.badge.bg-secondary,.status-tag.status-archived,.status-tag.status-draft,.status-tag.status-inactive,.status-tag.status-disabled,.traffic-label.traffic-gray,.form-status.draft,.form-status.archived),
body.embedded-page :where(.badge.text-bg-secondary,.badge.bg-secondary,.status-tag.status-archived,.status-tag.status-draft,.status-tag.status-inactive,.status-tag.status-disabled,.traffic-label.traffic-gray,.form-status.draft,.form-status.archived){
    background-color:var(--rt-badge-secondary-background,#667085)!important;
    color:var(--rt-badge-secondary-text,#fff)!important;
    border-color:var(--rt-badge-secondary-border,#667085)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-primary,.badge.bg-primary,.unread-count),
body.embedded-page :where(.badge.text-bg-primary,.badge.bg-primary,.unread-count){
    background-color:var(--rt-badge-primary-background,#006ab5)!important;
    color:var(--rt-badge-primary-text,#fff)!important;
    border-color:var(--rt-badge-primary-border,#006ab5)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-dark,.badge.bg-dark),
body.embedded-page :where(.badge.text-bg-dark,.badge.bg-dark){
    background-color:var(--rt-badge-dark-background,#333)!important;
    color:var(--rt-badge-dark-text,#fff)!important;
    border-color:var(--rt-badge-dark-border,#333)!important;
}
.rtkp-ui-51 :where(.badge.text-bg-light,.badge.bg-light,.badge:not([class*="text-bg-"]):not([class*="bg-"]),.form-status:not(.completed):not(.assigned):not(.failed):not(.rejected):not(.overdue):not(.in_progress)),
body.embedded-page :where(.badge.text-bg-light,.badge.bg-light,.badge:not([class*="text-bg-"]):not([class*="bg-"]),.form-status:not(.completed):not(.assigned):not(.failed):not(.rejected):not(.overdue):not(.in_progress)){
    background-color:var(--rt-badge-light-background,#f4f6f8)!important;
    color:var(--rt-badge-light-text,#333)!important;
    border-color:var(--rt-badge-light-border,#dce2ea)!important;
}

/* Kartenpadding wird seit 5.1.0-alpha.32 ausschließlich über die
   zentralen Layoutvariablen am Dateiende gesteuert. */


/* 5.1.0-alpha.25 – finale Flatdesign- und Tabellenstabilisierung. */
:root{
    --bs-btn-box-shadow:none;
    --bs-btn-focus-box-shadow:none;
    --bs-btn-active-box-shadow:none;
    --bs-form-control-box-shadow:none;
    --bs-form-select-box-shadow:none;
    --bs-focus-ring-box-shadow:none;
}

/* Alle dekorativen Schatten zentral abschalten. Der Spotlight-Schatten des
   interaktiven Guides bleibt als funktionale Abdunklung erhalten. */
body.rtkp-ui-51 *:not(.rtkp-tour-spotlight),
body.embedded-page *:not(.rtkp-tour-spotlight),
body.auth-bg *:not(.rtkp-tour-spotlight){
    box-shadow:none!important;
    text-shadow:none!important;
}

/* Flache Oberflächen werden ausschließlich über Fläche, Rahmen und Abstand
   getrennt. Dadurch bleiben auch nachgelagerte Seitenstile konsistent. */
body.rtkp-ui-51 :where(
    .card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card,
    .rtkp-section-card,.rtkp-table-card,.table-responsive,.external-target-card,
    .backup-card,.auth-card,.install-card,.modal-card,.modal-content
),
body.embedded-page :where(
    .card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card,
    .rtkp-section-card,.rtkp-table-card,.table-responsive,.external-target-card,
    .backup-card,.modal-card,.modal-content
),
body.auth-bg :where(.card,.panel,.auth-card,.install-card){
    border-color:var(--rtkp-border,var(--rt-table-border,#dfe5ec))!important;
}

/* Bootstrap-Zelloverlays sowie Statusklassen dürfen gespeicherte Tabellenfarben
   nicht mehr überdecken. Die Regel umfasst auch Zeilenköpfe und Fußzeilen. */
.rtkp-ui-51 :where(.table,table) > :not(caption) > * > *,
body.embedded-page :where(.table,table) > :not(caption) > * > *{
    box-shadow:none!important;
    background-image:none!important;
}

.rtkp-ui-51 :where(.table,table) > tbody > tr > :where(th,td),
body.embedded-page :where(.table,table) > tbody > tr > :where(th,td){
    --bs-table-bg:var(--rt-table-body-background,#fff);
    --bs-table-accent-bg:var(--rt-table-body-background,#fff);
    --bs-table-bg-state:transparent;
    --bs-table-bg-type:transparent;
    background:var(--rt-table-body-background,#fff)!important;
    background-color:var(--rt-table-body-background,#fff)!important;
    color:var(--rt-table-body-text,#333)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
}

.rtkp-ui-51 :where(.table,table) > tfoot > tr > :where(th,td),
body.embedded-page :where(.table,table) > tfoot > tr > :where(th,td){
    --bs-table-bg:var(--rt-table-body-background,#fff);
    --bs-table-accent-bg:var(--rt-table-body-background,#fff);
    background:var(--rt-table-body-background,#fff)!important;
    background-color:var(--rt-table-body-background,#fff)!important;
    color:var(--rt-table-body-text,#333)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
}

.rtkp-ui-51 :where(.table,table) > tbody > tr:hover > :where(th,td),
body.embedded-page :where(.table,table) > tbody > tr:hover > :where(th,td){
    --bs-table-bg:var(--rt-table-hover-background,#f7fafc);
    --bs-table-accent-bg:var(--rt-table-hover-background,#f7fafc);
    background:var(--rt-table-hover-background,#f7fafc)!important;
    background-color:var(--rt-table-hover-background,#f7fafc)!important;
    color:var(--rt-table-body-text,#333)!important;
}

/* Tabellencontainer besitzen kein zusätzliches Innenpadding. Das verhindert
   doppelte Abstände in Karten und strukturierten Inhaltsbereichen. */
.rtkp-ui-51 :where(.table-responsive,.rtkp-table-surface,.rtkp-table-card),
body.embedded-page :where(.table-responsive,.rtkp-table-surface,.rtkp-table-card){
    padding:0!important;
}

.rtkp-ui-51 :where(.table-responsive,.rtkp-table-surface) > :where(.table,table),
body.embedded-page :where(.table-responsive,.rtkp-table-surface) > :where(.table,table){
    width:100%!important;
    margin:0!important;
}

/* Fokus bleibt trotz schattenfreiem Design klar sichtbar. */
.rtkp-ui-51 :where(a,button,.btn,input,select,textarea,[tabindex]):focus-visible,
body.embedded-page :where(a,button,.btn,input,select,textarea,[tabindex]):focus-visible,
body.auth-bg :where(a,button,.btn,input,select,textarea,[tabindex]):focus-visible{
    outline:2px solid var(--rt-control-focus-ring,var(--rt-primary,#006ab5))!important;
    outline-offset:2px!important;
}

/* 5.1.0-alpha.29 – Schriftstärken mit gebündelten statischen Mulish-/Sora-Schnitten.
   Damit können statische Modul-Styles die gespeicherten Gewichtungen nicht mehr
   von Vorschau und produktiver Oberfläche auseinanderlaufen lassen. */
body.rtkp-ui-51,
body.embedded-page,
body.auth-bg{
    font-weight:var(--rt-font-weight-body,400)!important;
}
body.rtkp-ui-51 :where(h1,.h1),
body.embedded-page :where(h1,.h1),
body.auth-bg :where(h1,.h1){font-weight:var(--rt-font-weight-h1,600)!important}
body.rtkp-ui-51 :where(h2,.h2),
body.embedded-page :where(h2,.h2),
body.auth-bg :where(h2,.h2){font-weight:var(--rt-font-weight-h2,600)!important}
body.rtkp-ui-51 :where(h3,.h3),
body.embedded-page :where(h3,.h3),
body.auth-bg :where(h3,.h3){font-weight:var(--rt-font-weight-h3,600)!important}
body.rtkp-ui-51 :where(h4,.h4),
body.embedded-page :where(h4,.h4),
body.auth-bg :where(h4,.h4){font-weight:var(--rt-font-weight-h4,600)!important}
body.rtkp-ui-51 :where(h5,.h5),
body.embedded-page :where(h5,.h5),
body.auth-bg :where(h5,.h5){font-weight:var(--rt-font-weight-h5,600)!important}
body.rtkp-ui-51 :where(h6,.h6),
body.embedded-page :where(h6,.h6),
body.auth-bg :where(h6,.h6){font-weight:var(--rt-font-weight-h6,600)!important}
body.rtkp-ui-51 :where(.panel-title,.card-title),
body.embedded-page :where(.panel-title,.card-title){font-weight:var(--rt-font-weight-h2,600)!important}
body.rtkp-ui-51 :where(small,.small,.muted,.text-muted,.text-body-secondary,.form-text,.help-text),
body.embedded-page :where(small,.small,.muted,.text-muted,.text-body-secondary,.form-text,.help-text),
body.auth-bg :where(small,.small,.muted,.text-muted,.text-body-secondary,.form-text,.help-text){font-weight:var(--rt-font-weight-small,400)!important}
body.rtkp-ui-51 a:not(.btn):not(.nav-link):not(.list-group-item),
body.embedded-page a:not(.btn):not(.nav-link):not(.list-group-item),
body.auth-bg a:not(.btn):not(.nav-link):not(.list-group-item){font-weight:var(--rt-font-weight-link,400)!important}
body.rtkp-ui-51 :where(.sidebar .nav-link:not(.active),.portal-shell .nav-link:not(.active),.sidebar nav a:not(.active),.task-anchor-nav a:not(.active),.phase-nav a:not(.active)),
body.embedded-page :where(.nav-link:not(.active),.task-anchor-nav a:not(.active),.phase-nav a:not(.active)){font-weight:var(--rt-font-weight-navigation,500)!important}
body.rtkp-ui-51 :where(.sidebar .nav-link.active,.portal-shell .nav-link.active,.sidebar nav a.active,.task-anchor-nav a.active,.phase-nav a.active,.nav-link[aria-current="page"]),
body.embedded-page :where(.nav-link.active,.task-anchor-nav a.active,.phase-nav a.active,.nav-link[aria-current="page"]){font-weight:var(--rt-font-weight-navigation-active,700)!important}
body.rtkp-ui-51 :where(.topbar,.topbar-user,.topbar-user-meta,.topbar-icon-button),
body.embedded-page :where(.topbar,.topbar-user,.topbar-user-meta,.topbar-icon-button){font-weight:var(--rt-font-weight-topbar,400)!important}
body.rtkp-ui-51 :where(.topbar-title,.app-topbar h1,.app-toolbar-title,.shell-title,.topbar #pageTitle,.portal-title h1),
body.embedded-page :where(.topbar-title,.app-topbar h1,.app-toolbar-title,.shell-title,.topbar #pageTitle,.portal-title h1){font-weight:var(--rt-font-weight-topbar-title,600)!important}
body.rtkp-ui-51 :where(.eyebrow,.overline,.kicker),
body.embedded-page :where(.eyebrow,.overline,.kicker),
body.auth-bg :where(.eyebrow,.overline,.kicker){font-weight:var(--rt-font-weight-eyebrow,700)!important}
body.rtkp-ui-51 :where(.btn,button,input[type="button"],input[type="submit"]),
body.embedded-page :where(.btn,button,input[type="button"],input[type="submit"]),
body.auth-bg :where(.btn,button,input[type="button"],input[type="submit"]){font-weight:var(--rt-button-font-weight,600)!important}
body.rtkp-ui-51 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.form-control,.form-select),
body.embedded-page :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.form-control,.form-select),
body.auth-bg :where(input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),select,textarea,.form-control,.form-select){font-weight:var(--rt-font-weight-input,400)!important}
body.rtkp-ui-51 :where(input,textarea,.form-control)::placeholder,
body.embedded-page :where(input,textarea,.form-control)::placeholder,
body.auth-bg :where(input,textarea,.form-control)::placeholder{font-weight:var(--rt-font-weight-input,400)!important}
body.rtkp-ui-51 :where(label,.form-label,.col-form-label,.rtkp-field-label),
body.embedded-page :where(label,.form-label,.col-form-label,.rtkp-field-label),
body.auth-bg :where(label,.form-label,.col-form-label,.rtkp-field-label){font-weight:var(--rt-font-weight-label,600)!important}
body.rtkp-ui-51 :where(.table,table) > thead > tr > :where(th,td),
body.embedded-page :where(.table,table) > thead > tr > :where(th,td){font-weight:var(--rt-font-weight-table-header,700)!important}
body.rtkp-ui-51 :where(.table,table) > :where(tbody,tfoot) > tr > :where(th,td),
body.embedded-page :where(.table,table) > :where(tbody,tfoot) > tr > :where(th,td){font-weight:var(--rt-font-weight-table-body,400)!important}
body.rtkp-ui-51 :where(.badge,.status-badge,.status-tag,.form-status,.user-pill,.unread-count,.traffic-label),
body.embedded-page :where(.badge,.status-badge,.status-tag,.form-status,.user-pill,.unread-count,.traffic-label){font-weight:var(--rt-badge-font-weight,600)!important}
body.rtkp-ui-51 :where(.customer-task>strong,.customer-task-list .customer-task strong,.task-card-title),
body.embedded-page :where(.customer-task>strong,.customer-task-list .customer-task strong,.task-card-title){font-weight:var(--rt-font-weight-customer-task,600)!important}
body.rtkp-ui-51 .customer-task.header,
body.embedded-page .customer-task.header{font-weight:var(--rt-font-weight-table-header,700)!important}

/* 5.1.0-alpha.32 – verbindliche Layout- und Komponentenbrücke.
   Alle Seiten-, Flächen- und Abschnittsabstände stammen ab hier aus den
   Designvariablen. Diese Regeln stehen absichtlich am Dateiende. */

/* Einheitlicher Inhaltsrand für dynamische Hauptansichten und eingebettete Seiten. */
body.rtkp-ui-51 #app{
    box-sizing:border-box!important;
    padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
}
body.embedded-page :where(.system-page,main.container-fluid,main.container,main.rtkp-design-page),
body.embedded-page > main:not(.app-main){
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
}

/* Karten mit eigenem Body/Header: nie wieder lokale clamp()- oder Mobile-Paddings. */
body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-body,.rtkp-section-body,.modal-body),
body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-body,.rtkp-section-body,.modal-body),
.rtkp-design-card > .card-body,
.rtkp-design-preview-card > .card-body{
    padding:var(--rt-surface-padding-y,20px) var(--rt-surface-padding-x,20px)!important;
}
body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-header,.rtkp-section-header,.modal-header),
body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-header,.rtkp-section-header,.modal-header){
    padding:var(--rt-surface-header-padding-y,16px) var(--rt-surface-padding-x,20px)!important;
    background:transparent!important;
    border-bottom:var(--rt-table-border-width,1px) solid var(--rt-table-border,#dfe5ec)!important;
}

/* Legacy-Flächen ohne card-body erhalten denselben Innenabstand direkt. */
body.rtkp-ui-51 :where(.panel,.overview-card,.metric-card,.rtkp-metric-card,.stat,.external-target-card,.backup-card,.auth-card,.install-card),
body.embedded-page :where(.panel,.overview-card,.metric-card,.rtkp-metric-card,.stat,.external-target-card,.backup-card),
body.auth-bg :where(.panel,.auth-card,.install-card){
    box-sizing:border-box!important;
    padding:var(--rt-surface-padding-y,20px) var(--rt-surface-padding-x,20px)!important;
}

/* Panel-Kopfbereiche verwenden das kompakte gemeinsame Raster. */
body.rtkp-ui-51 :where(.panel,.overview-card,.metric-card,.rtkp-metric-card,.external-target-card,.backup-card) > :where(.panel-head,.panel-header,.card-head),
body.embedded-page :where(.panel,.overview-card,.metric-card,.rtkp-metric-card,.external-target-card,.backup-card) > :where(.panel-head,.panel-header,.card-head){
    margin:calc(var(--rt-surface-padding-y,20px) * -1) calc(var(--rt-surface-padding-x,20px) * -1) var(--rt-surface-padding-y,20px)!important;
    padding:var(--rt-surface-header-padding-y,16px) var(--rt-surface-padding-x,20px)!important;
    border-bottom:var(--rt-table-border-width,1px) solid var(--rt-table-border,#dfe5ec)!important;
}

/* Abschnittsabstände sind für Haupt- und eingebettete Ansichten identisch. */
body.rtkp-ui-51 #app.rtkp-page-flow > .rtkp-page-header{
    margin-bottom:var(--rt-layout-section-gap,24px)!important;
}
body.rtkp-ui-51 #app.rtkp-page-flow > .rtkp-section-start,
body.rtkp-ui-51 #app > .rtkp-section-break{
    margin-top:var(--rt-layout-section-gap,24px)!important;
}
body.embedded-page .system-page > .panel + .panel,
body.embedded-page .system-page > .system-grid + .panel,
body.embedded-page .system-page > .panel + .system-grid,
body.embedded-page main > .card + .card,
body.embedded-page main > .panel + .panel,
body.embedded-page main > .alert + .card,
body.embedded-page main > .alert + .panel{
    margin-top:var(--rt-layout-section-gap,24px)!important;
}
body.rtkp-ui-51 :where(.toolbar,.backup-actions,.table-actions,.card-actions,.form-actions,.inline-form),
body.embedded-page :where(.toolbar,.backup-actions,.table-actions,.card-actions,.form-actions,.inline-form){
    gap:var(--rt-layout-compact-gap,12px)!important;
}
body.rtkp-ui-51 :where(.alert),
body.embedded-page :where(.alert){
    padding:var(--rt-surface-header-padding-y,16px) var(--rt-surface-padding-x,20px)!important;
}

/* Tabellen liegen innerhalb einer Fläche immer exakt auf derselben Inhaltsachse. */
body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card) > .table-responsive,
body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card) > .table-responsive{
    width:calc(100% - (2 * var(--rt-surface-padding-x,20px)))!important;
    margin-right:var(--rt-surface-padding-x,20px)!important;
    margin-left:var(--rt-surface-padding-x,20px)!important;
    margin-bottom:var(--rt-surface-padding-y,20px)!important;
}
body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card) > :where(.card-header,.rtkp-section-header) + .table-responsive,
body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card) > :where(.card-header,.rtkp-section-header) + .table-responsive{
    margin-top:var(--rt-surface-padding-y,20px)!important;
}

/* Semantische CSS-Grid-/Div-Tabellen verwenden exakt dieselben Tokens wie echte Tabellen. */
body.rtkp-ui-51 [role="table"],
body.embedded-page [role="table"],
body.rtkp-ui-51 :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table),
body.embedded-page :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table){
    overflow:hidden!important;
    color:var(--rt-table-body-text,#333)!important;
    background:var(--rt-table-body-background,#fff)!important;
    border:var(--rt-table-border-width,1px) solid var(--rt-table-border,#dfe5ec)!important;
    border-radius:var(--rt-table-border-radius,12px)!important;
}
body.rtkp-ui-51 [role="table"] :where([role="columnheader"]),
body.embedded-page [role="table"] :where([role="columnheader"]),
body.rtkp-ui-51 :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table) :where(.table-head,.table-header,.header-cell),
body.embedded-page :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table) :where(.table-head,.table-header,.header-cell){
    box-sizing:border-box!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    color:var(--rt-table-header-text,#566579)!important;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    font-family:var(--rt-font-body)!important;
    font-size:var(--rt-font-size-table,14px)!important;
    font-weight:var(--rt-font-weight-table-header,700)!important;
}
body.rtkp-ui-51 [role="table"] :where([role="cell"],[role="rowheader"]),
body.embedded-page [role="table"] :where([role="cell"],[role="rowheader"]),
body.rtkp-ui-51 :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table) :where(.table-cell,.body-cell),
body.embedded-page :where(.rtkp-data-table,.rtkp-grid-table,.customer-switch-table,.account-switch-table,.client-switch-table) :where(.table-cell,.body-cell){
    box-sizing:border-box!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    color:var(--rt-table-body-text,#333)!important;
    background:var(--rt-table-body-background,#fff)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    font-family:var(--rt-font-body)!important;
    font-size:var(--rt-font-size-table,14px)!important;
    font-weight:var(--rt-font-weight-table-body,400)!important;
}
body.rtkp-ui-51 [role="table"] :where([role="row"]):not(:last-child),
body.embedded-page [role="table"] :where([role="row"]):not(:last-child){
    border-bottom:var(--rt-table-border-width,1px) solid var(--rt-table-border,#dfe5ec)!important;
}

/* Bekannte Listen-/Grid-Kopfzeilen aus den Verwaltungsmodulen. */
body.rtkp-ui-51 :where(.customer-task.header,.rtkp-table-header,.data-table-header,.grid-table-header),
body.embedded-page :where(.customer-task.header,.rtkp-table-header,.data-table-header,.grid-table-header){
    background:var(--rt-table-header-background,#f4f6f8)!important;
    color:var(--rt-table-header-text,#566579)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    font-weight:var(--rt-font-weight-table-header,700)!important;
}

/* Keine versteckten abweichenden Mobilwerte: das Designsystem bleibt auch unter 768 px maßgeblich. */
@media(max-width:767.98px){
    body.rtkp-ui-51 #app,
    body.embedded-page :where(.system-page,main.container-fluid,main.container,main.rtkp-design-page),
    body.embedded-page > main:not(.app-main){
        padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
    }
    body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-body,.rtkp-section-body,.modal-body),
    body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-body,.rtkp-section-body,.modal-body),
    .rtkp-design-card > .card-body,
    .rtkp-design-preview-card > .card-body{
        padding:var(--rt-surface-padding-y,20px) var(--rt-surface-padding-x,20px)!important;
    }
    body.rtkp-ui-51 :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-header,.rtkp-section-header,.modal-header),
    body.embedded-page :where(.card,.rtkp-section-card,.rtkp-table-card,.modal-content) > :where(.card-header,.rtkp-section-header,.modal-header){
        padding:var(--rt-surface-header-padding-y,16px) var(--rt-surface-padding-x,20px)!important;
    }
}

/* Sicherheitsnetz für ältere/eigenständige Seiten, deren body noch keine
   Shell-Klasse trägt. Dadurch gelten die Designsystem-Tokens unabhängig vom
   Renderingpfad und nicht nur innerhalb von .rtkp-ui-51/.embedded-page. */
body :where(.btn,a.btn,input[type="submit"].btn,input[type="button"].btn){
    padding:var(--rt-button-padding-y,9px) var(--rt-button-padding-x,15px)!important;
    border-width:var(--rt-button-border-width,1px)!important;
    border-style:var(--rt-button-border-style,solid)!important;
    border-radius:var(--rt-button-border-radius,10px)!important;
    font-family:var(--rt-button-font-family,var(--rt-font-body))!important;
    font-weight:var(--rt-button-font-weight,600)!important;
}
body .btn-primary{
    background:var(--rt-button-primary-background,#006ab5)!important;
    color:var(--rt-button-primary-text,#fff)!important;
    border-color:var(--rt-button-primary-border,#006ab5)!important;
}
body :where(.btn-secondary,.btn-light){
    background:var(--rt-button-secondary-background,#fff)!important;
    color:var(--rt-button-secondary-text,#333)!important;
    border-color:var(--rt-button-secondary-border,#cfd7e3)!important;
}
body :where(.btn-secondary,.btn-light):hover,
body :where(.btn-secondary,.btn-light):focus-visible{
    background:var(--rt-button-secondary-hover-background,#f3f6f9)!important;
    color:var(--rt-button-secondary-hover-text,#1d2b3c)!important;
    border-color:var(--rt-button-secondary-hover-border,#aeb9c8)!important;
}
body .btn-outline-secondary{
    background:transparent!important;
    color:var(--rt-button-secondary-text,#333)!important;
    border-color:var(--rt-button-secondary-border,#cfd7e3)!important;
}
body .btn-outline-secondary:hover,
body .btn-outline-secondary:focus-visible{
    background:var(--rt-button-secondary-hover-background,#f3f6f9)!important;
    color:var(--rt-button-secondary-hover-text,#1d2b3c)!important;
    border-color:var(--rt-button-secondary-hover-border,#aeb9c8)!important;
}
body .btn-danger{
    background:var(--rt-button-danger-background,#c22515)!important;
    color:var(--rt-button-danger-text,#fff)!important;
    border-color:var(--rt-button-danger-border,#c22515)!important;
}
body .btn-danger:hover,body .btn-danger:focus-visible{
    background:var(--rt-button-danger-hover-background,#9f1e12)!important;
    color:var(--rt-button-danger-hover-text,#fff)!important;
    border-color:var(--rt-button-danger-hover-border,#9f1e12)!important;
}
body .btn-outline-danger{
    background:transparent!important;
    color:var(--rt-button-danger-background,#c22515)!important;
    border-color:var(--rt-button-danger-border,#c22515)!important;
}
body .btn-outline-danger:hover,body .btn-outline-danger:focus-visible{
    background:var(--rt-button-danger-hover-background,#9f1e12)!important;
    color:var(--rt-button-danger-hover-text,#fff)!important;
    border-color:var(--rt-button-danger-hover-border,#9f1e12)!important;
}
body .btn-outline-primary{
    background:transparent!important;
    color:var(--rt-button-primary-background,#006ab5)!important;
    border-color:var(--rt-button-primary-border,#006ab5)!important;
}
body .btn-outline-primary:hover,body .btn-outline-primary:focus-visible{
    background:var(--rt-button-primary-hover-background,#00538f)!important;
    color:var(--rt-button-primary-hover-text,#fff)!important;
    border-color:var(--rt-button-primary-hover-border,#00538f)!important;
}
body :where(.form-control,.form-select,textarea.form-control,input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),select,textarea){
    padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important;
    color:var(--rt-control-text,#222)!important;
    background:var(--rt-control-background,#fff)!important;
    border-color:var(--rt-control-border,#cfd7e3)!important;
    border-width:var(--rt-control-border-width,1px)!important;
    border-style:var(--rt-control-border-style,solid)!important;
    border-radius:var(--rt-control-border-radius,10px)!important;
    font-weight:var(--rt-font-weight-input,400)!important;
}
body :where(.badge,.status-badge,.status-tag,.form-status,.user-pill,.unread-count,.traffic-label){
    padding:var(--rt-badge-padding-y,5px) var(--rt-badge-padding-x,9px)!important;
    border-width:var(--rt-badge-border-width,1px)!important;
    border-style:var(--rt-badge-border-style,solid)!important;
    border-radius:var(--rt-badge-border-radius,999px)!important;
    font-family:var(--rt-badge-font-family,var(--rt-font-body))!important;
    font-weight:var(--rt-badge-font-weight,600)!important;
}
body :where(.table,table) > thead > tr > :where(th,td){
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    color:var(--rt-table-header-text,#566579)!important;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    font-weight:var(--rt-font-weight-table-header,700)!important;
}
body :where(.table,table) > :where(tbody,tfoot) > tr > :where(th,td){
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    color:var(--rt-table-body-text,#333)!important;
    background:var(--rt-table-body-background,#fff)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    font-weight:var(--rt-font-weight-table-body,400)!important;
}
body :where(.table-responsive,.rtkp-table-surface){
    border-radius:var(--rt-table-border-radius,12px)!important;
}

/* Der Bootstrap-Adapter markiert tabellenartige Flächen als
   .rtkp-table-surface. Falls dort historisch ein CSS-Grid statt <table>
   gerendert wird, wird die erste direkte Zeile als Kopf und der Rest als
   Tabelleninhalt behandelt. */
body .rtkp-table-surface:not(:has(> table)):not(:has(> .table)){
    overflow:hidden!important;
    border:var(--rt-table-border-width,1px) solid var(--rt-table-border,#dfe5ec)!important;
    border-radius:var(--rt-table-border-radius,12px)!important;
    background:var(--rt-table-body-background,#fff)!important;
}
body .rtkp-table-surface:not(:has(> table)):not(:has(> .table)) > :first-child{
    color:var(--rt-table-header-text,#566579)!important;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    font-weight:var(--rt-font-weight-table-header,700)!important;
}
body .rtkp-table-surface:not(:has(> table)):not(:has(> .table)) > :not(:first-child){
    color:var(--rt-table-body-text,#333)!important;
    background:var(--rt-table-body-background,#fff)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    font-weight:var(--rt-font-weight-table-body,400)!important;
}
body .rtkp-table-surface:not(:has(> table)):not(:has(> .table)) > * > *{
    box-sizing:border-box!important;
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
}

/* 5.1.0-alpha.43 – finale Frontend-Priorität des Designsystems.
   app.css bleibt die neutrale Basis für Backend und Shell. Im Kundenfrontend
   müssen konfigurierbare Typografie- und Tabellenwerte jedoch auch gegen
   ältere, spezifischere !important-Regeln gewinnen. */
body.rtkp-ui-51 .page-heading h1,
body.embedded-page .page-heading h1{
    font-size:var(--rt-font-size-h1,34px)!important;
    font-weight:var(--rt-font-weight-h1,600)!important;
    color:var(--rt-text-heading,#1d2b3c)!important;
}
body.rtkp-ui-51 .eyebrow,
body.embedded-page .eyebrow{
    font-size:var(--rt-font-size-eyebrow,12px)!important;
    font-weight:var(--rt-font-weight-eyebrow,700)!important;
    color:var(--rt-text-eyebrow,#00538f)!important;
}
body.rtkp-ui-51 .section-heading h2,
body.embedded-page .section-heading h2,
body.rtkp-ui-51 .rtkp-section-header h2,
body.embedded-page .rtkp-section-header h2,
body.rtkp-ui-51 .rtkp-quick-card h2,
body.embedded-page .rtkp-quick-card h2{
    font-size:var(--rt-font-size-h2,26px)!important;
    font-weight:var(--rt-font-weight-h2,600)!important;
    color:var(--rt-text-heading,#1d2b3c)!important;
}
body.rtkp-ui-51 .rtkp-section-header h3,
body.embedded-page .rtkp-section-header h3,
body.rtkp-ui-51 .rtkp-project-card h3,
body.embedded-page .rtkp-project-card h3,
body.rtkp-ui-51 .rtkp-empty-state h3,
body.embedded-page .rtkp-empty-state h3,
body.rtkp-ui-51 .rtkp-admin-card h3,
body.embedded-page .rtkp-admin-card h3,
body.rtkp-ui-51 .page-heading .h3,
body.embedded-page .page-heading .h3{
    font-size:var(--rt-font-size-h3,22px)!important;
    font-weight:var(--rt-font-weight-h3,600)!important;
    color:var(--rt-text-heading,#1d2b3c)!important;
}
body.rtkp-ui-51 .table > thead > tr > th,
body.rtkp-ui-51 .table > thead > tr > td,
body.embedded-page .table > thead > tr > th,
body.embedded-page .table > thead > tr > td{
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    background-color:var(--rt-table-header-background,#f4f6f8)!important;
    color:var(--rt-table-header-text,#566579)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    font-size:var(--rt-font-size-table,13px)!important;
    font-weight:var(--rt-font-weight-table-header,700)!important;
    box-shadow:none!important;
}
body.rtkp-ui-51 .table > tbody > tr > td,
body.rtkp-ui-51 .table > tbody > tr > th,
body.embedded-page .table > tbody > tr > td,
body.embedded-page .table > tbody > tr > th{
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    background:var(--rt-table-body-background,#fff)!important;
    color:var(--rt-table-body-text,#333)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-bottom-width:var(--rt-table-border-width,1px)!important;
    font-size:var(--rt-font-size-table,13px)!important;
    font-weight:var(--rt-font-weight-table-body,400)!important;
}
body.rtkp-ui-51 .table-hover > tbody > tr:hover > *,
body.embedded-page .table-hover > tbody > tr:hover > *{
    background:var(--rt-table-hover-background,#f7fafc)!important;
    color:var(--rt-table-body-text,#333)!important;
}

/* ==========================================================================
   Typografie und Komponenten-Tokens
   Ursprung: assets/theme-runtime.css aus 5.3.0-beta.1
   ========================================================================== */

/* RT-Kundenportal theme runtime – CSS-Autorität für thematisierbare Komponenten (5.1.0-alpha.59)
 * Shared by admin and customer UI via body.rtkp-theme-context.
 * Token values come from fixed code defaults (no Designeditor).
 * flat-theme.css remains structural/flat only; app.css must not redefine the same component tokens.
 */
@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-200.woff2") format("woff2");font-style:normal;font-weight:200;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-300.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-800.woff2") format("woff2");font-style:normal;font-weight:800;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-900.woff2") format("woff2");font-style:normal;font-weight:900;font-display:swap;}@font-face{font-family:"Mulish";src:url("fonts/mulish-v18-latin-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-500.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-600.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap;}@font-face{font-family:"Sora";src:url("fonts/sora-v17-latin-700.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap;}
/* Runtime theme component rules (formerly emitted globally by theme.php). */
.rtkp-theme-context{font-family:var(--rt-font-body)!important;font-size:var(--rt-font-size-body)!important;font-weight:var(--rt-font-weight-body)!important;color:var(--rt-text-body)!important;}
.rtkp-theme-context,.rtkp-theme-context input,.rtkp-theme-context select,.rtkp-theme-context textarea,.rtkp-theme-context button,.rtkp-theme-context .btn,.rtkp-theme-context .form-control,.rtkp-theme-context .form-select,.rtkp-theme-context .table{font-family:var(--rt-font-body)!important;}
.rtkp-theme-context h1,.rtkp-theme-context h2,.rtkp-theme-context h3,.rtkp-theme-context h4,.rtkp-theme-context h5,.rtkp-theme-context h6,.rtkp-theme-context .heading-font,.rtkp-theme-context .panel-title,.rtkp-theme-context .card-title,.rtkp-theme-context .topbar-title,.rtkp-theme-context .app-toolbar-title,.rtkp-theme-context .shell-title,.rtkp-theme-context .task-card-title,.rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong{font-family:var(--rt-font-heading)!important;}
.rtkp-theme-context h1,.rtkp-theme-context .h1{font-size:var(--rt-font-size-h1)!important;font-weight:var(--rt-font-weight-h1)!important;}
.rtkp-theme-context h2,.rtkp-theme-context .h2{font-size:var(--rt-font-size-h2)!important;font-weight:var(--rt-font-weight-h2)!important;}
.rtkp-theme-context h3,.rtkp-theme-context .h3{font-size:var(--rt-font-size-h3)!important;font-weight:var(--rt-font-weight-h3)!important;}
.rtkp-theme-context h4,.rtkp-theme-context .h4{font-size:var(--rt-font-size-h4)!important;font-weight:var(--rt-font-weight-h4)!important;}
.rtkp-theme-context h5,.rtkp-theme-context .h5{font-size:var(--rt-font-size-h5)!important;font-weight:var(--rt-font-weight-h5)!important;}
.rtkp-theme-context h6,.rtkp-theme-context .h6{font-size:var(--rt-font-size-h6)!important;font-weight:var(--rt-font-weight-h6)!important;}
.rtkp-theme-context .panel-title,.rtkp-theme-context .card-title{font-weight:var(--rt-font-weight-h2)!important;}
.rtkp-theme-context p,.rtkp-theme-context .body-text,.rtkp-theme-context .rtkp-body-text{font-weight:var(--rt-font-weight-body)!important;}
.rtkp-theme-context small,.rtkp-theme-context .small,.rtkp-theme-context .muted,.rtkp-theme-context .text-muted,.rtkp-theme-context .form-text,.rtkp-theme-context .help-text{font-size:var(--rt-font-size-small)!important;font-weight:var(--rt-font-weight-small)!important;}
.rtkp-theme-context a:not(.btn):not(.nav-link):not(.list-group-item){font-weight:var(--rt-font-weight-link)!important;}
.rtkp-theme-context nav,.rtkp-theme-context .nav,.rtkp-theme-context .sidebar-nav,.rtkp-theme-context .portal-head nav,.rtkp-theme-context .app-sidebar,.rtkp-theme-context .menu-item,.rtkp-theme-context .task-anchor-nav{font-size:var(--rt-font-size-navigation)!important;}
.rtkp-theme-context .sidebar .nav-link:not(.active),.rtkp-theme-context .portal-shell .nav-link:not(.active),.rtkp-theme-context .sidebar nav a:not(.active),.rtkp-theme-context .task-anchor-nav a:not(.active),.rtkp-theme-context nav a:not(.active){font-weight:var(--rt-font-weight-navigation)!important;}
.rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"]{font-weight:var(--rt-font-weight-navigation-active)!important;}
.rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"],.rtkp-theme-context .phase-nav a.active{
    background:color-mix(in srgb,var(--rt-primary,#006ab5) 12%,var(--rt-surface))!important;
    color:var(--rt-text-navigation-active)!important;
}
.rtkp-theme-context .topbar,.rtkp-theme-context .topbar-user,.rtkp-theme-context .topbar-user-meta,.rtkp-theme-context .topbar-icon-button{font-weight:var(--rt-font-weight-topbar)!important;}
.rtkp-theme-context .topbar-title,.rtkp-theme-context .app-topbar h1,.rtkp-theme-context .app-toolbar-title,.rtkp-theme-context .shell-title,.rtkp-theme-context .topbar #pageTitle,.rtkp-theme-context .portal-title h1{font-size:var(--rt-font-size-topbar-title)!important;font-weight:var(--rt-font-weight-topbar-title)!important;}
.rtkp-theme-context .eyebrow,.rtkp-theme-context .overline,.rtkp-theme-context .kicker{font-size:var(--rt-font-size-eyebrow)!important;font-weight:var(--rt-font-weight-eyebrow)!important;}
.rtkp-theme-context .btn,.rtkp-theme-context button,.rtkp-theme-context input[type="button"],.rtkp-theme-context input[type="submit"]{font-size:var(--rt-font-size-button)!important;font-weight:var(--rt-button-font-weight)!important;}
.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]),.rtkp-theme-context select,.rtkp-theme-context textarea,.rtkp-theme-context .form-control,.rtkp-theme-context .form-select{font-size:var(--rt-font-size-input)!important;font-weight:var(--rt-font-weight-input)!important;}
.rtkp-theme-context label,.rtkp-theme-context .form-label,.rtkp-theme-context .col-form-label,.rtkp-theme-context .rtkp-field-label{font-size:var(--rt-font-size-label)!important;font-weight:var(--rt-font-weight-label)!important;}
.rtkp-theme-context .table,.rtkp-theme-context .table th,.rtkp-theme-context .table td,.rtkp-theme-context table th,.rtkp-theme-context table td{font-size:var(--rt-font-size-table)!important;}
.rtkp-theme-context .table thead th,.rtkp-theme-context table thead th{font-weight:var(--rt-font-weight-table-header)!important;}
.rtkp-theme-context .table tbody td,.rtkp-theme-context .table tbody th,.rtkp-theme-context table tbody td,.rtkp-theme-context table tbody th,.rtkp-theme-context .table tfoot td,.rtkp-theme-context .table tfoot th,.rtkp-theme-context table tfoot td,.rtkp-theme-context table tfoot th{font-weight:var(--rt-font-weight-table-body)!important;}
.rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{font-size:var(--rt-font-size-badge)!important;font-weight:var(--rt-badge-font-weight)!important;}
.rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong,.rtkp-theme-context .task-card-title{font-size:var(--rt-font-size-customer-task)!important;font-weight:var(--rt-font-weight-customer-task)!important;}


/* Konfigurierbare Textfarben – 5.1.0-alpha.8 */
.rtkp-theme-context,.rtkp-theme-context .content,.rtkp-theme-context .card,.rtkp-theme-context .panel,.rtkp-theme-context .modal-card,.rtkp-theme-context .rtkp-section-body{color:var(--rt-text-body)!important;}
.rtkp-theme-context h1,.rtkp-theme-context h2,.rtkp-theme-context h3,.rtkp-theme-context h4,.rtkp-theme-context h5,.rtkp-theme-context h6,.rtkp-theme-context .h1,.rtkp-theme-context .h2,.rtkp-theme-context .h3,.rtkp-theme-context .h4,.rtkp-theme-context .h5,.rtkp-theme-context .h6,.rtkp-theme-context .heading-font,.rtkp-theme-context .panel-title,.rtkp-theme-context .card-title,.rtkp-theme-context .page-heading h1,.rtkp-theme-context .rtkp-section-header h2,.rtkp-theme-context .rtkp-section-header h3{color:var(--rt-text-heading)!important;}
.rtkp-theme-context small,.rtkp-theme-context .small,.rtkp-theme-context .muted,.rtkp-theme-context .text-muted,.rtkp-theme-context .text-body-secondary,.rtkp-theme-context .form-text,.rtkp-theme-context .help-text,.rtkp-theme-context .rtkp-field-help,.rtkp-theme-context .rtkp-section-header p,.rtkp-theme-context .page-heading p{color:var(--rt-text-muted)!important;}
.rtkp-theme-context a:not(.btn):not(.nav-link):not(.list-group-item){color:var(--rt-text-link)!important;}
.rtkp-theme-context .sidebar .nav-link:not(.active),.rtkp-theme-context .portal-shell .nav-link:not(.active),.rtkp-theme-context .sidebar nav a:not(.active),.rtkp-theme-context .task-anchor-nav a:not(.active){color:var(--rt-text-navigation)!important;}
.rtkp-theme-context .sidebar .nav-link.active,.rtkp-theme-context .portal-shell .nav-link.active,.rtkp-theme-context .sidebar nav a.active,.rtkp-theme-context .task-anchor-nav a.active,.rtkp-theme-context .nav-link[aria-current="page"],.rtkp-theme-context .phase-nav a.active{color:var(--rt-text-navigation-active)!important;}
.rtkp-theme-context .topbar,.rtkp-theme-context .topbar .user-pill,.rtkp-theme-context .topbar-user,.rtkp-theme-context .topbar-user-meta,.rtkp-theme-context .topbar-icon-button{color:var(--rt-text-topbar)!important;}
.rtkp-theme-context .eyebrow,.rtkp-theme-context .overline,.rtkp-theme-context .kicker{color:var(--rt-text-eyebrow)!important;}
.rtkp-theme-context label,.rtkp-theme-context .form-label,.rtkp-theme-context .col-form-label,.rtkp-theme-context .rtkp-field-label{color:var(--rt-text-label)!important;}
.rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{color:var(--rt-text-badge)!important;}
.rtkp-theme-context .customer-task>strong,.rtkp-theme-context .customer-task-list .customer-task strong,.rtkp-theme-context .task-card-title{color:var(--rt-text-customer-task)!important;}



/* Konfigurierbare Komponenten – 5.1.0-alpha.20 */
.rtkp-theme-context .btn:not(.btn-close),.rtkp-theme-context a.btn,.rtkp-theme-context input[type="submit"].btn,.rtkp-theme-context input[type="button"].btn{
    font-family:var(--rt-button-font-family,var(--rt-font-body))!important;
    font-weight:var(--rt-button-font-weight,600)!important;
    padding:var(--rt-button-padding-y,9px) var(--rt-button-padding-x,15px)!important;
    border-width:var(--rt-button-border-width,1px)!important;
    border-style:var(--rt-button-border-style,solid)!important;
    border-radius:var(--rt-button-border-radius,10px)!important;
}
.rtkp-theme-context .btn-primary{
    --bs-btn-bg:var(--rt-button-primary-background)!important;
    --bs-btn-color:var(--rt-button-primary-text)!important;
    --bs-btn-border-color:var(--rt-button-primary-border)!important;
    --bs-btn-hover-bg:var(--rt-button-primary-hover-background)!important;
    --bs-btn-hover-color:var(--rt-button-primary-hover-text)!important;
    --bs-btn-hover-border-color:var(--rt-button-primary-hover-border)!important;
    background:var(--rt-button-primary-background)!important;
    color:var(--rt-button-primary-text)!important;
    border-color:var(--rt-button-primary-border)!important;
}
.rtkp-theme-context .btn-primary:hover,.rtkp-theme-context .btn-primary:focus-visible{
    background:var(--rt-button-primary-hover-background)!important;
    color:var(--rt-button-primary-hover-text)!important;
    border-color:var(--rt-button-primary-hover-border)!important;
}
.rtkp-theme-context .btn-secondary,.rtkp-theme-context .btn-light{
    --bs-btn-bg:var(--rt-button-secondary-background)!important;
    --bs-btn-color:var(--rt-button-secondary-text)!important;
    --bs-btn-border-color:var(--rt-button-secondary-border)!important;
    --bs-btn-hover-bg:var(--rt-button-secondary-hover-background)!important;
    --bs-btn-hover-color:var(--rt-button-secondary-hover-text)!important;
    --bs-btn-hover-border-color:var(--rt-button-secondary-hover-border)!important;
    background:var(--rt-button-secondary-background)!important;
    color:var(--rt-button-secondary-text)!important;
    border-color:var(--rt-button-secondary-border)!important;
}
.rtkp-theme-context .btn-secondary:hover,.rtkp-theme-context .btn-secondary:focus-visible,.rtkp-theme-context .btn-light:hover,.rtkp-theme-context .btn-light:focus-visible{
    background:var(--rt-button-secondary-hover-background)!important;
    color:var(--rt-button-secondary-hover-text)!important;
    border-color:var(--rt-button-secondary-hover-border)!important;
}
.rtkp-theme-context .btn-outline-secondary{
    --bs-btn-bg:transparent!important;
    --bs-btn-color:var(--rt-button-secondary-text)!important;
    --bs-btn-border-color:var(--rt-button-secondary-border)!important;
    --bs-btn-hover-bg:var(--rt-button-secondary-hover-background)!important;
    --bs-btn-hover-color:var(--rt-button-secondary-hover-text)!important;
    --bs-btn-hover-border-color:var(--rt-button-secondary-hover-border)!important;
    background:transparent!important;
    color:var(--rt-button-secondary-text)!important;
    border-color:var(--rt-button-secondary-border)!important;
}
.rtkp-theme-context .btn-outline-secondary:hover,.rtkp-theme-context .btn-outline-secondary:focus-visible{
    background:var(--rt-button-secondary-hover-background)!important;
    color:var(--rt-button-secondary-hover-text)!important;
    border-color:var(--rt-button-secondary-hover-border)!important;
}
.rtkp-theme-context .btn-danger{
    --bs-btn-bg:var(--rt-button-danger-background)!important;
    --bs-btn-color:var(--rt-button-danger-text)!important;
    --bs-btn-border-color:var(--rt-button-danger-border)!important;
    --bs-btn-hover-bg:var(--rt-button-danger-hover-background)!important;
    --bs-btn-hover-color:var(--rt-button-danger-hover-text)!important;
    --bs-btn-hover-border-color:var(--rt-button-danger-hover-border)!important;
    background:var(--rt-button-danger-background)!important;
    color:var(--rt-button-danger-text)!important;
    border-color:var(--rt-button-danger-border)!important;
}
.rtkp-theme-context .btn-danger:hover,.rtkp-theme-context .btn-danger:focus-visible{
    background:var(--rt-button-danger-hover-background)!important;
    color:var(--rt-button-danger-hover-text)!important;
    border-color:var(--rt-button-danger-hover-border)!important;
}
.rtkp-theme-context .btn-outline-primary{
    background:transparent!important;
    color:var(--rt-button-primary-background)!important;
    border-color:var(--rt-button-primary-border)!important;
}
.rtkp-theme-context .btn-outline-primary:hover,.rtkp-theme-context .btn-outline-primary:focus-visible{
    background:var(--rt-button-primary-hover-background)!important;
    color:var(--rt-button-primary-hover-text)!important;
    border-color:var(--rt-button-primary-hover-border)!important;
}
.rtkp-theme-context .btn-outline-danger{
    background:transparent!important;
    color:var(--rt-button-danger-background)!important;
    border-color:var(--rt-button-danger-border)!important;
}
.rtkp-theme-context .btn-outline-danger:hover,.rtkp-theme-context .btn-outline-danger:focus-visible{
    background:var(--rt-button-danger-hover-background)!important;
    color:var(--rt-button-danger-hover-text)!important;
    border-color:var(--rt-button-danger-hover-border)!important;
}
.rtkp-theme-context .form-control,.rtkp-theme-context .form-select,.rtkp-theme-context textarea.form-control,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),.rtkp-theme-context select,.rtkp-theme-context textarea{
    background-color:var(--rt-control-background,#fff)!important;
    color:var(--rt-control-text,#222)!important;
    border-color:var(--rt-control-border,#cfd7e3)!important;
    border-width:var(--rt-control-border-width,1px)!important;
    border-style:var(--rt-control-border-style,solid)!important;
    border-radius:var(--rt-control-border-radius,10px)!important;
    padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important;
}
.rtkp-theme-context .form-control::placeholder,.rtkp-theme-context textarea::placeholder,.rtkp-theme-context input::placeholder{
    color:var(--rt-control-placeholder,#7c8797)!important;
    opacity:1!important;
}
.rtkp-theme-context .form-control:focus,.rtkp-theme-context .form-select:focus,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):focus,.rtkp-theme-context select:focus,.rtkp-theme-context textarea:focus{
    border-color:var(--rt-control-focus-border,#006ab5)!important;
    box-shadow:0 0 0 .2rem color-mix(in srgb,var(--rt-control-focus-ring,#83bfe8) 42%,transparent)!important;
    outline:0!important;
}
.rtkp-theme-context .form-control:disabled,.rtkp-theme-context .form-select:disabled,.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):disabled,.rtkp-theme-context select:disabled,.rtkp-theme-context textarea:disabled,.rtkp-theme-context .form-control[readonly],.rtkp-theme-context input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"])[readonly],.rtkp-theme-context textarea[readonly]{
    background-color:var(--rt-control-disabled-background,#f1f3f5)!important;
    color:var(--rt-control-disabled-text,#7c8797)!important;
}
.rtkp-theme-context .form-check-input{accent-color:var(--rt-primary,#006ab5)}
.rtkp-theme-context .input-group-text{
    border-color:var(--rt-control-border,#cfd7e3)!important;
    border-width:var(--rt-control-border-width,1px)!important;
    border-style:var(--rt-control-border-style,solid)!important;
    padding:var(--rt-control-padding-y,10px) var(--rt-control-padding-x,12px)!important;
    background:var(--rt-control-disabled-background,#f1f3f5)!important;
    color:var(--rt-control-text,#222)!important;
}
.rtkp-theme-context .table{
    --bs-table-bg:var(--rt-table-body-background,#fff);
    --bs-table-color:var(--rt-table-body-text,#333);
    --bs-table-border-color:var(--rt-table-border,#dfe5ec);
    --bs-table-hover-bg:var(--rt-table-hover-background,#f7fafc);
    --bs-table-hover-color:var(--rt-table-body-text,#333);
    color:var(--rt-table-body-text,#333)!important;
}
.rtkp-theme-context .table>:not(caption)>*>*,.rtkp-theme-context table th,.rtkp-theme-context table td{
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    border-color:var(--rt-table-border,#dfe5ec)!important;
    border-width:0 0 var(--rt-table-border-width,1px)!important;
}
.rtkp-theme-context .table>thead,.rtkp-theme-context table>thead{
    --bs-table-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-striped-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-active-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-hover-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-color:var(--rt-table-header-text,#566579);
}
.rtkp-theme-context .table>thead>tr>*,.rtkp-theme-context table>thead>tr>*{
    --bs-table-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-accent-bg:var(--rt-table-header-background,#f4f6f8);
    --bs-table-bg-state:transparent;
    --bs-table-bg-type:transparent;
    background:var(--rt-table-header-background,#f4f6f8)!important;
    background-color:var(--rt-table-header-background,#f4f6f8)!important;
    color:var(--rt-table-header-text,#566579)!important;
    box-shadow:none!important;
}
.rtkp-theme-context .table tbody td{
    color:var(--rt-table-body-text,#333)!important;
}
.rtkp-theme-context table:not(.table) tbody td{
    background:var(--rt-table-body-background,#fff)!important;
    color:var(--rt-table-body-text,#333)!important;
}
.rtkp-theme-context .table-hover>tbody>tr:hover>*{
    background:var(--rt-table-hover-background,#f7fafc)!important;
    color:var(--rt-table-body-text,#333)!important;
}
.rtkp-theme-context .table-responsive{
    border-radius:var(--rt-table-border-radius,12px)!important;
}

/* Einheitliche Seitenlogik – 5.0.0 */
.rtkp-theme-context .topbar.topbar-compact{
    min-height:4.5rem;
    padding-block:0.875rem!important;
}
.rtkp-theme-context .topbar .topbar-context{
    display:flex;
    align-items:center;
    min-width:0;
}
.rtkp-theme-context .topbar .topbar-context .eyebrow{
    margin:0!important;
    line-height:1.35!important;
}

/* Primäre Seitentitel folgen in allen regulären und eingebetteten Ansichten
   derselben Größe, Stärke und vertikalen Logik. */
.rtkp-theme-context #app > h1,.rtkp-theme-context #app > .page-header h1,.rtkp-theme-context #app > .view-header h1,.rtkp-theme-context #app > .toolbar.rtkp-view-header h1,.rtkp-theme-context #app > .toolbar.rtkp-view-header h2,.rtkp-theme-context.embedded-page main > h1,.rtkp-theme-context.embedded-page main > .page-header h1,.rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page .system-page > h1,.rtkp-theme-context.embedded-page .install-card > h1{
    font-size:var(--rt-font-size-h1)!important;
    font-weight:var(--rt-font-weight-h1)!important;
    line-height:1.25!important;
    letter-spacing:normal!important;
}

/* Sektionstitel sind einheitlich, aber klar dem Seitentitel untergeordnet. */
.rtkp-theme-context #app > .toolbar.rtkp-section-header h1,.rtkp-theme-context #app > .toolbar.rtkp-section-header h2,.rtkp-theme-context #app > .page-header.rtkp-section-header h1,.rtkp-theme-context #app > .page-header.rtkp-section-header h2,.rtkp-theme-context #app > h2.rtkp-section-title,.rtkp-theme-context #app .rtkp-projects-heading{
    font-size:var(--rt-font-size-h2)!important;
    font-weight:var(--rt-font-weight-h2)!important;
    line-height:1.3!important;
    letter-spacing:normal!important;
}

/* Ein neuer Inhaltsabschnitt darf nicht an der vorherigen Karte oder Box kleben. */
.rtkp-theme-context #app > .rtkp-section-break{
    margin-top:var(--rt-layout-section-gap,24px)!important;
}
.rtkp-theme-context #app .rtkp-projects-heading{
    margin-top:0!important;
    margin-bottom:0!important;
}

.rtkp-theme-context.embedded-page main{
    padding-top:var(--rt-page-padding-y,24px);
}
.rtkp-theme-context.embedded-page main > p:first-child{
    margin-bottom:var(--rt-layout-compact-gap,12px);
}
.rtkp-theme-context.embedded-page main > .eyebrow{
    margin-bottom:calc(var(--rt-layout-compact-gap,12px) / 2)!important;
}
.rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page main > h1:first-of-type{
    margin-top:0!important;
    margin-bottom:var(--rt-layout-section-gap,24px)!important;
}
.rtkp-theme-context.embedded-page main > h1 + .muted,.rtkp-theme-context.embedded-page main > h1 + p{
    margin-top:calc(var(--rt-layout-compact-gap,12px) * -1);
    margin-bottom:var(--rt-layout-section-gap,24px);
}

/* Konsistenz- und Responsive-Regeln – 5.0.0 */
.rtkp-theme-context #app.rtkp-page-flow > .rtkp-page-header{
    margin-top:0!important;
    margin-bottom:var(--rt-layout-section-gap,24px)!important;
}
.rtkp-theme-context #app.rtkp-page-flow > .rtkp-section-start{
    margin-top:var(--rt-layout-section-gap,24px)!important;
}
.rtkp-theme-context #app.rtkp-page-flow > .rtkp-projects-section{
    padding-top:0!important;
}
.rtkp-theme-context #app.rtkp-page-flow .rtkp-projects-heading{
    margin-top:0!important;
    margin-bottom:var(--rt-layout-compact-gap,12px)!important;
}

/* Einheitlicher vertikaler Aufbau der serverseitigen Unterseiten. */
.rtkp-theme-context.embedded-page .system-page,.rtkp-theme-context.embedded-page main.container-fluid,.rtkp-theme-context.embedded-page main.container{
    width:100%;
    max-width:none;
    margin-inline:0;
    padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
    box-sizing:border-box;
}
.rtkp-theme-context.embedded-page .system-page > .panel + .panel,.rtkp-theme-context.embedded-page .system-page > .system-grid + .panel,.rtkp-theme-context.embedded-page .system-page > .panel + .system-grid,.rtkp-theme-context.embedded-page main > .card + .card,.rtkp-theme-context.embedded-page main > .alert + .card{
    margin-top:var(--rt-layout-section-gap,24px)!important;
}
.rtkp-theme-context.embedded-page .system-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
    gap:var(--rt-layout-section-gap,24px)!important;
    align-items:stretch;
}
.rtkp-theme-context.embedded-page .panel,.rtkp-theme-context.embedded-page .card{
    height:auto;
}
.rtkp-theme-context.embedded-page .toolbar,.rtkp-theme-context #app .toolbar{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:var(--rt-layout-compact-gap,12px);
}
.rtkp-theme-context.embedded-page .toolbar > :last-child,.rtkp-theme-context #app .toolbar > :last-child{
    flex:0 0 auto;
}

/* Überschriften sind unabhängig vom verwendeten Seitenmodul gleich gewichtet. */
.rtkp-theme-context #app .rtkp-page-header h1,.rtkp-theme-context #app .rtkp-page-header h2,.rtkp-theme-context.embedded-page main > h1,.rtkp-theme-context.embedded-page main > .eyebrow + h1,.rtkp-theme-context.embedded-page main > div:first-of-type h1{
    font-size:var(--rt-font-size-h1)!important;
    font-weight:var(--rt-font-weight-h1)!important;
    line-height:1.25!important;
    margin-top:0!important;
}
.rtkp-theme-context #app .rtkp-section-start h1,.rtkp-theme-context #app .rtkp-section-start h2,.rtkp-theme-context.embedded-page .panel > h2,.rtkp-theme-context.embedded-page .card-title,.rtkp-theme-context.embedded-page .toolbar h2{
    font-size:var(--rt-font-size-h2)!important;
    font-weight:var(--rt-font-weight-h2)!important;
    line-height:1.3!important;
}

/* Aktionsbereiche und Tabellen bleiben auch auf kleinen Ansichten bedienbar. */
.rtkp-theme-context .backup-actions,.rtkp-theme-context .table-actions,.rtkp-theme-context .card-actions,.rtkp-theme-context .form-actions,.rtkp-theme-context .inline-form{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:var(--rt-layout-compact-gap,12px);
}
.rtkp-theme-context .table-responsive{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}
.rtkp-theme-context .responsive-table{
    min-width:680px;
}

@media (max-width:991.98px){
    .rtkp-theme-context .topbar.topbar-compact{
        align-items:stretch!important;
        flex-wrap:wrap;
        gap:var(--rt-layout-compact-gap,12px)!important;
    }
    .rtkp-theme-context .topbar .topbar-context{
        flex:1 1 100%;
    }
    .rtkp-theme-context .topbar .global-search{
        order:2;
        flex:1 1 100%;
        max-width:none!important;
    }
    .rtkp-theme-context .topbar .user-pill{
        order:3;
    }
}

@media (max-width:767.98px){
    .rtkp-theme-context.embedded-page .system-page,.rtkp-theme-context.embedded-page main.container-fluid,.rtkp-theme-context.embedded-page main.container{
        padding:var(--rt-page-padding-y,24px) var(--rt-page-padding-x,24px)!important;
    }
    .rtkp-theme-context.embedded-page .toolbar,.rtkp-theme-context #app .toolbar,.rtkp-theme-context .backup-actions,.rtkp-theme-context .table-actions,.rtkp-theme-context .form-actions,.rtkp-theme-context .inline-form{
        align-items:stretch;
        flex-direction:column;
    }
    .rtkp-theme-context.embedded-page .toolbar > *,.rtkp-theme-context #app .toolbar > *,.rtkp-theme-context .backup-actions > *,.rtkp-theme-context .table-actions > *,.rtkp-theme-context .form-actions > *,.rtkp-theme-context .inline-form > *{
        width:100%;
    }
    .rtkp-theme-context .responsive-table{
        min-width:620px;
    }
    .rtkp-theme-context .topbar .global-search{
        display:grid!important;
        grid-template-columns:1fr auto;
        width:100%;
    }
}

/* Konfigurierbare Badges und Statusanzeigen – 5.1.0-alpha.20 */
.rtkp-theme-context .badge,.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .unread-count,.rtkp-theme-context .traffic-label{
    font-family:var(--rt-badge-font-family)!important;
    font-size:var(--rt-font-size-badge)!important;
    font-weight:var(--rt-badge-font-weight)!important;
    line-height:1.2!important;
    padding:var(--rt-badge-padding-y) var(--rt-badge-padding-x)!important;
    border-width:var(--rt-badge-border-width)!important;
    border-style:var(--rt-badge-border-style)!important;
    border-radius:var(--rt-badge-border-radius)!important;
    box-shadow:none!important;
}
.rtkp-theme-context .badge:not(.text-bg-primary):not(.text-bg-secondary):not(.text-bg-success):not(.text-bg-warning):not(.text-bg-danger):not(.text-bg-info):not(.text-bg-light):not(.text-bg-dark),.rtkp-theme-context .status-badge,.rtkp-theme-context .status-tag,.rtkp-theme-context .form-status,.rtkp-theme-context .user-pill,.rtkp-theme-context .traffic-label{
    background:var(--rt-badge-light-background)!important;
    color:var(--rt-badge-light-text)!important;
    border-color:var(--rt-badge-light-border)!important;
}
.rtkp-theme-context .badge.text-bg-primary,.rtkp-theme-context .badge.bg-primary,.rtkp-theme-context .unread-count{
    background:var(--rt-badge-primary-background)!important;
    color:var(--rt-badge-primary-text)!important;
    border-color:var(--rt-badge-primary-border)!important;
}
.rtkp-theme-context .badge.text-bg-secondary,.rtkp-theme-context .badge.bg-secondary,.rtkp-theme-context .status-tag.status-archived,.rtkp-theme-context .status-tag.status-draft,.rtkp-theme-context .status-tag.status-inactive,.rtkp-theme-context .status-tag.status-disabled,.rtkp-theme-context .traffic-label.traffic-gray,.rtkp-theme-context .form-status.draft,.rtkp-theme-context .form-status.archived{
    background:var(--rt-badge-secondary-background)!important;
    color:var(--rt-badge-secondary-text)!important;
    border-color:var(--rt-badge-secondary-border)!important;
}
.rtkp-theme-context .badge.text-bg-success,.rtkp-theme-context .badge.bg-success,.rtkp-theme-context .status-tag.status-resolved,.rtkp-theme-context .status-tag.status-active,.rtkp-theme-context .status-tag.status-completed,.rtkp-theme-context .status-tag.status-success,.rtkp-theme-context .traffic-label.traffic-green,.rtkp-theme-context .status-tag.status-answered,.rtkp-theme-context .form-status.completed{
    background:var(--rt-badge-success-background)!important;
    color:var(--rt-badge-success-text)!important;
    border-color:var(--rt-badge-success-border)!important;
}
.rtkp-theme-context .badge.text-bg-warning,.rtkp-theme-context .badge.bg-warning,.rtkp-theme-context .status-tag.status-open,.rtkp-theme-context .status-tag.status-pending,.rtkp-theme-context .status-tag.status-warning,.rtkp-theme-context .traffic-label.traffic-yellow,.rtkp-theme-context .form-status.assigned{
    background:var(--rt-badge-warning-background)!important;
    color:var(--rt-badge-warning-text)!important;
    border-color:var(--rt-badge-warning-border)!important;
}
.rtkp-theme-context .badge.text-bg-danger,.rtkp-theme-context .badge.bg-danger,.rtkp-theme-context .status-tag.status-failed,.rtkp-theme-context .status-tag.status-critical,.rtkp-theme-context .status-tag.status-danger,.rtkp-theme-context .traffic-label.traffic-red,.rtkp-theme-context .status-tag.status-error,.rtkp-theme-context .form-status.failed,.rtkp-theme-context .form-status.rejected,.rtkp-theme-context .form-status.overdue{
    background:var(--rt-badge-danger-background)!important;
    color:var(--rt-badge-danger-text)!important;
    border-color:var(--rt-badge-danger-border)!important;
}
.rtkp-theme-context .badge.text-bg-info,.rtkp-theme-context .badge.bg-info,.rtkp-theme-context .status-tag.status-in_progress,.rtkp-theme-context .status-tag.status-processing,.rtkp-theme-context .status-tag.status-running,.rtkp-theme-context .form-status.in_progress{
    background:var(--rt-badge-info-background)!important;
    color:var(--rt-badge-info-text)!important;
    border-color:var(--rt-badge-info-border)!important;
}
.rtkp-theme-context .badge.text-bg-light,.rtkp-theme-context .badge.bg-light{
    background:var(--rt-badge-light-background)!important;
    color:var(--rt-badge-light-text)!important;
    border-color:var(--rt-badge-light-border)!important;
}
.rtkp-theme-context .badge.text-bg-dark,.rtkp-theme-context .badge.bg-dark{
    background:var(--rt-badge-dark-background)!important;
    color:var(--rt-badge-dark-text)!important;
    border-color:var(--rt-badge-dark-border)!important;
}
.rtkp-theme-context .unread-count{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    height:auto!important;
    min-width:calc(1.2em + var(--rt-badge-padding-x) + var(--rt-badge-padding-x))!important;
    min-height:calc(1.2em + var(--rt-badge-padding-y) + var(--rt-badge-padding-y))!important;
}

/* ========================================================================== 
   RT Kundenportal 5.3.0-rc.5 – verbindliche anwendungsweite Designautorität

   Gilt identisch für Admin- und Kundenbereich. Frühere RC1–RC4-
   Normalisierungsschichten werden durch diesen einen Zielzustand ersetzt.
   Fachlayouts und Funktionslogik bleiben erhalten.
   ========================================================================== */

/* Gemeinsame Farbtokens – Hellmodus */
body.rtkp-theme-context.rtkp-color-light {
    --rt-page-background:#f3f5f7;
    --rt-surface:#ffffff;
    --rt-surface-subtle:#f1f4f6;
    --rt-surface-raised:#ffffff;
    --rt-border:#cbd3da;
    --rt-border-strong:#9eabb7;
    --rt-text:#17212b;
    --rt-text-body:#17212b;
    --rt-text-heading:#101820;
    --rt-text-muted:#56606b;
    --rt-text-faint:#6c7884;
    --rt-text-link:#00538f;
    --rt-text-navigation:#ffffff;
    --rt-text-navigation-active:#ffffff;
    --rt-text-topbar:#17212b;
    --rt-text-eyebrow:#00538f;
    --rt-text-label:#17212b;
    --rt-text-badge:#17212b;
    --rt-text-customer-task:#17212b;
    --rt-primary:#006ab5;
    --rt-secondary:#00538f;
    --rt-primary-hover:#00538f;
    --rt-primary-soft:#dceef9;
    --rt-focus:#75b7e3;
    --rt-success:#007b12;
    --rt-success-soft:#dff3e3;
    --rt-info:#005f9f;
    --rt-info-soft:#dceef9;
    --rt-warning:#8a5b00;
    --rt-warning-soft:#fff0c6;
    --rt-danger:#b32617;
    --rt-danger-hover:#8f1d12;
    --rt-danger-soft:#f8dedb;
    --rt-disabled:#e9edf0;
    --rt-control-background:#ffffff;
    --rt-control-text:#17212b;
    --rt-control-border:#9eabb7;
    --rt-control-placeholder:#6c7884;
    --rt-control-focus-border:#006ab5;
    --rt-control-focus-ring:#75b7e3;
    --rt-control-disabled-background:#e9edf0;
    --rt-control-disabled-text:#56606b;
    --rt-table-header-background:#edf1f4;
    --rt-table-header-text:#17212b;
    --rt-table-body-background:#ffffff;
    --rt-table-body-text:#17212b;
    --rt-table-border:#cbd3da;
    --rt-table-hover-background:#f1f6f9;
    --rt-button-primary-background:#006ab5;
    --rt-button-primary-text:#ffffff;
    --rt-button-primary-border:#006ab5;
    --rt-button-primary-hover-background:#00538f;
    --rt-button-primary-hover-text:#ffffff;
    --rt-button-primary-hover-border:#00538f;
    --rt-button-secondary-background:#ffffff;
    --rt-button-secondary-text:#17212b;
    --rt-button-secondary-border:#9eabb7;
    --rt-button-secondary-hover-background:#e7eff5;
    --rt-button-secondary-hover-text:#00538f;
    --rt-button-secondary-hover-border:#7d909f;
    --rt-button-danger-background:#b32617;
    --rt-button-danger-text:#ffffff;
    --rt-button-danger-border:#b32617;
    --rt-button-danger-hover-background:#8f1d12;
    --rt-button-danger-hover-text:#ffffff;
    --rt-button-danger-hover-border:#8f1d12;
    --rt-badge-primary-background:#dceef9;
    --rt-badge-primary-text:#004c82;
    --rt-badge-primary-border:#71b4de;
    --rt-badge-secondary-background:#e9edf0;
    --rt-badge-secondary-text:#3f4b56;
    --rt-badge-secondary-border:#bcc6ce;
    --rt-badge-success-background:#dff3e3;
    --rt-badge-success-text:#005e0e;
    --rt-badge-success-border:#75c583;
    --rt-badge-warning-background:#fff0c6;
    --rt-badge-warning-text:#704900;
    --rt-badge-warning-border:#dcae45;
    --rt-badge-danger-background:#f8dedb;
    --rt-badge-danger-text:#921c11;
    --rt-badge-danger-border:#d98f87;
    --rt-badge-info-background:#dceef9;
    --rt-badge-info-text:#004c82;
    --rt-badge-info-border:#71b4de;
    --rt-badge-light-background:#eef2f5;
    --rt-badge-light-text:#3f4b56;
    --rt-badge-light-border:#c4cdd5;
    --rt-badge-dark-background:#333333;
    --rt-badge-dark-text:#ffffff;
    --rt-badge-dark-border:#333333;
    --rtkp-feedback-success-accent:#009416;
    --rtkp-feedback-warning-accent:#eda509;
    --rtkp-feedback-danger-accent:#c22515;
    --rtkp-feedback-info-accent:#006ab5;
    --rtkp-canvas:var(--rt-page-background);
    --rtkp-surface:var(--rt-surface);
    --rtkp-surface-subtle:var(--rt-surface-subtle);
    --rtkp-border:var(--rt-border);
    --rtkp-border-strong:var(--rt-border-strong);
    --rtkp-text:var(--rt-text-body);
    --rtkp-muted:var(--rt-text-muted);
    --rtkp-accent:var(--rt-primary);
    --rtkp-accent-strong:var(--rt-primary-hover);
    --rtkp-focus:var(--rt-focus);
    --rtkp-page-bg:var(--rt-page-background);
    --rtkp-soft-bg:var(--rt-table-hover-background);
    --bg:var(--rt-page-background);
    --surface:var(--rt-surface);
    --line:var(--rt-border);
    --text:var(--rt-text-body);
    --muted:var(--rt-text-muted);
    --primary:var(--rt-primary);
    --primary2:var(--rt-secondary);
    --success:var(--rt-success);
    --warning:var(--rt-warning);
    --danger:var(--rt-danger);
    --bs-body-color:var(--rt-text-body);
    --bs-body-bg:var(--rt-page-background);
    --bs-secondary-bg:var(--rt-surface-subtle);
    --bs-tertiary-bg:var(--rt-page-background);
    --bs-border-color:var(--rt-border);
    --bs-border-color-translucent:var(--rt-border);
    --bs-emphasis-color:var(--rt-text-heading);
    --bs-secondary-color:var(--rt-text-muted);
    --bs-heading-color:var(--rt-text-heading);
    --bs-link-color:var(--rt-text-link);
    --bs-link-hover-color:var(--rt-primary);
}

/* Gemeinsame Farbtokens – Dunkelmodus, Grundton #333333 */
body.rtkp-theme-context.rtkp-color-dark {
    --rt-page-background:#242424;
    --rt-surface:#333333;
    --rt-surface-subtle:#3b3b3b;
    --rt-surface-raised:#404040;
    --rt-border:#555555;
    --rt-border-strong:#6b6b6b;
    --rt-text:#f2f2f2;
    --rt-text-body:#f2f2f2;
    --rt-text-heading:#ffffff;
    --rt-text-muted:#c9c9c9;
    --rt-text-faint:#b7b7b7;
    --rt-text-link:#86cef5;
    --rt-text-navigation:#ffffff;
    --rt-text-navigation-active:#ffffff;
    --rt-text-topbar:#f2f2f2;
    --rt-text-eyebrow:#86cef5;
    --rt-text-label:#f2f2f2;
    --rt-text-badge:#f2f2f2;
    --rt-text-customer-task:#f2f2f2;
    --rt-primary:#006ab5;
    --rt-secondary:#66b9e7;
    --rt-primary-hover:#00538f;
    --rt-primary-soft:#29495c;
    --rt-focus:#78c7f0;
    --rt-success:#58c36a;
    --rt-success-soft:#294b31;
    --rt-info:#80c9f0;
    --rt-info-soft:#29495c;
    --rt-warning:#f0bb43;
    --rt-warning-soft:#51431f;
    --rt-danger:#ff8a7f;
    --rt-danger-hover:#ffaba4;
    --rt-danger-soft:#53312e;
    --rt-disabled:#444444;
    --rt-control-background:#2b2b2b;
    --rt-control-text:#f4f4f4;
    --rt-control-border:#666666;
    --rt-control-placeholder:#bdbdbd;
    --rt-control-focus-border:#66b9e7;
    --rt-control-focus-ring:#66b9e7;
    --rt-control-disabled-background:#3a3a3a;
    --rt-control-disabled-text:#b7b7b7;
    --rt-table-header-background:#3b3b3b;
    --rt-table-header-text:#ffffff;
    --rt-table-body-background:#333333;
    --rt-table-body-text:#f2f2f2;
    --rt-table-border:#555555;
    --rt-table-hover-background:#3f3f3f;
    --rt-button-primary-background:#006ab5;
    --rt-button-primary-text:#ffffff;
    --rt-button-primary-border:#006ab5;
    --rt-button-primary-hover-background:#00538f;
    --rt-button-primary-hover-text:#ffffff;
    --rt-button-primary-hover-border:#00538f;
    --rt-button-secondary-background:#333333;
    --rt-button-secondary-text:#f2f2f2;
    --rt-button-secondary-border:#727272;
    --rt-button-secondary-hover-background:#474747;
    --rt-button-secondary-hover-text:#ffffff;
    --rt-button-secondary-hover-border:#8a8a8a;
    --rt-button-danger-background:#c22515;
    --rt-button-danger-text:#ffffff;
    --rt-button-danger-border:#c22515;
    --rt-button-danger-hover-background:#a61d10;
    --rt-button-danger-hover-text:#ffffff;
    --rt-button-danger-hover-border:#a61d10;
    --rt-badge-primary-background:#29495c;
    --rt-badge-primary-text:#bce5fb;
    --rt-badge-primary-border:#497b98;
    --rt-badge-secondary-background:#444444;
    --rt-badge-secondary-text:#e5e5e5;
    --rt-badge-secondary-border:#666666;
    --rt-badge-success-background:#294b31;
    --rt-badge-success-text:#afe8b9;
    --rt-badge-success-border:#4a7853;
    --rt-badge-warning-background:#51431f;
    --rt-badge-warning-text:#ffe3a1;
    --rt-badge-warning-border:#806b34;
    --rt-badge-danger-background:#53312e;
    --rt-badge-danger-text:#ffc0ba;
    --rt-badge-danger-border:#81504b;
    --rt-badge-info-background:#29495c;
    --rt-badge-info-text:#bce5fb;
    --rt-badge-info-border:#497b98;
    --rt-badge-light-background:#444444;
    --rt-badge-light-text:#eeeeee;
    --rt-badge-light-border:#666666;
    --rt-badge-dark-background:#242424;
    --rt-badge-dark-text:#ffffff;
    --rt-badge-dark-border:#666666;
    --rtkp-feedback-success-accent:#58c36a;
    --rtkp-feedback-warning-accent:#f0bb43;
    --rtkp-feedback-danger-accent:#ef7164;
    --rtkp-feedback-info-accent:#80c9f0;
    --rtkp-canvas:var(--rt-page-background);
    --rtkp-surface:var(--rt-surface);
    --rtkp-surface-subtle:var(--rt-surface-subtle);
    --rtkp-border:var(--rt-border);
    --rtkp-border-strong:var(--rt-border-strong);
    --rtkp-text:var(--rt-text-body);
    --rtkp-muted:var(--rt-text-muted);
    --rtkp-accent:var(--rt-primary);
    --rtkp-accent-strong:var(--rt-primary-hover);
    --rtkp-focus:var(--rt-focus);
    --rtkp-page-bg:var(--rt-page-background);
    --rtkp-soft-bg:var(--rt-table-hover-background);
    --bg:var(--rt-page-background);
    --surface:var(--rt-surface);
    --line:var(--rt-border);
    --text:var(--rt-text-body);
    --muted:var(--rt-text-muted);
    --primary:var(--rt-primary);
    --primary2:var(--rt-secondary);
    --success:var(--rt-success);
    --warning:var(--rt-warning);
    --danger:var(--rt-danger);
    --bs-body-color:var(--rt-text-body);
    --bs-body-bg:var(--rt-page-background);
    --bs-secondary-bg:var(--rt-surface-subtle);
    --bs-tertiary-bg:var(--rt-page-background);
    --bs-border-color:var(--rt-border);
    --bs-border-color-translucent:var(--rt-border);
    --bs-emphasis-color:var(--rt-text-heading);
    --bs-secondary-color:var(--rt-text-muted);
    --bs-heading-color:var(--rt-text-heading);
    --bs-link-color:var(--rt-text-link);
    --bs-link-hover-color:#bce5fb;
    color-scheme:dark;
}

/* Grundflächen und Typografie – identisch in Admin und Kundenbereich */
body.rtkp-theme-context {
    background:var(--rt-page-background)!important;
    color:var(--rt-text-body)!important;
    overflow-x:hidden;
}
body.rtkp-theme-context :where(h1,h2,h3,h4,h5,h6,strong,.h1,.h2,.h3,.h4,.h5,.h6) {
    color:var(--rt-text-heading);
}
body.rtkp-theme-context :where(p,li,dd,dt,td,label,legend) { color:var(--rt-text-body); }
body.rtkp-theme-context :where(.muted,.text-muted,.text-body-secondary,small,.small,.form-text,.help-text,.rtkp-field-help) {
    color:var(--rt-text-muted)!important;
}
body.rtkp-theme-context :where(a:not(.btn):not(.nav-link):not(.list-group-item)) { color:var(--rt-text-link); }
body.rtkp-theme-context :where(.bg-body-tertiary,.bg-body-secondary) { background-color:var(--rt-page-background)!important; }
body.rtkp-theme-context.rtkp-color-dark :where(.bg-white,.bg-light) { background-color:var(--rt-surface)!important; }
body.rtkp-theme-context .main,
body.rtkp-theme-context .content,
body.rtkp-theme-context .portal-main,
body.rtkp-theme-context .forms-content,
body.rtkp-theme-context.embedded-page { background:var(--rt-page-background)!important; }

/* Gemeinsame Shell */
body.rtkp-theme-context .shell,
body.rtkp-theme-context .app-shell,
body.rtkp-theme-context .portal-shell {
    display:grid;
    grid-template-columns:248px minmax(0,1fr);
    min-height:100vh;
    background:var(--rt-page-background);
}
body.rtkp-theme-context .main { min-width:0;margin-left:0!important;width:100%;max-width:none; }
body.rtkp-theme-context .sidebar {
    position:sticky;
    top:0;
    z-index:1040;
    width:248px;
    height:100vh;
    min-width:0;
    padding:18px 12px!important;
    display:flex!important;
    flex-direction:column;
    gap:18px;
    overflow-x:hidden;
    overflow-y:auto;
    background:#333333!important;
    border-color:#4c4c4c!important;
    color:#ffffff!important;
}
body.rtkp-theme-context .sidebar :where(.brand,.brand b,.brand strong,.brand span,.brand small,.nav-section-title,.side-foot,.side-foot small) {
    color:#ffffff!important;
}
body.rtkp-theme-context .sidebar .brand {
    width:100%;
    min-width:0;
    padding:0 8px 4px;
    gap:12px;
    align-items:center;
}
body.rtkp-theme-context .sidebar .brand small { color:#d4d4d4!important; }
body.rtkp-theme-context .sidebar :where(nav,.sidebar-nav,.nav) {
    width:100%;
    min-width:0;
}
body.rtkp-theme-context .sidebar .sidebar-nav,
body.rtkp-theme-context .sidebar nav { padding-inline:2px; }
body.rtkp-theme-context .sidebar :where(.nav-link,nav a) {
    width:100%;
    max-width:100%;
    min-width:0;
    min-height:42px;
    margin:0;
    padding:10px 12px!important;
    display:flex;
    align-items:center;
    gap:10px;
    overflow-wrap:anywhere;
    box-sizing:border-box;
    color:#ffffff!important;
    background:transparent!important;
    border:1px solid transparent!important;
    border-radius:9px!important;
    transform:none!important;
}
body.rtkp-theme-context .sidebar :where(.nav-link,nav a):hover,
body.rtkp-theme-context .sidebar :where(.nav-link,nav a):focus-visible {
    color:#ffffff!important;
    background:#424242!important;
    border-color:#5b5b5b!important;
}
body.rtkp-theme-context .sidebar :where(.nav-link,nav a).active,
body.rtkp-theme-context .sidebar :where(.nav-link,nav a)[aria-current="page"] {
    color:#ffffff!important;
    background:#006ab5!important;
    border-color:#1684cc!important;
    box-shadow:none!important;
}
body.rtkp-theme-context .sidebar :where(.nav-link,nav a) :where(svg,.ui-icon) { color:currentColor;fill:currentColor; }
body.rtkp-theme-context .sidebar .side-foot {
    margin-top:auto;
    padding:14px 8px 0!important;
    border-color:#4c4c4c!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}
body.rtkp-theme-context .sidebar-utility-actions { display:flex;align-items:center;gap:7px; }
body.rtkp-theme-context .sidebar .rtkp-logout-link {
    width:36px;
    height:36px;
    min-width:36px;
    padding:0;
    display:inline-grid;
    place-items:center;
    border:1px solid #5b5b5b;
    border-radius:8px;
    background:#414141;
    color:#ffffff!important;
    cursor:pointer;
    text-decoration:none!important;
}
body.rtkp-theme-context .sidebar .rtkp-logout-link:hover { background:#505050;color:#ffffff!important; }
body.rtkp-theme-context .sidebar .rtkp-logout-link:focus-visible { outline:3px solid #75b7e3;outline-offset:2px; }

body.rtkp-theme-context .topbar .rtkp-theme-toggle {
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    padding:0;
    display:inline-grid;
    place-items:center;
    border:1px solid var(--rt-border)!important;
    border-radius:12px;
    background:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    cursor:pointer;
    text-decoration:none!important;
}
body.rtkp-theme-context .topbar .rtkp-theme-toggle:hover {
    background:var(--rt-surface-subtle)!important;
    color:var(--rt-primary)!important;
}
body.rtkp-theme-context .topbar .rtkp-theme-toggle:focus-visible {
    outline:3px solid color-mix(in srgb,var(--rt-primary) 34%,transparent);
    outline-offset:2px;
}
body.rtkp-theme-context .topbar .rtkp-theme-toggle .ui-icon { color:currentColor!important;fill:currentColor!important; }

/* Topbar / Seitenkopf */
body.rtkp-theme-context .topbar {
    background:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-theme-context .topbar :where(h1,h2,h3,strong) { color:var(--rt-text-heading)!important; }
body.rtkp-theme-context .eyebrow { color:var(--rt-text-eyebrow)!important; }
body.rtkp-theme-context .page-heading,
body.rtkp-theme-context .rtkp-page-header { border-color:var(--rt-border)!important; }
body.rtkp-theme-context .user-pill {
    background:var(--rt-surface-subtle)!important;
    border-color:var(--rt-border)!important;
    color:var(--rt-text-body)!important;
}
body.rtkp-theme-context .user-pill small { color:var(--rt-text-muted)!important; }

/* Karten, Panels, Listen und Dialoge */
body.rtkp-theme-context :where(.card,.panel,.stat,.project-progress,.portal-progress-card,.portal-announcement-highlight,.portal-thread-card,.notification-row,.loading,.empty,.modal-card,.forms-section,.form-preview-step,.form-answer,.signature-box,.signature-wrap,.completion-panel,.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell,.auth-card,.install-card) {
    background:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-theme-context .card {
    padding:0!important;
    box-shadow:none!important;
}
body.rtkp-theme-context .card:not(:has(> .card-body)) { padding:18px!important; }
body.rtkp-theme-context .card > .card-body { min-width:0; }
body.rtkp-theme-context .list-group { --bs-list-group-bg:var(--rt-surface);--bs-list-group-color:var(--rt-text-body);--bs-list-group-border-color:var(--rt-border); }
body.rtkp-theme-context .list-group-item {
    background:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-theme-context .list-group-item:hover { background:var(--rt-table-hover-background)!important; }
body.rtkp-theme-context .list-group-item.active,
body.rtkp-theme-context .list-group-item.active:hover {
    background:#006ab5!important;
    border-color:#006ab5!important;
    color:#ffffff!important;
}
body.rtkp-theme-context .list-group-item.active :where(*,strong,small,.text-body-secondary) { color:#ffffff!important; }
body.rtkp-theme-context dialog .modal-card { box-shadow:0 24px 70px rgba(0,0,0,.28)!important; }
body.rtkp-theme-context dialog::backdrop { background:rgba(0,0,0,.58); }

/* Kundenübersicht: Inhalt der Blöcke konsequent zentriert */
body.rtkp-theme-context .portal-overview-grid {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:18px;
}
body.rtkp-theme-context .overview-card { height:100%; }
body.rtkp-theme-context .overview-card .card-body {
    min-height:230px;
    padding:20px!important;
    display:flex!important;
    flex-direction:column;
    align-items:center!important;
    justify-content:flex-start;
    text-align:center!important;
    gap:.4rem;
}
body.rtkp-theme-context .overview-card .portal-overview-card-title,
body.rtkp-theme-context .overview-card .portal-overview-card-value,
body.rtkp-theme-context .overview-card p { width:100%;text-align:center!important; }
body.rtkp-theme-context .overview-card .rtkp-icon-action { margin-top:auto; }

/* Tabellen – einheitlich, ohne äußere Designflicken */
body.rtkp-theme-context .table-responsive {
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:visible;
    border:1px solid var(--rt-table-border)!important;
    border-radius:10px!important;
    background:var(--rt-table-body-background)!important;
    box-shadow:none!important;
    -webkit-overflow-scrolling:touch;
}
body.rtkp-theme-context .table-responsive > .table { margin:0!important; }
body.rtkp-theme-context .table,
body.rtkp-theme-context #app > .table {
    width:100%;
    margin:0!important;
    border:0!important;
    border-collapse:separate;
    border-spacing:0;
    background:var(--rt-table-body-background)!important;
    color:var(--rt-table-body-text)!important;
    --bs-table-bg:var(--rt-table-body-background);
    --bs-table-color:var(--rt-table-body-text);
    --bs-table-border-color:var(--rt-table-border);
    --bs-table-hover-bg:var(--rt-table-hover-background);
    --bs-table-hover-color:var(--rt-table-body-text);
}
body.rtkp-theme-context .table :where(th,td) {
    padding:var(--rt-table-padding-y,12px) var(--rt-table-padding-x,14px)!important;
    color:var(--rt-table-body-text)!important;
    background:var(--rt-table-body-background)!important;
    border-color:var(--rt-table-border)!important;
    vertical-align:middle;
}
body.rtkp-theme-context .table thead th {
    background:var(--rt-table-header-background)!important;
    color:var(--rt-table-header-text)!important;
    font-weight:700!important;
    white-space:nowrap;
}
body.rtkp-theme-context .table tbody tr:hover > * { background:var(--rt-table-hover-background)!important; }
body.rtkp-theme-context .table :where(strong,b) { color:var(--rt-text-heading)!important; }
body.rtkp-theme-context .table small { color:var(--rt-text-muted)!important; }
body.rtkp-theme-context .rtkp-action-cell,
body.rtkp-theme-context .table th:last-child:empty,
body.rtkp-theme-context .table td:last-child:has(.portal-inline-actions),
body.rtkp-theme-context .table td:last-child:has(.rtkp-icon-action) {
    width:1%;
    white-space:nowrap;
}
body.rtkp-theme-context .portal-inline-actions {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:7px;
}
body.rtkp-theme-context .rtkp-action-cell {
    text-align:right;
    vertical-align:middle;
}
body.rtkp-theme-context .rtkp-action-cell > :where(.btn,a.btn,button,form) {
    vertical-align:middle;
}
body.rtkp-theme-context .rtkp-action-cell > :where(.btn,a.btn,button,form) + :where(.btn,a.btn,button,form) {
    margin-inline-start:7px!important;
}
body.rtkp-theme-context .rtkp-action-cell > :where(.d-flex,.btn-group,.table-actions) {
    justify-content:flex-end!important;
    flex-wrap:nowrap!important;
    gap:7px!important;
}
body.rtkp-theme-context .update-history-table th:last-child,
body.rtkp-theme-context .update-history-table td:last-child,
body.rtkp-theme-context .update-backup-table th:last-child,
body.rtkp-theme-context .update-backup-table td:last-child {
    width:108px;
    min-width:108px;
    white-space:nowrap;
}

/* Prozent- und Fortschrittsdarstellung ohne Umbruch */
body.rtkp-theme-context .task-progress-inline {
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:.55rem;
    min-width:0;
    white-space:nowrap;
}
body.rtkp-theme-context .task-progress-inline progress {
    width:130px;
    min-width:70px;
    max-width:100%;
    flex:1 1 130px;
}
body.rtkp-theme-context .task-progress-inline small,
body.rtkp-theme-context .rtkp-percent { white-space:nowrap!important;flex:0 0 auto; }

/* Formulare */
body.rtkp-theme-context :where(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select) {
    background:var(--rt-control-background)!important;
    color:var(--rt-control-text)!important;
    border-color:var(--rt-control-border)!important;
}
body.rtkp-theme-context :where(input,textarea,.form-control)::placeholder { color:var(--rt-control-placeholder)!important;opacity:1; }
body.rtkp-theme-context :where(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select):focus {
    background:var(--rt-control-background)!important;
    color:var(--rt-control-text)!important;
    border-color:var(--rt-control-focus-border)!important;
    box-shadow:0 0 0 3px color-mix(in srgb,var(--rt-control-focus-ring) 34%,transparent)!important;
}
body.rtkp-theme-context :where(input,select,textarea,.form-control,.form-select):disabled {
    background:var(--rt-control-disabled-background)!important;
    color:var(--rt-control-disabled-text)!important;
}
body.rtkp-theme-context.rtkp-color-dark select option { background:#2b2b2b;color:#ffffff; }
body.rtkp-theme-context :where(label,.form-label,legend) { color:var(--rt-text-label)!important; }

/* Buttons und Icon-Aktionen */
body.rtkp-theme-context .btn {
    box-shadow:none!important;
    text-decoration:none!important;
}
body.rtkp-theme-context :where(.btn-primary,.btn.primary) {
    background:var(--rt-button-primary-background)!important;
    border-color:var(--rt-button-primary-border)!important;
    color:var(--rt-button-primary-text)!important;
}
body.rtkp-theme-context :where(.btn-primary,.btn.primary):hover,
body.rtkp-theme-context :where(.btn-primary,.btn.primary):focus-visible {
    background:var(--rt-button-primary-hover-background)!important;
    border-color:var(--rt-button-primary-hover-border)!important;
    color:var(--rt-button-primary-hover-text)!important;
}
body.rtkp-theme-context :where(.btn-outline-secondary,.btn.secondary) {
    background:var(--rt-button-secondary-background)!important;
    border-color:var(--rt-button-secondary-border)!important;
    color:var(--rt-button-secondary-text)!important;
}
body.rtkp-theme-context :where(.btn-outline-secondary,.btn.secondary):hover,
body.rtkp-theme-context :where(.btn-outline-secondary,.btn.secondary):focus-visible {
    background:var(--rt-button-secondary-hover-background)!important;
    border-color:var(--rt-button-secondary-hover-border)!important;
    color:var(--rt-button-secondary-hover-text)!important;
}
body.rtkp-theme-context :where(.btn-danger,.btn-outline-danger,.btn.danger) {
    border-color:var(--rt-button-danger-border)!important;
}
body.rtkp-theme-context :where(.btn-danger,.btn.danger) {
    background:var(--rt-button-danger-background)!important;
    color:var(--rt-button-danger-text)!important;
}
body.rtkp-theme-context .btn-outline-danger { background:transparent!important;color:var(--rt-danger)!important; }
body.rtkp-theme-context .btn-outline-danger:hover { background:var(--rt-button-danger-background)!important;color:#ffffff!important; }
body.rtkp-theme-context .btn-outline-primary { background:transparent!important;border-color:var(--rt-primary)!important;color:var(--rt-text-link)!important; }
body.rtkp-theme-context .btn-outline-primary:hover { background:var(--rt-primary)!important;color:#ffffff!important; }
body.rtkp-theme-context .btn-outline-success { background:transparent!important;border-color:var(--rt-success)!important;color:var(--rt-success)!important; }
body.rtkp-theme-context.rtkp-color-dark .btn-outline-success { color:#afe8b9!important; }
body.rtkp-theme-context .btn-outline-success:hover { background:var(--rt-success)!important;color:#ffffff!important; }
body.rtkp-theme-context .btn-warning { background:#eda509!important;border-color:#eda509!important;color:#17212b!important; }
body.rtkp-theme-context .btn-warning:hover { background:#d99700!important;border-color:#d99700!important;color:#17212b!important; }
body.rtkp-theme-context .rtkp-icon-action {
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 40px!important;
    border-radius:8px!important;
    line-height:1!important;
}
body.rtkp-theme-context .rtkp-icon-action.btn-sm { width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex-basis:36px!important; }
body.rtkp-theme-context .rtkp-icon-action .ui-icon,
body.rtkp-theme-context .rtkp-icon-action svg { width:18px;height:18px;display:block;fill:currentColor; }
body.rtkp-theme-context .rtkp-icon-action-muted {
    background:var(--rt-surface-subtle)!important;
    border:1px solid var(--rt-border)!important;
    color:var(--rt-text-muted)!important;
    cursor:not-allowed;
}
body.rtkp-theme-context .rtkp-action-primary { background:var(--rt-primary)!important;color:#ffffff!important;border-color:var(--rt-primary)!important; }
body.rtkp-theme-context .rtkp-action-info { color:var(--rt-text-link)!important; }
body.rtkp-theme-context .rtkp-action-success { color:var(--rt-success)!important; }
body.rtkp-theme-context.rtkp-color-dark .rtkp-action-success { color:#afe8b9!important; }
body.rtkp-theme-context .rtkp-action-danger { color:var(--rt-danger)!important; }
body.rtkp-theme-context .rtkp-action-warning { color:#17212b!important; }

/* Badges / Status – dieselben Regeln in beiden Bereichen */
body.rtkp-theme-context :where(.badge,.status-badge,.status-tag,.form-status,.unread-count,.traffic-label) {
    border-style:solid!important;
    white-space:nowrap;
}
body.rtkp-theme-context :where(.badge.text-bg-primary,.badge.bg-primary,.unread-count) { background:var(--rt-badge-primary-background)!important;color:var(--rt-badge-primary-text)!important;border-color:var(--rt-badge-primary-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-secondary,.badge.bg-secondary,.status-tag.status-archived,.status-tag.status-draft,.status-tag.status-inactive,.status-tag.status-disabled,.traffic-label.traffic-gray,.form-status.draft,.form-status.archived) { background:var(--rt-badge-secondary-background)!important;color:var(--rt-badge-secondary-text)!important;border-color:var(--rt-badge-secondary-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-success,.badge.bg-success,.status-tag.status-resolved,.status-tag.status-active,.status-tag.status-completed,.status-tag.status-success,.traffic-label.traffic-green,.status-tag.status-answered,.form-status.completed) { background:var(--rt-badge-success-background)!important;color:var(--rt-badge-success-text)!important;border-color:var(--rt-badge-success-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-warning,.badge.bg-warning,.status-tag.status-open,.status-tag.status-pending,.status-tag.status-warning,.traffic-label.traffic-yellow,.form-status.assigned) { background:var(--rt-badge-warning-background)!important;color:var(--rt-badge-warning-text)!important;border-color:var(--rt-badge-warning-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-danger,.badge.bg-danger,.status-tag.status-failed,.status-tag.status-critical,.status-tag.status-danger,.traffic-label.traffic-red,.status-tag.status-error,.form-status.failed,.form-status.rejected,.form-status.overdue) { background:var(--rt-badge-danger-background)!important;color:var(--rt-badge-danger-text)!important;border-color:var(--rt-badge-danger-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-info,.badge.bg-info,.status-tag.status-in_progress,.status-tag.status-processing,.status-tag.status-running,.form-status.in_progress) { background:var(--rt-badge-info-background)!important;color:var(--rt-badge-info-text)!important;border-color:var(--rt-badge-info-border)!important; }
body.rtkp-theme-context :where(.badge.text-bg-light,.badge.bg-light,.status-badge,.status-tag,.form-status,.traffic-label) { border-color:var(--rt-badge-light-border); }
body.rtkp-theme-context .badge.text-bg-dark { background:#333333!important;color:#ffffff!important;border-color:#5b5b5b!important; }

/* Meldungen */
body.rtkp-theme-context .alert { color:var(--rt-text-body)!important;border-width:1px!important; }
body.rtkp-theme-context :where(.alert-success,.alert.success) { background:var(--rt-success-soft)!important;border-color:var(--rt-badge-success-border)!important;color:var(--rt-badge-success-text)!important; }
body.rtkp-theme-context :where(.alert-warning,.alert.warning) { background:var(--rt-warning-soft)!important;border-color:var(--rt-badge-warning-border)!important;color:var(--rt-badge-warning-text)!important; }
body.rtkp-theme-context :where(.alert-danger,.alert.danger) { background:var(--rt-danger-soft)!important;border-color:var(--rt-badge-danger-border)!important;color:var(--rt-badge-danger-text)!important; }
body.rtkp-theme-context :where(.alert-info,.alert.info,.alert-primary) { background:var(--rt-info-soft)!important;border-color:var(--rt-badge-info-border)!important;color:var(--rt-badge-info-text)!important; }
body.rtkp-theme-context .alert :where(strong,b,a) { color:inherit!important; }

/* Persistentes, anwendungsweites Aktionsfeedback aus RC4 */
body.rtkp-theme-context .toast.rtkp-feedback {
    z-index:1200;
    grid-template-columns:34px minmax(0,1fr) 30px;
    align-items:start;
    gap:11px;
    width:min(460px,calc(100vw - 28px));
    max-width:none;
    padding:14px;
    background:var(--rt-surface-raised)!important;
    color:var(--rt-text-body)!important;
    border:1px solid var(--rt-border)!important;
    border-left-width:5px!important;
    box-shadow:0 18px 48px rgba(0,0,0,.22);
    opacity:0;
    transform:translateY(8px);
    transition:opacity .16s ease,transform .16s ease;
}
body.rtkp-theme-context .toast.rtkp-feedback.show { opacity:1;transform:translateY(0); }
body.rtkp-theme-context .rtkp-feedback-success { border-left-color:var(--rtkp-feedback-success-accent)!important; }
body.rtkp-theme-context .rtkp-feedback-warning { border-left-color:var(--rtkp-feedback-warning-accent)!important; }
body.rtkp-theme-context .rtkp-feedback-error { border-left-color:var(--rtkp-feedback-danger-accent)!important; }
body.rtkp-theme-context .rtkp-feedback-info { border-left-color:var(--rtkp-feedback-info-accent)!important; }
body.rtkp-theme-context .rtkp-feedback-mark { width:30px;height:30px;border-radius:999px;display:grid;place-items:center;font-weight:800;line-height:1;color:#fff;background:var(--rtkp-feedback-info-accent); }
body.rtkp-theme-context .rtkp-feedback-success .rtkp-feedback-mark { background:var(--rtkp-feedback-success-accent); }
body.rtkp-theme-context .rtkp-feedback-warning .rtkp-feedback-mark { background:var(--rtkp-feedback-warning-accent);color:#17212b; }
body.rtkp-theme-context .rtkp-feedback-error .rtkp-feedback-mark { background:var(--rtkp-feedback-danger-accent); }
body.rtkp-theme-context .rtkp-feedback-info .rtkp-feedback-mark { background:var(--rtkp-feedback-info-accent); }
body.rtkp-theme-context .rtkp-feedback-content { min-width:0;display:grid;gap:3px; }
body.rtkp-theme-context .rtkp-feedback-title { color:var(--rt-text-heading)!important;font-size:.92rem;line-height:1.35; }
body.rtkp-theme-context .rtkp-feedback-message { color:var(--rt-text-body)!important;line-height:1.45; }
body.rtkp-theme-context .rtkp-feedback-detail { margin-top:2px;color:var(--rt-text-muted)!important;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere; }
body.rtkp-theme-context .rtkp-feedback-actions { display:flex;flex-wrap:wrap;gap:8px;margin-top:7px; }
body.rtkp-theme-context .rtkp-feedback-close { width:30px;height:30px;min-height:30px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--rt-text-muted);font-size:1.25rem;line-height:1;cursor:pointer; }
body.rtkp-theme-context .rtkp-feedback-close:hover { background:var(--rt-surface-subtle);color:var(--rt-text-body); }

/* Dunkle Flächen: niemals dunkler/schwarzer Text */
body.rtkp-theme-context :where(.sidebar,.bg-dark,.text-bg-dark,.list-group-item.active,.btn-primary,.btn-danger,.btn.primary,.rtkp-action-primary) :where(h1,h2,h3,h4,h5,h6,p,span,small,strong,b,svg),
body.rtkp-theme-context :where(.sidebar,.bg-dark,.text-bg-dark,.list-group-item.active,.btn-primary,.btn-danger,.btn.primary,.rtkp-action-primary) {
    color:#ffffff!important;
}

/* Spezielle dunkle Oberflächen im Dunkelmodus */
body.rtkp-theme-context.rtkp-color-dark :where(.portal-announcement-highlight,.portal-thread-card,.info-grid article,.help-box,.prompt-box,.tool-row,.communication-table tr.is-unread td,.notification-item.is-unread) {
    background:var(--rt-surface-subtle)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-theme-context.rtkp-color-dark progress { accent-color:#2f9fda; }
body.rtkp-theme-context.rtkp-color-dark progress::-webkit-progress-bar { background:#4a4a4a; }
body.rtkp-theme-context.rtkp-color-dark progress::-webkit-progress-value { background:#1593d4; }
body.rtkp-theme-context.rtkp-color-dark progress::-moz-progress-bar { background:#1593d4; }

/* Responsive: Desktopregeln bleiben auch im Kundenbereich gleich */
@media (max-width:1399.98px) {
    body.rtkp-theme-context .portal-overview-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:991.98px) {
    body.rtkp-theme-context .shell,
    body.rtkp-theme-context .app-shell,
    body.rtkp-theme-context .portal-shell { grid-template-columns:1fr; }
    body.rtkp-theme-context .sidebar {
        position:fixed;
        left:0;
        top:0;
        width:min(86vw,248px);
        transform:translateX(-105%);
        transition:transform .22s ease;
        box-shadow:0 18px 56px rgba(0,0,0,.3);
    }
    body.rtkp-theme-context.sidebar-open .sidebar { transform:translateX(0); }
    body.rtkp-theme-context .portal-overview-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:767.98px) {
    body.rtkp-theme-context .portal-overview-grid { grid-template-columns:1fr; }
    body.rtkp-theme-context .overview-card .card-body { min-height:0; }
    body.rtkp-theme-context .table-responsive { border-radius:8px!important; }
}
@media (max-width:600px) {
    body.rtkp-theme-context .toast.rtkp-feedback { right:14px;bottom:14px;width:calc(100vw - 28px); }
}


/* RC5 Abschluss: Sidebar-Aktionen und aktive Navigation ohne historische Restmarker. */
body.rtkp-theme-context .sidebar .nav-link[aria-current="page"]::after {
    content:none!important;
    display:none!important;
}
body.rtkp-theme-context .sidebar .sidebar-logout,
body.rtkp-theme-context .sidebar .rtkp-sidebar-icon-action {
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    display:inline-grid!important;
    place-items:center!important;
    border:1px solid #5b5b5b!important;
    border-radius:8px!important;
    background:#414141!important;
    color:#ffffff!important;
    text-decoration:none!important;
    font-size:inherit!important;
}
body.rtkp-theme-context .sidebar .sidebar-logout:hover,
body.rtkp-theme-context .sidebar .rtkp-sidebar-icon-action:hover {
    background:#505050!important;
    color:#ffffff!important;
}
body.rtkp-theme-context .sidebar .sidebar-logout .ui-icon,
body.rtkp-theme-context .sidebar .rtkp-sidebar-icon-action .ui-icon {
    width:18px;
    height:18px;
    color:#ffffff!important;
    fill:currentColor;
}

/* RC5 Abschluss: Sidebar-Navigation bleibt in allen Viewports einspaltig. */
body.rtkp-theme-context .sidebar :where(.nav,.sidebar-nav,nav) {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
}

/* RC5 Abschluss: Kundenübersicht überschreibt historische Linksbündigkeitsregeln vollständig. */
body.rtkp-ui-51.rtkp-theme-context .portal-overview-grid > .overview-card {
    align-items:center!important;
    text-align:center!important;
}
body.rtkp-ui-51.rtkp-theme-context .portal-overview-grid > .overview-card .card-body {
    align-items:center!important;
    text-align:center!important;
}
body.rtkp-ui-51.rtkp-theme-context .portal-overview-grid > .overview-card .rtkp-icon-action {
    align-self:center!important;
    width:40px!important;
    max-width:40px!important;
}

/* RC5 finale Kaskadenautorität: überstimmt historische !important-Regeln
   ohne weitere lokale Seitensonderregeln. */
body.rtkp-ui-51.rtkp-theme-context :is(
    .card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card,
    .project-progress,.portal-progress-card,.portal-announcement-highlight,
    .portal-thread-card,.notification-row,.notification-item,.loading,.empty,
    .modal-card,.modal-content,.external-target-card,.backup-card,.rtkp-section-card
) {
    background:var(--rt-surface)!important;
    background-color:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
    box-shadow:none!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card) :is(h1,h2,h3,h4,h5,h6,strong,b) {
    color:var(--rt-text-heading)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card) :is(p,span,li,dd,dt) {
    color:var(--rt-text-body);
}
body.rtkp-ui-51.rtkp-theme-context :is(.card,.panel,.stat,.overview-card,.metric-card,.rtkp-metric-card) :is(small,.small,.muted,.text-muted,.text-body-secondary) {
    color:var(--rt-text-muted)!important;
}

body.rtkp-ui-51.rtkp-theme-context :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.form-control,.form-select,.input-group-text) {
    background:var(--rt-control-background)!important;
    background-color:var(--rt-control-background)!important;
    color:var(--rt-control-text)!important;
    border-color:var(--rt-control-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.btn-primary,.btn.primary,.rtkp-action-primary) {
    background:var(--rt-button-primary-background)!important;
    color:#ffffff!important;
    border-color:var(--rt-button-primary-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.btn-outline-secondary,.btn.secondary,.rtkp-action-neutral) {
    background:var(--rt-button-secondary-background)!important;
    color:var(--rt-button-secondary-text)!important;
    border-color:var(--rt-button-secondary-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.btn-outline-primary,.rtkp-action-info) {
    background:transparent!important;
    color:var(--rt-text-link)!important;
    border-color:var(--rt-primary)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.btn-danger,.btn.danger) {
    background:var(--rt-button-danger-background)!important;
    color:#ffffff!important;
    border-color:var(--rt-button-danger-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context .btn-outline-danger {
    background:transparent!important;
    color:var(--rt-danger)!important;
    border-color:var(--rt-button-danger-border)!important;
}

body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-primary,.badge.bg-primary,.unread-count) {background:var(--rt-badge-primary-background)!important;color:var(--rt-badge-primary-text)!important;border-color:var(--rt-badge-primary-border)!important;}
body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-secondary,.badge.bg-secondary,.status-tag.status-archived,.status-tag.status-draft,.status-tag.status-inactive,.status-tag.status-disabled,.form-status.draft,.form-status.archived) {background:var(--rt-badge-secondary-background)!important;color:var(--rt-badge-secondary-text)!important;border-color:var(--rt-badge-secondary-border)!important;}
body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-success,.badge.bg-success,.status-tag.status-resolved,.status-tag.status-active,.status-tag.status-completed,.status-tag.status-success,.status-tag.status-answered,.form-status.completed) {background:var(--rt-badge-success-background)!important;color:var(--rt-badge-success-text)!important;border-color:var(--rt-badge-success-border)!important;}
body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-warning,.badge.bg-warning,.status-tag.status-open,.status-tag.status-pending,.status-tag.status-warning,.form-status.assigned) {background:var(--rt-badge-warning-background)!important;color:var(--rt-badge-warning-text)!important;border-color:var(--rt-badge-warning-border)!important;}
body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-danger,.badge.bg-danger,.status-tag.status-failed,.status-tag.status-critical,.status-tag.status-danger,.status-tag.status-error,.form-status.failed,.form-status.rejected,.form-status.overdue) {background:var(--rt-badge-danger-background)!important;color:var(--rt-badge-danger-text)!important;border-color:var(--rt-badge-danger-border)!important;}
body.rtkp-ui-51.rtkp-theme-context :is(.badge.text-bg-info,.badge.bg-info,.status-tag.status-in_progress,.status-tag.status-processing,.status-tag.status-running,.form-status.in_progress) {background:var(--rt-badge-info-background)!important;color:var(--rt-badge-info-text)!important;border-color:var(--rt-badge-info-border)!important;}

body.rtkp-ui-51.rtkp-theme-context.rtkp-color-dark :is(.bg-white,.bg-light,.text-bg-light) {
    background:var(--rt-surface)!important;
    background-color:var(--rt-surface)!important;
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}

/* RC5 finale Sidebar-Zustände: #333333 als Basis, Blau nur für aktiv. */
body.rtkp-ui-51.rtkp-theme-context .sidebar :is(.nav-link,nav a) {
    background:#333333!important;
    color:#ffffff!important;
    border-color:transparent!important;
}
body.rtkp-ui-51.rtkp-theme-context .sidebar :is(.nav-link,nav a):not(.active):not([aria-current="page"]):hover,
body.rtkp-ui-51.rtkp-theme-context .sidebar :is(.nav-link,nav a):not(.active):not([aria-current="page"]):focus-visible {
    background:#424242!important;
    color:#ffffff!important;
    border-color:#5b5b5b!important;
}
body.rtkp-ui-51.rtkp-theme-context .sidebar :is(.nav-link,nav a).active,
body.rtkp-ui-51.rtkp-theme-context .sidebar :is(.nav-link,nav a)[aria-current="page"] {
    background:#006ab5!important;
    color:#ffffff!important;
    border-color:#1684cc!important;
}


/* ======================================================================
   RT Kundenportal 5.3.0-rc.8 – zentrale Tabellen-/Darkmode-Konsistenz
   ====================================================================== */

/* Veraltete Komponentenvariablen immer auf die aktuelle Theme-Palette abbilden. */
body.rtkp-theme-context {
    --rtkp-heading:var(--rt-text-heading);
    --rtkp-text:var(--rt-text-body);
    --rtkp-muted:var(--rt-text-muted);
    --rtkp-primary:var(--rt-primary);
    --rtkp-card-bg:var(--rt-surface);
    --rtkp-card-border:var(--rt-border);
}

/* Tabellenaktionszellen bleiben echte Tabellenzellen. Flexbox gehört nur in
   innere Aktionscontainer und darf die Tabellengeometrie nicht verändern. */
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) :is(td.form-nav,th.form-nav,td.rtkp-action-cell,th.rtkp-action-cell) {
    display:table-cell!important;
    width:1%;
    min-width:max-content;
    white-space:nowrap;
    vertical-align:middle!important;
    text-align:right;
    background-color:var(--rt-table-body-background)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) :is(td.form-nav,td.rtkp-action-cell) > :is(a,button,form,.btn,.portal-inline-actions,.table-actions,.btn-group) {
    vertical-align:middle;
}
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) :is(td.form-nav,td.rtkp-action-cell) > :is(a,button,form,.btn) + :is(a,button,form,.btn) {
    margin-inline-start:7px!important;
}

/* Hover-/Zustandsfläche gilt ausnahmslos für die komplette Tabellenzeile,
   einschließlich der letzten Aktionszelle. */
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) > tbody > tr:hover > :is(th,td),
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) > tbody > tr:hover > :is(th,td).form-nav,
body.rtkp-ui-51.rtkp-theme-context :is(.table,table) > tbody > tr:hover > :is(th,td).rtkp-action-cell {
    background:var(--rt-table-hover-background)!important;
    background-color:var(--rt-table-hover-background)!important;
    color:var(--rt-table-body-text)!important;
}

/* Topbar-Komponenten verwenden im Hell- und Dunkelmodus dieselben Theme-Tokens;
   keine hart weißen Inseln im Dunkelmodus. */
body.rtkp-ui-51.rtkp-theme-context .topbar-user,
body.rtkp-ui-51.rtkp-theme-context .topbar-icon-button,
body.rtkp-ui-51.rtkp-theme-context .mobile-menu-button {
    background:var(--rt-surface)!important;
    background-color:var(--rt-surface)!important;
    color:var(--rt-text-topbar)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context .topbar-icon-button:hover,
body.rtkp-ui-51.rtkp-theme-context .mobile-menu-button:hover {
    background:var(--rt-surface-subtle)!important;
    color:var(--rt-text-link)!important;
    border-color:var(--rt-border-strong)!important;
}
body.rtkp-ui-51.rtkp-theme-context .topbar-user-meta strong { color:var(--rt-text-heading)!important; }
body.rtkp-ui-51.rtkp-theme-context .topbar-user-meta small { color:var(--rt-text-muted)!important; }
body.rtkp-ui-51.rtkp-theme-context .topbar :is(.topbar-icon-button,.rtkp-theme-toggle,.mobile-menu-button) .ui-icon {
    color:currentColor!important;
    fill:currentColor!important;
    stroke:currentColor!important;
}

/* Suchfeld vollständig themenfähig, einschließlich Fokuszustand. */
body.rtkp-ui-51.rtkp-theme-context .global-search input {
    background:var(--rt-control-background)!important;
    color:var(--rt-control-text)!important;
    border-color:var(--rt-control-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context .global-search input:focus {
    background:var(--rt-control-background)!important;
    color:var(--rt-control-text)!important;
    border-color:var(--rt-control-focus-border)!important;
}

/* Kennzahlen-/Admin-Icons und Texte: kontrastreiche Theme-Farben statt
   historischer Weißmischung bzw. dunkler Fallback-Texte. */
body.rtkp-ui-51.rtkp-theme-context .rtkp-metric-card .rtkp-metric-title,
body.rtkp-ui-51.rtkp-theme-context .rtkp-metric-card strong,
body.rtkp-ui-51.rtkp-theme-context .portal-overview-card-title,
body.rtkp-ui-51.rtkp-theme-context .portal-overview-card-value {
    color:var(--rt-text-heading)!important;
}
body.rtkp-ui-51.rtkp-theme-context .rtkp-metric-card small { color:var(--rt-text-muted)!important; }
body.rtkp-ui-51.rtkp-theme-context :is(.rtkp-metric-icon,.rtkp-admin-card-icon) {
    background:var(--rt-primary-soft)!important;
    color:var(--rt-text-link)!important;
    border:1px solid color-mix(in srgb,var(--rt-primary) 42%,var(--rt-border))!important;
}
body.rtkp-ui-51.rtkp-theme-context.rtkp-color-light :is(.rtkp-metric-icon,.rtkp-admin-card-icon) {
    background:color-mix(in srgb,var(--rt-primary) 11%,var(--rt-surface))!important;
    color:var(--rt-primary)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.rtkp-metric-icon,.rtkp-admin-card-icon) :is(svg,.ui-icon) {
    color:currentColor!important;
    stroke:currentColor!important;
    fill:none!important;
}

/* Sekundäre Icon-Aktionen müssen auch im Dunkelmodus klar erkennbar bleiben. */
body.rtkp-ui-51.rtkp-theme-context .rtkp-icon-action.rtkp-action-neutral {
    background:var(--rt-button-secondary-background)!important;
    color:var(--rt-button-secondary-text)!important;
    border-color:var(--rt-button-secondary-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context .rtkp-icon-action.rtkp-action-neutral:hover,
body.rtkp-ui-51.rtkp-theme-context .rtkp-icon-action.rtkp-action-neutral:focus-visible {
    background:var(--rt-button-secondary-hover-background)!important;
    color:var(--rt-button-secondary-hover-text)!important;
    border-color:var(--rt-button-secondary-hover-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context .rtkp-icon-action :is(svg,.ui-icon) {
    color:currentColor!important;
    stroke:currentColor!important;
}


/* ======================================================================
   RT Kundenportal 5.3.0-rc.9 – Theme-Start und Spezialflächen
   ====================================================================== */
body.rtkp-ui-51.rtkp-theme-context.auth-bg {
    background:linear-gradient(145deg,var(--rt-page-background) 0%,var(--rt-surface-subtle) 50%,var(--rt-page-background) 100%)!important;
    color:var(--rt-text-body)!important;
}
body.rtkp-ui-51.rtkp-theme-context.auth-bg :is(.auth-card,.install-card,.system-page,.forms-section,.form-preview-step,.signature-wrap,.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell) {
    color:var(--rt-text-body)!important;
    border-color:var(--rt-border)!important;
}
body.rtkp-ui-51.rtkp-theme-context.auth-bg :is(.auth-card,.install-card,.forms-section,.form-preview-step,.signature-wrap,.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell) {
    background:var(--rt-surface)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.forms-section,.form-preview-step,.form-answer,.signature-box,.signature-wrap,.completion-panel,.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell) :is(h1,h2,h3,h4,h5,h6,strong,b) {
    color:var(--rt-text-heading)!important;
}
body.rtkp-ui-51.rtkp-theme-context :is(.forms-section,.form-preview-step,.form-answer,.signature-box,.signature-wrap,.completion-panel,.task-management-head,.task-anchor-nav,.protected-report-head,.protected-report-shell) :is(p,span,label,li,dd,dt) {
    color:var(--rt-text-body);
}
body.rtkp-ui-51.rtkp-theme-context .protected-report-page { background:var(--rt-page-background)!important;color:var(--rt-text-body)!important; }
body.rtkp-ui-51.rtkp-theme-context .form-info-box { background:var(--rt-info-soft)!important;border-color:var(--rt-info)!important;color:var(--rt-text-body)!important; }
body.rtkp-ui-51.rtkp-theme-context .completion-panel { background:var(--rt-success-soft)!important;border-color:var(--rt-success)!important;color:var(--rt-text-body)!important; }
body.rtkp-ui-51.rtkp-theme-context .sensitive-note { background:var(--rt-warning-soft)!important;border-color:var(--rt-warning)!important;color:var(--rt-text-body)!important; }
body.rtkp-ui-51.rtkp-theme-context .form-answer { background:var(--rt-surface-subtle)!important; }
body.rtkp-ui-51.rtkp-theme-context .task-anchor-nav a:not(.active) { background:var(--rt-surface-subtle)!important;color:var(--rt-text-link)!important; }
body.rtkp-ui-51.rtkp-theme-context .task-anchor-nav a:not(.active):hover,
body.rtkp-ui-51.rtkp-theme-context .task-anchor-nav a:not(.active):focus-visible { background:var(--rt-primary-soft)!important;color:var(--rt-text-link)!important; }
body.rtkp-ui-51.rtkp-theme-context .rtkp-auth-theme-toggle {
    position:fixed;top:16px;right:16px;z-index:1100;
    width:42px;height:42px;min-width:42px;min-height:42px;padding:0;
    display:grid;place-items:center;border:1px solid var(--rt-border);border-radius:12px;
    background:var(--rt-surface);color:var(--rt-text-body);box-shadow:0 6px 24px rgba(0,0,0,.12);
}
body.rtkp-ui-51.rtkp-theme-context .rtkp-auth-theme-toggle:hover { background:var(--rt-surface-subtle);color:var(--rt-text-link); }
body.rtkp-ui-51.rtkp-theme-context .rtkp-auth-theme-toggle .ui-icon { color:currentColor!important;stroke:currentColor!important;fill:currentColor!important; }
body.rtkp-ui-51.rtkp-theme-context .rtkp-loading-skeleton { display:grid;gap:14px; }
body.rtkp-ui-51.rtkp-theme-context .rtkp-skeleton-line,
body.rtkp-ui-51.rtkp-theme-context .rtkp-skeleton-card {
    display:block;background:var(--rt-surface-subtle);border:1px solid var(--rt-border);border-radius:10px;
}
body.rtkp-ui-51.rtkp-theme-context .rtkp-skeleton-line { height:18px;width:min(420px,70%); }
body.rtkp-ui-51.rtkp-theme-context .rtkp-skeleton-card { height:112px;width:100%; }

/* ======================================================================
   RT Kundenportal 5.3.3 – textorientierte Aktionsbedienung
   ====================================================================== */
body.rtkp-theme-context .rtkp-text-action {
    width:auto!important;
    min-width:0!important;
    min-height:36px!important;
    height:auto!important;
    padding:.45rem .75rem!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:.4rem;
    border-radius:8px!important;
    line-height:1.2!important;
    white-space:nowrap;
    flex:0 0 auto!important;
}
body.rtkp-theme-context .rtkp-text-action .rtkp-action-label {
    display:inline;
    white-space:nowrap;
}
body.rtkp-theme-context .rtkp-action-cell:has(.rtkp-text-action),
body.rtkp-theme-context .form-nav:has(.rtkp-text-action) {
    width:1%;
    min-width:max-content;
    white-space:nowrap;
}
@media (max-width:760px) {
    body.rtkp-theme-context .table.rtkp-responsive-cards .rtkp-text-action,
    body.rtkp-theme-context .responsive-table .rtkp-text-action {
        width:100%!important;
    }
}

/* Textaktionen übernehmen nur die Layoutfunktion früherer Icon-Aktionen,
   niemals deren feste quadratische Breite. */
body.rtkp-theme-context .overview-card .rtkp-text-action { margin-top:auto; }
body.rtkp-ui-51.rtkp-theme-context .portal-overview-grid > .overview-card .rtkp-text-action {
    align-self:center!important;
    max-width:100%!important;
}
body.rtkp-theme-context .table td:last-child:has(.rtkp-text-action) {
    width:1%;
    white-space:nowrap;
}
@media (max-width:599.98px) {
    body.rtkp-theme-context .portal-tour-start.rtkp-text-action {
        width:auto!important;
        min-width:0!important;
        padding:.45rem .75rem!important;
    }
    body.rtkp-theme-context .portal-tour-start.rtkp-text-action .rtkp-action-label {
        display:inline!important;
    }
}

/* RT-Kundenportal 5.3.6 – Team-Projektzuordnung */
.rtkp-member-project-fieldset {
  min-width: 0;
  padding: 0;
  border: 0;
}
.rtkp-member-project-fieldset > legend {
  float: none;
  width: auto;
  margin: 0 0 .35rem;
  font-size: inherit;
  font-weight: 700;
}
.rtkp-member-project-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: .5rem;
  max-height: 320px;
  overflow: auto;
  padding: .75rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, .375rem);
  background: var(--bs-body-bg, #fff);
}
.rtkp-member-project-option {
  display: flex;
  align-items: flex-start;
  gap: .625rem;
  min-height: 44px;
  margin: 0;
  padding: .65rem .75rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: var(--bs-border-radius, .375rem);
  background: var(--bs-tertiary-bg, #f8f9fa);
  cursor: pointer;
}
.rtkp-member-project-option input {
  flex: 0 0 auto;
  margin-top: .2rem;
}
.rtkp-member-project-option span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.rtkp-member-project-fieldset.is-disabled .rtkp-member-project-grid {
  opacity: .65;
}
.rtkp-member-project-fieldset.is-disabled .rtkp-member-project-option {
  cursor: default;
}


/* 5.3.9: Beschriftete Schaltflächen dürfen bei Platzmangel mehrzeilig werden. */
body :where(.btn,a.btn,button.btn){
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    height:auto!important;
    max-width:100%;
    text-align:center;
}
body :where(.actions,.toolbar,.btn-group,.backup-actions,.external-target-actions,.system-errors-actions){flex-wrap:wrap;}