/* =====================================================================
   Vila Fit — sistema visual aprovado (Pedro, 07/10/2026: «podes avançar com todas as fases», depois do
   piloto em Fitness & PT). Linguagem do Owari adaptada à ferramenta (docs/design-sistema.md):
   tinta quase preta, cinzentos neutros, blocos brancos com linhas finas e sem sombra, cabeçalhos de
   tabela pequenos em maiúsculas, botão principal preto, o azul Vila Fit como único acento (seleção,
   ligações, foco) e verde / amarelo / vermelho só para estados (sempre com sinal ou palavra).

   Carregado depois de base.css, novo.css e do CSS de cada página: muda os tokens e os componentes
   partilhados, nunca os dados nem o comportamento. A estrutura (barra azul, menu, separadores) fica.
   ===================================================================== */

/* Tokens (the same names the app already uses, so every page follows) */
[data-layout="novo"] {
  --bg: #f5f6f8;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --line: #e3e6ea;
  --line-strong: #c9cfd6;
  --ink: #11161c;
  --ink-2: #39434e;
  --muted: #66707b;
  --faint: #6b7785;  /* 4.6:1 on white (was #9aa3ad, 2.6:1; review 31/10/2026) */
  --brand: #0068b8;
  --brand-dark: #004a87;
  --brand-soft: #eaf2fb;
  --brand-line: #c7dcf1;
  --ok: #0f7047;
  --ok-bg: #ecf7f1;
  --ok-line: #b7e0c8;
  --warn: #8a5300;
  --warn-bg: #fff7e8;
  --warn-line: #f0d29a;
  --bad: #b4232a;
  --bad-bg: #fdf0ef;
  --bad-line: #f2b8b5;
  --focus: #0068b8;
  --radius-sm: 4px;
  --radius: 4px;
  --radius-lg: 6px;
  --shadow-sm: none;
  --shadow: 0 10px 28px rgba(17, 22, 28, 0.12);
}
[data-layout="novo"] body { font-variant-numeric: tabular-nums; }

/* Type: tighter titles, small labels in sentence case (Pedro, 31/10/2026) */
[data-layout="novo"] h1 { font-size: 24px; font-weight: 650; letter-spacing: -0.015em; line-height: 1.2; }
[data-layout="novo"] h2 { font-size: 15px; font-weight: 650; letter-spacing: -0.005em; }
[data-layout="novo"] h3 { font-size: 13.5px; font-weight: 650; }
[data-layout="novo"] :focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
[data-layout="novo"] .muted,
[data-layout="novo"] .help { color: var(--muted); }

/* Blocks: white, hairline border, no shadow (Owari's modules) */
[data-layout="novo"] .panel,
[data-layout="novo"] .dash-panel,
[data-layout="novo"] .area,
[data-layout="novo"] .sheet-block,
[data-layout="novo"] .reflection,
[data-layout="novo"] .dash-panel.theme-pt,
[data-layout="novo"] div[data-secondary],
[data-layout="novo"] .summary-card,
[data-layout="novo"] a.hub-card,
[data-layout="novo"] .cockpit-panel,
[data-layout="novo"] .person-section.cockpit-panel {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: none;
}
[data-layout="novo"] .panel,
[data-layout="novo"] .dash-panel,
[data-layout="novo"] .area,
[data-layout="novo"] .sheet-block,
[data-layout="novo"] div[data-secondary] { margin-bottom: 12px; padding: 16px 18px; }
[data-layout="novo"] .panel-title,
[data-layout="novo"] .theme-pt .panel-title,
[data-layout="novo"] .area-title,
[data-layout="novo"] .group-title,
[data-layout="novo"] .shortcut-title { font-size: 15px; font-weight: 650; }
[data-layout="novo"] .panel-title small { font-size: 12px; }
[data-layout="novo"] a.hub-card:hover { border-color: var(--ink-2); }

