/* Scoped styles only. Do not change existing product/auth/form styles globally. */
[data-manchal-shell], .mb-join {font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Tamil",Arial,sans-serif;color:#191c1b;box-sizing:border-box}
[data-manchal-shell] *, .mb-join * {box-sizing:border-box}
[data-manchal-shell] [hidden] {display:none!important}
.mb-shell {background:#fff;border-bottom:1px solid #e5e7e4;padding:12px 18px}
.mb-brand-row {display:flex;align-items:center;justify-content:space-between;gap:10px}
.mb-brand {display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0}
.mb-brand img {display:block;width:56px;height:54px;object-fit:contain;flex:none}
.mb-brand b {display:block;font-size:17px;line-height:1.5;font-weight:800}
.mb-brand small {display:block;font-size:13px;font-weight:650;letter-spacing:.01em}
.mb-language-slot {flex:none}.mb-language-slot select {min-height:44px;max-width:110px;border:1px solid #d4d8d4;border-radius:10px;padding:0 8px;color:#222;background:#fff;font:inherit;font-size:14px}
.mb-nav {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.mb-nav a {display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 11px;border:1px solid #e3e6e1;border-radius:10px;text-decoration:none;color:#29312d;font-size:14px;font-weight:700;background:white}
.mb-nav a[aria-current="page"] {background:#f2f4f0;border-color:#d8ded3}
.mb-nav a.mb-add {background:#ffd524;color:#1d210e;border-color:#ffd524}
.mb-nav a[data-mb-admin] {background:#182c26;color:#fff;border-color:#182c26}
.mb-shell svg,.mb-join svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mb-count {display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:20px;background:#ffd524;color:#18251e;font-size:12px}
.mb-shell a:focus-visible,.mb-join a:focus-visible {outline:3px solid #215ace;outline-offset:3px}
.mb-join {background:linear-gradient(115deg,#fff9db,#fffdf5);border:1px solid #eee1a5;border-radius:20px;margin:18px;padding:25px 22px}
.mb-eyebrow {font-size:11px;font-weight:800;letter-spacing:.13em;color:#726523}
.mb-join h1 {margin:10px 0 12px;font-size:clamp(27px,5vw,37px);font-weight:800;line-height:1.18;letter-spacing:-.035em;max-width:580px}
.mb-join p {font-size:15px;line-height:1.7;color:#4a5248;margin:0 0 20px;max-width:600px}
.mb-join-actions {display:flex;flex-wrap:wrap;gap:9px;align-items:center}
.mb-primary,.mb-secondary {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;padding:12px 16px;border-radius:11px;text-decoration:none;font-size:15px;font-weight:750}
.mb-primary {background:#ffd524;border:1px solid #efc720;color:#172313}
.mb-secondary {background:#fff;border:1px solid #dddccb;color:#283c33}
.mb-join small {display:block;margin-top:15px;font-size:13px;color:#5a6056;line-height:1.5}
@media(max-width:380px) {.mb-shell{padding:10px 12px}.mb-brand img{width:48px;height:46px}.mb-brand{gap:7px}.mb-brand b{font-size:14px}.mb-brand small{font-size:11px}.mb-language-slot select{max-width:85px;font-size:12px}.mb-nav{gap:6px}.mb-nav a{font-size:13px;padding:9px}.mb-join{margin:12px;padding:21px 17px}}