/* Gestão de Custos — componentes próprios sobre o sistema visual compartilhado. */

.cost-product{position:relative;z-index:2;margin:42px 38px 74px;overflow:hidden;border:1px solid rgba(153,193,244,.22);border-radius:22px;background:#f8fbff;box-shadow:0 28px 64px rgba(0,0,0,.34)}
.cost-product-top{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.cost-product-top>span{display:flex;gap:5px}.cost-product-top i{width:7px;height:7px;border-radius:50%;background:#607594}.cost-product-top b{font-size:12px;letter-spacing:.04em}.cost-product-top em{justify-self:end;color:#8fa6c7;font-size:10px;font-style:normal}
.cost-product-body{padding:20px;color:var(--ink)}.cost-product-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.cost-product-head small,.cost-breakdown small,.cost-total small{display:block;color:var(--slate);font-size:9px}.cost-product-head strong{display:block;margin-top:3px;font:800 17px var(--font-display)}.cost-product-head>span{padding:6px 9px;border-radius:99px;color:var(--blue);background:var(--blue-light);font-size:8px;font-weight:800}
.cost-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.cost-breakdown>span{padding:10px 8px;border:1px solid var(--line);border-radius:10px;background:#fff}.cost-breakdown b{display:block;margin-top:4px;font-size:10px}.cost-breakdown>span:first-child{border-color:#c8daf1;background:var(--blue-light)}.cost-breakdown>span:first-child b{color:var(--blue)}
.cost-total{display:grid;grid-template-columns:1.15fr 1fr .65fr;gap:8px;margin-top:10px;padding:11px 12px;border-radius:13px;color:#fff;background:#102f63}.cost-total>div{padding-right:8px;border-right:1px solid rgba(255,255,255,.12)}.cost-total>div:last-child{padding-right:0;border-right:0}.cost-total small{color:#a9bddb}.cost-total b{display:block;margin-top:4px;font-size:13px}.cost-total .positive b{color:#75e0b7}
.cost-note{position:absolute;z-index:3;width:calc((100% - 64px)/3);min-width:0;display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid rgba(153,193,244,.18);border-radius:12px;color:#fff;background:rgba(11,35,72,.84);box-shadow:0 8px 20px rgba(0,0,0,.16);backdrop-filter:blur(10px)}.cost-note>.i{width:17px;height:17px;flex:0 0 auto;color:var(--cyan)}.cost-note small,.cost-note b{display:block}.cost-note small{color:#9aacc5;font-size:8px}.cost-note b{margin-top:2px;font-size:9.5px}.cost-note--material{left:16px;bottom:18px}.cost-note--margin{left:50%;bottom:18px;transform:translateX(-50%)}.cost-note--machine{right:16px;bottom:18px}

.costs-cap-card--gerais,.costs-cap-card--margem{grid-column:span 6}
.cost-mini-composition{margin-top:28px;padding:16px;border-radius:15px;background:rgba(255,255,255,.08)}.cost-mini-composition header,.cost-mini-composition footer{display:flex;justify-content:space-between;gap:12px;color:#b8cae4;font-size:9px}.cost-mini-composition header b,.cost-mini-composition footer b{color:var(--cyan)}.cost-mini-composition>div{display:grid;gap:10px;margin:15px 0}.cost-mini-composition>div span{display:grid;grid-template-columns:1fr auto;gap:4px 10px}.cost-mini-composition>div i{grid-column:1/-1;height:7px;overflow:hidden;border-radius:99px;background:linear-gradient(90deg,var(--cyan) var(--w),rgba(255,255,255,.12) var(--w))}.cost-mini-composition>div small{color:#b8cae4;font-size:8px}.cost-mini-composition>div b{font-size:9px}
.cost-mini-material{display:grid;gap:7px;margin-top:22px}.cost-mini-material span{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:8px 9px;border-radius:9px;background:#f1f5fa}.cost-mini-material small{color:var(--slate);font-size:8px}.cost-mini-material b{font-size:9px}.cost-mini-material em{color:#08754f;font-size:8px;font-style:normal}.cost-mini-material span:first-child em{color:#9a6300}
.cost-mini-rate{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;margin-top:25px;padding:12px;border-radius:11px;background:#f1f5fa}.cost-mini-rate>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:var(--blue);background:var(--blue-light)}.cost-mini-rate>span .i{width:17px;height:17px}.cost-mini-rate small,.cost-mini-rate b{display:block}.cost-mini-rate small{color:var(--slate);font-size:8px}.cost-mini-rate b{margin-top:3px;font-size:12px}.cost-mini-rate em{grid-column:1/-1;padding-top:8px;border-top:1px solid #dbe4ef;color:var(--slate);font-size:8px;font-style:normal;text-align:right}
.cost-mini-general{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:29px}.cost-mini-general span{padding:11px;border-radius:10px;background:#f1f5fa}.cost-mini-general b,.cost-mini-general small{display:block}.cost-mini-general b{font-size:9px}.cost-mini-general small{margin-top:5px;color:var(--blue);font-weight:800}
.cost-mini-centers{display:grid;gap:9px;margin-top:23px}.cost-mini-centers span{display:grid;grid-template-columns:1fr 1.2fr;gap:8px;align-items:center;color:var(--slate);font-size:8px}.cost-mini-centers i{height:7px;border-radius:99px;background:linear-gradient(90deg,var(--blue-2) var(--w),#dce6f2 var(--w))}
.cost-mini-price{display:grid;grid-template-columns:1fr 1.15fr auto 1fr;gap:7px;align-items:center;margin-top:27px}.cost-mini-price span{padding:10px 7px;border-radius:10px;background:#f1f5fa;text-align:center}.cost-mini-price small,.cost-mini-price b{display:block}.cost-mini-price small{color:var(--slate);font-size:8px}.cost-mini-price b{margin-top:4px;font-size:10px}.cost-mini-price>i{color:#8da0b9;font-style:normal}.cost-mini-price .result{background:var(--blue-light)}.cost-mini-price .result b{color:var(--blue)}
.cost-mini-margin{margin-top:27px;padding:12px;border-radius:11px;background:#f1f5fa}.cost-mini-margin>span{display:flex;justify-content:space-between;gap:8px}.cost-mini-margin small{color:var(--slate);font-size:8px}.cost-mini-margin>i{display:block;height:7px;margin-top:10px;overflow:hidden;border-radius:99px;background:#dce6f2}.cost-mini-margin>i u{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-2),#55c49a)}.cost-mini-margin footer{display:flex;justify-content:space-between;margin-top:9px;color:var(--slate);font-size:8px}.cost-mini-margin footer b{color:#08754f}

.cost-screen{position:relative;z-index:1;overflow:hidden;border-radius:17px;background:#f8fbff;box-shadow:0 26px 60px rgba(0,0,0,.36)}.cost-screen-bar{min-height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.cost-screen-bar>span{display:flex;gap:5px}.cost-screen-bar i{width:7px;height:7px;border-radius:50%;background:#607594}.cost-screen-bar b{font-size:11px}.cost-screen-bar em{justify-self:end;color:#8fa6c7;font-size:9px;font-style:normal}
.cost-screen-body{padding:19px}.cost-screen-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.cost-screen-toolbar span,.cost-screen-toolbar b{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--slate);background:#fff;font-size:9px}.cost-screen-toolbar b{margin-left:auto;color:var(--blue);background:var(--blue-light);border-color:#c9daf1}
.cost-screen-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:13px;margin-top:13px}.cost-screen-parts{display:grid;gap:9px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.cost-screen-parts>div{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center}.cost-screen-parts span{display:flex;justify-content:space-between;gap:8px}.cost-screen-parts b{font-size:9px}.cost-screen-parts small{color:var(--slate);font-size:8px}.cost-screen-parts i{height:8px;overflow:hidden;border-radius:99px;background:#e1e9f3}.cost-screen-parts i u{display:block;width:var(--w);height:100%;border-radius:inherit;background:var(--blue-2)}.cost-screen-parts em{color:var(--slate);font-size:8px;font-style:normal}.cost-screen-layout aside{display:grid;gap:8px}.cost-screen-layout aside div{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}.cost-screen-layout aside small,.cost-screen-layout aside b{display:block}.cost-screen-layout aside small{color:var(--slate);font-size:8px}.cost-screen-layout aside b{margin-top:4px;font-size:12px}.cost-screen-layout aside .positive{border-color:#b8ddc9;background:#eaf7f1}.cost-screen-layout aside .positive b{color:#08754f}
.cost-screen footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.cost-screen footer span,.cost-screen footer b{padding:7px 9px;border-radius:8px;color:#557084;background:#eef4f6;font-size:9px}.cost-screen footer b{color:var(--blue);background:var(--blue-light)}

@media (max-width:1080px){.costs-cap-card,.costs-cap-card--gerais,.costs-cap-card--margem{grid-column:auto}}
@media (max-width:700px){.costs-hero-product{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.cost-product{grid-column:1/-1;margin:28px 0 4px}.cost-note{position:static;width:auto;min-width:0}.cost-note--margin{grid-column:1/-1;transform:none}.cost-product-body{padding:17px}.cost-breakdown{grid-template-columns:1fr 1fr}.cost-total{grid-template-columns:1fr}.cost-total>div{padding-right:0;padding-bottom:8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.cost-total>div:last-child{padding-bottom:0;border-bottom:0}.cost-mini-price{grid-template-columns:1fr}.cost-mini-price>i{rotate:90deg;text-align:center}.cost-screen-layout{grid-template-columns:1fr}.cost-screen-parts{min-width:620px}.cost-screen-layout{overflow-x:auto}.cost-screen footer{flex-direction:column}}
@media (max-width:420px){.costs-hero-product{grid-template-columns:1fr}.cost-product,.cost-note--margin{grid-column:auto}.cost-product-head{align-items:flex-start;flex-direction:column}.cost-breakdown{grid-template-columns:1fr}.cost-note{padding:9px 11px}.cost-mini-general{grid-template-columns:1fr}.cost-mini-material span{grid-template-columns:1fr auto}.cost-mini-material em{grid-column:1/-1;text-align:right}}