/* ========== ÚVODNÍ WIZARD PRVNÍHO PROPOJENÍ (components/Onboarding) ========== */

.uvod-stranka {
    min-height: 100vh;
    background: var(--bg);
    padding: 40px 20px 80px;
}

.uvod-obal {
    max-width: 560px;
    margin: 0 auto;
}

.uvod-hlavicka {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.uvod-logo {
    height: 32px;
}

.uvod-titulek {
    font-size: 26px;
    font-weight: 800;
    color: var(--text);
    margin-bottom: 10px;
}

.uvod-podtitulek {
    font-size: 14px;
    color: var(--text-secondary);
    margin-bottom: 28px;
    line-height: 1.6;
}

.uvod-vyber-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.uvod-vyber-karta {
    display: flex;
    align-items: center;
    gap: 14px;
    text-decoration: none;
    padding: 20px;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.uvod-vyber-karta.connected {
    color: var(--text-secondary);
    background: rgb(222, 222, 222);
}

.uvod-vyber-karta.connected::before {
    all: unset;
}

.uvod-vyber-karta:not(.connected):hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.uvod-vyber-nazev {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
}

.uvod-zpet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-secondary);
    text-decoration: none;
    margin-bottom: 16px;
}

.uvod-zpet:hover {
    color: var(--text);
}

.uvod-navod-panel {
    margin-bottom: 20px;
}

.uvod-navod-panel .wizard-obsah,
.uvod-navod-panel .wizard-tecky {
    padding-left: 0;
    padding-right: 0;
}

.uvod-form-titulek {
    font-size: 16px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 6px;
}