/* AlmoreTrade «Слежу»: панель наблюдения. Префикс sd-. Опирается на переменные и компоненты explore.css (xp-). */
.sd-top{display:flex;gap:24px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;margin:4px 0 18px}
.sd-top .xp-h1{margin:0}
.sd-top .xp-sub{margin:6px 0 0;max-width:760px}
.sd-search{flex:1 1 360px;max-width:560px}
.sd-search .xp-search{max-width:none}
.sd-app{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
.sd-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--xp-line);background:var(--xp-card);border-radius:16px;padding:10px}
.sd-nav{appearance:none;display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--xp-mut);font:inherit;font-size:16px;font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer;white-space:nowrap}
.sd-nav:hover{background:var(--xp-soft);color:var(--xp-fg)}
.sd-nav.on{background:var(--xp-soft);color:var(--xp-fg);box-shadow:inset 3px 0 0 var(--xp-gold)}
.sd-nav .ic{width:22px;text-align:center;font-size:17px}
.sd-nav i{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;min-width:22px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--xp-soft);color:var(--xp-mut)}
.sd-nav i.hot{background:var(--xp-bad);color:#fff}
.sd-sep{height:1px;background:var(--xp-line);margin:8px 6px}
.sd-side .xp-btn{width:100%;justify-content:flex-start;border-color:transparent;font-size:15px;padding:8px 12px}
.sd-side .xp-btn:hover{background:var(--xp-soft);border-color:transparent}
.sd-side .xp-note{padding:0 12px 6px;font-size:12.5px}
.sd-view>h2{font-size:24px;margin:0 0 4px}
.sd-view>.xp-note:first-of-type{margin-top:0}
.sd-kpis{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 16px}
.sd-kpi{border:1px solid var(--xp-line);background:var(--xp-card);border-radius:14px;padding:14px 16px;min-width:0}
.sd-kpi span{display:block;font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--xp-mut);font-weight:700}
.sd-kpi b{display:block;font-size:34px;line-height:1.15;font-weight:800;margin:4px 0 2px}
.sd-kpi small{display:block;font-size:13px;color:var(--xp-mut);line-height:1.35}
.sd-kpi.hot{border-color:var(--xp-warn)}
.sd-kpi.hot b{color:var(--xp-warn)}
.sd-kpi.bad b{color:var(--xp-bad)}
.sd-kpi.good b{color:var(--xp-good)}
.sd-cols{display:grid;gap:16px;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:start}
.sd-cols>div{min-width:0}
.sd-card{border:1px solid var(--xp-line);background:var(--xp-card);border-radius:16px;padding:16px 18px;margin:0 0 16px}
.sd-card>.hd{display:flex;align-items:baseline;gap:10px;justify-content:space-between;margin:0 0 10px}
.sd-card>.hd h3{margin:0;font-size:18px}
.sd-card>.hd a,.sd-card>.hd button.lk{font-size:14px;color:var(--xp-gold);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;padding:0}
.sd-card>.hd a:hover,.sd-card>.hd button.lk:hover{text-decoration:underline}
/* список наблюдения */
.sd-list{display:block}
.sd-head,.sd-row{display:grid;grid-template-columns:30px minmax(150px,1.2fr) 112px 76px 150px 128px minmax(120px,1fr) minmax(150px,1.3fr) 64px;gap:0 12px;align-items:center}
.sd-list.nocmp .sd-head,.sd-list.nocmp .sd-row{grid-template-columns:minmax(140px,1.2fr) 108px 70px 140px minmax(110px,1fr) 64px}
.sd-list.nocmp .h-w,.sd-list.nocmp .c-w,.sd-list.nocmp .h-ch,.sd-list.nocmp .c-ch{display:none}
.sd-list.nocmp .sd-ck{display:none}
.sd-head{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--xp-mut);font-weight:700;padding:0 4px 8px;border-bottom:1px solid var(--xp-line)}
.sd-rw{border-bottom:1px solid var(--xp-line)}
.sd-rw:last-child{border-bottom:0}
.sd-row{padding:12px 4px;font-size:15px}
.sd-row:hover{background:var(--xp-soft);border-radius:10px}
.sd-nm{display:block;text-decoration:none;color:var(--xp-fg);min-width:0}
.sd-nm b{display:block;font-size:19px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.sd-nm small{display:block;font-size:12.5px;color:var(--xp-mut);line-height:1.3}
.sd-c{min-width:0;line-height:1.35}
.sd-c .xp-pill{padding:2px 10px;font-size:13px}
.sd-pb{display:inline-block;vertical-align:middle;width:64px;height:7px;border-radius:4px;background:var(--xp-soft);margin-right:8px;position:relative;overflow:hidden}
.sd-pb i{position:absolute;left:0;top:0;bottom:0;background:var(--xp-good);border-radius:4px}
.sd-pb i.mid{background:var(--xp-warn)}.sd-pb i.bad{background:var(--xp-bad)}
.sd-sp svg{display:block;width:100%;max-width:150px;height:34px}
.sd-sp .ph{display:block;height:34px;border-radius:6px;background:linear-gradient(90deg,var(--xp-soft),transparent,var(--xp-soft));background-size:200% 100%;animation:axsk 1.4s linear infinite;max-width:150px}
.sd-chip{display:inline-block;font-size:12.5px;line-height:1.35;border-radius:8px;padding:2px 8px;margin:1px 4px 1px 0;border:1px solid var(--xp-line);color:var(--xp-mut)}
.sd-chip.hot{border-color:var(--xp-warn);color:var(--xp-warn)}
.sd-chip.bad{border-color:var(--xp-bad);color:var(--xp-bad)}
.sd-chip.ok{border-color:var(--xp-good);color:var(--xp-good)}
.sd-act{display:flex;gap:2px;justify-content:flex-end}
.sd-act button{appearance:none;border:0;background:none;color:var(--xp-mut);cursor:pointer;font-size:17px;line-height:1;padding:7px 8px;border-radius:8px;font-family:inherit}
.sd-act button:hover{background:var(--xp-soft);color:var(--xp-fg)}
.sd-act button.on{color:var(--xp-gold)}
.sd-ck input{width:18px;height:18px;accent-color:var(--xp-gold);cursor:pointer}
.sd-qv{padding:4px 6px 18px;display:grid;gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
.sd-qv[hidden]{display:none}
.sd-qv h4{margin:0 0 6px;font-size:14px;color:var(--xp-mut);font-weight:700;letter-spacing:.04em}
.sd-qv .xp-detail{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.sd-qv .acts{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.sd-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0 0 12px}
.sd-tools .grow{flex:1}
.sd-tools select{font:inherit;font-size:14px;color:var(--xp-fg);background:var(--xp-card);border:1px solid var(--xp-line);border-radius:10px;padding:7px 10px}
.sd-cmpbar[hidden]{display:none}
.sd-cmpbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--xp-gold);border-radius:12px;padding:8px 12px;margin:0 0 12px;background:var(--xp-soft);font-size:14.5px}
/* что изменилось */
.sd-chi{border:1px solid var(--xp-line);background:var(--xp-card);border-radius:14px;padding:12px 16px;margin:0 0 10px;display:grid;gap:4px 16px;grid-template-columns:minmax(150px,220px) minmax(0,1fr) auto;align-items:center}
.sd-chi.big{border-left:4px solid var(--xp-warn)}
.sd-chi.gone{border-left:4px solid var(--xp-bad)}
.sd-chi .nm a{font-size:19px;font-weight:800;color:var(--xp-fg);text-decoration:none}
.sd-chi .nm small{display:block;font-size:12.5px;color:var(--xp-mut)}
.sd-chi ul{list-style:none;margin:0;padding:0;font-size:14.5px}
.sd-chi li{padding:2px 0}
.sd-chi li.i{color:var(--xp-mut)}
.sd-chi .ac{display:flex;gap:8px;flex-wrap:wrap}
.sd-mini .sd-chi{grid-template-columns:1fr;padding:10px 12px}
.sd-mini .sd-chi .ac{margin-top:4px}
.sd-feed{display:grid;gap:8px}
.sd-feed .it{border-bottom:1px solid var(--xp-line);padding:0 0 8px}
.sd-feed .it:last-child{border-bottom:0;padding:0}
.sd-feed .it a{font-weight:800;color:var(--xp-fg);text-decoration:none}
.sd-feed .it div{font-size:13.5px;color:var(--xp-warn)}
/* состав */
.sd-mix{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
.sd-mix h4{margin:0 0 8px;font-size:13px;color:var(--xp-mut);letter-spacing:.05em;text-transform:uppercase}
.sd-stack{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--xp-soft)}
.sd-stack i{display:block;height:100%}
.sd-stack i.s{background:var(--xp-good)}.sd-stack i.m{background:var(--xp-warn)}.sd-stack i.e{background:var(--xp-mut)}.sd-stack i.b{background:var(--xp-blue)}.sd-stack i.c2{background:#c58bff}.sd-stack i.c3{background:var(--xp-gold)}.sd-stack i.c4{background:var(--xp-bad)}
.sd-lg{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:13px;color:var(--xp-mut)}
.sd-lg b{color:var(--xp-fg)}
/* карточки находок с кнопкой */
.sd-cw{position:relative}
.sd-cw .sd-add{position:absolute;top:9px;right:9px;z-index:2;appearance:none;border:1px solid var(--xp-line);background:var(--xp-card);color:var(--xp-fg);border-radius:9px;padding:3px 10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sd-cw .sd-add:hover{border-color:var(--xp-gold)}
.sd-cw .sd-add.on{border-color:var(--xp-gold);color:var(--xp-gold)}
.sd-cw .xp-item{padding-right:14px}
.sd-cw .xp-item .t{padding-right:92px;font-size:18px;overflow-wrap:anywhere}
/* сравнение */
.sd-pick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.sd-pick button{appearance:none;border:1px solid var(--xp-line);background:transparent;color:var(--xp-fg);border-radius:999px;padding:6px 14px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.sd-pick button.on{border-color:var(--xp-gold);color:var(--xp-gold)}
.sd-pick button .dt{width:10px;height:10px;border-radius:50%;background:var(--xp-mut)}
.sd-cmp-chart{width:100%;height:auto;display:block;overflow:visible}
.sd-cmp-chart text{fill:var(--xp-mut);font-size:11px;font-family:inherit}
.sd-cmp-t{width:100%;border-collapse:collapse;font-size:15px}
.sd-cmp-t th,.sd-cmp-t td{padding:9px 10px;border-bottom:1px solid var(--xp-line);text-align:left;vertical-align:top}
.sd-cmp-t thead th{font-size:16px}
.sd-cmp-t tbody th{font-size:13px;color:var(--xp-mut);font-weight:600;width:210px}
.sd-cmp-t a{color:var(--xp-fg);font-weight:800;text-decoration:none;border-bottom:1px dotted var(--xp-mut)}
.sd-leg{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;margin:6px 0 0}
.sd-leg i{display:inline-block;width:14px;height:4px;border-radius:2px;margin-right:6px;vertical-align:middle}
.sd-steps{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:12px 0 4px}
.sd-step{border:1px solid var(--xp-line);border-radius:14px;padding:14px 16px;background:var(--xp-card)}
.sd-step b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--xp-gold);color:#10131c;font-size:15px;margin-bottom:6px}
.sd-step div{font-size:15px;color:var(--xp-fg)}
.sd-step small{display:block;color:var(--xp-mut);font-size:13px;margin-top:2px}
@media (max-width:1240px){
 .sd-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sd-cols{grid-template-columns:minmax(0,1fr)}
 .sd-head,.sd-row,.sd-list.nocmp .sd-head,.sd-list.nocmp .sd-row{grid-template-columns:30px minmax(150px,1.2fr) 112px 76px 150px minmax(120px,1fr) 64px}
 .sd-list.nocmp .sd-head,.sd-list.nocmp .sd-row{grid-template-columns:minmax(150px,1.2fr) 112px 76px 150px minmax(120px,1fr) 64px}
 .sd-head .h-w,.sd-row .c-w,.sd-head .h-ch,.sd-row .c-ch{display:none}
}
@media (max-width:960px){
 .sd-app{grid-template-columns:minmax(0,1fr);gap:16px}
 .sd-side{position:static;flex-direction:row;overflow-x:auto;padding:6px;gap:2px;scrollbar-width:thin}
 .sd-side .sd-sep,.sd-side .xp-note,.sd-side .xp-btn{display:none}
 .sd-nav{width:auto;padding:8px 12px;font-size:15px;flex:none}
 .sd-qv{grid-template-columns:minmax(0,1fr)}
 .sd-steps{grid-template-columns:minmax(0,1fr)}
 .sd-mix{grid-template-columns:minmax(0,1fr)}
 .sd-chi{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
 .sd-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sd-kpi b{font-size:28px}
 .sd-head{display:none}
 .sd-row,.sd-list.nocmp .sd-row{grid-template-columns:28px minmax(0,1fr) auto;gap:6px 10px;padding:12px 2px}
 .sd-list.nocmp .sd-row{grid-template-columns:minmax(0,1fr) auto}
 .sd-row .c-pr,.sd-row .c-w,.sd-row .c-ch{display:none}
 .sd-row .c-l,.sd-row .c-st,.sd-row .c-sp{grid-column:2}
 .sd-list.nocmp .sd-row .c-l,.sd-list.nocmp .sd-row .c-st,.sd-list.nocmp .sd-row .c-sp{grid-column:1}
 .sd-row .sd-act{grid-row:1;grid-column:3}
 .sd-list.nocmp .sd-row .sd-act{grid-column:2}
 .sd-row .c-st:before{content:"стоп ";color:var(--xp-mut)}
 .sd-sp svg,.sd-sp .ph{max-width:none}
 .sd-card{padding:14px}
}
@media (prefers-reduced-motion:reduce){.sd-sp .ph{animation:none}}

/* аккаунт и подсказка о сохранении */
.sd-acct{padding:4px 12px 6px;font-size:13.5px}
.sd-acct .ok{color:var(--xp-good);font-weight:700;font-size:14px}
.sd-acct .gu{font-weight:700;font-size:14px}
.sd-acct .xp-note{padding:0;margin:4px 0 8px;font-size:12.5px}
.sd-acct .xp-btn{width:auto;display:inline-flex;font-size:14px;padding:7px 12px;margin:0 4px 4px 0;border-color:var(--xp-line)}
.sd-acct .xp-btn.p{border-color:var(--xp-gold)}
.sd-alert{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;font-size:13.5px;cursor:pointer;margin-top:6px}
.sd-alert small{grid-column:2;color:var(--xp-mut);font-size:12px;line-height:1.35}
.sd-alert input{accent-color:var(--xp-gold);margin-top:3px}
.sd-nudge{display:flex;gap:14px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid var(--xp-gold);background:var(--xp-soft);border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:15px;line-height:1.5}
.sd-nudge>div:first-child{flex:1 1 380px;min-width:0}
.sd-nudge .ac{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:960px){.sd-side .sd-acct{display:none}}