/* /Components/KapselRating.razor.rz.scp.css */
.kapsel-rating[b-z0d232dzev] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.kapsel-slot[b-z0d232dzev] {
    position: relative;
    display: inline-flex;
    width: var(--kapsel-size);
    height: var(--kapsel-size);
    flex: 0 0 var(--kapsel-size);
}

.kapsel-image[b-z0d232dzev] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.kapsel-inaktiv[b-z0d232dzev] {
    opacity: 0.72;
}

.kapsel-aktiv-wrapper[b-z0d232dzev] {
    position: absolute;
    inset: 0;
}

.kapsel-aktiv[b-z0d232dzev] {
    opacity: 1;
}

.kapsel-small[b-z0d232dzev] {
    --kapsel-size: 2rem;
}

.kapsel-medium[b-z0d232dzev] {
    --kapsel-size: 3rem;
}

.kapsel-large[b-z0d232dzev] {
    --kapsel-size: 4rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-poolkw3959] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: #0b111a;
}

.app-topbar[b-poolkw3959] {
    min-height: 5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 1rem;
    background: #101925;
    border-bottom: 1px solid #213147;
    position: sticky;
    top: 0;
    z-index: 90;
}

.app-title-container[b-poolkw3959] {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.app-main-title[b-poolkw3959] {
    margin: 0;
    font-size: 3.5rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.1;
    text-align: center;
}

.app-subtitle[b-poolkw3959] {
    font-size: 0.75rem;
    font-weight: 300;
    color: #8899aa;
    text-align: right;
    display: block;
    width: 100%;
    margin-top: 0.1rem;
    padding-right: 38px;
}

.app-main[b-poolkw3959] {
    flex: 1;
    min-width: 0;
    padding: 0.25rem 0.5rem calc(5.8rem + env(safe-area-inset-bottom));
}

@media (min-width: 641px) {
    .app-main[b-poolkw3959] {
        padding: 0.5rem 0.75rem calc(5.7rem + env(safe-area-inset-bottom));
    }

    .app-topbar[b-poolkw3959] {
        padding: 0 1.2rem;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.bottom-nav[b-7gmiz9azuk] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(5.2rem + env(safe-area-inset-bottom));
    background: #050811;
    border-top: 2px solid #1a2332;
    box-shadow: 0 -8px 18px rgba(3, 8, 18, 0.32);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem calc(0.5rem + env(safe-area-inset-left, 0)) calc(0.5rem + env(safe-area-inset-bottom));
    z-index: 100;
}

.nav-btn[b-7gmiz9azuk] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    border-radius: 12px;
    min-height: calc(0.6 * 5.2rem);
    min-width: calc(0.6 * 5.2rem);
    max-width: calc(0.6 * 5.2rem);
    padding: 10px 14px;
    border: none;
    background: #1a56db;
    transition: transform 120ms ease, filter 120ms ease, background-color 120ms ease;
    box-shadow: 0 4px 12px rgba(43, 111, 223, 0.25);
}

.nav-btn.active[b-7gmiz9azuk] {
    background: #4d9cff;
    box-shadow: 0 6px 16px rgba(43, 111, 223, 0.35);
}

.nav-btn:hover[b-7gmiz9azuk] {
    background: #255fbe;
    transform: translateY(-1px);
}

.nav-btn:active[b-7gmiz9azuk] {
    transform: scale(0.98);
}

.nav-btn-primary[b-7gmiz9azuk] {
    background: #2b6fdf;
    box-shadow: 0 6px 18px rgba(43, 111, 223, 0.3);
}

.nav-btn-primary:hover[b-7gmiz9azuk] {
    background: #255fbe;
}

.nav-btn-primary.active[b-7gmiz9azuk] {
    background: #4d9cff;
}

.nav-icon[b-7gmiz9azuk] {
    width: 30px;
    height: 30px;
    display: block;
    object-fit: contain;
}

/* /Pages/AddRating.razor.rz.scp.css */
.add-rating-page[b-1v300zfox8] {
    max-width: 760px;
    margin: 0 auto;
    padding: 1rem;
    color: #f2f4f8;
}

.header h1[b-1v300zfox8] {
    margin-bottom: 0.25rem;
    font-size: 1.6rem;
    font-weight: normal;
}

.header p[b-1v300zfox8] {
    margin-bottom: 1rem;
    color: #b3bcc8;
    font-weight: normal;
}

.add-rating-page :global(.validation-message)[b-1v300zfox8],
.add-rating-page :global(.validation-errors)[b-1v300zfox8] {
    color: #ff9a9a;
}

.form-grid[b-1v300zfox8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.85rem;
    background: #121821;
    border: 1px solid #273446;
    border-radius: 12px;
    padding: 1rem;
}

.field[b-1v300zfox8] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field label[b-1v300zfox8] {
    font-weight: 600;
    color: #dce4f0;
}

.field small[b-1v300zfox8] {
    color: #9faac0;
}

.upload-error[b-1v300zfox8] {
    color: #ff8b8b;
    font-size: 0.9rem;
}

.image-preview[b-1v300zfox8] {
    width: 100%;
    max-height: 240px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #33455e;
    margin-top: 0.35rem;
}

.mode-switch[b-1v300zfox8] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.mode-option[b-1v300zfox8] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.75rem;
    border-radius: 999px;
    background: #1b2533;
    border: 1px solid #30425a;
}

