/* Новый объект «как на ЦИАН» + правка объекта разделами (js/54, 20.10.2026).
   Вид kokonut: спокойная база, один акцент, крупные радиусы, мягкие переходы. Цвета — только токены. */
.ae-sq{margin:0 0 22px}
.ae-sq-h{font-weight:700;font-size:15px;color:var(--ink);margin:0 0 10px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ae-sq-h small{font-weight:400;font-size:12.5px;color:var(--muted)}
.ae-sq.ae-need>.ae-sq-h::after{content:"*";color:var(--red);font-weight:700;order:0}
.ae-sq-sep{height:1px;background:var(--line);margin:4px 0 22px}

/* кнопки-варианты */
.ae-chips{display:flex;flex-wrap:wrap;gap:8px}
.ae-chip{appearance:none;font:inherit;font-size:14px;font-weight:500;line-height:1.2;color:var(--ink);background:var(--panel);
  border:1px solid var(--line);border-radius:12px;padding:11px 16px;min-height:44px;cursor:pointer;
  transition:background .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out;white-space:nowrap}
.ae-chip:hover{background:var(--hover);border-color:var(--muted)}
.ae-chip.on{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold);box-shadow:var(--sh-1)}
.ae-chip:focus-visible{outline:2px solid var(--gold-fill);outline-offset:2px}
.ff>.ae-chips{margin-top:2px}

