/* =====================================================================================================
   Wellness Club · система — дизайн-система (22.10.2026, второй редизайн по просьбе владельца:
   «современно, всё по одной логике: отступы, шрифты, линии, круглые кнопки-пилюли, жёлтый — главный цвет»).

   Правила, по которым сделано всё ниже (не нарушать):
   1. Шаг отступов — 4 px: 4 · 8 · 12 · 16 · 24 · 32 · 48. Других значений нет.
   2. Скругления: карточки 24, вложенные блоки 16, мелочь 12; всё, что нажимается или вводится в одну строку, —
      пилюля (999). Прямых углов нет.
   3. Высота элементов: обычная 40 (кнопки, поля, вкладки), маленькая 32. В одной строке — одной высоты.
   4. Шрифт один — Inter: 400 текст, 500 заголовки и кнопки, 600 только цифры-показатели. Заголовки тонкие и плотные
      (-0.02em), как в современных сайтах. Подписи разделов — маленькая пилюля, без капслока.
   5. Цвет: тёплый светлый фон, белые карточки без рамок, мягкая тень. Жёлтый бренда — главное действие и «выбрано».
      Чёрного нет.
   ===================================================================================================== */
:root{
  --bg:#EFEDE9; --card:#FFFFFF; --card-2:#F7F6F3; --card-3:#F1EFEB;
  --line:#ECE9E4; --line-2:#E0DCD5;
  --text:#2B2825; --muted:#8C867F; --muted-2:#B7B1AA;
  --yellow:#F3D46B; --yellow-2:#EBC54C; --yellow-soft:#FBF2D2; --yellow-ring:rgba(235,197,76,.35);
  --accent:#C9A23A; --accent-2:#8A6E43; --accent-soft:#FBF2D2; --accent-ring:rgba(235,197,76,.35);
  --note:#FBF2D2; --note-line:#F3D46B; --gold:#EBC54C; --beige:#D5CBBC;
  --green:#5E8C61; --green-soft:#EAF2E8; --red:#B4664F; --red-soft:#F8E6E0;
  --r:24px; --r-m:16px; --r-s:12px; --pill:999px;
  --vys:40px; --vys-s:32px;
  --ten:0 1px 2px rgba(43,40,37,.04),0 12px 32px -14px rgba(43,40,37,.12);
  --ten-2:0 2px 4px rgba(43,40,37,.05),0 20px 44px -16px rgba(43,40,37,.18);
  --side:264px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 14.5px/1.55 "Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
a{color:inherit}
::selection{background:var(--yellow-soft)}
b,strong{font-weight:600}

/* ---------- каркас: плавающее боковое меню + содержимое ---------- */
.app{display:flex;min-height:100vh;gap:0}
.side{position:sticky;top:12px;height:calc(100vh - 24px);width:var(--side);flex:none;margin:12px 0 12px 12px;background:var(--card);
  border-radius:var(--r);box-shadow:var(--ten);display:flex;flex-direction:column;z-index:30;overflow:hidden}
.side-logo{display:block;padding:24px 24px 8px;text-decoration:none}
.side-logo span{display:block;font:500 17px/1.1 "Jost",sans-serif;letter-spacing:.24em;white-space:nowrap;color:var(--text)}
.side-logo small{display:block;margin-top:4px;font-size:11.5px;color:var(--muted)}
.side-poisk{padding:12px 16px 0}
.side-poisk input{height:var(--vys);min-height:0;font-size:13.5px;padding:0 16px 0 40px;border:0;background:var(--card-3)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%238C867F' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='M14 14l-3.2-3.2'/%3E%3C/svg%3E") no-repeat 16px center}
.side-plus{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 0}
.side-plus .btn{padding:0 12px}
.side-nav{flex:1;overflow-y:auto;padding:8px 12px 16px;scrollbar-width:thin}
.side-gr{margin:16px 12px 4px;font-size:12px;font-weight:500;color:var(--muted-2)}
.side-gr.on{color:var(--accent-2)}
.side-a{display:flex;align-items:center;gap:12px;height:var(--vys);padding:0 12px;margin:2px 0;border-radius:var(--pill);text-decoration:none;
  color:var(--text);font-size:14px;font-weight:400;transition:background .15s}
.side-a .ik{width:18px;height:18px;flex:none;color:var(--muted)}
.side-a:hover{background:var(--card-2)}
.side-a.on{background:var(--yellow-soft);font-weight:500}
.side-a.on .ik{color:var(--text)}
.side-a .schet{margin-left:auto;font-style:normal;font-size:11.5px;font-weight:600;background:var(--yellow);border-radius:var(--pill);
  min-width:22px;height:22px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.side-niz{padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line)}
.side-niz .side-a{margin:0}
.side-user{display:flex;align-items:center;gap:12px;font-size:14px;padding:4px 4px 0}
.side-user b{flex:1;font-weight:500;display:flex;flex-direction:column;line-height:1.25}
.side-user b small{font-weight:400;font-size:12px;color:var(--muted)}
.ava{width:36px;height:36px;flex:none;border-radius:50%;background:var(--yellow);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:600}
.smena{display:flex;gap:8px;align-items:center;font-size:13px;padding:0 4px}
.smena.otkryta{color:var(--green)}
.glavnoe{flex:1;min-width:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px}
main.wrap{padding-top:32px;padding-bottom:48px}
.mob-bar,.mob-only,.side-ten,.niz-bar,.mob-ik{display:none}

/* ---------- текст ---------- */
h1{font-size:32px;line-height:1.15;margin:0 0 8px;font-weight:500;letter-spacing:-.025em}
h2{font-size:20px;line-height:1.25;margin:32px 0 12px;font-weight:500;letter-spacing:-.015em}
h3{font-size:15px;font-weight:500;margin:16px 0 4px}
.sub{color:var(--muted);font-size:14px;margin:0 0 24px;max-width:72ch}
.muted,.note small{color:var(--muted)}
.over{color:var(--red);font-weight:500}
.green{color:var(--green)}
.empty{color:var(--muted);padding:32px 0;text-align:center}
code{background:var(--card-3);border-radius:8px;padding:2px 8px;font-size:13px}
/* подпись раздела — маленькая пилюля (как «Services» над заголовком) */
.sg-razdel,.pom-z,.vc-razdel,.em-z,.zd-z{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--pill);background:var(--card);
  font-size:12px;font-weight:500;color:var(--muted);box-shadow:var(--ten);margin:32px 0 12px}
.vc-razdel,.em-z{margin:0 0 12px;box-shadow:none;background:var(--card-3)}
.pom-z{margin:0 0 12px}

/* ---------- карточки ---------- */
.box,.card,.sg-card,.vizit-ryad,.rez,.kpi div,.delat,.instr-shag{background:var(--card);border:0;border-radius:var(--r);box-shadow:var(--ten)}
.box{padding:24px;margin-bottom:16px}
.box > b:first-child,.box > .b-head b{font-size:16px;font-weight:500}
.card{padding:16px 20px;display:flex;flex-direction:column;gap:12px}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px}
.top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.name{font-weight:500;font-size:16px;text-decoration:none}
.name:hover{color:var(--accent-2)}
.phone{color:var(--muted);font-size:13px;white-space:nowrap}
.tags{display:flex;flex-wrap:wrap;gap:4px}
.tag{background:var(--card-3);color:var(--text);border-radius:var(--pill);height:24px;padding:0 10px;font-size:12px;display:inline-flex;align-items:center}
.facts{font-size:13.5px;display:grid;grid-template-columns:auto 1fr;gap:4px 16px}
.facts .k{color:var(--muted)}
.note{background:var(--yellow-soft);border:0;border-radius:var(--r-m);padding:8px 12px;font-size:13.5px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.b-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
details summary{cursor:pointer;color:var(--text);font-size:14px;font-weight:500;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::before{content:"+";display:inline-flex;width:20px;height:20px;margin-right:8px;border-radius:50%;background:var(--card-3);
  align-items:center;justify-content:center;font-weight:500;font-size:14px;line-height:1}
details[open] > summary::before{content:"−"}
pre{white-space:pre-wrap;font-size:13px;background:var(--card-2);border:0;border-radius:var(--r-m);padding:12px 16px}

/* сообщения: белая пилюля с точкой-статусом */
.flash{position:relative;background:var(--card);border:0;border-radius:var(--r-m);padding:12px 16px 12px 40px;margin-bottom:16px;box-shadow:var(--ten);font-size:14px}
.flash::before{content:"";position:absolute;left:16px;top:18px;width:10px;height:10px;border-radius:50%;background:var(--yellow-2)}
.flash.err::before{background:var(--red)}
.flash ul{margin:4px 0 0 16px;padding:0}
.flash .btn{margin-left:8px}

/* ---------- кнопки: только пилюли, две высоты ---------- */
.btns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.btn{height:var(--vys);border:1px solid var(--line-2);border-radius:var(--pill);padding:0 20px;font:inherit;font-size:14px;font-weight:500;cursor:pointer;
  text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--card);color:var(--text);line-height:1;
  white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s,transform .1s}
.btn:hover{background:var(--card-2);border-color:var(--muted-2)}
.btn:active{transform:scale(.98)}
.btn:focus-visible{outline:0;box-shadow:0 0 0 4px var(--yellow-ring)}
.btn .ik{width:16px;height:16px}
.btn.main{background:var(--yellow);border-color:var(--yellow);color:var(--text)}
.btn.main:hover{background:var(--yellow-2);border-color:var(--yellow-2)}
.btn.wa{background:var(--green);border-color:var(--green);color:#fff}
.btn.wa:hover{filter:brightness(.95)}
.btn.danger{border-color:#EBCFC6;color:var(--red)}
.btn.danger:hover{background:var(--red-soft)}
.btn.ghost{border-color:transparent;background:none;color:var(--muted)}
.btn.ghost:hover{color:var(--text);background:var(--card-3)}
.btn.gotovo{background:var(--green-soft);border-color:var(--green-soft);color:var(--green)}
.btn.small{height:var(--vys-s);padding:0 14px;font-size:13px}
.btn.shirokaya{width:100%}
.btn br{display:none}
.btn small{font-weight:400;color:var(--muted);font-size:12px}
.btns .btn:has(br){height:auto;min-height:var(--vys);padding:8px 20px;flex-direction:column;gap:2px;line-height:1.2}
.btns .btn:has(br) br{display:block}
button:disabled,.btn:disabled{opacity:.55;cursor:progress}
form.inline{display:inline}
/* числа в кнопках и вкладках — одна жёлтая пилюля везде */
.tg-n,.chip b,.zap-tabs a b{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--pill);
  background:var(--yellow);color:var(--text);font-size:11.5px;font-weight:600;border:0}

/* ---------- поля: одна строка — пилюля, текст — мягкий прямоугольник ---------- */
label{font-size:12.5px;font-weight:500;color:var(--muted);display:flex;flex-direction:column;gap:8px}
textarea,input[type=text],input[type=search],input[type=password],input[type=date],input[type=time],input[type=email],input[type=number],
input[type=month],input[type=tel],select{width:100%;height:var(--vys);border:1px solid var(--line-2);border-radius:var(--pill);padding:0 16px;font:inherit;
  font-size:14.5px;background:var(--card);color:var(--text);transition:border-color .15s,box-shadow .15s}
textarea{height:auto;min-height:96px;border-radius:var(--r-m);padding:12px 16px;font-size:14px;resize:vertical;line-height:1.5}
select{appearance:none;-webkit-appearance:none;padding-right:40px;cursor:pointer;
  background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%238C867F' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 16px center}
textarea:focus,input:focus,select:focus{outline:0;border-color:var(--yellow-2);box-shadow:0 0 0 4px var(--yellow-ring)}
input::placeholder,textarea::placeholder{color:var(--muted-2)}
input[type=checkbox],input[type=radio]{accent-color:var(--yellow-2);width:18px;height:18px;margin:0}
input[type=file]{font:inherit;font-size:13px}
input[type=file]::file-selector-button{height:var(--vys-s);border:1px solid var(--line-2);border-radius:var(--pill);background:var(--card);padding:0 14px;
  font:inherit;font-size:13px;font-weight:500;margin-right:12px;cursor:pointer}
input[readonly]{background:var(--card-2);color:var(--muted)}
.chk{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13.5px;font-weight:400;color:var(--text)}
.chk input{width:auto}
.vazhno input[type=text]{border-color:var(--red);background:#FFF9F7}
.vazhno{color:var(--red)}

/* ---------- фишки и вкладки ---------- */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.chip{height:var(--vys-s);border:1px solid var(--line-2);background:var(--card);border-radius:var(--pill);padding:0 14px;text-decoration:none;font-size:13px;
  font-weight:500;color:var(--text);display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s}
.chip:hover{border-color:var(--muted-2)}
.chip.on{background:var(--yellow);border-color:var(--yellow)}
.chip.on b{background:var(--card)}
.chip input{width:auto;margin:0}
label.chip{flex-direction:row;color:var(--text)}
.chip.zhdem{background:var(--yellow-soft);border-color:var(--yellow-soft)}
.chip.zhdem.on{box-shadow:inset 0 0 0 2px var(--yellow-2)}
.chip.otvetili{background:var(--green-soft);border-color:var(--green-soft)}
.chip.otvetili.on{box-shadow:inset 0 0 0 2px var(--green)}
/* вкладки — сегменты в одной пилюле */
.zap-tabs{display:inline-flex;gap:4px;padding:4px;margin:0 0 24px;background:var(--card-3);border-radius:var(--pill);max-width:100%;overflow-x:auto;scrollbar-width:none}
.zap-tabs::-webkit-scrollbar{display:none}
.zap-tabs a{height:var(--vys-s);padding:0 16px;border-radius:var(--pill);text-decoration:none;color:var(--muted);font-weight:500;font-size:13.5px;
  white-space:nowrap;display:inline-flex;align-items:center;gap:8px;transition:background .15s,color .15s}
.zap-tabs a:hover{color:var(--text)}
.zap-tabs a.on{background:var(--card);color:var(--text);box-shadow:0 1px 3px rgba(43,40,37,.10)}
.tochka{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block}
nav.nav-str{display:flex;gap:8px;overflow-x:auto;padding:12px 16px}
nav.nav-str a{white-space:nowrap;height:var(--vys-s);padding:0 14px;border-radius:var(--pill);text-decoration:none;color:var(--muted);font-size:13px;font-weight:500;
  background:var(--card);display:inline-flex;align-items:center}
nav.nav-str a.on{background:var(--yellow);color:var(--text)}

/* ---------- таблицы: белая карточка, тонкие линии ---------- */
table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;background:var(--card);border:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--ten)}
th,td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top}
tr:last-child td{border-bottom:0}
th{color:var(--muted);font-weight:500;font-size:12px;background:var(--card)}
table tr:hover td{background:var(--card-2)}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
tr.itog td{font-weight:600;background:var(--yellow-soft)}
.box table,.card table{box-shadow:none;border-radius:var(--r-m)}
.box > table:first-child,.box > div > table{margin-top:8px}
table select,table input[type=text],table input[type=time],table input[type=number],.f-blok select,.f-blok input,.grafik select,.grafik input{
  height:var(--vys-s);padding:0 28px 0 12px;font-size:12.5px;width:auto;min-width:64px;background-position:right 10px center}
table input[type=text],table input[type=time],table input[type=number],.f-blok input,.grafik input{padding-right:12px}
@media (max-width:700px){ main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} }

