/* Кабинет 2.0: графит + золото. Одна тёмная тема — так задумано («презентабельно и дорого»). */
:root{
  --bg:#0D0E11;--surface:#16181D;--surface2:#1D2027;--fg:#F3EFE6;--muted:#A7A39B;--faint:#8C887F;--line:#2A2E37;--line2:#3A3F4A;
  --gold:#D8B26E;--gold-hi:#EBCB8F;--gold-ink:#1A1408;--gold-soft:#2A2316;--gold-line:#3A3222;--gold-bg:#1C1810;
  --go:#8FD9AE;--go-bg:#1F2A22;--look:#F2B867;--look-bg:#3A2A12;--skip:#F2A99B;--skip-bg:#3A1D18;--info:#9DB8F5;--info-bg:#1E2638;
  --radius:18px;--font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hi)}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2{font-family:var(--serif);font-weight:600;margin:0;line-height:1.1;text-wrap:balance}
h1{font-size:32px}h2{font-size:24px}
.head{padding:20px 16px 14px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(140% 100% at 100% 0%,#241E14 0%,var(--bg) 70%)}
.body{padding:6px 16px 16px;display:flex;flex-direction:column;gap:12px}
.sub{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.sec{font-family:var(--serif);font-size:22px;font-weight:600;margin-top:10px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.sec small{font-family:var(--font);font-size:12px;color:var(--muted);font-weight:500}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:8px;color:var(--fg)}
a.card:hover{color:var(--fg);border-color:var(--line2)}
.card.gold{background:var(--gold-bg);border-color:var(--gold-line)}
.row{display:flex;gap:8px;align-items:center}
.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}
.t{font-size:16px;font-weight:700;line-height:1.3}
.small{font-size:13px}.xs{font-size:12px}.muted{color:var(--muted)}
.label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);font-weight:800}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}
.pill.go{background:var(--go-bg);color:var(--go)}.pill.look{background:var(--look-bg);color:var(--look)}.pill.skip{background:var(--skip-bg);color:var(--skip)}
.pill.info{background:var(--info-bg);color:var(--info)}.pill.mute{background:var(--surface2);color:var(--muted)}.pill.gold{background:var(--gold-soft);color:var(--gold)}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.pulse .dot,.live{animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}
.kv div{background:var(--surface2);border-radius:12px;padding:9px 11px;display:flex;flex-direction:column;gap:2px;min-width:0}
.kv span{font-size:11px;color:var(--muted)}.kv b{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.btn{min-height:44px;border-radius:14px;border:1px solid var(--line2);background:transparent;font-weight:700;font-size:14px;padding:0 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--fg)}
.btn.primary{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:800}
.btn.primary:hover{background:var(--gold-hi)}
.btn.ink{border-color:var(--gold);color:var(--gold)}
.btn.danger{color:var(--skip)}
.btn.sm{min-height:38px;font-size:13px;border-radius:12px;padding:0 12px}
.btn[aria-pressed="true"]{background:var(--gold-soft);border-color:var(--gold);color:var(--gold)}
.btn:disabled{opacity:.5;cursor:default}
.grow{flex:1}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chip{min-height:36px;padding:0 12px;border-radius:999px;background:transparent;border:1px solid var(--line);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;color:var(--muted)}
.chip[aria-pressed="true"]{background:var(--gold-soft);color:var(--gold);border-color:var(--gold)}
.seg{display:flex;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.seg button{flex:1;min-height:44px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:13px;font-weight:600;color:var(--muted);white-space:nowrap;padding:0 10px;cursor:pointer}
.seg button[aria-selected="true"]{color:var(--gold);border-bottom-color:var(--gold);font-weight:800}
textarea,input[type=text],input[type=number],input[type=time],select{width:100%;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:10px 12px;min-height:44px;color:var(--fg)}
textarea:focus,input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}
textarea{resize:vertical}
textarea.code{font:13px/1.5 ui-monospace,Menlo,monospace;min-height:60vh}
label{font-size:13px;font-weight:600;color:var(--muted);display:flex;flex-direction:column;gap:6px}
.chat{display:flex;flex-direction:column;gap:10px}
.msg{max-width:88%;padding:10px 12px;border-radius:18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}
.msg.user{align-self:flex-end;background:var(--gold-soft);border:1px solid var(--gold-line);border-bottom-right-radius:4px}
.msg.agent{align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-bottom-left-radius:4px}
.msg.error{align-self:flex-start;background:var(--skip-bg);color:var(--skip)}
.msg time{display:block;font-size:11px;color:var(--faint);margin-top:4px}
.composer{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));background:var(--bg);padding:8px 0;display:flex;gap:8px;align-items:flex-end}
.composer textarea{min-height:48px;max-height:160px;border-radius:16px}
.composer .btn{width:48px;height:48px;border-radius:50%;padding:0;flex:none}
.composer .mic-btn{border-color:var(--gold);color:var(--gold)}
.composer .mic-btn.rec{background:#E8806F;border-color:#E8806F;color:var(--gold-ink);animation:ring 1.2s ease-out infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(232,128,111,.5)}100%{box-shadow:0 0 0 16px rgba(232,128,111,0)}}
.rec-hint:empty{display:none}
.log{display:flex;flex-direction:column;gap:2px;border-left:2px solid var(--line);padding-left:10px}
.log .when{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.list{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px}
.lvl{font-size:11px;font-weight:800;padding:2px 6px;border-radius:6px;white-space:nowrap}
.lvl-стоп,.lvl-стоп-до-выяснения{background:var(--skip-bg);color:var(--skip)}
.lvl-высокий{background:var(--look-bg);color:var(--look)}
.lvl-средний{background:var(--surface2);color:#D9D4CA}
.lvl-низкий{background:var(--go-bg);color:var(--go)}
.pod{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-top:1px solid var(--line)}
.pod:first-of-type{border-top:0}
.bar{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));background:rgba(13,14,17,.94);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:10px 16px;display:flex;flex-direction:column;gap:8px;margin:0 -16px}
.empty{text-align:center;color:var(--muted);padding:32px 16px;font-size:14px}
.tabbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(13,14,17,.96);backdrop-filter:blur(10px);border-top:1px solid #22252C;padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));z-index:10}
.tabbar a{min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:11px;font-weight:600}
.tabbar a[aria-current="page"]{color:var(--gold);font-weight:800}
.tabbar svg,.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.back{font-size:14px;font-weight:700;min-height:36px;display:inline-flex;align-items:center;gap:4px}
#toast{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--gold);color:var(--gold-ink);padding:10px 14px;border-radius:14px;font-size:14px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s;max-width:calc(100% - 32px);z-index:40}
#toast.on{opacity:1}
.progress{height:6px;border-radius:3px;background:var(--surface2);overflow:hidden}
.progress i{display:block;height:100%;background:var(--gold)}
details summary{cursor:pointer;font-weight:700;font-size:14px;min-height:36px;display:flex;align-items:center}
.md{white-space:pre-wrap;font-size:13px;overflow-wrap:anywhere}

/* Главная */
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.stats div{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;background:var(--surface);min-width:0}
.stats span{font-size:11px;color:var(--muted)}.stats b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.stats .hot{border-color:var(--gold-line);background:var(--gold-bg)}.stats .hot span,.stats .hot b{color:var(--gold)}
.status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--muted)}
.status .dot{background:#6FCF97}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.team a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--surface);color:var(--fg);min-width:0}
.team a>span:last-child{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team a small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.ava{flex:none;width:36px;height:36px;border-radius:50%;background:var(--surface2);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;position:relative}
.ava i{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--surface)}
.ava.gold{background:radial-gradient(circle at 35% 30%,#F1D9A6,#A9813F);color:var(--gold-ink);font-family:var(--serif);font-size:20px}
.dock{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));padding:10px 0 4px;background:linear-gradient(transparent,var(--bg) 30%);z-index:5}
.dock a{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 12px;border-radius:22px;background:var(--surface2);border:1px solid var(--gold-line);color:var(--fg)}
.dock .ava{width:44px;height:44px;font-size:22px}
.dock .mic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--gold);display:flex;align-items:center;justify-content:center;color:var(--gold-ink);animation:breathe 2.4s ease-out infinite}
@keyframes breathe{0%{box-shadow:0 0 0 0 rgba(216,178,110,.35)}70%,100%{box-shadow:0 0 0 10px rgba(216,178,110,0)}}

