/* Belgelerim sekmesi (kod adı drive): solda klasör ağacı, sağda seçili klasörün içeriği. Notlar sekmesiyle aynı dil. */
.ws-drive { background: var(--bg); }
.rail-btn[data-tab="drive"] i { color: #34d399; }
body.sade-simge .rail-btn[data-tab="drive"] i { color: inherit !important; }

.drive-yan { width: 250px; flex: none; border-right: 1px solid var(--line); background: var(--bg-2); display: flex; flex-direction: column; padding: 14px 10px; gap: 8px; overflow-y: auto; }
.drive-agac { display: flex; flex-direction: column; gap: 2px; }
.drive-dal { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 10px; color: var(--text-2); text-align: left; font-size: 14px; width: 100%; background: none; border: 0; cursor: pointer; font: inherit; }
.drive-dal i { width: 18px; text-align: center; color: #fbbf24; flex: none; }
.drive-dal .fa-lock { width: auto; font-size: 11px; color: var(--text-3); }
.drive-dal span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drive-dal:hover { background: var(--bg-hover); color: var(--text); }
.drive-dal.active { background: var(--bg-active); color: var(--text); font-weight: 600; }
.drive-dal.sistem i:first-child { color: #818cf8; }
.drive-dal.kok i:first-child { color: #34d399; }
.drive-dal.cop i:first-child { color: var(--text-3); }
.drive-dal.birak-hedef { outline: 2px dashed var(--primary); outline-offset: -2px; }
.drive-ayrac { height: 1px; background: var(--line); margin: 6px 4px; }
.drive-kullanim { margin-top: auto; padding: 8px 6px 0; font-size: 12px; color: var(--text-3); }
.drive-kullanim .cubuk { height: 4px; border-radius: 4px; background: var(--bg-3); margin-top: 5px; overflow: hidden; }
.drive-kullanim .cubuk b { display: block; height: 100%; background: var(--primary); }

.drive-ana { flex: 1; min-width: 0; display: flex; flex-direction: column; position: relative; }
.drive-bas { display: flex; align-items: center; gap: 10px; padding: 14px 20px 10px; flex-wrap: wrap; }
.drive-yol { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; min-width: 0; font-family: var(--font-head); font-size: 19px; font-weight: 600; }
.drive-yol button { background: none; border: 0; color: var(--text-2); font: inherit; cursor: pointer; padding: 2px 4px; border-radius: 6px; }
.drive-yol button:hover { background: var(--bg-hover); color: var(--text); }
.drive-yol button:last-child { color: var(--text); }
.drive-yol .ayir { color: var(--text-3); font-size: 12px; }
.drive-arac { display: flex; gap: 8px; flex-wrap: wrap; }
.drive-arac .btn.danger { color: var(--danger); }
.drive-not { margin: 0 20px 10px; padding: 9px 12px; border-radius: var(--radius-sm); background: rgba(var(--vurgu-rgb), .08); border: 1px solid rgba(var(--vurgu-rgb), .25); font-size: 13px; color: var(--text-2); line-height: 1.5; }
.drive-not i { color: var(--primary); margin-right: 6px; }

.drive-liste { flex: 1; overflow-y: auto; padding: 0 20px 24px; }
.drive-satir { display: grid; grid-template-columns: 34px minmax(0, 1fr) 90px 120px 36px; gap: 10px; align-items: center; padding: 8px 10px; border-radius: var(--radius-sm); cursor: pointer; user-select: none; border-bottom: 1px solid var(--line); }
.drive-satir:hover { background: var(--bg-hover); }
.drive-satir.secili { background: var(--bg-active); }
.drive-satir.baslik { cursor: default; font-size: 12px; color: var(--text-3); text-transform: uppercase; letter-spacing: .04em; padding-top: 4px; padding-bottom: 6px; }
.drive-satir.baslik:hover { background: none; }
.drive-satir .ico { width: 34px; height: 34px; border-radius: 8px; display: flex; align-items: center; justify-content: center; background: var(--bg-3); font-size: 16px; color: var(--primary); }
.drive-satir .ico.klasor { color: #fbbf24; }
.drive-satir .ico.metin { color: #f59e0b; }
.drive-satir .ad { min-width: 0; }
.drive-satir .ad strong { display: block; font-weight: 500; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drive-satir .ad small { display: block; font-size: 12px; color: var(--text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.drive-satir .ad small .kirik { color: var(--danger); }
.drive-satir .ad small .kisa { color: var(--primary); }
.drive-satir .boyut, .drive-satir .tarih { font-size: 13px; color: var(--text-2); white-space: nowrap; }
.drive-satir .menu-btn { width: 32px; height: 32px; }
.drive-satir .mobil-ek { display: none; }
.drive-satir.kirik-satir .ad strong { color: var(--text-3); text-decoration: line-through; }
.drive-satir.birak-hedef { outline: 2px dashed var(--primary); outline-offset: -2px; }
.drive-bos { text-align: center; color: var(--text-3); padding: 50px 20px; }
.drive-bos i { font-size: 36px; opacity: .5; }
.drive-bos p { margin-top: 10px; font-size: 14px; line-height: 1.5; }

.drive-birak { position: absolute; inset: 8px; border: 2px dashed var(--primary); border-radius: var(--radius); background: rgba(var(--vurgu-rgb), .1); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--text); pointer-events: none; z-index: 5; }
.drive-birak i { font-size: 34px; color: var(--primary); }

.pop-menu.drive-menu button i { visibility: visible; width: 16px; text-align: center; }
.pop-menu.drive-menu button.tehlike, .pop-menu.drive-menu button.tehlike i { color: var(--danger); }
.pop-menu.drive-menu button:disabled { opacity: .45; cursor: default; }
.pop-menu.drive-menu .ayrac { height: 1px; background: var(--line); margin: 4px 6px; }

.drive-tasi-satir { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border-radius: var(--radius-sm); text-align: left; color: var(--text); background: none; border: 0; font: inherit; cursor: pointer; }
.drive-tasi-satir:hover { background: var(--bg-hover); }
.drive-tasi-satir:disabled { opacity: .45; cursor: default; }
.drive-tasi-satir i { color: #fbbf24; width: 18px; text-align: center; }

.asset-pick:disabled { opacity: .5; cursor: not-allowed; }

@media (max-width: 760px) {
  .ws-drive { flex-direction: column; }
  .drive-yan { width: 100%; flex-direction: row; align-items: center; padding: 8px 10px; border-right: 0; border-bottom: 1px solid var(--line); overflow-x: auto; overflow-y: hidden; flex: none; }
  .drive-yan .notlar-yan-bas strong { display: none; }
  .drive-agac { flex-direction: row; gap: 4px; }
  .drive-dal { white-space: nowrap; padding: 7px 10px; width: auto; padding-left: 10px !important; }
  .drive-dal span { overflow: visible; }
  .drive-ayrac { display: none; }
  .drive-kullanim { display: none; }
  .drive-bas { padding: 10px 14px 8px; }
  .drive-yol { font-size: 16px; width: 100%; }
  .drive-arac { width: 100%; }
  .drive-arac .btn { flex: 1; justify-content: center; padding: 8px 10px; }
  .drive-not { margin: 0 14px 8px; }
  .drive-liste { padding: 0 10px 20px; }
  .drive-satir { grid-template-columns: 34px minmax(0, 1fr) 36px; }
  .drive-satir .boyut, .drive-satir .tarih { display: none; }
  .drive-satir.baslik { display: none; }
  .drive-satir .mobil-ek { display: inline; }
}