/* möbelando Kundenkonto 1.0.0 — all product rules are scoped to the authenticated account. */
#account.mka-account {
    --mka-green: #a7e752; --mka-text: #303733; --mka-muted: #626b62;
    --mka-line: #dce1da; --mka-surface: #f6f7f4; --mka-tint: #eef7e4;
    display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 30px;
    margin: 24px 0 40px; padding: 30px; width: 100%; color: var(--mka-text);
    background: var(--mka-surface); border: 1px solid var(--mka-line); border-radius: 14px;
    container: mka-account / inline-size; font-family: inherit; line-height: 1.6;
}
#account.mka-account *, #account.mka-account *::before, #account.mka-account *::after { box-sizing: border-box; }
#account.mka-account .mka-content { padding: 0; width: 100%; max-width: 100%; min-width: 0; }
#account.mka-account .mka-sidebar { min-width: 0; }
#account.mka-account h1 { font-size: clamp(25px, 2.3vw, 32px); line-height: 1.3; margin-bottom: 13px; letter-spacing: -.5px; overflow-wrap: anywhere; }
#account.mka-account h2, #account.mka-account .h3 { font-size: 18px; line-height: 1.4; overflow-wrap: anywhere; }
#account.mka-account h3 { font-size: 16px; overflow-wrap: anywhere; }
#account.mka-account p, #account.mka-account td, #account.mka-account .card, #account.mka-account .alert { overflow-wrap: anywhere; }
#account.mka-account a { text-underline-offset: 4px; }
#account.mka-account :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #456c2b; outline-offset: 3px; }
#account.mka-account [hidden] { display: none !important; }
#account.mka-account .mka-identity { display: flex; gap: 10px; align-items: center; margin: 3px 7px 25px; }
#account.mka-account .mka-identity > div { min-width: 0; }
#account.mka-account .mka-identity small { display: block; font-size: 11px; color: var(--mka-muted); }
#account.mka-account .mka-avatar { width: 40px; height: 40px; flex: 0 0 40px; display: grid; place-items: center; background: #e7efdf; border-radius: 50%; font-size: 14px; }
#account.mka-account .mka-customer-name { font-size: 13px; display: block; overflow-wrap: anywhere; }
#account.mka-account .mka-navigation > summary { display: none; }
#account.mka-account .mka-navigation nav { display: grid; gap: 4px; }
#account.mka-account .mka-nav-link { display: flex; gap: 11px; align-items: center; padding: 12px 10px; min-height: 46px; border-radius: 8px; color: var(--mka-text); font-size: 13px; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere; }
#account.mka-account .mka-nav-link > .fas { width: 17px; flex: 0 0 17px; text-align: center; color: #68785c; }
#account.mka-account .mka-nav-link:hover { background: #e9ece5; }
#account.mka-account .mka-nav-link[aria-current=page] { background: var(--mka-tint); box-shadow: inset 3px 0 0 var(--mka-green); font-weight: 600; }
#account.mka-account .mka-logout { margin-top: 12px; border-top: 1px solid var(--mka-line); border-radius: 0; color: var(--mka-muted); }
#account.mka-account .mka-breadcrumb { display: flex; gap: 9px; align-items: center; flex-wrap: wrap; font-size: 12px; color: var(--mka-muted); margin-bottom: 13px; }
#account.mka-account .mka-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
#account.mka-account .mka-intro { color: var(--mka-muted); font-size: 14px; margin: 0 0 21px; }
#account.mka-account .required-info { font-size: 12px; color: var(--mka-muted); margin: 10px 0 18px; }
#account.mka-account .mka-help-footer { border-top: 1px solid var(--mka-line); padding-top: 17px; margin: 28px 0 0; font-size: 12px; color: var(--mka-muted); }
#account.mka-account .mka-help-footer a { display: inline-flex; align-items: center; min-height: 44px; }
#account.mka-account .btn { border-radius: 7px; min-height: 46px; padding: 11px 16px; font-size: 14px; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; max-width: 100%; box-shadow: none; }
#account.mka-account .btn-primary { color: #293622; background: var(--mka-green); border-color: var(--mka-green); }
#account.mka-account .btn-primary:hover { color: #293622; background: #98d940; border-color: #98d940; }
#account.mka-account .btn-outline-primary, #account.mka-account .btn-outline-secondary { color: var(--mka-text); border-color: #cdd4c9; background: #fff; }
#account.mka-account .btn-outline-primary:hover, #account.mka-account .btn-outline-secondary:hover { background: #edf2e6; border-color: #a5b298; }
#account.mka-account .btn-secondary { color: var(--mka-text); background: #fff; border-color: #cdd4c9; }
#account.mka-account .btn-danger { color: #a33333; background: #fff; border-color: #e6cccc; }
#account.mka-account .mka-action-label { margin-left: 7px; }
#account.mka-account .min-w-sm { min-width: 0 !important; }
#account.mka-account .card { border: 1px solid var(--mka-line); border-radius: 11px; background: #fff; box-shadow: none; }
#account.mka-account .card-header { border: 0; border-bottom: 1px solid #e8ebe5; border-radius: 11px 11px 0 0; padding: 19px 21px; background: #fff; }
#account.mka-account .card-header h2, #account.mka-account .card-header h3 { margin: 0; }
#account.mka-account .card-body { padding: 21px; }
#account.mka-account .table { color: var(--mka-text); margin-bottom: 0; min-width: 0; }
#account.mka-account .table td, #account.mka-account .table th { border-color: #e8ebe5; padding: 15px; white-space: normal; }
#account.mka-account .table-responsive { overflow: visible; }
#account.mka-account .account-head-data { margin-top: 0; margin-bottom: 24px; align-items: center; }
#account.mka-account .account-head-data > div { width: 100%; max-width: 100%; flex-basis: 100%; }
#account.mka-account .account-head-data > div:first-child { color: var(--mka-muted); font-size: 14px; }
#account.mka-account .mka-credit { border: 0; padding: 12px 0 0; margin: 0; background: transparent; font-size: 13px; }
#account.mka-account .mka-credit .card-body { padding: 0; }
#account.mka-account .mka-overview-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0; }
#account.mka-account .mka-overview-item { padding: 0; width: 100%; max-width: 100%; margin: 0; min-width: 0; }
#account.mka-account .mka-overview-item .card { height: 100%; }
#account.mka-account .account-data-item-orders, #account.mka-account .account-data-item-rma { grid-column: 1/-1; }
#account.mka-account .mka-overview-item .card-header { padding: 17px; }
#account.mka-account .mka-overview-item .card-header .row > .col { flex-basis: 100%; }
#account.mka-account .mka-overview-item .card-header .row > .col-auto { margin-top: 3px; }
#account.mka-account .mka-overview-item table { table-layout: fixed; width: 100%; }
#account.mka-account .mka-overview-item:not(.account-data-item-orders):not(.account-data-item-rma) table tr { display: flex; flex-wrap: wrap; border-top: 1px solid #e8ebe5; }
#account.mka-account .mka-overview-item:not(.account-data-item-orders):not(.account-data-item-rma) table td { border: 0; padding: 12px 16px; width: 100%; text-align: left !important; }
#account.mka-account .mka-overview-item:not(.account-data-item-orders):not(.account-data-item-rma) table td + td { padding-top: 0; }
#account.mka-account .mka-overview-item td a { display: inline-flex; align-items: center; min-height: 44px; }
#account.mka-account .mka-order-number { display: block; font-weight: 600; font-size: 14px; margin-bottom: 5px; }
#account.mka-account .mka-overview-order > td { vertical-align: middle; font-size: 13px; }
#account.mka-account .mka-overview-order > td:last-child { display: table-cell !important; }
#account.mka-account .mka-overview-order > td:last-child > .fa-eye { display: none; }
#account.mka-account .mka-order-open { font-size: 12px; }
#account.mka-account .mka-delete-overview { display: none; }
#account.mka-account .mka-security-footer { border-top: 1px solid var(--mka-line); padding-top: 22px; margin-top: 28px; }
#account.mka-account .mka-security-footer p { color: var(--mka-muted); font-size: 13px; }
#account.mka-account .mka-danger-link { display: inline-flex; align-items: center; min-height: 44px; color: #a33333; }
#account.mka-account .mka-native-default, #account.mka-account .mka-redundant-more { display: none !important; }
#account.mka-account .mka-standard-badge { display: inline-block; width: fit-content; border-radius: 20px; padding: 5px 10px; font-size: 12px; background: #eef4e7; color: #435a36; white-space: normal; }
#account.mka-account .mka-default-link { display: inline-flex; min-height: 44px; align-items: center; font-size: 12px; }

