/* /ankara-sosyal-medya-yonetimi — ankara-server-companies.css (.asr) üzerine sosyal medyaya özel hero; diğer modüller kendi sayfalarının CSS'inden gelir */
.asm{--asm-ig:#e4407a;--asm-li:#2f7ae5;--asm-fb:#5b8def;--asm-loop:6s}

/* ---- Hero: gönderi önizlemesi + haftalık içerik takvimi ---- */
.asm-board{position:relative;z-index:1;width:100%;margin-top:64px;padding:28px;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;background:radial-gradient(ellipse at 30% 0,rgba(228,64,122,.12),transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(59,130,246,.14),transparent 60%),#070b16;text-align:left}
.asm-board__grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:stretch}

/* Gönderi */
.asm-post{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background-color:var(--white);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.asm-post__head{display:flex;align-items:center;gap:10px}
.asm-post__avatar{width:34px;height:34px;border-radius:100px;background:conic-gradient(from 200deg,var(--asm-ig),#f7a34b,var(--asm-ig));box-shadow:inset 0 0 0 3px var(--white),inset 0 0 0 20px var(--azure-radiance-500)}
.asm-post__head>span:nth-child(2){display:flex;flex:1;flex-direction:column;font-size:11px;line-height:15px;color:var(--slate-500)}
.asm-post__head strong{font-size:var(--font-size-14);font-weight:var(--font-weight-600);line-height:var(--line-height-18);color:var(--slate-900)}
.asm-post__head i{width:16px;height:4px;background:radial-gradient(circle,var(--slate-500) 1.5px,transparent 2px) 0 0/6px 4px repeat-x}
.asm-post__media{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;aspect-ratio:1/1;padding:18px;border-radius:10px;overflow:hidden;background:linear-gradient(150deg,#6d5dfc,var(--azure-radiance-500) 55%,#22c1c3)}
.asm-post__media:before{content:"";position:absolute;top:-20%;right:-25%;width:80%;aspect-ratio:1/1;border-radius:100px;background:radial-gradient(circle,hsla(0,0%,100%,.35),transparent 65%)}
.asm-post__badge{position:relative;align-self:flex-start;padding:4px 10px;border-radius:100px;background-color:hsla(0,0%,100%,.2);font-size:11px;font-weight:var(--font-weight-600);color:var(--white)}
.asm-post__title{position:relative;font-size:22px;font-weight:var(--font-weight-700);line-height:27px;color:var(--white)}
.asm-post__actions{display:flex;align-items:center;gap:14px;color:var(--slate-800)}
.asm-post__like{display:inline-flex;color:var(--asm-ig);animation:asm-like var(--asm-loop) ease-in-out infinite}
.asm-post__like svg{fill:var(--asm-ig)}
.asm-post__save{margin-left:auto}
.asm-post__count{font-size:var(--font-size-12);color:var(--slate-600)}
.asm-post__count b{color:var(--slate-900)}
.asm-post__line{display:block;width:90%;height:7px;border-radius:4px;background-color:var(--slate-100)}
.asm-post__line--short{width:55%}
/* Bildirimler: kartın sağ kenarından sırayla belirir */
.asm-post__toasts{position:absolute;top:70px;right:-56px;display:flex;flex-direction:column;gap:8px}
.asm-post__toasts li{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;border:1px solid hsla(0,0%,100%,.12);border-radius:100px;background-color:#111827;box-shadow:0 10px 24px rgba(0,0,0,.35);font-size:var(--font-size-12);font-weight:var(--font-weight-600);white-space:nowrap;color:var(--white);opacity:0;animation:asm-toast var(--asm-loop) ease-out infinite}
.asm-post__toasts li:nth-child(2){animation-delay:.6s}
.asm-post__toasts li:nth-child(3){animation-delay:1.2s}
.asm-post__toasts span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:100px;background-color:var(--asm-ig);color:var(--white)}
.asm-post__toasts li:nth-child(2) span{background-color:var(--azure-radiance-500)}
.asm-post__toasts li:nth-child(3) span{background-color:var(--success)}

/* Takvim */
.asm-cal{display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid hsla(0,0%,100%,.07);border-radius:12px;background-color:hsla(0,0%,100%,.03)}
.asm-cal__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}
.asm-cal__title{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-16);font-weight:var(--font-weight-600);color:var(--slate-100)}
.asm-cal__title svg{color:var(--azure-radiance-400)}
.asm-cal__legend{display:flex;flex-wrap:wrap;gap:12px;font-size:var(--font-size-12);color:var(--slate-400)}
.asm-cal__legend span{display:inline-flex;align-items:center;gap:6px}
.asm-cal__legend i{width:8px;height:8px;border-radius:100px}
.asm-cal__legend i.is-ig,.asm-cal__post.is-ig{--asm-c:var(--asm-ig)}
.asm-cal__legend i.is-li,.asm-cal__post.is-li{--asm-c:var(--asm-li)}
.asm-cal__legend i.is-fb,.asm-cal__post.is-fb{--asm-c:var(--asm-fb)}
.asm-cal__legend i{background-color:var(--asm-c)}
.asm-cal__week{display:grid;flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.asm-cal__week li{display:flex;flex-direction:column;gap:8px;min-height:190px;padding:10px 8px;border:1px solid hsla(0,0%,100%,.06);border-radius:10px;background-color:#0b1120}
.asm-cal__week li.is-today{border-color:rgba(59,130,246,.6);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 0 24px rgba(59,130,246,.2)}
.asm-cal__day{display:flex;align-items:baseline;justify-content:space-between;font-size:11px;font-weight:var(--font-weight-600);letter-spacing:.04em;text-transform:uppercase;color:var(--slate-500)}
.asm-cal__day b{font-size:var(--font-size-16);letter-spacing:0;color:var(--slate-200)}
.is-today .asm-cal__day b{color:var(--azure-radiance-400)}
.asm-cal__post{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-left:3px solid var(--asm-c);border-radius:6px;background-color:hsla(0,0%,100%,.05);font-size:10px;line-height:14px;color:var(--slate-500)}
.asm-cal__post strong{overflow:hidden;font-size:var(--font-size-12);font-weight:var(--font-weight-600);line-height:var(--line-height-18);white-space:nowrap;text-overflow:ellipsis;color:var(--slate-100)}
.asm-cal__post.is-done{color:var(--success)}
.asm-cal__post.is-review{background-color:rgba(245,179,1,.08);color:#f5b301}
.asm-cal__post.is-plan{border-left-style:dashed;background:none;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.06)}
.asm-cal__post.is-live{background-color:color-mix(in srgb,var(--asm-c) 22%,transparent);color:var(--white);animation:asm-live 2s ease-in-out infinite}
.asm-cal__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.08)}
.asm-cal__stats div{display:flex;flex-direction:column;gap:2px}
.asm-cal__stats dt{font-size:var(--font-size-20);font-weight:var(--font-weight-600);line-height:var(--line-height-28);color:var(--white)}
.asm-cal__stats dd{font-size:var(--font-size-12);color:var(--slate-500)}

@keyframes asm-like{0%,30%,100%{transform:scale(1)}36%{transform:scale(1.35)}42%{transform:scale(.92)}48%{transform:scale(1)}}
@keyframes asm-toast{0%,30%{opacity:0;transform:translateX(-8px)}38%,85%{opacity:1;transform:none}95%,100%{opacity:0;transform:translateX(-8px)}}
@keyframes asm-live{0%,100%{box-shadow:0 0 0 0 rgba(228,64,122,0)}50%{box-shadow:0 0 0 3px rgba(228,64,122,.18)}}

@media (max-width:1199px){
  .asm-board__grid{grid-template-columns:260px minmax(0,1fr)}
  .asm-post__toasts{right:-30px}
}
@media (max-width:1023px){
  .asm-board{margin-top:48px;padding:20px}
  .asm-board__grid{grid-template-columns:1fr}
  .asm-post{max-width:340px;margin:0 auto;width:100%}
  .asm-post__toasts{right:-12px}
}
@media (max-width:767px){
  .asm-cal__head{flex-direction:column;align-items:flex-start;gap:10px}
  .asm-cal__week{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asm-cal__week li{min-height:0}
  .asm-cal__week li:last-child{display:none}
  .asm-cal__stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .asm-post__toasts{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:4px}
  .asm-post__toasts li{padding:5px 10px 5px 5px;font-size:11px;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){
  .asm-post__like,.asm-cal__post.is-live{animation:none}
  .asm-post__toasts li{opacity:1;animation:none}
}