/* /ankara-siber-guvenlik-firmasi — ankara-server-companies.css (.asr) üzerine siber güvenliğe özel bileşenler */
.asg{--asg-high:#f97316;--asg-medium:#f5b301}

/* ---- Hero: trafik filtreleme şeması ---- */
.asg-guard{position:relative;z-index:1;margin-top:64px;padding:32px;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:radial-gradient(ellipse at 50% 40%,rgba(59,130,246,.14),transparent 60%),#070b16;text-align:left}
.asg-guard__flow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr);gap:0 56px;align-items:stretch}
.asg-guard__col{display:flex;flex-direction:column;gap:16px}
.asg-guard__head{font-size:var(--font-size-12);font-weight:var(--font-weight-600);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500)}
.asg-guard__traffic,.asg-guard__assets{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:10px}
.asg-guard__traffic li,.asg-guard__assets li{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid hsla(0,0%,100%,.07);border-radius:8px;background-color:hsla(0,0%,100%,.03)}
.asg-guard__traffic li>span:nth-child(2),.asg-guard__assets li>span:nth-child(2),.asg-guard__shield li>span:last-child,.asg-guard__badge>span:last-child{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)}
.asg-guard strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-100)}
.asg-guard__dot{flex-shrink:0;width:8px;height:8px;border-radius:100px}
.is-bad .asg-guard__dot{background-color:var(--danger);box-shadow:0 0 0 3px rgba(255,40,58,.18)}
.is-good .asg-guard__dot{background-color:var(--success);box-shadow:0 0 0 3px rgba(92,225,92,.18)}
.asg-guard__traffic li.is-bad{border-color:rgba(255,40,58,.22)}
/* Trafik şeritleri: kartın sağından güvenlik katmanına */
.asg-guard__lane{position:absolute;top:50%;left:100%;width:56px;height:2px;transform:translateY(-50%)}
.asg-guard__lane i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 12px);background-size:12px 2px;animation:asg-lane .6s linear infinite}
.is-bad .asg-guard__lane{width:44px;color:var(--danger)}
.is-good .asg-guard__lane{color:var(--success)}
.asg-guard__lane b{position:absolute;top:50%;right:-10px;font-size:12px;font-weight:700;line-height:1;color:var(--danger);transform:translateY(-50%);animation:asg-blink 1.2s ease-in-out infinite}
/* Güvenlik katmanı */
.asg-guard__col--layer{position:relative}
.asg-guard__shield{position:relative;display:flex;flex:1;flex-direction:column;gap:12px;padding:18px;border:1px solid rgba(59,130,246,.55);border-radius:10px;background-color:rgba(59,130,246,.08);box-shadow:0 0 0 4px rgba(59,130,246,.06),0 0 40px rgba(59,130,246,.25)}
.asg-guard__shield:before{content:"";position:absolute;inset:-1px;border-radius:10px;border:1px solid rgba(96,165,250,.6);animation:asg-glow 2.4s ease-in-out infinite;pointer-events:none}
.asg-guard__badge{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.08)}
.asg-guard__badge-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:10px;background-color:var(--azure-radiance-500);color:var(--white);box-shadow:0 0 20px rgba(59,130,246,.6)}
.asg-guard__badge strong{font-size:var(--font-size-16)}
.asg-guard__shield ul{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:8px}
.asg-guard__shield li{display:flex;align-items:center;gap:10px}
.asg-guard__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:8px;background-color:rgba(59,130,246,.14);color:var(--azure-radiance-400)}
.asg-guard__out{position:absolute;top:calc(50% + 16px);left:100%;width:56px;height:2px;color:var(--success)}
.asg-guard__out i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,currentColor 0 6px,transparent 6px 12px);background-size:12px 2px;animation:asg-lane .6s linear infinite}
/* Altyapı */
.asg-guard__assets li{border-color:rgba(92,225,92,.18)}
.asg-guard__assets .asg-guard__icon{background-color:rgba(92,225,92,.12);color:var(--success)}
.asg-guard__assets em{flex-shrink:0;padding:2px 8px;border-radius:4px;background-color:rgba(92,225,92,.12);font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--success)}
/* Durum şeridi */
.asg-guard__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;padding-top:24px;border-top:1px solid hsla(0,0%,100%,.08)}
.asg-guard__stats div{display:flex;flex-direction:column;gap:2px}
.asg-guard__stats dt{font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);color:var(--white)}
.asg-guard__stats dt.is-safe{color:var(--success)}
.asg-guard__stats dd{font-size:var(--font-size-14);color:var(--slate-500)}
@keyframes asg-lane{to{background-position:12px 0}}
@keyframes asg-blink{50%{opacity:.3}}
@keyframes asg-glow{0%,100%{opacity:.2}50%{opacity:1}}
@media (max-width:1023px){
  .asg-guard{margin-top:48px;padding:20px}
  .asg-guard__flow{grid-template-columns:1fr;gap:40px}
  .asg-guard__lane,.asg-guard__out{display:none}
  .asg-guard__col--layer:before,.asg-guard__col--assets:before{content:"";position:absolute;top:-32px;left:50%;width:2px;height:24px;background:repeating-linear-gradient(180deg,var(--azure-radiance-500) 0 4px,transparent 4px 8px)}
  .asg-guard__col--assets{position:relative}
  .asg-guard__col--assets:before{background:repeating-linear-gradient(180deg,var(--success) 0 4px,transparent 4px 8px)}
  .asg-guard__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media (prefers-reduced-motion:reduce){.asg-guard__lane i,.asg-guard__out i,.asg-guard__lane b,.asg-guard__shield:before{animation:none}}

/* ---- Risk testi: burada çok işaret olumsuz anlamına gelir, ölçer kırmızıya döner ---- */
.asg .aai-ready.is-high .aai-ready__meter i.is-on{background-color:var(--danger)}

/* ---- Tarama raporu (koyu bant) ---- */
.asr .asg-report{background-color:var(--slate-950)}
.asg-report__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)}
.asg-report__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)}
.asg-report__panel li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.asg-report__level{justify-self:start;padding:2px 8px;border-radius:4px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20)}
.asg-report__level.is-critical{background-color:rgba(255,40,58,.16);color:var(--red-100)}
.asg-report__level.is-high{background-color:rgba(249,115,22,.16);color:var(--asg-high)}
.asg-report__level.is-medium{background-color:rgba(245,179,1,.16);color:var(--asg-medium)}
.asg-report__who{display:flex;flex-direction:column;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.asg-report__who strong{font-size:var(--font-size-16);font-weight:var(--font-weight-500);line-height:var(--line-height-24);color:var(--slate-200)}
.asg-report__status{font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--slate-400)}
.asg-report__status.is-done{color:var(--success)}
.asg-report__text .h1{color:var(--white)}
.asg-report__text>p{margin:24px 0 32px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-400)}
.asg-report__link{margin-top:32px;color:var(--azure-radiance-400)}
@media (max-width:767px){.asg-report__panel{padding:20px}.asg-report__panel li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.asg-report__level{grid-column:1 / -1}}