/* /ankara-uretim-takip-yazilimi — ankara-server-companies.css (.asr) üzerine üretim takibine özel bileşenler */
.aut{--aut-warn:#f5b301}

/* ---- Hero: canlı üretim paneli ---- */
.aut-board{position:relative;z-index:1;margin-top:64px;padding:28px;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}
.aut-board strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-20);color:var(--slate-100)}
.aut-board__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;font-size:var(--font-size-14);color:var(--slate-500)}
.aut-board__live{display:inline-flex;align-items:center;gap:8px;font-weight:var(--font-weight-600);color:var(--slate-100)}
.aut-board__live i{width:8px;height:8px;border-radius:100px;background-color:var(--success);animation:aut-pulse 1.6s ease-out infinite}

/* Aşamalar */
.aut-board__stages{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.aut-board__stages:before{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,rgba(59,130,246,.5) 0 6px,transparent 6px 12px);background-size:12px 2px;animation:aut-lane .8s linear infinite}
.aut-board__stages li{position:relative;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid hsla(0,0%,100%,.07);border-radius:8px;background-color:#0b1120}
.aut-board__stage-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background-color:hsla(0,0%,100%,.05);color:var(--slate-400)}
.aut-board__stage-name{flex:1;min-width:0;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.aut-board__stages strong{font-size:var(--font-size-20);line-height:var(--line-height-28)}
.aut-board__stages li.is-done .aut-board__stage-icon{background-color:rgba(92,225,92,.12);color:var(--success)}
.aut-board__stages li.is-active{border-color:rgba(59,130,246,.6);box-shadow:0 0 0 4px rgba(59,130,246,.08),0 0 28px rgba(59,130,246,.25)}
.aut-board__stages li.is-active .aut-board__stage-icon{background-color:var(--azure-radiance-500);color:var(--white)}
.aut-board__stages li.is-active .aut-board__stage-name{color:var(--slate-100)}

/* Kartlar */
.aut-board__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;margin-top:16px}
.aut-board__side{display:flex;flex-direction:column;gap:16px}
.aut-board__side>.aut-board__card{flex:1}
.aut-board__side .aut-board__lines{flex:1;justify-content:space-around}
.aut-board__card{display:flex;flex-direction:column;padding:18px;border:1px solid hsla(0,0%,100%,.07);border-radius:8px;background-color:hsla(0,0%,100%,.03)}
.aut-board__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);letter-spacing:.08em;text-transform:uppercase;color:var(--slate-500)}
.aut-board__head em{padding:2px 8px;border-radius:4px;background-color:rgba(59,130,246,.14);font-style:normal;letter-spacing:0;text-transform:none;color:var(--azure-radiance-400)}

/* İş emirleri */
.aut-board__orders li{display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 84px;gap:14px;align-items:center;padding:12px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.aut-board__code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-size-12);color:var(--slate-500)}
.aut-board__product{display:flex;flex-direction:column;min-width:0;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-500)}
.aut-board__bar-track{position:relative;height:6px;border-radius:100px;background-color:hsla(0,0%,100%,.06);overflow:hidden}
.aut-board__bar-track i{position:absolute;inset:0 auto 0 0;border-radius:100px;background-color:var(--azure-radiance-500)}
.is-done .aut-board__bar-track i{background-color:var(--success)}
.is-live .aut-board__bar-track i{animation:aut-fill 4s ease-in-out infinite}
.aut-board__status{justify-self:end;padding:2px 8px;border-radius:4px;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-20)}
.is-active .aut-board__status{background-color:rgba(59,130,246,.14);color:var(--azure-radiance-400)}
.is-done .aut-board__status{background-color:rgba(92,225,92,.12);color:var(--success)}
.is-wait .aut-board__status{background-color:hsla(0,0%,100%,.06);color:var(--slate-400)}

/* Hat durumu */
.aut-board__lines{display:flex;flex-direction:column;gap:10px}
.aut-board__lines li{display:flex;align-items:center;gap:12px}
.aut-board__lines 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)}
.aut-board__dot{flex-shrink:0;width:8px;height:8px;border-radius:100px}
.is-run .aut-board__dot{background-color:var(--success);box-shadow:0 0 0 3px rgba(92,225,92,.18)}
.is-stop .aut-board__dot{background-color:var(--aut-warn);box-shadow:0 0 0 3px rgba(245,179,1,.18);animation:aut-blink 1.2s ease-in-out infinite}
.aut-board__lines em{font-size:var(--font-size-14);font-style:normal;font-weight:var(--font-weight-600);color:var(--success)}
.aut-board__lines .is-stop em{color:var(--aut-warn)}

