/* ===========================================================================
   Borneo · носители: лист инвайта на экране и в принтере (ТЗ 107 §2)

   Один и тот же лист описан здесь одними и теми же миллиметрами: что видно на
   экране, то и выйдет из принтера. Размер страницы (`@page { size: … }`)
   ставит app.js по `data-page` — это правило верхнего уровня, из разметки его
   не задать.

   Почерк листа — переменные места (`--mesh-m1…`, `--accent`, `--font-h`), те
   же, что у контура: флаер сделан почерком места, а не «в фирменном стиле».
   =========================================================================== */

/* Лист показан один к одному, а не уменьшенной картинкой: обещание «миллиметры
   на экране те же, что у принтера» должно быть правдой. Поэтому лист живёт в
   своей полосе во всю ширину, а если всё равно не помещается — прокручивается.
   Масштабировать было бы враньём. */
.sheet-col{flex:1 1 100% !important;min-width:0 !important}
.sheet-stage{max-width:100%;overflow:auto;padding-bottom:10px}

.sheet-print{
  position:relative;box-sizing:border-box;overflow:hidden;
  display:flex;flex-direction:column;gap:4mm;
  border-radius:3mm;background:#0E1116;color:#fff;
  font-family:var(--font-b,Manrope,system-ui,sans-serif);
  box-shadow:0 24px 60px -28px rgba(0,0,0,.8),inset 0 0 0 1px rgba(255,255,255,.08);
}
.sheet-print.round{border-radius:50%}

.sh-mesh{position:absolute;inset:-10%;z-index:0}
.sh-mesh i{position:absolute;display:block;border-radius:50%;filter:blur(18mm)}
.sh-mesh i:nth-child(1){width:60%;height:60%;left:-12%;top:-14%;background:var(--mesh-m1,#5B4BE8);opacity:.75}
.sh-mesh i:nth-child(2){width:52%;height:52%;right:-10%;top:8%;background:var(--mesh-m2,#E8659A);opacity:.6}
.sh-mesh i:nth-child(3){width:56%;height:56%;left:6%;bottom:-16%;background:var(--mesh-m3,#F0894A);opacity:.5}
.sh-mesh i:nth-child(4){width:34%;height:34%;right:4%;bottom:2%;background:var(--mesh-m4,#FFC36B);opacity:var(--mesh-m4-a,.55)}

.sh-body{position:relative;z-index:1;display:flex;gap:5mm;flex:1;min-height:0}
.sh-text{display:flex;flex-direction:column;gap:2.5mm;min-width:0}
.sh-place{display:flex;align-items:center;gap:1.5mm;font-size:2.6mm;
  letter-spacing:.16em;text-transform:lowercase;color:rgba(255,255,255,.62)}
.sh-title{font-family:var(--font-h,Onest,system-ui,sans-serif);
  font-weight:var(--title-weight,300);letter-spacing:var(--title-tracking,-.025em);
  font-size:7mm;line-height:1.08;display:flex;flex-direction:column}
.sh-lead{font-size:3.2mm;line-height:1.45;color:rgba(255,255,255,.86);max-width:58ch}
.sh-qr{flex:none;display:flex;align-items:center;justify-content:center;
  background:#fff;border-radius:2mm;padding:2mm;align-self:flex-start}
.sh-qr svg{display:block}
.sh-tiny{position:relative;z-index:1;font-size:2.4mm;line-height:1.35;
  color:rgba(255,255,255,.56)}

/* Три композиции: знак крупно, слово и знак, плакат. */
.lay-mark .sh-body{flex-direction:column;align-items:center;justify-content:center;text-align:center}
.lay-mark .sh-qr{order:-1}
.lay-mark .sh-title{font-size:5mm}
.lay-mark .sh-lead{display:none}

.lay-split .sh-body{flex-direction:row;align-items:center;justify-content:space-between}
.lay-split .sh-text{flex:1}

.lay-poster .sh-body{flex-direction:column;justify-content:space-between}
.lay-poster .sh-title{font-size:9mm}
.lay-poster .sh-qr{align-self:flex-end}

/* Круглая наклейка: текста мало, знак в центре. */
.sheet-print.round .sh-body{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2mm}
.sheet-print.round .sh-lead{display:none}
.sheet-print.round .sh-title{font-size:3.6mm}
.sheet-print.round .sh-tiny{display:none}

/* Таблица носителей в панели — числа, а не украшение. */
.c-table{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
.c-table th{text-align:left;font-weight:600;color:rgba(255,255,255,.62);
  font-size:11px;letter-spacing:.04em;padding:6px 8px 6px 0;
  border-bottom:1px solid rgba(255,255,255,.12)}
.c-table td{padding:7px 8px 7px 0;border-bottom:1px solid rgba(255,255,255,.07);
  color:rgba(255,255,255,.88)}
.c-table tr:last-child td{border-bottom:none}

@media print{
  /* Из принтера выходит только лист. Всё остальное — экранная обвязка. */
  .noprint,.c-top,.c-head,.c-rail,.c-foot,.c-card,.c-bg,.c-grain{display:none !important}
  html,body{background:#fff !important;margin:0 !important;padding:0 !important}
  .c-wrap{padding:0 !important;margin:0 !important;max-width:none !important}
  .c-cols,.c-col,.c-step,main,.sheet-stage{display:block !important;padding:0 !important;margin:0 !important;gap:0 !important;overflow:visible !important;max-width:none !important}
  .sheet-print{box-shadow:none;border-radius:0;margin:0;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .sheet-print.round{border-radius:50%}
}