:root{--bg:#f5f7fb;--panel:#fff;--text:#172033;--muted:#6b7280;--line:#e6e9ef;--accent:#ef7d22;--accent2:#163b66;--good:#17834b;--danger:#c53d3d;--shadow:0 8px 24px rgba(23,32,51,.06)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#111c2d;color:#fff;padding:22px 16px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 26px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center;font-weight:800;font-size:20px}.brand b{display:block}.brand small{color:#aeb8c8;font-size:11px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{border:0;background:transparent;color:#b9c3d2;text-align:left;padding:12px 13px;border-radius:9px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#213149;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--accent)}.side-note{margin-top:auto;color:#8793a7;font-size:11px;padding:12px 8px}.side-note span{color:#657287}main{margin-left:250px;width:calc(100% - 250px);padding:30px 34px 50px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{margin:0;font-size:28px}header p{margin:5px 0 0;color:var(--muted)}.page{display:none}.page.active{display:block}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:25px;font-weight:750;margin-top:8px}.kpi .sub{font-size:11px;color:var(--muted);margin-top:5px}.layout2{grid-template-columns:1.3fr .7fr}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-title h2{font-size:16px;margin:0}.btn{border:0;border-radius:9px;padding:10px 14px;cursor:pointer;font-weight:650}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--accent2);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.danger{background:#fff0f0;color:var(--danger)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}td.num{text-align:right}.pill{display:inline-block;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700}.pill.good{background:#e9f7ef;color:var(--good)}.pill.warn{background:#fff5df;color:#a26700}.pill.bad{background:#ffecec;color:var(--danger)}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field input,.field select{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;outline:none}.field input:focus,.field select:focus{border-color:var(--accent)}.toolbar{display:flex;gap:8px;align-items:center}.toolbar input{padding:10px 12px;border:1px solid var(--line);border-radius:9px;min-width:220px}.calc{display:grid;grid-template-columns:1fr 1fr;gap:18px}.big-result{background:#111c2d;color:#fff;border-radius:14px;padding:24px}.big-result .label{color:#aeb8c8;font-size:12px}.big-result .price{font-size:42px;font-weight:800;margin:8px 0}.big-result .mc{font-size:20px;color:#f7b57e}.formula{background:#f8fafc;border:1px dashed #d7dce5;border-radius:10px;padding:13px;font-size:12px;color:#4b5563}.bar{height:9px;background:#edf0f4;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:99px}.empty{color:var(--muted);padding:25px;text-align:center}.muted{color:var(--muted)}@media(max-width:900px){.sidebar{width:70px}.brand div:not(.brand-mark),.sidebar nav button{font-size:0}.sidebar nav button:first-letter{font-size:18px}.side-note{display:none}main{margin-left:70px;width:calc(100% - 70px);padding:20px}.kpis,.layout2,.calc{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}}@media(max-width:600px){.kpis,.layout2,.calc{grid-template-columns:1fr}header{gap:10px}.toolbar{flex-wrap:wrap}.toolbar input{min-width:0;width:100%}}
.modal-backdrop{position:fixed;inset:0;background:rgba(5,12,22,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal{width:min(820px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.recipe-row select,.recipe-row input{flex:1;min-width:0;padding:10px;border:1px solid #d7dde5;border-radius:8px}.recipe-row button{width:42px}.check{display:flex;gap:8px;align-items:center;font-weight:600}.check input{width:18px;height:18px}
.variable-breakdown{border:1px solid #dbe3ec;border-radius:12px;padding:14px;background:#fff}
.variable-breakdown-list{display:grid;gap:8px;margin-top:10px}
.variable-breakdown-row{display:flex;justify-content:space-between;gap:16px;padding:9px 11px;border-radius:8px;background:#f8fafc;border:1px solid #e6ebf1}
.variable-breakdown-row b{white-space:nowrap}

/* ===== PrecificaPro — identidade visual V1.14 ===== */
:root{--bg:#f4f6f8;--panel:#ffffff;--text:#172033;--muted:#6d7685;--line:#e5e8ed;--accent:#f26b21;--accent-dark:#d95612;--nav:#0d141d;--nav2:#151f2b;--good:#188653;--danger:#dc3f3f;--shadow:0 10px 30px rgba(16,24,40,.07)}
*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.01em}
.app{min-height:100vh}.sidebar{width:258px;background:linear-gradient(180deg,#0d141d 0%,#101a25 100%);padding:22px 14px;box-shadow:10px 0 30px rgba(10,16,24,.08)}
.brand{padding:8px 10px 30px;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#ff7a2b,#e65312);box-shadow:0 8px 18px rgba(242,107,33,.25);font-size:21px}.brand b{font-size:18px;letter-spacing:-.03em}.brand small{font-size:10px;letter-spacing:.02em;color:#9eabbc}
.sidebar nav{gap:5px}.sidebar nav button{min-height:46px;padding:12px 14px;border-radius:11px;color:#aeb9c8;font-weight:600;transition:.18s ease}.sidebar nav button:hover{background:#172433;color:#fff}.sidebar nav button.active{background:linear-gradient(90deg,rgba(242,107,33,.98),rgba(225,82,15,.96));color:#fff;box-shadow:0 8px 18px rgba(242,107,33,.18);inset:0}.side-note{font-size:10px;padding:14px 10px;color:#728095}.side-note span{color:#536176}
main{margin-left:258px;width:calc(100% - 258px);padding:32px 38px 56px;max-width:1600px}header{margin-bottom:28px;align-items:flex-start}h1{font-size:30px;line-height:1.1;letter-spacing:-.035em}header p{font-size:13px;color:#7a8391}.top-actions{padding-top:2px}
.card{border:1px solid #e7eaf0;border-radius:18px;box-shadow:var(--shadow);padding:22px;background:rgba(255,255,255,.98)}.kpis{gap:14px}.kpi{min-height:126px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-28px;top:-28px;width:90px;height:90px;border-radius:50%;background:rgba(242,107,33,.06)}.kpi .label{font-size:10px;font-weight:800;letter-spacing:.07em;color:#7a8492}.kpi .value{font-size:27px;letter-spacing:-.035em;margin-top:10px}.kpi .sub{font-size:11px}.action-card .btn{margin-top:12px}
.section-title{margin-bottom:16px}.section-title h2{font-size:18px;letter-spacing:-.025em}.section-title h3{font-size:15px}.muted{color:#7a8391}.btn{border-radius:10px;padding:10px 14px;transition:.15s ease;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#ff7a2b,#eb5f18);box-shadow:0 6px 14px rgba(242,107,33,.18)}.btn.secondary{background:#172433;color:#fff}.btn.ghost{background:#fff;border:1px solid #e0e4ea}.btn.danger{background:#fff1f1;color:#d73d3d;border:1px solid #ffd9d9}
.toolbar input{border-radius:10px;padding:11px 13px;background:#fff}.field label{font-size:11px;font-weight:700;color:#687386}.field input,.field select{padding:11px 12px;border-radius:10px;border-color:#dfe4eb;min-height:42px}.field input:focus,.field select:focus,.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(242,107,33,.1)}
table{font-size:13px}th{font-size:10px;color:#7b8593;padding:12px 10px;background:#f7f8fa}th:first-child{border-radius:10px 0 0 10px}th:last-child{border-radius:0 10px 10px 0}td{padding:13px 10px;border-bottom:1px solid #edf0f3}tbody tr:hover{background:#fcfcfd}.pill{padding:5px 9px}.pill.good{background:#eaf8f0;color:#178452}.pill.warn{background:#fff5e5;color:#a56800}.pill.bad{background:#ffeded;color:#cc3d3d}
.formula{background:#f8fafc;border:1px dashed #d8dee7;border-radius:12px;padding:14px;color:#596476}.variable-breakdown{border:1px solid #e7ebf0;border-radius:14px;padding:15px;background:#fbfcfd}.variable-breakdown-row{padding:10px 12px;border-radius:9px;background:#fff;border-color:#edf0f3}.variable-breakdown .pill.good{background:#fff0e7;color:#df5a13}
.modal-backdrop{background:rgba(8,13,20,.72);backdrop-filter:blur(3px);padding:24px}.modal{width:min(980px,100%);max-height:92vh;border-radius:20px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.25)}.modal>.section-title{padding-bottom:18px;border-bottom:1px solid #eef0f3}.modal h2{font-size:21px;letter-spacing:-.03em}.recipe-row,.product-row{align-items:center}.recipe-row select,.recipe-row input,.product-row select,.product-row input{padding:11px 12px;border:1px solid #dfe4eb;border-radius:10px;min-height:42px;background:#fff}.recipe-row button,.product-row button{width:42px;height:42px;padding:0;border-radius:10px}
.big-result{background:linear-gradient(145deg,#111b27,#172433);border-radius:18px;box-shadow:0 12px 30px rgba(15,25,38,.14)}.big-result .price{color:#fff}.big-result .mc{color:#ffb07b}.bar{background:#edf0f4}.bar i{background:linear-gradient(90deg,#f26b21,#ff9b59)}
/* Destaque para o resumo financeiro no editor */
#product-cost-preview,#product-cmv-preview,#product-price-preview{font-size:25px;color:#df5b15}.modal .kpi{min-height:105px;background:#fff;border:1px solid #edf0f3;border-radius:14px;padding:15px}.modal .kpi:after{display:none}.modal .kpi .value{font-size:23px}
@media(max-width:1050px){main{padding:26px 24px}.sidebar{width:230px}main{margin-left:230px;width:calc(100% - 230px)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{width:72px;padding:18px 8px}.brand{justify-content:center;padding:4px 0 25px}.brand div:not(.brand-mark),.sidebar nav button{font-size:0}.sidebar nav button{padding:12px 10px;text-align:center}.side-note{display:none}main{margin-left:72px;width:calc(100% - 72px);padding:20px 16px}.kpis,.layout2,.calc{grid-template-columns:1fr}.modal{padding:18px}.formgrid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;min-width:0}}

/* ===== Visual refresh 1.14.1 ===== */
:root{
  --bg:#f3f5f7;--panel:#fff;--text:#142033;--muted:#6f7886;--line:#e4e8ed;
  --accent:#f26722;--accent-dark:#dc5415;--nav:#0b121b;--nav2:#141e29;
  --soft-orange:#fff1e8;--soft-red:#fff0f0;--shadow:0 12px 34px rgba(15,24,38,.065)
}
body{background:var(--bg);font-size:14px}
.app{background:var(--bg)}
.sidebar{width:264px;padding:24px 15px;background:linear-gradient(180deg,#0b121b 0%,#101a24 100%);border-right:1px solid #1c2733;box-shadow:10px 0 35px rgba(8,14,21,.08)}
.brand{padding:4px 10px 32px;gap:12px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#ff7a2b,#e65312);box-shadow:0 10px 24px rgba(242,103,34,.23);font-size:21px}.brand b{font-size:19px;line-height:1}.brand small{display:block;margin-top:5px;font-size:9px;letter-spacing:.09em;color:#9aa8b8}
.sidebar nav{gap:6px}.sidebar nav button{min-height:48px;padding:12px 14px;border-radius:12px;font-size:13px;letter-spacing:-.01em}.sidebar nav button.active{background:linear-gradient(90deg,#f26722,#df5615);box-shadow:0 8px 20px rgba(242,103,34,.2);font-weight:750}.sidebar nav button:not(.active):hover{background:#182432}
main{margin-left:264px;width:calc(100% - 264px);padding:34px 40px 64px;max-width:1660px}header{margin-bottom:30px}h1{font-size:32px;font-weight:800}.top-actions .btn{height:42px}
.card{border-radius:18px;border:1px solid #e7eaee;box-shadow:var(--shadow);padding:22px}.kpis{gap:15px}.kpi{min-height:128px}.kpi .label{font-size:10px;letter-spacing:.09em;font-weight:800}.kpi .value{font-size:28px;font-weight:800}.action-card{display:flex;flex-direction:column}.action-card .btn{align-self:flex-start}
.btn{min-height:42px;border-radius:11px;font-size:13px}.btn.primary{background:linear-gradient(135deg,#ff7b2c,#eb5d18);box-shadow:0 7px 16px rgba(242,103,34,.2)}.btn.primary:hover{background:linear-gradient(135deg,#ff863e,#e95712)}.btn.secondary{background:#182532}.btn.ghost{background:#fff;border-color:#dfe4ea}
.field label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.field input,.field select{min-height:44px;border-radius:11px;padding:11px 13px;font-size:14px;background:#fff}.toolbar input{min-height:44px}
table{border-collapse:separate;border-spacing:0;font-size:13px;overflow:hidden}th{padding:13px 12px;background:#f6f7f9}td{padding:14px 12px;background:#fff}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fffaf6}
.modal-backdrop{background:rgba(8,13,20,.74);backdrop-filter:blur(5px)}.modal{width:min(1040px,100%);border-radius:22px;padding:28px;background:#f8f9fb}.modal>.section-title{margin:-2px -2px 20px;padding:0 0 18px}.modal h2{font-size:23px}.modal .formgrid,.modal .card{background:#fff}.modal .card{box-shadow:none}
.recipe-row,.product-row{display:grid;grid-template-columns:minmax(220px,1.7fr) minmax(110px,.65fr) 44px;gap:9px;margin-bottom:9px;padding:0}.recipe-row select,.recipe-row input,.product-row select,.product-row input{min-height:44px;border-radius:11px;background:#fff;font-size:14px}.recipe-row button,.product-row button{width:44px;height:44px;border-radius:11px}
/* Product composition: visual table */
#product-rows{background:#fff;border:1px solid #e6e9ee;border-radius:15px;padding:12px}.modal #product-rows:before{content:'INSUMO / PRODUTO';display:block;padding:4px 10px 10px;color:#778190;font-size:10px;font-weight:800;letter-spacing:.08em}.modal #product-rows .product-row:before{content:'Ingrediente';display:none}
#product-variable-breakdown{background:#fff;border-radius:15px;border:1px solid #e7eaee;padding:16px}.variable-breakdown{background:#fff;border:0;padding:0}.variable-breakdown-row{background:#f8fafc;border:1px solid #edf0f3;border-radius:10px}
.modal .kpi{background:#fff;border:1px solid #e7eaee;box-shadow:none;min-height:108px}.modal .kpi .value{font-size:24px}.modal .kpi:nth-child(1),.modal .kpi:nth-child(2){background:#fffaf6}.modal .kpi:nth-child(2) .value,.modal #product-price-preview{color:#e85d17}.modal .kpi:nth-child(3){background:linear-gradient(145deg,#111b26,#172432);color:#fff;border-color:#172432}.modal .kpi:nth-child(3) .label{color:#aeb9c7}.modal .kpi:nth-child(3) .value{color:#ff9a61;font-size:27px}
.formula{background:#f5f7f9;border-radius:12px}
@media(max-width:1050px){.sidebar{width:235px}main{margin-left:235px;width:calc(100% - 235px)}}
@media(max-width:760px){.sidebar{width:72px}.brand{justify-content:center}.brand div:not(.brand-mark){display:none}main{margin-left:72px;width:calc(100% - 72px);padding:22px 16px}.modal{padding:18px}.recipe-row,.product-row{grid-template-columns:1fr 105px 44px}}

/* Composição da ficha técnica: valores unitário e total */
.composition-header{display:grid;grid-template-columns:minmax(240px,2.2fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(130px,1fr) 46px;gap:10px;align-items:center;padding:10px 12px;margin-top:10px;border-radius:12px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:800;letter-spacing:.04em}
.product-row{display:grid!important;grid-template-columns:minmax(240px,2.2fr) minmax(100px,.8fr) minmax(130px,1fr) minmax(130px,1fr) 46px;gap:10px;align-items:center;margin-top:9px}
.product-row .p-name,.product-row .p-qty{min-width:0;width:100%;box-sizing:border-box}
.product-row .p-unit-cost,.product-row .p-total-cost{min-height:42px;display:flex;align-items:center;padding:0 13px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;box-sizing:border-box;font-weight:700;white-space:nowrap}
.product-row .p-total-cost{background:#fff7ed;color:#ea580c;border-color:#fed7aa}
.product-row .btn.danger{min-height:42px;padding:0 10px}
@media(max-width:900px){.composition-header{grid-template-columns:minmax(190px,1.8fr) minmax(90px,.7fr) minmax(115px,1fr) minmax(115px,1fr) 44px}.product-row{grid-template-columns:minmax(190px,1.8fr) minmax(90px,.7fr) minmax(115px,1fr) minmax(115px,1fr) 44px}}
@media(max-width:680px){.composition-header{display:none}.product-row{grid-template-columns:1fr 100px 110px 110px 42px;overflow-x:auto;padding-bottom:2px}.product-row .p-name{grid-column:1}.product-row .p-qty{grid-column:2}.product-row .p-unit-cost{grid-column:3}.product-row .p-total-cost{grid-column:4}.product-row .btn.danger{grid-column:5}}

/* Formação do preço na listagem de produtos */
.price-formation{display:flex;flex-direction:column;gap:3px;min-width:150px;font-size:11px;color:#64748b;line-height:1.35}.price-formation b{color:#172033}.price-formation span:first-child b{color:#ea580c}.price-formation span:last-child b{color:#163b66}
#produtos table{min-width:1050px}#produtos .card{overflow-x:auto}
@media(max-width:1100px){#produtos table{min-width:980px}}

.price-formation{display:flex;flex-direction:column;gap:3px;min-width:150px;font-size:11px;color:#64748b;line-height:1.35}.price-formation b{color:#172033}.price-formation span:first-child b{color:#ea580c}.price-formation span:last-child b{color:#163b66}#produtos .card{overflow-x:auto}#produtos table{min-width:1050px}


/* Resumo para precificação: leitura vertical */
.summary-stack{display:flex;flex-direction:column;gap:12px;width:100%}.summary-item{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:88px;padding:18px 20px;border:1px solid #e7e9ee;border-radius:16px;background:#fff;box-sizing:border-box}.summary-item .label{font-size:12px;font-weight:800;letter-spacing:.08em;color:#687386;margin-bottom:7px}.summary-item .sub{font-size:13px;line-height:1.4;color:#667085;max-width:260px}.summary-item .value{font-size:28px;font-weight:850;color:#0f1f36;white-space:nowrap}.summary-item:nth-child(2) .value{color:#f35b16}@media(max-width:700px){.summary-item{align-items:flex-start;flex-direction:column}.summary-item .value{font-size:24px}}

/* ===== PrecificaPro — iFood + layout de produtos / consulta inline ===== */
.config-card{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#fff7f0,#fff);border:1px solid #f3a36f;border-radius:14px;padding:18px;min-height:132px;box-shadow:var(--shadow)}
.config-card.promo-config{background:linear-gradient(135deg,#f5f9ff,#fff);border-color:#a9c9f7}.config-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #f3a36f;font-size:25px}.promo-config .config-icon{border-color:#a9c9f7}.config-body{flex:1;min-width:0}.config-title{font-weight:800;font-size:15px}.config-badge{display:inline-block;margin-left:7px;padding:3px 8px;border-radius:99px;background:#eef4ff;color:#2563a8;font-size:10px}.config-text{margin-top:7px;color:var(--muted);font-size:12px;line-height:1.45}.config-value{min-width:132px;text-align:center;background:#fff;border:1px solid #f0c3a0;border-radius:12px;padding:10px}.promo-config .config-value{border-color:#b7d1f6}.config-value span{display:block;font-size:10px;color:var(--muted)}.config-value b{display:block;font-size:22px;color:var(--accent-dark);margin:2px 0 7px}.promo-config .config-value b{color:#2166a6}
.products-page{display:block}.products-list{display:grid;gap:16px}.product-card{background:#fff;border:1px solid #e5e8ed;border-radius:16px;padding:18px;box-shadow:var(--shadow)}.product-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.product-card-top h2{margin:0 0 6px;font-size:18px}.margin-badge{padding:6px 10px;border:1px solid #e6c9c9;background:#fbefef;color:#b44a4a;border-radius:99px;font-size:12px}.product-price-grid{display:flex;flex-direction:column;gap:10px;margin-top:14px}.price-box{min-height:38px;border-radius:10px;padding:8px 12px;border:1px solid;display:flex;justify-content:space-between;align-items:center;gap:12px}.price-box span{font-size:13px}.price-box b{font-size:16px;white-space:nowrap}.price-box.suggested{background:#fff4f3;border-color:#f0b6b0;color:#c40000}.price-box.ifood{background:#fff8ef;border-color:#f3c17c;color:#ef5f12}.price-box.profit{background:#f0fff5;border-color:#20a75a;color:#16803f}.practiced-panel{margin-top:10px;border:1px dashed #f0aa00;border-radius:12px;background:#fffaf0;padding:10px}.practiced-title{color:#9a4b12;font-size:13px;margin-bottom:7px}.practiced-value-row{display:flex;align-items:center;gap:8px}.practiced-value{flex:1;background:#fff;border:1px solid #f2c46b;border-radius:8px;padding:8px 10px;font-size:15px;font-weight:800;color:#b95612;min-height:36px;display:flex;align-items:center}.practiced-edit-btn{border:0;border-radius:8px;background:#d97700;color:#fff;font-weight:750;font-size:12px;padding:8px 12px;cursor:pointer;white-space:nowrap}.practiced-edit-btn:hover{filter:brightness(.96)}.practiced-sub{display:flex;justify-content:space-between;padding:7px 9px;margin-top:7px;border-radius:5px;font-size:11px}.good-bg{background:#dff8e8;color:#197647}.info-bg{background:#dceaff;color:#2457a6}.warn-bg{background:#ffebd7;color:#b05a13}.practiced-edit label{display:block;font-size:12px;margin-bottom:7px;color:#9a4b12}.practiced-input-row{display:flex;align-items:center;gap:8px}.practiced-input-row span{font-weight:800;color:#b95612}.practiced-input-row input{flex:1;padding:10px;border:1px solid #f2c46b;border-radius:8px;font-size:16px}.product-cmv-line{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid #edf0f4;font-size:12px}.product-cmv-line b{font-size:14px}.product-actions-row{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.product-actions-row .btn{min-width:96px}.recipe-inline{display:none;margin-top:14px;border:1px solid #f0a66f;border-radius:14px;overflow:hidden;background:#fff}.recipe-inline.open{display:block}.recipe-inline-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:linear-gradient(90deg,#fff6ef,#fff);border-bottom:1px solid #f2d3be}.recipe-inline-head b{font-size:17px}.recipe-inline-head span{display:inline-block;margin-left:10px;padding:5px 9px;border-radius:99px;background:#edf5ff;color:#2865a8;font-size:11px}.recipe-note{margin:14px;border:1px solid #b9d4f8;background:#eef6ff;border-radius:10px;padding:12px;color:#244f83;font-size:12px}.recipe-note span{color:#335d8f}.recipe-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 14px}.recipe-summary>div{border:1px solid #f3c4a3;background:#fff5ee;border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center}.recipe-summary>div+div{border-color:#b9d4f8;background:#f1f7ff}.recipe-summary span{font-size:11px}.recipe-summary b{font-size:18px}.recipe-inline-table{margin:0 14px 14px;border:1px solid #dfe6ef;border-radius:10px;overflow:hidden}.recipe-inline-row{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:11px 14px;border-bottom:1px solid #edf0f4;font-size:12px;align-items:center}.recipe-inline-row>div:last-child{text-align:center}.recipe-inline-header>div:last-child{text-align:center}.recipe-qty-used{text-align:center}.recipe-inline-row:last-child{border-bottom:0}.recipe-inline-header{background:#f4f7fa;font-weight:800;color:#3d4d62;font-size:11px}.recipe-total{background:#fff8f0;font-size:13px}.recipe-total div:first-child{grid-column:1/4}.recipe-empty{padding:16px;color:var(--muted)}
@media(max-width:900px){.product-price-grid{display:flex;flex-direction:column}.config-card{flex-wrap:wrap}.config-value{margin-left:auto}.recipe-inline-row{grid-template-columns:1.6fr 1fr}}
@media(max-width:600px){.config-card{align-items:flex-start}.config-value{width:100%;margin-left:0}.product-actions-row{flex-wrap:wrap}.product-actions-row .btn{flex:1}.practiced-input-row{flex-wrap:wrap}.practiced-input-row input{width:100%;flex-basis:100%}}

/* ===== PrecificaPro — Produtos em colunas + resumo de custos ===== */
.products-grid-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.product-cost-summary{margin-top:12px;border-top:1px solid #e5e8ed;padding-top:8px}
.product-cost-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#263247;font-size:13px}
.product-cost-row b{white-space:nowrap}
.product-cost-row.total-real{border-top:1px solid #d9dee6;margin-top:4px;padding-top:9px;font-weight:800}
.product-recipe-toggle{margin-top:12px}
.product-recipe-toggle .btn{width:100%;text-align:left}
.product-actions-row{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
@media(max-width:1200px){.products-grid-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.products-grid-columns{grid-template-columns:1fr}}

/* Formação do preço de venda — prévia */
.price-formation-panel{margin-top:14px;border:1px solid #b9d7ff;border-radius:14px;background:#f7fbff;overflow:hidden}
.price-formation-head{padding:13px 15px;background:#edf5ff;border-bottom:1px solid #cfe3ff;color:#17304f;display:flex;align-items:center;justify-content:space-between}
.price-formation-head b{display:block;font-size:15px}.price-formation-head span{display:block;color:#61748b;font-size:12px;margin-top:3px}
.price-formation-grid{padding:10px 15px;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.formation-line{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e4edf7;font-size:13px;color:#334155}.formation-line b{color:#17263b}.formation-line.highlight{color:#17304f}.formation-line.highlight b{color:#ea6a00}
.formation-formula{margin:10px 15px 0;padding:10px 12px;border-radius:10px;background:#fff4e9;border:1px solid #ffd0a3;color:#7a4312;font-size:12px;line-height:1.45}
.formation-calc{margin:8px 15px;padding:11px 12px;border-radius:10px;background:#fff;border:1px dashed #f39a3d;color:#6b3b10;font-size:13px;text-align:center}.formation-calc b{color:#e55f00}
.formation-result-grid{padding:12px 15px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.formation-result-grid>div{background:#fff;border:1px solid #dce7f2;border-radius:10px;padding:9px 10px}.formation-result-grid span{display:block;color:#61748b;font-size:11px}.formation-result-grid b{display:block;margin-top:4px;font-size:15px;color:#17304f}.formation-result-grid>div:nth-child(2) b{color:#14853a}.formation-result-grid>div:nth-child(3) b{color:#e55f00}
.formation-check{margin:0 15px 14px;padding:9px 12px;border-radius:9px;background:#eaf9ef;color:#14763a;font-size:12px}.formation-check b{color:#0f6a34}
@media(max-width:1100px){.price-formation-grid{grid-template-columns:1fr}.formation-result-grid{grid-template-columns:1fr}}


/* ===== PrecificaPro — Paleta oficial completa ===== */
:root{
 --bg:#f4f6f8;--panel:#ffffff;--text:#172033;--muted:#6d7685;--line:#e5e8ed;
 --accent:#f26b21;--accent-dark:#d95612;--nav:#0d141d;--nav2:#151f2b;
 --blue:#163b66;--good:#188653;--danger:#dc3f3f;
 --soft-orange:#fff1e8;--soft-blue:#eef5ff;--soft-green:#eaf8f0;--soft-red:#fff0f0;
 --shadow:0 10px 30px rgba(16,24,40,.07)
}
body,.app{background:var(--bg);color:var(--text)}
.sidebar{background:linear-gradient(180deg,var(--nav) 0%,var(--nav2) 100%);border-right:1px solid #1e2a37}
.brand-mark{background:linear-gradient(145deg,#ff7a2b,var(--accent-dark));box-shadow:0 8px 18px rgba(242,107,33,.25)}
.sidebar nav button{color:#aeb9c8}
.sidebar nav button:hover{background:#1b2a3a;color:#fff}
.sidebar nav button.active{background:linear-gradient(90deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:0 8px 18px rgba(242,107,33,.18)}
.card{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
.kpi .label,.field label,th{color:var(--muted)}
.btn.primary{background:linear-gradient(135deg,#ff7a2b,var(--accent));box-shadow:0 6px 14px rgba(242,107,33,.18);color:#fff}
.btn.primary:hover{background:linear-gradient(135deg,#ff863e,var(--accent-dark))}
.btn.secondary{background:var(--blue);color:#fff}
.btn.ghost{background:#fff;border-color:var(--line);color:var(--text)}
.btn.danger{background:var(--soft-red);border-color:#ffd9d9;color:var(--danger)}
.field input,.field select,.toolbar input,.recipe-row select,.recipe-row input,.product-row select,.product-row input{border-color:var(--line);background:#fff;color:var(--text)}
.field input:focus,.field select:focus,.toolbar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(242,107,33,.10)}
table th{background:#f7f8fa}table td{border-bottom-color:var(--line)}tbody tr:hover td{background:#fffaf6}
.pill.good{background:var(--soft-green);color:var(--good)}.pill.warn{background:#fff5df;color:#a26700}.pill.bad{background:var(--soft-red);color:var(--danger)}
.big-result{background:linear-gradient(145deg,var(--nav),var(--nav2));color:#fff}.big-result .mc{color:#ffb07b}
.formula{background:#f8fafc;border-color:#d8dee7;color:#596476}
.bar{background:#edf0f4}.bar i{background:linear-gradient(90deg,var(--accent),#ff9b59)}
#product-cost-preview,#product-cmv-preview,#product-price-preview{color:var(--accent-dark)}
.modal{background:#f8f9fb;border-color:var(--line)}
.modal .card{background:#fff;border-color:var(--line)}
.variable-breakdown{border-color:var(--line);background:#fbfcfd}.variable-breakdown-row{background:#fff;border-color:#edf0f3}
.variable-breakdown .pill.good{background:var(--soft-orange);color:var(--accent-dark)}
.config-card{border-color:#f2c7a9;background:#fffaf6}.config-card .config-icon{background:var(--soft-orange);color:var(--accent-dark)}
.recipe-inline{border-color:#f0a66f;background:#fff}.recipe-inline-head{background:linear-gradient(90deg,var(--soft-orange),#fff);border-bottom-color:#f2d3be}.recipe-inline-head span{background:var(--soft-blue);color:#2865a8}
.recipe-note{border-color:#b9d4f8;background:#eef6ff;color:#244f83}.recipe-summary>div{border-color:#f3c4a3;background:#fff5ee}.recipe-summary>div+div{border-color:#b9d4f8;background:#f1f7ff}
.product-cost-summary{border-top-color:var(--line)}.product-cost-row{color:#263247}.product-cost-row.total-real{border-top-color:#d9dee6}
.price-formation-panel{margin-top:14px;border:1px solid #cfe0f2;border-radius:14px;background:#f8fbff;overflow:hidden}.price-formation-head{padding:13px 15px;background:#edf5ff;border-bottom:1px solid #cfe0f2;color:#17304f}.price-formation-head b{display:block;font-size:16px}.price-formation-head span{display:block;color:#61748b;font-size:13px;margin-top:3px}.price-formation-grid{padding:12px 15px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.formation-line{min-height:54px;padding:10px 0;border-bottom:1px solid #dfe9f3;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#243b53;font-size:15px;line-height:1.25}.formation-line span{max-width:70%}.formation-line b{color:#17263b;text-align:right;white-space:nowrap}.formation-line.highlight b{color:var(--accent-dark)}.formation-formula{margin:12px 15px 10px;padding:11px 14px;border:1px solid #ffbd78;border-radius:12px;background:#fff7ed;color:#9a4b13;font-size:14px;line-height:1.45}.formation-calc{margin:0 15px 12px;padding:12px 14px;border:1px dashed #f26b21;border-radius:12px;background:#fff;color:#425466;text-align:center;font-size:14px;line-height:1.5}.formation-calc b{color:var(--accent-dark)}.formation-result-grid{padding:12px 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.formation-result-grid>div{padding:12px 13px;border:1px solid #d7e3ef;border-radius:12px;background:#fff;min-height:64px}.formation-result-grid span{display:block;color:#61748b;font-size:13px;line-height:1.25}.formation-result-grid b{display:block;margin-top:6px;color:#17263b;font-size:18px}.formation-result-grid>div:nth-child(2) b{color:var(--good)}.formation-result-grid>div:nth-child(3) b{color:var(--accent-dark)}.formation-check{margin:0 15px 14px;padding:11px 13px;border-radius:11px;background:#eaf8f0;color:#237a4b;font-size:14px}.formation-check b{color:#166534}
.formation-formula{background:var(--soft-orange);border-color:#ffd0a3;color:#7a4312}.formation-calc{border-color:#f39a3d;color:#6b3b10}.formation-calc b{color:var(--accent-dark)}.formation-result-grid>div{border-color:#dce7f2}.formation-result-grid>div:nth-child(2) b{color:var(--good)}.formation-result-grid>div:nth-child(3) b{color:var(--accent-dark)}.formation-check{background:var(--soft-green);color:#14763a}.formation-check b{color:#0f6a34}

/* Formação de preço — versão compacta */
.price-formation-panel.compact{margin-top:12px;border:1px solid #cfe0f2;border-radius:12px;background:#f8fbff;overflow:hidden;max-width:760px}
.price-formation-panel.compact .price-formation-head{padding:10px 13px;background:#edf5ff;border-bottom:1px solid #cfe0f2}
.price-formation-panel.compact .price-formation-head b{font-size:14px}
.price-formation-panel.compact .price-formation-grid{padding:7px 13px;grid-template-columns:1fr 1fr;gap:0 18px}
.price-formation-panel.compact .formation-line{min-height:40px;padding:7px 0;font-size:12px}
.price-formation-panel.compact .formation-formula{margin:9px 13px 8px;padding:8px 10px;font-size:12px;line-height:1.35}
.price-formation-panel.compact .formation-calc{margin:0 13px 9px;padding:9px 10px;font-size:12px;line-height:1.35}
.price-formation-panel.compact .formation-result-grid{padding:8px 13px;gap:8px}
.price-formation-panel.compact .formation-result-grid>div{padding:9px 10px;min-height:54px;border-radius:10px}
.price-formation-panel.compact .formation-result-grid span{font-size:11px}
.price-formation-panel.compact .formation-result-grid b{margin-top:4px;font-size:16px}
@media(max-width:700px){.price-formation-panel.compact .price-formation-grid{grid-template-columns:1fr}.price-formation-panel.compact{max-width:none}}

/* Formação de preço — layout compacto inspirado na referência, usando a paleta oficial */
.price-formation-panel.screenshot-style{margin-top:12px;background:#fff;border:0;border-radius:0;padding:0;box-shadow:none;color:var(--text);overflow:visible}
.formation-detail-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:7px 4px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.2}
.formation-detail-row span{color:var(--text)}
.formation-detail-row b{color:var(--accent-dark);font-size:12px;white-space:nowrap}
.formation-detail-row.margin-real{border-bottom:0;padding-bottom:8px}
.formation-detail-row.margin-real b{color:var(--accent-dark)}
.formation-calc-box{margin:2px 4px 0;padding:9px 10px;background:#eef6ff;border:1px solid #b9d4f8;border-radius:6px;color:var(--blue);font-size:10px;line-height:1.45}
.formation-calc-title{font-weight:800;color:var(--blue);margin-bottom:2px}