@charset "utf-8";
@import url("memo-variables.css");

.kundenmenu_reiter{
    padding: 0.5rem;
    cursor: pointer;
}

.kundenmenu_reiter a{
    text-decoration:none;
    color:#ffffff;
}

.kundenmenu_reiter a:hover{
    color:#FFFFFF;
}

.kundenmenu_reiter_aktiv a{
    text-decoration:none;
    color:#FFFFFF;
}

.reklam_head{
    padding:3px;
}

.reklam a{
    color: #3A3A3A;
    text-decoration: none;
}

.reklam_td{
    padding:2px;
    border-left:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

.reklam_td2{
    padding:2px;
    border-left:1px solid #f1f1f1;
    border-right:1px solid #f1f1f1;
    border-bottom:1px solid #f1f1f1;
}

.liefer_popup{
    color:#3A3A3A;
    font-size:14px;
}

.liefer_popup h2{
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    margin-top: 0;
}

.liefer_popup_head{
    background-color:#1a1a1a;
    color:#ffffff;
    height:25px;
    font-weight:bold;
}

.TabbedPanelsContentGroup {
    clear: both;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background-color: #fafafa;
}

.TabbedPanelsTab {
    background-color: #fafafa;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
}

.TabbedPanelsTabSelected{
    background-color: var(--memo-accent-color)!important;
    border-left-color: var(--memo-accent-color)!important;
    border-right-color: var(--memo-accent-color)!important;
    border-top-color: var(--memo-accent-color)!important;
    color: #fff!important;
    border-bottom: 1px solid var(--memo-accent-color)!important;
}

/* The client pages use the same detail chrome as the vehicle pages. */
.client-details-page.detail-main .detail-content ~ table {
    float: left;
    width: 100%;
    margin-top: 1px;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-top: 0;
}

.client-details-page.detail-main .detail-content ~ table > tbody > tr > td {
    padding: 1rem;
}

/* Superseded legacy header, action bar and six-column tab table. */
.client-details-page .client-details-summary,
.client-details-page .client-details-action-cell,
.client-details-page .client-details-legacy-menu {
    display: none !important;
}

.client-details-page .customer_details,
.client-details-page .TabbedPanelsContentGroup {
    width: 100% !important;
    max-width: 100%;
    padding: 1rem;
    background: #fff;
}

.client-details-page .customer_details.d-flex {
    flex-wrap: wrap;
}

.client-details-page .customer_details > [class*="container-"],
.client-details-page .customer_details > .flex-fill {
    min-width: min(28rem, 100%);
}

.client-details-page input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="image"]),
.client-details-page select,
.client-details-page textarea {
    max-width: 100%;
}

.client-details-page table {
    max-width: 100%;
}

.client-details-page .detail_main_headline {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 1rem;
    padding: 0 0 .75rem;
    border-bottom: 1px solid var(--memo-border-color, #e1e5e9);
    white-space: normal;
}

.client-detail-headline-row {
    width: 100%;
}

.client-lock-customer-form {
    margin: 0;
}

.client-lock-customer-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.75rem;
    padding-inline: 1.15rem;
    white-space: nowrap;
}

.client-lock-customer-button-pending {
    opacity: .78;
}

