/* The signed-in app in the homepage's look: cream page, floating glass top bar with the
   navigation inside it, large tight lowercase headlines, white rounded cards, orange pill
   buttons. Loaded last on every workspace page. */
body.hw-theme.ml-workspace{
 --ml-cream:#fffcf5;--ml-paper:#fffefa;--ml-ink:#101727;--ml-muted:#596174;--ml-line:#eee5d7;--ml-orange:#e9461c;--ml-purple:#6832bf;
 --ml-bar-top:12px;--ml-bar-inset:28px;--ml-bar-h:54px;--hw-header-height:78px;--hw-nav-width:0px;
 background:var(--ml-cream)!important;color:var(--ml-ink);font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important
}
html:has(body.hw-theme.ml-workspace){background:#fffcf5}

/* ── Floating glass top bar ─────────────────────────────────────────────────────────── */
html:not(.hw-embedded) body.hw-theme.ml-workspace header.ml-workspace-topbar{
 position:fixed!important;inset:var(--ml-bar-top) var(--ml-bar-inset) auto!important;width:auto!important;
 height:var(--ml-bar-h)!important;min-height:var(--ml-bar-h)!important;padding:0 10px 0 22px!important;
 border:1px solid rgba(211,196,180,.45)!important;border-radius:999px!important;
 background:rgba(255,250,244,.74)!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);
 box-shadow:0 8px 28px rgba(100,65,39,.07),inset 0 1px 0 #ffffffa0!important;z-index:1400!important
}
body.hw-theme.ml-workspace .ml-workspace-topbar .ml-supplied-full{width:150px!important;height:auto!important}
body.hw-theme.ml-workspace .ml-workspace-topbar .ml-workspace-label{display:none!important}
body.hw-theme.ml-workspace .ml-workspace-topbar .hw-account-button{background:#fffefa!important;border:1px solid #e9dfd2!important;border-radius:999px!important;box-shadow:none!important}

/* Navigation: a row of pills inside the bar (no sidebar). */
html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-fixed-navigation{
 position:fixed!important;top:calc(var(--ml-bar-top) + 7px)!important;left:0!important;right:0!important;bottom:auto!important;
 margin:0 auto!important;width:max-content!important;max-width:calc(100% - 520px);height:40px!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;gap:2px!important;padding:3px!important;
 background:rgba(240,231,219,.55)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;
 overflow:visible!important;z-index:1500!important
}
body.hw-theme.ml-workspace .hw-fixed-navigation>a{
 flex-direction:row!important;min-height:34px!important;height:34px;padding:0 14px!important;margin:0!important;gap:7px!important;
 border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;
 color:#3b4452!important;font:600 13px/1 Inter,system-ui,sans-serif!important;letter-spacing:-.005em;white-space:nowrap
}
body.hw-theme.ml-workspace .hw-fixed-navigation>a:hover{background:rgba(255,255,255,.7)!important;color:var(--ml-ink)!important}
body.hw-theme.ml-workspace .hw-fixed-navigation>a:is(.active,[aria-current="page"]){background:#fffefa!important;color:var(--ml-ink)!important;box-shadow:0 1px 2px rgba(60,40,20,.08),0 4px 12px rgba(60,40,20,.06)!important}
body.hw-theme.ml-workspace .hw-fixed-navigation>a:before{display:none!important}
body.hw-theme.ml-workspace .hw-fixed-navigation .hw-nav-object{width:20px!important;height:20px!important;flex:0 0 20px!important}
body.hw-theme.ml-workspace .hw-fixed-navigation :is(.hw-nav-art,.sb-user-mobile,.sb-spacer,.sb-divider){display:none!important}
/* Short labels so the bar fits comfortably. */
body.hw-theme.ml-workspace .hw-fixed-navigation>a>span{font-size:0!important}
body.hw-theme.ml-workspace .hw-fixed-navigation>a>span::after{font:inherit;font-size:13px}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="admin.html"]>span::after{content:"Dashboard"}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="form.html"]>span::after{content:"Send"}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="analytics.html"]>span::after{content:"Reports"}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="toolbox.html"]>span::after{content:"AI tools"}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="recipients.html"]>span::after{content:"Recipients"}
body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="feedback.html"]>span::after{content:"Feedback"}
/* © and version: a quiet line at the end of every page, like the homepage footer. */
body.hw-theme.ml-workspace .hw-workspace-content>.ml-app-legal{display:block!important;margin:8px auto 26px;padding:0 24px;text-align:center;font:500 12px/1.4 Inter,system-ui,sans-serif;color:#8a8f99}
body.hw-theme.ml-workspace .ml-app-legal [data-ml-version]:not([hidden])::before{content:"· "}

/* Content sits under the bar, centred at a comfortable width. */
html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-workspace-content{margin-left:0!important;padding-top:84px!important}
html.hw-embedded body.hw-theme.ml-workspace .hw-workspace-content{padding-top:6px!important}
body.hw-theme.ml-workspace .hw-workspace-frame{left:0!important;width:100%!important;top:78px!important;height:calc(calc(100dvh / var(--ml-z,1)) - 78px)!important;background:#fffcf5!important}
body.hw-theme.ml-workspace .hw-workspace-content>main{max-width:1200px!important;padding-left:24px!important;padding-right:24px!important}

/* ── Headlines like the homepage ────────────────────────────────────────────────────── */
body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro){
 background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;
 min-height:0!important;padding:18px 220px 22px 2px!important;margin:0 0 18px!important;position:relative
}
body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro) h1{
 font-size:clamp(34px,3vw,52px)!important;font-weight:850!important;letter-spacing:-.055em!important;line-height:.98!important;color:var(--ml-ink)!important;text-wrap:balance
}
body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro) p{font-size:15px!important;line-height:1.5!important;color:var(--ml-muted)!important;margin-top:10px!important;max-width:620px}
body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading):after{width:190px!important;height:118px!important;right:0!important;bottom:6px!important;border-radius:22px!important;mix-blend-mode:multiply}
body.hw-theme.ml-workspace .hw-workspace-content .hw-page-intro .hw-illustration{position:absolute;right:0;bottom:6px;width:190px;height:118px;border-radius:22px}