/* ---------- показатели ---------- */
.kpi{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.kpi div{padding:16px 20px}
.kpi b{display:block;font-size:28px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.kpi span{color:var(--muted);font-size:12.5px}
.kpi small{display:block;font-size:12px;margin-top:4px}
.kpi small.plus{color:var(--green)}
.kpi small.minus{color:var(--red)}
.bar-row{display:grid;grid-template-columns:220px 1fr 110px;gap:12px;align-items:center;font-size:13px;margin:4px 0}
.bar-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.polosa{height:12px;background:var(--yellow);border-radius:var(--pill);min-width:4px}
.polosa-wrap{display:inline-block;width:120px;background:var(--card-3);border-radius:var(--pill);vertical-align:middle;margin-right:8px;overflow:hidden}
.teplo th,.teplo td{text-align:center;padding:4px;font-size:11px;min-width:28px}
.f-blok{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- вход ---------- */
.login{max-width:400px;margin:14vh auto;padding:0 16px}
.login h1{font:500 28px "Jost",sans-serif;letter-spacing:.3em;text-align:center}
.kod-pole{position:relative;display:block}
.kod-pole input{padding-right:48px}
.glaz{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--muted);border-radius:50%;width:32px;height:32px;
  cursor:pointer;display:flex;align-items:center;justify-content:center}
.glaz:hover{color:var(--text);background:var(--card-3)}

/* ---------- «Сегодня»: список дел и карточки дня ---------- */
.delat{display:flex;flex-direction:column;overflow:hidden;max-width:760px}
.delat-ryad{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 20px;border-top:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:500}
.delat-ryad:first-child{border-top:0}
.delat-ryad span{flex:1}
.delat-ryad b{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 10px;border-radius:var(--pill);
  background:var(--card-3);font-size:13px;font-weight:600}
.delat-ryad i{font-style:normal;width:28px;height:28px;border-radius:50%;background:var(--card-3);display:inline-flex;align-items:center;justify-content:center;
  color:var(--muted);font-size:16px}
a.delat-ryad:hover{background:var(--card-2)}
.delat-ryad.vazhno b{background:var(--yellow)}
.delat-ryad.vazhno::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yellow-2);flex:none}
.delat-ryad.gotovo{color:var(--green)}
.delat-ryad.pusto{color:var(--muted)}
.d-opis{display:block;font-weight:400;font-size:12.5px;color:var(--muted);margin-top:2px}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sg-card{padding:20px 24px;text-decoration:none;color:inherit;display:block;transition:transform .15s,box-shadow .15s}
a.sg-card:hover{transform:translateY(-2px);box-shadow:var(--ten-2)}
.sg-card h3{margin:0 0 12px;font-size:13px;color:var(--muted);font-weight:500}
.sg-big{font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.03em;margin-bottom:8px;font-variant-numeric:tabular-nums}
.sg-card.vazhno{box-shadow:inset 0 0 0 2px var(--yellow),var(--ten)}
.sg-card.ok .sg-big{color:var(--green)}
.sg-row{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--line);font-size:13.5px}
.sg-row:first-of-type{border-top:0}

/* ---------- календарь ---------- */
.kal-shapka{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;flex-wrap:wrap}
.kal-shapka h1{margin:0}
.kal-top{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.kal-top input[type=date]{width:auto}
.kal-wrap{overflow-x:auto;border-radius:var(--r);background:var(--card);box-shadow:var(--ten)}
.kal{display:flex;min-width:100%;width:max-content}
.kal-time{width:56px;flex:none}
.kal-col{flex:1 0 200px;border-left:1px solid var(--line)}
.kal-col.off{opacity:.55}
.kal-head{height:56px;padding:8px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:var(--card);
  position:sticky;top:0;font-weight:500}
.kal-head small{color:var(--muted);font-size:11.5px;font-weight:400}
.kal-body{position:relative;height:var(--h);background:repeating-linear-gradient(135deg,var(--card-2),var(--card-2) 6px,var(--card-3) 6px,var(--card-3) 12px);cursor:copy}
.kal-time .kal-body{background:none;cursor:default}
.kal-work{position:absolute;left:0;right:0;background:var(--card)}
.kal-line{position:absolute;left:0;right:0;border-top:1px solid var(--line);z-index:1;pointer-events:none}
.kal-line.half{border-top-style:dashed;opacity:.7}
.kal-hour{position:absolute;right:8px;font-size:11px;color:var(--muted);transform:translateY(-8px);font-variant-numeric:tabular-nums}
.kal-blok{position:absolute;left:4px;right:4px;z-index:2;background:var(--c,var(--yellow-soft));border:0;border-radius:var(--r-s);padding:4px 8px 4px 12px;
  box-shadow:0 1px 2px rgba(43,40,37,.06);font-size:12px;line-height:1.3;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;cursor:pointer}
.kal-blok::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:3px;border-radius:3px;background:var(--yellow-2)}
.kal-blok.st-prishel::before{background:var(--green)}
.kal-blok.st-ne_prishel{opacity:.6}
.kal-blok.st-ne_prishel::before{background:var(--red)}
.kal-blok:hover{box-shadow:var(--ten-2)}
.kb-t{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.kb-k{font-weight:500}
.kb-u,.kb-a,.kb-s{font-size:11px}
.kb-a{color:var(--accent-2)}
.kb-n{font-size:11px;background:rgba(255,255,255,.6);border-radius:6px;padding:0 4px;margin-top:2px}
.kb-vazhno{font-size:11px;font-weight:500;color:var(--red);background:var(--red-soft);border-radius:6px;padding:0 4px;margin-top:2px}
.kal-now{position:absolute;left:0;right:0;border-top:2px solid var(--red);z-index:3;pointer-events:none}
.kal-hover{display:none;position:absolute;left:0;right:0;border-top:1.5px dashed var(--yellow-2);z-index:4;pointer-events:none}
.kal-hover span{position:absolute;left:4px;top:-12px;height:22px;display:inline-flex;align-items:center;background:var(--yellow);color:var(--text);font-size:11.5px;
  font-weight:600;padding:0 8px;border-radius:var(--pill);font-variant-numeric:tabular-nums}
/* месяц */
.mes-wrap{overflow-x:auto}
.mes{width:100%;min-width:720px;table-layout:fixed;border-collapse:separate;background:var(--card);border-radius:var(--r);overflow:hidden}
.mes th{background:var(--card);font-weight:500;padding:12px 8px;text-align:center}
.mes td{vertical-align:top;height:112px;padding:8px;border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);cursor:pointer;font-size:12px}
.mes td:first-child{border-left:0}
.mes td:hover{background:var(--card-2)}
.mes td.pusto{background:var(--card-2);cursor:default}
.mes td.proshlo{color:var(--muted)}
.mes td.segodnya{box-shadow:inset 0 0 0 2px var(--yellow)}
.mes-n{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.mes-k{background:var(--yellow-soft);border-radius:var(--pill);padding:0 8px;font-weight:600}
.mes-m{color:var(--muted);font-size:11px;margin-bottom:4px}
.mes-z{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:inherit;padding-left:8px;margin:2px 0;position:relative}
.mes-z::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:3px;background:var(--yellow-2)}
.mes-z.st-prishel::before{background:var(--green)}
.mes-z.st-ne_prishel{opacity:.6}
.mes-sm{font-size:11px}

