:root {
  /* Basis */
  --color-bg: #131313;
  --color-text: #fff;
  --color-text-muted: rgba(243,243,243,.4);
  --color-text-soft: rgba(243,243,243,.6);
  --color-text-softer: rgba(243,243,243,.02);
  --color-border: rgba(243,243,243,.8);
  --color-border-soft: rgba(243,243,243,.08);
  --color-hover-soft: rgba(243,243,243,.06);
  --color-hover-softer: rgba(243,243,243,.02);
  --color-tag-bg: #222223;
  --color-tag-bg-strong: #565656;
  --color-badge-bg: #343434;
  --color-placeholder: #a0a0a0;
  --color-input-border: rgba(243,243,243,.08);
  --color-skeleton: #1b1b1b;
  --color-skeleton-shine: rgba(243,243,243,.9);
  --color-wrapper-bg: #222223;
  --color-img-non-bg: #fff;
  --color-img-non-text: #111;

  /* Brand / Akzente */
  --color-primary: #2b73f3;
  --color-primary-hover: #2769dd;
  --color-link: #2b73f3;

  /* Status */
  --color-error: #e6727e;
  --color-warning: #ff8f00;
  --color-warning-bg: #ff8f0026;
  --color-success: #81d781;
  --color-success-bg: #65c96526;
  --color-prio-low: #81d781;
  --color-prio-medium: #fccd3e;
  --color-prio-high: #e6727e;
  --color-prio-row-border: rgba(243,243,243,.08);
  --color-prio-delimiter: #c5c5cd;
  --color-prio-tag-bg: #343434;
  --color-prio-text: #cdcdcd;
  --color-prio-sidebar-tag-active: #6adbb2;

  /* Button */
  --color-btn-bg: #2b73f3;
  --color-btn-bg-hover: #2769dd;
  --color-btn-text: #fff;
  --color-btn-bg-alt: #222223;
  --color-btn-bg-hover-alt: #29292a;
  --color-btn-text-alt: #fff;
  --color-btn-disabled-text: #8594a2;
  --color-btn-disabled-bg: #dfe7ef;
  --color-btn-outline-border: #2b73f3;
  --color-btn-outline-text: #fff;

  /* Header / Logo */
  --color-header-bg: #131313;
  --color-header-border: rgba(243,243,243,.08);
  --color-header-underline: #fff;
  --color-logo-main: #fff;
  --color-logo-secondary: #fff;
  --color-logo-black: #fff;
  --color-notification-icon-bg: #364fcd;

  /* Login */
  --color-login-info-bg: #364fcd;
  --color-login-info-text: #fff;
  --color-login-app-bg: #131313;
  --color-login-title-text: #c5c5cd;
  --color-login-body-text: #c5c5cd;
  --color-login-ms-bg: #2a2932;
  --color-login-ms-hover-bg: #31303a;

  /* Misc */
  --color-search-icon: #c5c5cd;
  --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(0,0,0,.5);
  --color-shadow-soft: rgba(0,0,0,.05);
  --color-shadow-strong: rgba(0,0,0,.18);
  --color-unsupported-bg: #222;
  --color-requests-row-bg: #131313;
  --color-requests-sidebar-bg: #222223;
}

