/* Separate pyramid design preview; original workspace behavior is retained. */
:root{--ink:#431620;--muted:#76635c;--green:#790c20;--deep:#500817;--gold:#b58136;--paper:#f8f0e3;--line:#e1cdb0;--soft:#f4e8d8;--radius:11px;background:var(--paper);color:var(--ink)}
h1,h2,.page-heading p{font-family:Georgia,'Times New Roman',serif}h1{font-weight:400;font-size:42px;letter-spacing:-1.5px}h2{font-weight:500}.shell{grid-template-columns:254px minmax(0,1fr)}
.sidebar{background:#3c080f url('assets/pyramid-sunset.png') 18% bottom/auto 54% no-repeat;color:#fff0da;border-color:#b88944;padding:26px 20px 18px;isolation:isolate}.sidebar:before{content:'';position:absolute;inset:0;background:rgba(56,3,14,.63);z-index:-1}.brand{border:0;margin-bottom:25px;padding-bottom:12px}.brand .approved-logo{width:100%;height:118px}.brand img{height:118px!important;object-fit:contain}.nav a{color:#f7e8d9}.nav a:hover{background:#ffffff15}.nav a.active{background:#750c20;border:1px solid #e8ca89;box-shadow:0 0 12px #eab75322}.nav-label{color:#e1af67}.nav .counter{background:#ffffff24;color:#fff}.profile{border-color:#f3d59a55}.profile small{color:#efdbcd}.side-note{display:none}.sidebar-bottom{padding-top:40px}.avatar{background:#f5ead5;color:#5d382f}.workspace{position:relative;background:#f8f0e3;isolation:isolate}.workspace:before{content:'';position:absolute;inset:0 0 auto;height:380px;background:url('assets/pyramid-sunset.png') center 54%/cover no-repeat;opacity:.9;z-index:-2;mask-image:linear-gradient(#000 40%,transparent)}.workspace:after{content:'';position:absolute;inset:0 0 auto;height:380px;background:linear-gradient(90deg,#faf2e5 4%,#faf2e5ef 26%,#faf2e510 74%);z-index:-1}.topbar{height:64px;background:#faf3e5aa;border-color:#c8995b55}.breadcrumbs{color:#9b8065}.breadcrumbs b{color:#551c25}.top-actions .text-link{color:#5c2628}.workspace main{padding:34px clamp(26px,6.8vw,125px) 30px;max-width:1700px}.page-heading{min-height:100px;margin-bottom:20px}.page-heading p{color:#46322b;font-size:17px}.eyebrow{color:#6d3425;font-size:10px;letter-spacing:2px}.panel,.service-card,.overview,.service-intro,.bill-progress{background:#fffaf0eb;border-color:var(--line);box-shadow:0 3px 12px #9b63290a}.service-intro{background:#fff9eeed;border-left-color:#b8863c}.service-intro span,.provider-category{color:#98601e}.service-card{border-radius:12px}.service-card h2{font-size:23px;color:#681124}.service-card p{color:#675c57}.service-filters button{background:#fff9f0;border-color:#dfc7a7;color:#4e3931;border-radius:24px}.service-filters button[aria-pressed=true]{background:#780b20;color:white;box-shadow:0 0 0 2px #f6e0b0;border-color:#c98f41}.service-type-callout{background:#f5e9e0}.primary{background:#790d21;border-color:#790d21;color:#fff5df}.primary:hover{background:#530615}.secondary{background:#fff8e9}.plain{color:#781326}.metric:first-child{background:#760c20}.metric:first-child small,.metric:first-child .metric-label{color:#f7d9ba}.segmented{background:#f6eddf;border-color:#e2cfb3}.segmented button.active{color:#721327}.notice{background:#fff5e5;border-color:#e2c994;color:#705639}.field input,.field select,.field textarea,input,select,textarea{accent-color:#7b1227}.bill-progress-meter progress{accent-color:#7b1227}.footer{color:#8d7764}.network-node,.branch-card{border-color:#ddc6a1}.role-card{background:#fff9ed}.catalog{gap:18px}
.pyramid-welcome{min-height:100dvh;background:#572820 url('assets/pyramid-sunset.png') center center/cover fixed no-repeat;padding:0 5vw 30px;color:#65131e}.pyramid-header{height:128px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #e0b15e88;max-width:1650px;margin:auto}.pyramid-header .approved-logo{width:280px;height:110px}.pyramid-header img{width:100%;height:100%;object-fit:contain}.pyramid-header nav{display:flex;gap:22px;align-items:center}.pyramid-header nav>a:not(.gold-button){color:#fff5e6;text-shadow:0 1px 5px #39120c}.gold-button{display:inline-flex;align-items:center;justify-content:center;background:#fff0cf;color:#651021;padding:12px 30px;border:1px solid #c9954c;border-radius:5px;font-family:Georgia,serif;font-size:17px;min-height:44px}.gold-button:hover{background:#ffe1a0}.pyramid-welcome main{max-width:1500px;padding:48px 0 20px;min-height:calc(100dvh - 185px);display:flex;align-items:center;justify-content:flex-end}.welcome-card{width:min(610px,100%);margin-right:3vw;background:#fff9ecf5;border:1px solid #d6a35c;border-radius:13px;padding:34px 38px;box-shadow:0 18px 60px #30110940}.welcome-card .eyebrow{text-align:center;color:#986124}.welcome-card h1{text-align:center;font-size:35px;line-height:1.13;color:#815016;margin:10px 0 14px;letter-spacing:-1px}.welcome-card .welcome-motto{font-family:Georgia,serif;font-size:23px;font-style:italic;color:#8b2934;text-align:center;margin:10px 0 20px}.welcome-card p{color:#60544c;line-height:1.6;font-size:15px;margin:14px 0}.welcome-card .welcome-intro{color:#6b1c25;font-family:Georgia,serif;font-size:18px}.welcome-card details{margin:18px 0}.welcome-card summary{cursor:pointer;color:#791329;font-size:14px;font-weight:600;padding:8px 0}.letter-body{max-height:230px;overflow:auto;padding-right:10px}.welcome-card footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;margin:24px -15px -12px;background:#720a1c;border-radius:7px;color:#fff1d5;font-family:Georgia,serif;font-style:italic;font-size:17px}.welcome-card footer .gold-button{font-style:normal;white-space:nowrap}.pyramid-caption{max-width:1500px;margin:0 auto;color:#ffedd4;font-size:11px;text-shadow:0 1px 6px #341308}.pyramid-caption a{text-decoration:underline}.welcome-card .preview-note{font-size:11px;color:#846c57;text-align:center;margin-bottom:0}
@media(min-width:1600px){.workspace main{padding-left:122px;padding-right:100px}.page-heading h1{font-size:46px}}
@media(max-width:1100px){.shell{grid-template-columns:220px minmax(0,1fr)}.workspace main{padding:28px}.sidebar{padding:20px 14px}.page-heading h1{font-size:34px}.welcome-card{margin-right:0}.pyramid-welcome main{padding-top:30px}}
@media(max-width:800px){.shell{display:block}.sidebar{width:254px}.workspace main{padding:24px 18px}.workspace:before,.workspace:after{height:280px}.pyramid-header{height:96px;gap:15px}.pyramid-header .approved-logo{width:200px;height:90px}.pyramid-header nav>a:not(.gold-button){display:none}.pyramid-header .gold-button{padding:10px 18px}.pyramid-welcome{padding:0 20px 20px;background-attachment:scroll}.pyramid-welcome main{justify-content:center;min-height:calc(100dvh - 150px);padding:35px 0}.welcome-card{padding:27px 24px;background:#fff9ecf2}.welcome-card h1{font-size:30px}.welcome-card footer{margin:22px -8px -8px;font-size:15px;padding:15px;flex-wrap:wrap}.welcome-card p{font-size:14px}.welcome-card footer .gold-button{font-size:16px}.page-heading h1{font-size:32px}.page-heading p{font-size:16px}}
@media(min-width:1001px){.page-heading{min-height:96px;margin-bottom:16px}.service-intro{padding:20px 26px;min-height:75px;gap:28px}.service-intro p{max-width:none;font-family:Georgia,serif;font-size:15px}.bill-progress{position:relative;padding:18px 26px;margin-top:16px;min-height:116px}.bill-progress>div:first-child{width:100%}.bill-progress h2{font-size:24px;margin-bottom:4px}.bill-progress p{font-family:Georgia,serif;font-size:16px;margin-bottom:8px;max-width:calc(100% - 300px)}.bill-progress-result{position:absolute;right:24px;top:18px;width:260px;gap:7px}.bill-progress-result small{font-size:10px}.bill-progress>div:first-child>small{display:block;margin-top:8px;font-size:11px;line-height:1.4}.catalog .service-card{padding:20px 22px}.service-card-top{margin-bottom:14px}.provider-logo{height:48px;width:145px}.catalog .service-card h2{font-size:22px;margin:3px 0 6px}.catalog .service-card p{font-size:12px;line-height:1.4;margin-bottom:12px}.service-card-bottom{padding-top:10px}.service-filters{margin:16px 0 12px}.service-filters button{padding:7px 20px;min-height:34px}}
.service-mode-prompt,.service-upload-status,.service-intake summary{background:#f5eae2!important;color:#701326!important}.sidebar:before{background:linear-gradient(#3b060ce8 25%,#3b060cbb 55%,#3b060c22)}
@media(min-width:1001px){.service-upload-status{padding:10px 12px;margin:0 0 5px;min-height:48px;gap:10px}.service-upload-status strong{font-size:12px}.service-upload-status small{font-size:10px;margin-top:3px}.service-type.field{margin:0 0 8px;gap:4px;font-size:11px}.service-type select{min-height:32px;padding:6px 12px;font-size:12px;height:32px}.service-preparation{padding-top:8px;margin-bottom:4px}.service-preparation summary{font-size:13px;min-height:37px}.service-preparation summary span{margin-top:2px}.service-card-bottom{flex-direction:row;align-items:center;justify-content:space-between;min-height:36px;padding-top:5px}.service-card-bottom .plain{min-height:32px}.provider-category{font-size:10px;text-transform:uppercase;letter-spacing:1px}.service-card-top{margin-bottom:10px}.catalog .service-card p{margin-bottom:10px}}

.planning-complexes article{background:#eff7f1;border-color:#b6d3be}
.planning-complexes article :is(strong,b,small){color:#24543b}
.plan-progress{padding:4px 24px 22px;color:#24543b}
.person-progress{min-width:110px;max-width:195px;margin-top:7px}
.person-progress small{display:block;font-size:11px;color:#345d46}
:is(.planning-complexes,.plan-progress,.person-progress) progress{display:block;width:100%;height:9px;margin:6px 0;border:0;border-radius:10px;overflow:hidden;appearance:none;background:#ccdfd2;color:#287448}
:is(.planning-complexes,.plan-progress,.person-progress) progress::-webkit-progress-bar{background:#ccdfd2}
:is(.planning-complexes,.plan-progress,.person-progress) progress::-webkit-progress-value{background:#287448}
:is(.planning-complexes,.plan-progress,.person-progress) progress::-moz-progress-bar{background:#287448}

.personal-target{padding:18px 24px;margin:12px 0;background:#eff7f1;border-color:#b6d3be}.personal-target h2{margin:0;font-size:20px;color:#24543b}.personal-target progress{display:block;width:100%;height:10px;accent-color:#287448;margin-bottom:10px}.personal-metrics .personal-target{margin:0}

.network-customer-meter{max-width:230px;margin:8px 0;color:#24543b}.network-customer-meter small{font-size:12px;display:block}
.network-customer-meter progress{display:block;width:100%;min-width:70px;height:9px;margin-top:5px;border:0;border-radius:10px;overflow:hidden;appearance:none;background:#d7e6db;color:#267549}
.network-customer-meter progress::-webkit-progress-bar{background:#d7e6db}.network-customer-meter progress::-webkit-progress-value{background:#267549}.network-customer-meter progress::-moz-progress-bar{background:#267549}

.investor-estimate { margin: 1.25rem 0; padding: 1.25rem; background: #f0f7f2; border-inline-start: 4px solid #29734b; border-radius: .5rem; }
.investor-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,15rem),1fr)); gap: 1rem; }
.investor-estimate #investor-result { font-weight: 600; }
.stage-badge { display:inline-flex; align-items:center; gap:.4rem; }
.stage-badge .status-symbol { width:1.45rem; height:1.45rem; display:inline-grid; place-items:center; }
.stage-badge .status-symbol svg { width:1rem; height:1rem; }
.calendar-grid button { min-height:44px; font-size:15px; border-radius:10px; }
.calendar-grid span { font-size:12px; }
.calendar-top h3 { font-size:1.35rem; }
#prospect-plan [hidden] { display:none; }
#prospect-plan [data-slide] { margin:1.2rem 0; }
#prospect-plan [data-slide] label { font-size:1.05rem; }
.person-avatar { position:relative; flex:none; display:inline-flex; margin-right:4px; }
.person-avatar .avatar-status { position:absolute; bottom:-4px; right:-6px; display:grid; place-items:center; border:2px solid white; border-radius:50%; width:20px; height:20px; background:#eff6ed; }
.avatar-status svg { width:12px;height:12px; }
.account-avatar img { height:100%; width:100%; border-radius:inherit; object-fit:cover; }
.photo-setup { padding:22px; margin-bottom:20px; }
.photo-setup .field { margin:12px 0 4px; }
.photo-setup .plain { margin-left:14px; }

/* Complex surfaces use the requested mint palette. */
.network-root-card, .branch-heading, .position-main, .complex-preview-card,
.preview-level-links button, .network-position, .property, .complex-tabs button {
 background:#e8f8ef; border-color:#a6d9bd; color:#174c38;
}
.network-position.has-person .position-main, .property.occupied { background:#caf0dc; }
.position-symbol, .network-root-card .position-symbol { background:#d1f2df; color:#236c4c; }
.network-level-column h4 { border-bottom-color:#81c9a4; }
.network-branch { border-color:#a6d9bd; }
.branch-heading span, .position-main small { color:#38664e; }
.position-downline { background:#f1fbf5; border-color:#bce2cd; color:#236c4c; }
.preview-level-links button:hover, .position-main:hover { background:#d3f1e0; }
#prospect-plan fieldset { border:0; padding:0; min-width:0; }
#prospect-plan legend { font-size:1.3rem; line-height:1.4; font-weight:600; margin-bottom:20px; }
#prospect-plan .question-choices { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:10px; }
#prospect-plan .question-choices label { cursor:pointer; display:flex; gap:10px; align-items:center; padding:16px; border:1px solid #bfd8cb; border-radius:12px; }
#prospect-plan .question-choices label:has(input:checked) { background:#d8f5e5; border-color:#39885f; }
#prospect-plan .question-choices input { width:18px; height:18px; accent-color:#26744e; }
#prospect-plan input[type=number] { width:100%; min-height:64px; font-size:26px; padding:12px; }
.question-progress { width:100%; margin:12px 0; accent-color:#39885f; }
.question-badge { display:flex; align-items:center; gap:14px; padding:16px; border-radius:12px; background:#e8f8ef; font-size:12px; }
.question-badge svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.8; }
.question-badge strong { display:block; font-size:18px; margin-top:4px; }
.next-badge { padding:12px; background:#edf9f1; border-radius:10px; margin-top:12px; font-size:12px; }
.next-badge strong { display:block; font-size:13px; }
.next-badge ul { padding:0; list-style:none; margin:8px 0 0; white-space:normal; }
.next-badge li { margin:7px 0; line-height:1.5; }
.next-badge progress { width:100%; height:9px; accent-color:#258454; }

.events-toolbar { padding:0 24px 24px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.events-toolbar small { color:#4c6859; }
.event-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)); gap:20px; padding:0 24px 24px; }
.event-card { border:1px solid #c2dfce; background:#f6fcf8; border-radius:16px; padding:24px; min-width:0; }
.event-card-top { display:flex; align-items:flex-start; gap:18px; }
.event-date { display:flex; flex-direction:column; align-items:center; min-width:72px; padding:12px; border-radius:12px; color:#185539; background:#d4f2e1; }
.event-date span { text-transform:uppercase; font-size:12px; letter-spacing:1px; }
.event-date strong { font-size:34px; line-height:1.2; }
.event-date small { font-size:11px; }
.event-card h3 { font-size:21px; line-height:1.3; margin:6px 0 10px; overflow-wrap:anywhere; }
.event-card .comm-body { line-height:1.65; margin:20px 0; overflow-wrap:anywhere; white-space:pre-wrap; }
.events-empty { padding:28px 0; }
.whatsapp-panel { display:flex; gap:24px; padding:32px; margin-bottom:24px; border:1px solid #a1dbb8; background:#eafaef; }
.whatsapp-icon { display:grid; place-items:center; flex:none; background:#168541; color:#fff; width:64px; height:64px; border-radius:18px; }
.whatsapp-icon svg { width:42px; height:42px; }
.whatsapp-panel h2 { margin:0 0 10px; }
.whatsapp-join { background:#187840; color:white; border:0; border-radius:10px; padding:15px 20px; font:inherit; font-weight:600; margin:12px 0; text-align:left; }
.whatsapp-join:disabled { opacity:.65; cursor:not-allowed; }
.whatsapp-panel small { display:block; }
@media(max-width:600px) {
 .whatsapp-panel { padding:20px; gap:16px; flex-direction:column; }
 .events-toolbar { padding:0 16px 20px; }
 .event-card-grid { padding:0 16px 16px; }
 .event-card { padding:18px; }
 .events-toolbar .segmented { width:100%; display:flex; }
 .events-toolbar .segmented button { flex:1; padding:12px 8px; }
}