@import url('fonts.css');
/* SolarOps reference palette; loaded after existing styles to retain their layouts. */
:root,html[data-theme],body[data-theme]{--font-main:'Rubik',Arial,sans-serif;--bg:#e2eabf;--panel:#f5f5ef;--card:#fff;--text:#141414;--muted:#6a6a62;--primary:#526419;--primary-dark:#34400f;--primary-soft:#edf4cd;--line:#e5e5dc;--color-bg:#f5f5ef;--color-surface:#fff;--color-surface-muted:#f0f0e9;--color-surface-selected:#edf4cd;--color-text-primary:#141414;--color-text-secondary:#55564d;--color-text-tertiary:#73756a;--color-border:#dddfd2;--color-border-subtle:#e6e7df;--color-primary:#526419;--color-primary-hover:#34400f;--sidebar-expanded:252px;--sidebar-collapsed:86px;--radius-xl:24px;--shadow-elevation-1:none;--p-ink:#141414;--p-muted:#64675a;--p-bg:#f5f5ef;--p-line:#e2e3d9;--p-green:#566a17;--p-accent:#d4f25a;--p-deep:#141414;--ink:#141414;--paper:#f5f5ef;--lime:#d4f25a;--green:#637522;--deep:#141414}
body.solarops-app{background:#e2eabf!important;font-family:var(--font-main)}
.solarops-app .app-shell{background:#141414!important;min-height:100dvh;padding:10px!important}
.solarops-app .sidebar{background:#141414!important;border:0!important;top:10px!important;bottom:10px!important;height:calc(100dvh - 20px)!important}
.solarops-app .main{border-radius:28px!important;height:calc(100dvh - 20px)!important;background:#f5f5ef!important}
.solarops-app .topbar{background:#f5f5ef!important;height:84px!important;min-height:84px!important;flex-basis:84px!important;border:0!important;flex-wrap:nowrap}
.solarops-app .main-scroll{padding:20px 28px 36px!important}
.solarops-app .nav-item{border-radius:999px!important;margin:3px 8px!important;font-weight:400!important}
.solarops-app .nav-item.active{background:#d4f25a!important;color:#141414!important;font-weight:600!important}
.solarops-app .nav-item.active .nav-icon,.solarops-app .nav-item.active .nav-text{color:#141414!important}
.solarops-app .brand-mark{background:#d4f25a!important;color:#141414!important;border-radius:50%!important}
.solarops-app .brand-text small{color:#a6a79a!important}
.solarops-app .user-avatar{background:#c3b3fa!important}
.solarops-app .btn,.solarops-app .quick-create{border-radius:999px!important}
.solarops-app .btn.primary,.solarops-app .quick-create{background:#141414!important;color:#fff!important;border-color:#141414!important}
.solarops-app .top-search{background:#fff!important;min-width:120px!important}
.solarops-app .topbar-actions .status-pill{display:none}
.solarops-app .card,.solarops-app .stat-card{border-radius:24px!important;box-shadow:none!important}
.ops-eyebrow{color:#62674e;font-size:12px;letter-spacing:.04em}
.ops-welcome{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}
.ops-welcome h2{font-size:32px;font-weight:500;margin:8px 0}.ops-welcome p{color:#6a6a62;margin:0}
.ops-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0}
.ops-kpi{background:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;gap:12px;color:#141414}
.ops-kpi:nth-child(1){background:#d4f25a}.ops-kpi:nth-child(2){background:#c3b3fa}.ops-kpi:nth-child(3){background:#ffd56e}.ops-kpi:nth-child(4){background:#a9d6f5}
.ops-kpi strong{font-size:38px;font-weight:500;line-height:1}.ops-kpi small{color:#42473b}
.ops-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.ops-panel{background:#fff;border-radius:24px;padding:24px;margin-bottom:18px}
.ops-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.ops-panel-head h2{font-size:18px;margin:0}.ops-panel-head a{font-size:13px;text-decoration:underline}
.ops-task-row{display:flex;align-items:center;gap:14px;border-top:1px solid #ebebe5;padding:16px 0;color:#141414}.ops-task-row>div{flex:1;min-width:0}.ops-task-row b{display:block;font-weight:500}.ops-task-row small{color:#73756a}.ops-task-dot{width:12px;height:12px;background:#d4f25a;border-radius:50%;flex:none}.ops-task-dot.late{background:#ffa27e}.ops-tag{border-radius:999px;background:#efefea;padding:6px 10px;font-size:12px;white-space:nowrap}.ops-tag.client{background:#a9d6f5}.ops-tag.supplier{background:#ffd56e}.ops-tag.iec{background:#c3b3fa}
.ops-stage-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ebebe5;gap:12px}.ops-stage-row b{min-width:30px;text-align:center;border-radius:999px;background:#edf4cd}
.ops-empty{color:#6a6a62;padding:24px 0;line-height:1.8}.ops-actions{display:flex;gap:8px;flex-wrap:wrap}.ops-actions a{background:#f0f0e9;border-radius:999px;padding:10px 16px;color:#141414;font-size:13px}
.ops-preview-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:#ffd56e;color:#141414;border-radius:18px;padding:12px 16px;margin:0 0 18px;font:14px 'Rubik',Arial,sans-serif}.ops-preview-banner form{margin:0;margin-inline-start:auto}.ops-preview-banner button{background:#141414;color:#fff;border:0;border-radius:999px;padding:10px 16px;cursor:pointer}.ops-preview-banner a{color:#141414;text-decoration:underline}.ops-view-picker{max-width:800px}.ops-view-picker form{display:grid;gap:16px}.ops-view-picker select{width:100%;padding:14px;border:1px solid #ddd;border-radius:14px}.ops-view-picker p{line-height:1.8}
.ops-mobile-nav{display:none}
.portal-body{font-family:'Rubik',Arial,sans-serif;background:#f5f5ef}.portal-hero{background:#141414}.portal-health{background:#d4f25a;color:#141414}.portal-health span{color:#42473b}.portal-stat{border:0;border-radius:24px}.portal-grid .portal-stat:nth-child(1){background:#d4f25a}.portal-grid .portal-stat:nth-child(2){background:#c3b3fa}.portal-grid .portal-stat:nth-child(3){background:#ffd56e}.portal-grid .portal-stat:nth-child(4){background:#a9d6f5}.portal-mark,.public-brand-mark{background:#141414!important;border-radius:50%!important}.portal-mark:after,.public-brand-mark:before{background:#d4f25a!important;width:15px;height:15px;left:50%;right:auto;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.public-brand-mark i,.public-brand-mark b{display:none}.portal-nav a.active{background:#d4f25a;border:0;border-radius:999px;padding:10px 18px}.portal-nav{align-items:center}.portal-button{border-radius:999px}.portal-card{border-radius:24px;box-shadow:none}.portal-card:nth-child(3n+1) .portal-badge{background:#c3b3fa;color:#141414}.portal-card:nth-child(3n+2) .portal-badge{background:#a9d6f5;color:#141414}.portal-progress i{background:#d4f25a}.portal-topbar{background:#f5f5ef}
.solarops-app .field-screen{width:100%;max-width:1100px;background:#f5f5ef;border:0;box-shadow:none}.solarops-app .field-shell{display:block}.solarops-app .field-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.solarops-app .field-card{border:0;border-radius:24px;background:#fff}.solarops-app .field-header{background:#141414;color:#fff;border-radius:24px;padding:24px}.solarops-app .field-header p{color:#ddd}.solarops-app .field-statusbar,.solarops-app .field-bottom{display:none}.solarops-app .field-card.urgent{border-inline-start:5px solid #ffa27e}
.public-site{--font-main:'Rubik',Arial,sans-serif}.public-site .public-btn{box-shadow:none}.public-site .public-header.scrolled{background:#f5f5ef}.public-site .public-nav a.active{background:#d4f25a;border-radius:999px;padding:10px 16px}.public-site .public-nav a:after{display:none}
@media(min-width:1100px){.portal-body{padding-inline-start:252px}.portal-topbar{position:fixed;inset:0 auto 0 0;right:0;left:auto;width:252px;background:#141414;color:#fff;border:0}.portal-topbar-inner{width:100%;height:100%;padding:30px 20px;flex-direction:column;align-items:stretch;gap:30px}.portal-brand small,.portal-user small{color:#aaa}.portal-mark{background:#d4f25a!important}.portal-mark:after{background:#141414!important}.portal-nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:0}.portal-nav a{padding:12px 18px;color:#eee;border:0}.portal-nav a.active{color:#141414}.portal-user{margin-top:auto;flex-wrap:wrap}.portal-user>span{text-align:right}.portal-container{width:min(1160px,calc(100% - 56px))}.portal-topbar .portal-container{width:100%}}
@media(max-width:1200px){.solarops-app .topbar-actions{display:none}.solarops-app .topbar{padding-inline:18px!important;gap:10px!important}}
@media(max-width:980px){.solarops-app .app-shell{padding:0!important}.solarops-app .main{height:100dvh!important;border-radius:0!important;margin-right:0!important}.solarops-app .sidebar{top:0!important;bottom:0!important;height:100dvh!important;z-index:400!important}.solarops-app .main-scroll{padding:16px 16px 100px!important}.solarops-app .topbar{height:70px!important;min-height:70px!important;flex-basis:70px!important}.solarops-app .top-search{display:none!important}.solarops-app .user-menu{margin-inline-start:auto!important}.ops-mobile-nav{display:flex;position:fixed;bottom:12px;inset-inline:16px;z-index:200;align-items:center;justify-content:space-around;gap:8px;background:#141414;color:#fff;border-radius:999px;padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom));box-shadow:0 8px 28px #0002}.ops-mobile-nav a,.ops-mobile-nav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:0;color:#fff;font-size:20px;padding:2px 10px;min-height:44px;cursor:pointer}.ops-mobile-nav span{font-size:11px}.ops-mobile-nav .active{color:#d4f25a}.ops-columns{grid-template-columns:1fr}.ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-main{padding-bottom:110px}.portal-nav{display:none}.ops-preview-banner{font-size:12px}}
@media(max-width:600px){.ops-welcome{align-items:flex-start}.ops-welcome h2{font-size:27px}.ops-welcome p{font-size:13px}.ops-welcome>.btn{display:none}.ops-kpi{padding:18px;border-radius:22px}.ops-kpi strong{font-size:32px}.ops-panel{padding:18px}.ops-task-row{align-items:flex-start;flex-wrap:wrap}.ops-task-row>.ops-tag{margin-inline-start:26px}.ops-task-row>div{min-width:75%}.solarops-app .field-body{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr 1fr}.portal-stat{padding:18px}.portal-stat strong{font-size:24px}.portal-hero h2{font-size:27px}.portal-card-grid{grid-template-columns:1fr}.solarops-app .user-meta{display:none!important}.ops-preview-banner form{margin-inline-start:0}.portal-user>a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
:focus-visible{outline:3px solid #785bbd!important;outline-offset:3px}
/* The legacy bundle contains unconditional dark !important rules. Scope their
   replacement to the staff application so public pages and login keep contrast. */
body.solarops-app{--font-family:'Rubik',Arial,sans-serif;--font-numbers:'Rubik',Arial,sans-serif;--bg:#f5f5ef!important;--surface:#fff!important;--card:#fff!important;--card-2:#f0f0e9!important;--text:#141414!important;--text-soft:#55564d!important;--muted:#64675a!important;--line:#dddfd2!important;--primary:#526419!important;--primary-dark:#34400f!important;--primary-soft:#edf4cd!important;color:#141414!important;color-scheme:light!important}
.solarops-app .main,.solarops-app .main-scroll,.solarops-app .app-shell,.solarops-app .ops-panel,.solarops-app .ops-welcome{color:#141414!important}
.solarops-app h1,.solarops-app h2,.solarops-app h3,.solarops-app h4{color:#141414!important}
.solarops-app .sidebar .brand-text b,.solarops-app .field-header h2{color:#fff!important}
.solarops-app .card,.solarops-app .stat-card,.solarops-app .panel,.solarops-app .task-edit-section,.solarops-app .document-card,.solarops-app .special-field-card{background:#fff!important;color:#141414!important;border-color:#e2e3d9!important}
.solarops-app input,.solarops-app textarea,.solarops-app select{color:#141414!important;background:#fff!important;border-color:#d9dbd0!important;color-scheme:light}
.solarops-app .ops-panel-head a{color:#526419!important}
.solarops-app .field-shell{max-width:1100px;padding:0;background:transparent;box-shadow:none}
.solarops-app .field-screen{height:auto;min-height:0;overflow:visible}
.solarops-app .field-body{overflow:visible;align-items:start}
.solarops-app .user-menu{width:auto!important}
.ops-preview-banner{position:sticky;top:0;z-index:30}
.public-site .hero-premium{background:#e2eabf}
.public-site .hero-image-frame{border-radius:32px}
.public-site .hero-live-card,.public-site .operation-console,.public-site .final-cta{background:#141414;color:#fff;border-radius:28px}
.public-site .service-card{border-radius:24px}
.ops-calculator{background:#141414;color:#fff;border-radius:28px;padding:28px;display:grid;gap:16px;align-self:center;min-width:0}
.ops-calculator>span{font-size:13px;color:#c0c1b8}.ops-calculator h2{color:#fff!important;font-size:24px!important;line-height:1.35;margin:0!important}.ops-bill{font-size:44px;font-weight:500}.ops-calculator>label{font-size:12px;color:#ddd}.ops-calculator input[type=range]{width:100%;accent-color:#d4f25a;min-height:30px;padding:0;background:transparent}.ops-calc-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ops-calc-results>div{background:#2b2b2b;border-radius:18px;padding:16px 12px;display:grid;gap:8px}.ops-calc-results>div:first-child{background:#d4f25a;color:#141414}.ops-calc-results>div:nth-child(2){background:#c3b3fa;color:#141414}.ops-calc-results strong{font-size:24px;font-weight:500;white-space:nowrap}.ops-calc-results span{font-size:11px}.ops-calculator p{font-size:12px;line-height:1.7;color:#c0c1b8;margin:0}.ops-calculator summary{cursor:pointer;font-size:12px}.ops-calc-assumptions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:16px}.ops-calc-assumptions label{font-size:12px;display:grid;gap:5px}.ops-calc-assumptions input{min-width:0;width:100%;padding:8px;background:#fff;color:#141414;border:0;border-radius:8px}.public-site .hero-grid{align-items:center}.public-site .hero-copy h1{font-size:clamp(36px,4vw,62px)}
@media(max-width:600px){.ops-calculator{padding:22px}.ops-calc-results{gap:7px}.ops-calc-results>div{padding:14px 8px}.ops-calc-results strong{font-size:21px}.ops-calculator h2{font-size:22px!important}}