@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');

@font-face {
  font-family: "VKSans";
  src: url("/static/fonts/VKSansDisplay-Regular.ttf");
}

body {
    font-family: "VKSans" !important;
}

[x-cloak]:not(html):not(body) {
    display: none !important;
}

body.change-list #changelist-filter[x-cloak] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.id-chip,
.data-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 11px;
    width: max-content;
    border-radius: 999px;
    border: 1px solid #ece4ff;
    background: #f8f5ff;
    color: #8b79b2;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.js-inline-id-value {
    margin-right: 6px;
}

.js-inline-copy-id {
    border: 0;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    border-radius: 6px;
    color: #765bb0;
}

.js-inline-copy-id:hover {
    background: rgba(129, 95, 208, 0.12);
    color: #5b3ca8;
}

.js-inline-copy-id .material-symbols-outlined {
    font-size: 16px;
}

.js-inline-copy-id.inline-copy-done {
    color: #16a34a;
}

.js-inline-copy-id.inline-copy-done .material-symbols-outlined {
    color: #16a34a !important;
}

.js-inline-editable {
    cursor: pointer;
    border-radius: 8px;
    transition: background-color .15s ease;
    min-height: 24px;
}

.js-inline-editable:hover {
    background: rgba(37, 99, 235, 0.08);
}

.inline-edit-control {
    width: 100%;
    min-width: 120px;
    max-width: 280px;
    height: 32px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0 10px;
    background: #fff;
    font-size: 14px;
}

.inline-edit-control:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15);
}

.inline-edit-busy {
    opacity: 0.65;
}

.inline-edit-error {
    box-shadow: 0 0 0 2px rgba(239, 68, 68, .25);
}

.comment-empty {
    color: #b3b3b3;
}

tbody tr:hover {
    background: linear-gradient(81deg, rgb(124 185 232 / 0%) 2%, rgb(0 91 255 / 16%) 49%, rgb(213 237 251 / 30%) 89%);
}

table tr.selected td, table tr.selected th {
    background-color: #0040ff1a !important;
}

.group:has(input.action-select:checked) .group-has-\[input\.action-select\:checked\]\:flex {
    background: linear-gradient(180deg, #7fa8cf 0%, #709bc5 100%) !important;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.status-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    opacity: 0.9;
    flex: 0 0 auto;
}

.status_unknown,
.status_afk,
.status_double {
    border-color: #d6dae3;
    background: #f3f4f6;
    color: #5f6675;
}

.status_new {
    border-color: #d6e3f2;
    background: #f1f6fb;
    color: #4f6e93;
}

.status_deposit {
    border-color: #9dd7f3;
    background: #def3ff;
    color: #0b6e99;
}

.status_understanding {
    border-color: #f7e29c;
    background: #fff8dd;
    color: #8a6a16;
}

.status-chip-multiline {
    white-space: normal;
    max-width: 112px;
    line-height: 1.1;
    justify-content: center;
    text-align: center;
}

.status-chip-multiline .status-dot {
    margin-top: 1px;
}

.status_work {
    border-color: #8fe3a4;
    background: #e6fbe9;
    color: #15803d;
}

.status_register {
    border-color: #ffc98c;
    background: #fff1e2;
    color: #b45309;
}

.date-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #5a7282;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.date-chip-empty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #8fa3af;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.geo-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 40px;
    max-width: 260px;
    padding: 6px 11px;
    border-radius: 12px;
    border: 1px solid #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #5a7282;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.geo-chip-empty {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 40px;
    width: 120px;
    padding: 6px 11px;
    border-radius: 12px;
    border: 1px solid #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #8fa3af;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.user-chip {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 40px;
    max-width: 200px;
    padding: 6px 11px;
    border-radius: 12px;
    border: 1px solid #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #5a7282;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.user-chip-main {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-chip-main-row {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    min-width: 0;
}

.user-chip-main-text {
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.js-inline-copy-username {
    flex: 0 0 auto;
    margin-left: 2px;
    padding: 1px;
}

.js-inline-copy-username .material-symbols-outlined {
    font-size: 14px;
}

.user-chip-sub {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 700;
    color: #7a90a0;
    line-height: 1.1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.geo-country {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.1;
}

.geo-city {
    margin-top: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #7a90a0;
    line-height: 1.1;
}

.channel-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    max-width: 150px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid #dfe5ee;
    background: #eef2f6;
    color: #4a5d75;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.channel-chip img {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    flex: 0 0 auto;
}

body.model-client #result_list td {
    overflow: hidden;
}

body.model-client #result_list td .id-chip,
body.model-client #result_list td .data-wrapper,
body.model-client #result_list td .user-chip,
body.model-client #result_list td .status-chip,
body.model-client #result_list td .date-chip,
body.model-client #result_list td .geo-chip,
body.model-client #result_list td .comment-chip,
body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip,
body.model-client #result_list td .capital-chip {
    max-width: 100%;
    min-width: 0;
}

/* Hard fit mode for client table width */
body.model-client #result_list {
    width: 100% !important;
    table-layout: fixed !important;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

body.model-client th.column-display_id,
body.model-client td.field-display_id { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
body.model-client th.column-display_username,
body.model-client td.field-display_username { width: 160px !important; min-width: 160px !important; max-width: 160px !important; }
body.model-client th.column-display_status,
body.model-client td.field-display_status { width: 92px !important; }
body.model-client th.column-display_deposit,
body.model-client td.field-display_deposit { width: 62px !important; }
body.model-client th.column-display_geo,
body.model-client td.field-display_geo { width: 116px !important; }
body.model-client th.column-display_comment,
body.model-client td.field-display_comment { width: 76px !important; max-width: 76px !important; }
body.model-client th.column-display_created_date,
body.model-client td.field-display_created_date,
body.model-client th.column-display_subscribed_date,
body.model-client td.field-display_subscribed_date { width: 78px !important; }
body.model-client th.column-display_domain,
body.model-client td.field-display_domain { width: 130px !important; }
body.model-client th.column-display_channel,
body.model-client td.field-display_channel { width: 138px !important; }

body.model-client #result_list thead th,
body.model-client #result_list tbody td {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    max-width: 128px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.channel-chip-enigma {
    border-color: #e6db9f;
    background: #f7f0c9;
    color: #5f4b00;
}

.channel-chip-cryptolab {
    border-color: #d4c0ff;
    background: #eee6ff;
    color: #5f3a9b;
}

.channel-chip-shark {
    border-color: #b8d4ff;
    background: #e6f0ff;
    color: #1f4f99;
}

.domain-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    max-width: 150px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #dfe5ee;
    background: #eef2f6;
    color: #4a5d75;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.domain-chip-enigma {
    border-color: #ebe2b1;
    background: #f9f4d9;
    color: #6a570a;
}

.domain-chip-cryptolab {
    border-color: #decfff;
    background: #f3edff;
    color: #6949a5;
}

.domain-chip-shark {
    border-color: #c7dbff;
    background: #edf4ff;
    color: #2d5da6;
}

.comment-chip {
    display: -webkit-inline-box;
    min-height: 30px;
    max-width: 280px;
    padding: 6px 11px;
    border-radius: 999px;
    border: 1px solid #deedf0;
    background: #f2f9fa;
    color: #5a7282;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.01em;
    white-space: normal;
    line-height: 1.15;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.comment-chip-empty {
    min-width: 34px;
    color: #8fa3af;
}

body.model-client th.column-display_comment,
body.model-client td.field-display_comment {
    width: 190px;
    max-width: 190px;
}

body.model-client td.field-display_comment .js-inline-comment {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
}

body.model-client #result_list tbody tr td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%);
    border-top: 0;
    border-bottom: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

body.model-client #result_list tbody tr td:first-child {
    border-left: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

body.model-client #result_list tbody tr td:last-child {
    border-right: 0;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}

body.model-client #result_list,
body.model-client #result_list tbody,
body.model-client #result_list tr,
body.model-client #result_list td {
    border: 0 !important;
    box-shadow: none !important;
}

body.model-client #result_list {
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    table-layout: fixed;
    width: 100%;
}

body.model-client #result_list tbody tr,
body.model-client #result_list tbody tr td {
    outline: 0 !important;
    background-image: none !important;
}

body.model-client #result_list tbody td::before,
body.model-client #result_list tbody td::after,
body.model-client #result_list tbody tr::before,
body.model-client #result_list tbody tr::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.model-client th.column-display_id,
body.model-client td.field-display_id {
    width: 136px;
    min-width: 136px;
    max-width: 136px;
}

body.model-client th.column-display_username,
body.model-client td.field-display_username {
    width: 170px;
    min-width: 170px;
    max-width: 170px;
}

body.model-client th.column-display_status,
body.model-client td.field-display_status {
    width: 104px;
}

body.model-client th.column-display_deposit,
body.model-client td.field-display_deposit {
    width: 74px;
}

body.model-client th.column-display_geo,
body.model-client td.field-display_geo {
    width: 120px;
}

body.model-client th.column-display_comment,
body.model-client td.field-display_comment {
    width: 100px;
    max-width: 100px;
}

body.model-client th.column-display_created_date,
body.model-client td.field-display_created_date,
body.model-client th.column-display_subscribed_date,
body.model-client td.field-display_subscribed_date {
    width: 84px;
}

body.model-client th.column-display_domain,
body.model-client td.field-display_domain {
    width: 150px;
}

body.model-client th.column-display_channel,
body.model-client td.field-display_channel {
    width: 150px;
}

body.model-client #result_list thead th {
    background: #e7f0fb;
    border-top: 1px solid #bfd6ee;
    border-bottom: 1px solid #bfd6ee;
    color: #2f4f6e;
    font-weight: 800;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td {
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    text-align: center;
    padding-left: 6px;
    padding-right: 6px;
}

body.model-client #result_list thead th:first-child {
    border-left: 1px solid #bfd6ee;
    border-top-left-radius: 14px;
    border-bottom-left-radius: 14px;
}

body.model-client #result_list thead th:last-child {
    border-right: 1px solid #bfd6ee;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
}

/* Sidebar redesign: premium minimal glass capsules */
#nav-sidebar {
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.92) 0%, rgba(244, 248, 253, 0.88) 100%);
    border: 1px solid #d9e5f2 !important;
    border-radius: 24px;
    box-shadow: 0 12px 30px rgba(40, 72, 112, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.75);
    margin: 10px 8px 10px 10px;
    padding: 14px 10px 16px;
    max-height: calc(100vh - 20px);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#nav-sidebar .module {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 12px;
}

#nav-sidebar .module table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 8px;
}

#nav-sidebar .module caption,
#nav-sidebar .module th {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#nav-sidebar .module caption a,
#nav-sidebar .module th.section,
#nav-sidebar .module th a,
#nav-sidebar .current-app .section {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px !important;
    border-radius: 999px;
    background: rgba(238, 245, 252, 0.82);
    border: 1px solid #d7e5f3;
    color: #5f7892;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
}

#nav-sidebar .module td,
#nav-sidebar .module tbody tr td,
#nav-sidebar .module tbody tr th {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

#nav-sidebar .module td a,
#nav-sidebar .module th a:not(.section),
#nav-sidebar .current-app td a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 9px;
    width: 100%;
    min-height: 44px;
    padding: 0 14px !important;
    border-radius: 999px;
    border: 1px solid #d7e5f3;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.92) 0%, rgba(240, 247, 252, 0.88) 100%);
    color: #486580;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
    transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

#nav-sidebar .module td a:hover,
#nav-sidebar .module th a:not(.section):hover,
#nav-sidebar .current-app td a:hover {
    background: linear-gradient(180deg, rgba(241, 249, 255, 0.96) 0%, rgba(232, 242, 251, 0.92) 100%);
    border-color: #c3d9ef;
    color: #2f5d88;
    box-shadow: 0 6px 14px rgba(46, 96, 157, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

#nav-sidebar .current-model {
    background: transparent !important;
}

#nav-sidebar .current-model td a,
#nav-sidebar .current-model th a:not(.section),
#nav-sidebar .current-model .section {
    border-color: #a9cdf5 !important;
    background: linear-gradient(180deg, #eaf4ff 0%, #deedff 100%) !important;
    color: #2a6ebf !important;
    box-shadow: 0 8px 16px rgba(40, 101, 173, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

#nav-sidebar .module td a .material-symbols-outlined,
#nav-sidebar .module th a .material-symbols-outlined {
    font-size: 21px;
}

/* Sidebar hard override for Unfold markup variations */
#nav-sidebar .module a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    border: 1px solid #d7e5f3 !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.94) 0%, rgba(240, 247, 252, 0.90) 100%) !important;
    color: #486580 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

#nav-sidebar .module a:hover {
    background: linear-gradient(180deg, rgba(241, 249, 255, 0.98) 0%, rgba(232, 242, 251, 0.94) 100%) !important;
    border-color: #c3d9ef !important;
    color: #2f5d88 !important;
    box-shadow: 0 6px 14px rgba(46, 96, 157, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

#nav-sidebar .module tr.current-model a,
#nav-sidebar .module .current-model a,
#nav-sidebar .current-model a {
    border-color: #a9cdf5 !important;
    background: linear-gradient(180deg, #eaf4ff 0%, #deedff 100%) !important;
    color: #2a6ebf !important;
    box-shadow: 0 8px 16px rgba(40, 101, 173, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

#nav-sidebar .module caption,
#nav-sidebar .module th,
#nav-sidebar .module th.section {
    border-radius: 999px !important;
    background: rgba(238, 245, 252, 0.82) !important;
    border: 1px solid #d7e5f3 !important;
    color: #5f7892 !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

/* ===== Client table: strict header/body column alignment ===== */
body.model-client #result_list {
    table-layout: fixed !important;
    width: 100% !important;
}

/* Use one spacing system for both header and body cells */
body.model-client #result_list thead th,
body.model-client #result_list tbody td,
body.model-client #result_list tbody th {
    box-sizing: border-box !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    text-align: left !important;
    vertical-align: middle !important;
}

/* First two body columns can be rendered as TH/TD depending on admin template */
body.model-client #result_list tr > :nth-child(1) { width: 3% !important; }
body.model-client #result_list tr > :nth-child(2) { width: 11% !important; }
body.model-client #result_list tr > :nth-child(3) { width: 14% !important; }
body.model-client #result_list tr > :nth-child(4) { width: 9% !important; }
body.model-client #result_list tr > :nth-child(5) { width: 6% !important; }
body.model-client #result_list tr > :nth-child(6) { width: 11% !important; }
body.model-client #result_list tr > :nth-child(7) { width: 7% !important; }
body.model-client #result_list tr > :nth-child(8) { width: 6.5% !important; }
body.model-client #result_list tr > :nth-child(9) { width: 6.5% !important; }
body.model-client #result_list tr > :nth-child(10) { width: 13% !important; }
body.model-client #result_list tr > :nth-child(11) { width: 13% !important; }

/* Keep checkbox column centered in both header and body */
body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox,
body.model-client #result_list tbody th.action-checkbox {
    text-align: center !important;
}

/* Prevent inner wrappers in headers from shifting text off the grid */
body.model-client #result_list thead th > *,
body.model-client #result_list thead th > * > * {
    margin: 0 !important;
    transform: none !important;
}

/* Fine alignment: move "Комментарий" header slightly left over dash values */
body.model-client #result_list thead th.column-display_comment {
    padding-left: 2px !important;
}

/* ===== Sidebar final hard override (works with table/ul/nav variants) ===== */
#nav-sidebar {
    background: linear-gradient(180deg, #fbfdff 0%, #f5f9fd 100%) !important;
    border: 1px solid #d8e5f2 !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 28px rgba(44, 78, 118, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    padding: 14px 10px 16px !important;
}

#nav-sidebar .module,
#nav-sidebar nav,
#nav-sidebar ul,
#nav-sidebar table {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#nav-sidebar .module caption,
#nav-sidebar .module th.section,
#nav-sidebar .module th,
#nav-sidebar .section-title,
#nav-sidebar .app-label {
    display: block !important;
    margin: 8px 4px 4px !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid #dce8f3 !important;
    background: rgba(239, 246, 252, 0.85) !important;
    color: rgba(73, 101, 127, 0.70) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

#nav-sidebar a,
#nav-sidebar .module td a,
#nav-sidebar .module th a,
#nav-sidebar li a,
#nav-sidebar nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 8px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid #d8e6f3 !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(240, 247, 252, 0.90) 100%) !important;
    color: #47617b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    transition: all .16s ease !important;
}

#nav-sidebar a:hover,
#nav-sidebar .module td a:hover,
#nav-sidebar .module th a:hover,
#nav-sidebar li a:hover,
#nav-sidebar nav a:hover {
    border-color: #c4d9ed !important;
    background: linear-gradient(180deg, rgba(242, 249, 255, 0.98) 0%, rgba(233, 243, 251, 0.94) 100%) !important;
    color: #2e5a83 !important;
    box-shadow: 0 6px 14px rgba(46, 96, 157, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

#nav-sidebar .current-model a,
#nav-sidebar tr.current-model a,
#nav-sidebar .active a,
#nav-sidebar a[aria-current="page"] {
    border-color: #a9cdf5 !important;
    background: linear-gradient(180deg, #eaf4ff 0%, #deedff 100%) !important;
    color: #2a6ebf !important;
    box-shadow: 0 8px 16px rgba(40, 101, 173, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

#nav-sidebar .material-symbols-outlined,
#nav-sidebar svg {
    font-size: 20px !important;
}

/* Sidebar brand header: icon + title in one capsule, no text clipping */
#nav-sidebar > div:first-child,
#nav-sidebar > .sidebar-header,
#nav-sidebar > .branding {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 56px !important;
    margin: 2px 2px 10px !important;
    padding: 10px 14px !important;
    border-radius: 16px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(239, 247, 252, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

#nav-sidebar > div:first-child a,
#nav-sidebar > .sidebar-header a,
#nav-sidebar > .branding a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Force inner brand items to be plain (no separate capsules inside) */
#nav-sidebar > div:first-child > *,
#nav-sidebar > .sidebar-header > *,
#nav-sidebar > .branding > * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#nav-sidebar > div:first-child :is(a, button, [role="button"]),
#nav-sidebar > .sidebar-header :is(a, button, [role="button"]),
#nav-sidebar > .branding :is(a, button, [role="button"]) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

#nav-sidebar > div:first-child a:last-child,
#nav-sidebar > .sidebar-header a:last-child,
#nav-sidebar > .branding a:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #1f2f44 !important;
}

.capital-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.capital-chip-zero {
    border-color: #d9e9ee;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, rgba(241, 249, 250, 0.80) 100%);
    color: #5a7282;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68), 0 1px 2px rgba(36, 64, 94, 0.05);
}

.capital-chip-positive {
    border-color: #9fe2b1;
    background: #e8f9ed;
    color: #1d8a46;
}

.comment {
    font-size: 12px;
    color: #7b7b7b;
}

.channel {
    display: flex;
    width: max-content;
    justify-content: center;
    align-items: center;
}

.channel_space {
    background: #0c51f657;
    border-radius: 10px;
    padding: 8px;
}

.channel_enigma {
    background: #e1f60c57;
    border-radius: 10px;
    padding: 8px;
}

.channel_shark {
    background: #00BCD4;
    border-radius: 10px;
    padding: 8px;
}

.channel_cryptolab {
    background: #9e72d58a;
    border-radius: 10px;
    padding: 8px;
}

.channel_pulse {
    background: #ffc1077a;
    border-radius: 10px;
    padding: 8px;
}

.toplinks {
    flex-wrap: wrap;
}

body.model-domain #result_list {
    table-layout: fixed;
}

body.model-domain th.column-name,
body.model-domain td.field-name {
    width: 20%;
}

body.model-domain th.column-project,
body.model-domain td.field-project {
    width: 10%;
}

body.model-domain th.column-invite_link,
body.model-domain td.field-invite_link {
    width: 76px;
    white-space: nowrap;
}

body.model-domain th.column-domain_actions,
body.model-domain td.field-domain_actions {
    width: 58px;
    min-width: 58px;
    text-align: center;
    white-space: nowrap;
}

body.model-domain th.column-tracking_upload_link,
body.model-domain td.field-tracking_upload_link {
    width: 116px;
    min-width: 116px;
    text-align: center;
    white-space: nowrap;
}

body.model-domain th.column-tracking_health,
body.model-domain td.field-tracking_health {
    width: 118px;
    min-width: 118px;
    text-align: center;
    white-space: nowrap;
}

body.model-domain th.column-is_visible,
body.model-domain td.field-is_visible {
    width: 96px;
    min-width: 96px;
    white-space: nowrap;
    text-align: center;
}

body.model-domain th.column-sort_order,
body.model-domain td.field-sort_order {
    width: 84px;
    min-width: 84px;
    white-space: nowrap;
    text-align: center;
}

body.model-domain th.column-is_visible,
body.model-domain th.column-sort_order {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

body.model-domain th.column-is_visible > div,
body.model-domain th.column-sort_order > div,
body.model-domain th.column-is_visible a,
body.model-domain th.column-sort_order a,
body.model-domain th.column-is_visible span,
body.model-domain th.column-sort_order span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 100%;
}

body.model-domain td.field-is_visible {
    padding-left: 8px;
    padding-right: 8px;
}

body.model-domain td.field-is_visible > * {
    margin-left: auto;
    margin-right: auto;
}

body.model-domain td.field-sort_order {
    padding-left: 8px;
    padding-right: 8px;
}

body.model-domain td.field-sort_order input[type="number"] {
    width: 56px !important;
    min-width: 56px !important;
    margin: 0 auto;
    text-align: center;
}

/* ===== Domains: right filter drawer in unified CRM style ===== */
body.model-domain #changelist-filter {
    background: rgba(23, 37, 56, 0.30) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

body.model-domain #changelist-filter > div:last-child {
    width: 360px !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px !important;
    border-radius: 18px !important;
    border: 1px solid #dbe8f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(38, 70, 108, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.model-domain #changelist-filter .grow.h-full.overflow-auto.relative {
    padding: 10px !important;
}

body.model-domain #changelist-filter .flex.flex-col.grow.gap-4.overflow-auto {
    gap: 10px !important;
}

body.model-domain #changelist-filter .flex.flex-col.gap-4.px-3.py-2\\.5 {
    gap: 12px !important;
    padding: 2px 4px 6px !important;
}

body.model-domain #changelist-filter h3 {
    margin: 2px 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(63, 88, 114, 0.66) !important;
    letter-spacing: 0.01em !important;
}

body.model-domain #changelist-filter ul {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.model-domain #changelist-filter ul > li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.model-domain #changelist-filter ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 13px !important;
    border-radius: 13px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.90) 100%) !important;
    color: #4a637f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}

body.model-domain #changelist-filter ul > li:hover > a {
    border-color: #c8dbed !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
    color: #395978 !important;
}

body.model-domain #changelist-filter ul > li.text-primary-600 > a,
body.model-domain #changelist-filter ul > li.dark\\:text-primary-500 > a,
body.model-domain #changelist-filter ul > li.font-semibold > a {
    border-color: #bad6f1 !important;
    background: linear-gradient(180deg, rgba(233, 244, 255, 0.98) 0%, rgba(222, 237, 255, 0.94) 100%) !important;
    color: #245f9f !important;
    box-shadow: 0 6px 14px rgba(52, 108, 172, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* Facet counters/chips inside filter options: force visible and readable */
body.model-domain #changelist-filter ul > li > a > span {
    opacity: 1 !important;
}

body.model-domain #changelist-filter ul > li > a > span + span {
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    border: 1px solid #c9dbed !important;
    background: linear-gradient(180deg, #f6fbff 0%, #ebf4ff 100%) !important;
    color: #4e6986 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.model-domain #changelist-filter #changelist-filter-extra-actions,
body.model-domain #changelist-filter form > div:last-child {
    border-top: 0 !important;
}

body.model-domain #changelist-filter form > div:last-child {
    margin-top: 6px !important;
    padding: 8px 4px 2px !important;
    background: transparent !important;
}

body.model-domain #changelist-filter form > div:last-child button[type="submit"] {
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #9dc3ea !important;
    background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%) !important;
    color: #1f5f9f !important;
    box-shadow: 0 8px 16px rgba(59, 117, 182, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    font-weight: 700 !important;
}

body.model-domain #changelist-filter #changelist-filter-extra-actions a {
    min-height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #d5e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    color: #4b657f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

.datetimeshortcuts {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-left: 8px;
    vertical-align: middle;
}

.datetimeshortcuts > a:last-of-type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.datetimeshortcuts .today-shortcut-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 9999px;
    color: transparent !important;
    font-size: 0 !important;
    text-decoration: none;
}

.datetimeshortcuts .today-shortcut-link .today-shortcut-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.datetimeshortcuts .today-shortcut-link .today-shortcut-icon::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 9999px;
    box-shadow: inset 0 0 0 1.5px #98a2b3;
    background: radial-gradient(circle at center, #98a2b3 0 3px, transparent 3.2px);
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

.datetimeshortcuts .today-shortcut-link:hover .today-shortcut-icon,
.datetimeshortcuts .today-shortcut-link:focus .today-shortcut-icon {
    color: transparent;
}

.datetimeshortcuts .today-shortcut-link:hover .today-shortcut-icon::before,
.datetimeshortcuts .today-shortcut-link:focus .today-shortcut-icon::before {
    box-shadow: inset 0 0 0 1.5px #3b82f6;
    background: radial-gradient(circle at center, #3b82f6 0 3px, transparent 3.2px);
}

/* Final viewport-fit lock for client table */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td {
    box-sizing: border-box !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/* 11 columns including action checkbox */
body.model-client #result_list thead th:nth-child(1),
body.model-client #result_list tbody td:nth-child(1) { width: 3% !important; }
body.model-client #result_list thead th:nth-child(2),
body.model-client #result_list tbody td:nth-child(2) { width: 11% !important; }
body.model-client #result_list thead th:nth-child(3),
body.model-client #result_list tbody td:nth-child(3) { width: 14% !important; }
body.model-client #result_list thead th:nth-child(4),
body.model-client #result_list tbody td:nth-child(4) { width: 9% !important; }
body.model-client #result_list thead th:nth-child(5),
body.model-client #result_list tbody td:nth-child(5) { width: 6% !important; }
body.model-client #result_list thead th:nth-child(6),
body.model-client #result_list tbody td:nth-child(6) { width: 11% !important; }
body.model-client #result_list thead th:nth-child(7),
body.model-client #result_list tbody td:nth-child(7) { width: 7% !important; }
body.model-client #result_list thead th:nth-child(8),
body.model-client #result_list tbody td:nth-child(8) { width: 6.5% !important; }
body.model-client #result_list thead th:nth-child(9),
body.model-client #result_list tbody td:nth-child(9) { width: 6.5% !important; }
body.model-client #result_list thead th:nth-child(10),
body.model-client #result_list tbody td:nth-child(10) { width: 13% !important; }
body.model-client #result_list thead th:nth-child(11),
body.model-client #result_list tbody td:nth-child(11) { width: 13% !important; }

body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* Remove outer frame around client table container */
body.model-client #changelist,
body.model-client #changelist.module,
body.model-client #changelist .changelist-form-container,
body.model-client #changelist-form,
body.model-client #changelist-form .results {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Restore rounded row capsules (only rows, not outer container frame) */
body.model-client #result_list {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list tbody tr td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%) !important;
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

/* Keep checkbox cell in exactly same tone as row capsule */
body.model-client #result_list tbody td.action-checkbox {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%) !important;
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

body.model-client #result_list tbody tr td:first-child {
    border-left: 0 !important;
    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px !important;
}

body.model-client #result_list tbody tr td:last-child {
    border-right: 1px solid #d7e6f3 !important;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}

/* Keep left part of row capsule consistent on every row */
body.model-client #result_list tbody td.action-checkbox,
body.model-client #result_list tbody td.field-display_id {
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
}

/* Remove visible outer window/frame edges (keep row capsules) */
body.model-client #result_list thead th {
    border-top: 0 !important;
}

body.model-client #result_list thead th:first-child {
    border-left: 0 !important;
}

body.model-client #result_list thead th:last-child {
    border-right: 0 !important;
}

/* Force ID column to use the same row-capsule surface */
body.model-client #result_list tbody td.field-display_id,
body.model-client #result_list tbody td.action-checkbox {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%) !important;
    background-color: rgba(244, 250, 255, 0.70) !important;
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
}

/* Disable sticky white layer on first columns (causes white ID cell blocks) */
body.model-client #result_list thead th:nth-child(1),
body.model-client #result_list thead th:nth-child(2),
body.model-client #result_list tbody td:nth-child(1),
body.model-client #result_list tbody td:nth-child(2) {
    position: relative !important;
    left: auto !important;
    z-index: 1 !important;
}

/* Hard lock uniform row surface for ID column */
body.model-client #result_list tbody td:nth-child(2) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%) !important;
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
}

/* Django renders first data column as TH in tbody -> force same row surface for ID cell */
body.model-client #result_list tbody th.field-display_id,
body.model-client #result_list tbody tr > th:nth-child(2) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.82) 0%, rgba(244, 250, 255, 0.70) 100%) !important;
    background-color: rgba(244, 250, 255, 0.70) !important;
    border-top: 1px solid #d7e6f3 !important;
    border-bottom: 1px solid #d7e6f3 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
    text-align: left !important;
}

body.model-client #result_list tbody th.field-display_id a,
body.model-client #result_list tbody tr > th:nth-child(2) a {
    background: transparent !important;
}

/* Header must sit exactly above body columns */
body.model-client #result_list thead th,
body.model-client #result_list tbody td {
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    text-align: center !important;
}

/* Slightly larger domain/channel chips, still viewport-safe */
body.model-client #result_list td .domain-chip {
    font-size: 13px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-height: 34px !important;
}

body.model-client #result_list td .channel-chip {
    font-size: 14px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
}

/* ===== Top controls on Clients page: unified capsule style ===== */
body.model-client #changelist-search,
body.model-client #toolbar,
body.model-client #toolbar form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.model-client #changelist-search form {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 9999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    overflow: hidden !important;
    padding: 0 8px 0 0 !important;
}

/* Unfold puts search UI inside inner div -> make THIS div a true capsule */
body.model-client #changelist-search > div {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 10px !important;
}

body.model-client #changelist-search > div:focus-within {
    border-color: #bfd6ee !important;
    box-shadow: 0 0 0 3px rgba(148, 189, 231, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    outline: none !important;
}

body.model-client #changelist-search form:focus-within {
    border-color: #b8d2ec !important;
    box-shadow: 0 0 0 3px rgba(148, 189, 231, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

body.model-client #toolbar #searchbar,
body.model-client #changelist-search #searchbar,
body.model-client input[name="q"] {
    height: 38px !important;
    border: 0 !important;
    border-radius: 9999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4a647f !important;
    padding: 0 12px 0 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    min-width: 260px !important;
}

body.model-client #changelist-search form :is(button[type="submit"], input[type="submit"]) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.model-client .crm-top-filters-pill {
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    color: #4a647f !important;
    padding: 0 14px !important;
    gap: 6px !important;
}

