/* Farm site import (farm-site-import.html) — page-local cloud-light reading
   profile. Scope: only <body class="gr-theme" data-gr-profile="cloud-light"> on
   that page (it is served only from public/, so there is no Central twin). The
   page hard-codes its colours in its own :root aliases: each alias is rebound to
   the canonical cloud tokens here (the page's own values stay only as the aliases'
   inherited history), and every class rule that set a raw colour or a size under
   16px is restated with them. Status colours keep their meaning (ok/high = success,
   busy/medium = info/warning, err/low = critical). 16px reading floor, 44px
   controls. No new palette. */

body.gr-theme[data-gr-profile="cloud-light"] {
  --ink: var(--gr-cloud-text);
  --muted: var(--gr-cloud-muted);
  --line: var(--gr-cloud-border);
  --green: var(--gr-cloud-primary);
  --bg: var(--gr-cloud-bg);
  background: var(--gr-cloud-bg);
  color: var(--gr-cloud-text);
  font-family: var(--gr-operator-font-stack);
  font-size: 16px;
}

/* Cards, topbar and help card. */
body.gr-theme[data-gr-profile="cloud-light"] .card,
body.gr-theme[data-gr-profile="cloud-light"] .topbar,
body.gr-theme[data-gr-profile="cloud-light"] .helpcard,
body.gr-theme[data-gr-profile="cloud-light"] iframe { background: var(--gr-cloud-surface); }
body.gr-theme[data-gr-profile="cloud-light"] .backlink { font-size: 16px; }
body.gr-theme[data-gr-profile="cloud-light"] .helpcard p { color: var(--gr-cloud-muted); font-size: 16px; }

/* Inputs. */
body.gr-theme[data-gr-profile="cloud-light"] input[type=url],
body.gr-theme[data-gr-profile="cloud-light"] input[type=text],
body.gr-theme[data-gr-profile="cloud-light"] input[type=number] {
  min-height: 44px;
  border-color: var(--gr-cloud-control-border);
}

/* Buttons: the foundation default for non-primary buttons is a plain surface, so
   every button rule here is written as `button.<class>` to match its specificity. */
body.gr-theme[data-gr-profile="cloud-light"] button { min-height: 44px; }
body.gr-theme[data-gr-profile="cloud-light"] button.primary {
  background: var(--gr-cloud-primary);
  color: var(--gr-cloud-on-primary);
}
body.gr-theme[data-gr-profile="cloud-light"] button.ghost {
  background: var(--gr-cloud-surface);
  color: var(--gr-cloud-primary);
}

/* Import status line. */
body.gr-theme[data-gr-profile="cloud-light"] .status.err {
  background: var(--gr-cloud-critical-soft);
  border-color: var(--gr-cloud-critical);
  color: var(--gr-cloud-critical);
}
body.gr-theme[data-gr-profile="cloud-light"] .status.ok {
  background: var(--gr-cloud-success-soft);
  border-color: var(--gr-cloud-success);
  color: var(--gr-cloud-success);
}
body.gr-theme[data-gr-profile="cloud-light"] .status.busy {
  background: var(--gr-cloud-info-soft);
  border-color: var(--gr-cloud-info);
  color: var(--gr-cloud-info);
}

/* Import report and photo-proposal rows. */
body.gr-theme[data-gr-profile="cloud-light"] .note,
body.gr-theme[data-gr-profile="cloud-light"] ul.report,
body.gr-theme[data-gr-profile="cloud-light"] .why,
body.gr-theme[data-gr-profile="cloud-light"] .blocked,
body.gr-theme[data-gr-profile="cloud-light"] .nofoto { color: var(--gr-cloud-muted); font-size: 16px; }
body.gr-theme[data-gr-profile="cloud-light"] .pair img { background: var(--gr-cloud-surface-alt); }
body.gr-theme[data-gr-profile="cloud-light"] .tag { font-size: 16px; }
body.gr-theme[data-gr-profile="cloud-light"] .tag.high { background: var(--gr-cloud-success-soft); color: var(--gr-cloud-success); }
body.gr-theme[data-gr-profile="cloud-light"] .tag.medium { background: var(--gr-cloud-warning-soft); color: var(--gr-cloud-warning); }
body.gr-theme[data-gr-profile="cloud-light"] .tag.low { background: var(--gr-cloud-critical-soft); color: var(--gr-cloud-critical); }
body.gr-theme[data-gr-profile="cloud-light"] .pair button { font-size: 16px; }
body.gr-theme[data-gr-profile="cloud-light"] .blocked { background: var(--gr-cloud-surface-alt); }