:root {
  /* Basis */
  --color-bg: #fff;
  --color-text: #1f2430;
  --color-text-muted: rgba(31,36,48,.58);
  --color-text-soft: rgba(31,36,48,.7);
  --color-border: rgba(31,36,48,.75);
  --color-border-soft: rgba(31,36,48,.14);
  --color-hover-soft: rgba(31,36,48,.05);
  --color-hover-softer: rgba(31,36,48,.025);
  --color-tag-bg: #eef0f3;
  --color-tag-bg-strong: #dfe3e8;
  --color-badge-bg: #eef0f3;
  --color-placeholder: #9aa1ad;
  --color-input-border: #c6ccd6;
  --color-skeleton: #edeff2;
  --color-skeleton-shine: rgba(255,255,255,.9);
  --color-wrapper-bg: #fafafb;
  --color-img-non-bg: #303848;
  --color-img-non-text: #fff;

  /* Brand / Akzente */
  --color-primary: #2b73f3;
  --color-primary-light-bg: #e5eaf8;
  --color-link: #2b73f3;
  --color-white: #fff;

  /* Status */
  --color-error: #d23f52;
  --color-error-bg: #d23f5218;
  --color-warning: #ff8f00;
  --color-warning-bg: #ff8f0026;
  --color-success: #81d781;
  --color-success-bg: #65c96526;
  --color-prio-normal: var(--color-success);
  --color-prio-medium: #d9a400;
  --color-prio-high: #d23f52;
  --color-prio-row-border: #d6d9de;
  --color-prio-delimiter: #7c828d;
  --color-prio-tag-bg: #7c828d26;
  --color-prio-text: #6d7380;
  --color-prio-sidebar-tag-active: #29cb93;

  /* Button */
  --color-btn-bg: #2b73f3;
  --color-btn-bg-hover: #2769dd;
  --color-btn-text: #fff;
  --color-btn-bg-alt: #f1f2f5;
  --color-btn-bg-hover-alt: #e8eaee;
  --color-btn-text-alt: #1f2430;
  --color-btn-disabled-text: #8b95a3;
  --color-btn-disabled-bg: #e6eaf0;
  --color-btn-outline-border: #2b73f3;
  --color-btn-outline-text: #1f2430;

  /* Header / Logo */
  --color-header-bg: #fff;
  --color-header-border: rgba(31,36,48,.12);
  --color-header-underline: #1f2430;
  --color-logo-main: #182848;
  --color-logo-secondary: #364fcd;
  --color-logo-black: #000;
  --color-notification-icon-bg: #364fcd;

  /* Login */
  --color-login-info-bg: #364fcd;
  --color-login-info-text: #fff;
  --color-login-app-bg: #fff;
  --color-login-text: #22252d;
  --color-login-ms-bg: #2a2932;
  --color-login-ms-hover-bg: #37373c;

  /* Misc */
  --color-search-icon: #8a919e;
  --color-checkbox-shadow-strong: rgba(0,0,0,.2);
  --color-checkbox-shadow-soft: rgba(0,0,0,.1);
  --color-checkbox-inner-bg: rgb(251,251,251);
  --color-checkbox-track: rgb(188,202,216);
  --color-overlay: rgba(15,18,26,.5);
  --color-media-bg: #000;
  --color-shadow-soft: rgba(20,24,34,.06);
  --color-divider: rgba(31,36,48,.1);
  --color-shadow-strong: rgba(20,24,34,.16);
  --color-unsupported-bg: #fff;
  --color-requests-row-bg: #fff;
  --color-requests-sidebar-bg: #fafafb;
}

/* ----------     HTML & BODY CLASS     ---------- */
html, body { color: var(--color-text); background: var(--color-bg); }
/*? ----------     HTML & BODY CLASS     ---------- */

/* ----------     UNIVERSAL CLASS     ---------- */
::placeholder { color: var(--color-placeholder) !important; }
[data-href] { color: var(--color-text); }
a { color: var(--color-link); text-decoration: none; }
.btn { background: var(--color-btn-bg); color: var(--color-btn-text); }
.btn:hover { background: var(--color-btn-bg-hover); }
.btn.alt { background: var(--color-bg); color: var(--color-btn-text-alt); box-shadow: inset 0 0 0 1px var(--color-border-soft); }
.btn.alt:hover { background: var(--color-btn-bg-hover-alt); }
.btn.disabled { color: var(--color-btn-disabled-text) !important; background: var(--color-btn-disabled-bg) !important; }
.btn.non { border: 1px solid var(--color-btn-outline-border); color: var(--color-btn-outline-text); }
.btn.non:hover { background: var(--color-btn-bg); color: var(--color-btn-text); }
.btn.clear { background: transparent; color: var(--color-btn-outline-text); border: none; }
.primary { color: var(--color-primary) !important; }
.error.show { color: var(--color-error) !important; }
.warning.show { color: var(--color-warning) !important; background: var(--color-warning-bg) !important; }
.done.show { color: var(--color-success) !important; background: var(--color-success-bg) !important; }
.wrapper.unsupported { background: var(--color-unsupported-bg); }
/*? ----------     UNIVERSAL CLASS     ---------- */

/* ----------     GLOBAL     ---------- */
.input-group input, .input-group select { border: 1px solid var(--color-input-border); color: var(--color-text); }
.input-group select { background: var(--color-bg); }
.input-group label { background: var(--color-bg); color: var(--color-text-muted); }
.input-group.bg label { background: var(--color-wrapper-bg); }
.block.bg .input-group label { background: var(--color-bg); }
.block.bg .input-group.bg label { background: var(--color-wrapper-bg); }
.input-group input:focus + label, .input-group select:focus + label, .input-group select:valid + label { color: var(--color-primary); }
.input-group textarea { border: 1px solid var(--color-border-soft); background: var(--color-bg); color: var(--color-text); }

.wrapper.bg { background: var(--color-wrapper-bg); }

.wizard-step-indicator { background: var(--color-text-muted); }
.wizard-step-indicator.active { background: var(--color-primary); }

