.saas-app{--saas-line:#e3edf2;--saas-muted:#71879c;--saas-teal:#008b89;background:#f2f8fa}.saas-sidebar{width:228px;background:linear-gradient(160deg,#006469,#00484f 60%,#003b45);padding:21px 12px}.saas-sidebar .mk-brand{display:block;padding:0 12px 20px;margin-bottom:14px}.saas-sidebar .mk-brand img{width:184px;height:auto}.saas-sidebar .mk-brand small{display:block;margin:5px 0 0 47px;font-size:11px;letter-spacing:.1px}.saas-sidebar .mk-brand small span{background:#0b8190;padding:2px 5px;border-radius:5px;margin-left:5px;font-size:9px}.saas-sidebar .mk-nav-link{font-size:12px;gap:13px;padding:12px 15px;margin:4px 0;min-height:43px}.saas-sidebar .mk-nav-section{margin-top:18px;padding-top:18px}.saas-sidebar .mk-sidebar-bottom{padding:22px 13px 10px;min-height:175px}.saas-sidebar .mk-sidebar-bottom img{width:170px;margin-left:-10px}.saas-sidebar .mk-sidebar-bottom strong{font-size:18px}









.saas-main{padding:10px 24px 24px;max-width:1900px;margin:auto}.saas-demo{font-size:9px;letter-spacing:.8px;color:#6c8694;margin-bottom:8px}.saas-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:168px;border-radius:14px;overflow:hidden;padding:25px 35px;margin-bottom:15px;background:#dff4f5}.saas-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;z-index:-2}.saas-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#d5f0f1f7,#ddf2f0c4 38%,#deece93d 65%,#063e4b0f)}.saas-hero h1{font-size:31px;line-height:1.25;margin:5px 0}.saas-hero h2{font-size:15px;font-weight:600;margin-bottom:5px}.saas-hero p:not(.mk-eyebrow){font-size:12px;color:#527b8d;line-height:1.45}.saas-hero aside{align-self:flex-start;display:flex;gap:15px;background:#fffffff5;border:1px solid #e6f2f4;box-shadow:0 6px 20px #254d5715;border-radius:13px;padding:17px 20px;min-width:220px}.saas-hero aside strong{font-size:11px}.saas-hero aside b{display:block;font-size:20px}.saas-photo-note{position:absolute;right:13px;bottom:5px;font-size:8px;background:#eff9fac9;padding:1px 5px;border-radius:4px;color:#456773}.saas-icon-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:#e1f6f6;color:#008d98;width:43px;height:46px;flex-shrink:0}.saas-icon-tile .mk-icon{font-size:25px;width:27px;height:27px}.saas-icon-tile.green{background:#e3f8ea;color:#0ba077}.saas-icon-tile.amber{background:#fff4df;color:#e39d16}.saas-icon-tile.violet{background:#f0eaff;color:#8151e6}.saas-icon-tile.orange{background:#fff0dc;color:#ee9200}.saas-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.saas-kpis article{display:flex;align-items:flex-start;gap:13px;background:white;border:1px solid var(--saas-line);border-radius:13px;padding:15px 14px;min-height:101px;min-width:0}.saas-kpis h2{font-size:11px;font-weight:550;white-space:normal;margin:0 0 3px}.saas-kpis b{font-size:23px;line-height:1.35;letter-spacing:-.5px}.saas-kpis small{font-size:9px;margin-top:4px;line-height:1.4}.saas-kpis .saas-icon-tile{width:40px;height:43px}.saas-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.saas-primary,.saas-secondary,.saas-client-primary,.saas-client-secondary{display:flex;flex-direction:column;gap:14px;min-width:0}.saas-app .mk-panel{border:1px solid var(--saas-line);border-radius:13px;background:white;padding:16px;min-width:0;box-shadow:0 3px 16px #345f6e03}.saas-app .mk-panel h2{font-size:14px;font-weight:650}.saas-app .mk-panel h3{font-size:12px;font-weight:600}.saas-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.saas-panel-heading a:not(.mk-button){font-size:10px;color:#008486;font-weight:600}.saas-charts-row{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(230px,1fr);gap:14px}.saas-chart-panel,.saas-distribution{min-height:225px}.saas-panel-heading select{border:1px solid #dfebf1;border-radius:7px;font-size:10px;padding:6px;color:#52677a;background:white}.saas-chart-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:10px;color:#7d8ea0;margin:7px 0}.saas-chart-legend i{display:inline-block;width:16px;height:8px;border-radius:3px;margin-right:5px;background:#23ae95}.saas-chart-legend i.blue{background:#479df1}.saas-chart-legend i.amber{background:#ffbb71}.saas-chart{height:155px}.saas-chart svg{width:100%;height:100%;overflow:visible}.saas-chart text{font:10px 'Segoe UI',sans-serif;fill:#728699}.saas-chart-data{font-size:10px;color:#6d8396;margin-top:5px}.saas-chart-data p{margin:10px 0;max-width:580px}.saas-donut-wrap{display:flex;align-items:center;justify-content:space-around;gap:15px;min-height:176px}.saas-donut{width:122px;height:122px;border-radius:50%;background:conic-gradient(var(--saas-stops));position:relative;flex-shrink:0}.saas-donut:before{content:'';position:absolute;inset:24px;background:white;border-radius:50%}.saas-donut>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.saas-donut b{font-size:24px;line-height:1.2}.saas-donut small{font-size:10px}.saas-distribution ul{list-style:none;padding:0;margin:0}.saas-distribution li{display:flex;gap:7px;font-size:10px;margin:10px 0}.saas-distribution li i{width:9px;height:9px;border-radius:50%;margin-top:3px}.saas-distribution li small{font-size:9px}.saas-tabs{display:flex;gap:15px;border-bottom:1px solid var(--saas-line);overflow:auto;white-space:nowrap;margin-bottom:9px}.saas-tabs button{border:0;border-bottom:3px solid transparent;padding:0 5px 11px;background:none;color:#7a8da2;font-size:11px}.saas-tabs button[aria-selected=true]{color:#008489;border-bottom-color:#008489;font-weight:650}.saas-table-scroll{overflow:auto;max-height:410px;scrollbar-gutter:stable}.saas-app table{border-collapse:separate;border-spacing:0;width:100%;font-size:11px;white-space:normal}.saas-app th{font-size:9px;text-transform:uppercase;letter-spacing:.15px;background:#f2f7fa;color:#61788e;text-align:left;font-weight:550;padding:10px 11px;position:sticky;top:0;z-index:1;white-space:nowrap}.saas-app td{padding:10px 11px;border-bottom:1px solid #edf3f6;vertical-align:middle}.saas-app tbody tr:last-child td{border-bottom:0}.saas-app td a:not(.mk-button){color:#006f79}.saas-client-name{display:flex;align-items:center;gap:9px;min-width:175px}.saas-client-name strong{font-size:11px}.saas-client-name small{font-size:9px}.saas-badge{display:inline-block;font-size:10px;font-weight:600;border-radius:6px;padding:3px 8px;background:#f1f5f7;color:#728295;white-space:nowrap}.state-activo{color:#00895e;background:#e3f8eb}.state-demo{color:#1784cb;background:#e6f3ff}.state-suspendido{color:#a66e0c;background:#fff1d5}.state-cancelado{color:#9b6371;background:#f6e9ed}.saas-hint{font-size:10px;line-height:1.55;color:#7a8d9f;margin:10px 0}.saas-upcoming{display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf3f6;padding:12px 0}.saas-upcoming:last-child{border:0}.saas-upcoming strong{display:block;font-size:11px}.saas-upcoming small{font-size:9px}.saas-upcoming time{font-size:9px;margin-left:auto;white-space:nowrap;color:#60768a}.saas-upcoming .saas-icon-tile,.saas-activity .saas-icon-tile{width:34px;height:36px}.saas-upcoming .mk-icon,.saas-activity .mk-icon{font-size:20px;width:20px;height:20px}.saas-activity{display:flex;align-items:start;gap:10px;padding:13px 0;border-bottom:1px solid #edf3f6}.saas-activity:last-child{border:0}.saas-activity strong{display:block;font-size:10px}.saas-activity small{font-size:9px;line-height:1.45;margin:2px 0}.saas-activity>b{font-size:11px;white-space:nowrap;margin-left:auto}.saas-quick{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:13px}.saas-quick a{display:flex;gap:11px;align-items:center;padding:11px;background:white;border:1px solid var(--saas-line);border-radius:11px;font-size:11px;color:#006f79}.saas-quick small{font-size:9px;margin-top:4px}.saas-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;min-height:155px;color:#7a91a0;font-size:12px;text-align:center}.saas-empty-text{padding:20px 0;color:#79909f;font-size:11px}.saas-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0 21px}.saas-page-heading h1{font-size:28px;margin:4px 0}.saas-page-heading p:not(.mk-eyebrow){color:#718ba0;font-size:12px}.saas-filters{display:flex;align-items:end;gap:14px;margin-bottom:18px;flex-wrap:wrap}.saas-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#73899a;min-width:160px}.saas-filters label:first-child{flex:1}.saas-filters input,.saas-filters select,.saas-form-panel input{border:1px solid #dbe8ef;background:white;border-radius:8px;color:#254355;padding:11px 12px;font-size:12px;min-width:0;width:100%}.saas-pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#71899b;padding-top:16px;border-top:1px solid var(--saas-line);margin-top:15px}.saas-pagination a{display:inline-block;margin-left:15px;color:#007b81}.saas-back{font-size:11px;color:#688397;display:inline-block;margin:3px 0 13px}.saas-client-header{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.saas-client-header .saas-client-mark{display:flex;align-items:center;justify-content:center;width:150px;height:99px;border-radius:10px;background:linear-gradient(130deg,#e6f6f6,#d2e9ec);flex-shrink:0}.saas-client-mark .mk-avatar{width:72px;height:72px;font-size:26px;border:0}.saas-client-title{flex:1;min-width:245px}.saas-client-title h1{font-size:28px;line-height:1.3;margin-bottom:6px}.saas-client-title h1 .saas-badge{vertical-align:middle;margin-left:10px;font-size:10px}.saas-client-title p{display:flex;align-items:center;gap:10px;font-size:11px;color:#58778e;margin:5px 0;flex-wrap:wrap}.saas-client-title p .mk-icon{width:17px;height:17px;font-size:17px}.saas-client-title small{font-size:10px}.saas-contact{padding:12px 16px;background:#f1fafa;border:1px solid #e2eff3;border-radius:8px;min-width:220px}.saas-contact>small{margin-bottom:5px}.saas-contact>span{display:flex;align-items:center;gap:8px;color:#446c81;font-size:11px;line-height:1.9}.saas-contact .mk-icon{font-size:16px;width:16px;height:16px}.saas-client-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.saas-client-tabs{display:flex;overflow:auto;gap:15px;padding:9px 18px;margin:14px 0;background:white;border:1px solid var(--saas-line);border-radius:11px;white-space:nowrap;scrollbar-width:thin}.saas-client-tabs a{font-size:11px;display:inline-flex;gap:8px;align-items:center;padding:9px 5px 12px;border-bottom:3px solid transparent;color:#607e93}.saas-client-tabs .mk-icon{font-size:19px;width:19px;height:19px}.saas-client-tabs a.is-active{color:#00858b;border-color:#00858b;font-weight:650}.saas-client-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(290px,1fr);gap:15px}.saas-panel-title{display:flex;align-items:center;gap:12px;margin-bottom:15px}.saas-panel-title>.mk-icon{width:29px;height:29px;font-size:29px;color:#00898e}.saas-panel-title p{font-size:11px;color:#7890a1;margin-top:2px}.saas-contract-metadata{display:flex;justify-content:space-between;gap:15px;padding:16px;background:#f6fbfd;border:1px solid #e5eff4;border-radius:9px;flex-wrap:wrap}.saas-contract-metadata strong{font-size:13px;display:block;margin-top:5px}.saas-contract-actions{display:flex;gap:11px;margin:14px 0;flex-wrap:wrap}.saas-contract h3{margin-top:23px}.saas-conditions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px 15px;font-size:11px;margin:15px 0}.saas-conditions dt{color:#758ca1}.saas-conditions dd{margin:0;font-weight:550}.saas-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0 25px}.saas-summary-grid dt{font-size:10px;color:#7c91a2}.saas-summary-grid dd{margin:5px 0 0;font-size:12px}.saas-technical-links{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.saas-technical-links a{padding:15px;display:flex;align-items:center;gap:10px;background:#f4fafb;border-radius:9px;color:#067a80;font-size:12px}.saas-form-panel{max-width:780px}.saas-form-panel label{display:block;color:#607f92;font-size:12px;margin-bottom:18px}.saas-form-panel input{display:block;margin-top:7px}.saas-form-panel .errorlist{color:#bc3951;font-size:11px}.saas-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.saas-feedback{padding:12px 16px;background:#e8f8ef;color:#227952;border:1px solid #cfeada;border-radius:10px;font-size:12px;margin-bottom:14px}.saas-feedback.is-error{color:#ae3854;background:#fff0f2;border-color:#efcdd6}.saas-report-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:15px}.saas-report-kpis b{display:block;font-size:25px;margin:12px 0}.saas-report-kpis p{font-size:11px;color:#7b8f9f}
@media(min-width:1700px){.saas-hero{min-height:185px}.saas-kpis article{min-height:110px}.saas-chart{height:185px}.saas-dashboard-grid{grid-template-columns:minmax(0,1fr) 340px}}
@media(max-width:1350px){.saas-sidebar{width:210px}.saas-sidebar .mk-brand img{width:166px}.saas-main{padding-left:18px;padding-right:18px}
.saas-kpis article{padding:13px 10px;gap:8px}.saas-kpis b{font-size:20px}.saas-kpis .saas-icon-tile{width:32px;height:37px}.saas-dashboard-grid{grid-template-columns:minmax(0,1fr) 275px}.saas-charts-row{grid-template-columns:1fr}.saas-distribution .saas-donut-wrap{min-height:140px}.saas-client-header{gap:13px}.saas-client-header .saas-client-mark{width:110px}.saas-client-title h1{font-size:24px}.saas-contact{min-width:190px}.saas-client-actions{width:100%;justify-content:flex-end}}
@media(max-width:1050px){.saas-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-dashboard-grid{grid-template-columns:minmax(0,1fr)}.saas-charts-row{grid-template-columns:minmax(0,1.5fr) minmax(230px,1fr)}.saas-secondary{display:grid;grid-template-columns:1fr 1fr}.saas-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.saas-hero{padding:24px;min-height:175px}.saas-hero h1{font-size:27px}.saas-hero aside{min-width:0;max-width:200px;padding:13px}.saas-hero aside .saas-icon-tile{display:none}.saas-client-grid{grid-template-columns:1fr}.saas-client-secondary{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:760px){.saas-sidebar{width:228px}.saas-main{padding:8px 12px 18px}







.saas-hero{padding:20px;min-height:190px;align-items:flex-start}.saas-hero h1{font-size:27px}.saas-hero h2{font-size:12px}.saas-hero p:not(.mk-eyebrow){font-size:11px;max-width:220px}.saas-hero aside{display:none}.saas-hero:before{background:linear-gradient(90deg,#d5f0f1f7,#ddf2f0db 60%,#deece977)}.saas-hero>img{object-position:68% center}.saas-photo-note{font-size:7px;max-width:190px;text-align:right}.saas-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.saas-kpis article{min-height:102px;padding:13px 10px}.saas-kpis h2{font-size:10px}.saas-kpis b{font-size:21px}.saas-kpis article:last-child{grid-column:1/-1;min-height:86px}.saas-charts-row,.saas-secondary,.saas-client-secondary,.saas-report-kpis{grid-template-columns:1fr}.saas-quick{grid-template-columns:1fr 1fr}.saas-quick a{padding:10px;font-size:10px}.saas-quick .saas-icon-tile{width:32px;height:35px}.saas-quick small{font-size:9px}.saas-app th{font-size:9px}.saas-app td{font-size:10px}.saas-client-header .saas-client-mark{width:72px;height:72px}.saas-client-mark .mk-avatar{width:54px;height:54px;font-size:21px}.saas-client-title{min-width:200px;flex-basis:200px}.saas-client-title h1{font-size:23px}.saas-contact{width:100%;min-width:0}.saas-client-actions{justify-content:flex-start}.saas-client-actions .mk-button{font-size:11px;padding:10px}.saas-client-tabs{padding:5px 12px;gap:12px}.saas-client-tabs a{font-size:11px}.saas-contract-metadata{display:grid;grid-template-columns:1fr 1fr;gap:18px}.saas-contract-actions .mk-button{font-size:10px;padding:9px}.saas-summary-grid,.saas-technical-links{grid-template-columns:1fr}.saas-page-heading h1{font-size:25px}.saas-page-heading{align-items:flex-start;flex-wrap:wrap}.saas-filters{gap:10px}.saas-filters label{flex:1;min-width:130px}.saas-filters label:first-child{flex-basis:100%}.saas-filters button{padding:11px 15px}.saas-pagination{font-size:10px}.saas-report-kpis b{font-size:23px}.saas-desktop{display:none}}
.saas-table-scroll{position:relative}
/* The sidebar is fixed: this shell needs normal block sizing, not a zero-basis
   flex item whose intrinsic table width can distort full-page/mobile layout. */
.saas-app{display:block;width:100%;min-width:0}

.saas-main{width:100%;min-width:0}
.saas-table-scroll{width:100%;max-width:100%;min-width:0}
.saas-client-listing .saas-filters{display:grid;grid-template-columns:minmax(0,1fr) 160px 160px auto}
.saas-client-listing .saas-filters label{min-width:0}
.saas-client-listing .saas-table-scroll table{min-width:620px}
.saas-context-help{font-size:11px;color:#617d91;line-height:1.55;margin:10px 0}
.saas-context-help summary{cursor:pointer;color:#007d82;font-weight:600}
.saas-context-help p{margin:8px 0;max-width:65ch}
.saas-client-listing .saas-table-help{display:none}
@media(max-width:1350px){}
/* Match the shared shell's drawer breakpoint (800px), including 768px tablets. */
@media(max-width:800px){}
@media(max-width:1050px){.saas-client-listing .saas-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.saas-client-listing .saas-filters label:first-child{grid-column:1/-1}}
@media(max-width:760px){.saas-client-listing .saas-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.saas-client-listing .saas-filters button{justify-self:start}.saas-client-listing .saas-table-help{display:block;font-size:11px;color:#617d91;margin-bottom:8px}.saas-client-listing .saas-page-heading>div{min-width:0}.saas-demo{font-size:10px;letter-spacing:.2px}}

@media(max-width:359px){.saas-client-listing .saas-filters{grid-template-columns:minmax(0,1fr)}}

.saas-service-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.saas-service-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}