html,body{background-color:#0a2238}
.hp-login-photo{animation:none!important}
.hp-login-photo:not(:first-child){display:none}
.hp-login-photo:first-child{opacity:1!important;background-image:url('shipyard-v02/sea-morning-v10.png')}
html[data-sea-time=night] .hp-login-photo:first-child{background-image:url('shipyard-v02/sea-moonlight-v10.png')}
html[data-sea-time=evening] .hp-login-photo:first-child{background-image:url('shipyard-v02/sea-sunset-v10.png')}
.hp05-presence{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700;white-space:nowrap;margin-right:9px}
.hp05-presence .presence-dot{margin:0;flex:none}.presence-dot.unknown{background:#64748b;color:#64748b}
#app #hpjscCrewGrid .hp05-reserve-card{background:#fff0c9!important;border:2px solid #b98419!important;border-left:6px solid #b98419!important}
.hp05-reserve-label{display:inline-block;background:#765007;color:#fff;padding:5px 9px;border-radius:6px;font-size:14px;font-weight:700;margin-bottom:8px}
#hp-crew-reserve{background:#fff0c9;border-color:#b98419}#hp-crew-reserve .hp04-reserve-row{border-color:#d8ba76}
.pms116-table{table-layout:fixed;border-collapse:collapse!important;font-size:14px!important}
.pms116-table th,.pms116-table td{padding:5px 6px!important;line-height:1.25!important;min-width:0!important;height:auto!important;overflow-wrap:anywhere;border-color:#91afc2!important}
.pms116-table tbody tr:nth-child(odd)>td{background:#dcebf3}
.pms116-table tbody tr:nth-child(even)>td{background:#c4dce9}
.pms116-table td.pms116-draft{background:#fff0bc!important}
.pms116-table td.pms116-complete{background:#d3ebdf!important}
.pms116-table td.pms116-bad{background:#fbd9dc!important}
.pms116-table .pms116-vi{margin-top:2px!important;line-height:1.25}.pms116-table .pms116-en{line-height:1.25}
.pms116-table .pms116-calendar{padding:2px!important;text-align:center}
.pms116-table .hp05-slot{width:100%;min-width:26px;min-height:30px;margin:0!important;padding:3px!important;border:1px solid #91afc2;border-radius:4px;background:#ffffff80;color:#214c64;font-size:16px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:2px}
.pms116-table .hp05-slot.hp05-done{background:#d0ecdf;color:#08723d;border-color:#4c9974}
.pms116-table .hp05-slot small{font-size:12px}.pms116-biweekly{display:flex!important;gap:2px}
.pms116-table .pms116-title-row{display:none}
.hp05-completion-hint{font-size:14px;line-height:1.5;background:#e2edf5;padding:10px;border-radius:6px}
#app .pms116-table{table-layout:fixed!important;width:100%!important}
#app .pms116-table th,#app .pms116-table td{width:auto!important;min-width:0!important;overflow-wrap:break-word!important}
#app .pms116-table td.pms116-calendar{width:auto!important;min-width:0!important}

/* Version10: afternoon login opposite the western sunset. */
html[data-sea-time=evening] #login{justify-content:flex-start}
html[data-sea-time=evening] #login::after{background:linear-gradient(90deg,#061726e8 0%,#06172666 53%,#06172620 85%)}
html[data-sea-time=evening] .hp-login-caption{left:auto;right:6%;text-align:right}
html[data-sea-time=evening] .hp-login-photo{background-position:78% center}
@media(max-width:650px){
 html[data-sea-time=evening] #login{justify-content:center}
 html[data-sea-time=evening] #login::after{background:#071f3880}
 html[data-sea-time=evening] .hp-login-caption{left:18px;right:18px;text-align:left}
}