:root{--sbm-navy:#09243a;--sbm-navy-2:#0e2d46;--sbm-blue:#0b5cad;--sbm-line:#d7dde3;--sbm-bg:#f3f5f7;--sbm-ok:#0b6b22;--sbm-danger:#b00020;--sbm-warn:#8a6500}
.page-nav{display:none!important}
.sbm-menu-btn{position:absolute;right:14px;top:17px;width:46px;height:46px;border-radius:12px;border:1px solid #3c4a57;background:#202830;color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;z-index:12;box-shadow:0 1px 4px #0005}
.sbm-menu-btn:active{transform:scale(.98)}
.sbm-session-chip{position:absolute;right:70px;top:20px;max-width:45%;font-size:11px;line-height:1.2;color:#d8e5ef;text-align:right}
.sbm-session-chip b{display:block;color:#fff;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sbm-drawer-backdrop{position:fixed;inset:0;background:#0007;z-index:89;opacity:0;pointer-events:none;transition:opacity .18s ease}
.sbm-drawer{position:fixed;inset:0 auto 0 0;width:min(83vw,360px);background:var(--sbm-navy);color:#fff;z-index:90;transform:translateX(-103%);transition:transform .2s ease;display:flex;flex-direction:column;box-shadow:12px 0 30px #0005}
body.sbm-drawer-open .sbm-drawer{transform:translateX(0)}body.sbm-drawer-open .sbm-drawer-backdrop{opacity:1;pointer-events:auto}
.sbm-drawer-head{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:22px 18px 16px;border-bottom:1px solid #26435a}
.sbm-drawer-head img{width:62px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.sbm-drawer-title{font-size:19px;font-weight:900}.sbm-drawer-sub{font-size:12px;color:#9eb9ce;margin-top:2px}.sbm-drawer-close{border:0;background:transparent;color:#fff;font-size:28px;padding:6px}
.sbm-drawer-scroll{overflow:auto;padding:12px 0 18px;flex:1}.sbm-drawer-group{font-size:11px;letter-spacing:.18em;color:#7fa1ba;font-weight:900;padding:18px 24px 7px}.sbm-drawer-link{display:flex;align-items:center;gap:12px;padding:15px 24px;color:#cfe0ec;text-decoration:none;font-size:18px;font-weight:800;border-left:4px solid transparent}.sbm-drawer-link:hover{background:#102f48}.sbm-drawer-link.active{background:#123957;color:#fff;border-left-color:#59a8ff}.sbm-drawer-link small{margin-left:auto;font-size:10px;color:#8eacc2;font-weight:700}.sbm-drawer-foot{border-top:1px solid #26435a;padding:16px 20px calc(16px + env(safe-area-inset-bottom));background:#082136}.sbm-drawer-user{font-size:13px;color:#9eb9ce}.sbm-drawer-user b{display:block;color:#fff;font-size:16px;margin-top:3px}.sbm-change-user{width:100%;border:1px solid #35556d;background:#173951;color:#fff;border-radius:12px;padding:12px;margin-top:12px;font-weight:900;font-size:14px}
.sbm-signin-backdrop{position:fixed;inset:0;background:linear-gradient(160deg,#061a2b,#0d3554);z-index:110;display:grid;place-items:center;padding:18px}.sbm-signin-card{width:min(94vw,430px);background:#fff;border-radius:20px;padding:22px;box-shadow:0 18px 60px #0007}.sbm-signin-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sbm-signin-brand img{width:70px;height:58px;object-fit:contain}.sbm-signin-brand h1{margin:0;font-size:21px;color:#12283a}.sbm-signin-brand p{margin:3px 0 0;font-size:12px;color:#5b6c7a}.sbm-signin-card label{display:block;font-weight:900;font-size:12px;color:#33495b;margin-top:12px}.sbm-signin-card select,.sbm-signin-card input{width:100%;font-size:16px;margin-top:5px;border:1px solid #bdc9d4;border-radius:11px;padding:12px;background:#fff}.sbm-signin-go{width:100%;border:0;border-radius:12px;padding:13px;margin-top:18px;background:var(--sbm-blue);color:#fff;font-weight:900;font-size:16px}.sbm-signin-note{font-size:11px;color:#6b7883;line-height:1.35;margin-top:12px}.sbm-cloud-card{border:1px solid #b8cce0;background:#eef4ff;border-radius:12px;padding:11px 12px;margin:10px 0;font-size:12px;color:#173a5e}.sbm-cloud-card strong{display:block;font-size:13px}.sbm-cloud-card.ok{border-color:#9ed2a9;background:#eaf6ed;color:#0a5a1d}.sbm-cloud-card.warn{border-color:#e0c96d;background:#fff8d9;color:#6d5500}.sbm-cloud-card.bad{border-color:#dc9ca8;background:#fff0f2;color:#8d0018}.sbm-cloud-meta{font-size:11px;opacity:.8;margin-top:3px}
.sbm-submit-btn{background:#126b32!important;color:#fff!important}.sbm-readonly-banner{border:1px solid #b5c5d6;background:#edf3f9;color:#173a5e;border-radius:12px;padding:12px;font-weight:900;margin:10px 0}.sbm-readonly-banner a{color:#0b5cad}
.sbm-page-header{position:sticky;top:0;z-index:20;background:#111;color:#fff;padding:12px 16px;box-shadow:0 2px 8px #0005;min-height:82px}.sbm-page-brand{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;padding-right:120px}.sbm-page-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:8px;padding:3px}.sbm-page-brand h1{font-size:18px;margin:0}.sbm-page-brand p{font-size:12px;color:#ddd;margin:2px 0 0}
.sbm-page-main{max-width:1050px;margin:auto;padding:12px 10px 120px}.sbm-card{background:#fff;border:1px solid var(--sbm-line);border-radius:14px;margin:10px 0;padding:14px;box-shadow:0 1px 3px #0001}.sbm-card h2{font-size:16px;margin:0 0 12px;color:#0f3557;border-bottom:1px solid var(--sbm-line);padding-bottom:8px}.sbm-muted{font-size:12px;color:#5e6c78}.sbm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sbm-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sbm-field span{display:block;font-size:12px;font-weight:900;margin-bottom:4px}.sbm-field input,.sbm-field select,.sbm-field textarea{width:100%;font:inherit;border:1px solid #bdc8d2;border-radius:9px;padding:10px;background:#fff}.sbm-field textarea{min-height:80px;resize:vertical}.sbm-actions{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #d5dce2;padding:9px max(9px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));display:grid;grid-template-columns:repeat(4,1fr);gap:7px;z-index:35}.sbm-actions button{border:0;border-radius:11px;padding:12px 7px;font-size:13px;font-weight:900;background:#e8edf3;color:#102030}.sbm-actions .primary{background:#0b5cad;color:#fff}.sbm-actions .green{background:#126b32;color:#fff}.sbm-actions .email{background:#163f65;color:#fff}.sbm-actions .danger{background:#fff1f1;color:#7a1010;border:1px solid #ffd0d0}
.sbm-pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#e9eef3;color:#33495a;font-size:11px;font-weight:900}.sbm-pill.ok{background:#e8f5e9;color:#0b6b22}.sbm-pill.low{background:#fff6d6;color:#755400}.sbm-pill.out{background:#ffebee;color:#9d001a}.sbm-pill.blue{background:#e8f0fb;color:#0b5cad}
@media(max-width:760px){.sbm-page-header{position:static}.sbm-page-brand{padding-right:104px}.sbm-grid,.sbm-grid.three{grid-template-columns:1fr}.sbm-actions{grid-template-columns:1fr 1fr}.sbm-session-chip{right:66px;top:17px;max-width:42%}.sbm-menu-btn{top:13px;right:10px}.sbm-page-main{padding-bottom:170px}}
@media(max-width:430px){.sbm-session-chip{display:none}.sbm-page-brand{padding-right:54px}.sbm-page-brand img{width:48px;height:48px}.sbm-page-brand{grid-template-columns:48px 1fr;gap:9px}.sbm-page-brand h1{font-size:16px}.sbm-menu-btn{width:44px;height:44px}.sbm-drawer{width:86vw}}
@media print{.sbm-menu-btn,.sbm-session-chip,.sbm-drawer,.sbm-drawer-backdrop,.sbm-actions,.sbm-cloud-card,.sbm-readonly-banner{display:none!important}.sbm-page-header{position:static;box-shadow:none}.sbm-page-main{padding-bottom:0}}
/* Employee account access */
.sbm-drawer-user span{display:block;color:#9eb9ce;font-size:12px;margin-top:3px}.sbm-change-user.secondary{margin-top:7px;background:#0c2c43;border-color:#36556c}.sbm-signin-card label small{font-weight:600;color:#7c8994}.sbm-auth-message{border:1px solid #e0c56d;background:#fff8d9;color:#684f00;border-radius:10px;padding:10px 11px;font-size:12px;line-height:1.4;margin:8px 0 12px}.sbm-auth-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.sbm-auth-links button,.sbm-auth-switch{border:0;background:transparent;color:#0b5cad;text-decoration:underline;font-weight:900;font-size:12px;padding:5px}.sbm-auth-switch{width:100%;margin-top:9px}.sbm-signin-card input[type=password]{letter-spacing:.04em}
.sbm-signin-card.sbm-boat-picker{width:min(94vw,620px);max-height:calc(100vh - 24px);overflow:auto}.sbm-boat-help{margin:0 0 12px;color:#43586a;font-size:14px;font-weight:750}.sbm-boat-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sbm-boat-choice{min-height:58px;border:2px solid #bed0df;border-radius:12px;background:#f7fafc;color:#123a5a;padding:10px 12px;text-align:left;cursor:pointer}.sbm-boat-choice:hover,.sbm-boat-choice:focus{border-color:#0b5cad;background:#eaf3ff;outline:none}.sbm-boat-choice b{display:block;font-size:15px}.sbm-boat-choice small{display:block;margin-top:3px;color:#0b6b22;font-weight:900}.sbm-boat-choice:first-child:has(small){border-color:#7eb78c;background:#eff8f1}@media(max-width:560px){.sbm-boat-choice-grid{grid-template-columns:1fr}.sbm-signin-card.sbm-boat-picker{padding:17px}.sbm-boat-choice{min-height:54px}.sbm-signin-brand{margin-bottom:10px}}