/* JLJAM v7.13.8 / God’s Eye iPhone & iPad acceptance repair. Source: four on-device screenshots showing a modal header consuming screen, ellipsised markets, cramped booking columns and wrapped action buttons. This layer deliberately scopes changes to God's Eye. */ /* The God’s Eye popup is already full-screen; it needs ONE compact header. */ #detailOverlay:has(#jljam-os-business-root) .detail-head .detail-sticky, #detailOverlay:has(#jljam-os-business-root) #detailSticky {display:none!important} #detailOverlay:has(#jljam-os-business-root) .detail-head>div:first-child {min-width:0;flex:1 1 auto} #detailOverlay:has(#jljam-os-business-root) .detail-head .detail-actions {display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:auto!important} #detailOverlay:has(#jljam-os-business-root) .detail-head .detail-back, #detailOverlay:has(#jljam-os-business-root) .detail-head #detailClose {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important} #detailOverlay:has(#jljam-os-business-root) .detail-sheet {overflow-x:hidden!important} #detailOverlay:has(#jljam-os-business-root) #detailBody {min-width:0;overflow-x:hidden!important} #detailOverlay:has(#jljam-os-business-root) .jl-os {width:100%;max-width:100%;min-width:0!important;overflow:hidden;overflow-wrap:normal;word-break:normal} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-layout, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-grid, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-grid2, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item>div {min-width:0!important} #detailOverlay:has(#jljam-os-business-root) .jl-os button {touch-action:manipulation} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item .jl-acts button, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-table button {white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;min-width:max-content!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item {min-width:0} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item .jl-acts {flex:0 0 auto} /* iPad + mobile: avoid forcing a giant 22px desktop-type system into narrow cards. */ @media (max-width:1024px){ #detailOverlay:has(#jljam-os-business-root) .jl-os{font-size:16px!important;line-height:1.45!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel h3{font-size:20px!important;line-height:1.22!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel .sub{font-size:14px!important;line-height:1.45!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-kpi span, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-kpi small{font-size:14px!important;line-height:1.36!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item strong{font-size:17px!important;line-height:1.35!important;overflow-wrap:break-word!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item p{font-size:14px!important;line-height:1.43!important;overflow-wrap:break-word!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-badge{font-size:13px!important;line-height:1.3!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-list .jl-item{gap:9px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item .jl-acts button{font-size:14px!important;min-height:44px!important;padding:8px 12px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row{font-size:16px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row b{font-size:17px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-unknown span, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-unknown strong{font-size:16px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-unknown small{font-size:13px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-reset{font-size:14px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-barline, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-barline b{font-size:15px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-note, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-footer {font-size:13px!important;line-height:1.4!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-pill{font-size:16px!important} } @media (max-width:750px){ #detailOverlay:has(#jljam-os-business-root) .detail-head { display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important; align-items:center!important;min-height:0!important;height:auto!important; padding:calc(8px + env(safe-area-inset-top)) 12px 9px!important; gap:10px!important;margin:0!important; } #detailOverlay:has(#jljam-os-business-root) .detail-head .eyebrow, #detailOverlay:has(#jljam-os-business-root) .detail-head p {display:none!important} #detailOverlay:has(#jljam-os-business-root) .detail-head h2 {font-size:21px!important;line-height:1.1!important;margin:0!important;white-space:nowrap!important} #detailOverlay:has(#jljam-os-business-root) .detail-head .detail-back { font-size:15px!important;font-weight:750!important;padding:9px 12px!important;min-height:44px!important;min-width:0!important; } #detailOverlay:has(#jljam-os-business-root) .detail-head #detailClose { font-size:22px!important;padding:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important; } #detailOverlay:has(#jljam-os-business-root) #detailBody{padding:8px 10px calc(90px + env(safe-area-inset-bottom))!important} #detailOverlay:has(#jljam-os-business-root) .jl-os{padding:12px!important;border-radius:16px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-top {gap:7px!important;margin-bottom:8px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-brand {min-width:0!important;flex:1 1 auto} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-wordmark{font-size:17px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-brand .eyebrow{font-size:11px!important;letter-spacing:.09em!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-live{font-size:12px!important;white-space:nowrap!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-toptools{flex:0 0 auto!important;width:auto!important;margin-left:0!important;gap:4px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-iconbtn, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-refresh {height:38px!important;min-height:38px!important;min-width:38px!important;width:38px!important;padding:5px!important;font-size:19px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-modebar {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:8px 0 10px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-modebar .jl-pill {font-size:clamp(12px,3.4vw,15px)!important;letter-spacing:-.015em!important;padding:8px 3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:clip!important;min-width:0!important;min-height:44px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .cin-os-hero {padding:12px 14px!important;margin:0 0 10px!important;min-height:0!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .cin-os-hero h2 {font-size:clamp(21px,5vw,27px)!important;line-height:1.13!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .cin-os-hero p {font-size:14px!important;line-height:1.4!important;margin:4px 0 8px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .cin-os-private {font-size:11px!important;letter-spacing:.075em!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-kpi {min-width:0!important;min-height:0!important;padding:12px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-kpi strong{font-size:clamp(23px,6vw,29px)!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-layout {grid-template-columns:minmax(0,1fr)!important;gap:10px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel {padding:12px!important;margin-bottom:10px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel-head {flex-wrap:wrap!important;align-items:start!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row { display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important; grid-template-rows:auto 9px!important;gap:7px 14px!important; padding:12px 8px!important;min-height:60px!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row>span:first-child { grid-column:1!important;grid-row:1!important; white-space:normal!important;overflow:visible!important;text-overflow:clip!important; overflow-wrap:normal!important;word-break:normal!important; font-size:15px!important;line-height:1.3!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row>b { grid-column:2!important;grid-row:1!important;text-align:right!important; white-space:nowrap!important;min-width:3ch!important;line-height:1.3!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-market-row>.jl-market-track { grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:8px!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item{display:block!important;padding:12px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item .jl-acts {width:100%!important;display:flex!important;justify-content:flex-start!important;margin-top:9px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-item .jl-acts button{width:auto!important;max-width:100%!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-panel-head>.jl-reset {min-height:44px!important;white-space:nowrap!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-global-hero {grid-template-columns:1fr!important;gap:10px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-global-hero .jl-globe-wrap {min-height:130px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-global-hero .jl-globe {width:130px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-global-story p{font-size:14px!important;max-width:none!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-signal-strip span{font-size:13px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-focus-btn{font-size:14px!important;min-height:44px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-bars {gap:9px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-barline {grid-template-columns:minmax(90px,1.3fr) minmax(0,2fr) max-content!important;gap:6px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-footer{display:block!important} } /* Break the desktop bookings TABLE into native-feeling booking CARDS on narrow panels. The actual data remains in a semantic table, so data and actions are preserved. */ @media(max-width:850px){ #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-tablewrap {overflow:visible!important;contain:none!important;width:100%!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table tbody, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table tr, #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table td {display:block!important;min-width:0!important;width:100%!important;max-width:100%!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table {min-width:0!important;border-collapse:separate!important;border-spacing:0!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table thead{display:none!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table tr { margin:0 0 12px!important;padding:13px!important;border-radius:16px!important; border:1px solid rgba(190,163,255,.28)!important;background:rgba(43,29,69,.5)!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table td { padding:7px 0!important;border:0!important;font-size:15px!important;line-height:1.45!important; overflow-wrap:break-word!important;word-break:normal!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table td:before { content:attr(data-label);display:block;font-size:11px!important;font-weight:750!important; letter-spacing:.06em;text-transform:uppercase;color:#b5a1d8;margin-bottom:3px; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table .jl-booking-date{font-size:17px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table .small {font-size:14px!important;line-height:1.4!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table .jl-booking-action button { min-width:0!important;display:block!important;width:100%!important;min-height:44px!important; font-size:15px!important;font-weight:700!important;white-space:nowrap!important; background:linear-gradient(115deg,#8150d4,#593596)!important; } #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-booking-table .jl-badge{max-width:100%;white-space:normal!important} } @media(max-width:359px){ #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-modebar .jl-pill{font-size:12px!important} #detailOverlay:has(#jljam-os-business-root) .jl-os .jl-grid{grid-template-columns:1fr!important} } /* The old global up/down rail appears as a purple floating square over God’s Eye cards, and it scrolls the wrong container. Hide it ONLY while this particular full-screen workspace is open. Its own internal scroll works. */ body:has(#detailOverlay:not(.hidden):has(#jljam-os-business-root)) > #jljamNavRail, body:has(#detailOverlay:not(.hidden):has(#jljam-os-business-root)) #jljamNavRail .jljam-jump-button { display:none!important;pointer-events:none!important; }