/* /ftp-hosting — ankara-server-companies.css (.asr) üzerine FTP hosting'e özel bileşenler */

/* ---- Hero: FTP dosya yöneticisi ---- */
.fth-client{position:relative;z-index:1;margin-top:64px;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:radial-gradient(ellipse at 50% 0,rgba(59,130,246,.14),transparent 60%),#070b16;text-align:left;overflow:hidden}
.fth-client strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-100)}
.fth-client__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.07);background-color:hsla(0,0%,100%,.02)}
.fth-client__dots{display:flex;gap:6px}
.fth-client__dots i{width:10px;height:10px;border-radius:100px;background-color:hsla(0,0%,100%,.12)}
.fth-client__host{display:inline-flex;align-items:center;gap:8px;padding:4px 14px;border-radius:6px;background-color:hsla(0,0%,100%,.05);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-12);color:var(--slate-300)}
.fth-client__host svg{color:var(--success)}
.fth-client__state{display:inline-flex;align-items:center;justify-self:end;gap:8px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);color:var(--success)}
.fth-client__state i{width:8px;height:8px;border-radius:100px;background-color:var(--success);animation:fth-pulse 1.6s ease-out infinite}
.fth-client__body{display:grid;grid-template-columns:200px minmax(0,1fr) 260px}
.fth-client__label{display:block;margin-bottom:12px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500)}

/* Klasör ağacı */
.fth-client__tree{display:flex;flex-direction:column;padding:20px;border-right:1px solid hsla(0,0%,100%,.07)}
.fth-client__tree ul{display:flex;flex-direction:column;gap:4px}
.fth-client__tree li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;font-size:var(--font-size-14);color:var(--slate-400)}
.fth-client__tree li svg{color:var(--slate-500)}
.fth-client__tree li.is-active{background-color:rgba(59,130,246,.14);color:var(--slate-100)}
.fth-client__tree li.is-active svg{color:var(--azure-radiance-400)}
.fth-client__usage{margin-top:auto;padding-top:24px}
.fth-client__usage-track{position:relative;display:block;height:6px;border-radius:100px;background-color:hsla(0,0%,100%,.06);overflow:hidden}
.fth-client__usage-track i{position:absolute;inset:0 auto 0 0;width:41%;border-radius:100px;background-color:var(--azure-radiance-500)}
.fth-client__usage-text{display:block;margin-top:8px;font-size:var(--font-size-12);color:var(--slate-500)}
.fth-client__usage-text strong{font-size:var(--font-size-12)}

/* Dosya listesi */
.fth-client__main{display:flex;flex-direction:column;padding:20px}
.fth-client__path{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-14);color:var(--slate-200)}
.fth-client__path em{font-family:inherit;font-size:var(--font-size-12);font-style:normal;color:var(--slate-500)}
.fth-client__files li{display:grid;grid-template-columns:minmax(0,1fr) 80px 104px;gap:12px;align-items:center;padding:11px 0;border-top:1px solid hsla(0,0%,100%,.06);font-size:var(--font-size-12);color:var(--slate-500)}
.fth-client__files li>span:nth-child(n+2){text-align:right}
.fth-client__files-head{font-weight:var(--font-weight-600);letter-spacing:.06em;text-transform:uppercase}
.fth-client__name{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;font-size:var(--font-size-14);color:var(--slate-200);white-space:nowrap;text-overflow:ellipsis}
.fth-client__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:6px;background-color:rgba(59,130,246,.14);color:var(--azure-radiance-400)}
.fth-client__icon.is-up{background-color:rgba(92,225,92,.12);color:var(--success)}
.fth-client__transfer{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:center;margin-top:auto;padding:14px 16px;border:1px solid rgba(92,225,92,.2);border-radius:8px;background-color:rgba(92,225,92,.04)}
.fth-client__transfer-text{display:flex;flex-direction:column;min-width:0;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-500)}
.fth-client__transfer-track{position:relative;height:6px;border-radius:100px;background-color:hsla(0,0%,100%,.06);overflow:hidden}
.fth-client__transfer-track i{position:absolute;inset:0 auto 0 0;width:64%;border-radius:100px;background:repeating-linear-gradient(90deg,var(--success) 0 10px,#4ac94a 10px 20px);background-size:20px 6px;animation:fth-stripe .8s linear infinite}
.fth-client__transfer-pct{font-size:var(--font-size-14);font-weight:var(--font-weight-600);color:var(--success)}

/* Hesaplar */
.fth-client__side{display:flex;flex-direction:column;padding:20px;border-left:1px solid hsla(0,0%,100%,.07)}
.fth-client__accounts{display:flex;flex-direction:column;gap:10px}
.fth-client__accounts li{display:flex;align-items:center;gap:10px}
.fth-client__accounts li>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-500)}
.fth-client__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:100px;background-color:hsla(0,0%,100%,.07);font-size:var(--font-size-12);font-weight:var(--font-weight-600);color:var(--slate-200)}
.fth-client__accounts em{flex-shrink:0;padding:2px 8px;border-radius:4px;font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-600);line-height:var(--line-height-20)}
.fth-client__accounts em.is-full{background-color:rgba(59,130,246,.14);color:var(--azure-radiance-400)}
.fth-client__accounts em.is-read{background-color:hsla(0,0%,100%,.06);color:var(--slate-300)}
.fth-client__accounts em.is-write{background-color:rgba(92,225,92,.12);color:var(--success)}
.fth-client__dc{display:flex;align-items:center;gap:10px;margin-top:auto;padding:14px;border:1px solid rgba(59,130,246,.3);border-radius:8px;background-color:rgba(59,130,246,.06)}
.fth-client__dc>span:last-child{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-500)}

