/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-ki4puliaaq] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-ki4puliaaq] {
    flex: 1;
}

.sidebar[b-ki4puliaaq] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-ki4puliaaq] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-ki4puliaaq]  a, .top-row[b-ki4puliaaq]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-ki4puliaaq]  a:hover, .top-row[b-ki4puliaaq]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-ki4puliaaq]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 767px) {
    main[b-ki4puliaaq] {
        /* Push content below the fixed 56px mobile-topbar */
        padding-top: 56px;
    }

    .top-row[b-ki4puliaaq] {
        justify-content: space-between;
        position: sticky;
        top: 56px; /* sit directly below the fixed mobile-topbar */
        z-index: 10;
    }

    .top-row[b-ki4puliaaq]  a, .top-row[b-ki4puliaaq]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-ki4puliaaq] {
        flex-direction: row;
    }

    .sidebar[b-ki4puliaaq] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-ki4puliaaq] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-ki4puliaaq]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-ki4puliaaq], article[b-ki4puliaaq] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-yf04xrmzib] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-yf04xrmzib] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-yf04xrmzib] {
    font-size: 1.1rem;
}

.bi[b-yf04xrmzib] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-yf04xrmzib] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-yf04xrmzib] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-yf04xrmzib] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-yf04xrmzib] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-yf04xrmzib] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-yf04xrmzib] {
        padding-bottom: 1rem;
    }

    .nav-item[b-yf04xrmzib]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-yf04xrmzib]  a.active {
    background: linear-gradient(90deg, rgba(233, 30, 140, 0.3), rgba(199, 125, 255, 0.15));
    color: #e91e8c;
    border-left: 3px solid #e91e8c;
}

.nav-item[b-yf04xrmzib]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-yf04xrmzib] {
        display: none;
    }

    .collapse[b-yf04xrmzib] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-yf04xrmzib] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/AstroLog.razor.rz.scp.css */
/* ── Astro Log Page ── */
.astro-page[b-d8myeblblx] { max-width: 1400px; margin: 0 auto; padding: 1rem; }

