/* MGV Partners skin, loaded after app.css on dataroom.mgvpartners.eu.
   Brand: page #F9F9F7, dark panel #0F1115, text #111, grey #666, gold #C5A065 (sparingly: kicker and
   the fields left to fill), lines #E5E5E5. Cormorant Garamond for the wordmark and headings, Archivo
   for body, labels and every number (lining, tabular: never Garamond digits). Section labels grey.
   The wordmark is text, "MGV Partners.", never an image. Legal text stays Calibri (app.css). */

:root {
  --navy: #0F1115;
  --dark: #0F1115;
  --ink: #111111;
  --muted: #666666;
  --line: #E5E5E5;
  --paper: #FFFFFF;
  --bg: #F9F9F7;
  --ice: #F1EFEA;
  --gold: #C5A065;
  --ok: #3E6B52;
  --ok-bg: #E8EFEA;
  --draft: #7A5A22;
  --draft-bg: #F5EEDF;
  --req: #464B55;
  --req-bg: #ECECE9;
  --req-bar: #B7BAC0;
  --prep: #666666;
  --prep-bg: #EFEFEC;
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;
  --sans: 'Archivo', 'Segoe UI', sans-serif;
  --num: 'Archivo', 'Segoe UI', sans-serif;
}

body { font-size: 14px; }
.n { font-variant-numeric: lining-nums tabular-nums; font-feature-settings: 'lnum', 'tnum'; }

/* Wordmark */
.wordmark { font: 500 26px/1 var(--serif); letter-spacing: .01em; color: var(--ink); white-space: nowrap; display: block; }
.gate-card .wordmark { margin-bottom: 30px; }
.top .wordmark { color: #fff; font-size: 24px; padding-right: 20px; border-right: 1px solid #2A2D33; }
.signbar .wordmark { font-size: 22px; }

/* Headings: Cormorant at 500, as the teasers */
.gate h1, .top .room-name, .vhead h2, .sheet h1, .panel h2, .empty h3, .dialog .dh b, .sb-title b, .block h5 { font-weight: 500; }
.gate h1 { font-size: 36px; color: var(--ink); }
.eyebrow { color: var(--gold); letter-spacing: .2em; }
.sheet .eyebrow { color: var(--muted); }
h1 .n, h2 .n, h5 .n, .room-name .n { font-family: var(--num); font-weight: 400; font-size: .78em; }

/* Dark bar */
.top { background: var(--dark); height: 68px; }
.top .room-name { font-size: 23px; }
.top .room-sub { color: #9A9CA1; }
.chip { color: #D5D6D8; border-color: #2A2D33; }
.lang { border-color: #2A2D33; }
.lang button { color: #9A9CA1; }
.lang button.on { background: #fff; color: var(--dark); }
.toplink { color: #D5D6D8; }
.docs { height: calc(100vh - 68px - 47px - 41px); }

/* Tabs and index */
.tabs button.on { color: var(--ink); border-bottom-color: var(--ink); }
.tabs .count { background: var(--ice); color: var(--ink); }
.sec h3 .n { color: var(--ink); }
.doc.on { background: var(--ice); box-shadow: inset 3px 0 0 var(--ink); }
.summary .big { color: var(--ink); }

/* Buttons */
.primary { background: var(--dark); letter-spacing: .06em; font-weight: 500; }
.primary:disabled { background: #A5A7AB; }

/* Sheets */
.sheet h1, .vhead h2, .panel h2 { color: var(--ink); }
.card { background: var(--bg); border: 1px solid var(--line); }
.card .v { font-weight: 500; color: var(--ink); }
.cards.kpis { margin: 4px 0 26px; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--ink); gap: 0; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
.cards.kpis .card { background: none; border: 0; border-right: 1px solid var(--line); padding: 14px 16px; }
.cards.kpis .card:last-child { border-right: 0; }
.block h5 { color: var(--ink); font-size: 20px; }
table.facts th { width: 34%; font: 500 12px/1.3 var(--sans); letter-spacing: .04em; text-transform: none; color: var(--muted); border-bottom: 1px solid var(--line); padding: 10px 10px 10px 0; }
th { border-bottom-color: var(--ink); }
td .link, a { color: var(--ink); }
.deadline { border-left-color: var(--ink); }

/* Signing */
.fill { background: #FBF6EC; }
input.inl, .sfin { background: #FBF6EC; }
.sigbox { background: #FBF6EC; color: var(--draft); }
.steps .on b, .mtabs button.on, .tabs button.on b { border-color: var(--ink); }
.steps .on b, .tabs button.on b { background: var(--ink); }
.mtabs button.on { color: var(--ink); border-bottom-color: var(--ink); }
.signbar .lang, .gate .lang { border-color: var(--line); }
.signbar .lang button, .gate .lang button { color: var(--muted); }
.signbar .lang button.on, .gate .lang button.on { background: var(--ink); color: #fff; }
.overlay { background: rgba(15, 17, 21, .5); }
.offerline b { color: var(--ink); }

@media (max-width: 900px) {
  .top .wordmark { font-size: 20px; padding-right: 12px; }
  .docs { height: auto; }
}

/* Phones: the wordmark carries the bar; the room's name is on every sheet. */
@media (max-width: 520px) {
  .top .room-id { display: none; }
  .top .wordmark { border-right: 0; padding-right: 0; }
}