:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#304943;background:#f7f6f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f7f6f2}button,input,select,textarea{font:inherit}button{cursor:pointer} .app{min-height:100vh;display:flex}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#fff;color:#304943;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;justify-content:center;padding:4px 6px 22px}.brandLogo{display:block;width:190px;height:auto;max-height:96px;object-fit:contain}.org{display:flex;align-items:center;gap:9px;background:#f4f7f5;border:1px solid #dfe7e3;border-radius:12px;padding:10px;margin-bottom:18px}.orgdot{width:30px;height:30px;border-radius:9px;background:#dbe9e5;color:#315e58;display:grid;place-items:center;font-weight:800;font-size:11px}.org strong,.org small{display:block}.org strong{font-size:10px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org small{font-size:8px;color:#7b8c87;margin-top:2px}nav{display:grid;gap:4px}nav button,.sideBottom button{border:0;background:transparent;color:#60716c;text-align:left;padding:10px 11px;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:12px}nav button.active,nav button:hover,.sideBottom button:hover{background:#edf4f1;color:#173d39}.sideBottom{margin-top:auto;display:grid;gap:4px;border-top:1px solid #e3e9e5;padding-top:12px}main{margin-left:250px;flex:1;min-width:0}header{height:86px;background:#fff;border-bottom:1px solid #e6e2d9;padding:18px 34px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.mobileMenu{display:none;border:0;background:#f1f3f0;border-radius:8px;padding:8px}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;font-size:10px;color:#78908b;font-weight:700;margin-bottom:4px}h1{font-size:22px;margin:0;color:#173d39;letter-spacing:-.5px}.headerActions{display:flex;gap:9px}.primary,.soft,.outline,.link{font:inherit;cursor:pointer;border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{border:1px solid #173d39;background:#173d39;color:#fff}.primary:hover{background:#28534e}.soft{border:1px solid #e1e5e2;background:#fff;color:#36524e}.outline{border:1px solid #dfe4e0;background:#fff;color:#36524e;width:100%;margin-top:16px}.link{border:0;background:none;color:#507873;padding:0}.content{padding:28px 34px;max-width:1380px;margin:auto}.hero{background:linear-gradient(120deg,#e8f0ed,#f5eadc);border:1px solid #dce7e2;border-radius:20px;padding:31px 34px;display:flex;justify-content:space-between;align-items:center;min-height:250px}.hero h2{font-size:30px;color:#173d39;letter-spacing:-1px;margin:13px 0 9px}.hero p{max-width:680px;color:#62736f;line-height:1.6;margin:0 0 19px}.pill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #dce5e1;color:#52716b;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:700}.heroOrb{width:170px;height:170px;border-radius:50%;background:#173d39;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;box-shadow:0 15px 40px #173d3920}.heroOrb span{font-size:13px;line-height:1.35}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:17px 0}.stat,.panel,.templateCard,.newCard{background:#fff;border:1px solid #e6e3dc;border-radius:15px}.stat{padding:17px;display:grid;gap:4px}.statIcon{width:33px;height:33px;border-radius:9px;background:#edf4f1;color:#42706a;display:grid;place-items:center;margin-bottom:6px}.stat span{font-size:11px;color:#778681}.stat strong{font-size:25px;color:#173d39}.stat small{font-size:10px;color:#87948f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px}.panelHead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.panelHead h3,.templateCard h3{margin:0;color:#244641;font-size:15px}.panelHead p,.templateCard p{margin:4px 0 0;color:#899590;font-size:11px}.row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #eeeae3}.avatar{width:35px;height:35px;border-radius:10px;background:#e8efe9;color:#38615b;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}.grow{flex:1;min-width:0}.grow b,.grow span{display:block}.grow b{font-size:12px;color:#304943}.grow span{font-size:10px;color:#87948f;margin-top:3px}.status{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#e9f3ed;color:#39705b;white-space:nowrap}.status.draft{background:#f3eee4;color:#98734b}.status.complete{background:#e8f0fb;color:#4a6b91}.templateIcon{width:34px;height:34px;border-radius:9px;background:#f1eee7;color:#856f50;display:grid;place-items:center}.templateGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.templateCard{padding:19px}.templateTop{display:flex;justify-content:space-between}.templateIcon.big{width:40px;height:40px}.templateCard h3{margin-top:18px;font-size:16px}.templateMeta{display:flex;justify-content:space-between;margin-top:18px;color:#83908b;font-size:10px}.newCard{padding:25px;border:1.5px dashed #b9c8c3;color:#53746e;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;cursor:pointer;min-height:210px}.newCard b{font-size:13px;color:#365d57}.newCard span{font-size:10px;max-width:210px;color:#899590;line-height:1.5}.callout{margin-top:17px;background:#edf4f1;border:1px solid #d9e6e1;border-radius:14px;padding:17px;display:flex;gap:12px;color:#39635d}.callout p{margin:4px 0 0;font-size:11px;color:#66807a;line-height:1.5}.person{display:flex;align-items:center;gap:9px}.person small{display:block;color:#8a9691;font-size:9px;margin-top:3px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;color:#8a9691;text-transform:uppercase;letter-spacing:.5px;padding:9px;border-bottom:1px solid #ece9e2}td{padding:13px 9px;border-bottom:1px solid #eeeae3;color:#64726e}.checkRow{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #eeeae3}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar>div{display:grid;gap:4px}.toolbar b{font-size:13px;color:#34534d}.toolbar span{font-size:10px;color:#899590}.toolbar select{border:1px solid #dfe4df;background:#fff;border-radius:9px;padding:9px 11px;color:#52655f}.bigNumber{font-size:48px;color:#173d39;font-weight:800;margin:22px 0 8px}.bigNumber span{font-size:20px;color:#81908b}.progress{height:10px;border-radius:99px;background:#e8ebe8;overflow:hidden}.progress i{display:block;height:100%;background:#557f78;border-radius:inherit}.muted{font-size:11px;color:#899590;line-height:1.5}.insight{display:flex;gap:12px;background:#f5f0e7;border-radius:12px;padding:15px;color:#806b4e}.insight p{font-size:12px;line-height:1.6;margin:4px 0 0;color:#6f756f}.insightWide{margin-top:16px;display:flex;gap:13px;align-items:flex-start}.insightWide h3{margin:0;color:#34534d}.insightWide p{margin:5px 0 0;color:#73827d;font-size:12px;line-height:1.6}.settingsPanel{max-width:760px;margin-bottom:16px}.settingsPanel label,.modal label,.fullField{display:block;font-size:11px;color:#687772;font-weight:700;margin-top:17px}.settingsPanel input,.modal input,.modal select,.fieldGrid input,.fieldGrid select,.fullField textarea,.qBody textarea,.sectionTitle input{display:block;width:100%;margin-top:7px;border:1px solid #dfe4df;border-radius:9px;padding:10px 11px;font:inherit;font-size:12px;color:#334a45;background:#fff}.security{margin-top:20px;background:#edf4f1;border-radius:12px;padding:14px;display:flex;gap:10px;color:#3f6b64}.security p{font-size:11px;color:#70817c;margin:4px 0 0;line-height:1.5}.planBox{border:1px solid #e5e1d8;border-radius:12px;padding:15px;margin-top:15px;display:grid;gap:5px}.planBox span{font-size:10px;color:#899590}.planBox .outline{width:max-content;margin-top:8px}.overlay{position:fixed;inset:0;background:#173d3940;display:grid;place-items:center;z-index:50;padding:20px}.modal{width:min(500px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:21px;box-shadow:0 25px 70px #173d3930}.modalHead{display:flex;justify-content:space-between;align-items:center}.modalHead h3{margin:0;color:#173d39}.modalHead button{border:0;background:#f2f2ef;border-radius:8px;width:30px;height:30px;cursor:pointer;display:grid;place-items:center;color:#60716c}.hint{font-size:10px;color:#87948f;line-height:1.5;margin-top:15px}.modalActions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.search{display:flex;align-items:center;gap:8px;border:1px solid #e1e4df;border-radius:9px;padding:0 11px;margin-bottom:14px;max-width:360px}.search input{border:0;outline:0;padding:10px 0;width:100%;font-size:12px}.builderTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.builderActions{display:flex;align-items:center;gap:10px}.builderActions span{font-size:10px;color:#a17a4d}.builderActions span.saved{color:#3e7b61}.builderGrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.fieldGrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.fieldGrid label,.fullField{font-size:10px;color:#73827d;font-weight:700}.fullField textarea{min-height:75px;resize:vertical}.builderSectionHead{display:flex;justify-content:space-between;align-items:flex-end;margin:24px 0 10px}.builderSectionHead h2{font-size:18px;color:#244641;margin:0}.builderSectionHead p{font-size:10px;color:#899590;margin:4px 0 0}.sectionCard{margin-bottom:12px}.sectionHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sectionTitle{display:flex;align-items:center;gap:7px;flex:1;color:#a0aaa6}.sectionTitle input{max-width:320px;margin:0;font-weight:800;color:#36534d}.iconBtn{border:0;background:#f2f3f0;border-radius:8px;width:31px;height:31px;display:grid;place-items:center;color:#61736e}.iconBtn.danger:hover{background:#faece8;color:#a34e3f}.question{display:flex;gap:9px;border-top:1px solid #eeeae3;padding:13px 0}.qNum{width:25px;height:25px;border-radius:7px;background:#edf4f1;color:#4b736d;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 auto}.qBody{flex:1}.qBody textarea{min-height:58px;resize:vertical;margin:0}.qControls{display:flex;gap:7px;align-items:center;margin-top:8px}.qControls select{border:1px solid #dfe4df;border-radius:8px;background:#fff;padding:7px 8px;font-size:10px;color:#52655f}.miniCheck{font-size:10px;color:#6e7c77;display:flex;align-items:center;gap:4px;white-space:nowrap}.visibilityBtn{border:0;background:#f5f6f3;border-radius:8px;padding:7px 8px;font-size:10px;color:#5d706a;display:flex;gap:4px;align-items:center}.visibilityChips{display:flex;gap:5px;margin-top:7px}.visibilityChips span{font-size:8px;padding:4px 6px;background:#f2eee6;border-radius:999px;color:#7d6c51}.addQuestion{width:100%;border:1px dashed #bdcac5;background:#fbfcfa;color:#55736d;border-radius:9px;padding:9px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px}.summaryRow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eeeae3;font-size:11px}.summaryRow span{color:#899590}.summaryRow b{color:#3c5852}.privacy{display:flex;gap:10px;background:#edf4f1;color:#3f6b64;margin-top:12px}.privacy p{font-size:10px;line-height:1.5;color:#6e817b;margin:4px 0 0}.check{display:flex;align-items:center;gap:7px;font-size:11px;color:#5d706a;margin-top:12px}.check input{accent-color:#173d39}.saved{color:#3e7b61}@media(max-width:1100px){aside{width:220px}main{margin-left:220px}.cards{grid-template-columns:repeat(2,1fr)}.templateGrid{grid-template-columns:1fr 1fr}.builderGrid{grid-template-columns:1fr}.builderSide{display:grid;grid-template-columns:1fr 1fr}.heroOrb{display:none}.fieldGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){aside{display:none}aside.open{display:flex;width:270px;box-shadow:20px 0 50px #173d3920}main{margin-left:0}.mobileMenu{display:grid;margin-right:10px}header{padding:14px 17px;height:auto;min-height:76px}.headerActions .soft{display:none}.content{padding:17px}.grid2,.templateGrid,.builderSide{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.hero{padding:24px}.hero h2{font-size:25px}.fieldGrid{grid-template-columns:1fr}.qControls{flex-wrap:wrap}table{display:block;overflow:auto;white-space:nowrap}.builderTop{align-items:flex-start;gap:10px}.builderActions span{display:none}}
/* Popivo v0.4 additions */
.profileButton{display:flex;align-items:center;gap:7px}.avatar.mini{width:25px;height:25px;border-radius:7px;font-size:8px}.avatar.tiny{width:28px;height:28px;border-radius:8px;font-size:8px}.menuButtons,.panelActions{display:flex;align-items:center;gap:7px}.cardActions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:12px;border-top:1px solid #eeeae3}.annualCard{display:flex;align-items:center;gap:12px;padding:13px;background:#faf9f5;border:1px solid #ebe7de;border-radius:12px}.annualIcon{width:42px;height:42px;border-radius:11px;background:#edf4f1;color:#47736c;display:grid;place-items:center}.annualCard p{font-size:10px;color:#899590;margin:4px 0 0}.softTag{font-size:9px;font-weight:800;color:#7d6a4e;background:#f3eee5;padding:5px 8px;border-radius:999px}.lower{margin-top:16px}.activity{display:flex;gap:10px;padding:11px 0;border-top:1px solid #eeeae3}.activityDot{width:8px;height:8px;border-radius:50%;background:#7b9d95;margin-top:5px;flex:0 0 auto}.activity b,.activity span{display:block}.activity b{font-size:11px;color:#425a54}.activity span{font-size:9px;color:#929d99;margin-top:3px}.audienceGrid{margin-top:10px}.fullBtn{width:100%;margin-top:13px;justify-content:center;display:flex;align-items:center;gap:6px}.roleOption{display:flex!important;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #eeeae3;margin:0!important;color:#536761!important}.roleOption>span{display:flex;align-items:center;gap:9px}.roleOption input{accent-color:#173d39}.toast{position:fixed;right:24px;bottom:24px;background:#173d39;color:white;padding:11px 15px;border-radius:10px;box-shadow:0 15px 35px #173d3940;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;z-index:100}.goalGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.goalCard h3{font-size:15px;color:#294943;margin:18px 0 10px}.goalMeta,.goalBottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#87948f}.goalMeta span:first-child{color:#55736c;font-weight:700}.goalCard .progress{margin-top:15px}.goalBottom{margin-top:9px}.goalBottom b{font-size:15px;color:#244641}.settingsTabs{display:flex;gap:6px;margin-bottom:14px;overflow:auto}.settingsTabs button{border:1px solid #e1e4df;background:#fff;border-radius:9px;padding:9px 12px;font-size:10px;color:#6c7c77;white-space:nowrap}.settingsTabs button.active{background:#173d39;color:#fff;border-color:#173d39}.permissionRow{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid #eeeae3}.permissionRow span{display:block;font-size:10px;color:#8a9691;margin-top:3px}.toggleRow{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-top:1px solid #eeeae3}.toggleRow b,.toggleRow span{display:block}.toggleRow b{font-size:11px;color:#3f5751}.toggleRow span{font-size:9px;color:#929d99;margin-top:3px}.toggle{width:37px;height:21px;border:0;border-radius:999px;background:#d9dfdc;padding:2px;cursor:pointer}.toggle i{display:block;width:17px;height:17px;background:#fff;border-radius:50%;transition:.15s}.toggle.on{background:#557f78}.toggle.on i{transform:translateX(16px)}.empty{padding:35px 15px;display:flex;align-items:center;flex-direction:column;gap:7px;color:#8b9692;text-align:center}.empty b{color:#52655f;font-size:12px}.empty span{font-size:10px}.panelActions select{border:1px solid #dfe4df;background:#fff;border-radius:9px;padding:9px 11px;color:#52655f;font-size:10px}@media(max-width:1100px){.goalGrid{grid-template-columns:1fr 1fr}}@media(max-width:760px){.goalGrid{grid-template-columns:1fr}.toast{right:15px;bottom:15px}.profileButton{display:none}.panelActions{flex-wrap:wrap}.toolbar{align-items:flex-start;gap:10px}.toolbar .panelActions{justify-content:flex-end}.cardActions{gap:8px}}
.rowButton{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit}.rowButton:hover{background:#fafbf9}.reviewModal{width:min(760px,100%)}.reviewModal h3{margin:3px 0 0;font-size:20px}.reviewNotice{display:flex;gap:10px;background:#edf4f1;border:1px solid #d9e6e1;border-radius:11px;padding:12px;margin:17px 0;color:#3f6b64}.reviewNotice b,.reviewNotice span{display:block}.reviewNotice b{font-size:11px}.reviewNotice span{font-size:10px;color:#6e817b;line-height:1.5;margin-top:3px}.reviewSection{border-top:1px solid #ece9e2;padding:17px 0}.reviewSection h4{margin:0 0 13px;color:#34534d;font-size:13px}.reviewQuestion{display:block!important;margin:0 0 16px!important;font-size:11px!important;color:#536761!important}.reviewQuestion>span{display:block;margin-bottom:7px;font-weight:700}.reviewQuestion em{font-style:normal;color:#b55c49;margin-left:3px}.reviewQuestion textarea{display:block;width:100%;min-height:75px;border:1px solid #dfe4df;border-radius:9px;padding:10px;font:inherit;font-size:11px;resize:vertical}.ratingChoices{display:flex;gap:7px;flex-wrap:wrap}.ratingChoices button{min-width:38px;height:34px;border:1px solid #d9dfdc;background:#fff;border-radius:9px;color:#60716c;font-weight:700;cursor:pointer}.ratingChoices button.selected{background:#173d39;border-color:#173d39;color:#fff}

/* Popivo v0.5 responsive foundation */
html,body,#root{min-height:100%;width:100%;overflow-x:hidden}
.app{width:100%;max-width:100vw;overflow-x:hidden}
main,header,.content,.builderGrid,.builderGrid>section,.builderSide,.panel,.templateCard,.newCard,.stat,.toolbar,.panelHead,.builderTop{min-width:0}
header{gap:18px}
header>div:first-of-type{min-width:0}
header h1{white-space:normal;overflow-wrap:anywhere}
.content{width:100%;max-width:1440px}
.hero>div:first-child{min-width:0}
.hero h2,.hero p,.grow,.panelHead>div{overflow-wrap:anywhere}
.builderGrid{grid-template-columns:minmax(0,1fr) minmax(250px,300px)}
.builderGrid>section{width:100%;min-width:0}
.builderSide{width:100%;min-width:0}
.sectionTitle input{min-width:0;max-width:none!important}
.question,.qBody{min-width:0}
.qControls{flex-wrap:wrap}
.qControls select,.visibilityBtn{max-width:100%}
.tableWrap{width:100%;overflow:auto}

.setupScreen{min-height:100vh;background:linear-gradient(135deg,#f7f6f2 0%,#eef5f2 100%);display:grid;place-items:center;padding:32px 18px}
.setupCard{width:min(900px,100%);background:#fff;border:1px solid #e3e7e2;border-radius:24px;padding:42px;box-shadow:0 25px 80px #173d3912}
.setupLogo{display:block;width:180px;height:auto;margin:0 0 26px}
.setupCard h1{font-size:32px;letter-spacing:-1px;margin:8px 0 10px}
.setupLead{max-width:680px;color:#70817c;font-size:14px;line-height:1.7;margin:0 0 28px}
.setupGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.setupGrid label{font-size:11px;color:#5f716b;font-weight:700}
.setupGrid input,.setupGrid select{display:block;width:100%;margin-top:7px;border:1px solid #dfe4df;border-radius:10px;padding:12px;background:#fff;color:#304943}
.setupButton{margin-top:22px;padding:12px 16px}
.setupError{margin-top:14px;padding:10px 12px;border-radius:9px;background:#faece8;color:#9b5446;font-size:11px}
.setupFeatures{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #ece9e2}
.setupFeatures div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;color:#4b6c65}
.setupFeatures b{font-size:11px}.setupFeatures span{grid-column:2;font-size:9px;color:#899590;line-height:1.5}
.gettingStarted{margin-top:16px}
.setupSteps{display:grid;gap:0}
.setupStep{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #eeeae3}
.setupStep .stepIcon{width:32px;height:32px;border-radius:9px;background:#edf4f1;color:#4d746d;display:grid;place-items:center;font-size:11px;font-weight:800;flex:0 0 auto}
.setupStep.done .stepIcon{background:#e8f3ec;color:#3d775f}
.setupStep .grow span{display:block;font-size:10px;color:#899590;margin-top:3px;line-height:1.5}

@media(max-width:1280px){
 aside{width:220px}main{margin-left:220px}
 .content{padding-left:24px;padding-right:24px}
 .builderGrid{grid-template-columns:1fr}
 .builderSide{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;align-items:start}
 .builderSide .panel:last-child{grid-column:span 2}
 .fieldGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero{min-height:220px}
}
@media(max-width:900px){
 header{padding:15px 20px;height:auto;min-height:76px}
 .headerActions .profileButton{display:none}
 .content{padding:20px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .grid2{grid-template-columns:1fr}
 .templateGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .goalGrid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .setupCard{padding:30px}
}
@media(max-width:760px){
 aside{display:none}aside.open{display:flex;width:min(290px,86vw);box-shadow:20px 0 50px #173d3920}
 main{margin-left:0;width:100%}
 header{padding:12px 15px;gap:10px}
 .mobileMenu{display:grid;flex:0 0 auto}
 .headerActions .primary{padding:9px 10px;font-size:11px}
 .content{padding:15px}
 .cards{grid-template-columns:1fr 1fr;gap:9px}
 .stat{padding:13px}.stat strong{font-size:21px}
 .hero{padding:22px;min-height:auto}.hero h2{font-size:25px}.hero p{font-size:12px}.heroOrb{display:none}
 .templateGrid,.goalGrid{grid-template-columns:1fr}
 .builderSide{grid-template-columns:1fr}
 .builderSide .panel:last-child{grid-column:auto}
 .builderTop{flex-direction:column;align-items:stretch}
 .builderActions{flex-wrap:wrap}
 .builderActions button{flex:1 1 auto}
 .fieldGrid{grid-template-columns:1fr}
 .setupScreen{padding:15px}
 .setupCard{padding:24px 18px;border-radius:18px}
 .setupCard h1{font-size:27px}
 .setupGrid,.setupFeatures{grid-template-columns:1fr}
 .setupFeatures span{grid-column:2}
 .setupLogo{width:125px}
 .toolbar{flex-direction:column;align-items:stretch}
 .toolbar .panelActions{justify-content:flex-start}
 .panelActions{flex-wrap:wrap}
 .panelActions select,.panelActions button{flex:1 1 150px}
 .modal{padding:18px;border-radius:15px}
 .modalActions{flex-wrap:wrap}.modalActions button{flex:1 1 130px}
 .question{gap:7px}.qControls{align-items:stretch}.qControls select,.visibilityBtn{flex:1 1 130px}
}
@media(max-width:480px){
 .cards{grid-template-columns:1fr}
 .headerActions .primary{font-size:0}.headerActions .primary svg{margin:0}
 h1{font-size:18px}.eyebrow{font-size:8px}
 .hero h2{font-size:22px}
 .setupCard h1{font-size:24px}
}
.reviewInput{display:block;width:100%;border:1px solid #dfe4df;border-radius:9px;padding:10px;font-size:11px;color:#304943;background:#fff}
.multiChoices{display:grid;gap:8px;background:#fafbf9;border:1px solid #e5e8e5;border-radius:9px;padding:10px}.multiChoices label{font-size:11px!important;font-weight:500!important;color:#536761!important}.multiChoices input{accent-color:#173d39}
.optionInput{min-width:180px;flex:1;border:1px solid #dfe4df;border-radius:8px;background:#fff;padding:7px 8px;font-size:10px;color:#52655f}

/* Popivo v0.6 platform administration and select control polish */
.selectWrap{position:relative;display:block;width:100%;margin-top:7px}
.selectWrap select{display:block;width:100%;margin-top:0!important;padding-right:38px!important;appearance:none;-webkit-appearance:none;background:#fff}
.selectChevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#52655f}
.seatMeter{display:inline-flex!important;margin-top:7px;font-size:9px!important;color:#55736c!important;background:#edf4f1;border:1px solid #d9e6e1;border-radius:999px;padding:4px 7px;width:max-content}
.platformHero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;background:linear-gradient(120deg,#edf5f2,#f7eee2);border-color:#dce7e2}
.platformHero h2{margin:4px 0 7px;color:#173d39;font-size:25px;letter-spacing:-.6px}
.platformHero p{margin:0;color:#70817c;font-size:11px;line-height:1.6;max-width:720px}
.companyTable{display:grid;gap:0}
.companyRow{display:grid;grid-template-columns:minmax(230px,2fr) .8fr .8fr .75fr auto;gap:16px;align-items:center;padding:15px 0;border-top:1px solid #eeeae3;min-width:0}
.companyIdentity{display:flex;align-items:center;gap:10px;min-width:0}.companyIdentity>div:last-child{min-width:0}.companyIdentity b,.companyIdentity span{display:block;overflow-wrap:anywhere}.companyIdentity b{font-size:12px;color:#304943}.companyIdentity span{font-size:9px;color:#899590;margin-top:3px}.companyLogoDot{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:#e7f0ec;color:#315e58;display:grid;place-items:center;font-weight:800}.companyRow small{display:block;color:#9aa49f;font-size:8px;margin-bottom:3px;text-transform:uppercase;letter-spacing:.5px}.companyRow strong{font-size:11px;color:#435c56}.companyActions{display:flex;align-items:center;gap:6px}.companyActions .soft{white-space:nowrap}.planGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.planAdminCard{min-width:0}.planAdminTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.planAdminTop h3{margin:0;color:#244641;font-size:16px}.planAdminTop span{display:block;color:#899590;font-size:9px;margin-top:4px}.planAdminTop>b{font-size:12px;color:#173d39;white-space:nowrap}.planLimit{display:flex;align-items:center;gap:8px;margin:22px 0 9px;padding:12px;background:#edf4f1;border-radius:10px;color:#4a716a}.planLimit strong{font-size:22px;color:#173d39}.planLimit span{font-size:9px;color:#71817c}.planAdminCard .muted{margin:0}
@media(max-width:1150px){.companyRow{grid-template-columns:minmax(190px,1.7fr) .7fr .8fr .7fr auto;gap:10px}.planGrid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.platformHero{align-items:flex-start;flex-direction:column}.companyRow{grid-template-columns:1fr 1fr;gap:10px}.companyIdentity{grid-column:1/-1}.companyActions{justify-content:flex-start}.planGrid{grid-template-columns:1fr}}
@media(max-width:600px){.companyRow{grid-template-columns:1fr 1fr}.companyRow>div:nth-child(4){grid-column:1}.companyActions{grid-column:2}.platformHero h2{font-size:21px}}

.viewAsBanner{position:sticky;top:0;z-index:25;margin:0 28px 0;padding:10px 14px;border:1px solid #cfe1db;background:#eff8f5;display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:0 0 14px 14px;box-shadow:0 8px 24px #173d3912}.viewAsBanner>div{display:flex;align-items:center;gap:9px;min-width:0}.viewAsBanner>div>span{font-size:13px;color:#173d39}.viewAsBanner>div>small{color:#71837e;font-size:11px;margin-left:4px}.viewAsBanner button{white-space:nowrap}.viewAsIntro{display:flex;gap:12px;align-items:flex-start;padding:12px 13px;border:1px solid #dfe9e5;background:#f5faf8;border-radius:12px;margin-bottom:16px}.viewAsIntro svg{color:#17645c;flex:0 0 auto;margin-top:2px}.viewAsIntro b{display:block;color:#173d39}.viewAsIntro p{margin:4px 0 0;color:#71837e;font-size:12px;line-height:1.5}.viewAsPreview{display:flex;align-items:center;gap:11px;border:1px solid #e5ece9;background:#fff;border-radius:12px;padding:12px;margin-top:4px}.viewAsPreview>div:last-child{display:grid;gap:2px}.viewAsPreview b{color:#173d39}.viewAsPreview span,.viewAsPreview small{color:#71837e;font-size:11px}.companyActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.companyActions .soft{white-space:nowrap}.companyActions svg{vertical-align:middle}.selectWrap{position:relative}.selectWrap select{width:100%;padding-right:42px;appearance:none;-webkit-appearance:none}.selectChevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:#48645e}.viewAsBanner .primary{padding:9px 12px}
@media(max-width:900px){.viewAsBanner{margin:0 16px}.viewAsBanner>div{flex-wrap:wrap}.viewAsBanner>div>small{width:100%;margin-left:26px}.companyActions{justify-content:flex-start}}

.billingStack{display:grid;gap:18px}.billingPrice{font-size:24px;font-weight:800;color:#142b4a;text-align:right}.billingPrice small{display:block;font-size:11px;font-weight:600;color:#718096;margin-top:3px}.addPeopleRow{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0}.addPeopleRow>div:first-child{display:grid;gap:4px}.addPeopleRow span{font-size:13px;color:#718096}.quantityControl{display:flex;align-items:center;gap:10px}.quantityControl strong{min-width:28px;text-align:center;font-size:16px}.quantityControl button{white-space:nowrap}.billingSummary{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7edf4;padding-top:15px;color:#596a7e;font-size:13px}.billingSummary b{color:#142b4a}@media(max-width:700px){.addPeopleRow{align-items:flex-start;flex-direction:column}.billingPrice{text-align:left}.billingSummary{gap:10px;flex-direction:column;align-items:flex-start}}

/* Popivo v1.1 typography and evaluation export polish */
body{font-size:14px;color:#304943}
aside{padding:22px 15px}
.brand{padding-bottom:24px}.brandLogo{width:165px;height:auto;object-fit:contain}
.org{padding:11px}.org strong{font-size:12px}.org small{font-size:10px}
nav button,.sideBottom button{font-size:13px;padding:11px 12px}
.eyebrow{font-size:11px;letter-spacing:1.5px}h1{font-size:25px}
.primary,.soft,.outline{font-size:13px;padding:10px 14px}
.content{padding:30px 36px}
.hero h2{font-size:32px}.hero p{font-size:14px}.pill{font-size:12px}
.stat{padding:18px}.stat span{font-size:12px}.stat strong{font-size:27px}.stat small{font-size:11px}
.panel{padding:22px}.panelHead h3,.templateCard h3{font-size:17px}.panelHead p,.templateCard p{font-size:12px}
.grow b{font-size:13px}.grow span{font-size:11px}.status{font-size:10px}
table{font-size:13px}th{font-size:11px}td{font-size:13px}
.toolbar b{font-size:14px}.toolbar span{font-size:12px}
.settingsPanel label,.modal label,.fullField{font-size:12px}.settingsPanel input,.modal input,.modal select,.fieldGrid input,.fieldGrid select,.fullField textarea,.qBody textarea,.sectionTitle input{font-size:13px;padding:11px 12px}
.settingsPanel p,.hint,.security p,.muted{font-size:12px}
.settingsTabs button{font-size:12px;padding:10px 13px}
.toggleRow b{font-size:13px}.toggleRow span{font-size:11px}
.empty b{font-size:13px}.empty span{font-size:12px}
.reviewModal h3{font-size:23px}.reviewQuestion{font-size:13px!important}.reviewQuestion textarea,.reviewInput{font-size:13px}.reviewSection h4{font-size:15px}.reviewNotice b{font-size:13px}.reviewNotice span{font-size:12px}.reviewHeader{align-items:flex-start;gap:16px}.reviewHeaderActions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.exportButton{padding:8px 10px;font-size:12px}.closeButton{border:0;background:#f2f2ef;border-radius:8px;width:30px;height:30px;display:grid;place-items:center;color:#60716c}.reviewFooterActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.exportFooter{width:auto!important;margin-top:0!important}.exportHelp{display:flex;gap:10px;align-items:flex-start;background:#f5faf8;border:1px solid #dfe9e5;border-radius:11px;padding:12px;margin-top:17px;color:#4d746d}.exportHelp span{font-size:12px;color:#6f817b;line-height:1.55}
.billingPrice{font-size:26px}.addPeopleRow span{font-size:13px}
@media(max-width:760px){.content{padding:20px}.reviewHeader{flex-direction:column}.reviewHeaderActions{width:100%;justify-content:flex-start}.reviewFooterActions{width:100%;justify-content:stretch}.reviewFooterActions button{flex:1 1 150px}.modalActions{align-items:stretch}}

/* Popivo v1.2 typography system
   One consistent type scale across the workspace and template builder. */
:root{
  --font-ui:"Inter","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  --text-strong:#173d39;
  --text:#304943;
  --text-muted:#70817c;
  --text-soft:#899590;
}
html,body,#root,.app,button,input,select,textarea{font-family:var(--font-ui)}
body{font-size:14px;line-height:1.5;color:var(--text)}

/* Workspace navigation */
aside .brandLogo{width:165px;height:auto;object-fit:contain}
aside .org strong{font-size:12px;font-weight:700}
aside .org small{font-size:10px}
nav button,.sideBottom button{font-size:14px;font-weight:500;line-height:1.25;padding:11px 12px}
.org{padding:11px 12px}

/* Global page hierarchy */
header{padding:18px 36px}
.eyebrow{font-size:11px;line-height:1.2;letter-spacing:1.6px;margin-bottom:5px}
h1,header h1{font-size:28px;line-height:1.15;font-weight:750;letter-spacing:-.7px;color:var(--text-strong)}
.primary,.soft,.outline,.link{font-size:14px;line-height:1.2;font-weight:600;padding:10px 14px}
.content{padding:30px 36px}
.panel{padding:22px}
.panelHead h3,.templateCard h3{font-size:17px;line-height:1.3;font-weight:700}
.panelHead p,.templateCard p{font-size:13px;line-height:1.5}

/* Template builder */
.builderTop{margin-bottom:20px}
.builderActions span{font-size:12px}
.builderSectionHead{margin:28px 0 12px}
.builderSectionHead h2{font-size:21px;line-height:1.25;font-weight:750;letter-spacing:-.25px}
.builderSectionHead p{font-size:13px;line-height:1.5}
.fieldGrid label,.fullField{font-size:12px;line-height:1.3;font-weight:650;color:#61736e}
.fieldGrid input,.fieldGrid select,.fullField textarea,.sectionTitle input{font-size:14px;line-height:1.4;padding:12px 13px}
.fullField textarea{min-height:82px}
.sectionHead{margin-bottom:12px}
.sectionTitle{gap:9px}
.sectionTitle input{font-weight:700}
.qBody textarea{font-size:14px;line-height:1.45;padding:12px 13px;min-height:64px}
.qControls{gap:8px;margin-top:9px}
.qControls select,.visibilityBtn{font-size:12px;line-height:1.2;padding:8px 10px}
.miniCheck{font-size:12px}
.visibilityChips span{font-size:10px;padding:4px 7px}
.addQuestion{font-size:12px;padding:10px}
.qNum{font-size:11px;width:28px;height:28px}

/* Builder information sidebar */
.builderSide .panel h3{font-size:17px;line-height:1.3;font-weight:700;color:#244641}
.summaryRow{font-size:13px;padding:11px 0}
.summaryRow b{font-weight:700}
.privacy b{font-size:15px;line-height:1.35}
.privacy p{font-size:12px;line-height:1.55}
.check{font-size:13px;margin-top:13px}
.builderSide .muted{font-size:12px;line-height:1.55}

/* Forms and settings */
.settingsPanel label,.modal label{font-size:12px}
.settingsPanel input,.modal input,.modal select{font-size:14px;padding:12px 13px}
.settingsPanel p,.hint,.security p,.muted{font-size:13px;line-height:1.55}
.settingsTabs button{font-size:13px}
.toggleRow b{font-size:14px}.toggleRow span{font-size:12px}

/* Tables and cards */
table{font-size:14px}
th{font-size:11px}td{font-size:14px}
.grow b{font-size:14px}.grow span{font-size:12px}
.status{font-size:11px}

/* Keep mobile readable without making the desktop scale feel oversized */
@media(max-width:760px){
  header{padding:13px 16px}
  h1,header h1{font-size:22px}
  .content{padding:18px 16px}
  .builderSectionHead h2{font-size:19px}
  .fieldGrid input,.fieldGrid select,.fullField textarea,.sectionTitle input,.qBody textarea{font-size:14px}
  nav button,.sideBottom button{font-size:14px}
}
@media(max-width:480px){h1,header h1{font-size:20px}.eyebrow{font-size:10px}.primary,.soft,.outline{font-size:13px}}

/* Platform Admin access email */
.emailTemplateGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px;align-items:start}
.emailEditor,.emailPreview{padding:24px}
.emailTemplateTextarea{min-height:300px;resize:vertical;line-height:1.6;white-space:pre-wrap}
.emailCompose{min-height:260px;background:#fafcfb}
.emailVariables{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.emailVariables b{width:100%;font-size:12px;color:#5f7776;text-transform:uppercase;letter-spacing:.08em}
.emailVariables span{font-size:12px;background:#edf4f1;border:1px solid #dce8e4;border-radius:999px;padding:6px 9px;color:#174b4a}
.emailPaper{border:1px solid #dfe8e5;border-radius:14px;background:#fff;padding:22px;box-shadow:0 8px 24px rgba(25,65,62,.06)}
.emailTo{font-size:12px;color:#718381;padding-bottom:14px;border-bottom:1px solid #edf1ef;margin-bottom:18px}
.emailPaper h4{font-size:18px;line-height:1.35;margin:0 0 16px;color:#123f3e}
.emailPaper pre{font:inherit;font-size:14px;line-height:1.7;color:#415857;white-space:pre-wrap;margin:0}
@media(max-width:900px){.emailTemplateGrid{grid-template-columns:1fr}.companyActions{flex-wrap:wrap}}

.authLoading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#60716c;font-size:14px}.authLoading img{width:180px;max-width:60vw;height:auto;max-height:90px;object-fit:contain}
/* v1.4.4 sign-in screen */
.authScreen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:linear-gradient(135deg,#eef4f1,#f7f1e7)}
.authCard{width:min(420px,100%);background:#fff;border:1px solid #e6e3dc;border-radius:20px;padding:34px 30px;box-shadow:0 25px 70px #173d3918;display:flex;flex-direction:column}
.authLogo{display:block;width:180px;height:auto;max-height:none;object-fit:contain;margin:0 0 22px}
.authCard h1{font-size:24px;margin:0 0 8px}
.authLead{margin:0 0 6px;color:#6b7c77;font-size:13px;line-height:1.55}
.authCard label{display:block;font-size:11px;color:#687772;font-weight:700;margin-top:16px}
.authCard input{display:block;width:100%;margin-top:7px;border:1px solid #dfe4df;border-radius:10px;padding:11px 12px;font:inherit;font-size:13px;color:#334a45;background:#fff}
.authCard input:focus{outline:2px solid #b9d3cc;border-color:#8fb2a9}
.authButton{width:100%;margin-top:22px;padding:12px 14px}
.authButton:disabled{opacity:.7;cursor:wait}
.authMessage{margin-top:14px;padding:10px 12px;border-radius:9px;background:#e9f3ed;color:#39705b;font-size:11px}
.authSwitch{margin-top:14px;border:0;background:none;color:#507873;font:inherit;font-size:12px;cursor:pointer}
.authSwitch:hover{text-decoration:underline}