/* ECODOOBIZ — Proposal deck slide styles (1280×720)
   Imports global tokens from ../colors_and_type.css */

:root { --slide-pad: 72px; }

* { box-sizing: border-box; margin: 0; padding: 0; }
deck-stage:not(:defined) { visibility: hidden; }

section {
  font-family: var(--font-sans);
  background: var(--n-0);
  color: var(--fg1);
  overflow: hidden;
}

/* ---- shared slide chrome ---- */
.slide { position: absolute; inset: 0; padding: var(--slide-pad); display: flex; flex-direction: column; }
.chrome-tl { position: absolute; top: 30px; left: var(--slide-pad); display: flex; align-items: center; gap: 9px; }
.chrome-tl img { width: 26px; height: 26px; }
.chrome-tl .wm { font-family: var(--font-display); font-weight: 800; font-size: 15px; letter-spacing: -.01em; color: var(--n-900); }
.chrome-tl .wm b { color: var(--brand-purple); }
.chrome-foot { position: absolute; bottom: 26px; left: var(--slide-pad); right: var(--slide-pad);
  display: flex; justify-content: space-between; align-items: center;
  font-size: 12px; color: var(--fg3); font-weight: 500; }
.chrome-foot .pg { font-family: var(--font-mono); }

.overline { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--brand-purple); }
.overline.on-dark { color: var(--brand-orange); }

/* section number tag */
.sec-no { font-family: var(--font-mono); font-weight: 600; }

/* block tile (logo-motif icon container) */
.tile { display: flex; align-items: center; justify-content: center; border-radius: var(--r-md); flex-shrink: 0; }
.tile svg { stroke-width: 2; }

/* generic card */
.pcard { background: #fff; border: 1px solid var(--border); border-radius: var(--r-lg); box-shadow: var(--shadow-sm); }

/* dividers between content area and chrome */
.content { flex: 1; display: flex; flex-direction: column; min-height: 0; }

/* table */
.ptable { width: 100%; border-collapse: collapse; font-size: 15px; }
.ptable th { text-align: left; font-weight: 700; color: var(--fg2); font-size: 12.5px;
  letter-spacing: .04em; text-transform: uppercase; padding: 12px 16px; border-bottom: 2px solid var(--border-strong); }
.ptable td { padding: 14px 16px; border-bottom: 1px solid var(--divider); }
.ptable tr:nth-child(even) td { background: var(--brand-purple-wash); }
.ptable .num { font-family: var(--font-mono); text-align: right; font-variant-numeric: tabular-nums; }
.ptable .total td { font-weight: 800; color: var(--brand-purple-deep); border-top: 2px solid var(--brand-purple); background: var(--brand-purple-tint); }