/*************************************************************************
**
** Copyright (c) by jeff (jeff@bqic.de)
**
** Author:  jeff
**
** File:    login_page.css
**
** Purpose: layout for the dedicated /login and /dashboard pages
**
** Created: 2026-08-28
**
************************************************************************/

.content.login-page-content
{
    display:                 flex;
    align-items:             center;
    justify-content:         center;
    grid-template-rows:      unset;
    grid-template-areas:     unset;
}

.login-panel
{
    width:                   min(420px, calc(100% - 48px));
    background:              rgba(0, 0, 0, 0.28);
    border:                  1px solid #030870;
    border-top:              3px solid #ffd200;
    padding:                 28px 32px 24px;
}

.login-panel h1,
.dashboard-empty h1
{
    margin:                  0 0 6px;
    font-family:             tahoma, sans-serif;
    font-size:               18px;
    color:                   #ffd200;
    font-weight:             bold;
    letter-spacing:          0.04em;
}

.login-lede
{
    margin:                  0 0 22px;
    color:                   #ddd;
    font-size:               14px;
}

.login-panel label
{
    display:                 block;
    font-size:               14px;
    font-weight:             bold;
    color:                   #fff;
    margin:                  10px 0 4px;
}

.login-panel input[type=text],
.login-panel input[type=password]
{
    width:                   100%;
    height:                  32px;
    padding:                 4px 8px;
    border:                  1px solid #aaa;
    background:              #eee;
    color:                   #000;
    font-family:             candara, Calibri, sans-serif;
    font-size:               14px;
}

.login-stay
{
    display:                 flex;
    align-items:             center;
    gap:                     10px;
    margin-top:              14px;
}

.login-stay label
{
    margin:                  0;
}

.login-error
{
    margin:                  16px 0 0;
    color:                   #ff6b6b;
    font-size:               14px;
    font-weight:             bold;
}

.login-actions
{
    margin-top:              22px;
    display:                 flex;
    justify-content:         flex-end;
}

.login-submit
{
    min-width:               100px;
    height:                  28px;
    padding:                 0 18px;
    background:              transparent;
    border:                  1px solid #ffd200;
    color:                   #ffd200;
    font-family:             tahoma, sans-serif;
    font-size:               14px;
    font-weight:             bold;
    cursor:                  pointer;
}

.login-submit:hover
{
    color:                   #f38606;
    border-color:            #f38606;
}

.dashboard-empty
{
    width:                   100%;
    height:                  100%;
    padding:                 32px 40px;
    color:                   #ddd;
}

.header .flags
{
    z-index:                 30;
    position:                relative;
    width:                   auto;
    pointer-events:          auto;
}

.header .flag,
.header .flag_iconized
{
    cursor:                  pointer;
    pointer-events:          auto;
    position:                relative;
    z-index:                 31;
}