/* pwa.css — update banner, install prompt, offline chip */
.drmate-banner{position:fixed;inset-inline:12px;bottom:14px;z-index:9999;display:flex;align-items:center;gap:10px;background:#0f172a;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 14px 34px rgba(2,6,23,.42);font-size:12.5px;font-weight:700;animation:drmUp .3s ease}
.drmate-banner span{flex:1;min-width:0}
.drmate-banner button{font:inherit;font-weight:800;border:none;border-radius:10px;padding:8px 13px;cursor:pointer;background:#0ea5e9;color:#fff}
.drmate-banner button.x{background:transparent;color:#94a3b8;padding:2px 8px;font-size:19px;line-height:1}
.drmate-install-btn{position:fixed;inset-inline-end:14px;bottom:84px;z-index:9998;display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,#0d9488,#0ea5e9);border:none;border-radius:99px;padding:10px 15px;cursor:pointer;box-shadow:0 12px 28px rgba(13,148,136,.4);animation:drmUp .3s ease}
.drmate-offline{position:fixed;top:64px;inset-inline-end:14px;z-index:9997;background:#f59e0b;color:#3b2503;font-size:11px;font-weight:800;padding:5px 11px;border-radius:99px;box-shadow:0 8px 20px rgba(2,6,23,.2)}
@keyframes drmUp{from{opacity:0;transform:translateY(12px)}}