.energy-workspace:has(.ec-summary){background:#f4f7fb;color:#10213c}
.energy-workspace .energy-client-monitor.full-prototype{width:100%;max-width:none;padding:0 20px 24px;box-sizing:border-box;background:#fff}
.energy-workspace .energy-client-monitor-head{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:12px!important;background:linear-gradient(110deg,#0861b6,#0876d1);color:white;padding:20px 24px!important;margin:0 -20px 20px!important;border-radius:10px 10px 0 0}
.energy-workspace .energy-client-monitor-head h3{color:white!important;font-size:25px!important;margin:0!important}
.energy-workspace .energy-client-monitor-head>div>small,.energy-workspace .energy-client-monitor-head p{display:none!important}
.energy-workspace .energy-client-head-actions{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-left:auto}
.energy-workspace .energy-client-head-actions button{font-size:12px!important;min-height:34px!important}
.energy-workspace .energy-client-head-actions>.status{display:none}
.energy-workspace .energy-top-nav{background:#fff;border-bottom:1px solid #dbe5f1;padding:10px 20px}
.energy-workspace .energy-top-nav button{font-size:15px!important;padding:12px 20px!important;border-radius:0!important;color:#53627f!important;background:transparent!important}
.energy-workspace .energy-top-nav button.active{color:#075fc6!important;border-bottom:3px solid #0865ce!important}
.ec-summary-wrap{margin:16px 0}
.ec-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.energy-workspace .ec-summary .ec-kpi{display:flex!important;align-items:center;gap:22px;padding:20px 26px!important;border:1px solid!important;border-radius:10px!important;text-align:left;min-height:112px!important;background:var(--ec-bg)!important;color:var(--ec-text)!important;box-shadow:none}
.ec-complete{--ec-color:#14a64a;--ec-bg:#eaf8ef;--ec-text:#11662e;--ec-border:#c7ecd4}
.ec-pending{--ec-color:#ffbf00;--ec-bg:#fff8e6;--ec-text:#965600;--ec-border:#ffe5a0}
.ec-error{--ec-color:#ff4248;--ec-bg:#fff0f1;--ec-text:#ae101e;--ec-border:#ffd0d4}
.ec-unknown{--ec-color:#86909e;--ec-bg:#f0f2f5;--ec-text:#536176;--ec-border:#dce1e7}
.energy-workspace .ec-summary .ec-kpi{border-color:var(--ec-border)!important}
.ec-kpi>i{width:54px;height:54px;flex:none;display:grid;place-items:center;font-size:34px;font-style:normal;border-radius:50%;background:var(--ec-color);color:#fff}
.ec-kpi>span{display:flex;flex-direction:column;gap:0}
.ec-kpi strong{font-size:38px;line-height:1.15}.ec-kpi b{font-size:20px;font-weight:500}
.ec-kpi.selected{outline:2px solid var(--ec-color);outline-offset:2px}
.ec-summary-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#66758c;font-size:12px;margin:10px 0 0}
.energy-workspace .ec-summary-note button{border:0!important;background:transparent!important;color:#075fc6!important;font-size:12px!important;padding:2px 4px!important;min-height:24px!important}
.energy-workspace .energy-client-toolbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:16px 0!important}
.energy-workspace .energy-client-toolbar>input{width:100%!important;flex-basis:100%!important;box-sizing:border-box;height:52px!important;font-size:16px!important;border:1px solid #d5e1f1!important;border-radius:10px!important;padding:12px 18px!important}
.energy-workspace .energy-client-list.clean{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 24px!important}
.energy-workspace .energy-client-list.clean .ec-client{position:relative!important;display:block!important;min-width:0;overflow:hidden;padding:20px 18px 20px 30px!important;border:1px solid #dce6f3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 4px 12px #173c6810!important;min-height:188px!important;box-sizing:border-box}
.ec-client:before{content:'';position:absolute;inset:0 auto 0 0;width:10px;background:var(--ec-color)}
.energy-workspace .ec-client>header{display:block!important;padding:0!important;border:0!important;margin-bottom:12px!important}
.energy-workspace .ec-client>header b{font-size:17px!important;font-weight:750!important;line-height:1.3!important;color:#0c1936!important;overflow-wrap:anywhere}
.energy-workspace .ec-client>header small{display:block!important;font-size:13px!important;color:#667a9a!important;margin-top:6px!important}
.ec-status-line{display:flex;align-items:flex-start;flex-direction:column;gap:4px;margin:12px 0}
.energy-workspace .ec-badge{display:inline-flex;align-items:center;gap:9px;border-radius:20px;padding:6px 13px;background:var(--ec-bg);color:var(--ec-text);font-size:14px;font-weight:700;line-height:1.2}
.ec-badge>i{width:13px;height:13px;border-radius:50%;background:var(--ec-color);flex:none}
.ec-failure-reason{color:#ae101e;font-size:13px;padding-left:13px}
.ec-card-bottom{display:flex;gap:10px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}
.ec-collection-info{min-width:0;flex:1 1 260px;color:#596f94;font-size:13px}
.ec-collection-info p{margin:7px 0!important;line-height:1.35;overflow-wrap:anywhere}
.ec-collection-info p>span{margin-right:9px;color:#6b7f9f}
.ec-collection-info>small{font-size:11px}
.energy-workspace .ec-client .energy-card-actions{display:flex!important;gap:10px!important;align-items:flex-start;flex-wrap:wrap;min-width:0}
.energy-workspace .ec-client .energy-card-actions button{min-height:42px!important;padding:10px 15px!important;font-size:13px!important;font-weight:650!important;background:#0968d2!important;border:1px solid #0968d2!important;color:white!important;border-radius:7px!important;white-space:normal!important}
.energy-workspace .ec-client .energy-card-actions .ec-open{background:white!important;color:#0868d2!important;border-color:#478dff!important}
.energy-workspace .ec-client button:disabled{opacity:.55!important;cursor:not-allowed}
.ec-client .energy-client-expanded{margin-top:18px;border-top:1px solid #e0e8f2;padding-top:12px}
.ec-client .energy-client-expanded .energy-client-update{font-size:12px!important}
.ec-client .energisa-client-tabs{display:flex;flex-wrap:wrap;gap:5px}
.ec-payment-detail{font-size:12px;color:#536176}
@media(min-width:1600px){.ec-card-bottom{flex-wrap:nowrap}.ec-collection-info{flex-basis:230px}}
@media(max-width:900px){.ec-summary{gap:10px}.energy-workspace .ec-summary .ec-kpi{padding:15px!important;gap:12px!important}.ec-kpi strong{font-size:30px}.ec-kpi b{font-size:15px}.ec-kpi>i{width:42px;height:42px;font-size:28px}.energy-workspace .energy-client-list.clean{grid-template-columns:1fr!important}.energy-workspace .energy-client-monitor-head h3{font-size:22px!important}}
@media(max-width:520px){.energy-workspace .energy-client-monitor.full-prototype{padding:0 10px 18px}.energy-workspace .energy-client-monitor-head{margin:0 -10px 14px!important;padding:16px!important}.energy-workspace .energy-client-monitor-head h3{font-size:20px!important}.energy-workspace .energy-client-head-actions{margin-left:0}.ec-summary{gap:7px}.energy-workspace .ec-summary .ec-kpi{padding:10px 7px!important;gap:6px!important;flex-direction:column;align-items:flex-start;min-height:112px!important}.ec-kpi>i{width:27px;height:27px;font-size:21px}.ec-kpi strong{font-size:26px}.ec-kpi b{font-size:12px}.energy-workspace .ec-client>header b{font-size:16px!important}.energy-workspace .energy-client-list.clean .ec-client{padding:16px 13px 16px 24px!important}.ec-collection-info{flex-basis:100%}.energy-workspace .ec-client .energy-card-actions{width:100%}.energy-workspace .ec-client .energy-card-actions button{font-size:12px!important;padding:9px 12px!important}.ec-card-bottom{gap:8px}.ec-summary-note{gap:6px}}
.shell:has(.ec-summary)>aside:not(.mobile-open){display:none!important}
.shell:has(.ec-summary){display:block!important}
.shell:has(.ec-summary)>.content{width:100%!important;margin-left:0!important;box-sizing:border-box}
.shell:has(.ec-summary)>.mobile-topbar{display:flex!important;align-items:center;justify-content:space-between;padding:8px 18px;background:#fff;border-bottom:1px solid #dce6f3}
.shell:has(.ec-summary)>.mobile-topbar .menu-button{display:flex!important}
.energy-workspace .energy-client-monitor-head h3{display:block!important}
.energy-workspace .energy-client-head-actions .energy-session-mode{display:block!important}
.energy-workspace .energy-client-head-actions .energy-session-mode small{display:none!important}
.energy-workspace .energy-client-head-actions button{background:white!important;color:#0968c6!important;border-color:#bedaff!important}
.energy-workspace .ec-collection-info{flex-basis:225px}
.energy-workspace .energy-client-head-actions>button.primary{background:#fff!important;color:#0968c6!important;border:1px solid #bedaff!important}
@media(max-width:520px){.energy-workspace .energy-client-head-actions{width:100%!important;min-width:0!important;gap:8px!important}.energy-workspace .energy-client-head-actions .energy-session-mode{flex:1 1 100%!important;width:100%!important;min-width:0!important}.energy-workspace .energy-session-mode>div{display:flex!important;width:100%!important;box-sizing:border-box}.energy-workspace .energy-session-mode>div>button{flex:1!important}.energy-workspace .energy-client-head-actions>button{flex:1 1 110px!important;min-width:0!important}}