/* Копия оформления icetrade.by (ИС «Тендеры»).
 *
 * Скин совсем не такой, как у goszakupki.by, и это не вкусовщина: площадки
 * разного возраста и собраны по разным правилам. Здесь тёмно-синяя шапка
 * с формой входа, вкладки, серые полосы разделов вместо панелей и персиковые
 * строки лотов. Цвета сняты со скриншотов пипеткой: #014582 у шапки, #2e669f
 * у вкладок, #d1d4d9 у полос разделов, #fadfc2 у строки лота, #023061
 * у подвала.
 *
 * Раздел «Быстрая подача» лежит в общем /mp/fast.css и подхватывает отсюда
 * четыре переменные — на обеих копиях он один и тот же.
 */

/* --------------------------------------------------------------- основа */

:root {
  --ink: #01426d;
  --top-a: #014582;
  --top-b: #054b89;
  --tabs: #2e669f;
  --sub: #f0f2f1;
  --bar-a: #0c7db7;
  --bar-b: #0a4b85;
  --sec: #d1d4d9;
  --lot: #fadfc2;
  --lot-soft: #fdf5e8;
  --footer: #023061;

  --line: #c8ccd2;
  --stripe: #f1f1f1;
  --gray-bg: #f0f2f1;
  --text: #333;
  --muted: #6d7278;

  /* Ждёт общий fast.css. Зелёный тот же, что на копии goszakupki: зал должен
     узнавать эту кнопку как одну и ту же вещь на разных площадках. */
  --accent: #0d6cb0;
  --fast: #4a9d52;
  --fast-dark: #36793e;
  --fast-text: #2f6f33;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font: 12.5px/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: var(--text);
  background: #fff;
  -webkit-text-size-adjust: 100%;
}

a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }

.container { max-width: 1120px; margin: 0 auto; padding: 0 12px; }
.muted { color: var(--muted); }

