/* ==========================================================
   AMYET IA DASHBOARD – Stylesheet Principal v1.2
   CSS robusto con soporte SPA (:not(.amyet-hidden))
   ========================================================== */

/* ─────────────────────────────────────────────────────────
   RESET AGRESIVO – neutraliza estilos del tema WP
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper,
#amyet-dashboard-wrapper *,
#amyet-dashboard-wrapper *::before,
#amyet-dashboard-wrapper *::after {
    box-sizing: border-box !important;
}

#amyet-dashboard-wrapper * {
    margin: 0;
    padding: 0;
    outline: none;
}

#amyet-dashboard-wrapper img { max-width: 100%; }

#amyet-dashboard-wrapper ul,
#amyet-dashboard-wrapper ol {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

#amyet-dashboard-wrapper a {
    color: inherit !important;
    text-decoration: none !important;
}

#amyet-dashboard-wrapper button {
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

#amyet-dashboard-wrapper input,
#amyet-dashboard-wrapper select,
#amyet-dashboard-wrapper textarea {
    font-family: 'Roboto', sans-serif !important;
    outline: none !important;
}

/* ─────────────────────────────────────────────────────────
   WRAPPER PRINCIPAL
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper {
    font-family: 'Roboto', sans-serif !important;
    background-color: #0b1120 !important;
    color: #e2e8f0 !important;
    position: relative !important;
    width: 100% !important;
    min-height: calc(100vh - 32px) !important;
    line-height: 1.4 !important;
    display: flex !important;
    flex-direction: column !important;
    -webkit-font-smoothing: antialiased !important;
}

#amyet-dashboard-wrapper h1,
#amyet-dashboard-wrapper h2,
#amyet-dashboard-wrapper h3,
#amyet-dashboard-wrapper h4,
#amyet-dashboard-wrapper h5,
#amyet-dashboard-wrapper h6 {
    font-family: 'Rajdhani', sans-serif !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper p {
    margin: 0 !important;
    padding: 0 !important;
}

/* ─────────────────────────────────────────────────────────
   UTILIDADES
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-fade-in {
    animation: amyetFadeIn 0.3s ease-in-out !important;
}

@keyframes amyetFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

#amyet-dashboard-wrapper .amyet-color-blue   { color: #3b82f6 !important; }
#amyet-dashboard-wrapper .amyet-color-green  { color: #10b981 !important; }
#amyet-dashboard-wrapper .amyet-color-yellow { color: #f59e0b !important; }
#amyet-dashboard-wrapper .amyet-color-purple { color: #a855f7 !important; }
#amyet-dashboard-wrapper .amyet-color-indigo { color: #6366f1 !important; }

/* ─────────────────────────────────────────────────────────
   HEADER
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-header {
    background: rgba(15, 23, 42, 0.98) !important;
    border-bottom: 2px solid #334155 !important;
    padding: 0.65rem 1.5rem !important;
    position: relative !important;
    flex-shrink: 0 !important;
    z-index: 9000 !important;
    display: block !important;
    width: 100% !important;
}

#amyet-dashboard-wrapper .amyet-header-inner {
    max-width: 1400px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
}

/* Logo */
#amyet-dashboard-wrapper .amyet-logo-group {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-logo-img {
    height: 2.75rem !important;
    max-height: 44px !important;
    width: auto !important;
    aspect-ratio: 464 / 576 !important;
    object-fit: contain !important;
    display: block !important;
    filter: drop-shadow(0 0 10px rgba(129, 140, 248, 0.4)) !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-logo-icon {
    font-size: 1.5rem !important;
    color: #818cf8 !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    background: rgba(99,102,241,0.15) !important;
    border-radius: 50% !important;
}

#amyet-dashboard-wrapper .amyet-logo-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    background: linear-gradient(to right, #818cf8, #67e8f9) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    line-height: 1.1 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-logo-sub {
    font-size: 0.6rem !important;
    color: #64748b !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/* Indicador / Tarjeta de Enfoque Clínico del Paciente */
#amyet-dashboard-wrapper .amyet-patient-focus-container:not(.amyet-hidden) {
    display: flex !important;
    align-items: center !important;
    margin: 0 auto !important;
}

#amyet-dashboard-wrapper .amyet-patient-focus-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.38rem 1.1rem !important;
    border-radius: 9999px !important;
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    font-family: 'Rajdhani', sans-serif !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
    animation: amyetPulseSubtle 3s infinite ease-in-out !important;
}

@keyframes amyetPulseSubtle {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.02); }
}

#amyet-dashboard-wrapper .amyet-focus-badge--capilar {
    background: rgba(56, 189, 248, 0.12) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.55) !important;
    color: #38bdf8 !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.22) !important;
}

#amyet-dashboard-wrapper .amyet-focus-badge--facial {
    background: rgba(192, 132, 252, 0.12) !important;
    border: 1.5px solid rgba(192, 132, 252, 0.55) !important;
    color: #c084fc !important;
    box-shadow: 0 0 16px rgba(192, 132, 252, 0.22) !important;
}

#amyet-dashboard-wrapper .amyet-focus-badge--corporal {
    background: rgba(52, 211, 153, 0.12) !important;
    border: 1.5px solid rgba(52, 211, 153, 0.55) !important;
    color: #34d399 !important;
    box-shadow: 0 0 16px rgba(52, 211, 153, 0.22) !important;
}

#amyet-dashboard-wrapper .amyet-focus-badge--multi {
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.15), rgba(192, 132, 252, 0.15)) !important;
    border: 1.5px solid rgba(129, 140, 248, 0.6) !important;
    color: #e0e7ff !important;
    box-shadow: 0 0 16px rgba(99, 102, 241, 0.3) !important;
}

/* Acciones del header */
#amyet-dashboard-wrapper .amyet-header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin-left: auto !important;
    flex-wrap: wrap !important;
}

#amyet-dashboard-wrapper .amyet-patient-badge:not(.amyet-hidden) {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.3rem 0.85rem !important;
    background: rgba(99,102,241,0.18) !important;
    border: 2px solid #6366f1 !important;
    box-shadow: 0 0 12px rgba(99,102,241,0.3) !important;
    border-radius: 2rem !important;
    font-size: 0.78rem !important;
    color: #c7d2fe !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-btn-back:not(.amyet-hidden) {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.35rem 0.85rem !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.55rem !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-btn-back:hover {
    background: #334155 !important;
    border-color: #64748b !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-user-info {
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    font-size: 0.78rem !important;
    color: #cbd5e1 !important;
    padding: 0.35rem 0.85rem !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 2rem !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

#amyet-dashboard-wrapper .amyet-user-info--clickable {
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-user-info--clickable:hover {
    background: #334155 !important;
    border-color: #38bdf8 !important;
    color: #ffffff !important;
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.35) !important;
}

#amyet-dashboard-wrapper .amyet-user-info-gear {
    font-size: 0.72rem !important;
    color: #64748b !important;
    transition: transform 0.3s ease, color 0.3s ease !important;
}

#amyet-dashboard-wrapper .amyet-user-info--clickable:hover .amyet-user-info-gear {
    transform: rotate(45deg) !important;
    color: #38bdf8 !important;
}

/* ─────────────────────────────────────────────────────────
   MAIN & SCREENS (SPA)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-main {
    flex: 1 1 auto !important;
    padding: 1.5rem !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

#amyet-dashboard-wrapper .amyet-screen:not(.amyet-hidden) {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ─────────────────────────────────────────────────────────
   SCREEN: CLIENTS LIST
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-welcome-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-brain-mini {
    width: 2.75rem !important;
    height: 2.75rem !important;
    background: rgba(99,102,241,0.2) !important;
    border: 2px solid #6366f1 !important;
    box-shadow: 0 0 15px rgba(99,102,241,0.4) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.15rem !important;
    color: #a5b4fc !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-section-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.15 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-section-sub {
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    margin-top: 0.15rem !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/* Acciones rápidas */
#amyet-dashboard-wrapper .amyet-quick-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-bottom: 2rem !important;
}

#amyet-dashboard-wrapper .amyet-search-wrap {
    position: relative !important;
    flex: 1 !important;
    min-width: 200px !important;
    max-width: 380px !important;
}

#amyet-dashboard-wrapper .amyet-search-icon {
    position: absolute !important;
    left: 0.85rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #475569 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

/* Inputs */
#amyet-dashboard-wrapper .amyet-input {
    width: 100% !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.55rem !important;
    padding: 0.65rem 1rem !important;
    color: #e2e8f0 !important;
    font-size: 0.88rem !important;
    font-family: 'Roboto', sans-serif !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    outline: none !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-input:focus {
    border-color: #6366f1 !important;
    box-shadow: 0 0 0 3px rgba(99,102,241,0.15) !important;
}

#amyet-dashboard-wrapper .amyet-search-wrap .amyet-input {
    padding-left: 2.5rem !important;
}

#amyet-dashboard-wrapper .amyet-input::placeholder {
    color: #475569 !important;
}

#amyet-dashboard-wrapper .amyet-textarea {
    width: 100% !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.55rem !important;
    padding: 0.75rem 1rem !important;
    color: #e2e8f0 !important;
    font-size: 0.88rem !important;
    font-family: 'Roboto', sans-serif !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    outline: none !important;
    display: block !important;
    resize: vertical !important;
    min-height: 100px !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-textarea:focus {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.2) !important;
}

#amyet-dashboard-wrapper .amyet-textarea::placeholder {
    color: #475569 !important;
}

/* Botones */
#amyet-dashboard-wrapper .amyet-btn-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.35rem !important;
    background: #4f46e5 !important;
    color: #ffffff !important;
    border-radius: 0.7rem !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    transition: all 0.2s !important;
    border: none !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

#amyet-dashboard-wrapper .amyet-btn-primary:hover {
    background: #4338ca !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-btn-glow-blue {
    background: linear-gradient(135deg, #3b82f6, #4f46e5) !important;
    box-shadow: 0 0 15px rgba(59,130,246,0.35) !important;
}

#amyet-dashboard-wrapper .amyet-btn-glow-blue:hover {
    box-shadow: 0 0 25px rgba(59,130,246,0.55) !important;
    transform: translateY(-1px) !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-btn-ghost {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.2rem !important;
    background: transparent !important;
    color: #94a3b8 !important;
    border: 1px solid #334155 !important;
    border-radius: 0.7rem !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-btn-ghost:hover {
    background: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

/* Estados de carga y vacío */
#amyet-dashboard-wrapper .amyet-loading-state:not(.amyet-hidden) {
    text-align: center !important;
    padding: 4rem 2rem !important;
    color: #64748b !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-empty-state:not(.amyet-hidden) {
    text-align: center !important;
    padding: 4rem 2rem !important;
    color: #64748b !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-empty-state i {
    font-size: 3.5rem !important;
    margin-bottom: 1rem !important;
    color: #334155 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-empty-state h3 {
    color: #94a3b8 !important;
    font-size: 1.15rem !important;
    margin-bottom: 0.5rem !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-empty-state p {
    margin-bottom: 1.5rem !important;
    font-size: 0.88rem !important;
    color: #64748b !important;
}

/* Spinner */
#amyet-dashboard-wrapper .amyet-spinner {
    width: 2.25rem !important;
    height: 2.25rem !important;
    border: 3px solid rgba(99,102,241,0.2) !important;
    border-top-color: #6366f1 !important;
    border-radius: 50% !important;
    animation: amyetSpin 0.7s linear infinite !important;
    margin: 0 auto 1rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-spinner--sm {
    width: 1rem !important;
    height: 1rem !important;
    border-width: 2px !important;
    margin: 0 !important;
    display: inline-block !important;
}

@keyframes amyetSpin { to { transform: rotate(360deg); } }

/* Grid de clientes */
#amyet-dashboard-wrapper .amyet-clients-grid:not(.amyet-hidden) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 1.25rem !important;
    align-items: start !important;
    margin-top: 1rem !important;
}

/* Tarjeta de cliente con bordes más marcados y tamaño proporcionado */
#amyet-dashboard-wrapper .amyet-client-card {
    background: #0f172a !important;
    border: 2px solid #334155 !important;
    border-radius: 1.15rem !important;
    padding: 1.35rem 1.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.25s !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-client-card:hover {
    border-color: #6366f1 !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 24px rgba(99,102,241,0.25), 0 0 15px rgba(99,102,241,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-client-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-client-avatar {
    width: 2.75rem !important;
    height: 2.75rem !important;
    background: rgba(99,102,241,0.15) !important;
    border: 1px solid rgba(99,102,241,0.3) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #a5b4fc !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-client-name {
    font-weight: 600 !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    line-height: 1.3 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-client-meta {
    font-size: 0.75rem !important;
    color: #64748b !important;
    display: block !important;
    margin-top: 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-btn-delete-patient {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #64748b !important;
    width: 2.1rem !important;
    height: 2.1rem !important;
    border-radius: 0.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
    font-size: 0.88rem !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    padding: 0 !important;
}

#amyet-dashboard-wrapper .amyet-btn-delete-patient:hover {
    background: rgba(239, 68, 68, 0.18) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
    color: #ef4444 !important;
    transform: scale(1.12) !important;
    box-shadow: 0 0 12px rgba(239, 68, 68, 0.35) !important;
}

#amyet-dashboard-wrapper .amyet-client-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-client-tag {
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    padding: 0.2rem 0.6rem !important;
    border-radius: 2rem !important;
    background: rgba(99,102,241,0.1) !important;
    border: 1px solid rgba(99,102,241,0.25) !important;
    color: #a5b4fc !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
}

#amyet-dashboard-wrapper .amyet-client-tag--capilar {
    background: rgba(56, 189, 248, 0.12) !important;
    border-color: rgba(56, 189, 248, 0.35) !important;
    color: #38bdf8 !important;
}

#amyet-dashboard-wrapper .amyet-client-tag--corporal {
    background: rgba(52, 211, 153, 0.12) !important;
    border-color: rgba(52, 211, 153, 0.35) !important;
    color: #34d399 !important;
}

#amyet-dashboard-wrapper .amyet-client-tag--facial {
    background: rgba(192, 132, 252, 0.12) !important;
    border-color: rgba(192, 132, 252, 0.35) !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-client-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-top: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-client-date {
    font-size: 0.72rem !important;
    color: #475569 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
}

#amyet-dashboard-wrapper .amyet-client-btn {
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #818cf8 !important;
    transition: color 0.2s !important;
    cursor: pointer !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

#amyet-dashboard-wrapper .amyet-client-btn:hover {
    color: #a5b4fc !important;
}

/* ─────────────────────────────────────────────────────────
   SCREEN: NUEVO CLIENTE
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-card {
    background: #0f172a !important;
    border-radius: 1.5rem !important;
    padding: 2rem !important;
    position: relative !important;
    overflow: hidden !important;
    max-width: 800px !important;
    margin: 0 auto !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-card--blue {
    border: 2px solid rgba(59,130,246,0.5) !important;
    box-shadow: 0 0 18px rgba(59,130,246,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-card-glow {
    position: absolute !important;
    top: -4rem !important;
    right: -4rem !important;
    width: 16rem !important;
    height: 16rem !important;
    border-radius: 50% !important;
    filter: blur(60px) !important;
    pointer-events: none !important;
}

#amyet-dashboard-wrapper .amyet-card-glow--blue {
    background: rgba(59,130,246,0.1) !important;
}

#amyet-dashboard-wrapper .amyet-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    padding-bottom: 1.35rem !important;
    margin-bottom: 1.75rem !important;
}

#amyet-dashboard-wrapper .amyet-card-header--blue {
    border-bottom: 1px solid rgba(59,130,246,0.25) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge {
    width: 3.25rem !important;
    height: 3.25rem !important;
    border-radius: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.35rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--blue {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
}

#amyet-dashboard-wrapper .amyet-card-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-card-subtitle {
    font-size: 0.78rem !important;
    color: #64748b !important;
    margin-top: 0.2rem !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}

/* Formulario */
#amyet-dashboard-wrapper .amyet-form {
    width: 100% !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.2rem !important;
    margin-bottom: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-form-group--full {
    grid-column: 1 / -1 !important;
}

#amyet-dashboard-wrapper .amyet-label {
    font-size: 0.78rem !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-required {
    color: #f87171 !important;
}

#amyet-dashboard-wrapper .amyet-field-error {
    font-size: 0.72rem !important;
    color: #f87171 !important;
    min-height: 1rem !important;
    display: block !important;
}

/* Radio sexo */
#amyet-dashboard-wrapper .amyet-radio-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-radio-card {
    flex: 1 !important;
    min-width: 100px !important;
    cursor: pointer !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-radio-card input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

#amyet-dashboard-wrapper .amyet-radio-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.4rem !important;
    padding: 0.85rem 1rem !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.7rem !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-radio-content i {
    font-size: 1.2rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-radio-card input[type="radio"]:checked + .amyet-radio-content {
    border-color: #3b82f6 !important;
    background: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important;
    box-shadow: 0 0 14px rgba(59, 130, 246, 0.3) !important;
}

/* Checkbox Motivo de Consulta (Multi-selección) */
#amyet-dashboard-wrapper .amyet-checkbox-group {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.85rem !important;
    width: 100% !important;
}

@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-checkbox-group {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-checkbox-card {
    position: relative !important;
    cursor: pointer !important;
    display: block !important;
    user-select: none !important;
}

#amyet-dashboard-wrapper .amyet-checkbox-card input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

#amyet-dashboard-wrapper .amyet-checkbox-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 1.1rem 0.85rem !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.85rem !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

#amyet-dashboard-wrapper .amyet-checkbox-indicator {
    position: absolute !important;
    top: 0.5rem !important;
    right: 0.5rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    border-radius: 0.35rem !important;
    border: 1.5px solid #475569 !important;
    background: rgba(15, 23, 42, 0.6) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.65rem !important;
    color: transparent !important;
    transition: all 0.2s ease !important;
}

#amyet-dashboard-wrapper .amyet-motive-icon {
    font-size: 1.65rem !important;
    margin-bottom: 0.5rem !important;
    color: #94a3b8 !important;
    transition: all 0.2s ease !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-motive-title {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    font-family: 'Rajdhani', sans-serif !important;
    color: #e2e8f0 !important;
    margin-bottom: 0.25rem !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-motive-desc {
    font-size: 0.72rem !important;
    color: #64748b !important;
    line-height: 1.25 !important;
    display: block !important;
}

/* Hover en cards */
#amyet-dashboard-wrapper .amyet-checkbox-card:hover .amyet-checkbox-content {
    border-color: #475569 !important;
    transform: translateY(-2px) !important;
}

/* Estado activo / checked */
#amyet-dashboard-wrapper .amyet-checkbox-card input[type="checkbox"]:checked + .amyet-checkbox-content,
#amyet-dashboard-wrapper .amyet-checkbox-card--active .amyet-checkbox-content {
    background: rgba(15, 23, 42, 0.9) !important;
}

#amyet-dashboard-wrapper .amyet-checkbox-card input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-checkbox-indicator,
#amyet-dashboard-wrapper .amyet-checkbox-card--active .amyet-checkbox-indicator {
    color: #ffffff !important;
}

/* Capilar Checked */
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar input[type="checkbox"]:checked + .amyet-checkbox-content,
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar.amyet-checkbox-card--active .amyet-checkbox-content {
    border-color: #38bdf8 !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-checkbox-indicator,
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar.amyet-checkbox-card--active .amyet-checkbox-indicator {
    background: #38bdf8 !important;
    border-color: #38bdf8 !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-motive-icon,
#amyet-dashboard-wrapper .amyet-checkbox-card--capilar.amyet-checkbox-card--active .amyet-motive-icon {
    color: #38bdf8 !important;
    transform: scale(1.1) !important;
}

/* Corporal Checked */
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal input[type="checkbox"]:checked + .amyet-checkbox-content,
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal.amyet-checkbox-card--active .amyet-checkbox-content {
    border-color: #34d399 !important;
    box-shadow: 0 0 16px rgba(52, 211, 153, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-checkbox-indicator,
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal.amyet-checkbox-card--active .amyet-checkbox-indicator {
    background: #34d399 !important;
    border-color: #34d399 !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-motive-icon,
#amyet-dashboard-wrapper .amyet-checkbox-card--corporal.amyet-checkbox-card--active .amyet-motive-icon {
    color: #34d399 !important;
    transform: scale(1.1) !important;
}

/* Facial Checked */
#amyet-dashboard-wrapper .amyet-checkbox-card--facial input[type="checkbox"]:checked + .amyet-checkbox-content,
#amyet-dashboard-wrapper .amyet-checkbox-card--facial.amyet-checkbox-card--active .amyet-checkbox-content {
    border-color: #c084fc !important;
    box-shadow: 0 0 16px rgba(192, 132, 252, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--facial input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-checkbox-indicator,
#amyet-dashboard-wrapper .amyet-checkbox-card--facial.amyet-checkbox-card--active .amyet-checkbox-indicator {
    background: #c084fc !important;
    border-color: #c084fc !important;
}
#amyet-dashboard-wrapper .amyet-checkbox-card--facial input[type="checkbox"]:checked + .amyet-checkbox-content .amyet-motive-icon,
#amyet-dashboard-wrapper .amyet-checkbox-card--facial.amyet-checkbox-card--active .amyet-motive-icon {
    color: #c084fc !important;
    transform: scale(1.1) !important;
}

/* ─────────────────────────────────────────────────────────
   SCREEN: DASHBOARD 4x4 – VISTA RADIAL
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-4x4-wrapper:not(.amyet-hidden) {
    max-width: 1360px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 1.25rem !important;
    padding: 0.5rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-section-header {
    text-align: center !important;
    margin-bottom: 0.75rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-section-header .amyet-section-title {
    font-size: 2.1rem !important;
    font-weight: 800 !important;
    margin-bottom: 0.35rem !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    text-shadow: 0 0 20px rgba(99, 102, 241, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-section-header .amyet-section-sub {
    color: #94a3b8 !important;
    font-size: 0.95rem !important;
    max-width: 700px !important;
    margin: 0 auto !important;
}

/* Grid radial amplio y cohesionado */
#amyet-dashboard-wrapper .amyet-radial-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
}

@media (min-width: 1024px) {
    #amyet-dashboard-wrapper .amyet-radial-grid {
        grid-template-columns: 1fr auto 1fr !important;
        gap: 2rem !important;
    }
}

#amyet-dashboard-wrapper .amyet-radial-col {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.35rem !important;
    z-index: 10 !important;
}

