/* SimpleDigit brand tokens. Mint is an accent; readable actions use dark teal. */
:root{
  --brand-navy:#0B2D5C;
  --brand-mint:#00C8A0;
  --brand-teal:#007A63;
  --brand-teal-hover:#005F4D;
  --brand-bg:#F6F8FB;
  --brand-panel:#FFFFFF;
  --brand-slate:#172B4D;
  --brand-muted:#526379;
  --brand-line:#DAE3ED;
  --brand-navy-soft:#EDF2FA;
  --brand-teal-soft:#E8F6F2;
  --brand-teal-line:#B8E0D6;
  --brand-sidebar-text:#D7E3F3;
  --brand-sidebar-muted:#B0C5E1;
  --brand-sidebar-line:#4C6688;
  --brand-amber:#7A5200;
  --brand-amber-soft:#FFF3D6;
  --brand-amber-line:#E7CF91;
  --brand-red:#B42318;
  --brand-shadow:#0B2D5C12;
  --bg:var(--brand-bg);--panel:var(--brand-panel);--ink:var(--brand-slate);
  --muted:var(--brand-muted);--line:var(--brand-line);--nav:var(--brand-navy);
  --green:var(--brand-teal);--green-dark:var(--brand-teal-hover);--green-soft:var(--brand-teal-soft);
  --blue:var(--brand-navy);--light-blue:var(--brand-navy);--light-blue-soft:var(--brand-navy-soft);
  --mint:var(--brand-mint);--expense:var(--brand-navy);--red:var(--brand-red);--amber:var(--brand-amber);
  --ux-text:var(--brand-slate);--ux-muted:var(--brand-muted);--ux-border:var(--brand-line);
  --ux-blue:var(--brand-navy);--ux-green:var(--brand-teal);--ux-green-dark:var(--brand-teal-hover);
  --ux-soft:var(--brand-navy-soft);--ux-amber:var(--brand-amber);--ux-danger:var(--brand-red);
  --gov-blue:var(--brand-navy);--gov-blue-dark:var(--brand-navy);
  --gov-green:var(--brand-teal);--gov-green-dark:var(--brand-teal-hover);
}
.brandLogo{display:block;object-fit:cover;object-position:center;aspect-ratio:4.5/1}
.simpleBrand{flex:1;min-width:0;justify-content:flex-start;letter-spacing:0}
.simpleBrand .brandLogo{width:180px;max-width:100%;height:auto}
.simpleBrand:hover,.simpleBrand:active{background:transparent;border-color:transparent}
.workspaceBrand,.authLogo{background:#fff;border-radius:10px;padding:10px;direction:ltr}
.workspaceBrand{margin:0 0 28px;justify-content:center}
.workspaceBrand .brandLogo{width:182px;max-width:100%;height:auto}
.authLogo{align-self:flex-start;max-width:100%}
.authLogo .brandLogo{width:270px;max-width:100%;height:auto}
.simpleWelcome h1,.simpleToolsHeading h2,.simplePageHeading h1,
.panel h2,.panel h3,.dialog h2,.dialog h3{color:var(--brand-navy)}
.simpleModeRoot button:focus-visible,button:focus-visible,a:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:3px solid var(--brand-navy);outline-offset:3px;
}
.workspaceSidebar button:focus-visible,.workspaceSidebar a:focus-visible{outline-color:var(--brand-mint)}
.simpleMoneyCard.moneyIn:hover,.simplePrimary:hover{background:var(--brand-teal-hover);color:#fff}
.simpleMoneyCard.moneyOut:hover{background:#082349;color:#fff}
.simpleActionCard:hover,.simpleCaptureButton:hover,.simpleSecondary:hover{
  background:var(--brand-navy-soft);color:var(--brand-navy);border-color:var(--brand-navy);
}
.simpleMoneyCard.moneyOut .simpleMoneyIcon{border-color:#ffffff5c}
.success,.pill.ok{background:var(--brand-teal-soft);color:var(--brand-teal-hover);border-color:var(--brand-teal-line)}
.pill.processing{background:var(--brand-navy-soft);color:var(--brand-navy)}
.statusGood,.cloudstate.synced,.securityTechnicalGrid strong{color:var(--brand-teal)}
.statusWarn{color:var(--brand-amber)}
.statusBad,.dangerText{color:var(--brand-red)}
.securityEyebrow,.accountantLanguageRule{color:var(--brand-navy)}
.accountantLanguageRule,.securityStatusIcon{background:var(--brand-navy-soft)}
.authswitch button,.authDemo a{color:var(--brand-teal)}
.mobileInstallDialog h2,.mobileInstallDialog h3,.mobileOfflineCard h1{color:var(--brand-navy)}
@media(max-width:360px){.simpleBrand .brandLogo{width:140px}}
.passkeyButton{width:100%;margin-top:10px}
.passkeyDevice{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:6px 0}