.demobar {
  background: #fbfbe8;
  border-bottom: 1px solid #e8e8c8;
  color: #6b6b3f;
  font-size: 11.5px;
  padding: 5px 0;
}
.demobar b { color: #55552f; }

/* ---------------------------------------------------------------- шапка */

.ice-top {
  /* Диагональный блик справа — фирменная черта шапки площадки. */
  background:
    radial-gradient(120% 200% at 88% -40%, rgba(255, 255, 255, .16), transparent 55%),
    linear-gradient(180deg, var(--top-a), var(--top-b));
  color: #fff;
}
.ice-top__in {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 12px 12px;
  min-height: 74px;
}

.ice-logo { display: block; text-decoration: none; }
.ice-logo:hover { text-decoration: none; }
.ice-logo__mark { display: block; font-size: 27px; line-height: 1; font-style: italic; }
.ice-logo__mark b { color: #fff; font-weight: bold; letter-spacing: .5px; }
.ice-logo__mark i { color: #7c9dc4; font-weight: bold; font-style: italic; }
.ice-logo__sub {
  display: block;
  margin-top: 4px;
  color: #dfe8f4;
  font-style: italic;
  font-size: 12px;
}

.ice-login { text-align: left; font-size: 11.5px; }
.ice-login__t { color: #fff; margin-bottom: 3px; }
.ice-login__row { display: flex; gap: 4px; }
.ice-login__row input {
  width: 155px;
  padding: 3px 5px;
  border: 1px solid #9fb6cf;
  font: 12px Arial, sans-serif;
}
.ice-login__row button {
  padding: 3px 12px;
  background: linear-gradient(#2f7cc2, #175a9b);
  border: 1px solid #14497f;
  color: #fff;
  font: 12px Arial, sans-serif;
  cursor: pointer;
}
.ice-login__row button:hover { background: linear-gradient(#3a8bd2, #1d68ad); }
.ice-login__links { display: flex; gap: 78px; margin-top: 4px; }
.ice-login__links a { color: #cfe0f2; text-decoration: underline; }
.ice-login__links a:hover { color: #fff; }

/* -------------------------------------------------------------- вкладки */

.ice-tabs { background: var(--tabs); }
.ice-tabs__in { display: flex; gap: 2px; padding: 0 12px; }
.ice-tabs a {
  padding: 7px 16px 6px;
  color: #fff;
  font-size: 12.5px;
  text-decoration: none;
}
.ice-tabs a:hover { background: rgba(255, 255, 255, .14); text-decoration: none; }
.ice-tabs a.is-active {
  background: var(--sub);
  color: #12395f;
  font-weight: bold;
}

.ice-sub { background: var(--sub); border-bottom: 1px solid #dcdfe2; }
.ice-sub__in {
  display: flex;
  gap: 26px;
  padding: 9px 12px 10px;
  font-size: 11.5px;
}
.ice-sub__in > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-left: 1px solid #d5d8da;
  padding-left: 14px;
}
.ice-sub__in > div:first-child { border-left: 0; padding-left: 0; }
.ice-sub a::before { content: "· "; color: #8b9097; }
.ice-sub a.is-current { color: #a41f1f; font-weight: bold; }

/* -------------------------------------------------- тело и правая колонка */

.ice-body { display: flex; gap: 22px; padding-top: 16px; padding-bottom: 26px; }
.ice-main { flex: 1; min-width: 0; }
.ice-side { flex-shrink: 0; width: 168px; }
.ice-side img { display: block; width: 168px; height: auto; }

.ice-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
}
.ice-head h1 {
  margin: 0 0 6px;
  font-size: 17px;
  font-weight: bold;
  color: #2a2a2a;
}
.ice-print { font-size: 11.5px; text-decoration: underline; white-space: nowrap; }
.ice-print svg { vertical-align: -2px; }
.ice-back { margin: 0 0 10px; font-size: 12px; }

/* --------------------------------------------------------- карточка ИС */

.ice-card { border: 1px solid var(--line); margin-bottom: 16px; }
.ice-card__title {
  padding: 6px 12px;
  background: linear-gradient(var(--bar-a), var(--bar-b));
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
.ice-card__kind {
  padding: 7px 12px;
  background: #fff;
  border-bottom: 1px solid var(--line);
  font-weight: bold;
  font-size: 12.5px;
}

/* Полоса раздела — вместо панелей с синими шапками у соседней площадки. */
.sec {
  padding: 6px 12px;
  background: var(--sec);
  border-top: 1px solid #c2c6cc;
  border-bottom: 1px solid #c2c6cc;
  font-weight: bold;
  font-size: 12.5px;
  color: #2c3238;
}
.sec__act { float: right; font-weight: normal; }
.sec__act a { text-decoration: underline; }

/* -------------------------------------------------------------- таблицы */

.tbl { width: 100%; border-collapse: collapse; }
.tbl td { padding: 8px 12px; vertical-align: top; border-bottom: 1px solid #e2e4e7; }
.tbl tr:nth-child(even) td { background: var(--stripe); }
.tbl__k { width: 30%; color: #4a4f55; }
.tbl__v { color: var(--text); }

.tbl--inner { border: 1px solid #ecd9bf; }
.tbl--inner td { border-bottom: 1px solid #f0e0cb; padding: 6px 10px; }
.tbl--inner tr:nth-child(even) td { background: transparent; }
.tbl--inner .tbl__k { width: 42%; color: #6a5a44; }

.tbl--files td { padding: 9px 12px; }
.tbl--files tr:nth-child(even) td { background: var(--stripe); }
.files__note { color: var(--muted); font-size: 11.5px; }
.row-warning td { background: #fcf8e3 !important; }

.ev__when { width: 20%; white-space: nowrap; font-weight: bold; }
.ev__time { display: block; color: var(--muted); font-weight: normal; font-size: 11px; }

.tbl--crit th {
  padding: 7px 12px;
  text-align: left;
  background: #eceef0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
}
.crit__n { font-weight: bold; width: 32%; }
.crit__w { width: 60px; white-space: nowrap; font-weight: bold; color: var(--accent); }
.crit__m { color: #55595e; }

.ico-link, .ico-doc { color: #8d9298; margin-right: 6px; vertical-align: -2px; }

/* ------------------------------------------------------------------ лоты */

.lots { width: 100%; border-collapse: collapse; }
.lots th {
  padding: 8px 12px;
  text-align: left;
  background: #eceef0;
  border-bottom: 1px solid var(--line);
  font-size: 12px;
  vertical-align: bottom;
}
.lots td { padding: 9px 12px; vertical-align: top; }
.lots__n { width: 56px; }
.lots__q { width: 210px; }
.lots__s { width: 170px; }
.lots__act { width: 34px; text-align: right; }
.tri { color: #e08a24; font-size: 11px; }

.lot td { background: var(--lot); }
.lot--detail td { background: var(--lot-soft); padding-top: 0; }

/* ---------------------------------------------------- примечания и кнопки */

.alert {
  display: flex;
  gap: 9px;
  padding: 11px 13px;
  margin: 14px 0;
  border: 1px solid transparent;
  font-size: 12px;
}
.alert-info { background: #e4f0f8; border-color: #bcd7ea; color: #1d557f; }
.alert-warning { background: #fcf8e3; border-color: #f0e2b8; color: #8a6d3b; }
.alert-success { background: #e8f3e4; border-color: #cbe3c2; color: #3c703c; }
.ico-i { flex-shrink: 0; margin-top: 2px; }

/* Панели нужны общему fast.css: он рисует внутренности «Быстрой подачи»,
   а обёртку под свой скин даёт площадка. */
.panel { margin-bottom: 12px; background: #fff; border: 1px solid var(--line); }
.panel-heading { padding: 6px 12px; font-weight: bold; font-size: 12.5px; }
.panel-body { padding: 12px; }
.panel-fast { border-color: #7bb582; }
.panel-fast > .panel-heading {
  background: linear-gradient(var(--fast), var(--fast-dark));
  color: #fff;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  padding: 8px 14px;
  border: 1px solid transparent;
  font: 12.5px Arial, sans-serif;
  cursor: pointer;
}
.btn-wide { width: 100%; margin-bottom: 8px; }
.btn__caret { position: absolute; right: 14px; }
.btn:disabled { opacity: .55; cursor: default; }

.btn-info {
  background: linear-gradient(#3f8fc9, #1f6aa8);
  border-color: #18578c;
  color: #fff;
}
.btn-info:hover:not(:disabled) { background: linear-gradient(#4b9cd6, #2575b5); }

.btn-fast {
  background: linear-gradient(var(--fast), var(--fast-dark));
  border-color: #2f6b36;
  color: #fff;
  font-weight: bold;
  margin-top: 4px;
}
.btn-fast:hover:not(:disabled) { background: linear-gradient(#57ad5f, #3d8646); }
.btn-fast__ai {
  position: absolute;
  left: 12px;
  padding: 1px 7px;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 2px;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1.2px;
}

.caret {
  display: inline-block;
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid currentColor;
}
.caret--up { border-top: 0; border-bottom: 4px solid currentColor; }
.caret--down { border-top: 4px solid currentColor; border-bottom: 0; }

/* Переключение между закупками — через тот же список, что и на соседней копии. */
.similar { border: 1px solid var(--line); border-top: 0; margin: -8px 0 8px; }
.similar__row {
  display: block;
  padding: 10px 13px;
  border-top: 1px solid #e6e8ea;
  color: var(--text);
  text-decoration: none;
}
.similar__row:first-child { border-top: 0; }
.similar__row:hover { background: #eef5fb; text-decoration: none; }
.similar__kind {
  display: inline-block;
  padding: 1px 7px;
  margin-right: 8px;
  background: #e3ecf5;
  color: #1d557f;
  font-size: 11px;
}
.similar__subj { color: var(--accent); }
.similar__row:hover .similar__subj { text-decoration: underline; }
.similar__cust { display: block; margin-top: 2px; color: var(--muted); font-size: 11.5px; }

/* ------------------------------------------------------ список закупок */

.ice-list { width: 100%; border-collapse: collapse; }
.ice-list td { padding: 7px 12px; vertical-align: top; }
.ice-list tr:nth-child(4n+1) td,
.ice-list tr:nth-child(4n+2) td { background: #fff; }
.ice-list tr:nth-child(4n+3) td,
.ice-list tr:nth-child(4n) td { background: var(--stripe); }
.ice-list__k { width: 160px; text-align: right; color: #4a4f55; font-size: 11.5px; }
.ice-list__num { margin-top: 2px; font-weight: bold; }
.ice-list__cust, .list__cust { margin-top: 2px; color: var(--muted); font-size: 11.5px; }
.ice-list__pair { display: flex; align-items: baseline; gap: 12px; }
.ice-list__sum { font-weight: bold; flex: 1; }
.ice-list__deadline { color: #4a4f55; font-size: 11.5px; text-align: right; }
.ice-list__date { width: 90px; font-weight: bold; }

/* --------------------------------------------------------------- подвал */

.ice-footer {
  background: var(--footer);
  color: #c6d4e4;
  padding: 16px 0;
  text-align: center;
  font-size: 11.5px;
  border-top: 3px solid #1b5390;
}

/* ------------------------------------------------------------ узкий экран */

@media (max-width: 980px) {
  .ice-body { flex-direction: column; }
  .ice-side { width: auto; }
  .ice-sub__in { flex-wrap: wrap; gap: 12px 20px; }
  .ice-top__in { flex-wrap: wrap; }
}

@media (max-width: 640px) {
  .tbl td { display: block; width: 100% !important; }
  .tbl__k { padding-bottom: 0; font-weight: bold; }
  .tbl__v { padding-top: 2px; }
  .lots thead { display: none; }
  .lots td { display: block; }
  .ice-login__row { flex-wrap: wrap; }
  .ice-login__links { gap: 20px; }
  .btn__caret, .btn-fast__ai { position: static; }
  .ice-list__k { width: auto; text-align: left; }
  .ice-list__pair { flex-wrap: wrap; }
}