/* ---------- запись ---------- */
.poisk-wrap{position:relative}
.poisk-res{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:5;background:var(--card);border:0;border-radius:var(--r-m);box-shadow:var(--ten-2);
  max-height:320px;overflow:auto;padding:4px}
.poisk-res:empty{display:none}
.poisk-item{padding:12px 16px;cursor:pointer;border-radius:var(--r-s);font-size:14px}
.poisk-item:hover{background:var(--card-2)}
.poisk-item.poisk-nov{font-weight:500;color:var(--accent-2)}
.stroka{display:grid;grid-template-columns:2.4fr .8fr 1fr 1fr 1.1fr .8fr .7fr .7fr 1fr auto;gap:8px;align-items:end;padding:16px 0;border-bottom:1px dashed var(--line)}
.stroka .s-konec{display:block;margin-top:4px}
.stroka > .btn{align-self:end}
@media (max-width:900px){.stroka{grid-template-columns:1fr 1fr}.stroka .w-usl{grid-column:1/-1}}
.k-kartochka{margin-top:8px;padding:12px 16px;border-radius:var(--r-m);background:var(--card-2)}
.vazhno-kl{margin-top:8px;background:var(--red-soft);color:var(--red);border-radius:var(--r-s);padding:8px 12px;font-size:13.5px;font-weight:500}
.vazhno-forma{padding-top:16px;padding-bottom:16px}
.sled-vizit,.ozhid{box-shadow:inset 0 0 0 2px var(--yellow-soft),var(--ten)}
.ozh-ryad{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid var(--line)}
h2 + .ozh-ryad{border-top:0}
/* кнопка «Сохранить» всегда под рукой */
.lipkaya{position:sticky;bottom:16px;z-index:15;margin:24px 0;padding:8px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);
  border-radius:var(--pill);box-shadow:var(--ten-2);display:flex;gap:8px;align-items:center;width:max-content;max-width:100%}

/* ---------- графики, расходы, документы ---------- */
.grafik td{white-space:nowrap}
.grafik th,.grafik td{text-align:center;padding:8px 4px;font-size:12px}
.grafik td:first-child,.grafik th:first-child{text-align:left;position:sticky;left:0;background:var(--card);z-index:1;padding-left:16px}
.grafik .segodnya{background:var(--yellow-soft)}
.grafik th.vyh{color:var(--red)}
.grafik .t-in{width:76px;font-size:12px}
.grafik .chasy-m{display:none;flex-direction:column;gap:4px;margin-top:4px}
.grafik td.vkl .chasy-m{display:flex}
.grafik td.vkl{background:var(--green-soft)}
.grafik .chasy-m .t-in{width:72px;font-size:11px}
table.grafik td.vyh-den{background:var(--card-3);color:var(--muted)}
.rashody tr.st-prosrochen td{background:var(--red-soft)}
.rashody tr.st-skoro td{background:var(--yellow-soft)}
table tr.st-oplacheno td{background:var(--green-soft);color:var(--muted);text-decoration:line-through}
.rashody tr.st-oplacheno td{text-decoration:none}
.grid-poz{display:grid;grid-template-columns:3fr .6fr 1fr 1fr auto;gap:8px;margin-bottom:8px}
.foto-setka{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px;margin-top:8px}
.foto{display:flex;flex-direction:column;gap:4px;font-size:11px}
.foto img{width:100%;height:152px;object-fit:cover;border-radius:var(--r-m)}
.foto .pdf{height:152px;display:flex;align-items:center;justify-content:center;background:var(--card-3);border-radius:var(--r-m)}
.foto-ryad{display:flex;flex-wrap:wrap;gap:8px}
.foto-ryad img{width:152px;height:112px;object-fit:cover;border-radius:var(--r-m)}
table.dostup td:first-child,table.dostup th:first-child{position:sticky;left:0;background:var(--card);min-width:200px}
table.dostup tr.razdel td{background:var(--card-2);font-weight:500}
table.dostup tr.podpravo td{font-size:13px;color:var(--muted)}
table.dostup input[type=checkbox]{width:20px;height:20px}

/* ---------- чек-листы ---------- */
.chek{padding:12px 16px;margin-bottom:8px}
.chek.gotovo{background:var(--green-soft)}
.chek-t{font-weight:500}
.chek-foto{display:block;max-width:220px;max-height:160px;border-radius:var(--r-m);margin-top:8px;object-fit:cover}
.chek .btns{gap:8px}
.vizity{display:flex;flex-direction:column;gap:8px}
.vizit-ryad{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px 12px 20px}
.vc-punkt{flex-direction:row;align-items:flex-start;gap:12px;padding:12px 4px;border-top:1px solid var(--line);font-size:15px;font-weight:400;color:var(--text);cursor:pointer}
.vc-punkt:first-of-type{border-top:0}
.vc-punkt input{width:22px;height:22px;flex:none;margin-top:1px}
.vc-punkt:has(input:checked) span{color:var(--muted);text-decoration:line-through}

/* ---------- «Кому написать», фактуры ---------- */
.card.otvet-zapisalsya,.card.otvet-podtverdil{box-shadow:inset 3px 0 0 var(--green),var(--ten)}
.card.otvet-otkaz,.card.otvet-zhaloba,.card.otvet-otmenil{box-shadow:inset 3px 0 0 var(--red),var(--ten)}
.card.otvet-podumaet,.card.otvet-perenes{box-shadow:inset 3px 0 0 var(--yellow-2),var(--ten)}
.fv-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-end}
.fv-chips,.fv-steps{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.fv-chip,.fv-steps span{height:28px;display:inline-flex;align-items:center;border-radius:var(--pill);padding:0 12px;background:var(--card-3);font-size:12.5px;font-weight:500}
.fv-chip.green,.fv-steps span.ok{background:var(--green-soft);color:var(--green)}
.fv-chip.red,.fv-steps span.red{background:var(--red-soft);color:var(--red)}
.fv-steps{margin:8px 0 12px;font-size:13px}
.fv-steps span{color:var(--muted)}
.fv-steps i{color:var(--muted);font-style:normal}
.fv-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){.fv-grid{grid-template-columns:1fr}}
.fv-list{background:var(--card);border-radius:var(--r);box-shadow:var(--ten);overflow:hidden}
.fv-list iframe{width:100%;height:860px;border:0;display:block}
.fv-env{border-radius:var(--r-m) var(--r-m) 0 0;padding:12px 16px;background:var(--card-2);font-size:13px}
.fv-env div{display:flex;gap:8px;padding:2px 0}
.fv-env span{width:56px;flex:none;color:var(--muted)}
.fv-body{border:1px solid var(--line);border-top:0;padding:16px;white-space:pre-line;font-size:15px;line-height:1.55;background:var(--card)}
.fv-att{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r-m) var(--r-m);padding:12px 16px;background:var(--card);font-size:14px}
.fv-send{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.fv-send input{flex:1;min-width:180px}

/* ---------- поиск ---------- */
.poisk-big{display:flex;gap:8px;margin:8px 0 24px;max-width:720px}
.poisk-big input{font-size:16px;height:48px}
.poisk-big .btn{height:48px}
.rez-list{display:flex;flex-direction:column;gap:8px}
.rez{display:flex;justify-content:space-between;align-items:center;gap:12px;border-radius:var(--r-m);padding:12px 20px;text-decoration:none;color:inherit}
a.rez:hover{box-shadow:var(--ten-2)}

/* ---------- помощь и вводный инструктаж ---------- */
.instr{max-width:860px}
.instr-geroy{background:linear-gradient(135deg,var(--yellow-soft),var(--card) 70%);border-radius:var(--r);box-shadow:var(--ten);padding:32px;margin-bottom:24px}
.instr-geroy h1{margin:0 0 8px}
.instr-geroy .sub{margin-bottom:16px}
.instr-polosa{height:8px;background:rgba(255,255,255,.8);border-radius:var(--pill);overflow:hidden}
.instr-polosa div{height:100%;width:0;background:var(--yellow-2);border-radius:var(--pill);transition:width .25s}
.instr-shagi{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.instr-shag{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:20px 24px;color:var(--text);font-size:14px;font-weight:400;cursor:pointer;
  transition:box-shadow .15s}
.instr-shag.gotov{box-shadow:inset 0 0 0 2px var(--yellow),var(--ten)}
.instr-n{width:32px;height:32px;flex:none;border-radius:50%;background:var(--card-3);color:var(--text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px}
.instr-shag.gotov .instr-n{background:var(--yellow)}
.instr-t{flex:1;display:flex;flex-direction:column;gap:4px;line-height:1.55;color:var(--muted)}
.instr-t b{font-size:16px;font-weight:500;color:var(--text)}
.instr-ok{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;height:var(--vys-s);padding:0 14px;border-radius:var(--pill);border:1px solid var(--line-2);
  font-weight:500;color:var(--text);font-size:13px;white-space:nowrap}
.instr-shag.gotov .instr-ok{background:var(--yellow);border-color:var(--yellow)}
.instr-verh{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (max-width:700px){.instr-shagi{grid-template-columns:1fr}.instr-geroy{padding:24px}}
.pom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}
.pom{margin:8px 0;padding-left:20px;line-height:1.65}
.pom li{margin:4px 0}

/* ---------- страница ошибки: котик ---------- */
.oshibka-str{max-width:480px;margin:10vh auto 0;text-align:center;padding:48px 32px;background:var(--card);border-radius:32px;box-shadow:var(--ten)}
.oshibka-kot{width:128px;height:128px;margin:0 auto 24px;border-radius:50%;background:var(--yellow-soft);display:flex;align-items:center;justify-content:center;
  font-size:64px;line-height:1;animation:kot-kach 2.6s ease-in-out infinite}
.oshibka-str h1{margin:0 0 8px;font-size:28px}
.oshibka-str p{font-size:15px;color:var(--muted);margin:0 0 24px;line-height:1.6}
@keyframes kot-kach{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.chernovik-plashka{display:flex;gap:12px;align-items:center;justify-content:space-between}

/* ---------- «Ещё» (выпадающее) ---------- */
.eshche{position:relative}
.eshche summary::before{display:none}
.eshche-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:12;width:min(360px,90vw);background:var(--card);border-radius:var(--r-m);box-shadow:var(--ten-2);padding:16px}
.em-pre{max-height:180px;overflow:auto;margin:12px 0 0;font:12.5px/1.45 inherit}

/* =====================================================================================================
   Телефон и планшет (до 900 px): сверху плавающая полоса с ☰, снизу плавающая панель из 5 одинаковых кнопок
   ===================================================================================================== */
@media (max-width:900px){
  .side{position:fixed;left:0;top:0;margin:8px;height:calc(100vh - 16px);transform:translateX(calc(-100% - 16px));transition:transform .22s ease;box-shadow:var(--ten-2)}
  body.menu-otkryto .side{transform:none}
  body.menu-otkryto .side-ten{display:block;position:fixed;inset:0;background:rgba(43,40,37,.24);z-index:25}
  .side .v-nize{display:none}
  .mob-bar{display:flex;align-items:center;gap:12px;position:sticky;top:8px;z-index:20;margin:8px 12px 0;height:52px;padding:0 6px;
    background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-radius:var(--pill);box-shadow:var(--ten)}
  .mob-logo{font:500 14px "Jost",sans-serif;letter-spacing:.26em;text-decoration:none;flex:1;text-align:center;white-space:nowrap}
  .burger,.mob-ik{width:40px;height:40px;flex:none;border:0;border-radius:50%;background:var(--card-3);display:flex;align-items:center;justify-content:center;
    cursor:pointer;color:var(--text);padding:0}
  .burger{flex-direction:column;gap:4px}
  .burger span{width:16px;height:1.6px;background:var(--text);border-radius:2px}
  .mob-ik .ik{width:18px;height:18px}
  .mob-only{display:flex}
  .wrap{padding:0 16px}
  main.wrap{padding-top:24px;padding-bottom:24px}
  /* нижняя панель: 5 равных ячеек, иконки в одном ряду 32×32, подписи на одной линии, панель не выходит за экран */
  .niz-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:22;
    height:64px;padding:0 4px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-radius:var(--pill);box-shadow:var(--ten-2)}
  .niz-bar a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);
    font-size:10.5px;font-weight:500;line-height:1.2}
  .niz-bar a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .niz-kr{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}
  .niz-kr .ik{width:20px;height:20px}
  .niz-bar a.on{color:var(--text)}
  .niz-bar a.on .niz-kr{background:var(--yellow-soft)}
  .niz-bar a.niz-plus{color:var(--text)}
  .niz-plus .niz-kr{background:var(--yellow)}
  .niz-plus.prodat .niz-kr{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--yellow-2)}
  .niz-plus.on .niz-kr{box-shadow:0 0 0 4px var(--yellow-ring)}
  body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .lipkaya{bottom:calc(88px + env(safe-area-inset-bottom))}
  h1{font-size:26px}
}
@media (max-width:560px){
  .box{padding:20px}
  .list,.grid2,.grid3{grid-template-columns:1fr}
  .facts{grid-template-columns:1fr}.facts .k{margin-top:4px}
  .bar-row{grid-template-columns:120px 1fr 80px}
  .grid-poz{grid-template-columns:1fr 1fr}
  .kal-shapka .btns,.kal-top .btns{width:100%}
  .sg-razdel{margin-top:24px}
  .oshibka-str{padding:40px 24px;margin-top:6vh}
}
.niz-kr{font-style:normal}
.side-user b small{white-space:nowrap}
.sub + .sg-razdel,h1 + .sg-razdel{margin-top:0}
@media (max-width:900px){
  .lipkaya{width:auto;justify-content:space-between}
  .lipkaya .btn{flex:1 1 auto;min-width:0}
}
@media (max-width:560px){ .zap-tabs a{padding:0 12px;font-size:13px} .lipkaya{font-size:13px} }

