/* HELM Crew: Safety */
.sf-card{position:relative;display:block;width:calc(100% - 32px);margin:0 16px 14px;padding:16px 44px 16px 18px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:linear-gradient(135deg,rgba(47,122,85,.45),rgba(29,53,87,.35))}
.sf-card.due{background:linear-gradient(135deg,rgba(244,162,97,.42),rgba(29,53,87,.35))}
.sf-card .hub-go{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:26px;opacity:.6}
.sf-notice{margin:0 16px 14px;padding:14px 16px;border-color:rgba(168,218,220,.6);background:linear-gradient(135deg,rgba(168,218,220,.28),rgba(69,123,157,.18))}
.sf-nk{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;opacity:.8;margin-bottom:6px}.sf-nl{font-size:16px;line-height:1.35;margin:4px 0}.sf-nd{opacity:.7;font-size:14px}
.sf-ok{border-color:rgba(127,209,168,.6);background:rgba(47,122,85,.25);font-weight:600}
.sf-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);min-height:48px}.sf-row:first-child{border-top:0}.sf-row .grow{flex:1;min-width:0}.sf-row .sub{font-size:13px;opacity:.75;margin-top:2px}
.sf-row.tap{all:unset;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 0;border-top:1px solid rgba(255,255,255,.1);cursor:pointer;font:inherit;color:inherit}.sf-row.tap .hub-go{font-size:22px;opacity:.6}
.jc.hi{background:rgba(230,57,70,.28);color:#FFC9CD}.jc.mid{background:rgba(244,162,97,.3);color:#FFE1C4}.jc.ok{background:rgba(47,122,85,.35);color:#CFF3DF}
.sf-group{padding:6px 14px}.sf-group.shut{opacity:.85}.sf-gh{all:unset;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;padding:10px 0;cursor:pointer;font:inherit;color:inherit;min-height:48px}.sf-gh b{flex:1;font-size:16px}.sf-gh .hub-go{font-size:20px;opacity:.6}
.sf-items{padding-bottom:8px}
.sf-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 8px;margin:4px -8px;border-radius:14px;min-height:48px;font-size:16px;line-height:1.3}.sf-item .grow{flex:1 1 170px;min-width:0}.sf-item .sf-seg{margin-left:auto}.sf-item .sub{font-size:13px;opacity:.75;margin-top:2px}
.sf-item.ok{background:rgba(47,122,85,.22)}.sf-item.bad{background:rgba(230,57,70,.22)}.sf-item.na{opacity:.55}.sf-item.na .grow>span{text-decoration:line-through;text-decoration-color:rgba(255,255,255,.4)}
.sf-item.tap{all:unset;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:10px 8px;margin:4px 0;border-radius:14px;min-height:48px;font:inherit;font-size:16px;color:inherit;cursor:pointer}.sf-item.tap.ok{background:rgba(47,122,85,.22)}
.sf-box{flex:none;width:28px;height:28px;border-radius:8px;border:2px solid rgba(255,255,255,.5);display:grid;place-items:center;font-weight:800;font-size:18px}.sf-item.ok .sf-box{background:#7FD1A8;color:#0F2A1C;border-color:#7FD1A8}
.sf-seg{display:flex;flex:none;border-radius:999px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.sf-seg button{all:unset;min-width:52px;min-height:44px;padding:0 14px;text-align:center;font-weight:800;font-size:15px;color:rgba(255,255,255,.75);cursor:pointer}.sf-seg button.on{background:#7FD1A8;color:#0F2A1C}.sf-seg button.on.bad{background:#E63946;color:#fff}
.sf-note{flex-basis:100%;margin-top:4px}
.sf-chips{display:flex;gap:6px;overflow-x:auto;padding:4px 0 8px;scrollbar-width:none}.sf-chips button{all:unset;flex:none;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);font-weight:700;font-size:14px;cursor:pointer;min-height:44px;box-sizing:border-box}.sf-chips button.on{background:rgba(255,255,255,.22)}
.sf-form label{display:block;margin-top:10px;font-size:14px;opacity:.9}.sf-fh{margin:16px 0 4px;font-size:17px;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:4px}.sf-fnote{font-style:italic;margin:6px 0}
html:not(.night) .sf-row,html:not(.night) .sf-row.tap{border-top-color:rgba(29,53,87,.1)}
@media (prefers-color-scheme: light){html:not(.night) .sf-seg{border-color:rgba(29,53,87,.3)}html:not(.night) .sf-seg button{color:#1D3557}html:not(.night) .sf-box{border-color:rgba(29,53,87,.4)}html:not(.night) .sf-item.na .grow>span{text-decoration-color:rgba(29,53,87,.4)}html:not(.night) .sf-chips button{background:rgba(29,53,87,.08)}html:not(.night) .sf-chips button.on{background:rgba(29,53,87,.2)}html:not(.night) .jc.ok{color:#1E5C3E}html:not(.night) .jc.mid{color:#8A4B10}html:not(.night) .jc.hi{color:#9B1C26}}
.sf-sigbox{padding:14px 12px 8px;border-bottom:1px solid rgba(255,255,255,.35);margin:4px 0 2px}.sf-sig{font-family:'Snell Roundhand','Savoye LET','Segoe Script','Lucida Handwriting','Brush Script MT',cursive;font-size:30px;color:#CFE3FF;transform:rotate(-2deg);display:inline-block}
html:not(.night) .sf-sig{color:#1a2a6c}
.sf-signreq{all:unset;display:block;box-sizing:border-box;width:calc(100% - 32px);margin:0 16px 14px;padding:14px 16px;border-radius:24px;cursor:pointer;color:inherit;font:inherit;border:1px solid rgba(244,162,97,.6);background:linear-gradient(135deg,rgba(244,162,97,.32),rgba(230,57,70,.16))}.sf-signreq .sf-nd{margin-top:6px;font-weight:700;opacity:.9}
.sf-card.daily{background:linear-gradient(135deg,rgba(69,123,157,.5),rgba(29,53,87,.35))}.sf-card.daily.due{background:linear-gradient(135deg,rgba(244,162,97,.42),rgba(29,53,87,.35))}
.sf-numbox{display:flex;align-items:center;gap:6px;flex:none}.sf-numbox input{width:92px;height:44px;box-sizing:border-box;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:inherit;font:inherit;font-size:18px;font-weight:700;text-align:right;padding:0 10px}.sf-unit{min-width:28px;font-size:13px;opacity:.8}
html:not(.night) .sf-numbox input{background:#fff;border-color:rgba(29,53,87,.25);color:#1D3557}
/* iOS date and time inputs: left-aligned text, same height as the other fields */
.nj-f input[type=date],.nj-f input[type=time],.card input[type=date],.sf-form input[type=date],.sf-form input[type=time]{-webkit-appearance:none;appearance:none;display:flex;align-items:center;text-align:left;min-height:48px;height:48px;line-height:1.2;padding:0 12px}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;margin:0}
.sf-neg{all:unset;width:40px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:22px;font-weight:800;cursor:pointer}.sf-neg.on{background:#A8DADC;color:#0F2A3C;border-color:#A8DADC}
html:not(.night) .sf-neg{border-color:rgba(29,53,87,.3);color:#1D3557}
.sf-neg.fixed{border-style:dashed;opacity:.9;cursor:default}