@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: var(--bs-font-family);
    font-size: var(--bs-font-size-base);
    background: var(--bs-color-bg);
    color: var(--bs-color-text);
}

/* ── Bootstrap overrides ─────────────────────────────────────────────────── */
a { color: var(--bs-color-text-link); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Focus rings — tighter than Bootstrap's default */
.btn:focus, .btn:active:focus,
.form-control:focus, .form-check-input:focus {
    box-shadow: var(--bs-input-focus-ring);
}

/* ── Blazor error UI ─────────────────────────────────────────────────────── */
#blazor-error-ui {
    background: var(--bs-color-warning-light);
    bottom: 0;
    border-top: 1px solid var(--bs-color-warning-mid);
    box-shadow: 0 -2px 8px rgba(0,0,0,0.1);
    display: none;
    left: 0;
    padding: 10px 20px;
    position: fixed;
    width: 100%;
    z-index: 10000;
    font-size: var(--bs-font-size-sm);
    color: var(--bs-color-text);
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1rem;
    opacity: 0.6;
}

#blazor-error-ui .dismiss:hover { opacity: 1; }

.blazor-error-boundary {
    background: var(--bs-color-danger-light);
    padding: 12px 16px;
    border-radius: var(--bs-card-radius);
    border: 1px solid var(--bs-color-danger-mid);
    color: var(--bs-color-danger);
    font-size: var(--bs-font-size-sm);
}

.blazor-error-boundary::after {
    content: "Bir hata oluştu. Lütfen sayfayı yenileyin.";
}

/* ── Status cell ─────────────────────────────────────────────────────────── */
.bs-status-active {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    background: var(--bs-color-success-light);
    color: var(--bs-color-success);
    border-radius: 12px;
    font-size: var(--bs-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.bs-status-passive {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 10px;
    background: var(--bs-color-secondary-light);
    color: var(--bs-color-text-secondary);
    border-radius: 12px;
    font-size: var(--bs-font-size-xs);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.bs-status-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    flex-shrink: 0;
}

/* ── Boolean cell ────────────────────────────────────────────────────────── */
.bs-bool-true  { color: var(--bs-color-success); }
.bs-bool-false { color: var(--bs-color-text-muted); }

/* ── Scrollbar fine-tune ──────────────────────────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--bs-color-border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--bs-color-border-strong); }

/* ── Selection ───────────────────────────────────────────────────────────── */
::selection { background: var(--bs-color-primary-mid); color: var(--bs-color-text); }