@keyframes fth-pulse{0%{box-shadow:0 0 0 0 rgba(92,225,92,.5)}100%{box-shadow:0 0 0 8px rgba(92,225,92,0)}}
@keyframes fth-stripe{to{background-position:20px 0}}

@media (max-width:1199px){
  .fth-client__body{grid-template-columns:180px minmax(0,1fr)}
  .fth-client__side{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;border-left:0;border-top:1px solid hsla(0,0%,100%,.07)}
  .fth-client__side .fth-client__label{grid-column:1 / -1;margin-bottom:0}
  .fth-client__dc{margin-top:0;align-self:end}
}
@media (max-width:1023px){.fth-client{margin-top:48px}}
@media (max-width:767px){
  .fth-client__bar{grid-template-columns:auto 1fr}
  .fth-client__dots{display:none}
  .fth-client__host{justify-self:start}
  .fth-client__body{grid-template-columns:1fr}
  .fth-client__tree{border-right:0;border-bottom:1px solid hsla(0,0%,100%,.07)}
  .fth-client__tree ul{flex-direction:row;flex-wrap:wrap}
  .fth-client__usage{padding-top:16px}
  .fth-client__files li{grid-template-columns:minmax(0,1fr) auto}
  .fth-client__files li>span:nth-child(3){display:none}
  .fth-client__transfer{grid-template-columns:auto minmax(0,1fr) auto;margin-top:16px}
  .fth-client__transfer-track{grid-column:1 / -1;grid-row:2}
  .fth-client__side{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.fth-client__state i,.fth-client__transfer-track i{animation:none}}

/* ---- Özellikler: ortak .asr-modules ---- */
.asr .fth-features{background-color:var(--white)}

/* ---- Erişim yetkileri (koyu bant) ---- */
.asr .fth-access{background-color:var(--slate-950)}
.fth-access__panel{position:relative;z-index:1;display:flex;flex-direction:column;padding:28px;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;background-color:var(--gray-100)}
.fth-access__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px;font-size:var(--font-size-18);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--white)}
.fth-access__panel li{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.fth-access__who{display:flex;flex:1;flex-direction:column;min-width:0;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.fth-access__who strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-16);font-weight:var(--font-weight-500);line-height:var(--line-height-24);color:var(--slate-200)}
.fth-access__perms{display:flex;gap:8px}
.fth-access__perms span{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:4px;background-color:hsla(0,0%,100%,.04);font-size:var(--font-size-12);font-weight:var(--font-weight-600);color:var(--slate-600);text-decoration:line-through}
.fth-access__perms span.is-on{background-color:rgba(92,225,92,.12);color:var(--success);text-decoration:none}
.fth-access__text .h1{color:var(--white)}
.fth-access__text>p{margin:24px 0 32px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-400)}
@media (max-width:767px){.fth-access__panel{padding:20px}.fth-access__panel li{flex-wrap:wrap}.fth-access__perms{width:100%;padding-left:46px}}

/* ---- Paketler: cloud-email.css karşılaştırma tablosu; landing (.asr) arka planı ---- */
.asr .fth-packages{background-color:var(--white)}