/* Contact pop-up: a white sheet on a dimmed backdrop, in the app's type and current language green. */
.cdlg { border: 0; padding: 0; border-radius: 28px; width: min(480px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); background: var(--surface); color: var(--ink, var(--ink));
  box-shadow: none; font-family: var(--f, "Lexend", system-ui, sans-serif); }
.cdlg::backdrop { background: rgba(0, 25, 15, .45); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.cdlg-form { display: grid; gap: 8px; padding: clamp(18px, 4vw, 26px); }
.cdlg-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cdlg h2 { margin: 0; font-weight: 500; font-size: 1.35rem; }
.cdlg-x { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line, #dfe7e2); background: var(--surface); display: grid; place-items: center; cursor: pointer; color: inherit; flex: none; }
.cdlg-x svg { width: 18px; height: 18px; }
.cdlg-sub { margin: 0 0 6px; font-size: .9rem; color: var(--ink-2, var(--ink-2)); }
.cdlg label { font-size: .86rem; font-weight: 500; margin-top: 4px; }
.cdlg label span { font-weight: 300; color: var(--ink-3, var(--ink-3)); }
.cdlg input, .cdlg select, .cdlg textarea { width: 100%; font: 400 1rem var(--f, "Lexend", system-ui, sans-serif); color: inherit; background: var(--fill); border: 1px solid var(--line, #dfe7e2); border-radius: 14px; padding: 11px 13px; }
.cdlg textarea { resize: vertical; min-height: 110px; }
.cdlg input:focus, .cdlg select:focus, .cdlg textarea:focus { outline: none; border-color: var(--green, #008751); background: var(--surface); }
.cdlg-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.cdlg-fine { margin: 4px 0 0; font-size: .78rem; color: var(--ink-2, var(--ink-2)); }
.cdlg-fine a { color: var(--green-deep, #005c37); }
.cdlg-status { margin: 0; font-size: .88rem; background: var(--mint, var(--good-bg)); border-radius: 12px; padding: 10px 12px; }
.cdlg-status.bad { background: var(--bad-bg); color: var(--bad-ink); }
.cdlg-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 6px; }
.cdlg-btn { font: 500 .98rem var(--f, "Lexend", system-ui, sans-serif); border: 0; border-radius: 999px; padding: 13px 16px; cursor: pointer; }
.cdlg-btn.grey { background: var(--fill); color: inherit; }
.cdlg-btn.green { background: var(--green, #008751); color: var(--on-accent); }
.cdlg-btn:disabled { opacity: .6; cursor: wait; }
.cdlg :focus-visible { outline: 2px solid var(--green, #008751); outline-offset: 2px; }