.advanced-grid[b-1v300zfox8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
}

.score-preview[b-1v300zfox8] {
    background: #1a2431;
    border: 1px solid #32445c;
    padding: 0.85rem;
    border-radius: 10px;
}

.rating-preview[b-1v300zfox8] {
    margin-top: 0.55rem;
}

.submit-btn[b-1v300zfox8] {
    margin-top: 1rem;
    width: 100%;
    font-weight: 600;
}

@media (min-width: 700px) {
    .form-grid[b-1v300zfox8] {
        grid-template-columns: 1fr 1fr;
    }

    .full-width[b-1v300zfox8] {
        grid-column: 1 / -1;
    }

    .advanced-grid[b-1v300zfox8] {
        grid-template-columns: 1fr 1fr;
    }

    .submit-btn[b-1v300zfox8] {
        width: auto;
        min-width: 220px;
    }
}
/* /Pages/BeerDetail.razor.rz.scp.css */
.beer-detail-page[b-tqk3o3rk6t] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
    box-sizing: border-box;
    width: 100%;
}

.header-actions[b-tqk3o3rk6t] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.beer-detail-content[b-tqk3o3rk6t] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
    box-sizing: border-box;
    width: 100%;
}

.beer-image[b-tqk3o3rk6t] {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.beer-info[b-tqk3o3rk6t] {
    background: #151d29;
    border: 1px solid #2f4058;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 10px 24px rgba(4, 9, 18, 0.35);
    box-sizing: border-box;
    width: 100%;
}

.beer-name[b-tqk3o3rk6t] {
    margin: 0 0 1rem 0;
    font-size: 2rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1.2;
}

.beer-meta[b-tqk3o3rk6t] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.meta-item[b-tqk3o3rk6t] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.meta-label[b-tqk3o3rk6t] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #dce5f2;
}

.meta-value[b-tqk3o3rk6t] {
    font-size: 1rem;
    color: #ffffff;
}

.rating-section[b-tqk3o3rk6t] {
    background: #1a2431;
    border: 1px solid #32445c;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    box-sizing: border-box;
    width: 100%;
}

.section-title[b-tqk3o3rk6t] {
    margin: 0 0 1rem 0;
    font-size: 1.3rem;
    font-weight: 600;
    color: #bcd0e7;
}

.rating-content[b-tqk3o3rk6t] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 1rem;
    align-items: center;
}

.score-label[b-tqk3o3rk6t] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #dce5f2;
}

.score-value[b-tqk3o3rk6t] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
}

.rating-meta[b-tqk3o3rk6t] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
    margin-top: 1rem;
}

.notes-section[b-tqk3o3rk6t] {
    background: #1a2431;
    border: 1px solid #32445c;
    border-radius: 12px;
    padding: 1.5rem;
    margin-top: 1.5rem;
    box-sizing: border-box;
    width: 100%;
}

.notes-content[b-tqk3o3rk6t] {
    font-size: 1rem;
    line-height: 1.6;
    color: #e2e8f0;
    white-space: pre-wrap;
}

.loading-state[b-tqk3o3rk6t] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    color: #9ca3af;
    font-size: 1.1rem;
}

.dialog-overlay[b-tqk3o3rk6t] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.dialog[b-tqk3o3rk6t] {
    background: #1a2331;
    border: 1px solid #405977;
    border-radius: 16px;
    padding: 2rem;
    max-width: 400px;
    width: 90%;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}

.dialog-header[b-tqk3o3rk6t] {
    margin: 0 0 1.5rem 0;
    text-align: center;
}

.dialog-header h3[b-tqk3o3rk6t] {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
}