/* Вход */
#lock{position:fixed;inset:0;z-index:50;background:radial-gradient(120% 70% at 50% 0%,#1F1B14 0%,var(--bg) 60%);display:flex;flex-direction:column;align-items:center;padding:calc(56px + env(safe-area-inset-top,0px)) 32px 32px;gap:24px;overflow:auto}
#lock[hidden]{display:none}
.crest{width:84px;height:84px;border-radius:50%;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;background:#15130F;animation:glow 4s ease-in-out infinite}
@keyframes glow{50%{box-shadow:0 0 40px 6px rgba(216,178,110,.18)}}
.pin-dots{display:flex;gap:18px}
.pin-dots i{width:14px;height:14px;border-radius:50%;border:1px solid #5A564E}
.pin-dots i.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 12px rgba(216,178,110,.6)}
.pin-dots.shake{animation:shake .4s}
@keyframes shake{25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}
.keypad{display:grid;grid-template-columns:repeat(3,72px);gap:16px;justify-content:center}
.keypad button{width:72px;height:72px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:26px;font-weight:600;cursor:pointer}
.keypad button:active{background:var(--line)}
.keypad button.ghost{border:0;background:transparent;font-size:14px;color:var(--muted)}

/* Путь сделки */
.route{display:flex;flex-direction:column;padding:4px 4px 0}
.st{display:flex;align-items:center;gap:12px;position:relative;padding:6px 0}
.st::before{content:"";position:absolute;left:15px;top:-6px;height:12px;width:2px;background:var(--line)}
.st:first-child::before{display:none}
.st.done::before,.st.now::before{background:var(--gold)}
.st b{flex:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--surface);color:#6E6A62;border:1px solid var(--line)}
.st.done b{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.st.now b{background:var(--bg);color:var(--gold);border:2px solid var(--gold);animation:beacon 1.8s ease-out infinite}
@keyframes beacon{0%{box-shadow:0 0 0 0 rgba(216,178,110,.6)}100%{box-shadow:0 0 0 14px rgba(216,178,110,0)}}
.st span{font-size:14px;font-weight:600;color:var(--faint)}
.st.done span{color:var(--fg);font-weight:700}.st.now span{color:var(--gold);font-weight:800}
.st small{display:block;font-size:11px;color:var(--muted);font-weight:500}
.mini-route{display:flex;gap:3px}
.mini-route i{flex:1;height:5px;border-radius:3px;background:var(--line)}
.mini-route i.on{background:var(--gold)}

/* Обучение */
.mods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.mods button{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:4px 0;cursor:pointer;text-align:left;font-size:11px;font-weight:600;color:var(--faint)}
.mods button i{display:block;height:4px;border-radius:2px;background:var(--line)}
.mods button[aria-current="true"]{color:var(--gold);font-weight:800}
.mods button[aria-current="true"] i{background:var(--gold)}
.scheme{border-radius:22px;border:1px solid var(--line);background:#121317;padding:12px;display:flex;flex-direction:column;gap:8px}
.scheme div{border-radius:12px;padding:0 12px;min-height:40px;display:flex;align-items:center;justify-content:space-between;border:1px solid #22252C;background:var(--surface);opacity:.35;font-size:12px;font-weight:600;color:var(--muted)}
.scheme div.on{opacity:1;border:2px solid var(--gold);background:var(--gold-bg);box-shadow:0 0 0 4px rgba(216,178,110,.15);color:var(--fg);font-weight:800}
.scheme div.on::after{content:attr(data-n);width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.nudge{display:flex;justify-content:center;color:var(--gold);animation:nudge 1.2s ease-in-out infinite}
@keyframes nudge{50%{transform:translateY(-6px)}}
.tour-dots{display:flex;justify-content:center;gap:6px}
.tour-dots i{height:6px;width:6px;border-radius:3px;background:var(--line2)}
.tour-dots i.on{width:22px;background:var(--gold)}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}

/* Вкладки лота в две строки — все видны сразу */
.seg.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}
.seg.grid3 button{padding:0 4px}
.how-btn{align-self:flex-start}

/* Подсказки «куда нажимать» */
.help{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold);background:transparent;color:var(--gold);font:800 16px var(--font);cursor:pointer}
#coach{position:fixed;inset:0;z-index:60}
.coach-spot{position:fixed;border-radius:14px;border:2px solid var(--gold);box-shadow:0 0 0 9999px rgba(5,5,7,.8),0 0 24px rgba(216,178,110,.5);pointer-events:none;transition:all .25s}
.coach-tip{position:fixed;left:16px;right:16px;background:var(--surface2);border:1px solid var(--gold-line);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 12px 40px rgba(0,0,0,.5)}
.coach-arrow{position:absolute;top:-34px;width:28px;height:28px;fill:none;stroke:var(--gold);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:nudge 1.2s ease-in-out infinite}
.coach-arrow.down{top:auto;bottom:-34px;transform:rotate(180deg);animation:none}

/* План «Как будем делать» */
.plan h2{font-size:24px}
.plan .list{margin:2px 0}
.tbl{overflow-x:auto}
.tbl table{border-collapse:collapse;font-size:12px;min-width:100%}
.tbl th,.tbl td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.tbl th{color:var(--gold);font-weight:800}

/* Анализ и план: вердикт и «полки» */
.verdict{border-radius:22px;padding:18px 16px;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);background:radial-gradient(120% 140% at 100% 0%,#241E14 0%,var(--surface) 70%)}
.verdict .big{font-family:var(--serif);font-size:40px;font-weight:700;line-height:1}
.verdict .why{font-size:14px;color:#E6DCC6;line-height:1.45}
.verdict.go .big{color:var(--go)}.verdict.look .big{color:var(--gold)}.verdict.skip .big{color:var(--skip)}
.verdict.go{border-color:#2C4434}.verdict.look{border-color:var(--gold-line)}.verdict.skip{border-color:#4A2A24}
.shelf{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}
.shelf.gold{background:var(--gold-bg);border-color:var(--gold-line)}
.shelf header,.shelf summary{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--gold)}
.shelf header .ic,.shelf summary .ic{width:20px;height:20px;flex:none}
.dots{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dots li{position:relative;padding-left:16px;font-size:14px;line-height:1.45}
.dots li::before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.dots b{font-weight:800}
.roles{display:flex;flex-direction:column;gap:8px}
.role{background:var(--surface2);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.tl li{display:flex;gap:12px;position:relative;padding-bottom:14px}
.tl li:not(:last-child)::after{content:"";position:absolute;left:27px;top:30px;bottom:0;width:2px;background:var(--gold-line)}
.tl .d{flex:none;min-width:56px;height:28px;border-radius:999px;background:var(--gold);color:var(--gold-ink);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 8px}
.tl b{font-size:14px}

/* Кликабельные плитки и «Работа штаба» */
.stats a{border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:2px;background:var(--surface);min-width:0;color:var(--fg)}
.stats a span{font-size:11px;color:var(--muted)}.stats a b{font-size:16px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.2}
.stats a i{font-style:normal;font-size:11px;color:var(--gold);margin-top:2px}
.stats a.hot{border-color:var(--gold-line);background:var(--gold-bg)}.stats a.hot span,.stats a.hot b{color:var(--gold)}
.work-card:hover{border-color:var(--gold-line)}
.job .ava{width:28px;height:28px;font-size:11px}
.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.task summary{list-style:none;display:block}
.task summary::-webkit-details-marker{display:none}
.task[open] summary{margin-bottom:6px}
#decisions{scroll-margin-top:12px}

/* Документы заказчика в лоте */
.files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.files li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.files li:last-child{border-bottom:0}
.files li .small{overflow-wrap:anywhere}
.files li .xs{flex:none;display:flex;align-items:center;gap:6px}
.files .x{background:none;border:0;color:var(--muted);font-size:14px;padding:6px;min-width:32px;min-height:32px;cursor:pointer}
.upl{align-self:flex-start;cursor:pointer}
/* Зависшие задачи */
.stale-note{border-color:rgba(242,169,155,.35)}

/* Избранное */
.fav-btn.on{color:var(--gold);border-color:var(--gold-line);background:var(--gold-bg)}
.fav-card{border-color:var(--gold-line)}
.fav-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--fg)}
.fav-row:last-of-type{border-bottom:0}
.fav-row > span{display:flex;flex-direction:column;gap:2px}
.fav-row .star{color:var(--gold);font-size:16px}
.fav-note{display:flex;gap:6px;align-items:baseline;font-size:13px;color:var(--muted)}
.fav-note span{color:var(--gold)}
.hot-days{color:var(--skip);font-weight:700}

/* Заморозка денег на карточке лота */
.freeze{font-size:12.5px;color:var(--muted)}
.freeze b{color:var(--fg);font-weight:700}
.freeze.zero b{color:var(--go)}
.bar .row .btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:8px;padding-right:8px;min-width:0;flex:1 1 0}

/* Путь сделки: этапы нажимаются, раскрывается «мысль штаба» */
button.st{background:none;border:0;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.st > span{flex:1}
.st .chev{font-style:normal;color:var(--faint);font-size:20px;transition:transform .2s}
.st[aria-expanded="true"] .chev{transform:rotate(90deg);color:var(--gold)}
.st:not(.seen):not(.now) .chev{animation:twinkle 2.6s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:1;color:var(--gold)}}
.tip-tag{font-style:normal;font-size:11px;font-weight:800;color:var(--gold-ink);background:linear-gradient(110deg,var(--gold) 0%,var(--gold-hi) 45%,#fff3d6 50%,var(--gold-hi) 55%,var(--gold) 100%);background-size:250% 100%;
  padding:4px 9px;border-radius:999px;animation:shimmer 2.4s linear infinite,breathe 2.4s ease-out infinite;white-space:nowrap}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.st[aria-expanded="true"] .tip-tag{animation:none}
.st-note{margin:2px 0 8px 44px;padding:12px 14px;border-radius:14px;background:var(--gold-bg);border:1px solid var(--gold-line);display:flex;flex-direction:column;gap:10px;animation:drop .22s ease-out}
.st-note .btn{align-self:flex-start}
@keyframes drop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.route-hint{display:flex;align-items:center;gap:6px}
.route-hint .spark{color:var(--gold);animation:twinkle 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.tip-tag,.st .chev,.route-hint .spark,.st.now b{animation:none}}

/* Лоты: сортировка и фильтры «как на Авито» */
.btn.sel{justify-content:center;gap:6px}
.btn.sel .ic{width:16px;height:16px}
.btn.sel .caret{color:var(--muted);font-size:11px}
.btn.sel.on{border-color:var(--gold-line);color:var(--gold);background:var(--gold-bg)}
.btn.sel .cnt{background:var(--gold);color:var(--gold-ink);border-radius:999px;font-size:11px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.chip.on-chip{border-color:var(--gold-line);color:var(--gold);background:var(--gold-bg)}
.chips.wrap{flex-wrap:wrap;overflow:visible}
#sheet{position:fixed;inset:0;z-index:60}
.sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.55);animation:fade .18s}
.sheet-card{position:absolute;left:0;right:0;bottom:0;max-height:88vh;overflow-y:auto;background:var(--surface);border-top:1px solid var(--line2);border-radius:22px 22px 0 0;
  padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;animation:rise .22s ease-out}
#sheet.out .sheet-card{transform:translateY(100%);transition:transform .18s}
#sheet.out .sheet-bg{opacity:0;transition:opacity .18s}
@keyframes rise{from{transform:translateY(100%)}to{transform:none}}
@keyframes fade{from{opacity:0}}
.sheet-grip{width:40px;height:4px;border-radius:2px;background:var(--line2);align-self:center}
.sheet-title{font-family:var(--serif);font-size:22px;font-weight:600}
.sheet-title .link{background:none;border:0;color:var(--gold);font:600 14px var(--sans, inherit);cursor:pointer}
.sheet-opt{display:flex;justify-content:space-between;align-items:center;min-height:50px;padding:0 4px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--fg);font-size:15px;text-align:left;cursor:pointer}
.sheet-opt[aria-pressed="true"]{color:var(--gold);font-weight:700}
.fgroup{display:flex;flex-direction:column;gap:8px}
.flabel{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700}
.switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer}
.switch span{display:flex;flex-direction:column;font-size:15px}
.switch small{font-size:12px;color:var(--muted)}
.switch input{position:absolute;opacity:0;pointer-events:none}
.switch i{flex:none;width:46px;height:28px;border-radius:999px;background:var(--line2);position:relative;transition:background .2s}
.switch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--fg);transition:transform .2s}
.switch input:checked + i{background:var(--gold)}
.switch input:checked + i::after{transform:translateX(18px);background:var(--gold-ink)}
.switch input:focus-visible + i{outline:2px solid var(--gold);outline-offset:2px}
/* Значок сортировки по сумме рядом с режимами */
.modes .btn{white-space:nowrap;padding-left:8px;padding-right:8px;min-width:0}
.sum-btn{flex:none;min-width:52px;font-weight:800;gap:2px}
.sum-btn .arr{font-size:15px;line-height:1}
.sum-btn[aria-pressed="false"] .arr{opacity:.45}
.st-note[hidden]{display:none}
.st-note .next{padding-top:8px;border-top:1px solid var(--gold-line)}
.st-note .label{margin:0}