/* Kritik stok uyarısı */
.aut-board__alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid rgba(255,40,58,.3);border-radius:8px;background-color:rgba(255,40,58,.06)}
.aut-board__alert-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background-color:rgba(255,40,58,.14);color:var(--red-100)}
.aut-board__alert>span:last-child{display:flex;flex-direction:column;font-size:var(--font-size-12);line-height:var(--line-height-18);color:var(--slate-400)}

/* Durum şeridi */
.aut-board__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid hsla(0,0%,100%,.08)}
.aut-board__stats div{display:flex;flex-direction:column;gap:2px}
.aut-board__stats dt{font-size:var(--font-size-24);font-weight:var(--font-weight-600);line-height:var(--line-height-32);color:var(--white)}
.aut-board__stats dd{font-size:var(--font-size-14);color:var(--slate-500)}

@keyframes aut-lane{to{background-position:12px 0}}
@keyframes aut-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 aut-blink{50%{opacity:.35}}
@keyframes aut-fill{0%{width:76%}50%,100%{width:82%}}

@media (max-width:1199px){
  .aut-board__stages{grid-template-columns:repeat(5,minmax(0,1fr))}
  .aut-board__stages li{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width:1023px){
  .aut-board{margin-top:48px;padding:20px}
  .aut-board__grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .aut-board__bar>span:last-child{display:none}
  .aut-board__stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .aut-board__stages:before{display:none}
  .aut-board__stages li:last-child{grid-column:1 / -1}
  .aut-board__stages li{flex-direction:row;align-items:center;gap:10px;padding:10px 12px}
  .aut-board__stage-icon{width:32px;height:32px}
  .aut-board__stages strong{font-size:var(--font-size-18)}
  .aut-board__orders li{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
  .aut-board__code{grid-column:1 / -1}
  .aut-board__bar-track{grid-column:1 / -1;grid-row:3}
  .aut-board__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}
@media (prefers-reduced-motion:reduce){.aut-board__live i,.aut-board__stages:before,.is-live .aut-board__bar-track i,.is-stop .aut-board__dot{animation:none}}

/* ---- Akış: ortak .asr-flow ---- */
.asr .aut-flow{background-color:var(--white)}

/* ---- Vardiya raporu (koyu bant) ---- */
.asr .aut-shift{background-color:var(--slate-950)}
.aut-shift__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)}
.aut-shift__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)}
.aut-shift__panel li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 16px;align-items:center;padding:16px 0;border-top:1px solid hsla(0,0%,100%,.06)}
.aut-shift__who{display:flex;flex-direction:column;font-size:var(--font-size-14);line-height:var(--line-height-20);color:var(--slate-400)}
.aut-shift__who strong{font-size:var(--font-size-16);font-weight:var(--font-weight-500);line-height:var(--line-height-24);color:var(--slate-200)}
.aut-shift__num{font-size:var(--font-size-14);font-weight:var(--font-weight-500);color:var(--slate-300)}
.aut-shift__track{position:relative;height:8px;border-radius:100px;background-color:hsla(0,0%,100%,.06);overflow:hidden}
.aut-shift__track i{position:absolute;inset:0 auto 0 0;border-radius:100px;background-color:var(--success)}
.aut-shift__pct{font-size:var(--font-size-14);font-weight:var(--font-weight-600);color:var(--success)}
.is-low .aut-shift__track i{background-color:var(--aut-warn)}
.is-low .aut-shift__pct{color:var(--aut-warn)}
.aut-shift__note{display:flex;align-items:center;gap:8px;margin-top:4px;padding:12px 14px;border-radius:8px;background-color:rgba(245,179,1,.08);font-size:var(--font-size-14);color:var(--aut-warn)}
.aut-shift__note svg{flex-shrink:0}
.aut-shift__text .h1{color:var(--white)}
.aut-shift__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){.aut-shift__panel{padding:20px}}