/* Compact site-wide recent-order notice: selected prototype 04. */
.recent-order-notice{
  position:fixed;right:12px;bottom:12px;z-index:65;width:286px;max-width:calc(100vw - 24px);
  color:var(--text);font-family:'Open Sans',system-ui,-apple-system,sans-serif;
  opacity:0;transform:translateY(7px);pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
}
.recent-order-notice[hidden]{display:none!important}
.recent-order-notice.is-visible{opacity:1;transform:none;pointer-events:auto}
.recent-order-notice *{box-sizing:border-box}
.recent-order-card{
  position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;
  height:52px;padding:7px 10px;border:1px solid #e0e7f0;border-radius:13px;background:rgba(255,255,255,.97);
  box-shadow:0 12px 30px -15px rgba(34,48,74,.42);backdrop-filter:blur(13px);white-space:nowrap;
}
.recent-order-platform{
  display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#fff;background:var(--blue);
  box-shadow:0 5px 13px -8px rgba(34,48,74,.55);
}
.recent-order-platform svg{width:18px;height:18px;fill:none;stroke:currentColor}
.recent-order-notice[data-platform="ig"] .recent-order-platform{background:linear-gradient(145deg,#7638fa,#e52b7f 58%,#ffad45)}
.recent-order-notice[data-platform="tt"] .recent-order-platform{background:#172033}
.recent-order-notice[data-platform="yt"] .recent-order-platform{background:#f03d43}
.recent-order-notice[data-platform="fb"] .recent-order-platform{background:#1877f2}
.recent-order-copy{display:block;min-width:0;overflow:hidden}
.recent-order-kicker{display:flex;align-items:center;gap:6px;margin-bottom:1px;color:#8a9aaf;font-size:8px;font-weight:800;letter-spacing:.08em;line-height:1.25;text-transform:uppercase}
.recent-order-live-dot{position:relative;width:5px;height:5px;flex:none;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(0,182,122,.11)}
.recent-order-details{display:flex;align-items:center;gap:6px;min-width:0;font-size:10.5px;line-height:1.35}
.recent-order-number{flex:none;color:var(--head);font-family:'Poppins',sans-serif;font-weight:700}
.recent-order-service{min-width:0;overflow:hidden;color:#34445f;font-weight:600;text-overflow:ellipsis}
.recent-order-age{align-self:center;color:#00a36d;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}
.recent-order-close{
  position:absolute;top:-8px;right:-8px;display:grid;place-items:center;width:22px;height:22px;padding:0;
  border:1px solid #d8e2ee;border-radius:50%;color:#7d8da2;background:#fff;box-shadow:0 5px 13px -8px rgba(34,48,74,.7);
}
.recent-order-close:hover{border-color:#b9c8da;color:var(--head);background:#f8fafc}
.recent-order-close svg{width:11px;height:11px;fill:none;stroke:currentColor}
.recent-order-card.is-updating{animation:recent-order-update .22s ease-out}
@keyframes recent-order-update{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:560px){
  .recent-order-notice{right:12px;bottom:12px;width:270px}
  .recent-order-card{height:50px}
}
@media(prefers-reduced-motion:reduce){
  .recent-order-notice{transition:none}
  .recent-order-card.is-updating{animation:none}
}