.saui-widget{margin:16px 0}
.saui-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.saui-cards{grid-template-columns:1fr}}
.saui-card{position:relative;border:1px solid #000;padding:16px;text-align:center;font-size:14px;background:#fff}
.saui-card .saui-icon{display:flex;justify-content:center;margin-bottom:6px}
.saui-title{font-weight:700;margin-bottom:6px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center}
.saui-status{font-weight:600}
.saui-status-available{color:#22c55e}
.saui-status-not{color:#ef4444}
.saui-info-wrap{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;cursor:pointer}
.saui-info-icon{width:16px;height:16px}
.saui-info-popup{position:absolute;z-index:10;left:0;top:130%;min-width:220px;max-width:260px;background:#111827;color:#ffffff;font-size:11px;line-height:1.4;padding:6px 8px;border-radius:4px;box-shadow:0 4px 10px rgba(0,0,0,.15);opacity:0;pointer-events:none;transition:opacity .15s ease-out}
.saui-info-wrap:hover .saui-info-popup,
.saui-info-wrap:focus-within .saui-info-popup{opacity:1;pointer-events:auto}

/* Icon animations (same as admin) */
@keyframes sauiPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes sauiSlowPulse{0%{transform:scale(1)}50%{transform:scale(1.16)}100%{transform:scale(1)}}
@keyframes sauiBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes sauiShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@keyframes sauiGlow{0%,100%{box-shadow:none}50%{box-shadow:0 0 6px var(--saui-glow-color,#60a5fa)}}
@keyframes sauiGrow{0%{transform:scale(1)}50%{transform:scale(1.22)}100%{transform:scale(1)}}

.saui-anim-always.saui-anim-pulse .saui-info-icon{animation:sauiPulse 1.1s infinite}
.saui-anim-hover.saui-anim-pulse:hover .saui-info-icon,
.saui-anim-hover.saui-anim-pulse:focus-within .saui-info-icon{animation:sauiPulse 1.1s infinite}

.saui-anim-always.saui-anim-slow-pulse .saui-info-icon{animation:sauiSlowPulse 1.6s infinite}
.saui-anim-hover.saui-anim-slow-pulse:hover .saui-info-icon,
.saui-anim-hover.saui-anim-slow-pulse:focus-within .saui-info-icon{animation:sauiSlowPulse 1.6s infinite}

.saui-anim-always.saui-anim-bounce .saui-info-icon{animation:sauiBounce 1.1s infinite}
.saui-anim-hover.saui-anim-bounce:hover .saui-info-icon,
.saui-anim-hover.saui-anim-bounce:focus-within .saui-info-icon{animation:sauiBounce 1.1s infinite}

.saui-anim-always.saui-anim-shake .saui-info-icon{animation:sauiShake .8s infinite}
.saui-anim-hover.saui-anim-shake:hover .saui-info-icon,
.saui-anim-hover.saui-anim-shake:focus-within .saui-info-icon{animation:sauiShake .8s infinite}

.saui-anim-always.saui-anim-glow .saui-info-icon{animation:sauiGlow 1.4s infinite}
.saui-anim-hover.saui-anim-glow:hover .saui-info-icon,
.saui-anim-hover.saui-anim-glow:focus-within .saui-info-icon{animation:sauiGlow 1.4s infinite}

.saui-anim-always.saui-anim-grow .saui-info-icon{animation:sauiGrow 1.2s infinite}
.saui-anim-hover.saui-anim-grow:hover .saui-info-icon,
.saui-anim-hover.saui-anim-grow:focus-within .saui-info-icon{animation:sauiGrow 1.2s infinite}