/* css/sheet.css — the long customer forms: the subscriber sheet and the PAD agreement.
   Lifted out of subscriber.php's <style> block when the PAD form arrived, so the two pages
   cannot drift apart the way three copies of the site header did. Nothing here changed in
   the move; the PAD-only rules are at the bottom and are marked. */
.sub-wrap{max-width:860px;margin:0 auto;padding:0 20px}
.sub-top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.sub-top .sub-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;padding-bottom:10px}
.sub-logo{height:44px;width:auto;max-width:190px;display:block}
.sub-back{font-weight:700;color:var(--adc);text-decoration:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;font-size:.9rem}
.sub-back:hover{border-color:var(--adc)}
.sub-call{font-weight:700;color:var(--ink);text-decoration:none;font-size:.9rem}
@media (max-width:520px){.sub-call{display:none}.sub-logo{height:28px}}
.sub-head{background:#fff6f0;color:var(--ink);padding:26px 0 22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.sub-head h1{font-family:Archivo,sans-serif;font-size:clamp(1.6rem,4vw,2.1rem);margin:0}
.sub-head p{color:var(--muted);margin:8px 0 0;font-size:.98rem;max-width:70ch}
fieldset{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px 22px;margin:0 0 18px}
legend{font-family:Archivo,sans-serif;font-weight:800;font-size:1.04rem;padding:0 8px}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:700px){.fgrid{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:4px}
input[type=text],input[type=email],input[type=tel],select,textarea{
 width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:7px;
 font:400 .96rem Barlow,system-ui,sans-serif;background:#fff;color:var(--ink)}
textarea{min-height:86px;resize:vertical}
.full{grid-column:1/-1}
.hint{font-size:.82rem;color:var(--muted);margin:4px 0 0}
/* Six columns became seven when the locked verbal-password box arrived (8 Oct). Without the
   extra track the two tick-boxes wrapped onto a line of their own and the phone fields went
   too narrow to read a number in. */
.crow{display:grid;grid-template-columns:1.2fr .9fr 1fr 1fr 1.1fr auto auto;gap:10px;align-items:end;
 padding:12px 0;border-bottom:1px dashed var(--line)}
.crow:last-child{border-bottom:0}
@media (max-width:860px){.crow{grid-template-columns:1fr 1fr}}
.chk{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:600;white-space:nowrap}
.chk input{width:17px;height:17px}
.secure{border-left:4px solid var(--green);background:#F1F8F4;border-radius:0 8px 8px 0;
 padding:14px 16px;margin:0 0 20px;font-size:.92rem;line-height:1.55}
.warnbox{border-left:4px solid var(--red);background:#FDF1F1;border-radius:0 8px 8px 0;
 padding:14px 16px;margin:0 0 18px;font-size:.92rem;line-height:1.55}
.err{border-left:4px solid var(--red);background:#FDF1F1;border-radius:0 8px 8px 0;padding:14px 16px;margin:0 0 18px}
.err ul{margin:6px 0 0;padding-left:20px;font-size:.92rem}
.done{border-left:4px solid var(--green);background:#F1F8F4;border-radius:0 8px 8px 0;padding:22px 24px;margin:0 0 20px}
.done h2{font-family:Archivo,sans-serif;margin:0 0 8px}
.refno{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:1.3rem;font-weight:600;
 background:#fff;border:1px solid var(--line);border-radius:7px;padding:9px 14px;display:inline-block;margin:6px 0}
.hp{position:absolute;left:-9999px}
div.sub-foot{margin:26px 0 40px;font-size:.84rem;color:var(--muted);line-height:1.6}
.rgroup{margin:0 0 18px}
.rq{font-weight:700;font-size:.92rem;margin:0 0 8px}
.rcard{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:0 0 7px;cursor:pointer;background:#fff}
.rcard:hover{border-color:var(--adc)}
.rcard input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--adc)}
.rcard b{display:block;font-size:.93rem}
.rcard small{display:block;color:var(--muted);font-size:.82rem;font-weight:400;line-height:1.4;margin-top:2px}
.rcard b{font-weight:700}
.rcard{font-weight:400}
.rcard:has(input:checked){border-color:var(--adc);background:#fff6f0}
.rgroup.off .rcard{opacity:.45;cursor:not-allowed;background:#f6f7f8}
.rgroup.locked .rcard{cursor:not-allowed}
.rgroup.locked .rcard:not(:has(input:checked)){opacity:.45}
.review{background:var(--paper,#f6f7f8);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin:0 0 14px}
.review ul{margin:0;padding-left:18px;font-size:.88rem;line-height:1.5}
.review li.muted{color:var(--muted);list-style:none;margin-left:-18px}
.ack{background:#fff8e6;border:1px solid #e9c46a;border-radius:8px;padding:10px 12px;margin:0 0 14px;font-weight:600}
.bill-alt[hidden]{display:none}
.orow{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:0 0 8px}
@media (max-width:700px){.orow{grid-template-columns:1fr}}
.phone-alt[hidden]{display:none}
.emerg{border:2px solid #c8102e;background:#fff5f5;border-radius:10px;padding:14px 18px;margin:0 0 18px;font-size:.9rem;line-height:1.5}
.emerg > b{display:block;font-family:Archivo,sans-serif;color:#c8102e;margin-bottom:4px}
.emerg p{margin:4px 0}
.emerg a{font-weight:700;color:inherit}
.rev{border:1px solid var(--line);background:#fff;border-radius:10px;padding:16px 18px;margin:18px 0}
.rev > b{display:block;font-family:Archivo,sans-serif;font-size:1.02rem}
.rev p{margin:4px 0 10px;color:var(--muted);font-size:.9rem}
.rev-btns{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
.rev-l{font-weight:600}
fieldset[hidden]{display:none}
.modes .rcard b{font-size:.98rem}
.go-next{background:#fff6f0;border:1px dashed var(--adc);border-radius:8px;padding:8px 12px;margin:4px 0 8px;font-size:.88rem;font-weight:600;color:var(--adc)}
.explain{background:#f6f7f8;border-radius:8px;padding:10px 12px;margin:0 0 10px;font-size:.86rem;line-height:1.5;color:var(--ink)}
.explain b{display:block;margin-bottom:3px}
.guard-note{background:#fff6f0;border-left:4px solid var(--adc);border-radius:0 8px 8px 0;padding:10px 12px;margin:0 0 16px;font-size:.88rem}
#g_multi[hidden],.go-next[hidden],.guard-note[hidden]{display:none}
.send-err{border:2px solid #c8102e;background:#fff5f5;border-radius:10px;padding:12px 16px;margin:0 0 12px;font-size:.92rem}
.send-err[hidden]{display:none}
.send-err b{color:#c8102e}
.send-err ul{margin:6px 0 0;padding-left:18px}
.send-err a{color:#c8102e;font-weight:600}
.miss input:not([type=radio]):not([type=checkbox]),.miss select,.miss textarea{border-color:#c8102e !important;box-shadow:0 0 0 2px rgba(200,16,46,.15)}
input.miss,select.miss,textarea.miss{border-color:#c8102e !important;box-shadow:0 0 0 2px rgba(200,16,46,.15)}
.rgroup.miss,.chk.miss{outline:2px solid #c8102e;outline-offset:4px;border-radius:8px}
#policeNote[hidden]{display:none}
.dyn-row[hidden],.pick-other[hidden],.pc-other[hidden],.row-add[hidden],.pick-max[hidden]{display:none}
.row-add{background:none;border:1.5px dashed var(--adc);color:var(--adc);border-radius:8px;padding:8px 14px;font:600 .9rem 'Barlow',sans-serif;cursor:pointer;margin:6px 0 4px}
.row-add:hover{background:#fff6f0}
.row-del{background:none;border:0;color:#c8102e;font:600 .82rem 'Barlow',sans-serif;cursor:pointer;text-decoration:underline;align-self:end;padding:8px 0}
.orow{grid-template-columns:1.2fr 1fr 1fr auto}
.pick-list{display:flex;flex-direction:column;gap:6px;margin:0 0 8px}
.pick{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;background:#fff;cursor:pointer;font-size:.92rem;font-weight:600;white-space:normal}
.pick input{width:17px;height:17px;accent-color:var(--adc);flex:none;margin:0}
.pick:has(input:checked){border-color:var(--adc);background:#fff6f0}
.pick-off{opacity:.55;cursor:not-allowed}
.em-other{align-items:end;margin:0 0 8px;grid-template-columns:1fr 1fr auto}
.em-other[hidden],#emAddOther[hidden],#emMax[hidden]{display:none}
.em-warn{background:#fff4e5;border:1px solid #f0b36a;border-radius:8px;padding:10px 12px;font-size:.88rem;margin:6px 0 4px}
.pick-other{align-items:end;margin:0 0 8px;grid-template-columns:1fr 1fr auto}
.review.flash{animation:revFlash 1.2s ease}
@keyframes revFlash{0%{background:#fff1c9}100%{background:var(--paper,#f6f7f8)}}
.em-fixed{background:#f6f7f8;border-radius:10px;padding:12px 14px;margin:4px 0 0}
.em-fixed > b{display:block;margin-bottom:6px;font-size:.92rem}
.em-fixed table{width:100%;border-collapse:collapse;font-size:.86rem}
.em-fixed th{text-align:left;font-weight:700;padding:6px 10px 6px 0;vertical-align:top;width:42%}
.em-fixed td{padding:6px 0;vertical-align:top;color:var(--ink)}
.em-fixed tr + tr th,.em-fixed tr + tr td{border-top:1px solid var(--line)}
@media (max-width:620px){fieldset{min-width:0}.em-fixed table,.em-fixed tbody,.em-fixed tr,.em-fixed th,.em-fixed td{display:block;width:auto;padding:4px 0}.em-fixed tr + tr{border-top:1px solid var(--line)}.em-fixed tr + tr th{border-top:0}.em-fixed tr + tr td{border-top:0}}

/* ---- the locked verbal-password boxes on the call list (8 Oct) --------------------------------
   Greyed, struck through with a small lock, and genuinely disabled. The look has to say "not for
   you to fill in" at a glance, or somebody types a passcode into it and is annoyed when it will
   not take. The field posts nothing and the server reads no such name. */
.crow input.pc-locked{background:var(--paper,#F6F8F9);border-style:dashed;color:var(--muted,#5C6E78);
  cursor:not-allowed}
.crow input.pc-locked::placeholder{color:var(--muted,#5C6E78);font-style:italic;opacity:1}
.crow input.pc-locked:hover{border-color:var(--line,#DFE7EB)}

/* The one line on the PAD agreement that states WHEN we draw. It is a fact of the
   agreement, not a field, so it is set apart from the boxes around it. */
.drawday{margin:14px 0 10px;padding:10px 13px;border-left:3px solid var(--red,#7A1F2E);background:var(--red-tint,#F6EDEF);border-radius:0 8px 8px 0;font-size:.98rem}