/* Identidade visual baseada no site oficial Doutor Sorvete. */
.brand-logo{width:58px;height:66px;object-fit:contain;flex-shrink:0}.brand{gap:10px;font-size:17px}.brand-cyan{color:#31b8d2}.brand small{color:#cdb7de;letter-spacing:2.6px;font-size:10px;margin-top:5px}.sidebar{background:linear-gradient(165deg,#251039,#1a092c)}.sidebar .brand{padding-bottom:24px;border-bottom:1px solid #ffffff20}.nav{margin-top:26px}.nav button.active{background:#7824a5;box-shadow:inset 3px 0 #39c4db}.nav button:hover{background:#ffffff13}.nav button.active:hover{background:#7824a5}.sidebar footer p{color:#c5b6cf}.sidebar footer button{border-color:#ffffff25;background:#ffffff0c;color:#f1e7f6}.primary{background:linear-gradient(115deg,#8128b2,#580d87);box-shadow:0 3px 10px #701ba414}.primary:hover{background:#541080}.card,.panel{border-color:#e7dfea;box-shadow:0 3px 16px #27103b03}.card strong{color:#321144}.card:nth-child(2) strong{color:#14849a}.card small,.muted,p,label{color:#756c7c}.eyebrow{color:#7c2ca0}.badge{background:#efe3f6;color:#70249a}.hero{min-height:246px;padding-right:230px;background:linear-gradient(110deg,#f1e9f6,#eee4f5);border:1px solid #e4d5ed}.hero h2{font-size:27px;max-width:520px;letter-spacing:-.7px}.hero p{color:#756480}.hero-mascot{position:absolute;right:28px;top:20px;width:185px;height:210px;object-fit:contain;filter:drop-shadow(0 10px 14px #57257927)}.hero button{position:relative;z-index:1;border-color:#d7bfe4;color:#651b8d}.welcome{position:relative;background:radial-gradient(ellipse at 10% 80%,#522076,#20102e 70%)}.welcome .brand-logo{width:100px;height:112px}.welcome .brand{font-size:24px}.welcome h1{letter-spacing:-1.5px}.welcome p{color:#d1c0db}.welcome h1:after{content:'';display:block;width:64px;height:5px;background:#33bed4;border-radius:8px;margin-top:27px}.loginform{background:#faf7f2}.loginform .panel{box-shadow:0 16px 60px #33144808}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#35b7d1}.metric{border:1px solid #ede3f1}.metric b{color:#4a1767}.bar{height:12px}.recipe .swatch{color:#74349a;background:#f0e5f5}.nutrition{border-color:#2c1042}.top{border-color:#e6dfea}.scroll th{background:#f8f4fa;color:#82728b}.scroll td{border-color:#eee7f0}.notice{background:#fff8e8;color:#83692b;border-color:#f0e0b7}
@media(max-width:700px){.brand-logo{width:44px;height:50px}.sidebar .brand{padding-bottom:0;border:0}.hero{padding:23px 20px 175px}.hero h2{font-size:25px}.hero-mascot{top:auto;bottom:8px;right:20px;height:160px;width:145px}.welcome .brand-logo{width:75px;height:85px}.welcome .brand{font-size:20px}}
.formulation-picker{margin-top:24px;padding:20px;border:1px solid #e5d4ee;border-radius:12px;background:#fbf8fd}.picker-title{display:grid;gap:6px;margin-bottom:18px}.formulation-picker>.fields{align-items:end}.formulation-picker>.fields label{flex:1;min-width:160px}.formulation-picker>label select{width:100%}.formulation-picker .fields button{margin-bottom:0}@media(max-width:700px){.formulation-picker{padding:14px}.formulation-picker>.fields label{min-width:100%;width:100%}.formulation-picker .fields button{width:100%}}