:root{
  --ink:#111827;
  --muted:#5b6472;
  --line:#252a30;
  --gold:#c99312;
  --gold-soft:#f6ecd1;
  --panel:#f7f8fa;
  --white:#fff;
  --navy:#182533;
}
*{box-sizing:border-box}
html{background:#eef1f4}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#eef1f4}
.app-shell{max-width:1180px;margin:0 auto;padding:20px}
.app-topbar{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#fff;padding:18px 20px;border:1px solid #d9dee4;border-radius:14px;margin-bottom:14px}
.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--gold)}
h1{margin:3px 0 4px;font-size:26px}
.subtle{margin:0;color:var(--muted);font-size:14px}
.top-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn,.add-row,.remove-row{font:inherit;border-radius:9px;border:1px solid #cbd2da;cursor:pointer}
.btn{padding:10px 14px;font-weight:700}
.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.btn.secondary{background:#fff;color:var(--ink)}
.setup-panel{background:#fff;border:1px solid #d9dee4;border-radius:14px;padding:16px 18px;margin-bottom:18px}
.setup-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}.setup-head h2{margin:0 0 3px;font-size:18px}.setup-head p{margin:0;color:var(--muted);font-size:13px}.save-status{font-size:12px;color:var(--muted);background:#f4f6f8;border-radius:99px;padding:6px 10px}
.setup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.setup-grid>label:not(.toggle-card){display:grid;gap:5px;font-size:12px;font-weight:700}.setup-grid input[type=text]{width:100%;padding:9px;border:1px solid #cbd2da;border-radius:8px;font-size:15px}.toggle-card{display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid #d7dde3;border-radius:10px;background:#fafbfc;cursor:pointer}.toggle-card input{width:18px;height:18px}.toggle-card span{display:grid;gap:2px}.toggle-card strong{font-size:12px}.toggle-card small{color:var(--muted);font-size:10px}
.print-page{background:#fff;border:1px solid #d9dee4;border-radius:3px;margin:0 auto 18px;padding:24px 26px 28px;max-width:8.5in;min-height:10.4in;box-shadow:0 3px 12px rgba(20,30,40,.06)}
.print-header{display:flex;align-items:center;gap:15px;min-height:52px}.print-header img{width:58px;height:48px;object-fit:contain}.company-name{font-weight:700;font-size:17px;letter-spacing:.02em}.document-title{font-size:13px;font-weight:700;color:var(--gold);margin-top:3px;letter-spacing:.05em}.gold-rule{height:2px;background:var(--gold);margin:5px 0 10px}.instruction{font-size:11px;text-align:center;color:var(--muted);margin:2px 0 9px}.header-fields{margin-bottom:8px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.section-title{font-size:11px;font-weight:800;letter-spacing:.04em;text-align:center;background:#e7e9ec;border:1px solid var(--line);padding:5px 6px;margin-top:8px}.section-title.compact{margin-top:0}.radio-cert{font-size:10px;font-style:italic;text-align:center;padding:5px 8px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.radio-watch-note{font-size:10px;line-height:1.25;text-align:center;padding:5px 8px;border-left:1px solid var(--line);border-right:1px solid var(--line);color:var(--ink);background:#fafbfc}
.radio-watch-table th:first-child{width:15%;text-align:center}
.radio-watch-table th:nth-child(2){width:32%}
.radio-watch-table th:nth-child(3){width:20%}
.radio-watch-table th:nth-child(4){width:33%}
.radio-watch-table tbody th{background:#f7f8fa;font-size:10px;font-weight:800}
.radio-watch-table td input{min-height:24px;text-align:center}
.radio-watch-table td:last-child input{text-align:left}
label{font-size:10px;font-weight:700}input[type=text],textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid #5e646b;border-radius:0;padding:4px 5px;min-height:26px}textarea{resize:vertical;width:100%}label>input[type=text],label>textarea{display:block;width:100%;margin-top:3px}.header-fields label,.inline-grid label,.signature-grid label,.transfer-info-grid label,.voyage-grid label,.fluid-grid label,.waste-grid label{padding:5px;border:1px solid var(--line);margin:-1px 0 0 -1px}.header-fields input,.inline-grid input,.signature-grid input,.transfer-info-grid input,.voyage-grid input,.fluid-grid input,.waste-grid input{border:0;border-bottom:1px solid #42484f;padding:3px 2px;min-height:22px}
.inline-grid{display:grid}.inline-grid.two{grid-template-columns:1fr 1fr}.inline-grid.three{grid-template-columns:2fr .8fr 1.4fr}.inline-grid.four{grid-template-columns:1fr 1.6fr .7fr 1.4fr}
.table-wrap{width:100%}.form-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:10px}.form-table th,.form-table td{border:1px solid var(--line);padding:2px 3px;vertical-align:middle}.form-table th{background:#eceeef;font-weight:800;text-align:center}.form-table input[type=text]{width:100%;border:0;min-height:24px;padding:3px 4px;font-size:11px}.form-table td.time-cell input{text-align:center;font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.form-table input[type=checkbox]{width:15px;height:15px}.movement th:nth-child(1),.movement th:nth-child(2){width:10%}.movement th:nth-child(3){width:9%}.movement th:nth-child(4){width:13%}.movement th:nth-child(5){width:auto}.action-col{width:58px}.add-row{margin:6px 0 3px;background:#fff;border-style:dashed;padding:6px 10px;font-size:11px;color:#364152}.remove-row{background:#fff;color:#9b1c1c;border-color:#e0b2b2;padding:4px 6px;font-size:10px;width:100%}.tow-and-fluids{display:grid;grid-template-columns:1fr 1.6fr;gap:8px;margin-top:8px}.tow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}.tow-grid input{height:36px;border:1px solid var(--line);margin:-1px 0 0 -1px;text-align:center}.tug-label{grid-column:2;background:#111;color:#fff;text-align:center;font-weight:700;padding:5px}.fluid-grid{display:grid;grid-template-columns:1fr 1fr}.fluid-grid label{min-height:58px}
.change-watch-note{font-size:9px;line-height:1.25;text-align:center;color:var(--muted);padding:4px 6px;border-left:1px solid var(--line);border-right:1px solid var(--line);background:#fafbfc}
.two-panel{display:grid;grid-template-columns:1fr 1fr;gap:8px}.checks th:first-child{text-align:left}.checks td:first-child{font-size:9.5px}.checks th:not(:first-child),.checks td:not(:first-child){width:48px;text-align:center}.checks input[type=text]{text-align:center}.checks input[type=checkbox]{display:block;margin:0 auto}.voyage-grid{display:grid;grid-template-columns:1fr 1fr}.span2{grid-column:span 2}.span4{grid-column:span 4}.subsection-label{font-size:10px;font-weight:700;padding:5px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.attendee-row{display:flex;border:1px solid var(--line);margin-top:-1px}.attendee-row .row-num{width:28px;padding:5px;border-right:1px solid var(--line);font-size:10px}.attendee-row input{border:0;flex:1}.attendee-row button{width:52px;border-radius:0;border:0;border-left:1px solid #e1b9b9}.routine td:nth-child(2){width:55px}.routine td:nth-child(3){width:55px}.waste-grid{display:grid;grid-template-columns:repeat(4,1fr)}.signature-grid{display:grid;grid-template-columns:1fr 1fr}.signature-grid label{min-height:56px}.signature-grid input{font-size:15px;font-weight:600}
.transfer-info-grid{display:grid;grid-template-columns:repeat(3,1fr)}.span2-transfer{grid-column:span 2}.operation-box{grid-column:span 1;border:1px solid var(--line);margin:-1px 0 0 -1px;padding:5px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.operation-box>span{grid-column:span 2;font-size:10px;font-weight:700}.operation-box label{padding:0;border:0;margin:0;display:flex;align-items:center;gap:4px}.transfer-table col.transfer-event-col{width:43%}.transfer-table col.transfer-barge-col{width:28.5%}.transfer-table td:first-child{font-weight:700}.transfer-header-row th{height:auto;padding:6px 7px;vertical-align:middle}.barge-column-head{display:grid;grid-template-rows:auto auto auto;gap:3px;align-items:center;justify-items:stretch;margin:0;padding:0;border:0;font-weight:800;text-align:center}.barge-column-head span{font-size:10px;letter-spacing:.02em}.barge-column-head input{width:100%;border:0!important;border-bottom:1px solid #4f555d!important;background:transparent!important;text-align:center;font-weight:700;min-height:24px;margin:0!important;padding:2px 4px!important}.barge-column-head small{font-size:8px;letter-spacing:.08em;color:#5b6472;font-weight:800}.custom-event-cell{display:grid;grid-template-columns:1fr 62px;gap:4px;align-items:center}.incident-box{border:1px solid var(--line);padding:7px;display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;font-size:10px}.incident-box>label{display:flex;gap:4px;align-items:center}.incident-details{grid-column:1/-1!important;display:block!important}.incident-details textarea{margin-top:4px}.invalid-time{outline:2px solid #b91c1c!important;outline-offset:-2px;background:#fff4f4!important}.missing-field{outline:2px solid #c0841a!important;outline-offset:-2px}.hidden{display:none!important}
.conditional.hidden{display:none!important}

@media(max-width:900px){.app-shell{padding:10px}.app-topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:flex-start}.setup-grid{grid-template-columns:1fr 1fr}.print-page{padding:14px 12px}.two-panel{grid-template-columns:1fr}.tow-and-fluids{grid-template-columns:1fr}.transfer-info-grid{grid-template-columns:1fr 1fr}.inline-grid.four{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.setup-grid{grid-template-columns:1fr}.two-col,.inline-grid.two,.inline-grid.three,.inline-grid.four,.signature-grid,.fluid-grid,.transfer-info-grid{grid-template-columns:1fr}.operation-box{grid-column:span 1}.company-name{font-size:14px}.print-header img{width:50px}.form-table{font-size:9px}.barge-column-head span{font-size:9px}}

@page{size:Letter;margin:.28in .26in .32in}
@media print{
  html,body{background:#fff;font-size:8px}
  body{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .no-print{display:none!important}
  .app-shell{max-width:none;padding:0;margin:0}
  .print-page{box-shadow:none;border:0;border-radius:0;margin:0;max-width:none;min-height:auto;padding:0;font-size:8px}
  .page-break{break-before:page;page-break-before:always}
  .conditional.hidden,.hidden{display:none!important}
  .print-header{min-height:.42in;height:.42in;gap:9px;padding-top:0}
  .print-header img{width:.48in;height:.38in}
  .company-name{font-size:11px;line-height:1.05}
  .document-title{font-size:8.5px;margin-top:1px;line-height:1.05}
  .gold-rule{height:1.5px;margin:2px 0 4px}
  .instruction{font-size:7px;margin:1px 0 4px;line-height:1.1}
  .section-title{background:#e7e9ec!important;font-size:7.5px;padding:2px 3px;margin-top:4px;line-height:1.05}
  .section-title.compact{margin-top:0}
  .radio-cert{font-size:6.8px;padding:2px 4px;line-height:1.05}
  .radio-watch-note{font-size:6.3px;line-height:1.05;padding:2px 3px;background:#fafbfc!important}
  .radio-watch-table{font-size:7px}
  .radio-watch-table th,.radio-watch-table td{height:16px;padding:1px 2px}
  .radio-watch-table tbody th{font-size:6.8px;background:#f7f8fa!important}
  .radio-watch-table td input{height:13px!important;min-height:13px!important;font-size:7.5px!important;padding:0 2px!important}
  .change-watch-note{font-size:6.2px;line-height:1.05;padding:2px 3px;background:#fafbfc!important}
  label{font-size:7px;line-height:1.05}
  input[type=text],textarea{font-size:8px;min-height:15px!important;height:15px;padding:1px 2px;line-height:1}
  textarea{min-height:26px!important;height:26px!important;resize:none}
  input::placeholder,textarea::placeholder{color:transparent!important}
  .header-fields{margin-bottom:3px;gap:0}
  .header-fields label,.inline-grid label,.signature-grid label,.transfer-info-grid label,.voyage-grid label,.fluid-grid label,.waste-grid label{padding:2px 3px}
  .header-fields input,.inline-grid input,.signature-grid input,.transfer-info-grid input,.voyage-grid input,.fluid-grid input,.waste-grid input{min-height:13px!important;height:13px!important;padding:0 1px}
  .form-table{font-size:7px;line-height:1.0}
  .form-table th,.form-table td{padding:1px 2px;height:16px;line-height:1.0}
  .form-table input[type=text]{min-height:13px!important;height:13px!important;font-size:7.5px;padding:0 2px;line-height:1}
  .form-table input[type=checkbox]{width:9px;height:9px;margin:0 auto}
  .crewTable{} 
  .movement th:nth-child(1),.movement th:nth-child(2){width:9%}
  .movement th:nth-child(3){width:8%}
  .movement th:nth-child(4){width:12%}
  .tow-and-fluids{gap:4px;margin-top:4px;grid-template-columns:.9fr 1.6fr}
    .tow-grid input{height:22px;min-height:22px!important;font-size:8px}
  .tug-label{padding:2px;font-size:7px}
  .fluid-grid label{min-height:31px}
  .two-panel{display:flex!important;gap:5px;align-items:flex-start}
  .two-panel>div{width:50%;min-width:0}
  .checks th:not(:first-child),.checks td:not(:first-child){width:32px}
  .checks td:first-child{font-size:6.8px}
  .voyage-grid textarea{min-height:23px!important;height:23px!important}
  .subsection-label{font-size:7px;padding:2px 3px}
  .attendee-row{height:16px;min-height:16px}
  .attendee-row .row-num{width:20px;padding:2px;font-size:7px}
  .attendee-row input{height:14px!important;min-height:14px!important;font-size:7.5px}
  .waste-grid label{min-height:27px}
  .signature-grid label{min-height:31px}
  .signature-grid input{font-size:9px!important;font-weight:600}
  .transfer-info-grid{grid-template-columns:repeat(3,1fr)}
  .operation-box{padding:2px;gap:1px;font-size:7px}
  .operation-box>span,.operation-box label{font-size:6.5px}
  .operation-box input[type=checkbox]{width:9px;height:9px}
  .transfer-header-row th{padding:2px 3px!important}
  .barge-column-head{gap:1px}
  .barge-column-head span{font-size:7px}
  .barge-column-head input{height:13px!important;min-height:13px!important;font-size:7.5px!important;padding:0 1px!important}
  .barge-column-head small{font-size:5.8px}
  .transfer-table td{height:15px!important}
  .transfer-table td:nth-child(1){font-size:6.8px}
  .incident-box{padding:3px;gap:4px;font-size:6.8px}
  .incident-box input[type=checkbox]{width:9px;height:9px}
  .incident-details textarea{min-height:22px!important;height:22px!important;margin-top:2px}
  .form-table tr,.attendee-row,.signature-grid,.incident-box,.tow-and-fluids,.two-panel{break-inside:avoid;page-break-inside:avoid}
  button{display:none!important}
}

.delivery-panel{margin-top:12px;padding:10px 12px;border:1px solid #d7dde3;border-radius:10px;background:#fafbfc;display:flex;justify-content:space-between;gap:16px;align-items:center}
.delivery-panel>div:first-child{display:grid;gap:3px}.delivery-panel strong{font-size:12px}.delivery-panel span{font-size:11px;color:var(--muted)}

.delivery-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.delivery-actions .btn{flex:none;white-space:nowrap}.delivery-actions .email-status{max-width:330px}
.email-status{font-size:11px;color:var(--muted);text-align:right;max-width:420px}.email-status.busy{color:#7a5700}.email-status.ok{color:#166534}.email-status.error{color:#991b1b}
.btn:disabled{opacity:.55;cursor:not-allowed}
body.pdf-export{background:#fff}
body.pdf-export .no-print{display:none!important}
body.pdf-export .app-shell{max-width:none;padding:0;margin:0;background:#fff}
body.pdf-export .print-page{box-shadow:none;border:0;border-radius:0;margin:0;width:8.5in;max-width:8.5in;min-height:11in;padding:.28in .26in .32in;background:#fff}
body.pdf-export .page-break{break-before:auto!important;page-break-before:auto!important}
body.pdf-export .conditional.hidden,body.pdf-export .hidden{display:none!important}
body.pdf-export .print-header{min-height:.48in;gap:10px}
body.pdf-export .print-header img{width:.55in;height:.42in;object-fit:contain}
body.pdf-export .company-name{font-size:13px}.pdf-export .document-title{font-size:9.5px}
body.pdf-export .section-title{font-size:8.5px;padding:3px 4px;margin-top:5px}
body.pdf-export .form-table{font-size:8px}body.pdf-export .form-table th,body.pdf-export .form-table td{padding:1px 2px;height:18px}
body.pdf-export input[type=text],body.pdf-export textarea{font-size:8.5px;min-height:17px;padding:1px 2px}
body.pdf-export .signature-grid label{min-height:34px}
body.pdf-export input::placeholder,body.pdf-export textarea::placeholder{color:transparent!important}
@media(max-width:700px){.delivery-panel{align-items:flex-start;flex-direction:column}.delivery-actions{width:100%;align-items:stretch;flex-direction:column}.delivery-actions .btn{width:100%;min-height:48px}.delivery-actions .email-status{max-width:none;text-align:left}.email-status{text-align:left}}

/* Crew dropdowns and synchronized safety attendees */
.form-table select{
  width:100%; min-height:31px; border:0; background:#fff; color:var(--ink);
  font:inherit; padding:4px 24px 4px 6px; box-sizing:border-box;
}
.form-table select:focus{outline:2px solid #b88712;outline-offset:-2px}
.shift-cell select{text-align:center;font-weight:600}
.attendee-row .attendee-name{flex:1;padding:5px 7px;font-size:10px;min-height:28px;box-sizing:border-box;background:#fff}
.attendee-row.attendee-empty .attendee-name{color:#777;font-style:italic}
@media print{
  .form-table select{appearance:none;-webkit-appearance:none;padding:1px 2px!important;min-height:15px!important;height:15px!important;font-size:7.5px!important;text-align:center;background:#fff!important}
  .attendee-row .attendee-name{height:14px!important;min-height:14px!important;padding:2px!important;font-size:7.5px!important}
}
#crewTable th:nth-child(1){width:30%}
#crewTable th:nth-child(2){width:24%}
#crewTable th:nth-child(3),#crewTable th:nth-child(4){width:23%}
@media print{
  #crewTable th:nth-child(1){width:30%}
  #crewTable th:nth-child(2){width:24%}
  #crewTable th:nth-child(3),#crewTable th:nth-child(4){width:23%}
  .attendee-empty .attendee-name{color:transparent!important}
}
.pdf-export #crewTable select{
  appearance:none;-webkit-appearance:none;
  background:#fff!important;
  padding-right:4px!important;
  text-align:center;
}
.pdf-export #crewTable td:first-child input{text-align:left}
.pdf-export #crewTable select[data-rowkey="position"]{text-align:left}


/* Offline / weak-signal support */
.status-cluster{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;max-width:520px}
.network-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;line-height:1;background:#fff;color:#475569;white-space:nowrap}
.network-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#94a3b8}
.network-status.online{border-color:#bbf7d0;color:#166534;background:#f0fdf4}
.network-status.online::before{background:#16a34a}
.network-status.offline{border-color:#fde68a;color:#854d0e;background:#fffbeb}
.network-status.offline::before{background:#d97706}
.network-status.unsupported{border-color:#fecaca;color:#991b1b;background:#fff1f2}
.network-status.unsupported::before{background:#dc2626}
.install-app-btn{border:1px solid #b88712;background:#fff;color:#6f4e00;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800;cursor:pointer}
.offline-note{margin-top:7px;font-size:10px;color:#64748b}
@media(max-width:900px){.status-cluster{justify-content:flex-start;max-width:none}}
@media print{.status-cluster,.network-status,.install-app-btn{display:none!important}}

@media(max-width:560px){.radio-watch-table{font-size:8.5px}.radio-watch-table th:first-child{width:18%}.radio-watch-table th:nth-child(2){width:30%}.radio-watch-table th:nth-child(3){width:22%}.radio-watch-table th:nth-child(4){width:30%}}

/* Top document tabs */
.document-tabs{
  display:flex;gap:6px;align-items:center;margin:0 0 12px;padding:4px;
  border:1px solid #d7dde3;border-radius:10px;background:#eef1f4;
}
.document-tab{
  border:0;border-radius:7px;background:transparent;color:#475569;
  padding:9px 14px;font-size:11px;font-weight:800;cursor:pointer;
}
.document-tab.active{background:#fff;color:#111827;box-shadow:0 1px 3px rgba(15,23,42,.12);border-bottom:2px solid #b88712}
.document-tab:disabled,.document-tab.tab-disabled{opacity:.45;cursor:not-allowed}
.screen-tab-hidden{display:none!important}

/* Emergency Drill / Training report */
#safetyReportPage{position:relative}
.sop-number{margin-left:auto;align-self:flex-end;padding-bottom:3px;font-size:9px;font-weight:800;color:#374151;white-space:nowrap}
.sign-required-note{
  margin:5px 0 7px;padding:7px 9px;border:1px solid #b88712;border-left:4px solid #b88712;
  background:#fff9e8;color:#533b00;font-size:9px;line-height:1.25;display:flex;gap:10px;align-items:center;justify-content:space-between;
}
.sign-required-note .btn{flex:0 0 auto;padding:6px 9px;font-size:9px}
.safety-report-head{grid-template-columns:2fr 1fr;margin-bottom:5px}
.safety-report-head input[readonly]{background:#f9fafb}
.safety-report-three{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #2d3238;margin-top:4px}
.safety-check-group{min-height:176px;border-right:1px solid #2d3238;padding:0 7px 5px}
.safety-check-group:last-child{border-right:0}
.safety-report-title{
  background:#fff4cd;margin:0 -7px 5px;padding:4px 6px;color:#1f2937;font-size:8px;font-weight:900;letter-spacing:.02em;
}
.safety-check-group label{display:flex;align-items:center;gap:5px;min-height:20px;font-size:8.5px;font-weight:500}
.safety-check-group input[type="checkbox"],.reference-sources input[type="checkbox"]{width:11px;height:11px;flex:0 0 auto}
.safety-check-group .other-line{display:grid;grid-template-columns:auto auto 1fr;gap:4px}
.safety-check-group .other-line input[type="text"]{height:18px;min-height:18px;border:0;border-bottom:1px solid #5b6168;border-radius:0;padding:0 2px}
.safety-wide-field{border:1px solid #2d3238;margin-top:6px}
.safety-wide-field .safety-report-title{margin:0;padding:4px 6px}
.safety-wide-field textarea{border:0;min-height:56px;width:100%;resize:vertical;padding:5px;box-sizing:border-box}
.safety-wide-field.comments-field textarea{min-height:96px}
.reference-sources{display:grid;grid-template-columns:120px repeat(4,1fr);border:1px solid #2d3238;margin-top:6px;align-items:stretch}
.reference-sources .safety-report-title{margin:0;padding:6px;border-right:1px solid #2d3238;display:flex;align-items:center}
.reference-sources label{border-right:1px solid #2d3238;padding:6px;display:flex;align-items:center;gap:6px;font-size:8.5px}
.reference-sources label:last-child{border-right:0}
.crew-sign-title{margin:6px 0 0;padding:4px 6px;border:1px solid #2d3238;border-bottom:0}
.safety-sign-table th{background:#f3f4f6}
.safety-sign-table th,.safety-sign-table td{width:50%;height:27px;padding:3px 6px}
.safety-print-name{font-weight:700}
.hand-sign-line{position:relative}
.hand-sign-line::after{content:"";position:absolute;left:7px;right:7px;bottom:6px;border-bottom:1px solid #69707a}
.safety-form-footer{display:flex;justify-content:space-between;padding:6px 1px 0;font-size:7px;font-weight:700;color:#4b5563}

@media(max-width:760px){
  .document-tabs{overflow-x:auto}.document-tab{white-space:nowrap}
  .safety-report-three{grid-template-columns:1fr}.safety-check-group{border-right:0;border-bottom:1px solid #2d3238}.safety-check-group:last-child{border-bottom:0}
  .reference-sources{grid-template-columns:1fr 1fr}.reference-sources .safety-report-title{grid-column:1/-1;border-right:0;border-bottom:1px solid #2d3238}.reference-sources label{border-bottom:1px solid #2d3238}
}

@media print{
  .screen-tab-hidden:not(.hidden){display:block!important}
  .print-safety-only .print-page{display:none!important}
  .print-safety-only #safetyReportPage{display:block!important;page-break-before:auto!important;break-before:auto!important}
  .sign-required-note{font-size:7px;padding:4px 6px;margin:3px 0 4px}
  .sop-number{font-size:7px}
  .safety-report-head{grid-template-columns:2fr 1fr}
  .safety-report-three{grid-template-columns:1fr 1fr 1fr;margin-top:3px}
  .safety-check-group{min-height:0;padding:0 5px 2px;border-right:1px solid #2d3238;border-bottom:0}
  .safety-report-title{font-size:6.6px;margin:0 -5px 2px;padding:2px 4px}
  .safety-check-group label{font-size:6.8px;min-height:14px;gap:3px}
  .safety-check-group input[type="checkbox"],.reference-sources input[type="checkbox"]{width:8px;height:8px}
  .safety-check-group .other-line input[type="text"]{height:12px!important;min-height:12px!important;font-size:7px!important}
  .safety-wide-field{margin-top:3px}
  .safety-wide-field .safety-report-title{margin:0;padding:2px 4px}
  .safety-wide-field textarea{min-height:38px!important;height:38px!important;font-size:7px!important}
  .safety-wide-field:nth-of-type(2) textarea{min-height:29px!important;height:29px!important}
  .safety-wide-field.comments-field textarea{min-height:57px!important;height:57px!important}
  .reference-sources{grid-template-columns:78px repeat(4,1fr);margin-top:3px}
  .reference-sources .safety-report-title{font-size:6.5px;padding:3px}
  .reference-sources label{font-size:6.7px;padding:3px;gap:3px}
  .crew-sign-title{margin-top:3px;padding:2px 4px}
  .safety-sign-table th,.safety-sign-table td{height:20px;padding:2px 4px;font-size:7px}
  .hand-sign-line::after{bottom:4px}
  .safety-form-footer{font-size:6px;padding-top:3px}
}

body.pdf-export .screen-tab-hidden:not(.hidden){display:block!important}
body.pdf-export #safetyReportPage .sign-required-note{font-size:7px;padding:4px 6px;margin:3px 0 4px}
body.pdf-export #safetyReportPage .safety-report-three{grid-template-columns:1fr 1fr 1fr}
body.pdf-export #safetyReportPage .safety-check-group{min-height:0;padding:0 5px 2px;border-right:1px solid #2d3238;border-bottom:0}
body.pdf-export #safetyReportPage .safety-report-title{font-size:6.8px;margin:0 -5px 2px;padding:2px 4px}
body.pdf-export #safetyReportPage .safety-check-group label{font-size:7px;min-height:14px;gap:3px}
body.pdf-export #safetyReportPage .safety-wide-field{margin-top:3px}
body.pdf-export #safetyReportPage .safety-wide-field textarea{min-height:38px!important;height:38px!important;font-size:7px!important}
body.pdf-export #safetyReportPage .comments-field textarea{min-height:57px!important;height:57px!important}
body.pdf-export #safetyReportPage .reference-sources{grid-template-columns:78px repeat(4,1fr);margin-top:3px}
body.pdf-export #safetyReportPage .reference-sources label{font-size:7px;padding:3px}
body.pdf-export #safetyReportPage .safety-sign-table th,body.pdf-export #safetyReportPage .safety-sign-table td{height:20px;padding:2px 4px;font-size:7px}
.safety-report-head{display:grid}

/* Source-form parity additions: Voyage Plan Confirmation + Waste Management Amount/Location */
.subsection-title{font-size:9px;font-weight:800;text-align:center;background:#f3f4f6;border:1px solid var(--line);padding:3px 4px;margin-top:4px}
.voyage-confirm-table td:first-child{font-size:8.8px}.voyage-confirm-table th:not(:first-child),.voyage-confirm-table td:not(:first-child){width:48px;text-align:center}
.waste-table th:first-child{width:62px}.waste-table th,.waste-table td{text-align:center}.waste-table tbody th{text-align:left;background:#f7f8fa;font-size:9px}.waste-table input[type=text]{text-align:center}
@media print{
  .subsection-title{font-size:6.8px;padding:1px 2px;margin-top:2px;line-height:1.0}
  .voyage-confirm-table{font-size:6.5px}.voyage-confirm-table th,.voyage-confirm-table td{height:14px!important;padding:0 2px!important}
  .voyage-confirm-table td:first-child{font-size:6.3px}.voyage-confirm-table th:not(:first-child),.voyage-confirm-table td:not(:first-child){width:28px}
  .waste-table{font-size:6.6px}.waste-table th,.waste-table td{height:15px!important;padding:0 1px!important}.waste-table input[type=text]{height:12px!important;min-height:12px!important;font-size:6.8px!important;padding:0 1px!important}
}
body.pdf-export .subsection-title{font-size:7px;padding:2px 3px;margin-top:3px}
body.pdf-export .voyage-confirm-table{font-size:7px}body.pdf-export .voyage-confirm-table th,body.pdf-export .voyage-confirm-table td{height:15px!important;padding:0 2px!important}
body.pdf-export .waste-table{font-size:7px}body.pdf-export .waste-table th,body.pdf-export .waste-table td{height:16px!important;padding:1px!important}

.voyage-confirm-table th:nth-child(1),.voyage-confirm-table td:nth-child(1),.voyage-confirm-table th:nth-child(4),.voyage-confirm-table td:nth-child(4){width:auto;text-align:left}
.voyage-confirm-table th:nth-child(2),.voyage-confirm-table td:nth-child(2),.voyage-confirm-table th:nth-child(3),.voyage-confirm-table td:nth-child(3),.voyage-confirm-table th:nth-child(5),.voyage-confirm-table td:nth-child(5),.voyage-confirm-table th:nth-child(6),.voyage-confirm-table td:nth-child(6){width:30px;text-align:center}
@media print{.voyage-confirm-table th:nth-child(2),.voyage-confirm-table td:nth-child(2),.voyage-confirm-table th:nth-child(3),.voyage-confirm-table td:nth-child(3),.voyage-confirm-table th:nth-child(5),.voyage-confirm-table td:nth-child(5),.voyage-confirm-table th:nth-child(6),.voyage-confirm-table td:nth-child(6){width:22px}}

/* Safety/drill report is controlled from Today's Log Setup, like Cargo Transfer. */
#safetyReportPage.hidden{display:none!important}

/* Standalone voyage-plan tabs/forms */
.document-view.hidden-view,.daily-view-only.hidden-view{display:none!important}
.voyage-screen-head{max-width:8.5in;margin:0 auto 10px;padding:12px 16px;background:#fff;border:1px solid #d9dee4;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.voyage-screen-head h2{margin:0 0 3px;font-size:18px}.voyage-screen-head p{margin:0;color:#667085;font-size:11px}.voyage-context-badge{font-size:10px;font-weight:800;color:#8b6505;background:#fff8dc;border:1px solid #d8b455;border-radius:999px;padding:6px 9px;white-space:nowrap}
.voyage-plan-page{position:relative;padding:18px 20px 22px}
.voyage-form-header{display:grid;grid-template-columns:90px 1fr 100px;align-items:center;gap:10px;margin-bottom:4px}.voyage-form-header img{width:66px;max-height:54px;object-fit:contain}.voyage-form-header>div:nth-child(2){text-align:center}.voyage-main-title{font-weight:900;font-size:17px;line-height:1.06;color:#13243c}.voyage-subtitle{font-size:9px;color:#b88712;font-weight:900;letter-spacing:.05em;margin-top:3px}.voyage-form-code{text-align:right;font-size:7.5px;font-weight:800;color:#4b5563;line-height:1.35}
.voyage-field-grid{display:grid;border:1px solid var(--line);border-bottom:0;margin-top:4px}.voyage-field-grid.four{grid-template-columns:repeat(4,1fr)}.voyage-field-grid.two{grid-template-columns:repeat(2,1fr)}.voyage-field-grid label{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 5px;min-height:42px;font-size:8px;font-weight:800}.voyage-field-grid label:nth-child(4n){border-right:0}.voyage-field-grid.two label:nth-child(2n){border-right:0}.voyage-field-grid .span2{grid-column:span 2}.voyage-field-grid input,.voyage-field-grid textarea{width:100%;border:0;border-bottom:1px solid #6b7280;border-radius:0;padding:3px 2px 1px;font:inherit;font-size:9px;background:transparent}.voyage-field-grid textarea{border:0;resize:vertical}.voyage-field-grid small{display:block;font-size:6.6px;font-weight:500;line-height:1.15;color:#5f6875;margin-top:1px}.split-input{display:grid;grid-template-columns:2fr 1fr;gap:5px}
.voyage-type-line{border:1px solid var(--line);border-top:0;padding:5px 7px;display:flex;align-items:center;gap:14px;font-size:8px}.voyage-type-line label,.choice-line label{display:inline-flex;align-items:center;gap:3px}.voyage-type-line input,.choice-line input,.route-doc-checks input,.consider-confirm input{width:11px;height:11px}
.voyage-block-label{display:block;border:1px solid var(--line);border-top:0;padding:4px 6px;font-size:8px;font-weight:800}.voyage-block-label textarea{width:100%;border:0;resize:vertical;font-size:9px;padding:3px}.voyage-section-title{font-size:8px;font-weight:900;text-align:center;padding:3px 5px;margin-top:5px;border:1px solid var(--line);letter-spacing:.02em}.voyage-section-title.navy{background:#173a63;color:#fff}.voyage-section-title.gray{background:#d8d8d8;color:#111}.voyage-section-title.embedded{display:block;margin:-4px -6px 3px;border:0;border-bottom:1px solid var(--line)}
.consider-confirm{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:4px 7px;border:1px solid var(--line);border-top:0;font-size:7.5px}.considerations-list{border:1px solid var(--line);border-top:0;padding:5px 8px;font-size:6.8px;line-height:1.18}.considerations-list.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.considerations-list ul{margin:0;padding-left:13px}.considerations-list li{margin:1px 0}.considerations-list .important{color:#b91c1c;font-weight:800}
.assist-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.assist-grid>div,.assist-grid>label{min-height:49px;padding:4px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:7.2px}.assist-grid>div:nth-child(3n),.assist-grid>label:nth-child(3n){border-right:0}.assist-grid input[type=text],.assist-grid textarea{width:100%;border:0;border-bottom:1px solid #6b7280;border-radius:0;font-size:8px;padding:2px;background:transparent}.assist-grid textarea{border:0;resize:vertical}.choice-line{display:flex;gap:7px;margin-top:4px;font-size:7px}.voyage-risk-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.voyage-risk-grid label{padding:4px 6px;text-align:center;font-size:8px;border-right:1px solid var(--line)}.voyage-risk-grid label:last-child{border-right:0}.voyage-risk-grid small{display:block;font-style:italic;color:#667085;font-size:6.5px}.voyage-risk-grid textarea{width:100%;border:0;resize:vertical;font-size:8px;padding:3px}.voyage-legal-note{font-size:6.4px;line-height:1.15;margin:4px 1px}.voyage-footer{display:flex;justify-content:space-between;font-size:6px;font-weight:800;color:#8b6505;margin-top:4px}
.ongoing-banner{background:#f6e8bc;border:1px solid var(--line);padding:4px 7px;text-align:center;font-size:7px;font-weight:800;line-height:1.15;color:#7b5410;margin:3px 0 0}.route-doc-checks{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-top:0}.route-doc-checks label{padding:3px 5px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;font-size:6.8px}.route-doc-checks label:nth-child(5n){border-right:0}
.source-check-table,.source-detail-table,.source-watch-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:6.7px}.source-check-table th,.source-check-table td,.source-detail-table th,.source-detail-table td,.source-watch-table th,.source-watch-table td{border:1px solid #444;padding:2px 3px;vertical-align:middle}.source-check-table th,.source-detail-table th,.source-watch-table th{background:#e5e5e5;text-align:center;font-weight:900}.source-check-table th:first-child{width:57%}.source-check-table th:nth-child(2),.source-check-table th:nth-child(3),.source-check-table th:nth-child(4){width:7.5%}.source-check-table th:last-child{width:20.5%}.source-check-table td:nth-child(2),.source-check-table td:nth-child(3),.source-check-table td:nth-child(4){text-align:center}.source-check-table input[type=checkbox]{width:10px;height:10px}.source-check-table input[type=text],.source-detail-table input,.source-watch-table input{width:100%;border:0;background:transparent;min-height:16px;font-size:7px;padding:1px}.sat-head{background:#7fd66a!important}.unsat-head{background:#ff4b3e!important}.na-head{background:#a6cf8b!important}.source-detail-table th:nth-child(1){width:13%}.source-detail-table th:nth-child(2){width:26%}.source-detail-table th:nth-child(3){width:31%}.source-detail-table th:nth-child(4){width:15%}.source-detail-table th:nth-child(5){width:15%}.source-detail-table td{height:30px}
.source-watch-table th:nth-child(1){width:5%}.source-watch-table th:nth-child(2){width:11%}.source-watch-table th:nth-child(3){width:10%}.source-watch-table th:nth-child(4){width:17%}.source-watch-table th:nth-child(5){width:15%}.source-watch-table th:nth-child(6){width:20%}.source-watch-table th:nth-child(7){width:10%}.source-watch-table th:nth-child(8){width:12%}.source-watch-table tbody td,.source-watch-table tbody th{height:48px}.source-watch-table tbody th{text-align:center;background:#fff}.certification-text{text-align:center;border:1px solid var(--line);border-top:0;margin:0;padding:4px 8px;font-size:7px;font-weight:800}.cert-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.cert-grid label{padding:4px 6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:7px;font-weight:800}.cert-grid label:nth-child(2n){border-right:0}.cert-grid input{width:100%;border:0;border-bottom:1px solid #6b7280;background:transparent;font-size:8px;padding:2px}.compact-head{margin-bottom:1px}.long-fields label{min-height:37px}.watch-review-grid label{min-height:35px}

@media(max-width:760px){
  .voyage-screen-head{align-items:flex-start;flex-direction:column}.voyage-form-header{grid-template-columns:65px 1fr 70px}.voyage-main-title{font-size:13px}.voyage-field-grid.four,.voyage-field-grid.two,.assist-grid,.considerations-list.two-columns,.voyage-risk-grid{grid-template-columns:1fr}.voyage-field-grid .span2{grid-column:span 1}.route-doc-checks{grid-template-columns:1fr 1fr}.source-watch-table{font-size:6px;min-width:760px}.long-page{overflow-x:auto}
}

@media print{
  .document-tabs,.voyage-screen-head{display:none!important}.document-view.hidden-view,.daily-view-only.hidden-view{display:none!important}.voyage-plan-page{padding:0!important}
  .voyage-form-header{grid-template-columns:70px 1fr 85px;margin-bottom:2px}.voyage-form-header img{width:55px;max-height:45px}.voyage-main-title{font-size:14px}.voyage-subtitle{font-size:7px}.voyage-form-code{font-size:6.5px}
  .voyage-field-grid label{min-height:31px;padding:2px 4px;font-size:6.5px}.voyage-field-grid input,.voyage-field-grid textarea{font-size:7px;padding:1px}.voyage-type-line{font-size:6.5px;padding:3px 5px}.voyage-block-label{font-size:6.5px;padding:2px 4px}.voyage-block-label textarea{font-size:7px;padding:2px}.voyage-section-title{font-size:6.8px;padding:2px 4px;margin-top:3px}.consider-confirm{font-size:6.2px;padding:2px 5px}.considerations-list{font-size:5.8px;padding:3px 6px;gap:10px}.assist-grid>div,.assist-grid>label{min-height:38px;padding:2px 4px;font-size:6.2px}.choice-line{font-size:6px;margin-top:2px}.voyage-risk-grid label{font-size:6.5px;padding:2px 4px}.voyage-risk-grid small{font-size:5.7px}.voyage-risk-grid textarea{font-size:6.5px}.voyage-legal-note{font-size:5.6px}.voyage-footer{font-size:5.5px}.ongoing-banner{font-size:6px;padding:3px 5px}.route-doc-checks label{font-size:5.9px;padding:2px 3px}.source-check-table,.source-detail-table,.source-watch-table{font-size:5.8px}.source-check-table th,.source-check-table td,.source-detail-table th,.source-detail-table td,.source-watch-table th,.source-watch-table td{padding:1px 2px}.source-check-table input[type=text],.source-detail-table input,.source-watch-table input{min-height:12px;font-size:6px}.source-detail-table td{height:25px}.source-watch-table tbody td,.source-watch-table tbody th{height:43px}.certification-text{font-size:6px;padding:3px 5px}.cert-grid label{font-size:6px;padding:2px 4px}.cert-grid input{font-size:6.5px}.long-fields label{min-height:29px}
}
body.pdf-export .document-tabs,body.pdf-export .voyage-screen-head{display:none!important}
body.pdf-export .voyage-plan-page{padding:.23in .24in .25in!important}
body.pdf-export .source-watch-table tbody td,body.pdf-export .source-watch-table tbody th{height:43px}


/* Payroll and fueling tabs */
.payroll-page{max-width:11in;min-height:8.05in;padding:18px 20px 20px}
.landscape-page{max-width:11in}
.payroll-header{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;border-top:2px solid var(--gold);border-bottom:1px solid #c4c7ca;padding:8px 12px 9px;margin-bottom:0;background:#fafafa}
.payroll-header img{width:75px;height:58px;object-fit:contain}.payroll-title-wrap{text-align:center}.payroll-company{font-size:22px;font-weight:900;color:var(--gold);letter-spacing:.025em}.payroll-title{font-size:12px;font-weight:800;margin-top:2px}
.payroll-top-fields{display:grid;grid-template-columns:1.2fr .75fr 1.25fr 1.25fr;border-bottom:1px solid var(--line);padding:6px 10px;gap:10px;background:#fff}
.payroll-top-fields label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:800}.payroll-top-fields input,.payroll-top-fields select{flex:1;border:0;border-bottom:1px solid #bb8b18;min-width:0;min-height:22px;background:#fff;font:inherit}
.payroll-help{font-size:10px;color:var(--muted);margin:7px 0 5px}.payroll-table-wrap{overflow-x:auto}.payroll-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8px}.payroll-table th,.payroll-table td{border:1px solid #333;padding:0;text-align:center}.payroll-table thead th{background:#f3f4f5;font-weight:800}.payroll-class-col{width:1.25in}.payroll-name-col{width:1.9in}.payroll-total-col{width:.7in}.payroll-day-head-cell{padding:0!important;background:#fff!important}.payroll-day-head-grid{display:grid;grid-template-columns:repeat(16,1fr)}.payroll-day-head{display:grid;grid-template-rows:1fr 1fr;min-height:34px;border-right:1px solid #333}.payroll-day-head:last-child{border-right:0}.payroll-day-head span{display:flex;align-items:center;justify-content:center;font-size:7px;font-weight:800}.payroll-day-head span+span{border-top:1px solid #333}.payroll-table tbody tr{height:39px}.payroll-table tbody td>input[type=text]{width:100%;height:100%;min-height:37px;border:0;padding:3px 4px;font-size:9px}.payroll-day-pair{display:grid;grid-template-rows:1fr 1fr;height:38px}.payroll-day-choice{display:flex;align-items:center;justify-content:center;margin:0;padding:0!important;border:0!important}.payroll-day-choice+ .payroll-day-choice{border-top:1px solid #d4d4d4!important}.payroll-day-choice input{width:13px;height:13px;margin:0}.payroll-total-input{text-align:center;font-weight:800;background:#f8f8f8!important}.payroll-footer{text-align:right;font-size:7px;color:#666;margin-top:3px}

.fueling-page{border:2px solid var(--gold);border-radius:12px;padding:14px 16px 16px;min-height:10.35in}.fueling-header{display:grid;grid-template-columns:80px 1fr 85px;gap:10px;align-items:center;margin-bottom:7px}.fueling-header img{width:70px;height:58px;object-fit:contain}.fueling-company{font-size:17px;font-weight:900}.fueling-title{font-size:15px;font-weight:900;color:var(--gold);margin-top:1px}.fueling-subtitle{font-size:7.5px;color:#555;margin-top:2px}.fueling-rev{font-size:7px;color:#666;text-align:right}.fueling-section-title{background:#202020;color:#fff;border-radius:4px;padding:5px 9px;font-size:10px;font-weight:900;margin:7px 0 4px}.fueling-info-grid{display:grid;grid-template-columns:1fr .65fr .75fr 1.1fr;gap:6px}.fueling-info-grid label{font-size:8px;font-weight:800}.fueling-info-grid .span2{grid-column:span 2}.fueling-info-grid input{width:100%;margin-top:2px;border:1px solid #777;min-height:25px}.fueling-crew-table,.fueling-reading-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:8px}.fueling-crew-table th,.fueling-crew-table td,.fueling-reading-table th,.fueling-reading-table td{border:1px solid #777;padding:3px 6px}.fueling-crew-table th,.fueling-reading-table th{background:#f0f0f0;font-weight:900;text-align:left}.fueling-crew-table td:first-child{width:40%;font-weight:700}.fueling-crew-table input,.fueling-crew-table select,.fueling-reading-table input{width:100%;min-height:24px;border:1px solid #a0a0a0;background:#fff;font:inherit}.fueling-reading-table th{text-align:center}.fueling-reading-table tbody th{width:23%}.fueling-note{font-size:7.5px;color:#666;margin:2px 0 5px}.fuel-ticket-total{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:9px;font-weight:900;padding:5px 0}.fuel-ticket-total input{width:160px;min-height:24px;border:1px solid #777}.fueling-check-list{display:grid;gap:4px;padding:6px 8px 1px}.fueling-check-list label{display:flex;align-items:flex-start;gap:6px;font-size:7.8px;font-weight:500;line-height:1.2}.fueling-check-list input[type=checkbox]{width:14px;height:14px;flex:0 0 auto;margin-top:0}.fueling-initials{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:4px 8px;font-size:8px;font-weight:800}.fueling-initials input{width:110px;min-height:23px}.fueling-remarks{display:block;font-size:8px;font-weight:800;margin-top:4px}.fueling-remarks textarea{width:100%;min-height:42px;margin-top:3px}.fueling-signatures{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:5px}.fueling-signatures label{font-size:7.5px;font-weight:800}.fueling-signatures input{width:100%;border:0;border-bottom:1px solid #333;min-height:25px}

@media(max-width:900px){.payroll-page{min-width:900px}.payroll-table-wrap{overflow:auto}.fueling-info-grid{grid-template-columns:1fr 1fr}.fueling-info-grid .span2{grid-column:span 1}}

@media print{
  .payroll-page{width:10.35in!important;max-width:10.35in!important;min-height:auto!important;padding:0!important}.payroll-header{grid-template-columns:.8in 1fr .8in;padding:.04in .08in .05in}.payroll-header img{width:.62in;height:.48in}.payroll-company{font-size:16px}.payroll-title{font-size:8.5px}.payroll-top-fields{padding:.04in .08in;gap:.05in}.payroll-top-fields label{font-size:6.7px}.payroll-top-fields input,.payroll-top-fields select{height:13px!important;min-height:13px!important;font-size:7px!important}.payroll-table{font-size:5.8px}.payroll-class-col{width:1.05in}.payroll-name-col{width:1.55in}.payroll-total-col{width:.52in}.payroll-day-head{min-height:.25in}.payroll-day-head span{font-size:5.8px}.payroll-table tbody tr{height:.31in}.payroll-table tbody td>input[type=text]{min-height:.29in!important;height:.29in!important;font-size:6.5px!important}.payroll-day-pair{height:.29in}.payroll-day-choice input{width:8px;height:8px}.payroll-footer{font-size:5.5px;margin-top:1px}
  .fueling-page{border:1.5px solid var(--gold)!important;border-radius:8px!important;padding:.12in .14in .14in!important;min-height:auto!important}.fueling-header{grid-template-columns:.55in 1fr .65in;gap:.06in;margin-bottom:.03in}.fueling-header img{width:.5in;height:.42in}.fueling-company{font-size:11px}.fueling-title{font-size:10px}.fueling-subtitle{font-size:5.6px}.fueling-rev{font-size:5.2px}.fueling-section-title{font-size:6.8px;padding:2px 5px;margin:3px 0 2px;border-radius:2px}.fueling-info-grid{grid-template-columns:1fr .65fr .75fr 1.1fr!important;gap:3px}.fueling-info-grid label{font-size:5.8px}.fueling-info-grid .span2{grid-column:span 2!important}.fueling-info-grid input{height:14px!important;min-height:14px!important;font-size:6.5px!important}.fueling-crew-table,.fueling-reading-table{font-size:6px}.fueling-crew-table th,.fueling-crew-table td,.fueling-reading-table th,.fueling-reading-table td{padding:1px 3px;height:18px}.fueling-crew-table input,.fueling-crew-table select,.fueling-reading-table input{height:13px!important;min-height:13px!important;font-size:6.5px!important}.fueling-note{font-size:5.6px;margin:1px 0 2px}.fuel-ticket-total{font-size:6.3px;padding:2px 0;gap:4px}.fuel-ticket-total input{width:1.25in;height:14px!important;min-height:14px!important}.fueling-check-list{gap:1px;padding:2px 5px 0}.fueling-check-list label{font-size:5.6px;line-height:1.05}.fueling-check-list input[type=checkbox]{width:8px;height:8px}.fueling-initials{font-size:5.8px;padding:1px 5px}.fueling-initials input{width:.85in;height:13px!important;min-height:13px!important}.fueling-remarks{font-size:5.8px;margin-top:2px}.fueling-remarks textarea{height:.31in!important;min-height:.31in!important;font-size:6.5px!important}.fueling-signatures{gap:.2in;margin-top:2px}.fueling-signatures label{font-size:5.6px}.fueling-signatures input{height:14px!important;min-height:14px!important}
}

body.pdf-export .landscape-page{width:11in!important;max-width:11in!important;min-height:8.5in!important;padding:.24in .28in .22in!important}
body.pdf-export .payroll-page{width:11in!important;max-width:11in!important;min-height:8.5in!important}
body.pdf-export .fueling-page{width:8.5in!important;max-width:8.5in!important;min-height:11in!important;padding:.18in .2in .18in!important}

/* Print sizing refinements for the source-form proportions. */
@media print{
  .payroll-table tbody tr{height:.39in}
  .payroll-table tbody td>input[type=text]{min-height:.37in!important;height:.37in!important;font-size:7px!important}
  .payroll-day-pair{height:.37in}
  .payroll-day-choice input{width:9px;height:9px}

  .fueling-page{min-height:10.05in!important;padding:.16in .17in .16in!important}
  .fueling-header{grid-template-columns:.62in 1fr .75in;gap:.08in;margin-bottom:.05in}
  .fueling-header img{width:.56in;height:.48in}
  .fueling-company{font-size:13px}.fueling-title{font-size:11.5px}.fueling-subtitle{font-size:6.3px}.fueling-rev{font-size:5.8px}
  .fueling-section-title{font-size:8px;padding:3px 6px;margin:5px 0 3px;border-radius:2px}
  .fueling-info-grid{gap:4px}.fueling-info-grid label{font-size:6.7px}.fueling-info-grid input{height:20px!important;min-height:20px!important;font-size:7.4px!important}
  .fueling-crew-table,.fueling-reading-table{font-size:6.8px}.fueling-crew-table th,.fueling-crew-table td,.fueling-reading-table th,.fueling-reading-table td{padding:2px 4px;height:25px}
  .fueling-crew-table input,.fueling-crew-table select,.fueling-reading-table input{height:19px!important;min-height:19px!important;font-size:7.2px!important}
  .fueling-note{font-size:6.4px;margin:2px 0 3px}.fuel-ticket-total{font-size:7.2px;padding:3px 0;gap:5px}.fuel-ticket-total input{width:1.35in;height:19px!important;min-height:19px!important}
  .fueling-check-list{gap:3px;padding:4px 7px 1px}.fueling-check-list label{font-size:6.8px;line-height:1.15}.fueling-check-list input[type=checkbox]{width:10px;height:10px}
  .fueling-initials{font-size:6.8px;padding:3px 7px}.fueling-initials input{width:1in;height:18px!important;min-height:18px!important}
  .fueling-remarks{font-size:6.8px;margin-top:3px}.fueling-remarks textarea{height:.55in!important;min-height:.55in!important;font-size:7px!important}
  .fueling-signatures{gap:.25in;margin-top:4px}.fueling-signatures label{font-size:6.5px}.fueling-signatures input{height:.25in!important;min-height:.25in!important}
}
@media print{
  .fueling-header{margin-bottom:.07in}
  .fueling-section-title{padding:4px 6px;margin:7px 0 4px}
  .fueling-info-grid input{height:25px!important;min-height:25px!important}
  .fueling-crew-table th,.fueling-crew-table td,.fueling-reading-table th,.fueling-reading-table td{height:32px}
  .fueling-crew-table input,.fueling-crew-table select,.fueling-reading-table input{height:25px!important;min-height:25px!important}
  .fuel-ticket-total{padding:5px 0}.fuel-ticket-total input{height:24px!important;min-height:24px!important}
  .fueling-check-list{gap:5px;padding:5px 7px 2px}.fueling-check-list label{font-size:7px}
  .fueling-initials{padding:5px 7px}.fueling-initials input{height:22px!important;min-height:22px!important}
  .fueling-remarks{margin-top:4px}.fueling-remarks textarea{height:.72in!important;min-height:.72in!important}
  .fueling-signatures{margin-top:7px}.fueling-signatures input{height:.32in!important;min-height:.32in!important}
}

/* Full-audit usability improvements */
.top-action-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:58%}
.global-action-status{min-height:15px;max-width:620px;text-align:right;font-size:10px;line-height:1.25;color:#5f6b7a}
.global-action-status.busy{color:#6b4d00}.global-action-status.ok{color:#166534}.global-action-status.error{color:#b91c1c}
.voyage-screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.payroll-import-status{font-size:9px;line-height:1.25;color:#526071;margin-top:3px;min-height:11px}
@media(max-width:900px){.top-action-wrap{max-width:none;width:100%;align-items:stretch}.global-action-status{text-align:left;max-width:none}.voyage-screen-actions{justify-content:flex-start}}
@media print{.global-action-status,.payroll-import-status,.voyage-screen-actions .btn{display:none!important}}

/* Multiple cargo-transfer sheets */
.transfer-manager{max-width:8.5in;margin:0 auto 10px;padding:11px 13px;border:1px solid #cfd6de;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}
.transfer-manager>div{display:grid;gap:3px}.transfer-manager strong{font-size:13px}.transfer-manager span{font-size:10px;color:var(--muted);line-height:1.25}
.transfer-sheet-toolbar{margin:-12px -14px 13px;padding:10px 12px;border-bottom:1px solid #d9dee4;background:#f7f9fb;display:flex;align-items:center;justify-content:space-between;gap:10px}
.transfer-sheet-toolbar-title{display:flex;align-items:center;gap:8px;white-space:nowrap}.transfer-sheet-toolbar-title strong{font-size:12px}.transfer-barge-mode{font-size:9px;font-weight:800;color:#475569;background:#e9eef4;border-radius:999px;padding:4px 7px}
.transfer-sheet-toolbar-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.compact-btn{padding:6px 8px;font-size:9.5px;border-radius:7px}.btn.danger{background:#fff;color:#991b1b;border-color:#e7b9b9}
.transfer-sheet-sequence{margin-left:auto;font-size:9px;font-weight:800;letter-spacing:.08em;color:#5b6472;border:1px solid #cbd2da;padding:4px 7px;white-space:nowrap}
.transfer-sheet.single-barge .second-barge-cell{display:none!important}
.transfer-sheet.single-barge .second-barge-col{display:none!important}
.transfer-sheet.single-barge .transfer-table col.transfer-event-col{width:62%}
.transfer-sheet.single-barge .transfer-table col.transfer-barge-col{width:38%}
.transfer-sheet:not(.single-barge) .transfer-table col.transfer-event-col{width:43%}
.transfer-sheet:not(.single-barge) .transfer-table col.transfer-barge-col{width:28.5%}
@media(max-width:760px){
  .transfer-manager,.transfer-sheet-toolbar{align-items:flex-start;flex-direction:column}
  .transfer-sheet-toolbar-actions{justify-content:flex-start}
}
@media print{
  body.print-transfer-only #printArea > .print-page{display:none!important}
  body.print-transfer-only #transferSection{display:block!important}
  body.print-transfer-only #transferSection .transfer-sheet{display:none!important}
  body.print-transfer-only #transferSection .transfer-sheet.print-target{display:block!important;page-break-before:auto!important;break-before:auto!important}
  .transfer-sheet-sequence{font-size:6.5px;padding:2px 4px;border-color:#6b7280}
}
body.pdf-export .transfer-sheet-sequence{font-size:7px;padding:2px 4px}

/* Voyage-plan wheelman selectors: choices come only from wheelmen listed on the Daily Log. */
.voyage-field-grid select,.cert-grid select{
  width:100%;border:0;border-bottom:1px solid #6b7280;border-radius:0;
  padding:3px 20px 1px 2px;font:inherit;font-size:9px;background:#fff;color:var(--ink);
  min-height:24px;
}
.voyage-field-grid select:disabled,.cert-grid select:disabled{color:#7b8490;background:#f7f8fa}
@media print{
  .voyage-field-grid select,.cert-grid select{
    appearance:none;-webkit-appearance:none;background:#fff!important;
    font-size:7px!important;min-height:13px!important;height:13px!important;padding:0 1px!important;
  }
}
body.pdf-export .voyage-field-grid select,body.pdf-export .cert-grid select{
  appearance:none;-webkit-appearance:none;background:#fff!important;
  font-size:7px!important;min-height:14px!important;height:14px!important;padding:0 1px!important;
}

/* Voyage-plan usability improvements: fuller pages, larger writing areas, and watch-log continuation */
.long-watch-actions{max-width:8.5in;margin:2px auto 10px;padding:9px 12px;background:#fff;border:1px solid #d9dee4;border-radius:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.long-watch-status{font-size:10.5px;color:var(--muted);margin-left:4px}
.long-watch-actions .btn:disabled{opacity:.45}
.voyage-continuation-title{font-size:8px;font-weight:900;letter-spacing:.04em;color:#8b6505;margin-top:3px}
.missing-field-row td{background:#fff8df}
.unsat-needs-remarks td:last-child{background:#fff0ef}

/* Make the on-screen voyage forms use the page instead of clustering at the top. */
.voyage-plan-page{display:flex;flex-direction:column}
.voyage-plan-page .voyage-footer{margin-top:auto;padding-top:5px}
#shortVoyagePage .voyage-field-grid label{min-height:47px;font-size:8.6px}
#shortVoyagePage .voyage-field-grid input,#shortVoyagePage .voyage-field-grid select{font-size:9.4px}
#shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:46px}
#shortVoyagePage .considerations-list{font-size:6.7px;line-height:1.2;padding:5px 8px}
#shortVoyagePage .assist-grid>div,#shortVoyagePage .assist-grid>label{min-height:58px;font-size:7.6px}
#shortVoyagePage .voyage-risk-grid label{min-height:104px}
#shortVoyagePage .voyage-risk-grid textarea{min-height:67px;font-size:8.5px}
#shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:67px}
#shortVoyagePage .watch-review-grid label{min-height:48px}

#longVoyagePage1 .long-fields label{min-height:44px}
#longVoyagePage1 .source-check-table{font-size:7.2px}
#longVoyagePage1 .source-check-table tbody tr{height:27px}
#longVoyagePage1 .source-check-table input[type=text]{min-height:20px;font-size:7.4px}
#longVoyagePage2 .source-check-table{font-size:7px}
#longVoyagePage2 .source-check-table tbody tr{height:23px}
#longVoyagePage2 .source-check-table input[type=text]{min-height:18px;font-size:7.2px}
#longVoyagePage2 .source-detail-table td{height:54px}
#longVoyagePage2 .source-detail-table input{min-height:45px;font-size:7.4px}
#longVoyagePage3 .source-watch-table tbody td,#longVoyagePage3 .source-watch-table tbody th,
.long-watch-extra-page .source-watch-table tbody td,.long-watch-extra-page .source-watch-table tbody th{height:62px}
#longVoyagePage3 .source-watch-table input,.long-watch-extra-page .source-watch-table input{min-height:50px;font-size:7.4px}
#longVoyagePage3 .cert-grid label{min-height:50px;font-size:7.5px}
#longVoyagePage3 .cert-grid input,#longVoyagePage3 .cert-grid select{min-height:24px;font-size:8px}
.long-watch-extra-page .source-watch-table{margin-bottom:6px}

@media print{
  .voyage-plan-page{display:flex!important;flex-direction:column;min-height:10.35in!important}
  .voyage-plan-page .voyage-footer{margin-top:auto!important;padding-top:3px}
  .long-watch-actions{display:none!important}
  .voyage-form-header{grid-template-columns:.68in 1fr .92in!important;gap:7px!important;margin-bottom:3px!important}
  .voyage-form-header img{width:.61in!important;max-height:.52in!important}
  .voyage-main-title{font-size:15px!important;line-height:1.05!important}
  .voyage-subtitle{font-size:7.6px!important}
  .voyage-form-code{font-size:6.8px!important}
  .voyage-continuation-title{font-size:6.8px!important}
  .voyage-section-title{font-size:7.4px!important;padding:2.5px 4px!important;margin-top:3px!important}

  #shortVoyagePage .voyage-field-grid label{min-height:37px!important;padding:3px 5px!important;font-size:7.2px!important}
  #shortVoyagePage .voyage-field-grid input,#shortVoyagePage .voyage-field-grid select{font-size:8px!important;min-height:17px!important;height:17px!important}
  #shortVoyagePage .voyage-type-line{font-size:7.1px!important;padding:4px 6px!important}
  #shortVoyagePage .voyage-block-label{font-size:7px!important;padding:3px 5px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:38px!important;height:38px!important;font-size:7.8px!important}
  #shortVoyagePage .consider-confirm{font-size:6.7px!important;padding:3px 5px!important}
  #shortVoyagePage .considerations-list{font-size:6.35px!important;line-height:1.16!important;padding:4px 7px!important;gap:12px!important}
  #shortVoyagePage .assist-grid>div,#shortVoyagePage .assist-grid>label{min-height:47px!important;padding:3px 5px!important;font-size:6.7px!important}
  #shortVoyagePage .choice-line{font-size:6.4px!important;gap:6px!important}
  #shortVoyagePage .voyage-risk-grid label{min-height:84px!important;font-size:7px!important;padding:3px 5px!important}
  #shortVoyagePage .voyage-risk-grid small{font-size:6.1px!important}
  #shortVoyagePage .voyage-risk-grid textarea{min-height:52px!important;height:52px!important;font-size:7.5px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:52px!important;height:52px!important;font-size:7.5px!important}
  #shortVoyagePage .watch-review-grid label{min-height:38px!important}
  #shortVoyagePage .voyage-legal-note{font-size:5.9px!important;line-height:1.12!important;margin:4px 1px!important}

  #longVoyagePage1 .long-fields label{min-height:38px!important;font-size:7px!important}
  #longVoyagePage1 .long-fields input,#longVoyagePage1 .long-fields select,#longVoyagePage1 .long-fields textarea{font-size:7.8px!important}
  .route-doc-checks label{font-size:6.6px!important;padding:3px 4px!important}
  .route-doc-checks input{width:10px!important;height:10px!important}
  #longVoyagePage1 .source-check-table{font-size:6.8px!important}
  #longVoyagePage1 .source-check-table tbody tr{height:25px!important}
  #longVoyagePage1 .source-check-table th,#longVoyagePage1 .source-check-table td{padding:2px 3px!important}
  #longVoyagePage1 .source-check-table input[type=text]{min-height:18px!important;height:18px!important;font-size:7px!important}

  #longVoyagePage2 .source-check-table{font-size:6.55px!important}
  #longVoyagePage2 .source-check-table tbody tr{height:22px!important}
  #longVoyagePage2 .source-check-table th,#longVoyagePage2 .source-check-table td{padding:1.5px 3px!important}
  #longVoyagePage2 .source-check-table input[type=text]{min-height:16px!important;height:16px!important;font-size:6.8px!important}
  #longVoyagePage2 .source-detail-table{font-size:6.7px!important}
  #longVoyagePage2 .source-detail-table td{height:49px!important}
  #longVoyagePage2 .source-detail-table input{min-height:41px!important;height:41px!important;font-size:7px!important}

  #longVoyagePage3 .source-watch-table,.long-watch-extra-page .source-watch-table{font-size:6.35px!important}
  #longVoyagePage3 .source-watch-table th,.long-watch-extra-page .source-watch-table th{font-size:6.15px!important;padding:2px!important}
  #longVoyagePage3 .source-watch-table tbody td,#longVoyagePage3 .source-watch-table tbody th,
  .long-watch-extra-page .source-watch-table tbody td,.long-watch-extra-page .source-watch-table tbody th{height:58px!important;padding:2px!important}
  #longVoyagePage3 .source-watch-table input,.long-watch-extra-page .source-watch-table input{min-height:49px!important;height:49px!important;font-size:7px!important}
  #longVoyagePage3 .certification-text{font-size:6.5px!important;padding:4px 7px!important}
  #longVoyagePage3 .cert-grid label{min-height:44px!important;font-size:6.8px!important;padding:3px 5px!important}
  #longVoyagePage3 .cert-grid input,#longVoyagePage3 .cert-grid select{min-height:20px!important;height:20px!important;font-size:7.3px!important}
  #longVoyagePage3 .voyage-legal-note{font-size:5.65px!important;line-height:1.1!important;margin:4px 1px!important}
  .long-watch-extra-page .source-watch-continuation{margin-top:2px}
}

body.pdf-export .voyage-plan-page{display:flex!important;flex-direction:column;min-height:11in!important}
body.pdf-export .voyage-plan-page .voyage-footer{margin-top:auto!important;padding-top:3px}
body.pdf-export .voyage-form-header{grid-template-columns:.68in 1fr .92in!important;gap:7px!important;margin-bottom:3px!important}
body.pdf-export .voyage-form-header img{width:.61in!important;max-height:.52in!important}
body.pdf-export .voyage-main-title{font-size:15px!important;line-height:1.05!important}
body.pdf-export .voyage-subtitle{font-size:7.6px!important}
body.pdf-export .voyage-form-code{font-size:6.8px!important}
body.pdf-export .voyage-continuation-title{font-size:6.8px!important}
body.pdf-export .voyage-section-title{font-size:7.4px!important;padding:2.5px 4px!important;margin-top:3px!important}
body.pdf-export #shortVoyagePage .voyage-field-grid label{min-height:37px!important;padding:3px 5px!important;font-size:7.2px!important}
body.pdf-export #shortVoyagePage .voyage-field-grid input,body.pdf-export #shortVoyagePage .voyage-field-grid select{font-size:8px!important;min-height:17px!important;height:17px!important}
body.pdf-export #shortVoyagePage .voyage-type-line{font-size:7.1px!important;padding:4px 6px!important}
body.pdf-export #shortVoyagePage .voyage-block-label{font-size:7px!important;padding:3px 5px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:38px!important;height:38px!important;font-size:7.8px!important}
body.pdf-export #shortVoyagePage .consider-confirm{font-size:6.7px!important;padding:3px 5px!important}
body.pdf-export #shortVoyagePage .considerations-list{font-size:6.35px!important;line-height:1.16!important;padding:4px 7px!important;gap:12px!important}
body.pdf-export #shortVoyagePage .assist-grid>div,body.pdf-export #shortVoyagePage .assist-grid>label{min-height:47px!important;padding:3px 5px!important;font-size:6.7px!important}
body.pdf-export #shortVoyagePage .choice-line{font-size:6.4px!important;gap:6px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid label{min-height:84px!important;font-size:7px!important;padding:3px 5px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid small{font-size:6.1px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid textarea{min-height:52px!important;height:52px!important;font-size:7.5px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:52px!important;height:52px!important;font-size:7.5px!important}
body.pdf-export #shortVoyagePage .watch-review-grid label{min-height:38px!important}
body.pdf-export #shortVoyagePage .voyage-legal-note{font-size:5.9px!important;line-height:1.12!important;margin:4px 1px!important}
body.pdf-export #longVoyagePage1 .long-fields label{min-height:38px!important;font-size:7px!important}
body.pdf-export #longVoyagePage1 .long-fields input,body.pdf-export #longVoyagePage1 .long-fields select,body.pdf-export #longVoyagePage1 .long-fields textarea{font-size:7.8px!important}
body.pdf-export .route-doc-checks label{font-size:6.6px!important;padding:3px 4px!important}
body.pdf-export .route-doc-checks input{width:10px!important;height:10px!important}
body.pdf-export #longVoyagePage1 .source-check-table{font-size:6.8px!important}
body.pdf-export #longVoyagePage1 .source-check-table tbody tr{height:25px!important}
body.pdf-export #longVoyagePage1 .source-check-table th,body.pdf-export #longVoyagePage1 .source-check-table td{padding:2px 3px!important}
body.pdf-export #longVoyagePage1 .source-check-table input[type=text]{min-height:18px!important;height:18px!important;font-size:7px!important}
body.pdf-export #longVoyagePage2 .source-check-table{font-size:6.55px!important}
body.pdf-export #longVoyagePage2 .source-check-table tbody tr{height:22px!important}
body.pdf-export #longVoyagePage2 .source-check-table th,body.pdf-export #longVoyagePage2 .source-check-table td{padding:1.5px 3px!important}
body.pdf-export #longVoyagePage2 .source-check-table input[type=text]{min-height:16px!important;height:16px!important;font-size:6.8px!important}
body.pdf-export #longVoyagePage2 .source-detail-table{font-size:6.7px!important}
body.pdf-export #longVoyagePage2 .source-detail-table td{height:49px!important}
body.pdf-export #longVoyagePage2 .source-detail-table input{min-height:41px!important;height:41px!important;font-size:7px!important}
body.pdf-export #longVoyagePage3 .source-watch-table,body.pdf-export .long-watch-extra-page .source-watch-table{font-size:6.35px!important}
body.pdf-export #longVoyagePage3 .source-watch-table th,body.pdf-export .long-watch-extra-page .source-watch-table th{font-size:6.15px!important;padding:2px!important}
body.pdf-export #longVoyagePage3 .source-watch-table tbody td,body.pdf-export #longVoyagePage3 .source-watch-table tbody th,
body.pdf-export .long-watch-extra-page .source-watch-table tbody td,body.pdf-export .long-watch-extra-page .source-watch-table tbody th{height:58px!important;padding:2px!important}
body.pdf-export #longVoyagePage3 .source-watch-table input,body.pdf-export .long-watch-extra-page .source-watch-table input{min-height:49px!important;height:49px!important;font-size:7px!important}
body.pdf-export #longVoyagePage3 .certification-text{font-size:6.5px!important;padding:4px 7px!important}
body.pdf-export #longVoyagePage3 .cert-grid label{min-height:44px!important;font-size:6.8px!important;padding:3px 5px!important}
body.pdf-export #longVoyagePage3 .cert-grid input,body.pdf-export #longVoyagePage3 .cert-grid select{min-height:20px!important;height:20px!important;font-size:7.3px!important}
body.pdf-export #longVoyagePage3 .voyage-legal-note{font-size:5.65px!important;line-height:1.1!important;margin:4px 1px!important}

/* Final short-voyage print fit: keep it readable and on one Letter page. */
@media print{
  #shortVoyagePage .voyage-field-grid label{min-height:34px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:30px!important;height:30px!important}
  #shortVoyagePage .considerations-list{font-size:6.05px!important;line-height:1.12!important;padding:3px 6px!important}
  #shortVoyagePage .assist-grid>div,#shortVoyagePage .assist-grid>label{min-height:39px!important;padding:2px 4px!important;font-size:6.35px!important}
  #shortVoyagePage .voyage-risk-grid label{min-height:62px!important}
  #shortVoyagePage .voyage-risk-grid textarea{min-height:35px!important;height:35px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:34px!important;height:34px!important}
  #shortVoyagePage .watch-review-grid label{min-height:32px!important}
  #shortVoyagePage .voyage-legal-note{font-size:5.45px!important;line-height:1.07!important;margin:3px 1px!important}
}
body.pdf-export #shortVoyagePage .voyage-field-grid label{min-height:34px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:30px!important;height:30px!important}
body.pdf-export #shortVoyagePage .considerations-list{font-size:6.05px!important;line-height:1.12!important;padding:3px 6px!important}
body.pdf-export #shortVoyagePage .assist-grid>div,body.pdf-export #shortVoyagePage .assist-grid>label{min-height:39px!important;padding:2px 4px!important;font-size:6.35px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid label{min-height:62px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid textarea{min-height:35px!important;height:35px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:34px!important;height:34px!important}
body.pdf-export #shortVoyagePage .watch-review-grid label{min-height:32px!important}
body.pdf-export #shortVoyagePage .voyage-legal-note{font-size:5.45px!important;line-height:1.07!important;margin:3px 1px!important}
@media print{
  #shortVoyagePage .voyage-form-header img{width:.52in!important;max-height:.44in!important}
  #shortVoyagePage .voyage-main-title{font-size:14px!important}
  #shortVoyagePage .voyage-field-grid label{min-height:32px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:25px!important;height:25px!important}
  #shortVoyagePage .considerations-list{font-size:5.8px!important;line-height:1.08!important;padding:2px 6px!important}
  #shortVoyagePage .assist-grid>div,#shortVoyagePage .assist-grid>label{min-height:35px!important}
  #shortVoyagePage .voyage-risk-grid label{min-height:51px!important}
  #shortVoyagePage .voyage-risk-grid textarea{min-height:26px!important;height:26px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:25px!important;height:25px!important}
  #shortVoyagePage .watch-review-grid label{min-height:30px!important}
}
body.pdf-export #shortVoyagePage .voyage-form-header img{width:.52in!important;max-height:.44in!important}
body.pdf-export #shortVoyagePage .voyage-main-title{font-size:14px!important}
body.pdf-export #shortVoyagePage .voyage-field-grid label{min-height:32px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:25px!important;height:25px!important}
body.pdf-export #shortVoyagePage .considerations-list{font-size:5.8px!important;line-height:1.08!important;padding:2px 6px!important}
body.pdf-export #shortVoyagePage .assist-grid>div,body.pdf-export #shortVoyagePage .assist-grid>label{min-height:35px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid label{min-height:51px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid textarea{min-height:26px!important;height:26px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:25px!important;height:25px!important}
body.pdf-export #shortVoyagePage .watch-review-grid label{min-height:30px!important}
/* Use more of each long-voyage page while preserving the original 3-page structure. */
@media print{
  #longVoyagePage1 .long-fields label{min-height:40px!important}
  #longVoyagePage1 .source-check-table tbody tr{height:28px!important}
  #longVoyagePage2 .source-check-table tbody tr{height:24px!important}
  #longVoyagePage2 .source-detail-table td{height:55px!important}
  #longVoyagePage2 .source-detail-table input{min-height:47px!important;height:47px!important}
  #longVoyagePage3 .source-watch-table tbody td,#longVoyagePage3 .source-watch-table tbody th,
  .long-watch-extra-page .source-watch-table tbody td,.long-watch-extra-page .source-watch-table tbody th{height:64px!important}
  #longVoyagePage3 .source-watch-table input,.long-watch-extra-page .source-watch-table input{min-height:55px!important;height:55px!important}
  #longVoyagePage3 .cert-grid label{min-height:48px!important}
}
body.pdf-export #longVoyagePage1 .long-fields label{min-height:40px!important}
body.pdf-export #longVoyagePage1 .source-check-table tbody tr{height:28px!important}
body.pdf-export #longVoyagePage2 .source-check-table tbody tr{height:24px!important}
body.pdf-export #longVoyagePage2 .source-detail-table td{height:55px!important}
body.pdf-export #longVoyagePage2 .source-detail-table input{min-height:47px!important;height:47px!important}
body.pdf-export #longVoyagePage3 .source-watch-table tbody td,body.pdf-export #longVoyagePage3 .source-watch-table tbody th,
body.pdf-export .long-watch-extra-page .source-watch-table tbody td,body.pdf-export .long-watch-extra-page .source-watch-table tbody th{height:64px!important}
body.pdf-export #longVoyagePage3 .source-watch-table input,body.pdf-export .long-watch-extra-page .source-watch-table input{min-height:55px!important;height:55px!important}
body.pdf-export #longVoyagePage3 .cert-grid label{min-height:48px!important}
/* Continuation pages use the full sheet for handwriting instead of tiny rows at the top. */
@media print{
  .long-watch-extra-page .source-watch-table tbody td,.long-watch-extra-page .source-watch-table tbody th{height:94px!important}
  .long-watch-extra-page .source-watch-table input{min-height:84px!important;height:84px!important}
}
body.pdf-export .long-watch-extra-page .source-watch-table tbody td,body.pdf-export .long-watch-extra-page .source-watch-table tbody th{height:94px!important}
body.pdf-export .long-watch-extra-page .source-watch-table input{min-height:84px!important;height:84px!important}

/* Keep roster selections looking like completed form fields in print/PDF output. */
@media print{
  .payroll-top-fields select,.fueling-crew-table select{appearance:none;-webkit-appearance:none;background:#fff!important;padding:0 2px!important}
}
body.pdf-export .payroll-top-fields select,body.pdf-export .fueling-crew-table select{appearance:none;-webkit-appearance:none;background:#fff!important}

/* Risk assessment is a scored field, not an OK / Not OK check. */
.risk-score-cell{padding:2px 4px!important}
.risk-score-wrap{display:flex;align-items:center;gap:5px;font-weight:800;font-size:9px}
.risk-score-wrap span{white-space:nowrap}
.risk-score-wrap input{min-width:0;width:100%!important;text-align:center!important;border:1px solid #8b9199!important;background:#fff!important;font-weight:800}
@media print{
  .risk-score-wrap{gap:3px;font-size:6.5px}
  .risk-score-wrap input{height:13px!important;min-height:13px!important;font-size:7.5px!important;padding:0 2px!important}
}
body.pdf-export .risk-score-wrap{gap:3px;font-size:7px}
body.pdf-export .risk-score-wrap input{height:15px!important;min-height:15px!important;font-size:8px!important;padding:0 2px!important}
.risk-score-row .risk-score-label{font-weight:800;text-align:left!important;background:#f6f7f8}
@media print{.risk-score-row .risk-score-label{font-size:6.5px}}
body.pdf-export .risk-score-row .risk-score-label{font-size:7px}

/* Page 2 daily-log layout: use the full sheet instead of leaving the lower-right half empty. */
.page2-safety-block{margin-bottom:8px}
.page2-safety-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8px;border:1px solid var(--line);border-top:0}
.page2-safety-grid>label{padding:5px}
.page2-safety-grid>div{min-width:0}
.page2-safety-grid .subsection-label{border:0;border-bottom:1px solid var(--line)}
.page2-upper-grid,.page2-middle-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:8px;align-items:start}
.page2-middle-grid{grid-template-columns:.92fr 1.08fr;margin-top:8px}
.page2-confirm-title{margin-top:8px}
.page2-confirm-table .risk-score-row .risk-score-label{background:#f6f7f8}

@media(max-width:900px){
  .page2-upper-grid,.page2-middle-grid,.page2-safety-grid{grid-template-columns:1fr}
}

@media print{
  #page2{font-size:8px}
  #page2 .page2-safety-block{margin-bottom:3px}
  #page2 .page2-safety-grid{grid-template-columns:1.15fr .85fr;gap:3px}
  #page2 .page2-safety-grid>label{padding:2px 3px}
  #page2 .page2-safety-grid textarea{min-height:22px!important;height:22px!important}
  #page2 #attendeeRows{display:grid;grid-template-columns:1fr 1fr}
  #page2 .attendee-row{height:14px;min-height:14px}
  #page2 .attendee-row .row-num{width:18px;padding:1px 2px}
  #page2 .page2-upper-grid{display:grid!important;grid-template-columns:1.08fr .92fr;gap:5px;align-items:start}
  #page2 .page2-middle-grid{display:grid!important;grid-template-columns:.92fr 1.08fr;gap:5px;align-items:start;margin-top:4px}
  #page2 .section-title{font-size:8px;padding:2.5px 3px;margin-top:3px}
  #page2 .change-watch-note{font-size:6.5px;padding:2px 3px}
  #page2 .form-table{font-size:7.4px}
  #page2 .form-table th,#page2 .form-table td{height:18px;padding:1px 2px}
  #page2 .checks td:first-child{font-size:7.2px}
  #page2 .checks th:not(:first-child),#page2 .checks td:not(:first-child){width:34px}
  #page2 .page2-pre-table th:not(:first-child),#page2 .page2-pre-table td:not(:first-child){width:42px}
  #page2 .page2-voyage-grid label{min-height:30px;padding:2px 3px;font-size:7px}
  #page2 .page2-voyage-grid input{height:14px!important;min-height:14px!important;font-size:7.5px!important}
  #page2 .page2-voyage-grid textarea{height:26px!important;min-height:26px!important;font-size:7.5px!important}
  #page2 .page2-engine-grid label{min-height:34px}
  #page2 .page2-waste-table th,#page2 .page2-waste-table td{height:19px}
  #page2 .page2-confirm-title{font-size:8px;margin-top:4px;padding:2.5px 3px}
  #page2 .page2-confirm-table{font-size:7.2px}
  #page2 .page2-confirm-table th,#page2 .page2-confirm-table td{height:18px}
  #page2 .page2-confirm-table th:nth-child(2),#page2 .page2-confirm-table td:nth-child(2),
  #page2 .page2-confirm-table th:nth-child(3),#page2 .page2-confirm-table td:nth-child(3),
  #page2 .page2-confirm-table th:nth-child(5),#page2 .page2-confirm-table td:nth-child(5),
  #page2 .page2-confirm-table th:nth-child(6),#page2 .page2-confirm-table td:nth-child(6){width:38px}
  #page2 .risk-score-wrap{font-size:7px}
  #page2 .risk-score-wrap input{height:15px!important;min-height:15px!important;font-size:8px!important}
  #page2 .inline-grid.four label{min-height:31px}
  #page2 .signature-grid label{min-height:37px}
}

body.pdf-export #page2{padding:.22in .22in .25in!important;font-size:8.4px}
body.pdf-export #page2 .page2-safety-block{margin-bottom:4px}
body.pdf-export #page2 .page2-safety-grid{display:grid!important;grid-template-columns:1.15fr .85fr;gap:4px}
body.pdf-export #page2 .page2-safety-grid>label{padding:3px 4px}
body.pdf-export #page2 .page2-safety-grid textarea{min-height:25px!important;height:25px!important}
body.pdf-export #page2 #attendeeRows{display:grid;grid-template-columns:1fr 1fr}
body.pdf-export #page2 .attendee-row{height:16px;min-height:16px}
body.pdf-export #page2 .page2-upper-grid{display:grid!important;grid-template-columns:1.08fr .92fr;gap:6px;align-items:start}
body.pdf-export #page2 .page2-middle-grid{display:grid!important;grid-template-columns:.92fr 1.08fr;gap:6px;align-items:start;margin-top:5px}
body.pdf-export #page2 .section-title{font-size:9px;padding:3px 4px;margin-top:4px}
body.pdf-export #page2 .change-watch-note{font-size:7.2px;padding:2.5px 4px}
body.pdf-export #page2 .form-table{font-size:8.2px}
body.pdf-export #page2 .form-table th,body.pdf-export #page2 .form-table td{height:21px;padding:1.5px 3px}
body.pdf-export #page2 .checks td:first-child{font-size:7.8px}
body.pdf-export #page2 .checks th:not(:first-child),body.pdf-export #page2 .checks td:not(:first-child){width:38px}
body.pdf-export #page2 .page2-pre-table th:not(:first-child),body.pdf-export #page2 .page2-pre-table td:not(:first-child){width:45px}
body.pdf-export #page2 .page2-voyage-grid label{min-height:34px;padding:3px 4px;font-size:7.8px}
body.pdf-export #page2 .page2-voyage-grid input{height:16px!important;min-height:16px!important;font-size:8px!important}
body.pdf-export #page2 .page2-voyage-grid textarea{height:30px!important;min-height:30px!important;font-size:8px!important}
body.pdf-export #page2 .page2-engine-grid label{min-height:39px}
body.pdf-export #page2 .page2-waste-table th,body.pdf-export #page2 .page2-waste-table td{height:22px}
body.pdf-export #page2 .page2-confirm-title{font-size:9px;margin-top:5px;padding:3px 4px}
body.pdf-export #page2 .page2-confirm-table{font-size:8px}
body.pdf-export #page2 .page2-confirm-table th,body.pdf-export #page2 .page2-confirm-table td{height:21px}
body.pdf-export #page2 .page2-confirm-table th:nth-child(2),body.pdf-export #page2 .page2-confirm-table td:nth-child(2),
body.pdf-export #page2 .page2-confirm-table th:nth-child(3),body.pdf-export #page2 .page2-confirm-table td:nth-child(3),
body.pdf-export #page2 .page2-confirm-table th:nth-child(5),body.pdf-export #page2 .page2-confirm-table td:nth-child(5),
body.pdf-export #page2 .page2-confirm-table th:nth-child(6),body.pdf-export #page2 .page2-confirm-table td:nth-child(6){width:42px}
body.pdf-export #page2 .risk-score-wrap{font-size:7.8px}
body.pdf-export #page2 .risk-score-wrap input{height:17px!important;min-height:17px!important;font-size:8.5px!important}
body.pdf-export #page2 .inline-grid.four label{min-height:35px}
body.pdf-export #page2 .signature-grid label{min-height:42px}

/* Final Page 2 sizing: preserve readable type while keeping the whole page inside Letter size. */
@media print{
  #page2 .form-table th,#page2 .form-table td{height:17px}
  #page2 .page2-voyage-grid label{min-height:27px}
  #page2 .page2-voyage-grid textarea{height:22px!important;min-height:22px!important}
  #page2 .page2-engine-grid label{min-height:31px}
  #page2 .page2-waste-table th,#page2 .page2-waste-table td{height:17px}
  #page2 .page2-confirm-table th,#page2 .page2-confirm-table td{height:17px}
  #page2 .page2-confirm-table th:nth-child(1),#page2 .page2-confirm-table td:nth-child(1),
  #page2 .page2-confirm-table th:nth-child(4),#page2 .page2-confirm-table td:nth-child(4){width:auto!important;text-align:left}
}
body.pdf-export #page2 .form-table th,body.pdf-export #page2 .form-table td{height:18px}
body.pdf-export #page2 .page2-voyage-grid label{min-height:29px}
body.pdf-export #page2 .page2-voyage-grid textarea{height:24px!important;min-height:24px!important}
body.pdf-export #page2 .page2-engine-grid label{min-height:33px}
body.pdf-export #page2 .page2-waste-table th,body.pdf-export #page2 .page2-waste-table td{height:18px}
body.pdf-export #page2 .page2-confirm-table th,body.pdf-export #page2 .page2-confirm-table td{height:18px}
body.pdf-export #page2 .page2-confirm-table th:nth-child(1),body.pdf-export #page2 .page2-confirm-table td:nth-child(1),
body.pdf-export #page2 .page2-confirm-table th:nth-child(4),body.pdf-export #page2 .page2-confirm-table td:nth-child(4){width:auto!important;text-align:left}

/* Final print/PDF cleanup — 2026-08-28
   Removes output-only placeholders, keeps payroll inside Letter landscape,
   and uses the available paper area for handwriting on voyage, safety, and fueling forms. */
@media print{
  /* Screen helper text should never look like completed form content. */
  .attendee-empty .row-num,.attendee-empty .attendee-name{visibility:hidden!important}

  /* Payroll: keep every day, Prepared By, and Total Days inside the landscape sheet. */
  .payroll-page{width:10.35in!important;max-width:10.35in!important;min-height:7.85in!important;padding:.06in .07in .07in!important;overflow:visible!important}
  .payroll-table-wrap{overflow:visible!important;width:100%!important}
  .payroll-header{grid-template-columns:.72in 1fr .72in!important;padding:.04in .06in .05in!important}
  .payroll-header img{width:.58in!important;height:.46in!important}
  .payroll-company{font-size:15px!important}.payroll-title{font-size:8.3px!important}
  .payroll-top-fields{grid-template-columns:1.08fr .58fr 1.12fr 1.32fr!important;padding:.045in .06in!important;gap:.045in!important}
  .payroll-top-fields label{font-size:6.35px!important;gap:4px!important;min-width:0!important;white-space:nowrap!important}
  .payroll-top-fields input,.payroll-top-fields select{min-width:0!important;width:100%!important;height:14px!important;min-height:14px!important;font-size:6.6px!important}
  .payroll-table{width:100%!important;max-width:100%!important;font-size:5.7px!important;table-layout:fixed!important}
  .payroll-class-col{width:1.18in!important}.payroll-name-col{width:1.52in!important}.payroll-total-col{width:.50in!important}
  .payroll-day-head{min-height:.24in!important}.payroll-day-head span{font-size:5.6px!important}
  .payroll-table tbody tr{height:.365in!important}
  .payroll-table tbody td>input[type=text]{min-height:.345in!important;height:.345in!important;font-size:6.5px!important;padding:2px 3px!important}
  .payroll-day-pair{height:.345in!important}.payroll-day-choice input{width:8px!important;height:8px!important}
  .payroll-footer{font-size:5.2px!important;margin-top:1px!important}

  /* Short voyage: still one page, but make the writing areas worth using. */
  #shortVoyagePage{min-height:10.15in!important}
  #shortVoyagePage .voyage-field-grid label{min-height:37px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:43px!important;height:43px!important}
  #shortVoyagePage .considerations-list{font-size:5.95px!important;line-height:1.1!important;padding:3px 6px!important}
  #shortVoyagePage .assist-grid>div,#shortVoyagePage .assist-grid>label{min-height:43px!important}
  #shortVoyagePage .voyage-risk-grid label{min-height:82px!important}
  #shortVoyagePage .voyage-risk-grid textarea{min-height:56px!important;height:56px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:66px!important;height:66px!important}
  #shortVoyagePage .watch-review-grid label{min-height:38px!important}

  /* Long voyage: keep the approved 3-page structure and enlarge the actual work areas. */
  #longVoyagePage1 .long-fields label{min-height:43px!important}
  #longVoyagePage1 .source-check-table tbody tr{height:31px!important}
  #longVoyagePage1 .source-check-table input[type=text]{min-height:22px!important;height:22px!important}
  #longVoyagePage2 .source-check-table tbody tr{height:27px!important}
  #longVoyagePage2 .source-check-table input[type=text]{min-height:20px!important;height:20px!important}
  #longVoyagePage2 .source-detail-table td{height:70px!important}
  #longVoyagePage2 .source-detail-table input{min-height:61px!important;height:61px!important}
  #longVoyagePage3 .source-watch-table tbody td,#longVoyagePage3 .source-watch-table tbody th{height:74px!important}
  #longVoyagePage3 .source-watch-table input{min-height:65px!important;height:65px!important}
  #longVoyagePage3 .cert-grid label{min-height:55px!important}

  /* Safety/drill report: trade blank lower-page space for handwriting/signature room. */
  #safetyReportPage .safety-wide-field textarea{min-height:58px!important;height:58px!important}
  #safetyReportPage .safety-wide-field:nth-of-type(2) textarea{min-height:52px!important;height:52px!important}
  #safetyReportPage .safety-wide-field.comments-field textarea{min-height:122px!important;height:122px!important}
  #safetyReportPage .safety-sign-table th,#safetyReportPage .safety-sign-table td{height:28px!important}

  /* Fueling: keep one page, but give remarks and signatures more useful space. */
  .fueling-header{grid-template-columns:.62in 1fr .90in!important}
  .fueling-rev{white-space:nowrap!important;text-align:right!important}
  .fueling-remarks textarea{height:.86in!important;min-height:.86in!important}
  .fueling-signatures{margin-top:9px!important}
  .fueling-signatures input{height:.38in!important;min-height:.38in!important}
}

body.pdf-export .attendee-empty .row-num,body.pdf-export .attendee-empty .attendee-name{visibility:hidden!important}
body.pdf-export .payroll-page{width:10.35in!important;max-width:10.35in!important;min-height:7.85in!important;padding:.06in .07in .07in!important;overflow:visible!important}
body.pdf-export .payroll-table-wrap{overflow:visible!important;width:100%!important}
body.pdf-export .payroll-header{grid-template-columns:.72in 1fr .72in!important;padding:.04in .06in .05in!important}
body.pdf-export .payroll-header img{width:.58in!important;height:.46in!important}
body.pdf-export .payroll-company{font-size:15px!important}body.pdf-export .payroll-title{font-size:8.3px!important}
body.pdf-export .payroll-top-fields{grid-template-columns:1.08fr .58fr 1.12fr 1.32fr!important;padding:.045in .06in!important;gap:.045in!important}
body.pdf-export .payroll-top-fields label{font-size:6.35px!important;gap:4px!important;min-width:0!important;white-space:nowrap!important}
body.pdf-export .payroll-top-fields input,body.pdf-export .payroll-top-fields select{min-width:0!important;width:100%!important;height:14px!important;min-height:14px!important;font-size:6.6px!important}
body.pdf-export .payroll-table{width:100%!important;max-width:100%!important;font-size:5.7px!important;table-layout:fixed!important}
body.pdf-export .payroll-class-col{width:1.18in!important}body.pdf-export .payroll-name-col{width:1.52in!important}body.pdf-export .payroll-total-col{width:.50in!important}
body.pdf-export .payroll-day-head{min-height:.24in!important}body.pdf-export .payroll-day-head span{font-size:5.6px!important}
body.pdf-export .payroll-table tbody tr{height:.365in!important}
body.pdf-export .payroll-table tbody td>input[type=text]{min-height:.345in!important;height:.345in!important;font-size:6.5px!important;padding:2px 3px!important}
body.pdf-export .payroll-day-pair{height:.345in!important}body.pdf-export .payroll-day-choice input{width:8px!important;height:8px!important}
body.pdf-export .payroll-footer{font-size:5.2px!important;margin-top:1px!important}
body.pdf-export #shortVoyagePage{min-height:10.15in!important}
body.pdf-export #shortVoyagePage .voyage-field-grid label{min-height:37px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:43px!important;height:43px!important}
body.pdf-export #shortVoyagePage .considerations-list{font-size:5.95px!important;line-height:1.1!important;padding:3px 6px!important}
body.pdf-export #shortVoyagePage .assist-grid>div,body.pdf-export #shortVoyagePage .assist-grid>label{min-height:43px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid label{min-height:82px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid textarea{min-height:56px!important;height:56px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:66px!important;height:66px!important}
body.pdf-export #shortVoyagePage .watch-review-grid label{min-height:38px!important}
body.pdf-export #longVoyagePage1 .long-fields label{min-height:43px!important}
body.pdf-export #longVoyagePage1 .source-check-table tbody tr{height:31px!important}
body.pdf-export #longVoyagePage1 .source-check-table input[type=text]{min-height:22px!important;height:22px!important}
body.pdf-export #longVoyagePage2 .source-check-table tbody tr{height:27px!important}
body.pdf-export #longVoyagePage2 .source-check-table input[type=text]{min-height:20px!important;height:20px!important}
body.pdf-export #longVoyagePage2 .source-detail-table td{height:70px!important}
body.pdf-export #longVoyagePage2 .source-detail-table input{min-height:61px!important;height:61px!important}
body.pdf-export #longVoyagePage3 .source-watch-table tbody td,body.pdf-export #longVoyagePage3 .source-watch-table tbody th{height:74px!important}
body.pdf-export #longVoyagePage3 .source-watch-table input{min-height:65px!important;height:65px!important}
body.pdf-export #longVoyagePage3 .cert-grid label{min-height:55px!important}
body.pdf-export #safetyReportPage .safety-wide-field textarea{min-height:58px!important;height:58px!important}
body.pdf-export #safetyReportPage .safety-wide-field:nth-of-type(2) textarea{min-height:52px!important;height:52px!important}
body.pdf-export #safetyReportPage .safety-wide-field.comments-field textarea{min-height:122px!important;height:122px!important}
body.pdf-export #safetyReportPage .safety-sign-table th,body.pdf-export #safetyReportPage .safety-sign-table td{height:28px!important}
body.pdf-export .fueling-header{grid-template-columns:.62in 1fr .90in!important}
body.pdf-export .fueling-rev{white-space:nowrap!important;text-align:right!important}
body.pdf-export .fueling-remarks textarea{height:.86in!important;min-height:.86in!important}
body.pdf-export .fueling-signatures{margin-top:9px!important}
body.pdf-export .fueling-signatures input{height:.38in!important;min-height:.38in!important}

/* Final balance pass after full PDF review. */
@media print{
  .payroll-table tbody tr{height:.40in!important}
  .payroll-table tbody td>input[type=text]{min-height:.38in!important;height:.38in!important}
  .payroll-day-pair{height:.38in!important}
  .payroll-day-choice input{width:9px!important;height:9px!important}

  #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:48px!important;height:48px!important}
  #shortVoyagePage .voyage-risk-grid label{min-height:90px!important}
  #shortVoyagePage .voyage-risk-grid textarea{min-height:62px!important;height:62px!important}
  #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:82px!important;height:82px!important}
  #shortVoyagePage .watch-review-grid label{min-height:42px!important}

  #longVoyagePage3 .source-watch-table tbody td,#longVoyagePage3 .source-watch-table tbody th{height:70px!important}
  #longVoyagePage3 .source-watch-table input{min-height:61px!important;height:61px!important}
  #longVoyagePage3 .cert-grid label{min-height:50px!important}

  #safetyReportPage .safety-wide-field textarea{min-height:70px!important;height:70px!important}
  #safetyReportPage .safety-wide-field:nth-of-type(2) textarea{min-height:60px!important;height:60px!important}
  #safetyReportPage .safety-wide-field.comments-field textarea{min-height:145px!important;height:145px!important}
  #safetyReportPage .safety-sign-table th,#safetyReportPage .safety-sign-table td{height:32px!important}
}
body.pdf-export .payroll-table tbody tr{height:.40in!important}
body.pdf-export .payroll-table tbody td>input[type=text]{min-height:.38in!important;height:.38in!important}
body.pdf-export .payroll-day-pair{height:.38in!important}
body.pdf-export .payroll-day-choice input{width:9px!important;height:9px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortDescription"]{min-height:48px!important;height:48px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid label{min-height:90px!important}
body.pdf-export #shortVoyagePage .voyage-risk-grid textarea{min-height:62px!important;height:62px!important}
body.pdf-export #shortVoyagePage .voyage-block-label textarea[name="shortNotes"]{min-height:82px!important;height:82px!important}
body.pdf-export #shortVoyagePage .watch-review-grid label{min-height:42px!important}
body.pdf-export #longVoyagePage3 .source-watch-table tbody td,body.pdf-export #longVoyagePage3 .source-watch-table tbody th{height:70px!important}
body.pdf-export #longVoyagePage3 .source-watch-table input{min-height:61px!important;height:61px!important}
body.pdf-export #longVoyagePage3 .cert-grid label{min-height:50px!important}
body.pdf-export #safetyReportPage .safety-wide-field textarea{min-height:70px!important;height:70px!important}
body.pdf-export #safetyReportPage .safety-wide-field:nth-of-type(2) textarea{min-height:60px!important;height:60px!important}
body.pdf-export #safetyReportPage .safety-wide-field.comments-field textarea{min-height:145px!important;height:145px!important}
body.pdf-export #safetyReportPage .safety-sign-table th,body.pdf-export #safetyReportPage .safety-sign-table td{height:32px!important}

/* Quick date/time entry helper — screen only. */
.quick-datetime-picker{
  position:fixed; z-index:5000; width:min(360px,calc(100vw - 24px));
  background:#fff; border:1px solid #cbd3dd; border-radius:14px;
  box-shadow:0 14px 40px rgba(15,23,42,.22); padding:10px;
}
.quick-datetime-picker.hidden{display:none!important}
.quick-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 8px}
.quick-picker-header strong{font-size:15px;color:#172033}
.quick-picker-close{width:34px;height:34px;border:1px solid #cbd3dd;border-radius:9px;background:#fff;font-size:23px;line-height:1;cursor:pointer}
.quick-picker-body{display:grid;gap:9px}
.quick-picker-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.quick-picker-actions.time-presets{grid-template-columns:repeat(4,minmax(0,1fr))}
.quick-picker-action{min-height:42px;border:1px solid #cbd3dd;border-radius:9px;background:#f8fafc;font-weight:800;color:#172033;cursor:pointer;padding:6px 7px}
.quick-picker-action.primary{background:#172434;color:#fff;border-color:#172434}
.quick-picker-custom{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:end;padding-top:2px}
.quick-picker-custom.time-custom{grid-template-columns:1fr 1fr auto}
.quick-picker-custom.range-custom{grid-template-columns:1fr 1fr;}
.quick-picker-custom.range-custom .quick-picker-action{grid-column:1/-1}
.quick-picker-custom label{display:grid;gap:4px;font-size:11px;font-weight:800;color:#536174}
.quick-picker-custom input,.quick-picker-custom select{width:100%;min-height:42px;border:1px solid #aeb9c7;border-radius:8px;background:#fff;padding:7px 8px;font-size:16px;color:#172033}
.quick-picker-note{font-size:11px;line-height:1.3;color:#64748b;margin:0}
@media (max-width:640px){
  .quick-datetime-picker{left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;width:auto}
  .quick-picker-actions.time-presets{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media print{.quick-datetime-picker{display:none!important}}
body.pdf-export .quick-datetime-picker{display:none!important}

/* Phone / small-screen usability audit — 2026-08-29 */
@media screen and (max-width:640px){
  html,body{max-width:100%;overflow-x:hidden}
  .app-shell{width:100%;max-width:100%;padding:6px}
  .app-topbar{padding:12px 10px;border-radius:10px;gap:10px}
  .eyebrow{font-size:10px}.app-topbar h1{font-size:23px;line-height:1.05}.subtle{font-size:12px;line-height:1.3}
  .top-action-wrap{width:100%;max-width:none}.top-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:7px}
  .top-actions .btn{min-height:44px;padding:9px 8px;font-size:13px}.top-actions .btn.primary{grid-column:1/-1}
  .global-action-status{font-size:11px;line-height:1.3;text-align:left}
  .document-tabs{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:3px;scrollbar-width:thin}
  .document-tab{min-height:42px;padding:8px 11px;font-size:11px;flex:0 0 auto}
  .setup-panel{padding:12px 10px;border-radius:10px;margin-bottom:10px}.setup-head{display:grid;gap:7px}.setup-head h2{font-size:17px}.setup-head p{font-size:12px}
  .status-cluster{justify-content:flex-start}.setup-grid{grid-template-columns:1fr;gap:8px}.toggle-card{min-height:48px}
  .delivery-panel{padding:9px 10px}
  .print-page,.voyage-plan-page,.fueling-page,.payroll-page{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;margin:0 auto 10px;padding:12px 8px;overflow:hidden;box-shadow:none}
  .print-header{gap:9px}.print-header img{width:50px;height:42px}.company-name{font-size:14px}.document-title{font-size:11px}
  .header-fields,.two-col{grid-template-columns:1fr!important}.tow-and-fluids{grid-template-columns:1fr!important}
  .page2-upper-grid,.page2-middle-grid,.page2-safety-grid{grid-template-columns:1fr!important}
  .setup-panel input[type=text],.print-page input[type=text],.print-page textarea,.print-page select,.voyage-screen-head input,.voyage-screen-head select,.quick-datetime-picker input,.quick-datetime-picker select{font-size:16px!important}
  .print-page input[type=text],.print-page select{min-height:42px}.print-page textarea{min-height:64px}.print-page input[type=checkbox]{width:22px;height:22px}
  .form-table select,.fueling-crew-table select{min-height:42px;padding-top:5px;padding-bottom:5px}.btn,.add-row,.remove-row{min-height:42px}
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  #movementTable{min-width:610px}.radio-watch-table{min-width:610px}#changeWatchTable{min-width:620px}.transfer-table,.delay-table{min-width:620px}.form-table input[type=text]{font-size:16px!important}
  .voyage-screen-head{padding:10px 11px;border-radius:9px;margin-bottom:8px;gap:8px}.voyage-screen-head h2{font-size:19px;line-height:1.05}.voyage-screen-head p{font-size:12px;line-height:1.35}.voyage-context-badge{font-size:11px}
  .voyage-form-header{grid-template-columns:58px 1fr 64px;gap:6px}.voyage-form-header img{width:52px;max-height:46px}.voyage-main-title{font-size:15px}.voyage-subtitle{font-size:9px}.voyage-form-code{font-size:8px}
  .voyage-field-grid.four,.voyage-field-grid.two,.assist-grid,.considerations-list.two-columns,.voyage-risk-grid{grid-template-columns:1fr!important}.voyage-field-grid .span2{grid-column:span 1}
  .voyage-field-grid label{min-height:66px!important;font-size:12px!important;padding:7px 8px}.voyage-field-grid input,.voyage-field-grid textarea,.voyage-field-grid select{font-size:16px!important;min-height:40px!important}
  .voyage-type-line{flex-wrap:wrap;gap:10px;font-size:14px;padding:8px}.voyage-type-line label,.choice-line label{min-height:40px;font-size:14px}
  .consider-confirm{font-size:12px;line-height:1.3;padding:8px}.considerations-list{font-size:11px;line-height:1.35;padding:8px 12px}.assist-grid>div,.assist-grid>label{font-size:12px;min-height:70px;padding:7px 8px}.choice-line{font-size:13px;flex-wrap:wrap}
  .voyage-risk-grid label{font-size:12px;min-height:120px;padding:8px}.voyage-risk-grid textarea{font-size:16px!important;min-height:86px!important}.voyage-block-label{font-size:12px;padding:7px 8px}.voyage-block-label textarea{font-size:16px!important;min-height:80px}.watch-review-grid label{min-height:66px!important}
  .route-doc-checks{grid-template-columns:1fr 1fr}.route-doc-checks label{font-size:11px;min-height:44px;padding:6px}
  .long-page{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}.source-check-table,.source-detail-table,.source-watch-table{min-width:720px;font-size:10px}.source-check-table input[type=text],.source-detail-table input,.source-watch-table input{font-size:14px!important;min-height:34px}
  .cert-grid{grid-template-columns:1fr}.cert-grid label{font-size:12px;min-height:70px;padding:7px}.cert-grid select,.cert-grid input{font-size:16px!important;min-height:40px!important}
  .fueling-page{border-radius:8px;padding:10px 8px}.fueling-header{grid-template-columns:62px 1fr;gap:8px}.fueling-header img{width:58px;height:50px}.fueling-rev{grid-column:2;text-align:left;margin-top:-4px}.fueling-company{font-size:20px;line-height:1.1}.fueling-title{font-size:18px}.fueling-subtitle{font-size:11px;line-height:1.35}
  .fueling-section-title{font-size:14px;padding:9px 10px;margin-top:10px}.fueling-info-grid{grid-template-columns:1fr!important;gap:8px}.fueling-info-grid .span2{grid-column:span 1}.fueling-info-grid label{font-size:12px}.fueling-crew-table,.fueling-reading-table{font-size:11px}.fueling-crew-table th,.fueling-crew-table td,.fueling-reading-table th,.fueling-reading-table td{padding:5px}.fueling-note,.fueling-check-list label,.fueling-initials,.fueling-remarks,.fueling-signatures label{font-size:11px;line-height:1.3}.fuel-ticket-total{display:grid;grid-template-columns:1fr;font-size:13px;gap:5px}.fuel-ticket-total input{width:100%}.fueling-signatures{grid-template-columns:1fr;gap:10px}
  .payroll-page{padding:8px 6px!important}.payroll-header{grid-template-columns:70px 1fr!important;padding:6px!important}.payroll-header img{width:62px;height:52px}.payroll-company{font-size:19px}.payroll-title{font-size:11px}
  .payroll-top-fields{grid-template-columns:1fr!important;gap:7px;padding:8px 6px}.payroll-top-fields label{display:grid;grid-template-columns:92px 1fr;font-size:12px;gap:8px}.payroll-top-fields input,.payroll-top-fields select{font-size:16px!important;min-height:40px}
  .payroll-help{font-size:11px;line-height:1.35;padding:0 3px}.payroll-table-wrap{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border:1px solid #cbd2da}
  .payroll-table{min-width:980px!important;width:980px!important;font-size:9px}.payroll-table tbody td>input[type=text]{font-size:14px!important}.payroll-day-choice input{width:20px!important;height:20px!important}
  .payroll-table th:first-child,.payroll-table td:first-child,.payroll-table th:nth-child(2),.payroll-table td:nth-child(2){position:static!important;left:auto!important;z-index:auto!important;box-shadow:none!important}
  .payroll-table thead th:first-child,.payroll-table thead th:nth-child(2){background:#f3f4f5}
  .payroll-class-col{width:120px!important}.payroll-name-col{width:160px!important}.payroll-total-col{width:64px!important}
}

/* Shared 6 AM–6 AM wheelhouse log */
.setup-grid select{width:100%;padding:9px;border:1px solid #cbd2da;border-radius:8px;font-size:15px;background:#fff;color:var(--ink)}
.operating-day-note{font-size:10px;font-weight:500;color:var(--muted);line-height:1.2}
.shared-log-panel{margin-top:12px;padding:11px 12px;border:1px solid #d7dde3;border-radius:10px;background:#f8fafc;display:grid;gap:10px}
.shared-log-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
.shared-log-main>div:first-child{display:grid;gap:2px;min-width:0}.shared-log-main strong{font-size:13px}.shared-log-main span{font-size:11px;color:var(--muted)}
.shared-sync-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #cbd5e1;border-radius:999px;padding:6px 10px;font-size:10px;font-weight:800;white-space:nowrap;background:#fff;color:#475569}
.shared-sync-status::before{content:'';width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:none}
.shared-sync-status.synced{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.shared-sync-status.synced::before{background:#16a34a}
.shared-sync-status.saving{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.shared-sync-status.saving::before{background:#2563eb}
.shared-sync-status.offline{border-color:#fde68a;background:#fffbeb;color:#854d0e}.shared-sync-status.offline::before{background:#d97706}
.shared-sync-status.conflict,.shared-sync-status.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}.shared-sync-status.conflict::before,.shared-sync-status.error::before{background:#dc2626}
.shared-log-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.archive-picker{margin-left:auto;display:grid;gap:4px;font-size:10px;font-weight:800;color:#475569;min-width:210px}.archive-picker select{min-height:36px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:6px 8px;font-size:12px}
.shared-conflict-panel{border:1px solid #fecaca;border-radius:9px;padding:10px;background:#fff1f2;color:#7f1d1d;display:grid;gap:6px;font-size:11px}.shared-conflict-panel>div{display:flex;gap:7px;flex-wrap:wrap}.shared-conflict-panel span{color:#991b1b}
@media(max-width:700px){.shared-log-main{align-items:flex-start;flex-direction:column}.shared-log-actions{align-items:stretch}.shared-log-actions>.btn{flex:1 1 140px;min-height:44px}.archive-picker{margin-left:0;min-width:100%;width:100%}.archive-picker select{font-size:16px;min-height:44px}.setup-grid select{font-size:16px;min-height:44px}.shared-sync-status{white-space:normal}}
@media print{.shared-log-panel{display:none!important}}

/* Daily log bottom tools / editable history */
.bottom-log-tools{background:#fff;border:1px solid #d9dee4;border-radius:14px;padding:16px 18px;margin:18px 0;display:grid;gap:12px}
.bottom-log-tools-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.bottom-log-tools-head h2{margin:0 0 3px;font-size:18px}.bottom-log-tools-head p{margin:0;color:var(--muted);font-size:13px}
.bottom-log-tools .shared-log-panel{margin-top:0}
.history-mode-badge{border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:999px;padding:7px 11px;font-size:10px;font-weight:900;white-space:nowrap;letter-spacing:.03em}
.history-edit-panel{border:1px solid #93c5fd;background:#eff6ff;border-radius:10px;padding:12px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.history-edit-panel>div{display:grid;gap:3px;min-width:0}.history-edit-panel strong{font-size:13px;color:#1e3a8a}.history-edit-panel span{font-size:11px;line-height:1.4;color:#334155}
.history-edit-panel .btn{flex:none}
@media(max-width:700px){.bottom-log-tools{padding:12px 10px;border-radius:10px;margin:10px 0}.bottom-log-tools-head,.history-edit-panel{align-items:stretch;flex-direction:column}.history-mode-badge{align-self:flex-start}.history-edit-panel .btn{width:100%;min-height:46px}}
@media print{.bottom-log-tools{display:none!important}}

/* Boat / office access control */
body.access-locked{overflow:hidden}
.access-gate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(15,23,42,.78);backdrop-filter:blur(5px)}
.access-card{width:min(520px,100%);background:#fff;border:1px solid #d9dee4;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.28);padding:24px;display:grid;gap:16px}
.access-brand{display:flex;gap:14px;align-items:center}.access-brand img{width:82px;height:auto;object-fit:contain}.access-brand h1{font-size:24px;line-height:1.1;margin:3px 0 0}.access-brand .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:900;color:#5b6472}
.access-intro{margin:0;color:#475569;font-size:13px;line-height:1.5}
.access-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eef2f7;border-radius:10px;padding:4px;gap:4px}.access-tab{border:0;background:transparent;border-radius:8px;min-height:42px;font-weight:800;color:#475569;cursor:pointer}.access-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.access-form{display:grid;gap:12px}.access-form label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#334155}.access-form input,.access-form select{width:100%;min-height:46px;border:1px solid #cbd5e1;border-radius:9px;background:#fff;padding:9px 11px;font-size:16px}.access-submit{min-height:46px;width:100%}.access-message{min-height:20px;font-size:12px;font-weight:700;color:#64748b}.access-message.error{color:#b42318}.access-message.ok{color:#067647}.office-access-note{display:grid;gap:3px;border:1px solid #dbe4ee;border-radius:9px;background:#f8fafc;padding:10px 12px}.office-access-note strong{font-size:13px}.office-access-note span{font-size:11px;color:#64748b;line-height:1.4}
.access-session-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:11px;font-weight:800;color:#334155}.access-session-bar span{padding:6px 9px;border-radius:999px;background:#edf4ff;border:1px solid #cfe0f8}.access-signout-btn{border:0;background:transparent;color:#475569;text-decoration:underline;font-size:11px;font-weight:800;cursor:pointer;padding:4px}
.office-portal-panel{margin:12px 0;padding:13px 14px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;display:grid;gap:11px}.office-portal-head>div{display:grid;gap:2px}.office-portal-head strong{font-size:15px}.office-portal-head small{font-size:11px;color:#64748b}.office-badge{width:max-content;font-size:9px;line-height:1;padding:5px 7px;border-radius:999px;background:#0f172a;color:#fff;font-weight:900;letter-spacing:.08em}.office-boat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.office-boat-grid button{min-height:38px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#1e293b;font-size:11px;font-weight:800;cursor:pointer;padding:6px 8px}.office-boat-grid button:hover,.office-boat-grid button.active{border-color:#64748b;background:#eef2f7}.access-vessel-locked{background:#f1f5f9!important;color:#334155!important;cursor:not-allowed}
@media(max-width:700px){.access-gate{padding:12px;align-items:flex-start;overflow:auto}.access-card{margin-top:24px;padding:18px 14px;border-radius:14px}.access-brand img{width:68px}.access-brand h1{font-size:21px}.office-boat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-session-bar{justify-content:flex-start;flex-wrap:wrap}.office-portal-panel{margin:8px 0;padding:10px}.office-boat-grid button{min-height:44px;font-size:12px}}
@media print{.access-gate,.access-session-bar,.office-portal-panel{display:none!important}}
.office-password-manager{border-top:1px solid #d9e0e8;padding-top:9px}.office-password-manager summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;padding:7px 10px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;font-size:12px;font-weight:900;color:#1e293b}.office-password-manager summary::-webkit-details-marker{display:none}.office-password-manager summary::after{content:'Manage';font-size:9px;letter-spacing:.08em;color:#64748b}.office-password-manager[open] summary::after{content:'Close'}.office-password-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.office-password-note,.password-manager-status{grid-column:1/-1;margin:0;font-size:11px;line-height:1.45}.office-password-note{color:#475569}.password-manager-status{min-height:18px;font-weight:800;color:#64748b}.password-manager-status.ok{color:#067647}.password-manager-status.error{color:#b42318}.password-admin-form{display:grid;gap:8px;padding:11px;border:1px solid #d7dee7;border-radius:10px;background:#fff}.password-admin-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.password-admin-title strong{font-size:13px}.password-admin-title span{font-size:9px;color:#64748b;text-align:right;line-height:1.3}.password-admin-form label{display:grid;gap:4px;font-size:10px;font-weight:900;color:#475569}.password-admin-form input,.password-admin-form select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:8px 9px;font-size:15px}.password-admin-form .btn{min-height:40px}.office-password-manager[open] summary{background:#eef4fb}
@media(max-width:700px){.office-password-body{grid-template-columns:1fr}.password-admin-form{padding:10px}.password-admin-form input,.password-admin-form select{min-height:46px;font-size:16px}}
@media print{.office-password-manager{display:none!important}}