/* LubriGo complete application theme — ReGreasePro v2.15.14 */ :root{--lg-blue:#0057B8;--lg-blue-dark:#003F87;--lg-blue-light:#E8F2FC;--lg-graphite:#111820;--lg-navy:#172536;--lg-page:#F2F5F7;--lg-soft:#E7ECF0;--lg-steel:#C9D2DA;--lg-slate:#5D6B78;--lg-white:#FFFFFF;--lg-green:#16835F;--lg-amber:#E6B800;--lg-yellow:#FFD400;--lg-red:#C7372F;--lg-info:#176FA6;--lg-focus:#80B9EA;--yellow:#FFD400;--ink:#172536;--muted:#5D6B78;--line:#C9D2DA} *{box-sizing:border-box} html,body,#root{background:var(--lg-page)!important;color:var(--lg-navy)!important} body{font-family:"Segoe UI",Inter,Arial,sans-serif!important;accent-color:var(--lg-blue)} /* Complete branded header */ #root .topbar{background:var(--lg-graphite)!important;background-image:none!important;border:0!important;border-bottom:4px solid var(--lg-blue)!important;box-shadow:none!important;min-height:96px!important;padding:12px clamp(16px,4vw,48px)!important} #root .brand-lockup{display:flex!important;align-items:center!important;gap:18px!important;min-width:0!important} #root .lubrigo-logo{display:flex!important;align-items:center!important;width:clamp(210px,27vw,330px)!important;height:68px!important;padding:8px 15px!important;background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-radius:12px!important;overflow:hidden!important} #root .lubrigo-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;background:transparent!important;filter:none!important} #root .app-logo{display:flex!important;align-items:center!important;width:auto!important;height:60px!important;padding-left:18px!important;border-left:1px solid #44515E!important;background:none!important;overflow:visible!important} #root .app-logo img{display:none!important} #root .app-logo::before{content:"ReGrease Pro";display:block;color:var(--lg-white);font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1} #root .app-logo::after{content:"Bearing Lubrication Calculator";display:block;color:var(--lg-focus);margin-left:13px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;max-width:130px;line-height:1.25} #root .header-note{color:var(--lg-white)!important;background:#172536!important;border:1px solid #44515E!important;border-radius:999px!important;padding:8px 12px!important;font-weight:700!important;white-space:nowrap} #root .header-note i{background:var(--lg-green)!important} /* Main page and opening */ #root main{background:var(--lg-page)!important} #root .shell{max-width:1480px!important;margin:0 auto!important;padding-left:clamp(12px,3vw,34px)!important;padding-right:clamp(12px,3vw,34px)!important} #root .intro{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-left:6px solid var(--lg-blue)!important;border-radius:14px!important;padding:22px 26px!important;margin-bottom:16px!important;box-shadow:none!important} #root .intro .eyebrow{color:var(--lg-blue)!important;font-weight:800!important;letter-spacing:.12em!important} #root .intro h1{color:var(--lg-navy)!important;font-size:clamp(28px,4vw,44px)!important;letter-spacing:-.035em!important} #root .info-button,#root button[aria-label*="information" i]{color:var(--lg-info)!important;background:var(--lg-white)!important;border-color:var(--lg-steel)!important} /* Basic / Advanced mode */ #root .mode-selector{background:var(--lg-graphite)!important;background-image:none!important;border:1px solid var(--lg-graphite)!important;border-radius:12px!important;padding:5px!important;box-shadow:none!important} #root .mode-selector button{min-height:48px!important;background:transparent!important;color:var(--lg-white)!important;border:0!important;border-radius:8px!important;font-weight:800!important;box-shadow:none!important} #root .mode-selector button.active{background:var(--lg-blue)!important;color:var(--lg-white)!important} #root .mode-selector button:hover:not(.active){background:#263545!important} /* Cards and section identity */ #root .card{background:var(--lg-white)!important;background-image:none!important;border:1px solid var(--lg-steel)!important;border-top:4px solid var(--lg-blue)!important;border-radius:14px!important;box-shadow:none!important;margin-bottom:16px!important} #root .section-title{border-bottom:1px solid var(--lg-soft)!important;padding-bottom:14px!important;margin-bottom:20px!important} #root .section-title>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;background:var(--lg-blue)!important;color:var(--lg-white)!important;border:0!important;border-radius:10px!important;font-weight:850!important} #root .section-title h2,#root .card h2,#root .card h3{color:var(--lg-navy)!important} #root label,#root .field>span,#root [data-field-label]{color:var(--lg-navy)!important;font-weight:750!important} /* Inputs */ #root input,#root select,#root textarea,#root .control,#root .segmented{background:var(--lg-white)!important;color:var(--lg-navy)!important;border-color:var(--lg-steel)!important;background-image:none!important;box-shadow:none!important} #root input,#root select,#root textarea,#root button{min-height:44px} #root input::placeholder,#root textarea::placeholder{color:#83909C!important} #root input:focus,#root select:focus,#root textarea:focus,#root .control:focus-within{border-color:var(--lg-blue)!important;outline:0!important;box-shadow:0 0 0 3px rgba(128,185,234,.55)!important} #root button:focus-visible,#root a:focus-visible{outline:3px solid var(--lg-focus)!important;outline-offset:2px!important} #root .segmented button{background:var(--lg-white)!important;color:var(--lg-navy)!important;border-color:transparent!important} #root .segmented button.active,#root .segmented button[aria-pressed="true"]{background:var(--lg-blue)!important;color:var(--lg-white)!important} #root .bearing-search-results{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-radius:10px!important;box-shadow:0 10px 26px rgba(17,24,32,.14)!important} #root .bearing-search-results button{background:var(--lg-white)!important;color:var(--lg-navy)!important;border-bottom-color:var(--lg-soft)!important} #root .bearing-search-results button:hover,#root .bearing-search-results button:focus{background:var(--lg-blue-light)!important;color:var(--lg-blue-dark)!important} /* Five-stage progress */ #root .rgp-wizard-progress{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-radius:14px!important;padding:16px 22px 12px!important;max-width:920px!important} #root .rgp-wizard-progress span{color:var(--lg-slate)!important} #root .rgp-wizard-progress span b{background:var(--lg-white)!important;border-color:var(--lg-steel)!important;color:var(--lg-slate)!important;box-shadow:none!important} #root .rgp-wizard-progress span:not(:last-child)::after{background:var(--lg-steel)!important} #root .rgp-wizard-progress span.active{color:var(--lg-navy)!important} #root .rgp-wizard-progress span.active b{background:var(--lg-yellow)!important;border-color:var(--lg-amber)!important;color:var(--lg-graphite)!important;box-shadow:0 0 0 5px rgba(255,212,0,.18)!important} #root .rgp-wizard-progress span.complete{color:var(--lg-green)!important} #root .rgp-wizard-progress span.complete b{background:var(--lg-green)!important;border-color:var(--lg-green)!important;color:var(--lg-white)!important} #root .rgp-wizard-progress span.complete:not(:last-child)::after{background:var(--lg-green)!important} #root .rgp-wizard-progress span.error{color:var(--lg-red)!important} #root .rgp-wizard-progress span.error b{background:var(--lg-white)!important;border-color:var(--lg-red)!important;color:var(--lg-red)!important} /* Buttons and stage navigation */ #root .rgp-step-next,#root .actions .calculate,#root .go-results{background:var(--lg-yellow)!important;background-image:none!important;border:1px solid var(--lg-amber)!important;color:var(--lg-graphite)!important;box-shadow:none!important;font-weight:850!important} #root .rgp-step-next:hover,#root .actions .calculate:hover,#root .go-results:hover{background:var(--lg-amber)!important;transform:none!important} #root .rgp-step-back,#root .rgp-results-page-back{background:var(--lg-white)!important;border:1px solid var(--lg-blue)!important;color:var(--lg-blue)!important;box-shadow:none!important;font-weight:800!important} #root .rgp-step-back:hover,#root .rgp-results-page-back:hover{background:var(--lg-blue-light)!important} #root button:disabled{background:var(--lg-soft)!important;border-color:var(--lg-steel)!important;color:var(--lg-slate)!important;box-shadow:none!important} /* Errors and status */ #root .field.invalid>span,#root .field.rgp-missing>span,#root .rgp-field-error,#root .rgp-step-error,#root .validation-message{color:var(--lg-red)!important} #root .field.invalid .control,#root .field.rgp-missing .control,#root [aria-invalid="true"]{background:var(--lg-white)!important;border-color:var(--lg-red)!important;box-shadow:0 0 0 3px rgba(199,55,47,.12)!important} #root .type-mismatch{border-color:var(--lg-info)!important;background:var(--lg-blue-light)!important;color:var(--lg-navy)!important} #root .factory-greased-alert{background:#FFF8DD!important;border-color:var(--lg-amber)!important;color:var(--lg-navy)!important;box-shadow:none!important} /* Results page */ #root .rgp-results-page-toolbar{background:var(--lg-page)!important;border:0!important;box-shadow:none!important} #root .rgp-results-page-controls{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-radius:12px!important;padding:10px!important} #root .results{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important} #root .result-head{background:var(--lg-graphite)!important;background-image:none!important;border:0!important;border-left:6px solid var(--lg-blue)!important;border-radius:14px!important;box-shadow:none!important} #root .result-head h2,#root .result-head .bearing-summary{color:var(--lg-white)!important} #root .status{background:var(--lg-green)!important;color:var(--lg-white)!important;border-color:var(--lg-green)!important} #root .result-dashboard{background:var(--lg-white)!important;background-image:none!important;border:1px solid var(--lg-steel)!important;border-radius:14px!important;box-shadow:none!important} #root .result-card{--accent:var(--lg-blue);background:var(--lg-white)!important;background-image:none!important;border:1px solid var(--lg-steel)!important;border-radius:12px!important;box-shadow:none!important;color:var(--lg-navy)!important} #root .result-card::before{background:var(--accent)!important;box-shadow:none!important} #root .result-card .result-icon{color:var(--accent)!important} #root .result-card small{color:var(--lg-slate)!important} #root .result-card strong,#root .result-card strong em{color:var(--lg-navy)!important} #root .bearing-card{background:var(--lg-blue-light)!important;--accent:var(--lg-blue)} #root .interval-card{--accent:var(--lg-green)} #root .calculation-details{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;box-shadow:none!important} #root .calculation-details summary{background:var(--lg-graphite)!important;background-image:none!important;color:var(--lg-white)!important} #root .calculation-details summary b{color:var(--lg-yellow)!important} #root .formula-breakdown,#root .formula-explanation,#root .factors-considered>dl{background:var(--lg-white)!important;border-color:var(--lg-steel)!important;color:var(--lg-navy)!important} #root .formula-breakdown p,#root .formula-explanation p,#root .factors-considered dt{color:var(--lg-slate)!important} #root .formula-breakdown b,#root .formula-explanation b,#root .factors-considered dd{color:var(--lg-navy)!important} #root .grease-advice{background:var(--lg-white)!important;background-image:none!important;border:1px solid var(--lg-steel)!important;border-left:6px solid var(--lg-blue)!important;box-shadow:none!important} /* Advanced workspace and dialogs */ #advancedWorkspaceRoot{--rgp-ink:var(--lg-navy);--rgp-muted:var(--lg-slate);--rgp-line:var(--lg-steel);--rgp-yellow:var(--lg-yellow);--rgp-blue:var(--lg-blue);background:var(--lg-page)!important;color:var(--lg-navy)!important} #advancedWorkspaceRoot .rgp-page-brand,#advancedWorkspaceRoot .rgp-toolbar,#advancedWorkspaceRoot .rgp-dialog-head{background:var(--lg-graphite)!important;background-image:none!important;color:var(--lg-white)!important;border-color:var(--lg-blue)!important;box-shadow:none!important} #advancedWorkspaceRoot .rgp-card,#advancedWorkspaceRoot .rgp-panel,#advancedWorkspaceRoot dialog{background:var(--lg-white)!important;border-color:var(--lg-steel)!important;box-shadow:none!important} #advancedWorkspaceRoot .rgp-primary{background:var(--lg-blue)!important;border-color:var(--lg-blue)!important;color:var(--lg-white)!important} #advancedWorkspaceRoot .rgp-primary:hover{background:var(--lg-blue-dark)!important} #advancedWorkspaceRoot #rgpSave{background:var(--lg-yellow)!important;border-color:var(--lg-amber)!important;color:var(--lg-graphite)!important} #advancedWorkspaceRoot .rgp-secondary{background:var(--lg-white)!important;border-color:var(--lg-blue)!important;color:var(--lg-blue)!important} #advancedWorkspaceRoot .rgp-dock{background:var(--lg-white)!important;border:1px solid var(--lg-steel)!important;border-top:4px solid var(--lg-blue)!important;box-shadow:none!important} #advancedWorkspaceRoot .rgp-dock-label{color:var(--lg-navy)!important} #advancedWorkspaceRoot input,#advancedWorkspaceRoot select,#advancedWorkspaceRoot textarea{background:var(--lg-white)!important;color:var(--lg-navy)!important;border-color:var(--lg-steel)!important} #advancedWorkspaceRoot input:focus,#advancedWorkspaceRoot select:focus,#advancedWorkspaceRoot textarea:focus{border-color:var(--lg-blue)!important;box-shadow:0 0 0 3px rgba(128,185,234,.55)!important;outline:0!important} #advancedWorkspaceRoot .rgp-toast{background:var(--lg-white)!important;border-color:var(--lg-steel)!important;color:var(--lg-navy)!important;box-shadow:none!important} #advancedWorkspaceRoot .rgp-toast[data-kind=error]{background:#FFF1F1!important;border-color:var(--lg-red)!important;color:var(--lg-red)!important} #advancedWorkspaceRoot .rgp-toast[data-kind=success]{background:#EFFAF4!important;border-color:var(--lg-green)!important;color:var(--lg-green)!important} @media(max-width:760px){ #root .topbar{min-height:82px!important;padding:9px 12px!important} #root .lubrigo-logo{width:170px!important;height:56px!important;padding:6px 10px!important} #root .app-logo{height:50px!important;padding-left:10px!important} #root .app-logo::before{font-size:20px} #root .app-logo::after{display:none} #root .header-note{font-size:10px!important;padding:6px 8px!important} #root .intro{padding:17px 18px!important} #root .card{border-top-width:3px!important} #root .rgp-wizard-progress{padding:13px 4px 10px!important} #advancedWorkspaceRoot .rgp-dock{left:8px!important;right:8px!important;gap:7px!important} #advancedWorkspaceRoot .rgp-dock button{flex:1 1 calc(50% - 7px)!important;min-height:44px!important} } /* v2.17.12 — identical header and logo dimensions on calculator and workspace pages */ #root .topbar, #advancedWorkspaceRoot .rgp-page-brand{ min-height:94px!important; height:auto!important; padding:8px clamp(20px,3vw,54px)!important; gap:22px!important; align-items:center!important; } #root .brand-lockup, #advancedWorkspaceRoot .rgp-page-brand>div{ display:flex!important; grid-template-columns:none!important; align-items:center!important; gap:12px!important; width:auto!important; min-width:0!important; flex:0 0 auto!important; } #root .lubrigo-logo, #advancedWorkspaceRoot .rgp-page-brand img:first-child{ width:220px!important; height:60px!important; flex:0 0 220px!important; object-fit:contain!important; } #root .lubrigo-logo img{width:100%!important;height:100%!important;object-fit:contain!important} #root .app-logo, #advancedWorkspaceRoot .rgp-page-brand img:last-child{ width:320px!important; height:60px!important; flex:0 0 320px!important; margin:0!important; padding-left:12px!important; border-left:2px solid var(--lg-steel)!important; object-fit:contain!important; object-position:left center!important; } @media(max-width:1100px){ #root .topbar,#advancedWorkspaceRoot .rgp-page-brand{gap:8px!important} #root .brand-lockup,#advancedWorkspaceRoot .rgp-page-brand>div{width:100%!important} } @media(max-width:600px){ #root .topbar,#advancedWorkspaceRoot .rgp-page-brand{min-height:0!important;padding:6px 12px!important} #root .lubrigo-logo,#advancedWorkspaceRoot .rgp-page-brand img:first-child{width:125px!important;height:44px!important;flex-basis:125px!important} #root .app-logo,#advancedWorkspaceRoot .rgp-page-brand img:last-child{width:185px!important;height:44px!important;flex-basis:185px!important;padding-left:8px!important} } @media(max-width:520px){ #root .lubrigo-logo{width:136px!important;height:48px!important;border-radius:9px!important} #root .app-logo::before{font-size:17px} #root .header-note{display:none!important} } @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}} /* V2.15.15 — decisive LubriGo Blue Industrial visual system */ #root .topbar{ background:var(--lg-white)!important; border-top:7px solid var(--lg-blue)!important; border-bottom:1px solid var(--lg-steel)!important; min-height:104px!important; } #root .lubrigo-logo{ width:clamp(250px,30vw,390px)!important; height:76px!important; padding:4px 8px!important; border:0!important; border-radius:0!important; } #root .app-logo{ height:58px!important; padding:0 0 0 22px!important; border-left:2px solid var(--lg-steel)!important; } #root .app-logo::before{color:var(--lg-navy)!important} #root .app-logo::after{color:var(--lg-blue)!important} #root .header-note{ color:var(--lg-navy)!important; background:var(--lg-blue-light)!important; border-color:#B6D5F1!important; } #root main{background:linear-gradient(180deg,#E8F2FC 0,#F2F5F7 260px)!important} #root .intro{ background:var(--lg-blue)!important; border:0!important; border-radius:16px!important; padding:26px 30px!important; } #root .intro .eyebrow{color:#DDEEFF!important} #root .intro h1{color:var(--lg-white)!important} #root .intro .info-button,#root .intro button{ color:var(--lg-white)!important; background:var(--lg-blue-dark)!important; border-color:#4B92D1!important; } #root .mode-selector{ background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; padding:6px!important; } #root .mode-selector button{color:var(--lg-slate)!important;background:var(--lg-soft)!important} #root .mode-selector button+button{margin-left:6px!important} #root .mode-selector button.active{ background:var(--lg-blue)!important; color:var(--lg-white)!important; } #root .mode-selector button:hover:not(.active){background:var(--lg-blue-light)!important;color:var(--lg-blue-dark)!important} #root .card{ border:1px solid #B9C8D5!important; border-top:0!important; border-left:5px solid var(--lg-blue)!important; border-radius:16px!important; padding:clamp(18px,2.5vw,30px)!important; } #root .section-title>span{ background:var(--lg-blue-light)!important; color:var(--lg-blue-dark)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; } #root .section-title h2{font-size:clamp(21px,2.2vw,28px)!important} #root input,#root select,#root textarea,#root .control{ min-height:50px!important; border:1px solid #AEBCCA!important; border-radius:10px!important; } #root .rgp-wizard-progress{ max-width:100%!important; border:0!important; border-bottom:1px solid var(--lg-steel)!important; border-radius:0!important; margin-top:0!important; } #root .rgp-results-page-controls{ border-left:5px solid var(--lg-blue)!important; } #root .result-head{ background:var(--lg-blue-dark)!important; border-left:8px solid var(--lg-yellow)!important; padding:22px 25px!important; } #root .result-dashboard{ padding:18px!important; border-color:#B9C8D5!important; } #root .result-card{ border-top:5px solid var(--accent)!important; border-left:1px solid var(--lg-steel)!important; min-height:150px!important; } #root .result-card::before{display:none!important} #root .result-card strong{color:var(--lg-blue-dark)!important} #root .bearing-card{background:#F3F8FD!important} #root .interval-card{background:#F2FBF7!important} #root .calculation-details summary{background:var(--lg-blue-dark)!important} #root .grease-advice{border-left-color:var(--lg-green)!important} #root .preview-strip{ background:var(--lg-blue-light)!important; color:var(--lg-navy)!important; border-bottom-color:#B6D5F1!important; } #advancedWorkspaceRoot .rgp-page-brand{ background:var(--lg-blue-dark)!important; border-bottom:4px solid var(--lg-blue)!important; } #advancedWorkspaceRoot .rgp-toolbar{ background:var(--lg-white)!important; color:var(--lg-navy)!important; border:1px solid var(--lg-steel)!important; } #advancedWorkspaceRoot .rgp-card,#advancedWorkspaceRoot .rgp-panel{ border-left:5px solid var(--lg-blue)!important; border-radius:14px!important; } #advancedWorkspaceRoot .rgp-dock{ border-top:0!important; border-left:5px solid var(--lg-blue)!important; border-radius:12px!important; } @media(max-width:760px){ #root .topbar{min-height:84px!important;border-top-width:5px!important} #root .lubrigo-logo{width:180px!important;height:58px!important} #root .app-logo{height:45px!important;padding-left:10px!important} #root .intro{padding:20px!important} #root .card{border-left-width:4px!important;padding:17px!important} #root .result-card{min-height:112px!important} } @media(max-width:480px){ #root .lubrigo-logo{width:148px!important;height:50px!important} #root .app-logo::before{font-size:16px!important} #root .mode-selector button+button{margin-left:4px!important} } /* V2.15.16 — complete control, link and component system */ #root button,#advancedWorkspaceRoot button{ appearance:none!important; min-height:44px!important; border:1px solid var(--lg-blue)!important; border-radius:9px!important; background:var(--lg-white)!important; background-image:none!important; color:var(--lg-blue)!important; font-family:"Segoe UI",Inter,Arial,sans-serif!important; font-weight:750!important; box-shadow:none!important; text-shadow:none!important; transition:background-color .15s ease,border-color .15s ease,color .15s ease!important; } #root button:hover:not(:disabled),#advancedWorkspaceRoot button:hover:not(:disabled){ background:var(--lg-blue-light)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-blue-dark)!important; transform:none!important; } #root button:active:not(:disabled),#advancedWorkspaceRoot button:active:not(:disabled){ background:#D5E9F9!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-blue-dark)!important; transform:none!important; } #root button:focus-visible,#advancedWorkspaceRoot button:focus-visible, #root a:focus-visible,#advancedWorkspaceRoot a:focus-visible{ outline:3px solid var(--lg-focus)!important; outline-offset:2px!important; } #root button:disabled,#advancedWorkspaceRoot button:disabled{ background:var(--lg-soft)!important; border-color:var(--lg-steel)!important; color:var(--lg-slate)!important; opacity:.65!important; cursor:not-allowed!important; } /* All functional links */ #root a,#advancedWorkspaceRoot a, #root .edit-link,#root .info-link,#root .text-link, #advancedWorkspaceRoot .rgp-text-button{ color:var(--lg-info)!important; text-decoration:none!important; text-underline-offset:3px!important; font-weight:700!important; } #root a:hover,#advancedWorkspaceRoot a:hover, #root .edit-link:hover,#advancedWorkspaceRoot .rgp-text-button:hover{ color:var(--lg-blue-dark)!important; text-decoration:underline!important; } /* Selected navigation, tabs and segmented controls */ #root .mode-selector button,#root .segmented button, #advancedWorkspaceRoot [role=tab],#advancedWorkspaceRoot .rgp-tab, #advancedWorkspaceRoot .rgp-auth-tab,#advancedWorkspaceRoot .rgp-nav button{ background:var(--lg-soft)!important; border-color:transparent!important; color:var(--lg-slate)!important; } #root .mode-selector button.active,#root .segmented button.active, #root .segmented button[aria-pressed=true], #advancedWorkspaceRoot [role=tab][aria-selected=true], #advancedWorkspaceRoot .rgp-tab.active,#advancedWorkspaceRoot .rgp-auth-tab.active, #advancedWorkspaceRoot .rgp-nav button.active, #advancedWorkspaceRoot .rgp-page-brand nav button[aria-pressed=true]{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } #root .mode-selector button:hover:not(.active),#root .segmented button:hover:not(.active), #advancedWorkspaceRoot [role=tab]:hover:not([aria-selected=true]){ background:var(--lg-blue-light)!important; color:var(--lg-blue-dark)!important; } /* Primary application actions */ #root .rgp-step-next,#root .actions .calculate,#root .go-results, #root [data-action=calculate],#root .formula-settings-shortcut button, #root :is(#rgpCalculatorTools,#rgpResultTools) #rgpSave, #advancedWorkspaceRoot #rgpSave{ background:var(--lg-yellow)!important; border-color:var(--lg-amber)!important; color:var(--lg-graphite)!important; font-weight:850!important; } #root .rgp-step-next:hover,#root .actions .calculate:hover,#root .go-results:hover, #root [data-action=calculate]:hover,#root .formula-settings-shortcut button:hover, #root :is(#rgpCalculatorTools,#rgpResultTools) #rgpSave:hover, #advancedWorkspaceRoot #rgpSave:hover{ background:var(--lg-amber)!important; border-color:#C69E00!important; color:var(--lg-graphite)!important; } #root .rgp-step-next:active,#root .actions .calculate:active,#root .go-results:active, #advancedWorkspaceRoot #rgpSave:active{background:#D0A700!important} /* Blue primary actions: login, account, create, add and confirm */ #advancedWorkspaceRoot .rgp-primary, #advancedWorkspaceRoot button[type=submit], #advancedWorkspaceRoot .rgp-add-button, #advancedWorkspaceRoot .rgp-confirm-button, #advancedWorkspaceRoot #rgpLogin button[type=submit], #advancedWorkspaceRoot #rgpRegister button[type=submit]{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } #advancedWorkspaceRoot .rgp-primary:hover, #advancedWorkspaceRoot button[type=submit]:hover, #advancedWorkspaceRoot .rgp-add-button:hover, #advancedWorkspaceRoot .rgp-confirm-button:hover{ background:var(--lg-blue-dark)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-white)!important; } /* Back, cancel, close, PDF and share controls */ #root .rgp-step-back,#root .rgp-results-page-back, #root :is(#rgpCalculatorTools,#rgpResultTools) button:not(#rgpSave), #advancedWorkspaceRoot .rgp-secondary, #advancedWorkspaceRoot .rgp-close, #advancedWorkspaceRoot [data-action=cancel], #advancedWorkspaceRoot [data-action=pdf], #advancedWorkspaceRoot [data-action=share]{ background:var(--lg-white)!important; border-color:var(--lg-blue)!important; color:var(--lg-blue)!important; } /* Destructive actions are red only when they actually delete */ #advancedWorkspaceRoot .rgp-danger, #advancedWorkspaceRoot [data-action=delete], #advancedWorkspaceRoot button[aria-label*="delete" i]{ background:var(--lg-white)!important; border-color:var(--lg-red)!important; color:var(--lg-red)!important; } #advancedWorkspaceRoot .rgp-danger:hover, #advancedWorkspaceRoot [data-action=delete]:hover, #advancedWorkspaceRoot button[aria-label*="delete" i]:hover{ background:#FFF1F1!important; border-color:#A92D27!important; color:#A92D27!important; } /* Information controls */ #root .info-button,#root button[aria-label*="info" i], #advancedWorkspaceRoot button[aria-label*="info" i]{ width:44px!important; min-width:44px!important; border-radius:50%!important; background:var(--lg-blue-light)!important; border-color:#A8CDEB!important; color:var(--lg-info)!important; } /* Inputs, dropdowns, checkboxes and radio controls */ #root input,#root select,#root textarea, #advancedWorkspaceRoot input,#advancedWorkspaceRoot select,#advancedWorkspaceRoot textarea{ background-color:var(--lg-white)!important; border:1px solid #AEBCCA!important; color:var(--lg-navy)!important; border-radius:9px!important; box-shadow:none!important; } #root select,#advancedWorkspaceRoot select{ background-image:linear-gradient(45deg,transparent 50%,var(--lg-blue) 50%),linear-gradient(135deg,var(--lg-blue) 50%,transparent 50%)!important; background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px)!important; background-size:6px 6px,6px 6px!important; background-repeat:no-repeat!important; padding-right:38px!important; } #root option,#advancedWorkspaceRoot option{background:var(--lg-white)!important;color:var(--lg-navy)!important} #root input[type=checkbox],#root input[type=radio], #advancedWorkspaceRoot input[type=checkbox],#advancedWorkspaceRoot input[type=radio]{ accent-color:var(--lg-blue)!important; min-height:auto!important; } /* Toolbars, menus, tables and records */ #root #rgpCalculatorTools,#root #rgpResultTools, #advancedWorkspaceRoot .rgp-toolbar,#advancedWorkspaceRoot .rgp-dock, #advancedWorkspaceRoot .rgp-actions,#advancedWorkspaceRoot .rgp-menu{ background:var(--lg-white)!important; border-color:var(--lg-steel)!important; color:var(--lg-navy)!important; box-shadow:none!important; } #advancedWorkspaceRoot table{width:100%!important;border-collapse:collapse!important;background:var(--lg-white)!important;color:var(--lg-navy)!important} #advancedWorkspaceRoot th{background:var(--lg-blue-light)!important;color:var(--lg-blue-dark)!important;border-bottom:2px solid var(--lg-blue)!important} #advancedWorkspaceRoot td{border-bottom:1px solid var(--lg-soft)!important;color:var(--lg-navy)!important} #advancedWorkspaceRoot tr:hover td{background:#F7FAFD!important} #advancedWorkspaceRoot .rgp-record,#advancedWorkspaceRoot .rgp-list-item{ background:var(--lg-white)!important; border-color:var(--lg-steel)!important; color:var(--lg-navy)!important; } /* Dialogs, authentication and messages */ #advancedWorkspaceRoot dialog,#advancedWorkspaceRoot #rgpDialog{ background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; border-top:6px solid var(--lg-blue)!important; color:var(--lg-navy)!important; box-shadow:0 20px 60px rgba(17,24,32,.24)!important; } #advancedWorkspaceRoot dialog::backdrop,#advancedWorkspaceRoot #rgpDialog::backdrop{background:rgba(17,24,32,.72)!important} #advancedWorkspaceRoot .rgp-auth-switch,#advancedWorkspaceRoot .rgp-segmented{ background:var(--lg-soft)!important; border:1px solid var(--lg-steel)!important; } #advancedWorkspaceRoot .rgp-message,#advancedWorkspaceRoot .rgp-notice{ background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; color:var(--lg-navy)!important; } #advancedWorkspaceRoot .rgp-message[data-kind=error],#advancedWorkspaceRoot .rgp-notice.error{ background:#FFF1F1!important;border-color:var(--lg-red)!important;color:var(--lg-red)!important } #advancedWorkspaceRoot .rgp-message[data-kind=success],#advancedWorkspaceRoot .rgp-notice.success{ background:#EFFAF4!important;border-color:var(--lg-green)!important;color:var(--lg-green)!important } /* Details, summaries and supporting panels */ #root details,#advancedWorkspaceRoot details{border-color:var(--lg-steel)!important;background:var(--lg-white)!important} #root details>summary,#advancedWorkspaceRoot details>summary{ background:var(--lg-blue-light)!important; color:var(--lg-blue-dark)!important; border-color:var(--lg-steel)!important; } #root .calculation-details>summary{background:var(--lg-blue-dark)!important;color:var(--lg-white)!important} #root hr,#advancedWorkspaceRoot hr{border-color:var(--lg-steel)!important} #root ::selection,#advancedWorkspaceRoot ::selection{background:var(--lg-blue)!important;color:var(--lg-white)!important} /* Preserve special header and active-state hierarchy after universal rules */ #root .intro button{background:var(--lg-blue-dark)!important;border-color:#4B92D1!important;color:var(--lg-white)!important} #root .rgp-wizard-progress span b{min-height:0!important;border-radius:50%!important} #root .bearing-search-results button{border:0!important;border-bottom:1px solid var(--lg-soft)!important;border-radius:0!important;color:var(--lg-navy)!important;text-align:left!important} #root .bearing-search-results button:hover{background:var(--lg-blue-light)!important;color:var(--lg-blue-dark)!important} @media(max-width:760px){ #root button,#advancedWorkspaceRoot button{min-height:46px!important} #root #rgpCalculatorTools,#root #rgpResultTools{flex-wrap:wrap!important;gap:7px!important} #root #rgpCalculatorTools button,#root #rgpResultTools button{flex:1 1 calc(50% - 7px)!important} #advancedWorkspaceRoot .rgp-toolbar,#advancedWorkspaceRoot .rgp-actions{flex-wrap:wrap!important;gap:7px!important} } /* V2.15.17 — Next is primary navigation, not a yellow calculation action */ #root .rgp-step-next{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; font-weight:800!important; } #root .rgp-step-next:hover:not(:disabled){ background:var(--lg-blue-dark)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-white)!important; } #root .rgp-step-next:active:not(:disabled){ background:#00366F!important; border-color:#00366F!important; color:var(--lg-white)!important; } #root .rgp-step-next:disabled{ background:var(--lg-soft)!important; border-color:var(--lg-steel)!important; color:var(--lg-slate)!important; } /* V2.15.18 — yellow and blue progress combination */ #root .rgp-wizard-progress span.active{ color:var(--lg-blue-dark)!important; } #root .rgp-wizard-progress span.active b{ background:var(--lg-yellow)!important; border-color:var(--lg-blue)!important; color:var(--lg-blue-dark)!important; box-shadow:0 0 0 5px rgba(255,212,0,.20)!important; } #root .rgp-wizard-progress span.complete{ color:var(--lg-blue-dark)!important; } #root .rgp-wizard-progress span.complete b{ background:var(--lg-blue)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-yellow)!important; box-shadow:0 0 0 4px rgba(0,87,184,.12)!important; } #root .rgp-wizard-progress span.complete:not(:last-child)::after{ background:var(--lg-blue)!important; } #root .rgp-results-progress span.complete b{ background:var(--lg-blue)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-yellow)!important; } #root .rgp-results-progress span.complete:not(:last-child)::after{ background:var(--lg-blue)!important; } /* V2.15.19 — lighter completed-stage blue */ #root .rgp-wizard-progress span.complete b, #root .rgp-results-progress span.complete b{ background:var(--lg-info)!important; border-color:var(--lg-blue)!important; color:var(--lg-yellow)!important; box-shadow:0 0 0 4px rgba(23,111,166,.13)!important; } #root .rgp-wizard-progress span.complete:not(:last-child)::after, #root .rgp-results-progress span.complete:not(:last-child)::after{ background:#4D9ACB!important; } #root .rgp-wizard-progress span.complete, #root .rgp-results-progress span.complete{ color:var(--lg-info)!important; } /* V2.15.20 — compact introduction and floating help panel */ #root .intro{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:18px!important; position:relative!important; min-height:112px!important; padding:22px 24px!important; background:var(--lg-white)!important; border:1px solid #C7D3DD!important; border-left:6px solid var(--lg-blue)!important; border-radius:14px!important; overflow:visible!important; } #root .intro .eyebrow{color:var(--lg-blue)!important} #root .intro h1{color:var(--lg-navy)!important;margin-top:4px!important} #root .intro>.rgp-info{ position:relative!important; align-self:start!important; justify-self:end!important; border:0!important; background:transparent!important; } #root .intro>.rgp-info>summary{ display:grid!important; place-items:center!important; width:42px!important; height:42px!important; min-height:42px!important; padding:0!important; margin:0!important; list-style:none!important; cursor:pointer!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; color:var(--lg-info)!important; } #root .intro>.rgp-info>summary::-webkit-details-marker{display:none!important} #root .intro .rgp-info-icon{ width:auto!important; height:auto!important; min-height:0!important; padding:0!important; background:transparent!important; border:0!important; color:var(--lg-info)!important; font-size:20px!important; } #root .intro>.rgp-info[open]>summary{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } #root .intro>.rgp-info[open]>summary .rgp-info-icon{color:var(--lg-white)!important} #root .intro>.rgp-info>.rgp-info-content{ position:absolute!important; z-index:100!important; top:50px!important; right:0!important; width:min(560px,calc(100vw - 44px))!important; margin:0!important; padding:16px 18px!important; background:var(--lg-white)!important; border:1px solid #A8CDEB!important; border-left:5px solid var(--lg-blue)!important; border-radius:11px!important; color:var(--lg-navy)!important; font-size:14px!important; line-height:1.6!important; box-shadow:0 12px 30px rgba(17,24,32,.16)!important; } @media(max-width:760px){ #root .intro{min-height:96px!important;padding:17px 16px!important;gap:10px!important} #root .intro>.rgp-info>summary{width:40px!important;height:40px!important;min-height:40px!important} #root .intro>.rgp-info>.rgp-info-content{position:fixed!important;top:94px!important;left:12px!important;right:12px!important;width:auto!important;max-height:45vh!important;overflow:auto!important} } /* V2.15.21 — unified Advanced workspace branding and account page */ #advancedWorkspaceRoot .rgp-page-brand{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:24px!important; min-height:108px!important; padding:13px 32px!important; background:var(--lg-white)!important; border-top:7px solid var(--lg-blue)!important; border-bottom:1px solid var(--lg-steel)!important; color:var(--lg-navy)!important; } #advancedWorkspaceRoot .rgp-page-brand>div{ display:flex!important; align-items:center!important; gap:20px!important; min-width:0!important; } #advancedWorkspaceRoot .rgp-page-brand>div::after{ content:"ReGrease Pro"!important; display:block!important; padding-left:20px!important; border-left:2px solid var(--lg-steel)!important; color:var(--lg-navy)!important; font-size:clamp(24px,2.8vw,36px)!important; font-weight:850!important; letter-spacing:-.035em!important; white-space:nowrap!important; } #advancedWorkspaceRoot .rgp-page-brand img:first-child{ display:block!important; width:clamp(230px,25vw,340px)!important; height:68px!important; object-fit:contain!important; object-position:left center!important; background:transparent!important; } #advancedWorkspaceRoot .rgp-page-brand img:last-child{display:none!important} #advancedWorkspaceRoot .rgp-page-brand nav{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; flex-wrap:wrap!important; } #advancedWorkspaceRoot .rgp-page-brand nav button{ min-height:48px!important; padding:10px 20px!important; background:var(--lg-white)!important; border:1px solid #9BBAD5!important; color:var(--lg-blue)!important; border-radius:10px!important; font-weight:800!important; } #advancedWorkspaceRoot .rgp-page-brand nav button:hover:not([aria-pressed=true]){ background:var(--lg-blue-light)!important; border-color:var(--lg-blue)!important; color:var(--lg-blue-dark)!important; } #advancedWorkspaceRoot .rgp-page-brand nav button[aria-pressed=true], #advancedWorkspaceRoot .rgp-page-brand nav button.active{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } #advancedWorkspaceRoot .rgp-page-brand .rgp-account-link{margin-left:6px!important} #advancedWorkspaceRoot .rgp-full-page .rgp-dialog-head{ background:var(--lg-blue-dark)!important; border-bottom:5px solid var(--lg-blue)!important; color:var(--lg-white)!important; } #advancedWorkspaceRoot .rgp-dialog-head .rgp-eyebrow{color:#7FC0ED!important} #advancedWorkspaceRoot .rgp-dialog-head h2,#advancedWorkspaceRoot .rgp-dialog-head h1{color:var(--lg-white)!important} #advancedWorkspaceRoot .rgp-dialog-head .rgp-secondary, #advancedWorkspaceRoot .rgp-dialog-head [data-calculator]{ background:var(--lg-white)!important; border-color:#A8CDEB!important; color:var(--lg-blue)!important; } #advancedWorkspaceRoot #rgpAccountView{ background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; border-left:6px solid var(--lg-blue)!important; border-top:1px solid var(--lg-steel)!important; border-radius:14px!important; color:var(--lg-navy)!important; box-shadow:none!important; } #advancedWorkspaceRoot #rgpAccountView h3,#advancedWorkspaceRoot #rgpAccountView strong{color:var(--lg-navy)!important} #advancedWorkspaceRoot #rgpAccountView p{color:var(--lg-slate)!important} @media(max-width:900px){ #advancedWorkspaceRoot .rgp-page-brand{padding:12px 18px!important;flex-wrap:wrap!important} #advancedWorkspaceRoot .rgp-page-brand>div{width:100%!important} #advancedWorkspaceRoot .rgp-page-brand nav{width:100%!important;justify-content:stretch!important} #advancedWorkspaceRoot .rgp-page-brand nav button{flex:1 1 calc(25% - 10px)!important;padding:9px 10px!important} } @media(max-width:600px){ #advancedWorkspaceRoot .rgp-page-brand{gap:10px!important;border-top-width:5px!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:175px!important;height:54px!important} #advancedWorkspaceRoot .rgp-page-brand>div::after{font-size:19px!important;padding-left:12px!important} #advancedWorkspaceRoot .rgp-page-brand nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important} #advancedWorkspaceRoot .rgp-page-brand nav button{width:100%!important;font-size:13px!important} #advancedWorkspaceRoot .rgp-page-brand .rgp-account-link{margin-left:0!important} } /* V2.15.23 — corrected Advanced layout, records browser and responsive spacing */ #advancedWorkspaceRoot #rgpDialog.rgp-full-page{ background:var(--lg-page)!important; color:var(--lg-navy)!important; } #advancedWorkspaceRoot .rgp-page-brand{ min-height:82px!important; padding:9px clamp(18px,2.5vw,34px)!important; gap:18px!important; } #advancedWorkspaceRoot .rgp-page-brand>div{gap:14px!important;flex:0 1 auto!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{ width:clamp(180px,18vw,250px)!important; height:58px!important; } #advancedWorkspaceRoot .rgp-page-brand>div::after{ padding-left:15px!important; font-size:clamp(22px,2.1vw,31px)!important; } #advancedWorkspaceRoot .rgp-page-brand nav{gap:8px!important;flex:0 1 auto!important} #advancedWorkspaceRoot .rgp-page-brand nav button{ min-width:0!important; min-height:44px!important; padding:8px 15px!important; font-size:14px!important; white-space:nowrap!important; } #advancedWorkspaceRoot .rgp-full-page .rgp-dialog-body{ width:min(100%,1500px)!important; margin:0 auto!important; padding:14px clamp(18px,3vw,38px) 42px!important; } /* Compact page title */ #advancedWorkspaceRoot #rgpDialog[data-view=records] .rgp-dialog-head, #advancedWorkspaceRoot #rgpDialog[data-view=settings] .rgp-dialog-head, #advancedWorkspaceRoot #rgpDialog[data-view=account] .rgp-dialog-head{ width:min(calc(100% - 40px),1500px)!important; max-width:1500px!important; min-height:88px!important; margin:18px auto 6px!important; padding:17px 22px!important; background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; border-left:6px solid var(--lg-blue)!important; border-bottom:1px solid var(--lg-steel)!important; border-radius:13px!important; color:var(--lg-navy)!important; } #advancedWorkspaceRoot #rgpDialog[data-view=records] .rgp-dialog-head>div, #advancedWorkspaceRoot #rgpDialog[data-view=settings] .rgp-dialog-head>div, #advancedWorkspaceRoot #rgpDialog[data-view=account] .rgp-dialog-head>div{ display:flex!important; align-items:center!important; flex-wrap:wrap!important; gap:8px 12px!important; } #advancedWorkspaceRoot #rgpDialog .rgp-dialog-head h2{ margin:0!important; color:var(--lg-navy)!important; font-size:clamp(26px,3vw,36px)!important; line-height:1.12!important; } #advancedWorkspaceRoot #rgpDialog .rgp-dialog-head .rgp-eyebrow{ width:100%!important; color:var(--lg-blue)!important; font-size:11px!important; letter-spacing:.12em!important; } /* Information controls: circular icon, floating content, no white rectangle */ #advancedWorkspaceRoot .rgp-info{ display:inline-block!important; position:relative!important; width:auto!important; border:0!important; background:transparent!important; } #advancedWorkspaceRoot .rgp-info>summary{ display:grid!important; place-items:center!important; width:36px!important; height:36px!important; min-height:36px!important; padding:0!important; margin:0!important; list-style:none!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; color:var(--lg-info)!important; cursor:pointer!important; } #advancedWorkspaceRoot .rgp-info>summary::-webkit-details-marker{display:none!important} #advancedWorkspaceRoot .rgp-info-icon{ width:auto!important;height:auto!important;min-height:0!important;padding:0!important; background:transparent!important;border:0!important;color:var(--lg-info)!important;font-size:18px!important } #advancedWorkspaceRoot .rgp-info[open]>.rgp-info-content{ position:absolute!important; z-index:120!important; top:43px!important; left:0!important; width:min(520px,calc(100vw - 48px))!important; padding:14px 16px!important; margin:0!important; background:var(--lg-white)!important; border:1px solid #A8CDEB!important; border-left:4px solid var(--lg-blue)!important; border-radius:10px!important; color:var(--lg-navy)!important; box-shadow:0 12px 28px rgba(17,24,32,.14)!important; } /* Records toolbar and entity tabs */ #advancedWorkspaceRoot .rgp-record-toolbar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; margin:0 0 14px!important; } #advancedWorkspaceRoot .rgp-record-tabs{ display:inline-grid!important; grid-template-columns:repeat(3,minmax(132px,1fr))!important; gap:5px!important; padding:5px!important; background:var(--lg-soft)!important; border:1px solid var(--lg-steel)!important; border-radius:11px!important; } #advancedWorkspaceRoot .rgp-record-tabs button{ min-height:44px!important; padding:8px 14px!important; background:transparent!important; border-color:transparent!important; color:var(--lg-slate)!important; border-radius:8px!important; } #advancedWorkspaceRoot .rgp-record-tabs button[aria-pressed=true]{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } #advancedWorkspaceRoot .rgp-record-tabs button b{ min-width:24px!important; height:24px!important; background:var(--lg-white)!important; color:var(--lg-blue)!important; border-radius:999px!important; } #advancedWorkspaceRoot .rgp-record-tabs button[aria-pressed=true] b{ background:var(--lg-yellow)!important; color:var(--lg-graphite)!important; } #advancedWorkspaceRoot .rgp-record-toolbar>.rgp-primary, #advancedWorkspaceRoot .rgp-record-toolbar>button:last-child{ min-height:48px!important; padding:10px 20px!important; background:var(--lg-blue)!important; color:var(--lg-white)!important; border-color:var(--lg-blue)!important; } /* Records card, search and rows */ #advancedWorkspaceRoot .rgp-record-browser-card{ padding:0 24px!important; background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; border-left:5px solid var(--lg-blue)!important; border-radius:14px!important; box-shadow:none!important; } #advancedWorkspaceRoot .rgp-list-heading{ min-height:96px!important; margin:0!important; padding:18px 10px!important; border-bottom:1px solid var(--lg-soft)!important; } #advancedWorkspaceRoot .rgp-list-heading h3{color:var(--lg-navy)!important;font-size:22px!important} #advancedWorkspaceRoot .rgp-list-tools{display:flex!important;align-items:center!important;gap:10px!important} #advancedWorkspaceRoot .rgp-list-tools input{ width:clamp(220px,25vw,340px)!important; min-height:44px!important; } #advancedWorkspaceRoot .rgp-list-tools button{min-width:90px!important;min-height:44px!important} #advancedWorkspaceRoot .rgp-record{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:16px!important; min-height:104px!important; padding:18px 10px!important; border-bottom:1px solid var(--lg-soft)!important; } #advancedWorkspaceRoot .rgp-record:last-child{border-bottom:0!important} #advancedWorkspaceRoot .rgp-record-avatar{ width:50px!important;height:50px!important;min-height:50px!important;flex:0 0 50px!important; background:var(--lg-blue-light)!important;border-color:#B6D5F1!important;color:var(--lg-blue-dark)!important } #advancedWorkspaceRoot .rgp-record h4{color:var(--lg-navy)!important;font-size:18px!important} #advancedWorkspaceRoot .rgp-record p{color:var(--lg-slate)!important} #advancedWorkspaceRoot .rgp-record .rgp-machine-actions, #advancedWorkspaceRoot .rgp-record>div:last-child{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important} #advancedWorkspaceRoot .rgp-record .rgp-machine-actions button, #advancedWorkspaceRoot .rgp-record>button{min-height:42px!important;padding:8px 13px!important} @media(max-width:1100px){ #advancedWorkspaceRoot .rgp-page-brand{display:grid!important;grid-template-columns:1fr!important;gap:8px!important} #advancedWorkspaceRoot .rgp-page-brand nav{width:100%!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important} #advancedWorkspaceRoot .rgp-page-brand nav button{width:100%!important} } @media(max-width:760px){ #advancedWorkspaceRoot #rgpDialog[data-view=records] .rgp-dialog-head,#advancedWorkspaceRoot #rgpDialog[data-view=settings] .rgp-dialog-head,#advancedWorkspaceRoot #rgpDialog[data-view=account] .rgp-dialog-head{width:calc(100% - 24px)!important;margin:12px auto 4px!important;padding:15px!important} #advancedWorkspaceRoot .rgp-record-toolbar{align-items:stretch!important;flex-direction:column!important} #advancedWorkspaceRoot .rgp-record-tabs{width:100%!important;grid-template-columns:repeat(3,1fr)!important} #advancedWorkspaceRoot .rgp-record-toolbar>.rgp-primary,#advancedWorkspaceRoot .rgp-record-toolbar>button:last-child{align-self:flex-end!important} #advancedWorkspaceRoot .rgp-list-heading{align-items:stretch!important;flex-direction:column!important;gap:12px!important} #advancedWorkspaceRoot .rgp-list-tools{width:100%!important} #advancedWorkspaceRoot .rgp-list-tools input{width:100%!important;min-width:0!important} #advancedWorkspaceRoot .rgp-record{grid-template-columns:auto minmax(0,1fr)!important} #advancedWorkspaceRoot .rgp-record .rgp-machine-actions,#advancedWorkspaceRoot .rgp-record>button{grid-column:1/-1!important;justify-self:end!important} } @media(max-width:520px){ #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:155px!important;height:48px!important} #advancedWorkspaceRoot .rgp-page-brand>div::after{font-size:18px!important;padding-left:10px!important} #advancedWorkspaceRoot .rgp-page-brand nav{grid-template-columns:1fr 1fr!important} #advancedWorkspaceRoot .rgp-record-tabs button{font-size:12px!important;padding:6px 3px!important;gap:3px!important;flex-direction:column!important} #advancedWorkspaceRoot .rgp-record-browser-card{padding:0 14px!important;border-left-width:4px!important} #advancedWorkspaceRoot .rgp-list-tools{align-items:stretch!important;flex-direction:column!important} #advancedWorkspaceRoot .rgp-list-tools button{width:100%!important} } /* V2.15.24 — compact and correctly aligned group restore action */ #advancedWorkspaceRoot .rgf-group-body{ display:flex!important; flex-direction:column!important; align-items:stretch!important; } #advancedWorkspaceRoot .rgf-group-reset{ float:none!important; display:inline-flex!important; align-self:flex-end!important; width:auto!important; min-width:0!important; max-width:100%!important; min-height:32px!important; height:32px!important; margin:0 0 12px!important; padding:4px 10px!important; background:var(--lg-white)!important; border:1px solid var(--lg-steel)!important; border-radius:7px!important; color:var(--lg-info)!important; font-size:12px!important; font-weight:750!important; line-height:1.2!important; white-space:nowrap!important; box-shadow:none!important; } #advancedWorkspaceRoot .rgf-group-reset:hover:not(:disabled){ background:var(--lg-blue-light)!important; border-color:var(--lg-blue)!important; color:var(--lg-blue-dark)!important; text-decoration:none!important; } #advancedWorkspaceRoot .rgf-group-reset:active:not(:disabled){ background:#D5E9F9!important; } @media(max-width:480px){ #advancedWorkspaceRoot .rgf-group-reset{align-self:stretch!important;width:100%!important;justify-content:center!important} } /* V2.15.25 — final records-page alignment refinements */ #advancedWorkspaceRoot .rgp-list-heading>div:first-child{ display:grid!important; grid-template-columns:auto auto!important; align-items:center!important; justify-content:start!important; gap:5px 10px!important; min-width:0!important; } #advancedWorkspaceRoot .rgp-list-heading>div:first-child h3{grid-column:1!important;margin:0!important} #advancedWorkspaceRoot .rgp-list-heading>div:first-child>.rgp-info{grid-column:2!important;grid-row:1!important} #advancedWorkspaceRoot .rgp-list-heading>div:first-child>p{grid-column:1/-1!important;margin:0!important} #advancedWorkspaceRoot .rgp-list-tools button{ min-width:100px!important; padding-left:14px!important; padding-right:14px!important; white-space:nowrap!important; } #advancedWorkspaceRoot .rgp-record button, #advancedWorkspaceRoot .rgp-record a[role=button]{ width:auto!important; min-width:0!important; white-space:nowrap!important; } #advancedWorkspaceRoot .rgp-record .rgp-machine-actions{ min-width:max-content!important; } #advancedWorkspaceRoot .rgp-record .rgp-machine-actions button:first-child, #advancedWorkspaceRoot .rgp-record>a{ padding-left:14px!important; padding-right:14px!important; } #advancedWorkspaceRoot .rgp-record .rgp-machine-actions button:last-child, #advancedWorkspaceRoot .rgp-record>button:last-child{ min-width:44px!important; padding-left:10px!important; padding-right:10px!important; } @media(max-width:760px){ #advancedWorkspaceRoot .rgp-list-heading>div:first-child{width:100%!important} #advancedWorkspaceRoot .rgp-record .rgp-machine-actions{min-width:0!important;width:100%!important;justify-content:flex-end!important} } /* V2.15.25 — one consistent visual language for appearing messages */ #advancedWorkspaceRoot .rgp-toast, #advancedWorkspaceRoot .rgp-message, #advancedWorkspaceRoot .rgp-notice{ padding:14px 16px!important; background:var(--lg-white)!important; border:1px solid #A8CDEB!important; border-left:5px solid var(--lg-blue)!important; border-radius:11px!important; color:var(--lg-navy)!important; font-size:14px!important; line-height:1.55!important; box-shadow:0 12px 28px rgba(17,24,32,.14)!important; } #advancedWorkspaceRoot .rgp-toast{ position:fixed!important; z-index:1600!important; top:auto!important; right:20px!important; bottom:20px!important; width:auto!important; max-width:min(440px,calc(100vw - 40px))!important; } #advancedWorkspaceRoot .rgp-toast[data-kind=success], #advancedWorkspaceRoot .rgp-message[data-kind=success], #advancedWorkspaceRoot .rgp-notice.success{ background:#F3FBF7!important; border-color:#A9D8C6!important; border-left-color:var(--lg-green)!important; color:#125E45!important; } #advancedWorkspaceRoot .rgp-toast[data-kind=error], #advancedWorkspaceRoot .rgp-message[data-kind=error], #advancedWorkspaceRoot .rgp-notice.error{ background:#FFF6F5!important; border-color:#E6B7B3!important; border-left-color:var(--lg-red)!important; color:#9F2D27!important; } #advancedWorkspaceRoot .rgp-dialog-head .rgp-info-content, #advancedWorkspaceRoot .rgp-list-heading .rgp-info-content, #advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content{ background:var(--lg-white)!important; border:1px solid #A8CDEB!important; border-left:5px solid var(--lg-blue)!important; border-radius:11px!important; color:var(--lg-navy)!important; font-size:14px!important; line-height:1.55!important; box-shadow:0 12px 28px rgba(17,24,32,.14)!important; } @media(max-width:600px){ #advancedWorkspaceRoot .rgp-toast{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important} } /* V2.15.26 — consistent record search and row-action sizing */ #advancedWorkspaceRoot .rgp-browser-heading{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; min-height:96px!important; padding:18px 10px!important; border-bottom:1px solid var(--lg-soft)!important; } #advancedWorkspaceRoot .rgp-browser-heading>div:first-child{min-width:0!important} #advancedWorkspaceRoot .rgp-browser-heading h3{margin:0!important;color:var(--lg-navy)!important;font-size:22px!important} #advancedWorkspaceRoot .rgp-browser-heading p{margin:5px 0 0!important;color:var(--lg-slate)!important} #advancedWorkspaceRoot #rgpRefreshRecords, #advancedWorkspaceRoot #rgpRefreshHistory{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:96px!important; height:44px!important; min-height:44px!important; padding:8px 15px!important; white-space:nowrap!important; border:1px solid var(--lg-blue)!important; border-radius:9px!important; background:var(--lg-white)!important; color:var(--lg-blue)!important; } #advancedWorkspaceRoot .rgp-record .rgp-text-button, #advancedWorkspaceRoot .rgp-record .rgp-result-link{ display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-width:126px!important; height:44px!important; min-height:44px!important; padding:8px 15px!important; white-space:nowrap!important; border:1px solid var(--lg-blue)!important; border-radius:9px!important; background:var(--lg-white)!important; color:var(--lg-blue)!important; font-weight:750!important; line-height:1.2!important; text-decoration:none!important; } #advancedWorkspaceRoot .rgp-record .rgp-text-button:hover, #advancedWorkspaceRoot .rgp-record .rgp-result-link:hover{ background:var(--lg-blue-light)!important; border-color:var(--lg-blue-dark)!important; color:var(--lg-blue-dark)!important; text-decoration:none!important; } #advancedWorkspaceRoot .rgp-record .rgp-menu-button, #advancedWorkspaceRoot .rgp-record button[aria-label*="menu" i], #advancedWorkspaceRoot .rgp-record button[aria-haspopup=menu]{ width:44px!important; min-width:44px!important; height:44px!important; min-height:44px!important; padding:0!important; border-radius:9px!important; } @media(max-width:760px){ #advancedWorkspaceRoot .rgp-browser-heading{align-items:stretch!important;flex-direction:column!important;gap:12px!important} #advancedWorkspaceRoot .rgp-browser-heading .rgp-list-tools{width:100%!important} #advancedWorkspaceRoot .rgp-browser-heading .rgp-list-tools input{flex:1 1 auto!important;width:auto!important} } @media(max-width:480px){ #advancedWorkspaceRoot .rgp-browser-heading .rgp-list-tools{align-items:stretch!important;flex-direction:column!important} #advancedWorkspaceRoot #rgpRefreshRecords,#advancedWorkspaceRoot #rgpRefreshHistory{width:100%!important} #advancedWorkspaceRoot .rgp-record .rgp-text-button,#advancedWorkspaceRoot .rgp-record .rgp-result-link{min-width:120px!important} } /* V2.15.27 — every information explanation is a non-layout popup */ #root .field,#root .rgp-field-heading, #advancedWorkspaceRoot .rgf-field,#advancedWorkspaceRoot .rgp-field-heading{ position:relative!important; overflow:visible!important; } #root .card,#root .grid,#root .rgp-wizard-section, #advancedWorkspaceRoot .rgf-group[open],#advancedWorkspaceRoot .rgf-group-body, #advancedWorkspaceRoot .rgf-grid,#advancedWorkspaceRoot .rgp-entry-card{ overflow:visible!important; } #root .field>.rgp-info-content, #advancedWorkspaceRoot .rgf-field>.rgp-info-content, #advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content{ position:absolute!important; z-index:300!important; top:42px!important; right:0!important; left:auto!important; width:min(420px,calc(100vw - 40px))!important; max-width:none!important; margin:0!important; padding:14px 16px!important; background:var(--lg-white)!important; border:1px solid #A8CDEB!important; border-left:5px solid var(--lg-blue)!important; border-radius:10px!important; color:var(--lg-navy)!important; line-height:1.55!important; box-shadow:0 12px 28px rgba(17,24,32,.16)!important; } #root .field>.rgp-info-content[hidden], #advancedWorkspaceRoot .rgf-field>.rgp-info-content[hidden], #advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content[hidden]{ display:none!important; } #root .section-title .rgp-info,#root .intro>.rgp-info, #advancedWorkspaceRoot .rgp-dialog-head .rgp-info, #advancedWorkspaceRoot .rgp-list-heading .rgp-info{ position:relative!important; overflow:visible!important; } #root .section-title .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-dialog-head .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-list-heading .rgp-info>.rgp-info-content{ position:absolute!important; z-index:300!important; top:44px!important; right:0!important; left:auto!important; width:min(520px,calc(100vw - 40px))!important; margin:0!important; } @media(max-width:600px){ #root .field>.rgp-info-content,#advancedWorkspaceRoot .rgf-field>.rgp-info-content,#advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content, #root .section-title .rgp-info>.rgp-info-content,#advancedWorkspaceRoot .rgp-dialog-head .rgp-info>.rgp-info-content,#advancedWorkspaceRoot .rgp-list-heading .rgp-info>.rgp-info-content{ position:fixed!important; z-index:2000!important; top:88px!important; left:12px!important; right:12px!important; width:auto!important; max-height:55vh!important; overflow:auto!important; } } /* V2.15.29 — official transparent ReGreasePro product logo */ #root .app-logo{ width:clamp(250px,29vw,430px)!important; height:70px!important; padding-left:20px!important; overflow:hidden!important; } #root .app-logo img{ display:block!important; width:100%!important; height:100%!important; object-fit:contain!important; object-position:left center!important; background:transparent!important; filter:none!important; } #root .app-logo::before,#root .app-logo::after{display:none!important;content:none!important} #advancedWorkspaceRoot .rgp-page-brand>div::after{display:none!important;content:none!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{ display:block!important; width:clamp(240px,25vw,380px)!important; height:64px!important; padding-left:16px!important; border-left:2px solid var(--lg-steel)!important; object-fit:contain!important; object-position:left center!important; background:transparent!important; filter:none!important; } @media(max-width:760px){ #root .brand-lockup{gap:8px!important} #root .lubrigo-logo{width:145px!important;height:52px!important} #root .app-logo{width:210px!important;height:54px!important;padding-left:9px!important} #advancedWorkspaceRoot .rgp-page-brand>div{gap:9px!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:150px!important;height:48px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:230px!important;height:50px!important;padding-left:10px!important} } @media(max-width:420px){ #root .topbar{padding-left:8px!important;padding-right:8px!important} #root .lubrigo-logo{width:112px!important;height:45px!important;padding:3px!important} #root .app-logo{width:190px!important;height:48px!important;padding-left:7px!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:120px!important;height:42px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:190px!important;height:44px!important;padding-left:8px!important} } /* V2.15.30 — tighter, larger ReGreasePro header lockup */ #root .brand-lockup{gap:8px!important} #root .lubrigo-logo{width:clamp(220px,25vw,320px)!important} #root .app-logo{ width:clamp(320px,34vw,500px)!important; height:76px!important; padding-left:12px!important; } @media(max-width:760px){ #root .brand-lockup{gap:5px!important} #root .lubrigo-logo{width:130px!important;height:50px!important} #root .app-logo{width:225px!important;height:58px!important;padding-left:7px!important} } @media(max-width:420px){ #root .lubrigo-logo{width:105px!important;height:43px!important} #root .app-logo{width:195px!important;height:50px!important;padding-left:6px!important} } /* V2.15.31 — enlarged product-brand area with reduced inter-logo space */ #root .brand-lockup{gap:4px!important} #root .lubrigo-logo{width:clamp(210px,23vw,290px)!important} #root .app-logo{ width:clamp(360px,43vw,620px)!important; height:88px!important; padding-left:9px!important; border-left-width:2px!important; } @media(max-width:760px){ #root .brand-lockup{gap:3px!important} #root .lubrigo-logo{width:122px!important;height:48px!important} #root .app-logo{width:240px!important;height:62px!important;padding-left:6px!important} } @media(max-width:420px){ #root .lubrigo-logo{width:98px!important;height:41px!important} #root .app-logo{width:202px!important;height:53px!important;padding-left:5px!important} } /* V2.15.32 — slightly smaller LubriGo mark */ #root .lubrigo-logo{width:clamp(195px,21vw,265px)!important;height:64px!important} @media(max-width:760px){#root .lubrigo-logo{width:115px!important;height:45px!important}} @media(max-width:420px){#root .lubrigo-logo{width:92px!important;height:39px!important}} /* V2.15.33 — compact information controls and single select arrow */ #root .info-button,#root button[aria-label*="info" i], #advancedWorkspaceRoot button[aria-label*="info" i], #root .rgp-info>summary,#advancedWorkspaceRoot .rgp-info>summary{ width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; font-size:15px!important; } #root .rgp-info-icon,#advancedWorkspaceRoot .rgp-info-icon{font-size:15px!important} #root select,#advancedWorkspaceRoot select{ appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; } #root select::-ms-expand,#advancedWorkspaceRoot select::-ms-expand{display:none!important} /* V2.15.34 — one consistent information circle, without a square wrapper */ #root .rgp-info,#advancedWorkspaceRoot .rgp-info{ width:auto!important; height:auto!important; padding:0!important; background:transparent!important; border:0!important; } #root .rgp-info>summary,#advancedWorkspaceRoot .rgp-info>summary{ width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; } #root .rgp-info>summary .rgp-info-icon, #advancedWorkspaceRoot .rgp-info>summary .rgp-info-icon, #root .rgp-info-button,#advancedWorkspaceRoot .rgp-info-button{ display:grid!important; place-items:center!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; color:var(--lg-info)!important; box-shadow:none!important; } /* V2.15.35 — universal information-control specification */ :is(#root,#advancedWorkspaceRoot) .rgp-info{ display:inline-block!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; border-radius:50%!important; box-shadow:none!important; vertical-align:middle!important; } :is(#root,#advancedWorkspaceRoot) .rgp-info>summary{ display:grid!important; place-items:center!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; margin:0!important; padding:0!important; list-style:none!important; background:transparent!important; border:0!important; border-radius:50%!important; box-shadow:none!important; } :is(#root,#advancedWorkspaceRoot) :is(.rgp-info-icon,.rgp-info-button,.info-button,button[aria-label*="info" i]){ display:grid!important; place-items:center!important; width:30px!important; min-width:30px!important; max-width:30px!important; height:30px!important; min-height:30px!important; max-height:30px!important; margin:0!important; padding:0!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; color:var(--lg-info)!important; font:700 15px/1 Georgia,serif!important; box-shadow:none!important; } :is(#root,#advancedWorkspaceRoot) .rgp-info>summary::-webkit-details-marker{display:none!important} :is(#root,#advancedWorkspaceRoot) :is(.rgp-info-icon,.rgp-info-button,.info-button,button[aria-label*="info" i]):hover, :is(#root,#advancedWorkspaceRoot) .rgp-info[open]>summary .rgp-info-icon{ background:var(--lg-blue)!important; border-color:var(--lg-blue)!important; color:var(--lg-white)!important; } /* V2.15.36 — compact header band and thin blue accent */ #root .topbar{ min-height:78px!important; padding:4px clamp(14px,3vw,38px)!important; border-top:2px solid var(--lg-blue)!important; border-bottom:1px solid var(--lg-steel)!important; } #root .lubrigo-logo{height:54px!important} #root .app-logo{ width:clamp(350px,41vw,560px)!important; height:64px!important; } #root .header-note{min-height:40px!important;padding:7px 12px!important} @media(max-width:760px){ #root .topbar{min-height:68px!important;padding:3px 8px!important} #root .lubrigo-logo{height:42px!important} #root .app-logo{width:230px!important;height:52px!important} } @media(max-width:420px){ #root .topbar{min-height:60px!important} #root .lubrigo-logo{height:37px!important} #root .app-logo{width:195px!important;height:45px!important} } /* Keep keyboard focus inside the same information circle. */ :is(#root,#advancedWorkspaceRoot) .rgp-info>summary:focus, :is(#root,#advancedWorkspaceRoot) .rgp-info>summary:focus-visible, :is(#root,#advancedWorkspaceRoot) :is(.rgp-info-icon,.rgp-info-button,.info-button,button[aria-label*="info" i]):focus, :is(#root,#advancedWorkspaceRoot) :is(.rgp-info-icon,.rgp-info-button,.info-button,button[aria-label*="info" i]):focus-visible{ outline:0!important; } :is(#root,#advancedWorkspaceRoot) .rgp-info>summary:focus-visible .rgp-info-icon, :is(#root,#advancedWorkspaceRoot) :is(.rgp-info-button,.info-button,button[aria-label*="info" i]):focus-visible{ box-shadow:inset 0 0 0 2px var(--lg-blue)!important; } /* V2.15.37 — slightly smaller ReGreasePro logo */ #root .app-logo{width:clamp(320px,37vw,500px)!important;height:58px!important} @media(max-width:760px){#root .app-logo{width:215px!important;height:48px!important}} @media(max-width:420px){#root .app-logo{width:182px!important;height:41px!important}} /* V2.15.38 — clearly reduced ReGreasePro logo in every header */ #root .app-logo{width:clamp(270px,31vw,420px)!important;height:50px!important} #root .app-logo img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:left center!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{ width:clamp(210px,20vw,310px)!important; height:48px!important; } @media(max-width:760px){ #root .app-logo{width:185px!important;height:42px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:190px!important;height:42px!important} } @media(max-width:420px){ #root .app-logo{width:158px!important;height:36px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:165px!important;height:38px!important} } /* V2.15.39 — keep disclosure text fluid; size only the i icon */ :is(#root,#advancedWorkspaceRoot) .rgp-info{ width:auto!important; min-width:0!important; height:auto!important; min-height:0!important; max-width:100%!important; } :is(#root,#advancedWorkspaceRoot) .rgp-info>summary{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:8px!important; width:auto!important; min-width:0!important; max-width:100%!important; height:auto!important; min-height:30px!important; white-space:normal!important; } :is(#root,#advancedWorkspaceRoot) .rgp-info-content{ min-width:0!important; overflow-wrap:anywhere!important; } /* V2.15.40 — footer disclaimer aligned left, signature centred */ #root .disclaimer-footer{ display:grid!important; grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important; align-items:start!important; gap:18px!important; text-align:left!important; } #root .disclaimer-footer>.rgp-info{ grid-column:1!important; justify-self:start!important; align-self:start!important; } #root .disclaimer-footer>.creator-signature{ grid-column:2!important; justify-self:center!important; margin:0 auto!important; text-align:center!important; } /* V2.15.49 — keep anchored information popups inside the visible page */ #root .field>.rgp-info-content, #advancedWorkspaceRoot .rgf-field>.rgp-info-content, #advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content{ left:0!important; right:auto!important; width:min(420px,100%)!important; } #root .section-title .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-dialog-head .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-list-heading .rgp-info>.rgp-info-content{ left:0!important; right:auto!important; width:min(520px,calc(100vw - 40px))!important; } @media(max-width:600px){ #root .field>.rgp-info-content, #advancedWorkspaceRoot .rgf-field>.rgp-info-content, #advancedWorkspaceRoot .rgp-field-heading+.rgp-info-content, #root .section-title .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-dialog-head .rgp-info>.rgp-info-content, #advancedWorkspaceRoot .rgp-list-heading .rgp-info>.rgp-info-content{ left:12px!important; right:12px!important; width:auto!important; } } @media(max-width:760px){ #root .disclaimer-footer{grid-template-columns:1fr!important;gap:16px!important} #root .disclaimer-footer>.rgp-info{grid-column:1!important;justify-self:start!important} #root .disclaimer-footer>.creator-signature{grid-column:1!important;justify-self:center!important} } /* V2.15.41 — restore the original Raxhid signature presentation */ #root .disclaimer-footer>.creator-signature{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; gap:7px!important; width:min(100%,360px)!important; margin:20px auto 0!important; padding-top:14px!important; border-top:2px solid var(--lg-yellow)!important; color:#7F8994!important; font-size:10px!important; font-style:normal!important; letter-spacing:.65px!important; text-transform:uppercase!important; text-align:center!important; } #root .disclaimer-footer>.creator-signature img{ display:block!important; width:142px!important; height:auto!important; object-fit:contain!important; } @media(max-width:760px){ #root .disclaimer-footer>.creator-signature{width:min(88%,320px)!important;margin-top:18px!important;padding-top:13px!important;font-size:9px!important} #root .disclaimer-footer>.creator-signature img{width:128px!important} } /* V2.15.42 — full-width disclaimer row above centred signature */ #root .disclaimer-footer{ display:flex!important; flex-direction:column!important; align-items:stretch!important; gap:0!important; width:100%!important; padding-top:28px!important; border-top:1px solid var(--lg-steel)!important; } #root .disclaimer-footer>.rgp-info{ display:block!important; width:100%!important; max-width:none!important; align-self:stretch!important; } #root .disclaimer-footer>.rgp-info>summary{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; width:max-content!important; max-width:100%!important; color:var(--lg-blue-dark)!important; font-size:18px!important; font-weight:750!important; text-align:left!important; } #root .disclaimer-footer>.rgp-info>.rgp-info-content{ position:static!important; width:100%!important; max-width:none!important; margin:12px 0 0!important; padding:14px 18px!important; background:var(--lg-blue-light)!important; border:1px solid #C9DDED!important; border-radius:10px!important; color:#315574!important; line-height:1.5!important; text-align:center!important; box-shadow:none!important; } #root .disclaimer-footer>.rgp-info>.rgp-info-content p{margin:0!important} #root .disclaimer-footer>.creator-signature{ align-self:center!important; width:min(100%,540px)!important; margin:40px auto 0!important; } #root .disclaimer-footer>.creator-signature img{width:220px!important} @media(max-width:760px){ #root .disclaimer-footer{padding-top:20px!important} #root .disclaimer-footer>.rgp-info>summary{font-size:16px!important} #root .disclaimer-footer>.rgp-info>.rgp-info-content{padding:12px 14px!important;text-align:left!important} #root .disclaimer-footer>.creator-signature{width:min(88%,360px)!important;margin-top:28px!important} #root .disclaimer-footer>.creator-signature img{width:160px!important} } /* V2.15.43 — compact centred engineering signature */ #root .disclaimer-footer>.creator-signature{ width:min(100%,360px)!important; margin:28px auto 0!important; padding-top:12px!important; gap:5px!important; font-size:9px!important; } #root .disclaimer-footer>.creator-signature img{width:145px!important} @media(max-width:760px){ #root .disclaimer-footer>.creator-signature{width:min(82%,300px)!important;margin-top:22px!important;padding-top:10px!important;font-size:8px!important} #root .disclaimer-footer>.creator-signature img{width:125px!important} } /* V2.15.44 — remove every extra outer ring around information icons */ #root .intro>.rgp-info>summary, #root .section-title .rgp-info>summary, #root .disclaimer-footer>.rgp-info>summary, #root .field .rgp-info>summary, #advancedWorkspaceRoot .rgp-info>summary{ background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; } #root .intro>.rgp-info>summary:focus, #root .intro>.rgp-info>summary:focus-visible, #root .section-title .rgp-info>summary:focus, #root .section-title .rgp-info>summary:focus-visible, #root .disclaimer-footer>.rgp-info>summary:focus, #root .disclaimer-footer>.rgp-info>summary:focus-visible, #root .field .rgp-info>summary:focus, #root .field .rgp-info>summary:focus-visible, #advancedWorkspaceRoot .rgp-info>summary:focus, #advancedWorkspaceRoot .rgp-info>summary:focus-visible{ background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; } /* V2.15.45 — corrected results actions, details headers and guidance controls */ #root .actions .calculate,#root .go-results{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; padding-left:54px!important; padding-right:54px!important; } #root .actions .calculate .rgp-calculate-label{ display:block!important; min-width:0!important; text-align:center!important; line-height:1.15!important; } #root .actions .calculate .rgp-calculate-arrow{ position:absolute!important; top:50%!important; right:18px!important; margin:0!important; transform:translateY(-50%)!important; line-height:1!important; } #root .actions .calculate:hover .rgp-calculate-arrow{transform:translateY(-50%) translateX(2px)!important} #root .calculation-details>summary{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; width:100%!important; min-height:58px!important; padding:8px 18px!important; overflow:hidden!important; } #root .calculation-details>summary>span{ flex:1 1 auto!important; min-width:0!important; white-space:normal!important; line-height:1.25!important; } #root .calculation-details>summary>b{ display:grid!important; place-items:center!important; flex:0 0 30px!important; width:30px!important; min-width:30px!important; height:30px!important; min-height:30px!important; padding:0!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-radius:50%!important; color:var(--lg-info)!important; font:700 15px/1 Georgia,serif!important; } #root .calculation-details>summary>b::before,#root .calculation-details>summary>b::after{content:none!important} #root .results>.rgp-info>summary{ display:flex!important; align-items:center!important; gap:10px!important; width:max-content!important; max-width:100%!important; min-height:30px!important; color:var(--lg-blue-dark)!important; line-height:1.3!important; } @media(max-width:520px){ #root .actions .calculate,#root .go-results{padding-left:44px!important;padding-right:44px!important} #root .actions .calculate .rgp-calculate-arrow{right:14px!important;font-size:22px!important} #root .calculation-details>summary{padding:8px 12px!important;gap:10px!important} } /* V2.15.46 — balanced spacing for factors and relubrication guidance */ #root .calculation-details{margin-bottom:22px!important} #root .results>.rgp-info{ display:block!important; width:100%!important; margin:0!important; } #root .results>.rgp-info>summary{ margin:0 0 12px!important; padding:0!important; } #root .results>.rgp-info>.rgp-info-content{ position:static!important; width:100%!important; max-width:none!important; margin:0!important; padding:20px 22px!important; border-radius:12px!important; } #root .results>.rgp-info .advice{ margin:0!important; padding:0!important; border:0!important; } #root .results>.rgp-info .advice>b{ display:block!important; margin:0 0 6px!important; color:var(--lg-navy)!important; font-size:15px!important; line-height:1.35!important; } #root .results>.rgp-info .advice>p{ margin:0 0 17px!important; color:#315574!important; line-height:1.5!important; } #root .results>.rgp-info .advice>ul{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:18px 30px!important; margin:8px 0 0!important; padding:0 0 0 22px!important; } #root .results>.rgp-info .advice>ul>li{ margin:0!important; padding-left:3px!important; color:#315574!important; line-height:1.45!important; } @media(max-width:760px){ #root .calculation-details{margin-bottom:18px!important} #root .results>.rgp-info>summary{margin-bottom:10px!important} #root .results>.rgp-info>.rgp-info-content{padding:16px!important} #root .results>.rgp-info .advice>ul{grid-template-columns:1fr!important;gap:10px!important} } /* V2.15.47 — blue formula-settings status and method theme */ #advancedWorkspaceRoot .rgf-badge{ display:inline-flex!important; align-items:center!important; min-height:36px!important; padding:7px 13px!important; background:var(--lg-blue)!important; border:1px solid var(--lg-blue)!important; border-radius:8px!important; color:var(--lg-white)!important; font-size:13px!important; font-weight:750!important; box-shadow:none!important; } #advancedWorkspaceRoot .rgf-method-note{ padding:16px 18px!important; margin:12px 0 18px!important; background:var(--lg-blue-light)!important; border:1px solid #A8CDEB!important; border-left:5px solid var(--lg-blue)!important; border-radius:12px!important; color:var(--lg-navy)!important; box-shadow:none!important; } #advancedWorkspaceRoot .rgf-method-note>strong{ color:var(--lg-navy)!important; font-size:17px!important; line-height:1.35!important; } #advancedWorkspaceRoot .rgf-method-note p{color:#315574!important} #advancedWorkspaceRoot .rgf-intro>div{gap:12px!important} @media(max-width:600px){ #advancedWorkspaceRoot .rgf-badge{min-height:34px!important;padding:6px 10px!important;font-size:12px!important} #advancedWorkspaceRoot .rgf-method-note{padding:14px!important} } /* V2.17.12 — one compact white brand header across every app page */ #root .topbar, #advancedWorkspaceRoot .rgp-page-brand{ background:var(--lg-white)!important; background-image:none!important; border-top:2px solid var(--lg-blue)!important; border-bottom:1px solid var(--lg-steel)!important; box-shadow:none!important; } #advancedWorkspaceRoot .rgp-page-brand{ min-height:92px!important; padding:8px clamp(20px,3vw,54px)!important; gap:22px!important; } #advancedWorkspaceRoot .rgp-page-brand>div{ gap:7px!important; flex:0 0 auto!important; } #advancedWorkspaceRoot .rgp-page-brand img:first-child{ width:clamp(205px,17vw,265px)!important; height:64px!important; } #advancedWorkspaceRoot .rgp-page-brand img:last-child{ display:block!important; width:clamp(260px,24vw,370px)!important; height:62px!important; margin:0!important; padding-left:13px!important; border-left:2px solid var(--lg-steel)!important; object-fit:contain!important; object-position:left center!important; } #advancedWorkspaceRoot .rgp-page-brand nav{gap:10px!important} #advancedWorkspaceRoot .rgp-page-brand nav button{ min-height:48px!important; padding:9px 20px!important; border-radius:12px!important; } @media(max-width:900px){ #advancedWorkspaceRoot .rgp-page-brand{padding:8px 16px!important;gap:10px!important} #advancedWorkspaceRoot .rgp-page-brand>div{width:auto!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:180px!important;height:54px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:235px!important;height:52px!important;padding-left:10px!important} } @media(max-width:600px){ #advancedWorkspaceRoot .rgp-page-brand{border-top-width:2px!important} #advancedWorkspaceRoot .rgp-page-brand>div{width:100%!important} #advancedWorkspaceRoot .rgp-page-brand img:first-child{width:125px!important;height:44px!important} #advancedWorkspaceRoot .rgp-page-brand img:last-child{width:185px!important;height:44px!important;padding-left:8px!important} } /* v2.17.12: cache-safe transparent ReGrease Pro logo */ #root .app-logo, #root .app-logo img, #advancedWorkspaceRoot .rgp-page-brand img:last-child, .machine-brand img:last-child { background: transparent !important; background-color: transparent !important; object-fit: contain !important; } /* v2.17.12 — one header and one navigation system on every app page */ #root .topbar{min-height:92px!important;padding:8px clamp(20px,3vw,54px)!important} #root .brand-lockup{gap:7px!important;flex:0 0 auto!important} #root .lubrigo-logo{width:clamp(205px,17vw,265px)!important;height:64px!important} #root .app-logo{width:clamp(260px,24vw,370px)!important;height:62px!important;padding-left:13px!important;border-left:2px solid var(--lg-steel)!important} .rgp-global-nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0} .rgp-global-nav[hidden]{display:none!important} .rgp-global-nav button,.rgp-global-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:9px 20px;border:1px solid #80b9ea;border-radius:12px;background:#fff;color:#0057b8;font:700 15px/1.2 "Segoe UI",Arial,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer} .rgp-global-nav button:hover,.rgp-global-nav a:hover{background:#e8f2fc;color:#003f87} .rgp-global-nav button[aria-pressed="true"],.rgp-global-nav a[aria-current="page"]{background:#0057b8;color:#fff;border-color:#0057b8} .rgp-global-nav button:focus-visible,.rgp-global-nav a:focus-visible{outline:3px solid #80b9ea;outline-offset:2px} @media(max-width:1100px){ #root .topbar,.machine-brand,#advancedWorkspaceRoot .rgp-page-brand{flex-wrap:wrap!important} .rgp-global-nav{width:100%;justify-content:stretch;overflow-x:auto;padding-bottom:2px} .rgp-global-nav button,.rgp-global-nav a{flex:1 0 auto} } @media(max-width:600px){ #root .topbar{padding:6px 12px!important} #root .brand-lockup{width:100%!important} #root .lubrigo-logo{width:125px!important;height:44px!important} #root .app-logo{width:185px!important;height:44px!important;padding-left:8px!important} .rgp-global-nav{gap:6px;justify-content:flex-start} .rgp-global-nav button,.rgp-global-nav a{min-height:40px;padding:7px 12px;font-size:13px} } @media print{.rgp-global-nav{display:none!important}} /* v2.17.12 — five hierarchy tabs in one compact ordered line */ #advancedWorkspaceRoot .rgp-record-toolbar{ display:grid!important; grid-template-columns:minmax(0,1fr) auto!important; align-items:center!important; gap:14px!important; } #advancedWorkspaceRoot .rgp-record-tabs{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; min-width:0!important; gap:4px!important; padding:4px!important; overflow:visible!important; } #advancedWorkspaceRoot .rgp-record-tabs button{ min-width:0!important; min-height:42px!important; padding:7px 8px!important; gap:6px!important; flex-direction:row!important; font-size:clamp(12px,1.05vw,15px)!important; line-height:1.15!important; white-space:nowrap!important; } #advancedWorkspaceRoot .rgp-record-tabs button b{ min-width:22px!important; width:auto!important; height:22px!important; padding:0 6px!important; flex:0 0 auto!important; } #advancedWorkspaceRoot #rgpAddRecord{ min-height:44px!important; padding:8px 15px!important; font-size:14px!important; } @media(max-width:760px){ #advancedWorkspaceRoot .rgp-record-toolbar{ display:flex!important; flex-direction:column!important; align-items:stretch!important; } #advancedWorkspaceRoot .rgp-record-tabs{ grid-template-columns:repeat(4,minmax(128px,1fr))!important; overflow-x:auto!important; } #advancedWorkspaceRoot .rgp-record-toolbar>#rgpAddRecord{ width:auto!important; align-self:flex-end!important; } } /* v2.17.12 final header-size lock — must remain after legacy page rules */ #root .topbar,#advancedWorkspaceRoot .rgp-page-brand{min-height:94px!important;height:auto!important;padding:8px clamp(20px,3vw,54px)!important;gap:22px!important;align-items:center!important} #root .brand-lockup,#advancedWorkspaceRoot .rgp-page-brand>div{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:12px!important;width:auto!important;min-width:0!important;flex:0 0 auto!important} #root .lubrigo-logo,#advancedWorkspaceRoot .rgp-page-brand img:first-child{width:220px!important;height:60px!important;flex:0 0 220px!important;object-fit:contain!important} #root .lubrigo-logo img{width:100%!important;height:100%!important;object-fit:contain!important} #root .app-logo,#advancedWorkspaceRoot .rgp-page-brand img:last-child{width:320px!important;height:60px!important;flex:0 0 320px!important;margin:0!important;padding-left:12px!important;border-left:2px solid var(--lg-steel)!important;object-fit:contain!important;object-position:left center!important} @media(max-width:1100px){#root .topbar,#advancedWorkspaceRoot .rgp-page-brand{gap:8px!important}#root .brand-lockup,#advancedWorkspaceRoot .rgp-page-brand>div{width:100%!important}} @media(max-width:600px){#root .topbar,#advancedWorkspaceRoot .rgp-page-brand{min-height:0!important;padding:6px 12px!important}#root .lubrigo-logo,#advancedWorkspaceRoot .rgp-page-brand img:first-child{width:125px!important;height:44px!important;flex-basis:125px!important}#root .app-logo,#advancedWorkspaceRoot .rgp-page-brand img:last-child{width:185px!important;height:44px!important;flex-basis:185px!important;padding-left:8px!important}} /* v2.17.12 — archived machines remain visible and recoverable */ #advancedWorkspaceRoot .rgp-archived-record{background:#f5f8fb!important;border-left:4px solid #7890a8!important;padding-left:12px!important} #advancedWorkspaceRoot .rgp-archived-record .rgp-record-avatar{background:#e2e9ef!important;color:#53697f!important} #advancedWorkspaceRoot .rgp-archived-record h4 a{color:#4f6479!important} #advancedWorkspaceRoot .rgp-restore-machine{min-height:40px!important;padding:7px 13px!important;border-color:#80b9ea!important;background:#fff!important;color:#0057b8!important;white-space:nowrap!important} #advancedWorkspaceRoot .rgp-restore-machine:hover{background:#e8f2fc!important;color:#003f87!important} #advancedWorkspaceRoot .rgp-purge-machine{min-height:40px!important;padding:7px 13px!important;border-color:#ef9aa2!important;background:#fff!important;color:#b42335!important;white-space:nowrap!important} #advancedWorkspaceRoot .rgp-purge-machine:hover{background:#fff1f2!important;color:#8f1727!important} #advancedWorkspaceRoot .rgp-archived-record .rgp-row-actions{flex-wrap:wrap;gap:10px!important} @media(max-width:760px){#advancedWorkspaceRoot .rgp-archived-record .rgp-row-actions{width:100%;justify-content:stretch!important}#advancedWorkspaceRoot .rgp-archived-record .rgp-row-actions>*{flex:1 1 100%}} /* v2.17.12 — recovery actions are links, not boxed buttons */ #advancedWorkspaceRoot #rgpLogin .rgp-recovery-links button, #advancedWorkspaceRoot .rgp-recovery-panel>[data-back-login]{ width:auto!important; min-width:0!important; min-height:32px!important; margin:0!important; padding:4px 0!important; border:0!important; border-radius:0!important; background:transparent!important; background-image:none!important; box-shadow:none!important; color:#0068a8!important; font-size:14px!important; font-weight:700!important; line-height:1.35!important; } #advancedWorkspaceRoot #rgpLogin .rgp-recovery-links button:hover, #advancedWorkspaceRoot .rgp-recovery-panel>[data-back-login]:hover{ border:0!important; background:transparent!important; color:#004b87!important; text-decoration:underline!important; } /* v2.17.12: retain the header version on desktop and mobile. */ #root .topbar .header-note{display:inline-flex!important;align-items:center!important;gap:6px!important;visibility:visible!important;opacity:1!important;flex-shrink:0!important;max-width:100%!important;font-size:12px!important;line-height:1.4!important;color:#172536!important;background:#e8f2fc!important} /* v2.17.12: roomy mobile bearing measurements; desktop is unchanged. */ @media(max-width:600px){ #root .rgp-bearing-card .grid.bearing-dimensions{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;padding:16px 0!important} #root .rgp-bearing-card .bearing-dimensions .field{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0!important;width:100%!important} #root .rgp-bearing-card .bearing-dimensions .rgp-field-heading{min-height:0!important;margin:0!important;align-items:center!important} #root .rgp-bearing-card .bearing-dimensions .rgp-field-heading>label{font-size:14px!important;line-height:1.4!important} #root .rgp-bearing-card .bearing-dimensions .control{width:100%!important;min-width:0!important;min-height:50px!important} #root .rgp-bearing-card .bearing-dimensions .control input{width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;font-size:16px!important;padding:12px 14px!important} #root .rgp-bearing-card .bearing-dimensions .control>b{font-size:13px!important;padding:0 12px!important;flex-shrink:0!important} } /* Combined bearing and application section */ .rgp-application-fields{margin-top:24px;padding-top:20px;border-top:1px solid #dce3ea} /* Keep the same header geometry in Basic and Advanced. */ #root .topbar,#advancedWorkspaceRoot .rgp-page-brand{ display:grid!important;grid-template-columns:minmax(0,1fr) auto!important; grid-template-rows:60px 44px!important;gap:8px 16px!important; height:133px!important;min-height:133px!important;max-height:133px!important; box-sizing:border-box!important;padding:8px clamp(12px,3vw,54px)!important; align-items:center!important;border-top:2px solid #0057b8!important;border-bottom:1px solid #c9d2da!important; } #root .topbar .brand-lockup,#advancedWorkspaceRoot .rgp-page-brand>div{grid-column:1!important;grid-row:1!important;width:auto!important;max-width:100%!important;min-width:0!important} #root .topbar .header-note{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important} #root .topbar .rgp-global-nav,#advancedWorkspaceRoot .rgp-page-brand .rgp-global-nav{ display:flex!important;grid-column:1 / -1!important;grid-row:2!important; width:100%!important;height:44px!important;min-height:44px!important;margin:0!important; padding:0!important;gap:8px!important;flex-wrap:nowrap!important;justify-content:flex-end!important; overflow-x:auto!important;overflow-y:hidden!important;align-items:center!important; } #root .topbar .rgp-global-nav[hidden]{display:flex!important;visibility:hidden!important;pointer-events:none!important} #root .topbar .rgp-global-nav button,#advancedWorkspaceRoot .rgp-page-brand .rgp-global-nav button{ flex:0 0 auto!important;min-height:40px!important;height:40px!important;margin:0!important; padding:6px 16px!important;font-size:14px!important;line-height:1.2!important;white-space:nowrap!important; } @media(max-width:800px){ #root .topbar,#advancedWorkspaceRoot .rgp-page-brand{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:44px 24px 40px!important;height:139px!important;min-height:139px!important;max-height:139px!important;gap:6px!important;padding:8px 12px!important} #root .topbar .header-note{grid-column:1!important;grid-row:2!important;font-size:10px!important;padding:3px 8px!important;max-height:24px!important} #root .topbar .rgp-global-nav,#advancedWorkspaceRoot .rgp-page-brand .rgp-global-nav{grid-column:1!important;grid-row:3!important;height:40px!important;min-height:40px!important;justify-content:flex-start!important;gap:6px!important} #root .topbar .lubrigo-logo,#advancedWorkspaceRoot .rgp-page-brand img:first-child{width:100px!important;height:44px!important;flex:0 0 100px!important} #root .topbar .app-logo,#advancedWorkspaceRoot .rgp-page-brand img:last-child{width:185px!important;max-width:calc(100% - 112px)!important;height:44px!important;flex:0 1 185px!important} #root .topbar .rgp-global-nav button,#advancedWorkspaceRoot .rgp-page-brand .rgp-global-nav button{padding:6px 10px!important;font-size:12px!important;min-height:36px!important;height:36px!important} } /* Keep all five record tabs and Add on one row. */ #advancedWorkspaceRoot .rgp-record-toolbar{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;min-width:0!important;overflow-x:auto!important} #advancedWorkspaceRoot .rgp-record-toolbar .rgp-record-tabs{display:flex!important;flex-wrap:nowrap!important;flex:1 0 auto!important;width:auto!important;min-width:max-content!important;overflow:visible!important;gap:4px!important} #advancedWorkspaceRoot .rgp-record-toolbar .rgp-record-tabs button{display:flex!important;align-items:center!important;justify-content:center!important;flex:1 0 auto!important;flex-direction:row!important;white-space:nowrap!important;padding:8px 12px!important;min-height:44px!important} #advancedWorkspaceRoot .rgp-record-toolbar #rgpAddRecord{flex:0 0 auto!important;width:auto!important;white-space:nowrap!important;margin:0!important;min-height:44px!important} /* Center the four-stage sequence on calculator and results pages. */ #root .rgp-wizard-progress { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; width:100%!important; max-width:920px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; justify-self:center; } #root .rgp-wizard-progress > span { min-width:0; text-align:center; } #root .rgp-wizard-progress [data-jump-step]{cursor:pointer!important} #root .rgp-wizard-progress [data-jump-step]:focus-visible{outline:3px solid #0057B8;outline-offset:5px;border-radius:8px} #root .rgp-pending-results{padding:24px;background:#fff;border:1px solid #c9d2da;border-radius:12px;margin:16px auto;max-width:1120px} #root .rgp-pending-results button{display:block;margin:10px 0;min-height:44px;padding:10px 16px;text-align:left;cursor:pointer} /* Compact relubrication guidance popup — scoped to the results guidance. */ #root .results > .rgp-info > .rgp-info-content { padding:16px 18px!important; font-size:14px!important; line-height:1.5!important; text-align:left!important; overflow-wrap:break-word; } #root .results > .rgp-info .advice { background:transparent!important; font-size:14px!important; } #root .results > .rgp-info .advice > b { font-size:14px!important; margin:0 0 6px!important; } #root .results > .rgp-info .advice > p { font-size:14px!important; margin:0 0 12px!important; line-height:1.5!important; } #root .results > .rgp-info .advice > ul { display:block!important; columns:1!important; margin:6px 0 0!important; padding:0 0 0 19px!important; list-style:disc outside!important; } #root .results > .rgp-info .advice > ul > li { display:list-item!important; font-size:14px!important; line-height:1.5!important; margin:0 0 8px!important; padding-left:2px!important; } #root .results > .rgp-info .advice > ul > li:last-child { margin-bottom:0!important; }