/* insurance-forms page: the fill-in panel and the scaled paper preview. The paper's own look is in sheet.css. */
.forms-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.forms-seg button{min-height:46px}
#formUse{margin:10px 0 0;line-height:1.7}
#fields h3,#rosterBox h3{font-size:14px;margin:18px 0 8px;color:var(--accent)}
#fields h3:first-child{margin-top:4px}
.fgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px 12px}
@media (min-width:600px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fgrid .field{margin:0}
.inp.txt input{font-size:16px;font-weight:600;direction:auto;text-align:start}
[dir="rtl"] .inp.txt input{text-align:right}
.inp input[type="date"]{font-size:16px;min-height:48px}
.fgrid .inp{min-height:48px}
.fgrid .inp input{font-size:17px}
.cnt{display:block;margin-top:4px;font-size:12px}
.sel{position:relative}
.sel select{width:100%;appearance:none;-webkit-appearance:none;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;min-height:48px;padding:0 14px;padding-inline-end:40px;color:var(--fg);font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.sel select:focus{border-color:var(--accent);outline:none}
.sel::after{content:"";position:absolute;inset-inline-end:16px;top:50%;width:8px;height:8px;border-inline-end:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.person{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;min-width:0}
.person legend{font-weight:700;font-size:13px;padding:0 6px}
.btn.small{min-height:38px;padding:6px 12px;font-size:13px;margin-top:10px}
#printBtn{width:100%;margin-bottom:6px}
.paper-wrap{position:relative;overflow:hidden;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:#fff}
#paper{position:absolute;top:0;border:0;background:#fff;transform-origin:top right;display:block}
[dir="ltr"] #paper{right:0}
[dir="rtl"] #paper{right:0}
/* Printing this page (Ctrl+P) prints only the form. The Print button prints the frame itself, page by page. */
@media print{
  @page{margin:0}
  body *{visibility:hidden}
  .paper-wrap,.paper-wrap *{visibility:visible}
  .paper-wrap{position:absolute;inset:0 auto auto 0;border:0;overflow:visible;height:auto!important}
  #paper{position:static;transform:none!important}
}