/* Tarjetas de paso con bordes más gruesos y tamaño prominente */
#amyet-dashboard-wrapper .amyet-step-card {
    background: rgba(15, 23, 42, 0.96) !important;
    border-radius: 1.35rem !important;
    padding: 1.35rem 1.65rem !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-step-card:hover {
    transform: translateY(-4px) scale(1.02) !important;
    filter: brightness(1.18) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--blue {
    border: 2.5px solid #3b82f6 !important;
    box-shadow: 0 0 25px rgba(59, 130, 246, 0.35), inset 0 0 15px rgba(59, 130, 246, 0.12) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--green {
    border: 2.5px solid #10b981 !important;
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.35), inset 0 0 15px rgba(16, 185, 129, 0.12) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--yellow {
    border: 2.5px solid #f59e0b !important;
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.35), inset 0 0 15px rgba(245, 158, 11, 0.12) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--purple {
    border: 2.5px solid #a855f7 !important;
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.35), inset 0 0 15px rgba(168, 85, 247, 0.12) !important;
}

/* ── Tarjetas 4x4 Pintadas al Completarse (Radial) ── */
#amyet-dashboard-wrapper .amyet-step-card--blue.amyet-step-card--completed {
    border: 2.5px solid #60a5fa !important;
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.8) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    box-shadow: 0 0 35px rgba(59, 130, 246, 0.6), inset 0 0 20px rgba(59, 130, 246, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--green.amyet-step-card--completed {
    border: 2.5px solid #34d399 !important;
    background: linear-gradient(135deg, rgba(6, 78, 59, 0.8) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    box-shadow: 0 0 35px rgba(16, 185, 129, 0.6), inset 0 0 20px rgba(16, 185, 129, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--yellow.amyet-step-card--completed {
    border: 2.5px solid #fbbf24 !important;
    background: linear-gradient(135deg, rgba(120, 53, 15, 0.8) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    box-shadow: 0 0 35px rgba(245, 158, 11, 0.6), inset 0 0 20px rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-step-card--purple.amyet-step-card--completed {
    border: 2.5px solid #c084fc !important;
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.8) 0%, rgba(15, 23, 42, 0.98) 100%) !important;
    box-shadow: 0 0 35px rgba(168, 85, 247, 0.6), inset 0 0 20px rgba(168, 85, 247, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-step-card-completed-badge {
    position: absolute !important;
    top: 0.75rem !important;
    right: 0.75rem !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    padding: 0.25rem 0.7rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    line-height: 1 !important;
    border: 1.5px solid currentColor !important;
}

#amyet-dashboard-wrapper .amyet-step-card--blue .amyet-step-card-completed-badge {
    background: rgba(59,130,246,0.3) !important;
    color: #93c5fd !important;
}

#amyet-dashboard-wrapper .amyet-step-card--green .amyet-step-card-completed-badge {
    background: rgba(16,185,129,0.3) !important;
    color: #6ee7b7 !important;
}

#amyet-dashboard-wrapper .amyet-step-card--yellow .amyet-step-card-completed-badge {
    background: rgba(245,158,11,0.3) !important;
    color: #fde047 !important;
}

#amyet-dashboard-wrapper .amyet-step-card--purple .amyet-step-card-completed-badge {
    background: rgba(168,85,247,0.3) !important;
    color: #e9d5ff !important;
}

#amyet-dashboard-wrapper .amyet-step-card-inner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 1.15rem !important;
}

#amyet-dashboard-wrapper .amyet-step-number {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 2.8rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-step-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.12rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 0.45rem !important;
    letter-spacing: 0.02em !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-step-list {
    list-style: disc !important;
    list-style-position: inside !important;
    font-size: 0.84rem !important;
    color: #cbd5e1 !important;
    line-height: 1.55 !important;
}

#amyet-dashboard-wrapper .amyet-step-list li {
    list-style: disc !important;
    display: list-item !important;
    color: #cbd5e1 !important;
    font-size: 0.84rem !important;
}

#amyet-dashboard-wrapper .amyet-step-btn {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    margin-top: 0.65rem !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    cursor: pointer !important;
    transition: opacity 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-4x4-mini-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.4rem !important;
    margin-bottom: 0.45rem !important;
}

#amyet-dashboard-wrapper .amyet-4x4-mini-item {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    padding: 0.3rem 0.55rem !important;
    border-radius: 0.4rem !important;
    font-size: 0.72rem !important;
    color: #cbd5e1 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-badge {
    background: rgba(168,85,247,0.18) !important;
    border: 1.5px solid rgba(168,85,247,0.5) !important;
    border-radius: 0.5rem !important;
    padding: 0.4rem 0.75rem !important;
    margin-bottom: 0.45rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-badge p {
    font-size: 0.82rem !important;
    color: #e9d5ff !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
}

/* Centro – Cerebro IA Grande y Destacado */
#amyet-dashboard-wrapper .amyet-radial-center {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 20 !important;
    padding: 0.75rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-brain-wrapper {
    position: relative !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#amyet-dashboard-wrapper .amyet-brain-halo {
    position: absolute !important;
    inset: -1.5rem !important;
    background: rgba(99,102,241,0.3) !important;
    border-radius: 50% !important;
    filter: blur(40px) !important;
    transition: background 0.4s !important;
    pointer-events: none !important;
}

#amyet-dashboard-wrapper .amyet-brain-wrapper:hover .amyet-brain-halo {
    background: rgba(99,102,241,0.6) !important;
}

#amyet-dashboard-wrapper .amyet-brain-core {
    background: #0f172a !important;
    border: 3px solid #6366f1 !important;
    border-radius: 50% !important;
    width: 11.5rem !important;
    height: 11.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 0 45px rgba(99,102,241,0.9), inset 0 0 20px rgba(99,102,241,0.35) !important;
    position: relative !important;
    overflow: hidden !important;
    animation: amyetPulseBrain 3s infinite alternate ease-in-out !important;
}

@keyframes amyetPulseBrain {
    0%   { transform: scale(1);    filter: drop-shadow(0 0 15px rgba(99,102,241,0.6)); }
    100% { transform: scale(1.05); filter: drop-shadow(0 0 35px rgba(99,102,241,0.95)); }
}

#amyet-dashboard-wrapper .amyet-brain-circuit {
    position: absolute !important;
    inset: 0 !important;
    background: url('https://www.transparenttextures.com/patterns/circuit-board.png') !important;
    opacity: 0.25 !important;
    mix-blend-mode: overlay !important;
    pointer-events: none !important;
}

#amyet-dashboard-wrapper .amyet-brain-icon {
    font-size: 3.6rem !important;
    color: #818cf8 !important;
    z-index: 1 !important;
    display: block !important;
    line-height: 1 !important;
    margin-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-brain-label {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    z-index: 1 !important;
    display: block !important;
    letter-spacing: 0.05em !important;
    line-height: 1.2 !important;
}

#amyet-dashboard-wrapper .amyet-brain-sub {
    font-size: 0.72rem !important;
    color: #a5b4fc !important;
    background: rgba(15,23,42,0.9) !important;
    padding: 0.2rem 0.75rem !important;
    border-radius: 2rem !important;
    border: 1px solid rgba(99,102,241,0.4) !important;
    z-index: 1 !important;
    margin-top: 0.35rem !important;
    display: block !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-brain-svg {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 150% !important;
    height: 150% !important;
    z-index: -1 !important;
    pointer-events: none !important;
    opacity: 0.5 !important;
}

#amyet-dashboard-wrapper .amyet-footer-tag {
    text-align: center !important;
    margin-top: 1.5rem !important;
    padding-bottom: 1rem !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #475569 !important;
}
    display: block !important;
}

