/* RUYA_STAFF_FIT_SHELL_V1_20260926 Veli ana ekranındaki gerçek viewport yaklaşımının öğretmen / rehberlik / branş / koordinatör için yeniden kullanılabilir staff karşılığı. Cihaz modeli yok. Gerçek viewport + gerçek nav konumu kullanılır. */ html.ruyaStaffFitActive, body.ruyaStaffFitActive{ width:100%!important; height:100%!important; overflow:hidden!important; overscroll-behavior:none!important; } body.ruyaStaffFitActive #root{ width:100%!important; height:100vh!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; overflow:hidden!important; } body.ruyaStaffFitActive .shell.role-teacher{ height:100vh!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; overflow:hidden!important; background:#fff!important; } body.ruyaStaffFitActive .role-teacher .main.ruyaStaffFitMain{ height:100vh!important; height:100dvh!important; min-height:0!important; max-height:100dvh!important; overflow:hidden!important; overflow-y:hidden!important; padding-bottom:0!important; box-sizing:border-box!important; background:#fff!important; } /* ================================================== FIT HOME ================================================== */ .ruyaStaffFitHomeV1{ --ruya-staff-fit-h:600px; width:100%!important; height:var(--ruya-staff-fit-h)!important; min-height:0!important; max-height:var(--ruya-staff-fit-h)!important; margin:0!important; padding: 0 0 clamp(2px,.5dvh,6px)!important; display:grid!important; /* VELİ FIT PRENSİBİ: hero clamp + geriye kalan gerçek alan */ grid-template-rows: clamp(88px,15dvh,122px) minmax(0,1fr)!important; gap: clamp(5px,.8dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; background:#fff!important; } /* ================================================== HERO ================================================== */ .ruyaStaffFitHeroV1{ width:100%!important; height:100%!important; min-height:0!important; max-height:none!important; margin:0!important; overflow:hidden!important; box-sizing:border-box!important; } .ruyaStaffFitHeroV1 > *{ min-height:0; } /* ================================================== REHBERLIK ICERIK ================================================== */ .ruyaStaffFitHomeV1 .ruyaStaffFitContentV1{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,1.42fr)!important; gap: clamp(5px,.8dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; } /* BUYUK KARTLAR */ .ruyaStaffFitHomeV1 .ruyaGuidanceWide{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-height:none!important; margin:0!important; padding: clamp(5px,.8dvh,9px) clamp(9px,2.5vw,15px)!important; box-sizing:border-box!important; overflow:hidden!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon{ width: clamp( 52px, 15vw, 78px )!important; height: min( 100%, clamp(50px,9dvh,78px) )!important; min-height:0!important; max-height:100%!important; display:grid!important; place-items:center!important; overflow:hidden!important; } /* Eski outline ikon gizlenir */ .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon > svg{ display:none!important; } /* 8091'DE ONAYLANAN RENKLI IKONLAR */ .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon::before{ content:""; display:block; width:82%; height:82%; background-position:center; background-repeat:no-repeat; background-size:contain; } .ruyaStaffFitHomeV1 .ruyaGuidanceWide.blue .ruyaGuidanceWideIcon::before{ background-image: url("/assets/counselor-home-icons/classes.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceWide.purple .ruyaGuidanceWideIcon::before{ background-image: url("/assets/counselor-home-icons/guidance.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceWideCopy{ min-width:0!important; overflow:hidden!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceWideCopy b{ font-size: clamp( 13px, 3.7vw, 18px )!important; line-height:1.05!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceWideCopy small, .ruyaStaffFitHomeV1 .ruyaGuidanceWideCopy em{ font-size: clamp( 8px, 2.35vw, 11px )!important; line-height:1.13!important; } /* ================================================== 2 X 2 MINI KART ================================================== */ .ruyaStaffFitHomeV1 .ruyaGuidanceMiniGrid{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin: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,.8dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceMini{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-height:none!important; margin:0!important; padding: clamp(3px,.55dvh,7px) clamp(5px,1.5vw,9px)!important; overflow:hidden!important; box-sizing:border-box!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceMini > span:first-child{ width: clamp( 36px, 11vw, 58px )!important; height: min( 100%, clamp(36px,7dvh,58px) )!important; display:grid!important; place-items:center!important; overflow:hidden!important; } /* Eski mono ikonlar */ .ruyaStaffFitHomeV1 .ruyaGuidanceMini > span:first-child > svg{ display:none!important; } /* Renkli ikon zemini */ .ruyaStaffFitHomeV1 .ruyaGuidanceMini > span:first-child::before{ content:""; display:block; width:88%; height:88%; background-position:center; background-repeat:no-repeat; background-size:contain; } .ruyaStaffFitHomeV1 .ruyaGuidanceMini.appointment > span:first-child::before{ background-image: url("/assets/counselor-home-icons/appointments.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceMini.messages > span:first-child::before{ background-image: url("/assets/counselor-home-icons/messages.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceMini.announcements > span:first-child::before{ background-image: url("/assets/counselor-home-icons/announcements.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceMini.documents > span:first-child::before{ background-image: url("/assets/counselor-home-icons/documents.svg?v=20260926-iconfix1"); } .ruyaStaffFitHomeV1 .ruyaGuidanceMini > div{ min-width:0!important; overflow:hidden!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceMini b{ font-size: clamp( 9.5px, 2.65vw, 13px )!important; line-height:1.04!important; } .ruyaStaffFitHomeV1 .ruyaGuidanceMini small{ font-size: clamp( 6.8px, 1.9vw, 9.5px )!important; line-height:1.08!important; } /* ================================================== KISA VIEWPORT MODEL DEGIL, GERCEK ALAN ================================================== */ .ruyaStaffFitHomeV1.ruyaStaffFitShort{ grid-template-rows: clamp(78px,13dvh,100px) minmax(0,1fr)!important; gap:4px!important; } .ruyaStaffFitHomeV1.ruyaStaffFitShort .ruyaStaffFitContentV1, .ruyaStaffFitHomeV1.ruyaStaffFitShort .ruyaGuidanceMiniGrid{ gap:4px!important; } .ruyaStaffFitHomeV1.ruyaStaffFitVeryShort{ grid-template-rows: clamp(68px,11.5dvh,88px) minmax(0,1fr)!important; } .ruyaStaffFitHomeV1.ruyaStaffFitVeryShort .ruyaGuidanceWide{ padding:3px 7px!important; } .ruyaStaffFitHomeV1.ruyaStaffFitVeryShort .ruyaGuidanceWideCopy b{ font-size: clamp( 11px, 3vw, 14px )!important; } .ruyaStaffFitHomeV1.ruyaStaffFitVeryShort .ruyaGuidanceMini b{ font-size: clamp( 8.7px, 2.35vw, 11px )!important; } /* ================================================== TABLET SABIT CIHAZ DEGERI YOK. SADECE MEVCUT ALAN GENISSE ORANLAR BUYUR. ================================================== */ .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceWide{ padding-left: clamp(14px,3vw,28px)!important; padding-right: clamp(14px,3vw,28px)!important; } .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceWideCopy b{ font-size: clamp( 16px, 2.3vw, 23px )!important; } .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceWideCopy small, .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceWideCopy em{ font-size: clamp( 10px, 1.55vw, 14px )!important; } .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceMini b{ font-size: clamp( 12px, 1.8vw, 17px )!important; } .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceMini small{ font-size: clamp( 8px, 1.25vw, 12px )!important; } /* ========================================================= RUYA_STAFF_TOP_ICONS_V2_20260926 Sınıflarım + Rehberlik Servisi ikonları daha güçlü görünür. Kart / fit / viewport ölçülerine dokunmaz. ========================================================= */ .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon::before{ width:100%!important; height:100%!important; } /* Sınıflarım */ .ruyaStaffFitHomeV1 .ruyaGuidanceWide.blue .ruyaGuidanceWideIcon::before{ background-size:118% 118%!important; } /* Rehberlik Servisi */ .ruyaStaffFitHomeV1 .ruyaGuidanceWide.purple .ruyaGuidanceWideIcon::before{ background-size:122% 122%!important; } /* Tabletlerde de oran korunur */ .ruyaStaffFitHomeV1.ruyaStaffFitTablet .ruyaGuidanceWideIcon::before{ width:100%!important; height:100%!important; } /* ========================================================= RUYA_STAFF_ICON_V2_20260926 Rehberlik home: - renkli ikonlar +%15 - ikon arkasındaki kart/kutu zeminleri kaldırıldı ========================================================= */ /* BUYUK KART IKON ALANI */ .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon{ background:transparent!important; background-color:transparent!important; border:none!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } /* RENKLI IKONU TAM %15 BUYUT */ .ruyaStaffFitHomeV1 .ruyaGuidanceWideIcon::before{ transform:scale(1.15)!important; transform-origin:center center!important; } /* KUCUK KART IKON ALANI */ .ruyaStaffFitHomeV1 .ruyaGuidanceMini > span:first-child{ background:transparent!important; background-color:transparent!important; border:none!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } /* MINI RENKLI IKONLAR +%15 */ .ruyaStaffFitHomeV1 .ruyaGuidanceMini > span:first-child::before{ transform:scale(1.15)!important; transform-origin:center center!important; } /* Eski guidance CSS zeminlerini de kesin bastır */ .ruyaStaffFitHomeV1 .ruyaGuidanceWide.blue .ruyaGuidanceWideIcon, .ruyaStaffFitHomeV1 .ruyaGuidanceWide.purple .ruyaGuidanceWideIcon, .ruyaStaffFitHomeV1 .ruyaGuidanceMini.appointment > span:first-child, .ruyaStaffFitHomeV1 .ruyaGuidanceMini.messages > span:first-child, .ruyaStaffFitHomeV1 .ruyaGuidanceMini.announcements > span:first-child, .ruyaStaffFitHomeV1 .ruyaGuidanceMini.documents > span:first-child{ background:none!important; background-image:none!important; box-shadow:none!important; } /* ========================================================= RUYA_NORMAL_BRANCH_FIT_V1_20260927 SADECE: teacherType = branch Rehberlik Birimi HARIC normal branş öğretmeni. Yönetici / veli / sınıf öğretmeni / koordinatör / Rehberlik selector kapsamına girmez. ========================================================= */ /* --------------------------------------------------------- ANA FIT GRID hero + tek Sınıflarım + Hızlı İşlemler --------------------------------------------------------- */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1{ grid-template-rows: clamp(74px,13.5dvh,110px) clamp(72px,12.5dvh,96px) minmax(0,1fr)!important; gap: clamp(5px,.8dvh,8px)!important; padding: 0 clamp(10px,3.2vw,18px) clamp(3px,.6dvh,7px)!important; overflow:hidden!important; background:#fff!important; } /* Hero kendi satırına tam oturur */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1 > .ruya-r792-hero{ min-height:0!important; height:100%!important; max-height:none!important; margin:0!important; overflow:hidden!important; } /* --------------------------------------------------------- TEK PREMIUM SINIFLARIM KARTI --------------------------------------------------------- */ .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-single-class{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-card{ appearance:none; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding: clamp(7px,1.1dvh,11px) clamp(12px,3.3vw,18px)!important; display:grid!important; grid-template-columns: clamp(42px,12vw,60px) minmax(0,1fr) auto!important; align-items:center!important; gap: clamp(9px,2.5vw,14px)!important; border: 1px solid rgba(45,97,160,.13)!important; border-radius: clamp(15px,4vw,21px)!important; background: linear-gradient( 135deg, #f7fbff 0%, #eef6ff 100% )!important; box-shadow: 0 7px 22px rgba(33,79,127,.08)!important; color:#172033!important; text-align:left!important; overflow:hidden!important; box-sizing:border-box!important; -webkit-tap-highlight-color:transparent; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-icon{ width: clamp(42px,12vw,60px)!important; height: clamp(42px,12vw,60px)!important; display:grid!important; place-items:center!important; border-radius: clamp(13px,3.5vw,18px)!important; background:#fff!important; box-shadow: 0 5px 16px rgba(41,90,143,.09)!important; overflow:hidden!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-copy{ min-width:0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap: clamp(1px,.25dvh,3px)!important; overflow:hidden!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-copy b{ display:block!important; margin:0!important; font-size: clamp(14px,4vw,18px)!important; line-height:1.05!important; font-weight:750!important; color:#172033!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-copy small{ display:block!important; margin:0!important; font-size: clamp(9.5px,2.7vw,12px)!important; line-height:1.12!important; color:#52667c!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-copy em{ display:block!important; margin:0!important; font-size: clamp(8.5px,2.35vw,10.5px)!important; line-height:1.08!important; font-style:normal!important; color:#7b8b9d!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r814-branch-class-card > i{ font-style:normal!important; font-size: clamp(22px,6vw,30px)!important; line-height:1!important; color:#7a96b7!important; } /* --------------------------------------------------------- HIZLI ISLEMLER kalan alani ASLA asmaz --------------------------------------------------------- */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1 > .ruya-r792-actions{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows: auto minmax(0,1fr)!important; gap: clamp(4px,.6dvh,7px)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-teacher .ruya-r814-branch-teacher-home > .ruya-r792-actions > h2{ margin:0!important; padding: 0 clamp(2px,.8vw,5px)!important; font-size: clamp(13px,3.6vw,17px)!important; line-height:1.1!important; flex:none!important; } /* Mobil: tüm butonlar mevcut alana göre eşit küçülür */ .role-teacher .ruya-r814-branch-teacher-home .ruya-r792-action-grid{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; display:grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-auto-rows: minmax(0,1fr)!important; gap: clamp(4px,.7dvh,7px)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r792-action-card{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding: clamp(4px,.65dvh,7px) clamp(6px,1.7vw,10px)!important; display:grid!important; grid-template-columns: clamp(27px,7.8vw,38px) minmax(0,1fr)!important; grid-template-rows: auto auto!important; column-gap: clamp(5px,1.5vw,9px)!important; row-gap:0!important; align-content:center!important; align-items:center!important; overflow:hidden!important; box-sizing:border-box!important; border-radius: clamp(12px,3.2vw,17px)!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r792-action-card > span{ grid-column:1!important; grid-row:1 / span 2!important; width: clamp(27px,7.8vw,38px)!important; height: clamp(27px,7.8vw,38px)!important; display:grid!important; place-items:center!important; margin:0!important; overflow:hidden!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r792-action-card > b{ grid-column:2!important; grid-row:1!important; min-width:0!important; margin:0!important; font-size: clamp(9px,2.55vw,12.5px)!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r814-branch-teacher-home .ruya-r792-action-card > small{ grid-column:2!important; grid-row:2!important; min-width:0!important; margin:0!important; font-size: clamp(6.8px,1.95vw,9px)!important; line-height:1.05!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* --------------------------------------------------------- KISA TELEFON --------------------------------------------------------- */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1.ruyaStaffFitShort{ grid-template-rows: clamp(68px,12dvh,90px) clamp(62px,11dvh,80px) minmax(0,1fr)!important; gap:4px!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1.ruyaStaffFitVeryShort{ grid-template-rows: clamp(60px,10.5dvh,76px) clamp(56px,9.8dvh,70px) minmax(0,1fr)!important; gap:3px!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitVeryShort .ruya-r792-action-grid{ gap:3px!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitVeryShort .ruya-r792-action-card{ padding:2px 5px!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitVeryShort .ruya-r792-action-card > small{ display:none!important; } /* --------------------------------------------------------- TABLET Daha fazla yatay alanı kullan. Yükseklik yine gerçek viewporttan gelir. --------------------------------------------------------- */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitTablet .ruya-r792-action-grid{ grid-template-columns: repeat(3,minmax(0,1fr))!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitTablet .ruya-r814-branch-class-card{ grid-template-columns: clamp(52px,7vw,72px) minmax(0,1fr) auto!important; padding-left: clamp(16px,3vw,28px)!important; padding-right: clamp(16px,3vw,28px)!important; } /* ========================================================= RUYA_BRANCH_HOME_GUIDANCE_STYLE_CSS_V2_20260927 Normal branş öğretmeni home'u, Rehberlik hissiyatı ile aynı fit akışını kullansın. ========================================================= */ .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1{ grid-template-rows: clamp(88px,15dvh,122px) minmax(0,1fr)!important; gap: clamp(5px,.8dvh,8px)!important; padding: 0 0 clamp(2px,.5dvh,6px)!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1.ruyaStaffFitShort{ grid-template-rows: clamp(78px,13dvh,100px) minmax(0,1fr)!important; } .role-teacher .ruya-r814-branch-teacher-home.ruyaStaffFitHomeV1.ruyaStaffFitVeryShort{ grid-template-rows: clamp(68px,11.5dvh,88px) minmax(0,1fr)!important; } .role-teacher .ruya-r814-branch-teacher-home .ruyaGuidanceContent{ grid-template-rows: minmax(0,1fr) minmax(0,1fr) minmax(0,1.42fr)!important; } .role-teacher .ruya-r814-branch-teacher-home .ruyaGuidanceWide.purple .ruyaGuidanceWideIcon::before{ background-image: url("/assets/counselor-home-icons/messages.svg?v=20260926-iconfix1")!important; } /* ========================================================= RUYA_CLASS_HOME_PREMIUM_CSS_V2_20260927 SADECE SINIF OGRETMENI HOME ========================================================= */ .role-teacher .ruya-r815-class-home.ruyaStaffFitHomeV1{ grid-template-rows: clamp(102px,16.5dvh,132px) minmax(0,1fr)!important; gap:clamp(5px,.8dvh,8px)!important; padding:0 0 clamp(2px,.45dvh,5px)!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaClassTeacherHeroMeta{ margin:1px 0 3px!important; padding:0!important; font-size:clamp(10px,2.8vw,13px)!important; line-height:1.05!important; font-weight:600!important; color:#667189!important; white-space:nowrap!important; } .role-teacher .ruya-r815-class-home .ruyaClassTeacherHeroCopy>img{ max-width:clamp(170px,52vw,255px)!important; max-height:clamp(32px,5.8dvh,48px)!important; object-fit:contain!important; object-position:left center!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumContent.ruyaStaffFitContentV1{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows:auto auto minmax(0,1fr)!important; gap:clamp(5px,.75dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumSummary{ margin:0!important; padding:clamp(7px,.9dvh,10px) clamp(10px,2.8vw,15px)!important; display:grid!important; gap:clamp(5px,.65dvh,7px)!important; background:#fff!important; border:1px solid rgba(38,61,107,.11)!important; border-radius:clamp(17px,4.5vw,22px)!important; box-shadow:0 4px 16px rgba(25,45,82,.035)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumSummaryHead{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumSummaryHead h2{ margin:0!important; font-size:clamp(14px,4vw,18px)!important; line-height:1!important; color:#172654!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAll{ border:0!important; background:transparent!important; padding:0!important; color:#7951ff!important; font-size:clamp(9px,2.5vw,12px)!important; font-weight:750!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumSummaryGrid{ width:100%!important; display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:clamp(5px,1.4vw,8px)!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat{ min-width:0!important; min-height:clamp(48px,6.8dvh,61px)!important; padding:clamp(6px,.75dvh,8px) clamp(5px,1.45vw,8px)!important; display:grid!important; grid-template-columns:clamp(26px,7vw,34px) minmax(0,1fr)!important; align-items:center!important; gap:clamp(4px,1.1vw,6px)!important; border:1px solid rgba(45,66,108,.10)!important; border-radius:clamp(13px,3.6vw,17px)!important; text-align:left!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.students{ background:#faf7ff!important; border-color:#e9ddff!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.present{ background:#f3fff8!important; border-color:#d5f2e2!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.absent{ background:#fff7f9!important; border-color:#f5d7df!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.birthday{ background:#fffcf2!important; border-color:#f3e4b9!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStatIcon{ width:clamp(26px,7vw,34px)!important; height:clamp(26px,7vw,34px)!important; display:grid!important; place-items:center!important; border-radius:999px!important; background:rgba(255,255,255,.62)!important; color:#8058f5!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.present .ruyaTeacherPremiumStatIcon{color:#2fc67a!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.absent .ruyaTeacherPremiumStatIcon{color:#f45b6a!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStat.birthday .ruyaTeacherPremiumStatIcon{color:#eeb027!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStatCopy{ min-width:0!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStatCopy b{ display:block!important; font-size:clamp(12px,3.35vw,16px)!important; line-height:1!important; color:#172654!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumStatCopy small{ display:block!important; margin-top:2px!important; font-size:clamp(7.5px,2vw,9.5px)!important; color:#53617b!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickup{ position:relative!important; margin:0!important; padding:clamp(7px,.9dvh,10px) clamp(10px,2.8vw,15px)!important; display:grid!important; grid-template-columns:clamp(36px,9.5vw,46px) minmax(0,1fr) auto!important; align-items:center!important; gap:clamp(7px,2vw,11px)!important; background:linear-gradient(135deg,#fbf8ff 0%,#f2ebff 100%)!important; border:1px solid rgba(127,78,255,.18)!important; border-radius:clamp(17px,4.5vw,22px)!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupIcon{ width:clamp(36px,9.5vw,46px)!important; height:clamp(36px,9.5vw,46px)!important; display:grid!important; place-items:center!important; border-radius:clamp(12px,3.4vw,16px)!important; background:#fff!important; color:#8154fb!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupCopy{ min-width:0!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupCopy b{ display:block!important; font-size:clamp(12px,3.55vw,16px)!important; color:#172654!important; white-space:nowrap!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupCopy small{ display:block!important; margin-top:3px!important; font-size:clamp(7.8px,2.2vw,10px)!important; color:#65718a!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupButton{ border:0!important; border-radius:999px!important; padding:clamp(8px,1dvh,11px) clamp(10px,2.8vw,15px)!important; background:linear-gradient(135deg,#8c5cff 0%,#5724e9 100%)!important; color:#fff!important; font-size:clamp(8.5px,2.35vw,11px)!important; font-weight:750!important; white-space:nowrap!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumPickupBadge{ position:absolute!important; top:-5px!important; right:-4px!important; min-width:23px!important; height:23px!important; padding:0 5px!important; display:grid!important; place-items:center!important; border-radius:999px!important; border:2px solid #fff!important; background:#ff5667!important; color:#fff!important; font-size:9px!important; font-style:normal!important; font-weight:800!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumActionGrid{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; grid-template-rows:repeat(3,minmax(0,1fr))!important; gap:clamp(5px,.75dvh,8px)!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; padding:clamp(6px,.85dvh,10px) clamp(8px,2.3vw,12px)!important; display:grid!important; grid-template-columns:clamp(34px,9vw,46px) minmax(0,1fr) auto!important; align-items:center!important; gap:clamp(6px,1.7vw,9px)!important; border:1px solid rgba(43,67,114,.10)!important; border-radius:clamp(15px,4vw,20px)!important; text-align:left!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.lilac{background:#faf7ff!important;border-color:#e7dcff!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.blue{background:#f1faff!important;border-color:#d5edf8!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.mint{background:#f3fff8!important;border-color:#d2efdf!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.sand{background:#fffaf1!important;border-color:#f2e1b7!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.rose{background:#fff7fa!important;border-color:#f3d5df!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.aqua{background:#f4fbff!important;border-color:#d5eaf8!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumActionIcon{ width:clamp(34px,9vw,46px)!important; height:clamp(34px,9vw,46px)!important; display:grid!important; place-items:center!important; border-radius:clamp(12px,3.3vw,16px)!important; background:rgba(255,255,255,.76)!important; color:#7d55f3!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.blue .ruyaTeacherPremiumActionIcon, .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.aqua .ruyaTeacherPremiumActionIcon{color:#45a9ef!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.mint .ruyaTeacherPremiumActionIcon{color:#39c77b!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.sand .ruyaTeacherPremiumActionIcon{color:#efae25!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction.rose .ruyaTeacherPremiumActionIcon{color:#f45d74!important;} .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumActionCopy{ min-width:0!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumActionCopy b{ display:block!important; font-size:clamp(11px,3.25vw,15px)!important; line-height:1.03!important; color:#172654!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumActionCopy small{ display:block!important; margin-top:3px!important; font-size:clamp(7.5px,2.05vw,9.5px)!important; color:#59667e!important; overflow:hidden!important; } .role-teacher .ruya-r815-class-home .ruyaTeacherPremiumAction>i{ font-style:normal!important; font-size:clamp(19px,5vw,25px)!important; color:#223b7c!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitShort{ grid-template-rows: clamp(92px,14.8dvh,116px) minmax(0,1fr)!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitVeryShort{ grid-template-rows: clamp(80px,13dvh,101px) minmax(0,1fr)!important; gap:4px!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitVeryShort .ruyaTeacherPremiumContent{ gap:4px!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitVeryShort .ruyaTeacherPremiumSummary{ padding:5px 8px!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitVeryShort .ruyaTeacherPremiumActionGrid{ gap:4px!important; } .role-teacher .ruya-r815-class-home.ruyaStaffFitTablet .ruyaTeacherPremiumActionGrid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; grid-template-rows:repeat(2,minmax(0,1fr))!important; } /* ========================================================= RUYA_ADMIN_HOME_PREMIUM_V1_20260928 ========================================================= */ @media (max-width:900px){ .ruyaAdminPremiumHomeV1{ width:100%!important; max-width:none!important; min-width:0!important; margin:0!important; padding:0!important; box-sizing:border-box!important; } .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumHeroV1{ margin-bottom:0!important; } .ruyaAdminPremiumContentV1{ display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:10px!important; width:100%!important; min-width:0!important; margin:0!important; padding-top:10px!important; padding-bottom: calc(78px + env(safe-area-inset-bottom))!important; box-sizing:border-box!important; } .ruyaAdminPremiumSummaryV1{ margin:0!important; min-width:0!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumSummaryHead{ margin-bottom:8px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumSummaryGrid{ display:grid!important; grid-template-columns: repeat(4,minmax(0,1fr))!important; gap:7px!important; width:100%!important; min-width:0!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat{ width:100%!important; min-width:0!important; min-height:0!important; aspect-ratio:2 / 1!important; box-sizing:border-box!important; padding:7px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStatCopy{ min-width:0!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStatCopy small{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat.classes{ background:#fff8f2!important; border-color:#f3dfc9!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat.classes .ruyaTeacherPremiumStatIcon{ color:#e99c43!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat.notifications{ background:#fff7fa!important; border-color:#f2d7df!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat.notifications .ruyaTeacherPremiumStatIcon{ color:#ef6278!important; } .ruyaAdminPremiumPickupV1{ margin:0!important; } .ruyaAdminPremiumActionsV1{ display:grid!important; gap:8px!important; margin:0!important; } .ruyaAdminPremiumActionsHeadV1{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; } .ruyaAdminPremiumActionsHeadV1 h2{ margin:0!important; color:#17233f!important; font-size:16px!important; line-height:1.15!important; font-weight:850!important; } .ruyaAdminPremiumActionsHeadV1 .ruya-v225-customize{ flex:0 0 auto!important; min-height:30px!important; padding:6px 10px!important; border-radius:10px!important; } .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ display:grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; gap:8px!important; width:100%!important; } .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ min-width:0!important; } } @media (max-width:900px) and (max-height:760px){ .ruyaAdminPremiumContentV1{ gap:7px!important; padding-top:7px!important; } .ruyaAdminPremiumHomeV1 .ruyaGuidanceHero{ min-height:112px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumSummaryHead{ margin-bottom:5px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat{ padding:5px!important; } .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup{ padding-top:9px!important; padding-bottom:9px!important; } .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ gap:6px!important; } .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ padding-top:8px!important; padding-bottom:8px!important; } } @media (max-width:390px){ .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumSummaryGrid{ gap:5px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStat{ padding:5px 4px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStatIcon svg{ width:17px!important; height:17px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStatCopy b{ font-size:14px!important; } .ruyaAdminPremiumSummaryV1 .ruyaTeacherPremiumStatCopy small{ font-size:8px!important; } } /* ========================================================= RUYA_ADMIN_HOME_FIT_FIX_V2_20260928 Sadece yönetici premium home. Öğretmen ekranına dokunmaz. ========================================================= */ @media (max-width:900px){ /* ---------- FIT ANA GOVDE ---------- */ .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitHomeV1{ width:100%!important; height:var(--ruya-staff-fit-h)!important; max-height:var(--ruya-staff-fit-h)!important; min-height:0!important; margin:0!important; padding:0 0 clamp(2px,.45dvh,5px)!important; display:grid!important; grid-template-rows: clamp(102px,16.5dvh,132px) minmax(0,1fr)!important; gap:clamp(5px,.8dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumHeroV1{ width:100%!important; height:100%!important; min-height:0!important; margin:0!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaClassTeacherHeroMeta{ margin:1px 0 3px!important; padding:0!important; font-size:clamp(10px,2.8vw,13px)!important; line-height:1.05!important; font-weight:600!important; color:#667189!important; white-space:nowrap!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaClassTeacherHeroCopy>img{ max-width:clamp(170px,52vw,255px)!important; max-height:clamp(32px,5.8dvh,48px)!important; object-fit:contain!important; object-position:left center!important; } /* ---------- CONTENT FIT ---------- */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumContentV1.ruyaStaffFitContentV1{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; padding:0!important; display:grid!important; grid-template-rows: auto auto minmax(0,1fr)!important; gap:clamp(5px,.75dvh,8px)!important; overflow:hidden!important; box-sizing:border-box!important; } /* ---------- RÜYA'DA BUGÜN ---------- */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumSummaryV1{ margin:0!important; padding: clamp(7px,.9dvh,10px) clamp(10px,2.8vw,15px)!important; display:grid!important; gap:clamp(5px,.65dvh,7px)!important; background:#fff!important; border:1px solid rgba(38,61,107,.11)!important; border-radius: clamp(17px,4.5vw,22px)!important; box-shadow: 0 4px 16px rgba(25,45,82,.035)!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumSummaryHead{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; margin:0!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumSummaryHead h2{ margin:0!important; font-size:clamp(14px,4vw,18px)!important; line-height:1!important; color:#172654!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAll{ border:0!important; background:transparent!important; padding:0!important; margin:0!important; color:#7951ff!important; font-size:clamp(9px,2.5vw,12px)!important; font-weight:750!important; min-width:0!important; min-height:0!important; } /* İstenen yapı: 4 kart tek sıra 2:1 oran */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumSummaryGrid{ width:100%!important; display:grid!important; grid-template-columns: repeat(4,minmax(0,1fr))!important; gap:clamp(4px,1.1vw,7px)!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat{ width:100%!important; min-width:0!important; min-height:0!important; aspect-ratio:2 / 1!important; padding: clamp(4px,.6dvh,6px) clamp(4px,1vw,6px)!important; display:grid!important; grid-template-columns: clamp(20px,5.5vw,28px) minmax(0,1fr)!important; align-items:center!important; gap:clamp(3px,.7vw,5px)!important; border: 1px solid rgba(45,66,108,.10)!important; border-radius: clamp(11px,3vw,15px)!important; text-align:left!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.students{ background:#faf7ff!important; border-color:#e9ddff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.present{ background:#f3fff8!important; border-color:#d5f2e2!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.classes{ background:#fff8f2!important; border-color:#f3dfc9!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.notifications{ background:#fff7fa!important; border-color:#f5d7df!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStatIcon{ width:clamp(20px,5.5vw,28px)!important; height:clamp(20px,5.5vw,28px)!important; display:grid!important; place-items:center!important; border-radius:999px!important; background: rgba(255,255,255,.68)!important; color:#8058f5!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.present .ruyaTeacherPremiumStatIcon{ color:#2fc67a!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.classes .ruyaTeacherPremiumStatIcon{ color:#e99c43!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStat.notifications .ruyaTeacherPremiumStatIcon{ color:#ef6278!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStatIcon svg{ width:clamp(14px,3.8vw,19px)!important; height:clamp(14px,3.8vw,19px)!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStatCopy{ min-width:0!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStatCopy b{ display:block!important; margin:0!important; font-size:clamp(11px,2.9vw,14px)!important; line-height:1!important; color:#172654!important; white-space:nowrap!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumStatCopy small{ display:block!important; margin-top:2px!important; font-size:clamp(7px,1.8vw,9px)!important; line-height:1!important; color:#53617b!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } /* ---------- TESLIM HAZIRLIGI ---------- */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumPickupV1{ position:relative!important; margin:0!important; padding: clamp(7px,.9dvh,10px) clamp(10px,2.8vw,15px)!important; display:grid!important; grid-template-columns: clamp(36px,9.5vw,46px) minmax(0,1fr) auto!important; align-items:center!important; gap:clamp(7px,2vw,11px)!important; background: linear-gradient( 135deg, #fbf8ff 0%, #f2ebff 100% )!important; border: 1px solid rgba(127,78,255,.18)!important; border-radius: clamp(17px,4.5vw,22px)!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupIcon{ width:clamp(36px,9.5vw,46px)!important; height:clamp(36px,9.5vw,46px)!important; display:grid!important; place-items:center!important; border-radius: clamp(12px,3.4vw,16px)!important; background:#fff!important; color:#8154fb!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupCopy{ min-width:0!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupCopy b{ display:block!important; font-size:clamp(12px,3.55vw,16px)!important; color:#172654!important; white-space:nowrap!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupCopy small{ display:block!important; margin-top:3px!important; font-size:clamp(7.8px,2.2vw,10px)!important; color:#65718a!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupButton{ border:0!important; border-radius:999px!important; padding: clamp(8px,1dvh,11px) clamp(10px,2.8vw,15px)!important; background: linear-gradient( 135deg, #8c5cff 0%, #5724e9 100% )!important; color:#fff!important; font-size:clamp(8.5px,2.35vw,11px)!important; font-weight:750!important; white-space:nowrap!important; min-height:0!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickupBadge{ position:absolute!important; top:-5px!important; right:-4px!important; min-width:23px!important; height:23px!important; padding:0 5px!important; display:grid!important; place-items:center!important; border-radius:999px!important; border:2px solid #fff!important; background:#ff5667!important; color:#fff!important; font-size:9px!important; font-style:normal!important; font-weight:800!important; } /* ---------- HIZLI ISLEMLER ---------- */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumActionsV1{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; margin:0!important; display:grid!important; grid-template-rows: auto minmax(0,1fr)!important; gap:clamp(5px,.7dvh,7px)!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumActionsHeadV1{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; min-height:0!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumActionsHeadV1 h2{ margin:0!important; font-size:clamp(14px,4vw,18px)!important; line-height:1!important; color:#172654!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruya-v225-customize{ border:0!important; border-radius:999px!important; min-width:0!important; min-height:0!important; padding: clamp(5px,.65dvh,7px) clamp(9px,2.5vw,13px)!important; background:#f3edff!important; color:#7045e7!important; font-size:clamp(9px,2.5vw,12px)!important; font-weight:750!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ width:100%!important; height:100%!important; min-width:0!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,.75dvh,8px)!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; padding: clamp(6px,.85dvh,10px) clamp(8px,2.3vw,12px)!important; display:grid!important; grid-template-columns: clamp(34px,9vw,46px) minmax(0,1fr) auto!important; align-items:center!important; gap:clamp(6px,1.7vw,9px)!important; border: 1px solid rgba(43,67,114,.10)!important; border-radius: clamp(15px,4vw,20px)!important; text-align:left!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.lilac{ background:#faf7ff!important; border-color:#e7dcff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.mint{ background:#f3fff8!important; border-color:#d2efdf!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.sand{ background:#fffaf1!important; border-color:#f2e1b7!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.aqua{ background:#f4fbff!important; border-color:#d5eaf8!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionIcon{ width:clamp(34px,9vw,46px)!important; height:clamp(34px,9vw,46px)!important; display:grid!important; place-items:center!important; border-radius: clamp(12px,3.3vw,16px)!important; background: rgba(255,255,255,.76)!important; color:#7d55f3!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.mint .ruyaTeacherPremiumActionIcon{ color:#39c77b!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.sand .ruyaTeacherPremiumActionIcon{ color:#efae25!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.aqua .ruyaTeacherPremiumActionIcon{ color:#45a9ef!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy{ min-width:0!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy b{ display:block!important; font-size:clamp(11px,3.25vw,15px)!important; line-height:1.03!important; color:#172654!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy small{ display:block!important; margin-top:3px!important; font-size:clamp(7.5px,2.05vw,9.5px)!important; color:#59667e!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction>i{ font-style:normal!important; font-size:clamp(19px,5vw,25px)!important; color:#223b7c!important; } } /* ---------- SHORT ---------- */ @media (max-width:900px){ .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitShort{ grid-template-rows: clamp(92px,14.8dvh,116px) minmax(0,1fr)!important; } .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitVeryShort{ grid-template-rows: clamp(80px,13dvh,101px) minmax(0,1fr)!important; gap:4px!important; } .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitVeryShort .ruyaAdminPremiumContentV1{ gap:4px!important; } .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitVeryShort .ruyaAdminPremiumSummaryV1{ padding:5px 8px!important; } .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitVeryShort .ruyaTeacherPremiumActionGrid{ gap:4px!important; } } /* ---------- TABLET ---------- */ @media (min-width:600px) and (max-width:900px){ .role-admin .ruyaAdminPremiumHomeV1.ruyaStaffFitTablet .ruyaTeacherPremiumActionGrid{ grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-template-rows: repeat(2,minmax(0,1fr))!important; } } /* ========================================================= RUYA_ADMIN_NAV_ACTION_FIX_V3B_20260928 ========================================================= */ @media (max-width:900px){ .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumContentV1.ruyaStaffFitContentV1{ grid-template-rows: auto auto auto!important; align-content:start!important; padding-bottom:0!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaAdminPremiumActionsV1{ width:100%!important; height:auto!important; min-height:0!important; display:grid!important; grid-template-rows:auto auto!important; align-self:start!important; align-content:start!important; gap:clamp(6px,.8dvh,8px)!important; overflow:visible!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ width:100%!important; height:auto!important; min-height:0!important; display:grid!important; grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-template-rows: repeat(2,auto)!important; align-content:start!important; gap: clamp(6px,.8dvh,8px) clamp(7px,1.8vw,10px)!important; overflow:visible!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ width:100%!important; height:clamp(58px,7.4dvh,68px)!important; max-height:68px!important; min-width:0!important; min-height:0!important; margin:0!important; padding: clamp(7px,.85dvh,9px) clamp(8px,2vw,11px)!important; display:grid!important; grid-template-columns: clamp(32px,8vw,40px) minmax(0,1fr) auto!important; align-items:center!important; gap:clamp(6px,1.5vw,8px)!important; border:1px solid rgba(43,67,114,.10)!important; border-radius: clamp(14px,3.8vw,18px)!important; text-align:left!important; overflow:hidden!important; box-sizing:border-box!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionIcon{ width:clamp(32px,8vw,40px)!important; height:clamp(32px,8vw,40px)!important; display:grid!important; place-items:center!important; border-radius: clamp(11px,3vw,14px)!important; background:rgba(255,255,255,.82)!important; flex:none!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionIcon svg{ width:clamp(17px,4.5vw,21px)!important; height:clamp(17px,4.5vw,21px)!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy{ min-width:0!important; display:block!important; overflow:hidden!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy b{ display:block!important; margin:0!important; font-size:clamp(11px,3vw,14px)!important; line-height:1.05!important; font-weight:800!important; color:#172654!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy small{ display:block!important; margin-top:3px!important; font-size:clamp(7.5px,1.95vw,9.5px)!important; line-height:1.08!important; color:#59667e!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction>i{ align-self:center!important; margin:0!important; font-style:normal!important; font-size:clamp(18px,4.6vw,23px)!important; line-height:1!important; color:#223b7c!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.lilac{ background:#faf7ff!important; border-color:#e7dcff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.mint{ background:#f3fff8!important; border-color:#d2efdf!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.sand{ background:#fffaf1!important; border-color:#f2e1b7!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.aqua{ background:#f4fbff!important; border-color:#d5eaf8!important; } } @media (max-width:900px) and (max-height:760px){ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ height:54px!important; max-height:54px!important; padding:5px 7px!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionIcon{ width:30px!important; height:30px!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy b{ font-size:11px!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionCopy small{ font-size:7.5px!important; margin-top:2px!important; } } @media (max-width:390px){ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ column-gap:6px!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction{ grid-template-columns: 30px minmax(0,1fr) auto!important; gap:5px!important; padding-left:6px!important; padding-right:6px!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionIcon{ width:30px!important; height:30px!important; } } /* ========================================================= RUYA_ADMIN_QUICK_SIX_V4B_20260928 Sadece admin Hızlı İşlemler: 2 sütun x 3 satır V3B kart ölçüleri korunur. ========================================================= */ @media (max-width:900px){ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-template-rows: repeat(3,auto)!important; height:auto!important; min-height:0!important; align-content:start!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.rose{ background:#fff7fa!important; border-color:#f3d5df!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.rose .ruyaTeacherPremiumActionIcon{ color:#f45d74!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.blue{ background:#f1faff!important; border-color:#d5edf8!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.blue .ruyaTeacherPremiumActionIcon{ color:#45a9ef!important; } } /* ========================================================= RUYA_ADMIN_QUICK_EIGHT_V5_20260928 8 kart = 2 sutun x 4 satir Mevcut premium kart ölçüsü korunur. ========================================================= */ @media (max-width:900px){ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumActionGrid{ grid-template-columns: repeat(2,minmax(0,1fr))!important; grid-template-rows: repeat(4,auto)!important; height:auto!important; min-height:0!important; align-content:start!important; } } /* ========================================================= RUYA_ADMIN_COLOR_TUNE_CSS_V6_20260928 Sadece admin premium home renk/palet düzeni ========================================================= */ @media (max-width:900px){ /* Genel arka zemin */ .role-admin .ruyaAdminPremiumHomeV1, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumContent, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumInner, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumSections{ background:#f5f6fa!important; } /* Tümünü Gör ve Kişiselleştir - lacivert */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumSummaryMore, .role-admin .ruyaAdminPremiumHomeV1 .ruya-v225-customize, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumCustomize, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumCustomizeBtn{ color:#1f3c96!important; background:#eef2ff!important; border-color:#d7e0ff!important; } /* Teslim Merkezini Aç - Rüya laciverti */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup button, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup .ruyaTeacherPremiumPickupBtn, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup .ruyaTeacherPremiumActionBtn{ background:#1f3c96!important; color:#ffffff!important; border-color:#1f3c96!important; box-shadow:none!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup button *, .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumPickup .ruyaTeacherPremiumPickupBtn *{ color:#ffffff!important; } /* Hızlı işlem kartları - modül bazlı ayrışan tonlar */ .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-attendance{ background:#fbf7ff!important; border-color:#e4d7ff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-attendance .ruyaTeacherPremiumActionIcon{ color:#8b5cf6!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-announcements{ background:#eefcf4!important; border-color:#ccefd8!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-announcements .ruyaTeacherPremiumActionIcon{ color:#22c55e!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-documents{ background:#fff8ea!important; border-color:#f3ddad!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-documents .ruyaTeacherPremiumActionIcon{ color:#e5a100!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-finance{ background:#f2f9ff!important; border-color:#d2e8fb!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-finance .ruyaTeacherPremiumActionIcon{ color:#4ea3f1!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-surveys{ background:#fff5f8!important; border-color:#f4d4df!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-surveys .ruyaTeacherPremiumActionIcon{ color:#ea638c!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-calendar{ background:#eefbff!important; border-color:#cfeef7!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-calendar .ruyaTeacherPremiumActionIcon{ color:#33b5cc!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-albums{ background:#f5f2ff!important; border-color:#ddd3ff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-albums .ruyaTeacherPremiumActionIcon{ color:#7c5cff!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-menu{ background:#fff6ee!important; border-color:#f8dcc2!important; } .role-admin .ruyaAdminPremiumHomeV1 .ruyaTeacherPremiumAction.admin-card-menu .ruyaTeacherPremiumActionIcon{ color:#f08a24!important; } }