#myria-member-bar,#myria-member-dialog { font-family: -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; color:#193b2c; box-sizing:border-box; }
#myria-member-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 28px; background:#d4dfce; border-bottom:1px solid #bfceba; }
#myria-member-bar .myria-lockup { display:flex; align-items:center; gap:13px; text-decoration:none; color:inherit; }
#myria-member-bar img { width:46px; height:46px; }
#myria-member-bar strong { display:block; font-size:19px; line-height:1.5; }
#myria-member-bar small { display:block; font-size:9px; letter-spacing:.13em; color:#667768; }
#myria-member-bar .myria-member-tools { display:flex; align-items:center; gap:18px; }
#myria-member-bar [data-status] { font-size:12px; color:#536c55; }
#myria-member-bar button,#myria-member-dialog button { cursor:pointer; border:1px solid #b8c9b2; border-radius:8px; padding:10px 16px; font:inherit; color:#244c38; background:#eff3e9; }
#myria-member-bar [data-account],#myria-member-dialog [data-submit] { background:#21523d; color:#fff; border-color:#21523d; }
#myria-member-dialog { width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); overflow:auto; border:1px solid #b7cab0; border-radius:20px; padding:32px; background:#fafbf6; box-shadow:0 30px 90px #102e2344; }
#myria-member-dialog::backdrop { background:#0c2c2466; backdrop-filter:blur(4px); }
#myria-member-dialog .myria-close { position:absolute; top:12px; right:12px; border:0; background:none; font-size:24px; padding:3px 10px; }
#myria-member-dialog .myria-dialog-logo { width:46px; height:46px; }
#myria-member-dialog h2 { margin:16px 0 12px; font-size:24px; }
#myria-member-dialog p { font-size:13px; line-height:1.7; color:#60705e; }
#myria-member-dialog .myria-auth-tabs { display:flex; gap:8px; margin:20px 0; }
#myria-member-dialog [aria-pressed=true] { background:#dce8d3; border-color:#729968; }
#myria-member-dialog label { display:block; font-size:13px; margin:16px 0; }
#myria-member-dialog input { display:block; box-sizing:border-box; width:100%; border:1px solid #c9d6c2; border-radius:8px; padding:12px; margin-top:8px; font:inherit; color:#18372a; background:#fff; }
#myria-member-dialog [data-submit] { width:100%; margin-top:6px; }
#myria-member-dialog .myria-browse { display:block; margin:16px auto 0; border:0; background:none; font-size:13px; }
#myria-member-dialog [data-feedback] { color:#8a4d31; }
#myria-member-dialog [hidden] { display:none; }
#myria-member-dialog :focus-visible,#myria-member-bar :focus-visible { outline:2px solid #a67e34; outline-offset:3px; }
#myria-member-dialog button:disabled { opacity:.5; cursor:wait; }
@media(max-width:640px) { #myria-member-bar { padding:12px 16px; gap:10px; flex-wrap:wrap; } #myria-member-bar strong { font-size:16px; } #myria-member-bar small { font-size:7px; } #myria-member-bar [data-status] { display:none; } #myria-member-bar img { width:36px; height:36px; } #myria-member-bar [data-account] { font-size:12px; padding:9px; } }

/* Product identity stays secondary to the shared Myria brand. */
html[data-myria-app] { --accent:#21654c; --brand:#21553e; --brand-600:#163e2d; --primary-800:#234c39; --primary-900:#153c2d; }
html[data-myria-app] .myria-product-name { color:#315d43; font-size:16px; font-weight:600; letter-spacing:.02em; }
#myria-member-bar { min-height:80px; width:100%; height:auto; position:relative; z-index:45; }
html[data-myria-app] #myria-member-dialog { max-width:440px; margin:auto; text-align:left; }
html[data-myria-app] #myria-member-dialog label { color:#244c38; font-weight:500; }