/* BUDEXBUD APP 3.0 NATIVE — full UI/UX redesign layer, functions from 1.0.17 preserved */ :root{--bb-bg:#07080c;--bb-surface:#10131a;--bb-card:#151923;--bb-card2:#1b202c;--bb-red:#e30613;--bb-red2:#ff3441;--bb-text:#f8fafc;--bb-muted:#98a2b3;--bb-border:rgba(255,255,255,.10);--bb-radius:26px;--bb-shadow:0 24px 60px rgba(0,0,0,.35)} html{background:var(--bb-bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 10% -10%,rgba(227,6,19,.22),transparent 34%),linear-gradient(180deg,#08090e,#0e1119 55%,#07080c);color:var(--bb-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;padding-bottom:92px}.topbar{display:none!important}.freeBar,.demoBar{display:none!important}main{max-width:1160px;margin:0 auto;padding:84px 18px 28px}.view{animation:bbFade .22s ease}.nativeTopShell{position:fixed;z-index:990;top:0;left:0;right:0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:rgba(7,8,12,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--bb-border)}.nativeBrandMark{display:flex;align-items:center;gap:9px;cursor:pointer}.nativeBrandMark b{font-size:18px;letter-spacing:.4px}.nativeBrandMark small{color:var(--bb-muted);font-size:11px;font-weight:800;background:rgba(255,255,255,.06);border:1px solid var(--bb-border);border-radius:999px;padding:5px 8px}.markRoof{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--bb-red),#9b0008);box-shadow:0 10px 28px rgba(227,6,19,.32);font-weight:900}.nativeBell{width:42px;height:42px;border-radius:16px;border:1px solid var(--bb-border);background:rgba(255,255,255,.06);color:#fff;font-size:18px}.bottomNavNative{position:fixed;z-index:991;left:50%;bottom:12px;transform:translateX(-50%);width:min(760px,calc(100vw - 22px));height:72px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:8px;border-radius:26px;background:rgba(14,17,25,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,.55)}.bottomNavNative button{border:0;border-radius:18px;background:transparent;color:#b9c0cc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:800;cursor:pointer}.bottomNavNative button span{font-size:20px}.bottomNavNative button small{font-size:10px}.bottomNavNative button.active,.bottomNavNative button:hover{background:linear-gradient(135deg,rgba(227,6,19,.95),rgba(255,52,65,.70));color:#fff}.nativeToast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#fff;color:#111;border-radius:16px;padding:13px 16px;box-shadow:0 20px 60px #0008;z-index:999;transition:.25s}.nativeToast.show{opacity:1;transform:translateX(-50%) translateY(0)} /* home */ .appHomeNative{background:transparent!important;padding:0!important}.appHeroNative{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch;margin-bottom:18px}.helloBlock,.quickStatusCard,.primaryActionCard,.nativeGridCards button,.trackingCardNative,.workerProfileNative,.panel,.dashboard,.communityHeroNew,.communityMiniScreen,.infoCard,.featureCard,.ticket,.adminPanelBox,.metric,.stat,.workerCard,.crmRow{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid var(--bb-border)!important;border-radius:var(--bb-radius)!important;box-shadow:var(--bb-shadow)!important;color:var(--bb-text)!important}.helloBlock{padding:28px;min-height:148px}.helloBlock h1{font-size:46px;line-height:1;margin:6px 0}.helloBlock p{color:var(--bb-muted);font-size:18px}.eyebrow{color:#ff4a55!important;font-weight:950;letter-spacing:1.8px;font-size:12px}.quickStatusCard{display:flex;gap:14px;align-items:center;padding:24px}.quickStatusCard b,.quickStatusCard small{display:block}.quickStatusCard small{color:var(--bb-muted);margin-top:5px;line-height:1.35}.statusDot{width:15px;height:15px;border-radius:999px;background:#15e67a;box-shadow:0 0 0 8px rgba(21,230,122,.12)}.primaryActionCard{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:24px;margin-bottom:18px;cursor:pointer;background:linear-gradient(135deg,#e30613,#8c0007)!important}.primaryActionCard .actionIcon{width:64px;height:64px;border-radius:22px;display:grid;place-items:center;font-size:32px;background:rgba(255,255,255,.16)}.primaryActionCard h2{margin:0;font-size:28px}.primaryActionCard p{margin:5px 0 0;color:#ffe1e3;line-height:1.35}.primaryActionCard>span{font-size:44px}.nativeGridCards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.nativeGridCards button{border:0!important;text-align:left;min-height:132px;padding:20px;cursor:pointer;display:flex;flex-direction:column;gap:7px}.nativeGridCards span{font-size:30px}.nativeGridCards b{font-size:18px}.nativeGridCards small{color:var(--bb-muted);line-height:1.3}.nativeGridCards button:hover,.primaryActionCard:hover{transform:translateY(-2px);filter:brightness(1.08)}.nativeSectionTitle{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 10px}.nativeSectionTitle b{font-size:20px}.nativeSectionTitle button{background:rgba(255,255,255,.07);border:1px solid var(--bb-border);color:#fff;border-radius:999px;padding:9px 13px;font-weight:900}.trackingCardNative{padding:20px}.trackHeader{display:flex;justify-content:space-between;gap:12px;align-items:center}.trackingCardNative p{color:var(--bb-muted)}.nativeTimeline{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.nativeTimeline span{position:relative;background:rgba(255,255,255,.07);border-radius:999px;padding:9px 7px;text-align:center;color:#8f98a7;font-size:12px;font-weight:900}.nativeTimeline span.done{background:rgba(21,230,122,.16);color:#66f2a4}.nativeTimeline span.active{background:rgba(227,6,19,.20);color:#ff6872}.workerProfileNative{display:flex;align-items:center;gap:14px;padding:18px}.avatarNative{width:54px;height:54px;border-radius:20px;background:linear-gradient(135deg,#e30613,#ff6a72);display:grid;place-items:center;font-weight:950;font-size:22px}.workerProfileNative div:nth-child(2){flex:1}.workerProfileNative small{display:block;color:var(--bb-muted);margin-top:4px}.workerProfileNative>span{color:#ffd166;letter-spacing:1px} /* global native panels */ .panel,.dashboard{max-width:none!important;margin:0!important;padding:22px!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;color:var(--bb-text)!important;border-radius:28px!important}.panel h2,.dashboard h2{font-size:30px;line-height:1.1;margin-top:0}.panel p,.dashboard p{color:#cbd5e1}.form,.grid2,.cards,.featureGrid,.adminTabs,.communityTabs,.workerTabs{border-radius:22px}.primary{border:0!important;border-radius:18px!important;background:linear-gradient(135deg,var(--bb-red),var(--bb-red2))!important;color:#fff!important;box-shadow:0 12px 28px rgba(227,6,19,.25)!important;font-weight:950!important}.ghost,.outlineBtn,.installBtn{border:1px solid var(--bb-border)!important;background:rgba(255,255,255,.065)!important;color:#fff!important;border-radius:18px!important;font-weight:850!important}.form input,.form textarea,.form select,input,textarea,select{background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;color:#fff!important}.form input::placeholder,.form textarea::placeholder,input::placeholder,textarea::placeholder{color:#7f8a99}.notice,.redNotice,.freeInfo,.darkInfo{background:rgba(255,255,255,.065)!important;color:#e5e7eb!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important}.stepper span{border-radius:999px!important;background:rgba(255,255,255,.07)!important;color:#aeb7c5!important}.stepper span.active{background:linear-gradient(135deg,var(--bb-red),#ff3946)!important;color:#fff!important}.pill{border-radius:999px!important;padding:7px 11px!important;font-weight:950!important}.fullGraphic{display:none!important}.nativeInstall{max-width:860px!important;margin:0 auto!important}.installStepsNative{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.installStepsNative div{background:rgba(255,255,255,.06);border:1px solid var(--bb-border);border-radius:22px;padding:20px;display:grid;gap:8px}.installStepsNative span{font-size:32px}.installStepsNative b{font-size:20px}.installStepsNative small{color:var(--bb-muted);line-height:1.35}.communityActions,.topActions,.quickActions,.heroActions,.buttonRow{gap:10px}.featureGrid,.cards.three,.kpiGrid,.stats,.workerGrid,.crmList{gap:14px}.adminTabs,.communityTabs,.workerTabs{background:rgba(0,0,0,.23)!important;border:1px solid var(--bb-border)!important;padding:8px!important}.adminTabs button,.communityTabs button,.workerTabs button{border-radius:999px!important;color:#fff!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.08)!important}.adminTabs button.active,.communityTabs button.active,.workerTabs button.active{background:linear-gradient(135deg,var(--bb-red),#ff3340)!important}.ticket h3,.featureCard b,.infoCard b,.adminPanelBox h3,.metric b,.stat b{color:#fff!important}.ticket,.featureCard,.infoCard,.adminPanelBox,.metric,.stat{color:#d5dae4!important}.communityMiniScreen,.miniMetric,.miniAdminItem,.settingsCard{background:rgba(255,255,255,.06)!important;border:1px solid var(--bb-border)!important;color:#fff!important}.miniMetric span,.miniAdminItem span,.settingsCard label{color:#b6bfcc!important}.adminPanelBox,.settingsCard{border-radius:22px!important}.adminLoginScreen{max-width:520px!important;margin:0 auto!important}.adminLoginScreen:before{content:'Bezpieczne logowanie';display:inline-block;margin-bottom:12px;color:#ff5b65;font-size:12px;font-weight:950;letter-spacing:1.5px;text-transform:uppercase}.adminLoginScreen input{margin-bottom:10px} /* status look */ .result .timeline,.timeline{background:rgba(255,255,255,.045)!important;border:1px solid var(--bb-border)!important;border-radius:22px!important;padding:16px!important}.timeline div,.timelineStep{border-left-color:rgba(255,255,255,.15)!important}.timeline b{color:#fff!important} @keyframes bbFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}} @media(max-width:900px){main{padding:78px 12px 104px}.appHeroNative{grid-template-columns:1fr}.helloBlock h1{font-size:36px}.nativeGridCards{grid-template-columns:repeat(2,1fr)}.installStepsNative{grid-template-columns:1fr}.bottomNavNative{grid-template-columns:repeat(6,1fr);height:70px}.bottomNavNative button span{font-size:18px}.bottomNavNative button small{font-size:9px}.nativeBrandMark small{display:none}.primaryActionCard{grid-template-columns:auto 1fr;}.primaryActionCard>span{display:none}.panel,.dashboard{padding:18px!important;border-radius:22px!important}.nativeTimeline{grid-template-columns:1fr}.nativeTimeline span{text-align:left;padding-left:14px}}@media(max-width:420px){.nativeGridCards{grid-template-columns:1fr}.nativeGridCards button{min-height:102px}.helloBlock{padding:22px}.bottomNavNative{width:calc(100vw - 12px);bottom:6px;padding:6px}.bottomNavNative button small{display:none}.nativeTopShell{height:62px}.nativeBell{width:38px;height:38px}main{padding-top:72px}} /* APP 3.0.1 — klient-first start screen: no public admin/worker shortcuts */ .bottomNavNative{grid-template-columns:repeat(5,1fr)!important}.publicClientHome{max-width:1040px;margin:0 auto!important}.clientHeroApp{position:relative;min-height:420px;border-radius:34px;overflow:hidden;margin-bottom:18px;background:linear-gradient(135deg,rgba(6,8,14,.68),rgba(6,8,14,.35)),url('assets/tlo_strona_glowna_budexbud.png') center/cover no-repeat;border:1px solid rgba(255,255,255,.10);box-shadow:0 28px 80px rgba(0,0,0,.45)}.clientHeroApp:after{content:'';position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(7,8,12,.95),transparent);pointer-events:none}.heroGlass{position:relative;z-index:1;max-width:680px;padding:34px;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}.heroGlass h1{font-size:52px;line-height:.98;margin:8px 0 14px;letter-spacing:-1.4px;color:#fff}.heroLead{font-size:19px;line-height:1.45;color:#e5e7eb!important;max-width:620px}.heroActionsNative{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.bigCta{font-size:16px!important;padding:16px 20px!important}.clientFlowCards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.clientFlowCards div{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--bb-border);border-radius:22px;padding:18px;box-shadow:var(--bb-shadow)}.clientFlowCards span{width:34px;height:34px;border-radius:14px;background:linear-gradient(135deg,var(--bb-red),var(--bb-red2));display:grid;place-items:center;font-weight:950;margin-bottom:12px}.clientFlowCards b{display:block;font-size:17px;color:#fff}.clientFlowCards small{display:block;color:var(--bb-muted);line-height:1.35;margin-top:6px}.publicServiceGrid button{min-height:150px}.clientTitle{margin-top:22px}.clientInfoCard{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(227,6,19,.20),rgba(255,255,255,.045));border:1px solid rgba(227,6,19,.28);border-radius:26px;padding:22px;margin:18px 0;box-shadow:var(--bb-shadow)}.clientInfoCard b{font-size:21px;color:#fff}.clientInfoCard p{color:#cbd5e1;margin:6px 0 0;line-height:1.42}.servicePillsNative{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.servicePillsNative span{background:rgba(255,255,255,.075);border:1px solid var(--bb-border);border-radius:999px;padding:11px 14px;color:#e5e7eb;font-weight:850}.nativeBrandMark small{max-width:150px;white-space:nowrap}.nativeBell{font-size:20px!important}@media(max-width:900px){.clientHeroApp{min-height:390px;border-radius:26px}.heroGlass{padding:26px;min-height:390px}.heroGlass h1{font-size:40px}.heroLead{font-size:16px}.clientFlowCards{grid-template-columns:repeat(2,1fr)}.clientInfoCard{flex-direction:column;align-items:flex-start}.clientInfoCard button{width:100%}}@media(max-width:480px){.clientHeroApp{min-height:430px}.heroGlass{padding:22px;min-height:430px}.heroGlass h1{font-size:34px}.heroActionsNative button{width:100%}.clientFlowCards{grid-template-columns:1fr}.bottomNavNative{grid-template-columns:repeat(5,1fr)!important}.bottomNavNative button small{display:none}.publicServiceGrid button{min-height:120px}} /* BUDEXBUD APP 3.0.2 — start clarity and color fix */ :root{--bb-green:#16a34a;} .nativeTopShell{background:rgba(5,5,5,.96)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(16px)} .nativeBrandMark{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;box-shadow:0 12px 35px rgba(0,0,0,.28)!important;opacity:1!important} .nativeBrandMark b{font-size:18px!important;letter-spacing:.4px!important;color:#fff!important;opacity:1!important}.nativeBrandMark b::first-letter{color:#fff}.nativeBrandMark small{color:#d9dde7!important;opacity:1!important;letter-spacing:.8px!important;text-transform:uppercase}.markRoof{color:#e30613!important;text-shadow:none!important} .clientHeroApp{background:linear-gradient(135deg,#08090d 0%,#0b0d13 52%,#111827 100%)!important;min-height:420px!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 28px 80px rgba(0,0,0,.50)!important;isolation:isolate} .clientHeroApp:before{content:'';position:absolute;inset:0 0 0 auto;width:58%;background:linear-gradient(90deg,rgba(8,9,13,.98) 0%,rgba(8,9,13,.80) 22%,rgba(8,9,13,.20) 60%),url('assets/tlo_strona_glowna_budexbud.png') right center/cover no-repeat;z-index:0;opacity:.92;filter:saturate(.9) contrast(1.02)} .clientHeroApp:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,13,1) 0%,rgba(8,9,13,.98) 46%,rgba(8,9,13,.60) 70%,rgba(8,9,13,.12) 100%);z-index:0;pointer-events:none} .heroGlass{max-width:610px!important;min-height:420px!important;padding:38px!important;background:linear-gradient(180deg,rgba(18,20,29,.96),rgba(10,12,18,.93))!important;border-right:1px solid rgba(255,255,255,.10)!important;box-shadow:22px 0 80px rgba(0,0,0,.42)!important;position:relative!important;z-index:2!important} .heroGlass .eyebrow{color:#ff4b55!important;letter-spacing:2px!important;font-weight:950!important;opacity:1!important;text-shadow:none!important}.heroGlass h1{color:#fff!important;text-shadow:none!important;letter-spacing:-1px!important}.heroLead{color:#eef2f7!important;text-shadow:none!important}.heroActionsNative .primary,.heroActionsNative .ghost{position:relative;z-index:3}.heroActionsNative .ghost{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important} .clientGeneralBox{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 8px;padding:22px 24px;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:var(--bb-shadow)}.clientGeneralBox b{color:#fff;font-size:20px}.clientGeneralBox p{margin:0;color:#cfd6e2;line-height:1.45;max-width:720px} /* no faded text in cards and chats */ .panel,.dashboard,.adminPanelBox,.featureCard,.infoCard,.ticket,.settingsCard,.communityMiniScreen,.miniMetric,.miniAdminItem{color:#f3f6fb!important}.panel p,.dashboard p,.featureCard span,.ticket p,.muted,.settingsCard label,.miniMetric span,.miniAdminItem span{color:#d4dbe7!important;opacity:1!important}.adminPanelBox h3,.featureCard b,.ticket h3,.infoCard b,.stats b{color:#fff!important;opacity:1!important}.chatView{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:22px!important;padding:16px!important;color:#fff!important}.msg{border-radius:18px!important;padding:14px 16px!important;margin:10px 0!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}.msg b{display:block;color:#fff!important;font-weight:950!important}.msg p{margin:6px 0;color:#f4f7fb!important;opacity:1!important}.msg small{color:#b8c2d0!important;opacity:1!important}.msg.budex{background:linear-gradient(135deg,rgba(227,6,19,.28),rgba(80,10,16,.72))!important;border-color:rgba(227,6,19,.38)!important}.msg.budex b{color:#ff4b55!important}.msg.client{background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.14)!important}.msg.client b{color:#fff!important}.chatInput{display:flex;gap:10px;margin-top:12px}.chatInput input{flex:1;background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.previewChat,.previewTicket{color:#fff!important;background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.12)!important}.previewChat p,.previewTicket p{color:#eef2f7!important;opacity:1!important}.miniChatInput input{background:rgba(255,255,255,.09)!important;color:#fff!important} /* keep BUDEXBUD brand red/white, avoid accidental green accents */ .pill.Wrealizacji{background:rgba(227,6,19,.18)!important;color:#ff6972!important;border:1px solid rgba(227,6,19,.28)!important}.Wrealizacji{background:rgba(227,6,19,.16)!important;color:#ff6972!important}.servicePillsNative{display:none!important} @media(max-width:900px){.clientHeroApp:before{width:100%;opacity:.22}.clientHeroApp:after{background:linear-gradient(180deg,rgba(8,9,13,.96),rgba(8,9,13,.90))}.heroGlass{max-width:none!important;width:100%!important;border-right:0!important}.clientGeneralBox{display:block}.clientGeneralBox p{margin-top:8px}.chatInput{flex-direction:column}} /* BUDEXBUD APP 3.0.3 — no TEST footer, clearer start and mobile login contrast */ .footer div{color:#d7dce6!important;font-weight:700!important;letter-spacing:.2px!important}.footerAdminLogo{opacity:.38!important}.footerAdminLogo:hover{opacity:1!important} .newStartHero{background:linear-gradient(90deg,rgba(7,8,12,.98) 0%,rgba(7,8,12,.90) 48%,rgba(7,8,12,.48) 100%),url('assets/tlo_strona_glowna_budexbud.png') right center/cover no-repeat!important;min-height:390px!important;border-radius:32px!important;overflow:hidden!important}.newStartHero:before,.newStartHero:after{display:none!important}.newStartCard{background:linear-gradient(180deg,rgba(16,19,26,.92),rgba(10,12,18,.86))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:30px!important;max-width:620px!important;min-height:auto!important;margin:28px!important;padding:30px!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important}.newStartCard h1{font-size:54px!important;margin:6px 0 14px!important;color:#fff!important;text-shadow:none!important}.newStartCard .heroLead{color:#f4f7fb!important;opacity:1!important}.cleanActionGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.cleanActionGrid button{width:100%!important;min-height:56px!important}.clientFlowCards,.publicServiceGrid{position:relative;z-index:2}.clientFlowCards div,.publicServiceGrid button,.clientInfoCard{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.040))!important}.adminLoginScreen input,.adminLoginScreen button{min-height:52px!important;font-size:16px!important}.adminLoginScreen{padding-bottom:110px!important}.adminLoginScreen #loginMsg,.adminLoginScreen #workerLoginMsg{margin-top:12px}.msg.budex{background:linear-gradient(135deg,rgba(227,6,19,.92),rgba(150,0,10,.88))!important;border-color:rgba(255,80,90,.45)!important}.msg.budex b{color:#fff!important}.msg.budex small{color:#ffe1e4!important}.msg.budex p{color:#fff!important} @media(max-width:900px){.newStartHero{min-height:430px!important;background:linear-gradient(180deg,rgba(7,8,12,.96),rgba(7,8,12,.86)),url('assets/tlo_strona_glowna_budexbud.png') center/cover no-repeat!important}.newStartCard{margin:16px!important;padding:24px!important}.newStartCard h1{font-size:42px!important}.cleanActionGrid{grid-template-columns:1fr!important}.footer{padding-bottom:98px!important}} /* BUDEXBUD APP 3.0.4 — splash screen and final app icon naming */ .appSplash{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.92)),url('assets/tlo_strona_glowna_budexbud.png') center bottom/cover no-repeat;color:#fff;overflow:hidden}.appSplash:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,rgba(227,6,19,.12),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.90));pointer-events:none}.splashLogoBlock{position:relative;z-index:2;text-align:center;transform:translateY(-38px);animation:splashIn .65s ease both}.splashBbLogo{position:relative;width:132px;height:98px;margin:0 auto 18px;display:flex;align-items:flex-end;justify-content:center;font-family:Arial,sans-serif;font-weight:950;font-size:94px;letter-spacing:-10px;line-height:.85}.splashRoof{position:absolute;top:0;left:17px;width:98px;height:54px;border-top:12px solid #e30613;border-left:12px solid #e30613;transform:rotate(45deg) skew(-4deg);border-radius:3px 0 0 0}.splashBbWhite{color:#fff;text-shadow:0 8px 26px rgba(0,0,0,.55)}.splashBbRed{color:#e30613;text-shadow:0 8px 26px rgba(0,0,0,.55)}.splashBrand{font-size:52px;font-weight:950;letter-spacing:1px;line-height:1}.splashBrand span{color:#e30613}.splashSub{font-size:18px;letter-spacing:8px;margin-top:10px;color:#f5f5f5}.splashLine{width:110px;height:2px;background:#e30613;margin:25px auto 22px;border-radius:4px}.splashSlogan{font-size:24px;line-height:1.45;color:#fff}.splashSlogan span{color:#ff1f2e}.splashLoader{position:absolute;z-index:2;left:50%;bottom:74px;transform:translateX(-50%);width:min(560px,62vw);height:8px;background:rgba(255,255,255,.22);border-radius:999px;overflow:hidden}.splashLoader div{height:100%;width:42%;background:#e30613;border-radius:999px;animation:splashLoad 1.7s ease-in-out forwards}.splashLoadingText{position:absolute;z-index:2;bottom:38px;font-weight:800;color:#e8ebf2;letter-spacing:.3px}.appSplash.hide{opacity:0;pointer-events:none;transition:opacity .5s ease}@keyframes splashIn{from{opacity:0;transform:translateY(-18px) scale(.98)}to{opacity:1;transform:translateY(-38px) scale(1)}}@keyframes splashLoad{0%{width:8%}45%{width:46%}100%{width:100%}}@media(max-width:520px){.splashLogoBlock{transform:translateY(-20px)}.splashBbLogo{width:108px;height:84px;font-size:76px}.splashRoof{left:16px;width:78px;height:44px;border-top-width:10px;border-left-width:10px}.splashBrand{font-size:38px}.splashSub{font-size:13px;letter-spacing:5px}.splashSlogan{font-size:20px}.splashLoader{bottom:70px;width:54vw}@keyframes splashIn{from{opacity:0;transform:translateY(0) scale(.98)}to{opacity:1;transform:translateY(-20px) scale(1)}}} /* BUDEXBUD APP 3.0.10 — COMMUNITY VISIBILITY FIX Naprawa czytelności panelu wspólnot: usunięcie białych teł, szarych napisów i niewidocznych liczników. */ #communityDash, #communityDash .dashboard, #communityDash .panel, #communityDash .communityContent, #communityDash .communityMain, #communityDash .communityDashboardFull, #communityDash .communityDashboardContent, #communityDash .communityAdminCard, #communityDash .adminPanelBox, #communityDash .ticket, #communityDash .chatBox, #communityDash .docsBox, #communityDash .docCard, #communityDash .infoCard, #communityDash .featureCard, #communityDash .miniAdminItem, #communityDash .previewTicket, #communityDash .previewChat, #communityDash .communityMiniScreen, #communityDash .settingsCard, #communityDash .adminInnerBox{ background:linear-gradient(180deg,rgba(20,24,34,.98),rgba(12,15,23,.96))!important; color:#f8fafc!important; border:1px solid rgba(255,255,255,.16)!important; box-shadow:0 16px 44px rgba(0,0,0,.38)!important; } #communityDash h1, #communityDash h2, #communityDash h3, #communityDash h4, #communityDash b, #communityDash strong, #communityDash label, #communityDash th, #communityDash td, #communityDash li{ color:#ffffff!important; opacity:1!important; text-shadow:none!important; } #communityDash p, #communityDash span, #communityDash small, #communityDash em, #communityDash .muted, #communityDash .docCard span, #communityDash .featureCard span, #communityDash .ticket p, #communityDash .miniAdminItem span, #communityDash .docsBox li, #communityDash .chatBox p{ color:#dbe4f0!important; opacity:1!important; text-shadow:none!important; } /* Liczniki i statystyki wspólnot */ #communityDash .cards > div, #communityDash .compactStats > div, #communityDash .stats > div, #communityDash .stat, #communityDash .metric, #communityDash .miniMetric, #communityDash .kpiGrid > div, #communityDash .communityKpi > div, #communityDash .clickableStats .statBtn{ background:linear-gradient(135deg,rgba(227,6,19,.20),rgba(28,32,44,.98))!important; border:1px solid rgba(255,255,255,.18)!important; color:#ffffff!important; border-radius:22px!important; box-shadow:0 14px 34px rgba(0,0,0,.34)!important; } #communityDash .cards > div b, #communityDash .compactStats > div b, #communityDash .stats > div b, #communityDash .stat b, #communityDash .metric b, #communityDash .miniMetric b, #communityDash .kpiGrid > div b, #communityDash .communityKpi > div b, #communityDash .clickableStats .statBtn b{ color:#ffffff!important; font-size:28px!important; line-height:1.05!important; } #communityDash .cards > div small, #communityDash .compactStats > div small, #communityDash .stats > div small, #communityDash .stat small, #communityDash .metric small, #communityDash .clickableStats .statBtn small{ color:#f1f5f9!important; opacity:1!important; } /* Tabele, dokumenty, budynki, mieszkańcy */ #communityDash .demoTable th{color:#f1f5f9!important;background:transparent!important;} #communityDash .demoTable td{ background:rgba(255,255,255,.075)!important; color:#ffffff!important; border-color:rgba(255,255,255,.14)!important; } #communityDash .docGrid .docCard, #communityDash .docCard, #communityDash .chatBox, #communityDash .docsBox{ background:rgba(255,255,255,.075)!important; color:#ffffff!important; border-color:rgba(255,255,255,.14)!important; } /* Czat wspólnoty */ #communityDash .chatView{ background:rgba(8,10,16,.82)!important; border:1px solid rgba(255,255,255,.16)!important; color:#fff!important; } #communityDash .msg.client{ background:rgba(255,255,255,.10)!important; border-color:rgba(255,255,255,.16)!important; color:#ffffff!important; justify-self:start!important; } #communityDash .msg.budex{ background:linear-gradient(135deg,#e30613,#8d0008)!important; border-color:rgba(255,255,255,.20)!important; color:#ffffff!important; justify-self:end!important; } #communityDash .msg p, #communityDash .msg b{color:#ffffff!important;} #communityDash .msg small{color:#ffe8ea!important;} #communityDash .chatInput input, #communityDash input, #communityDash textarea, #communityDash select{ background:rgba(255,255,255,.09)!important; color:#ffffff!important; border:1px solid rgba(255,255,255,.18)!important; } #communityDash input::placeholder, #communityDash textarea::placeholder{color:#aeb8c7!important;} /* Zakładki i przyciski w panelu wspólnot */ #communityDash .communityTabs, #communityDash .communitySidebar{ background:rgba(6,8,13,.78)!important; border:1px solid rgba(255,255,255,.16)!important; } #communityDash .communityTabs button, #communityDash .communitySidebar button, #communityDash button.ghost, #communityDash .ghost{ background:rgba(255,255,255,.08)!important; color:#ffffff!important; border:1px solid rgba(255,255,255,.16)!important; opacity:1!important; } #communityDash .communityTabs button.active, #communityDash .communitySidebar button.active, #communityDash .communityTabs button:hover, #communityDash .communitySidebar button:hover{ background:linear-gradient(135deg,#e30613,#ff3441)!important; color:#ffffff!important; border-color:rgba(255,255,255,.20)!important; } /* Lista wspólnot w panelu admina też bez białych pól */ .adminCommunityList .communityRow, .adminCommunityDetail .communityAdminCard, .adminCommunityDetail .adminPanelBox, .adminCommunityDetail .miniAdminItem, .adminCommunityDetail .docCard, .adminCommunityDetail .ticket{ background:linear-gradient(180deg,rgba(20,24,34,.98),rgba(12,15,23,.96))!important; color:#f8fafc!important; border:1px solid rgba(255,255,255,.16)!important; } .adminCommunityList .communityRow b, .adminCommunityDetail b, .adminCommunityDetail h3{color:#ffffff!important;} .adminCommunityList .communityRow span, .adminCommunityDetail span, .adminCommunityDetail p, .adminCommunityDetail small, .adminCommunityDetail em{color:#dbe4f0!important;opacity:1!important;} .adminCommunityList .communityRow em{color:#ff5964!important;font-weight:950!important;} /* BUDEXBUD APP 3.0.11 STABLE — global visibility and panels fix Cel: brak białych pól z szarym tekstem, czytelne panele: wspólnoty, wykonawca, admin, superadmin. */ :root{ --bb-bg:#07080c;--bb-surface:#10131a;--bb-surface2:#151923;--bb-surface3:#1b202c; --bb-text:#f8fafc;--bb-soft:#dbe4f0;--bb-muted-strong:#b9c4d3;--bb-red:#e30613;--bb-red2:#ff3441; --bb-border-strong:rgba(255,255,255,.17); } body{color:var(--bb-text)!important;background-color:var(--bb-bg)!important;} /* Start: jedno tło, czytelna treść, bez efektu zdjęcie na zdjęciu */ #home .newStartHero,.appHomeNative .newStartHero,.newStartHero{ background-image:linear-gradient(180deg,rgba(4,5,9,.56),rgba(4,5,9,.88)),url('assets/tlo_strona_glowna_budexbud.png')!important; background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important; border:1px solid rgba(255,255,255,.12)!important;border-radius:32px!important;overflow:hidden!important; } #home .newStartCard,.newStartCard{ background:linear-gradient(180deg,rgba(12,14,22,.90),rgba(8,10,16,.80))!important; border:1px solid rgba(255,255,255,.14)!important;color:#fff!important; } #home .newStartCard *,.newStartCard *{color:inherit!important;opacity:1!important;text-shadow:none!important;} #home .newStartCard p,.newStartCard p{color:#e8eef7!important;} /* Globalne panele i karty */ #adminPanel,#workerPanel,#communityDash,#communityAccount, #adminPanel .adminMain,#workerPanel .workerMain,#communityDash .communityMain,#communityAccount .communityMain, #adminPanel .communityContent,#workerPanel .communityContent,#communityDash .communityContent,#communityAccount .communityContent{ background:transparent!important;color:#f8fafc!important;opacity:1!important; } #adminPanel .adminPanelBox,#adminPanel .adminInnerBox,#adminPanel .ticket,#adminPanel .adminTicketCard, #adminPanel .infoCard,#adminPanel .featureCard,#adminPanel .metric,#adminPanel .stat,#adminPanel .settingsCard, #adminPanel .workerCard,#adminPanel .crmRow,#adminPanel .docCard,#adminPanel .communityRow,#adminPanel .chatThread, #workerPanel .adminPanelBox,#workerPanel .adminInnerBox,#workerPanel .ticket,#workerPanel .adminTicketCard, #workerPanel .infoCard,#workerPanel .featureCard,#workerPanel .metric,#workerPanel .stat,#workerPanel .settingsCard, #workerPanel .workerCard,#workerPanel .docCard, #communityDash .adminPanelBox,#communityDash .adminInnerBox,#communityDash .ticket,#communityDash .adminTicketCard, #communityDash .infoCard,#communityDash .featureCard,#communityDash .metric,#communityDash .stat,#communityDash .settingsCard, #communityDash .docCard,#communityDash .communityRow,#communityDash .previewTicket,#communityDash .miniAdminItem,#communityDash .communityMiniScreen, #communityAccount .adminPanelBox,#communityAccount .adminInnerBox,#communityAccount .ticket,#communityAccount .adminTicketCard, #communityAccount .infoCard,#communityAccount .featureCard,#communityAccount .metric,#communityAccount .stat,#communityAccount .settingsCard, #communityAccount .docCard,#communityAccount .communityRow,#communityAccount .previewTicket,#communityAccount .miniAdminItem,#communityAccount .communityMiniScreen, .adminCommunityDetail .adminPanelBox,.adminCommunityDetail .communityAdminCard,.adminCommunityDetail .ticket,.adminCommunityDetail .docCard,.adminCommunityDetail .miniAdminItem{ background:linear-gradient(180deg,rgba(22,27,38,.98),rgba(12,15,23,.96))!important; color:#f8fafc!important;border:1px solid var(--bb-border-strong)!important;border-radius:22px!important; box-shadow:0 18px 48px rgba(0,0,0,.28)!important;opacity:1!important; } /* Teksty — mocny kontrast */ #adminPanel h1,#adminPanel h2,#adminPanel h3,#adminPanel h4,#adminPanel b,#adminPanel strong,#adminPanel label,#adminPanel th,#adminPanel td,#adminPanel li, #workerPanel h1,#workerPanel h2,#workerPanel h3,#workerPanel h4,#workerPanel b,#workerPanel strong,#workerPanel label,#workerPanel th,#workerPanel td,#workerPanel li, #communityDash h1,#communityDash h2,#communityDash h3,#communityDash h4,#communityDash b,#communityDash strong,#communityDash label,#communityDash th,#communityDash td,#communityDash li, #communityAccount h1,#communityAccount h2,#communityAccount h3,#communityAccount h4,#communityAccount b,#communityAccount strong,#communityAccount label,#communityAccount th,#communityAccount td,#communityAccount li, .adminCommunityDetail h1,.adminCommunityDetail h2,.adminCommunityDetail h3,.adminCommunityDetail h4,.adminCommunityDetail b,.adminCommunityDetail strong{ color:#ffffff!important;opacity:1!important; } #adminPanel p,#adminPanel span,#adminPanel small,#adminPanel em,#adminPanel .muted,#adminPanel .adminLead, #workerPanel p,#workerPanel span,#workerPanel small,#workerPanel em,#workerPanel .muted,#workerPanel .adminLead, #communityDash p,#communityDash span,#communityDash small,#communityDash em,#communityDash .muted,#communityDash .adminLead, #communityAccount p,#communityAccount span,#communityAccount small,#communityAccount em,#communityAccount .muted,#communityAccount .adminLead, .adminCommunityDetail p,.adminCommunityDetail span,.adminCommunityDetail small,.adminCommunityDetail em,.adminCommunityDetail .muted{ color:#dbe4f0!important;opacity:1!important; } /* Liczniki i dashboardy */ #adminPanel .cards > div,#adminPanel .compactStats > div,#adminPanel .stats > div,#adminPanel .statBtn, #workerPanel .cards > div,#workerPanel .compactStats > div,#workerPanel .stats > div,#workerPanel .statBtn,#workerPanel .workerStats button, #communityDash .cards > div,#communityDash .compactStats > div,#communityDash .stats > div,#communityDash .statBtn, #communityAccount .cards > div,#communityAccount .compactStats > div,#communityAccount .stats > div,#communityAccount .statBtn{ background:linear-gradient(180deg,rgba(26,32,46,.98),rgba(13,17,27,.96))!important; color:#f8fafc!important;border:1px solid var(--bb-border-strong)!important;border-radius:20px!important;opacity:1!important; } #adminPanel .cards > div b,#adminPanel .compactStats > div b,#adminPanel .stats > div b,#adminPanel .statBtn b, #workerPanel .cards > div b,#workerPanel .compactStats > div b,#workerPanel .stats > div b,#workerPanel .statBtn b,#workerPanel .workerStats button b, #communityDash .cards > div b,#communityDash .compactStats > div b,#communityDash .stats > div b,#communityDash .statBtn b, #communityAccount .cards > div b,#communityAccount .compactStats > div b,#communityAccount .stats > div b,#communityAccount .statBtn b{ color:#ff5964!important;font-weight:950!important;opacity:1!important; } /* Sidebar i zakładki */ #adminPanel .adminSidebar,#workerPanel .workerSide,#workerPanel .communitySide,#communityDash .communitySidebar,#communityAccount .communitySidebar{ background:rgba(7,9,15,.86)!important;border:1px solid var(--bb-border-strong)!important;color:#f8fafc!important; } #adminPanel .adminSidebar button,#workerPanel .workerSide button,#workerPanel .communitySide button, #communityDash .communitySidebar button,#communityAccount .communitySidebar button, #adminPanel .adminTabs button,#workerPanel .workerTabs button,#communityDash .communityTabs button,#communityAccount .communityTabs button{ background:rgba(255,255,255,.07)!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.14)!important; opacity:1!important;visibility:visible!important; } #adminPanel .adminSidebar button.active,#adminPanel .adminSidebar button:hover, #workerPanel .workerSide button.active,#workerPanel .workerSide button:hover,#workerPanel .communitySide button.active,#workerPanel .communitySide button:hover, #communityDash .communitySidebar button.active,#communityDash .communitySidebar button:hover,#communityAccount .communitySidebar button.active,#communityAccount .communitySidebar button:hover, #adminPanel .adminTabs button.active,#workerPanel .workerTabs button.active,#communityDash .communityTabs button.active,#communityAccount .communityTabs button.active{ background:linear-gradient(135deg,#e30613,#ff3441)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important; } /* Formularze */ #adminPanel input,#adminPanel textarea,#adminPanel select, #workerPanel input,#workerPanel textarea,#workerPanel select, #communityDash input,#communityDash textarea,#communityDash select,#communityAccount input,#communityAccount textarea,#communityAccount select{ background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;opacity:1!important; } #adminPanel input::placeholder,#adminPanel textarea::placeholder, #workerPanel input::placeholder,#workerPanel textarea::placeholder, #communityDash input::placeholder,#communityDash textarea::placeholder,#communityAccount input::placeholder,#communityAccount textarea::placeholder{ color:#aeb8c7!important;opacity:1!important; } /* Czat */ #adminPanel .chatView,#workerPanel .chatView,#communityDash .chatView,#communityAccount .chatView,#adminPanel .messageMock{ background:rgba(8,10,16,.84)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:22px!important; } #adminPanel .msg.budex,#workerPanel .msg.budex,#communityDash .msg.budex,#communityAccount .msg.budex{ background:linear-gradient(135deg,#e30613,#8d0008)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important; } #adminPanel .msg.client,#workerPanel .msg.client,#communityDash .msg.client,#communityAccount .msg.client{ background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important; } #adminPanel .msg *,#workerPanel .msg *,#communityDash .msg *,#communityAccount .msg *{color:#fff!important;opacity:1!important;} #adminPanel .msg small,#workerPanel .msg small,#communityDash .msg small,#communityAccount .msg small{color:#ffe8ea!important;} /* Tabele i listy */ #adminPanel table,#workerPanel table,#communityDash table,#communityAccount table{background:rgba(15,19,29,.92)!important;color:#fff!important;border-color:rgba(255,255,255,.15)!important;} #adminPanel tr,#workerPanel tr,#communityDash tr,#communityAccount tr{border-color:rgba(255,255,255,.12)!important;} #adminPanel td,#adminPanel th,#workerPanel td,#workerPanel th,#communityDash td,#communityDash th,#communityAccount td,#communityAccount th{color:#f8fafc!important;background:transparent!important;} /* Bottom nav clickability */ .bottomNavNative{pointer-events:auto!important;z-index:5000!important}.bottomNavNative button{pointer-events:auto!important;touch-action:manipulation!important} @media(max-width:760px){ #adminPanel .adminLayout,#workerPanel .workerLayout,#communityDash .communityAppLayout,#communityAccount .communityAppLayout{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;} #adminPanel .adminSidebar,#workerPanel .workerSide,#communityDash .communitySidebar,#communityAccount .communitySidebar{display:flex!important;overflow-x:auto!important;gap:8px!important;padding:10px!important;position:relative!important;top:auto!important;} #adminPanel .adminSidebar button,#workerPanel .workerSide button,#communityDash .communitySidebar button,#communityAccount .communitySidebar button{white-space:nowrap!important;min-width:max-content!important;padding:12px 14px!important;} .cards.four,.cards.three,.compactStats,.stats{grid-template-columns:1fr 1fr!important;} } @media(max-width:420px){.cards.four,.cards.three,.compactStats,.stats{grid-template-columns:1fr!important;}} /* 3.0.12 Renovation client panel */ .renovationMiniBtn{margin-top:12px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.42);color:#fff;border-radius:16px;padding:11px 14px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.25);backdrop-filter:blur(10px)} .renovationMiniBtn:hover{background:#e30613;color:#fff} .backBtn{border:0;background:#111;color:#fff;border-radius:14px;padding:10px 14px;font-weight:900;margin-bottom:12px} .renovationLoginPanel,.renovationClientPanel{max-width:1100px;margin:0 auto;padding-bottom:90px} .renovationLoginHero{border-radius:28px;padding:28px;background:linear-gradient(135deg,#101010,#2a0004);color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.25);margin-bottom:16px} .renovationLoginHero h2{color:#fff;margin:6px 0 10px}.renovationLoginHero p{color:rgba(255,255,255,.86);font-size:16px;line-height:1.55} .renovationBadge{display:inline-flex;background:#e30613;color:#fff;border-radius:999px;padding:7px 11px;font-weight:900;font-size:11px;letter-spacing:.06em} .renovationLoginCard,.renoCard{background:#fff;color:#111;border-radius:24px;padding:20px;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 36px rgba(0,0,0,.12);margin-bottom:16px} .renovationLoginCard h3,.renoCard h3{color:#111;margin-top:0}.renovationLoginCard p,.renoCard p,.renoCard li{color:#333}.demoCredentials{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:16px;padding:12px;margin-top:14px;color:#111}.demoCredentials code{background:#111;color:#fff;border-radius:8px;padding:2px 6px} .renovationTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.renovationWelcome{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#070707,#330006);color:#fff;border-radius:30px;padding:24px;margin-bottom:16px;box-shadow:0 18px 45px rgba(0,0,0,.28)} .renovationWelcome h2{color:#fff;margin:8px 0}.renovationWelcome p{color:rgba(255,255,255,.82)}.renovationScore{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:#fff;color:#111;flex:0 0 auto}.renovationScore b{font-size:30px;color:#e30613}.renovationScore span{font-size:12px;font-weight:800;color:#222} .renovationStats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.renovationStats div{background:#fff;color:#111;border-radius:20px;padding:15px;border:1px solid #e9e9e9;box-shadow:0 10px 26px rgba(0,0,0,.08)}.renovationStats span{display:block;color:#555;font-size:12px;font-weight:800}.renovationStats b{display:block;color:#111;font-size:23px;margin:3px 0}.renovationStats small{color:#555}.renovationStats.mini{grid-template-columns:repeat(3,1fr)} .renovationLayout{display:grid;grid-template-columns:250px 1fr;gap:16px}.renovationMenu{background:#111;border-radius:24px;padding:12px;display:flex;flex-direction:column;gap:8px;height:max-content;position:sticky;top:80px}.renovationMenu button{border:0;border-radius:16px;background:transparent;color:#fff;text-align:left;padding:12px;font-weight:900}.renovationMenu button.active,.renovationMenu button:hover{background:#e30613;color:#fff} .renoTimeline{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:14px 0}.renoTimeline div{background:#f1f1f1;border-radius:16px;padding:10px;text-align:center;color:#555;font-size:12px}.renoTimeline b{display:inline-grid;place-items:center;background:#ddd;width:28px;height:28px;border-radius:50%;margin-bottom:5px;color:#111}.renoTimeline .done{background:#fce9eb;color:#111}.renoTimeline .done b,.renoTimeline .active b{background:#e30613;color:#fff}.renoTimeline .active{outline:2px solid #e30613;color:#111;background:#fff} .renoTwo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bigNumber{display:block;color:#e30613;font-size:24px;margin:8px 0}.progressBarReno{height:14px;background:#eee;border-radius:999px;overflow:hidden;margin:14px 0}.progressBarReno span{display:block;height:100%;background:#e30613;border-radius:999px}.topicItem{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #eee;border-radius:16px;padding:12px;margin:10px 0}.topicItem span{color:#555}.photoGridDemo{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.photoGridDemo div{height:95px;border-radius:18px;background:linear-gradient(135deg,#222,#e30613);color:#fff;display:grid;place-items:center;font-weight:900}.renoChat .msg.budex{background:#e30613!important;color:#fff!important}.renoChat .msg.budex p,.renoChat .msg.budex small,.renoChat .msg.budex b{color:#fff!important} @media(max-width:760px){.renovationWelcome{align-items:flex-start;flex-direction:column}.renovationStats{grid-template-columns:repeat(2,1fr)}.renovationLayout{grid-template-columns:1fr}.renovationMenu{position:static;display:grid;grid-template-columns:repeat(2,1fr)}.renoTimeline{grid-template-columns:1fr}.renoTwo{grid-template-columns:1fr}.photoGridDemo{grid-template-columns:repeat(2,1fr)}} /* BUDEXBUD APP 3.0.13 - Project Edition */ .projectLandingPanel .projectHero{background:linear-gradient(135deg,#070707,#3a0006);} .projectBenefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0} .projectBenefits div,.projectEntryGrid button{background:#fff;color:#111;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(0,0,0,.10);text-align:left} .projectBenefits span,.projectEntryGrid span{display:block;font-size:28px;margin-bottom:8px}.projectBenefits b,.projectEntryGrid b{display:block;color:#111;font-size:16px}.projectBenefits small,.projectEntryGrid small{display:block;color:#444;margin-top:5px;line-height:1.35}.projectEntryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.projectEntryGrid button.primary{background:#e30613;color:#fff;border-color:#e30613}.projectEntryGrid button.primary b,.projectEntryGrid button.primary small{color:#fff}.projectHistoryBox{border-left:5px solid #e30613}.projectForm{background:#fff;color:#111;border-radius:24px;padding:20px;border:1px solid #e9e9e9;box-shadow:0 14px 36px rgba(0,0,0,.12)} .materialBudget{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:18px;padding:14px;margin:14px 0;color:#111}.budgetHead{display:flex;justify-content:space-between;gap:10px;align-items:center}.budgetHead b{color:#111}.budgetHead span{color:#555;font-weight:800}.budgetBars{height:18px;background:#ddd;border-radius:999px;overflow:hidden;position:relative;margin:12px 0}.budgetBars div{position:absolute;left:0;top:0;height:100%;border-radius:999px}.budgetBars .paid{background:#1f9d55;opacity:.25}.budgetBars .planned{background:#999;opacity:.55}.budgetBars .spent{background:#e30613}.budgetLegend{display:grid;gap:6px;color:#222;font-size:13px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.paidDot{background:#1f9d55}.spentDot{background:#e30613}.planDot{background:#777}.materialList div,.approvalItem{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #eee;border-radius:16px;padding:12px;margin:10px 0;background:#fff;color:#111}.materialList b,.approvalItem b{color:#111}.materialList span,.approvalItem span{color:#555;font-weight:700}.approvalItem button{flex:0 0 auto} @media(max-width:760px){.projectBenefits,.projectEntryGrid{grid-template-columns:1fr}.materialList div,.approvalItem{align-items:flex-start;flex-direction:column}} /* BUDEXBUD APP 3.0.21 — VISUAL SKIN ONLY START: existing worker/building photo as full-screen background with glass cards. PROJECT: luxury interior background with transparent cards, no functional changes. */ :root{ --bb-glass-bg: rgba(13,15,20,.42); --bb-glass-bg-strong: rgba(8,10,14,.58); --bb-glass-line: rgba(255,255,255,.23); --bb-white: #ffffff; --bb-soft: #e9eef7; } /* START — full-screen worker/building photo, stronger image visibility */ #home.publicClientHome{ position:relative!important; min-height:calc(100vh - 10px)!important; padding:0 12px 110px!important; overflow:hidden!important; background: linear-gradient(180deg,rgba(0,0,0,.24),rgba(0,0,0,.42)), url('assets/tlo_strona_glowna_budexbud.png') center center/cover no-repeat fixed!important; } #home.publicClientHome:before{ content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 50% 15%,rgba(227,6,19,.14),transparent 36%),linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.55)); z-index:0; } #home.publicClientHome > *{position:relative;z-index:1} #home .newStartHero, #home .clientHeroApp{ min-height:0!important; border-radius:0!important; overflow:visible!important; background:transparent!important; box-shadow:none!important; padding-top:38px!important; margin:0!important; } #home .newStartHero:before, #home .newStartHero:after, #home .clientHeroApp:before, #home .clientHeroApp:after{display:none!important} #home .newStartCard, #home .heroGlass{ width:min(680px,100%)!important; max-width:680px!important; margin:22px 0 22px!important; padding:34px 28px!important; min-height:0!important; border-radius:32px!important; background:linear-gradient(180deg,rgba(14,16,22,.52),rgba(10,12,18,.38))!important; border:1px solid rgba(255,255,255,.24)!important; box-shadow:0 22px 70px rgba(0,0,0,.35)!important; backdrop-filter:blur(15px) saturate(135%)!important; -webkit-backdrop-filter:blur(15px) saturate(135%)!important; } #home .newStartCard .eyebrow{color:#fff!important;letter-spacing:3px!important;text-shadow:0 2px 12px rgba(0,0,0,.55)!important} #home .newStartCard h1{font-size:clamp(44px,8vw,66px)!important;color:#fff!important;text-shadow:0 4px 20px rgba(0,0,0,.65)!important} #home .heroLead{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.65)!important;font-size:clamp(17px,4vw,23px)!important;line-height:1.38!important} #home .cleanActionGrid{grid-template-columns:1fr!important;gap:14px!important;margin-top:24px!important} #home .bigCta{min-height:70px!important;border-radius:22px!important;font-size:20px!important} #home .cleanActionGrid .ghost{background:rgba(12,14,18,.38)!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important} #home .clientFlowCards, #home .publicServiceGrid{display:grid;gap:14px!important} #home .clientFlowCards div, #home .publicServiceGrid button, #home .clientInfoCard, #home .projectTeaserCompact{ background:linear-gradient(180deg,rgba(14,16,22,.46),rgba(10,12,18,.34))!important; border:1px solid rgba(255,255,255,.20)!important; color:#fff!important; box-shadow:0 16px 46px rgba(0,0,0,.30)!important; backdrop-filter:blur(14px) saturate(130%)!important; -webkit-backdrop-filter:blur(14px) saturate(130%)!important; } #home .clientFlowCards b, #home .publicServiceGrid b, #home .clientInfoCard b, #home .projectTeaserCompact b{color:#fff!important} #home .clientFlowCards small, #home .publicServiceGrid small, #home .clientInfoCard p, #home .projectTeaserCompact small{color:#eef2f7!important;opacity:1!important} #home .projectTeaserCompact{ margin-top:26px!important; padding:18px!important; border-radius:26px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; } #home .projectTeaserCompact span{color:#fff!important;font-weight:900!important;letter-spacing:.04em!important} #home .renovationMiniBtn{background:rgba(227,6,19,.88)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important} @media(max-width:760px){ #home.publicClientHome{background-attachment:scroll!important;padding-left:18px!important;padding-right:18px!important;min-height:100svh!important;background-position:center center!important} #home .newStartHero{padding-top:22px!important} #home .newStartCard{margin-top:12px!important;padding:28px 20px!important;background:linear-gradient(180deg,rgba(16,18,24,.46),rgba(8,10,14,.34))!important;border-color:rgba(255,255,255,.26)!important} #home .clientFlowCards{grid-template-columns:1fr!important} #home .projectTeaserCompact{margin-top:16px!important} } /* BUDEXBUD PROJEKT — luxury interior as full-screen module background */ #projectLanding, #projectInquiry, #renovationLogin, #renovationPanel{ position:relative!important; max-width:none!important; min-height:calc(100vh - 40px)!important; padding:26px 7vw 112px!important; color:#fff!important; background: linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.64)), url('assets/reno_luxury_interior_bg.jpg') center center/cover no-repeat fixed!important; border-radius:0!important; overflow:hidden!important; } #projectLanding:before, #projectInquiry:before, #renovationLogin:before, #renovationPanel:before{ content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 22% 12%,rgba(227,6,19,.18),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.25) 48%,rgba(0,0,0,.54)); z-index:0; } #projectLanding > *,#projectInquiry > *,#renovationLogin > *,#renovationPanel > *{position:relative;z-index:1} #projectLanding .backBtn, #projectInquiry .backBtn, #renovationLogin .backBtn, #renovationPanel .backBtn{ background:rgba(0,0,0,.42)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important; } #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome{ background:linear-gradient(180deg,rgba(15,17,22,.50),rgba(9,10,14,.36))!important; border:1px solid rgba(255,255,255,.20)!important; border-radius:30px!important; box-shadow:0 28px 85px rgba(0,0,0,.38)!important; backdrop-filter:blur(16px) saturate(135%)!important; -webkit-backdrop-filter:blur(16px) saturate(135%)!important; } #projectLanding .renovationLoginHero{max-width:760px!important;padding:32px!important;margin-bottom:26px!important} #projectLanding .renovationLoginHero h2, #projectInquiry .renovationLoginHero h2, #renovationLogin .renovationLoginHero h2, #renovationPanel .renovationWelcome h2{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.58)!important} #projectLanding .renovationLoginHero p, #projectInquiry .renovationLoginHero p, #renovationLogin .renovationLoginHero p, #renovationPanel .renovationWelcome p{color:#f0f4fa!important;opacity:1!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important} .renovationBadge{background:linear-gradient(135deg,#e30613,#ff3340)!important;color:#fff!important;box-shadow:0 10px 28px rgba(227,6,19,.38)!important} /* Project navigation/benefits like graphic 1: glass cards */ .projectBenefits, .projectEntryGrid{gap:16px!important} .projectBenefits div, .projectEntryGrid button, .projectHistoryBox, .projectForm, .renovationLoginCard, .renoCard, .renovationStats div, .renovationMenu, .materialBudget, .topicItem, .docCard, .invoiceCard, .approvalItem, .renoPhotoCard, .stageList button{ background:linear-gradient(180deg,rgba(13,15,20,.56),rgba(10,12,18,.40))!important; border:1px solid rgba(255,255,255,.20)!important; color:#fff!important; box-shadow:0 20px 62px rgba(0,0,0,.34)!important; backdrop-filter:blur(16px) saturate(135%)!important; -webkit-backdrop-filter:blur(16px) saturate(135%)!important; } .projectBenefits div:first-child{background:linear-gradient(135deg,rgba(227,6,19,.78),rgba(120,0,10,.58))!important;border-color:rgba(255,80,90,.38)!important} .projectBenefits b,.projectEntryGrid b,.projectHistoryBox b,.renovationLoginCard h3,.renoCard h3,.renovationStats b,.topicItem b,.docCard b,.invoiceCard b,.approvalItem b,.renoPhotoCard b,.stageList b{color:#fff!important;opacity:1!important} .projectBenefits small,.projectEntryGrid small,.projectHistoryBox p,.renovationLoginCard p,.renoCard p,.renoCard li,.renovationStats span,.renovationStats small,.topicItem span,.docCard span,.invoiceCard span,.approvalItem span,.renoPhotoCard span,.stageList button,.materialList button span,.budgetHead span,.budgetLegend span{color:#e9eef7!important;opacity:1!important} .projectEntryGrid button.primary{background:linear-gradient(135deg,#e30613,#ff303d)!important;border-color:rgba(255,255,255,.20)!important} .projectEntryGrid button.ghost{background:linear-gradient(180deg,rgba(13,15,20,.50),rgba(10,12,18,.34))!important;color:#fff!important} .projectForm input,.projectForm textarea,.projectForm select, .renovationLoginCard input, .renovationLoginCard textarea{ background:rgba(0,0,0,.32)!important;color:#fff!important;border:1px solid rgba(255,255,255,.23)!important; } .demoCredentials{background:rgba(0,0,0,.35)!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important} .demoCredentials code{background:rgba(227,6,19,.92)!important;color:#fff!important} /* Renovation panel as app dashboard on glass */ .renovationTop{margin-bottom:16px!important} .renovationWelcome{align-items:flex-start!important} .renovationScore{background:rgba(0,0,0,.36)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;box-shadow:0 14px 40px rgba(0,0,0,.25)!important} .renovationScore b{color:#ff303d!important}.renovationScore span{color:#fff!important} .renovationMenu{position:sticky!important;top:82px!important;border-radius:28px!important;padding:12px!important} .renovationMenu button{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;border-radius:18px!important;opacity:1!important} .renovationMenu button.active,.renovationMenu button:hover{background:linear-gradient(135deg,rgba(227,6,19,.92),rgba(150,0,10,.72))!important;border-color:rgba(255,80,90,.35)!important;color:#fff!important} .renoDashboardTop{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.renoDashboardTop>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;color:#fff}.renoDashboardTop span{color:#e9eef7!important}.renoDashboardTop b{color:#fff!important}.renoDashboardTop small{color:#e9eef7!important} .progressBarReno,.budgetBars{background:rgba(255,255,255,.18)!important}.progressBarReno span{background:linear-gradient(90deg,#e30613,#ff333f)!important}.budgetBars .paid{background:#22c55e!important}.budgetBars .spent{background:#e30613!important}.budgetBars .planned{background:rgba(255,255,255,.30)!important} .renoTimeline{display:grid!important;grid-template-columns:repeat(7,1fr)!important;gap:10px!important}.renoTimeline button,.renoTimeline div{background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.16)!important;color:#e9eef7!important;border-radius:18px!important;padding:12px 8px!important}.renoTimeline .done,.renoTimeline .active{background:rgba(227,6,19,.28)!important;border-color:rgba(255,80,90,.38)!important;color:#fff!important}.renoTimeline b{background:rgba(255,255,255,.14)!important;color:#fff!important}.renoTimeline .done b,.renoTimeline .active b{background:#e30613!important;color:#fff!important} .materialList button{background:rgba(0,0,0,.34)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:18px!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important}.materialList button b,.materialList button em{color:#fff!important}.materialList button em{background:rgba(227,6,19,.92)!important;border-radius:999px!important;padding:5px 9px!important} .photoGridDemo .photoMock,.renoPhotoCard .photoMock{background:url('assets/reno_luxury_interior_bg.jpg') center/cover no-repeat!important;filter:saturate(1.05)!important} .msg.client{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important}.msg.client b,.msg.client p,.msg.client small{color:#fff!important} @media(max-width:900px){ #projectLanding,#projectInquiry,#renovationLogin,#renovationPanel{background-attachment:scroll!important;padding:22px 16px 110px!important;background-position:center center!important} #projectLanding:before,#projectInquiry:before,#renovationLogin:before,#renovationPanel:before{position:absolute!important} #projectLanding .renovationLoginHero{padding:26px 20px!important} .projectBenefits,.projectEntryGrid{grid-template-columns:1fr!important} .renovationLayout{grid-template-columns:1fr!important} .renovationMenu{position:static!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;overflow:auto!important} .renovationMenu button{font-size:12px!important;text-align:center!important;min-height:54px!important;padding:9px 7px!important} .renovationStats{grid-template-columns:repeat(2,1fr)!important} .renoDashboardTop,.renoTwo{grid-template-columns:1fr!important} .renoTimeline{grid-template-columns:repeat(2,1fr)!important} } @media(max-width:420px){ .renovationMenu{grid-template-columns:repeat(2,1fr)!important} .renovationStats{grid-template-columns:1fr!important} #home .bigCta{font-size:18px!important} } /* BUDEXBUD APP 3.0.22 — GLASS TRANSPARENCY FIX */ :root{ --bb-glass-bg: rgba(13,16,22,.46); --bb-glass-bg-2: rgba(9,11,16,.38); --bb-glass-border: rgba(255,255,255,.24); } /* Full-screen visual background remains visible behind UI */ #home, #projectLanding, #projectInquiry, #renovationLogin, #renovationPanel{ background-size: cover !important; background-position: center center !important; background-attachment: fixed !important; } #home::before, #projectLanding::before, #projectInquiry::before, #renovationLogin::before, #renovationPanel::before{ background: linear-gradient(180deg, rgba(0,0,0,.36), rgba(0,0,0,.48)) !important; } /* Transparent glass cards — keep text sharp, show background */ #home .newStartCard, #home .processStep, #home .projectTeaserCompact, #home .helpFeature, #home .freeInfo, #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome, .projectBenefits div, .projectEntryGrid button, .projectHistoryBox, .projectForm, .renovationLoginCard, .renoCard, .renovationStats, .topicItem, .docCard, .invoiceCard, .approvalItem, .renoPhotoCard, .stageList, .materialList button, .budgetCard, .dashboardHeroReno, .renoTabs, .renoPanelShell, .renoTwo > div{ background: linear-gradient(180deg, var(--bb-glass-bg), var(--bb-glass-bg-2)) !important; border: 1px solid var(--bb-glass-border) !important; box-shadow: 0 18px 48px rgba(0,0,0,.28) !important; backdrop-filter: blur(14px) saturate(130%) !important; -webkit-backdrop-filter: blur(14px) saturate(130%) !important; color:#fff !important; } /* Red active/action cards stay strong but more transparent */ #home .newStartCard.primary, #home .primaryActionCard, .projectBenefits div:first-child, .projectEntryGrid button.primary, .renoTabs button.active, .renoCard.active, .renoActionPrimary{ background: linear-gradient(135deg, rgba(227,6,19,.82), rgba(120,0,10,.58)) !important; border-color: rgba(255,255,255,.28) !important; box-shadow: 0 18px 52px rgba(227,6,19,.22) !important; } /* More visible background: smaller/lighter cards where only short text exists */ #home .processStep, #home .helpFeature, .projectBenefits div, .projectEntryGrid button{ min-height: unset !important; padding: 18px 20px !important; } /* Thin, subtle outlines */ #home .newStartCard, #home .processStep, #home .projectTeaserCompact, .projectBenefits div, .projectEntryGrid button, .renoCard, .docCard, .invoiceCard, .renoPhotoCard, .materialList button{ outline: 1px solid rgba(255,255,255,.04) !important; } /* Text remains crisp and readable */ #home h1,#home h2,#home h3,#home b, #projectLanding h1,#projectLanding h2,#projectLanding h3,#projectLanding b, #projectInquiry h1,#projectInquiry h2,#projectInquiry h3,#projectInquiry b, #renovationLogin h1,#renovationLogin h2,#renovationLogin h3,#renovationLogin b, #renovationPanel h1,#renovationPanel h2,#renovationPanel h3,#renovationPanel b{ color:#fff !important; opacity:1 !important; text-shadow: 0 2px 12px rgba(0,0,0,.45) !important; } #home p,#home small,#home span, #projectLanding p,#projectLanding small,#projectLanding span, #projectInquiry p,#projectInquiry small,#projectInquiry span, #renovationLogin p,#renovationLogin small,#renovationLogin span, #renovationPanel p,#renovationPanel small,#renovationPanel span, .projectBenefits small,.projectEntryGrid small,.projectHistoryBox p{ color:#eef2f7 !important; opacity:1 !important; } /* Bottom navigation glass, lighter opacity so background is visible */ .bottomNavNative{ background: rgba(10,12,18,.58) !important; border:1px solid rgba(255,255,255,.22) !important; backdrop-filter: blur(18px) saturate(135%) !important; -webkit-backdrop-filter: blur(18px) saturate(135%) !important; } @media(max-width:760px){ #home,#projectLanding,#projectInquiry,#renovationLogin,#renovationPanel{ background-attachment: scroll !important; } #home .newStartCard, #projectLanding .renovationLoginHero, #renovationPanel .renovationWelcome{ background: linear-gradient(180deg, rgba(13,16,22,.44), rgba(9,11,16,.34)) !important; backdrop-filter: blur(12px) saturate(130%) !important; -webkit-backdrop-filter: blur(12px) saturate(130%) !important; } } /* BUDEXBUD APP 3.0.23 — STRONG GLASS 35% + BACK BUTTON FIX Tylko szata graficzna: mocniejsza przezroczystość kart, widoczne tła i powrót przycisku Cofnij. */ :root{ --bb-glass-35: rgba(8,10,14,.35); --bb-glass-25: rgba(8,10,14,.25); --bb-glass-18: rgba(8,10,14,.18); --bb-glass-border-soft: rgba(255,255,255,.16); } /* START — budynek + pracownik ma być widoczny, karta tylko jako delikatne szkło */ #home .newStartHero{ background: linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.30)), url('assets/tlo_strona_glowna_budexbud.png') center center/cover no-repeat fixed !important; } #home .newStartHero:before, #home .newStartHero:after{background:transparent!important;display:none!important;content:none!important;} #home .newStartCard, #home .processStep, #home .projectTeaserCompact, #home .helpFeature, #home .freeInfo, #home .clientInfoCard, #home .publicServiceGrid button, #home .clientFlowCards div{ background:linear-gradient(180deg,var(--bb-glass-35),var(--bb-glass-18))!important; border:1px solid var(--bb-glass-border-soft)!important; box-shadow:0 14px 38px rgba(0,0,0,.22)!important; backdrop-filter:blur(7px) saturate(125%)!important; -webkit-backdrop-filter:blur(7px) saturate(125%)!important; } #home .newStartCard{max-width:590px!important;} #home .primary, #home .bigCta.primary, #home .primaryActionCard{ background:linear-gradient(135deg,rgba(227,6,19,.88),rgba(255,52,65,.68))!important; border:1px solid rgba(255,255,255,.22)!important; } #home .ghost, #home .bigCta.ghost{ background:rgba(8,10,14,.24)!important; border:1px solid rgba(255,255,255,.20)!important; } /* BUDEXBUD PROJEKT — luksusowe wnętrze jako pełnoekranowe tło, nie zakrywać kartami */ #projectLanding, #projectInquiry, #renovationLogin, #renovationPanel{ background: linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.34)), url('assets/reno_luxury_interior_bg.jpg') center center/cover no-repeat fixed!important; } #projectLanding:before,#projectInquiry:before,#renovationLogin:before,#renovationPanel:before{ background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.08) 48%,rgba(0,0,0,.22))!important; } #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome, .projectBenefits div, .projectEntryGrid button, .projectHistoryBox, .projectForm, .renovationLoginCard, .renoCard, .renovationStats, .renovationStats div, .renovationMenu, .topicItem, .docCard, .invoiceCard, .approvalItem, .renoPhotoCard, .stageList, .stageList button, .materialList button, .materialBudget, .budgetCard, .dashboardHeroReno, .renoTabs, .renoPanelShell, .renoTwo > div, .renoDashboardTop > div, .renoTimeline button, .renoTimeline div, .chatView.renoChat, .msg.client{ background:linear-gradient(180deg,var(--bb-glass-35),var(--bb-glass-18))!important; border:1px solid var(--bb-glass-border-soft)!important; box-shadow:0 14px 38px rgba(0,0,0,.22)!important; backdrop-filter:blur(7px) saturate(125%)!important; -webkit-backdrop-filter:blur(7px) saturate(125%)!important; color:#fff!important; } .projectBenefits div:first-child, .projectEntryGrid button.primary, .renovationMenu button.active, .renovationMenu button:hover, .renoTimeline .done, .renoTimeline .active{ background:linear-gradient(135deg,rgba(227,6,19,.78),rgba(120,0,10,.42))!important; border-color:rgba(255,255,255,.20)!important; } .renovationMenu button{ background:rgba(8,10,14,.25)!important; border:1px solid rgba(255,255,255,.14)!important; } #projectLanding h1,#projectLanding h2,#projectLanding h3,#projectLanding b, #projectInquiry h1,#projectInquiry h2,#projectInquiry h3,#projectInquiry b, #renovationLogin h1,#renovationLogin h2,#renovationLogin h3,#renovationLogin b, #renovationPanel h1,#renovationPanel h2,#renovationPanel h3,#renovationPanel b, .projectBenefits b,.projectEntryGrid b,.renoCard h3,.docCard b,.invoiceCard b,.materialList button b,.approvalItem b,.topicItem b{ color:#fff!important;opacity:1!important;text-shadow:0 2px 10px rgba(0,0,0,.48)!important; } #projectLanding p,#projectLanding small,#projectLanding span, #projectInquiry p,#projectInquiry small,#projectInquiry span, #renovationLogin p,#renovationLogin small,#renovationLogin span, #renovationPanel p,#renovationPanel small,#renovationPanel span, .projectBenefits small,.projectEntryGrid small,.docCard span,.invoiceCard span,.materialList button span,.approvalItem span,.topicItem span{ color:#f1f5f9!important;opacity:1!important;text-shadow:0 2px 8px rgba(0,0,0,.38)!important; } /* Przycisk Cofnij zawsze widoczny w module projektu i w zakładkach */ #projectLanding .backBtn,#projectInquiry .backBtn,#renovationLogin .backBtn,#renovationPanel .backBtn,.inTabBack{ display:inline-flex!important;align-items:center!important;gap:7px!important; position:sticky!important;top:82px!important;z-index:80!important; margin:0 0 14px 0!important;padding:10px 15px!important; background:rgba(8,10,14,.45)!important;color:#fff!important; border:1px solid rgba(255,255,255,.22)!important;border-radius:999px!important; backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important; box-shadow:0 10px 26px rgba(0,0,0,.24)!important;font-weight:950!important; } /* Dolna nawigacja lżejsza, żeby nie przykrywać tła */ .bottomNavNative{ background:rgba(8,10,14,.46)!important; border:1px solid rgba(255,255,255,.18)!important; backdrop-filter:blur(10px) saturate(130%)!important; -webkit-backdrop-filter:blur(10px) saturate(130%)!important; } @media(max-width:760px){ #home .newStartHero{background-attachment:scroll!important;min-height:calc(100vh - 92px)!important;} #projectLanding,#projectInquiry,#renovationLogin,#renovationPanel{background-attachment:scroll!important;} #home .newStartCard, #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome, .projectBenefits div, .projectEntryGrid button, .renoCard, .renovationMenu{ background:linear-gradient(180deg,rgba(8,10,14,.34),rgba(8,10,14,.18))!important; backdrop-filter:blur(6px) saturate(120%)!important; -webkit-backdrop-filter:blur(6px) saturate(120%)!important; } } /* === BUDEXBUD APP 3.0.24 — LIGHT GLASS / BACK FIX === Cel: tło ma być wyraźnie widoczne. Usunięto ciężkie, ciemne wypełnienia kart. Funkcje bez zmian. */ :root{ --bb-glass-bg: rgba(7, 9, 13, .26) !important; --bb-glass-bg-2: rgba(7, 9, 13, .18) !important; --bb-glass-border: rgba(255,255,255,.20) !important; --bb-glass-red: rgba(227,6,19,.72) !important; --bb-glass-shadow: 0 18px 45px rgba(0,0,0,.20) !important; } /* Delikatne przyciemnienie zdjęcia, bez ciężkiej zasłony */ #home::before, #projectLanding::before, #projectInquiry::before, #renovationLogin::before, #renovationPanel::before{ background: linear-gradient(180deg, rgba(0,0,0,.16), rgba(0,0,0,.26)) !important; } /* Start — karty mniej zamalowane, tło bardziej widoczne */ #home .heroGlass, #home .newStartCard, #home .clientFlowCards > *, #home .projectTeaserCompact, #home .nativeGridCards button, #home .clientInfoCard, #home .clientGeneralBox, #home .publicServiceGrid button{ background: linear-gradient(180deg, rgba(7,9,13,.25), rgba(7,9,13,.15)) !important; border: 1px solid rgba(255,255,255,.20) !important; box-shadow: var(--bb-glass-shadow) !important; backdrop-filter: blur(2px) saturate(105%) !important; -webkit-backdrop-filter: blur(2px) saturate(105%) !important; } #home .newStartCard.primary, #home .primaryActionCard, #home button.primary{ background: linear-gradient(135deg, rgba(227,6,19,.86), rgba(255,45,58,.70)) !important; border: 1px solid rgba(255,255,255,.24) !important; } /* BUDEXBUD PROJEKT — cała sekcja ma pokazywać luksusowe wnętrze */ #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome, #projectLanding .projectHistoryBox, #projectLanding .clientInfoCard, #projectLanding .projectBenefits div, #projectLanding .projectEntryGrid button, #projectInquiry .projectForm, #projectInquiry .form, #renovationLogin .renovationLoginCard, #renovationPanel .renovationStats, #renovationPanel .renovationStats div, #renovationPanel .renovationMenu, #renovationPanel .renovationContent, #renovationPanel .renoCard, #renovationPanel .renoDashboardTop > div, #renovationPanel .topicItem, #renovationPanel .docCard, #renovationPanel .invoiceCard, #renovationPanel .approvalItem, #renovationPanel .renoPhotoCard, #renovationPanel .materialList button, #renovationPanel .renoTimeline button, #renovationPanel .stageList button, #renovationPanel .materialBudget, #renovationPanel .demoCredentials, #renovationPanel .msg.client{ background: linear-gradient(180deg, rgba(8,10,14,.27), rgba(8,10,14,.16)) !important; border: 1px solid rgba(255,255,255,.20) !important; box-shadow: var(--bb-glass-shadow) !important; backdrop-filter: blur(2px) saturate(105%) !important; -webkit-backdrop-filter: blur(2px) saturate(105%) !important; } /* Karta czerwona zostaje czytelna, ale nie przykrywa całego tła */ #projectLanding .projectBenefits div:first-child, #renovationPanel .renovationMenu button.active, #renovationPanel .renovationMenu button:hover, #renovationPanel .renoTimeline .active, #renovationPanel .renoTimeline .done, #renovationPanel button.primary, #projectLanding .projectEntryGrid button.primary{ background: linear-gradient(135deg, rgba(227,6,19,.78), rgba(150,0,10,.52)) !important; border-color: rgba(255,90,100,.36) !important; } /* Minimalny blur, ostrzejsze tło */ #projectLanding *, #projectInquiry *, #renovationLogin *, #renovationPanel *, #home *{ text-shadow: 0 2px 10px rgba(0,0,0,.50); } #projectLanding h1,#projectLanding h2,#projectLanding h3,#projectLanding b, #projectInquiry h1,#projectInquiry h2,#projectInquiry h3,#projectInquiry b, #renovationLogin h1,#renovationLogin h2,#renovationLogin h3,#renovationLogin b, #renovationPanel h1,#renovationPanel h2,#renovationPanel h3,#renovationPanel b, #home h1,#home h2,#home h3,#home b{ color:#fff !important; opacity:1 !important; } #projectLanding p,#projectLanding small,#projectLanding span, #projectInquiry p,#projectInquiry small,#projectInquiry span, #renovationLogin p,#renovationLogin small,#renovationLogin span, #renovationPanel p,#renovationPanel small,#renovationPanel span, #home p,#home small,#home span{ color:#f2f5fa !important; opacity:1 !important; } /* Dolne menu też lżejsze, ale czytelne */ .bottomNavNative{ background: rgba(7,9,13,.34) !important; border: 1px solid rgba(255,255,255,.22) !important; backdrop-filter: blur(3px) saturate(110%) !important; -webkit-backdrop-filter: blur(3px) saturate(110%) !important; } /* Cofnij — widoczne na każdej podstronie i w tabach */ .backBtn, .inTabBack{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; min-height:38px !important; padding:9px 14px !important; margin:0 0 14px 0 !important; background: rgba(7,9,13,.32) !important; color:#fff !important; border:1px solid rgba(255,255,255,.26) !important; border-radius:999px !important; box-shadow:0 12px 28px rgba(0,0,0,.18) !important; backdrop-filter: blur(2px) !important; -webkit-backdrop-filter: blur(2px) !important; font-weight:900 !important; } .inTabBack{position:sticky;top:78px;z-index:5;width:max-content} /* Usunięcie zbyt dużych ciemnych plam z kart opisowych */ #projectLanding .projectBenefits, #projectLanding .projectEntryGrid, #renovationPanel .renovationLayout, #renovationPanel .renoTwo, #home .clientFlowCards, #home .nativeGridCards{ gap:18px !important; } @media(max-width:720px){ #home .heroGlass, #home .newStartCard, #projectLanding .renovationLoginHero, #renovationPanel .renovationWelcome, #renovationPanel .renoCard{ background: linear-gradient(180deg, rgba(7,9,13,.25), rgba(7,9,13,.16)) !important; backdrop-filter: blur(2px) saturate(105%) !important; -webkit-backdrop-filter: blur(2px) saturate(105%) !important; } } /* === BUDEXBUD APP 3.0.25 — FINAL VISUAL + NEW LOGO === Zmiany wyłącznie wizualne: nowe logo, ikony PWA, splash, czystsze tło startu, lżejsze szkło. */ :root{ --bb-final-glass: rgba(6,8,12,.22) !important; --bb-final-glass-2: rgba(6,8,12,.12) !important; --bb-final-border: rgba(255,255,255,.18) !important; --bb-final-shadow: 0 14px 36px rgba(0,0,0,.18) !important; } /* Nowe logo w aplikacji */ .splashBbLogo,.splashBrand,.splashSub,.splashLine,.splashSlogan{display:none!important;} .splashLogoBlock:before{content:'';display:block;width:min(420px,76vw);height:min(178px,32vw);margin:0 auto 26px;background:url('assets/bb_logo_compact.png') center/contain no-repeat;filter:drop-shadow(0 16px 34px rgba(0,0,0,.55));} .appSplash{background:#020204!important;} .appSplash:before{background:radial-gradient(circle at 50% 42%,rgba(227,6,19,.12),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.94))!important;} .splashLoadingText{color:#fff!important;letter-spacing:1.6px;text-transform:uppercase;font-size:12px;} .splashLoader{height:6px!important;background:rgba(255,255,255,.16)!important;} .splashLoader div{background:linear-gradient(90deg,#e30613,#ff3545)!important;} .brandLogoText,.nativeBrandMark{font-size:0!important;letter-spacing:0!important;color:transparent!important;} .brandLogoText span,.nativeBrandMark .markRoof,.nativeBrandMark b,.nativeBrandMark small{display:none!important;} .brandLogoText{display:block!important;width:210px!important;height:62px!important;background:url('assets/bb_logo_compact.png') left center/contain no-repeat!important;} .brand small{display:none!important;} .nativeBrandMark{display:block!important;width:190px!important;height:64px!important;background:url('assets/bb_logo_compact.png') left center/contain no-repeat!important;} .footerAdminLogo{font-size:0!important;width:150px;height:34px;background:url('assets/bb_logo_compact.png') center/contain no-repeat!important;border:0!important;} .footerAdminLogo span{display:none!important;} /* Start: czyste tło bez napisów w grafice, bardziej widoczne zdjęcie */ #home, #home .clientHeroApp, #home .newStartHero{ background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.28)),url('assets/tlo_start_clean_budexbud.png')!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; } #home{background-attachment:fixed!important;} #home::before,.clientHeroApp:before,.clientHeroApp:after,.newStartHero:before,.newStartHero:after{background:transparent!important;display:none!important;} /* Lżejsze szkło — tło ma być widoczne, tekst zostaje biały */ #home .heroGlass, #home .newStartCard, #home .clientFlowCards > div, #home .projectTeaserCompact, #home .nativeGridCards button, #home .clientInfoCard, #home .clientGeneralBox, #projectLanding .renovationLoginHero, #projectInquiry .renovationLoginHero, #renovationLogin .renovationLoginHero, #renovationPanel .renovationWelcome, #projectLanding .projectHistoryBox, #projectLanding .clientInfoCard, #projectLanding .projectBenefits div, #projectLanding .projectEntryGrid button, #projectInquiry .projectForm, #projectInquiry .form, #renovationLogin .renovationLoginCard, #renovationPanel .renovationStats, #renovationPanel .renovationStats div, #renovationPanel .renovationMenu, #renovationPanel .renovationContent, #renovationPanel .renoCard, #renovationPanel .renoDashboardTop > div, #renovationPanel .topicItem, #renovationPanel .docCard, #renovationPanel .invoiceCard, #renovationPanel .approvalItem, #renovationPanel .renoPhotoCard, #renovationPanel .materialList button, #renovationPanel .renoTimeline button, #renovationPanel .stageList button, #renovationPanel .materialBudget, #renovationPanel .demoCredentials, #renovationPanel .msg.client{ background:linear-gradient(180deg,var(--bb-final-glass),var(--bb-final-glass-2))!important; border:1px solid var(--bb-final-border)!important; box-shadow:var(--bb-final-shadow)!important; backdrop-filter:blur(1px) saturate(104%)!important; -webkit-backdrop-filter:blur(1px) saturate(104%)!important; } #projectLanding .projectBenefits div:first-child, #renovationPanel .renovationMenu button.active, #renovationPanel .renovationMenu button:hover, #renovationPanel .renoTimeline .active, #renovationPanel .renoTimeline .done, #renovationPanel button.primary, #projectLanding .projectEntryGrid button.primary, #home button.primary{ background:linear-gradient(135deg,rgba(227,6,19,.86),rgba(255,45,58,.66))!important; border-color:rgba(255,255,255,.22)!important; } /* Remonty/wykończenia: luksusowe wnętrze ma być głównym tłem */ #projectLanding, #projectInquiry, #renovationLogin, #renovationPanel{ background-image:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.30)),url('assets/reno_luxury_interior_bg.jpg')!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; background-attachment:fixed!important; } #projectLanding:before,#projectInquiry:before,#renovationLogin:before,#renovationPanel:before{display:none!important;} /* Cofnij wszędzie widoczny */ .backBtn,.inTabBack{ display:inline-flex!important;align-items:center!important;justify-content:center!important; gap:6px!important;min-height:38px!important;padding:9px 14px!important;margin:0 0 14px 0!important; background:rgba(6,8,12,.26)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important; border-radius:999px!important;box-shadow:0 10px 22px rgba(0,0,0,.14)!important; backdrop-filter:blur(1px)!important;-webkit-backdrop-filter:blur(1px)!important;font-weight:900!important; } /* Ostrzejszy tekst nad lekkimi kartami */ #home h1,#home h2,#home h3,#home b, #projectLanding h1,#projectLanding h2,#projectLanding h3,#projectLanding b, #projectInquiry h1,#projectInquiry h2,#projectInquiry h3,#projectInquiry b, #renovationLogin h1,#renovationLogin h2,#renovationLogin h3,#renovationLogin b, #renovationPanel h1,#renovationPanel h2,#renovationPanel h3,#renovationPanel b{ color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.70)!important;opacity:1!important; } #home p,#home small,#home span, #projectLanding p,#projectLanding small,#projectLanding span, #projectInquiry p,#projectInquiry small,#projectInquiry span, #renovationLogin p,#renovationLogin small,#renovationLogin span, #renovationPanel p,#renovationPanel small,#renovationPanel span{ color:#f5f7fb!important;text-shadow:0 2px 10px rgba(0,0,0,.64)!important;opacity:1!important; } /* Lżejszy dolny pasek */ .bottomNavNative{background:rgba(6,8,12,.26)!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;} @media(max-width:760px){ #home,#projectLanding,#projectInquiry,#renovationLogin,#renovationPanel{background-attachment:scroll!important;} .brandLogoText{width:170px!important;height:52px!important;} .nativeBrandMark{width:164px!important;height:54px!important;} #home .heroGlass,#home .newStartCard,#projectLanding .renovationLoginHero,#renovationPanel .renovationWelcome,.renoCard{ background:linear-gradient(180deg,rgba(6,8,12,.24),rgba(6,8,12,.13))!important; backdrop-filter:blur(1px)!important;-webkit-backdrop-filter:blur(1px)!important; } } /* PATCH 3.0.28 — przywrócone zaakceptowane tło startu/ładowania + przycisk Projekt */ .appSplash{ background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.72)),url('assets/tlo_strona_glowna_budexbud.png') center center/cover no-repeat!important; } .appSplash:before{ background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.50))!important; } #home,#home .clientHeroApp,#home .newStartHero{ background-image:linear-gradient(180deg,rgba(0,0,0,.16),rgba(0,0,0,.28)),url('assets/tlo_strona_glowna_budexbud.png')!important; background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; } .bottomNavNative{grid-template-columns:repeat(6,1fr)!important;width:min(860px,calc(100vw - 22px))!important;} @media(max-width:480px){.bottomNavNative{grid-template-columns:repeat(6,1fr)!important}.bottomNavNative button span{font-size:18px!important}.bottomNavNative button small{display:none!important}} /* === BUDEXBUD APP 3.0.29 — LOGO WWW NOT CROPPED + UPDATE SYNC === */ .splashLogoBlock{overflow:visible!important;} .splashLogoBlock:before{ content:''!important; display:block!important; width:min(500px,88vw)!important; height:min(216px,39vw)!important; margin:0 auto 26px!important; background:url('assets/bb_logo_full.png') center/contain no-repeat!important; filter:drop-shadow(0 16px 34px rgba(0,0,0,.55))!important; } .brandLogoText{ display:block!important; width:250px!important; height:108px!important; background:url('assets/bb_logo_full.png') left center/contain no-repeat!important; overflow:visible!important; } .nativeBrandMark{ display:block!important; width:214px!important; height:60px!important; background:url('assets/bb_logo_full.png') left center/contain no-repeat!important; overflow:visible!important; } .footerAdminLogo{ font-size:0!important; width:210px!important; height:92px!important; background:url('assets/bb_logo_full.png') center/contain no-repeat!important; border:0!important; overflow:visible!important; } @media(max-width:480px){ .splashLogoBlock:before{width:min(430px,92vw)!important;height:min(186px,40vw)!important;} .nativeBrandMark{width:172px!important;height:50px!important;} } /* === BUDEXBUD APP 3.0.32 — MOBILE ONLY BACKGROUND SCALE FIX === Bazą jest wersja 3.0.29. Zmienione tylko skalowanie zdjęć tła na telefonach. Desktop zostaje bez zmian. */ @media (max-width: 760px){ .appSplash{ background-image:linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.78)),url('assets/tlo_strona_glowna_budexbud.png')!important; background-size:100% auto!important; background-position:center top!important; background-repeat:no-repeat!important; background-color:#05070b!important; background-attachment:scroll!important; } #home, #home .clientHeroApp, #home .newStartHero{ background-image:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.46)),url('assets/tlo_strona_glowna_budexbud.png')!important; background-size:100% auto!important; background-position:center top!important; background-repeat:no-repeat!important; background-color:#06080d!important; background-attachment:scroll!important; } #home .clientHeroApp:before{ background-image:none!important; } #projectLanding, #projectInquiry, #renovationLogin, #renovationPanel{ background-image:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.62)),url('assets/reno_luxury_interior_bg.jpg')!important; background-size:100% auto!important; background-position:center top!important; background-repeat:no-repeat!important; background-color:#08080a!important; background-attachment:scroll!important; } } /* === BUDEXBUD APP 3.0.34 — MOBILE NAV LABELS RESTORED === Poprawka tylko podpisów pod ikonami na dolnej nawigacji. */ @media (max-width: 760px){ .bottomNavNative{ height:78px!important; padding:7px 5px 8px!important; align-items:center!important; } .bottomNavNative button{ gap:2px!important; min-width:0!important; padding:4px 1px!important; } .bottomNavNative button span{ font-size:18px!important; line-height:1!important; } .bottomNavNative button small{ display:block!important; visibility:visible!important; opacity:1!important; font-size:8.5px!important; line-height:1.05!important; max-width:100%!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; color:inherit!important; text-shadow:none!important; } body{padding-bottom:104px!important;} }