body.model-client .crm-top-filters-pill:hover {
    border-color: #bfd6ee !important;
    background: linear-gradient(180deg, rgba(246, 251, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

body.model-client .object-tools,
body.model-client .object-tools ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.model-client .object-tools li {
    margin: 0 !important;
}

body.model-client .object-tools a,
body.model-client .object-tools a.addlink,
body.model-client .object-tools a.viewsitelink {
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    color: #4a647f !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

body.model-client .object-tools a:hover,
body.model-client .object-tools a.addlink:hover,
body.model-client .object-tools a.viewsitelink:hover {
    border-color: #bfd6ee !important;
    background: linear-gradient(180deg, rgba(246, 251, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

body.model-client .object-tools a.addlink {
    background-image: none !important;
    text-indent: 0 !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    color: #2f7ed9 !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    line-height: 1 !important;
}

body.model-client .object-tools a.addlink::before {
    content: none !important;
    display: none !important;
}

body.model-client #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools > a.viewsitelink,
body.model-client #header-inner .ml-auto .object-tools > button.viewsitelink {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    color: #4a647f !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 10px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

/* Small capsule for top-right profile icon button */
body.model-client :is(header, .header, .page-header, .content-header)
  :is(a, button):has(> .material-symbols-outlined):not(:has(> :not(.material-symbols-outlined))) {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.model-client :is(header, .header, .page-header, .content-header)
  :is(a, button):has(> .material-symbols-outlined):not(:has(> :not(.material-symbols-outlined)))
  > .material-symbols-outlined {
    font-size: 18px !important;
    color: #4a647f !important;
    line-height: 1 !important;
}

/* Date hierarchy years (2025/2026) as capsules */
body.model-client .toplinks,
body.model-client .date-hierarchy,
body.model-client .date_hierarchy {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

body.model-client .toplinks a,
body.model-client .date-hierarchy a,
body.model-client .date_hierarchy a,
body.model-client .toplinks .date-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    color: #4a647f !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

body.model-client .toplinks a:hover,
body.model-client .date-hierarchy a:hover,
body.model-client .date_hierarchy a:hover,
body.model-client .toplinks .date-back:hover {
    border-color: #bfd6ee !important;
    background: linear-gradient(180deg, rgba(246, 251, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* Header title block (menu icon + page title) in one capsule */
body.model-client #header-inner > .flex.items-center.w-full > div:first-child {
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    border-radius: 999px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 6px 12px !important;
    min-height: 40px !important;
}

body.model-client #header-inner > .flex.items-center.w-full > div:first-child h1 {
    font-weight: 700 !important;
    color: #243f5f !important;
}

body.model-client #header-inner > .flex.items-center.w-full > div:first-child .material-symbols-outlined {
    color: #3a5f86 !important;
}

/* Profile icon in top-right area: force small capsule look */
body.model-client #header-inner .ml-auto .material-symbols-outlined {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    color: #4a647f !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

/* Prevent "plus inside plus" for add button in top tools */
body.model-client .object-tools a.addlink > *,
body.model-client .object-tools a.addlink * {
    display: none !important;
}

body.model-client .object-tools a.addlink::after {
    content: none !important;
    display: none !important;
}

/* Do not wrap material icon in a second capsule inside object-tools */
body.model-client #header-inner .ml-auto .object-tools .material-symbols-outlined {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 20px !important;
}

/* Top-right controls alignment: profile icon on same level as "+" */
body.model-client #header-inner .ml-auto,
body.model-client #header-inner .ml-auto > div,
body.model-client #header-inner .ml-auto .object-tools,
body.model-client #header-inner .ml-auto #user-tools {
    display: flex !important;
    align-items: center !important;
}

body.model-client #header-inner .ml-auto .object-tools,
body.model-client #header-inner .ml-auto #user-tools {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

body.model-client #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined) {
    margin: 0 !important;
    align-self: center !important;
    transform: translateY(-2px) !important;
}

body.model-client #header-inner .ml-auto #user-tools a .material-symbols-outlined {
    transform: translateY(-1px) !important;
}

/* ===== Reference Tune: bring UI closer to approved mock ===== */

/* Top header strip as one unified capsule */
body.model-client #header-inner > .flex.items-center.w-full {
    border: 1px solid #d6e3f1 !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-radius: 18px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
}

/* Disable nested capsule on title block so it looks like one strip */
body.model-client #header-inner > .flex.items-center.w-full > div:first-child {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
}

/* Search pill should look fully oval, not rectangular */
body.model-client #changelist-search form {
    width: min(560px, 100%) !important;
    border-radius: 9999px !important;
}

/* Sidebar active item stronger premium highlight */
#nav-sidebar .current-model a,
#nav-sidebar tr.current-model a,
#nav-sidebar .active a,
#nav-sidebar a[aria-current="page"] {
    border-color: #b8d5f1 !important;
    background:
        radial-gradient(120% 140% at 15% 100%, rgba(198, 224, 251, 0.38) 0%, rgba(198, 224, 251, 0) 60%),
        linear-gradient(180deg, rgba(234, 245, 255, 0.97) 0%, rgba(222, 238, 255, 0.92) 100%) !important;
    box-shadow: 0 8px 18px rgba(59, 112, 171, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

/* Slightly stronger row capsule borders for clearer separation */
body.model-client #result_list tbody tr td,
body.model-client #result_list tbody th.field-display_id,
body.model-client #result_list tbody td.action-checkbox {
    border-top-color: #cfdfef !important;
    border-bottom-color: #cfdfef !important;
    border-left-color: #cfdfef !important;
    border-right-color: #cfdfef !important;
}

/* Domain/Channel chips: unified baseline, spacing and visual weight */
body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    min-height: 36px !important;
    border-radius: 999px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
}

body.model-client #result_list td .domain-chip {
    font-size: 13.5px !important;
    padding: 0 12px !important;
}

body.model-client #result_list td .channel-chip {
    font-size: 14px !important;
    padding: 0 13px !important;
}

/* Sidebar brand (icon + title) must be ONE capsule */
#nav-sidebar-inner > div.border-b {
    border-bottom: 1px solid #d8e5f2 !important;
    margin-bottom: 12px !important;
    padding: 8px 10px !important;
    height: auto !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 56px !important;
    border: 1px solid #d8e6f2 !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.95) 0%, rgba(239, 247, 252, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    padding: 10px 14px !important;
}

/* kill inner capsules inside branding row */
#nav-sidebar-inner > div.border-b > div.bg-transparent *,
#nav-sidebar-inner > div.border-b > div.bg-transparent :is(a, button, [role="button"], div, span) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0,
#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
    display: flex !important;
    align-items: center !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
    min-width: 0 !important;
    justify-content: center !important;
}

/* Domain chips: a bit larger so full text fits */
body.model-client th.column-display_domain,
body.model-client td.field-display_domain {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
}

body.model-client #result_list td .domain-chip {
    max-width: 166px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
}

/* ===== FINAL TABLE CARD OVERRIDE (single outer capsule + row capsules) ===== */
body.model-client #changelist .changelist-form-container,
body.model-client #changelist-form,
body.model-client #changelist-form .results {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.model-client #changelist-form .results {
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 26px rgba(43, 79, 123, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 8px !important;
    overflow: hidden !important;
}

body.model-client #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

/* Header is a separate top block */
body.model-client #result_list thead th {
    background: #e8f1fb !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    color: #2f5070 !important;
}

body.model-client #result_list thead th:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-client #result_list thead th:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

/* Row capsules (each row separated by spacing) */
body.model-client #result_list tbody td,
body.model-client #result_list tbody th.field-display_id,
body.model-client #result_list tbody td.action-checkbox {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 249, 255, 0.84) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.model-client #result_list tbody tr > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-client #result_list tbody tr > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body.model-client #result_list tbody tr:hover td,
body.model-client #result_list tbody tr:hover th.field-display_id {
    background: linear-gradient(180deg, rgba(247, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* ===== ABSOLUTE FINAL OVERRIDE: real Unfold changelist wrapper ===== */
body.model-client #changelist-form > div[data-simplebar] {
    border: 1px solid #dbe8f5 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 8px !important;
}

body.model-client #result_list {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    background: transparent !important;
}

body.model-client #result_list > tbody {
    background: transparent !important;
}

body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 249, 255, 0.84) 100%) !important;
    border-top: 1px solid #d4e3f1 !important;
    border-bottom: 1px solid #d4e3f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d4e3f1 !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d4e3f1 !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body.model-client #result_list > tbody > tr.data-row:hover > th,
body.model-client #result_list > tbody > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(247, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* FINAL: raise profile icon to align with "+" */
body.model-client #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined) {
    transform: translateY(-5px) !important;
}

body.model-client #header-inner .ml-auto #user-tools a .material-symbols-outlined {
    transform: translateY(-2px) !important;
}

/* ABSOLUTE: profile icon shown near "+" is viewsitelink in object-tools */
html body.model-client #header-inner .ml-auto .object-tools a.viewsitelink {
    transform: translateY(-7px) !important;
}

html body.model-client #header-inner .ml-auto .object-tools a.viewsitelink .material-symbols-outlined {
    transform: translateY(-1px) !important;
}

/* FINAL DOMAIN CHIP FIT FIX */
body.model-client th.column-display_domain,
body.model-client td.field-display_domain {
    width: 186px !important;
    min-width: 186px !important;
    max-width: 186px !important;
}

body.model-client #result_list td.field-display_domain {
    overflow: visible !important;
}

body.model-client #result_list td .domain-chip {
    max-width: 180px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* Empty GEO chip must match regular "Украина" chip size */
body.model-client #result_list td .geo-chip-empty {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    min-height: 56px !important;
    padding: 8px 12px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Empty subscribed date chip must be same size as filled date chip */
body.model-client #result_list td .date-chip-empty {
    width: auto !important;
    min-width: 76px !important;
    max-width: none !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 11px !important;
}

/* ===== Clients: filter modal (right sidebar) full UI restyle ===== */
body.model-client #changelist-filter {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.model-client #changelist-filter > div:last-child {
    width: 360px !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px !important;
    border-radius: 18px !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.model-client #changelist-filter .grow.h-full.overflow-auto.relative {
    padding: 10px !important;
}

body.model-client #changelist-filter .flex.flex-col.grow.gap-4.overflow-auto {
    gap: 10px !important;
}

body.model-client #changelist-filter .flex.flex-col.gap-4.px-3.py-2\\.5 {
    gap: 12px !important;
    padding: 2px 4px 6px !important;
}

/* Section titles: muted, lighter, no heavy separators */
body.model-client #changelist-filter h3 {
    margin: 2px 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(63, 88, 114, 0.68) !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
}

/* Filter options list as capsule items */
body.model-client #changelist-filter ul {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.model-client #changelist-filter ul > li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.model-client #changelist-filter ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 13px !important;
    border-radius: 13px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.90) 100%) !important;
    color: #4a637f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}

body.model-client #changelist-filter ul > li:hover > a {
    border-color: #c8dbed !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
    color: #395978 !important;
}

body.model-client #changelist-filter ul > li.text-primary-600 > a,
body.model-client #changelist-filter ul > li.dark\\:text-primary-500 > a,
body.model-client #changelist-filter ul > li.font-semibold > a {
    border-color: #bad6f1 !important;
    background: linear-gradient(180deg, rgba(233, 244, 255, 0.98) 0%, rgba(222, 237, 255, 0.94) 100%) !important;
    color: #245f9f !important;
    box-shadow: 0 6px 14px rgba(52, 108, 172, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* Range/date filter fields */
body.model-client #changelist-filter .group.relative,
body.model-client #changelist-filter .group.mb-4 {
    margin-bottom: 8px !important;
}

body.model-client #changelist-filter label {
    font-size: 12px !important;
    color: rgba(63, 88, 114, 0.7) !important;
    font-weight: 600 !important;
}

body.model-client #changelist-filter input[type="text"],
body.model-client #changelist-filter input[type="date"],
body.model-client #changelist-filter input[type="datetime-local"],
body.model-client #changelist-filter select {
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #d5e4f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    color: #3f5a77 !important;
    font-size: 14px !important;
    padding: 0 42px 0 12px !important;
}

body.model-client #changelist-filter input:focus,
body.model-client #changelist-filter select:focus {
    border-color: #b9d4ec !important;
    box-shadow: 0 0 0 3px rgba(154, 193, 230, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    outline: none !important;
}

/* Date shortcuts/icons: unified with Subscribers (same layout/spacing/alignment) */
body.model-client #changelist-filter .datetimeshortcuts {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 8px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
}

body.model-client #changelist-filter .datetimeshortcuts a {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #567495 !important;
    text-decoration: none !important;
    padding: 0 !important;
}

/* hide noisy warning/error icons in filter sidebar only */
body.model-client #changelist-filter .errorlist,
body.model-client #changelist-filter .errornote,
body.model-client #changelist-filter .invalid-icon,
body.model-client #changelist-filter .warning,
body.model-client #changelist-filter .helptext {
    display: none !important;
}

/* Django timezone warning icon near date widgets */
body.model-client #changelist-filter .datetimeshortcuts .timezonewarning,
body.model-client #changelist-filter .timezonewarning {
    display: none !important;
}

/* Bottom actions area */
body.model-client #changelist-filter #changelist-filter-extra-actions,
body.model-client #changelist-filter form > div:last-child {
    border-top: 0 !important;
}

body.model-client #changelist-filter form > div:last-child {
    margin-top: 6px !important;
    padding: 8px 4px 2px !important;
    background: transparent !important;
}

/* Primary: Apply filters */
body.model-client #changelist-filter form > div:last-child button[type="submit"] {
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #9dc3ea !important;
    background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%) !important;
    color: #1f5f9f !important;
    box-shadow: 0 8px 16px rgba(59, 117, 182, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    font-weight: 700 !important;
}

/* Secondary: show counts / clear */
body.model-client #changelist-filter #changelist-filter-extra-actions a {
    min-height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #d5e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    color: #4b657f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

/* Close filters: default secondary, active -> primary */
body.model-client #changelist-filter form > div:last-child #changelist-filter-close-btn,
body.model-subscriber #changelist-filter form > div:last-child #changelist-filter-close-btn {
    min-height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #d5e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    color: #4b657f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    font-weight: 700 !important;
}

body.model-client #changelist-filter form > div:last-child #changelist-filter-close-btn:active,
body.model-subscriber #changelist-filter form > div:last-child #changelist-filter-close-btn:active {
    border: 1px solid #9dc3ea !important;
    background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%) !important;
    color: #1f5f9f !important;
    box-shadow: 0 8px 16px rgba(59, 117, 182, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* ===== Domains page: align with Clients premium capsule UI ===== */
body.model-domain #changelist .changelist-form-container,
body.model-domain #changelist-form,
body.model-domain #changelist-form .results {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Search row and top actions */
body.model-domain #changelist-search,
body.model-domain #toolbar,
body.model-domain #toolbar form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.model-domain #changelist-search > div {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(242, 249, 255, 0.86) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 10px !important;
}

body.model-domain #toolbar #searchbar,
body.model-domain #changelist-search #searchbar,
body.model-domain input[name="q"] {
    height: 38px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4a647f !important;
    padding: 0 12px 0 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.model-domain #changelist-search > div:focus-within {
    border-color: #b9d4ec !important;
    box-shadow: 0 0 0 3px rgba(148, 189, 231, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

body.model-domain .crm-top-filters-pill {
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(242, 249, 255, 0.86) 100%) !important;
    color: #4a647f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 14px !important;
}

/* Outer table card */
body.model-domain #changelist-form > div[data-simplebar] {
    border: 1px solid #dbe8f5 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 8px !important;
}

body.model-domain #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important; /* air between rows */
    table-layout: fixed !important;
    background: transparent !important;
}

/* Header aligned and styled like clients */
body.model-domain #result_list thead th {
    background: #e8f1fb !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    color: #2f5070 !important;
    font-weight: 800 !important;
    text-align: left !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.model-domain #result_list thead th:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-domain #result_list thead th:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

/* Row capsules */
body.model-domain #result_list > tbody > tr.data-row > th,
body.model-domain #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 249, 255, 0.84) 100%) !important;
    border-top: 1px solid #d4e3f1 !important;
    border-bottom: 1px solid #d4e3f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.model-domain #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d4e3f1 !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-domain #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d4e3f1 !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body.model-domain #result_list > tbody > tr.data-row:hover > th,
body.model-domain #result_list > tbody > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(247, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* Keep logical column alignment (header + body) */
body.model-domain #result_list thead th,
body.model-domain #result_list tbody td,
body.model-domain #result_list tbody th {
    box-sizing: border-box !important;
}

/* NOTE: checkbox visuals are split:
   - row select checkboxes -> action-checkbox selectors below
   - toggle in "Фильтр" column -> dedicated rules below
   This prevents style collisions and "white knob / halo" artifacts. */

/* Domain row-selection checkbox: strong visual checked state */
body.model-domain #result_list thead th.action-checkbox-column input[type="checkbox"],
body.model-domain #result_list tbody td.action-checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    border: 1px solid #b7cde2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #eff5fb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    cursor: pointer !important;
    position: relative !important;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease, transform .14s ease !important;
}

body.model-domain #result_list tbody tr.data-row:hover td.action-checkbox input[type="checkbox"] {
    border-color: #9ebfe0 !important;
    background: linear-gradient(180deg, #f9fcff 0%, #e7f1fb 100%) !important;
}

body.model-domain #result_list thead th.action-checkbox-column input[type="checkbox"]:focus-visible,
body.model-domain #result_list tbody td.action-checkbox input[type="checkbox"]:focus-visible {
    outline: none !important;
    border-color: #77a8d9 !important;
    box-shadow: 0 0 0 3px rgba(95, 136, 179, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.model-domain #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
body.model-domain #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
    border-color: #2f77c0 !important;
    background: #3f8cd8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.model-domain #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
body.model-domain #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 5px !important;
    height: 9px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: translate(-50%, -58%) rotate(45deg) !important;
}

body.model-domain #result_list tbody tr.selected td.action-checkbox input[type="checkbox"]:checked {
    border-color: #236ab3 !important;
    background: #357fc8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

/* Domains: clean selected row (no broken bars/stripes between cards) */
body.model-domain #result_list > tbody > tr.data-row.selected > th,
body.model-domain #result_list > tbody > tr.data-row.selected > td,
body.model-domain #result_list > tbody.selected > tr.data-row > th,
body.model-domain #result_list > tbody.selected > tr.data-row > td {
    background: linear-gradient(180deg, rgba(214, 232, 248, 0.96) 0%, rgba(202, 224, 244, 0.92) 100%) !important;
    border-top-color: #9fc0df !important;
    border-bottom-color: #9fc0df !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 1px rgba(137, 173, 209, 0.24) !important;
    background-image: linear-gradient(180deg, rgba(214, 232, 248, 0.96) 0%, rgba(202, 224, 244, 0.92) 100%) !important;
}

body.model-domain #result_list > tbody > tr.data-row.selected > *:first-child,
body.model-domain #result_list > tbody.selected > tr.data-row > *:first-child {
    border-left-color: #9fc0df !important;
}

body.model-domain #result_list > tbody > tr.data-row.selected > *:last-child,
body.model-domain #result_list > tbody.selected > tr.data-row > *:last-child {
    border-right-color: #9fc0df !important;
}

body.model-domain #result_list > tbody > tr.data-row.selected:hover > th,
body.model-domain #result_list > tbody > tr.data-row.selected:hover > td,
body.model-domain #result_list > tbody.selected > tr.data-row:hover > th,
body.model-domain #result_list > tbody.selected > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(206, 226, 246, 0.98) 0%, rgba(193, 217, 241, 0.94) 100%) !important;
}

/* Toggle in "Фильтр" column: compact and soft */
body.model-domain td.field-is_visible input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 38px !important;
    height: 22px !important;
    border-radius: 999px !important;
    border: 1px solid #b7cbde !important;
    background: linear-gradient(180deg, #f1f5fa 0%, #e7eef6 100%) !important; /* OFF state */
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    cursor: pointer !important;
    position: relative !important;
    transform: none !important;
    accent-color: auto !important;
    transition: background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.model-domain td.field-is_visible input[type="checkbox"]::before {
    content: "" !important;
    position: absolute !important;
    top: 2px !important;
    left: 2px !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    border: 1px solid #9db5cc !important;
    box-shadow: none !important;
    transition: left .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* Hover */
body.model-domain td.field-is_visible input[type="checkbox"]:hover {
    border-color: #9db7d1 !important;
    background: linear-gradient(180deg, #edf3f9 0%, #e3ecf6 100%) !important;
}

/* ON state */
body.model-domain td.field-is_visible input[type="checkbox"]:checked {
    border-color: #7baedf !important;
    background: linear-gradient(180deg, #d9ecff 0%, #c7e3ff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}

body.model-domain td.field-is_visible input[type="checkbox"]:checked::before {
    left: 18px !important;
    background: #2f78c0 !important; /* solid visible blue knob */
    border-color: #2768a7 !important;
    box-shadow: none !important;
}

/* Pressed state */
body.model-domain td.field-is_visible input[type="checkbox"]:active::before {
    width: 17px !important;
}

/* Focus-visible */
body.model-domain td.field-is_visible input[type="checkbox"]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(120, 169, 217, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

/* Disabled */
body.model-domain td.field-is_visible input[type="checkbox"]:disabled {
    cursor: not-allowed !important;
    opacity: 0.55 !important;
    background: linear-gradient(180deg, #f4f6f8 0%, #edf1f5 100%) !important;
    border-color: #cfd9e3 !important;
}

body.model-domain td.field-is_visible input[type="checkbox"]:disabled::before {
    border-color: #d2dbe5 !important;
    background: #f7fafc !important;
    box-shadow: none !important;
}

/* Order input as capsule */
body.model-domain td.field-sort_order input[type="number"] {
    width: 62px !important;
    min-width: 62px !important;
    height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #cfe0f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(242, 249, 255, 0.90) 100%) !important;
    color: #44617f !important;
    text-align: center !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
}

body.model-domain td.field-sort_order input[type="number"]:focus {
    outline: none !important;
    border-color: #b5d0e9 !important;
    box-shadow: 0 0 0 3px rgba(154, 193, 230, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

/* ===== Subscribers page: unified CRM capsule design ===== */
body.model-subscriber #changelist .changelist-form-container,
body.model-subscriber #changelist-form,
body.model-subscriber #changelist-form .results {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Search and top filter button */
body.model-subscriber #changelist-search,
body.model-subscriber #toolbar,
body.model-subscriber #toolbar form {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.model-subscriber #changelist-search > div {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(242, 249, 255, 0.86) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 10px !important;
}

body.model-subscriber #toolbar #searchbar,
body.model-subscriber #changelist-search #searchbar,
body.model-subscriber input[name="q"] {
    height: 38px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4a647f !important;
    padding: 0 12px 0 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body.model-subscriber #changelist-search > div:focus-within {
    border-color: #b9d4ec !important;
    box-shadow: 0 0 0 3px rgba(148, 189, 231, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

body.model-subscriber .crm-top-filters-pill {
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.93) 0%, rgba(242, 249, 255, 0.86) 100%) !important;
    color: #4a647f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 14px !important;
}

/* Sheets/diagnostics chip group */
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chips {
    gap: 8px !important;
}

body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(242, 249, 255, 0.88) 100%) !important;
    color: #4a647f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

/* "Google Sheets в порядке" should stay light green */
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip[style*="#bbf7d0"],
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip[style*="Google Sheets в порядке"] {
    border-color: #b7ebc9 !important;
    background: linear-gradient(180deg, #f2fdf5 0%, #e8f9ee 100%) !important;
    color: #1f7a45 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 8px rgba(49, 124, 76, 0.10) !important;
}

/* Table as one soft card */
body.model-subscriber #changelist-form > div[data-simplebar] {
    border: 1px solid #dbe8f5 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 8px !important;
}

body.model-subscriber #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

/* Header */
body.model-subscriber #result_list thead th {
    background: #e8f1fb !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    color: #2f5070 !important;
    font-weight: 800 !important;
    text-align: left !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.model-subscriber #result_list thead th:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-subscriber #result_list thead th:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

/* Row capsules */
body.model-subscriber #result_list > tbody > tr.data-row > th,
body.model-subscriber #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(243, 249, 255, 0.84) 100%) !important;
    border-top: 1px solid #d4e3f1 !important;
    border-bottom: 1px solid #d4e3f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d4e3f1 !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d4e3f1 !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row:hover > th,
body.model-subscriber #result_list > tbody > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(247, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* Subscribers: custom row-selection checkbox (high contrast, clean geometry) */
body.model-subscriber #result_list thead th.action-checkbox-column,
body.model-subscriber #result_list tbody td.action-checkbox {
    text-align: center !important;
    vertical-align: middle !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column input[type="checkbox"],
body.model-subscriber #result_list tbody td.action-checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #a9c2db !important;
    background: linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 auto !important;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}

body.model-subscriber #result_list tbody tr.data-row:hover td.action-checkbox input[type="checkbox"] {
    border-color: #89add0 !important;
    background: linear-gradient(180deg, #fafdff 0%, #e8f1fb 100%) !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column input[type="checkbox"]:focus-visible,
body.model-subscriber #result_list tbody td.action-checkbox input[type="checkbox"]:focus-visible {
    outline: none !important;
    border-color: #6f9fcd !important;
    box-shadow: 0 0 0 3px rgba(111, 159, 205, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
body.model-subscriber #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
    border-color: #2f77c0 !important;
    background: #3f8cd8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
body.model-subscriber #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: translate(-50%, -58%) rotate(45deg) !important;
}

/* Keep contrast on selected rows */
body.model-subscriber #result_list > tbody > tr.data-row.selected td.action-checkbox input[type="checkbox"] {
    border-color: #7ea7ce !important;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4fd 100%) !important;
}

body.model-subscriber #result_list > tbody > tr.data-row.selected td.action-checkbox input[type="checkbox"]:checked {
    border-color: #236ab3 !important;
    background: #357fc8 !important;
}

/* Harmonize geo/date/channel chips on subscribers */
body.model-subscriber #result_list .geo-chip {
    border-radius: 14px !important;
    min-height: 44px !important;
    padding: 7px 12px !important;
}

body.model-subscriber #result_list .date-chip,
body.model-subscriber #result_list .date-chip-empty {
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
}

body.model-subscriber #result_list .channel-chip {
    min-height: 38px !important;
    padding: 0 13px !important;
    border-radius: 999px !important;
}

/* ===== Subscribers: right filter drawer in unified CRM style ===== */
body.model-subscriber #changelist-filter {
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.model-subscriber #changelist-filter > div:last-child {
    width: 360px !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px !important;
    border-radius: 18px !important;
    border: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.model-subscriber #changelist-filter .grow.h-full.overflow-auto.relative {
    padding: 10px !important;
}

body.model-subscriber #changelist-filter .flex.flex-col.grow.gap-4.overflow-auto {
    gap: 10px !important;
}

body.model-subscriber #changelist-filter .flex.flex-col.gap-4.px-3.py-2\\.5 {
    gap: 12px !important;
    padding: 2px 4px 6px !important;
}

/* Section titles */
body.model-subscriber #changelist-filter h3 {
    margin: 2px 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(63, 88, 114, 0.66) !important;
    letter-spacing: 0.01em !important;
}

/* List items as capsule pills */
body.model-subscriber #changelist-filter ul {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.model-subscriber #changelist-filter ul > li {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.model-subscriber #changelist-filter ul > li > a {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 38px !important;
    padding: 10px 13px !important;
    border-radius: 13px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.90) 100%) !important;
    color: #4a637f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    transition: background .15s ease, border-color .15s ease, box-shadow .15s ease, color .15s ease !important;
}

body.model-subscriber #changelist-filter ul > li:hover > a {
    border-color: #c8dbed !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
    color: #395978 !important;
}

body.model-subscriber #changelist-filter ul > li.text-primary-600 > a,
body.model-subscriber #changelist-filter ul > li.dark\\:text-primary-500 > a,
body.model-subscriber #changelist-filter ul > li.font-semibold > a {
    border-color: #bad6f1 !important;
    background: linear-gradient(180deg, rgba(233, 244, 255, 0.98) 0%, rgba(222, 237, 255, 0.94) 100%) !important;
    color: #245f9f !important;
    box-shadow: 0 6px 14px rgba(52, 108, 172, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* Date/range inputs */
body.model-subscriber #changelist-filter .group.relative,
body.model-subscriber #changelist-filter .group.mb-4 {
    margin-bottom: 8px !important;
}

body.model-subscriber #changelist-filter label {
    font-size: 12px !important;
    color: rgba(63, 88, 114, 0.68) !important;
    font-weight: 600 !important;
}

body.model-subscriber #changelist-filter input[type="text"],
body.model-subscriber #changelist-filter input[type="date"],
body.model-subscriber #changelist-filter input[type="datetime-local"],
body.model-subscriber #changelist-filter select {
    width: 100% !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #d5e4f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    color: #3f5a77 !important;
    font-size: 14px !important;
    padding: 0 42px 0 12px !important;
}

body.model-subscriber #changelist-filter input:focus,
body.model-subscriber #changelist-filter select:focus {
    border-color: #b9d4ec !important;
    box-shadow: 0 0 0 3px rgba(154, 193, 230, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    outline: none !important;
}

/* cleaner shortcuts/icons near date fields */
body.model-subscriber #changelist-filter .datetimeshortcuts {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 8px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
}

body.model-subscriber #changelist-filter .datetimeshortcuts a {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #567495 !important;
    text-decoration: none !important;
    padding: 0 !important;
}

/* hide noisy warning/error visuals in drawer */
body.model-subscriber #changelist-filter .errorlist,
body.model-subscriber #changelist-filter .errornote,
body.model-subscriber #changelist-filter .invalid-icon,
body.model-subscriber #changelist-filter .warning,
body.model-subscriber #changelist-filter .helptext {
    display: none !important;
}

/* Django timezone warning icon near date widgets */
body.model-subscriber #changelist-filter .datetimeshortcuts .timezonewarning,
body.model-subscriber #changelist-filter .timezonewarning {
    display: none !important;
}

/* Clients: subscribed column must keep same capsule size even when empty */
body.model-client #result_list td.field-display_subscribed_date .date-chip,
body.model-client #result_list td.field-display_subscribed_date .date-chip-empty {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Capital range fields (From/To) in filter drawer: capsule style */
body.model-client #changelist-filter .flex.flex-row.gap-4,
body.model-subscriber #changelist-filter .flex.flex-row.gap-4 {
    gap: 10px !important;
    align-items: stretch !important;
}

body.model-client #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2,
body.model-subscriber #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2 {
    width: calc(50% - 5px) !important;
    min-width: 0 !important;
}

body.model-client #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2 input,
body.model-subscriber #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2 input {
    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #d5e4f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 0 12px !important;
}

body.model-client #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2 input::placeholder,
body.model-subscriber #changelist-filter .flex.flex-row.gap-4 > .group.relative.w-1\/2 input::placeholder {
    color: #8a9bb0 !important;
    opacity: 1 !important;
}

/* Keep date fields in Clients/Subscribers strictly identical */
:is(body.model-client, body.model-subscriber) #changelist-filter .datetimeshortcuts {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-left: 8px !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;
}

:is(body.model-client, body.model-subscriber) #changelist-filter .datetimeshortcuts a {
    width: auto !important;
    height: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #567495 !important;
    text-decoration: none !important;
    padding: 0 !important;
}

:is(body.model-client, body.model-subscriber) #changelist-filter .datetimeshortcuts .timezonewarning,
:is(body.model-client, body.model-subscriber) #changelist-filter .timezonewarning {
    display: none !important;
}

/* Drawer action area */
body.model-subscriber #changelist-filter form > div:last-child {
    margin-top: 6px !important;
    padding: 8px 4px 2px !important;
    border-top: 0 !important;
    background: transparent !important;
}

/* Primary: apply filters */
body.model-subscriber #changelist-filter form > div:last-child button[type="submit"] {
    min-height: 40px !important;
    border-radius: 13px !important;
    border: 1px solid #9dc3ea !important;
    background: linear-gradient(180deg, #dff1ff 0%, #cfe8ff 100%) !important;
    color: #1f5f9f !important;
    box-shadow: 0 8px 16px rgba(59, 117, 182, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    font-weight: 700 !important;
}

/* Secondary actions: show counts / clear */
body.model-subscriber #changelist-filter #changelist-filter-extra-actions a {
    min-height: 38px !important;
    border-radius: 12px !important;
    border: 1px solid #d5e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    color: #4b657f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

/* ===== Dashboard ("Панель управления") unified CRM look ===== */
body.dashboard #content,
body.app-index #content {
    padding-top: 8px !important;
}

/* compact heading */
body.dashboard #content h1,
body.app-index #content h1 {
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #2b4562 !important;
    margin: 0 0 12px !important;
    letter-spacing: -0.01em !important;
}

