#topup-live-alert{position:fixed;z-index:9500;left:18px;top:82px;font-family:Cairo,Tajawal,sans-serif;direction:rtl}.tla-trigger{display:flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border:1px solid #dce6e9;border-radius:10px;background:#fff;color:#4c616d;font:700 9.5px Cairo;box-shadow:0 8px 22px rgba(18,45,60,.12);cursor:pointer}.tla-trigger>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#e9f7f4;color:#158d7e;font-size:15px}.tla-trigger>i{display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#e8edef;color:#61747e;font-size:8px;font-style:normal}.tla-trigger.has-alerts{border-color:#efba52}.tla-trigger.has-alerts>span,.tla-trigger.has-alerts>i{background:#fff2d7;color:#9b6814}.tla-panel{position:absolute;top:46px;left:0;width:min(380px,calc(100vw - 24px));max-height:70vh;overflow:auto;border:1px solid #dce5e9;border-radius:13px;background:#fff;box-shadow:0 20px 55px rgba(15,35,48,.22)}.tla-panel[hidden]{display:none}.tla-panel header{display:flex;justify-content:space-between;align-items:start;padding:14px;border-bottom:1px solid #edf1f3}.tla-panel h3{margin:0 0 3px;font-size:12px}.tla-panel p{margin:0;color:#96a4ab;font-size:8px}.tla-close{width:27px;height:27px;border:0;border-radius:7px;background:#eef3f5;cursor:pointer}.tla-summary{display:flex;justify-content:space-between;padding:10px 14px;background:#fff7e7;color:#8e661b;font-size:9px}.tla-list{padding:5px 12px}.tla-list article{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f4}.tla-list article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#fff2d9;color:#b77c17;font-size:16px}.tla-list b,.tla-list small{display:block}.tla-list b{color:#354e5a;font-size:9.5px}.tla-list small{margin-top:2px;color:#98a5ac;font-size:7.5px}.tla-list strong{color:#af7118;font-size:9.5px}.tla-panel footer{padding:10px 13px}.tla-panel footer button{width:100%;min-height:36px;border:0;border-radius:8px;background:#138f82;color:#fff;font:700 9.5px Cairo;cursor:pointer}.tla-empty{padding:25px!important;text-align:center}@media(max-width:650px){#topup-live-alert{left:8px;top:68px}.tla-trigger b{display:none}.tla-trigger{padding:5px}.tla-panel{width:calc(100vw - 16px)}}@media print{#topup-live-alert{display:none!important}}