/* ==========================================================
   RÜYA DOCUMENTS MODERN V3
   Bülten + Learning + Student + Guidance + Program + General
   Frontend-only / data-safe
   ========================================================== */

:root{
  --rdv3-ink:#102b59;
  --rdv3-text:#405a78;
  --rdv3-muted:#8492a7;
  --rdv3-line:#dfe7f1;
  --rdv3-blue:#0b3f91;
  --rdv3-soft:#f7f9fc;
  --rdv3-danger:#dc2929;
}

/* ==========================================================
   DOKÜMANLARA DÖN
   Alt sayfalarda gizli.
   Ana Dokümanlar merkezi etkilenmez.
   ========================================================== */

body.ruyaDocumentsV3Active .ruyaContentHubBack{
  display:none!important;
}

body.ruyaDocumentsV3Active .ruyaContentHubSubView{
  margin-top:0!important;
  padding-top:0!important;
}


/* ==========================================================
   HEADER ORTAK YAPI
   ========================================================== */

html body .ruyaDocV3HeaderActions{
  width:100%!important;
  min-width:0!important;

  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;

  align-items:center!important;
  gap:10px!important;

  margin-top:0!important;
}

html body .ruyaDocV3HeaderActions .ruyaDocHeaderSearch,
html body .ruyaDocV3HeaderActions .ruyaLearningHeaderSearch{
  width:100%!important;
  min-width:0!important;

  position:relative!important;
}

/* Learning search içindeki eski arama sembolü */
html body .ruyaDocV3HeaderActions .ruyaLearningHeaderSearch > span{
  display:none!important;
}

html body .ruyaDocV3HeaderActions input[type="search"]{
  width:100%!important;
  min-width:0!important;

  height:48px!important;

  margin:0!important;
  padding:0 15px!important;

  border:1px solid var(--rdv3-line)!important;
  border-radius:14px!important;

  background:#fff!important;

  color:var(--rdv3-ink)!important;

  font-size:14px!important;
  font-weight:500!important;

  box-shadow:none!important;
  outline:none!important;
}

html body .ruyaDocV3HeaderActions input[type="search"]:focus{
  border-color:#a9c0df!important;
  box-shadow:0 0 0 3px rgba(31,82,151,.07)!important;
}


/* ==========================================================
   FİLTRE
   ========================================================== */

html body .ruyaDocV3FilterButton{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  height:48px!important;
  min-width:88px!important;

  margin:0!important;
  padding:0 15px!important;

  border:1px solid var(--rdv3-line)!important;
  border-radius:14px!important;

  background:#fff!important;

  color:var(--rdv3-blue)!important;

  font:inherit!important;
  font-size:13.5px!important;
  font-weight:680!important;

  white-space:nowrap!important;

  box-shadow:none!important;
}

html body .ruyaDocV3FilterButton[data-active="1"]{
  background:#edf4ff!important;
  border-color:#b6cbe8!important;
}


/* ==========================================================
   YÜKLE BUTONU
   ========================================================== */

html body .ruyaDocV3UploadButton{
  grid-column:1/-1!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  min-width:0!important;
  min-height:48px!important;

  margin:0!important;

  border-radius:14px!important;
}


