/* Новые элементы кабинета поверх макета. Раскладка макета не меняется:
   здесь только то, чего в макете не было (вход, меню аватара, «Скоро»,
   подробности карточки), и пустые состояния вместо цифр. */

[hidden]{display:none!important}
button{font:inherit;color:inherit}
.canvas{overflow:clip}

/* --- вход --- */
.login-screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:16px;background:radial-gradient(ellipse at 48% 43%,#ececed 0%,#d7d8da 70%,#caccce 100%);z-index:20}
.login-card{width:min(440px,100%);padding:34px 32px 28px;border-radius:28px;background:linear-gradient(130deg,#f9f8f5f2,#f1f0eae6);box-shadow:0 18px 40px #30383930,inset 0 1px 2px #fff;color:#092033;font-family:Roboto,Arial,sans-serif}
.login-logo{width:52px;height:53px}
.login-card h1{font-size:22px;line-height:28px;margin:16px 0 8px;font-weight:600;letter-spacing:-.3px}
.login-lead{font-size:14px;line-height:21px;color:#5a6a75;margin-bottom:22px}
.login-card label{display:block;font-size:13px;color:#435464;margin-bottom:6px}
.login-card input{width:100%;height:48px;border-radius:16px;border:1px solid #cfd3d0;background:#fff;padding:0 16px;font-size:15px;color:#092033}
.login-card input:focus-visible{outline:2px solid #2f86e8;outline-offset:1px}
.login-submit,.login-demo{width:100%;height:48px;margin-top:12px;border-radius:25px;border:0;cursor:pointer;font-size:15px}
.login-submit{background:linear-gradient(#3b4144,#2f3538);color:#fff;box-shadow:inset 0 2px 2px #ffffff20}
.login-submit:disabled{opacity:.7;cursor:progress}
.login-or{margin-top:20px;text-align:center}
.login-or>span{display:block;font-size:12px;color:#7a8890;margin-bottom:2px}
.login-demo{background:#e6e5df;color:#1f3340;box-shadow:inset 0 1px 2px #fff9}
.login-or p{font-size:12px;color:#7a8890;margin-top:8px}
.login-error{margin-top:16px;padding:12px 14px;border-radius:14px;background:#fbe1e3;color:#9b1c25;font-size:14px;line-height:20px}

/* --- шапка --- */
.brand>span{font-size:19px!important;letter-spacing:.2px}
.topnav button.navitem{border:0;cursor:pointer;color:inherit;font-family:inherit}
.topnav button.navitem:focus-visible{outline:2px solid #2f86e8;outline-offset:2px}
.notification.quiet:after{display:none}
.toptools .avatar{width:48px;height:49px;border-radius:50%;border:0;background:linear-gradient(130deg,#6a6e6b88,#767a7755);display:flex;align-items:center;justify-content:center;color:#f3f3f0;font-size:16px;cursor:pointer}
.toptools .avatar:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(max-width:900px){.toptools .avatar{width:30px;height:30px;font-size:12px;background:#d2d3cd;color:#273b43}}

.account-menu{position:fixed;z-index:30;min-width:240px;max-width:320px;padding:12px;border-radius:20px;background:#f8f8f5f7;box-shadow:0 14px 36px #17382c33;backdrop-filter:blur(14px);font-family:Roboto,Arial,sans-serif;color:#092033}
.account-title{font-size:13px;color:#5a6a75;padding:4px 8px 10px;border-bottom:1px solid #e1e2dc;margin-bottom:6px}
.account-menu button{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:12px;font-size:14px;cursor:pointer}
.account-menu button:hover,.account-menu button:focus-visible{background:#ebebe6;outline:none}
.account-shop small{font-size:11px;color:#7a8890}
.account-shop[aria-checked="true"]{font-weight:600}
.account-shop.no-data{color:#8a969c}
.account-shops{border-bottom:1px solid #e1e2dc;margin-bottom:6px;padding-bottom:6px}
.account-menu .danger{color:#b4232c}

/* --- пустые состояния: «считается», «нет фото» --- */
/* Пустые состояния — шрифтом и цветом подписей того же блока макета, не крупнее. */
.metric strong.pending,.daily-stat strong.pending{font-size:13px!important;line-height:16px!important;font-weight:400!important;letter-spacing:0!important;color:#435464!important;white-space:nowrap}
.feature-summary .feature-cell strong.pending{font-size:11px;line-height:16px;font-weight:400;letter-spacing:0;color:#607b8b;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.feature-summary .feature-cell strong.pending+p{display:none}
.trip-days b.pending{font-size:12px!important;line-height:16px!important;font-weight:400!important;letter-spacing:0!important;color:inherit}
.metric-title .period{color:#7a8890;font-weight:400}
.trust-badge{float:right;border:0;background:#f6ead7;color:#9a5a12;border-radius:10px;padding:1px 7px;font-size:11px;line-height:15px;cursor:pointer}
.trust-badge[data-вид="точно"]{background:#ddefe4;color:#1f6b46}
.trust-badge[data-вид="неизвестна"]{background:#eceeec;color:#6c7b82}
.trip-empty{font-size:13px;color:#5a6a75;padding:10px 6px}
.trip-noimg{width:38px;height:38px;border-radius:10px;background:#e9e8e2;flex:none}
.trip-product>span{overflow:hidden;text-overflow:ellipsis}
.route-note{position:absolute;left:14px;right:14px;bottom:6px;font-size:9px;line-height:11px;color:#6c7b88;text-align:center;pointer-events:none}
.route-tracker{position:relative}

/* --- плитки --- */
.figure-trigger{cursor:pointer}
.figure-trigger:focus-visible{outline:2px solid #408d85;outline-offset:3px}
.pending-tile .column-reading strong{font-size:12px!important;line-height:15px!important;font-weight:500!important;letter-spacing:0!important;white-space:normal}

/* --- карточка: шрифты из макета; здесь только обрезка и раскладка --- */
.product .tip .card-copy{display:flex;flex-direction:column;min-width:0;width:100%;height:100%;overflow:hidden}
.card-copy .tip-product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:none}
.card-copy h3{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;flex:none}
.card-copy .advice-details{flex:1 1 auto;min-height:0;overflow:hidden}
/* Нижний отступ абзаца из макета показывал бы краешек следующей строки под многоточием. */
.card-copy .advice-text{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;margin:0;padding-bottom:0!important}
.card-copy .advice-text:hover{text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:1px}
.card-copy .advice-text:focus-visible{outline:2px solid #2f86e8;outline-offset:2px;border-radius:4px}
.card-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin-top:auto;padding-top:6px;flex:none;min-width:0;overflow:hidden}
.card-actions button{flex:none;border:0;border-radius:14px;height:24px;padding:0 8px;font-size:11px;white-space:nowrap;cursor:pointer;background:#ffffffd0;color:#1f3340;box-shadow:0 1px 3px #0001}
.card-actions .primary{height:28px;padding:0 12px;font-size:12px;font-weight:600;background:linear-gradient(#3b4144,#2f3538);color:#fff}
.card-actions .more{display:none;width:28px;padding:0;font-size:14px;letter-spacing:1px}
.card-actions.compact .secondary{display:none}
.card-actions.compact .more{display:inline-block}
.card-actions button:focus-visible{outline:2px solid #2f86e8;outline-offset:1px}
#card-menu{position:fixed;inset:auto;margin:0;padding:6px;border:1px solid #d3e4df;border-radius:16px;background:#f8f8f5f7;box-shadow:0 12px 30px #17382c26}
#card-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:10px;font-size:13px;cursor:pointer}
#card-menu button:hover,#card-menu button:focus-visible{background:#ebebe6;outline:none}
.product.muted{opacity:.72}
.product-image.no-image{display:flex;align-items:center;justify-content:center;background:#e9e8e2;color:#7a8890;font-size:28px;font-weight:600}
.product .product-stats.dead-list{display:block;overflow:auto;padding:12px 14px;border-radius:14px;background:#f3f2ee;font-size:12px;color:#435464}
.dead-list ul{margin:4px 0 0;padding-left:18px;line-height:17px}
.dead-list li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* --- лента: пометки и спокойное пустое состояние --- */
.feed-note{font-size:12px;line-height:17px;color:#5a6a75;padding:2px 14px 4px}
.feed-calm{border-radius:22px;background:linear-gradient(110deg,#faf9f5d4,#f8f7f4c7);padding:26px 30px;color:#263e49}
.feed-calm h2{font-size:18px;font-weight:600;margin-bottom:6px}
.feed-calm p{font-size:14px;line-height:21px;color:#5a6a75}
.feed-problem h2{color:#9b1c25}
.feed-retry,.feed-muted-toggle{margin-top:12px;border:0;border-radius:20px;height:38px;padding:0 18px;background:#e6e5df;cursor:pointer;font-size:13px}
.feed-muted-toggle{justify-self:start;margin:4px 0 0 8px}

/* --- всплывашки: «Скоро», подробности, расчёт плитки --- */
#soon,#details{position:fixed;inset:auto;margin:0;padding:18px 20px;border:1px solid #d3e4df;border-radius:20px;background:#f6faf7f7;color:#20343d;box-shadow:0 12px 35px #17382c26;backdrop-filter:blur(14px);font-family:Roboto,Arial,sans-serif}
#soon::backdrop,#details::backdrop{background:transparent}
.soon-kicker{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#7a8890;margin:0 0 4px}
#soon h2{font-size:16px;font-weight:600;margin:0 0 6px}
#soon p:last-child{font-size:13px;line-height:19px;color:#4c5f68;margin:0}
#details{max-height:min(80vh,640px);overflow:auto}
#details h2{font-size:16px;line-height:21px;font-weight:600;margin:0 0 8px;padding-right:24px}
#details p{font-size:13px;line-height:19px;color:#4c5f68;margin:0 0 8px}
#details .details-lead{color:#1f3340;font-weight:600}
#details .caveat{color:#9a5a12}
#details .caveat:before{content:"⚠ "}
#details ul{font-size:13px;line-height:19px;padding-left:18px;margin:0 0 8px}
.figure-trust{font-size:12px;line-height:17px;margin:10px 0 0;color:#20534d}
.figure-trust[data-вид="примерно"]{color:#9a5a12}
.figure-trust[data-вид="неизвестна"]{color:#6c7b82}
.figure-steps{margin-top:10px;padding-top:10px;border-top:1px solid #d6e5df;max-height:46vh;overflow:auto}
.calc{margin-top:8px;padding:6px 12px;border-radius:14px;background:#ffffffb8}
.calc-row{padding:7px 0;border-bottom:1px dashed #d8dcd6}
.calc-row:last-child{border-bottom:0}
.calc-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#344a55}
.calc-head b{font-weight:600;white-space:nowrap}
#details .calc-trust,#stock-preview .calc-trust{font-size:11px;line-height:15px;margin:2px 0 0;color:#4d6a64}
.calc-trust[data-вид="примерно"]{color:#9a5a12!important}
.calc-trust[data-вид="неизвестна"]{color:#7b8a90!important}
#details .calc-step,#stock-preview .calc-step{font-size:11px;line-height:15px;margin:2px 0 0;color:#5a6a75}
#details .calc-kitchen{font-size:11px;line-height:15px;color:#6c7b82;font-style:italic}
.addon{margin-top:10px;padding:10px 12px;border-radius:14px;background:#fff6eccc;color:#1f3340}
.addon h4{font-size:13px;margin:0 0 4px}
.addon-item{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:16px;margin-top:6px;cursor:pointer}
.addon-item small{color:#5a6a75}
.addon-gain{color:#1f6b46!important}
.edit-order{margin:8px 0;padding:10px 12px;border-radius:14px;background:#eef4f8;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#1f3340}
.edit-periods{display:flex;gap:6px;width:100%}
.edit-periods button{border:1px solid #cfd3d0;background:#fff;border-radius:12px;height:30px;padding:0 10px;cursor:pointer;font-size:12px}
.edit-periods button[aria-pressed="true"]{background:#2f3538;color:#fff;border-color:#2f3538}
.edit-order input{width:90px;height:30px;border-radius:10px;border:1px solid #cfd3d0;padding:0 8px}
.edit-result{width:100%;margin:0!important}
.addon .primary,.edit-order .primary{border:0;border-radius:16px;height:30px;padding:0 14px;font-size:12px;cursor:pointer;background:linear-gradient(#3b4144,#2f3538);color:#fff}

/* --- сообщение о результате действия --- */
#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:40;max-width:min(560px,calc(100vw - 32px));padding:12px 18px;border-radius:18px;background:#263036f2;color:#fff;font-size:13px;line-height:19px;box-shadow:0 10px 30px #0003}

/* --- нижняя панель: все кнопки макета, часть — «скоро» --- */
.bottom-bar button.bar-widget,.bottom-bar button.bar-add{border:0;cursor:pointer}
.bottom-bar button.bar-widget{padding-top:0;padding-bottom:0}
.bottom-bar button.bar-add{background:transparent;border:1px dashed #b9bdb577}
.bottom-bar button:focus-visible{outline:2px solid #2f86e8;outline-offset:2px}
.order-menu button{display:block;width:100%;border:0;background:transparent;text-align:left;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:12px}
.order-menu button.selected{font-weight:600}

/* --- правки по сверке с макетом на 1440 --- */
.metric.roi .roi-ring.pending circle{stroke:#e3e3df!important}
#cargo-number{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;vertical-align:bottom}
.brand>span{font-size:16px!important;letter-spacing:.6px!important;opacity:1}
.feed-excluded{display:flex;align-items:center;gap:12px;border-radius:18px;background:#f3f2ee;padding:12px 18px;font-size:13px;color:#263e49}
.feed-excluded span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.feed-excluded small{color:#6c7b82;white-space:nowrap}
.feed-excluded button{border:0;border-radius:14px;height:28px;padding:0 12px;background:linear-gradient(#3b4144,#2f3538);color:#fff;font-size:12px;cursor:pointer}
/* «Все заявки →» в макете перекрыт пустой частью блока доставок: пустые места
   пропускают нажатия, сами карточки доставок нажимаются как прежде. */
.logistics-group .sidebar,.logistics-group .deliveries{pointer-events:none}
.logistics-group .deliveries>.delivery{pointer-events:auto}

/* ===== Настраиваемый экран: виджеты наверху и в баре ===== */

/* Верхний ряд: виджеты делят ширину поровну (в макете — четыре равные). */
.metrics.widgets-top{display:flex}
.widgets-top>.widget{flex:1 1 0;width:auto!important;min-width:0;cursor:pointer}
.widgets-top>.widget:focus-visible{outline:2px solid #2f86e8;outline-offset:2px}
.widget-card .widget-chart{position:absolute;left:19px;right:19px;bottom:22px;height:42px;width:calc(100% - 38px)}
.widget-card .widget-chart path{fill:none;stroke:#2f86e8;stroke-width:1.6;vector-effect:non-scaling-stroke}
.widget-card .widget-chart rect{fill:#9cc1e6}
.widget-card .widget-note{position:absolute;left:19px;right:19px;bottom:8px;font-size:10px;line-height:12px;color:#7a8890;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.widget-shares{position:absolute;left:19px;right:19px;bottom:26px;display:flex;height:10px;border-radius:6px;overflow:hidden;gap:2px}
.widget-shares i{display:block;height:100%}
.widget-shares .share-0{background:#9cc1e6}.widget-shares .share-1{background:#f3b26b}.widget-shares .share-2{background:#e8838c}.widget-shares .share-3{background:#a5d3b7}
.widget-shares-legend{position:absolute;left:0;right:0;top:-16px;font-size:10px;line-height:12px;color:#5a6a75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Бар: AI Agent и кнопки виджетов — равными долями, как сетка макета. */
.bottom-bar{display:flex!important;align-items:stretch}
.bottom-bar>.bar-agent{flex:1 1 0;min-width:0}
.bottom-bar>.bar-ideas,.bottom-bar>.bar-microphone{flex:0 0 auto}
.bottom-bar>.bar-add{flex:0 0 34px}
.bar-widgets{display:flex;gap:8px;min-width:0;flex:9 1 0}
.bar-widgets>.widget{flex:1 1 0;min-width:0;cursor:grab}
.bar-widgets>.widget>span{overflow:hidden;text-overflow:ellipsis}
.bar-widgets.tight{gap:4px}
.bar-widgets.tight>.widget{gap:4px;padding-left:2px;padding-right:2px}
.bar-widgets.icons>.widget>span{display:none}
.bar-kpi svg{stroke-linecap:round}
.widget-badge.widget-value{background:#5f6f78;white-space:nowrap;font-size:10px;line-height:14px;padding:1px 4px;min-width:0}

/* Перетаскивание. */
.widget[draggable="true"]{user-select:none}
body.dragging-widget .widgets-top,body.dragging-widget .bar-widgets{outline:2px dashed #2f86e866;outline-offset:3px;border-radius:14px}
.widgets-top.drop-full,.bar-widgets.drop-full{outline-color:#e8838c!important}
.widget.drop-before{box-shadow:-4px 0 0 #2f86e8}
.widget.drop-after{box-shadow:4px 0 0 #2f86e8}

/* «Настроить экран». */
#screen-menu{position:fixed;inset:auto;margin:0;padding:14px 16px;border:1px solid #d3e4df;border-radius:20px;background:#f8f8f5f7;box-shadow:0 12px 30px #17382c26;font-family:Roboto,Arial,sans-serif;color:#20343d;max-height:80vh;overflow:auto}
#screen-menu h4{font-size:12px;color:#5a6a75;margin:10px 0 4px}
.screen-row{display:flex;align-items:center;gap:4px;padding:3px 0;font-size:13px}
.screen-row span{flex:1}
.screen-row button{border:0;border-radius:10px;height:26px;min-width:26px;padding:0 8px;background:#ebebe6;cursor:pointer;font-size:12px}
.screen-row button:disabled{opacity:.4;cursor:default}
.screen-row .screen-move{min-width:64px;background:#2f3538;color:#fff}
.screen-reset{margin-top:12px;width:100%;border:0;border-radius:14px;height:32px;background:#e6e5df;cursor:pointer;font-size:13px}

/* Внутрянка. */
#widget-panel{position:fixed;inset:auto;margin:0;padding:18px 20px;border:1px solid #d3e4df;border-radius:22px;background:#f6faf7f9;color:#20343d;box-shadow:0 16px 40px #17382c33;font-family:Roboto,Arial,sans-serif;max-height:min(80vh,620px);overflow:auto}
#widget-panel h2{font-size:17px;font-weight:600;margin:0 0 8px}
.widget-coverage{font-size:11px;line-height:15px;color:#5a6a75;margin:2px 0 8px}
.widget-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.widget-tabs button{border:1px solid #cfd3d0;background:#fff;border-radius:12px;height:28px;padding:0 10px;font-size:12px;cursor:pointer}
.widget-tabs button[aria-selected="true"]{background:#2f3538;color:#fff;border-color:#2f3538}
.widget-table{width:100%;border-collapse:collapse;font-size:12px}
.widget-table th{text-align:left;font-weight:500;color:#5a6a75;border-bottom:1px solid #d6e5df;padding:5px 6px}
.widget-table td{border-bottom:1px dashed #e1e6e2;padding:5px 6px;vertical-align:top}
.widget-table td.empty{color:#7a8890}
.widget-tasks{list-style:none;padding:0;margin:6px 0}
.widget-tasks button{border:0;background:transparent;text-align:left;padding:6px 4px;font-size:13px;cursor:pointer;width:100%;border-radius:8px}
.widget-tasks button:hover{background:#ebebe6}

/* ===== Корзина заявки (левый блок) ===== */
.trip-content{display:flex;flex-direction:column;min-height:0}
.cart-list{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin}
.cart-row{cursor:grab}
.cart-row .cart-name{flex:1;min-width:0;display:flex;flex-direction:column}
.cart-row .cart-name>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cart-row .cart-name small{font-size:10px;line-height:13px;color:#607b8b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cart-row.cart-warn .cart-name small{color:#9a5a12}
.cart-qty{display:flex;align-items:center;gap:2px;font-weight:600;white-space:nowrap}
.cart-qty-input{width:48px;border:1px solid transparent;background:transparent;font:inherit;text-align:right;border-radius:8px;padding:0 2px;-moz-appearance:textfield}
.cart-qty-input:hover,.cart-qty-input:focus{border-color:#cfd3d0;background:#fff}
.cart-qty-input::-webkit-inner-spin-button{opacity:.6}
.cart-remove{border:0;background:transparent;width:22px;height:22px;border-radius:50%;cursor:pointer;color:#7a8890;font-size:16px;line-height:1}
.cart-remove:hover{background:#ffffffaa;color:#9b1c25}
.cart-footer{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex:none}
.cart-total{flex:1 1 100%;font-size:11px;line-height:15px;color:#5a6a75}
.cart-footer .cart-all-orders{background:transparent}
.cart-footer .cart-send{margin-left:auto;border:0;border-radius:16px;height:30px;padding:0 14px;background:linear-gradient(#3b4144,#2f3538);color:#fff;font-weight:600;cursor:pointer}
.cart-footer .cart-send:disabled{opacity:.5;cursor:default}
.cargo-ready.cart-drop{outline:2px dashed #2f86e8;outline-offset:-4px;border-radius:24px}
.products.cart-return{outline:2px dashed #e8838c;outline-offset:2px;border-radius:24px}
body.dragging-product .cargo-ready{outline:2px dashed #2f86e866;outline-offset:-4px;border-radius:24px}

/* Узкий экран: в макете бар скрыт, но без него не добраться до виджетов бара
   и «Настроить экран» — показываем его строкой иконок внизу экрана. */
@media(max-width:900px){
 .bottom-bar{display:flex!important;position:fixed!important;left:0!important;right:0!important;width:auto!important;bottom:0;top:auto!important;height:52px!important;z-index:15;gap:6px;padding:6px 8px;background:#2b3133f2;border-radius:16px 16px 0 0}
 .bottom-bar>.bar-agent>span,.bar-widgets>.widget>span{display:none}
 .bottom-bar>.bar-agent{flex:0 0 auto;padding:0 10px}
 .viewport{padding-bottom:60px}
}

/* Верхние карточки — чистые, как в макете: значков «≈» на них нет. */
.widgets-top .trust-badge{display:none!important}

/* Вкладки: правая рабочая область вместо ленты; стили — из главного экрана (пилюли, карточки, плитки) */
.products[hidden]{display:none!important}
.tab-view{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain;display:flex!important;flex-direction:column;gap:12px}
.tab-view[hidden]{display:none!important}
.tab-view::-webkit-scrollbar{display:none}
.tab-view>*{flex:none}
.tab-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tab-view .filters{position:static;display:flex;flex-wrap:wrap;gap:7px;margin:0}
.tab-view .filter{height:40px;cursor:pointer;border:0}
.tab-view .filter.active{width:auto;padding:0 18px}
.tab-search{padding:0 16px}
.tab-search input{border:0;background:transparent;font:inherit;color:inherit;outline:none;width:220px}
.tab-list{display:flex;flex-direction:column;gap:10px}
.tab-list>.product{flex:none;height:calc(140px + var(--row-extra,0px))}
.tab-list>.product.orange{height:calc(143px + var(--row-extra,0px))}
.tab-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.tab-metric{height:118px}
.tab-metric strong{overflow:hidden;text-overflow:ellipsis}
.tab-change{position:absolute;left:19px;bottom:16px}
.tab-change.down{color:#d64545}
.tab-metric .tab-pill{position:absolute;left:19px;bottom:14px}
.tab-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:0}
.tab-dot.share-0{background:#9cc1e6}.tab-dot.share-1{background:#f3b26b}.tab-dot.share-2{background:#e8838c}.tab-dot.share-3{background:#a5d3b7}
.tab-heading{font-size:13px;font-weight:500;color:#435464;margin:6px 0 -2px 4px}
.tab-health{position:static;height:10px}
/* строки таблиц: фото, название в одну строку, числа справа, плашки маржи */
.tab-rows{border-radius:21px;background:linear-gradient(130deg,#f9f8f5db,#f8f7f5c9);padding:8px}
.tab-row{display:grid;grid-template-columns:var(--cols);gap:16px;align-items:center;min-height:56px;padding:0 14px;border-radius:14px;font-size:14px;color:#1e2b36}
.tab-row+.tab-row{box-shadow:0 -1px 0 #0a1b320a}
.tab-row-head{min-height:34px;font-size:12px;color:#7a8890}
.tab-row.clickable{cursor:pointer}
.tab-row.clickable:hover,.tab-row.clickable:focus-visible{background:#ffffffc7;box-shadow:none;outline:none}
.tab-row.clickable:hover+.tab-row{box-shadow:none}
.tab-row .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.tab-row .txt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-product{display:flex;align-items:center;gap:12px;min-width:0}
.tab-product img,.tab-noimg,.tab-compare-item img{width:38px;height:38px;border-radius:10px;object-fit:cover;flex:none;background:#e7ebee}
.tab-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-pill{display:inline-block;min-width:66px;padding:5px 10px;border-radius:10px;background:var(--track);color:var(--ink);text-align:right;font-weight:500;white-space:nowrap}
.tone-none{--track:#e7ebee;--ink:#5a6a75}
.tab-steps{padding:4px;background:transparent}
.tab-steps .tab-row{min-height:40px;font-size:13px;gap:12px;padding:0 8px}
.tab-steps .tab-row:last-child{font-weight:600}
.tab-steps .tab-row .txt:last-child{color:#5a6a75;font-size:12px;white-space:normal}
/* советы недели — плитками по два */
.tab-advice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tab-advice{padding:16px 20px}
.tab-advice h2{font-size:15px;margin-bottom:4px}
.tab-advice p{font-size:13px;line-height:18px}
/* калькулятор */
.tab-calc{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end;border-radius:21px;background:linear-gradient(130deg,#f9f8f5db,#f8f7f5c9);padding:16px 20px}
.tab-calc label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#5a6a75}
.tab-calc input{height:34px;border-radius:10px;border:1px solid #d6e5df;padding:0 10px;font:inherit;background:#fff}
.tab-calc-result{display:flex;flex-direction:column;gap:10px}
/* сравнение похожих товаров: два товара и полоски долей между ними */
.tab-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr) minmax(0,1fr);gap:18px;align-items:center;border-radius:27px;background:linear-gradient(110deg,#faf9f5d4,#f8f7f4c7);padding:18px 22px}
.tab-compare-item{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:0}
.tab-compare-item img,.tab-compare-item .tab-noimg{width:72px;height:72px;border-radius:16px}
.tab-compare-item .tab-name{max-width:100%;font-size:14px;color:#1e2b36}
.tab-compare-item .tab-pill{font-size:18px;padding:6px 14px;text-align:center}
.tab-compare-item small{font-size:11px;color:#7a8890}
.tab-compare-mid{display:flex;flex-direction:column;gap:8px}
.tab-compare-head{text-align:center;font-size:13px;color:#435464;margin-bottom:2px}
.tab-compare-row{display:grid;grid-template-columns:1fr 130px 1fr;gap:10px;align-items:center}
.tab-bar{display:flex;align-items:center;gap:6px;height:14px;font-size:12px;color:#435464}
.tab-bar.left{justify-content:flex-end}
.tab-bar i{display:block;height:10px;border-radius:5px;background:#9cc1e6;min-width:4px}
.tab-bar.left i{background:#f3b26b}
.tab-bar b{font-weight:500}
.tab-compare-what{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#263e49;line-height:14px}
.tab-compare-what small{font-size:11px;color:#00954a}
.tab-cargo-icon{display:flex;align-items:center;justify-content:center;color:#435464}
.tab-cargo-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.4}
.feature-summary .feature-cell:last-child{cursor:pointer}
.tab-metric .tab-change{position:absolute;left:19px;right:auto;top:auto;bottom:16px;transform:none;margin:0}
.tab-steps .tab-row .txt{white-space:normal;line-height:16px}
.tab-row .num .tab-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}