/* Masna design system: one responsive source of truth after legacy component styles. */
@font-face{font-family:Cairo;src:url('/assets/Cairo.ttf') format('truetype');font-style:normal;font-weight:200 1000;font-display:swap}
html,body,.app-shell,.access-page,.device-preview-root{font-family:Cairo,sans-serif!important}
/* Pin Cairo's variable slant axis so iOS Safari does not render the Arabic UI tilted. */
html,body,body *{font-variation-settings:'slnt' 0!important;font-synthesis-style:none!important;font-style:normal!important}
button,input,select,textarea{font-family:inherit}
.masna-logo{display:inline-block;flex:none;background:currentColor;mask:url('/assets/masna-mark.svg') center/contain no-repeat;-webkit-mask:url('/assets/masna-mark.svg') center/contain no-repeat;vertical-align:middle}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme]{--bg:#eef1f5;--surface:#fff;--surface-2:#f6f8fa;--field:#f6f8fa;--ink:#192b3b;--muted:#566574;--line:#dce3e9;--accent:#1b5d82;--accent-soft:#eaf2f8;--action:#1b5d82;--green:#087343;--green-soft:#e8f5ee;--red:#b82d42;--red-soft:#fff0f2;--card-header-bg:#f6f8fa;--shadow:0 3px 16px #1b304608;font-family:Cairo,sans-serif!important;font-size:14px!important;line-height:1.65!important;color:var(--ink)!important;background:var(--bg)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme][data-theme=dark]{--bg:#101820;--surface:#1a252f;--surface-2:#222f3a;--field:#222f3a;--ink:#f0f4f7;--muted:#b7c4cf;--line:#374650;--accent:#9ccdf0;--accent-soft:#243e51;--action:#24698d;--green:#83dfb0;--green-soft:#173b2e;--red:#ffacb9;--red-soft:#422631;--card-header-bg:#222f3a;--shadow:0 3px 16px #00000018;color-scheme:dark}
body[data-palette=lagoon] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme]{--accent:#126b65;--action:#126b65;--accent-soft:#e7f3f0}
body[data-palette=coastguard] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme]{--accent:#665839;--action:#665839;--accent-soft:#f3efe6}
body[data-palette=lagoon] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme][data-theme=dark]{--accent:#92d9cb;--action:#226f64;--accent-soft:#203e39}
body[data-palette=coastguard] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme][data-theme=dark]{--accent:#dfc48e;--action:#75603d;--accent-soft:#3c3529}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] *{box-sizing:border-box}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(button,input,select,textarea,h1,h2,h3,h4){font-family:Cairo,sans-serif!important;letter-spacing:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(button,input,select,textarea){font-size:14px!important;line-height:1.65!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(input,select,textarea){color:var(--ink)!important;background-color:var(--field)!important;border-color:var(--line)!important;max-width:100%;border-radius:9px}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:1}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(button,input,select,textarea):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] button{touch-action:manipulation}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(h1,h2,h3,p){margin-top:0}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] h1{font-size:24px!important;font-weight:700!important;line-height:1.5!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] h2{font-size:17px!important;font-weight:700!important;line-height:1.6!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] h3{font-size:16px!important;font-weight:650!important;line-height:1.6!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(small,.eyebrow,.footer,.note-cell,.time-cell){font-size:13px!important;line-height:1.7!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .workspace{min-width:0!important;background:var(--bg)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .content{container-type:inline-size;container-name:workspace;max-width:1440px!important;width:100%!important;min-width:0!important;margin:0 auto!important;padding:24px clamp(16px,2vw,32px) 32px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"heading" "inspection" "crew" "summary" "radar" "footnote"!important;gap:20px!important;align-items:start!important;width:100%!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home>*{min-width:0!important;width:100%!important;max-width:100%!important;align-self:start!important;margin:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .field-crew-group{grid-area:crew!important;display:block!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .field-inspection-group{grid-area:inspection!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .field-summary{grid-area:summary!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .field-radar{grid-area:radar!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-footnote{grid-area:footnote!important;color:var(--muted)!important;font-size:12px!important;text-align:center!important;padding:6px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.field-inspection-group,.field-summary,.safety-radar-card,.harbor-roster,.panel,.site-card,.archive-day,.more-account,.more-links){background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--shadow)!important;color:var(--ink)!important;overflow:hidden}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-roster{display:block!important;grid-template-columns:none!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;container-type:inline-size;container-name:roster}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-roster>*{width:100%!important;max-width:none!important;grid-column:1/-1!important;margin:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-toolbar,.harbor-section-heading,.safety-radar-header,.panel-heading){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important;background:var(--surface)!important;color:var(--ink)!important;padding:16px 18px!important;min-height:64px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-toolbar,.harbor-section-heading,.panel-heading) h2{font-size:17px!important;font-weight:700!important;color:var(--ink)!important;margin:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-toolbar,.harbor-section-heading,.panel-heading) :is(span,small,p){font-size:12px!important;font-weight:400!important;color:var(--muted)!important;line-height:1.7!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-radar-title{font-size:15px!important;font-weight:650!important;color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.ops-slim-bar.field-heading,.ops-slim-bar.page-heading){grid-area:heading!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:16px!important;padding:4px 0 10px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;color:var(--ink)!important;min-height:72px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-title h1{color:var(--ink)!important;font-size:24px!important;font-weight:700!important;margin:0 0 3px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-meta{font-size:13px!important;font-weight:400!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-icon{width:44px!important;height:44px!important;background:var(--surface)!important;color:var(--accent)!important;border:1px solid var(--line)!important;border-radius:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-left{display:flex!important;flex-wrap:wrap!important;gap:8px!important;min-width:0!important;border:0!important;padding:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.ops-slim-date,.ops-slim-site,.ops-slim-btn){color:var(--muted)!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:8px!important;font-size:12px!important;font-weight:500!important;min-height:36px!important;height:auto!important;padding:6px 10px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.ops-slim-date,.ops-slim-site) svg{color:var(--accent)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-cards-container{display:flex!important;flex-direction:column!important;gap:0!important;padding:0 16px!important;justify-content:start!important;align-items:stretch!important;flex:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-member-card{display:grid!important;grid-template-columns:24px clamp(86px,24%,150px) minmax(0,1fr) 46px!important;align-items:center!important;gap:10px!important;min-height:68px!important;width:100%!important;padding:12px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-member-card:last-child{border-bottom:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-num{grid-column:1!important;grid-row:1!important;background:var(--surface-2)!important;color:var(--muted)!important;border:0!important;border-radius:6px!important;width:24px!important;height:26px!important;line-height:26px!important;font-size:12px!important;font-weight:600!important;margin:0!important;align-self:center!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-rank-field{display:grid!important;grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;border-radius:6px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-name-field{display:grid!important;grid-column:3!important;grid-row:1!important;min-width:0!important;width:100%!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-card-rank-measure,.roster-card-name-measure,.roster-card-input.rank,.roster-card-input.name){grid-area:1/1!important;width:100%!important;min-width:0!important;min-height:30px!important;height:auto!important;padding:4px 0!important;border:0!important;background:transparent!important;font-size:16px!important;font-weight:500!important;line-height:1.8!important;text-align:right!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:normal!important;font-family:Cairo,sans-serif!important;color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-card-rank-measure,.roster-card-input.rank){font-size:14px!important;color:var(--muted)!important;font-weight:500!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-card-rank-measure,.roster-card-name-measure){visibility:hidden!important;pointer-events:none}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] textarea.roster-card-input{height:100%!important;resize:none!important;overflow:hidden!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-role-caption{grid-column:4!important;grid-row:1!important;justify-self:end!important;align-self:center!important;background:var(--accent-soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:5px!important;padding:3px 5px!important;line-height:1.6!important;font-size:11px!important;font-weight:600!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-row-remove-btn{grid-column:4!important;grid-row:2!important;justify-self:end!important;min-height:36px!important;min-width:36px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-add-toggle{width:36px!important;height:36px!important;min-width:36px!important;background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:9px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-footer{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:12px 16px!important;min-height:48px!important;background:var(--surface-2)!important;border-top:1px solid var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-footer-count,.roster-status-text){font-size:12px!important;font-weight:400!important;line-height:1.7!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-footer-count{color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-footer-status{display:inline-flex!important;align-items:center!important;gap:5px!important;width:auto!important;min-height:0!important;height:auto!important;max-width:100%!important;white-space:normal!important;padding:0!important;border:0!important;background:none!important;color:var(--green)!important;border-radius:0!important;flex:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:14px!important;padding:18px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-card{min-width:0!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:none!important;overflow:hidden!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-card>header{padding:14px!important;background:var(--surface)!important;border-bottom:1px solid var(--line)!important;gap:8px!important;min-height:62px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-card h3{font-size:16px!important;font-weight:650!important;color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-card>header>svg{background:var(--accent-soft)!important;color:var(--accent)!important;width:34px!important;height:34px!important;padding:6px!important;border-radius:9px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-total-pill{font-size:11px!important;font-weight:500!important;color:var(--muted)!important;background:var(--surface-2)!important;border:0!important;padding:3px 7px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-decisions{padding:0 12px!important;gap:0!important;background:var(--surface)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-decision{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 0!important;gap:8px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-decision:last-child{border-bottom:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-counter{min-width:48px!important;gap:0!important;padding:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-counter>span{font-size:12px!important;font-weight:400!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-counter strong{font-size:22px!important;font-weight:650!important;line-height:1.5!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-action-pair{gap:6px!important;min-width:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-add{font-size:12px!important;font-weight:600!important;min-width:108px!important;min-height:44px!important;height:auto!important;border-radius:8px!important;padding:8px 10px!important;gap:5px!important;box-shadow:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-decision.allowed .craft-add{background:#087343!important;border-color:#087343!important;color:white!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.craft-decision.denied .craft-add,.denial-save:not(:disabled)){background:#b82d42!important;border-color:#b82d42!important;color:white!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-step-btn{width:36px!important;min-width:36px!important;height:44px!important;min-height:44px!important;background:var(--surface-2)!important;color:var(--muted)!important;border:1px solid var(--line)!important;border-radius:8px!important;font-size:18px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.console-ledger,.field-report-action){display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;font-size:13px!important;font-weight:600!important;padding:12px 18px!important;background:var(--surface-2)!important;color:var(--ink)!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;margin:0!important;width:100%!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .console-ledger b{font-size:12px!important;font-weight:400!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-totals{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:18px!important;gap:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .daily-total{padding:4px 10px!important;border:0!important;border-inline-end:1px solid var(--line)!important;border-radius:0!important;background:none!important;min-height:80px!important;gap:4px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .daily-total:last-child{border-inline-end:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .daily-total>span{font-size:12px!important;font-weight:400!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .daily-total strong{font-size:27px!important;line-height:1.5!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reasons-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))!important;gap:0 16px!important;padding:8px 18px 16px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip{background:none!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:10px 0!important;border-radius:0!important;font-size:13px!important;min-height:44px!important;gap:8px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip span{font-size:13px!important;font-weight:400!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip b{font-size:14px!important;color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .whatsapp-copy-btn{background:var(--green-soft)!important;color:var(--green)!important;border:1px solid var(--line)!important;border-radius:8px!important;font-size:12px!important;min-height:36px!important;padding:6px 10px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-denial{margin:0 18px 16px!important;padding:18px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;border-radius:12px!important;color:var(--ink)!important;scroll-margin-top:96px}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .denial-fields{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))!important;gap:14px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-denial :is(input,select,textarea){font-size:16px!important;min-height:44px!important;background:var(--surface)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.harbor-denial label,.denial-caption span){color:var(--ink)!important;font-size:14px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-denial summary{font-size:13px!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-sidebar{width:244px!important;background:#132632!important;color:#e7eef3!important;border:0!important;padding:24px 16px 16px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-brand{padding:0 8px 24px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-brand b{font-size:25px!important;font-weight:700!important;color:#fff!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-brand small{font-size:12px!important;color:#b5c5d0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-emblem{color:#fff!important;background:#ffffff0d!important;border:1px solid #ffffff20!important;border-radius:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-site-picker{background:#ffffff09!important;border:1px solid #ffffff1b!important;border-radius:10px!important;padding:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-site-picker select{background:transparent!important;color:#f0f5f8!important;font-size:14px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-site-picker option{background:#132632!important;color:#fff!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.marine-site-picker label,.marine-nav-group h2){font-size:11px!important;font-weight:500!important;color:#b5c5d0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group{margin:20px 0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group button{font-size:14px!important;min-height:46px!important;border-radius:9px!important;font-weight:500!important;color:#d1dde6!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group button:is(.active,.selected){background:#ffffff12!important;color:#fff!important;border:1px solid #ffffff24!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .sidebar-appearance{font-size:12px!important;min-height:44px!important;color:#d1dde6!important;border-color:#ffffff18!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-account :is(b,small){color:#d1dde6!important;font-size:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .workspace>.topbar{background:var(--surface)!important;border-bottom:1px solid var(--line)!important;padding:14px 20px!important;min-height:72px!important;height:auto!important;gap:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .header-brand{font-size:19px!important;font-weight:700!important;gap:8px!important;color:var(--ink)!important;flex-shrink:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .topbar-actions{gap:8px!important;min-width:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select{background:var(--surface-2)!important;border:1px solid var(--line)!important;min-width:0!important;max-width:180px!important;padding:6px 10px!important;border-radius:9px!important;min-height:44px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select select{color:var(--ink)!important;background:transparent!important;font-size:13px!important;min-width:0!important;max-width:126px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .theme-toggle{background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--ink)!important;width:40px!important;height:44px!important;border-radius:9px!important;flex:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.bottom-nav,.mobile-nav){background:var(--surface)!important;border-top:1px solid var(--line)!important;box-shadow:0 -4px 20px #142b3c05!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.bottom-nav,.mobile-nav) button{font-size:11px!important;font-weight:500!important;color:var(--muted)!important;min-height:48px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.btn,.modal button){min-height:44px;font-weight:600!important;border-radius:9px}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .btn.primary{background:var(--action)!important;color:#fff!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.records,.more-page,.modal,.archive-card,.member-info b,.empty b,.vessel-cell b){color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.member-info small,.note-cell,.time-cell,.site-stats span,.archive-card span,.empty p){color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .access-member-form .field{margin:0!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .member-quick-role-btn{background:var(--surface-2)!important;color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .credential-status{color:var(--red)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .date-tile{background:var(--accent-soft)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .date-tile b{color:var(--ink)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .date-tile small{color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .badge.allowed{background:var(--green-soft)!important;color:var(--green)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .badge.denied{background:var(--red-soft)!important;color:var(--red)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .wa-inline-actions :is(button,a){min-height:44px!important;font-size:13px!important}
@container workspace (min-width:960px){body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home{grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr)!important;grid-template-areas:"heading heading" "inspection crew" "summary radar" "footnote footnote"!important}body[data-layout=field] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home{grid-template-areas:"heading heading" "inspection inspection" "crew summary" "radar radar" "footnote footnote"!important}body[data-layout=board] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home{grid-template-areas:"heading heading" "crew inspection" "radar summary" "footnote footnote"!important}}
@container workspace (max-width:540px){body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-inspection-grid{grid-template-columns:1fr!important;padding:14px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-toolbar,.harbor-section-heading,.safety-radar-header){padding:14px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-title h1{font-size:21px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .ops-slim-meta{font-size:12px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-totals{padding:14px 6px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .daily-total>span{font-size:11px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-home{gap:16px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reasons-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .harbor-denial{margin:0 14px 14px!important;padding:14px!important}}
@container roster (max-width:410px){body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-member-card{grid-template-columns:20px minmax(64px,.85fr) minmax(0,1.4fr) 38px!important;gap:6px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-role-caption{grid-column:4!important;grid-row:1!important;font-size:10px!important;margin-top:0!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-input.name,body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-name-measure{font-size:15px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-row-remove-btn{grid-column:1!important;grid-row:2!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-cards-container{padding:0 12px!important}}
@media(max-width:600px){body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .content{padding:16px 12px 24px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .workspace>.topbar{padding:12px 16px!important;gap:8px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .header-brand{font-size:17px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select{max-width:150px!important}body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select select{max-width:100px!important}}
body[data-device=phone] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .content{padding:18px 12px 24px!important}body[data-device=phone] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .workspace>.topbar{padding:16px 18px 12px!important;gap:8px!important}body[data-device=phone] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select{max-width:150px!important}body[data-device=phone] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .site-select select{max-width:100px!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}

/* Supporting pages and compact record cards. */
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .content>.panel{margin-top:20px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records :is(th,td){font-size:14px!important;line-height:1.8!important;color:var(--ink)!important;padding:14px 16px!important;border-color:var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records th{background:var(--surface-2)!important;font-size:12px!important;color:var(--muted)!important;font-weight:500!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records .voided{opacity:1!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .badge.muted{background:var(--surface-2)!important;color:var(--muted)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .modal{background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:16px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 32px)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .modal :is(input,select,textarea){font-size:16px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .modal :is(.modal-header,.modal-footer){background:var(--surface-2)!important;color:var(--ink)!important;border-color:var(--line)!important;padding:16px 20px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .members-list>div{gap:12px!important;padding:18px!important;border-color:var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .member-info{min-width:0!important;overflow-wrap:anywhere!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .member-info b{font-size:15px!important;font-weight:600!important}
@container workspace (max-width:600px){body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records{display:block!important;min-width:0!important;width:100%!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records tbody{display:grid!important;gap:12px!important;padding:12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records tr{display:block!important;border:1px solid var(--line)!important;border-radius:10px!important;background:var(--surface)!important;padding:6px 12px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records td{display:flex!important;justify-content:space-between!important;align-items:start!important;gap:14px!important;min-width:0!important;width:100%!important;padding:8px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:13px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records td[data-label]::before{content:attr(data-label);flex:0 0 90px;font-size:12px;color:var(--muted);font-weight:400}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .records td:empty{display:none!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .table-scroll{overflow:visible!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .members-list>div{flex-wrap:wrap!important}
}

body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .btn.subtle{background:var(--surface-2)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .workspace>.topbar{top:0!important;z-index:40!important}

/* Semantic emphasis: readable metadata, distinct actions, stable roster editing. */
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] {--muted:#465767;--control-bg:#e7eff6;--control-ink:#185579;--number-bg:#dce7f0;--number-ink:#203f56}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme][data-theme=dark]{--muted:#c0ccd6;--control-bg:#243f53;--control-ink:#b6dfff;--number-bg:#344958;--number-ink:#e7f2fa}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-card-name-measure,textarea.roster-card-input.name){color:var(--ink)!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.roster-card-rank-measure,textarea.roster-card-input.rank){color:var(--muted)!important;font-weight:550!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-card-num{background:var(--number-bg)!important;color:var(--number-ink)!important;font-weight:700!important;border:1px solid var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-role-caption{background:#254e6a!important;color:#fff!important;border-color:#254e6a!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme][data-theme=dark] .roster-role-caption{background:#c2ddee!important;color:#14344b!important;border-color:#c2ddee!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-row-remove-btn{grid-column:4!important;grid-row:1!important;align-self:center!important;justify-self:end!important;background:var(--red-soft)!important;color:var(--red)!important;border:1px solid var(--red)!important;border-radius:8px!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;font-weight:700!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-add-toggle{background:var(--control-bg)!important;color:var(--control-ink)!important;border-color:var(--line)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-edit-toggle.is-editing{background:#087343!important;color:#fff!important;border-color:#087343!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-edit-toggle.is-editing span{color:#fff!important;font-size:18px!important;font-weight:700!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-footer-status{color:var(--green)!important;font-weight:600!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .roster-status-text{color:inherit!important;font-weight:600!important;font-size:13px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.harbor-section-heading,.roster-toolbar,.panel-heading) :is(span,small,p){color:var(--muted)!important;font-weight:500!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.craft-counter>span,.daily-total>span,.safety-reason-chip span){color:var(--muted)!important;font-weight:550!important;font-size:13px!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip b{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;min-height:30px!important;padding:2px 7px!important;border-radius:7px!important;background:var(--number-bg)!important;color:var(--number-ink)!important;font-size:15px!important;font-weight:700!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip.has-count b{background:var(--red-soft)!important;color:var(--red)!important;border:1px solid var(--red)!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .safety-reason-chip.has-count span{color:var(--ink)!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.console-ledger,.field-report-action){color:var(--control-ink)!important;background:var(--control-bg)!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .console-ledger b{color:var(--muted)!important;font-weight:500!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] :is(.ops-slim-date,.ops-slim-site,.ops-slim-meta,.roster-footer-count){color:var(--muted)!important;font-weight:500!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-total-pill{background:var(--number-bg)!important;color:var(--number-ink)!important;font-weight:600!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .whatsapp-copy-btn{background:var(--green-soft)!important;color:var(--green)!important;border-color:var(--green)!important;font-weight:650!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group button{color:#e0eaf1!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group button:is(.active,.selected){background:#27516c!important;border-color:#4b7793!important;color:#fff!important;font-weight:700!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group button:is(.active,.selected) svg{color:#fff!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .marine-nav-group h2{color:#b9cbd8!important;font-weight:600!important}
body[data-palette] .app-shell.app-shell.app-shell.app-shell.masna-refresh[data-theme] .craft-step-btn:disabled{opacity:.45!important;cursor:not-allowed!important}

/* Production: no preview toolbar offset or simulated device frame. */
body{--preview-toolbar-height:0px!important;--preview-toolbar-h:0px!important}
body[data-device=browser] .app-shell.masna-refresh{padding-top:0!important;min-height:100dvh!important}
body[data-device=browser] .app-shell.masna-refresh .marine-sidebar{top:0!important;height:100dvh!important}