/* ==========================================================
   LEARNING HEADER
   ========================================================== */

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeader{
  display:block!important;

  width:100%!important;

  margin:0 0 22px!important;
  padding:4px 0 0!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy{
  margin:0 0 21px!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy h1{
  margin:0 0 7px!important;

  color:var(--rdv3-ink)!important;

  font-size:28px!important;
  line-height:1.15!important;
  font-weight:700!important;

  letter-spacing:-.5px!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy p{
  margin:0!important;

  color:#718198!important;

  font-size:15px!important;
  line-height:1.48!important;
}


/* ==========================================================
   DOC GRID
   ========================================================== */

html body .ruyaDocumentsPage .v5DocGrid,
html body .ruyaLearningMaterialPage .v5LearnGrid{
  display:flex!important;
  flex-direction:column!important;

  width:100%!important;
  min-width:0!important;

  gap:10px!important;
}


/* ==========================================================
   DOCUMENT CARDS
   ========================================================== */

html body .ruyaDocumentsPage .uploadedDocumentCard{
  position:relative!important;

  display:block!important;

  grid-template-columns:none!important;

  width:100%!important;
  min-width:0!important;
  min-height:76px!important;

  margin:0!important;
  padding:13px 15px!important;

  gap:0!important;

  background:#fff!important;

  border:1px solid var(--rdv3-line)!important;
  border-radius:17px!important;

  box-shadow:0 2px 10px rgba(17,43,81,.025)!important;

  overflow:hidden!important;

  cursor:pointer!important;

  -webkit-tap-highlight-color:transparent!important;

  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease!important;
}

html body .ruyaDocumentsPage .uploadedDocumentCard:active{
  transform:scale(.993)!important;
}


/* Eski dosya ikonu */
html body .ruyaDocumentsPage .uploadedDocumentCard > span:first-child{
  display:none!important;

  width:0!important;
  height:0!important;

  margin:0!important;
  padding:0!important;
}


/* Eski buton satırı */
html body .ruyaDocumentsPage .uploadedDocumentCard .uploadedFileActions{
  display:none!important;
  visibility:hidden!important;
}


/* Bültenlerdeki eski ok dahil tüm V2 okları */
html body .ruyaDocumentsPage .uploadedDocumentCard::after{
  content:none!important;
  display:none!important;
}


html body .ruyaDocumentsPage .uploadedDocumentCard > div:not(.uploadedFileActions){
  display:block!important;

  width:100%!important;
  min-width:0!important;
}


html body .ruyaDocumentsPage .uploadedDocumentCard b{
  display:block!important;

  margin:0 0 4px!important;

  color:var(--rdv3-ink)!important;

  font-size:14.5px!important;
  line-height:1.27!important;
  font-weight:700!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


html body .ruyaDocumentsPage .uploadedDocumentCard p{
  display:block!important;

  margin:0 0 3px!important;

  color:var(--rdv3-text)!important;

  font-size:12.3px!important;
  line-height:1.3!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body .ruyaDocumentsPage .uploadedDocumentCard p:empty{
  display:none!important;
}


html body .ruyaDocumentsPage .uploadedDocumentCard small{
  display:block!important;

  margin:0!important;

  color:var(--rdv3-muted)!important;

  font-size:11.5px!important;
  line-height:1.3!important;
  font-weight:500!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* ==========================================================
   LEARNING CARDS
   ========================================================== */

html body .ruyaLearningMaterialPage .learningUploadCard{
  position:relative!important;

  display:block!important;

  grid-template-columns:none!important;

  width:100%!important;
  min-width:0!important;
  min-height:76px!important;

  margin:0!important;
  padding:13px 15px!important;

  background:#fff!important;

  border:1px solid var(--rdv3-line)!important;
  border-radius:17px!important;

  box-shadow:0 2px 10px rgba(17,43,81,.025)!important;

  overflow:hidden!important;

  cursor:pointer!important;

  -webkit-tap-highlight-color:transparent!important;

  transition:
    transform .15s ease,
    border-color .15s ease,
    box-shadow .15s ease!important;
}

html body .ruyaLearningMaterialPage .learningUploadCard:active{
  transform:scale(.993)!important;
}


/* Eski materyal ikonu */
html body .ruyaLearningMaterialPage .learningUploadCard > span{
  display:none!important;
}


/* Eski aksiyon satırı */
html body .ruyaLearningMaterialPage .learningUploadCard .learningFileActions{
  display:none!important;
  visibility:hidden!important;
}


html body .ruyaLearningMaterialPage .learningUploadCard > div{
  display:block!important;

  width:100%!important;
  min-width:0!important;
}


/* Eski badge'i karttan kaldırıyoruz,
   V3 kendi sade meta satırını ekliyor */
html body .ruyaLearningMaterialPage .learningUploadCard > div > .badge{
  display:none!important;
}


html body .ruyaLearningMaterialPage .learningUploadCard h3{
  display:block!important;

  margin:0 0 4px!important;

  color:var(--rdv3-ink)!important;

  font-size:14.5px!important;
  line-height:1.27!important;
  font-weight:700!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


html body .ruyaLearningMaterialPage .ruyaDocV3LearningMeta{
  margin:0 0 3px!important;

  color:var(--rdv3-muted)!important;

  font-size:11.7px!important;
  line-height:1.3!important;
  font-weight:550!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


html body .ruyaLearningMaterialPage .learningUploadCard p{
  display:block!important;

  margin:0!important;

  color:var(--rdv3-text)!important;

  font-size:12.3px!important;
  line-height:1.3!important;

  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}


/* Orijinal dosya adı küçük satırı V3 meta içinde gösteriliyor */
html body .ruyaLearningMaterialPage .learningUploadCard > div > small:not(.homeworkDue){
  display:none!important;
}


/* ==========================================================
   MODAL / BOTTOM SHEET
   ========================================================== */

.ruyaDocV3Overlay{
  position:fixed;
  inset:0;

  z-index:2147483000;

  display:flex;
  align-items:flex-end;
  justify-content:center;

  background:rgba(7,20,43,.52);

  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);

  animation:ruyaDocV3Fade .18s ease-out both;
}


.ruyaDocV3Sheet{
  width:min(100%,560px);
  max-height:88dvh;

  overflow:hidden;

  background:#fff;

  border-radius:25px 25px 0 0;

  box-shadow:0 -18px 50px rgba(7,25,53,.20);

  animation:ruyaDocV3SheetUp .23s cubic-bezier(.2,.75,.25,1) both;
}


.ruyaDocV3Handle{
  width:43px;
  height:5px;

  margin:9px auto 4px;

  border-radius:999px;

  background:#ced7e4;
}


.ruyaDocV3Header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;

  gap:14px;

  padding:14px 18px 15px;

  border-bottom:1px solid #edf1f6;
}


.ruyaDocV3HeaderText{
  min-width:0;
}


.ruyaDocV3Header h3{
  margin:0;

  color:var(--rdv3-ink);

  font-size:18px;
  line-height:1.3;
  font-weight:700;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.ruyaDocV3Header p{
  margin:5px 0 0;

  color:#8190a7;

  font-size:12.5px;
  line-height:1.4;

  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


.ruyaDocV3Close{
  width:38px;
  height:38px;
  min-width:38px;

  margin:0;
  padding:0;

  border:0;
  border-radius:12px;

  background:#f3f6fa;

  color:#244c82;

  font-size:25px;
  line-height:1;
}


.ruyaDocV3Actions{
  padding:3px 18px calc(13px + env(safe-area-inset-bottom));

  overflow:auto;

  max-height:calc(88dvh - 104px);
}


.ruyaDocV3Action{
  display:flex;
  align-items:center;
  justify-content:space-between;

  width:100%;
  min-height:62px;

  margin:0;
  padding:10px 3px;

  border:0;
  border-bottom:1px solid #edf1f6;

  background:transparent;

  text-align:left;
}


.ruyaDocV3Action:last-child{
  border-bottom:0;
}


.ruyaDocV3ActionText{
  min-width:0;
}


.ruyaDocV3Action strong{
  display:block;

  color:var(--rdv3-ink);

  font-size:15px;
  line-height:1.25;
  font-weight:680;
}


.ruyaDocV3Action small{
  display:block;

  margin-top:3px;

  color:#8998ae;

  font-size:12px;
  line-height:1.3;
}


.ruyaDocV3Action::after{
  content:"›";

  color:#8291a8;

  font-size:26px;
  line-height:1;
}


html body .ruyaDocV3Sheet .ruyaDocV3Action.danger{
  min-height:64px!important;

  margin:10px 0 3px!important;
  padding:11px 14px!important;

  border:1px solid #f2d4d4!important;
  border-radius:14px!important;

  background:#fff7f7!important;

  box-shadow:none!important;
}


html body .ruyaDocV3Sheet .ruyaDocV3Action.danger strong{
  color:var(--rdv3-danger)!important;
}

html body .ruyaDocV3Sheet .ruyaDocV3Action.danger small{
  color:#d85d5d!important;
}

html body .ruyaDocV3Sheet .ruyaDocV3Action.danger::after{
  color:var(--rdv3-danger)!important;
}


.ruyaDocV3EmptyActions{
  padding:24px 18px calc(24px + env(safe-area-inset-bottom));

  color:#8190a7;

  font-size:13px;
  text-align:center;
}


/* ==========================================================
   FILTER SHEET
   ========================================================== */

.ruyaDocV3FilterBody{
  padding:3px 18px calc(19px + env(safe-area-inset-bottom));

  max-height:calc(88dvh - 95px);

  overflow:auto;
}


.ruyaDocV3Field{
  margin-top:16px;
}


.ruyaDocV3Field label{
  display:block;

  margin-bottom:8px;

  color:#183661;

  font-size:13px;
  font-weight:700;
}


.ruyaDocV3Field select,
.ruyaDocV3Field input{
  width:100%;
  height:48px;

  margin:0;
  padding:0 13px;

  border:1px solid var(--rdv3-line);
  border-radius:14px;

  background:#fff;

  color:#385474;

  font:inherit;
  font-size:14px;

  outline:none;
}


.ruyaDocV3Dates{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:9px;
}


.ruyaDocV3FilterFooter{
  display:grid;
  grid-template-columns:1fr 1fr;

  gap:10px;

  margin-top:22px;
}


.ruyaDocV3FilterFooter button{
  height:48px;

  margin:0;

  border-radius:14px;

  font:inherit;
  font-size:14px;
  font-weight:680;
}


.ruyaDocV3Clear{
  border:1px solid var(--rdv3-line);

  background:#fff;

  color:#153462;
}


.ruyaDocV3Apply{
  border:0;

  background:var(--rdv3-blue);

  color:#fff;
}


/* ==========================================================
   ANIMATION
   ========================================================== */

@keyframes ruyaDocV3Fade{
  from{opacity:0}
  to{opacity:1}
}

@keyframes ruyaDocV3SheetUp{
  from{
    transform:translateY(30px);
    opacity:.65
  }
  to{
    transform:translateY(0);
    opacity:1
  }
}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media(min-width:761px){

  .ruyaDocV3Overlay{
    align-items:center;

    padding:25px;
  }

  .ruyaDocV3Sheet{
    max-height:82vh;

    border-radius:25px;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:760px){

  html body .ruyaDocumentsPage .uploadedDocumentCard,
  html body .ruyaLearningMaterialPage .learningUploadCard{
    min-height:76px!important;

    padding:13px 15px!important;
  }

  html body .ruyaDocumentsPage .v5Intro h1,
  html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy h1{
    font-size:24px!important;
  }

}

/* ==========================================================
   RÜYA DOCUMENTS MODERN V3.2
   - Back kaldırıldı
   - Header standardize edildi
   - Empty state modernize edildi
   ========================================================== */


/* ----------------------------------------------------------
   DOKÜMANLARA DÖN
---------------------------------------------------------- */

html body .ruyaContentHubBack{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

html body .ruyaContentHubSubView{
  padding-top:0!important;
  margin-top:0!important;
}


/* ----------------------------------------------------------
   SAYFA BAŞLIKLARI
---------------------------------------------------------- */

html body .ruyaDocumentsPage .v5Intro{
  padding:4px 0 20px!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .ruyaDocumentsPage .v5Intro h1{
  margin:0 0 7px!important;

  color:#102b59!important;

  font-size:26px!important;
  line-height:1.16!important;
  font-weight:700!important;

  letter-spacing:-.45px!important;
}

html body .ruyaDocumentsPage .v5Intro p{
  margin:0!important;

  color:#718198!important;

  font-size:14.5px!important;
  line-height:1.45!important;
  font-weight:450!important;
}


html body .ruyaLearningMaterialPage .ruyaLearningCleanHeader{
  display:block!important;

  width:100%!important;

  padding:4px 0 20px!important;
  margin:0!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy{
  margin:0 0 20px!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy h1{
  margin:0 0 7px!important;

  color:#102b59!important;

  font-size:26px!important;
  line-height:1.16!important;
  font-weight:700!important;

  letter-spacing:-.45px!important;
}

html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy p{
  margin:0!important;

  color:#718198!important;

  font-size:14.5px!important;
  line-height:1.45!important;
  font-weight:450!important;
}


/* ----------------------------------------------------------
   HEADER: ARAMA + FİLTRE
   ALTTA TAM GENİŞLİK YÜKLE
---------------------------------------------------------- */

html body .ruyaDocV32Header{
  display:grid!important;

  grid-template-columns:
    minmax(0,1fr)
    auto!important;

  gap:10px!important;

  width:100%!important;
  min-width:0!important;

  align-items:center!important;
}

html body .ruyaDocV32Header .ruyaDocHeaderSearch,
html body .ruyaDocV32Header .ruyaLearningHeaderSearch{
  width:100%!important;
  min-width:0!important;

  margin:0!important;
}

html body .ruyaDocV32Header .ruyaLearningHeaderSearch > span{
  display:none!important;
}

html body .ruyaDocV32Header input[type="search"]{
  width:100%!important;
  min-width:0!important;

  height:48px!important;

  margin:0!important;
  padding:0 15px!important;

  border:1px solid #dfe7f1!important;
  border-radius:14px!important;

  background:#fff!important;

  color:#102b59!important;

  font-size:14px!important;
  font-weight:500!important;

  outline:none!important;
  box-shadow:none!important;
}

html body .ruyaDocV32Header input[type="search"]:focus{
  border-color:#adc2df!important;

  box-shadow:
    0 0 0 3px
    rgba(30,76,142,.065)!important;
}


/* FILTER */

html body .ruyaDocV32Header .ruyaDocV3FilterButton,
html body .ruyaDocV32Header .ruyaDocV32FilterButton{
  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-width:88px!important;
  height:48px!important;

  margin:0!important;
  padding:0 15px!important;

  border:1px solid #dfe7f1!important;
  border-radius:14px!important;

  background:#fff!important;

  color:#0b3f91!important;

  font:inherit!important;
  font-size:13.5px!important;
  font-weight:680!important;

  white-space:nowrap!important;

  box-shadow:none!important;
}

html body .ruyaDocV32Header .ruyaDocV3FilterButton:disabled,
html body .ruyaDocV32Header .ruyaDocV32FilterButton:disabled{
  opacity:.52!important;
}


/* UPLOAD */

html body .ruyaDocV32Header .ruyaDocV32Upload{
  grid-column:1/-1!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  width:100%!important;
  min-width:0!important;
  min-height:48px!important;

  margin:0!important;

  border-radius:14px!important;
}


/* ----------------------------------------------------------
   EMPTY STATE
---------------------------------------------------------- */

html body .ruyaDocV32Empty{
  display:block!important;

  width:100%!important;
  min-height:0!important;

  margin:18px 0 0!important;
  padding:28px 20px!important;

  border:1px solid #e4eaf2!important;
  border-radius:18px!important;

  background:#fbfcfe!important;

  box-shadow:
    0 2px 10px
    rgba(19,43,78,.02)!important;

  text-align:center!important;
}


html body .ruyaDocV32EmptyInner{
  width:100%;
  max-width:380px;

  margin:0 auto;
}


html body .ruyaDocV32EmptyTitle{
  margin:0!important;

  color:#17345f!important;

  font-size:17px!important;
  line-height:1.32!important;
  font-weight:680!important;

  letter-spacing:-.15px!important;
}


html body .ruyaDocV32EmptyText{
  margin:7px auto 0!important;

  max-width:320px;

  color:#8190a5!important;

  font-size:13.5px!important;
  line-height:1.48!important;
  font-weight:450!important;
}


html body .ruyaDocV32EmptyButton{
  display:inline-flex!important;

  align-items:center!important;
  justify-content:center!important;

  min-height:42px!important;

  margin:17px auto 0!important;
  padding:0 18px!important;

  border:0!important;
  border-radius:12px!important;

  background:#0b3f91!important;

  color:#fff!important;

  font:inherit!important;
  font-size:13px!important;
  font-weight:650!important;

  box-shadow:none!important;
}


/* ----------------------------------------------------------
   NO RESULT
---------------------------------------------------------- */

html body .v5DocumentNoResult.ruyaDocV32NoResult{
  margin:16px 0 0!important;

  padding:22px 18px!important;

  border:1px solid #e5eaf2!important;
  border-radius:16px!important;

  background:#fbfcfe!important;

  color:#7e8da2!important;

  font-size:13.5px!important;
  line-height:1.45!important;

  text-align:center!important;

  box-shadow:none!important;
}


/* ----------------------------------------------------------
   MOBILE
---------------------------------------------------------- */

@media(max-width:760px){

  html body .ruyaDocumentsPage .v5Intro h1,
  html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy h1{
    font-size:24px!important;
  }

  html body .ruyaDocumentsPage .v5Intro p,
  html body .ruyaLearningMaterialPage .ruyaLearningCleanHeaderCopy p{
    font-size:14px!important;
  }

  html body .ruyaDocV32Empty{
    margin-top:16px!important;

    padding:25px 18px!important;
  }

  html body .ruyaDocV32EmptyTitle{
    font-size:16.5px!important;
  }

  html body .ruyaDocV32EmptyText{
    font-size:13px!important;
  }

}