/* top alerts -> soft capsule */
body.dashboard .messagelist,
body.app-index .messagelist {
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.dashboard .messagelist li,
body.app-index .messagelist li {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid #c9e7d6 !important;
    background: linear-gradient(180deg, #f2fbf6 0%, #eaf9f1 100%) !important;
    color: #2f6f4e !important;
    box-shadow: 0 4px 12px rgba(53, 121, 85, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

/* app columns spacing */
body.dashboard #content .flex.flex-col.lg\:flex-row,
body.app-index #content .flex.flex-col.lg\:flex-row {
    gap: 20px !important;
}

/* section cards (Telegram / Users & groups) */
body.dashboard #content .module > .bg-base-50,
body.app-index #content .module > .bg-base-50 {
    border-radius: 18px !important;
    border: 1px solid #dbe8f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 12px 26px rgba(36, 69, 107, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    padding: 14px !important;
    margin-bottom: 18px !important;
}

/* kill table/list rigid look inside cards */
body.dashboard #content .module table,
body.app-index #content .module table {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dashboard #content .module caption,
body.app-index #content .module caption {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(55, 79, 104, 0.78) !important;
}

/* each model row as capsule */
body.dashboard #content .module table tr,
body.app-index #content .module table tr {
    background: transparent !important;
}

body.dashboard #content .module table tr th,
body.dashboard #content .module table tr td,
body.app-index #content .module table tr th,
body.app-index #content .module table tr td {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

body.dashboard #content .module table tr th a,
body.dashboard #content .module table tr th,
body.app-index #content .module table tr th a,
body.app-index #content .module table tr th {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.90) 100%) !important;
    color: #3f5f7f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
}

body.dashboard #content .module table tr th a:hover,
body.app-index #content .module table tr th a:hover {
    border-color: #c7dbed !important;
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
    color: #2f567d !important;
}

/* spacing between row-capsules */
body.dashboard #content .module table tr + tr,
body.app-index #content .module table tr + tr {
    position: relative !important;
}

body.dashboard #content .module table tr + tr::before,
body.app-index #content .module table tr + tr::before {
    content: "" !important;
    display: block !important;
    height: 8px !important;
}

/* right-side action icons (+ / edit) */
body.dashboard #content .module .addlink,
body.dashboard #content .module .changelink,
body.dashboard #content .module .viewlink,
body.app-index #content .module .addlink,
body.app-index #content .module .changelink,
body.app-index #content .module .viewlink {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #d1e1ef !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(241, 248, 255, 0.90) 100%) !important;
    color: #567393 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 2px 8px rgba(40, 76, 118, 0.08) !important;
}

body.dashboard #content .module .addlink .material-symbols-outlined,
body.dashboard #content .module .changelink .material-symbols-outlined,
body.dashboard #content .module .viewlink .material-symbols-outlined,
body.app-index #content .module .addlink .material-symbols-outlined,
body.app-index #content .module .changelink .material-symbols-outlined,
body.app-index #content .module .viewlink .material-symbols-outlined {
    font-size: 17px !important;
    line-height: 1 !important;
}

/* recent actions card */
body.dashboard #content-related #recent-actions-module,
body.app-index #content-related #recent-actions-module {
    border-radius: 18px !important;
    border: 1px solid #dbe8f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 12px 26px rgba(36, 69, 107, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    padding: 14px !important;
}

body.dashboard #content-related #recent-actions-module h2,
body.app-index #content-related #recent-actions-module h2 {
    margin: 0 0 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: rgba(55, 79, 104, 0.78) !important;
}

body.dashboard #content-related .actionlist,
body.app-index #content-related .actionlist {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

body.dashboard #content-related .actionlist > li,
body.app-index #content-related .actionlist > li {
    margin: 0 !important;
    border: 1px solid #d8e6f2 !important;
    border-radius: 13px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 11px 12px !important;
}

body.dashboard #content-related .actionlist > li > div:first-child,
body.app-index #content-related .actionlist > li > div:first-child {
    margin: 0 0 7px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #345573 !important;
}

body.dashboard #content-related .actionlist > li > div:last-child,
body.app-index #content-related .actionlist > li > div:last-child {
    border-top: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    color: rgba(72, 99, 126, 0.72) !important;
}

html.dark body.dashboard #content h1,
html.dark body.app-index #content h1 {
    color: #e6effb !important;
}

html.dark body.dashboard .messagelist li,
html.dark body.app-index .messagelist li {
    border-color: rgba(64, 122, 87, 0.55) !important;
    background: linear-gradient(180deg, rgba(20, 53, 39, 0.96) 0%, rgba(15, 43, 32, 0.92) 100%) !important;
    color: #b8f0ca !important;
    box-shadow: 0 8px 20px rgba(5, 14, 24, 0.28), inset 0 1px 0 rgba(173, 233, 194, 0.06) !important;
}

html.dark body.dashboard #content .module > .bg-base-50,
html.dark body.app-index #content .module > .bg-base-50,
html.dark body.dashboard #content-related #recent-actions-module,
html.dark body.app-index #content-related #recent-actions-module {
    border-color: #30465f !important;
    background: linear-gradient(180deg, rgba(19, 31, 48, 0.96) 0%, rgba(14, 24, 38, 0.92) 100%) !important;
    box-shadow: 0 14px 28px rgba(3, 10, 20, 0.34), inset 0 1px 0 rgba(193, 215, 244, 0.05) !important;
}

html.dark body.dashboard #content .module caption,
html.dark body.app-index #content .module caption,
html.dark body.dashboard #content-related #recent-actions-module h2,
html.dark body.app-index #content-related #recent-actions-module h2 {
    color: rgba(191, 208, 229, 0.82) !important;
}

html.dark body.dashboard #content .module table tr th a,
html.dark body.dashboard #content .module table tr th,
html.dark body.app-index #content .module table tr th a,
html.dark body.app-index #content .module table tr th,
html.dark body.dashboard #content-related .actionlist > li,
html.dark body.app-index #content-related .actionlist > li {
    border-color: #35506f !important;
    background: linear-gradient(180deg, rgba(26, 42, 64, 0.98) 0%, rgba(20, 33, 50, 0.94) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(225, 237, 255, 0.04), 0 8px 18px rgba(3, 10, 20, 0.20) !important;
}

html.dark body.dashboard #content .module table tr th a,
html.dark body.dashboard #content .module table tr th,
html.dark body.app-index #content .module table tr th a,
html.dark body.app-index #content .module table tr th {
    color: #e2ecfa !important;
}

html.dark body.dashboard #content .module table tr th a:hover,
html.dark body.app-index #content .module table tr th a:hover {
    border-color: #4a6a8d !important;
    background: linear-gradient(180deg, rgba(33, 52, 78, 0.98) 0%, rgba(24, 39, 59, 0.95) 100%) !important;
    color: #f2f7ff !important;
}

html.dark body.dashboard #content-related .actionlist > li > div:first-child,
html.dark body.app-index #content-related .actionlist > li > div:first-child {
    color: #e6effb !important;
}

html.dark body.dashboard #content-related .actionlist > li > div:last-child,
html.dark body.app-index #content-related .actionlist > li > div:last-child {
    color: rgba(182, 198, 220, 0.78) !important;
}

html.dark body.dashboard #content .module .addlink,
html.dark body.dashboard #content .module .changelink,
html.dark body.dashboard #content .module .viewlink,
html.dark body.app-index #content .module .addlink,
html.dark body.app-index #content .module .changelink,
html.dark body.app-index #content .module .viewlink {
    border-color: #3c5a7d !important;
    background: linear-gradient(180deg, rgba(34, 53, 79, 0.98) 0%, rgba(23, 38, 58, 0.94) 100%) !important;
    color: #cfe0f5 !important;
    box-shadow: inset 0 1px 0 rgba(225, 237, 255, 0.05), 0 4px 12px rgba(4, 12, 23, 0.24) !important;
}

/* ===== Unified topbar (Clients / Domains / Subscribers) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full {
    min-height: 54px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full > div:first-child {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full > div:first-child h1 {
    font-weight: 700 !important;
    color: #243f5f !important;
    line-height: 1.15 !important;
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full > div:first-child .material-symbols-outlined {
    color: #3a5f86 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools li {
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.viewsitelink {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    color: #4a647f !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a:hover,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink:hover,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.viewsitelink:hover {
    border-color: #bfd6ee !important;
    background: linear-gradient(180deg, rgba(246, 251, 255, 0.98) 0%, rgba(236, 246, 255, 0.92) 100%) !important;
}

/* Ensure single "+" icon on add button */
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink {
    text-indent: 0 !important;
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #2f7ed9 !important;
    background-image: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink::before,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink::after,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink > *,
:is(body.model-client, body.model-domain, body.model-subscriber) .object-tools a.addlink * {
    content: none !important;
    display: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .material-symbols-outlined {
    font-size: 20px !important;
    line-height: 1 !important;
}

/* keep profile icon on same baseline as "+" */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > a.viewsitelink,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > button.viewsitelink {
    transform: translateY(-2px) !important;
}

/* ===== Unified bottom mass-actions bar (CRM blue-gray, no purple) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions {
    color: #2f4f70 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > .bg-primary-600 {
    background: linear-gradient(180deg, #8eb4d7 0%, #7ea8ce 100%) !important;
    border: 1px solid #739bc1 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 20px rgba(36, 66, 98, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    padding: 10px 12px !important;
    gap: 12px !important;
}

/* Dropdown action */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    min-height: 40px !important;
    height: 40px !important;
    min-width: 220px !important;
    border-radius: 12px !important;
    border: 1px solid #88a8c5 !important;
    background: linear-gradient(180deg, rgba(244, 251, 255, 0.95) 0%, rgba(231, 243, 252, 0.90) 100%) !important;
    color: #244664 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 0 38px 0 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 6 5-6' fill='none' stroke='%23365878' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(244, 251, 255, 0.95) 0%, rgba(231, 243, 252, 0.90) 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: right 12px center, center !important;
    background-size: 14px 14px, auto !important;
}

/* ===== Subscribers: match Clients capsule pattern for ID/Username/Fullname/Link ===== */
body.model-subscriber #result_list th.column-display_id,
body.model-subscriber #result_list td.field-display_id {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

body.model-subscriber #result_list th.column-display_username,
body.model-subscriber #result_list td.field-display_username {
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
}

body.model-subscriber #result_list th.column-display_fullname,
body.model-subscriber #result_list td.field-display_fullname {
    width: 166px !important;
    min-width: 166px !important;
    max-width: 166px !important;
}

body.model-subscriber #result_list th.column-display_invite_link,
body.model-subscriber #result_list td.field-display_invite_link {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
}

body.model-subscriber #result_list td.field-display_id .id-chip,
body.model-subscriber #result_list td.field-display_username .user-chip,
body.model-subscriber #result_list td.field-display_fullname .user-chip {
    max-width: 100% !important;
    min-width: 0 !important;
}

body.model-subscriber #result_list td.field-display_invite_link {
    overflow: hidden !important;
}

body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    max-width: 198px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
    min-height: 36px !important;
    font-size: 12.5px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"]:focus {
    outline: none !important;
    border-color: #7ea7ce !important;
    box-shadow: 0 0 0 3px rgba(170, 204, 236, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

/* Absolute contrast lock for mass-action dropdown text */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions select,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    color: #244664 !important;
    -webkit-text-fill-color: #244664 !important;
    opacity: 1 !important;
    font-weight: 700 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select option {
    color: #244664 !important;
    background: #eef6ff !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select option[value=""] {
    color: #4f6c88 !important;
}

/* Execute button: slightly stronger accent but same palette */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"] {
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid #4f7ea8 !important;
    background: linear-gradient(180deg, #5f8fba 0%, #4e7ea9 100%) !important;
    color: #f3f9ff !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
    box-shadow: 0 4px 10px rgba(39, 70, 103, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.20) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"]:hover {
    background: linear-gradient(180deg, #6797c2 0%, #5585b0 100%) !important;
}

/* Counter and helper actions */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .action-counter,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .all {
    color: #1f3f5d !important;
    font-weight: 700 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions label,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions-selected-counter,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .action-counter {
    color: #1f3f5d !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .question a,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .clear a {
    min-height: 34px !important;
    border-radius: 11px !important;
    border: 1px solid #90b0ce !important;
    background: linear-gradient(180deg, rgba(233, 245, 255, 0.34) 0%, rgba(217, 235, 251, 0.24) 100%) !important;
    color: #2d4e6e !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* ===== Capsule behavior fix: Domain + empty Geo ===== */
/* Domain: keep column stable, truncate text inside chip with ellipsis */
body.model-client #result_list td.field-display_domain,
body.model-domain #result_list td.field-name {
    overflow: hidden !important;
}

body.model-client #result_list td .domain-chip,
body.model-domain #result_list td .domain-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* Empty Geo: same visual footprint as regular geo chip, no stretching */
body.model-client #result_list td .geo-chip-empty,
body.model-subscriber #result_list td .geo-chip-empty {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    min-height: 44px !important;
    padding: 7px 12px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* ===== Subscribers readability fixes ===== */
/* 1) Stronger selected row state (still in CRM blue palette) */
body.model-subscriber #result_list > tbody > tr.data-row.selected > th,
body.model-subscriber #result_list > tbody > tr.data-row.selected > td {
    background: linear-gradient(180deg, rgba(218, 234, 250, 0.96) 0%, rgba(206, 226, 246, 0.92) 100%) !important;
    border-top-color: #9fc0df !important;
    border-bottom-color: #9fc0df !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 0 0 1px rgba(137, 173, 209, 0.28) !important;
}

body.model-subscriber #result_list > tbody > tr.data-row.selected > *:first-child {
    border-left-color: #9fc0df !important;
}

body.model-subscriber #result_list > tbody > tr.data-row.selected > *:last-child {
    border-right-color: #9fc0df !important;
}

body.model-subscriber #result_list > tbody > tr.data-row.selected:hover > th,
body.model-subscriber #result_list > tbody > tr.data-row.selected:hover > td {
    background: linear-gradient(180deg, rgba(209, 228, 248, 0.98) 0%, rgba(195, 218, 242, 0.94) 100%) !important;
}

/* 2) Right "+" button: ensure high-contrast visible icon */
body.model-subscriber .object-tools a.addlink {
    color: transparent !important; /* hide any pale native glyph */
    position: relative !important;
}

body.model-subscriber .object-tools a.addlink::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

/* ===== Dashboard full redesign v2 (hard override) ===== */
body.dashboard #content,
body.app-index #content {
    padding-top: 10px !important;
}

body.dashboard #content > h1,
body.app-index #content > h1 {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid #d8e4f0 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%) !important;
    box-shadow: 0 8px 18px rgba(33, 71, 110, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    color: #274666 !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    margin: 0 0 14px !important;
}

body.dashboard .messagelist,
body.app-index .messagelist {
    margin: 0 0 14px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.dashboard .messagelist li,
body.app-index .messagelist li {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid #c9e7d6 !important;
    background: linear-gradient(180deg, #effaf3 0%, #e7f7ee 100%) !important;
    color: #2f6f4e !important;
    box-shadow: 0 5px 12px rgba(42, 110, 73, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
}

body.dashboard #content-main,
body.app-index #content-main {
    border-radius: 20px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    padding: 14px !important;
}

body.dashboard #content-main .module,
body.app-index #content-main .module {
    border-radius: 18px !important;
    border: 1px solid #d7e4f1 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6faff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 73, 110, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 12px !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
}

body.dashboard #content-main .module:last-child,
body.app-index #content-main .module:last-child {
    margin-bottom: 0 !important;
}

body.dashboard #content-main .module caption,
body.dashboard #content-main .module h2,
body.dashboard #content-main .module th.section,
body.app-index #content-main .module caption,
body.app-index #content-main .module h2,
body.app-index #content-main .module th.section {
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 4px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    color: rgba(53, 78, 106, 0.68) !important;
    text-transform: uppercase !important;
}

body.dashboard #content-main .module table,
body.app-index #content-main .module table {
    width: 100% !important;
    border: 0 !important;
    background: transparent !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    box-shadow: none !important;
}

body.dashboard #content-main .module table tr,
body.app-index #content-main .module table tr {
    background: transparent !important;
}

body.dashboard #content-main .module table tr > th,
body.dashboard #content-main .module table tr > td,
body.app-index #content-main .module table tr > th,
body.app-index #content-main .module table tr > td {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

body.dashboard #content-main .module table tr > th > a,
body.app-index #content-main .module table tr > th > a {
    min-height: 46px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    border: 1px solid #d8e6f2 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(244, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    color: #375779 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.dashboard #content-main .module table tr > th > a:hover,
body.app-index #content-main .module table tr > th > a:hover {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(237, 246, 255, 0.93) 100%) !important;
    border-color: #c6daed !important;
    color: #2f547a !important;
}

body.dashboard #content-main .module table tr > td,
body.app-index #content-main .module table tr > td {
    width: 42px !important;
    text-align: right !important;
    padding-left: 8px !important;
}

body.dashboard #content-main .module .addlink,
body.dashboard #content-main .module .changelink,
body.dashboard #content-main .module .viewlink,
body.app-index #content-main .module .addlink,
body.app-index #content-main .module .changelink,
body.app-index #content-main .module .viewlink {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dbee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    color: #326ea8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 11px rgba(44, 84, 126, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

body.dashboard #content-main .module .addlink:hover,
body.dashboard #content-main .module .changelink:hover,
body.dashboard #content-main .module .viewlink:hover,
body.app-index #content-main .module .addlink:hover,
body.app-index #content-main .module .changelink:hover,
body.app-index #content-main .module .viewlink:hover {
    border-color: #9fc2e3 !important;
    background: linear-gradient(180deg, #e4f0ff 0%, #d2e5fb 100%) !important;
    color: #245f99 !important;
}

body.dashboard #content-main .module .addlink .material-symbols-outlined,
body.dashboard #content-main .module .changelink .material-symbols-outlined,
body.dashboard #content-main .module .viewlink .material-symbols-outlined,
body.app-index #content-main .module .addlink .material-symbols-outlined,
body.app-index #content-main .module .changelink .material-symbols-outlined,
body.app-index #content-main .module .viewlink .material-symbols-outlined {
    font-size: 17px !important;
    line-height: 1 !important;
}

body.dashboard #content-related,
body.app-index #content-related {
    border-radius: 20px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    padding: 14px !important;
}

body.dashboard #content-related #recent-actions-module,
body.app-index #content-related #recent-actions-module {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.dashboard #content-related #recent-actions-module > h2,
body.app-index #content-related #recent-actions-module > h2 {
    margin: 0 0 10px !important;
    padding: 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    color: rgba(53, 78, 106, 0.68) !important;
}

body.dashboard #content-related .actionlist,
body.app-index #content-related .actionlist {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

body.dashboard #content-related .actionlist > li,
body.app-index #content-related .actionlist > li {
    border: 1px solid #d8e6f2 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 11px 12px !important;
    margin: 0 !important;
}

body.dashboard #content-related .actionlist > li > div:first-child,
body.app-index #content-related .actionlist > li > div:first-child {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #2f5377 !important;
    line-height: 1.35 !important;
}

body.dashboard #content-related .actionlist > li > div:last-child,
body.app-index #content-related .actionlist > li > div:last-child {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(73, 98, 124, 0.74) !important;
}

/* ===== Final lock: topbar is 1:1 for Clients / Domains / Subscribers ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full {
    min-height: 54px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full > div:first-child {
    min-height: 40px !important;
    padding: 6px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* same user icon capsule on all 3 pages */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > a.viewsitelink,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > button.viewsitelink {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #d4e3f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(242, 249, 255, 0.84) 100%) !important;
    color: #4a647f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(32, 70, 109, 0.08) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    transform: none !important;
}

/* same plus capsule on all 3 pages */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #b8d4ee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(36, 74, 114, 0.10) !important;
    color: transparent !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink::after,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink > *,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink * {
    content: none !important;
    display: none !important;
}

/* ===== FINAL LOCK (LAST): Clients table strict column grid ===== */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td,
body.model-client #result_list tbody th.field-display_id {
    box-sizing: border-box !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 10px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-client #result_list th.column-display_id,
body.model-client #result_list tbody th.field-display_id { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
body.model-client #result_list th.column-display_username,
body.model-client #result_list td.field-display_username { width: 176px !important; min-width: 176px !important; max-width: 176px !important; }
body.model-client #result_list th.column-display_status,
body.model-client #result_list td.field-display_status { width: 112px !important; min-width: 112px !important; max-width: 112px !important; }
body.model-client #result_list th.column-display_deposit,
body.model-client #result_list td.field-display_deposit { width: 84px !important; min-width: 84px !important; max-width: 84px !important; }
body.model-client #result_list th.column-display_geo,
body.model-client #result_list td.field-display_geo { width: 144px !important; min-width: 144px !important; max-width: 144px !important; }
body.model-client #result_list th.column-display_comment,
body.model-client #result_list td.field-display_comment { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
body.model-client #result_list th.column-display_created_date,
body.model-client #result_list td.field-display_created_date,
body.model-client #result_list th.column-display_subscribed_date,
body.model-client #result_list td.field-display_subscribed_date { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
body.model-client #result_list th.column-display_domain,
body.model-client #result_list td.field-display_domain { width: 228px !important; min-width: 228px !important; max-width: 228px !important; }
body.model-client #result_list th.column-display_channel,
body.model-client #result_list td.field-display_channel { width: 186px !important; min-width: 186px !important; max-width: 186px !important; }

body.model-client #result_list > tbody > tr {
    height: 76px !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_domain,
body.model-client #result_list td.field-display_channel {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip,
body.model-client #result_list td.field-display_channel .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.model-client #result_list td .id-chip,
body.model-client #result_list td .user-chip,
body.model-client #result_list td .status-chip,
body.model-client #result_list td .capital-chip,
body.model-client #result_list td .geo-chip,
body.model-client #result_list td .date-chip,
body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* ===== ABSOLUTE LAST LOCK: Subscribers row-cards (capsule rows, not flat stripes) ===== */
body.model-subscriber #result_list {
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    table-layout: fixed !important;
}

body.model-subscriber #result_list > tbody > tr.data-row {
    height: 76px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > th,
body.model-subscriber #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row:hover > th,
body.model-subscriber #result_list > tbody > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.99) 0%, rgba(236, 246, 255, 0.94) 100%) !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients checkbox = Subscribers 1:1 ===== */
body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    text-align: center !important;
    vertical-align: middle !important;
}

body.model-client #result_list thead th.action-checkbox-column input[type="checkbox"],
body.model-client #result_list tbody td.action-checkbox input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 8px !important;
    border: 1px solid #a9c2db !important;
    background: linear-gradient(180deg, #ffffff 0%, #edf4fb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 auto !important;
    transition: border-color .14s ease, background .14s ease, box-shadow .14s ease !important;
}

body.model-client #result_list tbody tr.data-row:hover td.action-checkbox input[type="checkbox"],
body.model-client #result_list tbody tr:hover td.action-checkbox input[type="checkbox"] {
    border-color: #89add0 !important;
    background: linear-gradient(180deg, #fafdff 0%, #e8f1fb 100%) !important;
}

body.model-client #result_list thead th.action-checkbox-column input[type="checkbox"]:focus-visible,
body.model-client #result_list tbody td.action-checkbox input[type="checkbox"]:focus-visible {
    outline: none !important;
    border-color: #6f9fcd !important;
    box-shadow: 0 0 0 3px rgba(111, 159, 205, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

body.model-client #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
body.model-client #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
    border-color: #2f77c0 !important;
    background: #3f8cd8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

body.model-client #result_list thead th.action-checkbox-column input[type="checkbox"]:checked::after,
body.model-client #result_list tbody td.action-checkbox input[type="checkbox"]:checked::after {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: translate(-50%, -58%) rotate(45deg) !important;
}

body.model-client #result_list > tbody > tr.data-row.selected td.action-checkbox input[type="checkbox"],
body.model-client #result_list > tbody > tr.selected td.action-checkbox input[type="checkbox"] {
    border-color: #7ea7ce !important;
    background: linear-gradient(180deg, #ffffff 0%, #ecf4fd 100%) !important;
}

body.model-client #result_list > tbody > tr.data-row.selected td.action-checkbox input[type="checkbox"]:checked,
body.model-client #result_list > tbody > tr.selected td.action-checkbox input[type="checkbox"]:checked {
    border-color: #236ab3 !important;
    background: #357fc8 !important;
}

/* ===== Clients table: canonical grid/layout lock (same system discipline as subscribers) ===== */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td,
body.model-client #result_list tbody th.field-display_id {
    box-sizing: border-box !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 10px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-client #result_list th.column-display_id,
body.model-client #result_list tbody th.field-display_id {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

body.model-client #result_list th.column-display_username,
body.model-client #result_list td.field-display_username {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
}

body.model-client #result_list th.column-display_status,
body.model-client #result_list td.field-display_status {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
}

body.model-client #result_list th.column-display_deposit,
body.model-client #result_list td.field-display_deposit {
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
}

body.model-client #result_list th.column-display_geo,
body.model-client #result_list td.field-display_geo {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
}

body.model-client #result_list th.column-display_comment,
body.model-client #result_list td.field-display_comment {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
}

body.model-client #result_list th.column-display_created_date,
body.model-client #result_list td.field-display_created_date,
body.model-client #result_list th.column-display_subscribed_date,
body.model-client #result_list td.field-display_subscribed_date {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

body.model-client #result_list th.column-display_domain,
body.model-client #result_list td.field-display_domain {
    width: 228px !important;
    min-width: 228px !important;
    max-width: 228px !important;
}

body.model-client #result_list th.column-display_channel,
body.model-client #result_list td.field-display_channel {
    width: 186px !important;
    min-width: 186px !important;
    max-width: 186px !important;
}

body.model-client #result_list > tbody > tr {
    height: 76px !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_domain,
body.model-client #result_list td.field-display_channel {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip,
body.model-client #result_list td.field-display_channel .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.model-client #result_list td .id-chip,
body.model-client #result_list td .user-chip,
body.model-client #result_list td .status-chip,
body.model-client #result_list td .capital-chip,
body.model-client #result_list td .geo-chip,
body.model-client #result_list td .date-chip,
body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* ===== Topbar strict parity with Subscribers: user icon is plain (no capsule) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > a.viewsitelink,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > button.viewsitelink {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools a .material-symbols-outlined,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.viewsitelink .material-symbols-outlined {
    font-size: 21px !important;
    line-height: 1 !important;
    color: #111111 !important;
}

/* Absolute parity with Subscribers:
   user icon link must be plain (no capsule), only "+" remains in a circle */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a:not(.addlink) .material-symbols-outlined,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools a .material-symbols-outlined {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: #111111 !important;
}

/* ===== Final lock: visible blue down-arrow in mass-action select ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 40px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath d='M5 7l5 6 5-6' fill='none' stroke='%232f7ed9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(180deg, rgba(244, 251, 255, 0.95) 0%, rgba(231, 243, 252, 0.90) 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: right 12px center, center !important;
    background-size: 14px 14px, auto !important;
}

/* ===== Final status chips tune ===== */
/* dot only for "Новый"; all other statuses without leading dot */
body.model-client #result_list .status-chip .status-dot {
    display: none !important;
}

body.model-client #result_list .status-chip.status_new .status-dot {
    display: inline-block !important;
}

/* "На стадии понимания" should be more compact */
body.model-client #result_list .status-chip.status_understanding.status-chip-multiline {
    max-width: 104px !important;
    padding: 3px 8px !important;
    gap: 0 !important;
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    border-radius: 16px !important;
}

/* Status column: all chips should line up on one vertical axis */
body.model-client #result_list td.field-display_status {
    text-align: left !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    margin: 0 !important;
}

body.model-client #result_list th.column-display_domain,
body.model-client #result_list td.field-display_domain {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
}

body.model-client #result_list th.column-display_channel,
body.model-client #result_list td.field-display_channel {
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;
}

body.model-client #result_list td.field-display_domain {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    max-width: 200px !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* ===== Hard lock: clients topbar profile icon MUST be plain (no capsule) ===== */
body.model-client #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools a.viewsitelink {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

body.model-client #header-inner .ml-auto #user-tools a .material-symbols-outlined,
body.model-client #header-inner .ml-auto .object-tools a.viewsitelink .material-symbols-outlined {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: #111111 !important;
}

/* ===== Clients: FINAL canonical row/header layout parity with Subscribers ===== */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td,
body.model-client #result_list tbody th.field-display_id {
    box-sizing: border-box !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding: 10px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* One column system for both header and body */
body.model-client #result_list tr > :nth-child(1) { width: 3% !important; }   /* checkbox */
body.model-client #result_list tr > :nth-child(2) { width: 11% !important; }  /* ID */
body.model-client #result_list tr > :nth-child(3) { width: 15% !important; }  /* user */
body.model-client #result_list tr > :nth-child(4) { width: 9% !important; }   /* status */
body.model-client #result_list tr > :nth-child(5) { width: 6% !important; }   /* capital */
body.model-client #result_list tr > :nth-child(6) { width: 11% !important; }  /* geo */
body.model-client #result_list tr > :nth-child(7) { width: 7% !important; }   /* comment */
body.model-client #result_list tr > :nth-child(8) { width: 6.5% !important; } /* added */
body.model-client #result_list tr > :nth-child(9) { width: 6.5% !important; } /* subscribed */
body.model-client #result_list tr > :nth-child(10) { width: 13% !important; } /* domain */
body.model-client #result_list tr > :nth-child(11) { width: 12% !important; } /* channel */

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* Row cards */
body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

body.model-client #result_list > tbody > tr.data-row:hover > th,
body.model-client #result_list > tbody > tr.data-row:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.99) 0%, rgba(236, 246, 255, 0.94) 100%) !important;
}

/* Status column strict vertical alignment */
body.model-client #result_list td.field-display_status {
    vertical-align: middle !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* Domain + channel chip fit and non-overlap */
body.model-client #result_list td.field-display_domain,
body.model-client #result_list td.field-display_channel {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 12.5px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.model-client #result_list td.field-display_channel .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== ULTRA FINAL LOCK: status chips same size + same inner layout ===== */
body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    display: grid !important;
    grid-template-columns: 10px 1fr !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.05 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}

body.model-client #result_list td.field-display_status .status-chip .status-dot {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
    visibility: hidden !important;
}

/* Dot visible only for "Новый", but slot remains for identical alignment */
body.model-client #result_list td.field-display_status .status-chip.status_new .status-dot {
    visibility: visible !important;
}

/* Cancel legacy multiline shrinking so all statuses stay same capsule size */
body.model-client #result_list td.field-display_status .status-chip.status-chip-multiline,
body.model-client #result_list td.field-display_status .status-chip.status_understanding {
    max-width: 124px !important;
    min-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
}

/* ===== ABSOLUTE LAST: clients domain-chip geometry = subscribers style ===== */
body.model-client #result_list td.field-display_domain {
    text-align: left !important;
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* ===== ULTRA FINAL LOCK: Main page container as one premium glass capsule ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #content-main {
    position: relative !important;
    margin: 14px 10px 26px !important;
    padding: 24px 24px 26px !important;
    border-radius: 28px !important;
    border: 1px solid rgba(191, 212, 232, 0.64) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(244, 250, 255, 0.88) 100%),
        radial-gradient(120% 120% at 0% 0%, rgba(213, 230, 246, 0.20) 0%, rgba(213, 230, 246, 0) 60%) !important;
    box-shadow:
        0 18px 42px rgba(36, 68, 104, 0.12),
        0 6px 16px rgba(36, 68, 104, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(7px) saturate(115%) !important;
    -webkit-backdrop-filter: blur(7px) saturate(115%) !important;
    overflow: hidden !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #content-main::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    border-radius: inherit !important;
    pointer-events: none !important;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.32) 0%,
        rgba(255, 255, 255, 0.10) 32%,
        rgba(255, 255, 255, 0.00) 100%
    ) !important;
}

/* Keep inner table/filter/search layout intact inside new outer capsule */
:is(body.model-client, body.model-domain, body.model-subscriber) #content-main #changelist {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #content-main #changelist .changelist-form-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Extra breathing room from viewport/sidebar edges */
:is(body.model-client, body.model-domain, body.model-subscriber) #main {
    padding: 8px 10px 18px !important;
}

/* Header alignment tweak: move "Домен" and "Канал" slightly right over chips */
body.model-client #result_list thead th.column-display_domain > div,
body.model-client #result_list thead th.column-display_domain > a,
body.model-client #result_list thead th.column-display_domain > span,
body.model-client #result_list thead th.column-display_channel > div,
body.model-client #result_list thead th.column-display_channel > a,
body.model-client #result_list thead th.column-display_channel > span {
    padding-left: 10px !important;
}

/* Domain chip fit fix: use cell width, no right-side clipping */
body.model-client #result_list td.field-display_domain .domain-chip {
    max-width: calc(100% - 1px) !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== Subscribers table grid lock: header/rows use one column system ===== */
