@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
:root{--canvas:#F8F5F0;--sidebar:#FAF7F2;--oat:#EDE1CB;--ink:#302B27;--plum:#765657;--wine:#3E1D24;--terra:#804B3C;--border:#E5DDD0;--sand:#F3EEE6;--green:#4A6B48;font-family:Poppins,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--plum);outline-offset:4px}button:disabled{opacity:.6;cursor:default}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3.4vw,42px);line-height:1.15;letter-spacing:-.03em;font-weight:600}h2{font-size:24px;line-height:1.3;font-weight:600}h3{font-size:20px;line-height:1.4;font-weight:600}.skip{position:absolute;top:-100px;left:16px;z-index:10}.skip:focus{top:12px;background:white;padding:12px}
.shell{display:flex;min-height:100vh}.sidebar{width:280px;flex:0 0 280px;background:var(--sidebar);border-right:1px solid var(--border);padding:32px 24px;display:flex;flex-direction:column;gap:28px}.wordmark{font-size:26px;font-weight:400;letter-spacing:-.03em;line-height:1.2}.network{display:block;font-size:10px;letter-spacing:.16em;font-weight:600;color:var(--plum);margin-top:8px}.pill{font-size:12px;line-height:1.5;background:var(--sand);border:1px solid var(--border);border-radius:999px;padding:8px 12px;display:inline-block;align-self:flex-start}.profile{background:var(--oat);border:1px solid var(--border);border-radius:16px;padding:18px}.profile h2{font-size:16px;line-height:1.4}.profile p{font-size:13px;color:var(--plum);margin-top:6px}.status{font-size:12px;letter-spacing:.06em;font-weight:600;color:var(--green);display:block;margin-top:8px}.nav-label,.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--plum)}.nav{display:flex;flex-direction:column;gap:6px;margin-top:12px}.nav a{font-size:14px;font-weight:500;padding:12px 14px;border-radius:10px;line-height:1.4}.nav a:hover{background:var(--sand);text-decoration:none}.nav a[aria-current=page]{background:var(--oat);font-weight:600}.switch{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.switch a{border:1px solid var(--border);border-radius:999px;padding:6px 10px}.switch a[aria-current=page]{background:var(--wine);color:var(--oat)}.back{font-size:13px;color:var(--plum)}
.main{padding:48px;flex:1;min-width:0;max-width:1700px}.topbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:32px}.topbar .pill{border:0;color:var(--plum)}.hero{padding:40px;border-radius:24px;background:var(--wine);color:var(--canvas);display:flex;flex-direction:column;gap:12px}.hero .eyebrow{color:var(--oat)}.hero p{max-width:760px;color:var(--oat)}.view{display:flex;flex-direction:column;gap:28px}.actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 16px #302b2704;min-width:0}.action{gap:10px;padding:24px;transition:transform .15s ease,box-shadow .15s ease}.action:hover{transform:translateY(-2px);box-shadow:0 8px 20px #302b270b;text-decoration:none}.action h3{font-size:18px}.muted,.card p{color:var(--plum);font-size:14px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.meta{font-size:12px;letter-spacing:.08em;font-weight:600;color:var(--plum)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card.terra{border-top:5px solid var(--terra)}.card.plum{border-top:5px solid var(--plum)}.card.oat{background:var(--oat)}.card .tag{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--terra)}.card.plum .tag{color:var(--plum)}.scope{font-size:14px}.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;align-items:center}.button{border:0;border-radius:999px;padding:11px 20px;background:var(--wine);color:var(--oat);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:12px;justify-content:center}.button.secondary{background:var(--oat);color:var(--ink);border:1px solid var(--border)}.button.ghost{color:var(--wine);background:transparent;padding:8px 0}.arrow{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.footer{margin-top:32px;font-size:12px;color:var(--plum);display:flex;gap:20px;align-items:center;justify-content:space-between}.footer button{border:0;background:transparent;color:var(--plum);font-size:13px;text-decoration:underline;padding:8px}.filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;flex:1;min-width:160px}input,textarea,select{width:100%;padding:12px 14px;background:white;border:1px solid var(--border);border-radius:10px;color:var(--ink)}textarea{resize:vertical;min-height:100px}.empty{padding:40px;border:1px dashed var(--border);border-radius:24px;background:white}.empty p{margin:10px 0 20px;color:var(--plum)}.rows{display:flex;flex-direction:column;gap:14px}.record{display:flex;justify-content:space-between;gap:24px;align-items:center}.record .status{margin:0}.record h3{font-size:17px}.record p{margin-top:4px}.notice{padding:14px 18px;background:var(--sand);border-radius:12px;color:var(--plum);font-size:14px}.workspace-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:20px}.report-stat{font-weight:600}.modal{border:1px solid var(--border);border-radius:24px;max-width:620px;width:calc(100% - 32px);padding:32px;background:var(--canvas);color:var(--ink);max-height:90vh}.modal::backdrop{background:#302b2780}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.close{border:1px solid var(--border);border-radius:50%;background:white;font-size:24px;line-height:1;width:40px;height:40px}.modal-body{display:flex;flex-direction:column;gap:18px}.modal form{display:flex;flex-direction:column;gap:16px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--wine);color:var(--oat);border-radius:12px;padding:14px 22px;box-shadow:0 8px 30px #302b2725;z-index:5;max-width:calc(100% - 32px);font-size:14px}.mobile-toggle{display:none}.menu-label{font-weight:600;font-size:14px}
@media(min-width:1600px){.main{padding:48px 64px}}
@media(max-width:1100px){.main{padding:32px}.sidebar{width:250px;flex-basis:250px;padding:28px 20px}.hero{padding:32px}.actions{gap:14px}.action{padding:20px}.cards,.workspace-grid{gap:16px}}
@media(max-width:820px){.shell{flex-direction:column}.sidebar{width:100%;flex-basis:auto;min-height:0;border-right:0;border-bottom:1px solid var(--border);padding:20px 24px;gap:16px}.brand-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.mobile-toggle{display:block;border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:var(--oat)}.sidebar .profile,.sidebar>.pill,.sidebar .back{display:none}.sidebar .switch{margin:0}.nav-wrap[data-open=false]{display:none}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav-label{display:none}.switch{font-size:12px}.main{padding:28px 24px}.topbar{margin-bottom:24px;align-items:flex-start;gap:12px;flex-wrap:wrap}.hero{padding:28px}.actions{grid-template-columns:1fr}.cards,.workspace-grid{grid-template-columns:1fr}.view{gap:24px}.section-head{align-items:flex-start;flex-direction:column;gap:8px}.record{align-items:flex-start;flex-direction:column;gap:12px}.footer{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:420px){.main{padding:24px 18px}.sidebar{padding:20px 18px}.hero{padding:24px}.hero h1{font-size:30px}.card{padding:22px}.modal{padding:24px}.topbar .eyebrow{font-size:11px}.wordmark{font-size:25px}.network{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.preview-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 24px;background:var(--oat);border-radius:16px;margin-bottom:28px}.preview-intro strong{font-size:16px;font-weight:600}.preview-intro p{font-size:13px;color:var(--plum);margin-top:4px}.preview-intro .button{flex-shrink:0}.sample-switch{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--plum);margin-top:-16px}.sample-switch a[aria-current=page]{font-weight:600;text-decoration:underline}.sample-switch span{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:820px){.preview-intro{align-items:flex-start;flex-direction:column;gap:14px;padding:20px}.sample-switch{margin-top:0}.sample-switch span{width:auto}}

/* ---- 29 Sep 2026: mirrors the live portal screens + guided tour ---- */
.nav{gap:4px}.nav .nav-label{margin-top:14px;font-size:11px}.nav .nav-label:first-child{margin-top:0}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.page-head h1{font-size:clamp(26px,3vw,34px);margin-top:10px}.page-head .sub{color:var(--plum);font-size:15px;max-width:760px;margin-top:8px}
.eyebrow.top{display:block;margin-bottom:-8px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{gap:4px;padding:20px 22px;transition:transform .15s ease,box-shadow .15s ease}.stat:hover{transform:translateY(-3px);text-decoration:none;box-shadow:0 8px 20px #302b270b}.stat strong{font-size:34px;line-height:1.1;font-weight:600;color:var(--wine)}.stat span{font-weight:600;font-size:15px}.stat small{color:var(--plum);font-size:13px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.act .button{align-self:flex-start;margin-top:auto}
.well{background:var(--sand);border-radius:10px;padding:14px 16px;font-size:14px;color:var(--plum);line-height:1.6}.well.ok{background:#EBF2EA;color:#35502f}.well p{color:inherit}.well.space{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink)}
.opp{gap:12px}.brandline{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--plum)}.opp .tag{align-self:flex-start;background:var(--oat);color:var(--ink);border-radius:999px;padding:4px 12px;font-size:12px;letter-spacing:.02em}.opp h3{font-size:19px}.line{font-size:14px;color:var(--plum)}
.chips,.tabs{display:flex;gap:8px;flex-wrap:wrap}.chip,.chip-btn{border:1px solid var(--border);background:#fff;border-radius:999px;padding:9px 16px;font-size:14px;color:var(--ink);font-weight:500}.chip[aria-pressed=true],.chip-btn.on{background:var(--oat);border-color:var(--ink);font-weight:600}.chip-btn.button{display:inline-flex}.grow{flex:2}
.crumbs{font-size:13px;color:var(--plum)}.crumbs a{text-decoration:underline}.detail-hero{background:var(--wine);color:var(--oat);border:0}.detail-hero .line,.detail-hero .meta-row{color:var(--oat)}.detail-hero h1{color:#fff}.meta-row{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}
.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start}.stack{display:flex;flex-direction:column;gap:14px}.badge{align-self:flex-start;background:var(--oat);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.body{color:var(--ink)!important;font-size:15px!important}
form{display:flex;flex-direction:column;gap:14px}.link{font-size:14px;color:var(--wine);font-weight:600;text-decoration:underline}.fine{font-size:12px;color:var(--plum)}.err{color:#8a2a2a;font-size:13px;background:#F5ECEE;border-radius:8px;padding:8px 12px}.wide{width:100%}.button.small{padding:8px 16px;font-size:13px}
.st{display:inline-block;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;white-space:nowrap}.st-ok{color:#4A6B48;background:#EBF2EA}.st-pending{color:#A86A24;background:#FDF5E8}.st-no{color:#3E1D24;background:#F5ECEE}.st-neutral{color:var(--plum);background:var(--sand)}
.app-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.app .app-top{justify-content:flex-start}.specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;background:var(--sand);border-radius:12px;padding:14px 16px}.specs small,.lbl{display:block;font-size:11px;letter-spacing:.08em;font-weight:600;color:var(--plum)}.specs b{font-size:15px}.plan{color:var(--ink)!important}
.section{font-size:20px}.demo-note{font-size:12px;color:var(--plum);border-top:1px dashed var(--border);padding-top:10px;margin-top:4px}.button.ghost{background:transparent;color:var(--wine);text-decoration:underline;padding:8px 4px;font-weight:500}
.list-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.rowlist{display:flex;flex-direction:column}.row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-top:1px solid var(--border);text-align:left;width:100%;background:none;border-left:0;border-right:0;border-bottom:0;color:inherit}.row:first-child{border-top:0}.row h3{font-size:16px}.meta-line{font-size:13px;color:var(--plum)}.note{font-size:13px;color:var(--plum);margin-top:4px}.row-side{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.req{cursor:pointer;padding:16px 12px;border-radius:12px}.req:hover{background:var(--sand)}.req.sel{background:var(--oat)}.split{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}#bpanel{position:sticky;top:24px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.intro-actions{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.tour-focus{outline:3px solid var(--terra)!important;outline-offset:6px;border-radius:16px;box-shadow:0 0 0 9999px #302b2733!important;position:relative;z-index:3}
.tour-card{position:fixed;right:28px;bottom:28px;z-index:20;width:min(380px,calc(100% - 32px));background:#fff;border:1px solid var(--border);border-radius:20px;padding:22px;box-shadow:0 18px 50px #302b2733;display:flex;flex-direction:column;gap:10px}.tour-card h3{font-size:18px}.tour-card p{font-size:14px;color:var(--plum)}.tour-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px}.tour-nav span{display:flex;gap:8px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr}.detail-grid,.split{grid-template-columns:1fr}#bpanel{position:static}}
@media(max-width:820px){.nav .nav-label{display:none}.specs{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}.row-side{justify-content:flex-start}.two{grid-template-columns:1fr}.tour-card{left:16px;right:16px;bottom:16px;width:auto}.page-head{align-items:flex-start}}
#main:focus{outline:none}

/* Calendars and operational previews shared by both audiences. */
.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.calendar-week,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-week{text-align:center;font-size:14px;font-weight:500;color:var(--plum)}.calendar-day{min-height:112px;min-width:0;background:var(--canvas);border:1px solid var(--border);border-radius:10px;text-align:left;padding:10px;display:flex;flex-direction:column;gap:5px;color:var(--ink)}.calendar-day:hover{border-color:var(--plum);background:var(--sand)}.calendar-day>span:first-child{font-size:14px;font-weight:600}.calendar-item{font-size:12px;line-height:1.4;border-radius:5px;padding:4px 6px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;background:var(--oat);color:var(--wine)}.calendar-report{background:#F5ECEE}.calendar-delivery{background:#EBF2EA}.calendar-event{background:var(--oat)}.calendar-activation{background:#EDE8F0}.schedule-row{cursor:pointer}.schedule-row time{min-width:110px;font-size:14px;font-weight:500;color:var(--plum)}.schedule-row>div{flex:1}.schedule-row .tag{font-size:12px;text-transform:uppercase;color:var(--plum)}.schedule-row p{margin-top:4px}.report-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.report-photos figure{margin:0}.report-photos img{width:100%;height:180px;object-fit:contain;border-radius:12px;background:var(--sand)}.report-photos figcaption{font-size:12px;color:var(--plum);margin-top:6px}.photo-select{margin:0;padding:14px;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.photo-select legend{font-size:14px;font-weight:500}.photo-select p{grid-column:1/-1;font-size:13px}.photo-select label{display:flex;flex-direction:column;gap:8px;font-size:14px}.photo-select img{width:100%;height:120px;object-fit:contain;background:var(--sand);border-radius:8px}.photo-select input{width:auto;accent-color:var(--wine)}.photo-select span{display:flex;gap:8px;align-items:center}
@media(max-width:820px){.calendar-day{min-height:65px;padding:6px}.calendar-item{height:6px;width:18px;padding:0;overflow:hidden;color:transparent;font-size:0}.calendar-title{display:none}.calendar-week,.calendar-grid{gap:3px}.calendar-toolbar .card-actions{gap:8px}.calendar-toolbar .button{font-size:13px;padding:9px 12px}.schedule-row{gap:8px}.report-photos img{height:140px}.calendar-grid{margin:0 -8px}.calendar-blank{min-width:0}}

/* Main portal parity: measured from the signed-in member and admin views. */
.wordmark{font-size:22px}.network{font-size:9px;margin-top:4px}.sidebar{gap:24px}.sidebar>.pill{font-size:11px;padding:6px 10px}.profile{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border-radius:12px}.profile-details{min-width:0}.profile h2{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile p{font-size:11px;margin-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile .status{display:inline-flex;gap:4px;align-items:center;letter-spacing:0;font-size:10px;margin:0;padding:2px 7px;border-radius:999px;background:#EBF2EA;white-space:nowrap}.profile .status::before{content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--green)}.nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px}.nav-icon{width:18px;height:18px;flex:none;fill:none;stroke:var(--plum);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav a[aria-current=page] .nav-icon{stroke:var(--ink)}.card{border-radius:20px;padding:24px}.dashboard-cards{display:flex;flex-direction:column;gap:20px}.dashboard-cards .well{color:var(--ink)}.demo-activity{display:flex;flex-direction:column;gap:16px}.demo-activity h2{font-size:20px}.opp-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.opp-head .tag{font-size:11px;white-space:nowrap;padding:3px 10px}.filters .grow{flex-basis:100%}.filters input[type=search]{border-radius:999px}.page-head .sub{max-width:1000px}
@media(min-width:821px){.sidebar{width:270px;flex-basis:270px;padding:32px 20px}.main{padding:36px 48px}.nav .nav-label{margin-top:16px}}
@media(max-width:820px){.sidebar{gap:16px}.wordmark{font-size:25px}.nav a{font-size:13px;gap:8px}.nav-icon{width:16px;height:16px}.card{padding:22px}.opp-head{align-items:flex-start}.opp-head .brandline{font-size:12px}}

/* Example placement proof in the brand Reports preview. */
.placement-proof img{height:240px;object-fit:cover}
@media(max-width:820px){.placement-proof{grid-template-columns:1fr}.placement-proof img{height:auto;aspect-ratio:3/2}}

/* Scoped sponsorship preview controls. */
#wp-sponsor-demo-form .formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#wp-sponsor-demo-form label,#wp-sponsor-demo-request label{display:block}#wp-sponsor-demo-form input,#wp-sponsor-demo-form select,#wp-sponsor-demo-request input,#wp-sponsor-demo-request textarea{display:block;width:100%;box-sizing:border-box;font:inherit;padding:12px;border:1px solid #765657;border-radius:8px;margin:6px 0}#wp-sponsor-demo-form input[type=checkbox]{display:inline-block;width:auto}#wp-sponsor-demo-form [role=alert],#wp-sponsor-demo-request [role=alert]{color:#804b3c}#wp-sponsor-demo-form{margin-top:20px}#wp-sponsor-demo-form button{margin-top:16px}.card>details>summary{cursor:pointer;font-weight:600;color:#3e1d24}@media(max-width:650px){#wp-sponsor-demo-form .formgrid{grid-template-columns:1fr}#wp-sponsor-demo-form input,#wp-sponsor-demo-form select,#wp-sponsor-demo-request input{font-size:16px}}