/* Melon Identity v8. Shared brand, scoped to each working surface. */
html.melon-identity{--mi-lime:#d7ff71;--mi-bg:#0c120b;--mi-card:#141d10;--mi-soft:#aebaa1;--mi-line:#c6dd9e29;--mi-ink:#f1f5e9;--mi-font:'Melon Sans',Arial,sans-serif;--mi-display:'Melon Display','Melon Sans',Arial,sans-serif}
.mi-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.melon-identity :focus-visible{outline:2px solid var(--mi-lime);outline-offset:4px}
.melon-identity :is(button,input,select,textarea){font-family:inherit}
.melon-identity ::selection{background:#d7ff7140;color:inherit}
/* Concierge: same palette as the studio, including the WhatsApp option. */
html.melon-identity #dsea-cc{font-family:var(--mi-font);color:var(--mi-ink)}
html.melon-identity #dsea-fab-main{background:var(--mi-lime);box-shadow:0 8px 28px #0005;border:1px solid #e7ffa391;width:56px;height:56px}
html.melon-identity #dsea-fab{width:56px;height:56px}
html.melon-identity #dsea-fab-main:hover{transform:translateY(-3px)}
html.melon-identity #dsea-fab-main svg{stroke:#18220d;width:25px;height:25px}
html.melon-identity #dsea-opt-chat,html.melon-identity #dsea-opt-wa{background:#1d2815;border:1px solid #d7ff7160;box-shadow:0 6px 18px #0004;color:var(--mi-lime)}
html.melon-identity #dsea-opt-chat svg{stroke:var(--mi-lime)}
html.melon-identity #dsea-opt-wa svg{fill:var(--mi-lime)}
html.melon-identity .dsea-lab{background:#151e10;border-color:var(--mi-line);color:var(--mi-ink);font:500 12px/1.4 var(--mi-font);padding:8px 12px;box-shadow:0 6px 18px #0003}
html.melon-identity #dsea-cc-panel{bottom:0;width:370px;max-width:calc(100vw - 32px);height:490px;max-height:calc(100dvh - 170px);background:#0f170d;border:1px solid #d7ff713f;border-radius:22px;box-shadow:0 24px 90px #0009;transform-origin:bottom right}
html.melon-identity #dsea-cc.open #dsea-cc-panel{animation:mi-chat-in .25s ease-out}
html.melon-identity #dsea-cc-head{padding:20px;background:#1b2713;border-bottom:1px solid var(--mi-line);color:var(--mi-ink);gap:12px}
html.melon-identity #dsea-cc-head>span{font:500 19px/1.2 var(--mi-display);letter-spacing:-.025em}
html.melon-identity #dsea-cc-head>span:before{content:'';display:inline-block;width:7px;height:7px;background:var(--mi-lime);border-radius:50%;margin-right:10px}
html.melon-identity #dsea-cc-x{width:36px;height:36px;flex:none;border:1px solid var(--mi-line);border-radius:50%;color:var(--mi-ink);background:#ffffff05}
html.melon-identity #dsea-cc-log{padding:20px;gap:14px}
html.melon-identity .dsea-cc-m{font:400 14px/1.65 var(--mi-font);padding:13px 15px}
html.melon-identity .dsea-cc-bot{background:#1d2816;color:var(--mi-ink)}
html.melon-identity .dsea-cc-me{background:var(--mi-lime);color:#16210d}
html.melon-identity #dsea-cc-form{padding:14px;gap:10px;background:#111b0e;border-color:var(--mi-line)}
html.melon-identity #dsea-cc-in{min-width:0;min-height:48px;font-size:16px;color:var(--mi-ink);background:#0c1309;border-color:var(--mi-line);border-radius:12px}
html.melon-identity #dsea-cc-send{width:48px;flex:none;background:var(--mi-lime);color:#17200d;border-radius:12px}
html.melon-identity #dsea-cc-in::placeholder{color:#aab79d}
html.melon-identity #dsea-cc-in:focus{outline:2px solid #d7ff7190;outline-offset:1px}
@keyframes mi-chat-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
/* Journal, archives, search and long-form content. */
.melon-identity .mi-journal-hero{padding:64px 0 35px;background:transparent;border:0}
.mi-journal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:40px;border-bottom:1px solid var(--mi-line)}
.mi-journal-top a{font:600 20px/1 var(--mi-display);letter-spacing:-.04em}
.mi-journal-top span{font:500 10px/1.6 var(--mi-font);letter-spacing:.16em;color:var(--mi-soft)}
.mi-journal-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;padding:58px 0 38px}
.melon-identity .mi-journal-heading .eyebrow{font:500 11px/1.6 var(--mi-font);letter-spacing:.12em;color:var(--mi-soft);text-transform:uppercase}
.melon-identity .mi-journal-heading h1{font:500 clamp(48px,6.5vw,88px)/1.01 var(--mi-display);letter-spacing:-.055em;text-transform:none;margin:19px 0 0;max-width:650px}
.mi-journal-heading h1 span{display:block;color:var(--mi-lime)}
.melon-identity .mi-journal-heading .sub{font:400 16px/1.85 var(--mi-font);color:#b5c0aa;max-width:370px;margin:0 0 4px}
.mi-journal-search{display:flex;align-items:center;gap:15px;padding:8px 8px 8px 20px;max-width:650px;border:1px solid #d7ff7138;border-radius:14px;background:#141d10}
.mi-journal-search svg{width:21px;height:21px;flex:none;color:var(--mi-soft)}
.mi-journal-search input{min-width:0;flex:1;width:100%;height:46px;background:none!important;border:0!important;box-shadow:none!important;color:var(--mi-ink);padding:0!important;font:400 15px var(--mi-font)}
.mi-journal-search input::placeholder{color:#aab799}
.mi-journal-search button{min-height:46px;padding:0 20px;border:0;border-radius:9px;background:var(--mi-lime);color:#1a250e;font-weight:600;cursor:pointer;display:flex;gap:24px;align-items:center}
.melon-identity .blog-chips{display:flex;gap:9px;flex-wrap:wrap;padding:0 0 32px}
.melon-identity .blog-chips a{padding:11px 16px;font:500 12px/1.5 var(--mi-font);background:#151e11;border:1px solid var(--mi-line);color:#c4cfb7;border-radius:30px;min-height:42px}
.melon-identity .blog-chips a.on,.melon-identity .blog-chips a:hover{background:var(--mi-lime);color:#1b270f;border-color:var(--mi-lime)}
.melon-identity .post-grid{gap:26px;align-items:stretch;margin:0 0 38px}
.melon-identity .mi-story-card{display:flex;flex-direction:column;background:#141d10;border:1px solid var(--mi-line);border-radius:18px;overflow:hidden;box-shadow:none;transition:transform .2s,border-color .2s}
.melon-identity .mi-story-card:hover{transform:translateY(-4px);border-color:#d7ff7180;box-shadow:none}
.melon-identity .mi-story-card .thumb{position:relative;display:block;aspect-ratio:1.5;min-height:230px;height:auto;overflow:hidden;background:#263319}
.mi-story-card .thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.mi-story-card:hover .thumb>img{transform:scale(1.035)}
.mi-story-card .thumb:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0d160bb3);pointer-events:none}
.mi-story-card .tcat,.mi-story-card .tmin{z-index:2;background:#10170ce6!important;color:#e7efdb!important;border:1px solid #d7ff7130;font:500 10px/1.5 var(--mi-font);letter-spacing:.02em;backdrop-filter:none!important}
.mi-story-card .mi-type-cover{background:radial-gradient(ellipse at 15% 5%,#63764255,transparent 75%),#24311a!important}
.mi-story-card .g1.mi-type-cover{background:radial-gradient(ellipse at 85% 0,#a88d4f44,transparent 75%),#302c1a!important}
.mi-story-card .g2.mi-type-cover{background:radial-gradient(ellipse at 0 100%,#65887e44,transparent 75%),#1d2d25!important}
.mi-cover-grid{position:absolute;inset:0;background-image:linear-gradient(#d7ff7110 1px,transparent 1px),linear-gradient(90deg,#d7ff7110 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent,#000)}
.mi-cover-word{position:absolute;left:9%;top:26%;right:9%;color:#e4eccf;font:500 clamp(24px,3vw,43px)/1.07 var(--mi-display);letter-spacing:-.045em;max-width:85%;text-wrap:balance}
.mi-cover-word i{display:block;font-style:normal;font-size:45px;color:#d7ff71;line-height:1.2}
.mi-cover-signature{position:absolute;right:22px;top:20px;font:500 9px var(--mi-font);letter-spacing:.15em;color:#d6e3bb}
.melon-identity .mi-story-card .b{padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:14px;flex:1}
.melon-identity .mi-story-card .meta{font:400 11px/1.5 var(--mi-font);color:#a4b392;letter-spacing:.04em}
.melon-identity .mi-story-card h2{font:500 26px/1.2 var(--mi-display);text-transform:none;letter-spacing:-.035em;margin:0}
.melon-identity .mi-story-card .ex{font:400 14px/1.75 var(--mi-font);color:#b1bea2;margin:0}
.melon-identity .mi-story-card .more{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:20px;border-top:1px solid var(--mi-line);margin-top:auto;font:500 12px/1.5 var(--mi-font);color:var(--mi-lime)}
.melon-identity .mi-story-card .more span{font-size:21px}
.melon-identity .grid-featured .mi-story-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1.1fr 1fr}
.melon-identity .grid-featured .mi-story-card:first-child .thumb{height:100%;min-height:360px;aspect-ratio:auto}
.melon-identity .grid-featured .mi-story-card:first-child h2{font-size:clamp(26px,2.7vw,37px)}
.melon-identity .pagination{display:flex;justify-content:center;gap:8px;margin:45px 0 90px}
.melon-identity .pagination .page-numbers{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--mi-line);border-radius:10px;background:#141d10;color:var(--mi-ink)}
.melon-identity .pagination .current{background:var(--mi-lime);color:#18220d}
html[data-melon-surface=public] .single{padding-top:64px}
html[data-melon-surface=public] .single>.wrap.narrow{max-width:850px}
html[data-melon-surface=public] .single h1{font:500 clamp(35px,4.8vw,64px)/1.08 var(--mi-display);letter-spacing:-.045em;text-transform:none}
html[data-melon-surface=public] .content-body{font:400 17px/1.9 var(--mi-font);color:#cbd5c0}
html[data-melon-surface=public] .content-body :is(h2,h3,h4){font-family:var(--mi-display);font-weight:500;text-transform:none;letter-spacing:-.025em;line-height:1.25;color:var(--mi-ink);scroll-margin-top:32px}
html[data-melon-surface=public] .content-body h2{font-size:32px;margin:46px 0 18px}
html[data-melon-surface=public] .content-body :is(p,ul,ol){margin-bottom:24px}
html[data-melon-surface=public] .content-body :is(img,iframe){max-width:100%;border-radius:14px}
html[data-melon-surface=public] .content-body a{color:var(--mi-lime);text-decoration-thickness:1px;text-underline-offset:4px}
html[data-melon-surface=public] .content-body blockquote{padding:25px 30px;border-left:2px solid var(--mi-lime);background:#172110;border-radius:0 14px 14px 0}
.mi-toc{border:1px solid var(--mi-line);border-radius:14px;margin:30px 0;background:#131d0f}
.mi-toc summary{padding:18px 22px;cursor:pointer;font-weight:500;color:var(--mi-ink)}
.mi-toc nav{display:grid;gap:13px;padding:0 22px 24px}
.mi-toc a{font-size:14px;line-height:1.6;color:#c4d2b2}
.mi-read-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--mi-lime);transform-origin:left;transform:scaleX(0);z-index:100000;pointer-events:none}
.melon-identity .blog-hero:not(.mi-journal-hero){padding:70px 0 40px;background:transparent}
.melon-identity .blog-hero:not(.mi-journal-hero) h1{font:500 clamp(32px,4vw,62px)/1.1 var(--mi-display);letter-spacing:-.035em;text-transform:none}
.melon-identity .blog-hero .mi-journal-search{margin-top:30px}
/* Private workspaces: calm surfaces, strong controls, functional density. */
html.melon-workspace{--bg:#0c120b;--bg2:#10180d;--card:#162011;--card2:#1c2915;--panel:#141d10;--accent:#d7ff71;--accent2:#d7ff71;--accent-dim:#607d30;--ink:#f1f5e9;--muted:#adbaa0;--line:#c6dd9e29;--radius:16px;background:var(--bg)}
.melon-workspace body{font-family:var(--mi-font)!important;background:var(--bg)!important;color:var(--ink)!important;line-height:1.6;accent-color:var(--accent)}
.melon-workspace body:before{background:radial-gradient(ellipse at 5% 0,#435e292e,transparent 55%)!important;animation:none!important;filter:none!important;opacity:1!important}
.melon-workspace body:after{display:none!important}
.melon-workspace body[data-theme=light]{--bg:#f1f3e9;--bg2:#e8eedc;--card:#fffef8;--card2:#e6ecd9;--panel:#f9fbee;--ink:#1f2a14;--muted:#56624b;--line:#324d202b;--accent-dim:#6b802c;--mi-line:#324d202b}
.melon-workspace :is(h1,h2,h3,.anton,.pg,.big,.ttl,.brand,.logo,.lg,.auth-logo,.cap-brand,.ev){font-family:var(--mi-display)!important;letter-spacing:-.035em!important;text-transform:none!important;font-weight:500!important}
.melon-workspace :is(button,input,select,textarea){font-family:var(--mi-font)!important}
.melon-workspace :is(.box,.kpi,.card,.drawer,.m-card,.login-card,.hero-card,.proj,.quote,.gtoolbar,.auth-card){background:var(--card)!important;border:1px solid var(--line)!important;box-shadow:0 12px 32px #00000012!important;backdrop-filter:none!important;border-radius:16px}
.melon-workspace :is(.topbar,.sidebar,.cap-top){background:var(--bg2)!important;border-color:var(--line)!important;backdrop-filter:none!important;box-shadow:none!important}
.melon-workspace :is(.btn,.auth-primary,#cBtn,.login-card .btn,.cap-btn.primary){background:var(--accent)!important;color:#17210d!important;border:1px solid transparent!important;box-shadow:none!important;font-weight:600!important;letter-spacing:0!important;min-height:44px;border-radius:10px!important;text-transform:none;transition:filter .2s,transform .2s}
.melon-workspace :is(.btn,.auth-primary,#cBtn):hover{filter:brightness(1.05);transform:translateY(-1px)}
.melon-workspace :is(.btn.ghost,.btn.sec,.btn.secondary,.btn.outline,.btn.soft,.btn.gray,.btn.light){background:transparent!important;border-color:var(--line)!important;color:var(--ink)!important}
.melon-workspace :is(.btn.danger,.btn.red){background:#d15349!important;color:#fff!important}
.melon-workspace :is(button,a).disabled,.melon-workspace button:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}
.melon-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea){background:var(--bg2)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;min-height:44px}
.melon-workspace :is(input,textarea)::placeholder{color:var(--muted)!important;opacity:.8}
.melon-workspace :is(input,select,textarea):focus{border-color:var(--accent)!important;outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent)!important;outline-offset:1px}
.melon-workspace :is(.nav-i,.tab,.ftab){border-radius:10px!important;transition:background .2s,color .2s!important}
.melon-workspace :is(.nav-i.active,.tab.on,.ftab.on){background:var(--card2)!important;color:var(--accent)!important;border-color:color-mix(in srgb,var(--accent) 35%,transparent)!important;box-shadow:inset 3px 0 0 var(--accent)!important}
.melon-workspace body[data-theme=light] :is(.nav-i.active,.tab.on,.ftab.on){color:var(--ink)!important}
.melon-workspace .nav-i{min-height:44px;margin-bottom:3px;font-size:13px}
.melon-workspace .sidebar{padding:24px 16px}
.melon-workspace .sidebar .brand{padding:0 10px 24px;margin:0}
.melon-workspace .sidebar .lbl{color:var(--muted);font-size:10px;letter-spacing:.1em;margin:23px 12px 10px}
.melon-workspace .topbar{min-height:76px;padding-top:15px;padding-bottom:15px}
.melon-workspace .topbar .ttl{font-size:22px}
.melon-workspace .content{padding-top:32px}
.melon-workspace :is(.page-h h2,.pg){font-size:clamp(25px,3vw,35px);line-height:1.16}
.melon-workspace .kpi{position:relative;padding:24px;overflow:hidden}
.melon-workspace .kpi:after{content:'';position:absolute;left:24px;top:0;width:36px;height:2px;background:var(--accent)}
.melon-workspace .kpi :is(.v,.num){font-family:var(--mi-display)!important;font-size:34px;font-weight:500;letter-spacing:-.04em;line-height:1.25}
.melon-workspace .kpi :is(.k,.lbl){font-size:12px;color:var(--muted)}
.melon-workspace :is(.muted,.sub,.tiny){color:var(--muted)}
.melon-workspace :is(.box h3,.card h3){font-size:19px}
.melon-workspace table{border-collapse:collapse;font-variant-numeric:tabular-nums}
.melon-workspace th{background:var(--bg2)!important;color:var(--muted)!important;font:500 11px/1.5 var(--mi-font)!important;letter-spacing:.035em;text-transform:none!important;padding-top:16px;padding-bottom:16px}
.melon-workspace td{border-color:var(--line)!important;padding-top:16px;padding-bottom:16px;font-size:13px}
.melon-workspace tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)!important}
.melon-workspace .pill{font:500 11px/1.5 var(--mi-font);padding:5px 10px;border-radius:7px}
.melon-workspace .pill.ok{background:#d7ff7117;color:var(--accent);border:1px solid #d7ff712e}
.melon-workspace body[data-theme=light] .pill.ok{color:#36521e;background:#d5e9b9}
.melon-workspace :is(.search,.bubble.them,.msg-in){background:var(--bg2)!important;border-color:var(--line)!important}
.melon-workspace :is(.bubble.me,.msg-out){background:#d7ff71!important;color:#18240c!important}
.melon-workspace :is(.m-card,.drawer){border-color:#d7ff7138!important}
.melon-workspace .m-card{max-height:90dvh;overflow:auto}
.melon-workspace #toast{background:var(--card)!important;color:var(--ink)!important;border:1px solid var(--line)!important;border-radius:12px!important;max-width:calc(100vw - 28px);white-space:normal}
.mi-brand-signature{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}
.mi-brand-signature svg{width:36px;height:36px;flex:none;color:var(--accent)}
.mi-brand-signature>span{font:600 31px/.9 var(--mi-display);letter-spacing:-.055em}
.mi-brand-signature small{display:block;font:500 7px/1 var(--mi-font);letter-spacing:.36em;margin:7px 0 0 2px;text-transform:uppercase}
.mi-workspace-label{display:block;margin:15px 0 0;font:500 9px/1.5 var(--mi-font);letter-spacing:.17em;color:var(--muted);text-transform:uppercase}
.mi-nav-find{position:relative;margin:0 4px 20px}
.mi-nav-find input{width:100%;padding:10px 12px!important;font-size:12px!important;min-height:40px!important}
.mi-nav-find p{margin:9px 5px;font-size:12px;color:var(--muted)}
.melon-workspace .mi-table-scroll{width:100%;overflow-x:auto;border-radius:inherit}
.melon-workspace .mi-table-scroll table{min-width:560px}
.melon-workspace .login{background:radial-gradient(ellipse at 15% 10%,#465f2638,transparent 60%),#0c120b!important;padding:28px 18px}
.melon-workspace .login-card{padding:38px!important;width:min(440px,100%)!important;border-color:#d7ff7138!important}
.melon-workspace .login-card .lg{margin-bottom:12px}
.melon-workspace .login-card .sub{margin-bottom:28px}
.melon-workspace .login-card .lgtabs{background:var(--bg2);border:1px solid var(--line);padding:5px;border-radius:12px}
.melon-workspace .login-card .lgtab.on{background:var(--card2)!important;color:var(--accent)!important;border-radius:8px;box-shadow:none}
.melon-workspace body[data-theme=light] .login-card .lgtab.on{color:var(--ink)!important}
.melon-workspace .mi-password{position:relative;width:100%}
.melon-workspace .mi-password input{padding-right:66px!important;width:100%}
.melon-workspace .mi-password button{position:absolute;right:5px;top:50%;transform:translateY(-50%);height:36px;min-width:52px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}
.melon-workspace .mi-password button:hover{background:var(--card2);color:var(--ink)}
html[data-melon-surface=admin] body.mi-auth-only{min-height:100dvh;padding:28px 20px;background:radial-gradient(ellipse at 50% 0,#425b2733,transparent 65%),#0c120b!important}
html[data-melon-surface=admin] body.mi-auth-only .card{width:min(440px,100%);max-width:440px;padding:38px;border-color:#d7ff7138!important}
html[data-melon-surface=admin] body.mi-auth-only label{display:block;color:var(--muted);font-size:12px;margin:20px 0 8px}
html[data-melon-surface=admin] body.mi-auth-only input{width:100%;padding:12px}
html[data-melon-surface=admin] body.mi-auth-only #cBtn{width:100%;margin-top:24px;font-size:14px;padding:12px}
html[data-melon-surface=editor] .wrap{max-width:1080px;padding-top:32px}
html[data-melon-surface=editor] .brand{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
html[data-melon-surface=editor] :is(.job,.estat){background:var(--card)!important;border:1px solid var(--line)!important;border-radius:14px}
html[data-melon-surface=editor] .ehero{background:linear-gradient(120deg,#24351a,var(--card))!important;border:1px solid var(--line)!important;border-radius:18px}
html[data-melon-surface=editor] .center{max-width:460px;margin:60px auto}
html[data-melon-surface=editor] .center>.card{padding:35px}
html[data-melon-surface=portal] .topbar .inner{gap:26px}
html[data-melon-surface=portal] .hero-card{padding:30px;background:linear-gradient(115deg,#24341a,var(--card))!important}
html[data-melon-surface=portal] body[data-theme=light] .hero-card{background:var(--card)!important}
html[data-melon-surface=portal] .hero-card .big{font-size:30px}
html[data-melon-surface=portal] :is(.proj-hero,.gal-card,.vid-card){border:1px solid var(--line)!important;border-radius:16px;box-shadow:none!important;background:var(--card)!important}
html[data-melon-surface=portal] .vid-card video{object-fit:contain;background:#080c06}
html[data-melon-surface=capture]{--green:#d7ff71;--green2:#d7ff71;--lime:#d7ff71;--brand:#d7ff71;--cap-bg:#0c120b;--cap-bg-deep:#080d07;--cap-panel:#141d10;--cap-panel-solid:#141d10;--cap-panel-2:#1c2915;--cap-line:#c6dd9e29;--cap-line-strong:#c6dd9e50;--cap-text:#f1f5e9;--cap-muted:#adbaa0;--cap-green:#d7ff71;--cap-green-2:#e6ffac;--cap-green-dark:#607d30}
html[data-melon-surface=capture] body{--green:#d7ff71;--accent:#d7ff71;--bg:#0c120b;--surface:#162011;--text:#f1f5e9}
html[data-melon-surface=capture] .auth-visual{background:radial-gradient(ellipse at 25% 20%,#4f672d55,transparent 70%),#10180c!important}
html[data-melon-surface=capture] .auth-glow{display:none}
html[data-melon-surface=capture] .auth-panel{background:#0c120b!important}
html[data-melon-surface=capture] .auth-copy h1{font-size:clamp(45px,5vw,78px);line-height:1.05;letter-spacing:-.05em!important}
html[data-melon-surface=capture] .auth-copy em{font-style:normal;color:var(--accent)!important}
html[data-melon-surface=capture] .auth-mark{background:var(--card2)!important;color:var(--accent)!important}
html[data-melon-surface=capture] :is(.auth-eyebrow,.auth-private,.auth-tab.on,.cap-product b){color:var(--accent)!important}
html[data-melon-surface=capture] :is(.auth-private i,.auth-eyebrow i){background:var(--accent)!important}
html[data-melon-surface=capture] .auth-route span{border-color:var(--line)!important;background:var(--card)!important}
html[data-melon-surface=capture] .auth-tabs{background:var(--bg2)!important;border-color:var(--line)!important}
html[data-melon-surface=login] #login{width:min(410px,calc(100% - 40px));padding-top:8vh}
html[data-melon-surface=login] #login h1 a{background:none;text-indent:0;font:600 36px var(--mi-display);height:auto;width:auto;color:var(--ink);pointer-events:none}
html[data-melon-surface=login] #loginform,html[data-melon-surface=login] #lostpasswordform{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px}
html[data-melon-surface=login] #login .button-primary{background:var(--accent);border:0;color:#18240c;border-radius:8px;min-height:42px;box-shadow:none;text-shadow:none}
html[data-melon-surface=login] #login :is(label,p,a){color:var(--ink)}
/* Client delivery remains white-label; only neutral surfaces and type are shared. */
html[data-melon-surface=delivery]{--bg:#0c120b;--card:#15200f;--card2:#1c2914;--ink:#f1f5e9;--muted:#adbaa0;--line:#c6dd9e29;--accent:#d7ff71;--accent2:#d7ff71}
html[data-melon-surface=delivery] body{font-family:var(--mi-font);background:var(--bg)}
html[data-melon-surface=delivery] :is(h1,h2,h3,.phero .addr,.phero .price,.agent2 .av2,#ctabar .t b){font-family:var(--mi-display);font-weight:500;letter-spacing:-.035em;text-transform:none}
html[data-melon-surface=delivery] :is(#aurora,#fx){display:none}
html[data-melon-surface=delivery] :is(.top,.qnav,#ctabar){background:#10190eee;border-color:var(--line);box-shadow:none}
html[data-melon-surface=delivery] :is(.vid-card,.dl-card,.agent2,.phero){border-color:var(--line);box-shadow:none}
html[data-melon-surface=delivery] :is(.btn,.vbtn){box-shadow:none;border-radius:12px;font-family:var(--mi-font)}
html[data-melon-surface=delivery] #glb video{object-fit:contain;height:min(72dvh,850px);max-width:88vw}
html[data-melon-surface=legal] body{font-family:var(--mi-font);background:var(--mi-bg);color:var(--mi-ink)}
html[data-melon-surface=legal] :is(h1,h2,h3){font-family:var(--mi-display);text-transform:none;letter-spacing:-.03em}
@media(max-width:1000px){.melon-identity .grid-featured .mi-story-card:first-child{grid-template-columns:1fr 1fr}.mi-journal-heading{gap:30px}.melon-workspace .topbar{gap:12px}}
@media(max-width:680px){
 .melon-identity .mi-journal-hero{padding-top:30px}.mi-journal-top{padding-bottom:25px}.mi-journal-top span{font-size:8px}.mi-journal-heading{grid-template-columns:1fr;gap:24px;padding:37px 0 28px}.melon-identity .mi-journal-heading h1{font-size:54px}.melon-identity .mi-journal-heading .sub{font-size:14px;max-width:100%}
 .mi-journal-search{gap:10px;padding-left:14px}.mi-journal-search input{font-size:16px}.mi-journal-search button{padding:0 14px;gap:10px}.mi-journal-search button span{display:none}
 .melon-identity .post-grid{grid-template-columns:1fr;gap:20px}.melon-identity .grid-featured .mi-story-card:first-child{grid-column:auto;display:flex}.melon-identity .grid-featured .mi-story-card:first-child .thumb{min-height:250px;aspect-ratio:1.5}
 .melon-identity .mi-story-card .b{padding:23px}.melon-identity .mi-story-card h2,.melon-identity .grid-featured .mi-story-card:first-child h2{font-size:27px}
 html[data-melon-surface=public] .single{padding-top:35px}html[data-melon-surface=public] .content-body{font-size:16px;line-height:1.85}html[data-melon-surface=public] .content-body h2{font-size:27px}
 .melon-workspace .content{padding-top:24px}.melon-workspace .kpi{padding:20px}.melon-workspace .login-card{padding:28px 23px!important}.melon-workspace .topbar{min-height:66px}.mi-brand-signature>span{font-size:27px}.mi-brand-signature svg{width:30px;height:30px}
 html[data-melon-surface=portal] .topbar .tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;padding:6px 0}.melon-workspace .tab{min-height:44px;white-space:nowrap}
 html[data-melon-surface=portal] .hero-card{padding:23px;gap:20px}html[data-melon-surface=portal] .hero-card .big{font-size:25px}
 html[data-melon-surface=admin] body.mi-auth-only .card{padding:29px 24px}.melon-workspace input{font-size:16px!important}.melon-workspace .drawer{max-width:100vw}.melon-workspace .m-card{max-width:calc(100vw - 24px)}
}
.melon-workspace body.pref-high-contrast{--muted:#e1edcf;--line:#d7eac590}
.melon-workspace body[data-theme=light].pref-high-contrast{--muted:#35412a;--line:#233d1880}
.melon-workspace body[data-density=compact] :is(th,td),.melon-workspace body.pref-compact :is(th,td){padding-top:9px;padding-bottom:9px}
.melon-workspace body.pref-reduced-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){.melon-identity :is(.mi-story-card,.mi-story-card img,#dsea-cc *,body:before){animation:none!important;transition:none!important}.melon-workspace *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.melon-workspace [hidden]{display:none!important}
/* Keep contact reachable on mobile, including the homepage. */
html.melon-identity body #dsea-cc{display:block!important;z-index:100005}
html[data-melon-surface=login] #login h1 a{pointer-events:auto}

/* Shared logo and selected states; preserve system status colours. */
.melon-workspace .mi-brand-signature>span,.melon-workspace .mi-brand-signature small{color:var(--ink)!important}
html[data-melon-surface=capture] .auth-tab.on{background:var(--accent)!important;color:#17210d!important;box-shadow:none!important}
html[data-melon-surface=capture] .auth-mark svg{stroke:var(--accent)!important}
html[data-melon-surface=capture] .auth-visual:before,html[data-melon-surface=capture] .auth-visual:after{background:none!important}
html[data-melon-surface=capture] .auth-route b,html[data-melon-surface=capture] .auth-simple span{color:var(--accent)!important}
html.melon-identity body.mm-public #dsea-cc{bottom:max(calc(var(--mb-bottom,20px) + var(--mb-dock-height,70px) + 25px),var(--mi-cookie-lift,0px))!important}
html.melon-identity body:not(.melon-overlay-active) #dsea-cc{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

html.melon-identity body #dsea-cc-form{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important}
html.melon-identity body #dsea-cc-in{width:0!important;min-width:0!important;flex:1 1 0!important}
html.melon-identity body #dsea-cc-send{height:48px;min-height:48px;flex:0 0 48px}

/* Compact working navigation and legacy content normalization. */
.melon-workspace .main{min-width:0;max-width:100%}
.melon-workspace .mi-brand-signature{text-shadow:none!important}

/* Crew masthead spacing and consistent delivery typography. */
.melon-workspace :is(.av,.avatar,.num){font-family:var(--mi-display)!important;text-shadow:none!important}
html[data-melon-surface=delivery] :is(div,span,b,strong,p,a,button,label){font-family:var(--mi-font)}
html[data-melon-surface=delivery] :is(.sec-t,.sec-t b,.sec-t strong,.stat b,.stat .n,.stat .v,.stats b,.stats strong,.stat-num){font-family:var(--mi-display)!important;letter-spacing:-.025em;font-weight:500}
@media(max-width:680px){
 html[data-melon-surface=capture] .auth-visual{height:auto!important;min-height:240px!important;max-height:none!important;padding:22px 20px 26px!important;display:flex;flex-direction:column;gap:24px}
 html[data-melon-surface=capture] .auth-visual-top{position:static!important}
 html[data-melon-surface=capture] .auth-copy{position:static!important;margin-top:5px!important;padding:0!important}
 html[data-melon-surface=capture] .auth-eyebrow{margin-bottom:12px}
 html[data-melon-surface=capture] .auth-copy h1{font-size:40px}
}

html.melon-workspace body .search{box-shadow:none!important;border-radius:12px!important}
html.melon-workspace body .search input{min-width:0;width:100%;border:0!important;background:transparent!important;outline-offset:-3px}
html[data-melon-surface=public] .content-body svg[aria-hidden=true]{width:28px;height:28px;max-width:28px;fill:var(--mi-lime);vertical-align:middle}
html[data-melon-surface=public] .content-body>a:has(svg){display:inline-flex;align-items:center;gap:12px;padding:14px 20px;margin:0 10px 16px 0;border:1px solid var(--mi-line);border-radius:12px;background:#172110}
html[data-melon-surface=public] .content-body>p:has(>svg){padding:18px 0 0;margin-bottom:14px}
html[data-melon-surface=public] .content-body :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%;min-height:46px;background:#141e0f;color:var(--mi-ink);border:1px solid var(--mi-line);border-radius:10px;font:inherit;padding:12px 15px}
@media(max-width:980px){
 html[data-melon-surface=admin] .topbar{flex-wrap:wrap;gap:10px;padding:14px 20px}
 html[data-melon-surface=admin] .topbar .ttl{flex:1;min-width:0;order:1;font-size:21px}
 html[data-melon-surface=admin] .topbar .burger2{order:0;flex:0 0 34px}
 html[data-melon-surface=admin] #langQuick{order:2}
 html[data-melon-surface=admin] #themeQuick{order:3}
 html[data-melon-surface=admin] #bell{order:4}
 html[data-melon-surface=admin] .topbar .search{order:5;flex:1 0 100%;width:100%;min-width:0;max-width:none;margin:0;min-height:46px}
 html[data-melon-surface=admin] .topbar .ticon{flex:0 0 34px;width:34px;height:36px}
 html[data-melon-surface=portal] .topbar .inner{flex-wrap:wrap;padding:14px 20px;gap:12px}
 html[data-melon-surface=portal] .topbar .logo{flex:1;min-width:120px}
 html[data-melon-surface=portal] .topbar .tabs{order:5;flex:0 0 100%;width:100%;margin:0;padding:8px 0 0;gap:6px;overflow-x:auto;max-width:100%}
 html[data-melon-surface=portal] .topbar .tab{flex:none;white-space:nowrap;padding:10px 14px}
 html[data-melon-surface=portal] .topbar .iconbtn{flex:0 0 36px;width:36px;height:36px}
}

@media(max-width:680px){.melon-identity .mm-public:not(.mm-home-v3) .mm-head-links a[data-mx-section=photography]{display:inline-flex!important}.melon-identity .mm-public:not(.mm-home-v3) .mm-head-links{gap:0}.melon-identity .mm-public:not(.mm-home-v3) .mm-head-links a{padding-inline:8px;font-size:10px}}




/* Capture component alignment — 2026-10-13 */
html[data-melon-surface=capture] .cap-appicon{background:linear-gradient(145deg,var(--cap-green-2),var(--cap-green))!important;color:#17210d;box-shadow:0 10px 30px #d7ff7114}
html[data-melon-surface=capture] .mcap-card.accent{background:radial-gradient(550px 180px at 0 0,#d7ff7114,transparent 70%),var(--cap-panel)!important;border-color:var(--cap-line-strong)!important}
html[data-melon-surface=capture] .mcap-devicebadge{background:#d7ff7114;border-color:#d7ff7147}
html[data-melon-surface=capture] .mcap-journey>i{background:linear-gradient(90deg,#d7ff716b,var(--cap-line))}
html[data-melon-surface=capture] .mcap-choice{background:radial-gradient(280px 120px at 0 0,#d7ff710e,transparent 72%),#ffffff09}
html[data-melon-surface=capture] .mcap-choice-number{background:#d7ff711f}
html[data-melon-surface=capture] .mcap-approval-option.on{background:linear-gradient(135deg,#d7ff7124,#d7ff710a);border-color:#d7ff719e}
html[data-melon-surface=capture] .mcap-approval-option.on em{background:#d7ff7124;color:var(--cap-green-2)}
/* Keep every client workspace tab visible at desktop and phone widths. */
@media(min-width:981px){
html[data-melon-surface=portal] .topbar .inner{flex-wrap:wrap;gap:14px 20px}
html[data-melon-surface=portal] .topbar .logo{flex:1;min-width:120px}
html[data-melon-surface=portal] .topbar .tabs{order:5;flex:0 0 100%;width:100%;justify-content:space-between;overflow:visible;gap:8px;margin:0}
html[data-melon-surface=portal] .topbar .tab{flex:1 1 auto;text-align:center;white-space:nowrap}
}
@media(max-width:680px){
html[data-melon-surface=portal] .topbar .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:6px}
html[data-melon-surface=portal] .topbar .tab{min-width:0;min-height:44px;padding:10px 6px;font-size:12px;line-height:1.25;white-space:normal;text-align:center}
}