/* Native forms, names, field constraints, country handlers and token fields are retained. */
#account.mka-account.mka-form-design .mka-main-form { padding: 26px; background: #fff; border: 1px solid var(--mka-line); border-radius: 12px; margin: 0 0 20px; container: mka-form / inline-size; }
#account.mka-account.mka-form-design .mka-form fieldset { min-width: 0; width: 100%; margin: 0 0 22px; padding: 0; border: 0; }
#account.mka-account.mka-form-design .mka-section-layout { margin: 0; }
#account.mka-account.mka-form-design .mka-section-layout > div:has(> hr) { display: none; }
#account.mka-account.mka-form-design .mka-section-layout > .mka-section-heading { flex: 0 0 100%; width: 100%; max-width: 100%; padding: 22px 0 0; border-top: 1px solid #e8ebe5; margin-top: 6px; }
#account.mka-account.mka-form-design .inc-billing-address-form .mka-section-heading:first-of-type { padding-top: 0; border-top: 0; }
#account.mka-account.mka-form-design .mka-section-layout > .mka-section-fields { flex: 0 0 100%; width: 100%; max-width: 100%; padding: 0; }
#account.mka-account.mka-form-design .mka-form .form-group:not(.checkbox) { display: flex; flex-direction: column; position: relative; margin-bottom: 0; min-width: 0; }
#account.mka-account.mka-form-design .mka-form .form-group > label:not(.custom-control-label) {
    order: -2; display: block; position: static !important; transform: none !important;
    padding: 0 0 7px !important; margin: 0 !important; font-size: 13px !important; line-height: 1.5;
    white-space: normal !important; text-overflow: clip; overflow: visible !important;
    max-width: 100% !important; background: transparent; color: var(--mka-text) !important;
    pointer-events: auto; cursor: pointer; z-index: auto; transition: none;
}
#account.mka-account.mka-form-design .mka-form label .optional { font-size: 12px; color: var(--mka-muted); }
#account.mka-account.mka-form-design .mka-form .form-group:has([required]) > label:not(.custom-control-label)::after { content: " *"; position: static; background: transparent; color: #a12c2c; }
#account.mka-account.mka-form-design .mka-form .form-control, #account.mka-account.mka-form-design .mka-form .custom-select {
    height: auto; min-height: 48px; border-radius: 7px; border: 1px solid #cdd4c9;
    padding: 11px 12px; font-size: 16px; line-height: 1.45; min-width: 0; max-width: 100%; color: var(--mka-text); background-color: #fff;
}
#account.mka-account.mka-form-design .mka-form .custom-select { padding-right: 30px; }
#account.mka-account.mka-form-design .mka-form .form-control:disabled { background: #f0f2ed; color: var(--mka-muted); }
#account.mka-account.mka-form-design .mka-form .has-error .form-control { border-color: #aa3030; background-color: #fffafa; }
#account.mka-account.mka-form-design .mka-form .form-control::placeholder { opacity: 1 !important; color: #727a71; }
#account.mka-account.mka-form-design .mka-form .form-error-msg { order: 5; font-size: 12px; margin-top: 6px; color: #a12c2c; }
#account.mka-account.mka-form-design .mka-field-grid { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 17px 16px; margin: 0; }
#account.mka-account.mka-form-design .mka-field-grid > div { min-width: 0; width: auto; max-width: 100%; padding-left: 0; padding-right: 0; grid-column: span 6; }
#account.mka-account.mka-form-design .mka-field-grid > .col-12:not([class*="col-md-"]), #account.mka-account.mka-form-design .mka-field-grid > .mka-full { grid-column: 1/-1; }
#account.mka-account.mka-form-design .mka-field-grid > .col-md-4 { grid-column: span 4; }
#account.mka-account.mka-form-design .mka-field-grid > .col-md-8 { grid-column: span 8; }
#account.mka-account.mka-form-design .mka-field-grid > .mka-salutation-column { grid-column: 1/-1; }
#account.mka-account.mka-form-design .mka-salutation-column .form-group { max-width: 200px; }
#account.mka-account.mka-form-design .mka-field-grid > .w-100-util { display: none; }
#account.mka-account.mka-form-design .mka-form .twitter-typeahead { width: 100%; min-width: 0; }
#account.mka-account.mka-form-design .mka-form .tt-menu { max-width: 100%; }
#account.mka-account.mka-form-design .mka-form .custom-control { min-height: 44px; padding-top: 10px; padding-bottom: 10px; }
#account.mka-account.mka-form-design .mka-form .custom-control-label { white-space: normal; padding-left: 3px; }
#account.mka-account.mka-form-design .mka-form .custom-control-label::before, #account.mka-account.mka-form-design .mka-form .custom-control-label::after { top: 12px; }
#account.mka-account.mka-form-design .mka-optional { grid-column: 1/-1; min-width: 0; }
#account.mka-account.mka-form-design .mka-optional > summary { cursor: pointer; padding: 11px 0; min-height: 44px; width: fit-content; color: #4d5c43; font-size: 13px; }
#account.mka-account.mka-form-design .mka-optional[open] > summary { margin-bottom: 7px; }
#account.mka-account.mka-form-design .mka-form .btn-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 22px 0 0; padding-top: 22px; border-top: 1px solid #e8ebe5; align-items: center; }
#account.mka-account.mka-form-design .mka-form .btn-row > div { padding: 0; flex: 0 1 auto; width: auto; max-width: 100%; margin: 0 !important; }
#account.mka-account.mka-form-design .mka-form .checkout-button-row-submit { margin-left: auto !important; }
#account.mka-account.mka-form-design .mka-form .checkout-button-row-new-address:empty { display: none; }
#account.mka-account.mka-form-design .mka-password-column { flex: 1 1 100%; max-width: 100%; }
#account.mka-account.mka-form-design #password .form-group { margin-bottom: 20px; }
#account.mka-account .mka-password-field { position: relative; }
#account.mka-account .mka-password-field input { padding-right: 58px !important; }
#account.mka-account .mka-password-toggle { position: absolute; right: 1px; top: 1px; height: 46px; width: 46px; border: 0; border-radius: 6px; background: #fff; color: #485842; }
#account.mka-account .mka-error-summary { background: #fff6f4; border: 1px solid #e7c8c8; border-radius: 8px; padding: 16px 18px; margin-bottom: 22px; color: #8d2e2e; }
#account.mka-account .mka-error-summary h2 { font-size: 16px; }
#account.mka-account .mka-error-summary ul { margin: 8px 0 0; padding-left: 20px; }
#account.mka-account .mka-error-summary a { color: #8d2e2e; display: inline-block; padding: 8px 0; }
#account.mka-account .mka-submit-status { flex: 1 0 100%; margin: 10px 0 0; font-size: 13px; color: var(--mka-muted); }
#account.mka-account [aria-disabled=true] { opacity: .65; cursor: wait; }