/* стрелка «назад» на внутренних страницах и дата (22.10.2026) */
.str-verh{display:flex;align-items:center;gap:12px;margin:-8px 0 16px}
.nazad{width:40px;height:40px;flex:none;border-radius:50%;background:var(--card);box-shadow:var(--ten);display:inline-flex;align-items:center;
  justify-content:center;color:var(--text);text-decoration:none;transition:box-shadow .15s,transform .1s}
.nazad:hover{box-shadow:var(--ten-2)}
.nazad:active{transform:scale(.96)}
.nazad .ik{width:20px;height:20px}
.side-logo small{font-size:12.5px;color:var(--text);opacity:.7}
@media (max-width:900px){
  .mob-logo{display:flex;flex-direction:column;align-items:center;line-height:1.15}
  .mob-logo small{font:500 11px "Jost",sans-serif;letter-spacing:0;color:var(--muted);margin-top:2px}
  .str-verh{margin:-8px 0 12px}
}

/* панель «Свободное время» поверх календаря (22.10.2026): справа на компьютере, снизу на телефоне */
.panel-ten{display:none;position:fixed;inset:0;background:rgba(43,40,37,.24);z-index:40}
.panel{position:fixed;top:12px;right:12px;bottom:12px;width:min(440px,calc(100vw - 24px));background:var(--card);border-radius:var(--r);box-shadow:var(--ten-2);
  z-index:41;display:flex;flex-direction:column;transform:translateX(calc(100% + 24px));transition:transform .25s ease}
body.panel-otkryta .panel{transform:none}
body.panel-otkryta .panel-ten{display:block}
.panel-sh{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 24px;font-size:18px}
.panel-sh b{font-weight:500}
.panel-sh .nazad{box-shadow:none;background:var(--card-3);font-size:14px}
.panel-polya{display:flex;flex-direction:column;gap:12px;padding:8px 24px 16px;border-bottom:1px solid var(--line)}
.panel-polya .grid2{gap:12px}
.panel-rez{flex:1;overflow-y:auto;padding:16px 24px 24px}
.sv-blok{margin-bottom:16px}
.sv-blok.ok .sv-z{color:var(--green)}
.sv-blok.net .sv-z{color:var(--red)}
.sv-z{font-weight:500;margin-bottom:8px}
.sv-podz{font-size:12px;color:var(--muted);margin-bottom:8px}
.sv-chips{display:flex;flex-wrap:wrap;gap:8px}
.sv-chip{display:inline-flex;flex-direction:column;justify-content:center;min-height:var(--vys);padding:6px 14px;border-radius:var(--r-m);background:var(--card-2);
  text-decoration:none;color:var(--text);line-height:1.25;transition:background .15s}
