/* MenuBaar Business Studio: presentation only, all existing form IDs and APIs preserved */
#dashboard{max-width:1320px;padding-top:34px;padding-bottom:95px;color:#182e24}
#dashboard .dashTopline{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2.1px;font-weight:900;color:#56846a;margin-bottom:20px}
#dashboard .dashLiveDot{width:9px;height:9px;border-radius:50%;background:#2fb97b;box-shadow:0 0 0 5px #d8f4e3}
#dashboard .dashToplineRight{margin-left:auto;color:#a0b5a6}
#dashboard .dashHead{align-items:center;margin-bottom:25px}
#dashboard .dashHead h2{font-size:clamp(34px,3.7vw,56px);letter-spacing:-2.7px;line-height:1.1;margin:8px 0 13px}
#dashboard .dashHead>div>p{font-size:15px;color:#789084}
#dashboard .dashHead #logoutBtn{border-radius:12px}
#dashboard .dashIntro{position:relative;display:grid;grid-template-columns:1.15fr .85fr;min-height:280px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 83% 45%,#4c9468 0%,transparent 34%),linear-gradient(120deg,#123b2a,#1d6141);color:#fff;margin:20px 0 22px}
#dashboard .dashIntroCopy{padding:40px 46px;position:relative;z-index:2}
#dashboard .dashIntroTag{font-size:10px;letter-spacing:2px;color:#b6e7c4;font-weight:800}
#dashboard .dashIntro h3{font-size:clamp(31px,3.3vw,48px);letter-spacing:-1.8px;line-height:1.1;margin:17px 0 10px;color:#fff}
#dashboard .dashIntro h3 em{font-style:normal;color:#b5edb9}
#dashboard .dashIntro p{color:#c3e0cd;font-size:14px;line-height:1.7;max-width:540px}
#dashboard .dashQuickLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
#dashboard .dashQuickLinks a{display:inline-block;text-decoration:none;border:1px solid #ffffff4a;color:white;border-radius:99px;padding:9px 14px;font-size:11px;font-weight:800;transition:background .2s,transform .2s}
#dashboard .dashQuickLinks a:hover{background:#ffffff2b;transform:translateY(-2px)}
#dashboard .dashIntroArt{position:relative;min-height:245px;display:grid;place-items:center}
#dashboard .dashArtOrbit{position:absolute;width:330px;height:330px;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 55px #ffffff0c,0 0 0 110px #ffffff08;animation:mbStudioOrbit 18s ease-in-out infinite alternate}
#dashboard .dashArtCard{width:235px;min-height:195px;display:flex;flex-direction:column;justify-content:space-between;position:relative;padding:25px;background:#eaf5e6;color:#17432d;border-radius:17px;box-shadow:0 25px 55px #071d183a;transform:rotate(9deg);animation:mbStudioFloat 6s ease-in-out infinite}
#dashboard .dashArtCard>span{font-size:13px;font-weight:900}
#dashboard .dashArtCard strong{font-size:26px;letter-spacing:-1.5px;line-height:1}
#dashboard .dashArtCard small{font-size:9px;letter-spacing:1.2px;color:#6a9578}
#dashboard .dashSectionNav{display:flex;gap:8px;overflow-x:auto;padding:12px;background:#e9f2e9;border:1px solid #dce9de;border-radius:17px;margin:0 0 25px;scrollbar-width:thin}
#dashboard .dashSectionNav a{white-space:nowrap;text-decoration:none;background:#fff;border:1px solid #e0e9df;color:#3a6a50;padding:11px 16px;border-radius:11px;font-size:12px;font-weight:800;transition:background .2s,transform .2s}
#dashboard .dashSectionNav a:hover{background:#d7f0dd;transform:translateY(-2px)}
#dashboard [id^="dashBusiness"],#dashboard [id^="dashCatalogue"],#dashboard [id^="dashQR"],#dashboard [id^="dashAppointments"],#dashboard [id^="dashCRM"],#dashboard [id^="dashThemes"],#dashboard [id^="dashInsights"]{scroll-margin-top:125px}
#dashboard .dashLayout{gap:24px;align-items:start}
#dashboard .editor,#dashboard .previewPanel{border:1px solid #e2ebe3;box-shadow:0 12px 35px #173b2510;border-radius:22px;background:#fff}
#dashboard .editor{padding:34px}
#dashboard .editor>h3,#dashboard .advancedPanel h3{font-size:21px;letter-spacing:-.55px;line-height:1.3;margin-top:36px;margin-bottom:19px}
#dashboard .editor>h3:first-child{margin-top:0}
#dashboard .dashHeadingIcon{float:right;color:#9ebba6;font-size:11px;letter-spacing:1px;border:1px solid #dce9df;border-radius:8px;padding:6px 9px}
#dashboard .editor label{font-size:13px;font-weight:750;color:#355a43}
#dashboard .editor input:not([type=color]):not([type=file]),#dashboard .editor select,#dashboard .editor textarea{border:1px solid #dce8df;background:#fbfdfa;border-radius:11px;transition:border-color .2s,box-shadow .2s}
#dashboard .editor input:focus,#dashboard .editor textarea:focus,#dashboard .editor select:focus{outline:none;border-color:#4da976;box-shadow:0 0 0 3px #4da97620}
#dashboard .editor button{border-radius:11px;transition:transform .2s,box-shadow .2s}
#dashboard .editor button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #143c2614}
#dashboard .editor .advancedPanel{border-radius:17px;border-color:#e4eee6;background:#fbfdfa;padding:24px}
#dashboard .editor .advancedPanel .advancedPanel{background:white}
#dashboard .previewPanel{position:sticky;top:105px;padding:30px}
#dashboard .previewPanel>.eyebrow{color:#488565;font-size:11px;letter-spacing:2px}
#dashboard #publicLink{display:block;overflow-wrap:anywhere;font-size:13px;text-align:center;background:#f3f8f3;border-radius:10px;padding:12px;margin:16px 0 12px}
#dashboard #qr{background:#f1f8f1;border-radius:17px;padding:20px;display:grid;place-items:center}
#dashboard #qr img{max-width:100%;height:auto}
#dashboard .qrButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:16px 0}
#dashboard .previewPanel .tip{border-radius:12px}
#dashboard .actions{border-top:1px solid #e7efe8;padding-top:25px;margin-top:30px}
#dashboard .actions .primary{padding:15px 27px;box-shadow:0 9px 20px #1d684021}
@keyframes mbStudioFloat{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-12px) rotate(5deg)}}
@keyframes mbStudioOrbit{to{transform:rotate(30deg) scale(1.08)}}
@media(max-width:1000px){#dashboard .dashIntro{grid-template-columns:1.3fr .7fr}#dashboard .dashIntroCopy{padding:32px}#dashboard .dashArtCard{width:190px;min-height:170px}#dashboard .dashArtCard strong{font-size:22px}#dashboard .editor{padding:24px}#dashboard .previewPanel{padding:20px}}
@media(max-width:800px){#dashboard .dashIntro{grid-template-columns:1fr}#dashboard .dashIntroArt{display:none}#dashboard .dashLayout{grid-template-columns:1fr}#dashboard .previewPanel{position:static}#dashboard .dashSectionNav{position:relative}#dashboard .dashHead h2{letter-spacing:-1.5px}}
@media(max-width:560px){#dashboard{padding-top:22px}#dashboard .dashToplineRight{display:none}#dashboard .dashHead{gap:10px;align-items:flex-start}#dashboard .dashHead h2{font-size:31px}#dashboard .dashIntroCopy{padding:28px 22px}#dashboard .dashIntro h3{font-size:34px}#dashboard .dashQuickLinks a{font-size:10px}#dashboard .editor{padding:18px}#dashboard .editor .advancedPanel{padding:14px}#dashboard .dashSectionNav{margin-left:-8px;margin-right:-8px}}
@media(prefers-reduced-motion:reduce){#dashboard .dashArtCard,#dashboard .dashArtOrbit{animation:none!important}#dashboard .dashQuickLinks a,#dashboard .dashSectionNav a{transition:none!important}}