/* Shell for the new-design demo (mindeline-v2.js) and the redesigned sign-in screen. */
body.ml-v2-on{margin:0;background:#F4F6FA}
body.ml-v2-on .app-shell,body.ml-v2-on .demo-banner,body.ml-v2-on #authScreen{display:none!important}
.ml-v2{min-height:100vh;display:flex;flex-direction:column;font-family:Inter,system-ui,sans-serif;color:#192436}
.ml-bar{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 16px;background:#192436;color:#FFFFFF;font-size:14px}
.ml-bar-badge{background:#3FA7A0;color:#0E2A28;font-weight:600;border-radius:999px;padding:3px 10px;font-size:12px}
.ml-bar-note{color:#C9D1DE}
.ml-bar-spacer{flex:1}
.ml-bar-view{display:flex;align-items:center;gap:8px;color:#C9D1DE}
.ml-bar select{height:36px;border-radius:8px;border:1px solid #3A4F6E;background:#FFFFFF;color:#192436;font:500 14px Inter,sans-serif;padding:0 8px}
.ml-bar-btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid #3A4F6E;background:transparent;color:#FFFFFF;font:600 13px Inter,sans-serif;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.ml-bar-btn:hover{background:#2A3A55}
.ml-bar-btn:focus-visible,.ml-bar select:focus-visible{outline:3px solid #3FA7A0;outline-offset:2px}
.ml-bar-btn[hidden]{display:none!important}
.ml-menu-btn{display:none}
@media (max-width:800px){.ml-menu-btn:not([hidden]){display:inline-flex}}
.ml-stage{flex:1}
.ml-stage-phone{display:flex;justify-content:center;padding:32px 16px;background:#E4E9F1}
.ml-stage-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:32px 16px;background:#E4E9F1}
.ml-phone{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%}
.ml-phone .ml-host{width:390px;max-width:100%;border-radius:28px;overflow:hidden;box-shadow:0 18px 48px rgba(25,36,54,.22);border:8px solid #192436;background:#FFFFFF}
.ml-caption{margin:0;font-size:14px;font-weight:600;color:#33425E}
.ml-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:70;background:#192436;color:#FFFFFF;padding:12px 18px;border-radius:12px;font-size:14px;line-height:20px;max-width:min(92vw,520px);box-shadow:0 12px 32px rgba(0,0,0,.25);opacity:0;pointer-events:none;transition:opacity .2s}
.ml-toast.show{opacity:1}
@media (max-width:800px){.ml-bar-note{display:none}.ml-bar{gap:6px 8px;padding:8px 12px}.ml-bar-view-text{display:none}.ml-bar select{max-width:180px}.ml-bar-btn{padding:0 10px}}
@media (max-width:480px){.ml-stage-phone,.ml-stage-gallery{padding:0;background:#FFFFFF}.ml-stage-gallery{gap:0}.ml-phone .ml-host{border:0;border-radius:0;box-shadow:none;width:100%}.ml-caption{padding:16px 16px 6px;align-self:flex-start}}

/* Sign-in (renderAuth in app.js). Same ids and behavior; new layout from design/screens/SignIn.
   Rules start with #authScreen.ml-auth so they win over the older #authScreen rules in dashboard-polish.css. */
#authScreen.ml-auth{position:fixed;inset:0;z-index:30;overflow:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;padding:0;background:#FFFFFF;font-family:Inter,system-ui,sans-serif;color:#192436}
#authScreen.ml-auth .ml-auth-hero{flex:1 1 480px;background:#192436;color:#FFFFFF;padding:56px 64px;box-sizing:border-box;display:flex;flex-direction:column;gap:36px}
#authScreen.ml-auth .ml-auth-logo{display:flex;align-items:center;gap:12px;font-family:Montserrat,Inter,sans-serif;font-weight:600;font-size:24px;line-height:30px;color:#FFFFFF}
#authScreen.ml-auth .ml-auth-hero h1{margin:0;font-family:Montserrat,Inter,sans-serif;font-weight:600;font-size:40px;line-height:50px;max-width:520px;color:#FFFFFF}
#authScreen.ml-auth .ml-auth-points{display:flex;flex-direction:column;gap:20px;max-width:520px;margin:0;padding:0;list-style:none}
#authScreen.ml-auth .ml-auth-points li{display:flex;gap:14px;align-items:flex-start;font-size:17px;line-height:25px;color:#E4E9F1}
#authScreen.ml-auth .ml-auth-points span{flex:none;width:36px;height:36px;border-radius:10px;background:#2A3A55;color:#A8D5D1;display:inline-flex;align-items:center;justify-content:center}
#authScreen.ml-auth .ml-auth-side{flex:1 1 480px;padding:56px 64px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}
#authScreen.ml-auth .ml-auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:16px}
#authScreen.ml-auth .ml-auth-card h2{margin:0;font-family:Montserrat,Inter,sans-serif;font-weight:600;font-size:28px;line-height:36px;color:#192436}
#authScreen.ml-auth .ml-auth-card>p{margin:0;font-size:16px;line-height:24px;color:#5B6475}
#authScreen.ml-auth .auth-tabs{display:flex;gap:6px;border:0;margin:0;padding:0}
#authScreen.ml-auth .auth-tab{flex:1;height:44px;border-radius:10px;border:1px solid #C9D1DE;background:#FFFFFF;color:#192436;font:600 15px/20px Inter,sans-serif;cursor:pointer;padding:0}
#authScreen.ml-auth .auth-tab.active{background:#192436;border-color:#192436;color:#FFFFFF}
#authScreen.ml-auth form{display:flex;flex-direction:column;gap:14px;margin:0}
#authScreen.ml-auth label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:14px;line-height:20px;font-weight:600;color:#192436}
#authScreen.ml-auth input{width:100%;height:52px;box-sizing:border-box;border:1px solid #7E8798;border-radius:10px;padding:0 14px;font:400 16px/20px Inter,sans-serif;color:#192436;background:#FFFFFF}
#authScreen.ml-auth input:focus-visible,#authScreen.ml-auth button:focus-visible,#authScreen.ml-auth a:focus-visible{outline:3px solid #3FA7A0;outline-offset:2px}
#authScreen.ml-auth .ml-auth-primary{height:52px;border-radius:10px;border:0;background:#237873;color:#FFFFFF;font:600 16px/20px Inter,sans-serif;cursor:pointer}
#authScreen.ml-auth .ml-auth-primary:disabled{opacity:.7;cursor:progress}
#authScreen.ml-auth .ml-auth-secondary{height:48px;border-radius:10px;border:1px solid #C9D1DE;background:#FFFFFF;color:#192436;font:600 15px/20px Inter,sans-serif;cursor:pointer}
#authScreen.ml-auth .auth-message{margin:0;background:#FDF0E2;color:#6B3A0B;border-radius:10px;padding:12px 14px;font-size:14px;line-height:21px}
#authScreen.ml-auth .auth-message[hidden]{display:none}
#authScreen.ml-auth .invite-instructions{margin:0;background:#F5FAFA;border:1px solid #D5ECEA;border-radius:12px;padding:16px}
#authScreen.ml-auth .invite-instructions[hidden]{display:none}
#authScreen.ml-auth .invite-instructions h3{margin:0 0 6px;font-family:Inter,sans-serif;font-size:16px;line-height:24px;font-weight:600;color:#192436}
#authScreen.ml-auth .invite-instructions p{margin:0 0 6px;font-size:15px;line-height:22px;color:#33425E}
#authScreen.ml-auth .ml-auth-divider{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;color:#5B6475}
#authScreen.ml-auth .ml-auth-divider::before,#authScreen.ml-auth .ml-auth-divider::after{content:"";flex:1;height:1px;background:#E4E9F1}
#authScreen.ml-auth .ml-auth-demos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#authScreen.ml-auth .ml-auth-demos a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 10px;border-radius:10px;border:1px solid #C9D1DE;color:#1B605C;font-size:14px;line-height:20px;font-weight:600;text-decoration:none;text-align:center;background:#FFFFFF}
#authScreen.ml-auth .ml-auth-demos a:hover{border-color:#237873;background:#F5FAFA}
#authScreen.ml-auth .ml-auth-note{margin:0;font-size:13px;line-height:19px;color:#5B6475;text-align:center}
@media (max-width:800px){#authScreen.ml-auth .ml-auth-hero{padding:32px 24px;gap:22px}#authScreen.ml-auth .ml-auth-hero h1{font-size:28px;line-height:36px}#authScreen.ml-auth .ml-auth-points li{font-size:15px;line-height:22px}#authScreen.ml-auth .ml-auth-side{padding:32px 16px 48px}}