.astro-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap; }
.astro-header-left .page-title[b-d8myeblblx] { margin-bottom: 0.4rem; }
.astro-stats-row[b-d8myeblblx] { display: flex; gap: 1rem; flex-wrap: wrap; }
.astro-stat[b-d8myeblblx] { font-size: 0.8rem; color: var(--text-muted, #8b8fa8); background: var(--card-bg, #1e1f2e); padding: 0.25rem 0.6rem; border-radius: 12px; border: 1px solid var(--border-color, #2e2f3e); }
.astro-header-actions[b-d8myeblblx] { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }

.btn-astro-tab[b-d8myeblblx] { padding: 0.4rem 0.9rem; border-radius: 20px; border: 1px solid var(--border-color, #2e2f3e); background: transparent; color: var(--text-muted, #8b8fa8); cursor: pointer; font-size: 0.85rem; transition: all 0.2s; }
.btn-astro-tab:hover[b-d8myeblblx] { border-color: #ff6b9d; color: #ff6b9d; }
.btn-astro-tab.tab-active[b-d8myeblblx] { background: #ff6b9d22; border-color: #ff6b9d; color: #ff6b9d; }
.btn-primary-pink[b-d8myeblblx] { background: linear-gradient(135deg, #ff6b9d, #c44dff); color: #fff; border: none; border-radius: 20px; padding: 0.45rem 1rem; cursor: pointer; font-size: 0.85rem; font-weight: 600; transition: opacity 0.2s; }
.btn-primary-pink:hover[b-d8myeblblx] { opacity: 0.85; }
.btn-primary-pink.btn-sm[b-d8myeblblx] { padding: 0.3rem 0.7rem; font-size: 0.8rem; }
.btn-link-pink[b-d8myeblblx] { background: none; border: none; color: #ff6b9d; cursor: pointer; text-decoration: underline; font-size: 0.9rem; }

.astro-loading[b-d8myeblblx] { display: flex; align-items: center; gap: 0.7rem; padding: 2rem; color: var(--text-muted, #8b8fa8); }

/* ── Layout ── */
.astro-layout[b-d8myeblblx] { display: grid; grid-template-columns: 380px 1fr; gap: 1.5rem; }
@media (max-width: 900px) { .astro-layout[b-d8myeblblx] { grid-template-columns: 1fr; } }

/* ── Session Cards ── */
.astro-sessions-list[b-d8myeblblx] { display: flex; flex-direction: column; gap: 0.75rem; }
.astro-session-card[b-d8myeblblx] { background: var(--card-bg, #1e1f2e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 12px; padding: 1rem; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; }
.astro-session-card:hover[b-d8myeblblx] { border-color: #ff6b9d44; box-shadow: 0 0 0 1px #ff6b9d22; }
.astro-session-card.session-selected[b-d8myeblblx] { border-color: #ff6b9d; box-shadow: 0 0 0 2px #ff6b9d33; }
.session-card-top[b-d8myeblblx] { display: flex; gap: 0.75rem; align-items: flex-start; }
.session-date-badge[b-d8myeblblx] { background: linear-gradient(135deg, #ff6b9d22, #c44dff22); border: 1px solid #ff6b9d44; border-radius: 8px; padding: 0.4rem 0.6rem; text-align: center; min-width: 52px; flex-shrink: 0; }
.session-month[b-d8myeblblx] { display: block; font-size: 0.65rem; font-weight: 700; color: #ff6b9d; letter-spacing: 0.05em; }
.session-day[b-d8myeblblx] { display: block; font-size: 1.4rem; font-weight: 700; color: var(--text-primary, #e8e9f0); line-height: 1; }
.session-info[b-d8myeblblx] { flex: 1; min-width: 0; }
.session-location[b-d8myeblblx] { font-size: 0.9rem; font-weight: 600; color: var(--text-primary, #e8e9f0); margin-bottom: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.session-meta-row[b-d8myeblblx] { display: flex; gap: 0.4rem; align-items: center; margin-bottom: 0.3rem; flex-wrap: wrap; }
.session-type-badge[b-d8myeblblx] { font-size: 0.7rem; padding: 0.1rem 0.5rem; border-radius: 10px; font-weight: 600; }
.type-imaging[b-d8myeblblx] { background: #5b9cf622; color: #5b9cf6; border: 1px solid #5b9cf644; }
.type-visual[b-d8myeblblx]  { background: #67e8a922; color: #67e8a9; border: 1px solid #67e8a944; }
.type-both[b-d8myeblblx]    { background: #c44dff22; color: #c44dff; border: 1px solid #c44dff44; }
.session-target-count[b-d8myeblblx] { font-size: 0.75rem; color: var(--text-muted, #8b8fa8); }
.session-conditions[b-d8myeblblx] { font-size: 0.75rem; color: var(--text-muted, #8b8fa8); display: flex; gap: 0.3rem; flex-wrap: wrap; }
.cond-sep[b-d8myeblblx] { opacity: 0.4; }
.session-card-actions[b-d8myeblblx] { display: flex; gap: 0.25rem; flex-shrink: 0; }
.session-equipment[b-d8myeblblx] { font-size: 0.78rem; color: var(--text-muted, #8b8fa8); margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid var(--border-color, #2e2f3e); }

.btn-icon[b-d8myeblblx] { background: none; border: none; cursor: pointer; font-size: 0.9rem; padding: 0.2rem 0.3rem; border-radius: 6px; opacity: 0.6; transition: opacity 0.2s, background 0.2s; }
.btn-icon:hover[b-d8myeblblx] { opacity: 1; background: var(--hover-bg, #ffffff11); }
.btn-icon.btn-del:hover[b-d8myeblblx] { color: #ff6b6b; }
.btn-icon.btn-check:hover[b-d8myeblblx] { color: #67e8a9; }
.btn-icon.btn-sm[b-d8myeblblx] { font-size: 0.8rem; }

/* ── Empty state ── */
.astro-empty[b-d8myeblblx] { text-align: center; padding: 3rem 1.5rem; color: var(--text-muted, #8b8fa8); }
.astro-empty-icon[b-d8myeblblx] { font-size: 3rem; margin-bottom: 0.75rem; }
.astro-empty h3[b-d8myeblblx] { font-size: 1.1rem; color: var(--text-primary, #e8e9f0); margin-bottom: 0.4rem; }
.astro-empty p[b-d8myeblblx] { margin-bottom: 1.2rem; }

/* ── Detail Panel ── */
.astro-detail-panel[b-d8myeblblx] { background: var(--card-bg, #1e1f2e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 12px; padding: 1.25rem; height: fit-content; }
.detail-panel-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; flex-wrap: wrap; gap: 0.5rem; }
.detail-panel-header h2[b-d8myeblblx] { font-size: 1.1rem; color: var(--text-primary, #e8e9f0); }
.detail-notes[b-d8myeblblx] { font-size: 0.88rem; color: var(--text-muted, #8b8fa8); background: var(--bg-secondary, #15161e); padding: 0.75rem; border-radius: 8px; margin-bottom: 1rem; border-left: 3px solid #ff6b9d; }
.astro-detail-placeholder[b-d8myeblblx] { background: var(--card-bg, #1e1f2e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 12px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3rem; color: var(--text-muted, #8b8fa8); }
.placeholder-icon[b-d8myeblblx] { font-size: 2.5rem; margin-bottom: 0.5rem; opacity: 0.5; }

/* ── Targets ── */
.targets-section[b-d8myeblblx] { }
.targets-heading[b-d8myeblblx] { font-size: 0.9rem; font-weight: 600; color: var(--text-muted, #8b8fa8); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.75rem; }
.targets-empty[b-d8myeblblx] { font-size: 0.88rem; color: var(--text-muted, #8b8fa8); }
.targets-grid[b-d8myeblblx] { display: flex; flex-direction: column; gap: 0.6rem; }
.target-card[b-d8myeblblx] { background: var(--bg-secondary, #15161e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 10px; padding: 0.85rem; }
.target-card-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.4rem; }
.target-name[b-d8myeblblx] { font-weight: 600; color: var(--text-primary, #e8e9f0); font-size: 0.95rem; }
.target-catalog[b-d8myeblblx] { font-size: 0.75rem; color: var(--text-muted, #8b8fa8); }
.target-actions[b-d8myeblblx] { display: flex; gap: 0.25rem; }
.target-tags[b-d8myeblblx] { display: flex; gap: 0.3rem; flex-wrap: wrap; margin-bottom: 0.4rem; }
.target-type-badge[b-d8myeblblx], .target-badge[b-d8myeblblx] { font-size: 0.7rem; padding: 0.1rem 0.45rem; border-radius: 8px; font-weight: 500; }
.type-nebula[b-d8myeblblx]      { background: #5b9cf622; color: #5b9cf6; }
.type-galaxy[b-d8myeblblx]      { background: #c44dff22; color: #c44dff; }
.type-cluster[b-d8myeblblx]     { background: #fbbf2422; color: #fbbf24; }
.type-planet[b-d8myeblblx]      { background: #67e8a922; color: #67e8a9; }
.type-star[b-d8myeblblx]        { background: #ff6b9d22; color: #ff6b9d; }
.type-double-star[b-d8myeblblx] { background: #fb923c22; color: #fb923c; }
.type-other[b-d8myeblblx]       { background: #6b7280; color: #d1d5db; }
.badge-image[b-d8myeblblx]  { background: #ff6b9d22; color: #ff6b9d; }
.badge-exp[b-d8myeblblx]    { background: #5b9cf622; color: #5b9cf6; }
.badge-filter[b-d8myeblblx] { background: #67e8a922; color: #67e8a9; }
.badge-mag[b-d8myeblblx]    { background: #fbbf2422; color: #fbbf24; }
.target-rating[b-d8myeblblx] { font-size: 0.88rem; color: #fbbf24; letter-spacing: 0.05em; margin-bottom: 0.3rem; }
.target-notes[b-d8myeblblx] { font-size: 0.8rem; color: var(--text-muted, #8b8fa8); }

/* ── Wishlist ── */
.wishlist-section[b-d8myeblblx] { }
.wishlist-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.25rem; }
.wishlist-header h2[b-d8myeblblx] { font-size: 1.1rem; color: var(--text-primary, #e8e9f0); }
.wishlist-grid[b-d8myeblblx] { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0.75rem; }
.wishlist-card[b-d8myeblblx] { background: var(--card-bg, #1e1f2e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 12px; padding: 1rem; }
.wishlist-card.wishlist-done[b-d8myeblblx] { opacity: 0.6; }
.wishlist-card-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; }
.wishlist-name[b-d8myeblblx] { font-weight: 600; color: var(--text-primary, #e8e9f0); }
.wishlist-catalog[b-d8myeblblx] { font-size: 0.78rem; color: var(--text-muted, #8b8fa8); }
.wishlist-actions[b-d8myeblblx] { display: flex; gap: 0.25rem; }
.wishlist-meta[b-d8myeblblx] { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-bottom: 0.4rem; align-items: center; }
.priority-badge[b-d8myeblblx] { font-size: 0.7rem; padding: 0.1rem 0.45rem; border-radius: 8px; font-weight: 700; }
.p-5[b-d8myeblblx] { background: #ff6b9d22; color: #ff6b9d; }
.p-4[b-d8myeblblx] { background: #fb923c22; color: #fb923c; }
.p-3[b-d8myeblblx] { background: #fbbf2422; color: #fbbf24; }
.p-2[b-d8myeblblx] { background: #5b9cf622; color: #5b9cf6; }
.p-1[b-d8myeblblx] { background: #6b728022; color: #9ca3af; }
.wishlist-months[b-d8myeblblx] { font-size: 0.75rem; color: var(--text-muted, #8b8fa8); }
.badge-observed[b-d8myeblblx] { font-size: 0.72rem; color: #67e8a9; background: #67e8a922; padding: 0.1rem 0.45rem; border-radius: 8px; }
.wishlist-notes[b-d8myeblblx] { font-size: 0.8rem; color: var(--text-muted, #8b8fa8); }

/* ── Modal ── */
.modal-overlay[b-d8myeblblx] { position: fixed; inset: 0; background: rgba(0,0,0,0.7); display: flex; align-items: center; justify-content: center; z-index: 1000; padding: 1rem; }
.modal-box[b-d8myeblblx] { background: var(--card-bg, #1e1f2e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 16px; width: 100%; max-height: 90vh; overflow-y: auto; }
.astro-modal[b-d8myeblblx] { max-width: 600px; }
.modal-header[b-d8myeblblx] { display: flex; justify-content: space-between; align-items: center; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--border-color, #2e2f3e); }
.modal-header h3[b-d8myeblblx] { font-size: 1.05rem; color: var(--text-primary, #e8e9f0); }
.modal-close[b-d8myeblblx] { background: none; border: none; font-size: 1.4rem; color: var(--text-muted, #8b8fa8); cursor: pointer; line-height: 1; }
.modal-body[b-d8myeblblx] { padding: 1.25rem 1.5rem; display: flex; flex-direction: column; gap: 0.9rem; }
.modal-footer[b-d8myeblblx] { padding: 1rem 1.5rem; border-top: 1px solid var(--border-color, #2e2f3e); display: flex; justify-content: flex-end; gap: 0.6rem; }
.form-row[b-d8myeblblx] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
@media (max-width: 500px) { .form-row[b-d8myeblblx] { grid-template-columns: 1fr; } }
.form-group[b-d8myeblblx] { display: flex; flex-direction: column; gap: 0.35rem; }
.form-group label[b-d8myeblblx] { font-size: 0.8rem; font-weight: 600; color: var(--text-muted, #8b8fa8); text-transform: uppercase; letter-spacing: 0.04em; }
.form-input[b-d8myeblblx] { background: var(--bg-secondary, #15161e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 8px; padding: 0.5rem 0.7rem; color: var(--text-primary, #e8e9f0); font-size: 0.9rem; width: 100%; box-sizing: border-box; }
.form-input:focus[b-d8myeblblx] { outline: none; border-color: #ff6b9d; }
.form-textarea[b-d8myeblblx] { resize: vertical; min-height: 80px; font-family: inherit; }
.form-group-check[b-d8myeblblx] { justify-content: flex-end; }
.checkbox-label[b-d8myeblblx] { display: flex; align-items: center; gap: 0.4rem; cursor: pointer; font-size: 0.9rem; color: var(--text-primary, #e8e9f0); }
.btn-secondary[b-d8myeblblx] { background: var(--bg-secondary, #15161e); border: 1px solid var(--border-color, #2e2f3e); color: var(--text-muted, #8b8fa8); border-radius: 20px; padding: 0.45rem 1rem; cursor: pointer; font-size: 0.85rem; }
.btn-secondary:hover[b-d8myeblblx] { border-color: #ff6b9d44; }
.rating-row[b-d8myeblblx] { display: flex; gap: 0.3rem; }
.rating-btn[b-d8myeblblx] { background: var(--bg-secondary, #15161e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 6px; padding: 0.3rem 0.55rem; color: var(--text-muted, #8b8fa8); cursor: pointer; font-size: 0.85rem; transition: all 0.15s; }
.rating-btn.rating-on[b-d8myeblblx] { background: #ff6b9d33; border-color: #ff6b9d; color: #ff6b9d; }
.star-btn.rating-on[b-d8myeblblx] { color: #fbbf24; border-color: #fbbf2488; background: #fbbf2422; }
.equipment-presets[b-d8myeblblx] { display: flex; gap: 0.4rem; flex-wrap: wrap; }
.preset-chip[b-d8myeblblx] { background: var(--bg-secondary, #15161e); border: 1px solid var(--border-color, #2e2f3e); border-radius: 12px; padding: 0.2rem 0.6rem; font-size: 0.78rem; cursor: pointer; color: var(--text-muted, #8b8fa8); transition: all 0.15s; }
.preset-chip:hover[b-d8myeblblx] { border-color: #ff6b9d; color: #ff6b9d; }
.loading-spinner[b-d8myeblblx] { width: 18px; height: 18px; border: 2px solid #ff6b9d44; border-top-color: #ff6b9d; border-radius: 50%; animation: spin-b-d8myeblblx 0.8s linear infinite; }
@keyframes spin-b-d8myeblblx { to { transform: rotate(360deg); } }
/* /Pages/Weather.razor.rz.scp.css */
.weather-page[b-r34xhcdgdj] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    color: var(--text-primary);
}

/* ── Header ───────────────────────────────────────────────── */
.weather-page-header[b-r34xhcdgdj] { margin-bottom: 1.5rem; }

.weather-location-row[b-r34xhcdgdj] {
    display: flex;
    gap: .5rem;
    margin-top: .75rem;
    flex-wrap: wrap;
}

.location-input[b-r34xhcdgdj] {
    flex: 1 1 200px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: .5rem .75rem;
    color: var(--text-primary);
    font-size: .95rem;
}
.location-input:focus[b-r34xhcdgdj] { outline: none; border-color: var(--pink-accent); }

.btn-search[b-r34xhcdgdj] {
    background: var(--pink-accent);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: .5rem 1rem;
    cursor: pointer;
    font-size: .9rem;
    white-space: nowrap;
}
.btn-search:disabled[b-r34xhcdgdj] { opacity: .5; cursor: not-allowed; }

.location-label[b-r34xhcdgdj] {
    margin-top: .4rem;
    font-size: .85rem;
    color: var(--text-secondary);
}

/* ── Loading / error / empty ──────────────────────────────── */
.weather-loading[b-r34xhcdgdj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 3rem;
    color: var(--text-secondary);
}

.weather-error[b-r34xhcdgdj] {
    background: rgba(255,80,80,.1);
    border: 1px solid rgba(255,80,80,.3);
    color: #ff6b6b;
    border-radius: 10px;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

.weather-empty[b-r34xhcdgdj] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}
.empty-icon[b-r34xhcdgdj] { font-size: 3rem; margin-bottom: .75rem; }

/* ── Current card ─────────────────────────────────────────── */
.current-card[b-r34xhcdgdj] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 12px rgba(0,0,0,.15);
}

.current-main[b-r34xhcdgdj] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.current-icon[b-r34xhcdgdj] { font-size: 4rem; line-height: 1; }

.current-temps[b-r34xhcdgdj] {}
.current-temp[b-r34xhcdgdj] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1;
}
.current-desc[b-r34xhcdgdj] {
    display: block;
    font-size: 1rem;
    color: var(--text-secondary);
    margin-top: .25rem;
}

.current-details[b-r34xhcdgdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: .75rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color);
    margin-bottom: .75rem;
}

.detail-item[b-r34xhcdgdj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .15rem;
    background: var(--bg-hover);
    border-radius: 10px;
    padding: .6rem .5rem;
}
.detail-icon[b-r34xhcdgdj] { font-size: 1.2rem; }
.detail-label[b-r34xhcdgdj] { font-size: .7rem; color: var(--text-secondary); text-transform: uppercase; letter-spacing: .04em; }
.detail-val[b-r34xhcdgdj] { font-size: .95rem; font-weight: 600; color: var(--text-primary); }

.current-updated[b-r34xhcdgdj] {
    font-size: .75rem;
    color: var(--text-secondary);
    text-align: right;
}

/* ── Section titles ───────────────────────────────────────── */
.section-title[b-r34xhcdgdj] {
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--text-secondary);
    margin-bottom: .75rem;
}

/* ── 5-day forecast ───────────────────────────────────────── */
.forecast-section[b-r34xhcdgdj] { margin-bottom: 1.5rem; }

.forecast-cards[b-r34xhcdgdj] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: .75rem;
}

.forecast-card[b-r34xhcdgdj] {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: .85rem .5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.forecast-card.today[b-r34xhcdgdj] {
    border-color: var(--pink-accent);
    background: rgba(255,105,180,.06);
}

.fc-day[b-r34xhcdgdj] { font-weight: 700; font-size: .85rem; color: var(--text-primary); }
.fc-date[b-r34xhcdgdj] { font-size: .75rem; color: var(--text-secondary); }
.fc-icon[b-r34xhcdgdj] { font-size: 1.8rem; margin: .25rem 0; }
.fc-desc[b-r34xhcdgdj] { font-size: .72rem; color: var(--text-secondary); min-height: 1.4em; }
.fc-temps[b-r34xhcdgdj] { display: flex; justify-content: center; gap: .5rem; margin-top: .2rem; }
.fc-hi[b-r34xhcdgdj] { font-weight: 700; font-size: .9rem; color: var(--text-primary); }
.fc-lo[b-r34xhcdgdj] { font-size: .85rem; color: var(--text-secondary); }
.fc-precip[b-r34xhcdgdj] { font-size: .72rem; color: #5ba0e0; margin-top: .15rem; }

/* ── Hourly strip ─────────────────────────────────────────── */
.hourly-section[b-r34xhcdgdj] { margin-bottom: 1.5rem; }

.hourly-strip[b-r34xhcdgdj] {
    display: flex;
    gap: .5rem;
    overflow-x: auto;
    padding-bottom: .5rem;
    scrollbar-width: thin;
}

.hourly-cell[b-r34xhcdgdj] {
    flex: 0 0 64px;
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: .5rem .25rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: .15rem;
    align-items: center;
}
.hourly-cell.now[b-r34xhcdgdj] {
    border-color: var(--pink-accent);
    background: rgba(255,105,180,.06);
}

.hr-time[b-r34xhcdgdj] { font-size: .7rem; color: var(--text-secondary); white-space: nowrap; }
.hr-icon[b-r34xhcdgdj] { font-size: 1.3rem; }
.hr-temp[b-r34xhcdgdj] { font-size: .85rem; font-weight: 600; color: var(--text-primary); }
.hr-precip[b-r34xhcdgdj] { font-size: .65rem; color: #5ba0e0; }

/* ── Refresh button ───────────────────────────────────────── */
.btn-refresh[b-r34xhcdgdj] {
    background: transparent;
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    border-radius: 8px;
    padding: .45rem .9rem;
    cursor: pointer;
    font-size: .85rem;
    transition: border-color .2s;
}
.btn-refresh:hover[b-r34xhcdgdj] { border-color: var(--pink-accent); color: var(--pink-accent); }

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 480px) {
    .current-temp[b-r34xhcdgdj] { font-size: 2.2rem; }
    .current-icon[b-r34xhcdgdj] { font-size: 3rem; }
}