body.model-subscriber #result_list {
    width: 100% !important;
    table-layout: fixed !important;
}

body.model-subscriber #result_list thead th,
body.model-subscriber #result_list tbody td,
body.model-subscriber #result_list tbody th.field-display_id {
    box-sizing: border-box !important;
    text-align: left !important;
    vertical-align: middle !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

body.model-subscriber #result_list thead th > div,
body.model-subscriber #result_list thead th > a,
body.model-subscriber #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column,
body.model-subscriber #result_list tbody td.action-checkbox {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-subscriber #result_list th.column-display_id,
body.model-subscriber #result_list tbody th.field-display_id {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
}

body.model-subscriber #result_list th.column-display_username,
body.model-subscriber #result_list td.field-display_username {
    width: 154px !important;
    min-width: 154px !important;
    max-width: 154px !important;
}

body.model-subscriber #result_list th.column-display_fullname,
body.model-subscriber #result_list td.field-display_fullname {
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
}

body.model-subscriber #result_list th.column-display_geo,
body.model-subscriber #result_list td.field-display_geo {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
}

body.model-subscriber #result_list th.column-display_invite_link,
body.model-subscriber #result_list td.field-display_invite_link {
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
}

body.model-subscriber #result_list th.column-display_date_chip,
body.model-subscriber #result_list td.field-display_date_chip {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
}

body.model-subscriber #result_list th.column-display_channel,
body.model-subscriber #result_list td.field-display_channel {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
}

body.model-subscriber #result_list td.field-display_invite_link {
    overflow: hidden !important;
}

body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== Clients status column alignment lock (no vertical jumping) ===== */
body.model-client #result_list th.column-display_status,
body.model-client #result_list td.field-display_status {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
}

body.model-client #result_list td.field-display_status {
    vertical-align: middle !important;
    text-align: left !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* ===== TOPBAR CANONICAL (source: Subscribers) for Clients/Domains/Subscribers ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full {
    min-height: 56px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 12px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner > .flex.items-center.w-full > div:first-child {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools ul {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* User icon: plain glyph (NO capsule) exactly like Subscribers */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > a.viewsitelink:not(.addlink),
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools > button.viewsitelink:not(.addlink) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    color: #111111 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto #user-tools a .material-symbols-outlined,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.viewsitelink:not(.addlink) .material-symbols-outlined {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: #111111 !important;
}

/* "+" button: one circular capsule, single visible plus */
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #b8d4ee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(36, 74, 114, 0.10) !important;
    color: transparent !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink::after,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink > *,
:is(body.model-client, body.model-domain, body.model-subscriber) #header-inner .ml-auto .object-tools a.addlink * {
    content: none !important;
    display: none !important;
}


/* ===== ABSOLUTE LAST LOCK: Clients table strict column grid ===== */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody td,
body.model-client #result_list tbody th.field-display_id {
    box-sizing: border-box !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 10px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-client #result_list th.column-display_id,
body.model-client #result_list tbody th.field-display_id { width: 132px !important; min-width: 132px !important; max-width: 132px !important; }
body.model-client #result_list th.column-display_username,
body.model-client #result_list td.field-display_username { width: 176px !important; min-width: 176px !important; max-width: 176px !important; }
body.model-client #result_list th.column-display_status,
body.model-client #result_list td.field-display_status { width: 112px !important; min-width: 112px !important; max-width: 112px !important; }
body.model-client #result_list th.column-display_deposit,
body.model-client #result_list td.field-display_deposit { width: 84px !important; min-width: 84px !important; max-width: 84px !important; }
body.model-client #result_list th.column-display_geo,
body.model-client #result_list td.field-display_geo { width: 144px !important; min-width: 144px !important; max-width: 144px !important; }
body.model-client #result_list th.column-display_comment,
body.model-client #result_list td.field-display_comment { width: 120px !important; min-width: 120px !important; max-width: 120px !important; }
body.model-client #result_list th.column-display_created_date,
body.model-client #result_list td.field-display_created_date,
body.model-client #result_list th.column-display_subscribed_date,
body.model-client #result_list td.field-display_subscribed_date { width: 96px !important; min-width: 96px !important; max-width: 96px !important; }
body.model-client #result_list th.column-display_domain,
body.model-client #result_list td.field-display_domain { width: 228px !important; min-width: 228px !important; max-width: 228px !important; }
body.model-client #result_list th.column-display_channel,
body.model-client #result_list td.field-display_channel { width: 186px !important; min-width: 186px !important; max-width: 186px !important; }

body.model-client #result_list > tbody > tr { height: 76px !important; }

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_domain,
body.model-client #result_list td.field-display_channel {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip,
body.model-client #result_list td.field-display_channel .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

body.model-client #result_list td .id-chip,
body.model-client #result_list td .user-chip,
body.model-client #result_list td .status-chip,
body.model-client #result_list td .capital-chip,
body.model-client #result_list td .geo-chip,
body.model-client #result_list td .date-chip,
body.model-client #result_list td .domain-chip,
body.model-client #result_list td .channel-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients topbar-right must match Subscribers ===== */
body.model-client #header-inner .ml-auto #user-tools > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > a:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > div > button:has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools a.viewsitelink:not(.addlink),
body.model-client #header-inner .ml-auto .object-tools button.viewsitelink {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

body.model-client #header-inner .ml-auto #user-tools a .material-symbols-outlined,
body.model-client #header-inner .ml-auto #user-tools button .material-symbols-outlined,
body.model-client #header-inner .ml-auto .object-tools a.viewsitelink:not(.addlink) .material-symbols-outlined,
body.model-client #header-inner .ml-auto .object-tools button.viewsitelink .material-symbols-outlined,
body.model-client #header-inner .ml-auto #user-tools .material-symbols-outlined {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 21px !important;
    line-height: 1 !important;
    color: #111111 !important;
}

/* ===== ULTRA FINAL LOCK: Clients table alignment (keep this block last) ===== */
body.model-client #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-client #result_list thead th,
body.model-client #result_list tbody th,
body.model-client #result_list tbody td {
    box-sizing: border-box !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 10px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

/* Same column widths for header + body regardless td/th rendering */
body.model-client #result_list tr > :nth-child(1) { width: 3% !important; }   /* checkbox */
body.model-client #result_list tr > :nth-child(2) { width: 11% !important; }  /* ID */
body.model-client #result_list tr > :nth-child(3) { width: 15% !important; }  /* User */
body.model-client #result_list tr > :nth-child(4) { width: 9% !important; }   /* Status */
body.model-client #result_list tr > :nth-child(5) { width: 6% !important; }   /* Capital */
body.model-client #result_list tr > :nth-child(6) { width: 11% !important; }  /* Geo */
body.model-client #result_list tr > :nth-child(7) { width: 7% !important; }   /* Comment */
body.model-client #result_list tr > :nth-child(8) { width: 6.5% !important; } /* Added */
body.model-client #result_list tr > :nth-child(9) { width: 6.5% !important; } /* Subscribed */
body.model-client #result_list tr > :nth-child(10) { width: 13% !important; } /* Domain */
body.model-client #result_list tr > :nth-child(11) { width: 12% !important; } /* Channel */

body.model-client #result_list thead th.action-checkbox-column,
body.model-client #result_list tbody td.action-checkbox {
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

/* Row-cards */
body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}

body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
}

/* Status chips on one vertical axis */
body.model-client #result_list td.field-display_status {
    vertical-align: middle !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    margin: 0 !important;
    align-self: center !important;
}

/* Domain + channel chips must stay inside their columns */
body.model-client #result_list td.field-display_domain,
body.model-client #result_list td.field-display_channel {
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.model-client #result_list td.field-display_channel .channel-chip {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== ABSOLUTE LAST: STATUS CHIPS UNIFORM SIZE + UNIFORM LAYOUT ===== */
body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    display: grid !important;
    grid-template-columns: 10px 1fr !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 124px !important;
    min-width: 124px !important;
    max-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.05 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
}

body.model-client #result_list td.field-display_status .status-chip .status-dot {
    display: inline-block !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
    visibility: hidden !important;
}

body.model-client #result_list td.field-display_status .status-chip.status_new .status-dot {
    visibility: visible !important;
}

body.model-client #result_list td.field-display_status .status-chip.status-chip-multiline,
body.model-client #result_list td.field-display_status .status-chip.status_understanding {
    max-width: 124px !important;
    min-width: 124px !important;
    height: 42px !important;
    min-height: 42px !important;
}

/* ===== ABSOLUTE LAST: clients domain-chip = subscribers behavior ===== */
body.model-client #result_list td.field-display_domain {
    text-align: left !important;
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-sizing: border-box !important;
}

/* ===== ABSOLUTE LAST: MINI STATUS CHIPS (clients) ===== */
body.model-client #result_list td.field-display_status .js-inline-status {
    min-height: 34px !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    display: grid !important;
    grid-template-columns: 8px 1fr !important;
    align-items: center !important;
    column-gap: 5px !important;
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-align: center !important;
    line-height: 1.02 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    overflow: hidden !important;
}

body.model-client #result_list td.field-display_status .status-chip .status-dot {
    width: 7px !important;
    height: 7px !important;
    min-width: 7px !important;
    min-height: 7px !important;
}

/* Long statuses keep readable in compact chip */
body.model-client #result_list td.field-display_status .status-chip.status_understanding,
body.model-client #result_list td.field-display_status .status-chip.status_deposit,
body.model-client #result_list td.field-display_status .status-chip.status_register {
    font-size: 10px !important;
    line-height: 1.0 !important;
}

/* ===== ABSOLUTE LAST: domain chip text fit ===== */
body.model-client #result_list td.field-display_domain .domain-chip,
body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    font-size: 11.5px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    letter-spacing: 0 !important;
}

/* ===== ABSOLUTE LAST: empty GEO chip same size as Ukraine/Armenia ===== */
body.model-client #result_list td .geo-chip.geo-chip-empty,
body.model-subscriber #result_list td .geo-chip.geo-chip-empty {
    width: 116px !important;          /* ~96px content width with 10px paddings */
    min-width: 116px !important;
    max-width: 116px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* ===== HOTFIX: keep bottom mass-actions panel visible ===== */
/* Root cause: glass container had overflow+backdrop-filter, clipping fixed action dock. */
:is(body.model-client, body.model-domain, body.model-subscriber) #content-main {
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #content-main #changelist,
:is(body.model-client, body.model-domain, body.model-subscriber) #content-main #changelist .changelist-form-container {
    overflow: visible !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper {
    position: relative !important;
    z-index: 70 !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients user icon must look like Subscribers ===== */
body.model-client #header-inner .ml-auto #user-tools > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto #user-tools > button:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto .object-tools > a.viewsitelink:not(.addlink),
body.model-client #header-inner .ml-auto .object-tools > button.viewsitelink:not(.addlink) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
    outline: none !important;
}

body.model-client #header-inner .ml-auto #user-tools > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto #user-tools > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto #user-tools > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto #user-tools > button:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined)::after {
    content: none !important;
    display: none !important;
}

body.model-client #header-inner .ml-auto #user-tools > a:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto #user-tools > button:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto #user-tools > a:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto #user-tools > button:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto .object-tools > a:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto .object-tools > button:not(.addlink):has(.material-symbols-outlined) svg {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    color: #111111 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients empty GEO chip (95-105px visual width) ===== */
body.model-client #result_list td .geo-chip.geo-chip-empty {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients profile icon must be plain (no circle) ===== */
body.model-client .object-tools > a.viewsitelink,
body.model-client .object-tools > button.viewsitelink,
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

body.model-client .object-tools > a.viewsitelink::before,
body.model-client .object-tools > button.viewsitelink::before,
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client .object-tools > a.viewsitelink::after,
body.model-client .object-tools > button.viewsitelink::after,
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined)::after {
    content: none !important;
    display: none !important;
}

body.model-client .object-tools > a.viewsitelink *,
body.model-client .object-tools > button.viewsitelink *,
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined) *,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined) * {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* same reset, but for nested links/buttons inside user-tools wrappers */
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined)::after {
    content: none !important;
    display: none !important;
}

body.model-client #user-tools > a:not(.addlink):has(.material-symbols-outlined) *,
body.model-client #user-tools > button:not(.addlink):has(.material-symbols-outlined) * {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== Clients: keep year chips (date hierarchy) near search ===== */
body.model-client .crm-date-hierarchy-inline {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

body.model-client .crm-date-hierarchy-inline .toplinks,
body.model-client .crm-date-hierarchy-inline .date-hierarchy,
body.model-client .crm-date-hierarchy-inline .date_hierarchy {
    margin: 0 !important;
}

/* ===== ABSOLUTE LAST LOCK: glass capsule style for bottom bulk-actions bar ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > .bg-primary-600 {
    background: linear-gradient(180deg, rgba(164, 198, 229, 0.78) 0%, rgba(137, 177, 214, 0.72) 100%) !important;
    border: 1px solid rgba(186, 216, 241, 0.88) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 28px rgba(31, 69, 104, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.50) !important;
    backdrop-filter: blur(10px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(10px) saturate(120%) !important;
    padding: 12px 14px !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    border: 1px solid rgba(176, 208, 235, 0.95) !important;
    background: linear-gradient(180deg, rgba(248, 253, 255, 0.90) 0%, rgba(235, 246, 254, 0.82) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(44, 86, 125, 0.12) !important;
    color: #2b5478 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"] {
    border: 1px solid rgba(120, 169, 210, 0.92) !important;
    background: linear-gradient(180deg, rgba(119, 171, 214, 0.95) 0%, rgba(93, 146, 192, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.36), 0 6px 14px rgba(28, 62, 96, 0.22) !important;
    color: #ecf6ff !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"]:hover {
    background: linear-gradient(180deg, rgba(109, 163, 207, 0.97) 0%, rgba(84, 139, 186, 0.94) 100%) !important;
    border-color: rgba(111, 160, 201, 0.95) !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients status chips compact, crisp, perfectly aligned ===== */
body.model-client #result_list th.column-display_status,
body.model-client #result_list td.field-display_status {
    width: 126px !important;
    min-width: 126px !important;
    max-width: 126px !important;
    overflow: visible !important;
    vertical-align: middle !important;
}

body.model-client #result_list td.field-display_status .js-inline-status {
    width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

body.model-client #result_list td.field-display_status .status-chip {
    display: grid !important;
    grid-template-columns: 8px 1fr !important;
    align-items: center !important;
    column-gap: 6px !important;
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    text-align: center !important;
    line-height: 1.06 !important;
    font-size: 11.8px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

body.model-client #result_list td.field-display_status .status-chip .status-dot {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
}

body.model-client #result_list td.field-display_status .status-chip.status_understanding,
body.model-client #result_list td.field-display_status .status-chip.status_register,
body.model-client #result_list td.field-display_status .status-chip.status_deposit,
body.model-client #result_list td.field-display_status .status-chip.status-chip-multiline {
    width: 108px !important;
    min-width: 108px !important;
    max-width: 108px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    line-height: 1.06 !important;
    font-size: 11.8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients header-right icons parity with Subscribers/Domains ===== */
/* In clients there are legacy local rules creating a circle for user icon.
   Force flat icon for every right-side control except "+" add button. */
body.model-client #header-inner .ml-auto > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto > button:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto > div > a:not(.addlink):has(.material-symbols-outlined),
body.model-client #header-inner .ml-auto > div > button:not(.addlink):has(.material-symbols-outlined) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

body.model-client #header-inner .ml-auto > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto > div > a:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto > div > button:not(.addlink):has(.material-symbols-outlined)::before,
body.model-client #header-inner .ml-auto > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto > button:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto > div > a:not(.addlink):has(.material-symbols-outlined)::after,
body.model-client #header-inner .ml-auto > div > button:not(.addlink):has(.material-symbols-outlined)::after {
    content: none !important;
    display: none !important;
}

body.model-client #header-inner .ml-auto > a:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto > button:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto > div > a:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto > div > button:not(.addlink):has(.material-symbols-outlined) .material-symbols-outlined,
body.model-client #header-inner .ml-auto > a:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto > button:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto > div > a:not(.addlink):has(.material-symbols-outlined) svg,
body.model-client #header-inner .ml-auto > div > button:not(.addlink):has(.material-symbols-outlined) svg {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    line-height: 1 !important;
}

/* Keep "+" as capsule button */
body.model-client #header-inner .ml-auto a.addlink,
body.model-client #header-inner .ml-auto button.addlink {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
}

/* ===== ABSOLUTE LAST LOCK: bottom actions panel color = table header color ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > .bg-primary-600 {
    background: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    border: 1px solid #b2c6dc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 22px rgba(45, 79, 114, 0.16) !important;
}

/* Force same header-like color on REAL bottom actions container */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper {
    background: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    border: 1px solid #b2c6dc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 22px rgba(45, 79, 114, 0.16) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > div {
    background: transparent !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients header titles with visually even spacing ===== */
body.model-client #result_list thead th {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

body.model-client #result_list thead th > div,
body.model-client #result_list thead th > a,
body.model-client #result_list thead th > span {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

body.model-client #result_list thead th.action-checkbox-column > div,
body.model-client #result_list thead th.action-checkbox-column > a,
body.model-client #result_list thead th.action-checkbox-column > span {
    justify-content: center !important;
}

/* ===== ABSOLUTE LAST LOCK: Clients status text centered and larger ===== */
body.model-client #result_list td.field-display_status .status-chip {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.06 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

body.model-client #result_list td.field-display_status .status-chip .status-dot {
    position: absolute !important;
    left: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

body.model-client #result_list td.field-display_status .status-chip.status_understanding,
body.model-client #result_list td.field-display_status .status-chip.status_register,
body.model-client #result_list td.field-display_status .status-chip.status_deposit,
body.model-client #result_list td.field-display_status .status-chip.status-chip-multiline {
    font-size: 13px !important;
    line-height: 1.04 !important;
}

/* ===== ABSOLUTE LAST LOCK: Subscribers empty GEO = Clients size ===== */
body.model-subscriber #result_list td .geo-chip.geo-chip-empty {
    width: 102px !important;
    min-width: 102px !important;
    max-width: 102px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* ===== ABSOLUTE LAST LOCK: color WHOLE bulk-actions panel surface (all nested layers) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions form,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions {
    background: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    border-color: #b2c6dc !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 22px rgba(45, 79, 114, 0.16) !important;
    border-radius: 20px !important;
}

/* ===== ABSOLUTE LAST LOCK: Dashboard/App Index in unified capsule style (like Domains) ===== */
:is(body.dashboard, body.app-index) #content-main {
    border-radius: 24px !important;
    border: 1px solid rgba(191, 212, 232, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(244, 250, 255, 0.90) 100%),
        radial-gradient(120% 120% at 0% 0%, rgba(213, 230, 246, 0.20) 0%, rgba(213, 230, 246, 0) 60%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 14px !important;
}

:is(body.dashboard, body.app-index) #content-main .module {
    border-radius: 18px !important;
    border: 1px solid #d9e6f3 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    padding: 12px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
}

:is(body.dashboard, body.app-index) #content-main .module caption,
:is(body.dashboard, body.app-index) #content-main .module h2,
:is(body.dashboard, body.app-index) #content-main .module th.section {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #2e4f71 !important;
}

:is(body.dashboard, body.app-index) #content-main .module table {
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
}

:is(body.dashboard, body.app-index) #content-main .module table tr > th,
:is(body.dashboard, body.app-index) #content-main .module table tr > td {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

:is(body.dashboard, body.app-index) #content-main .module table tr > th > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid #d6e4f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    color: #345879 !important;
    text-decoration: none !important;
}

:is(body.dashboard, body.app-index) #content-main .module table tr + tr::before {
    content: "" !important;
    display: block !important;
    height: 8px !important;
}

:is(body.dashboard, body.app-index) #content-main .module .addlink,
:is(body.dashboard, body.app-index) #content-main .module .changelink,
:is(body.dashboard, body.app-index) #content-main .module .viewlink {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dbee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: 0 4px 11px rgba(44, 84, 126, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    color: #326ea8 !important;
}

:is(body.dashboard, body.app-index) #content-related {
    border-radius: 20px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    padding: 14px !important;
}

:is(body.dashboard, body.app-index) #content-related #recent-actions-module {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

:is(body.dashboard, body.app-index) #content-related .actionlist {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

:is(body.dashboard, body.app-index) #content-related .actionlist > li {
    border: 1px solid #d8e6f2 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 11px 12px !important;
    margin: 0 !important;
}

/* ===== ABSOLUTE LAST LOCK: restore TOP border of main capsule (Clients) ===== */
body.model-client #content-main {
    border-top: 1px solid rgba(191, 212, 232, 0.72) !important;
}

/* ===== ABSOLUTE LAST LOCK: hide thin horizontal line under top header strip ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #content-main {
    border-top: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #content-main::before {
    display: none !important;
}

/* ===== ABSOLUTE LAST LOCK: kill any top separator line under page header (Clients) ===== */
body.model-client #content-main,
body.model-client #content-main #changelist,
body.model-client #content-main .module,
body.model-client #content-main .changelist-form-container,
body.model-client #content-main #changelist-form,
body.model-client #content-main .results {
    border-top: 0 !important;
    box-shadow: none !important;
}

body.model-client #content-main::before,
body.model-client #content-main::after,
body.model-client #content-main #changelist::before,
body.model-client #content-main #changelist::after,
body.model-client #content-main .module::before,
body.model-client #content-main .module::after {
    display: none !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE LAST LOCK: WHOLE bulk-actions field must be one solid surface ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper {
    background: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    border: 1px solid #b2c6dc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 22px rgba(45, 79, 114, 0.16) !important;
}

/* Remove inner pale rectangle/surface layers so the whole panel stays one color */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper > *,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper > * > * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE LAST LOCK: force inner bulk-actions field to same color as whole bar ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions {
    background: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    background-color: #c3d2e4 !important;
    background-image: linear-gradient(180deg, #c9d7e7 0%, #bccde0 100%) !important;
    border: 1px solid #b2c6dc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62), 0 10px 22px rgba(45, 79, 114, 0.16) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions::before,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* inner layout blocks must not create pale strip */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions .actions {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE LAST LOCK: hide separator line UNDER "Выберите Клиент..." header ===== */
body.model-client #header,
body.model-client #header-inner {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.model-client #header::before,
body.model-client #header::after,
body.model-client #header-inner::before,
body.model-client #header-inner::after {
    display: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE LAST LOCK: restore top edge of main client capsule ===== */
body.model-client #content-main {
    border-top-width: 1px !important;
    border-top-style: solid !important;
    border-top-color: rgba(191, 212, 232, 0.72) !important;
}

/* ===== ABSOLUTE LAST LOCK (GLOBAL): bulk-actions panel hard override ===== */
#changelist-actions-wrapper,
#changelist-actions {
    background: linear-gradient(180deg, #7fa8cf 0%, #6f9dc7 100%) !important;
    background-color: #76a3cc !important;
    background-image: linear-gradient(180deg, #7fa8cf 0%, #6f9dc7 100%) !important;
    border: 0 !important;
    outline: none !important;
}

#changelist-actions-wrapper::before,
#changelist-actions-wrapper::after,
#changelist-actions::before,
#changelist-actions::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

#changelist-actions-wrapper *,
#changelist-actions * {
    border-color: transparent !important;
}

/* ===== Admin index page (dashboard-custom): predictable unified CRM style ===== */
.dashboard-custom #content-main,
.dashboard-custom .dashboard-main {
    border-radius: 24px !important;
    border: 1px solid rgba(191, 212, 232, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(244, 250, 255, 0.90) 100%),
        radial-gradient(120% 120% at 0% 0%, rgba(213, 230, 246, 0.20) 0%, rgba(213, 230, 246, 0) 60%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 14px !important;
}

.dashboard-custom #content-main .module,
.dashboard-custom .dashboard-main .module {
    border-radius: 18px !important;
    border: 1px solid #d9e6f3 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    padding: 12px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
}

.dashboard-custom #content-main .module caption,
.dashboard-custom #content-main .module h2,
.dashboard-custom #content-main .module th.section,
.dashboard-custom .dashboard-main .module caption,
.dashboard-custom .dashboard-main .module h2,
.dashboard-custom .dashboard-main .module th.section {
    margin: 0 0 10px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #2e4f71 !important;
}

.dashboard-custom #content-main .module table tr > th > a,
.dashboard-custom .dashboard-main .module table tr > th > a {
    display: flex !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    border-radius: 13px !important;
    border: 1px solid #d6e4f1 !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    color: #345879 !important;
    text-decoration: none !important;
}

.dashboard-custom #content-main .module table tr + tr::before,
.dashboard-custom .dashboard-main .module table tr + tr::before {
    content: "" !important;
    display: block !important;
    height: 8px !important;
}

.dashboard-custom #content-main .module .addlink,
.dashboard-custom #content-main .module .changelink,
.dashboard-custom #content-main .module .viewlink,
.dashboard-custom .dashboard-main .module .addlink,
.dashboard-custom .dashboard-main .module .changelink,
.dashboard-custom .dashboard-main .module .viewlink {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dbee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: 0 4px 11px rgba(44, 84, 126, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
    color: #326ea8 !important;
}

.dashboard-custom #content-related,
.dashboard-custom .dashboard-side {
    border-radius: 20px !important;
    border: 1px solid #dbe6f2 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
    padding: 14px !important;
}

.dashboard-custom #content-related #recent-actions-module,
.dashboard-custom .dashboard-side #recent-actions-module {
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.dashboard-custom #content-related .actionlist,
.dashboard-custom .dashboard-side .actionlist {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 9px !important;
}

.dashboard-custom #content-related .actionlist > li,
.dashboard-custom .dashboard-side .actionlist > li {
    border: 1px solid #d8e6f2 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 11px 12px !important;
    margin: 0 !important;
}

/* Keep cards inside dashboard in one visual language and prevent old generic borders */
.dashboard-custom .module,
.dashboard-custom .module table,
.dashboard-custom .module table tr,
.dashboard-custom #content-related,
.dashboard-custom #content-related .module,
.dashboard-custom #content-related ul,
.dashboard-custom #content-related li {
    border-color: #d8e6f2 !important;
}

/* ===== ABSOLUTE LAST LOCK: remove extra borders in bottom bulk-actions panel ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions .actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions form {
    border: 0 !important;
    outline: none !important;
}

/* ===== ABSOLUTE LAST LOCK: bulk-actions panel fully dark-blue (no light-gray strip) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions .actions,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper #changelist-actions form {
    background: linear-gradient(180deg, #7fa8cf 0%, #6f9dc7 100%) !important;
    background-color: #76a3cc !important;
    background-image: linear-gradient(180deg, #7fa8cf 0%, #6f9dc7 100%) !important;
    border-color: #6a95bc !important;
}

/* ===== ABSOLUTE FINAL: bulk-actions one-piece glass capsule ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper {
    border: 0 !important;
    border-radius: 20px !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #7fa8cf 0%, #6f9dc7 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34), 0 10px 22px rgba(40, 73, 108, 0.22) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 56px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > div,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions form,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions label,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .action-counter,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions-selected-counter {
    color: #eaf4ff !important;
    font-size: 14px !important;
    line-height: 1 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    min-height: 40px !important;
    height: 40px !important;
    min-width: 270px !important;
    border: 1px solid rgba(148, 187, 223, 0.95) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(236, 246, 255, 0.98) 0%, rgba(214, 230, 247, 0.95) 100%) !important;
    color: #234b70 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding: 0 38px 0 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"],
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .all,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .all a {
    min-height: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(148, 187, 223, 0.95) !important;
    background: linear-gradient(180deg, rgba(173, 203, 230, 0.92) 0%, rgba(149, 186, 218, 0.90) 100%) !important;
    color: #eaf4ff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 0 14px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.26), 0 4px 10px rgba(37, 71, 106, 0.14) !important;
    text-decoration: none !important;
}

/* ===== ABSOLUTE FINAL: layout de-border (no double frame) ===== */
/* 1) remove thin separator under topbar/header */
body:not(.login) #header,
body:not(.login) #header-inner,
body:not(.login) #header > div,
body:not(.login) #header-inner > div {
    border-bottom: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body:not(.login) #header::before,
body:not(.login) #header::after,
body:not(.login) #header-inner::before,
body:not(.login) #header-inner::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* defensive fallback when separator is rendered as adjacent rule/hr */
body:not(.login) #header + hr,
body:not(.login) #header-inner + hr {
    display: none !important;
    border: 0 !important;
}

/* 2) remove outer page wrapper contour (right side of sidebar) */
body:not(.login) #page,
body:not(.login) #main,
body:not(.login) #main > div:first-of-type,
body:not(.login) #content {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

body:not(.login) #page::before,
body:not(.login) #page::after,
body:not(.login) #main::before,
body:not(.login) #main::after,
body:not(.login) #content::before,
body:not(.login) #content::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE FINAL: sharper readable typography in CRM list tables ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list thead th,
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list thead th a {
    color: #2f4f72 !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td,
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td a,
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td span {
    color: #4f6d86 !important;
    font-weight: 620 !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* keep capsule text especially readable */
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td [class*="rounded"],
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td .inline-flex,
:is(body.model-client, body.model-domain, body.model-subscriber) #result_list tbody td .whitespace-nowrap {
    color: #446583 !important;
    font-weight: 650 !important;
}

/* ===== ABSOLUTE FINAL: sharper capsule borders + empty subscribed date tint ===== */
:is(body.model-client, body.model-subscriber) #result_list td .status-chip,
:is(body.model-client, body.model-subscriber) #result_list td .geo-chip,
:is(body.model-client, body.model-subscriber) #result_list td .date-chip,
:is(body.model-client, body.model-subscriber) #result_list td .domain-chip,
:is(body.model-client, body.model-subscriber) #result_list td .channel-chip,
:is(body.model-client, body.model-subscriber) #result_list td .geo-chip-empty,
 :is(body.model-client, body.model-subscriber) #result_list td .comment-chip-empty {
    border-color: #bcd1e4 !important;
    border-width: 1px !important;
    box-shadow: none !important;
}

:is(body.model-client, body.model-subscriber) #result_list td .status-chip,
:is(body.model-client, body.model-subscriber) #result_list td .geo-chip,
:is(body.model-client, body.model-subscriber) #result_list td .date-chip,
:is(body.model-client, body.model-subscriber) #result_list td .domain-chip,
:is(body.model-client, body.model-subscriber) #result_list td .channel-chip,
:is(body.model-client, body.model-subscriber) #result_list td .geo-chip-empty,
:is(body.model-client, body.model-subscriber) #result_list td .comment-chip-empty {
    color: #3e607e !important;
    font-weight: 680 !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* kill accidental inner borders inside capsules */
:is(body.model-client, body.model-subscriber) #result_list td .id-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .user-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .status-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .geo-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .date-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .domain-chip *,
:is(body.model-client, body.model-subscriber) #result_list td .channel-chip * {
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Clients: empty "Подписался" capsule -> slightly red tint */
body.model-client #result_list td.field-display_subscribed_date .date-chip-empty {
    background: linear-gradient(180deg, rgba(255, 244, 244, 0.95) 0%, rgba(255, 234, 234, 0.90) 100%) !important;
    border-color: #f0bfc4 !important;
    color: #a45c65 !important;
}

/* Subscribers: same readability and tint for empty date capsule */
body.model-subscriber #result_list td.field-display_date_chip .date-chip-empty {
    background: linear-gradient(180deg, rgba(255, 244, 244, 0.95) 0%, rgba(255, 234, 234, 0.90) 100%) !important;
    border-color: #f0bfc4 !important;
    color: #a45c65 !important;
}

/* Clients/Subscribers: empty ID capsule -> red tint + no copy icon */
body.model-client #result_list :is(th, td).field-display_id .id-chip.id-chip-empty,
body.model-subscriber #result_list :is(th, td).field-display_id .id-chip.id-chip-empty {
    justify-content: center !important;
    gap: 0 !important;
    min-width: 76px !important;
    background: linear-gradient(180deg, rgba(255, 244, 244, 0.95) 0%, rgba(255, 234, 234, 0.90) 100%) !important;
    border-color: #f0bfc4 !important;
    color: #a45c65 !important;
}

