#hris-connection-recovery[hidden] { display: none !important; }
#hris-connection-recovery { position: fixed; z-index: 20000; top: 18px; left: 50%; transform: translateX(-50%); width: min(460px, calc(100vw - 32px)); padding: 18px 22px; border: 1px solid #99d5cf; border-radius: 16px; background: #f0fdfa; color: #18334a; box-shadow: 0 10px 40px #16334a30; font-family: "Microsoft New Tai Lue", Arial, sans-serif; }
#hris-connection-recovery strong { color: #0f766e; font-size: 15px; font-weight: 600; }
#hris-connection-recovery p { margin: 6px 0 0; font-size: 13px; }
#hris-connection-recovery button { margin-top: 12px; padding: 8px 16px; border: 0; border-radius: 9px; background: #0f766e; color: #fff; font: inherit; font-size: 13px; cursor: pointer; }
html[data-theme="dark"] #hris-connection-recovery { background: #153f40; color: #e2e8f0; border-color: #35736c; }
html[data-theme="dark"] #hris-connection-recovery strong { color: #5eead4; }
@media print { #hris-connection-recovery { display: none !important; } }