/* Buttons: black = main action; white with border = others; red text = danger */
[data-layout="novo"] .button {
  min-height: 36px;
  padding: 6px 14px;
  border: 1px solid var(--ink);
  border-radius: var(--radius);
  background: var(--ink);
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
}
[data-layout="novo"] .button:hover { border-color: #000000; background: #000000; color: #ffffff; }
[data-layout="novo"] .button-save { border-color: var(--ink); background: var(--ink); color: #ffffff; }
[data-layout="novo"] .button-save:hover { border-color: #000000; background: #000000; }
[data-layout="novo"] .button-save::before { content: "✓"; content: "✓" / ""; font-weight: 700; }
[data-layout="novo"] .button-add,
[data-layout="novo"] .button-edit,
[data-layout="novo"] .button-secondary {
  border: 1px solid var(--line-strong);
  background: var(--surface);
  color: var(--ink);
}
[data-layout="novo"] .button-add:hover,
[data-layout="novo"] .button-edit:hover,
[data-layout="novo"] .button-secondary:hover { border-color: var(--ink-2); background: var(--surface); color: var(--ink); }
[data-layout="novo"] .button-edit::before { content: "✎"; content: "✎" / ""; color: var(--brand); }
[data-layout="novo"] .button-danger { border: 1px solid var(--bad-line); background: var(--surface); color: var(--bad); }
[data-layout="novo"] .button-danger:hover { border-color: var(--bad); background: var(--bad-bg); color: var(--bad); }
[data-layout="novo"] .button-small { min-height: 30px; padding: 3px 10px; font-size: 12px; }
[data-layout="novo"] .button[aria-expanded="true"] { box-shadow: inset 0 -2px 0 var(--brand); }
[data-layout="novo"] .button-link { border-radius: var(--radius); }

/* Section tabs and choices: underline in ink; current person / item in ink */
[data-layout="novo"] .tabs { border-bottom: 1px solid var(--line); }
[data-layout="novo"] .tabs a { color: var(--muted); font-weight: 500; }
[data-layout="novo"] .tabs a:hover { color: var(--ink); }
[data-layout="novo"] .tabs a[aria-current="page"] { border-bottom-color: var(--ink); color: var(--ink); font-weight: 600; }
[data-layout="novo"] .chip-link { color: var(--ink-2); font-weight: 500; }
[data-layout="novo"] .chip-link:hover { background: var(--surface-2); color: var(--ink); }
[data-layout="novo"] .chip-link.is-current,
[data-layout="novo"] .chip-link[aria-current="page"] { background: var(--ink); color: #ffffff; }
[data-layout="novo"] .chip-link.is-done { background: var(--ok-bg); color: var(--ok); }
[data-layout="novo"] .segmented { padding: 2px; border: 0; border-radius: var(--radius); background: #eef0f3; }
[data-layout="novo"] .segmented a { min-height: 32px; border-radius: 3px; color: var(--muted); }
[data-layout="novo"] .segmented a + a { border-left: 0; }
[data-layout="novo"] .segmented a:hover { background: transparent; color: var(--ink); }
[data-layout="novo"] .segmented a[aria-current="true"] { background: var(--surface); box-shadow: 0 0 0 1px var(--line); color: var(--ink); }
[data-layout="novo"] .page-sections a { border-color: var(--line); }

/* Tables: small sentence-case headings, hairlines between lines */
[data-layout="novo"] .table thead th,
[data-layout="novo"] .cockpit-table thead th,
[data-layout="novo"] .goal-sheet thead th,
[data-layout="novo"] .year-sheet thead th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}
[data-layout="novo"] .table td,
[data-layout="novo"] .table th,
[data-layout="novo"] .cockpit-table td,
[data-layout="novo"] .cockpit-table th { border-color: var(--line); }
[data-layout="novo"] .table tbody tr:hover > *,
[data-layout="novo"] .cockpit-table tbody tr:hover > * { background: var(--surface-2); }
[data-layout="novo"] .table tfoot > tr > *,
[data-layout="novo"] .cockpit-table tfoot > tr > * { border-top: 2px solid var(--ink); }

/* Fields */
[data-layout="novo"] .field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
[data-layout="novo"] .field select,
[data-layout="novo"] .field textarea,
[data-layout="novo"] main select,
[data-layout="novo"] main input[type="text"],
[data-layout="novo"] main input[type="search"],
[data-layout="novo"] main input[type="number"],
[data-layout="novo"] main input[type="date"],
[data-layout="novo"] main input[type="month"],
[data-layout="novo"] main input[type="email"],
[data-layout="novo"] main textarea { border-color: var(--line-strong); border-radius: var(--radius); }
[data-layout="novo"] .field input:focus,
[data-layout="novo"] .field select:focus,
[data-layout="novo"] .field textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 3px rgba(0, 104, 184, 0.15); }
[data-layout="novo"] .field label,
[data-layout="novo"] .field-group legend { color: var(--ink-2); font-weight: 600; }

/* States: soft background, a left line, and words or signs (never colour alone) */
[data-layout="novo"] .alert-box,
[data-layout="novo"] .form-error,
[data-layout="novo"] .dash-alert { border-radius: var(--radius); border-left-width: 3px; }
[data-layout="novo"] .messages li,
[data-layout="novo"] .message { border-radius: var(--radius); }
[data-layout="novo"] .empty,
[data-layout="novo"] .cockpit-empty { color: var(--muted); }
[data-layout="novo"] .badge { border-radius: 3px; font-size: 11px; font-weight: 600; }

/* Dashboard and the other overviews (cockpit.css): one modular strip and hairline panels, as the
   approved Fitness & PT overview */
[data-layout="novo"] .cockpit .cockpit-kpis {
  gap: 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  overflow: hidden;
}
[data-layout="novo"] .cockpit .cockpit-kpi {
  border: 0;
  border-top: 2px solid transparent;
  border-right: 1px solid var(--line);
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}
[data-layout="novo"] .cockpit .cockpit-kpi:last-child { border-right: 0; }
[data-layout="novo"] .cockpit .cockpit-kpi:hover { background: var(--surface-2); }
[data-layout="novo"] .cockpit .kpi-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}
[data-layout="novo"] .cockpit .cockpit-kpi strong { font-size: 26px; font-weight: 650; letter-spacing: -0.02em; }
[data-layout="novo"] .cockpit .cockpit-panel { padding: 14px 16px 16px; background: var(--surface); }
[data-layout="novo"] .cockpit .cockpit-panel h2,
[data-layout="novo"] .cockpit .cockpit-section-title { font-size: 15px; font-weight: 650; }
[data-layout="novo"] .cockpit .cockpit-attention {
  border: 1px solid var(--warn-line);
  border-left: 3px solid var(--warn);
  border-radius: var(--radius);
  background: var(--warn-bg);
}
[data-layout="novo"] .cockpit .line-actual { stroke: var(--ink); }
[data-layout="novo"] .cockpit .line-goal { stroke: var(--chart-goal, var(--brand)); }
[data-layout="novo"] .cockpit .point-actual { fill: var(--surface); stroke: var(--ink); }
[data-layout="novo"] .cockpit .actual-key { border-color: var(--ink) !important; background: var(--ink); }

/* The instructor's page (Fitness & PT): the coordinator's notes keep a light highlight */
[data-layout="novo"] .cockpit .person-section.private-notes {
  border: 1px solid var(--warn-line);
  border-left: 3px solid #d29b2a;
  background: #fffcf3;
}
[data-layout="novo"] .person-section-title { font-size: 15px; font-weight: 650; }

/* Phone: touch-sized controls; inputs at 16 px so the phone does not zoom in */
@media (max-width: 640px) {
  [data-layout="novo"] .button { min-height: 40px; }
  [data-layout="novo"] main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
  [data-layout="novo"] main select,
  [data-layout="novo"] main textarea { font-size: 16px; }
  [data-layout="novo"] h1 { font-size: 21px; }
  [data-layout="novo"] .cockpit .cockpit-kpi { border-bottom: 1px solid var(--line); }
}

/* Number cards and summary tiles across the app: hairline modules, small sentence-case label */
[data-layout="novo"] .overview-stat,
[data-layout="novo"] .hero-card,
[data-layout="novo"] .com-card,
[data-layout="novo"] .kpi-mini {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: none;
}
[data-layout="novo"] .overview-stat.is-ok { border-left: 3px solid var(--ok); }
[data-layout="novo"] .overview-stat.is-warn { border-left: 3px solid var(--warn); }
[data-layout="novo"] .overview-stat.is-alert { border-left: 3px solid var(--bad); background: var(--surface); }
[data-layout="novo"] a.overview-stat:hover,
[data-layout="novo"] a.com-card:hover { border-color: var(--ink-2); }
[data-layout="novo"] .overview-label,
[data-layout="novo"] .hero-card h3 { color: var(--muted); font-size: 12px; font-weight: 600; }
[data-layout="novo"] .stat-value,
[data-layout="novo"] .hero-value,
[data-layout="novo"] .summary-value { font-weight: 650; letter-spacing: -0.02em; }
[data-layout="novo"] .link-button,
[data-layout="novo"] .secondary-head .link-button {
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
}
[data-layout="novo"] .link-button:hover { border-color: var(--ink-2); }
[data-layout="novo"] .more-link { color: var(--brand-dark); }


/* Administrativo › Atualizar resultados (Pedro, 07/10/2026): the month as one Excel sheet — a day per
   line, an indicator per column, the headings written upwards (as Excel's rotated headings). On a computer
   the sheet slides inside its frame, both ways, with the headings, the day column and the open month's line
   fixed (Pedro, 04/11/2026: «Deslizar na moldura»; before, every column was squeezed into the window at
   10 px and long figures such as «−403,70 h» were cut). Below 1180 px, one day at a time (fit.js), as before. */
@media (min-width: 1180px) {
  [data-layout="novo"] .sheet-grid--fit { table-layout: auto; width: max-content; min-width: 100%; font-size: 12px; }
  [data-layout="novo"] .sheet-grid--fit .sheet-row-head,
  [data-layout="novo"] .sheet-grid--fit tbody .sheet-row-head { width: 84px; padding: 0 6px; font-size: 12px; white-space: nowrap; }
  [data-layout="novo"] .sheet-grid--fit thead .sheet-groups th { padding: 4px 6px; font-size: 11px; white-space: nowrap; line-height: 1.2; }
  [data-layout="novo"] .sheet-grid--fit thead tr:last-child th { height: 150px; padding: 6px 0; vertical-align: bottom; }
  [data-layout="novo"] .sheet-grid--fit .sheet-head-text {
    display: inline-block;
    max-height: 140px;
    overflow: hidden;
    color: var(--ink-2);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.15;
    text-align: left;
    text-transform: none;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  [data-layout="novo"] .sheet-grid--fit .sheet-head-text small { display: inline; margin-top: 4px; color: var(--muted); font-weight: 400; }
  [data-layout="novo"] .sheet-grid--fit .grid-cell { min-width: 0; }
  [data-layout="novo"] .sheet-grid--fit .grid-cell input { width: 56px; min-width: 0; height: 28px; padding: 0 4px; font-size: 12px; text-align: right; }
  [data-layout="novo"] .sheet-grid--fit td.sheet-calc { padding: 0 6px; font-size: 12px; text-align: right; white-space: nowrap; }
  [data-layout="novo"] .sheet-grid--fit .grid-cell--future { font-size: 11px; }
  [data-layout="novo"] .sheet-grid--fit tfoot th,
  [data-layout="novo"] .sheet-grid--fit tfoot td { padding: 6px; font-size: 12px; white-space: nowrap; }
  [data-layout="novo"] .sheet-grid--fit .cell-error { font-size: 11px; }
}


/* Administrativo › Registo diário with every month (Pedro, 07/10/2026): a year's line, each month's
   line with its totals (as the sheet's «.Jan 23» lines), the open month's days under it. */
[data-layout="novo"] .ar-history .ar-year-row th { padding: 6px 8px; border-top: 2px solid var(--ink); background: #eef0f3; text-align: left; }
[data-layout="novo"] .ar-history .ar-month-row > * { background: #f7f8fa; font-weight: 650; }
[data-layout="novo"] .ar-history .ar-month.is-open .ar-month-row > * { border-top: 2px solid var(--line-strong); background: #eef3fa; }
[data-layout="novo"] .ar-history .ar-month-row td.sheet-calc { background: #f6f3e6; }
[data-layout="novo"] .ar-history .ar-month-row .sheet-row-head small { display: block; color: var(--muted); font-size: 11px; font-weight: 500; white-space: normal; }
[data-layout="novo"] .ar-history .ar-toggle { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; color: var(--ink); font: inherit; font-weight: 650; text-decoration: none; cursor: pointer; }
[data-layout="novo"] .ar-history .ar-toggle small { color: var(--muted); font-weight: 400; }
[data-layout="novo"] .ar-history .ar-caret { display: inline-block; width: 11px; color: var(--muted); font-size: 11px; transition: transform .12s; }
[data-layout="novo"] .ar-history .ar-toggle[aria-expanded="true"] .ar-caret { transform: rotate(90deg); }
[data-layout="novo"] .ar-history .ar-toggle[aria-busy="true"] { opacity: .5; }
[data-layout="novo"] .ar-history .ar-total { padding: 4px 6px; font-size: 12px; text-align: right; white-space: nowrap; }
[data-layout="novo"] .ar-history tr[data-row][hidden] { display: none; }
@media (min-width: 1180px) {
  [data-layout="novo"] .sheet-grid--fit.ar-history .sheet-row-head,
  [data-layout="novo"] .sheet-grid--fit.ar-history tbody .sheet-row-head { width: 104px; white-space: normal; }
  [data-layout="novo"] .sheet-grid--fit.ar-history tr[data-row] .sheet-row-head { padding-left: 18px; white-space: nowrap; }
}
/* Phone and narrow windows: years and months as a list; the open month's days one at a time (← →) */
@media (max-width: 1179px) {
  [data-layout="novo"] .ar-history thead { display: none; }
  [data-layout="novo"] .ar-history tbody.ar-year,
  [data-layout="novo"] .ar-history tbody.ar-month { display: block; }
  [data-layout="novo"] .ar-history tbody.ar-month[hidden] { display: none; }
  [data-layout="novo"] .ar-history tr.ar-year-row,
  [data-layout="novo"] .ar-history tr.ar-month-row { display: block; border-bottom: 1px solid var(--line); }
  [data-layout="novo"] .ar-history tr.ar-year-row th,
  [data-layout="novo"] .ar-history tr.ar-month-row th { display: block; min-height: 44px; padding: 10px 8px; }
  [data-layout="novo"] .ar-history tr.ar-month-row td { display: none; }
  [data-layout="novo"] .ar-history .ar-toggle { min-height: 24px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-layout="novo"] .ar-history .ar-caret { transition: none; }
}

/* The headings and the day column stay in sight while the sheet slides, as Excel's frozen panes (Pedro's
   sheet: B2); the frame is as tall as the window under the page's bars, so the page itself never slides sideways */
@media (min-width: 1180px) {
  [data-layout="novo"] .ar-wrap { max-height: calc(100vh - var(--sticky-under, 110px) - 80px); overflow: auto; overscroll-behavior: contain;
    scroll-padding: 190px 0 0 110px; }  /* 80 px: the «Guardar» bar under it; the padding: a cell reached with Tab is never under
    the fixed headings, the open month's line or the day column */
  /* separate borders, each cell its right and bottom line: collapsed borders stay behind when the headings stick,
     and the rows under them showed through the lines */
  [data-layout="novo"] .ar-history { border-collapse: separate; border-spacing: 0; }
  [data-layout="novo"] .ar-history :is(th, td) { border-width: 0 1px 1px 0; }
  [data-layout="novo"] .ar-history thead { position: sticky; top: 0; z-index: 7; box-shadow: 0 1px 0 var(--line-strong); }
  [data-layout="novo"] .ar-history .sheet-row-head { position: sticky; left: 0; z-index: 2; box-shadow: 1px 0 0 var(--line-strong); }
  [data-layout="novo"] .ar-history thead .sheet-row-head { z-index: 8; }
  /* a year's line spans the sheet: its name stays at the left while the sheet slides */
  [data-layout="novo"] .ar-history .ar-year-row .ar-toggle { position: sticky; left: 8px; }
  [data-layout="novo"] .ar-history thead tr:first-child th { height: 28px; }
  [data-layout="novo"] .ar-history thead tr:last-child th { height: 124px; }
  [data-layout="novo"] .ar-history .sheet-head-text { max-height: 116px; }
}

/* Compact lines and the open month's totals in sight while filling in (Pedro, 07/10/2026: «quando
   preencho preciso de ver o totalizador do mês»; «otimiza a dimensão das linhas») */
@media (min-width: 1180px) {
  [data-layout="novo"] .ar-history .grid-cell input { min-height: 0; height: 24px; padding: 0 3px; }
  [data-layout="novo"] .ar-history tbody th,
  [data-layout="novo"] .ar-history tbody td { height: 25px; line-height: 1.2; }
  [data-layout="novo"] .ar-history tbody .sheet-row-head { padding-top: 0; padding-bottom: 0; white-space: nowrap; }
  [data-layout="novo"] .ar-history .grid-cell--future { height: 20px; }
  [data-layout="novo"] .ar-history .cell-state { display: none; }  /* «✓ guardado»: in the bar at the bottom */
  [data-layout="novo"] .ar-history .ar-month-row > * { height: 28px; padding-top: 0; padding-bottom: 0; }
  [data-layout="novo"] .ar-history .ar-year-row th { padding: 3px 8px; }
  /* The open month's line stays just below the headings while its days scroll */
  [data-layout="novo"] .ar-history .ar-month.is-open .ar-month-row > * {
    position: sticky;
    top: var(--ar-head, 152px);
    z-index: 5;
    box-shadow: 0 1px 0 var(--line-strong), 0 3px 6px -4px rgba(17, 22, 28, 0.25);
  }
  [data-layout="novo"] .ar-history .ar-month.is-open .ar-month-row > .sheet-row-head { z-index: 6; }
}

/* Comercial › Atualizar resultados with every month, as the Administrativo (Pedro, 08/10/2026): the open
   month's «Objetivo» and «Falta» under its line. */
[data-layout="novo"] .ar-history tr.ar-sub > * { background: #fbfbfc; color: var(--muted); font-size: 11.5px; font-weight: 600; }
[data-layout="novo"] .ar-history tr.ar-sub--f > * { color: var(--warn, #9a5b00); }
[data-layout="novo"] .ar-history tr.ar-sub .sheet-row-head { padding-left: 18px; }
[data-layout="novo"] .ar-history tr.ar-sub[hidden] { display: none; }
@media (min-width: 1180px) {
  [data-layout="novo"] .ar-history tr.ar-sub > * { height: 22px; padding-top: 0; padding-bottom: 0; }
}
@media (max-width: 1179px) {
  [data-layout="novo"] .ar-history tr.ar-sub { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 6px 8px; border-bottom: 1px solid var(--line); }
  [data-layout="novo"] .ar-history tr.ar-sub > * { display: block; height: auto; padding: 0; border: 0; background: transparent; }
  [data-layout="novo"] .ar-history tr.ar-sub .sheet-row-head { flex-basis: 100%; padding-left: 0; color: var(--ink); }
  [data-layout="novo"] .ar-history tr.ar-sub td:empty { display: none; }
  [data-layout="novo"] .ar-history tr.ar-sub td::before { content: attr(data-label) ": "; font-weight: 500; }
}

/* «Sem PT atribuído» in Registo pagamentos PT: first on the page and highlighted (Pedro, 14/10/2026) */
.dash-panel.pay-unassigned { border: 2px solid var(--warn-line); border-left: 6px solid #b45309; background: var(--warn-bg); }
.dash-panel.pay-unassigned .panel-title { color: #92400e; }

/* «+ Novo conteúdo» / «+ Nova lead»: white on the brand colour (the general details > summary colour made it unreadable) */
[data-layout="novo"] .ct-add > summary { color: #ffffff; }