/* ===== Admin index responsive safety: don't collapse app list column ===== */
.dashboard-custom .dashboard-main {
    flex: 1 1 560px !important;
    min-width: 320px !important;
}

.dashboard-custom .dashboard-side {
    flex: 0 0 360px !important;
    max-width: 100% !important;
}

/* dashboard-main/side are layout wrappers only: avoid double "card in card" borders */
.dashboard-custom .dashboard-main,
.dashboard-custom .dashboard-side {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

@media (max-width: 1279px) {
    .dashboard-custom .dashboard-main,
    .dashboard-custom .dashboard-side {
        flex: 1 1 auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }
}

/* ===== ABSOLUTE FINAL: bigger sidebar logo (clean, аккуратно) ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img,
#nav-sidebar > div:first-child img,
#nav-sidebar > .sidebar-header img,
#nav-sidebar > .branding img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent,
#nav-sidebar > div:first-child,
#nav-sidebar > .sidebar-header,
#nav-sidebar > .branding {
    min-height: 66px !important;
    overflow: visible !important;
}

/* ===== ABSOLUTE FINAL: GEO capsules unified size + centered content ===== */
:is(body.model-client, body.model-subscriber) #result_list td.field-display_geo .geo-chip,
:is(body.model-client, body.model-subscriber) #result_list td.field-display_geo .geo-chip.geo-chip-empty {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 6px 10px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1px !important;
}

body.model-subscriber #result_list td.field-display_geo .geo-chip,
body.model-subscriber #result_list td.field-display_geo .geo-chip.geo-chip-empty {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    box-sizing: border-box !important;
}

:is(body.model-client, body.model-subscriber) #result_list td.field-display_geo .geo-chip .geo-country,
:is(body.model-client, body.model-subscriber) #result_list td.field-display_geo .geo-chip .geo-city,
:is(body.model-client, body.model-subscriber) #result_list td.field-display_geo .geo-chip span {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
}

/* ===== ABSOLUTE FINAL: domain capsules same length + centered text (no clipping) ===== */
body.model-client #result_list th.column-display_domain,
body.model-client #result_list td.field-display_domain,
body.model-subscriber #result_list th.column-display_invite_link,
body.model-subscriber #result_list td.field-display_invite_link {
    width: 236px !important;
    min-width: 236px !important;
    max-width: 236px !important;
}

body.model-client #result_list td.field-display_domain .domain-chip,
body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* ===== ABSOLUTE FINAL: Subscribers capsule sizes = Clients ===== */
body.model-subscriber #result_list th.column-display_username,
body.model-subscriber #result_list td.field-display_username {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
}

body.model-subscriber #result_list th.column-display_fullname,
body.model-subscriber #result_list td.field-display_fullname {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
}

body.model-subscriber #result_list th.column-display_geo,
body.model-subscriber #result_list td.field-display_geo {
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
}

body.model-subscriber #result_list th.column-display_welcome_segment,
body.model-subscriber #result_list td.field-display_welcome_segment {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
}

body.model-subscriber #result_list th.column-display_invite_link,
body.model-subscriber #result_list td.field-display_invite_link {
    width: 228px !important;
    min-width: 228px !important;
    max-width: 228px !important;
}

body.model-subscriber #result_list th.column-display_date_chip,
body.model-subscriber #result_list td.field-display_date_chip {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
}

body.model-subscriber #result_list th.column-display_channel,
body.model-subscriber #result_list td.field-display_channel {
    width: 186px !important;
    min-width: 186px !important;
    max-width: 186px !important;
}

body.model-subscriber #result_list > tbody > tr {
    height: 76px !important;
}

/* keep subscriber chips with same baseline geometry as clients */
body.model-subscriber #result_list td .id-chip,
body.model-subscriber #result_list td .user-chip,
body.model-subscriber #result_list td .date-chip,
body.model-subscriber #result_list td .domain-chip,
body.model-subscriber #result_list td .channel-chip {
    min-height: 38px !important;
    border-radius: 999px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

/* ===== ABSOLUTE FINAL: domain text clarity boost ===== */
body.model-client #result_list td.field-display_domain .domain-chip,
body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    color: #2f5477 !important;
    font-size: 11.6px !important;
    font-weight: 700 !important;
    letter-spacing: 0.005em !important;
    text-rendering: geometricPrecision !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

/* ===== ABSOLUTE FINAL: move sidebar brand (logo + title) slightly left ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent {
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 10px 14px 10px 10px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 {
    margin-left: 2px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
    align-items: flex-start !important;
    text-align: left !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent a:last-child,
#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col a:last-child {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
}

/* ===== ABSOLUTE FINAL: Subscribers link capsules more compact ===== */
body.model-subscriber #result_list th.column-display_invite_link,
body.model-subscriber #result_list td.field-display_invite_link {
    width: 206px !important;
    min-width: 206px !important;
    max-width: 206px !important;
}

body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: 11.6px !important;
    font-weight: 690 !important;
    justify-content: center !important;
}

/* ===== ABSOLUTE FINAL HOTFIX: Subscribers "Ссылка" capsule must hug content ===== */
body.model-subscriber #result_list td.field-display_invite_link {
    text-align: center !important;
}

body.model-subscriber #result_list td.field-display_invite_link .domain-chip {
    width: fit-content !important;
    min-width: 112px !important;
    max-width: 206px !important;
    padding: 0 12px !important;
    margin: 0 auto !important;
}

/* ===== ABSOLUTE FINAL HOTFIX: hide duplicate "Выбраны все ..." badge in bulk actions ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .all,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .all a {
    display: none !important;
}

/* ===== ABSOLUTE FINAL: Clients big containers shadow = Subscribers ===== */
body.model-client #content-main {
    border: 1px solid #dbe6f2 !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 16px 36px rgba(35, 68, 108, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.model-client #changelist-form > div[data-simplebar] {
    border: 1px solid #dbe8f5 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

/* ===== ABSOLUTE FINAL: Clients/Subscribers main work area must be pure white ===== */
:is(body.model-client, body.model-subscriber) #page,
:is(body.model-client, body.model-subscriber) #main,
:is(body.model-client, body.model-subscriber) #main > div:first-of-type,
:is(body.model-client, body.model-subscriber) #content,
:is(body.model-client, body.model-subscriber) #content-main {
    background: #ffffff !important;
    background-image: none !important;
}

:is(body.model-client, body.model-subscriber) #content-main {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:is(body.model-client, body.model-subscriber) #page::before,
:is(body.model-client, body.model-subscriber) #page::after,
:is(body.model-client, body.model-subscriber) #main::before,
:is(body.model-client, body.model-subscriber) #main::after,
:is(body.model-client, body.model-subscriber) #content::before,
:is(body.model-client, body.model-subscriber) #content::after,
:is(body.model-client, body.model-subscriber) #content-main::before,
:is(body.model-client, body.model-subscriber) #content-main::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

/* ===== ABSOLUTE FINAL: Subscribers row shape = Clients (pill row container) ===== */
body.model-subscriber #result_list {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

body.model-subscriber #result_list thead th,
body.model-subscriber #result_list tbody th,
body.model-subscriber #result_list tbody td {
    box-sizing: border-box !important;
    vertical-align: middle !important;
    text-align: left !important;
    padding: 10px !important;
}

body.model-subscriber #result_list thead th.action-checkbox-column,
body.model-subscriber #result_list tbody td.action-checkbox {
    text-align: center !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row {
    height: 76px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > th,
body.model-subscriber #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}

body.model-subscriber #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

/* ===== ABSOLUTE FINAL: sidebar "Панель управления" in one line ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent {
    gap: 6px !important;
    padding-right: 10px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    word-break: keep-all !important;
    line-height: 1.1 !important;
    font-size: 12px !important;
}

/* ===== ABSOLUTE FINAL LOCK: Subscribers rows truly capsule like Clients ===== */
body.model-subscriber #result_list {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    table-layout: fixed !important;
}

body.model-subscriber #result_list > tbody {
    background: transparent !important;
}

body.model-subscriber #result_list > tbody > tr,
body.model-subscriber #result_list > tbody > tr.data-row {
    height: 76px !important;
    background: transparent !important;
}

body.model-subscriber #result_list > tbody > tr > th,
body.model-subscriber #result_list > tbody > tr > td,
body.model-subscriber #result_list > tbody > tr.data-row > th,
body.model-subscriber #result_list > tbody > tr.data-row > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #d2e2f1 !important;
    border-bottom: 1px solid #d2e2f1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.model-subscriber #result_list > tbody > tr > *:first-child,
body.model-subscriber #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #d2e2f1 !important;
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}

body.model-subscriber #result_list > tbody > tr > *:last-child,
body.model-subscriber #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #d2e2f1 !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

/* ===== ABSOLUTE FINAL: row-capsule perimeter visibility (Clients + Subscribers) ===== */
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr > th,
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr > td,
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr.data-row > th,
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr.data-row > td {
    border-top-color: #c6d9eb !important;
    border-bottom-color: #c6d9eb !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 1px 2px rgba(58, 89, 122, 0.07) !important;
}

:is(body.model-client, body.model-subscriber) #result_list > tbody > tr > *:first-child,
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr.data-row > *:first-child {
    border-left-color: #c3d7ea !important;
}

:is(body.model-client, body.model-subscriber) #result_list > tbody > tr > *:last-child,
:is(body.model-client, body.model-subscriber) #result_list > tbody > tr.data-row > *:last-child {
    border-right-color: #c3d7ea !important;
}

/* ===== ABSOLUTE FINAL LOCK: Clients row-capsule side borders readability ===== */
body.model-client #result_list > tbody {
    background: transparent !important;
}

body.model-client #result_list > tbody > tr > th,
body.model-client #result_list > tbody > tr > td,
body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    border-top-color: #bed4e8 !important;
    border-bottom-color: #bed4e8 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        0 1px 2px rgba(49, 80, 114, 0.08) !important;
}

body.model-client #result_list > tbody > tr > *:first-child,
body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left-color: #bed4e8 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        0 1px 2px rgba(49, 80, 114, 0.08) !important;
}

body.model-client #result_list > tbody > tr > *:last-child,
body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right-color: #bed4e8 !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.80),
        0 1px 2px rgba(49, 80, 114, 0.08) !important;
}

/* ===== ABSOLUTE FINAL LOCK: Clients row radius = Subscribers (full pill ends) ===== */
body.model-client #result_list > tbody > tr > *:first-child,
body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}

body.model-client #result_list > tbody > tr > *:last-child,
body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

/* ===== ABSOLUTE FINAL: sidebar brand text larger, one-line, balanced paddings ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent {
    gap: 8px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 {
    margin-left: 0 !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important {
    display: block !important;
    width: 100% !important;
    font-size: 20px !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important :is(span, a, strong, b) {
    font-size: 20px !important;
    line-height: 1.03 !important;
    font-weight: 800 !important;
}

/* ===== ABSOLUTE FINAL: bottom bulk-actions bar = clean floating glass ===== */
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions-wrapper {
    background: transparent !important;
    border: 0 !important;
    box-shadow:
        0 -8px 16px -12px rgba(31, 56, 84, 0.42),
        0 -2px 6px -5px rgba(31, 56, 84, 0.28) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions > .bg-primary-600 {
    background: linear-gradient(180deg, rgba(128, 170, 210, 0.94) 0%, rgba(113, 155, 196, 0.92) 100%) !important;
    border: 1px solid rgba(116, 156, 195, 0.82) !important;
    border-top-color: rgba(194, 220, 244, 0.76) !important;
    border-radius: 20px !important;
    box-shadow:
        0 -8px 16px -12px rgba(31, 56, 84, 0.40),
        0 -2px 6px -5px rgba(31, 56, 84, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
    backdrop-filter: blur(4px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(4px) saturate(108%) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions select[name="action"] {
    border: 1px solid rgba(183, 209, 234, 0.95) !important;
    background: linear-gradient(180deg, rgba(242, 250, 255, 0.96) 0%, rgba(224, 239, 252, 0.93) 100%) !important;
    color: #264e74 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions button[name="index"] {
    border: 1px solid rgba(104, 148, 189, 0.95) !important;
    background: linear-gradient(180deg, rgba(106, 156, 201, 0.97) 0%, rgba(88, 137, 181, 0.95) 100%) !important;
    color: #f3f9ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 6px -3px rgba(34, 64, 96, 0.34) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .action-counter,
:is(body.model-client, body.model-domain, body.model-subscriber) #changelist-actions .actions-selected-counter {
    color: #eaf4ff !important;
    font-weight: 700 !important;
}

/* ===== ABSOLUTE FINAL LOCK: Clients row capsule without inner vertical dividers ===== */
body.model-client #result_list > tbody > tr > th,
body.model-client #result_list > tbody > tr > td,
body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    border-left-width: 0 !important;
    border-right-width: 0 !important;
}

body.model-client #result_list > tbody > tr > *:first-child,
body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: #bed4e8 !important;
}

body.model-client #result_list > tbody > tr > *:last-child,
body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right-width: 1px !important;
    border-right-style: solid !important;
    border-right-color: #bed4e8 !important;
}

/* ===== ABSOLUTE FINAL LOCK: sidebar brand title 1.5x + aligned with menu labels ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent {
    justify-content: center !important;
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 8px !important;
    min-width: 0 !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    min-height: 32px !important;
    flex: 1 1 auto !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 {
    flex: 0 0 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 > a,
#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 > span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important,
#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name,
#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name a,
#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important :is(span, a, strong, b) {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    margin: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    text-align: center !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    object-fit: contain !important;
    display: block !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 24px !important;
    padding: 0 !important;
    transform: translateY(1px) !important;
}

/* ===== ABSOLUTE FINAL LOCK: Clients row side borders = same soft contour (no hard vertical dividers) ===== */
body.model-client #result_list > tbody > tr > th,
body.model-client #result_list > tbody > tr > td,
body.model-client #result_list > tbody > tr.data-row > th,
body.model-client #result_list > tbody > tr.data-row > td {
    border-top: 1px solid #c7d8e8 !important;
    border-bottom: 1px solid #c7d8e8 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

body.model-client #result_list > tbody > tr > * + *,
body.model-client #result_list > tbody > tr.data-row > * + * {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

body.model-client #result_list > tbody > tr > *:first-child,
body.model-client #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #c7d8e8 !important;
    border-right: 0 !important;
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}

body.model-client #result_list > tbody > tr > *:last-child,
body.model-client #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #c7d8e8 !important;
    border-left: 0 !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

/* ===== ULTRA FINAL: bulk actions bar single-layer surface (no nested panels) ===== */
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-form > div.fixed.bottom-0.left-0.right-0 {
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 8px 12px 10px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    align-items: center !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-form > div.fixed.bottom-0.left-0.right-0::before,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-form > div.fixed.bottom-0.left-0.right-0::after,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions-wrapper::before,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions-wrapper::after,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions::before,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions::after {
    content: none !important;
    display: none !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions-wrapper,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions {
    background: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions-wrapper {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    /* keep LEFT margin from x-bind class (xl:ml-72 / xl:ml-0) for row alignment */
    border-radius: 18px !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, rgba(242, 250, 255, 0.96) 0%, rgba(224, 239, 252, 0.93) 100%) !important;
    width: 100% !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .crm-bulk-actions-surface {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 56px !important;
    padding: 10px 14px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(182, 208, 231, 0.92) !important;
    border-top-color: rgba(235, 246, 255, 0.96) !important;
    background: linear-gradient(180deg, rgba(242, 250, 255, 0.96) 0%, rgba(224, 239, 252, 0.93) 100%) !important;
    box-shadow:
        0 -8px 14px -12px rgba(31, 56, 84, 0.44),
        0 -2px 5px -4px rgba(31, 56, 84, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.26) !important;
    backdrop-filter: blur(4px) saturate(108%) !important;
    -webkit-backdrop-filter: blur(4px) saturate(108%) !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .crm-bulk-actions-surface > * {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .crm-bulk-actions-surface .action-counter,
:is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .crm-bulk-actions-surface .actions-selected-counter {
    color: #2f5578 !important;
    font-weight: 700 !important;
}

/* ===== ULTRA FINAL: Domains bottom "Save" button in CRM capsule style ===== */
body.model-domain.change-list button[name="_save"][form="changelist-form"] {
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 9999px !important;
    border: 1px solid #b8d1e8 !important;
    color: #2f5578 !important;
    background: linear-gradient(180deg, rgba(246, 252, 255, 0.98) 0%, rgba(230, 243, 253, 0.95) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 6px 14px rgba(35, 68, 108, 0.10) !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

body.model-domain.change-list button[name="_save"][form="changelist-form"]:hover {
    color: #264a6b !important;
    border-color: #a9c7e3 !important;
    background: linear-gradient(180deg, rgba(239, 249, 255, 0.99) 0%, rgba(222, 238, 251, 0.96) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 18px rgba(35, 68, 108, 0.14) !important;
}

body.model-domain.change-list button[name="_save"][form="changelist-form"]:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(140, 182, 224, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 8px 18px rgba(35, 68, 108, 0.12) !important;
}

/* ===== ULTRA FINAL HOTFIX: Clients left row border visibility = right border ===== */
body.model-client.change-list #result_list > tbody > tr > *:first-child,
body.model-client.change-list #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1px solid #c5d7e9 !important;
    border-right: 0 !important;
    box-shadow: inset 1px 0 0 rgba(192, 212, 232, 0.52) !important;
}

body.model-client.change-list #result_list > tbody > tr > *:last-child,
body.model-client.change-list #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1px solid #c5d7e9 !important;
    border-left: 0 !important;
    box-shadow: inset -1px 0 0 rgba(192, 212, 232, 0.52) !important;
}

body.model-client.change-list #result_list > tbody > tr > *:not(:first-child),
body.model-client.change-list #result_list > tbody > tr.data-row > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

/* ===== ULTRA FINAL: sidebar brand without logo, centered larger title ===== */
#nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0,
#nav-sidebar-inner > div.border-b > div.bg-transparent img {
    display: none !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent {
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .flex.flex-col {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: center !important;
}

#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important,
#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name,
#nav-sidebar-inner > div.border-b > div.bg-transparent #site-name a,
#nav-sidebar-inner > div.border-b > div.bg-transparent .text-important :is(span, a, strong, b) {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
}

/* ===== ULTRA FINAL: Domains rows as clean pill capsules (same vibe as Clients/Subscribers) ===== */
body.model-domain.change-list #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

body.model-domain.change-list #result_list > tbody,
body.model-domain.change-list #result_list > tbody > tr {
    background: transparent !important;
}

body.model-domain.change-list #result_list > tbody > tr > th,
body.model-domain.change-list #result_list > tbody > tr > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 1px 2px rgba(49, 80, 114, 0.06) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.model-domain.change-list #result_list > tbody > tr > *:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 9999px !important;
    border-bottom-left-radius: 9999px !important;
}

body.model-domain.change-list #result_list > tbody > tr > *:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 9999px !important;
    border-bottom-right-radius: 9999px !important;
}

body.model-domain.change-list #result_list > tbody > tr > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

body.model-domain.change-list #result_list > tbody > tr:hover > th,
body.model-domain.change-list #result_list > tbody > tr:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(237, 246, 255, 0.92) 100%) !important;
}

body.model-domain.change-list #result_list > tbody > tr.selected > th,
body.model-domain.change-list #result_list > tbody > tr.selected > td {
    background: linear-gradient(180deg, rgba(217, 233, 247, 0.96) 0%, rgba(206, 224, 242, 0.92) 100%) !important;
    border-top-color: #9fc0df !important;
    border-bottom-color: #9fc0df !important;
}

/* ===== ULTRA FINAL: Subscribers top gray text -> CRM blue (like lead rows) ===== */
body.model-subscriber .subscriber-sync-panel .text-base-500,
body.model-subscriber .subscriber-sync-panel span.text-sm,
body.model-subscriber #changelist-search #searchbar,
body.model-subscriber input[name="q"] {
    color: #4f6d86 !important;
    -webkit-text-fill-color: #4f6d86 !important;
}

body.model-subscriber #changelist-search #searchbar::placeholder,
body.model-subscriber input[name="q"]::placeholder {
    color: #7a91a9 !important;
    opacity: 1 !important;
}

body.model-subscriber #changelist-search .material-symbols-outlined,
body.model-subscriber #changelist-search svg,
body.model-subscriber #changelist-search [class*="icon"] {
    color: #6f87a0 !important;
    stroke: #6f87a0 !important;
}

/* ===== ULTRA FINAL: Client/Domain/Subscriber add/change form in unified CRM capsule style ===== */
body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main > form,
body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main > form#client_form {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module {
    border: 1px solid #d7e6f4 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
    padding: 8px !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module .form-rows.aligned {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module .form-row {
    border-bottom: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module .form-row.last,
body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module .form-row:last-child {
    border-bottom: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main fieldset.module :is(label, .required) {
    color: #2f4f72 !important;
    font-weight: 750 !important;
    letter-spacing: 0.01em !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main :is(
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    textarea,
    select
) {
    min-height: 48px !important;
    border-radius: 13px !important;
    border: 1px solid #c7dced !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.93) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 1px 2px rgba(44, 78, 114, 0.06) !important;
    color: #456684 !important;
    font-weight: 620 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main textarea {
    min-height: 110px !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main :is(
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    textarea,
    select
):focus {
    outline: none !important;
    border-color: #9fc3e4 !important;
    box-shadow: 0 0 0 3px rgba(140, 182, 224, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #content-main .submit-row {
    border: 1px solid #c7dced !important;
    border-radius: 9999px !important;
    background: linear-gradient(180deg, rgba(242, 250, 255, 0.96) 0%, rgba(224, 239, 252, 0.93) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 8px 18px rgba(36, 68, 105, 0.10) !important;
    padding: 10px 14px !important;
}

/* ===== ULTRA FINAL: Client/Domain/Subscriber change-form bottom menu in CRM capsule style ===== */
body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row {
    margin-top: 12px !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row > div {
    border: 1px solid rgba(191, 212, 232, 0.74) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.92) 100%),
        radial-gradient(120% 120% at 0% 0%, rgba(213, 230, 246, 0.14) 0%, rgba(213, 230, 246, 0) 62%) !important;
    box-shadow: 0 10px 24px rgba(35, 68, 108, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding: 10px 12px !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row > div > div {
    gap: 10px !important;
    min-height: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row button[name="_save"][form$="_form"] {
    min-height: 44px !important;
    border-radius: 9999px !important;
    border: 1px solid #86b4de !important;
    background: linear-gradient(180deg, #4fa5ff 0%, #2f88df 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(47, 125, 213, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
    font-weight: 700 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row button[name="_save"][form$="_form"]:hover {
    background: linear-gradient(180deg, #63afff 0%, #3a93eb 100%) !important;
    box-shadow: 0 10px 22px rgba(47, 125, 213, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.36) !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row :is(
    button[name="_continue"][form$="_form"],
    button[name="_addanother"][form$="_form"],
    button[name="_saveasnew"][form$="_form"],
    a:not([href*="/delete/"])
) {
    min-height: 44px !important;
    border-radius: 9999px !important;
    border: 1px solid #c7dced !important;
    background: linear-gradient(180deg, rgba(246, 252, 255, 0.98) 0%, rgba(230, 243, 253, 0.95) 100%) !important;
    color: #345879 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 4px 10px rgba(35, 68, 108, 0.08) !important;
    font-weight: 650 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row :is(
    button[name="_continue"][form$="_form"],
    button[name="_addanother"][form$="_form"],
    button[name="_saveasnew"][form$="_form"],
    a:not([href*="/delete/"])
):hover {
    background: linear-gradient(180deg, rgba(239, 249, 255, 0.99) 0%, rgba(222, 238, 251, 0.96) 100%) !important;
    border-color: #aecce7 !important;
    color: #2d5275 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-form #submit-row :is(button, a):focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(140, 182, 224, 0.20) !important;
}

/* ===== ULTRA FINAL: gray words -> CRM blue (Clients/Subscribers/Domains) ===== */
body.model-client,
body.model-subscriber,
body.model-domain {
    --crm-muted-blue: #4a647f;
    --crm-muted-blue-strong: #345879;
    --crm-muted-blue-soft: #6f87a0;
}

body:is(.model-client, .model-subscriber, .model-domain) :is(
    .text-base-400,
    .text-base-500,
    .text-base-600,
    .text-base-700,
    .text-gray-400,
    .text-gray-500,
    .text-gray-600,
    .text-gray-700,
    .text-slate-400,
    .text-slate-500,
    .text-slate-600,
    .text-slate-700,
    .text-neutral-400,
    .text-neutral-500,
    .text-neutral-600,
    .text-neutral-700
) {
    color: var(--crm-muted-blue-strong) !important;
    -webkit-text-fill-color: var(--crm-muted-blue-strong) !important;
}

body:is(.model-client, .model-subscriber, .model-domain) :is(
    .comment-empty,
    .user-chip-sub,
    .geo-city,
    .date-chip-empty,
    .geo-chip-empty,
    .comment-chip-empty
) {
    color: var(--crm-muted-blue) !important;
    -webkit-text-fill-color: var(--crm-muted-blue) !important;
}

body.model-client .client-quality-banner a[style*="color: #64748b"],
body.model-client .client-quality-banner a[style*="color:#64748b"],
body.model-client .client-quality-banner a[style*="color: #334155"],
body.model-client .client-quality-banner a[style*="color:#334155"],
body.model-subscriber .subscriber-sync-panel a[style*="color: #334155"],
body.model-subscriber .subscriber-sync-panel a[style*="color:#334155"] {
    color: var(--crm-muted-blue-strong) !important;
    -webkit-text-fill-color: var(--crm-muted-blue-strong) !important;
}

body:is(.model-client, .model-subscriber, .model-domain) :is(
    #toolbar #searchbar,
    #changelist-search #searchbar,
    input[name="q"]
)::placeholder {
    color: var(--crm-muted-blue-strong) !important;
    -webkit-text-fill-color: var(--crm-muted-blue-strong) !important;
    opacity: 1 !important;
}

body:is(.model-client, .model-subscriber, .model-domain) :is(
    input::placeholder,
    textarea::placeholder
) {
    color: var(--crm-muted-blue-soft) !important;
    opacity: 1 !important;
}

/* ===== FINAL: capsule text must be blue in top CRM chips ===== */
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip:link,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip:visited,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip:hover,
body.model-client .client-quality-banner a.rounded-full,
body.model-client .client-quality-banner a.rounded-full:link,
body.model-client .client-quality-banner a.rounded-full:visited,
body.model-client .client-quality-banner a.rounded-full:hover {
    color: #345879 !important;
    -webkit-text-fill-color: #345879 !important;
}

/* ===== ULTRA FINAL: Site administration header capsule on admin home ===== */
body.dashboard-home #header-inner h1 {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    min-height: 36px !important;
    padding: 0 11px !important;
    border-radius: 9999px !important;
    border: 1px solid #c7dced !important;
    background: linear-gradient(180deg, rgba(246, 252, 255, 0.98) 0%, rgba(230, 243, 253, 0.95) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 4px 10px rgba(35, 68, 108, 0.08) !important;
    color: #2f4f72 !important;
    font-weight: 730 !important;
    letter-spacing: 0.01em !important;
}

body.dashboard-home #header-inner h1 :is(a, span) {
    color: #2f4f72 !important;
    -webkit-text-fill-color: #2f4f72 !important;
    text-decoration: none !important;
}

body.dashboard-home #header-inner h1 a:hover {
    color: #274666 !important;
    -webkit-text-fill-color: #274666 !important;
}

body.dashboard-home #header-inner h1 .material-symbols-outlined {
    color: #6f87a0 !important;
    -webkit-text-fill-color: #6f87a0 !important;
}

/* ===== HOTFIX: remove duplicated frame lines on add/change forms ===== */
body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main,
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main > form,
body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main > form#client_form,
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main > form {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main fieldset.module,
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main fieldset.module {
    border: 1px solid #d7e6f4 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
    padding: 8px !important;
    overflow: hidden !important;
}

body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main fieldset.module :is(.form-rows, .form-rows.aligned),
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main fieldset.module :is(.form-rows, .form-rows.aligned) {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main fieldset.module .form-row,
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main fieldset.module .form-row {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main fieldset.module :is(.fieldset-heading, h2, summary),
body:is(.model-client, .model-domain, .model-subscriber):not(.change-list):not(.login) #content-main fieldset.module :is(.fieldset-heading, h2, summary) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ===== ABSOLUTE FINAL LOCK: same "+" button behavior in Clients and Subscribers ===== */
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink),
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):link,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):visited,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):hover,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):focus,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):focus-visible,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):active {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #b8d4ee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(36, 74, 114, 0.10) !important;
    color: transparent !important;
    text-indent: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    filter: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: none !important;
}

body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink)::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink)::after,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink) > *,
body:is(.model-client, .model-subscriber) #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink) * {
    content: none !important;
    display: none !important;
}

/* ===== ABSOLUTE FINAL HOTFIX: Clients domain capsule width = content (like Subscribers) ===== */
body.model-client #result_list td.field-display_domain {
    text-align: center !important;
}

body.model-client #result_list td.field-display_domain .domain-chip {
    width: fit-content !important;
    min-width: 112px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    justify-content: center !important;
}

/* ===== DEEP LOCK: absolutely identical "+" in Clients/Subscribers (all states) ===== */
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink),
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):link,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):visited,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):hover,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):focus,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):focus-visible,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink):active {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #b8d4ee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(36, 74, 114, 0.10) !important;
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    transform: none !important;
    filter: none !important;
    outline: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: none !important;
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
}

html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink)::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink)::after,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink) > *,
html body:is(.model-client, .model-subscriber).change-list #header-inner .ml-auto .object-tools :is(a.addlink, button.addlink) * {
    content: none !important;
    display: none !important;
}

/* ===== AUTH LOCK: same "+" button behavior for Users/Groups change-list ===== */
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink),
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):link,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):visited,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):hover,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):focus-visible,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink):active {
    all: unset !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    border: 1px solid #b8d4ee !important;
    background: linear-gradient(180deg, #eff6ff 0%, #deecfb 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 8px rgba(36, 74, 114, 0.10) !important;
    position: relative !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-indent: 0 !important;
    text-decoration: none !important;
    transform: none !important;
    filter: none !important;
    outline: none !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: none !important;
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink)::before {
    content: "+" !important;
    display: block !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #2d6ea9 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.42) !important;
    transform: translateY(-1px) !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink)::after,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink) > *,
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink) * {
    content: none !important;
    display: none !important;
}

/* ===== AUTH MENU FIX: profile dropdown must not collapse lines ===== */
html body:is(.model-user, .model-group).change-list #header-inner .ml-auto nav.absolute.top-10.w-52 {
    min-width: 248px !important;
    padding: 6px !important;
    border: 1px solid #d2e1ef !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 250, 255, 0.96) 100%) !important;
    box-shadow: 0 12px 24px rgba(41, 77, 120, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .ml-auto nav.absolute.top-10.w-52 > a {
    max-height: none !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .ml-auto nav.absolute.top-10.w-52 > a:hover {
    background: linear-gradient(180deg, #f8fcff 0%, #edf5ff 100%) !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .ml-auto nav.absolute.top-10.w-52 > a[class*="text-red"] {
    color: #d73a47 !important;
}

/* ===== AUTH CHANGE-LIST: Users/Groups page in unified CRM capsule style ===== */
body:is(.model-user, .model-group).change-list #changelist-search #searchbar,
body:is(.model-user, .model-group).change-list input[name="q"] {
    min-height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dced !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 1px 2px rgba(44, 78, 114, 0.06) !important;
    color: #4f6d86 !important;
    font-weight: 620 !important;
    padding-left: 14px !important;
    padding-right: 40px !important;
}

body:is(.model-user, .model-group).change-list #changelist-search #searchbar::placeholder,
body:is(.model-user, .model-group).change-list input[name="q"]::placeholder {
    color: #7a91a9 !important;
    opacity: 1 !important;
}

body:is(.model-user, .model-group).change-list #changelist-search .material-symbols-outlined,
body:is(.model-user, .model-group).change-list #toolbar .material-symbols-outlined {
    color: #6f87a0 !important;
}

body:is(.model-user, .model-group).change-list #changelist a[x-on\:click="filterOpen = true"] {
    min-height: 44px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dced !important;
    background: linear-gradient(180deg, rgba(246, 252, 255, 0.98) 0%, rgba(230, 243, 253, 0.95) 100%) !important;
    color: #345879 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 6px 14px rgba(35, 68, 108, 0.10) !important;
    font-weight: 650 !important;
    padding: 0 18px !important;
}

body:is(.model-user, .model-group).change-list #changelist a[x-on\:click="filterOpen = true"]:hover {
    border-color: #aecce7 !important;
    background: linear-gradient(180deg, rgba(239, 249, 255, 0.99) 0%, rgba(222, 238, 251, 0.96) 100%) !important;
    color: #2d5275 !important;
}

