.connection-status{margin:0 0 16px;padding:12px 16px;background:#fff3dc;border:1px solid #e8d6b5;border-radius:14px;color:#6d4c1f;font-size:13px}
.connection-status a{color:inherit;font-weight:650;text-decoration:underline}
.settings-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.info-copy h3{font-size:16px;margin:26px 0 8px}
.field-label{margin-top:16px}
.history-sub,.detail-note{white-space:pre-wrap;overflow-wrap:anywhere}
button:disabled{opacity:.55;cursor:wait}
.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(100%,360px);padding:28px;background:#fff;border:1px solid var(--line-1);border-radius:24px}
.auth-brand{display:flex;align-items:center;gap:12px;font-weight:700;font-size:22px;margin-bottom:28px}
.auth-card h1{font-size:24px;line-height:1.25;margin:0 0 10px}
.auth-card p{color:var(--ink-3);margin-bottom:24px}
.auth-card label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}
.auth-card input{width:100%;padding:14px;border:1px solid var(--line-1);border-radius:12px;background:var(--surface);font-size:16px;min-height:48px}
.auth-card .ds-btn{width:100%;margin-top:16px;min-height:48px}
.auth-error{color:#a83030!important;font-size:14px}
.auth-error:empty{display:none}

/* Floating navigation: the cards remain visible through frosted glass. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .bottom-nav{
    background:rgba(255,255,255,.58);
    -webkit-backdrop-filter:blur(24px) saturate(160%);
    backdrop-filter:blur(24px) saturate(160%);
    border-color:rgba(255,255,255,.78);
    box-shadow:0 6px 24px rgba(22,23,29,.08),inset 0 0 0 .5px rgba(22,23,29,.06);
  }
  .bottom-nav button.active{background:rgba(22,23,29,.065)}
}
@media(prefers-reduced-transparency:reduce){
  .bottom-nav{background:#F4F4F7;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Some Android WebViews report zero for the navigation inset. Native measurement
   is a floor, never an addition, so current WebViews do not get double padding. */
.native-android{--app-safe-bottom:max(env(safe-area-inset-bottom),var(--native-bottom,0px));scroll-padding-bottom:calc(94px + var(--app-safe-bottom))}
.native-android .bottom-nav{bottom:calc(10px + var(--app-safe-bottom))}
.native-android .bulk-bar{bottom:calc(84px + var(--app-safe-bottom))}
.native-android .toast{bottom:calc(88px + var(--app-safe-bottom))}
.native-android .sheet-body{padding-bottom:calc(22px + var(--app-safe-bottom))}
@media(max-width:899px){
  .native-android .workspace{padding-bottom:calc(124px + var(--app-safe-bottom))}
  .native-android body.is-selecting .workspace{padding-bottom:calc(200px + var(--app-safe-bottom))}
}