@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Components/AddVisitPanel.razor.rz.scp.css */
/* AddVisitPanel — light visit editor (profile overlay + list centered modal) */

.av-root[b-r2gc8qdd68] {
    position: fixed;
    inset: 0;
    z-index: 10150;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.av-backdrop[b-r2gc8qdd68] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    animation: avFadeIn-b-r2gc8qdd68 0.22s ease-out both;
}

.av-backdrop--closing[b-r2gc8qdd68] {
    animation: avFadeOut-b-r2gc8qdd68 0.22s ease-out both;
}

@keyframes avFadeIn-b-r2gc8qdd68 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes avFadeOut-b-r2gc8qdd68 {
    from { opacity: 1; }
    to { opacity: 0; }
}

.av-shell[b-r2gc8qdd68] {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.18);
    overflow: hidden;
    animation: avPopIn-b-r2gc8qdd68 0.24s ease-out both;
}

.av-shell--closing[b-r2gc8qdd68] {
    animation: avPopOut-b-r2gc8qdd68 0.24s ease-out both;
}

@keyframes avPopIn-b-r2gc8qdd68 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes avPopOut-b-r2gc8qdd68 {
    from { opacity: 1; }
    to { opacity: 0; }
}

.av-root--profile .av-shell--profile[b-r2gc8qdd68] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(920px, calc(100vw - 1.5rem));
    max-height: min(92dvh, 900px);
}

.av-root--list .av-shell--list[b-r2gc8qdd68] {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(520px, calc(100vw - 1.5rem));
    max-height: min(90dvh, 820px);
}

.av-back-link[b-r2gc8qdd68] {
    display: inline-flex;
    align-self: flex-start;
    margin: 1rem 1.25rem 0;
    padding: 0;
    border: none;
    background: none;
    color: #2563eb;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
}

.av-back-link:hover[b-r2gc8qdd68] {
    text-decoration: underline;
}

.av-shell-head[b-r2gc8qdd68] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem 0.5rem;
    border-bottom: 1px solid #f3f4f6;
    flex-shrink: 0;
}

.av-root--profile .av-shell-head[b-r2gc8qdd68] {
    padding-top: 0.35rem;
}

.av-shell-head-text[b-r2gc8qdd68] {
    min-width: 0;
}

.av-title-main[b-r2gc8qdd68] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.av-title-sub[b-r2gc8qdd68] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.av-close-light[b-r2gc8qdd68] {
    border: none;
    background: transparent;
    color: #9ca3af;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    padding: 0.25rem 0.35rem;
    border-radius: 8px;
}

.av-close-light:hover[b-r2gc8qdd68] {
    background: #f3f4f6;
    color: #374151;
}

.av-shell-body[b-r2gc8qdd68] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.25rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.av-field--date[b-r2gc8qdd68] {
    max-width: 220px;
}

.av-field label[b-r2gc8qdd68] {
    display: block;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.35rem;
}

.av-input--light[b-r2gc8qdd68] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    color: #111827;
    padding: 0.55rem 0.75rem;
    font-size: 0.875rem;
    width: 100%;
    box-sizing: border-box;
}

.av-input--light:focus[b-r2gc8qdd68] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.av-textarea--visit[b-r2gc8qdd68] {
    min-height: 120px;
    resize: vertical;
}

.av-acc-trigger[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    text-align: left;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 0.65rem 0.85rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #0f172a;
    transition: background 0.15s ease;
}

.av-acc-trigger--growth[b-r2gc8qdd68] {
    background: #ecfdf5;
    border-color: #bbf7d0;
}

.av-acc-trigger--vitals[b-r2gc8qdd68] {
    background: #eff6ff;
    border-color: #bfdbfe;
}

.av-acc-trigger--metabolic[b-r2gc8qdd68] {
    background: #fef2f2;
    border-color: #fecaca;
}

.av-acc-trigger--rx[b-r2gc8qdd68] {
    background: #fff7ed;
    border-color: #fed7aa;
}

.av-acc-trigger:hover[b-r2gc8qdd68] {
    filter: brightness(0.98);
}

.av-acc-trigger--open .av-acc-chevron[b-r2gc8qdd68] {
    transform: rotate(180deg);
}

.av-acc-icon[b-r2gc8qdd68] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.av-acc-icon--growth[b-r2gc8qdd68] {
    background: #d1fae5;
    color: #059669;
}

.av-acc-icon--vitals[b-r2gc8qdd68] {
    background: #dbeafe;
    color: #2563eb;
}

.av-acc-icon--metabolic[b-r2gc8qdd68] {
    background: #fee2e2;
    color: #dc2626;
}

.av-acc-icon--rx[b-r2gc8qdd68] {
    background: #ffedd5;
    color: #ea580c;
}

.av-acc-label[b-r2gc8qdd68] {
    flex: 1;
}

.av-acc-chevron[b-r2gc8qdd68] {
    flex-shrink: 0;
    color: #64748b;
    transition: transform 0.2s ease;
}

.av-acc-body[b-r2gc8qdd68] {
    padding: 0.5rem 0.35rem 0.75rem 2.5rem;
}

.av-acc-body--rx[b-r2gc8qdd68] {
    padding-left: 0.35rem;
}

.av-muted[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    color: #9ca3af;
    margin: 0.25rem 0;
}

.av-bio-grid-light[b-r2gc8qdd68] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

.av-bio-row-light[b-r2gc8qdd68] {
    display: grid;
    grid-template-columns: 1fr minmax(140px, 1fr);
    align-items: center;
    gap: 0.5rem;
}

.av-bio-label-light[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    color: #4b5563;
    font-weight: 500;
}

.av-bio-input-wrap[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

.av-bio-num[b-r2gc8qdd68] {
    max-width: 120px;
    text-align: right;
}

.av-bio-unit-light[b-r2gc8qdd68] {
    font-size: 0.75rem;
    color: #9ca3af;
    min-width: 2.5rem;
}

.av-drug-search--light[b-r2gc8qdd68] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.35rem 0.65rem;
    background: #fafafa;
}

.av-search-ico[b-r2gc8qdd68] {
    color: #9ca3af;
    flex-shrink: 0;
}

.av-input--search[b-r2gc8qdd68] {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0.35rem 0 !important;
}

.av-drug-dropdown--light[b-r2gc8qdd68] {
    position: absolute;
    z-index: 60;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    list-style: none;
    margin: 0;
    padding: 0.25rem 0;
    max-height: 220px;
    overflow-y: auto;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
}

.av-drug-dropdown--light li[b-r2gc8qdd68] {
    padding: 0.65rem 0.85rem;
    cursor: pointer;
}

.av-drug-dropdown--light li:hover[b-r2gc8qdd68] {
    background: #f8fafc;
}

.av-fav-banner[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding: 0.65rem 0.85rem;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fffbeb;
}

.av-fav-icon[b-r2gc8qdd68] {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #fb923c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}

.av-fav-title[b-r2gc8qdd68] {
    font-weight: 700;
    font-size: 0.875rem;
    color: #9a3412;
}

.av-fav-sub[b-r2gc8qdd68] {
    font-size: 0.75rem;
    color: #c2410c;
}

.av-fav-text[b-r2gc8qdd68] {
    flex: 1;
    min-width: 0;
}

.av-fav-toggle[b-r2gc8qdd68] {
    border: none;
    background: none;
    color: #ea580c;
    font-weight: 600;
    font-size: 0.8125rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-family: inherit;
}

.av-fav-chev[b-r2gc8qdd68] {
    transition: transform 0.2s ease;
}

.av-fav-chev--up[b-r2gc8qdd68] {
    transform: rotate(180deg);
}

/* Pinned favorites + recently used (browser cache) */
.av-rx-pin-head[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
    margin-bottom: 0.45rem;
}

.av-rx-pin-head-main[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.av-rx-pin-ico[b-r2gc8qdd68] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.av-rx-pin-ico img[b-r2gc8qdd68] {
    display: block;
    width: 18px;
    height: 18px;
}

.av-rx-pin-head-text[b-r2gc8qdd68] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
}

.av-rx-pin-title[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #334155;
}

.av-rx-pin-sub[b-r2gc8qdd68] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
}

.av-rx-pin-viewall[b-r2gc8qdd68] {
    border: none;
    background: none;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    padding: 0;
}

.av-rx-pin-empty[b-r2gc8qdd68] {
    font-size: 0.75rem;
    color: #94a3b8;
    margin: 0 0 0.55rem;
    line-height: 1.4;
}

.av-rx-pin-empty--tight[b-r2gc8qdd68] {
    margin-bottom: 0.35rem;
}

.av-rx-pin-grid[b-r2gc8qdd68] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
    margin-bottom: 0.65rem;
}

@media (max-width: 520px) {
    .av-rx-pin-grid[b-r2gc8qdd68] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 360px) {
    .av-rx-pin-grid[b-r2gc8qdd68] {
        grid-template-columns: 1fr;
    }
}

.av-rx-pin-card[b-r2gc8qdd68] {
    position: relative;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff;
    padding: 0.55rem 1.6rem 0.55rem 0.55rem;
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.av-rx-pin-card:hover[b-r2gc8qdd68] {
    border-color: #fdba74;
    box-shadow: 0 2px 8px rgba(234, 88, 12, 0.12);
}

.av-rx-pin-star[b-r2gc8qdd68],
.av-rx-pin-plus[b-r2gc8qdd68] {
    position: absolute;
    border: none;
    background: none;
    color: #ea580c;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.8rem;
    padding: 0;
    line-height: 1;
}

.av-rx-pin-star[b-r2gc8qdd68] {
    top: 0.4rem;
    right: 0.4rem;
}

.av-rx-pin-star--on[b-r2gc8qdd68] {
    color: #ea580c;
}

.av-rx-pin-plus[b-r2gc8qdd68] {
    bottom: 0.4rem;
    right: 0.4rem;
}

.av-rx-pin-trade[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 0.2rem;
}

.av-rx-pin-sci[b-r2gc8qdd68] {
    font-size: 0.6875rem;
    color: #94a3b8;
    line-height: 1.25;
}

.av-rx-recent-head[b-r2gc8qdd68] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem;
    margin-top: 0.35rem;
    margin-bottom: 0.35rem;
}

.av-rx-recent-title[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #334155;
}

.av-rx-recent-hint[b-r2gc8qdd68] {
    font-size: 0.6875rem;
    font-weight: 500;
    color: #94a3b8;
}

.av-rx-recent-chips[b-r2gc8qdd68] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-bottom: 0.65rem;
}

.av-rx-recent-chip[b-r2gc8qdd68] {
    border: 1px solid #e2e8f0;
    background: #fff;
    border-radius: 8px;
    padding: 0.28rem 0.5rem;
    font-size: 0.6875rem;
    color: #64748b;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.3;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.av-rx-recent-chip:hover[b-r2gc8qdd68] {
    border-color: #cbd5e1;
    background: #f8fafc;
    color: #334155;
}

.av-rx-heading-row[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 1rem;
    margin-bottom: 0.35rem;
}

.av-rx-heading[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #374151;
}

.av-rx-heading-ico[b-r2gc8qdd68] {
    color: #9ca3af;
}

.av-section-title--rx[b-r2gc8qdd68] {
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #6b7280;
}

.av-rx-card[b-r2gc8qdd68] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 0.85rem 1rem;
    background: #fafafa;
    margin-bottom: 0.65rem;
}

.av-rx-card-top[b-r2gc8qdd68] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.av-rx-card-titles[b-r2gc8qdd68] {
    display: flex;
    gap: 0.5rem;
    min-width: 0;
}

.av-rx-card-link-ico[b-r2gc8qdd68] {
    flex-shrink: 0;
    margin-top: 0.15rem;
}

.av-rx-trade[b-r2gc8qdd68] {
    font-weight: 700;
    font-size: 0.9375rem;
    color: #0f172a;
}

.av-rx-generic[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    color: #6b7280;
}

.av-rx-card-actions[b-r2gc8qdd68] {
    display: flex;
    gap: 0.25rem;
    flex-shrink: 0;
}

.av-rx-iconbtn[b-r2gc8qdd68] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.35rem;
    min-width: 2rem;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #f59e0b;
    font-size: 1rem;
    line-height: 1;
}

.av-rx-iconbtn--danger[b-r2gc8qdd68] {
    color: #ef4444;
}

.av-rx-iconbtn:hover[b-r2gc8qdd68] {
    background: #fff;
}

.av-rx-iconbtn--pinned[b-r2gc8qdd68] {
    color: #ea580c;
}

.av-rx-quick[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.65rem;
}

.av-rx-bubble[b-r2gc8qdd68] {
    font-size: 1rem;
    opacity: 0.7;
}

.av-rx-quick-input[b-r2gc8qdd68] {
    flex: 1;
}

.av-rx-details-btn[b-r2gc8qdd68] {
    width: 100%;
    margin-top: 0.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    background: #fff;
    font-size: 0.875rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    font-family: inherit;
}

.av-rx-details-btn:hover[b-r2gc8qdd68] {
    background: #f9fafb;
    border-color: #d1d5db;
}

.av-rx-details-ico[b-r2gc8qdd68] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #94a3b8;
    font-size: 0.7rem;
    font-weight: 800;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.av-rx-dosage-selected[b-r2gc8qdd68] {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}

.av-rx-dosage-badge[b-r2gc8qdd68] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #15803d;
    background: #dcfce7;
    padding: 0.2rem 0.5rem;
    border-radius: 6px;
}

.av-rx-dosage-summary[b-r2gc8qdd68] {
    font-size: 0.8125rem;
    color: #6b7280;
}

.av-shell-footer[b-r2gc8qdd68] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.85rem 1.25rem;
    border-top: 1px solid #e5e7eb;
    background: #fafafa;
    flex-shrink: 0;
}

.av-cancel-text[b-r2gc8qdd68] {
    border: none;
    background: none;
    color: #6b7280;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
}

.av-cancel-text:hover[b-r2gc8qdd68] {
    color: #111827;
}

.av-save-primary[b-r2gc8qdd68] {
    border: none;
    border-radius: 10px;
    background: #3b82f6;
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    padding: 0.65rem 1.35rem;
    cursor: pointer;
    font-family: inherit;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-width: 120px;
}

.av-save-primary:hover:not(:disabled)[b-r2gc8qdd68] {
    background: #2563eb;
}

.av-save-primary:disabled[b-r2gc8qdd68] {
    opacity: 0.55;
    cursor: not-allowed;
}

.av-spinner[b-r2gc8qdd68] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: avSpin-b-r2gc8qdd68 0.7s linear infinite;
}

@keyframes avSpin-b-r2gc8qdd68 {
    to { transform: rotate(360deg); }
}
/* /Components/AlarmSections/ContraindicationSection.razor.rz.scp.css */
/* ==================== CONTRAINDICATIONS SECTION ==================== */
.result-section.contraindications[b-mmnlj83w7w] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(231, 0, 11, 0.15) 100%
  );
  border: 1.5px solid #ffe2e2;
}

.result-section.contraindications .section-icon-container[b-mmnlj83w7w] {
  background: #ffe2e2;
}

.result-section.contraindications .alarm-card[b-mmnlj83w7w] {
  background: #fff5f5;
  border-left: 4px solid #e7000b;
}

/* Base section styles */
.result-section[b-mmnlj83w7w] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-mmnlj83w7w] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-mmnlj83w7w] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-mmnlj83w7w] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-mmnlj83w7w] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-mmnlj83w7w] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-name-standalone[b-mmnlj83w7w] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition-standalone[b-mmnlj83w7w] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.alarm-details-box[b-mmnlj83w7w] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-mmnlj83w7w] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-mmnlj83w7w] {
  color: #101828;
  font-weight: 600;
}

/* ==================== AI WARNING BOX ==================== */
.ai-warning-box[b-mmnlj83w7w] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: #fef3c6;
  border-left: 3px solid #f59e0b;
  border-radius: 6px;
  margin-top: 8px;
}

.ai-warning-header[b-mmnlj83w7w] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #92400e;
  font-size: 14px;
}

.ai-warning-text[b-mmnlj83w7w] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

.ai-reason-box[b-mmnlj83w7w] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 4px;
}

.ai-reason-box strong[b-mmnlj83w7w] {
  color: #92400e;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-mmnlj83w7w] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-mmnlj83w7w] {
    padding: 16px 16px 16px 18px;
  }

  .section-title[b-mmnlj83w7w] {
    font-size: 16px;
  }

  .drug-name-standalone[b-mmnlj83w7w] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-mmnlj83w7w] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-mmnlj83w7w] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-mmnlj83w7w] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name-standalone[b-mmnlj83w7w] {
    font-size: 14px;
  }

  .drug-composition-standalone[b-mmnlj83w7w] {
    font-size: 13px;
  }

  .detail-row[b-mmnlj83w7w] {
    font-size: 13px;
  }
}
/* /Components/AlarmSections/DrugInteractionSection.razor.rz.scp.css */
/* ==================== DRUG INTERACTIONS SECTION ==================== */
.result-section.drug-interactions[b-cly69m9cac] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 49.52%,
    rgba(73, 148, 255, 0.15) 100%
  );
  border: 1.5px solid #dbeafe;
}

.result-section.drug-interactions .section-icon-container[b-cly69m9cac] {
  background: #dbeafe;
}

.result-section.drug-interactions .alarm-card[b-cly69m9cac] {
  background: #fff7ed;
  border-left: 4px solid #ff8904;
}

/* Base section styles */
.result-section[b-cly69m9cac] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-cly69m9cac] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-cly69m9cac] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-cly69m9cac] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-cly69m9cac] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-cly69m9cac] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-comparison-row[b-cly69m9cac] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.drug-box[b-cly69m9cac] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.drug-name[b-cly69m9cac] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition[b-cly69m9cac] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.vs-separator[b-cly69m9cac] {
  font-size: 24px;
  font-weight: 700;
  color: #ff8904;
  min-width: 40px;
  text-align: center;
}

.alarm-details-box[b-cly69m9cac] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-cly69m9cac] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-cly69m9cac] {
  color: #101828;
  font-weight: 600;
}

/* ==================== SEVERITY BADGES ==================== */
.severity-badge[b-cly69m9cac] {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.severity-high[b-cly69m9cac],
.severity-severe[b-cly69m9cac] {
  background: #fee2e2;
  color: #991b1b;
}

.severity-moderate[b-cly69m9cac],
.severity-medium[b-cly69m9cac],
.severity-monitor-closely[b-cly69m9cac] {
  background: #fef3c6;
  color: #92400e;
}

.severity-low[b-cly69m9cac],
.severity-mild[b-cly69m9cac] {
  background: #dcfce7;
  color: #166534;
}

/* ==================== AI WARNING BOX ==================== */
.ai-warning-box[b-cly69m9cac] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: #fef3c6;
  border-left: 3px solid #f59e0b;
  border-radius: 6px;
  margin-top: 8px;
}

.ai-warning-header[b-cly69m9cac] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #92400e;
  font-size: 14px;
}

.ai-warning-text[b-cly69m9cac] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

/* ==================== SOURCE LINK ==================== */
.source-link[b-cly69m9cac] {
  margin-top: 8px;
}

.source-link a[b-cly69m9cac] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4994ff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.source-link a:hover[b-cly69m9cac] {
  color: #357abd;
  text-decoration: underline;
}

.source-link svg[b-cly69m9cac] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-cly69m9cac] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-cly69m9cac] {
    padding: 16px 16px 16px 18px;
  }

  .drug-comparison-row[b-cly69m9cac] {
    flex-direction: column;
    gap: 12px;
  }

  .vs-separator[b-cly69m9cac] {
    font-size: 18px;
    min-width: unset;
    align-self: center;
    transform: rotate(90deg);
  }

  .section-title[b-cly69m9cac] {
    font-size: 16px;
  }

  .drug-name[b-cly69m9cac] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-cly69m9cac] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-cly69m9cac] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-cly69m9cac] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name[b-cly69m9cac] {
    font-size: 14px;
  }

  .drug-composition[b-cly69m9cac] {
    font-size: 13px;
  }

  .detail-row[b-cly69m9cac] {
    font-size: 13px;
  }

  .severity-badge[b-cly69m9cac] {
    font-size: 12px;
    padding: 3px 10px;
  }
}
/* /Components/AlarmSections/FoodInteractionSection.razor.rz.scp.css */
/* ==================== FOOD INTERACTIONS SECTION ==================== */
.result-section.food-interactions[b-t84xeo5l8y] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(34, 197, 94, 0.15) 100%
  );
  border: 1.5px solid #dcfce7;
}

.result-section.food-interactions .section-icon-container[b-t84xeo5l8y] {
  background: #dcfce7;
}

.result-section.food-interactions .alarm-card[b-t84xeo5l8y] {
  background: #f0fdf4;
  border-left: 4px solid #22c55e;
}

/* Base section styles */
.result-section[b-t84xeo5l8y] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-t84xeo5l8y] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-t84xeo5l8y] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-t84xeo5l8y] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-t84xeo5l8y] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-t84xeo5l8y] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-name-standalone[b-t84xeo5l8y] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition-standalone[b-t84xeo5l8y] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.alarm-details-box[b-t84xeo5l8y] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-t84xeo5l8y] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-t84xeo5l8y] {
  color: #101828;
  font-weight: 600;
}

/* ==================== FOOD TIMING BOX ==================== */
.food-timing-box[b-t84xeo5l8y] {
  background: #f0fdf4;
  border: 1px solid #86efac;
  border-radius: 8px;
  padding: 12px 16px;
  margin: 8px 0;
}

.food-timing-box strong[b-t84xeo5l8y] {
  color: #166534;
  display: block;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 14px;
}

.food-timing-box p[b-t84xeo5l8y] {
  margin: 0;
  color: #166534;
  font-size: 13px;
  line-height: 1.6;
}

/* ==================== STRUCTURED FOOD LIST ==================== */
.structured-food-list[b-t84xeo5l8y] {
  width: 100%;
  margin: 12px 0;
}

.structured-food-list strong[b-t84xeo5l8y] {
  display: block;
  color: #101828;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
}

.food-items-grid[b-t84xeo5l8y] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px;
}

.food-interaction-item-card[b-t84xeo5l8y] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

.food-interaction-item-card:hover[b-t84xeo5l8y] {
  border-color: #22c55e;
  box-shadow: 0 2px 6px rgba(34, 197, 94, 0.1);
}

.food-name-badge[b-t84xeo5l8y] {
  display: inline-block;
  padding: 4px 10px;
  background: #dcfce7;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #166534;
}

.food-effect-text[b-t84xeo5l8y] {
  font-size: 12px;
  color: #667085;
  line-height: 1.5;
}

/* ==================== SOURCE LINK ==================== */
.source-link[b-t84xeo5l8y] {
  margin-top: 8px;
}

.source-link a[b-t84xeo5l8y] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4994ff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.source-link a:hover[b-t84xeo5l8y] {
  color: #357abd;
  text-decoration: underline;
}

.source-link svg[b-t84xeo5l8y] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-t84xeo5l8y] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-t84xeo5l8y] {
    padding: 16px 16px 16px 18px;
  }

  .section-title[b-t84xeo5l8y] {
    font-size: 16px;
  }

  .drug-name-standalone[b-t84xeo5l8y] {
    font-size: 15px;
  }

  .food-items-grid[b-t84xeo5l8y] {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

@media (max-width: 480px) {
  .result-section[b-t84xeo5l8y] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-t84xeo5l8y] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-t84xeo5l8y] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name-standalone[b-t84xeo5l8y] {
    font-size: 14px;
  }

  .drug-composition-standalone[b-t84xeo5l8y] {
    font-size: 13px;
  }

  .detail-row[b-t84xeo5l8y] {
    font-size: 13px;
  }

  .food-items-grid[b-t84xeo5l8y] {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
/* /Components/AlarmSections/HypersensitivitySection.razor.rz.scp.css */
/* ==================== HYPERSENSITIVITY/ALLERGY RISKS SECTION ==================== */
.result-section.allergy-risks[b-av6bxlw22q] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(230, 0, 118, 0.15) 100%
  );
  border: 1.5px solid #fce7f3;
}

.result-section.allergy-risks .section-icon-container[b-av6bxlw22q] {
  background: #fce7f3;
}

.result-section.allergy-risks .alarm-card[b-av6bxlw22q] {
  background: #fdf2f8;
  border-left: 4px solid #f6339a;
}

/* Base section styles */
.result-section[b-av6bxlw22q] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-av6bxlw22q] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-av6bxlw22q] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-av6bxlw22q] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-av6bxlw22q] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-av6bxlw22q] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-name-standalone[b-av6bxlw22q] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition-standalone[b-av6bxlw22q] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.alarm-details-box[b-av6bxlw22q] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-av6bxlw22q] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-av6bxlw22q] {
  color: #101828;
  font-weight: 600;
}

.source-row[b-av6bxlw22q] {
  color: #6a7282;
  font-size: 12px;
}

.source-row strong[b-av6bxlw22q] {
  color: #6a7282;
}

/* ==================== ALLERGEN BADGE ==================== */
.allergen-badge[b-av6bxlw22q] {
  display: inline-flex;
  padding: 4px 8px;
  background: #e60076;
  border-radius: 4px;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  color: #ffffff;
}

/* ==================== CROSS-HYPERSENSITIVITY ==================== */
.cross-reactivity-badge-container[b-av6bxlw22q] {
  margin-bottom: 12px;
}

.cross-reactivity-badge[b-av6bxlw22q] {
  display: inline-flex;
  padding: 6px 12px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 12px;
}

.cross-reactivity-badge.reactivity-high[b-av6bxlw22q] {
  color: #ffffff;
  background-color: #e7000b;
  border: 1px solid #e7000b;
}

.cross-reactivity-badge.reactivity-moderate[b-av6bxlw22q] {
  color: #856404;
  background-color: #fef3c6;
  border: 1px solid #ffb050;
}

.cross-reactivity-badge.reactivity-low[b-av6bxlw22q] {
  color: #155724;
  background-color: #d4edda;
  border: 1px solid #27ae60;
}

.cross-reactivity-badge.reactivity-unknown[b-av6bxlw22q] {
  color: #6c757d;
  background-color: #e9ecef;
  border: 1px solid #6c757d;
}

.ai-cross-hypersensitivity-box[b-av6bxlw22q] {
  background: #fff3cd;
  border-left: 3px solid #ffb050;
  padding: 12px 16px;
  margin: 12px 0 0 0;
  border-radius: 8px;
}

.ai-warning-header[b-av6bxlw22q] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #e17100;
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 14px;
}

.ai-warning-disclaimer[b-av6bxlw22q] {
  color: #5d4037;
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 10px;
}

.ai-content-box[b-av6bxlw22q] {
  background: #ffffff;
  border: 1px solid #ffb050;
  border-radius: 8px;
  padding: 12px;
  color: #424242;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 10px;
}

.citations-container[b-av6bxlw22q] {
  margin-top: 12px;
  padding: 0;
  background: transparent;
  border-radius: 8px;
  border: none;
}

.citations-toggle-btn[b-av6bxlw22q] {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #424242;
  cursor: pointer;
  transition: all 0.2s ease;
}

.citations-toggle-btn:hover[b-av6bxlw22q] {
  background: #f0f1f3;
  border-color: #d0d0d0;
}

.citations-toggle-btn svg[b-av6bxlw22q] {
  font-size: 14px;
  transition: transform 0.2s ease;
}

.citations-list[b-av6bxlw22q] {
  margin-top: 8px;
  padding: 12px;
  background: #f9fafb;
  border: 1px solid #e7e7e7;
  border-top: none;
  border-radius: 0 0 8px 8px;
  animation: slideDown-b-av6bxlw22q 0.2s ease;
}

@keyframes slideDown-b-av6bxlw22q {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.citation-item[b-av6bxlw22q] {
  margin: 4px 0;
}

.citation-item a[b-av6bxlw22q] {
  font-size: 11px;
  color: #4994ff;
  text-decoration: none;
  word-break: break-all;
  display: block;
}

.citation-item a:hover[b-av6bxlw22q] {
  color: #3174d4;
  text-decoration: underline;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-av6bxlw22q] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-av6bxlw22q] {
    padding: 16px 16px 16px 18px;
  }

  .section-title[b-av6bxlw22q] {
    font-size: 16px;
  }

  .drug-name-standalone[b-av6bxlw22q] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-av6bxlw22q] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-av6bxlw22q] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-av6bxlw22q] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name-standalone[b-av6bxlw22q] {
    font-size: 14px;
  }

  .drug-composition-standalone[b-av6bxlw22q] {
    font-size: 13px;
  }

  .detail-row[b-av6bxlw22q] {
    font-size: 13px;
  }
}
/* /Components/AlarmSections/LactationRiskSection.razor.rz.scp.css */
/* ==================== LACTATION RISKS SECTION ==================== */
.result-section.lactation-risks[b-p7sjqyd0kt] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(152, 16, 250, 0.15) 100%
  );
  border: 1.5px solid #f3e8ff;
}

.result-section.lactation-risks .section-icon-container[b-p7sjqyd0kt] {
  background: #f3e8ff;
}

.result-section.lactation-risks .alarm-card[b-p7sjqyd0kt] {
  background: #faf5ff;
  border-left: 4px solid #9810fa;
}

/* Base section styles */
.result-section[b-p7sjqyd0kt] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-p7sjqyd0kt] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-p7sjqyd0kt] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-p7sjqyd0kt] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-p7sjqyd0kt] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-p7sjqyd0kt] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-name-standalone[b-p7sjqyd0kt] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition-standalone[b-p7sjqyd0kt] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.alarm-details-box[b-p7sjqyd0kt] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-p7sjqyd0kt] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-p7sjqyd0kt] {
  color: #101828;
  font-weight: 600;
}

/* ==================== DOSE-DEPENDENT WARNING ==================== */
.dose-dependent-warning[b-p7sjqyd0kt] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: #fef3c6;
  border-left: 3px solid #f59e0b;
  border-radius: 6px;
  margin-top: 8px;
}

.dose-warning-header[b-p7sjqyd0kt] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #92400e;
  font-size: 14px;
}

.dose-warning-text[b-p7sjqyd0kt] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

.dosage-guidelines[b-p7sjqyd0kt] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 4px;
}

.dosage-guidelines strong[b-p7sjqyd0kt] {
  color: #92400e;
}

/* ==================== SOURCE LINK ==================== */
.source-link[b-p7sjqyd0kt] {
  margin-top: 8px;
}

.source-link a[b-p7sjqyd0kt] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4994ff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.source-link a:hover[b-p7sjqyd0kt] {
  color: #357abd;
  text-decoration: underline;
}

.source-link svg[b-p7sjqyd0kt] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-p7sjqyd0kt] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-p7sjqyd0kt] {
    padding: 16px 16px 16px 18px;
  }

  .section-title[b-p7sjqyd0kt] {
    font-size: 16px;
  }

  .drug-name-standalone[b-p7sjqyd0kt] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-p7sjqyd0kt] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-p7sjqyd0kt] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-p7sjqyd0kt] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name-standalone[b-p7sjqyd0kt] {
    font-size: 14px;
  }

  .drug-composition-standalone[b-p7sjqyd0kt] {
    font-size: 13px;
  }

  .detail-row[b-p7sjqyd0kt] {
    font-size: 13px;
  }
}
/* /Components/AlarmSections/PregnancyRiskSection.razor.rz.scp.css */
/* ==================== PREGNANCY RISKS SECTION ==================== */
.result-section.pregnancy-risks[b-6ql2hqeo8u] {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.15) 0%,
    rgba(255, 176, 80, 0.15) 100%
  );
  border: 1.5px solid #ffedd4;
}

.result-section.pregnancy-risks .section-icon-container[b-6ql2hqeo8u] {
  background: #ffedd4;
}

.result-section.pregnancy-risks .alarm-card[b-6ql2hqeo8u] {
  background: #fff5e6;
  border-left: 4px solid #ffb050;
}

/* Base section styles */
.result-section[b-6ql2hqeo8u] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-6ql2hqeo8u] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-6ql2hqeo8u] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-6ql2hqeo8u] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-6ql2hqeo8u] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-6ql2hqeo8u] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-name-standalone[b-6ql2hqeo8u] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition-standalone[b-6ql2hqeo8u] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.alarm-details-box[b-6ql2hqeo8u] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-6ql2hqeo8u] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-6ql2hqeo8u] {
  color: #101828;
  font-weight: 600;
}

/* ==================== PREGNANCY CATEGORY BADGES ==================== */
.pregnancy-badge[b-6ql2hqeo8u] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
}

.category-a[b-6ql2hqeo8u] {
  background: #dcfce7;
  color: #166534;
}

.category-b[b-6ql2hqeo8u] {
  background: #dbeafe;
  color: #1e40af;
}

.category-c[b-6ql2hqeo8u] {
  background: #fef3c6;
  color: #92400e;
}

.category-d[b-6ql2hqeo8u] {
  background: #fed7aa;
  color: #92400e;
}

.category-x[b-6ql2hqeo8u] {
  background: #fee2e2;
  color: #991b1b;
}

.category-na[b-6ql2hqeo8u] {
  background: #e5e7eb;
  color: #374151;
}

.category-explanation[b-6ql2hqeo8u] {
  font-size: 12px;
  color: #666666;
  font-style: italic;
  margin-left: 0;
  margin-top: -8px;
  line-height: 1.5;
}

/* ==================== DOSE-DEPENDENT WARNING ==================== */
.dose-dependent-warning[b-6ql2hqeo8u] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px 16px;
  background: #fef3c6;
  border-left: 3px solid #f59e0b;
  border-radius: 6px;
  margin-top: 8px;
}

.dose-warning-header[b-6ql2hqeo8u] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  color: #92400e;
  font-size: 14px;
}

.dose-warning-text[b-6ql2hqeo8u] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
}

.dosage-guidelines[b-6ql2hqeo8u] {
  font-size: 13px;
  color: #78350f;
  line-height: 1.5;
  background: rgba(255, 255, 255, 0.5);
  padding: 8px 12px;
  border-radius: 4px;
  margin-top: 4px;
}

.dosage-guidelines strong[b-6ql2hqeo8u] {
  color: #92400e;
}

/* ==================== SOURCE LINK ==================== */
.source-link[b-6ql2hqeo8u] {
  margin-top: 8px;
}

.source-link a[b-6ql2hqeo8u] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4994ff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color 0.3s ease;
}

.source-link a:hover[b-6ql2hqeo8u] {
  color: #357abd;
  text-decoration: underline;
}

.source-link svg[b-6ql2hqeo8u] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-6ql2hqeo8u] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-6ql2hqeo8u] {
    padding: 16px 16px 16px 18px;
  }

  .section-title[b-6ql2hqeo8u] {
    font-size: 16px;
  }

  .drug-name-standalone[b-6ql2hqeo8u] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-6ql2hqeo8u] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-6ql2hqeo8u] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-6ql2hqeo8u] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name-standalone[b-6ql2hqeo8u] {
    font-size: 14px;
  }

  .drug-composition-standalone[b-6ql2hqeo8u] {
    font-size: 13px;
  }

  .detail-row[b-6ql2hqeo8u] {
    font-size: 13px;
  }
}
/* /Components/AlarmSections/ResultsNavbar.razor.rz.scp.css */
/* ==================== NAVBAR ==================== */
.results-navbar[b-g5b0m1ztoj] {
  width: 100%;
  margin-bottom: 2rem;
  padding: 0 80px;
}

.results-navbar-container[b-g5b0m1ztoj] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 10px;
  border: 1px solid #dbeafe;
  background: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
  box-sizing: border-box;
}

.nav-back-button[b-g5b0m1ztoj] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #4994ff;
  background-color: transparent;
  border: none;
  font-size: 0.95rem;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  transition: color 0.3s ease;
}

.nav-back-button:hover[b-g5b0m1ztoj] {
  color: black;
  background: rgba(255, 255, 255, 0.7);
}

.nav-back-button svg[b-g5b0m1ztoj] {
  width: 20px;
  height: 20px;
}

.nav-actions[b-g5b0m1ztoj] {
  display: flex;
  gap: 1rem;
}

.nav-action-button[b-g5b0m1ztoj] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-radius: 10px;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
}

.nav-action-primary[b-g5b0m1ztoj] {
  background: #4994ff;
  color: #ffffff;
  border: 1px solid #4994ff;
}

.nav-action-primary:hover[b-g5b0m1ztoj] {
  background: #357abd;
  border-color: #357abd;
  transform: translateY(-1px);
}

.nav-action-secondary[b-g5b0m1ztoj] {
  background: #ffffff;
  color: #4994ff;
  border: 1px solid #4994ff;
}

.nav-action-secondary:hover[b-g5b0m1ztoj] {
  background: rgba(255, 255, 255, 0.9);
  border-color: #357abd;
  color: #357abd;
  transform: translateY(-1px);
}

.nav-action-button svg[b-g5b0m1ztoj] {
  width: 20px;
  height: 20px;
}

/* ==================== ARABIC RECAP ==================== */
.arabic-recap[b-g5b0m1ztoj] {
  display: flex;
  flex-direction: column;
  margin: 1rem 0;
}

/* Arabic Recap – glass container (2px blur, transparent) */
.arabic-recap-section[b-g5b0m1ztoj] {
  margin-bottom: 2rem;
  border-radius: 24px;
  padding: 0;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow:
    0 4px 24px rgba(0, 0, 0, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  overflow: hidden;
  direction: rtl;
  text-align: right;
  font-family:
    "Segoe UI",
    "Arabic UI",
    Tahoma,
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif;
}

.arabic-recap-box[b-g5b0m1ztoj] {
  border-radius: inherit;
  background: transparent;
  border: none;
  box-shadow: none;
  overflow: visible;
}

/* Glass header strip */
.arabic-recap-header[b-g5b0m1ztoj] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.75rem;
  background: rgba(255, 255, 255, 0.35);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.arabic-recap-header-icon[b-g5b0m1ztoj] {
  font-size: 1.35rem;
  line-height: 1;
}

.arabic-recap-title[b-g5b0m1ztoj] {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
  color: #1e3a5f;
  letter-spacing: -0.02em;
}

/* Body – cards for each **title** section */
.arabic-recap-body[b-g5b0m1ztoj] {
  padding: 1.25rem 1.75rem 1.75rem;
  font-size: 1rem;
  line-height: 1.8;
  color: #374151;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.arabic-recap-card[b-g5b0m1ztoj] {
  padding: 1.25rem 1.5rem;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.arabic-recap-card-title[b-g5b0m1ztoj] {
  margin: 0 0 0.75rem 0;
  font-size: 1.1rem;
  font-weight: 700;
  color: #1e40af;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(30, 64, 175, 0.25);
}

.arabic-recap-card:only-child .arabic-recap-card-title[b-g5b0m1ztoj],
.arabic-recap-card .arabic-recap-card-title:first-child:last-child[b-g5b0m1ztoj] {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.arabic-recap-card-content[b-g5b0m1ztoj] {
  font-size: inherit;
  line-height: 1.85;
  color: inherit;
  white-space: pre-line;
}

.btn-arabic-recap[b-g5b0m1ztoj] {
  width: fit-content;
}

/* Arabic recap button styles */
.btn-arabic-recap[b-g5b0m1ztoj] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: #ffffff;
  border: 1px solid #d0d5dd;
  border-radius: 8px;
  font-family: "Montserrat";
  font-weight: 500;
  font-size: 14px;
  color: #344054;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.btn-arabic-recap:hover[b-g5b0m1ztoj] {
  background: #f5f5f5;
  border-color: #b0b5bd;
}

.btn-arabic-recap i[b-g5b0m1ztoj] {
  font-size: 18px;
}

.btn-arabic-recap[disabled][b-g5b0m1ztoj],
.btn-arabic-recap.disabled[b-g5b0m1ztoj] {
  opacity: 0.6;
  cursor: default;
}

/* Spinner alignment when loading */
.btn-arabic-recap .spinner-border[b-g5b0m1ztoj] {
  width: 1rem;
  height: 1rem;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
  .results-navbar[b-g5b0m1ztoj] {
    padding: 0 2rem;
  }
}

@media (max-width: 768px) {
  .results-navbar[b-g5b0m1ztoj] {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }

  .results-navbar-container[b-g5b0m1ztoj] {
    flex-wrap: wrap;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
  }

  .nav-action-button[b-g5b0m1ztoj] {
    padding: 0.6rem 1rem;
    font-size: 0.875rem;
  }

  .arabic-recap-header[b-g5b0m1ztoj] {
    padding: 0.875rem 1.25rem;
  }

  .arabic-recap-body[b-g5b0m1ztoj] {
    padding: 1rem 1.25rem 1.25rem;
  }
}

@media (max-width: 480px) {
  .results-navbar[b-g5b0m1ztoj] {
    padding: 0 0.75rem;
    margin-bottom: 1rem;
  }

  .results-navbar-container[b-g5b0m1ztoj] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.625rem;
    padding: 0.75rem;
  }

  .nav-back-button[b-g5b0m1ztoj] {
    font-size: 0.875rem;
  }

  .nav-actions[b-g5b0m1ztoj] {
    width: 100%;
  }

  .nav-action-button[b-g5b0m1ztoj] {
    justify-content: center;
    width: 100%;
    font-size: 0.875rem;
  }

  .arabic-recap-header[b-g5b0m1ztoj] {
    padding: 0.75rem 1rem;
  }

  .arabic-recap-body[b-g5b0m1ztoj] {
    padding: 0.875rem 1rem 1rem;
    gap: 0.875rem;
  }

  .arabic-recap-card[b-g5b0m1ztoj] {
    padding: 1rem;
  }

  .arabic-recap-title[b-g5b0m1ztoj] {
    font-size: 1rem;
  }

  .arabic-recap-card-title[b-g5b0m1ztoj] {
    font-size: 0.975rem;
  }
}
/* /Components/AlarmSections/RiskSummaryCards.razor.rz.scp.css */
/* ==================== RISK SUMMARY CARDS ==================== */
.risk-summary-cards[b-j79zw4i1rn] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin: 2rem 0;
  padding: 0 80px;
}

.risk-card[b-j79zw4i1rn] {
  border-radius: 12px;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: none;
  border-top: 1px solid;
  transition: transform 0.3s ease;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  cursor: pointer;
}

.risk-card:hover[b-j79zw4i1rn] {
  transform: translateY(-2px);
}

.risk-card-yellow[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(225, 113, 0, 0),
    rgba(225, 113, 0, 0.15)
  );
  border-top-color: #fef3c6;
}

.risk-card-yellow .risk-card-icon[b-j79zw4i1rn] {
  background-color: #fef3c6;
  border-radius: 10px;
}

.risk-card-blue[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(60, 144, 255, 0),
    rgba(60, 144, 255, 0.15)
  );
  border-top-color: #dbeafe;
}

.risk-card-blue .risk-card-icon[b-j79zw4i1rn] {
  background-color: #dbeafe;
  border-radius: 10px;
}

.risk-card-orange[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(255, 176, 80, 0),
    rgba(255, 176, 80, 0.15)
  );
  border-top-color: #ffedd4;
}

.risk-card-orange .risk-card-icon[b-j79zw4i1rn] {
  background-color: #ffedd4;
  border-radius: 10px;
}

.risk-card-purple[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(152, 16, 250, 0),
    rgba(152, 16, 250, 0.15)
  );
  border-top-color: #f3e8ff;
}

.risk-card-purple .risk-card-icon[b-j79zw4i1rn] {
  background-color: #f3e8ff;
  border-radius: 10px;
}

.risk-card-red[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(231, 0, 11, 0),
    rgba(231, 0, 11, 0.15)
  );
  border-top-color: #ffe2e2;
}

.risk-card-red .risk-card-icon[b-j79zw4i1rn] {
  background-color: #ffe2e2;
  border-radius: 10px;
}

.risk-card-pink[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(230, 0, 118, 0),
    rgba(230, 0, 118, 0.15)
  );
  border-top-color: #fce7f3;
}

.risk-card-pink .risk-card-icon[b-j79zw4i1rn] {
  background-color: #fce7f3;
  border-radius: 10px;
}

.risk-card-green[b-j79zw4i1rn] {
  background: linear-gradient(
    to bottom,
    rgba(34, 197, 94, 0),
    rgba(34, 197, 94, 0.15)
  );
  border-top-color: #dcfce7;
}

.risk-card-green .risk-card-icon[b-j79zw4i1rn] {
  background-color: #dcfce7;
  border-radius: 10px;
}

.risk-card-icon[b-j79zw4i1rn] {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.risk-card-icon svg[b-j79zw4i1rn],
.risk-card-icon img[b-j79zw4i1rn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.risk-card-content[b-j79zw4i1rn] {
  flex: 1;
  text-align: center;
  width: 100%;
}

.risk-card-number[b-j79zw4i1rn] {
  font-size: 2rem;
  font-weight: 700;
  color: #333333;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.risk-card-label[b-j79zw4i1rn] {
  font-size: 0.9rem;
  color: #666666;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
  .risk-summary-cards[b-j79zw4i1rn] {
    padding: 0 2rem;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .risk-summary-cards[b-j79zw4i1rn] {
    padding: 0 1rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    margin: 1.25rem 0;
  }

  .risk-card[b-j79zw4i1rn] {
    padding: 1.25rem 1rem;
  }
}

@media (max-width: 480px) {
  .risk-summary-cards[b-j79zw4i1rn] {
    padding: 0 0.75rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
    margin: 1rem 0;
  }

  .risk-card[b-j79zw4i1rn] {
    padding: 1rem 0.75rem;
    gap: 0.75rem;
  }

  .risk-card-number[b-j79zw4i1rn] {
    font-size: 1.5rem;
  }

  .risk-card-label[b-j79zw4i1rn] {
    font-size: 0.8rem;
  }

  .risk-card-icon[b-j79zw4i1rn] {
    width: 34px;
    height: 34px;
  }
}
/* /Components/AlarmSections/SameTttSection.razor.rz.scp.css */
/* ==================== SAME INGREDIENTS SECTION ==================== */
.result-section.same-ingredients[b-wjgsj5d1n8] {
  background: linear-gradient(
    360deg,
    rgba(225, 113, 0, 0.1) 0%,
    rgba(255, 255, 255, 0.1) 50%
  );
  border: 1.5px solid #e17100;
}

.result-section.same-ingredients .section-icon-container[b-wjgsj5d1n8] {
  background: #fef3c6;
}

.result-section.same-ingredients .alarm-card[b-wjgsj5d1n8] {
  background: #fffbeb;
  border-left: 4px solid #ffb900;
}

/* Base section styles */
.result-section[b-wjgsj5d1n8] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 25px;
  gap: 24px;
  width: 100%;
  border-radius: 20px;
}

.section-header[b-wjgsj5d1n8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 12px;
  width: 100%;
}

.section-icon-container[b-wjgsj5d1n8] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 10px;
}

.section-icon-container img[b-wjgsj5d1n8] {
  width: 22px;
  height: 22px;
  object-fit: contain;
}

.section-title[b-wjgsj5d1n8] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #101828;
}

/* ==================== ALARM CARDS ==================== */
.alarm-card[b-wjgsj5d1n8] {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 20px 20px 24px;
  gap: 16px;
  width: 100%;
  border-radius: 10px;
}

.drug-comparison-row[b-wjgsj5d1n8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
}

.drug-box[b-wjgsj5d1n8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.drug-name[b-wjgsj5d1n8] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #101828;
}

.drug-composition[b-wjgsj5d1n8] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.vs-separator[b-wjgsj5d1n8] {
  font-size: 24px;
  font-weight: 700;
  color: #ffb900;
  min-width: 40px;
  text-align: center;
}

.alarm-details-box[b-wjgsj5d1n8] {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.detail-row[b-wjgsj5d1n8] {
  margin: 0;
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #667085;
}

.detail-row strong[b-wjgsj5d1n8] {
  color: #101828;
  font-weight: 600;
}

.ingredient-text[b-wjgsj5d1n8] {
  color: #667085;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 768px) {
  .result-section[b-wjgsj5d1n8] {
    padding: 20px;
    gap: 18px;
    border-radius: 16px;
  }

  .alarm-card[b-wjgsj5d1n8] {
    padding: 16px 16px 16px 18px;
  }

  .drug-comparison-row[b-wjgsj5d1n8] {
    flex-direction: column;
    gap: 12px;
  }

  .vs-separator[b-wjgsj5d1n8] {
    font-size: 18px;
    min-width: unset;
    align-self: center;
    transform: rotate(90deg);
  }

  .section-title[b-wjgsj5d1n8] {
    font-size: 16px;
  }

  .drug-name[b-wjgsj5d1n8] {
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .result-section[b-wjgsj5d1n8] {
    padding: 16px;
    gap: 14px;
    border-radius: 12px;
  }

  .alarm-card[b-wjgsj5d1n8] {
    padding: 14px 14px 14px 16px;
    gap: 12px;
  }

  .section-title[b-wjgsj5d1n8] {
    font-size: 15px;
    line-height: 22px;
  }

  .drug-name[b-wjgsj5d1n8] {
    font-size: 14px;
  }

  .drug-composition[b-wjgsj5d1n8] {
    font-size: 13px;
  }

  .detail-row[b-wjgsj5d1n8] {
    font-size: 13px;
  }
}
/* /Components/ChronicDiseaseEntry.razor.rz.scp.css */
/* ChronicDiseaseEntry.razor.css */
.cd-entry[b-t08jvmx2ux] {
    background: rgba(15, 23, 42, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.cd-header[b-t08jvmx2ux] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    transition: background 0.2s;
}

.cd-header:hover[b-t08jvmx2ux] {
    background: rgba(255, 255, 255, 0.03);
}

.cd-title-area[b-t08jvmx2ux] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.cd-name[b-t08jvmx2ux] {
    font-weight: 600;
    color: #f8fafc;
    font-size: 1.05rem;
}

.cd-date-badge[b-t08jvmx2ux] {
    background: rgba(148, 163, 184, 0.1);
    color: #94a3b8;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    font-size: 0.75rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
}

.cd-drugs-badge[b-t08jvmx2ux] {
    background: rgba(16, 185, 129, 0.15);
    color: #34d399;
    padding: 0.2rem 0.6rem;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: 600;
}

.cd-del-btn[b-t08jvmx2ux] {
    background: transparent;
    border: none;
    color: #64748b;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.cd-del-btn:hover[b-t08jvmx2ux] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

/* Expanded Body */
.cd-body[b-t08jvmx2ux] {
    padding: 1rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.05);
    background: rgba(15, 23, 42, 0.2);
}

.cd-meta[b-t08jvmx2ux] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.cd-label[b-t08jvmx2ux] {
    color: #94a3b8;
    font-size: 0.85rem;
}

.cd-input[b-t08jvmx2ux] {
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #f1f5f9;
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.9rem;
    outline: none;
}

.cd-input:focus[b-t08jvmx2ux] {
    border-color: #3b82f6;
}

.cd-save-btn[b-t08jvmx2ux] {
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
    border: 1px solid rgba(59, 130, 246, 0.3);
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.cd-save-btn:hover[b-t08jvmx2ux] {
    background: #3b82f6;
    color: white;
}

/* Drug List */
.cd-drugs-list[b-t08jvmx2ux] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.cd-drug-row[b-t08jvmx2ux] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(30, 41, 59, 0.5);
    padding: 0.75rem 1rem;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.03);
}

.cd-drug-row--stopped[b-t08jvmx2ux] {
    opacity: 0.6;
    background: rgba(15, 23, 42, 0.3);
    border-style: dashed;
}

.cd-drug-info[b-t08jvmx2ux] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.cd-drug-trade[b-t08jvmx2ux] {
    color: #f1f5f9;
    font-weight: 600;
}

.cd-drug-generic[b-t08jvmx2ux] {
    color: #94a3b8;
    font-size: 0.85rem;
}

.cd-drug-instruction[b-t08jvmx2ux] {
    color: #cbd5e1;
    font-size: 0.85rem;
    margin-top: 0.25rem;
    font-style: italic;
}

.cd-stopped-badge[b-t08jvmx2ux] {
    display: inline-block;
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
    margin-top: 0.3rem;
    width: fit-content;
}

.cd-drug-actions[b-t08jvmx2ux] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.cd-stop-btn[b-t08jvmx2ux] {
    background: rgba(245, 158, 11, 0.1);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.2);
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: all 0.2s;
}

.cd-stop-btn:hover[b-t08jvmx2ux] {
    background: #f59e0b;
    color: white;
}

.cd-del-drug-btn[b-t08jvmx2ux] {
    background: transparent;
    color: #64748b;
    border: none;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    transition: all 0.2s;
}

.cd-del-drug-btn:hover[b-t08jvmx2ux] {
    color: #ef4444;
    background: rgba(239, 68, 68, 0.1);
}

/* Drug Search inline */
.cd-add-drug[b-t08jvmx2ux] {
    position: relative;
    margin-top: 1rem;
}

.cd-drug-search[b-t08jvmx2ux] {
    width: 100%;
    padding: 0.6rem 1rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #f1f5f9;
    outline: none;
    transition: all 0.2s;
}

.cd-drug-search:focus[b-t08jvmx2ux] {
    border-color: #10b981;
    background: rgba(16, 185, 129, 0.05);
}

.cd-drug-dropdown[b-t08jvmx2ux] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    list-style: none;
    padding: 0.5rem 0;
    margin: 0;
    z-index: 50;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

.cd-drug-dropdown li[b-t08jvmx2ux] {
    padding: 0.5rem 1rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}

.cd-drug-dropdown li:last-child[b-t08jvmx2ux] {
    border-bottom: none;
}

.cd-drug-dropdown li:hover[b-t08jvmx2ux] {
    background: #334155;
}

.cd-dd-trade[b-t08jvmx2ux] {
    color: #f1f5f9;
    font-weight: 500;
}

.cd-dd-generic[b-t08jvmx2ux] {
    color: #94a3b8;
    font-size: 0.8rem;
}
/* /Components/DashboardNavBar.razor.rz.scp.css */
/* Copied from SmartRx-DrugChecker DashboardNavBar */
.navbar-container[b-4ryg8h1tbm] {
    position: fixed;
    top: 0;
    left: 80px;
    right: 0;
    width: calc(100% - 80px);
    z-index: 1002;
    background: transparent;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    height: clamp(56px, 10vw, 100px);
    min-height: 56px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: left 0.3s ease, width 0.3s ease, background 0.3s ease, backdrop-filter 0.3s ease;
    overflow: visible;
}

.navbar-container.scrolled[b-4ryg8h1tbm] {
    background: #FFFFFF;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

body.treatment-details-modal-open .navbar-container[b-4ryg8h1tbm] {
    pointer-events: none;
}

body.treatment-details-modal-open .navbar-container *[b-4ryg8h1tbm] {
    pointer-events: none;
}

.navbar-content[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    height: 100%;
    padding: 0 clamp(0.75rem, 5vw, 146px);
    overflow: visible;
}

@media (min-width: 1440px) {
    .navbar-content[b-4ryg8h1tbm] {
        padding: 0;
    }
}

.navbar-left-section[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.hamburger-btn[b-4ryg8h1tbm] {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #374151;
    padding: 0.375rem;
    border-radius: 8px;
    transition: background 0.2s ease, color 0.2s ease;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

.hamburger-btn:hover[b-4ryg8h1tbm] {
    background: rgba(73, 148, 255, 0.08);
    color: #4994ff;
}

.navbar-logo[b-4ryg8h1tbm] {
    flex-shrink: 0;
}

.navbar-logo a[b-4ryg8h1tbm] {
    text-decoration: none;
}

.logo-image[b-4ryg8h1tbm] {
    width: clamp(70px, 12.7vw, 183px);
    height: auto;
    aspect-ratio: 183 / 50;
    max-height: clamp(20px, 3.5vw, 50px);
    object-fit: contain;
}

.navbar-right-section[b-4ryg8h1tbm] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 3vw, 4rem);
    overflow: visible;
}

.market-selection[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-market[b-4ryg8h1tbm] {
    background: transparent;
    color: #4994FF;
    border: none;
    border-radius: clamp(6px, 1vw, 10px);
    padding: clamp(0.4rem, 1.2vw, 0.75rem) clamp(1rem, 2.5vw, 2rem);
    font-size: clamp(12px, 1.2vw, 16px);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    white-space: nowrap;
}

.btn-market:hover:not(.active)[b-4ryg8h1tbm] {
    color: #1565C0;
}

.btn-market.active[b-4ryg8h1tbm] {
    background: #4994FF;
    color: white;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3);
}

.btn-market.active:hover[b-4ryg8h1tbm] {
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.4);
}

.flag-icon[b-4ryg8h1tbm] {
    width: clamp(14px, 1.4vw, 20px);
    height: auto;
    aspect-ratio: 4 / 3;
    display: inline-block;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}

/* User Profile */
.navbar-user-profile[b-4ryg8h1tbm] {
    position: relative;
    border-radius: 12px;
    z-index: 1003;
    /* Refined border: subtle shadow + soft border instead of harsh gradient */
    border: 1px solid rgba(73, 148, 255, 0.2);
    box-shadow: 0 2px 8px rgba(73, 148, 255, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.user-profile-dropdown[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: clamp(0.25rem, 0.8vw, 0.5rem);
    padding: clamp(0.25rem, 0.8vw, 0.5rem);
    border-radius: 11px;
    cursor: pointer;
    transition: all 0.3s ease;
    background: white;
}

.user-profile-dropdown:hover[b-4ryg8h1tbm] {
    background: rgba(73, 144, 255, 0.06);
}

.navbar-user-profile:hover[b-4ryg8h1tbm] {
    border-color: rgba(73, 148, 255, 0.35);
    box-shadow: 0 2px 12px rgba(73, 148, 255, 0.12), 0 1px 2px rgba(0, 0, 0, 0.04);
}

.user-profile-avatar[b-4ryg8h1tbm] {
    width: clamp(32px, 4.5vw, 48px);
    height: clamp(32px, 4.5vw, 48px);
    min-width: 32px;
    min-height: 32px;
    border-radius: clamp(8px, 1.2vw, 12px);
    overflow: visible;
    background: linear-gradient(270deg, #FFFFFF 19.36%, #4994FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.user-profile-avatar img[b-4ryg8h1tbm] {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
    border-radius: clamp(6px, 1vw, 10px);
    position: relative;
    z-index: 2;
}

.dropdown-arrow[b-4ryg8h1tbm] {
    width: clamp(12px, 1.2vw, 16px);
    height: clamp(12px, 1.2vw, 16px);
    transition: transform 0.3s ease;
    color: #6b7280;
    flex-shrink: 0;
}

.dropdown-arrow.open[b-4ryg8h1tbm] {
    transform: rotate(180deg);
}

/* Dropdown - rendered OUTSIDE navbar, positioned via JS */
.user-menu-dropdown-outer[b-4ryg8h1tbm] {
    position: fixed;
    z-index: 1005;
    pointer-events: auto;
}

.user-menu-dropdown[b-4ryg8h1tbm] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.08);
    min-width: min(320px, calc(100vw - 24px));
    max-width: min(360px, calc(100vw - 24px));
    padding: 0;
    border: 1px solid rgba(229, 231, 235, 0.8);
    overflow: hidden;
}

.user-menu-profile-section[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 1.5vw, 1rem);
    padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 2.5vw, 1.5rem);
    border-bottom: 1px solid #e5e7eb;
}

.user-menu-avatar[b-4ryg8h1tbm] {
    width: clamp(40px, 5vw, 56px);
    height: clamp(40px, 5vw, 56px);
    min-width: 40px;
    min-height: 40px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: linear-gradient(270deg, #FFFFFF 19.36%, #4994FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu-avatar img[b-4ryg8h1tbm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-menu-profile-info[b-4ryg8h1tbm] {
    flex: 1;
    min-width: 0;
}

.user-menu-name[b-4ryg8h1tbm] {
    font-size: clamp(14px, 1.5vw, 18px);
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-menu-email[b-4ryg8h1tbm] {
    font-size: clamp(12px, 1.2vw, 14px);
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Credit/Token Section */
.user-menu-credit-section[b-4ryg8h1tbm] {
    padding: clamp(0.75rem, 2vw, 1.25rem) clamp(1rem, 2.5vw, 1.5rem);
    border-bottom: 1px solid #e5e7eb;
}

.credit-usage-header[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: clamp(0.4rem, 1vw, 0.75rem);
}

.credit-usage-label[b-4ryg8h1tbm] {
    font-size: clamp(12px, 1.2vw, 14px);
    font-weight: 500;
    color: #111827;
}

.credit-progress-bar[b-4ryg8h1tbm] {
    width: 100%;
    height: clamp(6px, 0.8vw, 8px);
    background: #e5e7eb;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.credit-progress-fill[b-4ryg8h1tbm] {
    height: 100%;
    background: #4994FF;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.credit-usage-info[b-4ryg8h1tbm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(10px, 1.1vw, 12px);
    color: #6b7280;
}

.credit-spent[b-4ryg8h1tbm],
.credit-limit[b-4ryg8h1tbm] {
    font-weight: 500;
}

/* Menu Items */
.user-menu-subscribe-item-wrapper[b-4ryg8h1tbm] {
    border-bottom: 1px solid #e5e7eb;
}

.user-menu-subscribe-item[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 1vw, 0.75rem);
    padding: clamp(0.5rem, 1.2vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
    color: #111827;
    text-decoration: none;
    font-size: clamp(12px, 1.2vw, 14px);
    font-weight: 500;
    transition: background 0.2s ease;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.user-menu-subscribe-item:hover[b-4ryg8h1tbm] {
    background: #f9fafb;
}

.plan-tag[b-4ryg8h1tbm] {
    margin-left: auto;
    padding: 0.2rem clamp(0.4rem, 1vw, 0.75rem);
    background: #E0F2FE;
    color: #4994FF;
    border-radius: clamp(8px, 1vw, 12px);
    font-size: clamp(10px, 1vw, 12px);
    font-weight: 600;
}

.user-menu-item[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: clamp(0.5rem, 1vw, 0.75rem);
    padding: clamp(0.5rem, 1.2vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
    color: #111827;
    text-decoration: none;
    font-size: clamp(12px, 1.2vw, 14px);
    font-weight: 500;
    transition: background 0.2s ease;
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.user-menu-item:hover[b-4ryg8h1tbm] {
    background: #f9fafb;
    text-decoration: none;
}

.user-menu-item.logout-item[b-4ryg8h1tbm] {
    color: #FF383C;
}

.user-menu-item.logout-item:hover[b-4ryg8h1tbm] {
    background: #FEF2F2;
}

.user-menu-separator[b-4ryg8h1tbm] {
    height: 1px;
    background: #e5e7eb;
    margin: 0;
}

.user-menu-plan-section[b-4ryg8h1tbm] {
    padding: clamp(0.5rem, 1.2vw, 0.75rem) clamp(1rem, 2.5vw, 1.5rem);
}

.plan-row[b-4ryg8h1tbm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.plan-label-text[b-4ryg8h1tbm] {
    font-size: clamp(12px, 1.2vw, 14px);
    font-weight: 500;
    color: #6b7280;
}

.user-menu-backdrop[b-4ryg8h1tbm] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1003;
    background: transparent;
    pointer-events: auto;
}

/* Responsive - sidebar collapses, navbar goes full width */
@media (max-width: 1024px) {
    .navbar-container[b-4ryg8h1tbm] {
        left: 0;
        width: 100%;
        height: clamp(56px, 12vw, 80px);
        min-height: 56px;
    }

    .navbar-content[b-4ryg8h1tbm] {
        padding: clamp(12px, 2vw, 20px) clamp(24px, 5vw, 60px);
    }

    .navbar-right-section[b-4ryg8h1tbm] {
        gap: clamp(1rem, 2.5vw, 2.5rem);
    }

    .hamburger-btn[b-4ryg8h1tbm] {
        display: flex;
    }
}

@media (max-width: 992px) {
    .navbar-container[b-4ryg8h1tbm] {
        height: clamp(52px, 10vw, 72px);
        min-height: 52px;
    }

    .navbar-content[b-4ryg8h1tbm] {
        padding: clamp(10px, 1.8vw, 16px) clamp(16px, 4vw, 40px);
    }

    .navbar-right-section[b-4ryg8h1tbm] {
        gap: clamp(0.75rem, 2vw, 1.5rem);
    }
}

@media (max-width: 768px) {
    .navbar-container[b-4ryg8h1tbm] {
        height: clamp(48px, 8vw, 64px);
        min-height: 48px;
    }

    .navbar-content[b-4ryg8h1tbm] {
        padding: clamp(8px, 1.5vw, 12px) clamp(12px, 3vw, 24px);
    }

    .market-selection[b-4ryg8h1tbm] {
        display: none;
    }

    .navbar-right-section[b-4ryg8h1tbm] {
        gap: 0.5rem;
    }

    .user-profile-avatar[b-4ryg8h1tbm] {
        width: 36px;
        height: 36px;
        min-width: 36px;
        min-height: 36px;
    }
}

@media (max-width: 480px) {
    .navbar-container[b-4ryg8h1tbm] {
        height: clamp(44px, 10vw, 56px);
        min-height: 44px;
    }

    .navbar-content[b-4ryg8h1tbm] {
        padding: 8px 12px;
    }

    .navbar-right-section[b-4ryg8h1tbm] {
        gap: 0.25rem;
    }

    .user-profile-avatar[b-4ryg8h1tbm] {
        width: 32px;
        height: 32px;
        min-width: 32px;
        min-height: 32px;
    }

    .user-profile-dropdown[b-4ryg8h1tbm] {
        padding: 0.2rem 0.35rem;
    }

    .user-menu-dropdown[b-4ryg8h1tbm] {
        min-width: min(320px, calc(100vw - 24px));
        max-width: min(320px, calc(100vw - 24px));
    }
}

@media (max-width: 360px) {
    .user-menu-dropdown[b-4ryg8h1tbm] {
        min-width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
    }
}
/* /Components/DraggableContainer2.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   DraggableContainer2.razor.css  —  draggable overlay styles
   ═══════════════════════════════════════════════════════════════════ */

/* ── Wrapper ───────────────────────────────────────────────────── */
.draggable-container[b-b4ed514h63] {
    z-index: 100;
    user-select: none;
    touch-action: none;
}

/* ── Font-size controls row ────────────────────────────────────── */
.font-settings[b-b4ed514h63] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid rgba(124, 58, 237, 0.35);
    border-radius: 6px;
    padding: 3px 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    white-space: nowrap;
}

/* ── Decrease / Increase buttons ───────────────────────────────── */
.font-decrease[b-b4ed514h63],
.font-increase[b-b4ed514h63] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(124, 58, 237, 0.12);
    border-radius: 4px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    color: #6d28d9;
    line-height: 1;
    flex-shrink: 0;
    transition: background 0.15s;
}

.font-decrease:hover[b-b4ed514h63],
.font-increase:hover[b-b4ed514h63] {
    background: rgba(124, 58, 237, 0.25);
}

/* ── Content text ──────────────────────────────────────────────── */
.content-div[b-b4ed514h63] {
    color: #1e293b;
    font-weight: 600;
    line-height: 1.3;
    padding: 0 4px;
}
/* /Components/DrugAlarmResults.razor.rz.scp.css */
/* ==================== CONTAINER ==================== */
.drug-alarm-results-container[b-6515j6kuv5] {
  min-height: 100vh;
  padding: 0 0 3rem;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  background: transparent;
  max-width: 1440px;
  margin: 0 auto;
}

/* ==================== NO ALARMS STATE ==================== */
.no-alarms[b-6515j6kuv5] {
  text-align: center;
  padding: 80px 40px;
}

.success-icon[b-6515j6kuv5] {
  font-size: 80px;
  color: #27ae60;
  margin-bottom: 24px;
}

.no-alarms h4[b-6515j6kuv5] {
  color: #27ae60;
  margin-bottom: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.no-alarms p[b-6515j6kuv5] {
  color: #4d4d4d;
  max-width: 600px;
  margin: 0 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.no-alarms-actions[b-6515j6kuv5] {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}

.no-alarms-start-over-btn[b-6515j6kuv5] {
  padding: 1rem 2rem;
  background: #4994ff;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.no-alarms-start-over-btn:hover[b-6515j6kuv5] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}

.no-alarms-start-over-icon[b-6515j6kuv5] {
  object-fit: contain;
}

/* ==================== DETAILED RESULTS ==================== */
.detailed-results-container[b-6515j6kuv5] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px 80px 40px;
  gap: 25px;
}

/* ==================== RESPONSIVE ==================== */
@media (max-width: 1024px) {
  .detailed-results-container[b-6515j6kuv5] {
    padding: 0 2rem 40px;
  }
}

@media (max-width: 768px) {
  .detailed-results-container[b-6515j6kuv5] {
    padding: 0 1rem 32px;
    gap: 16px;
  }

  .no-alarms[b-6515j6kuv5] {
    padding: 48px 20px;
  }
}

@media (max-width: 480px) {
  .detailed-results-container[b-6515j6kuv5] {
    padding: 0 0.75rem 24px;
    gap: 12px;
  }

  .no-alarms[b-6515j6kuv5] {
    padding: 32px 16px;
  }

  .no-alarms h4[b-6515j6kuv5] {
    font-size: 20px;
  }

  .no-alarms p[b-6515j6kuv5] {
    font-size: 14px;
  }

  .no-alarms-start-over-btn[b-6515j6kuv5] {
    padding: 0.875rem 1.5rem;
    font-size: 0.9rem;
  }
}
/* /Components/DrugCheckerDoctorProfileEditForm.razor.rz.scp.css */
.edit-form-container[b-05fncolotg] {
    background: white;
}

.form-header[b-05fncolotg] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
}

.form-header h3[b-05fncolotg] {
    margin: 0;
    color: #333;
    font-size: 1.1rem;
}

.btn-close[b-05fncolotg] {
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    color: #999;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s;
}

.btn-close:hover[b-05fncolotg] {
    color: #333;
}

.form-section[b-05fncolotg] {
    padding: 1.5rem;
    border-bottom: 1px solid #e0e0e0;
}

.form-section:last-of-type[b-05fncolotg] {
    border-bottom: none;
}

.form-section h4[b-05fncolotg] {
    margin: 0 0 1rem 0;
    color: #333;
    font-size: 0.95rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group[b-05fncolotg] {
    margin-bottom: 1.5rem;
}

.form-group:last-child[b-05fncolotg] {
    margin-bottom: 0;
}

.form-group label[b-05fncolotg] {
    display: block;
    margin-bottom: 0.5rem;
    color: #333;
    font-weight: 500;
    font-size: 0.9rem;
}

.form-control[b-05fncolotg] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.95rem;
    font-family: inherit;
    background-color: #fff;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.form-control:focus[b-05fncolotg] {
    outline: none;
    border-color: #0066cc;
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.form-control.textarea[b-05fncolotg] {
    resize: vertical;
    min-height: 100px;
}

.form-actions[b-05fncolotg] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    background: #f9f9f9;
    border-top: 1px solid #e0e0e0;
    justify-content: flex-end;
}

.btn[b-05fncolotg] {
    padding: 0.75rem 1.5rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 500;
    border: none;
    transition: all 0.3s;
}

.btn-primary[b-05fncolotg] {
    background-color: #0066cc;
    color: white;
}

.btn-primary:hover:not(:disabled)[b-05fncolotg] {
    background-color: #0052a3;
}

.btn-secondary[b-05fncolotg] {
    background-color: #f0f0f0;
    color: #333;
}

.btn-secondary:hover:not(:disabled)[b-05fncolotg] {
    background-color: #e0e0e0;
}

.btn:disabled[b-05fncolotg] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Validation Styles */
[b-05fncolotg] .validation-message {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.25rem;
    display: block;
}

[b-05fncolotg] .validation-summary-errors {
    color: #dc3545;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border-radius: 4px;
    }

    [b-05fncolotg] .validation-summary-errors ul {
        margin: 0;
        padding: 0 0 0 1.5rem;
    }

    /* Form Tabs */
    .form-tabs[b-05fncolotg] {
        display: flex;
        border-bottom: 2px solid #e0e0e0;
        background: #f9f9f9;
        padding: 0 1.5rem;
        gap: 0;
    }

    .tab-button[b-05fncolotg] {
        background: none;
        border: none;
        padding: 1rem 1.5rem;
        font-size: 0.95rem;
        font-weight: 500;
        color: #666;
        cursor: pointer;
        transition: all 0.3s;
        border-bottom: 3px solid transparent;
        margin-bottom: -2px;
    }

    .tab-button:hover[b-05fncolotg] {
        color: #0066cc;
    }

    .tab-button.active[b-05fncolotg] {
        color: #0066cc;
        border-bottom-color: #0066cc;
    }

    /* Password Section */
    .password-info[b-05fncolotg] {
        color: #666;
        font-size: 0.9rem;
        margin: 0 0 1rem 0;
        padding: 0.75rem 1rem;
        background-color: #f0f7ff;
        border-left: 4px solid #0066cc;
        border-radius: 4px;
    }

    /* Responsive */
    @media (max-width: 640px) {
        .form-header[b-05fncolotg] {
            padding: 1rem;
        }

        .form-header h3[b-05fncolotg] {
            font-size: 1rem;
        }

        .form-section[b-05fncolotg] {
            padding: 1rem;
        }

        .form-section h4[b-05fncolotg] {
            font-size: 0.85rem;
        }

        .form-group[b-05fncolotg] {
            margin-bottom: 1rem;
        }

        .form-control[b-05fncolotg] {
            padding: 0.6rem;
            font-size: 0.9rem;
        }

        .form-actions[b-05fncolotg] {
            flex-direction: column;
            padding: 1rem;
            gap: 0.5rem;
        }

        .btn[b-05fncolotg] {
            width: 100%;
            padding: 0.6rem;
        }

        .form-tabs[b-05fncolotg] {
            padding: 0 1rem;
        }

        .tab-button[b-05fncolotg] {
            padding: 0.75rem 1rem;
            font-size: 0.85rem;
        }
    }
/* /Components/DrugCheckerPanel.razor.rz.scp.css */
.drug-checker-panel[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Loading State */
.dcp-loading[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
    color: var(--text-secondary, #666);
    font-size: 0.875rem;
}

.dcp-spinner[b-8iuhu3ychb] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--border-color, #e0e0e0);
    border-top-color: var(--accent, #0066cc);
    border-radius: 50%;
    animation: spin-b-8iuhu3ychb 0.8s linear infinite;
}

@keyframes spin-b-8iuhu3ychb {
    to { transform: rotate(360deg); }
}

/* Empty State */
.dcp-empty[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-secondary, #666);
}

.dcp-empty svg[b-8iuhu3ychb] {
    color: var(--success-color, #4caf50);
    opacity: 0.7;
}

.dcp-empty p[b-8iuhu3ychb] {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

/* Results Container */
.dcp-results[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .dcp-loading[b-8iuhu3ychb],
    .dcp-empty[b-8iuhu3ychb] {
        padding: 1.5rem 1rem;
    }

    .dcp-results[b-8iuhu3ychb] {
        gap: 1rem;
    }
}

/* Optional checks (food / pregnancy / lactation) — toggles apply on next "Check Interactions" only */
.dcp-options[b-8iuhu3ychb] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0;
    background: transparent;
    border: none;
}

.dcp-opt-card[b-8iuhu3ychb] {
    position: relative;
    flex: 1 1 200px;
    min-width: 0;
    cursor: pointer;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.dcp-opt-card:hover[b-8iuhu3ychb] {
    border-color: #cbd5e1;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.dcp-opt-card--on[b-8iuhu3ychb] {
    border-color: #93c5fd;
    background: linear-gradient(165deg, #eff6ff 0%, #dbeafe 100%);
    box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.12);
}

.dcp-opt-card-input[b-8iuhu3ychb] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}

.dcp-opt-card-body[b-8iuhu3ychb] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.65rem 0.75rem;
    min-height: 3.25rem;
    box-sizing: border-box;
}

.dcp-opt-card-icon[b-8iuhu3ychb] {
    font-size: 1.35rem;
    line-height: 1;
    flex-shrink: 0;
}

.dcp-opt-card-text[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.dcp-opt-card-title[b-8iuhu3ychb] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.dcp-opt-card-hint[b-8iuhu3ychb] {
    font-size: 0.6875rem;
    color: #64748b;
    line-height: 1.3;
}

.dcp-opt-card-tick[b-8iuhu3ychb] {
    margin-left: auto;
    flex-shrink: 0;
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 999px;
    border: 2px solid #cbd5e1;
    background: #fff;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.dcp-opt-card--on .dcp-opt-card-tick[b-8iuhu3ychb] {
    border-color: #2563eb;
    background: #2563eb;
    box-shadow: inset 0 0 0 2px #fff;
}

.dcp-empty--prompt svg[b-8iuhu3ychb] {
    color: #64748b;
    opacity: 0.85;
}

.dcp-empty--prompt p[b-8iuhu3ychb] {
    max-width: 22rem;
    margin: 0 auto;
    color: #475569;
}

/* Check interactions bar */
.dcp-check-bar[b-8iuhu3ychb] {
    display: flex;
    justify-content: flex-end;
}

.dcp-check-btn[b-8iuhu3ychb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    background: var(--accent, #0066cc);
    color: #fff;
    cursor: pointer;
    transition: opacity 0.15s;
}

.dcp-check-btn:disabled[b-8iuhu3ychb] {
    opacity: 0.45;
    cursor: not-allowed;
}

.dcp-check-btn:not(:disabled):hover[b-8iuhu3ychb] {
    opacity: 0.88;
}

.dcp-spinner-sm[b-8iuhu3ychb] {
    width: 14px;
    height: 14px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin-b-8iuhu3ychb 0.7s linear infinite;
    display: inline-block;
}

/* Historical Drugs Modal */
.dcp-backdrop[b-8iuhu3ychb] {
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 999;
    backdrop-filter: blur(2px);
}

.dcp-modal[b-8iuhu3ychb] {
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    width: 90%;
    max-width: 500px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    z-index: 1000;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.dcp-modal-title[b-8iuhu3ychb] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--text-primary, #333);
}

.dcp-modal-desc[b-8iuhu3ychb] {
    margin: 0;
    font-size: 0.85rem;
    color: var(--text-secondary, #666);
    line-height: 1.4;
}

.dcp-modal-list[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    padding-right: 0.25rem;
    max-height: 40vh;
}

.dcp-modal-item[b-8iuhu3ychb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--border-color, #e0e0e0);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.15s;
}

.dcp-modal-item:hover[b-8iuhu3ychb] {
    background-color: var(--surface-secondary, #f8f9fa);
}

.dcp-modal-item input[type="checkbox"][b-8iuhu3ychb] {
    accent-color: var(--accent, #0066cc);
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.dcp-modal-item-info[b-8iuhu3ychb] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.dcp-trade-name[b-8iuhu3ychb] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--text-primary, #333);
}

.dcp-scientific-name[b-8iuhu3ychb] {
    font-size: 0.75rem;
    color: var(--text-secondary, #666);
}

.dcp-modal-actions[b-8iuhu3ychb] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--border-color, #e0e0e0);
}

.dcp-btn-secondary[b-8iuhu3ychb] {
    padding: 0.5rem 1rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary, #666);
    background: transparent;
    border: 1px solid var(--border-color, #e0e0e0);
    border-radius: 8px;
    cursor: pointer;
}

.dcp-btn-secondary:hover[b-8iuhu3ychb] {
    background: var(--surface-secondary, #f8f9fa);
}

.dcp-btn-primary[b-8iuhu3ychb] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1.1rem;
    font-size: 0.85rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    background: var(--accent, #0066cc);
    color: #fff;
    cursor: pointer;
}

.dcp-btn-primary:hover[b-8iuhu3ychb] {
    opacity: 0.9;
}
/* /Components/DrugCheckerUpperSection.razor.rz.scp.css */
.hero-section[b-er8dtmopq3] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  overflow: hidden;
  outline: none;
  border: none;
  padding: 2rem 25px;
  min-height: auto;
}

.hero-section *[b-er8dtmopq3] {
  outline: none;
}

.hero-section *:focus[b-er8dtmopq3] {
  outline: none;
}

.hero-glow-image[b-er8dtmopq3] {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  width: auto;
  max-width: none;
  min-width: 800px;
  object-fit: contain;
  object-position: right center;
  z-index: 0;
  opacity: 0.8;
  pointer-events: none;
}

.hero-container[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 10.14vw, 146px);
  gap: 2rem;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  outline: none;
  border: none;
}

@media (min-width: 1280px) and (max-width: 1366px) {
  .hero-container[b-er8dtmopq3] {
    padding: 0 clamp(1.5rem, 8vw, 100px);
    gap: 1rem;
  }

  .hero-content[b-er8dtmopq3] {
    max-width: 550px;
    gap: 1rem;
  }

  .hero-title[b-er8dtmopq3] {
    font-size: 34px;
    line-height: 44px;
  }

  .hero-description[b-er8dtmopq3] {
    font-size: 15px;
    line-height: 22px;
  }

  .hero-image-container[b-er8dtmopq3] {
    width: clamp(280px, 40vw, 580px);
    height: clamp(254px, 36vw, 525px);
  }

  .hero-info-cards[b-er8dtmopq3] {
    gap: 0.875rem;
  }

  .info-card-doctors[b-er8dtmopq3] {
    width: clamp(180px, 17vw, 250px);
    height: clamp(70px, 6.5vw, 90px);
  }

  .info-card-treatment[b-er8dtmopq3] {
    width: clamp(280px, 26vw, 400px);
    height: clamp(70px, 6.5vw, 90px);
  }

  .features-container[b-er8dtmopq3] {
    padding: 0 clamp(1.5rem, 8vw, 100px);
    gap: 1.75rem;
  }

  .feature-card[b-er8dtmopq3] {
    padding: 1.25rem;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) and (max-height: 900px) {
  .hero-section[b-er8dtmopq3] {
    padding: 1rem 25px;
  }

  .hero-container[b-er8dtmopq3] {
    gap: 0.75rem;
  }

  .features-container[b-er8dtmopq3] {
    gap: 1.25rem;
  }
}

@media (min-width: 1440px) {
  .hero-container[b-er8dtmopq3] {
    padding: 0;
  }
}

.hero-content[b-er8dtmopq3] {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 600px;
  outline: none;
  border: none;
}

.hero-title[b-er8dtmopq3] {
  font-size: clamp(28px, 3.2vw, 42px);
  font-weight: 700;
  line-height: 120%;
  margin: 0;
  padding: 0;
  color: #4994ff;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  position: relative;
  z-index: 2;
  outline: none;
  border: none;
}

@media (min-width: 1440px) {
  .hero-title[b-er8dtmopq3] {
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
  }
}

.hero-description[b-er8dtmopq3] {
  font-size: clamp(14px, 1.2vw, 18px);
  color: rgba(38, 50, 56, 0.8);
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

@media (min-width: 1440px) {
  .hero-description[b-er8dtmopq3] {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #000000;
    max-width: 411px;
  }
}

.hero-buttons[b-er8dtmopq3] {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 1440px) {
  .hero-buttons[b-er8dtmopq3] {
    flex-wrap: nowrap;
    gap: 5px;
  }
}

.btn-primary[b-er8dtmopq3] {
  padding: 0.75rem 2.5rem;
  background: #4994ff;
  color: white;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
  font-size: 0.9rem;
  border: none;
  cursor: pointer;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

@media (min-width: 1440px) {
  .btn-primary[b-er8dtmopq3] {
    width: 189px;
    height: 36px;
    border-radius: 5px;
    background: #4994ff;
    padding: 0;
    justify-content: center;
  }
}

.btn-primary svg[b-er8dtmopq3],
.btn-primary .btn-icon[b-er8dtmopq3] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.btn-primary:hover[b-er8dtmopq3] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}

.hero-image-container[b-er8dtmopq3] {
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(300px, 45vw, 650px);
  height: clamp(272px, 40.5vw, 585px);
  aspect-ratio: 805 / 729;
  z-index: 1;
}

.robot-wrapper[b-er8dtmopq3] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.hero-robot-image[b-er8dtmopq3] {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  z-index: 2;
}

.hero-info-cards[b-er8dtmopq3] {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
  z-index: 3;
}

.info-card[b-er8dtmopq3] {
  background: transparent;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 40px;
  padding: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  overflow: hidden;
  display: flex;
  gap: 20px;
}

.info-card-doctors[b-er8dtmopq3] {
  width: clamp(200px, 18.9vw, 272px);
  height: clamp(74px, 6.94vw, 100px);
  align-self: flex-end;
}

.info-card-doctors .info-card-content[b-er8dtmopq3] {
  justify-content: flex-start;
  padding: 0;
}

.info-card-icons[b-er8dtmopq3] {
  padding-left: 0;
}

.info-card-doctors .info-card-text-wrapper[b-er8dtmopq3] {
  padding-left: 0;
}

.info-card-treatment[b-er8dtmopq3] {
  width: clamp(300px, 29.03vw, 418px);
  height: clamp(74px, 6.94vw, 100px);
  padding: 0;
}

.info-card-content[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.39vw, 20px);
  height: 100%;
  padding: 0;
  width: 100%;
}

.info-card-treatment .info-card-content[b-er8dtmopq3] {
  align-items: stretch;
  justify-content: flex-start;
  padding: 0;
}

.info-card-icons[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  position: relative;
}

.doctor-image[b-er8dtmopq3] {
  width: clamp(35px, 3.47vw, 50px);
  height: clamp(35px, 3.47vw, 50px);
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid white;
  position: relative;
}

.doctor-image:nth-child(1)[b-er8dtmopq3] {
  z-index: 3;
}

.doctor-image:nth-child(2)[b-er8dtmopq3] {
  z-index: 2;
  margin-left: -25px;
}

.doctor-image:nth-child(3)[b-er8dtmopq3] {
  z-index: 1;
  margin-left: -25px;
}

.treatment-image[b-er8dtmopq3] {
  width: clamp(120px, 12.5vw, 180px);
  height: 100%;
  min-height: 60px;
  object-fit: cover;
  border-radius: 0;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  flex-shrink: 0;
}

.info-card-text-wrapper[b-er8dtmopq3] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  justify-content: center;
  padding: 0;
  flex: 1;
}

.info-card-number[b-er8dtmopq3] {
  font-size: clamp(16px, 1.39vw, 20px);
  font-weight: 700;
  color: #1a73e8;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height: 1;
}

.info-card-text[b-er8dtmopq3] {
  font-size: clamp(12px, 0.97vw, 14px);
  font-weight: 400;
  color: #4d4d4d;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  line-height: 1.2;
}

/* Features Section */
.features-section[b-er8dtmopq3] {
  padding: 2rem 2rem;
  background: transparent;
  position: relative;
  z-index: 2;
}

.features-container[b-er8dtmopq3] {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  gap: 1.5rem;
  padding: 0 clamp(1.5rem, 10.14vw, 146px);
}

@media (min-width: 1440px) {
  .features-container[b-er8dtmopq3] {
    padding: 0;
    gap: 26.4px;
  }
}

.feature-card[b-er8dtmopq3] {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border: 2px solid;
  box-sizing: border-box;
  flex: 0 1 280px;
  width: 100%;
  max-width: 300px;
  min-width: 0;
  min-height: 200px;
}

@media (min-width: 1440px) {
  .feature-card[b-er8dtmopq3] {
    background: transparent;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    padding: 1rem;
    gap: 0.5rem;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    margin: 0;
    min-height: 200px;
  }
}

.feature-card-blue[b-er8dtmopq3] {
  border-color: #d0e4ff;
}

.feature-card-orange[b-er8dtmopq3] {
  border-color: #ffe6c7;
}

.feature-card-red[b-er8dtmopq3] {
  border-color: #ffbcbf;
}

.feature-card-purple[b-er8dtmopq3] {
  border-color: #ead9ff;
}

.feature-card-green[b-er8dtmopq3] {
  border-color: #cfeecf;
}

.feature-card-teal[b-er8dtmopq3] {
  border-color: #cdeff5;
}

.feature-card:hover[b-er8dtmopq3] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.feature-icon[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-bottom: 0.5rem;
  color: #4d4d4d;
  background: rgba(73, 144, 255, 0.1);
  border-radius: 16px;
  padding: 8px;
}

@media (min-width: 1440px) {
  .feature-icon[b-er8dtmopq3] {
    width: 56px;
    height: 56px;
    margin: 0 auto 0.25rem auto;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.feature-card-blue .feature-icon[b-er8dtmopq3] {
  background: rgba(73, 144, 255, 0.15);
}

.feature-card-orange .feature-icon[b-er8dtmopq3] {
  background: rgba(255, 152, 0, 0.15);
}

.feature-card-red .feature-icon[b-er8dtmopq3] {
  background: rgba(244, 67, 54, 0.15);
}

.feature-card-purple .feature-icon[b-er8dtmopq3] {
  background: rgba(156, 39, 176, 0.15);
}

.feature-card-green .feature-icon[b-er8dtmopq3] {
  background: rgba(76, 175, 80, 0.16);
}

.feature-card-teal .feature-icon[b-er8dtmopq3] {
  background: rgba(0, 150, 136, 0.16);
}

.feature-icon img[b-er8dtmopq3] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 1440px) {
  .feature-icon img[b-er8dtmopq3] {
    width: 28px;
    height: 28px;
    object-fit: contain;
  }
}

.feature-title[b-er8dtmopq3] {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #333333;
  margin: 0;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

@media (min-width: 1440px) {
  .feature-title[b-er8dtmopq3] {
    margin: 0;
    text-align: center;
  }
}

.feature-description[b-er8dtmopq3] {
  font-size: 14px;
  line-height: 20px;
  color: rgba(38, 50, 56, 0.7);
  margin: 0;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
}

@media (min-width: 1440px) {
  .feature-description[b-er8dtmopq3] {
    margin: 0;
    text-align: center;
  }
}

/* Responsive */
@media (max-width: 1024px) {
  .hero-container[b-er8dtmopq3] {
    gap: 1.5rem;
    padding: 0 clamp(1.5rem, 5vw, 80px);
  }

  .hero-content[b-er8dtmopq3] {
    max-width: 50%;
    flex: 0 1 50%;
  }

  .hero-image-container[b-er8dtmopq3] {
    flex: 0 1 50%;
    width: clamp(280px, 40vw, 50%);
    height: auto;
    aspect-ratio: 805 / 729;
    max-width: 50%;
  }

  .hero-info-cards[b-er8dtmopq3] {
    gap: 0.75rem;
  }

  .info-card-doctors[b-er8dtmopq3] {
    width: clamp(180px, 16vw, 240px);
    aspect-ratio: 272 / 100;
    height: auto;
  }

  .info-card-treatment[b-er8dtmopq3] {
    width: clamp(260px, 24vw, 360px);
    aspect-ratio: 418 / 100;
    height: auto;
  }

  .features-container[b-er8dtmopq3] {
    gap: 1rem;
    padding: 0 clamp(1.5rem, 5vw, 80px);
  }

  .feature-card[b-er8dtmopq3] {
    flex: 0 1 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    min-height: 188px;
  }
}

/* 1024×768: stack hero when height is limited (side‑by‑side stays too tall) */
@media (max-width: 1024px) and (max-height: 800px) {
  .hero-section[b-er8dtmopq3] {
    padding: 0.75rem 0;
  }

  .hero-container[b-er8dtmopq3] {
    flex-direction: column;
    gap: 1rem;
    padding: 0 2rem;
    align-items: center;
  }

  .hero-image-container[b-er8dtmopq3] {
    margin-left: 0;
    margin-top: 1rem;
    width: min(100%, 400px);
    height: auto;
    max-width: 100%;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    aspect-ratio: unset;
    position: relative;
    z-index: 0;
  }

  .robot-wrapper[b-er8dtmopq3] {
    width: 100%;
    max-height: min(52vw, 220px);
    aspect-ratio: 805 / 729;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 12px;
  }

  .hero-content[b-er8dtmopq3] {
    text-align: center;
    align-items: center;
    max-width: 100%;
    flex: none;
    gap: 1rem;
    position: relative;
    z-index: 2;
    isolation: isolate;
  }

  .hero-buttons[b-er8dtmopq3] {
    justify-content: center;
  }

  .hero-glow-image[b-er8dtmopq3] {
    max-width: 90%;
    min-width: auto;
  }

  .hero-info-cards[b-er8dtmopq3] {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    gap: 0.5rem;
  }

  .info-card-doctors[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    aspect-ratio: unset;
    min-height: 4.5rem;
    align-self: stretch;
  }

  .info-card-treatment[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    aspect-ratio: unset;
    min-height: 4.5rem;
    align-self: stretch;
  }

  .info-card[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }

  .features-container[b-er8dtmopq3] {
    gap: 1rem;
    padding: 0 clamp(1.5rem, 5vw, 80px);
  }

  .feature-card[b-er8dtmopq3] {
    flex: 0 1 calc((100% - 1rem) / 2);
    max-width: calc((100% - 1rem) / 2);
    min-height: 188px;
  }
}

@media (max-width: 900px) {
  .hero-section[b-er8dtmopq3] {
    padding: 1.5rem 0;
  }

  .hero-container[b-er8dtmopq3] {
    flex-direction: column;
    gap: 1.25rem;
    padding: 0 2rem;
    align-items: center;
  }

  .hero-image-container[b-er8dtmopq3] {
    margin-left: 0;
    margin-top: 0.75rem;
    width: min(100%, 400px);
    height: auto;
    max-width: 100%;
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    aspect-ratio: unset;
    position: relative;
    z-index: 0;
  }

  .robot-wrapper[b-er8dtmopq3] {
    width: 100%;
    max-height: min(52vw, 240px);
    aspect-ratio: 805 / 729;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 12px;
  }

  .hero-robot-image[b-er8dtmopq3] {
    object-fit: contain;
    object-position: center bottom;
  }

  .hero-content[b-er8dtmopq3] {
    text-align: center;
    align-items: center;
    max-width: 100%;
    flex: none;
    gap: 1rem;
    position: relative;
    z-index: 2;
    isolation: isolate;
  }

  .hero-buttons[b-er8dtmopq3] {
    justify-content: center;
  }

  /* Same as ≤768: decorative glow can cover CTAs on narrow widths */
  .hero-glow-image[b-er8dtmopq3] {
    display: none;
  }

  .hero-info-cards[b-er8dtmopq3] {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-top: 0;
    width: 100%;
    max-width: 100%;
    gap: 0.5rem;
  }

  .info-card-doctors[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    aspect-ratio: unset;
    min-height: 4.5rem;
    align-self: stretch;
  }

  .info-card-treatment[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    aspect-ratio: unset;
    min-height: 4.5rem;
    align-self: stretch;
  }

  .info-card[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .hero-section[b-er8dtmopq3] {
    padding: 1rem max(1rem, env(safe-area-inset-left)) 1.25rem max(1rem, env(safe-area-inset-right));
    min-height: auto;
  }

  .hero-container[b-er8dtmopq3] {
    flex-direction: column;
    gap: 1.25rem;
    padding: 0 max(0.75rem, env(safe-area-inset-left)) 0 max(0.75rem, env(safe-area-inset-right));
    align-items: center;
  }

  .hero-image-container[b-er8dtmopq3] {
    margin-left: 0;
    width: 100%;
    max-width: min(340px, calc(100vw - 2rem));
    height: auto;
    flex: none;
    margin: 1.25rem 0 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    aspect-ratio: unset;
    position: relative;
    z-index: 0;
  }

  .robot-wrapper[b-er8dtmopq3] {
    width: 100%;
    max-height: min(52vw, 220px);
    aspect-ratio: 805 / 729;
    height: auto;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 12px;
  }

  .hero-robot-image[b-er8dtmopq3] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
    display: block;
  }

  .hero-glow-image[b-er8dtmopq3] {
    display: none;
  }

  .hero-content[b-er8dtmopq3] {
    position: relative;
    z-index: 2;
    isolation: isolate;
    width: 100%;
    max-width: min(100%, 26rem);
    gap: 0.75rem;
    align-items: center;
  }

  .hero-title[b-er8dtmopq3] {
    text-align: center;
    font-size: clamp(1.25rem, 4.8vw, 1.5rem);
    line-height: 1.25;
    margin: 0;
    letter-spacing: -0.02em;
  }

  .hero-description[b-er8dtmopq3] {
    font-size: 0.9375rem;
    line-height: 1.55;
    margin: 0;
    color: rgba(38, 50, 56, 0.88);
    max-width: 24rem;
    text-align: center;
  }

  .hero-buttons[b-er8dtmopq3] {
    flex-direction: column;
    width: 100%;
    max-width: min(100%, 20rem);
    gap: 0.75rem;
    margin-top: 0.25rem;
    align-items: stretch;
  }

  .btn-primary[b-er8dtmopq3] {
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1.25rem;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 600;
    justify-content: center;
    border-radius: 12px;
    -webkit-tap-highlight-color: transparent;
  }

  .btn-primary:active[b-er8dtmopq3] {
    transform: translateY(1px);
    box-shadow: 0 2px 10px rgba(74, 144, 226, 0.35);
  }

  .hero-info-cards[b-er8dtmopq3] {
    position: relative;
    inset: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-top: 0;
    align-self: stretch;
    gap: 0.5rem;
    bottom: auto;
    right: auto;
  }

  .info-card-doctors[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    min-height: 5rem;
    aspect-ratio: unset;
    align-self: stretch;
  }

  .info-card-treatment[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    max-width: none;
    height: auto;
    min-height: 5rem;
    aspect-ratio: unset;
    align-self: stretch;
  }

  .info-card[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    border-radius: 14px;
    padding: 0.5rem 0.5rem;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.08);
  }

  .info-card-content[b-er8dtmopq3] {
    gap: 0.375rem;
    padding: 0;
    min-height: 100%;
    height: 100%;
  }

  .info-card-doctors .info-card-content[b-er8dtmopq3] {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }

  .info-card-treatment .info-card-content[b-er8dtmopq3] {
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
  }

  .doctor-image[b-er8dtmopq3] {
    width: clamp(22px, 5.5vw, 30px);
    height: clamp(22px, 5.5vw, 30px);
    border: 2px solid white;
    flex-shrink: 0;
  }

  .doctor-image:nth-child(2)[b-er8dtmopq3],
  .doctor-image:nth-child(3)[b-er8dtmopq3] {
    margin-left: -6px;
  }

  .treatment-image[b-er8dtmopq3] {
    width: 2.75rem;
    min-width: 2.75rem;
    align-self: stretch;
    min-height: 0;
    height: auto;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
    flex-shrink: 0;
  }

  .info-card-text-wrapper[b-er8dtmopq3] {
    gap: 0.15rem;
    flex: 1;
    min-width: 0;
    justify-content: center;
    padding: 0.125rem 0;
  }

  .info-card-number[b-er8dtmopq3] {
    font-size: clamp(0.875rem, 3vw, 1rem);
    font-weight: 700;
  }

  .info-card-text[b-er8dtmopq3] {
    font-size: clamp(0.75rem, 2.6vw, 0.875rem);
    line-height: 1.35;
  }

  .features-section[b-er8dtmopq3] {
    padding: 1.5rem 0 1.75rem;
    background: linear-gradient(180deg, rgba(73, 148, 255, 0.04) 0%, transparent 100%);
  }

  .features-container[b-er8dtmopq3] {
    gap: 0.75rem;
    padding: 0 max(1rem, env(safe-area-inset-left)) 0 max(1rem, env(safe-area-inset-right));
    align-items: stretch;
    justify-content: center;
  }

  .feature-card[b-er8dtmopq3] {
    flex: 0 1 calc((100% - 0.75rem) / 2);
    width: auto;
    max-width: calc((100% - 0.75rem) / 2);
    min-width: 0;
    padding: 1rem 1.125rem;
    min-height: 168px;
    gap: 0.625rem;
    border-radius: 14px;
    align-items: center;
    text-align: center;
    box-shadow: 0 2px 14px rgba(15, 23, 42, 0.06);
  }

  .feature-icon[b-er8dtmopq3] {
    width: 40px;
    height: 40px;
    margin-bottom: 0.125rem;
    border-radius: 14px;
    padding: 8px;
  }

  .feature-title[b-er8dtmopq3] {
    font-size: 0.9375rem;
    line-height: 1.35;
    font-weight: 600;
  }

  .feature-description[b-er8dtmopq3] {
    font-size: 0.8125rem;
    line-height: 1.45;
    color: rgba(38, 50, 56, 0.78);
  }
}

@media (max-width: 480px) {
  .hero-section[b-er8dtmopq3] {
    padding: 0.75rem max(0.5rem, env(safe-area-inset-left)) 1rem max(0.5rem, env(safe-area-inset-right));
  }

  .hero-container[b-er8dtmopq3] {
    padding: 0 max(0.5rem, env(safe-area-inset-left)) 0 max(0.5rem, env(safe-area-inset-right));
    gap: 0.75rem;
    align-items: center;
  }

  .hero-title[b-er8dtmopq3] {
    font-size: clamp(1.125rem, 4.2vw, 1.35rem);
    line-height: 1.22;
  }

  .hero-description[b-er8dtmopq3] {
    font-size: 0.875rem;
    line-height: 1.5;
  }

  .hero-image-container[b-er8dtmopq3] {
    width: 100%;
    max-width: min(280px, 100%);
    gap: 0.5rem;
  }

  .robot-wrapper[b-er8dtmopq3] {
    max-height: min(48vw, 200px);
    aspect-ratio: 805 / 729;
    overflow: hidden;
    border-radius: 12px;
  }

  .hero-buttons[b-er8dtmopq3] {
    max-width: 100%;
    gap: 0.625rem;
  }

  .btn-primary[b-er8dtmopq3] {
    min-height: 48px;
    padding: 0.6875rem 1rem;
    font-size: 0.875rem;
  }

  .hero-info-cards[b-er8dtmopq3] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    gap: 0.5rem;
  }

  .info-card-doctors[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 4.25rem;
    aspect-ratio: unset;
  }

  .info-card-treatment[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 4.25rem;
    aspect-ratio: unset;
  }

  .info-card[b-er8dtmopq3] {
    flex: 1 1 0;
    min-width: 0;
    max-width: none;
    padding: 0.5rem 0.625rem;
    border-radius: 12px;
  }

  .info-card-content[b-er8dtmopq3] {
    min-height: 3rem;
    gap: 0.375rem;
  }

  .info-card-number[b-er8dtmopq3] {
    font-size: 0.8125rem;
  }

  .info-card-text[b-er8dtmopq3] {
    font-size: 0.75rem;
    line-height: 1.35;
  }

  .doctor-image[b-er8dtmopq3] {
    width: 24px;
    height: 24px;
  }

  .doctor-image:nth-child(2)[b-er8dtmopq3],
  .doctor-image:nth-child(3)[b-er8dtmopq3] {
    margin-left: -6px;
  }

  .treatment-image[b-er8dtmopq3] {
    width: 2.75rem;
    min-width: 2.75rem;
    min-height: 2.5rem;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
  }

  .features-section[b-er8dtmopq3] {
    padding: 1.25rem 0 1.5rem;
  }

  .features-container[b-er8dtmopq3] {
    gap: 0.625rem;
    padding: 0 max(0.75rem, env(safe-area-inset-left)) 0 max(0.75rem, env(safe-area-inset-right));
    align-items: stretch;
    justify-content: center;
  }

  .feature-card[b-er8dtmopq3] {
    flex: 0 1 calc((100% - 0.625rem) / 2);
    width: auto;
    max-width: calc((100% - 0.625rem) / 2);
    min-width: 0;
    padding: 0.875rem 0.75rem;
    gap: 0.5rem;
    min-height: 158px;
    border-radius: 12px;
  }

  .feature-icon[b-er8dtmopq3] {
    width: 36px;
    height: 36px;
    margin-bottom: 0.125rem;
    border-radius: 12px;
    padding: 6px;
  }

  .feature-title[b-er8dtmopq3] {
    font-size: 0.875rem;
    line-height: 1.3;
  }

  .feature-description[b-er8dtmopq3] {
    font-size: 0.75rem;
    line-height: 1.45;
  }
}

/* Market selection modal */
.market-modal-backdrop[b-er8dtmopq3] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 23, 42, 0.35);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.market-modal[b-er8dtmopq3] {
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
  border: 1px solid #e5e7eb;
}

.market-modal-header[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1rem;
  border-bottom: 1px solid #e5e7eb;
}

.market-modal-title[b-er8dtmopq3] {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}

.market-modal-close[b-er8dtmopq3] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: background 0.15s ease, color 0.15s ease;
}

.market-modal-close:hover[b-er8dtmopq3] {
  background: #f3f4f6;
  color: #111827;
}

.market-modal-body[b-er8dtmopq3] {
  padding: 1.5rem;
}

.market-modal-description[b-er8dtmopq3] {
  font-size: 14px;
  color: #6b7280;
  margin: 0 0 1.25rem;
  line-height: 1.5;
}

.market-options[b-er8dtmopq3] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.market-option-btn[b-er8dtmopq3] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: 2px solid #e5e7eb;
  background: #ffffff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.market-option-btn:hover[b-er8dtmopq3] {
  border-color: #4994ff;
  background: rgba(73, 148, 255, 0.05);
  transform: translateY(-1px);
}

.market-option-flag[b-er8dtmopq3] {
  width: 32px;
  height: 22px;
  object-fit: contain;
  border-radius: 4px;
  flex-shrink: 0;
}
/* /Components/DrugDoseCalculatorModal.razor.rz.scp.css */
.dose-expand-icon[b-6vps4onwzn] {
  transition: transform 0.2s;
}

.dose-expand-icon.expanded[b-6vps4onwzn] {
  transform: rotate(180deg);
}

.calculator-loading[b-6vps4onwzn] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: 1rem;
  text-align: center;
}

.calculator-spinner[b-6vps4onwzn] {
  width: 40px;
  height: 40px;
  border: 3px solid #dbeafe;
  border-top-color: #4994ff;
  border-radius: 50%;
  animation: calculator-spin-b-6vps4onwzn 0.8s linear infinite;
}

@keyframes calculator-spin-b-6vps4onwzn {
  to {
    transform: rotate(360deg);
  }
}

.calculator-progress-message[b-6vps4onwzn] {
  font-size: 0.95rem;
  color: #374151;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  min-height: 1.4rem;
}

.calculator-elapsed[b-6vps4onwzn] {
  font-size: 0.78rem;
  color: #9ca3af;
  font-family: "Montserrat", sans-serif;
}

.drug-note-source[b-6vps4onwzn] {
  font-size: 0.8rem;
  color: #6b7280;
  margin-top: 0.25rem;
}

.drug-note-source a[b-6vps4onwzn] {
  color: #4994ff;
  text-decoration: none;
}

.drug-note-source a:hover[b-6vps4onwzn] {
  text-decoration: underline;
}

.calculator-modal-backdrop[b-6vps4onwzn] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.35);
  display: flex;
  align-items: stretch;
  justify-content: center;
  z-index: 10000 !important;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}

.calculator-modal[b-6vps4onwzn] {
  width: min(960px, 100% - 2.5rem);
  background: #ffffff;
  border-radius: 18px;
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
  padding: 1.75rem 1.75rem 1.5rem;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  border: 1px solid #e5e7eb;
  max-height: calc(100vh - 5.5rem);
  margin: 4.5rem auto 1.5rem;
  overflow-y: auto;
  position: relative;
  z-index: 10001;
}

.calculator-modal-header[b-6vps4onwzn] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

.calculator-modal-title[b-6vps4onwzn] {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #111827;
}

.calculator-modal-close[b-6vps4onwzn] {
  background: transparent;
  border: none;
  padding: 0.25rem;
  cursor: pointer;
  color: #6b7280;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition:
    background 0.15s ease,
    color 0.15s ease;
}

.calculator-modal-close:hover[b-6vps4onwzn] {
  background: #f3f4f6;
  color: #111827;
}

.calculator-modal-body[b-6vps4onwzn] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.drug-note-banner[b-6vps4onwzn] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
}

.drug-note-icon[b-6vps4onwzn] {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: #fef3c7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.warning-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.drug-note-title[b-6vps4onwzn] {
  font-size: 16px;
  line-height: 24px;
  /*    font-weight: semibold;*/
  color: black;
}

.drug-note-subtitle[b-6vps4onwzn] {
  font-size: 0.85rem;
  color: #92400e;
}

.drug-main-card[b-6vps4onwzn] {
  padding: 1.25rem 1.25rem 1.1rem;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}

.drug-main-header[b-6vps4onwzn] {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

.drug-main-icon[b-6vps4onwzn] {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: linear-gradient(135deg, #eef2ff, #dbeafe);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}

.drug-main-name[b-6vps4onwzn] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #111827;
}

.drug-main-subtitle[b-6vps4onwzn] {
  font-size: 0.85rem;
  color: #4b5563;
}

.drug-main-meta[b-6vps4onwzn] {
  font-size: 0.8rem;
  color: #6b7280;
  margin-top: 0.15rem;
}

.drug-section-card[b-6vps4onwzn] {
  margin-top: 0.75rem;
  padding: 1.1rem 1.25rem 1.25rem;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #eff6ff;
  box-shadow: 0 4px 10px rgba(15, 23, 42, 0.03);
}

.drug-section-header[b-6vps4onwzn] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.9rem;
}

.drug-section-header.primary[b-6vps4onwzn] {
  margin-bottom: 1.1rem;
}

.drug-section-header-left[b-6vps4onwzn] {
  display: flex;
  gap: 0.6rem;
  align-items: center;
}

.drug-section-icon[b-6vps4onwzn] {
  width: 32px;
  height: 32px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drug-section-icon.primary[b-6vps4onwzn] {
  background: linear-gradient(135deg, #dbeafe, #eff6ff);
}

.drug-section-icon.secondary[b-6vps4onwzn] {
  background: #eff6ff;
}

.capsule-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.people-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.drug-section-icon.tertiary[b-6vps4onwzn] {
  background: #e0f2fe;
}

.utensils-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.drug-section-title[b-6vps4onwzn] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #111827;
}

.drug-section-subtitle[b-6vps4onwzn] {
  font-size: 0.8rem;
  color: #6b7280;
}

.drug-standard-grid[b-6vps4onwzn] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0.75rem 0 1rem;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 0.75rem;
}

.drug-standard-column-row[b-6vps4onwzn] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}

.indications-column[b-6vps4onwzn] {
  width: 100%;
}

.drug-standard-label[b-6vps4onwzn] {
  font-size: 14px;
  font-weight: 600;
  color: black;
  margin-bottom: 0.25rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.label-icon[b-6vps4onwzn] {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.drug-standard-list[b-6vps4onwzn] {
  padding-left: 2rem;
  margin: 0;
  font-size: 0.85rem;
  color: #374151;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}

.drug-standard-value[b-6vps4onwzn] {
  margin-left: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #4d4d4d;
}

.drug-dose-table[b-6vps4onwzn] {
  width: 100%;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  font-size: 0.85rem;
}

.drug-dose-table-header[b-6vps4onwzn] {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1fr auto;
  background: linear-gradient(
    to right,
    rgba(239, 246, 255, 1),
    rgba(73, 148, 255, 0.1)
  );
  padding: 0.55rem 0.9rem;
  color: #6b7280;
  font-weight: 500;
}

.drug-dose-table-header.weight-based[b-6vps4onwzn] {
  grid-template-columns: 2fr 1.2fr 1fr 1fr 1fr auto;
}

.drug-dose-row[b-6vps4onwzn] {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 1fr auto;
  align-items: center;
  padding: 0.65rem 0.9rem;
  border-top: 1px solid #e5e7eb;
  background: transparent;
  transition: background-color 0.15s ease;
}

.drug-dose-row:hover[b-6vps4onwzn] {
  background-color: #f9fafb;
}

.drug-dose-row.weight-based[b-6vps4onwzn] {
  grid-template-columns: 2fr 1.2fr 1fr 1fr 1fr auto;
}

.drug-dose-row.muted[b-6vps4onwzn] {
  background: transparent;
}

.drug-dose-cell.collapsed-cell[b-6vps4onwzn] {
  display: none;
}

.drug-dose-row-title[b-6vps4onwzn] {
  font-weight: 500;
  color: #111827;
  margin-bottom: 0.1rem;
}

.drug-dose-row-subtitle[b-6vps4onwzn] {
  font-size: 0.78rem;
  color: #6b7280;
}

.drug-dose-row-details[b-6vps4onwzn] {
  grid-column: 1 / -1;
  padding: 0.75rem 0.9rem;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
}

.dose-values-grid[b-6vps4onwzn] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.6rem;
}

.dose-value-item[b-6vps4onwzn] {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 0.55rem 0.65rem;
}

.dose-value-label[b-6vps4onwzn] {
  font-size: 0.72rem;
  color: #6b7280;
  margin-bottom: 0.2rem;
}

.dose-value-text[b-6vps4onwzn] {
  color: #111827;
  font-weight: 600;
  font-size: 0.82rem;
  word-break: break-word;
}

.calculated-dose-chip[b-6vps4onwzn] {
  background: #fff3cd;
  border-radius: 6px;
  padding: 0.15rem 0.35rem;
  display: inline-block;
}

.drug-dose-cell[b-6vps4onwzn] {
  color: #111827;
  font-weight: 500;
}

.calculated-dose-cell[b-6vps4onwzn] {
  background: #fff3cd;
  border-radius: 4px;
  padding: 0.15rem 0.35rem;
}

.drug-dose-expand[b-6vps4onwzn] {
  justify-self: end;
  background: transparent;
  border: none;
  padding: 0.15rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.drug-adjustment-block[b-6vps4onwzn] {
  margin-top: 0.75rem;
  background: #f9fafb;
  border-radius: 12px;
  padding: 1rem;
}

.drug-adjustment-title-container[b-6vps4onwzn] {
  margin-bottom: 0.75rem;
}

.drug-adjustment-title[b-6vps4onwzn] {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #111827;
}

.drug-adjustment-title.with-icon[b-6vps4onwzn] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.drop-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.electricity-icon[b-6vps4onwzn] {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.drug-adjustment-card-wrapper[b-6vps4onwzn] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.drug-adjustment-card[b-6vps4onwzn] {
  margin-bottom: 0;
  padding: 0.6rem 0.75rem;
  border-radius: 12px;
  font-size: 0.82rem;
  line-height: 1.4;
  background: #ffffff;
  border-left: 4px solid #4994ff;
}

.drug-adjustment-card.red-border[b-6vps4onwzn] {
  border-left-color: #fb2c36;
  color: #b91c1c;
}

.drug-adjustment-card.green-border[b-6vps4onwzn] {
  border-left-color: #00c950;
  color: #047857;
}

.drug-adjustment-card.subtle[b-6vps4onwzn] {
  background: #ffffff;
  border-left-color: #00c950;
  color: #047857;
}

.hepatic-content[b-6vps4onwzn] {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}

.hepatic-caution-section[b-6vps4onwzn] {
  margin-bottom: 0.75rem;
}

.hepatic-caution-title[b-6vps4onwzn] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}

.warning-icon-small[b-6vps4onwzn] {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.hepatic-monitor-text[b-6vps4onwzn] {
  font-size: 0.85rem;
  color: #374151;
  margin-left: 1.5rem;
}

.drug-adjustment-contraindicated-container[b-6vps4onwzn] {
  background: #fef2f2;
  border: 1px solid #ffc9c9;
  border-radius: 12px;
  padding: 0.75rem 1rem;
}

.hemodialysis-list[b-6vps4onwzn] {
  padding-left: 1.1rem;
  margin: 0.5rem 0 0;
  font-size: 0.82rem;
  color: #374151;
  list-style: none;
}

.hemodialysis-list li[b-6vps4onwzn] {
  margin-bottom: 0.25rem;
}

.drug-adjustment-badge[b-6vps4onwzn] {
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.5rem;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 0.3rem;
}

.drug-adjustment-badge.red[b-6vps4onwzn] {
  color: black;
}

.drug-adjustment-badge.green[b-6vps4onwzn] {
  color: black;
}

.drug-adjustment-status[b-6vps4onwzn] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0.15rem;
  display: flex;
  gap: 0.5rem;
}

.status-icon[b-6vps4onwzn] {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.drug-adjustment-status.red[b-6vps4onwzn] {
  color: #b91c1c;
}

.drug-adjustment-status.green[b-6vps4onwzn] {
  color: #047857;
}

.drug-adjustment-card ul[b-6vps4onwzn] {
  padding-left: 1.1rem;
  margin: 0.1rem 0 0;
}

.drug-adjustment-card li[b-6vps4onwzn] {
  margin-bottom: 0.05rem;
}

.drug-admin-list[b-6vps4onwzn] {
  padding-left: 1.1rem;
  margin: 0.25rem 0 0;
  font-size: 0.85rem;
  color: #374151;
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.drug-extra-info[b-6vps4onwzn] {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #6b7280;
}

.drug-weight-alert[b-6vps4onwzn] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 1rem;
  padding: 0.75rem 1rem;
  border-radius: 12px;
  background: #fffbeb;
  border: 1px solid #fef3c7;
}

.drug-weight-alert-icon[b-6vps4onwzn] {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drug-weight-alert-text[b-6vps4onwzn] {
  font-size: 0.85rem;
  color: #92400e;
  line-height: 1.5;
}

.dot[b-6vps4onwzn] {
  width: 9px;
  height: 9px;
  border-radius: 999px;
}

.dot.blue[b-6vps4onwzn] {
  background: #3b82f6;
}

.dot.orange[b-6vps4onwzn] {
  background: #f97316;
}

.dot.red[b-6vps4onwzn] {
  background: #ef4444;
}

.drug-adjustment-title.blue[b-6vps4onwzn] {
  color: #1d4ed8;
}

.drug-adjustment-title.orange[b-6vps4onwzn] {
  color: #c2410c;
}

.drug-adjustment-title.red[b-6vps4onwzn] {
  color: #b91c1c;
}

.calculator-modal-footer[b-6vps4onwzn] {
  display: none;
}

.calculator-modal-primary[b-6vps4onwzn] {
  display: none;
}

@media (max-width: 768px) {
  .calculator-modal[b-6vps4onwzn] {
    width: 100%;
    margin: 0 0.5rem;
    padding: 1rem;
    max-height: calc(100vh - 2rem);
    border-radius: 12px;
  }

  .calculator-modal-header[b-6vps4onwzn] {
    margin-bottom: 1rem;
  }

  .calculator-modal-title[b-6vps4onwzn] {
    font-size: 1rem;
  }

  .calculator-modal-body[b-6vps4onwzn] {
    gap: 0.75rem;
  }

  .drug-note-banner[b-6vps4onwzn] {
    padding: 0.625rem 0.75rem;
    gap: 0.5rem;
    border-radius: 8px;
  }

  .drug-note-icon[b-6vps4onwzn] {
    width: 28px;
    height: 28px;
  }

  .warning-icon[b-6vps4onwzn] {
    width: 16px;
    height: 16px;
  }

  .drug-note-title[b-6vps4onwzn] {
    font-size: 14px;
    line-height: 20px;
  }

  .drug-note-subtitle[b-6vps4onwzn] {
    font-size: 0.75rem;
  }

  .drug-main-card[b-6vps4onwzn] {
    padding: 1rem;
    border-radius: 12px;
  }

  .drug-main-name[b-6vps4onwzn] {
    font-size: 1rem;
  }

  .drug-main-subtitle[b-6vps4onwzn] {
    font-size: 0.75rem;
  }

  .drug-main-meta[b-6vps4onwzn] {
    font-size: 0.7rem;
  }

  .drug-section-card[b-6vps4onwzn] {
    margin-top: 0.5rem;
    padding: 0.875rem 1rem;
    border-radius: 12px;
  }

  .drug-section-header[b-6vps4onwzn] {
    margin-bottom: 0.75rem;
  }

  .drug-section-header-left[b-6vps4onwzn] {
    gap: 0.5rem;
  }

  .capsule-icon[b-6vps4onwzn],
  .people-icon[b-6vps4onwzn],
  .utensils-icon[b-6vps4onwzn] {
    width: 16px;
    height: 16px;
  }

  .drug-section-title[b-6vps4onwzn] {
    font-size: 0.875rem;
  }

  .drug-section-subtitle[b-6vps4onwzn] {
    font-size: 0.7rem;
  }

  .drug-standard-grid[b-6vps4onwzn] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    padding: 0.625rem 0 0.75rem;
    margin-bottom: 0.625rem;
  }

  .drug-standard-column-row[b-6vps4onwzn] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .drug-standard-label[b-6vps4onwzn] {
    font-size: 12px;
    margin-bottom: 0.25rem;
  }

  .label-icon[b-6vps4onwzn] {
    width: 14px;
    height: 14px;
  }

  .drug-standard-list[b-6vps4onwzn] {
    padding-left: 1.5rem;
    font-size: 0.75rem;
    gap: 0.1rem;
  }

  .drug-standard-value[b-6vps4onwzn] {
    margin-left: 20px;
    font-size: 12px;
  }

  .drug-dose-table[b-6vps4onwzn] {
    border-radius: 8px;
    font-size: 0.75rem;
  }

  .drug-dose-table-header[b-6vps4onwzn] {
    display: none;
  }

  .drug-dose-row[b-6vps4onwzn],
  .drug-dose-row.muted[b-6vps4onwzn] {
    grid-template-columns: 1fr auto;
    row-gap: 0.25rem;
    padding: 0.5rem 0.75rem;
  }

  .drug-dose-row.weight-based[b-6vps4onwzn],
  .drug-dose-row.weight-based.muted[b-6vps4onwzn] {
    grid-template-columns: 1fr auto;
  }

  .dose-values-grid[b-6vps4onwzn] {
    grid-template-columns: 1fr;
    gap: 0.45rem;
  }

  .drug-weight-alert[b-6vps4onwzn] {
    padding: 0.625rem 0.75rem;
    gap: 0.5rem;
    margin-top: 0.75rem;
  }

  .drug-weight-alert-icon[b-6vps4onwzn] {
    width: 16px;
    height: 16px;
  }

  .drug-weight-alert-text[b-6vps4onwzn] {
    font-size: 0.75rem;
  }

  .drug-dose-row-title[b-6vps4onwzn] {
    font-size: 0.75rem;
  }

  .drug-dose-row-subtitle[b-6vps4onwzn] {
    font-size: 0.7rem;
  }

  .drug-dose-cell[b-6vps4onwzn] {
    font-size: 0.7rem;
  }

  .drug-adjustment-block[b-6vps4onwzn] {
    margin-top: 0.5rem;
    padding: 0.75rem;
    border-radius: 8px;
  }

  .drug-adjustment-title[b-6vps4onwzn] {
    font-size: 14px;
    line-height: 20px;
  }

  .drop-icon[b-6vps4onwzn] {
    width: 16px;
    height: 16px;
  }

  .drug-adjustment-card-wrapper[b-6vps4onwzn] {
    gap: 0.5rem;
  }

  .drug-adjustment-card[b-6vps4onwzn] {
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
  }

  .drug-adjustment-badge[b-6vps4onwzn] {
    font-size: 12px;
    padding: 0.1rem 0.375rem;
    margin-bottom: 0.25rem;
  }

  .drug-adjustment-status[b-6vps4onwzn] {
    font-size: 12px;
    margin-bottom: 0.1rem;
  }

  .status-icon[b-6vps4onwzn] {
    width: 14px;
    height: 14px;
  }

  .hepatic-caution-title[b-6vps4onwzn] {
    font-size: 0.8rem;
    margin-bottom: 0.375rem;
  }

  .warning-icon-small[b-6vps4onwzn] {
    width: 14px;
    height: 14px;
  }

  .hepatic-monitor-text[b-6vps4onwzn] {
    font-size: 0.75rem;
    margin-left: 1.25rem;
  }

  .drug-admin-list[b-6vps4onwzn] {
    padding-left: 1rem;
    font-size: 0.75rem;
    gap: 0.1rem;
  }
}
/* /Components/FooterSection.razor.rz.scp.css */
.footer-section[b-wp0oermq7k] {
        font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
        position: relative;
    }

    /* Main Footer Area */
    .footer-main[b-wp0oermq7k] {
        background: #000000;
        padding: 2rem 13rem 0;
        position: relative;
    }

    /* Scroll to Top Button */
    .scroll-to-top-container[b-wp0oermq7k] {
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1000;
        pointer-events: auto;
    }

    .scroll-to-top-button[b-wp0oermq7k] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: white;
        border: 1px solid #E0E0E0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        padding: 0;
        font-size: 0;
        line-height: 1;
        flex-shrink: 0;
    }

    .scroll-to-top-button:hover[b-wp0oermq7k] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    }

    .scroll-to-top-button:active[b-wp0oermq7k] {
        transform: translateY(0);
    }

    .scroll-to-top-button:focus[b-wp0oermq7k] {
        outline: 2px solid #1A73E8;
        outline-offset: 2px;
    }

    .scroll-to-top-button svg[b-wp0oermq7k] {
        width: 20px;
        height: 20px;
        display: block;
    }

    .footer-container[b-wp0oermq7k] {
        max-width: 1400px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 2fr 1fr 1fr 1.5fr;
        gap: 3rem;
        margin-bottom: 2rem;
    }

    /* Footer Logo */
    .footer-logo[b-wp0oermq7k] {
        margin-bottom: 1.5rem;
    }

    .footer-logo-image[b-wp0oermq7k] {
        height: 50px;
        width: auto;
    }

    /* Social Media Icons */
    .social-media-icons[b-wp0oermq7k] {
        display: flex;
        gap: 1rem;
    }

    .social-icon[b-wp0oermq7k] {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .social-icon:hover[b-wp0oermq7k] {
        transform: translateY(-2px);
        color: #1A73E8;
    }

    .social-icon svg[b-wp0oermq7k] {
        width: 24px;
        height: 24px;
    }

    /* Footer Columns */
    .footer-column[b-wp0oermq7k] {
        display: flex;
        flex-direction: column;
    }

    .footer-column-header[b-wp0oermq7k] {
        font-size: 18px;
        font-weight: 700;
        color: white;
        margin: 0 0 1rem 0;
        padding: 0;
    }

    .footer-links[b-wp0oermq7k] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .footer-links a[b-wp0oermq7k] {
        font-size: 14px;
        color: white;
        text-decoration: none;
        transition: color 0.2s ease;
        font-weight: 400;
    }

    .footer-links a:hover[b-wp0oermq7k] {
        color: #1A73E8;
    }

    /* Contact List */
    .footer-contact[b-wp0oermq7k] {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .footer-contact li[b-wp0oermq7k] {
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
        font-size: 14px;
        color: white;
    }

    .footer-contact svg[b-wp0oermq7k] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
        margin-top: 2px;
        color: white;
    }

    .footer-contact span[b-wp0oermq7k] {
        line-height: 1.5;
    }

    /* Copyright Notice */
    .footer-copyright[b-wp0oermq7k] {
        text-align: center;
        padding: 2rem 0;
        background: #1D1D1D;
        margin-top: 2rem;
        margin-left: -13rem;
        margin-right: -13rem;
    }

    .footer-copyright p[b-wp0oermq7k] {
        font-size: 14px;
        color: #999999;
        margin: 0;
        padding: 0;
    }

    .footer-copyright strong[b-wp0oermq7k] {
        color: white;
        font-weight: 700;
    }

    /* Responsive */
    @media (max-width: 1200px) {
        .footer-main[b-wp0oermq7k] {
            padding: 2rem 6rem 0;
        }

        .footer-copyright[b-wp0oermq7k] {
            margin-left: -6rem;
            margin-right: -6rem;
        }

        .footer-container[b-wp0oermq7k] {
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
        }
    }

    @media (max-width: 1024px) {
        .footer-main[b-wp0oermq7k] {
            padding: 2rem 3rem 0;
        }

        .footer-copyright[b-wp0oermq7k] {
            margin-left: -3rem;
            margin-right: -3rem;
        }
    }

    @media (max-width: 768px) {
        .footer-main[b-wp0oermq7k] {
            padding: 2rem 1.5rem 0;
        }

        .footer-copyright[b-wp0oermq7k] {
            margin-left: -1.5rem;
            margin-right: -1.5rem;
            padding: 1.5rem 0;
        }

        .footer-container[b-wp0oermq7k] {
            grid-template-columns: 1fr;
            gap: 2rem;
        }

        .footer-logo-image[b-wp0oermq7k] {
            height: 40px;
        }

        .footer-column-header[b-wp0oermq7k] {
            font-size: 16px;
        }

        .footer-links a[b-wp0oermq7k],
        .footer-contact li[b-wp0oermq7k] {
            font-size: 13px;
        }

        .scroll-to-top-button[b-wp0oermq7k] {
            width: 45px;
            height: 45px;
        }

        .social-icon[b-wp0oermq7k] {
            width: 36px;
            height: 36px;
        }

        .social-icon svg[b-wp0oermq7k] {
            width: 20px;
            height: 20px;
        }
    }
/* /Components/HelpContent.razor.rz.scp.css */
.help-page[b-dzjxr44fqk] {
    padding: 1.5rem 2rem 2.5rem 2rem;
    min-height: calc(100vh - 150px);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: transparent;
    position: relative;
    max-width: 900px;
    margin: 0 auto;
}

.back-link[b-dzjxr44fqk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #4994FF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2rem;
    transition: color 0.2s ease;
}

    .back-link:hover[b-dzjxr44fqk] {
        color: #357abd;
    }

    .back-link svg[b-dzjxr44fqk] {
        width: 16px;
        height: 16px;
    }

/* Hero Section */
.hero-section[b-dzjxr44fqk] {
    background: #FFFFFF;
    background: radial-gradient(58.33% 5.78% at 50% 91.11%, rgba(73, 148, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(206.06deg, #4994FF 19%, #3D76C7 83.58%);
    background-blend-mode: multiply;
    border-radius: 24px;
    padding: 2rem 1.5rem;
    margin-bottom: 0;
    text-align: center;
    position: relative;
    min-height: 320px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.hero-content[b-dzjxr44fqk] {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
}

.question-icon-wrapper[b-dzjxr44fqk] {
    width: 56px;
    height: 56px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
}

.question-icon[b-dzjxr44fqk] {
    width: 32px;
    height: 32px;
    color: #4994FF;
}

.hero-title[b-dzjxr44fqk] {
    font-size: 28px;
    font-weight: 700;
    color: white;
    margin: 0 0 0.5rem 0;
}

.hero-subtitle[b-dzjxr44fqk] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 1.25rem 0;
}

.search-container[b-dzjxr44fqk] {
    margin-bottom: 1rem;
}

.search-input-wrapper[b-dzjxr44fqk] {
    position: relative;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.search-icon[b-dzjxr44fqk] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: white;
    pointer-events: none;
    z-index: 1;
}

.search-input[b-dzjxr44fqk] {
    width: 100%;
    padding: 0.75rem 0.75rem 0.75rem 2.5rem;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

    .search-input:focus[b-dzjxr44fqk] {
        outline: none;
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.3);
    }

    .search-input[b-dzjxr44fqk]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.stats-cards[b-dzjxr44fqk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
    max-width: 700px;
    margin: 0 auto;
    position: relative;
    margin-top: -20px;
    margin-bottom: 2rem;
}

.stat-card[b-dzjxr44fqk] {
    background: transparent;
    border: 2px solid #EFF6FF;
    border-radius: 12px;
    padding: 1rem 1rem 0.5rem 1rem;
    width: 100%;
    max-width: 220px;
    height: auto;
    min-height: 80px;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .stat-card:hover[b-dzjxr44fqk] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        background-color: white;
    }

    .stat-card.stat-card-drug:hover[b-dzjxr44fqk] {
        border-color: #4994FF;
    }

    .stat-card.stat-card-providers:hover[b-dzjxr44fqk] {
        border-color: #FFB050;
    }

    .stat-card.stat-card-accuracy:hover[b-dzjxr44fqk] {
        border-color: #00A63E;
    }

.stat-icon-container[b-dzjxr44fqk] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
}

.stat-icon-drug[b-dzjxr44fqk] {
    background-color: #EFF6FF;
}

.stat-icon-providers[b-dzjxr44fqk] {
    background-color: #FFF7ED;
}

.stat-icon-accuracy[b-dzjxr44fqk] {
    background-color: #F0FDF4;
}

.stat-icon-image[b-dzjxr44fqk] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.stat-content[b-dzjxr44fqk] {
    flex: 1;
    text-align: left;
}

.stat-value[b-dzjxr44fqk] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.2rem;
}

.stat-label[b-dzjxr44fqk] {
    font-size: 12px;
    color: #6b7280;
}

/* FAQ Sections */
.faq-sections[b-dzjxr44fqk] {
    margin-bottom: 2rem;
}

.faq-section[b-dzjxr44fqk] {
    margin-bottom: 2rem;
}

.faq-section-header[b-dzjxr44fqk] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.faq-icon-container[b-dzjxr44fqk] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.faq-icon-container-blue[b-dzjxr44fqk] {
    background: linear-gradient(180deg, #4994FF 0%, #3B7DE6 100%);
}

.faq-icon-container-orange[b-dzjxr44fqk] {
    background: linear-gradient(180deg, #FFB050 0%, #FF9A30 100%);
}

.faq-section-icon-image[b-dzjxr44fqk] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.faq-section-title-group[b-dzjxr44fqk] {
    flex: 1;
}

.faq-section-title[b-dzjxr44fqk] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.faq-section-description[b-dzjxr44fqk] {
    font-size: 12px;
    color: #6b7280;
    margin: 0;
}

.faq-items[b-dzjxr44fqk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.faq-no-results[b-dzjxr44fqk] {
    color: var(--help-text-muted);
    font-size: 0.875rem;
    padding: 0.75rem 0;
    margin: 0;
}

.faq-accordion-item[b-dzjxr44fqk] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .faq-accordion-item:hover[b-dzjxr44fqk] {
        border-color: #4994FF;
        box-shadow: 0 2px 8px rgba(73, 148, 255, 0.1);
    }

    .faq-accordion-item.open[b-dzjxr44fqk] {
        border-color: #4994FF;
    }

.faq-accordion-header[b-dzjxr44fqk] {
    background: white;
    padding: 0.875rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .faq-accordion-header:hover[b-dzjxr44fqk] {
        background: #f9fafb;
    }

.faq-accordion-item.open .faq-accordion-header[b-dzjxr44fqk] {
    border-bottom: 1px solid #e5e7eb;
}

.faq-question[b-dzjxr44fqk] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    flex: 1;
}

.faq-chevron[b-dzjxr44fqk] {
    width: 20px;
    height: 20px;
    color: #9ca3af;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-accordion-item.open .faq-chevron[b-dzjxr44fqk] {
    color: #4994FF;
    transform: rotate(180deg);
}

.faq-accordion-content[b-dzjxr44fqk] {
    padding: 0.875rem 1rem;
    background: white;
    animation: slideDown 0.3s ease;
}

    .faq-accordion-content p[b-dzjxr44fqk] {
        font-size: 13px;
        color: #6b7280;
        line-height: 1.6;
        margin: 0;
    }

@@keyframes slideDown {
    from[b-dzjxr44fqk] {
        opacity: 0;
        transform: translateY(-10px);
    }

    to[b-dzjxr44fqk] {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Still need help Section */
.still-need-help-section[b-dzjxr44fqk] {
    background: #FFFFFF;
    background: radial-gradient(58.33% 5.78% at 50% 91.11%, rgba(73, 148, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(206.06deg, #4994FF 19%, #3D76C7 83.58%);
    background-blend-mode: multiply;
    border-radius: 24px;
    padding: 2rem 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

.still-need-help-title[b-dzjxr44fqk] {
    font-size: 22px;
    font-weight: 700;
    color: white;
    margin: 0 0 0.5rem 0;
}

.still-need-help-description[b-dzjxr44fqk] {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 1.25rem 0;
}

.contact-support-btn[b-dzjxr44fqk] {
    padding: 0.625rem 1.5rem;
    background: white;
    color: #4994FF;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
}

    .contact-support-btn:hover[b-dzjxr44fqk] {
        background: #f9fafb;
        transform: translateY(-2px);
        box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A, 0 4px 12px rgba(0, 0, 0, 0.15);
    }

/* Contact Form Section */
.contact-form-section[b-dzjxr44fqk] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.contact-form[b-dzjxr44fqk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-row-top[b-dzjxr44fqk] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.form-group-floating[b-dzjxr44fqk] {
    position: relative;
}

.form-label-floating[b-dzjxr44fqk] {
    position: absolute;
    left: 1rem;
    top: 0.875rem;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    pointer-events: none;
    transition: all 0.2s ease;
    background: transparent;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
}

.form-group-floating .optional[b-dzjxr44fqk] {
    color: #9ca3af;
    font-weight: 400;
}

.form-input[b-dzjxr44fqk],
.form-textarea[b-dzjxr44fqk] {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    background: white;
}

    .form-input:focus[b-dzjxr44fqk],
    .form-textarea:focus[b-dzjxr44fqk] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 255, 0.1);
    }

        .form-input:focus ~ .form-label-floating[b-dzjxr44fqk],
        .form-input.has-value ~ .form-label-floating[b-dzjxr44fqk],
        .form-input:not(:placeholder-shown) ~ .form-label-floating[b-dzjxr44fqk],
        .form-label-floating.floating[b-dzjxr44fqk] {
            top: -0.5rem;
            left: 0.75rem;
            font-size: 12px;
            color: #4994FF;
            background: white;
            padding: 0 0.25rem;
            opacity: 1;
            transform: scale(1);
        }

.form-textarea[b-dzjxr44fqk] {
    resize: vertical;
    min-height: 120px;
}

    .form-textarea:focus ~ .form-label-floating[b-dzjxr44fqk],
    .form-textarea.has-value ~ .form-label-floating[b-dzjxr44fqk],
    .form-textarea:not(:placeholder-shown) ~ .form-label-floating[b-dzjxr44fqk],
    .form-textarea ~ .form-label-floating.floating[b-dzjxr44fqk] {
        top: -0.5rem;
        left: 0.75rem;
        font-size: 12px;
        color: #4994FF;
        background: white;
        padding: 0 0.25rem;
        opacity: 1;
        transform: scale(1);
    }

.send-message-btn[b-dzjxr44fqk] {
    align-self: flex-start;
    padding: 0.875rem 2rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .send-message-btn:hover[b-dzjxr44fqk] {
        background: #357abd;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(74, 144, 255, 0.3);
    }

@media (min-width: 1280px) and (max-width: 1366px) {
    .help-page[b-dzjxr44fqk] {
        padding: 1.5rem 2rem 2rem 2rem;
    }

    .hero-section[b-dzjxr44fqk] {
        padding: 1.75rem 1.5rem 2rem 1.5rem;
        min-height: 300px;
    }

    .hero-title[b-dzjxr44fqk] {
        font-size: 26px;
        margin-bottom: 0.5rem;
    }

    .hero-subtitle[b-dzjxr44fqk] {
        font-size: 13px;
        margin-bottom: 1rem;
    }

    .question-icon-wrapper[b-dzjxr44fqk] {
        width: 50px;
        height: 50px;
        margin-bottom: 0.875rem;
    }

    .question-icon[b-dzjxr44fqk] {
        width: 28px;
        height: 28px;
    }

    .search-input-wrapper[b-dzjxr44fqk] {
        max-width: 450px;
    }

    .search-input[b-dzjxr44fqk] {
        padding: 0.625rem 0.75rem 0.625rem 2.25rem;
        font-size: 13px;
    }

    .stats-cards[b-dzjxr44fqk] {
        margin-top: -20px;
        gap: 0.75rem;
    }

    .stat-card[b-dzjxr44fqk] {
        padding: 0.875rem;
    }

    .faq-section[b-dzjxr44fqk] {
        margin-bottom: 1.5rem;
    }

    .faq-section-title[b-dzjxr44fqk] {
        font-size: 16px;
    }
}

@media (max-height: 800px) and (min-width: 769px) {
    .help-page[b-dzjxr44fqk] {
        padding: 1rem 1.5rem 1.25rem 1.5rem;
    }

    .hero-section[b-dzjxr44fqk] {
        min-height: auto;
        padding: 1.25rem 1.5rem 1.5rem;
    }

    .stats-cards[b-dzjxr44fqk] {
        margin-top: -12px;
    }
}

@media (max-width: 1024px) {
    .help-page[b-dzjxr44fqk] {
        padding: 1.25rem 1.5rem 2rem 1.5rem;
    }

    .stats-cards[b-dzjxr44fqk] {
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
        max-width: 100%;
    }

    .stat-card[b-dzjxr44fqk] {
        max-width: 100%;
    }

    .form-row-top[b-dzjxr44fqk] {
        grid-template-columns: 1fr;
    }

    .form-row[b-dzjxr44fqk] {
        grid-template-columns: 1fr;
    }

    .hero-section[b-dzjxr44fqk] {
        min-height: 280px;
        padding: 1.75rem 1.25rem 2rem 1.25rem;
        border-radius: 20px;
    }

    .hero-title[b-dzjxr44fqk] {
        font-size: 24px;
    }

    .hero-subtitle[b-dzjxr44fqk] {
        font-size: 13px;
    }

    .search-input-wrapper[b-dzjxr44fqk] {
        max-width: 100%;
    }
}

@media (max-width: 1024px) and (max-height: 800px) {
    .hero-section[b-dzjxr44fqk] {
        min-height: auto;
        padding: 1.25rem 1rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .help-page[b-dzjxr44fqk] {
        padding: 1rem 1rem 1.5rem 1rem;
        min-height: auto;
    }

    .hero-section[b-dzjxr44fqk] {
        border-radius: 16px;
        min-height: 260px;
        padding: 1.25rem 1rem 1.5rem 1rem;
        margin-bottom: 0.5rem;
    }

    .hero-title[b-dzjxr44fqk] {
        font-size: 20px;
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }

    .hero-subtitle[b-dzjxr44fqk] {
        font-size: 12px;
        margin-bottom: 1rem;
        line-height: 1.4;
    }

    .question-icon-wrapper[b-dzjxr44fqk] {
        width: 50px;
        height: 50px;
        margin-bottom: 0.75rem;
    }

    .question-icon[b-dzjxr44fqk] {
        width: 28px;
        height: 28px;
    }

    .search-container[b-dzjxr44fqk] {
        margin-bottom: 1rem;
    }

    .search-input-wrapper[b-dzjxr44fqk] {
        width: 100%;
    }

    .search-input[b-dzjxr44fqk] {
        padding: 0.625rem 0.625rem 0.625rem 2.25rem;
        font-size: 12px;
    }

    .search-icon[b-dzjxr44fqk] {
        left: 0.75rem;
        width: 16px;
        height: 16px;
    }

    .stats-cards[b-dzjxr44fqk] {
        margin-top: -20px;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .stat-card[b-dzjxr44fqk] {
        width: 100%;
        max-width: 100%;
        padding: 0.75rem;
        height: auto;
        min-height: 65px;
    }

        .stat-card:hover[b-dzjxr44fqk] {
            transform: none;
        }

    .stat-icon-container[b-dzjxr44fqk] {
        width: 32px;
        height: 32px;
    }

    .stat-icon-image[b-dzjxr44fqk] {
        width: 18px;
        height: 18px;
    }

    .stat-value[b-dzjxr44fqk] {
        font-size: 16px;
    }

    .stat-label[b-dzjxr44fqk] {
        font-size: 10px;
    }

    .faq-sections[b-dzjxr44fqk] {
        margin-bottom: 1rem;
    }

    .faq-section[b-dzjxr44fqk] {
        margin-bottom: 1rem;
    }

    .faq-section-header[b-dzjxr44fqk] {
        margin-bottom: 0.75rem;
        gap: 0.5rem;
    }

    .faq-icon-container[b-dzjxr44fqk] {
        width: 36px;
        height: 36px;
    }

    .faq-section-icon-image[b-dzjxr44fqk] {
        width: 18px;
        height: 18px;
    }

    .faq-section-title[b-dzjxr44fqk] {
        font-size: 16px;
    }

    .faq-section-description[b-dzjxr44fqk] {
        font-size: 11px;
    }

    .faq-items[b-dzjxr44fqk] {
        gap: 0.5rem;
    }

    .faq-accordion-header[b-dzjxr44fqk] {
        padding: 0.75rem 1rem;
    }

    .faq-question[b-dzjxr44fqk] {
        font-size: 13px;
    }

    .faq-accordion-content[b-dzjxr44fqk] {
        padding: 0.75rem 1rem;
    }

        .faq-accordion-content p[b-dzjxr44fqk] {
            font-size: 12px;
            line-height: 1.5;
        }

    .still-need-help-section[b-dzjxr44fqk] {
        border-radius: 20px;
        padding: 1.5rem 1rem;
        margin-bottom: 1rem;
    }

    .still-need-help-title[b-dzjxr44fqk] {
        font-size: 20px;
        margin-bottom: 0.5rem;
    }

    .still-need-help-description[b-dzjxr44fqk] {
        font-size: 12px;
        margin-bottom: 1rem;
    }

    .contact-support-btn[b-dzjxr44fqk] {
        padding: 0.625rem 1.5rem;
        font-size: 13px;
    }

    .contact-form-section[b-dzjxr44fqk] {
        padding: 1rem;
    }

    .contact-form[b-dzjxr44fqk] {
        gap: 1rem;
    }

    .form-row-top[b-dzjxr44fqk] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .form-input[b-dzjxr44fqk],
    .form-textarea[b-dzjxr44fqk] {
        padding: 0.625rem 0.875rem;
        font-size: 12px;
    }

    .form-textarea[b-dzjxr44fqk] {
        min-height: 80px;
    }

    .send-message-btn[b-dzjxr44fqk] {
        padding: 0.625rem 1.5rem;
        font-size: 13px;
    }

    .faq-section-header[b-dzjxr44fqk] {
        flex-direction: row;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .help-page[b-dzjxr44fqk] {
        padding: 0.75rem 0.75rem 1.25rem 0.75rem;
    }

    .hero-section[b-dzjxr44fqk] {
        border-radius: 14px;
        min-height: 220px;
        padding: 1rem 0.75rem 1.25rem 0.75rem;
    }

    .hero-title[b-dzjxr44fqk] {
        font-size: 18px;
        margin-bottom: 0.375rem;
    }

    .hero-subtitle[b-dzjxr44fqk] {
        font-size: 11px;
        margin-bottom: 0.75rem;
    }

    .question-icon-wrapper[b-dzjxr44fqk] {
        width: 40px;
        height: 40px;
        margin-bottom: 0.5rem;
    }

    .question-icon[b-dzjxr44fqk] {
        width: 24px;
        height: 24px;
    }

    .search-input[b-dzjxr44fqk] {
        padding: 0.5rem 0.5rem 0.5rem 2rem;
        font-size: 11px;
    }

    .search-icon[b-dzjxr44fqk] {
        left: 0.625rem;
        width: 14px;
        height: 14px;
    }

    .stats-cards[b-dzjxr44fqk] {
        margin-top: -15px;
        grid-template-columns: 1fr;
        gap: 0.375rem;
    }

    .stat-card[b-dzjxr44fqk] {
        padding: 0.5rem;
        min-height: 55px;
        max-width: 100%;
    }

    .stat-icon-container[b-dzjxr44fqk] {
        width: 28px;
        height: 28px;
    }

    .stat-icon-image[b-dzjxr44fqk] {
        width: 16px;
        height: 16px;
    }

    .stat-value[b-dzjxr44fqk] {
        font-size: 14px;
    }

    .stat-label[b-dzjxr44fqk] {
        font-size: 9px;
    }
}
/* /Components/MedicalHistoryPanel.razor.rz.scp.css */
/* MedicalHistoryPanel.razor.css */
.mh-panel[b-1sqc1qpewe] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1rem 0;
    color: #e2e8f0;
}

.mh-section[b-1sqc1qpewe] {
    background: rgba(30, 41, 59, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    overflow: visible;
    transition: all 0.2s ease;
}

.mh-section:hover[b-1sqc1qpewe] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(255, 255, 255, 0.1);
}

.mh-section-header[b-1sqc1qpewe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    cursor: pointer;
    background: rgba(15, 23, 42, 0.6);
    user-select: none;
}

.mh-section-title[b-1sqc1qpewe] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.1rem;
    font-weight: 600;
    color: #f1f5f9;
}

.mh-section-icon[b-1sqc1qpewe] {
    font-size: 1.25rem;
}

.mh-badge[b-1sqc1qpewe] {
    background: rgba(59, 130, 246, 0.2);
    color: #60a5fa;
    padding: 0.1rem 0.5rem;
    border-radius: 99px;
    font-size: 0.8rem;
    font-weight: 700;
}

.mh-badge--warn[b-1sqc1qpewe] {
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
}

.mh-badge--food[b-1sqc1qpewe] {
    background: rgba(34, 197, 94, 0.2);
    color: #4ade80;
}

.mh-chevron[b-1sqc1qpewe] {
    color: #94a3b8;
    font-size: 0.8rem;
    transition: transform 0.2s;
}

.mh-section-body[b-1sqc1qpewe] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Search Dropdown */
.mh-add-row[b-1sqc1qpewe] {
    position: relative;
    margin-bottom: 0.5rem;
}

.mh-search-input[b-1sqc1qpewe] {
    width: 100%;
    padding: 0.75rem 1rem;
    background: rgba(15, 23, 42, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    color: #f8fafc;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.2s;
}

.mh-search-input:focus[b-1sqc1qpewe] {
    border-color: #3b82f6;
    background: rgba(15, 23, 42, 0.8);
}

.mh-dropdown[b-1sqc1qpewe] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    list-style: none;
    padding: 0.5rem 0;
    margin: 0;
    z-index: 50;
    max-height: 250px;
    overflow-y: auto;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
}

.mh-dropdown-item-name[b-1sqc1qpewe] {
    color: #f1f5f9;
    font-weight: 500;
}

.mh-dropdown li[b-1sqc1qpewe] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    color: #cbd5e1;
    transition: background 0.15s, color 0.15s;
}

.mh-dropdown li:hover[b-1sqc1qpewe] {
    background: #334155;
    color: #f8fafc;
}

.mh-empty[b-1sqc1qpewe] {
    color: #64748b;
    font-style: italic;
    text-align: center;
    padding: 1rem 0;
}

/* Hyper Form */
.mh-add-btn[b-1sqc1qpewe] {
    align-self: flex-start;
    background: rgba(59, 130, 246, 0.1);
    color: #60a5fa;
    border: 1px dashed rgba(59, 130, 246, 0.3);
    padding: 0.5rem 1rem;
    border-radius: 6px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.mh-add-btn:hover[b-1sqc1qpewe] {
    background: rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.5);
    color: #93c5fd;
}

.mh-add-hyper-form[b-1sqc1qpewe] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
    background: rgba(15, 23, 42, 0.3);
    padding: 1rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.mh-input[b-1sqc1qpewe] {
    flex: 1;
    min-width: 150px;
    padding: 0.6rem 0.8rem;
    background: rgba(15, 23, 42, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    color: #f8fafc;
    outline: none;
}

.mh-input:focus[b-1sqc1qpewe] {
    border-color: #3b82f6;
}

.mh-select[b-1sqc1qpewe] {
    color: #cbd5e1;
}

.mh-select option[b-1sqc1qpewe] {
    background: #1e293b;
    color: #f8fafc;
}

.mh-save-btn[b-1sqc1qpewe] {
    background: #3b82f6;
    color: white;
    border: none;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.mh-save-btn:hover[b-1sqc1qpewe] {
    background: #2563eb;
}

.mh-cancel-btn[b-1sqc1qpewe] {
    background: transparent;
    color: #94a3b8;
    border: none;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    cursor: pointer;
    transition: color 0.2s, background 0.2s;
}

.mh-cancel-btn:hover[b-1sqc1qpewe] {
    background: rgba(255, 255, 255, 0.05);
    color: #f1f5f9;
}

/* Hyper List */
.mh-hyper-list[b-1sqc1qpewe] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.mh-hyper-chip[b-1sqc1qpewe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    padding: 0.5rem 0.75rem;
    border-radius: 8px;
}

.mh-hyper-name[b-1sqc1qpewe] {
    color: #fca5a5;
    font-weight: 600;
}

.mh-hyper-reaction[b-1sqc1qpewe] {
    color: #f87171;
    font-size: 0.85rem;
}

.mh-hyper-del[b-1sqc1qpewe] {
    background: transparent;
    border: none;
    color: #ef4444;
    cursor: pointer;
    padding: 0 0.2rem;
    opacity: 0.7;
    transition: opacity 0.2s;
}

.mh-hyper-del:hover[b-1sqc1qpewe] {
    opacity: 1;
}

.mh-loading[b-1sqc1qpewe] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 3rem;
    color: #94a3b8;
}

.mh-spinner[b-1sqc1qpewe] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(59, 130, 246, 0.2);
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: spin-b-1sqc1qpewe 1s linear infinite;
}

@keyframes spin-b-1sqc1qpewe {
    to { transform: rotate(360deg); }
}

/* ── Accordion header (shared + patient modal) ───────────────────────── */
.mh-section-head-inner[b-1sqc1qpewe] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex: 1;
    min-width: 0;
}

.mh-title-stack[b-1sqc1qpewe] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
    min-width: 0;
}

.mh-subline[b-1sqc1qpewe] {
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6b7280;
}

.mh-icon-box[b-1sqc1qpewe] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.mh-icon-box--food[b-1sqc1qpewe] {
    background: #dcfce7;
    color: #15803d;
}

.mh-icon-box--chronic[b-1sqc1qpewe] {
    background: #fee2e2;
    color: #b91c1c;
}

.mh-icon-box--hyper[b-1sqc1qpewe] {
    background: #ffedd5;
    color: #c2410c;
}

.mh-chevron-svg[b-1sqc1qpewe] {
    width: 10px;
    height: 10px;
    border-right: 2px solid #9ca3af;
    border-bottom: 2px solid #9ca3af;
    transform: rotate(45deg);
    margin-right: 8px;
    margin-top: 2px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
}

.mh-chevron-svg--up[b-1sqc1qpewe] {
    transform: rotate(-135deg);
    margin-top: 8px;
}

.mh-section-title[b-1sqc1qpewe] {
    flex-wrap: wrap;
}

/* ── Light variant (patient profile modal) ───────────────────────────── */
.mh-panel--light[b-1sqc1qpewe] {
    padding: 0;
    gap: 0.75rem;
    color: #111827;
}

.mh-panel--light .mh-section[b-1sqc1qpewe] {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
}

.mh-panel--light .mh-section:hover[b-1sqc1qpewe] {
    border-color: #d1d5db;
    background: #fff;
}

.mh-panel--light .mh-section-header[b-1sqc1qpewe] {
    background: #fff;
    padding: 1rem 1.15rem;
}

.mh-panel--light .mh-section-title[b-1sqc1qpewe] {
    color: #111827;
    font-size: 1rem;
    font-weight: 700;
}

.mh-panel--light .mh-section-body[b-1sqc1qpewe] {
    background: #fafafa;
    border-top: 1px solid #f3f4f6;
}

.mh-panel--light .mh-search-input[b-1sqc1qpewe],
.mh-panel--light .mh-input[b-1sqc1qpewe],
.mh-panel--light .mh-select[b-1sqc1qpewe] {
    background: #fff;
    color: #111827;
    border-color: #e5e7eb;
}

.mh-panel--light .mh-search-input:focus[b-1sqc1qpewe],
.mh-panel--light .mh-input:focus[b-1sqc1qpewe] {
    border-color: #3b82f6;
    background: #fff;
}

.mh-panel--light .mh-dropdown[b-1sqc1qpewe] {
    background: #fff;
    border-color: #e5e7eb;
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.12);
}

.mh-panel--light .mh-dropdown li[b-1sqc1qpewe] {
    color: #111827;
}

.mh-panel--light .mh-dropdown li:hover[b-1sqc1qpewe] {
    background: #f3f4f6;
}

.mh-panel--light .mh-hyper-card[b-1sqc1qpewe] {
    background: #fff;
    border: 1px solid #e5e7eb;
}

.mh-panel--light .mh-hyper-name[b-1sqc1qpewe] {
    color: #111827;
}

.mh-panel--light .mh-empty[b-1sqc1qpewe] {
    color: #6b7280;
}

.mh-panel--light .mh-loading[b-1sqc1qpewe] {
    color: #6b7280;
}

.mh-panel--light .mh-badge[b-1sqc1qpewe] {
    background: #dbeafe;
    color: #1d4ed8;
}

.mh-panel--light .mh-badge--warn[b-1sqc1qpewe] {
    background: #ffedd5;
    color: #c2410c;
}

.mh-panel--light .mh-badge--food[b-1sqc1qpewe] {
    background: #dcfce7;
    color: #15803d;
}

.mh-panel--light .mh-dropdown-item-name[b-1sqc1qpewe] {
    color: #111827;
}
/* /Components/NavMenuNew.razor.rz.scp.css */
/* ---- New sidebar nav ---- */
.sidebar-header[b-bmr1v859z1] {
    padding: 2rem 1.5rem;
    white-space: nowrap;
    overflow: hidden;
}

.user-profile[b-bmr1v859z1] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.user-avatar[b-bmr1v859z1] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(270deg, #FFFFFF 19.36%, #4994FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.user-avatar img[b-bmr1v859z1] {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
    border-radius: 10px;
}

.user-info[b-bmr1v859z1] {
    flex: 1;
    min-width: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.user-name[b-bmr1v859z1] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-email[b-bmr1v859z1] {
    font-size: 14px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-nav[b-bmr1v859z1] {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sidebar-nav:first-of-type[b-bmr1v859z1] {
    flex: 1;
}

.sidebar-nav-bottom[b-bmr1v859z1] {
    margin-top: auto;
    padding-top: 0;
}

.nav-item[b-bmr1v859z1] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    color: #6b7280;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
}

.nav-item span[b-bmr1v859z1] {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.nav-item:hover[b-bmr1v859z1] {
    background: #f9fafb;
    color: #4994FF;
    text-decoration: none;
}

.nav-item.active[b-bmr1v859z1] {
    background: #f0f7ff;
    color: #4994FF;
    border-left-color: #4994FF;
    text-decoration: none;
}

.nav-icon[b-bmr1v859z1] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.nav-item:hover .nav-icon[b-bmr1v859z1],
.nav-item.active .nav-icon[b-bmr1v859z1] {
    filter: brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(1352%) hue-rotate(195deg) brightness(101%) contrast(101%);
}

.nav-separator[b-bmr1v859z1] {
    height: 1px;
    background: #e5e7eb;
    margin: 0.5rem 1.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar-bottom-separator[b-bmr1v859z1] {
    margin-top: auto;
}
/* /Components/NvRxCustomSelect.razor.rz.scp.css */
/* Custom dropdown for medication row — full control over panel styling. */
.nv-rx-dd[b-jsg2p84qy1] {
  position: relative;
  width: 100%;
  min-width: 0;
}

.nv-rx-dd-trigger[b-jsg2p84qy1] {
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  border: 1px solid #d8dee9;
  border-radius: 12px;
  padding: 0.45rem 0.65rem 0.45rem 0.7rem;
  min-height: 2.375rem;
  font-size: 0.8125rem;
  line-height: 1.35;
  font-weight: 500;
  color: #1e293b;
  font-family: inherit;
  background-color: #fafbfc;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition:
    border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.nv-rx-dd-trigger:hover[b-jsg2p84qy1] {
  border-color: #93b4f0;
  background-color: #fff;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 2px 8px rgba(59, 130, 246, 0.06);
}

.nv-rx-dd--open .nv-rx-dd-trigger[b-jsg2p84qy1] {
  border-color: #3b82f6;
  background-color: #fff;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(59, 130, 246, 0.35),
    0 0 0 4px rgba(73, 148, 255, 0.16);
}

.nv-rx-dd-trigger:focus-visible[b-jsg2p84qy1] {
  outline: none;
  border-color: #3b82f6;
  background-color: #fff;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(59, 130, 246, 0.35),
    0 0 0 4px rgba(73, 148, 255, 0.18);
}

.nv-rx-dd-trigger-text[b-jsg2p84qy1] {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nv-rx-dd-chevron[b-jsg2p84qy1] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
    center / contain no-repeat;
  transition: transform 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.nv-rx-dd--open .nv-rx-dd-chevron[b-jsg2p84qy1] {
  transform: rotate(180deg);
}

.nv-rx-dd--open .nv-rx-dd-trigger .nv-rx-dd-chevron[b-jsg2p84qy1] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.nv-rx-dd-backdrop[b-jsg2p84qy1] {
  position: fixed;
  inset: 0;
  z-index: 4000;
  background: transparent;
  cursor: default;
}

.nv-rx-dd-menu[b-jsg2p84qy1] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 4001;
  max-height: min(320px, 52vh);
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0.45rem;
  margin: 0;
  list-style: none;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 0.5rem);
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, 0.04),
    0 10px 28px -6px rgba(15, 23, 42, 0.14),
    0 0 0 1px rgba(255, 255, 255, 0.6) inset;
  animation: nv-rx-dd-in-b-jsg2p84qy1 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  scrollbar-gutter: stable;
}

.nv-rx-dd-menu[b-jsg2p84qy1]::-webkit-scrollbar {
  width: 8px;
}

.nv-rx-dd-menu[b-jsg2p84qy1]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.nv-rx-dd-menu[b-jsg2p84qy1]::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
  border: 2px solid transparent;
  background-clip: padding-box;
}

@keyframes nv-rx-dd-in-b-jsg2p84qy1 {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nv-rx-dd-menu[b-jsg2p84qy1] {
    animation: none;
  }

  .nv-rx-dd-chevron[b-jsg2p84qy1],
  .nv-rx-dd-trigger[b-jsg2p84qy1],
  .nv-rx-dd-option[b-jsg2p84qy1] {
    transition: none;
  }
}

.nv-rx-dd-group[b-jsg2p84qy1] {
  padding: 0.5rem 0.65rem 0.35rem;
  margin: 0.15rem 0 0;
  font-size: 0.625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #475569;
  background: linear-gradient(180deg, #f1f5f9 0%, #f8fafc 55%, transparent 100%);
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid #e2e8f0;
}

.nv-rx-dd-group:first-child[b-jsg2p84qy1] {
  margin-top: 0;
}

.nv-rx-dd-option[b-jsg2p84qy1] {
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #334155;
  padding: 0.58rem 0.75rem;
  margin: 0;
  border-radius: 8px;
  border-bottom: 1px solid transparent;
  transition:
    background-color 0.16s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.16s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.16s ease;
}

.nv-rx-dd-option + .nv-rx-dd-option[b-jsg2p84qy1] {
  margin-top: 1px;
}

.nv-rx-dd-option:hover[b-jsg2p84qy1] {
  background: #f1f5f9;
  color: #0f172a;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset;
}

.nv-rx-dd-option--active[b-jsg2p84qy1] {
  background: linear-gradient(90deg, #eff6ff 0%, rgba(239, 246, 255, 0.35) 100%);
  color: #1d4ed8;
  font-weight: 600;
  box-shadow:
    inset 3px 0 0 #3b82f6,
    0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.nv-rx-dd-option--active:hover[b-jsg2p84qy1] {
  background: linear-gradient(90deg, #dbeafe 0%, rgba(219, 234, 254, 0.4) 100%);
  color: #1e40af;
}
/* /Components/PatientDetail.razor.rz.scp.css */
/* Patient profile — centered modal (light), tabs Overview · History · Visits · Vitals */

.pd-modal-backdrop[b-hunsxowm8s] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.45);
    z-index: 10020;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.pd-modal-backdrop--visible[b-hunsxowm8s] {
    opacity: 1;
    pointer-events: all;
}

.pd-modal-shell[b-hunsxowm8s] {
    position: fixed;
    inset: 0;
    z-index: 10025;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.pd-modal-shell--visible[b-hunsxowm8s] {
    opacity: 1;
    /* Keep pointer-events none on shell so clicks outside the card reach the backdrop and close the modal. */
    pointer-events: none;
}

.pd-modal[b-hunsxowm8s] {
    width: min(880px, 100%);
    max-height: min(92vh, 900px);
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    pointer-events: all;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: #111827;
}

.pd-modal-header[b-hunsxowm8s] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    background: #f8f9fa;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.pd-modal-title[b-hunsxowm8s] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.pd-modal-subtitle[b-hunsxowm8s] {
    margin: 0.35rem 0 0;
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

.pd-modal-close[b-hunsxowm8s] {
    border: none;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
    padding: 0.35rem;
    border-radius: 8px;
    line-height: 0;
    transition: color 0.15s ease, background 0.15s ease;
}

.pd-modal-close:hover[b-hunsxowm8s] {
    color: #374151;
    background: #e5e7eb;
}

/* Tabs */
.pd-modal-tabs[b-hunsxowm8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 0.5rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.pd-m-tab[b-hunsxowm8s] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.85rem 1rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    color: #6b7280;
    cursor: pointer;
    font-family: inherit;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.pd-m-tab:hover[b-hunsxowm8s] {
    color: #374151;
}

.pd-m-tab--active[b-hunsxowm8s] {
    color: #2563eb;
    border-bottom-color: #3b82f6;
}

.pd-m-tab-icon[b-hunsxowm8s] {
    flex-shrink: 0;
    opacity: 0.85;
}

.pd-m-tab--active .pd-m-tab-icon[b-hunsxowm8s] {
    color: #3b82f6;
    opacity: 1;
}

.pd-m-tab-badge[b-hunsxowm8s] {
    margin-left: 0.15rem;
    font-size: 0.6875rem;
    font-weight: 700;
    background: #3b82f6;
    color: #fff;
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    min-width: 1.1rem;
    text-align: center;
}

/* Body */
.pd-modal-body[b-hunsxowm8s] {
    flex: 1;
    overflow-y: auto;
    padding: 1.25rem 1.5rem 1.5rem;
    background: #fff;
}

.pd-modal-loading[b-hunsxowm8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 3rem;
    color: #6b7280;
}

.pd-modal-spinner[b-hunsxowm8s] {
    width: 36px;
    height: 36px;
    border: 3px solid #e5e7eb;
    border-top-color: #3b82f6;
    border-radius: 50%;
    animation: pd-spin-b-hunsxowm8s 0.75s linear infinite;
}

@keyframes pd-spin-b-hunsxowm8s {
    to { transform: rotate(360deg); }
}

.pd-modal-empty[b-hunsxowm8s] {
    text-align: center;
    padding: 2.5rem 1rem;
    color: #6b7280;
    font-size: 0.9375rem;
}

.pd-m-section[b-hunsxowm8s] {
    margin-bottom: 1.5rem;
}

.pd-m-h3[b-hunsxowm8s] {
    margin: 0 0 0.75rem;
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
}

.pd-sum-grid[b-hunsxowm8s] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

@media (max-width: 520px) {
    .pd-sum-grid[b-hunsxowm8s] {
        grid-template-columns: 1fr;
    }
}

.pd-sum-card[b-hunsxowm8s] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.85rem 1rem;
}

.pd-sum-label[b-hunsxowm8s] {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    margin-bottom: 0.35rem;
}

.pd-sum-value[b-hunsxowm8s] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
}

.pd-notes-card[b-hunsxowm8s] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 1rem 1.1rem;
    font-size: 0.875rem;
    line-height: 1.55;
    color: #374151;
}

/* Vitals accordion (overview) */
.pd-accordion-trigger[b-hunsxowm8s] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    text-align: left;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pd-accordion-trigger:hover[b-hunsxowm8s] {
    border-color: #d1d5db;
}

.pd-accordion-icon-wrap[b-hunsxowm8s] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #dbeafe;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pd-accordion-title[b-hunsxowm8s] {
    flex: 1;
    font-weight: 700;
    font-size: 0.9375rem;
    color: #111827;
}

.pd-accordion-chevron[b-hunsxowm8s] {
    flex-shrink: 0;
    color: #9ca3af;
    transition: transform 0.2s ease;
}

.pd-accordion-trigger--open .pd-accordion-chevron[b-hunsxowm8s] {
    transform: rotate(180deg);
}

.pd-muted-inline[b-hunsxowm8s] {
    margin: 0.5rem 0 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.pd-vitals-mini-grid[b-hunsxowm8s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.5rem;
    margin-top: 0.75rem;
}

.pd-vitals-mini-card[b-hunsxowm8s] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.65rem 0.75rem;
}

.pd-vm-name[b-hunsxowm8s] {
    display: block;
    font-size: 0.6875rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.25rem;
}

.pd-vm-val[b-hunsxowm8s] {
    font-size: 0.9375rem;
    font-weight: 700;
    color: #0f172a;
}

.pd-vm-unit[b-hunsxowm8s] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
}

/* Last visit */
.pd-last-card[b-hunsxowm8s] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 1rem 1.1rem;
    background: #fff;
}

.pd-last-date[b-hunsxowm8s] {
    font-size: 1rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
}

.pd-last-notes[b-hunsxowm8s] {
    margin: 0 0 0.85rem;
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
}

.pd-med-heading[b-hunsxowm8s] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #374151;
    margin-bottom: 0.5rem;
}

.pd-med-list[b-hunsxowm8s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.pd-med-item[b-hunsxowm8s] {
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
}

.pd-med-name[b-hunsxowm8s] {
    display: block;
    font-weight: 700;
    font-size: 0.875rem;
    color: #111827;
}

.pd-med-dose[b-hunsxowm8s] {
    display: block;
    font-size: 0.8125rem;
    color: #6b7280;
    margin-top: 0.2rem;
}

/* History embed */
.pd-history-wrap[b-hunsxowm8s] {
    margin: -0.25rem 0 0;
}

/* Visits tab — row: visit info | centered med summary | actions (matches profile mock) */
.pd-visit-stack[b-hunsxowm8s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pd-visit-surface[b-hunsxowm8s] {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    padding: 1.15rem 1.35rem;
}

.pd-visit-top[b-hunsxowm8s] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    column-gap: 1.25rem;
    row-gap: 0.85rem;
}

.pd-visit-left[b-hunsxowm8s] {
    grid-column: 1;
    justify-self: start;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-width: 0;
}

.pd-visit-clip[b-hunsxowm8s] {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: #eff6ff;
    color: #2563eb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pd-visit-clip svg[b-hunsxowm8s] {
    stroke: #2563eb;
}

.pd-visit-title[b-hunsxowm8s] {
    font-weight: 700;
    font-size: 1rem;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.pd-visit-date-line[b-hunsxowm8s] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.25rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6b7280;
}

.pd-visit-date-line svg[b-hunsxowm8s] {
    flex-shrink: 0;
    color: #9ca3af;
}

.pd-visit-mid[b-hunsxowm8s] {
    grid-column: 2;
    justify-self: center;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #6b7280;
    white-space: nowrap;
    text-align: center;
}

.pd-visit-mid-ico[b-hunsxowm8s] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    flex-shrink: 0;
}

.pd-visit-mid-text[b-hunsxowm8s] {
    line-height: 1.3;
}

.pd-visit-actions[b-hunsxowm8s] {
    grid-column: 3;
    justify-self: end;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
}

.pd-btn-print[b-hunsxowm8s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #374151;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pd-btn-print:hover[b-hunsxowm8s] {
    background: #f9fafb;
    border-color: #d1d5db;
    color: #111827;
}

.pd-btn-edit-visit[b-hunsxowm8s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 38px;
    padding: 0.5rem 1.1rem;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #fff;
    background: #3b82f6;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 1px 2px rgba(37, 99, 235, 0.25);
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.pd-btn-edit-visit:hover[b-hunsxowm8s] {
    background: #2563eb;
    box-shadow: 0 2px 6px rgba(37, 99, 235, 0.35);
}

@media (max-width: 720px) {
    .pd-visit-top[b-hunsxowm8s] {
        grid-template-columns: 1fr;
        justify-items: stretch;
    }

    .pd-visit-left[b-hunsxowm8s] {
        grid-column: 1;
        justify-self: start;
    }

    .pd-visit-mid[b-hunsxowm8s] {
        grid-column: 1;
        justify-self: center;
        padding: 0.25rem 0;
    }

    .pd-visit-actions[b-hunsxowm8s] {
        grid-column: 1;
        justify-self: stretch;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

.pd-link-toggle[b-hunsxowm8s] {
    margin-top: 0.65rem;
    padding: 0;
    border: none;
    background: none;
    font-size: 0.8125rem;
    font-weight: 600;
    color: #2563eb;
    cursor: pointer;
    font-family: inherit;
    text-decoration: underline;
}

.pd-visit-extra[b-hunsxowm8s] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #f3f4f6;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pd-visit-block-title[b-hunsxowm8s] {
    margin: 0 0 0.5rem;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #9ca3af;
}

.pd-vitals-pills[b-hunsxowm8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.pd-vp[b-hunsxowm8s] {
    font-size: 0.8125rem;
    padding: 0.35rem 0.65rem;
    background: #f3f4f6;
    border-radius: 999px;
    color: #374151;
}

.pd-rx-block[b-hunsxowm8s] {
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    padding: 0.65rem 0.85rem;
    margin-bottom: 0.5rem;
    background: #fafafa;
}

.pd-rx-name2[b-hunsxowm8s] {
    font-weight: 700;
    font-size: 0.875rem;
    color: #111827;
}

.pd-rx-inst[b-hunsxowm8s] {
    font-size: 0.8125rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Vitals tab */
.pd-vitals-tab[b-hunsxowm8s] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pd-chip-row[b-hunsxowm8s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.pd-chip[b-hunsxowm8s] {
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #fff;
    font-size: 0.8125rem;
    font-weight: 500;
    color: #4b5563;
    cursor: pointer;
    font-family: inherit;
}

.pd-chip--on[b-hunsxowm8s] {
    border-color: #3b82f6;
    background: #eff6ff;
    color: #1d4ed8;
    font-weight: 600;
}

.pd-chart-card[b-hunsxowm8s] {
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 0.75rem;
    background: #fafafa;
}

.pd-spark[b-hunsxowm8s] {
    width: 100%;
    height: 100px;
    display: block;
}

.pd-vitals-table[b-hunsxowm8s] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.pd-vitals-table th[b-hunsxowm8s],
.pd-vitals-table td[b-hunsxowm8s] {
    padding: 0.65rem 0.5rem;
    text-align: left;
    border-bottom: 1px solid #f3f4f6;
}

.pd-vitals-table th[b-hunsxowm8s] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #9ca3af;
}

.pd-vu[b-hunsxowm8s] {
    font-size: 0.75rem;
    color: #9ca3af;
    margin-left: 0.25rem;
}

/* Footer */
.pd-modal-footer[b-hunsxowm8s] {
    padding: 1rem 1.5rem;
    border-top: 1px solid #e5e7eb;
    background: #fafafa;
    flex-shrink: 0;
}

.pd-footer-row[b-hunsxowm8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.pd-footer-edit[b-hunsxowm8s] {
    flex-shrink: 0;
    padding: 0.65rem 0.75rem;
    border: none;
    background: transparent;
    font-size: 0.875rem;
    font-weight: 600;
    color: #2563eb;
    cursor: pointer;
    font-family: inherit;
}

.pd-footer-edit:hover[b-hunsxowm8s] {
    text-decoration: underline;
}

.pd-new-visit-wide[b-hunsxowm8s] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 10px;
    background: #3b82f6;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 700;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s ease;
}

.pd-new-visit-wide:hover[b-hunsxowm8s] {
    background: #2563eb;
}
/* /Components/PharmaAdBanner.razor.rz.scp.css */
/* Section wrapper - matches DrugChecker features-section */
.pharma-ad-section[b-gsxvtg68is] {
  padding: 2rem 0;
  background: transparent;
  position: relative;
  z-index: 2;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.pharma-ad-banner[b-gsxvtg68is] {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 clamp(1.5rem, 10.14vw, 146px);
  gap: 1.5rem;
  min-height: 240px;
  background-color: transparent;
  border-radius: 0;
  perspective: 800px;
  overflow: hidden;
}

@media (min-width: 1440px) {
  .pharma-ad-banner[b-gsxvtg68is] {
    padding: 0;
    gap: 26.4px;
  }
}

.ad-card[b-gsxvtg68is] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 1.5rem 1.25rem;
  border: 2px solid rgba(73, 148, 255, 0.2);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05), 0 4px 15px rgba(73, 148, 255, 0.08);
  text-decoration: none;
  color: #333;
  overflow: hidden;
  cursor: pointer;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  min-width: 0;
  position: relative;
  transition: all 0.3s ease;
  min-height: 200px;
}

.ad-card:hover[b-gsxvtg68is] {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(73, 148, 255, 0.15);
  transform: translateY(-4px);
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(73, 148, 255, 0.35);
}

.ad-card img[b-gsxvtg68is] {
  height: clamp(120px, 12vw, 160px);
  width: auto;
  max-width: 100%;
  object-fit: contain;
  flex-shrink: 0;
}

.ad-label[b-gsxvtg68is] {
  font-size: clamp(0.9rem, 1.1vw, 1rem);
  font-weight: 600;
  line-height: 1.35;
  word-break: break-word;
  text-align: center;
  color: #1a237e;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ── Rotation animation classes ── */
.slide-in[b-gsxvtg68is] {
  transform: rotateY(0deg);
  opacity: 1;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

.rotate-out[b-gsxvtg68is] {
  transform: rotateY(90deg);
  opacity: 0;
  transition:
    transform 0.4s ease,
    opacity 0.3s ease;
}

.rotate-in-prep[b-gsxvtg68is] {
  transform: rotateY(-90deg);
  opacity: 0;
  transition: none;
}

.rotate-in[b-gsxvtg68is] {
  transform: rotateY(0deg);
  opacity: 1;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
}

/* ── Responsive breakpoints (match DrugChecker sections) ── */

@media (min-width: 1280px) and (max-width: 1366px) {
  .pharma-ad-banner[b-gsxvtg68is] {
    padding: 0 clamp(1.5rem, 8vw, 100px);
    gap: 1.75rem;
  }

  .ad-card[b-gsxvtg68is] {
    padding: 1.25rem;
    min-height: 180px;
  }

  .ad-card img[b-gsxvtg68is] {
    height: clamp(110px, 10vw, 140px);
  }

  .ad-label[b-gsxvtg68is] {
    font-size: 0.9rem;
  }
}

/* Large tablets / small desktops (≤ 1024px) */
@media (max-width: 1024px) {
  .pharma-ad-section[b-gsxvtg68is] {
    padding: 1.5rem 0;
  }

  .pharma-ad-banner[b-gsxvtg68is] {
    min-height: 200px;
    gap: 1rem;
    padding: 0 clamp(1.5rem, 5vw, 80px);
  }

  .ad-card[b-gsxvtg68is] {
    padding: 1.25rem 1rem;
    min-height: 180px;
    gap: 0.75rem;
  }

  .ad-card img[b-gsxvtg68is] {
    height: clamp(100px, 10vw, 130px);
  }

  .ad-label[b-gsxvtg68is] {
    font-size: 0.85rem;
  }
}

/* Tablets (≤ 768px) */
@media (max-width: 768px) {
  .pharma-ad-section[b-gsxvtg68is] {
    padding: 1rem 0;
  }

  .pharma-ad-banner[b-gsxvtg68is] {
    min-height: 180px;
    gap: 0.75rem;
    padding: 0 0.75rem;
  }

  .ad-card[b-gsxvtg68is] {
    padding: 1rem 0.75rem;
    min-height: 160px;
    gap: 0.5rem;
    border-radius: 12px;
  }

  .ad-card img[b-gsxvtg68is] {
    height: clamp(80px, 12vw, 110px);
  }

  .ad-label[b-gsxvtg68is] {
    font-size: 0.8rem;
    -webkit-line-clamp: 2;
  }
}

/* Large phones (≤ 576px) */
@media (max-width: 576px) {
  .pharma-ad-section[b-gsxvtg68is] {
    padding: 0.75rem 0;
  }

  .pharma-ad-banner[b-gsxvtg68is] {
    min-height: 160px;
    gap: 0.5rem;
    padding: 0 0.5rem;
  }

  .ad-card[b-gsxvtg68is] {
    padding: 0.75rem 0.5rem;
    min-height: 140px;
    gap: 0.5rem;
    border-radius: 12px;
  }

  .ad-card img[b-gsxvtg68is] {
    height: clamp(70px, 14vw, 95px);
  }

  .ad-label[b-gsxvtg68is] {
    font-size: 0.75rem;
    text-align: center;
    -webkit-line-clamp: 2;
  }
}

/* Small phones (≤ 380px) */
@media (max-width: 380px) {
  .pharma-ad-section[b-gsxvtg68is] {
    padding: 0.5rem 0;
  }

  .pharma-ad-banner[b-gsxvtg68is] {
    min-height: 140px;
    gap: 0.375rem;
    padding: 0 0.25rem;
  }

  .ad-card[b-gsxvtg68is] {
    padding: 0.5rem 0.375rem;
    min-height: 120px;
    gap: 0.375rem;
    border-radius: 10px;
  }

  .ad-card img[b-gsxvtg68is] {
    height: clamp(55px, 12vw, 75px);
  }

  .ad-label[b-gsxvtg68is] {
    font-size: 0.7rem;
    -webkit-line-clamp: 1;
  }
}
/* /Components/PharmaAdMedia.razor.rz.scp.css */
.pharma-ad-media[b-dm5ghchmr9] {
  display: flex;
  flex: 1 1 0;
  width: 100%;
  min-height: 0;
  border-radius: 8px;
  overflow: hidden;
}

.pharma-ad-media--image[b-dm5ghchmr9] {
  align-items: center;
  justify-content: center;
}

.pharma-ad-media--image img[b-dm5ghchmr9] {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  border-radius: inherit;
}

.pharma-ad-media--reel[b-dm5ghchmr9] {
  aspect-ratio: 9 / 16;
  background: #050505;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

.pharma-ad-media--reel iframe[b-dm5ghchmr9] {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: inherit;
  pointer-events: none;
}
/* /Components/PrescriptionPrint.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   PrescriptionPrint.razor.css  — matches SmartRx PrescTemplate layout
   ═══════════════════════════════════════════════════════════════════ */

.pp-print-root[b-oxzn8j87gb] {
    position: fixed;
    inset: 0;
    z-index: 9995;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    font-family: "Inter", system-ui, -apple-system, sans-serif;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.pp-print-backdrop[b-oxzn8j87gb] {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    backdrop-filter: blur(2px);
}

.prescription-main-container[b-oxzn8j87gb] {
    position: relative;
    display: grid;
    margin: 0 auto;
    align-self: stretch;
    width: min(100%, 1280px);
    background: #f8fafc;
    grid-template-columns: minmax(240px, 26%) 1fr;
    gap: 1.25rem 1.75rem;
    overflow: hidden;
    max-height: 100vh;
    max-height: 100dvh;
    min-height: 0;
    padding: 1rem 1.25rem 1.25rem;
    color: #0f172a;
    z-index: 1;
    box-shadow: -12px 0 40px rgba(0, 0, 0, 0.12);
    border-left: 1px solid #e2e8f0;
}

/* Scroll prescription preview here so toolbar stays in view on desktop */
.pp-print-body[b-oxzn8j87gb] {
    min-width: 0;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.header-container[b-oxzn8j87gb] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.35rem 0.15rem 1rem 0;
    flex-shrink: 0;
    overflow: visible;
}

.pp-print-toolbar-head[b-oxzn8j87gb] {
    padding-bottom: 0.35rem;
    border-bottom: 1px solid #e2e8f0;
    margin-bottom: 0.15rem;
}

.pp-print-title[b-oxzn8j87gb] {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
}

.pp-print-sub[b-oxzn8j87gb] {
    margin: 0.25rem 0 0;
    font-size: 0.75rem;
    color: #64748b;
    line-height: 1.4;
}

.pp-print-btn[b-oxzn8j87gb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.5rem 0.85rem;
    border-radius: 10px;
    font-size: 0.8125rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.pp-print-btn--ghost[b-oxzn8j87gb] {
    background: transparent;
    color: #64748b;
    border-color: #e2e8f0;
}

.pp-print-btn--ghost:hover[b-oxzn8j87gb] {
    background: #f1f5f9;
    color: #0f172a;
}

.pp-print-btn--outline[b-oxzn8j87gb] {
    background: #fff;
    color: #334155;
    border-color: #cbd5e1;
}

.pp-print-btn--outline:hover[b-oxzn8j87gb] {
    border-color: #94a3b8;
    background: #f8fafc;
}

.pp-print-btn--secondary[b-oxzn8j87gb] {
    background: #fff;
    color: #1e40af;
    border-color: #bfdbfe;
}

.pp-print-btn--secondary:hover[b-oxzn8j87gb] {
    background: #eff6ff;
}

.pp-print-btn--accent[b-oxzn8j87gb] {
    background: #fff7ed;
    color: #c2410c;
    border-color: #fed7aa;
}

.pp-print-btn--accent:hover[b-oxzn8j87gb] {
    background: #ffedd5;
}

.pp-print-btn--primary[b-oxzn8j87gb] {
    background: #2563eb;
    color: #fff;
    border-color: #2563eb;
}

.pp-print-btn--primary:hover[b-oxzn8j87gb] {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

.btn-container[b-oxzn8j87gb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.btn-container .pp-print-btn--primary[b-oxzn8j87gb] {
    grid-column: 1 / -1;
}

.blue-btn[b-oxzn8j87gb] {
    background: #3463eb;
    color: white;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
}

.blue-btn:hover[b-oxzn8j87gb] { background: #2451c9; }

.use-template-container[b-oxzn8j87gb] {
    display: flex;
    flex-direction: row;
    font-size: 14px;
    align-items: center;
    gap: 8px;
}

.options-div[b-oxzn8j87gb] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.65rem 0.75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
}

.options-div label:not(.switch)[b-oxzn8j87gb] {
    font-size: 0.8125rem;
    color: #475569;
    font-weight: 500;
}

.settings[b-oxzn8j87gb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0.75rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    margin-top: 0.25rem;
}

.font-size-container[b-oxzn8j87gb],
.first-line-container[b-oxzn8j87gb],
.inter-space-container[b-oxzn8j87gb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    flex-wrap: wrap;
}

.spacing-adjustments[b-oxzn8j87gb] {
    display: flex;
    flex-direction: column;
}

.font-decrease[b-oxzn8j87gb],
.font-increase[b-oxzn8j87gb],
.firstline-decrease[b-oxzn8j87gb],
.firstline-increase[b-oxzn8j87gb],
.interspace-decrease[b-oxzn8j87gb],
.interspace-increase[b-oxzn8j87gb] {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 123, 255, 0.08);
    border: 1px dashed #007bff;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 700;
    color: #3463eb;
    user-select: none;
    flex-shrink: 0;
}

.font-decrease:hover[b-oxzn8j87gb],
.font-increase:hover[b-oxzn8j87gb],
.firstline-decrease:hover[b-oxzn8j87gb],
.firstline-increase:hover[b-oxzn8j87gb],
.interspace-decrease:hover[b-oxzn8j87gb],
.interspace-increase:hover[b-oxzn8j87gb] {
    background: rgba(0, 123, 255, 0.18);
}

.font-value[b-oxzn8j87gb],
.firstline-value[b-oxzn8j87gb],
.interspace-value[b-oxzn8j87gb] {
    min-width: 44px;
    text-align: center;
    font-size: 13px;
}

/* ── Toggle switch ─────────────────────────────────────────────── */
.switch[b-oxzn8j87gb] {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    flex-shrink: 0;
}

.switch input[b-oxzn8j87gb] { opacity: 0; width: 0; height: 0; }

.slider[b-oxzn8j87gb] {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc;
    border-radius: 20px;
    transition: 0.3s;
}

.slider[b-oxzn8j87gb]::before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    border-radius: 50%;
    transition: 0.3s;
}

.switch input:checked + .slider[b-oxzn8j87gb] { background-color: #3463eb; }
.switch input:checked + .slider[b-oxzn8j87gb]::before { transform: translateX(16px); }

/* ── Loading ───────────────────────────────────────────────────── */
.pp-loading[b-oxzn8j87gb] {
    padding: 60px;
    text-align: center;
    color: #3463eb;
    font-size: 0.95rem;
}

/* ── Prescription canvas ───────────────────────────────────────── */
.prescription-inner-container[b-oxzn8j87gb] {
    position: relative;
    width: 148mm;
}

.prescription-image[b-oxzn8j87gb],
.prescription-image img[b-oxzn8j87gb] {
    width: 148mm;
    user-select: none;
    display: block;
}

.hide-image img[b-oxzn8j87gb] {
    opacity: 0;
}

.resize-container[b-oxzn8j87gb] {
    position: absolute;
    top: 0;
    left: 0;
}

.prescription-extra-layer[b-oxzn8j87gb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 148mm;
    pointer-events: none;
    font-size: 0.85rem;
    color: #1e293b;
}

/* ── Viewport wrapper (JS sets transform:scale for mobile) ─────── */
.pp-rx-viewport[b-oxzn8j87gb] {
    display: block;
    margin: 0 auto;
}

/* ════════════════════════════════════════════════════════════════
   Responsive – tablets & small desktops  (≤ 960 px)
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
    .prescription-main-container[b-oxzn8j87gb] {
        grid-template-columns: 1fr;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        max-height: 100dvh;
        margin: 0;
        align-self: stretch;
        border-left: none;
        box-shadow: none;
        gap: 0;
        padding: 0;
        overflow: hidden; /* children scroll independently */
    }

    /* Toolbar: fixed height, scrollable when settings are open */
    .header-container[b-oxzn8j87gb] {
        flex: 0 0 auto;
        max-height: 52vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: max(0.75rem, env(safe-area-inset-top, 0.75rem)) 0.9rem 0.85rem
                 max(0.75rem, env(safe-area-inset-left, 0.75rem));
        border-bottom: 2px solid #e2e8f0;
        position: relative; /* anchor for close btn */
        gap: 0.7rem;
    }

    /* Close button anchored top-right so title + sub are never covered */
    .header-container > .pp-print-btn--ghost[b-oxzn8j87gb] {
        position: absolute;
        top: max(0.65rem, env(safe-area-inset-top, 0.65rem));
        right: max(0.65rem, env(safe-area-inset-right, 0.65rem));
        padding: 0.3rem 0.6rem;
        min-height: 36px;
        z-index: 2;
    }

    /* Leave space so title doesn't slide under the close button */
    .pp-print-toolbar-head[b-oxzn8j87gb] {
        padding-right: 4.5rem;
        border-bottom: none;
        margin-bottom: 0.1rem;
        padding-bottom: 0;
    }

    /* Prescription body: takes remaining height, scrolls */
    .pp-print-body[b-oxzn8j87gb] {
        flex: 1 1 auto;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 0.75rem max(0.75rem, env(safe-area-inset-right, 0.75rem))
                 max(1rem, env(safe-area-inset-bottom, 1rem))
                 max(0.75rem, env(safe-area-inset-left, 0.75rem));
        display: flex;
        flex-direction: column;
        align-items: center;   /* centre prescription horizontally */
        justify-content: flex-start;
    }

    .pp-loading[b-oxzn8j87gb] {
        padding: 2.5rem 1rem;
    }

    .btn-container[b-oxzn8j87gb] {
        grid-template-columns: 1fr 1fr;
    }

    .pp-print-btn[b-oxzn8j87gb] {
        min-height: 44px;
        padding: 0.5rem 0.65rem;
        font-size: 0.8125rem;
    }
}

/* ════════════════════════════════════════════════════════════════
   Mobile phones  (≤ 640 px)
   ════════════════════════════════════════════════════════════════ */
@media (max-width: 640px) {
    .header-container[b-oxzn8j87gb] {
        max-height: 48vh;
        padding: max(0.65rem, env(safe-area-inset-top, 0.65rem)) 0.75rem 0.75rem
                 max(0.75rem, env(safe-area-inset-left, 0.75rem));
        gap: 0.55rem;
    }

    .pp-print-title[b-oxzn8j87gb] {
        font-size: 0.9375rem;
    }

    .pp-print-sub[b-oxzn8j87gb] {
        font-size: 0.6875rem;
    }

    /* Buttons: 2-up grid, Print spans full width */
    .btn-container[b-oxzn8j87gb] {
        grid-template-columns: 1fr 1fr;
        gap: 0.4rem;
    }

    .pp-print-btn[b-oxzn8j87gb] {
        font-size: 0.75rem;
        padding: 0.45rem 0.5rem;
        min-height: 42px;
    }

    .options-div[b-oxzn8j87gb] {
        padding: 0.5rem 0.65rem;
    }

    .options-div label:not(.switch)[b-oxzn8j87gb] {
        font-size: 0.75rem;
    }

    .settings[b-oxzn8j87gb] {
        gap: 8px;
        padding: 0.65rem 0.6rem;
    }

    .font-size-container[b-oxzn8j87gb],
    .first-line-container[b-oxzn8j87gb],
    .inter-space-container[b-oxzn8j87gb] {
        font-size: 12px;
        gap: 5px;
    }

    .font-decrease[b-oxzn8j87gb],
    .font-increase[b-oxzn8j87gb],
    .firstline-decrease[b-oxzn8j87gb],
    .firstline-increase[b-oxzn8j87gb],
    .interspace-decrease[b-oxzn8j87gb],
    .interspace-increase[b-oxzn8j87gb] {
        width: 30px;
        height: 30px;
    }
}

/* ── Print (fallback when window.open is blocked, e.g. iOS Safari) ─ */
@media print {
    /* Explicit A5 portrait so browsers don't fall back to printer-default A4 */
    @page { size: 148mm 210mm portrait; margin: 0; }

    .pp-print-backdrop[b-oxzn8j87gb] { display: none !important; }

    .pp-print-root[b-oxzn8j87gb] {
        padding: 0;
        background: #fff;
        position: static;
        inset: auto;
        overscroll-behavior: auto;
    }

    /* Fill the page with just the prescription */
    .prescription-main-container[b-oxzn8j87gb] {
        display: block;
        position: static;
        width: 148mm;
        max-width: 148mm;
        margin: 0;
        padding: 0;
        gap: 0;
        background: #fff;
        box-shadow: none;
        border: none;
        max-height: none;
        overflow: visible;
    }

    /* Hide the entire sidebar / toolbar */
    .header-container[b-oxzn8j87gb] { display: none !important; }

    .pp-print-body[b-oxzn8j87gb] {
        display: block !important;
        padding: 0 !important;
        overflow: visible !important;
        width: 148mm !important;
        max-width: 148mm !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
    }

    /* Strip the mobile scale transform — print at the natural 148 mm width */
    .pp-rx-viewport[b-oxzn8j87gb] {
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
        transform: none !important;
        margin: 0 !important;
    }

    #prescription-print-area[b-oxzn8j87gb] {
        transform: none !important;
        transform-origin: top left !important;
    }

    /* Hide resize handles and remove debug borders from the drug area */
    .resize-handle[b-oxzn8j87gb] { display: none !important; }
    .resizable-div1[b-oxzn8j87gb], .resizable-div2[b-oxzn8j87gb] { border: none !important; }
    .adjustable-area[b-oxzn8j87gb] { border: none !important; background: transparent !important; }

    .hide-image img[b-oxzn8j87gb] { opacity: 0; }
}
/* /Components/PrescriptionResizableComp.razor.rz.scp.css */
/* Exact port of SmartRx PrescriptionResizableComp.razor.css */

.resizable-div1[b-ehfh8b17x8], .resizable-div2[b-ehfh8b17x8] {
    position: absolute;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

#resizable1[b-ehfh8b17x8] {
    z-index: 2;
}

.resize-handle[b-ehfh8b17x8] {
    position: absolute;
    background-color: #007bff;
    z-index: 5;
}

.resize-handle.right[b-ehfh8b17x8] {
    right: 0;
    top: 0;
    width: 5px;
    height: 100%;
    cursor: ew-resize;
}

.resize-handle.bottom[b-ehfh8b17x8] {
    bottom: 0;
    width: 100%;
    height: 5px;
    cursor: ns-resize;
}

.adjustable-area[b-ehfh8b17x8] {
    position: absolute;
    background-color: rgba(0, 123, 255, 0.05);
    border: 1px dashed #007bff;
}

.prescription-ar[b-ehfh8b17x8] {
    white-space: pre-line;
}

@media print {
    .adjustable-area[b-ehfh8b17x8] {
        background-color: rgba(0, 123, 255, 0);
        opacity: 1;
        border: none;
    }

    .resize-handle[b-ehfh8b17x8] {
        display: none;
    }

    .resizable-div1[b-ehfh8b17x8], .resizable-div2[b-ehfh8b17x8] {
        border: none;
    }
}
/* /Components/PricingContent.razor.rz.scp.css */
.pricing-page[b-2tepexzmbr] {
  min-height: 100vh;
  font-family:
    "Montserrat",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  background: transparent;
  position: relative;
  padding: 2rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

/* Hero Section */
.pricing-hero[b-2tepexzmbr] {
  text-align: center;
  padding: 2rem 2rem 3rem;
  max-width: 1200px;
  margin: 0 auto;
}

.pricing-hero-title[b-2tepexzmbr] {
  font-size: 52px;
  font-weight: 700;
  color: #4994ff;
  margin: 0 auto 1rem auto;
  line-height: 1.2;
  max-width: 700px;
}

.pricing-hero-subtitle[b-2tepexzmbr] {
  font-size: 18px;
  color: #000000;
  margin: 0 auto;
  font-weight: 400;
  max-width: 700px;
}

/* Pricing Plans Section */
.pricing-plans-section[b-2tepexzmbr] {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 2rem;
}

.pricing-toggle-container[b-2tepexzmbr] {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-bottom: 3rem;
  background: #f3f4f6;
  border-radius: 12px;
  padding: 4px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.pricing-toggle[b-2tepexzmbr] {
  padding: 0.75rem 2rem;
  border: none;
  background: transparent;
  color: #4994ff;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.3s ease;
  font-family: "Montserrat", sans-serif;
}

.pricing-toggle.active[b-2tepexzmbr] {
  background: #4994ff;
  color: white;
}

.pricing-cards-container[b-2tepexzmbr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 2rem;
  margin-top: 2rem;
  align-items: stretch;
  justify-items: center;
}

.pricing-card[b-2tepexzmbr] {
  background: transparent;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border: 1.5px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  padding: 2rem 1rem 1rem 2rem;
  padding-bottom: 5.5rem;
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
  max-width: 302px;
  min-height: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    0 2px 8px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pricing-card:hover[b-2tepexzmbr] {
  transform: translateY(-4px);
  border-color: #4994ff;
  border-width: 1.5px;
  box-shadow:
    0 12px 40px rgba(73, 148, 255, 0.15),
    0 4px 12px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pricing-card.featured[b-2tepexzmbr] {
  border: 1.5px solid rgba(255, 255, 255, 0.3);
}

.pricing-card.featured:hover[b-2tepexzmbr] {
  transform: translateY(-4px);
  border-color: #4994ff;
  border-width: 1.5px;
  box-shadow:
    0 12px 40px rgba(73, 148, 255, 0.15),
    0 4px 12px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.pricing-card-title-row[b-2tepexzmbr] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  min-width: 0;
}

.popular-badge[b-2tepexzmbr] {
  background: #4994ff;
  color: white;
  padding: 0.25rem 0.75rem;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  height: fit-content;
}

.popular-badge-placeholder[b-2tepexzmbr] {
  width: auto;
  height: auto;
  visibility: hidden;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
}

.pricing-card-header[b-2tepexzmbr] {
  margin-bottom: 0.5rem;
}

.pricing-card-title[b-2tepexzmbr] {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  line-height: 28px;
  min-width: 0;
}

.pricing-card-subtitle[b-2tepexzmbr] {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
  line-height: 20px;
  margin-top: 0.5rem;
}

.pricing-card-price[b-2tepexzmbr] {
  margin-bottom: 1.5rem;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
  min-width: 0;
}

.price-content[b-2tepexzmbr] {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}

.price-currency[b-2tepexzmbr] {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
  line-height: 40px;
  display: inline-flex;
  align-items: center;
}

.price-currency img[b-2tepexzmbr] {
  width: 1em;
  height: 1em;
  object-fit: contain;
}

.save-badge[b-2tepexzmbr] {
  background-color: rgba(255, 176, 80, 0.1);
  color: #ffb050;
  padding: 0.25rem 0.75rem;
  border-radius: 5px;
  font-size: 0.75rem;
  font-weight: 400;
  width: fit-content;
  white-space: nowrap;
}

.price-amount[b-2tepexzmbr] {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
  line-height: 40px;
}

.price-amount.custom-pricing[b-2tepexzmbr] {
  font-size: 24px;
  line-height: 40px;
}

.price-period[b-2tepexzmbr] {
  font-size: 14px;
  color: #6b7280;
  line-height: 20px;
}

.pricing-features[b-2tepexzmbr] {
  list-style: none;
  padding: 0;
  margin: 0 0 auto 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1 1 auto;
  min-height: 0;
}

.pricing-feature[b-2tepexzmbr] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  font-size: 14px;
  color: #000000;
}

.check-icon[b-2tepexzmbr] {
  flex-shrink: 0;
  margin-top: 2px;
}

.pricing-card-button[b-2tepexzmbr] {
  width: 242px;
  height: 50px;
  border-radius: 10px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Montserrat", sans-serif;
  border: 1.5px solid #d1d5dc;
  background: transparent;
  color: #111827;
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-card-button:hover[b-2tepexzmbr] {
  background: #4994ff;
  color: white;
  border-color: #4994ff;
}

.pricing-card-button.primary[b-2tepexzmbr] {
  background: transparent;
  color: #111827;
  border-color: #d1d5dc;
}

.pricing-card-button.primary:hover[b-2tepexzmbr] {
  background: #4994ff;
  color: white;
  border-color: #4994ff;
}

.pricing-card-button.outline[b-2tepexzmbr] {
  background: transparent;
  color: #111827;
  border-color: #d1d5dc;
}

.pricing-card-button.outline:hover[b-2tepexzmbr] {
  background: #4994ff;
  color: white;
  border-color: #4994ff;
}

/* Trusted Section */
.trusted-section[b-2tepexzmbr] {
  padding: 3rem 2rem;
  max-width: 1400px;
  margin: 0 auto;
}

.trusted-container[b-2tepexzmbr] {
  background: transparent;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 3rem 2rem;
  text-align: center;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.1),
    0 2px 8px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
  transition: all 0.3s ease;
}

.trusted-container:hover[b-2tepexzmbr] {
  transform: translateY(-2px);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.12),
    0 4px 12px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.trusted-title[b-2tepexzmbr] {
  font-size: 24px;
  font-weight: 700;
  color: #4994ff;
  margin: 0 auto 1rem auto;
  max-width: 390px;
  line-height: 32px;
}

.trusted-subtitle[b-2tepexzmbr] {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0 auto 2rem auto;
  font-weight: 400;
}

.partners-grid[b-2tepexzmbr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 2rem;
  max-width: 800px;
  margin: 0 auto;
  justify-items: center;
}

.partner-item[b-2tepexzmbr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.partner-logo[b-2tepexzmbr] {
  background: #d1d5dc;
  border-radius: 4px;
  width: 80px;
  height: 48px;
  font-size: 24px;
  font-weight: 700;
  color: #99a1af;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 32px;
}

.partner-text[b-2tepexzmbr] {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #99a1af;
  margin: 0;
}

/* CTA Section */
.pricing-cta-section[b-2tepexzmbr] {
  text-align: center;
  padding: 4rem 2rem;
  max-width: 800px;
  margin: 0 auto;
}

.cta-title[b-2tepexzmbr] {
  font-size: 64px;
  font-weight: 700;
  color: #1a73e8;
  margin: 0 auto 1rem auto;
  line-height: 70px;
  max-width: 670px;
  text-align: center;
}

.cta-subtitle[b-2tepexzmbr] {
  font-size: 15px;
  line-height: 32px;
  color: #4d4d4d;
  margin: 0 auto 2rem auto;
  max-width: 400px;
  text-align: center;
}

.cta-button[b-2tepexzmbr] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #f3f4f6;
  border: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.3s ease;
}

.cta-button:hover[b-2tepexzmbr] {
  background: #e5e7eb;
  color: #1a73e8;
}

/* Medium screens: fit all 4 cards in one row (dashboard + public pricing) */
@media (min-width: 769px) and (max-width: 1279px) {
  .pricing-cards-container[b-2tepexzmbr] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }

  .pricing-card[b-2tepexzmbr] {
    max-width: none;
    padding: 1.25rem 0.75rem 4rem;
  }
}

/* 1024×768 and similar: four columns are too cramped — use a 2×2 grid */
@media (min-width: 769px) and (max-width: 1024px) {
  .pricing-cards-container[b-2tepexzmbr] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
}

@media (min-width: 1280px) and (max-width: 1366px) {
  .pricing-page[b-2tepexzmbr] {
    padding: 2rem 1.5rem;
  }

  .pricing-hero[b-2tepexzmbr] {
    padding: 3rem 1.5rem 2.5rem;
  }

  .pricing-hero-title[b-2tepexzmbr] {
    font-size: 36px;
    line-height: 44px;
  }

  .pricing-hero-subtitle[b-2tepexzmbr] {
    font-size: 17px;
  }

  .pricing-plans-section[b-2tepexzmbr] {
    padding: 0 1rem;
  }

  .pricing-cards-container[b-2tepexzmbr] {
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
  }

  .pricing-card[b-2tepexzmbr] {
    width: 100%;
    max-width: 320px;
    padding: 1.5rem 1.25rem 3rem;
  }

  .pricing-card-title[b-2tepexzmbr] {
    font-size: 18px;
  }

  .pricing-card-subtitle[b-2tepexzmbr] {
    font-size: 13px;
  }

  .price-currency[b-2tepexzmbr] {
    font-size: 22px;
  }

  .price-amount[b-2tepexzmbr] {
    font-size: 32px;
  }

  .price-period[b-2tepexzmbr] {
    font-size: 14px;
  }

  .pricing-features[b-2tepexzmbr] {
    gap: 0.625rem;
  }

  .pricing-feature[b-2tepexzmbr] {
    font-size: 14px;
  }

  .trusted-section[b-2tepexzmbr] {
    padding: 2rem 1.5rem;
  }

  .trusted-container[b-2tepexzmbr] {
    padding: 2rem 1.5rem;
  }

  .trusted-title[b-2tepexzmbr] {
    font-size: 24px;
    line-height: 32px;
  }

  .trusted-subtitle[b-2tepexzmbr] {
    font-size: 15px;
  }

  .partners-grid[b-2tepexzmbr] {
    gap: 1.5rem;
  }
}

@media (max-height: 800px) and (min-width: 769px) {
  .pricing-page[b-2tepexzmbr] {
    padding: 1rem 1.5rem;
  }

  .pricing-hero[b-2tepexzmbr] {
    padding: 1.25rem 1.5rem 1.5rem;
  }

  .pricing-plans-section[b-2tepexzmbr] {
    padding: 1.5rem 1rem;
  }

  .pricing-cta-section[b-2tepexzmbr] {
    padding: 2rem 1.5rem;
  }

  .cta-title[b-2tepexzmbr] {
    font-size: clamp(28px, 4vw, 52px);
    line-height: 1.15;
  }
}

.price-currency[b-2tepexzmbr] {
  width: 50px;
}

@media (max-width: 768px) {
  .pricing-page[b-2tepexzmbr] {
    padding: 1rem 0.75rem;
    min-height: auto;
  }

  .pricing-hero[b-2tepexzmbr] {
    padding: 1.5rem 1rem;
    margin-bottom: 1.5rem;
  }

  .pricing-hero-title[b-2tepexzmbr] {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 0.5rem;
  }

  .pricing-hero-subtitle[b-2tepexzmbr] {
    font-size: 12px;
    line-height: 1.4;
  }

  .pricing-plans-section[b-2tepexzmbr] {
    padding: 0 0.5rem;
  }

  .pricing-toggle-container[b-2tepexzmbr] {
    width: 100%;
    max-width: 280px;
    margin: 0 auto 1.5rem;
    margin-bottom: 1.5rem;
  }

  .pricing-toggle[b-2tepexzmbr] {
    flex: 1;
    padding: 0.625rem 1.5rem;
    font-size: 0.875rem;
  }

  .pricing-cards-container[b-2tepexzmbr] {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1rem;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    box-sizing: border-box;
  }

  .pricing-card[b-2tepexzmbr] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: auto;
    padding: 1rem 0.75rem 3.5rem 1rem;
    overflow: hidden;
    box-sizing: border-box;
  }

  .pricing-card-header[b-2tepexzmbr] {
    margin-bottom: 0.5rem;
    min-height: auto;
    min-width: 0;
  }

  .pricing-card-title-row[b-2tepexzmbr] {
    min-height: auto;
    margin-bottom: 0.25rem;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-width: 0;
  }

  .pricing-card-title[b-2tepexzmbr] {
    font-size: 1rem;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pricing-card-subtitle[b-2tepexzmbr] {
    font-size: 0.75rem;
    margin-top: 0.25rem;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .popular-badge[b-2tepexzmbr] {
    padding: 0.15rem 0.4rem;
    font-size: 0.6rem;
    flex-shrink: 0;
    max-width: 100%;
  }

  .popular-badge-placeholder[b-2tepexzmbr] {
    padding: 0.15rem 0.4rem;
    font-size: 0.6rem;
  }

  .pricing-card-price[b-2tepexzmbr] {
    margin-bottom: 0.75rem;
    min-height: auto;
    flex-wrap: wrap;
    gap: 0.5rem;
    min-width: 0;
  }

  .price-content[b-2tepexzmbr] {
    flex-wrap: wrap;
    min-width: 0;
    flex: 1 1 auto;
  }

  .price-currency[b-2tepexzmbr] {
    font-size: 18px;
    line-height: 22px;
    flex-shrink: 0;
  }

  .price-amount[b-2tepexzmbr] {
    font-size: 18px;
    line-height: 22px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .price-amount.custom-pricing[b-2tepexzmbr] {
    font-size: 14px;
    line-height: 20px;
  }

  .price-period[b-2tepexzmbr] {
    font-size: 10px;
    line-height: 14px;
    flex-shrink: 0;
  }

  .save-badge[b-2tepexzmbr] {
    padding: 0.15rem 0.4rem;
    font-size: 0.6rem;
    margin-top: 0;
    flex-shrink: 0;
  }

  .pricing-features[b-2tepexzmbr] {
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex: 0 1 auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
  }

  .pricing-feature[b-2tepexzmbr] {
    font-size: 0.75rem;
    gap: 0.5rem;
    line-height: 1.4;
    min-width: 0;
  }

  .pricing-feature span[b-2tepexzmbr] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0;
  }

  .check-icon[b-2tepexzmbr] {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    flex-shrink: 0;
  }

  .pricing-card-button[b-2tepexzmbr] {
    width: calc(100% - 1.5rem);
    max-width: calc(100% - 1.5rem);
    height: 36px;
    font-size: 0.8rem;
    bottom: 0.75rem;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
  }

  .trusted-section[b-2tepexzmbr] {
    padding: 1.5rem 0.75rem;
  }

  .trusted-container[b-2tepexzmbr] {
    padding: 1.5rem 1rem;
  }

  .trusted-title[b-2tepexzmbr] {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 0.5rem;
  }

  .trusted-subtitle[b-2tepexzmbr] {
    font-size: 11px;
    margin-bottom: 1.5rem;
  }

  .partners-grid[b-2tepexzmbr] {
    gap: 1rem;
  }

  .partner-logo[b-2tepexzmbr] {
    width: 60px;
    height: 36px;
    font-size: 18px;
  }

  .partner-text[b-2tepexzmbr] {
    font-size: 10px;
  }

  .pricing-cta-section[b-2tepexzmbr] {
    padding: 2rem 1rem;
  }

  .cta-title[b-2tepexzmbr] {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 0.75rem;
  }

  .cta-subtitle[b-2tepexzmbr] {
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 1.5rem;
  }

  .cta-button[b-2tepexzmbr] {
    width: 40px;
    height: 40px;
  }

  .cta-button svg[b-2tepexzmbr] {
    width: 18px;
    height: 18px;
  }
}

/* Small mobile devices (480px and below) */
@media (max-width: 480px) {
  .pricing-page[b-2tepexzmbr] {
    padding: 0.75rem 0.5rem;
  }

  .pricing-hero[b-2tepexzmbr] {
    padding: 1rem 0.5rem;
    margin-bottom: 1rem;
  }

  .pricing-hero-title[b-2tepexzmbr] {
    font-size: 18px;
    line-height: 1.25;
    margin-bottom: 0.5rem;
  }

  .pricing-hero-subtitle[b-2tepexzmbr] {
    font-size: 11px;
    line-height: 1.3;
  }

  .pricing-plans-section[b-2tepexzmbr] {
    padding: 0.5rem 0;
  }

  .pricing-toggle-container[b-2tepexzmbr] {
    width: calc(100% - 1rem);
    max-width: 100%;
    margin: 0 auto 1rem;
    padding: 3px;
    gap: 0;
  }

  .pricing-toggle[b-2tepexzmbr] {
    flex: 1;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
  }

  .pricing-cards-container[b-2tepexzmbr] {
    grid-template-columns: 1fr;
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding: 0 0.5rem;
    box-sizing: border-box;
  }

  .pricing-card[b-2tepexzmbr] {
    width: 100%;
    min-width: 0;
    height: auto;
    padding: 0.75rem 0.5rem 3rem 0.75rem;
    border-radius: 12px;
    overflow: hidden;
    box-sizing: border-box;
  }

  .pricing-card-header[b-2tepexzmbr] {
    margin-bottom: 0.25rem;
    min-width: 0;
  }

  .pricing-card-title-row[b-2tepexzmbr] {
    gap: 0.25rem;
    margin-bottom: 0.15rem;
    flex-wrap: wrap;
    min-width: 0;
  }

  .pricing-card-title[b-2tepexzmbr] {
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .pricing-card-subtitle[b-2tepexzmbr] {
    font-size: 0.7rem;
    margin-top: 0.15rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .popular-badge[b-2tepexzmbr] {
    padding: 0.1rem 0.3rem;
    font-size: 0.55rem;
    font-weight: 500;
    flex-shrink: 0;
  }

  .popular-badge-placeholder[b-2tepexzmbr] {
    padding: 0.1rem 0.3rem;
    font-size: 0.55rem;
  }

  .pricing-card-price[b-2tepexzmbr] {
    margin-bottom: 0.5rem;
    gap: 0.25rem;
    flex-wrap: wrap;
    min-width: 0;
  }

  .price-content[b-2tepexzmbr] {
    gap: 0.15rem;
    min-width: 0;
    flex: 1 1 auto;
  }

  .price-currency[b-2tepexzmbr] {
    font-size: 16px;
    line-height: 18px;
    width: auto;
    flex-shrink: 0;
  }

  .price-amount[b-2tepexzmbr] {
    font-size: 16px;
    line-height: 18px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .price-amount.custom-pricing[b-2tepexzmbr] {
    font-size: 13px;
  }

  .price-period[b-2tepexzmbr] {
    font-size: 9px;
    line-height: 12px;
    flex-shrink: 0;
  }

  .save-badge[b-2tepexzmbr] {
    padding: 0.1rem 0.3rem;
    font-size: 0.55rem;
    margin-top: 0;
    flex-shrink: 0;
  }

  .pricing-features[b-2tepexzmbr] {
    gap: 0.4rem;
    margin-bottom: 0.75rem;
    min-width: 0;
    overflow: hidden;
  }

  .pricing-feature[b-2tepexzmbr] {
    font-size: 0.7rem;
    gap: 0.4rem;
    line-height: 1.3;
    min-width: 0;
  }

  .pricing-feature span[b-2tepexzmbr] {
    word-wrap: break-word;
    overflow-wrap: break-word;
    min-width: 0;
  }

  .check-icon[b-2tepexzmbr] {
    width: 14px;
    height: 14px;
    margin-top: 0px;
    flex-shrink: 0;
  }

  .pricing-card-button[b-2tepexzmbr] {
    width: calc(100% - 1rem);
    max-width: calc(100% - 1rem);
    height: 32px;
    font-size: 0.7rem;
    bottom: 0.5rem;
    padding: 0;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .trusted-section[b-2tepexzmbr] {
    padding: 1rem 0.5rem;
  }

  .trusted-container[b-2tepexzmbr] {
    padding: 1rem 0.5rem;
    border-radius: 12px;
  }

  .trusted-title[b-2tepexzmbr] {
    font-size: 16px;
    line-height: 1.25;
    margin-bottom: 0.4rem;
  }

  .trusted-subtitle[b-2tepexzmbr] {
    font-size: 10px;
    margin-bottom: 1rem;
    line-height: 1.3;
  }

  .partners-grid[b-2tepexzmbr] {
    gap: 0.75rem;
    grid-template-columns: repeat(3, 1fr);
  }

  .partner-logo[b-2tepexzmbr] {
    width: 50px;
    height: 30px;
    font-size: 14px;
    border-radius: 3px;
  }

  .partner-text[b-2tepexzmbr] {
    font-size: 9px;
    line-height: 14px;
  }

  .pricing-cta-section[b-2tepexzmbr] {
    padding: 1.5rem 0.5rem;
  }

  .cta-title[b-2tepexzmbr] {
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 0.5rem;
  }

  .cta-subtitle[b-2tepexzmbr] {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 1rem;
  }

  .cta-button[b-2tepexzmbr] {
    width: 36px;
    height: 36px;
  }

  .cta-button svg[b-2tepexzmbr] {
    width: 16px;
    height: 16px;
  }
}
/* /Components/QrCodeDialog.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════
   QrCodeDialog.razor.css  —  qr-* styles
   ═══════════════════════════════════════════════════════════════════ */

/* ── Backdrop ──────────────────────────────────────────────────── */
.qr-backdrop[b-sodpb4xw1p] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: qr-fade-in-b-sodpb4xw1p 0.2s ease-out;
}

@keyframes qr-fade-in-b-sodpb4xw1p {
    from { opacity: 0; transform: scale(0.96); }
    to   { opacity: 1; transform: scale(1); }
}

/* ── Dialog card ───────────────────────────────────────────────── */
.qr-dialog[b-sodpb4xw1p] {
    background: #1a1f2e;
    border: 1px solid rgba(124, 58, 237, 0.35);
    border-radius: 14px;
    padding: 24px 28px;
    width: min(500px, 94vw);
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
    color: #e2e8f0;
}

/* ── Header ────────────────────────────────────────────────────── */
.qr-header[b-sodpb4xw1p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.qr-title[b-sodpb4xw1p] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #a78bfa;
}

.qr-close[b-sodpb4xw1p] {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 1.1rem;
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}

.qr-close:hover[b-sodpb4xw1p] {
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

/* ── URL row ───────────────────────────────────────────────────── */
.qr-url-row[b-sodpb4xw1p] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.qr-url-label[b-sodpb4xw1p] {
    font-size: 0.75rem;
    color: #64748b;
    word-break: break-all;
    background: #0f1419;
    padding: 8px 10px;
    border-radius: 7px;
    border: 1px solid #1e293b;
}

/* ── Action buttons row ────────────────────────────────────────── */
.qr-actions[b-sodpb4xw1p] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.qr-btn[b-sodpb4xw1p] {
    padding: 7px 14px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1.5px solid rgba(124, 58, 237, 0.4);
    background: rgba(124, 58, 237, 0.1);
    color: #c4b5fd;
    cursor: pointer;
    transition: background 0.18s, border-color 0.18s;
    display: flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.qr-btn:hover[b-sodpb4xw1p] {
    background: rgba(124, 58, 237, 0.22);
    border-color: #7c3aed;
    color: #ede9fe;
}

.qr-btn:active[b-sodpb4xw1p] { transform: scale(0.96); }

/* WhatsApp variant */
.qr-btn-wa[b-sodpb4xw1p] {
    background: rgba(37, 211, 102, 0.1);
    border-color: rgba(37, 211, 102, 0.4);
    color: #4ade80;
}

.qr-btn-wa:hover[b-sodpb4xw1p] {
    background: rgba(37, 211, 102, 0.2);
    border-color: #25d366;
    color: #86efac;
}

/* ── QR Code canvas area ───────────────────────────────────────── */
.qr-code-container[b-sodpb4xw1p] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px 0 8px;
}

.qr-code-container img[b-sodpb4xw1p],
.qr-code-container canvas[b-sodpb4xw1p] {
    border-radius: 8px;
    border: 3px solid #ffffff;
    display: block;
}

/* ── Status message ────────────────────────────────────────────── */
.qr-status[b-sodpb4xw1p] {
    margin: 0;
    font-size: 0.8rem;
    text-align: center;
    color: #a78bfa;
    min-height: 1.2em;
}
/* /Components/ReferralCodeDisplay.razor.rz.scp.css */
.referral-code-container[b-r5hftvw83n] {
    padding: 20px;
}

.referral-card[b-r5hftvw83n] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 16px;
    padding: 30px;
    color: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.referral-header[b-r5hftvw83n] {
    /* margin-bottom: 30px; */
}

.referral-header h3[b-r5hftvw83n] {
    margin: 0 0 8px 0;
    font-size: 24px;
    font-weight: 700;
}

.referral-header p[b-r5hftvw83n] {
    margin: 0;
    opacity: 0.9;
    font-size: 14px;
}

.loading-state[b-r5hftvw83n],
.error-state[b-r5hftvw83n] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    min-height: 60px;
}

.error-state[b-r5hftvw83n] {
    background: rgba(220, 53, 69, 0.2);
}

.code-section[b-r5hftvw83n] {
    /* margin-bottom: 25px; */
}

.code-label[b-r5hftvw83n] {
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 14px;
    opacity: 0.9;
}

.code-display[b-r5hftvw83n] {
    display: flex;
    gap: 10px;
    align-items: stretch;
}

.code-input[b-r5hftvw83n] {
    flex: 1;
    padding: 12px 16px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-weight: 600;
    font-family: 'Courier New', monospace;
    font-size: 16px;
}

.code-input[b-r5hftvw83n]::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.copy-btn[b-r5hftvw83n] {
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    color: white;
    cursor: pointer;
    font-size: 18px;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-btn:hover[b-r5hftvw83n] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

.stats-section[b-r5hftvw83n] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    /* margin-bottom: 25px; */
}

.stat-card[b-r5hftvw83n] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 15px;
    display: flex;
    gap: 12px;
    align-items: center;
}

.stat-icon[b-r5hftvw83n] {
    font-size: 24px;
    opacity: 0.9;
}

.stat-content[b-r5hftvw83n] {
    flex: 1;
}

.stat-label[b-r5hftvw83n] {
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 4px;
}

.stat-value[b-r5hftvw83n] {
    font-size: 18px;
    font-weight: 700;
}

.share-section[b-r5hftvw83n] {
    margin-bottom: 25px;
}

.share-section p[b-r5hftvw83n] {
    margin: 0 0 12px 0;
    font-size: 14px;
    opacity: 0.9;
    font-weight: 500;
}

.share-buttons[b-r5hftvw83n] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.share-btn[b-r5hftvw83n] {
    width: 44px;
    height: 44px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
    color: white;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.share-btn:hover[b-r5hftvw83n] {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
}

.share-btn.facebook:hover[b-r5hftvw83n] {
    background: #1877f2;
    border-color: #1877f2;
}

.share-btn.twitter:hover[b-r5hftvw83n] {
    background: #1da1f2;
    border-color: #1da1f2;
}

.share-btn.email:hover[b-r5hftvw83n] {
    background: #ea4335;
    border-color: #ea4335;
}

.share-btn.whatsapp:hover[b-r5hftvw83n] {
    background: #25d366;
    border-color: #25d366;
}

.referral-info[b-r5hftvw83n] {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    padding: 20px;
}

.referral-info h4[b-r5hftvw83n] {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 600;
}

.referral-info ul[b-r5hftvw83n] {
    margin: 0;
    padding-left: 20px;
    list-style: none;
}

.referral-info li[b-r5hftvw83n] {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    padding-left: 12px;
}

.referral-info li[b-r5hftvw83n]:before {
    content: "✓";
    position: absolute;
    left: 0;
    font-weight: 700;
}
/* /Components/SearchDisNames.razor.rz.scp.css */
.search-trade-info[b-pb2wptwmy1] {
    position: relative;
    z-index: 5000;
}

.search-trade-info:focus-within[b-pb2wptwmy1] {
    z-index: 20000;
}

    .search-trade-info img[b-pb2wptwmy1] {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.search-dropdown[b-pb2wptwmy1] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 10px 28px rgba(0,0,0,.16);
    z-index: 20001;
    margin-top: 0;
}

.search-dropdown-item[b-pb2wptwmy1] {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    padding: 0.55rem 0.75rem;
    color: #333;
    cursor: pointer;
}

    .search-dropdown-item:hover[b-pb2wptwmy1] {
        background: #f8f9fa;
    }

    .search-dropdown-item:last-child[b-pb2wptwmy1] {
        border-bottom: none;
    }

[b-pb2wptwmy1] .blazored-typeahead {
    position: relative;
    width: 100%;
    border: 1px solid #4994ff;
    border-radius: 5px;
    display:flex;
    flex-direction:column;
}
    [b-pb2wptwmy1] .blazored-typeahead .blazored-typeahead__controls {
        position: relative;
        width: 100%;
        border: 1px solid #4994ff;
        border-radius: 5px;
        display: flex;
      
    }

[b-pb2wptwmy1] .blazored-typeahead:focus-within .blazored-typeahead__controls {
    border-color: #1d4ed8;
    border-width: 2px;
    box-shadow: 0 0 0 4px rgba(73, 148, 255, 0.22);
}

[b-pb2wptwmy1] .blazored-typeahead__input {
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}
[b-pb2wptwmy1] .blazored-typeahead__input input{
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}

    [b-pb2wptwmy1] .blazored-typeahead__result {
        background-color: white !important;
        color: black;
        cursor: pointer;
        padding: 0 15px;
    }

        [b-pb2wptwmy1] .blazored-typeahead__result:hover {
            background-color: lightblue !important;
            color: black;
            cursor: pointer;
            transform: scaleX(1.05);
            margin-left: 10px;
        }

    [b-pb2wptwmy1] .blazored-typeahead__active-item {
        background-color: #e1dddd9c !important;
        border-top: none !important;
        border-bottom: none !important;
        color: black !important;
        cursor: pointer;
    }

    [b-pb2wptwmy1] .blazored-typeahead__result:focus {
        background-color: lightblue !important;
        color: #fff;
        cursor: pointer;
    }
/* /Components/SearchPatient.razor.rz.scp.css */
.search-patient[b-rla9vbw162] {
    position: relative;
    z-index: 1000;
}

    .search-patient .search-icon[b-rla9vbw162] {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        opacity: 0.6;
        pointer-events: none;
    }

.search-dropdown[b-rla9vbw162] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    max-height: 350px;
    overflow-y: auto;
    box-shadow: 0 10px 28px rgba(0,0,0,0.15);
    z-index: 10001;
    margin-top: 5px;
}

.search-dropdown-item[b-rla9vbw162] {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
    background: #fff;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    padding: 10px 15px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s;
}

    .search-dropdown-item:hover[b-rla9vbw162] {
        background: #f0f7ff;
    }

    .search-dropdown-item:last-child[b-rla9vbw162] {
        border-bottom: none;
    }

.patient-name[b-rla9vbw162] {
    font-weight: 600;
    font-size: 1rem;
    color: #2c3e50;
    margin-bottom: 4px;
}

.patient-details[b-rla9vbw162] {
    display: flex;
    gap: 15px;
    font-size: 0.85rem;
    color: #64748b;
}

.detail-item[b-rla9vbw162] {
    display: flex;
    align-items: center;
    gap: 4px;
}

    .detail-item i[b-rla9vbw162] {
        font-size: 0.9rem;
    }
/* /Components/SearchScientificInfo.razor.rz.scp.css */
.search-trade-info[b-9abgr5y7ph] {
    position: relative;
    z-index: 5000;
}

.search-trade-info:focus-within[b-9abgr5y7ph] {
    z-index: 20000;
}

    .search-trade-info img[b-9abgr5y7ph] {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.search-dropdown[b-9abgr5y7ph] {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 10px 28px rgba(0,0,0,.16);
    z-index: 20001;
    margin-top: 0;
}

.search-dropdown-item[b-9abgr5y7ph] {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    padding: 0.55rem 0.75rem;
    color: #333;
    cursor: pointer;
}

    .search-dropdown-item:hover[b-9abgr5y7ph] {
        background: #f8f9fa;
    }

    .search-dropdown-item:last-child[b-9abgr5y7ph] {
        border-bottom: none;
    }

[b-9abgr5y7ph] .blazored-typeahead {
    position: relative;
    width: 100%;
    border: 1px solid #4994ff;
    border-radius: 5px;
    display:flex;
    flex-direction:column;
}
    [b-9abgr5y7ph] .blazored-typeahead .blazored-typeahead__controls {
        position: relative;
        width: 100%;
        border: 1px solid #4994ff;
        border-radius: 5px;
        display: flex;
      
    }

[b-9abgr5y7ph] .blazored-typeahead:focus-within .blazored-typeahead__controls {
    border-color: #1d4ed8;
    border-width: 2px;
    box-shadow: 0 0 0 4px rgba(73, 148, 255, 0.22);
}

[b-9abgr5y7ph] .blazored-typeahead__input {
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}
[b-9abgr5y7ph] .blazored-typeahead__input input{
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}

    [b-9abgr5y7ph] .blazored-typeahead__result {
        background-color: white !important;
        color: black;
        cursor: pointer;
        padding: 0 15px;
    }

        [b-9abgr5y7ph] .blazored-typeahead__result:hover {
            background-color: lightblue !important;
            color: black;
            cursor: pointer;
            transform: scaleX(1.05);
            margin-left: 10px;
        }

    [b-9abgr5y7ph] .blazored-typeahead__active-item {
        background-color: #e1dddd9c !important;
        border-top: none !important;
        border-bottom: none !important;
        color: black !important;
        cursor: pointer;
    }

    [b-9abgr5y7ph] .blazored-typeahead__result:focus {
        background-color: lightblue !important;
        color: #fff;
        cursor: pointer;
    }
/* /Components/SearchTradeInfoLite.razor.rz.scp.css */
.search-trade-info[b-2bn3vnkxd1] {
    position: relative;
    z-index: 1000;
}

    .search-trade-info img[b-2bn3vnkxd1] {
        position: absolute;
        right: 10px;
        top: 10px;
    }

.search-dropdown[b-2bn3vnkxd1] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: none;
    max-height: 320px;
    overflow-y: auto;
    box-shadow: 0 10px 28px rgba(0,0,0,.16);
    z-index: 10000;
    margin-top: 0;
}

.search-dropdown-item[b-2bn3vnkxd1] {
    display: block;
    width: 100%;
    text-align: left;
    background: #fff;
    border: none;
    border-bottom: 1px solid #f1f5f9;
    padding: 0.55rem 0.75rem;
    color: #333;
    cursor: pointer;
}

    .search-dropdown-item:hover[b-2bn3vnkxd1] {
        background: #f8f9fa;
    }

    .search-dropdown-item:last-child[b-2bn3vnkxd1] {
        border-bottom: none;
    }

[b-2bn3vnkxd1] .blazored-typeahead {
    position: relative;
    width: 100%;
    border: 1px solid #4994ff;
    border-radius: 5px;
    display:flex;
    flex-direction:column;
}
    [b-2bn3vnkxd1] .blazored-typeahead .blazored-typeahead__controls {
        position: relative;
        width: 100%;
        border: 1px solid #4994ff;
        border-radius: 5px;
        display: flex;
      
    }

[b-2bn3vnkxd1] .blazored-typeahead:focus-within .blazored-typeahead__controls {
    border-color: #1d4ed8;
    border-width: 2px;
    box-shadow: 0 0 0 4px rgba(73, 148, 255, 0.22);
}

[b-2bn3vnkxd1] .blazored-typeahead__input {
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}
[b-2bn3vnkxd1] .blazored-typeahead__input input{
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}

    [b-2bn3vnkxd1] .blazored-typeahead__result {
        background-color: white !important;
        color: black;
        cursor: pointer;
        padding: 0 15px;
    }

        [b-2bn3vnkxd1] .blazored-typeahead__result:hover {
            background-color: lightblue !important;
            color: black;
            cursor: pointer;
            transform: scaleX(1.05);
            margin-left: 10px;
        }

    [b-2bn3vnkxd1] .blazored-typeahead__active-item {
        background-color: #e1dddd9c !important;
        border-top: none !important;
        border-bottom: none !important;
        color: black !important;
        cursor: pointer;
    }

    [b-2bn3vnkxd1] .blazored-typeahead__result:focus {
        background-color: lightblue !important;
        color: #fff;
        cursor: pointer;
    }
/* /Components/SettingsCombobox.razor.rz.scp.css */
.settings-combobox[b-1rjen7ak67] {
  position: relative;
  width: 100%;
}

.settings-combobox__trigger[b-1rjen7ak67] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  padding: 0.72rem 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  font-family: inherit;
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
  text-align: left;
  cursor: pointer;
  transition:
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background 0.18s ease;
}

.settings-combobox__trigger:hover[b-1rjen7ak67] {
  border-color: #cbd5e1;
  background: #fafafa;
}

.settings-combobox__trigger:focus[b-1rjen7ak67] {
  outline: none;
  border-color: #4994ff;
  box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.18);
}

.settings-combobox--invalid .settings-combobox__trigger[b-1rjen7ak67] {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}

.settings-combobox__text[b-1rjen7ak67] {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.settings-combobox__text--placeholder[b-1rjen7ak67] {
  color: #9ca3af;
  font-weight: 400;
}

.settings-combobox__chevron[b-1rjen7ak67] {
  flex-shrink: 0;
  color: #6b7280;
  transition: transform 0.22s ease;
}

.settings-combobox__chevron--open[b-1rjen7ak67] {
  transform: rotate(180deg);
  color: #4994ff;
}

.settings-combobox__backdrop[b-1rjen7ak67] {
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: transparent;
}

.settings-combobox__panel[b-1rjen7ak67] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  z-index: 1050;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow:
    0 10px 40px rgba(15, 23, 42, 0.12),
    0 2px 10px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  animation: settings-combobox-in-b-1rjen7ak67 0.18s ease;
}

@keyframes settings-combobox-in-b-1rjen7ak67 {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.settings-combobox__search-wrap[b-1rjen7ak67] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.65rem;
  border-bottom: 1px solid #f1f5f9;
  background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
}

.settings-combobox__search-ico[b-1rjen7ak67] {
  flex-shrink: 0;
  color: #94a3b8;
}

.settings-combobox__search[b-1rjen7ak67] {
  flex: 1;
  min-width: 0;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 0.875rem;
  color: #111827;
  padding: 0.25rem 0;
}

.settings-combobox__search:focus[b-1rjen7ak67] {
  outline: none;
}

.settings-combobox__search[b-1rjen7ak67]::placeholder {
  color: #9ca3af;
}

.settings-combobox__list[b-1rjen7ak67] {
  max-height: min(280px, 42vh);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0.35rem 0;
}

.settings-combobox__list[b-1rjen7ak67]::-webkit-scrollbar {
  width: 8px;
}

.settings-combobox__list[b-1rjen7ak67]::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.settings-combobox__empty[b-1rjen7ak67] {
  padding: 0.85rem 1rem;
  font-size: 0.8125rem;
  color: #94a3b8;
  text-align: center;
}

.settings-combobox__option[b-1rjen7ak67] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.55rem 0.85rem 0.55rem 1rem;
  border: none;
  background: transparent;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #334155;
  text-align: left;
  cursor: pointer;
  transition: background 0.12s ease;
}

.settings-combobox__option:hover[b-1rjen7ak67] {
  background: #f1f5f9;
}

.settings-combobox__option--selected[b-1rjen7ak67] {
  background: #eff6ff;
  color: #1d4ed8;
}

.settings-combobox__option-text[b-1rjen7ak67] {
  flex: 1;
  min-width: 0;
  line-height: 1.35;
}

.settings-combobox__check[b-1rjen7ak67] {
  flex-shrink: 0;
  color: #2563eb;
}
/* /Components/Shared/FeedbackDialog.razor.rz.scp.css */
/* Feedback Dialog Overlay */
.feedback-dialog-overlay[b-x5faf2dt7q] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2000;
    backdrop-filter: blur(2px);
}

/* Feedback Dialog */
.feedback-dialog[b-x5faf2dt7q] {
    background: white;
    border-radius: 15px;
    width: 90%;
    max-width: 550px;
    max-height: 80vh;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    animation: dialogSlideIn-b-x5faf2dt7q 0.3s ease-out;
}

@keyframes dialogSlideIn-b-x5faf2dt7q {
    from {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

/* Dialog Header */
.feedback-dialog-header[b-x5faf2dt7q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    background: linear-gradient(135deg, #4994FF 0%, #2980b9 100%);
    color: white;
}

.feedback-dialog-header h3[b-x5faf2dt7q] {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    font-weight: 600;
}

.close-btn[b-x5faf2dt7q] {
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

.close-btn:hover[b-x5faf2dt7q] {
    transform: scale(1.1);
}

/* Dialog Content */
.feedback-dialog-content[b-x5faf2dt7q] {
    padding: 25px;
    max-height: calc(80vh - 70px);
    overflow-y: auto;
}

.feedback-description[b-x5faf2dt7q] {
    margin: 0 0 20px 0;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}

/* Form Styles */
.feedback-form[b-x5faf2dt7q] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-group[b-x5faf2dt7q] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-group label[b-x5faf2dt7q] {
    font-weight: 600;
    color: #333;
    font-size: 0.9rem;
}

.required[b-x5faf2dt7q] {
    color: #e74c3c;
    margin-left: 2px;
}

.form-control[b-x5faf2dt7q] {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: inherit;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.form-control:focus[b-x5faf2dt7q] {
    outline: none;
    border-color: #4994FF;
    box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.1);
}

.form-control[b-x5faf2dt7q]::placeholder {
    color: #999;
}

textarea.form-control[b-x5faf2dt7q] {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
}

/* Form Actions */
.form-actions[b-x5faf2dt7q] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 10px;
}

.cancel-btn[b-x5faf2dt7q],
.submit-btn[b-x5faf2dt7q] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.cancel-btn[b-x5faf2dt7q] {
    background: #f0f0f0;
    color: #333;
}

.cancel-btn:hover[b-x5faf2dt7q] {
    background: #e0e0e0;
}

.submit-btn[b-x5faf2dt7q] {
    background: linear-gradient(135deg, #4994FF 0%, #2980b9 100%);
    color: white;
}

.submit-btn:hover:not(:disabled)[b-x5faf2dt7q] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(73, 148, 255, 0.3);
}

.submit-btn:disabled[b-x5faf2dt7q] {
    background: #ccc;
    cursor: not-allowed;
    opacity: 0.7;
}

.submit-btn:active:not(:disabled)[b-x5faf2dt7q] {
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 600px) {
    .feedback-dialog[b-x5faf2dt7q] {
        width: 95%;
        max-width: 100%;
    }

    .feedback-dialog-header[b-x5faf2dt7q] {
        padding: 15px 20px;
    }

    .feedback-dialog-content[b-x5faf2dt7q] {
        padding: 20px;
    }

    .form-actions[b-x5faf2dt7q] {
        flex-direction: column-reverse;
    }

    .cancel-btn[b-x5faf2dt7q],
    .submit-btn[b-x5faf2dt7q] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/FloatingFeedbackButton.razor.rz.scp.css */
.floating-feedback-btn[b-bxq6l92l31] {
    position: fixed;
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #4994FF 0%, #2980b9 100%);
    color: white;
    border: none;
    border-radius: 50%;
    box-shadow: 0 4px 20px rgba(73, 148, 255, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    transition: all 0.3s ease;
    z-index: 1000;
}

.floating-feedback-btn-bottom-right[b-bxq6l92l31] {
    bottom: 30px;
    right: 30px;
}

.floating-feedback-btn-bottom-left[b-bxq6l92l31] {
    bottom: 30px;
    left: 30px;
}

.floating-feedback-btn-top-right[b-bxq6l92l31] {
    top: 30px;
    right: 30px;
}

.floating-feedback-btn-top-left[b-bxq6l92l31] {
    top: 30px;
    left: 30px;
}

.floating-feedback-btn:hover[b-bxq6l92l31] {
    background: linear-gradient(135deg, #2980b9 0%, #1f618d 100%);
    transform: translateY(-2px);
    box-shadow: 0 6px 25px rgba(73, 148, 255, 0.6);
    animation: pulse-b-bxq6l92l31 2s infinite;
}

.floating-feedback-btn:active[b-bxq6l92l31] {
    transform: translateY(0);
    box-shadow: 0 2px 15px rgba(73, 148, 255, 0.4);
}

.floating-feedback-btn:focus[b-bxq6l92l31] {
    outline: 3px solid rgba(73, 148, 255, 0.5);
    outline-offset: 2px;
}

@keyframes pulse-b-bxq6l92l31 {
    0% {
        box-shadow: 0 6px 25px rgba(73, 148, 255, 0.6);
    }

    50% {
        box-shadow: 0 6px 30px rgba(73, 148, 255, 0.8);
    }

    100% {
        box-shadow: 0 6px 25px rgba(73, 148, 255, 0.6);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .floating-feedback-btn[b-bxq6l92l31] {
        width: 55px;
        height: 55px;
        font-size: 1.3rem;
    }

    .floating-feedback-btn-bottom-right[b-bxq6l92l31] {
        bottom: 20px;
        right: 20px;
    }

    .floating-feedback-btn-bottom-left[b-bxq6l92l31] {
        bottom: 20px;
        left: 20px;
    }

    .floating-feedback-btn-top-right[b-bxq6l92l31] {
        top: 20px;
        right: 20px;
    }

    .floating-feedback-btn-top-left[b-bxq6l92l31] {
        top: 20px;
        left: 20px;
    }

    /* Hide tooltip on tablets and mobile */
    .floating-feedback-btn[b-bxq6l92l31]::after,
    .floating-feedback-btn[b-bxq6l92l31]::before {
        display: none;
    }
}

@media (max-width: 480px) {
    .floating-feedback-btn[b-bxq6l92l31] {
        width: 50px;
        height: 50px;
        font-size: 1.2rem;
    }

    .floating-feedback-btn-bottom-right[b-bxq6l92l31] {
        bottom: 15px;
        right: 15px;
    }

    .floating-feedback-btn-bottom-left[b-bxq6l92l31] {
        bottom: 15px;
        left: 15px;
    }

    .floating-feedback-btn-top-right[b-bxq6l92l31] {
        top: 15px;
        right: 15px;
    }

    .floating-feedback-btn-top-left[b-bxq6l92l31] {
        top: 15px;
        left: 15px;
    }
}

/* For left-positioned buttons, show tooltip on the right side */
.floating-feedback-btn-bottom-left[b-bxq6l92l31]::after,
.floating-feedback-btn-top-left[b-bxq6l92l31]::after {
    right: auto;
    left: 70px;
    transform: translateY(-50%) translateX(-8px);
}

.floating-feedback-btn-bottom-left:hover[b-bxq6l92l31]::after,
.floating-feedback-btn-top-left:hover[b-bxq6l92l31]::after {
    transform: translateY(-50%) translateX(8px);
}

.floating-feedback-btn-bottom-left[b-bxq6l92l31]::before,
.floating-feedback-btn-top-left[b-bxq6l92l31]::before {
    right: auto;
    left: 60px;
    border-width: 6px 8px 6px 0;
    border-color: transparent #1a202c transparent transparent;
}

.floating-feedback-btn-bottom-left:hover[b-bxq6l92l31]::before,
.floating-feedback-btn-top-left:hover[b-bxq6l92l31]::before {
    left: 62px;
}
/* /Components/SmartRxPrescription.razor.rz.scp.css */
/* Exact port of SmartRx SmartRxPrescription.razor.css */

.prescription-container[b-elh6syes3g] {
    font-family: 'Arial', sans-serif;
    width: 148mm;
    height: 210mm;
    padding: 5mm;
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
    border: 1px solid #4994FF;
}

.rx-watermark img[b-elh6syes3g] {
    position: absolute;
    top: 40%;
    left: 35%;
    width: 30%;
    opacity: 0.1;
}

.header[b-elh6syes3g] {
    text-align: start;
    border-bottom: 2px solid #3463eb;
    padding-bottom: 10px;
}

.header h1[b-elh6syes3g] {
    font-size: 24px;
    color: #3463eb;
    margin: 0;
}

.header h1 .doctor-name[b-elh6syes3g] {
    font-weight: bold;
}

.header h2[b-elh6syes3g] {
    font-size: 18px;
    color: #7d91aa;
    margin: 5px 0;
    text-transform: uppercase;
}

.patient-info[b-elh6syes3g] {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
}

.info-row[b-elh6syes3g] {
    display: grid;
    grid-template-columns: 70% auto;
    margin-bottom: 10px;
}

.rx-logo[b-elh6syes3g] {
    font-size: 20px;
    font-weight: bold;
    color: #f4a641;
    text-align: start;
    margin: 30px 0;
}

.watermark[b-elh6syes3g] {
    position: absolute;
    bottom: 70mm;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.1;
    z-index: -1;
}

.watermark img[b-elh6syes3g] {
    width: 60mm;
    height: auto;
}

.rx-logo[b-elh6syes3g] {
    font-size: 20px;
    font-weight: bold;
    color: #f4a641;
    text-align: start;
    margin: 30px 0;
}

.rx-logo img[b-elh6syes3g] {
    width: 20px;
}

.watermark[b-elh6syes3g] {
    position: absolute;
    bottom: 70mm;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.1;
    z-index: -1;
}

.watermark img[b-elh6syes3g] {
    width: 60mm;
    height: auto;
}

.footer[b-elh6syes3g] {
    display: grid;
    grid-template-columns: 30% 70%;
    position: absolute;
    bottom: 2mm;
    width: 148mm;
    text-align: center;
    color: #888;
    font-size: 12px;
    line-height: 1.6;
    left: 0;
    border-top: 1px solid #4994FF;
    padding: 5px 0;
}

.footer-icon img[b-elh6syes3g] {
    width: 80px;
}

.footer-contact[b-elh6syes3g] {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.contact-item[b-elh6syes3g] {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* /Components/SubscriptionStatusComp.razor.rz.scp.css */
.subscription-status-card[b-efwi0jyd0c] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-radius: 12px;
    padding: 1.5rem;
    margin-bottom: 2rem;
    color: white;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    width:100%;
}

.free-plan-status[b-efwi0jyd0c],
.paid-plan-status[b-efwi0jyd0c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plan-info[b-efwi0jyd0c] {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    font-weight: 600;
}

.plan-name[b-efwi0jyd0c] {
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.text-muted[b-efwi0jyd0c] {
    color: #fff598;
}
.token-info[b-efwi0jyd0c],
.unlimited-info[b-efwi0jyd0c] {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.token-count[b-efwi0jyd0c] {
    font-weight: bold;
    font-size: 1.2rem;
    margin-right: 0.25rem;
}

.token-label[b-efwi0jyd0c] {
    opacity: 0.9;
}

.unlimited-label[b-efwi0jyd0c] {
    font-weight: 500;
}

.upgrade-prompt[b-efwi0jyd0c] {
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.token-reset-info[b-efwi0jyd0c] {
    margin-top: 0.35rem;
}

.loading-spinner[b-efwi0jyd0c] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.8);
}

.referral-link-container[b-efwi0jyd0c] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.referral-link-btn[b-efwi0jyd0c] {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    transition: all 0.2s ease;
    width: 100%;
    justify-content: center;
}

.referral-link-btn:hover[b-efwi0jyd0c] {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.referral-link-btn i[b-efwi0jyd0c] {
    font-size: 16px;
}
/* /Components/TokenVoucherRedeem.razor.rz.scp.css */
.voucher-redeem-container[b-rlxl8xs4yd] {
    padding: 0;
}

.voucher-card[b-rlxl8xs4yd] {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
    border-radius: 16px;
    padding: 28px;
    color: white;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
}

.voucher-header[b-rlxl8xs4yd] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.voucher-icon[b-rlxl8xs4yd] {
    background: rgba(99, 179, 237, 0.15);
    border-radius: 12px;
    padding: 10px;
    color: #63b3ed;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.voucher-title[b-rlxl8xs4yd] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 4px;
    color: #fff;
}

.voucher-subtitle[b-rlxl8xs4yd] {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

/* Input row */
.voucher-input-row[b-rlxl8xs4yd] {
    display: flex;
    gap: 10px;
}

.voucher-input[b-rlxl8xs4yd] {
    flex: 1;
    background: rgba(255, 255, 255, 0.08);
    border: 1.5px solid rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    padding: 11px 16px;
    color: #fff;
    font-size: 0.9rem;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: border-color 0.2s;
    outline: none;
}

.voucher-input[b-rlxl8xs4yd]::placeholder {
    color: rgba(255,255,255,0.35);
    text-transform: none;
    letter-spacing: normal;
}

.voucher-input:focus[b-rlxl8xs4yd] {
    border-color: rgba(99, 179, 237, 0.6);
    background: rgba(255, 255, 255, 0.12);
}

.voucher-input.input-valid[b-rlxl8xs4yd] {
    border-color: #22c55e;
}

.voucher-input.input-invalid[b-rlxl8xs4yd] {
    border-color: #ef4444;
}

.voucher-input:disabled[b-rlxl8xs4yd] {
    opacity: 0.5;
    cursor: not-allowed;
}

.validate-btn[b-rlxl8xs4yd] {
    background: rgba(99, 179, 237, 0.2);
    border: 1.5px solid rgba(99, 179, 237, 0.4);
    color: #63b3ed;
    border-radius: 10px;
    padding: 11px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 6px;
}

.validate-btn:hover:not(:disabled)[b-rlxl8xs4yd] {
    background: rgba(99, 179, 237, 0.35);
    border-color: #63b3ed;
}

.validate-btn:disabled[b-rlxl8xs4yd] {
    opacity: 0.4;
    cursor: not-allowed;
}

/* Preview */
.voucher-preview[b-rlxl8xs4yd] {
    margin-top: 18px;
    background: rgba(34, 197, 94, 0.12);
    border: 1.5px solid rgba(34, 197, 94, 0.35);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.preview-tokens[b-rlxl8xs4yd] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.95rem;
    color: #86efac;
}

.preview-description[b-rlxl8xs4yd] {
    font-size: 0.83rem;
    color: rgba(255,255,255,0.7);
    margin: 0;
}

.preview-expiry[b-rlxl8xs4yd] {
    font-size: 0.78rem;
    color: rgba(255,255,255,0.45);
    margin: 0;
}

.redeem-btn[b-rlxl8xs4yd] {
    margin-top: 6px;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    border: none;
    color: white;
    border-radius: 10px;
    padding: 12px 20px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s, transform 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    align-self: flex-start;
}

.redeem-btn:hover:not(:disabled)[b-rlxl8xs4yd] {
    opacity: 0.9;
    transform: translateY(-1px);
}

.redeem-btn:disabled[b-rlxl8xs4yd] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none;
}

/* Error */
.voucher-error[b-rlxl8xs4yd] {
    margin-top: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: rgba(239, 68, 68, 0.12);
    border: 1.5px solid rgba(239, 68, 68, 0.3);
    border-radius: 10px;
    padding: 12px 14px;
    font-size: 0.84rem;
    color: #fca5a5;
}

/* Success */
.voucher-success[b-rlxl8xs4yd] {
    margin-top: 14px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    background: rgba(34, 197, 94, 0.12);
    border: 1.5px solid rgba(34, 197, 94, 0.3);
    border-radius: 10px;
    padding: 14px 16px;
}

.success-message[b-rlxl8xs4yd] {
    font-size: 0.9rem;
    color: #86efac;
    margin: 0 0 4px;
    font-weight: 600;
}

.success-balance[b-rlxl8xs4yd] {
    font-size: 0.82rem;
    color: rgba(255,255,255,0.6);
    margin: 0;
}

@media (max-width: 480px) {
    .voucher-input-row[b-rlxl8xs4yd] {
        flex-direction: column;
    }

    .validate-btn[b-rlxl8xs4yd] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/TreatmentDetailsModal.razor.rz.scp.css */
/* TreatmentDetailsModal — Drug Details (900px mock, two-column, no inner scroll) */

.tm-backdrop[b-6sjvxwjv5a] {
  position: fixed;
  inset: 0;
  z-index: 10240;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(0.75rem, 2vw, 1.25rem);
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  animation: tmFade-b-6sjvxwjv5a 0.2s ease-out both;
}

@keyframes tmFade-b-6sjvxwjv5a {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.tm-dialog[b-6sjvxwjv5a] {
  width: min(900px, 100%);
  max-height: min(94vh, 920px);
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.22);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #111827;
}

.tm-head[b-6sjvxwjv5a] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1.15rem 1.35rem;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}

.tm-head-text[b-6sjvxwjv5a] {
  flex: 1;
  min-width: 0;
}

.tm-title[b-6sjvxwjv5a] {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.tm-sub[b-6sjvxwjv5a] {
  margin: 0.35rem 0 0;
  font-size: 0.9375rem;
  color: #6b7280;
  font-weight: 500;
  line-height: 1.45;
}

.tm-sub-conc[b-6sjvxwjv5a] {
  color: #9ca3af;
  font-weight: 500;
}

.tm-x[b-6sjvxwjv5a] {
  border: none;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.35rem;
  border-radius: 8px;
  line-height: 0;
  flex-shrink: 0;
}

.tm-x:hover[b-6sjvxwjv5a] {
  background: #f3f4f6;
  color: #374151;
}

.tm-body[b-6sjvxwjv5a] {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 1rem 1.35rem 1.15rem;
}

.tm-layout[b-6sjvxwjv5a] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 1.25rem 1.75rem;
  align-items: start;
  height: 100%;
  overflow: hidden;
}

.tm-col[b-6sjvxwjv5a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
  overflow: hidden;
}

.tm-block[b-6sjvxwjv5a] {
  flex-shrink: 0;
}

.tm-block--muted[b-6sjvxwjv5a] {
  opacity: 0.72;
  pointer-events: none;
}

.tm-block--preview[b-6sjvxwjv5a] {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.tm-sec-head[b-6sjvxwjv5a] {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  margin-bottom: 0.65rem;
}

.tm-sec-ico[b-6sjvxwjv5a] {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.tm-sec-ico img[b-6sjvxwjv5a] {
  display: block;
}

.tm-sec-ico--dose[b-6sjvxwjv5a] {
  background: #eff6ff;
}

.tm-sec-ico--food[b-6sjvxwjv5a] {
  background: #fff7ed;
}

.tm-sec-ico--duration[b-6sjvxwjv5a] {
  background: #f0fdf4;
}

.tm-sec-ico--instructions[b-6sjvxwjv5a] {
  background: #fef3c7;
  color: #d97706;
}

.tm-doc-svg[b-6sjvxwjv5a] {
  display: block;
}

.tm-sec-ico--preview[b-6sjvxwjv5a] {
  background: #eef2ff;
}

.tm-sec-title[b-6sjvxwjv5a] {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  color: #0f172a;
}

.tm-micro-label[b-6sjvxwjv5a] {
  margin: 0 0 0.45rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
}

.tm-optional[b-6sjvxwjv5a] {
  font-weight: 500;
  color: #94a3b8;
}

.tm-dose-row[b-6sjvxwjv5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
}

.tm-field-group[b-6sjvxwjv5a] {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

.tm-field-group--full[b-6sjvxwjv5a] {
  margin-top: 0.55rem;
}

.tm-field-label[b-6sjvxwjv5a] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
}

.tm-field[b-6sjvxwjv5a],
.tm-sel[b-6sjvxwjv5a] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.5rem 0.6rem;
  font-size: 0.875rem;
  color: #111827;
  background: #fff;
  font-family: inherit;
}

.tm-field:focus[b-6sjvxwjv5a],
.tm-sel:focus[b-6sjvxwjv5a] {
  outline: none;
  border-color: #4994ff;
  box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.15);
}

.tm-field:disabled[b-6sjvxwjv5a],
.tm-sel:disabled[b-6sjvxwjv5a] {
  background: #f8fafc;
  color: #94a3b8;
}

.tm-date-wrap[b-6sjvxwjv5a] {
  position: relative;
  display: flex;
  align-items: center;
}

.tm-date-ico[b-6sjvxwjv5a] {
  position: absolute;
  left: 0.65rem;
  opacity: 0.55;
  pointer-events: none;
}

.tm-field--date[b-6sjvxwjv5a] {
  padding-left: 2.25rem;
}

.tm-chip-grid[b-6sjvxwjv5a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.45rem;
  margin-bottom: 0.65rem;
}

.tm-chip[b-6sjvxwjv5a] {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.48rem 0.55rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.tm-chip:hover[b-6sjvxwjv5a] {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.tm-chip--food-on[b-6sjvxwjv5a] {
  background: #4994ff;
  color: #fff;
}

.tm-chip--food-on:hover[b-6sjvxwjv5a] {
  background: #1d4ed8;
  color: #fff;
}

.tm-chip--time-on[b-6sjvxwjv5a] {
  background: #ffb050;
  color: #fff;
}

.tm-chip--time-on:hover[b-6sjvxwjv5a] {
  background: #c2410c;
  border-color: #c2410c;
  color: #fff;
}

.tm-ta[b-6sjvxwjv5a] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0.6rem 0.7rem;
  font-size: 0.875rem;
  resize: vertical;
  min-height: 120px;
  font-family: inherit;
}

.tm-ta:focus[b-6sjvxwjv5a] {
  outline: none;
  border-color: #4994ff;
  box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.12);
}

.tm-check-row[b-6sjvxwjv5a] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.55rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
}

.tm-check-row input[b-6sjvxwjv5a] {
  width: 16px;
  height: 16px;
  accent-color: #4994ff;
}

.tm-preview-card[b-6sjvxwjv5a] {
  border-radius: 10px;
  padding: 0.65rem 0.75rem;
}

.tm-preview-card--en[b-6sjvxwjv5a] {
  background: #eff6ff;
  border: 1px solid #dbeafe;
}

.tm-preview-card--ar[b-6sjvxwjv5a] {
  background: #fffbeb;
  border: 1px solid #fef3c7;
}

.tm-preview-lang[b-6sjvxwjv5a] {
  font-size: 0.6875rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #3b82f6;
  margin-bottom: 0.35rem;
}

.tm-preview-lang--ar[b-6sjvxwjv5a] {
  text-align: right;
  color: #b45309;
}

.tm-preview-text[b-6sjvxwjv5a] {
  font-size: 0.875rem;
  line-height: 1.45;
  color: #1e293b;
}

.tm-preview-ar[b-6sjvxwjv5a] {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #1e293b;
  resize: vertical;
  min-height: 88px;
  font-family: inherit;
  padding: 0;
}

.tm-preview-ar:focus[b-6sjvxwjv5a] {
  outline: none;
}

.tm-foot[b-6sjvxwjv5a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9rem 1.35rem;
  border-top: 1px solid #e5e7eb;
  background: #fafafa;
  flex-shrink: 0;
}

.tm-btn-cancel[b-6sjvxwjv5a] {
  border: none;
  background: none;
  color: #6b7280;
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  font-family: inherit;
}

.tm-btn-cancel:hover[b-6sjvxwjv5a] {
  color: #111827;
}

.tm-btn-save[b-6sjvxwjv5a] {
  border: none;
  border-radius: 10px;
  background: #4994ff;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  padding: 0.55rem 1.35rem;
  cursor: pointer;
  font-family: inherit;
}

.tm-btn-save:hover[b-6sjvxwjv5a] {
  filter: brightness(0.95);
}

@media (max-width: 860px) {
  .tm-layout[b-6sjvxwjv5a] {
    grid-template-columns: 1fr;
    overflow: visible;
    height: auto;
  }

  .tm-body[b-6sjvxwjv5a] {
    overflow: visible;
  }

  .tm-dialog[b-6sjvxwjv5a] {
    max-height: none;
  }

  .tm-block--preview[b-6sjvxwjv5a] {
    flex: none;
  }
}

@media (max-width: 520px) {
  .tm-dose-row[b-6sjvxwjv5a] {
    grid-template-columns: 1fr;
  }

  .tm-chip-grid[b-6sjvxwjv5a] {
    grid-template-columns: 1fr;
  }
}
/* /Layout/MainLayout.razor.rz.scp.css */

.page[b-c8ysxcrl05] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    background-color: #ffffff;
}

.background-container[b-c8ysxcrl05] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('/images/bg.svg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.main-content[b-c8ysxcrl05] {
    flex: 1;
    position: relative;
    z-index: 1;
    min-height: 0;
}

@media (max-width: 1024px) {
    .page[b-c8ysxcrl05] {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        max-height: 100dvh;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .main-content[b-c8ysxcrl05] {
        flex: 0 0 auto;
        overflow: visible;
    }
}
/* /Layout/MainLayoutNew.razor.rz.scp.css */
/* ---- New dashboard layout ---- */
html[b-arnoas8w2r] {
    scroll-behavior: smooth;
}

.dashboard-page[b-arnoas8w2r] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
    background-color: #ffffff;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.background-container[b-arnoas8w2r] {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: url('/images/bg.svg');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    opacity: 0.35;
}

.dashboard-container[b-arnoas8w2r] {
    display: flex;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.sidebar[b-arnoas8w2r] {
    width: 80px;
    background: #ffffff;
    border-right: 1px solid #e5e7eb;
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 10;
    top: 0;
    left: 0;
    transition: width 0.3s ease;
    /* needed so the mobile close button is positioned relative to the sidebar */
    position: fixed;
}

.sidebar:hover[b-arnoas8w2r] {
    width: 330px;
}

.sidebar:hover[b-arnoas8w2r]  .user-info,
.sidebar:hover[b-arnoas8w2r]  .nav-item span,
.sidebar:hover[b-arnoas8w2r]  .nav-separator {
    opacity: 1;
    pointer-events: auto;
}

/* ---- NavMenuNew sidebar styles (via ::deep) ---- */
.sidebar[b-arnoas8w2r]  .sidebar-header {
    padding: 2rem 1.5rem;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar[b-arnoas8w2r]  .user-profile {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.sidebar[b-arnoas8w2r]  .user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(270deg, #FFFFFF 19.36%, #4994FF 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}

.sidebar[b-arnoas8w2r]  .user-avatar img {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    object-fit: cover;
    border-radius: 10px;
}

.sidebar[b-arnoas8w2r]  .user-info {
    flex: 1;
    min-width: 0;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.sidebar[b-arnoas8w2r]  .user-name {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.25rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar[b-arnoas8w2r]  .user-email {
    font-size: 14px;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar[b-arnoas8w2r]  .sidebar-nav {
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sidebar[b-arnoas8w2r]  .sidebar-nav:first-of-type {
    flex: 1;
}

.sidebar[b-arnoas8w2r]  .sidebar-nav-bottom {
    margin-top: auto;
    padding-top: 0;
}

.sidebar[b-arnoas8w2r]  .nav-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    color: #6b7280;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.2s ease;
    border-left: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar[b-arnoas8w2r]  .nav-item span {
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.sidebar[b-arnoas8w2r]  .nav-item:hover {
    background: #f9fafb;
    color: #4994FF;
    text-decoration: none;
}

.sidebar[b-arnoas8w2r]  .nav-item.active {
    background: #f0f7ff;
    color: #4994FF;
    border-left-color: #4994FF;
    text-decoration: none;
}

.sidebar[b-arnoas8w2r]  .nav-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    object-fit: contain;
    transition: filter 0.2s ease, opacity 0.2s ease;
}

.sidebar[b-arnoas8w2r]  .nav-item:hover .nav-icon,
.sidebar[b-arnoas8w2r]  .nav-item.active .nav-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(1352%) hue-rotate(195deg) brightness(101%) contrast(101%);
}

.sidebar[b-arnoas8w2r]  .nav-separator {
    height: 1px;
    background: #e5e7eb;
    margin: 0.5rem 1.5rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.sidebar[b-arnoas8w2r]  .sidebar-bottom-separator {
    margin-top: auto;
}

.dashboard-main[b-arnoas8w2r] {
    flex: 1;
    margin-left: 80px;
    min-height: 100vh;
    background: transparent;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    transition: margin-left 0.3s ease;
}

.sidebar:hover ~ .dashboard-main[b-arnoas8w2r] {
    margin-left: 330px;
}

.dashboard-main.main-full-width[b-arnoas8w2r] {
    margin-left: 0;
}

.dashboard-content[b-arnoas8w2r] {
    width: 100%;
    flex: 1;
    padding-bottom: 0;
    min-height: 0;
    overflow-x: hidden;
}

.dashboard-content.has-navbar[b-arnoas8w2r] {
    padding-top: 100px;
}

/* Sidebar close button (mobile only) */
.sidebar-close-btn[b-arnoas8w2r] {
    display: none;
}

/* Sidebar overlay (mobile) */
.sidebar-overlay[b-arnoas8w2r] {
    display: none;
}

@media (max-width: 1024px) {
    .sidebar-overlay[b-arnoas8w2r] {
        display: block;
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        z-index: 9;
        backdrop-filter: blur(2px);
        -webkit-backdrop-filter: blur(2px);
        cursor: pointer;
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .sidebar[b-arnoas8w2r] {
        width: 280px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
    }

    .sidebar:hover[b-arnoas8w2r] {
        width: 280px;
    }

    .sidebar.open[b-arnoas8w2r] {
        transform: translateX(0);
    }

    .sidebar.open[b-arnoas8w2r]  .user-info,
    .sidebar.open[b-arnoas8w2r]  .nav-item span,
    .sidebar.open[b-arnoas8w2r]  .nav-separator {
        opacity: 1;
        pointer-events: auto;
    }

    .sidebar.open[b-arnoas8w2r]  .nav-item {
        text-decoration: none;
    }

    .sidebar-close-btn[b-arnoas8w2r] {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0.75rem;
        right: 0.75rem;
        width: 36px;
        height: 36px;
        background: none;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        color: #6b7280;
        transition: background 0.2s ease, color 0.2s ease;
        z-index: 11;
        flex-shrink: 0;
    }

    .sidebar-close-btn:hover[b-arnoas8w2r] {
        background: rgba(239, 68, 68, 0.08);
        color: #ef4444;
    }

    .dashboard-main[b-arnoas8w2r] {
        margin-left: 0;
    }

    .sidebar:hover ~ .dashboard-main[b-arnoas8w2r] {
        margin-left: 0;
    }

    .dashboard-content.has-navbar[b-arnoas8w2r] {
        padding-top: 100px;
    }
}

@media (max-width: 768px) {
    .dashboard-content.has-navbar[b-arnoas8w2r] {
        padding-top: 80px;
    }

    .dashboard-content[b-arnoas8w2r] {
        overflow-x: hidden;
    }
}

@media (max-width: 480px) {
    .dashboard-content.has-navbar[b-arnoas8w2r] {
        padding-top: 70px;
    }
}

/* Viewport-bound shell on small screens: one scroll area (main), no document/body scroll */
@media (max-width: 1024px) {
    .dashboard-page[b-arnoas8w2r] {
        height: 100%;
        max-height: 100dvh;
        min-height: 0;
        overflow: hidden;
    }

    .dashboard-container[b-arnoas8w2r] {
        flex: 1 1 auto;
        min-height: 0;
        max-height: 100%;
        overflow: hidden;
    }

    .dashboard-main[b-arnoas8w2r] {
        flex: 1 1 auto;
        min-height: 0;
        max-height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .dashboard-content[b-arnoas8w2r] {
        flex: 0 0 auto;
        min-height: 0;
    }
}

/* Patient add/edit modal: sits inside dashboard-main; lift main above fixed sidebar and block shell clicks */
body.patient-modal-open .dashboard-main[b-arnoas8w2r] {
    z-index: 20;
}

body.patient-modal-open .sidebar[b-arnoas8w2r] {
    pointer-events: none;
}

body.patient-modal-open .sidebar-overlay[b-arnoas8w2r] {
    pointer-events: none;
}

/* Treatment details modal: same stacking fix — modal lives in dashboard-main */
body.treatment-details-modal-open .dashboard-main[b-arnoas8w2r] {
    z-index: 20;
}

body.treatment-details-modal-open .sidebar[b-arnoas8w2r] {
    pointer-events: none;
}

body.treatment-details-modal-open .sidebar-overlay[b-arnoas8w2r] {
    pointer-events: none;
}

body.treatment-details-modal-open .dashboard-content[b-arnoas8w2r] {
    overflow: hidden;
}

/* Prescription print modal (fixed overlay, z-index 9995): lock shell scroll and block chrome behind */
body.pp-print-rx-open .dashboard-main[b-arnoas8w2r] {
    z-index: 9990;
}

body.pp-print-rx-open .sidebar[b-arnoas8w2r],
body.pp-print-rx-open .sidebar-overlay[b-arnoas8w2r] {
    pointer-events: none;
}

body.pp-print-rx-open .navbar-container[b-arnoas8w2r] {
    pointer-events: none;
}

body.pp-print-rx-open .dashboard-content[b-arnoas8w2r] {
    overflow: hidden;
}
/* /Pages/Contact.razor.rz.scp.css */
.contact-page[b-bljv8v7yct] {
    padding: 2rem 4rem 4rem 4rem;
    min-height: calc(100vh - 150px);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: transparent;
    position: relative;
}

.back-link[b-bljv8v7yct] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #4994FF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2rem;
    transition: color 0.2s ease;
}

    .back-link:hover[b-bljv8v7yct] {
        color: #357abd;
    }

    .back-link svg[b-bljv8v7yct] {
        width: 16px;
        height: 16px;
    }

/* Hero Section */
.hero-section[b-bljv8v7yct] {
    background: #FFFFFF;
    background: radial-gradient(58.33% 5.78% at 50% 91.11%, rgba(73, 148, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(206.06deg, #4994FF 19%, #3D76C7 83.58%);
    background-blend-mode: multiply;
    border-radius: 50px;
    padding: 3rem 2rem;
    margin-bottom: 0;
    text-align: center;
    position: relative;
    min-height: 550px;
    height: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.hero-content[b-bljv8v7yct] {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.question-icon-wrapper[b-bljv8v7yct] {
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
}

.question-icon[b-bljv8v7yct] {
    width: 48px;
    height: 48px;
    color: #4994FF;
}

.hero-title[b-bljv8v7yct] {
    font-size: 42px;
    font-weight: 700;
    color: white;
    margin: 0 0 1rem 0;
}

.hero-subtitle[b-bljv8v7yct] {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 2rem 0;
}

.search-container[b-bljv8v7yct] {
    margin-bottom: 2rem;
}

.search-input-wrapper[b-bljv8v7yct] {
    position: relative;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.search-icon[b-bljv8v7yct] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    color: white;
    pointer-events: none;
    z-index: 1;
}

.search-input[b-bljv8v7yct] {
    width: 100%;
    padding: 1rem 1rem 1rem 3rem;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

    .search-input:focus[b-bljv8v7yct] {
        outline: none;
        background: rgba(255, 255, 255, 0.2);
        border-color: rgba(255, 255, 255, 0.3);
    }

    .search-input[b-bljv8v7yct]::placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.stats-cards[b-bljv8v7yct] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    margin-top: -25px;
    margin-bottom: 3rem;
}

.stat-card[b-bljv8v7yct] {
    background: transparent;
    border: 2px solid #EFF6FF;
    border-radius: 14px;
    padding: 25px 25px 1px 25px;
    width: 350px;
    height: 110px;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    position: relative;
    box-sizing: border-box;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .stat-card:hover[b-bljv8v7yct] {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        background-color: white;
    }

    .stat-card.stat-card-drug:hover[b-bljv8v7yct] {
        border-color: #4994FF;
    }

    .stat-card.stat-card-providers:hover[b-bljv8v7yct] {
        border-color: #FFB050;
    }

    .stat-card.stat-card-accuracy:hover[b-bljv8v7yct] {
        border-color: #00A63E;
    }

.stat-icon-container[b-bljv8v7yct] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border-radius: 8px;
}

.stat-icon-drug[b-bljv8v7yct] {
    background-color: #EFF6FF;
}

.stat-icon-providers[b-bljv8v7yct] {
    background-color: #FFF7ED;
}

.stat-icon-accuracy[b-bljv8v7yct] {
    background-color: #F0FDF4;
}

.stat-icon-image[b-bljv8v7yct] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.stat-content[b-bljv8v7yct] {
    flex: 1;
    text-align: left;
}

.stat-value[b-bljv8v7yct] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.25rem;
}

.stat-label[b-bljv8v7yct] {
    font-size: 14px;
    color: #6b7280;
}

/* FAQ Sections */
.faq-sections[b-bljv8v7yct] {
    margin-bottom: 3rem;
}

.faq-section[b-bljv8v7yct] {
    margin-bottom: 3rem;
}

.faq-section-header[b-bljv8v7yct] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.faq-icon-container[b-bljv8v7yct] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.faq-icon-container-blue[b-bljv8v7yct] {
    background: linear-gradient(180deg, #4994FF 0%, #3B7DE6 100%);
}

.faq-icon-container-orange[b-bljv8v7yct] {
    background: linear-gradient(180deg, #FFB050 0%, #FF9A30 100%);
}

.faq-section-icon-image[b-bljv8v7yct] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.faq-section-title-group[b-bljv8v7yct] {
    flex: 1;
}

.faq-section-title[b-bljv8v7yct] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.faq-section-description[b-bljv8v7yct] {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
}

.faq-items[b-bljv8v7yct] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-accordion-item[b-bljv8v7yct] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
}

    .faq-accordion-item:hover[b-bljv8v7yct] {
        border-color: #4994FF;
        box-shadow: 0 2px 8px rgba(73, 148, 255, 0.1);
    }

    .faq-accordion-item.open[b-bljv8v7yct] {
        border-color: #4994FF;
    }

.faq-accordion-header[b-bljv8v7yct] {
    background: white;
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .faq-accordion-header:hover[b-bljv8v7yct] {
        background: #f9fafb;
    }

.faq-accordion-item.open .faq-accordion-header[b-bljv8v7yct] {
    border-bottom: 1px solid #e5e7eb;
}

.faq-question[b-bljv8v7yct] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    flex: 1;
}

.faq-chevron[b-bljv8v7yct] {
    width: 20px;
    height: 20px;
    color: #9ca3af;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

.faq-accordion-item.open .faq-chevron[b-bljv8v7yct] {
    color: #4994FF;
    transform: rotate(180deg);
}

.faq-accordion-content[b-bljv8v7yct] {
    padding: 1.25rem 1.5rem;
    background: white;
    animation: slideDown-b-bljv8v7yct 0.3s ease;
}

    .faq-accordion-content p[b-bljv8v7yct],
    .faq-accordion-content div[b-bljv8v7yct] {
        font-size: 14px;
        color: #6b7280;
        line-height: 1.6;
        margin: 0;
    }

    .faq-accordion-content ul[b-bljv8v7yct] {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .faq-accordion-content li[b-bljv8v7yct] {
        margin: 0.5rem 0;
        font-size: 14px;
        color: #6b7280;
        line-height: 1.6;
    }

    .faq-accordion-content a[b-bljv8v7yct] {
        color: #4994FF;
        text-decoration: underline;
    }

        .faq-accordion-content a:hover[b-bljv8v7yct] {
            color: #357abd;
        }

@keyframes slideDown-b-bljv8v7yct {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Still need help Section */
.still-need-help-section[b-bljv8v7yct] {
    background: #FFFFFF;
    background: radial-gradient(58.33% 5.78% at 50% 91.11%, rgba(73, 148, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(206.06deg, #4994FF 19%, #3D76C7 83.58%);
    background-blend-mode: multiply;
    border-radius: 50px;
    padding: 3rem 2rem;
    text-align: center;
    margin-bottom: 3rem;
}

.still-need-help-title[b-bljv8v7yct] {
    font-size: 32px;
    font-weight: 700;
    color: white;
    margin: 0 0 1rem 0;
}

.still-need-help-description[b-bljv8v7yct] {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 2rem 0;
}

.contact-support-btn[b-bljv8v7yct] {
    padding: 0.875rem 2rem;
    background: white;
    color: #4994FF;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A;
}

    .contact-support-btn:hover[b-bljv8v7yct] {
        background: #f9fafb;
        transform: translateY(-2px);
        box-shadow: 0px 4px 6px -4px #0000001A, 0px 10px 15px -3px #0000001A, 0 4px 12px rgba(0, 0, 0, 0.15);
    }

/* Contact Form Section */
.contact-form-section[b-bljv8v7yct] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 2.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

#contact-form-section[b-bljv8v7yct] {
    scroll-margin-top: 100px;
}

.contact-form[b-bljv8v7yct] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-row-top[b-bljv8v7yct] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.form-group-floating[b-bljv8v7yct] {
    position: relative;
}

.form-label-floating[b-bljv8v7yct] {
    position: absolute;
    left: 1rem;
    top: 0.875rem;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    pointer-events: none;
    transition: all 0.2s ease;
    background: transparent;
    z-index: 1;
    opacity: 0;
    transform: scale(0);
}

.form-group-floating .optional[b-bljv8v7yct] {
    color: #9ca3af;
    font-weight: 400;
}

.form-input[b-bljv8v7yct],
.form-textarea[b-bljv8v7yct] {
    width: 100%;
    padding: 0.875rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    background: white;
    box-sizing: border-box;
}

    .form-input:focus[b-bljv8v7yct],
    .form-textarea:focus[b-bljv8v7yct] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 255, 0.1);
    }

        .form-input:focus ~ .form-label-floating[b-bljv8v7yct],
        .form-input.has-value ~ .form-label-floating[b-bljv8v7yct],
        .form-input:not(:placeholder-shown) ~ .form-label-floating[b-bljv8v7yct],
        .form-label-floating.floating[b-bljv8v7yct] {
            top: -0.5rem;
            left: 0.75rem;
            font-size: 12px;
            color: #4994FF;
            background: white;
            padding: 0 0.25rem;
            opacity: 1;
            transform: scale(1);
        }

.form-textarea[b-bljv8v7yct] {
    resize: vertical;
    min-height: 120px;
}

    .form-textarea:focus ~ .form-label-floating[b-bljv8v7yct],
    .form-textarea.has-value ~ .form-label-floating[b-bljv8v7yct],
    .form-textarea:not(:placeholder-shown) ~ .form-label-floating[b-bljv8v7yct],
    .form-textarea ~ .form-label-floating.floating[b-bljv8v7yct] {
        top: -0.5rem;
        left: 0.75rem;
        font-size: 12px;
        color: #4994FF;
        background: white;
        padding: 0 0.25rem;
        opacity: 1;
        transform: scale(1);
    }

.send-message-btn[b-bljv8v7yct] {
    align-self: flex-start;
    padding: 0.875rem 2rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .send-message-btn:hover[b-bljv8v7yct] {
        background: #357abd;
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(74, 144, 255, 0.3);
    }

@media (min-width: 1280px) and (max-width: 1366px) {
    .contact-page[b-bljv8v7yct] {
        padding: 2rem 2.5rem 3rem 2.5rem;
    }

    .hero-section[b-bljv8v7yct] {
        padding: 2.5rem 2rem 3.5rem;
        min-height: 450px;
    }

    .hero-title[b-bljv8v7yct] {
        font-size: 38px;
        margin-bottom: 0.875rem;
    }

    .hero-subtitle[b-bljv8v7yct] {
        font-size: 17px;
        margin-bottom: 1.75rem;
    }

    .question-icon-wrapper[b-bljv8v7yct] {
        width: 75px;
        height: 75px;
        margin-bottom: 1.375rem;
    }

    .question-icon[b-bljv8v7yct] {
        width: 44px;
        height: 44px;
    }

    .search-input-wrapper[b-bljv8v7yct] {
        max-width: 600px;
    }

    .search-input[b-bljv8v7yct] {
        padding: 1rem 1rem 1rem 3rem;
        font-size: 15px;
    }

    .stats-cards[b-bljv8v7yct] {
        margin-top: -45px;
        gap: 1.25rem;
    }

    .stat-card[b-bljv8v7yct] {
        padding: 1.25rem;
    }

    .faq-section[b-bljv8v7yct] {
        margin-bottom: 2rem;
    }

    .faq-section-title[b-bljv8v7yct] {
        font-size: 1.375rem;
    }
}

@media (max-height: 800px) and (min-width: 769px) {
    .contact-page[b-bljv8v7yct] {
        padding: 1rem 1.5rem 1.5rem;
    }

    .hero-section[b-bljv8v7yct] {
        min-height: auto;
        padding: 1.5rem 1.5rem 2rem;
    }

    .stats-cards[b-bljv8v7yct] {
        margin-top: -24px;
    }
}

@media (max-width: 1024px) {
    .stats-cards[b-bljv8v7yct] {
        grid-template-columns: 1fr;
    }

    .form-row-top[b-bljv8v7yct] {
        grid-template-columns: 1fr;
    }

    .form-row[b-bljv8v7yct] {
        grid-template-columns: 1fr;
    }

    .hero-section[b-bljv8v7yct] {
        min-height: 450px;
        padding: 2.5rem 1.5rem 4rem 1.5rem;
        border-radius: 40px;
    }

    .hero-title[b-bljv8v7yct] {
        font-size: 36px;
    }

    .hero-subtitle[b-bljv8v7yct] {
        font-size: 16px;
    }

    .search-input-wrapper[b-bljv8v7yct] {
        max-width: 100%;
    }
}

@media (max-width: 1024px) and (max-height: 800px) {
    .hero-section[b-bljv8v7yct] {
        min-height: auto;
        padding: 1.5rem 1.25rem 2rem;
    }
}

@media (max-width: 768px) {
    .contact-page[b-bljv8v7yct] {
        padding: 0.75rem 0.75rem 1rem 0.75rem;
        min-height: auto;
        height: calc(100vh - 150px);
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .hero-section[b-bljv8v7yct] {
        border-radius: 20px;
        min-height: auto;
        max-height: 30vh;
        padding: 1.5rem 1rem 2rem 1rem;
        margin-bottom: 0.5rem;
    }

    .hero-title[b-bljv8v7yct] {
        font-size: 20px;
        margin-bottom: 0.5rem;
        line-height: 1.2;
    }

    .hero-subtitle[b-bljv8v7yct] {
        font-size: 12px;
        margin-bottom: 1rem;
        line-height: 1.4;
    }

    .question-icon-wrapper[b-bljv8v7yct] {
        width: 50px;
        height: 50px;
        margin-bottom: 0.75rem;
    }

    .question-icon[b-bljv8v7yct] {
        width: 28px;
        height: 28px;
    }

    .search-container[b-bljv8v7yct] {
        margin-bottom: 1rem;
    }

    .search-input-wrapper[b-bljv8v7yct] {
        width: 100%;
    }

    .search-input[b-bljv8v7yct] {
        padding: 0.625rem 0.625rem 0.625rem 2.25rem;
        font-size: 12px;
    }

    .search-icon[b-bljv8v7yct] {
        left: 0.75rem;
        width: 16px;
        height: 16px;
    }

    .stats-cards[b-bljv8v7yct] {
        margin-top: -20px;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .stat-card[b-bljv8v7yct] {
        width: 100%;
        padding: 0.75rem;
        height: auto;
        min-height: 70px;
    }

        .stat-card:hover[b-bljv8v7yct] {
            transform: none;
        }

    .stat-icon-container[b-bljv8v7yct] {
        width: 32px;
        height: 32px;
    }

    .stat-icon-image[b-bljv8v7yct] {
        width: 18px;
        height: 18px;
    }

    .stat-value[b-bljv8v7yct] {
        font-size: 16px;
    }

    .stat-label[b-bljv8v7yct] {
        font-size: 10px;
    }

    .faq-sections[b-bljv8v7yct] {
        margin-bottom: 1rem;
    }

    .faq-section[b-bljv8v7yct] {
        margin-bottom: 1rem;
    }

    .faq-section-header[b-bljv8v7yct] {
        margin-bottom: 0.75rem;
        gap: 0.5rem;
    }

    .faq-icon-container[b-bljv8v7yct] {
        width: 36px;
        height: 36px;
    }

    .faq-section-icon-image[b-bljv8v7yct] {
        width: 18px;
        height: 18px;
    }

    .faq-section-title[b-bljv8v7yct] {
        font-size: 16px;
    }

    .faq-section-description[b-bljv8v7yct] {
        font-size: 11px;
    }

    .faq-items[b-bljv8v7yct] {
        gap: 0.5rem;
    }

    .faq-accordion-header[b-bljv8v7yct] {
        padding: 0.75rem 1rem;
    }

    .faq-question[b-bljv8v7yct] {
        font-size: 13px;
    }

    .faq-accordion-content[b-bljv8v7yct] {
        padding: 0.75rem 1rem;
    }

        .faq-accordion-content p[b-bljv8v7yct],
        .faq-accordion-content div[b-bljv8v7yct] {
            font-size: 12px;
            line-height: 1.5;
        }

    .still-need-help-section[b-bljv8v7yct] {
        border-radius: 20px;
        padding: 1.5rem 1rem;
        margin-bottom: 1rem;
    }

    .still-need-help-title[b-bljv8v7yct] {
        font-size: 20px;
        margin-bottom: 0.5rem;
    }

    .still-need-help-description[b-bljv8v7yct] {
        font-size: 12px;
        margin-bottom: 1rem;
    }

    .contact-support-btn[b-bljv8v7yct] {
        padding: 0.625rem 1.5rem;
        font-size: 13px;
    }

    .contact-form-section[b-bljv8v7yct] {
        padding: 1rem;
    }

    .contact-form[b-bljv8v7yct] {
        gap: 1rem;
    }

    .form-row-top[b-bljv8v7yct] {
        grid-template-columns: 1fr;
        gap: 0.75rem;
    }

    .form-input[b-bljv8v7yct],
    .form-textarea[b-bljv8v7yct] {
        padding: 0.625rem 0.875rem;
        font-size: 12px;
    }

    .form-textarea[b-bljv8v7yct] {
        min-height: 80px;
    }

    .send-message-btn[b-bljv8v7yct] {
        padding: 0.625rem 1.5rem;
        font-size: 13px;
    }

    .faq-section-header[b-bljv8v7yct] {
        flex-direction: row;
        gap: 0.5rem;
    }
}

@media (max-width: 480px) {
    .contact-page[b-bljv8v7yct] {
        padding: 0.75rem 0.75rem 1rem 0.75rem;
    }

    .hero-section[b-bljv8v7yct] {
        border-radius: 16px;
        max-height: 25vh;
        padding: 1rem 0.75rem 1.5rem 0.75rem;
    }

    .hero-title[b-bljv8v7yct] {
        font-size: 18px;
        margin-bottom: 0.375rem;
    }

    .hero-subtitle[b-bljv8v7yct] {
        font-size: 11px;
        margin-bottom: 0.75rem;
    }

    .question-icon-wrapper[b-bljv8v7yct] {
        width: 40px;
        height: 40px;
        margin-bottom: 0.5rem;
    }

    .question-icon[b-bljv8v7yct] {
        width: 24px;
        height: 24px;
    }

    .search-input[b-bljv8v7yct] {
        padding: 0.5rem 0.5rem 0.5rem 2rem;
        font-size: 11px;
    }

    .search-icon[b-bljv8v7yct] {
        left: 0.625rem;
        width: 14px;
        height: 14px;
    }

    .stats-cards[b-bljv8v7yct] {
        margin-top: -15px;
        gap: 0.375rem;
    }

    .stat-card[b-bljv8v7yct] {
        padding: 0.5rem;
        min-height: 60px;
    }

    .stat-icon-container[b-bljv8v7yct] {
        width: 28px;
        height: 28px;
    }

    .stat-icon-image[b-bljv8v7yct] {
        width: 16px;
        height: 16px;
    }

    .stat-value[b-bljv8v7yct] {
        font-size: 14px;
    }

    .stat-label[b-bljv8v7yct] {
        font-size: 9px;
    }
}
/* /Pages/DrugChecker.razor.rz.scp.css */
/* DrugChecker page responsive layout */

@media (max-width: 1024px) {
    [b-nlxq8w9wh0] .hero-section {
        padding: 1rem 0;
    }

    [b-nlxq8w9wh0] .features-container {
        grid-template-columns: repeat(2, 1fr);
    }

    [b-nlxq8w9wh0] .form-container {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    [b-nlxq8w9wh0] .hero-container {
        flex-direction: column;
    }

    [b-nlxq8w9wh0] .hero-content {
        text-align: center;
        align-items: center;
    }

    [b-nlxq8w9wh0] .hero-image-container {
        margin-left: 0;
        width: 100%;
    }

    [b-nlxq8w9wh0] .features-container {
        grid-template-columns: 1fr;
    }

    [b-nlxq8w9wh0] .drug-interaction-form-page {
        padding: 1rem 0.75rem;
    }
}

@media (max-width: 480px) {
    [b-nlxq8w9wh0] .hero-section {
        padding: 0.5rem 0;
    }

    [b-nlxq8w9wh0] .features-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.375rem;
    }

    [b-nlxq8w9wh0] .drug-interaction-form-page {
        padding: 0.75rem 0.5rem;
    }
}
/* /Pages/DrugCheckerLogin.razor.rz.scp.css */
/* Auth Page Container */
.auth-page[b-bzbhmqzf3i] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    padding: 2rem;
}

.auth-card[b-bzbhmqzf3i] {
    width: 100%;
    max-width: 1100px;
    background: #ffffff;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
}

.auth-left[b-bzbhmqzf3i] {
    flex: 1;
    padding: 3rem 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.auth-logo img[b-bzbhmqzf3i] {
    height: 40px;
    width: auto;
}

.auth-content[b-bzbhmqzf3i] {
    max-width: 380px;
}

.auth-title[b-bzbhmqzf3i] {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: #111827;
}

.auth-subtitle[b-bzbhmqzf3i] {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 2rem 0;
}

/* Google Button */
.google-button[b-bzbhmqzf3i] {
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    border: 1px solid #4994FF;
    background: #ffffff;
    color: #4994FF;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    font-family: 'Montserrat', inherit;
}

.google-button:hover[b-bzbhmqzf3i] {
    background: #4994FF;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Google Button Wrapper - overlay approach */
.google-button-wrapper[b-bzbhmqzf3i] {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

.google-button-wrapper .google-button[b-bzbhmqzf3i] {
    margin-bottom: 0;
    pointer-events: none;
}

/* Divider */
.auth-divider[b-bzbhmqzf3i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0;
    font-size: 12px;
    color: #9ca3af;
}

.auth-divider[b-bzbhmqzf3i]::before,
.auth-divider[b-bzbhmqzf3i]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}

/* Form */
.auth-form[b-bzbhmqzf3i] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-group[b-bzbhmqzf3i] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-label[b-bzbhmqzf3i] {
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
}

/* Form Inputs */
.form-input[b-bzbhmqzf3i] {
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    font-family: inherit;
    color: #111827;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background: #f9fafb;
}

.form-input:focus[b-bzbhmqzf3i] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
    background: #ffffff;
}

.form-input:disabled[b-bzbhmqzf3i] {
    background: #f3f4f6;
    cursor: not-allowed;
}

/* Password Wrapper */
.password-wrapper[b-bzbhmqzf3i] {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding-right: 0.25rem;
}

.password-wrapper:focus-within[b-bzbhmqzf3i] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
    background: #ffffff;
}

.password-wrapper .form-input[b-bzbhmqzf3i] {
    border: none;
    box-shadow: none;
    background: transparent;
}

.password-toggle[b-bzbhmqzf3i] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.eye-icon[b-bzbhmqzf3i] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Phone Group */
.phone-group .phone-input-wrapper[b-bzbhmqzf3i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.phone-prefix[b-bzbhmqzf3i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 0.85rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 13px;
}

.flag-icon[b-bzbhmqzf3i] {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
}

.country-code-select[b-bzbhmqzf3i] {
    border: none;
    background: transparent;
    color: #4b5563;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    cursor: pointer;
}

.phone-input[b-bzbhmqzf3i] {
    flex: 1;
}

/* Form Row */
.form-row[b-bzbhmqzf3i] {
    display: flex;
    align-items: center;
}

.form-row-between[b-bzbhmqzf3i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Checkbox */
.checkbox-label[b-bzbhmqzf3i] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 13px;
    color: #4b5563;
}

.checkbox-label input[b-bzbhmqzf3i] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Primary Button */
.primary-button[b-bzbhmqzf3i] {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 8px;
    border: none;
    background: #2563eb;
    color: white;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: 'Montserrat', inherit;
}

.primary-button:hover:not(:disabled)[b-bzbhmqzf3i] {
    background: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
}

.primary-button:disabled[b-bzbhmqzf3i] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Footer Links */
.auth-footer-links[b-bzbhmqzf3i] {
    margin-top: 1.5rem;
    text-align: center;
}

.auth-footer-text[b-bzbhmqzf3i] {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.auth-footer-text a[b-bzbhmqzf3i] {
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
}

.auth-footer-text a:hover[b-bzbhmqzf3i] {
    text-decoration: underline;
}

.auth-footer-link[b-bzbhmqzf3i] {
    margin-top: 0.75rem;
    font-size: 13px;
}

.auth-footer-link a[b-bzbhmqzf3i] {
    color: #2563eb;
    text-decoration: none;
}

.auth-footer-link a:hover[b-bzbhmqzf3i] {
    text-decoration: underline;
}

/* Right Side - Branding */
.auth-right[b-bzbhmqzf3i] {
    flex: 1.1;
    position: relative;
    background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.2), transparent 55%), 
                radial-gradient(circle at 70% 70%, rgba(249, 115, 22, 0.25), transparent 55%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.auth-robot-image[b-bzbhmqzf3i] {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Spinner */
.spinner-border[b-bzbhmqzf3i] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-bzbhmqzf3i 0.75s linear infinite;
}

.spinner-border-sm[b-bzbhmqzf3i] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.2em;
}

@keyframes spinner-border-b-bzbhmqzf3i {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 1024px) {
    .auth-card[b-bzbhmqzf3i] {
        flex-direction: column;
    }

    .auth-left[b-bzbhmqzf3i] {
        padding: 2.5rem 2rem;
    }

    .auth-right[b-bzbhmqzf3i] {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .auth-page[b-bzbhmqzf3i] {
        padding: 1.5rem 1rem;
    }

    .auth-card[b-bzbhmqzf3i] {
        border-radius: 16px;
    }

    .auth-left[b-bzbhmqzf3i] {
        padding: 2rem 1.5rem;
    }

    .auth-title[b-bzbhmqzf3i] {
        font-size: 32px;
    }

    .auth-right[b-bzbhmqzf3i] {
        display: none;
    }
}
/* /Pages/DrugCheckerRegister.razor.rz.scp.css */
/* Auth Page Container */
.auth-page[b-8yjx6tv4tn] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    padding: 2rem;
}

.auth-card[b-8yjx6tv4tn] {
    width: 100%;
    max-width: 1100px;
    background: #ffffff;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
}

.auth-left[b-8yjx6tv4tn] {
    flex: 1;
    padding: 3rem 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.auth-logo img[b-8yjx6tv4tn] {
    height: 40px;
    width: auto;
}

.auth-content[b-8yjx6tv4tn] {
    max-width: 380px;
}

.auth-title[b-8yjx6tv4tn] {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: #111827;
}

.auth-subtitle[b-8yjx6tv4tn] {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 2rem 0;
}

/* Google Button */
.google-button[b-8yjx6tv4tn] {
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 12px;
    border: 1px solid #4994FF;
    background: #ffffff;
    color: #4994FF;
    font-weight: 500;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    font-family: 'Montserrat', inherit;
}

.google-button:hover[b-8yjx6tv4tn] {
    background: #4994FF;
    color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Google Button Wrapper - overlay approach */
.google-button-wrapper[b-8yjx6tv4tn] {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

.google-button-wrapper .google-button[b-8yjx6tv4tn] {
    margin-bottom: 0;
    pointer-events: none;
}

/* Divider */
.auth-divider[b-8yjx6tv4tn] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.5rem 0;
    font-size: 12px;
    color: #9ca3af;
}

.auth-divider[b-8yjx6tv4tn]::before,
.auth-divider[b-8yjx6tv4tn]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e7eb;
}

/* Form */
.auth-form[b-8yjx6tv4tn] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.form-group[b-8yjx6tv4tn] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.form-label[b-8yjx6tv4tn] {
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
}

/* Form Inputs */
.form-input[b-8yjx6tv4tn] {
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    font-family: inherit;
    color: #111827;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background: #f9fafb;
}

.form-input:focus[b-8yjx6tv4tn] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
    background: #ffffff;
}

.form-input:disabled[b-8yjx6tv4tn] {
    background: #f3f4f6;
    cursor: not-allowed;
}

/* Password Wrapper */
.password-wrapper[b-8yjx6tv4tn] {
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    padding-right: 0.25rem;
}

.password-wrapper:focus-within[b-8yjx6tv4tn] {
    border-color: #3b82f6;
    box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3);
    background: #ffffff;
}

.password-wrapper .form-input[b-8yjx6tv4tn] {
    border: none;
    box-shadow: none;
    background: transparent;
}

.password-toggle[b-8yjx6tv4tn] {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b7280;
}

.eye-icon[b-8yjx6tv4tn] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Phone Group */
.phone-group .phone-input-wrapper[b-8yjx6tv4tn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.phone-prefix[b-8yjx6tv4tn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 0.85rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    font-size: 13px;
}

.flag-icon[b-8yjx6tv4tn] {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
}

.country-code-select[b-8yjx6tv4tn] {
    border: none;
    background: transparent;
    color: #4b5563;
    font-size: 13px;
    font-family: inherit;
    outline: none;
    cursor: pointer;
}

.phone-input[b-8yjx6tv4tn] {
    flex: 1;
}

/* Form Row */
.form-row[b-8yjx6tv4tn] {
    display: flex;
    align-items: center;
}

.form-row-between[b-8yjx6tv4tn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Checkbox */
.checkbox-label[b-8yjx6tv4tn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 13px;
    color: #4b5563;
}

.checkbox-label input[b-8yjx6tv4tn] {
    width: 16px;
    height: 16px;
    cursor: pointer;
}

/* Primary Button */
.primary-button[b-8yjx6tv4tn] {
    margin-top: 0.5rem;
    width: 100%;
    padding: 0.9rem 1rem;
    border-radius: 8px;
    border: none;
    background: #2563eb;
    color: white;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.1s ease, box-shadow 0.2s ease;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-family: 'Montserrat', inherit;
}

.primary-button:hover:not(:disabled)[b-8yjx6tv4tn] {
    background: #1d4ed8;
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
}

.primary-button:disabled[b-8yjx6tv4tn] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Footer Links */
.auth-footer-links[b-8yjx6tv4tn] {
    margin-top: 1.5rem;
    text-align: center;
}

.auth-footer-text[b-8yjx6tv4tn] {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

.auth-footer-text a[b-8yjx6tv4tn] {
    color: #2563eb;
    font-weight: 600;
    text-decoration: none;
}

.auth-footer-text a:hover[b-8yjx6tv4tn] {
    text-decoration: underline;
}

.auth-footer-link[b-8yjx6tv4tn] {
    margin-top: 0.75rem;
    font-size: 13px;
}

.auth-footer-link a[b-8yjx6tv4tn] {
    color: #2563eb;
    text-decoration: none;
}

.auth-footer-link a:hover[b-8yjx6tv4tn] {
    text-decoration: underline;
}

/* Right Side - Branding */
.auth-right[b-8yjx6tv4tn] {
    flex: 1.1;
    position: relative;
    background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.2), transparent 55%), 
                radial-gradient(circle at 70% 70%, rgba(249, 115, 22, 0.25), transparent 55%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.auth-robot-image[b-8yjx6tv4tn] {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Spinner */
.spinner-border[b-8yjx6tv4tn] {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-8yjx6tv4tn 0.75s linear infinite;
}

.spinner-border-sm[b-8yjx6tv4tn] {
    width: 0.875rem;
    height: 0.875rem;
    border-width: 0.2em;
}

@keyframes spinner-border-b-8yjx6tv4tn {
    to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 1024px) {
    .auth-card[b-8yjx6tv4tn] {
        flex-direction: column;
    }

    .auth-left[b-8yjx6tv4tn] {
        padding: 2.5rem 2rem;
    }

    .auth-right[b-8yjx6tv4tn] {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .auth-page[b-8yjx6tv4tn] {
        padding: 1.5rem 1rem;
    }

    .auth-card[b-8yjx6tv4tn] {
        border-radius: 16px;
    }

    .auth-left[b-8yjx6tv4tn] {
        padding: 2rem 1.5rem;
    }

    .auth-title[b-8yjx6tv4tn] {
        font-size: 32px;
    }

    .auth-right[b-8yjx6tv4tn] {
        display: none;
    }
}
/* /Pages/DrugInteractionCheckerForm.razor.rz.scp.css */
.drug-interaction-form-page[b-1lr8hz5y1k] {
    min-height: 100vh;
    padding: 2rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: transparent;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.plan-banner[b-1lr8hz5y1k] {
    max-width: 1440px;
    margin: 0 auto 2rem auto;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    background: #FFFFFF;
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(73, 148, 255, 0.2);
}

    .plan-banner[b-1lr8hz5y1k]::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(206.06deg, #4994FF 19%, #3D76C7 83.58%);
        background-blend-mode: multiply;
        z-index: 0;
    }

    .plan-banner[b-1lr8hz5y1k]::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(58.33% 5.78% at 50% 91.11%, rgba(73, 148, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
        z-index: 1;
    }

.plan-banner-content[b-1lr8hz5y1k] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    position: relative;
    z-index: 2;
}

.plan-info[b-1lr8hz5y1k],
.tokens-info[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plan-label[b-1lr8hz5y1k],
.tokens-label[b-1lr8hz5y1k] {
    font-size: 0.875rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.plan-name[b-1lr8hz5y1k],
.tokens-count[b-1lr8hz5y1k] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFFFFF;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

@media (max-width: 768px) {
    .plan-banner[b-1lr8hz5y1k] {
        padding: 1rem 1.5rem;
        margin-bottom: 1.5rem;
    }

    .plan-banner-content[b-1lr8hz5y1k] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .plan-name[b-1lr8hz5y1k],
    .tokens-count[b-1lr8hz5y1k] {
        font-size: 1.25rem;
    }
}

.form-container[b-1lr8hz5y1k] {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
    align-items: start;
    position: relative;
    z-index: 1;
}

@media (min-width: 1280px) and (max-width: 1366px) {
    .form-container[b-1lr8hz5y1k] {
        gap: 1.5rem;
        padding: 0 1rem;
    }

    .form-section[b-1lr8hz5y1k] {
        padding: 1.25rem;
    }

    .section-title[b-1lr8hz5y1k] {
        font-size: 1.15rem;
    }

    .right-panel-wrapper[b-1lr8hz5y1k] {
        top: 100px;
    }

    .summary-panel[b-1lr8hz5y1k] {
        padding: 1.125rem;
    }

    .ads-carousel-wrapper[b-1lr8hz5y1k] {
        height: 520px;
    }
}

.right-panel-wrapper[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    position: sticky;
    top: 20px;
    height: fit-content;
    align-self: start;
}

.form-sections[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.form-section[b-1lr8hz5y1k] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.08);
    margin-bottom: 1rem;
    overflow: visible;
    z-index: 1001;
}

.form-section-with-search[b-1lr8hz5y1k] {
    position: relative;
    z-index: 1000;
    overflow: visible !important;
}

/* Ensure the currently active search section is always above following sections */
.form-section-with-search:focus-within[b-1lr8hz5y1k] {
    z-index: 2000;
}

.form-section:not(.form-section-with-search)[b-1lr8hz5y1k] {
    position: relative;
    z-index: 1;
}

.search-input-wrapper[b-1lr8hz5y1k] {
    position: relative;
    z-index: 1001;
}

.patient-search-wrapper[b-1lr8hz5y1k] {
    position: relative;
    z-index: 1002;
    margin-bottom: 24px;
    background: rgba(255, 255, 255, 0.4);
    padding: 16px;
    border-radius: 10px;
    border: 1px dashed #cbd5e1;
}

.section-header[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.section-icon[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    color: #4D4D4D;
    background: rgba(73, 144, 255, 0.1);
    border-radius: 16px;
    padding: 8px;
}

    .section-icon svg[b-1lr8hz5y1k],
    .section-icon img[b-1lr8hz5y1k] {
        width: 20px;
        height: 20px;
        object-fit: contain;
    }

.section-icon-safety[b-1lr8hz5y1k] {
    background: #FEF0DC;
}

.section-icon-diagnoses[b-1lr8hz5y1k] {
    background: #DCFCE7;
}

.section-icon-allergies[b-1lr8hz5y1k] {
    background: #FFE2E2;
}

.section-title[b-1lr8hz5y1k] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333333;
    margin: 0;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.optional-text[b-1lr8hz5y1k] {
    font-size: 0.85rem;
    font-weight: 400;
    color: #101828;
}

.form-grid[b-1lr8hz5y1k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.form-group[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.patient-search-group[b-1lr8hz5y1k] {
    margin-bottom: 0.25rem;
}

    .form-group label[b-1lr8hz5y1k] {
        font-size: 0.9rem;
        font-weight: 500;
        color: #4D4D4D;
        font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

.form-input[b-1lr8hz5y1k] {
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    background: #ffffff;
}

    .form-input:focus[b-1lr8hz5y1k] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }


.age-input-container[b-1lr8hz5y1k] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
}

.age-input-part[b-1lr8hz5y1k] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.age-input[b-1lr8hz5y1k] {
    padding: 0.75rem 0.5rem;
    text-align: center;
    width: 100%;
}

.age-label[b-1lr8hz5y1k] {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.form-select[b-1lr8hz5y1k] {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%234D4D4D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 12px 8px;
    padding-right: 2.5rem;
    cursor: pointer;
}

.form-date[b-1lr8hz5y1k] {
    position: relative;
    cursor: pointer;
}

    .form-date[b-1lr8hz5y1k]::-webkit-calendar-picker-indicator {
        cursor: pointer;
        opacity: 1;
    }

.weight-input-container[b-1lr8hz5y1k] {
    position: relative;
    display: flex;
    align-items: center;
}

.weight-input-with-icon[b-1lr8hz5y1k] {
    padding-right: 3.5rem;
    width: 100%;
}

.weight-calculator-button[b-1lr8hz5y1k] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    z-index: 1;
}

    .weight-calculator-button:hover[b-1lr8hz5y1k] {
        opacity: 0.7;
        transform: translateY(-50%) scale(1.1);
    }

    .weight-calculator-button:active[b-1lr8hz5y1k] {
        transform: translateY(-50%) scale(0.95);
    }

.weight-calculator-icon[b-1lr8hz5y1k] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.helper-text[b-1lr8hz5y1k] {
    font-size: 0.75rem;
    color: #4994FF;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    margin-top: 0.25rem;
    display: block;
}

@media (min-width: 1440px) {
    .weight-calculator-icon[b-1lr8hz5y1k] {
        width: 20px;
        height: 20px;
    }
}

.search-container[b-1lr8hz5y1k] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.search-container-with-icon[b-1lr8hz5y1k] {
    position: relative;
    gap: 0;
}

.search-icon-wrapper[b-1lr8hz5y1k] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    pointer-events: none;
    z-index: 1;
}

.drug-search-results[b-1lr8hz5y1k] {
    margin-top: 0.5rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: #ffffff;
    max-height: 200px;
    overflow-y: auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.drug-result-item[b-1lr8hz5y1k] {
    padding: 0.75rem 1rem;
    cursor: pointer;
    transition: background 0.2s ease;
    border-bottom: 1px solid #f0f0f0;
}

    .drug-result-item:last-child[b-1lr8hz5y1k] {
        border-bottom: none;
    }

    .drug-result-item:hover[b-1lr8hz5y1k] {
        background: #f8f9fa;
    }

.drug-result-name[b-1lr8hz5y1k] {
    font-weight: 500;
    color: #1A73E8;
    font-size: 0.95rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.drug-result-generic[b-1lr8hz5y1k] {
    font-size: 0.85rem;
    color: #666;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.search-container-inline[b-1lr8hz5y1k] {
    position: relative;
}

.search-input[b-1lr8hz5y1k] {
    flex: 1;
    padding: 0.75rem 3rem;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    font-size: 0.95rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
}

    .search-input:focus[b-1lr8hz5y1k] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    }

.add-button-inline[b-1lr8hz5y1k] {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: #4994FF;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.dic-rx-quick-section[b-1lr8hz5y1k] {
    margin-top: 0.85rem;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    background: #f8fbff;
}

.dic-rx-quick-toggle[b-1lr8hz5y1k] {
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0.65rem 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.dic-rx-quick-toggle-main[b-1lr8hz5y1k] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

.dic-rx-quick-title[b-1lr8hz5y1k] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1e3a8a;
}

.dic-rx-quick-hint[b-1lr8hz5y1k] {
    font-size: 0.74rem;
    color: #64748b;
}

.dic-rx-quick-chevron[b-1lr8hz5y1k] {
    color: #64748b;
    transition: transform 0.18s ease;
}

.dic-rx-quick-chevron--open[b-1lr8hz5y1k] {
    transform: rotate(180deg);
}

.dic-rx-quick-inner[b-1lr8hz5y1k] {
    border-top: 1px solid #e2e8f0;
    padding: 0.65rem 0.8rem 0.8rem;
}

.dic-rx-quick-tabs[b-1lr8hz5y1k] {
    display: flex;
    gap: 0.4rem;
    margin-bottom: 0.6rem;
}

.dic-rx-quick-tab[b-1lr8hz5y1k] {
    border: 1px solid #d1d5db;
    background: #fff;
    color: #475569;
    border-radius: 8px;
    padding: 0.3rem 0.55rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.dic-rx-quick-tab--active[b-1lr8hz5y1k] {
    border-color: #2563eb;
    color: #2563eb;
    background: #eff6ff;
}

.dic-rx-quick-tab-badge[b-1lr8hz5y1k] {
    font-size: 0.68rem;
    min-width: 18px;
    text-align: center;
    padding: 0.08rem 0.28rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #334155;
}

.dic-rx-quick-tab--active .dic-rx-quick-tab-badge[b-1lr8hz5y1k] {
    background: #dbeafe;
    color: #1d4ed8;
}

.dic-rx-quick-panel-head[b-1lr8hz5y1k] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.45rem;
}

.dic-rx-link-btn[b-1lr8hz5y1k] {
    border: 0;
    background: transparent;
    color: #2563eb;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.dic-rx-empty[b-1lr8hz5y1k] {
    margin: 0;
    font-size: 0.77rem;
    color: #64748b;
}

.dic-rx-fav-grid[b-1lr8hz5y1k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

.dic-rx-fav-card[b-1lr8hz5y1k] {
    position: relative;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    background: #fff;
    padding: 0.65rem;
    cursor: pointer;
}

.dic-rx-fav-star[b-1lr8hz5y1k],
.dic-rx-fav-add[b-1lr8hz5y1k] {
    position: absolute;
    top: 0.35rem;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 0;
    cursor: pointer;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.dic-rx-fav-star[b-1lr8hz5y1k] {
    right: 0.35rem;
    background: #fee2e2;
    color: #b91c1c;
}

.dic-rx-fav-add[b-1lr8hz5y1k] {
    right: 1.85rem;
    background: #dbeafe;
    color: #1d4ed8;
}

.dic-rx-fav-name[b-1lr8hz5y1k] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #0f172a;
    padding-right: 2.7rem;
}

.dic-rx-fav-generic[b-1lr8hz5y1k] {
    font-size: 0.72rem;
    color: #64748b;
    margin-top: 0.22rem;
    line-height: 1.35;
}

.dic-rx-recent-chips[b-1lr8hz5y1k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.42rem;
}

.dic-rx-recent-chip[b-1lr8hz5y1k] {
    border: 1px solid #dbeafe;
    background: #fff;
    color: #1e40af;
    border-radius: 999px;
    font-size: 0.73rem;
    padding: 0.26rem 0.58rem;
    cursor: pointer;
}

.selected-drugs[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
}

.drug-item[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background: rgba(239, 246, 255, 0.5);
    border-radius: 8px;
    border: 1px solid rgba(219, 234, 254, 1);
    margin-bottom: 0.5rem;
}

.drug-info[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.drug-name[b-1lr8hz5y1k] {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: rgba(16, 24, 40, 1);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.drug-generic[b-1lr8hz5y1k] {
    font-size: 14px;
    color: rgba(74, 85, 101, 1);
    font-weight: 400;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.drug-actions[b-1lr8hz5y1k] {
    display: flex;
    gap: 0.5rem;
}

.list-button[b-1lr8hz5y1k] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.25rem 0.5rem;
    color: #999;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dic-rx-pin-btn[b-1lr8hz5y1k] {
    color: #94a3b8;
    font-size: 0.95rem;
}

.dic-rx-pin-btn--on[b-1lr8hz5y1k] {
    color: #dc2626;
}

    .list-button svg[b-1lr8hz5y1k],
    .list-button .calculator-icon[b-1lr8hz5y1k] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

.calculator-icon[b-1lr8hz5y1k] {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.remove-button[b-1lr8hz5y1k] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 1.1rem;
    padding: 0.25rem 0.5rem;
    color: #999;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .remove-button svg[b-1lr8hz5y1k] {
        width: 18px;
        height: 18px;
        flex-shrink: 0;
    }

    .remove-button:hover[b-1lr8hz5y1k] {
        color: #e53935;
    }

.checkbox-group[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.checkbox-label[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.95rem;
    color: #4D4D4D;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.custom-checkbox[b-1lr8hz5y1k] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.custom-checkbox-input[b-1lr8hz5y1k] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 1;
}

.custom-checkbox-mark[b-1lr8hz5y1k] {
    width: 20px;
    height: 20px;
    border: 2px solid #D0D5DD;
    border-radius: 4px;
    background: #ffffff;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .custom-checkbox-mark.checked[b-1lr8hz5y1k] {
        background: #4994FF;
        border-color: #4994FF;
    }

        .custom-checkbox-mark.checked[b-1lr8hz5y1k]::after {
            content: '';
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }

.custom-checkbox-input:focus + .custom-checkbox-mark[b-1lr8hz5y1k] {
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
}

.checkbox-text[b-1lr8hz5y1k] {
    flex: 1;
}

.tags-container[b-1lr8hz5y1k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.tag[b-1lr8hz5y1k] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #e3f2fd;
    color: #1A73E8;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.tag-condition[b-1lr8hz5y1k] {
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
    color: #333333;
}

.tag-allergy[b-1lr8hz5y1k] {
    background: #FEF2F2;
    border: 1px solid #FFC9C9;
    border-radius: 10px;
    color: #82181A;
}

.tag-remove[b-1lr8hz5y1k] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: black;
    font-size: 1rem;
    padding: 0;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .tag-remove svg[b-1lr8hz5y1k] {
        width: 14px;
        height: 14px;
        flex-shrink: 0;
        color: #82181A;
    }

    .tag-remove:hover[b-1lr8hz5y1k] {
        background: #1A73E8;
        color: white;
    }

.form-actions[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    padding: 2rem 0;
}

.btn-check-safety[b-1lr8hz5y1k] {
    padding: 1rem 3rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(74, 144, 226, 0.3);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-check-safety svg[b-1lr8hz5y1k],
    .btn-check-safety .btn-check-icon[b-1lr8hz5y1k] {
        width: 20px;
        height: 20px;
        flex-shrink: 0;
    }

.btn-check-icon[b-1lr8hz5y1k] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.btn-check-safety:hover[b-1lr8hz5y1k] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 144, 226, 0.4);
}

.btn-clear[b-1lr8hz5y1k] {
    background: transparent;
    color: #666;
    border: none;
    cursor: pointer;
    font-size: 0.95rem;
    text-decoration: underline;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: color 0.3s ease;
}

    .btn-clear:hover[b-1lr8hz5y1k] {
        color: #1A73E8;
    }

.summary-panel[b-1lr8hz5y1k] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 1.25rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: fit-content;
}

.summary-title[b-1lr8hz5y1k] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333333;
    margin: 0 0 1rem 0;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.summary-items[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.summary-item[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.summary-item-vertical[b-1lr8hz5y1k] {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.summary-content[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.summary-icon[b-1lr8hz5y1k] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    color: #4D4D4D;
    background: rgba(77, 77, 77, 0.1);
    border-radius: 16px;
    padding: 6px;
}

    .summary-icon svg[b-1lr8hz5y1k],
    .summary-icon img[b-1lr8hz5y1k] {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

.summary-separator[b-1lr8hz5y1k] {
    height: 1px;
    background: #E5E7EB;
    margin: 0.5rem 0;
}

.summary-label[b-1lr8hz5y1k] {
    flex: 1;
    font-size: 0.9rem;
    color: #4D4D4D;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.summary-count[b-1lr8hz5y1k] {
    font-size: 1rem;
    font-weight: 700;
    color: #333333;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.summary-status[b-1lr8hz5y1k] {
    font-size: 0.9rem;
    font-weight: 600;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .summary-status.on[b-1lr8hz5y1k] {
        color: #FFB050;
    }

    .summary-status.off[b-1lr8hz5y1k] {
        color: #999;
    }

.ads-container[b-1lr8hz5y1k] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
}

.ads-carousel-wrapper[b-1lr8hz5y1k] {
    width: 100%;
    height: 560px;
    overflow: hidden;
    position: relative;
}

.ads-carousel[b-1lr8hz5y1k] {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
    height: 100%;
}

.ads-container .ad-item[b-1lr8hz5y1k] {
    flex: 0 0 50%;
    width: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0.2rem 0;
    text-decoration: none;
    color: inherit;
    border-radius: 8px;
    transition: background-color 0.2s ease;
    box-sizing: border-box;
}

.ads-container .ad-item:hover[b-1lr8hz5y1k] {
    background-color: rgba(0, 0, 0, 0.04);
}

.ads-container--instagram[b-1lr8hz5y1k] {
    padding: 0.75rem;
}

.ads-instagram-stack[b-1lr8hz5y1k] {
    width: 100%;
}

.ads-container--instagram .ad-item--instagram[b-1lr8hz5y1k] {
    height: 560px;
    padding: 0;
    justify-content: center;
    background: #050505;
}

.ads-instagram-scroll[b-1lr8hz5y1k] {
    display: none;
}

.ads-container--instagram .ad-item--instagram:hover[b-1lr8hz5y1k] {
    background: #050505;
}

.ads-container .ad-item img[b-1lr8hz5y1k] {
    width: 100%;
    flex: 1 1 0;
    min-height: 0;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
}

.ads-container .ad-item .ad-name[b-1lr8hz5y1k] {
    font-size: 0.75rem;
    font-weight: 500;
    margin-top: 0.25rem;
    padding: 0 0.25rem;
    text-align: center;
    line-height: 1.2;
    color: #333;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .form-container[b-1lr8hz5y1k] {
        grid-template-columns: 1fr;
    }

    .right-panel-wrapper[b-1lr8hz5y1k] {
        position: relative;
        top: 0;
    }

    .ads-container--instagram[b-1lr8hz5y1k] {
        overflow: hidden;
    }

    .ads-container--instagram .ads-instagram-active[b-1lr8hz5y1k] {
        display: none !important;
    }

    .ads-container--instagram .ads-instagram-scroll[b-1lr8hz5y1k] {
        display: flex;
        width: 100%;
        max-width: 100%;
        gap: 0.75rem;
        overflow-x: auto;
        overflow-y: hidden;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-color: rgba(148, 163, 184, 0.75) transparent;
        touch-action: pan-x;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 0.35rem;
    }

    .ads-container--instagram .ads-instagram-scroll-item[b-1lr8hz5y1k] {
        flex: 0 0 calc((100% - 0.75rem) / 2);
        width: calc((100% - 0.75rem) / 2);
        min-width: calc((100% - 0.75rem) / 2);
        height: auto;
        aspect-ratio: 9 / 16;
        scroll-snap-align: start;
    }

    .ads-container--instagram .ads-instagram-scroll[b-1lr8hz5y1k]::-webkit-scrollbar {
        height: 6px;
    }

    .ads-container--instagram .ads-instagram-scroll[b-1lr8hz5y1k]::-webkit-scrollbar-thumb {
        background: rgba(148, 163, 184, 0.75);
        border-radius: 999px;
    }
}

@media (max-height: 800px) and (min-width: 769px) {
    .drug-interaction-form-page[b-1lr8hz5y1k] {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

    .form-container[b-1lr8hz5y1k] {
        gap: 1rem;
    }
}

@media (max-width: 768px) {
    .drug-interaction-form-page[b-1lr8hz5y1k] {
        padding: 1rem 0.75rem;
        min-height: 0;
    }

    .plan-banner[b-1lr8hz5y1k] {
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
        border-radius: 8px;
    }

    .plan-banner-content[b-1lr8hz5y1k] {
        gap: 0.75rem;
    }

    .plan-label[b-1lr8hz5y1k],
    .tokens-label[b-1lr8hz5y1k] {
        font-size: 0.75rem;
    }

    .plan-name[b-1lr8hz5y1k],
    .tokens-count[b-1lr8hz5y1k] {
        font-size: 1rem;
    }

    .form-container[b-1lr8hz5y1k] {
        gap: 1rem;
    }

    .form-section[b-1lr8hz5y1k] {
        padding: 1rem;
        margin-bottom: 0.75rem;
        border-radius: 8px;
    }

    .section-header[b-1lr8hz5y1k] {
        margin-bottom: 0.75rem;
        gap: 0.5rem;
    }

    .section-icon[b-1lr8hz5y1k] {
        width: 36px;
        height: 36px;
        padding: 6px;
    }

        .section-icon svg[b-1lr8hz5y1k],
        .section-icon img[b-1lr8hz5y1k] {
            width: 16px;
            height: 16px;
        }

    .section-title[b-1lr8hz5y1k] {
        font-size: 1rem;
    }

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

    .form-group[b-1lr8hz5y1k] {
        gap: 0.375rem;
    }

        .form-group label[b-1lr8hz5y1k] {
            font-size: 0.8rem;
        }

    .form-input[b-1lr8hz5y1k] {
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
    }

    .age-input[b-1lr8hz5y1k] {
        padding: 0.625rem 0.375rem;
    }

    .age-label[b-1lr8hz5y1k] {
        font-size: 0.65rem;
    }

    .weight-input-with-icon[b-1lr8hz5y1k] {
        padding-right: 3rem;
    }

    .weight-calculator-button[b-1lr8hz5y1k] {
        right: 2rem;
    }

    .weight-calculator-icon[b-1lr8hz5y1k] {
        width: 16px;
        height: 16px;
    }

    .search-container[b-1lr8hz5y1k] {
        margin-bottom: 0.75rem;
    }

    .search-input[b-1lr8hz5y1k] {
        padding: 0.625rem 2.5rem 0.625rem 0.75rem;
        font-size: 0.875rem;
    }

    .search-icon-wrapper[b-1lr8hz5y1k] {
        left: 0.75rem;
    }

    .drug-search-results[b-1lr8hz5y1k] {
        max-height: 150px;
    }

    .drug-result-item[b-1lr8hz5y1k] {
        padding: 0.625rem 0.75rem;
    }

    .drug-result-name[b-1lr8hz5y1k] {
        font-size: 0.875rem;
    }

    .drug-result-generic[b-1lr8hz5y1k] {
        font-size: 0.75rem;
    }

    .drug-item[b-1lr8hz5y1k] {
        padding: 0.625rem 0.75rem;
        margin-bottom: 0.375rem;
    }

    .drug-name[b-1lr8hz5y1k] {
        font-size: 14px;
        line-height: 20px;
    }

    .drug-generic[b-1lr8hz5y1k] {
        font-size: 12px;
    }

    .checkbox-group[b-1lr8hz5y1k] {
        gap: 0.75rem;
    }

    .checkbox-label[b-1lr8hz5y1k] {
        font-size: 0.875rem;
        gap: 0.5rem;
    }

    .custom-checkbox-mark[b-1lr8hz5y1k] {
        width: 18px;
        height: 18px;
    }

    .tags-container[b-1lr8hz5y1k] {
        gap: 0.375rem;
        margin-top: 0.75rem;
    }

    .tag[b-1lr8hz5y1k] {
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
        gap: 0.375rem;
    }

    .tag-remove[b-1lr8hz5y1k] {
        width: 16px;
        height: 16px;
    }

        .tag-remove svg[b-1lr8hz5y1k] {
            width: 12px;
            height: 12px;
        }

    .form-actions[b-1lr8hz5y1k] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem 0;
    }

    .btn-check-safety[b-1lr8hz5y1k] {
        width: 100%;
        padding: 0.875rem 1.5rem;
        font-size: 0.9rem;
        justify-content: center;
    }

    .btn-clear[b-1lr8hz5y1k] {
        font-size: 0.875rem;
    }

    .summary-panel[b-1lr8hz5y1k] {
        padding: 1rem;
    }

    .summary-title[b-1lr8hz5y1k] {
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }

    .summary-items[b-1lr8hz5y1k] {
        gap: 0.75rem;
    }

    .summary-item[b-1lr8hz5y1k] {
        gap: 0.5rem;
    }

    .summary-icon[b-1lr8hz5y1k] {
        width: 28px;
        height: 28px;
        padding: 5px;
    }

        .summary-icon svg[b-1lr8hz5y1k],
        .summary-icon img[b-1lr8hz5y1k] {
            width: 16px;
            height: 16px;
        }

    .summary-label[b-1lr8hz5y1k] {
        font-size: 0.8rem;
    }

    .summary-count[b-1lr8hz5y1k] {
        font-size: 0.9rem;
    }

    .summary-status[b-1lr8hz5y1k] {
        font-size: 0.8rem;
    }

    .ads-container[b-1lr8hz5y1k] {
        padding: 0.75rem;
    }

    .ads-carousel-wrapper[b-1lr8hz5y1k] {
        height: 300px;
    }
}

@media (max-width: 480px) {
    .drug-interaction-form-page[b-1lr8hz5y1k] {
        padding: 0.75rem 0.5rem;
    }

    .plan-banner[b-1lr8hz5y1k] {
        padding: 0.625rem 0.75rem;
        margin-bottom: 0.75rem;
        border-radius: 8px;
    }

    .plan-label[b-1lr8hz5y1k],
    .tokens-label[b-1lr8hz5y1k] {
        font-size: 0.7rem;
    }

    .plan-name[b-1lr8hz5y1k],
    .tokens-count[b-1lr8hz5y1k] {
        font-size: 0.9rem;
    }

    .form-section[b-1lr8hz5y1k] {
        padding: 0.75rem;
        margin-bottom: 0.5rem;
        border-radius: 8px;
    }

    .section-header[b-1lr8hz5y1k] {
        margin-bottom: 0.5rem;
        gap: 0.375rem;
    }

    .section-icon[b-1lr8hz5y1k] {
        width: 32px;
        height: 32px;
        padding: 5px;
        border-radius: 10px;
    }

    .section-icon svg[b-1lr8hz5y1k],
    .section-icon img[b-1lr8hz5y1k] {
        width: 14px;
        height: 14px;
    }

    .section-title[b-1lr8hz5y1k] {
        font-size: 0.9rem;
    }

    .optional-text[b-1lr8hz5y1k] {
        font-size: 0.75rem;
    }

    .form-grid[b-1lr8hz5y1k] {
        gap: 0.75rem;
    }

    .form-group label[b-1lr8hz5y1k] {
        font-size: 0.75rem;
    }

    .form-input[b-1lr8hz5y1k] {
        padding: 0.5rem 0.625rem;
        font-size: 0.8rem;
        border-radius: 6px;
    }

    .age-input[b-1lr8hz5y1k] {
        padding: 0.5rem 0.25rem;
    }

    .age-label[b-1lr8hz5y1k] {
        font-size: 0.6rem;
    }

    .weight-calculator-button[b-1lr8hz5y1k] {
        right: 1.75rem;
    }

    .weight-calculator-icon[b-1lr8hz5y1k] {
        width: 14px;
        height: 14px;
    }

    .drug-item[b-1lr8hz5y1k] {
        padding: 0.5rem 0.625rem;
        margin-bottom: 0.25rem;
    }

    .drug-name[b-1lr8hz5y1k] {
        font-size: 13px;
        line-height: 18px;
    }

    .drug-generic[b-1lr8hz5y1k] {
        font-size: 11px;
    }

    .checkbox-label[b-1lr8hz5y1k] {
        font-size: 0.8rem;
    }

    .custom-checkbox-mark[b-1lr8hz5y1k] {
        width: 16px;
        height: 16px;
    }

    .tag[b-1lr8hz5y1k] {
        padding: 0.3rem 0.625rem;
        font-size: 0.7rem;
    }

    .form-actions[b-1lr8hz5y1k] {
        padding: 0.75rem 0;
        gap: 0.5rem;
    }

    .btn-check-safety[b-1lr8hz5y1k] {
        padding: 0.75rem 1rem;
        font-size: 0.85rem;
    }

    .summary-panel[b-1lr8hz5y1k] {
        display:none;
    }

/*    .summary-title {
        font-size: 0.9rem;
        margin-bottom: 0.5rem;
    }

    .summary-icon {
        width: 24px;
        height: 24px;
        padding: 4px;
    }

    .summary-label {
        font-size: 0.75rem;
    }

    .summary-count {
        font-size: 0.85rem;
    }*/

    .ads-container[b-1lr8hz5y1k] {
        padding: 0.5rem;
    }

    .ads-carousel-wrapper[b-1lr8hz5y1k] {
        height: 280px;
    }
}
/**************************************/
[b-1lr8hz5y1k] .blazored-typeahead {
    position: relative;
    width: 100%;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

    [b-1lr8hz5y1k] .blazored-typeahead .blazored-typeahead__controls {
        position: relative;
        width: 100%;
        border: 1px solid #bfbfbf;
        border-radius: 5px;
        display: flex;
    }

[b-1lr8hz5y1k] .blazored-typeahead__input {
    flex: 1;
    max-width: 100%;
    border: none;
    padding: .5rem;
    border-radius: 5px;
}

    [b-1lr8hz5y1k] .blazored-typeahead__input input {
        flex: 1;
        max-width: 100%;
        border: none;
        padding: .5rem;
        border-radius: 5px;
    }

[b-1lr8hz5y1k] .blazored-typeahead__result {
    background-color: white !important;
    color: black;
    cursor: pointer;
    padding: 0 15px;
}

    [b-1lr8hz5y1k] .blazored-typeahead__result:hover {
        background-color: lightblue !important;
        color: black;
        cursor: pointer;
        transform: scaleX(1.05);
        margin-left: 10px;
    }

[b-1lr8hz5y1k] .blazored-typeahead__active-item {
    background-color: #e1dddd9c !important;
    border-top: none !important;
    border-bottom: none !important;
    color: black !important;
    cursor: pointer;
}

[b-1lr8hz5y1k] .blazored-typeahead__result:focus {
    background-color: lightblue !important;
    color: #fff;
    cursor: pointer;
}

/* Quota depleted modal */
.quota-depleted-modal-backdrop[b-1lr8hz5y1k] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    box-sizing: border-box;
}

.quota-depleted-modal[b-1lr8hz5y1k] {
    position: relative;
    width: 100%;
    max-width: 420px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.18);
    padding: 1.75rem 1.5rem 1.25rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-sizing: border-box;
}

.quota-depleted-modal-close[b-1lr8hz5y1k] {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    border: none;
    background: transparent;
    color: #64748b;
    cursor: pointer;
    padding: 0.35rem;
    line-height: 0;
    border-radius: 8px;
    transition: color 0.2s ease, background 0.2s ease;
}

.quota-depleted-modal-close:hover[b-1lr8hz5y1k] {
    color: #0f172a;
    background: #f1f5f9;
}

.quota-depleted-modal-body[b-1lr8hz5y1k] {
    padding-right: 1.5rem;
}

.quota-depleted-title[b-1lr8hz5y1k] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 0.75rem 0;
    line-height: 1.35;
}

.quota-depleted-text[b-1lr8hz5y1k],
.quota-depleted-cta[b-1lr8hz5y1k] {
    font-size: 0.9rem;
    color: #475569;
    margin: 0 0 0.65rem 0;
    line-height: 1.5;
}

.quota-depleted-cta[b-1lr8hz5y1k] {
    margin-bottom: 0;
    font-weight: 500;
    color: #334155;
}

.quota-depleted-modal-actions[b-1lr8hz5y1k] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e2e8f0;
}

.quota-depleted-btn-secondary[b-1lr8hz5y1k] {
    padding: 0.6rem 1.1rem;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    background: #fff;
    color: #475569;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.2s ease, border-color 0.2s ease;
}

.quota-depleted-btn-secondary:hover[b-1lr8hz5y1k] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.quota-depleted-btn-primary[b-1lr8hz5y1k] {
    padding: 0.6rem 1.25rem;
    border-radius: 10px;
    border: none;
    background: #4994ff;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
    box-shadow: 0 4px 14px rgba(73, 148, 255, 0.35);
    transition: background 0.2s ease, transform 0.15s ease;
}

.quota-depleted-btn-primary:hover[b-1lr8hz5y1k] {
    background: #3d7fe8;
    transform: translateY(-1px);
}

@media (max-width: 480px) {
    .quota-depleted-modal[b-1lr8hz5y1k] {
        padding: 1.5rem 1.15rem 1rem;
    }

    .quota-depleted-modal-actions[b-1lr8hz5y1k] {
        flex-direction: column-reverse;
    }

    .quota-depleted-btn-secondary[b-1lr8hz5y1k],
    .quota-depleted-btn-primary[b-1lr8hz5y1k] {
        width: 100%;
        justify-content: center;
    }
}
/* /Pages/MyPrescription.razor.rz.scp.css */
.mp-loading[b-mygykenpqo], .mp-error[b-mygykenpqo] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    font-size: 1.1rem;
    color: #3463eb;
}

.mp-error[b-mygykenpqo] { color: #dc3545; }

/* ── Page wrapper ──────────────────────────────────────────────── */
.prescription-main-container[b-mygykenpqo] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    min-height: 100vh;
    padding: 20px 16px 40px;
    color: black;
    box-sizing: border-box;
}

/* ── Print button row ──────────────────────────────────────────── */
.mp-print-btn-row[b-mygykenpqo] {
    display: flex;
    justify-content: center;
    padding: 0 0 14px;
    width: 100%;
}

.mp-print-btn[b-mygykenpqo] {
    background: #3463eb;
    color: white;
    border: none;
    padding: 10px 28px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 0.95rem;
    font-weight: 600;
    min-height: 44px;
    touch-action: manipulation;
}

.mp-print-btn:hover[b-mygykenpqo] { background: #2451c9; }
.mp-print-btn:active[b-mygykenpqo] { background: #1d3fa8; }

/* ── Viewport wrapper  (JS sets transform:scale for mobile) ─────── */
.mp-rx-viewport[b-mygykenpqo] {
    display: block;
    /* width / height / overflow are set by JS when screen is narrow */
}

/* ── Prescription canvas ───────────────────────────────────────── */
.prescription-inner-container[b-mygykenpqo] {
    position: relative;
    width: 148mm;
}

.prescription-image[b-mygykenpqo],
.prescription-image img[b-mygykenpqo] {
    width: 148mm;
    display: block;
    user-select: none;
}

.hide-image img[b-mygykenpqo] { opacity: 0; }

.resize-container[b-mygykenpqo] {
    position: absolute;
    top: 0;
    left: 0;
}

.prescription-extra-layer[b-mygykenpqo] {
    position: absolute;
    top: 0;
    left: 0;
    width: 148mm;
    pointer-events: none;
    font-size: 0.85rem;
    color: #1e293b;
}

/* ── Print (fallback when window.open is blocked e.g. iOS Safari) ── */
@media print {
    /* Explicit A5 portrait so browsers don't fall back to printer-default A4 */
    @page { size: 148mm 210mm portrait; margin: 0; }

    /* Reset the page shell */
    .prescription-main-container[b-mygykenpqo] {
        display: block;
        padding: 0;
        margin: 0;
        min-height: 0;
        width: 148mm;
        max-width: 148mm;
        background: #fff;
    }

    /* Hide the print button */
    .mp-print-btn-row[b-mygykenpqo] { display: none !important; }

    /* Strip mobile-scale transforms — print at natural 148 mm width */
    .mp-rx-viewport[b-mygykenpqo] {
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }

    #prescription-print-area[b-mygykenpqo] {
        width: 148mm !important;
        min-height: 210mm !important;
        transform: none !important;
        transform-origin: top left !important;
    }

    .prescription-inner-container[b-mygykenpqo] { width: 148mm !important; }
    .prescription-image[b-mygykenpqo], .prescription-image img[b-mygykenpqo] { width: 148mm !important; }
    .prescription-container[b-mygykenpqo] { width: 148mm !important; height: 210mm !important; }

    /* Hide resize handles and debug borders */
    .resize-handle[b-mygykenpqo] { display: none !important; }
    .resizable-div1[b-mygykenpqo], .resizable-div2[b-mygykenpqo] { border: none !important; }
    .adjustable-area[b-mygykenpqo] { border: none !important; background: transparent !important; }

    .hide-image img[b-mygykenpqo] { opacity: 0; }
}
/* /Pages/NewVisit.razor.rz.scp.css */
/* Full-width new visit wizard */
.nv-page[b-ddegplrb88] {
  box-sizing: border-box;
  min-height: 100vh;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1rem clamp(0.75rem, 2vw, 2rem) 1.25rem;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #0f172a;
}

.nv-breadcrumb[b-ddegplrb88] {
  font-size: 0.8125rem;
  color: #64748b;
  margin-bottom: 0.75rem;
}

.nv-breadcrumb a[b-ddegplrb88] {
  color: #64748b;
  text-decoration: none;
}

.nv-breadcrumb a:hover[b-ddegplrb88] {
  color: #2563eb;
}

.nv-hero[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}

.nv-hero-left[b-ddegplrb88] {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  min-width: 0;
}

.nv-back-circle[b-ddegplrb88] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #475569;
  flex-shrink: 0;
}

.nv-back-circle:hover[b-ddegplrb88] {
  border-color: #cbd5e1;
  color: #0f172a;
}

.nv-title[b-ddegplrb88] {
  font-size: 1.5rem;
  font-weight: 800;
  margin: 0;
  letter-spacing: -0.02em;
}

.nv-subtitle[b-ddegplrb88] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0.35rem 0 0;
}

.nv-hero-actions[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.nv-btn-outline[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.95rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  font-family: inherit;
}

.nv-btn-outline:hover[b-ddegplrb88] {
  background: #f8fafc;
}

.nv-btn-primary-lead-icon[b-ddegplrb88] {
  flex-shrink: 0;
  display: block;
}

.nv-btn-primary[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.52rem 1rem;
  border: none;
  border-radius: 10px;
  background: #2563eb;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.nv-btn-primary:hover:not(:disabled)[b-ddegplrb88] {
  background: #1d4ed8;
}

.nv-btn-primary:disabled[b-ddegplrb88] {
  opacity: 0.55;
  cursor: not-allowed;
}

/* Patient summary */
.nv-patient[b-ddegplrb88] {
  background: #fff;
  border-radius: 14px;
  padding: 1rem 1.15rem;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1.25rem;
}

.nv-patient-avatar[b-ddegplrb88] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nv-patient-name[b-ddegplrb88] {
  font-weight: 800;
  font-size: 1.05rem;
  margin: 0;
}

.nv-badge-safety[b-ddegplrb88] {
  font-size: 0.65rem;
  font-weight: 700;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  background: #dbeafe;
  color: #1d4ed8;
  margin-left: 0.35rem;
  vertical-align: middle;
}

.nv-patient-meta[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem 1.25rem;
  margin-top: 0.45rem;
  font-size: 0.8125rem;
  color: #64748b;
}

/* Stepper — 4 steps */
.nv-stepper[b-ddegplrb88] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

@media (max-width: 720px) {
  .nv-stepper[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

.nv-step[b-ddegplrb88] {
  background: #fff;
  border-radius: 12px;
  padding: 0.78rem 0.9rem;
  border: 1.5px solid #e2e8f0;
  display: flex;
  gap: 0.65rem;
  align-items: center;
  cursor: pointer;
  text-align: left;
  font-family: inherit;
  transition:
    border-color 0.2s,
    background 0.2s,
    color 0.2s,
    transform 0.2s,
    box-shadow 0.2s;
}

.nv-step:hover[b-ddegplrb88] {
  border-color: #cbd5e1;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.nv-step--done[b-ddegplrb88] {
  border-color: #34d399;
  background: #ecfdf5;
}

.nv-step--active[b-ddegplrb88] {
  border-color: #3b82f6;
  background: #eff6ff;
}

.nv-step-num[b-ddegplrb88] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nv-step-text[b-ddegplrb88] {
  min-width: 0;
  flex: 1;
}

.nv-step-icon[b-ddegplrb88] {
  width: 24px;
  height: 24px;
  display: inline-block;
  background-color: currentColor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.nv-step-icon-wrap[b-ddegplrb88] {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #94a3b8;
}

.nv-step-icon--document[b-ddegplrb88] {
  mask-image: url("/images/Document.svg");
  -webkit-mask-image: url("/images/Document.svg");
}

.nv-step-icon--green-electric[b-ddegplrb88] {
  mask-image: url("/images/GreenElectric.svg");
  -webkit-mask-image: url("/images/GreenElectric.svg");
}

.nv-step-icon--yellow-pill[b-ddegplrb88] {
  mask-image: url("/images/YellowPill.svg");
  -webkit-mask-image: url("/images/YellowPill.svg");
}

.nv-step-icon--correct[b-ddegplrb88] {
  mask-image: url("/images/Correct.svg");
  -webkit-mask-image: url("/images/Correct.svg");
}

.nv-step--active .nv-step-num[b-ddegplrb88] {
  background: #e5edff;
  color: #6b7280;
}

.nv-step--done .nv-step-num[b-ddegplrb88] {
  background: #dcfce7;
  color: #6b7280;
  font-size: 0.875rem;
}

.nv-step-title[b-ddegplrb88] {
  font-weight: 700;
  font-size: 0.86rem;
  color: #0f172a;
}

.nv-step-sub[b-ddegplrb88] {
  font-size: 0.69rem;
  color: #64748b;
  margin-top: 0.15rem;
}

.nv-step--active .nv-step-icon[b-ddegplrb88] {
  color: #4994ff;
}

.nv-step--done .nv-step-icon[b-ddegplrb88] {
  color: #059669;
}

/* Main card */
.nv-card[b-ddegplrb88] {
  background: #fff;
  border-radius: 14px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  padding: 1.15rem 1.25rem 1.35rem;
  margin-bottom: 1rem;
}

.nv-card-head[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.1rem;
}

.nv-card-title[b-ddegplrb88] {
  font-size: 1.05rem;
  font-weight: 800;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.nv-card-title-icon[b-ddegplrb88] {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #2563eb;
}

.nv-card-title-icon--details[b-ddegplrb88] {
  background: #eff6ff;
}

.nv-card-title-icon--vitals[b-ddegplrb88] {
  background: #f0fdf4;
  color: #16a34a;
}

.nv-card-title-icon--rx[b-ddegplrb88] {
  background: #fff7ed;
  color: #f59e0b;
}

.nv-card-title-icon--review[b-ddegplrb88] {
  background: #eef2ff;
  color: #4f46e5;
}

.nv-card-sub[b-ddegplrb88] {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0.35rem 0 0;
}

.nv-skip[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2563eb;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}

.nv-skip:hover[b-ddegplrb88] {
  text-decoration: underline;
}

.nv-visit-meta-row[b-ddegplrb88] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.35fr);
  gap: 0.55rem 0.65rem;
  align-items: end;
  margin-bottom: 0.85rem;
}

@media (max-width: 720px) {
  .nv-visit-meta-row[b-ddegplrb88] {
    grid-template-columns: 1fr 1fr;
  }

  .nv-visit-meta-row .nv-field--compact:last-child[b-ddegplrb88] {
    grid-column: 1 / -1;
  }
}

.nv-field--compact[b-ddegplrb88] {
  margin-bottom: 0;
}

.nv-field--compact label[b-ddegplrb88] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 0.25rem;
}

.nv-field--compact input[b-ddegplrb88] {
  font-size: 0.8125rem;
  padding: 0.42rem 0.5rem;
  border-radius: 8px;
}

.nv-notes-label-row[b-ddegplrb88] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
  margin-bottom: 0.25rem;
}

.nv-notes-label-row label[b-ddegplrb88] {
  margin-bottom: 0;
}

.nv-dictate-btn[b-ddegplrb88] {
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  border: 1px solid #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
  cursor: pointer;
  flex-shrink: 0;
}

.nv-dictate-btn:hover:not(:disabled)[b-ddegplrb88] {
  background: #e0f2fe;
  border-color: #7dd3fc;
}

.nv-dictate-btn:disabled[b-ddegplrb88] {
  opacity: 0.55;
  cursor: not-allowed;
}

.nv-dictate-backdrop[b-ddegplrb88] {
  position: fixed;
  inset: 0;
  z-index: 10051;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.nv-dictate-modal[b-ddegplrb88] {
  width: min(480px, 100%);
  background: #fff;
  border-radius: 16px;
  padding: 1.25rem 1.2rem 1.1rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

.nv-dictate-title[b-ddegplrb88] {
  font-size: 1.05rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem;
}

.nv-dictate-hint[b-ddegplrb88] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0 0 1rem;
  line-height: 1.45;
}

.nv-dictate-lang-grid[b-ddegplrb88] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin-top: 0.25rem;
}

.nv-dictate-lang-btn[b-ddegplrb88] {
  font: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  padding: 1rem 0.5rem;
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  background: #f8fafc;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.nv-dictate-lang-btn:hover[b-ddegplrb88] {
  border-color: #93c5fd;
  background: #eff6ff;
  box-shadow: 0 2px 8px rgba(59, 130, 246, 0.12);
}

.nv-dictate-lang-flag[b-ddegplrb88] {
  font-size: 2rem;
  line-height: 1;
}

.nv-dictate-lang-name[b-ddegplrb88] {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
}

.nv-dictate-listening-head[b-ddegplrb88] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.nv-dictate-mic-pulse[b-ddegplrb88] {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ef4444;
  flex-shrink: 0;
  animation: nv-dictate-pulse-b-ddegplrb88 1.1s ease-in-out infinite;
}

@keyframes nv-dictate-pulse-b-ddegplrb88 {
  0%, 100% { transform: scale(1);   opacity: 1;    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.5); }
  50%       { transform: scale(1.2); opacity: 0.85; box-shadow: 0 0 0 5px rgba(239, 68, 68, 0); }
}

.nv-dictate-lang-badge[b-ddegplrb88] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #0369a1;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
  border-radius: 6px;
  padding: 0.15rem 0.45rem;
}

.nv-dictate-timer[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #64748b;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 0.15rem 0.5rem;
  letter-spacing: 0.04em;
  margin-left: auto;
}

.nv-dictate-stop-btn[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.nv-dictate-live[b-ddegplrb88] {
  min-height: 110px;
  max-height: 200px;
  overflow-y: auto;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1rem;
  word-break: break-word;
}

.nv-dictate-live--rtl[b-ddegplrb88] {
  direction: rtl;
  text-align: right;
  font-size: 1rem;
}

.nv-dictate-live-placeholder[b-ddegplrb88] {
  color: #94a3b8;
  font-style: italic;
  font-size: 0.875rem;
}

.nv-dictate-live-final[b-ddegplrb88] {
  color: #0f172a;
}

.nv-dictate-live-interim[b-ddegplrb88] {
  color: #94a3b8;
  font-style: italic;
}

.nv-dictate-review[b-ddegplrb88] {
  width: 100%;
  font: inherit;
  font-size: 0.875rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  resize: vertical;
  min-height: 140px;
  margin-bottom: 1rem;
  box-sizing: border-box;
}

.nv-dictate-review--rtl[b-ddegplrb88] {
  direction: rtl;
  text-align: right;
  font-size: 1rem;
}

.nv-dictate-review:focus[b-ddegplrb88] {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}

.nv-dictate-actions[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.nv-rx-quick-section[b-ddegplrb88] {
  margin-bottom: 0.85rem;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fafbfc;
  overflow: hidden;
}

.nv-rx-quick-section-toggle[b-ddegplrb88] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 0.6rem 0.85rem;
  border: none;
  background: #f1f5f9;
  cursor: pointer;
  font: inherit;
  text-align: left;
  color: #334155;
  transition: background 0.15s ease;
}

.nv-rx-quick-section-toggle:hover[b-ddegplrb88] {
  background: #e2e8f0;
}

.nv-rx-quick-section-toggle-main[b-ddegplrb88] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  min-width: 0;
}

.nv-rx-quick-section-title[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #0f172a;
}

.nv-rx-quick-section-hint[b-ddegplrb88] {
  font-size: 0.6875rem;
  color: #64748b;
  font-weight: 500;
}

.nv-rx-quick-section-chev[b-ddegplrb88] {
  flex-shrink: 0;
  font-size: 0.65rem;
  color: #64748b;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s ease;
}

.nv-rx-quick-section-chev--open[b-ddegplrb88] {
  transform: rotate(-180deg);
}

.nv-rx-quick-inner[b-ddegplrb88] {
  padding: 0.65rem 0.85rem 0.85rem;
  border-top: 1px solid #e2e8f0;
  background: #fff;
}

.nv-rx-quick-tabs[b-ddegplrb88] {
  display: flex;
  gap: 0.35rem;
  margin-bottom: 0.65rem;
  border-bottom: 1px solid #e2e8f0;
}

.nv-rx-quick-tab[b-ddegplrb88] {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0.45rem 0.55rem;
  font: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  cursor: pointer;
  border-radius: 8px 8px 0 0;
  transition:
    color 0.15s ease,
    background 0.15s ease;
}

.nv-rx-quick-tab:hover[b-ddegplrb88] {
  color: #0f172a;
  background: #f8fafc;
}

.nv-rx-quick-tab--active[b-ddegplrb88] {
  color: #2563eb;
  border-bottom-color: #2563eb;
  background: #eff6ff;
}

.nv-rx-quick-tab-badge[b-ddegplrb88] {
  min-width: 1.15rem;
  padding: 0 0.3rem;
  height: 1.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.625rem;
  font-weight: 800;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
}

.nv-rx-quick-tab--active .nv-rx-quick-tab-badge[b-ddegplrb88] {
  background: #2563eb;
  color: #fff;
}

.nv-rx-quick-panel-head[b-ddegplrb88] {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0.35rem;
}

.nv-rx-recent-hint[b-ddegplrb88] {
  font-size: 0.6875rem;
  color: #94a3b8;
  margin: 0 0 0.4rem;
}

.nv-rx-iconbtn--calc[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  padding: 0.25rem;
}

.nv-rx-iconbtn--calc:hover[b-ddegplrb88] {
  border-color: #bae6fd;
  background: #f0f9ff;
  color: #0369a1;
  box-shadow: 0 1px 3px rgba(14, 165, 233, 0.12);
}

.nv-rx-calc-icon[b-ddegplrb88] {
  display: block;
  width: 18px;
  height: 18px;
  object-fit: contain;
}

.nv-quota-backdrop[b-ddegplrb88] {
  position: fixed;
  inset: 0;
  z-index: 10050;
  background: rgba(15, 23, 42, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}

.nv-quota-modal[b-ddegplrb88] {
  position: relative;
  width: min(420px, 100%);
  background: #fff;
  border-radius: 16px;
  padding: 1.35rem 1.25rem 1.15rem;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18);
}

.nv-quota-close[b-ddegplrb88] {
  position: absolute;
  top: 0.65rem;
  right: 0.65rem;
  border: none;
  background: #f1f5f9;
  width: 2rem;
  height: 2rem;
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}

.nv-quota-close:hover[b-ddegplrb88] {
  background: #e2e8f0;
  color: #0f172a;
}

.nv-quota-body[b-ddegplrb88] {
  padding-right: 1.5rem;
}

.nv-quota-title[b-ddegplrb88] {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem;
  line-height: 1.35;
}

.nv-quota-text[b-ddegplrb88] {
  font-size: 0.875rem;
  color: #64748b;
  margin: 0;
  line-height: 1.45;
}

.nv-quota-actions[b-ddegplrb88] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
  margin-top: 1.15rem;
  flex-wrap: wrap;
}

.nv-quota-btn[b-ddegplrb88] {
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  cursor: pointer;
  border: 1px solid transparent;
}

.nv-quota-btn--secondary[b-ddegplrb88] {
  background: #f1f5f9;
  color: #334155;
  border-color: #e2e8f0;
}

.nv-quota-btn--secondary:hover[b-ddegplrb88] {
  background: #e2e8f0;
}

.nv-quota-btn--primary[b-ddegplrb88] {
  background: #2563eb;
  color: #fff;
}

.nv-quota-btn--primary:hover[b-ddegplrb88] {
  background: #1d4ed8;
}

.nv-grid-2[b-ddegplrb88] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.85rem;
}

@media (max-width: 640px) {
  .nv-grid-2[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

.nv-field label[b-ddegplrb88] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  margin-bottom: 0.35rem;
}

.nv-field input[b-ddegplrb88],
.nv-field textarea[b-ddegplrb88],
.nv-field select[b-ddegplrb88] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.55rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.875rem;
  font-family: inherit;
}

.nv-field textarea[b-ddegplrb88] {
  min-height: 88px;
  resize: vertical;
}

.nv-field input:hover[b-ddegplrb88],
.nv-field textarea:hover[b-ddegplrb88],
.nv-field select:hover[b-ddegplrb88] {
  border-color: #4994ff;
}

.nv-field input:focus[b-ddegplrb88],
.nv-field input:focus-visible[b-ddegplrb88],
.nv-field textarea:focus[b-ddegplrb88],
.nv-field textarea:focus-visible[b-ddegplrb88],
.nv-field select:focus[b-ddegplrb88],
.nv-field select:focus-visible[b-ddegplrb88] {
  border-color: #4994ff;
  outline: none;
}

.nv-field[b-ddegplrb88] {
  margin-bottom: 0.85rem;
}

.nv-chips[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 0.35rem;
}

.nv-chip[b-ddegplrb88] {
  padding: 0.4rem 0.85rem;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  font-family: inherit;
}

.nv-chip--on[b-ddegplrb88] {
  border-color: #2563eb;
  background: #eff6ff;
  color: #1d4ed8;
}

/* Vitals sections */
.nv-vitals-block[b-ddegplrb88] {
  margin-bottom: 1.25rem;
}

.nv-vitals-block h3[b-ddegplrb88] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #334155;
  margin: 0 0 0.5rem;
}

.nv-vitals-grid[b-ddegplrb88] {
  display: grid;
  gap: 0.65rem;
}

.nv-vitals-grid--3[b-ddegplrb88] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

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

@media (max-width: 960px) {
  .nv-vitals-grid--3[b-ddegplrb88],
  .nv-vitals-grid--2[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

.nv-vital-card[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
  padding: 0.75rem 0.85rem;
}

.nv-vital-card--bmi[b-ddegplrb88] {
  border-color: #bbf7d0;
  background: #f0fdf4;
}

.nv-vital-label[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 14px;
  font-weight: 600;
  color: #475569;
  margin-bottom: 0.35rem;
}

.nv-vital-label-icon[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.nv-vital-label-icon img[b-ddegplrb88] {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.nv-vital-input-wrap[b-ddegplrb88] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.nv-vital-input[b-ddegplrb88] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dbe3ee;
  border-radius: 8px;
  background: #fff;
  padding: 0.48rem 0.55rem;
  font-size: 0.875rem;
  font-family: inherit;
  color: #0f172a;
}

.nv-vital-input:disabled[b-ddegplrb88] {
  background: #ffffff;
  color: #94a3b8;
}

.nv-vital-input:hover:not(:disabled)[b-ddegplrb88] {
  border-color: #4994ff;
}

.nv-vital-input:focus:not(:disabled)[b-ddegplrb88],
.nv-vital-input:focus-visible:not(:disabled)[b-ddegplrb88] {
  border-color: #4994ff;
  outline: none;
}

.nv-vital-unit[b-ddegplrb88] {
  font-size: 0.75rem;
  color: #64748b;
  white-space: nowrap;
}

.nv-vital-bp-wrap[b-ddegplrb88] {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto;
  align-items: center;
  gap: 0.35rem;
}

.nv-vital-bp-sep[b-ddegplrb88] {
  color: #64748b;
  font-weight: 700;
}

.nv-info-banner[b-ddegplrb88] {
  padding: 0.65rem 0.85rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  margin-top: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.nv-info-banner--green[b-ddegplrb88] {
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
  color: #065f46;
}

.nv-info-banner--blue[b-ddegplrb88] {
  background: #eff6ff;
  border: 1px solid #dbeafe;
  color: #1e40af;
  margin-bottom: 0.65rem;
}

.nv-banner-icon[b-ddegplrb88] {
  width: 0.8125rem;
  height: 0.8125rem;
  flex-shrink: 0;
}

.nv-warn-row[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.65rem;
}

.nv-warn[b-ddegplrb88] {
  flex: 1 1 200px;
  padding: 0.5rem 0.65rem;
  border-radius: 8px;
  font-size: 0.75rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.nv-warn--red[b-ddegplrb88] {
  background: #fef2f2;
  border: 1px solid #fee2e2;
  color: #991b1b;
}

.nv-warn--amber[b-ddegplrb88] {
  background: #fff7ed;
  border: 1px solid #ffedd5;
  color: #92400e;
}

/* Prescription (mirrors AddVisitPanel light patterns) */
.nv-rx-search[b-ddegplrb88] {
  position: relative;
  margin-bottom: 0.85rem;
}

.nv-rx-search-field[b-ddegplrb88] {
  position: relative;
  display: block;
  border: 1px solid #4994ff;
  border-radius: 10px;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.nv-rx-search-field:hover[b-ddegplrb88] {
  border-color: #4994ff;
}

.nv-rx-search-field:focus-within[b-ddegplrb88] {
  border-color: #4994ff;
  outline: none;
  box-shadow:
    0 0 0 1px #4994ff,
    0 0 0 4px rgba(73, 148, 255, 0.28);
}

.nv-rx-search-icon[b-ddegplrb88] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
  z-index: 1;
}

.nv-rx-search-field input[b-ddegplrb88] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.55rem 0.75rem 0.55rem 2.25rem;
  border: none;
  border-radius: 9px;
  font-size: 0.875rem;
  font-family: inherit;
  background: transparent;
  color: #0f172a;
}

.nv-rx-search-field input:hover[b-ddegplrb88] {
  outline: none;
}

.nv-rx-search-field input:focus[b-ddegplrb88],
.nv-rx-search-field input:focus-visible[b-ddegplrb88] {
  outline: none;
}

.nv-rx-search > .nv-rx-dd[b-ddegplrb88] {
  list-style: none;
  margin: 0.25rem 0 0;
  padding: 0;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  max-height: 220px;
  overflow-y: auto;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.nv-rx-search > .nv-rx-dd li[b-ddegplrb88] {
  padding: 0.55rem 0.75rem;
  cursor: pointer;
  border-bottom: 1px solid #f1f5f9;
}

.nv-rx-search > .nv-rx-dd li:hover[b-ddegplrb88] {
  background: #f8fafc;
}

.nv-rx-trade[b-ddegplrb88] {
  font-weight: 700;
  font-size: 0.875rem;
  display: block;
}

.nv-rx-generic[b-ddegplrb88] {
  font-size: 0.75rem;
  color: #64748b;
}

.nv-rx-card[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.75rem 0.85rem;
  margin-bottom: 0.65rem;
  background: #f8fafc;
}

.nv-rx-card-top[b-ddegplrb88] {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
  align-items: flex-start;
}

.nv-rx-fav-head[b-ddegplrb88] {
  margin-top: 0.15rem;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.nv-rx-fav-head-main[b-ddegplrb88] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  min-width: 0;
}

.nv-rx-fav-head-text[b-ddegplrb88] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem;
  min-width: 0;
}

.nv-rx-fav-pin[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nv-rx-fav-pin img[b-ddegplrb88] {
  display: block;
  width: 18px;
  height: 18px;
}

.nv-rx-fav-empty[b-ddegplrb88] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin: 0 0 0.65rem;
  line-height: 1.4;
}

.nv-rx-fav-empty--tight[b-ddegplrb88] {
  margin-bottom: 0.4rem;
}

.nv-rx-link-chev[b-ddegplrb88] {
  margin-left: 0.15rem;
  display: inline-block;
}

.nv-rx-fav-title[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #334155;
}

.nv-rx-fav-sub[b-ddegplrb88] {
  font-size: 0.6875rem;
  color: #94a3b8;
  margin-left: 0.35rem;
}

.nv-rx-link-btn[b-ddegplrb88] {
  border: none;
  background: none;
  color: #3b82f6;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.nv-rx-favorites-grid[b-ddegplrb88] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.4rem;
  margin-bottom: 0.8rem;
}

@media (max-width: 960px) {
  .nv-rx-favorites-grid[b-ddegplrb88] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .nv-rx-favorites-grid[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

.nv-rx-fav-card[b-ddegplrb88] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.5rem;
  row-gap: 0;
  min-width: 0;
  padding: 0.55rem 0.6rem;
  border: 1px solid #fed7aa;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  box-sizing: border-box;
  overflow: hidden;
  transition:
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}

.nv-rx-fav-card:hover[b-ddegplrb88] {
  border-color: #fdba74;
  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.12);
}

.nv-rx-fav-card-body[b-ddegplrb88] {
  min-width: 0;
  padding-right: 0;
}

.nv-rx-fav-actions[b-ddegplrb88] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;
  flex-shrink: 0;
  width: 36px;
}

.nv-rx-fav-star[b-ddegplrb88],
.nv-rx-fav-add[b-ddegplrb88] {
  position: static;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease;
}

.nv-rx-fav-add[b-ddegplrb88] {
  color: #64748b;
}

.nv-rx-fav-star:hover[b-ddegplrb88],
.nv-rx-fav-add:hover[b-ddegplrb88] {
  background-color: #f1f5f9;
  border-color: #e2e8f0;
}

.nv-rx-fav-star-icon[b-ddegplrb88] {
  display: block;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
}

.nv-rx-fav-add-icon[b-ddegplrb88] {
  display: block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

.nv-rx-fav-name[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #334155;
  margin: 0 0 0.2rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.nv-rx-fav-generic[b-ddegplrb88] {
  font-size: 0.6875rem;
  color: #94a3b8;
  margin: 0;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.nv-rx-recent[b-ddegplrb88] {
  margin-bottom: 0.7rem;
}

.nv-rx-recent-title[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #334155;
  margin-bottom: 0.35rem;
}

.nv-rx-recent-title span[b-ddegplrb88] {
  font-size: 0.6875rem;
  font-weight: 500;
  color: #94a3b8;
  margin-left: 0.35rem;
}

.nv-rx-recent-chips[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}

.nv-rx-recent-chip[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 8px;
  padding: 0.28rem 0.5rem;
  font-size: 0.6875rem;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.3;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.nv-rx-recent-chip:hover[b-ddegplrb88] {
  border-color: #cbd5e1;
  background: #f8fafc;
  color: #334155;
}

.nv-rx-selected-head[b-ddegplrb88] {
  margin: 0.55rem 0 0.45rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #334155;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.nv-rx-title-icon[b-ddegplrb88] {
  width: 15px;
  height: 15px;
  object-fit: contain;
}

.nv-rx-card-name[b-ddegplrb88] {
  display: inline-flex;
  gap: 0.45rem;
  align-items: flex-start;
}

.nv-rx-drug-icon-wrap[b-ddegplrb88] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fff7ed;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.nv-rx-drug-icon-pill[b-ddegplrb88] {
  width: 20px;
  height: 20px;
  background: #ffb050;
  display: inline-block;
  mask-image: url("/images/YellowPill.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-image: url("/images/YellowPill.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

.nv-rx-card-trade[b-ddegplrb88] {
  font-size: 0.875rem;
  font-weight: 700;
  color: #334155;
}

.nv-rx-card-generic[b-ddegplrb88] {
  font-size: 0.75rem;
  color: #94a3b8;
}

.nv-rx-card-actions[b-ddegplrb88] {
  display: inline-flex;
  gap: 0.35rem;
}

.nv-rx-dose-summary[b-ddegplrb88] {
  font-size: 0.75rem;
  color: #166534;
  margin-top: 0.35rem;
  line-height: 1.45;
  white-space: pre-wrap;
}

.nv-rx-dose-summary--ar[b-ddegplrb88] {
  font-weight: 600;
}

.nv-rx-details[b-ddegplrb88] {
  margin-top: 0.5rem;
  width: 100%;
  padding: 0.45rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  border-radius: 8px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}

.nv-rx-details--open[b-ddegplrb88] {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
}

.nv-rx-details-expand[b-ddegplrb88] {
  margin-top: 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.nv-rx-details-toggle[b-ddegplrb88] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  margin-top: 0.45rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  cursor: pointer;
  font: inherit;
  text-align: left;
  color: #334155;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.nv-rx-details-toggle:hover[b-ddegplrb88] {
  background: #f1f5f9;
  border-color: #cbd5e1;
}

.nv-rx-details-toggle-main[b-ddegplrb88] {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}

.nv-rx-details-toggle-title[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #0f172a;
}

.nv-rx-details-toggle-hint[b-ddegplrb88] {
  font-size: 0.6875rem;
  color: #64748b;
  font-weight: 500;
}

.nv-rx-details-toggle-chev[b-ddegplrb88] {
  flex-shrink: 0;
  font-size: 0.65rem;
  color: #64748b;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e2e8f0;
  transition: transform 0.2s ease;
}

.nv-rx-details-toggle-chev--open[b-ddegplrb88] {
  transform: rotate(-180deg);
}

.nv-rx-details-row--fields[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.5rem 0.65rem;
  padding: 0.65rem 0.7rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  -webkit-font-smoothing: antialiased;
}

.nv-rx-details-field[b-ddegplrb88] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  min-width: 0;
}

.nv-rx-details-field--unit[b-ddegplrb88] {
  flex: 1 1 120px;
  min-width: 100px;
}

.nv-rx-details-field--time[b-ddegplrb88],
.nv-rx-details-field--meal-timing[b-ddegplrb88] {
  flex: 1 1 220px;
  min-width: 180px;
}

.nv-rx-details-field--duration[b-ddegplrb88] {
  flex: 1 1 340px;
  min-width: 240px;
}

.nv-rx-details-duration-wrap[b-ddegplrb88] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: stretch;
}

.nv-rx-details-duration-wrap[b-ddegplrb88]  .nv-rx-dd--rx-details {
  flex: 1 1 110px;
  min-width: 92px;
}

.nv-rx-details-duration-wrap .nv-rx-details-input--narrow[b-ddegplrb88] {
  flex: 0 0 auto;
}

.nv-rx-details-field--freq[b-ddegplrb88] {
  flex: 1 1 160px;
  min-width: 140px;
}

.nv-rx-details-lbl[b-ddegplrb88] {
  font-size: 0.6875rem;
  font-weight: 600;
  color: #64748b;
}

.nv-rx-details-input[b-ddegplrb88] {
  border: 1px solid #d8dee9;
  border-radius: 12px;
  padding: 0.45rem 0.6rem;
  min-height: 2.375rem;
  font-size: 0.8125rem;
  line-height: 1.35;
  color: #1e293b;
  font-family: inherit;
  background: #fafbfc;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition:
    border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}

.nv-rx-details-input:hover[b-ddegplrb88] {
  border-color: #b8c9e8;
  background: #fff;
}

.nv-rx-details-input--narrow[b-ddegplrb88] {
  width: 3.35rem;
  min-width: 3.35rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}

.nv-rx-details-select[b-ddegplrb88] {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #d8dee9;
  border-radius: 12px;
  padding: 0.45rem 2.5rem 0.45rem 0.7rem;
  min-height: 2.375rem;
  font-size: 0.8125rem;
  line-height: 1.35;
  color: #1e293b;
  font-family: inherit;
  background-color: #fafbfc;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem center;
  background-size: 14px 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  transition:
    border-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    background-color 0.22s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  color-scheme: light;
}

.nv-rx-details-select[b-ddegplrb88]::-ms-expand {
  display: none;
}

.nv-rx-details-select:hover[b-ddegplrb88] {
  border-color: #93b4f0;
  background-color: #fff;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, 0.05),
    0 2px 8px rgba(59, 130, 246, 0.06);
}

/* Native list: clearer rows where the browser allows (WebKit / some Chromium). */
.nv-rx-details-select option[b-ddegplrb88],
.nv-rx-details-select optgroup[b-ddegplrb88] {
  font-family: inherit;
}

.nv-rx-details-select optgroup[b-ddegplrb88] {
  font-weight: 700;
  font-size: 0.625rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
  background: #f8fafc;
  padding: 0.35rem 0.5rem 0.2rem;
}

.nv-rx-details-select option[b-ddegplrb88] {
  font-weight: 500;
  font-size: 0.8125rem;
  color: #1e293b;
  padding: 0.5rem 0.65rem;
  background: #fff;
}

.nv-rx-details-select option:not(:last-of-type)[b-ddegplrb88] {
  border-bottom: 1px solid #eef2f7;
}

.nv-rx-details-pair[b-ddegplrb88] {
  display: flex;
  gap: 0.45rem;
  align-items: stretch;
  flex-wrap: wrap;
}

.nv-rx-details-pair .nv-rx-details-select[b-ddegplrb88] {
  flex: 1 1 0;
  min-width: 92px;
}

.nv-rx-details-pair[b-ddegplrb88]  .nv-rx-dd--rx-details,
.nv-rx-details-field--unit[b-ddegplrb88]  .nv-rx-dd--rx-details {
  flex: 1 1 0;
  min-width: 92px;
  width: 100%;
}

.nv-rx-details-every[b-ddegplrb88] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #64748b;
  padding-bottom: 0.35rem;
  align-self: flex-end;
}

.nv-rx-details-row--ar[b-ddegplrb88] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.65rem 0.7rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
}

.nv-rx-details-ar[b-ddegplrb88] {
  width: 100%;
  border: 1px solid #d8dee9;
  border-radius: 12px;
  padding: 0.5rem 0.65rem;
  font-size: 0.8125rem;
  line-height: 1.45;
  font-family: inherit;
  color: #1e293b;
  background: #fafbfc;
  resize: vertical;
  min-height: 4.5rem;
  transition:
    border-color 0.2s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;
}

.nv-rx-details-ar:hover[b-ddegplrb88] {
  border-color: #b8c9e8;
  background: #fff;
}

.nv-rx-details-input:focus[b-ddegplrb88],
.nv-rx-details-input:focus-visible[b-ddegplrb88],
.nv-rx-details-select:focus[b-ddegplrb88],
.nv-rx-details-select:focus-visible[b-ddegplrb88],
.nv-rx-details-ar:focus[b-ddegplrb88],
.nv-rx-details-ar:focus-visible[b-ddegplrb88] {
  border-color: #3b82f6;
  outline: none;
  background-color: #fff;
  box-shadow:
    0 1px 3px rgba(15, 23, 42, 0.06),
    0 0 0 1px rgba(59, 130, 246, 0.35),
    0 0 0 4px rgba(73, 148, 255, 0.18);
}

.nv-rx-details-select:focus[b-ddegplrb88],
.nv-rx-details-select:focus-visible[b-ddegplrb88] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%233b82f6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  .nv-rx-details-input[b-ddegplrb88],
  .nv-rx-details-select[b-ddegplrb88],
  .nv-rx-details-ar[b-ddegplrb88],
  .nv-rx-iconbtn[b-ddegplrb88],
  .nv-rx-pin-icon[b-ddegplrb88],
  .nv-rx-trash-icon[b-ddegplrb88],
  .nv-rx-fav-star[b-ddegplrb88],
  .nv-rx-fav-add[b-ddegplrb88],
  .nv-rx-search-field[b-ddegplrb88] {
    transition: none;
  }

  .nv-rx-iconbtn--pin:hover .nv-rx-pin-icon[b-ddegplrb88] {
    transform: none;
  }
}

.nv-rx-iconbtn[b-ddegplrb88] {
  background: transparent;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  padding: 0.35rem;
  min-width: 2rem;
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  transition:
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.nv-rx-iconbtn:hover[b-ddegplrb88] {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #64748b;
}

.nv-rx-pin-icon[b-ddegplrb88],
.nv-rx-trash-icon[b-ddegplrb88] {
  display: block;
  object-fit: contain;
  pointer-events: none;
  transition:
    transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.2s ease,
    filter 0.2s ease;
}

.nv-rx-pin-icon[b-ddegplrb88] {
  width: 18px;
  height: 18px;
}

.nv-rx-iconbtn--pin:not(.nv-rx-iconbtn--pinned) .nv-rx-pin-icon[b-ddegplrb88] {
  filter: grayscale(1) brightness(0.95) opacity(0.72);
}

.nv-rx-iconbtn--pin.nv-rx-iconbtn--pinned .nv-rx-pin-icon[b-ddegplrb88] {
  filter: none;
  opacity: 1;
}

.nv-rx-iconbtn--pin:hover .nv-rx-pin-icon[b-ddegplrb88] {
  transform: scale(1.06);
}

.nv-rx-trash-icon[b-ddegplrb88] {
  width: 16px;
  height: 16px;
  opacity: 0.88;
}

.nv-rx-iconbtn--danger:hover .nv-rx-trash-icon[b-ddegplrb88] {
  opacity: 1;
}

.nv-rx-iconbtn--pinned[b-ddegplrb88] {
  color: #ea580c;
}

.nv-rx-iconbtn--pinned:hover[b-ddegplrb88] {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}

.nv-rx-iconbtn--danger:hover[b-ddegplrb88] {
  background: #fef2f2;
  border-color: #fecaca;
  color: #dc2626;
}

/* Review */
.nv-review-summary[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #f8fafc;
  padding: 0.8rem 0.85rem;
}

.nv-review-summary-title[b-ddegplrb88] {
  margin: 0 0 0.55rem;
  color: #1f2937;
  font-size: 1rem;
  font-weight: 700;
}

.nv-review-meta-grid[b-ddegplrb88] {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.35rem 1.5rem;
  margin-bottom: 0.6rem;
  font-size: 0.75rem;
  color: #6b7280;
}

@media (max-width: 640px) {
  .nv-review-meta-grid[b-ddegplrb88] {
    flex-wrap: wrap;
  }
}

.nv-review-meta-grid span[b-ddegplrb88] {
  color: #9ca3af;
}

.nv-review-pill-grid[b-ddegplrb88] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
}

.nv-review-pill[b-ddegplrb88] {
  border-radius: 8px;
  padding: 0.45rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #374151;
  display: flex;
  align-items: center;
  gap: 0.28rem;
  min-height: 34px;
}

.nv-review-pill--yellow[b-ddegplrb88] {
  background: #fef3c7;
  border: 1px solid #fcd34d;
}

.nv-review-pill--blue[b-ddegplrb88] {
  background: #dbeafe;
  border: 1px solid #bfdbfe;
}

.nv-review-pill--blue img[b-ddegplrb88] {
  width: 12px;
  height: 12px;
  object-fit: contain;
}

.nv-review-pill-label[b-ddegplrb88] {
  font-weight: 800;
  color: #92400e;
}

.nv-review-pill-label--blue[b-ddegplrb88] {
  color: #3b82f6;
}

.nv-review-rx[b-ddegplrb88] {
  margin-top: 0.7rem;
  border-radius: 10px;
  border: 1px solid #fef3c7;
  background: #fefce8;
  padding: 0.7rem 0.85rem;
}

.nv-review-rx h3[b-ddegplrb88] {
  margin: 0 0 0.45rem;
  color: #1f2937;
  font-size: 1.05rem;
  font-weight: 700;
}

.nv-review-rx ol[b-ddegplrb88] {
  margin: 0;
  padding-left: 1.15rem;
  color: #6b7280;
  font-size: 0.8125rem;
}

.nv-review-rx li + li[b-ddegplrb88] {
  margin-top: 0.45rem;
}

.nv-review-rx-en[b-ddegplrb88] {
  font-weight: 600;
  color: #374151;
}

.nv-review-rx-ar[b-ddegplrb88] {
  margin-top: 0.2rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #1e3a8a;
  line-height: 1.45;
  direction: ltr;
  text-align: left;
  unicode-bidi: isolate;
}

.nv-review-actions[b-ddegplrb88] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 0.65rem;
  align-items: stretch;
  margin-top: 1rem;
}

.nv-review-actions .nv-review-save[b-ddegplrb88],
.nv-review-actions .nv-review-print[b-ddegplrb88] {
  min-height: 3rem;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  box-sizing: border-box;
}

.nv-review-actions .nv-review-save[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  background: #2563eb;
  border: 1px solid #2563eb;
  color: #fff;
}

.nv-review-actions .nv-review-save:hover:not(:disabled)[b-ddegplrb88] {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.nv-review-save-icon[b-ddegplrb88] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}

.nv-review-print[b-ddegplrb88] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.5rem 0.75rem;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #334155;
  cursor: pointer;
  font-family: inherit;
}

.nv-review-print:hover:not(:disabled)[b-ddegplrb88] {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.nv-review-print:disabled[b-ddegplrb88] {
  opacity: 0.45;
  cursor: not-allowed;
}

@media (max-width: 520px) {
  .nv-review-actions[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .nv-review-meta-grid[b-ddegplrb88],
  .nv-review-pill-grid[b-ddegplrb88] {
    grid-template-columns: 1fr;
  }
}

/* Sticky footer */
.nv-footer[b-ddegplrb88] {
  position: sticky;
  bottom: 0;
  z-index: 20;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0.75rem;
  background: #fff;
  border-top: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 0.75rem 0.9rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
}

.nv-footer-meta[b-ddegplrb88] {
  font-size: 0.8125rem;
  color: #64748b;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.nv-footer-nav[b-ddegplrb88] {
  display: flex;
  gap: 0.5rem;
}

.nv-footer-nav .nv-btn-outline[b-ddegplrb88],
.nv-footer-nav .nv-btn-primary[b-ddegplrb88] {
  min-height: 40px;
  padding: 0.55rem 1.1rem;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
}

.nv-footer-nav .nv-btn-outline[b-ddegplrb88] {
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #64748b;
}

.nv-footer-nav .nv-btn-outline:hover:not(:disabled)[b-ddegplrb88] {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
}

.nv-footer-nav .nv-btn-outline:disabled[b-ddegplrb88] {
  background: #f8fafc;
  color: #cbd5e1;
  border-color: #e5e7eb;
  cursor: not-allowed;
}

.nv-footer-nav .nv-btn-primary[b-ddegplrb88] {
  background: #3b82f6;
  border: 1px solid #3b82f6;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.25);
}

.nv-footer-nav .nv-btn-primary:hover:not(:disabled)[b-ddegplrb88] {
  background: #2563eb;
  border-color: #2563eb;
}

.nv-footer-nav .nv-btn-primary:disabled[b-ddegplrb88] {
  background: #93c5fd;
  border-color: #93c5fd;
  box-shadow: none;
}

.nv-loading[b-ddegplrb88] {
  text-align: center;
  padding: 4rem 1rem;
  color: #64748b;
}

/* Reuse AddVisitPanel light bio grid inside wizard */
.nv-page[b-ddegplrb88]  .av-bio-grid-light {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0.65rem;
}

.nv-page[b-ddegplrb88]  .av-bio-row-light {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.nv-page[b-ddegplrb88]  .av-input--light {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 0.45rem 0.5rem;
  font-size: 0.875rem;
}

.nv-page[b-ddegplrb88]  .av-input--light:hover {
  border-color: #4994ff;
}

.nv-page[b-ddegplrb88]  .av-input--light:focus,
.nv-page[b-ddegplrb88]  .av-input--light:focus-visible {
  border-color: #4994ff;
  outline: none;
}

.nv-page[b-ddegplrb88]  .av-bio-label-light {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
}
/* /Pages/Organization.razor.rz.scp.css */
/* Styles originally defined in Organization.razor moved to isolated stylesheet */

.organization-page[b-2nutzcqet8] {
    padding: 4rem;
    min-height: calc(100vh - 150px);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: transparent;
    position: relative;
}

.organization-header-container[b-2nutzcqet8] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.organization-header[b-2nutzcqet8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}

.organization-header-left[b-2nutzcqet8] {
    flex: 1;
}

.back-link[b-2nutzcqet8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #4994FF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1rem;
    transition: color 0.2s ease;
}

.back-link:hover[b-2nutzcqet8] {
    color: #357abd;
}

.back-link svg[b-2nutzcqet8] {
    width: 16px;
    height: 16px;
}

.organization-title[b-2nutzcqet8] {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.organization-header-right[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.active-users-info[b-2nutzcqet8] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: flex-end;
}

.active-users-label[b-2nutzcqet8] {
    font-size: 14px;
    color: #6b7280;
    font-weight: 500;
}

.active-users-count-wrapper[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.active-users-icon[b-2nutzcqet8] {
    width: 18px;
    height: 18px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(45%) sepia(93%) saturate(1352%) hue-rotate(195deg) brightness(101%) contrast(101%);
}

.active-users-count[b-2nutzcqet8] {
    font-size: 18px;
    font-weight: 700;
    color: #111827;
}

.header-separator-vertical[b-2nutzcqet8] {
    width: 1px;
    height: 40px;
    background: #e5e7eb;
}

.add-user-btn[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.add-user-btn:hover[b-2nutzcqet8] {
    background: #357abd;
    transform: translateY(-1px);
}

.add-user-btn svg[b-2nutzcqet8] {
    width: 16px;
    height: 16px;
}

.users-grid[b-2nutzcqet8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

@media (max-width: 1024px) {
    .users-grid[b-2nutzcqet8] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .users-grid[b-2nutzcqet8] {
        grid-template-columns: 1fr;
    }
}

.user-card[b-2nutzcqet8] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 12px;
    padding: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: center;
}

.user-card:hover[b-2nutzcqet8] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.user-avatar-wrapper[b-2nutzcqet8] {
    position: relative;
    margin-bottom: 1rem;
}

.user-avatar[b-2nutzcqet8] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ffffff;
}

.user-status-dot[b-2nutzcqet8] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 16px;
    height: 16px;
    border: 3px solid #ffffff;
    border-radius: 50%;
}

.user-status-dot.active[b-2nutzcqet8] {
    background: #10B981;
}

.user-status-dot.pending[b-2nutzcqet8] {
    background: #F59E0B;
}

.user-name[b-2nutzcqet8] {
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    color: #111827;
    margin: 0 0 0.75rem 0;
}

.user-role[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #364153;
    margin-bottom: 0.5rem;
}

.role-icon[b-2nutzcqet8] {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.user-email[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 1rem;
}

.email-icon[b-2nutzcqet8] {
    width: 16px;
    height: 16px;
    color: #6b7280;
}

.user-card-separator[b-2nutzcqet8] {
    width: 100%;
    height: 1px;
    background: #e5e7eb;
    margin-bottom: 1rem;
}

.user-card-footer[b-2nutzcqet8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0.75rem;
}

.user-card-actions[b-2nutzcqet8] {
    display: flex;
    gap: 0.5rem;
    width: 100%;
    justify-content: center;
}

.action-btn[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    flex: 1;
}

.action-btn svg[b-2nutzcqet8] {
    width: 14px;
    height: 14px;
}

.action-btn-primary[b-2nutzcqet8] {
    background: rgba(73, 148, 255, 0.1);
    border: 1px solid rgba(73, 148, 255, 0.3);
    color: #4994FF;
}

.action-btn-primary:hover[b-2nutzcqet8] {
    background: rgba(73, 148, 255, 0.2);
    border-color: #4994FF;
}

.action-btn-danger[b-2nutzcqet8] {
    background: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #EF4444;
}

.action-btn-danger:hover[b-2nutzcqet8] {
    background: rgba(239, 68, 68, 0.2);
    border-color: #EF4444;
}

.user-access-tag[b-2nutzcqet8] {
    padding: 0.375rem 0.75rem;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    border: 1px solid;
}

.user-access-tag.admin[b-2nutzcqet8] {
    background: #FFF7ED;
    border-color: #FFEDD4;
    color: #FFB050;
}

.user-access-tag.member[b-2nutzcqet8] {
    background: rgba(73, 148, 255, 0.1);
    border-color: rgba(73, 148, 255, 0.5);
    color: #4994FF;
}

.user-added-date[b-2nutzcqet8] {
    font-size: 12px;
    color: #9ca3af;
}

.add-member-card[b-2nutzcqet8] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 12px;
    padding: 2rem;
    border: 2px dashed #d1d5db;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 280px;
}

.add-member-card:hover[b-2nutzcqet8] {
    border-color: #4994FF;
    background: rgba(73, 144, 255, 0.05);
    transform: translateY(-2px);
}

.add-member-content[b-2nutzcqet8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    text-align: center;
}

.add-icon[b-2nutzcqet8] {
    width: 48px;
    height: 48px;
    color: #9ca3af;
    transition: color 0.3s ease;
}

.add-member-card:hover .add-icon[b-2nutzcqet8] {
    color: #4994FF;
}

.add-member-title[b-2nutzcqet8] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin: 0;
}

.add-member-subtitle[b-2nutzcqet8] {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
}

@media (max-width: 768px) {
    .organization-page[b-2nutzcqet8] {
        padding: 0.75rem 0.75rem;
        min-height: auto;
        height: calc(100vh - 150px);
        max-height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    .organization-header-container[b-2nutzcqet8] {
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
    }

    .organization-header[b-2nutzcqet8] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .organization-title[b-2nutzcqet8] {
        font-size: 20px;
    }

    .organization-header-right[b-2nutzcqet8] {
        width: 100%;
        justify-content: space-between;
        gap: 1rem;
    }

    .active-users-label[b-2nutzcqet8] {
        font-size: 12px;
    }

    .active-users-count[b-2nutzcqet8] {
        font-size: 16px;
    }

    .active-users-icon[b-2nutzcqet8] {
        width: 16px;
        height: 16px;
    }

    .header-separator-vertical[b-2nutzcqet8] {
        height: 30px;
    }

    .add-user-btn[b-2nutzcqet8] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
    }

    .users-grid[b-2nutzcqet8] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .user-card[b-2nutzcqet8] {
        padding: 1rem;
    }

    .user-avatar[b-2nutzcqet8] {
        width: 48px;
        height: 48px;
    }

    .user-status-dot[b-2nutzcqet8] {
        width: 12px;
        height: 12px;
        border-width: 2px;
    }

    .user-name[b-2nutzcqet8] {
        font-size: 16px;
        margin-bottom: 0.5rem;
    }

    .user-role[b-2nutzcqet8] {
        font-size: 12px;
        margin-bottom: 0.375rem;
    }

    .role-icon[b-2nutzcqet8] {
        width: 14px;
        height: 14px;
    }

    .user-email[b-2nutzcqet8] {
        font-size: 12px;
        margin-bottom: 0.75rem;
    }

    .email-icon[b-2nutzcqet8] {
        width: 14px;
        height: 14px;
    }

    .user-card-separator[b-2nutzcqet8] {
        margin-bottom: 0.75rem;
    }

    .user-access-tag[b-2nutzcqet8] {
        padding: 0.25rem 0.5rem;
        font-size: 10px;
    }

    .user-added-date[b-2nutzcqet8] {
        font-size: 10px;
    }

    .add-member-card[b-2nutzcqet8] {
        padding: 1.5rem;
        min-height: 200px;
    }

    .add-icon[b-2nutzcqet8] {
        width: 36px;
        height: 36px;
    }

    .add-member-title[b-2nutzcqet8] {
        font-size: 14px;
    }

    .add-member-subtitle[b-2nutzcqet8] {
        font-size: 12px;
    }
}

/* Add Member Modal Styles */
.add-member-modal-backdrop[b-2nutzcqet8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 2rem;
}

.add-member-modal[b-2nutzcqet8] {
    background: #ffffff;
    border-radius: 16px;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.modal-header[b-2nutzcqet8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #e5e7eb;
}

.modal-title[b-2nutzcqet8] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.modal-close-btn[b-2nutzcqet8] {
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
    color: #6b7280;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-close-btn:hover[b-2nutzcqet8] {
    color: #111827;
}

.modal-close-btn svg[b-2nutzcqet8] {
    width: 20px;
    height: 20px;
}

.modal-body[b-2nutzcqet8] {
    padding: 2rem;
    flex: 1;
    overflow-y: auto;
}

.form-section[b-2nutzcqet8] {
    margin-bottom: 1.5rem;
}

.form-section:last-child[b-2nutzcqet8] {
    margin-bottom: 0;
}

.form-label[b-2nutzcqet8] {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}

.profile-label[b-2nutzcqet8] {
    color: #4994FF;
}

.profile-image-section[b-2nutzcqet8] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.profile-image-container[b-2nutzcqet8] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.profile-image-placeholder[b-2nutzcqet8] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f4f6;
    border: 2px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.camera-icon[b-2nutzcqet8] {
    width: 24px;
    height: 24px;
    color: #9ca3af;
}

.upload-image-btn[b-2nutzcqet8] {
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.upload-image-btn:hover[b-2nutzcqet8] {
    background: #357abd;
}

.upload-hint[b-2nutzcqet8] {
    font-size: 12px;
    color: #6b7280;
    margin: 0;
}

.input-wrapper[b-2nutzcqet8] {
    position: relative;
    display: flex;
    align-items: center;
}

.form-input[b-2nutzcqet8] {
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
}

.form-input:focus[b-2nutzcqet8] {
    outline: none;
    border-color: #4994FF;
    box-shadow: 0 0 0 3px rgba(74, 144, 255, 0.1);
}

.input-icon[b-2nutzcqet8] {
    position: absolute;
    right: 1rem;
    width: 20px;
    height: 20px;
    color: #9ca3af;
    pointer-events: none;
}

.role-buttons[b-2nutzcqet8] {
    display: flex;
    gap: 1rem;
}

.role-btn[b-2nutzcqet8] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #ffffff;
    color: #6b7280;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.role-btn:hover[b-2nutzcqet8] {
    border-color: #4994FF;
    color: #4994FF;
}

.role-btn.selected[b-2nutzcqet8] {
    background: rgba(73, 148, 255, 0.1);
    border-color: #4994FF;
    color: #4994FF;
}

.role-btn-icon[b-2nutzcqet8] {
    width: 18px;
    height: 18px;
}

.modal-footer[b-2nutzcqet8] {
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
    padding: 1.5rem 2rem;
    border-top: 1px solid #e5e7eb;
}

.cancel-btn[b-2nutzcqet8] {
    padding: 0.75rem 1.5rem;
    background: #ffffff;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.cancel-btn:hover[b-2nutzcqet8] {
    background: #f9fafb;
    border-color: #d1d5db;
}

.add-member-btn[b-2nutzcqet8] {
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.add-member-btn:hover[b-2nutzcqet8] {
    background: #357abd;
}

@media (max-width: 768px) {
    .add-member-modal-backdrop[b-2nutzcqet8] {
        padding: 0.5rem;
    }

    .add-member-modal[b-2nutzcqet8] {
        max-height: 95vh;
        border-radius: 12px;
    }

    .modal-header[b-2nutzcqet8] {
        padding: 1rem 1.25rem;
    }

    .modal-title[b-2nutzcqet8] {
        font-size: 18px;
    }

    .modal-body[b-2nutzcqet8] {
        padding: 1.25rem;
    }

    .form-section[b-2nutzcqet8] {
        margin-bottom: 1.25rem;
    }

    .form-label[b-2nutzcqet8] {
        font-size: 12px;
        margin-bottom: 0.375rem;
    }

    .profile-image-placeholder[b-2nutzcqet8] {
        width: 60px;
        height: 60px;
    }

    .camera-icon[b-2nutzcqet8] {
        width: 20px;
        height: 20px;
    }

    .upload-image-btn[b-2nutzcqet8] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
    }

    .upload-hint[b-2nutzcqet8] {
        font-size: 10px;
    }

    .form-input[b-2nutzcqet8] {
        padding: 0.625rem 0.875rem;
        font-size: 12px;
    }

    .input-icon[b-2nutzcqet8] {
        width: 18px;
        height: 18px;
        right: 0.875rem;
    }

    .role-buttons[b-2nutzcqet8] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .role-btn[b-2nutzcqet8] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
    }

    .role-btn-icon[b-2nutzcqet8] {
        width: 16px;
        height: 16px;
    }

    .modal-footer[b-2nutzcqet8] {
        padding: 1rem 1.25rem;
        gap: 0.75rem;
    }

    .cancel-btn[b-2nutzcqet8],
    .add-member-btn[b-2nutzcqet8] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
    }
}

/* helper classes for inline styles */
.info-text[b-2nutzcqet8] {
    font-size: 12px;
    color: #6b7280;
    margin: 0.5rem 0 0 0;
}

.modal-note[b-2nutzcqet8] {
    font-size: 12px;
    color: #6b7280;
    margin-top: 1rem;
}

.centered-container[b-2nutzcqet8] {
    text-align: center;
    padding: 4rem;
}

.loading-text[b-2nutzcqet8] {
    font-size: 1.2rem;
    color: #666;
}

.error-text[b-2nutzcqet8] {
    font-size: 1.2rem;
    color: #EF4444;
}

.retry-btn[b-2nutzcqet8] {
    margin-top: 1rem;
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.selected-email[b-2nutzcqet8] {
    margin-bottom: 1.5rem;
}
/* /Pages/PatientProfile.razor.rz.scp.css */
/* Full-page patient profile — layout aligned with clinic profile mockups */
.pp-wrap[b-7jpnpmjrde] {
  box-sizing: border-box;
  min-height: 100vh;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 1.5rem clamp(1rem, 2.5vw, 2.5rem) 2.5rem;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  color: #0f172a;
}

.pp-back[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
  text-decoration: none;
  margin-bottom: 1rem;
}

.pp-back:hover[b-7jpnpmjrde] {
  color: #2563eb;
}

.pp-loading[b-7jpnpmjrde],
.pp-notfound[b-7jpnpmjrde] {
  text-align: center;
  padding: 4rem 1rem;
  color: #64748b;
}

.pp-spinner[b-7jpnpmjrde] {
  width: 40px;
  height: 40px;
  border: 3px solid #e2e8f0;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: pp-spin-b-7jpnpmjrde 0.75s linear infinite;
  margin: 0 auto 1rem;
}

@keyframes pp-spin-b-7jpnpmjrde {
  to {
    transform: rotate(360deg);
  }
}

/* Header card */
.pp-header[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 16px;
  padding: 1.35rem 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  margin-bottom: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}

.pp-header-main[b-7jpnpmjrde] {
  display: flex;
  gap: 1rem;
  min-width: 0;
  flex: 1 1 280px;
}

.pp-avatar[b-7jpnpmjrde] {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: #fff;
  font-weight: 700;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pp-header-text[b-7jpnpmjrde] {
  min-width: 0;
}

.pp-name-row[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.pp-name[b-7jpnpmjrde] {
  font-size: 1.375rem;
  font-weight: 700;
  margin: 0;
  letter-spacing: -0.02em;
  color: #0f172a;
}

.pp-badge[b-7jpnpmjrde] {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
  background: #e0e7ff;
  color: #4338ca;
}

.pp-badge--safety[b-7jpnpmjrde] {
  background: #dbeafe;
  color: #1d4ed8;
}

.pp-meta-row[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin-top: 0.65rem;
  font-size: 0.875rem;
  color: #64748b;
}

.pp-meta-item[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.pp-meta-item svg[b-7jpnpmjrde] {
  flex-shrink: 0;
  color: #94a3b8;
}

.pp-header-actions[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.pp-btn-outline[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 0.9rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  cursor: pointer;
  font-family: inherit;
}

.pp-btn-outline:hover[b-7jpnpmjrde] {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.pp-btn-primary[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 1rem;
  border: none;
  border-radius: 10px;
  background: #3b82f6;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.3);
}

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

.pp-btn-primary-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: block;
}

/* Tabs */
.pp-tabs[b-7jpnpmjrde] {
  display: flex;
  gap: 0.25rem;
  border-bottom: 1px solid #e2e8f0;
  margin: 0 0 1.25rem;
  padding: 0 0.25rem;
  background: transparent;
}

.pp-tab[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.75rem 1rem;
  border: none;
  background: none;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}

.pp-tab:hover[b-7jpnpmjrde] {
  color: #334155;
}

.pp-tab--active[b-7jpnpmjrde] {
  color: #2563eb;
  border-bottom-color: #2563eb;
}

/* Vitals dashboard tab */
.pp-vitals-dash[b-7jpnpmjrde] {
  padding: 0 0 1.5rem;
}

.pp-vitals-dash__grid[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.35rem;
}

@media (max-width: 1100px) {
  .pp-vitals-dash__grid[b-7jpnpmjrde] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .pp-vitals-dash__grid[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-vv-card[b-7jpnpmjrde] {
  --vv-grad: linear-gradient(135deg, #64748b 0%, #475569 100%);
  --vv-text: #64748b;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 18px;
  padding: 1.15rem 1.2rem 1rem;
  box-shadow:
    0 4px 22px rgba(15, 23, 42, 0.06),
    0 1px 3px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  min-height: 100%;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.pp-vv-card:hover[b-7jpnpmjrde] {
  border-color: #4994ff;
}

.pp-vv-card__head[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

.pp-vv-card__title-block[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.pp-vv-card__title[b-7jpnpmjrde] {
  margin: 0;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: #334155;
  line-height: 1.2;
}

.pp-vv-card__trend[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  font-size: 0.68rem;
  font-weight: 600;
  color: #64748b;
  background: #f1f5f9;
  padding: 0.18rem 0.45rem;
  border-radius: 999px;
}

.pp-vv-card__icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--vv-grad);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--vv-text) 35%, transparent);
}

.pp-vv-card__icon img[b-7jpnpmjrde] {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1);
}

.pp-vv-card__value-row[b-7jpnpmjrde] {
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}

.pp-vv-card__value[b-7jpnpmjrde] {
  font-size: 1.85rem;
  font-weight: 800;
  color: var(--vv-text);
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.pp-vv-card__value--empty[b-7jpnpmjrde] {
  color: #cbd5e1;
}

.pp-vv-card__unit[b-7jpnpmjrde] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748b;
}

.pp-vv-card__spark[b-7jpnpmjrde] {
  width: 100%;
  height: 52px;
  margin: 0.15rem 0 0.15rem;
  overflow: hidden;
}

.pp-vv-card__spark[b-7jpnpmjrde]  .apexcharts-canvas,
.pp-vv-card__spark[b-7jpnpmjrde]  svg {
  overflow: visible !important;
}

.pp-vv-card__spark-placeholder[b-7jpnpmjrde] {
  height: 52px;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--vv-text) 12%, transparent) 0%,
    transparent 100%
  );
  opacity: 0.85;
}

.pp-vv-card__cta[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
  width: 100%;
  margin-top: 0.15rem;
  padding: 0.62rem 1rem;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  font-family: inherit;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #fff;
  background: var(--vv-grad);
  box-shadow: 0 6px 16px color-mix(in srgb, var(--vv-text) 28%, transparent);
  transition:
    transform 0.12s ease,
    box-shadow 0.12s ease;
}

.pp-vv-card__cta:hover[b-7jpnpmjrde] {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px color-mix(in srgb, var(--vv-text) 34%, transparent);
}

.pp-vv-card__cta svg[b-7jpnpmjrde] {
  flex-shrink: 0;
  opacity: 0.95;
}

.pp-vv-card__footer[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-top: 0.35rem;
  padding-top: 0.65rem;
  border-top: 1px dotted color-mix(in srgb, var(--vv-text) 35%, #cbd5e1);
  font-size: 0.68rem;
  font-weight: 700;
}

.pp-vv-card__foot-item[b-7jpnpmjrde] {
  color: color-mix(in srgb, var(--vv-text) 82%, #334155);
  white-space: nowrap;
}

.pp-vv-card__foot-item--mid[b-7jpnpmjrde] {
  font-weight: 800;
}

.pp-vv-card__foot-item--ok[b-7jpnpmjrde] {
  color: var(--vv-text);
}

.pp-vv-card__foot-item--warn[b-7jpnpmjrde] {
  color: var(--vv-text);
}

.pp-vv-card__foot-arrow[b-7jpnpmjrde] {
  opacity: 0.85;
  margin-right: 0.08rem;
}

/* Overview grid */
.pp-overview-grid[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: 1fr 500px;
  gap: 1.25rem;
  align-items: start;
}

@media (max-width: 1024px) {
  .pp-overview-grid[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-main-col[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pp-side-col[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pp-alert[b-7jpnpmjrde] {
  display: flex;
  gap: 0.75rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  background: #fff7ed;
  border: 1px solid #fed7aa;
  color: #9a3412;
  font-size: 0.875rem;
  line-height: 1.45;
}

.pp-card[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 14px;
  padding: 1.15rem 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.pp-card--vitals[b-7jpnpmjrde] {
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

.pp-card-title-row[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.pp-card-title[b-7jpnpmjrde] {
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
}

.pp-card-sub[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #94a3b8;
  font-weight: 500;
}

.pp-card-title--vitals[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.pp-card-title--vitals img[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: block;
}

.pp-vitals-wrap[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.pp-vitals-divider[b-7jpnpmjrde] {
  height: 1px;
  margin: 0.85rem auto 0.85rem;
  max-width: calc(100% - 1.5rem);
  background: #e5e7eb;
}

.pp-vitals-grid[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem 1.25rem;
  align-items: start;
}

.pp-vitals-grid--cards[b-7jpnpmjrde] {
  grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
  gap: 0.65rem;
}

@media (max-width: 720px) {
  .pp-vitals-grid[b-7jpnpmjrde] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.pp-vital-cell[b-7jpnpmjrde] {
  padding: 0.25rem 0;
  min-width: 0;
}

.pp-vital-tile--overview[b-7jpnpmjrde] {
  min-height: 5.5rem;
}

.pp-vital-tile--ov-default[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
}

.pp-vital-tile--ov-weight[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #eff6ff 100%);
  border-color: #bfdbfe;
}

.pp-vital-tile--ov-height[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #ecfdf5 100%);
  border-color: #86efac;
}

.pp-vital-tile--ov-bp[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #fef2f2 100%);
  border-color: #fecdd3;
}

.pp-vital-tile--ov-heart[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #fff1f2 100%);
  border-color: #fecdd3;
}

.pp-vital-tile--ov-rr[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #ecfeff 100%);
  border-color: #a5f3fc;
}

.pp-vital-tile--ov-temp[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #fff7ed 100%);
  border-color: #fdba74;
}

.pp-vital-tile--ov-o2[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #ecfdf5 100%);
  border-color: #86efac;
}

.pp-vital-tile--ov-glucose[b-7jpnpmjrde] {
  background: linear-gradient(165deg, #ffffff 0%, #f5f3ff 100%);
  border-color: #c4b5fd;
}

.pp-vital-cell-head[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.35rem;
  margin-bottom: 0.15rem;
}

.pp-vital-label-wrap[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}

.pp-vital-cell-head .pp-vital-label[b-7jpnpmjrde] {
  margin-bottom: 0;
}

.pp-vital-icon[b-7jpnpmjrde] {
  width: 22px;
  height: 22px;
  border-radius: 7px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  flex-shrink: 0;
}

.pp-vital-icon img[b-7jpnpmjrde] {
  width: 14px;
  height: 14px;
}

.pp-vital-icon--weight[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
  border-color: #bfdbfe;
}

.pp-vital-icon--height[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #f0fdf4 0%, #d1fae5 100%);
  border-color: #86efac;
}

.pp-vital-icon--bp[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fee2e2 0%, #fecdd3 100%);
  border-color: #fda4af;
}

.pp-vital-icon--heart[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffe4e6 0%, #fecdd3 100%);
  border-color: #fda4af;
}

.pp-vital-icon--rr[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ecfeff 0%, #cffafe 100%);
  border-color: #a5f3fc;
}

.pp-vital-icon--temp[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%);
  border-color: #fdba74;
}

.pp-vital-icon--o2[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  border-color: #86efac;
}

.pp-vital-icon--glucose[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
  border-color: #c4b5fd;
}

.pp-overview-vital-charts[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.2rem;
  flex-shrink: 0;
}

.pp-overview-chart-btn.pp-visit-chart-btn[b-7jpnpmjrde] {
  width: 28px;
  height: 28px;
  padding: 0;
}

/* Overview “Latest Vitals” — compact cards; 4 cols → 3 → 2 → 1 */
.pp-card--vitals .pp-visit-vitals-grid[b-7jpnpmjrde] {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.55rem;
}

@media (max-width: 1099px) {
  .pp-card--vitals .pp-visit-vitals-grid[b-7jpnpmjrde] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 719px) {
  .pp-card--vitals .pp-visit-vitals-grid[b-7jpnpmjrde] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 379px) {
  .pp-card--vitals .pp-visit-vitals-grid[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-card--vitals .pp-vital-tile[b-7jpnpmjrde] {
  padding: 0.62rem 0.68rem 0.52rem;
  min-height: 5.1rem;
  gap: 0.3rem;
}

.pp-card--vitals .pp-vital-label-wrap[b-7jpnpmjrde] {
  align-items: center;
  gap: 0.42rem;
  min-width: 0;
}

.pp-card--vitals .pp-vital-icon[b-7jpnpmjrde] {
  width: 2.4rem;
  height: 2.4rem;
  min-width: 2.4rem;
  min-height: 2.4rem;
  border-radius: 10px;
}

.pp-card--vitals .pp-vital-icon img[b-7jpnpmjrde] {
  width: 1.38rem;
  height: 1.38rem;
  object-fit: contain;
}

.pp-card--vitals .pp-vital-tile__label[b-7jpnpmjrde] {
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #334155;
  line-height: 1.2;
}

.pp-card--vitals .pp-vital-tile__num[b-7jpnpmjrde] {
  font-size: 1.1rem;
}

.pp-card--vitals .pp-vital-tile__unit[b-7jpnpmjrde] {
  font-size: 0.6875rem;
}

.pp-card--vitals .pp-vital-tile__time[b-7jpnpmjrde] {
  font-size: 0.625rem;
}

.pp-card--vitals .pp-vital-tile__bp-slash[b-7jpnpmjrde] {
  font-size: 1rem;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  color: #94a3b8;
  line-height: 1.1;
  padding: 0 0.08rem;
}

.pp-card--vitals .pp-overview-chart-btn.pp-visit-chart-btn[b-7jpnpmjrde],
.pp-card--vitals .pp-vital-tile__chart.pp-visit-chart-btn[b-7jpnpmjrde] {
  width: 26px;
  height: 26px;
}

.pp-card--vitals .pp-vital-tile__chart.pp-visit-chart-btn svg[b-7jpnpmjrde] {
  width: 14px;
  height: 14px;
}

.pp-vital-label[b-7jpnpmjrde] {
  font-size: 10px;
  font-weight: 600;
  color: #9ca3af;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  line-height: 1.3;
}

.pp-vital-value[b-7jpnpmjrde] {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-top: 0.2rem;
  line-height: 1.25;
}

.pp-vital-num[b-7jpnpmjrde] {
  font-size: inherit;
  font-weight: 700;
  color: #000;
}

.pp-vital-unit[b-7jpnpmjrde] {
  font-size: 18px;
  font-weight: 500;
  color: #6b7280;
}

.pp-vital-sep[b-7jpnpmjrde] {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.pp-vital-tag[b-7jpnpmjrde] {
  font-size: 12px;
  color: #16a34a;
  font-weight: 600;
  margin-top: 0.25rem;
  line-height: 1.2;
}

.pp-vital-tag--blue[b-7jpnpmjrde] {
  color: #2563eb;
}

.pp-bmi-pill[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.35rem;
  font-size: 11px;
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 999px;
  background: #dbeafe;
  color: #1d4ed8;
}

.pp-card--visit-summary[b-7jpnpmjrde] {
  padding: 0;
  overflow: hidden;
}

.pp-card-title-row--visit-summary[b-7jpnpmjrde] {
  margin-bottom: 0;
  width: 100%;
  padding: 0.9rem 1.25rem;
  background: rgba(249, 250, 251, 0.5);
  border-bottom: 1px solid var(--Light-Stroke, rgba(243, 244, 246, 1));
}

.pp-card-title--visit-summary[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.pp-card-title--visit-summary img[b-7jpnpmjrde] {
  display: block;
  flex-shrink: 0;
}

.pp-visit-summary-row[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 0.9rem;
  padding: 1rem 1.25rem;
}

.pp-visit-summary-row + .pp-visit-summary-row[b-7jpnpmjrde] {
  border-top: 1px solid rgba(243, 244, 246, 1);
}

.pp-visit-summary-icon-wrap[b-7jpnpmjrde] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: #eff6ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pp-visit-summary-icon-wrap--meds[b-7jpnpmjrde] {
  background: #fff7ed;
  color: #f97316;
}

.pp-visit-summary-content[b-7jpnpmjrde] {
  min-width: 0;
  width: 100%;
}

.pp-visit-summary-label[b-7jpnpmjrde] {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  color: #374151;
  margin-bottom: 0.45rem;
}

.pp-visit-summary-note[b-7jpnpmjrde] {
  font-size: 0.95rem;
  line-height: 1.55;
  color: #4b5563;
}

.pp-med-list[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.65rem;
}

@media (max-width: 680px) {
  .pp-med-list[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-med-card[b-7jpnpmjrde] {
  padding: 0.75rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
}

.pp-med-name[b-7jpnpmjrde] {
  font-weight: 700;
  font-size: 0.875rem;
  color: #0f172a;
}

.pp-med-dose[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #64748b;
  margin-top: 0.2rem;
}

/* Sidebar summary */
.pp-summary-list[b-7jpnpmjrde] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.pp-summary-row[b-7jpnpmjrde] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.875rem;
}

.pp-summary-label[b-7jpnpmjrde] {
  color: #64748b;
  font-weight: 500;
}

.pp-summary-value[b-7jpnpmjrde] {
  font-weight: 600;
  color: #0f172a;
  text-align: right;
}

.pp-blood-badge[b-7jpnpmjrde] {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 6px;
  background: #fee2e2;
  color: #b91c1c;
  font-size: 0.8125rem;
  font-weight: 700;
}

.pp-notes-box[b-7jpnpmjrde] {
  padding: 0.85rem;
  border-radius: 10px;
  border: 1px solid #fed7aa;
  background: #fffbeb;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #713f12;
}

.pp-ai-card[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #eff6ff, #f0f9ff);
  border: 1px solid #bfdbfe;
  border-radius: 14px;
  padding: 1rem 1.1rem;
}

.pp-ai-title[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: #1e40af;
  margin-bottom: 0.5rem;
}

.pp-ai-text[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #1e3a8a;
  line-height: 1.5;
}

.pp-ai-link[b-7jpnpmjrde] {
  display: inline-block;
  margin-top: 0.65rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2563eb;
  cursor: pointer;
  text-decoration: none;
}

.pp-ai-link:hover[b-7jpnpmjrde] {
  text-decoration: underline;
}

.pp-notes-section__head[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem 1rem;
  margin-bottom: 0.65rem;
  flex-wrap: wrap;
}

.pp-notes-section__title[b-7jpnpmjrde] {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.pp-notes-add-btn[b-7jpnpmjrde] {
  flex-shrink: 0;
  margin: 0;
  padding: 0.35rem 0.65rem;
  border-radius: 8px;
  border: 1px solid #fcd34d;
  background: #fffbeb;
  color: #92400e;
  font-size: 0.8125rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  line-height: 1.3;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}

.pp-notes-add-btn:hover[b-7jpnpmjrde] {
  background: #fef3c7;
  border-color: #fbbf24;
  color: #78350f;
}

.pp-notes-add-btn:focus-visible[b-7jpnpmjrde] {
  outline: 2px solid #f59e0b;
  outline-offset: 2px;
}

/* History tab */
.pp-stat-row[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  margin-bottom: 1.25rem;
}

/* History stat cards — stay 3-across on phone, tighter spacing & type */
@media (max-width: 768px) {
  .pp-stat-row[b-7jpnpmjrde] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.45rem;
    margin-bottom: 0.85rem;
  }

  .pp-stat-row .pp-stat-card[b-7jpnpmjrde] {
    padding: 0.55rem 0.42rem;
    border-radius: 10px;
  }

  .pp-stat-row .pp-stat-card:hover[b-7jpnpmjrde] {
    transform: translateY(-1px);
  }

  .pp-stat-row .pp-stat-icon[b-7jpnpmjrde] {
    width: 36px;
    height: 36px;
    margin-bottom: 0.3rem;
    border-radius: 10px;
  }

  .pp-stat-row .pp-stat-icon img[b-7jpnpmjrde] {
    width: 17px;
    height: 17px;
  }

  .pp-stat-row .pp-stat-title[b-7jpnpmjrde] {
    font-size: 0.625rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
  }

  .pp-stat-row .pp-stat-value[b-7jpnpmjrde] {
    font-size: 1.1rem;
    margin-top: 0.1rem;
    line-height: 1.05;
  }

  .pp-stat-row .pp-stat-badge[b-7jpnpmjrde] {
    top: 0.3rem;
    right: 0.3rem;
    font-size: 0.5625rem;
    padding: 0.08rem 0.28rem;
    border-radius: 5px;
    max-width: calc(100% - 0.6rem);
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (max-width: 380px) {
  .pp-stat-row[b-7jpnpmjrde] {
    gap: 0.35rem;
  }

  .pp-stat-row .pp-stat-title[b-7jpnpmjrde] {
    font-size: 0.58rem;
  }

  .pp-stat-row .pp-stat-value[b-7jpnpmjrde] {
    font-size: 0.95rem;
  }

  .pp-stat-row .pp-stat-icon[b-7jpnpmjrde] {
    width: 32px;
    height: 32px;
  }

  .pp-stat-row .pp-stat-icon img[b-7jpnpmjrde] {
    width: 15px;
    height: 15px;
  }
}

.pp-stat-card[b-7jpnpmjrde] {
  border-radius: 14px;
  padding: 1rem 1.1rem;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    border-color 0.22s ease;
}

.pp-stat-card:hover[b-7jpnpmjrde] {
  transform: translateY(-3px);
}

.pp-stat-card--pink[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);
  border: 1px solid #fed3d8;
}

.pp-stat-card--pink:hover[b-7jpnpmjrde] {
  border-color: #fca5a5;
  box-shadow: 0 10px 28px rgba(244, 63, 94, 0.14);
}

.pp-stat-card--yellow[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);
  border: 1px solid #fed3d8;
}

.pp-stat-card--yellow:hover[b-7jpnpmjrde] {
  border-color: #fcd34d;
  box-shadow: 0 10px 28px rgba(245, 158, 11, 0.16);
}

.pp-stat-card--green[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
  border: 1px solid #d1fae5;
}

.pp-stat-card--green:hover[b-7jpnpmjrde] {
  border-color: #6ee7b7;
  box-shadow: 0 10px 28px rgba(16, 185, 129, 0.14);
}

.pp-stat-icon[b-7jpnpmjrde] {
  margin-bottom: 0.75rem;
  width: 56px;
  height: 56px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pp-stat-icon img[b-7jpnpmjrde] {
  display: block;
}

.pp-stat-icon--pink[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fee2e2 0%, #fecdd3 100%);
}

.pp-stat-icon--yellow[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fef2c2 0%, #fde892 100%);
}

.pp-stat-icon--green[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #cdf9e3 0%, #acf4d2 100%);
}

.pp-stat-title[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #64748b;
}

.pp-stat-value[b-7jpnpmjrde] {
  font-size: 1.75rem;
  font-weight: 800;
  color: #0f172a;
  margin-top: 0.25rem;
}

.pp-stat-badge[b-7jpnpmjrde] {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  color: #475569;
}

.pp-history-panel-wrap[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 14px;
  padding: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* History tab — sidebar + main (full width) */
.pp-history-layout[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: 1fr minmax(460px, 500px);
  gap: 1.25rem;
  align-items: start;
}

@media (max-width: 900px) {
  .pp-history-layout[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-history-main[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 14px;
  padding: 1.15rem 1.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f5f9;
  min-width: 0;
}

.pp-history-main-head[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.pp-history-main-title[b-7jpnpmjrde] {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  line-height: 1.25;
}

.pp-history-main-icon-wrap[b-7jpnpmjrde] {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.pp-history-main-icon-wrap img[b-7jpnpmjrde] {
  display: block;
}

.pp-history-main-icon-wrap--hypers[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fef2c2 0%, #fde892 100%);
}

.pp-history-main-icon-wrap--chronic[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fee2e2 0%, #fecdd3 100%);
}

.pp-history-main-icon-wrap--food[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #cdf9e3 0%, #acf4d2 100%);
}

.pp-history-main-sub[b-7jpnpmjrde] {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0.4rem 0 0;
  line-height: 1.45;
  font-weight: 400;
}

.pp-history-composer[b-7jpnpmjrde] {
  margin-bottom: 1rem;
}

.pp-hist-compose-grid[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  align-items: flex-end;
}

.pp-hist-field[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 0;
}

.pp-hist-field--grow[b-7jpnpmjrde] {
  flex: 1 1 220px;
}

.pp-hist-field--action[b-7jpnpmjrde] {
  flex: 0 0 auto;
}

.pp-hist-label[b-7jpnpmjrde] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
}

.pp-hist-label--phantom[b-7jpnpmjrde] {
  visibility: hidden;
  user-select: none;
}

.pp-hist-input[b-7jpnpmjrde],
.pp-hist-select[b-7jpnpmjrde] {
  width: 100%;
  padding: 0.55rem 0.75rem;
  border: 1px solid #4994ff;
  border-radius: 10px;
  font-size: 0.875rem;
  font-family: inherit;
  background: #fff;
  box-sizing: border-box;
}

.pp-hist-combo[b-7jpnpmjrde] {
  position: relative;
  width: 100%;
}

.pp-hist-combo-hint[b-7jpnpmjrde] {
  font-size: 0.7rem;
  color: #64748b;
  margin: 0 0 0.45rem;
  line-height: 1.4;
}

.pp-hist-input-shell[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  width: 100%;
  min-height: 2.5rem;
  padding: 0 0.55rem 0 0.5rem;
  border: 1px solid #4994ff;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.pp-hist-combo--open .pp-hist-input-shell[b-7jpnpmjrde] {
  border-color: #2563eb;
  border-width: 2px;
  box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.22);
}

.pp-hist-input-shell:focus-within[b-7jpnpmjrde] {
  outline: none;
  border-color: #1d4ed8;
  border-width: 2px;
  box-shadow: 0 0 0 4px rgba(73, 148, 255, 0.24);
}

.pp-hist-combo-search-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  color: #94a3b8;
}

.pp-hist-input--combo[b-7jpnpmjrde] {
  flex: 1 1 auto;
  min-width: 0;
  border: none !important;
  border-radius: 0 !important;
  padding: 0.55rem 0.25rem !important;
  box-shadow: none !important;
  background: transparent !important;
}

.pp-hist-input--combo:focus[b-7jpnpmjrde] {
  outline: none;
}

.pp-hist-combo-chevron[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  color: #64748b;
  opacity: 0.85;
  transition: transform 0.2s ease;
}

.pp-hist-combo--open .pp-hist-combo-chevron[b-7jpnpmjrde] {
  transform: rotate(180deg);
}

.pp-hist-dropdown[b-7jpnpmjrde] {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  max-height: 220px;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
  z-index: 20;
}

.pp-hist-dd-list[b-7jpnpmjrde] {
  margin: 0;
  padding: 0.35rem 0;
  list-style: none;
}

.pp-hist-dd-list li[b-7jpnpmjrde] {
  margin: 0;
  padding: 0;
}

.pp-hist-dd-empty[b-7jpnpmjrde],
.pp-hist-dd-status[b-7jpnpmjrde] {
  padding: 0.75rem 0.85rem;
  font-size: 0.8125rem;
  color: #64748b;
  text-align: center;
}

.pp-hist-dd-status[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.45rem;
}

.pp-hist-dd-spinner[b-7jpnpmjrde] {
  width: 14px;
  height: 14px;
  border: 2px solid #e2e8f0;
  border-top-color: #64748b;
  border-radius: 50%;
  animation: pp-hist-spin-b-7jpnpmjrde 0.65s linear infinite;
}

@keyframes pp-hist-spin-b-7jpnpmjrde {
  to {
    transform: rotate(360deg);
  }
}

.pp-hist-dd-item[b-7jpnpmjrde] {
  display: block;
  width: 100%;
  text-align: left;
  padding: 0.5rem 0.75rem;
  border: none;
  background: transparent;
  font: inherit;
  cursor: pointer;
  color: #0f172a;
}

.pp-hist-dd-item:hover[b-7jpnpmjrde] {
  background: #f1f5f9;
}

.pp-hist-pending[b-7jpnpmjrde] {
  margin-top: 0.85rem;
  padding: 0.75rem;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.pp-hist-pending-head[b-7jpnpmjrde] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
  margin-bottom: 0.5rem;
}

.pp-hist-pending-title[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  font-weight: 700;
  color: #334155;
}

.pp-hist-confirm-btn[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.85rem;
  border-radius: 10px;
  border: 1px solid #cbd5e1;
  font-size: 0.8125rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  background: #fff;
  color: #0f172a;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.pp-hist-confirm-btn:hover:not(:disabled)[b-7jpnpmjrde] {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.1);
}

.pp-hist-confirm-btn:disabled[b-7jpnpmjrde] {
  opacity: 0.65;
  cursor: not-allowed;
}

.pp-hist-confirm-btn--chronic[b-7jpnpmjrde] {
  border-color: rgba(220, 38, 38, 0.45);
  color: #b91c1c;
}

.pp-hist-confirm-btn--hypers[b-7jpnpmjrde] {
  border-color: rgba(217, 119, 6, 0.5);
  color: #b45309;
}

.pp-hist-confirm-btn--food[b-7jpnpmjrde] {
  border-color: rgba(5, 150, 105, 0.45);
  color: #047857;
}

.pp-hist-pending-list[b-7jpnpmjrde] {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.pp-hist-pending-item[b-7jpnpmjrde] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  padding: 0.45rem 0.55rem;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  font-size: 0.8125rem;
  color: #334155;
}

.pp-hist-pending-remove[b-7jpnpmjrde] {
  flex-shrink: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  color: #94a3b8;
  padding: 0.2rem 0.35rem;
  font-size: 1rem;
  line-height: 1;
}

.pp-hist-pending-remove:hover:not(:disabled)[b-7jpnpmjrde] {
  color: #ef4444;
}

.pp-hist-pending-remove:disabled[b-7jpnpmjrde] {
  cursor: not-allowed;
  opacity: 0.5;
}

.pp-history-add-btn[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.9rem;
  border-radius: 10px;
  border: 1px solid transparent;
  font-size: 0.8125rem;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.pp-history-add-btn:hover[b-7jpnpmjrde] {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.12);
}

.pp-history-add-btn:active[b-7jpnpmjrde] {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.pp-history-add-btn--hypers[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fde997 100%);
  color: rgba(217, 119, 6, 0.5);
  border-color: rgba(217, 119, 6, 0.5);
}

.pp-history-add-btn--hypers:hover[b-7jpnpmjrde] {
  border-color: rgba(217, 119, 6, 0.9);
  background: linear-gradient(135deg, #fffbeb 0%, #fde68a 100%);
  box-shadow: 0 6px 20px rgba(245, 158, 11, 0.22);
}

.pp-history-add-btn--chronic[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);
  color: #dc2626;
  border-color: #dc2626;
}

.pp-history-add-btn--chronic:hover[b-7jpnpmjrde] {
  border-color: #b91c1c;
  background: linear-gradient(135deg, #ffffff 0%, #fecaca 100%);
  box-shadow: 0 6px 20px rgba(220, 38, 38, 0.2);
}

.pp-history-add-btn--food[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
  color: #059669;
  border-color: #059669;
}

.pp-history-add-btn--food:hover[b-7jpnpmjrde] {
  border-color: #047857;
  background: linear-gradient(135deg, #ffffff 0%, #d1fae5 100%);
  box-shadow: 0 6px 20px rgba(5, 150, 105, 0.18);
}

.pp-history-sidebar[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.pp-history-nav[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 14px;
  padding: 0.65rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f5f9;
}

.pp-history-nav-btn[b-7jpnpmjrde] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  border: 2px solid transparent;
  background: #f8fafc;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  margin-bottom: 0.35rem;
  transition:
    border-color 0.18s ease,
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.pp-history-nav-btn:last-of-type[b-7jpnpmjrde] {
  margin-bottom: 0;
}

.pp-history-nav-btn:hover[b-7jpnpmjrde] {
  transform: translateY(-2px);
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

.pp-history-nav-btn:not(.pp-history-nav-btn--active):hover[b-7jpnpmjrde] {
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.pp-history-nav-btn--chronic.pp-history-nav-btn--active:hover[b-7jpnpmjrde] {
  box-shadow: 0 6px 18px rgba(220, 38, 38, 0.18);
  border-color: #b91c1c;
}

.pp-history-nav-btn--hypers.pp-history-nav-btn--active:hover[b-7jpnpmjrde] {
  box-shadow: 0 6px 18px rgba(235, 176, 81, 0.22);
  border-color: #d97706;
}

.pp-history-nav-btn--food.pp-history-nav-btn--active:hover[b-7jpnpmjrde] {
  box-shadow: 0 6px 18px rgba(5, 150, 105, 0.18);
  border-color: #047857;
}

.pp-history-nav-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: block;
}

.pp-history-nav-btn--chronic.pp-history-nav-btn--active[b-7jpnpmjrde] {
  border-color: #dc2626;
  background: #fef2f2;
  color: #dc2626;
}

.pp-history-nav-btn--chronic.pp-history-nav-btn--active .pp-history-nav-label[b-7jpnpmjrde],
.pp-history-nav-btn--chronic.pp-history-nav-btn--active .pp-history-nav-meta[b-7jpnpmjrde] {
  color: #dc2626;
}

.pp-history-nav-btn--hypers.pp-history-nav-btn--active[b-7jpnpmjrde] {
  border-color: #ebb051;
  background: linear-gradient(135deg, #ffffff 0%, #fde997 100%);
  color: #ebb051;
}

.pp-history-nav-btn--hypers.pp-history-nav-btn--active .pp-history-nav-label[b-7jpnpmjrde],
.pp-history-nav-btn--hypers.pp-history-nav-btn--active .pp-history-nav-meta[b-7jpnpmjrde] {
  color: #ebb051;
}

.pp-history-nav-btn--food.pp-history-nav-btn--active[b-7jpnpmjrde] {
  border-color: #059669;
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
  color: #059669;
}

.pp-history-nav-btn--food.pp-history-nav-btn--active .pp-history-nav-label[b-7jpnpmjrde],
.pp-history-nav-btn--food.pp-history-nav-btn--active .pp-history-nav-meta[b-7jpnpmjrde] {
  color: #059669;
}

.pp-history-nav-text[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
}

.pp-history-nav-label[b-7jpnpmjrde] {
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  color: #0f172a;
}

.pp-history-nav-meta[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #64748b;
  margin-top: 0.15rem;
}

.pp-history-card[b-7jpnpmjrde] {
  border-radius: 12px;
  padding: 1rem 1.1rem;
  margin-bottom: 0.75rem;
  border: 2px solid #e2e8f0;
  background: #fafbfc;
  position: relative;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.pp-history-card:hover[b-7jpnpmjrde] {
  transform: translateY(-2px);
}

.pp-history-card--hypers[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(251, 191, 36, 0.45);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.pp-history-card--hypers:hover[b-7jpnpmjrde] {
  border-color: rgba(251, 191, 36, 0.72);
  box-shadow: 0 8px 24px rgba(251, 191, 36, 0.18);
}

.pp-history-card-lead-icon[b-7jpnpmjrde] {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.pp-history-card-lead-icon--hypers[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fef2c2 0%, #fde892 100%);
}

.pp-history-card-lead-icon--chronic[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffe4e8 0%, #fecdd6 100%);
}

.pp-history-card-lead-icon--food[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
}

.pp-history-card-lead-icon img[b-7jpnpmjrde] {
  display: block;
}

.pp-history-card-body-col[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
}

.pp-history-card-head--hypers[b-7jpnpmjrde],
.pp-history-card-head--chronic[b-7jpnpmjrde],
.pp-history-card-head--food[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0;
}

.pp-history-card-title-block[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.5rem;
  min-width: 0;
}

.pp-history-sev-inline[b-7jpnpmjrde] {
  flex-shrink: 0;
}

.pp-history-card--chronic[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(244, 63, 94, 0.38);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.pp-history-card--food[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  padding: 1rem 1.1rem;
  border: 1px solid rgba(34, 197, 94, 0.4);
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.pp-history-card--chronic:hover[b-7jpnpmjrde] {
  border-color: rgba(244, 63, 94, 0.55);
  box-shadow: 0 8px 24px rgba(244, 63, 94, 0.14);
}

.pp-history-card--food:hover[b-7jpnpmjrde] {
  border-color: rgba(34, 197, 94, 0.62);
  box-shadow: 0 8px 24px rgba(34, 197, 94, 0.14);
}

.pp-history-card-head[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
}

.pp-history-card-title[b-7jpnpmjrde] {
  font-weight: 800;
  font-size: 0.9375rem;
  color: #0f172a;
  margin: 0;
}

.pp-history-card-actions[b-7jpnpmjrde] {
  display: flex;
  gap: 0.25rem;
}

.pp-history-icon-btn[b-7jpnpmjrde] {
  padding: 0.35rem;
  border: none;
  background: transparent;
  color: #94a3b8;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pp-history-icon-btn:hover[b-7jpnpmjrde] {
  background: #f1f5f9;
  color: #475569;
}

.pp-history-icon-btn--danger[b-7jpnpmjrde] {
  color: #dc2626;
}

.pp-history-icon-btn--danger:hover[b-7jpnpmjrde] {
  background: #fef2f2;
  color: #b91c1c;
}

.pp-history-tags[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.5rem;
}

.pp-history-tags--hypers[b-7jpnpmjrde] {
  margin-top: 0.35rem;
}

.pp-history-tag[b-7jpnpmjrde] {
  font-size: 0.6875rem;
  font-weight: 600;
  padding: 0.2rem 0.45rem;
  border-radius: 6px;
  background: #f1f5f9;
  color: #475569;
}

.pp-history-tag--hypers[b-7jpnpmjrde] {
  background: #fffbeb;
  border: 1px solid #facc15;
  color: #a16207;
}

.pp-history-related[b-7jpnpmjrde] {
  margin-top: 0.65rem;
}

.pp-history-related-label[b-7jpnpmjrde] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6b7280;
  margin-bottom: 0.15rem;
}

.pp-history-body[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #475569;
  margin-top: 0;
  line-height: 1.45;
}

.pp-history-footer[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.65rem;
}

.pp-history-footer--icon[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: #9ca3af;
}

.pp-history-footer--icon svg[b-7jpnpmjrde] {
  flex-shrink: 0;
  color: #9ca3af;
}

.pp-sev[b-7jpnpmjrde] {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
}

.pp-sev--high[b-7jpnpmjrde] {
  background: #fee2e2;
  color: #b91c1c;
}

.pp-sev--mid[b-7jpnpmjrde] {
  background: #ffedd5;
  color: #c2410c;
}

.pp-sev--low[b-7jpnpmjrde] {
  background: #dcfce7;
  color: #166534;
}

.pp-sev--muted[b-7jpnpmjrde] {
  background: #f1f5f9;
  color: #64748b;
}

/* Biometrics table (Visits tab) */
.pp-bio-section[b-7jpnpmjrde] {
  margin-bottom: 1.25rem;
}

.pp-bio-table-wrap[b-7jpnpmjrde] {
  overflow-x: auto;
  margin-top: 0.75rem;
}

.pp-bio-table[b-7jpnpmjrde] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.8125rem;
}

.pp-bio-table th[b-7jpnpmjrde],
.pp-bio-table td[b-7jpnpmjrde] {
  padding: 0.55rem 0.65rem;
  text-align: left;
  border-bottom: 1px solid #f1f5f9;
}

.pp-bio-table th[b-7jpnpmjrde] {
  font-weight: 700;
  color: #64748b;
  font-size: 0.6875rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Edit patient modal (scoped to profile page) */
.pp-em-backdrop[b-7jpnpmjrde] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.4);
  backdrop-filter: blur(3px);
  z-index: 1000;
}

.pp-em[b-7jpnpmjrde] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(520px, calc(100vw - 2rem));
  max-height: min(90vh, 720px);
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.pp-em__header[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.25rem 1.5rem 1rem;
  border-bottom: 1px solid #f1f5f9;
}

.pp-em__title[b-7jpnpmjrde] {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 0;
  color: #0f172a;
}

.pp-em__sub[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0.35rem 0 0;
}

.pp-em__close[b-7jpnpmjrde] {
  background: none;
  border: none;
  cursor: pointer;
  color: #94a3b8;
  padding: 8px;
  border-radius: 10px;
}

.pp-em__close:hover[b-7jpnpmjrde] {
  background: #f1f5f9;
  color: #475569;
}

.pp-em__body[b-7jpnpmjrde] {
  flex: 1;
  overflow-y: auto;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pp-em__footer[b-7jpnpmjrde] {
  padding: 1rem 1.5rem 1.2rem;
  border-top: 1px solid #f1f5f9;
  display: flex;
  justify-content: flex-end;
  gap: 0.6rem;
  background: #fafbfc;
}

.pp-em-field label[b-7jpnpmjrde] {
  display: block;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
  margin-bottom: 0.35rem;
}

.pp-em-field input[b-7jpnpmjrde],
.pp-em-field select[b-7jpnpmjrde],
.pp-em-field textarea[b-7jpnpmjrde] {
  width: 100%;
  padding: 0.5rem 0.65rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.875rem;
  font-family: inherit;
  box-sizing: border-box;
}

.pp-em-field textarea[b-7jpnpmjrde] {
  min-height: 72px;
  resize: vertical;
}

.pp-em-field .field-error[b-7jpnpmjrde] {
  border-color: #f87171;
}

.pp-em-field .field-error-row .form-field[b-7jpnpmjrde],
.pp-em-field .field-error-row input[b-7jpnpmjrde] {
  border-color: #f87171;
}

.pp-em .gender-toggle[b-7jpnpmjrde] {
  display: inline-flex;
  padding: 3px;
  background: #f1f5f9;
  border-radius: 10px;
  gap: 2px;
  align-self: flex-start;
}

.pp-em .gender-toggle__btn[b-7jpnpmjrde] {
  padding: 0.5rem 1.2rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  color: #64748b;
  background: transparent;
}

.pp-em .gender-toggle__btn--active[b-7jpnpmjrde] {
  background: #3b82f6;
  color: #fff;
}

.pp-em-row[b-7jpnpmjrde] {
  display: flex;
  gap: 0.5rem;
  align-items: stretch;
}

.pp-em-row select[b-7jpnpmjrde] {
  width: auto;
  min-width: 100px;
  flex-shrink: 0;
}

.pp-em-row input[b-7jpnpmjrde] {
  flex: 1;
}

.pp-em-error[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #dc2626;
}

.pp-em-btn-cancel[b-7jpnpmjrde] {
  padding: 0.55rem 1rem;
  border: none;
  background: transparent;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
}

.pp-em-btn-save[b-7jpnpmjrde] {
  padding: 0.55rem 1.15rem;
  border: none;
  border-radius: 10px;
  background: #3b82f6;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}

.pp-em-btn-save:disabled[b-7jpnpmjrde] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Small add-history dialog */
.pp-hm-backdrop[b-7jpnpmjrde] {
  z-index: 1002;
}

.pp-hm[b-7jpnpmjrde] {
  z-index: 1003;
  width: min(440px, calc(100vw - 2rem));
}

.pp-safety-note[b-7jpnpmjrde] {
  margin-top: 1rem;
  padding: 0.85rem 1rem;
  border-radius: 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  font-size: 0.8125rem;
  color: #1e40af;
  line-height: 1.45;
}

.pp-safety-note--history[b-7jpnpmjrde] {
  margin-top: 0.75rem;
  background: linear-gradient(
    135deg,
    rgba(239, 246, 255, 0.5) 0%,
    rgba(219, 234, 254, 0.5) 100%
  );
  border: 1px solid #4994ff;
  color: #4994ff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.pp-safety-note-head[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #4994ff;
}

.pp-safety-note-head img[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: block;
}

.pp-safety-note-body[b-7jpnpmjrde] {
  margin: 0.45rem 0 0;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.45;
  color: #4994ff;
  opacity: 0.92;
}

/* Visits tab */
.pp-visits-toolbar[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.65rem;
  margin-bottom: 1rem;
  align-items: center;
}

.pp-visits-toolbar .pp-search[b-7jpnpmjrde] {
  flex: 1 1 220px;
  min-width: 0;
  position: relative;
}

.pp-visits-toolbar .pp-search input[b-7jpnpmjrde] {
  width: 100%;
  padding: 0.55rem 0.75rem 0.55rem 2.25rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.875rem;
  font-family: inherit;
}

.pp-visits-toolbar .pp-search svg[b-7jpnpmjrde] {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #94a3b8;
  pointer-events: none;
}

.pp-visits-toolbar select[b-7jpnpmjrde] {
  padding: 0.55rem 0.75rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.8125rem;
  font-family: inherit;
  background: #fff;
  color: #334155;
}

.pp-visit-stats[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-bottom: 1.25rem;
}

.pp-mini-stat[b-7jpnpmjrde] {
  width: 100%;
  min-width: 0;
  min-height: 200px;
  border-radius: 16px;
  border: 1px solid #e2e8f0;
  padding: 26px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
  cursor: default;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    border-color 0.2s ease;
}

.pp-mini-stat:hover[b-7jpnpmjrde] {
  transform: translateY(-3px);
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.1);
  border-color: #cbd5e1;
}

.pp-mini-stat--total[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);
}

.pp-mini-stat--last[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);
}

.pp-mini-stat--meds[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);
}

.pp-mini-stat--follow[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);
}

.pp-mini-stat--completed[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #ffffff 0%, #eef2ff 100%);
}

.pp-mini-stat-icon[b-7jpnpmjrde] {
  width: 58px;
  height: 58px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 32px 0 #0000001a;
}

.pp-mini-stat-icon svg[b-7jpnpmjrde] {
  width: 24px;
  height: 24px;
}

.pp-mini-stat-icon--total[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #f0f7ff 0%, #e4f0ff 100%);
  color: #3b82f6;
}

.pp-mini-stat-icon--last[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  color: #10b981;
}

.pp-mini-stat-icon--meds[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fed7aa 0%, #fdba74 100%);
  color: #f97316;
}

.pp-mini-stat-icon--follow[b-7jpnpmjrde] {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #d97706;
}

.pp-mini-stat-icon--completed[b-7jpnpmjrde] {
  background: linear-gradient(
    135deg,
    #c7d2fe 0%,
    #c4cffe 10%,
    #c0ccfe 20%,
    #bdc9fe 30%,
    #b9c6fd 40%,
    #b6c3fd 50%,
    #b2c0fd 60%,
    #afbdfd 70%,
    #acbafd 80%,
    #a8b7fc 90%,
    #a5b4fc 100%
  );
  box-shadow: 0 4px 14px 0 #0000001a;
  color: #6366f1;
}

.pp-mini-stat-label[b-7jpnpmjrde] {
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
}

.pp-mini-stat-value[b-7jpnpmjrde] {
  font-size: 2rem;
  font-weight: 800;
  color: #0f172a;
  margin-top: auto;
  line-height: 1.1;
}

@media (max-width: 1200px) {
  .pp-visit-stats.pp-mini-stats[b-7jpnpmjrde] {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 0.55rem;
  }
}

/* Visits tab mini-stats — compact grid, no tall single-column stack */
@media (max-width: 768px) {
  .pp-visit-stats.pp-mini-stats[b-7jpnpmjrde] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    margin-bottom: 0.85rem;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat[b-7jpnpmjrde] {
    min-height: 0;
    padding: 0.65rem 0.55rem;
    gap: 0.35rem;
    border-radius: 12px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat:hover[b-7jpnpmjrde] {
    transform: translateY(-1px);
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-icon[b-7jpnpmjrde] {
    width: 40px;
    height: 40px;
    border-radius: 11px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-icon svg[b-7jpnpmjrde] {
    width: 18px;
    height: 18px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-label[b-7jpnpmjrde] {
    font-size: 0.6875rem;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-value[b-7jpnpmjrde] {
    font-size: 1.2rem;
    margin-top: 0.1rem;
  }
}

@media (max-width: 480px) {
  .pp-visit-stats.pp-mini-stats[b-7jpnpmjrde] {
    gap: 0.4rem;
    margin-bottom: 0.75rem;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat[b-7jpnpmjrde] {
    padding: 0.5rem 0.42rem;
    gap: 0.28rem;
    border-radius: 10px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-icon[b-7jpnpmjrde] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-icon svg[b-7jpnpmjrde] {
    width: 16px;
    height: 16px;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-label[b-7jpnpmjrde] {
    font-size: 0.625rem;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-value[b-7jpnpmjrde] {
    font-size: 1.05rem;
  }
}

@media (max-width: 360px) {
  .pp-visit-stats.pp-mini-stats[b-7jpnpmjrde] {
    gap: 0.35rem;
  }

  .pp-visit-stats.pp-mini-stats .pp-mini-stat-value[b-7jpnpmjrde] {
    font-size: 0.95rem;
  }
}

.pp-visit-card[b-7jpnpmjrde] {
  background: #fff;
  border-radius: 16px;
  padding: 1.1rem 1.2rem;
  margin-bottom: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0;
}

.pp-visit-top-row[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 0.85rem;
}

.pp-visit-icon-wrap[b-7jpnpmjrde] {
  width: 56px;
  height: 56px;
  min-width: 56px;
  border-radius: 12px;
  background: linear-gradient(135deg, #f0f7ff 0%, #e4f0ff 100%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.pp-visit-icon-wrap img[b-7jpnpmjrde] {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.pp-visit-head-block[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
}

.pp-visit-card-head[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0;
}

.pp-visit-head-cluster[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 1rem;
}

.pp-visit-head-left[b-7jpnpmjrde] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem 0.55rem;
  min-width: 0;
}

.pp-visit-menu[b-7jpnpmjrde] {
  border: none;
  background: transparent;
  color: #94a3b8;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.15rem 0.35rem;
  cursor: pointer;
  border-radius: 8px;
  font-family: inherit;
}

.pp-visit-menu:hover[b-7jpnpmjrde] {
  background: #f1f5f9;
  color: #64748b;
}

.pp-visit-title[b-7jpnpmjrde] {
  font-weight: 800;
  font-size: 1rem;
  color: #0f172a;
}

.pp-visit-tags[b-7jpnpmjrde] {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0;
  align-items: center;
}

.pp-tag[b-7jpnpmjrde] {
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0.2rem 0.5rem;
  border-radius: 6px;
}

.pp-tag--green[b-7jpnpmjrde] {
  background: #dcfce7;
  color: #166534;
}

.pp-tag--blue[b-7jpnpmjrde] {
  background: #dbeafe;
  color: #1d4ed8;
}

.pp-tag--amber[b-7jpnpmjrde] {
  background: #fef3c7;
  color: #b45309;
}

.pp-tag--follow[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background: #fef3c7;
  color: #b45309;
}

.pp-visit-meta[b-7jpnpmjrde] {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  color: #94a3b8;
  flex: 1 1 220px;
  justify-content: flex-end;
  min-width: 0;
}

@media (max-width: 640px) {
  .pp-visit-meta[b-7jpnpmjrde] {
    flex-basis: 100%;
    justify-content: flex-start;
  }

  .pp-visit-card-head[b-7jpnpmjrde] {
    flex-wrap: wrap;
  }
}

.pp-visit-meta-item[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
}

.pp-visit-meta-item svg[b-7jpnpmjrde] {
  flex-shrink: 0;
  color: #cbd5e1;
}

.pp-visit-meta-dot[b-7jpnpmjrde] {
  color: #cbd5e1;
  user-select: none;
}

.pp-visit-two-col[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-bottom: 0.85rem;
}

@media (max-width: 640px) {
  .pp-visit-two-col[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-visit-chief[b-7jpnpmjrde] {
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.45;
  background: #fef3c7;
  border: 1px solid #fde68a;
  color: #92400e;
}

.pp-visit-chief-label[b-7jpnpmjrde] {
  font-weight: 800;
  margin-right: 0.25rem;
}

.pp-visit-chief-text[b-7jpnpmjrde] {
  font-weight: 500;
}

.pp-visit-dx[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.55rem 0.65rem;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.45;
  background: linear-gradient(
    90deg,
    #eff6ff 0%,
    #ecf4ff 14.29%,
    #e9f3ff 28.57%,
    #e6f1ff 42.86%,
    #e4effe 57.14%,
    #e1edfe 71.43%,
    #deecfe 85.71%,
    #dbeafe 100%
  );
  border: 1px solid #bfdbfe;
  color: #4994ff;
}

.pp-visit-dx-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.pp-visit-dx-label[b-7jpnpmjrde] {
  font-weight: 800;
}

.pp-visit-dx-text[b-7jpnpmjrde] {
  font-weight: 600;
}

.pp-visit-notes[b-7jpnpmjrde] {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.5;
  margin: 0 0 0.65rem;
}

.pp-visit-pills[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.pp-pill[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.3rem 0.55rem;
  border-radius: 999px;
  border: 1px solid transparent;
  color: #475569;
}

.pp-pill img[b-7jpnpmjrde] {
  flex-shrink: 0;
  object-fit: contain;
}

.pp-pill--meds[b-7jpnpmjrde] {
  background: #fff7ed;
  border-color: #ffedd5;
  color: #9a3412;
}

.pp-pill--bp[b-7jpnpmjrde] {
  background: #fef2f2;
  border-color: #fee2e2;
  color: #475569;
}

.pp-pill--temp[b-7jpnpmjrde] {
  background: #fef9c3;
  border-color: #fef08a;
  color: #475569;
}

.pp-pill--hr[b-7jpnpmjrde] {
  background: #eff6ff;
  border-color: #dbeafe;
  color: #475569;
}

.pp-pill--spo2[b-7jpnpmjrde] {
  background: #f0fdf4;
  border-color: #dcfce7;
  color: #475569;
}

.pp-pill--other[b-7jpnpmjrde] {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #64748b;
}

.pp-link-toggle[b-7jpnpmjrde] {
  margin-top: 0.5rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #2563eb;
  background: none;
  border: none;
  cursor: pointer;
  font-family: inherit;
  padding: 0;
}

.pp-link-toggle:hover[b-7jpnpmjrde] {
  text-decoration: underline;
}

.pp-visit-extra[b-7jpnpmjrde] {
  margin-top: 0.85rem;
  padding-top: 0.85rem;
  border-top: 1px solid #f1f5f9;
}

.pp-visit-card[b-7jpnpmjrde] {
  cursor: default;
}

.pp-visit-card--expanded[b-7jpnpmjrde] {
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.pp-visit-header[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  padding: 0;
  margin: 0 0 0.75rem;
  background: transparent;
  border: none;
  font: inherit;
  text-align: left;
  cursor: pointer;
  color: inherit;
}

.pp-visit-header:focus-visible[b-7jpnpmjrde] {
  outline: 2px solid rgba(59, 130, 246, 0.45);
  outline-offset: 2px;
  border-radius: 12px;
}

.pp-visit-collapse-btn[b-7jpnpmjrde] {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  color: #64748b;
  background: #f1f5f9;
  transition:
    transform 0.2s ease,
    background 0.15s ease;
}

.pp-visit-collapse-btn--open[b-7jpnpmjrde] {
  transform: rotate(180deg);
  background: #e2e8f0;
  color: #0f172a;
}

.pp-visit-note-row[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  align-items: baseline;
  padding: 0.55rem 0.75rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.8125rem;
  line-height: 1.45;
  color: #334155;
  margin-bottom: 0.25rem;
}

.pp-visit-note-row--inline[b-7jpnpmjrde] {
  width: 100%;
  margin-top: 0.15rem;
  margin-bottom: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 0.8rem;
}

.pp-visit-note-label[b-7jpnpmjrde] {
  font-weight: 700;
  color: #0f172a;
}

.pp-visit-note-text[b-7jpnpmjrde] {
  color: #334155;
}

.pp-visit-note-empty[b-7jpnpmjrde] {
  color: #94a3b8;
  font-style: italic;
}

.pp-visit-tabs[b-7jpnpmjrde] {
  display: flex;
  gap: 0.35rem;
  margin-bottom: 0.85rem;
  border-bottom: 1px solid #e2e8f0;
}

.pp-visit-tab[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.55rem 0.85rem;
  font: inherit;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #64748b;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  transition:
    color 0.15s ease,
    background 0.15s ease,
    border-color 0.15s ease;
}

.pp-visit-tab:hover:not(.pp-visit-tab--active)[b-7jpnpmjrde] {
  color: #0f172a;
  background: #f8fafc;
}

.pp-visit-tab--active[b-7jpnpmjrde] {
  color: #2563eb;
  border-bottom-color: #2563eb;
  background: #eff6ff;
}

.pp-visit-tab-badge[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 18px;
  padding: 0 0.4rem;
  font-size: 0.6875rem;
  font-weight: 700;
  border-radius: 999px;
  background: #e2e8f0;
  color: #475569;
}

.pp-visit-tab--active .pp-visit-tab-badge[b-7jpnpmjrde] {
  background: #2563eb;
  color: #fff;
}

.pp-visit-empty[b-7jpnpmjrde] {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  color: #94a3b8;
  font-style: italic;
}

.pp-visit-meds[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.pp-med-head[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.pp-med-name-alt[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #64748b;
  font-weight: 500;
}

.pp-med-meta[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.2rem;
}

.pp-med-pills[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  margin-top: 0.45rem;
}

.pp-med-pill[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.55rem;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #475569;
}

.pp-med-pill-label[b-7jpnpmjrde] {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #94a3b8;
  font-size: 0.65rem;
  font-weight: 700;
}

.pp-med-pill-value[b-7jpnpmjrde] {
  color: #0f172a;
}

.pp-med-notes[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: flex-start;
  gap: 0.4rem;
  margin-top: 0.5rem;
  padding: 0.4rem 0.6rem;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 8px;
  font-size: 0.75rem;
  color: #92400e;
  line-height: 1.4;
}

.pp-med-notes svg[b-7jpnpmjrde] {
  flex-shrink: 0;
  margin-top: 1px;
  color: #d97706;
}

.pp-visit-vitals-grid[b-7jpnpmjrde] {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 0.65rem;
}

.pp-vital-tile[b-7jpnpmjrde] {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  padding: 0.75rem 0.85rem;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  background: linear-gradient(165deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  min-height: 5.5rem;
}

.pp-vital-tile__head[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.35rem;
  min-width: 0;
}

.pp-vital-tile__label[b-7jpnpmjrde] {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: #475569;
  line-height: 1.35;
  padding-right: 0.25rem;
  overflow-wrap: anywhere;
}

.pp-vital-tile__chart.pp-visit-chart-btn[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: -0.15rem -0.1rem 0 0;
}

.pp-vital-tile__value[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2rem 0.35rem;
  margin-top: auto;
}

.pp-vital-tile__num[b-7jpnpmjrde] {
  font-size: 1.35rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  color: #0f172a;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.pp-vital-tile__unit[b-7jpnpmjrde] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #94a3b8;
}

.pp-vital-tile__time[b-7jpnpmjrde] {
  font-size: 0.6875rem;
  color: #94a3b8;
  line-height: 1.35;
  margin-top: 0.1rem;
}

.pp-visit-chart-btn[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #f0f9ff;
  color: #0369a1;
  border: 1px solid #bae6fd;
  cursor: pointer;
  transition:
    background 0.15s ease,
    transform 0.15s ease;
}

.pp-visit-chart-btn:hover[b-7jpnpmjrde] {
  background: #e0f2fe;
  transform: translateY(-1px);
}

.pp-visit-actions[b-7jpnpmjrde] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.85rem;
  flex-wrap: wrap;
}

.pp-bio-chart-modal[b-7jpnpmjrde] {
  width: min(1280px, 98vw);
  max-width: 1280px;
  max-height: min(96vh, 940px);
}

.pp-vcm[b-7jpnpmjrde] {
  padding: 0;
}

.pp-vcm .pp-em__body.pp-bio-chart-body[b-7jpnpmjrde] {
  gap: 0.85rem;
}

.pp-vcm__hero[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.2rem 1.35rem 1.1rem;
  background: var(--vcm-grad);
  color: #fff;
}

.pp-vcm__hero-left[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

.pp-vcm__hero-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

.pp-vcm__hero-icon img[b-7jpnpmjrde] {
  width: 26px;
  height: 26px;
}

.pp-vcm__title[b-7jpnpmjrde] {
  margin: 0;
  font-size: 1.28rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.15;
}

.pp-vcm__subtitle[b-7jpnpmjrde] {
  margin: 0.35rem 0 0;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

.pp-vcm__subtitle-ico[b-7jpnpmjrde] {
  flex-shrink: 0;
  opacity: 0.95;
}

.pp-vcm__close[b-7jpnpmjrde] {
  flex-shrink: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.35rem 0.5rem;
  border-radius: 10px;
  font-family: inherit;
}

.pp-vcm__close:hover[b-7jpnpmjrde] {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.pp-vcm__stats[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (max-width: 720px) {
  .pp-vcm__stats[b-7jpnpmjrde] {
    grid-template-columns: 1fr;
  }
}

.pp-vcm__stat[b-7jpnpmjrde] {
  border-radius: 14px;
  padding: 0.85rem 0.95rem;
  border: 1px solid transparent;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.pp-vcm__stat:hover[b-7jpnpmjrde] {
  border-color: #4994ff;
}

.pp-vcm__stat--current[b-7jpnpmjrde] {
  background: color-mix(in srgb, var(--vcm-text) 11%, #ffffff);
  border-color: color-mix(in srgb, var(--vcm-text) 28%, #e2e8f0);
}

.pp-vcm__stat--min[b-7jpnpmjrde] {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.pp-vcm__stat--max[b-7jpnpmjrde] {
  background: #fff1f2;
  border-color: #fecdd3;
}

.pp-vcm__stat-label[b-7jpnpmjrde] {
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: #475569;
  margin-bottom: 0.35rem;
}

.pp-vcm__stat--current .pp-vcm__stat-label[b-7jpnpmjrde] {
  color: color-mix(in srgb, var(--vcm-text) 85%, #334155);
}

.pp-vcm__stat--min .pp-vcm__stat-label[b-7jpnpmjrde] {
  color: #15803d;
}

.pp-vcm__stat--max .pp-vcm__stat-label[b-7jpnpmjrde] {
  color: #b91c1c;
}

.pp-vcm__stat-value[b-7jpnpmjrde] {
  font-size: 1.62rem;
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

.pp-vcm__stat-value--accent[b-7jpnpmjrde] {
  color: var(--vcm-text);
}

.pp-vcm__stat-value--green[b-7jpnpmjrde] {
  color: #16a34a;
}

.pp-vcm__stat-value--red[b-7jpnpmjrde] {
  color: #dc2626;
}

.pp-vcm__stat-unit[b-7jpnpmjrde] {
  margin-top: 0.15rem;
  font-size: 0.78rem;
  font-weight: 600;
  color: #64748b;
}

.pp-vcm__chart[b-7jpnpmjrde] {
  border-color: color-mix(in srgb, var(--vcm-text) 18%, #e2e8f0);
}

.pp-vcm__ai[b-7jpnpmjrde] {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  padding: 1rem 1.05rem;
  border-radius: 14px;
  border: 1px solid color-mix(in srgb, var(--vcm-text) 24%, #fce7f3);
  background: color-mix(in srgb, var(--vcm-text) 9%, #ffffff);
}

.pp-vcm__ai-icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: var(--vcm-text);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pp-vcm__ai-title[b-7jpnpmjrde] {
  font-size: 0.9375rem;
  font-weight: 800;
  color: var(--vcm-text);
  margin-bottom: 0.35rem;
}

.pp-vcm__ai-text[b-7jpnpmjrde] {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: #475569;
}

.pp-bio-chart-sub[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0.2rem 0 0;
}

.pp-bio-chart-body[b-7jpnpmjrde] {
  padding-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  min-height: 0;
}

.pp-bio-chart-range[b-7jpnpmjrde] {
  display: flex;
  gap: 0.5rem;
  justify-content: end;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
  align-items: end;
}

.pp-bio-chart-range-btn[b-7jpnpmjrde] {
  border: 1px solid #d1d5db;
  background: #fff;
  color: #475569;
  border-radius: 8px;
  padding: 0.25rem 0.55rem;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
}

.pp-bio-chart-range-btn--active[b-7jpnpmjrde] {
  border-color: #2563eb;
  color: #2563eb;
  background: #eff6ff;
}

.pp-bio-chart-custom-range[b-7jpnpmjrde] {
  display: flex;
  gap: 0.65rem;
  align-items: end;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.pp-bio-chart-custom-range label[b-7jpnpmjrde] {
  display: inline-flex;
  flex-direction: column;
  gap: 0.2rem;
  font-size: 0.75rem;
  color: #64748b;
  font-weight: 600;
}

.pp-bio-chart-custom-range input[type="date"][b-7jpnpmjrde] {
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.28rem 0.45rem;
  font-size: 0.75rem;
  color: #334155;
  font-family: inherit;
}

.pp-bio-chart-svg[b-7jpnpmjrde] {
  width: 100%;
  height: auto;
  display: block;
}

.pp-bio-chart-canvas[b-7jpnpmjrde] {
  position: relative;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #dbe6f5;
  border-radius: 14px;
  padding: 0.25rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.pp-bio-chart-apex[b-7jpnpmjrde] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  border: 1px solid #dbe6f5;
  border-radius: 14px;
  padding: 0.35rem 0.25rem 0.15rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  min-height: 380px;
}

.pp-bio-chart-empty[b-7jpnpmjrde] {
  padding: 1.5rem 0;
  text-align: center;
  color: #94a3b8;
  font-size: 0.875rem;
  font-style: italic;
}

.pp-bio-chart-grid[b-7jpnpmjrde] {
  stroke: #d8e2ef;
  stroke-width: 1;
  stroke-dasharray: 2 4;
}

.pp-bio-chart-axis-line[b-7jpnpmjrde] {
  stroke: #000;
  stroke-width: 1.8;
}

.pp-bio-chart-axis[b-7jpnpmjrde] {
  fill: #5f728f;
  font-size: 11px;
  font-family: inherit;
  font-weight: 600;
}

.pp-bio-chart-axis-title[b-7jpnpmjrde] {
  fill: #475569;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.pp-bio-chart-line[b-7jpnpmjrde] {
  stroke-width: 2.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

.pp-bio-chart-line--single[b-7jpnpmjrde] {
  stroke: #3b82f6;
}

.pp-bio-chart-line--sys[b-7jpnpmjrde] {
  stroke: #ef4444;
}

.pp-bio-chart-line--dia[b-7jpnpmjrde] {
  stroke: #2563eb;
}

.pp-bio-chart-area[b-7jpnpmjrde] {
  stroke: none;
}

.pp-bio-chart-dot[b-7jpnpmjrde] {
  stroke: #fff;
  stroke-width: 2;
}

.pp-bio-chart-dot--single[b-7jpnpmjrde] {
  fill: #3b82f6;
}

.pp-bio-chart-dot--sys[b-7jpnpmjrde] {
  fill: #ef4444;
}

.pp-bio-chart-dot--dia[b-7jpnpmjrde] {
  fill: #2563eb;
}

.pp-bio-chart-legend[b-7jpnpmjrde] {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  color: #475569;
}

.pp-bio-chart-legend-item[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

.pp-bio-chart-swatch[b-7jpnpmjrde] {
  width: 14px;
  height: 3px;
  border-radius: 2px;
  display: inline-block;
}

.pp-bio-chart-swatch--single[b-7jpnpmjrde] {
  background: #3b82f6;
}

.pp-bio-chart-swatch--sys[b-7jpnpmjrde] {
  background: #ef4444;
}

.pp-bio-chart-swatch--dia[b-7jpnpmjrde] {
  background: #2563eb;
}

.pp-bio-chart-tooltip[b-7jpnpmjrde] {
  position: fixed;
  transform: translate(-50%, calc(-100% - 12px));
  background: #0f172a;
  color: #f8fafc;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.35;
  border-radius: 8px;
  padding: 0.42rem 0.55rem;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.24);
  pointer-events: none;
  white-space: nowrap;
  z-index: 3000;
  max-width: min(360px, 84vw);
  overflow: hidden;
  text-overflow: ellipsis;
}

.pp-wrap--chart-open[b-7jpnpmjrde] {
  user-select: none;
}

.pp-bio-chart-table-wrap[b-7jpnpmjrde] {
  margin-top: 0.6rem;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  overflow: auto;
  flex: 1 1 260px;
  min-height: 220px;
  max-height: 34vh;
  background: #fff;
}

.pp-bio-chart-table[b-7jpnpmjrde] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.78rem;
  color: #334155;
}

.pp-bio-chart-table thead th[b-7jpnpmjrde] {
  position: sticky;
  top: 0;
  background: #f8fafc;
  color: #475569;
  text-align: left;
  font-weight: 700;
  padding: 0.5rem 0.6rem;
  border-bottom: 1px solid #e2e8f0;
}

.pp-bio-chart-table tbody td[b-7jpnpmjrde] {
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: top;
}

.pp-bio-chart-table tbody tr:last-child td[b-7jpnpmjrde] {
  border-bottom: 0;
}

.pp-empty[b-7jpnpmjrde] {
  text-align: center;
  padding: 2rem 1rem;
  color: #64748b;
  font-size: 0.9375rem;
}

/* —— Patient edit modal: matches Patients.razor add/edit modal (scoped to this page) —— */
@keyframes pp-profile-pat-modal-fade-b-7jpnpmjrde {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes pp-profile-pat-modal-in-b-7jpnpmjrde {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes pp-profile-pat-modal-spin-b-7jpnpmjrde {
  to {
    transform: rotate(360deg);
  }
}

.patient-modal-backdrop[b-7jpnpmjrde] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
  z-index: 11000;
  animation: pp-profile-pat-modal-fade-b-7jpnpmjrde 0.2s ease;
  cursor: pointer;
  touch-action: none;
}

.patient-modal[b-7jpnpmjrde] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: min(650px, calc(100vw - 2rem));
  max-width: 650px;
  max-height: calc(
    100vh - 1.25rem - env(safe-area-inset-top, 0px) -
      env(safe-area-inset-bottom, 0px)
  );
  max-height: calc(
    100dvh - 1.25rem - env(safe-area-inset-top, 0px) -
      env(safe-area-inset-bottom, 0px)
  );
  background: #fff;
  border-radius: 10px;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 11001;
  display: flex;
  flex-direction: column;
  animation: pp-profile-pat-modal-in-b-7jpnpmjrde 0.22s ease;
  overflow: hidden;
  cursor: default;
  touch-action: manipulation;
}

@media (max-width: 680px) {
  .patient-modal[b-7jpnpmjrde] {
    width: calc(100vw - 1.25rem);
    max-width: none;
  }
}

@media (max-width: 380px) {
  .patient-modal[b-7jpnpmjrde] {
    width: calc(100vw - 0.75rem);
  }
}

.patient-modal__header[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.35rem 0.95rem;
  border-bottom: 1px solid #e8ecf1;
  flex-shrink: 0;
}

.patient-modal__title-row[b-7jpnpmjrde] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
}

.patient-modal__icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #dbeafe;
  color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patient-modal__titles[b-7jpnpmjrde] {
  min-width: 0;
}

.patient-modal__title[b-7jpnpmjrde] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.02em;
}

.patient-modal__subtitle[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0.28rem 0 0;
  line-height: 1.45;
}

.patient-modal__close[b-7jpnpmjrde] {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #94a3b8;
  padding: 8px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin: -4px -4px 0 0;
}

.patient-modal__close:hover[b-7jpnpmjrde] {
  background: #f1f5f9;
  color: #475569;
}

.patient-modal__body[b-7jpnpmjrde] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 1rem 1.35rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.patient-modal .patient-modal__blood-select[b-7jpnpmjrde] {
  width: 100%;
  max-width: 100%;
}

.patient-modal .pf-field[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.patient-modal .pf-field__label-row[b-7jpnpmjrde] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.patient-modal .pf-field__icon[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
}

.patient-modal .pf-field__icon svg[b-7jpnpmjrde] {
  width: 16px;
  height: 16px;
  display: block;
}

.patient-modal .pf-field__main[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

.patient-modal .pf-field__main .pf-label[b-7jpnpmjrde] {
  margin: 0;
  line-height: 1.25;
}

.patient-modal .pf-field__main--age .age-ymd-row[b-7jpnpmjrde] {
  margin-top: 0;
}

.patient-modal .pf-label[b-7jpnpmjrde] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
}

.patient-modal .pf-hint[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #94a3b8;
  line-height: 1.4;
}

.patient-modal .age-ymd-row[b-7jpnpmjrde] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}

.patient-modal .age-ymd-cell[b-7jpnpmjrde] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.patient-modal .age-ymd-label[b-7jpnpmjrde] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: none;
  letter-spacing: 0;
}

.patient-modal .age-ymd-input[b-7jpnpmjrde] {
  text-align: center;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}

.patient-modal .gender-toggle[b-7jpnpmjrde] {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 3px;
  background: #f1f5f9;
  border-radius: 10px;
  gap: 2px;
}

.patient-modal .gender-toggle__btn[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  color: #64748b;
  background: transparent;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.patient-modal .gender-toggle__btn:hover[b-7jpnpmjrde] {
  color: #334155;
}

.patient-modal .gender-toggle__btn--active[b-7jpnpmjrde] {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.35);
}

.patient-modal__footer[b-7jpnpmjrde] {
  padding: 0.85rem 1.35rem calc(1.05rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e8ecf1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  background: #fff;
  flex-shrink: 0;
}

.patient-modal__footer-actions[b-7jpnpmjrde] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}

.patient-modal .btn-modal-cancel[b-7jpnpmjrde] {
  padding: 0.5rem 0.15rem;
  border: none;
  background: none;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
}

.patient-modal .btn-modal-cancel:hover[b-7jpnpmjrde] {
  color: #0f172a;
}

.patient-modal .btn-save-open[b-7jpnpmjrde] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.patient-modal .btn-save-open:hover:not(:disabled)[b-7jpnpmjrde] {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.patient-modal .btn-save-open:disabled[b-7jpnpmjrde] {
  opacity: 0.55;
  cursor: not-allowed;
}

.patient-modal .btn-spinner--outline[b-7jpnpmjrde] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(15, 23, 42, 0.12);
  border-top-color: #2563eb;
  border-radius: 50%;
  animation: pp-profile-pat-modal-spin-b-7jpnpmjrde 0.65s linear infinite;
}

.patient-modal .patient-modal__dob-text[b-7jpnpmjrde] {
  font-variant-numeric: tabular-nums;
}

.patient-modal .patient-modal__notes[b-7jpnpmjrde] {
  resize: none;
  min-height: 3.25rem;
  max-height: 3.25rem;
  line-height: 1.45;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.patient-modal .phone-field-unified[b-7jpnpmjrde] {
  display: flex;
  align-items: stretch;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.patient-modal .phone-field-unified:focus-within[b-7jpnpmjrde] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.patient-modal .phone-field-unified--error[b-7jpnpmjrde] {
  border-color: #ef4444;
}

.patient-modal .phone-field-unified--error:focus-within[b-7jpnpmjrde] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.patient-modal .phone-field-unified__dial[b-7jpnpmjrde] {
  flex-shrink: 0;
  width: 108px;
  padding: 0.55rem 0.5rem 0.55rem 0.65rem;
  border: none;
  border-radius: 0;
  font-size: 0.875rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.45rem center;
  padding-right: 1.6rem;
}

.patient-modal .phone-field-unified__dial:focus[b-7jpnpmjrde] {
  outline: none;
}

.patient-modal .phone-field-unified__divider[b-7jpnpmjrde] {
  width: 1px;
  align-self: stretch;
  background: #e5e7eb;
  flex-shrink: 0;
}

.patient-modal .phone-field-unified__number[b-7jpnpmjrde] {
  flex: 1;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  border: none;
  border-radius: 0;
  font-size: 0.9375rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
}

.patient-modal .phone-field-unified__number:focus[b-7jpnpmjrde] {
  outline: none;
}

.patient-modal .phone-field-unified__number[b-7jpnpmjrde]::placeholder {
  color: #9ca3af;
}

.patient-modal .required[b-7jpnpmjrde] {
  color: #ef4444;
}

.patient-modal .form-field[b-7jpnpmjrde] {
  padding: 0.52rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.9375rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
}

.patient-modal .form-field:focus[b-7jpnpmjrde] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.patient-modal .field-error[b-7jpnpmjrde] {
  border-color: #ef4444 !important;
}

.patient-modal .error-msg[b-7jpnpmjrde] {
  font-size: 0.75rem;
  color: #ef4444;
  font-weight: 500;
}

.patient-modal .form-textarea[b-7jpnpmjrde] {
  line-height: 1.5;
}

.patient-modal .form-textarea.patient-modal__notes[b-7jpnpmjrde] {
  resize: none;
}

.patient-modal .btn-save[b-7jpnpmjrde] {
  padding: 0.55rem 1.2rem;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.patient-modal .btn-save:hover:not(:disabled)[b-7jpnpmjrde] {
  background: #1d4ed8;
}

.patient-modal .btn-save:disabled[b-7jpnpmjrde] {
  opacity: 0.65;
  cursor: not-allowed;
}

.patient-modal .btn-spinner[b-7jpnpmjrde] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: pp-profile-pat-modal-spin-b-7jpnpmjrde 0.65s linear infinite;
}
/* /Pages/Patients.razor.rz.scp.css */
/* Patients dashboard — layout aligned with clinic list mockups */
.visually-hidden[b-jm3k0omi44] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.patients-page[b-jm3k0omi44] {
  min-height: 100vh;
  padding: 2rem 2rem 3rem;
  font-family:
    "Inter",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  margin: 0 auto;
  color: #111827;
  max-width: 1600px;
  box-sizing: border-box;
}

.patients-page-layout[b-jm3k0omi44] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 1.5rem;
  align-items: start;
}

.patients-main[b-jm3k0omi44] {
  min-width: 0;
}

.patients-ads-panel[b-jm3k0omi44] {
  position: sticky;
  top: 1rem;
  min-width: 0;
}

/* Pharma ads rail (same behavior as Drug Checker right panel) */
.patients-ads-panel .ads-container[b-jm3k0omi44] {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 12px;
  padding: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  width: 100%;
  box-sizing: border-box;
}

.patients-ads-panel .ads-carousel-wrapper[b-jm3k0omi44] {
  width: 100%;
  height: 780px;
  overflow: hidden;
  position: relative;
}

.patients-ads-panel .ads-carousel--rail-desktop[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-in-out;
  height: 100%;
}

.patients-ads-panel .ads-carousel--rail-mobile[b-jm3k0omi44] {
  display: none;
}

.patients-ads-panel .ads-carousel--rail-desktop .ad-item[b-jm3k0omi44] {
  flex: 0 0 calc(100% / 3);
}

.patients-ads-panel .ads-container .ad-item[b-jm3k0omi44] {
  width: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding: 0.2rem 0;
  text-decoration: none;
  color: inherit;
  border-radius: 8px;
  transition: background-color 0.2s ease;
  box-sizing: border-box;
}

.patients-ads-panel .ads-container .ad-item:hover[b-jm3k0omi44] {
  background-color: rgba(0, 0, 0, 0.04);
}

.patients-ads-panel .ads-container--instagram[b-jm3k0omi44] {
  padding: 0.75rem;
}

.patients-ads-panel .ads-instagram-stack[b-jm3k0omi44] {
  width: 100%;
}

.patients-ads-panel .ads-container--instagram .ad-item--instagram[b-jm3k0omi44] {
  height: 780px;
  padding: 0;
  justify-content: center;
  background: #050505;
}

.patients-ads-panel .ads-instagram-scroll[b-jm3k0omi44] {
  display: none;
}

.patients-ads-panel .ads-container--instagram .ad-item--instagram:hover[b-jm3k0omi44] {
  background: #050505;
}

.patients-ads-panel .ads-container .ad-item img[b-jm3k0omi44] {
  width: 100%;
  flex: 1 1 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  border-radius: 8px;
}

.patients-ads-panel .ads-container .ad-item .ad-name[b-jm3k0omi44] {
  font-size: 0.72rem;
  font-weight: 500;
  margin-top: 0.25rem;
  padding: 0 0.2rem;
  text-align: center;
  line-height: 1.2;
  color: #334155;
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .patients-page-layout[b-jm3k0omi44] {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .patients-ads-panel[b-jm3k0omi44] {
    position: relative;
    top: 0;
    max-width: 400px;
  }

  .patients-ads-panel .ads-carousel-wrapper[b-jm3k0omi44] {
    height: 540px;
  }

  .patients-ads-panel .ads-container--instagram .ad-item--instagram[b-jm3k0omi44] {
    height: 540px;
  }

  .patients-ads-panel .ads-container--instagram[b-jm3k0omi44] {
    overflow: hidden;
  }

  .patients-ads-panel .ads-container--instagram .ads-instagram-active[b-jm3k0omi44] {
    display: none !important;
  }

  .patients-ads-panel .ads-container--instagram .ads-instagram-scroll[b-jm3k0omi44] {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-color: rgba(148, 163, 184, 0.75) transparent;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0.35rem;
  }

  .patients-ads-panel .ads-container--instagram .ads-instagram-scroll-item[b-jm3k0omi44] {
    flex: 0 0 calc((100% - 0.75rem) / 2);
    width: calc((100% - 0.75rem) / 2);
    min-width: calc((100% - 0.75rem) / 2);
    height: auto;
    aspect-ratio: 9 / 16;
    scroll-snap-align: start;
  }

  .patients-ads-panel .ads-container--instagram .ads-instagram-scroll[b-jm3k0omi44]::-webkit-scrollbar {
    height: 6px;
  }

  .patients-ads-panel .ads-container--instagram .ads-instagram-scroll[b-jm3k0omi44]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.75);
    border-radius: 999px;
  }
}

@media (max-width: 640px) {
  .patients-ads-panel[b-jm3k0omi44] {
    max-width: none;
  }

  .patients-ads-panel .ads-carousel-wrapper[b-jm3k0omi44] {
    height: 220px;
  }

  .patients-ads-panel .ads-container--instagram .ad-item--instagram[b-jm3k0omi44] {
    height: min(70vh, 560px);
  }

  .patients-ads-panel .ads-carousel--rail-desktop[b-jm3k0omi44] {
    display: none !important;
  }

  .patients-ads-panel .ads-carousel--rail-mobile[b-jm3k0omi44] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    height: 100%;
    width: calc(100% * var(--patients-ads-mobile-pages, 1));
    min-height: 0;
    transition: transform 0.5s ease-in-out;
  }

  .patients-ads-panel .ads-mobile-page[b-jm3k0omi44] {
    flex: 0 0 calc(100% / var(--patients-ads-mobile-pages, 1));
    min-width: 0;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    align-items: stretch;
    padding: 0 0.15rem;
  }

  .patients-ads-panel .ads-mobile-page .ad-item[b-jm3k0omi44] {
    flex: none;
    min-height: 0;
    height: 100%;
    padding: 0.1rem 0;
  }

  .patients-ads-panel .ads-mobile-page .ad-item img[b-jm3k0omi44] {
    max-height: 140px;
  }

  .patients-ads-panel .ads-mobile-slot-filler[b-jm3k0omi44] {
    min-width: 0;
    pointer-events: none;
    visibility: hidden;
  }

  .patients-ads-panel .ads-container .ad-item .ad-name[b-jm3k0omi44] {
    font-size: 0.65rem;
  }
}

.patients-header[b-jm3k0omi44] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.75rem;
}

.page-title[b-jm3k0omi44] {
  font-size: 1.875rem;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
  margin: 0;
}

.page-subtitle[b-jm3k0omi44] {
  font-size: 0.9375rem;
  color: #6b7280;
  margin: 0.35rem 0 0;
  line-height: 1.45;
  max-width: 36rem;
}

.btn-add-patient[b-jm3k0omi44] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 1.25rem;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-weight: 600;
  cursor: pointer;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease;
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.25);
  white-space: nowrap;
  flex-shrink: 0;
}

.btn-add-patient:hover[b-jm3k0omi44] {
  background: #2563eb;
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.35);
}

.btn-icon[b-jm3k0omi44] {
  flex-shrink: 0;
}

/* Toolbar */
.patients-toolbar[b-jm3k0omi44] {
  margin-bottom: 1rem;
}

.toolbar-row[b-jm3k0omi44] {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.search-wrapper[b-jm3k0omi44] {
  position: relative;
  flex: 1 1 280px;
  min-width: 0;
  display: flex;
  align-items: center;
}

.search-icon-svg[b-jm3k0omi44] {
  position: absolute;
  left: 14px;
  pointer-events: none;
  color: #9ca3af;
}

.search-input[b-jm3k0omi44] {
  width: 100%;
  padding: 0.75rem 2.75rem 0.75rem 2.65rem;
  border: 1px solid #4994ff;
  border-radius: 10px;
  font-size: 0.9375rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.search-input[b-jm3k0omi44]::placeholder {
  color: #9ca3af;
}

.search-input:focus[b-jm3k0omi44] {
  outline: none;
  border-color: #1d4ed8;
  border-width: 2px;
  box-shadow: 0 0 0 4px rgba(73, 148, 255, 0.2);
}

.search-clear[b-jm3k0omi44] {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  cursor: pointer;
  color: #9ca3af;
  display: flex;
  align-items: center;
  padding: 4px;
  border-radius: 6px;
}

.search-clear:hover[b-jm3k0omi44] {
  color: #6b7280;
  background: #f3f4f6;
}

.btn-toolbar[b-jm3k0omi44] {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  font-family: inherit;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.btn-toolbar:hover[b-jm3k0omi44] {
  background: #f9fafb;
  border-color: #d1d5db;
}

.sort-wrap[b-jm3k0omi44] {
  flex-shrink: 0;
}

.page-size-wrap[b-jm3k0omi44] {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0 0.75rem 0 0.85rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  height: 100%;
  min-height: 46px;
}

.page-size-label[b-jm3k0omi44] {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #6b7280;
  white-space: nowrap;
}

.page-size-select[b-jm3k0omi44] {
  min-width: 4rem;
  padding-right: 1.5rem;
}

.sort-inner[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  height: 100%;
  padding: 0 0.75rem 0 0.85rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  color: #6b7280;
}

.sort-inner:focus-within[b-jm3k0omi44] {
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.sort-select[b-jm3k0omi44] {
  border: none;
  background: transparent;
  font-size: 0.875rem;
  font-weight: 500;
  font-family: inherit;
  color: #374151;
  padding: 0.65rem 1.75rem 0.65rem 0.25rem;
  cursor: pointer;
  min-width: 8.5rem;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.35rem center;
}

.sort-select:focus[b-jm3k0omi44] {
  outline: none;
}

/* Expanded filters */
.filters-panel[b-jm3k0omi44] {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #f3f4f6;
  padding: 1.25rem 1.5rem 1rem;
  margin-bottom: 1rem;
}

.filters-grid[b-jm3k0omi44] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 1rem 1.25rem;
  margin-bottom: 1rem;
}

.filter-field[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.filter-label[b-jm3k0omi44] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6b7280;
}

.filter-select[b-jm3k0omi44],
.filter-input[b-jm3k0omi44] {
  padding: 0.55rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.875rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
}

.filter-select:focus[b-jm3k0omi44],
.filter-input:focus[b-jm3k0omi44] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.12);
}

.filter-age .age-inputs[b-jm3k0omi44] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}

.date-range-row[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  flex-wrap: wrap;
}

.date-sep[b-jm3k0omi44] {
  color: #9ca3af;
  font-size: 0.875rem;
}

.filters-actions[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.25rem;
  flex-wrap: wrap;
}

.link-clear[b-jm3k0omi44] {
  background: none;
  border: none;
  padding: 0;
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
  cursor: pointer;
  font-family: inherit;
  text-decoration: none;
}

.link-clear:hover[b-jm3k0omi44] {
  color: #111827;
  text-decoration: underline;
}

.btn-apply-filters[b-jm3k0omi44] {
  padding: 0.55rem 1.25rem;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition: background 0.15s ease;
}

.btn-apply-filters:hover[b-jm3k0omi44] {
  background: #2563eb;
}

/* Quick chips */
.quick-filters[b-jm3k0omi44] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.chip[b-jm3k0omi44] {
  padding: 0.45rem 1rem;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #4b5563;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color 0.15s ease,
    color 0.15s ease,
    background 0.15s ease;
}

.chip:hover[b-jm3k0omi44] {
  border-color: #d1d5db;
  background: #f9fafb;
}

.chip--active[b-jm3k0omi44] {
  border-color: #3b82f6;
  color: #2563eb;
  background: #eff6ff;
}

.patients-count-row[b-jm3k0omi44] {
  margin: 0.5rem 0 0.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem 1rem;
}

.pagination-controls[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.btn-page[b-jm3k0omi44] {
  padding: 0.45rem 0.9rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.btn-page:hover:not(:disabled)[b-jm3k0omi44] {
  background: #f9fafb;
  border-color: #d1d5db;
}

.btn-page:disabled[b-jm3k0omi44] {
  opacity: 0.45;
  cursor: not-allowed;
}

.page-indicator[b-jm3k0omi44] {
  font-size: 0.875rem;
  color: #6b7280;
  font-weight: 500;
}

.patients-count[b-jm3k0omi44] {
  font-size: 1rem;
  font-weight: 700;
  color: #111827;
}

/* List */
.patients-list[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.patient-list-card[b-jm3k0omi44] {
  display: grid;
  grid-template-columns:
    auto minmax(0, 1.4fr) minmax(0, 0.85fr) minmax(0, 0.75fr)
    minmax(0, 1fr) auto;
  gap: 1rem 1.25rem;
  align-items: center;
  padding: 1.1rem 1.25rem;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

@media (max-width: 1024px) {
  .patient-list-card[b-jm3k0omi44] {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }

  .plc-main[b-jm3k0omi44] {
    grid-column: 2;
  }

  .plc-col[b-jm3k0omi44],
  .plc-actions[b-jm3k0omi44] {
    grid-column: 1 / -1;
  }

  .plc-actions[b-jm3k0omi44] {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .plc-col[b-jm3k0omi44] {
    display: inline-flex;
    flex-direction: column;
    margin-right: 1.5rem;
    margin-top: 0.25rem;
  }
}

.plc-avatar[b-jm3k0omi44] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #3b82f6;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 0.9rem;
  flex-shrink: 0;
}

.plc-main[b-jm3k0omi44] {
  min-width: 0;
}

.plc-name[b-jm3k0omi44] {
  font-weight: 600;
  font-size: 1rem;
  color: #0f172a;
  margin-bottom: 0.25rem;
}

.plc-phone[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.8125rem;
  color: #6b7280;
  margin-bottom: 0.2rem;
}

.plc-phone svg[b-jm3k0omi44] {
  flex-shrink: 0;
  color: #9ca3af;
}

.plc-id[b-jm3k0omi44] {
  font-size: 0.75rem;
  color: #9ca3af;
}

.plc-col[b-jm3k0omi44] {
  min-width: 0;
}

.plc-col-label[b-jm3k0omi44] {
  display: block;
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #9ca3af;
  margin-bottom: 0.25rem;
}

.plc-col-value[b-jm3k0omi44] {
  font-size: 0.8125rem;
  color: #374151;
  font-weight: 500;
}

.plc-doctor-row[b-jm3k0omi44] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
}

.visit-badge[b-jm3k0omi44] {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
  background: #ffedd5;
  color: #c2410c;
}

.plc-actions[b-jm3k0omi44] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-end;
}

.btn-outline[b-jm3k0omi44] {
  padding: 0.5rem 0.9rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  font-family: inherit;
  transition:
    border-color 0.15s ease,
    background 0.15s ease;
}

.btn-outline:hover[b-jm3k0omi44] {
  border-color: #d1d5db;
  background: #f9fafb;
}

.btn-outline:disabled[b-jm3k0omi44],
.btn-primary-sm:disabled[b-jm3k0omi44] {
  opacity: 0.45;
  cursor: not-allowed;
}

.btn-primary-sm[b-jm3k0omi44] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.85rem;
  border: none;
  border-radius: 8px;
  background: #3b82f6;
  color: #fff;
  font-size: 0.8125rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  transition: background 0.15s ease;
}

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

/* States */
.state-message[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 3rem 1.5rem;
  color: #6b7280;
  font-size: 0.9375rem;
  text-align: center;
  background: #fff;
  border: 1px dashed #e5e7eb;
  border-radius: 12px;
}

.state-message p[b-jm3k0omi44] {
  margin: 0;
  max-width: 26rem;
  line-height: 1.5;
}

.spinner[b-jm3k0omi44] {
  width: 32px;
  height: 32px;
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  animation: patients-spin-b-jm3k0omi44 0.75s linear infinite;
}

@keyframes patients-spin-b-jm3k0omi44 {
  to {
    transform: rotate(360deg);
  }
}

.btn-add-inline[b-jm3k0omi44] {
  margin-top: 0.5rem;
  padding: 0.5rem 1.1rem;
  background: #3b82f6;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-family: inherit;
  font-weight: 600;
  cursor: pointer;
}

.btn-add-inline:hover[b-jm3k0omi44] {
  background: #2563eb;
}

/* Add / edit patient — centered modal */
.patient-modal-backdrop[b-jm3k0omi44] {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
  /* Above DashboardNavBar (1005) and below rare global overlays (10k+) */
  z-index: 11000;
  animation: patients-fade-in-b-jm3k0omi44 0.2s ease;
  cursor: pointer;
  touch-action: none;
}

@keyframes patients-fade-in-b-jm3k0omi44 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes patients-modal-in-b-jm3k0omi44 {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.patient-modal[b-jm3k0omi44] {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: min(650px, calc(100vw - 2rem));
  max-width: 650px;
  /* Stay inside the viewport on short phones / landscape */
  max-height: calc(100vh - 1.25rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  max-height: calc(100dvh - 1.25rem - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  background: #fff;
  border-radius: 10px;
  box-shadow:
    0 25px 50px -12px rgba(0, 0, 0, 0.22),
    0 0 0 1px rgba(0, 0, 0, 0.05);
  z-index: 11001;
  display: flex;
  flex-direction: column;
  animation: patients-modal-in-b-jm3k0omi44 0.22s ease;
  overflow: hidden;
  cursor: default;
  touch-action: manipulation;
}

@media (max-width: 680px) {
  .patient-modal[b-jm3k0omi44] {
    width: calc(100vw - 1.25rem);
    max-width: none;
  }
}

@media (max-width: 380px) {
  .patient-modal[b-jm3k0omi44] {
    width: calc(100vw - 0.75rem);
  }
}

.patient-modal__header[b-jm3k0omi44] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.1rem 1.35rem 0.95rem;
  border-bottom: 1px solid #e8ecf1;
  flex-shrink: 0;
}

.patient-modal__title-row[b-jm3k0omi44] {
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
}

.patient-modal__icon[b-jm3k0omi44] {
  flex-shrink: 0;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: #dbeafe;
  color: #1d4ed8;
  display: flex;
  align-items: center;
  justify-content: center;
}

.patient-modal__titles[b-jm3k0omi44] {
  min-width: 0;
}

.patient-modal__title[b-jm3k0omi44] {
  font-size: 1.125rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0;
  letter-spacing: -0.02em;
}

.patient-modal__subtitle[b-jm3k0omi44] {
  font-size: 0.8125rem;
  color: #64748b;
  margin: 0.28rem 0 0;
  line-height: 1.45;
}

.patient-modal__close[b-jm3k0omi44] {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #94a3b8;
  padding: 8px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  margin: -4px -4px 0 0;
}

.patient-modal__close:hover[b-jm3k0omi44] {
  background: #f1f5f9;
  color: #475569;
}

.patient-modal__body[b-jm3k0omi44] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 1rem 1.35rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.patient-modal .patient-modal__blood-select[b-jm3k0omi44] {
  width: 100%;
  max-width: 100%;
}

.pf-field[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.pf-field__label-row[b-jm3k0omi44] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.pf-field__icon[b-jm3k0omi44] {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2563eb;
}

.pf-field__icon svg[b-jm3k0omi44] {
  width: 16px;
  height: 16px;
  display: block;
}

.pf-field__main[b-jm3k0omi44] {
  flex: 1;
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
}

.pf-field__main .pf-label[b-jm3k0omi44] {
  margin: 0;
  line-height: 1.25;
}

.pf-field__main--age .age-ymd-row[b-jm3k0omi44] {
  margin-top: 0;
}

.pf-label[b-jm3k0omi44] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #475569;
}

.pf-hint[b-jm3k0omi44] {
  font-size: 0.75rem;
  color: #94a3b8;
  line-height: 1.4;
}

.age-ymd-row[b-jm3k0omi44] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.65rem;
}

.age-ymd-cell[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}

.age-ymd-label[b-jm3k0omi44] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #64748b;
  text-transform: none;
  letter-spacing: 0;
}

.age-ymd-input[b-jm3k0omi44] {
  text-align: center;
  padding-left: 0.35rem;
  padding-right: 0.35rem;
}

.gender-toggle[b-jm3k0omi44] {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 3px;
  background: #f1f5f9;
  border-radius: 10px;
  gap: 2px;
}

.gender-toggle__btn[b-jm3k0omi44] {
  flex: 1;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  color: #64748b;
  background: transparent;
  transition:
    background 0.15s ease,
    color 0.15s ease,
    box-shadow 0.15s ease;
}

.gender-toggle__btn:hover[b-jm3k0omi44] {
  color: #334155;
}

.gender-toggle__btn--active[b-jm3k0omi44] {
  background: #2563eb;
  color: #fff;
  box-shadow: 0 1px 2px rgba(59, 130, 246, 0.35);
}

.patient-modal__footer[b-jm3k0omi44] {
  padding: 0.85rem 1.35rem calc(1.05rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e8ecf1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.65rem;
  background: #fff;
  flex-shrink: 0;
}

.patient-modal__footer-actions[b-jm3k0omi44] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
}

.btn-modal-cancel[b-jm3k0omi44] {
  padding: 0.5rem 0.15rem;
  border: none;
  background: none;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  font-family: inherit;
}

.btn-modal-cancel:hover[b-jm3k0omi44] {
  color: #0f172a;
}

.btn-save-open[b-jm3k0omi44] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.55rem 0.95rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  color: #0f172a;
  font-size: 0.875rem;
  font-weight: 600;
  font-family: inherit;
  cursor: pointer;
  transition:
    background 0.15s ease,
    border-color 0.15s ease;
}

.btn-save-open:hover:not(:disabled)[b-jm3k0omi44] {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.btn-save-open:disabled[b-jm3k0omi44] {
  opacity: 0.55;
  cursor: not-allowed;
}

.btn-spinner--outline[b-jm3k0omi44] {
  border-color: rgba(15, 23, 42, 0.12);
  border-top-color: #2563eb;
}

/* Birth date text field + compact notes */
.patient-modal__dob-text[b-jm3k0omi44] {
  font-variant-numeric: tabular-nums;
}

.patient-modal__notes[b-jm3k0omi44] {
  resize: none;
  min-height: 3.25rem;
  max-height: 3.25rem;
  line-height: 1.45;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

/* Phone: single bordered control */
.phone-field-unified[b-jm3k0omi44] {
  display: flex;
  align-items: stretch;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}

.phone-field-unified:focus-within[b-jm3k0omi44] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.phone-field-unified--error[b-jm3k0omi44] {
  border-color: #ef4444;
}

.phone-field-unified--error:focus-within[b-jm3k0omi44] {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.12);
}

.phone-field-unified__dial[b-jm3k0omi44] {
  flex-shrink: 0;
  width: 108px;
  padding: 0.55rem 0.5rem 0.55rem 0.65rem;
  border: none;
  border-radius: 0;
  font-size: 0.875rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.45rem center;
  padding-right: 1.6rem;
}

.phone-field-unified__dial:focus[b-jm3k0omi44] {
  outline: none;
}

.phone-field-unified__divider[b-jm3k0omi44] {
  width: 1px;
  align-self: stretch;
  background: #e5e7eb;
  flex-shrink: 0;
}

.phone-field-unified__number[b-jm3k0omi44] {
  flex: 1;
  min-width: 0;
  padding: 0.55rem 0.75rem;
  border: none;
  border-radius: 0;
  font-size: 0.9375rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
}

.phone-field-unified__number:focus[b-jm3k0omi44] {
  outline: none;
}

.phone-field-unified__number[b-jm3k0omi44]::placeholder {
  color: #9ca3af;
}

.form-group[b-jm3k0omi44] {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

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

.form-group label[b-jm3k0omi44] {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #4b5563;
}

.required[b-jm3k0omi44] {
  color: #ef4444;
}

.form-field[b-jm3k0omi44] {
  padding: 0.52rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.9375rem;
  font-family: inherit;
  background: #fff;
  color: #111827;
}

.form-field:focus[b-jm3k0omi44] {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}

.field-error[b-jm3k0omi44] {
  border-color: #ef4444 !important;
}

.error-msg[b-jm3k0omi44] {
  font-size: 0.75rem;
  color: #ef4444;
  font-weight: 500;
}

.form-select[b-jm3k0omi44] {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2.25rem;
  cursor: pointer;
}

.form-textarea[b-jm3k0omi44] {
  resize: vertical;
  min-height: 80px;
  line-height: 1.5;
}

.patient-modal .form-textarea.patient-modal__notes[b-jm3k0omi44] {
  resize: none;
}

.mobile-input-row[b-jm3k0omi44] {
  display: flex;
  gap: 8px;
  align-items: stretch;
}

.dial-code-select[b-jm3k0omi44] {
  width: 115px;
  flex-shrink: 0;
  padding-right: 1.5rem;
  font-size: 0.875rem;
}

.mobile-number-field[b-jm3k0omi44] {
  flex: 1;
  min-width: 0;
}

.field-error-row .dial-code-select[b-jm3k0omi44],
.field-error-row .mobile-number-field[b-jm3k0omi44] {
  border-color: #ef4444;
}

.btn-cancel[b-jm3k0omi44] {
  padding: 0.6rem 1.2rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4b5563;
  cursor: pointer;
  font-family: inherit;
}

.btn-cancel:hover[b-jm3k0omi44] {
  background: #f9fafb;
}

.btn-save[b-jm3k0omi44] {
  padding: 0.55rem 1.2rem;
  background: #2563eb;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
}

.btn-save:hover:not(:disabled)[b-jm3k0omi44] {
  background: #1d4ed8;
}

.btn-save:disabled[b-jm3k0omi44] {
  opacity: 0.65;
  cursor: not-allowed;
}

.btn-spinner[b-jm3k0omi44] {
  width: 16px;
  height: 16px;
  border: 2px solid rgba(255, 255, 255, 0.35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: patients-spin-b-jm3k0omi44 0.65s linear infinite;
}
/* /Pages/Payment.razor.rz.scp.css */
.payment-page[b-hluv5y5pyn] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    padding: 2rem;
}

.payment-card[b-hluv5y5pyn] {
    width: 100%;
    max-width: 1200px;
    background: #ffffff;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
}

.payment-left[b-hluv5y5pyn] {
    flex: 1;
    padding: 3rem 3.5rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.payment-logo img[b-hluv5y5pyn] {
    height: 40px;
    width: auto;
}

.payment-content[b-hluv5y5pyn] {
    max-width: 500px;
}

.payment-title[b-hluv5y5pyn] {
    font-size: 32px;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
    color: #111827;
}

.payment-subtitle[b-hluv5y5pyn] {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 2rem 0;
}

.payment-form[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.form-group[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-label[b-hluv5y5pyn] {
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
}

.form-input[b-hluv5y5pyn] {
    width: 100%;
    padding: 0.85rem 0.9rem;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
    font-size: 14px;
    font-family: inherit;
    color: #111827;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    background: #f9fafb;
}

.form-input:focus[b-hluv5y5pyn] {
    border-color: #4994FF;
    box-shadow: 0 0 0 1px rgba(73, 148, 255, 0.3);
    background: #ffffff;
}

.form-select[b-hluv5y5pyn] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    padding-right: 2.5rem;
}

.payment-method-selector[b-hluv5y5pyn] {
    display: flex;
    gap: 1rem;
}

.payment-method-btn[b-hluv5y5pyn] {
    flex: 1;
    padding: 1rem;
    border-radius: 12px;
    border: 2px solid #e5e7eb;
    background: #ffffff;
    color: #4b5563;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.payment-method-btn svg[b-hluv5y5pyn] {
    flex-shrink: 0;
}

.payment-method-btn span[b-hluv5y5pyn] {
    flex-shrink: 0;
}

.payment-method-btn:hover[b-hluv5y5pyn] {
    border-color: #d1d5db;
}

.payment-method-btn.active[b-hluv5y5pyn] {
    border-color: #4994FF;
    background: rgba(73, 148, 255, 0.05);
    color: #4994FF;
}

.card-input-wrapper[b-hluv5y5pyn] {
    position: relative;
    display: flex;
    align-items: center;
}

.card-number-input[b-hluv5y5pyn] {
    padding-right: 3rem;
}

.card-brand-icon[b-hluv5y5pyn] {
    position: absolute;
    right: 0.9rem;
    width: 32px;
    height: 20px;
    object-fit: contain;
}

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

.payment-actions[b-hluv5y5pyn] {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem;
}

.cancel-button[b-hluv5y5pyn] {
    flex: 1;
    padding: 0.9rem 1rem;
    border-radius: 8px;
    border: none;
    background: #F2F5F7;
    color: #111827;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.cancel-button:hover[b-hluv5y5pyn] {
    background: #e5e9ec;
}

.subscribe-button[b-hluv5y5pyn] {
    flex: 2;
    padding: 0.9rem 1rem;
    border-radius: 8px;
    border: none;
    background: #4994FF;
    color: white;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.subscribe-button:hover[b-hluv5y5pyn] {
    background: #3b7ae8;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(73, 148, 255, 0.3);
}

.payment-disclaimer[b-hluv5y5pyn] {
    font-size: 11px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.payment-whatsapp-help[b-hluv5y5pyn] {
    font-size: 12px;
    color: #6b7280;
    margin: 0.75rem 0 0;
    line-height: 1.6;
}

.payment-whatsapp-help .whatsapp-link[b-hluv5y5pyn] {
    color: #25D366;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease, text-decoration 0.2s ease;
}

.payment-whatsapp-help .whatsapp-link:hover[b-hluv5y5pyn] {
    color: #128C7E;
    text-decoration: underline;
}

.payment-right[b-hluv5y5pyn] {
    flex: 0.9;
    background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.1), transparent 55%), radial-gradient(circle at 70% 70%, rgba(249, 115, 22, 0.15), transparent 55%);
    padding: 3rem 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plan-summary[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.plan-summary-title[b-hluv5y5pyn] {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #111827;
}

.billing-options[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.billing-option[b-hluv5y5pyn] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem;
    border-radius: 12px;
    border: 2px solid #e5e7eb;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.2s ease;
}

.billing-option:hover[b-hluv5y5pyn] {
    border-color: #d1d5db;
}

.billing-option.active[b-hluv5y5pyn] {
    border-color: #4994FF;
    background: rgba(73, 148, 255, 0.05);
}

.billing-option input[type="radio"][b-hluv5y5pyn] {
    margin-top: 0.25rem;
    cursor: pointer;
}

.billing-option-content[b-hluv5y5pyn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.billing-header[b-hluv5y5pyn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.billing-label[b-hluv5y5pyn] {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

.billing-price[b-hluv5y5pyn] {
    font-size: 14px;
    color: #6b7280;
}

.save-badge[b-hluv5y5pyn] {
    background-color: rgba(255, 176, 80, 0.1);
    color: #FFB050;
    padding: 0.25rem 0.75rem;
    border-radius: 5px;
    font-size: 0.75rem;
    font-weight: 400;
    white-space: nowrap;
}

.promo-section[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.promo-input-wrapper[b-hluv5y5pyn] {
    position: relative;
    display: flex;
    align-items: center;
}

.promo-input[b-hluv5y5pyn] {
    width: 100%;
    padding-right: 4rem;
}

.apply-button[b-hluv5y5pyn] {
    position: absolute;
    right: 1rem;
    padding: 0;
    border: none;
    background: transparent;
    color: #111827;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: color 0.2s ease;
    white-space: nowrap;
    z-index: 1;
}

.apply-button:hover[b-hluv5y5pyn] {
    color: #4994FF;
}

.total-section[b-hluv5y5pyn] {
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.total-row[b-hluv5y5pyn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.total-label[b-hluv5y5pyn] {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

.total-amount[b-hluv5y5pyn] {
    font-size: 20px;
    font-weight: 700;
    color: #111827;
}

.security-message[b-hluv5y5pyn] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 11px;
    color: #6b7280;
    line-height: 1.5;
}

.security-message svg[b-hluv5y5pyn] {
    flex-shrink: 0;
    margin-top: 2px;
    color: #4994FF;
}

.currency-symbol[b-hluv5y5pyn] {
    display: inline-flex;
    align-items: baseline;
}

.currency-symbol img[b-hluv5y5pyn] {
    width: 1em;
    height: 1em;
    object-fit: contain;
    vertical-align: baseline;
}

.payment-robot[b-hluv5y5pyn] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

.payment-robot-image[b-hluv5y5pyn] {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.billing-option-monthly[b-hluv5y5pyn] {
    flex-direction: row !important;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.billing-option-monthly .billing-left[b-hluv5y5pyn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.billing-hint[b-hluv5y5pyn] {
    font-size: 12px;
    color: #9ca3af;
    white-space: nowrap;
}

.billing-option-content .currency-symbol[b-hluv5y5pyn] {
    display: inline-flex;
}

@media (max-width: 1024px) {
    .payment-card[b-hluv5y5pyn] {
        flex-direction: column;
    }

    .payment-left[b-hluv5y5pyn] {
        padding: 2.5rem 2rem;
    }

    .payment-right[b-hluv5y5pyn] {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 768px) {
    .payment-page[b-hluv5y5pyn] {
        padding: 1.5rem 1rem;
    }

    .payment-card[b-hluv5y5pyn] {
        border-radius: 16px;
    }

    .payment-left[b-hluv5y5pyn] {
        padding: 2rem 1.5rem;
    }

    .payment-title[b-hluv5y5pyn] {
        font-size: 24px;
    }

    .payment-method-selector[b-hluv5y5pyn] {
        flex-direction: column;
    }

    .form-row[b-hluv5y5pyn] {
        grid-template-columns: 1fr;
    }

    .payment-right[b-hluv5y5pyn] {
        padding: 1.5rem;
    }
}


.payment-support-note[b-hluv5y5pyn] {
    font-size: 13px;
    color: #4b5563;
    margin: 1rem 0;
    padding: 1rem;
    background: #f8fafc;
    border-radius: 12px;
    border: 1px dashed #cbd5e1;
    text-align: center;
    direction: rtl;
    line-height: 1.6;
}

.whatsapp-link[b-hluv5y5pyn] {
    color: #25D366;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-right: 4px;
}

.whatsapp-link:hover[b-hluv5y5pyn] {
    text-decoration: underline;
}
/* /Pages/PaymentStatus.razor.rz.scp.css */
.status-page[b-jhyrd5n98k] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.status-card[b-jhyrd5n98k] {
    background: #ffffff;
    padding: 3rem;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);
    max-width: 520px;
    width: 100%;
    text-align: center;
}

.status-logo img[b-jhyrd5n98k] {
    height: 40px;
    width: auto;
    margin-bottom: 2rem;
}

.status-icon[b-jhyrd5n98k] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.status-icon svg[b-jhyrd5n98k] {
    width: 40px;
    height: 40px;
}

.status-icon.processing[b-jhyrd5n98k] {
    background: #f3f4f6;
}

.status-icon.success[b-jhyrd5n98k] {
    background: #ecfdf5;
    color: #10b981;
}

.status-icon.failure[b-jhyrd5n98k] {
    background: #fef2f2;
    color: #ef4444;
}

.spinner[b-jhyrd5n98k] {
    width: 40px;
    height: 40px;
    border: 4px solid #e5e7eb;
    border-top-color: #4994ff;
    border-radius: 50%;
    animation: payment-status-spin-b-jhyrd5n98k 1s linear infinite;
}

@keyframes payment-status-spin-b-jhyrd5n98k {
    to {
        transform: rotate(360deg);
    }
}

.status-title[b-jhyrd5n98k] {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 0.75rem;
    color: #111827;
}

.status-text[b-jhyrd5n98k] {
    color: #6b7280;
    line-height: 1.6;
    margin: 0 0 0.5rem;
}

.status-order-ref[b-jhyrd5n98k] {
    font-size: 13px;
    color: #9ca3af;
    margin-bottom: 2rem;
}

.status-actions[b-jhyrd5n98k] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.action-button[b-jhyrd5n98k] {
    width: 100%;
    padding: 1rem;
    border-radius: 12px;
    border: none;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: transform 0.2s, background 0.2s;
}

.action-button:active[b-jhyrd5n98k] {
    transform: scale(0.98);
}

.action-button.success[b-jhyrd5n98k] {
    background: #10b981;
    color: white;
}

.action-button.success:hover[b-jhyrd5n98k] {
    background: #059669;
}

.action-button.failure[b-jhyrd5n98k] {
    background: #4994ff;
    color: white;
}

.action-button.failure:hover[b-jhyrd5n98k] {
    background: #3b82f6;
}

.action-button.secondary[b-jhyrd5n98k] {
    background: transparent;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}

.status-support[b-jhyrd5n98k] {
    margin-top: 1.5rem;
    font-size: 14px;
    color: #6b7280;
    line-height: 1.5;
}

.status-support .whatsapp-link[b-jhyrd5n98k] {
    color: #25d366;
    font-weight: 600;
    text-decoration: none;
}

.status-support .whatsapp-link:hover[b-jhyrd5n98k] {
    text-decoration: underline;
}
/* /Pages/Settings.razor.rz.scp.css */

.settings-page[b-sovuubj9ct] {
    padding: 4rem;
    min-height: calc(100vh - 150px);
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: transparent;
    position: relative;
}

.loading-spinner[b-sovuubj9ct] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    gap: 1rem;
}

.loading-spinner p[b-sovuubj9ct] {
    font-size: 16px;
    color: #6b7280;
    margin: 0;
}

.settings-header-container[b-sovuubj9ct] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
}

.settings-header[b-sovuubj9ct] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.settings-header-left[b-sovuubj9ct] {
    flex: 1;
}

.back-link[b-sovuubj9ct] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #4994FF;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 1rem;
    transition: color 0.2s ease;
}

    .back-link:hover[b-sovuubj9ct] {
        color: #357abd;
    }

    .back-link svg[b-sovuubj9ct] {
        width: 16px;
        height: 16px;
    }

.settings-title[b-sovuubj9ct] {
    font-size: 32px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.settings-section[b-sovuubj9ct] {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 12px;
    padding: 2rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
}

.section-title[b-sovuubj9ct] {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.section-description[b-sovuubj9ct] {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 1.5rem 0;
}

.profile-avatar-section[b-sovuubj9ct] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.avatar-placeholder[b-sovuubj9ct] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #E0F2FE;
    border: 2px solid #BAE6FD;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-image[b-sovuubj9ct] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.avatar-icon[b-sovuubj9ct] {
    width: 32px;
    height: 32px;
    color: #0EA5E9;
}

.upload-btn[b-sovuubj9ct] {
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .upload-btn:hover[b-sovuubj9ct] {
        background: #357abd;
    }

.avatar-file-name[b-sovuubj9ct] {
    font-size: 12px;
    color: #6b7280;
}

.form-group[b-sovuubj9ct] {
    margin-bottom: 1.5rem;
}

    .form-group:last-child[b-sovuubj9ct] {
        margin-bottom: 0;
    }

.form-label[b-sovuubj9ct] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #111827;
    margin-bottom: 0.5rem;
}

.form-input[b-sovuubj9ct] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
}

    .form-input:focus[b-sovuubj9ct] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 255, 0.1);
    }

.form-textarea[b-sovuubj9ct] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    resize: vertical;
    min-height: 100px;
}

    .form-textarea:focus[b-sovuubj9ct] {
        outline: none;
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(74, 144, 255, 0.1);
    }

.settings-professional-grid[b-sovuubj9ct] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.25rem;
    margin-bottom: 0.25rem;
}

@media (max-width: 768px) {
    .settings-professional-grid[b-sovuubj9ct] {
        grid-template-columns: 1fr;
    }
}

.form-select[b-sovuubj9ct] {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.9rem center;
    background-size: 14px 14px;
    padding-right: 2.4rem;
}

.form-select--invalid[b-sovuubj9ct] {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12) !important;
}

.field-validation-error[b-sovuubj9ct] {
    display: block;
    font-size: 0.8125rem;
    color: #dc2626;
    margin-top: 0.35rem;
    font-weight: 500;
}

.settings-page .text-danger[b-sovuubj9ct] {
    color: #dc2626;
    font-weight: 600;
}

.map-location-container[b-sovuubj9ct] {
    position: relative;
    display: flex;
    align-items: center;
}

    .map-location-container .form-input[b-sovuubj9ct] {
        padding-right: 3rem;
    }

.map-location-btn[b-sovuubj9ct] {
    position: absolute;
    right: 0.75rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #4994FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    transition: all 0.2s ease;
    border-radius: 4px;
}

    .map-location-btn:hover[b-sovuubj9ct] {
        background: #EFF6FF;
        color: #357abd;
    }

    .map-location-btn svg[b-sovuubj9ct] {
        width: 20px;
        height: 20px;
    }

/* Profile Accordion Styles */
.profile-accordion[b-sovuubj9ct] {
    margin-top: 1rem;
    border-top: 1px solid #E5E7EB;
    padding-top: 1.5rem;
}

.accordion-header[b-sovuubj9ct] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .accordion-header:hover[b-sovuubj9ct] {
        opacity: 0.8;
    }

.accordion-title[b-sovuubj9ct] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

.accordion-icon[b-sovuubj9ct] {
    width: 20px;
    height: 20px;
    color: #6B7280;
    transition: transform 0.3s ease;
    flex-shrink: 0;
}

    .accordion-icon.expanded[b-sovuubj9ct] {
        transform: rotate(180deg);
    }

.accordion-content[b-sovuubj9ct] {
    padding-top: 1rem;
    animation: slideDown 0.3s ease;
}

@@keyframes slideDown {
    from[b-sovuubj9ct] {
        opacity: 0;
        transform: translateY(-10px);
    }

    to[b-sovuubj9ct] {
        opacity: 1;
        transform: translateY(0);
    }
}

.security-item[b-sovuubj9ct] {
    margin-bottom: 2rem;
}

    .security-item:last-child[b-sovuubj9ct] {
        margin-bottom: 0;
    }

    .security-item .form-label[b-sovuubj9ct] {
        margin-bottom: 0.75rem;
    }

.security-content[b-sovuubj9ct] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
}

.security-description[b-sovuubj9ct] {
    flex: 1;
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
}

.set-password-btn[b-sovuubj9ct] {
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    white-space: nowrap;
}

    .set-password-btn:hover[b-sovuubj9ct] {
        background: #357abd;
    }

.toggle-switch[b-sovuubj9ct] {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 24px;
    flex-shrink: 0;
}

    .toggle-switch input[b-sovuubj9ct] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggle-slider[b-sovuubj9ct] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d1d5db;
    transition: 0.3s;
    border-radius: 24px;
}

    .toggle-slider[b-sovuubj9ct]:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: 0.3s;
        border-radius: 50%;
    }

.toggle-switch input:checked + .toggle-slider[b-sovuubj9ct] {
    background-color: #4994FF;
}

    .toggle-switch input:checked + .toggle-slider[b-sovuubj9ct]:before {
        transform: translateX(24px);
    }

.connected-account-item[b-sovuubj9ct] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.account-info[b-sovuubj9ct] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.account-logo[b-sovuubj9ct] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.account-details[b-sovuubj9ct] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.account-name[b-sovuubj9ct] {
    font-size: 16px;
    font-weight: 500;
    color: #111827;
}

.account-status[b-sovuubj9ct] {
    font-size: 14px;
    color: #4994FF;
    font-weight: 500;
}

.disconnect-btn[b-sovuubj9ct] {
    padding: 0.5rem 1rem;
    background: transparent;
    color: #6b7280;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .disconnect-btn:hover[b-sovuubj9ct] {
        background: #f9fafb;
        border-color: #d1d5db;
    }

.sessions-header[b-sovuubj9ct] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.sessions-header-left[b-sovuubj9ct] {
    flex: 1;
}

.info-text[b-sovuubj9ct] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 14px;
    color: #6b7280;
    margin-top: 0.5rem;
}

.info-icon[b-sovuubj9ct] {
    width: 16px;
    height: 16px;
    color: #6b7280;
    flex-shrink: 0;
}

.device-count[b-sovuubj9ct] {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
}

.devices-table-container[b-sovuubj9ct] {
    overflow-x: auto;
}

.devices-table[b-sovuubj9ct] {
    width: 100%;
    border-collapse: collapse;
}

    .devices-table thead[b-sovuubj9ct] {
        background: #f9fafb;
    }

    .devices-table th[b-sovuubj9ct] {
        padding: 0.75rem 1rem;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        color: #111827;
        border-bottom: 1px solid #e5e7eb;
    }

    .devices-table td[b-sovuubj9ct] {
        padding: 1rem;
        font-size: 14px;
        color: #374151;
        border-bottom: 1px solid #e5e7eb;
    }

    .devices-table tbody tr:last-child td[b-sovuubj9ct] {
        border-bottom: none;
    }

.current-device-badge[b-sovuubj9ct] {
    color: #10B981;
    font-weight: 500;
}

.delete-device-btn[b-sovuubj9ct] {
    background: transparent;
    border: none;
    color: #EF4444;
    cursor: pointer;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease;
}

    .delete-device-btn:hover[b-sovuubj9ct] {
        color: #DC2626;
    }

    .delete-device-btn svg[b-sovuubj9ct] {
        width: 18px;
        height: 18px;
    }

.delete-account-section[b-sovuubj9ct] {
    border: 1.5px solid #FFC9C9;
}

.delete-account-btn[b-sovuubj9ct] {
    width: 200px;
    height: 40px;
    padding: 0;
    background: #ffffff;
    color: #9ca3af;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: not-allowed;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    margin-bottom: 0.75rem;
}

.delete-account-note[b-sovuubj9ct] {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
    line-height: 1.5;
    font-weight: 700;
}

.support-link[b-sovuubj9ct] {
    color: #4994FF;
    text-decoration: none;
}

    .support-link:hover[b-sovuubj9ct] {
        text-decoration: underline;
    }

.save-settings-btn[b-sovuubj9ct] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 2rem;
    background: linear-gradient(135deg, #4994FF 0%, #357abd 100%);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    box-shadow: 0 4px 12px rgba(73, 148, 255, 0.3);
}

    .save-settings-btn:hover[b-sovuubj9ct] {
        background: linear-gradient(135deg, #357abd 0%, #2a5a94 100%);
        box-shadow: 0 6px 16px rgba(73, 148, 255, 0.4);
        transform: translateY(-2px);
    }

    .save-settings-btn:active[b-sovuubj9ct] {
        transform: translateY(0);
    }

    .save-settings-btn svg[b-sovuubj9ct] {
        width: 20px;
        height: 20px;
    }

/* Password Modal Styles */
.password-modal-backdrop[b-sovuubj9ct] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.password-modal[b-sovuubj9ct] {
    background: #ffffff;
    border-radius: 16px;
    width: 100%;
    max-width: 500px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.35);
    border: 1px solid #E5E7EB;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.password-modal-header[b-sovuubj9ct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.5rem 1rem 1.5rem;
    border-bottom: 1px solid #E5E7EB;
}

.password-modal-title[b-sovuubj9ct] {
    font-size: 24px;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.password-modal-close[b-sovuubj9ct] {
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: #6B7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    transition: background 0.15s ease, color 0.15s ease;
}

    .password-modal-close:hover[b-sovuubj9ct] {
        background: #F3F4F6;
        color: #111827;
    }

.password-modal-body[b-sovuubj9ct] {
    padding: 1.5rem;
}

.password-disclaimer[b-sovuubj9ct] {
    background: #EFF6FF;
    border-left: 4px solid #4994FF;
    padding: 1rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.password-disclaimer-text[b-sovuubj9ct] {
    font-size: 14px;
    color: #111827;
    margin: 0;
    line-height: 1.5;
}

.password-form[b-sovuubj9ct] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.password-form-group[b-sovuubj9ct] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.password-form-label[b-sovuubj9ct] {
    font-size: 14px;
    font-weight: 500;
    color: #111827;
}

.required-asterisk[b-sovuubj9ct] {
    color: #EF4444;
}

.password-input-wrapper[b-sovuubj9ct] {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 8px;
    border: 1px solid #E5E7EB;
    background: #F9FAFB;
    transition: all 0.3s ease;
}

    .password-input-wrapper:focus-within[b-sovuubj9ct] {
        border-color: #4994FF;
        box-shadow: 0 0 0 3px rgba(73, 148, 255, 0.1);
        background: #FFFFFF;
    }

.password-form-input[b-sovuubj9ct] {
    width: 100%;
    padding: 0.75rem 2.75rem 0.75rem 1rem;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: all 0.3s ease;
    background: transparent;
    outline: none;
}

.password-input-wrapper.invalid[b-sovuubj9ct] {
    border-color: #EF4444;
    background: #FFFFFF;
}

    .password-input-wrapper.invalid:focus-within[b-sovuubj9ct] {
        border-color: #EF4444;
        box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
    }

.password-validation-list[b-sovuubj9ct] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.password-validation-item[b-sovuubj9ct] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 13px;
    transition: color 0.2s ease;
}

    .password-validation-item.valid[b-sovuubj9ct] {
        color: #10B981;
    }

    .password-validation-item.invalid[b-sovuubj9ct] {
        color: #6B7280;
    }

    .password-validation-item svg[b-sovuubj9ct] {
        width: 16px;
        height: 16px;
        flex-shrink: 0;
    }

    .password-validation-item.valid svg[b-sovuubj9ct] {
        color: #10B981;
    }

    .password-validation-item.invalid svg[b-sovuubj9ct] {
        color: #9CA3AF;
    }

.password-validation-message[b-sovuubj9ct] {
    margin-top: 0.5rem;
    font-size: 13px;
    color: #EF4444;
}

    .password-validation-message.success[b-sovuubj9ct] {
        color: #10B981;
    }

.password-toggle-btn[b-sovuubj9ct] {
    position: absolute;
    right: 0.75rem;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #6B7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
    transition: color 0.15s ease;
}

    .password-toggle-btn:hover[b-sovuubj9ct] {
        color: #111827;
    }

.password-modal-actions[b-sovuubj9ct] {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 0.5rem;
}

.password-cancel-btn[b-sovuubj9ct] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #F3F4F6;
    color: #374151;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .password-cancel-btn:hover[b-sovuubj9ct] {
        background: #E5E7EB;
    }

.password-change-btn[b-sovuubj9ct] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    background: #4994FF;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

    .password-change-btn:hover:not(:disabled)[b-sovuubj9ct] {
        background: #357abd;
    }

    .password-change-btn:disabled[b-sovuubj9ct] {
        background: #9CA3AF;
        cursor: not-allowed;
        opacity: 0.6;
    }

@media (max-width: 768px) {
    .settings-page[b-sovuubj9ct] {
        padding: 0.75rem 0.75rem;
        min-height: 0;
        overflow-x: hidden;
    }

    .settings-header-container[b-sovuubj9ct] {
        padding: 0.75rem 1rem;
        margin-bottom: 1rem;
    }

    .settings-title[b-sovuubj9ct] {
        font-size: 20px;
    }

    .settings-section[b-sovuubj9ct] {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .section-title[b-sovuubj9ct] {
        font-size: 16px;
        margin-bottom: 1rem;
    }

    .form-group[b-sovuubj9ct] {
        margin-bottom: 1rem;
    }

    .form-label[b-sovuubj9ct] {
        font-size: 12px;
        margin-bottom: 0.375rem;
    }

    .form-input[b-sovuubj9ct] {
        padding: 0.625rem 0.875rem;
        font-size: 12px;
    }

    .form-textarea[b-sovuubj9ct] {
        padding: 0.625rem 0.875rem;
        font-size: 12px;
        min-height: 80px;
    }

    .map-location-btn[b-sovuubj9ct] {
        right: 0.625rem;
    }

        .map-location-btn svg[b-sovuubj9ct] {
            width: 18px;
            height: 18px;
        }

    .profile-avatar-section[b-sovuubj9ct] {
        gap: 0.75rem;
        margin-top: 0.375rem;
    }

    .avatar-placeholder[b-sovuubj9ct] {
        width: 60px;
        height: 60px;
    }

    .avatar-icon[b-sovuubj9ct] {
        width: 24px;
        height: 24px;
    }

    .upload-btn[b-sovuubj9ct] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
    }

    .security-item[b-sovuubj9ct] {
        margin-bottom: 1.5rem;
    }

    .security-content[b-sovuubj9ct] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .security-description[b-sovuubj9ct] {
        font-size: 12px;
    }

    .set-password-btn[b-sovuubj9ct] {
        padding: 0.625rem 1.25rem;
        font-size: 12px;
        width: 100%;
    }

    .toggle-switch[b-sovuubj9ct] {
        width: 40px;
        height: 20px;
    }

    .toggle-slider[b-sovuubj9ct]:before {
        height: 14px;
        width: 14px;
        left: 3px;
        bottom: 3px;
    }

    .toggle-switch input:checked + .toggle-slider[b-sovuubj9ct]:before {
        transform: translateX(20px);
    }

    .connected-account-item[b-sovuubj9ct] {
        padding: 0.75rem;
    }

    .account-logo[b-sovuubj9ct] {
        width: 32px;
        height: 32px;
    }

    .account-name[b-sovuubj9ct] {
        font-size: 14px;
    }

    .account-status[b-sovuubj9ct] {
        font-size: 12px;
    }

    .disconnect-btn[b-sovuubj9ct] {
        padding: 0.375rem 0.875rem;
        font-size: 12px;
    }

    .sessions-header[b-sovuubj9ct] {
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .info-text[b-sovuubj9ct] {
        font-size: 12px;
        margin-top: 0.375rem;
    }

    .device-count[b-sovuubj9ct] {
        font-size: 12px;
    }

    .devices-table[b-sovuubj9ct] {
        font-size: 11px;
    }

        .devices-table th[b-sovuubj9ct],
        .devices-table td[b-sovuubj9ct] {
            padding: 0.5rem 0.375rem;
        }

        .devices-table th[b-sovuubj9ct] {
            font-size: 11px;
        }

    .delete-account-section[b-sovuubj9ct] {
        padding: 1rem;
    }

    .delete-account-btn[b-sovuubj9ct] {
        width: 100%;
        height: 36px;
        font-size: 12px;
        margin-bottom: 0.5rem;
    }

    .delete-account-note[b-sovuubj9ct] {
        font-size: 11px;
    }

    .save-settings-btn[b-sovuubj9ct] {
        padding: 0.625rem 1.5rem;
        font-size: 14px;
        width: 100%;
    }
}        max-width: 100%;
        border-radius: 12px;[b-sovuubj9ct]
    }

    .password-modal-header[b-sovuubj9ct] {
        padding: 1rem 1rem 0.75rem 1rem;
    }

    .password-modal-title[b-sovuubj9ct] {
        font-size: 20px;
    }

    .password-modal-body[b-sovuubj9ct] {
        padding: 1rem;
    }

    .password-disclaimer[b-sovuubj9ct] {
        padding: 0.875rem 1rem;
        margin-bottom: 1.25rem;
    }

    .password-disclaimer-text[b-sovuubj9ct] {
        font-size: 13px;
    }

    .password-form[b-sovuubj9ct] {
        gap: 1rem;
    }

    .password-form-label[b-sovuubj9ct] {
        font-size: 13px;
    }

    .password-form-input[b-sovuubj9ct] {
        padding: 0.625rem 2.5rem 0.625rem 0.875rem;
        font-size: 13px;
    }

    .password-toggle-btn[b-sovuubj9ct] {
        right: 0.625rem;
    }

    .password-modal-actions[b-sovuubj9ct] {
        flex-direction: column-reverse;
        gap: 0.625rem;
    }

    .password-cancel-btn[b-sovuubj9ct],
    .password-change-btn[b-sovuubj9ct] {
        width: 100%;
        justify-content: center;
        padding: 0.625rem 1.25rem;
        font-size: 13px;
    }

    .password-validation-list[b-sovuubj9ct] {
        margin-top: 0.625rem;
        gap: 0.375rem;
    }

    .password-validation-item[b-sovuubj9ct] {
        font-size: 12px;
    }

        .password-validation-item svg[b-sovuubj9ct] {
            width: 14px;
            height: 14px;
        }

    .password-validation-message[b-sovuubj9ct] {
        font-size: 12px;
        margin-top: 0.375rem;
    }

    .profile-accordion[b-sovuubj9ct] {
        margin-top: 0.75rem;
        padding-top: 1rem;
    }

    .accordion-header[b-sovuubj9ct] {
        padding: 0.5rem 0;
    }

    .accordion-title[b-sovuubj9ct] {
        font-size: 14px;
    }

    .accordion-icon[b-sovuubj9ct] {
        width: 18px;
        height: 18px;
    }

    .accordion-content[b-sovuubj9ct] {
        padding-top: 0.75rem;
    }

    /* Phone Input Wrapper */
    .phone-input-wrapper[b-sovuubj9ct] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .phone-prefix[b-sovuubj9ct] {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.7rem 0.85rem;
        border-radius: 8px;
        border: 1px solid #e5e7eb;
        background: #f9fafb;
        font-size: 13px;
    }

    .flag-icon[b-sovuubj9ct] {
        width: 20px;
        height: 15px;
        object-fit: cover;
        border-radius: 2px;
    }

    .country-code-select[b-sovuubj9ct] {
        border: none;
        background: transparent;
        color: #4b5563;
        font-size: 13px;
        font-family: inherit;
        outline: none;
        cursor: pointer;
    }

    .phone-input[b-sovuubj9ct] {
        flex: 1;
    }
}


/* /Pages/UserProfile.razor.rz.scp.css */
.user-profile-container[b-quyutykc3d] {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
}

.profile-background[b-quyutykc3d] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    opacity: 0.1;
}

.background-waves[b-quyutykc3d] {
    width: 100%;
    height: auto;
}

.profile-content[b-quyutykc3d] {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
}

.profile-header[b-quyutykc3d] {
    margin-bottom: 30px;
    color: white;
}

.btn-back[b-quyutykc3d] {
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: white;
    padding: 10px 16px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    transition: all 0.2s ease;
}

.btn-back:hover[b-quyutykc3d] {
    background: rgba(255, 255, 255, 0.3);
    transform: translateX(-2px);
}

.profile-header h1[b-quyutykc3d] {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
}

.profile-sections[b-quyutykc3d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 30px;
}

.profile-section[b-quyutykc3d] {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.profile-section.full-width-section[b-quyutykc3d] {
    grid-column: 1 / -1;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.referral-wrapper[b-quyutykc3d] {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.section-header[b-quyutykc3d] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.section-header i[b-quyutykc3d] {
    font-size: 24px;
    color: #667eea;
}

.section-header h2[b-quyutykc3d] {
    margin: 0;
    font-size: 18px;
    color: #2c3e50;
    font-weight: 600;
}

.profile-info[b-quyutykc3d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-item[b-quyutykc3d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
}

.info-item label[b-quyutykc3d] {
    font-weight: 600;
    color: #2c3e50;
    font-size: 14px;
}

.info-item span[b-quyutykc3d] {
    color: #666;
    font-size: 14px;
}

@media (max-width: 768px) {
    .profile-sections[b-quyutykc3d] {
        grid-template-columns: 1fr;
    }

    .profile-header h1[b-quyutykc3d] {
        font-size: 20px;
    }

    .profile-section[b-quyutykc3d] {
        padding: 20px;
    }

    .referral-wrapper[b-quyutykc3d] {
        padding: 20px;
    }
}