/**
 * Restaurant Dark Theme - overrides design.css when data-restaurant-theme="dark"
 * Load after design.css. Applies only when html has data-restaurant-theme="dark".
 */

html[data-restaurant-theme="dark"] #drawing,
html[data-restaurant-theme="dark"] body,
html[data-restaurant-theme="dark"] #open-page,
html[data-restaurant-theme="dark"] #modal-content-wrapper,
html[data-restaurant-theme="dark"] #modal-content-close,
html[data-restaurant-theme="dark"] .header-background:before {
    background: linear-gradient(90deg, #000000 0%, #1E2022 100%);
}

html[data-restaurant-theme="dark"] .leftmodal-wrapper,
html[data-restaurant-theme="dark"] #lightcase-case h2,
html[data-restaurant-theme="dark"] .userline-standart h2,
html[data-restaurant-theme="dark"] #drawing-open,
html[data-restaurant-theme="dark"] .remodal,
html[data-restaurant-theme="dark"] .photo-swiper,
html[data-restaurant-theme="dark"] .crd-bottom,
html[data-restaurant-theme="dark"]:not(.is-panel):not(.is-design) body[data-widget-type='2']:not(.address-disabled)[data-mobile='items'] #drawing,
html[data-restaurant-theme="dark"]:not(.is-panel):not(.is-design) body[data-widget-type='2']:not(.address-disabled)[data-mobile='scheme'] #drawing {
    background: linear-gradient(90deg, #0A0A0A 0%, #222222 100%);
}

html[data-restaurant-theme="dark"] #leftmodal,
html[data-restaurant-theme="dark"] .leftmodal .leftmodal-wrapper a:not(.btn),
html[data-restaurant-theme="dark"] .userline-dont-reserv a,
html[data-restaurant-theme="dark"] .remodal,
html[data-restaurant-theme="dark"] .remodal a,
html[data-restaurant-theme="dark"] #drawing-open,
html[data-restaurant-theme="dark"] #drawing-open a,
html[data-restaurant-theme="dark"] #leftmodal a.btn-inverse,
html[data-restaurant-theme="dark"] #drawing-open .js-loading,
html[data-restaurant-theme="dark"] .leftmodal-wrapper > .js-loading,
html[data-restaurant-theme="dark"] #drawing-open .open-menu-head,
html[data-restaurant-theme="dark"] .userline-standart h2 {
    color: white;
}

html[data-restaurant-theme="dark"] .tab-time-m,
html[data-restaurant-theme="dark"] .tab-time-h,
html[data-restaurant-theme="dark"] #lightcase-case h2,
html[data-restaurant-theme="dark"] .userline-standart h2,
html[data-restaurant-theme="dark"] #drawing-open .open-menu-head,
html[data-restaurant-theme="dark"] .crd-bottom {
    border-color: rgba(255, 255, 255, 0.2);
}

html[data-restaurant-theme="dark"] span.text-points,
html[data-restaurant-theme="dark"] .text-points span,
html[data-restaurant-theme="dark"] .userline-busy-line,
html[data-restaurant-theme="dark"] .btn-reserv-line,
html[data-restaurant-theme="dark"] .dopen-title-second .dopen-step-1:before,
html[data-restaurant-theme="dark"] #drawing-open .time-step > span,
html[data-restaurant-theme="dark"] #drawing-open .tp-1,
html[data-restaurant-theme="dark"] #drawing-open .tp-2,
html[data-restaurant-theme="dark"] #drawing-open .time-after span,
html[data-restaurant-theme="dark"] #drawing-open .time-before span,
html[data-restaurant-theme="dark"] .userline-close:before,
html[data-restaurant-theme="dark"] .userline-close:after,
html[data-restaurant-theme="dark"] .userline-close span,
html[data-restaurant-theme="dark"] .dopen-close:before,
html[data-restaurant-theme="dark"] .dopen-close:after,
html[data-restaurant-theme="dark"] .address-item a:before,
html[data-restaurant-theme="dark"] .address-item a:after,
html[data-restaurant-theme="dark"] .section:before,
html[data-restaurant-theme="dark"] .section:after,
html[data-restaurant-theme="dark"] .item:after,
html[data-restaurant-theme="dark"] .userform-bottom:before,
html[data-restaurant-theme="dark"] .leftmodal-wrapper[data-type='card']:before,
html[data-restaurant-theme="dark"] .userline-back span,
html[data-restaurant-theme="dark"] .userline-back:before,
html[data-restaurant-theme="dark"] .userline-back:after {
    background: #FFFFFF;
}

html[data-restaurant-theme="dark"] .user-tab-h,
html[data-restaurant-theme="dark"] .tab-active .user-tab-m,
html[data-restaurant-theme="dark"] .user-hsel-body,
html[data-restaurant-theme="dark"] #drawing-open .open-menu-head,
html[data-restaurant-theme="dark"] .address-status,
html[data-restaurant-theme="dark"] .user-btn:not(.btn-disabled):not(.active):hover:before,
html[data-restaurant-theme="dark"] .interval-btn:not(.interval-disabled):not(.interval-active):hover:before,
html[data-restaurant-theme="dark"] #leftmodal a.btn-inverse:hover,
html[data-restaurant-theme="dark"] .input-field input[type='text'],
html[data-restaurant-theme="dark"] .input-field input[type='number'],
html[data-restaurant-theme="dark"] .input-field input[type='tel'],
html[data-restaurant-theme="dark"] .input-select .rp-select,
html[data-restaurant-theme="dark"] .input-field textarea,
html[data-restaurant-theme="dark"] .userline-code-send {
    background: rgb(135 135 135 / 10%);
}

html[data-restaurant-theme="dark"] .userline-standart h2 {
    box-shadow: inset 1px 0 0 0px rgba(255, 255, 255, 0.2), inset 0px 1px 0 0px rgba(255, 255, 255, 0.2), inset -1px 0px 0 0px rgba(255, 255, 255, 0.2);
}

html[data-restaurant-theme="dark"] .leftmodal-wrapper,
html[data-restaurant-theme="dark"] .remodal,
html[data-restaurant-theme="dark"] #modal-content-content:before {
    box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.2);
}