.dialog-body[b-tqk3o3rk6t] {
    margin-bottom: 2rem;
    text-align: center;
    color: #e2e8f0;
    font-size: 1rem;
    line-height: 1.6;
}

.dialog-actions[b-tqk3o3rk6t] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.btn[b-tqk3o3rk6t] {
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 150ms ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-secondary[b-tqk3o3rk6t] {
    background: #4a5568;
    color: #ffffff;
}

.btn-secondary:hover[b-tqk3o3rk6t] {
    background: #5a6778;
}

.btn-primary[b-tqk3o3rk6t] {
    background: #1a56db;
    color: #ffffff;
}

.btn-primary:hover[b-tqk3o3rk6t] {
    background: #2563eb;
}

.btn-danger[b-tqk3o3rk6t] {
    background: #dc2626;
    color: #ffffff;
}

.btn-danger:hover[b-tqk3o3rk6t] {
    background: #b91c1c;
}

.btn-icon[b-tqk3o3rk6t] {
    font-size: 1.2rem;
}

@media (min-width: 768px) {
    .beer-detail-content[b-tqk3o3rk6t] {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
    
    .rating-content[b-tqk3o3rk6t] {
        grid-template-columns: 1fr auto;
        gap: 1rem;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-page[b-evhaipjtaf] {
    max-width: 760px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 5rem - 5.2rem);
    justify-content: flex-start;
}

.page-header[b-evhaipjtaf] {
    margin-bottom: 2rem;
}

.page-header h1[b-evhaipjtaf] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff;
}

.page-header p[b-evhaipjtaf] {
    margin-top: 0.5rem;
    color: #afbacb;
    font-size: 1.1rem;
    font-weight: normal;
}

.stats-panel[b-evhaipjtaf] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1rem;
}

.stat-card[b-evhaipjtaf] {
    background: #0f1b2a;
    border: 1px solid #2f4f78;
    border-radius: 16px;
    padding: 0.95rem 0.9rem;
    box-shadow: 0 10px 22px rgba(4, 9, 18, 0.34);
}

.stat-card h2[b-evhaipjtaf] {
    margin: 0;
    font-size: 1.05rem;
    color: #bcd0ea;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.stat-value[b-evhaipjtaf] {
    margin-top: 0.45rem;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1;
    color: #b9cbdf;
}

.score-card[b-evhaipjtaf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.score-content[b-evhaipjtaf] {
    display: flex;
    align-items: center;
    gap: 2.0rem;
    margin-top: 0.45rem;
    flex-wrap: nowrap;
}

.score-number[b-evhaipjtaf] {
    font-size: 2.8rem;
    font-weight: 800;
    color: #b9cbdf;
    line-height: 1;
}

.stat-empty[b-evhaipjtaf] {
    margin-top: 0.4rem;
    color: #95aac7;
}

.quick-actions[b-evhaipjtaf] {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.quick-btn[b-evhaipjtaf] {
    width: 100%;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 14px;
}

@media (min-width: 760px) {
    .quick-actions[b-evhaipjtaf] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Pages/Indstillinger.razor.rz.scp.css */
.settings-page[b-86nv5qjqp3] {
    max-width: 760px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
}

.page-header h1[b-86nv5qjqp3] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff;
}

.page-header p[b-86nv5qjqp3] {
    margin-top: 0.5rem;
    color: #afbacb;
    font-size: 1.1rem;
    font-weight: normal;
}

.settings-section[b-86nv5qjqp3] {
    background: #0f1b2a;
    border: 1px solid #2f4f78;
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 22px rgba(4, 9, 18, 0.34);
}

.settings-section h2[b-86nv5qjqp3] {
    margin: 0 0 0.75rem 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
}

.section-description[b-86nv5qjqp3] {
    margin: 0 0 1rem 0;
    color: #bcd0ea;
    line-height: 1.5;
}

.button-group[b-86nv5qjqp3] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.import-section[b-86nv5qjqp3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.file-input[b-86nv5qjqp3] {
    padding: 0.75rem;
    border: 2px dashed #4a6f9d;
    border-radius: 12px;
    background: #0a1420;
    color: #edf3ff;
    font-size: 0.95rem;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.file-input:hover[b-86nv5qjqp3] {
    border-color: #2b6fdf;
    background: #0f1924;
}

.file-input:focus[b-86nv5qjqp3] {
    outline: none;
    border-color: #4d9cff;
    box-shadow: 0 0 0 3px rgba(77, 156, 255, 0.1);
}

.button-icon[b-86nv5qjqp3] {
    margin-right: 0.5rem;
    font-size: 1.1rem;
}

.message[b-86nv5qjqp3] {
    padding: 1rem;
    border-radius: 12px;
    margin-top: 1.5rem;
    font-weight: 500;
    line-height: 1.4;
}

.message.success[b-86nv5qjqp3] {
    background: #0d2818;
    border: 1px solid #1a5c3a;
    color: #4ade80;
}

.message.error[b-86nv5qjqp3] {
    background: #2d1b1b;
    border: 1px solid #5c2626;
    color: #f87171;
}

.message.warning[b-86nv5qjqp3] {
    background: #2d2416;
    border: 1px solid #5c4a26;
    color: #fbbf24;
}

.message.info[b-86nv5qjqp3] {
    background: #1a2332;
    border: 1px solid #3a4a6a;
    color: #60a5fa;
}

@media (min-width: 641px) {
    .settings-page[b-86nv5qjqp3] {
        padding: 1.5rem 0.75rem 2rem;
    }
    
    .button-group[b-86nv5qjqp3] {
        flex-direction: row;
        align-items: center;
    }
}
/* /Pages/MinOelListe.razor.rz.scp.css */
.beer-list-page[b-1eoqbcl0j3] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
}

.page-header h1[b-1eoqbcl0j3] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff;
}

.page-header p[b-1eoqbcl0j3] {
    margin-top: 0.5rem;
    color: #afbacb;
    font-size: 1.1rem;
    font-weight: normal;
}

.controls[b-1eoqbcl0j3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin: 1rem 0 1.25rem;
    background: #121821;
    border: 1px solid #2a384d;
    border-radius: 16px;
    padding: 1rem;
}

.control-item[b-1eoqbcl0j3] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.control-item label[b-1eoqbcl0j3] {
    font-weight: 600;
    color: #dce5f2;
}

.cards[b-1eoqbcl0j3] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.beer-card[b-1eoqbcl0j3] {
    display: grid;
    grid-template-columns: 1fr;
    background: #151d29;
    border: 1px solid #2f4058;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(4, 9, 18, 0.35);
    cursor: pointer;
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.beer-card:hover[b-1eoqbcl0j3] {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(4, 9, 18, 0.45);
}

.label-image[b-1eoqbcl0j3] {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.card-body[b-1eoqbcl0j3] {
    padding: 1rem;
}

.title-row[b-1eoqbcl0j3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.title-row h2[b-1eoqbcl0j3] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #ffffff;
    flex: 1;
}

.score-number[b-1eoqbcl0j3] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    line-height: 1;
}

.meta[b-1eoqbcl0j3] {
    margin-top: 0.35rem;
    color: #c3cee0;
    font-weight: 500;
    font-size: 1rem;
}

.meta-row[b-1eoqbcl0j3] {
    margin-top: 0.45rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    color: #95a8c5;
    font-size: 1rem;
}

.date-row[b-1eoqbcl0j3] {
    margin-top: 0.8rem;
    color: #9eb2cd;
    font-size: 0.92rem;
    order: 3;
}

.capsule-row[b-1eoqbcl0j3] {
    margin-top: 0.5rem;
    order: 4;
    width: 100%;
    display: flex;
    justify-content: center;
}

.share-row[b-1eoqbcl0j3] {
    margin-top: 1rem;
}

.share-btn[b-1eoqbcl0j3] {
    width: 100%;
    justify-content: center;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    border-radius: 12px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    border: 1px solid #4a6f9d;
    background: transparent;
    color: #dce5f2;
    transition: all 150ms ease;
}

.share-btn:hover[b-1eoqbcl0j3] {
    background: #2b6fdf;
    border-color: #2b6fdf;
    color: #ffffff;
}

.share-btn:active[b-1eoqbcl0j3] {
    transform: scale(0.98);
}

.share-icon[b-1eoqbcl0j3] {
    margin-right: 0.5rem;
    font-size: 1rem;
}

.empty-state[b-1eoqbcl0j3] {
    background: #1a2331;
    border: 1px dashed #405977;
    border-radius: 12px;
    padding: 1rem;
    color: #c3d0e5;
}

.compact-list[b-1eoqbcl0j3] {
    background: #151d29;
    border: 1px solid #2f4058;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.list-headers[b-1eoqbcl0j3] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    background: #1a2431;
    border-bottom: 1px solid #2f4058;
}

.header-cell[b-1eoqbcl0j3] {
    font-weight: 600;
    color: #bcd0e7;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.header-cell:hover[b-1eoqbcl0j3] {
    background: rgba(255, 255, 255, 0.05);
}

.sort-indicator[b-1eoqbcl0j3] {
    font-size: 0.9rem;
    color: #4a90e2;
}

.list-rows[b-1eoqbcl0j3] {
    max-height: 60vh;
    overflow-y: auto;
}

.list-row[b-1eoqbcl0j3] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #2f4058;
    cursor: pointer;
    transition: background 0.2s;
    align-items: center;
}

.list-row:hover[b-1eoqbcl0j3] {
    background: rgba(255, 255, 255, 0.03);
}

.list-row:last-child[b-1eoqbcl0j3] {
    border-bottom: none;
}

.cell[b-1eoqbcl0j3] {
    display: flex;
    align-items: center;
}

.beer-name[b-1eoqbcl0j3] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
}

.kapsler[b-1eoqbcl0j3] {
    justify-content: center;
}

.score[b-1eoqbcl0j3] {
    justify-content: flex-end;
    gap: 0.5rem;
}

.score-value[b-1eoqbcl0j3] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
}

.arrow[b-1eoqbcl0j3] {
    background: #4a90e2;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

@media (min-width: 760px) {
    .controls[b-1eoqbcl0j3] {
        grid-template-columns: 2fr 1fr 1fr;
        align-items: end;
    }

    .cards[b-1eoqbcl0j3] {
        grid-template-columns: 1fr 1fr;
    }

    .beer-card[b-1eoqbcl0j3] {
        grid-template-rows: auto 1fr;
    }
}
/* /Pages/Statistik.razor.rz.scp.css */
.stats-page[b-cgwr5jhmm6] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
}

.page-header[b-cgwr5jhmm6] {
    margin-bottom: 2rem;
}

.page-header h1[b-cgwr5jhmm6] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff;
}

