/* Status check. Uses GetItDone's leaf-green system, mobile first. */
.gid2-wrap{max-width:520px;margin:0 auto;padding:8px 0 40px;font-family:inherit}
.gid2-lede{color:var(--text-muted,#6b8070);font-size:14px;margin:0 0 18px;line-height:1.55}

.gid2-form{display:flex;flex-direction:column;gap:10px}
/* A display rule beats the hidden attribute, so hidden needs stating explicitly.
   Without this the form stays on screen after results load. The same bug exists
   in the v1 plugin's diaspora modal. */
.gid2-form[hidden]{display:none}
.gid2-error[hidden]{display:none}
.gid2-label{font-size:13px;font-weight:600;color:var(--text-body,#41564a)}
.gid2-plate-in{width:100%;padding:15px 14px;font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:20px;font-weight:700;text-align:center;letter-spacing:.1em;text-transform:uppercase;
  border:2px solid var(--border-default,#dfe8e2);border-radius:11px;background:#fff;color:#12211a}
.gid2-plate-in:focus{outline:none;border-color:var(--green,#1a6b3c)}
.gid2-error{background:#fcecec;border:1px solid #a81f1f;color:#7a1616;border-radius:8px;
  padding:9px 11px;font-size:13px;margin:0}

.gid2-btn{display:block;width:100%;text-align:center;padding:14px;border:none;border-radius:11px;
  font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;letter-spacing:-.008em}
.gid2-btn--primary{background:var(--green,#1a6b3c);color:#fff}
.gid2-btn--primary:hover{background:#22834a}
.gid2-btn--gold{background:var(--gold,#f1b434);color:#3a2a08}
.gid2-btn--ghost{background:transparent;color:var(--green,#1a6b3c);
  border:1.5px solid var(--border-strong,#cfe3d6);margin-top:9px}
.gid2-btn:focus-visible{outline:2px solid var(--gold,#f1b434);outline-offset:2px}

.gid2-card{background:#fff;border:1px solid var(--border-default,#dfe8e2);border-radius:14px;
  overflow:hidden}
.gid2-card__head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
  padding:14px 15px;border-bottom:1px solid var(--border-subtle,#eef3f0)}
.gid2-veh{display:flex;flex-direction:column;gap:2px;font-size:15px;color:#12211a}
.gid2-veh span{font-size:12px;color:var(--text-muted,#6b8070)}
.gid2-plate{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;font-weight:700;
  background:#12211a;color:#fff;padding:5px 9px;border-radius:5px;letter-spacing:.06em;
  white-space:nowrap;flex:none}

.gid2-rows{display:flex;flex-direction:column}
.gid2-row{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;
  border-bottom:1px solid var(--border-subtle,#eef3f0);min-height:60px}
.gid2-row:last-child{border-bottom:none}
.gid2-row__main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gid2-row__name{font-size:14px;font-weight:650;color:#12211a}
.gid2-row__meta{font-size:12px;color:var(--text-muted,#6b8070)}
.gid2-row__src{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10px;
  color:#8c9cb2;flex:none;padding-top:3px}

.gid2-dot{width:9px;height:9px;border-radius:50%;flex:none;margin-top:6px}
.gid2-dot--ok{background:var(--green,#1a6b3c)}
.gid2-dot--warn{background:#a35d06}
.gid2-dot--bad{background:#a81f1f}
.gid2-dot--unknown{background:#8c9cb2}
.gid2-dot--wait{background:#d7e2ee;animation:gid2pulse 1.1s ease-in-out infinite}
@keyframes gid2pulse{0%,100%{opacity:.35}50%{opacity:1}}

.gid2-chip{display:inline-block;align-self:flex-start;font-family:ui-monospace,"SF Mono",Menlo,monospace;
  font-size:9.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  padding:2px 6px;border-radius:4px;margin-top:4px}
.gid2-chip--ok{background:#e8f2ec;color:#1a6b3c}
.gid2-chip--warn{background:#fdf3e2;color:#a35d06}
.gid2-chip--bad{background:#fcecec;color:#a81f1f}
.gid2-chip--unknown{background:#eef2f6;color:#61718a}

.gid2-card__foot{padding:14px 15px;background:#f7faf8}
.gid2-foot__note{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10.5px;
  color:var(--text-muted,#6b8070);margin:10px 0 0;text-align:center}
.gid2-ok{font-size:14px;color:#1a6b3c;font-weight:650;margin:0 0 10px}
.gid2-alert{font-size:13.5px;line-height:1.6;color:#12211a;margin:0}
.gid2-caveat{font-size:11px;line-height:1.6;color:var(--text-muted,#6b8070);margin:14px 0 0}

@media (prefers-reduced-motion:reduce){.gid2-dot--wait{animation:none}}

/* ─────────────── Steps 2 and 3: quote and payment ─────────────── */
.gid2-steps{display:flex;list-style:none;margin:0 0 18px;padding:0;gap:0;
  counter-reset:none;font-size:11.5px}
.gid2-steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;
  color:var(--text-muted,#6b8070);position:relative;text-align:center}
.gid2-steps li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  font-weight:700;font-size:11px;background:var(--border-subtle,#eef3f0);
  color:var(--text-muted,#6b8070);border:1.5px solid var(--border-default,#dfe8e2)}
.gid2-steps li.now span{background:var(--green,#1a6b3c);color:#fff;border-color:var(--green,#1a6b3c)}
.gid2-steps li.now{color:#12211a;font-weight:650}
.gid2-steps li.done span{background:var(--green-lite,#e8f2ec);color:var(--green,#1a6b3c);
  border-color:var(--border-strong,#cfe3d6)}
.gid2-steps li::after{content:"";position:absolute;top:12px;left:50%;width:100%;height:1.5px;
  background:var(--border-default,#dfe8e2);z-index:-1}
.gid2-steps li:last-child::after{display:none}

.gid2-card__body{padding:16px 15px}
.gid2-card--ok{border-color:var(--border-strong,#cfe3d6)}
.gid2-center{text-align:center}
.gid2-h2{font-size:1.2rem;margin:0 0 6px;letter-spacing:-.018em;color:#12211a}
.gid2-sub{font-size:13.5px;color:var(--text-body,#41564a);margin:0 0 12px;line-height:1.6}
.gid2-ref{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;
  color:var(--text-muted,#6b8070);margin:0 0 16px}
.gid2-tick{width:52px;height:52px;border-radius:50%;background:var(--green-lite,#e8f2ec);
  color:var(--green,#1a6b3c);display:grid;place-items:center;font-size:26px;margin:4px auto 14px;
  border:2px solid var(--border-strong,#cfe3d6)}

.gid2-loading{display:flex;align-items:center;gap:10px;font-size:13.5px;
  color:var(--text-body,#41564a);margin:0;padding:8px 0}
.gid2-spin{width:16px;height:16px;border-radius:50%;flex:none;
  border:2px solid var(--border-default,#dfe8e2);border-top-color:var(--green,#1a6b3c);
  animation:gid2spin .8s linear infinite}
@keyframes gid2spin{to{transform:rotate(360deg)}}

.gid2-lines{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.gid2-line{border:1px solid var(--border-default,#dfe8e2);border-radius:9px;padding:10px 11px}
.gid2-line__head{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;
  font-weight:650;color:#12211a}
.gid2-line__head em{font-style:normal;font-weight:700;color:var(--green,#1a6b3c)}
.gid2-cycles{display:flex;flex-direction:column;gap:2px;margin-top:7px;
  padding-top:7px;border-top:1px solid var(--border-subtle,#eef3f0)}
.gid2-cycles span{display:flex;justify-content:space-between;
  font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:11px;
  color:var(--text-muted,#6b8070)}
.gid2-cycles i{font-style:normal}

.gid2-totals{border-top:1px solid var(--border-default,#dfe8e2);padding-top:10px;margin-bottom:18px}
.gid2-totals__row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;
  color:var(--text-body,#41564a)}
.gid2-totals__row b{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-variant-numeric:tabular-nums}
.gid2-totals__row--grand{border-top:1.5px solid #12211a;margin-top:7px;padding-top:9px;
  font-size:16.5px;font-weight:700;color:#12211a}

.gid2-field{border:none;padding:0;margin:0 0 13px}
.gid2-field legend,.gid2-field label{font-size:12.5px;font-weight:650;color:var(--text-body,#41564a);
  display:block;margin-bottom:5px;padding:0}
.gid2-in{width:100%;padding:11px 12px;font-size:14px;font-family:inherit;
  border:1px solid var(--border-default,#dfe8e2);border-radius:9px;background:#fff;color:#12211a}
.gid2-in:focus{outline:none;border-color:var(--green,#1a6b3c)}
.gid2-field[hidden]{display:none}

.gid2-radio,.gid2-check{display:flex;gap:9px;align-items:flex-start;padding:8px 0;cursor:pointer;
  font-weight:400}
.gid2-radio input,.gid2-check input{margin:2px 0 0;width:16px;height:16px;flex:none;
  accent-color:var(--green,#1a6b3c)}
.gid2-radio span,.gid2-check span{font-size:13.5px;color:#12211a;font-weight:500}
.gid2-radio small{display:block;font-size:11.5px;color:var(--text-muted,#6b8070);font-weight:400}

.gid2-err{background:#fcecec;border:1px solid #a81f1f;color:#7a1616;border-radius:8px;
  padding:9px 11px;font-size:13px;margin:0 0 12px}
.gid2-err[hidden]{display:none}
.gid2-warn{background:#fdf3e2;border:1px solid #e8c98a;color:#7a4a06;border-radius:8px;
  padding:9px 11px;font-size:12.5px;margin:0 0 12px;line-height:1.55}
/* Something already paid for and in progress: calm green, not a warning. */
.gid2-paid-note{background:#edf6f0;border:1px solid #bcd8c6;color:#14522e;border-radius:8px;
  padding:9px 11px;font-size:12.5px;margin:0 0 12px;line-height:1.55}
/* A covered row in the what-to-renew list: a settled fact, not a choice. */
.gid2-check--paid{cursor:default}
.gid2-check--paid>span:first-child{flex:none;width:16px;height:16px;margin:2px 0 0;border-radius:4px;
  background:var(--green,#1a6b3c);color:#fff;font-size:11px;line-height:16px;text-align:center}
.gid2-fine{font-size:11px;line-height:1.6;color:var(--text-muted,#6b8070);margin:12px 0 0}

/* Honeypot: off-screen, not display:none — some bots skip fields display:none
   hides, and a human must never see it at all. Used by the reminder capture on
   the check page and the /remind/ landing page alike. */
.gid2-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* /remind/: stacked result cards breathe; the add-another pill is not glued to
   the confirmation above it. */
[data-gid2-remind-result] .gid2-card{margin-bottom:22px}
[data-gid2-remind-result] .gid2-card:last-child{margin-bottom:0}
[data-add-another]{margin-top:6px}