/* ----------     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); }
.btn:hover { background: var(--color-btn-bg-hover); }
.btn.alt { background: var(--color-btn-bg-alt); color: var(--color-btn-text-alt); }
.btn.alt:hover { background: var(--color-btn-bg-hover-alt); } 
.btn.disabled { cursor: not-allowed !important; 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.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); }
.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-wrapper-bg); border: 1px solid var(--color-border-soft); }
.select .custom-select.filter .select-dropdown { background: var(--color-wrapper-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-border-soft); }
.select .custom-select .select-dropdown { background: var(--color-wrapper-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-wrapper-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(243,243,243,0) 0%, var(--color-skeleton-shine) 50%, rgba(243,243,243,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-white); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle { border: 1px solid var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle.active { border: 1px solid var(--color-border-soft); background: var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle .number { background: var(--color-border-soft); }
.wrapper .container .content .blocks .block-wrapper .line .btns .toggle.active .number { background: var(--color-primary); color: var(--color-text); }
.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: none; }
.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-muted); }
.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); border: none; }
.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); }
.wrapper.start .container-app { background: var(--color-login-app-bg); }
.wrapper.start .container-app .app .title.small { color: var(--color-login-title-text); }
.wrapper.start .container-app .app .text { color: var(--color-login-body-text); }
.wrapper.start .container-app .app .form .app-microsoft { background: var(--color-login-ms-bg); }
.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, .logo .svg .st1, .logo .svg .st2 { fill: var(--color-logo-main); }
.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: rgba(243,243,243,.3); }
.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); }
.header .user .link .notifications .content .notification-list .notification-item .notification-body .notification-meta { color: rgba(243,243,243,.3); }
.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-wrapper-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 { overflow: hidden; }
.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); }

.content.request-detail { background: var(--color-bg); }
.content.request-detail .request-layout .request-contact { border-right: 1px solid var(--color-border-soft); }
.content.request-detail .request-layout .request-contact .request-header { border-bottom: 1px solid var(--color-border-soft); }
.content.request-detail .request-layout .request-contact .request-header .info .data .role { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-contact .request-header .info .data .customer { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-contact .request-header .rights .tags .tag { color: var(--color-text-muted); background: var(--color-wrapper-bg); }
.content.request-detail .request-layout .request-contact .request-user-wrapper .request-user .items .item .value { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-contact .request-user-wrapper .request-user .items .item .value a { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-contact .request-user-wrapper .request-user .items .item .value a:hover { color: var(--color-text); }

.content.request-detail .request-layout .request-main .request-top { border-bottom: 1px solid var(--color-border-soft); }
.content.request-detail .request-layout .request-main .request-top .badge { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-main .request-chat { background: var(--color-wrapper-bg); }
.content.request-detail .request-layout .request-main .request-chat .conversation-body .message.right .comment .body { background: var(--color-primary); color: var(--color-white); }
.content.request-detail .request-layout .request-main .request-chat .conversation-body .message .comment .meta { color: var(--color-text-muted); }
.content.request-detail .request-layout .request-main .request-chat .conversation-body .message .comment .body { background: var(--color-bg); }
.content.request-detail .request-layout .request-main .request-reply { border-top: 1px solid var(--color-border-soft); }
.content.request-detail .request-layout .request-main .request-reply .reply-body textarea { background: var(--color-wrapper-bg); border: none; color: var(--color-white); }
.content.request-detail .request-layout .request-main .request-reply .reply-body textarea:focus { outline: none; }
.content.request-detail .request-layout .request-main .request-reply .reply-footer .dropzone { border: 1px dashed var(--color-border-soft); }

.content.request-detail .request-layout .request-sidebar { border-left: 1px solid var(--color-border-soft); }
/*? ----------     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.06); }
.device-card-header .badge { background: var(--color-wrapper-bg); }
.device-card-body .row span:first-child { color: var(--color-text-muted); }
/*? ----------     MANAGEMENT     ---------- */

/* ----------     ACCOUNT DEVICES     ---------- */
.acc-devices-grid .device-card { background: var(--color-wrapper-bg); }
.acc-devices-grid .device-card:hover { box-shadow: 0 4px 14px rgba(0,0,0,.05); }
.acc-devices-grid .device-card .device-top .device-icon { background: var(--color-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: var(--color-text-soft); background: var(--color-hover-soft); }

.acc-agreements .agreement-item { border-top: 1px solid var(--color-border-soft); }
.acc-agreements .agreement-item.link:hover { background: var(--color-hover-soft); }
.acc-agreements .agreement-item .agreement-icon { background: rgba(43,115,243,.16); 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: rgba(43,115,243,.16); 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); }
/*? ----------     STATS     ---------- */

/* ----------     SERVICES     ---------- */
.wrapper .container .content.services .blocks .block-wrapper .wrapper .content .hint { color: var(--color-text-muted); }
/*? ----------     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 .priority-group .priority-btn { border: 1px solid var(--color-border-soft); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .priority-group .priority-btn:hover { background: var(--color-primary); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .priority-group .priority-btn.active { border-color: var(--color-primary); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .priority-group .priority-btn .priority-dot.priority-dot-low { background: var(--color-prio-low); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .priority-group .priority-btn .priority-dot.priority-dot-medium { background: var(--color-prio-medium); }
.wrapper.content.form .container .content .blocks .block-wrapper .block .block-inner .block-info .input-group .priority-group .priority-btn .priority-dot.priority-dot-high { background: var(--color-prio-high); }

.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-bg); }
.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-wrapper-bg); color: var(--color-white); }
.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-white); }

.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-border-soft); }
.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-white); }
/*? ----------     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.1); }
.wrapper.service .service-inner .service-text .service-btn:hover { border-color: var(--color-border); box-shadow: 0 8px 20px rgba(15,23,42,0.15); }
/*? ----------     SERVICE/CODE PAGE     ---------- */