:root{--orange:#ff5a00;--orange2:#ff6200;--dark:#172027;--dark2:#111a20;--green:#12a94f;--blue:#1684ff;--yellow:#f5ae00;--border:#e7e9ec;--muted:#667085;--bg:#f7f8fa;--text:#17191c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--text);font-size:13px;background:var(--bg)}body{overflow-x:hidden}svg{display:block}.layout{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:240px;background:linear-gradient(180deg,var(--dark),var(--dark2));color:#fff;z-index:40;overflow-y:auto;display:flex;flex-direction:column}.brand{height:76px;background:linear-gradient(135deg,#ff4f00,#ff6200);display:flex;align-items:center;padding:0 18px;position:sticky;top:0;z-index:4}.brand img{width:154px;height:66px;object-fit:contain;mix-blend-mode:screen}.menumark{margin-left:auto;font-size:22px;font-weight:600}.brand #closeSide{display:none}.menu{padding:12px 11px 8px}.nav{height:39px;display:flex;align-items:center;gap:11px;padding:0 12px;border-radius:7px;color:#f4f6f7;text-decoration:none;margin:1px 0;font-size:12px;font-weight:500}.nav:hover{background:#202b33}.nav.active{background:linear-gradient(90deg,var(--orange),var(--orange2));font-weight:700;box-shadow:0 3px 9px rgba(255,90,0,.22)}.ico{width:18px;height:18px;display:grid;place-items:center;flex:0 0 18px}.ico svg{width:17px;height:17px}.navlabel{white-space:nowrap}.navextra{margin-left:auto;color:#1acb66;font-size:10px;white-space:nowrap}.navbadge{margin-left:auto;background:var(--orange);color:#fff;border-radius:6px;padding:2px 7px;font-size:10px;line-height:17px}.nav.active .navbadge{background:#fff;color:var(--orange)}.syncbox{margin:auto 14px 16px;padding:13px;border:1px solid #33414b;border-radius:8px;background:rgba(10,16,20,.16);font-size:11px}.syncbox small{display:block;font-weight:800;font-size:10px;margin-bottom:9px}.syncstatus{padding-bottom:9px;border-bottom:1px solid #34414a;color:#c6923a}.syncline{display:grid;gap:4px;padding:10px 0 12px;color:#cbd2d6}.syncline b{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--orange);border-radius:7px;padding:9px 13px;text-decoration:none;font-weight:700;font-size:11px;cursor:pointer;background:var(--orange);color:#fff}.btn svg{width:15px;height:15px}.btn.outline{background:#fff;color:var(--orange)}.btn.full{width:100%}.syncbtn{width:100%;height:38px}.main{margin-left:240px;min-height:100vh;display:flex;flex-direction:column}.top{height:70px;background:#fff;border-bottom:1px solid #eaecf0;display:flex;align-items:center;padding:0 26px;gap:18px;position:sticky;top:0;z-index:30}.hamb{display:none}.search{width:520px;height:42px;border:1px solid #dfe3e8;border-radius:7px;display:flex;align-items:center;gap:9px;padding:0 13px;background:#fff}.search svg{width:16px;height:16px;color:#344054}.search input{border:0;outline:0;min-width:0;flex:1;font:inherit;color:#344054}.search input::placeholder{color:#667085}.search kbd{font:500 11px Inter;color:#667085;background:none;border:0}.topright{margin-left:auto;display:flex;align-items:center;gap:18px}.help{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.help svg{width:17px;height:17px}.bell,.topwa{position:relative;display:grid;place-items:center}.bell svg,.topwa svg{width:20px;height:20px}.topwa{color:#00a94f}.bell i{position:absolute;right:-7px;top:-7px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font:700 9px Inter}.topdivider{height:34px;width:1px;background:#e7e9ec}.user{display:flex;align-items:center;gap:10px;min-width:150px}.avatar{width:38px;height:38px;border-radius:50%;background:#1a1a1a;color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}.user b{display:block;font-size:12px}.user small{display:block;color:#667085;margin-top:3px;font-size:10px}.logout{color:#111;text-decoration:none;font-size:18px}.content{flex:1;padding:18px 26px 24px}.dash-head h1{margin:0;font-size:29px;line-height:1.12;letter-spacing:-.6px}.dash-head p{margin:5px 0 0;color:#475467;font-size:12px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:17px 0 24px}.kpi{min-height:132px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 16px;display:flex;gap:14px;align-items:flex-start}.kpi-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 40px}.kpi-icon svg{width:36px;height:36px}.kpi-icon.orange{color:var(--orange)}.kpi-icon.green{color:var(--green)}.kpi-label{display:block;min-height:29px;font-size:11px;color:#101828;line-height:1.25}.kpi strong{display:block;font-size:30px;line-height:1;margin:4px 0 17px;letter-spacing:-1px}.kpi small{font-size:10px;color:#667085}.positive{color:#099b43!important}.orange-text{color:var(--orange)!important}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:14px}.panel{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}.panel h2{font-size:16px;margin:0;font-weight:700;letter-spacing:-.2px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.panel-title a{color:var(--orange);text-decoration:none;font-size:10px}.orders-panel{padding:14px 18px 7px}.orders-panel .panel-title{margin-bottom:7px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:11px 8px;border-bottom:1px solid #e9ecef;color:#344054;font-size:10px;font-weight:600;white-space:nowrap}.table td{padding:10px 8px;border-bottom:1px solid #edf0f2;font-size:10.5px;white-space:nowrap}.table tr:last-child td{border-bottom:0}.empty{text-align:center!important;color:#8a8f98!important;padding:18px!important}.badge{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:10px;background:#fff0e7;color:#e95000}.badge.green{background:#e5f7eb;color:#11843a}.badge.blue{background:#e5f0ff;color:#0868d9}.badge.yellow{background:#fff5d9;color:#bd7b00}.eye{width:34px;height:28px;border:1px solid #dfe3e8;border-radius:6px;display:grid;place-items:center;color:#101828;text-decoration:none}.eye svg{width:15px;height:15px}.wa-inline{display:inline-block;color:#00a94f;vertical-align:-3px;margin-right:4px}.wa-inline svg{width:16px;height:16px}.bottom-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px}.chart-panel,.chat-panel{min-height:274px}.status-chart{display:flex;align-items:center;gap:20px;min-height:200px}.donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;flex:0 0 138px}.realdonut{background:conic-gradient(var(--orange) 0 var(--a),var(--yellow) var(--a) var(--b),var(--blue) var(--b) var(--c),var(--green) var(--c) 100%)}.realdonut:after{content:attr(data-total) "\A Total";white-space:pre;width:78px;height:78px;background:#fff;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:22px;line-height:1.05;font-weight:800}.legend{display:grid;gap:11px;min-width:0;flex:1}.legend span{display:flex;align-items:center;gap:7px;font-size:9px;white-space:nowrap}.legend b{margin-left:auto}.legend i{width:7px;height:7px;border-radius:50%;flex:0 0 7px}.l1{background:var(--orange)}.l2{background:var(--yellow)}.l3{background:var(--blue)}.l4{background:var(--green)}.selectlike{font-size:9px;border:1px solid #e0e4e8;border-radius:6px;padding:7px 9px;color:#344054}.linechart{height:195px;margin-top:10px}.linechart svg{width:100%;height:100%;overflow:visible}.linechart text{font-size:9px;fill:#667085}.gridlines line{stroke:#eef0f2;stroke-width:1}.conversation-empty{text-align:center;display:grid;justify-items:center;gap:8px;padding:24px 6px 21px;color:#667085}.conversation-empty b{color:#475467;font-size:11px}.conversation-empty small{font-size:9px;line-height:1.45}.wa-big{color:#00a94f}.wa-big svg{width:32px;height:32px}.dash-right .panel{padding:16px 14px}.quick-panel{padding-bottom:12px!important}.quick.reference{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.quick.reference a{min-height:82px;border:1px solid #e6e8eb;border-radius:8px;text-decoration:none;color:#101828;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;font-size:9px;line-height:1.25}.quick.reference a b{display:grid;place-items:center;color:var(--orange)}.quick.reference a b svg{width:23px;height:23px}.stock-card p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid #edf0f2;font-size:10px}.stock-card p b{text-align:right}.paused{color:#9b6a2f}.api-note{margin-top:12px;background:#fff4ec;color:#7a4b2b;padding:9px;border-radius:7px;font-size:9px;line-height:1.4}.best-list>div{display:grid;grid-template-columns:22px 28px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:10px}.best-list em{font-style:normal;color:var(--orange);font-weight:800;font-size:16px}.product-placeholder{width:26px;height:29px;border-radius:4px;background:#f2f3f5;display:grid;place-items:center;color:#667085}.product-placeholder svg{width:17px;height:17px}.empty-mini{text-align:center;color:#777;font-size:10px;padding:20px}.foot{height:54px;background:#fff;border-top:1px solid #e7e9ec;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;color:#555;font-size:10px}.heart{color:var(--orange);font-size:17px;vertical-align:-2px;margin:0 9px}.form{display:grid;gap:13px}.form label{font-size:12px;font-weight:700}.form input,.form select,.form textarea{width:100%;border:1px solid #dfe2e5;border-radius:7px;padding:11px 12px;font:inherit;background:#fff}.form textarea{min-height:100px;resize:vertical}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;gap:8px;flex-wrap:wrap}.flash{padding:12px 15px;border-radius:8px;background:#e9f8ee;color:#15713a;margin-bottom:16px}.flash.err{background:#fff0ee;color:#b62e20}.banner-preview{width:100%;background:#f0f1f2;border:1px dashed #c9cdd0;border-radius:8px;display:grid;place-items:center;overflow:hidden;min-height:130px}.banner-preview img{width:100%;height:auto;display:block}.spec{padding:12px;background:#fff6f0;border-left:4px solid var(--orange);border-radius:6px;line-height:1.5}.pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.pagehead h1,h1{margin:0 0 5px;font-size:28px}.muted{color:#6f7479}.card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px}.thumb{width:45px;height:45px;object-fit:cover;border-radius:6px;background:#eee}
@media(max-width:1360px){.kpis{grid-template-columns:repeat(5,minmax(150px,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr) 290px}.bottom-grid{grid-template-columns:1fr 1.2fr}.bottom-grid>.panel:last-child{grid-column:1/-1}.quick.reference{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1120px){.kpis{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.dash-right{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dash-right .panel{margin:0}.dash-right .panel:last-child{grid-column:1/-1}.topright .help{display:none}}
@media(max-width:760px){.side{transform:translateX(-100%);transition:.2s}.side.show{transform:none}.brand #closeSide{display:block;position:absolute;right:12px;background:none;border:0;color:#fff;font-size:27px}.main{margin-left:0}.top{padding:0 14px;height:62px}.hamb{display:block;border:0;background:none;font-size:22px}.search{width:auto;flex:1}.search kbd,.topdivider,.user div,.bell{display:none}.content{padding:18px 14px}.kpis{grid-template-columns:1fr 1fr}.bottom-grid,.dash-right{grid-template-columns:1fr}.bottom-grid>.panel:last-child,.dash-right .panel:last-child{grid-column:auto}.status-chart{flex-direction:column}.quick.reference{grid-template-columns:repeat(2,1fr)}.foot{height:auto;min-height:54px;padding:14px;flex-direction:column;align-items:flex-start}}
@media(max-width:420px){.kpis{grid-template-columns:1fr}.topright{gap:9px}}

/* Produto V5 */
.product-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.product-pagehead h1{font-size:28px;margin:4px 0}.product-pagehead p{margin:0;color:#667085}.breadcrumb{font-size:11px;color:#98a2b3}.breadcrumb span{padding:0 6px}.product-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.product-maincol,.product-sidecol{min-width:0}.product-section{padding:20px;margin-bottom:16px}.section-head,.section-head-left{display:flex;align-items:flex-start;gap:12px}.section-head{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #eef0f2}.section-head h2{font-size:15px;margin:0 0 4px}.section-head p{margin:0;color:#667085;font-size:11px}.section-icon{width:35px;height:35px;border-radius:8px;background:#fff2e9;color:var(--orange);display:grid;place-items:center;font-weight:800;font-size:13px;flex:0 0 35px}.section-between{justify-content:space-between}.field{display:grid;gap:7px}.field span,.sub-label{font-size:11px;font-weight:700;color:#344054}.field span b{color:var(--orange)}.field small{font-size:9px;color:#98a2b3}.field.span2{grid-column:1/-1}.formgrid{gap:15px}.formgrid .field input,.formgrid .field select,.formgrid .field textarea{height:42px;border:1px solid #dfe3e8;border-radius:7px;padding:0 12px;font:inherit;outline:none;background:#fff}.formgrid .field textarea{height:112px;padding:12px;resize:vertical}.formgrid .field input:focus,.formgrid .field select:focus,.formgrid .field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,0,.08)}.image-upload-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.sub-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sub-label span{font-size:9px;color:#98a2b3;font-weight:500}.dropzone{height:350px;border:1.5px dashed #d5d9df;border-radius:10px;background:#fafbfc;position:relative;display:grid;place-items:center;overflow:hidden;cursor:pointer}.dropzone input,.gallery-upload input{position:absolute;opacity:0;pointer-events:none}.dz-empty{display:grid;justify-items:center;text-align:center;gap:7px;padding:22px;color:#667085}.dz-empty strong{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#fff1e8;color:var(--orange);font-size:26px}.dz-empty b{color:#344054}.dz-empty span,.dz-empty small{font-size:10px}.dropzone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#f5f5f5;display:none}.image-actions{position:absolute;left:0;right:0;bottom:0;padding:10px;text-align:center;background:rgba(0,0,0,.62);color:#fff;opacity:0;transition:.15s}.dropzone:hover .image-actions{opacity:1}.gallery-upload{height:116px;border:1.5px dashed #d5d9df;border-radius:10px;display:grid;place-items:center;align-content:center;gap:5px;text-align:center;cursor:pointer;color:#667085;position:relative}.gallery-upload strong{color:var(--orange);font-size:12px}.gallery-upload span{font-size:9px}.gallery-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.gallery-item{aspect-ratio:4/5;border:1px solid #e3e6ea;border-radius:7px;overflow:hidden;position:relative;background:#f3f4f6}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item a{position:absolute;right:4px;top:4px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(20,20,20,.75);color:#fff;text-decoration:none;font-size:17px}.gallery-item.new:after{content:'Nova';position:absolute;left:4px;bottom:4px;background:var(--orange);color:#fff;border-radius:4px;padding:2px 5px;font-size:8px}.money-field{height:42px;display:flex;align-items:center;border:1px solid #dfe3e8;border-radius:7px;overflow:hidden;background:#fff}.money-field i{font-style:normal;padding:0 10px;color:#667085;border-right:1px solid #edf0f2}.money-field input{border:0!important;box-shadow:none!important;flex:1}.variation-add{background:#fafbfc;border:1px solid #edf0f2;border-radius:9px;padding:12px;margin-bottom:13px}.variation-fields{display:grid;grid-template-columns:1fr .75fr 1.25fr .65fr auto;gap:9px;align-items:end}.variation-fields label{display:grid;gap:6px}.variation-fields label span{font-size:9px;font-weight:700;color:#667085}.variation-fields input{height:38px;border:1px solid #dfe3e8;border-radius:6px;padding:0 9px;font:inherit}.variation-fields .btn{height:38px;white-space:nowrap}.variation-table-wrap{overflow:auto;border:1px solid #edf0f2;border-radius:8px}.variation-table{width:100%;border-collapse:collapse}.variation-table th,.variation-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #edf0f2;font-size:10px;white-space:nowrap}.variation-table th{background:#fafbfc;color:#667085}.variation-table tr:last-child td{border-bottom:0}.empty-row td{text-align:center;color:#98a2b3;padding:22px}.size-pill{min-width:28px;height:25px;padding:0 7px;border-radius:5px;background:#f2f4f7;display:inline-grid;place-items:center;font-weight:700}.stock-pill{padding:4px 7px;border-radius:20px;font-size:9px}.stock-pill.ok{background:#e8f8ee;color:#12833b}.stock-pill.zero{background:#fff0ed;color:#c84029}.trash-link{width:25px;height:25px;border:1px solid #f0d5d0;border-radius:5px;color:#d44128;text-decoration:none;display:grid;place-items:center;font-size:17px}.save-first{font-size:9px;color:#9a6b3a;background:#fff5e9;padding:6px 8px;border-radius:5px}.side-product-card{position:sticky;top:86px;padding:18px}.side-product-card h2,.photo-guide h2{font-size:14px;margin:0 0 13px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f2;cursor:pointer}.switch-row span{display:grid;gap:3px}.switch-row b{font-size:10px}.switch-row small{color:#98a2b3;font-size:9px}.switch-row input{display:none}.switch-row i{width:35px;height:20px;border-radius:20px;background:#d9dde3;position:relative;transition:.2s;flex:0 0 35px}.switch-row i:after{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.switch-row input:checked+i{background:var(--orange)}.switch-row input:checked+i:after{left:17px}.publish-actions{display:grid;gap:8px;margin-top:16px}.photo-guide{text-align:center;padding:18px}.ratio-demo{height:125px;display:grid;place-items:center}.ratio-demo div{width:74px;height:93px;border:2px dashed #ffb88e;border-radius:7px;display:grid;place-items:center;color:var(--orange);font-weight:800;background:#fff7f2}.photo-guide p{margin:4px 0}.photo-guide small{display:block;color:#667085;font-size:9px;line-height:1.5}.product-sidecol .panel{margin-bottom:16px}
@media(max-width:1100px){.product-layout{grid-template-columns:1fr}.product-sidecol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.side-product-card{position:static}.image-upload-grid{grid-template-columns:1fr}.variation-fields{grid-template-columns:1fr 1fr}.variation-fields .btn{grid-column:1/-1}}
@media(max-width:650px){.product-pagehead{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.field.span2{grid-column:auto}.product-sidecol{grid-template-columns:1fr}.variation-fields{grid-template-columns:1fr}.dropzone{height:310px}}