/* Loaded only by the Coches shell; applies to dynamically rendered screens too. */
html[data-theme="light"] body.coches-app {
  --yss-primary: #0f766e; --yss-secondary: #0f766e; --yss-accent: #0f766e;
  --yss-primary-glow: transparent; --yss-secondary-glow: transparent;
  --yss-bg: #f5f7fa; --yss-card: #fff; --yss-card-hover: #f8fafc;
  --yss-text: #1e293b; --yss-text-light: #64748b;
  --yss-border: #e2e8f0; --yss-border-hover: #b8cec9;
  --yss-shadow: 0 2px 8px rgba(15,23,42,.04);
  --yss-shadow-lg: 0 16px 48px rgba(15,23,42,.12);
  --yss-radius: 16px; --yss-radius-sm: 8px;
  color-scheme: light; background: #f5f7fa !important; color: #1e293b !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}
body.coches-app::before, .coches-app .yss-login-page::before { display: none !important; }
.coches-app *, .coches-app *::before, .coches-app *::after { box-sizing: border-box; }
.coches-app .yss-page { max-width: 1440px !important; margin: auto !important; padding: 32px !important; }
.coches-app .yss-topbar { background: #fff !important; padding: 22px 26px !important; border: 1px solid #e2e8f0 !important; border-radius: 14px !important; box-shadow: var(--yss-shadow) !important; margin-bottom: 28px !important; }
.coches-app .yss-logo-icon { background: #edf7f5 !important; box-shadow: none !important; border-radius: 12px !important; }
.coches-app .yss-logo-title, .coches-app .yss-login-title h2 { background: none !important; -webkit-text-fill-color: #172f39 !important; color: #172f39 !important; letter-spacing: -.5px !important; }
.coches-app .yss-logo-subtitle { color: #64748b !important; letter-spacing: .08em !important; }
.coches-app .yss-event, .coches-app .yss-group { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: none !important; border-radius: 12px !important; overflow: hidden; }
.coches-app .yss-event { margin-bottom: 24px !important; }
.coches-app .yss-event-hdr, .coches-app .yss-group-hdr { background: #fff !important; padding: 20px 24px !important; }
.coches-app .yss-event-title { font-size: 1.1rem !important; font-weight: 650 !important; }
.coches-app .yss-event-body { background: #fafbfc !important; padding: 20px !important; }
.coches-app .yss-group-body { background: #fff !important; overflow-x: auto; }
.coches-app .yss-event-icon, .coches-app .yss-group-count, .coches-app .yss-badge, .coches-app .yss-event-badge { background: #edf7f5 !important; color: #0f766e !important; border-color: #d5eae5 !important; box-shadow: none !important; }
.coches-app .yss-table thead { background: #f1f5f9 !important; }
.coches-app .yss-table thead th { background: #f1f5f9 !important; color: #526174 !important; text-shadow: none !important; font-size: .72rem !important; letter-spacing: .06em !important; padding: 14px 20px !important; border-bottom: 1px solid #e2e8f0 !important; }
.coches-app .yss-table tbody td { padding: 16px 20px !important; border-bottom: 1px solid #edf1f5 !important; font-size: .9rem !important; }
.coches-app .yss-table tbody tr:hover { background: #f8fbfa !important; }
.coches-app button, .coches-app input, .coches-app select { font-family: inherit !important; }
.coches-app .yss-btn, .coches-app .yss-yoga-btn, .coches-app .yss-btn-print { font-weight: 600 !important; letter-spacing: 0 !important; box-shadow: none !important; }
.coches-app .yss-btn-primary, .coches-app .yss-btn-login, .coches-app .yss-tab-btn.active { background: #0f766e !important; color: #fff !important; box-shadow: none !important; }
.coches-app .yss-btn-outline, .coches-app .yss-btn-print { background: #fff !important; color: #475569 !important; border: 1px solid #dce3eb !important; }
.coches-app .yss-btn-logout { background: #fff !important; color: #475569 !important; border: 1px solid #dce3eb !important; }
.coches-app .yss-yoga-btn { background: #f0f8f6 !important; border-color: #cde4de !important; color: #0f766e !important; }
.coches-app .yss-topbar:hover, .coches-app .yss-event:hover, .coches-app .yss-group:hover, .coches-app .yss-asana-card:hover, .coches-app button:hover, .coches-app img:hover { transform: none !important; }
.coches-app .yss-modal-overlay, .coches-app .yss-loader-overlay { background: rgba(30,41,59,.35) !important; backdrop-filter: blur(3px) !important; }
.coches-app .yss-modal { background: #fff !important; border: 1px solid #e2e8f0 !important; border-radius: 16px !important; }
.coches-app .yss-modal-hdr, .coches-app .yss-modal-footer, .coches-app .yss-preview-hdr, .coches-app .yss-asana-hdr { background: #f8fafc !important; }
.coches-app .yss-modal-hdr, .coches-app .yss-modal-footer { padding: 20px 24px !important; }
.coches-app .yss-modal-body { padding: 24px !important; }
.coches-app .yss-modal-title { font-size: 1.15rem !important; }
.coches-app .yss-form-label { color: #475569 !important; text-transform: none !important; letter-spacing: 0 !important; }
.coches-app .yss-form-select, .coches-app .yss-input { background-color: #fff !important; color: #1e293b !important; border: 1px solid #cbd5e1 !important; border-radius: 8px !important; box-shadow: none !important; min-height: 46px; }
.coches-app :is(input, select, button, a):focus-visible { outline: 3px solid #99d6cb !important; outline-offset: 3px; }
.coches-app .yss-preview-badge { font-size: 1rem !important; padding: 10px 24px !important; letter-spacing: .04em !important; box-shadow: none !important; }
.coches-app .yss-preview-badge.active, .coches-app .yss-details-hdr { background: #edf7f5 !important; color: #0f766e !important; }
.coches-app .yss-preview-body img, .coches-app .yss-asana-body img { filter: none !important; }
.coches-app .yss-asana-card { box-shadow: none !important; background: #fff !important; }
.coches-app .yss-login-page { background: #f5f7fa !important; padding: 48px 20px !important; }
.coches-app .yss-login-card { background: #fff !important; color: #1e293b !important; border: 1px solid #e2e8f0 !important; border-radius: 18px !important; padding: 36px !important; box-shadow: 0 12px 40px rgba(15,23,42,.06) !important; animation: none !important; }
.coches-app .yss-login-logo-wrap img { filter: none !important; }
.coches-app .yss-login-tabs { background: #f1f5f9 !important; border: 1px solid #e2e8f0 !important; }
.coches-app .yss-tab-btn { color: #64748b !important; font-weight: 600 !important; }
.coches-app .yss-tab-btn.active { color: #fff !important; }
.coches-app .yss-input-icon, .coches-app .yss-link-toggle { color: #0f766e !important; }
.coches-app .yss-otp-badge-notice { color: #16635a !important; background: #edf7f5 !important; border-color: #cde4de !important; }
.coches-app .yss-divider::before, .coches-app .yss-divider::after { background: #e2e8f0 !important; }
.coches-app #yss-custom-slow-loader { background: rgba(245,247,250,.95) !important; backdrop-filter: blur(4px) !important; }
.coches-app .yss-slow-loader-card { background: #fff !important; border: 1px solid #e2e8f0 !important; box-shadow: var(--yss-shadow) !important; border-radius: 16px !important; }
.coches-app .yss-slow-loader-title { color: #1e293b !important; }
.coches-app .yss-slow-logo-wrap { animation: none !important; box-shadow: none !important; }
.coches-app .yss-slow-ring-inner, .coches-app .yss-slow-ring-pulse { display: none !important; }
.coches-app .yss-slow-ring-outer { border-top-color: #0f766e !important; border-bottom-color: #cde4de !important; box-shadow: none !important; }
.coches-app .yss-slow-progress-indicator { background: #0f766e !important; }
@media (max-width: 640px) {
  .coches-app .yss-page { padding: 16px !important; }
  .coches-app .yss-topbar { padding: 18px !important; }
  .coches-app .yss-event-hdr, .coches-app .yss-group-hdr { padding: 16px !important; }
  .coches-app .yss-event-body { padding: 10px !important; }
  .coches-app .yss-login-card { padding: 26px 20px !important; }
  .coches-app .yss-modal-body { padding: 18px !important; }
  .coches-app .yss-form-grid { gap: 14px !important; }
  .coches-app .yss-asana-grid { grid-template-columns: 1fr !important; }
}
@media (prefers-reduced-motion: reduce) {
  .coches-app *, .coches-app *::before, .coches-app *::after { animation: none !important; transition: none !important; }
}
.coches-app #yssGoogleModalOverlay { background: rgba(30,41,59,.35) !important; backdrop-filter: blur(3px) !important; }
.coches-app #yssGoogleModalOverlay .yss-login-card span { color: #1e293b !important; }
.coches-app #yssGoogleModalOverlay p { color: #64748b !important; }
.coches-app #btnResendOtp, .coches-app #gModalStep2 > button:not(.yss-btn-login) { color: #0f766e !important; border-color: #cbd5e1 !important; }
.coches-app button.yss-link-toggle { width: 100%; background: transparent; border: 0; padding: 0; }
.coches-app #sectionOtpLogin p { color: #64748b !important; }
.coches-app #gModalStep2 > button:not(.yss-btn-login) { color: #0f766e !important; border-color: #cbd5e1 !important; }
.coches-app button:disabled { opacity: .55; cursor: not-allowed; }