/* ─────────────────────────────────────────────────────────
   SCREEN: DASHBOARD 4x4 – VISTA LINEAL
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-linear-flow {
    display: flex !important;
    flex-direction: column !important;
    gap: 3rem !important;
    position: relative !important;
    padding: 1.5rem 0 !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-linear-flow {
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 0 !important;
    }
}

#amyet-dashboard-wrapper .amyet-linear-card {
    background: #0f172a !important;
    border-radius: 1rem !important;
    padding: 1.35rem !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    z-index: 10 !important;
    flex: 1 !important;
    margin: 0 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-linear-card:hover {
    transform: translateY(-5px) scale(1.03) !important;
    filter: brightness(1.15) !important;
}

#amyet-dashboard-wrapper .amyet-linear-card--blue   { border: 2px solid #3b82f6 !important; box-shadow: 0 0 15px rgba(59,130,246,0.4) !important; }
#amyet-dashboard-wrapper .amyet-linear-card--indigo { border: 2px solid #6366f1 !important; box-shadow: 0 0 15px rgba(99,102,241,0.4) !important; }
#amyet-dashboard-wrapper .amyet-linear-card--green  { border: 2px solid #10b981 !important; box-shadow: 0 0 15px rgba(16,185,129,0.4) !important; }
#amyet-dashboard-wrapper .amyet-linear-card--purple { border: 2px solid #a855f7 !important; box-shadow: 0 0 15px rgba(168,85,247,0.4) !important; }

/* ── Tarjetas Lineales Pintadas al Completarse ── */
#amyet-dashboard-wrapper .amyet-linear-card--blue.amyet-linear-card--completed {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.5) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.5), inset 0 0 15px rgba(59, 130, 246, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-linear-card--indigo.amyet-linear-card--completed {
    background: linear-gradient(135deg, rgba(49, 46, 129, 0.5) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    box-shadow: 0 0 30px rgba(99, 102, 241, 0.5), inset 0 0 15px rgba(99, 102, 241, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-linear-card--green.amyet-linear-card--completed {
    background: linear-gradient(135deg, rgba(6, 78, 59, 0.5) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    box-shadow: 0 0 30px rgba(16, 185, 129, 0.5), inset 0 0 15px rgba(16, 185, 129, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-linear-card--purple.amyet-linear-card--completed {
    background: linear-gradient(135deg, rgba(88, 28, 135, 0.5) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    box-shadow: 0 0 30px rgba(168, 85, 247, 0.5), inset 0 0 15px rgba(168, 85, 247, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-linear-badge {
    position: absolute !important;
    top: -1.5rem !important;
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    border: 3px solid #0b1120 !important;
}

#amyet-dashboard-wrapper .amyet-linear-badge--blue   { background: rgba(59,130,246,0.2) !important;  color: #93c5fd !important; box-shadow: 0 0 15px rgba(59,130,246,0.5) !important; }
#amyet-dashboard-wrapper .amyet-linear-badge--indigo { background: rgba(99,102,241,0.2) !important;  color: #a5b4fc !important; box-shadow: 0 0 15px rgba(99,102,241,0.5) !important; }
#amyet-dashboard-wrapper .amyet-linear-badge--green  { background: rgba(16,185,129,0.2) !important;  color: #6ee7b7 !important; box-shadow: 0 0 15px rgba(16,185,129,0.5) !important; }
#amyet-dashboard-wrapper .amyet-linear-badge--purple { background: rgba(168,85,247,0.2) !important;  color: #d8b4fe !important; box-shadow: 0 0 15px rgba(168,85,247,0.5) !important; }

#amyet-dashboard-wrapper .amyet-linear-body {
    margin-top: 1.5rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-linear-icon {
    font-size: 1.75rem !important;
    margin-bottom: 0.75rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-linear-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-linear-pill {
    display: inline-block !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 2rem !important;
}

#amyet-dashboard-wrapper .amyet-linear-pill--blue   { color: #93c5fd !important; background: rgba(59,130,246,0.15) !important;  border: 1px solid rgba(59,130,246,0.25) !important; }
#amyet-dashboard-wrapper .amyet-linear-pill--indigo { color: #a5b4fc !important; background: rgba(99,102,241,0.15) !important;  border: 1px solid rgba(99,102,241,0.25) !important; }
#amyet-dashboard-wrapper .amyet-linear-pill--green  { color: #6ee7b7 !important; background: rgba(16,185,129,0.15) !important;  border: 1px solid rgba(16,185,129,0.25) !important; }
#amyet-dashboard-wrapper .amyet-linear-pill--purple { color: #d8b4fe !important; background: rgba(168,85,247,0.15) !important;  border: 1px solid rgba(168,85,247,0.25) !important; }

#amyet-dashboard-wrapper .amyet-linear-footer-tag {
    text-align: center !important;
    margin-top: 3rem !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    color: #2dd4bf !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 0.5rem 1.5rem !important;
    background: rgba(15,23,42,0.5) !important;
    border: 1px solid rgba(45,212,191,0.2) !important;
    border-radius: 2rem !important;
    display: inline-block !important;
    box-shadow: 0 0 20px rgba(45,212,191,0.15) !important;
}

/* ─────────────────────────────────────────────────────────
   VISTAS DE DETALLE (PANTALLAS 4X4)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-detail-screen:not(.amyet-hidden) {
    max-width: 1300px !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

#amyet-dashboard-wrapper .amyet-detail-card {
    border-radius: 1.5rem !important;
    padding: 1.75rem 2.25rem !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
    box-shadow: 0 15px 45px rgba(0,0,0,0.6) !important;
}

#amyet-dashboard-wrapper .amyet-detail-card--blue   { background: #0f172a !important; border: 2.5px solid #3b82f6 !important; box-shadow: 0 0 25px rgba(59,130,246,0.35), inset 0 0 15px rgba(59,130,246,0.1) !important; }
#amyet-dashboard-wrapper .amyet-detail-card--green  { background: #0f172a !important; border: 2.5px solid #10b981 !important; box-shadow: 0 0 25px rgba(16,185,129,0.35), inset 0 0 15px rgba(16,185,129,0.1) !important; }
#amyet-dashboard-wrapper .amyet-detail-card--yellow { background: #0f172a !important; border: 2.5px solid #f59e0b !important; box-shadow: 0 0 25px rgba(245,158,11,0.35), inset 0 0 15px rgba(245,158,11,0.1) !important; }
#amyet-dashboard-wrapper .amyet-detail-card--purple { background: #0f172a !important; border: 2.5px solid #a855f7 !important; box-shadow: 0 0 25px rgba(168,85,247,0.35), inset 0 0 15px rgba(168,85,247,0.1) !important; }
#amyet-dashboard-wrapper .amyet-detail-card--indigo { background: #0f172a !important; border: 2.5px solid #6366f1 !important; box-shadow: 0 0 25px rgba(99,102,241,0.35), inset 0 0 15px rgba(99,102,241,0.1) !important; }

#amyet-dashboard-wrapper .amyet-detail-glow {
    position: absolute !important;
    top: -5rem !important; right: -5rem !important;
    width: 16rem !important; height: 16rem !important;
    border-radius: 50% !important;
    filter: blur(50px) !important;
    pointer-events: none !important;
}

#amyet-dashboard-wrapper .amyet-detail-glow--blue   { background: rgba(59,130,246,0.18) !important; }
#amyet-dashboard-wrapper .amyet-detail-glow--green  { background: rgba(16,185,129,0.18) !important; }
#amyet-dashboard-wrapper .amyet-detail-glow--yellow { background: rgba(245,158,11,0.18) !important; }
#amyet-dashboard-wrapper .amyet-detail-glow--purple { background: rgba(168,85,247,0.18) !important; }

#amyet-dashboard-wrapper .amyet-detail-header {
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0.5rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-detail-header--blue   { border-bottom: 2px solid rgba(59,130,246,0.35) !important; }
#amyet-dashboard-wrapper .amyet-detail-header--green  { border-bottom: 2px solid rgba(16,185,129,0.35) !important; }
#amyet-dashboard-wrapper .amyet-detail-header--yellow { border-bottom: 2px solid rgba(245,158,11,0.35) !important; }
#amyet-dashboard-wrapper .amyet-detail-header--purple { border-bottom: 2px solid rgba(168,85,247,0.35) !important; }
#amyet-dashboard-wrapper .amyet-detail-header--indigo { border-bottom: 2px solid rgba(99,102,241,0.35) !important; }

#amyet-dashboard-wrapper .amyet-detail-num {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 3.2rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-detail-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    display: block !important;
    letter-spacing: 0.03em !important;
}

#amyet-dashboard-wrapper .amyet-detail-subtitle {
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    margin-top: 0.25rem !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-detail-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-detail-intro {
    font-size: 0.92rem !important;
    color: #cbd5e1 !important;
    line-height: 1.5 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-text-center {
    text-align: center !important;
    max-width: 42rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

#amyet-dashboard-wrapper .amyet-detail-nav {
    margin-top: 1.5rem !important;
    padding-top: 1.25rem !important;
    display: flex !important;
    justify-content: flex-end !important;
    flex-shrink: 0 !important;
    border-top: 1.5px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-btn-next {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.4rem !important;
    color: #ffffff !important;
    border-radius: 0.75rem !important;
    font-weight: 700 !important;
    font-size: 0.88rem !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-btn-next--green  { background: #059669 !important; box-shadow: 0 0 15px rgba(16,185,129,0.5) !important; }
#amyet-dashboard-wrapper .amyet-btn-next--yellow { background: #d97706 !important; box-shadow: 0 0 15px rgba(234,179,8,0.5) !important; }
#amyet-dashboard-wrapper .amyet-btn-next--purple { background: #7c3aed !important; box-shadow: 0 0 15px rgba(168,85,247,0.5) !important; }

#amyet-dashboard-wrapper .amyet-btn-next:hover {
    filter: brightness(1.2) !important;
    transform: translateY(-2px) !important;
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────
   PASO 1: Cuestionarios (Cuadrícula 2x2 Amplia con Bordes 2px)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-questionnaire-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.25rem !important;
    margin: 0.5rem 0 !important;
}

@media (max-width: 768px) {
    #amyet-dashboard-wrapper .amyet-questionnaire-grid {
        grid-template-columns: 1fr !important;
        gap: 0.85rem !important;
    }
}

#amyet-dashboard-wrapper .amyet-questionnaire-card {
    background: #131b2e !important;
    border: 2px solid #334155 !important;
    border-radius: 1.15rem !important;
    padding: 1.25rem 1.5rem !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    gap: 1.15rem !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    min-height: 5.2rem !important;
}

#amyet-dashboard-wrapper .amyet-questionnaire-card:hover {
    background: #1a253d !important;
    border-color: #3b82f6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(59,130,246,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-q-icon {
    width: 2.85rem !important;
    height: 2.85rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.25rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-q-icon--blue {
    background: rgba(59,130,246,0.2) !important;
    color: #60a5fa !important;
    border: 1.5px solid #3b82f6 !important;
}

#amyet-dashboard-wrapper .amyet-q-icon--indigo {
    background: rgba(99,102,241,0.2) !important;
    color: #818cf8 !important;
    border: 1.5px solid #6366f1 !important;
}

#amyet-dashboard-wrapper .amyet-q-icon--green {
    background: rgba(16,185,129,0.2) !important;
    color: #34d399 !important;
    border: 1.5px solid #10b981 !important;
}

#amyet-dashboard-wrapper .amyet-q-icon--yellow {
    background: rgba(245,158,11,0.2) !important;
    color: #fbbf24 !important;
    border: 1.5px solid #f59e0b !important;
}

#amyet-dashboard-wrapper .amyet-q-title {
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 1.05rem !important;
    line-height: 1.3 !important;
    display: block !important;
    font-family: 'Rajdhani', sans-serif !important;
    letter-spacing: 0.02em !important;
}

/* Banner de personalización de motivo */
#amyet-dashboard-wrapper .amyet-phase1-motive-banner {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.25) 0%, rgba(15, 23, 42, 0.6) 100%) !important;
    border: 1.5px solid rgba(59, 130, 246, 0.4) !important;
    border-radius: 0.9rem !important;
    padding: 0.85rem 1.25rem !important;
    margin: 0.35rem 0 0.85rem 0 !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-motive-banner-content {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-motive-banner-icon {
    font-size: 1.4rem !important;
    color: #60a5fa !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-motive-banner-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-right: 0.4rem !important;
    letter-spacing: 0.03em !important;
}

#amyet-dashboard-wrapper .amyet-motive-banner-desc {
    font-size: 0.82rem !important;
    color: #cbd5e1 !important;
}

/* Badges wrap in questionnaire cards */
#amyet-dashboard-wrapper .amyet-q-badges-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    flex-wrap: wrap !important;
}

#amyet-dashboard-wrapper .amyet-q-recom-badge {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    font-family: 'Roboto', sans-serif !important;
    box-shadow: 0 0 10px rgba(0,0,0,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-q-recom--capilar {
    background: rgba(56, 189, 248, 0.16) !important;
    border: 1px solid #38bdf8 !important;
    color: #38bdf8 !important;
}

#amyet-dashboard-wrapper .amyet-q-recom--dermico {
    background: rgba(192, 132, 252, 0.16) !important;
    border: 1px solid #c084fc !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-q-recom--peso {
    background: rgba(52, 211, 153, 0.16) !important;
    border: 1px solid #34d399 !important;
    color: #34d399 !important;
}

#amyet-dashboard-wrapper .amyet-q-recom--cuantico {
    background: rgba(99, 102, 241, 0.16) !important;
    border: 1px solid #818cf8 !important;
    color: #a5b4fc !important;
}

#amyet-dashboard-wrapper .amyet-q-recom--optional {
    background: rgba(100, 116, 139, 0.12) !important;
    border: 1px solid #475569 !important;
    color: #94a3b8 !important;
}

/* Tarjetas marcadas por objetivo de consulta */
#amyet-dashboard-wrapper .amyet-questionnaire-card.amyet-q-card--target-capilar {
    border: 2px solid #38bdf8 !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-questionnaire-card.amyet-q-card--target-dermico {
    border: 2px solid #c084fc !important;
    box-shadow: 0 0 18px rgba(192, 132, 252, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-questionnaire-card.amyet-q-card--target-peso {
    border: 2px solid #34d399 !important;
    box-shadow: 0 0 18px rgba(52, 211, 153, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-questionnaire-card.amyet-q-card--target-cuantico {
    border: 2px solid #818cf8 !important;
    box-shadow: 0 0 18px rgba(99, 102, 241, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-questionnaire-card.amyet-q-card--optional {
    opacity: 0.82 !important;
    border-color: #334155 !important;
}

#amyet-dashboard-wrapper .amyet-coming-soon {
    padding-top: 1.25rem !important;
    border-top: 1.5px solid #334155 !important;
    text-align: center !important;
    margin-top: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-coming-soon-title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    margin-bottom: 1rem !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
}
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-coming-soon-icons {
    display: flex !important;
    gap: 0.75rem !important;
    justify-content: center !important;
}

#amyet-dashboard-wrapper .amyet-cs-icon {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 50% !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #3b82f6 !important;
    font-size: 1rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-cs-icon:hover {
    background: #263449 !important;
    color: #ffffff !important;
    border-color: rgba(59,130,246,0.5) !important;
}

/* ─────────────────────────────────────────────────────────
   PASO 2: Tricoscopia
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-trico-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-trico-card {
    background: rgba(16,185,129,0.05) !important;
    border: 1px solid rgba(16,185,129,0.2) !important;
    border-radius: 0.85rem !important;
    padding: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-trico-icon {
    background: rgba(16,185,129,0.15) !important;
    width: 2.5rem !important; height: 2.5rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    font-size: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-trico-card h4 { font-size: 0.82rem !important; font-weight: 700 !important; color: #ffffff !important; }
#amyet-dashboard-wrapper .amyet-trico-card p  { font-size: 0.7rem !important;  color: #64748b !important; }

#amyet-dashboard-wrapper .amyet-charts-panel {
    background: #0f172a !important;
    border: 1px solid #1e293b !important;
    border-radius: 1rem !important;
    padding: 1.2rem !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 0 20px rgba(16,185,129,0.08) !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-charts-panel-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    padding-bottom: 0.85rem !important;
    margin-bottom: 0.85rem !important;
    border-bottom: 1px solid rgba(100,116,139,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-charts-panel-header h4 {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-charts-badge {
    font-size: 0.6rem !important;
    color: #34d399 !important;
    font-family: monospace !important;
    background: rgba(16,185,129,0.1) !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.3rem !important;
    border: 1px solid rgba(16,185,129,0.2) !important;
    letter-spacing: 0.06em !important;
}

#amyet-dashboard-wrapper .amyet-charts-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-charts-grid {
        grid-template-columns: repeat(4, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-chart-card {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.65rem !important;
    padding: 0.7rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-chart-card--center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

#amyet-dashboard-wrapper .amyet-chart-title {
    font-size: 0.6rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    margin-bottom: 0.5rem !important;
    display: block !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-chart-line-wrap {
    height: 4rem !important;
    display: flex !important;
    align-items: flex-end !important;
}

#amyet-dashboard-wrapper .amyet-chart-bars {
    height: 4rem !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 3px !important;
    padding: 0 4px !important;
}

#amyet-dashboard-wrapper .amyet-bar {
    flex: 1 !important;
    border-radius: 2px 2px 0 0 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-bar--green { background: rgba(16,185,129,0.8) !important; }
#amyet-dashboard-wrapper .amyet-bar--blue  { background: rgba(96,165,250,0.8) !important; }
#amyet-dashboard-wrapper .amyet-bar--rose  { background: rgba(251,113,133,0.8) !important; }

#amyet-dashboard-wrapper .amyet-donut {
    width: 3rem !important; height: 3rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    border: 4px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-donut--phases {
    border-top-color: #10b981 !important;
    border-right-color: #3b82f6 !important;
    border-left-color: #f59e0b !important;
}

#amyet-dashboard-wrapper .amyet-donut--health {
    border-color: #10b981 !important;
    color: #34d399 !important;
    box-shadow: 0 0 10px rgba(16,185,129,0.3) !important;
    font-size: 0.7rem !important;
}

#amyet-dashboard-wrapper .amyet-form-embed {
    border-radius: 1rem !important;
    padding: 1.2rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-form-embed--green  { background: rgba(16,185,129,0.05) !important; border: 1px solid rgba(16,185,129,0.2) !important; }
#amyet-dashboard-wrapper .amyet-form-embed--yellow { background: rgba(245,158,11,0.05) !important;  border: 1px solid rgba(245,158,11,0.2) !important; }

#amyet-dashboard-wrapper .amyet-form-embed-inner {
    background: rgba(15,23,42,0.5) !important;
    border-radius: 0.65rem !important;
    padding: 1rem !important;
}

/* ─────────────────────────────────────────────────────────
   PASO 3: Pilares 4x4
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-pillar {
    background: #1e293b !important;
    border-radius: 0.75rem !important;
    padding: 1.2rem !important;
    text-align: center !important;
    transition: background 0.2s !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-pillar:hover { background: #263449 !important; }
#amyet-dashboard-wrapper .amyet-pillar--yellow { border: 1px solid rgba(245,158,11,0.3) !important; }

#amyet-dashboard-wrapper .amyet-pillar-num {
    width: 2.5rem !important; height: 2.5rem !important;
    border-radius: 50% !important;
    background: rgba(245,158,11,0.15) !important;
    color: #fbbf24 !important;
    font-weight: 700 !important;
    font-size: 1.1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-pillar h4 { font-size: 0.88rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-pillar p  { font-size: 0.7rem !important;  color: #64748b !important; }

#amyet-dashboard-wrapper .amyet-processing-banner {
    background: rgba(245,158,11,0.08) !important;
    border: 1px solid rgba(245,158,11,0.2) !important;
    border-radius: 0.85rem !important;
    padding: 1.2rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1rem !important;
    margin-bottom: 1.5rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-processing-banner {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

#amyet-dashboard-wrapper .amyet-processing-banner h4 {
    color: #fbbf24 !important;
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-family: 'Rajdhani', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-processing-banner ul li {
    list-style: disc !important;
    display: list-item !important;
    list-style-position: inside !important;
    font-size: 0.8rem !important;
    color: #94a3b8 !important;
    line-height: 1.7 !important;
}

#amyet-dashboard-wrapper .amyet-network-icon {
    font-size: 2.8rem !important;
    color: rgba(245,158,11,0.4) !important;
    animation: amyetPulse 2s infinite !important;
    display: block !important;
}

@keyframes amyetPulse { 0%,100% { opacity: 0.4; } 50% { opacity: 0.8; } }

/* ─────────────────────────────────────────────────────────
   PASO 4: Diagnóstico
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-diagnosis-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-diagnosis-layout {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
    #amyet-dashboard-wrapper .amyet-diagnosis-content { flex: 3 !important; }
    #amyet-dashboard-wrapper .amyet-screen-mockup { flex: 2 !important; }
}

#amyet-dashboard-wrapper .amyet-diagnosis-items {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-item {
    background: #1e293b !important;
    border-radius: 0.75rem !important;
    padding: 1.2rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-item--purple {
    border-left: 4px solid #a855f7 !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-item h4 {
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-bottom: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-diagnosis-item h4 i { color: #c084fc !important; }
#amyet-dashboard-wrapper .amyet-diagnosis-item p { font-size: 0.8rem !important; color: #64748b !important; line-height: 1.6 !important; }

/* Mockup pantalla */
#amyet-dashboard-wrapper .amyet-screen-mockup {
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    box-shadow: 0 0 30px rgba(168,85,247,0.25) !important;
    display: flex !important;
    flex-direction: column !important;
}

#amyet-dashboard-wrapper .amyet-mockup-bar {
    background: #1e293b !important;
    padding: 0.5rem 0.75rem !important;
    display: flex !important;
    gap: 0.35rem !important;
    border-bottom: 1px solid #0b1120 !important;
}

#amyet-dashboard-wrapper .amyet-mockup-dot { width: 0.5rem !important; height: 0.5rem !important; border-radius: 50% !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-mockup-dot--red    { background: #ef4444 !important; }
#amyet-dashboard-wrapper .amyet-mockup-dot--yellow { background: #f59e0b !important; }
#amyet-dashboard-wrapper .amyet-mockup-dot--green  { background: #22c55e !important; }

#amyet-dashboard-wrapper .amyet-mockup-body { background: #f8fafc !important; padding: 1.25rem !important; flex: 1 !important; }
#amyet-dashboard-wrapper .amyet-mockup-title-bar { width: 75% !important; height: 1rem !important; background: #cbd5e1 !important; border-radius: 0.25rem !important; margin-bottom: 1rem !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-mockup-line { width: 100% !important; height: 0.5rem !important; background: #e2e8f0 !important; border-radius: 0.25rem !important; margin-bottom: 0.5rem !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-mockup-line--short { width: 80% !important; }
#amyet-dashboard-wrapper .amyet-mockup-cols { display: flex !important; gap: 0.5rem !important; margin-top: 1rem !important; }
#amyet-dashboard-wrapper .amyet-mockup-col { border-radius: 0.25rem !important; height: 4rem !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-mockup-col--purple { flex: 1 !important; background: #e9d5ff !important; }
#amyet-dashboard-wrapper .amyet-mockup-col--gray   { flex: 2 !important; background: #e2e8f0 !important; }

#amyet-dashboard-wrapper .amyet-btn-download {
    width: 100% !important;
    padding: 0.75rem !important;
    background: #7c3aed !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    transition: background 0.2s !important;
    border: none !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-btn-download:hover {
    background: #6d28d9 !important;
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────
   CORE IA
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-core-card {
    background: #1e1b4b !important;
    border: 2px solid #6366f1 !important;
    border-radius: 1.5rem !important;
    padding: 3rem 2rem !important;
    text-align: center !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 0 32px rgba(99,102,241,0.5) !important;
    max-width: 700px !important;
    margin: 0 auto !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-core-brain-icon {
    font-size: 4rem !important;
    color: #818cf8 !important;
    margin-bottom: 1.25rem !important;
    display: block !important;
    filter: drop-shadow(0 0 15px rgba(129,140,248,0.8)) !important;
}

#amyet-dashboard-wrapper .amyet-core-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 2.2rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-core-desc {
    font-size: 1rem !important;
    color: #c7d2fe !important;
    max-width: 480px !important;
    margin: 0 auto 1.5rem !important;
    line-height: 1.7 !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-core-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 0.6rem !important;
}

#amyet-dashboard-wrapper .amyet-core-tag {
    padding: 0.4rem 1rem !important;
    background: rgba(99,102,241,0.15) !important;
    border: 1px solid rgba(99,102,241,0.3) !important;
    border-radius: 2rem !important;
    color: #a5b4fc !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    display: inline-block !important;
}

/* ─────────────────────────────────────────────────────────
   MODAL CONVERSACIONAL
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-modal:not(.amyet-hidden) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,0.9) !important;
    backdrop-filter: blur(8px) !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-modal-box {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    max-width: 1024px !important;
    max-height: 90vh !important;
    background: #0b1120 !important;
    border: 1px solid rgba(59,130,246,0.3) !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 0 50px rgba(59,130,246,0.25) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-modal-close {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    z-index: 10 !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
    border-radius: 50% !important;
    background: #1e293b !important;
    color: #94a3b8 !important;
    border: 1px solid #334155 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.9rem !important;
    transition: all 0.2s !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-modal-close:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    border-color: #ef4444 !important;
}

#amyet-dashboard-wrapper .amyet-modal-content {
    flex: 1 !important;
    overflow-y: auto !important;
    padding: 3.5rem 1rem 1rem !important;
}

/* ─────────────────────────────────────────────────────────
   DETALLE LINEAL PASO 1
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-diag-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-diag-layout {
        flex-direction: row !important;
        align-items: flex-start !important;
        gap: 2.5rem !important;
    }
}

#amyet-dashboard-wrapper .amyet-diag-chart-panel {
    flex: 1 !important;
    background: rgba(59,130,246,0.05) !important;
    border: 2px solid rgba(59,130,246,0.3) !important;
    border-radius: 1rem !important;
    padding: 1.2rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-diag-chart-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.6rem !important;
    padding: 0.7rem 1rem !important;
    margin-bottom: 1rem !important;
    font-size: 0.8rem !important;
    color: #94a3b8 !important;
}

#amyet-dashboard-wrapper .amyet-badge-completed {
    background: rgba(34,197,94,0.15) !important;
    color: #4ade80 !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.6rem !important;
    border-radius: 0.25rem !important;
    display: inline-block !important;
}

#amyet-dashboard-wrapper .amyet-diag-bars {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;
    height: 6rem !important;
    padding: 0 1rem !important;
    background: #1e293b !important;
    border-radius: 0.6rem !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-diag-bar {
    flex: 1 !important;
    border-radius: 2px 2px 0 0 !important;
    position: relative !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-diag-bar--blue   { background: #2563eb !important; }
#amyet-dashboard-wrapper .amyet-diag-bar--blue-l { background: #3b82f6 !important; }

#amyet-dashboard-wrapper .amyet-diag-metrics {
    flex: 1 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-metric-card {
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.75rem !important;
    padding: 0.9rem !important;
    transition: all 0.2s !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-metric-card:hover { border-color: #3b82f6 !important; box-shadow: 0 0 15px rgba(59,130,246,0.3) !important; }
#amyet-dashboard-wrapper .amyet-metric-card i { font-size: 1.2rem !important; color: #3b82f6 !important; margin-bottom: 0.4rem !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-metric-card h4 { font-size: 0.8rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 0.3rem !important; }
#amyet-dashboard-wrapper .amyet-metric-card p  { font-size: 0.7rem !important; color: #64748b !important; }

#amyet-dashboard-wrapper .amyet-progress { display: flex !important; align-items: center !important; gap: 0.5rem !important; margin-top: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-progress-bar-wrap { flex: 1 !important; background: #334155 !important; height: 6px !important; border-radius: 999px !important; overflow: hidden !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-progress-bar { height: 100% !important; background: #60a5fa !important; border-radius: 999px !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-progress span { font-size: 0.7rem !important; color: #93c5fd !important; font-weight: 700 !important; }

#amyet-dashboard-wrapper .amyet-toggle-pills { display: flex !important; gap: 0.4rem !important; margin-top: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-pill--yes { padding: 0.2rem 0.6rem !important; background: rgba(239,68,68,0.15) !important; color: #f87171 !important; font-size: 0.7rem !important; font-weight: 700 !important; border-radius: 0.3rem !important; border: 1px solid rgba(239,68,68,0.3) !important; display: inline-block !important; }
#amyet-dashboard-wrapper .amyet-pill--no  { padding: 0.2rem 0.6rem !important; background: #1e293b !important; color: #475569 !important; font-size: 0.7rem !important; font-weight: 700 !important; border-radius: 0.3rem !important; display: inline-block !important; }

#amyet-dashboard-wrapper .amyet-stress-bar { display: flex !important; align-items: center !important; gap: 0.4rem !important; margin-top: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-stress-bar-wrap { flex: 1 !important; background: #334155 !important; height: 6px !important; border-radius: 999px !important; overflow: hidden !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-stress-fill { height: 100% !important; background: linear-gradient(to right, #22c55e, #eab308, #ef4444) !important; border-radius: 999px !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-stress-bar span { font-size: 0.7rem !important; color: #fb923c !important; font-weight: 700 !important; }

/* ─────────────────────────────────────────────────────────
   DETALLE LINEAL PASO 2: Biomarcadores
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-bio-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-bio-layout {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
}

#amyet-dashboard-wrapper .amyet-bio-table-wrap {
    flex: 1 !important;
    background: #f8fafc !important;
    border-radius: 0.75rem !important;
    border: 3px solid #334155 !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-mock-browser-bar {
    background: #e2e8f0 !important;
    padding: 0.4rem 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    border-bottom: 1px solid #cbd5e1 !important;
}

#amyet-dashboard-wrapper .amyet-mock-dot { width: 0.7rem !important; height: 0.7rem !important; border-radius: 50% !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-mock-dot--red    { background: #f87171 !important; }
#amyet-dashboard-wrapper .amyet-mock-dot--yellow { background: #fbbf24 !important; }
#amyet-dashboard-wrapper .amyet-mock-dot--green  { background: #4ade80 !important; }

#amyet-dashboard-wrapper .amyet-mock-title {
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 0.72rem !important;
    color: #64748b !important;
    font-weight: 700 !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-bio-table-body { background: #ffffff !important; padding: 0.75rem !important; }

#amyet-dashboard-wrapper .amyet-bio-table {
    width: 100% !important;
    font-size: 0.8rem !important;
    border-collapse: collapse !important;
    color: #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-bio-table thead tr { background: #f8fafc !important; border-bottom: 1px solid #e2e8f0 !important; }
#amyet-dashboard-wrapper .amyet-bio-table th {
    padding: 0.5rem !important;
    font-size: 0.62rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    background: #f8fafc !important;
}
#amyet-dashboard-wrapper .amyet-bio-table td { padding: 0.55rem 0.5rem !important; border-bottom: 1px solid #f1f5f9 !important; color: #1e293b !important; }

/* ─────────────────────────────────────────────────────────
   DETALLE LINEAL PASO 3: Microscopio
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-micro-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-micro-layout {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
}

#amyet-dashboard-wrapper .amyet-microscope-panel {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 2rem !important;
    background: rgba(30,41,59,0.5) !important;
    border: 2px solid #334155 !important;
    border-radius: 1rem !important;
    flex-shrink: 0 !important;
    width: 100% !important;
}

@media (min-width: 768px) { #amyet-dashboard-wrapper .amyet-microscope-panel { width: auto !important; } }

#amyet-dashboard-wrapper .amyet-microscope-icon { font-size: 5rem !important; color: #64748b !important; display: block !important; }

#amyet-dashboard-wrapper .amyet-samples { display: flex !important; flex-direction: column !important; gap: 0.85rem !important; flex: 1 !important; }

#amyet-dashboard-wrapper .amyet-sample-card {
    display: flex !important;
    gap: 0.85rem !important;
    align-items: center !important;
    background: #1e293b !important;
    border: 2px solid #334155 !important;
    border-radius: 0.75rem !important;
    padding: 0.75rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-sample-card--green { border: 2px solid rgba(16,185,129,0.35) !important; }
#amyet-dashboard-wrapper .amyet-sample-card:hover { border-color: #10b981 !important; box-shadow: 0 0 15px rgba(16,185,129,0.3) !important; }
#amyet-dashboard-wrapper .amyet-sample-card h4 { font-size: 0.82rem !important; font-weight: 700 !important; color: #ffffff !important; }
#amyet-dashboard-wrapper .amyet-sample-card p  { font-size: 0.7rem !important; color: #64748b !important; margin-top: 0.2rem !important; }

#amyet-dashboard-wrapper .amyet-sample-thumb {
    width: 5rem !important; height: 3.5rem !important;
    background: #0f172a !important;
    border: 1px solid #334155 !important;
    border-radius: 0.5rem !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    font-size: 1.1rem !important;
}

#amyet-dashboard-wrapper .amyet-sample-label {
    position: absolute !important;
    top: 0.15rem !important; left: 0.15rem !important;
    background: #059669 !important;
    color: #ffffff !important;
    font-size: 0.58rem !important;
    font-weight: 700 !important;
    padding: 0.1rem 0.3rem !important;
    border-radius: 0.2rem !important;
    display: block !important;
}

/* ─────────────────────────────────────────────────────────
   DETALLE LINEAL PASO 4: Evaluación
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-eval-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 2rem !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-eval-layout {
        flex-direction: row !important;
        align-items: flex-start !important;
    }
}

#amyet-dashboard-wrapper .amyet-eval-visual {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-eval-circle {
    width: 10rem !important; height: 10rem !important;
    background: #1e293b !important;
    border: 4px solid #334155 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 3rem !important;
    color: #64748b !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-eval-ring {
    position: absolute !important;
    inset: -4px !important;
    border-radius: 50% !important;
    border: 2px solid rgba(168,85,247,0.4) !important;
    animation: amyetPing 1.5s ease-out infinite !important;
}

@keyframes amyetPing {
    0%   { transform: scale(1); opacity: 0.2; }
    100% { transform: scale(1.15); opacity: 0; }
}

#amyet-dashboard-wrapper .amyet-eval-visual h3 { font-size: 0.95rem !important; font-weight: 700 !important; color: #ffffff !important; text-align: center !important; }
#amyet-dashboard-wrapper .amyet-eval-visual p  { font-size: 0.8rem !important; color: #64748b !important; text-align: center !important; max-width: 14rem !important; }

#amyet-dashboard-wrapper .amyet-eval-report {
    flex: 1 !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    box-shadow: 0 0 30px rgba(168,85,247,0.25) !important;
}

#amyet-dashboard-wrapper .amyet-report-bar {
    background: #1e293b !important;
    padding: 0.4rem 0.75rem !important;
    display: flex !important;
    gap: 0.4rem !important;
    border-bottom: 2px solid #0b1120 !important;
}

#amyet-dashboard-wrapper .amyet-report-dot { width: 0.7rem !important; height: 0.7rem !important; border-radius: 50% !important; background: #334155 !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-report-body { background: #ffffff !important; padding: 1.2rem !important; }

#amyet-dashboard-wrapper .amyet-report-heading {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.75rem !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

#amyet-dashboard-wrapper .amyet-report-heading h4 { font-size: 0.95rem !important; font-weight: 900 !important; color: #1e293b !important; display: flex !important; align-items: center !important; gap: 0.4rem !important; font-family: 'Rajdhani', sans-serif !important; }
#amyet-dashboard-wrapper .amyet-report-heading h4 i { color: #7c3aed !important; }
#amyet-dashboard-wrapper .amyet-report-id { font-size: 0.65rem !important; color: #64748b !important; font-family: monospace !important; margin-top: 0.2rem !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-report-dna { font-size: 1.75rem !important; color: rgba(124,58,237,0.2) !important; }

#amyet-dashboard-wrapper .amyet-report-checklist { background: #f5f3ff !important; border: 1px solid #ede9fe !important; border-radius: 0.5rem !important; padding: 1rem !important; }
#amyet-dashboard-wrapper .amyet-report-checklist h5 { font-weight: 700 !important; color: #5b21b6 !important; letter-spacing: 0.05em !important; margin-bottom: 0.75rem !important; font-size: 0.78rem !important; font-family: 'Rajdhani', sans-serif !important; }
#amyet-dashboard-wrapper .amyet-report-checklist ul { display: flex !important; flex-direction: column !important; gap: 0.6rem !important; }
#amyet-dashboard-wrapper .amyet-report-checklist li { display: flex !important; align-items: center !important; gap: 0.6rem !important; }

#amyet-dashboard-wrapper .amyet-check-circle { width: 1.2rem !important; height: 1.2rem !important; background: #22c55e !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; font-size: 0.5rem !important; flex-shrink: 0 !important; }
#amyet-dashboard-wrapper .amyet-report-checklist span { font-size: 0.8rem !important; color: #334155 !important; font-weight: 600 !important; font-family: 'Roboto', sans-serif !important; }

/* ─────────────────────────────────────────────────────────
   RESPONSIVE
───────────────────────────────────────────────────────── */
@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-form-grid { grid-template-columns: 1fr !important; }
    #amyet-dashboard-wrapper .amyet-card { padding: 1.25rem !important; }
    #amyet-dashboard-wrapper .amyet-detail-card { padding: 1.1rem !important; }
    #amyet-dashboard-wrapper .amyet-detail-num { font-size: 2.25rem !important; }
    #amyet-dashboard-wrapper .amyet-detail-title { font-size: 1.15rem !important; }
    #amyet-dashboard-wrapper .amyet-brain-core { width: 8.5rem !important; height: 8.5rem !important; }
    #amyet-dashboard-wrapper .amyet-brain-icon { font-size: 2.75rem !important; }
    #amyet-dashboard-wrapper .amyet-section-title { font-size: 1.3rem !important; }
    #amyet-dashboard-wrapper .amyet-diag-metrics { grid-template-columns: 1fr !important; }
    #amyet-dashboard-wrapper .amyet-quick-actions { flex-direction: column !important; align-items: flex-start !important; }
    #amyet-dashboard-wrapper .amyet-search-wrap { max-width: 100% !important; width: 100% !important; }
}

@media (max-width: 768px) {
    #amyet-dashboard-wrapper .amyet-nav-tabs:not(.amyet-hidden) { width: 100% !important; }
    #amyet-dashboard-wrapper .amyet-header-inner { gap: 0.5rem !important; }
}

/* ─────────────────────────────────────────────────────────
   CUESTIONARIO CAPILAR FASE 1 (ID: DIA-CAP-16) – ESTILOS
───────────────────────────────────────────────────────── */

/* Tarjeta interactiva en el Paso 1 */
#amyet-dashboard-wrapper .amyet-q-card-interactive {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-q-card-interactive:hover {
    border-color: #3b82f6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(59,130,246,0.25) !important;
}

#amyet-dashboard-wrapper .amyet-q-card-interactive.amyet-q-card--completed {
    border-color: #3b82f6 !important;
    background: linear-gradient(145deg, #131b2e 0%, rgba(59, 130, 246, 0.12) 100%) !important;
    box-shadow: 0 0 18px rgba(59, 130, 246, 0.28) !important;
}

#amyet-dashboard-wrapper .amyet-q-card-interactive.amyet-q-card--completed:hover {
    border-color: #60a5fa !important;
    box-shadow: 0 6px 25px rgba(59, 130, 246, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-q-content-wrap {
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-q-card-title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-bottom: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-q-card-meta {
    font-size: 0.72rem !important;
    color: #64748b !important;
    display: block !important;
}

/* Badges de estado */
#amyet-dashboard-wrapper .amyet-q-status-badge {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 2rem !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-q-status--pending {
    background: rgba(59,130,246,0.15) !important;
    color: #93c5fd !important;
    border: 1px solid rgba(59,130,246,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-q-status--completed {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #93c5fd !important;
    border: 1px solid #3b82f6 !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.35) !important;
}

/* Modal Box del Cuestionario */
#amyet-dashboard-wrapper .amyet-q-modal-box {
    max-width: 920px !important;
    width: 95% !important;
    max-height: 90vh !important;
    background: #0f172a !important;
    border: 2px solid #3b82f6 !important;
    border-radius: 1.5rem !important;
    box-shadow: 0 0 50px rgba(59,130,246,0.35) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Header del Modal */
#amyet-dashboard-wrapper .amyet-q-header {
    background: #0b1120 !important;
    border-bottom: 1px solid #1e293b !important;
    padding: 1.25rem 1.5rem 0.85rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-q-header-top {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-q-badge-id {
    font-size: 0.65rem !important;
    font-family: monospace !important;
    color: #38bdf8 !important;
    background: rgba(56,189,248,0.1) !important;
    border: 1px solid rgba(56,189,248,0.25) !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 0.3rem !important;
    display: inline-block !important;
    margin-bottom: 0.3rem !important;
}

#amyet-dashboard-wrapper .amyet-q-header-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

#amyet-dashboard-wrapper .amyet-q-header-sub {
    font-size: 0.78rem !important;
    color: #94a3b8 !important;
    margin-top: 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-q-patient-chip {
    background: rgba(99,102,241,0.15) !important;
    border: 1px solid rgba(99,102,241,0.3) !important;
    padding: 0.3rem 0.75rem !important;
    border-radius: 2rem !important;
    font-size: 0.78rem !important;
    color: #a5b4fc !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    white-space: nowrap !important;
}

/* Barra de progreso global */
#amyet-dashboard-wrapper .amyet-q-progress-bar-container {
    margin-bottom: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-q-progress-info {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    margin-bottom: 0.35rem !important;
    font-weight: 600 !important;
}

#amyet-dashboard-wrapper .amyet-q-progress-track {
    width: 100% !important;
    height: 8px !important;
    background: #1e293b !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-q-progress-fill {
    height: 100% !important;
    background: linear-gradient(to right, #3b82f6, #06b6d4, #10b981) !important;
    border-radius: 999px !important;
    transition: width 0.35s ease !important;
}

/* Navegación por pasos/bloques */
#amyet-dashboard-wrapper .amyet-q-nav-steps {
    display: flex !important;
    gap: 0.5rem !important;
    overflow-x: auto !important;
    padding-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-q-step-btn {
    flex: 1 !important;
    min-width: 130px !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    padding: 0.45rem 0.75rem !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.5rem !important;
    color: #64748b !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-q-step-num {
    width: 1.35rem !important;
    height: 1.35rem !important;
    border-radius: 50% !important;
    background: #334155 !important;
    color: #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.7rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-q-step-btn.amyet-q-step--active {
    background: rgba(59,130,246,0.15) !important;
    border-color: #3b82f6 !important;
    color: #60a5fa !important;
    box-shadow: 0 0 10px rgba(59,130,246,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-q-step-btn.amyet-q-step--active .amyet-q-step-num {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-q-step-btn.amyet-q-step--completed {
    border-color: rgba(16,185,129,0.5) !important;
    color: #34d399 !important;
}

#amyet-dashboard-wrapper .amyet-q-step-btn.amyet-q-step--completed .amyet-q-step-num {
    background: #10b981 !important;
    color: #ffffff !important;
}

/* Cuerpo del Modal */
#amyet-dashboard-wrapper .amyet-q-body {
    padding: 1.5rem !important;
    overflow-y: auto !important;
    flex: 1 !important;
}

/* Bloque individual de preguntas */
#amyet-dashboard-wrapper .amyet-q-block-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    margin-bottom: 1.25rem !important;
    padding-bottom: 0.65rem !important;
    border-bottom: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-q-block-tag {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #60a5fa !important;
    background: rgba(59,130,246,0.15) !important;
    border: 1px solid rgba(59,130,246,0.3) !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 0.35rem !important;
    letter-spacing: 0.05em !important;
}

#amyet-dashboard-wrapper .amyet-q-block-header h3 {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Item de pregunta */
#amyet-dashboard-wrapper .amyet-q-item {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.85rem !important;
    padding: 1.15rem !important;
    margin-bottom: 1.15rem !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-q-item.amyet-q-item--answered {
    border-color: rgba(59,130,246,0.4) !important;
}

#amyet-dashboard-wrapper .amyet-q-title-wrap {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
    margin-bottom: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-q-num {
    width: 1.6rem !important;
    height: 1.6rem !important;
    border-radius: 50% !important;
    background: rgba(59,130,246,0.2) !important;
    color: #93c5fd !important;
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-q-label {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.25 !important;
}

#amyet-dashboard-wrapper .amyet-q-desc {
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    margin-top: 0.2rem !important;
    line-height: 1.4 !important;
}

/* Tarjetas de opciones didácticas (radio cards) */
#amyet-dashboard-wrapper .amyet-q-options-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.65rem !important;
}

@media (max-width: 768px) {
    #amyet-dashboard-wrapper .amyet-q-options-grid {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-q-option-card {
    cursor: pointer !important;
    display: block !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

#amyet-dashboard-wrapper .amyet-q-option-box {
    background: #0f172a !important;
    border: 1.5px solid #334155 !important;
    border-radius: 0.65rem !important;
    padding: 0.75rem 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    height: 100% !important;
    transition: all 0.2s ease !important;
}

#amyet-dashboard-wrapper .amyet-q-option-radio {
    width: 1.1rem !important;
    height: 1.1rem !important;
    border: 2px solid #475569 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-q-option-radio::after {
    content: '' !important;
    width: 0.45rem !important;
    height: 0.45rem !important;
    background: #3b82f6 !important;
    border-radius: 50% !important;
    transform: scale(0) !important;
    transition: transform 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-q-option-text {
    font-size: 0.78rem !important;
    font-weight: 500 !important;
    color: #cbd5e1 !important;
    line-height: 1.35 !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card:hover .amyet-q-option-box {
    border-color: #3b82f6 !important;
    background: #131e33 !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card input[type="radio"]:checked + .amyet-q-option-box {
    border-color: #3b82f6 !important;
    background: rgba(59,130,246,0.12) !important;
    box-shadow: 0 0 12px rgba(59,130,246,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card input[type="radio"]:checked + .amyet-q-option-box .amyet-q-option-radio {
    border-color: #3b82f6 !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card input[type="radio"]:checked + .amyet-q-option-box .amyet-q-option-radio::after {
    transform: scale(1) !important;
}

#amyet-dashboard-wrapper .amyet-q-option-card input[type="radio"]:checked + .amyet-q-option-box .amyet-q-option-text {
    color: #ffffff !important;
    font-weight: 600 !important;
}

/* Botones de acción del formulario */
#amyet-dashboard-wrapper .amyet-q-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-q-actions-right {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-left: auto !important;
}

#amyet-dashboard-wrapper .amyet-btn-glow-green {
    background: linear-gradient(135deg, #059669, #10b981) !important;
    box-shadow: 0 0 15px rgba(16,185,129,0.35) !important;
}

#amyet-dashboard-wrapper .amyet-btn-glow-green:hover {
    box-shadow: 0 0 25px rgba(16,185,129,0.55) !important;
    transform: translateY(-1px) !important;
}

/* ─────────────────────────────────────────────────────────
   VISTA DE RESUMEN DE RESPUESTAS (MODO CONSULTA)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-q-summary-card {
    background: #0f172a !important;
    border-radius: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-q-summary-header {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding-bottom: 1.25rem !important;
    margin-bottom: 1.25rem !important;
    border-bottom: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-q-success-badge {
    background: rgba(16,185,129,0.15) !important;
    border: 1px solid rgba(16,185,129,0.4) !important;
    color: #6ee7b7 !important;
    padding: 0.45rem 1rem !important;
    border-radius: 2rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 0 15px rgba(16,185,129,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-q-summary-date {
    font-size: 0.78rem !important;
    color: #94a3b8 !important;
}

#amyet-dashboard-wrapper .amyet-q-metrics-row {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.85rem !important;
    margin-bottom: 1.5rem !important;
}

@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-q-metrics-row {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-q-metric-box {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.75rem !important;
    padding: 1rem !important;
    text-align: center !important;
}

#amyet-dashboard-wrapper .amyet-q-metric-lbl {
    font-size: 0.68rem !important;
    text-transform: uppercase !important;
    color: #64748b !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    display: block !important;
    margin-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-q-metric-val {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-q-summary-subtitle {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-q-answers-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
    margin-bottom: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-q-answer-item {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 0.65rem !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-q-answer-info {
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-q-answer-title {
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    color: #e2e8f0 !important;
    margin-bottom: 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-q-answer-val {
    font-size: 0.75rem !important;
    color: #60a5fa !important;
    font-weight: 500 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-q-answer-val i {
    font-size: 0.65rem !important;
}

/* Botón Danger / Reiniciar */
#amyet-dashboard-wrapper .amyet-btn-danger {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.25rem !important;
    background: rgba(239,68,68,0.15) !important;
    color: #f87171 !important;
    border: 1px solid rgba(239,68,68,0.4) !important;
    border-radius: 0.7rem !important;
    font-weight: 600 !important;
    font-size: 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    font-family: 'Roboto', sans-serif !important;
}

#amyet-dashboard-wrapper .amyet-btn-danger:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(239,68,68,0.4) !important;
}

#amyet-dashboard-wrapper .amyet-q-summary-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    flex-wrap: wrap !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid #1e293b !important;
}

/* Modal de Confirmación de Reinicio */
#amyet-dashboard-wrapper .amyet-confirm-box {
    max-width: 460px !important;
    background: #0f172a !important;
    border: 1px solid rgba(239,68,68,0.5) !important;
    border-radius: 1.25rem !important;
    padding: 2rem !important;
    text-align: center !important;
    box-shadow: 0 0 35px rgba(239,68,68,0.3) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-confirm-icon {
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 50% !important;
    background: rgba(239,68,68,0.15) !important;
    color: #ef4444 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.75rem !important;
    border: 2px solid rgba(239,68,68,0.3) !important;
    animation: amyetPulse 1.5s infinite !important;
}

#amyet-dashboard-wrapper .amyet-confirm-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-confirm-desc {
    font-size: 0.85rem !important;
    color: #94a3b8 !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-confirm-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    margin-top: 0.5rem !important;
    width: 100% !important;
    justify-content: center !important;
}

/* ═════════════════════════════════════════════════════════
   MÓDULOS DE ANÁLISIS MULTIMEDIA (CÁMARA, CUERPO, VOZ)
═════════════════════════════════════════════════════════ */

#amyet-dashboard-wrapper .amyet-module-btn {
    cursor: pointer !important;
    position: relative !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#amyet-dashboard-wrapper .amyet-module-btn:hover {
    transform: translateY(-4px) scale(1.08) !important;
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4) !important;
    color: #60a5fa !important;
}

#amyet-dashboard-wrapper #btn-open-module-body:hover {
    border-color: #10b981 !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.4) !important;
    color: #34d399 !important;
}

#amyet-dashboard-wrapper #btn-open-module-voice:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4) !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-module-tooltip {
    position: absolute !important;
    bottom: -28px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    background: #090d16 !important;
    color: #94a3b8 !important;
    font-size: 0.65rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.2s !important;
    z-index: 10 !important;
}

#amyet-dashboard-wrapper .amyet-module-btn:hover .amyet-module-tooltip {
    opacity: 1 !important;
}

