/* 1. Повністю приховуємо ліву форму та центральний розділювач Amber */
form#clientLogin,
.grid.sm\:grid-cols-\[1fr_auto_1fr\] > div:nth-child(2) {
    display: none !important;
}

/* 2. Перетворюємо сітку на одну колонку по центру */
.grid.sm\:grid-cols-\[1fr_auto_1fr\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

/* 3. Блок із кнопками робимо центрованим із фіксованою шириною */
.grid.sm\:grid-cols-\[1fr_auto_1fr\] > .space-y-5 {
    width: 100% !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}

/* 4. Оформлення кнопки Azure та новий напис */
.dash-ext-auth .external-auth a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 0 !important; /* Ховаємо старий текст Sign in with Azure */
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

.dash-ext-auth .external-auth a svg,
.dash-ext-auth .external-auth a i {
    font-size: 16px !important;
    margin-right: 8px !important;
    flex-shrink: 0 !important;
}

.dash-ext-auth .external-auth a::after {
    content: "Увійти за допомогою ліцейного облікового запису Microsoft (Teams)" !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: var(--ink, #1f2937) !important;
}

/* Приховування блоку реєстрації (Not yet registered? Create an account) */
.space-y-5 > div:has(a[href*="account.php?do=create"]),
a[href*="account.php?do=create"],
a[href*="account.php?do=create"] {
    display: none !important;
}

/* Фолбек для браузерів без підтримки :has */
.space-y-5 > .rounded-xl.border.border-line.bg-bg\/50 {
    display: none !important;
}