html[data-restaurant-theme="dark"] .interer-item img {
    filter: brightness(0.5) grayscale(1);
}

/* user-hours .user-btn gradients - background layer */
html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+1) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -17%, #222222 335%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+2) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -127%, #222222 227%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+3) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -235%, #222222 117%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+4) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -235%, #222222 117%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+5) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -235%, #222222 117%);
}

/* user-hours .user-btn - outer element */
html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+1) {
    background: linear-gradient(90deg, #898B94 -17%, #B7BFC8 335%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+2) {
    background: linear-gradient(90deg, #898B94 -127%, #B7BFC8 227%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+3) {
    background: linear-gradient(90deg, #898B94 -235%, #B7BFC8 117%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+4) {
    background: linear-gradient(90deg, #898B94 -235%, #B7BFC8 117%);
}

html[data-restaurant-theme="dark"] .user-hours .user-btn:nth-child(5n+5) {
    background: linear-gradient(90deg, #898B94 -235%, #B7BFC8 117%);
}

/* buttons, tabs, calendar - dark theme accent */
html[data-restaurant-theme="dark"] a.btn,
html[data-restaurant-theme="dark"] span.btn input,
html[data-restaurant-theme="dark"] span.btn button,
html[data-restaurant-theme="dark"] .user-btn.active:not(.btn-disabled),
html[data-restaurant-theme="dark"] .interval-btn.interval-active:not(.interval-disabled),
html[data-restaurant-theme="dark"] .remodal span.btn button,
html[data-restaurant-theme="dark"] #leftmodal .user-month-wrapper a,
html[data-restaurant-theme="dark"] #leftmodal .pignose-calendar-top-month,
html[data-restaurant-theme="dark"] #leftmodal .pignose-calendar-top-year,
html[data-restaurant-theme="dark"] #leftmodal .pignose-calendar .pignose-calendar-header,
html[data-restaurant-theme="dark"] #leftmodal .mdl-wrapper {
    color: #171818;
}

html[data-restaurant-theme="dark"] a.btn,
html[data-restaurant-theme="dark"] span.btn,
html[data-restaurant-theme="dark"] .tab-time-background,
html[data-restaurant-theme="dark"] .user-btn,
html[data-restaurant-theme="dark"] .remodal span.btn,
html[data-restaurant-theme="dark"] #leftmodal .user-month-wrapper,
html[data-restaurant-theme="dark"] #leftmodal .mdl-wrapper,
html[data-restaurant-theme="dark"] #leftmodal .rp-select .list,
html[data-restaurant-theme="dark"] #drawing-open .context-menu,
html[data-restaurant-theme="dark"] #drawing-open a.btn,
html[data-restaurant-theme="dark"] .variable-item.active,
html[data-restaurant-theme="dark"] [data-item]:not(.item-added) .count-actions[data-type='plus'] {
    background: linear-gradient(90deg, #898B94 0%, #B7BFC8 100%);
}

/* ========== Дополнительные подмены #D19D62 / #EABF80 / #B97D46 для контрастного dark-интерфейса ========== */

/* drawing-panel, left-panel, context-menu, certificate - золотые панели → серые */
html[data-restaurant-theme="dark"] .drawing-panel,
html[data-restaurant-theme="dark"] .dev-line,
html[data-restaurant-theme="dark"] .context-menu,
html[data-restaurant-theme="dark"] .user-month-wrapper,
html[data-restaurant-theme="dark"] .rp-select .list,
html[data-restaurant-theme="dark"] .certificate {
    background: linear-gradient(90deg, #3A3D42 0%, #5A5E66 100%) !important;
}

html[data-restaurant-theme="dark"] #left-panel,
html[data-restaurant-theme="dark"] .lpanel-wrapper,
html[data-restaurant-theme="dark"] a.menu-bottom,
html[data-restaurant-theme="dark"] .items-month-body {
    background: linear-gradient(90deg, #3A3D42 0%, #5A5E66 150%) !important;
}

/* interval, widget-down - золотые акценты → серые */
html[data-restaurant-theme="dark"] .cart-noicon .cart-icon-img:before,
html[data-restaurant-theme="dark"] .widget-down-body,
html[data-restaurant-theme="dark"] .widget-down-wrapper:before,
html[data-restaurant-theme="dark"] .interval.selected {
    background: #5A5E66 !important;
}

html[data-restaurant-theme="dark"] .interval {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* accent icons (C02956→d8a76b) - #d8a76b → серебристый для dark */
html[data-restaurant-theme="dark"] .card-item-icn [style*='fill:#C02956'],
html[data-restaurant-theme="dark"] .card-item-icn [fill='#C02956'],
html[data-restaurant-theme="dark"] .swiper-img-icon [style*='fill:#C02956'],
html[data-restaurant-theme="dark"] .swiper-img-icon [fill='#C02956'],
html[data-restaurant-theme="dark"] .cart-icon [style*='fill:#C02956'],
html[data-restaurant-theme="dark"] .cart-icon [fill='#C02956'] {
    fill: #B7BFC8 !important;
}

/* текст/иконки на панелях - #171818 → white для тёмного фона */
html[data-restaurant-theme="dark"] .drawing-panel,
html[data-restaurant-theme="dark"] .dev-line,
html[data-restaurant-theme="dark"] .dev-line a,
html[data-restaurant-theme="dark"] #left-panel,
html[data-restaurant-theme="dark"] #left-panel a,
html[data-restaurant-theme="dark"] .lpanel-wrapper,
html[data-restaurant-theme="dark"] a.menu-bottom,
html[data-restaurant-theme="dark"] .panel-btn a,
html[data-restaurant-theme="dark"] .context-menu-option,
html[data-restaurant-theme="dark"] .pignose-calendar-top-month,
html[data-restaurant-theme="dark"] .pignose-calendar-top-year,
html[data-restaurant-theme="dark"] .pignose-calendar .pignose-calendar-header,
html[data-restaurant-theme="dark"] #leftmodal .user-month-wrapper a,
html[data-restaurant-theme="dark"] .cart-icon-text,
html[data-restaurant-theme="dark"] .widget-down-body a,
html[data-restaurant-theme="dark"] .interval.selected,
html[data-restaurant-theme="dark"] .certificate {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .cart-icon-text {
    color: #171818 !important;
}

html[data-restaurant-theme="dark"] #left-panel svg [fill],
html[data-restaurant-theme="dark"] .panel-btn svg [fill] {
    fill: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] #burger span,
html[data-restaurant-theme="dark"] #burger span:before,
html[data-restaurant-theme="dark"] #burger span:after,
html[data-restaurant-theme="dark"] .lpanel-item-btn:before,
html[data-restaurant-theme="dark"] .lpanel-item-btn:after,
html[data-restaurant-theme="dark"] .left-panel-cls:before,
html[data-restaurant-theme="dark"] .left-panel-cls:after,
html[data-restaurant-theme="dark"] .panel-close:before,
html[data-restaurant-theme="dark"] .panel-close:after,
html[data-restaurant-theme="dark"] .panel-btn-line,
html[data-restaurant-theme="dark"] .widget-down:before,
html[data-restaurant-theme="dark"] .widget-down:after,
html[data-restaurant-theme="dark"] .calendar-btn-have:not(.pignose-calendar-unit-disabled):after {
    background: #FFFFFF !important;
}

/* borders rgba(23,24,24,0.2) → rgba(255,255,255,0.2) */
html[data-restaurant-theme="dark"] .pignose-calendar .pignose-calendar-header,
html[data-restaurant-theme="dark"] .lpanel-item,
html[data-restaurant-theme="dark"] .lpanel-back,
html[data-restaurant-theme="dark"] .lpanel-top,
html[data-restaurant-theme="dark"] #left-panel-wrapper,
html[data-restaurant-theme="dark"] a.menu-bottom,
html[data-restaurant-theme="dark"] .panel-btn + .panel-btn,
html[data-restaurant-theme="dark"] .context-menu-option:not(:last-child),
html[data-restaurant-theme="dark"] .rp-select .option:not(:last-child) {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

/* calendar active bg - #171818 → серебристый для контраста, текст тёмный */
html[data-restaurant-theme="dark"] .pignose-calendar .pignose-calendar-unit-active a {
    background: linear-gradient(90deg, #898B94 0%, #B7BFC8 100%) !important;
    color: #171818 !important;
}

html[data-restaurant-theme="dark"] .context-menu-option:hover,
html[data-restaurant-theme="dark"] .rp-select .option:hover,
html[data-restaurant-theme="dark"] .widget-down-body a:hover {
    background: rgba(255, 255, 255, 0.1) !important;
}

html[data-restaurant-theme="dark"] .context-menu-option.active,
html[data-restaurant-theme="dark"] .rp-select .option.focus {
    background: rgba(255, 255, 255, 0.2) !important;
}

html[data-restaurant-theme="dark"] .items-month-body,
html[data-restaurant-theme="dark"] .items-month-body a {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .calendar-today:not(.pignose-calendar-unit-active):before {
    box-shadow: inset 0 0 0px 1px rgba(255, 255, 255, 0.3) !important;
}

html[data-restaurant-theme="dark"] .pignose-calendar-unit-active.calendar-btn-have:after {
    background: #FFFFFF !important;
}

/* card/swiper icons - fill white → белый на тёмном */
html[data-restaurant-theme="dark"] .card-item-icn [style*='fill:#FFFFFF'],
html[data-restaurant-theme="dark"] .card-item-icn [fill='#FFFFFF'],
html[data-restaurant-theme="dark"] .card-item-icn [fill='white'],
html[data-restaurant-theme="dark"] .swiper-img-icon [style*='fill:#FFFFFF'],
html[data-restaurant-theme="dark"] .swiper-img-icon [fill='#FFFFFF'],
html[data-restaurant-theme="dark"] .swiper-img-icon [fill='white'] {
    fill: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .cart-icon[data-type='item'] [fill='white'] {
    fill: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .cart-icon[data-type='item'][data-status='busy'] [fill='white'] {
    fill: rgba(255, 255, 255, 0.6) !important;
}

html[data-restaurant-theme="dark"] .card-img [stroke='white'],
html[data-restaurant-theme="dark"] .swiper-img-icon [stroke='white'],
html[data-restaurant-theme="dark"] .panel-btn svg [stroke],
html[data-restaurant-theme="dark"] #left-panel svg [stroke] {
    stroke: #FFFFFF !important;
}

/* userform-time tabs - градиенты #D19D62/#EABF80 → серые */
html[data-restaurant-theme="dark"] .userform-time .tabs .tab.tab-1 a:after {
    background: linear-gradient(90deg, #5A5E66 -13.38%, #898B94 224.65%) !important;
}

html[data-restaurant-theme="dark"] .userform-time .tabs .tab.tab-2 a:after {
    background: linear-gradient(90deg, #5A5E66 -124.65%, #898B94 113.38%) !important;
}

/* user-btn-dntknw (не знаю) - золотой → серый */
html[data-restaurant-theme="dark"] .user-btn-dntknw .user-btn-background {
    background: linear-gradient(90deg, #5A5E66 0%, #898B94 100%) !important;
}

/* address-item-have-photo - #e1b375 → серый */
html[data-restaurant-theme="dark"] .address-item-have-photo .address-status {
    background: #6B6F76 !important;
}

/* user-minutes .user-btn .user-btn-background - градиенты */
html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+1) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -24%, #222222 457%) !important;
}

html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+2) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -134%, #222222 347%) !important;
}

html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+3) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -247%, #222222 234%) !important;
}

html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+4) .user-btn-background {
    background: linear-gradient(90deg, #0A0A0A -357%, #222222 124%) !important;
}

/* user-minutes .user-btn outer, interval-btn outer */
html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+1),
html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+2),
html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+3),
html[data-restaurant-theme="dark"] .user-minutes .user-btn:nth-child(4n+4) {
    background: linear-gradient(90deg, #898B94 0%, #B7BFC8 100%) !important;
}

html[data-restaurant-theme="dark"] .user-hours.user-hours-step .user-btn:nth-child(3n+1),
html[data-restaurant-theme="dark"] .interval-btn:nth-child(3n+1) {
    background: linear-gradient(90deg, #898B94 -17%, #B7BFC8 335%) !important;
}

html[data-restaurant-theme="dark"] .user-hours.user-hours-step .user-btn:nth-child(3n+2),
html[data-restaurant-theme="dark"] .interval-btn:nth-child(3n+2) {
    background: linear-gradient(90deg, #898B94 -127%, #B7BFC8 227%) !important;
}

html[data-restaurant-theme="dark"] .user-hours.user-hours-step .user-btn:nth-child(3n+3),
html[data-restaurant-theme="dark"] .interval-btn:nth-child(3n+3) {
    background: linear-gradient(90deg, #898B94 -235%, #B7BFC8 117%) !important;
}

/* input-field, input-select - rgba(23,24,24,...) → rgba(255,255,255,...) */
html[data-restaurant-theme="dark"] .input-field label,
html[data-restaurant-theme="dark"] .input-select label {
    color: rgba(255, 255, 255, 0.6) !important;
}

html[data-restaurant-theme="dark"] .input-field input[type='text'],
html[data-restaurant-theme="dark"] .input-field input[type='number'],
html[data-restaurant-theme="dark"] .input-field input[type='tel'],
html[data-restaurant-theme="dark"] .input-select .rp-select,
html[data-restaurant-theme="dark"] .input-field textarea,
html[data-restaurant-theme="dark"] .userline-code-send {
    background: rgba(255, 255, 255, 0.1) !important;
}

html[data-restaurant-theme="dark"] .input-field input[type='text']:hover,
html[data-restaurant-theme="dark"] .input-field input[type='tel']:hover,
html[data-restaurant-theme="dark"] .input-field:hover input[type='text'],
html[data-restaurant-theme="dark"] .input-field:hover input[type='tel'],
html[data-restaurant-theme="dark"] .input-select .rp-select:hover,
html[data-restaurant-theme="dark"] .input-field textarea:hover {
    background: rgba(255, 255, 255, 0.15) !important;
}

html[data-restaurant-theme="dark"] .dopen-name,
html[data-restaurant-theme="dark"] .politika-checkbox input {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-restaurant-theme="dark"] .btn-disabled .user-btn-background,
html[data-restaurant-theme="dark"] .section {
    background: rgba(255, 255, 255, 0.1) !important;
}

html[data-restaurant-theme="dark"] .interval-btn.interval-disabled {
    background: rgba(255, 255, 255, 0.2) !important;
}

html[data-restaurant-theme="dark"] .photo-item {
    background: rgba(255, 255, 255, 0.15) !important;
}

html[data-restaurant-theme="dark"] .address-item,
html[data-restaurant-theme="dark"] .input-field input[readonly],
html[data-restaurant-theme="dark"] [data-item][data-count='1'] .count-actions[data-type='minus'] {
    background: rgba(255, 255, 255, 0.2) !important;
}

html[data-restaurant-theme="dark"] .address-item:hover {
    background: rgba(255, 255, 255, 0.25) !important;
}

html[data-restaurant-theme="dark"] .userline-dont-reserv,
html[data-restaurant-theme="dark"] .userline-sms-text a {
    border-color: rgba(255, 255, 255, 0.4) !important;
}

html[data-restaurant-theme="dark"] .user-btn svg [fill],
html[data-restaurant-theme="dark"] .userline-deposit svg [fill],
html[data-restaurant-theme="dark"] .address-metro svg [fill],
html[data-restaurant-theme="dark"] .userline-date-reserve [fill],
html[data-restaurant-theme="dark"] .userline-info-svg [fill],
html[data-restaurant-theme="dark"] .event-icon [fill],
html[data-restaurant-theme="dark"] .input-select-date [fill],
html[data-restaurant-theme="dark"] .userform-time [fill] {
    fill: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .userline-deposit svg [stroke],
html[data-restaurant-theme="dark"] .userline-code svg [stroke],
html[data-restaurant-theme="dark"] #drawing-open .open-menu-head svg [stroke],
html[data-restaurant-theme="dark"] .userline-info-svg [stroke],
html[data-restaurant-theme="dark"] .userform-time [stroke] {
    stroke: #FFFFFF !important;
}

/* rezervamasa-btn (зелёная кнопка) - чуть приглушить для dark */
html[data-restaurant-theme="dark"] #rezervamasa-btn,
html[data-restaurant-theme="dark"] #rezervamasa-btn-banquet {
    background: linear-gradient(90deg, #3D8B7A 0%, #5AA86A 100%) !important;
    color: #FFFFFF !important;
}

/* cart-noicon busy/unchecked - #ab7f50, #433535 → dark-совместимые */
html[data-restaurant-theme="dark"] .cart-noicon[data-status='busy'] .cart-icon-img:before {
    background: #6B6F76 !important;
}

html[data-restaurant-theme="dark"] .cart-noicon.cart-icon-unchecked .cart-icon-img:after {
    background: #3A3D42 !important;
}

/* ========== Чек брони (.result .rm-receipt) — контраст в тёмной теме ========== */

html[data-restaurant-theme="dark"] .remodal .result {
    color: #E5E7EB;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt {
    background: #1E2022 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt::before {
    background: #F59E0B !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt.rm-receipt--confirmed::before {
    background: #34D399 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt.rm-receipt--cancelled::before {
    background: #EF4444 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-header {
    background: #25282C !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-icon-wrapper {
    background: rgba(255, 255, 255, 0.12) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-icon {
    color: #F59E0B !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-header--confirmed .rm-receipt-icon {
    color: #34D399 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-header--cancelled .rm-receipt-icon {
    color: #EF4444 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-title {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-subtitle {
    color: rgba(255, 255, 255, 0.75) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-confirmation-hint {
    color: rgba(255, 255, 255, 0.6) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-badge--pending {
    background: rgba(245, 158, 11, 0.25) !important;
    color: #FCD34D !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-badge--confirmed {
    background: rgba(52, 211, 153, 0.25) !important;
    color: #6EE7B7 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-badge--cancelled {
    background: rgba(239, 68, 68, 0.25) !important;
    color: #FCA5A5 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-row:nth-child(even):not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-label {
    color: rgba(255, 255, 255, 0.65) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-value {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-link {
    color: #93C5FD !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-link:hover {
    color: #BFDBFE !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-toggle {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.25) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-toggle:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note {
    background: rgba(255, 255, 255, 0.08) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note-icon {
    color: #38BDF8 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note-title {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note-text,
html[data-restaurant-theme="dark"] .remodal .rm-receipt-note--telegram-linked .rm-receipt-note-text {
    color: rgba(255, 255, 255, 0.8) !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-note-btn:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-action-btn {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-action-btn--secondary:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-action-btn--secondary:focus {
    outline-color: #93C5FD !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-action-btn--cancel {
    background: transparent !important;
    border-color: #F87171 !important;
    color: #FCA5A5 !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-action-btn--cancel:hover {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: #F87171 !important;
    color: #FECACA !important;
}

/* диалог подтверждения отмены (inline в JS) */
html[data-restaurant-theme="dark"] .remodal .rm-receipt-cancel-confirm {
    color: #E5E7EB !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-cancel-btn--no {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .rm-receipt-cancel-btn--yes {
    background: #EF4444 !important;
    color: #FFFFFF !important;
}

/* Кнопка «Понятно» (remodal-confirm) — белый текст для контраста в dark */
html[data-restaurant-theme="dark"] .remodal .remodal-confirm,
html[data-restaurant-theme="dark"] .remodal .btn .remodal-confirm,
html[data-restaurant-theme="dark"] .remodal span.btn button.remodal-confirm {
    color: #FFFFFF !important;
}

html[data-restaurant-theme="dark"] .remodal .remodal-confirm:hover,
html[data-restaurant-theme="dark"] .remodal .btn .remodal-confirm:hover {
    color: #FFFFFF !important;
}