/* ── Cards ─────────────────────────────────────────────────────────────────────────── */
body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi,.panel,.block,.ml-card,.profile-card,.feedback-card){
 background:var(--ml-paper)!important;border:1px solid var(--ml-line)!important;border-radius:22px!important;
 box-shadow:0 1px 2px rgba(80,55,30,.04),0 12px 32px rgba(100,65,39,.05)!important;border-top-width:1px!important
}
body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi,.ml-card.metric):before{display:none!important}
body.hw-theme.ml-workspace .hw-workspace-content .kpi{padding:18px!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi-value,.metric-value){font-size:30px!important;font-weight:850!important;letter-spacing:-.04em!important;color:var(--ml-ink)!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi-label,.metric-label){font-size:12px!important;font-weight:600!important;color:var(--ml-muted)!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.panel-head,.card-head,.output-head){background:transparent!important;border-bottom:1px solid var(--ml-line)!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.panel-head h2,.panel-head h3,.card-head h2,.card-head h3,.block h2,.block h3){font-size:18px!important;font-weight:800!important;letter-spacing:-.025em!important;color:var(--ml-ink)!important}
body.hw-theme.ml-workspace .hw-workspace-content .panel{overflow:hidden}

/* Tabs as a quiet segmented control. */
body.hw-theme.ml-workspace .hw-workspace-content .doc-tabs{gap:4px!important;padding:12px 16px 0!important;border:0!important;background:transparent!important}
body.hw-theme.ml-workspace .hw-workspace-content .doc-tab{border:0!important;border-radius:999px!important;padding:8px 14px!important;font:600 13px/1 Inter,system-ui,sans-serif!important;color:#4a5262!important;background:transparent!important;box-shadow:none!important}
body.hw-theme.ml-workspace .hw-workspace-content .doc-tab.active{background:var(--ml-ink)!important;color:#fff!important}
body.hw-theme.ml-workspace .hw-workspace-content .doc-tab:after{display:none!important}

/* ── Buttons and fields ─────────────────────────────────────────────────────────────── */
body.hw-theme.ml-workspace .hw-workspace-content :is(.btn,.ml-btn,.btn-add,.btn-save,.btn-use,.btn-delete):not(.action-kebab):not(.sm){border-radius:999px!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.btn,.ml-btn){background:#fffefa;border:1px solid #e4d9cb!important;color:#253039!important;font-weight:600!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(.btn.primary,.btn-primary,.ml-btn.primary,.send-btn,#sendBtn,.btn-save,.submit-btn):not(.sent-state){
 background:var(--ml-orange)!important;border:1px solid #ed542b!important;color:#fff!important;border-radius:999px!important;font-weight:650!important;box-shadow:inset 0 1px 0 #ffffff2b!important
}
body.hw-theme.ml-workspace .hw-workspace-content :is(.btn.primary,.btn-primary,.ml-btn.primary,.send-btn,#sendBtn,.btn-save,.submit-btn):not(.sent-state):hover{background:#d93d15!important}
body.hw-theme.ml-workspace .hw-workspace-content .btn.sm{border-radius:12px!important}
body.hw-theme.ml-workspace .hw-workspace-content :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){
 border:1px solid #e4d9cb!important;border-radius:12px!important;background:#fffefa!important;color:var(--ml-ink)!important
}
body.hw-theme.ml-workspace .hw-workspace-content :is(input,select,textarea):focus{border-color:#c9b8a4!important;box-shadow:0 0 0 4px rgba(233,70,28,.08)!important;outline:none!important}
body.hw-theme.ml-workspace .hw-workspace-content thead th{background:transparent!important;color:#7a808c!important;letter-spacing:.06em!important}
body.hw-theme.ml-workspace .hw-workspace-content tbody tr:hover{background:#fbf6ee!important}

/* ── Medium screens: the bar keeps everything on one line. ─────────────────────────── */
@media(max-width:1280px) and (min-width:761px){
 html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-fixed-navigation{max-width:calc(100% - 400px)}
 body.hw-theme.ml-workspace .hw-fixed-navigation>a{padding:0 10px!important}
 body.hw-theme.ml-workspace .hw-fixed-navigation .hw-nav-object{display:none!important}
 body.hw-theme.ml-workspace .ml-workspace-topbar .ml-supplied-full{width:122px!important}
 body.hw-theme.ml-workspace .ml-workspace-topbar .hw-account-name{display:none!important}
}

/* ── Phones: glass bar on top, a floating tab bar at the bottom. ───────────────────── */
@media(max-width:760px){
 body.hw-theme.ml-workspace{--ml-bar-top:10px;--ml-bar-inset:10px;--ml-bar-h:52px}
 html:not(.hw-embedded) body.hw-theme.ml-workspace header.ml-workspace-topbar{padding:0 6px 0 16px!important}
 body.hw-theme.ml-workspace .ml-workspace-topbar .ml-supplied-full{width:118px!important}
 html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-fixed-navigation{
  top:auto!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;left:10px!important;right:10px!important;
  width:auto!important;max-width:none!important;height:62px!important;margin:0!important;padding:5px!important;
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:52px!important;grid-auto-rows:0!important;gap:2px!important;
  border-radius:22px!important;border:1px solid rgba(211,196,180,.45)!important;
  background:rgba(255,250,244,.86)!important;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);
  box-shadow:0 10px 30px rgba(100,65,39,.12)!important;overflow:hidden!important
 }
 body.hw-theme.ml-workspace .hw-fixed-navigation>a{flex-direction:column!important;justify-content:center!important;height:52px;min-height:52px!important;padding:2px!important;gap:3px!important;border-radius:16px!important;min-width:0}
 body.hw-theme.ml-workspace .hw-fixed-navigation .hw-nav-object{display:block!important;width:22px!important;height:22px!important}
 body.hw-theme.ml-workspace .hw-fixed-navigation>a>span::after{font-size:10px!important;font-weight:600}
 body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="admin.html"]>span::after{content:"Home"}
 body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="toolbox.html"]>span::after{content:"AI"}
 body.hw-theme.ml-workspace .hw-fixed-navigation>a[href="recipients.html"]>span::after{content:"People"}
  html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-workspace-content{padding-top:72px!important;padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}
 body.hw-theme.ml-workspace .hw-workspace-frame{top:72px!important;height:calc(100dvh - 72px)!important}
 html.hw-embedded body.hw-theme.ml-workspace .hw-workspace-content{padding-bottom:96px!important}
 body.hw-theme.ml-workspace .hw-workspace-content>main{padding-left:14px!important;padding-right:14px!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro){padding:6px 92px 10px 2px!important;margin-bottom:12px!important;min-height:72px!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro) h1{font-size:28px!important;overflow-wrap:normal!important;word-break:normal!important;hyphens:none!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading,.hw-page-intro) p{font-size:13px!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.page-heading,.ml-page-banner,.heading):after,body.hw-theme.ml-workspace .hw-workspace-content .hw-page-intro .hw-illustration{width:82px!important;height:62px!important;border-radius:14px!important;top:6px!important;bottom:auto!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi,.panel,.block,.ml-card,.profile-card,.feedback-card){border-radius:18px!important}
 body.hw-theme.ml-workspace .hw-workspace-content .kpi{padding:14px!important}
 body.hw-theme.ml-workspace .hw-workspace-content :is(.kpi-value,.metric-value){font-size:24px!important}
 body.hw-theme.ml-workspace .hw-uat-label{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}

/* ── Menu motion (assets/nav-motion.js) ───────────────────────────────────────────── */
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>.ml-nav-pill{
 position:absolute;left:0;top:0;width:0;height:0;border-radius:999px;background:#fffefa;opacity:0;pointer-events:none;z-index:0;
 box-shadow:0 1px 2px rgba(60,40,20,.08),0 6px 16px rgba(60,40,20,.08);
 transition:transform .5s cubic-bezier(.3,1.32,.45,1),width .5s cubic-bezier(.3,1.32,.45,1),height .3s ease,opacity .2s ease;will-change:transform,width
}
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a{position:relative;z-index:1;transition:color .25s ease,transform .18s ease!important}
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a:is(.active,[aria-current="page"],.ml-nav-on){background:transparent!important;box-shadow:none!important}
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a.ml-nav-on{color:var(--ml-ink)!important}
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a:hover:not(.ml-nav-on){background:rgba(255,255,255,.45)!important}
body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a:active{transform:scale(.95)}
body.hw-theme.ml-workspace .hw-fixed-navigation>a.ml-nav-hop .hw-nav-object{animation:mlNavHop .55s cubic-bezier(.3,1.5,.5,1)}
@keyframes mlNavHop{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-4px) scale(1.12) rotate(-6deg)}70%{transform:translateY(1px) scale(.98)}100%{transform:none}}
body.hw-theme.ml-workspace .ml-enter{animation:mlEnter .48s cubic-bezier(.2,.8,.2,1) both}
@keyframes mlEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){
 body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>.ml-nav-pill{border-radius:16px;background:#f1eafc;box-shadow:none}
 body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>a.ml-nav-on{color:#5b2bb5!important}
}
@media(prefers-reduced-motion:reduce){
 body.hw-theme.ml-workspace .hw-fixed-navigation.ml-nav-glide>.ml-nav-pill{transition:none}
 body.hw-theme.ml-workspace .ml-enter,body.hw-theme.ml-workspace .hw-fixed-navigation>a.ml-nav-hop .hw-nav-object{animation:none}
}
/* Pages opened inside the workspace never draw their own menu. */
html.hw-embedded body.hw-theme.ml-workspace .hw-fixed-navigation{display:none!important}
/* A row whose status just changed glows softly for a moment. */
body.hw-theme .hw-workspace-content tbody tr.ml-row-flash{animation:mlRowFlash 2.4s ease-out}
@keyframes mlRowFlash{0%,25%{background:#fff1d6}100%{background:transparent}}
/* Send button turns green once the email has gone. */
body.hw-theme.ml-workspace .hw-workspace-content #sendBtn.sent-state,body.hw-theme.hw-form #sendForm>#sendBtn.sent-state:disabled,body.hw-theme.hw-form #sendForm>#sendBtn.sent-state{background:#16a34a!important;border-color:#15803d!important;color:#fff!important;opacity:1!important;cursor:default;animation:mlSentPop .5s cubic-bezier(.3,1.5,.5,1)}
body.hw-theme.ml-workspace .hw-workspace-content #sendBtn.sent-state i{animation:mlSentTick .45s .08s cubic-bezier(.3,1.6,.5,1) both}
@keyframes mlSentPop{0%{transform:scale(.96)}60%{transform:scale(1.04)}100%{transform:none}}
@keyframes mlSentTick{from{transform:scale(0) rotate(-30deg)}to{transform:none}}
@media(prefers-reduced-motion:reduce){body.hw-theme.ml-workspace .hw-workspace-content #sendBtn.sent-state,body.hw-theme.ml-workspace .hw-workspace-content #sendBtn.sent-state i{animation:none}}
body.hw-theme .ml-optional{font-weight:500;color:#8a8f99;font-size:.92em}

/* No visible scroll bars anywhere in the app (scrolling still works), like the homepage. */
html:has(body.hw-theme.ml-workspace),body.hw-theme.ml-workspace,body.hw-theme.ml-workspace *{scrollbar-width:none}
html:has(body.hw-theme.ml-workspace)::-webkit-scrollbar,body.hw-theme.ml-workspace::-webkit-scrollbar,body.hw-theme.ml-workspace *::-webkit-scrollbar{display:none;width:0;height:0}
/* While another page is open inside the workspace, the page behind it does not scroll. */
html.hw-frame-visible,html.hw-frame-visible body{overflow:hidden!important}
/* Pages are exactly one screen tall when their content is short: no stray scrolling, with the
   © line resting at the bottom (the space under the top bar is part of the screen height). */
body.hw-theme.ml-workspace .hw-workspace-content{box-sizing:border-box!important;min-height:100vh!important}
html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-workspace-content>main{min-height:calc(100vh - 84px - 52px)!important}
html.hw-embedded body.hw-theme.ml-workspace .hw-workspace-content>main{min-height:calc(100vh - 6px - 52px)!important}
body.hw-theme.ml-workspace .hw-workspace-content>main :is(.admin-main,.ml-main){min-height:0!important}
@media(max-width:760px){
 html:not(.hw-embedded) body.hw-theme.ml-workspace .hw-workspace-content>main{min-height:calc(100vh - 72px - 88px - 52px)!important}
 html.hw-embedded body.hw-theme.ml-workspace .hw-workspace-content>main{min-height:calc(100vh - 96px - 52px)!important}
}