body.memo-page-theme-dark .client-details-page,
html.memo-theme-preload-dark body .client-details-page,
body.memo-page-theme-dark .client-details-page table,
html.memo-theme-preload-dark body .client-details-page table,
body.memo-page-theme-dark .client-details-page td,
html.memo-theme-preload-dark body .client-details-page td {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page td[bgcolor="#FFFFFF"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#FFFFFF"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#ffffff"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#ffffff"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#FFFFFF"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#FFFFFF"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#ffffff"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#ffffff"],
body.memo-page-theme-dark .client-details-page td[bgcolor="ffffff"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="ffffff"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="ffffff"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="ffffff"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#E0E0E0"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#E0E0E0"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#e0e0e0"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#e0e0e0"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#E0E0E0"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#E0E0E0"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#e0e0e0"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#e0e0e0"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#DBDBDB"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#DBDBDB"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#DBDBDB"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#DBDBDB"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#EBEBEB"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#EBEBEB"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#EBEBEB"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#EBEBEB"],
body.memo-page-theme-dark .client-details-page td[bgcolor="#CCCCCC"],
html.memo-theme-preload-dark body .client-details-page td[bgcolor="#CCCCCC"],
body.memo-page-theme-dark .client-details-page tr[bgcolor="#CCCCCC"],
html.memo-theme-preload-dark body .client-details-page tr[bgcolor="#CCCCCC"],
body.memo-page-theme-dark .client-details-page table[style*="background-color:#fafafa"],
html.memo-theme-preload-dark body .client-details-page table[style*="background-color:#fafafa"],
body.memo-page-theme-dark .client-details-page table[style*="background-color: #fafafa"],
html.memo-theme-preload-dark body .client-details-page table[style*="background-color: #fafafa"],
body.memo-page-theme-dark .client-details-page td[style*="background-color:#fafafa"],
html.memo-theme-preload-dark body .client-details-page td[style*="background-color:#fafafa"],
body.memo-page-theme-dark .client-details-page td[style*="background-color: #fafafa"],
html.memo-theme-preload-dark body .client-details-page td[style*="background-color: #fafafa"] {
    background-color: var(--memo-dark-bg-color) !important;
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page table[bgcolor="#000000"],
html.memo-theme-preload-dark body .client-details-page table[bgcolor="#000000"] {
    background-color: var(--memo-light-border-color-soft) !important;
}

body.memo-page-theme-dark .client-details-page .customer_details,
html.memo-theme-preload-dark body .client-details-page .customer_details,
body.memo-page-theme-dark .client-details-page .TabbedPanelsContentGroup,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsContentGroup {
    background-color: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .TabbedPanelsContent,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsContent {
    background-color: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .kundenmenu_reiter,
html.memo-theme-preload-dark body .client-details-page .kundenmenu_reiter,
body.memo-page-theme-dark .client-details-page .TabbedPanelsTab,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsTab {
    background-color: var(--memo-light-bg-color-soft) !important;
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .kundenmenu_reiter:hover,
html.memo-theme-preload-dark body .client-details-page .kundenmenu_reiter:hover,
body.memo-page-theme-dark .client-details-page .TabbedPanelsTab:hover,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsTab:hover,
body.memo-page-theme-dark .client-details-page .TabbedPanelsTabHover,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsTabHover {
    background-color: var(--memo-light-bg-color-soft) !important;
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .client-details-page .kundenmenu_reiter_aktiv,
html.memo-theme-preload-dark body .client-details-page .kundenmenu_reiter_aktiv,
body.memo-page-theme-dark .client-details-page .TabbedPanelsTabSelected,
html.memo-theme-preload-dark body .client-details-page .TabbedPanelsTabSelected {
    background-color: var(--memo-accent-color) !important;
    border-color: var(--memo-accent-color) !important;
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .client-details-page .kundenmenu_reiter a,
html.memo-theme-preload-dark body .client-details-page .kundenmenu_reiter a,
body.memo-page-theme-dark .client-details-page .kundenmenu_reiter_aktiv a,
html.memo-theme-preload-dark body .client-details-page .kundenmenu_reiter_aktiv a {
    color: var(--memo-light-text-color) !important;
}

body.memo-page-theme-dark .client-details-page input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="image"]),
html.memo-theme-preload-dark body .client-details-page input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="image"]),
body.memo-page-theme-dark .client-details-page select,
html.memo-theme-preload-dark body .client-details-page select,
body.memo-page-theme-dark .client-details-page textarea,
html.memo-theme-preload-dark body .client-details-page textarea {
    background-color: var(--memo-light-bg-color-soft);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page input::placeholder,
html.memo-theme-preload-dark body .client-details-page input::placeholder,
body.memo-page-theme-dark .client-details-page textarea::placeholder,
html.memo-theme-preload-dark body .client-details-page textarea::placeholder {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .client-details-page input[type="file"],
html.memo-theme-preload-dark body .client-details-page input[type="file"] {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page input[type="file"]::file-selector-button,
html.memo-theme-preload-dark body .client-details-page input[type="file"]::file-selector-button {
    background-color: var(--memo-accent-color);
    border: 0;
    color: var(--memo-light-text-color);
}

body.memo-page-theme-dark .client-details-page .reklam a,
html.memo-theme-preload-dark body .client-details-page .reklam a {
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .client-details-page .reklam_td,
html.memo-theme-preload-dark body .client-details-page .reklam_td,
body.memo-page-theme-dark .client-details-page .reklam_td2,
html.memo-theme-preload-dark body .client-details-page .reklam_td2 {
    background-color: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .liefer_popup,
html.memo-theme-preload-dark body .client-details-page .liefer_popup {
    background-color: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

@media (max-width: 767.98px) {
    .client-lock-customer-button {
        width: 100%;
    }

    .client-details-page.detail-main .detail-content ~ table > tbody > tr > td {
        padding: .75rem;
    }
}

/*
 * Client detail content follows the vehicle detail hierarchy:
 * detail_main > detail_main_main > detail_main_headline + col-container.
 */
.client-details-page,
.client-details-page .detail-content,
.client-details-page .detail_main,
.client-details-page .detail_main_main,
.client-details-page .col-container,
.client-details-page .client-detail-form,
.client-details-page .client-detail-col-container {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
}

.client-details-page .detail_main {
    overflow: hidden;
}

.client-details-page .detail_main_main {
    float: none;
}

.client-details-page .col-container {
    overflow: hidden;
}

.client-details-page .client-detail-form .row,
.client-details-page .col-container > .row {
    min-width: 0;
    margin-right: 0;
    margin-left: 0;
}

.client-details-page .client-detail-form [class*="col-"],
.client-details-page .col-container > .row > [class*="col-"] {
    min-width: 0;
}

.client-details-page .customer_details {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem !important;
    align-items: start;
    margin-bottom: 1.5rem;
    padding: 0;
}

.client-details-page .customer_details > [class*="container-"],
.client-details-page .customer_details > .flex-fill,
.client-details-page .customer_details > .client-base-overview-group {
    min-width: 0;
    width: auto;
}

.client-details-page .customer_details.client-base-six-card-grid {
    grid-template-columns: repeat(
        auto-fit,
        minmax(min(100%, 25rem), 1fr)
    );
    grid-auto-rows: auto;
    align-items: stretch;
}

.client-details-page .client-base-overview-group {
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 1rem 1.25rem;
}

body.memo-page-theme-dark .client-details-page .detail_main_headline,
html.memo-theme-preload-dark body .client-details-page .detail_main_headline,
body.memo-page-theme-dark .client-details-page .client-contact-history-heading,
html.memo-theme-preload-dark body .client-details-page .client-contact-history-heading {
    border-bottom-color: var(--memo-light-border-color-soft);
}

.client-details-page .customer_details .d-flex {
    min-width: 0;
    flex-wrap: wrap;
}

.client-details-page .client-base-card > .d-flex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem !important;
    align-items: start;
}

.client-details-page .client-base-card > .d-flex > .flex-fill {
    width: auto;
}

.client-details-page .client-base-overview-group > .client-base-card-section {
    margin-bottom: .8rem !important;
}

.client-details-page .client-base-overview-group > .client-base-card-section:last-child {
    margin-bottom: 0 !important;
}

.client-details-page .client-base-identity-row > .flex-fill:last-child,
.client-details-page .client-base-contact-row > .flex-fill:last-child {
    grid-column: 1 / -1;
}

.client-details-page .client-base-brand-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.client-details-page .client-base-brand-row > .flex-fill:first-child {
    grid-column: 1 / -1;
    margin-bottom: -.35rem;
    font-weight: 600;
}

.client-details-page .client-base-status-row > .flex-fill {
    display: flex;
    min-height: 4.75rem;
    flex-direction: column;
}

.client-details-page .client-base-status-row .custom-checkbox-wrapper {
    margin-top: auto;
    margin-bottom: 0;
}

.client-details-page .client-base-status-row > .flex-fill:has(> .custom-checkbox-wrapper) {
    min-height: 0;
    gap: .5rem;
}

.client-details-page .client-base-status-row > .flex-fill:has(> .custom-checkbox-wrapper)
    > .center-block,
.client-details-page .client-base-status-row > .flex-fill:has(> .custom-checkbox-wrapper)
    > .custom-checkbox-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

.client-details-page .client-base-card > .d-flex > .flex-fill:only-child {
    max-width: calc(50% - .5rem);
}

.client-details-page .customer_details .flex-fill {
    flex: 1 1 11rem;
    min-width: 0;
}

.client-base-overview-group input[name="Email"] {
    padding-right: 3rem;
}

.client-base-overview-group input[name="Email"] + a[href^="mailto:"] {
    position: absolute;
    top: 50%;
    right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    color: var(--memo-accent-color);
    text-decoration: none;
    transform: translateY(-50%);
}

.client-base-overview-group .d-flex:has(> input[name="Email"] + a[href^="mailto:"]) {
    position: relative;
}

.client-details-page input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="image"]),
.client-details-page select,
.client-details-page textarea {
    box-sizing: border-box;
    min-width: 0;
    width: 100% !important;
}

/*
 * The first client tab still contains old field groups. They are rendered as
 * responsive blocks, so their table dimensions no longer control page width.
 */
.client-details-page .client-detail-form > table {
    display: block;
    table-layout: fixed;
    width: 100% !important;
}

.client-details-page .client-detail-form > table > tbody {
    display: block;
    width: 100%;
}

.client-details-page .client-detail-form > table > tbody > tr {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.client-details-page .client-detail-form > table > tbody > tr > td {
    display: block;
    box-sizing: border-box;
    min-width: 0;
    width: auto !important;
    white-space: normal !important;
}

.client-details-page .client-detail-form > table > tbody > tr > td[colspan="2"] {
    grid-column: span 2;
}

.client-details-page .client-detail-form > table > tbody > tr > td[colspan="3"] {
    grid-column: span 3;
}

.client-details-page .client-detail-form > table > tbody > tr > td[colspan="4"] {
    grid-column: span 4;
}

.client-details-page .client-detail-form > table > tbody > tr > td[colspan="5"],
.client-details-page .client-detail-form > table > tbody > tr > td[colspan="6"] {
    grid-column: 1 / -1;
}

.client-details-page .client-detail-form > table table {
    table-layout: fixed;
    width: 100% !important;
}

.client-details-page .client-detail-form td {
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

.client-detail-company-content,
.client-company-card-stack,
.client-form-group,
.client-form-row,
.client-form-field,
.client-company-card-field {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
}

.client-detail-company-content,
.client-company-card-stack {
    width: 100%;
}

.client-company-card-stack {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.client-company-card-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.client-company-card-row:has(> .detail_main_headline) {
    display: contents;
}

.client-company-card-row.client-card-with-headline {
    display: grid;
    margin-bottom: 1.5rem;
}

.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) {
    display: grid;
    grid-template-areas:
        ". new-group-label"
        "existing-group new-group-input";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem 1rem;
    align-items: end;
    width: min(100%, 52rem);
}

.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) > .client-form-field:nth-child(1) {
    grid-area: existing-group;
}

.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) > .client-form-field:nth-child(2),
.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) > .client-form-field:nth-child(4) {
    display: none;
}

.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) > .client-form-field:nth-child(3) {
    grid-area: new-group-label;
    font-weight: 600;
}

.client-card-with-headline:has(select[name="Gruppe"])
    .client-form-row:has(select[name="Gruppe"]) > .client-form-field:nth-child(5) {
    grid-area: new-group-input;
}

.client-company-card-row:has(> .client-company-card-field:only-child > img[src="/bilder/leer.gif"]) {
    display: none;
}

.client-company-card-field.detail_main_headline {
    grid-column: 1 / -1;
}

.client-company-card-field.detail_main_headline hr {
    display: none;
}

.client-company-card-row.client-card-with-headline > .detail_main_headline {
    grid-column: 1 / -1;
}

.client-form-group {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    width: 100%;
}

.client-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    align-items: start;
    width: 100%;
}

.client-form-field {
    flex: 1 1 10rem;
    min-width: 0;
    overflow-wrap: anywhere;
}

.client-company-card-field {
    overflow-wrap: anywhere;
}

.client-company-card-field.client-span-2,
.client-company-card-field.client-span-3,
.client-company-card-field.client-span-4 {
    grid-column: span 1;
}

.client-company-card-field.client-span-5,
.client-company-card-field.client-span-6 {
    grid-column: 1 / -1;
}

.client-company-card-field.client-standard-span {
    grid-column: span 1;
}

.client-normalized-group {
    display: block;
}

.client-normalized-field-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.client-field-unit {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.client-field-unit > .client-form-row {
    display: block;
}

.client-field-unit > .client-form-row > .client-form-field {
    display: block;
    width: 100%;
}

.client-field-unit-full {
    grid-column: 1 / -1;
}

.client-field-unit-wide {
    grid-column: span 2;
}

.client-normalized-field-grid input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"]),
.client-normalized-field-grid select,
.client-normalized-field-grid textarea {
    width: 100% !important;
}

.client-company-details-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.client-company-details-grid,
.client-company-finance-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    width: 100%;
}

.client-company-field-note {
    min-height: 1.25rem;
    overflow-wrap: anywhere;
}

.client-vat-b2b-warning {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .35rem;
    padding: .65rem .75rem;
    border: 1px solid color-mix(in srgb, var(--memo-accent-color) 45%, #d9dee5);
    border-radius: .4rem;
    background: color-mix(in srgb, var(--memo-accent-color) 9%, #fff);
    color: #5f4338;
    font-weight: 600;
    line-height: 1.35;
}

.client-vat-b2b-warning[hidden] {
    display: none;
}

.client-vat-b2b-warning i {
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--memo-accent-color);
}

.client-company-finance-grid {
    padding-top: 1.5rem;
    border-top: 1px solid #f1f1f1;
    align-items: start;
}

.client-company-finance-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    text-align: center;
}

.client-company-finance-item > .center-block {
    width: 100%;
    margin: 0;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.client-company-finance-item > .custom-checkbox-wrapper {
    margin: 0;
}

.client-company-finance-item > input:not([type="checkbox"]) {
    width: 100% !important;
}

.client-company-supplier-email {
    align-self: start;
}

.client-location-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.client-location-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f1f1;
}

.client-location-card-header > h3,
.client-location-contact-section > h3 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.client-location-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: .25rem .75rem;
    border-radius: .25rem;
    background: var(--memo-accent-color);
    color: #fff;
    font-weight: 600;
}

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

.client-location-field-wide,
.client-location-field-half {
    grid-column: span 2;
}

.client-location-contact-section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #f1f1f1;
}

.client-location-contact-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.client-finance-card {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.client-finance-section {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #f1f1f1;
    border-radius: .25rem;
}

.client-finance-section > h3 {
    margin: 0 0 1rem;
    font-size: 1rem;
    font-weight: 600;
}

.client-finance-credit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.client-finance-meta {
    display: flex;
    flex-direction: column;
    gap: .65rem;
    margin: 1rem 0 0;
    padding-top: 1rem;
    border-top: 1px solid #f1f1f1;
}

.client-finance-meta > div {
    display: grid;
    grid-template-columns: minmax(8rem, .7fr) minmax(0, 1.3fr);
    gap: 1rem;
}

.client-finance-meta dt,
.client-finance-meta dd {
    margin: 0;
}

.client-finance-meta dt {
    font-weight: 600;
}

.client-finance-fee-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.client-currency-input {
    display: flex;
    min-width: 0;
}

.client-currency-input > span {
    display: inline-flex;
    flex: 0 0 2.5rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #ced4da;
    border-right: 0;
    border-radius: .25rem 0 0 .25rem;
    background: #f7f7f7;
}

.client-currency-input > input {
    flex: 1 1 auto;
    min-width: 0;
    border-radius: 0 .25rem .25rem 0;
}

.client-letter-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.client-letter-field {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    min-width: 0;
}

.client-letter-field > label {
    margin: 0;
    font-weight: 600;
}

.client-letter-field > textarea {
    width: 100% !important;
    min-height: 18rem;
    resize: vertical;
    line-height: 1.5;
}

.client-letter-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: .25rem;
}

.client-letter-actions > .btn {
    width: auto;
    min-width: 12rem;
    white-space: normal;
}

.client-company-card-row .detail_main_headline {
    white-space: normal;
}

.client-company-card-row textarea {
    min-height: 7rem;
}

.client-detail-footer-actions {
    padding: 1rem;
    border: 1px solid #f1f1f1;
    border-radius: .25rem;
}

.client-detail-bottom-menu {
    clear: both;
    margin-top: 1rem;
}

.client-contact-person-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
}

.client-contact-person-card > .client-contact-person-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.client-contact-person-card > .client-contact-person-heading {
    grid-template-columns: minmax(0, 1fr) auto;
}

.client-contact-person-card > .client-contact-person-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.client-contact-person-card > .client-contact-person-heading > .detail_main_headline {
    flex: 1 1 18rem;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.client-contact-person-card .client-contact-primary-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.client-contact-primary-toggle {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    padding: .45rem .7rem;
    border: 1px solid var(--memo-border-color, #dfe3e7);
    border-radius: .4rem;
    background: var(--memo-subtle-background, #f6f7f8);
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
}

.client-contact-primary-toggle input[type="radio"] {
    appearance: none;
    box-sizing: border-box;
    flex: 0 0 1.15rem;
    width: 1.15rem;
    height: 1.15rem;
    margin: 0;
    border: 2px solid var(--memo-accent-color);
    border-radius: 50%;
    background: transparent;
}

.client-contact-primary-toggle input[type="radio"]:checked {
    background: radial-gradient(
        circle,
        var(--memo-accent-color) 0 38%,
        transparent 42%
    );
}

.client-contact-primary-toggle .Info {
    color: inherit;
    font: inherit;
}

.client-contact-print-button {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    width: auto;
    margin-left: auto;
    white-space: nowrap;
}

.client-contact-person-card > .client-contact-person-row:has(> .client-company-card-field:only-child > img[src="/bilder/leer.gif"]) {
    display: none;
}

.client-contact-person-card > .client-contact-identity-row {
    padding-top: 1rem;
    border-top: 1px solid #f1f1f1;
}

.client-contact-person-card > .client-contact-identity-row > .client-company-card-field {
    grid-column: span 2;
}

.client-contact-person-card > .client-contact-personal-meta-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.client-contact-person-card > .client-contact-core-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-contact-person-card > .client-contact-personal-meta-row > .client-company-card-field {
    grid-column: span 1;
}

.client-contact-person-card > .client-contact-communication-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-contact-person-card > .client-contact-address-row {
    padding-bottom: 1rem;
    border-bottom: 1px solid #f1f1f1;
}

.client-contact-address-row > .client-company-card-field:last-child {
    grid-column: span 3;
}

.client-contact-address-row > .client-company-card-field:last-child .client-form-group {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem 1rem;
}

.client-contact-address-row > .client-company-card-field:last-child .client-form-row {
    display: contents;
}

.client-contact-person-card > .client-contact-access-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-contact-access-row > .client-company-card-field:has(input[name^="Username__"]) {
    grid-column: span 1;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="TISCA__"]) {
    grid-column: span 2;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"]) {
    grid-column: span 1;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="TISCA__"]) .client-form-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem 1rem;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="TISCA__"]) .client-form-row {
    display: contents;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"])
    .client-form-group {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"])
    .client-form-row:has(.client-inline-field-label) {
    order: 1;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"])
    .client-form-row:has(select[name^="Vertriebskanal__"]) {
    order: 2;
}

.client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"])
    .client-access-mail-row {
    order: 3;
    margin-top: 0;
    font-size: .9rem;
}

.client-contact-person-card .client-form-field:not(
    :has(input:not([type="hidden"]), select, textarea, button, a)
),
.client-contact-person-card .client-form-field:has(> input[type="checkbox"]) {
    font-weight: 600;
}

.client-contact-person-card > .client-contact-advertising-row {
    grid-template-columns: minmax(0, 1fr);
    padding-top: 1rem;
    border-top: 1px solid #f1f1f1;
}

.client-contact-advertising > strong {
    display: block;
    margin-bottom: .75rem;
    text-align: center;
}

.client-contact-advertising .client-form-group {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
}

.client-contact-advertising .client-form-row {
    display: contents;
}

.client-contact-advertising .client-form-field {
    min-width: 0;
}

.client-contact-advertising .client-checkbox-inline {
    width: 100%;
}

.client-details-page .client-checkbox-inline {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    width: 100%;
    min-height: 1.75rem;
    margin: 0;
    padding-left: 0;
    text-align: center;
    vertical-align: middle;
}

.client-details-page .client-checkbox-label {
    display: block;
    width: 100%;
    margin: 0;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.client-details-page .client-checkbox-inline .checkbox-box {
    flex: 0 0 28px;
    margin: 0;
}

.client-details-page .client-checkbox-inline input[type="checkbox"]:focus-visible + .checkbox-box {
    outline: 2px solid var(--memo-accent-color);
    outline-offset: 2px;
}

.client-details-page .client-checkbox-inline input[type="checkbox"]:disabled + .checkbox-box {
    cursor: not-allowed;
    opacity: .5;
}

.client-details-page .client-checkbox-inline .form-check-label {
    margin: 0;
    text-align: center;
}

.client-data-container {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto !important;
}

.client-data-container .client-semantic-data-section {
    margin: 0;
    width: 100% !important;
}

.client-data-container .reclam {
    min-width: 52rem;
    width: 100% !important;
}

.client-history-card {
    overflow: hidden !important;
}

.client-history-table-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e1e5e9;
    border-radius: .5rem;
}

.client-history-table {
    width: 100%;
    min-width: 68rem;
    margin: 0;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: auto;
}

.client-history-invoice-table {
    min-width: 48rem;
}

.client-history-table th,
.client-history-table td {
    padding: .75rem 1rem;
    text-align: left;
    vertical-align: middle;
}

.client-history-table th {
    border-bottom: 1px solid #d9dee5;
    background: #f3f5f7;
    color: #3c444d;
    font-size: .9rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.client-history-table td {
    border-bottom: 1px solid #e7ebef;
    background: #fff;
    color: #343a40;
}

.client-history-table tbody tr:last-child td {
    border-bottom: 0;
}

.client-history-table tbody tr:not(:has(.client-history-empty)):hover td {
    background: #fafbfc;
}

.client-history-table a {
    color: var(--memo-accent-color);
    font-weight: 500;
    text-decoration: none;
}

.client-history-table a:hover {
    text-decoration: underline;
}

.client-history-price {
    white-space: nowrap;
}

.client-history-status {
    display: inline-block;
    padding: .25rem .55rem;
    border-radius: .35rem;
    background: #f1f3f5;
    color: #49515a;
    line-height: 1.35;
}

.client-history-action-heading,
.client-history-action {
    width: 5.5rem;
    text-align: center !important;
}

.client-history-claim-button {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .45rem;
    background: var(--memo-accent-color);
    box-shadow: none;
    cursor: pointer;
}

.client-history-claim-button img {
    width: 1rem;
    height: 1rem;
    filter: brightness(0) invert(1);
}

.client-history-claim-button:hover,
.client-history-claim-button:focus-visible {
    background: var(--memo-accent-color);
    filter: brightness(.94);
}

.client-history-claim-button:focus-visible {
    outline: 2px solid var(--memo-accent-color);
    outline-offset: 2px;
}

.client-history-empty {
    padding: 2rem 1rem !important;
    color: #7a838d !important;
    text-align: center !important;
}

.client-history-pagination {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) 2.5rem;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.client-history-pagination > span:last-child {
    text-align: right;
}

.client-history-pagination-label {
    color: #68717b;
    text-align: center;
}

.client-history-page-button {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: .45rem;
    background: #737d86;
    color: #fff;
    font-size: 1.15rem;
    font-weight: 600;
    text-decoration: none;
}

.client-history-page-button:hover {
    background: #737d86;
    color: #fff;
    filter: brightness(.94);
}

.client-history-cancelled {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #b42318;
    font-weight: 600;
}

.client-history-cancelled > .icon-circle-slash {
    color: var(--memo-accent-color);
    font-size: 1rem;
}

.client-history-muted {
    color: #7a838d;
    font-weight: 400;
}

.client-history-separator {
    margin: 0 .25rem;
    color: #a0a7af;
}

body.memo-page-theme-dark .client-history-table-wrapper,
html.memo-theme-preload-dark body .client-history-table-wrapper {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-history-table th,
html.memo-theme-preload-dark body .client-history-table th {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-history-table td,
html.memo-theme-preload-dark body .client-history-table td {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-history-table tbody tr:not(:has(.client-history-empty)):hover td,
html.memo-theme-preload-dark body .client-history-table tbody tr:not(:has(.client-history-empty)):hover td {
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .client-history-status,
html.memo-theme-preload-dark body .client-history-status {
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-history-pagination-label,
html.memo-theme-preload-dark body .client-history-pagination-label,
body.memo-page-theme-dark .client-history-muted,
html.memo-theme-preload-dark body .client-history-muted {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent) !important;
}

.client-contact-page {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.client-contact-card {
    overflow: hidden !important;
}

.client-contact-filter-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr)) auto;
    gap: 1rem;
    align-items: end;
}

.client-contact-field {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .4rem;
}

.client-contact-field label,
.client-contact-checkbox-label {
    margin: 0;
    color: #434a52;
    font-weight: 500;
}

.client-contact-field .form-select,
.client-contact-field .form-control {
    width: 100%;
}

.client-contact-filter-action,
.client-contact-card-actions {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.client-contact-action-button,
.client-contact-secondary-button {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    justify-content: center;
    padding: .6rem 1.15rem;
    border: 0;
    border-radius: .45rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.client-contact-action-button {
    background: var(--memo-accent-color);
    color: #fff;
    cursor: pointer;
}

.client-contact-action-button:hover,
.client-contact-action-button:focus-visible {
    background: var(--memo-accent-color);
    color: #fff;
    filter: brightness(.94);
}

.client-contact-action-button:focus-visible,
.client-contact-secondary-button:focus-visible {
    outline: 2px solid var(--memo-accent-color);
    outline-offset: 2px;
}

.client-contact-secondary-button {
    border: 1px solid #d4dae1;
    background: #737d86;
    color: #fff;
}

.client-contact-secondary-button:hover {
    background: #737d86;
    color: #fff;
    filter: brightness(.94);
}

.client-contact-owner-form {
    display: grid;
    grid-template-columns: minmax(16rem, 32rem) auto;
    gap: 1rem;
    align-items: end;
}

.client-contact-owner-form .client-contact-action-button {
    justify-self: start;
}

.client-contact-main-form {
    display: contents;
}

.client-contact-card-description {
    margin: -.25rem 0 1rem;
    color: #727b85;
}

.client-contact-create-grid {
    display: grid;
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) minmax(18rem, 2fr) minmax(7rem, .7fr);
    gap: 1rem;
    align-items: start;
}

.client-contact-note-field {
    grid-column: auto;
}

.client-contact-follow-up-field {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: .7rem;
    padding-top: .05rem;
    text-align: center;
}

.client-contact-card-actions {
    margin-top: 1rem;
}

.client-contact-history-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: 0 0 .75rem;
    border-bottom: 1px solid var(--memo-border-color, #e1e5e9);
}

.client-contact-history-heading .detail_main_headline {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.client-contact-count {
    display: inline-flex;
    min-width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0 .55rem;
    border-radius: 1rem;
    background: #f0f2f5;
    color: #58616b;
    font-size: .85rem;
    font-weight: 600;
}

.client-contact-history-wrapper {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #e1e5e9;
    border-radius: .5rem;
}

.client-contact-history-list {
    width: 100%;
    min-width: 72rem;
}

.client-contact-history-row {
    display: grid;
    grid-template-columns: 7rem 6rem 10rem 9rem 9rem minmax(16rem, 1fr) 7rem 6rem;
}

.client-contact-history-row > div {
    display: flex;
    min-width: 0;
    align-items: center;
    padding: .75rem 1rem;
    border-bottom: 1px solid #e7ebef;
    background: #fff;
    color: #343a40;
    text-align: left;
}

.client-contact-history-header > div {
    border-bottom: 1px solid #d9dee5;
    background: #f3f5f7;
    color: #3c444d;
    font-size: .9rem;
    font-weight: 600;
    white-space: nowrap;
}

.client-contact-history-row:last-child > div {
    border-bottom: 0;
}

.client-contact-history-row:not(.client-contact-history-header):hover > div {
    background: #fafbfc;
}

.client-contact-history-row.is-pending > div {
    background: #fffaf5;
}

.client-contact-history-list a {
    color: var(--memo-accent-color);
    font-weight: 500;
    text-decoration: none;
}

.client-contact-history-list a:hover {
    text-decoration: underline;
}

.client-contact-time {
    white-space: nowrap;
}

.client-contact-type-badge,
.client-contact-follow-up-status {
    display: inline-flex;
    align-items: center;
    padding: .25rem .55rem;
    border-radius: .35rem;
    background: #f0f2f5;
    color: #4e5862;
    font-size: .9rem;
    line-height: 1.25;
    white-space: nowrap;
}

.client-contact-follow-up-status {
    background: #fff0e6;
    color: #a44b16;
    font-weight: 600;
}

.client-contact-history-text {
    min-width: 16rem;
    max-width: 30rem;
    white-space: normal;
}

.client-contact-history-follow-up,
.client-contact-history-complete {
    justify-content: center;
    text-align: center !important;
}

.client-contact-history-complete .custom-checkbox-wrapper {
    justify-content: center;
}

.client-contact-completed-status {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f6ec;
    color: #18794e;
    font-weight: 700;
}

.client-contact-history-muted {
    color: #8a939d;
}

.client-contact-empty {
    display: block;
    padding: 2rem 1rem;
    color: #7a838d !important;
    text-align: center !important;
}

.client-contact-history-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.client-contact-history-actions > .client-contact-action-button:only-child {
    margin-left: auto;
}

body.memo-page-theme-dark .client-contact-field label,
html.memo-theme-preload-dark body .client-contact-field label,
body.memo-page-theme-dark .client-contact-checkbox-label,
html.memo-theme-preload-dark body .client-contact-checkbox-label {
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-contact-card-description,
html.memo-theme-preload-dark body .client-contact-card-description,
body.memo-page-theme-dark .client-contact-history-muted,
html.memo-theme-preload-dark body .client-contact-history-muted {
    color: color-mix(in srgb, var(--memo-light-text-color) 68%, transparent);
}

body.memo-page-theme-dark .client-contact-count,
html.memo-theme-preload-dark body .client-contact-count,
body.memo-page-theme-dark .client-contact-type-badge,
html.memo-theme-preload-dark body .client-contact-type-badge {
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-contact-history-wrapper,
html.memo-theme-preload-dark body .client-contact-history-wrapper {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-contact-history-header > div,
html.memo-theme-preload-dark body .client-contact-history-header > div {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-contact-history-row > div,
html.memo-theme-preload-dark body .client-contact-history-row > div {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-dark-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-contact-history-row:not(.client-contact-history-header):hover > div,
html.memo-theme-preload-dark body .client-contact-history-row:not(.client-contact-history-header):hover > div {
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .client-contact-history-row.is-pending > div,
html.memo-theme-preload-dark body .client-contact-history-row.is-pending > div {
    background: var(--memo-accent-color-soft);
}

body.memo-page-theme-dark .client-contact-follow-up-status,
html.memo-theme-preload-dark body .client-contact-follow-up-status {
    background: var(--memo-accent-color-soft);
    color: var(--memo-accent-color);
}

body.memo-page-theme-dark .client-contact-completed-status,
html.memo-theme-preload-dark body .client-contact-completed-status {
    background: var(--memo-light-bg-color-soft);
    color: #8ee3b8;
}

.client-contact-filter .client-semantic-data-section > tbody > tr {
    display: grid;
    grid-template-columns: repeat(6, minmax(8rem, 1fr));
    gap: 1rem;
}

.client-contact-filter .client-semantic-data-section > tbody > tr > td {
    display: block;
    min-width: 0;
    width: auto !important;
    white-space: normal;
}

.client-contact-filter .client-semantic-data-section > tbody > tr > td[colspan] {
    grid-column: 1 / -1;
}

.client-chart-card,
.client-rfm-current > div {
    min-width: 0;
    padding: 1rem;
    border: 1px solid #e1e5e9;
    border-radius: .35rem;
    background: #fff;
}

.client-rfm-current strong {
    font-size: 1.25rem;
}

.client-chart-card {
    height: 20rem;
    padding: .85rem;
}

.client-chart-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .9fr);
    gap: 1rem;
    margin-top: 1rem;
}

.client-chart-card canvas {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
}

.client-chart-card-pie {
    min-width: 0;
}

.client-rfm-current {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.client-rfm-current > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.client-rfm-scale {
    overflow-x: auto;
}

.client-rfm-scale-head,
.client-rfm-scale-row {
    display: grid;
    grid-template-columns: 6rem repeat(3, minmax(9rem, 1fr));
    min-width: 38rem;
    border-bottom: 1px solid #e1e5e9;
}

.client-rfm-scale-head > *,
.client-rfm-scale-row > * {
    padding: .65rem .75rem;
}

.client-document-list {
    display: flex;
    flex-direction: column;
}

.client-document-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    padding: .75rem 0;
    border-bottom: 1px solid #e1e5e9;
}

.client-detail-empty {
    padding: 1rem 0;
    color: #6c757d;
}

body.memo-page-theme-dark .client-details-page .client-chart-card,
html.memo-theme-preload-dark body .client-details-page .client-chart-card,
body.memo-page-theme-dark .client-details-page .client-rfm-current > div,
html.memo-theme-preload-dark body .client-details-page .client-rfm-current > div {
    background: var(--memo-dark-bg-color);
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-rfm-scale-head,
html.memo-theme-preload-dark body .client-details-page .client-rfm-scale-head,
body.memo-page-theme-dark .client-details-page .client-rfm-scale-row,
html.memo-theme-preload-dark body .client-details-page .client-rfm-scale-row,
body.memo-page-theme-dark .client-details-page .client-document-row,
html.memo-theme-preload-dark body .client-details-page .client-document-row {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-company-finance-grid,
html.memo-theme-preload-dark body .client-details-page .client-company-finance-grid {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-detail-footer-actions,
html.memo-theme-preload-dark body .client-details-page .client-detail-footer-actions {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-finance-section,
html.memo-theme-preload-dark body .client-details-page .client-finance-section,
body.memo-page-theme-dark .client-details-page .client-finance-meta,
html.memo-theme-preload-dark body .client-details-page .client-finance-meta {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-location-card-header,
html.memo-theme-preload-dark body .client-details-page .client-location-card-header,
body.memo-page-theme-dark .client-details-page .client-location-contact-section,
html.memo-theme-preload-dark body .client-details-page .client-location-contact-section {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-currency-input > span,
html.memo-theme-preload-dark body .client-details-page .client-currency-input > span {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-contact-person-card > .client-contact-identity-row,
html.memo-theme-preload-dark body .client-details-page .client-contact-person-card > .client-contact-identity-row,
body.memo-page-theme-dark .client-details-page .client-contact-person-card > .client-contact-address-row,
html.memo-theme-preload-dark body .client-details-page .client-contact-person-card > .client-contact-address-row,
body.memo-page-theme-dark .client-details-page .client-contact-person-card > .client-contact-advertising-row,
html.memo-theme-preload-dark body .client-details-page .client-contact-person-card > .client-contact-advertising-row {
    border-color: var(--memo-light-border-color-soft);
}

body.memo-page-theme-dark .client-details-page .client-contact-primary-toggle,
html.memo-theme-preload-dark body .client-details-page .client-contact-primary-toggle {
    border-color: var(--memo-light-border-color-soft);
    background: var(--memo-light-bg-color-soft);
}

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

    .client-contact-filter-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-contact-filter-action {
        justify-content: flex-start;
    }

    .client-contact-create-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-contact-note-field {
        grid-column: 1 / -1;
    }

    .client-contact-follow-up-field {
        min-height: auto;
        align-items: flex-start;
        text-align: left;
    }

    .client-company-card-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-company-details-grid,
    .client-company-finance-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-company-card-field.client-span-5,
    .client-company-card-field.client-span-6 {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991.98px) {
    .client-chart-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-company-card-row,
    .client-normalized-field-grid,
    .client-company-details-grid,
    .client-company-finance-grid,
    .client-contact-person-card > .client-contact-person-row,
    .client-finance-card {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-contact-address-row > .client-company-card-field:last-child {
        grid-column: span 1;
    }

    .client-contact-person-card > .client-contact-identity-row > .client-company-card-field {
        grid-column: span 1;
    }

    .client-contact-person-card > .client-contact-personal-meta-row,
    .client-contact-person-card > .client-contact-access-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-location-address-grid,
    .client-location-contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-location-field-wide,
    .client-location-field-half {
        grid-column: span 1;
    }
}

@media (max-width: 767.98px) {
    .client-chart-card {
        height: 17.5rem;
    }

    .client-card-with-headline:has(select[name="Gruppe"])
        .client-form-row:has(select[name="Gruppe"]) {
        grid-template-areas:
            "existing-group"
            "new-group-label"
            "new-group-input";
        grid-template-columns: minmax(0, 1fr);
        gap: .5rem;
    }

    .client-details-page .customer_details,
    .client-rfm-current {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-contact-filter-grid,
    .client-contact-owner-form,
    .client-contact-create-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-contact-note-field {
        grid-column: auto;
    }

    .client-contact-filter-action,
    .client-contact-owner-form .client-contact-action-button,
    .client-contact-card-actions {
        width: 100%;
    }

    .client-contact-action-button,
    .client-contact-secondary-button {
        width: 100%;
    }

    .client-contact-history-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .client-contact-history-actions > .client-contact-action-button:only-child {
        margin-left: 0;
    }

    .client-details-page .client-detail-form > table > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-details-page .client-detail-form > table > tbody > tr > td[colspan] {
        grid-column: 1 / -1;
    }

    .client-contact-filter .client-semantic-data-section > tbody > tr {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-company-card-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-company-card-field[class*="client-span-"] {
        grid-column: 1;
    }

    .client-details-page .client-base-card > .d-flex {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-details-page .client-base-brand-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .client-details-page .client-base-brand-row > .flex-fill:first-child {
        grid-column: 1;
    }

    .client-details-page .customer_details.client-base-six-card-grid {
        grid-auto-rows: auto;
    }

    .client-details-page .client-base-overview-group {
        height: auto;
    }

    .client-details-page .client-base-identity-row > .flex-fill:last-child,
    .client-details-page .client-base-contact-row > .flex-fill:last-child {
        grid-column: 1;
    }

    .client-details-page .client-base-card > .d-flex > .flex-fill:only-child {
        max-width: none;
    }

    .client-normalized-field-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-company-details-grid,
    .client-company-finance-grid,
    .client-contact-person-card > .client-contact-person-row,
    .client-finance-card,
    .client-finance-credit-grid,
    .client-finance-fee-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-finance-meta > div {
        grid-template-columns: minmax(0, 1fr);
        gap: .25rem;
    }

    .client-letter-actions {
        justify-content: stretch;
    }

    .client-letter-actions > .btn {
        width: 100%;
    }

    .client-contact-address-row > .client-company-card-field:last-child .client-form-group,
    .client-contact-access-row > .client-company-card-field:has(select[name^="TISCA__"]) .client-form-group {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-contact-advertising .client-form-group {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-contact-person-card > .client-contact-communication-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-contact-person-card > .client-contact-personal-meta-row,
    .client-contact-person-card > .client-contact-access-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-contact-access-row > .client-company-card-field:has(input[name^="Username__"]),
    .client-contact-access-row > .client-company-card-field:has(select[name^="TISCA__"]),
    .client-contact-access-row > .client-company-card-field:has(select[name^="Vertriebskanal__"]) {
        grid-column: 1;
    }

    .client-location-address-grid,
    .client-location-contact-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-field-unit-wide {
        grid-column: 1;
    }
}

/*
 * Keep controls from legacy and modern client-detail tabs visually identical.
 * Several tabs still render plain selects while newer tabs use Bootstrap
 * form-select/form-control classes, so the shared appearance lives here.
 */
.client-details-page {
    --client-detail-control-height: 1.875rem;
}

.client-details-page .detail_main label:not(.custom-checkbox-wrapper),
.client-details-page .detail_main .client-contact-checkbox-label {
    font-weight: 600;
}

.client-details-page .detail_main input:not(
    [type="checkbox"],
    [type="radio"],
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="image"],
    [type="hidden"],
    [type="file"]
),
.client-details-page .detail_main select:not([multiple]),
.client-details-page .detail_main .form-control:not(textarea, [type="file"]),
.client-details-page .detail_main .form-select:not([multiple]) {
    box-sizing: border-box;
    width: 100%;
    height: var(--client-detail-control-height) !important;
    min-height: var(--client-detail-control-height) !important;
    margin: 0;
    border: 1px solid #cfd4da;
    border-radius: .375rem;
    background-color: #fff;
    color: #212529;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif !important;
    font-size: .875rem;
    line-height: 1.25;
}

.client-details-page .detail_main input:not(
    [type="checkbox"],
    [type="radio"],
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="image"],
    [type="hidden"],
    [type="file"]
),
.client-details-page .detail_main .form-control:not(textarea, [type="file"]) {
    padding: .2rem .5rem;
}

.client-details-page .detail_main select:not([multiple]),
.client-details-page .detail_main .form-select:not([multiple]) {
    appearance: none;
    -webkit-appearance: none;
    padding: .2rem 2rem .2rem .5rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: right .5rem center !important;
    background-size: .85rem .65rem !important;
    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;
}

.client-details-page .detail_main textarea,
.client-details-page .detail_main select[multiple] {
    box-sizing: border-box;
    width: 100%;
    min-height: 7rem;
    padding: .5rem .75rem;
    border: 1px solid #cfd4da;
    border-radius: .375rem;
    background-color: #fff;
    color: #212529;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif !important;
    font-size: .875rem;
    line-height: 1.4;
}

.client-details-page .detail_main input[type="file"] {
    box-sizing: border-box;
    width: 100%;
    height: var(--client-detail-control-height) !important;
    min-height: var(--client-detail-control-height) !important;
    padding: 0 .5rem 0 0 !important;
    overflow: hidden;
    border: 1px solid #cfd4da;
    border-radius: .375rem;
    background-color: #fff;
    color: #212529;
    font-size: .875rem;
    line-height: calc(var(--client-detail-control-height) - 2px);
}

.client-details-page .detail_main input[type="file"]::file-selector-button {
    height: calc(var(--client-detail-control-height) - 2px);
    margin: 0 .5rem 0 0 !important;
    padding: 0 .75rem !important;
    border: 0 !important;
    border-radius: .3rem 0 0 .3rem !important;
    background-color: var(--memo-accent-color);
    color: #fff;
    font-family: "Titillium Web", Arial, Helvetica, sans-serif !important;
    font-size: .875rem;
    font-weight: 600;
    line-height: calc(var(--client-detail-control-height) - 2px);
    transition: none;
}

.client-details-page .detail_main input[type="file"]::file-selector-button:hover,
.client-details-page .detail_main input[type="file"]::file-selector-button:focus,
.client-details-page .detail_main input[type="file"]::file-selector-button:active {
    border: 0 !important;
    background-color: var(--memo-accent-color);
    color: #fff;
    box-shadow: none;
    filter: none;
}

.client-details-page .client-location-number {
    display: inline-flex;
    min-height: var(--client-detail-control-height);
    align-items: center;
    padding: .2rem .6rem;
    border: 1px solid color-mix(
        in srgb,
        var(--memo-accent-color) 35%,
        #d7dce1
    );
    border-radius: .375rem;
    background-color: color-mix(
        in srgb,
        var(--memo-accent-color) 10%,
        #fff
    );
    color: #434a52;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.2;
}

.client-details-page .detail_main .client-currency-input {
    box-sizing: border-box;
    height: var(--client-detail-control-height);
    overflow: hidden;
    border: 1px solid #cfd4da;
    border-radius: .375rem;
    background-color: #fff;
}

.client-details-page .detail_main .client-currency-input > span {
    box-sizing: border-box;
    height: calc(var(--client-detail-control-height) - 2px);
    border: 0;
    border-right: 1px solid #cfd4da;
    border-radius: 0;
    background-color: #f4f5f6;
    line-height: calc(var(--client-detail-control-height) - 2px);
}

.client-details-page .detail_main .client-currency-input > input,
.client-details-page .detail_main .client-currency-input > input:focus {
    height: calc(var(--client-detail-control-height) - 2px) !important;
    min-height: calc(var(--client-detail-control-height) - 2px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.client-details-page .detail_main .client-currency-input:focus-within {
    border-color: var(--memo-accent-color);
    box-shadow: 0 0 0 .2rem color-mix(
        in srgb,
        var(--memo-accent-color) 22%,
        transparent
    );
}

.client-details-page .detail_main button:not(
    [role="tab"],
    .client-history-claim-button,
    .client-history-page-button
),
.client-details-page .detail_main input[type="submit"],
.client-details-page .detail_main input[type="button"],
.client-details-page .detail_main a.btn {
    box-sizing: border-box;
    height: var(--client-detail-control-height);
    min-height: var(--client-detail-control-height);
    align-items: center;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.2;
}

.client-details-page .detail_main button:not(
    [role="tab"],
    .client-history-claim-button,
    .client-history-page-button
),
.client-details-page .detail_main a.btn {
    display: inline-flex;
}

.client-details-page .detail_main .client-contact-action-button,
.client-details-page .detail_main .client-contact-secondary-button {
    height: var(--client-detail-control-height) !important;
    min-height: var(--client-detail-control-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.client-details-page .detail_main input:not(
    [type="checkbox"],
    [type="radio"],
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="image"],
    [type="hidden"]
):focus,
.client-details-page .detail_main select:focus,
.client-details-page .detail_main textarea:focus {
    border-color: var(--memo-accent-color) !important;
    outline: 0;
    box-shadow: 0 0 0 .2rem color-mix(
        in srgb,
        var(--memo-accent-color) 22%,
        transparent
    ) !important;
}

.client-details-page .detail_main input:disabled,
.client-details-page .detail_main select:disabled,
.client-details-page .detail_main textarea:disabled {
    cursor: not-allowed;
    opacity: .72;
}

.client-details-page .detail_main .permission-disabled-field {
    pointer-events: none;
}

.client-details-page .detail_main .client-detail-permission-tooltip {
    max-width: 100%;
}

.client-details-page .detail_main span.client-detail-permission-tooltip {
    display: inline-block;
}

.client-details-page .detail_main .client-detail-permission-disabled {
    cursor: not-allowed;
    opacity: .72;
}

/*
 * Permission-locked checkboxes must keep their input directly next to the
 * visual box. This preserves the custom control layout while making the
 * unavailable state clearly distinguishable from an editable checkbox.
 */
.client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled + .checkbox-box,
.client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled + .checkbox-box {
    border-color: #9aa1a9;
    background-color: #e1e4e7;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
}

.client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled:checked + .checkbox-box,
.client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled:checked + .checkbox-box {
    border-color: #8a929a;
    background-color: #8a929a;
}

.client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled + .checkbox-box .checkmark,
.client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled + .checkbox-box .checkmark {
    stroke: #fff;
}

.client-details-page .detail_main .form-check-input[type="checkbox"]:disabled {
    border-color: #9aa1a9 !important;
    background-color: #e1e4e7 !important;
    box-shadow: none !important;
    accent-color: #8a929a;
    cursor: not-allowed;
    opacity: 1;
}

.client-details-page .detail_main .form-check-input[type="checkbox"]:disabled:checked {
    border-color: #8a929a !important;
    background-color: #8a929a !important;
}

body.memo-page-theme-dark .client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled + .checkbox-box,
html.memo-theme-preload-dark body .client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled + .checkbox-box,
body.memo-page-theme-dark .client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled + .checkbox-box,
html.memo-theme-preload-dark body .client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled + .checkbox-box {
    border-color: color-mix(in srgb, var(--memo-light-text-color) 38%, transparent);
    background-color: color-mix(in srgb, var(--memo-light-text-color) 14%, var(--memo-light-bg-color-soft));
}

body.memo-page-theme-dark .client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled:checked + .checkbox-box,
html.memo-theme-preload-dark body .client-details-page .detail_main .custom-checkbox-wrapper
    input[type="checkbox"]:disabled:checked + .checkbox-box,
body.memo-page-theme-dark .client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled:checked + .checkbox-box,
html.memo-theme-preload-dark body .client-details-page .detail_main .client-checkbox-inline
    input[type="checkbox"]:disabled:checked + .checkbox-box {
    border-color: color-mix(in srgb, var(--memo-light-text-color) 46%, transparent);
    background-color: color-mix(in srgb, var(--memo-light-text-color) 34%, var(--memo-light-bg-color-soft));
}

body.memo-page-theme-dark .client-details-page .detail_main .form-check-input[type="checkbox"]:disabled,
html.memo-theme-preload-dark body .client-details-page .detail_main .form-check-input[type="checkbox"]:disabled {
    border-color: color-mix(in srgb, var(--memo-light-text-color) 38%, transparent) !important;
    background-color: color-mix(
        in srgb,
        var(--memo-light-text-color) 14%,
        var(--memo-light-bg-color-soft)
    ) !important;
}

body.memo-page-theme-dark .client-details-page .detail_main .form-check-input[type="checkbox"]:disabled:checked,
html.memo-theme-preload-dark body .client-details-page .detail_main .form-check-input[type="checkbox"]:disabled:checked {
    border-color: color-mix(in srgb, var(--memo-light-text-color) 46%, transparent) !important;
    background-color: color-mix(
        in srgb,
        var(--memo-light-text-color) 34%,
        var(--memo-light-bg-color-soft)
    ) !important;
}

body.memo-page-theme-dark .client-details-page .detail_main input:not(
    [type="checkbox"],
    [type="radio"],
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="image"],
    [type="hidden"],
    [type="file"]
),
html.memo-theme-preload-dark body .client-details-page .detail_main input:not(
    [type="checkbox"],
    [type="radio"],
    [type="submit"],
    [type="button"],
    [type="reset"],
    [type="image"],
    [type="hidden"],
    [type="file"]
),
body.memo-page-theme-dark .client-details-page .detail_main select,
html.memo-theme-preload-dark body .client-details-page .detail_main select,
body.memo-page-theme-dark .client-details-page .detail_main textarea,
html.memo-theme-preload-dark body .client-details-page .detail_main textarea {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .client-details-page .detail_main select:not([multiple]),
html.memo-theme-preload-dark body .client-details-page .detail_main select:not([multiple]) {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dce2e9' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: right .5rem center !important;
    background-size: .85rem .65rem !important;
}

body.memo-page-theme-dark .client-details-page .detail_main input[type="file"],
html.memo-theme-preload-dark body .client-details-page .detail_main input[type="file"] {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .client-location-number,
html.memo-theme-preload-dark body .client-details-page .client-location-number {
    border-color: color-mix(
        in srgb,
        var(--memo-accent-color) 45%,
        var(--memo-light-border-color-soft)
    );
    background-color: color-mix(
        in srgb,
        var(--memo-accent-color) 14%,
        var(--memo-light-bg-color-soft)
    );
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}

body.memo-page-theme-dark .client-details-page .detail_main .client-currency-input,
html.memo-theme-preload-dark body .client-details-page .detail_main .client-currency-input {
    border-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .client-details-page .detail_main .client-currency-input > span,
html.memo-theme-preload-dark body .client-details-page .detail_main .client-currency-input > span {
    border-right-color: var(--memo-light-border-color-soft);
    background-color: var(--memo-light-bg-color-soft);
}

body.memo-page-theme-dark .client-details-page .detail_main select option,
html.memo-theme-preload-dark body .client-details-page .detail_main select option {
    background-color: var(--memo-dark-field-bg-color);
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
    -webkit-text-fill-color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent) !important;
}

body.memo-page-theme-dark .client-details-page .client-vat-b2b-warning,
html.memo-theme-preload-dark body .client-details-page .client-vat-b2b-warning {
    border-color: color-mix(in srgb, var(--memo-accent-color) 45%, var(--memo-light-border-color-soft));
    background: color-mix(in srgb, var(--memo-accent-color) 12%, var(--memo-light-bg-color-soft));
    color: color-mix(in srgb, var(--memo-light-text-color) 82%, transparent);
}