/* Aota palette applies to the native light/default theme. Native preferences remain authoritative. */
:root[data-b02-brand="aota"] { --b02-blue:#17489d; --b02-bright:#086afe; --b02-pale:#e2f0fd; --b02-ink:#0f3369; --b02-border:#dae1ed; }
:root[data-b02-brand="aota"]:not(.dark):not([data-skin]) {
 --font-ui:var(--b02-font);
 --bg:#ffffff; --sidebar:var(--b02-pale); --surface:#ffffff; --surface2:#f3f8ff;
 --text:var(--b02-ink); --accent:var(--b02-blue); --accent-bg:var(--b02-pale); --border:var(--b02-border); --border2:var(--b02-border);
}
#b02BrandLockup { display:flex; align-items:center; gap:12px; margin-bottom:8px; font-weight:600; color:var(--accent); }
#b02BrandLockup img { width:116px; height:auto; object-fit:contain; }
#emptyState .empty-logo img { width: min(260px,70vw); height:auto; object-fit:contain; border-radius:0; }
#b02BusinessMenu { position:relative; }
#b02BusinessMenu summary { padding:8px 10px; cursor:pointer; min-height:40px; font-size:13px; }
#b02BusinessMenu nav { padding:6px 0; }
#b02BusinessMenu select { width:100%; }
#b02Entries { padding:8px 4px 0; }
#b02EntryButtons { display:flex; flex-wrap:wrap; gap:6px; }
#b02EntryButtons button { background:var(--accent-bg); color:var(--text); border:1px solid var(--border); border-radius:8px; padding:8px 12px; min-height:40px; cursor:pointer; }
#b02EntryStatus { color:var(--muted); font-size:11px; line-height:1.4; margin:5px 0 0; }
#b02EntryDialog { width:min(440px,calc(100vw - 24px)); max-height:80vh; overflow:auto; border:1px solid var(--border); border-radius:14px; padding:24px; background:var(--bg); color:var(--text); margin:auto; }
#b02EntryDialog::backdrop { background:rgba(15,51,105,.3); }
#b02EntryDialog h2 { font-size:18px; margin:0 0 10px; }
#b02EntryDialog p { font-size:12px; color:var(--muted); line-height:1.6; margin:0 0 14px; }
#b02EntryDialog label { display:block; margin:10px 0; font-size:13px; }
#b02EntryDialog input { display:block; width:100%; box-sizing:border-box; padding:10px; margin:6px 0; border:1px solid var(--border); border-radius:8px; color:var(--text); background:var(--bg); }
#b02EntryDialog button { margin:4px; min-height:44px; border:1px solid var(--border); border-radius:8px; padding:8px 12px; background:var(--accent-bg); color:var(--text); cursor:pointer; }
:root[data-b02-login] body { background:var(--b02-pale); color:var(--b02-ink); min-height:100dvh; height:auto; padding:16px; }
:root[data-b02-login] .card { background:white; border:1px solid var(--b02-border); width:min(380px,100%); box-shadow:0 10px 32px rgba(23,72,157,.08); }
:root[data-b02-login] .logo { width:220px; height:auto; background:none; box-shadow:none; border-radius:0; }
:root[data-b02-login] .logo img { width:100%; height:auto; display:block; }
:root[data-b02-login] .sub { color:var(--b02-ink); }
:root[data-b02-login] input { background:white; color:var(--b02-ink); border-color:var(--b02-border); }
:root[data-b02-login] button { background:var(--b02-blue); color:white; border-color:var(--b02-blue); min-height:44px; }
@media(max-width:640px) { #b02BrandLockup { margin-bottom:4px; } #b02BrandLockup img { width:92px; } .b02-demo-bar p { font-size:10px; } #b02EntryButtons button { min-height:44px; padding:6px 10px; } #b02EntryDialog { padding:18px; } }