/* Only what app.css does not already carry, for /ireland and /irish-record.
   Everything else reuses .rq, .br-list, .br-card, .btn, .shell.narrow, .sec. */

/* ---------------------------------------------------------------------------
   One house, two rooms. The Irish pages are Direction A exactly as the Italian
   pages are: same ground, same cards, same rules, same type, same dark gold on
   every label and every warning. The only thing that changes is the hue of the
   accent, and it changes in one place, here.

   #A8452A is oklch(51.8% 0.137 36.1). The Irish accent is the same lightness
   and the same chroma with the hue turned to the green named in notes.md,
   oklch(51.8% 0.137 149.9), which is #107D3A. No flag, no second green.

   --accent-ink is the text form of that hue. #107D3A reads at 4.33 to 1 on the
   cream ground, which is under the 4.5 that every word on this site has to
   clear, so running text takes the same hue one step darker. The button, the
   bars and the stamp keep the artboard's #107D3A.
   --------------------------------------------------------------------------- */
:root{
  --accent:#107D3A;
  --accent-ink:#00722F;
  --accent-press:#06662D;
  --accent-tint:#DEEBE0;
  --accent-soft:#93C69C;
  --accent-glow:rgba(16,125,58,.07);
  --shadow-cta:0 12px 26px -14px rgba(16,125,58,.9);
  --shadow-cta-hover:0 16px 30px -14px rgba(6,102,45,.95);
  --shadow-offer:0 24px 55px -34px rgba(16,125,58,.7);
}

.ie-help{margin:-6px 0 12px;line-height:1.45}
.ie-rule{margin:0 0 12px;line-height:1.6}
.ie-gap{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 8px 8px 0;line-height:1.55}
.ie-fee{margin:0 0 6px;font-weight:600;color:var(--ink)}
.ie-group{margin:14px 0 6px;font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
.ie-docs li{margin-bottom:12px}
.ie-docs b{display:block;color:var(--ink);line-height:1.45}
.ie-office,.ie-fee-s{display:block;font-size:.88rem;color:var(--muted);line-height:1.45;overflow-wrap:anywhere}
.ie-fee-s{margin-top:2px}
.ie-decides{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--hair);font-size:.92rem;color:var(--muted);line-height:1.55}

.ie-queue{margin:18px 0 0;padding:16px 14px;border:1px solid var(--line2);border-radius:var(--radius-doc);background:var(--raise)}
.ie-q-lead{margin:0 0 12px;line-height:1.55}
.ie-queue .rq-field input{min-width:0;width:100%;box-sizing:border-box;font-size:16px}
.ie-est:empty{display:none}
.ie-est{margin:0;padding:13px 14px;border-radius:10px;background:var(--accent-tint);border:0;font-weight:600;color:var(--ink);line-height:1.5}
.ie-sent{margin:0;font-weight:600;color:var(--ink)}

.ie-rec{margin:20px 0 6px;max-width:none}
.ie-rec-lead{margin:0 0 12px;line-height:1.55}

.ie-check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;line-height:1.45;color:var(--text)}
.ie-check input{margin-top:3px;flex:0 0 auto;width:20px;height:20px;accent-color:var(--accent)}

#ierec .rq-field input{min-width:0;width:100%;box-sizing:border-box;font-size:16px}

@media(max-width:420px){
  .ie-queue{padding:14px 12px}
  .ie-group{letter-spacing:.09em}
}

/* The queue page */
.fq .fq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.fq .fq-num{padding:12px;border:1px solid var(--line2);border-radius:10px;background:var(--card)}
.fq .fq-big{display:block;font-family:var(--display);font-weight:600;font-size:1.5rem;line-height:1.15;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.fq .fq-lab{display:block;margin-top:6px;font-size:.82rem;color:var(--muted);line-height:1.4}
.fq .rq-q{margin-top:18px}
.fq select{font:inherit;font-size:16px;min-height:48px;padding:12px 14px;border:1.5px solid var(--line2);border-radius:10px;background:var(--raise);color:var(--ink)}
.fq input[type=month]{font:inherit;font-size:16px;min-height:48px;padding:12px 14px;border:1.5px solid var(--line2);border-radius:10px;background:var(--raise);color:var(--ink)}
.fq select:focus,.fq input[type=month]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-tint)}
@media(max-width:420px){.fq .fq-grid{grid-template-columns:1fr}}