/* клиенты */
.ae-cl-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.ae-cl{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.ae-cl-av{flex:0 0 38px;height:38px;border-radius:50%;background:var(--soft-gold);color:var(--ink-gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;letter-spacing:.02em}
.ae-cl-t{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;text-align:left}
.ae-cl-t b{font-size:14.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ae-cl-t small{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ae-ib{flex:0 0 auto;width:36px;height:36px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;transition:background .15s ease-out,color .15s ease-out}
.ae-ib:hover{background:var(--hover);color:var(--ink)}
.ae-cl-add{border:1px dashed var(--line);border-radius:16px;padding:14px;background:var(--bg)}
.ae-cl-add>.ae-chips .ae-chip{min-height:38px;padding:8px 14px;font-size:13.5px}
.ae-cl-res{display:flex;flex-direction:column;gap:6px;margin-top:10px;max-height:340px;overflow-y:auto}
.ae-cl-res-h{font-size:12px;color:var(--muted);margin:2px 2px 0}
.ae-cl-pick{width:100%;font:inherit;cursor:pointer;transition:border-color .15s ease-out,background .15s ease-out}
.ae-cl-pick:hover{border-color:var(--gold-fill);background:var(--hover)}
.ae-cl-plus{flex:0 0 30px;height:30px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:17px}
.ae-cl-pick:hover .ae-cl-plus{background:var(--gold-fill);border-color:var(--gold-fill);color:var(--on-gold)}
.ae-cl-more{appearance:none;font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:1px dashed var(--line);border-radius:14px;padding:11px 16px;min-height:44px;cursor:pointer;width:100%;text-align:left}
.ae-cl-more:hover{background:var(--hover)}
.ae-cl-x{margin-top:12px}
.ae-clf{margin-top:12px}
.ae-cl-list .ae-clf{border:1px solid var(--gold-fill);border-radius:16px;padding:14px;margin:0}
.ae-clf-g{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.ae-clf-g2{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin-top:12px}
.ae-clf-act{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.ae-err{font-size:12px;color:var(--red);margin-top:4px}
.ae-opt-h{font-size:12.5px;color:var(--muted);margin:22px 0 12px;padding-top:14px;border-top:1px dashed var(--line)}

/* переключатель «По шагам / Все разделы» */
.ae-vsw{display:inline-flex;padding:3px;border-radius:12px;background:var(--sunken);gap:2px}
.ae-vsw button{appearance:none;font:inherit;font-size:13px;font-weight:600;border:0;background:transparent;color:var(--muted);border-radius:9px;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:background .15s ease-out,color .15s ease-out}
.ae-vsw button.on{background:var(--panel);color:var(--ink);box-shadow:var(--sh-1)}

/* все разделы — разворачивающиеся списки */
.ae-all .ae-body{max-width:920px;margin:0 auto;width:100%}
.ae-acc-list{display:flex;flex-direction:column;gap:10px}
.ae-acc{border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:box-shadow .2s ease-out,border-color .2s ease-out}
.ae-acc[open]{box-shadow:var(--sh-1)}
.ae-acc>summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;border-radius:16px}
.ae-acc>summary::-webkit-details-marker{display:none}
.ae-acc>summary:hover{background:var(--hover)}
.ae-acc>summary .ae-st{flex:1 1 auto;min-width:0;font-size:15px}
.ae-acc.done>summary .ae-num{background:var(--green);border-color:var(--green);color:var(--on-green)}
.ae-acc-chev{flex:0 0 10px;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s ease-out;margin:0 4px 4px}
.ae-acc[open] .ae-acc-chev{transform:rotate(225deg);margin-top:6px;margin-bottom:0}
.ae-acc-b{padding:4px 18px 18px}
.ae-all .ae-mini{margin-top:16px;border-top:0}

@media (max-width:760px){
  .ae-clf-g,.ae-clf-g2{grid-template-columns:1fr!important}
  .ae-chip{padding:10px 14px}
  .ae-vsw button{padding:7px 9px;font-size:12.5px}
  .ae-acc-b{padding:4px 12px 14px}
  .ae-acc>summary{padding:12px}
}
@media (prefers-reduced-motion:reduce){
  .ae-chip,.ae-acc,.ae-acc-chev,.ae-vsw button,.ae-cl-pick{transition:none}
}

/* версия 2 (daisyUI) — те же формы на её токенах */
html[data-lab-v="2"]:not(#v):not(#w) .ae-chip{border-radius:var(--v2-ri);border-color:var(--v2-b3);background:var(--v2-b1)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-chip:hover{background:var(--v2-hov);border-color:var(--v2-b4)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-chip.on{background:var(--v2-p);border-color:var(--v2-p);color:var(--v2-pc)}
html[data-lab-v="2"]:not(#v):not(#w) :is(.ae-cl,.ae-acc){border-color:var(--v2-b3);border-radius:var(--v2-rb);background:var(--v2-b1)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-cl-add{border-color:var(--v2-b4);border-radius:var(--v2-rb);background:var(--v2-b2)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-cl-av{background:var(--v2-b3);color:var(--v2-bc)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-acc.done>summary .ae-num{background:var(--v2-p);color:var(--v2-pc)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-vsw{background:var(--v2-b2)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-vsw button.on{background:var(--v2-b1);color:var(--v2-bc)}
html[data-lab-v="2"]:not(#v):not(#w) .ae-cl-pick:hover .ae-cl-plus{background:var(--v2-p);border-color:var(--v2-p);color:var(--v2-pc)}

/* «Далее» / «Создать объект» всегда под рукой — подвал шага прилипает к низу окна */
#adEd .ae-body>.ae-foot{position:sticky;bottom:-20px;z-index:2;background:var(--panel);margin:24px -24px -20px;padding:12px 24px 16px;box-shadow:0 -1px 0 var(--line)}
html[data-lab-v="2"]:not(#v):not(#w) #adEd .ae-body>.ae-foot{background:var(--v2-b1);box-shadow:0 -1px 0 var(--v2-b3)}
@media (max-width:760px){ #adEd .ae-body>.ae-foot{bottom:-16px;margin:20px -16px -16px;padding:10px 16px 14px} }
@media (max-width:760px){
  html #adEd .ae-bar{flex-wrap:wrap;row-gap:10px}
  html #adEd .ae-bar>div:first-child{flex:1 1 0}
  html #adEd .ae-bar .ae-hide-m{display:none!important}
  html #adEd .ae-bar-r{display:contents}
  html #adEd .ae-bar-r>.ae-saved{display:none}
  html #adEd .ae-bar-r>.btn{order:1}
  html #adEd .ae-vsw{order:2;flex:1 0 100%}
  html #adEd .ae-vsw button{flex:1 1 0}
}

/* «Статистика» / «Мой кабинет»: три суммы под полукругом. В v2 число 34px не влезало в
   треть узкой карточки («1 528 1…»). Теперь это три строки «подпись — сумма»: любая сумма
   помещается на любой ширине, главная (доход) выделена. */
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid{grid-template-columns:1fr;gap:8px;margin-top:18px}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .itile{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;min-width:0;box-shadow:none}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .it-lbl{margin:0;flex:0 1 auto;min-width:0}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .it-num{font-size:22px;white-space:nowrap;overflow-wrap:normal;flex:0 0 auto}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .it-num.dim{color:var(--v2-mut)}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .itile.hero{background:var(--v2-b2);border-color:var(--v2-p);box-shadow:inset 3px 0 0 var(--v2-p)}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .itile.hero :is(.it-num,.it-lbl){color:var(--v2-bc)}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) .income-grid .itile.hero .it-num{font-size:26px}

/* «Период: июл авг сен»: подпись прилипала к месяцам, на телефоне месяцы становились кружками */
html[data-lab-v="2"]:not(#v):not(#w):not(#x) :is(.month-picker,.mp-row){display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) :is(.month-picker,.mp-row) .mp-lbl{width:auto;margin-right:6px;font:600 13px/1 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:0;color:var(--v2-mut)}
html[data-lab-v="2"]:not(#v):not(#w):not(#x) :is(.month-picker,.mp-row) .mp-chip{min-width:56px;padding:0 14px;height:36px;min-height:36px;justify-content:center}
@media (max-width:900px){ html[data-lab-v="2"]:not(#v):not(#w):not(#x) :is(.month-picker,.mp-row) .mp-chip{height:44px;min-height:44px} }