body:is(.model-user, .model-group).change-list #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

body:is(.model-user, .model-group).change-list #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(235, 246, 255, 0.92) 100%) !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    color: #2f5477 !important;
    font-weight: 720 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body:is(.model-user, .model-group).change-list #result_list > thead > tr > *:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

body:is(.model-user, .model-group).change-list #result_list > thead > tr > *:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody,
body:is(.model-user, .model-group).change-list #result_list > tbody > tr {
    background: transparent !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr > th,
body:is(.model-user, .model-group).change-list #result_list > tbody > tr > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 1px 2px rgba(49, 80, 114, 0.06) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr > *:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr > *:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}

body:is(.model-user, .model-group).change-list #result_list > :is(thead, tbody) > tr > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr:hover > th,
body:is(.model-user, .model-group).change-list #result_list > tbody > tr:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(237, 246, 255, 0.92) 100%) !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr.selected > th,
body:is(.model-user, .model-group).change-list #result_list > tbody > tr.selected > td {
    background: linear-gradient(180deg, rgba(217, 233, 247, 0.96) 0%, rgba(206, 224, 242, 0.92) 100%) !important;
    border-top-color: #9fc0df !important;
    border-bottom-color: #9fc0df !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr > th a {
    color: #335878 !important;
    font-weight: 680 !important;
    text-decoration: none !important;
}

body:is(.model-user, .model-group).change-list #result_list > tbody > tr > th a:hover {
    color: #274968 !important;
}

/* ===== CRM DASHBOARD: isolated styling for /admin/ only ===== */
body.crm-dashboard #content {
    padding-top: 8px !important;
}

body.crm-dashboard #main > .bg-white.border-b {
    background: transparent !important;
    border: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding: 0 4px !important;
    box-shadow: none !important;
}

body.crm-dashboard #main > .bg-white.border-b > .container {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}

body.crm-dashboard #header-inner {
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.crm-dashboard #header-inner > .flex.items-center.w-full {
    min-height: 54px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
    gap: 10px !important;
}

body.crm-dashboard #header-inner > .flex.items-center.w-full > div:first-child {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.crm-dashboard #header-inner > .flex.items-center.w-full > div:first-child .material-symbols-outlined {
    color: #3a5f86 !important;
}

body.crm-dashboard #header-inner h1 {
    display: block !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.crm-dashboard #header-inner h1,
body.crm-dashboard #header-inner h1 :is(a, span) {
    color: #243f5f !important;
    -webkit-text-fill-color: #243f5f !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

body.crm-dashboard #header-inner .bg-base-200.h-5.w-px {
    background: #d6e3f1 !important;
    height: 18px !important;
}

body.crm-dashboard #header-inner .material-symbols-outlined {
    color: #3a5f86 !important;
}

body.crm-dashboard #header-inner .ml-auto :is(a, button):has(> .material-symbols-outlined) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #3a5f86 !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

body.crm-dashboard #header-inner .ml-auto :is(a, button):has(> .material-symbols-outlined):hover {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #2d5275 !important;
}

body.crm-dashboard #header-inner .ml-auto :is(a, button):has(> .material-symbols-outlined) .material-symbols-outlined {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 {
    margin-top: 8px !important;
    min-width: 248px !important;
    border: 1px solid #d2e1ef !important;
    border-radius: 16px !important;
    padding: 8px !important;
    background:
        radial-gradient(120% 120% at 0% 0%, rgba(213, 230, 246, 0.24) 0%, rgba(213, 230, 246, 0) 65%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(243, 250, 255, 0.96) 100%) !important;
    box-shadow: 0 14px 28px rgba(41, 77, 120, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav > a,
body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form button,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 > a,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 form button {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 42px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    color: #335878 !important;
    font-size: 15px !important;
    font-weight: 680 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    background: transparent !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav > a:hover,
body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form button:hover,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 > a:hover,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 form button:hover {
    border-color: #d5e6f5 !important;
    background: linear-gradient(180deg, #f8fcff 0%, #edf5ff 100%) !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav > .border-t,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 > .border-t {
    border-color: #dbe8f4 !important;
    margin: 8px 0 6px !important;
    padding-top: 6px !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form {
    margin: 0 !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form button,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 form button {
    color: #d73a47 !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form button:hover,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 form button:hover {
    border-color: #f4d2d7 !important;
    background: linear-gradient(180deg, #fff6f7 0%, #ffeef0 100%) !important;
}

body.crm-dashboard #header-inner .ml-auto [x-data*="openUserLinks"] > nav form button .material-symbols-outlined,
body.crm-dashboard #header-inner .ml-auto .relative > nav.absolute.top-7.w-52 form button .material-symbols-outlined {
    color: #d73a47 !important;
}

body.crm-dashboard .crm-dashboard-layout {
    align-items: flex-start !important;
    gap: 20px !important;
}

body.crm-dashboard .crm-dashboard-main {
    min-width: 0 !important;
}

body.crm-dashboard .crm-dashboard-side {
    width: 100% !important;
    max-width: 384px !important;
    flex: 0 0 384px !important;
}

body.crm-dashboard .crm-dashboard-main .module,
body.crm-dashboard .crm-dashboard-side #recent-actions-module {
    margin-bottom: 14px !important;
    border: 1px solid #d9e6f3 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: 0 10px 24px rgba(41, 77, 120, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    padding: 12px !important;
}

body.crm-dashboard .crm-dashboard-main .module > .bg-base-50 {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.crm-dashboard .crm-dashboard-main .module table {
    border: 0 !important;
    border-radius: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
    overflow: visible !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

body.crm-dashboard .crm-dashboard-main .module caption {
    margin: 0 0 10px !important;
}

body.crm-dashboard .crm-dashboard-main .module caption a.section {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dced !important;
    background: linear-gradient(180deg, #f5fbff 0%, #e7f3ff 100%) !important;
    color: #2f5477 !important;
    font-weight: 740 !important;
    text-decoration: none !important;
}

body.crm-dashboard .crm-dashboard-main .module tr > th,
body.crm-dashboard .crm-dashboard-main .module tr > td {
    border-top: 1px solid #d7e6f4 !important;
    border-bottom: 1px solid #d7e6f4 !important;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.crm-dashboard .crm-dashboard-main .module tr > *:first-child {
    border-left: 1px solid #d7e6f4 !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
}

body.crm-dashboard .crm-dashboard-main .module tr > *:last-child {
    border-right: 1px solid #d7e6f4 !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    width: 72px !important;
}

body.crm-dashboard .crm-dashboard-main .module tr th a {
    display: block !important;
    color: #335878 !important;
    font-weight: 680 !important;
    text-decoration: none !important;
}

body.crm-dashboard .crm-dashboard-main .module tr th a:hover {
    color: #274968 !important;
}

body.crm-dashboard .crm-dashboard-main .module .addlink,
body.crm-dashboard .crm-dashboard-main .module .changelink,
body.crm-dashboard .crm-dashboard-main .module .viewlink,
body.crm-dashboard .crm-dashboard-main .module .js-dashboard-model-visibility-toggle {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid #caddef !important;
    background: linear-gradient(180deg, #f7fcff 0%, #eaf4ff 100%) !important;
    color: #52708d !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.crm-dashboard .crm-dashboard-main .module .addlink .material-symbols-outlined,
body.crm-dashboard .crm-dashboard-main .module .changelink .material-symbols-outlined,
body.crm-dashboard .crm-dashboard-main .module .viewlink .material-symbols-outlined {
    color: #54718d !important;
    font-size: 19px !important;
    line-height: 1 !important;
}

body.crm-dashboard .crm-dashboard-main .module .js-dashboard-model-visibility-toggle {
    color: #326ea8 !important;
    font-size: 22px !important;
    font-weight: 400 !important;
}

body.crm-dashboard .crm-dashboard-main .module .js-dashboard-model-visibility-toggle .crm-dashboard-eye-off,
body.crm-dashboard .crm-dashboard-main .module .js-dashboard-app-visibility-toggle .crm-dashboard-eye-off {
    width: 18px !important;
    height: 18px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    fill: none !important;
}

body.crm-dashboard .crm-dashboard-main .module .js-dashboard-model-visibility-toggle:hover {
    border-color: #9fc2e3 !important;
    background: linear-gradient(180deg, #e4f0ff 0%, #d2e5fb 100%) !important;
    color: #245f99 !important;
}

body.crm-dashboard #content-related {
    width: 100% !important;
}

body.crm-dashboard #content-related #recent-actions-module > h2 {
    color: #2f5578 !important;
    font-weight: 740 !important;
}

body.crm-dashboard #content-related .actionlist > li {
    border: 1px solid #d6e4f1 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84) !important;
    padding: 10px 12px !important;
}

body.crm-dashboard #content-related .actionlist > li > div:first-child,
body.crm-dashboard #content-related .actionlist > li > div:first-child a {
    color: #335878 !important;
    font-weight: 670 !important;
    text-decoration: none !important;
}

body.crm-dashboard #content-related .actionlist > li > div:last-child {
    border-top-color: #e2edf8 !important;
    color: #5c7892 !important;
    font-size: 12px !important;
}

@media (max-width: 1024px) {
    body.crm-dashboard .crm-dashboard-side {
        max-width: 100% !important;
        flex: 1 1 auto !important;
    }
}

/* Keep theme toggle hidden on mobile only; desktop uses custom switch */
@media (max-width: 1200px) {
    html body:not(.login) .crm-theme-toggle-slot,
    html body:not(.login) .crm-theme-switch {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

/* ===== MOBILE STABILIZATION LAYER (admin lists + forms) ===== */
@media (max-width: 768px) {
    body:is(.model-client, .model-domain, .model-subscriber).change-list #container,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #main,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #content,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #content-main,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist .changelist-form-container,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-form {
        min-width: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #content {
        padding: 10px 10px 92px !important;
        overflow-x: hidden !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner > .flex.items-center.w-full {
        flex-wrap: wrap !important;
        gap: 8px !important;
        border-radius: 14px !important;
        padding: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner > .flex.items-center.w-full > div:first-child {
        min-width: 0 !important;
        flex: 1 1 auto !important;
        padding: 4px 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner .ml-auto {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner .ml-auto .object-tools,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner .ml-auto #user-tools {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-search,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #toolbar,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #toolbar form,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-search form,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-search > div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #toolbar #searchbar,
    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-search #searchbar,
    body:is(.model-client, .model-domain, .model-subscriber).change-list input[name="q"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 40px !important;
        padding: 0 12px !important;
        font-size: 16px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list .crm-top-filters-pill {
        width: 100% !important;
        justify-content: space-between !important;
    }

    body.model-client.change-list #crm-mobile-cards {
        gap: 10px !important;
        padding: 0 0 120px !important;
    }

    body.model-client.change-list .crm-mobile-card {
        border-radius: 16px !important;
        padding: 12px !important;
    }

    body.model-client.change-list .crm-mobile-card-title {
        font-size: 12px !important;
    }

    body.model-client.change-list .crm-mobile-field {
        padding: 8px 0 !important;
    }

    body.model-client.change-list .crm-mobile-field-label {
        font-size: 11px !important;
        margin-bottom: 4px !important;
    }

    body.model-client.change-list .crm-mobile-field-value {
        font-size: 13px !important;
        line-height: 1.35 !important;
    }

    body.model-client.change-list .crm-mobile-field-value :is(.id-chip, .user-chip, .status-chip, .capital-chip, .geo-chip, .geo-chip-empty, .comment-chip, .comment-chip-empty, .date-chip, .date-chip-empty, .domain-chip, .channel-chip) {
        width: auto !important;
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    body:is(.model-domain, .model-subscriber).change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 6px !important;
        border-radius: 14px !important;
    }

    body:is(.model-domain, .model-subscriber).change-list #result_list {
        width: 700px !important;
        min-width: 700px !important;
        table-layout: fixed !important;
        border-spacing: 0 6px !important;
    }

    body:is(.model-domain, .model-subscriber).change-list #result_list thead th,
    body:is(.model-domain, .model-subscriber).change-list #result_list tbody td,
    body:is(.model-domain, .model-subscriber).change-list #result_list tbody th {
        font-size: 12px !important;
        line-height: 1.25 !important;
        padding: 8px !important;
    }

    body:is(.model-domain, .model-subscriber).change-list #result_list :is(.id-chip, .user-chip, .status-chip, .capital-chip, .geo-chip, .geo-chip-empty, .comment-chip, .comment-chip-empty, .date-chip, .date-chip-empty, .domain-chip, .channel-chip) {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-form > div.fixed.bottom-0.left-0.right-0 {
        left: 0 !important;
        right: 0 !important;
        padding: 8px !important;
        z-index: 90 !important;
    }

    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions-wrapper {
        margin: 0 !important;
        border-radius: 14px !important;
    }

    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .crm-bulk-actions-surface {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
        min-height: 0 !important;
        padding: 8px !important;
        border-radius: 14px !important;
    }

    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions .group.primary {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 8px !important;
    }

    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions select[name="action"],
    :is(body.model-client, body.model-domain, body.model-subscriber).change-list #changelist-actions button[name="index"] {
        width: 100% !important;
        min-height: 40px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-filter > div:last-child {
        width: min(100vw - 12px, 380px) !important;
        max-width: calc(100vw - 12px) !important;
        margin: 6px !important;
        border-radius: 14px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main fieldset.module {
        border-radius: 14px !important;
        padding: 8px !important;
        margin-bottom: 10px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #content-main :is(
        input[type="text"],
        input[type="number"],
        input[type="email"],
        input[type="url"],
        input[type="date"],
        input[type="datetime-local"],
        textarea,
        select
    ) {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 42px !important;
        font-size: 16px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #submit-row > div {
        border-radius: 14px !important;
        padding: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #submit-row > div > div {
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber):is(.change-form, .add-form) #submit-row :is(button, a) {
        width: 100% !important;
        min-height: 42px !important;
        text-align: center !important;
    }
}

/* ===== AUTH GROUP PAGE FINAL OVERRIDE: unified CRM style ===== */
html body.model-group.change-list #changelist-search #searchbar,
html body.model-group.change-list input[name="q"] {
    min-height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid #c8dced !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 250, 255, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 1px 2px rgba(44, 78, 114, 0.06) !important;
    color: #4f6d86 !important;
    font-weight: 620 !important;
    padding-left: 14px !important;
    padding-right: 40px !important;
}

html body.model-group.change-list #changelist-search #searchbar::placeholder,
html body.model-group.change-list input[name="q"]::placeholder {
    color: #7a91a9 !important;
    opacity: 1 !important;
}

html body.model-group.change-list #changelist-search .material-symbols-outlined,
html body.model-group.change-list #toolbar .material-symbols-outlined {
    color: #6f87a0 !important;
}

html body.model-group.change-list #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    table-layout: fixed !important;
    background: transparent !important;
}

html body.model-group.change-list #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(235, 246, 255, 0.92) 100%) !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    color: #2f5477 !important;
    font-weight: 720 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html body.model-group.change-list #result_list > thead > tr > *:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

html body.model-group.change-list #result_list > thead > tr > *:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}

html body.model-group.change-list #result_list > tbody,
html body.model-group.change-list #result_list > tbody > tr {
    background: transparent !important;
}

html body.model-group.change-list #result_list > tbody > tr > th,
html body.model-group.change-list #result_list > tbody > tr > td {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    border-top: 1px solid #c9dced !important;
    border-bottom: 1px solid #c9dced !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 1px 2px rgba(49, 80, 114, 0.06) !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

html body.model-group.change-list #result_list > tbody > tr > *:first-child {
    border-left: 1px solid #c9dced !important;
    border-top-left-radius: 999px !important;
    border-bottom-left-radius: 999px !important;
}

html body.model-group.change-list #result_list > tbody > tr > *:last-child {
    border-right: 1px solid #c9dced !important;
    border-top-right-radius: 999px !important;
    border-bottom-right-radius: 999px !important;
}

html body.model-group.change-list #result_list > :is(thead, tbody) > tr > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

html body.model-group.change-list #result_list > tbody > tr:hover > th,
html body.model-group.change-list #result_list > tbody > tr:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(237, 246, 255, 0.92) 100%) !important;
}

html body.model-group.change-list #result_list > tbody > tr.selected > th,
html body.model-group.change-list #result_list > tbody > tr.selected > td {
    background: linear-gradient(180deg, rgba(217, 233, 247, 0.96) 0%, rgba(206, 224, 242, 0.92) 100%) !important;
    border-top-color: #9fc0df !important;
    border-bottom-color: #9fc0df !important;
}

html body.model-group.change-list #result_list > tbody > tr > th a {
    color: #335878 !important;
    font-weight: 680 !important;
    text-decoration: none !important;
}

html body.model-group.change-list #result_list > tbody > tr > th a:hover {
    color: #274968 !important;
}

/* ===== AUTH USER PAGE FINAL OVERRIDE: single table cube (like clients/subscribers) ===== */
html body.model-user.change-list #changelist-form .results {
    border: 1px solid #d7e6f4 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.92) 100%) !important;
    box-shadow: 0 10px 24px rgba(35, 68, 108, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    overflow: hidden !important;
}

html body.model-user.change-list #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: transparent !important;
}

html body.model-user.change-list #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(235, 246, 255, 0.92) 100%) !important;
    border: 0 !important;
    border-bottom: 1px solid #d4e5f4 !important;
    color: #2f5477 !important;
    font-weight: 720 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

html body.model-user.change-list #result_list > thead > tr > *:first-child,
html body.model-user.change-list #result_list > thead > tr > *:last-child {
    border-radius: 0 !important;
}

html body.model-user.change-list #result_list > tbody,
html body.model-user.change-list #result_list > tbody > tr {
    background: transparent !important;
}

html body.model-user.change-list #result_list > tbody > tr > th,
html body.model-user.change-list #result_list > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

html body.model-user.change-list #result_list > tbody > tr > *:first-child,
html body.model-user.change-list #result_list > tbody > tr > *:last-child {
    border-radius: 0 !important;
}

html body.model-user.change-list #result_list > tbody > tr + tr > th,
html body.model-user.change-list #result_list > tbody > tr + tr > td {
    border-top: 1px solid #dbe8f4 !important;
}

html body.model-user.change-list #result_list > :is(thead, tbody) > tr > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

html body.model-user.change-list #result_list > tbody > tr:hover > th,
html body.model-user.change-list #result_list > tbody > tr:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.62) 0%, rgba(237, 246, 255, 0.52) 100%) !important;
}

html body.model-user.change-list #result_list > tbody > tr.selected > th,
html body.model-user.change-list #result_list > tbody > tr.selected > td {
    background: linear-gradient(180deg, rgba(217, 233, 247, 0.62) 0%, rgba(206, 224, 242, 0.56) 100%) !important;
}

/* ===== AUTH USER/GROUP ULTRA FINAL: one shared table cube, no row capsules ===== */
html body:is(.model-user, .model-group).change-list #changelist-form .results {
    border: 1px solid #d7e6f4 !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 250, 255, 0.92) 100%) !important;
    box-shadow: 0 10px 24px rgba(35, 68, 108, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.88) !important;
    overflow: hidden !important;
}

html body:is(.model-user, .model-group).change-list #result_list {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
    background: transparent !important;
}

html body:is(.model-user, .model-group).change-list #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.98) 0%, rgba(235, 246, 255, 0.92) 100%) !important;
    border: 0 !important;
    border-bottom: 1px solid #d4e5f4 !important;
    color: #2f5477 !important;
    font-weight: 720 !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

html body:is(.model-user, .model-group).change-list #result_list > thead > tr > *:first-child,
html body:is(.model-user, .model-group).change-list #result_list > thead > tr > *:last-child {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr {
    background: transparent !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody > tr > th,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr > td {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody > tr > *:first-child,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr > *:last-child {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody > tr + tr > th,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr + tr > td {
    border-top: 1px solid #dbe8f4 !important;
}

html body:is(.model-user, .model-group).change-list #result_list > :is(thead, tbody) > tr > *:not(:first-child) {
    border-left-width: 0 !important;
    border-inline-start-width: 0 !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody > tr:hover > th,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr:hover > td {
    background: linear-gradient(180deg, rgba(248, 252, 255, 0.62) 0%, rgba(237, 246, 255, 0.52) 100%) !important;
}

html body:is(.model-user, .model-group).change-list #result_list > tbody > tr.selected > th,
html body:is(.model-user, .model-group).change-list #result_list > tbody > tr.selected > td {
    background: linear-gradient(180deg, rgba(217, 233, 247, 0.62) 0%, rgba(206, 224, 242, 0.56) 100%) !important;
}

/* ===== AUTH USER/GROUP SEARCH: single capsule (text + icon together) ===== */
html body:is(.model-user, .model-group).change-list #changelist-search,
html body:is(.model-user, .model-group).change-list #toolbar,
html body:is(.model-user, .model-group).change-list #toolbar form,
html body:is(.model-user, .model-group).change-list #changelist-search form {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

html body:is(.model-user, .model-group).change-list #changelist-search > div {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1.5px solid #b9d1e8 !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(249, 253, 255, 0.98) 0%, rgba(238, 246, 253, 0.92) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 1px 2px rgba(39, 72, 106, 0.08) !important;
    padding: 0 14px !important;
    min-height: 54px !important;
}

html body:is(.model-user, .model-group).change-list #changelist-search > div:focus-within {
    border-color: #9dbede !important;
    box-shadow: 0 0 0 2px rgba(157, 190, 222, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html body:is(.model-user, .model-group).change-list #changelist-search #searchbar,
html body:is(.model-user, .model-group).change-list input[name="q"] {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #4f6d86 !important;
    font-weight: 620 !important;
    padding: 0 !important;
}

html body:is(.model-user, .model-group).change-list #searchbar-submit {
    order: 2 !important;
    flex: 0 0 auto !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
    transform: none !important;
}

html body:is(.model-user, .model-group).change-list #searchbar-submit .material-symbols-outlined {
    color: #5b7fa3 !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

/* ===== SIDEBAR OUTER SURFACE: pure white (remove blue container tint) ===== */
body:not(.login) #nav-sidebar {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #d8e5f2 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body:not(.login) #nav-sidebar::before,
body:not(.login) #nav-sidebar::after {
    content: none !important;
    display: none !important;
}

/* Parent wrapper of nav-sidebar also has bg-base-50; force it to white too */
body:not(.login) div.bg-base-50.relative.z-30:has(> #nav-sidebar) {
    background: #ffffff !important;
    background-image: none !important;
}

/* ===== AUTH USER/GROUP SIDEBAR: keep original vertical position of "Панель управления" ===== */
html body:is(.model-user, .model-group).change-list #nav-sidebar {
    padding-top: 14px !important;
}

html body:is(.model-user, .model-group).change-list #nav-sidebar-inner > div.border-b {
    padding-top: 8px !important;
    margin-top: 0 !important;
}

html body:is(.model-user, .model-group).change-list #nav-sidebar-inner > div.border-b > div.bg-transparent,
html body:is(.model-user, .model-group).change-list #nav-sidebar > div:first-child,
html body:is(.model-user, .model-group).change-list #nav-sidebar > .sidebar-header,
html body:is(.model-user, .model-group).change-list #nav-sidebar > .branding {
    margin-top: 2px !important;
}

/* ===== AUTH USER/GROUP HEADER: same capsule style as "Администрирование сайта" ===== */
html body:is(.model-user, .model-group).change-list #content {
    padding-top: 8px !important;
}

html body:is(.model-user, .model-group).change-list #main > .bg-white.border-b {
    background: transparent !important;
    border: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding: 0 4px !important;
    box-shadow: none !important;
}

html body:is(.model-user, .model-group).change-list #main > .bg-white.border-b > .container {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html body:is(.model-user, .model-group).change-list #header-inner {
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

html body:is(.model-user, .model-group).change-list #header-inner > .flex.items-center.w-full {
    min-height: 54px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
    gap: 10px !important;
}

html body:is(.model-user, .model-group).change-list #header-inner > .flex.items-center.w-full > div:first-child {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

html body:is(.model-user, .model-group).change-list #header-inner h1,
html body:is(.model-user, .model-group).change-list #header-inner h1 :is(a, span) {
    color: #243f5f !important;
    -webkit-text-fill-color: #243f5f !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

html body:is(.model-user, .model-group).change-list #header-inner .bg-base-200.h-5.w-px {
    background: #d6e3f1 !important;
    height: 18px !important;
}

/* ===== AUTH USER/GROUP HEADER FINAL LOCK: exact admin-dashboard look ===== */
html body:is(.model-user, .model-group).change-list #header {
    background: transparent !important;
    border: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
    padding: 0 4px !important;
    box-shadow: none !important;
}

html body:is(.model-user, .model-group).change-list #header > div {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
}

html body:is(.model-user, .model-group).change-list #header-inner {
    min-height: 54px !important;
    border: 1px solid #d6e3f1 !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(252, 254, 255, 0.96) 0%, rgba(243, 249, 255, 0.90) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 2px 10px rgba(31, 73, 117, 0.08) !important;
    padding: 6px 8px !important;
}

html body:is(.model-user, .model-group).change-list #header-inner > .flex.items-center.w-full {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 6px 10px !important;
    gap: 10px !important;
}

/* ===== FRONTEND STABILIZATION: responsive + cross-browser safety ===== */
/* Fallback for browsers where :has() support is partial/disabled */
body:not(.login) #page > div.bg-base-50.relative.z-30 {
    background: #ffffff !important;
    background-image: none !important;
}

/* Fallback when backdrop-filter is not supported */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    body:not(.login) :is(#nav-sidebar, #header, #header-inner, #changelist-actions-wrapper, #changelist-actions) {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        background-image: none !important;
    }
}

/* Users/Groups: adaptive layout parity with dashboard header on tablets/phones */
@media (max-width: 1024px) {
    html body:is(.model-user, .model-group).change-list #header,
    html body:is(.model-user, .model-group).change-list #main > .bg-white.border-b {
        margin-top: 8px !important;
        margin-bottom: 10px !important;
        padding: 0 !important;
    }

    html body:is(.model-user, .model-group).change-list #header-inner {
        min-height: 50px !important;
        border-radius: 14px !important;
        padding: 4px 6px !important;
    }

    html body:is(.model-user, .model-group).change-list #header-inner > .flex.items-center.w-full {
        min-height: 38px !important;
        padding: 4px 8px !important;
        gap: 8px !important;
    }

    html body:is(.model-user, .model-group).change-list #changelist .result-list-wrapper {
        gap: 10px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body:is(.model-user, .model-group).change-list :is(#changelist-search, #toolbar, #toolbar form, #changelist-search form, #changelist-search > div) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body:is(.model-user, .model-group).change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body:is(.model-user, .model-group).change-list #result_list {
        min-width: 760px !important;
        width: 760px !important;
    }
}

@media (max-width: 768px) {
    html body:is(.model-user, .model-group).change-list #content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body:is(.model-user, .model-group).change-list #changelist-search > div {
        min-height: 48px !important;
        padding: 0 12px !important;
    }

    html body:is(.model-user, .model-group).change-list #searchbar-submit .material-symbols-outlined {
        font-size: 22px !important;
    }

    html body:is(.model-user, .model-group).change-list #result_list {
        min-width: 680px !important;
        width: 680px !important;
    }

    html body:is(.model-user, .model-group).change-list #changelist a[x-on\:click="filterOpen = true"] {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ===== CLIENT LIST CROSS-DEVICE STABILIZATION ===== */
/* Problem: on mid-width devices/tablets-laptops, the current fixed grid + many compact overrides
   squeezes columns and makes text look too small. Keep style, but switch to horizontal scrolling
   before content compression starts. */
@media (min-width: 1025px) {
    body.model-client.change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content {
        min-width: 1320px !important;
    }

    body.model-client.change-list #result_list {
        width: 100% !important;
        min-width: 1320px !important;
        table-layout: fixed !important;
    }

    body.model-client.change-list #result_list thead th,
    body.model-client.change-list #result_list tbody th,
    body.model-client.change-list #result_list tbody td {
        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    body.model-client.change-list #result_list :is(.id-chip, .user-chip, .status-chip, .capital-chip, .geo-chip, .date-chip, .domain-chip, .channel-chip) {
        font-size: 12px !important;
        line-height: 1.2 !important;
    }
}

/* ===== CROSS-DEVICE HARDENING V3 (keep capsule style, stop layout compression) ===== */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body:is(.model-client, .model-domain, .model-subscriber).change-list :is(#container, #main, #content, #content-main, #changelist, #changelist .changelist-form-container, #changelist-form) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist-form > div[data-simplebar] {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
}

body.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content,
body.model-client.change-list #result_list {
    min-width: 1240px !important;
}

body.model-subscriber.change-list #changelist-form > div[data-simplebar] .simplebar-content,
body.model-subscriber.change-list #result_list {
    min-width: 1060px !important;
}

body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content,
body.model-domain.change-list #result_list {
    min-width: 940px !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-list #result_list :is(thead th, tbody th, tbody td) {
    font-size: 13px !important;
    line-height: 1.24 !important;
}

body:is(.model-client, .model-domain, .model-subscriber).change-list #result_list :is(.id-chip, .user-chip, .status-chip, .capital-chip, .geo-chip, .comment-chip, .date-chip, .domain-chip, .channel-chip) {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* Absolute final: copy button success color must always be visible for both ID and username */
body:is(.model-client, .model-subscriber) #result_list .js-inline-copy-id.inline-copy-done,
body:is(.model-client, .model-subscriber) #result_list .js-inline-copy-id.inline-copy-done .material-symbols-outlined {
    color: #16a34a !important;
    -webkit-text-fill-color: #16a34a !important;
    opacity: 1 !important;
}

/* Absolute final: prevent top-clipping of copy icon inside ID chip */
body:is(.model-client, .model-subscriber) #result_list .id-chip {
    overflow: visible !important;
}

body:is(.model-client, .model-subscriber) #result_list .id-chip .js-inline-copy-id {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    vertical-align: middle !important;
}

body:is(.model-client, .model-subscriber) #result_list .id-chip .js-inline-copy-id .material-symbols-outlined {
    display: block !important;
    font-size: 16px !important;
    line-height: 1 !important;
    overflow: visible !important;
    transform: translateY(0.5px);
}

/* Domain chips: render suffix "(Канал)/(Бот)" on second line */
body:is(.model-client, .model-subscriber).change-list #result_list .domain-chip.domain-chip-has-meta {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    white-space: normal !important;
    line-height: 1.1 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list .domain-chip.domain-chip-has-meta .domain-chip-main {
    display: block !important;
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list .domain-chip.domain-chip-has-meta .domain-chip-meta {
    display: block !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

@media (max-width: 1440px) and (min-width: 1025px) {
    body.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-client.change-list #result_list {
        min-width: 1180px !important;
    }

    body.model-subscriber.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-subscriber.change-list #result_list {
        min-width: 1000px !important;
    }

    body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-domain.change-list #result_list {
        min-width: 900px !important;
    }
}

@media (max-width: 1024px) {
    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner > .flex.items-center.w-full {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #header-inner .ml-auto {
        width: 100% !important;
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        gap: 8px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list :is(#changelist-search, #toolbar, #toolbar form, #changelist-search form, #changelist-search > div) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-client.change-list #result_list {
        min-width: 1080px !important;
    }

    body.model-subscriber.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-subscriber.change-list #result_list {
        min-width: 940px !important;
    }

    body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-domain.change-list #result_list {
        min-width: 860px !important;
    }

    body.model-client.change-list #result_list td.field-display_status .status-chip {
        width: auto !important;
        min-width: 104px !important;
        max-width: 140px !important;
        height: auto !important;
        min-height: 34px !important;
        padding: 6px 10px !important;
        white-space: normal !important;
        line-height: 1.1 !important;
    }
}

