/* Saetta: readable surfaces and contextual navigation. Scoped to plugin components. */
.sff457-context{background:#142135;color:#f8fafc;border:1px solid #64748b;border-radius:18px;overflow:hidden;margin:0 0 24px;font-family:system-ui,sans-serif}
.sff457-context *{box-sizing:border-box}
.sff457-context-body{padding:24px}.sff457-context>h1,.sff457-context>p,.sff457-context>.sff457-login{margin:20px}
.sff457-context h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:8px 0;color:inherit}
.sff457-context p{color:inherit;line-height:1.6;margin:8px 0}.sff457-eyebrow{color:#ffe1a0;font-size:14px;font-weight:700;letter-spacing:.06em}
.sff457-photo{display:block;width:100%;height:260px;object-fit:cover}.sff457-photo-empty{display:grid;place-items:center;height:100px;background:linear-gradient(120deg,#203249,#142135);color:#ffe1a0;font-size:48px}
.sff457-context form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.sff457-context label{display:grid;gap:6px;flex:1;min-width:0;color:inherit;font-size:14px;font-weight:600}
.sff457-context select{min-height:46px;width:100%;background:#fff;color:#172033;border:1px solid #94a3b8;border-radius:8px;padding:10px;font-size:16px}
.sff457-context button,.sff457-login{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 16px;background:#ffe1a0;color:#172033;border:0;border-radius:8px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer}
.sff457-help{font-size:14px}
.sff447-screen{max-width:1040px;min-height:100svh;padding:28px;overflow:visible}.sff447-screen>.sff447-brand{height:130px}.sff447-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.sff447-tile-label{white-space:normal;overflow-wrap:anywhere}.sff447-tile{grid-template-columns:48px 1fr 18px;gap:14px;font-size:20px;min-height:88px;background:#142135;border-color:#c5a568;border-radius:14px}.sff447-icon svg{width:30px;height:30px}.sff447-bottom{color:#f1f5f9;font-size:14px;min-height:60px}
body .sff447-section p{color:#f1f5f9!important;font-size:16px!important}.sff447-section small{color:#e2e8f0}.sff447-actions a,.sff447-switch a,.sff447-aircraft a{min-height:44px;display:inline-flex;align-items:center}
/* Work surfaces remain light; brighter letters are reserved for dark navigation. */
body :is(.sff-outer,.sff-wrap,.sff-admin,.sff-mobile-app) .sff-card{background:#fff!important;color:#172033!important}
body :is(.sff-outer,.sff-wrap,.sff-admin,.sff-mobile-app) .sff-card :is(p,label,td,small,.description){color:#334155!important;opacity:1!important}
body :is(.sff-outer,.sff-wrap,.sff-admin,.sff-mobile-app) .sff-card :is(h2,h3,th){color:#172033!important;opacity:1!important}
body :is(.sff-outer,.sff-wrap,.sff-admin,.sff-mobile-app) :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea){font-size:16px;min-height:44px;background:#fff!important;color:#172033!important;border-color:#64748b!important}
body :is(.sff-shell-links,.sff-mobile-nav) a{color:#fff4d6!important;opacity:1!important;min-height:44px}
:is(.sff447-page,.sff457-context,.sff-outer,.sff-wrap) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #38bdf8!important;outline-offset:3px}
@media(max-width:600px){.sff447-screen{padding:18px 14px;border-radius:0;margin:0}.sff457-context-body{padding:18px}.sff457-photo{height:190px}.sff457-context form{display:grid;grid-template-columns:1fr}.sff447-tile{font-size:18px}.sff-fields,.sff410-grid{grid-template-columns:minmax(0,1fr)!important}.sff-fields>*{min-width:0}.sff-card{max-width:100%;overflow-x:auto}.sff-shell-nav{flex-wrap:wrap}.sff-shell-links{flex-wrap:wrap}.sff447-dock{bottom:12px;right:12px}.sff-outer{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){.sff447-tile{transition:none;transform:none}}