/* Keep DataTables and all of its original row nodes, search and pagination. */
#account.mka-account .mka-address-layout { display: flex; flex-direction: column; gap: 20px; margin: 0; }
#account.mka-account .mka-address-form-wrapper, #account.mka-account .mka-address-list-wrapper { width: 100%; max-width: 100%; padding: 0; flex-basis: auto; }
#account.mka-account .mka-address-editor { min-width: 0; width: 100%; }
#account.mka-account .mka-address-editor > summary { display: list-item; width: fit-content; max-width: 100%; margin-left: auto; padding: 12px 18px; min-height: 48px; border-radius: 7px; background: var(--mka-green); color: #293622; cursor: pointer; font-size: 14px; overflow-wrap: anywhere; }
#account.mka-account .mka-address-editor[open] > summary { margin: 0 0 18px; }
#account.mka-account .mka-form-subheading { margin-top: 16px; border-top: 1px solid #e8ebe5; padding-top: 22px !important; }
#account.mka-account .mka-form-subheading:first-child { border: 0; padding-top: 0 !important; margin-top: 0; }
#account.mka-account .mka-form-subheading h2 { margin: 0; font-size: 17px; }
#account.mka-account .mka-address-additional { display: block; }
#account.mka-account .mka-address-additional ul { margin: 0; font-size: 13px; }
#account.mka-account #lieferadressen-liste { border: 0; width: 100% !important; border-collapse: separate; border-spacing: 0; display: block; }
#account.mka-account #lieferadressen-liste thead { display: none; }
#account.mka-account #lieferadressen-liste tbody { display: grid; gap: 16px; width: 100%; }
#account.mka-account #lieferadressen-liste tr { display: block; border: 1px solid var(--mka-line); border-radius: 11px; background: #fff; padding: 21px; }
#account.mka-account #lieferadressen-liste td { display: block; width: 100%; border: 0; background: transparent; padding: 0; text-align: left !important; box-shadow: none; font-size: 14px; line-height: 1.75; }
#account.mka-account #lieferadressen-liste td:nth-child(2) { border-top: 1px solid #e8ebe5; padding-top: 14px; margin-top: 16px; }
#account.mka-account #lieferadressen-liste td:nth-child(3) { display: none; }
#account.mka-account #lieferadressen-liste .mka-standard-badge { display: table; margin-bottom: 13px; }
#account.mka-account #lieferadressen-liste .btn-group { flex-wrap: wrap; gap: 10px; }
#account.mka-account #lieferadressen-liste .btn-group > .btn { border-radius: 7px; margin: 0; font-size: 13px; }
#account.mka-account .dataTables_wrapper .row { margin-left: 0; margin-right: 0; gap: 13px; flex-wrap: wrap; }
#account.mka-account .dataTables_wrapper .row > div { padding: 0; width: auto; max-width: 100%; flex: 1 1 230px; }
#account.mka-account .dataTables_filter label { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
#account.mka-account .dataTables_filter input { width: 100%; max-width: 100%; min-height: 46px; padding: 9px 12px; border-radius: 7px; font-size: 16px; margin: 0; }
#account.mka-account .dataTables_length select { min-height: 44px; font-size: 16px; border-radius: 7px; }
#account.mka-account .dataTables_info { font-size: 12px; }
#account.mka-account .dataTables_paginate .pagination { flex-wrap: wrap; gap: 4px; }
#account.mka-account .dataTables_paginate .page-link { min-width: 44px; min-height: 44px; display: grid; place-items: center; }
#account.mka-account .mka-few-addresses .dataTables_filter, #account.mka-account .mka-few-addresses .dataTables_length, #account.mka-account .mka-few-addresses .dataTables_paginate { display: none; }
#account.mka-account .mka-empty-list .dataTables_wrapper { display: none; }
#account.mka-account .mka-empty-addresses { background: white; padding: 34px 25px; border: 1px solid var(--mka-line); border-radius: 11px; text-align: center; }
#account.mka-account .mka-empty-addresses p { color: var(--mka-muted); font-size: 14px; margin-bottom: 0; }
.mka-owned-dialog .mka-delete-address-summary { padding: 12px 15px; margin: 14px 0 0; background: #f5f6f2; border-radius: 7px; color: #303733; overflow-wrap: anywhere; }

@container mka-form (max-width: 500px) {
    #account.mka-account.mka-form-design .mka-field-grid > .col-md-6 { grid-column: 1/-1; }
    #account.mka-account.mka-form-design .mka-form .btn-row > div { flex: 1 1 100%; width: 100%; }
    #account.mka-account.mka-form-design .mka-form .btn-row .btn { width: 100%; }
}
@container mka-form (max-width: 330px) {
    #account.mka-account.mka-form-design .mka-field-grid > div { grid-column: 1/-1; }
}
@container mka-account (max-width: 700px) {
    #account.mka-account .mka-overview-grid { grid-template-columns: 1fr; }
    #account.mka-account .mka-overview-order { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); padding: 12px; border-top: 1px solid #e8ebe5; }
    #account.mka-account .mka-overview-order > td { display: block !important; border: 0; text-align: left !important; padding: 6px; }
    #account.mka-account .mka-overview-order > td:last-child { display: flex !important; gap: 10px; flex-wrap: wrap; grid-column: 1/-1; }
    #account.mka-account .account-orders-item .card-header .row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; }
    #account.mka-account .account-orders-item .card-header .row > div { width: auto; max-width: 100%; padding: 0; }
    #account.mka-account .account-orders-item .card-header .row > div:last-child { grid-column: 1/-1; text-align: left !important; }
    #account.mka-account .mka-responsive-table, #account.mka-account .mka-responsive-table tbody { display: block; width: 100%; }
    #account.mka-account .mka-responsive-table thead { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; }
    #account.mka-account .mka-responsive-table tbody tr { display: block; padding: 13px 0; border-bottom: 1px solid var(--mka-line); }
    #account.mka-account .mka-responsive-table td { display: block; padding: 8px 12px; width: 100%; border: 0; text-align: left !important; }
    #account.mka-account .mka-responsive-table td[data-mka-label]::before { content: attr(data-mka-label); display: block; color: var(--mka-muted); font-size: 12px; margin-bottom: 5px; }
    #account.mka-account .mka-responsive-table img { max-width: 100%; height: auto; }
}
@container mka-account (max-width: 740px) {
    #account.mka-account .mka-sidebar, #account.mka-account .mka-content { grid-column: 1/-1; }
    #account.mka-account .mka-identity { display: none; }
    #account.mka-account .mka-navigation { border: 1px solid var(--mka-line); border-radius: 8px; background: #fff; }
    #account.mka-account .mka-navigation > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 12px 14px; cursor: pointer; font-size: 14px; }
    #account.mka-account .mka-navigation nav { padding: 6px; }
}
@media (max-width: 1000px) {
    #account.mka-account { grid-template-columns: 165px minmax(0,1fr); padding: 24px; gap: 22px; }
}
@media (max-width: 800px) {
    #account.mka-account { grid-template-columns: minmax(0,1fr); gap: 22px; padding: 20px; }
    #account.mka-account .mka-identity { display: none; }
    #account.mka-account .mka-navigation { border: 1px solid var(--mka-line); border-radius: 8px; background: #fff; }
    #account.mka-account .mka-navigation > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 12px 14px; cursor: pointer; font-size: 14px; }
    #account.mka-account .mka-navigation nav { padding: 6px; }
}
@media (max-width: 460px) {
    #account.mka-account { margin-top: 16px; padding: 16px 12px; border-radius: 10px; }
    #account.mka-account.mka-form-design .mka-main-form { padding: 20px 14px; }
    #account.mka-account .mka-address-editor > summary { width: 100%; }
    #account.mka-account #lieferadressen-liste tr { padding: 18px; }
    #account.mka-account .mka-overview-grid { grid-template-columns: 1fr; }
    #account.mka-account .mka-address-additional ul { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    #account.mka-account * { scroll-behavior: auto !important; transition-duration: 0s !important; }
}