/* /ankara-qr-gecis-sistemi — ankara-server-companies.css (.asr) üzerine QR geçişe özel bileşenler */

/* ---- Hero: okuyucu ekranı maketi ---- */
.aqr-hero-visual{--asr-mock:360px}
.aqr-reader__screen{display:flex;flex-direction:column;gap:14px;width:100%;padding:18px;border:10px solid #1b2236;border-radius:8px;background-color:var(--slate-50)}
.aqr-reader__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.aqr-reader__gate{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)}
.aqr-reader__gate svg{color:var(--azure-radiance-600)}
.aqr-reader__online{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)}
.aqr-reader__online:before{content:"";width:6px;height:6px;border-radius:100px;background-color:var(--success)}
.aqr-reader__code{position:relative;align-self:center;width:168px;padding:12px;overflow:hidden;border-radius:8px;background-color:var(--white);box-shadow:0 1px 0 var(--slate-200);color:var(--slate-900)}
.aqr-reader__code svg{display:block;width:100%;height:auto}
.aqr-reader__line{position:absolute;left:8px;right:8px;top:12px;height:2px;border-radius:100px;background-color:var(--azure-radiance-500);box-shadow:0 0 8px var(--azure-radiance-400);animation:aqr-scan 2.4s ease-in-out infinite}
@keyframes aqr-scan{0%,100%{top:12px}50%{top:calc(100% - 14px)}}
.aqr-reader__result{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background-color:var(--success-bg)}
.aqr-reader__ok{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:100px;background-color:var(--success);color:var(--success-text)}
.aqr-reader__result>span:last-child{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--success-text)}
.aqr-reader__result strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20)}
.aqr-reader__log{display:flex;flex-direction:column;gap:6px}
.aqr-reader__log li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:8px;background-color:var(--white);box-shadow:0 1px 0 var(--slate-200)}
.aqr-reader__log li>span{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-16);color:var(--slate-400)}
.aqr-reader__log strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-800)}
.aqr-reader__log time{font-size:var(--font-size-12);font-weight:var(--font-weight-500);color:var(--slate-500)}

/* ---- Karşılaştırma, akış ve modüller: ortak .asr-versus / .asr-flow / .asr-modules ---- */
.asr .aqr-compare,.asr .aqr-uses,.asr .aqr-flow,.asr .aqr-modules{background-color:var(--white)}
.aqr-flow{--asr-flow-cols:4}

/* ---- Geçiş kayıtları (koyu bant, kayıt paneli) ---- */
.asr .aqr-log{background-color:var(--slate-950)}
.aqr-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)}
.aqr-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)}
.aqr-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)}
.aqr-log__who{display:flex;flex-direction:column;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.aqr-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)}
.aqr-log__status{font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--slate-300)}
.aqr-log__panel time{font-size:var(--font-size-14);color:var(--slate-500)}
.aqr-log__panel li.is-denied .aqr-log__status{color:var(--red-100)}
.aqr-log__text .h1{color:var(--white)}
.aqr-log__text>p{margin:24px 0 32px;font-size:var(--font-size-18);line-height:var(--line-height-30);color:var(--slate-400)}
.aqr-log__link{margin-top:32px;color:var(--azure-radiance-400)}
@media (max-width:767px){.aqr-log__panel{padding:20px}.aqr-log__panel li{grid-template-columns:10px minmax(0,1fr) auto;gap:12px}.aqr-log__panel time{display:none}}

@media (prefers-reduced-motion:reduce){.aqr-reader__line{animation:none}}
