/* ============================================================
   Единый «мягкий» слой для анкеты и личного кабинета.
   Подключается последним. Структура и подача не меняются — только тон:
   без тёмных заливок и резких контрастов, тёплые нейтрали, мягкие выделения, единые тени и веса.
   ============================================================ */
:root{
  --sf-ink:#2f374d;              /* основной текст — чуть мягче тёмно-синего */
  --sf-mut:#737889;
  --sf-line:#eee6e3;
  --sf-sel:#fcf0f3;              /* выбранное: светлая розовая подложка */
  --sf-sel-fg:#ad3c5e;           /* и приглушённый розовый текст */
  --sf-sel-bd:rgba(209,67,109,.36);
  --sf-hov:rgba(209,67,109,.28); /* обводка при наведении */
  --sf-btn:#f4e8e5;              /* «вторичная» кнопка вместо тёмно-синей */
  --sf-btn-h:#eddcd8;
  --sf-sage:#86c3a3;             /* «сделано / на месте» */
  --sf-sage-soft:#eaf5ef;
  --sf-sage-fg:#3f8763;
  --sf-sh:0 1px 2px rgba(110,70,70,.04),0 14px 36px rgba(110,70,70,.07);
  --sf-sh-lg:0 1px 2px rgba(110,70,70,.04),0 22px 54px rgba(110,70,70,.09);
}
.ap{color:var(--sf-ink)}
.ap h1,.ap h2,.ap h3{color:inherit}

