/* Тема v5 — стилистика главной (design-reference/approved-etp-home.png) для всех страниц. Подключается после style.css.
   Синий #0134FF, текст #0C1428, фон #F6F8FC, светло-голубой #EEF3FF, границы #E5E8EF, зелёный — статусы. Белые карточки, скругления, лёгкие тени.
   Сайт всегда светлый, как утверждённая главная (:not(#_) перебивает тёмную тему style.css). */
:root:not(#_){--bg:#F6F8FC;--bg-2:#EEF3FF;--card:#fff;--ink:#0C1428;--ink-2:#2B3448;--muted:#667085;--line:#E5E8EF;--line-2:#D5DAE5;
  --brand:#0134FF;--brand-2:#0029CC;--brand-ink:#fff;--brand-soft:#EEF3FF;--ok:#12A150;--ok-soft:#E7F8EE;--bad:#D92D20;--bad-soft:#FEF0EF;--warn:#B54708;--warn-soft:#FFF6E5;
  --live:#E8590C;--live-soft:#FFF1E8;--info:#0134FF;--info-soft:#EEF3FF;--sealed:#6941C6;--sealed-soft:#F4F0FF;
  --navy:#0134FF;--navy-2:#0C1428;--navy-soft:#EEF3FF;--chip-open:#12A150;--chip-live:#0134FF;--chip-offer:#0134FF;
  --sh-1:0 1px 2px rgba(12,20,40,.04);--sh-2:0 2px 10px rgba(12,20,40,.05);--sh-3:0 12px 32px rgba(12,20,40,.12);
  --r-sm:8px;--r:12px;--r-lg:14px;--r-xl:20px;color-scheme:light}
body{background:var(--bg);color:var(--ink);letter-spacing:0}
svg{stroke-linecap:round;stroke-linejoin:round}
h1{font-weight:800;letter-spacing:-.02em;color:var(--ink)}h2{font-weight:750;letter-spacing:-.01em;color:var(--ink)}h3{font-weight:700;color:var(--ink)}
a{color:var(--brand)}a:hover{color:var(--brand-2)}

/* Пометка стенда */
.demo-ribbon{background:transparent;color:var(--muted);font-size:12px;line-height:1.45;padding:8px 16px 0;text-align:center}
.demo-ribbon::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:1.3px solid currentColor;border-radius:50%;font:700 9px/1 system-ui,sans-serif;margin-right:6px;vertical-align:1px}
.demo-ribbon b{text-transform:none;letter-spacing:0;color:var(--ink-2);font-weight:600}

