/* Identidade do Clube da Van, conforme referência enviada: tiffany, rosa, amarelo, creme e marrom. */
:root{--purple:#64bfc8;--purple-dark:#6c3918;--purple-light:#e7fafb;--ink:#68452f;--muted:#8b7058;--line:#f0e8d9;--paper:#fdfef8;--pink:#f4bddc;--mint:#c7fafd;--yellow:#fef0af;--bg:#fdfef8;--tiffany:#a5eef0}
body{background:var(--bg)}
.sidebar{background:linear-gradient(160deg,#c7fafd 0%,#e4faf8 55%,#fef7cd 100%);border-color:#d3eff0}
.brand{gap:8px;color:#6c3918;letter-spacing:-.6px;padding-left:2px}
.brand-mark{display:flex;align-items:center;width:49px;flex-shrink:0}
.brand-mark svg{width:52px;height:57px;stroke:none}
.brand-name{font-size:23px;font-weight:700;line-height:1.12}
.brand-by{font-size:16px;font-weight:400;letter-spacing:0}
.brand strong{color:#6c3918;font-size:30px;letter-spacing:-.8px}
.brand-dot{color:#e5a3c2}
.brand-caption{color:#997652;letter-spacing:1.2px;padding-left:4px}
.nav-link{color:#806046}.nav-link.active{background:#fdfef8;color:#6c3918;box-shadow:0 3px 13px #c27a5112}
.nav-link.active svg{color:#8b5734}.nav-link:hover{background:#fce3ef}
.count{background:#fef0bc;color:#8c672c}
.sidebar-note{background:#fdfef8;border:1px dashed #b99073;border-radius:70px 70px 13px 13px;color:#957658;box-shadow:0 5px 18px #bc925d0a}
.sidebar-note strong{color:#7d5132}.tiny-flower{color:#e2a5c3}.sidebar-footer{color:#927553}.status-dot{background:#8eb79a}
.topbar{background:#fdfef8;border-bottom:1px solid #ede6d5}
.topbar>span.club-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:#80542e;background:#fef7cd;padding:6px 12px;border-radius:20px}
.club-badge svg{width:21px;height:21px;stroke:none}
.avatar{color:#8b5734;background:#fedae7;border-color:#fff6fa}
.maker{color:#7c573a}.maker small{color:#92765e}
h1{color:#6c3918}h1>span{color:#cf8cac}.eyebrow{color:#99714e}
.page-heading p{color:#967554}.heading-doodle{width:115px}
.chip{background:#fdfef8;color:#8d684b;border-color:#e9d8c3}
.chip:nth-child(2){background:#fff0f7;border-color:#efc4d8;color:#986078}
.chip:nth-child(3){background:#e3fafc;border-color:#b4e3e7;color:#5a8585}
.chip:nth-child(4){background:#fff8d5;border-color:#eddda2;color:#947333}
.chip.selected,.chip.selected:nth-child(n){background:#fedae7;border-color:#e5b2c9;color:#7d4a32;box-shadow:0 0 0 1px #edc5d6}
.panel{background:#fdfef8;border-color:#eee3d7}.panel-title p{color:#9a7d62}
.purple{background:#dbf8fc;color:#6c8f94}.pink{background:#fce1ee;color:#ad7893}.mint{background:#fef6c7;color:#a08b4d}.yellow{background:#e1f8fa;color:#60999b}
label{color:#7e5e43}input,select,textarea,.suffix-field{background:#fffffb;border-color:#e7dacb}
.material-explain{color:#94795e}.material-explain strong{color:#7e5333}.materials-table th{color:#987553}
.field-hint,.inline-hint{color:#9a7c5e}.example-note{color:#a07250}
.mini-total{background:#eafcfc;color:#7e9285}.mini-total strong{color:#577d75}
.hour-banner{background:#e7fbfc;color:#638c87}.hour-banner strong{color:#547c75}.hour-banner small{color:#7f998b}
.result-card{background:linear-gradient(150deg,#ddfafd 0%,#effcf9 52%,#fff9dd 100%);border-color:#bce5e8;box-shadow:0 7px 25px #91c4c910}
.result-eyebrow{color:#92704e}.price-label{color:#8a6748}.hero-price{color:#6c3918}.order-total{color:#957658}.order-total strong{color:#7a5334}
.result-card h3{color:#926f50}.breakdown span{color:#907456}.breakdown strong{color:#775337}.result-footnote{color:#9b7b59}
.result-line{background:#cce7e6}.total-divider{color:#d1ba98}.breakdown .cost-subtotal{border-color:#d0e5df}
.profit-box{background:#fef4c4;border-color:#ecdba4;color:#94713f}.profit-box strong{color:#7b542a}.profit-box small{color:#a28654}
.primary{background:#a5eef0;border-color:#a5eef0;box-shadow:0 4px 10px #a7d3d016}.primary:hover{background:#92e4e8;border-color:#92e4e8}
.result-card .primary{background:linear-gradient(105deg,#a5eef0,#c7fafd);border-color:#98d7dc}
.result-actions button{color:#947253}.tip-card{background:#fff8db;border-color:#eedfa9}.tip-card p{color:#9b805b}.tip-card small{color:#a18760}
.tip-card h3{color:#987139}.money-input{background:#fffef8}.care-note{color:#bc9576}
.hour-results{background:linear-gradient(115deg,#def9fb,#fef7cd)}.hour-results strong{color:#7c5835}.hour-results span{color:#9b7956}
.help-stack summary{color:#865a36}.help-stack p{color:#94765b}.explanation-card{background:#e9fbf9;color:#819783}
.main-footer{color:#b69473}.main-footer>span:first-child{color:#a37b57}.footer-flower{color:#9cdce1}
.empty-state{background:#fdfef8}.saved-card{background:#fdfef8}.saved-price{color:#845c3a}
@media(max-width:1200px){.brand-name{font-size:21px}.brand-by{font-size:14px}.brand strong{font-size:27px}.brand-mark{width:42px}.brand-mark svg{width:45px;height:49px}.brand-caption{font-size:7px}}
@media(max-width:1050px) and (min-width:761px){.brand-name{font-size:19px}.brand-by{font-size:13px}.brand strong{font-size:25px}.brand-mark{width:36px}.brand-mark svg{width:39px;height:45px}.brand-caption{font-size:6px;letter-spacing:1px}}
@media(max-width:760px){
 .brand{gap:7px}.brand-name{font-size:21px}.brand-by{font-size:13px}.brand strong{font-size:26px}.brand-mark{width:40px}.brand-mark svg{width:43px;height:47px}
 .brand-caption{font-size:6px;letter-spacing:.7px;margin-top:23px;padding:0}
 .topbar{background:#fdfef8;height:59px;padding:0 18px;gap:9px}.topbar>span.club-badge{font-size:8px;padding:5px 8px;gap:4px}.club-badge svg{width:17px;height:17px}.maker{font-size:10px;gap:5px}.avatar{width:26px;height:26px}
 #page-calcular h1{font-size:35px;line-height:1.13;letter-spacing:-1px}.page-heading p{max-width:245px;font-size:11px}.eyebrow{font-size:7px;letter-spacing:.85px}
 .heading-doodle{width:82px}.page-heading{margin-top:4px;margin-bottom:23px}.examples{margin-bottom:17px}
 .mobile-summary{background:linear-gradient(115deg,#dbf8fc,#fff3d1);border-color:#bfe4e4;color:#8d7154}.mobile-summary strong{color:#795198}
 .materials-table tr{background:#fffcf1;border-color:#eee2c4}.materials-table td:nth-child(2)::before,.materials-table td:nth-child(3)::before,.materials-table td:nth-child(4)::before{color:#977651}.materials-table td:nth-child(5)::before{color:#a08158}
 .main-footer{flex-wrap:wrap;row-gap:5px}.main-footer>span:first-child{font-size:10px}.main-footer>span:last-child{font-size:8px}
}
@media(max-width:370px){.brand-name{font-size:19px}.brand strong{font-size:24px}.brand-mark{width:34px}.brand-mark svg{width:38px}.brand-caption{font-size:5px;letter-spacing:.5px}#page-calcular h1{font-size:32px}.heading-doodle{width:65px}.topbar>span.club-badge{font-size:7px;padding:5px 6px}}

/* Assinatura candy e contraste dos controles. */
:root{--brown:#6c3918;--cream:#fdfef8;--candy-blue:#a5eef0;--candy-pink:#f4bddc;--candy-yellow:#fef0af}
body{background:radial-gradient(ellipse 440px 250px at 100% 0%,#fedae780,transparent),var(--cream)}
.sidebar{border-right:1px solid #cce5e3}
.nav-link.active{border:1px dashed #d6a4bc;background:#fff4f9;color:var(--brown)}
.nav-link{border:1px solid transparent}
.primary,.result-card .primary{color:var(--brown);background:var(--candy-blue);border:1px solid #8ecdd2;box-shadow:0 3px 8px #75b9bd18}
.primary:hover,.result-card .primary:hover{background:#91e5e9;border-color:#7cbec4}
.secondary{color:#835d3c;background:#fffdf5;border-color:#e5d3b7}.secondary:hover{background:#fef5d1}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#58a9b3}
input:focus,select:focus,textarea:focus{border-color:#66b7bf;box-shadow:0 0 0 3px #9fdce52b}
.suffix-field:focus-within{border-color:#66b7bf;box-shadow:0 0 0 3px #9fdce52b}
.brand-name,.title-van{font-family:'Arial Rounded MT Bold','Trebuchet MS',sans-serif}
.brand .van-word{display:inline-flex;letter-spacing:-1.2px;filter:drop-shadow(0 1px 2px #ecc5d1)}
.van-word>span,.title-van>span{-webkit-text-stroke:.7px #784421;paint-order:stroke fill;text-shadow:1px 1px 0 #fff,-1px -1px 0 #fff}
.van-v{color:#8ee8ef}.van-a{color:#f1acd2}.van-n{color:#f8e89c}
#page-calcular h1 .title-van{white-space:nowrap;letter-spacing:-1px}
.title-van>span{-webkit-text-stroke:1px #784421;text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff;filter:drop-shadow(0 2px 2px #efc5cf)}
.sidebar-note{background:linear-gradient(160deg,#fffef8,#fff0f6);border-color:#c6a386}
.sidebar-note .tiny-flower{color:#e3a5c6}.sidebar-note strong{color:var(--brown)}
.brand-by{color:#805638}.brand-caption{color:#967251}.avatar{color:#925d39;background:#fedae7}
.result-card{border-radius:20px;position:relative;overflow:hidden}.result-card:before{content:'';position:absolute;right:-30px;top:-30px;width:120px;height:90px;background:#fedae7aa;border-radius:45% 0 60% 65%;pointer-events:none}
.result-eyebrow{position:relative}.result-card .cost-subtotal span,.result-card .cost-subtotal strong{color:#775236}
.hero-price{font-weight:800}.profit-box{border-style:dashed}
.material-dot{background:#96dfe7}.losses-dot{background:#efb1d1}.labor-dot{background:#f2d38e}.overhead-dot{background:#c8ded4}
.text-button,.advanced summary{color:#8e6544}.hour-config{color:#6e8e85}
.saved-card .saved-price{color:#7a512f}.saved-meta{color:#9a7a56}.saved-card small{color:#9f8364}
.help-stack .formula{background:#e9fafa;color:#728b80}.saved-toolbar input{background:#fffffb}
.storage-note{color:#a5896a}.empty-state{border-color:#d7bf9f}.empty-state h2{color:#805635}.empty-state p{color:#a08767}
.toast{background:#785336;color:#fffdf5;box-shadow:0 7px 25px #73502824}
.main-footer{border-color:#e9dfcc}.main-footer>span:first-child{color:#986d48}
.hour-results{border:1px solid #d8e9dc}.hour-results strong{color:#76502e}
.hour-results span{color:#927857}.money-input input{color:#805936}
.materials-table td:nth-child(5){color:#866042}
.care-note{color:#b38b6a}.dialog-actions .primary{color:#6c3918}
@media(max-width:760px){
 .sidebar{background:linear-gradient(110deg,#c7fafd,#fdfef8 63%,#fedae7)}
 .mobile-summary{background:linear-gradient(110deg,#d7f8fb,#fff6d5);border-color:#bcdfe1}.mobile-summary strong{color:var(--brown)}
 .materials-table td:nth-child(5){color:#866042}.materials-table td:nth-child(5)::before{color:#9d7b54}
 #page-calcular .page-heading{padding:15px 13px 18px;border-radius:18px;background:radial-gradient(ellipse at 100% 0%,#fedae7 0,transparent 58%),linear-gradient(130deg,#e0fafb,#fffef7 75%);border:1px solid #eee5cf;gap:3px}
 #page-calcular h1{font-size:33px}#page-calcular .page-heading p{font-size:10px}
 #page-calcular .heading-doodle{width:66px}.topbar>span.club-badge{color:#8d673b}
}
@media(max-width:370px){#page-calcular h1{font-size:29px}#page-calcular .heading-doodle{width:52px}}

/* Percurso básico para quem está começando. */
.simple-intro{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff7db;border:1px dashed #e2c99b;border-radius:12px;margin-bottom:15px}
.simple-intro>span{font-size:29px;color:#dca5bf}.simple-intro p{font-size:12px;line-height:1.6;color:#99714f;margin:0}.simple-intro strong{font-weight:400;color:#a38660}
.example-picker{margin:0 0 23px}.example-picker>summary{color:#a27955;font-size:11px;cursor:pointer;padding:7px 0}.example-picker .examples{margin:10px 0 0}
#pricing-form{gap:18px}.panel-title{margin-bottom:20px}.panel-title h2{font-size:16px}.panel-title p{font-size:11px}
#pricing-form label{font-size:12px}#pricing-form input,#pricing-form select{font-size:14px;padding:12px}
.product-fields{grid-template-columns:minmax(0,1fr) 145px}
.material-explain{font-size:11px;line-height:1.8;color:#967a5c}
.simple-materials,.simple-materials tbody,.simple-materials tr,.simple-materials td:first-child{display:block;width:100%;min-width:0}
.simple-materials tr{padding:15px 13px;margin:0 0 12px;background:#fffdf5;border:1px solid #eee2c9;border-radius:10px}
.simple-materials td:first-child{padding:0;grid-column:auto;grid-row:auto}
.simple-materials .material-entry{display:grid;grid-template-columns:minmax(0,1fr) 155px 30px;gap:12px;align-items:end}
.material-entry label{gap:6px;font-size:10px!important;color:#997552}.material-entry input{background:#fffefa!important;font-size:13px!important;min-height:43px}
.material-entry .icon-button{height:43px;padding:7px;color:#b59174}.material-entry .icon-button svg{width:17px;height:17px}
.material-helper{margin-top:10px}.material-helper summary{font-size:10px;color:#a4815b;cursor:pointer;padding:3px 0}.material-helper p{font-size:11px;color:#a18868;line-height:1.8}.material-helper[open]{margin-top:15px;padding-top:10px;border-top:1px dashed #e9d9bb}
.material-helper .three-cols{gap:10px}.material-helper label{font-size:10px!important}.material-helper input{font-size:13px!important;background:#fffefa}
.material-helper .helper-answer{font-size:11px;background:#eafaf8;padding:9px 12px;border-radius:6px;margin:13px 0 0;color:#7c9181}
.material-helper .helper-answer strong{color:#587c72}
.simple-materials .material-helper .three-cols>label:last-child{grid-column:auto}
.simple-materials .material-helper .three-cols>label:last-child>.suffix-field{max-width:none}
#pricing-form .text-button{font-size:12px}.inline-help{font-size:10px;color:#7c9e99;font-weight:400;text-decoration:underline;text-underline-offset:3px}
.labor-note{font-size:11px;color:#7f9580;background:#eef8ed;padding:12px 14px;border-radius:8px;line-height:1.7;margin:16px 0 0}
.profit-label{max-width:220px}.plain-example{font-size:11px;color:#a18a67;margin:14px 0 0;line-height:1.8}
.optional-costs>summary{cursor:pointer;font-size:12px;color:#9c7b59;font-weight:600;line-height:1.8}.optional-costs>summary>span{font-size:9px;display:inline-block;border:1px solid #e7d8bd;border-radius:5px;padding:1px 6px;margin-left:5px;color:#ac9675;font-weight:400}
.optional-costs>.material-explain{margin:17px 0}.optional-costs>.rounding-label{margin-top:20px}
.optional-status{font-size:10px;color:#9f8254;background:#fff7dc;padding:10px 12px;border-radius:7px;margin:13px 0 0}
.optional-costs:not([open]):has(.optional-status:not([hidden]))>summary::after{content:' · Valores incluídos';font-size:10px;color:#b38e56;font-weight:400}
.configured-costs{font-size:10px;color:#8e9b80;line-height:1.8}.configured-costs a{color:#7f9c8b;text-decoration:underline}
.view-price{min-height:49px;font-size:14px;margin-top:1px}.view-price svg{width:18px;height:18px}
.result-pending{text-align:center;padding:25px 0 42px}.result-pending>span{font-size:47px;color:#dbb1c4;display:block;margin-bottom:12px}.result-pending h2{font-size:18px;color:#89704e}.result-pending p{font-size:12px;line-height:1.9;color:#9d8867;margin:12px 0 0}
.result-card .price-label{font-size:12px}.simple-cost-line{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#93815e;padding-top:22px;margin-top:20px;border-top:1px solid #d6e5d9}.simple-cost-line strong{color:#80633f}
.result-card .profit-box{margin-top:14px}.result-card .result-footnote{font-size:10px;line-height:1.8;margin:12px 0}
.cost-scope-note{font-size:9px;color:#a28d6b;line-height:1.8;margin:0 0 19px}.result-detail{margin-top:21px;padding-top:16px;border-top:1px dashed #cddfd6}.result-detail summary{cursor:pointer;font-size:11px;color:#9b7b58}.result-detail>p{font-size:10px;color:#a48a69;margin:15px 0}
.discount-details{border:1px solid #eadbb6;border-radius:11px;background:#fff8e4;overflow:hidden}.discount-details>summary{padding:15px 18px;cursor:pointer;color:#a28a61;font-size:11px}.discount-details .tip-card{border:0;border-radius:0;padding-top:0}.discount-details .tip-card>div{width:100%}
.settings-extra{padding-top:16px;border-top:1px dashed #e7dcc7}.settings-extra>summary{font-size:11px;color:#a0845c;cursor:pointer;margin-bottom:17px}.settings-extra:not([open])>summary{margin-bottom:0}
.help-stack h2{color:#896240}.help-stack p{font-size:12px}
@media(max-width:1200px){.simple-materials .material-entry{grid-template-columns:minmax(0,1fr) 130px 26px;gap:8px}.product-fields{grid-template-columns:minmax(0,1fr) 110px}.material-entry label{font-size:9px!important}}
@media(max-width:1050px) and (min-width:761px){.simple-materials .material-entry{grid-template-columns:minmax(0,1fr) 108px 23px;gap:6px}.material-helper .three-cols{grid-template-columns:1fr}.material-helper input{max-width:220px}.material-entry input{font-size:12px!important}}
@media(max-width:760px){
 .panel-title h2{font-size:16px}.panel-title p{font-size:11px}.simple-intro{padding:14px 16px}.simple-intro p{font-size:11px}.example-picker>summary{font-size:12px}
 #pricing-form label{font-size:12px}#pricing-form input,#pricing-form select{font-size:16px}.product-fields{grid-template-columns:minmax(0,1fr) 110px}
 .simple-materials .material-entry{grid-template-columns:minmax(0,1fr) 120px 25px;gap:8px;align-items:end}.material-entry label{font-size:10px!important}.material-entry input{font-size:16px!important;min-height:46px;padding:11px 8px!important}
 .simple-materials tr{padding:15px 11px}.simple-materials td:first-child{display:block;padding:0;grid-column:auto;grid-row:auto}.simple-materials .material-entry .icon-button{padding:5px;height:46px}.simple-materials .material-entry .icon-button svg{width:17px;height:17px}
 .material-helper summary{font-size:11px;padding-top:4px}.material-helper .three-cols{grid-template-columns:1fr}.material-helper label{font-size:12px!important}.material-helper input{font-size:16px!important}.material-helper p{font-size:11px}
 .labor-note{font-size:12px}.inline-help{font-size:11px}.plain-example{font-size:12px}.optional-costs>.two-cols{grid-template-columns:1fr}.optional-costs>summary{font-size:12px}
 .optional-costs>.two-cols .field-hint{font-size:11px}.configured-costs{font-size:11px}.result-card .price-label{font-size:14px}.simple-cost-line{font-size:12px}
 .result-card .result-footnote,.cost-scope-note{font-size:11px}.result-detail summary{font-size:12px}.result-detail>p{font-size:11px}.discount-details>summary{font-size:12px}.profit-label{max-width:230px}
 .view-price{font-size:15px;min-height:51px}.result-pending{padding:20px 5px 33px}.result-pending p{font-size:13px}.result-pending h2{font-size:20px}.help-stack h2{font-size:15px}
}
@media(max-width:370px){.simple-materials .material-entry{grid-template-columns:minmax(0,1fr) 100px 23px;gap:6px}.material-entry label{font-size:9px!important}.simple-materials tr{padding:14px 8px}.product-fields{grid-template-columns:minmax(0,1fr) 90px}}
.simple-intro .start-new{margin-left:auto;font-size:10px;min-height:35px;padding:8px 11px;white-space:nowrap;background:#fffdf8}
@media(max-width:760px){.simple-intro{flex-wrap:wrap;gap:10px}.simple-intro .start-new{font-size:10px;margin-left:40px;min-height:34px}.simple-intro>p{flex:1}}

/* Abas de produtos e materiais que entram por escolha. */
.product-picker{margin:0 0 26px}.product-picker-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.product-picker-heading h2{font-size:17px;color:#79502d}.product-picker-heading p{font-size:11px;color:#a38763;margin:5px 0 0}.product-picker-heading .secondary{font-size:10px;min-height:36px;padding:8px 12px}
.product-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.product-tabs>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:66px;border:1px solid #afd7d8;border-radius:12px;background:#c5edf1;font-size:13px;font-weight:700;color:#6c3918;position:relative;box-shadow:0 3px 8px #b4d0cb09}.product-tabs>button svg{width:22px;height:22px;color:#8e8063}
.product-tabs>button:nth-child(2){background:#f8d4e4;border-color:#e6b6cd}.product-tabs>button:nth-child(3){background:#f7e7ac;border-color:#e3cf85}.product-tabs>button:nth-child(4){background:#cfead8;border-color:#bad8c3}.product-tabs>button:nth-child(5){background:#f6dcc5;border-color:#e2c2a6}
.product-tabs>button:nth-child(6){background:#e4d6f5;border-color:#c7b2e0}.product-tabs>button:nth-child(7){background:#cbe4f7;border-color:#a7c9e4}
.product-tabs>button:hover{box-shadow:0 4px 12px #aebfc91c}.product-tabs>button.selected{border:2px solid #8cb9b6;box-shadow:0 4px 12px #7faaa820;color:#6c3918;font-weight:700}.product-tabs>button.selected::after{content:'';position:absolute;bottom:-6px;left:calc(50% - 5px);width:10px;height:10px;transform:rotate(45deg);border-right:2px solid #8cb9b6;border-bottom:2px solid #8cb9b6;background:inherit}
.material-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0 24px}.suggestion-button{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;background:#fffdf6;color:#987958;border:1px solid #e9dcc4;border-radius:8px;font-size:11px;line-height:1.4;min-height:37px}.suggestion-button:hover{background:#fbf2df;border-color:#d9c293}.suggestion-check{display:grid;place-items:center;width:17px;height:17px;border:1px solid #dfcfb4;border-radius:5px;background:#fff;font-size:13px;color:#bb9b72;flex-shrink:0}.suggestion-button.included{background:#e4f7f4;color:#63857b;border-color:#b0dcd2}.suggestion-button.included .suggestion-check{background:#b1d9cd;border-color:#9dc7ba;color:#fff;font-size:11px}
.selected-material-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px dashed #eadfc9;padding-top:18px;margin-bottom:15px}.selected-material-heading h3{font-size:12px;color:#8a6844;margin:0}.selected-material-heading>span{font-size:10px;color:#a99476;background:#fcf5e7;border-radius:5px;padding:3px 7px;white-space:nowrap}
.materials-empty{padding:22px 18px;background:#fffdf5;border:1px dashed #e6d7b8;border-radius:10px;font-size:11px;line-height:1.8;color:#b19772;text-align:center;margin-bottom:10px}
#product-panel{scroll-margin-top:20px}.materials-panel .material-explain{margin-bottom:0}.materials-panel .material-explain strong{font-weight:700;color:#92704e}
@media(max-width:1050px) and (min-width:761px){.product-tabs>button{font-size:11px;gap:6px}.product-tabs>button svg{width:17px;height:17px}.product-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}}
@media(max-width:760px){
 .product-picker{margin-bottom:22px}.product-picker-heading{align-items:flex-start;gap:10px}.product-picker-heading h2{font-size:16px}.product-picker-heading p{font-size:11px;max-width:205px;line-height:1.7}.product-picker-heading .secondary{font-size:9px;padding:8px 9px;min-height:35px;max-width:105px;line-height:1.5}
 .product-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-tabs>button{flex-direction:column;gap:6px;min-height:77px;font-size:12px;border-radius:11px}.product-tabs>button svg{width:22px;height:22px}.product-tabs>button.selected::after{bottom:-5px;width:8px;height:8px;left:calc(50% - 4px)}
 .material-suggestions{gap:8px;margin-bottom:21px}.suggestion-button{font-size:11px;min-height:42px;padding:10px}.suggestion-check{width:18px;height:18px}.selected-material-heading h3{font-size:13px}.selected-material-heading>span{font-size:10px}.materials-empty{font-size:12px;padding:20px 15px}
}
@media(max-width:370px){.product-picker-heading h2{font-size:15px}.product-picker-heading .secondary{font-size:8px;max-width:90px}.product-tabs>button{font-size:11px;min-height:72px}.suggestion-button{font-size:10px;padding:9px}}

/* Logo do aplicativo: lettering cursivo, Van em candy e borboleta. */
.sidebar .brand{padding:0;gap:0;width:100%;max-width:202px}
.brand-logo,.app-logo{display:block;width:100%;height:auto}
.sidebar .brand-caption{padding:14px 0 28px;text-align:center;line-height:1.6;text-wrap:balance}
#page-calcular .page-heading>div:first-child{min-width:0;flex:1}
#page-calcular .app-logo-heading{width:min(100%,390px);margin:4px 0 14px;line-height:1}
@media(max-width:760px){
 .sidebar .brand{display:inline-flex;width:min(56vw,220px);max-width:calc(100% - 104px);vertical-align:middle}
 .sidebar .brand-caption{float:right;width:104px;margin-top:38px;padding:0;font-size:6px;letter-spacing:.7px}
 #page-calcular .page-heading{justify-content:center;text-align:center;padding:20px 18px}
 #page-calcular .app-logo-heading{width:min(100%,330px);margin:10px auto 14px}
 #page-calcular .heading-doodle{display:none}
 #page-calcular .page-heading p{max-width:none}
}
@media(max-width:370px){.sidebar .brand-caption{font-size:5px;letter-spacing:.5px;margin-top:34px}}

/* Caderninho artesanal com a identificação logo abaixo da ilustração. */
#page-calcular .notebook-figure{display:flex;flex:0 0 210px;flex-direction:column;align-items:center;gap:10px;width:210px;height:auto;margin:0}
.notebook-illustration{display:block;width:180px;max-width:100%;height:auto}
.notebook-figure figcaption{width:100%;margin:0;color:#6c3918;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.7px;text-align:center;text-wrap:balance}
@media(max-width:760px){
 #page-calcular .page-heading{gap:14px;text-align:left}
 #page-calcular .app-logo-heading{margin:0 0 12px}
 #page-calcular .notebook-figure{flex-basis:104px;width:104px;gap:6px}
 .notebook-illustration{width:96px}
 .notebook-figure figcaption{font-size:9px;line-height:1.45;letter-spacing:.25px}
}
@media(max-width:370px){
 #page-calcular .page-heading{gap:10px;padding-left:14px;padding-right:14px}
 #page-calcular .notebook-figure{flex-basis:96px;width:96px}
 .notebook-illustration{width:86px}
 .notebook-figure figcaption{font-size:8px}
}