/* Existing KPI Masters palette and controls, scoped to Oportunidades 360. */
.o-page{--o-blue:#273c82;--o-muted:#8090a8;--o-border:#e0e6f0;color:#292929}.o-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px}.o-title-row h2{font-size:28px;font-weight:700;margin:0 0 7px;color:var(--navy)}.o-title-row p{font-size:16px;color:#7e8da7;margin:0;line-height:1.5}.o-title-actions{display:flex;gap:5px;flex-shrink:0}.o-title-actions .btn{font-size:14px;min-height:38px;padding:9px 11px}.o-title-actions .icon{width:19px;height:19px}.o-day-line{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:#8190a8;margin-bottom:24px}.o-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:28px}.o-summary-card{background:white;border:1px solid #e0e6f0;border-radius:12px;box-shadow:0 2px 4px #273c8208;display:flex;align-items:center;gap:16px;text-align:left;padding:18px 16px;min-height:112px;color:#4b4b4b}.o-summary-card.selected{outline:2px solid #2e72cf;background:#f0f7ff;outline-offset:-2px}.o-summary-icon{width:60px;height:60px;border-radius:13px;background:#e0efff;color:#286ac7;display:grid;place-items:center;flex:none}.o-summary-icon .icon{width:30px;height:30px}.o-summary-card.overdue .o-summary-icon{background:#fce9eb;color:#c32b36}.o-summary-card.upcoming .o-summary-icon{background:#eeebfc;color:#7567b5}.o-summary-card.converted .o-summary-icon{background:#e5f5ec;color:#20875a}.o-summary-card small{display:block;font-size:14px;color:#8190a8;font-weight:500;line-height:1.4}.o-summary-card strong{display:block;font-size:35px;font-weight:700;line-height:1.15;margin:3px 0}.o-summary-card em{display:block;font-style:normal;font-size:14px;color:#8592a8;line-height:1.35}.o-summary-card.converted em{color:#228354;font-weight:600}.o-filters{display:grid;grid-template-columns:minmax(235px,1.8fr) repeat(3,minmax(150px,1fr)) minmax(150px,.85fr);gap:14px;margin-bottom:10px}.o-field{display:flex;flex-direction:column;gap:6px;color:#292929;font-size:16px;min-width:0;text-align:left}.o-field>span{font-size:14px;font-weight:400;color:#8190a8;line-height:1.4}.o-field input,.o-field select,.o-field textarea{border:1px solid #dfe4ec;border-radius:10px;padding:12px 13px;min-width:0;width:100%;background:#fff;color:#34415a;font-size:16px;min-height:47px;line-height:1.4}.o-field textarea{min-height:104px;resize:vertical}.o-field input::placeholder,.o-field textarea::placeholder{color:#99a1ae}.o-search>div{position:relative}.o-search .icon{width:19px;height:19px;position:absolute;left:14px;top:14px;color:#8b929e}.o-search input{padding-left:43px}.o-filter-status{display:flex;align-items:center;gap:10px;height:34px;color:#8490a4;font-size:14px;margin-bottom:9px}.btn.o-mini{font-size:14px;padding:4px 6px;min-height:28px;gap:5px}.o-board-scroll{overflow-x:auto;border-radius:11px;max-width:100%;padding:2px 1px 12px;scrollbar-color:#bfcce3 #edf0f7;scrollbar-width:thin}.o-board{display:grid;grid-template-columns:repeat(5,minmax(238px,1fr));gap:12px;align-items:start;min-width:1240px}.o-column{background:#f0f3f8;border:1px solid #e4e9f1;border-radius:12px;overflow:hidden;min-width:0}.o-column>header{display:flex;align-items:center;gap:9px;min-height:51px;padding:12px 13px;color:#566b8b;background:#edf1f8}.o-column>header h3{margin:0;flex:1;font-size:16px;font-weight:600;white-space:nowrap;color:inherit}.o-column>header>.icon{width:20px;height:20px}.o-column>header>span{font-size:14px}.o-column.overdue{background:#fff6f7;border-color:#f2e2e5}.o-column.overdue>header{background:#ffedf0;color:#b33240}.o-column.today{background:#f1f8ff;border-color:#cddff5}.o-column.today>header{background:#e4f1ff;color:#1b66c5}.o-column.upcoming{background:#f7f6fc;border-color:#e9e5f4}.o-column.upcoming>header{background:#efedfa;color:#655ba0}.o-column.following{background:#fdfbf4;border-color:#eee8d9}.o-column.following>header{background:#fff7e3;color:#966627}.o-column.converted{background:#f2faf6;border-color:#daede1}.o-column.converted>header{background:#e4f5eb;color:#2b8152}.o-column-list{padding:7px;display:flex;flex-direction:column;gap:10px;max-height:615px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cdd7e5 transparent}.o-column-empty{padding:35px 16px;color:#8b96a8;font-size:14px;text-align:center;line-height:1.6}.o-card{background:#fff;border:1px solid #e5eaf3;border-radius:10px;padding:13px 11px;box-shadow:0 1px 3px #233d6b05;min-width:0}.o-card-heading{display:flex;gap:8px;align-items:flex-start}.o-card-heading>.avatar{width:33px;height:33px;font-size:13px;background:#e1e7f2;color:#405986;flex:none}.o-card-heading>div{flex:1;min-width:0}.o-client-name{display:block;text-align:left;padding:0;color:#233b78;border:0;background:none;font-weight:600;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.o-client-name:hover{text-decoration:underline}.o-card-phone{display:block;color:#8492aa;font-size:14px;white-space:nowrap;margin-top:3px;line-height:1.3}.btn.o-more{box-shadow:none;border:0;background:none;color:#29447f;border-radius:5px;width:22px;min-height:29px;height:29px;font-size:23px;padding:0;flex:none;line-height:1}.o-card-tags{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0}.o-type,.o-priority,.o-sold{font-size:13px;border-radius:7px;padding:4px 7px;line-height:1.25;display:inline-block;font-weight:400}.o-type{background:#e9f2fe;color:#336db6}.o-priority.high{background:#ffeaed;color:#b73d4b}.o-priority.medium{background:#fff2d6;color:#99631a}.o-priority.low{background:#edf1f7;color:#6b7d98}.o-sold{background:#25865b;color:#fff}.o-reason{font-size:14px;line-height:1.5;margin:9px 0;color:#3d4f72;overflow-wrap:anywhere}.o-classification{color:#716392;font-size:13px;margin:6px 0}.o-card-details{font-size:14px;line-height:1.5;color:#506788}.o-card-details p{margin:3px 0;overflow-wrap:anywhere}.o-card-details p>span{color:#8b97ac}.o-card-details .o-due{display:flex;align-items:flex-start;gap:6px;color:#336aa9;font-weight:500;margin-top:9px}.o-due .icon{width:16px;height:18px}.o-card-details .o-due.late{color:#ba3e4b}.o-owner{display:flex;gap:6px;align-items:center;color:#8190a7;font-size:13px;border-top:1px solid #f0f3f8;margin-top:12px;padding-top:10px;flex-wrap:wrap}.o-owner>.avatar{width:22px;height:22px;background:#e1e7f3;color:#6780a7;font-size:10px}.o-owner>.btn{margin-left:auto;font-size:12px}.o-owner>.btn .icon{width:13px;height:13px}.o-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.o-quick{display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dce6f5;background:#fff;color:#355ea4;text-decoration:none;padding:8px 3px;border-radius:7px;font-size:13px;min-height:34px}.o-quick .icon{width:15px;height:15px}.o-quick:hover{background:#f1f6fd}.btn.o-follow{width:100%;font-size:14px;padding:9px 7px;min-height:37px;border-radius:8px;box-shadow:none;margin-top:8px;background:#2b4084;gap:6px}.o-follow .icon{width:15px;height:15px}.o-sale-amount{font-size:19px;color:#27805a;display:block;margin:12px 0 8px}.o-sale-amount small{font-size:13px}.btn.o-converted-link{font-size:14px;padding:8px 0;min-height:32px;width:100%;margin-top:10px}.o-results{border:1px solid #e0e6f0;border-radius:12px;background:white;margin-top:18px;padding:23px}.o-results-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.o-results h2{display:flex;align-items:center;gap:11px;font-size:21px;color:#273c82;margin:0 0 5px}.o-results-top p{font-size:14px;color:#8593ac;margin:0}.o-period{display:flex;align-items:center;gap:10px;color:#8593ac;font-size:14px}.o-period select{border:1px solid #e0e6f0;background:white;padding:9px;border-radius:8px;color:#516382;min-height:40px;font-size:14px}.o-results-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center}.o-results-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 17px}.o-results-metrics>div{border-left:2px solid #e5edf9;padding-left:13px;min-width:0}.o-results-metrics strong{display:block;color:#274b8e;font-size:25px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.o-results-metrics span{display:block;font-size:13px;line-height:1.45;color:#8694ac;margin-top:4px}.o-chart{border-left:1px solid #e6eaf2;padding-left:22px;min-width:0}.o-chart h3{font-size:16px;color:#273c82;margin:0 0 11px}.o-chart-legend{display:flex;gap:15px;font-size:12px;color:#81a6d3;margin-bottom:10px;flex-wrap:wrap}.o-chart-legend span+span{color:#2869c9}.o-chart svg{display:block;width:100%}.o-chart svg text{font-size:12px;fill:#8a9ab5;font-family:Arial,sans-serif}.o-metric-help{font-size:12px;color:#8997ac;line-height:1.5;margin:18px 0 0;padding-top:15px;border-top:1px solid #eef1f6}.o-drawer{position:fixed;inset:0 0 0 auto;width:560px;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;overflow-y:auto;background:#fff;color:#292929;overscroll-behavior:contain;box-shadow:-5px 0 24px #192f5110}.o-drawer::backdrop{background:#0008}.o-drawer[open]{animation:o-slide .18s ease-out}body:has(.o-drawer[open]){overflow:hidden}.o-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:15px;position:sticky;top:0;z-index:3;background:white;padding:17px 27px;border-bottom:1px solid #e0e5ed;min-height:69px}.o-drawer-header h2{font-size:23px;font-weight:500;color:#292929;margin:0}.btn.o-dismiss{color:#777;background:none;box-shadow:none;border:0;width:35px;height:35px;min-height:35px;padding:6px;flex:none}.o-drawer-body{padding:27px;font-size:16px;line-height:1.5}.o-profile-heading{display:flex;align-items:center;gap:13px;margin-bottom:15px}.o-profile-heading>.avatar{background:#e5ebf5;color:#48628e;font-size:21px;width:52px;height:52px;flex:none}.o-profile-heading h3{font-size:25px;color:#292929;font-weight:700;line-height:1.3;margin:0 0 3px}.o-profile-heading p{font-size:15px;color:#8592a9;margin:0}.o-original{padding:16px 0 20px;border-bottom:1px solid #e0e5ed;margin-bottom:21px}.o-original>span{font-size:14px;color:#8390a8}.o-original p{color:#4d6082;font-size:16px;margin:5px 0 10px;overflow-wrap:anywhere}.o-original small{font-size:14px;color:#8390a8}.o-drawer form>.o-field,.o-drawer form>.o-form-grid{margin-bottom:18px}.o-drawer form>div:not(.o-form-footer) .o-field{margin-bottom:16px}.o-drawer select{font-size:16px}.o-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.o-form-footer{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;border-top:1px solid #edf0f5;margin-top:20px}.o-form-footer .btn{font-size:15px;min-height:44px;padding:12px 17px}.o-error{font-size:14px;color:#b53044;line-height:1.5;white-space:pre-wrap}.o-help,.o-muted{font-size:14px;color:#8190a8;line-height:1.6}.o-notice{border:1px solid #d8e6f8;background:#eef6ff;color:#365c94;border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.6;margin:15px 0}.o-notice b{font-size:14px}.o-notice p{margin:5px 0}.o-notice span{display:block;margin-top:7px}.o-alert{background:#fff4e6;color:#8c672c;padding:14px 16px;border:1px solid #f3dfbb;border-radius:10px;font-size:14px;line-height:1.6;margin:14px 0}.o-radio-field{padding:0;border:0;margin:22px 0}.o-radio-field legend{font-size:16px;color:#3a4c6e;line-height:1.5;margin-bottom:13px}.o-radio-field label{display:inline-flex;align-items:center;gap:8px;padding-right:28px;cursor:pointer;font-size:16px}.o-radio-field input{width:18px;height:18px;accent-color:#2b4084}.o-recent{border:1px solid #e1e6ef;border-radius:10px;margin:0 0 23px;padding:13px}.o-recent summary{color:#536c95;font-size:14px;cursor:pointer}.o-timeline{list-style:none;padding:0 0 0 8px;margin:20px 0 0}.o-timeline li{border-left:1px solid #dce3ef;position:relative;padding:0 0 25px 21px;font-size:14px;color:#71839e}.o-timeline li:before{content:'';position:absolute;left:-5px;top:4px;background:#7995bf;width:9px;height:9px;border-radius:50%}.o-timeline li.sale:before{background:#389974}.o-timeline time{display:block;font-size:13px;color:#8c9ab0;margin-bottom:5px}.o-timeline strong{display:block;font-size:15px;font-weight:500;color:#3b547a}.o-timeline p{font-size:14px;color:#7e8faa;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.o-timeline small{display:block;font-size:12px;margin-top:8px}.o-timeline li:last-child{padding-bottom:4px}.o-profile-data p{font-size:15px;color:#627899;line-height:1.7;margin:4px 0;overflow-wrap:anywhere}.o-profile-data b{font-weight:500;color:#455c7f}.o-next-box{border:1px solid #dbe5f5;background:#f3f8ff;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:7px;margin:20px 0}.o-next-box small{font-size:13px;color:#8595ae}.o-next-box strong{font-size:16px;font-weight:500;color:#35578e}.o-next-box span{font-size:14px;color:#6882a7}.btn.o-full{width:100%;margin-top:10px;font-size:15px;min-height:43px}.btn.o-outline{background:white;color:#29437e;border:1px solid #a5b2cd;box-shadow:none;min-height:42px;padding:11px 16px;font-size:15px}.o-profile-section{border-top:1px solid #e0e5ed;margin-top:25px;padding-top:23px}.o-profile-section h3{font-size:17px;color:#485e83;font-weight:500;margin:0 0 13px}.o-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.o-section-title h3{margin:0}.o-related{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0f2f6;font-size:14px;color:#8795ab;flex-wrap:wrap}.o-action-menu{display:flex;flex-direction:column;gap:12px}.o-action-menu .btn{justify-content:flex-start;padding:15px}.o-action-menu .btn.o-danger{color:#b53543;border-color:#e6bbc2}.o-closed-list article{border:1px solid #e0e5ed;border-radius:12px;padding:18px;margin:15px 0}.o-closed-list h3{font-size:18px;color:#354e79;margin:0 0 10px}.o-closed-list p{font-size:14px;color:#7e8da6}.o-closed-list small{display:block;color:#8997ac;font-size:13px}.o-empty{padding:35px 20px;text-align:center;color:#8793a7;font-size:16px}#o-demo-suggestion{padding:16px;border:1px solid #dce5f4;border-radius:11px;background:#f6f9fe;margin:19px 0}#o-demo-suggestion h4{font-size:14px;color:#7f90ad;font-weight:400;margin:0 0 8px}#o-suggested-label{color:#365488;font-size:18px;display:block;font-weight:600}#o-suggested-help{font-size:14px;color:#7c90ae;line-height:1.6;margin:10px 0 17px}.o-change-date{border:0;background:none;color:#3a6aab;font-size:14px;padding:2px 0;cursor:pointer}.o-settings{max-width:1080px}.o-settings form{padding:30px;background:white;border:1px solid #e0e5ed;border-radius:13px;margin-top:25px}.o-settings-heading{display:flex;gap:14px;border-bottom:1px solid #e8ecf3;padding-bottom:23px;margin-bottom:25px;color:#294783}.o-settings-heading .icon{width:29px;height:29px;margin-top:2px}.o-settings-heading h3{font-size:21px;color:#294783;margin:0 0 5px}.o-settings-heading p{font-size:14px;color:#8390a7;margin:0}.o-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.o-settings-grid .o-field>span{min-height:40px}.o-maintenance-settings{border-top:1px solid #e8ecf3;margin-top:27px;padding-top:23px}.o-maintenance-settings h3{font-size:19px;color:#294783;margin:0 0 8px}.o-maintenance-settings p{font-size:14px;color:#8190a8;line-height:1.5}.o-maintenance-settings .o-field{max-width:310px;margin-top:20px}.web-nav-item[data-value="opportunities"]{font-size:17px;gap:26px}.web-nav-item.active[data-value="opportunities"]{background:#edf0f8;color:#273c82}.web-nav-item.active[data-value="opportunities"] .icon{color:#273c82}
@keyframes o-slide{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1750px){body:has(.o-page) .web-main{padding-left:3vw;padding-right:3vw}.o-board{grid-template-columns:repeat(5,minmax(250px,1fr))}.o-card{padding:15px}.o-column-list{max-height:640px}.o-filters{grid-template-columns:2fr 1.1fr 1.1fr .8fr 1fr}}
@media(max-width:1350px){.o-summary{gap:12px}.o-summary-card{padding:15px 12px;gap:11px}.o-summary-icon{width:45px;height:52px}.o-summary-card small{font-size:13px}.o-summary-card em{font-size:13px}.o-summary-card strong{font-size:32px}.o-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.o-search{grid-column:span 2}.o-results-layout{grid-template-columns:1fr}.o-chart{border-left:0;border-top:1px solid #edf0f5;padding:20px 0 0}.o-chart svg{max-height:200px}.o-title-actions .btn{padding:8px}.o-title-row h2{font-size:27px}}
@media(max-width:950px){.o-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.o-title-row{flex-wrap:wrap}.o-day-line{flex-wrap:wrap}.o-filters{grid-template-columns:1fr 1fr}.o-search{grid-column:span 2}.o-results-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.o-summary-card{padding:16px;gap:15px}.o-summary-icon{width:54px;height:54px}}
@media(max-width:650px){.o-title-row h2{font-size:25px}.o-title-row p{font-size:15px}.o-title-row{gap:13px}.o-title-actions{width:100%;justify-content:flex-end}.o-day-line{font-size:13px;gap:5px;margin-bottom:18px}.o-summary{gap:10px;margin-bottom:22px}.o-summary-card{padding:13px 10px;gap:9px;min-height:114px;align-items:flex-start}.o-summary-icon{width:32px;height:38px;border-radius:9px}.o-summary-icon .icon{width:22px;height:22px}.o-summary-card small{font-size:12px}.o-summary-card em{font-size:12px}.o-summary-card strong{font-size:28px}.o-filters{gap:13px 10px}.o-field input,.o-field select{font-size:15px}.o-board{grid-template-columns:repeat(5,285px);min-width:1473px;gap:12px}.o-column-list{max-height:600px}.o-results{padding:18px 14px}.o-results-top{flex-wrap:wrap;gap:15px}.o-results-metrics{grid-template-columns:1fr 1fr;gap:20px 10px}.o-results-metrics strong{font-size:23px}.o-drawer-body{padding:21px 18px}.o-drawer-header{padding:15px 18px}.o-drawer-header h2{font-size:21px}.o-profile-heading h3{font-size:23px}.o-form-grid{grid-template-columns:1fr;gap:0}.o-form-footer{gap:7px;flex-wrap:wrap}.o-form-footer .btn{font-size:14px;padding:11px 13px}.o-settings form{padding:20px 16px}.o-settings-grid{grid-template-columns:1fr;gap:20px}.o-settings-grid .o-field>span{min-height:0}.o-section-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.o-drawer[open]{animation:none}}