@media (max-width: 768px) {
    body:is(.model-client, .model-domain, .model-subscriber).change-list #content {
        padding: 10px 8px 96px !important;
    }

    body.model-client.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-client.change-list #result_list {
        min-width: 900px !important;
    }

    body.model-subscriber.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-subscriber.change-list #result_list {
        min-width: 820px !important;
    }

    body.model-domain.change-list #changelist-form > div[data-simplebar] .simplebar-content,
    body.model-domain.change-list #result_list {
        min-width: 760px !important;
    }

    body:is(.model-client, .model-domain, .model-subscriber).change-list #changelist a[x-on\:click="filterOpen = true"] {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ===== MOBILE LIST RENDER FIX V4 (cross-browser, no broken stacked labels) ===== */
@media (max-width: 1024px) {
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list {
        display: table !important;
        width: max-content !important;
        border-spacing: 0 !important;
        table-layout: fixed !important;
    }

    html body.model-client.change-list #result_list {
        min-width: 980px !important;
    }

    html body.model-subscriber.change-list #result_list {
        min-width: 940px !important;
    }

    html body.model-domain.change-list #result_list {
        min-width: 760px !important;
    }

    html body.model-user.change-list #result_list {
        min-width: 760px !important;
    }

    html body.model-group.change-list #result_list {
        min-width: 620px !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > thead {
        display: table-header-group !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody {
        display: table-row-group !important;
        background: transparent !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr {
        display: table-row !important;
        border: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > th,
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > td {
        display: table-cell !important;
        vertical-align: middle !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > th::before,
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > td::before {
        --tw-content: "" !important;
        content: none !important;
        display: none !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > thead > tr > th.action-checkbox-column span.block.font-normal {
        display: none !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list :is(th, td).hidden {
        display: table-cell !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > td.action-checkbox,
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #result_list > tbody > tr > th.action-checkbox {
        width: 46px !important;
        min-width: 46px !important;
        max-width: 46px !important;
        text-align: center !important;
    }
}

@media (max-width: 768px) {
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner > .flex.items-center.w-full {
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 8px !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner > .flex.items-center.w-full > div:first-child {
        flex: 1 1 auto !important;
        min-width: 0 !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner .ml-auto {
        width: auto !important;
        min-width: 0 !important;
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner .ml-auto :is(#user-tools, .object-tools) {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        flex-wrap: nowrap !important;
    }
}

/* Breadcrumb containers must stay visible.
   Hiding whole wrappers here caused fully blank admin screens (including /admin/traffic). */

/* ===== MOBILE ONLY: shorten sidebar title "Панель управления" -> "Панель" ===== */
@media (max-width: 768px) {
    /* In mobile drawer both title containers can be rendered; hide duplicate source */
    #nav-sidebar-inner > div.border-b > div.bg-transparent #site-name {
        display: none !important;
    }

    #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important > span.truncate {
        font-size: 0 !important;
        line-height: 0 !important;
    }

    #nav-sidebar-inner > div.border-b > div.bg-transparent .text-important > span.truncate::after {
        content: "Панель";
        display: inline-block !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        color: #4a6683 !important;
        letter-spacing: -0.01em !important;
        vertical-align: middle !important;
    }
}

/* ===== STABILITY LAYER P1: remove tiny global overflows on changelist/dashboard ===== */
@media (max-width: 1024px) {
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist-form > div[data-simplebar] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

html body.crm-dashboard #page,
html body.crm-dashboard #main,
html body.crm-dashboard #content,
html body.crm-dashboard #content-main,
html body.crm-dashboard .crm-dashboard-layout {
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-x: clip !important;
}

/* ===== STABILITY LAYER P2: mobile header balance + smarter table widths ===== */
@media (max-width: 768px) {
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner {
        margin-top: 8px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        min-height: 50px !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner h1,
    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner h1 :is(a, span) {
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner .ml-auto {
        gap: 4px !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner .ml-auto .bg-base-200.h-5.w-px {
        display: none !important;
    }

    html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #header-inner .ml-auto :is(a.addlink, button.addlink) {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }
}

@media (max-width: 1024px) {
    html body.model-group.change-list #result_list {
        min-width: 100% !important;
        width: 100% !important;
    }

    html body.model-user.change-list #result_list {
        min-width: 700px !important;
    }
}

/* ===== STABILITY LAYER P4: changelist container overflow cleanup ===== */
html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list #changelist {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

html body:is(.model-client, .model-subscriber, .model-domain, .model-user, .model-group).change-list .result-list-wrapper.changelist-form-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body.crm-dashboard #header-inner > .flex.items-center.w-full {
    min-width: 0 !important;
    overflow: hidden !important;
}

/* ===== Changelist density toggle (Clients/Subscribers) ===== */
body:is(.model-client, .model-subscriber).change-list {
    --crm-density-row-height: 76px;
    --crm-density-cell-pad-y: 10px;
    --crm-density-chip-height: 38px;
    --crm-density-chip-font-size: 12px;
}

body:is(.model-client, .model-subscriber).change-list.crm-density-compact {
    --crm-density-row-height: 64px;
    --crm-density-cell-pad-y: 6px;
    --crm-density-chip-height: 32px;
    --crm-density-chip-font-size: 11px;
}

body:is(.model-client, .model-subscriber).change-list.crm-density-comfortable {
    --crm-density-row-height: 76px;
    --crm-density-cell-pad-y: 10px;
    --crm-density-chip-height: 38px;
    --crm-density-chip-font-size: 12px;
}

body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr {
    height: var(--crm-density-row-height) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td) {
    padding-top: var(--crm-density-cell-pad-y) !important;
    padding-bottom: var(--crm-density-cell-pad-y) !important;
}

/* ===== TRAFFIC MANAGERS MOBILE OPTIMIZATION ===== */
@media (max-width: 1024px) {
    html body.model-trafficmanager.change-list #changelist-form > div[data-simplebar] {
        overflow-x: auto !important;
        overflow-y: visible !important;
        -webkit-overflow-scrolling: touch !important;
    }

    html body.model-trafficmanager.change-list #changelist .result-list-wrapper.changelist-form-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    html body.model-trafficmanager.change-list :is(#changelist-search, #toolbar, #toolbar form, #changelist-search form, #changelist-search > div) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html body.model-trafficmanager.change-list #result_list {
        display: table !important;
        width: max-content !important;
        min-width: 760px !important;
        table-layout: fixed !important;
        border-spacing: 0 !important;
    }

    html body.model-trafficmanager.change-list #result_list > thead > tr > th,
    html body.model-trafficmanager.change-list #result_list > tbody > tr > :is(th, td) {
        white-space: nowrap !important;
    }
}

@media (max-width: 768px) {
    html body.model-trafficmanager.change-list #content {
        padding: 10px 8px 96px !important;
    }

    html body.model-trafficmanager.change-list #result_list {
        min-width: 680px !important;
    }

    html body.model-trafficmanager.change-list #header-inner h1,
    html body.model-trafficmanager.change-list #header-inner h1 :is(a, span) {
        font-size: 18px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(
    .id-chip,
    .user-chip,
    .status-chip,
    .capital-chip,
    .geo-chip,
    .geo-chip-empty,
    .comment-chip,
    .comment-chip-empty,
    .date-chip,
    .date-chip-empty,
    .domain-chip,
    .channel-chip
) {
    min-height: var(--crm-density-chip-height) !important;
    height: var(--crm-density-chip-height) !important;
    font-size: var(--crm-density-chip-font-size) !important;
}

/* User chip can contain 2 text rows (username + fullname), so never hard-lock its height */
body:is(.model-client, .model-subscriber).change-list #result_list td .user-chip {
    height: auto !important;
    min-height: var(--crm-density-chip-height) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Two-line domain chips (e.g., link + "(Бот)/(Канал)") must not be hard-clipped by compact height */
body:is(.model-client, .model-subscriber).change-list #result_list td .domain-chip.domain-chip-has-meta {
    height: auto !important;
    min-height: var(--crm-density-chip-height) !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-density-compact #result_list td .user-chip {
    min-height: 36px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-density-compact #result_list td .user-chip-sub {
    margin-top: 1px !important;
    line-height: 1.05 !important;
}

body.model-subscriber.change-list.crm-density-compact #result_list td.field-display_invite_link .domain-chip.domain-chip-has-meta {
    min-height: 40px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .geo-chip {
    display: inline-flex !important;
    align-items: center !important;
}

.crm-density-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #c5d6ea;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.96) 0%, rgba(237, 245, 253, 0.9) 100%);
    box-shadow: 0 1px 4px rgba(49, 82, 123, 0.08);
}

.crm-density-btn {
    border: 1px solid transparent;
    background: transparent;
    color: #4a6686;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 7px 10px;
    border-radius: 999px;
    cursor: pointer;
}

.crm-density-btn:hover {
    color: #2f4f74;
    background: rgba(213, 228, 245, 0.45);
    border-color: #b4c9e2;
}

.crm-density-btn.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, #5f8fba 0%, #4e7ea9 100%);
    border-color: #4f7ea8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

html.dark .crm-density-toggle {
    border-color: #3f5670;
    background: linear-gradient(180deg, rgba(31, 46, 63, 0.96) 0%, rgba(24, 37, 52, 0.9) 100%);
}

html.dark .crm-density-btn {
    color: #bdd0e6;
}

html.dark .crm-density-btn:hover {
    color: #e6f0fb;
    background: rgba(79, 108, 140, 0.32);
    border-color: #557399;
}

.crm-row-style-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #c5d6ea;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.96) 0%, rgba(237, 245, 253, 0.9) 100%);
    box-shadow: 0 1px 4px rgba(49, 82, 123, 0.08);
}

.crm-row-style-btn {
    border: 1px solid transparent;
    background: transparent;
    color: #4a6686;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 7px 10px;
    border-radius: 999px;
    cursor: pointer;
}

.crm-row-style-btn:hover {
    color: #2f4f74;
    background: rgba(213, 228, 245, 0.45);
    border-color: #b4c9e2;
}

.crm-row-style-btn.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, #5f8fba 0%, #4e7ea9 100%);
    border-color: #4f7ea8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

html.dark .crm-row-style-toggle {
    border-color: #3f5670;
    background: linear-gradient(180deg, rgba(31, 46, 63, 0.96) 0%, rgba(24, 37, 52, 0.9) 100%);
}

html.dark .crm-row-style-btn {
    color: #bdd0e6;
}

html.dark .crm-row-style-btn:hover {
    color: #e6f0fb;
    background: rgba(79, 108, 140, 0.32);
    border-color: #557399;
}

