/**
 * SYSNET.Dialog v1.0.0
 * Dizayn Yazılım - Internal
 */
.sysnet-dialog-open { overflow: hidden; }

.sysnet-dialog-root {
    position: relative;
    z-index: 12000;
}

.sysnet-dialog-overlay {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(2, 6, 23, .66);
    backdrop-filter: blur(3px);
    opacity: 0;
    transition: opacity .16s ease;
}

.sysnet-dialog-overlay--visible { opacity: 1; }
.sysnet-dialog-overlay--leaving { opacity: 0; }

.sysnet-dialog {
    width: min(520px, 100%);
    overflow: hidden;
    color: #e2e8f0;
    background: #0f172a;
    border: 1px solid #334155;
    border-radius: 14px;
    box-shadow: 0 28px 80px rgba(2, 6, 23, .55);
    transform: translateY(12px) scale(.98);
    transition: transform .16s ease;
}

.sysnet-dialog-overlay--visible .sysnet-dialog {
    transform: translateY(0) scale(1);
}

.sysnet-dialog__header {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 32px;
    align-items: start;
    gap: 14px;
    padding: 22px 22px 18px;
}

.sysnet-dialog__icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    color: #38bdf8;
    background: rgba(56, 189, 248, .12);
    border-radius: 10px;
}

.sysnet-dialog__icon svg,
.sysnet-dialog__close svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sysnet-dialog--warning .sysnet-dialog__icon { color: #fbbf24; background: rgba(245, 158, 11, .13); }
.sysnet-dialog--danger .sysnet-dialog__icon { color: #fb7185; background: rgba(244, 63, 94, .13); }
.sysnet-dialog--success .sysnet-dialog__icon { color: #4ade80; background: rgba(34, 197, 94, .13); }
.sysnet-dialog--info .sysnet-dialog__icon { color: #38bdf8; background: rgba(56, 189, 248, .12); }

.sysnet-dialog__heading { min-width: 0; }
.sysnet-dialog__title { margin: 0 0 7px; color: #f8fafc; font-size: 18px; font-weight: 800; line-height: 1.35; }
.sysnet-dialog__message { color: #cbd5e1; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }

.sysnet-dialog__close {
    display: inline-flex;
    width: 32px;
    height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #94a3b8;
    background: transparent;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
}

.sysnet-dialog__close:hover { color: #f8fafc; background: rgba(148, 163, 184, .12); }

.sysnet-dialog__footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px 20px;
    background: rgba(15, 23, 42, .72);
    border-top: 1px solid #1e293b;
}

.sysnet-dialog__button {
    min-width: 98px;
    min-height: 40px;
    padding: 9px 16px;
    font: inherit;
    font-size: 13px;
    font-weight: 800;
    border: 1px solid transparent;
    border-radius: 9px;
    cursor: pointer;
}

.sysnet-dialog__button--secondary { color: #cbd5e1; background: #1e293b; border-color: #334155; }
.sysnet-dialog__button--secondary:hover { color: #f8fafc; background: #273449; }
.sysnet-dialog__button--primary { color: #082f49; background: #38bdf8; }
.sysnet-dialog__button--primary:hover { background: #7dd3fc; }
.sysnet-dialog__button--warning { color: #451a03; background: #fbbf24; }
.sysnet-dialog__button--warning:hover { background: #fcd34d; }
.sysnet-dialog__button--danger { color: #fff1f2; background: #e11d48; }
.sysnet-dialog__button--danger:hover { background: #f43f5e; }
.sysnet-dialog__button--success { color: #052e16; background: #4ade80; }
.sysnet-dialog__button--success:hover { background: #86efac; }

.sysnet-dialog__close:focus-visible,
.sysnet-dialog__button:focus-visible {
    outline: 2px solid #818cf8;
    outline-offset: 2px;
}

@media (max-width: 560px) {
    .sysnet-dialog-overlay { align-items: end; padding: 12px; }
    .sysnet-dialog { width: 100%; border-radius: 14px 14px 10px 10px; }
    .sysnet-dialog__header { padding: 19px 18px 15px; }
    .sysnet-dialog__footer { padding: 14px 18px 18px; }
    .sysnet-dialog__button { flex: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .sysnet-dialog-overlay,
    .sysnet-dialog { transition: none; }
}