.commercial-ai{position:relative;overflow:hidden;padding:0!important;background:#f7faf9!important}
.commercial-ai:before{content:"";position:absolute;top:-140px;right:-100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(85,190,166,.18),rgba(85,190,166,0) 70%);pointer-events:none}
.commercial-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;color:#fff;background:linear-gradient(125deg,#123e38 0%,#1d6b5f 68%,#218371 100%)}
.commercial-hero .eyebrow{color:#8ee2cd!important}.commercial-hero h2{margin:5px 0 7px;font-size:28px}.commercial-hero p:not(.eyebrow){max-width:670px;margin:0;color:#cde5df;font-size:12px;line-height:1.55}
.commercial-hero-actions{display:grid;justify-items:end;gap:10px;min-width:170px}.commercial-hero-actions button{min-width:160px;border-color:#d8f0e9;background:#fff;color:#155f54}
.commercial-agent-status{display:flex;align-items:center;gap:7px;color:#e1f5ef;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.commercial-agent-status i{width:8px;height:8px;border-radius:50%;background:#75e5b8;box-shadow:0 0 0 4px rgba(117,229,184,.13)}.commercial-agent-status.paused i{background:#ffc07c}
.commercial-readiness{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:15px 30px;border-bottom:1px solid #dce9e5;background:#fff}
.commercial-readiness button{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid #dce8e5;border-radius:10px;background:#fbfdfc;color:#385a54;text-align:left;cursor:pointer}.commercial-readiness button:hover{border-color:#9bcfc2}.commercial-readiness button>i{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:#dff3ec;color:#18715f;font-style:normal;font-size:10px;font-weight:800}.commercial-readiness .pending>i{background:#fff0dd;color:#9c6527}.commercial-readiness .optional>i{background:#edf2f1;color:#748681}.commercial-readiness strong,.commercial-readiness small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-readiness strong{font-size:10px}.commercial-readiness small{margin-top:2px;color:#7d8e8a;font-size:8px;font-weight:500}
.commercial-tabs{display:flex;gap:5px;margin:18px 30px 0;padding:5px;border:1px solid #dce8e5;border-radius:12px;background:#ebf3f0}.commercial-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:39px;padding:8px 16px;border:0;border-radius:8px;background:transparent;color:#607873;font:700 10px "DM Sans";cursor:pointer}.commercial-tabs button.active{background:#fff;color:#176f63;box-shadow:0 3px 10px rgba(21,71,64,.08)}.commercial-tabs b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:12px;background:#d96e59;color:#fff;font-size:8px}
.commercial-ai>[data-commercial-panel]{padding:20px 30px 30px}.commercial-ai>[data-commercial-panel][hidden]{display:none!important}
.commercial-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.commercial-metrics article{position:relative;overflow:hidden;padding:16px;border:1px solid #dce8e5;border-radius:12px;background:#fff;box-shadow:0 6px 18px rgba(27,74,67,.04)}.commercial-metrics article:after{content:"";position:absolute;right:-16px;bottom:-30px;width:80px;height:80px;border-radius:50%;background:#e9f7f2}.commercial-metrics span,.commercial-metrics small,.commercial-metrics strong{position:relative;z-index:1;display:block}.commercial-metrics span{color:#6f837e;font-size:9px;font-weight:700}.commercial-metrics strong{margin:5px 0 2px;color:#1a554b;font-size:25px}.commercial-metrics small{color:#8a9895;font-size:8px}
.commercial-overview-grid,.commercial-campaign-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:14px}.commercial-surface{padding:18px;border:1px solid #dce8e5;border-radius:13px;background:#fff;box-shadow:0 6px 18px rgba(27,74,67,.035)}
.commercial-section-heading,.commercial-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.commercial-section-heading h3,.commercial-panel-heading h3{margin:4px 0;color:#294d47;font-size:15px}.commercial-section-heading .eyebrow,.commercial-panel-heading .eyebrow{margin:0}.commercial-section-heading button{padding:5px 0}
.commercial-funnel{display:grid;gap:10px;margin-top:17px}.commercial-funnel>div{display:grid;grid-template-columns:125px minmax(100px,1fr) 72px;align-items:center;gap:10px}.commercial-funnel>div>span{display:flex;justify-content:space-between;color:#56716b;font-size:10px}.commercial-funnel>div>span b{color:#214f47}.commercial-funnel>div>i{height:9px;overflow:hidden;border-radius:10px;background:#edf3f1}.commercial-funnel>div>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8c7b,#68c7b2)}.commercial-funnel>div>small{color:#85938f;font-size:8px;text-align:right}
.commercial-priorities{display:grid;gap:7px;margin-top:14px}.commercial-priorities>button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid #e1ebe8;border-radius:10px;background:#fbfdfc;color:#4c6862;text-align:left;cursor:pointer}.commercial-priorities>button:hover{border-color:#a9d2c8;background:#f5fbf9}.commercial-priorities>button div{min-width:0}.commercial-priorities strong,.commercial-priorities small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-priorities strong{font-size:10px}.commercial-priorities small{margin-top:3px;color:#798a86;font-size:8px}.commercial-priority-level{padding:4px 6px;border-radius:20px;background:#edf3f1;color:#57706b;font-size:7px;font-weight:800;text-transform:uppercase}.commercial-priority-level.level-1{background:#fae9e5;color:#a34b40}.commercial-priority-level.level-2{background:#fff0da;color:#956323}
.commercial-offer{display:grid;grid-template-columns:minmax(240px,1fr) auto minmax(210px,.55fr);align-items:center;gap:22px;margin-top:14px;padding:18px 20px;border:1px solid #bcded5;border-radius:13px;background:linear-gradient(100deg,#edf9f5,#fff)}.commercial-offer h3{margin:4px 0;color:#1f534a;font-size:15px}.commercial-offer>div>span{color:#71847f;font-size:9px}.commercial-offer-price{padding:0 22px;border-right:1px solid #d9e8e4;border-left:1px solid #d9e8e4;text-align:center}.commercial-offer-price small,.commercial-offer-price strong,.commercial-offer-price span,.commercial-offer-rule strong,.commercial-offer-rule span{display:block}.commercial-offer-price small{color:#6f817d;font-size:8px}.commercial-offer-price strong{margin:4px 0;color:#166b5f;font-size:22px}.commercial-offer-rule strong{color:#315a53;font-size:10px}.commercial-offer-rule span{margin-top:4px;line-height:1.4}
.commercial-panel-heading{align-items:end;margin-bottom:15px;padding-bottom:14px;border-bottom:1px solid #e0eae7}.commercial-panel-heading>div>span{color:#71837f;font-size:10px}.commercial-panel-heading label{display:grid;gap:4px;color:#71837f;font-size:8px;font-weight:800;text-transform:uppercase}.commercial-panel-heading select{min-width:180px;margin:0;padding:9px;background:#fff;font-size:10px;text-transform:none}
.commercial-inbox{display:grid;gap:8px}.commercial-conversation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:13px 15px;border:1px solid #dfe9e6;border-left:4px solid #87bbae;border-radius:11px;background:#fff;color:#385b55;text-align:left;cursor:pointer}.commercial-conversation:hover{border-color:#a3cfc4;box-shadow:0 5px 15px rgba(30,78,70,.05)}.commercial-conversation.needs-human{border-left-color:#d97862;background:#fffafa}.commercial-channel{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#e0f4eb;color:#23755f;font-size:9px;font-weight:900}.commercial-channel.instagram{background:#f2e8f5;color:#805990}.commercial-conversation>div{min-width:0}.commercial-conversation>div>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.commercial-conversation strong,.commercial-conversation time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-conversation strong{font-size:11px}.commercial-conversation time{color:#8b9895;font-size:8px}.commercial-conversation p{margin:5px 0 3px;overflow:hidden;color:#637873;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.commercial-conversation small{color:#7c8c88;font-size:8px}.commercial-conversation.needs-human small{color:#aa5145;font-weight:700}
.commercial-lead-board{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:10px;overflow-x:auto}.commercial-lead-board>section{min-width:0;padding:10px;border:1px solid #dce8e5;border-radius:12px;background:#edf4f2}.commercial-lead-board>section>header{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 10px;color:#3d615a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.commercial-lead-board>section>header b{display:grid;place-items:center;min-width:22px;height:22px;border-radius:20px;background:#fff;color:#25776b}.commercial-lead-board>section>div{display:grid;gap:7px}.commercial-lead-board>section>div>button{display:grid;gap:4px;width:100%;padding:11px;border:1px solid #dfe8e6;border-radius:9px;background:#fff;color:#365750;text-align:left;cursor:pointer}.commercial-lead-board>section>div>button:hover{border-color:#9bcabd}.commercial-lead-board button strong,.commercial-lead-board button span,.commercial-lead-board button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.commercial-lead-board button strong{font-size:10px}.commercial-lead-board button span{color:#647974;font-size:9px}.commercial-lead-board button small{color:#899692;font-size:8px}.commercial-lead-board section p{padding:14px 4px;color:#83918e;font-size:9px;text-align:center}
.commercial-campaign-summary{margin-bottom:14px}.commercial-campaign-table{overflow:hidden;border:1px solid #dce8e5;border-radius:12px;background:#fff}.commercial-campaign-table>header,.commercial-campaign-table>div{display:grid;grid-template-columns:minmax(220px,1fr) repeat(4,100px);align-items:center;gap:10px;padding:11px 14px}.commercial-campaign-table>header{background:#edf5f2;color:#6d817c;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.commercial-campaign-table>div{border-top:1px solid #e8efed;color:#59716c;font-size:10px}.commercial-campaign-table>div strong{color:#2e554e}
.commercial-creatives{display:grid;gap:9px;margin-top:14px}.commercial-creatives article{padding:13px;border:1px solid #e0eae7;border-radius:10px;background:#fbfdfc}.commercial-creatives article>span{padding:3px 6px;border-radius:15px;background:#e2f3ed;color:#237567;font-size:7px;font-weight:800;text-transform:uppercase}.commercial-creatives h4{margin:9px 0 4px;color:#31564f;font-size:11px}.commercial-creatives p{margin:0;color:#667a76;font-size:9px;line-height:1.5}.commercial-creatives button{margin-top:9px;padding:6px 9px;border:1px solid #cae0da;border-radius:7px;background:#fff;color:#257568;font:700 9px "DM Sans";cursor:pointer}
.commercial-checklist{display:grid;gap:9px;margin-top:14px}.commercial-checklist article{display:flex;align-items:flex-start;gap:10px;padding:11px;border:1px solid #e0eae7;border-radius:10px;background:#fbfdfc}.commercial-checklist article>i{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e2f3ed;color:#267566;font-style:normal;font-size:9px;font-weight:800}.commercial-checklist .pending>i{background:#fff0dc;color:#986323}.commercial-checklist .external>i{background:#e8eff5;color:#486e88}.commercial-checklist strong,.commercial-checklist span{display:block}.commercial-checklist strong{color:#355a53;font-size:10px}.commercial-checklist span{margin-top:3px;color:#7a8a87;font-size:8px;line-height:1.4}
.commercial-empty{display:grid;place-items:center;min-height:170px;padding:28px;border:1px dashed #cadbd6;border-radius:12px;background:#fafdfc;text-align:center}.commercial-empty.compact{min-height:125px}.commercial-empty strong{color:#355b54;font-size:12px}.commercial-empty span{margin-top:5px;color:#7b8c88;font-size:9px}
.commercial-nav{margin-bottom:8px!important;border:1px solid rgba(115,210,187,.2)!important;background:linear-gradient(110deg,rgba(43,142,122,.22),rgba(33,109,95,.08))!important}.commercial-nav.active{background:#dff4ed!important;color:#176c60!important}.commercial-nav span{font-weight:700}
@media(max-width:1050px){.commercial-readiness{grid-template-columns:1fr 1fr}.commercial-overview-grid,.commercial-campaign-grid{grid-template-columns:1fr}.commercial-lead-board{grid-template-columns:repeat(4,250px)}.commercial-campaign-table>header,.commercial-campaign-table>div{grid-template-columns:minmax(180px,1fr) repeat(4,75px)}}
@media(max-width:760px){.commercial-ai{margin:0 -1px}.commercial-hero{align-items:flex-start;flex-direction:column;padding:23px 18px}.commercial-hero h2{font-size:24px}.commercial-hero-actions{width:100%;justify-items:stretch}.commercial-hero-actions button{width:100%}.commercial-readiness{padding:12px 15px}.commercial-tabs{margin:14px 15px 0;overflow-x:auto}.commercial-tabs button{min-width:116px}.commercial-ai>[data-commercial-panel]{padding:16px 15px 22px}.commercial-metrics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.commercial-metrics article{min-width:165px;scroll-snap-align:start}.commercial-offer{grid-template-columns:1fr;gap:14px}.commercial-offer-price{padding:13px 0;border-top:1px solid #d9e8e4;border-right:0;border-bottom:1px solid #d9e8e4;border-left:0}.commercial-panel-heading{align-items:stretch;flex-direction:column}.commercial-panel-heading select{width:100%;min-width:0;font-size:16px}.commercial-campaign-table{overflow-x:auto}.commercial-campaign-table>header,.commercial-campaign-table>div{min-width:620px}.commercial-funnel>div{grid-template-columns:100px minmax(80px,1fr)}.commercial-funnel>div>small{display:none}}
@media(max-width:480px){.commercial-readiness{grid-template-columns:1fr}.commercial-readiness button.optional.ready{display:none}.commercial-conversation{grid-template-columns:auto minmax(0,1fr)}.commercial-conversation>b{display:none}.commercial-conversation>div>span{align-items:flex-start;flex-direction:column;gap:2px}.commercial-offer{padding:15px}.commercial-tabs button{min-width:105px;padding-inline:11px}.commercial-surface{padding:14px}}