/* The printable ticket. Shared by the app and the remote-signing page, so the
   GC sees the same document the sub does. Expects the FieldTicket colour
   variables (--navy, --amber, --amber-dark, --ink, --muted, --line, --radius). */
.ticket{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 20px;box-shadow:0 1px 3px rgba(16,24,40,.06);
}
.tk-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:3px solid var(--navy);padding-bottom:12px;margin-bottom:14px;gap:10px;}
.tk-head .co{font-size:17px;font-weight:800;color:var(--navy);}
.tk-head .co small{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:2px;line-height:1.5;}
.tk-head .tno{text-align:right;flex:0 0 auto;}
.tk-head .tno .big{font-size:15px;font-weight:800;color:var(--amber-dark);}
.tk-head .tno .date{font-size:12px;color:var(--muted);margin-top:2px;}
.tk-title{
  text-align:center;font-size:13px;font-weight:800;letter-spacing:2px;color:var(--navy);
  text-transform:uppercase;margin-bottom:14px;
}
.tk-meta{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:13px;margin-bottom:14px;}
.tk-meta div b{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:block;}
.tk-sec{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:4px;margin:16px 0 8px;}
.tk-desc{font-size:14px;line-height:1.55;white-space:pre-wrap;}
table.tk-table{width:100%;border-collapse:collapse;font-size:13px;}
table.tk-table th{
  text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);
  padding:5px 6px;border-bottom:1px solid var(--line);
}
table.tk-table td{padding:7px 6px;border-bottom:1px solid #eef1f6;}
table.tk-table .r{text-align:right;white-space:nowrap;}
.tk-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.tk-photos img{width:100%;border-radius:6px;border:1px solid var(--line);}
.tk-totalbox{margin-top:14px;border:2px solid var(--navy);border-radius:8px;overflow:hidden;}
.tk-totalbox .trow{display:flex;justify-content:space-between;padding:8px 12px;font-size:13px;border-bottom:1px solid var(--line);}
.tk-totalbox .trow.grand{background:var(--navy);color:#fff;font-size:17px;font-weight:800;border:none;}
.tk-totalbox .trow.grand span:last-child{color:var(--amber);}
.tk-auth{margin-top:18px;font-size:11px;color:var(--muted);line-height:1.5;}
.sigblock{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.sigblock .sig{border-top:1.5px solid var(--ink);padding-top:5px;font-size:11px;color:var(--muted);}
.sigimg{max-height:70px;margin-bottom:4px;}
.tk-foot{margin-top:16px;text-align:center;font-size:10px;color:#9aa5b5;letter-spacing:.4px;}