/* CleanOS web/login pages: iOS look, light only */
:root { --primary: #31A8B0; --primary-color: #31A8B0; --btn-primary: #31A8B0; --bg-color: #F2F2F7; --border-radius: 12px; --border-radius-md: 12px; --border-radius-lg: 16px; color-scheme: light;
	--font-stack: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif; }
html, body { font-family: var(--font-stack) !important; background: #F2F2F7 !important; -webkit-font-smoothing: antialiased; }
body * { font-family: inherit; }
a { color: #31A8B0; }
.btn { border-radius: 12px !important; min-height: 48px; font-weight: 600; font-size: 17px; }
.btn-primary, .btn-primary:hover, .btn-primary:focus { background: #31A8B0 !important; border-color: #31A8B0 !important; color: #fff !important; box-shadow: 0 6px 16px rgba(49,168,176,.25); }
.form-control { border-radius: 12px !important; min-height: 48px; font-size: 16px !important; background: #F2F2F7 !important; border: 1px solid transparent !important; }
.form-control:focus { border-color: #31A8B0 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(49,168,176,.18) !important; }
.for-login .page-card, .for-forgot .page-card, .for-signup .page-card, .page-card { background: #fff; border: none !important; border-radius: 20px !important;
	box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 30px rgba(0,0,0,.08) !important; padding: 28px 22px !important; max-width: 400px; }
.page-card-head img.app-logo, .page-card-head .app-logo { max-height: 72px !important; width: auto !important; max-width: 260px; }
.page-card-head h4 { font-weight: 700; letter-spacing: -.02em; font-size: 22px; margin-top: 14px; }
.cos-by { font-size: 12px; color: rgba(60,60,67,.6); margin-top: 4px; letter-spacing: .02em; }
.navbar, .web-footer, footer.web-footer { background: transparent !important; border: none !important; box-shadow: none !important; }
.footer-powered { display: none !important; }
@media (max-width: 767.98px) { .page-card { margin: 20px 14px !important; } .login-content.page-card { margin-top: 32px !important; } }

/* ---- EN | ES language toggle (iOS segmented control) */
.cos-lang { display: inline-flex; align-items: center; background: rgba(118,118,128,.12); border-radius: 9px; padding: 2px; gap: 2px; vertical-align: middle; }
.cos-lang button { border: 0; background: transparent; color: #1C1C1E; font: 600 13px/1 -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, sans-serif; min-width: 44px; min-height: 32px; padding: 0 10px; border-radius: 7px; cursor: pointer; }
.cos-lang button.active { background: #fff; color: #31A8B0; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.cos-lang button:focus-visible { outline: 2px solid #31A8B0; outline-offset: 1px; }
.cos-lang-web { display: flex; width: max-content; margin: 12px auto 0; }