/* Monitoring dashboard: page-unique styling only (loads AFTER signs.css).
   Everything shared (header, buttons, panels, KPIs, filters) comes from
   signs.css; this file holds the market-share matrix, the keynotes block, and
   the landscape print page this report needs. Values are Midani semantic roles. */

.section-title{font-size:var(--t-body-lg);font-weight:var(--w-extrabold);color:var(--brand-ink);margin:var(--s-6) 2px var(--s-3);display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}
.section-title::before{content:"";width:5px;height:18px;background:var(--brand);border-radius:2px}
.section-title .hint{font-size:var(--t-micro);font-weight:var(--w-semibold);color:var(--text-3)}

/* advertiser x supplier matrix */
.matrix{width:100%;border-collapse:collapse;font-size:var(--t-caption)}
.matrix th,.matrix td{border:1px solid var(--border);padding:7px 10px;text-align:center;white-space:nowrap}
.matrix thead th{background:var(--brand-ink);color:var(--on-color);font-size:var(--t-micro)}
.matrix td.client{text-align:left;font-weight:var(--w-bold);color:var(--text)}
.matrix tr.share td{background:var(--surface-sunken);font-weight:var(--w-extrabold);color:var(--brand-ink);font-size:var(--t-caption)}
.matrix td.hit{position:relative}
.yes{display:inline-block;font-weight:var(--w-extrabold);font-size:var(--t-micro);color:var(--brand-fg);background:var(--brand);border-radius:6px;padding:2px 8px}

/* keynotes */
.keynotes{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s-4) var(--s-6)}
.keynotes li{margin:0 0 10px 18px;font-size:var(--t-body);line-height:var(--lh-body);color:var(--text)}
.keynotes b{color:var(--brand-ink)}
.swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-inline-end:5px;vertical-align:middle}
.citytbl td.n{text-align:right;font-variant-numeric:tabular-nums}
.matrix td,.keynotes li{unicode-bidi:plaintext}

/* This report prints landscape (wide matrix + stacked charts), overriding the
   portrait page signs.css sets for the other dashboards. */
@media print{
  @page{size:A4 landscape;margin:11mm}
  .no-print{display:none!important}
  body{background:#fff}
  .wrap{max-width:none;padding:0}
  .panel,.keynotes{box-shadow:none;break-inside:avoid}
  .section-title{break-after:avoid}
  .kpis{break-inside:avoid}
}