/* AlltagsPilot V10 Premium Midnight — subtle account entry point */
.v10-cloud-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:18px 21px;margin:0 0 19px;border:1px solid rgba(125,204,212,.23);border-radius:18px;
  background:linear-gradient(113deg,rgba(34,78,85,.33),rgba(22,40,64,.85));
  box-shadow:0 5px 22px rgba(0,0,0,.08)}
.v10-cloud-copy{min-width:0}
.v10-cloud-kicker{display:block;margin-bottom:7px;color:#89dcd2;font-size:10px;letter-spacing:1.4px;font-weight:800}
.v10-cloud-copy strong{display:block;color:#f0f7fc;font-size:17px;font-weight:760;line-height:1.4;letter-spacing:-.25px}
.v10-cloud-copy p{margin:5px 0 0;color:#a9bccb;font-size:12.5px;line-height:1.6;max-width:560px}
.v10-cloud-button{font:inherit;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;
  background:#88e2d3;color:#092534;padding:12px 15px;min-height:46px;
  font-size:13px;font-weight:750;border:1px solid #93e9db;border-radius:12px;white-space:nowrap;
  box-shadow:0 3px 12px rgba(107,221,205,.08);transition:background .2s,transform .2s}
.v10-cloud-button:hover{background:#a3f1e5;transform:translateY(-1px)}
.v10-cloud-button:focus-visible{outline:3px solid #a3f1e5;outline-offset:3px}
@media(max-width:760px){.v10-cloud-strip{flex-direction:column;align-items:stretch;gap:14px;padding:17px;margin-bottom:17px}
  .v10-cloud-copy strong{font-size:16px}.v10-cloud-button{width:100%;white-space:normal}}
html[data-v8-theme="light"] .v10-cloud-strip{background:linear-gradient(115deg,#e2f7f2,#e6f0fb);border-color:#bbdedb}
html[data-v8-theme="light"] .v10-cloud-kicker{color:#26796c}
html[data-v8-theme="light"] .v10-cloud-copy strong{color:#163448}
html[data-v8-theme="light"] .v10-cloud-copy p{color:#4f6478}
html[data-v8-theme="light"] .v10-cloud-button{background:#227969;border-color:#227969;color:#fff}
@media(prefers-reduced-motion:reduce){.v10-cloud-button{transition:none}}


/* V10.1: iPhone safe area — keep logo and version badge below the
   system status bar (clock / Wi-Fi / battery). Desktop remains unchanged. */
@media (max-width: 780px) {
  .app {
    padding-top: max(14px, calc(env(safe-area-inset-top, 0px) + 10px));
  }
}
/* In an installed iOS PWA with a translucent status bar, content otherwise
   renders underneath the time and battery icons. This minimum is a fallback
   even if a browser reports the top safe-area inset as zero. */
@media (max-width: 780px) and (display-mode: standalone) {
  .app {
    padding-top: max(64px, calc(env(safe-area-inset-top, 0px) + 12px));
  }
}