/* /ankara-veri-yedekleme — ankara-server-companies.css (.asr) üzerine veri yedeklemeye özel bileşenler */

/* ---- Hero: yedekleme paneli maketi ---- */
.avb-hero-visual{--asr-mock:360px}
.avb-panel__screen{display:flex;flex-direction:column;gap:14px;width:100%;padding:18px;border:10px solid #1b2236;border-radius:8px;background-color:var(--slate-50)}
.avb-panel__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.avb-panel__title{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-800)}
.avb-panel__title svg{color:var(--azure-radiance-600)}
.avb-panel__status{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:100px;background-color:var(--success-bg);font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--success-text)}
.avb-panel__status:before{content:"";width:6px;height:6px;border-radius:100px;background-color:var(--success)}
.avb-panel__run{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:8px;background-color:var(--white);box-shadow:0 1px 0 var(--slate-200)}
.avb-panel__run-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.avb-panel__run-head>span:first-child{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-400)}
.avb-panel__run-head strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-800)}
.avb-panel__pct{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--azure-radiance-600)}
.avb-panel__bar{display:block;height:6px;overflow:hidden;border-radius:100px;background-color:var(--slate-100)}
.avb-panel__bar i{display:block;width:68%;height:100%;border-radius:100px;background-color:var(--azure-radiance-500);animation:avb-bar 2.4s ease-in-out infinite alternate}
@keyframes avb-bar{from{width:58%}to{width:72%}}
.avb-panel__jobs{display:flex;flex-direction:column;gap:6px}
.avb-panel__jobs li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;background-color:var(--white);box-shadow:0 1px 0 var(--slate-200)}
.avb-panel__ok{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:100px;background-color:var(--success-bg);color:var(--success-text)}
.avb-panel__jobs 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-16);color:var(--slate-400)}
.avb-panel__jobs strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-800)}
.avb-panel__jobs time{font-size:var(--font-size-12);font-weight:var(--font-weight-500);color:var(--slate-500);white-space:nowrap}

/* ---- Karşılaştırma, kapsam, akış ve özellikler: ortak .asr-versus / .asr-modules / .asr-flow ---- */
.asr .avb-compare,.asr .avb-scope,.asr .avb-flow,.asr .avb-features{background-color:var(--white)}
.avb-flow{--asr-flow-cols:4}

/* ---- Yedekleme işleri (koyu bant) ---- */
.asr .avb-log{background-color:var(--slate-950)}
.avb-log__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)}
.avb-log__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)}
.avb-log__panel li{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.avb-log__who{display:flex;flex-direction:column;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.avb-log__who strong{font-size:var(--font-size-16);font-weight:var(--font-weight-500);line-height:var(--line-height-24);color:var(--slate-200)}
.avb-log__status{font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--slate-300)}
.avb-log__panel time{font-size:var(--font-size-14);color:var(--slate-500)}
.avb-log__panel li.is-failed .avb-log__status{color:var(--red-100)}
.avb-log__text .h1{color:var(--white)}
.avb-log__text>p{margin:24px 0 32px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-400)}
.avb-log__link{margin-top:32px;color:var(--azure-radiance-400)}
@media (max-width:767px){.avb-log__panel{padding:20px}.avb-log__panel li{grid-template-columns:10px minmax(0,1fr) auto;gap:12px}.avb-log__panel time{display:none}}

@media (prefers-reduced-motion:reduce){.avb-panel__bar i{animation:none}}

/* ---- Harita: Gebze, İstanbul ve Ankara yedek lokasyonları ---- */
.asr .avb-map{background-color:var(--white)}
.avb-map__card{margin-top:56px;padding:40px;border:1px solid var(--slate-200);border-radius:8px;background-color:var(--slate-50)}
.avb-map__svg{display:block;width:100%;max-width:900px;height:auto;margin:0 auto;overflow:visible}
.avb-map__dots{fill:none;stroke:var(--slate-300);stroke-width:4;stroke-linecap:round}
.avb-map__route{fill:none;stroke:var(--azure-radiance-500);stroke-width:2;stroke-dasharray:6 6;animation:avb-route 1.2s linear infinite}
@keyframes avb-route{to{stroke-dashoffset:-12}}
.avb-map__point{fill:var(--azure-radiance-500);stroke:var(--white);stroke-width:2}
.avb-map__pulse{fill:var(--azure-radiance-500);opacity:.18;transform-box:fill-box;transform-origin:center;animation:avb-pulse 2s ease-out infinite}
.avb-map__pin.is-main .avb-map__point{fill:var(--azure-radiance-600)}
@keyframes avb-pulse{0%{transform:scale(.6);opacity:.35}100%{transform:scale(1.8);opacity:0}}
.avb-map__pin text{font-size:16px;font-weight:600;fill:var(--slate-800);paint-order:stroke;stroke:var(--slate-50);stroke-width:4px;stroke-linejoin:round}
.avb-map__sites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;text-align:left}
.avb-map__sites li{position:relative;display:flex;flex-direction:column;gap:8px;padding:24px;border-radius:8px;background-color:var(--white);box-shadow:0 1px 0 var(--slate-200)}
.avb-map__marker{width:10px;height:10px;border-radius:100px;background-color:var(--azure-radiance-500);box-shadow:0 0 0 4px var(--azure-radiance-100)}
.avb-map__sites p{font-size:var(--font-size-14);line-height:var(--line-height-22);color:var(--slate-500)}
@media (max-width:767px){.avb-map__card{margin-top:40px;padding:20px 16px}.avb-map__sites{grid-template-columns:1fr}.avb-map__pin text{font-size:24px}}
@media (prefers-reduced-motion:reduce){.avb-map__route,.avb-map__pulse{animation:none}}