/* ===== Unified state system (CRM) ===== */
:root {
    --crm-state-radius: 999px;
    --crm-state-height-sm: 32px;
    --crm-state-font-sm: 12px;
    --crm-state-border-neutral: #cbd9e9;
    --crm-state-bg-neutral: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 248, 255, 0.9) 100%);
    --crm-state-text-neutral: #3f5f82;
    --crm-state-border-info: #9bc0e6;
    --crm-state-bg-info: linear-gradient(180deg, #eef6ff 0%, #dbeeff 100%);
    --crm-state-text-info: #1f568f;
    --crm-state-border-success: #9fd8b5;
    --crm-state-bg-success: linear-gradient(180deg, #f1fbf5 0%, #e1f6ea 100%);
    --crm-state-text-success: #206a44;
    --crm-state-border-warning: #efd48f;
    --crm-state-bg-warning: linear-gradient(180deg, #fffaed 0%, #fff2d3 100%);
    --crm-state-text-warning: #805719;
    --crm-state-border-danger: #e3a6a6;
    --crm-state-bg-danger: linear-gradient(180deg, #d44e4e 0%, #ba3434 100%);
    --crm-state-text-danger: #ffffff;
}

.crm-state {
    --crm-state-border-color: var(--crm-state-border-neutral);
    --crm-state-bg-color: var(--crm-state-bg-neutral);
    --crm-state-text-color: var(--crm-state-text-neutral);
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: var(--crm-state-height-sm) !important;
    padding: 0 12px !important;
    border: 1px solid var(--crm-state-border-color) !important;
    border-radius: var(--crm-state-radius) !important;
    background: var(--crm-state-bg-color) !important;
    color: var(--crm-state-text-color) !important;
    -webkit-text-fill-color: var(--crm-state-text-color) !important;
    font-weight: 700 !important;
    font-size: var(--crm-state-font-sm) !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 1px 4px rgba(40, 73, 112, 0.08) !important;
}

.crm-state.crm-state--interactive {
    cursor: pointer !important;
    transition: transform .12s ease, box-shadow .12s ease, filter .12s ease !important;
}

.crm-state.crm-state--interactive:hover {
    transform: translateY(-1px);
    filter: saturate(1.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 3px 10px rgba(33, 68, 110, 0.12) !important;
}

.crm-state.crm-state--sm {
    min-height: var(--crm-state-height-sm) !important;
    font-size: var(--crm-state-font-sm) !important;
}

.crm-state.crm-state--neutral {
    --crm-state-border-color: var(--crm-state-border-neutral);
    --crm-state-bg-color: var(--crm-state-bg-neutral);
    --crm-state-text-color: var(--crm-state-text-neutral);
}

.crm-state.crm-state--info {
    --crm-state-border-color: var(--crm-state-border-info);
    --crm-state-bg-color: var(--crm-state-bg-info);
    --crm-state-text-color: var(--crm-state-text-info);
}

.crm-state.crm-state--selected {
    --crm-state-border-color: #9cc9ee;
    --crm-state-bg-color: linear-gradient(180deg, #dff1ff 0%, #bdddf7 100%);
    --crm-state-text-color: #285a86;
}

.crm-state.crm-state--success {
    --crm-state-border-color: var(--crm-state-border-success);
    --crm-state-bg-color: var(--crm-state-bg-success);
    --crm-state-text-color: var(--crm-state-text-success);
}

.crm-state.crm-state--warning {
    --crm-state-border-color: var(--crm-state-border-warning);
    --crm-state-bg-color: var(--crm-state-bg-warning);
    --crm-state-text-color: var(--crm-state-text-warning);
}

.crm-state.crm-state--danger {
    --crm-state-border-color: var(--crm-state-border-danger);
    --crm-state-bg-color: var(--crm-state-bg-danger);
    --crm-state-text-color: var(--crm-state-text-danger);
}

.crm-state.crm-state--danger-soft {
    --crm-state-border-color: #e8bcbc;
    --crm-state-bg-color: linear-gradient(180deg, #fff7f7 0%, #ffecec 100%);
    --crm-state-text-color: #9a3b3b;
}

.crm-state-banner {
    border-radius: 12px;
    border: 1px solid var(--crm-state-border-color);
    background: var(--crm-state-bg-color);
    color: var(--crm-state-text-color);
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.35;
}

.crm-state-banner.crm-state-banner--warning {
    --crm-state-border-color: #efd48f;
    --crm-state-bg-color: #fff8e5;
    --crm-state-text-color: #7e5b1f;
}

.crm-state-banner.crm-state-banner--danger {
    --crm-state-border-color: #efb0b0;
    --crm-state-bg-color: #fff0f0;
    --crm-state-text-color: #8a2b2b;
}

.crm-state-banner.crm-state-banner--success {
    --crm-state-border-color: #9fd8b5;
    --crm-state-bg-color: #ecf9f1;
    --crm-state-text-color: #206a44;
}

.crm-state-banner.crm-state-banner--info {
    --crm-state-border-color: #a9c9e8;
    --crm-state-bg-color: #edf5ff;
    --crm-state-text-color: #245888;
}

/* Backward-compatible state aliases for old classes */
body.model-client .client-quality-banner .client-quality-chip.is-idle,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-muted {
    --crm-state-border-color: var(--crm-state-border-neutral);
    --crm-state-bg-color: var(--crm-state-bg-neutral);
    --crm-state-text-color: var(--crm-state-text-neutral);
}

body.model-client .client-quality-banner .client-quality-chip.is-active,
body.model-client .client-quality-banner .client-quality-chip.is-alert-active,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-alert-active,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-idle-active {
    --crm-state-border-color: #9cc9ee;
    --crm-state-bg-color: linear-gradient(180deg, #dff1ff 0%, #bdddf7 100%);
    --crm-state-text-color: #285a86;
}

body.model-client .client-quality-banner .client-quality-chip.is-ok,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-ok {
    --crm-state-border-color: var(--crm-state-border-success);
    --crm-state-bg-color: var(--crm-state-bg-success);
    --crm-state-text-color: var(--crm-state-text-success);
}

body.model-client .client-quality-banner .client-quality-chip.is-alert,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-alert {
    --crm-state-border-color: var(--crm-state-border-warning);
    --crm-state-bg-color: var(--crm-state-bg-warning);
    --crm-state-text-color: var(--crm-state-text-warning);
}

body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-error,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-problem {
    --crm-state-border-color: #e8b6b6;
    --crm-state-bg-color: #fff3f3;
    --crm-state-text-color: #8f3535;
}

body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip-link {
    --crm-state-border-color: var(--crm-state-border-info);
    --crm-state-bg-color: var(--crm-state-bg-info);
    --crm-state-text-color: var(--crm-state-text-info);
}

body.model-client .client-quality-banner .client-quality-chip,
body.model-subscriber .subscriber-sync-panel .subscriber-sync-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-height: var(--crm-state-height-sm) !important;
    padding: 0 12px !important;
    border-radius: var(--crm-state-radius) !important;
    border: 1px solid var(--crm-state-border-color, var(--crm-state-border-neutral)) !important;
    background: var(--crm-state-bg-color, var(--crm-state-bg-neutral)) !important;
    color: var(--crm-state-text-color, var(--crm-state-text-neutral)) !important;
    -webkit-text-fill-color: var(--crm-state-text-color, var(--crm-state-text-neutral)) !important;
    font-size: var(--crm-state-font-sm) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* ===== Extended accents (capital / geo / domain / comment) ===== */
body.model-client.change-list #result_list td .capital-chip {
    border-width: 1.5px !important;
    font-weight: 820 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 2px 8px rgba(31, 64, 97, 0.10) !important;
}

body.model-client.change-list #result_list td .capital-chip.capital-chip-zero {
    border-color: #d3e4f1 !important;
    background: linear-gradient(180deg, #f7fbff 0%, #eaf3fb 100%) !important;
    color: #5e7a95 !important;
}

body.model-client.change-list #result_list td .capital-chip.capital-chip-positive {
    border-color: #87d7a4 !important;
    background: linear-gradient(180deg, #ecfbf1 0%, #daf6e5 100%) !important;
    color: #14683b !important;
}

body.model-client.change-list #result_list td .capital-chip.capital-chip-risk {
    border-color: #e6b6b6 !important;
    background: linear-gradient(180deg, #fff6f6 0%, #ffeaea 100%) !important;
    color: #8f3434 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo .geo-chip {
    border-color: #bfd4ea !important;
    background: linear-gradient(180deg, #f5faff 0%, #e9f3ff 100%) !important;
    color: #2a557f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 2px 7px rgba(37, 69, 105, 0.08) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo .geo-chip.geo-chip-empty {
    border-color: #bfd4ea !important;
    background: linear-gradient(180deg, #f5faff 0%, #e9f3ff 100%) !important;
    color: #2a557f !important;
    -webkit-text-fill-color: #2a557f !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .domain-chip {
    border-width: 1.5px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 2px 7px rgba(35, 64, 98, 0.08) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-channel {
    border-color: #a3d2b5 !important;
    background: linear-gradient(180deg, #effbf4 0%, #e1f7ea 100%) !important;
    color: #1c6c43 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .domain-chip.domain-chip-has-meta.domain-chip-meta-bot {
    border-color: #e9cc8a !important;
    background: linear-gradient(180deg, #fff9eb 0%, #ffefcc 100%) !important;
    color: #815a1a !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #496886 !important;
    -webkit-text-fill-color: #496886 !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment.comment-collapsible {
    max-height: 3.75em !important;
    overflow: hidden !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment.is-expanded .comment.comment-collapsible {
    max-height: none !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment-toggle {
    background: transparent !important;
    border: 0 !important;
    color: #2f73bf !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment-toggle:hover {
    color: #1e5c9c !important;
    text-decoration: underline !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment.comment-empty {
    color: #6f89a3 !important;
    -webkit-text-fill-color: #6f89a3 !important;
}

html.dark body.model-client.change-list #result_list td .capital-chip.capital-chip-zero {
    border-color: #4e6782 !important;
    background: linear-gradient(180deg, rgba(50, 69, 91, 0.82) 0%, rgba(42, 58, 77, 0.86) 100%) !important;
    color: #b1c8df !important;
}

html.dark body.model-client.change-list #result_list td .capital-chip.capital-chip-positive {
    border-color: rgba(120, 214, 166, 0.45) !important;
    background: linear-gradient(180deg, rgba(28, 78, 52, 0.36) 0%, rgba(24, 65, 44, 0.42) 100%) !important;
    color: #a9e5c4 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo .geo-chip.geo-chip-empty {
    border-color: rgba(121, 173, 224, 0.46) !important;
    background: linear-gradient(180deg, rgba(43, 66, 92, 0.46) 0%, rgba(35, 55, 77, 0.52) 100%) !important;
    color: #c8ddf2 !important;
    -webkit-text-fill-color: #c8ddf2 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment.comment-empty {
    color: #8fa8c2 !important;
    -webkit-text-fill-color: #8fa8c2 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td.field-display_comment .js-inline-comment .comment-toggle {
    color: #9bc6ff !important;
}

/* ===== Two-mode changelist view switch (Clients/Subscribers) ===== */
body:is(.model-client, .model-subscriber).change-list.crm-view-mode-compact {
    --crm-density-row-height: 58px;
    --crm-density-cell-pad-y: 5px;
    --crm-density-chip-height: 30px;
    --crm-density-chip-font-size: 11px;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-card {
    --crm-density-row-height: 86px;
    --crm-density-cell-pad-y: 12px;
    --crm-density-chip-height: 40px;
    --crm-density-chip-font-size: 12px;
}

.crm-view-mode-toggle {
    align-items: stretch;
    background: linear-gradient(180deg, rgba(247, 251, 255, 0.96) 0%, rgba(234, 244, 255, 0.94) 100%);
    border: 1px solid #bdd3ea;
    border-radius: 22px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 12px 26px rgba(44, 82, 125, 0.10);
    display: inline-flex;
    gap: 6px;
    padding: 5px;
}

.crm-view-mode-btn {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 17px;
    color: #486684;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    font-weight: 850;
    gap: 2px;
    justify-content: center;
    line-height: 1;
    min-width: 104px;
    padding: 8px 14px;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.crm-view-mode-btn span {
    font-size: 13px;
}

.crm-view-mode-btn small {
    color: #7290ae;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.crm-view-mode-btn:hover {
    background: rgba(213, 229, 246, 0.48);
    border-color: #aac6e2;
    color: #25496f;
    transform: translateY(-1px);
}

.crm-view-mode-btn.is-active {
    background: linear-gradient(180deg, #dff1ff 0%, #b9dcf7 100%);
    border-color: #93c2ea;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 8px 18px rgba(78, 139, 190, 0.16);
    color: #285a86;
}

.crm-view-mode-btn.is-active small {
    color: rgba(255, 255, 255, 0.78);
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list {
    border-spacing: 0 16px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list > tbody > tr.data-row > :is(th, td) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 247, 255, 0.94) 100%) !important;
    border-top-color: #b9d4ef !important;
    border-bottom-color: #b9d4ef !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 24px rgba(34, 72, 113, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list > tbody > tr.data-row > *:first-child {
    border-left-color: #b9d4ef !important;
    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list > tbody > tr.data-row > *:last-child {
    border-right-color: #b9d4ef !important;
    border-top-right-radius: 18px !important;
    border-bottom-right-radius: 18px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-compact.crm-row-style-classic #result_list {
    border-spacing: 0 4px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-view-mode-compact.crm-row-style-classic #result_list > tbody > tr.data-row > :is(th, td) {
    box-shadow: none !important;
}

html.dark .crm-view-mode-toggle {
    background: linear-gradient(180deg, rgba(32, 48, 66, 0.96) 0%, rgba(23, 36, 51, 0.94) 100%);
    border-color: #405b78;
    box-shadow: inset 0 1px 0 rgba(213, 235, 255, 0.06), 0 12px 26px rgba(3, 10, 18, 0.28);
}

html.dark .crm-view-mode-btn {
    color: #c2d4e8;
}

html.dark .crm-view-mode-btn small {
    color: #839bb5;
}

html.dark .crm-view-mode-btn:hover {
    background: rgba(82, 117, 153, 0.24);
    border-color: #5b7a9f;
    color: #f0f6ff;
}

html.dark .crm-view-mode-btn.is-active {
    background: linear-gradient(180deg, #6aa0d2 0%, #4e7fac 100%);
    border-color: #6ea0d2;
    color: #ffffff;
}

/* ===== Extended accents (id / user / channel) ===== */
body:is(.model-client, .model-subscriber).change-list #result_list td .id-chip {
    border-width: 1.5px !important;
    border-color: #d9cbf4 !important;
    background: linear-gradient(180deg, #f7f2ff 0%, #eee6ff 100%) !important;
    color: #6a57a6 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76), 0 2px 8px rgba(95, 74, 152, 0.10) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .id-chip .js-inline-copy-id {
    color: #7259b1 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .id-chip .js-inline-copy-id.inline-copy-done {
    color: #1f8a4a !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .user-chip {
    border-width: 1.5px !important;
    border-color: #bcd4ea !important;
    background: linear-gradient(180deg, #f5faff 0%, #e9f3ff 100%) !important;
    color: #2a527b !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 2px 8px rgba(33, 66, 103, 0.10) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .user-chip .user-chip-main-text {
    color: #224b76 !important;
    font-weight: 800 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .user-chip .user-chip-sub {
    color: #6384a5 !important;
    -webkit-text-fill-color: #6384a5 !important;
    font-weight: 700 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .channel-chip,
body:is(.model-client, .model-subscriber).change-list #result_list td .channel-chip-enigma,
body:is(.model-client, .model-subscriber).change-list #result_list td .channel-chip-cryptolab,
body:is(.model-client, .model-subscriber).change-list #result_list td .channel-chip-shark {
    border-width: 1.5px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 2px 8px rgba(31, 63, 98, 0.10) !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td .id-chip {
    border-color: rgba(167, 138, 235, 0.50) !important;
    background: linear-gradient(180deg, rgba(74, 56, 112, 0.42) 0%, rgba(63, 48, 97, 0.48) 100%) !important;
    color: #d2c2ff !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td .user-chip {
    border-color: rgba(120, 170, 220, 0.45) !important;
    background: linear-gradient(180deg, rgba(42, 64, 89, 0.46) 0%, rgba(34, 53, 74, 0.52) 100%) !important;
    color: #c5dcf2 !important;
}

/* ===== Extended accents (date + row selection controls) ===== */
body:is(.model-client, .model-subscriber).change-list #result_list td :is(.date-chip, .date-chip-empty) {
    border-width: 1.5px !important;
    font-weight: 820 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 2px 7px rgba(34, 65, 98, 0.08) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .date-chip {
    border-color: #b8d4ea !important;
    background: linear-gradient(180deg, #f4faff 0%, #e8f3ff 100%) !important;
    color: #2f5b85 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td .date-chip.date-chip-empty {
    border-color: #e5c0c0 !important;
    background: linear-gradient(180deg, #fff8f8 0%, #ffefef 100%) !important;
    color: #9c4949 !important;
    -webkit-text-fill-color: #9c4949 !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle) {
    appearance: none !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 8px !important;
    border: 1.5px solid #aecae3 !important;
    background: linear-gradient(180deg, #f8fcff 0%, #edf6ff 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 1px 3px rgba(36, 67, 101, 0.08) !important;
    cursor: pointer !important;
    position: relative !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked {
    border-color: #3d8edd !important;
    background: linear-gradient(180deg, #4c9ae4 0%, #347fca 100%) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked::after {
    content: "" !important;
    position: absolute !important;
    left: 6px !important;
    top: 2px !important;
    width: 5px !important;
    height: 10px !important;
    border: solid #ffffff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td .date-chip {
    border-color: rgba(121, 173, 224, 0.46) !important;
    background: linear-gradient(180deg, rgba(43, 66, 92, 0.46) 0%, rgba(35, 55, 77, 0.52) 100%) !important;
    color: #c8ddf2 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td .date-chip.date-chip-empty {
    border-color: rgba(243, 154, 160, 0.42) !important;
    background: linear-gradient(180deg, rgba(89, 41, 46, 0.30) 0%, rgba(75, 34, 39, 0.36) 100%) !important;
    color: #ffb4bb !important;
    -webkit-text-fill-color: #ffb4bb !important;
}

/* ===== Clients: full card-row mode (test) ===== */
body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list {
    border-collapse: separate !important;
    border-spacing: 0 12px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > :is(th, td) {
    background: linear-gradient(180deg, rgba(253, 255, 255, 0.96) 0%, rgba(241, 248, 255, 0.90) 100%) !important;
    border-top: 1.5px solid #c8dbef !important;
    border-bottom: 1.5px solid #c8dbef !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 4px 12px rgba(28, 55, 88, 0.08) !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > *:first-child {
    border-left: 1.5px solid #c8dbef !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > *:last-child {
    border-right: 1.5px solid #c8dbef !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(241, 248, 255, 0.98) 0%, rgba(227, 239, 252, 0.94) 100%) !important;
    border-top: 1.5px solid #c8dbef !important;
    border-bottom: 1.5px solid #c8dbef !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th:first-child {
    border-left: 1.5px solid #c8dbef !important;
    border-top-left-radius: 14px !important;
    border-bottom-left-radius: 14px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th:last-child {
    border-right: 1.5px solid #c8dbef !important;
    border-top-right-radius: 14px !important;
    border-bottom-right-radius: 14px !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row:hover > :is(th, td) {
    background: linear-gradient(180deg, rgba(248, 253, 255, 0.98) 0%, rgba(235, 245, 255, 0.93) 100%) !important;
    border-top-color: #b9d3ec !important;
    border-bottom-color: #b9d3ec !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86), 0 7px 16px rgba(27, 56, 92, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row:hover > *:first-child {
    border-left-color: #b9d3ec !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row:hover > *:last-child {
    border-right-color: #b9d3ec !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row.selected > :is(th, td) {
    background: linear-gradient(180deg, rgba(238, 247, 255, 0.98) 0%, rgba(224, 239, 255, 0.94) 100%) !important;
    border-top-color: #8cb3dc !important;
    border-bottom-color: #8cb3dc !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 8px 18px rgba(35, 72, 116, 0.16) !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row.selected > *:first-child {
    border-left-color: #8cb3dc !important;
}

body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row.selected > *:last-child {
    border-right-color: #8cb3dc !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list {
    border-spacing: 0 12px !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > :is(th, td) {
    background: linear-gradient(180deg, rgba(34, 50, 69, 0.92) 0%, rgba(28, 42, 58, 0.96) 100%) !important;
    border-top-color: #3f5978 !important;
    border-bottom-color: #3f5978 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 16px rgba(7, 14, 24, 0.34) !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > *:first-child {
    border-left-color: #3f5978 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row > *:last-child {
    border-right-color: #3f5978 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th {
    background: linear-gradient(180deg, rgba(37, 55, 76, 0.95) 0%, rgba(33, 49, 68, 0.98) 100%) !important;
    border-top-color: #3f5978 !important;
    border-bottom-color: #3f5978 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th:first-child {
    border-left-color: #3f5978 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > thead > tr > th:last-child {
    border-right-color: #3f5978 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row:hover > :is(th, td) {
    background: linear-gradient(180deg, rgba(42, 62, 86, 0.96) 0%, rgba(35, 52, 73, 0.98) 100%) !important;
    border-top-color: #54759c !important;
    border-bottom-color: #54759c !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list.crm-row-style-card #result_list > tbody > tr.data-row.selected > :is(th, td) {
    background: linear-gradient(180deg, rgba(45, 70, 99, 0.98) 0%, rgba(37, 59, 84, 0.98) 100%) !important;
    border-top-color: #6f98c7 !important;
    border-bottom-color: #6f98c7 !important;
}

body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list {
    border-spacing: 0 16px !important;
}

body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list > tbody > tr.data-row > :is(th, td) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(239, 247, 255, 0.94) 100%) !important;
    border-top-color: #b9d4ef !important;
    border-bottom-color: #b9d4ef !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 24px rgba(34, 72, 113, 0.12) !important;
}

html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list {
    border-spacing: 0 16px !important;
}

html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list.crm-view-mode-card.crm-row-style-card #result_list > tbody > tr.data-row > :is(th, td) {
    background: linear-gradient(180deg, rgba(35, 52, 72, 0.96) 0%, rgba(27, 42, 59, 0.98) 100%) !important;
    border-top-color: #55779d !important;
    border-bottom-color: #55779d !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 22px rgba(3, 10, 18, 0.38) !important;
}

/* ===== Status emphasis layer (Option 2) ===== */
body.model-client.change-list #result_list td.field-display_status .status-chip {
    border-width: 1.5px !important;
    font-weight: 780 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 2px 8px rgba(35, 63, 97, 0.10) !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip .status-dot {
    width: 9px !important;
    height: 9px !important;
    opacity: 1 !important;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.56);
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_work {
    border-color: #84d8a1 !important;
    background: linear-gradient(180deg, #ebfbf0 0%, #daf7e4 100%) !important;
    color: #16683b !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_new {
    border-color: #9fc3e8 !important;
    background: linear-gradient(180deg, #edf6ff 0%, #dceeff 100%) !important;
    color: #245b92 !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_understanding {
    border-color: #f0cf7b !important;
    background: linear-gradient(180deg, #fff9e8 0%, #ffefc7 100%) !important;
    color: #885d15 !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_register {
    border-color: #f0bc86 !important;
    background: linear-gradient(180deg, #fff6ea 0%, #ffe8cf 100%) !important;
    color: #985015 !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_deposit {
    border-color: #87d0f2 !important;
    background: linear-gradient(180deg, #e9f8ff 0%, #d4f0ff 100%) !important;
    color: #0f658e !important;
}

body.model-client.change-list #result_list td.field-display_status .status-chip.status_afk,
body.model-client.change-list #result_list td.field-display_status .status-chip.status_double,
body.model-client.change-list #result_list td.field-display_status .status-chip.status_unknown {
    border-color: #e6b1b1 !important;
    background: linear-gradient(180deg, #fff5f5 0%, #ffeaea 100%) !important;
    color: #903838 !important;
}

html.dark body.model-client.change-list #result_list td.field-display_status .status-chip {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 4px 12px rgba(7, 12, 20, 0.35) !important;
}

/* ===== Mobile card mode (clients/subscribers) ===== */
@media (max-width: 1024px) {
    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] {
        overflow: visible !important;
        padding: 0 !important;
        border-radius: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] .simplebar-content {
        min-width: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] > .simplebar-wrapper,
    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask,
    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset,
    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #changelist-form > div[data-simplebar] > .simplebar-wrapper > .simplebar-mask > .simplebar-offset > .simplebar-content-wrapper {
        overflow: visible !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        border-spacing: 0 !important;
        table-layout: auto !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > thead {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody {
        display: block !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr {
        display: block !important;
        margin: 0 0 12px !important;
        border: 1.5px solid #c8dbef !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(241, 248, 255, 0.92) 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 6px 16px rgba(27, 56, 92, 0.10) !important;
        overflow: hidden !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr:last-child {
        margin-bottom: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td) {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid #dbe8f4 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td):last-child {
        border-bottom: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td)::before {
        color: #6d86a2 !important;
        font-size: 11px !important;
        font-weight: 760 !important;
        letter-spacing: 0.02em !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td) > * {
        max-width: 60% !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > td.action-checkbox {
        justify-content: flex-start !important;
        min-height: 40px !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > td.action-checkbox::before {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr:has(input.action-select:checked) {
        border-color: #8cb3dc !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.88), 0 8px 18px rgba(35, 72, 116, 0.16) !important;
    }

    html.dark body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr {
        border-color: #3f5978 !important;
        background: linear-gradient(180deg, rgba(34, 50, 69, 0.96) 0%, rgba(28, 42, 58, 0.98) 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 16px rgba(7, 14, 24, 0.34) !important;
    }

    html.dark body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td) {
        border-bottom-color: rgba(90, 120, 150, 0.45) !important;
    }

    html.dark body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr > :is(th, td)::before {
        color: #9db8d4 !important;
    }

    html.dark body:is(.model-client, .model-subscriber).change-list:not(.crm-row-style-classic) #result_list > tbody > tr:has(input.action-select:checked) {
        border-color: #6f98c7 !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 10px 20px rgba(7, 14, 24, 0.40) !important;
    }
}

/* ===== MOBILE HARD RESET v9: clients/subscribers card-only, show all fields ===== */
@media (max-width: 1024px) {
    body:is(.model-client, .model-subscriber).change-list .js-row-style-toggle {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        border-spacing: 0 !important;
        table-layout: auto !important;
        background: transparent !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > thead {
        display: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody {
        display: block !important;
        margin: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr,
    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row {
        display: block !important;
        margin: 0 0 12px !important;
        border: 1.5px solid #c8dbef !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, rgba(253, 255, 255, 0.98) 0%, rgba(241, 248, 255, 0.92) 100%) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.84), 0 6px 16px rgba(27, 56, 92, 0.10) !important;
        overflow: hidden !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td),
    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td),
    body:is(.model-client, .model-subscriber).change-list #result_list > :is(thead, tbody) > tr > :is(th, td):nth-child(n) {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        position: static !important;
        float: none !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        border: 0 !important;
        border-bottom: 1px solid #dbe8f4 !important;
        background: transparent !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        z-index: auto !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td):last-child,
    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td):last-child {
        border-bottom: 0 !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td) > *,
    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td) > * {
        max-width: none !important;
        width: auto !important;
        min-width: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td).action-checkbox,
    body:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td).action-checkbox {
        justify-content: flex-start !important;
        min-height: 40px !important;
    }
}

/* ===== MOBILE HARD RESET v10: force-show all cells in client/subscriber rows ===== */
@media (max-width: 1024px) {
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(3),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(4),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(5),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(6),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(7),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(8),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(9),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(10),
    body.model-client.change-list #result_list > tbody > tr > td:nth-child(11),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(3),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(4),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(5),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(6),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(7),
    body.model-subscriber.change-list #result_list > tbody > tr > td:nth-child(8) {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-height: none !important;
        height: auto !important;
        min-height: 44px !important;
        overflow: visible !important;
    }
}

/* ===== FINAL SIDEBAR PARITY LOCK: dark geometry must be identical to light ===== */
@media (min-width: 769px) {
    html.dark body.crm-core-theme #nav-sidebar .module caption,
    html.dark body.crm-core-theme #nav-sidebar .module th.section,
    html.dark body.crm-core-theme #nav-sidebar .module th,
    html.dark body.crm-core-theme #nav-sidebar .section-title,
    html.dark body.crm-core-theme #nav-sidebar .app-label {
        margin: 8px 4px 4px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
    }

    html.dark body.crm-core-theme #nav-sidebar a,
    html.dark body.crm-core-theme #nav-sidebar .module td a,
    html.dark body.crm-core-theme #nav-sidebar .module th a,
    html.dark body.crm-core-theme #nav-sidebar li a,
    html.dark body.crm-core-theme #nav-sidebar nav a {
        min-height: 44px !important;
        margin: 0 0 8px !important;
        padding: 0 14px !important;
        gap: 9px !important;
        border-radius: 14px !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        transform: none !important;
        transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
    }

    html.dark body.crm-core-theme #nav-sidebar .material-symbols-outlined,
    html.dark body.crm-core-theme #nav-sidebar svg {
        font-size: 20px !important;
        width: 20px !important;
        height: 20px !important;
    }

    html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b {
        border-bottom-width: 1px !important;
        margin-bottom: 12px !important;
        padding: 8px 10px !important;
        height: auto !important;
    }

    html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
        display: flex !important;
        align-items: center !important;
        gap: 12px !important;
        min-height: 56px !important;
        padding: 10px 14px !important;
        border-radius: 16px !important;
    }

    html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
        width: 24px !important;
        height: 24px !important;
        min-width: 24px !important;
        min-height: 24px !important;
    }

    html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent :is(.text-important, #site-name, #site-name a, .text-important :is(span, a, strong, b)) {
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        text-align: center !important;
    }
}

/* Absolute last lock (desktop): prevent dark sidebar scale jumping */
@media (min-width: 1025px) {
  html.dark body.crm-core-theme #nav-sidebar a,
  html.dark body.crm-core-theme #nav-sidebar .module td a,
  html.dark body.crm-core-theme #nav-sidebar .module th a,
  html.dark body.crm-core-theme #nav-sidebar li a,
  html.dark body.crm-core-theme #nav-sidebar nav a {
    min-height: 44px !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 14px !important;
    gap: 9px !important;
    border-radius: 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    transform: none !important;
  }

  html.dark body.crm-core-theme #nav-sidebar .material-symbols-outlined,
  html.dark body.crm-core-theme #nav-sidebar svg {
    font-size: 20px !important;
    width: 20px !important;
    height: 20px !important;
  }

  html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b {
    margin-bottom: 12px !important;
    padding: 8px 10px !important;
  }

  html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent {
    min-height: 56px !important;
    padding: 10px 14px !important;
    gap: 12px !important;
    border-radius: 16px !important;
  }

  html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent .shrink-0 img {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
  }

  html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent,
  html.dark body.crm-core-theme #nav-sidebar-inner > div.border-b > div.bg-transparent :is(.text-important, #site-name, #site-name a, .text-important :is(span, a, strong, b)) {
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
  }
}

/* Absolute last: distinct channel/domain colors for Space Trading and Pulse Of Coins */
body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta) {
  border-color: #8fcfcd !important;
  background: linear-gradient(180deg, #eefdfb 0%, #d9f5f2 100%) !important;
  color: #1d706d !important;
  -webkit-text-fill-color: #1d706d !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 2px 9px rgba(22, 113, 109, 0.12) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta) :is(span, .domain-chip-main, .domain-chip-meta) {
  color: #1d706d !important;
  -webkit-text-fill-color: #1d706d !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
  border-color: #e2c45f !important;
  background: linear-gradient(180deg, #fff8d8 0%, #ffefab 100%) !important;
  color: #7a5c00 !important;
  -webkit-text-fill-color: #7a5c00 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.80), 0 2px 9px rgba(150, 108, 0, 0.13) !important;
}

body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) :is(span, .domain-chip-main, .domain-chip-meta) {
  color: #7a5c00 !important;
  -webkit-text-fill-color: #7a5c00 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta) {
  border-color: rgba(92, 205, 198, 0.50) !important;
  background: linear-gradient(180deg, rgba(26, 91, 88, 0.50) 0%, rgba(19, 72, 70, 0.56) 100%) !important;
  color: #a8eee9 !important;
  -webkit-text-fill-color: #a8eee9 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-space, .domain-chip.domain-chip-space, .domain-chip.domain-chip-space.domain-chip-has-meta) :is(span, .domain-chip-main, .domain-chip-meta) {
  color: #a8eee9 !important;
  -webkit-text-fill-color: #a8eee9 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) {
  border-color: rgba(232, 195, 78, 0.55) !important;
  background: linear-gradient(180deg, rgba(111, 83, 14, 0.52) 0%, rgba(91, 67, 10, 0.58) 100%) !important;
  color: #ffe8a1 !important;
  -webkit-text-fill-color: #ffe8a1 !important;
}

html.dark body:is(.model-client, .model-subscriber).change-list #result_list td :is(.channel-chip.channel-chip-pulse, .domain-chip.domain-chip-pulse, .domain-chip.domain-chip-pulse.domain-chip-has-meta) :is(span, .domain-chip-main, .domain-chip-meta) {
  color: #ffe8a1 !important;
  -webkit-text-fill-color: #ffe8a1 !important;
}

/* Global readable bulk-actions bar for every technical changelist. */
body.crm-core-theme.change-list #changelist-actions-wrapper,
body.crm-core-theme.change-list #changelist-actions,
body.crm-core-theme.change-list #changelist-actions .actions {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.crm-core-theme.change-list #changelist-actions :is(label, span, a, .action-counter, .actions-selected-counter, .all, .question, .clear) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body.crm-core-theme.change-list #changelist-actions :is(select[name="action"], button[name="index"], input[type="submit"], .button) {
  min-height: 44px !important;
  border: 1px solid rgba(215, 229, 246, 0.95) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #1d3555 !important;
  -webkit-text-fill-color: #1d3555 !important;
  font-weight: 850 !important;
}

body.crm-core-theme.change-list #changelist-actions select[name="action"] option {
  background: #ffffff !important;
  color: #1d3555 !important;
  -webkit-text-fill-color: #1d3555 !important;
}

/* Traffic manager admin form: match the custom traffic dashboard style. */
body.crm-core-theme.model-trafficmanager.change-form {
  background: #f4f8fd !important;
  color: #223b5c !important;
}

body.crm-core-theme.model-trafficmanager.change-form .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-weight: normal !important;
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
  direction: ltr !important;
  -webkit-font-feature-settings: "liga" !important;
  -webkit-font-smoothing: antialiased !important;
  font-feature-settings: "liga" !important;
  color: #2e5f94 !important;
  -webkit-text-fill-color: #2e5f94 !important;
}

body.crm-core-theme.model-trafficmanager.change-form #main,
body.crm-core-theme.model-trafficmanager.change-form #content,
body.crm-core-theme.model-trafficmanager.change-form #content-main {
  background: #f4f8fd !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header,
body.crm-core-theme.model-trafficmanager.change-form #header-inner {
  background: #ffffff !important;
  border-bottom: 1px solid #d7e4f4 !important;
  box-shadow: 0 10px 26px rgba(38, 80, 130, 0.08) !important;
  color: #213a5a !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner > .flex {
  min-height: 72px !important;
  padding-inline: 22px !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner h1 {
  gap: 10px !important;
  color: #213a5a !important;
  -webkit-text-fill-color: #213a5a !important;
  font-size: 17px !important;
  font-weight: 850 !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner h1 a {
  color: #213a5a !important;
  -webkit-text-fill-color: #213a5a !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner h1 .material-symbols-outlined {
  color: #7d98b8 !important;
  -webkit-text-fill-color: #7d98b8 !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner a[title="Go back"],
body.crm-core-theme.model-trafficmanager.change-form #header-inner span.cursor-pointer {
  width: 42px !important;
  height: 42px !important;
  border: 1px solid #cfe0f4 !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 10px !important;
  box-shadow: 0 5px 14px rgba(46, 95, 148, 0.10) !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner span.cursor-pointer .material-symbols-outlined,
body.crm-core-theme.model-trafficmanager.change-form #header-inner a[title="Go back"] .material-symbols-outlined {
  margin: 0 !important;
}

body.crm-core-theme.model-trafficmanager.change-form #header-inner .bg-base-200 {
  display: none !important;
}

body.crm-core-theme.model-trafficmanager.change-form #content > div,
body.crm-core-theme.model-trafficmanager.change-form #content-main > form {
  max-width: 1320px !important;
  margin-inline: auto !important;
}

body.crm-core-theme.model-trafficmanager.change-form form {
  color: #223b5c !important;
}

body.crm-core-theme.model-trafficmanager.change-form fieldset.module,
body.crm-core-theme.model-trafficmanager.change-form fieldset,
body.crm-core-theme.model-trafficmanager.change-form .module {
  overflow: hidden !important;
  border: 1px solid #cfe0f4 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow: 0 12px 28px rgba(38, 80, 130, 0.08) !important;
}

body.crm-core-theme.model-trafficmanager.change-form .form-row,
body.crm-core-theme.model-trafficmanager.change-form .field-line {
  min-height: 72px !important;
  border-color: #dce8f6 !important;
  border-style: solid !important;
  background: transparent !important;
}

body.crm-core-theme.model-trafficmanager.change-form .form-row:hover,
body.crm-core-theme.model-trafficmanager.change-form .field-line:hover {
  background: rgba(236, 245, 255, 0.72) !important;
}

body.crm-core-theme.model-trafficmanager.change-form label {
  color: #26486d !important;
  -webkit-text-fill-color: #26486d !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.crm-core-theme.model-trafficmanager.change-form :is(input[type="text"], input[type="number"], select) {
  height: 48px !important;
  max-width: 560px !important;
  border: 1px solid #bfd4ee !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #213a5a !important;
  -webkit-text-fill-color: #213a5a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 8px rgba(38, 80, 130, 0.06) !important;
  font-size: 15px !important;
  font-weight: 750 !important;
}

body.crm-core-theme.model-trafficmanager.change-form :is(input[type="text"], input[type="number"], select):focus {
  border-color: #5d96d6 !important;
  outline: 3px solid rgba(76, 141, 211, 0.22) !important;
  outline-offset: 1px !important;
}

body.crm-core-theme.model-trafficmanager.change-form .related-widget-wrapper [x-ref^="relatedWidgetWrapper"] {
  width: 48px !important;
  height: 48px !important;
  border: 1px solid #bfd4ee !important;
  border-radius: 12px !important;
  background: #f4f9ff !important;
  color: #244a75 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.crm-core-theme.model-trafficmanager.change-form nav[id^="related-widget-wrapper-"] {
  min-width: 230px !important;
  width: max-content !important;
  max-width: 320px !important;
  border: 1px solid #cfe0f4 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(25, 61, 102, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  padding: 7px !important;
  overflow: hidden !important;
}

body.crm-core-theme.model-trafficmanager.change-form nav[id^="related-widget-wrapper-"] .related-widget-wrapper-link {
  min-height: 42px !important;
  max-height: none !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #244264 !important;
  -webkit-text-fill-color: #244264 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body.crm-core-theme.model-trafficmanager.change-form nav[id^="related-widget-wrapper-"] .related-widget-wrapper-link:hover {
  background: #eaf4ff !important;
  color: #1f5f9f !important;
  -webkit-text-fill-color: #1f5f9f !important;
}

body.crm-core-theme.model-trafficmanager.change-form select#id_user + .material-symbols-outlined {
  display: none !important;
}

body.crm-core-theme.model-trafficmanager.change-form input[type="checkbox"] {
  width: 42px !important;
  height: 24px !important;
  border: 1px solid #bfd4ee !important;
  border-radius: 999px !important;
  background: #dbe8f6 !important;
  accent-color: #2f73bf !important;
}

body.crm-core-theme.model-trafficmanager.change-form input[type="checkbox"]:checked {
  background: #29b765 !important;
}

.crm-row-actions-cell {
  overflow: visible !important;
}

.crm-row-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.crm-row-actions-trigger {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #bfd4ee !important;
  border-radius: 12px !important;
  background: #f4f9ff !important;
  color: #274d78 !important;
  -webkit-text-fill-color: #274d78 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 5px 14px rgba(38, 80, 130, 0.10) !important;
}

.crm-row-actions-trigger:hover,
.crm-row-actions-trigger.is-open {
  border-color: #8fb6e3 !important;
  background: #e7f2ff !important;
  color: #1f5f9f !important;
  -webkit-text-fill-color: #1f5f9f !important;
}

.crm-row-actions-trigger .material-symbols-outlined {
  font-family: "Material Symbols Outlined" !important;
  font-size: 22px !important;
  line-height: 1 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.crm-row-actions-menu {
  min-width: 210px !important;
  max-width: 280px !important;
  border: 1px solid #cfe0f4 !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow: 0 18px 42px rgba(25, 61, 102, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
  padding: 6px !important;
  z-index: 9999 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.crm-row-actions-item {
  min-height: 42px !important;
  border-radius: 12px !important;
  color: #244264 !important;
  -webkit-text-fill-color: #244264 !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  padding: 9px 11px !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.crm-row-actions-item:hover {
  background: #eaf4ff !important;
  color: #1f5f9f !important;
  -webkit-text-fill-color: #1f5f9f !important;
}

.crm-row-actions-item .material-symbols-outlined {
  width: 22px !important;
  min-width: 22px !important;
  font-family: "Material Symbols Outlined" !important;
  font-size: 21px !important;
  line-height: 1 !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

.crm-row-actions-item span:last-child {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.crm-core-theme.model-trafficmanager.change-form .submit-row,
body.crm-core-theme.model-trafficmanager.change-form .submit-row > div {
  border: 1px solid #cfe0f4 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(38, 80, 130, 0.08) !important;
}

body.crm-core-theme.model-trafficmanager.change-form .submit-row :is(input, button, a) {
  min-height: 44px !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
}

body.crm-core-theme.model-trafficmanager.change-form .submit-row :is(input[type="submit"], button[type="submit"]) {
  border: 1px solid #2f73bf !important;
  background: #2f73bf !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(47, 115, 191, 0.20) !important;
}

@media not print {
  html.dark[data-crm-theme="dark"] body.crm-core-theme.model-trafficmanager.change-form {
    background: #101722 !important;
    color: #d8e3f2 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme.model-trafficmanager.change-form :is(#main, #content, #content-main) {
    background: #101722 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme.model-trafficmanager.change-form :is(#header, #header-inner, fieldset, fieldset.module, .module, .submit-row, .submit-row > div) {
    border-color: #2f4159 !important;
    background: #182233 !important;
    color: #d8e3f2 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme.model-trafficmanager.change-form :is(input[type="text"], input[type="number"], select) {
    border-color: #3d536e !important;
    background: #1d2a3f !important;
    color: #d8e3f2 !important;
    -webkit-text-fill-color: #d8e3f2 !important;
  }

  html.dark[data-crm-theme="dark"] .crm-row-actions-trigger {
    border-color: #3d536e !important;
    background: #1d2a3f !important;
    color: #d8e3f2 !important;
    -webkit-text-fill-color: #d8e3f2 !important;
  }

  html.dark[data-crm-theme="dark"] .crm-row-actions-menu {
    border-color: #3d536e !important;
    background: linear-gradient(180deg, #1d2a3f 0%, #182233 100%) !important;
    box-shadow: 0 18px 42px rgba(2, 8, 18, 0.52) !important;
  }

  html.dark[data-crm-theme="dark"] .crm-row-actions-item {
    color: #d8e3f2 !important;
    -webkit-text-fill-color: #d8e3f2 !important;
  }

  html.dark[data-crm-theme="dark"] .crm-row-actions-item:hover {
    background: #253957 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

/* Client and subscriber add/change forms: polished desktop dark theme. */
@media not print {
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form {
    background:
      radial-gradient(1100px 520px at 10% -12%, rgba(57, 101, 150, 0.24) 0%, rgba(57, 101, 150, 0) 58%),
      linear-gradient(180deg, #091522 0%, #0d1724 42%, #101927 100%) !important;
    color: #d9e7f6 !important;
    color-scheme: dark !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form :is(#main, #content, #content-main) {
    background: transparent !important;
    color: #d9e7f6 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #main > .bg-white.border-b,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form :is(#header, #header-inner) {
    border-color: rgba(94, 132, 171, 0.30) !important;
    background:
      linear-gradient(180deg, rgba(27, 40, 57, 0.96) 0%, rgba(20, 31, 47, 0.95) 100%) !important;
    color: #e7f2ff !important;
    box-shadow: 0 18px 42px rgba(2, 8, 18, 0.30), inset 0 1px 0 rgba(199, 224, 255, 0.08) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #header-inner > .flex {
    min-height: 70px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #header-inner :is(h1, h1 a, h1 span, .breadcrumbs, .breadcrumbs a) {
    color: #e7f2ff !important;
    -webkit-text-fill-color: #e7f2ff !important;
    font-weight: 850 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #header-inner .material-symbols-outlined {
    color: #8fb5df !important;
    -webkit-text-fill-color: #8fb5df !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content {
    padding-top: 22px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main > form {
    max-width: 1360px !important;
    margin-inline: auto !important;
    color: #d9e7f6 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main .module {
    border: 1px solid rgba(91, 129, 168, 0.42) !important;
    border-radius: 22px !important;
    background:
      linear-gradient(180deg, rgba(22, 35, 53, 0.98) 0%, rgba(17, 28, 44, 0.98) 100%) !important;
    box-shadow: 0 18px 44px rgba(2, 8, 18, 0.34), inset 0 1px 0 rgba(198, 225, 255, 0.08) !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module :is(.form-rows, .form-rows.aligned) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module .form-row {
    min-height: 76px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(111, 152, 194, 0.22) !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color 160ms ease, border-color 160ms ease !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module .form-row:hover {
    border-color: rgba(130, 175, 220, 0.34) !important;
    background: rgba(36, 57, 84, 0.34) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module .form-row:last-child {
    border-bottom: 0 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module :is(label, .required) {
    color: #b7cce3 !important;
    -webkit-text-fill-color: #b7cce3 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module .required label::after,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module label.required::after {
    color: #ff6b88 !important;
    -webkit-text-fill-color: #ff6b88 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main :is(
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    textarea,
    select
  ) {
    min-height: 50px !important;
    max-width: 620px !important;
    border: 1px solid rgba(97, 132, 171, 0.72) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #21304a 0%, #1a2940 100%) !important;
    color: #edf5ff !important;
    -webkit-text-fill-color: #edf5ff !important;
    caret-color: #92c7ff !important;
    box-shadow: inset 0 1px 0 rgba(213, 235, 255, 0.10), 0 8px 18px rgba(2, 8, 18, 0.16) !important;
    font-size: 15px !important;
    font-weight: 760 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main textarea {
    min-height: 116px !important;
    padding-top: 12px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main :is(input, textarea)::placeholder {
    color: #7f99b5 !important;
    -webkit-text-fill-color: #7f99b5 !important;
    opacity: 1 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main select option {
    background: #17263b !important;
    color: #edf5ff !important;
    -webkit-text-fill-color: #edf5ff !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main :is(
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    textarea,
    select
  ):focus {
    border-color: #82bfff !important;
    outline: 3px solid rgba(87, 153, 222, 0.24) !important;
    outline-offset: 1px !important;
    box-shadow: inset 0 1px 0 rgba(230, 244, 255, 0.14), 0 0 0 1px rgba(130, 191, 255, 0.18), 0 12px 26px rgba(2, 8, 18, 0.22) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main :is(.readonly, .field-display_lead_attribution, .field-created_at) {
    color: #c9daec !important;
    -webkit-text-fill-color: #c9daec !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main .field-display_lead_attribution span {
    border-color: rgba(116, 153, 193, 0.50) !important;
    background: rgba(31, 47, 69, 0.82) !important;
    color: #c7d9ed !important;
    -webkit-text-fill-color: #c7d9ed !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row > div,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form .submit-row,
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form .submit-row > div {
    border-color: rgba(91, 129, 168, 0.42) !important;
    background:
      linear-gradient(180deg, rgba(24, 38, 57, 0.98) 0%, rgba(18, 30, 47, 0.98) 100%) !important;
    color: #dbe9f8 !important;
    box-shadow: 0 18px 44px rgba(2, 8, 18, 0.38), inset 0 1px 0 rgba(198, 225, 255, 0.08) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row > div {
    border-radius: 22px !important;
    padding: 12px 14px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row :is(button, a) {
    min-height: 46px !important;
    border-radius: 999px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row button[name="_save"][form$="_form"] {
    border-color: #72b6ff !important;
    background: linear-gradient(180deg, #57a9ff 0%, #2d83df 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(45, 131, 223, 0.30), inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row :is(
    button[name="_continue"][form$="_form"],
    button[name="_addanother"][form$="_form"],
    button[name="_saveasnew"][form$="_form"],
    a:not([href*="/delete/"])
  ) {
    border-color: rgba(103, 139, 179, 0.72) !important;
    background: linear-gradient(180deg, #22344f 0%, #1b2b43 100%) !important;
    color: #dcecff !important;
    -webkit-text-fill-color: #dcecff !important;
    box-shadow: inset 0 1px 0 rgba(220, 238, 255, 0.10), 0 8px 18px rgba(2, 8, 18, 0.18) !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row :is(
    button[name="_continue"][form$="_form"],
    button[name="_addanother"][form$="_form"],
    button[name="_saveasnew"][form$="_form"],
    a:not([href*="/delete/"])
  ):hover {
    border-color: #86bdf6 !important;
    background: linear-gradient(180deg, #2a4162 0%, #213654 100%) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }
}

@media (max-width: 1024px) {
  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content {
    padding-top: 12px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module {
    border-radius: 16px !important;
    padding: 8px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main fieldset.module .form-row {
    min-height: 0 !important;
    padding-block: 10px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #content-main :is(
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    textarea,
    select
  ) {
    max-width: 100% !important;
    min-height: 46px !important;
  }

  html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-form #submit-row > div {
    border-radius: 16px !important;
  }
}

/* Final desktop simplification: plain row action checkboxes for Clients/Subscribers. */
@media (min-width: 1025px) {
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr > :is(th, td).action-checkbox,
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list > tbody > tr.data-row > :is(th, td).action-checkbox {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    overflow: visible !important;
    padding: 8px 10px !important;
  }

  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #9eb9d6 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    height: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    transition: none !important;
    width: 20px !important;
  }

  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
  html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
    background: #eef7ff !important;
    background-image: none !important;
    border-color: #2f7fd2 !important;
    box-shadow: none !important;
  }

  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle),
  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"],
  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"] {
    background: #102235 !important;
    background-image: none !important;
    border-color: #526f90 !important;
    box-shadow: none !important;
  }

  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(input.action-select, #action-toggle):checked,
  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list thead th.action-checkbox-column input[type="checkbox"]:checked,
  html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list tbody td.action-checkbox input[type="checkbox"]:checked {
    background: #0f1b2a !important;
    background-image: none !important;
    border-color: #6fa9df !important;
    box-shadow: none !important;
  }
}

/* Final geo column alignment: keep filled and empty values on the same center axis. */
html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list :is(
  th.column-display_geo,
  td.field-display_geo
) {
  text-align: center !important;
}

html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list th.column-display_geo :is(a, div) {
  justify-content: center !important;
  text-align: center !important;
}

html body.crm-core-theme:is(.model-client, .model-subscriber).change-list #result_list td.field-display_geo :is(
  .geo-chip,
  .geo-chip-empty,
  .subscriber-geo-text,
  .subscriber-geo-empty
) {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

html body.crm-core-theme.model-subscriber.change-list #result_list td.field-display_geo :is(
  .subscriber-geo-text,
  .subscriber-geo-empty
) {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
}

/* Final dark active controls: client/subscriber filters and view mode must not use light selected fill. */
@media (min-width: 1025px) {
    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ),
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ) {
        --crm-state-border-color: rgba(108, 165, 224, 0.76) !important;
        --crm-state-bg-color: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        --crm-state-text-color: #e6f4ff !important;
        border-color: rgba(108, 165, 224, 0.76) !important;
        background: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        background-color: #183653 !important;
        background-image: linear-gradient(180deg, #244b72 0%, #183653 100%) !important;
        color: #e6f4ff !important;
        -webkit-text-fill-color: #e6f4ff !important;
        box-shadow: inset 0 1px 0 rgba(226, 244, 255, 0.16), 0 0 0 1px rgba(108, 165, 224, 0.22), 0 8px 20px rgba(3, 12, 26, 0.26) !important;
    }

    html.dark body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ) *,
    html.dark[data-crm-theme="dark"] body.crm-core-theme:is(.model-client, .model-subscriber).change-list :is(
        .client-quality-banner .client-quality-chip.crm-state--selected,
        .subscriber-sync-panel .subscriber-sync-chip.crm-state--selected,
        .subscriber-sync-panel .client-quality-chip.crm-state--selected,
        .crm-view-mode-toggle .crm-view-mode-btn.is-active,
        .crm-view-mode-toggle .crm-view-mode-btn[aria-pressed="true"]
    ) * {
        color: inherit !important;
        -webkit-text-fill-color: currentColor !important;
    }
}

.crm-domain-id-tooltip-popover {
    position: fixed;
    z-index: 2147483647;
    padding: 5px 9px;
    border: 1px solid rgba(15, 23, 42, 0.18);
    border-radius: 4px;
    background: #f4f4f5;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.18);
    color: #3f3f46;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    pointer-events: none;
    white-space: nowrap;
}

.crm-domain-id-tooltip-popover[hidden] {
    display: none;