/* RUYA_COUNSELOR_HOME_LIVE_V1_20260926 Rehberlik ana ekranı. 8091 onaylı görünüm. Mobile fit-to-screen. */ @media (max-width:980px){ body[data-ruya-page="home"]{ overflow:hidden!important; overscroll-behavior:none!important; } body[data-ruya-page="home"] .shell.role-counselor.v225ReferenceShell{ width:100%!important; height:100vh!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; overflow:hidden!important; background:#fff!important; } body[data-ruya-page="home"] .role-counselor.v225ReferenceShell >main.main{ width:100%!important; height:100vh!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; padding-bottom: calc( 84px + env(safe-area-inset-bottom) )!important; background:#fff!important; } body[data-ruya-page="home"] .ruyaCounselorHomeLive{ flex:1 1 0!important; width:100%!important; min-width:0!important; min-height:0!important; height:auto!important; display:grid!important; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,1.48fr)!important; gap: clamp( 5px, .85dvh, 9px )!important; margin:0!important; padding: 0 0 clamp(2px,.5dvh,5px)!important; overflow:hidden!important; } .ruyaCounselorLiveWide, .ruyaCounselorLiveMini{ appearance:none!important; width:100%!important; min-width:0!important; min-height:0!important; margin:0!important; font:inherit!important; text-align:left!important; cursor:pointer!important; -webkit-tap-highlight-color: transparent!important; transition: transform .14s ease!important; } .ruyaCounselorLiveWide:active, .ruyaCounselorLiveMini:active{ transform:scale(.985)!important; } .ruyaCounselorLiveWide{ position:relative!important; height:100%!important; display:grid!important; grid-template-columns: clamp(58px,22%,92px) minmax(0,1fr) 20px!important; align-items:center!important; gap: clamp(5px,1.5vw,9px)!important; padding: clamp(4px,.65dvh,8px) clamp(9px,2.7vw,14px) clamp(4px,.65dvh,8px) clamp(4px,1.4vw,8px)!important; overflow:hidden!important; border-radius: clamp(14px,4vw,18px)!important; box-shadow: 0 4px 12px rgba(23,48,122,.05)!important; } .ruyaCounselorLiveWide.classes{ border: 1.3px solid rgba(69,154,247,.32)!important; background: linear-gradient( 110deg, #f4fbff 0%, #eaf7ff 55%, #e7f3ff 100% )!important; } .ruyaCounselorLiveWide.guidance{ border: 1.3px solid rgba(117,93,239,.18)!important; background: linear-gradient( 110deg, #f7f7ff 0%, #f0efff 55%, #f5f2ff 100% )!important; } .ruyaCounselorLiveIconBox{ width:auto!important; height: min( 100%, clamp(50px,10dvh,82px) )!important; max-height:100%!important; aspect-ratio:1/1!important; border-radius: clamp(10px,3vw,13px)!important; display:grid!important; place-items:center!important; justify-self:center!important; overflow:hidden!important; box-shadow: 0 4px 14px rgba(57,93,177,.07)!important; } .ruyaCounselorLiveWide.classes .ruyaCounselorLiveIconBox{ background: linear-gradient( 145deg, #e4f6ff, #cfeaff )!important; } .ruyaCounselorLiveWide.guidance .ruyaCounselorLiveIconBox{ background: linear-gradient( 145deg, #ebe9ff, #ddd8ff )!important; } .ruyaCounselorLiveIconBox img{ display:block!important; width:78%!important; height:78%!important; object-fit:contain!important; } .ruyaCounselorLiveCopy{ min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } .ruyaCounselorLiveCopy strong{ display:block!important; margin:0!important; color:#17307a!important; font-size: clamp( 14px, 3.9vw, 19px )!important; font-weight:800!important; line-height:1.04!important; letter-spacing:-.025em!important; } .ruyaCounselorLiveCopy small, .ruyaCounselorLiveCopy em{ display:block!important; margin:0!important; color:#7180a5!important; font-size: clamp( 8.7px, 2.45vw, 12px )!important; line-height:1.16!important; font-style:normal!important; font-weight:500!important; } .ruyaCounselorLiveCopy small{ margin-top:3px!important; } .ruyaCounselorLiveArrow{ justify-self:end!important; color:#17307a!important; font-size: clamp(27px,8vw,34px)!important; font-weight:300!important; line-height:1!important; } .ruyaCounselorLiveMiniGrid{ width:100%!important; height:100%!important; min-height:0!important; display:grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-template-rows: repeat(2,minmax(0,1fr))!important; gap: clamp( 5px, .85dvh, 9px )!important; overflow:hidden!important; } .ruyaCounselorLiveMini{ height:100%!important; display:grid!important; grid-template-columns: clamp(39px,35%,65px) minmax(0,1fr)!important; align-items:center!important; gap: clamp(3px,1vw,5px)!important; padding: clamp(3px,.5dvh,6px) clamp(5px,1.7vw,9px)!important; border-radius: clamp(13px,3.7vw,16px)!important; overflow:hidden!important; box-shadow: 0 4px 12px rgba(23,48,122,.04)!important; } .ruyaCounselorLiveMini.appointments{ border: 1px solid rgba(75,163,237,.20)!important; background: linear-gradient( 145deg, #f2faff, #eaf7ff )!important; } .ruyaCounselorLiveMini.messages{ border: 1px solid rgba(227,109,172,.16)!important; background: linear-gradient( 145deg, #fff6fb, #fbeef8 )!important; } .ruyaCounselorLiveMini.announcements, .ruyaCounselorLiveMini.documents{ border: 1px solid rgba(235,177,57,.20)!important; background: linear-gradient( 145deg, #fffaf0, #fff7e4 )!important; } .ruyaCounselorLiveMiniIcon{ width:auto!important; height: min( 100%, clamp(38px,8dvh,61px) )!important; max-height:100%!important; aspect-ratio:1/1!important; display:grid!important; place-items:center!important; justify-self:center!important; border-radius: clamp(9px,3vw,12px)!important; overflow:hidden!important; } .ruyaCounselorLiveMini.appointments .ruyaCounselorLiveMiniIcon{ background:#e6f2ff!important; } .ruyaCounselorLiveMini.messages .ruyaCounselorLiveMiniIcon{ background:#f2e8ff!important; } .ruyaCounselorLiveMini.announcements .ruyaCounselorLiveMiniIcon, .ruyaCounselorLiveMini.documents .ruyaCounselorLiveMiniIcon{ background:#fff1cf!important; } .ruyaCounselorLiveMiniIcon img{ display:block!important; width:86%!important; height:86%!important; object-fit:contain!important; } .ruyaCounselorLiveMiniText{ min-width:0!important; } .ruyaCounselorLiveMiniText strong{ display:block!important; margin:0!important; color:#17307a!important; font-size: clamp( 10.5px, 2.9vw, 14px )!important; line-height:1.05!important; font-weight:800!important; letter-spacing:-.018em!important; } .ruyaCounselorLiveMiniText small{ display:block!important; margin-top:3px!important; color:#7180a5!important; font-size: clamp( 7.3px, 2.05vw, 10px )!important; line-height:1.09!important; font-weight:500!important; } body.ruyaAndroid[data-ruya-page="home"] .role-counselor.v225ReferenceShell, body.ruyaAndroid[data-ruya-page="home"] .role-counselor.v225ReferenceShell >main.main{ overflow:hidden!important; overflow-y:hidden!important; overscroll-behavior:none!important; } @media(max-height:700px){ body[data-ruya-page="home"] .role-counselor.v225ReferenceShell >main.main{ padding-bottom: calc( 77px + env(safe-area-inset-bottom) )!important; } .ruyaCounselorHomeLive{ gap:5px!important; } .ruyaCounselorLiveMiniGrid{ gap:5px!important; } .ruyaCounselorLiveWide{ grid-template-columns: 54px minmax(0,1fr) 16px!important; } .ruyaCounselorLiveMini{ grid-template-columns: 39px minmax(0,1fr)!important; } .ruyaCounselorLiveCopy strong{ font-size:13px!important; } .ruyaCounselorLiveCopy small, .ruyaCounselorLiveCopy em{ font-size:8px!important; } .ruyaCounselorLiveMiniText strong{ font-size:9.7px!important; } .ruyaCounselorLiveMiniText small{ font-size:6.8px!important; } } } /* ========================================================= RUYA_COUNSELOR_FIT_NO_SCROLL_V2_20260926 Rehberlik HOME ekranını gerçek viewport içine kilitler. ========================================================= */ @media (max-width:980px){ html:has(.role-counselor .ruyaCounselorHomeLive), body:has(.role-counselor .ruyaCounselorHomeLive){ width:100%!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; margin:0!important; padding:0!important; overflow:hidden!important; overflow-x:hidden!important; overflow-y:hidden!important; overscroll-behavior:none!important; } body:has(.role-counselor .ruyaCounselorHomeLive){ position:fixed!important; inset:0!important; box-sizing:border-box!important; } body:has(.role-counselor .ruyaCounselorHomeLive) #root{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; } body:has(.role-counselor .ruyaCounselorHomeLive) .shell.role-counselor.v225ReferenceShell{ position:absolute!important; inset:0!important; display:block!important; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding:0!important; overflow:hidden!important; box-sizing:border-box!important; background:#fff!important; } /* MAIN: alt menünün yüksekliğini burada viewporttan ayırıyoruz. */ body:has(.role-counselor .ruyaCounselorHomeLive) .role-counselor.v225ReferenceShell > main.main{ position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-height:0!important; max-height:100%!important; margin:0!important; padding: max(8px,env(safe-area-inset-top)) 11px calc(88px + env(safe-area-inset-bottom)) 11px!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; box-sizing:border-box!important; overflow:hidden!important; overflow-x:hidden!important; overflow-y:hidden!important; } /* HEADER kendi yüksekliğini kullanır, ana içerik geri kalan alanı alır. */ body:has(.role-counselor .ruyaCounselorHomeLive) .role-counselor main.main > .ruya-r793-app-header{ flex: 0 0 auto!important; min-height:0!important; margin-top:0!important; } body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorHomeLive{ flex: 1 1 0!important; width:100%!important; height:auto!important; min-height:0!important; max-height:100%!important; margin:0!important; overflow:hidden!important; align-self:stretch!important; } /* Kart grid'i kendi alanından kesinlikle taşamaz. */ body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorHomeLive{ grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,1.42fr)!important; } body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorLiveWide, body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorLiveMiniGrid, body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorLiveMini{ min-height:0!important; max-height:100%!important; box-sizing:border-box!important; overflow:hidden!important; } /* ALT MENÜ: viewport içinde sabit. */ body:has(.role-counselor .ruyaCounselorHomeLive) .role-counselor.v225ReferenceShell > nav.ruya-r793-bottom-nav{ position:fixed!important; left:8px!important; right:8px!important; bottom: max( 7px, env(safe-area-inset-bottom) )!important; margin:0!important; z-index:500!important; } /* iOS rubber-band scroll'u kapat. */ body:has(.role-counselor .ruyaCounselorHomeLive){ -webkit-overflow-scrolling:auto!important; } } /* KISA EKRANLAR */ @media (max-width:980px) and (max-height:720px){ body:has(.role-counselor .ruyaCounselorHomeLive) .role-counselor.v225ReferenceShell > main.main{ padding-bottom: calc( 80px + env(safe-area-inset-bottom) )!important; } body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorHomeLive{ gap:4px!important; } body:has(.role-counselor .ruyaCounselorHomeLive) .ruyaCounselorLiveMiniGrid{ gap:4px!important; } }