#amyet-dashboard-wrapper .amyet-module-counter {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: #3b82f6 !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #0f172a !important;
    box-shadow: 0 0 10px rgba(59, 130, 246, 0.5) !important;
}

/* Modales Multimedia */
#amyet-dashboard-wrapper .amyet-media-modal-box {
    max-width: 46rem !important;
    width: 95% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    padding: 2rem !important;
}

#amyet-dashboard-wrapper .amyet-media-header {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
    padding-bottom: 1.25rem !important;
    margin-bottom: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-media-icon-box {
    width: 3.5rem !important;
    height: 3.5rem !important;
    border-radius: 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.5rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-media-icon--blue {
    background: rgba(59,130,246,0.15) !important;
    color: #60a5fa !important;
    border: 1px solid rgba(59,130,246,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-media-icon--emerald {
    background: rgba(16,185,129,0.15) !important;
    color: #34d399 !important;
    border: 1px solid rgba(16,185,129,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-media-icon--purple {
    background: rgba(168,85,247,0.15) !important;
    color: #c084fc !important;
    border: 1px solid rgba(168,85,247,0.3) !important;
}

#amyet-dashboard-wrapper .amyet-media-badge {
    display: inline-block !important;
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #60a5fa !important;
    background: rgba(59,130,246,0.1) !important;
    border: 1px solid rgba(59,130,246,0.25) !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 9999px !important;
    margin-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-media-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

#amyet-dashboard-wrapper .amyet-media-sub {
    font-size: 0.8rem !important;
    color: #94a3b8 !important;
    margin-top: 0.25rem !important;
}

/* Dropzone */
#amyet-dashboard-wrapper .amyet-dropzone {
    border: 2px dashed rgba(255,255,255,0.18) !important;
    border-radius: 1rem !important;
    background: rgba(15,23,42,0.6) !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-dropzone:hover,
#amyet-dashboard-wrapper .amyet-dropzone.amyet-dropzone--active {
    border-color: #3b82f6 !important;
    background: rgba(59,130,246,0.06) !important;
    box-shadow: 0 0 25px rgba(59,130,246,0.2) !important;
}

#amyet-dashboard-wrapper .amyet-file-input {
    position: absolute !important;
    inset: 0 !important;
    opacity: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
    height: 100% !important;
}

#amyet-dashboard-wrapper .amyet-dropzone-inner {
    pointer-events: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-dropzone-icon {
    font-size: 2.5rem !important;
    color: #60a5fa !important;
    margin-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-dropzone h4 {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    color: #f8fafc !important;
}

#amyet-dashboard-wrapper .amyet-dropzone p {
    font-size: 0.8rem !important;
    color: #64748b !important;
}

#amyet-dashboard-wrapper .amyet-dropzone-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    background: #2563eb !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    padding: 0.45rem 1rem !important;
    border-radius: 0.5rem !important;
    margin-top: 0.5rem !important;
    box-shadow: 0 0 15px rgba(37,99,235,0.35) !important;
}

/* Preview con Escáner IA */
#amyet-dashboard-wrapper .amyet-preview-wrap {
    margin-top: 1.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-preview-box {
    position: relative !important;
    width: 100% !important;
    max-width: 22rem !important;
    height: 16rem !important;
    border-radius: 1rem !important;
    overflow: hidden !important;
    border: 2px solid #3b82f6 !important;
    box-shadow: 0 0 25px rgba(59,130,246,0.3) !important;
    background: #020617 !important;
}

#amyet-dashboard-wrapper .amyet-preview-box img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-scan-overlay {
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
}

#amyet-dashboard-wrapper .amyet-scan-laser {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(to bottom, rgba(59,130,246,0), #60a5fa) !important;
    box-shadow: 0 0 15px #60a5fa !important;
    animation: amyetLaserScan 2s infinite alternate ease-in-out !important;
}

@keyframes amyetLaserScan {
    0%   { top: 5%; }
    100% { top: 92%; }
}

#amyet-dashboard-wrapper .amyet-scan-tag {
    position: absolute !important;
    bottom: 0.75rem !important;
    left: 0.75rem !important;
    background: rgba(15,23,42,0.85) !important;
    border: 1px solid rgba(59,130,246,0.4) !important;
    color: #93c5fd !important;
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.5rem !important;
    border-radius: 0.35rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
    backdrop-filter: blur(4px) !important;
}

#amyet-dashboard-wrapper .amyet-preview-actions {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    width: 100% !important;
    justify-content: center !important;
}

/* Galería de Medios */
#amyet-dashboard-wrapper .amyet-media-gallery-section {
    margin-top: 1.75rem !important;
    border-top: 1px solid rgba(255,255,255,0.08) !important;
    padding-top: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-gallery-header h4 {
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    color: #cbd5e1 !important;
    margin-bottom: 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-media-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-media-item {
    position: relative !important;
    border-radius: 0.75rem !important;
    overflow: hidden !important;
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    aspect-ratio: 1 / 1 !important;
    group: relative !important;
    transition: transform 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-media-item:hover {
    transform: scale(1.03) !important;
    border-color: #3b82f6 !important;
}

#amyet-dashboard-wrapper .amyet-media-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-media-item-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(15,23,42,0.85) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.4rem !important;
    opacity: 0 !important;
    transition: opacity 0.2s !important;
    padding: 0.5rem !important;
    text-align: center !important;
}

#amyet-dashboard-wrapper .amyet-media-item:hover .amyet-media-item-overlay {
    opacity: 1 !important;
}

#amyet-dashboard-wrapper .amyet-media-item-date {
    font-size: 0.65rem !important;
    color: #94a3b8 !important;
}

#amyet-dashboard-wrapper .amyet-btn-del-media {
    background: rgba(239,68,68,0.2) !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239,68,68,0.4) !important;
    padding: 0.25rem 0.6rem !important;
    border-radius: 0.35rem !important;
    font-size: 0.7rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-btn-del-media:hover {
    background: #ef4444 !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-media-empty {
    grid-column: 1 / -1 !important;
    text-align: center !important;
    padding: 1.5rem !important;
    color: #64748b !important;
    font-size: 0.85rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-media-empty i {
    font-size: 1.75rem !important;
    color: #475569 !important;
}

/* Grabador de Voz */
#amyet-dashboard-wrapper .amyet-voice-recorder-card {
    background: rgba(15,23,42,0.7) !important;
    border: 1px solid rgba(168,85,247,0.3) !important;
    border-radius: 1rem !important;
    padding: 1.5rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-audio-wave {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.35rem !important;
    height: 3rem !important;
}

#amyet-dashboard-wrapper .amyet-wave-bar {
    width: 4px !important;
    height: 12px !important;
    background: #a855f7 !important;
    border-radius: 2px !important;
    transition: height 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar {
    animation: amyetWaveAnim 1s infinite alternate ease-in-out !important;
}

#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(1) { animation-delay: 0.1s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(2) { animation-delay: 0.3s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(3) { animation-delay: 0.5s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(4) { animation-delay: 0.2s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(5) { animation-delay: 0.4s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(6) { animation-delay: 0.6s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(7) { animation-delay: 0.2s; }
#amyet-dashboard-wrapper .amyet-voice-recording .amyet-wave-bar:nth-child(8) { animation-delay: 0.5s; }

@keyframes amyetWaveAnim {
    0%   { height: 8px;   background: #a855f7; }
    50%  { height: 38px;  background: #c084fc; }
    100% { height: 14px;  background: #7e22ce; }
}

#amyet-dashboard-wrapper .amyet-voice-timer {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    letter-spacing: 0.05em !important;
}

#amyet-dashboard-wrapper .amyet-voice-status {
    font-size: 0.8rem !important;
    color: #94a3b8 !important;
}

#amyet-dashboard-wrapper .amyet-btn-mic {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.6rem !important;
    background: #7c3aed !important;
    color: #ffffff !important;
    border: none !important;
    padding: 0.75rem 1.75rem !important;
    border-radius: 9999px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 0 25px rgba(124,58,237,0.45) !important;
    transition: all 0.3s !important;
}

#amyet-dashboard-wrapper .amyet-btn-mic:hover {
    background: #6d28d9 !important;
    transform: scale(1.04) !important;
}

#amyet-dashboard-wrapper .amyet-btn-mic.amyet-btn-mic--recording {
    background: #dc2626 !important;
    box-shadow: 0 0 30px rgba(220,38,38,0.6) !important;
    animation: amyetPulse 1.2s infinite !important;
}

#amyet-dashboard-wrapper .amyet-voice-item {
    background: #1e293b !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 0.75rem !important;
    padding: 0.75rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-bottom: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-voice-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-voice-title {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: #f1f5f9 !important;
}

#amyet-dashboard-wrapper .amyet-voice-meta {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
}

/* ─────────────────────────────────────────────────────────
   FASE 2: CABINA CLÍNICA & PRESUPUESTO 4X4 (TABLERO 2X2)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-cabina-card {
    background: #0b1120 !important;
    border: 2.5px solid #14b8a6 !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.7), 0 0 30px rgba(20,184,166,0.35) !important;
    border-radius: 1.5rem !important;
    padding: 1.75rem 2.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-header-row {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 2px solid rgba(20, 184, 166, 0.3) !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0.5rem !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-header-row {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-header-main {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-color-teal {
    color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-f2-sync-badge {
    align-self: flex-start !important;
    background: rgba(4, 47, 46, 0.6) !important;
    border: 1.5px solid #14b8a6 !important;
    color: #2dd4bf !important;
    padding: 0.35rem 0.85rem !important;
    border-radius: 0.6rem !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-sync-badge {
        align-self: center !important;
    }
}

/* Grid 2x2 Principal Amplio */
#amyet-dashboard-wrapper .amyet-f2-grid-2x2,
#amyet-dashboard-wrapper .amyet-cabina-grid-2x2 {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
    margin: 0.5rem 0 !important;
}