.page-header p[b-cgwr5jhmm6] {
    margin-top: 0.5rem;
    color: #afbacb;
    font-size: 1.1rem;
    font-weight: normal;
}

.stats-content[b-cgwr5jhmm6] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
}

.stats-grid[b-cgwr5jhmm6] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 1.5rem;
    height: 100%;
    margin-top: 2rem;
}

.stat-item[b-cgwr5jhmm6] {
    background: #0f1b2a;
    border: 1px solid #2f4f78;
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 10px 22px rgba(4, 9, 18, 0.34);
}

.stat-item h3[b-cgwr5jhmm6] {
    margin: 0 0 1rem 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: #bcd0ea;
}

.stat-number[b-cgwr5jhmm6] {
    font-size: 2.5rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 0.5rem;
}

.empty-state[b-cgwr5jhmm6] {
    background: #1a2535;
    border: 1px dashed #455e7d;
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    color: #c5d3e8;
}

.empty-state h3[b-cgwr5jhmm6] {
    margin: 0 0 1rem 0;
    font-size: 1.5rem;
    color: #e2e8f0;
}

.empty-state p[b-cgwr5jhmm6] {
    margin: 0;
    color: #9ca3af;
    line-height: 1.6;
}

@media (min-width: 641px) {
    .stats-page[b-cgwr5jhmm6] {
        padding: 1.5rem 0.75rem 2rem;
    }
    
    .stats-grid[b-cgwr5jhmm6] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Pages/VilProeve.razor.rz.scp.css */
.wishlist-page[b-1j8yr5rqdb] {
    max-width: 980px;
    margin: 0 auto;
    padding: 1rem 0.25rem 1rem;
    color: #edf3ff;
}

.page-header[b-1j8yr5rqdb] {
    margin-bottom: 2rem;
}

.page-header h1[b-1j8yr5rqdb] {
    margin: 0;
    font-size: 1.8rem;
    font-weight: normal;
    color: #ffffff;
}

.page-header p[b-1j8yr5rqdb] {
    margin-top: 0.5rem;
    color: #afbacb;
    font-size: 1.1rem;
    font-weight: normal;
}

.add-card[b-1j8yr5rqdb],
.wishlist-list[b-1j8yr5rqdb] {
    margin-top: 1rem;
    background: #131b26;
    border: 1px solid #2e3f57;
    border-radius: 16px;
    padding: 1rem;
    box-shadow: 0 10px 24px rgba(4, 9, 18, 0.3);
}

.add-card h2[b-1j8yr5rqdb],
.wishlist-list h2[b-1j8yr5rqdb] {
    margin-top: 0;
    font-size: 1.2rem;
}

.form-grid[b-1j8yr5rqdb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.8rem;
}

.field[b-1j8yr5rqdb] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.field label[b-1j8yr5rqdb] {
    font-weight: 600;
    color: #dbe6f7;
}

.field small[b-1j8yr5rqdb] {
    color: #9fb0c7;
}

.full-width[b-1j8yr5rqdb] {
    grid-column: 1 / -1;
}

.preview-image[b-1j8yr5rqdb] {
    width: 100%;
    max-height: 260px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #3f5573;
}

.error-text[b-1j8yr5rqdb] {
    color: #ff8d8d;
    font-size: 0.9rem;
}

.add-button[b-1j8yr5rqdb] {
    width: 100%;
    margin-top: 1rem;
    font-weight: 600;
}

.cards[b-1j8yr5rqdb] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.wishlist-card[b-1j8yr5rqdb] {
    background: #182131;
    border: 1px solid #324761;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(4, 9, 18, 0.35);
}

.label-image[b-1j8yr5rqdb] {
    width: 100%;
    height: 230px;
    object-fit: cover;
    display: block;
}

.card-content[b-1j8yr5rqdb] {
    padding: 1rem;
}

.card-content h3[b-1j8yr5rqdb] {
    margin: 0;
    font-size: 1.15rem;
}

.meta[b-1j8yr5rqdb] {
    margin-top: 0.3rem;
    color: #bdd0ea;
}

.move-button[b-1j8yr5rqdb] {
    margin-top: 0.7rem;
    width: 100%;
}

.empty-state[b-1j8yr5rqdb] {
    background: #1a2535;
    border: 1px dashed #455e7d;
    border-radius: 10px;
    padding: 0.9rem;
    color: #c5d3e8;
}

.compact-list[b-1j8yr5rqdb] {
    background: #151d29;
    border: 1px solid #2f4058;
    border-radius: 12px;
    overflow: hidden;
    margin-top: 1.5rem;
}

.list-headers[b-1j8yr5rqdb] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    background: #1a2431;
    border-bottom: 1px solid #2f4058;
}

