/* /Views/Shared/_Layout.cshtml.rz.scp.css */
/* Renkler Bootstrap 5.3 CSS variable'larıyla tanımlandı; data-bs-theme="dark" otomatik adapte olur.

   NOT: Eskiden `html { font-size: 14px }` + `@media (min-width: 768px) { html { font-size: 16px } }` vardı —
   viewport 768px altına düşünce font-size shrink ediyor, em-based ölçümler (sidebar 3.5em) küçülüyor ve dizayn bozuluyordu. Kaldırıldı.
   Sidebar collapsed genişliği px-based olarak yönetiliyor (site.js + site.css). */

.btn:focus[b-hnvop1c00p], .btn:active:focus[b-hnvop1c00p], .btn-link.nav-link:focus[b-hnvop1c00p], .form-control:focus[b-hnvop1c00p], .form-check-input:focus[b-hnvop1c00p] {
  box-shadow: 0 0 0 0.1rem var(--bs-body-bg), 0 0 0 0.25rem #258cfb;
}

html[b-hnvop1c00p] {
  position: relative;
  min-height: 100%;
}

body[b-hnvop1c00p] {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext[b-hnvop1c00p]::placeholder, .form-floating > .form-control[b-hnvop1c00p]::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus[b-hnvop1c00p]::placeholder, .form-floating > .form-control:focus[b-hnvop1c00p]::placeholder {
  text-align: start;
}

.input-group-sm .input-group-text[b-hnvop1c00p],
.input-group-sm .form-control[b-hnvop1c00p] {
    padding: 0.25rem 0.5rem;
    line-height: 1.5;
}

.folder-icon[b-hnvop1c00p] {
    transition: transform 0.2s;
}

.rotate-90[b-hnvop1c00p] {
    transform: rotate(90deg);
}

.folder-header[b-hnvop1c00p] {
    cursor: pointer;
    user-select: none;
}

.sidebar-collapse-btn[b-hnvop1c00p] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 20;
    transition: background 0.2s;
    position: absolute;
    top: 50%;
    right: -12px; /* Kartın sağ border'ı üzerinde, dışarıda */
    transform: translateY(-50%);
    color: var(--bs-body-color);
}

.sidebar-collapse-btn:hover[b-hnvop1c00p] {
    background: var(--bs-tertiary-bg);
}

/* Sidebar genel stiller (collapsed/expanded width JS + site.css'te yönetilir).
   Eskiden burada @media (max-width: 768px) ile sidebar'ı 48px'e zorlayan bir block vardı; viewport daralınca
   3.5em hesaplaması zaten font-size düşmesi nedeniyle değişiyordu — ek olarak bu media query 48px override'ı
   yapıp ikinci bir daralma yaratıyordu. İki kaynak da temizlendi. */
.sidebar-menu-item[b-hnvop1c00p] {
    min-height: 40px;
    align-items: center !important;
    display: flex;
}
.menu-collapsed[b-hnvop1c00p] {
    transition: width 0.2s;
}
.menu-expanded[b-hnvop1c00p] {
    transition: width 0.2s;
}

.folder-content[b-hnvop1c00p] {
    display: none;
}

.sidebar-col .card[b-hnvop1c00p] {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-col .card.menu-expanded[b-hnvop1c00p],
.sidebar-col .card.menu-collapsed[b-hnvop1c00p] {
    opacity: 1;
}
.vertical-dragbar[b-hnvop1c00p] {
    width: 8px;
    background: transparent;
    cursor: ew-resize;
    /* position: absolute; */
    top: 0;
    right: -4px;
    bottom: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease;
    user-select: none;
}

.drag-handle[b-hnvop1c00p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 100%;
    gap: 4px;
}

.drag-dot[b-hnvop1c00p] {
    width: 4px;
    height: 4px;
    background: var(--bs-secondary-color);
    border-radius: 50%;
    opacity: 0.8;
    transition: opacity 0.15s ease;
}