/* CRM — oportunidade, relacionamento e próximo passo sobre o sistema compartilhado. */

.crm-product{position:relative;z-index:2;margin:40px 26px 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)}
.crm-product-top{height:48px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.crm-product-top>span{display:flex;gap:5px}.crm-product-top i{width:7px;height:7px;border-radius:50%;background:#607594}.crm-product-top b{font-size:12px;letter-spacing:.04em}.crm-product-top em{justify-self:end;color:#8fa6c7;font-size:10px;font-style:normal}
.crm-product-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);gap:12px;padding:18px;color:var(--ink)}.crm-product-body>section,.crm-product-body>aside{border:1px solid var(--line);border-radius:15px;background:#fff}.crm-product-body>section{padding:15px}.crm-product-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-product-head small,.crm-product-data small,.crm-product-body aside small{display:block;color:var(--slate);font-size:8px}.crm-product-head strong{display:block;margin-top:3px;font:800 16px var(--font-display)}.crm-product-head>span{padding:6px 8px;border-radius:99px;color:#9a6500;background:#fff1d1;font-size:8px;font-weight:800}
.crm-product-data{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.crm-product-data>span{padding:9px;border-radius:9px;background:#f2f6fb}.crm-product-data b{display:block;margin-top:3px;font-size:9.5px}.crm-product-body>section>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:9px 10px;border-radius:10px;color:#fff;background:#10366f;font-size:8px}.crm-product-body>section>footer span{display:flex;align-items:center;gap:5px;color:#b9d0ee}.crm-product-body>section>footer .i{width:13px;height:13px;color:var(--cyan)}
.crm-product-body>aside{padding:14px;background:#f2f6fb}.crm-product-body>aside header{display:flex;align-items:end;justify-content:space-between;gap:6px}.crm-product-body>aside header b{color:var(--blue);font-size:12px}.crm-product-body>aside>div{height:112px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;margin-top:13px}.crm-product-body>aside>div span{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.crm-product-body>aside>div i{width:100%;height:var(--h);min-height:14px;border-radius:5px 5px 2px 2px;background:#c5d5e9}.crm-product-body>aside>div i.active{background:linear-gradient(180deg,var(--cyan),var(--blue-2))}.crm-product-body>aside>div small{font-size:6.5px}.crm-product-body>aside>footer{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}.crm-product-body>aside>footer b{color:var(--blue);font-size:16px}.crm-product-body>aside>footer small{line-height:1.2}
.crm-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)}.crm-note>.i{width:17px;height:17px;flex:0 0 auto;color:var(--cyan)}.crm-note small,.crm-note b{display:block}.crm-note small{color:#9aacc5;font-size:8px}.crm-note b{margin-top:2px;font-size:9.5px}.crm-note--attention{left:16px;bottom:18px}.crm-note--owner{left:50%;bottom:18px;transform:translateX(-50%)}.crm-note--stage{right:16px;bottom:18px}

.crm-cap-card--analise{grid-column:span 6}.crm-mini-funnel{margin-top:28px;padding:16px;border-radius:15px;background:rgba(255,255,255,.08)}.crm-mini-funnel header,.crm-mini-funnel footer{display:flex;justify-content:space-between;gap:12px;color:#b8cae4;font-size:9px}.crm-mini-funnel header b,.crm-mini-funnel footer b{color:var(--cyan)}.crm-mini-funnel>div{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:16px 0}.crm-mini-funnel>div span{min-width:0;padding:10px;border-radius:10px;background:rgba(255,255,255,.06)}.crm-mini-funnel small,.crm-mini-funnel b{display:block}.crm-mini-funnel small{overflow:hidden;color:#b8cae4;font-size:7.5px;text-overflow:ellipsis}.crm-mini-funnel b{margin-top:5px;font-size:14px}.crm-mini-funnel i{display:block;height:5px;margin-top:9px;border-radius:99px;background:linear-gradient(90deg,var(--cyan) var(--w),rgba(255,255,255,.12) var(--w))}
.crm-mini-history{position:relative;display:grid;gap:9px;margin:21px 0 0 6px;padding-left:14px}.crm-mini-history::before{content:'';position:absolute;left:3px;top:5px;bottom:5px;width:1px;background:#c6d7ec}.crm-mini-history span{position:relative}.crm-mini-history i{position:absolute;left:-15px;top:4px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:var(--blue)}.crm-mini-history b,.crm-mini-history small{display:block}.crm-mini-history b{font-size:9px}.crm-mini-history small{margin-top:2px;color:var(--slate);font-size:8px}
.crm-mini-contacts{display:flex;margin-top:29px}.crm-mini-contacts span{width:58px;height:58px;display:grid;place-content:center;margin-left:-8px;border:3px solid #fff;border-radius:50%;text-align:center;background:var(--blue-light)}.crm-mini-contacts span:first-child{margin-left:0}.crm-mini-contacts b,.crm-mini-contacts small{display:block}.crm-mini-contacts b{color:var(--blue);font-size:10px}.crm-mini-contacts small{max-width:48px;margin-top:2px;overflow:hidden;color:var(--slate);font-size:6px;text-overflow:ellipsis;white-space:nowrap}
.crm-mini-tasks{display:grid;gap:7px;margin-top:22px}.crm-mini-tasks span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;padding:8px;border-radius:9px;background:#f2f6fb}.crm-mini-tasks i{grid-row:1/3;width:9px;height:9px;margin-top:2px;border:2px solid #84a7d3;border-radius:50%}.crm-mini-tasks i.done{border-color:#38bc85;background:#38bc85}.crm-mini-tasks b{font-size:8.5px}.crm-mini-tasks small{color:var(--slate);font-size:7px}
.crm-mini-value{margin-top:26px;padding:14px;border-radius:12px;background:linear-gradient(145deg,#edf4ff,#f7faff)}.crm-mini-value small,.crm-mini-value b{display:block}.crm-mini-value small{color:var(--slate);font-size:8px}.crm-mini-value b{margin-top:5px;color:var(--blue);font:800 20px var(--font-display)}.crm-mini-value span{display:inline-block;margin-top:10px;padding:5px 7px;border-radius:99px;color:#9a6500;background:#fff1d1;font-size:7px;font-weight:800}
.crm-mini-owner{display:flex;align-items:center;gap:11px;margin-top:30px}.crm-mini-owner>span{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2f7dfb,#164e9d);font-size:11px;font-weight:800}.crm-mini-owner small,.crm-mini-owner b,.crm-mini-owner em{display:block}.crm-mini-owner small{color:var(--slate);font-size:8px}.crm-mini-owner b{margin-top:3px;font-size:10px}.crm-mini-owner em{margin-top:3px;color:var(--blue);font-size:7px;font-style:normal}
.crm-mini-workflow{display:flex;align-items:center;gap:5px;margin-top:34px}.crm-mini-workflow span{padding:7px 6px;border:1px solid var(--line);border-radius:8px;color:var(--slate);font-size:7px}.crm-mini-workflow span.done{color:#16744d;background:#e8f8f1}.crm-mini-workflow span.active{color:var(--blue);border-color:#91b7e8;background:var(--blue-light)}.crm-mini-workflow i{flex:1;height:1px;background:#c6d7ec}
.crm-mini-analysis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:26px}.crm-mini-analysis span{padding:12px;border-radius:10px;background:#f2f6fb}.crm-mini-analysis small,.crm-mini-analysis b{display:block}.crm-mini-analysis small{color:var(--slate);font-size:7.5px}.crm-mini-analysis b{margin-top:6px;color:var(--blue);font-size:13px}

.crm-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)}.crm-screen-bar{height:49px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#dce9fc;background:#0e2140}.crm-screen-bar>span{display:flex;gap:5px}.crm-screen-bar i{width:7px;height:7px;border-radius:50%;background:#607594}.crm-screen-bar b{font-size:12px}.crm-screen-bar em{justify-self:end;color:#8fa6c7;font-size:9px;font-style:normal}.crm-screen-body{padding:16px;color:var(--ink)}.crm-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}.crm-screen-toolbar span+span{margin-left:auto}.crm-screen-toolbar b{padding:6px 8px;border-radius:8px;color:var(--blue);background:var(--blue-light)}.crm-screen-layout{display:grid;grid-template-columns:minmax(650px,1fr) 190px;gap:12px;margin-top:12px}.crm-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.crm-board>section{padding:9px;border-radius:11px;background:#eaf0f8}.crm-board>section>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.crm-board>section>header b{font-size:9px}.crm-board>section>header span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:var(--blue);background:#fff;font-size:7px;font-weight:800}.crm-board article{margin-top:7px;padding:9px;border:1px solid transparent;border-radius:9px;background:#fff;box-shadow:0 4px 10px rgba(16,50,96,.05)}.crm-board article.active{border-color:#5c9be8;box-shadow:0 0 0 2px rgba(47,125,251,.08)}.crm-board article>b,.crm-board article>small{display:block}.crm-board article>b{font-size:8.5px}.crm-board article>small{margin-top:4px;color:var(--blue);font-size:8px;font-weight:800}.crm-board article footer{display:flex;justify-content:space-between;gap:5px;margin-top:9px;padding-top:7px;border-top:1px solid var(--line);color:var(--slate);font-size:6.5px}.crm-board article em{color:#a36700;font-style:normal}.crm-screen-layout>aside{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fff}.crm-screen-layout>aside>span{color:var(--blue);font-size:7px;font-weight:800;letter-spacing:.08em}.crm-screen-layout>aside h3{margin-top:6px;font-size:14px}.crm-screen-layout>aside>div{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.crm-screen-layout>aside small,.crm-screen-layout>aside b{display:block}.crm-screen-layout>aside small{color:var(--slate);font-size:7px}.crm-screen-layout>aside b{margin-top:4px;font-size:8.5px;line-height:1.3}.crm-screen-layout>aside footer{margin-top:14px;padding:11px;border-radius:10px;color:#fff;background:#123a76}.crm-screen-layout>aside footer small{color:#b9cae2}.crm-screen-layout>aside footer b{font-size:14px}
.crm-ecosystem{max-width:900px;height:470px}.crm-eco-node{top:50%!important}.crm-eco-center small{max-width:105px;text-align:center}

@media (max-width:1080px){.crm-cap-card,.crm-cap-card--analise{grid-column:auto}.crm-ecosystem{height:auto}.crm-eco-node{top:auto!important}}
@media (max-width:700px){.crm-hero-product{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.crm-product{grid-column:1/-1;margin:28px 0 4px}.crm-note{position:static;width:auto;min-width:0}.crm-note--owner{grid-column:1/-1;transform:none}.crm-product-body{grid-template-columns:1fr}.crm-product-data{grid-template-columns:1fr 1fr}.crm-mini-funnel>div{grid-template-columns:1fr 1fr}.crm-mini-analysis{grid-template-columns:1fr}.crm-screen-layout{display:block;overflow-x:auto}.crm-board{min-width:650px}.crm-screen-layout>aside{min-width:650px;margin-top:10px}.crm-screen-toolbar{min-width:650px}.crm-screen-body{overflow-x:auto}}
@media (max-width:420px){.crm-hero-product{grid-template-columns:1fr}.crm-product,.crm-note--owner{grid-column:auto}.crm-product-head{align-items:flex-start;flex-direction:column}.crm-product-data{grid-template-columns:1fr}.crm-note{padding:9px 11px}.crm-mini-funnel>div{grid-template-columns:1fr 1fr}}