@media (min-width: 768px) {
    #amyet-dashboard-wrapper .amyet-f2-grid-2x2,
    #amyet-dashboard-wrapper .amyet-cabina-grid-2x2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-action-card-2x2 {
    background: #131b2e !important;
    border: 2px solid #334155 !important;
    border-radius: 1.15rem !important;
    padding: 1.25rem 1.5rem !important;
    cursor: pointer !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    min-height: 5.5rem !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2:hover {
    background: #1a253d !important;
    border-color: #14b8a6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(20, 184, 166, 0.35) !important;
}

/* ── Tarjetas 2x2 Completadas por Fase ── */
/* Fase 2 (Verde / Emerald) */
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed,
#amyet-dashboard-wrapper .amyet-action-card-2x2--f2.amyet-action-card-2x2--completed,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-green {
    border: 2px solid #10b981 !important;
    background: linear-gradient(145deg, #131b2e 0%, rgba(16, 185, 129, 0.12) 100%) !important;
    box-shadow: 0 0 20px rgba(16, 185, 129, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--completed:hover,
#amyet-dashboard-wrapper .amyet-action-card-2x2--f2.amyet-action-card-2x2--completed:hover,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-green:hover {
    border-color: #34d399 !important;
    box-shadow: 0 8px 28px rgba(16, 185, 129, 0.45) !important;
}

/* Fase 3 (Amarillo / Dorado / Amber) */
#amyet-dashboard-wrapper .amyet-action-card-2x2--f3.amyet-action-card-2x2--completed,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-yellow {
    border: 2px solid #f59e0b !important;
    background: linear-gradient(145deg, #131b2e 0%, rgba(245, 158, 11, 0.14) 100%) !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.28) !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f3.amyet-action-card-2x2--completed:hover,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-yellow:hover {
    border-color: #fbbf24 !important;
    box-shadow: 0 8px 28px rgba(245, 158, 11, 0.45) !important;
}

/* Fase 4 (Púrpura / Violeta / Purple) */
#amyet-dashboard-wrapper .amyet-action-card-2x2--f4.amyet-action-card-2x2--completed,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-purple {
    border: 2px solid #a855f7 !important;
    background: linear-gradient(145deg, #131b2e 0%, rgba(168, 85, 247, 0.14) 100%) !important;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.28) !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f4.amyet-action-card-2x2--completed:hover,
#amyet-dashboard-wrapper .amyet-action-card-2x2--completed-purple:hover {
    border-color: #c084fc !important;
    box-shadow: 0 8px 28px rgba(168, 85, 247, 0.45) !important;
}

/* ── Píldoras de Estado Completado por Fase ── */
#amyet-dashboard-wrapper .amyet-f2-card-pill--completed {
    background: rgba(16, 185, 129, 0.2) !important;
    border: 1px solid #10b981 !important;
    color: #34d399 !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-card-pill--completed {
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid #f59e0b !important;
    color: #fbbf24 !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-pill--completed {
    background: rgba(168, 85, 247, 0.2) !important;
    border: 1px solid #a855f7 !important;
    color: #c084fc !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

/* ── Badges de Sincronización Superior por Fase ── */
#amyet-dashboard-wrapper .amyet-f2-sync-badge--active {
    background: rgba(16, 185, 129, 0.2) !important;
    border: 1px solid #10b981 !important;
    color: #34d399 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f3-sync-badge--active {
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid #f59e0b !important;
    color: #fbbf24 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f4-sync-badge--active {
    background: rgba(168, 85, 247, 0.2) !important;
    border: 1px solid #a855f7 !important;
    color: #c084fc !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-icon-box {
    width: 2.75rem !important;
    height: 2.75rem !important;
    background: rgba(30, 41, 59, 0.9) !important;
    border: 1.5px solid #475569 !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.2rem !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-f2-icon-box--teal    { color: #2dd4bf !important; }
#amyet-dashboard-wrapper .amyet-f2-icon-box--amber   { color: #fbbf24 !important; }
#amyet-dashboard-wrapper .amyet-f2-icon-box--emerald { color: #34d399 !important; }
#amyet-dashboard-wrapper .amyet-f2-icon-box--purple  { color: #c084fc !important; }

#amyet-dashboard-wrapper .amyet-f2-badge-count {
    position: absolute !important;
    top: -0.35rem !important;
    right: -0.35rem !important;
    background: #f59e0b !important;
    color: #090d16 !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    padding: 0.25rem 0.65rem !important;
    border-radius: 9999px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill--teal {
    background: rgba(20, 184, 166, 0.2) !important;
    border: 1.5px solid #14b8a6 !important;
    color: #2dd4bf !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill--amber {
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1.5px solid #f59e0b !important;
    color: #fbbf24 !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill--emerald {
    background: rgba(16, 185, 129, 0.2) !important;
    border: 1.5px solid #10b981 !important;
    color: #34d399 !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill--purple {
    background: rgba(168, 85, 247, 0.2) !important;
    border: 1.5px solid #a855f7 !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-content {
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-desc {
    font-size: 0.82rem !important;
    color: #94a3b8 !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-bottom {
    padding-top: 0.65rem !important;
    border-top: 1.5px solid rgba(51, 65, 85, 0.8) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
}

/* Barra Inferior */
#amyet-dashboard-wrapper .amyet-f2-footer-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 2px solid rgba(51, 65, 85, 0.8) !important;
    padding-top: 1.25rem !important;
    margin-top: 0.5rem !important;
    gap: 1rem !important;
    flex-shrink: 0 !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-footer-bar {
        flex-direction: row !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-bio-group {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-bio-label {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    font-weight: 700 !important;
    margin-right: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #151f33 !important;
    border: 1.5px solid #24324f !important;
    color: #94a3b8 !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    position: relative !important;
    font-size: 1.1rem !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn:hover {
    color: #ffffff !important;
    border-color: #14b8a6 !important;
    background: #1e2c47 !important;
    transform: scale(1.08) !important;
    box-shadow: 0 0 16px rgba(20, 184, 166, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn.has-data .amyet-bio-pulse-dot {
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 10px !important;
    height: 10px !important;
    background: #14b8a6 !important;
    border: 2px solid #0b1120 !important;
    border-radius: 50% !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-f2-actions-group {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    width: 100% !important;
    justify-content: flex-end !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-actions-group {
        width: auto !important;
    }
}

#amyet-dashboard-wrapper .amyet-btn-consent-pdf {
    background: #131b2e !important;
    border: 1px solid rgba(20, 184, 166, 0.6) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 0.75rem !important;
    transition: all 0.2s !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.82rem !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-btn-consent-pdf:hover {
    background: #1e293b !important;
    border-color: #14b8a6 !important;
    box-shadow: 0 0 15px rgba(20, 184, 166, 0.3) !important;
    transform: translateY(-1px) !important;
}

/* ─────────────────────────────────────────────────────────
   MODALES DE LA FASE 2
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-f2-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99990 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal--top-z {
    z-index: 99995 !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-card {
    background: rgba(11, 17, 32, 0.98) !important;
    border: 1px solid #334155 !important;
    border-radius: 1.25rem !important;
    width: 100% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    position: relative !important;
    z-index: 10 !important;
    box-shadow: 0 25px 60px rgba(0,0,0,0.8) !important;
    display: flex !important;
    flex-direction: column !important;
    animation: amyetFadeInUp 0.25s ease-out forwards !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-card--md { max-width: 720px !important; }
#amyet-dashboard-wrapper .amyet-f2-modal-card--lg { max-width: 1120px !important; width: 94vw !important; }
#amyet-dashboard-wrapper .amyet-f2-modal-card--xl { max-width: 1160px !important; width: 95vw !important; }
#amyet-dashboard-wrapper .amyet-f2-modal-card--glow-teal { border-color: rgba(20, 184, 166, 0.6) !important; box-shadow: 0 0 50px rgba(20, 184, 166, 0.25) !important; }

#amyet-dashboard-wrapper .amyet-f2-modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 1.25rem 1.5rem !important;
    border-bottom: 1px solid #1e293b !important;
    position: sticky !important;
    top: 0 !important;
    background: #0b1120 !important;
    z-index: 20 !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-header-info {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-icon-badge {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 0.65rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f2-icon-badge--teal   { background: rgba(4, 47, 46, 0.6) !important; color: #2dd4bf !important; }
#amyet-dashboard-wrapper .amyet-f2-icon-badge--amber  { background: rgba(69, 26, 3, 0.6) !important; color: #fbbf24 !important; }
#amyet-dashboard-wrapper .amyet-f2-icon-badge--purple { background: rgba(59, 7, 100, 0.6) !important; color: #c084fc !important; }

#amyet-dashboard-wrapper .amyet-f2-modal-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-sub {
    font-size: 0.68rem !important;
    color: #94a3b8 !important;
    margin-top: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-close {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 1.15rem !important;
    width: 2rem !important;
    height: 2rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-close:hover {
    color: #ffffff !important;
    background: #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-body {
    padding: 1.5rem !important;
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-footer {
    padding: 1rem 1.5rem !important;
    border-top: 1px solid #1e293b !important;
    background: #0b1120 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-modal-footer--between {
    justify-content: space-between !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-primary {
    background: #0d9488 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.6rem 1.5rem !important;
    border-radius: 0.65rem !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0.82rem !important;
    transition: all 0.2s !important;
    box-shadow: 0 0 15px rgba(20, 184, 166, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-primary:hover {
    background: #14b8a6 !important;
    box-shadow: 0 0 25px rgba(20, 184, 166, 0.5) !important;
    transform: translateY(-1px) !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-purple {
    background: #9333ea !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.6rem 1.5rem !important;
    border-radius: 0.65rem !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 0.82rem !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-purple:hover {
    background: #a855f7 !important;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-cancel {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 0.8rem !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-f2-btn-cancel:hover {
    color: #ffffff !important;
}

/* Gráficos y Estadísticas de Tricoscopia */
#amyet-dashboard-wrapper .amyet-f2-grid-2col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1.25rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-grid-2col {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-stat-card {
    background: #131b2e !important;
    padding: 1.25rem !important;
    border-radius: 0.85rem !important;
    border: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-card--flex {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-label {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-val {
    font-weight: 700 !important;
    font-size: 0.82rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-heading {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.15rem !important;
    font-weight: 700 !important;
    margin: 0.2rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-f2-stat-desc {
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    margin-top: 0.5rem !important;
    line-height: 1.4 !important;
}

#amyet-dashboard-wrapper .amyet-f2-svg-wrap {
    width: 100% !important;
    height: 6rem !important;
    position: relative !important;
    display: flex !important;
    align-items: flex-end !important;
}

#amyet-dashboard-wrapper .amyet-f2-line-svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
}

#amyet-dashboard-wrapper .amyet-f2-bars-wrap {
    width: 100% !important;
    height: 6rem !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 0.65rem !important;
    padding: 0 0.85rem 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-bar {
    width: 20% !important;
    border-radius: 4px 4px 0 0 !important;
}

#amyet-dashboard-wrapper .amyet-f2-bar--teal        { background: #0d9488 !important; }
#amyet-dashboard-wrapper .amyet-f2-bar--bright-teal { background: #14b8a6 !important; }
#amyet-dashboard-wrapper .amyet-f2-bar--slate       { background: #334155 !important; }
#amyet-dashboard-wrapper .amyet-f2-bar--cyan        { background: #22d3ee !important; }

#amyet-dashboard-wrapper .amyet-f2-icon-circle {
    width: 4rem !important;
    height: 4rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-icon-circle--amber {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #fbbf24 !important;
}

#amyet-dashboard-wrapper .amyet-f2-donut-circle {
    width: 4rem !important;
    height: 4rem !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-f2-donut-svg {
    width: 100% !important;
    height: 100% !important;
    transform: rotate(-90deg) !important;
}

#amyet-dashboard-wrapper .amyet-donut-bg { stroke: #334155 !important; }
#amyet-dashboard-wrapper .amyet-donut-fill { stroke: #14b8a6 !important; }

#amyet-dashboard-wrapper .amyet-f2-donut-text {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* ─────────────────────────────────────────────────────────
   1. Gráfica Zonal de Densidad Folicular (Occipital vs Frontal vs Vértex)
   ───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-zonal-density-bars,
#amyet-dashboard-wrapper .amyet-tensegrity-bars {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.6rem !important;
    margin: 0.6rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.72rem !important;
    color: #cbd5e1 !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-meta span i {
    margin-right: 0.35rem !important;
    font-size: 0.75rem !important;
    opacity: 0.8 !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-meta strong {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-track {
    width: 100% !important;
    height: 0.55rem !important;
    background: rgba(15, 23, 42, 0.8) !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    border: 1px solid rgba(51, 65, 85, 0.6) !important;
}

#amyet-dashboard-wrapper .amyet-zonal-bar-fill {
    height: 100% !important;
    border-radius: 9999px !important;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#amyet-dashboard-wrapper .amyet-bg-gradient-blue   { background: linear-gradient(90deg, #2563eb, #38bdf8) !important; box-shadow: 0 0 10px rgba(56, 189, 248, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-cyan   { background: linear-gradient(90deg, #0284c7, #22d3ee) !important; box-shadow: 0 0 10px rgba(34, 211, 238, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-teal   { background: linear-gradient(90deg, #0d9488, #2dd4bf) !important; box-shadow: 0 0 10px rgba(45, 212, 191, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-green  { background: linear-gradient(90deg, #059669, #34d399) !important; box-shadow: 0 0 10px rgba(52, 211, 153, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-amber  { background: linear-gradient(90deg, #d97706, #fbbf24) !important; box-shadow: 0 0 10px rgba(251, 191, 36, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-purple { background: linear-gradient(90deg, #7c3aed, #c084fc) !important; box-shadow: 0 0 10px rgba(192, 132, 252, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-bg-gradient-red    { background: linear-gradient(90deg, #dc2626, #f87171) !important; box-shadow: 0 0 10px rgba(248, 113, 113, 0.4) !important; }

/* ─────────────────────────────────────────────────────────
   2. Gráfica de Miniaturización Trikos (Donut & Leyenda)
   ───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-miniaturization-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 1.25rem !important;
    margin: 0.6rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-miniaturization-donut {
    width: 4.8rem !important;
    height: 4.8rem !important;
    position: relative !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-mini-center-pill {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

#amyet-dashboard-wrapper .amyet-mini-pct {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: #fbbf24 !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-mini-lbl {
    font-size: 0.6rem !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

#amyet-dashboard-wrapper .amyet-mini-legend {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-mini-legend-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.72rem !important;
    color: #cbd5e1 !important;
}

#amyet-dashboard-wrapper .amyet-mini-legend-item > div {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    align-items: center !important;
}

#amyet-dashboard-wrapper .amyet-legend-dot {
    width: 0.6rem !important;
    height: 0.6rem !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-dot-terminal   { background: #2dd4bf !important; box-shadow: 0 0 6px rgba(45, 212, 191, 0.6) !important; }
#amyet-dashboard-wrapper .amyet-dot-intermedio { background: #38bdf8 !important; box-shadow: 0 0 6px rgba(56, 189, 248, 0.6) !important; }
#amyet-dashboard-wrapper .amyet-dot-vello       { background: #f87171 !important; box-shadow: 0 0 6px rgba(248, 113, 113, 0.6) !important; }

/* ─────────────────────────────────────────────────────────
   3. Medidor & Desglose de Microinflamación (Inflammaging)
   ───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-inflam-scale-wrap {
    margin: 0.6rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-inflam-bar-track {
    width: 100% !important;
    height: 0.75rem !important;
    background: #0f172a !important;
    border-radius: 9999px !important;
    display: flex !important;
    overflow: visible !important;
    position: relative !important;
    border: 1px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-inflam-segment {
    flex: 1 !important;
    height: 100% !important;
}

#amyet-dashboard-wrapper .amyet-seg-1 { background: #10b981 !important; border-radius: 9999px 0 0 9999px !important; }
#amyet-dashboard-wrapper .amyet-seg-2 { background: #f59e0b !important; }
#amyet-dashboard-wrapper .amyet-seg-3 { background: #ea580c !important; }
#amyet-dashboard-wrapper .amyet-seg-4 { background: #dc2626 !important; border-radius: 0 9999px 9999px 0 !important; }

#amyet-dashboard-wrapper .amyet-inflam-pin {
    position: absolute !important;
    top: -0.3rem !important;
    width: 0.65rem !important;
    height: 1.35rem !important;
    background: #ffffff !important;
    border: 2px solid #090d16 !important;
    border-radius: 9999px !important;
    transform: translateX(-50%) !important;
    box-shadow: 0 0 8px rgba(255, 255, 255, 0.9) !important;
    transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
    z-index: 2 !important;
}

#amyet-dashboard-wrapper .amyet-inflam-scale-labels {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 0.62rem !important;
    color: #64748b !important;
    font-weight: 700 !important;
    margin-top: 0.2rem !important;
    padding: 0 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-inflam-factors-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.4rem !important;
    margin: 0.5rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-inflam-f-chip {
    background: rgba(15, 23, 42, 0.7) !important;
    border: 1px solid rgba(51, 65, 85, 0.7) !important;
    border-radius: 0.5rem !important;
    padding: 0.35rem 0.55rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.68rem !important;
    color: #cbd5e1 !important;
}

#amyet-dashboard-wrapper .amyet-inflam-f-chip strong {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #fbbf24 !important;
}

/* Modal Técnicas Grid */
#amyet-dashboard-wrapper .amyet-f2-tecnicas-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-tecnicas-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (min-width: 1024px) {
    #amyet-dashboard-wrapper .amyet-f2-tecnicas-grid {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-tech-card {
    background: #131b2e !important;
    border: 1px solid #334155 !important;
    border-radius: 0.85rem !important;
    padding: 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-f2-cb-wrap {
    position: absolute !important;
    top: 0.65rem !important;
    left: 0.65rem !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-service-cb {
    width: 1.1rem !important;
    height: 1.1rem !important;
    cursor: pointer !important;
    accent-color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-f2-tech-icon {
    width: 3rem !important;
    height: 3rem !important;
    border-radius: 50% !important;
    background: #1e293b !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.35rem !important;
    color: #cbd5e1 !important;
    margin: 0.75rem 0 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-tech-title {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-tech-switch-row {
    width: 100% !important;
    padding-top: 0.65rem !important;
    border-top: 1px solid #1e293b !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

#amyet-dashboard-wrapper .amyet-f2-switch-label {
    font-size: 0.62rem !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    margin-bottom: 0.25rem !important;
}

/* Toggle Switches */
#amyet-dashboard-wrapper .amyet-f2-toggle {
    position: relative !important;
    display: inline-block !important;
    width: 42px !important;
    height: 22px !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-f2-toggle input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f2-toggle-slider {
    position: absolute !important;
    cursor: pointer !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ef4444 !important;
    transition: .25s !important;
    border-radius: 34px !important;
}

#amyet-dashboard-wrapper .amyet-f2-toggle-slider:before {
    position: absolute !important;
    content: "" !important;
    height: 16px !important;
    width: 16px !important;
    left: 3px !important;
    bottom: 3px !important;
    background-color: white !important;
    transition: .25s !important;
    border-radius: 50% !important;
}

#amyet-dashboard-wrapper .amyet-f2-toggle input:checked + .amyet-f2-toggle-slider {
    background-color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-f2-toggle input:checked + .amyet-f2-toggle-slider:before {
    transform: translateX(20px) !important;
}

/* Plan Financiero Form Inputs */
#amyet-dashboard-wrapper .amyet-f2-input-label {
    display: block !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    color: #cbd5e1 !important;
    text-transform: uppercase !important;
    margin-bottom: 0.4rem !important;
    letter-spacing: 0.04em !important;
}

#amyet-dashboard-wrapper .amyet-f2-pack-buttons {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-pack-btn {
    background: #131b2e !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.55rem 0.25rem !important;
    border-radius: 0.6rem !important;
    font-size: 0.75rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    text-align: center !important;
}

#amyet-dashboard-wrapper .amyet-pack-btn:hover {
    border-color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-pack-btn--active {
    background: rgba(13, 148, 136, 0.3) !important;
    border-color: #14b8a6 !important;
    color: #5eead4 !important;
}

#amyet-dashboard-wrapper .amyet-f2-counter-wrap {
    display: flex !important;
    align-items: center !important;
    background: #131b2e !important;
    border: 1px solid #334155 !important;
    border-radius: 0.6rem !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-counter-btn {
    padding: 0.55rem 0.85rem !important;
    background: #1e293b !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border: none !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-counter-btn:hover {
    background: #334155 !important;
}

#amyet-dashboard-wrapper .amyet-counter-input {
    width: 100% !important;
    background: transparent !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    border: none !important;
    outline: none !important;
}

#amyet-dashboard-wrapper .amyet-f2-grid-3col {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-grid-3col {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-input,
#amyet-dashboard-wrapper .amyet-f2-select,
#amyet-dashboard-wrapper .amyet-f2-textarea {
    width: 100% !important;
    background: #131b2e !important;
    border: 1px solid #334155 !important;
    border-radius: 0.6rem !important;
    padding: 0.55rem 0.85rem !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    outline: none !important;
    transition: border 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-f2-input:focus,
#amyet-dashboard-wrapper .amyet-f2-select:focus,
#amyet-dashboard-wrapper .amyet-f2-textarea:focus {
    border-color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-f2-textarea {
    font-weight: 400 !important;
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-f2-extras-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.65rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f2-extras-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-f2-extra-item {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    background: #131b2e !important;
    border: 1px solid #334155 !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.65rem !important;
    cursor: pointer !important;
    transition: border 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-f2-extra-item:hover {
    border-color: #64748b !important;
}

#amyet-dashboard-wrapper .amyet-extra-service-cb {
    width: 1.05rem !important;
    height: 1.05rem !important;
    accent-color: #14b8a6 !important;
}

#amyet-dashboard-wrapper .amyet-f2-extra-text {
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-f2-extra-title {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.78rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-f2-extra-sub {
    color: #94a3b8 !important;
    font-size: 0.68rem !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-f2-extra-price {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    color: #2dd4bf !important;
}

#amyet-dashboard-wrapper .amyet-f2-summary-box {
    background: #0b1120 !important;
    border: 1px solid #1e293b !important;
    padding: 1rem 1.25rem !important;
    border-radius: 0.85rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
    font-size: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f2-summary-row {
    display: flex !important;
    justify-content: space-between !important;
    color: #94a3b8 !important;
}

#amyet-dashboard-wrapper .amyet-f2-val-white {
    color: #ffffff !important;
    font-weight: 600 !important;
}

#amyet-dashboard-wrapper .amyet-f2-summary-total {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding-top: 0.65rem !important;
    margin-top: 0.25rem !important;
    border-top: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-f2-total-val {
    font-size: 1.1rem !important;
}

/* Modal Consentimiento Digital Imprimible */
#amyet-dashboard-wrapper .amyet-consent-printable {
    background: rgba(15, 23, 42, 0.95) !important;
    color: #cbd5e1 !important;
    font-size: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-doc-header {
    border-bottom: 1px solid #334155 !important;
    padding-bottom: 1rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

#amyet-dashboard-wrapper .amyet-consent-brand {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
}

#amyet-dashboard-wrapper .amyet-consent-sub {
    font-size: 0.68rem !important;
    color: #94a3b8 !important;
    margin-top: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-meta {
    text-align: right !important;
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-val-bold {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-consent-actors-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-consent-actors-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-consent-actor-box {
    background: #131b2e !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid #1e293b !important;
    color: #cbd5e1 !important;
    line-height: 1.6 !important;
}

#amyet-dashboard-wrapper .amyet-consent-actor-label {
    font-size: 0.65rem !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-sec-title {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.75rem !important;
    margin-bottom: 0.5rem !important;
    color: #2dd4bf !important;
    border-bottom: 1px solid #1e293b !important;
    padding-bottom: 0.3rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-diag-text {
    margin-bottom: 0.65rem !important;
    color: #cbd5e1 !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-consent-tech-box {
    background: #131b2e !important;
    padding: 0.85rem !important;
    border-radius: 0.65rem !important;
    border: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-consent-tech-box-title {
    color: #ffffff !important;
    display: block !important;
    margin-bottom: 0.35rem !important;
    font-size: 0.72rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-list {
    list-style: disc !important;
    list-style-position: inside !important;
    color: #cbd5e1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-finance-box {
    background: #131b2e !important;
    padding: 1rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid #1e293b !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-fin-row {
    display: flex !important;
    justify-content: space-between !important;
}

#amyet-dashboard-wrapper .amyet-consent-fin-total {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-consent-total-val {
    font-size: 1.15rem !important;
}

#amyet-dashboard-wrapper .amyet-consent-legal {
    font-size: 0.68rem !important;
    color: #94a3b8 !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-consent-signatures-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 1rem !important;
    padding-top: 0.5rem !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-consent-signatures-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-signature-label {
    font-size: 0.65rem !important;
    color: #94a3b8 !important;
    display: block !important;
    margin-bottom: 0.35rem !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-signature-pad-wrap {
    background: #020617 !important;
    border: 1px solid #334155 !important;
    border-radius: 0.65rem !important;
    height: 6rem !important;
    position: relative !important;
}

#amyet-dashboard-wrapper .amyet-signature-canvas {
    width: 100% !important;
    height: 100% !important;
    cursor: crosshair !important;
}

#amyet-dashboard-wrapper .amyet-btn-clear-sig {
    position: absolute !important;
    bottom: 0.35rem !important;
    right: 0.35rem !important;
    font-size: 0.6rem !important;
    color: #94a3b8 !important;
    background: #1e293b !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 0.35rem !important;
    border: none !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-btn-clear-sig:hover {
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-signature-stamp-box {
    background: rgba(2, 6, 23, 0.5) !important;
    border: 1px solid #1e293b !important;
    border-radius: 0.65rem !important;
    height: 6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-stamp-text {
    font-size: 0.72rem !important;
    color: #2dd4bf !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-stamp-sub {
    color: #64748b !important;
    font-weight: 400 !important;
    font-size: 0.62rem !important;
}

/* Modal Upselling de Cursos Denova (CEO) */
#amyet-dashboard-wrapper .amyet-f2-modal-card--course {
    max-width: 440px !important;
    background: linear-gradient(180deg, #0e1626 0%, #070b14 100%) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    box-shadow: 0 0 50px rgba(245, 158, 11, 0.25) !important;
    border-radius: 1.5rem !important;
    align-items: center !important;
    text-align: center !important;
    padding: 2rem 1.75rem !important;
}

#amyet-dashboard-wrapper .amyet-course-icon-circle {
    width: 4rem !important;
    height: 4rem !important;
    background: rgba(120, 53, 15, 0.3) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 1rem !important;
    color: #fbbf24 !important;
    font-size: 1.85rem !important;
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-course-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 0.4rem !important;
    text-transform: uppercase !important;
}

#amyet-dashboard-wrapper .amyet-course-desc {
    color: #cbd5e1 !important;
    margin-bottom: 1.25rem !important;
    font-size: 0.78rem !important;
    line-height: 1.5 !important;
}

#amyet-dashboard-wrapper .amyet-course-cert-box {
    background: rgba(0, 0, 0, 0.45) !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1rem !important;
    border: 1px solid #1e293b !important;
    width: 100% !important;
    margin-bottom: 1.5rem !important;
    text-align: left !important;
}

#amyet-dashboard-wrapper .amyet-course-cert-title {
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 0.78rem !important;
    margin-bottom: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-course-cert-list {
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-course-actions {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

#amyet-dashboard-wrapper .amyet-btn-course-gold {
    width: 100% !important;
    background: linear-gradient(to right, #f59e0b, #ea580c) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.7rem 1rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.78rem !important;
    border: none !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.3) !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-btn-course-gold:hover {
    background: linear-gradient(to right, #fbbf24, #f97316) !important;
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.5) !important;
    transform: translateY(-1px) !important;
}

#amyet-dashboard-wrapper .amyet-btn-course-dismiss {
    width: 100% !important;
    font-size: 0.75rem !important;
    color: #64748b !important;
    background: transparent !important;
    border: none !important;
    padding: 0.35rem !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-btn-course-dismiss:hover {
    color: #cbd5e1 !important;
}

/* ─────────────────────────────────────────────────────────
   FASE 3: INTEGRACIÓN 4X4, VIALES DENOVA & PROTOCOLO EN CABINA
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-cabina-card--fase3 {
    background: #0b1120 !important;
    border: 2.5px solid #f59e0b !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(245, 158, 11, 0.4) !important;
    border-radius: 1.5rem !important;
    padding: 1.75rem 2.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-header-row {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 2px solid rgba(245, 158, 11, 0.3) !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0.5rem !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f4-header-row {
    display: flex !important;
    flex-direction: column !important;
    border-bottom: 2px solid rgba(168, 85, 247, 0.3) !important;
    padding-bottom: 1rem !important;
    margin-bottom: 0.5rem !important;
    gap: 0.5rem !important;
    flex-shrink: 0 !important;
}

@media (min-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f3-header-row,
    #amyet-dashboard-wrapper .amyet-f4-header-row {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
}

#amyet-dashboard-wrapper .amyet-f3-title-wrap,
#amyet-dashboard-wrapper .amyet-f4-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-giant-num {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 3.5rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #f59e0b !important;
    filter: drop-shadow(0 0 15px rgba(245, 158, 11, 0.4)) !important;
}

#amyet-dashboard-wrapper .amyet-f4-giant-num {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 3.5rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    color: #a855f7 !important;
    filter: drop-shadow(0 0 15px rgba(168, 85, 247, 0.4)) !important;
}

#amyet-dashboard-wrapper .amyet-f3-panel-title,
#amyet-dashboard-wrapper .amyet-f4-panel-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f3-panel-desc,
#amyet-dashboard-wrapper .amyet-f4-panel-desc {
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    margin-top: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-btn-autocompletar-ia {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.18) 0%, rgba(234, 88, 12, 0.25) 100%) !important;
    border: 2px solid #f59e0b !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.35) !important;
    color: #f59e0b !important;
    padding: 0.55rem 1rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#amyet-dashboard-wrapper .amyet-btn-autocompletar-ia:hover {
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.32) 0%, rgba(234, 88, 12, 0.45) 100%) !important;
    box-shadow: 0 0 25px rgba(245, 158, 11, 0.6) !important;
    transform: scale(1.03) !important;
    border-color: #fbbf24 !important;
    color: #fef3c7 !important;
}

#amyet-dashboard-wrapper .amyet-btn-ia-sync-purple {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.2) 0%, rgba(147, 51, 234, 0.3) 100%) !important;
    border: 2px solid #a855f7 !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4) !important;
    color: #d8b4fe !important;
    padding: 0.55rem 1rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

#amyet-dashboard-wrapper .amyet-btn-ia-sync-purple:hover {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.35) 0%, rgba(147, 51, 234, 0.5) 100%) !important;
    box-shadow: 0 0 25px rgba(168, 85, 247, 0.65) !important;
    transform: scale(1.03) !important;
    border-color: #c084fc !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f3 {
    border: 2px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f3:hover {
    border-color: #f59e0b !important;
    box-shadow: 0 10px 25px rgba(245, 158, 11, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f4 {
    border: 2px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-action-card-2x2--f4:hover {
    border-color: #a855f7 !important;
    box-shadow: 0 10px 25px rgba(168, 85, 247, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-f2-card-pill--amber {
    background: rgba(245, 158, 11, 0.1) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    color: #f59e0b !important;
}

#amyet-dashboard-wrapper .amyet-badge-counter-amber {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: #f59e0b !important;
    color: #020617 !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
}

#amyet-dashboard-wrapper .amyet-sequence-pill {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.4rem !important;
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    background: #111827 !important;
    padding: 0.5rem 0.85rem !important;
    border-radius: 0.75rem !important;
    border: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-sequence-label {
    font-weight: 700 !important;
    color: #e2e8f0 !important;
    text-transform: uppercase !important;
    margin-right: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-seq-tag {
    background: #1e293b !important;
    color: #f59e0b !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 0.35rem !important;
    font-weight: 700 !important;
    font-size: 0.7rem !important;
}

#amyet-dashboard-wrapper .amyet-seq-tag--active {
    background: rgba(168, 85, 247, 0.25) !important;
    border: 1px solid rgba(168, 85, 247, 0.45) !important;
    color: #d8b4fe !important;
}

#amyet-dashboard-wrapper .amyet-seq-arrow {
    font-size: 0.55rem !important;
    color: #475569 !important;
}

#amyet-dashboard-wrapper .amyet-btn-consent-pdf--amber {
    border-color: rgba(245, 158, 11, 0.6) !important;
}

/* Modales Fase 3 & 4 */
#amyet-dashboard-wrapper .amyet-f3-modal,
#amyet-dashboard-wrapper .amyet-f4-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-backdrop,
#amyet-dashboard-wrapper .amyet-f4-modal-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    backdrop-filter: blur(8px) !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-card,
#amyet-dashboard-wrapper .amyet-f4-modal-card {
    position: relative !important;
    z-index: 10 !important;
    background: rgba(11, 17, 32, 0.98) !important;
    border: 1px solid #334155 !important;
    border-radius: 1.25rem !important;
    width: 100% !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.8) !important;
    animation: modalFade 0.22s ease-out forwards !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-card--md,
#amyet-dashboard-wrapper .amyet-f4-modal-card--md { max-width: 720px !important; }

#amyet-dashboard-wrapper .amyet-f3-modal-card--lg,
#amyet-dashboard-wrapper .amyet-f4-modal-card--lg { max-width: 1120px !important; width: 94vw !important; }

#amyet-dashboard-wrapper .amyet-f3-modal-card--glow-amber {
    border-color: rgba(245, 158, 11, 0.6) !important;
    box-shadow: 0 0 50px rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f4-modal-card--glow-purple {
    border-color: rgba(168, 85, 247, 0.6) !important;
    box-shadow: 0 0 50px rgba(168, 85, 247, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-header,
#amyet-dashboard-wrapper .amyet-f4-modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 1.25rem !important;
    border-bottom: 1px solid #1e293b !important;
    position: sticky !important;
    top: 0 !important;
    background: #0b1120 !important;
    z-index: 20 !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-header-info,
#amyet-dashboard-wrapper .amyet-f4-modal-header-info {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-icon-badge,
#amyet-dashboard-wrapper .amyet-f4-icon-badge {
    width: 2.5rem !important;
    height: 2.5rem !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.15rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-icon-badge--amber {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    color: #f59e0b !important;
}

#amyet-dashboard-wrapper .amyet-f3-icon-badge--blue {
    background: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.4) !important;
    color: #60a5fa !important;
}

#amyet-dashboard-wrapper .amyet-f3-icon-badge--purple,
#amyet-dashboard-wrapper .amyet-f4-icon-badge--purple {
    background: rgba(168, 85, 247, 0.15) !important;
    border: 1px solid rgba(168, 85, 247, 0.4) !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-f4-icon-badge--teal {
    background: rgba(20, 184, 166, 0.15) !important;
    border: 1px solid rgba(20, 184, 166, 0.4) !important;
    color: #2dd4bf !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-title,
#amyet-dashboard-wrapper .amyet-f4-modal-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-sub,
#amyet-dashboard-wrapper .amyet-f4-modal-sub {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
    margin-top: 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-btn-close,
#amyet-dashboard-wrapper .amyet-f4-btn-close {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 1.1rem !important;
    cursor: pointer !important;
}

#amyet-dashboard-wrapper .amyet-f3-btn-close:hover,
#amyet-dashboard-wrapper .amyet-f4-btn-close:hover {
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-body,
#amyet-dashboard-wrapper .amyet-f4-modal-body {
    padding: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-footer,
#amyet-dashboard-wrapper .amyet-f4-modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 1rem 1.25rem !important;
    border-top: 1px solid #1e293b !important;
    background: #0b1120 !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-modal-footer--between,
#amyet-dashboard-wrapper .amyet-f4-modal-footer--between {
    justify-content: space-between !important;
}

/* Asistente IA 3 Toques */
#amyet-dashboard-wrapper .amyet-f3-step-label {
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-weight: 700 !important;
    color: #f59e0b !important;
    text-transform: uppercase !important;
    margin-bottom: 0.5rem !important;
    font-size: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-step-num {
    width: 1.25rem !important;
    height: 1.25rem !important;
    background: #f59e0b !important;
    color: #020617 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
}

#amyet-dashboard-wrapper .amyet-f3-opts-grid {
    display: grid !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-opts-grid--2col { grid-template-columns: repeat(2, 1fr) !important; }
#amyet-dashboard-wrapper .amyet-f3-opts-grid--3col { grid-template-columns: repeat(3, 1fr) !important; }

#amyet-dashboard-wrapper .amyet-q1-btn,
#amyet-dashboard-wrapper .amyet-q2-btn,
#amyet-dashboard-wrapper .amyet-q3-btn {
    background: #111827 !important;
    border: 1px solid #334155 !important;
    padding: 0.65rem !important;
    border-radius: 0.65rem !important;
    color: #cbd5e1 !important;
    font-size: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

#amyet-dashboard-wrapper .amyet-q1-btn--active,
#amyet-dashboard-wrapper .amyet-q2-btn--active,
#amyet-dashboard-wrapper .amyet-q3-btn--active {
    background: rgba(245, 158, 11, 0.2) !important;
    border-color: #f59e0b !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f3-btn-strong { display: block !important; font-weight: 700 !important; }
#amyet-dashboard-wrapper .amyet-f3-btn-sub { display: block !important; font-size: 0.65rem !important; color: #94a3b8 !important; }

#amyet-dashboard-wrapper .amyet-f3-preview-box {
    background: #0b1120 !important;
    border: 1px solid #1e293b !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-preview-title {
    font-size: 0.7rem !important;
    font-weight: 700 !important;
    color: #f59e0b !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-preview-txt { color: #ffffff !important; font-weight: 600 !important; font-size: 0.75rem !important; }
#amyet-dashboard-wrapper .amyet-f3-preview-sub { color: #94a3b8 !important; font-size: 0.72rem !important; }

#amyet-dashboard-wrapper .amyet-f3-btn-gold {
    background: linear-gradient(to right, #f59e0b, #ea580c) !important;
    color: #020617 !important;
    font-weight: 900 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.75rem !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-f4-btn-purple {
    background: linear-gradient(to right, #9333ea, #6366f1) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.75rem !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-f3-btn-cancel,
#amyet-dashboard-wrapper .amyet-f4-btn-cancel {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    font-size: 0.75rem !important;
    cursor: pointer !important;
}

/* Secuencia Cabina */
#amyet-dashboard-wrapper .amyet-f3-banner-box {
    background: linear-gradient(to right, rgba(120, 53, 15, 0.3), #0f172a) !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-banner-title {
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #f59e0b !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-banner-text { font-size: 0.72rem !important; color: #cbd5e1 !important; line-height: 1.4 !important; }

#amyet-dashboard-wrapper .amyet-f3-steps-list { display: flex !important; flex-direction: column !important; gap: 0.65rem !important; }

#amyet-dashboard-wrapper .amyet-f3-step-item {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-step-circle {
    width: 1.75rem !important;
    height: 1.75rem !important;
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    color: #f59e0b !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    font-size: 0.75rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f3-step-content { flex-grow: 1 !important; }

#amyet-dashboard-wrapper .amyet-f3-step-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-step-name { font-size: 0.75rem !important; font-weight: 700 !important; color: #ffffff !important; text-transform: uppercase !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-f3-step-time { font-size: 0.68rem !important; background: #1e293b !important; color: #f59e0b !important; font-weight: 700 !important; padding: 0.15rem 0.45rem !important; border-radius: 0.35rem !important; }
#amyet-dashboard-wrapper .amyet-f3-step-desc { font-size: 0.72rem !important; color: #94a3b8 !important; margin: 0 !important; line-height: 1.4 !important; }

/* Viales Denova Grid */
#amyet-dashboard-wrapper .amyet-f3-viales-grid,
#amyet-dashboard-wrapper .amyet-f3-equipos-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.85rem !important;
}

@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-f3-viales-grid,
    #amyet-dashboard-wrapper .amyet-f3-equipos-grid {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-f3-vial-card,
#amyet-dashboard-wrapper .amyet-f3-equipo-card {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

#amyet-dashboard-wrapper .amyet-f3-vial-top,
#amyet-dashboard-wrapper .amyet-f3-equipo-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-vial-icon {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 0.5rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.9rem !important;
}

#amyet-dashboard-wrapper .amyet-f3-vial-icon--amber { background: rgba(245, 158, 11, 0.15) !important; color: #f59e0b !important; }
#amyet-dashboard-wrapper .amyet-f3-vial-icon--teal { background: rgba(20, 184, 166, 0.15) !important; color: #2dd4bf !important; }
#amyet-dashboard-wrapper .amyet-f3-vial-icon--blue { background: rgba(59, 130, 246, 0.15) !important; color: #60a5fa !important; }
#amyet-dashboard-wrapper .amyet-f3-vial-icon--purple { background: rgba(168, 85, 247, 0.15) !important; color: #c084fc !important; }

#amyet-dashboard-wrapper .amyet-f3-vial-name,
#amyet-dashboard-wrapper .amyet-f3-equipo-title { font-size: 0.8rem !important; font-weight: 700 !important; color: #ffffff !important; margin-bottom: 0.25rem !important; }
#amyet-dashboard-wrapper .amyet-f3-vial-desc,
#amyet-dashboard-wrapper .amyet-f3-equipo-desc { font-size: 0.7rem !important; color: #94a3b8 !important; line-height: 1.35 !important; margin-bottom: 0.5rem !important; }

#amyet-dashboard-wrapper .amyet-f3-vial-tag {
    font-size: 0.65rem !important;
    background: #1e293b !important;
    color: #f59e0b !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 0.35rem !important;
    align-self: flex-start !important;
    font-weight: 600 !important;
}

#amyet-dashboard-wrapper .amyet-f3-equipo-badge {
    font-size: 0.65rem !important;
    background: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
    color: #60a5fa !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 0.35rem !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-btn-open-shop {
    background: transparent !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    color: #f59e0b !important;
    padding: 0.55rem 0.85rem !important;
    border-radius: 0.65rem !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    cursor: pointer !important;
}

/* Tienda B2B Denova */
#amyet-dashboard-wrapper .amyet-shop-items-list { display: flex !important; flex-direction: column !important; gap: 0.65rem !important; }

#amyet-dashboard-wrapper .amyet-shop-item {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.75rem !important;
    border-radius: 0.65rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#amyet-dashboard-wrapper .amyet-shop-item-name { display: block !important; color: #ffffff !important; font-size: 0.75rem !important; }
#amyet-dashboard-wrapper .amyet-shop-item-sub { display: block !important; color: #64748b !important; font-size: 0.68rem !important; }

#amyet-dashboard-wrapper .amyet-shop-item-price-col {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-shop-qty-input {
    width: 3.5rem !important;
    background: #0b1120 !important;
    border: 1px solid #334155 !important;
    color: #ffffff !important;
    padding: 0.25rem 0.4rem !important;
    border-radius: 0.35rem !important;
    text-align: center !important;
    font-size: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-shop-total-box {
    background: #0b1120 !important;
    border: 1px solid #1e293b !important;
    padding: 0.75rem !important;
    border-radius: 0.65rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #cbd5e1 !important;
    font-size: 0.75rem !important;
}

/* Guía Domiciliaria Imprimible */
#amyet-dashboard-wrapper .amyet-guide-doc-header,
#amyet-dashboard-wrapper .amyet-report-doc-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    border-bottom: 2px solid #334155 !important;
    padding-bottom: 0.75rem !important;
    margin-bottom: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-guide-brand { font-family: 'Rajdhani', sans-serif !important; font-size: 1.15rem !important; font-weight: 900 !important; color: #f59e0b !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-report-brand { font-family: 'Rajdhani', sans-serif !important; font-size: 1.15rem !important; font-weight: 900 !important; color: #a855f7 !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-guide-sub,
#amyet-dashboard-wrapper .amyet-report-sub { font-size: 0.7rem !important; color: #94a3b8 !important; margin-top: 0.15rem !important; }

#amyet-dashboard-wrapper .amyet-guide-meta,
#amyet-dashboard-wrapper .amyet-report-meta {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    font-size: 0.72rem !important;
    color: #cbd5e1 !important;
    gap: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-guide-routine-grid,
#amyet-dashboard-wrapper .amyet-report-actors-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.85rem !important;
    margin-bottom: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-guide-routine-card,
#amyet-dashboard-wrapper .amyet-report-actor-box {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-guide-card-title { font-size: 0.75rem !important; font-weight: 700 !important; margin-bottom: 0.35rem !important; display: flex !important; align-items: center !important; gap: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-guide-card-txt { font-size: 0.72rem !important; color: #cbd5e1 !important; line-height: 1.4 !important; }

#amyet-dashboard-wrapper .amyet-guide-section,
#amyet-dashboard-wrapper .amyet-report-section { margin-bottom: 1rem !important; }
#amyet-dashboard-wrapper .amyet-guide-sec-title,
#amyet-dashboard-wrapper .amyet-report-sec-title { font-size: 0.75rem !important; font-weight: 700 !important; color: #ffffff !important; text-transform: uppercase !important; margin-bottom: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-guide-habits-box,
#amyet-dashboard-wrapper .amyet-report-box { background: #111827 !important; border: 1px solid #1e293b !important; padding: 0.85rem !important; border-radius: 0.75rem !important; font-size: 0.72rem !important; color: #cbd5e1 !important; }
#amyet-dashboard-wrapper .amyet-guide-list,
#amyet-dashboard-wrapper .amyet-report-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 0.35rem !important; }

#amyet-dashboard-wrapper .amyet-guide-next-session-box {
    background: #0b1120 !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

#amyet-dashboard-wrapper .amyet-next-session-left { display: flex !important; align-items: center !important; gap: 0.75rem !important; }
#amyet-dashboard-wrapper .amyet-next-session-label { font-size: 0.65rem !important; color: #94a3b8 !important; text-transform: uppercase !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-next-session-date { font-size: 0.8rem !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-next-session-badge { background: rgba(245, 158, 11, 0.2) !important; color: #f59e0b !important; font-size: 0.68rem !important; font-weight: 700 !important; padding: 0.25rem 0.65rem !important; border-radius: 1rem !important; }

/* Fase 4 Específicos */
#amyet-dashboard-wrapper .amyet-cabina-card--fase4 {
    background: #0b1120 !important;
    border: 2.5px solid #a855f7 !important;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.7), 0 0 35px rgba(168, 85, 247, 0.4) !important;
    border-radius: 1.5rem !important;
    padding: 1.75rem 2.25rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-btn-final-report-pdf {
    background: linear-gradient(to right, #9333ea, #4f46e5) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    padding: 0.55rem 1.15rem !important;
    border-radius: 0.75rem !important;
    font-size: 0.75rem !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-f4-timeline-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-timeline-card {
    background: #0b1024 !important;
    border: 1px solid #1e293b !important;
    padding: 0.5rem !important;
    border-radius: 0.5rem !important;
    text-align: center !important;
}

#amyet-dashboard-wrapper .amyet-timeline-card--active {
    background: rgba(88, 28, 135, 0.5) !important;
    border-color: rgba(168, 85, 247, 0.5) !important;
}

#amyet-dashboard-wrapper .amyet-timeline-label { font-size: 0.65rem !important; color: #94a3b8 !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-timeline-value { font-size: 0.8rem !important; color: #ffffff !important; display: block !important; }
#amyet-dashboard-wrapper .amyet-timeline-sub { font-size: 0.62rem !important; display: block !important; margin-top: 0.15rem !important; }

#amyet-dashboard-wrapper .amyet-f4-compare-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-compare-card {
    background: #121838 !important;
    border: 1px solid #1e293b !important;
    padding: 0.75rem !important;
    border-radius: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-compare-card--green { border-color: rgba(16, 185, 129, 0.4) !important; }
#amyet-dashboard-wrapper .amyet-compare-header { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 0.4rem !important; }
#amyet-dashboard-wrapper .amyet-compare-title { font-size: 0.68rem !important; font-weight: 700 !important; color: #94a3b8 !important; text-transform: uppercase !important; }
#amyet-dashboard-wrapper .amyet-badge-red { background: rgba(239, 68, 68, 0.2) !important; color: #fca5a5 !important; font-size: 0.62rem !important; padding: 0.1rem 0.4rem !important; border-radius: 0.25rem !important; }
#amyet-dashboard-wrapper .amyet-badge-green { background: rgba(16, 185, 129, 0.2) !important; color: #6ee7b7 !important; font-size: 0.62rem !important; font-weight: 700 !important; padding: 0.1rem 0.4rem !important; border-radius: 0.25rem !important; }
#amyet-dashboard-wrapper .amyet-compare-img-box { height: 7rem !important; background: #060814 !important; border-radius: 0.5rem !important; border: 1px solid #1e293b !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; padding: 0.5rem !important; }
#amyet-dashboard-wrapper .amyet-compare-name { font-size: 0.75rem !important; font-weight: 700 !important; }
#amyet-dashboard-wrapper .amyet-compare-sub { font-size: 0.65rem !important; color: #64748b !important; }

#amyet-dashboard-wrapper .amyet-f4-score-banner {
    background: #0b1024 !important;
    border: 1px solid #1e293b !important;
    padding: 0.85rem !important;
    border-radius: 0.75rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-score-left { display: flex !important; align-items: center !important; gap: 0.75rem !important; }
#amyet-dashboard-wrapper .amyet-score-num { font-family: 'Rajdhani', sans-serif !important; font-size: 2rem !important; font-weight: 900 !important; color: #2dd4bf !important; line-height: 1 !important; }
#amyet-dashboard-wrapper .amyet-score-title { font-size: 0.78rem !important; font-weight: 700 !important; color: #ffffff !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-score-sub { font-size: 0.68rem !important; color: #94a3b8 !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-score-bar-wrap { width: 100% !important; height: 0.4rem !important; background: #1e293b !important; border-radius: 1rem !important; overflow: hidden !important; }
#amyet-dashboard-wrapper .amyet-score-bar-fill--teal { height: 100% !important; background: linear-gradient(to right, #14b8a6, #2dd4bf) !important; border-radius: 1rem !important; }

#amyet-dashboard-wrapper .amyet-report-stats-row { display: flex !important; gap: 0.5rem !important; }
#amyet-dashboard-wrapper .amyet-report-stat-pill { flex: 1 !important; background: #111827 !important; border: 1px solid #1e293b !important; padding: 0.6rem 0.85rem !important; border-radius: 0.6rem !important; text-align: center !important; font-size: 0.75rem !important; color: #94a3b8 !important; }
#amyet-dashboard-wrapper .amyet-report-stat-pill strong { display: block !important; font-size: 0.88rem !important; color: #ffffff !important; margin-top: 0.2rem !important; }
#amyet-dashboard-wrapper .amyet-report-stat-pill--highlight { border-color: rgba(16, 185, 129, 0.4) !important; background: rgba(16, 185, 129, 0.08) !important; }

/* Estilos de Secciones del Gran Informe Final */
#amyet-dashboard-wrapper .amyet-report-doc-brand-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-report-sec-num {
    display: inline-flex !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    background: #7c3aed !important;
    color: #ffffff !important;
    border-radius: 50% !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0.75rem !important;
    margin-right: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-report-motivo-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.25rem !important;
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    padding: 0.15rem 0.5rem !important;
    border-radius: 1rem !important;
    border: 1px solid !important;
    background: rgba(15, 23, 42, 0.7) !important;
    text-transform: uppercase !important;
}

#amyet-dashboard-wrapper .amyet-report-grid-evals {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 0.65rem !important;
    margin-bottom: 0.65rem !important;
}

#amyet-dashboard-wrapper .amyet-report-eval-card {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.6rem !important;
}

#amyet-dashboard-wrapper .amyet-report-eval-head {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.25rem !important;
    font-size: 0.78rem !important;
}

#amyet-dashboard-wrapper .amyet-report-score-badge {
    background: rgba(124, 58, 237, 0.2) !important;
    color: #c084fc !important;
    border: 1px solid rgba(124, 58, 237, 0.4) !important;
    font-weight: 800 !important;
    font-size: 0.68rem !important;
    padding: 0.1rem 0.45rem !important;
    border-radius: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-report-eval-desc {
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    line-height: 1.3 !important;
}

#amyet-dashboard-wrapper .amyet-report-media-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    background: rgba(15, 23, 42, 0.5) !important;
    padding: 0.5rem 0.75rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-report-media-pill {
    font-size: 0.72rem !important;
    color: #cbd5e1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-report-diag-label {
    font-size: 0.78rem !important;
    color: #a855f7 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    margin-bottom: 0.2rem !important;
}

#amyet-dashboard-wrapper .amyet-report-diag-text {
    font-size: 0.85rem !important;
    color: #ffffff !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

#amyet-dashboard-wrapper .amyet-report-sequence-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.5rem !important;
    margin-top: 0.65rem !important;
}

@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-report-sequence-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-report-seq-step {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.6rem !important;
    border-radius: 0.5rem !important;
    font-size: 0.72rem !important;
}

#amyet-dashboard-wrapper .amyet-report-seq-step .amyet-report-seq-num {
    color: #818cf8 !important;
    font-weight: 800 !important;
    font-size: 0.65rem !important;
    text-transform: uppercase !important;
    display: block !important;
}

#amyet-dashboard-wrapper .amyet-report-seq-step strong {
    color: #ffffff !important;
    display: block !important;
    font-size: 0.78rem !important;
    margin: 0.15rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-report-seq-step p {
    color: #94a3b8 !important;
    line-height: 1.25 !important;
}

#amyet-dashboard-wrapper .amyet-report-viales-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.65rem !important;
    margin-bottom: 0.65rem !important;
}

@media (max-width: 640px) {
    #amyet-dashboard-wrapper .amyet-report-viales-grid {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-report-vial-card {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.6rem !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-vial-tag {
    font-size: 0.62rem !important;
    font-weight: 800 !important;
    padding: 0.1rem 0.4rem !important;
    border-radius: 0.35rem !important;
    display: inline-block !important;
    width: fit-content !important;
    text-transform: uppercase !important;
}

#amyet-dashboard-wrapper .amyet-vial-tag--blue   { background: rgba(59,130,246,0.2) !important; color: #60a5fa !important; border: 1px solid #3b82f6 !important; }
#amyet-dashboard-wrapper .amyet-vial-tag--purple { background: rgba(168,85,247,0.2) !important; color: #c084fc !important; border: 1px solid #a855f7 !important; }
#amyet-dashboard-wrapper .amyet-vial-tag--green  { background: rgba(16,185,129,0.2) !important; color: #34d399 !important; border: 1px solid #10b981 !important; }

#amyet-dashboard-wrapper .amyet-report-vial-card strong {
    font-size: 0.82rem !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-report-vial-card p {
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    line-height: 1.25 !important;
}

#amyet-dashboard-wrapper .amyet-report-plan-meta {
    display: flex !important;
    gap: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-report-homecare-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.65rem !important;
    margin-top: 0.65rem !important;
}

#amyet-dashboard-wrapper .amyet-report-home-box {
    background: #111827 !important;
    border: 1px solid #1e293b !important;
    padding: 0.65rem 0.85rem !important;
    border-radius: 0.6rem !important;
}

#amyet-dashboard-wrapper .amyet-report-stamp {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1.5px solid rgba(124, 58, 237, 0.5) !important;
    padding: 0.65rem 1.25rem !important;
    border-radius: 0.85rem !important;
    text-align: left !important;
}

#amyet-dashboard-wrapper .amyet-report-stamp-icon {
    font-size: 1.8rem !important;
    color: #a855f7 !important;
}

#amyet-dashboard-wrapper .amyet-report-signature-wrap { margin-top: 1.25rem !important; padding-top: 0.85rem !important; border-top: 1px solid #1e293b !important; text-align: center !important; }
#amyet-dashboard-wrapper .amyet-report-stamp-txt { font-size: 0.78rem !important; color: #ffffff !important; font-weight: 700 !important; margin: 0 !important; }
#amyet-dashboard-wrapper .amyet-report-stamp-sub { font-size: 0.68rem !important; color: #a5b4fc !important; font-family: monospace !important; }

/* ─────────────────────────────────────────────────────────
   BOTONES BIOMÉTRICOS INTERACTIVOS (FASES 1, 2, 3 Y 4)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-biometric-btn,
#amyet-dashboard-wrapper .amyet-cs-icon,
#amyet-dashboard-wrapper .amyet-module-btn {
    position: relative !important;
    width: 2.75rem !important;
    height: 2.75rem !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #111827 !important;
    border: 1.5px solid #334155 !important;
    color: #94a3b8 !important;
    font-size: 1.1rem !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    outline: none !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn:hover,
#amyet-dashboard-wrapper .amyet-cs-icon:hover,
#amyet-dashboard-wrapper .amyet-module-btn:hover {
    color: #ffffff !important;
    border-color: #38bdf8 !important;
    background-color: #1e293b !important;
    transform: scale(1.1) translateY(-2px) !important;
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn.has-data::after,
#amyet-dashboard-wrapper .amyet-cs-icon.has-data::after,
#amyet-dashboard-wrapper .amyet-module-btn.has-data::after {
    content: '' !important;
    position: absolute !important;
    top: 2px !important;
    right: 2px !important;
    width: 8px !important;
    height: 8px !important;
    background-color: #10b981 !important;
    border: 2px solid #0b1120 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 6px #10b981 !important;
}

#amyet-dashboard-wrapper .amyet-module-counter {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    background: #ef4444 !important;
    color: #ffffff !important;
    font-size: 0.65rem !important;
    font-weight: 900 !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 2px solid #0f172a !important;
    box-shadow: 0 0 8px rgba(239, 68, 68, 0.6) !important;
    z-index: 10 !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-module-tooltip {
    position: absolute !important;
    bottom: 125% !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(4px) !important;
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(8px) !important;
    border: 1px solid #334155 !important;
    color: #e2e8f0 !important;
    font-size: 0.68rem !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    padding: 0.35rem 0.65rem !important;
    border-radius: 0.5rem !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    pointer-events: none !important;
    z-index: 30 !important;
}

#amyet-dashboard-wrapper .amyet-biometric-btn:hover .amyet-module-tooltip,
#amyet-dashboard-wrapper .amyet-cs-icon:hover .amyet-module-tooltip,
#amyet-dashboard-wrapper .amyet-module-btn:hover .amyet-module-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) translateY(0) !important;
}

#amyet-dashboard-wrapper .amyet-module-tooltip::after {
    content: '' !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border-width: 4px !important;
    border-style: solid !important;
    border-color: #334155 transparent transparent transparent !important;
}

/* ─────────────────────────────────────────────────────────
   BOTONES DE NAVEGACIÓN PASO ANTERIOR / SIGUIENTE (FASES 1-4)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-detail-nav--between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
    padding-top: 1rem !important;
    border-top: 1px solid #1e293b !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev,
#amyet-dashboard-wrapper .amyet-btn-next {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    padding: 0.65rem 1.25rem !important;
    font-size: 0.82rem !important;
    font-weight: 700 !important;
    border-radius: 0.6rem !important;
    cursor: pointer !important;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev {
    background-color: #0f172a !important;
    color: #94a3b8 !important;
    border: 1px solid #334155 !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev:hover {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border-color: #64748b !important;
    transform: translateX(-3px) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--blue:hover {
    border-color: #3b82f6 !important;
    color: #60a5fa !important;
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--teal:hover {
    border-color: #14b8a6 !important;
    color: #2dd4bf !important;
    box-shadow: 0 0 15px rgba(20, 184, 166, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--amber:hover {
    border-color: #f59e0b !important;
    color: #fbbf24 !important;
    box-shadow: 0 0 15px rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--purple:hover {
    border-color: #a855f7 !important;
    color: #c084fc !important;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--green:hover {
    border-color: #10b981 !important;
    color: #34d399 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-btn-prev--indigo:hover {
    border-color: #6366f1 !important;
    color: #818cf8 !important;
    box-shadow: 0 0 15px rgba(99, 102, 241, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f2-actions-group {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

/* ─────────────────────────────────────────────────────────
   REGLA DE ORO DE OCULTAMIENTO (Máxima prioridad al final)
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-hidden,
#amyet-dashboard-wrapper [class].amyet-hidden,
#amyet-dashboard-wrapper [id].amyet-hidden,
#amyet-dashboard-wrapper div.amyet-hidden,
.amyet-hidden {
    display: none !important;
}

/* ═════════════════════════════════════════════════════════
   ESTILOS DE IMPRESIÓN Y EXPORTACIÓN PDF DE ALTA PRECISIÓN
═════════════════════════════════════════════════════════ */
@media print {
    @page {
        margin: 12mm 15mm;
        size: A4 portrait;
    }

    /* Reset global para impresora */
    *, *::before, *::after {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        color-adjust: exact !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    html, body {
        background: #ffffff !important;
        color: #0f172a !important;
        height: auto !important;
        min-height: auto !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 10.5pt !important;
    }

    /* Ocultar elementos de WordPress, Dashboard y botones */
    #wpadminbar,
    .admin-bar,
    header,
    nav,
    footer,
    #amyet-dashboard-header,
    #amyet-dashboard-wrapper > *:not(.amyet-f2-modal):not(.amyet-f3-modal):not(.amyet-f4-modal),
    .no-print,
    .amyet-f2-modal-header,
    .amyet-f3-modal-header,
    .amyet-f4-modal-header,
    .amyet-f2-modal-footer,
    .amyet-f3-modal-footer,
    .amyet-f4-modal-footer,
    .amyet-f2-btn-close,
    .amyet-f3-btn-close,
    .amyet-f4-btn-close,
    .amyet-btn-clear-sig,
    .amyet-f2-modal-backdrop,
    .amyet-f3-modal-backdrop,
    .amyet-f4-modal-backdrop,
    .amyet-quick-actions,
    .amyet-f2-footer-bar,
    .amyet-f3-footer-bar,
    .amyet-f4-footer-bar {
        display: none !important;
        visibility: hidden !important;
    }

    /* Contenedor Modal en Impresión */
    #modalConsentimiento:not(.amyet-hidden),
    #modalConstructorGuia:not(.amyet-hidden),
    #modalInformeFinal:not(.amyet-hidden) {
        position: static !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        background: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        z-index: 999999 !important;
    }

    #modalConsentimiento:not(.amyet-hidden) .amyet-f2-modal-card,
    #modalConstructorGuia:not(.amyet-hidden) .amyet-f3-modal-card,
    #modalInformeFinal:not(.amyet-hidden) .amyet-f4-modal-card {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        background: #ffffff !important;
        color: #0f172a !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    /* ── 1. DOCUMENTO DE CONSENTIMIENTO INFORMADO (FASE 2) ── */
    #printableConsent {
        display: block !important;
        background: #ffffff !important;
        color: #0f172a !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    #printableConsent * {
        color: #0f172a !important;
        visibility: visible !important;
    }

    #printableConsent .amyet-consent-doc-header {
        border-bottom: 2px solid #0f172a !important;
        padding-bottom: 12px !important;
        margin-bottom: 16px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    #printableConsent .amyet-consent-brand {
        font-size: 15pt !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 0 !important;
    }

    #printableConsent .amyet-consent-sub {
        font-size: 9pt !important;
        color: #475569 !important;
        margin-top: 2px !important;
    }

    #printableConsent .amyet-consent-meta {
        font-size: 8.5pt !important;
        color: #334155 !important;
        text-align: right !important;
    }

    #printableConsent .amyet-consent-actors-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin-bottom: 16px !important;
    }

    #printableConsent .amyet-consent-actor-box {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 10px 14px !important;
    }

    #printableConsent .amyet-consent-actor-label {
        font-size: 8pt !important;
        font-weight: 700 !important;
        color: #0284c7 !important;
        text-transform: uppercase !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    #printableConsent .amyet-consent-actor-box p {
        margin: 2px 0 !important;
        font-size: 9.5pt !important;
        color: #0f172a !important;
    }

    #printableConsent .amyet-consent-section {
        margin-bottom: 16px !important;
        page-break-inside: avoid !important;
    }

    #printableConsent .amyet-consent-sec-title {
        font-size: 10.5pt !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        border-bottom: 1.5px solid #cbd5e1 !important;
        padding-bottom: 3px !important;
        margin-bottom: 8px !important;
    }

    #printableConsent .amyet-consent-diag-text {
        font-size: 9.5pt !important;
        color: #1e293b !important;
        margin-bottom: 8px !important;
        line-height: 1.4 !important;
    }

    #printableConsent .amyet-consent-tech-box {
        background: #f1f5f9 !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 8px 12px !important;
    }

    #printableConsent .amyet-consent-tech-box-title {
        font-size: 9pt !important;
        font-weight: 700 !important;
        color: #0f172a !important;
    }

    #printableConsent .amyet-consent-list {
        margin: 4px 0 0 16px !important;
        padding: 0 !important;
        font-size: 9pt !important;
        color: #334155 !important;
    }

    #printableConsent .amyet-consent-finance-box {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 10px 14px !important;
    }

    #printableConsent .amyet-consent-fin-row {
        display: flex !important;
        justify-content: space-between !important;
        padding: 4px 0 !important;
        font-size: 9pt !important;
        color: #334155 !important;
        border-bottom: 1px dashed #e2e8f0 !important;
    }

    #printableConsent .amyet-consent-fin-total {
        display: flex !important;
        justify-content: space-between !important;
        padding: 8px 0 0 0 !important;
        font-size: 11pt !important;
        font-weight: 800 !important;
        color: #047857 !important;
    }

    #printableConsent .amyet-consent-legal {
        font-size: 8pt !important;
        color: #475569 !important;
        line-height: 1.4 !important;
        margin-bottom: 12px !important;
        text-align: justify !important;
    }

    #printableConsent .amyet-consent-signatures-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 16px !important;
        margin-top: 14px !important;
    }

    #printableConsent .amyet-signature-label {
        font-size: 8.5pt !important;
        font-weight: 700 !important;
        color: #334155 !important;
        display: block !important;
        margin-bottom: 4px !important;
    }

    #printableConsent .amyet-signature-pad-wrap {
        border: 1.5px solid #94a3b8 !important;
        background: #ffffff !important;
        height: 75px !important;
        border-radius: 4px !important;
        position: relative !important;
    }

    #printableConsent .amyet-signature-canvas {
        background: transparent !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
    }

    #printableConsent .amyet-signature-stamp-box {
        border: 1.5px dashed #0284c7 !important;
        background: #f0f9ff !important;
        height: 75px !important;
        border-radius: 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 6px !important;
    }

    #printableConsent .amyet-stamp-text {
        color: #0369a1 !important;
        font-weight: 700 !important;
        font-size: 8.5pt !important;
    }

    #printableConsent .amyet-stamp-sub {
        color: #64748b !important;
        font-size: 7.5pt !important;
    }

    /* ── 2. GUÍA DE MANTENIMIENTO EN CASA (FASE 3) ── */
    #printableHomeGuide,
    #printableGuide {
        display: block !important;
        background: #ffffff !important;
        color: #0f172a !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    #printableHomeGuide *,
    #printableGuide * {
        color: #0f172a !important;
        visibility: visible !important;
    }

    #printableHomeGuide .amyet-guide-doc-header,
    #printableGuide .amyet-guide-doc-header {
        border-bottom: 2px solid #0f172a !important;
        padding-bottom: 12px !important;
        margin-bottom: 16px !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    #printableHomeGuide .amyet-guide-brand,
    #printableGuide .amyet-guide-brand {
        font-size: 14pt !important;
        font-weight: 800 !important;
        color: #0f172a !important;
    }

    #printableHomeGuide .amyet-guide-routine-grid,
    #printableGuide .amyet-guide-routine-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
    }

    #printableHomeGuide .amyet-guide-routine-card,
    #printableGuide .amyet-guide-routine-card {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 10px 14px !important;
    }

    #printableHomeGuide .amyet-guide-card-title,
    #printableGuide .amyet-guide-card-title {
        font-size: 10pt !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        margin-bottom: 6px !important;
    }

    #printableHomeGuide .amyet-guide-card-txt,
    #printableGuide .amyet-guide-card-txt {
        font-size: 9pt !important;
        color: #334155 !important;
        line-height: 1.4 !important;
    }

    #printableHomeGuide .amyet-guide-section,
    #printableGuide .amyet-guide-section {
        margin-bottom: 14px !important;
    }

    #printableHomeGuide .amyet-guide-sec-title,
    #printableGuide .amyet-guide-sec-title {
        font-size: 10.5pt !important;
        font-weight: 700 !important;
        color: #0f172a !important;
        border-bottom: 1.5px solid #cbd5e1 !important;
        padding-bottom: 4px !important;
        margin-bottom: 8px !important;
    }

    #printableHomeGuide .amyet-guide-habits-box,
    #printableGuide .amyet-guide-habits-box {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 10px 14px !important;
    }

    #printableHomeGuide .amyet-guide-list,
    #printableGuide .amyet-guide-list {
        margin: 0 !important;
        padding-left: 14px !important;
        font-size: 9pt !important;
        color: #334155 !important;
    }

    #printableHomeGuide .amyet-guide-next-session-box,
    #printableGuide .amyet-guide-next-session-box {
        background: #f1f5f9 !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 10px 14px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        margin-top: 14px !important;
    }

    #printableHomeGuide .amyet-next-session-label,
    #printableGuide .amyet-next-session-label {
        font-size: 8.5pt !important;
        font-weight: 600 !important;
        color: #64748b !important;
        display: block !important;
    }

    #printableHomeGuide .amyet-next-session-date,
    #printableGuide .amyet-next-session-date {
        font-size: 11pt !important;
        font-weight: 800 !important;
        color: #0f172a !important;
        margin: 2px 0 0 0 !important;
    }

    #printableHomeGuide .amyet-next-session-badge,
    #printableGuide .amyet-next-session-badge {
        background: #dcfce7 !important;
        border: 1px solid #86efac !important;
        color: #166534 !important;
        font-size: 8.5pt !important;
        font-weight: 700 !important;
        padding: 4px 10px !important;
        border-radius: 9999px !important;
    }

    /* ── 3. GRAN INFORME FINAL (FASE 4) ── */
    #printableFinalReport {
        display: block !important;
        background: #ffffff !important;
        color: #0f172a !important;
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
    }

    #printableFinalReport * {
        color: #0f172a !important;
        visibility: visible !important;
    }

    #printableFinalReport .amyet-report-doc-header {
        border-bottom: 2px solid #0f172a !important;
        padding-bottom: 10px !important;
        margin-bottom: 14px !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    #printableFinalReport .amyet-report-brand {
        color: #0f172a !important;
        font-size: 14pt !important;
        font-weight: 800 !important;
    }

    #printableFinalReport .amyet-report-actors-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
        margin-bottom: 14px !important;
    }

    #printableFinalReport .amyet-report-actor-box {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 8px 12px !important;
    }

    #printableFinalReport .amyet-report-grid-evals {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
    }

    #printableFinalReport .amyet-report-eval-card {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 8px !important;
    }

    #printableFinalReport .amyet-report-sequence-grid {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 6px !important;
    }

    #printableFinalReport .amyet-report-seq-card {
        background: #f1f5f9 !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 6px !important;
    }

    #printableFinalReport .amyet-report-viales-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 8px !important;
        margin-bottom: 8px !important;
    }

    #printableFinalReport .amyet-report-vial-card {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 8px !important;
    }

    #printableFinalReport .amyet-report-homecare-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
    }

    #printableFinalReport .amyet-report-home-card {
        background: #f8fafc !important;
        border: 1px solid #cbd5e1 !important;
        border-radius: 6px !important;
        padding: 8px !important;
    }

    #printableFinalReport .amyet-report-signature-wrap {
        border-top: 1.5px solid #cbd5e1 !important;
        padding-top: 10px !important;
        margin-top: 12px !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
}

