/* Global Energy 2.0 — shared visual language based on the approved reference. */
:root{--brand:#078561;--brand-dark:#05654d;--brand-soft:#e6f6ee;--ink:#142b46;--muted:#60728b;--line:#e2eaf3;--canvas:#f2f6fc;--shadow:0 4px 18px rgba(24,54,90,.045)}
body{background:var(--canvas);color:var(--ink);font-family:Arial,"Segoe UI",sans-serif}
.v2-app{grid-template-columns:238px minmax(0,1fr);max-width:none;margin:0;min-height:100dvh}
.v2-app .sidebar{display:flex;position:sticky;top:0;width:auto;height:100dvh;padding:22px 14px;border:0;background:#0e2136;color:#fff;overflow-y:auto;isolation:isolate}
.sidebar .brand{display:flex;align-items:center;gap:9px;min-height:64px;padding:0 6px 18px;border:0;text-decoration:none;color:white;justify-content:flex-start}
.sidebar .brand img{width:57px;height:57px;object-fit:contain;transform:none;background:white;border-radius:12px}
.reference-brand-text{font-size:12px;line-height:1.5;letter-spacing:.02em}.reference-brand-text strong{display:block;font-size:13px;max-width:130px;line-height:1.4}
.sidebar .main-nav{display:grid;grid-template-columns:1fr;gap:7px;padding-top:16px}
.sidebar .nav-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;min-height:47px;padding:11px 12px;border-radius:7px;color:#dce6f3;background:transparent;font-size:14px;font-weight:500;white-space:normal;line-height:1.35}
.sidebar .nav-item:hover{background:#20374e;color:#fff}.sidebar .nav-item.active{background:linear-gradient(110deg,#087e5e,#146f67);color:#fff;box-shadow:0 4px 12px #001d2c33}.sidebar .nav-item.active::before{display:none}
.sidebar-spacer{min-height:26px}.reference-sidebar-photo{flex:0 0 210px;position:relative;margin:12px -14px -22px;background:linear-gradient(#0e2136 0%,#0e213670 45%,#0e2136b8),url('/login-photo.jpg') 67% 45%/auto 100%;opacity:.9}.reference-sidebar-photo span{position:absolute;left:24px;bottom:25px;font-size:12px;line-height:1.65;letter-spacing:.1em;color:#dbe5ed}
.reference-topbar{height:78px;display:flex;align-items:center;gap:18px;padding:12px 28px;background:#ffffffed;border-bottom:1px solid var(--line);position:relative;z-index:30}
.reference-search{position:relative;width:min(420px,45%);margin-right:auto}.reference-search label{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid #dce6f2;border-radius:24px;background:#f5f8fd}.reference-search svg{width:18px;height:18px;flex-shrink:0;color:#778ba4}.reference-search input{width:100%;min-width:0;border:0!important;outline:0;background:transparent!important;font:inherit;font-size:14px;padding:9px 0!important;box-shadow:none!important}.reference-search:focus-within label{border-color:#16876e;box-shadow:0 0 0 3px #07856112}
.reference-search-results{position:absolute;top:calc(100% + 10px);left:0;width:min(430px,85vw);max-height:65vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:8px;background:white;box-shadow:0 16px 48px #102c4629;z-index:100}.reference-search-results a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:7px;color:var(--ink);text-decoration:none}.reference-search-results a:hover,.reference-search-results a:focus{background:#edf6f5}.reference-search-results strong,.reference-search-results small{display:block;font-size:14px}.reference-search-results small{margin-top:4px;font-size:12px;color:var(--muted)}.reference-search-results p{padding:12px;font-size:14px;line-height:1.6}
.reference-today{font-size:12px;color:var(--muted);white-space:nowrap}.reference-topbar .notification-button{height:42px;width:42px;flex-shrink:0;border:0;background:#f2f6fb;color:#596f89;border-radius:50%;cursor:pointer}.reference-topbar .notification-button svg{width:22px;height:22px}.reference-topbar .notification-button b{top:-3px;right:-2px}
.reference-user-slot .account-card{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;min-height:42px;min-width:150px;max-width:240px;padding:0;margin:0;border:0;background:transparent;gap:10px}.reference-user-slot .account-card strong{font-size:14px;overflow-wrap:anywhere}.reference-user-slot .account-card small{font-size:12px}.avatar{background:#e1f2ec;color:#07684f}.reference-menu,.reference-mobile-nav,.reference-menu-veil{display:none}
.v2-app .hero{display:flex;align-items:center;flex-wrap:wrap;gap:20px;min-height:150px;padding:26px 28px;background:linear-gradient(90deg,#f0f6ff 8%,#eff6ffe8 40%,#edf6ff45 100%),url('/login-photo.jpg') center 39%/cover;border:0;border-radius:0;margin:0;box-shadow:none;overflow:hidden}
.v2-app .hero::after,.v2-app .hero-wave{display:none}.v2-app .hero-copy{flex:1 1 350px;min-width:0;max-width:none}.v2-app .hero h1{font-size:clamp(26px,2.3vw,36px);line-height:1.2;font-weight:750;color:#102b49;letter-spacing:-.035em;overflow-wrap:anywhere}.v2-app .hero p{font-size:14px;font-weight:400;line-height:1.6;max-width:570px;color:#4c6380}.v2-app .hero-actions{align-self:center;gap:9px}.v2-app .hero-actions button{min-height:42px;font-size:14px;box-shadow:0 3px 10px #12344c0a;border-radius:7px}.v2-app .hero .primary-button{min-width:120px;background:#078561}.v2-app .hero .quiet-button{min-width:0;padding:0 14px}
.v2-app .content,.v2-app .module-content{padding:20px 24px 28px;transform:none;margin:0;max-width:none}.metric-grid,.module-metrics{gap:12px;margin-bottom:20px}.v2-app .metric-card,.v2-app .module-metric{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 14px;min-height:112px;border:1px solid #e5edf7;border-radius:10px;box-shadow:var(--shadow);background:linear-gradient(140deg,#fff,#f9fbff)}
.v2-app .metric-icon,.v2-app .module-metric>svg{width:42px;height:42px;padding:10px;border-radius:12px}.v2-app .metric-card div>span,.v2-app .module-metric>span{font-size:13px;font-weight:500;line-height:1.4}.v2-app .metric-card strong,.v2-app .module-metric strong{font-size:28px;font-weight:750;line-height:1.1;margin-top:4px}.v2-app .metric-card small,.v2-app .module-metric small{font-size:12px;line-height:1.4;color:var(--muted)}.module-spark{display:none}
.reference-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:20px}.reference-dashboard .dashboard-main,.reference-dashboard .dashboard-side{gap:20px;align-content:start}.reference-section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}.reference-section-label h2{margin:0;font-size:18px}.reference-section-label>span{font-size:12px;color:var(--muted)}.reference-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reference-tiles>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:120px;padding:16px 8px;border:1px solid #e3ebf5;border-radius:10px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:var(--shadow);color:var(--ink);text-align:center;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}.reference-tiles>a:hover{transform:translateY(-3px);border-color:#92beae;box-shadow:0 8px 18px #17374912}.reference-tiles svg{width:27px;height:27px;color:#2379da;stroke-width:1.8}.reference-tiles strong{font-size:14px;font-weight:600;line-height:1.35}.reference-tiles small{font-size:12px;color:var(--muted);line-height:1.35}.reference-tiles a[href*='finance'] svg{color:#12865c}
.v2-app .panel,.v2-app .module-panel{border-color:var(--line);border-radius:12px;box-shadow:var(--shadow);background:#fff}.v2-app .section-heading{padding:16px;min-height:54px;gap:12px}.v2-app .section-heading h2{font-size:16px;line-height:1.35;font-weight:700}.v2-app .section-heading>div{min-width:0}.v2-app .section-heading button,.v2-app .section-heading>a{font-size:12px;color:#2372c8}.heading-icon{color:#397caf;flex-shrink:0}
.reference-dashboard .project-grid{grid-template-columns:1fr;padding:0 14px 14px;gap:12px}.reference-dashboard .project-card{border-radius:9px;cursor:pointer}.reference-dashboard .project-image{height:115px;background:linear-gradient(90deg,#eff5fb,#dfebf6);display:flex;align-items:center;justify-content:center}.reference-dashboard .project-image>svg{width:62px;height:62px;color:#7c9ab8;stroke-width:1}.reference-dashboard .project-image .status-pill{display:inline-flex;top:10px;left:auto;right:10px}.reference-dashboard .project-info{padding:14px}.reference-dashboard .project-info>strong{font-size:18px;line-height:1.35;white-space:normal}.reference-dashboard .project-info small{font-size:13px}.reference-dashboard .progress-label{font-size:13px;margin-top:15px}.reference-dashboard .progress-track{height:7px;margin-top:8px}.reference-dashboard .project-card:nth-child(n+3) .project-image{height:65px}
.v2-app .deadline-row{grid-template-columns:86px 86px minmax(0,1fr);min-height:70px;gap:10px;font-size:13px}.deadline-row>strong{grid-column:3;font-size:12px}.v2-app .deadline-copy strong{font-size:14px}.v2-app .deadline-copy small{font-size:12px}.v2-app .status-pill,.v2-app .module-status{font-size:12px;line-height:1.4;padding:5px 8px;font-weight:600}.activity-list>div{font-size:12px;line-height:1.5;min-height:50px}.v2-app .quick-grid strong,.v2-app .sms-state strong{font-size:14px}.v2-app .quick-grid small,.v2-app .sms-state small{font-size:12px}.v2-app .quick-grid button{min-height:90px}.v2-app .sms-state{flex-wrap:wrap}.v2-app .sms-state button{font-size:12px;min-height:40px}.v2-app .team-summary{font-size:14px}.v2-app .team-summary strong{font-size:18px}.reference-dashboard .quick-panel{display:none}.v2-app .bottom-grid{gap:14px;margin-top:20px}.v2-app .bottom-card{padding:18px;border:1px solid var(--line);box-shadow:var(--shadow)}.v2-app .bottom-card strong{font-size:15px}.v2-app .bottom-card small,.v2-app .bottom-card b{font-size:12px;line-height:1.4}
.v2-app .module-content input,.v2-app .module-content select,.v2-dialog-body input,.v2-dialog-body select,.v2-dialog-body textarea{font-size:14px;min-height:42px;border-radius:7px;border-color:#d5e1ef;background-color:#fafcff}.v2-app input[type=checkbox],.v2-dialog-body input[type=checkbox]{min-height:0}.v2-app .search-field{background:#f7faff;border-color:#dbe5f1;border-radius:8px}.v2-app .tab-row button{font-size:13px;min-height:38px}.v2-app .tab-row button.active{background:#e8f5ef;color:#05654d}.v2-app .employee-rows>div{font-size:14px;min-height:76px;padding-top:12px;padding-bottom:12px}.v2-app .employee-rows small{font-size:12px;line-height:1.5}.v2-app .table-header{font-size:12px;background:#f3f7fd}.v2-app .person-cell>b{font-size:14px;line-height:1.4}.v2-app .person-cell>i{background:#eaf2fc;color:#2b6aa6}.v2-app .table-footer{font-size:12px;padding:14px}.v2-app .row-actions button{width:36px;height:36px;border-radius:7px}.v2-app .module-panel button{cursor:pointer}.v2-app .category-card{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#fff,#f7faff)}.v2-app .category-card h3{font-size:16px}.v2-app .category-card p,.v2-app .category-card button{font-size:13px}
.v2-app .document-list article{padding:18px;background:#fff;border-radius:10px}.v2-app .document-list article strong{font-size:15px}.v2-app .document-list article small{font-size:12px}.v2-app .document-list article .v2-document-actions>button{font-size:13px;border-radius:7px}.v2-app .stage-tabs button{border-radius:9px}.v2-app .stage-tabs button b{font-size:14px}.v2-app .stage-tabs button small{font-size:12px}.v2-app .simple-list p{font-size:14px;line-height:1.5}.v2-app .simple-list small{font-size:12px}.v2-app .outline-full,.v2-app .text-link{font-size:13px}.v2-app .account-form label{font-size:14px}.v2-app .account-form small{font-size:12px}.v2-app .payment-row {font-size:13px}.v2-app .v2-site-footer{margin:0 24px;padding:22px 0;color:#6c8099;font-size:12px}
.v2-dialog,.v2-functional-dialog,.delivery-dialog{border-radius:16px;border-color:#dfe8f2;box-shadow:0 24px 100px #0b27432e}.v2-dialog-header{background:#f4f8fd;border-bottom:1px solid var(--line)}.v2-dialog-body>label{font-size:14px}.v2-dialog-body{gap:18px}.v2-dialog-submit{background:#078561}.v2-dialog-close{border-radius:50%;background:#edf3fa}.v2-dialog-body .v2-choice-grid button{font-size:14px}.v2-legal-page{background:#f2f6fc}.v2-legal-header{border-bottom:1px solid var(--line)}.v2-login-card{border-radius:18px;box-shadow:0 20px 80px #0e21364d}.v2-login-submit{background:#078561}
a:focus-visible,button:focus-visible{outline:3px solid #4b9ce8;outline-offset:3px}.reference-menu-veil:focus-visible{outline-offset:-4px}
@media(min-width:1600px){.v2-app{grid-template-columns:255px minmax(0,1fr)}.reference-dashboard .dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(360px,1fr)}.reference-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-tiles>a{min-height:136px}.reference-dashboard .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px) and (max-width:1200px){.v2-app{grid-template-columns:210px minmax(0,1fr)}.reference-brand-text strong{font-size:11px}.reference-today{display:none}.reference-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr)}.reference-dashboard .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-app .module-metrics.five,.v2-app .module-metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-app .hero-copy{flex-basis:100%}}
@media(max-width:900px){.v2-app{display:block;padding-bottom:76px}.v2-app .sidebar{position:fixed;inset:0 auto 0 0;width:270px;height:100dvh;z-index:90;transform:translateX(-100%);transition:transform .2s;display:flex}.v2-app.reference-menu-open .sidebar{transform:translateX(0)}.reference-menu-veil:not([hidden]){display:block;position:fixed;inset:0;z-index:80;border:0;background:#08192b80;backdrop-filter:blur(3px)}.reference-menu{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:40px;padding:8px;border:0;background:transparent;color:inherit;border-radius:7px;cursor:pointer}.reference-menu svg{width:23px;height:23px}.reference-topbar{height:66px;padding:10px 16px;gap:12px}.reference-today{display:none}.reference-search{width:auto;flex:1}.reference-user-slot .account-card{min-width:0;display:block}.reference-user-slot .account-card>span:not(.avatar),.reference-user-slot .chevron{display:none}.reference-mobile-nav{position:fixed;display:flex;justify-content:space-around;inset:auto 0 0;z-index:60;min-height:68px;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #dae5f1;background:#fffffff5;backdrop-filter:blur(14px);box-shadow:0 -4px 24px #0e21360a}.reference-mobile-nav>a,.reference-mobile-nav>button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:auto;height:auto;min-width:0;min-height:46px;border:0;border-radius:8px;padding:5px 2px;background:none;color:#61748d;text-decoration:none;cursor:pointer;font:inherit;font-size:11px}.reference-mobile-nav svg{width:21px;height:21px}.reference-mobile-nav [aria-current=page]{color:#087b5a;background:#eaf6ef}.reference-mobile-nav [aria-expanded=true]{color:#087b5a}.v2-app .hero{min-height:140px;padding:22px 20px}.v2-app .hero-copy{flex-basis:100%}.v2-app .hero-actions{justify-content:flex-start}.v2-app .content,.v2-app .module-content{padding:18px}.reference-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr)}.reference-dashboard .dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v2-app .hero h1{font-size:28px}.v2-app .module-metrics.four,.v2-app .module-metrics.five{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reference-topbar{gap:7px;padding:10px}.reference-search input{font-size:13px}.reference-search label{padding:0 10px;gap:7px}.reference-topbar .notification-button{width:34px;height:34px}.reference-user-slot .avatar{width:32px;height:32px;font-size:11px}.reference-menu{width:30px;padding:4px}.v2-app .hero{padding:21px 16px;background:linear-gradient(90deg,#f0f6fff5,#f0f6ffbf),url('/login-photo.jpg') 65% 35%/cover}.v2-app .hero h1{font-size:26px}.v2-app .hero p{font-size:14px}.v2-app .content,.v2-app .module-content{padding:16px 12px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v2-app .metric-card,.v2-app .module-metric{grid-template-columns:32px minmax(0,1fr);min-height:110px;gap:8px;padding:14px 10px}.v2-app .metric-icon,.v2-app .module-metric>svg{width:32px;height:32px;padding:7px;border-radius:8px}.v2-app .metric-card strong,.v2-app .module-metric strong{font-size:24px}.v2-app .metric-card div>span,.v2-app .module-metric>span{font-size:12px}.metric-grid>.metric-card:last-child:nth-child(odd){grid-column:1/-1;min-height:82px}.reference-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-tiles>a{min-height:106px;padding:12px 6px;gap:8px}.reference-tiles strong{font-size:13px}.reference-tiles small{display:none}.reference-dashboard .dashboard-side{grid-template-columns:1fr}.reference-dashboard .dashboard-grid{gap:18px}.reference-section-label h2{font-size:17px}.v2-app .section-heading{padding:14px}.v2-app .section-heading h2{font-size:15px}.v2-app .deadline-row{grid-template-columns:80px minmax(0,1fr);padding:10px 0}.deadline-row .deadline-copy{grid-column:2;grid-row:1/3}.deadline-row>strong{grid-column:2}.v2-app .bottom-grid{grid-template-columns:1fr}.v2-app .hero-actions{width:100%;flex-wrap:wrap}.v2-app .v2-site-footer{margin:0 14px}.v2-dialog-body input,.v2-dialog-body select,.v2-dialog-body textarea,.v2-app .module-content input,.v2-app .module-content select{font-size:16px}.reference-search-results{width:min(340px,82vw);left:-25px}}
@media(prefers-reduced-motion:reduce){.reference-tiles>a,.v2-app .sidebar{transition:none}}
.v2-app .activity-panel,.v2-app .attention-panel{min-height:0}
.v2-app .attention-list{padding-bottom:14px}.v2-app .attention-list b{font-size:14px;line-height:1.45}.v2-app .attention-list small,.v2-app .attention-summary small,.v2-app .attention-badge{font-size:12px;line-height:1.4}.v2-app .attention-summary b{font-size:22px}
.v2-app .action-grid b,.v2-app .notice-list b{font-size:14px;font-weight:600;line-height:1.45}.v2-app .action-grid small,.v2-app .notice-list small,.v2-app .notice-list time,.v2-app .mini-stats article small{font-size:12px;line-height:1.5}.v2-app .notice-list p:has(>span:only-child){display:block;padding:14px}.v2-app .action-grid button{padding:14px;min-height:108px}.v2-app .section-heading button,.v2-app .primary-button,.v2-app .quiet-button,.v2-app input,.v2-app select{font-weight:600}
.v2-app .team-summary span,.v2-app .mini-calendar-heading strong{font-size:13px}.v2-app .mini-calendar span{font-size:12px}.v2-app .success-strip{flex-wrap:wrap}.v2-app .success-strip b{font-size:14px}.v2-app .success-strip small,.v2-app .success-strip button{font-size:12px;line-height:1.5}
.v2-app .stage-progress-list,.v2-app .donut-wrap li{font-size:13px}.v2-app .foundation-summary li,.v2-app .donut small{font-size:12px}.v2-app .employee-head{font-size:12px;font-weight:600}
@media(max-width:600px){
  .v2-app .module-filters{display:grid;grid-template-columns:minmax(0,1fr);overflow:visible;gap:10px}
  .v2-app .module-filters>*{width:100%;min-width:0;max-width:100%;margin-left:0}
  .v2-app .module-filter-select select{min-width:0;width:100%;max-width:100%}
  .v2-app .leave-filters button{min-height:52px;justify-content:flex-start}
  .v2-app .leave-filters button span{min-width:0;flex:1}.v2-app .leave-filters button small{font-size:12px}
  .v2-app .employee-head{display:none}
  .v2-app .employee-rows>div{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:12px;width:100%;min-width:0}
  .v2-app .employee-rows>div>.person-cell{grid-column:1/-1}
  .v2-app .employee-rows>div>span:nth-child(2),.v2-app .employee-rows>div>span:nth-child(3),.v2-app .employee-rows>div>span:nth-child(4){display:block;grid-column:1/-1;white-space:normal;overflow-wrap:anywhere;overflow:visible}
  .v2-app .employee-rows>div>span:nth-child(2)::before{content:'Rola: ';color:var(--muted)}
  .v2-app .employee-rows>div>span:nth-child(3)::before{content:'Dział: ';color:var(--muted)}
  .v2-app .employee-rows>div>span:nth-child(4)::before{content:'Kontakt: ';color:var(--muted)}
  .v2-app .employee-rows>div>.module-status{justify-self:start}
  .v2-app .employee-rows .row-actions{justify-self:end}.v2-app .employee-rows .row-actions button{width:44px;height:44px}
}
