.rhmp-owner-dashboard{--navy:#0b1f3a;--green:#08a94f;--orange:#ff8b22;--red:#ff4d57;--blue:#168cf3;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--navy);background:#f4f7fa;padding:14px 10px 90px;box-sizing:border-box}.rhmp-owner-dashboard *{box-sizing:border-box}.rhmp-od-shell{max-width:1100px;margin:auto}.rhmp-od-header,.rhmp-od-panel,.rhmp-od-stats>div{background:#fff;border:1px solid #e7edf3;box-shadow:0 7px 22px rgba(19,45,75,.06);border-radius:17px}.rhmp-od-header{padding:22px;display:flex;justify-content:space-between;align-items:center}.rhmp-od-eyebrow,.rhmp-od-title>span{font-size:11px;letter-spacing:.16em;color:#15945a;font-weight:800}.rhmp-od-header h1{margin:7px 0 3px;font-size:30px;line-height:1.1}.rhmp-od-header p,.rhmp-od-title p{margin:0;color:#64748b}.rhmp-od-bell{font-size:22px;position:relative}.rhmp-od-bell b{position:absolute;right:-8px;top:-9px;background:var(--red);color:#fff;border-radius:20px;font-size:10px;padding:2px 6px}.rhmp-od-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.rhmp-od-stats>div{padding:16px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center}.rhmp-stat-icon{grid-row:1/3;font-size:20px}.rhmp-od-stats strong{font-size:25px;line-height:1}.rhmp-od-stats>div>span:not(.rhmp-stat-icon){font-size:12px;color:#66758d}.rhmp-od-stats small{grid-column:1/-1;color:#6c7a90;font-size:10px;margin-top:6px}.rhmp-od-add{display:block;width:max-content;margin:8px 0 16px auto;background:var(--green);color:#fff!important;text-decoration:none!important;padding:13px 22px;border-radius:11px;font-weight:800;box-shadow:0 7px 16px rgba(8,169,79,.18)}.rhmp-od-panel{padding:22px}.rhmp-od-title h2{font-size:25px;margin:7px 0 3px}.rhmp-od-vehicle{display:grid;grid-template-columns:120px 1fr;gap:18px;border:1px solid #e7edf3;border-radius:16px;padding:14px;margin-top:14px;background:#fff}.rhmp-od-photo{height:105px;border-radius:13px;overflow:hidden;background:#e8f2ed;display:grid;place-items:center}.rhmp-od-photo img{width:100%;height:100%;object-fit:cover}.rhmp-od-vinfo{min-width:0}.rhmp-od-vtop{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.rhmp-od-vtop>div{min-width:0}.rhmp-od-vtop h3{margin:3px 0;font-size:18px;line-height:1.25;overflow-wrap:normal;word-break:normal}.rhmp-od-vtop p,.rhmp-od-meta{color:#617089;font-size:12px}.rhmp-od-vtop p{margin:5px 0;overflow-wrap:anywhere}.rhmp-od-vtop em{font-style:normal;white-space:nowrap;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800;background:#e6f8ed;color:#14924e}.rhmp-od-vtop em.status-pending{background:#fff6cc;color:#b57a00}.rhmp-od-meta{display:flex;gap:18px;margin:8px 0;flex-wrap:wrap}.rhmp-od-actions{display:grid;grid-template-columns:1fr 1fr 1.35fr;gap:8px}.rhmp-od-actions a,.rhmp-od-actions button{appearance:none;border-radius:9px;padding:10px;border:1px solid #b9d9ff;background:#eff7ff;color:#1476dd;font-weight:800;text-align:center;text-decoration:none!important;font-size:12px;line-height:1.25}.rhmp-od-actions .booking{border-color:#8ed7ae;background:#effbf4;color:#078b43}.rhmp-od-actions .customer{border-color:#ffc08b;background:#fff7ef;color:#e86d08;position:relative}.rhmp-od-actions .customer b{background:#ef4444;color:#fff;border-radius:20px;padding:1px 5px;margin-left:4px}.rhmp-od-sheet[hidden]{display:none!important}.rhmp-od-sheet{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-end;justify-content:center}.rhmp-od-sheet-bg{position:absolute;inset:0;background:rgba(8,23,42,.62);backdrop-filter:blur(4px)}.rhmp-od-sheet-box{position:relative;background:#f7f9fb;width:min(620px,100%);max-height:96dvh;overflow:auto;overscroll-behavior:contain;border-radius:22px 22px 0 0;padding:16px;box-shadow:0 -20px 60px rgba(0,0,0,.2)}.rhmp-od-x{position:absolute;right:14px;top:11px;border:0;background:transparent;width:34px;height:34px;font-size:26px;color:#334155;z-index:3}.rhmp-od-sheet-title{padding:3px 40px 12px 2px}.rhmp-od-sheet-title h2{margin:0;font-size:21px}.rhmp-od-sheet-head{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #e4eaf0;border-radius:14px;padding:12px;margin-bottom:14px}.rhmp-sheet-car-icon{width:72px;height:58px;border-radius:10px;background:#eef4f8;display:grid;place-items:center;font-size:30px;flex:0 0 auto}.rhmp-od-sheet-head span{font-size:9px;letter-spacing:.14em;color:#16a05b;font-weight:800}.rhmp-od-sheet-head h2{margin:2px 0;font-size:17px;line-height:1.2}.rhmp-od-sheet-head p{margin:0;color:#64748b;font-size:12px}.rhmp-step-title{font-size:15px;margin:14px 0 8px}.rhmp-od-calendar-wrap,.rhmp-form-card{background:#fff;border:1px solid #e4eaf0;border-radius:14px;overflow:hidden}.rhmp-od-calendar-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px}.rhmp-od-calendar-head strong{font-size:15px}.rhmp-od-calendar-head button{border:0;background:transparent;font-size:27px;line-height:1;width:34px;height:34px;color:#0b1f3a}.rhmp-od-week,.rhmp-od-cal{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;background:#fff}.rhmp-od-week{padding:0 8px}.rhmp-od-week span{text-align:center;padding:7px 0;font-size:10px;color:#607089}.rhmp-od-cal{padding:4px 8px 10px;gap:4px}.rhmp-od-cal button,.rhmp-od-cal span{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:38px!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0;background:transparent;border-radius:8px;font-size:12px;font-weight:700;line-height:1}.rhmp-od-cal span.muted{color:#a8b2bf}.rhmp-od-cal button.confirmed{background:#ff6a70;color:#fff}.rhmp-od-cal button.pending{background:#ffab55;color:#fff}.rhmp-od-cal button.selected{background:#4aa7f8!important;color:#fff!important}.rhmp-od-cal button.today:not(.confirmed):not(.pending):not(.selected){background:#d9f7e5;color:#0b8f47}.rhmp-od-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:9px 10px 11px;border-top:1px solid #eef2f5}.rhmp-od-legend span{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px;color:#536174;white-space:nowrap}.rhmp-od-legend i{width:9px;height:9px;border-radius:3px}.booked-dot{background:#ff6a70}.pending-dot{background:#ffab55}.selected-dot{background:#4aa7f8}.today-dot{background:#27c46b}.rhmp-od-sheet form{background:transparent;padding:0}.rhmp-form-card{padding:12px}.rhmp-od-sheet label{display:block;font-size:11px;font-weight:700;margin:7px 0;color:#3d4c61}.rhmp-od-sheet input{box-sizing:border-box;width:100%;height:44px;padding:10px;border:1px solid #d9e2ea;border-radius:8px;margin-top:5px;background:#fff;font-size:13px}.rhmp-od-dates{display:grid;grid-template-columns:1fr 1fr;gap:9px}.rhmp-total-days{margin-top:8px;padding:10px;background:#eef8ff;border:1px solid #cce6fa;border-radius:8px}.rhmp-total-days span{display:block;font-size:10px;color:#63748a}.rhmp-total-days strong{display:block;margin-top:2px;font-size:17px}.rhmp-form-actions{display:grid;grid-template-columns:.8fr 1.3fr;gap:10px;margin-top:14px}.rhmp-cancel,.rhmp-od-save{border-radius:9px;padding:12px;font-weight:800}.rhmp-cancel{border:1px solid #d8e0e7;background:#eef2f5;color:#475569}.rhmp-od-save{border:0;background:var(--green);color:#fff;box-shadow:0 5px 14px rgba(8,169,79,.18)}.rhmp-od-tabs{display:grid;grid-template-columns:1fr 1fr;background:#eaf0f5;padding:4px;border-radius:10px;margin:10px 0}.rhmp-od-tabs button{border:0;padding:10px 6px;border-radius:8px;background:transparent;font-weight:800;font-size:12px}.rhmp-od-tabs button.active{background:#fff;color:#1476dd;box-shadow:0 2px 8px rgba(0,0,0,.07)}.rhmp-od-request{background:#fff;border:1px solid #e5ebf1;border-radius:12px;padding:12px;margin:9px 0;box-shadow:0 3px 12px rgba(20,40,70,.04)}.reqtop{display:flex;justify-content:space-between;gap:8px;align-items:center}.reqtop em{font-style:normal;text-transform:capitalize;background:#fff0cf;color:#b56c00;padding:4px 9px;border-radius:20px;font-size:11px}.rhmp-od-request h3{margin:9px 0 2px;font-size:14px}.rhmp-call{display:block;color:#334155!important;font-weight:700;text-decoration:none!important;padding:5px 0;font-size:12px}.rhmp-od-request p{font-size:11px;color:#5f6e84;margin:5px 0 9px}.reqactions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.reqactions button{padding:10px;border-radius:8px;border:1px solid #69cf92;background:#effbf4;color:#078b43;font-weight:800}.reqactions .delete{border-color:#ff9898;background:#fff3f3;color:#dc2929}.rhmp-od-empty{padding:22px;text-align:center;color:#748197}.rhmp-od-toast{position:fixed;left:50%;bottom:82px;transform:translateX(-50%);z-index:1000000;background:var(--green);color:#fff;padding:12px 18px;border-radius:10px;font-weight:700;box-shadow:0 10px 24px rgba(8,169,79,.24);border:1px solid rgba(255,255,255,.14)}.rhmp-od-toast.error{background:var(--red);box-shadow:0 10px 24px rgba(255,77,87,.22)}.rhmp-od-mobile-nav{display:none} @media(max-width:700px){.rhmp-owner-dashboard{padding:8px 7px 76px;background:#f4f7fa}.rhmp-od-shell{width:100%}.rhmp-od-header{padding:15px 14px;border-radius:14px}.rhmp-od-eyebrow{display:none}.rhmp-od-header h1{font-size:20px;margin:0 0 4px}.rhmp-od-header p{font-size:12px}.rhmp-od-stats{grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.rhmp-od-stats>div{padding:11px;border-radius:11px;min-height:82px}.rhmp-stat-icon{font-size:18px}.rhmp-od-stats strong{font-size:22px}.rhmp-od-stats>div>span:not(.rhmp-stat-icon){font-size:10px}.rhmp-od-stats small{font-size:9px}.rhmp-od-add{width:100%;box-sizing:border-box;text-align:center;margin:9px 0 12px;padding:12px;border-radius:9px;font-size:14px}.rhmp-od-panel{padding:0;background:transparent;border:0;box-shadow:none}.rhmp-od-title{padding:4px 3px 3px}.rhmp-od-title>span{display:none}.rhmp-od-title h2{font-size:20px;margin:5px 0 2px}.rhmp-od-title p{font-size:11px}.rhmp-od-vehicle{display:block;padding:11px;border-radius:12px;margin-top:9px;box-shadow:0 4px 14px rgba(20,40,70,.05)}.rhmp-od-photo{float:left;width:126px;height:92px;margin:0 11px 8px 0;border-radius:10px}.rhmp-od-vinfo{display:block;min-height:92px}.rhmp-od-vtop{min-width:0;gap:6px}.rhmp-od-vtop h3{font-size:14px;line-height:1.25;margin:2px 0;word-break:normal!important;overflow-wrap:normal!important}.rhmp-od-vtop p{font-size:10px;line-height:1.3;margin:4px 0;word-break:break-word}.rhmp-od-vtop em{font-size:9px;padding:5px 8px;white-space:nowrap;flex:0 0 auto}.rhmp-od-meta{font-size:10px;gap:5px 10px;margin:6px 0;line-height:1.3}.rhmp-od-actions{clear:both;display:grid;grid-template-columns:1fr;gap:5px;padding-top:2px}.rhmp-od-actions a,.rhmp-od-actions button{width:100%;padding:8px 7px;font-size:11px;border-radius:7px}.rhmp-od-sheet{align-items:stretch}.rhmp-od-sheet-box{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:11px 10px 82px}.rhmp-od-sheet-title{padding:2px 38px 10px 2px}.rhmp-od-sheet-title h2{font-size:19px}.rhmp-od-x{top:6px;right:7px}.rhmp-od-sheet-head{padding:9px;margin-bottom:10px}.rhmp-sheet-car-icon{width:78px;height:58px}.rhmp-od-sheet-head h2{font-size:14px}.rhmp-step-title{font-size:14px;margin:11px 0 7px}.rhmp-od-calendar-wrap{border-radius:11px}.rhmp-od-calendar-head{padding:7px 8px}.rhmp-od-calendar-head strong{font-size:14px}.rhmp-od-week{padding:0 4px}.rhmp-od-week span{font-size:9px;padding:5px 0}.rhmp-od-cal{padding:3px 4px 8px;gap:3px;min-height:245px}.rhmp-od-cal button,.rhmp-od-cal span{height:32px!important;min-height:32px!important;font-size:11px!important;border-radius:7px}.rhmp-od-legend{padding:8px 4px;gap:2px}.rhmp-od-legend span{font-size:8px}.rhmp-od-legend i{width:8px;height:8px}.rhmp-form-card{padding:9px}.rhmp-od-dates{gap:7px}.rhmp-od-sheet input{height:40px;font-size:12px;padding:8px}.rhmp-form-actions{position:sticky;bottom:-71px;background:#f7f9fb;padding:9px 0 2px;margin-top:10px}.rhmp-od-tabs{margin:8px 0}.rhmp-od-request{padding:11px}.rhmp-od-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:99990;background:rgba(255,255,255,.97);border-top:1px solid #dfe7ee;box-shadow:0 -4px 16px rgba(20,40,70,.07);padding:5px 4px calc(5px + env(safe-area-inset-bottom))}.rhmp-od-mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:1px;text-decoration:none!important;color:#40516a!important;font-size:16px;line-height:1}.rhmp-od-mobile-nav a span{font-size:8px}.rhmp-od-mobile-nav a.active{color:#08a94f!important}} /* ========================================================= v2.2.0 PROFESSIONAL KPI + UNIFIED BOOKING CALENDAR Matches RHMP Booking Vehicle calendar visual language. ========================================================= */ .rhmp-od-stats>div{position:relative;overflow:hidden;min-height:112px;padding:18px 18px 16px;border-color:#e3e9ef;box-shadow:0 8px 24px rgba(15,35,60,.065)} .rhmp-od-stats>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#168cf3} .rhmp-od-stats .rhmp-stat-bookings::before{background:#08a94f}.rhmp-od-stats .rhmp-stat-calls::before{background:#ff8b22}.rhmp-od-stats .rhmp-stat-views::before{background:#7c3aed} .rhmp-od-stats .rhmp-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#eef6ff;font-size:20px}.rhmp-od-stats .rhmp-stat-bookings .rhmp-stat-icon{background:#eaf9f0}.rhmp-od-stats .rhmp-stat-calls .rhmp-stat-icon{background:#fff3e8}.rhmp-od-stats .rhmp-stat-views .rhmp-stat-icon{background:#f2edff} .rhmp-od-stats strong{font-size:28px;letter-spacing:-.03em}.rhmp-od-stats>div>span:not(.rhmp-stat-icon){font-size:12px;font-weight:750;color:#34445b}.rhmp-od-stats small{padding-left:51px;color:#7a8798;font-size:10px} .rhmp-od-calendar-wrap{border:1px solid #dfe3e8!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important} .rhmp-od-calendar-head{padding:12px 14px!important;background:#fff!important;border-bottom:0!important} .rhmp-od-calendar-head strong{font-size:15px!important;font-weight:700!important;color:#101a32!important} .rhmp-od-calendar-head button{border:0!important;background:transparent!important;color:#101a32!important;border-radius:8px!important;box-shadow:none!important} .rhmp-od-week{padding:0!important;background:#f6f7fa!important;border-top:1px solid #dfe3e8!important;border-bottom:1px solid #dfe3e8!important} .rhmp-od-week span{padding:8px 3px!important;color:#596579!important;font-size:11px!important;font-weight:600!important} .rhmp-od-cal{padding:0!important;gap:0!important;background:#fff!important;min-height:0!important} .rhmp-od-cal button,.rhmp-od-cal span{height:44px!important;min-height:44px!important;border-radius:0!important;border:0!important;border-right:1px solid #e6e9ee!important;border-bottom:1px solid #e6e9ee!important;background:#fff!important;color:#151c2e!important;font-size:12px!important;font-weight:500!important;box-shadow:none!important} .rhmp-od-cal button:nth-child(7n),.rhmp-od-cal span:nth-child(7n){border-right:0!important} .rhmp-od-cal span.muted{color:#aeb6c2!important;background:#fbfcfd!important} .rhmp-od-cal button.confirmed{background:#fff0f1!important;color:#ed1c24!important;font-weight:700!important} .rhmp-od-cal button.pending{background:#fff7e5!important;color:#f3aa18!important;font-weight:700!important} .rhmp-od-cal button.selected{background:#008f5a!important;color:#fff!important;font-weight:800!important} .rhmp-od-cal button.today:not(.confirmed):not(.pending):not(.selected){box-shadow:inset 0 0 0 2px rgba(0,143,90,.35)!important;background:#fff!important;color:#151c2e!important} .rhmp-od-legend{grid-template-columns:repeat(4,1fr)!important;padding:12px 10px!important;background:#fff!important;border-top:0!important} .rhmp-od-legend span{font-size:10px!important;color:#596579!important}.rhmp-od-legend i{width:10px!important;height:10px!important;border-radius:50%!important}.booked-dot{background:#ed1c24!important}.pending-dot{background:#f3aa18!important}.available-dot{background:#bfe9d8!important}.selected-dot{background:#008f5a!important} @media(max-width:700px){.rhmp-od-stats>div{min-height:96px;padding:13px 12px}.rhmp-od-stats .rhmp-stat-icon{width:36px;height:36px;border-radius:10px;font-size:17px}.rhmp-od-stats strong{font-size:23px}.rhmp-od-stats small{padding-left:45px;font-size:9px}.rhmp-od-calendar-head{padding:10px 9px!important}.rhmp-od-week span{font-size:9px!important;padding:7px 1px!important}.rhmp-od-cal button,.rhmp-od-cal span{height:40px!important;min-height:40px!important;font-size:11px!important}.rhmp-od-legend{padding:10px 3px!important}.rhmp-od-legend span{font-size:8px!important}} /* v2.4.0 Owner controls */ .rhmp-od-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.rhmp-od-notify,.rhmp-od-logout{appearance:none;border:1px solid #dbe4ec;background:#fff;color:#334155;border-radius:10px;padding:10px 13px;font-size:12px;font-weight:800;line-height:1;display:inline-flex;align-items:center;gap:7px;cursor:pointer;box-shadow:0 3px 10px rgba(15,35,60,.04)}.rhmp-od-notify{position:relative;border-color:#cfe0f0}.rhmp-od-notify.is-on{background:#eaf9f0;border-color:#9ddab8;color:#078b43}.rhmp-od-notify b{position:absolute;right:-7px;top:-8px;background:var(--red);color:#fff;border-radius:20px;font-size:9px;padding:2px 6px}.rhmp-od-logout{border-color:#ffd0d0;background:#fff5f5;color:#c93636}.rhmp-od-notify:disabled,.rhmp-od-logout:disabled{opacity:.55;cursor:not-allowed}@media(max-width:700px){.rhmp-od-header{align-items:flex-start;gap:8px}.rhmp-od-header-actions{gap:5px;max-width:52%;justify-content:flex-end}.rhmp-od-notify,.rhmp-od-logout{padding:8px 9px;font-size:10px;border-radius:8px}.rhmp-od-notify span:first-child{font-size:13px}.rhmp-od-logout span{display:none}} /* v2.7.0 Clean KPI cards + per-vehicle views */ .rhmp-od-stats>div{display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:3px!important;align-content:center!important;min-height:104px!important;padding:17px 18px!important} .rhmp-od-stats .rhmp-stat-icon{grid-column:1!important;grid-row:1/3!important;align-self:center!important} .rhmp-od-stats strong{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:30px!important;line-height:1!important;color:#0b1f3a!important} .rhmp-od-stats>div>span:not(.rhmp-stat-icon){grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;color:#40516a!important} .rhmp-od-stats small{display:none!important} .rhmp-vehicle-views{display:inline-flex!important;align-items:center!important;gap:4px!important;font-weight:800!important;color:#334155!important;background:#f3f6f9!important;border:1px solid #e2e8f0!important;border-radius:999px!important;padding:4px 9px!important} @media(max-width:700px){.rhmp-od-stats>div{grid-template-columns:38px 1fr!important;column-gap:9px!important;min-height:84px!important;padding:12px!important}.rhmp-od-stats strong{font-size:24px!important}.rhmp-od-stats>div>span:not(.rhmp-stat-icon){font-size:10px!important}.rhmp-vehicle-views{padding:3px 7px!important;font-size:10px!important}} /* ========================================================= v2.8.0 COLOR KPI CARDS Full-card color treatment matching the dashboard reference. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card{ position:relative!important; overflow:hidden!important; min-height:150px!important; padding:22px!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:flex-end!important; gap:5px!important; border:0!important; border-radius:18px!important; color:#fff!important; box-shadow:0 10px 24px rgba(15,35,60,.12)!important; } .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card::before{ content:""!important; position:absolute!important; width:150px!important; height:150px!important; left:auto!important; right:-45px!important; top:auto!important; bottom:-62px!important; border-radius:50%!important; background:rgba(255,255,255,.075)!important; pointer-events:none!important; } .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card::after{ content:""; position:absolute; width:78px; height:78px; right:-22px; top:-25px; border-radius:50%; background:rgba(255,255,255,.045); pointer-events:none; } .rhmp-owner-dashboard .rhmp-stat-vehicles{background:linear-gradient(135deg,#1697f6 0%,#0864e8 100%)!important} .rhmp-owner-dashboard .rhmp-stat-bookings{background:linear-gradient(135deg,#ffb13c 0%,#ff861d 100%)!important} .rhmp-owner-dashboard .rhmp-stat-calls{background:linear-gradient(135deg,#18c86b 0%,#079e4e 100%)!important} .rhmp-owner-dashboard .rhmp-stat-views{background:linear-gradient(135deg,#ff5a67 0%,#e9314c 100%)!important} .rhmp-owner-dashboard .rhmp-od-stats .rhmp-stat-icon{ position:absolute!important; left:22px!important; top:20px!important; width:48px!important; height:48px!important; display:grid!important; place-items:center!important; border-radius:14px!important; background:rgba(255,255,255,.14)!important; color:#fff!important; font-size:23px!important; line-height:1!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important; } .rhmp-owner-dashboard .rhmp-od-stats strong{ position:relative!important; z-index:1!important; order:3!important; font-size:42px!important; line-height:1!important; letter-spacing:-.04em!important; color:#fff!important; text-shadow:0 1px 1px rgba(0,0,0,.04)!important; } .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card > span:not(.rhmp-stat-icon){ position:relative!important; z-index:1!important; order:2!important; font-size:13px!important; line-height:1.2!important; font-weight:850!important; letter-spacing:.055em!important; text-transform:uppercase!important; color:#fff!important; } .rhmp-owner-dashboard .rhmp-od-stats small{display:none!important} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card{ min-height:116px!important; padding:14px!important; border-radius:14px!important; gap:3px!important; } .rhmp-owner-dashboard .rhmp-od-stats .rhmp-stat-icon{ left:14px!important; top:13px!important; width:36px!important; height:36px!important; border-radius:10px!important; font-size:17px!important; } .rhmp-owner-dashboard .rhmp-od-stats strong{font-size:30px!important} .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card > span:not(.rhmp-stat-icon){font-size:9px!important;letter-spacing:.035em!important} .rhmp-owner-dashboard .rhmp-od-stats > .rhmp-stat-card::before{width:110px!important;height:110px!important;right:-40px!important;bottom:-52px!important} } /* ========================================================= v2.9.0 OWNER ID + CLEAN VEHICLE CARD ========================================================= */ .rhmp-owner-dashboard .rhmp-owner-id{margin:7px 0 0!important;color:#64748b!important;font-size:13px!important;font-weight:750!important} .rhmp-owner-dashboard .rhmp-od-vtop{display:block!important} .rhmp-owner-dashboard .rhmp-od-vtop h3{text-transform:uppercase!important;font-size:20px!important;font-weight:850!important;letter-spacing:.015em!important;margin:1px 0 12px!important;color:#0b1f3a!important} .rhmp-owner-dashboard .rhmp-od-vehicle-details{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important} .rhmp-owner-dashboard .rhmp-od-detail-row{min-width:0!important;padding:9px 11px!important;border:1px solid #e5ebf1!important;border-radius:10px!important;background:#f8fafc!important} .rhmp-owner-dashboard .rhmp-od-detail-row span{display:block!important;margin-bottom:3px!important;color:#7a8798!important;font-size:9px!important;font-weight:800!important;letter-spacing:.055em!important;text-transform:uppercase!important} .rhmp-owner-dashboard .rhmp-od-detail-row strong{display:block!important;color:#26364c!important;font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere!important} .rhmp-owner-dashboard .rhmp-od-detail-views{background:#f3f7fb!important} .rhmp-owner-dashboard .rhmp-od-detail-views strong{color:#334155!important} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-owner-id{font-size:11px!important;margin-top:4px!important} .rhmp-owner-dashboard .rhmp-od-vtop h3{font-size:17px!important;margin:2px 0 9px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-details{grid-template-columns:1fr 1fr!important;gap:6px!important;margin-bottom:9px!important} .rhmp-owner-dashboard .rhmp-od-detail-views{grid-column:1/-1!important} .rhmp-owner-dashboard .rhmp-od-detail-row{padding:8px 9px!important} .rhmp-owner-dashboard .rhmp-od-detail-row strong{font-size:11px!important} } /* ========================================================= v2.9.1 PROFESSIONAL MOBILE VEHICLE CARD ========================================================= */ @media (max-width:700px){ .rhmp-owner-dashboard .rhmp-od-panel{ padding:16px 12px!important; border-radius:16px!important; } .rhmp-owner-dashboard .rhmp-od-title h2{ margin:5px 0 12px!important; font-size:24px!important; line-height:1.15!important; } .rhmp-owner-dashboard .rhmp-od-title>span{ font-size:9px!important; letter-spacing:.15em!important; } .rhmp-owner-dashboard .rhmp-od-vehicle{ display:grid!important; grid-template-columns:112px minmax(0,1fr)!important; gap:12px!important; align-items:start!important; padding:12px!important; margin-top:12px!important; border:1px solid #e5ebf1!important; border-radius:16px!important; background:#fff!important; box-shadow:0 7px 20px rgba(15,35,60,.06)!important; } .rhmp-owner-dashboard .rhmp-od-photo{ grid-column:1!important; grid-row:1!important; width:112px!important; height:100px!important; min-width:112px!important; border-radius:12px!important; overflow:hidden!important; margin:0!important; } .rhmp-owner-dashboard .rhmp-od-photo img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } .rhmp-owner-dashboard .rhmp-od-vinfo{ display:contents!important; } .rhmp-owner-dashboard .rhmp-od-vtop{ grid-column:2!important; grid-row:1!important; min-width:0!important; display:block!important; } .rhmp-owner-dashboard .rhmp-od-vtop h3{ margin:2px 0 0!important; font-size:16px!important; line-height:1.2!important; font-weight:900!important; letter-spacing:.01em!important; color:#10233d!important; overflow-wrap:anywhere!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-details{ grid-column:2!important; grid-row:1!important; align-self:end!important; display:flex!important; flex-direction:column!important; gap:4px!important; min-width:0!important; margin:30px 0 0!important; } .rhmp-owner-dashboard .rhmp-od-detail-row, .rhmp-owner-dashboard .rhmp-od-detail-views{ display:flex!important; align-items:baseline!important; gap:5px!important; min-width:0!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; } .rhmp-owner-dashboard .rhmp-od-detail-row span{ display:inline!important; flex:0 0 auto!important; margin:0!important; font-size:9px!important; line-height:1.25!important; font-weight:800!important; letter-spacing:.02em!important; color:#8290a3!important; text-transform:uppercase!important; } .rhmp-owner-dashboard .rhmp-od-detail-row strong{ display:inline!important; min-width:0!important; margin:0!important; font-size:11px!important; line-height:1.25!important; font-weight:850!important; color:#31445e!important; overflow-wrap:anywhere!important; word-break:break-word!important; } .rhmp-owner-dashboard .rhmp-od-detail-views{ margin-top:4px!important; width:max-content!important; max-width:100%!important; padding:4px 8px!important; border-radius:999px!important; background:#f2f6fa!important; } .rhmp-owner-dashboard .rhmp-od-detail-views span{ display:none!important; } .rhmp-owner-dashboard .rhmp-od-detail-views strong{ font-size:10px!important; color:#334155!important; } .rhmp-owner-dashboard .rhmp-od-actions{ grid-column:1/-1!important; grid-row:2!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:8px!important; width:100%!important; margin-top:1px!important; } .rhmp-owner-dashboard .rhmp-od-actions a, .rhmp-owner-dashboard .rhmp-od-actions button{ width:100%!important; min-width:0!important; min-height:43px!important; margin:0!important; padding:10px 8px!important; border-radius:10px!important; font-size:11px!important; line-height:1.2!important; font-weight:850!important; display:flex!important; align-items:center!important; justify-content:center!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-actions .customer{ grid-column:1/-1!important; } } @media (max-width:390px){ .rhmp-owner-dashboard .rhmp-od-vehicle{ grid-template-columns:96px minmax(0,1fr)!important; gap:10px!important; padding:10px!important; } .rhmp-owner-dashboard .rhmp-od-photo{ width:96px!important; min-width:96px!important; height:92px!important; } .rhmp-owner-dashboard .rhmp-od-vtop h3{font-size:15px!important} .rhmp-owner-dashboard .rhmp-od-detail-row span{font-size:8px!important} .rhmp-owner-dashboard .rhmp-od-detail-row strong{font-size:10px!important} } /* ========================================================= v2.9.2 EXACT VEHICLE CARD INFO ORDER Only vehicle-card information layout is changed. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-number{ color:#26364c!important;font-size:14px!important;line-height:1.3!important;font-weight:850!important; letter-spacing:.025em!important;text-transform:uppercase!important;margin:0 0 9px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{ display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 12px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics span{ display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important; padding:5px 9px!important;border:1px solid #e5ebf1!important;border-radius:9px!important;background:#f8fafc!important; color:#40536d!important;font-size:11px!important;line-height:1.15!important;font-weight:800!important;white-space:nowrap!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-vtop h3{margin:0 0 5px!important;font-size:16px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .rhmp-owner-dashboard .rhmp-od-vehicle-details{grid-column:2!important;grid-row:1!important;align-self:start!important;display:block!important;margin:27px 0 0!important;min-width:0!important} .rhmp-owner-dashboard .rhmp-od-vehicle-number{margin:0 0 7px!important;font-size:12px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important;margin:0!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics span{min-width:0!important;min-height:27px!important;padding:4px 3px!important;border-radius:7px!important;font-size:8.5px!important;letter-spacing:0!important} .rhmp-owner-dashboard .rhmp-od-actions{margin-top:5px!important} } @media(max-width:390px){ .rhmp-owner-dashboard .rhmp-od-vtop h3{font-size:14px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-details{margin-top:25px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-number{font-size:11px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics span{font-size:7.7px!important;padding:4px 2px!important} } /* ========================================================= v2.10.0 PROFESSIONAL VEHICLE CARD — APPROVED MOBILE DESIGN Scoped override only: vehicle card + mobile header controls. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:2px!important; min-width:82px!important; min-height:66px!important; padding:8px 10px!important; border-radius:14px!important; font-weight:800!important; line-height:1.05!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{font-size:18px!important;font-weight:900!important;white-space:nowrap!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric small{font-size:11px!important;font-weight:800!important;white-space:nowrap!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-views{background:#eef6ff!important;border-color:#cfe5ff!important;color:#125fc9!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-bookings{background:#fff6ed!important;border-color:#ffd9b5!important;color:#e65316!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-calls{background:#edfbf3!important;border-color:#c8efd8!important;color:#078b43!important} @media(max-width:700px){ .rhmp-owner-dashboard{padding-left:8px!important;padding-right:8px!important} .rhmp-owner-dashboard .rhmp-od-header{padding:16px 14px!important;gap:12px!important;align-items:flex-start!important} .rhmp-owner-dashboard .rhmp-od-header h1{font-size:25px!important;line-height:1.08!important;margin-top:4px!important} .rhmp-owner-dashboard .rhmp-od-header-actions{display:flex!important;gap:7px!important;flex:0 0 auto!important} .rhmp-owner-dashboard .rhmp-od-notify, .rhmp-owner-dashboard .rhmp-od-logout{min-width:48px!important;min-height:48px!important;padding:8px!important;border-radius:13px!important} .rhmp-owner-dashboard .rhmp-od-notify [data-rhmp-notify-label]{display:none!important} .rhmp-owner-dashboard .rhmp-od-logout span{display:none!important} .rhmp-owner-dashboard .rhmp-od-panel{padding:14px 10px!important} .rhmp-owner-dashboard .rhmp-od-title>span{display:none!important} .rhmp-owner-dashboard .rhmp-od-title h2{font-size:25px!important;margin:2px 2px 14px!important} .rhmp-owner-dashboard .rhmp-od-vehicle{ display:grid!important; grid-template-columns:128px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:12px!important; row-gap:12px!important; align-items:start!important; padding:12px!important; border-radius:18px!important; box-shadow:0 8px 24px rgba(15,35,60,.08)!important; } .rhmp-owner-dashboard .rhmp-od-photo{ grid-column:1!important;grid-row:1!important; width:128px!important;min-width:128px!important;height:154px!important; border-radius:14px!important;margin:0!important; } .rhmp-owner-dashboard .rhmp-od-vinfo{display:contents!important} .rhmp-owner-dashboard .rhmp-od-vtop{ grid-column:2!important;grid-row:1!important;display:block!important;min-width:0!important; } .rhmp-owner-dashboard .rhmp-od-vtop h3{ margin:4px 0 4px!important;font-size:18px!important;line-height:1.15!important;font-weight:900!important; color:#0b1f3a!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-details{ grid-column:2!important;grid-row:1!important;align-self:start!important; display:block!important;margin:35px 0 0!important;min-width:0!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-number{ margin:0 0 10px!important;font-size:15px!important;line-height:1.2!important;font-weight:750!important; color:#66758d!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{ display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important;margin:0!important;width:100%!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric{ min-width:0!important;min-height:64px!important;padding:7px 3px!important;border-radius:12px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{font-size:16px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric small{font-size:9px!important} .rhmp-owner-dashboard .rhmp-od-actions{ grid-column:1/-1!important;grid-row:2!important;display:grid!important; grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;margin:0!important; } .rhmp-owner-dashboard .rhmp-od-actions a, .rhmp-owner-dashboard .rhmp-od-actions button{ min-height:46px!important;padding:10px 8px!important;border-radius:12px!important; font-size:12px!important;font-weight:850!important; } .rhmp-owner-dashboard .rhmp-od-actions .customer{grid-column:1/-1!important;min-height:48px!important} } @media(max-width:420px){ .rhmp-owner-dashboard .rhmp-od-vehicle{grid-template-columns:116px minmax(0,1fr)!important;gap:10px!important;padding:10px!important} .rhmp-owner-dashboard .rhmp-od-photo{width:116px!important;min-width:116px!important;height:148px!important} .rhmp-owner-dashboard .rhmp-od-vtop h3{font-size:16px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-details{margin-top:32px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-number{font-size:13px!important;margin-bottom:8px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{gap:4px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric{min-height:59px!important;padding:6px 2px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{font-size:14px!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric small{font-size:8px!important} } /* ========================================================= v2.12.0 CUSTOMER BOOKINGS — APPROVED ICON-FREE DESIGN Scoped to Customer Bookings popup only. ========================================================= */ .rhmp-owner-dashboard .rhmp-customer-bookings-sheet{align-items:center!important;padding:18px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-bg{background:rgba(8,23,42,.58)!important;backdrop-filter:blur(6px)!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-box{ width:min(620px,100%)!important;max-height:min(92dvh,860px)!important;overflow:auto!important; padding:22px!important;border-radius:28px!important;background:#fff!important; border:2px solid #22c55e!important;box-shadow:0 28px 80px rgba(10,28,50,.28)!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-x{ right:18px!important;top:17px!important;width:38px!important;height:38px!important;padding:0!important; display:grid!important;place-items:center!important;border:0!important;background:transparent!important; color:#111827!important;font-size:34px!important;font-weight:400!important;line-height:1!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-title{padding:3px 50px 18px 2px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-title h2{margin:0!important;font-size:30px!important;line-height:1.08!important;font-weight:900!important;color:#081832!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head{ display:block!important;padding:16px 18px!important;margin:0 0 14px!important;border:0!important;border-radius:16px!important; background:linear-gradient(135deg,#f3f7fb 0%,#eef3f9 100%)!important;box-shadow:none!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-sheet-car-icon{display:none!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-customer-vehicle-copy{min-width:0!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head span{display:block!important;margin-bottom:8px!important;font-size:11px!important;letter-spacing:.16em!important;color:#14a153!important;font-weight:900!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head h2{margin:0 0 4px!important;font-size:22px!important;line-height:1.15!important;font-weight:900!important;color:#0b1730!important;text-transform:uppercase!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head p{margin:0!important;color:#697890!important;font-size:16px!important;font-weight:700!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-tabs{ display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin:0 0 16px!important;padding:4px!important; border-radius:15px!important;background:#eef2f7!important;border:0!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-tabs button{ min-height:52px!important;padding:10px 12px!important;border:0!important;border-radius:12px!important;background:transparent!important; color:#708096!important;font-size:15px!important;font-weight:850!important;box-shadow:none!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-tabs button.active{background:#eaf4ff!important;color:#0d68e6!important;box-shadow:inset 0 0 0 1px #cfe4ff!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-tabs [data-tab-count]{margin-left:3px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-customer-booking-list{min-height:120px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-request{ margin:0 0 12px!important;padding:14px!important;border:1px solid #e2e9f1!important;border-radius:18px!important;background:#fff!important; box-shadow:0 7px 20px rgba(27,49,77,.07)!important;overflow:hidden!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-head{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important; margin:-14px -14px 8px!important;padding:14px 16px!important;border-radius:18px 18px 0 0!important; background:linear-gradient(90deg,#ecfbf1 0%,#f4fcf7 100%)!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-confirmed .rhmp-request-head{background:linear-gradient(90deg,#edf6ff 0%,#f5f9ff 100%)!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-head strong{font-size:14px!important;letter-spacing:.08em!important;color:#0b9448!important;font-weight:900!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-confirmed .rhmp-request-head strong{color:#176fd1!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-head span{font-size:13px!important;color:#718096!important;font-weight:800!important;white-space:nowrap!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-details{padding:0 2px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row{ display:grid!important;grid-template-columns:minmax(115px,.95fr) minmax(0,1.15fr)!important;align-items:center!important;gap:14px!important; min-height:54px!important;padding:10px 4px!important;border-bottom:1px solid #e8edf3!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row:last-child{border-bottom:0!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row span{font-size:12px!important;letter-spacing:.055em!important;color:#7a8aa1!important;font-weight:850!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row strong{min-width:0!important;font-size:15px!important;line-height:1.25!important;color:#0f172a!important;font-weight:800!important;overflow-wrap:anywhere!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions{ display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin-top:12px!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions button, .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions .rhmp-call{ width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important; padding:11px 15px!important;border-radius:12px!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important; text-align:center!important;text-decoration:none!important;box-shadow:none!important; } .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions .rhmp-call{border:1px solid #56d58d!important;background:#effcf4!important;color:#078b43!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions .rhmp-call.is-disabled{opacity:.5!important;pointer-events:none!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions [data-confirm]{border:1px solid #08aa51!important;background:#08aa51!important;color:#fff!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions .delete{border:1px solid #ff9d9d!important;background:#fff2f2!important;color:#ef2525!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-empty{ padding:34px 18px!important;border:1px dashed #d9e2ec!important;border-radius:16px!important;background:#f8fafc!important; color:#74839a!important;font-size:15px!important;font-weight:700!important;text-align:center!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-customer-bookings-sheet{padding:10px!important;align-items:center!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-box{max-height:94dvh!important;padding:16px!important;border-radius:24px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-title h2{font-size:25px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head h2{font-size:19px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-head p{font-size:14px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-tabs button{min-height:48px!important;font-size:13px!important;padding:8px 7px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row{grid-template-columns:42% minmax(0,1fr)!important;gap:10px!important;min-height:50px!important;padding:9px 3px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row span{font-size:10px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row strong{font-size:13px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions button, .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .reqactions .rhmp-call{min-height:48px!important;font-size:14px!important} } @media(max-width:380px){ .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-box{padding:13px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-od-sheet-title h2{font-size:22px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-head{padding:12px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-head strong{font-size:12px!important} .rhmp-owner-dashboard .rhmp-customer-bookings-sheet .rhmp-request-row{grid-template-columns:41% minmax(0,1fr)!important} } /* ========================================================= v2.12.1 HEADER BACKGROUND + DECORATION ONLY Scope: Owner Dashboard header only. No dashboard logic/layout changes. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-header{ position:relative!important; overflow:hidden!important; isolation:isolate!important; border-color:rgba(255,255,255,.16)!important; background: radial-gradient(78% 150% at 4% 115%,rgba(26,98,255,.40) 0%,rgba(26,98,255,0) 62%), radial-gradient(82% 145% at 96% -15%,rgba(35,220,169,.42) 0%,rgba(35,220,169,0) 62%), linear-gradient(125deg,#083f91 0%,#075bb6 47%,#0ab79c 100%)!important; box-shadow:0 16px 34px rgba(6,67,136,.18)!important; } .rhmp-owner-dashboard .rhmp-od-header::before{ content:""; position:absolute; z-index:0; inset:auto -8% -58% -10%; height:118%; border-radius:50% 48% 0 0; border-top:1px solid rgba(255,255,255,.17); background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0)); transform:rotate(-3deg); pointer-events:none; } .rhmp-owner-dashboard .rhmp-od-header::after{ content:""; position:absolute; z-index:0; width:128px; height:128px; right:22px; bottom:-46px; opacity:.20; background-image:radial-gradient(circle,rgba(255,255,255,.9) 1.4px,transparent 1.6px); background-size:12px 12px; pointer-events:none; } .rhmp-owner-dashboard .rhmp-od-header > *{ position:relative; z-index:1; } .rhmp-owner-dashboard .rhmp-od-header h1, .rhmp-owner-dashboard .rhmp-od-header .rhmp-owner-id{ color:#fff!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-eyebrow{ color:#d9fff3!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify{ background:rgba(255,255,255,.14)!important; border-color:rgba(255,255,255,.22)!important; color:#fff!important; box-shadow:none!important; backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify.is-on{ background:rgba(255,255,255,.20)!important; border-color:rgba(255,255,255,.34)!important; color:#fff!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout{ background:rgba(255,255,255,.94)!important; border-color:rgba(255,255,255,.78)!important; color:#c93636!important; box-shadow:0 5px 16px rgba(4,39,89,.12)!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-header{ border-radius:16px!important; box-shadow:0 12px 26px rgba(6,67,136,.17)!important; } .rhmp-owner-dashboard .rhmp-od-header::after{ width:92px; height:92px; right:-14px; bottom:-30px; background-size:10px 10px; } } /* ========================================================= v2.12.2 MOBILE HEADER CONTROLS ONLY Scope: notification + logout controls on mobile only. No dashboard content, KPI, vehicle, booking or data logic changes. ========================================================= */ @media (max-width:700px){ .rhmp-owner-dashboard .rhmp-od-header-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:10px!important; max-width:none!important; margin-top:0!important; } .rhmp-owner-dashboard .rhmp-od-notify, .rhmp-owner-dashboard .rhmp-od-logout{ position:relative!important; display:grid!important; place-items:center!important; flex:0 0 54px!important; width:54px!important; min-width:54px!important; max-width:54px!important; height:54px!important; min-height:54px!important; max-height:54px!important; padding:0!important; margin:0!important; border-radius:16px!important; border:1px solid rgba(255,255,255,.32)!important; background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10))!important; color:#fff!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 8px 18px rgba(4,44,98,.18)!important; -webkit-backdrop-filter:blur(10px)!important; backdrop-filter:blur(10px)!important; font-size:0!important; line-height:1!important; overflow:visible!important; cursor:pointer!important; transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important; } .rhmp-owner-dashboard .rhmp-od-notify:hover, .rhmp-owner-dashboard .rhmp-od-logout:hover{ background:linear-gradient(145deg,rgba(255,255,255,.31),rgba(255,255,255,.14))!important; border-color:rgba(255,255,255,.44)!important; } .rhmp-owner-dashboard .rhmp-od-notify:active, .rhmp-owner-dashboard .rhmp-od-logout:active{ transform:scale(.96)!important; } .rhmp-owner-dashboard .rhmp-od-notify > span, .rhmp-owner-dashboard .rhmp-od-logout > span{ display:none!important; } .rhmp-owner-dashboard .rhmp-od-notify::before, .rhmp-owner-dashboard .rhmp-od-logout::before{ content:""!important; display:block!important; width:25px!important; height:25px!important; background:#fff!important; opacity:.98!important; -webkit-mask-repeat:no-repeat!important; mask-repeat:no-repeat!important; -webkit-mask-position:center!important; mask-position:center!important; -webkit-mask-size:contain!important; mask-size:contain!important; } .rhmp-owner-dashboard .rhmp-od-notify::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")!important; } .rhmp-owner-dashboard .rhmp-od-logout::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpolyline points='16 17 21 12 16 7'/%3E%3Cline x1='21' y1='12' x2='9' y2='12'/%3E%3C/svg%3E")!important; } .rhmp-owner-dashboard .rhmp-od-notify.is-on{ background:linear-gradient(145deg,rgba(50,220,151,.34),rgba(255,255,255,.12))!important; border-color:rgba(188,255,224,.50)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 20px rgba(0,121,81,.18)!important; } .rhmp-owner-dashboard .rhmp-od-notify b{ display:flex!important; align-items:center!important; justify-content:center!important; min-width:19px!important; height:19px!important; padding:0 5px!important; position:absolute!important; top:-5px!important; right:-5px!important; z-index:3!important; border:2px solid #0b82bd!important; border-radius:999px!important; background:#ff3347!important; color:#fff!important; font-size:9px!important; line-height:1!important; font-weight:900!important; box-shadow:0 3px 8px rgba(106,8,24,.24)!important; } .rhmp-owner-dashboard .rhmp-od-notify:disabled, .rhmp-owner-dashboard .rhmp-od-logout:disabled{ opacity:.62!important; cursor:not-allowed!important; transform:none!important; } } @media (max-width:390px){ .rhmp-owner-dashboard .rhmp-od-header-actions{gap:8px!important} .rhmp-owner-dashboard .rhmp-od-notify, .rhmp-owner-dashboard .rhmp-od-logout{ flex-basis:50px!important; width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; border-radius:15px!important; } .rhmp-owner-dashboard .rhmp-od-notify::before, .rhmp-owner-dashboard .rhmp-od-logout::before{ width:23px!important; height:23px!important; } } /* ========================================================= v2.12.3 MOBILE LOGOUT VISIBILITY FIX ONLY Scope: mobile logout control only. No other UI/logic changes. ========================================================= */ @media (max-width:700px){ .rhmp-owner-dashboard .rhmp-od-logout{ background:linear-gradient(145deg,rgba(255,92,105,.96),rgba(220,38,38,.88))!important; border-color:rgba(255,255,255,.42)!important; color:#fff!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.28), 0 8px 18px rgba(153,27,27,.24)!important; } .rhmp-owner-dashboard .rhmp-od-logout:hover{ background:linear-gradient(145deg,rgba(255,107,119,.98),rgba(200,30,30,.92))!important; border-color:rgba(255,255,255,.56)!important; } .rhmp-owner-dashboard .rhmp-od-logout::before{ content:""!important; width:28px!important; height:28px!important; opacity:1!important; background-color:transparent!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:center!important; background-size:28px 28px!important; -webkit-mask-image:none!important; mask-image:none!important; -webkit-mask:none!important; mask:none!important; } } @media (max-width:390px){ .rhmp-owner-dashboard .rhmp-od-logout::before{ width:26px!important; height:26px!important; background-size:26px 26px!important; } } /* ========================================================= v2.12.4 UNIFIED HEADER CONTROL STYLE Scope: Notification + Logout buttons only, all devices. Both controls share the same glass design and centered icons. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-header-actions{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:nowrap!important; gap:10px!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:focus, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:focus, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:focus-visible, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:focus-visible, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:active, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:active{ -webkit-appearance:none!important; appearance:none!important; position:relative!important; display:grid!important; place-items:center!important; flex:0 0 54px!important; width:54px!important; min-width:54px!important; max-width:54px!important; height:54px!important; min-height:54px!important; max-height:54px!important; padding:0!important; margin:0!important; border:1px solid rgba(255,255,255,.34)!important; border-radius:16px!important; background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.10))!important; background-color:transparent!important; color:#fff!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 8px 18px rgba(4,44,98,.18)!important; -webkit-backdrop-filter:blur(10px)!important; backdrop-filter:blur(10px)!important; font-size:0!important; line-height:0!important; text-indent:0!important; outline:none!important; overflow:visible!important; cursor:pointer!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:hover{ background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.14))!important; border-color:rgba(255,255,255,.46)!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:active, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:active{ transform:scale(.97)!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify > span, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout > span{ display:none!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify::before, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout::before{ content:""!important; position:absolute!important; top:50%!important; left:50%!important; transform:translate(-50%,-50%)!important; display:block!important; width:26px!important; height:26px!important; margin:0!important; padding:0!important; opacity:1!important; background-color:transparent!important; background-repeat:no-repeat!important; background-position:center!important; background-size:26px 26px!important; -webkit-mask:none!important; mask:none!important; pointer-events:none!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M13.73 21a2 2 0 0 1-3.46 0'/%3E%3C/svg%3E")!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout::before{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4'/%3E%3Cpath d='M16 17l5-5-5-5'/%3E%3Cpath d='M21 12H9'/%3E%3C/svg%3E")!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify.is-on, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify.is-on:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify.is-on:focus, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify.is-on:active{ background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.12))!important; border-color:rgba(255,255,255,.42)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 18px rgba(4,44,98,.18)!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify b{ display:flex!important; align-items:center!important; justify-content:center!important; position:absolute!important; z-index:3!important; top:-5px!important; right:-5px!important; min-width:19px!important; height:19px!important; padding:0 5px!important; border:2px solid #0b82bd!important; border-radius:999px!important; background:#ff3347!important; color:#fff!important; font-size:9px!important; line-height:1!important; font-weight:900!important; box-shadow:0 3px 8px rgba(106,8,24,.24)!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:disabled, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:disabled{ opacity:.72!important; cursor:not-allowed!important; transform:none!important; background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08))!important; border-color:rgba(255,255,255,.28)!important; } @media (max-width:390px){ .rhmp-owner-dashboard .rhmp-od-header-actions{gap:8px!important} .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:hover, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:focus, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:focus, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify:active, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout:active{ flex-basis:50px!important; width:50px!important; min-width:50px!important; max-width:50px!important; height:50px!important; min-height:50px!important; max-height:50px!important; border-radius:15px!important; } .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-notify::before, .rhmp-owner-dashboard .rhmp-od-header .rhmp-od-logout::before{ width:24px!important; height:24px!important; background-size:24px 24px!important; } } /* ========================================================= v2.12.5 VEHICLE METRICS — CLEAN VERTICAL ROWS ONLY Scope: per-vehicle Views / Booking / Calls information. No header, KPI, buttons, modal, booking, or tracking logic changes. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{ display:grid!important; grid-template-columns:1fr!important; gap:0!important; width:100%!important; max-width:300px!important; margin:8px 0 12px!important; border:1px solid #e7edf3!important; border-radius:11px!important; overflow:hidden!important; background:#fff!important; box-shadow:0 2px 8px rgba(15,35,60,.035)!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; width:100%!important; min-width:0!important; min-height:36px!important; padding:8px 11px!important; margin:0!important; border:0!important; border-bottom:1px solid #edf2f7!important; border-radius:0!important; background:transparent!important; line-height:1.2!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric:last-child{ border-bottom:0!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric small{ display:block!important; margin:0!important; color:#65758b!important; font-size:12px!important; line-height:1.2!important; font-weight:750!important; letter-spacing:0!important; text-transform:none!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{ display:block!important; margin:0!important; font-size:14px!important; line-height:1!important; font-weight:900!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-views b{color:#1476dd!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-bookings b{color:#e86d08!important} .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-calls b{color:#078b43!important} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics{ max-width:none!important; margin:7px 0 0!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric{ min-height:31px!important; padding:6px 9px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric small{ font-size:10.5px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{ font-size:12.5px!important; } } /* ========================================================= v2.12.6 ACTION BUTTON TEXT + DASHBOARD BACKGROUND ONLY Scope: owner dashboard page background and the three per-vehicle action buttons. No logic or other UI changes. ========================================================= */ .rhmp-owner-dashboard{ background: radial-gradient(circle at 10% 16%, rgba(45,212,191,.11) 0, rgba(45,212,191,0) 30%), radial-gradient(circle at 92% 38%, rgba(56,189,248,.11) 0, rgba(56,189,248,0) 32%), radial-gradient(circle at 18% 88%, rgba(34,197,94,.07) 0, rgba(34,197,94,0) 27%), linear-gradient(145deg,#f7fbff 0%,#eefcf8 50%,#f5fbff 100%)!important; } .rhmp-owner-dashboard .rhmp-od-actions a, .rhmp-owner-dashboard .rhmp-od-actions button{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:0!important; line-height:1.2!important; } /* Keep the existing button color families while centering text. */ .rhmp-owner-dashboard .rhmp-od-actions > a{ color:#1476dd!important; background:#eff7ff!important; border-color:#b9d9ff!important; } .rhmp-owner-dashboard .rhmp-od-actions .booking{ color:#078b43!important; background:#effbf4!important; border-color:#8ed7ae!important; } .rhmp-owner-dashboard .rhmp-od-actions .customer{ color:#e86d08!important; background:#fff7ef!important; border-color:#ffc08b!important; position:relative!important; } /* Pending-count badge stays separate so the label remains truly centered. */ .rhmp-owner-dashboard .rhmp-od-actions .customer b{ position:absolute!important; top:5px!important; right:7px!important; margin:0!important; } /* ========================================================= v2.12.8 VEHICLE AD EXPIRY COUNTDOWN Vehicle number + countdown only. Existing UI is preserved. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-number-row{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:14px!important; margin:0 0 10px!important; min-width:0!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-number-row .rhmp-od-vehicle-number, .rhmp-owner-dashboard .rhmp-od-ad-expiry{ margin:0!important; min-width:0!important; font-size:14px!important; line-height:1.2!important; font-weight:750!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-number-row .rhmp-od-vehicle-number{ flex:0 1 auto!important; color:#66758d!important; overflow:hidden!important; text-overflow:ellipsis!important; } .rhmp-owner-dashboard .rhmp-od-ad-expiry{ margin-left:auto!important; flex:0 0 auto!important; text-align:right!important; color:#64748b!important; } .rhmp-owner-dashboard .rhmp-od-ad-expiry.is-safe{color:#078b43!important} .rhmp-owner-dashboard .rhmp-od-ad-expiry.is-warning{color:#d97706!important} .rhmp-owner-dashboard .rhmp-od-ad-expiry.is-urgent, .rhmp-owner-dashboard .rhmp-od-ad-expiry.is-expired{color:#dc2626!important} .rhmp-owner-dashboard .rhmp-od-ad-expiry.is-unknown{color:#7a8798!important} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-vehicle-number-row{ gap:8px!important; margin-bottom:9px!important; } .rhmp-owner-dashboard .rhmp-od-vehicle-number-row .rhmp-od-vehicle-number, .rhmp-owner-dashboard .rhmp-od-ad-expiry{ font-size:11px!important; } } @media(max-width:390px){ .rhmp-owner-dashboard .rhmp-od-vehicle-number-row .rhmp-od-vehicle-number, .rhmp-owner-dashboard .rhmp-od-ad-expiry{ font-size:10px!important; } } /* ========================================================= v2.12.9 KPI ICON BACKGROUND BLEND FIX ONLY Removes the pale/white glass patch so each icon holder blends naturally with its own KPI card color. No other UI changes. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-stats .rhmp-stat-icon{ background:rgba(0,0,0,.085)!important; border:1px solid rgba(255,255,255,.10)!important; box-shadow:none!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } /* ========================================================= v2.13.1 BLACK VEHICLE COUNTS + KPI ICON POSITION ONLY Scope: per-vehicle metric numbers and KPI icon vertical position. No other layout, colors, logic, buttons, header, or booking changes. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{ color:#111827!important; } /* Move the existing KPI icons slightly upward without changing their design. */ .rhmp-owner-dashboard .rhmp-od-stats .rhmp-stat-icon{ top:15px!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-stats .rhmp-stat-icon{ top:9px!important; } } /* ========================================================= v2.13.2 SOFTER VEHICLE COUNT COLOR ONLY Scope: per-vehicle Views / Booking / Calls count numbers. Keeps the counts readable while reducing the heavy black look. No other layout, icon position, colors, logic, or buttons changed. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric b{ color:#374151!important; } /* ========================================================= TOMORROW'S BOOKINGS — OWNER DASHBOARD v2.13.4 ========================================================= */ .rhmp-owner-dashboard .rhmp-od-tomorrow{ margin-top:18px; padding:22px; } .rhmp-owner-dashboard .rhmp-tomorrow-title{ margin-bottom:16px; } .rhmp-owner-dashboard .rhmp-tomorrow-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rhmp-owner-dashboard .rhmp-tomorrow-vehicle{ display:grid; grid-template-columns:82px minmax(0,1fr) auto; align-items:center; gap:14px; min-width:0; padding:14px; border:1px solid rgba(15,23,42,.08); border-radius:18px; background:rgba(255,255,255,.92); box-shadow:0 8px 24px rgba(15,23,42,.06); } .rhmp-owner-dashboard .rhmp-tomorrow-photo{ width:82px; height:72px; overflow:hidden; border-radius:14px; background:#eef3f8; display:grid; place-items:center; color:#64748b; font-size:12px; font-weight:800; } .rhmp-owner-dashboard .rhmp-tomorrow-photo img{ width:100%; height:100%; display:block; object-fit:cover; } .rhmp-owner-dashboard .rhmp-tomorrow-copy{ min-width:0; } .rhmp-owner-dashboard .rhmp-tomorrow-copy h3{ margin:0 0 6px; color:#0b1f3a; font-size:16px; line-height:1.2; font-weight:900; overflow-wrap:anywhere; } .rhmp-owner-dashboard .rhmp-tomorrow-copy p{ margin:0; color:#64748b; font-size:14px; line-height:1.2; font-weight:700; } .rhmp-owner-dashboard .rhmp-tomorrow-count{ min-width:88px; padding:10px 12px; border:1px solid #f6c453; border-radius:14px; background:linear-gradient(135deg,#fff8dd 0%,#fff2bf 100%); text-align:center; } .rhmp-owner-dashboard .rhmp-tomorrow-count strong{ display:block; color:#b45309; font-size:22px; line-height:1; font-weight:900; } .rhmp-owner-dashboard .rhmp-tomorrow-count span{ display:block; margin-top:4px; color:#92400e; font-size:11px; line-height:1.1; font-weight:800; } .rhmp-owner-dashboard .rhmp-tomorrow-count .rhmp-tomorrow-days-label{ margin-top:3px; } .rhmp-owner-dashboard .rhmp-tomorrow-count .rhmp-tomorrow-booking-label{ margin-top:1px; } .rhmp-owner-dashboard .rhmp-tomorrow-empty{ padding:18px; border:1px dashed rgba(15,23,42,.14); border-radius:16px; background:rgba(255,255,255,.72); color:#64748b; text-align:center; font-size:14px; font-weight:700; } @media (max-width:760px){ .rhmp-owner-dashboard .rhmp-od-tomorrow{ margin-top:14px; padding:16px; } .rhmp-owner-dashboard .rhmp-tomorrow-grid{ grid-template-columns:1fr; gap:10px; } .rhmp-owner-dashboard .rhmp-tomorrow-vehicle{ grid-template-columns:72px minmax(0,1fr) auto; gap:11px; padding:11px; border-radius:16px; } .rhmp-owner-dashboard .rhmp-tomorrow-photo{ width:72px; height:64px; border-radius:12px; } .rhmp-owner-dashboard .rhmp-tomorrow-copy h3{ font-size:14px; } .rhmp-owner-dashboard .rhmp-tomorrow-copy p{ font-size:13px; } .rhmp-owner-dashboard .rhmp-tomorrow-count{ min-width:70px; padding:9px 8px; } .rhmp-owner-dashboard .rhmp-tomorrow-count strong{ font-size:20px; } } @media (max-width:390px){ .rhmp-owner-dashboard .rhmp-tomorrow-vehicle{ grid-template-columns:64px minmax(0,1fr); } .rhmp-owner-dashboard .rhmp-tomorrow-photo{ width:64px; height:58px; } .rhmp-owner-dashboard .rhmp-tomorrow-count{ grid-column:2; justify-self:start; min-width:70px; display:block; padding:8px 10px; text-align:center; } .rhmp-owner-dashboard .rhmp-tomorrow-count strong, .rhmp-owner-dashboard .rhmp-tomorrow-count span{ display:block; margin:0; } } /* ========================================================= v2.13.7 TOTAL BOOKINGS SUMMARY MODAL Scope: clickable Total Bookings KPI + booking summary only. ========================================================= */ .rhmp-owner-dashboard [data-total-bookings-open]{ cursor:pointer!important; transition:transform .18s ease,box-shadow .18s ease!important; } .rhmp-owner-dashboard [data-total-bookings-open]:hover{transform:translateY(-2px)!important} .rhmp-owner-dashboard [data-total-bookings-open]:focus-visible{outline:3px solid rgba(255,255,255,.95)!important;outline-offset:-5px!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet{align-items:center!important;padding:18px!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-bg{background:rgba(8,23,42,.6)!important;backdrop-filter:blur(7px)!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-box{ width:min(720px,100%)!important;max-height:min(92dvh,900px)!important;overflow:auto!important; padding:22px!important;border-radius:28px!important;background:#fff!important; border:2px solid #22c55e!important;box-shadow:0 28px 80px rgba(10,28,50,.3)!important; } .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-x{ right:18px!important;top:16px!important;width:38px!important;height:38px!important;padding:0!important; display:grid!important;place-items:center!important;border:0!important;background:transparent!important; color:#111827!important;font-size:34px!important;line-height:1!important; } .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-title{padding:2px 50px 16px 2px!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-summary-kicker{display:block!important;margin-bottom:7px!important;color:#169a54!important;font-size:11px!important;letter-spacing:.16em!important;font-weight:900!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-title h2{margin:0!important;color:#081832!important;font-size:30px!important;line-height:1.08!important;font-weight:900!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-title p{margin:8px 0 0!important;color:#708096!important;font-size:14px!important;font-weight:600!important} .rhmp-owner-dashboard .rhmp-summary-tabs{ display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;margin:0 0 16px!important;padding:5px!important; border-radius:15px!important;background:#eef2f7!important; } .rhmp-owner-dashboard .rhmp-summary-tabs button{ min-height:48px!important;padding:9px 8px!important;border:0!important;border-radius:11px!important;background:transparent!important; color:#708096!important;font-size:14px!important;font-weight:850!important;box-shadow:none!important; } .rhmp-owner-dashboard .rhmp-summary-tabs button.active{background:#fff!important;color:#0d68e6!important;box-shadow:0 3px 12px rgba(20,55,90,.08)!important} .rhmp-owner-dashboard .rhmp-summary-tabs [data-summary-count]{margin-left:3px!important} .rhmp-owner-dashboard .rhmp-booking-summary-list{display:grid!important;gap:12px!important} .rhmp-owner-dashboard .rhmp-booking-summary-card{ overflow:hidden!important;border:1px solid #e2e9f1!important;border-radius:18px!important;background:#fff!important; box-shadow:0 7px 20px rgba(27,49,77,.07)!important; } .rhmp-owner-dashboard .rhmp-summary-card-head{ display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:15px 17px!important; background:linear-gradient(90deg,#f7fafc 0%,#eef5fb 100%)!important;border-bottom:1px solid #e7edf3!important; } .rhmp-owner-dashboard .rhmp-booking-summary-card.is-pending .rhmp-summary-card-head{background:linear-gradient(90deg,#fff8ea 0%,#fffdf7 100%)!important} .rhmp-owner-dashboard .rhmp-summary-card-head h3{margin:0 0 3px!important;color:#0b1730!important;font-size:17px!important;line-height:1.2!important;font-weight:900!important;text-transform:uppercase!important} .rhmp-owner-dashboard .rhmp-summary-card-head p{margin:0!important;color:#697890!important;font-size:13px!important;font-weight:750!important} .rhmp-owner-dashboard .rhmp-summary-status{flex:0 0 auto!important;padding:6px 10px!important;border-radius:999px!important;background:#eaf4ff!important;color:#176fd1!important;font-size:11px!important;font-weight:900!important} .rhmp-owner-dashboard .is-pending .rhmp-summary-status{background:#fff0c9!important;color:#a96b00!important} .rhmp-owner-dashboard .rhmp-summary-card-body{padding:4px 17px 10px!important} .rhmp-owner-dashboard .rhmp-summary-row{ display:grid!important;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr)!important;align-items:center!important;gap:14px!important;min-height:49px!important; padding:9px 1px!important;border-bottom:1px solid #e9eef4!important; } .rhmp-owner-dashboard .rhmp-summary-row:last-child{border-bottom:0!important} .rhmp-owner-dashboard .rhmp-summary-row>span{color:#7a8aa1!important;font-size:11px!important;letter-spacing:.045em!important;font-weight:850!important;text-transform:uppercase!important} .rhmp-owner-dashboard .rhmp-summary-row>strong{min-width:0!important;color:#111827!important;font-size:14px!important;font-weight:800!important;overflow-wrap:anywhere!important} .rhmp-owner-dashboard .rhmp-summary-phone{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 11px!important;border:1px solid #6fd99a!important;border-radius:9px!important;background:#effcf4!important;color:#078b43!important;text-decoration:none!important;font-weight:900!important} .rhmp-owner-dashboard .rhmp-summary-phone:hover{background:#e2f9ec!important;color:#057338!important} .rhmp-owner-dashboard .rhmp-summary-phone.is-disabled{opacity:.55!important;pointer-events:none!important} .rhmp-owner-dashboard .rhmp-summary-empty{padding:36px 18px!important;border:1px dashed #d8e1eb!important;border-radius:16px!important;background:#f8fafc!important;color:#73839a!important;text-align:center!important;font-weight:750!important} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-total-bookings-sheet{padding:10px!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-box{padding:16px!important;border-radius:24px!important;max-height:94dvh!important} .rhmp-owner-dashboard .rhmp-total-bookings-sheet .rhmp-od-sheet-title h2{font-size:25px!important} .rhmp-owner-dashboard .rhmp-summary-tabs button{min-height:44px!important;font-size:12px!important;padding:7px 4px!important} .rhmp-owner-dashboard .rhmp-summary-card-head{padding:13px!important} .rhmp-owner-dashboard .rhmp-summary-card-head h3{font-size:15px!important} .rhmp-owner-dashboard .rhmp-summary-card-body{padding:3px 13px 8px!important} .rhmp-owner-dashboard .rhmp-summary-row{grid-template-columns:40% minmax(0,1fr)!important;gap:9px!important;min-height:47px!important;padding:8px 1px!important} .rhmp-owner-dashboard .rhmp-summary-row>span{font-size:9px!important} .rhmp-owner-dashboard .rhmp-summary-row>strong{font-size:12px!important} .rhmp-owner-dashboard .rhmp-summary-phone{min-height:32px!important;padding:5px 9px!important;font-size:12px!important} } /* Photo-first My Vehicles cards. Existing data and action hooks retained. */ .rhmp-owner-dashboard .rhmp-od-vehicles {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;} .rhmp-owner-dashboard .rhmp-od-vehicles>.rhmp-od-title,.rhmp-owner-dashboard .rhmp-od-vehicles>.rhmp-od-empty {grid-column:1/-1!important;} .rhmp-owner-dashboard .rhmp-od-vehicle {display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;margin:0!important;min-width:0!important;border:1.5px solid #079447!important;border-radius:22px!important;overflow:hidden!important;background:rgba(255,255,255,.68)!important;backdrop-filter:blur(12px);box-shadow:0 8px 24px #07944712!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo {width:100%!important;height:auto!important;aspect-ratio:4/3!important;min-width:0!important;margin:0!important;border-radius:0!important;flex:none!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo img {width:100%!important;height:100%!important;object-fit:cover!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo {display:flex!important;flex-direction:column!important;padding:16px!important;gap:12px!important;min-width:0!important;width:100%!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vtop {display:block!important;margin:0!important;} .rhmp-owner-dashboard .rhmp-od-vehicle h3 {font-size:20px!important;line-height:1.3!important;margin:0!important;white-space:normal!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-details {display:flex!important;flex-direction:column!important;gap:12px!important;margin:0!important;width:100%!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-number-row {display:block!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-number {font-size:13px!important;margin:0!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;border:1px solid #cfe6d9!important;border-radius:14px!important;overflow:hidden!important;width:100%!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric {display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;padding:12px!important;min-height:72px!important;border:0!important;border-radius:0!important;background:rgba(255,255,255,.4)!important;color:#173b31!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-metric:nth-child(odd) {border-right:1px solid #dcebe2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-metric:nth-child(-n+2) {border-bottom:1px solid #dcebe2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-metric small {font-size:12px!important;white-space:normal!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-metric b {font-size:21px!important;color:#173b31!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-ad-expiry {font-size:12px!important;line-height:1.4!important;white-space:normal!important;margin:0!important;} .rhmp-owner-dashboard .rhmp-od-pending-notice {display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:12px;border:1px solid #a6dec0;border-radius:12px;background:#e7f8ed;color:#006d35;font-weight:750;text-align:left;cursor:pointer;} .rhmp-owner-dashboard .rhmp-od-pending-notice small {font-size:11px;white-space:nowrap;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0!important;width:100%!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>a,.rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>button {min-height:46px!important;padding:10px 6px!important;border:1px solid #079447!important;border-radius:12px!important;background:rgba(255,255,255,.55)!important;color:#006d35!important;font-size:12px!important;font-weight:750!important;white-space:normal!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .customer {background:linear-gradient(135deg,#0abb5d,#079447)!important;color:white!important;padding-right:24px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable {opacity:.5!important;cursor:not-allowed!important;} @media(max-width:700px) {.rhmp-owner-dashboard .rhmp-od-vehicles {grid-template-columns:minmax(0,1fr)!important;}.rhmp-owner-dashboard .rhmp-od-vehicle h3 {font-size:18px!important;}} /* Three-row metrics table, identical structure on mobile and desktop. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics {display:flex!important;flex-direction:column!important;gap:0!important;border:0!important;border-radius:0!important;overflow:visible!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:12px!important;min-height:46px!important;padding:10px 2px!important;background:transparent!important;border:0!important;border-bottom:1px solid #dcebe2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric:first-child {border-top:1px solid #dcebe2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric small {font-size:13px!important;color:#6b7785!important;font-weight:600!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric b,.rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-ad-expiry {text-align:right!important;font-size:16px!important;font-weight:800!important;} /* v2.13.10: compact owner cards and stable mobile action layout. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo {gap:10px!important;padding:18px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions {gap:9px!important;align-items:stretch!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>button { grid-column:auto!important;grid-row:auto!important;order:0!important;width:100%!important;min-width:0!important; display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important; min-height:48px!important;margin:0!important;padding:10px 7px!important;font-size:12px!important;line-height:1.3!important; box-shadow:none!important;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease!important; } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .customer {padding:10px 7px!important;background:#087f45!important;border-color:#087f45!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .customer b {position:static!important;flex:0 0 auto!important;min-width:18px!important;margin:0!important;padding:2px 5px!important;font-size:10px!important;line-height:1.2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>:focus-visible {outline:3px solid #77dca4!important;outline-offset:2px!important;} @media(hover:hover) { .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>a:hover, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>button:not(:disabled):hover {box-shadow:0 3px 10px #087f451a!important;border-color:#055e32!important;} } .rhmp-owner-dashboard .rhmp-tomorrow-vehicle {border-color:#d1e5da!important;background:#fff!important;box-shadow:0 4px 16px #173b3108!important;} .rhmp-owner-dashboard .rhmp-tomorrow-count {background:#edf8f1!important;border-color:#c2e5d0!important;} .rhmp-owner-dashboard .rhmp-tomorrow-count strong, .rhmp-owner-dashboard .rhmp-tomorrow-count span {color:#087f45!important;} @media(max-width:760px) { .rhmp-owner-dashboard .rhmp-tomorrow-title h2 {font-size:clamp(19px,5.5vw,25px)!important;white-space:nowrap!important;letter-spacing:-.5px!important;} .rhmp-owner-dashboard .rhmp-tomorrow-vehicle {grid-template-columns:56px minmax(0,1fr) 60px!important;gap:9px!important;padding:10px!important;align-items:center!important;} .rhmp-owner-dashboard .rhmp-tomorrow-photo {width:56px!important;height:56px!important;border-radius:11px!important;} .rhmp-owner-dashboard .rhmp-tomorrow-copy h3 {font-size:13px!important;line-height:1.3!important;margin:0 0 4px!important;overflow-wrap:normal!important;} .rhmp-owner-dashboard .rhmp-tomorrow-copy p {font-size:11px!important;} .rhmp-owner-dashboard .rhmp-tomorrow-count {grid-column:auto!important;grid-row:auto!important;justify-self:stretch!important;min-width:0!important;width:60px!important;padding:8px 3px!important;border-radius:11px!important;} .rhmp-owner-dashboard .rhmp-tomorrow-count strong {font-size:20px!important;} .rhmp-owner-dashboard .rhmp-tomorrow-count span {font-size:9px!important;margin:2px 0 0!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo {aspect-ratio:3/2!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo {padding:14px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-details {gap:10px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric {min-height:42px!important;padding:9px 2px!important;} } @media(prefers-reduced-motion:reduce) { .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>button {transition:none!important;} } /* v2.13.11: compact cards and aligned full-width metric rows. */ .rhmp-owner-dashboard .rhmp-od-vehicles {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle {border-radius:17px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo {aspect-ratio:16/9!important;max-height:190px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo {padding:12px!important;gap:8px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle h3 {font-size:16px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-details {gap:8px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics {width:100%!important;max-width:none!important;align-self:stretch!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric {width:100%!important;max-width:none!important;min-width:0!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:34px!important;padding:7px 0!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric small {font-size:12px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric b, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-ad-expiry {font-size:13px!important;justify-self:end!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions {gap:7px!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions>button {min-height:44px!important;padding:8px 5px!important;font-size:11px!important;border-radius:10px!important;} .rhmp-owner-dashboard .rhmp-od-pending-notice {padding:8px!important;font-size:12px!important;} .rhmp-ad-state-row {display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#68786e;} .rhmp-ad-state {display:inline-flex;align-items:center;gap:7px;padding:4px 0;border:0;background:transparent;color:#087f45;font-size:12px;font-weight:750;cursor:pointer;} .rhmp-ad-state:disabled {opacity:.5;cursor:not-allowed;} .rhmp-ad-state-track {position:relative;width:32px;height:19px;border-radius:20px;background:#9ca9a2;transition:background .2s;} .rhmp-ad-state-track:after {content:'';position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:transform .2s;} .rhmp-ad-state[data-active="1"] .rhmp-ad-state-track {background:#079447;} .rhmp-ad-state[data-active="1"] .rhmp-ad-state-track:after {transform:translateX(13px);} .rhmp-ad-state:focus-visible {outline:2px solid #079447;outline-offset:3px;} @media(max-width:1000px) {.rhmp-owner-dashboard .rhmp-od-vehicles {grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media(max-width:600px) {.rhmp-owner-dashboard .rhmp-od-vehicles {grid-template-columns:minmax(0,1fr)!important;}.rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo {max-height:180px!important;}} @media(prefers-reduced-motion:reduce) {.rhmp-ad-state-track,.rhmp-ad-state-track:after {transition:none!important;}} /* Keep the ad visibility switch independent of theme button colours. */ .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state, .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state:hover, .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state:focus, .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state:active, .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state:disabled { appearance:none!important;background:transparent!important;background-image:none!important; color:#087f45!important;border:0!important;box-shadow:none!important; padding:4px 0!important;-webkit-tap-highlight-color:transparent; } .rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-ad-state:focus-visible { outline:2px solid #079447!important;outline-offset:3px!important; } /* Show the complete vehicle photo within the existing compact image frame. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo img { object-fit:contain!important;object-position:center!important; } /* Give contain a definite frame; auto height plus max-height clipped tall photos. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo { position:relative!important;display:block!important;height:190px!important; min-height:190px!important;max-height:190px!important;aspect-ratio:auto!important; } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo img { position:absolute!important;inset:0!important;display:block!important; width:100%!important;height:100%!important;min-width:0!important;min-height:0!important; max-width:100%!important;max-height:100%!important;margin:0!important; object-fit:contain!important;object-position:center!important; } @media(max-width:600px) { .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo { height:180px!important;min-height:180px!important;max-height:180px!important; } } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vehicle-metrics .rhmp-metric-owner-status b { color:#087f45!important;max-width:100%!important;white-space:normal!important;overflow-wrap:anywhere!important; } /* Full-width booking rows on desktop; retain the existing mobile layout. */ @media(min-width:761px) { .rhmp-owner-dashboard .rhmp-od-tomorrow .rhmp-tomorrow-grid { width:100%!important;max-width:none!important;grid-template-columns:minmax(0,1fr)!important; } .rhmp-owner-dashboard .rhmp-od-tomorrow .rhmp-tomorrow-vehicle { width:100%!important;max-width:none!important;grid-template-columns:82px minmax(0,1fr) auto!important; } .rhmp-owner-dashboard .rhmp-od-tomorrow .rhmp-tomorrow-count { grid-column:3!important;justify-self:end!important; } } /* Frosted photo colours fill only the space around the complete foreground image. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo {isolation:isolate!important;background:#e8f1ec!important;} .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo img.rhmp-photo-glass-backdrop { z-index:0!important;object-fit:cover!important;filter:blur(18px) saturate(.7)!important; transform:scale(1.18)!important;opacity:.55!important;pointer-events:none!important; } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo:after { content:'';position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(125deg,rgba(255,255,255,.65),rgba(255,255,255,.18) 48%,rgba(233,251,241,.42)); box-shadow:inset 0 1px 0 rgba(255,255,255,.7); } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-photo img.rhmp-photo-original { z-index:2!important;object-fit:contain!important;filter:none!important;transform:none!important; } /* ========================================================= v2.13.19 HOMEPAGE-STYLE OWNER ACTION BUTTONS Match the bright green category-button language used on the RentHubMP homepage (Passenger / Service / etc.). Visual-only change: existing links, hooks and logic stay intact. ========================================================= */ .rhmp-owner-dashboard{ --rhmp-home-button-green:#22cf6d; --rhmp-home-button-green-top:#2ddd78; --rhmp-home-button-green-hover:#18ba5d; --rhmp-home-button-green-border:#16b85a; --rhmp-home-button-green-dark:#087f45; } /* Vehicle card actions: one consistent homepage-style family. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > button:not(:disabled){ appearance:none!important; -webkit-appearance:none!important; min-height:46px!important; padding:10px 12px!important; border:1px solid var(--rhmp-home-button-green-border)!important; border-radius:11px!important; background:linear-gradient(180deg,var(--rhmp-home-button-green-top) 0%,var(--rhmp-home-button-green) 100%)!important; color:#fff!important; font-weight:800!important; letter-spacing:.005em!important; text-shadow:0 1px 1px rgba(0,85,38,.12)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.26), 0 3px 8px rgba(8,148,71,.12)!important; transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important; } /* Remove the old blue/orange/outlined variants. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .booking, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .customer{ background:linear-gradient(180deg,var(--rhmp-home-button-green-top) 0%,var(--rhmp-home-button-green) 100%)!important; border-color:var(--rhmp-home-button-green-border)!important; color:#fff!important; } @media(hover:hover){ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a:hover, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > button:not(:disabled):hover{ background:linear-gradient(180deg,#24d66f 0%,var(--rhmp-home-button-green-hover) 100%)!important; border-color:#109f4d!important; color:#fff!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 5px 12px rgba(8,127,69,.18)!important; transform:translateY(-1px)!important; } } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a:active, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > button:not(:disabled):active{ background:var(--rhmp-home-button-green-hover)!important; box-shadow:inset 0 2px 5px rgba(3,91,42,.16)!important; transform:translateY(0)!important; } .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > :focus-visible{ outline:3px solid rgba(34,207,109,.30)!important; outline-offset:2px!important; } /* Keep Edit recognisably unavailable while preserving the same shape/style. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable:hover, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable:focus, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable:active{ opacity:1!important; background:#e8f7ee!important; border-color:#b9dfc8!important; color:#86a893!important; text-shadow:none!important; box-shadow:none!important; transform:none!important; cursor:not-allowed!important; } /* Pending booking badge remains highly visible on the green button. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .customer b{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-width:19px!important; min-height:19px!important; padding:1px 5px!important; margin-left:3px!important; border:1px solid rgba(255,255,255,.72)!important; border-radius:999px!important; background:#fff!important; color:var(--rhmp-home-button-green-dark)!important; font-size:10px!important; font-weight:900!important; line-height:1!important; } /* Bring the dashboard's Add New Vehicle CTA into the same visual family. */ .rhmp-owner-dashboard .rhmp-od-add{ background:linear-gradient(180deg,var(--rhmp-home-button-green-top) 0%,var(--rhmp-home-button-green) 100%)!important; border:1px solid var(--rhmp-home-button-green-border)!important; color:#fff!important; border-radius:11px!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 10px rgba(8,148,71,.14)!important; } @media(hover:hover){ .rhmp-owner-dashboard .rhmp-od-add:hover{ background:linear-gradient(180deg,#24d66f 0%,var(--rhmp-home-button-green-hover) 100%)!important; border-color:#109f4d!important; color:#fff!important; } } @media(max-width:600px){ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > button:not(:disabled), .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions .rhmp-od-edit-unavailable{ min-height:45px!important; border-radius:10px!important; font-size:11px!important; } } @media(prefers-reduced-motion:reduce){ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > a, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-actions > button, .rhmp-owner-dashboard .rhmp-od-add{ transition:none!important; } } /* ========================================================= v2.13.20 HOMEPAGE CATEGORY PATTERN INTEGRATION Reuse the homepage category-card footer pattern for: 1) Tomorrow empty-state background 2) Vehicle card lower white details section ========================================================= */ :root{ --rhmp-category-footer-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='90' viewBox='0 0 180 90'%3E%3Cg fill='none' stroke='%23079447' stroke-opacity='.055' stroke-width='1'%3E%3Cpath d='M-20 18C8-6 36 4 50 22s37 23 54 5 42-17 60 2 37 15 50 3'/%3E%3Cpath d='M-15 37C12 12 40 22 55 40s38 21 55 2 41-18 59 1 35 16 48 5'/%3E%3Cpath d='M-10 58C16 33 44 43 60 61s36 20 53 3 42-19 59 0 34 17 46 7'/%3E%3Cpath d='M30-12C7 14 17 39 36 53s22 35 5 52'/%3E%3Cpath d='M92-14C68 11 79 38 98 52s22 35 4 51'/%3E%3Cpath d='M151-12C129 13 139 38 158 53s22 35 5 52'/%3E%3C/g%3E%3C/svg%3E"); } .rhmp-owner-dashboard .rhmp-tomorrow-empty, .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo{ background-color:#ffffff!important; background-image:var(--rhmp-category-footer-pattern)!important; background-size:180px 90px!important; background-repeat:repeat!important; } .rhmp-owner-dashboard .rhmp-tomorrow-empty{ border:1px dashed rgba(7,148,71,.18)!important; } /* Keep the patterned details panel clean and separated from the photo area. */ .rhmp-owner-dashboard .rhmp-od-vehicle .rhmp-od-vinfo{ border-top:1px solid rgba(7,148,71,.10)!important; } /* ========================================================= v2.13.21 CENTRALIZED PENDING BOOKING FLOW - Vehicle cards no longer show the separate new-request strip. - Pending tab uses compact request rows. - Clicking a pending row opens/focuses that booking in All. ========================================================= */ .rhmp-owner-dashboard .rhmp-pending-booking-item{ appearance:none!important; -webkit-appearance:none!important; width:100%!important; min-height:76px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:16px!important; padding:14px 16px!important; border:1px solid #a6dec0!important; border-radius:14px!important; background:#e7f8ed!important; color:#006d35!important; text-align:left!important; cursor:pointer!important; box-shadow:0 5px 14px rgba(7,148,71,.07)!important; transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease!important; } .rhmp-owner-dashboard .rhmp-pending-item-copy, .rhmp-owner-dashboard .rhmp-pending-item-meta{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:5px!important; } .rhmp-owner-dashboard .rhmp-pending-item-copy{flex:1 1 auto!important} .rhmp-owner-dashboard .rhmp-pending-item-copy strong{ color:#06783c!important; font-size:15px!important; line-height:1.2!important; font-weight:900!important; } .rhmp-owner-dashboard .rhmp-pending-item-copy small, .rhmp-owner-dashboard .rhmp-pending-item-meta small{ color:#477563!important; font-size:12px!important; line-height:1.3!important; font-weight:700!important; overflow-wrap:anywhere!important; } .rhmp-owner-dashboard .rhmp-pending-item-meta{ flex:0 0 auto!important; align-items:flex-end!important; text-align:right!important; } .rhmp-owner-dashboard .rhmp-pending-item-meta b{ color:#079447!important; font-size:12px!important; line-height:1.2!important; font-weight:900!important; white-space:nowrap!important; } @media(hover:hover){ .rhmp-owner-dashboard .rhmp-pending-booking-item:hover{ transform:translateY(-1px)!important; background:#dcf6e6!important; border-color:#75cb9b!important; box-shadow:0 8px 18px rgba(7,148,71,.11)!important; } } .rhmp-owner-dashboard .rhmp-pending-booking-item:focus-visible{ outline:3px solid rgba(34,197,94,.24)!important; outline-offset:2px!important; } .rhmp-owner-dashboard .rhmp-booking-summary-card.is-selected{ border-color:#22c55e!important; box-shadow:0 0 0 3px rgba(34,197,94,.12),0 10px 26px rgba(27,49,77,.10)!important; } .rhmp-owner-dashboard .rhmp-booking-summary-card.is-selected .rhmp-summary-card-head{ background:linear-gradient(90deg,#eafaf0 0%,#f8fffb 100%)!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-pending-booking-item{ min-height:84px!important; padding:12px!important; gap:10px!important; } .rhmp-owner-dashboard .rhmp-pending-item-copy strong{font-size:14px!important} .rhmp-owner-dashboard .rhmp-pending-item-copy small, .rhmp-owner-dashboard .rhmp-pending-item-meta small, .rhmp-owner-dashboard .rhmp-pending-item-meta b{font-size:11px!important} } @media(max-width:480px){ .rhmp-owner-dashboard .rhmp-pending-booking-item{ align-items:flex-start!important; flex-direction:column!important; } .rhmp-owner-dashboard .rhmp-pending-item-meta{ width:100%!important; align-items:flex-start!important; text-align:left!important; } } \n\n/* =========================================================\n v2.13.22 AIRPORT SERVICE TOGGLE\n Mirrors Ad visibility directly underneath it.\n========================================================= */\n.rhmp-owner-dashboard .rhmp-airport-service-row{\n margin-top:-2px!important;\n padding-top:8px!important;\n border-top:1px solid rgba(7,148,71,.10)!important;\n}\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state,\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state:hover,\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state:focus,\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state:active,\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state:disabled{\n appearance:none!important;\n background:transparent!important;\n background-image:none!important;\n color:#087f45!important;\n border:0!important;\n box-shadow:none!important;\n padding:4px 0!important;\n -webkit-tap-highlight-color:transparent;\n}\n.rhmp-owner-dashboard .rhmp-od-vehicle button.rhmp-airport-service-state:focus-visible{\n outline:2px solid #079447!important;\n outline-offset:3px!important;\n}\n /* ========================================================= v2.13.23 AIRPORT BOOKING LABELS ========================================================= */ .rhmp-owner-dashboard .rhmp-summary-head-badges{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex-wrap:wrap!important; gap:6px!important; } .rhmp-owner-dashboard .rhmp-summary-kind.is-airport, .rhmp-owner-dashboard .rhmp-airport-booking-badge{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:24px!important; padding:5px 9px!important; border:1px solid #bfe8d1!important; border-radius:999px!important; background:#ebfaf2!important; color:#087f45!important; font-size:10px!important; line-height:1.1!important; font-weight:900!important; letter-spacing:.03em!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-pending-booking-item.is-airport{ border-color:#79d5a2!important; background:linear-gradient(135deg,#f0fff6 0%,#fbfffd 100%)!important; } .rhmp-owner-dashboard .rhmp-pending-booking-item.is-airport .rhmp-pending-item-copy strong{ color:#087f45!important; } .rhmp-owner-dashboard .rhmp-airport-booking-row strong{ text-align:right!important; } @media(max-width:600px){ .rhmp-owner-dashboard .rhmp-summary-card-head{ align-items:flex-start!important; } .rhmp-owner-dashboard .rhmp-summary-head-badges{ max-width:48%!important; } } /* ========================================================= v2.13.24 PRICE-ONLY EDITOR Enables the vehicle Edit action without exposing non-price fields. ========================================================= */ .rhmp-owner-dashboard .rhmp-od-actions .rhmp-od-edit-pricing{ cursor:pointer!important; } .rhmp-pricing-sheet[hidden]{display:none!important} .rhmp-pricing-sheet{ position:fixed; inset:0; z-index:100100; display:flex; align-items:center; justify-content:center; padding:24px; font-family:inherit; } .rhmp-pricing-backdrop{ position:absolute; inset:0; width:100%; height:100%; margin:0; padding:0; border:0; border-radius:0; background:rgba(5,22,16,.56); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); cursor:default; } .rhmp-pricing-dialog{ position:relative; z-index:1; width:min(900px,100%); max-height:min(90dvh,900px); overflow:auto; padding:28px; border:1px solid rgba(7,148,71,.20); border-radius:24px; background-color:#fff; background-image:var(--rhmp-category-footer-pattern,none); background-size:180px 90px; box-shadow:0 30px 80px rgba(5,30,20,.28); } .rhmp-pricing-close{ position:absolute; top:16px; right:16px; width:42px; height:42px; border:1px solid #dce8e1; border-radius:50%; background:#fff; color:#334155; font-size:26px; line-height:1; cursor:pointer; } .rhmp-pricing-head{padding-right:54px;margin-bottom:18px} .rhmp-pricing-head>span{ display:block; margin-bottom:5px; color:#079447; font-size:11px; font-weight:900; letter-spacing:.13em; } .rhmp-pricing-head h2{ margin:0; color:#0b1f3a; font-size:30px; line-height:1.15; font-weight:900; letter-spacing:-.025em; } .rhmp-pricing-head p{margin:8px 0 0;color:#64748b;font-size:14px} .rhmp-pricing-head p strong{color:#173b31} .rhmp-pricing-head p small{font-size:inherit} .rhmp-pricing-note{ margin:0 0 18px; padding:12px 14px; border:1px solid #cce8d8; border-radius:12px; background:#effbf4; color:#176b43; font-size:13px; line-height:1.5; font-weight:700; } .rhmp-pricing-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } .rhmp-pricing-package{ min-width:0; margin:0; padding:16px; border:1px solid #dce9e2; border-radius:16px; background:rgba(255,255,255,.88); box-shadow:0 8px 20px rgba(18,71,48,.045); } .rhmp-pricing-package legend{ padding:0 7px; color:#0b1f3a; font-size:15px; font-weight:900; } .rhmp-pricing-km{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 12px; padding:9px 11px; border-radius:10px; background:#f3faf6; color:#64748b; font-size:12px; font-weight:750; } .rhmp-pricing-km strong{color:#087f45;font-size:13px} .rhmp-pricing-package label{display:block;margin-top:11px} .rhmp-pricing-package label>span{ display:block; margin-bottom:6px; color:#526171; font-size:11px; font-weight:850; letter-spacing:.025em; } .rhmp-pricing-package input{ width:100%; min-height:46px; padding:10px 12px; border:1px solid #cfdcd5; border-radius:11px; background:#fff; color:#102a20; font:800 15px/1.2 inherit; outline:0; box-shadow:inset 0 1px 2px rgba(0,0,0,.02); } .rhmp-pricing-package input:focus{ border-color:#16b85c; box-shadow:0 0 0 3px rgba(22,184,92,.12); } .rhmp-pricing-package input.is-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important} .rhmp-pricing-scope{ margin:16px 2px 0; color:#748094; font-size:12px; line-height:1.5; } .rhmp-pricing-actions{ display:flex; justify-content:flex-end; gap:10px; margin-top:20px; } .rhmp-pricing-actions button{ min-height:48px; padding:11px 20px; border-radius:12px; font-size:13px; font-weight:900; cursor:pointer; } .rhmp-pricing-cancel{ border:1px solid #d8e2dd; background:#fff; color:#536272; } .rhmp-pricing-save{ border:1px solid #079447; background:linear-gradient(180deg,#20d76b 0%,#079447 100%); color:#fff; box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 7px 16px rgba(7,148,71,.18); } .rhmp-pricing-save:disabled{opacity:.65;cursor:wait} @media(max-width:700px){ .rhmp-pricing-sheet{padding:10px;align-items:center} .rhmp-pricing-dialog{width:100%;max-height:94dvh;padding:20px 14px 16px;border-radius:20px} .rhmp-pricing-close{top:12px;right:12px;width:38px;height:38px;font-size:23px} .rhmp-pricing-head{padding-right:46px;margin-bottom:14px} .rhmp-pricing-head h2{font-size:24px} .rhmp-pricing-grid{grid-template-columns:1fr;gap:10px} .rhmp-pricing-package{padding:13px;border-radius:14px} .rhmp-pricing-actions{position:sticky;bottom:-16px;margin:16px -14px -16px;padding:12px 14px 16px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)} .rhmp-pricing-actions button{flex:1;min-width:0;padding:10px 8px} } /* ========================================================= v2.13.25 FORM-MATCHED CALL FOR PRICING + BOOKING PACKAGE UI only; saving is limited to no_price + package columns. ========================================================= */ .rhmp-pricing-dialog{width:min(840px,100%)!important} .rhmp-pricing-form{display:block} .rhmp-pricing-section{ margin-top:16px; padding:18px; border:1px solid #dce9e2; border-radius:17px; background:rgba(255,255,255,.90); box-shadow:0 7px 20px rgba(18,71,48,.04); } .rhmp-pricing-section-title{ display:flex; align-items:center; gap:9px; margin-bottom:14px; } .rhmp-pricing-section-title>span{font-size:18px;line-height:1} .rhmp-pricing-section-title h3{ margin:0; color:#079447; font-size:18px; line-height:1.25; font-weight:900; } .rhmp-pricing-check-option{ min-height:58px; display:flex; align-items:center; gap:12px; padding:13px 15px; border:1px solid #d9e7df; border-radius:13px; background:#fff; color:#26364c; font-size:14px; font-weight:800; cursor:pointer; } .rhmp-pricing-check-option input{ position:absolute!important; opacity:0!important; pointer-events:none!important; } .rhmp-pricing-check-box{ position:relative; flex:0 0 23px; width:23px; height:23px; border:2px solid #b8c9c0; border-radius:6px; background:#fff; transition:.16s ease; } .rhmp-pricing-check-option input:checked+.rhmp-pricing-check-box{ border-color:#079447; background:#079447; box-shadow:0 0 0 4px rgba(7,148,71,.10); } .rhmp-pricing-check-option input:checked+.rhmp-pricing-check-box:after{ content:''; position:absolute; left:6px; top:2px; width:6px; height:11px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } .rhmp-pricing-check-option:has(input:focus-visible){ outline:3px solid rgba(7,148,71,.15); outline-offset:2px; } .rhmp-pricing-booking-section{position:relative;transition:opacity .16s ease,background .16s ease} .rhmp-pricing-booking-section.is-locked{ background:rgba(246,249,247,.92); } .rhmp-pricing-lock-note{ margin:-2px 0 13px; padding:10px 12px; border:1px solid #d8e5de; border-radius:10px; background:#f5f8f6; color:#718096; font-size:12px; line-height:1.45; font-weight:750; } .rhmp-pricing-tabs{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin-bottom:16px; padding:5px; border:1px solid #dfe9e4; border-radius:13px; background:#f7faf8; } .rhmp-pricing-tabs button{ min-height:42px; padding:8px 10px; border:1px solid transparent; border-radius:9px; background:transparent; color:#536272; font-size:13px; font-weight:850; cursor:pointer; } .rhmp-pricing-tabs button.active{ border-color:#bfe6d0; background:#fff; color:#079447; box-shadow:0 4px 12px rgba(7,148,71,.08); } .rhmp-pricing-tabs button:disabled{cursor:not-allowed;opacity:.48} .rhmp-pricing-panel{display:none} .rhmp-pricing-panel.active{display:block} .rhmp-pricing-fields{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } .rhmp-pricing-fields label{display:block;min-width:0} .rhmp-pricing-fields label>span{ display:block; margin-bottom:7px; color:#334155; font-size:12px; font-weight:850; } .rhmp-pricing-fields label>span b{color:#ef4444} .rhmp-pricing-fields input{ width:100%; min-height:48px; padding:10px 12px; border:1px solid #cfdcd5; border-radius:11px; background:#fff; color:#102a20; font:800 14px/1.2 inherit; outline:0; box-shadow:inset 0 1px 2px rgba(0,0,0,.02); } .rhmp-pricing-fields input:focus{ border-color:#16b85c; box-shadow:0 0 0 3px rgba(22,184,92,.12); } .rhmp-pricing-fields input:disabled{ background:#f1f5f3; color:#9aa6a0; border-color:#e2e9e5; cursor:not-allowed; } .rhmp-pricing-fields input.is-error{border-color:#ef4444!important;box-shadow:0 0 0 3px rgba(239,68,68,.10)!important} @media(max-width:700px){ .rhmp-pricing-section{padding:14px;border-radius:14px} .rhmp-pricing-section-title h3{font-size:16px} .rhmp-pricing-tabs{gap:4px;padding:4px} .rhmp-pricing-tabs button{min-height:40px;padding:7px 4px;font-size:11px} .rhmp-pricing-fields{grid-template-columns:1fr;gap:10px} .rhmp-pricing-check-option{min-height:54px;padding:11px 12px;font-size:13px} } /* ========================================================= v2.14.0 CATEGORY-AWARE PRICING EDITOR ========================================================= */ .rhmp-pricing-current-note{ margin:-2px 0 13px; padding:10px 12px; border:1px solid #cfe8da; border-radius:10px; background:#f5fcf8; color:#536a5f; font-size:12px; line-height:1.45; font-weight:700; } .rhmp-pricing-tabs{ grid-template-columns:repeat(4,minmax(0,1fr))!important; } .rhmp-pricing-tabs button[hidden], .rhmp-pricing-panel[hidden]{ display:none!important; } .rhmp-pricing-clear-package{ display:inline-flex; align-items:center; justify-content:center; min-height:36px; margin-top:11px; padding:7px 11px; border:1px solid #d4e2da; border-radius:9px; background:#fff; color:#68786f; font:800 11px/1.2 inherit; cursor:pointer; } .rhmp-pricing-clear-package:hover, .rhmp-pricing-clear-package:focus-visible{ border-color:#efb5b5; color:#b42318; background:#fff8f8; outline:none; } .rhmp-pricing-clear-package:disabled{ opacity:.45; cursor:not-allowed; } @media(max-width:700px){ .rhmp-pricing-tabs{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } .rhmp-pricing-current-note{ font-size:11px; } .rhmp-pricing-clear-package{ width:100%; } } /* ========================================================= v2.14.2 PRICING POPUP THEME + AIRPORT SERVICE ELIGIBILITY UI Visual changes only to the pricing popup. ========================================================= */ /* Strongly lock the popup outline to the RentHubMP green theme. */ .rhmp-owner-dashboard .rhmp-pricing-dialog{ border:2px solid rgba(7,148,71,.62)!important; outline:0!important; box-shadow: 0 0 0 1px rgba(32,237,120,.08), 0 30px 80px rgba(5,30,20,.28)!important; } /* Prevent global/theme button CSS from turning the close control blue. */ .rhmp-owner-dashboard button.rhmp-pricing-close, .rhmp-owner-dashboard button.rhmp-pricing-close:hover, .rhmp-owner-dashboard button.rhmp-pricing-close:focus, .rhmp-owner-dashboard button.rhmp-pricing-close:focus-visible, .rhmp-owner-dashboard button.rhmp-pricing-close:active{ appearance:none!important; -webkit-appearance:none!important; display:grid!important; place-items:center!important; box-sizing:border-box!important; width:42px!important; height:42px!important; min-width:42px!important; min-height:42px!important; padding:0!important; margin:0!important; border:1px solid rgba(7,148,71,.36)!important; border-radius:50%!important; background: linear-gradient(115deg,rgba(255,255,255,.20),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447)!important; background-color:#10cf61!important; background-image: linear-gradient(115deg,rgba(255,255,255,.20),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447)!important; color:#fff!important; font-size:0!important; line-height:1!important; text-align:center!important; text-indent:0!important; box-shadow: inset 0 1px 2px rgba(255,255,255,.45), 0 5px 12px rgba(7,148,71,.20)!important; cursor:pointer!important; } .rhmp-owner-dashboard button.rhmp-pricing-close::before{ content:"×"; display:block; width:100%; height:100%; font-family:Arial,Helvetica,sans-serif; font-size:27px; font-weight:400; line-height:40px; text-align:center; color:#fff; transform:translateY(-1px); } .rhmp-owner-dashboard button.rhmp-pricing-close:hover{ background: linear-gradient(115deg,rgba(255,255,255,.24),transparent 65%), linear-gradient(135deg,#26f283,#13d466 48%,#068742)!important; } .rhmp-owner-dashboard button.rhmp-pricing-close:focus-visible{ outline:3px solid rgba(7,148,71,.20)!important; outline-offset:3px!important; } @media(max-width:700px){ .rhmp-owner-dashboard button.rhmp-pricing-close, .rhmp-owner-dashboard button.rhmp-pricing-close:hover, .rhmp-owner-dashboard button.rhmp-pricing-close:focus, .rhmp-owner-dashboard button.rhmp-pricing-close:active{ width:38px!important; height:38px!important; min-width:38px!important; min-height:38px!important; } .rhmp-owner-dashboard button.rhmp-pricing-close::before{ font-size:25px; line-height:36px; } } /* ========================================================= v2.14.3 AD ROTATION POSITION + MY VEHICLES SCROLL ========================================================= */ /* Top My Vehicles KPI is now an accessible smooth-scroll control. */ .rhmp-owner-dashboard [data-scroll-my-vehicles]{ cursor:pointer!important; transition:transform .16s ease,box-shadow .16s ease!important; } .rhmp-owner-dashboard [data-scroll-my-vehicles]:hover{ transform:translateY(-2px)!important; box-shadow:0 14px 30px rgba(15,35,60,.16)!important; } .rhmp-owner-dashboard [data-scroll-my-vehicles]:focus-visible{ outline:3px solid rgba(7,148,71,.28)!important; outline-offset:3px!important; } /* Current public listing position. */ .rhmp-owner-dashboard .rhmp-metric-ad-position{ border-bottom:0!important; } .rhmp-owner-dashboard .rhmp-od-ad-position{ display:flex!important; flex-direction:column!important; align-items:flex-end!important; justify-content:center!important; gap:2px!important; min-width:0!important; text-align:right!important; } .rhmp-owner-dashboard .rhmp-od-ad-position b{ color:#079447!important; font-size:16px!important; font-weight:900!important; line-height:1.05!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-ad-position span{ color:#668075!important; font-size:9px!important; font-weight:750!important; line-height:1.1!important; white-space:nowrap!important; } .rhmp-owner-dashboard .rhmp-od-ad-position.is-unlisted b{ color:#8c9892!important; } .rhmp-owner-dashboard .rhmp-od-ad-position.is-unlisted span{ color:#9aa39f!important; } @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-od-ad-position b{ font-size:14px!important; } .rhmp-owner-dashboard .rhmp-od-ad-position span{ font-size:8px!important; } } /* ========================================================= v2.14.4 OWNER EDIT — FORM v1.5.4 MATCH ========================================================= - Local / Foreign Booking Package editor - Mobile keeps the same compact Desktop composition - Price-only Owner Edit scope is preserved ========================================================= */ .rhmp-owner-dashboard .rhmp-pricing-package-title{ display:grid!important; grid-template-columns:auto minmax(0,1fr) auto!important; align-items:center!important; gap:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-package-title h3{ min-width:0!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle{ display:inline-flex!important; align-items:center!important; gap:4px!important; justify-self:end!important; padding:3px!important; border:1px solid #dbe8df!important; border-radius:9px!important; background:#f7fbf8!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button{ appearance:none!important; -webkit-appearance:none!important; min-width:76px!important; height:34px!important; padding:0 13px!important; border:1px solid transparent!important; border-radius:7px!important; background:transparent!important; background-image:none!important; color:#667085!important; font:800 12px/1 inherit!important; cursor:pointer!important; box-shadow:none!important; outline:none!important; transition:background .18s ease,color .18s ease,box-shadow .18s ease!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:active{ background:#eefaf2!important; background-image:none!important; color:#079447!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:active{ background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447)!important; color:#fff!important; box-shadow:0 5px 12px rgba(7,148,71,.15)!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:disabled{ opacity:.48!important; cursor:not-allowed!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-note{ margin:-7px 0 12px 29px!important; color:#78868f!important; font-size:11px!important; font-weight:700!important; line-height:1.35!important; } /* * Local is the default owner-edit view. */ .rhmp-owner-dashboard .rhmp-pricing-form:not(.is-foreign-pricing) .rhmp-pricing-panel[data-pricing-audience="foreign"]{ display:none!important; } .rhmp-owner-dashboard .rhmp-pricing-form.is-foreign-pricing .rhmp-pricing-panel[data-pricing-audience="local"]{ display:none!important; } .rhmp-owner-dashboard .rhmp-pricing-form.is-foreign-pricing .rhmp-pricing-panel[data-pricing-audience="foreign"].active:not([hidden]), .rhmp-owner-dashboard .rhmp-pricing-form.is-local-pricing .rhmp-pricing-panel[data-pricing-audience="local"].active:not([hidden]), .rhmp-owner-dashboard .rhmp-pricing-form:not(.is-foreign-pricing) .rhmp-pricing-panel[data-pricing-audience="local"].active:not([hidden]){ display:block!important; } /* --------------------------------------------------------- Mobile — same visual composition as Desktop/Form v1.5.4 --------------------------------------------------------- */ @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-pricing-dialog{ width:100%!important; max-height:95dvh!important; padding:18px 11px 14px!important; border-radius:18px!important; } .rhmp-owner-dashboard .rhmp-pricing-head{ padding-right:45px!important; margin-bottom:13px!important; } .rhmp-owner-dashboard .rhmp-pricing-head>span{ font-size:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-head h2{ font-size:21px!important; line-height:1.15!important; } .rhmp-owner-dashboard .rhmp-pricing-head p{ margin-top:6px!important; font-size:11px!important; } .rhmp-owner-dashboard .rhmp-pricing-section{ padding:13px 10px!important; border-radius:12px!important; } .rhmp-owner-dashboard .rhmp-pricing-section-title{ margin-bottom:12px!important; } .rhmp-owner-dashboard .rhmp-pricing-section-title>span{ font-size:15px!important; } .rhmp-owner-dashboard .rhmp-pricing-section-title h3{ font-size:15px!important; } /* * Booking Package + Local / Foreign stay on one professional row. */ .rhmp-owner-dashboard .rhmp-pricing-package-title{ grid-template-columns:18px minmax(0,1fr) auto!important; gap:6px!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle{ gap:3px!important; padding:3px!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button{ min-width:60px!important; height:31px!important; padding:0 7px!important; font-size:10px!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-note{ margin:-7px 0 11px 24px!important; font-size:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-current-note, .rhmp-owner-dashboard .rhmp-pricing-lock-note{ margin-bottom:11px!important; padding:8px 9px!important; border-radius:8px!important; font-size:9.5px!important; line-height:1.35!important; } /* * Keep Desktop's package-tab composition instead of 2-column stacking. * Day / Week / Month / Year remain one row where available. */ .rhmp-owner-dashboard .rhmp-pricing-tabs{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:3px!important; margin-bottom:12px!important; padding:3px!important; border-radius:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button{ min-width:0!important; min-height:38px!important; padding:5px 3px!important; border-radius:7px!important; font-size:9.5px!important; line-height:1.12!important; white-space:normal!important; } /* * Desktop's Price / KM / Extra Charge 3-column row. */ .rhmp-owner-dashboard .rhmp-pricing-fields{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:7px!important; } .rhmp-owner-dashboard .rhmp-pricing-fields label>span{ min-height:26px!important; display:flex!important; align-items:flex-end!important; margin-bottom:5px!important; font-size:9px!important; line-height:1.15!important; } .rhmp-owner-dashboard .rhmp-pricing-fields input{ min-width:0!important; min-height:41px!important; height:41px!important; padding:7px 6px!important; border-radius:8px!important; font-size:10px!important; } .rhmp-owner-dashboard .rhmp-pricing-check-option{ min-height:48px!important; padding:10px 11px!important; border-radius:9px!important; font-size:11px!important; } .rhmp-owner-dashboard .rhmp-pricing-check-box{ width:19px!important; height:19px!important; flex-basis:19px!important; } .rhmp-owner-dashboard .rhmp-pricing-check-option input:checked+ .rhmp-pricing-check-box:after{ left:5px!important; top:1px!important; width:5px!important; height:10px!important; } .rhmp-owner-dashboard .rhmp-pricing-clear-package{ width:auto!important; min-height:32px!important; margin-top:9px!important; padding:6px 9px!important; font-size:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-scope{ margin:11px 2px 0!important; font-size:9px!important; line-height:1.35!important; } .rhmp-owner-dashboard .rhmp-pricing-actions{ gap:7px!important; margin-top:14px!important; } .rhmp-owner-dashboard .rhmp-pricing-actions button{ min-height:43px!important; padding:9px 8px!important; border-radius:9px!important; font-size:11px!important; } } /* Very narrow phones: preserve composition, just tighten dimensions. */ @media(max-width:390px){ .rhmp-owner-dashboard .rhmp-pricing-dialog{ padding-left:8px!important; padding-right:8px!important; } .rhmp-owner-dashboard .rhmp-pricing-package-title{ grid-template-columns:16px minmax(0,1fr) auto!important; gap:4px!important; } .rhmp-owner-dashboard .rhmp-pricing-package-title h3{ font-size:13px!important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button{ min-width:52px!important; height:29px!important; padding:0 5px!important; font-size:9px!important; } .rhmp-owner-dashboard .rhmp-pricing-tabs{ gap:2px!important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button{ min-height:36px!important; padding-left:2px!important; padding-right:2px!important; font-size:8.5px!important; } .rhmp-owner-dashboard .rhmp-pricing-fields{ gap:5px!important; } .rhmp-owner-dashboard .rhmp-pricing-fields label>span{ min-height:25px!important; font-size:8.2px!important; } .rhmp-owner-dashboard .rhmp-pricing-fields input{ min-height:39px!important; height:39px!important; padding:6px 4px!important; font-size:9px!important; } } /* ========================================================= v2.14.5 RHMP GREEN BUTTON STATE OVERRIDE ========================================================= Visual-only fix. Prevent WordPress/theme/browser focus/selected states from turning Owner Dashboard Edit buttons blue. ========================================================= */ /* * Local / Foreign audience buttons */ .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:active { -webkit-appearance: none !important; appearance: none !important; outline: none !important; -webkit-tap-highlight-color: transparent !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button.active:active, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button[aria-pressed="true"], .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button[aria-pressed="true"]:hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button[aria-pressed="true"]:focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button[aria-pressed="true"]:active { background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447) !important; background-color:#10cf61 !important; border-color:rgba(7,148,71,.28) !important; color:#fff !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.34), 0 5px 12px rgba(7,148,71,.15) !important; } /* * Booking package tabs */ .rhmp-owner-dashboard .rhmp-pricing-tabs button, .rhmp-owner-dashboard .rhmp-pricing-tabs button:hover, .rhmp-owner-dashboard .rhmp-pricing-tabs button:focus, .rhmp-owner-dashboard .rhmp-pricing-tabs button:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-tabs button:active { -webkit-appearance:none !important; appearance:none !important; outline:none !important; -webkit-tap-highlight-color:transparent !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button.active, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:hover, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:focus, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:active { background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447) !important; background-color:#10cf61 !important; border-color:rgba(7,148,71,.28) !important; color:#fff !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.34), 0 5px 12px rgba(7,148,71,.14) !important; } /* * Call-for-pricing checkbox option selected state */ .rhmp-owner-dashboard .rhmp-pricing-check-option, .rhmp-owner-dashboard .rhmp-pricing-check-option:hover, .rhmp-owner-dashboard .rhmp-pricing-check-option:focus-within { -webkit-tap-highlight-color:transparent !important; } .rhmp-owner-dashboard .rhmp-pricing-check-option:has(input:checked) { border-color:rgba(7,148,71,.32) !important; background: linear-gradient(115deg,rgba(255,255,255,.30),transparent 65%), linear-gradient(135deg,#effdf4,#e5faed 48%,#dcf5e6) !important; color:#087c49 !important; } /* * Pricing action buttons and price-edit controls. * Never allow default blue focus/active fill. */ .rhmp-owner-dashboard .rhmp-pricing-actions button, .rhmp-owner-dashboard .rhmp-pricing-actions button:hover, .rhmp-owner-dashboard .rhmp-pricing-actions button:focus, .rhmp-owner-dashboard .rhmp-pricing-actions button:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-actions button:active, .rhmp-owner-dashboard .rhmp-pricing-clear-package, .rhmp-owner-dashboard .rhmp-pricing-clear-package:hover, .rhmp-owner-dashboard .rhmp-pricing-clear-package:focus, .rhmp-owner-dashboard .rhmp-pricing-clear-package:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-clear-package:active { -webkit-appearance:none !important; appearance:none !important; outline:none !important; -webkit-tap-highlight-color:transparent !important; } /* * Primary Save button = RHMP green in every interaction state. */ .rhmp-owner-dashboard .rhmp-pricing-actions button[type="submit"], .rhmp-owner-dashboard .rhmp-pricing-actions button[type="submit"]:hover, .rhmp-owner-dashboard .rhmp-pricing-actions button[type="submit"]:focus, .rhmp-owner-dashboard .rhmp-pricing-actions button[type="submit"]:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-actions button[type="submit"]:active { background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447) !important; background-color:#10cf61 !important; border-color:rgba(7,148,71,.30) !important; color:#fff !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.34), 0 6px 14px rgba(7,148,71,.16) !important; } /* * Remove native blue selection glow from all pricing inputs too. */ .rhmp-owner-dashboard .rhmp-pricing-form input:focus, .rhmp-owner-dashboard .rhmp-pricing-form select:focus, .rhmp-owner-dashboard .rhmp-pricing-form textarea:focus { outline:none !important; border-color:#10cf61 !important; box-shadow:0 0 0 2px rgba(16,207,97,.12) !important; } /* * Keyboard users still get a visible RHMP-green focus ring. */ .rhmp-owner-dashboard .rhmp-pricing-form button:focus-visible { outline:2px solid rgba(7,148,71,.55) !important; outline-offset:2px !important; } /* ========================================================= v2.14.6 OWNER EDIT FINAL THEME + ONE-VIEW POPUP ========================================================= */ /* * IMPORTANT: * Non-selected package buttons must never inherit the blue browser/theme * mouse/focus/active style seen in the previous build. */ .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active), .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):hover, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):focus, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):focus-visible, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):active { background:#f7faf8 !important; background-image:none !important; background-color:#f7faf8 !important; border-color:transparent !important; color:#536272 !important; box-shadow:none !important; outline:none !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):hover, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):focus, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):focus-visible, .rhmp-owner-dashboard .rhmp-pricing-tabs button:not(.active):active { background:#eefaf2 !important; background-image:none !important; background-color:#eefaf2 !important; border-color:#c7ead5 !important; color:#079447 !important; } /* * Selected package button = RHMP green in every mouse/focus state. */ .rhmp-owner-dashboard .rhmp-pricing-tabs button.active, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:hover, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:focus, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:focus-visible, .rhmp-owner-dashboard .rhmp-pricing-tabs button.active:active { background: linear-gradient(115deg,rgba(255,255,255,.18),transparent 65%), linear-gradient(135deg,#20ed78,#10cf61 48%,#079447) !important; background-color:#10cf61 !important; border-color:rgba(7,148,71,.30) !important; color:#fff !important; box-shadow: inset 0 1px 2px rgba(255,255,255,.34), 0 5px 12px rgba(7,148,71,.14) !important; } /* * The Local / Foreign switch receives the same non-blue behavior. */ .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:not(.active):hover, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:not(.active):focus, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:not(.active):focus-visible, .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button:not(.active):active { background:#eefaf2 !important; background-image:none !important; background-color:#eefaf2 !important; border-color:#c7ead5 !important; color:#079447 !important; box-shadow:none !important; } /* --------------------------------------------------------- ONE-VIEW PRICING POPUP Compact only; pricing/save logic is untouched. --------------------------------------------------------- */ .rhmp-owner-dashboard .rhmp-pricing-sheet { padding:8px !important; align-items:center !important; } .rhmp-owner-dashboard .rhmp-pricing-dialog { width:min(840px,calc(100vw - 16px)) !important; max-height:calc(100dvh - 16px) !important; padding:14px 16px 12px !important; border-radius:18px !important; overflow-y:auto !important; overscroll-behavior:contain !important; } .rhmp-owner-dashboard .rhmp-pricing-close { top:10px !important; right:10px !important; width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; } .rhmp-owner-dashboard .rhmp-pricing-head { padding-right:42px !important; margin-bottom:7px !important; } .rhmp-owner-dashboard .rhmp-pricing-head>span { margin-bottom:2px !important; font-size:9px !important; } .rhmp-owner-dashboard .rhmp-pricing-head h2 { font-size:23px !important; line-height:1.08 !important; } .rhmp-owner-dashboard .rhmp-pricing-head p { margin-top:4px !important; font-size:10.5px !important; line-height:1.2 !important; } .rhmp-owner-dashboard .rhmp-pricing-section { margin-top:7px !important; padding:9px 10px !important; border-radius:11px !important; } .rhmp-owner-dashboard .rhmp-pricing-section-title { gap:6px !important; margin-bottom:7px !important; } .rhmp-owner-dashboard .rhmp-pricing-section-title>span { font-size:14px !important; } .rhmp-owner-dashboard .rhmp-pricing-section-title h3 { font-size:14px !important; } .rhmp-owner-dashboard .rhmp-pricing-check-option { min-height:38px !important; padding:7px 9px !important; border-radius:8px !important; font-size:10.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-package-title { grid-template-columns:18px minmax(0,1fr) auto !important; gap:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle { gap:2px !important; padding:2px !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button { min-width:62px !important; height:29px !important; padding:0 8px !important; font-size:9.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-note { margin:-4px 0 6px 23px !important; font-size:8.5px !important; line-height:1.15 !important; } .rhmp-owner-dashboard .rhmp-pricing-current-note, .rhmp-owner-dashboard .rhmp-pricing-lock-note { margin:0 0 7px !important; padding:6px 8px !important; border-radius:7px !important; font-size:8.5px !important; line-height:1.2 !important; } .rhmp-owner-dashboard .rhmp-pricing-current-note { white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs { gap:3px !important; margin-bottom:7px !important; padding:3px !important; border-radius:8px !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button { min-height:33px !important; height:33px !important; padding:3px 4px !important; border-radius:6px !important; font-size:9.5px !important; line-height:1 !important; } .rhmp-owner-dashboard .rhmp-pricing-fields { gap:6px !important; } .rhmp-owner-dashboard .rhmp-pricing-fields label>span { min-height:18px !important; margin-bottom:3px !important; font-size:8.5px !important; line-height:1.05 !important; } .rhmp-owner-dashboard .rhmp-pricing-fields input { min-height:36px !important; height:36px !important; padding:5px 7px !important; border-radius:7px !important; font-size:10.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-clear-package { min-height:26px !important; margin-top:6px !important; padding:4px 8px !important; border-radius:6px !important; font-size:8.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-scope { margin:6px 2px 0 !important; font-size:8px !important; line-height:1.15 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .rhmp-owner-dashboard .rhmp-pricing-actions { position:static !important; display:flex !important; justify-content:flex-end !important; gap:7px !important; margin:7px 0 0 !important; padding:0 !important; background:transparent !important; backdrop-filter:none !important; } .rhmp-owner-dashboard .rhmp-pricing-actions button { flex:0 0 auto !important; min-height:35px !important; padding:6px 12px !important; border-radius:7px !important; font-size:9.5px !important; } /* Tablet */ @media (min-width:701px) and (max-width:1024px) { .rhmp-owner-dashboard .rhmp-pricing-dialog { width:min(780px,calc(100vw - 16px)) !important; padding:13px 14px 11px !important; } } /* Mobile */ @media (max-width:700px) { .rhmp-owner-dashboard .rhmp-pricing-sheet { padding:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-dialog { width:calc(100vw - 10px) !important; max-height:calc(100dvh - 10px) !important; padding:10px 8px 9px !important; border-radius:13px !important; } .rhmp-owner-dashboard .rhmp-pricing-head { margin-bottom:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-head h2 { font-size:18px !important; } .rhmp-owner-dashboard .rhmp-pricing-head p { font-size:8.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-section { margin-top:5px !important; padding:7px 7px !important; } .rhmp-owner-dashboard .rhmp-pricing-section-title { margin-bottom:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-package-title h3 { font-size:12.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-toggle button { min-width:52px !important; height:27px !important; padding:0 5px !important; font-size:8.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-audience-note { margin-bottom:4px !important; font-size:7.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-current-note, .rhmp-owner-dashboard .rhmp-pricing-lock-note { margin-bottom:5px !important; padding:5px 6px !important; font-size:7.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs { margin-bottom:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-tabs button { min-height:30px !important; height:30px !important; font-size:8.3px !important; } .rhmp-owner-dashboard .rhmp-pricing-fields { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:4px !important; } .rhmp-owner-dashboard .rhmp-pricing-fields label>span { min-height:15px !important; font-size:7.2px !important; } .rhmp-owner-dashboard .rhmp-pricing-fields input { min-height:32px !important; height:32px !important; padding:4px 5px !important; font-size:8.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-clear-package { min-height:24px !important; margin-top:4px !important; padding:3px 6px !important; font-size:7.5px !important; } .rhmp-owner-dashboard .rhmp-pricing-scope { margin-top:4px !important; font-size:7px !important; } .rhmp-owner-dashboard .rhmp-pricing-actions { margin-top:5px !important; } .rhmp-owner-dashboard .rhmp-pricing-actions button { min-height:32px !important; padding:5px 10px !important; font-size:8.5px !important; } } /* * Extra compact vertical profile for short laptop/tablet/mobile viewports. * This keeps the popup in one normal viewport on the common target devices. */ @media (max-height:720px) { .rhmp-owner-dashboard .rhmp-pricing-dialog { padding-top:8px !important; padding-bottom:7px !important; } .rhmp-owner-dashboard .rhmp-pricing-head>span { display:none !important; } .rhmp-owner-dashboard .rhmp-pricing-head h2 { font-size:17px !important; } .rhmp-owner-dashboard .rhmp-pricing-head p { margin-top:2px !important; font-size:8px !important; } .rhmp-owner-dashboard .rhmp-pricing-section { margin-top:4px !important; padding-top:6px !important; padding-bottom:6px !important; } .rhmp-owner-dashboard .rhmp-pricing-current-note { padding-top:4px !important; padding-bottom:4px !important; } .rhmp-owner-dashboard .rhmp-pricing-actions { margin-top:4px !important; } } /* ========================================================= v2.14.6 VEHICLE CARD INFORMATION ORDER Owner status -> Ad Expiry -> Ad position -> Views -> Calls ========================================================= */ .rhmp-owner-dashboard .rhmp-od-vehicle-metrics { max-width:360px !important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-ad-position { align-items:stretch !important; gap:7px !important; } .rhmp-owner-dashboard .rhmp-od-vehicle-metrics .rhmp-metric-ad-position>small { align-self:flex-start !important; } .rhmp-owner-dashboard .rhmp-od-ad-position { width:100% !important; display:grid !important; grid-template-columns:1fr !important; gap:5px !important; text-align:left !important; } .rhmp-owner-dashboard .rhmp-position-line { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; width:100% !important; min-width:0 !important; } .rhmp-owner-dashboard .rhmp-position-line span { color:#668075 !important; font-size:9px !important; font-weight:800 !important; white-space:nowrap !important; } .rhmp-owner-dashboard .rhmp-position-line b { color:#079447 !important; font-size:11px !important; font-weight:900 !important; line-height:1.1 !important; white-space:nowrap !important; } .rhmp-owner-dashboard .rhmp-position-line .is-unlisted-value { color:#9aa39f !important; } @media(max-width:700px) { .rhmp-owner-dashboard .rhmp-od-vehicle-metrics { max-width:none !important; } .rhmp-owner-dashboard .rhmp-position-line span { font-size:8px !important; } .rhmp-owner-dashboard .rhmp-position-line b { font-size:9.5px !important; } } /* RentHubMP v2.15.0 – compact responsive owner service management */ .rhmp-owner-dashboard .rhmp-owner-reminder-banner{display:block;margin:15px 0;padding:13px 17px;background:#fff7df;border:1px solid #f8d789;border-radius:14px;color:#8a4d0b;font-weight:800;text-decoration:none} .rhmp-owner-dashboard .rhmp-od-upcoming{margin-top:15px} .rhmp-owner-dashboard .rhmp-od-title p{margin:6px 0 0;color:#64748b;font-size:13px} .rhmp-owner-dashboard .rhmp-reminder-detail{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:7px;font-size:12px;color:#475569} .rhmp-owner-dashboard .rhmp-reminder-detail span{padding:3px 6px;background:#f1f5f9;border-radius:5px} .rhmp-owner-dashboard .rhmp-special-services{margin-top:16px;padding:22px} .rhmp-owner-dashboard .rhmp-service-group{border:1px solid #dfe7ee;border-radius:15px;margin-top:12px;background:#fff;overflow:hidden} .rhmp-owner-dashboard .rhmp-service-group summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:15px 17px;list-style:none;min-height:56px} .rhmp-owner-dashboard .rhmp-service-group summary::-webkit-details-marker{display:none} .rhmp-owner-dashboard .rhmp-service-group-title{font-weight:800;color:#123a55} .rhmp-owner-dashboard .rhmp-service-group-subtitle{margin-left:auto;color:#64748b;font-size:12px} .rhmp-owner-dashboard .rhmp-service-chevron{font-size:19px;color:#64748b;transition:transform .15s} .rhmp-owner-dashboard .rhmp-service-group[open] .rhmp-service-chevron{transform:rotate(180deg)} .rhmp-owner-dashboard .rhmp-service-vehicle-list{border-top:1px solid #e2e8f0;padding:8px 14px} .rhmp-owner-dashboard .rhmp-service-vehicle{display:flex;align-items:center;gap:12px;padding:10px 0;min-width:0} .rhmp-owner-dashboard .rhmp-service-vehicle + .rhmp-service-vehicle{border-top:1px solid #f1f5f9} .rhmp-owner-dashboard .rhmp-service-vehicle-photo{flex:none;width:62px;height:54px;border-radius:10px;overflow:hidden;background:#f1f5f9;display:grid;place-items:center} .rhmp-owner-dashboard .rhmp-service-vehicle-photo img{width:100%;height:100%;object-fit:cover} .rhmp-owner-dashboard .rhmp-service-vehicle-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px} .rhmp-owner-dashboard .rhmp-service-vehicle-info strong{font-size:14px;color:#122b44;overflow-wrap:anywhere} .rhmp-owner-dashboard .rhmp-service-vehicle-info small{font-size:12px;color:#64748b;overflow-wrap:anywhere} .rhmp-owner-dashboard .rhmp-service-state{flex:none;min-width:114px;min-height:44px;display:flex;justify-content:center;align-items:center;gap:8px} @media(max-width:600px){ .rhmp-owner-dashboard .rhmp-special-services{padding:13px} .rhmp-owner-dashboard .rhmp-service-group summary{padding:12px} .rhmp-owner-dashboard .rhmp-service-vehicle{gap:8px} .rhmp-owner-dashboard .rhmp-service-vehicle-photo{width:44px;height:44px} .rhmp-owner-dashboard .rhmp-service-state{min-width:92px;padding:6px;font-size:12px} .rhmp-owner-dashboard .rhmp-reminder-detail{gap:4px} .rhmp-owner-dashboard .rhmp-tomorrow-vehicle{grid-template-columns:64px minmax(0,1fr);gap:9px} .rhmp-owner-dashboard .rhmp-tomorrow-photo{width:64px;height:64px} .rhmp-owner-dashboard .rhmp-tomorrow-count{grid-column:2;justify-self:start;min-width:100px} } /* v2.15.2 – Airport/Wedding management buttons: RentHubMP green theme only. Isolated to service list, overriding blue hover/focus styles from site theme. */ .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state, .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:hover, .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:active, .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:focus, .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:focus-visible { -webkit-appearance:none!important; appearance:none!important; background:#effaf3!important; background-image:none!important; color:#087f45!important; border:1px solid #bde5cb!important; box-shadow:none!important; text-shadow:none!important; border-radius:12px!important; padding:8px 12px!important; font-weight:800!important; cursor:pointer; -webkit-tap-highlight-color:transparent; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state[data-active="0"], .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state[data-active="0"]:hover, .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state[data-active="0"]:focus { background:#f6f8f7!important;color:#4b6356!important;border-color:#d9e5df!important; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:focus-visible { outline:2px solid #079447!important; outline-offset:3px!important; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state:disabled { opacity:.60!important;cursor:not-allowed!important; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state .rhmp-ad-state-track { background:#98aaa0!important; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state[data-active="1"] .rhmp-ad-state-track { background:#079447!important; } .rhmp-owner-dashboard .rhmp-special-services button.rhmp-service-state .rhmp-ad-state-track:after { background:#fff!important; } /* v2.15.7 – Theme-green pickup acknowledgment, scoped to the reminder cards. */ .rhmp-owner-dashboard .rhmp-tomorrow-vehicle[data-pickup-reminder]{min-width:0;row-gap:13px;} .rhmp-owner-dashboard .rhmp-tomorrow-vehicle .rhmp-reminder-action{ grid-column:1/-1;display:flex;align-items:center;justify-content:space-between; gap:12px;min-width:0;border-top:1px solid #e2eee5;padding-top:12px; } .rhmp-owner-dashboard .rhmp-reminder-action small{ color:#61746a;font-size:11px;line-height:1.5;max-width:440px; } .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack, .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack:hover, .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack:focus{ -webkit-appearance:none!important;appearance:none!important; color:#fff!important;background:#08a94f!important;background-image:none!important; border:1px solid #078c43!important;border-radius:10px!important; box-shadow:0 5px 12px rgba(8,169,79,.16)!important; font-size:13px!important;line-height:1.3!important;font-weight:800!important; padding:12px 17px!important;min-height:48px!important;min-width:175px; cursor:pointer;touch-action:manipulation; } .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack:focus-visible{ outline:3px solid #66c994!important;outline-offset:3px; } .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack:disabled{opacity:.55!important;cursor:wait!important;} @media(max-width:700px){ .rhmp-owner-dashboard .rhmp-tomorrow-vehicle .rhmp-reminder-action{ grid-column:1/-1!important;flex-direction:column;align-items:stretch;gap:8px; } .rhmp-owner-dashboard .rhmp-reminder-action .rhmp-reminder-ack{ width:100%;min-width:0!important;min-height:48px!important; } .rhmp-owner-dashboard .rhmp-reminder-action small{text-align:center;max-width:none;} }