.select .custom-select.filter { color: var(--color-text); background: var(--color-bg); border: 1px solid var(--color-input-border); }
.select .custom-select.filter .select-dropdown { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.select .custom-select.filter .select-item:hover { background: var(--color-hover-soft); }
.select .custom-select { color: var(--color-text); background: transparent; border: 1px solid var(--color-input-border); }
.select .custom-select .select-dropdown { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.select .custom-select .select-item:hover { background: var(--color-hover-soft); }
.search .input { border: 1px solid var(--color-border-soft); background: var(--color-bg); }
.search .input input { color: var(--color-text); }
.search .input:focus-within { border-color: var(--color-primary); }
.search .input i { color: var(--color-search-icon); }
.skeleton { background-color: var(--color-skeleton); }
.skeleton::after { background: linear-gradient(90deg, rgba(255,255,255,0) 0%, var(--color-skeleton-shine) 50%, rgba(255,255,255,0) 100%); }
.action-menu { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.action-menu .action-item:hover { background: var(--color-hover-soft); }
.checkbox:checked + label { background: var(--color-primary); }
.checkbox:checked + label:hover::after { box-shadow: var(--color-checkbox-shadow-strong) -1px -2px 2px; }
.checkbox + label:hover::after { box-shadow: var(--color-checkbox-shadow-soft) 1px 1px 2px; will-change: padding; }
.checkbox + label::after { background: var(--color-checkbox-inner-bg); }
/*? ----------     GLOBAL     ---------- */

/* ----------     BASIS LAYOUT     ---------- */
.img.non { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.wrapper .container .top-menu .links .link::after { background: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .top .select .input-select { color: var(--color-text); }
.wrapper .container .content .blocks .block-wrapper .top .select .input-select option { background: var(--color-wrapper-bg); }
.wrapper .container .content .blocks .block-wrapper .title.alt { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .title.edit { color: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .title.edit:hover { color: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle { border: 1px solid #e3e5ea; }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle.active { border: 1px solid var(--color-primary-light-bg); background: var(--color-primary-light-bg); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle .number { background: #e3e5ea; }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle.active .number { background: var(--color-primary); color: var(--color-bg); }
.wrapper .container .content .blocks .block-wrapper .block { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .block.bg { background: var(--color-wrapper-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .block .top .wrapper .inner-wrapper .text { color: var(--color-text-soft); }
.wrapper .container .content .blocks .block-wrapper .block .top .wrapper .inner-wrapper .status .text { color: var(--color-text); }
.wrapper .container .content .blocks .block-wrapper .block .bottom { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .block .value { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .block .value a { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .block .table-header { border-bottom: 1px solid var(--color-border-soft); color: var(--color-text-soft); }
.wrapper .container .content .blocks .block-wrapper .block .table-rows:hover { background: var(--color-hover-softer); }
.wrapper .container .content .blocks .block-wrapper .block .table-rows>div .tag { background: var(--color-tag-bg); }
.wrapper .container .content .blocks .block-wrapper .block .table-rows>div .tag.alt { background: var(--color-tag-bg-strong); }
.wrapper .container .content .blocks .block-wrapper .block .table-rows .action .ots-revoke:hover { color: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .block .block-inner { border-bottom: 1px solid var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .block .block-inner.link:hover { background: var(--color-hover-softer); }
.wrapper .container .content .blocks .block-wrapper .block .block-inner.link:hover .value { color: var(--color-text); }
.wrapper .container .content .blocks .block-wrapper .block .block-inner .block-info .info { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .block .block-inner .block-info .info strong { color: var(--color-text); }
.wrapper .container .content .blocks .sort .select .input-select { color: var(--color-text); }
.wrapper .container .content .blocks .sort .select .input-select option { background: var(--color-wrapper-bg); }
.wrapper .container .content .blocks .sort .filter-group .period-btn::after { background: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .hero .info .category { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card.bg { background: var(--color-wrapper-bg); }
.wrapper .container .content .blocks .block-wrapper .card .title { color: var(--color-text-soft); }
.wrapper .container .content .blocks .block-wrapper .card .details .item.bg { background: var(--color-bg); }
.wrapper .container .content .blocks .block-wrapper .card .details .key { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card .list .label { color: var(--color-text-muted); }
/*? ----------     BASIS LAYOUT     ---------- */

/* ----------     START     ---------- */
.wrapper.start .container-info { background: var(--color-login-info-bg); color: var(--color-login-info-text); }
.wrapper.start .container-app { background: var(--color-login-app-bg); }
.wrapper.start .container-app .app .title.small { color: var(--color-login-text); }
.wrapper.start .container-app .app .text { color: var(--color-login-text); }
.wrapper.start .container-app .app .form .app-microsoft { background: var(--color-login-ms-bg); color: var(--color-btn-text); }
.wrapper.start .container-app .app .form .app-microsoft:hover { background: var(--color-login-ms-hover-bg); }
/*? ----------     START     ---------- */

/* ----------     HEADER     ---------- */
.header { background: var(--color-header-bg); border-bottom: 1px solid var(--color-header-border); }
.logo .svg .st0 { fill: var(--color-logo-main); }
.logo .svg .st1 { fill: var(--color-logo-secondary); }
.logo .svg .st2 { fill: var(--color-logo-black); }
.header .menu .link::after { background: var(--color-header-underline); }
.header .user .link.hover:hover, .header .user .link i:hover { background: var(--color-hover-soft); }
.header .user .link i.arrow-toggle:hover { background: none; }
.header .user .link .rank .progress .track { background: var(--color-text-muted); }
.header .user .link .rank .progress .track .fill { background: var(--color-primary); }
.header .user .link .separator { border-top: 1px solid var(--color-header-border); }
.header .user .link .notifications .top { border-bottom: 1px solid var(--color-header-border); }
.header .user .link .notifications .top i { background: var(--color-hover-soft); }
.header .user .link .notifications .content .notification-list .notification-empty { color: var(--color-text-soft); }
.header .user .link .notifications .content .notification-list .notification-item.unread { background: var(--color-hover-soft); }
.header .user .link .notifications .content .notification-list .notification-item .notification-icon { background: var(--color-notification-icon-bg); color: var(--color-white); }
.header .user .link .notifications .content .notification-list .notification-item .notification-body .notification-meta { color: var(--color-text-muted); }
.header .user .link .notifications .content .notification-list .notification-divider { background: var(--color-header-border); }
.header .link.has-menu .sub { border-bottom: 1px solid var(--color-header-border); }
.header .link.has-menu .sub .content .sites .site:hover { color: var(--color-primary); }
.header .link.has-menu .sub .content .separator { border-right: 1px solid var(--color-header-border); }
.header .link .sub { background: var(--color-bg); }
.header .link.has-submenu .sub { background: var(--color-bg); border: 1px solid var(--color-header-border); }
/*? ----------     HEADER     ---------- */

/* ----------     REQUESTS     ---------- */
.wrapper .container .content.requests .main .top .links .link::after { background: var(--color-header-underline); }
.wrapper .container .content.requests .main .table .row { background: var(--color-requests-row-bg); border-bottom: 1px solid var(--color-prio-row-border); }
.wrapper .container .content.requests .main .table .row:last-of-type { border-bottom: none; }
.wrapper .container .content.requests .main .table .row .delimiter { background: var(--color-prio-delimiter); }
.wrapper .container .content.requests .main .table .row .user .outer-user .tag { background: var(--color-prio-tag-bg); }
.wrapper .container .content.requests .main .table .row .user .inner-user .img.non { border: 1px solid var(--color-prio-row-border); }
.wrapper .container .content.requests .main .table .row .user .inner-user .subject .number { color: var(--color-prio-text); }
.wrapper .container .content.requests .main .table .row .user .inner-user .user { color: var(--color-prio-text); }
.wrapper .container .content.requests .main .table .row .inner-values .value .status.high { background: var(--color-prio-high); }
.wrapper .container .content.requests .main .table .row .inner-values .value .status.medium { background: var(--color-prio-medium); }
.wrapper .container .content.requests .sidebar .inner .wrapper { background: var(--color-requests-sidebar-bg); }
.wrapper .container .content.requests .sidebar .inner .wrapper .top .new { color: var(--color-text-muted); }
.wrapper .container .content.requests .sidebar .inner .wrapper .top .new:hover { color: var(--color-white); }
.wrapper .container .content.requests .sidebar .inner .wrapper .disruptions .item.empty { color: var(--color-text-muted); }
.wrapper .container .content.requests .sidebar .inner .wrapper .disruptions .item .disruption-description { color: var(--color-text-muted); }
.wrapper .container .content.requests .sidebar .inner .wrapper .disruptions .item .disruption-status { color: var(--color-text-muted); }
.wrapper .container .content.requests .sidebar .inner .wrapper .item .status.active { background: var(--color-prio-sidebar-tag-active); }
.wrapper .container .content.requests .sidebar .inner .wrapper .items.workpools .seen { color: var(--color-text-muted); }

/*? ----------     REQUESTS     ---------- */

/* ----------     REQUESTS TYPE     ---------- */
.wrapper .container .content .type-wrapper .type .type-card { border: 1px solid var( --color-border-soft); }
.wrapper .container .content .type-wrapper .type .type-card:hover { border-color: var(--color-primary); box-shadow: 0 6px 18px rgba(15,23,42,0.08); }
.wrapper .container .content .type-wrapper .type .type-card.disabled:hover { border-color: var(--color-error); }
.wrapper .container .content .type-wrapper .type .type-card .type-info { color: var(--color-text-muted); }
.wrapper .container .content .type-wrapper .type-back .type-back-link { color: var(--color-text-muted); }
.wrapper .container .content .type-wrapper .type-back .type-back-link:hover { color: var(--color-text); }
/*? ----------     REQUESTS TYPE     ---------- */

/* ----------     MANAGEMENT     ---------- */
.device-card { background: var(--color-bg); box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
.device-card-header .badge { background: var(--color-tag-bg); }
.device-card-body .row span:first-child { color: var(--color-text-muted); }
/*? ----------     MANAGEMENT     ---------- */

/* ----------     ACCOUNT DEVICES     ---------- */
.acc-devices-grid .device-card { background: var(--color-bg); }
.acc-devices-grid .device-card:hover { box-shadow: 0 4px 14px rgba(20,24,34,.06); }
.acc-devices-grid .device-card .device-top .device-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.acc-devices-grid .device-card .device-top .device-headline .device-name { color: var(--color-text); }
.acc-devices-grid .device-card .device-top .device-headline .device-type { color: var(--color-text-muted); }
.acc-devices-grid .device-card .device-meta .meta-row .meta-label { color: var(--color-text-muted); }
.acc-devices-grid .device-card .device-meta .meta-row .meta-value { color: var(--color-text); }
.acc-devices-grid .device-card .device-foot { border-top: 1px solid var(--color-border-soft); color: var(--color-text-muted); }
.acc-devices-grid .device-card .device-foot .dot { background: var(--color-text-muted); }
.acc-devices-grid .device-card .device-foot .dot.active { background: var(--color-success); }
.acc-devices-grid .device-card.empty { color: var(--color-text-muted); }
.acc-devices-grid .device-card.empty.error { color: var(--color-warning); }

.acc-pill.ok { color: var(--color-success); background: var(--color-success-bg); }
.acc-pill.pending { color: #6b7380; background: #edeff2; }

.acc-agreements .agreement-item { border-top: 1px solid var(--color-border-soft); }
.acc-agreements .agreement-item.link:hover { background: var(--color-hover-softer); }
.acc-agreements .agreement-item .agreement-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.acc-agreements .agreement-item .agreement-info .agreement-name { color: var(--color-text); }
.acc-agreements .agreement-item .agreement-info .agreement-sub { color: var(--color-text-muted); }
.acc-agreements .agreement-item .agreement-status .agreement-date { color: var(--color-text-muted); }
.acc-agreements .agreement-item.empty { color: var(--color-text-muted); }

.modal.modal-terms .terms-progress { color: var(--color-text-muted); }
.modal.modal-terms .terms-device { background: var(--color-wrapper-bg); }
.modal.modal-terms .terms-device .terms-device-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.modal.modal-terms .terms-device .terms-device-info .terms-device-sub { color: var(--color-text-muted); }
.modal.modal-terms .terms-sections .terms-section .terms-section-icon { color: var(--color-primary); }
.modal.modal-terms .terms-sections .terms-section .terms-section-body .terms-section-text { color: var(--color-text-muted); }
.modal.modal-terms .terms-confirm { background: var(--color-wrapper-bg); }
.modal.modal-terms .terms-confirm input { accent-color: var(--color-primary); }
.modal.modal-terms .terms-readonly-note { color: var(--color-text-muted); }
/*? ----------     ACCOUNT DEVICES     ---------- */

/* ----------     STATS     ---------- */
.wrapper .container .content .blocks .block-wrapper .block.stats .table-rows { color: var(--color-text-soft); }
.wrapper .container .content .blocks .block-wrapper .block.stats .table-rows .avatar-cell .img.non { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.wrapper .container .content .blocks .block-wrapper .block.stats .table-rows .dark { color: var(--color-text); }

.wrapper .container .content.stats .section { border: 1px solid var(--color-border-soft); background: var(--color-wrapper-bg); }
.wrapper .container .content.stats .section .section-header .section-title { color: var(--color-text); }
.wrapper .container .content.stats .section .section-header .section-subtitle { color: var(--color-text-muted); }

.wrapper .container .content.stats .section .kpi-row .kpi-card { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-header .kpi-label { color: var(--color-text-muted); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-header .kpi-trend.kpi-positive { color: var(--color-success); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-header .kpi-trend.kpi-negative { color: var(--color-error); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-main .kpi-value { color: var(--color-text); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-main .kpi-sublabel { color: var(--color-text-muted); }

.wrapper .container .content.stats .section .charts-row .chart-card { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .section .charts-row .chart-card .chart-header .left .chart-title { color: var(--color-text); }
.wrapper .container .content.stats .section .charts-row .chart-card .chart-header .left .chart-subtitle { color: var(--color-text-muted); }
.wrapper .container .content.stats .section .charts-row .chart-card .chart-header .chart-meta { color: var(--color-text-muted); }
.wrapper .container .content.stats .section .charts-row .chart-card .chart-header .chart-meta.chart-meta-positive { color: var(--color-success); }
.wrapper .container .content.stats .section .charts-row .chart-card .chart-header .chart-meta.chart-meta-negative { color: var(--color-error); }

.wrapper .container .content.stats .stats-intro { border: 1px solid var(--color-border-soft); background: var(--color-wrapper-bg); }
.wrapper .container .content.stats .stats-intro .intro-text .intro-title { color: var(--color-text); }
.wrapper .container .content.stats .stats-intro .intro-text .intro-sub { color: var(--color-text-muted); }
.wrapper .container .content.stats .stats-intro .intro-actions .intro-updated { color: var(--color-text-muted); }
.wrapper .container .content.stats .stats-intro .intro-actions .refresh-btn { border: 1px solid var(--color-border-soft); background: var(--color-bg); color: var(--color-text); }
.wrapper .container .content.stats .stats-intro .intro-actions .refresh-btn:hover { border-color: var(--color-primary); color: var(--color-primary); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-chip { background: var(--color-hover-soft); color: var(--color-text-muted); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-chip.up { background: var(--color-success-bg); color: var(--color-success); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-chip.down { background: var(--color-error-bg); color: var(--color-error); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-value { color: var(--color-text); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-label { color: var(--color-text); }
.wrapper .container .content.stats .section .kpi-row .kpi-card .kpi-body .kpi-sublabel { color: var(--color-text-muted); }
.wrapper .container .content.stats .section .charts-row .quality-card { border: 1px solid var(--color-border-soft); background: var(--color-bg); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-head .q-label { color: var(--color-text); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-head .q-val { color: var(--color-text); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-bar { background: var(--color-hover-soft); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-bar .q-fill { background: var(--color-primary); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-bar .q-fill.ok { background: var(--color-success); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-bar .q-fill.warn { background: var(--color-warning); }
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-foot { color: var(--color-text-muted); }

.wrapper .container .content.stats .podium .pod { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .podium .pod:hover { box-shadow: 0 6px 22px rgba(20,24,34,.10); }
.wrapper .container .content.stats .podium .pod .pod-avatar { background: var(--color-img-non-bg); color: var(--color-img-non-text); border: 3px solid var(--color-border-soft); }
.wrapper .container .content.stats .podium .pod .pod-name { color: var(--color-text); }
.wrapper .container .content.stats .podium .pod .pod-level { color: var(--color-text-muted); }
.wrapper .container .content.stats .podium .pod .pod-score { color: var(--color-text); }
.wrapper .container .content.stats .podium .pod .pod-score small { color: var(--color-text-muted); }
.wrapper .container .content.stats .podium .pod.p1 { border-color: #e4b13c; }
.wrapper .container .content.stats .podium .pod.p1 .pod-avatar { border-color: #e4b13c; }
.wrapper .container .content.stats .podium .pod.p1 .medal { color: #e4b13c; }
.wrapper .container .content.stats .podium .pod.p2 .pod-avatar { border-color: #b4bcc6; }
.wrapper .container .content.stats .podium .pod.p2 .medal { color: #b4bcc6; }
.wrapper .container .content.stats .podium .pod.p3 .pod-avatar { border-color: #c1834f; }
.wrapper .container .content.stats .podium .pod.p3 .medal { color: #c1834f; }
.wrapper .container .content.stats .lb .lb-head { color: var(--color-text-muted); }
.wrapper .container .content.stats .lb .lb-row { border-top: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .lb .lb-row:hover { background: var(--color-hover-soft); }
.wrapper .container .content.stats .lb .lb-row .rk { color: var(--color-text-muted); }
.wrapper .container .content.stats .lb .lb-row .who .av { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.wrapper .container .content.stats .lb .lb-row .who .nm { color: var(--color-text); }
.wrapper .container .content.stats .lb .lb-row .who .lv { color: var(--color-text-muted); }
.wrapper .container .content.stats .lb .lb-row .lv-cell { color: var(--color-text-soft); }
.wrapper .container .content.stats .lb .lb-row .sc { color: var(--color-text); }
.wrapper .container .content.stats .lb .lb-row .delta.up { color: var(--color-success); }
.wrapper .container .content.stats .lb .lb-row .delta.down { color: var(--color-error); }
.wrapper .container .content.stats .lb .lb-row .delta.same { color: var(--color-text-muted); }
.lb-tag { background: var(--color-warning-bg); color: var(--color-warning); }
/* Konto > Erfolge + Abzeichen-Zaehler im Ranking */
.wrapper .container .content.stats .lb .lb-row .who .nm .lb-badge-more { background: var(--color-warning-bg); color: var(--color-warning); }
.modal.modal-rank .rd-profile-link a { background: var(--color-bg); border: 1px solid var(--color-border-soft); color: var(--color-text); }
.modal.modal-rank .rd-profile-link a:hover { background: var(--color-hover-soft); }
/* Saison-Champion: dasselbe Gold wie Podium-Platz 1 (.pod.p1); auf hellem Grund
   der dunklere Ton, sonst verschwindet der Rahmen. */
.wrapper .container .content.stats .ach-champion { background: var(--color-wrapper-bg); border-color: #e4b13c; }
.wrapper .container .content.stats .ach-hero { background: var(--color-wrapper-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .ach-hero .ah-main .ah-name { color: var(--color-text); }
.wrapper .container .content.stats .ach-hero .ah-main .ah-lvl { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-hero .ah-main .ah-bar { background: var(--color-hover-soft); }
.wrapper .container .content.stats .ach-hero .ah-main .ah-bar span { background: var(--color-primary); }
.wrapper .container .content.stats .ach-hero .ah-main .ah-foot { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-hero .ah-side .ah-kpi { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .ach-hero .ah-side .ah-kpi .v { color: var(--color-text); }
.wrapper .container .content.stats .ach-hero .ah-side .ah-kpi .l { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-filter .ach-link { color: var(--color-primary); }
.wrapper .container .content.stats .ach-group .ach-group-head { color: var(--color-text); }
.wrapper .container .content.stats .ach-group .ach-group-head span { color: var(--color-text-muted); }.wrapper .container .content.stats .ach-grid .ach-card { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .ach-grid .ach-card:hover { box-shadow: 0 6px 22px rgba(20,24,34,.10); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-medal { background: var(--color-primary-light-bg); color: var(--color-primary); border: 2px solid var(--color-primary); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-name { color: var(--color-text); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-desc { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-meta { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-meta .ac-progress { background: var(--color-hover-soft); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-meta .ac-progress span { background: var(--color-primary); }
.wrapper .container .content.stats .ach-grid .ach-card .ac-count { background: var(--color-primary); color: #fff; }
.wrapper .container .content.stats .ach-grid .ach-card.locked { border-style: dashed; background: transparent; }
.wrapper .container .content.stats .ach-grid .ach-card.locked .ac-medal { background: var(--color-hover-soft); color: var(--color-text-muted); border-color: var(--color-border-soft); }
.wrapper .container .content.stats .ach-grid .ach-card.locked .ac-name, .wrapper .container .content.stats .ach-grid .ach-card.locked .ac-desc { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-grid .ach-card.locked:hover { box-shadow: none; }
/* Gemeinsames Monatsziel + Abzeichen */
.wrapper .container .content.stats .team-goal { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .team-goal .tg-head .tg-label { color: var(--color-text-soft); }
.wrapper .container .content.stats .team-goal .tg-head .tg-val { color: var(--color-text); }
.wrapper .container .content.stats .team-goal .tg-bar { background: var(--color-hover-soft); }
.wrapper .container .content.stats .team-goal .tg-bar .tg-fill { background: var(--color-primary); }
.wrapper .container .content.stats .team-goal .tg-bar .tg-fill.done { background: var(--color-success); }
.wrapper .container .content.stats .team-goal .tg-foot { color: var(--color-text-muted); }
.wrapper .container .content.stats .lb .lb-row .who .nm .lb-badge { color: var(--color-warning); }

/* Servicequalitaet (Auswertung) */
.wrapper .container .content.stats .rk-controls .perf-range .perf-nav { background: var(--color-bg); border: 1px solid var(--color-border-soft); color: var(--color-text-soft); }
.wrapper .container .content.stats .rk-controls .perf-range .perf-nav:hover { background: var(--color-hover-soft); color: var(--color-text); }
.wrapper .container .content.stats .rk-controls .perf-range .perf-range-label { color: var(--color-text); }
.wrapper .container .content.stats .perf-list .perf-empty { background: var(--color-bg); border: 1px solid var(--color-border-soft); color: var(--color-text-muted); }
.wrapper .container .content.stats .perf-list .perf-card { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.wrapper .container .content.stats .perf-list .perf-card:hover { box-shadow: 0 6px 22px rgba(20,24,34,.10); }
.wrapper .container .content.stats .perf-list .perf-card .pc-head .pc-who .pc-av { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.wrapper .container .content.stats .perf-list .perf-card .pc-head .pc-who .pc-id .pc-name { color: var(--color-text); }
.wrapper .container .content.stats .perf-list .perf-card .pc-head .pc-who .pc-id .pc-sub { color: var(--color-text-muted); }
.wrapper .container .content.stats .perf-list .perf-card .pc-head .pc-load .pc-load-val { color: var(--color-text); }
.wrapper .container .content.stats .perf-list .perf-card .pc-head .pc-load .pc-load-label { color: var(--color-text-muted); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-head .pc-metric-label { color: var(--color-text-soft); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-head .pc-metric-val { color: var(--color-text); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-bar { background: var(--color-hover-soft); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-bar .pc-metric-fill { background: var(--color-text-muted); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-bar .pc-metric-fill.ok { background: var(--color-success); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-bar .pc-metric-fill.warn { background: var(--color-warning); }
.wrapper .container .content.stats .perf-list .perf-card .pc-metrics .pc-metric .pc-metric-bar .pc-metric-fill.bad { background: var(--color-error); }
.wrapper .container .content.stats .perf-list .perf-card .pc-foot .pc-tag { background: var(--color-hover-soft); color: var(--color-text-soft); }
.wrapper .container .content.stats .perf-list .perf-card .pc-foot .pc-tag.bad { background: var(--color-error-bg); color: var(--color-error); }
.modal.modal-rank .rd-head .rd-av { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.modal.modal-rank .rd-head .rd-meta .rd-name { color: var(--color-text); }
.modal.modal-rank .rd-head .rd-meta .rd-sub { color: var(--color-text-muted); }
.modal.modal-rank .rd-head .rd-rank { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.modal.modal-rank .rd-head .rd-rank .v { color: var(--color-text); }
.modal.modal-rank .rd-head .rd-rank .l { color: var(--color-text-muted); }
.modal.modal-rank .rd-level .rd-level-head { color: var(--color-text-muted); }
.modal.modal-rank .rd-level .rd-level-head b { color: var(--color-text); }
.modal.modal-rank .rd-level .rd-bar { background: var(--color-hover-soft); }
.modal.modal-rank .rd-level .rd-bar .rd-fill { background: var(--color-primary); }
.modal.modal-rank .rd-grid .rd-kpi { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.modal.modal-rank .rd-grid .rd-kpi .rd-v { color: var(--color-text); }
.modal.modal-rank .rd-grid .rd-kpi .rd-l { color: var(--color-text-muted); }
.modal.modal-rank .rd-breakdown { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.modal.modal-rank .rd-breakdown .rd-bd-row + .rd-bd-row { border-top-color: var(--color-border-soft); }
.modal.modal-rank .rd-breakdown .rd-bd-label { color: var(--color-text); }
.modal.modal-rank .rd-breakdown .rd-bd-cat { background: var(--color-hover-soft); color: var(--color-text-muted); }
.modal.modal-rank .rd-breakdown .rd-bd-cat.cat-penalty { background: var(--color-error-bg); color: var(--color-error); }
.modal.modal-rank .rd-breakdown .rd-bd-count { color: var(--color-text-muted); }
.modal.modal-rank .rd-breakdown .rd-bd-exp { color: var(--color-text); }
.modal.modal-rank .rd-breakdown .rd-bd-row.neg .rd-bd-exp { color: var(--color-error); }
.modal.modal-rank .rd-breakdown .rd-bd-empty { color: var(--color-text-muted); }
.modal.modal-rank .rd-breakdown .rd-bd-more { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }
.modal.modal-rank .rd-breakdown .rd-bd-more:hover { background: var(--color-hover-soft); color: var(--color-text); }
.modal.modal-rank .rd-chart-card { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.modal.modal-rank .rd-chart-card .rd-chart-title { color: var(--color-text); }
.modal.modal-rank .rd-section .rd-section-title { color: var(--color-text-muted); }
.perf-detail .pd-loading { color: var(--color-text-muted); }
.perf-detail .pd-head .pd-av { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.perf-detail .pd-head .pd-meta .pd-name { color: var(--color-text); }
.perf-detail .pd-head .pd-meta .pd-sub { color: var(--color-text-muted); }
.perf-detail .pd-head .pd-period { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.perf-detail .pd-head .pd-period .v { color: var(--color-text); }
.perf-detail .pd-head .pd-period .l { color: var(--color-text-muted); }
.perf-detail .pd-section .pd-section-title { color: var(--color-text-muted); }
.perf-detail .pd-section .pd-count { background: var(--color-hover-soft); color: var(--color-text-soft); }
.perf-detail .pd-section .pd-count.bad { background: var(--color-error-bg); color: var(--color-error); }
.perf-detail .pd-section .pd-count.warn { background: var(--color-warning-bg); color: var(--color-warning); }
.perf-detail .pd-section .pd-count.good { background: var(--color-success-bg); color: var(--color-success); }
.perf-detail .pd-grid .pd-kpi { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.perf-detail .pd-grid .pd-kpi .pd-v { color: var(--color-text); }
.perf-detail .pd-grid .pd-kpi .pd-v.ok { color: var(--color-success); }
.perf-detail .pd-grid .pd-kpi .pd-v.warn { color: var(--color-warning); }
.perf-detail .pd-grid .pd-kpi .pd-v.bad { color: var(--color-error); }
.perf-detail .pd-grid .pd-kpi .pd-l { color: var(--color-text-muted); }
.perf-detail .pd-list,
.perf-detail .pd-cust { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.perf-detail .pd-list .pd-item { color: var(--color-text); }
.perf-detail .pd-list .pd-item:hover { background: var(--color-hover-soft); }
.perf-detail .pd-list .pd-item + .pd-item { border-top-color: var(--color-border-soft); }
.perf-detail .pd-list .pd-item .pd-item-title { color: var(--color-text); }
.perf-detail .pd-list .pd-item .pd-item-title .pd-tid { color: var(--color-text-muted); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag { background: var(--color-hover-soft); color: var(--color-text-soft); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.prio.p1 { background: var(--color-error-bg); color: var(--color-error); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.prio.p2 { background: var(--color-warning-bg); color: var(--color-warning); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.prio.p3 { background: var(--color-success-bg); color: var(--color-success); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.prio.p4 { background: var(--color-badge-bg); color: var(--color-text-muted); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.st-open,
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.st-in_progress { background: var(--color-primary-light-bg); color: var(--color-primary); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.st-waiting_customer { background: var(--color-warning-bg); color: var(--color-warning); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.bad { background: var(--color-error-bg); color: var(--color-error); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-tag.good { background: var(--color-success-bg); color: var(--color-success); }
.perf-detail .pd-list .pd-item .pd-item-sub .pd-who { color: var(--color-text-muted); }
.perf-detail .pd-list .pd-item .pd-item-side .pd-item-val { color: var(--color-text); }
.perf-detail .pd-list .pd-item .pd-item-side.bad .pd-item-val { color: var(--color-error); }
.perf-detail .pd-list .pd-item .pd-item-side.good .pd-item-val { color: var(--color-success); }
.perf-detail .pd-list .pd-item .pd-item-side .pd-item-note { color: var(--color-text-muted); }
.perf-detail .pd-list .pd-empty,
.perf-detail .pd-cust .pd-empty { color: var(--color-text-muted); }
.perf-detail .pd-list .pd-more,
.perf-detail .pd-cust .pd-more { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }
.perf-detail .pd-good .pd-good-note { background: var(--color-success-bg); color: var(--color-text); }
.perf-detail .pd-cust .pd-cust-row { color: var(--color-text); }
.perf-detail .pd-cust .pd-cust-row.head { color: var(--color-text-muted); }
.perf-detail .pd-cust .pd-cust-row + .pd-cust-row { border-top-color: var(--color-border-soft); }
.perf-detail .pd-cust .pd-cust-row .bad { color: var(--color-error); font-weight: 700; }
/*? ----------     STATS     ---------- */

/* ----------     SERVICES     ---------- */
.wrapper .container .content.services .blocks .block-wrapper .wrapper .content .hint { color: var(--color-text-muted); }
/*? ----------     SERVICES     ---------- */

/* ----------     FÜHRERSCHEINE (SERVICES)     ---------- */
.dl-badge { background: var(--color-badge-bg); color: var(--color-text-muted); }
.dl-badge .dot { background: currentColor; }
.dl-badge.ok { color: var(--color-success); }
.dl-badge.due { color: var(--color-warning); }
.dl-badge.expired { color: var(--color-error); }
.dl-badge.never { color: var(--color-primary); }
/* Übersicht: Text neutral, Punkt farbig; wichtigste Status (abgelaufen/fällig) zusätzlich farbig */
.access-card .dl-badge { color: var(--color-text-muted); }
.access-card .dl-badge.expired { color: var(--color-error); }
.access-card .dl-badge.due { color: var(--color-warning); }
.access-card .dl-badge.ok .dot { background: var(--color-success); }
.access-card .dl-badge.never .dot { background: var(--color-primary); }

.dl-banner { background: var(--color-badge-bg); }
.dl-banner .bn-icon { background: var(--color-bg); color: var(--color-text-soft); }
.dl-banner .bn-text .s { color: var(--color-text-muted); }
.dl-banner.due { background: var(--color-warning-bg); }
.dl-banner.due .bn-icon { background: var(--color-warning); color: #fff; }
.dl-banner.expired { background: var(--color-error-bg); }
.dl-banner.expired .bn-icon { background: var(--color-error); color: #fff; }
.dl-banner.ok { background: var(--color-success-bg); }
.dl-banner.ok .bn-icon { background: var(--color-success); color: #fff; }
.dl-banner.never .bn-icon { background: var(--color-primary); color: #fff; }

.dl-summary .sum-item { background: var(--color-bg); }
.dl-summary .sum-item .sum-icon { background: var(--color-badge-bg); color: var(--color-text-soft); }
.dl-summary .sum-item .sum-icon.due { background: var(--color-warning-bg); color: var(--color-warning); }
.dl-summary .sum-item .sum-icon.expired { background: var(--color-error-bg); color: var(--color-error); }
.dl-summary .sum-item .sum-icon.ok { background: var(--color-success-bg); color: var(--color-success); }
.dl-summary .sum-item .sum-text .k { color: var(--color-text-muted); }

.dl-field .fl .req { color: var(--color-error); }
.dl-field .hint { color: var(--color-text-muted); }
.dl-chips .dl-chip { background: var(--color-bg); color: var(--color-text-soft); border: 1px solid var(--color-border-soft); }
.dl-chips .dl-chip:hover { color: var(--color-text); border-color: var(--color-border); }
.dl-chips .dl-chip.active { background: var(--color-primary); color: var(--color-btn-text); border-color: var(--color-primary); }

.dl-confirm { border-top: 1px solid var(--color-border-soft); }
.dl-confirm .note { color: var(--color-text-muted); }
.dl-log .log-item { border-bottom: 1px solid var(--color-border-soft); }
.dl-log .log-item:last-child { border-bottom: none; }
.dl-log .log-item .log-dot { background: var(--color-badge-bg); color: var(--color-text-soft); }
.dl-log .log-item .log-main .log-meta { color: var(--color-text-muted); }
.dl-log .log-tag { background: var(--color-success-bg); color: var(--color-success); }
.dl-log .dl-log-empty { color: var(--color-text-muted); }
/*? ----------     FÜHRERSCHEINE (SERVICES)     ---------- */

/* ----------     FORM     ---------- */
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .title i { color: var(--color-text-muted); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .title i:hover { color: var(--color-text); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group.extended i { color: var(--color-search-icon); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline { border: 1px solid var(--color-border-soft); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header { border-bottom: 1px solid var(--color-border-soft); border-top: 1px solid var(--color-border-soft); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-list .access-row:hover { background: var(--color-hover-soft); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-list .access-row .access-left .access-avatar { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-list .access-row .access-left .access-namewrap .access-email { color: var(--color-text-muted); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header .access-selected .access-selected-placeholder { color: var(--color-text-muted); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header .access-selected .access-chip { background: var(--color-tag-bg); color: var(--color-text); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header .access-selected .access-chip .access-chip-avatar { background: var(--color-img-non-bg); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header .access-selected .access-chip .access-chip-remove { color: var(--color-text-muted); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .access-inline .access-inline-header .access-selected .access-chip .access-chip-remove:hover { color: var(--color-text); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .message-editor .message-input { border: 1px solid var(--color-border-soft); background: var(--color-bg); color: var(--color-text); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .dropzone { border: 1px dashed var(--color-input-border); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .dropzone.drag-over { border-color: var(--color-primary); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .dropzone .dropzone-inner .dropzone-info { color: var(--color-text-muted); }

.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .attachments-list .attachment-row { border: 1px solid var(--color-border-soft); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .attachments-list .attachment-row .attachment-left .attachment-meta .attachment-info { color: var(--color-text-muted); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .attachments-list .attachment-row .attachment-right .attachment-remove { color: var(--color-text-muted); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .attachments .attachments-list .attachment-row .attachment-right .attachment-remove:hover { color: var(--color-text); }
/*? ----------     FORM     ---------- */

/* ----------     SERVICE/CODE PAGE     ---------- */
.wrapper.service .service-inner .service-text .service-title { color: var(--color-text); }
.wrapper.service .service-inner .service-text .service-sub { color: var(--color-text-muted); }
.wrapper.service .service-inner .service-text .service-btn { border: 1px solid var(--color-border-soft); background: var(--color-bg); color: var(--color-text); box-shadow: 0 4px 10px rgba(15,23,42,0.08); }
.wrapper.service .service-inner .service-text .service-btn:hover { border-color: var(--color-border); box-shadow: 0 8px 20px rgba(15,23,42,0.14); }
/*? ----------     SERVICE/CODE PAGE     ---------- */

/* ----------     KARTEN-RAHMEN     ---------- */
.device-card, .group-list, .loc-list .loc-card, .agr-detail .agr-head, .agr-detail .agr-grid, .agr-detail .agr-content, .agr-mgmt .agr-mgmt-item, .sys-kpis .sys-kpi, .sys-audit .sys-audit-row, .access-list .access-card, .docs-side, .cat-card, .file-tile, .browser-stats, .error-list .error-card, .disruption-list .disruption-card, .ots-list .ots-card, .fleet-card, .fleet-summary .sum-item, .dl-summary .sum-item, .uticket, .connector-list .connector-card, .connector-detail .cd-card, .hc-cat-card, .hc-rank-list, .hc-card, .hc-suggest, .hc-cta, .hc-toc, .hc-rel-card, .hc-art-card, .hc-art-action, .kb-feedback, .kb-start-card, .kb-kpi, .kb-fb-list, .kb-fb-act { border: 1px solid var(--color-border-soft); }
/* Ticketkarten: einheitlicher Rahmen (Priorität kommt als Tag im Betreff, kein Streifen mehr) */
.req-list .req-card, .req-list .req-skel { border: 1px solid var(--color-border-soft); }
/* Tab-Zähler: der Rahmen ist nur im hellen Modus sichtbar; dark und neon halten die
   1px transparent, damit der Badge in allen Themes gleich groß bleibt. */
.req-tabs .req-tab .count { border: 1px solid var(--color-border-soft); }
/* SLA-Statusboxen: Rahmen wie die übrigen Karten */
.content.request-detail .rq-sla .s { border: 1px solid var(--color-border-soft); }
/* Reaktions- und Lösungsbox tragen keine Ampelfarbe: die linke Kante bleibt der
   normale Rahmen, damit die Box nicht angeschnitten wirkt. Muss VOR den Ampel-Regeln
   weiter unten stehen - gleiche Spezifität, es gewinnt die spätere Regel. */
.content.request-detail .rq-sla .s.no-accent { border-color: var(--color-border-soft); }
/* Ticketdetail-Chat: neutrale Bubbles mit Rahmen; eigene (primary) ohne */
.content.request-detail .rq-msg .body { border: 1px solid var(--color-border-soft); }
.content.request-detail .rq-msg.right .body { border-color: transparent; }
/* Workpool-Pill (Header): Rahmen wie die übrigen Karten */
.content.request-detail .rq-st .rq-wptag { border: 1px solid var(--color-border-soft); }
.rq-drawer .rq-note { border: 1px solid var(--color-border-soft); }
/*? ----------     KARTEN-RAHMEN     ---------- */
/*? ----------     ERP     ---------- */
.ra-card { background: var(--color-wrapper-bg); border: 1px solid var(--color-border-soft); }
.ra-head .ra-sub { color: var(--color-text-muted); }
.ra-x { color: var(--color-text-muted); }
.ra-x:hover { background: var(--color-hover-soft); color: var(--color-text); }
.ra-hr { background: var(--color-divider); }
.ra-lbl { color: var(--color-text-soft); }
.ra-lbl .req { color: var(--color-primary); }
.ra-lbl .opt { color: var(--color-text-muted); }
.ra-hint { color: var(--color-text-muted); }
.ra-inp { border: 1px solid var(--color-border-soft); background: var(--color-bg); color: var(--color-text); }
.ra-inp::placeholder { color: var(--color-placeholder); }
.ra-inp:focus { border-color: var(--color-primary); }
.ra-dd { background: var(--color-bg); border: 1px solid var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); }
.ra-drow { color: var(--color-text); }
.ra-drow:hover { background: var(--color-hover-soft); }
.ra-drow .sub { color: var(--color-text-muted); }
.ra-drow .sub.warn { color: var(--color-warning); }
.ra-drow.new { color: var(--color-primary); }
.ra-drow.empty { color: var(--color-text-muted); }
.ra-drow.empty:hover { background: transparent; }
.ra-seg { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.ra-seg .ra-seg-btn { background: transparent; color: var(--color-text-soft); }
.ra-seg .ra-seg-btn.active { background: var(--color-primary-light-bg); color: var(--color-primary); }
.ra-pos { border: 1px solid var(--color-border-soft); }
.ra-pos-title { color: var(--color-text-soft); }
.ra-pos-x { color: var(--color-text-muted); }
.ra-pos-x:hover { background: var(--color-hover-soft); color: var(--color-error); }
.ra-add-pos { color: var(--color-primary); }
.ra-new-hint { color: var(--color-primary); }
.ra-totals .t-key { color: var(--color-text-muted); }
.ra-err { color: var(--color-error); }
.ra-btn.ghost { background: transparent; color: var(--color-text-soft); }
.ra-btn.ghost:hover { background: var(--color-hover-soft); color: var(--color-text); }
.ra-btn.ra-cta { background: var(--color-btn-bg); color: var(--color-btn-text); }
.ra-btn.ra-cta:hover { background: var(--color-btn-bg-hover); }
.ra-btn.ra-cta.disabled { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.ra-preview { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.ra-preview .row + .row { border-top: 1px solid var(--color-divider); }
.ra-preview .key { color: var(--color-text-muted); }
.ra-preview .val { color: var(--color-text); }
.pu-pos { border: 1px solid var(--color-border-soft); }
.pu-pos-line .pu-muted { color: var(--color-text-muted); }
.rc-pos-title { color: var(--color-text-muted); }
.rc-all { color: var(--color-primary); }
.as-item { border: 1px solid var(--color-border-soft); }
.as-item:hover { border-color: var(--color-primary); }
.as-item .as-title { color: var(--color-text); }
.as-item .as-sub { color: var(--color-text-muted); }
.as-empty { color: var(--color-text-muted); }
.cat-item { background: var(--color-bg); border: 1px solid var(--color-border-soft); }
.cat-item.editing { border-color: var(--color-primary); }
.cat-item .cat-name { color: var(--color-text); }
.cat-item .cat-sub { color: var(--color-text-muted); }
.cat-item .cat-count { color: var(--color-text-muted); }
.cat-form-title { color: var(--color-text-muted); }
.cat-form-cancel { color: var(--color-link); }
.wh-unit { border: 1px solid var(--color-border-soft); }
.wh-unit .muted { color: var(--color-text-muted); }
.wh-unit .lnk { color: var(--color-primary); }
.of-banner { border: 1px solid var(--color-border-soft); border-left: 3px solid var(--color-warning); color: var(--color-text-muted); }
.of-map { border: 1px dashed var(--color-border-soft); }
.of-map-hint { color: var(--color-text-muted); }
.of-map-item { border: 1px solid var(--color-border-soft); }
.of-map-item:hover { border-color: var(--color-primary); }
.of-map-item.active { border-color: var(--color-primary); background: var(--color-primary-light-bg); }
.of-map-item.active .sub { color: var(--color-primary); }
.of-map-item .sub { color: var(--color-text-muted); }
.of-dpos { border: 1px solid var(--color-border-soft); }
.of-dpos .sub { color: var(--color-text-muted); }
.of-inv { border: 1px solid var(--color-border-soft); }
.of-inv .lnk { color: var(--color-primary); }
.of-ticket-hint { color: var(--color-text-muted); }
/* Einkauf-Redesign: KPI-Kacheln, Lieferfortschritt, Detailkopf, Ticket-Chip */
.erp-kpi { background: var(--color-wrapper-bg); border: 1px solid var(--color-border-soft); }
.erp-kpi .k-label { color: var(--color-text-muted); }
.erp-kpi .k-value { color: var(--color-text); }
.erp-kpi .k-sub { color: var(--color-text-muted); }
.erp-progress .track { background: var(--color-badge-bg); }
.erp-progress .fill { background: var(--color-primary); }
.erp-progress .fill.done { background: var(--color-success); }
.erp-progress .pct { color: var(--color-text-muted); }
.po-head .t .meta { color: var(--color-text-muted); }
.erp-iconbtn { color: var(--color-text-muted); }
.erp-iconbtn:hover { color: var(--color-text); background: var(--color-hover-soft); }
.pu-pos-line .sum { color: var(--color-text); }
.ticket-chip { background: var(--color-primary-light-bg); color: var(--color-primary); }
/* Filter-Chips (Benutzer & Rollen): gleicher Rahmen wie die access-cards */
.filter-chips .chip.active { border-color: var(--color-primary); }
/* Zweizeilige Tabellenzelle: Unterzeile gedaempft */
.block.table .table-rows>div.cell-stack .sub { color: var(--color-text-muted); }

/* SLA: Erfuellungsbalken unter der vereinbarten Quote (Anhang 1.1, Ziff. 6.2) */
.wrapper .container .content.stats .section .charts-row .quality-card .q-row .q-bar .q-fill.bad { background: var(--color-error); }

/* ----------     FREIGABEPFLICHT / BEWERTUNGEN / ENTRA-RECHTE     ---------- */
/* Farben zu den Layout-Regeln in main.css. */

/* Ticketansicht: Berechtigung des Anfragenden + Stand der Freigabe */
.content.request-detail .rq-f .v .rq-perm.ok { color: var(--color-success); }
.content.request-detail .rq-f .v .rq-perm.no { color: var(--color-warning); }
.content.request-detail .rq-f .v .rq-perm-note { color: var(--color-text-muted); }
.content.request-detail .rq-f .v .rq-right { background: var(--color-badge-bg); color: var(--color-text-soft); }
.content.request-detail .rq-review.wait { background: var(--color-warning-bg); }
.content.request-detail .rq-review.wait i { color: var(--color-warning); }
.content.request-detail .rq-review.ok { background: var(--color-success-bg); }
.content.request-detail .rq-review.ok i { color: var(--color-success); }
.content.request-detail .rq-review.no { background: var(--color-error-bg); }
.content.request-detail .rq-review.no i { color: var(--color-error); }

/* Entra-Connector: Benutzer nach Berechtigung */
.connector-detail .cd-rights-list .empty { color: var(--color-text-muted); }
.connector-detail .cd-rights-list .cd-right-group { border-bottom-color: var(--color-border-soft); }
.connector-detail .cd-rights-list .cd-right-head:hover .cd-right-name { color: var(--color-primary); }
.connector-detail .cd-rights-list .cd-right-caret { color: var(--color-text-muted); }
.connector-detail .cd-rights-list .cd-right-name { color: var(--color-text); }
.connector-detail .cd-rights-list .cd-right-scope { background: var(--color-hover-soft); color: var(--color-text-muted); }
.connector-detail .cd-rights-list .cd-right-scope.scope-admin { background: var(--color-warning-bg); color: var(--color-warning); }
.connector-detail .cd-rights-list .cd-right-count { color: var(--color-text); }
.connector-detail .cd-rights-list .cd-right-user .n { color: var(--color-text); }
.connector-detail .cd-rights-list .cd-right-user .e { color: var(--color-text-muted); }
.connector-detail .cd-rights-list .cd-right-off { color: var(--color-error); }
.connector-detail .cd-card-head .cd-rights-summary { color: var(--color-text-muted); }

/* Artikel-Editor: aktive Fassung im Versionsverlauf */
.kb-history .log-item.current { background: var(--color-hover-soft); }
.kb-history .log-item.current .log-dot { background: var(--color-primary); color: #fff; }

/* Artikel-Editor: Bewertungsliste */
.kb-ratings .log-item { border-bottom-color: var(--color-border-soft); }
.kb-ratings .log-item .log-dot { background: var(--color-border-soft); color: var(--color-text-muted); }
.kb-ratings .log-item .log-dot.up { background: var(--color-success-bg); color: var(--color-success); }
.kb-ratings .log-item .log-dot.down { background: var(--color-error-bg); color: var(--color-error); }
.kb-ratings .log-item .log-main .log-title { color: var(--color-text); }
.kb-ratings .log-item .log-main .log-meta { color: var(--color-text-muted); }
.kb-ratings .log-item .log-main .log-reason { color: var(--color-text-soft); }
.kb-ratings .log-item .log-main .log-reason.muted { color: var(--color-text-muted); }
.kb-ratings .kb-ratings-empty { color: var(--color-text-muted); }

/* SLA-Ampel der Ticketansicht: der GESAMTE Rahmen faerbt sich, nicht nur die
   linke Kante. Die Breite (1px auf allen Seiten) kommt aus main.css. */
.content.request-detail .rq-sla .s.sla-ok { border-color: var(--color-success); }
.content.request-detail .rq-sla .s.sla-warn { border-color: var(--color-warning); }
.content.request-detail .rq-sla .s.sla-warn .sub { color: var(--color-warning); }
.content.request-detail .rq-sla .s.sla-breached { border-color: var(--color-error); }
.content.request-detail .rq-sla .s.sla-breached .v,
.content.request-detail .rq-sla .s.sla-breached .sub { color: var(--color-error); }
.content.request-detail .rq-sla .s.sla-paused { border-color: var(--color-text-muted); }


/* ==========================================================================
   FARBEN AUS main.css
   Automatisch herausgeloest: main.css traegt Struktur, die Farbe steht hier.
   Reihenfolge und @media-Kontext entsprechen der Quelle.
   ========================================================================== */
.action-menu { box-shadow: 0 10px 30px var(--color-shadow-strong); }
.action-menu .action-item.danger { color: var(--color-error); }
.modal-overlay { background: var(--color-overlay); }
.modal { background: var(--color-bg); }
.modal-body .info { color: var(--color-text-muted); }
.modal .input-group.time .time-clear { color: var(--color-text-muted); }
.modal .input-group.time .time-clear:hover { color: var(--color-error); }
.checkbox + label { background: var(--color-checkbox-track); }
.wrapper .container .content .blocks .block-wrapper .card .rights-list .right-item .right-info .right-scope { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card .rights-list .rights-subtitle { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card .wp-chips .wp-chip { background: var(--color-bg); color: var(--color-text-soft); border-color: var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .card .wp-chips .wp-chip:hover { color: var(--color-text); border-color: var(--color-border); }
.wrapper .container .content .blocks .block-wrapper .card .wp-chips .wp-chip.active { background: var(--color-primary); color: var(--color-btn-text); border-color: var(--color-primary); }
.wrapper .container .content .blocks .block-wrapper .asg-detail-meta .asg-readonly-hint { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .hero .start .img .prod-hero-icon { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card .line .sub-note { color: var(--color-text-muted); }
.wrapper .container .content .blocks .block-wrapper .card { border-color: var(--color-border-soft); }
.header .user .link .notifications .content .notification-list .notification-item.clickable:hover { background: var(--color-bg); }
.header .user .link .notifications .content .notification-list .notification-item .notification-body .notification-action .notification-open { color: var(--color-primary); border-color: var(--color-primary); }
.header .user .link .notifications .content .notification-list .notification-item.clickable:hover .notification-open { background: var(--color-primary); color: #fff; }
.header .user .link .notifications .content .notification-list .notification-item .notification-body .notification-action .notification-hint { color: var(--color-text-muted); border-color: var(--color-border-soft); }
.header .user .link[data-menu="notification-menu"].unread::after { background: var(--color-error); }
.notification-toast { background: var(--color-text); color: var(--color-bg); box-shadow: 0 10px 30px var(--color-shadow-strong); }
.notification-toast.prio-high { border-left-color: var(--color-error); }
.notification-toast .nt-title { color: var(--color-bg); }
.notification-toast .nt-message { color: var(--color-bg); }
.notification-toast .nt-close { color: var(--color-bg); }
.content.request-detail { background: var(--color-bg); }
.content.request-detail .rq-top { border-bottom-color: var(--color-border-soft); }
.content.request-detail .rq-back { color: var(--color-text-muted); }
.content.request-detail .rq-back:hover { color: var(--color-text); }
.content.request-detail .rq-tid { color: var(--color-primary); }
.content.request-detail .rq-btn { background: var(--color-btn-bg-alt); color: var(--color-btn-text-alt); }
.content.request-detail .rq-actmenu { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 12px 32px var(--color-shadow-strong); }
.content.request-detail .rq-actitem { color: var(--color-text); }
.content.request-detail .rq-actitem:hover { background: var(--color-hover-soft); }
.content.request-detail .rq-actitem i { color: var(--color-text-muted); }
.content.request-detail .rq-actitem.danger { color: var(--color-error); }
.content.request-detail .rq-actitem.danger i { color: var(--color-error); }
.content.request-detail .rq-actsep { background: var(--color-border-soft); }
.content.request-detail .rq-tools-toggle { color: var(--color-text-muted); background: var(--color-btn-bg-alt); }
.content.request-detail .rq-tools-toggle:hover { color: var(--color-text); }
.content.request-detail.tools-open .rq-tools-toggle { color: var(--color-primary); }
.content.request-detail .rq-state { color: var(--color-text); }
.content.request-detail .rq-state.muted { color: var(--color-text-muted); }
.content.request-detail .rq-state .dot.p-high { background: var(--color-error); }
.content.request-detail .rq-state .dot.p-normal { background: var(--color-prio-normal); }
.rq-prio-tag { background: var(--color-success-bg); color: var(--color-success); }
.rq-prio-tag.prio-p1 { background: var(--color-error-bg); color: var(--color-error); }
.rq-prio-tag.prio-p2 { background: var(--color-warning-bg); color: var(--color-warning); }
.rq-prio-tag.prio-p3 { background: var(--color-success-bg); color: var(--color-success); }
.rq-prio-tag.prio-p4 { background: var(--color-badge-bg); color: var(--color-text-muted); }
.content.request-detail .rq-rail { background: var(--color-bg); }
.content.request-detail .rq-rail.l { border-right-color: var(--color-border-soft); }
.content.request-detail .rq-rail.r { border-left-color: var(--color-border-soft); }
.content.request-detail .rq-id .rq-id-head.rq-clickable:hover { background: var(--color-hover-soft); }
.content.request-detail .rq-id .rq-id-rl { color: var(--color-text-muted); }
.content.request-detail .rq-reach { color: var(--color-text); }
/* Nur der Punkt signalisiert, der Text bleibt ruhig: die Erreichbarkeit ist
   eine Randnotiz zur Person, keine Warnung zum Ticket. */
.content.request-detail .rq-reach.off { color: var(--color-text-muted); }
.content.request-detail .rq-reach .dot { background: var(--color-success); }
.content.request-detail .rq-reach.off .dot { background: var(--color-error); }
.content.request-detail .rq-card { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); }
.content.request-detail .rq-card-h { color: var(--color-text-muted); }
.content.request-detail .rq-card .rq-take { border-top-color: var(--color-border-soft); }
.content.request-detail .rq-f .k { color: var(--color-text-muted); }
.content.request-detail .rq-st .rq-wptag { background: var(--color-bg); color: var(--color-text-soft); }
.content.request-detail .rq-f .v a, .content.request-detail .tel-link { color: var(--color-link); }
.content.request-detail .rq-groups .g { border-top-color: var(--color-border-soft); }
.content.request-detail .rq-groups .g.more { color: var(--color-primary); }
.content.request-detail .rq-empty { color: var(--color-text-muted); }
.content.request-detail .rq-stack .img { border-color: var(--color-wrapper-bg); }
.content.request-detail .rq-access .cap { color: var(--color-text-muted); }
.content.request-detail .rq-card.rq-clickable:hover { background: var(--color-hover-soft); }
.content.request-detail .rq-admins-rest { border-left-color: var(--color-border-soft); }
.content.request-detail .rq-admins-rest .cap { color: var(--color-text-muted); }
.content.request-detail .rq-tabs { border-bottom-color: var(--color-border-soft); }
.content.request-detail .rq-tabs .tab { color: var(--color-text-muted); }
.content.request-detail .rq-tabs .tab::after { background: var(--color-primary); }
.content.request-detail .rq-tabs .tab:hover { color: var(--color-text); }
.content.request-detail .rq-tabs .tab.active { color: var(--color-text); }
.content.request-detail .rq-prev { border-top-color: var(--color-border-soft); }
.content.request-detail .rq-prev .pt-tag { background: var(--color-bg); color: var(--color-text-soft); }
.content.request-detail .rq-prev .pm .pmeta { color: var(--color-text-muted); }
.content.request-detail .rq-prev .pid { color: var(--color-text-muted); }
.content.request-detail .rq-prev:hover .pm .pt { color: var(--color-primary); }
.content.request-detail .prio-dist .pd-bar { background: var(--color-hover-soft); }
.content.request-detail .prio-dist .pd-bar .pd-seg.p1 { background: var(--color-prio-high); }
.content.request-detail .prio-dist .pd-bar .pd-seg.p2 { background: var(--color-warning); }
.content.request-detail .prio-dist .pd-bar .pd-seg.p3 { background: var(--color-prio-normal); }
.content.request-detail .prio-dist .pd-bar .pd-seg.p4 { background: var(--color-text-muted); }
.content.request-detail .prio-dist .pd-legend { color: var(--color-text-soft); }
.content.request-detail .prio-dist .pd-legend .pd-item b { color: var(--color-text); }
.content.request-detail .prio-dist .pd-legend .pd-dot.p1 { background: var(--color-prio-high); }
.content.request-detail .prio-dist .pd-legend .pd-dot.p2 { background: var(--color-warning); }
.content.request-detail .prio-dist .pd-legend .pd-dot.p3 { background: var(--color-prio-normal); }
.content.request-detail .prio-dist .pd-legend .pd-dot.p4 { background: var(--color-text-muted); }
.content.request-detail .prio-dist .pd-legend .pd-total { color: var(--color-text-muted); }
.content.request-detail .rq-notes-trigger .nt-ic { background: var(--color-bg); color: var(--color-text-soft); }
.content.request-detail .rq-notes-trigger .nt-m .s { color: var(--color-text-muted); }
.content.request-detail .rq-notes-trigger .chev { color: var(--color-text-muted); }
.content.request-detail .rq-notes-trigger:hover .nt-m .t { color: var(--color-primary); }
.content.request-detail .rq-notes-trigger.has-notes .nt-m .t { color: var(--color-primary); }
.content.request-detail .rq-notes-trigger.has-notes .nt-ic { color: var(--color-primary); }
.content.request-detail .rq-sla { border-bottom-color: var(--color-border-soft); }
.content.request-detail .rq-sla .s { background: var(--color-wrapper-bg); }
.content.request-detail .rq-sla .s .k { color: var(--color-text-muted); }
.content.request-detail .rq-sla .s .sub { color: var(--color-text-muted); }
.content.request-detail .rq-msg .meta { color: var(--color-text-muted); }
.content.request-detail .rq-msg .adm { color: var(--color-primary); background: var(--color-primary-light-bg); }
.content.request-detail .rq-msg .body { background: var(--color-wrapper-bg); }
.content.request-detail .rq-msg.right .body { background: var(--color-primary); color: var(--color-white); }
.content.request-detail .rq-att { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text); }
.content.request-detail .rq-att:hover { border-color: var(--color-primary); }
.content.request-detail .rq-empty-chat { color: var(--color-text-muted); }
.content.request-detail .rq-reply { border-top-color: var(--color-border-soft); }
.content.request-detail .rq-reply textarea { border-color: var(--color-input-border); background: var(--color-wrapper-bg); color: var(--color-text); scrollbar-color: var(--color-border-soft) transparent; }
.content.request-detail .rq-reply textarea::-webkit-scrollbar-thumb { background: var(--color-border-soft); }
.content.request-detail .rq-reply textarea::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }
.content.request-detail .rq-reply textarea:focus { border-color: var(--color-primary); }
.content.request-detail .rq-reply-foot .att { color: var(--color-text-muted); }
.content.request-detail .rq-reply-foot .att:hover { color: var(--color-text); }
.content.request-detail .rq-reply-foot .att.has-files { color: var(--color-primary); }
.content.request-detail .rq-reply-foot .rq-send { background: var(--color-btn-bg); color: var(--color-btn-text); }
.content.request-detail .rq-reply-foot .rq-send:hover { background: var(--color-btn-bg-hover); }
.content.request-detail .rq-reply-foot .rq-send-wrap.disabled .rq-send { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.content.request-detail .rq-reply-foot .rq-send-alt { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text-soft); }
.content.request-detail .rq-reply-foot .rq-send-alt:hover { background: var(--color-hover-soft); color: var(--color-text); }
.content.request-detail .rq-reply-foot .rq-send-wrap.disabled .rq-send-alt:hover { background: var(--color-bg); color: var(--color-text-soft); }
.content.request-detail .skeleton { background-color: var(--color-skeleton); }
.rq-drawer .rq-drawer-backdrop { background: var(--color-overlay); }
.rq-drawer .rq-drawer-panel { background: var(--color-bg); box-shadow: -18px 0 55px var(--color-shadow-strong); }
.rq-drawer .rq-drawer-head { border-bottom-color: var(--color-border-soft); }
.rq-drawer .rq-drawer-head .dh-sub { color: var(--color-text-muted); }
.rq-drawer .rq-drawer-head .dh-close { color: var(--color-text-muted); }
.rq-drawer .rq-drawer-head .dh-close:hover { color: var(--color-text); background: var(--color-hover-soft); }
.rq-drawer .rq-drawer-foot { border-top-color: var(--color-border-soft); }
.rq-drawer .rq-note { background: var(--color-wrapper-bg); }
.rq-drawer .rq-note .nm { color: var(--color-text-muted); }
.rq-drawer .rq-note-empty { color: var(--color-text-muted); }
.rq-drawer textarea { border-color: var(--color-input-border); background: var(--color-bg); color: var(--color-text); }
.rq-drawer textarea:focus { border-color: var(--color-primary); }
.rq-drawer .rq-drawer-foot .hint { color: var(--color-text-muted); }
.rq-drawer .rq-save { background: var(--color-btn-bg); color: var(--color-btn-text); }
.rq-drawer .rq-save.disabled { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.rq-drawer .drw-opt { border-color: var(--color-border-soft); }
.rq-drawer .drw-opt:hover { border-color: var(--color-primary); }
.rq-drawer .drw-opt.active { border-color: var(--color-primary); background: var(--color-primary-light-bg); }
.rq-drawer .drw-opt .dot.p-high { background: var(--color-error); }
.rq-drawer .drw-opt .dot.p-normal { background: var(--color-prio-normal); }
.rq-drawer .drw-opt .chk { color: var(--color-primary); }
.rq-drawer .drw-seg-lbl { color: var(--color-text-muted); }
.rq-drawer .drw-seg { background: var(--color-bg); border-color: var(--color-border-soft); }
.rq-drawer .drw-seg .drw-seg-btn { color: var(--color-text-soft); }
.rq-drawer .drw-seg .drw-seg-btn:hover { color: var(--color-text); }
.rq-drawer .drw-seg .drw-seg-btn.active { background: var(--color-primary-light-bg); color: var(--color-primary); }
.rq-drawer .drw-prio-result { background: var(--color-bg); border-left-color: var(--color-text-muted); }
.rq-drawer .drw-prio-result.prio-p1 { border-left-color: var(--color-prio-high); }
.rq-drawer .drw-prio-result.prio-p2 { border-left-color: var(--color-warning); }
.rq-drawer .drw-prio-result.prio-p3 { border-left-color: var(--color-prio-normal); }
.rq-drawer .drw-prio-result .drw-prio-sub { color: var(--color-text-muted); }
.rq-drawer .drw-wp:hover { background: var(--color-hover-soft); }
.rq-drawer .drw-wp.active { background: var(--color-primary-light-bg); }
.rq-drawer .drw-wp .ct { color: var(--color-text-muted); }
.rq-drawer .drw-search { border-color: var(--color-input-border); }
.rq-drawer .drw-search input { color: var(--color-text); }
.rq-drawer .drw-search i { color: var(--color-text-muted); }
.rq-drawer .drw-sec-label { color: var(--color-text-muted); }
.rq-drawer .drw-acc { border-top-color: var(--color-border-soft); }
.rq-drawer .drw-acc .m .rl { color: var(--color-text-muted); }
.rq-drawer .drw-acc .rm { color: var(--color-text-muted); }
.rq-drawer .drw-acc .rm:hover { color: var(--color-error); }
.rq-drawer .drw-acc .drw-add { color: var(--color-primary); }
.rq-drawer .drw-empty { color: var(--color-text-muted); }
@media (max-width: 1600px) {
    .content.request-detail.tools-open .rq-rail.r { box-shadow: -18px 0 55px var(--color-shadow-strong); }
}
.groups-count { color: var(--color-text-muted); }
.group-list { background: var(--color-wrapper-bg); }
.group-list .group-row { border-bottom-color: var(--color-border-soft); }
.group-list .group-row:hover { background: var(--color-hover-softer); }
.group-list .group-row mark { color: var(--color-primary); }
.group-list .empty { color: var(--color-text-muted); }
.acc-hint { color: var(--color-text-muted); }
.cur-session { background: var(--color-wrapper-bg); border-color: var(--color-primary); }
.cur-session .cs-icon { background: var(--color-bg); color: var(--color-primary); }
.cur-session .cs-badge { background: var(--color-success-bg); color: var(--color-success); }
.cur-session .cs-sub { color: var(--color-text-muted); }
.cur-session .cs-item .cs-key { color: var(--color-text-muted); }
.cur-session .cs-item .cs-val { color: var(--color-text); }
.cur-empty { color: var(--color-text-muted); }
.loc-list .loc-card { background: var(--color-wrapper-bg); }
.loc-list .loc-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.loc-list .loc-card.current { border-color: var(--color-primary); }
.loc-list .loc-card .loc-main .loc-name { color: var(--color-text); }
.loc-list .loc-card .loc-main .loc-name .loc-tag { background: var(--color-success-bg); color: var(--color-success); }
.loc-list .loc-card .loc-main .loc-sub { color: var(--color-text-muted); }
.loc-list .loc-card .loc-stats .loc-stat .loc-stat-val { color: var(--color-text); }
.loc-list .loc-card .loc-stats .loc-stat .loc-stat-key { color: var(--color-text-muted); }
.loc-list .empty { color: var(--color-text-muted); }
.agr-detail .agr-back { color: var(--color-text-muted); }
.agr-detail .agr-back:hover { color: var(--color-text); }
.agr-detail .agr-head { background: var(--color-wrapper-bg); }
.agr-detail .agr-head .agr-icon { background: var(--color-bg); color: var(--color-primary); }
.agr-detail .agr-head .agr-headline .agr-title { color: var(--color-text); }
.agr-detail .agr-head .agr-headline .agr-sub { color: var(--color-text-muted); }
.agr-detail .agr-grid { background: var(--color-wrapper-bg); }
.agr-detail .agr-grid .agr-item .agr-key { color: var(--color-text-muted); }
.agr-detail .agr-grid .agr-item .agr-val { color: var(--color-text); }
.agr-detail .agr-content { background: var(--color-wrapper-bg); }
.agr-detail .agr-content .agr-content-label { color: var(--color-text-muted); }
.agr-detail .agr-content .agr-content-body { color: var(--color-text); }
.user-detail-topbar .user-detail-back { color: var(--color-text-muted); }
.user-detail-topbar .user-detail-back:hover { color: var(--color-text); }
.device-detail-topbar .device-detail-back { color: var(--color-text-muted); }
.device-detail-topbar .device-detail-back:hover { color: var(--color-text); }
.user-detail-tabs .tab { color: var(--color-text-muted); }
.user-detail-tabs .tab:hover { color: var(--color-text); }
.user-detail-tabs .tab.active { color: var(--color-text); }
.user-detail-tabs .tab::after { background: var(--color-primary); }
.agr-mgmt .agr-mgmt-item { background: var(--color-wrapper-bg); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-title { color: var(--color-text); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-actions .agr-act { color: var(--color-text-muted); background: var(--color-bg); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-actions .agr-act:hover { color: var(--color-text); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-actions .agr-act.danger:hover { color: var(--color-error); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-content { color: var(--color-text); }
.agr-mgmt .agr-mgmt-item .agr-mgmt-meta { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }
.lic-chips .lic-chip { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text); }
.lic-chips .lic-empty { color: var(--color-text-muted); }
.sys-kpis .sys-kpi { background: var(--color-wrapper-bg); }
.sys-kpis .sys-kpi .sys-kpi-val { color: var(--color-text); }
.sys-kpis .sys-kpi .sys-kpi-label { color: var(--color-text-muted); }
.sys-kpis .sys-kpi.warn .sys-kpi-val { color: var(--color-warning); }
.sys-kpis .sys-kpi.alert .sys-kpi-val { color: var(--color-error); }
.sys-kpis .sys-kpi[data-href]:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.btn.danger { color: var(--color-error); box-shadow: inset 0 0 0 1px var(--color-error); }
.btn.danger:hover { background: var(--color-error-bg); color: var(--color-error); }
.sys-badge:before { background: var(--color-text-muted); }
.sys-badge.on { color: var(--color-success); }
.sys-badge.on:before { background: var(--color-success); }
.sys-badge.off { color: var(--color-text-muted); }
.sys-badge.off:before { background: var(--color-text-muted); }
.sys-audit .sys-audit-row { background: var(--color-wrapper-bg); }
.sys-audit .sys-audit-msg { color: var(--color-text); }
.sys-audit .sys-audit-meta { color: var(--color-text-muted); }
.sys-audit .sys-audit-cat { background: var(--color-primary-light-bg); color: var(--color-primary); }
.sys-audit .sys-audit-cat.maint { background: var(--color-warning-bg); color: var(--color-warning); }
.sys-audit .sys-audit-empty { color: var(--color-text-muted); }
.sys-clean .sys-clean-row { border-bottom-color: var(--color-border-soft); }
.sys-clean .sys-clean-info .sys-clean-label { color: var(--color-text); }
.sys-clean .sys-clean-info .sys-clean-count { color: var(--color-text-muted); }
.activity-feed .feed-item { border-bottom-color: var(--color-border-soft); }
.activity-feed .feed-icon { background: var(--color-border-soft); color: var(--color-text-muted); }
.activity-feed .feed-message { color: var(--color-text); }
.activity-feed .feed-meta { color: var(--color-text-muted); }
.activity-feed .feed-cat { background: var(--color-border-soft); color: var(--color-text-muted); }
.activity-feed .feed-stats .feed-stat-val { color: var(--color-text); }
.activity-feed .feed-stats .feed-stat-key { color: var(--color-text-muted); }
.activity-feed .feed-empty { color: var(--color-text-muted); }
.access-list .access-card { background: var(--color-wrapper-bg); }
.access-list .access-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.access-list .access-card .ac-flag .ac-flag-empty { background: var(--color-badge-bg); }
.access-list .access-card .ac-main .ac-ip { color: var(--color-text); }
.access-list .access-card .ac-main .ac-ip .ac-note { color: var(--color-text-muted); }
.access-list .access-card .ac-main .ac-sub { color: var(--color-text-muted); }
.access-list .access-card .ac-stats .ac-stat .ac-stat-val { color: var(--color-text); }
.access-list .access-card .ac-stats .ac-stat .ac-stat-key { color: var(--color-text-muted); }
.access-list .access-card .access-action { color: var(--color-text-muted); }
.access-list .access-card .access-action:hover { color: var(--color-text); background: var(--color-hover-soft); }
.access-list .empty { color: var(--color-text-muted); }
.access-list .access-card.login .ac-main .ac-msg { color: var(--color-text-muted); }
.access-list .access-card.asg .asg-avatar { background: var(--color-badge-bg); color: var(--color-text); }
.access-badge { background: var(--color-badge-bg); color: var(--color-text-muted); }
.access-badge.wl { color: var(--color-success); }
.access-badge.bl { color: var(--color-error); }
.access-badge.admin { color: var(--color-primary); }
.access-list .access-card.device .ac-flag .dev-icon,
.access-list .access-card.product .ac-flag .dev-icon,
.access-list .access-card.org .ac-flag .dev-icon,
.access-list .access-card.kb .ac-flag .dev-icon { background: var(--color-badge-bg); color: var(--color-text); }
.docs-side { background: var(--color-wrapper-bg); }
.docs-side .search .input { background: var(--color-bg); }
.cat-card { background: var(--color-wrapper-bg); }
.cat-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.cat-card.active { border-color: var(--color-primary); }
.cat-name { color: var(--color-text); }
.cat-meta { color: var(--color-text-muted); }
.docs-types-title { color: var(--color-text); }
.ov-total-num { color: var(--color-text); }
.ov-total-lbl { color: var(--color-text-muted); }
.ov-line { color: var(--color-text-muted); }
.ov-line b { color: var(--color-text); }
.ov-sub { color: var(--color-text-muted); }
.type-row:hover { background: var(--color-hover-soft); }
.type-row.active { background: var(--color-hover-soft); }
.type-row.active .type-name { color: var(--color-primary); }
.type-name { color: var(--color-text); }
.type-val { color: var(--color-text-muted); }
.type-bar { background: var(--color-bg); }
.type-bar-fill { background: var(--color-primary); }
.docs-empty { color: var(--color-text-muted); }
.file-grid .empty { color: var(--color-text-muted); }
.file-tile { background: var(--color-wrapper-bg); }
.file-tile:hover { box-shadow: 0 6px 18px var(--color-shadow-strong); }
.file-thumb { background: var(--color-bg); }
.file-thumb .file-open-hint { color: var(--color-white); background: var(--color-overlay); }
.file-tile-name { color: var(--color-text); }
.file-tile-size { color: var(--color-text-muted); }
.file-preview-stage { background: var(--color-bg); }
.file-preview-stage iframe { background: var(--color-white); }
.file-preview-empty { color: var(--color-text-muted); }
.file-preview-meta { color: var(--color-text-muted); }
.file-preview-meta .fpm-title { color: var(--color-text); }
.ip-quickfill { color: var(--color-primary); }
.bs-range { background: var(--color-bg); border-color: var(--color-border-soft); }
.bs-range .bs-range-btn { color: var(--color-text-muted); }
.bs-range .bs-range-btn:hover { color: var(--color-text); }
.bs-range .bs-range-btn.active { background: var(--color-primary); color: var(--color-btn-text); }
.browser-stats { background: var(--color-wrapper-bg); }
.browser-stats .bs-head .bs-title { color: var(--color-text); }
.browser-stats .bs-head .bs-title i { color: var(--color-text-muted); }
.browser-stats .bs-list .bs-row .bs-name { color: var(--color-text); }
.browser-stats .bs-list .bs-row .bs-count { color: var(--color-text); }
.browser-stats .bs-list .bs-row .bs-pct { color: var(--color-text-muted); }
.browser-stats .bs-list .empty { color: var(--color-text-muted); }
.blocks.wiz .wiz-stepnum { color: var(--color-text-muted); }
.blocks.wiz .wiz-stepnum b { color: var(--color-text); }
.blocks.wiz .wiz-progress .seg { background: var(--color-border-soft); }
.blocks.wiz .wiz-progress .seg.done { background: var(--color-success); }
.blocks.wiz .wiz-progress .seg.active { background: var(--color-primary); }
.blocks.wiz .wiz-info { color: var(--color-text-muted); }
.blocks.wiz .apc-count { color: var(--color-text-muted); }
.blocks.wiz .wiz-list { color: var(--color-text-soft); }
.blocks.wiz .wiz-list b { color: var(--color-text); }
.blocks.wiz .card.bg .input-group.time .time-clear { color: var(--color-text-muted); }
.blocks.wiz .card.bg .input-group.time .time-clear:hover { color: var(--color-error); }
.error-list .error-card { background: var(--color-wrapper-bg); }
.error-list .error-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.error-list .error-card .ec-icon { background: var(--color-error-bg); color: var(--color-error); }
.error-list .error-card .ec-main .ec-message { color: var(--color-text); }
.error-list .error-card .ec-main .ec-meta { color: var(--color-text-muted); }
.error-list .error-card .ec-toggle { color: var(--color-text-muted); }
.error-list .error-card .ec-stats .ec-stat-val { color: var(--color-text); }
.error-list .error-card .ec-stats .ec-stat-key { color: var(--color-text-muted); }
.error-list .empty { color: var(--color-text-muted); }
.block-wrapper .info-text { color: var(--color-text-muted); }
.filter-chips .chip { background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.filter-chips .chip:hover { color: var(--color-text); }
.filter-chips .chip.active { background: var(--color-primary); color: var(--color-btn-text); }
.filter-chips .chip .count { background: var(--color-hover-soft); color: var(--color-text-muted); }
.filter-chips .chip.active .count { background: var(--color-btn-text); color: var(--color-primary); }
.disruption-list .disruption-card { background: var(--color-wrapper-bg); }
.disruption-list .disruption-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.disruption-list .disruption-card .dc-head .dc-title { color: var(--color-text); }
.disruption-list .disruption-card .dc-desc { color: var(--color-text-soft); }
.disruption-list .disruption-card .dc-meta { color: var(--color-text-muted); }
.disruption-list .disruption-card .dc-action { color: var(--color-text-muted); }
.disruption-list .disruption-card .dc-action:hover { color: var(--color-text); background: var(--color-hover-soft); }
.disruption-list .empty { color: var(--color-text-muted); }
.dc-badge { background: var(--color-badge-bg); color: var(--color-text-muted); }
.dc-badge.status-open { color: var(--color-primary); }
.dc-badge.status-resolved { color: var(--color-success); }
.dc-badge.type-outage, .dc-badge.type-degraded, .dc-badge.type-maintenance { color: var(--color-text-muted); background: var(--color-badge-bg); }
.ots-list .ots-card { background: var(--color-wrapper-bg); }
.ots-list .ots-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.ots-list .ots-card .oc-head .oc-title { color: var(--color-text); }
.ots-list .ots-card .oc-link { color: var(--color-text-soft); }
.ots-list .ots-card .oc-meta { color: var(--color-text-muted); }
.ots-list .ots-card .oc-icon { color: var(--color-text-muted); }
.ots-list .ots-card .oc-icon:hover { color: var(--color-text); background: var(--color-hover-soft); }
.ots-list .ots-card .oc-icon.copied { color: var(--color-success); }
.ots-list .empty { color: var(--color-text-muted); }
.ots-list .ots-group-title { color: var(--color-text-muted); }
.oc-badge { background: var(--color-badge-bg); color: var(--color-text-muted); }
.oc-badge.active { color: var(--color-primary); }
.oc-badge.used { color: var(--color-success); }
.ots-secret .ots-secret-label { color: var(--color-text-muted); }
.ots-secret .ots-secret-field { background: var(--color-wrapper-bg); }
.ots-secret .ots-secret-value { color: var(--color-text); }
.ots-secret.link .ots-secret-value { color: var(--color-text-soft); }
.ots-secret .ots-secret-copy { color: var(--color-text-muted); }
.ots-secret .ots-secret-copy:hover { color: var(--color-text); background: var(--color-hover-soft); }
.ots-secret .ots-secret-copy.copied { color: var(--color-success); }
.fleet-list .empty { color: var(--color-text-muted); }
.fleet-card { background: var(--color-wrapper-bg); }
.fleet-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.fleet-card .fc-thumb { background: var(--color-bg); }
.fleet-card .fc-thumb i { color: var(--color-text-muted); }
.fleet-card .fc-title { color: var(--color-text); }
.fleet-card .fc-plate { color: var(--color-text-muted); }
.fleet-card .fc-meta { color: var(--color-text-muted); }
.fleet-card .fc-kebab { color: var(--color-text-muted); }
.fleet-card .fc-kebab:hover { color: var(--color-text); background: var(--color-hover-soft); }
.fleet-card .fc-go { color: var(--color-text-muted); }
.fleet-card .fc-end .fc-lease { color: var(--color-text-muted); }
.fleet-card .fc-end .fc-lease.due { color: var(--color-warning); }
.fleet-card .fc-end .fc-lease.expired { color: var(--color-error); }
.fleet-card .fc-end .fc-km-badge { background: var(--color-bg); color: var(--color-text-soft); }
.fleet-card .fc-end .fc-km-badge.ok { background: var(--color-success-bg); color: var(--color-success); }
.fleet-card .fc-end .fc-km-badge.due { background: var(--color-warning-bg); color: var(--color-warning); }
.fleet-card .fc-end .fc-km-badge.expired { background: var(--color-error-bg); color: var(--color-error); }
.status-badge { background: var(--color-bg); color: var(--color-text-soft); }
.fdot-active { background: var(--color-success); }
.fdot-maint { background: var(--color-warning); }
.fdot-retired { background: var(--color-text-muted); }
.choice-group .choice-btn { border-color: var(--color-border-soft); color: var(--color-text-soft); background: var(--color-bg); }
.choice-group .choice-btn:hover { border-color: var(--color-primary); }
.choice-group .choice-btn.active { border-color: var(--color-primary); background: var(--color-hover-soft); color: var(--color-text); }
.detail-topbar .detail-back { color: var(--color-text-muted); }
.detail-topbar .detail-back:hover { color: var(--color-text); }
.wrapper .container .content .blocks .block-wrapper .fleet-hero .start .img { background: var(--color-wrapper-bg); }
.wrapper .container .content .blocks .block-wrapper .fleet-hero .start .img i { color: var(--color-text-muted); }
.modal .wizard-progress .step-name { color: var(--color-text); }
.modal .wizard-step-indicator.done { background: var(--color-success); }
.field-block-label { color: var(--color-text-muted); }
.field-hint { color: var(--color-text-muted); }
.plate-input .plate-seg { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text); }
.plate-input .plate-seg::placeholder { color: var(--color-text-muted); }
.plate-input .plate-seg:focus { border-color: var(--color-primary); }
.plate-input .plate-dash { color: var(--color-text-muted); }
.fleet-banner { background: var(--color-bg); }
.fleet-banner .bn-icon { background: var(--color-border-soft); color: var(--color-text-soft); }
.fleet-banner .bn-text .t { color: var(--color-text); }
.fleet-banner .bn-text .s { color: var(--color-text-muted); }
.fleet-banner.ok { background: var(--color-success-bg); }
.fleet-banner.ok .bn-icon { background: var(--color-success); color: var(--color-white); }
.fleet-banner.due { background: var(--color-warning-bg); }
.fleet-banner.due .bn-icon { background: var(--color-warning); color: var(--color-white); }
.fleet-banner.expired { background: var(--color-error-bg); }
.fleet-banner.expired .bn-icon { background: var(--color-error); color: var(--color-white); }
.fleet-summary .sum-item { background: var(--color-bg); }
.fleet-summary .sum-item .sum-icon { background: var(--color-border-soft); color: var(--color-text-soft); }
.fleet-summary .sum-item .sum-icon.ok { background: var(--color-success-bg); color: var(--color-success); }
.fleet-summary .sum-item .sum-icon.due { background: var(--color-warning-bg); color: var(--color-warning); }
.fleet-summary .sum-item .sum-icon.expired { background: var(--color-error-bg); color: var(--color-error); }
.fleet-summary .sum-item .sum-text .k { color: var(--color-text-muted); }
.fleet-summary .sum-item .sum-text .v { color: var(--color-text); }
.km-update { border-top-color: var(--color-border-soft); }
.fleet-log .log-item { border-bottom-color: var(--color-border-soft); }
.fleet-log .log-item .log-dot { background: var(--color-border-soft); color: var(--color-text-muted); }
.fleet-log .log-item .log-main .log-title { color: var(--color-text); }
.fleet-log .log-item .log-main .log-meta { color: var(--color-text-muted); }
.fleet-log .fleet-log-empty { color: var(--color-text-muted); }
.fleet-cards .item { background: var(--color-bg); border-color: var(--color-border-soft); }
.fleet-cards .item .key { color: var(--color-text-muted); }
.fleet-cards .item .value { color: var(--color-text); }
.modal .wiz-draft-hint { background: var(--color-hover-soft); color: var(--color-text-muted); }
.modal .wiz-draft-hint .wiz-draft-discard { color: var(--color-link); }
.modal .attachments .dropzone { border-color: var(--color-border-soft); }
.modal .attachments .dropzone.drag-over { border-color: var(--color-primary); background: var(--color-hover-soft); }
.modal .attachments .dropzone .dropzone-inner .dropzone-icon { color: var(--color-text-muted); }
.modal .attachments .dropzone .dropzone-inner .dropzone-text .dropzone-link { color: var(--color-link); }
.modal .attachments .dropzone .dropzone-inner .dropzone-info { color: var(--color-text-muted); }
.modal .attachments .attachments-list .attachment-row { border-color: var(--color-border-soft); background: var(--color-bg); }
.modal .attachments .attachments-list .attachment-row .attachment-left .attachment-meta .attachment-name { color: var(--color-text); }
.modal .attachments .attachments-list .attachment-row .attachment-left .attachment-meta .attachment-info { color: var(--color-text-muted); }
.modal .attachments .attachments-list .attachment-row .attachment-right .attachment-remove { color: var(--color-text-muted); }
.modal .attachments .attachments-list .attachment-row .attachment-right .attachment-remove:hover { color: var(--color-error); }
.veh-preview { background: var(--color-bg); border-color: var(--color-border-soft); }
.veh-preview .veh-img { background: var(--color-wrapper-bg); }
.veh-preview .veh-img i { color: var(--color-text-muted); }
.veh-preview .veh-name { color: var(--color-text); }
.veh-preview .veh-name .muted { color: var(--color-text-muted); }
.veh-preview .veh-plate { color: var(--color-text-muted); }
.veh-preview .veh-tag { background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.summary { border-color: var(--color-border-soft); background: var(--color-bg); }
.summary .sum-row { border-bottom-color: var(--color-border-soft); }
.summary .sum-row .sum-key { color: var(--color-text-muted); }
.summary .sum-row .sum-val { color: var(--color-text); }
.summary .sum-row .sum-val.missing { color: var(--color-text-muted); }
.sum-group-title { color: var(--color-text-muted); }
.req-live { color: var(--color-success); }
.req-live .pulse { background: var(--color-success); }
.req-tabs .req-tab { color: var(--color-text-soft); background: var(--color-wrapper-bg); }
.req-tabs .req-tab:hover { color: var(--color-text); }
.req-tabs .req-tab.active { background: var(--color-primary); color: var(--color-white); }
.req-tabs .req-tab .count { background: var(--color-bg); color: var(--color-text-muted); }
.req-tabs .req-tab.active .count { background: var(--color-wrapper-bg); color: var(--color-text); }
.req-tabs .req-tab.has-new .count::after { background: var(--color-primary); box-shadow: 0 0 0 2px var(--color-wrapper-bg); }
.req-tabs .req-tab.active.has-new .count::after { background: var(--color-btn-text); box-shadow: 0 0 0 2px var(--color-primary); }
#btnInquiry.has-new .count::after { background: var(--color-warning); }
.req-list .req-card { background: var(--color-wrapper-bg); }
.req-list .req-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.req-list .req-card .req-title .req-prio-tag { background: var(--color-success-bg); color: var(--color-success); }
.req-list .req-card .req-title .req-prio-tag.p1 { background: var(--color-error-bg); color: var(--color-error); }
.req-list .req-card .req-title .req-prio-tag.p2 { background: var(--color-warning-bg); color: var(--color-warning); }
.req-list .req-card .req-title .req-prio-tag.p3 { background: var(--color-success-bg); color: var(--color-success); }
.req-list .req-card .req-title .req-prio-tag.p4 { background: var(--color-badge-bg); color: var(--color-text-muted); }
.req-list .req-card .req-meta .req-sla.warn { background: var(--color-warning-bg); color: var(--color-warning); }
.req-list .req-card .req-meta .req-sla.breached { background: var(--color-error-bg); color: var(--color-error); }
.req-list .req-card .req-meta .req-sla.paused { background: var(--color-badge-bg); color: var(--color-text-muted); }
.req-list .req-card .req-title { color: var(--color-text); }
.req-list .req-card .req-meta { color: var(--color-text-muted); }
.req-list .req-card .req-meta .req-user { color: var(--color-text-soft); }
.req-list .req-card .req-aside .req-wp { background: var(--color-bg); color: var(--color-text-soft); }
.req-list .req-card .req-aside .req-bottom { color: var(--color-text-muted); }
.req-list .req-card .req-aside .req-status.open .dot { background: var(--color-warning); }
.req-list .req-card .req-aside .req-status.in_progress .dot { background: var(--color-primary); }
.req-list .req-card .req-aside .req-status.closed .dot { background: var(--color-text-muted); }
.req-list .req-card .req-aside .req-status.waiting_customer { color: var(--color-text-muted); }
.req-list .req-card .req-aside .req-status.waiting_customer .dot { background: var(--color-text-muted); }
.req-list .req-card .req-aside .req-status.new-reply { color: var(--color-primary); }
.req-list .req-card .req-aside .req-status.new-reply .dot { background: var(--color-primary); }
.req-list .req-card .req-aside .req-status.new-request { color: var(--color-warning); }
.req-list .req-card .req-aside .req-status.new-request .dot { background: var(--color-warning); }
.req-list .req-empty { color: var(--color-text-muted); }
.uticket { background: var(--color-wrapper-bg); }
.uticket .ut-head { border-bottom-color: var(--color-border-soft); }
.uticket .ut-head .ut-title { color: var(--color-text); }
.uticket .ut-head .ut-title .ut-num { color: var(--color-text-muted); }
.uticket .ut-head .ut-meta { color: var(--color-text-muted); }
.uticket .ut-head .ut-meta .req-status.open .dot { background: var(--color-warning); }
.uticket .ut-head .ut-meta .req-status.in_progress .dot { background: var(--color-primary); }
.uticket .ut-head .ut-meta .req-status.closed .dot { background: var(--color-text-muted); }
.uticket .ut-conversation .ut-empty { color: var(--color-text-muted); }
.uticket .ut-msg .ut-msg-avatar { background: var(--color-badge-bg); color: var(--color-text); }
.uticket .ut-msg .ut-msg-body { background: var(--color-bg); }
.uticket .ut-msg .ut-msg-head .ut-msg-author { color: var(--color-text); }
.uticket .ut-msg .ut-msg-head .ut-msg-time { color: var(--color-text-muted); }
.uticket .ut-msg .ut-msg-text { color: var(--color-text-soft); }
.uticket .ut-msg.self .ut-msg-body { background: var(--color-hover-soft); }
.uticket .ut-msg.admin .ut-msg-avatar { background: var(--color-primary); color: var(--color-btn-text); }
.uticket .ut-attachments .ut-att-title { color: var(--color-text-muted); }
.uticket .ut-attachments .ut-att { color: var(--color-link); background: var(--color-bg); }
.uticket .ut-reply { border-top-color: var(--color-border-soft); }
.uticket .ut-reply .ut-reply-input { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text); }
.uticket .ut-reply .ut-reply-error { color: var(--color-error); }
.req-list .req-group { color: var(--color-text-muted); }
.req-list .req-group.prio-high .req-group-dot { background: var(--color-error); }
.req-list .req-group.prio-normal .req-group-dot { background: var(--color-prio-normal); }
.req-list .req-group.prio-p1 .req-group-dot { background: var(--color-prio-high); }
.req-list .req-group.prio-p2 .req-group-dot { background: var(--color-warning); }
.req-list .req-group.prio-p3 .req-group-dot { background: var(--color-prio-normal); }
.req-list .req-group.prio-p4 .req-group-dot { background: var(--color-text-muted); }
.req-list .req-group.prio-closed .req-group-dot { background: var(--color-text-muted); }
.req-list.ureq .req-group,
.req-list.mreq .req-group { color: var(--color-text-soft); }
.req-list.ureq .req-group::after,
.req-list.mreq .req-group::after { background: var(--color-border-soft); }
.req-list.ureq .req-group .req-group-count,
.req-list.mreq .req-group .req-group-count { background: var(--color-badge-bg); color: var(--color-text-muted); }
.req-list.ureq .req-group.prio-new-reply,
.req-list.mreq .req-group.prio-new-reply { color: var(--color-primary); }
.req-list.ureq .req-group.prio-new-reply .req-group-count,
.req-list.mreq .req-group.prio-new-reply .req-group-count { background: var(--color-primary); color: var(--color-btn-text); }
.req-list.mreq .req-group.prio-new-request { color: var(--color-warning); }
.req-list.mreq .req-group.prio-new-request .req-group-count { background: var(--color-warning); color: #fff; }
.req-list.ureq .req-group.prio-high .req-group-count,
.req-list.mreq .req-group.prio-high .req-group-count { background: var(--color-error-bg); color: var(--color-error); }
.req-list.ureq .req-group.prio-normal .req-group-count,
.req-list.mreq .req-group.prio-normal .req-group-count { background: var(--color-success-bg); color: var(--color-success); }
.req-list.ureq .req-card .req-cta,
.req-list.mreq .req-card .req-cta { background: var(--color-primary); color: var(--color-btn-text); }
.req-list .req-skel { background: var(--color-wrapper-bg); }
/* SUPPORTANFRAGEN-UEBERSICHT (Master) - Farben zum Layout in main.css.
   Alles ueber Tokens, damit Hell/Dunkel/Neon dieselbe Regel teilen. */
.rqo-head .hsub { color: var(--color-text-muted); }

.rqo-seg { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); }
.rqo-seg .s { color: var(--color-text-soft); }
.rqo-seg .s:hover { color: var(--color-text); }
.rqo-seg .s.on { background: var(--color-bg); color: var(--color-text); box-shadow: 0 1px 3px var(--color-shadow-soft); }
.rqo-seg .s .c { background: var(--color-badge-bg); color: var(--color-text-muted); }
.rqo-seg .s.on .c { background: var(--color-primary); color: var(--color-btn-text); }
.rqo-seg .s.has-new .c::after { background: var(--color-primary); box-shadow: 0 0 0 2px var(--color-wrapper-bg); }
.rqo-seg .s.on.has-new .c::after { background: var(--color-btn-text); box-shadow: 0 0 0 2px var(--color-primary); }

.rqo-chip { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text-soft); }
.rqo-chip:hover { color: var(--color-text); border-color: var(--color-border); }
.rqo-chip.on { background: var(--color-primary-light-bg); border-color: var(--color-primary); color: var(--color-primary); }
.rqo-chip .qd { background: var(--color-text-muted); }
.rqo-chip .qd.crit { background: var(--color-error); }
.rqo-pop { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); }
.rqo-pop .o { color: var(--color-text-soft); }
.rqo-pop .o:hover { background: var(--color-hover-soft); color: var(--color-text); }
.rqo-pop .o .bx { border-color: var(--color-border-soft); }
.rqo-pop .o.sel { color: var(--color-text); }
.rqo-pop .o.sel .bx { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-btn-text); }
.rqo-pop .o .cnt, .rqo-pop .o em { color: var(--color-text-muted); }
.rqo-pop-sep { background: var(--color-border-soft); }
.rqo-density { background: var(--color-bg); border-color: var(--color-border-soft); }
.rqo-density .d { color: var(--color-text-muted); }
.rqo-density .d.on { background: var(--color-badge-bg); color: var(--color-text); }

.rqo-group { color: var(--color-text-soft); }
.rqo-group .gd { background: var(--color-text-muted); }
.rqo-group::after { background: var(--color-border-soft); }
.rqo-group .gc { background: var(--color-badge-bg); color: var(--color-text-muted); }
.rqo-group.g-breached { color: var(--color-error); }
.rqo-group.g-breached .gd { background: var(--color-error); }
.rqo-group.g-breached .gc { background: var(--color-error-bg); color: var(--color-error); }
.rqo-group.g-warn { color: var(--color-warning); }
.rqo-group.g-warn .gd { background: var(--color-warning); }
.rqo-group.g-warn .gc { background: var(--color-warning-bg); color: var(--color-warning); }
.rqo-group.g-ok .gd { background: var(--color-success); }
.rqo-group.g-new-request { color: var(--color-warning); }
.rqo-group.g-new-request .gc { background: var(--color-warning); color: var(--color-btn-text); }
.rqo-group.g-new-reply { color: var(--color-primary); }
.rqo-group.g-new-reply .gc { background: var(--color-primary); color: var(--color-btn-text); }
.rqo-group.g-p1 .gd { background: var(--color-prio-high); }
.rqo-group.g-p2 .gd { background: var(--color-warning); }
.rqo-group.g-p3 .gd { background: var(--color-prio-normal); }
.rqo-group.g-p4 .gd { background: var(--color-text-muted); }
/* Stufenfarben der Punkte - identisch zur Legende der Reaktionsziele (.sl-dot) */
.rqo-pop .o .pdot.p1 { background: var(--color-prio-high); }
.rqo-pop .o .pdot.p2 { background: var(--color-warning); }
.rqo-pop .o .pdot.p3 { background: var(--color-prio-normal); }
.rqo-pop .o .pdot.p4 { background: var(--color-text-muted); }

.rqo-row { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); }
.rqo-row:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.rqo-row.sel { background: var(--color-primary-light-bg); border-color: var(--color-primary); }
.rqo-row.has-reply::before { background: var(--color-primary); }
.rqo-cb { border-color: var(--color-border-soft); }
.rqo-row.sel .rqo-cb { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-btn-text); }

.rqo-av, .rqo-as .av { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.rqo-av .img.non, .rqo-as .av .img.non { background: var(--color-img-non-bg); color: var(--color-img-non-text); }
.rqo-t .tt { color: var(--color-text); }
.rqo-p { background: var(--color-badge-bg); color: var(--color-text-muted); }
.rqo-p.p1 { background: var(--color-error-bg); color: var(--color-error); }
.rqo-p.p2 { background: var(--color-warning-bg); color: var(--color-warning); }
.rqo-p.p3 { background: var(--color-success-bg); color: var(--color-success); }
.rqo-p.p4 { background: var(--color-badge-bg); color: var(--color-text-muted); }
.rqo-m { color: var(--color-text-muted); }
.rqo-m .who { color: var(--color-text-soft); }
.rqo-tag { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text-soft); }

.rqo-sla .k { color: var(--color-text-muted); }
.rqo-sla .bar { background: var(--color-hover-soft); }
.rqo-sla .bar span { background: var(--color-success); }
.rqo-sla.warn .v { color: var(--color-warning); }
.rqo-sla.warn .bar span { background: var(--color-warning); }
.rqo-sla.breached .v { color: var(--color-error); }
.rqo-sla.breached .bar span { background: var(--color-error); }
.rqo-sla.paused .v, .rqo-sla.done .v { color: var(--color-text-muted); }
.rqo-sla.paused .bar span, .rqo-sla.done .bar span { background: var(--color-text-muted); }

.rqo-as .nm { color: var(--color-text-soft); }
.rqo-as.free .av { background: transparent; border-color: var(--color-border-soft); color: var(--color-text-muted); }
.rqo-as.free .nm { color: var(--color-text-muted); }
.rqo-as .take { color: var(--color-primary); }
.rqo-as.me .nm { color: var(--color-primary); }

/* Zustaende: "Neue Anfrage" orange, "Neue Antwort" blau, Rest zurueckgenommen -
   die beiden oberen brauchen Aufmerksamkeit, die anderen nicht. */
.rqo-right .st { color: var(--color-text-soft); }
.rqo-right .st .dot { background: var(--color-text-muted); }
.rqo-right .st.new-request { color: var(--color-warning); }
.rqo-right .st.new-request .dot { background: var(--color-warning); }
.rqo-right .st.new-reply { color: var(--color-primary); }
.rqo-right .st.new-reply .dot { background: var(--color-primary); }
.rqo-right .st.closed, .rqo-right .st.waiting { color: var(--color-text-muted); }
.rqo-right .tm { color: var(--color-text-muted); }

.rqo-acts .a { color: var(--color-text-muted); }
.rqo-acts .a:hover { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text); }

.rqo-empty, .rqo-more-note { color: var(--color-text-muted); }
.rqo-more { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); color: var(--color-text-soft); }
.rqo-more:hover { border-color: var(--color-primary); color: var(--color-primary); }

.rqo-bulk { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 12px 34px var(--color-shadow-soft); }
.rqo-bulk .b { border-color: var(--color-border-soft); color: var(--color-text-soft); }
.rqo-bulk .b:hover { border-color: var(--color-primary); color: var(--color-primary); }
.rqo-bulk .b.x { color: var(--color-text-muted); }

/* Bestell-Stufen: anklickbar */
.ut-step.clickable:hover::after { background: var(--color-hover-soft); }
.ut-step.clickable:hover .pt { border-color: var(--color-primary); }
.ut-step.clickable:hover .t { color: var(--color-primary); }
.ut-step.clickable .go { color: var(--color-text-muted); }
.ut-step.clickable:hover .go { color: var(--color-primary); }
.ut-steps-hint { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }

.req-side-card { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); }
.req-side-card .side-head .side-title { color: var(--color-text); }
.req-side-card .side-head .side-action { color: var(--color-link); }
.req-side-card .side-hint { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }
.sla-note { color: var(--color-text-muted); }
.sla-note:hover, .sla-note:focus-visible { color: var(--color-primary); }
.sla-note .sla-note-pop { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); }
.sla-note .sla-note-foot { border-top-color: var(--color-border-soft); color: var(--color-text-muted); }
.sla-legend .sl-row + .sl-row { border-top-color: var(--color-border-soft); }
.sla-legend .sl-head { color: var(--color-text-muted); }
.sla-legend .sl-prio { color: var(--color-text); }
.sla-legend .sl-head .sl-prio { color: var(--color-text-muted); }
.sla-legend .sl-dot.p1 { background: var(--color-prio-high); }
.sla-legend .sl-dot.p2 { background: var(--color-warning); }
.sla-legend .sl-dot.p3 { background: var(--color-prio-normal); }
.sla-legend .sl-dot.p4 { background: var(--color-text-muted); }
.sla-legend .sl-v { color: var(--color-text-soft); }
.sla-legend .sl-head .sl-v { color: var(--color-text-muted); }
.req-side-card .items .item { border-bottom-color: var(--color-border-soft); }
.req-side-card .items .item.empty { color: var(--color-text-muted); }
.req-side-card .items .item .disruption-title { color: var(--color-text); }
.req-side-card .items .item .disruption-description { color: var(--color-text-muted); }
.req-side-card .items .item .disruption-status.open { color: var(--color-warning); background: var(--color-warning-bg); }
.req-side-card .items .item .disruption-status.open .dot { background: var(--color-warning); }
.req-side-card .items .item .disruption-status.resolved { color: var(--color-success); background: var(--color-success-bg); }
.req-side-card .items .item .disruption-status.resolved .dot { background: var(--color-success); }
.req-side-card .items .item .disruption-since { color: var(--color-text-muted); }
.req-side-card .items .item .workpool { color: var(--color-text); }
.req-side-card .items .item .workpool .count { background: var(--color-bg); color: var(--color-text-muted); }
.req-side-card .items .item .workpool .count.has-new::after { background: var(--color-primary); box-shadow: 0 0 0 2px var(--color-wrapper-bg); }
.req-side-card .items .item.wp-neu .workpool .count.has-new::after { background: var(--color-warning); }
.req-side-card .items .item .seen { color: var(--color-text-muted); }
.req-side-card .side-head .side-toggle { color: var(--color-text-muted); }
.req-side-card .side-head .side-toggle:hover { color: var(--color-text); }
.req-side-card .side-head .side-title .side-count { background: var(--color-warning-bg); color: var(--color-warning); }
.req-side-card .side-head .side-title .side-count.is-zero { background: var(--color-badge-bg); color: var(--color-text-muted); }
.req-side-card .items .item.wp-item:not(.wp-nonmember) { border-left-color: var(--color-primary); }
.req-side-card .items .item.wp-item:not(.wp-nonmember):hover { background: var(--color-hover-soft); }
.req-side-card .items .item.wp-item:not(.wp-nonmember) .wp-name { color: var(--color-text); }
.req-side-card .items .item.wp-item.wp-off { border-left-color: var(--color-error); }
.req-side-card .items .item.wp-item.wp-nonmember .wp-nonmember-note { color: var(--color-text-muted); }
.req-side-card .items .item.wp-item .seen .wp-presence.present { color: var(--color-success); background: var(--color-success-bg); }
.req-side-card .items .item.wp-item .seen .wp-presence.today { color: var(--color-primary); background: var(--color-primary-light-bg); }
.req-side-card .items .item.wp-item .seen .wp-presence.absent { color: var(--color-text-muted); background: var(--color-bg); }
/* Mitgliederliste zum Praesenz-Chip: eigener Textton, sonst faerbte der Chip
   (gruen/blau/grau) die ganze Liste mit ein. */
.req-side-card .items .item.wp-item .seen .wp-presence .wp-presence-pop { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); color: var(--color-text); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-row + .wpm-row { border-top-color: var(--color-border-soft); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-state { color: var(--color-text-muted); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-empty { color: var(--color-text-muted); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-row .wp-dot.present { background: var(--color-success); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-row .wp-dot.today { background: var(--color-primary); }
.req-side-card .items .item.wp-item .seen .wp-presence .wpm-row .wp-dot.absent { background: var(--color-text-muted); }
.req-side-card .wp-legend .wp-dot.present { background: var(--color-success); }
.req-side-card .wp-legend .wp-dot.today { background: var(--color-primary); }
.req-side-card .wp-legend .wp-dot.absent { background: var(--color-text-muted); }
.triage-overlay .triage-backdrop { background: var(--color-overlay); }
.triage-panel { background: var(--color-bg); box-shadow: -18px 0 55px var(--color-shadow-strong); }
.triage-head { border-bottom-color: var(--color-border-soft); }
.triage-head .t-progress { color: var(--color-text-muted); }
.triage-head .t-progress b { color: var(--color-text); }
.triage-head .t-close { color: var(--color-text-muted); }
.triage-head .t-close:hover { color: var(--color-text); background: var(--color-hover-soft); }
.triage-head .t-tags .tag { background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.triage-head .t-tags .tag.prio-high .dot { background: var(--color-error); }
.triage-head .t-tags .tag.prio-normal .dot { background: var(--color-prio-normal); }
.triage-head .t-tags .tag.prio-p1 .dot { background: var(--color-prio-high); }
.triage-head .t-tags .tag.prio-p2 .dot { background: var(--color-warning); }
.triage-head .t-tags .tag.prio-p3 .dot { background: var(--color-prio-normal); }
.triage-head .t-tags .tag.prio-p4 .dot { background: var(--color-text-muted); }
.triage-head .t-tags .t-status { background: var(--color-warning-bg); color: var(--color-warning); }
.triage-head .t-tags .t-status .dot { background: var(--color-warning); }
.triage-head .t-tags .t-status.in_progress { background: var(--color-primary-light-bg); color: var(--color-primary); }
.triage-head .t-tags .t-status.in_progress .dot { background: var(--color-primary); }
.triage-head .t-tags .t-status.waiting_customer { background: var(--color-badge-bg); color: var(--color-text-muted); }
.triage-head .t-tags .t-status.waiting_customer .dot { background: var(--color-text-muted); }
.triage-head .t-tags .t-status.closed { background: var(--color-wrapper-bg); color: var(--color-text-muted); }
.triage-head .t-tags .t-status.closed .dot { background: var(--color-text-muted); }
.triage-head .t-title { color: var(--color-text); }
.triage-body .triage-contact .who .nm { color: var(--color-text); }
.triage-body .triage-contact .who .sub { color: var(--color-text-muted); }
.triage-body .triage-participants .lbl { color: var(--color-text-muted); }
.triage-body .triage-participants .tp-group.admins .avs .av { border-color: var(--color-primary); }
.triage-body .triage-participants .avs .av { border-color: var(--color-bg); }
.triage-body .triage-participants .avs .av.more { background: var(--color-wrapper-bg); color: var(--color-text-muted); }
.triage-body .triage-info { border-top-color: var(--color-border-soft); }
.triage-body .triage-info .item .title { color: var(--color-text-muted); }
.triage-body .triage-info .item .value { color: var(--color-text); }
.triage-body .triage-info .item .value a { color: var(--color-link); }
.triage-body .triage-msg .top { color: var(--color-text); }
.triage-body .triage-msg .txt { color: var(--color-text-soft); background: var(--color-wrapper-bg); }
.triage-body .triage-hint { color: var(--color-text-muted); }
.triage-foot { border-top-color: var(--color-border-soft); background: var(--color-bg); }
.triage-foot .top { color: var(--color-text); }
.triage-foot .wp-pick .wp { border-color: var(--color-border-soft); background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.triage-foot .wp-pick .wp:hover { color: var(--color-text); }
.triage-foot .wp-pick .wp.sel { background: var(--color-primary); color: var(--color-white); }
.triage-foot .wp-pick .wp-empty { color: var(--color-text-muted); }
.triage-foot .actions .btn-assign { background: var(--color-btn-bg); color: var(--color-btn-text); }
.triage-foot .actions .btn-assign:hover { background: var(--color-btn-bg-hover); }
.triage-foot .actions .btn-assign.disabled { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.triage-foot .actions .btn-skip { background: var(--color-btn-bg-alt); color: var(--color-btn-text-alt); }
.triage-foot .actions .btn-skip:hover { background: var(--color-btn-bg-hover-alt); }
.req-toast { background: var(--color-text); color: var(--color-bg); box-shadow: 0 10px 30px var(--color-shadow-strong); }
.req-tabs .req-tab.disabled:hover { color: var(--color-text-soft); }
.req-list .req-card .req-avatars .av { border-color: var(--color-wrapper-bg); }
.req-list .req-card .req-avatars .av.more { background: var(--color-bg); color: var(--color-text-muted); }
.req-list .req-card .req-people .pg .pg-av { border-color: var(--color-wrapper-bg); }
.req-list .req-card .req-people .pg .pg-av.more { background: var(--color-bg); color: var(--color-text-muted); }
.req-list .req-card .req-people .pg.admins .pg-av { border-color: var(--color-primary); }
.req-list .req-card .req-people .pg .pg-label { color: var(--color-text-muted); }
.req-list.ureq .req-card .req-aside .req-time { color: var(--color-text-muted); }
.connector-list .connector-card { background: var(--color-wrapper-bg); }
.connector-list .connector-card:hover { box-shadow: 0 4px 14px var(--color-shadow-soft); }
.connector-list .connector-card .cn-main .cn-name { color: var(--color-text); }
.connector-list .connector-card .cn-main .cn-sub { color: var(--color-text-muted); }
.connector-list .connector-card .cn-stats .cn-stat .cn-stat-val { color: var(--color-text); }
.connector-list .connector-card .cn-stats .cn-stat .cn-stat-key { color: var(--color-text-muted); }
.connector-list .connector-card .cn-action { color: var(--color-text-muted); }
.connector-list .connector-card .cn-action:hover { color: var(--color-text); background: var(--color-hover-soft); }
.connector-list .empty { color: var(--color-text-muted); }
.connector-detail .cd-back { color: var(--color-text-muted); }
.connector-detail .cd-back:hover { color: var(--color-text); }
.connector-detail .cd-head .cd-title { color: var(--color-text); }
.connector-detail .cd-head .cd-sub { color: var(--color-text-muted); }
.connector-detail .cd-head .cd-sub b { color: var(--color-text-soft); }
.connector-detail .cd-card { background: var(--color-wrapper-bg); }
.connector-detail .cd-card-title { color: var(--color-text); }
.connector-detail .cd-card-foot { color: var(--color-text-muted); }
.connector-detail .cd-spark .cd-spark-bar { background: var(--color-success); }
.connector-detail .cd-spark .cd-spark-bar.fail { background: var(--color-error); }
.connector-detail .cd-spark .cd-spark-bar.run { background: var(--color-warning); }
.connector-detail .cd-spark-legend { color: var(--color-text-muted); }
.connector-detail .cd-kv .cd-kv-k { color: var(--color-text-muted); }
.connector-detail .cd-kv .cd-kv-v { color: var(--color-text); }
.connector-detail .cd-kv .cd-kv-v code { background: var(--color-bg); }
.connector-detail .cd-copy { color: var(--color-text-muted); }
.connector-detail .cd-copy:hover { color: var(--color-primary); }
.connector-detail .cd-copy.copied { color: var(--color-success); }
.connector-detail .cd-note { color: var(--color-text-muted); }
.connector-detail .cd-runs-list .cd-run { border-bottom-color: var(--color-border-soft); }
.connector-detail .cd-runs-list .cd-run .cd-run-badge { background: var(--color-badge-bg); color: var(--color-text-muted); }
.connector-detail .cd-runs-list .cd-run .cd-run-badge.ok { color: var(--color-success); }
.connector-detail .cd-runs-list .cd-run .cd-run-badge.fail { color: var(--color-error); }
.connector-detail .cd-runs-list .cd-run .cd-run-badge.run { color: var(--color-warning); }
.connector-detail .cd-runs-list .cd-run .cd-run-type { color: var(--color-text); }
.connector-detail .cd-runs-list .cd-run .cd-run-meta { color: var(--color-text-muted); }
.connector-detail .cd-runs-list .cd-run .cd-run-date { color: var(--color-text-muted); }
.connector-detail .cd-runs-list .empty { color: var(--color-text-muted); }
.connector-detail .cd-users-list .cd-user { border-bottom-color: var(--color-border-soft); }
.connector-detail .cd-users-list .cd-user:hover .cd-user-name { color: var(--color-primary); }
.connector-detail .cd-users-list .cd-user .cd-user-avatar.non { background: var(--color-badge-bg); color: var(--color-text-muted); }
.connector-detail .cd-users-list .cd-user .cd-user-name { color: var(--color-text); }
.connector-detail .cd-users-list .cd-user .cd-user-mail { color: var(--color-text-muted); }
.connector-detail .cd-users-list .cd-user .cd-user-date { color: var(--color-text-muted); }
.connector-detail .cd-users-list .empty { color: var(--color-text-muted); }
.ac-admin .ac-admin-label { color: var(--color-text-muted); }
.ac-admin .ac-admin-list { border-color: var(--color-border-soft); }
.ac-admin .ac-admin-list .ac-admin-opt:hover { background: var(--color-hover-soft); }
.ac-admin .ac-admin-list .ac-admin-opt.selected { background: var(--color-primary); color: var(--color-btn-text); }
.ac-admin .ac-admin-list .ac-admin-empty { color: var(--color-text-muted); }
.entra-cert-link { color: var(--color-primary); }
.acc-devices-grid .device-card.empty.mfa-empty .mfa-empty-title { color: var(--color-text); }
.acc-devices-grid .device-card.empty.mfa-empty .mfa-empty-text { color: var(--color-text-muted); }
.acc-devices-grid .device-card.empty.mfa-empty .mfa-empty-link { color: var(--color-primary); }
.wrapper .container .content .type-wrapper .type .type-card { background: var(--color-wrapper-bg); }
.wrapper .container .content.stats .rk-controls .filter-chips .chip { color: var(--color-text-soft); }
.wrapper .container .content.stats .rk-controls .filter-chips .chip.active { color: var(--color-text); }
.wrapper .container .content.stats .rk-controls .filter-chips .chip::after { background: var(--color-primary); }
.modal.modal-rank .rd-section .rd-section-title .rd-section-note { color: var(--color-text-muted); }
.wrapper .container .content.stats .ach-champion .ac-title { color: var(--color-text); }
.wrapper .container .content.stats .ach-champion .ac-sub { color: var(--color-text-muted); }
.hc .hc-empty { color: var(--color-text-muted); }
.hc .hc-empty-state { background: var(--color-wrapper-bg); }
.hc .hc-empty-state i { color: var(--color-text-muted); }
.hc .hc-empty-state .s { color: var(--color-text-muted); }
.hc-hero p { color: var(--color-text-muted); }
.hc-hero-meta { color: var(--color-text-muted); }
.hc-suggest { background: var(--color-bg); box-shadow: 0 14px 40px var(--color-shadow-strong); }
.hc-suggest-head { color: var(--color-text-muted); }
.hc-suggest-item > i { color: var(--color-text-muted); }
.hc-suggest-item .si-sub { color: var(--color-text-muted); }
.hc-suggest-item:hover, .hc-suggest-item.active { background: var(--color-hover-soft); }
.hc-suggest-foot { background: var(--color-wrapper-bg); border-top-color: var(--color-divider); }
.hc-suggest-foot .sf-all { color: var(--color-primary); }
.hc-suggest-foot .sf-hint { color: var(--color-text-muted); }
.hc-suggest-empty { color: var(--color-text-muted); }
.hc-hl { background: var(--color-primary-light-bg); color: inherit; }
.hc-sec-link { color: var(--color-link); }
.hc-cat-card { background: var(--color-wrapper-bg); }
.hc-cat-card:hover { box-shadow: 0 8px 24px var(--color-shadow-strong); }
.hc-cat-icon { background: var(--color-badge-bg); color: var(--color-primary); }
.hc-cat-count { color: var(--color-text-muted); }
.hc-cat-links { border-top-color: var(--color-divider); }
.hc-cat-link { color: var(--color-text-soft); }
.hc-cat-link:hover { color: var(--color-primary); }
.hc-cat-more { color: var(--color-primary); }
.hc-rank-list { background: var(--color-wrapper-bg); }
.hc-rank-item + .hc-rank-item { border-top-color: var(--color-divider); }
.hc-rank-item:hover { background: var(--color-hover-soft); }
.hc-rank-num { color: var(--color-text-muted); }
.hc-rank-item > i.lead { color: var(--color-text-muted); }
.hc-rank-meta { color: var(--color-text-muted); }
.hc-rank-item .go { color: var(--color-text-muted); }
.hc-cta { background: var(--color-wrapper-bg); }
.hc-cta-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.hc-cta-main .s { color: var(--color-text-muted); }
.hc-breadcrumb { color: var(--color-text-muted); }
.hc-breadcrumb:hover { color: var(--color-text); }
.hc-count { color: var(--color-text-muted); }
.hc-sort { color: var(--color-text-muted); }
.hc-sort select { background: var(--color-bg); color: var(--color-text); border: 1px solid var(--color-border-soft); }
.hc-card { background: var(--color-wrapper-bg); }
.hc-card:hover { box-shadow: 0 8px 24px var(--color-shadow-strong); }
.hc-card > i.lead { color: var(--color-text-muted); }
.hc-card-sum { color: var(--color-text-soft); }
.hc-card-meta { color: var(--color-text-muted); }
.hc-art-meta { color: var(--color-text-muted); }
.hc-art-action { background: var(--color-bg); color: var(--color-text-soft); }
.hc-art-action:hover { background: var(--color-hover-soft); color: var(--color-text); }
.hc-art-card { background: var(--color-wrapper-bg); }
.hc-toc { background: var(--color-wrapper-bg); }
.hc-toc .toc-h { color: var(--color-text-muted); }
.hc-toc-item { color: var(--color-text-soft); }
.hc-toc-item:hover { color: var(--color-text); }
.hc-toc-item.active { color: var(--color-primary); border-left-color: var(--color-primary); }
.hc-rel-card { background: var(--color-wrapper-bg); }
.hc-rel-card:hover { box-shadow: 0 8px 24px var(--color-shadow-strong); }
.hc-rel-card .rm { color: var(--color-text-muted); }
.kb-feedback { background: var(--color-bg); }
.kb-fb-btn { background: var(--color-wrapper-bg); }
.kb-fb-btn:hover { box-shadow: 0 4px 14px var(--color-shadow-strong); }
.kb-fb-btn.active { background: var(--color-hover-soft); color: var(--color-text); }
.kb-fb-comment textarea { background: var(--color-wrapper-bg); color: var(--color-text); }
.kb-fb-thanks { color: var(--color-text-soft); }
.kb-fb-stats { color: var(--color-text-muted); }
.kb-subnav { border-bottom-color: var(--color-divider); }
.kb-subnav .sn { color: var(--color-text-muted); }
.kb-subnav .sn:hover { color: var(--color-text); }
.kb-subnav .sn.active { color: var(--color-text); }
.kb-subnav .sn.active::after { background: var(--color-primary); }
.kb-subnav .sn .count { background: var(--color-badge-bg); color: var(--color-text-muted); }
.kb-start-card { background: var(--color-wrapper-bg); }
.kb-start-card:hover { box-shadow: 0 8px 24px var(--color-shadow-strong); border-color: var(--color-primary); }
.kb-start-card .sc-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.kb-start-card.internal .sc-icon { background: var(--color-badge-bg); color: var(--color-text-soft); }
.kb-start-card .sc-info { color: var(--color-text-muted); }
.kb-start-card .sc-foot { color: var(--color-primary); }
.kb-kpi { background: var(--color-wrapper-bg); }
.kb-kpi:hover { box-shadow: 0 8px 24px var(--color-shadow-strong); }
.kb-kpi.quiet:hover { box-shadow: none; }
.kb-kpi.active { border-color: var(--color-primary); box-shadow: inset 0 0 0 1px var(--color-primary); }
.kb-kpi.active .kpi-label { color: var(--color-primary); }
.kb-kpi .kpi-label { color: var(--color-text-muted); }
.kb-kpi.alarm .kpi-val { color: var(--color-error); }
.kb-kpi.warn .kpi-val { color: var(--color-warning); }
.kb-kpi.calm .kpi-val { color: var(--color-text-muted); }
.kb-fb-list { background: var(--color-wrapper-bg); }
.kb-fb-row + .kb-fb-row { border-top-color: var(--color-divider); }
.kb-fb-row > i.lead { color: var(--color-error); }
.kb-fb-meta { color: var(--color-text-muted); }
.kb-fb-meta .art { color: var(--color-link); }
.kb-fb-act { background: var(--color-bg); color: var(--color-text-soft); }
.kb-fb-act:hover { background: var(--color-hover-soft); color: var(--color-text); }
.kb-fb-empty { color: var(--color-text-muted); }
.kb-fgroup .fg-label { color: var(--color-text-muted); }
.kb-fsep { background: var(--color-divider); }
.kb-aud-note { background: var(--color-badge-bg); color: var(--color-text-soft); }
.kb-aud-note i { color: var(--color-primary); }
.access-badge.warn { color: var(--color-warning); }
.access-badge.int { color: var(--color-primary); }
.access-list .access-card.kb.internal .ac-flag .dev-icon { background: var(--color-primary-light-bg); color: var(--color-primary); }
.access-list .access-card .ac-stats .ac-stat .ac-stat-val.bad { color: var(--color-error); }
.kb-editor { background: var(--color-wrapper-bg); }
.kb-editor .kb-toolbar { background: var(--color-wrapper-bg); border-bottom-color: var(--color-border-soft); }
.kb-editor .kb-toolbar .kb-tool-btn { color: var(--color-text-soft); }
.kb-editor .kb-toolbar .kb-tool-btn:hover { background: var(--color-hover-soft); color: var(--color-text); }
.kb-editor .kb-toolbar .kb-tool-btn.accent { color: var(--color-primary); }
.kb-editor .kb-toolbar .kb-tool-sep { background: var(--color-border-soft); }
.kb-editor .kb-textarea { color: var(--color-text); }
.kb-draft-note { color: var(--color-text-muted); }
.kb-hint-inline { color: var(--color-text-muted); }
.kb-history .log-item { border-bottom-color: var(--color-border-soft); }
.kb-history .log-item .log-dot { background: var(--color-border-soft); color: var(--color-text-muted); }
.kb-history .log-item .log-main .log-title { color: var(--color-text); }
.kb-history .log-item .log-main .log-meta { color: var(--color-text-muted); }
.kb-history .log-item .log-main .log-reason { color: var(--color-text-soft); }
.kb-history .log-item .log-main .log-reason.muted { color: var(--color-text-muted); }
.kb-history .kb-history-btn { color: var(--color-primary); }
.kb-history .kb-history-empty { color: var(--color-text-muted); }
.md-content .md-video video { background: var(--color-media-bg); }
.erp-dz { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text-muted); }
.erp-dz:hover, .erp-dz.over { border-color: var(--color-primary); background: var(--color-primary-light-bg); }
.erp-dz b { color: var(--color-primary); }
.erp-dz-file { background: var(--color-bg); border-color: var(--color-border-soft); }
.erp-dz-file .fn { color: var(--color-text); }
.erp-dz-file .fs { color: var(--color-text-muted); }
.erp-dz-file .rm { color: var(--color-text-muted); }
.erp-dz-file .rm:hover { background: var(--color-hover-soft); color: var(--color-text); }
.erp-inv-file { color: var(--color-primary); }

/* Bildlaufleiste in Modalen (Struktur in main.css). scrollbar-color ist die
   Firefox-Variante, die ::-webkit-Regeln gelten fuer Chrome/Edge/Safari. */
.modal { scrollbar-color: var(--color-border-soft) transparent; }
.modal::-webkit-scrollbar-thumb { background: var(--color-border-soft); }
.modal::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }

/* ========================================================================
   AUS DEN SEITEN UEBERNOMMEN - Farben zum Layout in main.css.
   Gegliedert wie dort nach Bauteil.
   ======================================================================== */

/* ----- KENNZEICHEN IN DER NUTZER-UEBERSICHT ----- */
.ureq-flag.approval { background: var(--color-warning-bg); color: var(--color-warning); }
.ureq-flag.pending { background: var(--color-badge-bg); color: var(--color-text-muted); }
.ureq-flag.access { background: var(--color-badge-bg); color: var(--color-text-muted); }
.req-list.ureq .req-card.needs-approval::before { background: var(--color-warning); }
.req-list.ureq .req-group.prio-approval { color: var(--color-warning); }
.req-list.ureq .req-group.prio-approval .req-group-dot { display: none; }
.req-list.ureq .req-group.prio-approval .req-group-count { background: var(--color-warning); color: var(--color-btn-text); }

/* ----- HILFE-ARTIKEL IN DIE ANTWORT ----- */
.rq-kb-pop { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); }
.rq-kb-search { border-color: var(--color-border-soft); background: var(--color-wrapper-bg); }
.rq-kb-search i { color: var(--color-text-muted); }
.rq-kb-search input { color: var(--color-text); }
.rq-kb-search input::placeholder { color: var(--color-placeholder); }
.rq-kb-item:hover { background: var(--color-hover-soft); }
.rq-kb-item .t { color: var(--color-text); }
.rq-kb-item .c { color: var(--color-text-muted); }
.rq-kb-empty { color: var(--color-text-muted); }

/* ----- ANFRAGE-FORMULARE (.ra-*) ----- */
.wrapper.content.form .ra-card { background: var(--color-wrapper-bg); border-color: var(--color-border-soft); }
.wrapper.content.form .ra-head .ra-sub { color: var(--color-text-muted); }
.wrapper.content.form .ra-x { color: var(--color-text-muted); }
.wrapper.content.form .ra-hr { background: var(--color-divider); }
.wrapper.content.form .ra-lbl { color: var(--color-text-soft); }
.wrapper.content.form .ra-lbl .opt { color: var(--color-text-muted); }
.wrapper.content.form .ra-hint { color: var(--color-text-muted); }
.wrapper.content.form .ra-inp { border-color: var(--color-border-soft); background: var(--color-bg); color: var(--color-text); }
.wrapper.content.form .ra-seg { background: var(--color-bg); border-color: var(--color-border-soft); }
.wrapper.content.form .ra-seg .ra-seg-btn { background: transparent; color: var(--color-text-soft); }
.wrapper.content.form .ra-seg .ra-seg-btn.active { background: var(--color-primary-light-bg); color: var(--color-primary); }
.ra-dot.n { background: var(--color-prio-normal); }
.ra-dot.h { background: var(--color-prio-high); }
.ra-dot.l { background: var(--color-text-muted); }
.ra-prio-preview { background: var(--color-bg); border-color: var(--color-border-soft); border-left-color: var(--color-text-muted); color: var(--color-text-soft); }
.ra-prio-preview b { color: var(--color-text); }
.ra-prio-preview.prio-p1 { border-left-color: var(--color-prio-high); }
.ra-prio-preview.prio-p2 { border-left-color: var(--color-warning); }
.ra-prio-preview.prio-p3 { border-left-color: var(--color-prio-normal); }
.wrapper.content.form .ra-dd { background: var(--color-bg); border-color: var(--color-border-soft); box-shadow: 0 16px 40px var(--color-shadow-strong); }
.ra-urow:hover, .ra-dd .access-row:hover { background: var(--color-hover-soft); }
.ra-urow.empty, .ra-dd .access-row.empty { color: var(--color-text-muted); }
.ra-urow.empty:hover, .ra-dd .access-row.empty:hover { background: transparent; }
.ra-av, .ra-dd .access-avatar { background: var(--color-img-non-bg); color: var(--color-bg); }
.ra-un, .ra-dd .access-name { color: var(--color-text); }
.ra-ue, .ra-dd .access-email { color: var(--color-text-muted); }
.ra-chip-target { border-color: var(--color-border-soft); background: var(--color-bg); }
.ra-chip-x { color: var(--color-text-muted); }
.ra-chip-x:hover { background: var(--color-hover-soft); color: var(--color-text); }
.ra-acc-sel .access-chip { background: var(--color-bg); border-color: var(--color-border-soft); }
.ra-acc-sel .access-chip-avatar { background: var(--color-img-non-bg); color: var(--color-bg); }
.ra-acc-sel .access-chip-name { color: var(--color-text); }
.ra-acc-sel .access-chip-remove { color: var(--color-text-muted); }
.ra-acc-sel .access-chip-remove:hover { color: var(--color-text); }
.ra-dz { background: var(--color-bg); border-color: var(--color-border-soft); color: var(--color-text-muted); }
.ra-dz:hover, .ra-dz.over { border-color: var(--color-primary); background: var(--color-primary-light-bg); }
.ra-dz b { color: var(--color-primary); }
.ra-frow { background: var(--color-bg); border-color: var(--color-border-soft); }
.ra-fn { color: var(--color-text); }
.ra-fs { color: var(--color-text-muted); }
.ra-frow .ra-rm { color: var(--color-text-muted); }
.ra-frow .ra-rm:hover { background: var(--color-hover-soft); color: var(--color-text); }
.wrapper.content.form .ra-err { color: var(--color-error); }
.wrapper.content.form .ra-btn.ra-cta.disabled { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.ra-notice { background: var(--color-warning-bg); color: var(--color-text); }
.ra-notice i { color: var(--color-warning); }

/* ----- TICKETANSICHT NUTZER (.ut-*, .rq-* mit .ureq) ----- */
.content.request-detail.ureq .rq-person .sub { color: var(--color-text-muted); }
.content.request-detail.ureq .rq-reply-error { color: var(--color-error); }
.content.request-detail.ureq .ut-step .pt { border-color: var(--color-border-soft); background: var(--color-bg); }
.content.request-detail.ureq .ut-step::before { background: var(--color-border-soft); }
.content.request-detail.ureq .ut-step .d { color: var(--color-text-muted); }
.content.request-detail.ureq .ut-step.done .pt { border-color: var(--color-primary); background: var(--color-primary); }
.content.request-detail.ureq .ut-step.done::before { background: var(--color-primary); }
.content.request-detail.ureq .ut-step.current .pt { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-primary-light-bg); }
.content.request-detail.ureq .ut-step.todo .t { color: var(--color-text-muted); }
.content.request-detail.ureq .ut-feedback { background: var(--color-wrapper-bg); }
.content.request-detail.ureq .ut-fb-opt { border-color: var(--color-border-soft); }
.content.request-detail.ureq .ut-fb-opt:hover { border-color: var(--color-primary); }
.content.request-detail.ureq .ut-fb-thanks i { color: var(--color-success); }
.content.request-detail.ureq .ut-ordercta { background: var(--color-wrapper-bg); }
.content.request-detail.ureq .ut-ordercta .s { color: var(--color-text-muted); }
.content.request-detail.ureq .ut-ordercta .btn-order { background: var(--color-btn-bg); color: var(--color-btn-text); }
.content.request-detail.ureq .ut-ordercta .btn-order:hover { background: var(--color-btn-bg-hover); }
.content.request-detail.ureq .ut-ordercta .btn-order.disabled { background: var(--color-btn-disabled-bg); color: var(--color-btn-disabled-text); }
.content.request-detail.ureq .ut-ordercta .no-right { color: var(--color-text-muted); }
.content.request-detail.ureq .ut-appr.wait { background: var(--color-warning-bg); }
.content.request-detail.ureq .ut-appr.wait i { color: var(--color-warning); }
.content.request-detail.ureq .ut-appr.ok { background: var(--color-success-bg); }
.content.request-detail.ureq .ut-appr.ok i { color: var(--color-success); }
.content.request-detail.ureq .ut-appr.no { background: var(--color-error-bg); }
.content.request-detail.ureq .ut-appr.no i { color: var(--color-error); }
#accessDrawer #drwAccessResults .drw-acc:hover { background: var(--color-hover-soft); }
.content.request-detail.ureq .rq-card-h.rq-edit { color: var(--color-primary); }

/* ----- SUPPORTANFRAGEN MASTER (Ticketdetail) ----- */
.content.request-detail .rq-assign .wp-pick .wp { border-color: var(--color-border-soft); background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.content.request-detail .rq-assign .wp-pick .wp:hover { color: var(--color-text); border-color: var(--color-border); }
.content.request-detail .rq-assign .wp-pick .wp-empty { color: var(--color-text-muted); }
#actionDrawer #drwAccessResults .drw-acc:hover { background: var(--color-hover-soft); }
.content.request-detail .rq-card-h.rq-edit { color: var(--color-primary); }
.content.request-detail .rq-access.rq-access-list .rq-person .sub { color: var(--color-text-muted); }
.content.request-detail .ut-step .pt { border-color: var(--color-border-soft); background: var(--color-bg); }
.content.request-detail .ut-step::before { background: var(--color-border-soft); }
.content.request-detail .ut-step .d { color: var(--color-text-muted); }
.content.request-detail .ut-step.done .pt { border-color: var(--color-primary); background: var(--color-primary); }
.content.request-detail .ut-step.done::before { background: var(--color-primary); }
.content.request-detail .ut-step.current .pt { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-primary-light-bg); }
.content.request-detail .ut-step.todo .t { color: var(--color-text-muted); }
.content.request-detail .rq-offer-no { color: var(--color-text); }
.content.request-detail .rq-offer-no:hover { color: var(--color-primary); }
.content.request-detail .rq-offer-no i { color: var(--color-text-muted); }
.content.request-detail .rq-offer-src { color: var(--color-text-muted); }
.content.request-detail .rq-offer-link { color: var(--color-primary); }
.req-more { border-color: var(--color-border-soft); background: var(--color-wrapper-bg); color: var(--color-text-soft); }
.req-more:hover { border-color: var(--color-primary); color: var(--color-primary); }
.req-more-note { color: var(--color-text-muted); }
.content.request-detail .rq-erp-item { background: var(--color-bg); border-color: var(--color-border-soft); }
.content.request-detail .rq-erp-item.link:hover { border-color: var(--color-primary); }
.content.request-detail .rq-erp-name { color: var(--color-text); }
.content.request-detail .rq-erp-status { background: var(--color-badge-bg); color: var(--color-text-muted); }
.content.request-detail .rq-erp-status.ok { color: var(--color-success); }
.content.request-detail .rq-erp-status.err { color: var(--color-error); }
.content.request-detail .rq-erp-status.info { color: var(--color-primary); }
.content.request-detail .rq-erp-meta { color: var(--color-text-muted); }
.rq-drawer .rq-note.triage { border-left-color: var(--color-border-soft); }
.rq-drawer .rq-note.triage .nm .corr { color: var(--color-error); }

/* ----- WORKPOOLS (.wp-*) ----- */
.wp-kpis .kpi { background: var(--color-bg); border-color: var(--color-border-soft); }
.wp-kpis .kpi .val { color: var(--color-text); }
.wp-kpis .kpi .lbl { color: var(--color-text-muted); }
.wp-hint { color: var(--color-text-muted); }
.wp-item { border-color: var(--color-border-soft); background: var(--color-bg); }
.wp-head:hover { background: var(--color-hover-soft); }
.wp-chev { color: var(--color-text-muted); }
.wp-name { color: var(--color-text); }
.wp-flag { background: var(--color-badge-bg); color: var(--color-text-muted); }
.wp-num { color: var(--color-text-muted); }
.wp-num b { color: var(--color-text); }
.wp-num.alert b { color: var(--color-error); }
.wp-body { border-top-color: var(--color-border-soft); }
.wp-field label { color: var(--color-text-soft); }
.wp-field label span { color: var(--color-text-muted); }
.wp-field textarea { border-color: var(--color-border-soft); background: var(--color-wrapper-bg); color: var(--color-text); }
.wp-field textarea:focus { border-color: var(--color-primary); }
.wp-len { color: var(--color-text-muted); }
.wp-len.over { color: var(--color-error); }
.wp-msg { color: var(--color-text-muted); }
.wp-msg.err { color: var(--color-error); }
.wp-msg.ok { color: var(--color-success); }
.wp-corr .row { border-color: var(--color-border-soft); background: var(--color-bg); }
.wp-corr .row .t { color: var(--color-text); }
.wp-corr .row .m { color: var(--color-text-muted); }
.wp-corr .row .m .from { color: var(--color-error); }
.wp-corr .row .m .to { color: var(--color-success); }
.wp-empty { color: var(--color-text-muted); }

/* ----- ANFRAGEN-LISTE NUTZER ----- */
.req-loadmore .lm-inner { color: var(--color-text-muted); }
.req-loadmore .spin { border-color: var(--color-border-soft); border-top-color: var(--color-primary); }
/* ----- SICHERHEIT: GEO-CACHING ----- */
/* Laender OHNE Adressen bleiben neutral; die vier Stufen setzen sich davon
   deutlich ab - sonst sieht man nicht, welche Laender ueberhaupt dabei sind. */
:root { --geo-empty: #dfe3e8; --geo-s1: #b9d0f9; --geo-s2: #7ea9f4; --geo-s3: #4a85f0; --geo-s4: #1c5fd8; }
.geo-map .jvm-region { stroke: var(--color-bg); }
.jvm-tooltip { background: #1f2430; color: #fff; }
.geo-legend { color: var(--color-text-muted); }
.geo-chip { background: var(--color-badge-bg); color: var(--color-text-soft); }
.geo-chip button { color: var(--color-text-muted); }
.geo-chip button:hover { color: var(--color-text); }
.geo-toolbar .geo-title span { color: var(--color-text-muted); }

/* ----- SICHERHEIT: GEO-CACHING, DETAILFENSTER ----- */
.geo-detail .gd-place { color: var(--color-text); }
.geo-detail .gd-note { color: var(--color-text-muted); }
.geo-detail .gd-meta .k { color: var(--color-text-muted); }
.geo-detail .gd-meta .v { color: var(--color-text); }
.geo-detail .gd-title { color: var(--color-text); }
.geo-detail .gd-title span { color: var(--color-text-muted); }
.geo-detail .gd-row { border-bottom-color: var(--color-border-soft); }
.geo-detail .gd-row .who .n { color: var(--color-text); }
.geo-detail .gd-row .who .s { color: var(--color-text-muted); }
.geo-detail .gd-row .last { color: var(--color-text-muted); }
.geo-detail .gd-empty { color: var(--color-text-muted); }

/* ----- SICHERHEIT: SPERRLISTE ----- */
/* Rote Stufen - jeder Eintrag ist eine Sperre, die Farbe soll das sagen.
   Laender ohne Eintrag bleiben neutral (--geo-empty aus dem Geo-Abschnitt). */
:root { --blk-1: #f5cfd4; --blk-2: #e79ba6; --blk-3: #d8606f; --blk-4: #b32a3c; }
.block.table.sec-blk .table-rows.inactive .access-badge { opacity: .8; }

/* ----- SICHERHEIT: ANMELDEVERLAUF ----- */
.block.table.sec-log .log-dot.ok { background: var(--color-success); }
.block.table.sec-log .log-dot.bad { background: var(--color-error); }
.block.table.sec-log .table-rows>div .log-err { color: var(--color-error); font-size: 12px; }