.ats-widget { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 16px 24px; border-radius: 12px; background-color: var(--ats-bg,#e6f4ea); border: 2px solid var(--ats-color,#1e7e34); font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; transition: background-color .6s ease,border-color .6s ease; min-width: 180px; }
.ats-badge-wrap { display: flex; align-items: center; gap: 10px; }
.ats-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; background-color: var(--ats-color,#1e7e34); flex-shrink: 0; transition: background-color .6s ease; }
.ats-widget[data-status="open"] .ats-dot { animation: ats-pulse 2s ease-in-out infinite; }
@keyframes ats-pulse { 0%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.85)} 100%{opacity:1;transform:scale(1)} }
.ats-label { font-size: 1.4rem; font-weight: 800; color: var(--ats-color,#1e7e34); letter-spacing: .05em; line-height: 1; transition: color .6s ease; }
.ats-message { margin: 0; font-size: .85rem; color: var(--ats-color,#1e7e34); opacity: .85; transition: color .6s ease; }
.ats-hours { margin: 0; font-size: .8rem; color: var(--ats-color,#1e7e34); opacity: .7; }
.ats-widget[data-status="open"]          { --ats-color:#1e7e34; --ats-bg:#e6f4ea; }
.ats-widget[data-status="close"]         { --ats-color:#b71c1c; --ats-bg:#fdecea; }
.ats-widget[data-status="be_right_back"] { --ats-color:#f57f17; --ats-bg:#fff8e1; }
.ats-widget.ats-updating { opacity: .6; transform: scale(.98); transition: opacity .3s ease,transform .3s ease; }
@media(max-width:480px){ .ats-widget{ width:100%; box-sizing:border-box; } .ats-label{ font-size:1.2rem; } }