/* Araç & ekip detay sayfası — sahne: ekip + araç kartları, yetki listesi, sabah özeti bildirimi — .ae-* */
.ae{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 186px;gap:16px;align-items:start;max-width:560px;margin:0 auto;padding-bottom:16px}
.ae-col{display:flex;flex-direction:column;gap:14px;min-width:0}
.ae-card{background:#fff;color:#0e2a20;border-radius:20px;padding:14px 16px;box-shadow:0 24px 50px -26px rgba(0,0,0,.7)}
.ae-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ae-h b{font-size:15px;font-weight:800;letter-spacing:-.02em}
.ae-h span{font-size:11.5px;font-weight:700;color:#5b6b62}
.ae-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #e4eae6;position:relative}
.ae-row:last-child{border:0}
.ae-row>div{flex:1;min-width:0}
.ae-row b{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ae-row small{display:block;font-size:11px;color:#5b6b62;font-weight:600;transition:color .3s}
.ae-av{width:30px;height:30px;border-radius:50%;background:#ddf3ea;color:#1f7a57;font-style:normal;font-weight:800;font-size:10.5px;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:background .3s,color .3s,border-color .3s}
.ae-role{font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;flex:none;background:#e9f3ec;color:#1f5234}
.ae-role-adm{background:#e8eef9;color:#2c4aa8}
.ae-role-drv{background:#fdefd2;color:#7a4b07}
.ae-pending .ae-av{background:#fff;color:#8a9a91;border:1.5px dashed #b8c4bd}
.ae-pending small{color:#b45309}
.ae-pending small::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f5a524;margin-right:5px;vertical-align:1px;animation:aeBlink 1.2s ease-in-out infinite}
.ae-pending .ae-role{opacity:0;transform:translateX(6px);transition:opacity .35s,transform .35s}
.ae-tick{width:22px;height:22px;border-radius:50%;background:#15803d;color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.4,1)}
.ae-pending.joined .ae-av{background:#fdefd2;color:#7a4b07;border-color:transparent;border-style:solid}
.ae-pending.joined small{color:#15803d}
.ae-pending.joined small::before{background:#15803d;animation:none}
.ae-pending.joined .ae-role{opacity:1;transform:none}
.ae-pending.joined .ae-tick{transform:scale(1)}
.ae-veh{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #e4eae6;flex-wrap:wrap}
.ae-veh:last-child{border:0}
.ae-plate{font-size:12.5px;font-weight:800;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:#f2f5f3;border:1.5px solid #0e2a20;font-variant-numeric:tabular-nums;flex:none}
.ae-chips{display:flex;gap:5px;flex:1;min-width:0;flex-wrap:wrap}
.ae-chips span{display:inline-flex;flex-direction:column;gap:1px;font-size:9.5px;font-weight:700;color:#5b6b62;background:#f2f5f3;border-radius:9px;padding:4px 8px;transition:background .35s,color .35s}
.ae-chips b{font-size:11px;color:#0e2a20;font-variant-numeric:tabular-nums;transition:color .35s}
.ae-chips b em{font-style:normal}
.ae-chips span.warn{background:#fdefd2;color:#7a4b07}
.ae-chips span.warn b{color:#b45309}
.ae-perm{background:#0e2a20;color:#fff;border-radius:20px;padding:14px;border:1.5px solid rgba(255,255,255,.08);transition:border-color .4s,box-shadow .4s}
.ae-perm.on{border-color:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.14)}
.ae-perm-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;margin-bottom:8px}
.ae-perm-h i{width:24px;height:24px;border-radius:7px;background:#3bb78f;color:#05130c;display:inline-flex;align-items:center;justify-content:center;font-style:normal;flex:none}
.ae-perm ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.ae-perm li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:rgba(214,235,224,.9);padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.ae-perm li:last-child{border:0}
.ae-perm li i{width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.ae-perm li.ok i{background:#34d399;color:#05130c}
.ae-perm li.no i{background:rgba(255,255,255,.1);color:rgba(255,255,255,.55)}
.ae-perm li.no{color:rgba(214,235,224,.5)}
.ae-perm small{display:block;margin-top:10px;font-size:10.5px;color:rgba(214,235,224,.6);line-height:1.4}
.ae-notif{position:absolute;right:-10px;bottom:-4px;display:flex;gap:10px;align-items:center;max-width:270px;background:#0e2a20;color:#fff;border-radius:16px;padding:10px 13px;box-shadow:0 18px 40px rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.08);transform:translateX(calc(100% + 24px));opacity:0;transition:transform .55s cubic-bezier(.3,.9,.3,1),opacity .4s;z-index:3}
.ae-notif.on{transform:none;opacity:1}
.ae-notif i{width:30px;height:30px;border-radius:9px;background:#f5a524;color:#1d1200;display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.ae-notif b{display:block;font-size:12.5px}
.ae-notif small{display:block;font-size:11px;opacity:.7;margin-top:2px;line-height:1.35}
@keyframes aeBlink{0%,100%{opacity:1}50%{opacity:.3}}
@media (max-width:960px){
 .ae{grid-template-columns:minmax(0,1fr);max-width:100%}
 .ae-perm{order:3}
 .ae-notif{right:6px;bottom:auto;top:46%}
}
@media (max-width:420px){
 .ae-card{padding:12px 13px}
 .ae-chips{width:100%}
 .ae-notif{max-width:240px}
}
@media (prefers-reduced-motion:reduce){
 .ae-pending small::before{animation:none}
 .ae-tick,.ae-pending .ae-role,.ae-notif,.ae-av,.ae-chips span,.ae-chips b,.ae-perm{transition:none}
}