/* Dokan Plus - friendly dialogs (used by assets/js/ui.js on every page, including the POS) */
.ui-dialog-backdrop {
    position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px;
    background: rgba(12, 32, 29, .5); opacity: 0; transition: opacity .12s ease;
    font-family: "Segoe UI", Tahoma, "Noto Sans Arabic", system-ui, sans-serif;
}
.ui-dialog-backdrop.is-open { opacity: 1; }
.ui-dialog-backdrop.is-closing { opacity: 0; }
.ui-dialog {
    width: 100%; max-width: 420px; background: #fff; color: #1c2b2a; border-radius: 16px;
    padding: 26px 24px 16px; text-align: center; box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
    transform: translateY(8px) scale(.98); transition: transform .12s ease;
}
.is-open .ui-dialog { transform: none; }
.ui-dialog-icon {
    width: 56px; height: 56px; margin: 0 auto 12px; border-radius: 50%; display: grid; place-items: center;
}
.ui-dialog-icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.ui-primary .ui-dialog-icon { background: #e3f3ed; color: #0f7a5f; }
.ui-danger .ui-dialog-icon { background: #fdecea; color: #b3261e; }
.ui-warning .ui-dialog-icon { background: #fdf3e1; color: #b86e00; }
.ui-info .ui-dialog-icon { background: #e8f0fb; color: #1f4a8a; }
.ui-dialog-title { margin: 0; font-size: 19px; font-weight: 700; line-height: 1.3; }
.ui-dialog-text { margin: 8px 0 0; font-size: 15px; color: #4f5f5d; line-height: 1.5; }
.ui-dialog-details {
    margin: 14px 0 0; padding: 4px 14px; background: #f5f8f7; border-radius: 10px; text-align: left;
}
.ui-dialog-details > div { display: flex; justify-content: space-between; gap: 12px; padding: 7px 0; border-bottom: 1px solid #e6ecea; font-size: 14.5px; }
.ui-dialog-details > div:last-child { border-bottom: 0; }
.ui-dialog-details dt { color: #5f6f6d; }
.ui-dialog-details dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; text-align: right; }
.ui-dialog-details .is-strong dt, .ui-dialog-details .is-strong dd { color: #1c2b2a; font-weight: 800; font-size: 16px; }
.ui-dialog-fields { display: grid; gap: 10px; margin-top: 14px; text-align: left; }
.ui-dialog-fields label { display: grid; gap: 4px; font-size: 13.5px; font-weight: 600; color: #3d4c4a; }
.ui-dialog-fields input { padding: 10px 12px; border: 1px solid #cdd6d3; border-radius: 8px; font: 500 15px "Segoe UI", Tahoma, sans-serif; }
.ui-dialog-fields input:focus { outline: none; border-color: #0f7a5f; box-shadow: 0 0 0 3px rgba(15, 122, 95, .15); }
.ui-dialog-actions { display: flex; gap: 10px; margin-top: 20px; }
.ui-btn {
    flex: 1; padding: 12px 14px; border-radius: 10px; font: 700 15px "Segoe UI", Tahoma, sans-serif; cursor: pointer;
    border: 1px solid transparent;
}
.ui-btn-cancel { background: #fff; border-color: #d5dedb; color: #1c2b2a; }
.ui-btn-cancel:hover { background: #f3f6f5; }
.ui-btn-ok { color: #fff; }
.ui-primary .ui-btn-ok { background: #0f7a5f; } .ui-primary .ui-btn-ok:hover { background: #0b6049; }
.ui-danger .ui-btn-ok { background: #b3261e; } .ui-danger .ui-btn-ok:hover { background: #8f1e18; }
.ui-warning .ui-btn-ok { background: #b86e00; } .ui-warning .ui-btn-ok:hover { background: #955900; }
.ui-info .ui-btn-ok { background: #1f4a8a; } .ui-info .ui-btn-ok:hover { background: #173a6d; }
.ui-btn:focus-visible { outline: 3px solid rgba(15, 122, 95, .45); outline-offset: 2px; }
.ui-dialog-keys { margin: 12px 0 0; font-size: 12px; color: #8a9896; }
.ui-dialog-keys kbd {
    display: inline-block; padding: 0 6px; border-radius: 4px; border: 1px solid #d5dedb; background: #f5f8f7;
    font: 600 11px Consolas, monospace; color: #5f6f6d;
}
@media (max-width: 420px) {
    .ui-dialog-actions { flex-direction: column-reverse; }
    .ui-dialog-keys { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .ui-dialog-backdrop, .ui-dialog { transition: none; }
}