/* Contul meu (/Account/Manage) — the Identity scaffold emits Bootstrap class
   names but the app doesn't ship Bootstrap, so these pages rendered as bare
   HTML. This is a minimal shim in the app's visual language: it styles the
   scaffold's classes (form-floating, form-control, btn, alert, nav) so EVERY
   manage page looks decent, including the ones we haven't rewritten. */

.manage-nav ul { list-style: none; margin: 0; padding: 0; }

.manage-nav a {
    display: block;
    padding: 9px 14px;
    border-radius: 6px;
    color: var(--mud-palette-text-primary);
    text-decoration: none;
    font-size: 14px;
}

.manage-nav a:hover { background: rgba(255, 143, 0, 0.08); }

.manage-nav a.active {
    background: rgba(255, 143, 0, 0.14);
    color: #a15c00;
    font-weight: 600;
}

.manage-body h3 {
    margin: 0 0 4px 0;
    font-size: 1.25rem;
    font-weight: 500;
}

.manage-body h3 + p.manage-hint,
.manage-hint {
    margin: 0 0 20px 0;
    color: var(--mud-palette-text-secondary);
    font-size: 13.5px;
}

.manage-body hr { border: none; border-top: 1px solid var(--mud-palette-lines-default); margin: 16px 0; }

/* Scaffold inputs: label sits AFTER the input in the DOM (form-floating);
   flip it into a simple stacked field. */
.manage-body .form-floating {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 16px;
    max-width: 480px;
}

.manage-body .form-label,
.manage-body .form-check-label {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    margin-bottom: 4px;
}

.manage-body .form-control {
    font: inherit;
    text-align: left;
    padding: 10px 12px;
    border: 1px solid var(--mud-palette-lines-inputs, #c4c4c4);
    border-radius: 6px;
    width: 100%;
    background: transparent;
}

.manage-body .form-control:focus {
    outline: none;
    border-color: #ff8f00;
    box-shadow: 0 0 0 2px rgba(255, 143, 0, 0.15);
}

.manage-body .form-control:disabled {
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-background-gray, #f5f5f5);
}

.manage-body .form-check { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; }
.manage-body .form-check-input { width: 18px; height: 18px; accent-color: #ff8f00; }
.manage-body .form-check .form-check-label { margin-bottom: 0; }

.manage-body .btn {
    font: inherit;
    font-weight: 500;
    padding: 9px 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    background: var(--mud-palette-action-default-hover, #eee);
}

.manage-body .btn-primary {
    background: #ff8f00;
    color: #fff;
}

.manage-body .btn-primary:hover { background: #e07f00; }

.manage-body .btn-lg { padding: 11px 24px; }
.manage-body .w-100 { width: 100%; max-width: 480px; }

.manage-body .btn-outline-danger,
.manage-body .btn-danger {
    background: transparent;
    color: #c62828;
    border-color: #c62828;
    padding: 5px 12px;
    font-size: 13px;
}

.manage-body .btn-outline-danger:hover,
.manage-body .btn-danger:hover { background: rgba(198, 40, 40, 0.08); }

.manage-body .text-danger { color: #c62828; font-size: 13px; }
.manage-body ul.text-danger { padding-left: 18px; }

.manage-body .alert {
    padding: 10px 14px;
    border-radius: 6px;
    margin-bottom: 16px;
    font-size: 14px;
}

.manage-body .alert-success { background: rgba(56, 142, 60, 0.12); color: #2e7031; }
.manage-body .alert-danger { background: rgba(198, 40, 40, 0.12); color: #b71c1c; }

.manage-body table { border-collapse: collapse; width: 100%; font-size: 14px; }
.manage-body table th {
    text-align: left;
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: 10.5px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--mud-palette-text-secondary);
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.manage-body table td {
    padding: 8px 10px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
