/* One-at-a-time mobile status announcements above the four-icon dock. */
.haru-status-feed{display:none}
@media(max-width:767px){
  .haru-status-feed{
    display:block;position:fixed;left:11px;right:11px;
    bottom:calc(var(--haru-dock-height, 76px) + 8px);
    max-width:480px;margin:0 auto;z-index:64;pointer-events:none;
    opacity:0;visibility:hidden;transform:translateY(18px) scale(.985);
    transition:opacity .48s ease,transform .48s ease,visibility .48s;
    contain:layout paint;
  }
  .haru-status-feed.is-visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
  .haru-status-feed-card{position:relative;display:flex;align-items:center;gap:10px;
    min-height:82px;padding:9px 11px 9px 14px;overflow:hidden;border-radius:15px;
    border:1px solid rgba(225,189,115,.83);
    background:linear-gradient(113deg,rgba(9,21,40,.98),rgba(21,36,57,.96));
    box-shadow:0 9px 24px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,255,255,.025);
    color:#fff;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
  }
  .haru-status-feed-card::before{position:absolute;left:0;top:12px;bottom:12px;content:"";width:3px;border-radius:0 4px 4px 0;background:#bfa16b;}
  .haru-feed-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
  .haru-feed-upper{display:flex;gap:6px;align-items:center;min-width:0;}
  .haru-feed-state{font-size:10px;font-weight:800;letter-spacing:.01em;
    padding:2px 8px;border-radius:999px;border:1px solid currentColor;flex:0 0 auto;white-space:nowrap;}
  .haru-feed-person-line{min-width:0;font-weight:750;font-size:12.5px;line-height:1.25;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .haru-feed-message{font-weight:600;color:#f2d599;font-size:12px;line-height:1.35;
    letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .haru-feed-still{flex:0 0 55px;align-self:stretch;min-height:59px;overflow:hidden;position:relative;border-radius:10px;
    border:1px solid rgba(230,196,143,.3);background:#423f36;}
  .haru-feed-still img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:67% center;}
  .haru-feed-still::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 15px rgba(9,21,40,.32);}
  .haru-status-feed[data-state="접수"] .haru-feed-state{color:#ff7b7b;background:rgba(160,27,37,.25);}
  .haru-status-feed[data-state="진행중"] .haru-feed-state{color:#ffcf53;background:rgba(155,114,21,.19);}
  .haru-status-feed[data-state="진행완료"] .haru-feed-state{color:#74de9d;background:rgba(36,138,86,.19);}
  body.inq-on .haru-status-feed{display:none;}
}
@media(max-width:360px){
  .haru-status-feed{left:8px;right:8px}
  .haru-status-feed-card{padding:8px 9px 8px 11px;min-height:78px;gap:7px}
  .haru-feed-still{flex-basis:44px}
  .haru-feed-person-line{font-size:11.5px}
  .haru-feed-message{font-size:10.5px}
}
@media(prefers-reduced-motion:reduce){
  .haru-status-feed{transition:none!important;transform:none!important}
}