.header-cell[b-1j8yr5rqdb] {
    font-weight: 600;
    color: #bcd0e7;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s;
}

.header-cell:hover[b-1j8yr5rqdb] {
    background: rgba(255, 255, 255, 0.05);
}

.sort-indicator[b-1j8yr5rqdb] {
    font-size: 0.9rem;
    color: #4a90e2;
}

.list-rows[b-1j8yr5rqdb] {
    max-height: 60vh;
    overflow-y: auto;
}

.list-row[b-1j8yr5rqdb] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid #2f4058;
    cursor: pointer;
    transition: background 0.2s;
    align-items: center;
}

.list-row:hover[b-1j8yr5rqdb] {
    background: rgba(255, 255, 255, 0.03);
}

.list-row:last-child[b-1j8yr5rqdb] {
    border-bottom: none;
}

.cell[b-1j8yr5rqdb] {
    display: flex;
    align-items: center;
}

.beer-name[b-1j8yr5rqdb] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
}

.abv[b-1j8yr5rqdb] {
    justify-content: center;
}

.abv-value[b-1j8yr5rqdb] {
    color: #95a8c5;
    font-size: 0.9rem;
    font-weight: 400;
}

.action[b-1j8yr5rqdb] {
    justify-content: flex-end;
}

.see-more-btn[b-1j8yr5rqdb] {
    background: #4a90e2;
    color: white;
    border-radius: 6px;
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.see-more-btn:hover[b-1j8yr5rqdb] {
    background: #357abd;
}

.kapsler[b-1j8yr5rqdb] {
    justify-content: center;
}

.wishlist-indicator[b-1j8yr5rqdb] {
    font-size: 1.2rem;
    color: #95a8c5;
}

.score[b-1j8yr5rqdb] {
    justify-content: flex-end;
    gap: 0.5rem;
}

.score-value[b-1j8yr5rqdb] {
    font-weight: 600;
    color: #ffffff;
    font-size: 1rem;
}

.arrow[b-1j8yr5rqdb] {
    background: #4a90e2;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
}

@media (min-width: 760px) {
    .form-grid[b-1j8yr5rqdb] {
        grid-template-columns: 1fr 1fr;
    }

    .add-button[b-1j8yr5rqdb] {
        width: auto;
        min-width: 240px;
    }

    .cards[b-1j8yr5rqdb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}