/* PREVIEW-PATCH 20261017 */
/* SIGVORA Crew: Handy-Oberfläche v2 (nur bis 767 px, nur eingeloggt). Desktop bleibt unverändert.
   Gleiche Sprache wie Anmeldung und Dashboard: helles Papier, Navy, Gold, Georgia-Überschriften. */
@media (max-width:767px){
 body.crew-dashboard-active{
  --m2-navy:#061a31;--m2-navy-2:#092846;--m2-gold:#d7b56d;--m2-gold-ink:#76531c;--m2-ink:#13243a;
  --m2-line:#dce5eb;--m2-paper:#f4f6f7;--m2-nav-h:64px;
  --crew-mobile-nav-height:calc(var(--m2-nav-h) + env(safe-area-inset-bottom));
 }
 /* Kopfleiste: gleicher Aufbau wie die gemeinsame SIGVORA-Kopfzeile (Emblem, Schriftzug, Sprache, Menü) */
 body.crew-dashboard-active .crew-mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:calc(64px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#06182c!important;border-bottom:1px solid #123a5c;box-shadow:none;backdrop-filter:none}
 body.crew-dashboard-active .crew-mobile-brand{flex:none;gap:10px}
 body.crew-dashboard-active .crew-mobile-brand-mark,body.crew-dashboard-active .crew-mobile-brand-copy,body.crew-dashboard-active .crew-mobile-network-state{display:none!important}
 body.crew-dashboard-active .m2-logo{display:block;flex:none;width:42px;height:44px;overflow:hidden}
 body.crew-dashboard-active .m2-logo img{display:block;width:170px;max-width:none;height:auto}
 body.crew-dashboard-active .m2-word{font:700 22px/1 Georgia,"Times New Roman",serif;letter-spacing:.01em;color:#fffaf0!important}
 body.crew-dashboard-active .m2-tools{display:flex;align-items:center;gap:8px;margin-left:auto}
 body.crew-dashboard-active .m2-lang{position:relative;display:inline-flex;align-items:center;justify-content:center;width:66px;height:44px;padding:0;border:1px solid #123a5c;border-radius:8px;background:transparent;color:#fffaf0!important;font:500 14px/1 system-ui,sans-serif;cursor:pointer}
 body.crew-dashboard-active .m2-lang select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
 body.crew-dashboard-active .m2-lang-code{pointer-events:none;color:#fffaf0!important}
 body.crew-dashboard-active .crew-mobile-more-button{width:44px;height:44px;min-height:44px;border:1px solid #123a5c;border-radius:8px;background:transparent;color:#fffaf0!important;font-size:1.2rem}
 /* Untere Leiste: dunkel wie in der SPV-Wallet, 5 Ziele, Gold für das aktive Ziel */
 body.crew-dashboard-active .crew-mobile-bottom-nav{right:0;left:0;bottom:0;min-height:var(--crew-mobile-nav-height);padding:.35rem .25rem env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;border-top:1px solid rgba(201,162,77,.25);border-radius:0;background:rgba(6,18,33,.97)!important;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
 body.crew-dashboard-active .crew-mobile-bottom-nav a[data-mobile-section="opportunities"]{display:none}
 body.crew-dashboard-active .crew-mobile-bottom-nav :is(a,button){position:relative;min-height:52px;gap:.2rem;padding:.2rem 0;border-radius:0;color:#f4efe6!important;background:transparent!important;box-shadow:none!important;font-size:.72rem;font-weight:600;letter-spacing:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
 body.crew-dashboard-active .crew-mobile-bottom-nav :is(a,button) .m2-ico{display:block;width:24px;height:24px}
 body.crew-dashboard-active .crew-mobile-bottom-nav :is(a,button).is-active,
 body.crew-dashboard-active .crew-mobile-bottom-nav :is(a,button)[aria-current="page"]{color:#d2a24c!important;opacity:1}
 body.crew-dashboard-active .crew-mobile-bottom-nav :is(a,button) > span:not(.m2-ico-wrap){font-size:0}
 /* Inhalt: Platz für die Leiste, ruhigere Karten */
 body.crew-dashboard-active .crew-dashboard-workspace{padding:16px 14px calc(var(--crew-mobile-nav-height) + 28px)}
 body.crew-dashboard-active .dashboard-heading{margin-bottom:14px;padding-bottom:12px}
 body.crew-dashboard-active .dashboard-heading .eyebrow{font-size:.68rem;letter-spacing:.16em}
 body.crew-dashboard-active #welcome-heading,body.crew-dashboard-active .dashboard-heading h1{font:600 1.75rem/1.15 Georgia,"Times New Roman",serif;color:var(--m2-navy)}
 body.crew-dashboard-active .dashboard-heading .muted{font-size:.9rem;line-height:1.45}
 body.crew-dashboard-active .readiness-card,body.crew-dashboard-active .crew-home>section,body.crew-dashboard-active .crew-ci-card{border-radius:18px}
 /* Hauptkarte: Knöpfe volle Breite, runde Form */
 body.crew-dashboard-active .crew-home-priority{padding:22px 18px;gap:16px;border-radius:20px}
 body.crew-dashboard-active .crew-home-priority :is(a,button){min-height:48px;border-radius:999px;font-weight:700}
 body.crew-dashboard-active .crew-home-priority-button{width:100%}
 body.crew-dashboard-active .crew-home-priority :is(a,button):not(.crew-home-priority-button){display:flex;align-items:center;justify-content:center;width:100%;padding:0 18px;border:1.5px solid rgba(215,181,109,.7);background:transparent;color:#fff;font-size:.95rem;text-decoration:none}
 /* Weg zur Bordfreigabe: Schritte untereinander, kompakt */
 body.crew-dashboard-active [class*="journey"] ol,body.crew-dashboard-active [class*="journey"] ul{grid-template-columns:1fr!important}
 /* Hilfe bleibt sichtbar, sitzt über der unteren Leiste */
 body.crew-dashboard-active .sv-help-float{display:flex!important;bottom:calc(var(--crew-mobile-nav-height) + 12px)!important;right:12px!important}
 /* Mehr-Menü: dunkles Blatt wie "Alle Bereiche" der SPV-Wallet, Kacheln in 2 Spalten */
 body.crew-dashboard-active .crew-mobile-more-sheet{width:100%;max-width:none;margin:auto 0 0;border-radius:18px 18px 0 0;max-height:88dvh;background:#0b1a2b;color:#f4efe6;box-shadow:0 -10px 30px rgba(0,0,0,.45)}
 body.crew-dashboard-active .crew-mobile-sheet-content{padding:8px 16px calc(24px + env(safe-area-inset-bottom));max-height:calc(88dvh - 14px)}
 body.crew-dashboard-active .crew-mobile-sheet-handle{background:rgba(255,255,255,.25)}
 body.crew-dashboard-active .crew-mobile-sheet-header{background:#0b1a2b}
 body.crew-dashboard-active .crew-mobile-sheet-header h2{font:600 1.25rem Georgia,serif;color:#fffaf0}
 body.crew-dashboard-active .crew-mobile-sheet-close{background:rgba(255,255,255,.1);color:#fffaf0}
 body.crew-dashboard-active .crew-mobile-sheet-field,body.crew-dashboard-active .crew-mobile-sheet-field span{color:#f4efe6}
 body.crew-dashboard-active .crew-mobile-sheet-content,body.crew-dashboard-active .crew-mobile-sheet-links{background:transparent!important}
 body.crew-dashboard-active .crew-mobile-sheet-links{grid-template-columns:1fr 1fr;gap:10px}
 body.crew-dashboard-active .crew-mobile-sheet-links>.crew-nav-group,body.crew-dashboard-active .crew-mobile-sheet-links>.m2-help,body.crew-dashboard-active .crew-mobile-sheet-links>.crew-mobile-sheet-field{grid-column:1/-1}
 body.crew-dashboard-active .crew-mobile-sheet-links .crew-nav-group{color:#b7c8d9!important}
 body.crew-dashboard-active .crew-mobile-more-sheet :is(h2,label,span,strong){color:inherit}
 body.crew-dashboard-active .crew-mobile-sheet-links a,body.crew-dashboard-active .crew-mobile-sheet-links button{min-height:88px;padding:12px;border-radius:14px;border:1px solid rgba(201,162,77,.28);background:rgba(255,255,255,.04)!important;color:#f4efe6!important;font-size:.88rem;font-weight:600;line-height:1.25;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left}
 body.crew-dashboard-active .crew-mobile-sheet-links a::after{display:none}
 body.crew-dashboard-active .crew-mobile-sheet-links a>span[aria-hidden]{display:none}
 body.crew-dashboard-active .crew-mobile-sheet-links .m2-chip{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(201,162,77,.14)!important;color:#d2a24c!important}
 body.crew-dashboard-active .crew-mobile-sheet-links .m2-chip svg{width:22px;height:22px}
 body.crew-dashboard-active .crew-mobile-sheet-links .m2-help{min-height:56px;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;border-color:#d2a24c;background:rgba(201,162,77,.1)!important}
 body.crew-dashboard-active .crew-mobile-sheet-links a[aria-current="page"]{border-color:#d2a24c;background:rgba(201,162,77,.12)!important}
 body.crew-dashboard-active .crew-mobile-sheet-links .m2-dup{display:none!important}
 /* Installationshinweis nicht über Inhalt legen */
 body.crew-dashboard-active .crew-mobile-install-nudge{bottom:calc(var(--crew-mobile-nav-height) + 10px);border-radius:16px}
 /* Link "Informationen anfordern" (Nachweis X) als goldene Schaltfläche */
 body.crew-dashboard-active a.m2-xlink{display:inline-flex!important;align-items:center;min-height:44px;margin:0 0 12px;padding:0 18px;border:1.5px solid #d2a24c;border-radius:999px;background:#fffaf0!important;color:#061a31!important;font:700 .9rem/1 system-ui,sans-serif;text-decoration:none!important}
 /* Willkommens-Karte mit Foto wie auf der Anmeldeseite (nur Übersicht) */
 body.crew-dashboard-active #dashboard-view[data-active-section="overview"] .dashboard-heading{position:relative;display:block;min-height:250px;margin:0 0 16px;padding:22px 18px;border:0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,rgba(6,24,44,0) 15%,rgba(6,24,44,.84) 100%),url(/design-spv/assets/hero.png) 62% 45%/cover no-repeat #06182c;color:#fffaf0;display:flex;flex-direction:column;justify-content:flex-end}
 body.crew-dashboard-active #dashboard-view[data-active-section="overview"] .dashboard-heading .eyebrow{color:#e6c883!important;text-shadow:0 1px 8px rgba(0,0,0,.6)}
 body.crew-dashboard-active #dashboard-view[data-active-section="overview"] #welcome-heading,body.crew-dashboard-active #dashboard-view[data-active-section="overview"] .dashboard-heading h1{color:#fffaf0!important;font:600 2rem/1.1 Georgia,"Times New Roman",serif;text-shadow:0 2px 14px rgba(0,0,0,.45)}
 body.crew-dashboard-active #dashboard-view[data-active-section="overview"] .dashboard-heading .muted{display:block!important;margin:8px 0 0;color:#f4efe6!important;font-size:.95rem;line-height:1.45;text-shadow:0 1px 10px rgba(0,0,0,.5)}
}