/* SiRaka Global Modal V28 - consistent, elegant, responsive */
.app-modal-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.app-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.app-modal{box-sizing:border-box;width:min(460px,100%);background:#fff!important;color:#1f2937!important;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:30px 28px 24px;position:relative;text-align:center;transform:translateY(12px) scale(.98);transition:transform .22s ease}
.app-modal-overlay.is-open .app-modal{transform:translateY(0) scale(1)}
.app-modal-close{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;background:transparent!important;color:#64748b!important;font-size:25px;line-height:1;cursor:pointer;border-radius:50%}
.app-modal-close:hover{background:#f1f5f9!important;color:#0f172a!important}
.app-modal-icon{width:56px;height:56px;margin:0 auto 15px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:26px;background:#eef2ff!important;color:#3157c8!important}
.app-modal-overlay.type-success .app-modal-icon{background:#e8f7ef!important;color:#16834a!important}
.app-modal-overlay.type-error .app-modal-icon{background:#fdeceb!important;color:#c62828!important}
.app-modal-overlay.type-warning .app-modal-icon{background:#fff5df!important;color:#b77900!important}
.app-modal-title{font-size:1.2rem;font-weight:750;color:#172033!important;margin:0 0 9px}
.app-modal-message{color:#596579!important;font-size:.95rem;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
.app-modal-actions{display:flex;justify-content:center;gap:10px;margin-top:23px}
.app-modal-btn{box-sizing:border-box;min-width:108px;min-height:42px;border:1px solid #d1d5db!important;border-radius:11px;padding:9px 16px;font-family:inherit;font-weight:700;font-size:.9rem;line-height:1.2;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.app-modal-btn:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(15,23,42,.12)}
.app-modal-cancel{background:#fff!important;color:#374151!important;border-color:#d1d5db!important}
.app-modal-cancel:hover{background:#f8fafc!important;color:#111827!important}
.app-modal-ok{background:#c99700!important;border-color:#c99700!important;color:#fff!important}
.app-modal-overlay.type-success .app-modal-ok{background:#16834a!important;border-color:#16834a!important}
.app-modal-overlay.type-error .app-modal-ok{background:#c62828!important;border-color:#c62828!important}
.app-modal-overlay.type-warning .app-modal-ok{background:#c99700!important;border-color:#c99700!important}
.app-modal-overlay.type-info .app-modal-ok{background:#3157c8!important;border-color:#3157c8!important}
.app-modal-btn:focus-visible,.app-modal-close:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.app-modal::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;background:#3157c8;border-radius:0 0 20px 20px}
.app-modal-overlay.type-success .app-modal::after{background:#16834a}
.app-modal-overlay.type-error .app-modal::after{background:#c62828}
.app-modal-overlay.type-warning .app-modal::after{background:#c99700}
.app-modal-overlay.type-success.is-open .app-modal::after,.app-modal-overlay.type-error.is-open .app-modal::after{animation:sirakaModalCountdown 5s linear forwards}
@keyframes sirakaModalCountdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:520px){.app-modal-overlay{padding:14px}.app-modal{padding:25px 18px 19px;border-radius:17px}.app-modal-actions{flex-direction:column-reverse}.app-modal-btn{width:100%}.app-modal-message{font-size:.9rem}.app-modal-icon{width:52px;height:52px;font-size:24px}}