/* ---------- кнопки ---------- */
.ap-btn--navy{background:var(--sf-btn);color:var(--sf-ink)}
.ap-btn--navy:hover{background:var(--sf-btn-h)}
.ap-btn--pink{box-shadow:0 8px 20px rgba(209,67,109,.18)}
.ap-btn--pink:hover{box-shadow:0 10px 24px rgba(209,67,109,.24)}
.ap-btn--ghost{box-shadow:inset 0 0 0 1.5px var(--sf-line)}
.ap-btn--ghost:hover,.ap-ibtn:hover,.ap-chip:hover,.q-exit:hover,.q-back:hover,.oh .ap-btn--glass:hover{box-shadow:inset 0 0 0 1.5px var(--sf-hov)}
.ap-ibtn{box-shadow:inset 0 0 0 1.5px var(--sf-line)}
.ap-toast{background:#4a4f63}

/* ---------- выбранные состояния: мягкая розовая подложка вместо тёмной заливки ---------- */
.ap-chip[aria-pressed="true"],.ap-seg-i[aria-selected="true"],
.q-chip[aria-pressed="true"],.q-day[aria-checked="true"],
.mn-o[aria-selected="true"],.mn-sheet-o[aria-current="true"]{background:var(--sf-sel);color:var(--sf-sel-fg);box-shadow:inset 0 0 0 1.5px var(--sf-sel-bd)}
.ap-seg-i[aria-selected="true"] i{background:#fff;color:var(--sf-sel-fg)}
.q-pill input:checked+span{background:var(--sf-sel);color:var(--sf-sel-fg);box-shadow:inset 0 0 0 1.5px var(--sf-sel-bd)}
.q-day[aria-checked="true"] small,.mn-o[aria-selected="true"] small,.mn-sheet-o[aria-current="true"] small{color:rgba(173,60,94,.7)}
.q-chip--none[aria-pressed="true"]{background:var(--sf-sage-soft);color:var(--sf-sage-fg);box-shadow:inset 0 0 0 1.5px rgba(63,135,99,.3)}
.q-chip--other[aria-pressed="true"] svg{color:var(--sf-sel-fg)}
.q-cal-g button[aria-pressed="true"]{background:var(--sf-sel);color:var(--sf-sel-fg);box-shadow:inset 0 0 0 1.5px var(--sf-sel-bd)}
.mn-d[aria-selected="true"]{background:#fff;box-shadow:inset 0 0 0 1.5px var(--sf-sel-bd),0 4px 12px rgba(209,67,109,.08)}
.mn-d[aria-selected="true"] .w{color:var(--sf-sel-fg)}
.mn-d[aria-selected="true"] .n{color:var(--sf-sel-fg)}
.mn-d[aria-selected="true"].td::after{background:var(--pink)}

/* наведение — тёплая обводка вместо тёмной */
.q-pill:hover span,.q-opt:hover,.q-plan:hover,.q-chip:hover,.q-day:hover,.q-sign-o:hover,.pl-o:hover .pl-o-in{box-shadow:inset 0 0 0 1.5px var(--sf-hov)}
.q-opt:has(input:checked),.q-plan.on,.pl-o input:checked+.pl-o-in{box-shadow:inset 0 0 0 1.5px var(--sf-sel-bd);background:#fffafb}
.q-opt:has(input:checked) .q-opt-ic{background:var(--pink-soft);color:var(--pink)}

/* чекбоксы и прогресс */
.q-it input:checked{background:var(--pink)}
.q-it input:disabled{background:#d9b9c3}
.q-load-bar i{background:#c9a3ae}
.q-load.over .q-load-bar i{background:var(--pink)}
.q-tune-b{background:var(--sf-btn);color:var(--sf-ink)}
.q-tune-b em{opacity:.6}
.q-sum-l li::before{background-color:var(--sf-sage)}
.q-sum-l li.cur::before{box-shadow:inset 0 0 0 6px rgba(209,67,109,.55)}
.q-safe i,.lk-grp-t i.ok{background:var(--sf-sage)}

/* ---------- заголовки — спокойнее по весу ---------- */
.q-step h1,.mh-h,.lk-hd h1{font-weight:700;letter-spacing:-.03em}
.q-proof-hd b,.mh-ring b,.mn-pulse b,.pl-ok b,.q-call a{font-weight:700}
.lk-hd h1{color:var(--sf-ink)}

/* ---------- тени и карточки ---------- */
.q-proof,.q-sum,.mh,.lk-care{box-shadow:var(--sf-sh)}
.q-panel .q-proof{box-shadow:var(--sf-sh)}

/* ---------- сиделка «на месте», сделано ---------- */
.mh-cg .lk-ava::after,.oh-ava i{background:var(--sf-sage)}
.mh-ring circle.v{stroke:var(--sf-sage)}
.mn-t.done .dt{background:var(--sf-sage);border-color:var(--sf-sage)}
.mn-t .ok{color:var(--sf-sage-fg)}
.lk-ava--g{background:var(--sf-sage-soft);color:var(--sf-sage-fg)}
.mn-t.now .dt{box-shadow:0 0 0 5px rgba(209,67,109,.12)}
.mn-t .pill{background:var(--pink-soft);color:var(--sf-sel-fg)}
.lk-stp li.done::before,.lk-vstp li.done::before,.lk-vstp li.done::after{background:#cdb5bd;border-color:#cdb5bd}
.lk-stp li.cur::before{background:linear-gradient(90deg,#e7a37f 50%,#f8e6da 50%);background-size:200% 100%}

/* ---------- «небо»: вечер и ночь — пастельнее, без резкого тёмного ---------- */
.mh--evening{background:linear-gradient(165deg,#6f6a93,#a7839f 55%,#efc0ad)}
.mh--evening .mh-orb{background:radial-gradient(circle at 45% 40%,#fff1db,#ffc79c 60%,#f4a487);box-shadow:0 0 80px 26px rgba(255,190,150,.35)}
.mh--night{background:linear-gradient(165deg,#3c4569,#4d5784 60%,#6a6f99)}
.mh--night .mh-orb{box-shadow:inset -22px -6px 0 0 #4b5582,0 0 60px 6px rgba(253,243,216,.2)}
@media (max-width:640px){.mh--night .mh-orb{box-shadow:inset -15px -4px 0 0 #4b5582}}
.mh--evening .mh-ring circle.v,.mh--night .mh-ring circle.v{stroke:#b5e6cb}
.mh--evening .ap-btn--glass,.mh--night .ap-btn--glass{background:rgba(255,255,255,.2)}

/* ---------- камера: тёплая заглушка вместо почти чёрной ---------- */
.mn-camp-v,.cp-cam{background:radial-gradient(120% 90% at 30% 20%,#7a6b78,#4c4352)}
.vd-frame{background:#4c4352}
.mn-camp--off .mn-camp-v{background:repeating-linear-gradient(135deg,#f7eff1 0 12px,#fcf7f8 12px 24px)}

/* ---------- Max: тёплая карточка вместо тёмно-синей ---------- */
.mx{background:linear-gradient(160deg,#fbe9ee,#f6e7e3 60%,#fff);color:var(--sf-ink);box-shadow:inset 0 0 0 1px rgba(209,67,109,.12)}
.mx::before{background:radial-gradient(closest-side,rgba(255,216,170,.6),transparent)}
.mx-hd small,.mx p{color:var(--sf-mut)}
.mx-qr{background:#fff}
.mx-qr small{color:var(--sf-mut)}
.mx-copy{color:var(--sf-mut)}
.mx-copy:hover{color:var(--sf-sel-fg)}

/* ---------- чат ---------- */
.ch-m.me{background:var(--sf-sel);color:var(--sf-ink);box-shadow:inset 0 0 0 1px rgba(209,67,109,.14)}
.ch-m.me small{opacity:.55}
.ch-hd .lk-ava{background:var(--pink-soft);color:var(--pink)}

/* ---------- иконки-плашки: мягкий розовый вместо насыщенного ---------- */
.oh-new .ic,.lk-plus-ic{background:var(--pink-soft);color:var(--pink)}
.mn-cg .ap-ibtn{background:var(--sf-btn);color:var(--sf-ink)}
.lk-ava--pink{background:var(--pink-soft);color:var(--pink)}
.q-next-steps li::before,.pl-how li::before{color:var(--pink)}

/* ---------- заметки и статусы ---------- */
.ap-badge--ok{background:var(--sf-sage-soft);color:var(--sf-sage-fg)}
.lk-det-note.ok{background:var(--sf-sage-soft)}
.lk-det-note.ok svg{color:var(--sf-sage-fg)}
.mh--evening,.mh--night{--mut:rgba(255,255,255,.9)}
.mh--evening .mh-h,.mh--evening .mh-t,.mh--evening .mh-k{text-shadow:0 1px 12px rgba(70,50,80,.18)}
.vd-tips .ap-btn--navy,.mn-help .ap-btn--navy,.oh-drafts .ap-btn--ghost{background:#fff}
.vd-tips .ap-btn--navy svg{color:var(--pink)}
.mh--evening .ap-btn--glass,.mh--night .ap-btn--glass{background:rgba(255,255,255,.26);color:#fff}
@media (min-width:901px){.lk-p-settings .st-side .mx{display:none}}
/* выбранное — только мягкая заливка, без обводок и теней (2026) */
.ap-chip[aria-pressed="true"],.ap-seg-i[aria-selected="true"],.q-chip[aria-pressed="true"],.q-day[aria-checked="true"],
.mn-o[aria-selected="true"],.mn-sheet-o[aria-current="true"],.q-pill input:checked+span,.q-cal-g button[aria-pressed="true"],.q-chip--none[aria-pressed="true"]{box-shadow:none!important}
.mn-seg .ap-seg-i[aria-selected="true"]{background:#fff;box-shadow:none!important}
.ap-chip,.q-chip,.q-pill span,.q-day,.mn-d,.ap-seg-i{transition:background-color .25s,color .25s,box-shadow .25s,transform .15s}
.ap-chip:active,.q-chip:active,.q-pill:active span,.q-day:active{transform:scale(.97)}

/* ===== Max: логотип, одна фраза, «Как подключить» → всплывающая инструкция ===== */
.mx{position:relative;display:grid;justify-items:start;gap:10px;padding:16px;border-radius:22px;background:#f5f3fb;color:var(--sf-ink);box-shadow:none;overflow:visible}
.mx::before,.mx-orb{display:none}
.mx-logo{display:block;height:36px;width:auto}
.mx-say{margin:0;font-size:13px;line-height:18px;color:var(--sf-mut)}
.mx-say b{color:var(--sf-ink);font-weight:700}
.mx-how{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#572dff;border-radius:6px;transition:gap .2s,color .2s}
.mx-how svg{width:14px;height:14px}
.mx-how:hover{gap:7px;color:#046ef4}
.mx-how:focus-visible{box-shadow:var(--shadow-focus)}
.mx--page,.mx--sheet{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:16px 18px}
.mx--page .mx-logo,.mx--sheet .mx-logo{grid-row:1/3}
.mx--page .mx-say,.mx--sheet .mx-say{align-self:end}
.mx--page .mx-how,.mx--sheet .mx-how{align-self:start}

/* всплывающее окно: по центру на компьютере, шторкой на телефоне */
.mx-dlg-hd{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mx-dlg-hd img{height:40px;width:auto}
.mx-dlg h2{margin-top:18px;font-size:23px;line-height:1.2}
.mx-dlg-l{margin:6px 0 0;font-size:14px;line-height:20px;color:var(--sf-mut)}
.mx-dlg-s{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px;counter-reset:mx}
.mx-dlg-s>li{position:relative;display:grid;gap:8px;padding-left:40px;counter-increment:mx}
.mx-dlg-s>li::before{content:counter(mx);position:absolute;left:0;top:-3px;width:28px;height:28px;border-radius:10px;background:#efeafe;color:#572dff;display:grid;place-items:center;font:700 13px var(--font-montserrat)}
.mx-dlg-s b{font-size:15px;line-height:21px}
.mx-dlg-s span{font-size:13px;color:var(--sf-mut)}
.mx-dlg-s a{color:#572dff;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.mx-name{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border-radius:16px;background:#f5f3fb;transition:background-color .2s,transform .15s}
.mx-name:hover{background:#eeeafb}
.mx-name:active{transform:scale(.985)}
.mx-name:focus-visible{box-shadow:var(--shadow-focus)}
.mx-name-t{flex:1;min-width:0;font:600 14px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;color:#2d085f;overflow-wrap:anywhere}
.mx-name-b,.mx-dlg-s .mx-name-b{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#161f8a,#2d085f);color:#fff;font-size:13px;font-weight:600;flex:none}
.mx-name-b em,.mx-dlg-s .mx-name-b em{color:#fff;font-style:normal}
.mx-name-b svg,.mx-dlg-s .mx-name-b svg{color:#fff;stroke:currentColor}
.mx-name-b::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(97deg,#01c5c8 .3%,#046ef4 44.6%,#572dff 62%);opacity:0;transition:opacity .25s}
.mx-name:hover .mx-name-b::before{opacity:1}
.mx-name-b svg{width:15px;height:15px}
.mx-name .i-ok{display:none}
.mx-name.done .i-ok{display:block}
.mx-name.done .i-copy{display:none}
.mx-name.done .mx-name-b{background:linear-gradient(135deg,#3f8763,#5aa883)}
.mx-name.done .mx-name-b::before{opacity:0}
.mx-dlg-ok{width:100%;margin-top:22px}
@media (min-width:761px){
  .mx-dlg .ap-drawer-in{top:50%;left:50%;right:auto;bottom:auto;width:min(440px,calc(100% - 32px));max-height:calc(100% - 48px);transform:translate(-50%,-46%) scale(.97);opacity:0;transition:transform .3s var(--ap-ease),opacity .25s}
  .mx-dlg.on .ap-drawer-in{transform:translate(-50%,-50%);opacity:1}
}
/* .lk-side убран — колонка Max теперь в .lk-aside / .mx--aside */
@media (max-width:480px){
  .mx-name{flex-direction:column;align-items:stretch;padding:12px 6px 6px}
  .mx-name-t{padding:0 8px;font-size:15px;white-space:nowrap}
  .mx-name-b{justify-content:center;height:44px}
}