/* E-commerce — pedidos digitais e marketplaces sobre o sistema compartilhado. */

.ecom-product{position:relative;z-index:2;margin:40px 24px 82px;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)}
.ecom-product-top{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.ecom-product-top>span{display:flex;gap:5px}.ecom-product-top i{width:7px;height:7px;border-radius:50%;background:#607594}.ecom-product-top b{font-size:12px;letter-spacing:.035em}.ecom-product-top em{justify-self:end;color:#8fa6c7;font-size:10px;font-style:normal}
.ecom-product-body{padding:17px;color:var(--ink)}.ecom-product-body>header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.ecom-product-body>header>div,.ecom-product-body>header>span{padding:11px;border:1px solid var(--line);border-radius:11px;background:#fff}.ecom-product-body>header small,.ecom-product-body>header b,.ecom-product-body>header em{display:block}.ecom-product-body>header small{color:var(--slate);font-size:7.5px}.ecom-product-body>header strong{display:block;margin-top:3px;color:var(--blue);font:800 21px var(--font-display)}.ecom-product-body>header b{font-size:8.5px}.ecom-product-body>header em{margin-top:4px;color:var(--slate);font-size:7px;font-style:normal}
.ecom-product-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.ecom-product-summary span{padding:9px 10px;border-radius:9px;background:#edf3fb}.ecom-product-summary small,.ecom-product-summary b{display:block}.ecom-product-summary small{color:var(--slate);font-size:7px}.ecom-product-summary b{margin-top:3px;font-size:11px}.ecom-product-summary span:first-child b{color:#168358}.ecom-product-summary span:last-child b{color:#a46800}
.ecom-product-body>section{display:grid;grid-template-columns:1.2fr .65fr .85fr;gap:8px;margin-top:9px;padding:12px;border:1px solid #abc8ec;border-radius:12px;background:#fff;box-shadow:0 0 0 3px rgba(47,125,251,.06)}.ecom-product-body>section small,.ecom-product-body>section b{display:block}.ecom-product-body>section small{color:var(--slate);font-size:7px}.ecom-product-body>section strong{display:block;margin-top:3px;font:800 13px var(--font-display)}.ecom-product-body>section b{margin-top:4px;font-size:8.5px}.ecom-product-body>section>footer{grid-column:1/-1;display:flex;align-items:center;gap:6px;padding-top:9px;border-top:1px solid var(--line);color:#356088;font-size:7.5px;font-weight:800}.ecom-product-body>section>footer i{width:7px;height:7px;border-radius:50%;background:#38bc85;box-shadow:0 0 0 3px rgba(56,188,133,.12)}
.ecom-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,.86);box-shadow:0 8px 20px rgba(0,0,0,.16);backdrop-filter:blur(10px)}.ecom-note>.i{width:17px;height:17px;flex:0 0 auto;color:var(--cyan)}.ecom-note small,.ecom-note b{display:block}.ecom-note small{color:#9aacc5;font-size:8px}.ecom-note b{margin-top:2px;font-size:9px}.ecom-note--order{left:16px;bottom:18px}.ecom-note--stock{left:50%;bottom:18px;transform:translateX(-50%)}.ecom-note--erp{right:16px;bottom:18px}

.ecommerce-cap-card--analise{grid-column:span 6}.ecom-mini-orders{margin-top:26px;padding:16px;border-radius:15px;background:rgba(255,255,255,.08)}.ecom-mini-orders header,.ecom-mini-orders footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b8cae4;font-size:9px}.ecom-mini-orders header b{color:var(--cyan);font-size:16px}.ecom-mini-orders>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.ecom-mini-orders>div span{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:12px;border-radius:11px;background:rgba(255,255,255,.06)}.ecom-mini-orders>div i,.ecom-screen i.ml,.ecom-screen i.shopee{width:20px;height:20px;display:grid;place-items:center;border-radius:7px;background:#ffd45d}.ecom-mini-orders>div i::after,.ecom-screen i.ml::after{content:'ML';color:#614e00;font-size:6px;font-weight:900}.ecom-mini-orders>div i.shopee,.ecom-screen i.shopee{background:#ff7b52}.ecom-mini-orders>div i.shopee::after,.ecom-screen i.shopee::after{content:'S';color:#fff}.ecom-mini-orders small{color:#b8cae4;font-size:8px}.ecom-mini-orders>div b{font-size:13px}.ecom-mini-orders footer span{display:flex;align-items:center;gap:6px}.ecom-mini-orders footer i{width:7px;height:7px;border-radius:50%;background:#38bc85}.ecom-mini-orders footer b{color:#ffc968}
.ecom-mini-channels{display:grid;gap:8px;margin-top:24px}.ecom-mini-channels span{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:9px;border-radius:10px;background:#f1f5fb}.ecom-mini-channels i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#fff;background:var(--blue);font-size:7px;font-style:normal;font-weight:900}.ecom-mini-channels span:last-child i{background:#ff6f47}.ecom-mini-channels b{font-size:8.5px}.ecom-mini-channels small{color:#168358;font-size:7px;font-weight:800}
.ecom-mini-products,.ecom-mini-status{display:grid;gap:7px;margin-top:23px}.ecom-mini-products span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;padding:8px;border-radius:9px;background:#f2f6fb}.ecom-mini-products i{grid-row:1/3;width:25px;height:25px;border-radius:7px;background:linear-gradient(145deg,#d8e8fb,#a7c6eb)}.ecom-mini-products b{font-size:8px}.ecom-mini-products small{color:var(--slate);font-size:7px}
.ecom-mini-stock{margin-top:26px;padding:13px;border-radius:11px;background:#f2f6fb}.ecom-mini-stock small,.ecom-mini-stock b,.ecom-mini-stock em{display:block}.ecom-mini-stock small{color:var(--slate);font-size:8px}.ecom-mini-stock b{margin-top:4px;color:var(--blue);font-size:16px}.ecom-mini-stock span{display:block;height:6px;margin-top:10px;border-radius:99px;background:#d4e0ef}.ecom-mini-stock span i{display:block;width:var(--w);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-2),var(--cyan))}.ecom-mini-stock em{margin-top:8px;color:#168358;font-size:7px;font-style:normal;font-weight:800}
.ecom-mini-invoice{display:flex;align-items:center;gap:5px;margin-top:34px}.ecom-mini-invoice span{padding:7px 6px;border:1px solid var(--line);border-radius:8px;color:var(--slate);font-size:6.5px}.ecom-mini-invoice span.done{color:#16744d;background:#e8f8f1}.ecom-mini-invoice i{flex:1;height:1px;background:#c6d7ec}
.ecom-mini-status span{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center;padding:8px;border-radius:9px;background:#f2f6fb}.ecom-mini-status i{width:7px;height:7px;border-radius:50%}.ecom-mini-status i.ok{background:#38bc85}.ecom-mini-status i.wait{background:#4b93ed}.ecom-mini-status i.warn{background:#f3b443}.ecom-mini-status b{font-size:8px}.ecom-mini-status em{font-size:9px;font-style:normal;font-weight:800}
.ecom-mini-payout{margin-top:27px;padding:13px;border-radius:11px;background:linear-gradient(145deg,#edf4ff,#f8fbff)}.ecom-mini-payout small,.ecom-mini-payout b{display:block}.ecom-mini-payout small{color:var(--slate);font-size:8px}.ecom-mini-payout b{margin-top:5px;color:var(--blue);font:800 18px var(--font-display)}.ecom-mini-payout span{display:inline-block;margin-top:9px;padding:4px 7px;border-radius:99px;color:#356088;background:#dceafb;font-size:7px;font-weight:800}
.ecom-mini-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.ecom-mini-analysis span{padding:12px;border-radius:10px;background:#f2f6fb}.ecom-mini-analysis small,.ecom-mini-analysis b{display:block}.ecom-mini-analysis small{color:var(--slate);font-size:7.5px}.ecom-mini-analysis b{margin-top:6px;color:var(--blue);font-size:11px}

.ecom-screen{position:relative;z-index:2;overflow:hidden;border:1px solid rgba(153,193,244,.22);border-radius:20px;background:#f6f9fd;box-shadow:0 25px 56px rgba(0,0,0,.30)}.ecom-screen-bar{height:49px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.ecom-screen-bar>span{display:flex;gap:5px}.ecom-screen-bar>span i{width:7px;height:7px;border-radius:50%;background:#607594}.ecom-screen-bar b{font-size:12px}.ecom-screen-bar em{justify-self:end;color:#8fa6c7;font-size:9px;font-style:normal}.ecom-screen-body{padding:16px;color:var(--ink)}.ecom-screen-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--slate);font-size:8px}.ecom-screen-toolbar span+span{margin-left:auto}.ecom-screen-toolbar b{padding:6px 8px;border-radius:8px;color:var(--blue);background:var(--blue-light)}.ecom-screen-layout{display:grid;grid-template-columns:minmax(620px,1fr) 205px;gap:12px;margin-top:12px}.ecom-orders{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}.ecom-orders>header,.ecom-orders>article{display:grid;grid-template-columns:1.35fr 1fr .9fr .8fr;gap:10px;align-items:center;padding:11px 13px}.ecom-orders>header{color:var(--slate);background:#edf3fb;font-size:7.5px;font-weight:800}.ecom-orders>article{border-top:1px solid var(--line);font-size:8px}.ecom-orders>article.active{background:#eef5ff;box-shadow:inset 3px 0 var(--blue)}.ecom-orders>article>span{display:flex;align-items:center;gap:7px;font-weight:800}.ecom-orders>article>span i{width:20px;height:20px;flex:0 0 auto}.ecom-orders>article strong{font-size:8.5px}.ecom-orders>article em{justify-self:start;padding:5px 7px;border-radius:99px;font-size:7px;font-style:normal;font-weight:800}.ecom-orders>article em.ok{color:#16744d;background:#e8f8f1}.ecom-orders>article em.run,.ecom-orders>article em.new{color:#1f5fae;background:#e5effd}.ecom-orders>article em.warn{color:#946000;background:#fff1d1}
.ecom-screen-layout>aside{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.ecom-screen-layout>aside>span{color:var(--blue);font-size:7px;font-weight:800;letter-spacing:.08em}.ecom-screen-layout>aside h3{margin-top:6px;font-size:14px}.ecom-screen-layout>aside>div{margin-top:11px;padding-top:9px;border-top:1px solid var(--line)}.ecom-screen-layout>aside small,.ecom-screen-layout>aside b{display:block}.ecom-screen-layout>aside small{color:var(--slate);font-size:7px}.ecom-screen-layout>aside b{margin-top:4px;font-size:8.5px}.ecom-screen-layout>aside footer{margin-top:13px;padding:11px;border-radius:10px;color:#fff;background:#123a76}.ecom-screen-layout>aside footer small{color:#b9cae2}.ecom-screen-layout>aside footer b{font-size:11px}
.ecommerce-ecosystem{max-width:900px;height:500px}.ecommerce-eco-center small{max-width:105px;text-align:center}

@media (max-width:1080px){.ecommerce-cap-card,.ecommerce-cap-card--analise{grid-column:auto}.ecommerce-ecosystem{height:auto}}
@media (max-width:700px){.ecommerce-hero-product{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.ecom-product{grid-column:1/-1;margin:28px 0 4px}.ecom-note{position:static;width:auto;min-width:0}.ecom-note--stock{grid-column:1/-1;transform:none}.ecom-product-body>header{grid-template-columns:1fr 1fr}.ecom-product-body>header>div{grid-column:1/-1}.ecom-product-body>section{grid-template-columns:1fr 1fr}.ecom-product-body>section>div{grid-column:1/-1}.ecom-mini-analysis{grid-template-columns:1fr}.ecom-screen-body{overflow-x:auto}.ecom-screen-toolbar,.ecom-screen-layout{min-width:780px}}
@media (max-width:420px){.ecommerce-hero-product{grid-template-columns:1fr}.ecom-product,.ecom-note--stock{grid-column:auto}.ecom-product-body>header,.ecom-product-summary,.ecom-product-body>section{grid-template-columns:1fr}.ecom-product-body>header>div,.ecom-product-body>section>div,.ecom-product-body>section>footer{grid-column:auto}.ecom-mini-orders>div{grid-template-columns:1fr}}