.sv-chip:hover{background:var(--yellow-soft)}
.sv-chip b{font-weight:600;font-variant-numeric:tabular-nums}
.sv-chip span{font-size:11.5px;color:var(--muted)}
@media (max-width:900px){
  .panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:86vh;transform:translateY(calc(100% + 16px))}
  .panel-polya,.panel-rez{padding-left:16px;padding-right:16px}
}
/* «Сегодня»: бонусы со шкалой, свободное у мастеров, три цифры сообщений */
.sg-big small{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:4px}
.shkala{height:10px;background:var(--card-3);border-radius:var(--pill);overflow:hidden;margin:4px 0 12px}
.shkala div{height:100%;background:linear-gradient(90deg,var(--yellow),var(--yellow-2));border-radius:var(--pill);min-width:10px;transition:width .4s}
.sg-svob{font-size:12.5px;color:var(--green);margin:-4px 0 4px}
.sg-tri{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sg-tri b{display:block;font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.sg-tri span{font-size:12px;color:var(--muted)}
/* форма: ошибка у поля, клиент «есть в базе» / «впервые», напоминание о напитке */
.osh{color:var(--red);font-size:12.5px;font-weight:500}
.pole-osh{color:var(--red)}
.pole-osh input,.pole-osh select,.pole-osh textarea{border-color:var(--red);background:#FFF9F7}
.stroka.pole-osh{background:#FFF9F7;border-radius:var(--r-m);padding-left:12px;padding-right:12px}
.box.pole-osh{box-shadow:inset 0 0 0 2px var(--red-soft),var(--ten)}
.k-est{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px;padding:12px 16px;border-radius:var(--r-m);
  background:var(--yellow-soft);box-shadow:inset 0 0 0 1.5px var(--yellow)}
.k-est small{color:var(--muted)}
.k-vpervye{margin-top:8px;padding:12px 16px;border-radius:var(--r-m);background:var(--green-soft);color:var(--green);font-weight:500}
.flash.napomni{background:var(--yellow-soft)}
label small.muted{font-weight:400}
.admin-itog{background:var(--card-2);border-radius:var(--r-m);padding:16px 20px}
.bonus-plyus{font-size:20px;font-weight:600;letter-spacing:-.02em}
.kpi .kpi-glav{background:var(--yellow-soft)}
.kal-schet{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:13.5px}
.kal-schet b{color:var(--text);font-weight:600}
.kal-schet{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:13.5px}
.kal-schet b{color:var(--text);font-weight:600}
/* «Закрытие дня»: ровная сетка 3 × 2 одинаковых плашек */
.zd-setka{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.zd-pl{background:var(--card-2);border-radius:var(--r-m);padding:16px 20px;display:flex;flex-direction:column;gap:4px;min-height:96px}
.zd-pl span{font-size:12.5px;color:var(--muted)}
.zd-pl b{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums}
.zd-pl small{font-size:12.5px;color:var(--muted)}
.zd-pl.zd-admin{background:var(--yellow-soft)}
@media (max-width:700px){ .zd-setka{grid-template-columns:1fr 1fr} }

/* календарь: шапка — заголовок, одинаковые фишки-счётчики, одна строка управления (22.10.2026) */
.kal-shapka{display:block;margin-bottom:16px}
.kal-shapka h1{margin:0 0 12px}
.kal-chips{display:flex;flex-wrap:wrap;gap:8px}
.kchip{display:inline-flex;align-items:center;gap:6px;height:var(--vys-s);padding:0 14px;border-radius:var(--pill);background:var(--card);
  box-shadow:var(--ten);font-size:13px;color:var(--muted)}
.kchip b{color:var(--text);font-weight:600}
.kal-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}
.kal-top-pravo{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.kal-seg{display:inline-flex;gap:4px;padding:4px;background:var(--card-3);border-radius:var(--pill)}
.kal-seg a{height:var(--vys-s);min-width:32px;padding:0 14px;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;
  text-decoration:none;color:var(--text);font-size:13.5px;font-weight:500}
.kal-seg a:hover{background:rgba(255,255,255,.6)}
.kal-seg a.on{background:var(--yellow)}
.mini-wrap{position:relative}
.mini{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:300px;background:var(--card);border-radius:var(--r);box-shadow:var(--ten-2);padding:16px}
.mini-sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.mini-sh b{font-weight:500}
.mini-sh button{width:32px;height:32px;border:0;border-radius:50%;background:var(--card-3);cursor:pointer;font-size:16px;color:var(--text)}
.mini-dni,.mini-setka{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.mini-dni span{font-size:11.5px;color:var(--muted);padding:4px 0}
.mini-setka a{height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;text-decoration:none;color:var(--text);font-size:13.5px;font-variant-numeric:tabular-nums}
.mini-setka a:hover{background:var(--card-3)}
.mini-setka a.seg{box-shadow:inset 0 0 0 1.5px var(--yellow-2)}
.mini-setka a.on{background:var(--yellow);font-weight:600}
.mini .btn.shirokaya{margin-top:12px}
.tualet-pl{display:block;text-decoration:none;color:var(--text)}
.tualet-pl b{color:var(--red);margin-left:8px}
.kal-blok.tualet{box-shadow:0 0 0 2px var(--red-soft),0 0 0 4px rgba(180,102,79,.18);animation:tualet-mig 1.6s ease-in-out infinite}
@keyframes tualet-mig{50%{box-shadow:0 0 0 2px var(--red),0 0 0 6px rgba(180,102,79,.12)}}
@media (max-width:560px){ .kal-top-pravo{margin-left:0;width:100%} .mini{width:min(300px,calc(100vw - 32px))} }
.kal-top{justify-content:flex-start}
/* телефон: код страны + номер в одной пилюле */
.tel-pole{display:flex;align-items:stretch;height:var(--vys);border:1px solid var(--line-2);border-radius:var(--pill);background:var(--card);overflow:hidden;
  transition:border-color .15s,box-shadow .15s}
.tel-pole:focus-within{border-color:var(--yellow-2);box-shadow:0 0 0 4px var(--yellow-ring)}
.tel-pole select.tel-kod{width:104px;flex:none;height:100%;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 28px 0 14px;
  background-position:right 10px center;box-shadow:none}
.tel-pole input.tel-nomer{flex:1;min-width:0;height:100%;border:0;border-radius:0;box-shadow:none;padding:0 16px}
.pole-osh .tel-pole{border-color:var(--red);background:#FFF9F7}
.nazad{width:auto;padding:0 18px 0 12px;gap:6px;border-radius:var(--pill);font-size:14px;font-weight:500}
.panel-sh .nazad{width:40px;padding:0}
/* «Сегодня» (22.10.2026): одна колонка одной ширины, карточки — ровные равные столбцы */
.sg-str{max-width:1000px}
.sg-str .delat,.sg-str .box{max-width:none}
.sg-str .sg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sg-str .sg-razdel{display:flex;width:max-content}
.delat-ryad{transition:background .15s}
a.delat-ryad:hover span{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:4px}
@media (max-width:900px){ .sg-str .sg-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:600px){ .sg-str .sg-grid{grid-template-columns:1fr} }
/* чек-лист: пункт — белая строка, текст слева, кнопки справа, одинаковые отступы */
.chek{background:var(--card);border-radius:var(--r-m);box-shadow:var(--ten);padding:12px 16px 12px 20px;margin-bottom:8px}
.chek.gotovo{background:var(--green-soft);box-shadow:none}
.chek-verh{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-height:var(--vys-s)}
.chek-t{flex:1;min-width:200px;font-weight:500}
.chek-ok{color:var(--green);margin-right:8px}
.chek-eshche{margin-top:4px}
.chek-eshche summary{font-size:12.5px;color:var(--muted);font-weight:400}
.chek-eshche summary::before{width:16px;height:16px;font-size:12px}
/* поля: пустые подсказки не сдвигают поле вниз — все поля в строке на одной линии */
label > span:empty,label > small:empty{display:none}
.grid2 > label,.grid3 > label{justify-content:flex-start}
label > small.muted{font-size:12px;line-height:1.45}
.naputstvie{margin:0 0 24px;padding:12px 16px;line-height:1.55}
/* календарь: цвет блока по статусу, как в Alteg.io (полоска слева — цвет мастера) */
.kal-blok{background:#FFF1C9}
.kal-blok.podtv{background:#DDEFD6}
.kal-blok.st-prishel{background:#D9E8F6}
.kal-blok.st-ne_prishel{background:#F6DCD5;opacity:.75}
.kal-blok::before{background:var(--c,var(--yellow-2))}
.kal-blok.st-prishel::before,.kal-blok.st-ne_prishel::before{background:var(--c,var(--yellow-2))}
.kal-legenda{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 16px}
.kal-legenda .lg{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.kal-legenda .lg::before{content:"";width:14px;height:14px;border-radius:5px;background:#FFF1C9}
.kal-legenda .lg.podtv::before{background:#DDEFD6}
.kal-legenda .lg.st-prishel::before{background:#D9E8F6}
.kal-legenda .lg.st-ne_prishel::before{background:#F6DCD5}
/* карточка клиента (22.10.2026) */
.kl-shapka{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:var(--card);border-radius:var(--r);box-shadow:var(--ten);padding:24px;margin-bottom:16px}
.kl-ava{width:64px;height:64px;flex:none;border-radius:50%;background:var(--yellow);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600}
.kl-kto{flex:1;min-width:220px}
.kl-kto h1{margin:0 0 4px}
.kl-kontakty{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted);font-size:14px}
.kl-knopki{margin-left:auto}
.kl-setka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.kl-setka > div > .box,.kl-setka > div > .note{margin-bottom:16px}
.zd-setka:has(> .zd-pl:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){ .kl-setka{grid-template-columns:1fr} .zd-setka:has(> .zd-pl:nth-child(4):last-child){grid-template-columns:1fr 1fr} }
/* «Сегодня»: все строки «Сделать сегодня» одной высоты и ширины */
.sg-str .delat-ryad{height:68px;min-height:0;padding:0 20px}
.sg-str .delat-ryad > span{min-width:0}
.sg-str .delat-ryad .d-opis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* аналитика: «Что популярно» */
.pop-setka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px}
.pop-setka .box{margin:0}
.pop-ryad{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:12px;font-size:13.5px}
.pop-ryad > span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-pol{grid-column:1/-1;height:6px;background:var(--card-3);border-radius:var(--pill);overflow:hidden}
.pop-pol div{height:100%;background:var(--yellow);border-radius:var(--pill)}
.pop-stolby{display:flex;align-items:flex-end;gap:6px;height:150px;margin-top:16px}
.pop-stolby > div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px;min-width:0}
.pop-st{width:100%;max-width:28px;background:var(--yellow);border-radius:8px 8px 4px 4px;min-height:3px}
.pop-stolby small{font-size:11px;font-variant-numeric:tabular-nums}
@media (max-width:900px){ .pop-setka{grid-template-columns:1fr} }
.ne-pisat-f{margin-top:-4px;align-self:flex-end}
/* «Сегодня»: сделанное — целиком жёлтое с галочкой (22.10.2026) */
.sg-str .delat-ryad.gotovo{background:var(--yellow-soft);color:var(--text)}
.sg-str .delat-ryad.gotovo .d-opis{color:var(--accent-2)}
/* своё окно подтверждения (вместо confirm) */
.sprosit-fon{position:fixed;inset:0;z-index:100;background:rgba(43,40,37,.32);display:flex;align-items:center;justify-content:center;padding:16px}
.sprosit{background:var(--card);border-radius:var(--r);box-shadow:var(--ten-2);padding:24px;max-width:420px;width:100%}
.sprosit p{margin:0 0 20px;font-size:15px;line-height:1.5}

/* шапка календаря — одна панель (22.10.2026): 1) дата и управление, 2) четыре цифры дня ровными колонками, 3) легенда и админ */
.kp{background:var(--card);border-radius:var(--r);box-shadow:var(--ten);margin-bottom:16px}
.kp-verh{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 24px}
.kp-zag{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.kp-metka{height:24px;display:inline-flex;align-items:center;padding:0 10px;border-radius:var(--pill);background:var(--card-3);
  font-size:12px;font-weight:500;color:var(--muted)}
.kp-metka.seg{background:var(--yellow);color:var(--text)}
.kp-data{border:0;background:none;padding:0;cursor:pointer;font:500 28px/1.15 "Jost",sans-serif;letter-spacing:-.025em;color:var(--text);
  display:inline-flex;align-items:center;gap:8px;text-align:left}
.kp-data:hover .kp-strelka{background:var(--yellow)}
.kp-strelka{width:28px;height:28px;border-radius:50%;background:var(--card-3);display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;transition:background .15s}
.kp-upr{display:flex;align-items:center;gap:8px}
.kp-stat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.kp-stat > div{display:flex;flex-direction:column;gap:4px;padding:16px 24px;border-left:1px solid var(--line)}
.kp-stat > div:first-child{border-left:0}
.kp-stat b{font-size:24px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.kp-stat span{font-size:12.5px;color:var(--muted)}
.kp-niz{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding:12px 24px;border-top:1px solid var(--line);
  background:var(--card-2);border-radius:0 0 var(--r) var(--r)}
.kp-niz .kal-legenda{margin:0;gap:16px}
.kp-admin{font-size:13px;color:var(--muted)}
.kp-admin b{color:var(--text);font-weight:500}
.kp .mini{top:calc(100% + 12px)}
@media (max-width:700px){
  .kp-verh{padding:16px}
  .kp-data{font-size:22px}
  .kp-upr{width:100%}
  .kp-upr .btn.main{flex:1}
  .kp-stat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kp-stat > div{padding:12px 16px}
  .kp-stat > div:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .kp-stat > div:nth-child(4){border-top:1px solid var(--line)}
  .kp-niz{padding:12px 16px}
}
@media (max-width:700px){
  .kp-upr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .kp-upr .kal-seg{justify-content:space-between;min-width:0}
  .kp-upr .kal-seg a{padding:0 10px}
  .kp-upr .btn.main{min-width:0;padding:0 12px;width:100%}
  .kp-niz .kal-legenda{gap:8px 12px}
}

/* цвета записей как в Alteg.io (22.10.2026): ожидаем — жёлтый, подтвердил — фиолетовый, пришёл — оранжевый,
   не пришёл и отмена/перенос — красный; полоска слева — цвет мастера */
.kp-stat{grid-template-columns:repeat(3,minmax(0,1fr))}
.kal-blok{background:#FFF0C2}
.kal-blok.podtv{background:#E6DAF7}
.kal-blok.st-prishel{background:#FCD9C2}
.kal-blok.st-ne_prishel{background:#F6CFCB;opacity:1}
.kal-legenda .lg::before{background:#FFF0C2}
.kal-legenda .lg.podtv::before{background:#B89BE6}
.kal-legenda .lg.st-zapisan::before{background:#F3D46B}
.kal-legenda .lg.st-prishel::before{background:#F29A63}
.kal-legenda .lg.st-ne_prishel::before,.kal-legenda .lg.otmena::before{background:#D9534F}
.mes-z.st-prishel::before{background:#F29A63}
.mes-z.st-ne_prishel::before{background:#D9534F}
@media (max-width:700px){
  .kp-stat{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kp-stat > div:nth-child(3){border-left:1px solid var(--line);border-top:0}
}
.btn.otmena-chip{background:#FBE3E1;border-color:#F2C2BE;color:#B23A35}

/* фирменный шрифт и логотип (22.10.2026): Jost, как во флаерах и меню; логотип WELLNESS CL[лотос]B + «spa i masaż» */
body{font-family:"Jost",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}
h1,h2,h3,.kp-data{font-family:"Jost",sans-serif}
.logo{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1;color:var(--text);text-decoration:none}
.logo-sl{display:inline-flex;align-items:center;font:600 19px/1 "Jost",sans-serif;letter-spacing:.09em;white-space:nowrap}
.logo-lotos{width:.95em;height:.82em;margin:0 .06em 0 .04em;transform:translateY(-.02em)}
.logo small{font:400 12.5px/1 "Jost",sans-serif;letter-spacing:.02em;margin-top:5px;margin-right:1.6em}
.logo.mal .logo-sl{font-size:15px}
.logo.mal small{font-size:10.5px;margin-top:3px}

/* выдвижное и боковое меню — одинаковые отступы у всех блоков (как в Alteg.io / Booksy): края 12, пункты 40, между пунктами 2 */
.side-logo{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--line)}
.side-logo span.side-data{display:block;font-size:13px;color:var(--muted);letter-spacing:0}
.side-poisk{padding:16px 12px 0}
.side-plus{padding:12px 12px 0;gap:8px}
.side-nav{padding:12px 12px 16px}
.side-a{height:var(--vys);margin:0 0 2px;padding:0 12px;gap:12px;font-size:14.5px}
.side-gr{margin:16px 12px 8px;font-size:12px;line-height:16px;letter-spacing:.02em;text-transform:none}
.side-niz{padding:12px;gap:8px}
.side-niz .side-a{margin:0}
.side-niz form .btn{width:100%}
.side-user{padding:8px 12px 0;gap:12px}
.smena{padding:0 12px}
@media (max-width:900px){
  .mob-logo small{font:400 11px/1.2 "Jost",sans-serif}
  .mob-logo{gap:4px}
}
.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-logo .logo-sl{font-size:26px}.login-logo .logo small{font-size:14px}
.mob-logo .logo.mal small{display:none}
.side-logo .logo{display:inline-flex;flex-direction:column;align-items:flex-end;font:inherit;letter-spacing:0}
.side-logo .logo-sl{display:inline-flex;align-items:center;font:600 19px/1 "Jost",sans-serif;letter-spacing:.09em;color:var(--text)}
.side-logo .logo small{display:block;font:400 12.5px/1 "Jost",sans-serif;letter-spacing:.02em;margin:5px 1.6em 0 0;color:var(--text);opacity:1;text-transform:none}
.mob-logo .logo-sl{display:inline-flex;align-items:center}
/* «Для команды» — карточки */
.korp-karta{display:flex;flex-direction:column}
.korp-opis{margin-top:12px;white-space:pre-line;line-height:1.55}
.korp-kod{margin-top:16px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-m);background:var(--yellow-soft)}
.korp-kod span{font-size:12.5px;color:var(--muted)}
.korp-kod b{font-size:18px;letter-spacing:.08em}
.korp-kak{margin-top:12px;white-space:pre-line}
.prodlit.istek{box-shadow:inset 0 0 0 2px var(--red-soft),var(--ten)}.prodlit.istek .b-head b{color:var(--red)}

/* «Для команды» — два раздела и карточки (22.10.2026) */
.korp-geroy{background:linear-gradient(135deg,var(--yellow-soft),var(--card) 70%);border-radius:var(--r);box-shadow:var(--ten);padding:24px;margin-bottom:24px;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.korp-geroy h1{margin:0}
.korp-razdel{margin-bottom:32px}
.korp-razdel-sh{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.korp-razdel-sh h2{margin:0 0 2px}
.korp-razdel-sh .muted{font-size:13.5px}
.korp-ikon{width:48px;height:48px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--card);box-shadow:var(--ten)}
.korp-razdel.salon .korp-ikon{background:var(--yellow)}
.korp-setka{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.korp-karta{background:var(--card);border-radius:var(--r);box-shadow:var(--ten);padding:20px 24px;display:flex;flex-direction:column;gap:12px}
.korp-razdel.salon .korp-karta{box-shadow:inset 0 0 0 2px var(--yellow-soft),var(--ten)}
.korp-verh{display:flex;align-items:center;gap:12px}
.korp-bukva{width:40px;height:40px;flex:none;border-radius:12px;background:var(--card-3);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:17px}
.korp-razdel.salon .korp-bukva{background:var(--yellow-soft)}
.korp-imya{display:flex;flex-direction:column;gap:2px;min-width:0}
.korp-imya b{font-size:16px;font-weight:500}
.korp-imya small{font-size:12.5px;color:var(--muted)}
.korp-vygoda{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
.korp-opis summary{font-size:13px;color:var(--muted);font-weight:400}
.korp-opis summary::before{width:16px;height:16px;font-size:12px}
.korp-opis div{margin-top:8px;white-space:pre-line;line-height:1.55;font-size:14px}
.korp-kod{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:var(--r-m);background:var(--yellow-soft)}
.korp-kod span{font-size:12.5px;color:var(--muted)}
.korp-kod b{font-size:18px;letter-spacing:.08em}
.korp-kak{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.5;padding:12px 16px;border-radius:var(--r-m);background:var(--card-2)}
.korp-kak span{font-size:12px;color:var(--muted)}
.korp-niz{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}
.korp-red summary{font-size:13px}
@media (max-width:800px){ .korp-setka{grid-template-columns:1fr} }
.korp-ikon .ik{width:22px;height:22px}
/* логотип в меню (22.10.2026): без «spa i masaż», слева на одной линии с иконками пунктов (24 px от края), дата под ним */
.side-logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px 24px 20px}
.side-logo .logo{align-items:flex-start}
.side-logo .logo-sl{font-size:18px;letter-spacing:.1em}
.side-logo span.side-data{font-size:13px;line-height:1.2;color:var(--muted)}
/* продажи сертификатов в календаре дня (22.10.2026) */
.kp-stat{grid-template-columns:repeat(4,minmax(0,1fr))}
.kal-prodazhi{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-4px 0 16px;font-size:13.5px}
.kal-prod{display:inline-flex;align-items:center;gap:4px;height:var(--vys-s);padding:0 14px;border-radius:var(--pill);background:var(--yellow-soft);
  text-decoration:none;color:var(--text)}
.kal-prod:hover{background:var(--yellow)}
@media (max-width:700px){ .kp-stat{grid-template-columns:repeat(2,minmax(0,1fr))} .kp-stat > div:nth-child(3){border-left:0;border-top:1px solid var(--line)} .kp-stat > div:nth-child(4){border-top:1px solid var(--line)} }

/* онлайн-сертификат на карточке (22.10.2026) */
.onlayn-ryad{display:flex;gap:24px;align-items:flex-start;margin-top:12px;flex-wrap:wrap}
.onlayn-kart{width:380px;max-width:100%;border-radius:16px;box-shadow:0 6px 24px rgba(201,163,58,.25);display:block}
.onlayn-deystviya{flex:1;min-width:240px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.onlayn-forma{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;width:100%;max-width:460px}
.onlayn-forma .btn{grid-column:1/-1;justify-self:start}
@media(max-width:600px){.onlayn-kart{width:100%}.onlayn-forma{grid-template-columns:1fr}
  .onl-ramka{width:324px;height:216px}.onl-ramka iframe{transform:scale(.2)}}

/* «Предложить доп» — мини-плашка над записью (22.10.2026) */
.dop-mini{position:absolute;left:10px;z-index:4;transform:translateY(-55%);font:500 11px/1 "Jost",sans-serif;padding:4px 10px;
  border-radius:999px;border:1px solid #E9B949;background:#fff;color:#8a6414;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(201,163,58,.25)}
.dop-mini:hover{background:#FFF6D6}
.dop-mini.ok{border-color:#9BC27A;background:#EEF6E6;color:#3B6D11;cursor:default;box-shadow:none}
.dop-pop{position:absolute;left:6px;z-index:6;width:320px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #E9B949;
  border-radius:16px;padding:16px;box-shadow:0 12px 32px rgba(38,35,31,.14);cursor:default}
.dop-z{font-size:14px}.dop-z b{font-weight:500}
.dop-svob{font-size:12px;color:var(--muted);margin-top:2px}
.dop-fraza{margin:12px 0;padding:10px 12px;border-radius:12px;background:#FFF6D6;font-size:13.5px;line-height:1.5}
.dop-pz{font-size:12px;color:var(--muted);margin:8px 0 4px}
.dop-ryad{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;padding:8px 0;border-top:1px solid #F1EEE8}
.dop-ryad span{font-size:14px}.dop-ryad i{font-style:normal;display:inline-flex;width:18px;height:18px;border-radius:50%;
  background:#FFF1BF;color:#8a6414;font-size:11px;align-items:center;justify-content:center;margin-right:6px}
.dop-ryad small{grid-column:1;color:var(--muted);font-size:12px;margin-left:24px}
.dop-ryad .btn{grid-column:2;grid-row:1/3}
.dop-pravilo{font-size:11.5px;color:var(--muted);margin-top:8px}

/* цифры дня нажимаются и раскрывают список (22.10.2026) */
.kp-stat > button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 24px;border:0;border-left:1px solid var(--line);
  background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;border-radius:0}
.kp-stat > button:first-child{border-left:0}
.kp-stat > button:hover{background:#FBF8F1}
.kp-stat > button.on{background:var(--yellow-soft)}
.kp-spisok{border-top:1px solid var(--line);padding:16px 24px;display:flex;flex-direction:column;gap:4px}
.kp-spisok > b{font-weight:500;margin-bottom:4px}
.kp-str{display:flex;gap:16px;align-items:flex-start;padding:8px 12px;border-radius:12px;text-decoration:none;color:inherit}
.kp-str:hover{background:#FBF8F1}
.kp-str b{font-weight:500}.kp-str small{color:var(--muted)}
.kp-t{min-width:56px;font-variant-numeric:tabular-nums;color:var(--muted)}
@media (max-width:700px){ .kp-stat > button{padding:12px 16px} .kp-stat > button:nth-child(3){border-left:0;border-top:1px solid var(--line)}
  .kp-stat > button:nth-child(4){border-top:1px solid var(--line)} .kp-spisok{padding:12px 16px} }
.kp-spisok[hidden]{display:none}

/* «Что рассказать гостю» (22.10.2026) */
.podsk-box{border:1px solid #F0D98A}
.podsk{display:flex;gap:12px;padding:10px 0;border-top:1px solid #F1EEE8;font-size:14px;line-height:1.5}
.podsk:first-of-type{border-top:0}
.podsk b{font-weight:500}
.podsk.vazhno{background:#FFF8DC;margin:0 -12px;padding:10px 12px;border-radius:12px;border-top:0}
.podsk-ik{font-size:18px;line-height:1.3;width:24px;text-align:center;flex:none}
.kb-podsk{display:block;font-size:11px;color:#7a5a10;background:rgba(255,248,220,.9);border-radius:8px;padding:1px 6px;margin-top:2px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* «Как работать здесь» (22.10.2026) */
.str-verh{display:flex;align-items:center;gap:8px}
.sovet-knopka{width:32px;height:32px;border-radius:999px;border:1px solid #E9B949;background:#fff;color:#8a6414;font:500 15px/1 "Jost",sans-serif;
  cursor:pointer;margin-left:auto}
.str-verh .nazad + .sovet-knopka{margin-left:auto}
.sovet{background:#FFF8DC;border:1px solid #F0D98A;border-radius:16px;padding:12px 16px;margin:0 0 16px;font-size:14px;line-height:1.5}
.sovet-z{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sovet-z b{font-weight:500}
.sovet ul{margin:8px 0 0;padding-left:18px}
.sovet li{margin:2px 0}

/* «Правила» (24.10.2026) */
.pr-razdely{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.pr-razdel{display:flex;flex-direction:column;gap:2px}
.pr-razdel.razr{opacity:.8}
.pr-z{display:flex;align-items:center;gap:10px;font:500 17px/1.3 "Jost",sans-serif;color:var(--text);text-decoration:none;margin-bottom:8px}
.pr-z span{font-size:22px}
.pr-punkt{display:block;padding:7px 0;border-top:1px solid #F1EEE8;color:var(--text);text-decoration:none;font-size:14px}
.pr-punkt:hover,.pr-z:hover{color:#8a6414}
.pr-put{font-size:13px;color:var(--muted);margin-bottom:8px}.pr-put a{color:var(--muted)}
.pr-tekst{font-size:15px;line-height:1.65;max-width:860px}
.pr-tekst h2{font-size:20px;margin:24px 0 8px}.pr-tekst h3{font-size:17px;margin:20px 0 6px}.pr-tekst h4{font-size:15px;margin:16px 0 4px}
.pr-tekst h2:first-child,.pr-tekst h3:first-child{margin-top:0}
.pr-tekst ul,.pr-tekst ol{padding-left:22px;margin:6px 0 12px}.pr-tekst li{margin:3px 0}
.pr-tekst p{margin:8px 0}
.pr-tekst hr{border:0;border-top:1px solid #EDE8E0;margin:20px 0}
.pr-plashka{background:#FFF8DC;border-radius:12px;padding:10px 14px;margin:10px 0}
.pr-citata{border-left:3px solid #E9B949;padding:4px 0 4px 14px;margin:10px 0;color:#5a5248;border-radius:0}
.pr-tekst .tabl{overflow-x:auto;margin:10px 0}.pr-tekst table{font-size:14px}
.pr-tekst code{background:#F5F1EA;border-radius:6px;padding:1px 6px;font-size:13px}
.pr-deti{margin-top:20px;border-top:1px solid #EDE8E0;padding-top:8px}
.pr-oglavlenie{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted)}.pr-oglavlenie b{width:100%;color:var(--text)}
.pr-kod{position:relative;margin:10px 0}.pr-kod pre{background:#FAF7F1;border-radius:12px;padding:14px 16px;white-space:pre-wrap;
  font:14px/1.55 "Jost",sans-serif;margin:0}.pr-kod .btn{position:absolute;top:8px;right:8px}
.pr-foto{display:block;max-width:420px;width:100%;border-radius:12px;margin:10px 0}

/* история изменений правил (24.10.2026) */
.pr-istoriya summary{cursor:pointer}
.pr-ver{display:grid;grid-template-columns:130px minmax(0,auto) 1fr auto;gap:4px 12px;padding:8px 0;border-top:1px solid #F1EEE8;
  color:var(--text);text-decoration:none;font-size:13.5px;align-items:baseline}
.pr-ver:first-of-type{margin-top:8px}.pr-ver b{font-weight:500}.pr-ver em{font-style:normal;color:#8a6414;font-size:12px}
.pr-ver:hover{color:#8a6414}
@media(max-width:600px){.pr-ver{grid-template-columns:1fr}}
.pr-diff{font-size:14px;line-height:1.55}.pr-diff>div{padding:2px 10px;border-radius:6px;white-space:pre-wrap}
.pr-diff i{font-style:normal;display:inline-block;width:16px;color:var(--muted)}
.d-plus{background:#EEF6E6;color:#27500A}.d-minus{background:#FCEBEB;color:#791F1F;text-decoration:line-through}
.d-ravno{color:var(--muted)}.d-skip{color:var(--muted);text-align:center}
.pv-kod{display:flex;flex-wrap:wrap;gap:16px 40px;align-items:flex-end}.pv-kod span{display:block;font-size:12px}
.pv-kod b{font:500 26px/1.2 "Jost",sans-serif;letter-spacing:.04em}

/* предпросмотр онлайн-сертификата в «Продать» (24.10.2026) */
.onl-pred{border:1px solid #F0D98A}
.onl-ryad{display:flex;gap:24px;flex-wrap:wrap;margin-top:12px;align-items:flex-start}
.onl-ramka{width:405px;height:270px;overflow:hidden;border-radius:12px;box-shadow:0 6px 24px rgba(38,35,31,.12);flex:none;background:#D6CFC5}
.onl-ramka iframe{width:1620px;height:1080px;border:0;transform:scale(.25);transform-origin:0 0;pointer-events:none}
.onl-spisok{flex:1;min-width:220px;font-size:14px}.onl-spisok ul{padding-left:18px;margin:6px 0 12px}
.kassa-bon ol{margin:6px 0 6px;padding-left:20px}.kassa-bon li{margin:3px 0}

/* запросы на подготовку сертификатов (24.10.2026) */
.sz-box{border:1px solid #F0D98A;margin-bottom:16px}
.sz-ryad{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid #F1EEE8}
.sz-ryad>div{flex:1;min-width:220px}.sz-ryad b{font-weight:500}
.sz-ryad.srochno{background:#FFF1E0;margin:0 -12px;padding:10px 12px;border-radius:12px}
.sz-sdelano{font-size:13px;color:var(--muted);padding:3px 0}
.sz-nov{margin-top:12px}.sz-nov summary{cursor:pointer}
/* уведомления (24.10.2026) */
.uv-ik{position:relative}.uv-ik em{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;
  background:var(--yellow);font:600 10.5px/16px var(--font,inherit);font-style:normal;color:#26231F;text-align:center}
.uv-ryad{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;padding:12px 0;border-top:1px solid #F1EEE8}
.uv-ryad:first-of-type{border-top:0}.uv-ryad>div{flex:1;min-width:220px}.uv-ryad b{font-weight:500}
.uv-ryad.srochno{background:#FFF1E0;margin:0 -12px;padding:12px;border-radius:12px}
.uv-ist{font-size:13.5px;padding:6px 0;border-top:1px solid #F1EEE8;color:var(--muted)}.uv-ist b{color:var(--text,#26231F);font-weight:500}
/* покупки: остатки (24.10.2026) */
.pk-konch{border:1px solid #F0D98A;margin-bottom:16px}
.pk-chipy{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pk-chip{border:0;background:var(--card-3,#F3F1ED);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;color:inherit;cursor:pointer;text-decoration:none}
.pk-chip.on{background:var(--yellow)}
.pk-filtr{margin:8px 0 12px}.pk-filtr input[type=search]{max-width:420px}
.pk-tab td{vertical-align:top}.pk-ost{white-space:nowrap}.pk-ost b{font-size:17px;font-weight:600}
.pk-malo .pk-ost{color:#B4532A}.pk-malo{background:#FFF6EC}
.pk-dv{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.pk-dv input{width:56px;text-align:center}
.pk-dv .btn{min-width:32px;font-size:16px;padding:0 10px}
.pk-ist{margin-top:4px;font-size:12.5px}.pk-ist summary{cursor:pointer}.pk-ist div{color:var(--muted);padding:1px 0}
.pk-pravit{position:relative}.pk-pravit>form{position:absolute;right:0;z-index:5;width:min(560px,90vw);margin-top:4px;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.pk-dv input[type=text]{width:52px;min-width:0;flex:none;padding:0 6px}
.pk-dv .btn.small{flex:none;width:34px;min-width:34px;padding:0;justify-content:center}
.pk-kak{background:#FBF6EA;border-radius:16px;padding:12px 16px;margin:8px 0 12px;font-size:13.5px;display:grid;gap:4px}
.pk-dv{flex-wrap:wrap}.pk-dv .btn.small{width:auto;min-width:0;padding:0 12px;font-size:13px;white-space:nowrap}
.pk-dv input[type=text]{width:72px}
.pk-otvet{font-size:12px;font-weight:400;margin-top:2px;white-space:normal}.pk-otvet.ok{color:#3F7D3A}.pk-otvet.osh{color:#B4532A}
/* подготовка сертификатов (24.10.2026, второй вариант) */
.sz-shapka{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.sz-shapka .sz-zakaz{margin-left:auto;border:1px solid #E8C84E}
.sz-chto{flex:1;min-width:240px}
.sz-gotovo{flex-basis:auto}.sz-gotovo[open]{flex-basis:100%}.sz-gotovo>summary{list-style:none}.sz-gotovo>summary::-webkit-details-marker{display:none}
.sz-gotovo>form{margin-top:8px}
.sz-komp,.sz-upak{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px;align-items:center}
.sz-upak{flex-direction:column;align-items:flex-start}
[hidden]{display:none!important}
/* карточка товара (24.10.2026) */
.tv-cifry{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}
.tv-cifry .box{margin:0;display:flex;flex-direction:column;gap:4px}.tv-cifry b{font-size:22px;font-weight:600}
.tv-polya{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin-top:8px;font-size:14px}.tv-polya .k{color:var(--muted)}
.pk-imya{color:inherit;text-decoration:none;border-bottom:1px dashed #C9BFA8}.pk-imya:hover{border-bottom-color:currentColor}
.pk-zakazala{margin-top:6px}.pk-zakazala>summary{list-style:none}.pk-zakazala>summary::-webkit-details-marker{display:none}
.pk-zform{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px 8px;align-items:end;margin-top:6px}
.pk-zform label{font-size:12.5px}
/* «Что заказать» свёрнуто (25.10.2026) */
.pk-kolonki{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;align-items:start}
.pk-kol{background:var(--card-3,#F3F1ED);border-radius:16px;padding:10px 14px}
.pk-kol>summary{cursor:pointer;display:flex;align-items:center;gap:8px;list-style:none}.pk-kol>summary::-webkit-details-marker{display:none}
.pk-kol .schet{font-style:normal;font-size:12px;font-weight:600;background:var(--yellow);border-radius:999px;padding:1px 8px}
.pk-z{border-top:1px solid #E6E1D8;padding:6px 0}.pk-kol[open]>summary{margin-bottom:6px}
.pk-z>summary{cursor:pointer;font-size:14px;list-style:none}.pk-z>summary::-webkit-details-marker{display:none}
.pk-z>summary b{font-weight:500}.pk-z-n{color:var(--muted);display:inline-block;min-width:20px}
.pk-z-telo{padding:6px 0 4px 20px}
.pk-stop td{opacity:.55}.pk-stop-m{font-size:11.5px;background:#EDE9E2;border-radius:999px;padding:1px 8px;color:var(--muted);white-space:nowrap}
/* «Мои дела» (25.10.2026) */
.md-ryad{display:flex;align-items:center;gap:10px}.md-ryad>span{flex:1}
.md-galka{width:28px;height:28px;border-radius:50%;border:1.5px solid #CFC6B6;background:#fff;cursor:pointer;color:transparent;flex:none}
.md-galka:hover{color:#3F7D3A;border-color:#3F7D3A}
.md-srok input{width:auto;min-width:0;padding:0 8px;height:32px;font-size:13px}
.md-nov{padding:8px 4px}.md-nov summary{cursor:pointer}
.md-dob input[type=text]{flex:1;min-width:180px}
.box>.md-ryad{padding:10px 0;border-top:1px solid #F1EEE8}.box>.md-ryad:first-of-type{margin-top:8px}
.md-t{display:flex;flex-direction:column;gap:2px}.md-t small{font-size:12.5px}
.md-sroch .md-t>small:last-child{color:#B4532A}.md-seg .md-t>small:last-child{color:#8A6D12}
.md-gotovo .md-t{color:var(--muted)}
/* «Мои дела» — календарь месяца (25.10.2026, «как MiniCal») */
.md-kal-shapka{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.md-kal-shapka b{font-size:18px;font-weight:500}
.md-setka{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.md-dn{font-size:11.5px;color:var(--muted);text-align:center;padding:2px 0}
.md-den{min-height:84px;border-radius:12px;background:#FAF8F5;padding:6px;display:flex;flex-direction:column;gap:2px;text-decoration:none;color:inherit;overflow:hidden}
.md-den.pusto{background:none}.md-den:hover{background:#F3EFE8}
.md-den.proshl .md-num{color:var(--muted)}
.md-num{font-size:13px;font-weight:500;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}
.md-den.seg .md-num{background:var(--yellow)}
.md-den.vybr{outline:2px solid #E8C84E;background:#FFFBEA}
.md-sob{font-size:11px;line-height:1.25;border-radius:6px;padding:2px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-sob.delo{background:#FFF1B8}.md-sob.sert{background:#F6E1D3}.md-sob.dostavka{background:#DDEBDD}
.md-sob.gotovo{text-decoration:line-through;opacity:.55}
.md-esche{font-size:11px;color:var(--muted)}
.md-tochki{display:none;gap:3px;margin-top:auto}
.md-tochki i,.md-legenda i,.md-tochka-v i{width:7px;height:7px;border-radius:50%;display:inline-block}
i.delo{background:#E8C84E}i.sert{background:#D9956A}i.dostavka{background:#7FAF7F}i.gotovo{opacity:.4}
.md-legenda{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12px;color:var(--muted)}.md-legenda span{display:flex;align-items:center;gap:5px}
.md-tochka-v{width:28px;display:flex;justify-content:center;flex:none}
#den .md-ryad{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F1EEE8}#den .md-ryad:first-of-type{margin-top:8px}
@media (max-width:700px){.md-den{min-height:52px;padding:4px;align-items:center}.md-sob,.md-esche{display:none}.md-tochki{display:flex}}
#den a.md-t{flex:1;text-align:left;color:inherit;text-decoration:none;display:block}#den a.md-t:hover{text-decoration:underline}
.md-vr{font-weight:600}.md-srok{display:flex;gap:4px}
.gr-plan .t-in,.gr-plan{opacity:.65;font-style:italic}
/* статистика допов (25.10.2026) */
.ds-setka{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}.ds-setka .box{margin:0}
.ds-ryad{display:grid;grid-template-columns:120px 1fr 40px;gap:8px;align-items:center;font-size:13.5px;margin-top:6px}
.ds-ryad i{display:block;height:10px;border-radius:6px;background:var(--yellow)}.ds-ryad b{text-align:right}
/* Аналитика → «Главное и выводы» (25.10.2026) */
.ag-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.ag-kpi .box{margin:0;display:flex;flex-direction:column;gap:4px}.ag-kpi span{font-size:12.5px;color:var(--muted)}.ag-kpi b{font-size:24px;font-weight:600}.ag-kpi small{font-size:12px;color:var(--muted)}
.ag-vyvod{border-radius:14px;padding:12px 14px;margin-top:10px;display:grid;gap:4px;font-size:14px}
.ag-vyvod.plokho{background:#FBE9E5}.ag-vyvod.vnimanie{background:#FFF6DC}.ag-vyvod.horosho{background:#EAF4E8}
.ag-zag{font-weight:600}
.ag-setka{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;align-items:start}.ag-setka .box{margin:0}
.ag-graf{width:100%;height:auto;margin-top:6px}.ag-zn{font-size:11px;fill:#5C534A}.ag-pd{font-size:10.5px;fill:#9A9186}
.ag-kog td,.ag-kog th{padding:4px 8px}
.ag-teplo{border-collapse:separate;border-spacing:3px;margin-top:8px}.ag-teplo td{width:34px;height:28px;text-align:center;font-size:11.5px;border-radius:6px}
.ag-teplo th{font-size:11.5px;font-weight:500;color:var(--muted)}

/* «Идеи» в «Моих делах» (25.10.2026): колонки-рубрики слева направо, карточки сверху вниз */
.md-sob.ideya{background:#E9E1F5}i.ideya{background:#9C84C8}
.id-doska{display:flex;gap:12px;overflow-x:auto;padding:12px 0 8px;scroll-snap-type:x proximity;align-items:flex-start}
.id-kol{flex:0 0 300px;background:#FAF8F5;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:8px;scroll-snap-align:start}
.id-kol-shapka{display:flex;align-items:center;justify-content:space-between;gap:8px}.id-kol-shapka b{font-weight:500}
.id-n{min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:var(--yellow);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}
.id-pro summary,.id-dob summary{cursor:pointer;font-size:12.5px;color:var(--muted);list-style:none}.id-pro div{font-size:12.5px;color:var(--muted);margin-top:4px;line-height:1.45}
.id-dob summary{font-size:14px;color:inherit;padding:8px 12px;border-radius:12px;border:1.5px dashed #DDD5C8;text-align:center}
.id-dob[open] summary{margin-bottom:8px}
.id-kart{background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(60,45,30,.08);border-left:4px solid #F3D46B}
.id-kart.st-snyato{border-left-color:#7FAF7F}.id-kart.st-opublikovano{border-left-color:#DDD5C8;opacity:.7}
.id-kart>summary{list-style:none;cursor:pointer;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.id-kart>summary::-webkit-details-marker,.id-pro summary::-webkit-details-marker,.id-dob summary::-webkit-details-marker{display:none}
.id-kart[open]{opacity:1;box-shadow:0 4px 16px rgba(60,45,30,.12)}
.id-zag{font-weight:500;line-height:1.35}
.id-meta{display:flex;flex-wrap:wrap;gap:4px}
.id-st,.id-srok{font-size:11.5px;border-radius:10px;padding:2px 8px;background:#F3EFE8}
.st-snyato .id-st{background:#DDEBDD}.id-srok{background:#E9E1F5}.id-srok.seg{background:var(--yellow)}.id-srok.sroch{background:#F6DCD3;color:#9A3F22}
.id-kratko{font-size:12.5px;color:var(--muted);line-height:1.4}
.id-kart[open] .id-kratko{display:none}
.id-forma{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
.id-dob .id-forma{padding:0}
.id-forma label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.id-forma input,.id-forma select,.id-forma textarea{width:100%;color:var(--text,#26231F)}
.id-forma textarea{min-height:0;padding:8px 12px;font-size:13.5px}
.id-dva{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.id-pusto{font-size:13px;padding:4px 2px}
@media (max-width:700px){.id-kol{flex-basis:84vw}}

/* Сценарий ролика (25.10.2026): /idei/<id> */
.id-polno{font-size:13px;line-height:1.45;white-space:pre-line}
.iy-shapka{display:flex;justify-content:space-between;gap:8px;align-items:center}
.iy-fishki{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}
.iy-f{font-size:12.5px;border-radius:12px;padding:4px 12px;background:#fff;box-shadow:0 1px 3px rgba(60,45,30,.08)}
.iy-f.st-snyato{background:#DDEBDD}.iy-srok{background:#E9E1F5}.iy-srok.seg{background:var(--yellow)}
.iy-oblozhka{background:#FFF796;border-radius:16px;padding:16px 20px;font-size:20px;font-weight:500;margin-bottom:12px;display:flex;flex-direction:column;gap:4px}
.iy-oblozhka small{font-size:11.5px;font-weight:400;color:#6E5B46}
.iy-setka{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:12px}.iy-setka>.box{margin:0}
.iy-t{margin-top:6px;white-space:pre-line;line-height:1.5;font-size:14px}
.iy-tabl{margin-top:12px;border:1px solid #EEE9E1;border-radius:12px;overflow:hidden}
.iy-str{display:grid;grid-template-columns:36px 1.1fr 1.4fr 1fr 1fr;border-top:1px solid #EEE9E1}
.iy-str:first-child{border-top:0}
.iy-str>span{padding:10px 12px;font-size:13.5px;line-height:1.45;white-space:pre-line;border-left:1px solid #F3EFE8}
.iy-str>span:first-child{border-left:0}
.iy-zag{background:#FAF8F5}.iy-zag>span{font-size:12px;color:var(--muted);font-weight:500}
.iy-n{font-weight:600;color:#B98A2B}
.iy-g{font-weight:500}
.iy-e{color:#6E5B46}
.iy-m{color:var(--muted);font-size:12.5px!important}
.iy-chb{background:repeating-linear-gradient(135deg,#F7F7F7 0 8px,#F1F1F1 8px 16px)}
.iy-ul{margin:8px 0;padding-left:18px;line-height:1.5;font-size:14px}
.iy-4{grid-template-columns:repeat(4,1fr)}
.iy-kadr-pr{display:grid;grid-template-columns:28px repeat(4,1fr);gap:8px;align-items:start;padding:8px 0;border-top:1px solid #F1EEE8}
.iy-kadr-pr .iy-n{padding-top:22px}
@media (max-width:800px){
  .iy-zag{display:none}
  .iy-str{grid-template-columns:1fr;padding:8px 0}
  .iy-str>span{border-left:0;padding:4px 12px}
  .iy-str>span[data-n]::before{content:attr(data-n);display:block;font-size:11px;color:var(--muted);font-weight:400}
  .iy-4{grid-template-columns:1fr 1fr}
  .iy-kadr-pr{grid-template-columns:1fr}.iy-kadr-pr .iy-n{padding-top:0}
}

/* заказ на подготовку из нескольких позиций (25.10.2026) */
.sz-poz{border:1px solid #EEE9E1;border-radius:16px;padding:12px 16px;margin-bottom:12px;background:#FCFBF9}
.sz-poz-shapka{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sz-obshchee{margin-top:16px;padding-top:12px;border-top:1px solid #EEE9E1}
.sz-zakaz-gr+.sz-zakaz-gr{margin-top:8px}
.sz-zakaz-zag{font-size:12.5px;font-weight:500;color:#8A6D12;background:#FFF8DC;border-radius:12px;padding:4px 12px;margin:8px 0 4px;display:inline-block}
.sz-zn{font-size:11.5px;font-weight:400;background:#FFF8DC;border-radius:10px;padding:1px 8px;margin-left:4px}

/* позиции заказа: свернуть ▾ и закрыть × (25.10.2026) */
.sz-poz-shapka{gap:8px}
.sz-svernut{flex:1;display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;min-width:0}
.sz-kratko{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sz-strelka{margin-left:auto;color:var(--muted);transition:transform .15s}
.sz-poz.svernuto .sz-strelka{transform:rotate(-90deg)}
.sz-poz.svernuto .sz-poz-telo{display:none}
.sz-poz.svernuto .sz-poz-shapka{margin-bottom:0}
.sz-krest{width:32px;height:32px;border-radius:50%;border:0;background:#F3EFE8;font-size:18px;line-height:1;cursor:pointer;color:#6E5B46;flex:none}
.sz-krest:hover{background:#F6DCD3;color:#9A3F22}
.sz-svernut b{white-space:nowrap;flex:none}