/* Compras e Suprimentos — componentes próprios sobre o sistema visual compartilhado. */

.buy-order{position:relative;z-index:2;margin:42px 38px 56px;overflow:hidden;border:1px solid rgba(153,193,244,.22);border-radius:22px;background:#f8fbff;box-shadow:0 28px 64px rgba(0,0,0,.36)}
.buy-order-top{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}
.buy-order-top>span{display:flex;gap:5px}.buy-order-top i{width:7px;height:7px;border-radius:50%;background:#607594}.buy-order-top b{font-size:12px;letter-spacing:.04em}.buy-order-top em{justify-self:end;color:#8fa6c7;font-size:10px;font-style:normal}
.buy-order-body{padding:23px;color:var(--ink)}
.buy-supplier{display:flex;justify-content:space-between;gap:16px;align-items:center}.buy-supplier small,.buy-main-kpis small,.buy-delivery small,.buy-next small{display:block;color:var(--slate);font-size:10px}.buy-supplier strong{display:block;margin-top:3px;font:800 20px var(--font-display)}
.buy-supplier>span{padding:7px 11px;border-radius:999px;color:#8a5b00;background:#fff0cf;font-size:9.5px;font-weight:800}
.buy-main-kpis{display:grid;grid-template-columns:1.4fr .6fr;gap:9px;margin-top:17px}.buy-main-kpis>div,.buy-delivery>div{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff}.buy-main-kpis b,.buy-delivery b{display:block;margin-top:4px;font:800 15px var(--font-display)}.buy-main-kpis>div:first-child{background:var(--blue-light);border-color:#cfdef1}.buy-main-kpis>div:first-child b{color:var(--blue)}
.buy-delivery{display:grid;grid-template-columns:.75fr 1.25fr;gap:9px;margin-top:10px}
.buy-next{display:flex;align-items:center;gap:10px;margin-top:10px;padding:11px 13px;border-radius:13px;color:#fff;background:#102f63}.buy-next>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:var(--cyan);background:rgba(73,214,255,.12)}.buy-next b{display:block;margin-top:2px;font-size:12px}.buy-next em{margin-left:auto;color:#a9bddb;font-size:9px;font-style:normal}
.buy-float{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)}.buy-float>.i{width:17px;height:17px;flex:0 0 auto;color:var(--cyan)}.buy-float small,.buy-float b{display:block}.buy-float small{color:#9aacc5;font-size:8px}.buy-float b{margin-top:2px;font-size:9.5px}.buy-float--quotes{left:16px;top:auto;bottom:18px}.buy-float--need{left:50%;bottom:18px;transform:translateX(-50%)}.buy-float--deadline{right:16px;top:auto;bottom:18px}

.purchases-cap-card--pendentes,.purchases-cap-card--entrada{grid-column:span 6}
.buy-mini-needs{margin-top:30px;padding:16px;border-radius:15px;background:rgba(255,255,255,.08)}.buy-mini-needs header,.buy-mini-needs footer{display:flex;justify-content:space-between;gap:10px;color:#b8cae4;font-size:9px}.buy-mini-needs header b,.buy-mini-needs footer b{color:var(--cyan)}.buy-mini-needs>div{display:grid;gap:10px;margin:15px 0}.buy-mini-needs>div span{display:grid;grid-template-columns:1fr auto;gap:3px 10px}.buy-mini-needs>div i{grid-column:1/-1;height:6px;border-radius:99px;background:linear-gradient(90deg,var(--cyan) var(--w),rgba(255,255,255,.12) var(--w))}.buy-mini-needs>div b{font-size:10px}.buy-mini-needs>div small{color:#a9bfde;font-size:8px}
.buy-mini-quotes,.buy-mini-order{display:grid;gap:7px;margin-top:24px}.buy-mini-quotes span,.buy-mini-order span{display:flex;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:9px;color:var(--slate);background:#f1f5fa;font-size:9px}.buy-mini-quotes small{color:var(--blue);font-weight:800}.buy-mini-order b{color:#66809f}.buy-mini-order span:first-child b{color:#08754f}.buy-mini-order span:last-child b{color:#9a6300}
.buy-mini-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:25px}.buy-mini-compare span{padding:10px 8px;border:1px solid var(--line);border-radius:10px;text-align:center;background:#f7f9fc}.buy-mini-compare small,.buy-mini-compare b{display:block}.buy-mini-compare small{color:var(--slate);font-size:8px}.buy-mini-compare b{margin-top:5px;color:var(--blue)}.buy-mini-compare .best{border-color:#a9cfba;background:#e9f7ef}.buy-mini-compare .best b{color:#08754f}
.buy-mini-pending{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.buy-mini-pending span{padding:12px;border-radius:11px;background:#f1f5fa}.buy-mini-pending i{display:block;height:7px;margin-bottom:9px;border-radius:99px;background:linear-gradient(90deg,var(--blue-2) var(--w),#dce6f2 var(--w))}.buy-mini-pending b,.buy-mini-pending small{display:block}.buy-mini-pending b{font-size:11px}.buy-mini-pending small{margin-top:3px;color:var(--slate);font-size:8px}.buy-mini-pending .late{background:#fff2df}.buy-mini-pending .late i{background:linear-gradient(90deg,#e0a83f var(--w),#f5dfbd var(--w))}.buy-mini-pending .late small{color:#985f00}
.buy-mini-history{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:28px}.buy-mini-history span{padding:10px;border-radius:10px;background:#f1f5fa}.buy-mini-history small,.buy-mini-history b{display:block}.buy-mini-history small{color:var(--slate);font-size:8px}.buy-mini-history b{margin-top:4px;font-size:11px}.buy-mini-history>i{color:#8da0b9;font-style:normal}
.buy-mini-terms{display:flex;gap:7px;margin-top:31px}.buy-mini-terms span{flex:1;padding:10px 6px;border:1px solid #cbdbee;border-radius:9px;color:var(--blue);text-align:center;background:var(--blue-light);font-size:9px;font-weight:800}
.buy-mini-entry{display:flex;align-items:center;gap:9px;margin-top:29px}.buy-mini-entry span{display:flex;align-items:center;gap:6px;padding:9px 10px;border-radius:9px;color:var(--slate);background:#f1f5fa;font-size:9px;font-weight:700}.buy-mini-entry span.done{color:#08754f;background:#e6f6ee}.buy-mini-entry span .i{width:13px;height:13px}.buy-mini-entry>i{flex:1;height:1px;background:#cad7e3}

.buy-screen{position:relative;z-index:1;overflow:hidden;border-radius:17px;background:#f8fbff;box-shadow:0 26px 60px rgba(0,0,0,.36)}.buy-screen-bar{min-height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.buy-screen-bar>span{display:flex;gap:5px}.buy-screen-bar i{width:7px;height:7px;border-radius:50%;background:#607594}.buy-screen-bar b{font-size:11px}.buy-screen-bar em{justify-self:end;color:#8fa6c7;font-size:9px;font-style:normal}
.buy-screen-body{padding:19px}.buy-screen-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.buy-screen-toolbar span,.buy-screen-toolbar b{padding:7px 10px;border:1px solid var(--line);border-radius:8px;color:var(--slate);background:#fff;font-size:9px}.buy-screen-toolbar b{margin-left:auto;color:var(--blue);background:var(--blue-light);border-color:#c9daf1}
.buy-screen-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.buy-screen-kpis div{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.buy-screen-kpis small,.buy-screen-kpis b{display:block}.buy-screen-kpis small{color:var(--slate);font-size:8px}.buy-screen-kpis b{margin-top:3px;font-size:12px}
.buy-screen-scroll{margin-top:12px;overflow-x:auto}.buy-screen-table{min-width:760px;overflow:hidden;border:1px solid var(--line);border-radius:10px}.buy-screen-table .th,.buy-screen-table .tr{display:grid;grid-template-columns:1.25fr 1fr .7fr 1fr .9fr}.buy-screen-table span{padding:10px 9px;border-bottom:1px solid var(--line-2);color:var(--slate);font-size:8.5px}.buy-screen-table .th span{color:#61758c;background:#edf3f7;font-weight:800}.buy-screen-table .tr:last-child span{border-bottom:0}.buy-screen-table .ok,.buy-screen-table .wait,.buy-screen-table .run{font-weight:800}.buy-screen-table .ok{color:#0b8157}.buy-screen-table .wait{color:#9a6300}.buy-screen-table .run{color:var(--blue)}
.buy-screen footer{display:flex;justify-content:space-between;gap:8px;margin-top:12px}.buy-screen footer span,.buy-screen footer b{padding:7px 9px;border-radius:8px;color:#557084;background:#eef4f6;font-size:9px}.buy-screen footer b{color:var(--blue);background:var(--blue-light)}

.purchases-integration{overflow:hidden}
.purchases-ecosystem{height:480px;max-width:1000px;overflow:hidden;padding:0;border-color:rgba(93,157,235,.34);color:#fff;background:radial-gradient(circle at 50% 50%,rgba(35,126,247,.3),transparent 27%),linear-gradient(145deg,#0d315f 0%,#071d3e 55%,#05152f 100%);box-shadow:0 28px 64px rgba(10,48,101,.18);isolation:isolate}
.purchases-ecosystem::before{content:"";position:absolute;z-index:0;inset:0;opacity:.28;background-image:linear-gradient(rgba(118,178,247,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(118,178,247,.12) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 22%,black 80%,transparent)}
.purchases-ecosystem-top,.purchases-ecosystem-foot{position:absolute;z-index:4;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px}.purchases-ecosystem-top{top:0;border-bottom:1px solid rgba(255,255,255,.09)}.purchases-ecosystem-top>span{display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.purchases-ecosystem-top>span i{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(73,214,255,.1),0 0 18px rgba(73,214,255,.7)}.purchases-ecosystem-top>b{color:#aec5e3;font-size:10px}
.purchases-ecosystem>svg{z-index:1}.purchases-ecosystem>svg ellipse{fill:none;stroke:rgba(109,167,234,.16);stroke-width:1.2;stroke-dasharray:4 8}.purchases-ecosystem>svg path{stroke:url(#purchases-eco-line);stroke-width:1.8;stroke-dasharray:3 11;stroke-linecap:round;animation:purchasesEcoFlow 9s linear infinite}
.purchases-ecosystem .purchases-eco-center{width:166px;height:166px;border:1px solid rgba(130,205,255,.65);background:radial-gradient(circle at 35% 25%,#3199ff 0%,#1263cc 30%,#07387f 67%,#05295f 100%);box-shadow:inset -18px -22px 35px rgba(0,13,46,.28),0 0 0 12px rgba(44,132,235,.07),0 24px 52px rgba(0,19,55,.48),0 0 42px rgba(40,139,255,.26)}
.purchases-ecosystem .purchases-eco-center::before,.purchases-ecosystem .purchases-eco-center::after{content:"";position:absolute;border:1px solid rgba(105,190,255,.24);border-radius:50%;inset:-16px;animation:purchasesEcoPulse 4.6s ease-in-out infinite}.purchases-ecosystem .purchases-eco-center::after{inset:-31px;border-color:rgba(76,139,230,.12);animation-delay:-2.3s}.purchases-ecosystem .purchases-eco-center>span,.purchases-ecosystem .purchases-eco-center small,.purchases-ecosystem .purchases-eco-center b,.purchases-ecosystem .purchases-eco-center em{position:relative;z-index:1}.purchases-ecosystem .purchases-eco-center small{order:-1;margin:0 0 2px;color:#aee7ff;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.purchases-ecosystem .purchases-eco-center b{margin-top:8px;font-size:21px}.purchases-ecosystem .purchases-eco-center em{margin-top:4px;color:#c6dcf8;font-size:8px;font-style:normal}
.purchases-ecosystem .purchases-eco-node{width:236px;height:126px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:start;padding:17px;border-color:rgba(131,190,255,.25);border-radius:18px;color:#fff;background:linear-gradient(145deg,rgba(20,69,127,.97),rgba(8,34,73,.95));box-shadow:0 17px 34px rgba(0,15,44,.3);backdrop-filter:blur(10px)}.purchases-ecosystem .purchases-eco-node>span{position:static;width:42px;height:42px;border-radius:12px;color:var(--cyan);background:rgba(73,214,255,.1)}.purchases-ecosystem .purchases-eco-node>div{min-width:0}.purchases-ecosystem .purchases-eco-node em,.purchases-ecosystem .purchases-eco-node b,.purchases-ecosystem .purchases-eco-node small{position:static;display:block}.purchases-ecosystem .purchases-eco-node em{color:#79ddff;font-size:8px;font-weight:800;font-style:normal;letter-spacing:.07em;text-transform:uppercase}.purchases-ecosystem .purchases-eco-node b{margin-top:4px;color:#fff;font:800 14px var(--font-display)}.purchases-ecosystem .purchases-eco-node small{margin-top:10px;color:#b6cae4;font-size:9px;line-height:1.4;opacity:1;transform:none}.purchases-eco-arrow{width:15px;height:15px;align-self:center;color:#6f9dce;transition:transform .3s var(--ease),color .3s ease}.purchases-ecosystem .purchases-eco-node:is(:hover,:focus-visible){transform:translateY(-4px);border-color:rgba(73,214,255,.7)}.purchases-ecosystem .purchases-eco-node:is(:hover,:focus-visible) .purchases-eco-arrow{color:var(--cyan);transform:translateX(3px)}
.purchases-ecosystem-foot{bottom:0;justify-content:center;border-top:1px solid rgba(255,255,255,.09);color:#aec4e1;font-size:9px}.purchases-ecosystem-foot i{width:24px;height:1px;background:rgba(108,169,235,.35)}
@keyframes purchasesEcoFlow{to{stroke-dashoffset:-140}}
@keyframes purchasesEcoPulse{0%,100%{opacity:.42;scale:.97}50%{opacity:1;scale:1.03}}

@media (min-width:1081px){
  .purchases-screen-stage{padding-top:92px;padding-bottom:92px}
  .purchases-screen-stage .module-system-hotspot--1,
  .purchases-screen-stage .module-system-hotspot--2{top:20px}
  .purchases-screen-stage .module-system-hotspot--3,
  .purchases-screen-stage .module-system-hotspot--4{bottom:20px}
  .purchases-screen-stage .module-system-hotspot--4{right:24px}
}

@media (max-width:1080px){.purchases-cap-card,.purchases-cap-card--pendentes,.purchases-cap-card--entrada{grid-column:auto}.purchases-ecosystem{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.purchases-ecosystem::before{display:block}.purchases-ecosystem-top,.purchases-ecosystem-foot{position:static;grid-column:1/-1;margin-inline:-20px}.purchases-ecosystem-top{margin-top:-20px}.purchases-ecosystem-foot{margin-bottom:-20px}.purchases-ecosystem>svg{display:none}.purchases-ecosystem .purchases-eco-center{position:static;grid-column:1/-1;justify-self:center;translate:none}.purchases-ecosystem .purchases-eco-node{position:static;translate:none;width:auto;height:auto;min-height:138px}.purchases-ecosystem .purchases-eco-node small{opacity:1;transform:none}}
@media (max-width:700px){.purchases-hero-product{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.buy-order{grid-column:1/-1;margin:28px 0 4px}.buy-float{position:static;width:auto;min-width:0}.buy-float--need{grid-column:1/-1;transform:none}.buy-order-body{padding:17px}.buy-next{align-items:flex-start}.buy-next em{display:none}.buy-mini-pending{grid-template-columns:1fr}.buy-mini-entry{align-items:stretch;flex-direction:column}.buy-mini-entry>i{width:1px;min-height:15px;margin-left:20px}.buy-screen-kpis{grid-template-columns:1fr}.buy-screen footer{flex-direction:column}.purchases-ecosystem{grid-template-columns:1fr;padding:16px}.purchases-ecosystem-top,.purchases-ecosystem-foot{margin-inline:-16px}.purchases-ecosystem-top{margin-top:-16px}.purchases-ecosystem-foot{margin-bottom:-16px}.purchases-ecosystem-top>b{display:none}.purchases-ecosystem .purchases-eco-center{grid-column:auto;width:146px;height:146px}.purchases-ecosystem .purchases-eco-node{grid-template-columns:42px 1fr auto;min-height:0;padding:17px}.purchases-ecosystem-foot{flex-wrap:wrap;text-align:center}.purchases-ecosystem-foot i{display:none}}
@media (max-width:420px){.purchases-hero-product{grid-template-columns:1fr}.buy-order,.buy-float--need{grid-column:auto}.buy-supplier{align-items:flex-start;flex-direction:column}.buy-main-kpis,.buy-delivery{grid-template-columns:1fr}.buy-float{padding:9px 11px}.buy-mini-compare{grid-template-columns:1fr}.buy-mini-history{grid-template-columns:1fr}.buy-mini-history>i{rotate:90deg;text-align:center}}
@media (prefers-reduced-motion:reduce){.purchases-ecosystem>svg path,.purchases-ecosystem .purchases-eco-center::before,.purchases-ecosystem .purchases-eco-center::after{animation:none}}