/* Доска активных тендеров — открытая страница для поставщиков.
   Заказчика, сумм и документов здесь нет: страница видна всему интернету. */
.tb-head{max-width:720px;margin:0 0 var(--ui-space-6)}
.tb-head h1{margin:0 0 var(--ui-space-3)}
.tb-head p{margin:0 0 var(--ui-space-4);color:var(--ui-muted)}

.tb-list{display:grid;gap:var(--ui-space-3)}
.tb-card{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-5);
  padding:var(--ui-space-4) var(--ui-space-5);background:var(--ui-surface);
  border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg)}
.tb-card-main{min-width:0}
.tb-card-main b{display:block;font-size:var(--ui-size-md)}
.tb-card-main small{display:block;margin-top:4px;color:var(--ui-muted);
  font-size:var(--ui-size-caption)}
.tb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--ui-space-2)}
.tb-tags span{padding:2px 9px;background:var(--ui-subtle);border-radius:var(--ui-radius-full);
  color:var(--ui-muted);font-size:var(--ui-size-label)}
.tb-card-time{flex:0 0 auto;text-align:right}
.tb-deadline{display:block;color:var(--ui-text);font-size:var(--ui-size-caption);
  font-weight:var(--ui-weight-medium);white-space:nowrap}
.tb-card-time small{display:block;margin-top:3px;color:var(--ui-muted);
  font-size:var(--ui-size-label)}
/* Меньше суток до конца приёма — это уже не справка, а предупреждение. */
.tb-card-time small.tb-soon{color:#b54708;font-weight:var(--ui-weight-bold)}
.tb-empty{padding:var(--ui-space-6);background:var(--ui-subtle);
  border-radius:var(--ui-radius-lg);color:var(--ui-muted);text-align:center}

@media(max-width:600px){
  .tb-card{flex-direction:column;align-items:flex-start;gap:var(--ui-space-3)}
  .tb-card-time{text-align:left}
}

/* Вид процедуры на карточке объявления. */
.tb-kind{display:inline-block;margin-top:6px;padding:3px 9px;border-radius:999px;
  background:rgba(9,22,53,.06);color:var(--navy,#091635);
  font-size:var(--ui-size-caption);font-weight:600}

/* Карточка стала ссылкой: объявление, по которому нельзя нажать, — не объявление. */
a.tb-card{text-decoration:none;color:inherit;transition:border-color var(--ui-fast) var(--ui-ease),
  box-shadow var(--ui-fast) var(--ui-ease)}
a.tb-card:hover{border-color:var(--navy,#091635);box-shadow:0 6px 20px rgba(9,22,53,.10)}

/* Страница одного тендера для гостя. */
.tb-single{display:grid;gap:10px}
.tb-back{display:inline-block;color:var(--muted);text-decoration:none}
.tb-back:hover{color:var(--navy,#091635)}
.tb-single h1{margin:0}
.tb-single>p{margin:0;color:var(--muted)}
.tb-detail{display:grid;gap:20px;margin-top:20px;padding:22px;background:#fff;
  border:1px solid var(--line);border-radius:var(--ui-radius-lg)}
.tb-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:0}
.tb-facts dt{color:var(--muted);font-size:var(--ui-size-caption)}
.tb-facts dd{margin:4px 0 0;font-size:var(--ui-size-md);font-weight:600}
.tb-facts dd small{display:block;margin-top:2px;color:var(--muted);
  font-size:var(--ui-size-caption);font-weight:400}
.tb-message h2,.tb-locked h2{margin:0 0 8px;font-size:var(--ui-size-lg)}
.tb-message p{margin:0;line-height:1.55;white-space:pre-wrap}
.tb-locked{padding:18px;background:#f8fafc;border-radius:var(--ui-radius-lg)}
.tb-locked ul{margin:0 0 12px;padding-left:20px;line-height:1.7}
.tb-locked p{margin:0 0 14px;color:var(--muted);line-height:1.5}
@media(max-width:640px){.tb-locked .button{display:block;text-align:center}}

/* Таблица позиций на странице тендера в кабинете поставщика. */
.tb-items{width:100%;border-collapse:collapse}
.tb-items th,.tb-items td{padding:11px 10px;text-align:left;border-bottom:1px solid #eaecf0;
  vertical-align:top}
.tb-items th{color:var(--muted);font-weight:600;font-size:var(--ui-size-caption)}
.tb-items td.num,.tb-items th.num{text-align:right;white-space:nowrap}
.tb-items td small{display:block;margin-top:3px;color:var(--muted);line-height:1.45}
.tb-items tbody tr:last-child td{border-bottom:0}
.tb-terms{margin:0;line-height:1.55;white-space:pre-wrap}

/* Активные тендеры таблицей: наименование, категория, заказчик, источник,
   вид тендера и остаток времени. На узком экране строка становится карточкой. */
.tb-table-wrap{overflow:auto;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg)}
.tb-table{width:100%;border-collapse:collapse}
.tb-table th{text-align:left;padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-subtle);
  color:var(--ui-muted);font-size:var(--ui-size-label);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}
.tb-table td{padding:var(--ui-space-4);border-top:1px solid var(--ui-border);vertical-align:top}
.tb-table__title a{color:inherit;text-decoration:none}
.tb-table__title b{display:block}
.tb-table__title small,.tb-table__time small{display:block;margin-top:3px;color:var(--ui-muted);font-size:var(--ui-size-sm)}
.tb-table__time{white-space:nowrap}
.tb-faint{color:var(--ui-faint)}
.tb-source{display:inline-block;padding:3px 9px;border-radius:var(--ui-radius-full);
  background:var(--ui-subtle);color:var(--ui-muted);font-size:var(--ui-size-caption)}
.tb-source--budget{background:#f2edff;color:#5b3fd1}
@media(max-width:860px){
  .tb-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tb-table tr{display:block;border-top:1px solid var(--ui-border)}
  .tb-table tr:first-child{border-top:0}
  .tb-table td{display:flex;justify-content:space-between;gap:var(--ui-space-4);border:0;padding:6px var(--ui-space-4)}
  .tb-table td:before{content:attr(data-label);color:var(--ui-faint);font-size:var(--ui-size-caption);flex:0 0 auto}
}