/* ══════════════════════════════════════════════════════════
   ESTILOS VISUALES FASE 4 & STEP BADGES 4X4 (DASHBOARD)
══════════════════════════════════════════════════════════ */

/* Step Card Header Row & Progress Badge */
#amyet-dashboard-wrapper .amyet-step-card-head-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-step-progress-badge {
    font-size: 0.65rem !important;
    font-weight: 800 !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 9999px !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    border: 1px solid transparent !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--blue {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-step-badge--green {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important;
    border-color: rgba(16, 185, 129, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-step-badge--yellow {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border-color: rgba(245, 158, 11, 0.3) !important;
}
#amyet-dashboard-wrapper .amyet-step-badge--purple {
    background: rgba(168, 85, 247, 0.15) !important;
    color: #c084fc !important;
    border-color: rgba(168, 85, 247, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--active {
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.1) !important;
    transform: scale(1.03) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--completed {
    box-shadow: 0 0 14px rgba(255, 255, 255, 0.25) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--blue.amyet-step-badge--completed {
    background: rgba(59, 130, 246, 0.25) !important;
    color: #93c5fd !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 14px rgba(59, 130, 246, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--green.amyet-step-badge--completed {
    background: rgba(16, 185, 129, 0.25) !important;
    color: #4ade80 !important;
    border-color: #22c55e !important;
    box-shadow: 0 0 14px rgba(34, 197, 94, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--yellow.amyet-step-badge--completed {
    background: rgba(245, 158, 11, 0.25) !important;
    color: #fde047 !important;
    border-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, 0.45) !important;
}

#amyet-dashboard-wrapper .amyet-step-badge--purple.amyet-step-badge--completed {
    background: rgba(168, 85, 247, 0.25) !important;
    color: #e9d5ff !important;
    border-color: #a855f7 !important;
    box-shadow: 0 0 14px rgba(168, 85, 247, 0.45) !important;
}

/* Modales Fase 4: Estética Visual Premium */
#amyet-dashboard-wrapper .amyet-f4-grid-2col {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 1.15rem !important;
}

@media (max-width: 768px) {
    #amyet-dashboard-wrapper .amyet-f4-grid-2col {
        grid-template-columns: 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-f4-card-box {
    background: #0f172a !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    border-radius: 1rem !important;
    padding: 1.25rem 1.35rem !important;
    transition: all 0.25s ease !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-box:hover {
    border-color: rgba(168, 85, 247, 0.4) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-box--morning {
    border-left: 4px solid #f59e0b !important;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--night {
    border-left: 4px solid #a855f7 !important;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--alerts {
    border-left: 4px solid #06b6d4 !important;
    background: linear-gradient(135deg, rgba(6, 182, 212, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--optimal {
    border-left: 4px solid #10b981 !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--alert-diet {
    border-left: 4px solid #f59e0b !important;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--emuntorios {
    border-left: 4px solid #f59e0b !important;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.07) 0%, #0f172a 100%) !important;
}
#amyet-dashboard-wrapper .amyet-f4-card-box--depurative {
    border-left: 4px solid #10b981 !important;
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.07) 0%, #0f172a 100%) !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-top {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-top-info {
    flex: 1 !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-heading {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    margin: 0 !important;
    letter-spacing: 0.02em !important;
}

#amyet-dashboard-wrapper .amyet-f4-card-subtag {
    font-size: 0.74rem !important;
    color: #94a3b8 !important;
    display: block !important;
    margin-top: 0.15rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-circle-icon {
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.05rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-f4-circle-icon--amber { background: rgba(245, 158, 11, 0.15) !important; color: #fbbf24 !important; border: 1px solid rgba(245, 158, 11, 0.35) !important; }
#amyet-dashboard-wrapper .amyet-f4-circle-icon--purple { background: rgba(168, 85, 247, 0.15) !important; color: #c084fc !important; border: 1px solid rgba(168, 85, 247, 0.35) !important; }
#amyet-dashboard-wrapper .amyet-f4-circle-icon--teal { background: rgba(20, 184, 166, 0.15) !important; color: #2dd4bf !important; border: 1px solid rgba(20, 184, 166, 0.35) !important; }
#amyet-dashboard-wrapper .amyet-f4-circle-icon--green { background: rgba(16, 185, 129, 0.15) !important; color: #34d399 !important; border: 1px solid rgba(16, 185, 129, 0.35) !important; }

#amyet-dashboard-wrapper .amyet-f4-badge-pill {
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    padding: 0.25rem 0.7rem !important;
    border-radius: 9999px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-badge-pill--green {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(16, 185, 129, 0.4) !important;
}
#amyet-dashboard-wrapper .amyet-badge-pill--amber {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.4) !important;
}
#amyet-dashboard-wrapper .amyet-badge-pill--teal {
    background: rgba(20, 184, 166, 0.2) !important;
    color: #2dd4bf !important;
    border: 1px solid rgba(20, 184, 166, 0.4) !important;
}

#amyet-dashboard-wrapper .amyet-portal-desc {
    font-size: 0.75rem !important;
    color: #cbd5e1 !important;
    line-height: 1.45 !important;
    margin: 0 !important;
}

#amyet-dashboard-wrapper .amyet-portal-desc strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

#amyet-dashboard-wrapper .amyet-portal-meter {
    width: 100% !important;
    height: 6px !important;
    background: #1e293b !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
    margin-top: 0.25rem !important;
}

#amyet-dashboard-wrapper .amyet-portal-meter-fill {
    height: 100% !important;
    border-radius: 9999px !important;
}

#amyet-dashboard-wrapper .amyet-portal-meter-fill--amber {
    background: linear-gradient(90deg, #f59e0b, #fbbf24) !important;
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.5) !important;
}
#amyet-dashboard-wrapper .amyet-portal-meter-fill--purple {
    background: linear-gradient(90deg, #9333ea, #c084fc) !important;
    box-shadow: 0 0 8px rgba(168, 85, 247, 0.5) !important;
}

#amyet-dashboard-wrapper .amyet-f4-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-list li {
    font-size: 0.82rem !important;
    color: #cbd5e1 !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
    line-height: 1.45 !important;
}

#amyet-dashboard-wrapper .amyet-f4-list li strong {
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-f4-score-banner {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border: 1px solid rgba(20, 184, 166, 0.35) !important;
    border-radius: 1rem !important;
    padding: 1.15rem 1.4rem !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1.25rem !important;
}

#amyet-dashboard-wrapper .amyet-score-left {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-score-num {
    font-size: 2.4rem !important;
    font-weight: 900 !important;
    color: #2dd4bf !important;
    font-family: 'Rajdhani', sans-serif !important;
    line-height: 1 !important;
}

#amyet-dashboard-wrapper .amyet-score-title {
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    margin: 0 0 0.2rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-score-sub {
    font-size: 0.78rem !important;
    color: #94a3b8 !important;
    margin: 0 !important;
}

#amyet-dashboard-wrapper .amyet-score-bar-wrap {
    flex: 1 !important;
    max-width: 180px !important;
    height: 10px !important;
    background: #1e293b !important;
    border-radius: 9999px !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-score-bar-fill--teal {
    height: 100% !important;
    background: linear-gradient(90deg, #0d9488, #2dd4bf) !important;
    border-radius: 9999px !important;
    box-shadow: 0 0 8px rgba(45, 212, 191, 0.5) !important;
}

#amyet-dashboard-wrapper .amyet-f4-modal-card--glow-teal {
    box-shadow: 0 0 40px rgba(20, 184, 166, 0.25) !important;
}

/* ─────────────────────────────────────────────────────────
   MODAL PANEL DEL PROFESIONAL & CONFIGURACIÓN DE APARATOLOGÍA
───────────────────────────────────────────────────────── */
#amyet-dashboard-wrapper .amyet-prof-modal-card {
    max-width: 1080px !important;
    width: 94vw !important;
    max-height: 90vh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #0f172a !important;
    border: 2px solid #334155 !important;
    border-radius: 1.25rem !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7), 0 0 30px rgba(56, 189, 248, 0.2) !important;
    overflow: hidden !important;
}

#amyet-dashboard-wrapper .amyet-prof-form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}

/* ══════════════════════════════════════════════════════
   FASE 4: COMPONENTES CLÍNICOS & PREDICTIVOS (FÓRMULA 4X4)
══════════════════════════════════════════════════════ */

/* Agenda & Sincronización */
#amyet-dashboard-wrapper .amyet-f4-agenda-banner {
    background: linear-gradient(135deg, rgba(13, 148, 136, 0.12) 0%, rgba(15, 23, 42, 0.95) 100%) !important;
    border: 1px solid rgba(45, 212, 191, 0.35) !important;
    border-radius: 1rem !important;
    padding: 1.25rem 1.5rem !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

#amyet-dashboard-wrapper .amyet-f4-agenda-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    margin-bottom: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-agenda-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-agenda-grid {
    display: grid !important;
    grid-template-columns: 1.2fr 1fr 1.6fr auto !important;
    gap: 0.85rem !important;
    align-items: end !important;
}

