/*
 * Giriş portalı ortak stilleri (ESS/Metronic temasının üstünde). Görünüm kurumsal temadır: css/kurumsal.css
 * (sayfaya özgü: css/profile.css). Burada yalnızca temadan bağımsız ortak bileşenler kalır:
 * sabit uyarı alanı, Portal.dropdown açılır menüsü (rol / iletişim), basit modal pencere.
 */

html, body { height: 100%; }
.portal-body { min-height: 100vh; margin: 0; }

/* Ortak uyarı: sayfanın üstünde sabit (her iki yerleşimde de aynı yerde görünür) */
.portal-alert {
    position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
    z-index: 1100; width: calc(100% - 32px); max-width: 560px; margin: 0;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18);
}

/* Düğmeye bağlı açılır menü (Portal.dropdown; v1 in-dropdown) */
.portal-dropdown {
    position: fixed; z-index: 1060; min-width: 180px; max-width: 280px;
    background: #fff; border-radius: 10px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    opacity: 0; transform: translateY(-5px) scale(0.98); transition: opacity 0.18s ease, transform 0.18s ease;
    pointer-events: none; visibility: hidden;
}
.portal-dropdown.show { opacity: 1; transform: none; pointer-events: auto; visibility: visible; }
.portal-dropdown-content { max-height: 220px; overflow-y: auto; padding: 8px; }
.role-option {
    display: block; width: 100%; text-align: left; border: 0; background: transparent;
    padding: 0.5rem 0.75rem; border-radius: 6px; color: #0052cc; font-size: 0.95rem;
}
.role-option:hover, .role-option:focus-visible { background: #f1faff; outline: none; }
.role-option.is-default { font-weight: 600; }
.role-option.is-default::after { content: " ★"; color: #f6c000; }

/* Basit modal pencere */
.portal-modal { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.45); display: flex; align-items: center; justify-content: center; z-index: 1070; padding: 1rem; }
.portal-modal[hidden] { display: none; }
.portal-modal-box { background: #fff; border-radius: 0.75rem; padding: 1.5rem; width: 100%; max-width: 420px; }