/*
 * RÜYA ANAOKULU
 * ADMIN DESKTOP FINAL REFERENCE V1
 * Referans ekran tasarım dili
 */

@media (min-width:901px){

  :root{
    --ruya-ref-navy:#082c6c;
    --ruya-ref-navy-2:#173f7b;
    --ruya-ref-blue:#2f80ed;
    --ruya-ref-red:#f2293f;
    --ruya-ref-green:#1db978;
    --ruya-ref-orange:#f7931e;
    --ruya-ref-purple:#7c3aed;

    --ruya-ref-line:#e1e9f2;
    --ruya-ref-muted:#7184a0;
    --ruya-ref-bg:#f7fafe;
  }


  /*
   * GENEL
   */

  html.ruyaReferenceAdminV1 body{
    background:#f7fafe!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7Dashboard{
    grid-template-columns:
      minmax(0,2.08fr)
      minmax(350px,.92fr)!important;

    gap:16px!important;

    align-items:start!important;
  }


  /*
   * SIDEBAR
   */

  html.ruyaReferenceAdminV1
  .v6Sidebar{
    width:258px!important;
    min-width:258px!important;
    flex:0 0 258px!important;

    background:#fff!important;

    border-right:
      1px solid
      #e5ecf4!important;

    box-shadow:
      5px 0 20px
      rgba(23,54,92,.025)!important;
  }

  html.ruyaReferenceAdminV1
  .sidebarSchoolBrand{
    min-height:90px!important;

    padding:
      17px 18px 15px!important;

    position:relative!important;

    border-bottom:
      1px solid
      #edf2f7!important;
  }

  html.ruyaReferenceAdminV1
  .sidebarSchoolBrand img{
    max-width:190px!important;
    max-height:48px!important;

    object-fit:contain!important;
  }

  html.ruyaReferenceAdminV1
  .sidebarSchoolBrand::after{
    content:"YÖNETİM PLATFORMU";

    position:absolute;

    left:50%;
    bottom:9px;

    transform:
      translateX(-50%);

    white-space:nowrap;

    color:#6680a7;

    font-size:7.5px;
    font-weight:700;

    letter-spacing:.23em;
  }

  html.ruyaReferenceAdminV1
  .sidebarNavScroll{
    padding:
      8px 12px 14px!important;
  }

  html.ruyaReferenceAdminV1
  .sidebarNavGroup{
    margin:
      0 0 4px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaSidebarGroupToggle{
    min-height:27px!important;

    margin-top:4px!important;

    padding:
      3px 7px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaSidebarGroupToggle b{
    color:#557093!important;

    font-size:9.5px!important;
    font-weight:760!important;

    letter-spacing:.13em!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar .navBtn{
    min-height:35px!important;

    padding:
      6px 10px!important;

    margin:
      1px 0!important;

    border-radius:9px!important;

    gap:10px!important;

    color:#466184!important;

    transition:
      background .15s ease,
      color .15s ease,
      transform .15s ease!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar .navBtn:hover{
    color:#153f7c!important;

    background:#f5f8fc!important;

    transform:
      translateX(1px)!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar .navBtn.active{
    color:#ed2639!important;

    background:
      linear-gradient(
        90deg,
        #ffecef 0%,
        #fff4f5 100%
      )!important;

    border-color:#ffd8dd!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar .navBtn b{
    font-size:11px!important;
    font-weight:590!important;

    letter-spacing:-.005em!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar .navIcon{
    width:20px!important;
    min-width:20px!important;

    height:20px!important;

    color:#264f89!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar
  .navBtn.active
  .navIcon{
    color:#ed2639!important;
  }

  html.ruyaReferenceAdminV1
  .v6Sidebar
  .navIcon svg{
    width:18px!important;
    height:18px!important;

    stroke-width:1.85!important;
  }


  /*
   * FINANS — SIDEBAR TL
   */

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceNav
  .navIcon svg{
    display:none!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceNav
  .navIcon::before{
    content:"₺";

    display:grid;

    place-items:center;

    width:18px;
    height:18px;

    color:currentColor;

    font-size:18px;
    line-height:18px;

    font-weight:680;
  }


  /*
   * ANA SAYFA AKTİF
   */

  html.ruyaReferenceAdminV1
  .ruyaRefHomeNav.active{
    min-height:40px!important;

    font-weight:650!important;
  }


  /*
   * PANELLER
   */

  html.ruyaReferenceAdminV1
  .ruyaRefPanel,
  html.ruyaReferenceAdminV1
  .ruyaRefQuickPanel{
    background:#fff!important;

    border:
      1px solid
      #e1e8f1!important;

    border-radius:15px!important;

    box-shadow:
      0 5px 18px
      rgba(25,55,91,.035)!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefPanelTitle,
  html.ruyaReferenceAdminV1
  .ruyaRefQuickTitle{
    color:#092d6d!important;

    font-size:16px!important;
    line-height:1.15!important;

    font-weight:720!important;

    letter-spacing:-.018em!important;
  }


  /*
   * KPI KARTLARI
   */

  html.ruyaReferenceAdminV1
  .ruyaRefKpi{
    min-height:92px!important;

    padding:
      14px 16px!important;

    background:#fff!important;

    border:
      1px solid
      #e1e8f1!important;

    border-radius:15px!important;

    box-shadow:
      0 6px 20px
      rgba(18,50,88,.035)!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefKpi b,
  html.ruyaReferenceAdminV1
  .ruyaRefKpi strong{
    color:#082b69!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefKpiStudents
  > span:first-child,
  html.ruyaReferenceAdminV1
  .ruyaRefKpiStudents
  [class*="Icon"]{
    background:#ffecef!important;
    color:#f1273e!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefKpiSchool
  > span:first-child,
  html.ruyaReferenceAdminV1
  .ruyaRefKpiSchool
  [class*="Icon"]{
    background:#e7f8ef!important;
    color:#10935e!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefKpiClass
  > span:first-child,
  html.ruyaReferenceAdminV1
  .ruyaRefKpiClass
  [class*="Icon"]{
    background:#e9f3ff!important;
    color:#2f80ed!important;
  }


  /*
   * SIK KULLANILAN İŞLEMLER
   */

  html.ruyaReferenceAdminV1
  .ruyaRefQuickPanel{
    padding:
      15px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefQuickTitle{
    position:relative!important;

    padding-left:38px!important;

    min-height:30px!important;

    display:flex!important;
    align-items:center!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefQuickTitle::before{
    content:"★";

    position:absolute;

    left:2px;
    top:50%;

    transform:
      translateY(-52%);

    color:#f4243c;

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

  html.ruyaReferenceAdminV1
  .ruyaRefEditCards{
    min-height:34px!important;

    padding:
      0 12px!important;

    border:
      1px solid
      #d7e2ee!important;

    border-radius:9px!important;

    background:#fff!important;

    color:#254a7e!important;

    font-size:10px!important;
    font-weight:650!important;

    box-shadow:
      none!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefEditCards::before{
    content:"⚙";

    margin-right:6px;

    font-size:13px;
  }


  /*
   * 6 PASTEL KART
   */

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid{
    gap:10px!important;

    margin-top:10px!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button{
    min-height:78px!important;

    padding:
      11px 13px!important;

    gap:12px!important;

    border-radius:12px!important;

    box-shadow:none!important;

    overflow:hidden!important;

    transform:none!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button::after{
    display:none!important;
    content:none!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:hover{
    transform:
      translateY(-1px)!important;

    box-shadow:
      0 7px 17px
      rgba(18,49,87,.06)!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(1){
    background:
      linear-gradient(
        135deg,
        #fff8f8,
        #fff0f2
      )!important;

    border-color:#f9dfe3!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(2){
    background:
      linear-gradient(
        135deg,
        #f8fbff,
        #edf5ff
      )!important;

    border-color:#dce9f8!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(3){
    background:
      linear-gradient(
        135deg,
        #fcfaff,
        #f5efff
      )!important;

    border-color:#e7ddf8!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(4){
    background:
      linear-gradient(
        135deg,
        #f7fdf9,
        #ecfaf3
      )!important;

    border-color:#d9f0e4!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(5){
    background:
      linear-gradient(
        135deg,
        #fffaf6,
        #fff2e8
      )!important;

    border-color:#f6e2d3!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(6){
    background:
      linear-gradient(
        135deg,
        #fff8fa,
        #ffeff3
      )!important;

    border-color:#f8dce3!important;
  }


  /*
   * QUICK ICON TILE
   */

  html.ruyaReferenceAdminV1
  .adminV7QuickIcon{
    width:49px!important;
    min-width:49px!important;

    height:49px!important;

    border-radius:12px!important;

    border:none!important;

    box-shadow:none!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickIcon svg{
    width:23px!important;
    height:23px!important;

    stroke-width:1.9!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(1)
  .adminV7QuickIcon{
    background:#ffe6ea!important;
    color:#ef233c!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(2)
  .adminV7QuickIcon{
    background:#e1efff!important;
    color:#2f80ed!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(3)
  .adminV7QuickIcon{
    background:#eee3ff!important;
    color:#7c3aed!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(4)
  .adminV7QuickIcon{
    background:#dff6e9!important;
    color:#11955f!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(5)
  .adminV7QuickIcon{
    background:#ffeadc!important;
    color:#f37318!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button:nth-child(6)
  .adminV7QuickIcon{
    background:#ffe2e8!important;
    color:#ef2341!important;
  }


  /*
   * QUICK FINANS TL
   */

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceCard
  .adminV7QuickIcon svg{
    display:none!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceCard
  .adminV7QuickIcon::before{
    content:"₺";

    display:grid;

    place-items:center;

    width:100%;
    height:100%;

    font-size:29px;
    line-height:1;

    font-weight:720;

    color:#11955f;
  }


  /*
   * QUICK TEXT
   */

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button b{
    color:#082d6d!important;

    font-size:11.5px!important;
    line-height:1.18!important;

    font-weight:720!important;

    letter-spacing:-.01em!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7QuickGrid
  > button small{
    color:#687f9f!important;

    font-size:9.5px!important;
    line-height:1.32!important;

    font-weight:500!important;
  }


  /*
   * BEKLEYEN İŞLEMLER
   */

  html.ruyaReferenceAdminV1
  .ruyaRefPending{
    min-height:186px!important;

    padding:
      14px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefPending
  .ruyaRefPanelTitle{
    padding-left:35px!important;

    position:relative!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefPending
  .ruyaRefPanelTitle::before{
    content:"◷";

    position:absolute;

    left:0;
    top:50%;

    transform:
      translateY(-50%);

    display:grid;

    place-items:center;

    width:25px;
    height:25px;

    border:
      2px solid
      #f3273e;

    border-radius:50%;

    color:#f3273e;

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


  /*
   * FOTOĞRAF PANELİ
   */

  html.ruyaReferenceAdminV1
  .ruyaRefPhotos{
    padding:
      13px 14px 14px!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7PhotoGrid{
    gap:9px!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7PhotoGrid
  > *{
    overflow:hidden!important;

    background:#fff!important;

    border:
      1px solid
      #e0e8f2!important;

    border-radius:10px!important;

    box-shadow:none!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7PhotoCover{
    height:82px!important;
    min-height:82px!important;

    overflow:hidden!important;

    border-radius:
      9px 9px 0 0!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7PhotoCover img,
  html.ruyaReferenceAdminV1
  .adminV7PhotoGrid img{
    width:100%!important;
    height:100%!important;

    object-fit:cover!important;
  }


  /*
   * SAĞ KOLON PANELLER
   */

  html.ruyaReferenceAdminV1
  .ruyaRefOccupancy,
  html.ruyaReferenceAdminV1
  .ruyaRefDocuments,
  html.ruyaReferenceAdminV1
  .ruyaRefAnnouncements,
  html.ruyaReferenceAdminV1
  .ruyaRefSurveys{
    padding:
      13px 14px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefDocuments
  .ruyaRefPanelTitle::before,
  html.ruyaReferenceAdminV1
  .ruyaRefAnnouncements
  .ruyaRefPanelTitle::before,
  html.ruyaReferenceAdminV1
  .ruyaRefSurveys
  .ruyaRefPanelTitle::before{
    display:inline-block;

    margin-right:9px;

    vertical-align:-1px;

    font-size:17px;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefDocuments
  .ruyaRefPanelTitle::before{
    content:"▣";
    color:#347fe8;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefAnnouncements
  .ruyaRefPanelTitle::before{
    content:"◆";
    color:#f32b3d;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefSurveys
  .ruyaRefPanelTitle::before{
    content:"▥";
    color:#7c3aed;
  }


  /*
   * TÜMÜNÜ GÖR / + BUTONLARI
   */

  html.ruyaReferenceAdminV1
  .ruyaRefPanel button,
  html.ruyaReferenceAdminV1
  .ruyaRefQuickPanel button{
    font-family:inherit;
  }

  html.ruyaReferenceAdminV1
  .ruyaRefPanel
  button[class*="all"],
  html.ruyaReferenceAdminV1
  .ruyaRefPanel
  button[class*="All"]{
    border-color:#d8e3ef!important;

    background:#fff!important;

    color:#23487d!important;
  }


  /*
   * NEVXUP / ÇIKIŞ
   */

  html.ruyaReferenceAdminV1
  .sidebarLogout{
    margin-top:auto!important;

    min-height:35px!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaV234Support{
    margin:
      7px 10px 12px!important;

    padding:
      9px!important;

    border:
      1px solid
      #dbe5ef!important;

    border-radius:10px!important;

    background:#fff!important;

    box-shadow:none!important;
  }

  html.ruyaReferenceAdminV1
  .ruyaV234Support img{
    max-height:29px!important;
    object-fit:contain!important;
  }


  /*
   * DAHA TOK GENEL TİPOGRAFİ
   */

  html.ruyaReferenceAdminV1
  .adminV7Dashboard h1{
    color:#072b68!important;

    font-size:28px!important;

    font-weight:740!important;

    letter-spacing:-.025em!important;
  }

  html.ruyaReferenceAdminV1
  .adminV7Dashboard h2,
  html.ruyaReferenceAdminV1
  .adminV7Dashboard h3{
    letter-spacing:-.018em!important;
  }


  /*
   * 1920+ GENİŞ EKRAN
   */

  @media (min-width:1500px){

    html.ruyaReferenceAdminV1
    .v6Sidebar{
      width:270px!important;
      min-width:270px!important;
      flex-basis:270px!important;
    }

    html.ruyaReferenceAdminV1
    .adminV7Dashboard{
      grid-template-columns:
        minmax(0,2.05fr)
        minmax(385px,.95fr)!important;
    }

    html.ruyaReferenceAdminV1
    .adminV7QuickGrid
    > button{
      min-height:82px!important;
    }

    html.ruyaReferenceAdminV1
    .adminV7PhotoCover{
      height:88px!important;
    }
  }

}


/*
 * MOBİL KORUMA
 */

@media (max-width:900px){

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceNav
  .navIcon::before,

  html.ruyaReferenceAdminV1
  .ruyaRefFinanceCard
  .adminV7QuickIcon::before{
    content:none!important;
  }

}


/* ==================================================
   RÜYA ADMIN NATIVE ICON REAL FINAL V1
   React MonoIcon tek kaynak
   ================================================== */

@media (min-width:901px){

  /*
   * Reference CSS'in sonradan eklediği
   * ikinci ikonlar tamamen kapalı.
   */

  .ruyaRefQuickTitle::before,
  .ruyaRefPending .ruyaRefPanelTitle::before,
  .ruyaRefDocuments .ruyaRefPanelTitle::before,
  .ruyaRefAnnouncements .ruyaRefPanelTitle::before,
  .ruyaRefSurveys .ruyaRefPanelTitle::before{
    content:none!important;
    display:none!important;
  }


  /*
   * Pseudo ikonlar için bırakılan
   * ekstra boşlukları kapat.
   */

  .ruyaRefQuickTitle,
  .ruyaRefPending .ruyaRefPanelTitle{
    padding-left:0!important;
  }


  /*
   * Eski CSS TL karakterini kapat.
   * Finans artık native SVG.
   */

  .ruyaRefFinanceNav .navIcon::before,
  .ruyaRefFinanceCard .adminV7QuickIcon::before{
    content:none!important;
    display:none!important;
  }

  .ruyaRefFinanceNav .navIcon svg,
  .ruyaRefFinanceCard .adminV7QuickIcon svg{
    display:block!important;
  }


  /*
   * Native MonoIcon kalite standardı.
   */

  .adminV7QuickIcon .monoIcon{
    width:23px!important;
    height:23px!important;

    stroke-width:1.8!important;
  }

  .ruyaRefFinanceCard
  .adminV7QuickIcon
  .monoIcon{
    width:24px!important;
    height:24px!important;

    stroke-width:1.65!important;

    color:#15966a!important;
  }


  /*
   * Başlık ikon renkleri.
   * Sadece panel başlığının ilk elemanı.
   */

  .ruyaRefQuickPanel
  > :first-child
  .monoIcon{
    color:#ef3347!important;
  }

  .ruyaRefPending
  > :first-child
  .monoIcon{
    color:#ef3347!important;
  }

  .ruyaRefDocuments
  > :first-child
  .monoIcon{
    color:#347fe8!important;
  }

  .ruyaRefAnnouncements
  > :first-child
  .monoIcon{
    color:#ef3347!important;
  }

  .ruyaRefSurveys
  > :first-child
  .monoIcon{
    color:#7657d9!important;
  }


  /*
   * Pending satır ikonları.
   */

  .adminV7PendingIcon.green
  .monoIcon{
    color:#15966a!important;
  }

  .adminV7PendingIcon.red
  .monoIcon{
    color:#ef4d5d!important;
  }

}