/* Шапка: белая карточка */
.top{background:var(--bg);border:0;box-shadow:none;backdrop-filter:none}
.topbar{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);margin-top:8px;padding:8px 12px 8px 16px;gap:12px;min-height:60px;position:relative;max-width:calc(var(--container) - 32px)}
.logo{color:var(--ink);font-size:22px}.logo:hover{color:var(--ink)}.logo-mark{background:var(--brand);color:#fff;border-radius:8px}.logo small{color:var(--muted)}
.mainnav{gap:0}
.mainnav a{font-size:14px;padding:8px 10px;color:var(--ink);font-weight:550;border-radius:8px}
.mainnav a:hover{background:var(--brand-soft);color:var(--brand)}
.mainnav a.on{background:var(--brand-soft);color:var(--brand);box-shadow:none;border-radius:8px;font-weight:650}
.mainnav a.cta{color:var(--brand)}
.who{gap:8px}
.who .btn{min-height:40px;border-radius:10px;font-size:14px;padding:0 20px}
.who .btn.ghost{background:#fff;color:var(--brand);border-color:var(--brand)}.who .btn.ghost:hover{background:var(--brand-soft)}
.usermenu>summary{border-color:var(--line)}.usermenu>summary:hover{background:var(--brand-soft)}
.avatar{background:var(--brand)}
.pop{border-radius:14px;border-color:var(--line);box-shadow:var(--sh-3)}
.pop a:hover,.menu nav a:hover{background:var(--brand-soft);color:var(--brand)}
.menu>summary{border-color:var(--line);border-radius:10px}
.topbar:has(.hsearch) .clock{display:none}
.catmenu{position:relative;flex:none}
.catmenu>summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font-weight:650;font-size:14px;cursor:pointer;color:var(--ink)}
.catmenu>summary::-webkit-details-marker{display:none}
.catmenu>summary::after{content:"";width:7px;height:7px;border:solid currentColor;border-width:0 1.8px 1.8px 0;transform:translateY(-2px) rotate(45deg)}
.catmenu[open]>summary,.catmenu>summary:hover{border-color:var(--brand);color:var(--brand)}
.catmenu .pop{left:0;right:auto;min-width:250px}
.catmenu .pop a{display:flex;padding:9px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:550;min-height:40px;align-items:center}
.hsearch{flex:1 1 260px;min-width:0;display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.hsearch:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px rgba(1,52,255,.12)}
.hsearch input{flex:1;min-width:0;border:0;border-radius:0;outline:0;box-shadow:none!important;min-height:40px;padding:0 12px 0 40px;font:inherit;font-size:14px;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230134FF' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") 13px 50%/18px no-repeat}
.hsearch input::placeholder{color:#8A93A6}
.hsearch button{border:0;background:var(--brand);color:#fff;font:inherit;font-weight:650;font-size:14px;padding:0 22px;cursor:pointer;min-height:40px}
.hsearch button:hover{background:var(--brand-2)}
@media (max-width:1200px){.topbar:has(.hsearch) .mainnav{display:none}.topbar:has(.hsearch) .menu{display:block;order:3}}
@media (max-width:980px){
  .topbar{flex-wrap:wrap;padding:8px 10px;margin:8px 16px 0}
  .who{margin-left:auto}
  .catmenu{order:10}.hsearch{order:11;flex:1 1 0}
  .menu nav{position:absolute;top:calc(100% + 6px);left:0;right:0;bottom:auto;max-height:calc(100dvh - 140px);border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-3)}}
@media (max-width:560px){.demo-ribbon{padding:6px 12px 0;font-size:11.5px}.topbar{gap:8px;margin-top:6px}
  .catmenu>summary{padding:0 12px}.hsearch button{padding:0 14px}.hsearch input{padding-left:36px;background-position:11px 50%}}
@media (max-width:380px){.who .btn{padding:0 12px}}

/* Подвал: белая карточка */
.foot{background:transparent;color:var(--muted);padding:0 0 32px;margin-top:56px;border:0}
.foot>.wrap{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-2);padding:32px;max-width:calc(var(--container) - 32px)}
.foot .cols{grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:0}
.foot .cols>div{padding:0 24px}.foot .cols>div:first-child{padding-left:0}
.foot .cols>div:nth-child(n+2):nth-child(-n+4){border-left:1px solid var(--line)}
.foot b{color:var(--ink);font-size:14px}
.foot a{color:var(--muted);font-size:14px;padding:4px 0}.foot a:hover{color:var(--brand)}
.foot .logo{color:var(--ink)}.foot .logo:hover{color:var(--ink)}.foot .logo .logo-mark{background:var(--brand);color:#fff}.foot .logo small{color:var(--muted)}
.foot-brand p{color:var(--muted);font-size:14px}
.foot-who .clock{color:var(--muted)}.foot-who .clock b{color:var(--ink-2)}
.foot .foot-user{color:var(--ink)}.foot-user .avatar{background:transparent;border-color:var(--brand);color:var(--brand)}
.foot .legal{border-top:1px solid var(--line);color:var(--muted);margin-top:24px;padding-top:16px}
@media (max-width:1100px){.foot .cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 0}.foot-brand{grid-column:1/-1}.foot-who{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
  .foot .cols>div:nth-child(2){border-left:0;padding-left:0}}
@media (max-width:560px){.foot{margin-top:36px;padding-bottom:20px}.foot>.wrap{padding:22px 18px;margin:0 16px;max-width:none}
  .foot .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.foot .cols>div{padding:0}.foot .cols>div:nth-child(n+2){border-left:0}}
@media (max-width:380px){.foot .cols{grid-template-columns:minmax(0,1fr)}}

/* Кнопки, формы */
.btn{border-radius:10px;font-weight:650}
.btn:not(.ghost):not(.quiet):not(.danger):not(.ok){background:var(--brand);border-color:var(--brand);color:#fff}
.btn:not(.ghost):not(.quiet):not(.danger):not(.ok):hover{background:var(--brand-2);border-color:var(--brand-2);color:#fff}
.btn.ghost,.btn.secondary{background:#fff;color:var(--brand);border-color:var(--line-2)}.btn.ghost:hover,.btn.secondary:hover{border-color:var(--brand);background:var(--brand-soft)}
.btn.sm{border-radius:8px}.btn.lg{border-radius:12px}
.btn.ok{background:var(--ok);border-color:var(--ok);color:#fff}
input,select,textarea{border-color:var(--line-2);border-radius:10px;background:#fff}
input:hover,select:hover,textarea:hover{border-color:#B8C0D0}
input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(1,52,255,.12)}
fieldset{border-radius:14px}
.dropzone{border-radius:14px;background:var(--brand-soft);border-color:#C9D4F5}

/* Карточки, панели, таблицы */
.panel,.card{border-color:var(--line);border-radius:14px;box-shadow:var(--sh-2);background:#fff}
.kpis>div,.kpis>a{border-radius:14px;box-shadow:var(--sh-2);border-color:var(--line)}.kpis>a:hover{border-color:var(--brand)}
.tbl{border-radius:14px;box-shadow:var(--sh-2);border-color:var(--line)}
th{background:#F8FAFD;color:var(--muted);font-weight:650}
tbody tr:hover td{background:#F8FAFF}
.empty{border-radius:14px;border-color:var(--line-2)}
.flash{border-radius:12px;border-width:1px;border-left-width:4px}
.flash.info{background:var(--brand-soft);border-color:var(--brand)}
.pager a{border-radius:10px;background:#fff}
.adminnav{border-radius:14px;box-shadow:var(--sh-2)}
.adminnav a{border-radius:8px}

/* Вкладки, подборки, метки */
.tabs a.on{color:var(--brand);border-color:var(--brand)}
.pills a{border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:550;font-size:13.5px}
.pills a:hover{border-color:var(--brand);color:var(--brand)}
.pills a.on{background:var(--brand);border-color:var(--brand);color:#fff}
.badge.ok{background:var(--ok-soft);color:var(--ok)}
.badge.done{background:var(--brand-soft);color:var(--brand)}
.tag[class*="mode-"]{background:var(--brand-soft);border:0;color:var(--brand);border-radius:999px;padding:2px 10px}

/* Карточка лота в каталоге, избранном, поиске */
.grid{gap:16px}
.card.lot.v4{border-color:var(--line);border-radius:14px;box-shadow:var(--sh-2)}
.card.lot.v4:hover{border-color:#C9D4F5;box-shadow:var(--sh-3);transform:none}
.card.lot.v4 .thumb{aspect-ratio:16/10}
.lc-chip{background:#fff;color:var(--ink-2);font-weight:650;font-size:11.5px;box-shadow:var(--sh-1)}
.lc-chip.open{background:var(--ok-soft);color:var(--ok)}
.lc-chip.live{background:var(--brand);color:#fff}
.lc-chip.offer{background:#fff;color:var(--brand)}
.lc-star button,a.lc-star{width:34px;height:34px;background:rgba(255,255,255,.95);color:var(--ink-2);box-shadow:var(--sh-1)}
.lc-star button:hover,a.lc-star:hover{background:#fff;color:var(--brand)}.lc-star button.on{color:#E5484D}
.lc-cat{background:var(--brand-soft);color:var(--brand);border-radius:999px;padding:3px 10px;font-weight:600}
.card.lot.v4 h3{font-weight:700;font-size:15px}
.lc-price b{font-size:19px;font-weight:800}
.lc-foot>span svg,.lc-go{color:var(--brand)}
.lot-row.v3{border-radius:14px;box-shadow:var(--sh-2);border-color:var(--line)}
.lot-row.v3:hover{border-color:#C9D4F5}

/* Каталог */
.filters{border-radius:14px}
.catalog .filters{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}

/* Карточка лота (страница) */
.lotpage .gallery .stage{border-radius:14px}
.buybox{border-radius:14px;border-color:var(--line);box-shadow:var(--sh-2);background:#fff}
.buybox .price.xl{font-weight:800}
.buybox .timer{background:var(--brand-soft);color:var(--brand)}
.facts-grid>div{border-radius:12px;border-color:var(--line);background:#fff}
.lotpage .secnav a.on,.lotpage .secnav a:hover{color:var(--brand)}
.lotpage .sec h2{border-top-color:var(--line)}

/* Торговый зал */
.trade-timer{background:var(--ink);color:#fff}
@media (min-width:981px){.topbar:has(.hsearch) .mainnav{flex:none}.topbar:has(.hsearch) .who{margin-left:0}}

/* Ссылки без подчёркивания, как на главной (подчёркивание при наведении) */
main a:not(.btn){text-decoration:none}main a:not(.btn):hover{text-decoration:underline}
.link{text-decoration:none}.link:hover{text-decoration:underline}

/* Календарь торгов: дни — белые карточки */
.cal-day{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--sh-2);padding:16px 20px;margin:0 0 14px}
.cal-day h3{margin:0 0 8px;font-size:16px}
.cal-day ul{list-style:none;margin:0;padding:0}
.cal-day li{display:flex;gap:14px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.cal-day li:first-child{border-top:0}
.cal-day li b{flex:none;color:var(--brand);font-variant-numeric:tabular-nums}

/* Тексты в одну строку: короткие подписи и кнопки не переносятся, длинные названия обрезаются многоточием (полное — во всплывающей подсказке) */
.btn,.pills a,.tabs a,.badge,.tag,.lc-cat,.lc-chip,.lt-st,.tbl .nw,.mini dt,.mini dd,.lc-terms small,.lc-terms b,.foot a:not(.foot-user),.foot b,.clock,.clock b,.catmenu .pop a{white-space:nowrap}
.foot-who .clock b{display:inline}
.card.lot.v4 h3,.lt h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:0;display:block;-webkit-line-clamp:unset}
.lc-terms small{min-height:0}
.facts-grid .wf{grid-column:1/-1}.facts-grid b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.buybox .btn.lg{font-size:15.5px;padding:14px 12px}
.steps-how{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr))}@media (min-width:561px){.steps-how b{white-space:nowrap}.dl{grid-template-columns:minmax(140px,max-content) minmax(0,1fr)}.dl dt{white-space:nowrap}}
@media (max-width:560px){.btn{white-space:normal}.buybox .btn{white-space:nowrap;font-size:13.5px;padding-left:6px;padding-right:6px}}
.num{white-space:nowrap}
.kpis{display:flex;flex-wrap:wrap}.kpis>div,.kpis>a{flex:1 1 auto;min-width:150px}.kpis b,.kpis span{white-space:nowrap}
.cal-day li a{white-space:nowrap}
@media (max-width:400px){.buybox .btn,.mini dt,.mini dd{white-space:normal}}
.panel .list li>span,.panel .list li>a{min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbl td.cut{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;width:50%;min-width:160px}
@media (max-width:560px){.tbl td.cut{max-width:none;white-space:normal}}
.panel .list li>span>a,.panel .list li>span>small{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.mail-frame{display:block;width:100%;height:560px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:8px 0}