@media (max-width: 860px) {
    #amyet-dashboard-wrapper .amyet-f4-agenda-grid {
        grid-template-columns: 1fr 1fr !important;
    }
}

#amyet-dashboard-wrapper .amyet-f4-agenda-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-f4-agenda-field label {
    font-size: 0.75rem !important;
    color: #94a3b8 !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
}

#amyet-dashboard-wrapper .amyet-f4-input,
#amyet-dashboard-wrapper .amyet-f4-select {
    background: #0b1024 !important;
    border: 1px solid #334155 !important;
    border-radius: 0.6rem !important;
    padding: 0.55rem 0.8rem !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    outline: none !important;
    transition: all 0.2s ease !important;
}

#amyet-dashboard-wrapper .amyet-f4-input:focus,
#amyet-dashboard-wrapper .amyet-f4-select:focus {
    border-color: #2dd4bf !important;
    box-shadow: 0 0 12px rgba(45, 212, 191, 0.35) !important;
}

#amyet-dashboard-wrapper .amyet-f4-agenda-presets {
    display: flex !important;
    gap: 0.45rem !important;
}

#amyet-dashboard-wrapper .amyet-preset-btn {
    background: #1e293b !important;
    border: 1px solid #475569 !important;
    border-radius: 0.5rem !important;
    color: #cbd5e1 !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    padding: 0.55rem 0.85rem !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
}

