/* Pitchtivo unified brand layer: public palette carried into auth and every workspace. */
:root{--site-forest:#14271d;--site-forest-2:#1d3828;--site-forest-3:#294b34;--site-lime:#c6ef65;--site-green:#5f8835;--site-green-2:#729747;--site-cream:#fffdf8;--site-sage:#f1f6e8;--site-sage-2:#e7efd9;--site-ink:#18251d;--site-muted:#5d6d62;--site-line:#dce6d6}
/* Sign-in, account creation, 2FA and recovery screens */
.auth-gate{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;padding:clamp(18px,4vw,52px);background:radial-gradient(ellipse at 10% 8%,#f1f6e8 0,transparent 40%),radial-gradient(ellipse at 92% 92%,#e7efd9 0,transparent 36%),#fffdf8}
.auth-gate:before,.auth-gate:after{position:absolute;z-index:-1;content:"";width:min(46vw,520px);aspect-ratio:1;border:1px solid #dce6d6;border-radius:50%;box-shadow:0 0 0 28px #f1f6e866,0 0 0 56px #fffdf866;pointer-events:none}
.auth-gate:before{top:-32%;right:-8%}.auth-gate:after{bottom:-40%;left:-12%;width:min(34vw,390px)}
.auth-card{position:relative;width:min(100%,500px);max-height:calc(100svh - 40px);overflow:auto;padding:clamp(24px,4vw,42px);border:1px solid #dce6d6;border-radius:24px;background:#fffdf8;box-shadow:0 28px 75px #14271d15}
.auth-card:before{position:absolute;top:0;left:28px;right:28px;height:4px;border-radius:0 0 6px 6px;background:#c6ef65;content:""}
.auth-brand{margin-bottom:17px}.auth-lockup{width:190px;height:74px}.auth-card h1{color:#14271d;letter-spacing:-.045em}.auth-card p{color:#5d6d62;line-height:1.65}.auth-card .eyebrow{color:#5f8835;font-weight:850;letter-spacing:.14em}.auth-card label{color:#294235}.auth-card input{border-color:#dce6d6;border-radius:12px;background:#fff;color:#18251d}.auth-card input:focus{outline:0;border-color:#729747;box-shadow:0 0 0 4px #c6ef654d}.auth-card .auth-submit,.auth-card .button-primary{min-height:48px;border:1px solid #14271d;border-radius:12px;background:#14271d;color:#fff;font-weight:800;box-shadow:0 8px 18px #14271d18}.auth-card .auth-submit:hover,.auth-card .button-primary:hover{background:#294b34}.auth-card .auth-switch{border:0;background:transparent;color:#5f8835;font-weight:800}.auth-card .auth-foot{color:#718074;line-height:1.55}.auth-card .auth-foot a{color:#416b32;font-weight:750}.auth-error{border:1px solid #f0c9be;border-radius:11px;background:#fff5f1;color:#963f2e}
/* Shared shell for trader, staff and platform-admin dashboards */
#app-shell{--dash-bg:#f1f6e8;--dash-surface:#fffdf8;--dash-surface-2:#f7f9f1;--dash-line:#dce6d6;--dash-ink:#18251d;--dash-muted:#5d6d62;--dash-shadow:0 12px 32px #14271d0a;--ink:#18251d;--muted:#5d6d62;--line:#dce6d6;--paper:#fffdf8;--canvas:#f1f6e8;--green:#c6ef65;--green-deep:#5f8835;--brand-accent:#c6ef65!important;--brand-accent-tone:#5f8835!important;--brand-accent-ink:#14271d!important;--sidebar-bg:#14271d!important;background:var(--dash-bg);color:var(--dash-ink)}
#app-shell .main,#app-shell .page-wrap{background:var(--dash-bg);color:var(--dash-ink)}
#app-shell .sidebar,#app-shell .sidebar-bottom{background:#14271d!important;color:#fff}
#app-shell .workspace-label{color:#b7c6b6}#app-shell .nav-group{border-color:#ffffff20}
#app-shell .nav-item{color:#d6e0d5}#app-shell .nav-item:hover{background:#ffffff12;color:#fff}
#app-shell .nav-item.active{background:#c6ef65;color:#14271d;box-shadow:inset 3px 0 #5f8835}
#app-shell .nav-icon{background:#ffffff12;color:#e9f3e5}#app-shell .nav-item.active .nav-icon{background:#b5df54;color:#14271d}
#app-shell .nav-count,#app-shell .notification-nav-count{background:#294b34;color:#f5f8f1}
#app-shell .brand-mark{background:#c6ef65;color:#14271d}#app-shell .brand-mark span{color:#5f8835}
#app-shell .topbar{background:#fffdf8;border-color:#dce6d6;color:#18251d}
#app-shell .crumb,#app-shell .today{color:#5d6d62}#app-shell .crumb b{color:#14271d}
#app-shell .mode-toggle,#app-shell .button-quiet,#app-shell .icon-button{border-color:#dce6d6;background:#fffdf8;color:#294235}
#app-shell .mode-toggle:hover,#app-shell .button-quiet:hover,#app-shell .icon-button:hover{border-color:#b5c99e;background:#f1f6e8;color:#14271d}
#app-shell .button-primary{border-color:#14271d;background:#14271d!important;background-image:none!important;color:#fff!important}
#app-shell .button-primary:hover:not(:disabled){background:#294b34!important;color:#fff!important}
#app-shell .button-lime{border-color:#c6ef65;background:#c6ef65!important;background-image:none!important;color:#14271d!important}
#app-shell .card,#app-shell .panel,#app-shell dialog{border-color:#dce6d6;background:#fffdf8;color:#18251d;box-shadow:var(--dash-shadow)}
#app-shell .page-header h1,#app-shell .card-head h2,#app-shell .section-heading h2,#app-shell .admin-panel-head h2{color:#14271d}
#app-shell .page-header p,#app-shell .card-head p,#app-shell .stat-top,#app-shell .stat-foot{color:#5d6d62}
#app-shell .eyebrow,#app-shell .trend,#app-shell .text-link,#app-shell .lookup-count{color:#5f8835}
#app-shell .stat-icon,#app-shell .safety-check,#app-shell .connection-mark,#app-shell .inbox-channel-icon,#app-shell .notification-item-icon{border-color:#dce6d6;background:#e7efd9;color:#416b32}
#app-shell .stat-card,#app-shell .admin-kpi,#app-shell .settings-card,#app-shell .connection-card{border-color:#dce6d6;background:#fffdf8}
#app-shell .tag.good,#app-shell .tag:not(.orange):not(.red):not(.grey){border-color:#dce6d6;background:#e7efd9;color:#416b32}
#app-shell input:not([type=checkbox]):not([type=radio]):not([type=color]),#app-shell select,#app-shell textarea{border-color:#dce6d6;background:#fff;color:#18251d}
#app-shell input:focus,#app-shell select:focus,#app-shell textarea:focus{outline:0;border-color:#729747;box-shadow:0 0 0 3px #c6ef654d}
#app-shell input[type=checkbox],#app-shell input[type=radio],#app-shell progress{accent-color:#5f8835}
#app-shell .data-table th{border-color:#dce6d6;background:#f1f6e8;color:#5d6d62}#app-shell .data-table td{border-color:#e7efd9}
#app-shell .help-card{border-color:#46624c;background:linear-gradient(145deg,#1d3828,#14271d)}
#app-shell .help-card .help-icon,#app-shell .help-card button{color:#c6ef65}
/* The owner overview uses the same forest and lime identity as every workspace. */
#app-shell .admin-day-hero{border:1px solid #36563b;background:radial-gradient(circle at 86% 12%,#c6ef6520,transparent 33%),linear-gradient(120deg,#14271d,#1d3828 70%,#294b34);color:#fff;box-shadow:0 18px 50px #14271d20}
#app-shell .admin-day-hero .eyebrow,#app-shell .admin-owner-badge span{color:#c6ef65}
#app-shell .admin-hero-icon{border-color:#ffffff35;background:#ffffff12;color:#c6ef65}
#app-shell .admin-owner-badge{border-color:#ffffff30;background:#ffffff10}
#app-shell .admin-kpi-icon{background:#e7efd9;color:#416b32}
#app-shell .admin-kpi>small,#app-shell .admin-kpi>span:last-child{color:#5d6d62}
#app-shell .admin-kpi>b{color:#14271d}
#app-shell .admin-stripe-guide{border-color:#dce6d6;background:linear-gradient(135deg,#f1f6e8,#fffdf8)}
#app-shell .admin-stripe-guide>summary{color:#294235}#app-shell .admin-stripe-guide li{border-color:#dce6d6;background:#fffdf8}
#app-shell .admin-stripe-guide li:before{background:#c6ef65;color:#14271d}
#app-shell .notification-bell{border-color:#dce6d6;background:#e7efd9;color:#416b32}
#app-shell .notification-bell:hover{background:#c6ef65;color:#14271d}
#app-shell .notification-popover,#app-shell .popover{border-color:#dce6d6;background:#fffdf8;color:#18251d}
#app-shell .notification-popover-head{border-color:#dce6d6;background:linear-gradient(120deg,#fffdf8,#f1f6e8)}
#app-shell .notification-popover-head .eyebrow,#app-shell .notification-mark-all{color:#416b32}
#app-shell .notification-item.is-unread{background:#f1f6e8}#app-shell .notification-item-icon{background:#e7efd9;color:#416b32}
#app-shell .notification-item-dot,#app-shell .notification-nav-count{background:#729747}
#app-shell .integration-banner{background:linear-gradient(110deg,#14271d,#294b34);color:#fff}
#app-shell .integration-spark{background:#c6ef65;color:#14271d}
#app-shell .connection-health-header,#app-shell .inbox-connect-banner{border-color:#dce6d6;background:linear-gradient(115deg,#f1f6e8,#fffdf8 70%)}
#app-shell .connection-health-header .eyebrow,#app-shell .connection-health-header h2{color:#416b32}
/* Dark mode remains available, using deep forest and lime instead of unrelated hues. */
html[data-color-mode="dark"] #app-shell{--dash-bg:#101b14;--dash-surface:#17251c;--dash-surface-2:#203126;--dash-line:#344838;--dash-ink:#f2f6ef;--dash-muted:#bdcabc;--ink:#f2f6ef;--muted:#bdcabc;--line:#344838;--paper:#17251c;--canvas:#101b14;--sidebar-bg:#0d1912!important;background:#101b14;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .main,html[data-color-mode="dark"] #app-shell .page-wrap{background:#101b14;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .sidebar,html[data-color-mode="dark"] #app-shell .sidebar-bottom{background:#0d1912!important}
html[data-color-mode="dark"] #app-shell .nav-item{color:#d0ddcf}html[data-color-mode="dark"] #app-shell .nav-item.active{background:#c6ef65;color:#14271d}
html[data-color-mode="dark"] #app-shell .topbar{border-color:#344838;background:#17251c;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .crumb,html[data-color-mode="dark"] #app-shell .today{color:#bdcabc}html[data-color-mode="dark"] #app-shell .crumb b{color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .card,html[data-color-mode="dark"] #app-shell .panel,html[data-color-mode="dark"] #app-shell dialog,html[data-color-mode="dark"] #app-shell .admin-kpi,html[data-color-mode="dark"] #app-shell .settings-card{border-color:#344838;background:#17251c;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .page-header h1,html[data-color-mode="dark"] #app-shell .card-head h2,html[data-color-mode="dark"] #app-shell .section-heading h2,html[data-color-mode="dark"] #app-shell .admin-panel-head h2,html[data-color-mode="dark"] #app-shell .admin-kpi>b{color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .page-header p,html[data-color-mode="dark"] #app-shell .card-head p,html[data-color-mode="dark"] #app-shell .stat-top,html[data-color-mode="dark"] #app-shell .stat-foot{color:#bdcabc}
html[data-color-mode="dark"] #app-shell .mode-toggle,html[data-color-mode="dark"] #app-shell .button-quiet,html[data-color-mode="dark"] #app-shell .icon-button{border-color:#344838;background:#203126;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell input:not([type=checkbox]):not([type=radio]):not([type=color]),html[data-color-mode="dark"] #app-shell select,html[data-color-mode="dark"] #app-shell textarea{border-color:#344838;background:#101b14;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .data-table th{border-color:#344838;background:#203126;color:#bdcabc}html[data-color-mode="dark"] #app-shell .data-table td{border-color:#344838;color:#e2eade}
html[data-color-mode="dark"] #app-shell .admin-stripe-guide,html[data-color-mode="dark"] #app-shell .admin-stripe-guide li{border-color:#344838;background:#17251c;color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .notification-popover,html[data-color-mode="dark"] #app-shell .popover{border-color:#344838;background:#17251c;color:#f2f6ef}
/* Keep the homepage AI showcase inside the approved palette. */
#marketing-home .marketing-ai-showcase{border-color:#dce6d6;background:radial-gradient(ellipse at 90% 0%,#c6ef6522 0,transparent 40%),linear-gradient(130deg,#fffdf8,#f1f6e8);box-shadow:0 26px 70px #14271d10}
#marketing-home .marketing-ai-showcase:before{background:#c6ef65;opacity:.1}
#marketing-home .marketing-ai-pill,#marketing-home .ai-prompt-bubble,#marketing-home .ai-task-chips span,#marketing-home .marketing-ai-capabilities article{border-color:#dce6d6;background:#fffdf8;color:#294235}
#marketing-home .marketing-ai-pill,#marketing-home .marketing-ai-pill>span,#marketing-home .marketing-ai-copy h2 em,#marketing-home .ai-prompt-bubble>small,#marketing-home .ai-response-bubble>span,#marketing-home .ai-demo-footer{background:none;color:#5f8835;-webkit-text-fill-color:#5f8835}
#marketing-home .marketing-ai-copy h2{color:#14271d}#marketing-home .marketing-ai-copy>p,#marketing-home .marketing-ai-capabilities article>p{color:#5d6d62}
#marketing-home .marketing-ai-demo,#marketing-home .ai-response-bubble{border-color:#dce6d6;background:#fffdf8;box-shadow:0 18px 46px #14271d10;transform:none}
#marketing-home .ai-response-bubble>span{background:none;color:#416b32;-webkit-text-fill-color:#416b32}
#marketing-home .marketing-ai-demo-top,#marketing-home .ai-demo-footer{border-color:#dce6d6}
#marketing-home .ai-sparkle{background:#c6ef65;color:#14271d;box-shadow:none}
#marketing-home .ai-online i{background:#729747;box-shadow:0 0 0 4px #72974720}
#marketing-home .marketing-install{background:linear-gradient(120deg,#14271d,#1d3828 65%,#294b34)}
#marketing-home .install-actions .button-primary{background:#c6ef65!important;background-image:none!important;color:#14271d!important}
/* Pricing hero follows the same split composition as the trader and organiser pages. */
.pricing-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}
.pricing-hero-grid .site-hero-copy{max-width:680px}
.site-trust-note{max-width:620px;margin:18px 0 0;padding:14px 17px;border-left:3px solid #c6ef65;background:#f1f6e8;color:#49604f;font-size:14px;line-height:1.6}
.pricing-hero-visual{position:relative;overflow:hidden;padding:24px;border:1px solid #dce6d6;border-radius:26px;background:radial-gradient(ellipse at 90% 0%,#e7efd9 0,transparent 48%),#fffdf8;box-shadow:0 22px 56px #14271d12}
.pricing-hero-top{display:flex;align-items:center;gap:13px;padding:0 0 18px;border-bottom:1px solid #dce6d6}
.pricing-hero-mark{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:#c6ef65;color:#14271d;font-size:21px;font-weight:900}
.pricing-hero-top small,.pricing-hero-top b{display:block}.pricing-hero-top small{margin-bottom:4px;color:#5f8835;font-size:9px;font-weight:900;letter-spacing:.13em}.pricing-hero-top b{color:#14271d;font:800 16px Manrope,sans-serif;letter-spacing:-.03em}
.pricing-hero-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.pricing-hero-options>div{display:grid;gap:5px;padding:14px;border:1px solid #dce6d6;border-radius:15px;background:#fff}
.pricing-hero-options>div.is-focus{border-color:#a7cf55;background:#f1f6e8;box-shadow:inset 0 0 0 1px #c6ef65}
.pricing-hero-options span{color:#5f8835;font-size:8px;font-weight:900;letter-spacing:.1em}.pricing-hero-options b{color:#14271d;font:800 15px Manrope,sans-serif}.pricing-hero-options strong{color:#14271d;font:800 27px Manrope,sans-serif;letter-spacing:-.05em}.pricing-hero-options strong small{margin-left:4px;color:#5d6d62;font:600 10px 'DM Sans',sans-serif;letter-spacing:0}.pricing-hero-options>div>small{color:#5d6d62;font-size:10px}.pricing-hero-visual>p{margin:15px 0 0;color:#5d6d62;font-size:11px;text-align:center}
@media(max-width:900px){.pricing-hero-grid{grid-template-columns:1fr}.pricing-hero-visual{max-width:650px}}
@media(max-width:620px){.auth-gate{padding:14px}.auth-card{max-height:calc(100svh - 28px);padding:26px 21px}.auth-gate:before{width:65vw;right:-30%;top:-12%}.pricing-hero-visual{padding:18px}.pricing-hero-options{gap:8px}.pricing-hero-options>div{padding:11px}.pricing-hero-options strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.auth-gate:before,.auth-gate:after{box-shadow:none}}
/* Signup role choice: two accessible, on-brand cards. */
.auth-gate,.auth-card{font-family:'DM Sans',system-ui,sans-serif}.auth-card :is(h1,h2,h3){font-family:Manrope,'DM Sans',sans-serif}.auth-card h1{font-size:32px;line-height:1.12}.auth-card p{font-size:14px;line-height:1.65}.auth-card label,.auth-card input,.auth-card button{font-family:'DM Sans',system-ui,sans-serif}
.auth-type-select{display:grid;gap:9px;margin:6px 0 10px;padding:0;border:0}
.auth-type-select legend{margin:0 0 7px;color:#294235;font-size:13px;font-weight:800}
.auth-type-select>label{position:relative;display:grid;grid-template-columns:20px 40px minmax(0,1fr);align-items:center;gap:10px;margin:0!important;padding:12px;border:1px solid #dce6d6;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}
.auth-type-select>label:has(input:checked){border-color:#91b753;background:#f1f6e8;box-shadow:inset 0 0 0 1px #c6ef65}
.auth-type-select>label:focus-within{outline:3px solid #c6ef6577;outline-offset:2px}
.auth-type-select input{width:18px;height:18px;margin:0;accent-color:#5f8835}
.auth-type-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#c6ef65;color:#14271d;font-size:20px;font-weight:900}
.auth-type-select>label>span:last-child{display:grid;gap:3px}.auth-type-select b{color:#14271d;font-size:12px}.auth-type-select small{color:#5d6d62;font-size:10px;line-height:1.4}
@media(max-width:620px){.auth-card{padding:20px 18px;gap:7px}.auth-card .auth-brand{margin-bottom:2px}.auth-lockup{width:158px;height:60px}.auth-card h1{font-size:27px}.auth-card p{margin-bottom:7px}.auth-card label:not(.auth-consent):not(.auth-trap){margin-top:4px}.auth-card input:not([type=radio]){height:42px}.auth-card .auth-submit{margin-top:6px}.auth-card .auth-foot{margin-top:3px}}

.auth-gate{overflow:hidden}.auth-type-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Event organiser first-run workspace: a direct, role-specific setup path. */
#app-shell .organiser-setup-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:28px;align-items:center;margin:0 0 24px;padding:30px;border:1px solid #dce6d6;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#c6ef6540,transparent 38%),linear-gradient(130deg,#fffdf8,#f1f6e8);box-shadow:0 18px 42px #14271d0d}
#app-shell .organiser-setup-copy h2{margin:8px 0 10px;color:#14271d;font:800 clamp(25px,3vw,34px)/1.12 Manrope,sans-serif;letter-spacing:-.045em}
#app-shell .organiser-setup-copy>p{max-width:650px;margin:0;color:#5d6d62;line-height:1.65}
#app-shell .organiser-setup-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
#app-shell .organiser-setup-steps{display:grid;gap:10px}
#app-shell .organiser-setup-steps>span{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #dce6d6;border-radius:13px;background:#fffdf8;color:#43574a;font-size:13px;font-weight:650}
#app-shell .organiser-setup-steps b{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:10px;background:#c6ef65;color:#14271d;font-size:10px}
html[data-color-mode="dark"] #app-shell .organiser-setup-card{border-color:#344838;background:radial-gradient(ellipse at 100% 0%,#c6ef651c,transparent 42%),linear-gradient(130deg,#17251c,#203126);box-shadow:none}
html[data-color-mode="dark"] #app-shell .organiser-setup-copy h2{color:#f2f6ef}
html[data-color-mode="dark"] #app-shell .organiser-setup-copy>p{color:#bdcabc}
html[data-color-mode="dark"] #app-shell .organiser-setup-steps>span{border-color:#344838;background:#17251c;color:#e2eade}
@media(max-width:780px){#app-shell .organiser-setup-card{grid-template-columns:1fr;padding:22px;gap:20px}}