/* Ready Food — дизайн-слой «3D» (04.11.2026). Подключается ПОСЛЕДНИМ на всех страницах
   (клиент, админ, продавец, курьер). Меняет только внешний вид: глубину, свет, стекло, анимации.
   Размеры, порядок и разметку не трогает — ничего не налезает (правило владельца).
   Тяжёлое размытие (backdrop-filter) — только на шапке, меню, шторке и плашке корзины, чтобы не тормозили слабые телефоны. */

:root{
  --rf-y1:#FFE86A; --rf-y2:#FFD21F; --rf-y3:#F2B705; --rf-lip:#C79300;
  --rf-glass:rgba(30,30,36,.72); --rf-edge:rgba(255,255,255,.07); --rf-hi:rgba(255,255,255,.06);
  --rf-depth:0 1px 0 var(--rf-hi) inset, 0 18px 36px -22px rgba(0,0,0,.9), 0 4px 10px -4px rgba(0,0,0,.5);
}

/* ---------- фон: тёплое свечение сверху, графит снизу ---------- */
html{background:#121214}
html body{background:transparent!important}
html body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(120% 60% at 85% -10%,rgba(255,196,0,.13),transparent 60%),
    radial-gradient(90% 50% at -10% 10%,rgba(232,128,28,.10),transparent 60%),
    radial-gradient(100% 70% at 50% 120%,rgba(70,70,90,.25),transparent 70%),
    linear-gradient(180deg,#17171A,#111113)}
html body.light::before{
  background:
    radial-gradient(120% 60% at 85% -10%,rgba(255,206,40,.22),transparent 60%),
    radial-gradient(90% 50% at -10% 10%,rgba(255,150,60,.12),transparent 60%),
    linear-gradient(180deg,#F7F7FA,#EEF0F4)}
html:has(body.light){background:#F3F4F7}

/* ---------- поверхности: свет сверху, мягкая глубина ---------- */
html body .card,html body .stat,html body .citem,html body .box,html body .modal-box,html body .scart-row{
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012)) ,var(--card)!important;
  border:1px solid var(--rf-edge)!important;box-shadow:var(--rf-depth)!important}
html body.light .card,html body.light .stat,html body.light .citem,html body.light .box,html body.light .modal-box,html body.light .scart-row{
  background:linear-gradient(180deg,#FFFFFF,#FBFBFD)!important;border:1px solid rgba(20,24,31,.06)!important;
  box-shadow:0 1px 0 #fff inset,0 18px 34px -24px rgba(20,24,31,.35),0 3px 8px -4px rgba(20,24,31,.12)!important}

/* герой статистики: объёмная карта с бликом */
html body .hero{
  background:radial-gradient(120% 120% at 100% 0%,rgba(255,210,31,.28),transparent 55%),
    linear-gradient(150deg,#2A2418,#1A1714 60%,#141316)!important;
  border:1px solid rgba(255,214,90,.14)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 24px 44px -24px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.2)!important}
html body.light .hero{background:radial-gradient(120% 120% at 100% 0%,rgba(255,210,31,.45),transparent 55%),linear-gradient(150deg,#FFF8E1,#FFFFFF)!important;
  border-color:rgba(242,183,5,.25)!important}

/* ---------- шапка, меню, шторка: матовое стекло ---------- */
html body header,html body .chead{background:var(--rf-glass)!important;
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  border-bottom:1px solid var(--rf-edge)!important}
html body .toolbar{background:rgba(18,18,20,.6)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--rf-edge)!important}
html body.light header,html body.light .chead{background:rgba(255,255,255,.78)!important;border-bottom:1px solid rgba(20,24,31,.07)!important}
html body.light .toolbar{background:rgba(243,244,247,.75)!important}
html body .drawer{background:rgba(28,28,33,.9)!important;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
  border-right:1px solid var(--rf-edge)}
html body.light .drawer{background:rgba(255,255,255,.92)!important}
html body .sheet-card{background:linear-gradient(180deg,#232329,#1B1B20)!important;border-top:1px solid var(--rf-edge)}
html body.light .sheet-card{background:#fff!important}

/* ---------- кнопки: объёмная «таблетка» с бликом и бортиком ---------- */
html body .btn{position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--rf-y1),var(--rf-y2) 55%,var(--rf-y3))!important;color:#17130A!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -2px 0 rgba(0,0,0,.08) inset,0 3px 0 var(--rf-lip),0 12px 22px -10px rgba(255,190,0,.55)!important;
  transition:transform .14s cubic-bezier(.2,.7,.3,1),box-shadow .14s ease,filter .14s}
html body .btn::after{content:"";position:absolute;left:8%;right:8%;top:1px;height:45%;border-radius:999px;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(255,255,255,0))}
html body .btn:active{transform:translateY(2px);filter:brightness(.98);
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 1px 0 var(--rf-lip),0 6px 12px -8px rgba(255,190,0,.5)!important}
html body .btn.sec{background:linear-gradient(180deg,#3A3A42,#2A2A31)!important;color:var(--ink,#F4F4F5)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 3px 0 #151518,0 10px 18px -12px rgba(0,0,0,.8)!important}
html body .btn.sec::after{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0))}
html body .btn.red{background:linear-gradient(180deg,#FF7A63,#F5533D 55%,#DC3B26)!important;color:#fff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 3px 0 #9F2C1B,0 12px 22px -10px rgba(245,83,61,.55)!important}
html body .btn.sec:active,html body .btn.red:active{transform:translateY(2px)}
html body.light .btn.sec{background:linear-gradient(180deg,#FFFFFF,#EEF0F4)!important;color:#191C22!important;
  box-shadow:0 1px 0 #fff inset,0 3px 0 #D3D7DE,0 10px 18px -14px rgba(20,24,31,.4)!important}
html body .btn:disabled{filter:grayscale(.4) brightness(.8)}

/* ---------- переключатели, чипсы, вкладки: мягкие плитки ---------- */
html body .seg button,html body .chip,html body .tab,html body .ochip,html body .obtn,html body .back,html body .filebtn,html body .pi-del{
  background:linear-gradient(180deg,#34343C,#2A2A31)!important;border:1px solid var(--rf-edge)!important;color:var(--ink,#F4F4F5)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 6px 12px -8px rgba(0,0,0,.8)!important;
  transition:transform .12s ease,box-shadow .15s ease,background .15s}
html body .chip,html body .ochip{color:var(--muted)!important}
html body .seg button:active,html body .chip:active,html body .tab:active,html body .ochip:active,html body .obtn:active{transform:translateY(1px) scale(.98)}
html body .seg button.on,html body .chip.on,html body .tab.on,html body .ochip.on,html body .langs button.on{
  background:linear-gradient(180deg,var(--rf-y1),var(--rf-y2))!important;color:#17130A!important;border-color:rgba(255,220,80,.6)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 8px 16px -8px rgba(255,190,0,.65)!important}
html body.light .seg button,html body.light .chip,html body.light .tab,html body.light .ochip,html body.light .obtn,html body.light .back,html body.light .filebtn,html body.light .pi-del{
  background:linear-gradient(180deg,#FFFFFF,#F1F2F6)!important;border:1px solid rgba(20,24,31,.08)!important;color:#191C22!important;
  box-shadow:0 1px 0 #fff inset,0 6px 12px -10px rgba(20,24,31,.35)!important}
html body.light .seg button.on,html body.light .chip.on,html body.light .tab.on,html body.light .ochip.on{
  background:linear-gradient(180deg,var(--rf-y1),var(--rf-y2))!important;color:#17130A!important}
html body .obtn.accept{background:linear-gradient(180deg,#4A3A1C,#3A2E17)!important;color:#FFC94A!important;border-color:rgba(255,190,60,.35)!important}
html body .obtn.ready,html body .obtn.done{background:linear-gradient(180deg,#17402E,#123626)!important;color:#3BD889!important;border-color:rgba(37,194,110,.35)!important}

/* ---------- поля ввода: утоплены в поверхность ---------- */
html body input[type=text],html body input[type=tel],html body input[type=password],html body input[type=number],
html body input[type=date],html body input[type=time],html body select,html body textarea,html body .addr-inp,html body .phone{
  background:linear-gradient(180deg,#1C1C21,#222228)!important;border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.45),0 1px 0 rgba(255,255,255,.04)!important;transition:border-color .15s,box-shadow .15s}
html body .phone input{background:transparent!important;box-shadow:none!important;border:none!important}
/* поля внутри панели фильтров (период, поиск) — без своей рамки, рамка у обёртки */
html body .toolbar input,html body.light .toolbar input{background:transparent!important;box-shadow:none!important;border:none!important}
html body .daterange,html body .search-icon{background:linear-gradient(180deg,#2E2E35,#26262C)!important;border:1px solid var(--rf-edge)!important;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 6px 12px -8px rgba(0,0,0,.8)!important}
html body.light .daterange,html body.light .search-icon{background:#fff!important;border:1px solid rgba(20,24,31,.08)!important;box-shadow:0 6px 12px -10px rgba(20,24,31,.35)!important}
html body input:focus,html body select:focus,html body textarea:focus,html body .phone:focus-within{
  border-color:rgba(255,210,31,.75)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.4),0 0 0 3px rgba(255,210,31,.16),0 0 18px -4px rgba(255,210,31,.35)!important}
html body.light input[type=text],html body.light input[type=tel],html body.light input[type=password],html body.light input[type=number],
html body.light input[type=date],html body.light select,html body.light textarea,html body.light .phone{
  background:#F5F6F9!important;border:1px solid rgba(20,24,31,.08)!important;box-shadow:inset 0 2px 4px rgba(20,24,31,.07)!important}
html body.light .phone input{background:transparent!important;box-shadow:none!important}
html body.light input:focus,html body.light select:focus,html body.light textarea:focus,html body.light .phone:focus-within{
  border-color:var(--rf-y3)!important;box-shadow:inset 0 2px 4px rgba(20,24,31,.06),0 0 0 3px rgba(255,210,31,.28)!important}

/* ---------- меню (drawer): объёмные иконки, светящийся активный пункт ---------- */
html body .navitem{border-radius:12px;transition:background .15s,transform .12s}
html body .navitem:active{transform:scale(.98)}
html body .navitem .ic{background:linear-gradient(145deg,#3A3A43,#26262C)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 5px 10px -6px rgba(0,0,0,.8)}
html body .navitem.active{background:linear-gradient(180deg,var(--rf-y1),var(--rf-y2))!important;color:#17130A!important;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 18px -10px rgba(255,190,0,.7)!important}
html body .navitem.active .ic{background:rgba(255,255,255,.55)!important;box-shadow:none}
html body.light .navitem .ic{background:linear-gradient(145deg,#FFFFFF,#ECEEF2)!important;box-shadow:0 1px 0 #fff inset,0 4px 8px -5px rgba(20,24,31,.3)}

/* ---------- витрина клиента: карточки блюд с объёмом ---------- */
html body .prod .ph{border-radius:20px;
  background-color:#24242A;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 18px 30px -18px rgba(0,0,0,.95),0 4px 10px -4px rgba(0,0,0,.5)!important;
  transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s}
html body .prod .ph::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 40%,rgba(0,0,0,.18))}
html body .prod:active .ph{transform:translateY(-2px) scale(1.02)}
html body .prod .add{z-index:1;background:radial-gradient(circle at 35% 28%,#FFF6B8,var(--rf-y2) 55%,var(--rf-y3))!important;color:#17130A!important;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 3px 0 var(--rf-lip),0 10px 16px -6px rgba(0,0,0,.6)!important}
html body .prod .add:active{transform:translateY(2px) scale(.92)}
html body .combo-badge{background:linear-gradient(180deg,#FF7A63,#E2412B)!important;box-shadow:0 4px 10px -4px rgba(226,65,43,.7)}
html body.light .prod .ph{background-color:#ECEEF2!important;box-shadow:0 1px 0 #fff inset,0 16px 28px -20px rgba(20,24,31,.45)!important}

/* плашка корзины: стеклянная жёлтая с бликом */
html body .cartbar{background:linear-gradient(180deg,rgba(255,232,106,.97),rgba(255,210,31,.97))!important;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 3px 0 var(--rf-lip),0 20px 36px -14px rgba(0,0,0,.75)!important}
html body .qty,html body .stepper{background:linear-gradient(180deg,#1C1C21,#24242A)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.45)}
html body.light .qty,html body.light .stepper{background:#EEF0F4!important;box-shadow:inset 0 2px 4px rgba(20,24,31,.08)}

/* статусы и метки — маленькие «таблетки» */
html body .tag,html body .ostatus{box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 4px 8px -5px rgba(0,0,0,.6)!important}

/* всплывающее сообщение: стекло */
html body .toast{background:rgba(20,20,24,.82)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 18px 40px -16px rgba(0,0,0,.9)}
html body .toast.err{background:rgba(220,59,38,.92)!important}

/* экран входа: глубокий фон с бликом */
html body .login,html body #loginScreen,html body #loginView{
  background:radial-gradient(90% 60% at 80% 0%,rgba(255,200,30,.18),transparent 60%),
    radial-gradient(80% 60% at 0% 100%,rgba(232,128,28,.14),transparent 60%),#101012!important}
html body.light .login,html body.light #loginScreen,html body.light #loginView{
  background:radial-gradient(90% 60% at 80% 0%,rgba(255,210,40,.35),transparent 60%),#F3F4F7!important}

/* ---------- плавность: страница и карточки появляются мягко ---------- */
@keyframes rfUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
html body .page.active>.card,html body .page.active>.statgrid,html body .page.active>.hero,html body .citem{animation:rfUp .32s cubic-bezier(.2,.7,.3,1) both}
html body .page.active>.card:nth-child(3){animation-delay:.04s}
html body .page.active>.card:nth-child(4){animation-delay:.08s}
html body .page.active>.card:nth-child(n+5){animation-delay:.12s}

/* тонкая полоса прокрутки на компьютере */
*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
body.light *{scrollbar-color:rgba(20,24,31,.2) transparent}

@media (prefers-reduced-motion:reduce){
  html body *{animation:none!important;transition:none!important}
}

/* ---------- шапка: закруглённый низ, парит над содержимым (04.11.2026, просьба владельца) ---------- */
html body header,html body .chead{border-radius:0 0 22px 22px;border-bottom:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 30px -14px rgba(0,0,0,.85)!important}
html body.light header,html body.light .chead{border-bottom:none!important;box-shadow:0 12px 28px -16px rgba(20,24,31,.35)!important}
/* админка: шапка + строка фильтров — одна стеклянная плашка, закруглён только низ всей плашки */
html body #topbar{border-radius:0 0 22px 22px;background:var(--rf-glass);
  -webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 14px 30px -14px rgba(0,0,0,.85)}
html body.light #topbar{background:rgba(255,255,255,.82);box-shadow:0 12px 28px -16px rgba(20,24,31,.35)}
html body #topbar header,html body #topbar .toolbar{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;
  border-radius:0;box-shadow:none!important;border-bottom:none!important}
html body #topbar .toolbar{padding-bottom:10px}

/* выпадающие списки и раскрывающиеся меню всегда на переднем плане — ничего не прячется под шапкой или карточками */
html body .lp{z-index:1000!important}
html body .lp-menu{z-index:1000!important}
html body header,html body .chead{z-index:50}
html body #topbar{z-index:50}
html body .drawer-back,html body .overlay{z-index:900!important}
html body .drawer{z-index:950!important}
html body .sheet,html body .modal,html body .mapfull{z-index:960!important}
html body .toast{z-index:990!important}
html body .litepicker{z-index:1000!important}

/* шапка заметно отделена от фона: светлее, с краем и тенью — скругление низа хорошо видно */
html body header,html body .chead,html body #topbar{border-radius:0 0 26px 26px!important}
html body header,html body .chead{background:linear-gradient(180deg,#2A2A31,#232329)!important;
  border:1px solid rgba(255,255,255,.08)!important;border-top:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 16px 30px -10px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.35)!important}
html body #topbar{background:linear-gradient(180deg,#2A2A31,#232329)!important;
  border:1px solid rgba(255,255,255,.08);border-top:none;
  box-shadow:0 1px 0 rgba(255,255,255,.07) inset,0 16px 30px -10px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.35)!important}
html body #topbar header{background:transparent!important;border:none!important;box-shadow:none!important;border-radius:0!important}
html body #topbar header::after{display:none}
html body.light header,html body.light .chead,html body.light #topbar{background:#FFFFFF!important;border:1px solid rgba(20,24,31,.08)!important;border-top:none!important;
  box-shadow:0 14px 28px -14px rgba(20,24,31,.45)!important}
html body.light #topbar header{background:transparent!important;border:none!important;box-shadow:none!important}
/* между шапкой и содержимым небольшой отступ, чтобы скругление было видно */
html body .chead{margin-bottom:8px}
html body header{margin-bottom:8px}
html body #topbar header{margin-bottom:0}

/* ---------- даты: поле «Период» (админ, управляющий, менеджер), календарь, поля «С / По» (продавец) ---------- */
/* внутри рамки «Период» поле без своей подложки — одна цельная кнопка */
html body .daterange input[type=text],html body.light .daterange input[type=text]{
  background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;
  color:var(--ink,#F4F4F5)!important;font-weight:600}
html body .daterange{height:38px;border-radius:12px!important;gap:8px;padding:0 12px!important}
html body .daterange svg{stroke:var(--rf-y2)!important}
html body.light .daterange svg{stroke:var(--rf-lip)!important}
html body .search-icon{width:38px!important;height:38px!important;border-radius:12px!important}
/* календарь в цветах приложения */
:root{--litepicker-container-months-color-bg:#232329;--litepicker-month-header-color:#F4F4F5;--litepicker-button-prev-month-color:#F4F4F5;
  --litepicker-button-next-month-color:#F4F4F5;--litepicker-month-weekday-color:#9C9CA4;--litepicker-day-color:#E4E4E7;
  --litepicker-day-color-hover:#FFD21F;--litepicker-is-today-color:#FFD21F;--litepicker-is-in-range-color:rgba(255,210,31,.16);
  --litepicker-is-start-color:#17130A;--litepicker-is-start-color-bg:#FFD21F;--litepicker-is-end-color:#17130A;--litepicker-is-end-color-bg:#FFD21F}
body.light{--litepicker-container-months-color-bg:#FFFFFF;--litepicker-month-header-color:#191C22;--litepicker-button-prev-month-color:#191C22;
  --litepicker-button-next-month-color:#191C22;--litepicker-month-weekday-color:#5B6472;--litepicker-day-color:#191C22;
  --litepicker-day-color-hover:#C79300;--litepicker-is-today-color:#C79300;--litepicker-is-in-range-color:rgba(255,210,31,.28)}
html body .litepicker .container__months{background:var(--litepicker-container-months-color-bg)!important;border:1px solid var(--rf-edge);
  border-radius:18px!important;overflow:hidden;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 24px 50px -20px rgba(0,0,0,.95)!important}
html body.light .litepicker .container__months{border-color:rgba(20,24,31,.08);box-shadow:0 24px 50px -24px rgba(20,24,31,.45)!important}
html body .litepicker .month-item-header{color:var(--litepicker-month-header-color)!important;font-family:var(--disp)}
html body .litepicker .month-item-header .button-previous-month,html body .litepicker .month-item-header .button-next-month{border-radius:10px}
html body .litepicker .month-item-header svg{fill:var(--litepicker-month-header-color)!important}
html body .litepicker .month-item-weekdays-row>div{color:var(--litepicker-month-weekday-color)!important}
html body .litepicker .day-item{color:var(--litepicker-day-color)!important;border-radius:10px!important}
html body .litepicker .day-item:hover{color:var(--litepicker-day-color-hover)!important;box-shadow:inset 0 0 0 1px var(--rf-y2)!important}
html body .litepicker .day-item.is-today{color:var(--litepicker-is-today-color)!important;font-weight:800}
html body .litepicker .day-item.is-in-range{background:var(--litepicker-is-in-range-color)!important;border-radius:0!important}
html body .litepicker .day-item.is-start-date,html body .litepicker .day-item.is-end-date{
  background:linear-gradient(180deg,var(--rf-y1),var(--rf-y2))!important;color:#17130A!important;font-weight:800;border-radius:10px!important}
/* обычные поля даты (продавец «С / По»): календарь телефона в теме, жёлтый значок */
html body input[type=date]{color-scheme:dark;min-height:40px}
/* 08.11.2026: время брони — как остальные поля */
html body input[type=time]{display:block;width:100%;box-sizing:border-box;padding:12px 14px;border-radius:13px;font-size:16px;font-family:inherit;color:var(--ink,#fff);color-scheme:dark;min-height:46px;outline:none}
html body.light input[type=time]{color-scheme:light;background:#fff!important;border:1px solid rgba(20,24,31,.12)!important;box-shadow:none!important}
html body.light input[type=date]{color-scheme:light}
html body input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.9;
  filter:invert(78%) sepia(80%) saturate(900%) hue-rotate(2deg) brightness(105%)}
html body.light input[type=date]::-webkit-calendar-picker-indicator{filter:invert(55%) sepia(90%) saturate(700%) hue-rotate(10deg) brightness(90%)}

/* 08.11.2026: в тёмной теме пункты выпадающих списков были светлым текстом на белом фоне — не видно */
html body select{color-scheme:dark}
html body select option,html body select optgroup{background-color:#1f1f25;color:#f3f3f5}
html body.light select{color-scheme:light}
html body.light select option,html body.light select optgroup{background-color:#ffffff;color:#14181f}

/* 08.11.2026: плашка итога (.total) — светлый фон + белая сумма в тёмной теме не читались */
html body:not(.light) .total{background:linear-gradient(135deg,rgba(245,197,24,.16),rgba(245,197,24,.05))!important;border:1px solid rgba(245,197,24,.35)!important}
html body:not(.light) .total .lbl{color:#F5C518!important}
html body:not(.light) .total .val{color:#ffffff!important}
html body.light .total .val{color:#14181f!important}

/* 08.11.2026: проверка контраста всех страниц — исправления */
/* «Остаток товара»: число в поле было светлым на белом фоне */
html body:not(.light) .st-inp{background:#1f1f25!important;color:#f3f3f5!important;border:1px solid rgba(255,255,255,.18)!important}
html body.light .st-inp{background:#fff!important;color:#14181f!important}
/* мелкие подписи в карточках статистики — были слишком бледные */
html body:not(.light) .stat .c{color:#a8a8b3!important}
html body.light .stat .c{color:#52525b!important}
/* верхняя плашка (Продажа/Статистика) в светлой теме: подписи были светло-бежевые на светлом */
html body.light .hero .sub,html body.light .hero .sub span{color:#57534e!important}
html body.light .hero .eb{color:#b45309!important}
/* красные кнопки (Удалить/Отклонить): белый текст на светло-красном читался плохо */
html body .btn.red{background:linear-gradient(180deg,#e5484d,#c62828 60%,#a61b1b)!important;color:#fff!important}
/* зелёные метки (Готов, В продаже, онлайн) в светлой теме */
html body.light .tag.ready{color:#15803d!important;background:#dcfce7!important}
/* название в шапке в светлой теме */
html body.light .brand b,html body.light header .brand b,html body.light .drawer .t b{color:#c2410c!important}
/* все поля ввода в тёмной теме — тёмный фон, светлый текст (в карточке сотрудника были серые на белом) */
html body:not(.light) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),
html body:not(.light) textarea,html body:not(.light) select{background-color:#1f1f25!important;color:#f3f3f5!important}
html body:not(.light) input::placeholder,html body:not(.light) textarea::placeholder{color:#8b8b96!important;opacity:1}
/* кнопка «←» на карте у клиента — белая кнопка, значок был светлым и не виден */
html body .mapback{color:#14181f!important}
/* значок «Акция» на карточках — белый текст на светло-красном читался плохо */
html body .combo-badge,html body .ctl-badge:not(.gray){background:linear-gradient(180deg,#e5484d,#c62828)!important;color:#fff!important}
/* 08.11.2026: многострочные поля (комментарий для курьера и др.) — как остальные поля: во всю ширину, скруглённые, выше */
html body textarea{display:block;width:100%!important;box-sizing:border-box;min-height:96px;padding:13px 15px!important;
  border:1px solid var(--line)!important;border-radius:13px!important;font-family:inherit;font-size:16px;line-height:1.4;resize:vertical;outline:none}