#amyet-dashboard-wrapper .amyet-preset-btn:hover {
    background: #334155 !important;
    color: #ffffff !important;
}

#amyet-dashboard-wrapper .amyet-preset-btn--active {
    background: rgba(45, 212, 191, 0.25) !important;
    border-color: #2dd4bf !important;
    color: #2dd4bf !important;
}

/* Rutinas Guiadas Pasos */
#amyet-dashboard-wrapper .amyet-f4-routine-steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
    margin: 0.95rem 0 !important;
}

#amyet-dashboard-wrapper .amyet-routine-step-item {
    display: flex !important;
    gap: 0.75rem !important;
    align-items: flex-start !important;
    background: rgba(15, 23, 42, 0.6) !important;
    border: 1px solid rgba(51, 65, 85, 0.6) !important;
    padding: 0.75rem 1rem !important;
    border-radius: 0.65rem !important;
    line-height: 1.45 !important;
    color: #cbd5e1 !important;
    font-size: 0.82rem !important;
}

#amyet-dashboard-wrapper .amyet-routine-step-item p {
    margin: 0 !important;
    line-height: 1.45 !important;
}

#amyet-dashboard-wrapper .amyet-step-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.6rem !important;
    height: 1.6rem !important;
    background: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid #f59e0b !important;
    color: #f59e0b !important;
    font-weight: 800 !important;
    font-size: 0.75rem !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-step-num--purple {
    background: rgba(168, 85, 247, 0.2) !important;
    border-color: #a855f7 !important;
    color: #c084fc !important;
}

/* Cosméticos Prescritos en Casa */
#amyet-dashboard-wrapper .amyet-f4-products-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.85rem !important;
    margin-top: 0.75rem !important;
}

@media (max-width: 900px) {
    #amyet-dashboard-wrapper .amyet-f4-products-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-product-card {
    background: #0b1024 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
    border-radius: 0.85rem !important;
    padding: 0.95rem 1rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.2s ease !important;
}

#amyet-dashboard-wrapper .amyet-product-card:hover {
    border-color: #f59e0b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(245, 158, 11, 0.2) !important;
}

#amyet-dashboard-wrapper .amyet-product-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-product-name {
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
    line-height: 1.3 !important;
    margin-bottom: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-product-desc {
    font-size: 0.74rem !important;
    color: #94a3b8 !important;
    line-height: 1.4 !important;
    margin-bottom: 0.5rem !important;
}

#amyet-dashboard-wrapper .amyet-product-meta {
    font-size: 0.7rem !important;
    color: #f59e0b !important;
    font-weight: 700 !important;
    background: rgba(245, 158, 11, 0.12) !important;
    padding: 0.25rem 0.55rem !important;
    border-radius: 0.4rem !important;
    display: inline-block !important;
}

#amyet-dashboard-wrapper .amyet-portal-textarea {
    resize: vertical !important;
    font-size: 0.82rem !important;
    line-height: 1.5 !important;
    padding: 0.75rem 1rem !important;
    background: #0b1024 !important;
    border: 1px solid #334155 !important;
    border-radius: 0.65rem !important;
    color: #ffffff !important;
}

/* Ejes Nutricionales */
#amyet-dashboard-wrapper .amyet-f4-axis-card {
    background: #121838 !important;
    border: 1px solid #1e293b !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1.15rem !important;
}

#amyet-dashboard-wrapper .amyet-axis-label {
    display: flex !important;
    align-items: center !important;
    gap: 0.65rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 0.8rem !important;
    margin-bottom: 0.55rem !important;
}

#amyet-dashboard-wrapper .amyet-axis-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 1.4rem !important;
    height: 1.4rem !important;
    background: rgba(45, 212, 191, 0.2) !important;
    border: 1px solid #2dd4bf !important;
    color: #2dd4bf !important;
    font-size: 0.72rem !important;
    font-weight: 800 !important;
    border-radius: 999px !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-axis-options-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0.55rem !important;
}

#amyet-dashboard-wrapper .amyet-axis-options-grid--2col {
    grid-template-columns: 1fr 1fr !important;
}

#amyet-dashboard-wrapper .amyet-axis-btn {
    background: #0b1024 !important;
    border: 1px solid #334155 !important;
    border-radius: 0.6rem !important;
    padding: 0.55rem 0.75rem !important;
    color: #94a3b8 !important;
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    text-align: center !important;
}

#amyet-dashboard-wrapper .amyet-axis-btn:hover {
    border-color: #64748b !important;
    color: #e2e8f0 !important;
}

#amyet-dashboard-wrapper .amyet-axis-btn--active {
    background: rgba(45, 212, 191, 0.25) !important;
    border-color: #2dd4bf !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(45, 212, 191, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-axis-btn--active-purple {
    background: rgba(168, 85, 247, 0.25) !important;
    border-color: #a855f7 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    box-shadow: 0 0 12px rgba(168, 85, 247, 0.3) !important;
}

/* Micronutrientes Semáforo */
#amyet-dashboard-wrapper .amyet-f4-micronutrients-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 0.85rem !important;
}

@media (max-width: 860px) {
    #amyet-dashboard-wrapper .amyet-f4-micronutrients-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-micro-card {
    background: #121838 !important;
    border: 1px solid #1e293b !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1rem !important;
}

#amyet-dashboard-wrapper .amyet-micro-top {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.45rem !important;
}

#amyet-dashboard-wrapper .amyet-micro-name {
    font-weight: 700 !important;
    color: #ffffff !important;
    font-size: 0.82rem !important;
}

#amyet-dashboard-wrapper .amyet-micro-badge {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.55rem !important;
    border-radius: 999px !important;
}

#amyet-dashboard-wrapper .amyet-micro-badge--green {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #4ade80 !important;
    border: 1px solid rgba(34, 197, 94, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-micro-badge--amber {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fbbf24 !important;
    border: 1px solid rgba(245, 158, 11, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-micro-badge--red {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #f87171 !important;
    border: 1px solid rgba(239, 68, 68, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-micro-desc {
    font-size: 0.74rem !important;
    color: #94a3b8 !important;
    line-height: 1.4 !important;
}

/* Regla de Oro Alert */
#amyet-dashboard-wrapper .amyet-f4-rule-alert {
    background: rgba(245, 158, 11, 0.08) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    border-radius: 0.85rem !important;
    padding: 1rem 1.25rem !important;
    display: flex !important;
    gap: 0.85rem !important;
    align-items: center !important;
}

#amyet-dashboard-wrapper .amyet-f4-rule-alert--danger {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: rgba(239, 68, 68, 0.4) !important;
}

/* Mapeo Emuntorios */
#amyet-dashboard-wrapper .amyet-emuntorios-grid {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 0.85rem !important;
    margin-top: 0.75rem !important;
}

@media (max-width: 860px) {
    #amyet-dashboard-wrapper .amyet-emuntorios-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

#amyet-dashboard-wrapper .amyet-emuntorio-card {
    background: #0b1024 !important;
    border: 1px solid #1e293b !important;
    border-radius: 0.75rem !important;
    padding: 0.85rem 0.95rem !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.45rem !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-name {
    color: #ffffff !important;
    font-size: 0.75rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-val {
    font-size: 0.75rem !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-track {
    width: 100% !important;
    height: 8px !important;
    background: #1e293b !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    margin-bottom: 0.45rem !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill {
    height: 100% !important;
    border-radius: 999px !important;
    transition: width 0.4s ease !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill--amber {
    background: linear-gradient(90deg, #f59e0b, #d97706) !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill--teal {
    background: linear-gradient(90deg, #2dd4bf, #0d9488) !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill--green {
    background: linear-gradient(90deg, #22c55e, #16a34a) !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill--purple {
    background: linear-gradient(90deg, #c084fc, #9333ea) !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-bar-fill--blue {
    background: linear-gradient(90deg, #60a5fa, #2563eb) !important;
}

#amyet-dashboard-wrapper .amyet-emuntorio-sub {
    font-size: 0.7rem !important;
    color: #94a3b8 !important;
    line-height: 1.35 !important;
}

/* Pauta Nutricional Box */
#amyet-dashboard-wrapper .amyet-f4-box--pauta {
    border-color: rgba(45, 212, 191, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-f4-pauta-content {
    font-size: 0.8rem !important;
    line-height: 1.55 !important;
    color: #e2e8f0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.4rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-header {
    background: linear-gradient(180deg, #1e293b, #0f172a) !important;
    border-bottom: 2px solid #334155 !important;
    padding: 1.25rem 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-avatar-wrap {
    position: relative !important;
    display: inline-block !important;
}

#amyet-dashboard-wrapper .amyet-prof-avatar {
    width: 3.5rem !important;
    height: 3.5rem !important;
    background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(99, 102, 241, 0.2)) !important;
    border: 2px solid #38bdf8 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.5rem !important;
    color: #38bdf8 !important;
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.3) !important;
}

#amyet-dashboard-wrapper .amyet-prof-badge-status {
    position: absolute !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 14px !important;
    height: 14px !important;
    background: #10b981 !important;
    border: 2.5px solid #0f172a !important;
    border-radius: 50% !important;
    box-shadow: 0 0 8px #10b981 !important;
}

#amyet-dashboard-wrapper .amyet-prof-title-row {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    flex-wrap: wrap !important;
}

#amyet-dashboard-wrapper .amyet-prof-role-tag {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    padding: 0.2rem 0.65rem !important;
    border-radius: 2rem !important;
    background: rgba(99, 102, 241, 0.18) !important;
    border: 1px solid #6366f1 !important;
    color: #a5b4fc !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.35rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-modal-body {
    padding: 1.5rem !important;
    overflow-y: auto !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.5rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-info-banner {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    background: rgba(56, 189, 248, 0.08) !important;
    border: 1.5px solid rgba(56, 189, 248, 0.3) !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1.15rem !important;
    color: #cbd5e1 !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;
}

#amyet-dashboard-wrapper .amyet-prof-banner-icon {
    font-size: 1.25rem !important;
    color: #38bdf8 !important;
    flex-shrink: 0 !important;
    margin-top: 0.1rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-banner-text strong {
    color: #38bdf8 !important;
}

#amyet-dashboard-wrapper .amyet-prof-section {
    background: rgba(30, 41, 59, 0.6) !important;
    border: 1.5px solid #334155 !important;
    border-radius: 1rem !important;
    padding: 1.25rem 1.35rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-header {
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    margin-bottom: 1.15rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-icon {
    width: 2.35rem !important;
    height: 2.35rem !important;
    border-radius: 0.65rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-icon--teal {
    background: rgba(45, 212, 191, 0.15) !important;
    border: 1px solid rgba(45, 212, 191, 0.4) !important;
    color: #2dd4bf !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-icon--purple {
    background: rgba(192, 132, 252, 0.15) !important;
    border: 1px solid rgba(192, 132, 252, 0.4) !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-title {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
}

#amyet-dashboard-wrapper .amyet-prof-section-desc {
    font-size: 0.78rem !important;
    color: #94a3b8 !important;
    margin-top: 0.15rem !important;
}

/* Grid de Tecnologías */
#amyet-dashboard-wrapper .amyet-prof-tech-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
    gap: 0.85rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-card {
    background: #0f172a !important;
    border: 1.5px solid #334155 !important;
    border-radius: 0.85rem !important;
    padding: 0.85rem 1rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.85rem !important;
    transition: all 0.2s ease !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-card:hover {
    border-color: #475569 !important;
    transform: translateY(-1px) !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-card--active {
    border-color: rgba(45, 212, 191, 0.5) !important;
    background: rgba(15, 23, 42, 0.95) !important;
    box-shadow: 0 0 14px rgba(45, 212, 191, 0.15) !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-icon {
    width: 2.4rem !important;
    height: 2.4rem !important;
    border-radius: 0.6rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1.1rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--cyan {
    background: rgba(56, 189, 248, 0.15) !important;
    border: 1px solid rgba(56, 189, 248, 0.35) !important;
    color: #38bdf8 !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--amber {
    background: rgba(245, 158, 11, 0.15) !important;
    border: 1px solid rgba(245, 158, 11, 0.35) !important;
    color: #f59e0b !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--indigo {
    background: rgba(99, 102, 241, 0.15) !important;
    border: 1px solid rgba(99, 102, 241, 0.35) !important;
    color: #818cf8 !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--purple {
    background: rgba(192, 132, 252, 0.15) !important;
    border: 1px solid rgba(192, 132, 252, 0.35) !important;
    color: #c084fc !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--emerald {
    background: rgba(16, 185, 129, 0.15) !important;
    border: 1px solid rgba(16, 185, 129, 0.35) !important;
    color: #10b981 !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--yellow {
    background: rgba(234, 179, 8, 0.15) !important;
    border: 1px solid rgba(234, 179, 8, 0.35) !important;
    color: #eab308 !important;
}

#amyet-dashboard-wrapper .amyet-prof-icon--blue {
    background: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.35) !important;
    color: #3b82f6 !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-content {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-name {
    font-family: 'Rajdhani', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-sub {
    font-size: 0.72rem !important;
    color: #94a3b8 !important;
    margin-top: 0.15rem !important;
    line-height: 1.3 !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-toggle-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.25rem !important;
    flex-shrink: 0 !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-status-text {
    font-size: 0.65rem !important;
    font-weight: 700 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
}

#amyet-dashboard-wrapper .amyet-prof-tech-card--active .amyet-prof-tech-status-text {
    color: #2dd4bf !important;
}

/* Formulario Datos Profesional */
#amyet-dashboard-wrapper .amyet-prof-form-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 1rem !important;
}

#amyet-dashboard-wrapper .amyet-prof-form-group {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.35rem !important;
}