/* Almer Putra Angkasa v4.3.35 — accessible lightweight action feedback */
.almer-toast-tray{position:fixed;top:max(16px,env(safe-area-inset-top));right:18px;z-index:2147483000;display:flex;flex-direction:column;gap:10px;max-width:min(410px,calc(100vw - 32px));width:100%;pointer-events:none;font:inherit}
.almer-toast{--toast-accent:#2563eb;position:relative;display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:start;gap:9px;background:#142037;color:#fff;border:1px solid #53637f;border-inline-start:4px solid var(--toast-accent);border-radius:15px;padding:14px 10px 14px 13px;box-shadow:0 15px 45px #02061755;pointer-events:auto;overflow:hidden;animation:almer-toast-in .28s cubic-bezier(.2,.75,.3,1) both;word-wrap:break-word;overflow-wrap:anywhere}
.almer-toast[data-level=success]{--toast-accent:#35d59d}.almer-toast[data-level=error]{--toast-accent:#fb7185}.almer-toast[data-level=warning]{--toast-accent:#fbbf24}
.almer-toast-symbol{display:grid;place-items:center;border:1px solid var(--toast-accent);border-radius:10px;width:29px;height:29px;color:var(--toast-accent);font-size:17px;font-weight:800}
.almer-toast-title{font-weight:800;font-size:13px;line-height:1.4;margin-bottom:3px}.almer-toast-message{font-size:12px;line-height:1.55;font-weight:500;color:#e2e8f0;white-space:pre-wrap}
.almer-toast-close{border:0;background:transparent;color:#e2e8f0;cursor:pointer;font-size:22px;line-height:1;width:30px;height:30px;border-radius:8px;min-height:0!important;padding:0!important}.almer-toast-close:hover,.almer-toast-close:focus-visible{background:#ffffff2a;outline:2px solid #9bc7ff}
.almer-toast-timer{position:absolute;bottom:0;left:0;height:3px;width:100%;background:var(--toast-accent);transform-origin:left;animation:almer-toast-time var(--toast-ms,6000ms) linear forwards}
@keyframes almer-toast-in{from{opacity:0;transform:translateX(23px) scale(.97)}to{opacity:1;transform:translateX(0) scale(1)}}
@keyframes almer-toast-time{to{transform:scaleX(0)}}
/* Signal-nodes preloader: displayed only for real, slow form/navigation operations. */
.ui-tech-preloader{position:fixed;inset:0;z-index:10999;display:grid;place-items:center;pointer-events:none;background:rgba(8,16,33,.40);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.ui-tech-preloader[hidden]{display:none!important}.ui-tech-card{width:min(300px,calc(100vw - 48px));border:1px solid rgba(117,203,255,.40);border-radius:23px;background:linear-gradient(125deg,#0d1c33,#172e4a);box-shadow:0 18px 80px #0206177d, inset 0 0 28px #49c4ff13;color:#e0f2fe;padding:22px 20px;text-align:center;font:600 13px/1.5 system-ui,sans-serif}
.ui-tech-network{width:132px;height:85px;margin:0 auto 10px;display:block;overflow:visible}.ui-tech-network path{fill:none;stroke:#75cfff;stroke-width:1.7;stroke-dasharray:8 7;animation:almer-circuit 1.8s linear infinite}.ui-tech-network circle{fill:#0b223b;stroke:#70e2ff;stroke-width:2}.ui-tech-network circle:nth-of-type(2){animation:almer-node 1.15s ease-in-out infinite alternate}.ui-tech-network circle:nth-of-type(3){animation:almer-node 1.15s .3s ease-in-out infinite alternate}.ui-tech-network circle:nth-of-type(4){animation:almer-node 1.15s .6s ease-in-out infinite alternate}
.ui-tech-tag{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7ce5ff;margin-bottom:6px}.ui-tech-message{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.ui-tech-dots{display:flex;justify-content:center;gap:6px;margin:12px auto 0}.ui-tech-dots span{width:5px;height:5px;border-radius:100%;background:#67e8f9;animation:almer-node .85s ease-in-out infinite alternate}.ui-tech-dots span:nth-child(2){animation-delay:.18s}.ui-tech-dots span:nth-child(3){animation-delay:.36s}
@keyframes almer-circuit{to{stroke-dashoffset:-30}}@keyframes almer-node{to{opacity:.35;transform:scale(.85)}}
@media(max-width:700px){.almer-toast-tray{top:max(12px,env(safe-area-inset-top));left:12px;right:12px;width:auto;max-width:none}.almer-toast{padding:12px 9px 12px 12px}}
@media(prefers-reduced-motion:reduce){.almer-toast,.almer-toast-timer,.ui-tech-network path,.ui-tech-network circle,.ui-tech-dots span{animation:none!important}.ui-tech-preloader{backdrop-filter:none}}
[data-motion="0"] .ui-tech-network path,[data-motion="0"] .ui-tech-network circle,[data-motion="0"] .ui-tech-dots span{animation:none!important}
@media print{.almer-toast-tray,.ui-tech-preloader{display:none!important}}
