:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#211b19;background:#f7f5f1;font-synthesis:none;font-smooth:always;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}img,video{max-width:100%}button:focus-visible,input:focus-visible{outline:3px solid #d0a56e;outline-offset:3px}button{transition:background .16s,border-color .16s,transform .16s}button:active{transform:translateY(1px)}
#app{min-height:100vh}.layout{min-height:100vh;display:grid;grid-template-columns:258px minmax(0,1fr)}.sidebar{background:#221c1a;color:#f6f0e7;min-height:100vh;position:sticky;top:0;align-self:start;padding:32px 20px;display:flex;flex-direction:column;gap:32px;height:100vh}.brand{display:flex;gap:12px;align-items:center}.brand-monogram{height:46px;width:46px;flex:0 0 46px;border:1px solid #9f815e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d7bc96;font-family:Georgia,serif;font-size:22px;letter-spacing:-3px;padding-right:3px}.brand-name{font:700 15px/1.3 Georgia,serif;letter-spacing:1.2px}.brand-subtitle{font-size:10px;letter-spacing:1.5px;color:#b9a999;margin-top:4px;text-transform:uppercase}.side-label{color:#a79788;font-size:10px;text-transform:uppercase;letter-spacing:2px;font-weight:700;margin:0 10px 14px}.side-navigation{display:flex;flex-direction:column;gap:4px}.side-link{border:0;background:transparent;color:#c9bdb2;border-radius:10px;min-height:44px;text-align:left;padding:11px 13px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:600;width:100%}.side-link svg{width:17px;height:17px}.side-link:hover,.side-link.active{background:#3d332f;color:#fff}.side-bottom{margin-top:auto;color:#b3a59a;font-size:11px;line-height:1.7;border-top:1px solid #443a35;padding-top:22px}.side-bottom strong{color:#f8e9d8}.page{min-width:0;padding:0 42px 80px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ded4;gap:16px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#9c8063;font-weight:800;text-transform:uppercase}.topbar h1{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500;letter-spacing:.1px;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:12px}.top-pill{display:flex;align-items:center;gap:7px;border:1px solid #ddd3c9;border-radius:40px;background:#fff;padding:10px 14px;font-size:12px;font-weight:700;min-height:40px}.top-pill:hover{border-color:#bba080}.top-icon{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4dcd2;border-radius:50%;background:#fff}.top-icon svg{width:17px;height:17px}.mobile-brand{display:none}.content{max-width:1350px;margin:0 auto}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:34px 0 26px}.hero h2{font:400 36px/1.16 Georgia,serif;margin:9px 0}.hero p{font-size:14px;line-height:1.55;color:#7d7068;margin:0}.stat{background:#eee6da;border-radius:15px;padding:14px 22px;text-align:center;min-width:108px}.stat-number{font:500 31px/1.1 Georgia,serif}.stat-caption{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#78675a;margin-top:6px}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:26px 0}.search{flex:1;max-width:520px;position:relative}.search svg{width:18px;height:18px;position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8d7d70}.search input{padding:14px 16px 14px 44px;background:#fff;border:1px solid #e2d8cd;border-radius:12px;width:100%;font-size:14px;min-height:48px}.search input::placeholder{color:#a49a90}.sync-note{display:flex;align-items:center;gap:7px;color:#928477;font-size:12px;white-space:nowrap}.sync-dot{width:7px;height:7px;border-radius:50%;background:#739e80}.category-row{display:none;overflow-x:auto;padding:0 0 8px;gap:8px;scrollbar-width:none}.category-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#fff;border:1px solid #e4d9cc;color:#6e5f54;border-radius:50px;padding:11px 17px;font-size:12px;font-weight:700}.chip.active{background:#332923;color:white;border-color:#332923}.section-head{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:28px 0 15px}.section-head h3{margin:0;font-family:Georgia,serif;font-weight:500;font-size:23px}.section-hint{color:#928477;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.product{background:white;border:1px solid #e6ddd3;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-shadow:0 5px 15px rgba(40,28,17,.025)}.product:hover{border-color:#c2ae95;box-shadow:0 12px 24px rgba(40,28,17,.06)}.product-media{height:220px;position:relative;background:linear-gradient(130deg,#e8e0d8,#d6c7b7 58%,#bba895);overflow:hidden;display:flex;align-items:center;justify-content:center}.product-media img{height:100%;width:100%;object-fit:cover}.product-media .media-symbol{font-family:Georgia,serif;font-size:94px;color:rgba(255,255,255,.65);text-shadow:0 1px 2px #aa9988}.demo-photo-label{position:absolute;bottom:11px;left:13px;background:rgba(27,24,21,.65);border-radius:5px;padding:5px 8px;color:#fff;font-size:10px;letter-spacing:.5px}.media-count{position:absolute;top:12px;right:12px;background:rgba(30,26,24,.76);color:white;border-radius:20px;padding:6px 9px;font-size:11px}.last-pieces{position:absolute;top:13px;left:13px;background:#382923;color:#f7e4c3;letter-spacing:.4px;font-size:10px;font-weight:800;padding:7px 10px;border-radius:4px}.product-body{padding:19px 19px 18px;display:flex;flex-direction:column;gap:13px;flex:1}.product-meta{font-size:10px;text-transform:uppercase;letter-spacing:1.2px;color:#9d8163;font-weight:800}.product-title{font-family:Georgia,serif;font-size:22px;font-weight:500;margin:0;color:#2b211c;line-height:1.2}.product-description{font-size:12px;color:#837569;line-height:1.6;min-height:36px;margin:0}.product-price{font-size:16px;font-weight:800}.product-price small{font-size:11px;font-weight:400;color:#9c8d7f}.product-progress{margin-top:auto}.progress-label{display:flex;justify-content:space-between;color:#8b7e70;font-size:12px;margin-bottom:8px}.progress-label strong{color:#3b302a}.progress-track{height:7px;background:#ede6df;overflow:hidden;border-radius:10px}.progress-fill{background:#96764e;border-radius:10px;height:100%;transition:width .3s}.product-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#928274}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;padding:13px 19px;border-radius:10px;min-height:46px}.btn-primary{background:#2e241f;color:#fff}.btn-primary:hover{background:#49392e}.btn-outline{background:transparent;border-color:#cfc1b3;color:#3a2d26}.btn-outline:hover{background:#f3ede6}.btn-full{width:100%}.btn svg{width:16px;height:16px}.footer{border-top:1px solid #e6ddd5;margin-top:48px;padding-top:22px;display:flex;justify-content:space-between;gap:10px;color:#9f9286;font-size:11px}.empty{border:1px dashed #d4c3b0;border-radius:17px;padding:52px 20px;text-align:center;background:#fff}.empty-symbol{font:400 50px Georgia,serif;color:#bda98f}.empty h3{font-family:Georgia,serif;font-size:23px;font-weight:500}.empty p{font-size:13px;color:#877b71}.notice-demo{background:#fff9e8;border:1px solid #eadfc7;border-radius:10px;padding:12px 16px;color:#82653b;font-size:12px;line-height:1.6;margin-top:21px}.mobile-nav{display:none}.dialog-cover{position:fixed;inset:0;background:rgba(25,20,17,.66);z-index:30;display:flex;align-items:center;justify-content:center;padding:24px}.dialog{width:min(92vw,570px);max-height:min(89vh,850px);overflow-y:auto;background:#fbf9f6;border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.22);position:relative}.dialog-head{padding:21px 24px 0;display:flex;justify-content:space-between;align-items:center}.dialog-head .eyebrow{margin:0}.dialog-close{height:38px;width:38px;border:1px solid #e2d6c8;background:#fff;border-radius:50%;font-size:21px}.dialog-body{padding:22px 25px 25px}.detail-title{font:500 28px/1.16 Georgia,serif;margin:3px 0 8px}.detail-media{background:#e9ddd1;min-height:200px;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:20px 0}.detail-media img,.detail-media video{width:100%;max-height:340px;object-fit:contain}.detail-media-placeholder{font:70px Georgia,serif;color:#b6a28f;padding:45px}.detail-tag{font-size:11px;letter-spacing:1px;color:#887668;text-transform:uppercase}.detail-content{font-size:13px;color:#74675d;line-height:1.8}.detail-progress{padding:15px;background:#f1eae2;border-radius:11px;margin:18px 0}.qty-label{font-weight:700;font-size:13px;margin-bottom:11px}.qty-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:12px 0 20px}.qty{border:1px solid #cbbbab;background:#fff;min-height:42px;border-radius:9px;font-weight:800;color:#5d4b3d}.qty.active{background:#2e241f;color:#fff;border-color:#2e241f}.helper{font-size:12px;color:#837367;line-height:1.7}.warn{background:#fff1db;color:#7b5524;border:1px solid #efdbbc;padding:11px 13px;border-radius:10px;font-size:12px;margin:12px 0}.field{display:block;font-size:12px;font-weight:800;color:#6c5949;margin:17px 0 8px}.text-field{width:100%;border:1px solid #d9cdbf;border-radius:10px;padding:14px 15px;background:white;font-size:15px;min-height:48px}.form-bottom{margin:23px 0 0}.success-panel{text-align:center;padding:20px 0}.success-icon{font-size:50px;color:#6d9475}.success-panel h3{font-family:Georgia,serif;font-size:26px;font-weight:500}.reservation{background:white;border:1px solid #e3d9ce;border-radius:13px;padding:17px 20px;margin-top:10px;display:flex;justify-content:space-between;gap:16px;align-items:center}.reservation h3{font:500 19px Georgia,serif;margin:0 0 7px}.reservation p{margin:0;color:#907e71;font-size:12px}.reservation strong{font-size:13px;white-space:nowrap}.demo-panel{border:1px dashed #bba48b;border-radius:12px;padding:14px 16px;margin-top:22px;font-size:12px;background:#f1e8d9}.demo-panel select,.demo-panel button{padding:8px;margin-top:9px;margin-right:5px}.toast{position:fixed;bottom:29px;right:25px;max-width:380px;background:#2c2521;color:white;padding:14px 17px;border-radius:12px;box-shadow:0 7px 25px #0002;font-size:13px;z-index:60}.loading{padding:54px;text-align:center;color:#8f7c6e}.no-image-caption{font-size:12px;color:#947b61}.cards-count{font-size:12px;background:#ede5dc;color:#796653;padding:5px 10px;border-radius:40px}
@media(min-width:1600px){.page{padding-left:65px;padding-right:65px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:851px) and (max-width:1200px){.page{padding-left:25px;padding-right:25px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layout{grid-template-columns:225px minmax(0,1fr)}}
@media(max-width:850px){.layout{display:block}.sidebar{display:none}.page{padding:0 18px 100px}.topbar{height:70px}.topbar h1{font-size:19px}.topbar .eyebrow{font-size:9px}.mobile-brand{display:block}.hero{margin:27px 0 22px;align-items:center}.hero h2{font-size:31px}.hero p{font-size:12px}.stat{padding:11px 15px;min-width:90px}.stat-number{font-size:27px}.category-row{display:flex;margin-top:14px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-media{height:190px}.product-body{padding:14px;gap:10px}.product-title{font-size:19px}.product-description{min-height:40px}.toolbar{margin:14px 0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#fff;padding:9px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid #e4dcd3;z-index:10;justify-content:space-around}.mobile-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;border:0;color:#8b8078;min-width:110px;font-size:10px;font-weight:700}.mobile-nav button.active{color:#342820}.mobile-nav svg{height:20px;width:20px}.footer{margin-top:30px}.sync-note{display:none}}
@media(max-width:580px){.page{padding-left:15px;padding-right:15px}.hero h2{font-size:27px}.hero p{max-width:265px}.stat{padding:9px 11px;min-width:72px}.stat-number{font-size:23px}.stat-caption{font-size:9px}.grid{grid-template-columns:1fr;gap:14px}.product{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:187px}.product-media{height:100%;min-height:191px}.product-media .media-symbol{font-size:64px}.product-media .demo-photo-label{bottom:7px;left:7px;font-size:8px}.last-pieces{left:5px;top:8px;padding:5px 6px;font-size:8px}.media-count{right:6px;top:8px;padding:4px 6px;font-size:9px}.product-body{gap:7px;padding:13px 12px 12px}.product-title{font-size:18px}.product-description{display:none}.product-price{font-size:14px}.product-progress{margin-top:5px}.product-meta{font-size:9px}.product-bottom{font-size:10px}.product-body .btn{min-height:37px;padding:9px 10px;font-size:11px}.product-progress .progress-label{font-size:10px;margin-bottom:6px}.section-head h3{font-size:21px}.dialog-cover{padding:0;align-items:flex-end}.dialog{width:100%;max-height:91vh;border-radius:21px 21px 0 0}.dialog-body{padding:16px 20px 30px}.detail-title{font-size:25px}.qty-list{gap:6px}.qty{min-height:39px}.footer{font-size:10px}.top-pill{padding:9px}.top-pill-label{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* P14.1 - Identidade oficial e controles sem círculos vazios */
.sidebar{background:#24373d;color:#f7f0e8}
.brand{display:flex;align-items:center;justify-content:center;min-height:128px;padding:4px 0 15px;border-bottom:1px solid rgba(238,220,199,.19)}
.brand-logo{display:block;object-fit:contain;width:100%;max-width:205px;height:auto}
.side-link{color:#d8e1e0}
.side-link:hover,.side-link.active{background:#355057;color:#fff}
.side-label{color:#c4d0ce}
.side-bottom{color:#c5d1d0;border-top:1px solid rgba(238,220,199,.19)}
.side-bottom strong{color:#fff}
.topbar-title{display:flex;align-items:center;gap:13px;min-width:0}
.topbar-heading{min-width:0}
.top-actions{flex-shrink:0;gap:9px}
.top-control{background:#f5eee6;color:#362820;border:1px solid #c8ad92;border-radius:10px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;font-size:12px;font-weight:800;white-space:nowrap}
.top-control:hover{background:#e9dacb;border-color:#a48163}
.top-control svg{stroke:#614b39;flex-shrink:0}
.dialog-head{position:sticky;top:0;z-index:2;background:#fbf9f6;padding-bottom:9px;border-radius:20px 20px 0 0}
.dialog-close{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;color:#3b2a22;background:#fff9f3;border:2px solid #b28e68;border-radius:50%;min-width:40px;min-height:40px;box-shadow:0 2px 7px rgba(30,20,10,.08);opacity:1;flex-shrink:0}
.dialog-close:hover{background:#efe0d0;border-color:#896745}
.dialog-close svg{width:20px;height:20px;stroke:#3b2a22;stroke-width:2.7;display:block}
@media(max-width:850px){
  .mobile-brand{display:flex;align-items:center;justify-content:center;background:#24373d;border-radius:7px;padding:3px 6px;width:112px;height:59px;flex-shrink:0}
  .brand-logo-mobile{width:105px;max-width:105px}
  .topbar-heading .eyebrow{font-size:8px}
}
@media(max-width:580px){
  .topbar{min-height:78px;height:auto;padding:8px 0;gap:7px}
  .topbar-heading{display:none}
  .mobile-brand{width:116px;height:60px}
  .top-control{min-height:37px;padding:8px 9px;gap:5px;font-size:11px}
  .top-actions{gap:6px}
  .dialog-head{padding-top:14px}
}
@media(max-width:380px){
  .mobile-brand{width:100px;height:55px}
  .brand-logo-mobile{width:94px}
  .top-control{font-size:10px;padding:7px 7px;gap:4px}
  .top-control svg{width:14px;height:14px}
}


/* P14.2 - Paleta harmonizada em verde pastel + neutros elegantes */
html,body,#app,.layout,.page{background:#f6f1eb!important;color:#2b231f!important}
.sidebar{background:linear-gradient(180deg,#27474c 0%,#20393d 100%)!important;color:#f7f0e8!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;justify-content:center;min-height:128px;padding:4px 0 15px;border-bottom:1px solid rgba(238,220,199,.19)}
.brand-logo{display:block;object-fit:contain;width:100%;max-width:205px;height:auto}
.brand-name{color:#fff7ef!important}.brand-subtitle{color:#d8cabd!important}
.side-label{color:#c9d4d2!important}.side-link{color:#dbe3e2!important}
.side-link:hover,.side-link.active{background:rgba(246,241,235,.14)!important;color:#fff!important}
.side-bottom{color:#cfdbd9!important;border-top:1px solid rgba(238,220,199,.19)!important}
.side-bottom strong{color:#fff!important}
.topbar{background:#f6f1eb!important;border-bottom:1px solid #ddd4c8!important}
.topbar h1,.hero h2,.section-head h3,.detail-title,.empty h3{color:#2c231f!important}
.hero p,.product-description,.detail-content,.helper,.reservation p{color:#72655d!important}
.eyebrow,.product-meta,.detail-tag{color:#8b735b!important}
.top-control{background:#f7f0e7!important;color:#3a2c24!important;border:1px solid #ccb39b!important;box-shadow:0 3px 10px rgba(68,53,38,.04)!important}
.top-control:hover{background:#ecdfd2!important;border-color:#9f876f!important}.top-control svg{stroke:#5c4839!important}
.search input,.text-field{background:#fffdfa!important;border-color:#ddd2c5!important}
.search input::placeholder{color:#ac9d90!important}
.stat{background:#ece5db!important;box-shadow:0 4px 14px rgba(70,54,38,.04)!important}.stat-caption,.section-hint,.sync-note,.footer{color:#8f8174!important}
.sync-dot,.success-icon{background:#86a995!important;color:#86a995!important}
.chip{background:#fffdfa!important;border-color:#e1d7cb!important;color:#6b5d52!important}
.chip.active{background:#35545b!important;border-color:#35545b!important;color:#fff!important}
.cards-count{background:#ece4da!important;color:#7a6755!important}
.product{background:#fffdfa!important;border-color:#e6ddd3!important;box-shadow:0 6px 18px rgba(40,28,17,.04)!important}
.product:hover{border-color:#c2ae95!important;box-shadow:0 12px 24px rgba(40,28,17,.06)!important}
.product-media{background:linear-gradient(130deg,#ece5dc,#d8cbbb 58%,#c2b09d)!important}
.product-title,.product-price,.progress-label strong{color:#2d231e!important}
.product-price small,.product-bottom,.progress-label,.loading,.no-image-caption{color:#8c7d70!important}
.progress-track{background:#ede6df!important}.progress-fill{background:#9b7f5a!important}
.btn-primary{background:#35545b!important;color:#fff!important}.btn-primary:hover{background:#2a454b!important}
.btn-outline{border-color:#cfc1b3!important;color:#3a2d26!important}.btn-outline:hover{background:#f3ede6!important}
.empty{background:#fffdfa!important;border-color:#d8c8b6!important}.empty-symbol{color:#b9a793!important}
.notice-demo{background:#fff8e7!important;border-color:#eadfc7!important;color:#82653b!important}
.dialog-cover{background:rgba(21,32,35,.58)!important}.dialog{background:#fbf9f6!important;box-shadow:0 24px 80px rgba(23,34,36,.18)!important}
.detail-media{background:#e9ddd1!important}.detail-progress{background:#f1eae2!important}
.qty.active{background:#35545b!important;border-color:#35545b!important}.warn{background:#fff1db!important;color:#7b5524!important;border-color:#efdbbc!important}
.demo-panel{background:#f1e8d9!important;border-color:#bba48b!important}
.toast{background:#2c2521!important;color:#fff!important}
.mobile-nav{background:#fffdfa!important;border-top:1px solid #e4dcd3!important}
.mobile-nav button{color:#8b8078!important}.mobile-nav button.active{color:#35545b!important}
@media(max-width:850px){.mobile-brand{background:#24434a!important}}



/* P14.3 - Paleta premium em verde pastel/sage + neutros elegantes */
html,body,#app,.layout,.page{background:#f7f4ef!important;color:#2e2a25!important}
.sidebar{background:linear-gradient(180deg,#d7e4d2 0%,#c4d5bf 55%,#bcccb6 100%)!important;color:#2e312d!important;box-shadow:inset -1px 0 0 rgba(105,121,102,.14), 8px 0 24px rgba(70,82,67,.05)!important}
.brand{border-bottom:1px solid rgba(82,97,79,.14)!important}
.brand-name{color:#24333a!important}.brand-subtitle{color:#5e6b63!important}
.side-label{color:#5e6a61!important}
.side-link{color:#31352f!important;background:transparent!important}
.side-link svg{stroke:#59685d!important}
.side-link:hover,.side-link.active{background:rgba(255,255,255,.52)!important;color:#1f2421!important;box-shadow:0 6px 14px rgba(70,82,67,.06)!important}
.side-link:hover svg,.side-link.active svg{stroke:#3e5146!important}
.side-bottom{color:#58685e!important;border-top:1px solid rgba(82,97,79,.14)!important}
.side-bottom strong{color:#233038!important}
.topbar{background:#f7f4ef!important;border-bottom:1px solid #ded8cf!important}
.topbar h1,.hero h2,.section-head h3,.detail-title,.empty h3{color:#2d2924!important}
.eyebrow,.product-meta,.detail-tag{color:#7b6b5e!important}
.hero p,.product-description,.detail-content,.helper,.reservation p,.footer,.section-hint,.sync-note,.stat-caption{color:#786f67!important}
.top-control{background:#fffdf9!important;color:#2f2b26!important;border:1px solid #d7cec3!important;box-shadow:0 8px 16px rgba(77,67,57,.05)!important}
.top-control:hover{background:#f3efe8!important;border-color:#c5bbb0!important}
.top-control svg{stroke:#675a4f!important}
.search input,.text-field{background:#fffdfa!important;border:1px solid #ddd5cb!important;box-shadow:0 4px 10px rgba(76,64,54,.03)!important}
.search input::placeholder{color:#ab9f94!important}
.stat{background:#eef3ec!important;border:1px solid #dde7d8!important;box-shadow:0 10px 20px rgba(93,111,91,.05)!important}
.sync-dot,.success-icon{background:#8ea98b!important;color:#8ea98b!important}
.chip{background:#fffdfa!important;border-color:#d8d2c8!important;color:#665d56!important}
.chip.active{background:#a8bfa2!important;border-color:#a8bfa2!important;color:#25322b!important}
.cards-count{background:#edf2ea!important;color:#61725f!important}
.product{background:#fffdfa!important;border:1px solid #e6e0d7!important;box-shadow:0 10px 22px rgba(84,72,61,.05)!important}
.product:hover{border-color:#c8d5c3!important;box-shadow:0 14px 30px rgba(84,72,61,.08)!important;transform:translateY(-1px)!important}
.product-media{background:linear-gradient(135deg,#eef3ea 0%,#dbe7d5 45%,#c9d8c2 100%)!important}
.product-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(0,0,0,0));pointer-events:none}
.product-title,.product-price,.progress-label strong{color:#2b2622!important}
.product-price small,.product-bottom,.progress-label,.loading,.no-image-caption{color:#867a70!important}
.progress-track{background:#ece5dd!important}.progress-fill{background:#9bb094!important}
.notice-demo{background:#fff8e7!important;border-color:#eadfc7!important;color:#856943!important}
.btn-primary{background:#9bb094!important;color:#243027!important;border-color:#9bb094!important;box-shadow:0 10px 18px rgba(110,133,106,.15)!important}
.btn-primary:hover{background:#8da587!important;border-color:#8da587!important}
.btn-outline{background:#fffdfa!important;border-color:#d9d1c8!important;color:#3d342e!important}.btn-outline:hover{background:#f5f0e9!important}
.dialog-cover{background:rgba(34,38,35,.42)!important}.dialog{background:#fcfaf6!important;box-shadow:0 26px 80px rgba(46,51,47,.18)!important}
.detail-media{background:linear-gradient(135deg,#f0eee8 0%,#dfebe0 100%)!important}
.detail-progress{background:#f3efe8!important}
.qty{background:#fffdfa!important;border-color:#ddd4ca!important;color:#3a332d!important}.qty.active{background:#a8bfa2!important;border-color:#a8bfa2!important;color:#243027!important}
.warn{background:#fff2dd!important;color:#7b5629!important;border-color:#efdfc4!important}
.empty{background:#fffdfa!important;border-color:#dde3da!important}.empty-symbol{color:#b9c8b3!important}
.mobile-nav{background:#fffdfa!important;border-top:1px solid #e5ddd4!important}.mobile-nav button{color:#8a8178!important}.mobile-nav button.active{color:#7d9979!important}
.demo-panel{background:#f4efe7!important;border-color:#d7cec3!important}
.toast{background:#2f2a26!important;color:#fff!important}
.logo-wrap,.logo-container{filter:saturate(.94)}
@media(max-width:850px){.sidebar{background:#d6e2d0!important}.mobile-brand{background:#fffdfa!important;border:1px solid #d8d1c8!important;box-shadow:0 4px 10px rgba(84,72,61,.05)!important}}



/* P14.4 · Jevilas Assessoria — logo fiel à arte original, catálogo compacto e mobile-first */
/* A arte oficial é clara sobre fundo escuro. Somente a placa do logo recebe fundo escuro;
   o restante preserva a paleta de verde pastel, creme e champagne. */
.sidebar{padding:22px 16px!important;gap:23px!important}
.brand{min-height:unset!important;display:flex!important;justify-content:center!important;align-items:center!important;padding:5px 4px 17px!important;margin-bottom:0!important;border-bottom:1px solid rgba(63,81,65,.17)!important}
.sidebar .brand-logo{display:block!important;width:100%!important;max-width:226px!important;height:auto!important;background:#22363b!important;border:1px solid rgba(211,186,148,.6)!important;border-radius:13px!important;padding:9px 7px!important;box-shadow:0 9px 20px rgba(42,53,44,.17)!important;filter:none!important;opacity:1!important;object-fit:contain!important}
/* A miniatura da marca também mantém contraste sobre o cabeçalho no celular. */
.mobile-brand{background:#22363b!important;border:1px solid rgba(186,157,121,.5)!important;border-radius:8px!important;box-shadow:0 4px 10px rgba(48,57,46,.11)!important;padding:5px 4px!important}
.mobile-brand .brand-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;opacity:1!important;filter:none!important;padding:0!important;max-width:100%!important}
/* Menos cartões enormes, sem sacrificar a legibilidade ou a foto. */
.layout{grid-template-columns:240px minmax(0,1fr)!important}
.page{padding-left:29px!important;padding-right:29px!important}
.hero{margin:22px 0 18px!important}
.hero h2{font-size:30px!important;line-height:1.18!important;margin:6px 0 7px!important}
.hero p{font-size:13px!important;line-height:1.45!important}
.stat{padding:10px 16px!important}
.stat-number{font-size:26px!important}
.toolbar{margin:17px 0 16px!important}
.section-head{margin:18px 0 12px!important}
.section-head h3{font-size:22px!important}
.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important}
.product{min-width:0!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(70,72,63,.06)!important}
.product-media{height:149px!important;min-height:0!important;max-height:none!important}
.product-media .media-symbol{font-size:60px!important}
.product-body{padding:12px 13px 13px!important;gap:7px!important}
.product-meta{font-size:9px!important;letter-spacing:.8px!important}
.product-title{font-size:18px!important;line-height:1.22!important;min-height:0!important}
.product-description{font-size:11px!important;min-height:0!important;line-height:1.4!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.product-price{font-size:15px!important}
.product-progress{margin-top:auto!important}
.progress-label{font-size:11px!important;margin-bottom:5px!important}
.progress-track{height:6px!important}
.product-bottom{font-size:10px!important;gap:6px!important}
.product .btn{font-size:11px!important;padding:9px!important;min-height:38px!important;gap:6px!important;border-radius:9px!important}
.product .btn svg{width:14px!important;height:14px!important}
.last-pieces{font-size:8px!important;padding:5px 7px!important;top:8px!important;left:8px!important;max-width:calc(100% - 16px)!important}
.demo-photo-label{font-size:9px!important;bottom:8px!important;left:8px!important;max-width:calc(100% - 16px)!important}
@media(min-width:1560px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(min-width:1800px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media(min-width:851px) and (max-width:1100px){
 .layout{grid-template-columns:218px minmax(0,1fr)!important}
 .page{padding-left:20px!important;padding-right:20px!important}
 .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 .product-media{height:130px!important}
 .product-body{padding:10px!important;gap:6px!important}
 .product-title{font-size:16px!important}
 .product-description{font-size:10px!important}
}
@media(min-width:851px) and (max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.product-media{height:145px!important}}
@media(max-width:850px){
 .page{padding:0 15px 82px!important}
 .layout{display:block!important}
 .hero{margin:14px 0 13px!important}
 .hero h2{font-size:24px!important}
 .hero p{font-size:12px!important}
 .toolbar{margin:11px 0!important}
 .section-head{margin:12px 0 10px!important}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .product-media{height:145px!important}
 .product-body{gap:6px!important;padding:11px!important}
 .product-title{font-size:17px!important}
 .mobile-brand{width:116px!important;height:61px!important}
 .mobile-brand .brand-logo{width:105px!important;height:auto!important}
}
@media(max-width:580px){
 /* Cada item é uma linha de catálogo, com foto à esquerda e informações à direita. */
 .page{padding:0 12px 82px!important}
 .hero{margin:10px 0 10px!important;gap:10px!important}
 .hero h2{font-size:21px!important;line-height:1.13!important;margin:3px 0!important}
 .hero p{font-size:11px!important;line-height:1.35!important}
 .hero p br{display:none!important}
 .stat{min-width:65px!important;padding:8px 9px!important;border-radius:10px!important}
 .stat-number{font-size:22px!important}
 .stat-caption{font-size:8px!important;letter-spacing:.3px!important}
 .category-row{margin-top:8px!important;gap:6px!important}
 .chip{font-size:11px!important;padding:7px 11px!important}
 .toolbar{margin:9px 0!important}
 .search input{min-height:41px!important;padding:10px 12px 10px 39px!important;font-size:13px!important}
 .section-head{margin:10px 0 9px!important}
 .section-head h3{font-size:19px!important}
 .grid{grid-template-columns:1fr!important;gap:9px!important}
 .product{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;min-height:0!important;border-radius:12px!important;align-items:stretch!important}
 .product-media{height:auto!important;min-height:151px!important;max-height:none!important}
 .product-media .media-symbol{font-size:43px!important}
 .product-body{padding:9px 10px!important;gap:4px!important;min-width:0!important}
 .product-meta{font-size:8px!important;letter-spacing:.35px!important}
 .product-title{font-size:15px!important;line-height:1.17!important}
 .product-description{display:none!important}
 .product-price{font-size:13px!important}
 .product-price small{font-size:9px!important}
 .product-progress{margin-top:2px!important}
 .progress-label{font-size:10px!important;margin-bottom:4px!important}
 .progress-track{height:5px!important}
 .product-bottom{font-size:9px!important;flex-wrap:wrap!important;column-gap:7px!important;row-gap:1px!important}
 .product .btn{min-height:31px!important;padding:6px 7px!important;font-size:10px!important;gap:5px!important;border-radius:7px!important}
 .product .btn svg{width:12px!important;height:12px!important}
 .demo-photo-label{font-size:7px!important;padding:3px 4px!important;left:4px!important;bottom:5px!important}
 .last-pieces{font-size:7px!important;padding:3px 4px!important;left:4px!important;top:5px!important;letter-spacing:0!important}
 .media-count{top:5px!important;right:4px!important;font-size:8px!important}
 /* Detalhes ficam amplos: somente o catálogo é condensado. */
 .detail-media{min-height:200px!important}
 .topbar{min-height:70px!important;height:auto!important;padding:6px 0!important}
 .mobile-brand{width:108px!important;height:55px!important}
 .mobile-brand .brand-logo{width:100px!important}
 .top-actions{gap:5px!important}
 .top-control{padding:7px 8px!important;font-size:10px!important;min-height:34px!important}
}
@media(max-width:360px){
 .product{grid-template-columns:93px minmax(0,1fr)!important}
 .product-body{padding:8px!important}
 .product-title{font-size:14px!important}
 .product-bottom{font-size:8px!important}
 .product .btn{font-size:9px!important}
}


/* P14.5 - paleta premium sálvia + logo com mais contraste */
:root{
  --bg-marfil:#F7F5F0;
  --bg-page:#F7F5F0;
  --bg-soft:#F1F4EE;
  --sage:#E8EBE5;
  --sage-2:#DCE4D8;
  --deep:#304D43;
  --deep-2:#3D5D52;
  --champ:#B69A70;
  --champ-soft:#D8C5A7;
  --line:#DDD8CF;
  --text:#33433D;
  --muted:#6C756F;
}
body,#app,.layout,.page{background:var(--bg-page)!important;color:var(--text)!important}
.sidebar{
  background:linear-gradient(180deg,#E6ECE2 0%,#DDE6D9 100%)!important;
  color:var(--deep)!important;
  box-shadow:inset -1px 0 0 rgba(48,77,67,.10)!important;
}
.brand{
  display:flex!important;align-items:center;justify-content:center!important;
  min-height:156px!important;
  padding:22px 16px!important;
  border:1px solid rgba(48,77,67,.10)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.58) 0%,rgba(255,255,255,.34) 100%)!important;
  box-shadow:0 10px 24px rgba(85,96,88,.08), inset 0 1px 0 rgba(255,255,255,.55)!important;
}
.brand-logo{
  width:100%!important;max-width:205px!important;height:auto!important;display:block!important;
  filter:drop-shadow(0 0 1px rgba(255,255,255,.95)) drop-shadow(0 1px 0 rgba(255,255,255,.85)) drop-shadow(0 2px 6px rgba(48,77,67,.10));
}
.brand-monogram,.brand-name,.brand-subtitle{color:var(--deep)!important}
.mobile-brand{
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(48,77,67,.10)!important;
  box-shadow:0 6px 16px rgba(79,94,86,.08)!important;
}
.brand-logo-mobile{
  filter:drop-shadow(0 0 1px rgba(255,255,255,.92)) drop-shadow(0 1px 4px rgba(48,77,67,.10));
}
.side-label{color:var(--champ)!important}
.side-link{color:#41534C!important;border-radius:16px!important}
.side-link:hover,.side-link.active{background:#FFFFFF!important;color:var(--deep)!important;box-shadow:0 6px 18px rgba(93,108,99,.08)!important}
.side-bottom{color:#67746D!important;border-top:1px solid rgba(48,77,67,.10)!important}
.side-bottom strong{color:var(--deep)!important}
.topbar{background:var(--bg-page)!important;border-bottom:1px solid var(--line)!important}
.eyebrow{color:var(--champ)!important}
.topbar h1,.hero h2,.section-head h3{color:var(--deep)!important}
.hero p,.section-hint,.sync-note,.stat-caption,.product-copy,.product-meta,.product-stats,.product-bullets,.progress-label,.meta-inline,.footer{color:var(--muted)!important}
.stat{background:#F5F4EE!important;border:1px solid rgba(48,77,67,.08)!important;box-shadow:0 8px 18px rgba(85,96,88,.04)!important}
.stat-number{color:var(--deep)!important}
.search input,.top-control{background:#FFFFFF!important;border-color:#D7D0C6!important;color:var(--deep)!important}
.top-control:hover{background:#F5F2EC!important;border-color:#C9B69D!important}
.top-control svg{stroke:var(--deep)!important}
.sync-dot{background:#86A995!important}
.cards-count{background:#EEF1EB!important;color:#5F7069!important}
.product{background:#FFFFFF!important;border:1px solid #E4DED6!important;box-shadow:0 12px 26px rgba(89,94,87,.06)!important;border-radius:18px!important}
.product:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(89,94,87,.08)!important}
.product-media{background:linear-gradient(180deg,#EFF4EC 0%,#E6EDE2 100%)!important}
.no-image-caption{color:#78857D!important}
.product-tag,.status-pill{background:#5A473D!important;color:#F8F3EA!important}
.product-kicker,.eyebrow-sm,.modal-kicker,.reserve-note strong{color:var(--champ)!important}
.product-title,.modal-title,.reserve-title,.qty-label{color:var(--deep)!important}
.product-price,.product-price strong,.price-amount{color:var(--deep)!important}
.product-price small{color:#7B857F!important}
.progress-track{background:#E7E1D9!important}
.progress-fill{background:linear-gradient(90deg,#A8BFA2 0%, #93AB8D 100%)!important}
.qty{border:1px solid #C9D0C6!important;background:#FFFFFF!important;color:#4A5C55!important}
.qty.active,.qty:hover{background:#A8BFA2!important;border-color:#A8BFA2!important;color:#25322B!important}
.reserve-btn,.btn-primary,.confirm-btn{background:linear-gradient(135deg,#3C5E52 0%, #304D43 100%)!important;color:#FFFFFF!important;border:0!important;box-shadow:0 10px 22px rgba(48,77,67,.18)!important}
.reserve-btn:hover,.btn-primary:hover,.confirm-btn:hover{background:linear-gradient(135deg,#36554B 0%, #284138 100%)!important}
.btn-secondary,.ghost-btn{background:#FFFFFF!important;color:var(--deep)!important;border:1px solid #D7D0C6!important}
.dialog-head,.modal-shell,.drawer-panel,.login-card{background:var(--bg-marfil)!important}
.dialog-close{background:#fffdfa!important;border:2px solid var(--champ)!important;color:var(--deep)!important}
.dialog-close svg{stroke:var(--deep)!important}
.footer{border-top:1px solid var(--line)!important}
@media(max-width:850px){
  .sidebar{background:#E8EBE5!important}
  .brand{min-height:128px!important;padding:16px 14px!important}
}