/* Reset e configurações básicas originais */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            /* Paleta de cores minimalista original */
            --primary: #6366f1;
            --primary-light: #818cf8;
            --primary-dark: #4f46e5;
            --secondary: #1317f0;
            --secondary-rgb: 19, 23, 240;
            --accent: #06b6d4;
            --success: #10b981;
            --warning: #f59e0b;
            --error: #ef4444;
            
            /* Tons neutros */
            --gray-50: #f8fafc;
            --gray-100: #f1f5f9;
            --gray-200: #e2e8f0;
            --gray-300: #cbd5e1;
            --gray-400: #94a3b8;
            --gray-500: #64748b;
            --gray-600: #475569;
            --gray-700: #334155;
            --gray-800: #1e293b;
            --gray-900: #0f172a;
            
            /* Sombras */
            --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
            --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
            --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
            --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
            --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
            
            /* Bordas */
            --radius-sm: 0.375rem;
            --radius: 0.5rem;
            --radius-md: 0.75rem;
            --radius-lg: 1rem;
            --radius-xl: 1.5rem;
            
            /* Espaçamentos */
            --space-1: 0.25rem;
            --space-2: 0.5rem;
            --space-3: 0.75rem;
            --space-4: 1rem;
            --space-5: 1.25rem;
            --space-6: 1.5rem;
            --space-8: 2rem;
            --space-10: 2.5rem;
            --space-12: 3rem;
            --space-16: 4rem;
            --space-20: 5rem;
            --ui-font-scale: 1;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            background: linear-gradient(135deg, #ffffff 0%, var(--gray-50) 100%);
            color: var(--gray-800);
            line-height: 1.6;
            min-height: 100vh;
            font-weight: 400;
            letter-spacing: 0;
        }

        html {
            scroll-behavior: smooth;
            -webkit-text-size-adjust: 100%;
            text-size-adjust: 100%;
            touch-action: pan-x pan-y;
            overscroll-behavior: none;
            font-size: calc(16px * var(--ui-font-scale));
        }

        html.ui-size-small { --ui-font-scale: 0.92; }
        html.ui-size-normal { --ui-font-scale: 1; }
        html.ui-size-large { --ui-font-scale: 1.1; }

        html,
        body,
        #home-view,
        #app-view {
            -webkit-tap-highlight-color: transparent;
            overscroll-behavior: none;
            touch-action: pan-x pan-y;
        }

        html.translated-ltr,
        html.translated-rtl,
        body {
            top: 0 !important;
        }

        .goog-te-banner-frame,
        .goog-te-gadget,
        .goog-te-balloon-frame,
        .goog-tooltip,
        .goog-tooltip:hover,
        #goog-gt-tt,
        iframe.skiptranslate,
        .VIpgJd-ZVi9od-ORHb-OEVmcd,
        .VIpgJd-ZVi9od-aZ2wEe-wOHMyf,
        .VIpgJd-yAWNEb-L7lbkb {
            display: none !important;
            visibility: hidden !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }

        body,
        button,
        .tab-button,
        .sub-tab-button,
        .record-item,
        .profile-card,
        .photo-preview,
        .pet-ai-menu-item {
            -webkit-touch-callout: none;
            user-select: none;
        }

        input,
        textarea {
            user-select: text;
        }

        ::selection {
            background: rgba(var(--secondary-rgb), 0.22);
            color: var(--gray-900);
        }

        input[type="checkbox"],
        input[type="radio"],
        input[type="range"],
        progress {
            accent-color: var(--secondary);
        }

        html,
        body,
        #home-view,
        #app-view,
        .settings-panel,
        .sequence-panel,
        .amlealt-ai-sheet,
        .modal-content,
        .integrated-iframe {
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        html::-webkit-scrollbar,
        body::-webkit-scrollbar,
        #home-view::-webkit-scrollbar,
        #app-view::-webkit-scrollbar,
        .settings-panel::-webkit-scrollbar,
        .sequence-panel::-webkit-scrollbar,
        .amlealt-ai-sheet::-webkit-scrollbar,
        .modal-content::-webkit-scrollbar,
        .integrated-iframe::-webkit-scrollbar,
        *::-webkit-scrollbar {
            width: 0 !important;
            height: 0 !important;
            display: none !important;
        }

        body {
            -webkit-user-select: none;
            user-select: none;
        }

        input,
        textarea,
        select,
        [contenteditable="true"],
        .setting-textarea,
        .amlealt-ai-input {
            -webkit-user-select: text;
            user-select: text;
        }

        a,
        button,
        label,
        [role="button"],
        [onclick],
        .liquid-normal,
        .liquid-glass,
        .liquid-glass-gradient {
            touch-action: manipulation;
            -ms-touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
        }

        .liquid-normal,
        .liquid-glass,
        .liquid-glass-gradient {
            position: relative;
            isolation: isolate;
            overflow: hidden;
            transform: translateZ(0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            contain: layout paint;
        }

        .liquid-normal::before,
        .liquid-glass::before,
        .liquid-glass-gradient::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: inherit;
            pointer-events: none;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.28), transparent 42%, rgba(255, 255, 255, 0.16));
            opacity: 0.78;
            z-index: -1;
        }

        .liquid-normal {
            border-color: rgba(var(--secondary-rgb), 0.2) !important;
            background:
                linear-gradient(135deg, rgba(var(--secondary-rgb), 0.98), rgba(var(--secondary-rgb), 0.82)) !important;
            color: #ffffff !important;
            box-shadow: 0 14px 32px rgba(var(--secondary-rgb), 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
        }

        .liquid-glass {
            border-color: rgba(255, 255, 255, 0.34) !important;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.42)) !important;
            color: var(--gray-900) !important;
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.46) !important;
            backdrop-filter: blur(20px) saturate(170%);
            -webkit-backdrop-filter: blur(20px) saturate(170%);
        }

        .liquid-glass-gradient {
            border-color: rgba(255, 255, 255, 0.36) !important;
            background:
                linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,255,255,0.34)),
                linear-gradient(135deg, rgba(var(--secondary-rgb), 0.98), rgba(var(--secondary-rgb), 0.76), rgba(56, 189, 248, 0.62)) !important;
            color: #0f172a !important;
            box-shadow: 0 18px 44px rgba(var(--secondary-rgb), 0.24), 0 0 0 5px rgba(var(--secondary-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.52) !important;
            backdrop-filter: blur(22px) saturate(180%);
            -webkit-backdrop-filter: blur(22px) saturate(180%);
        }

        body.app-dark-theme .liquid-glass {
            border-color: rgba(255, 255, 255, 0.14) !important;
            background: linear-gradient(135deg, rgba(31, 41, 55, 0.82), rgba(15, 23, 42, 0.58)) !important;
            color: var(--text-primary, #f8fafc) !important;
            box-shadow: 0 16px 38px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
        }

        body.app-dark-theme .liquid-glass-gradient {
            color: #f8fafc !important;
            background:
                linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(15, 23, 42, 0.42)),
                linear-gradient(135deg, rgba(var(--secondary-rgb), 0.92), rgba(var(--secondary-rgb), 0.70), rgba(56, 189, 248, 0.52)) !important;
        }

        .form-section,
        .record-item,
        .share-tool-card,
        .guide-section,
        .memory-card {
            content-visibility: auto;
            contain-intrinsic-size: 1px 320px;
        }

        html,
        body,
        body *,
        .elementor,
        .elementor *,
        [class*="elementor"],
        [class*="elementor"] * {
            -webkit-tap-highlight-color: transparent !important;
        }

        body,
        body.elementor-page {
            --e-global-color-primary: var(--secondary);
            --e-global-color-secondary: var(--primary);
            --e-global-color-accent: var(--secondary);
            --e-global-color-text: var(--gray-800);
        }

        body *::selection,
        .elementor *::selection,
        [class*="elementor"] *::selection {
            background: rgba(var(--secondary-rgb), 0.22) !important;
            color: inherit !important;
        }

        body *:focus,
        body *:active,
        body *:focus-visible,
        .elementor *:focus,
        .elementor *:active,
        .elementor *:focus-visible,
        [class*="elementor"] *:focus,
        [class*="elementor"] *:active,
        [class*="elementor"] *:focus-visible {
            -webkit-tap-highlight-color: transparent !important;
            outline-color: var(--secondary) !important;
        }

        button,
        input,
        select,
        textarea,
        .form-section,
        .record-item,
        .tab-button,
        .sub-tab-button,
        .embedded-tool-shell,
        .add-record-button {
            transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease, background 0.22s ease, color 0.22s ease, opacity 0.22s ease;
        }

        #app-view button,
        #home-view button {
            font: inherit;
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
        }

        button:active {
            transform: translateY(1px) scale(0.985);
        }

        button,
        [role="button"],
        .settings-action-btn,
        .tab-button,
        .sub-tab-button {
            position: relative;
        }

        .soft-click {
            overflow: hidden;
        }

        .soft-click::after {
            content: "";
            position: absolute;
            left: var(--click-x, 50%);
            top: var(--click-y, 50%);
            width: 12px;
            height: 12px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.42);
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, -50%) scale(1);
        }

        .soft-click.click-animate {
            transform: translateY(1px) scale(0.985);
        }

        .soft-click.click-animate::after {
            animation: softClickRipple 0.48s cubic-bezier(0.16, 0.84, 0.24, 1);
        }

        @keyframes softClickRipple {
            0% { opacity: 0.42; transform: translate(-50%, -50%) scale(1); }
            100% { opacity: 0; transform: translate(-50%, -50%) scale(18); }
        }

        .amlealt-logo {
            display: block;
            object-fit: contain;
        }

        /* --- TELA INICIAL (ESTILO NETFLIX) --- */
        #home-view {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: #ffffff;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 2000;
            transition: opacity 0.4s ease;
            padding: var(--space-8);
            overflow: visible;
            isolation: isolate;
        }

        #home-view::before {
            content: '';
            position: absolute;
            inset: 0;
            background: transparent;
            pointer-events: none;
        }
        .home-brand {
            position: relative;
            z-index: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            margin-bottom: var(--space-8);
            border: none;
            background: transparent !important;
            box-shadow: none !important;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .home-logo {
            width: min(76vw, 320px);
            height: auto;
            max-height: 148px;
        }

        .netflix-title {
            position: relative;
            z-index: 1;
            color: var(--gray-900);
            font-size: clamp(1.75rem, 4vw, 3rem);
            font-weight: 800;
            margin-bottom: var(--space-8);
            letter-spacing: 0;
            text-align: center;
            line-height: 1.08;
        }

        .profiles-container {
            position: relative;
            z-index: 1;
            display: flex;
            gap: 2rem;
            flex-wrap: nowrap;
            justify-content: center;
            overflow-x: auto; /* Permite scroll se houver muitos */
            padding: 1.5rem 1rem 2rem; /* Espaço para hover sem cortar */
            scrollbar-width: none; /* Esconde scrollbar no Firefox */
        }
        .profiles-container::-webkit-scrollbar { display: none; } /* Esconde scrollbar no Chrome/Safari */

        .home-backup-import {
            position: absolute;
            z-index: 1;
            left: 0;
            right: 0;
            bottom: max(1rem, env(safe-area-inset-bottom));
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            flex-wrap: wrap;
            padding: 0 1rem;
        }

        .home-backup-import-btn {
            border: 1px solid rgba(226, 232, 240, 0.92);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.94);
            color: var(--gray-800);
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.13);
            cursor: pointer;
            font-size: 0.86rem;
            font-weight: 800;
            min-height: 38px;
            padding: 0.55rem 0.95rem;
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
        }

        .home-backup-import-btn:hover,
        .home-backup-import-btn:focus-visible {
            border-color: rgba(var(--secondary-rgb), 0.55);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.17);
            transform: translateY(-2px);
            outline: none;
        }

        .home-backup-import-file {
            position: fixed;
            width: 1px;
            height: 1px;
            opacity: 0;
            pointer-events: none;
            left: -9999px;
            top: 0;
        }


        body.app-theme-total .home-backup-import-btn {
            background: var(--surface-elevated, #111827) !important;
            color: var(--text-primary, #f8fafc) !important;
            border-color: var(--border-subtle, rgba(255, 255, 255, 0.14)) !important;
        }

        .footer-amlealt-logo {
            display: block;
            width: min(28vw, 96px);
            height: auto;
            margin: 0.32rem auto 0;
            opacity: 0.9;
        }

        @media (max-width: 520px) {
            .home-backup-import {
                gap: 0.5rem;
                padding: 0 0.75rem;
            }

            .home-backup-import-btn {
                font-size: 0.8rem;
                min-height: 36px;
                padding: 0.5rem 0.72rem;
            }
        }
        .profile-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            cursor: pointer;
            transition: transform 0.2s ease, opacity 0.2s ease;
            width: 148px;
            position: relative; /* Para posicionar o botão de deletar */
            z-index: 1;
        }

        .profile-card:hover {
            transform: translateY(-4px) scale(1.035);
            z-index: 40;
            background: transparent !important;
            box-shadow: none !important;
        }

        .profile-avatar {
            width: 132px;
            height: 132px;
            border-radius: 28px;
            background: #ffffff;
            background-size: cover;
            background-position: center;
            border: 1px solid rgba(226, 232, 240, 0.95);
            transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.12);
            contain: paint;
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            will-change: transform;
        }

        .profile-avatar img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center;
            pointer-events: none;
            transform: translateZ(0);
            -webkit-transform: translateZ(0);
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }

        .profile-card:hover .profile-avatar {
            border-color: rgba(19, 23, 240, 0.28);
            box-shadow: 0 22px 54px rgba(19, 23, 240, 0.14), 0 0 0 6px rgba(19, 23, 240, 0.06);
        }

        .profile-avatar.add-btn {
            background: #ffffff;
            border: 1px dashed rgba(19, 23, 240, 0.32);
            color: var(--secondary);
            font-size: 3rem;
            font-weight: 300;
            backdrop-filter: blur(18px);
        }
        
        .profile-card:hover .profile-avatar.add-btn {
            background-color: #ffffff;
            color: var(--gray-900);
            border-color: rgba(19, 23, 240, 0.34);
        }

        .profile-name {
            color: var(--gray-700);
            margin-top: 1rem;
            font-size: 1rem;
            font-weight: 700;
            transition: color 0.2s ease;
            text-align: center;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .profile-card:hover .profile-name {
            color: var(--gray-950, #020617);
        }

        #home-view .profile-card:is(:focus, :focus-visible, :active, .profile-menu-open) {
            background: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

        #home-view .profile-card:is(:active, .profile-menu-open) {
            transform: translateY(-4px) scale(1.035);
            z-index: 40;
        }

        #home-view .profile-card:is(:active, .profile-menu-open) .profile-avatar {
            border-color: rgba(19, 23, 240, 0.28);
            box-shadow: 0 22px 54px rgba(19, 23, 240, 0.14), 0 0 0 6px rgba(19, 23, 240, 0.06);
        }

        /* Botão de deletar perfil */
        .delete-profile-btn {
            position: static;
            margin-top: 0.45rem;
            background: rgba(239, 68, 68, 0.08);
            color: #ef4444;
            border: 1px solid rgba(248, 113, 113, 0.32);
            border-radius: 999px;
            width: auto;
            min-width: 0;
            min-height: 22px;
            padding: 0 0.58rem;
            font-size: 0.68rem;
            line-height: 1;
            font-weight: 800;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            box-shadow: none;
            backdrop-filter: blur(10px);
            opacity: 0.72;
            z-index: 2;
            transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
        }
        
        .profile-card:hover .delete-profile-btn {
            opacity: 1;
            color: #ef4444;
            background: #ffffff;
            border-color: rgba(248, 113, 113, 0.58);
        }
        
        .delete-profile-btn:hover {
            background-color: rgba(220, 38, 38, 0.88);
            border-color: rgba(254, 202, 202, 0.78);
            transform: translateY(-1px);
        }

        .profile-card.profile-menu-open {
            z-index: 120;
        }

        .profile-avatar {
            touch-action: manipulation;
        }

        .profile-mini-menu {
            position: absolute;
            top: 0.55rem;
            left: 50%;
            min-width: 138px;
            padding: 0.42rem;
            display: grid;
            gap: 0.3rem;
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.62);
            background: rgba(255, 255, 255, 0.78);
            color: var(--gray-900);
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
            backdrop-filter: blur(18px) saturate(150%);
            -webkit-backdrop-filter: blur(18px) saturate(150%);
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, -6px) scale(0.96);
            transform-origin: top center;
            transition: opacity 0.18s ease, transform 0.18s ease;
            z-index: 90;
        }

        .profile-mini-menu[hidden] {
            display: none;
        }

        .profile-card.profile-menu-open .profile-mini-menu {
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, 0) scale(1);
        }

        .profile-mini-menu button {
            width: 100%;
            min-height: 38px;
            border: 0;
            border-radius: 13px;
            background: rgba(255, 255, 255, 0.62);
            color: inherit;
            display: flex;
            align-items: center;
            gap: 0.48rem;
            padding: 0 0.72rem;
            font: inherit;
            font-size: 0.84rem;
            font-weight: 800;
            cursor: pointer;
            text-align: left;
            transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease;
        }

        .profile-mini-menu button:hover,
        .profile-mini-menu button:focus-visible {
            background: rgba(19, 23, 240, 0.1);
            color: var(--secondary);
            transform: translateY(-1px);
            outline: none;
        }

        .profile-mini-menu button.profile-mini-delete:hover,
        .profile-mini-menu button.profile-mini-delete:focus-visible {
            background: rgba(239, 68, 68, 0.12);
            color: #ef4444;
        }

        .profile-mini-menu svg {
            width: 17px;
            height: 17px;
            flex: 0 0 auto;
        }

        body.app-theme-total .profile-mini-menu {
            background: rgba(18, 18, 20, 0.84);
            border-color: rgba(255, 255, 255, 0.16);
            color: #ffffff;
            box-shadow: 0 18px 46px rgba(0, 0, 0, 0.42);
        }

        body.app-theme-total .profile-mini-menu button {
            background: rgba(255, 255, 255, 0.08);
            color: #ffffff;
        }

        /* --- APLICATIVO PRINCIPAL --- */
        #app-view {
            display: none;
            transform-origin: center 4rem;
            animation: platformOpen 0.58s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        /* Header original modificado */
        .header {
            width: 100%;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.82);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid var(--gray-200);
            position: sticky;
            top: 0;
            z-index: 100;
            padding: var(--space-3) 0;
            transition: width 0.25s ease, margin 0.25s ease, padding 0.25s ease, border-radius 0.25s ease, box-shadow 0.25s ease, background 0.25s ease, top 0.25s ease;
        }

        .header.scrolled {
            top: var(--space-3);
            width: min(1120px, calc(100% - 32px));
            margin-top: var(--space-3);
            border: 1px solid rgba(226, 232, 240, 0.86);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.74);
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.14);
            padding: 0.55rem 0;
        }

        .header-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 var(--space-6);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-3);
            min-width: 0;
        }

        .header-actions {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            flex-shrink: 0;
            flex-wrap: wrap;
            justify-content: flex-end;
            position: relative;
            z-index: 3;
            pointer-events: auto;
        }

        .header-title {
            font-size: 1.32rem;
            font-weight: 700;
            color: var(--gray-900);
            letter-spacing: -0.025em;
            display: flex;
            align-items: center;
            gap: var(--space-3);
            white-space: nowrap;
            transition: font-size 0.25s ease;
        }

        .header-brand-logo {
            width: 38px;
            height: 38px;
            transition: width 0.25s ease, height 0.25s ease;
        }

        .header-brand-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: inherit;
            cursor: pointer;
            appearance: none;
            -webkit-appearance: none;
            line-height: 0;
        }

        .header-brand-button:focus-visible {
            outline: 2px solid var(--primary);
            outline-offset: 3px;
        }

        .header.scrolled .header-title {
            font-size: 1rem;
        }

        .header.scrolled .header-brand-logo {
            width: 28px;
            height: 28px;
        }

        .header-pet-summary {
            display: flex;
            align-items: center;
            gap: var(--space-3);
            min-width: 0;
            border-radius: 999px;
            cursor: pointer;
            padding: 0.14rem 0.2rem;
            transition: color 0.2s ease, background 0.2s ease;
        }

        .header-pet-summary:hover,
        .header-pet-summary:focus-visible {
            background: rgba(var(--secondary-rgb), 0.08);
            outline: none;
        }

        .header-pet-summary:hover .current-pet-name,
        .header-pet-summary:focus-visible .current-pet-name {
            color: var(--secondary);
        }

        .current-pet-photo {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background: var(--primary);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            background-size: cover;
            background-position: center;
            flex-shrink: 0;
            transition: width 0.25s ease, height 0.25s ease;
        }

        .header.scrolled .current-pet-photo {
            width: 34px;
            height: 34px;
        }

        .current-pet-info {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
            min-width: 0;
        }

        .current-pet-name {
            font-weight: 700;
            color: var(--gray-900);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 220px;
        }

        .profile-completeness {
            display: flex;
            align-items: center;
            gap: var(--space-2);
            font-size: 0.75rem;
            color: var(--gray-600);
        }
        .profile-completeness.profile-complete {
            display: none !important;
        }

        .header.scrolled .profile-completeness,
        .header.scrolled .switch-pet-btn,
        .header.scrolled .install-app-btn {
            display: none !important;
        }

        .completion-bar {
            width: 92px;
            height: 6px;
            border-radius: 999px;
            background: var(--gray-200);
            overflow: hidden;
        }

        .completion-fill {
            height: 100%;
            width: 0%;
            background: var(--success);
            transition: width 0.2s ease;
        }

        .switch-pet-btn {
            background: rgba(15, 23, 42, 0.04);
            border: 1px solid rgba(15, 23, 42, 0.08);
            padding: 0.36rem 0.58rem;
            border-radius: 999px;
            cursor: pointer;
            font-weight: 800;
            font-size: 0.7rem;
            color: var(--gray-700);
            transition: all 0.2s ease;
            font-family: 'Inter', sans-serif;
            white-space: nowrap;
            line-height: 1;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            z-index: 5;
            pointer-events: auto;
            touch-action: manipulation;
        }

        .switch-pet-btn:hover {
            background: rgba(37, 99, 235, 0.1);
            border-color: rgba(37, 99, 235, 0.22);
            color: var(--primary-dark);
            transform: translateY(-1px);
        }

        .header-actions .switch-pet-btn {
            width: 58px;
            height: 58px;
            min-height: 58px;
            padding: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
        }

        .header-actions .switch-pet-btn:hover {
            background: rgba(var(--secondary-rgb), 0.08);
            border-color: rgba(var(--secondary-rgb), 0.55);
            color: var(--secondary);
            box-shadow: 0 16px 34px rgba(var(--secondary-rgb), 0.16);
        }

        .switch-pet-icon {
            width: 52px;
            height: 52px;
            display: block;
            object-fit: contain;
        }

        .header-icon-btn {
            width: 48px;
            height: 48px;
            background: rgba(255, 255, 255, 0.88);
            border: 1px solid rgba(148, 163, 184, 0.32);
            color: var(--gray-800);
            border-radius: 999px;
            cursor: pointer;
            transition: all 0.2s ease;
            font-family: 'Inter', sans-serif;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
            position: relative;
            z-index: 4;
            touch-action: manipulation;
        }

        .header-icon-btn svg {
            width: 24px;
            height: 24px;
            stroke-width: 2.8;
            flex: 0 0 auto;
        }

        .header-search-btn {
            display: none;
            opacity: 0;
            pointer-events: none;
            transform: translate3d(0, 1.6rem, 0) scale(0.82);
            transform-origin: center;
        }

        .header.scrolled .header-search-btn {
            display: inline-flex;
            width: 40px;
            height: 40px;
            min-height: 40px;
            opacity: 1;
            pointer-events: auto;
            animation: searchIconDock 0.58s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .header.scrolled .header-search-btn svg {
            width: 22px;
            height: 22px;
        }

        .sequence-btn svg {
            fill: currentColor;
            stroke-width: 1.8;
        }

        .header-icon-btn:hover {
            transform: translateY(-1px);
            border-color: rgba(37, 99, 235, 0.3);
            color: var(--primary-dark);
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.16);
        }

        .header-actions .minha-amlealt-btn {
            width: 58px;
            height: 58px;
            min-height: 58px;
            padding: 0;
            border: 2px solid transparent;
            border-radius: 999px;
            background: transparent !important;
            box-shadow: none !important;
            color: var(--gray-800);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            overflow: visible;
        }

        .header-actions .minha-amlealt-btn:hover,
        .header-actions .minha-amlealt-btn:focus-visible {
            background: rgba(var(--secondary-rgb), 0.08) !important;
            border-color: rgba(var(--secondary-rgb), 0.62) !important;
            color: var(--secondary);
            outline: none;
        }

        .minha-amlealt-icon {
            width: 54px;
            height: 54px;
            max-width: 100%;
            object-fit: contain;
            display: block;
            flex: 0 0 auto;
        }

        .header-actions .minha-amlealt-btn .minha-amlealt-icon {
            width: 54px !important;
            height: 54px !important;
        }

        .minha-amlealt-text {
            display: none;
        }

        .header.scrolled .minha-amlealt-btn {
            width: 40px;
            height: 40px;
            min-height: 40px;
        }

        .header.scrolled .minha-amlealt-icon {
            width: 38px;
            height: 38px;
        }

        .header.scrolled .header-actions .minha-amlealt-btn .minha-amlealt-icon {
            width: 38px !important;
            height: 38px !important;
        }

        .header.scrolled .minha-amlealt-text {
            max-width: 0;
            max-height: 0;
            overflow: hidden;
            pointer-events: none;
            animation: minhaTextSmokeOut 0.34s ease both;
        }

        @keyframes minhaTextSmokeOut {
            from { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
            to { opacity: 0; filter: blur(7px); transform: translateY(-6px) scale(0.96); }
        }

        @keyframes minhaTextSmokeIn {
            from { opacity: 0; filter: blur(7px); transform: translateY(6px) scale(1.04); }
            70% { opacity: 0.9; filter: blur(1px); transform: translateY(-1px) scale(1); }
            to { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
        }

        @keyframes searchIconDock {
            from { opacity: 0; filter: blur(7px); transform: translate3d(0, 2.2rem, 0) scale(1.34); }
            64% { opacity: 1; filter: blur(1px); transform: translate3d(0, -0.12rem, 0) scale(1.03); }
            to { opacity: 1; filter: blur(0); transform: translate3d(0, 0, 0) scale(1); }
        }

        @media (max-width: 768px) {
            .header-actions .minha-amlealt-btn {
                width: 52px;
                height: 52px;
                min-height: 52px;
            }

            .minha-amlealt-icon {
                width: 50px;
                height: 50px;
            }

            .header-actions .minha-amlealt-btn .minha-amlealt-icon {
                width: 50px !important;
                height: 50px !important;
            }

            .header-actions .switch-pet-btn {
                width: 52px;
                height: 52px;
                min-height: 52px;
            }

            .switch-pet-icon {
                width: 48px;
                height: 48px;
            }

            .header.scrolled .minha-amlealt-btn {
                width: 40px;
                height: 40px;
                min-height: 40px;
            }

            .header.scrolled .minha-amlealt-icon {
                width: 38px;
                height: 38px;
            }

            .header.scrolled .header-actions .minha-amlealt-btn .minha-amlealt-icon {
                width: 38px !important;
                height: 38px !important;
            }
        }

        .settings-overlay.minha-overlay {
            align-items: stretch;
            justify-content: stretch;
            padding: 0;
            background:
                radial-gradient(circle at 50% 0%, rgba(var(--secondary-rgb), 0.14), transparent 38%),
                rgba(248, 250, 252, 0.98);
        }

        #minhaAmlealtOverlay.active:not(.minha-underlay),
        #minhaAmlealtOverlay.active:not(.minha-underlay) .sequence-panel.minha-panel {
            pointer-events: auto !important;
        }

        .settings-overlay.minha-underlay,
        .settings-overlay.minha-underlay .sequence-panel {
            pointer-events: none !important;
        }

        .sequence-panel.minha-panel {
            width: 100vw;
            min-height: 100dvh;
            height: 100dvh;
            max-height: 100dvh;
            overflow-y: auto;
            overflow-x: hidden;
            overscroll-behavior: contain;
            touch-action: pan-y;
            border-left: 0;
            background:
                radial-gradient(circle at 50% 0%, rgba(var(--secondary-rgb), 0.12), transparent 34%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.98));
            box-shadow: none;
        }

        body.minha-fullscreen-open,
        body.laco-fullscreen-open {
            overflow: hidden;
            overscroll-behavior: none;
        }

        .settings-overlay.minha-overlay.active .sequence-panel.minha-panel,
        .sequence-overlay.active .sequence-panel.laco-panel {
            scrollbar-width: thin !important;
            scrollbar-color: rgba(var(--secondary-rgb), 0.55) rgba(148, 163, 184, 0.18) !important;
            -ms-overflow-style: auto !important;
        }

        .settings-overlay.minha-overlay.active .sequence-panel.minha-panel::-webkit-scrollbar,
        .sequence-overlay.active .sequence-panel.laco-panel::-webkit-scrollbar {
            width: 12px !important;
            height: 12px !important;
            display: block !important;
        }

        .settings-overlay.minha-overlay.active .sequence-panel.minha-panel::-webkit-scrollbar-track,
        .sequence-overlay.active .sequence-panel.laco-panel::-webkit-scrollbar-track {
            border-radius: 999px;
            background: rgba(148, 163, 184, 0.18);
        }

        .settings-overlay.minha-overlay.active .sequence-panel.minha-panel::-webkit-scrollbar-thumb,
        .sequence-overlay.active .sequence-panel.laco-panel::-webkit-scrollbar-thumb {
            border: 3px solid transparent;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.55);
            background-clip: padding-box;
        }

        .settings-overlay.minha-overlay.minha-underlay {
            z-index: 3190;
            pointer-events: none;
        }

        .minha-page {
            width: 100%;
            max-width: 1180px;
            margin: 0 auto;
            display: grid;
            gap: 0.85rem;
            padding: 0 clamp(1rem, 4vw, 3rem) 2rem;
        }

        .minha-hero {
            display: grid;
            justify-items: center;
            gap: 0.48rem;
            text-align: center;
            padding: clamp(1.9rem, 3.4vw, 3rem) 1rem 0.95rem;
        }

        .minha-hero-icon {
            width: clamp(220px, 22vw, 300px);
            height: clamp(220px, 22vw, 300px);
            object-fit: contain;
            margin-top: 0.85rem;
            margin-bottom: 1rem;
        }

        .minha-icon-picker-wrap {
            position: relative;
            display: grid;
            place-items: center;
            width: min(100%, 620px);
        }

        .minha-hero-actions {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 0.55rem;
            margin-top: 0.32rem;
        }

        .minha-hero .switch-pet-btn {
            justify-self: center;
            margin-top: 0;
        }

        .minha-pet-icon-btn {
            min-height: 36px;
            border: 1px solid rgba(var(--secondary-rgb), 0.16);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.84);
            color: var(--secondary);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.36rem;
            padding: 0.5rem 0.72rem;
            font: inherit;
            font-size: 0.75rem;
            font-weight: 950;
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.07);
            transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
        }

        .minha-pet-icon-btn:hover,
        .minha-pet-icon-btn:focus-visible {
            border-color: rgba(var(--secondary-rgb), 0.32);
            transform: translateY(-1px);
            box-shadow: 0 16px 36px rgba(var(--secondary-rgb), 0.12);
            outline: none;
        }

        .minha-icon-picker-menu {
            position: absolute;
            z-index: 12;
            top: calc(100% + 0.65rem);
            left: 50%;
            width: min(560px, calc(100vw - 2rem));
            max-height: min(500px, 64vh);
            transform: translateX(-50%) translateY(8px);
            border: 1px solid rgba(var(--secondary-rgb), 0.16);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.95);
            box-shadow: 0 28px 74px rgba(15, 23, 42, 0.2);
            backdrop-filter: blur(22px) saturate(1.15);
            -webkit-backdrop-filter: blur(22px) saturate(1.15);
            padding: 0.72rem;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .minha-icon-picker-menu.show {
            opacity: 1;
            pointer-events: auto;
            transform: translateX(-50%) translateY(0);
        }

        .minha-icon-picker-top {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: 0.55rem;
        }

        .minha-icon-menu-close {
            width: 38px;
            height: 38px;
            border: 1px solid rgba(var(--secondary-rgb), 0.15);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--gray-800);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            font-weight: 900;
            line-height: 1;
            padding: 0 0 2px;
        }

        .minha-icon-menu-close:hover,
        .minha-icon-menu-close:focus-visible {
            color: var(--secondary);
            border-color: rgba(var(--secondary-rgb), 0.32);
            outline: none;
        }

        .minha-icon-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
            gap: 0.56rem;
            max-height: min(410px, 50vh);
            overflow-y: auto;
            padding: 0.05rem;
            align-items: stretch;
        }

        .minha-icon-choice {
            min-width: 0;
            min-height: 132px;
            border: 1px solid rgba(var(--secondary-rgb), 0.12);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.86);
            color: var(--gray-850, var(--gray-800));
            cursor: pointer;
            display: grid;
            grid-template-rows: 70px minmax(2.8em, auto);
            justify-items: center;
            align-content: center;
            gap: 0.5rem;
            padding: 0.62rem 0.52rem;
            text-align: center;
            font: inherit;
            font-size: 0.72rem;
            font-weight: 950;
            line-height: 1.16;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
            overflow: hidden;
        }

        .minha-icon-choice:hover,
        .minha-icon-choice:focus-visible {
            border-color: rgba(var(--secondary-rgb), 0.38);
            color: var(--secondary);
            transform: translateY(-1px);
            box-shadow: 0 16px 36px rgba(var(--secondary-rgb), 0.13);
            outline: none;
        }

        .minha-icon-lock {
            width: 58px;
            height: 58px;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.5);
            color: var(--secondary);
            display: grid;
            place-items: center;
            align-self: center;
            justify-self: center;
            font-size: 1.55rem;
            margin: auto;
        }

        .minha-locked-icon {
            position: relative;
            width: 70px;
            height: 70px;
            display: grid;
            place-items: center;
            align-self: center;
            justify-self: center;
        }

        .minha-locked-icon .minha-icon-lock {
            position: absolute;
            inset: auto 6px 6px auto;
            width: 28px;
            height: 28px;
            margin: 0;
            border: 1px solid rgba(255, 255, 255, 0.72);
            color: #ffffff;
            font-size: 0.94rem;
            box-shadow: 0 8px 18px rgba(15, 23, 42, 0.22);
        }

        .minha-icon-choice img {
            width: 58px;
            height: 58px;
            display: block;
            object-fit: contain;
            align-self: center;
            justify-self: center;
            margin: auto;
        }

        .minha-icon-choice span {
            max-width: 100%;
            min-width: 0;
            overflow-wrap: anywhere;
            word-break: normal;
            hyphens: auto;
            white-space: normal;
        }

        .minha-upgrade-popover {
            position: fixed;
            inset: 0;
            z-index: 4300;
            display: grid;
            place-items: center;
            padding: 1rem;
            background: rgba(15, 23, 42, 0.35);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.18s ease;
        }

        .minha-upgrade-popover.show {
            opacity: 1;
            pointer-events: auto;
        }

        .minha-upgrade-card {
            position: relative;
            width: min(360px, 100%);
            border: 1px solid rgba(var(--secondary-rgb), 0.18);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 30px 80px rgba(15, 23, 42, 0.24);
            padding: 1.45rem 1.15rem 1.15rem;
            text-align: center;
            display: grid;
            gap: 0.9rem;
        }

        .minha-upgrade-card strong {
            color: var(--gray-900);
            font-size: 1rem;
            font-weight: 950;
        }

        .minha-upgrade-card a {
            min-height: 42px;
            border-radius: 999px;
            background: var(--secondary);
            color: #fff;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-weight: 950;
            padding: 0.7rem 1rem;
        }

        .minha-upgrade-close {
            position: absolute;
            top: 0.55rem;
            right: 0.55rem;
            width: 34px;
            height: 34px;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.9);
            color: var(--gray-800);
            cursor: pointer;
            display: grid;
            place-items: center;
            font-size: 1.25rem;
            font-weight: 900;
            line-height: 1;
        }

        .minha-pet-name {
            color: var(--gray-900);
            font-size: clamp(1.8rem, 6vw, 3.4rem);
            font-weight: 950;
            line-height: 1;
            margin-top: 0.15rem;
        }

        .minha-pet-species {
            color: var(--secondary);
            font-size: 0.95rem;
            font-weight: 900;
            margin-top: 0.18rem;
        }

        .minha-options {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 0.7rem;
        }

        @media (min-width: 769px) {
            .settings-overlay.minha-overlay {
                align-items: stretch;
                justify-content: center;
                background:
                    radial-gradient(circle at 18% 8%, rgba(var(--secondary-rgb), 0.10), transparent 30rem),
                    radial-gradient(circle at 90% 18%, rgba(6, 182, 212, 0.10), transparent 28rem),
                    rgba(248, 250, 252, 0.96);
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }

            .sequence-panel.minha-panel {
                width: 100%;
                min-height: 100dvh;
                height: 100dvh;
                max-height: 100dvh;
                overflow-y: auto;
                overflow-x: hidden;
                padding: clamp(1.25rem, 4vw, 3rem);
                border-left: 0;
                border-radius: 0;
                background: transparent;
                box-shadow: none;
            }

            .minha-page {
                max-width: 1040px;
                padding: 0;
            }

            .sequence-panel.minha-panel .panel-topline {
                margin-bottom: 0;
            }


            .settings-overlay.minha-overlay .sequence-panel.minha-panel {
                padding: clamp(0.75rem, 1.8vw, 1.35rem) clamp(1rem, 2.4vw, 2rem);
            }

            .settings-overlay.minha-overlay .minha-page {
                gap: 0.55rem;
            }

            .settings-overlay.minha-overlay .minha-hero {
                gap: 0.28rem;
                padding: clamp(0.35rem, 1.2vw, 0.9rem) 1rem 0.45rem;
            }

            .settings-overlay.minha-overlay .minha-hero-icon {
                width: clamp(150px, 15vw, 190px);
                height: clamp(150px, 15vw, 190px);
                margin-top: 0.2rem;
                margin-bottom: 0.35rem;
            }

            .settings-overlay.minha-overlay .minha-pet-name {
                font-size: clamp(1.45rem, 3.2vw, 2.45rem);
                line-height: 0.98;
                margin-top: 0;
            }

            .settings-overlay.minha-overlay .minha-pet-species {
                font-size: 0.84rem;
                margin-top: 0.08rem;
            }

            .settings-overlay.minha-overlay .minha-hero-actions {
                gap: 0.42rem;
                margin-top: 0.18rem;
            }

            .settings-overlay.minha-overlay .minha-hero .switch-pet-btn,
            .settings-overlay.minha-overlay .minha-pet-icon-btn {
                min-height: 32px;
                padding: 0.38rem 0.66rem;
                font-size: 0.72rem;
            }

            .settings-overlay.minha-overlay.active .sequence-panel.minha-panel {
                animation: lacoPanelIn 0.68s cubic-bezier(0.16, 0.84, 0.24, 1) both;
            }

            .settings-overlay.minha-overlay.closing .sequence-panel.minha-panel {
                animation: lacoPanelOut 0.48s cubic-bezier(0.42, 0, 0.2, 1) both;
            }
        }

        @media (max-width: 768px) {
            .sequence-panel.minha-panel .panel-topline {
                margin-bottom: 0.1rem;
            }

            .minha-page {
                gap: 0.65rem;
            }

            .minha-hero {
                padding-top: 1.45rem;
                gap: 0.42rem;
            }

            .minha-hero-icon {
                width: clamp(210px, 58vw, 300px);
                height: clamp(210px, 58vw, 300px);
                margin-top: 0.65rem;
                margin-bottom: 0.9rem;
            }
        }

        .minha-option {
            min-height: 62px;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.88);
            color: var(--gray-850, var(--gray-800));
            cursor: pointer;
            display: grid;
            grid-template-columns: 36px minmax(0, 1fr);
            align-items: center;
            gap: 0.8rem;
            padding: 0.72rem 0.9rem;
            text-align: left;
            text-decoration: none;
            font: inherit;
            font-weight: 900;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
        }

        .minha-option:hover,
        .minha-option:focus-visible {
            border-color: rgba(var(--secondary-rgb), 0.34);
            color: var(--secondary);
            transform: translateY(-1px);
            box-shadow: 0 18px 42px rgba(var(--secondary-rgb), 0.14);
        }

        .minha-option-icon {
            width: 36px;
            height: 36px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: rgba(var(--secondary-rgb), 0.1);
            color: var(--secondary);
            overflow: hidden;
        }

        .minha-option-icon img {
            width: 82%;
            height: 82%;
            object-fit: contain;
        }

        .minha-profile-topline {
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr) 44px;
            align-items: center;
            gap: 0.5rem;
        }

        .minha-profile-topline .panel-title {
            text-align: center;
        }

        .minha-top-close,
        .minha-top-settings {
            justify-self: center;
        }

        .minha-top-settings {
            width: 42px;
            height: 42px;
            border: 1px solid rgba(var(--secondary-rgb), 0.16);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            color: var(--secondary);
            cursor: pointer;
            display: grid;
            place-items: center;
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
        }

        .minha-top-settings svg {
            width: 22px;
            height: 22px;
            stroke: currentColor;
        }

        .sequence-panel.minha-panel .minha-profile-topline {
            position: sticky;
            top: max(0.75rem, env(safe-area-inset-top));
            z-index: 12;
            width: min(560px, calc(100% - 1rem));
            min-height: 54px;
            margin-inline: auto;
            padding: 0.5rem 0.58rem;
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 999px;
            background: #ffffff;
            color: var(--gray-900);
            box-shadow: 0 20px 56px rgba(15, 23, 42, 0.16);
            transform: translateY(2px) scale(0.97);
            transform-origin: top center;
            transition: width 0.34s cubic-bezier(0.16, 0.84, 0.24, 1), border-radius 0.34s cubic-bezier(0.16, 0.84, 0.24, 1), box-shadow 0.34s ease, margin 0.34s ease, transform 0.34s cubic-bezier(0.16, 0.84, 0.24, 1), background-color 0.22s ease, color 0.22s ease;
        }

        .sequence-panel.minha-panel.minha-scrolled .minha-profile-topline {
            box-shadow: 0 20px 56px rgba(15, 23, 42, 0.16);
            transform: translateY(2px) scale(0.97);
        }

        .minha-profile-topline .panel-title {
            color: currentColor;
            font-size: clamp(1rem, 3vw, 1.22rem);
            line-height: 1.1;
        }

        .minha-profile-topline .panel-close,
        .minha-profile-topline .minha-top-settings {
            width: 42px;
            height: 42px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            background: rgba(15, 23, 42, 0.04);
            color: currentColor;
            box-shadow: none;
        }

        .minha-profile-topline .panel-close:hover,
        .minha-profile-topline .panel-close:focus-visible,
        .minha-profile-topline .minha-top-settings:hover,
        .minha-profile-topline .minha-top-settings:focus-visible {
            background: rgba(var(--secondary-rgb), 0.1);
            color: var(--secondary);
        }

        body.app-theme-dim .sequence-panel.minha-panel .minha-profile-topline {
            background: #1a1a1a;
            border-color: rgba(148, 163, 184, 0.18);
            color: #f8fafc;
            box-shadow: 0 20px 54px rgba(0, 0, 0, 0.28);
        }

        body.app-theme-total .sequence-panel.minha-panel .minha-profile-topline {
            background: #000000;
            border-color: #000000;
            color: #ffffff;
            box-shadow: 0 20px 58px rgba(0, 0, 0, 0.58);
        }

        .sequence-panel.minha-panel.minha-menu-mode .minha-top-settings {
            visibility: hidden;
            pointer-events: none;
        }

        .minha-profile-view,
        .minha-menu-view {
            width: 100%;
            display: grid;
            gap: clamp(1.2rem, 3vw, 2rem);
        }

        .minha-menu-view {
            padding-top: clamp(1rem, 2.4vw, 1.4rem);
        }

        #minhaAmlealtOverlay .minha-page {
            padding-top: clamp(0.85rem, 2vw, 1.15rem);
        }

        .minha-profile-view[hidden],
        .minha-menu-view[hidden] {
            display: none !important;
        }

        .minha-profile-hero {
            display: grid;
            justify-items: center;
            text-align: center;
            gap: 0.55rem;
            padding: clamp(1.4rem, 4vw, 3rem) 1rem 0.7rem;
        }

        .minha-profile-photo-frame {
            width: clamp(132px, 22vw, 190px);
            height: clamp(132px, 22vw, 190px);
            border-radius: 50%;
            padding: 0;
            background: transparent;
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.10);
            display: grid;
            place-items: center;
            overflow: hidden;
        }

        .minha-profile-photo {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            display: block;
            object-fit: cover;
            object-position: center;
            background: transparent;
        }

        .minha-profile-photo:not(.has-real-photo) {
            object-fit: cover;
            padding: 0;
        }

        .minha-pet-username {
            color: var(--secondary);
            font-size: 0.92rem;
            font-weight: 900;
        }

        .minha-name-with-badge,
        .minha-post-author,
        .minha-search-name-row,
        .minha-comment-author {
            display: inline-flex;
            align-items: center;
            flex-wrap: nowrap;
            gap: 0.32rem;
            max-width: 100%;
            min-width: 0;
            width: fit-content;
            vertical-align: middle;
        }

        .minha-name-text {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .minha-verified-badge {
            width: clamp(16px, 1.25em, 20px);
            height: clamp(16px, 1.25em, 20px);
            flex: 0 0 auto;
            object-fit: contain;
            vertical-align: middle;
        }

        .minha-verified-badge-blue {
            width: clamp(22px, 0.78em, 26px);
            height: clamp(22px, 0.78em, 26px);
        }

        .minha-pet-description {
            max-width: 560px;
            color: var(--gray-600);
            font-weight: 760;
            margin: 0.1rem 0 0;
        }

        .minha-social-row {
            display: flex;
            justify-content: center;
            gap: clamp(1.4rem, 5vw, 3.5rem);
            margin-top: 0.45rem;
        }

        .minha-social-row button {
            border: 0;
            background: transparent;
            color: var(--gray-800);
            cursor: pointer;
            display: grid;
            gap: 0.12rem;
            text-align: center;
            font: inherit;
            padding: 0.3rem 0.5rem;
        }

        .minha-social-row strong {
            font-size: 1.25rem;
            font-weight: 950;
            line-height: 1;
        }

        .minha-social-row span {
            color: var(--gray-600);
            font-size: 0.78rem;
            font-weight: 850;
        }

        .minha-social-view {
            width: min(880px, 100%);
            min-height: calc(100dvh - 170px);
            margin: 0 auto;
            display: grid;
            align-content: start;
            gap: 1rem;
            padding: clamp(1.35rem, 3vw, 1.8rem) 0 1rem;
        }

        .minha-social-view[hidden] {
            display: none !important;
        }

        .minha-post-composer,
        .minha-social-post {
            border: 1px solid rgba(226, 232, 240, 0.95);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.94);
            color: var(--gray-900);
            box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
        }

        .minha-post-composer {
            display: grid;
            gap: 1.1rem;
            padding: 1.25rem;
        }

        .minha-post-compose-main {
            display: grid;
            grid-template-columns: 50px minmax(0, 1fr);
            gap: 1rem;
            min-height: 96px;
        }

        .minha-social-avatar {
            width: 50px;
            height: 50px;
            border-radius: 999px;
            overflow: hidden;
            display: grid;
            place-items: center;
            background: #e5e7eb;
            color: #111827;
            font-weight: 700;
            flex: 0 0 auto;
        }

        .minha-social-avatar img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .minha-post-input {
            min-height: 88px;
            border: 0;
            outline: 0;
            resize: none;
            background: transparent;
            color: var(--gray-900);
            font: inherit;
            font-size: 1.2rem;
            line-height: 1.35;
            padding: 0.2rem 0;
        }

        .minha-post-input::placeholder {
            color: #64748b;
        }

        .minha-post-input:focus,
        .minha-post-input:focus-visible {
            border-color: transparent !important;
            box-shadow: none !important;
            outline: none !important;
        }

        .minha-post-compose-footer,
        .minha-post-actions {
            border-top: 1px solid rgba(226, 232, 240, 0.95);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-top: 0.75rem;
        }

        .minha-post-visibility,
        .minha-post-actions,
        .minha-post-date,
        .minha-post-username {
            color: #6b7280;
        }

        .minha-post-visibility {
            font-size: 0.9rem;
            font-weight: 700;
        }

        .minha-post-publish {
            min-height: 46px;
            border: 0;
            border-radius: 999px;
            padding: 0 1.7rem;
            background: var(--secondary);
            color: #fff;
            font: inherit;
            font-weight: 900;
            cursor: pointer;
            box-shadow: 0 10px 24px rgba(var(--secondary-rgb), 0.24);
        }

        .minha-social-feed {
            display: grid;
            gap: 1rem;
        }

        .minha-social-post {
            padding: 1.25rem;
        }

        .minha-post-head {
            display: grid;
            grid-template-columns: 50px minmax(0, 1fr);
            align-items: center;
            gap: 0.55rem;
        }

        button.minha-social-avatar {
            border: 0;
            padding: 0;
            cursor: pointer;
        }

        .minha-post-profile-link,
        .minha-post-profile-link:hover,
        .minha-post-profile-link:focus,
        .minha-post-profile-link:focus-visible,
        .minha-post-profile-link:active {
            border: 0 !important;
            background: transparent !important;
            color: inherit;
            cursor: pointer;
            display: grid;
            justify-items: start;
            padding: 0;
            text-align: left;
            font: inherit;
            box-shadow: none !important;
            outline: none !important;
            transform: none !important;
            -webkit-tap-highlight-color: transparent;
            user-select: none;
        }

        .minha-post-profile-link:hover .minha-post-username,
        .minha-post-profile-link:focus-visible .minha-post-username {
            color: var(--secondary);
        }

        .minha-post-author {
            display: flex;
            align-items: center;
            gap: 0.3rem;
            color: var(--gray-900);
            font-size: 1rem;
            font-weight: 950;
            line-height: 1.1;
        }

        .minha-post-body {
            margin: 1rem 0 1.1rem;
            color: var(--gray-900);
            font-size: 1.02rem;
            line-height: 1.5;
        }

        .minha-comments-panel {
            border-top: 1px solid rgba(226, 232, 240, 0.95);
            margin-top: 0.85rem;
            padding-top: 0.95rem;
            display: grid;
            gap: 0.8rem;
        }

        .minha-comments-list {
            display: grid;
            gap: 0.72rem;
        }

        .minha-comment-item {
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 0.62rem;
            align-items: start;
        }

        .minha-comment-item .minha-social-avatar {
            width: 38px;
            height: 38px;
            font-size: 0.78rem;
        }

        .minha-comment-copy {
            display: grid;
            gap: 0.1rem;
            min-width: 0;
        }

        .minha-comment-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            min-width: 0;
        }

        .minha-comment-delete {
            width: 28px;
            height: 28px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: #9ca3af;
            display: inline-grid;
            place-items: center;
            cursor: pointer;
            flex: 0 0 auto;
        }

        .minha-comment-delete:hover,
        .minha-comment-delete:focus-visible {
            color: #dc2626;
            background: rgba(220, 38, 38, 0.08);
            outline: none;
        }

        .minha-comment-delete svg {
            width: 15px;
            height: 15px;
            stroke: currentColor;
        }

        .minha-comment-username,
        .minha-comment-date {
            color: #6b7280;
            font-size: 0.78rem;
            font-weight: 800;
        }

        .minha-comment-text {
            margin: 0.18rem 0 0;
            color: var(--gray-900);
            line-height: 1.42;
        }

        .minha-comment-form {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 0.55rem;
            align-items: center;
        }

        .minha-comment-input {
            min-height: 42px;
            border: 1px solid rgba(203, 213, 225, 0.95);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            padding: 0 1rem;
            color: var(--gray-900);
            font: inherit;
        }

        .minha-comment-submit {
            min-height: 42px;
            border: 0;
            border-radius: 999px;
            background: var(--secondary);
            color: #fff;
            font: inherit;
            font-weight: 900;
            padding: 0 1rem;
            cursor: pointer;
        }

        .minha-post-actions {
            padding-top: 0.75rem;
            font-size: 0.95rem;
        }

        .minha-post-metrics {
            display: flex;
            align-items: center;
            gap: 1.2rem;
        }

        .minha-post-metrics span,
        .minha-post-metrics button {
            display: inline-flex;
            align-items: center;
            gap: 0.32rem;
        }

        .minha-post-metrics button {
            border: 0;
            background: transparent;
            color: inherit;
            cursor: pointer;
            font: inherit;
            padding: 0;
        }

        .minha-post-metrics svg {
            width: 20px;
            height: 20px;
            stroke: currentColor;
        }

        .minha-post-metrics button.liked {
            color: var(--secondary);
        }

        .minha-post-metrics button.liked svg {
            fill: rgba(var(--secondary-rgb), 0.16);
        }

        .minha-post-metrics button.danger:hover,
        .minha-post-metrics button.danger:focus-visible {
            color: #dc2626;
        }

        .minha-post-date {
            margin-left: auto;
            text-align: right;
            white-space: nowrap;
        }

        .minha-search-page {
            width: min(880px, 100%);
            margin: 0 auto;
            min-height: min(680px, calc(100dvh - 180px));
            display: grid;
            align-content: start;
            gap: 1.75rem;
            padding: 0 clamp(0.6rem, 4vw, 2.2rem);
        }

        .minha-search-title {
            color: var(--gray-900);
            font-size: clamp(1.45rem, 4vw, 1.8rem);
            font-weight: 950;
            line-height: 1.1;
        }

        .minha-search-box {
            min-height: 60px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.78);
            display: grid;
            grid-template-columns: 30px minmax(0, 1fr);
            align-items: center;
            gap: 0.5rem;
            padding: 0 1.2rem;
            color: #64748b;
        }

        .minha-search-box svg {
            width: 23px;
            height: 23px;
            stroke: currentColor;
        }

        .minha-search-input {
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--gray-900);
            font: inherit;
            font-size: 1.08rem;
            min-width: 0;
        }

        .minha-search-input::placeholder {
            color: #94a3b8;
        }

        .minha-search-empty {
            margin-top: 1.2rem;
            text-align: center;
            color: #818896;
            font-size: 1.05rem;
        }

        .minha-search-results {
            display: grid;
            gap: 0.75rem;
        }

        .minha-search-result {
            width: 100%;
            border: 1px solid rgba(226, 232, 240, 0.95);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--gray-900);
            cursor: pointer;
            display: grid;
            grid-template-columns: 48px minmax(0, 1fr);
            align-items: center;
            gap: 0.7rem;
            padding: 0.78rem;
            text-align: left;
            font: inherit;
        }

        .minha-search-result .minha-social-avatar {
            width: 46px;
            height: 46px;
        }

        .minha-search-copy {
            display: grid;
            gap: 0.1rem;
            min-width: 0;
        }

        .minha-search-username {
            display: block;
            color: #6b7280;
            font-size: 0.9rem;
            font-weight: 850;
        }

        body.app-theme-dim :where(.minha-post-composer, .minha-social-post, .minha-search-box),
        body.app-theme-total :where(.minha-post-composer, .minha-social-post, .minha-search-box) {
            background: #1a1a1a;
            border-color: rgba(148, 163, 184, 0.18);
            color: #f8fafc;
        }

        body.app-theme-total :where(.minha-post-composer, .minha-social-post, .minha-search-box) {
            background: #000000;
            border-color: #000000;
        }

        body.app-theme-dim :where(.minha-post-input, .minha-post-author, .minha-post-body, .minha-search-title, .minha-search-input),
        body.app-theme-total :where(.minha-post-input, .minha-post-author, .minha-post-body, .minha-search-title, .minha-search-input) {
            color: #f8fafc;
        }

        body.app-theme-dim :where(.minha-post-visibility, .minha-post-actions, .minha-post-date, .minha-post-username, .minha-search-empty),
        body.app-theme-total :where(.minha-post-visibility, .minha-post-actions, .minha-post-date, .minha-post-username, .minha-search-empty) {
            color: #cbd5e1;
        }

        @media (max-width: 640px) {
            .minha-post-composer,
            .minha-social-post {
                border-radius: 12px;
                padding: 1rem;
            }

            .minha-post-compose-main {
                grid-template-columns: 44px minmax(0, 1fr);
                gap: 0.75rem;
            }

            .minha-social-avatar {
                width: 44px;
                height: 44px;
            }

            .minha-post-input {
                font-size: 1rem;
            }

            .minha-post-actions {
                align-items: flex-start;
                flex-direction: column;
            }

            .minha-post-date {
                margin-left: 0;
                text-align: left;
            }
        }

        .minha-profile-hero {
            --social-profile-accent: #1317f0;
            --social-profile-accent-rgb: 19, 23, 240;
            --social-profile-ink: #ffffff;
            width: min(780px, 100%);
            margin: 0 auto;
            justify-items: stretch;
            text-align: left;
            padding: clamp(1rem, 3vw, 1.45rem);
            border-radius: 0 0 28px 28px;
            background: var(--social-profile-accent);
            color: var(--social-profile-ink);
            box-shadow: 0 18px 48px rgba(var(--social-profile-accent-rgb), 0.22);
        }

        @media (max-width: 768px) {
            .minha-profile-hero {
                position: relative;
                isolation: isolate;
                box-shadow: none;
                background: transparent;
            }

            .minha-profile-hero > * {
                position: relative;
                z-index: 1;
            }

            .minha-profile-hero::before {
                content: "";
                position: absolute;
                z-index: 0;
                top: -18rem;
                bottom: 0;
                left: 50%;
                width: 100vw;
                transform: translateX(-50%);
                border-radius: 0 0 28px 28px;
                background:
                    radial-gradient(circle at 14% 16%, rgba(255, 255, 255, 0.16), transparent 28%),
                    radial-gradient(circle at 84% 8%, rgba(255, 255, 255, 0.12), transparent 26%),
                    linear-gradient(180deg, var(--social-profile-accent) 0%, var(--social-profile-accent) 100%);
            }
        }

        .minha-profile-summary-row {
            display: grid;
            grid-template-columns: clamp(82px, 18vw, 116px) minmax(0, 1fr);
            align-items: center;
            gap: clamp(0.85rem, 3vw, 1.4rem);
        }

        .minha-profile-hero .minha-profile-photo-frame {
            width: clamp(82px, 18vw, 116px);
            height: clamp(82px, 18vw, 116px);
            border: 3px solid rgba(255, 255, 255, 0.86);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18);
        }

        .minha-profile-hero .minha-social-row {
            justify-content: space-around;
            gap: clamp(0.7rem, 4vw, 2rem);
            margin: 0;
        }

        .minha-profile-hero .minha-social-row button,
        .minha-profile-hero .minha-social-row span,
        .minha-profile-hero .minha-pet-description,
        .minha-profile-hero .minha-pet-username {
            color: var(--social-profile-ink);
            opacity: 0.86;
        }

        .minha-profile-hero .minha-social-row strong,
        .minha-profile-hero .minha-pet-name {
            color: var(--social-profile-ink);
        }

        .minha-profile-identity {
            display: grid;
            gap: 0.25rem;
            margin-top: 0.95rem;
        }

        .minha-profile-action-row {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.65rem;
            flex-wrap: wrap;
            margin-top: 0.95rem;
        }

        .minha-profile-action-btn {
            min-width: min(220px, 100%);
            min-height: 42px;
            border: 0;
            border-radius: 999px;
            background: #fff;
            color: var(--secondary);
            font: inherit;
            font-weight: 950;
            cursor: pointer;
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
            transition: none;
        }

        .minha-profile-action-btn[hidden] {
            display: none !important;
        }

        .minha-profile-tabs {
            width: min(780px, 100%);
            margin: 0.85rem auto 0;
            padding: 0.32rem;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.08);
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.25rem;
        }

        .minha-profile-tab {
            min-height: 42px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: var(--gray-600);
            font: inherit;
            font-size: 0.86rem;
            font-weight: 950;
            cursor: pointer;
        }

        .minha-profile-tab.active {
            background: #fff;
            color: var(--gray-900);
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.1);
        }

        .minha-profile-tab-panel[hidden] {
            display: none !important;
        }

        .minha-social-nav {
            position: sticky;
            bottom: max(1rem, env(safe-area-inset-bottom));
            z-index: 12;
            width: min(560px, calc(100% - 1rem));
            margin: 1rem auto 0;
            padding: 0.42rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: 0 22px 60px rgba(15, 23, 42, 0.16);
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.2rem;
            transform: translate3d(0, 0, 0);
            transition: opacity 0.22s ease, transform 0.28s cubic-bezier(0.16, 0.84, 0.24, 1);
            backdrop-filter: blur(18px) saturate(1.25);
            -webkit-backdrop-filter: blur(18px) saturate(1.25);
        }

        .minha-social-nav.menu-hidden {
            opacity: 0;
            pointer-events: none;
            transform: translate3d(0, calc(100% + 32px), 0);
        }

        .sequence-panel.minha-panel.minha-menu-mode .minha-social-nav,
        .sequence-panel.minha-panel.minha-hide-social-nav .minha-social-nav {
            display: none;
        }

        .minha-social-nav button {
            min-width: 0;
            min-height: 58px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: var(--gray-600);
            cursor: pointer;
            display: grid;
            place-items: center;
            font: inherit;
            font-size: 0;
            font-weight: 950;
        }

        .minha-social-nav button span {
            display: none;
        }

        .minha-social-nav button.active {
            color: var(--secondary);
            background: rgba(var(--secondary-rgb), 0.1);
        }

        .minha-social-nav svg {
            width: 28px;
            height: 28px;
            stroke: currentColor;
        }

        .minha-group-overlay {
            justify-content: center;
            align-items: stretch;
            background: rgba(248, 250, 252, 0.98);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        .sequence-panel.minha-group-panel {
            width: 100%;
            min-height: 100%;
            max-height: 100dvh;
            padding: clamp(1rem, 4vw, 3rem);
            overflow-y: auto;
            border-left: 0;
            border-radius: 0;
            background: var(--app-bg, #f8fafc);
            box-shadow: none;
        }

        .minha-group-topline {
            display: grid;
            grid-template-columns: 44px minmax(0, 1fr) 44px;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 1rem;
        }

        .minha-group-topline .panel-title {
            text-align: center;
        }

        .minha-group-topline .panel-close {
            grid-column: 3;
            justify-self: center;
        }

        .minha-group-page {
            width: min(780px, 100%);
            margin: 0 auto;
            display: grid;
            justify-items: center;
            text-align: center;
            gap: 0.75rem;
            padding-top: clamp(1rem, 4vw, 2.5rem);
        }

        .minha-group-icon {
            width: clamp(150px, 32vw, 240px);
            height: clamp(150px, 32vw, 240px);
            object-fit: contain;
        }

        .minha-group-name {
            color: var(--gray-900);
            font-size: clamp(1.65rem, 5vw, 2.8rem);
            font-weight: 950;
            line-height: 1;
        }

        .minha-group-soon {
            color: var(--gray-600);
            font-weight: 900;
        }

        .minha-stats-section,
        .minha-posts-section {
            width: min(780px, 100%);
            margin: 0 auto;
            display: grid;
            gap: 0.85rem;
        }

        .minha-stats-section h3,
        .minha-posts-section h3 {
            color: var(--gray-900);
            font-size: 1.18rem;
            font-weight: 950;
            text-align: left;
        }

        .minha-stat-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.85rem;
        }

        .minha-stat-card {
            min-height: 104px;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.9);
            color: var(--gray-850, var(--gray-800));
            cursor: pointer;
            display: grid;
            grid-template-columns: clamp(48px, 8vw, 68px) minmax(0, 1fr);
            align-items: center;
            gap: 0.9rem;
            padding: clamp(0.82rem, 2vw, 1.1rem);
            text-align: left;
            font: inherit;
            box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
        }

        .minha-stat-card img {
            width: clamp(48px, 8vw, 68px);
            height: clamp(48px, 8vw, 68px);
            object-fit: contain;
            display: block;
        }

        .minha-stat-card strong,
        .achievements-summary strong {
            display: block;
            color: var(--gray-900);
            font-size: clamp(1.18rem, 2.6vw, 1.65rem);
            font-weight: 950;
            line-height: 1.05;
        }

        .minha-stat-card small,
        .achievements-summary span {
            display: block;
            color: var(--gray-600);
            font-size: 0.78rem;
            font-weight: 850;
            margin-top: 0.28rem;
        }

        .minha-posts-section {
            padding-bottom: 2rem;
        }

        .minha-posts-section p {
            min-height: 86px;
            border: 1px dashed rgba(var(--secondary-rgb), 0.2);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--gray-600);
            display: grid;
            place-items: center;
            font-weight: 850;
            margin: 0;
        }

        .achievements-overlay {
            justify-content: center;
            align-items: stretch;
            background: rgba(248, 250, 252, 0.98);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        .sequence-panel.achievements-panel {
            width: 100%;
            min-height: 100%;
            max-height: 100dvh;
            padding: clamp(1rem, 4vw, 3rem);
            overflow-y: auto;
            border-left: 0;
            border-radius: 0;
            background:
                radial-gradient(circle at 50% 0%, rgba(var(--secondary-rgb), 0.10), transparent 34%),
                linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
            box-shadow: none;
        }

        .achievements-page {
            width: min(980px, 100%);
            margin: 0 auto;
            display: grid;
            gap: 1rem;
            padding-bottom: 2rem;
        }

        .achievements-summary {
            display: grid;
            grid-template-columns: clamp(58px, 10vw, 82px) minmax(0, 1fr);
            align-items: center;
            gap: 0.95rem;
            padding: 1rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08);
        }

        .achievements-summary img {
            width: 100%;
            aspect-ratio: 1;
            object-fit: contain;
            display: block;
        }

        .achievements-list {
            display: grid;
            gap: 0.72rem;
        }

        .achievement-card {
            border: 1px solid rgba(226, 232, 240, 0.92);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06);
            display: grid;
            grid-template-columns: 38px minmax(0, 1fr);
            gap: 0.85rem;
            align-items: start;
            padding: 0.95rem;
        }

        .achievement-check {
            width: 34px;
            height: 34px;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            color: rgba(100, 116, 139, 0.72);
            display: grid;
            place-items: center;
            font-weight: 950;
        }

        .achievement-card.unlocked .achievement-check {
            border-color: rgba(202, 138, 4, 0.42);
            background: rgba(250, 204, 21, 0.14);
            color: #b77905;
        }

        .achievement-card h3 {
            color: var(--gray-900);
            font-size: 1rem;
            margin: 0 0 0.24rem;
            font-weight: 950;
        }

        .achievement-card.unlocked h3 {
            color: #b77905;
        }

        .achievement-card p {
            color: var(--gray-600);
            font-weight: 760;
            margin: 0;
        }

        .achievement-card small {
            display: block;
            color: var(--gray-500);
            font-weight: 800;
            margin-top: 0.38rem;
        }

        .guided-signup-actions-single {
            justify-content: center;
        }

        .guided-signup-actions-single .upload-button {
            flex: 0 1 min(280px, 100%);
            width: min(280px, 100%);
        }

        @media (min-width: 769px) {
            .settings-overlay.minha-overlay {
                justify-content: stretch;
            }

            .sequence-panel.minha-panel {
                width: 100%;
                max-width: none;
                min-height: 100dvh;
                height: 100dvh;
                max-height: 100dvh;
                overflow-y: auto;
                overflow-x: hidden;
                padding: clamp(1rem, 2.4vw, 2rem);
                background:
                    radial-gradient(circle at 50% 0%, rgba(var(--secondary-rgb), 0.12), transparent 34%),
                    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
            }

            .settings-overlay.minha-overlay .minha-page {
                max-width: min(1040px, calc(100vw - 2rem));
                margin: 0 auto;
            }
        }

        @media (max-width: 640px) {
            .minha-stat-grid {
                grid-template-columns: 1fr;
            }
        }

        .minha-help-placeholder {
            display: grid;
            gap: 0.85rem;
        }

        .minha-help-soon {
            padding: 1rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.16);
            border-radius: 20px;
            background: rgba(var(--secondary-rgb), 0.08);
            color: var(--gray-800);
            font-weight: 900;
        }

        /* Status de salvamento original */
        .save-status {
            position: fixed;
            top: var(--space-20);
            right: var(--space-6);
            background: rgba(255, 255, 255, 0.9);
            padding: 0.78rem 1rem;
            border-radius: 999px;
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.16);
            backdrop-filter: blur(22px) saturate(1.2);
            border: 1px solid rgba(255, 255, 255, 0.72);
            z-index: 1000;
            opacity: 0;
            transform: translateY(-10px) scale(0.96);
            transition: opacity 0.26s ease, transform 0.26s ease, border-color 0.26s ease, color 0.26s ease;
            display: flex;
            align-items: center;
            gap: var(--space-2);
            font-size: 0.875rem;
            font-weight: 800;
        }
        .save-status.show { opacity: 1; transform: translateY(0) scale(1); }
        .save-status.saving { color: var(--warning); border-color: rgba(245, 158, 11, 0.2); }
        .save-status.saved { color: var(--success); border-color: rgba(16, 185, 129, 0.2); }
        .save-status.error { color: var(--error); border-color: rgba(239, 68, 68, 0.2); }

        .main-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: var(--space-8) var(--space-6);
        }

        /* Abas originais - Adicionado suporte a arraste horizontal / scroll */
        .tabs-nav {
            display: flex;
            gap: var(--space-2);
            margin-bottom: var(--space-10);
            overflow-x: auto;
            padding: var(--space-2);
            scrollbar-width: none;
            -ms-overflow-style: none;
            -webkit-overflow-scrolling: touch; /* Suporte suave no iOS */
            flex-wrap: nowrap; /* Garante que os botões não quebrem linha */
            border-radius: 999px;
            transition: transform 0.76s cubic-bezier(0.16, 0.84, 0.24, 1), opacity 0.76s cubic-bezier(0.16, 0.84, 0.24, 1), background 0.3s ease, box-shadow 0.3s ease;
            will-change: transform, opacity;
        }
        .tabs-nav::-webkit-scrollbar { display: none; }

        .routine-menu-composer,
        .feeding-menu-composer,
        .vaccine-menu-composer {
            display: none;
            order: 2;
            width: min(720px, 100%);
            margin: var(--space-4) auto 0;
            z-index: 917;
            transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.16, 0.84, 0.24, 1);
        }
        .routine-menu-composer.active,
        .feeding-menu-composer.active,
        .vaccine-menu-composer.active { display: block; }
        .routine-menu-composer.menu-hidden,
        .feeding-menu-composer.menu-hidden,
        .vaccine-menu-composer.menu-hidden {
            opacity: 0;
            pointer-events: none;
            transform: translate3d(0, 32px, 0);
        }
        body.interface-mode-innovative .tabs-nav { order: 3; }
        body.interface-mode-innovative .routine-menu-composer,
        body.interface-mode-innovative .feeding-menu-composer {
            position: sticky;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + clamp(70px, 15vw, 82px) + 0.45rem);
            width: min(100%, 430px);
            margin: var(--space-4) auto 0;
        }
        body.interface-mode-innovative .vaccine-menu-composer {
            order: 1;
            position: sticky;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + clamp(70px, 15vw, 82px) + 0.45rem);
            width: min(100%, 430px);
            margin: var(--space-4) auto 0;
            transform: none;
        }
        body.interface-mode-innovative .vaccine-menu-composer.menu-hidden {
            transform: translate3d(0, 32px, 0);
        }
        .routine-dock-panel {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transform: translateY(14px);
            transition: max-height 0.34s cubic-bezier(0.16, 0.84, 0.24, 1), opacity 0.22s ease, transform 0.34s cubic-bezier(0.16, 0.84, 0.24, 1);
        }
        .routine-menu-composer.expanded .routine-dock-panel,
        .feeding-menu-composer.expanded .routine-dock-panel,
        .vaccine-menu-composer.expanded .routine-dock-panel {
            max-height: min(62dvh, 560px);
            opacity: 1;
            transform: translateY(0);
            overflow-y: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
            margin-bottom: 0.55rem;
        }
        .routine-dock-panel-inner,
        .routine-dock-field {
            border: 1px solid rgba(226, 232, 240, 0.88);
            background: rgba(255, 255, 255, 0.92);
            box-shadow: 0 18px 52px rgba(15, 23, 42, 0.14);
            backdrop-filter: blur(22px) saturate(1.18);
            -webkit-backdrop-filter: blur(22px) saturate(1.18);
        }
        .routine-dock-panel-inner {
            display: grid;
            gap: 0.72rem;
            padding: 0.82rem;
            border-radius: 28px;
        }
        .routine-dock-top {
            display: flex;
            justify-content: flex-end;
            margin-bottom: -0.2rem;
        }
        .routine-dock-close {
            width: 38px;
            min-height: 38px;
            border: 1px solid rgba(226, 232, 240, 0.88);
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-700);
            font-size: 1.25rem;
            line-height: 1;
            font-weight: 950;
            cursor: pointer;
        }
        .routine-dock-field {
            display: block;
            width: 100%;
            min-height: 76px;
            border-radius: 30px;
            padding: 0.7rem;
        }
        .routine-dock-field input,
        .routine-dock-control,
        .routine-dock-panel textarea {
            width: 100%;
            min-height: 52px;
            border: 1px solid transparent;
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-800);
            padding: 0 1rem;
            font: inherit;
            font-weight: 900;
            outline: none;
        }
        .routine-dock-field input::placeholder { color: var(--gray-600); opacity: 0.92; }
        .feeding-dock-input {
            width: 100%;
            min-height: 52px;
            border: 1px solid transparent;
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-800);
            padding: 0 1rem;
            font: inherit;
            font-weight: 900;
            outline: none;
        }
        .feeding-custom-moment { display: none; grid-template-columns: 1fr auto; gap: 0.55rem; }
        .feeding-custom-moment.show { display: grid; }
        .feeding-date-head { display: grid; grid-template-columns: 44px 1fr 44px; align-items: center; gap: 0.4rem; margin-bottom: 0.55rem; text-align: center; }
        .feeding-date-week,
        .feeding-date-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.28rem; }
        .feeding-date-week { color: var(--gray-600); font-size: 0.7rem; font-weight: 900; text-align: center; margin-bottom: 0.35rem; }
        .feeding-date-day {
            aspect-ratio: 1;
            border: 1px solid transparent;
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-800);
            font-weight: 850;
            cursor: pointer;
        }
        .feeding-date-day.outside { opacity: 0.35; }
        .feeding-date-day.today { border-color: rgba(var(--secondary-rgb), 0.38); color: var(--secondary); }
        .feeding-date-day.active { background: var(--secondary); color: #fff; border-color: var(--secondary); }
        .feeding-date-popover { min-width: min(380px, calc(100vw - 20px)); }
        .feeding-date-years { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.32rem; max-height: 120px; overflow: auto; margin: 0.45rem 0 0.65rem; padding-right: 0.12rem; overscroll-behavior: contain; }
        .feeding-date-year { min-height: 36px; border: 1px solid transparent; border-radius: 999px; background: #f8fafc; color: var(--gray-800); font-weight: 900; cursor: pointer; }
        .feeding-date-year.active { background: var(--secondary); color: #fff; border-color: var(--secondary); }
        .routine-dock-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.58rem; }
        .routine-dock-label { display: grid; gap: 0.35rem; color: var(--gray-700); font-size: 0.76rem; font-weight: 900; }
        .routine-dock-label.full { grid-column: 1 / -1; }
        .routine-dock-control { text-align: left; cursor: pointer; }
        .routine-dock-panel textarea { min-height: 82px; border-radius: 20px; padding: 0.78rem 0.9rem; resize: vertical; }
        .routine-dock-days { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 0.32rem; }
        .routine-dock-day {
            min-height: 42px;
            border: 1px solid rgba(226, 232, 240, 0.88);
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-700);
            font-weight: 900;
            cursor: pointer;
        }
        .routine-dock-day.active,
        .routine-dock-save {
            background: var(--secondary);
            border-color: var(--secondary);
            color: #fff;
        }
        .routine-dock-actions { display: flex; gap: 0.55rem; justify-content: flex-end; }
        #feedingMenuComposer > .routine-dock-footer,
        #routineMenuComposer > .routine-dock-footer {
            display: none;
            justify-content: center;
            margin-bottom: 0.55rem;
            padding: 0;
            border: 0;
            background: transparent;
            box-shadow: none;
        }
        #feedingMenuComposer.expanded > .routine-dock-footer,
        #routineMenuComposer.expanded > .routine-dock-footer { display: flex; }
        #feedingMenuComposer > .routine-dock-footer button,
        #routineMenuComposer > .routine-dock-footer button {
            background: rgba(255, 255, 255, 0.62);
            border: 1px solid rgba(226, 232, 240, 0.65);
            color: var(--gray-800);
            box-shadow: 0 6px 20px rgba(15, 23, 42, 0.1);
            backdrop-filter: blur(22px) saturate(1.18);
            -webkit-backdrop-filter: blur(22px) saturate(1.18);
        }
        #feedingMenuComposer > .routine-dock-footer .routine-dock-save,
        #routineMenuComposer > .routine-dock-footer .routine-dock-save { color: var(--secondary) !important; }
        body.app-dark-theme #feedingMenuComposer > .routine-dock-footer button,
        body.app-dark-theme #routineMenuComposer > .routine-dock-footer button {
            background: rgba(30, 41, 59, 0.62);
            border-color: rgba(96, 165, 250, 0.28);
            color: #f8fafc !important;
        }
        .routine-dock-cancel,
        .routine-dock-save {
            min-height: 44px;
            border: 1px solid rgba(226, 232, 240, 0.88);
            border-radius: 999px;
            padding: 0 1rem;
            font-weight: 900;
            cursor: pointer;
        }
        .routine-dock-cancel { background: #fff; color: var(--gray-800); }
        .routine-dock-popover {
            position: fixed;
            z-index: 2200;
            width: min(360px, calc(100vw - 1.25rem));
            max-height: min(52dvh, 380px);
            overflow: auto;
            overscroll-behavior: contain;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
            display: grid;
            gap: 0.38rem;
            padding: 0.72rem;
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
            backdrop-filter: blur(22px) saturate(1.18);
            -webkit-backdrop-filter: blur(22px) saturate(1.18);
        }
        .routine-dock-option {
            min-height: 44px;
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 999px;
            background: #f8fafc;
            color: var(--gray-800);
            padding: 0 0.85rem;
            font-weight: 900;
            text-align: left;
            cursor: pointer;
        }
        .routine-dock-option.active { background: rgba(var(--secondary-rgb), 0.12); border-color: rgba(var(--secondary-rgb), 0.36); color: var(--secondary); }
        body.app-dark-theme .routine-dock-panel-inner,
        body.app-dark-theme .routine-dock-field,
        body.app-dark-theme .routine-dock-popover { background: rgba(15, 23, 42, 0.92); border-color: rgba(96, 165, 250, 0.20); }
        body.app-dark-theme .routine-dock-field input,
        body.app-dark-theme .routine-dock-control,
        body.app-dark-theme .routine-dock-panel textarea,
        body.app-dark-theme .routine-dock-day,
        body.app-dark-theme .routine-dock-cancel,
        body.app-dark-theme .routine-dock-close,
        body.app-dark-theme .routine-dock-option { background: rgba(30, 41, 59, 0.9); color: #f8fafc; border-color: rgba(96, 165, 250, 0.18); }
        @media (max-width: 640px) {
            .routine-dock-row { grid-template-columns: 1fr; }
            .routine-dock-days { grid-template-columns: repeat(4, minmax(0, 1fr)); }
            .routine-dock-panel-inner { padding: 0.72rem; }
            .routine-dock-field { min-height: 70px; }
            .routine-dock-field input { font-size: 1.06rem; }
        }


        .tabs-nav.menu-hidden {
            opacity: 0;
            pointer-events: none;
            transform: translate3d(0, 32px, 0);
        }

        .tab-button {
            background: transparent;
            border: none;
            padding: var(--space-3) var(--space-5);
            border-radius: var(--radius-lg);
            font-size: 0.875rem;
            font-weight: 500;
            color: var(--gray-600);
            cursor: pointer;
            transition: all 0.2s ease;
            white-space: nowrap;
            position: relative;
            font-family: 'Inter', sans-serif;
            flex-shrink: 0; /* Impede que o botão encolha ao invés de scrollar */
        }
        .tab-button:hover { color: var(--gray-800); background: var(--gray-100); }
        .tab-button.active { color: var(--primary); background: rgba(99, 102, 241, 0.1); }
        #app-view .tab-button.active,
        #app-view .sub-tab-button.active,
        #app-view .add-record-button,
        #app-view .upload-button {
            background: var(--secondary);
            color: #ffffff;
            border-color: transparent;
        }
        #app-view .tab-button:not(.active),
        #app-view .sub-tab-button:not(.active) {
            background-color: transparent;
        }
        .tab-button.active::after {
            content: ''; position: absolute; bottom: -2px; left: 50%;
            transform: translateX(-50%); width: 24px; height: 2px;
            background: var(--primary); border-radius: 1px;
        }

        .tab-content { display: none; }
        .tab-content.active { display: block; animation: platformOpen 0.54s cubic-bezier(0.16, 0.84, 0.24, 1) forwards; }

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

        @keyframes platformOpen {
            from { opacity: 0; transform: translate3d(0, 18px, 0) scale(0.965); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        /* Formulários originais */
        .form-section {
            background: white;
            border-radius: var(--radius-xl);
            padding: var(--space-8);
            margin-bottom: var(--space-8);
            box-shadow: var(--shadow);
            border: 1px solid var(--gray-200);
        }
        .form-section.block-collapsed {
            padding-bottom: var(--space-5);
        }
        .form-section.block-collapsed .section-title {
            display: flex !important;
            align-items: center !important;
            margin-bottom: 0 !important;
        }
        .form-section.block-collapsed .section-title svg,
        .form-section.block-collapsed .section-title img {
            display: inline-block !important;
            flex: 0 0 auto;
            opacity: 1 !important;
            visibility: visible !important;
        }
        .form-section.block-collapsed .section-title .block-controls {
            display: inline-flex !important;
            align-items: center !important;
            margin-left: auto !important;
        }
        .form-section.block-collapsed .section-title .block-control-btn:not([hidden]) {
            display: inline-flex !important;
        }
        .form-section.block-collapsed > :not(.section-title):not(.block-title-shell) {
            display: none !important;
        }
        .form-section.block-collapsed .block-title-shell:not(.section-title) > :not(.section-title):not(.block-title-inner-shell) {
            display: none !important;
        }
        .section-title {
            font-size: 1.25rem; font-weight: 600; color: var(--gray-900);
            margin-bottom: var(--space-6); display: flex; align-items: center; gap: var(--space-3);
            flex-wrap: wrap;
        }
        .section-title .block-title-text { margin-right: auto; }
        .section-title svg { width: 20px; height: 20px; color: var(--primary); }
        .block-controls {
            display: inline-flex;
            align-items: center;
            flex: 0 0 auto;
            gap: 0.35rem;
            margin-left: auto;
        }
        .block-control-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            padding: 0;
            border: 1px solid rgba(148, 163, 184, 0.3);
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.9);
            color: var(--gray-700);
            cursor: pointer;
            font-size: 0.78rem;
            font-weight: 900;
            font-family: inherit;
            line-height: 1;
        }
        .block-control-btn[hidden] {
            display: none;
        }
        .block-control-btn:disabled {
            opacity: 0.42;
            cursor: not-allowed;
        }
        body.block-controls-disabled .block-controls {
            display: none !important;
        }
        body.block-controls-disabled .form-section.block-collapsed .section-title .block-controls {
            display: none !important;
        }
        .block-control-btn:hover,
        .block-control-btn:focus-visible {
            border-color: var(--secondary);
            color: var(--secondary);
            box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), 0.13);
        }

        .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-6); }
        .form-grid.two-columns { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
        .form-grid.single-column { grid-template-columns: 1fr; }
        .form-group { display: flex; flex-direction: column; gap: var(--space-2); }
        .form-group.full-width { grid-column: 1 / -1; }
        .form-label { font-weight: 500; color: var(--gray-700); font-size: 0.875rem; }

        .form-input, .form-select, .form-textarea {
            min-height: 46px;
            padding: 0.82rem 0.95rem;
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 14px;
            font-size: 0.92rem;
            transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, transform 0.22s ease;
            background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9));
            color: var(--gray-800);
            font-family: 'Inter', sans-serif;
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 22px rgba(15, 23, 42, 0.035);
        }
        .form-input:focus, .form-select:focus, .form-textarea:focus {
            outline: none; border-color: rgba(var(--secondary-rgb), 0.58);
            background: #ffffff;
            box-shadow: 0 0 0 4px rgba(var(--secondary-rgb), 0.11), 0 16px 30px rgba(var(--secondary-rgb), 0.08);
            transform: translateY(-1px);
        }
        .form-select option:checked {
            background: var(--secondary);
            color: #ffffff;
        }
        .form-input::placeholder,
        .form-textarea::placeholder {
            color: #94a3b8;
        }
        .form-textarea { resize: vertical; min-height: 112px; }

        /* Upload original */
        .photo-upload { display: flex; flex-direction: column; align-items: center; gap: var(--space-4); }
        .pet-photo-input {
            position: absolute;
            width: 1px;
            height: 1px;
            padding: 0;
            margin: -1px;
            overflow: hidden;
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            border: 0;
            white-space: nowrap;
        }
        .photo-preview {
            width: 120px; height: 120px; aspect-ratio: 1 / 1; border-radius: 50%;
            background: var(--gray-100); display: flex; align-items: center;
            justify-content: center; overflow: hidden;
            border: 2px solid var(--gray-200); transition: all 0.2s ease; cursor: pointer;
            padding: 0; appearance: none; -webkit-appearance: none;
            font: inherit; color: inherit; position: relative; box-sizing: border-box;
        }
        .photo-preview:hover { border-color: var(--primary); background: var(--gray-50); }
        .photo-preview img {
            position: absolute;
            inset: 0;
            width: 100% !important;
            height: 100% !important;
            max-width: none;
            max-height: none;
            display: block;
            object-fit: cover !important;
            object-position: center center;
            aspect-ratio: auto;
            transform: none;
        }
        .photo-preview svg { width: 32px; height: 32px; color: var(--gray-400); }
        .upload-button {
            background: var(--primary); color: white; border: none;
            padding: var(--space-2) var(--space-4); border-radius: var(--radius-md);
            cursor: pointer; font-weight: 500; font-size: 0.875rem; transition: all 0.2s ease;
            font-family: 'Inter', sans-serif;
        }
        .photo-upload .upload-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 44px;
            text-align: center;
            line-height: 1.1;
        }
        .upload-button:hover { background: var(--primary-dark); transform: translateY(-1px); }

        .settings-install-card {
            margin-top: var(--space-3);
            padding: var(--space-4);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.72);
            box-shadow: var(--shadow-sm);
            display: grid;
            gap: var(--space-2);
        }

        .settings-install-card ol {
            margin: 0;
            padding-left: 1.25rem;
            display: grid;
            gap: 0.45rem;
            color: var(--gray-700);
            font-size: 0.9rem;
            line-height: 1.45;
        }

        /* Radios e Checkboxes originais */
        .radio-group, .checkbox-group { display: flex; gap: var(--space-4); flex-wrap: wrap; }
        .radio-item, .checkbox-item {
            display: flex; align-items: center; gap: var(--space-2);
            cursor: pointer; padding: 0.62rem 0.8rem;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 999px; transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
            background: rgba(255, 255, 255, 0.66);
        }
        .radio-item:hover, .checkbox-item:hover { background: var(--gray-50); border-color: rgba(var(--secondary-rgb), 0.22); transform: translateY(-1px); }
        .radio-item input, .checkbox-item input { width: 16px; height: 16px; accent-color: var(--primary); }
        .radio-item label, .checkbox-item label { font-size: 0.875rem; color: var(--gray-700); cursor: pointer; }
        .radio-item:has(input:checked),
        .checkbox-item:has(input:checked) {
            border-color: var(--secondary);
            background: rgba(var(--secondary-rgb), 0.12);
            box-shadow: 0 10px 24px rgba(var(--secondary-rgb), 0.12);
        }

        /* Listas dinâmicas originais */
        .records-list { display: flex; flex-direction: column; gap: var(--space-4); }
        .record-item {
            background: var(--gray-50); border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg); padding: var(--space-5);
            position: relative; transition: all 0.2s ease;
        }
        .record-item:hover { background: white; box-shadow: var(--shadow-md); }
        .record-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--space-3); }
        .record-title { font-weight: 600; color: var(--gray-800); font-size: 0.875rem; }
        .remove-record {
            background: var(--error); color: white; border: none;
            border-radius: 50%; width: 24px; height: 24px;
            cursor: pointer; display: flex; align-items: center; justify-content: center;
            transition: all 0.2s ease; font-size: 0.75rem;
        }
        .remove-record:hover { background: #dc2626; transform: scale(1.1); }
        .add-record-button {
            background: var(--primary); color: white; border: none;
            padding: var(--space-3) var(--space-5); border-radius: var(--radius-md);
            cursor: pointer; font-weight: 500; font-size: 0.875rem;
            transition: all 0.2s ease; display: flex; align-items: center; gap: var(--space-2);
            margin-top: var(--space-4); font-family: 'Inter', sans-serif;
        }
        .add-record-button:hover { background: var(--primary-dark); transform: translateY(-1px); }

        .sub-tabs-nav {
            display: flex;
            gap: var(--space-2);
            margin-bottom: var(--space-6);
            overflow-x: auto;
            scrollbar-width: none;
        }

        .sub-tabs-nav::-webkit-scrollbar { display: none; }

        .sub-tab-button {
            background: var(--gray-100);
            border: none;
            padding: var(--space-2) var(--space-4);
            border-radius: var(--radius-md);
            color: var(--gray-700);
            font-weight: 600;
            cursor: pointer;
            white-space: nowrap;
            font-family: 'Inter', sans-serif;
        }

        .sub-tab-button.active {
            background: var(--primary);
            color: white;
        }

        .health-sub-content { display: none; }
        .health-sub-content.active { display: block; animation: platformOpen 0.5s cubic-bezier(0.16, 0.84, 0.24, 1) forwards; }

        .weight-chart {
            display: flex;
            align-items: flex-end;
            gap: var(--space-3);
            min-height: 180px;
            padding: var(--space-5);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            background: var(--gray-50);
            overflow-x: auto;
        }

        .weight-bar {
            min-width: 54px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--space-2);
            color: var(--gray-600);
            font-size: 0.75rem;
        }

        .weight-bar-fill {
            width: 28px;
            min-height: 8px;
            border-radius: var(--radius-sm) var(--radius-sm) 0 0;
            background: var(--primary);
        }

        .empty-state {
            color: var(--gray-500);
            font-size: 0.875rem;
            padding: var(--space-4);
        }

        .memory-feed-head {
            position: sticky;
            top: calc(var(--space-4) + 70px);
            z-index: 5;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-4);
            padding: var(--space-4);
            margin: calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-6);
            background: rgba(255, 255, 255, 0.9);
            border-bottom: 1px solid var(--gray-200);
            backdrop-filter: blur(18px);
        }

        .memory-feed-title {
            display: flex;
            flex-direction: column;
            gap: 0.15rem;
            min-width: 0;
        }

        .memory-feed-title strong {
            color: var(--gray-900);
            font-size: 1rem;
        }

        .memory-feed-title span {
            color: var(--gray-500);
            font-size: 0.78rem;
            font-weight: 600;
        }

        .profile-feed .records-list {
            display: grid;
            gap: var(--space-6);
        }

        .memory-card {
            overflow: hidden;
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow);
        }

        .profile-feed .memory-card.record-item {
            border-left: 1px solid var(--gray-200);
        }

        .memory-media-button {
            width: 100%;
            min-height: 280px;
            padding: 0;
            border: 0;
            background: var(--gray-100);
            color: var(--gray-500);
            cursor: zoom-in;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            font-weight: 700;
        }

        .memory-media-button img,
        .memory-media-button video,
        .memory-photo-preview img,
        .memory-photo-preview video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .memory-media-button img,
        .memory-media-button video {
            aspect-ratio: 16 / 10;
            max-height: 520px;
        }

        .memory-content {
            padding: var(--space-5);
        }

        .memory-topline {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-3);
            margin-bottom: var(--space-3);
        }

        .memory-label {
            color: var(--primary);
            font-size: 0.74rem;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
        }

        .memory-actions {
            display: inline-flex;
            gap: var(--space-2);
            flex-shrink: 0;
        }

        .memory-action-btn {
            border: 1px solid var(--gray-200);
            background: white;
            color: var(--gray-700);
            border-radius: 999px;
            padding: 0.42rem 0.7rem;
            font-size: 0.78rem;
            font-weight: 800;
            cursor: pointer;
            font-family: 'Inter', sans-serif;
        }

        .memory-action-btn:hover {
            border-color: var(--primary);
            color: var(--primary);
        }

        .memory-action-btn.danger:hover {
            border-color: var(--error);
            color: var(--error);
        }

        .memory-text {
            color: var(--gray-800);
            font-size: 0.98rem;
            margin-bottom: var(--space-3);
            white-space: pre-wrap;
        }

        .memory-date {
            color: var(--gray-500);
            font-size: 0.82rem;
            font-weight: 700;
        }

        .memory-editor {
            display: none;
            padding: var(--space-5);
            border-top: 1px solid var(--gray-200);
            background: var(--gray-50);
        }

        .memory-card.editing .memory-editor {
            display: block;
        }

        .memory-date-picker {
            gap: var(--space-3);
        }

        .memory-date-control {
            display: grid;
            grid-template-columns: 42px minmax(0, 1fr) 42px;
            gap: var(--space-2);
            align-items: center;
        }

        .memory-date-control input[type="date"] {
            min-height: 46px;
            text-align: center;
            font-weight: 800;
            color: var(--gray-900);
            border-color: rgba(99, 102, 241, 0.32);
            background: white;
        }

        .memory-date-step,
        .memory-date-shortcut {
            border: 1px solid var(--gray-200);
            background: white;
            color: var(--gray-700);
            border-radius: 999px;
            cursor: pointer;
            font-family: 'Inter', sans-serif;
            font-weight: 800;
            transition: all 0.2s ease;
        }

        .memory-date-step {
            width: 42px;
            height: 42px;
            font-size: 1.25rem;
            line-height: 1;
        }

        .memory-date-step:hover,
        .memory-date-shortcut:hover {
            border-color: var(--primary);
            color: var(--primary);
            box-shadow: var(--shadow-sm);
        }

        .memory-date-summary {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-3);
            padding: var(--space-3);
            border: 1px solid rgba(99, 102, 241, 0.18);
            border-radius: var(--radius-md);
            background: rgba(99, 102, 241, 0.07);
        }

        .memory-date-summary strong {
            color: var(--gray-900);
            font-size: 0.92rem;
        }

        .memory-date-summary span {
            color: var(--gray-500);
            font-size: 0.76rem;
            font-weight: 700;
            text-align: right;
        }

        .memory-date-shortcuts {
            display: flex;
            gap: var(--space-2);
            flex-wrap: wrap;
        }

        .memory-date-shortcut {
            padding: 0.52rem 0.75rem;
            font-size: 0.78rem;
        }

        .memory-photo-preview {
            width: 100%;
            min-height: 150px;
            border-radius: var(--radius-md);
            background: var(--gray-200);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gray-500);
            font-size: 0.85rem;
            font-weight: 700;
            overflow: hidden;
        }

        .memory-lightbox {
            position: fixed;
            inset: 0;
            z-index: 3000;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: var(--space-6);
            background: rgba(15, 23, 42, 0.92);
        }

        .memory-lightbox-content {
            position: relative;
            width: min(1100px, 100%);
            max-height: 90vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .memory-lightbox img,
        .memory-lightbox video {
            max-width: 100%;
            max-height: 88vh;
            border-radius: var(--radius-lg);
            object-fit: contain;
            background: #000;
        }

        .memory-lightbox-close {
            position: absolute;
            top: -16px;
            right: -16px;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(255, 255, 255, 0.28);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.95);
            color: var(--gray-900);
            cursor: pointer;
            font-size: 0;
            font-weight: 800;
            line-height: 1;
        }

        .install-app-btn {
            background: var(--gray-900);
            color: white;
            border: none;
            padding: 0.48rem 0.78rem;
            border-radius: 999px;
            cursor: pointer;
            font-weight: 600;
            font-size: 0.74rem;
            font-family: 'Inter', sans-serif;
            display: none;
            align-items: center;
            gap: var(--space-2);
            white-space: nowrap;
            flex-shrink: 0;
            pointer-events: auto;
            touch-action: manipulation;
            user-select: none;
        }
        .install-app-btn:hover { background: var(--gray-700); transform: translateY(-1px); }

        .profile-hero {
            display: grid;
            grid-template-columns: 180px 1fr;
            gap: var(--space-8);
            align-items: center;
            background: linear-gradient(135deg, #eef2ff 0%, #ecfeff 100%);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xl);
            padding: var(--space-8);
            margin-bottom: var(--space-8);
        }
        .profile-avatar-large {
            width: 180px;
            height: 180px;
            border-radius: 50%;
            background: white;
            background-size: cover;
            background-position: center;
            border: 4px solid white;
            box-shadow: var(--shadow-lg);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--primary);
            font-size: 3.5rem;
            font-weight: 700;
        }
        .profile-hero h2 { font-size: 2rem; color: var(--gray-900); margin-bottom: var(--space-2); }
        .profile-hero p { color: var(--gray-600); margin-bottom: var(--space-4); }
        .profile-badges { display: flex; flex-wrap: wrap; gap: var(--space-2); }
        .profile-badge {
            background: white;
            color: var(--gray-700);
            border: 1px solid var(--gray-200);
            border-radius: 999px;
            padding: var(--space-2) var(--space-3);
            font-size: 0.8rem;
            font-weight: 600;
        }

        .dashboard-shell {
            display: grid;
            gap: var(--space-4);
        }

        .dashboard-pet-line {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.35rem;
            color: var(--gray-600);
            font-size: 0.92rem;
            font-weight: 700;
            text-align: center;
        }

        .dashboard-pet-link {
            border: 0;
            background: transparent;
            color: inherit;
            cursor: pointer;
            font: inherit;
            padding: 0;
        }

        .dashboard-pet-link.missing {
            color: var(--secondary);
            text-decoration: underline;
            text-underline-offset: 3px;
        }

        .dashboard-dynamic-phrase {
            margin: 0.1rem auto 0;
            max-width: 720px;
            color: var(--gray-900);
            font-size: clamp(1.15rem, 3vw, 1.55rem);
            line-height: 1.25;
            font-weight: 850;
            text-align: center;
        }

        .dashboard-chip-row {
            width: min(100%, 440px);
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            justify-content: center;
            gap: 0.65rem;
        }

        .dashboard-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.42rem;
            min-width: 0;
            min-height: 36px;
            border: 1px solid rgba(var(--secondary-rgb), 0.15);
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.08);
            color: var(--gray-800);
            padding: 0.42rem 0.72rem;
            font-size: 0.82rem;
            font-weight: 850;
            cursor: pointer;
            text-align: center;
            white-space: nowrap;
        }

        .dashboard-chip img,
        .dashboard-chip svg {
            width: 1em;
            height: 1em;
            flex: 0 0 auto;
        }

        #dashboardSequenceChip img {
            width: 1.28em;
            height: 1.28em;
        }

        .dashboard-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-4);
        }

        .dashboard-card {
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            background: #ffffff;
            padding: var(--space-5);
            box-shadow: var(--shadow-sm);
        }

        #tab-painel .dashboard-card {
            min-width: 0;
            overflow-wrap: anywhere;
        }

        .dashboard-card.full {
            grid-column: 1 / -1;
        }

        .dashboard-card h2,
        .dashboard-card h3 {
            color: var(--gray-900);
            font-weight: 850;
            letter-spacing: 0;
        }

        .dashboard-today-head {
            text-align: center;
            margin-bottom: var(--space-4);
        }

        .dashboard-today-head h2 {
            font-size: 1.35rem;
            line-height: 1.15;
        }

        .dashboard-today-head p {
            color: var(--gray-500);
            font-size: 0.85rem;
            font-weight: 700;
            margin-top: 0.2rem;
        }

        .dashboard-timeline-window {
            max-height: var(--dashboard-today-height, 296px);
            overflow: hidden;
            overscroll-behavior: auto;
            touch-action: pan-y;
            -webkit-overflow-scrolling: touch;
            padding-right: 0.35rem;
            scrollbar-gutter: stable;
            scrollbar-width: thin;
            scrollbar-color: transparent transparent;
            transition: max-height 560ms cubic-bezier(0.16, 1, 0.3, 1), opacity 220ms ease, filter 360ms ease;
            will-change: max-height;
        }

        .dashboard-timeline-window.is-expanded {
            overflow: visible;
        }

        .dashboard-timeline-window.has-overflow {
            scrollbar-color: rgba(var(--secondary-rgb), 0.55) transparent;
        }

        .dashboard-timeline-window::-webkit-scrollbar {
            width: 7px !important;
            height: 7px !important;
            display: block !important;
        }

        .dashboard-timeline-window::-webkit-scrollbar-track {
            background: transparent !important;
        }

        .dashboard-timeline-window::-webkit-scrollbar-thumb {
            border-radius: 999px;
            background: transparent !important;
        }

        .dashboard-timeline-window.has-overflow::-webkit-scrollbar-thumb {
            background: rgba(var(--secondary-rgb), 0.58) !important;
        }

        .dashboard-today-actions {
            display: flex;
            justify-content: center;
            margin-top: 0.9rem;
        }

        .dashboard-today-toggle {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            border: 0;
            border-radius: 999px;
            padding: 0.68rem 0.92rem 0.68rem 1.12rem;
            color: #ffffff;
            background: linear-gradient(135deg, var(--secondary), var(--primary-light));
            box-shadow: 0 14px 32px rgba(var(--secondary-rgb), 0.24);
            cursor: pointer;
            font-weight: 850;
            letter-spacing: 0;
            overflow: hidden;
            transform: translateZ(0);
            transition: transform 220ms ease, box-shadow 220ms ease, filter 220ms ease;
        }

        .dashboard-today-toggle::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,0.24) 45%, transparent 70%);
            transform: translateX(-120%);
            transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
        }

        .dashboard-today-toggle:hover,
        .dashboard-today-toggle:focus-visible {
            transform: translateY(-1px);
            filter: saturate(1.08);
            box-shadow: 0 18px 38px rgba(var(--secondary-rgb), 0.3);
        }

        .dashboard-today-toggle:hover::before,
        .dashboard-today-toggle:focus-visible::before {
            transform: translateX(120%);
        }

        .dashboard-today-toggle span,
        .dashboard-today-toggle svg {
            position: relative;
            z-index: 1;
        }

        .dashboard-today-toggle svg {
            width: 1rem;
            height: 1rem;
            transition: transform 360ms cubic-bezier(0.16, 1, 0.3, 1);
        }

        .dashboard-today-toggle[aria-expanded="true"] svg {
            transform: rotate(180deg);
        }

        .dashboard-timeline-window .dashboard-row {
            animation: dashboardRowReveal 420ms cubic-bezier(0.16, 1, 0.3, 1) both;
        }

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

        .dashboard-list {
            display: grid;
            gap: 0.72rem;
        }

        .dashboard-row {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0.72rem;
            align-items: start;
            color: var(--gray-700);
        }

        .dashboard-row time,
        .dashboard-row strong {
            color: var(--gray-900);
            font-weight: 850;
        }

        .dashboard-row small {
            display: block;
            color: var(--gray-500);
            font-size: 0.78rem;
            font-weight: 700;
        }

        .dashboard-week {
            display: grid;
            gap: 0.75rem;
            margin-top: 0.8rem;
        }

        .dashboard-week-head {
            display: grid;
            grid-template-columns: 42px 1fr 42px;
            align-items: center;
            gap: 0.65rem;
            text-align: center;
        }

        .dashboard-week-head strong {
            color: var(--gray-900);
            font-size: 0.98rem;
            font-weight: 900;
        }

        .dashboard-week-nav {
            width: 38px;
            height: 38px;
            border: 0;
            border-radius: 999px;
            background: var(--secondary);
            color: #ffffff;
            cursor: pointer;
            font-size: 1.35rem;
            font-weight: 900;
            box-shadow: 0 12px 28px rgba(var(--secondary-rgb), 0.24);
        }

        .dashboard-week-scroll {
            overflow-x: auto;
            overscroll-behavior-inline: contain;
            scrollbar-width: thin;
            scrollbar-color: rgba(var(--secondary-rgb), 0.55) transparent;
        }

        .dashboard-week-scroll::-webkit-scrollbar {
            height: 7px !important;
            display: block !important;
        }

        .dashboard-week-scroll::-webkit-scrollbar-thumb {
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.58) !important;
        }

        .dashboard-week-labels,
        .dashboard-week-strip {
            display: grid;
            grid-template-columns: repeat(7, minmax(132px, 1fr));
            gap: 0.55rem;
            min-width: 860px;
        }

        .dashboard-week-label {
            color: var(--gray-500);
            font-size: 0.76rem;
            font-weight: 900;
            text-align: center;
        }

        .dashboard-week-day {
            display: grid;
            align-content: start;
            gap: 0.5rem;
            min-height: 156px;
            border: 1px solid var(--gray-200);
            border-radius: 14px;
            background: var(--gray-50);
            padding: 0.82rem;
            color: var(--gray-700);
        }

        .dashboard-week-day.today {
            border-color: var(--secondary);
            box-shadow: 0 0 0 1px rgba(var(--secondary-rgb), 0.28);
        }

        .dashboard-week-day > strong {
            color: var(--gray-800);
            font-size: 1.1rem;
            font-weight: 900;
        }

        .dashboard-week-event {
            border-radius: 7px;
            background: rgba(var(--secondary-rgb), 0.11);
            color: var(--secondary);
            padding: 0.35rem 0.45rem;
            font-size: 0.78rem;
            font-weight: 900;
            line-height: 1.25;
        }

        .dashboard-week-empty {
            color: var(--gray-400);
            font-size: 0.75rem;
            font-weight: 800;
        }

        .dashboard-attention-item {
            display: grid;
            grid-template-columns: auto 1fr;
            gap: 0.68rem;
            align-items: start;
            padding: 0.82rem 0;
            border-bottom: 1px solid var(--gray-100);
        }

        .dashboard-attention-item:last-child {
            border-bottom: 0;
        }

        .dashboard-dot {
            width: 0.72rem;
            height: 0.72rem;
            border-radius: 999px;
            margin-top: 0.25rem;
            background: var(--gray-300);
        }

        .dashboard-attention-copy {
            display: grid;
            gap: 0.2rem;
        }

        .dashboard-attention-copy strong {
            line-height: 1.2;
        }

        .dashboard-attention-copy small {
            display: block;
            line-height: 1.45;
        }

        .dashboard-dot.yellow { background: #facc15; }
        .dashboard-dot.blue { background: #38bdf8; }
        .dashboard-dot.orange { background: #fb923c; }
        .dashboard-dot.gray { background: #cbd5e1; }

        .dashboard-food-acceptance {
            color: var(--secondary);
            font-size: 1.15rem;
            letter-spacing: 0.06em;
            line-height: 1;
        }

        .dashboard-action-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.8rem;
            margin-top: var(--space-4);
            flex-wrap: wrap;
        }

        .dashboard-text-button {
            border: 0;
            background: transparent;
            color: var(--secondary);
            cursor: pointer;
            font-weight: 850;
            padding: 0;
        }

        .dashboard-empty {
            color: var(--gray-500);
            font-weight: 700;
            text-align: center;
            padding: var(--space-4) 0;
        }

        .dashboard-ok-state {
            display: grid;
            gap: 0.25rem;
            text-align: center;
            padding: var(--space-2) 0;
        }

        .dashboard-ok-state strong {
            color: var(--gray-900);
            font-size: 1.1rem;
        }

        .dashboard-history {
            position: relative;
        }

        .dashboard-history-item {
            position: relative;
            display: grid;
            grid-template-columns: 92px 1fr;
            gap: 0.9rem;
            padding: 0.72rem 0;
        }

        .dashboard-history-item::before {
            content: "";
            position: absolute;
            left: 104px;
            top: 0;
            bottom: 0;
            width: 1px;
            background: var(--gray-200);
        }

        .dashboard-history-item:last-child::before {
            bottom: 50%;
        }

        .dashboard-history-date {
            color: var(--gray-500);
            font-size: 0.78rem;
            font-weight: 900;
            text-align: right;
            padding-top: 0.28rem;
        }

        .dashboard-history-card {
            position: relative;
            border: 1px solid var(--gray-200);
            border-radius: 12px;
            background: var(--gray-50);
            padding: 0.72rem 0.82rem;
            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
        }

        .dashboard-history-card::before {
            content: "";
            position: absolute;
            left: -1.16rem;
            top: 0.95rem;
            width: 0.58rem;
            height: 0.58rem;
            border-radius: 999px;
            background: var(--secondary);
            box-shadow: 0 0 0 4px rgba(var(--secondary-rgb), 0.12);
        }

        .dashboard-history-card strong {
            display: block;
            color: var(--gray-900);
            font-weight: 900;
            line-height: 1.25;
        }

        .dashboard-history-card small {
            display: block;
            margin-top: 0.18rem;
            color: var(--gray-500);
            font-size: 0.78rem;
            font-weight: 750;
        }

        body.app-dark-theme .dashboard-card,
        body.app-theme-total .dashboard-card {
            background: var(--surface-primary, #1e293b);
            border-color: var(--border-subtle, rgba(255,255,255,0.14));
            color: var(--text-primary, #f8fafc);
        }

        body.app-dark-theme .dashboard-card h2,
        body.app-dark-theme .dashboard-card h3,
        body.app-dark-theme .dashboard-week-head strong,
        body.app-dark-theme .dashboard-week-day > strong,
        body.app-dark-theme .dashboard-row time,
        body.app-dark-theme .dashboard-row strong,
        body.app-dark-theme .dashboard-ok-state strong,
        body.app-dark-theme .dashboard-history-card strong,
        body.app-theme-total .dashboard-card h2,
        body.app-theme-total .dashboard-card h3,
        body.app-theme-total .dashboard-week-head strong,
        body.app-theme-total .dashboard-week-day > strong,
        body.app-theme-total .dashboard-row time,
        body.app-theme-total .dashboard-row strong,
        body.app-theme-total .dashboard-ok-state strong,
        body.app-theme-total .dashboard-history-card strong {
            color: var(--text-primary, #f8fafc);
        }

        body.app-dark-theme .dashboard-pet-line,
        body.app-dark-theme .dashboard-row,
        body.app-dark-theme .dashboard-row small,
        body.app-dark-theme .dashboard-week-label,
        body.app-dark-theme .dashboard-week-empty,
        body.app-dark-theme .dashboard-history-date,
        body.app-dark-theme .dashboard-history-card small,
        body.app-theme-total .dashboard-pet-line,
        body.app-theme-total .dashboard-row,
        body.app-theme-total .dashboard-row small,
        body.app-theme-total .dashboard-week-label,
        body.app-theme-total .dashboard-week-empty,
        body.app-theme-total .dashboard-history-date,
        body.app-theme-total .dashboard-history-card small {
            color: var(--text-secondary, #cbd5e1);
        }

        body.app-dark-theme .dashboard-dynamic-phrase,
        body.app-theme-total .dashboard-dynamic-phrase {
            color: var(--text-primary, #f8fafc);
        }

        body.app-dark-theme .dashboard-week-day,
        body.app-dark-theme .dashboard-attention-item,
        body.app-dark-theme .dashboard-history-card,
        body.app-theme-total .dashboard-week-day,
        body.app-theme-total .dashboard-attention-item,
        body.app-theme-total .dashboard-history-card {
            border-color: var(--border-subtle, rgba(255,255,255,0.12));
        }

        body.app-dark-theme .dashboard-week-day,
        body.app-dark-theme .dashboard-history-card,
        body.app-theme-total .dashboard-week-day,
        body.app-theme-total .dashboard-history-card,
        body.app-dark-theme .dashboard-history-item::before,
        body.app-theme-total .dashboard-history-item::before,
        body.app-dark-theme .dashboard-history-item::before {
            background: var(--surface-secondary, rgba(255,255,255,0.06));
        }

        @media (max-width: 760px) {
            .dashboard-grid {
                grid-template-columns: minmax(0, 1fr);
            }

            .dashboard-card {
                padding: var(--space-4);
            }

            .dashboard-chip-row {
                width: 100%;
                max-width: 360px;
                gap: 0.38rem;
            }

            .dashboard-chip {
                min-height: 34px;
                gap: 0.25rem;
                padding: 0.34rem 0.46rem;
                font-size: 0.72rem;
                white-space: normal;
                line-height: 1.15;
            }

            .dashboard-chip img,
            .dashboard-chip svg {
                width: 0.95em;
                height: 0.95em;
            }

            #dashboardSequenceChip img {
                width: 1.08em;
                height: 1.08em;
            }

            .dashboard-week-labels,
            .dashboard-week-strip {
                grid-template-columns: repeat(7, minmax(82px, 1fr));
                gap: 0.35rem;
                min-width: 610px;
            }

            .dashboard-week-day {
                min-height: 102px;
                padding: 0.55rem;
                border-radius: 8px;
            }

            .dashboard-week-event {
                font-size: 0.68rem;
                padding: 0.28rem 0.35rem;
            }

            .dashboard-history-item {
                grid-template-columns: 70px 1fr;
                gap: 0.72rem;
            }

            .dashboard-history-item::before {
                left: 80px;
            }
        }
        .agenda-toolbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: var(--space-4);
            margin-bottom: var(--space-5);
            flex-wrap: wrap;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
        }
        .agenda-calendar {
            display: grid;
            grid-template-columns: repeat(7, minmax(90px, 1fr));
            gap: var(--space-2);
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior-x: contain;
        }
        .agenda-calendar.view-day {
            grid-template-columns: minmax(220px, 1fr);
        }
        .agenda-calendar.view-week {
            grid-template-columns: repeat(7, minmax(150px, 1fr));
            padding-bottom: 0.35rem;
        }
        .agenda-calendar.view-year {
            grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
        }
        .agenda-view-toggle {
            display: inline-flex;
            gap: 0.35rem;
            padding: 0.28rem;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.85);
            flex: 0 0 auto;
            flex-wrap: nowrap;
            max-width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
        }
        .agenda-view-btn {
            flex: 0 0 auto;
            min-height: 34px;
            padding: 0 0.7rem;
            border: 1px solid transparent;
            border-radius: 999px;
            background: transparent;
            color: var(--gray-600);
            cursor: pointer;
            font: inherit;
            font-size: 0.78rem;
            font-weight: 850;
        }
        .agenda-view-btn.active {
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 10px 22px rgba(var(--secondary-rgb), 0.2);
        }

        .agenda-toolbar,
        .agenda-view-toggle {
            scrollbar-width: none;
        }
        .agenda-toolbar::-webkit-scrollbar,
        .agenda-view-toggle::-webkit-scrollbar {
            width: 0;
            height: 0;
            background: transparent;
            display: none;
        }
        .agenda-alert-btn {
            min-height: 32px;
            padding: 0.38rem 0.68rem;
            font-size: 0.74rem;
            line-height: 1;
        }
        .agenda-nav-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-3);
            margin-bottom: var(--space-4);
        }
        .agenda-step-btn {
            flex: 0 0 auto;
            width: 38px;
            height: 38px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            color: var(--gray-800);
            cursor: pointer;
            font-size: 1.35rem;
            font-weight: 900;
            line-height: 1;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.11);
        }
        .agenda-period-title {
            flex: 1 1 auto;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.25rem;
            flex-wrap: wrap;
            color: var(--gray-800);
            margin: 0;
            text-align: center;
            font-size: 1.05rem;
        }
        .agenda-period-part {
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: inherit;
            cursor: pointer;
            font: inherit;
            font-weight: 900;
            padding: 0.15rem 0.35rem;
        }
        .agenda-period-part:hover,
        .agenda-period-part:focus-visible {
            background: rgba(var(--secondary-rgb), 0.12);
            color: var(--secondary);
            outline: none;
        }
        .agenda-picker-popover {
            display: none;
            margin: -0.35rem auto var(--space-4);
            width: min(100%, 430px);
            padding: var(--space-4);
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.94);
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.13);
        }
        .agenda-picker-popover.open {
            display: block;
        }
        .agenda-picker-title {
            color: var(--gray-700);
            font-size: 0.78rem;
            font-weight: 900;
            margin: 0 0 var(--space-3);
            text-align: center;
            text-transform: uppercase;
        }
        .agenda-picker-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.45rem;
            max-height: 230px;
            overflow-y: auto;
            scrollbar-width: none;
        }
        .agenda-picker-grid::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }
        .agenda-picker-option {
            min-height: 36px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 999px;
            background: var(--gray-50);
            color: var(--gray-700);
            cursor: pointer;
            font-weight: 900;
        }
        .agenda-picker-option.active {
            border-color: var(--secondary);
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 10px 22px rgba(var(--secondary-rgb), 0.2);
        }
        .agenda-day-name {
            color: var(--gray-500);
            font-weight: 700;
            font-size: 0.78rem;
            text-align: center;
            padding: var(--space-2);
        }
        .agenda-day {
            min-height: 100px;
            background: var(--gray-50);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-md);
            padding: var(--space-2);
            cursor: pointer;
            overflow: auto;
            transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }
        .agenda-day:hover { border-color: var(--primary); background: white; transform: translateY(-1px); }
        .agenda-day.today { box-shadow: inset 0 0 0 2px var(--primary); }
        .agenda-day.selected {
            border-color: var(--primary);
            background: white;
            box-shadow: 0 12px 28px rgba(99, 102, 241, 0.16);
        }
        .agenda-day.year-month {
            min-height: 132px;
        }
        .agenda-day.year-month .agenda-date-number {
            font-size: 0.95rem;
        }
        .agenda-day.outside { opacity: 0.35; }
        .agenda-date-number { font-weight: 700; color: var(--gray-700); margin-bottom: var(--space-2); }
        .agenda-date-event-name {
            display: block;
            margin-top: 0.15rem;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--secondary);
            font-size: 0.68rem;
            font-weight: 900;
        }
        .agenda-pill {
            display: block;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-radius: var(--radius-sm);
            padding: 0.2rem 0.35rem;
            margin-bottom: 0.25rem;
            background: rgba(99, 102, 241, 0.12);
            color: var(--primary-dark);
            font-size: 0.72rem;
            font-weight: 700;
        }
        .agenda-pill-title {
            font-weight: 900;
        }
        .reminder-panel {
            background: #fff7ed;
            border: 1px solid #fed7aa;
            border-radius: var(--radius-lg);
            padding: var(--space-5);
            margin-top: var(--space-5);
            margin-bottom: 0;
        }

        .agenda-logo {
            width: 26px;
            height: 26px;
            margin-left: var(--space-2);
        }

        .agenda-selected-panel {
            margin-top: var(--space-6);
            background: rgba(19, 23, 240, 0.08);
            border: 1px solid rgba(99, 102, 241, 0.16);
            border-radius: var(--radius-lg);
            padding: var(--space-5);
        }

        .agenda-selected-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-4);
            margin-bottom: var(--space-4);
            flex-wrap: wrap;
        }

        .agenda-selected-header h3 {
            color: var(--gray-900);
            font-size: 1rem;
            margin: 0;
        }

        .agenda-quick-form {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: var(--space-3);
            margin-bottom: var(--space-4);
        }

        .agenda-day-events {
            display: grid;
            gap: var(--space-3);
        }

        .agenda-day-event {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: var(--space-3);
            background: rgba(255, 255, 255, 0.78);
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: var(--radius-md);
            padding: var(--space-3);
        }

        .agenda-day-event strong {
            display: block;
            color: var(--gray-900);
            font-size: 0.92rem;
            line-height: 1.3;
        }

        .agenda-day-event span {
            display: block;
            color: var(--gray-500);
            font-size: 0.78rem;
            margin-top: 0.15rem;
        }

        .agenda-day-event .remove-record {
            flex: 0 0 auto;
        }
        .reminder-panel h3 { color: #9a3412; font-size: 1rem; margin-bottom: var(--space-3); }
        .reminder-panel ul { padding-left: var(--space-5); color: var(--gray-700); }
        .med-checklist {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: var(--space-4);
            margin-bottom: var(--space-5);
        }
        .med-check-card {
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            padding: var(--space-4);
            background: var(--gray-50);
        }
        .trend-chart {
            display: flex;
            align-items: flex-end;
            gap: var(--space-3);
            min-height: 170px;
            overflow-x: auto;
            padding: var(--space-5);
            background: var(--gray-50);
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-lg);
            margin-bottom: var(--space-5);
        }
        .trend-bar {
            min-width: 64px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--space-2);
            font-size: 0.72rem;
            color: var(--gray-600);
        }
        .trend-bar-fill {
            width: 30px;
            min-height: 8px;
            border-radius: var(--radius-sm) var(--radius-sm) 0 0;
            background: var(--accent);
        }
        .exam-quick-actions {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: var(--space-3);
            margin-bottom: var(--space-5);
        }
        .exam-quick-actions button {
            border: 1px solid rgba(37, 99, 235, 0.16);
            border-radius: var(--radius-lg);
            background: linear-gradient(135deg, #ffffff, #f8fafc);
            color: var(--gray-800);
            cursor: pointer;
            min-height: 54px;
            padding: var(--space-3);
            font-family: inherit;
            font-size: 0.82rem;
            font-weight: 850;
            text-align: left;
            transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
        }
        .exam-quick-actions button:hover {
            transform: translateY(-1px);
            border-color: rgba(37, 99, 235, 0.32);
            box-shadow: 0 14px 30px rgba(37, 99, 235, 0.1);
        }
        .document-link {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            margin-top: var(--space-2);
            color: var(--primary);
            font-weight: 700;
            text-decoration: none;
        }

        .attachment-view {
            display: none;
            gap: var(--space-3);
            align-items: center;
            justify-content: space-between;
            margin-top: var(--space-2);
            padding: var(--space-3);
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: var(--radius-md);
            background: var(--gray-50);
            cursor: pointer;
        }

        .attachment-view.show {
            display: flex;
        }

        .attachment-name {
            color: var(--gray-800);
            font-weight: 800;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .attachment-actions {
            display: inline-flex;
            gap: var(--space-2);
            flex-shrink: 0;
        }

        .attachment-action {
            border: 1px solid rgba(37, 99, 235, 0.16);
            border-radius: 999px;
            background: #ffffff;
            color: var(--primary-dark);
            cursor: pointer;
            font-family: inherit;
            font-size: 0.78rem;
            font-weight: 850;
            min-height: 34px;
            padding: 0 0.75rem;
        }

        .attachment-action.delete {
            color: #b91c1c;
            border-color: rgba(239, 68, 68, 0.22);
        }

        @media (max-width: 640px) {
            .attachment-view {
                align-items: stretch;
                flex-direction: column;
            }

            .attachment-name {
                white-space: normal;
                overflow-wrap: anywhere;
            }

            .attachment-actions {
                display: grid;
                grid-template-columns: 1fr 1fr;
                width: 100%;
            }

            .attachment-action {
                width: 100%;
            }
        }

        .file-viewer-overlay {
            position: fixed;
            inset: 0;
            z-index: 4300;
            display: none;
            align-items: stretch;
            justify-content: center;
            background: rgba(15, 23, 42, 0.64);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }

        .file-viewer-overlay.active {
            display: flex;
        }

        .file-viewer-shell {
            width: 100%;
            min-height: 100dvh;
            display: grid;
            grid-template-rows: auto 1fr;
            background: #ffffff;
        }

        .file-viewer-head {
            min-height: 58px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-4);
            padding: var(--space-3) var(--space-5);
            border-bottom: 1px solid var(--gray-200);
        }

        .file-viewer-title {
            color: var(--gray-900);
            font-weight: 900;
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .file-viewer-actions {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            flex-shrink: 0;
        }

        .file-viewer-delete {
            min-height: 38px;
            border: 1px solid rgba(239, 68, 68, 0.28);
            border-radius: 999px;
            background: linear-gradient(135deg, rgba(254, 242, 242, 0.96), rgba(255, 255, 255, 0.9));
            color: #b91c1c;
            cursor: pointer;
            font: inherit;
            font-size: 0.82rem;
            font-weight: 900;
            padding: 0 0.95rem;
        }

        .file-viewer-delete[hidden] {
            display: none;
        }

        .file-viewer-body {
            display: grid;
            place-items: center;
            min-height: 0;
            padding: var(--space-4);
            background: var(--gray-50);
        }

        .file-viewer-body img,
        .file-viewer-body iframe {
            width: 100%;
            height: 100%;
            max-height: calc(100vh - 90px);
            border: 0;
            border-radius: var(--radius-lg);
            background: #ffffff;
            object-fit: contain;
        }

        .file-viewer-overlay.image-mode {
            align-items: center;
            background: rgba(0, 0, 0, 0.82);
        }

        .file-viewer-overlay.image-mode .file-viewer-shell {
            width: 100%;
            min-height: 100%;
            background: transparent;
        }

        .file-viewer-overlay.image-mode .file-viewer-head {
            background: rgba(0, 0, 0, 0.58);
            border-color: rgba(255, 255, 255, 0.12);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }

        .file-viewer-overlay.image-mode .file-viewer-title {
            color: #ffffff;
        }

        .file-viewer-overlay.image-mode .file-viewer-body {
            position: relative;
            overflow: hidden;
            background: transparent;
            cursor: zoom-in;
        }

        .file-viewer-image-stage {
            width: 100%;
            height: 100%;
            display: grid;
            place-items: center;
            overflow: auto;
            overscroll-behavior: contain;
            touch-action: pinch-zoom pan-x pan-y;
        }

        .file-viewer-body img.file-viewer-zoomable {
            width: auto;
            height: auto;
            max-width: 96vw;
            max-height: calc(100vh - 112px);
            border-radius: var(--radius-lg);
            background: transparent;
            transform: scale(var(--viewer-zoom, 1));
            transform-origin: center center;
            transition: transform 0.18s ease;
            cursor: zoom-in;
        }

        .file-viewer-body img.file-viewer-zoomable.zoomed {
            cursor: zoom-out;
        }

        .file-viewer-zoom-controls {
            position: absolute;
            left: 50%;
            bottom: max(18px, env(safe-area-inset-bottom));
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
            padding: 7px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            border-radius: 999px;
            background: rgba(0, 0, 0, 0.62);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }

        .file-viewer-zoom-controls button {
            width: 42px;
            min-height: 38px;
            border: 0;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.14);
            color: #ffffff;
            font-size: 1rem;
            font-weight: 950;
            cursor: pointer;
        }

        .file-viewer-empty {
            color: var(--gray-600);
            font-weight: 800;
            text-align: center;
        }

        .loading-spinner {
            width: 14px; height: 14px; border: 2px solid transparent;
            border-top: 2px solid currentColor; border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin { to { transform: rotate(360deg); } }
        .required { color: var(--error); }

        /* Iframes Integrados */
        .integrated-iframe {
            width: 100%;
            min-height: 620px;
            border: none;
            border-radius: var(--radius-lg);
            background: transparent;
            display: block;
            overflow: hidden;
        }

        .embedded-tool-shell {
            background: white;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xl);
            box-shadow: var(--shadow);
            padding: var(--space-6);
        }

        .embedded-tool-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-4);
            margin-bottom: var(--space-5);
            flex-wrap: wrap;
        }

        .embedded-tool-header p {
            color: var(--gray-500);
            font-size: 0.88rem;
            margin-top: 0.25rem;
        }

        #health-sub-vacinas .embedded-tool-shell {
            position: relative;
            overflow: visible;
            padding: var(--space-4);
            background: #ffffff;
            border: 1px solid var(--gray-200);
            border-radius: var(--radius-xl);
            box-shadow: var(--shadow);
        }

        #health-sub-vacinas .embedded-tool-header {
            display: none;
        }

        #health-sub-vacinas .integrated-iframe {
            position: relative;
            z-index: 1;
            min-height: 0 !important;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        #health-sub-vacinas .embedded-tool-shell {
            padding: 0 !important;
            background: transparent !important;
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            overflow: visible !important;
        }

                input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
            -webkit-appearance: none;
        }

        input[type="date"] {
            appearance: textfield;
        }

        .amlealt-apple-native-pickers input[type="date"],
        .amlealt-apple-native-pickers input[type="time"],
        .amlealt-apple-native-pickers input[type="datetime-local"] {
            appearance: auto;
            -webkit-appearance: auto;
        }

        .amlealt-apple-native-pickers input[type="date"]::-webkit-calendar-picker-indicator {
            display: inline-block;
            -webkit-appearance: auto;
        }

        .date-picker-popover {
            position: fixed;
            z-index: 4000;
            width: min(336px, calc(100vw - 24px));
            padding: 0.9rem;
            border: 1px solid rgba(255, 255, 255, 0.55);
            border-radius: 32px;
            background: rgba(255, 255, 255, 0.78);
            box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
            backdrop-filter: blur(24px) saturate(1.35);
            transform-origin: top center;
            animation: datePickerGrow 0.34s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .date-picker-popover.closing {
            animation: datePickerClose 0.24s ease both;
        }

        @keyframes datePickerGrow {
            from { opacity: 0; transform: translate3d(0, 12px, 0) scale(0.96); }
            to { opacity: 1; transform: translateY(0) scale(1); }
        }

        @keyframes datePickerClose {
            from { opacity: 1; transform: translateY(0) scale(1); }
            to { opacity: 0; transform: translate3d(0, 10px, 0) scale(0.96); }
        }

        .date-picker-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            margin-bottom: 0.75rem;
        }

        .date-picker-month {
            color: var(--gray-900);
            font-size: 0.98rem;
            font-weight: 800;
            text-transform: capitalize;
        }

        .date-picker-center {
            display: grid;
            gap: 0.35rem;
            justify-items: center;
        }

        .date-picker-year-select,
        .date-picker-year-trigger {
            min-height: 34px;
            padding: 0.3rem 0.7rem;
            border: 1px solid rgba(37, 99, 235, 0.16);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--gray-800);
            cursor: pointer;
            font-size: 0.82rem;
            font-weight: 800;
            text-align: center;
            outline: none;
        }

        .date-picker-year-trigger {
            min-width: 86px;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .date-picker-year-trigger:hover,
        .date-picker-year-trigger.active {
            border-color: rgba(37, 99, 235, 0.28);
            box-shadow: 0 10px 24px rgba(37, 99, 235, 0.14);
            color: var(--primary);
            transform: translateY(-1px);
        }

        .date-picker-year-panel {
            display: none;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.35rem;
            max-height: 190px;
            margin: 0.2rem 0 0.75rem;
            padding: 0.45rem;
            overflow-y: auto;
            border: 1px solid rgba(37, 99, 235, 0.12);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.56);
            animation: datePickerGrow 0.18s cubic-bezier(0.2, 0.8, 0.2, 1) both;
            scrollbar-width: thin;
        }

        .date-picker-year-panel.open {
            display: grid;
        }

        .date-picker-year-option {
            border: 1px solid transparent;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.7);
            color: var(--gray-700);
            cursor: pointer;
            padding: 0.45rem 0.35rem;
            font-size: 0.78rem;
            font-weight: 800;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .date-picker-year-option:hover {
            border-color: rgba(37, 99, 235, 0.24);
            color: var(--primary);
            transform: translateY(-1px) scale(1.03);
        }

        .date-picker-year-option.selected {
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 10px 22px rgba(var(--secondary-rgb), 0.28);
        }

        .date-picker-nav {
            width: 36px;
            height: 36px;
            border: 1px solid rgba(37, 99, 235, 0.16);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.82);
            color: var(--primary);
            cursor: pointer;
            font-weight: 900;
        }

        .date-picker-week,
        .date-picker-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 0.35rem;
        }

        .date-picker-week {
            margin-bottom: 0.35rem;
            color: var(--gray-500);
            font-size: 0.7rem;
            font-weight: 800;
            text-align: center;
        }

        .date-picker-day {
            aspect-ratio: 1;
            border: 1px solid transparent;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.58);
            color: var(--gray-700);
            cursor: pointer;
            font-size: 0.82rem;
            font-weight: 800;
        }

        .date-picker-day:hover {
            border-color: rgba(37, 99, 235, 0.28);
            color: var(--primary);
            transform: translateY(-1px) scale(1.04);
        }

        .date-picker-day.outside {
            opacity: 0.34;
        }

        .date-picker-day.today {
            border-color: rgba(6, 182, 212, 0.42);
            color: var(--accent);
        }

        .date-picker-day.selected {
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 12px 26px rgba(var(--secondary-rgb), 0.32);
            transform: scale(1.06);
        }

        .date-picker-day.picking {
            animation: datePickPulse 0.18s ease both;
        }

        @keyframes datePickPulse {
            0% { transform: scale(1); }
            60% { transform: scale(1.14); }
            100% { transform: scale(1.06); }
        }

        .date-picker-actions {
            display: flex;
            gap: 0.45rem;
            margin-top: 0.8rem;
        }

        .date-picker-chip {
            flex: 1;
            border: 1px solid rgba(37, 99, 235, 0.14);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.72);
            color: var(--gray-700);
            padding: 0.55rem 0.6rem;
            cursor: pointer;
            font-size: 0.75rem;
            font-weight: 800;
        }

        .select-picker-popover {
            position: fixed;
            z-index: 4100;
            width: min(320px, calc(100vw - 24px));
            max-height: min(360px, calc(100vh - 24px));
            padding: 0.65rem;
            overflow-y: auto;
            border: 1px solid rgba(255, 255, 255, 0.55);
            border-radius: 28px;
            background: rgba(255, 255, 255, 0.82);
            box-shadow: 0 28px 80px rgba(15, 23, 42, 0.22);
            backdrop-filter: blur(24px) saturate(1.35);
            transform-origin: top center;
            animation: datePickerGrow 0.34s cubic-bezier(0.16, 0.84, 0.24, 1) both;
            display: grid;
            gap: 0.35rem;
        }

        .select-picker-popover.closing {
            animation: datePickerClose 0.24s ease both;
        }

        .select-picker-option {
            width: 100%;
            min-height: 40px;
            border: 1px solid rgba(37, 99, 235, 0.12);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.68);
            color: var(--gray-700);
            cursor: pointer;
            padding: 0.58rem 0.8rem;
            font-size: 0.82rem;
            font-weight: 800;
            text-align: left;
            transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
        }

        .select-picker-option:hover {
            border-color: rgba(37, 99, 235, 0.26);
            color: var(--primary);
            transform: translateY(-1px);
        }

        .select-picker-option.selected {
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 12px 26px rgba(var(--secondary-rgb), 0.28);
        }

        .app-footer {
            padding: var(--space-8) var(--space-4) var(--space-10);
            color: var(--gray-500);
            font-size: 0.85rem;
            font-weight: 700;
            text-align: center;
        }

        body.app-theme-animating,
        body.app-theme-animating :where(.header, .header.scrolled, .main-container, .tab-content, .form-section, .embedded-tool-shell, .record-item, .agenda-day, .agenda-day-event, .weight-chart, .trend-chart, .settings-panel, .settings-group, .sequence-panel, .sequence-card, .share-tool-card, .guide-section, .settings-tabs, .settings-search-wrap, .setting-select, .setting-textarea, .form-input, .form-select, .form-textarea, .minha-option, .pet-ai-menu, .pet-ai-menu-item, .amlealt-ai-sheet, .amlealt-ai-topbar, .amlealt-ai-composer, .internal-browser-topbar) {
            transition: background-color 0.58s cubic-bezier(0.16, 0.84, 0.24, 1), color 0.58s cubic-bezier(0.16, 0.84, 0.24, 1), border-color 0.58s cubic-bezier(0.16, 0.84, 0.24, 1), box-shadow 0.58s cubic-bezier(0.16, 0.84, 0.24, 1), opacity 0.58s cubic-bezier(0.16, 0.84, 0.24, 1) !important;
        }

        body.app-dark-theme {
            background: #1a1a1a;
            color: #f8fafc;
        }

        body.app-dark-theme .header {
            background: rgba(26, 26, 26, 0.86);
            border-color: rgba(59, 130, 246, 0.28);
        }

        body.app-dark-theme .header.scrolled {
            background: rgba(26, 26, 26, 0.72);
            border-color: rgba(59, 130, 246, 0.42);
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
        }

        body.app-dark-theme .header-title,
        body.app-dark-theme .current-pet-name,
        body.app-dark-theme .section-title,
        body.app-dark-theme .agenda-selected-header h3,
        body.app-dark-theme #agendaMonthTitle {
            color: #f8fafc !important;
        }

        body.app-dark-theme .profile-completeness,
        body.app-dark-theme .form-label,
        body.app-dark-theme .empty-state,
        body.app-dark-theme .embedded-tool-header p {
            color: #cbd5e1;
        }

        body.app-dark-theme .form-section,
        body.app-dark-theme .embedded-tool-shell,
        body.app-dark-theme .record-item,
        body.app-dark-theme .agenda-day-event {
            background: #222222;
            border-color: rgba(59, 130, 246, 0.26);
            color: #f8fafc;
        }

        body.app-dark-theme .agenda-day,
        body.app-dark-theme .weight-chart,
        body.app-dark-theme .trend-chart {
            background: #202020;
            border-color: rgba(59, 130, 246, 0.22);
        }

        body.app-dark-theme .agenda-day:hover,
        body.app-dark-theme .agenda-day.selected {
            background: #262626;
            border-color: #3b82f6;
        }

        body.app-dark-theme .form-input,
        body.app-dark-theme .form-select,
        body.app-dark-theme .form-textarea {
            background: #1f1f1f;
            color: #f8fafc;
            border-color: rgba(59, 130, 246, 0.28);
        }

        body.app-dark-theme .tab-button {
            color: #cbd5e1;
        }

        body.app-dark-theme .tab-button:hover {
            color: #f8fafc;
            background: rgba(59, 130, 246, 0.12);
        }

        body.app-dark-theme .tab-button.active {
            color: #60a5fa;
            background: rgba(59, 130, 246, 0.18);
        }

        body.app-dark-theme .switch-pet-btn,
        body.app-dark-theme .install-app-btn {
            background: #222222;
            border-color: rgba(59, 130, 246, 0.34);
            color: #f8fafc;
        }

        body.app-dark-theme .header-icon-btn {
            background: #222222;
            border-color: rgba(59, 130, 246, 0.34);
            color: #f8fafc;
        }

        body.app-dark-theme #health-sub-vacinas .embedded-tool-shell,
        body.app-dark-theme #health-sub-vacinas .integrated-iframe {
            background: transparent;
        }

        body.app-dark-theme .date-picker-popover {
            background: rgba(26, 26, 26, 0.78);
            border-color: rgba(96, 165, 250, 0.28);
            box-shadow: 0 28px 80px rgba(0, 0, 0, 0.42);
        }

        body.app-dark-theme .date-picker-month {
            color: #f8fafc;
        }

        body.app-dark-theme .date-picker-day,
        body.app-dark-theme .date-picker-nav,
        body.app-dark-theme .date-picker-chip,
        body.app-dark-theme .date-picker-year-select,
        body.app-dark-theme .date-picker-year-trigger,
        body.app-dark-theme .date-picker-year-option,
        body.app-dark-theme .select-picker-option {
            background: rgba(34, 34, 34, 0.84);
            color: #f8fafc;
            border-color: rgba(96, 165, 250, 0.22);
        }

        body.app-dark-theme .date-picker-year-panel,
        body.app-dark-theme .select-picker-popover {
            background: rgba(26, 26, 26, 0.78);
            border-color: rgba(96, 165, 250, 0.28);
        }

        body.app-dark-theme .date-picker-week,
        body.app-dark-theme .app-footer {
            color: #cbd5e1;
        }

        body.app-dark-theme .memory-feed-head {
            background: rgba(26, 26, 26, 0.9);
            border-color: #333333;
        }

        body.app-dark-theme .memory-feed-title strong,
        body.app-dark-theme .memory-text {
            color: #f8fafc;
        }

        body.app-dark-theme .memory-card,
        body.app-dark-theme .memory-action-btn {
            background: #222222;
            border-color: #333333;
            color: #f8fafc;
        }

        body.app-dark-theme .profile-feed .memory-card.record-item {
            border-left-color: #333333;
        }

        body.app-dark-theme .memory-editor,
        body.app-dark-theme .memory-media-button,
        body.app-dark-theme .memory-photo-preview {
            background: #1f1f1f;
            border-color: #333333;
        }

        body.app-dark-theme .memory-date-control input[type="date"],
        body.app-dark-theme .memory-date-step,
        body.app-dark-theme .memory-date-shortcut {
            background: #222222;
            color: #f8fafc;
            border-color: #333333;
        }

        body.app-dark-theme .memory-date-summary {
            background: rgba(37, 99, 235, 0.16);
            border-color: rgba(96, 165, 250, 0.28);
        }

        body.app-dark-theme .memory-date-summary strong {
            color: #f8fafc;
        }

        body.app-dark-theme .reminder-panel {
            background: rgba(37, 99, 235, 0.14);
            border-color: rgba(96, 165, 250, 0.28);
            color: #f8fafc;
        }

        body.app-theme-light {
            background: #ffffff !important;
        }

        body.app-theme-light .form-section,
        body.app-theme-light .embedded-tool-shell,
        body.app-theme-light .record-item,
        body.app-theme-light .agenda-day-event,
        body.app-theme-light .med-check-card,
        body.app-theme-light .agenda-selected-panel,
        body.app-theme-light .reminder-panel {
            background: #ffffff !important;
            border-color: rgba(226, 232, 240, 0.9);
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.06);
        }

        body.app-theme-light #home-view,
        body.app-theme-light .profiles-container,
        body.app-theme-light .profile-card,
        body.app-theme-light .profile-avatar.add-btn,
        body.app-theme-light .settings-panel,
        body.app-theme-light .settings-group,
        body.app-theme-light .sequence-panel,
        body.app-theme-light .sequence-card {
            background: #ffffff !important;
        }



        body.app-theme-clarity,
        body.app-theme-clarity #home-view,
        body.app-theme-clarity #app-view,
        body.app-theme-clarity .main-container,
        body.app-theme-clarity .tab-content,
        body.app-theme-clarity .profiles-container,
        body.app-theme-clarity .settings-overlay,
        body.app-theme-clarity .sequence-overlay,
        body.app-theme-clarity .amlealt-profile-editor,
        body.app-theme-clarity .amlealt-ai-overlay,
        body.app-theme-clarity .internal-browser-overlay,
        body.app-theme-clarity .file-viewer-overlay {
            background: #ffffff !important;
            background-image: none !important;
            color: #0f172a;
        }

        body.app-theme-clarity :where(.header, .header.scrolled, .form-section, .embedded-tool-shell, .record-item, .agenda-day, .agenda-day-event, .weight-chart, .trend-chart, .settings-panel, .settings-group, .sequence-panel, .sequence-card, .share-tool-card, .share-qr-box, .guide-section, .settings-stat-card, .settings-next-care, .laco-summary-card, .laco-card, .laco-society, .laco-history-metric, .laco-week-day, .laco-celebration-card, .settings-tabs, .settings-search-wrap, .settings-search-input, .setting-select, .setting-textarea, .form-input, .form-select, .form-textarea, .minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-command-bar, .amlealt-search-panel, .amlealt-search-row, .amlealt-search-chip, .amlealt-profile-card, .amlealt-profile-back, .amlealt-profile-photo, .amlealt-species-choice, .profile-edit-btn, .select-picker-popover, .select-picker-option:not(.selected), .date-picker-popover, .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .date-picker-year-select, .date-picker-year-trigger, .date-picker-year-option:not(.selected), .date-picker-year-panel, .radio-item, .checkbox-item, .chip:not(.active), .filter-btn:not(.active), .memory-card, .memory-action-btn, .memory-editor, .memory-media-button, .memory-photo-preview, .reminder-panel, .pet-ai-menu, .pet-ai-menu-item, .amlealt-ai-sheet, .amlealt-ai-drawer, .amlealt-ai-topbar, .amlealt-ai-composer, .amlealt-ai-input-row, .amlealt-ai-menu-option, .amlealt-ai-history button, .internal-browser-topbar) {
            background: #ffffff !important;
            background-image: none !important;
            border-color: #ffffff !important;
            box-shadow: none !important;
        }

        body.app-theme-clarity :where(.header-title, .settings-title, .settings-group label, .profile-name, .netflix-title, .amlealt-profile-title, .amlealt-ai-title, .record-item h2, .form-section h2, .settings-panel h2, .settings-panel h3) {
            color: #0f172a !important;
        }

        body.app-theme-clarity :where(.settings-hint, .app-footer, .record-item p, .profile-card small, .amlealt-search-hint) {
            color: #475569 !important;
        }

        body.app-theme-clarity :where(.settings-action-btn:not(.danger), .block-control-btn, .memory-action-btn, .profile-edit-btn, .amlealt-search-chip, .amlealt-ai-history button, .symptom-floating-composer button, .symptom-icon-btn, .close-btn) {
            color: #0f172a !important;
        }

        body.app-theme-clarity :where(.settings-action-btn:not(.danger).liquid-normal, .symptom-floating-composer button.liquid-normal, .add-record-button, .upload-button) {
            background: #f8fafc !important;
            border-color: #e2e8f0 !important;
            color: #0f172a !important;
        }

        body.app-theme-clarity :where(.tab-button.active, .sub-tab-button.active, .filter-btn.active, .chip.active, .routine-dock-save, .dock-save) {
            color: #ffffff !important;
        }

        body.app-theme-dim {
            background: #1a1a1a;
        }

        body.app-theme-total {
            background: #000000;
        }

        body.app-theme-total .header {
            background: rgba(0, 0, 0, 0.84);
        }

        body.app-theme-total .form-section,
        body.app-theme-total .embedded-tool-shell,
        body.app-theme-total .record-item,
        body.app-theme-total .agenda-day-event {
            background: #050505;
            border-color: rgba(96, 165, 250, 0.28);
        }

        body.app-theme-light #home-view {
            background: #ffffff !important;
        }

        body.app-theme-dim #home-view {
            background:
                radial-gradient(circle at 12% 18%, rgba(37, 99, 235, 0.2), transparent 30%),
                linear-gradient(135deg, #1a1a1a 0%, #222222 100%);
        }

        body.app-theme-total #home-view {
            background:
                radial-gradient(circle at 80% 12%, rgba(37, 99, 235, 0.18), transparent 26%),
                #000000;
        }

        body.app-theme-dim {
            background:
                radial-gradient(circle at 16% 0%, rgba(59, 130, 246, 0.12), transparent 32%),
                radial-gradient(circle at 86% 18%, rgba(var(--secondary-rgb), 0.09), transparent 30%),
                linear-gradient(145deg, #1a1a1a 0%, #202124 52%, #151515 100%);
        }

        body.app-theme-total {
            background: #000000;
        }

        body.app-theme-dim .header {
            background: rgba(24, 24, 27, 0.72);
            border-color: rgba(148, 163, 184, 0.16);
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.28);
            backdrop-filter: blur(22px) saturate(150%);
            -webkit-backdrop-filter: blur(22px) saturate(150%);
        }

        body.app-theme-total .header {
            background: rgba(0, 0, 0, 0.72);
            border-color: rgba(96, 165, 250, 0.18);
            box-shadow: 0 18px 52px rgba(0, 0, 0, 0.58);
            backdrop-filter: blur(24px) saturate(150%);
            -webkit-backdrop-filter: blur(24px) saturate(150%);
        }

        body.app-theme-dim .form-section,
        body.app-theme-dim .embedded-tool-shell,
        body.app-theme-dim .record-item,
        body.app-theme-dim .agenda-day-event,
        body.app-theme-dim .settings-panel,
        body.app-theme-dim .sequence-panel {
            background: rgba(31, 31, 35, 0.78);
            border-color: rgba(148, 163, 184, 0.16);
            box-shadow: 0 20px 54px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(18px) saturate(135%);
            -webkit-backdrop-filter: blur(18px) saturate(135%);
        }

        body.app-theme-total .form-section,
        body.app-theme-total .embedded-tool-shell,
        body.app-theme-total .record-item,
        body.app-theme-total .agenda-day-event,
        body.app-theme-total .settings-panel,
        body.app-theme-total .sequence-panel {
            background: rgba(5, 5, 6, 0.88);
            border-color: rgba(96, 165, 250, 0.16);
            box-shadow: 0 22px 60px rgba(0, 0, 0, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.035);
            backdrop-filter: blur(20px) saturate(130%);
            -webkit-backdrop-filter: blur(20px) saturate(130%);
        }

        body.app-theme-dim .form-input,
        body.app-theme-dim .form-select,
        body.app-theme-dim .form-textarea,
        body.app-theme-dim .setting-select,
        body.app-theme-dim .setting-textarea {
            background: rgba(17, 24, 39, 0.44);
            border-color: rgba(148, 163, 184, 0.22);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        body.app-theme-total .form-input,
        body.app-theme-total .form-select,
        body.app-theme-total .form-textarea,
        body.app-theme-total .setting-select,
        body.app-theme-total .setting-textarea {
            background: rgba(3, 7, 18, 0.72);
            border-color: rgba(96, 165, 250, 0.2);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
        }

        body.app-theme-dim .agenda-day,
        body.app-theme-total .agenda-day,
        body.app-theme-dim .weight-chart,
        body.app-theme-total .weight-chart,
        body.app-theme-dim .trend-chart,
        body.app-theme-total .trend-chart {
            background: rgba(15, 23, 42, 0.38);
            border-color: rgba(148, 163, 184, 0.14);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
        }

        body.app-dark-theme #home-view::before,
        body.app-theme-total #home-view::before {
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
        }
        body.app-dark-theme .home-brand,
        body.app-theme-total .home-brand {
            background: transparent !important;
            border-color: transparent !important;
            box-shadow: none !important;
            color: inherit;
        }

        body.app-dark-theme .netflix-title,
        body.app-theme-total .netflix-title,
        body.app-dark-theme .profile-card:hover .profile-name,
        body.app-theme-total .profile-card:hover .profile-name {
            color: #ffffff;
        }

        body.app-dark-theme .profile-name,
        body.app-theme-total .profile-name {
            color: rgba(255, 255, 255, 0.68);
        }

        body.app-dark-theme .profile-avatar.add-btn,
        body.app-theme-total .profile-avatar.add-btn {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.35);
            color: rgba(255, 255, 255, 0.72);
        }

        body.app-theme-dim,
        body.app-theme-dim #home-view {
            background:
                linear-gradient(135deg, rgba(56, 189, 248, 0.11) 0%, transparent 34%),
                linear-gradient(225deg, rgba(var(--secondary-rgb), 0.08) 0%, transparent 38%),
                linear-gradient(160deg, #181a1f 0%, #20242b 46%, #15171b 100%) !important;
        }

        body.app-theme-total,
        body.app-theme-total #home-view {
            background: #000000 !important;
            background-image: none !important;
        }

        body.app-theme-dim .form-section,
        body.app-theme-dim .embedded-tool-shell,
        body.app-theme-dim .record-item,
        body.app-theme-dim .agenda-day-event,
        body.app-theme-dim .settings-panel,
        body.app-theme-dim .settings-group,
        body.app-theme-dim .sequence-panel,
        body.app-theme-total .form-section,
        body.app-theme-total .embedded-tool-shell,
        body.app-theme-total .record-item,
        body.app-theme-total .agenda-day-event,
        body.app-theme-total .settings-panel,
        body.app-theme-total .settings-group,
        body.app-theme-total .sequence-panel {
            border-color: rgba(148, 163, 184, 0.2);
            box-shadow: 0 22px 58px rgba(0, 0, 0, 0.38), inset 0 1px 0 rgba(255, 255, 255, 0.045);
        }

        body.app-theme-total .form-section,
        body.app-theme-total .embedded-tool-shell,
        body.app-theme-total .record-item,
        body.app-theme-total .agenda-day-event,
        body.app-theme-total .settings-panel,
        body.app-theme-total .settings-group,
        body.app-theme-total .sequence-panel {
            background: rgba(4, 6, 9, 0.92);
            border-color: rgba(96, 165, 250, 0.18);
        }

        body.app-theme-dim .header,
        body.app-theme-total .header {
            border-color: rgba(148, 163, 184, 0.18);
            box-shadow: 0 20px 52px rgba(0, 0, 0, 0.34);
        }


        body.app-theme-dim,
        body.app-theme-dim #home-view {
            background:
                linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, transparent 32%),
                linear-gradient(225deg, rgba(var(--secondary-rgb), 0.06) 0%, transparent 36%),
                linear-gradient(160deg, #101214 0%, #171a1f 48%, #0d0f12 100%) !important;
        }

        body.app-theme-total,
        body.app-theme-total #home-view {
            background: #000000 !important;
            background-image: none !important;
        }

        body.app-theme-dim .form-section,
        body.app-theme-dim .embedded-tool-shell,
        body.app-theme-dim .record-item,
        body.app-theme-dim .agenda-day-event,
        body.app-theme-dim .settings-panel,
        body.app-theme-dim .settings-group,
        body.app-theme-dim .sequence-panel {
            background: rgba(18, 20, 24, 0.9);
            border-color: rgba(148, 163, 184, 0.18);
        }

        body.app-theme-total .form-section,
        body.app-theme-total .embedded-tool-shell,
        body.app-theme-total .record-item,
        body.app-theme-total .agenda-day-event,
        body.app-theme-total .settings-panel,
        body.app-theme-total .settings-group,
        body.app-theme-total .sequence-panel {
            background: #000000;
            border-color: #000000;
        }

        body.app-theme-dim :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item),
        body.app-theme-total :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item) {
            background: #000000 !important;
            border-color: #000000 !important;
        }

        body.app-theme-dim :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item),
        body.app-theme-dim :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item) :where(span, strong, small, svg),
        body.app-theme-total :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item),
        body.app-theme-total :where(.minha-option, .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .block-control-btn, .amlealt-search-row, .amlealt-search-chip, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .radio-item, .checkbox-item) :where(span, strong, small, svg) {
            color: #f8fafc !important;
            stroke: currentColor !important;
        }

        .settings-overlay,
        .sequence-overlay {
            position: fixed;
            inset: 0;
            z-index: 3200;
            display: flex;
            align-items: stretch;
            justify-content: flex-end;
            background: rgba(15, 23, 42, 0.42);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.46s cubic-bezier(0.16, 0.84, 0.24, 1), visibility 0.46s ease;
        }

        .settings-overlay.active,
        .sequence-overlay.active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .settings-overlay.closing,
        .sequence-overlay.closing {
            opacity: 0;
            visibility: visible;
            pointer-events: none;
        }

        .settings-panel,
        .sequence-panel {
            width: min(520px, 100%);
            min-height: 100%;
            padding: var(--space-8);
            overflow-y: auto;
            background: rgba(255, 255, 255, 0.94);
            border-left: 1px solid rgba(226, 232, 240, 0.9);
            box-shadow: -24px 0 70px rgba(15, 23, 42, 0.18);
        }

        .settings-overlay.active .settings-panel,
        .sequence-overlay.active .sequence-panel {
            animation: sidePanelIn 0.64s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .settings-overlay.closing .settings-panel,
        .sequence-overlay.closing .sequence-panel {
            animation: sidePanelOut 0.46s cubic-bezier(0.42, 0, 0.2, 1) both;
        }

        .settings-overlay {
            align-items: flex-end;
            justify-content: center;
            background: rgba(15, 23, 42, 0.34);
        }

        .settings-panel {
            position: relative;
            width: min(760px, 100%);
            min-height: 0;
            max-height: min(88dvh, 860px);
            padding-top: calc(var(--space-8) + 0.65rem);
            scrollbar-width: none;
            -ms-overflow-style: none;
            border-left: 0;
            border-top: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 30px 30px 0 0;
            box-shadow: 0 -24px 70px rgba(15, 23, 42, 0.24);
            overscroll-behavior: contain;
            touch-action: pan-y;
            will-change: transform, opacity;
        }

        .settings-panel::-webkit-scrollbar {
            width: 0;
            height: 0;
            display: none;
        }


        @media (min-width: 769px) and (pointer: fine) {
            .settings-overlay.active {
                align-items: flex-start;
                overflow-y: auto;
                overflow-x: hidden;
                overscroll-behavior: contain;
                scrollbar-width: thin !important;
                scrollbar-color: rgba(var(--secondary-rgb), 0.52) rgba(148, 163, 184, 0.14) !important;
            }

            .settings-overlay.active .settings-panel {
                max-height: none;
                overflow: visible;
                margin-top: 12dvh;
                margin-bottom: 0;
            }

            .settings-overlay.active::-webkit-scrollbar {
                width: 11px !important;
                height: 11px !important;
                display: block !important;
            }

            .settings-overlay.active::-webkit-scrollbar-track {
                background: rgba(148, 163, 184, 0.14) !important;
            }

            .settings-overlay.active::-webkit-scrollbar-thumb {
                background: rgba(var(--secondary-rgb), 0.52) !important;
                border: 3px solid transparent !important;
                border-radius: 999px !important;
                background-clip: padding-box !important;
            }

            .settings-overlay.active::-webkit-scrollbar-thumb:hover {
                background: var(--secondary) !important;
                background-clip: padding-box !important;
            }
        }

        .settings-panel::before {
            content: "";
            position: absolute;
            top: 0.85rem;
            left: 50%;
            width: 58px;
            height: 5px;
            border-radius: 999px;
            background: rgba(100, 116, 139, 0.36);
            transform: translateX(-50%);
        }


        @media (max-width: 768px), (pointer: coarse) {
            .settings-panel::before {
                background: transparent !important;
                opacity: 0 !important;
            }
        }

        .guided-signup-overlay {
            position: fixed;
            inset: 0;
            z-index: 7600;
            display: none;
            min-height: 100dvh;
            overflow-y: auto;
            background: var(--gray-50);
            color: var(--gray-900);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.26s ease, visibility 0.26s ease;
        }

        .guided-signup-overlay.show {
            display: block;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .guided-signup-page {
            width: min(760px, 100%);
            min-height: 100dvh;
            margin: 0 auto;
            padding: max(1.25rem, env(safe-area-inset-top)) clamp(1rem, 4vw, 2rem) max(1.25rem, env(safe-area-inset-bottom));
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: var(--space-6);
        }

        .guided-signup-brand {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .guided-signup-brand .guided-signup-logo {
            width: min(210px, 56vw);
            max-height: 74px;
            object-fit: contain;
        }

        .guided-signup-brand .guided-signup-logo-text {
            color: var(--secondary);
            font-size: 1.15rem;
            font-weight: 950;
            letter-spacing: 0;
        }

        .guided-signup-overlay.show ~ .date-picker-popover,
        .guided-signup-overlay.show ~ .select-picker-popover {
            z-index: 7800;
        }

        .guided-signup-title {
            margin: 0;
            color: var(--gray-900);
            font-size: clamp(1.8rem, 5vw, 2.9rem);
            line-height: 1.08;
            font-weight: 950;
            letter-spacing: 0;
            text-align: center;
        }

        .guided-signup-description {
            margin: calc(var(--space-2) * -1) auto 0;
            max-width: 560px;
            color: var(--gray-600);
            font-weight: 700;
            line-height: 1.5;
            text-align: center;
        }

        .guided-signup-content {
            width: 100%;
            display: grid;
            gap: var(--space-4);
        }

        .guided-signup-username-wrap {
            width: min(460px, 100%);
            margin: 0 auto;
            display: grid;
            gap: 0.55rem;
        }

        .guided-signup-username-field {
            min-height: 58px;
            border: 1px solid rgba(var(--secondary-rgb), 0.22);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
            display: flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0 1rem;
        }

        .guided-signup-username-prefix {
            color: var(--gray-500);
            font-size: 1.12rem;
            font-weight: 900;
            user-select: none;
            flex: 0 0 auto;
        }

        .guided-signup-username-input {
            min-width: 0;
            flex: 1 1 auto;
            border: 0;
            outline: 0;
            background: transparent;
            color: var(--gray-900);
            font: inherit;
            font-size: 1.12rem;
            font-weight: 900;
            padding: 0.75rem 0;
        }

        .guided-signup-username-input::placeholder {
            color: var(--gray-400);
        }

        .guided-signup-username-input:focus,
        .guided-signup-username-input:focus-visible {
            outline: none;
            box-shadow: none;
        }

        .guided-signup-username-feedback {
            min-height: 1.25rem;
            color: var(--gray-600);
            font-size: 0.88rem;
            font-weight: 800;
            text-align: left;
        }

        .guided-signup-username-feedback[data-status="available"] {
            color: #16a34a;
        }

        .guided-signup-username-feedback[data-status="taken"],
        .guided-signup-username-feedback[data-status="invalid"],
        .guided-signup-username-feedback[data-status="error"] {
            color: #dc2626;
        }

        body.app-dark-theme .guided-signup-username-field,
        body.app-theme-total .guided-signup-username-field {
            background: rgba(15, 23, 42, 0.82);
            border-color: rgba(var(--secondary-rgb), 0.34);
            box-shadow: 0 16px 38px rgba(0, 0, 0, 0.38);
        }

        body.app-dark-theme .guided-signup-username-input,
        body.app-theme-total .guided-signup-username-input {
            color: #ffffff;
        }

        body.app-dark-theme .guided-signup-username-prefix,
        body.app-theme-total .guided-signup-username-prefix {
            color: #94a3b8;
        }

        .guided-signup-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-4);
        }

        .guided-signup-grid .full-width {
            grid-column: 1 / -1;
        }

        .guided-signup-actions {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: var(--space-3);
            flex-wrap: wrap;
        }

        .guided-signup-actions .settings-action-btn,
        .guided-signup-actions .upload-button {
            min-width: min(180px, 100%);
            justify-content: center;
        }

        .guided-signup-actions .settings-action-btn:disabled,
        .guided-signup-actions .upload-button:disabled {
            opacity: 0.48;
            cursor: not-allowed;
            transform: none !important;
            box-shadow: none !important;
        }

        .guided-signup-photo {
            display: grid;
            justify-items: center;
            gap: var(--space-4);
        }

        .guided-signup-photo .photo-preview {
            width: min(280px, 62vw);
            height: auto;
            aspect-ratio: 1 / 1;
            min-width: 0;
            min-height: 0;
            flex: 0 0 auto;
            position: relative;
            overflow: hidden;
            border-radius: 50%;
            box-sizing: border-box;
        }

        .guided-signup-photo .photo-preview > img {
            position: absolute;
            inset: 0;
            width: 100% !important;
            height: 100% !important;
            max-width: none;
            max-height: none;
            display: block;
            object-fit: cover !important;
            object-position: center center;
            aspect-ratio: auto;
            transform: none;
        }

        body.app-dark-theme .guided-signup-overlay,
        body.app-theme-total .guided-signup-overlay {
            background: #000000;
            color: #f8fafc;
        }

        body.app-dark-theme .guided-signup-title,
        body.app-theme-total .guided-signup-title {
            color: #ffffff;
        }

        body.app-dark-theme .guided-signup-description,
        body.app-theme-total .guided-signup-description {
            color: #d1d5db;
        }

        @media (max-width: 640px) {
            .guided-signup-page {
                justify-content: flex-start;
                padding-top: max(2rem, env(safe-area-inset-top));
            }

            .guided-signup-grid,
            .guided-signup-choice-grid {
                grid-template-columns: 1fr;
            }

            .guided-signup-actions .settings-action-btn,
            .guided-signup-actions .upload-button {
                flex: 1 1 100%;
            }
        }

        .settings-overlay.active .settings-panel {
            animation: settingsSheetRise 0.68s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .settings-overlay.closing .settings-panel {
            animation: settingsSheetDrop 0.48s cubic-bezier(0.42, 0, 0.2, 1) both;
        }

        @keyframes settingsSheetRise {
            from { opacity: 0; transform: translate3d(0, 62px, 0) scale(0.965); }
            64% { opacity: 1; transform: translate3d(0, -7px, 0) scale(1.006); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        @keyframes settingsSheetDrop {
            from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
            to { opacity: 0; transform: translate3d(0, 54px, 0) scale(0.972); }
        }

        @keyframes sidePanelIn {
            from { opacity: 0; transform: translate3d(32px, 8px, 0) scale(0.962); filter: blur(6px); }
            66% { opacity: 1; transform: translate3d(-4px, 0, 0) scale(1.004); filter: blur(0); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
        }

        @keyframes sidePanelOut {
            from { opacity: 1; transform: translateX(0) scale(1); filter: blur(0); }
            to { opacity: 0; transform: translate3d(28px, 8px, 0) scale(0.972); filter: blur(5px); }
        }

        .panel-topline {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: var(--space-4);
            margin-bottom: var(--space-8);
        }

        .panel-title {
            color: var(--gray-900);
            font-size: 1.6rem;
            font-weight: 850;
            line-height: 1.05;
        }

        .panel-subtitle {
            color: var(--gray-500);
            font-size: 0.92rem;
            margin-top: 0.35rem;
        }

        .settings-tabs {
            display: flex;
            gap: 0.35rem;
            padding: 0.3rem;
            margin: calc(var(--space-2) * -1) 0 var(--space-5);
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.82);
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
        }

        .settings-tab-btn {
            flex: 0 0 auto;
            min-height: 38px;
            padding: 0 0.85rem;
            border: 1px solid transparent;
            border-radius: 999px;
            background: transparent;
            color: var(--gray-600);
            cursor: pointer;
            font: inherit;
            font-size: 0.82rem;
            font-weight: 900;
        }

        .settings-tab-btn.active {
            background: var(--secondary);
            color: #ffffff;
            box-shadow: 0 12px 24px rgba(var(--secondary-rgb), 0.2);
        }

        .settings-section {
            display: none;
        }

        .settings-section.active {
            display: block;
        }

        .panel-close {
            position: relative;
            width: 42px;
            height: 42px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 999px;
            background: linear-gradient(135deg, #ffffff, #f8fafc) !important;
            color: var(--gray-800) !important;
            cursor: pointer;
            font-size: 0;
            line-height: 1;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
            transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
            flex: 0 0 auto;
        }

        .panel-close::before,
        .panel-close::after,
        .close-modal::before,
        .close-modal::after,
        .internal-browser-close::before,
        .internal-browser-close::after,
        .memory-lightbox-close::before,
        .memory-lightbox-close::after {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 16px;
            height: 2px;
            border-radius: 999px;
            background: currentColor;
            transform-origin: center;
        }

        .panel-close::before,
        .close-modal::before,
        .internal-browser-close::before,
        .memory-lightbox-close::before {
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .panel-close::after,
        .close-modal::after,
        .internal-browser-close::after,
        .memory-lightbox-close::after {
            transform: translate(-50%, -50%) rotate(-45deg);
        }

        .panel-close:hover {
            transform: translateY(-1px);
            border-color: rgba(37, 99, 235, 0.28);
            box-shadow: 0 16px 34px rgba(37, 99, 235, 0.14);
        }

        .settings-group,
        .sequence-card {
            margin-bottom: var(--space-5);
            padding: var(--space-5);
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: var(--radius-lg);
            background: rgba(255, 255, 255, 0.82);
            box-shadow: 0 16px 42px rgba(15, 23, 42, 0.06);
        }

        .settings-group label {
            display: block;
            color: var(--gray-900);
            font-size: 0.92rem;
            font-weight: 850;
            margin-bottom: var(--space-2);
        }

        .settings-hint,
        .sequence-card p {
            color: var(--gray-500);
            font-size: 0.86rem;
            margin-top: var(--space-2);
        }

        .setting-select {
            width: 100%;
            min-height: 46px;
            padding: 0.7rem 0.9rem;
            border: 1px solid rgba(148, 163, 184, 0.36);
            border-radius: var(--radius-md);
            background: linear-gradient(135deg, #ffffff, #f8fafc);
            color: var(--gray-900);
            font-family: inherit;
            font-weight: 750;
        }

        .setting-status-pill {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            min-height: 32px;
            padding: 0.35rem 0.7rem;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.1);
            color: var(--secondary);
            font-size: 0.8rem;
            font-weight: 900;
        }

        .setting-status-pill.amlealt-plus-free { background: rgba(148, 163, 184, 0.14); color: var(--gray-600); }
        .setting-status-pill.amlealt-plus-active { background: rgba(16, 185, 129, 0.14); color: #047857; }
        .amlealt-plus-overlay { z-index: 3700; }
        .amlealt-plus-panel { width: min(720px, 100%); }
        .amlealt-plus-hero { display: grid; gap: 0.8rem; margin-bottom: var(--space-6); }
        .amlealt-plus-kicker { width: fit-content; padding: 0.35rem 0.65rem; border-radius: 999px; background: rgba(var(--secondary-rgb), 0.12); color: var(--secondary); font-size: 0.76rem; font-weight: 950; letter-spacing: 0.08em; }
        .amlealt-plus-title { margin: 0; color: var(--gray-900); font-size: clamp(2rem, 5vw, 3.2rem); line-height: 0.96; }
        .amlealt-plus-copy { margin: 0; max-width: 58ch; color: var(--gray-600); font-weight: 700; line-height: 1.6; }
        .amlealt-plus-message { display: none; margin-bottom: var(--space-5); padding: 0.85rem 1rem; border: 1px solid rgba(var(--secondary-rgb), 0.18); border-radius: var(--radius-md); background: rgba(var(--secondary-rgb), 0.08); color: var(--gray-800); font-weight: 800; }
        .amlealt-plus-message.show { display: block; }
        .amlealt-plus-message.error { border-color: rgba(239, 68, 68, 0.22); background: rgba(254, 242, 242, 0.92); color: #b91c1c; }
        .amlealt-plus-active-card { display: grid; gap: 1rem; margin-bottom: var(--space-6); padding: 1.1rem; border: 1px solid rgba(16, 185, 129, 0.2); border-radius: 18px; background: linear-gradient(135deg, rgba(236, 253, 245, 0.96), rgba(255, 255, 255, 0.96)); }
        .amlealt-plus-active-card[hidden] { display: none; }
        .amlealt-plus-active-card h3 { margin: 0; color: #047857; font-size: 1.2rem; }
        .amlealt-plus-active-grid, .amlealt-plus-plans { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
        .amlealt-plus-active-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
        .amlealt-plus-active-grid span { display: grid; gap: 0.22rem; padding: 0.8rem; border-radius: 14px; background: rgba(255,255,255,0.82); color: var(--gray-600); font-size: 0.78rem; font-weight: 850; }
        .amlealt-plus-active-grid strong { color: var(--gray-900); font-size: 0.96rem; }
        .amlealt-plus-plans { margin-bottom: var(--space-6); }
        .amlealt-plus-plans[hidden] { display: none; }
        .amlealt-plus-plan { display: grid; gap: 0.9rem; padding: 1.05rem; border: 1px solid rgba(148, 163, 184, 0.22); border-radius: 18px; background: rgba(255,255,255,0.82); box-shadow: 0 16px 36px rgba(15,23,42,0.08); }
        .amlealt-plus-plan.featured { border-color: rgba(var(--secondary-rgb),0.34); background: linear-gradient(135deg, rgba(var(--secondary-rgb),0.08), rgba(255,255,255,0.96)); }
        .amlealt-plus-plan h3 { margin: 0; color: var(--gray-900); font-size: 1.05rem; }
        .amlealt-plus-price { display: grid; gap: 0.2rem; }
        .amlealt-plus-price strong { color: var(--gray-900); font-size: 2rem; line-height: 1; }
        .amlealt-plus-price span, .amlealt-plus-save { color: var(--gray-600); font-size: 0.86rem; font-weight: 800; }
        .amlealt-plus-save { color: #047857; }
        .amlealt-plus-action { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 46px; padding: 0.78rem 1rem; border: 0; border-radius: var(--radius-md); background: var(--secondary); color: #fff; font-family: inherit; font-weight: 950; cursor: pointer; }
        .amlealt-plus-action.secondary { background: var(--gray-900); }
        .amlealt-plus-action:disabled { cursor: wait; opacity: 0.76; }
        .amlealt-plus-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.7rem; margin: 0; padding: 0; list-style: none; }
        .amlealt-plus-benefits li { display: flex; gap: 0.55rem; align-items: flex-start; color: var(--gray-700); font-weight: 800; line-height: 1.35; }
        .amlealt-plus-benefits li::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 999px; background: rgba(16,185,129,0.14); color: #047857; font-size: 0.78rem; font-weight: 950; }
        .amlealt-account-plan-pill { margin-top: 0.45rem; }
        .minha-upgrade-card button { border: 0; background: transparent; color: var(--secondary); font-family: inherit; font-weight: 900; cursor: pointer; }
        @media (max-width: 640px) { .amlealt-plus-plans, .amlealt-plus-benefits, .amlealt-plus-active-grid { grid-template-columns: 1fr; } }

        .settings-search-wrap {
            position: sticky;
            top: 0;
            z-index: 2;
            margin-bottom: var(--space-5);
            padding: 0;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.72);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.86),
                0 18px 42px rgba(15, 23, 42, 0.08);
            backdrop-filter: blur(18px) saturate(150%);
            -webkit-backdrop-filter: blur(18px) saturate(150%);
        }

        .settings-search-wrap::before {
            content: none;
        }

        .settings-search-wrap::after {
            content: none;
        }

        .settings-search-input {
            width: 100%;
            min-height: 54px;
            padding: 0.95rem 1.15rem;
            border: 0;
            border-radius: 20px;
            background: transparent;
            color: var(--gray-900);
            font: inherit;
            font-weight: 800;
            box-shadow: none;
            outline: none;
            transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
        }

        .settings-search-wrap:focus-within {
            border-color: rgba(var(--secondary-rgb), 0.58);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.9),
                0 16px 38px rgba(var(--secondary-rgb), 0.14),
                0 8px 22px rgba(15, 23, 42, 0.08);
            transform: translateY(-1px);
        }

        .settings-guide {
            display: grid;
            gap: var(--space-4);
        }

        .guide-section {
            padding: var(--space-4);
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: var(--radius-md);
            background: rgba(248, 250, 252, 0.76);
        }

        .guide-section h3 {
            color: var(--gray-900);
            font-size: 1rem;
            font-weight: 900;
            margin-bottom: 0.5rem;
        }

        .guide-section p,
        .guide-section li {
            color: var(--gray-600);
            font-size: 0.86rem;
            line-height: 1.5;
        }

        .guide-section ul {
            margin: 0.55rem 0 0;
            padding-left: 1.1rem;
        }

        .guide-mockups {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-4);
            margin-bottom: var(--space-5);
        }

        .guide-mockup {
            min-height: 156px;
            padding: var(--space-4);
            border: 1px solid rgba(148, 163, 184, 0.2);
            border-radius: var(--radius-md);
            background: linear-gradient(145deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.72));
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
        }

        .guide-mockup-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            margin-bottom: 0.8rem;
        }

        .guide-mockup-pill,
        .guide-mockup-dot,
        .guide-mockup-line,
        .guide-mockup-card {
            display: block;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.16);
        }

        .guide-mockup-pill { width: 86px; height: 18px; }
        .guide-mockup-dot { width: 32px; height: 32px; border-radius: 12px; background: var(--secondary); }
        .guide-mockup-line { height: 10px; margin-top: 0.55rem; }
        .guide-mockup-line.short { width: 58%; }
        .guide-mockup-card { height: 54px; margin-top: 0.7rem; border-radius: var(--radius-md); background: rgba(15, 23, 42, 0.06); }

        .guide-mockup strong {
            display: block;
            color: var(--gray-900);
            font-size: 0.9rem;
            margin-bottom: 0.35rem;
        }

        .guide-mockup span {
            color: var(--gray-500);
            font-size: 0.78rem;
            line-height: 1.35;
        }

        .guide-inline-mockup {
            position: relative;
            display: grid;
            gap: 0.48rem;
            min-height: 92px;
            margin: 0.25rem 0 0.8rem;
            padding: 0.7rem;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 18px;
            overflow: hidden;
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.82)),
                radial-gradient(circle at 16% 16%, rgba(var(--secondary-rgb), 0.16), transparent 34%);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 16px 34px rgba(15, 23, 42, 0.07);
        }

        .guide-inline-mockup span {
            display: block;
            min-height: 10px;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.16);
        }

        .guide-inline-mockup span:nth-child(1) { width: 42%; height: 14px; background: rgba(var(--secondary-rgb), 0.34); }
        .guide-inline-mockup span:nth-child(2) { width: 72%; }
        .guide-inline-mockup span:nth-child(3) { width: 56%; }
        .guide-inline-mockup span:nth-child(4) { width: 88%; min-height: 32px; border-radius: 14px; background: rgba(15, 23, 42, 0.06); }

        .settings-history-list {
            display: grid;
            gap: 0.5rem;
            margin-top: var(--space-3);
        }

        .settings-history-list button {
            min-height: 42px;
            padding: 0 0.8rem;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: var(--radius-md);
            background: rgba(248, 250, 252, 0.9);
            color: var(--gray-800);
            cursor: pointer;
            font: inherit;
            font-size: 0.86rem;
            font-weight: 850;
            text-align: left;
        }

        body.interface-mode-veterinarian #home-view .new-pet-card,
        body.interface-mode-veterinarian #home-view .delete-profile-btn,
        body.interface-mode-veterinarian #app-view .add-record-button,
        body.interface-mode-veterinarian #app-view .remove-record,
        body.interface-mode-veterinarian #app-view .delete-profile-btn,
        body.interface-mode-veterinarian #app-view .memory-action-btn,
        body.interface-mode-veterinarian #app-view .block-controls,
        body.interface-mode-veterinarian #app-view .block-control-btn,
        body.interface-mode-veterinarian #app-view input[type="file"],
        body.interface-mode-veterinarian #app-view button[onclick*="add"],
        body.interface-mode-veterinarian #app-view button[onclick*="edit"],
        body.interface-mode-veterinarian #app-view button[onclick*="delete"],
        body.interface-mode-veterinarian #app-view button[onclick*="remove"],
        body.interface-mode-veterinarian #app-view button[onclick*="toggleMemoryEditor"] {
            display: none !important;
        }

        body.interface-mode-veterinarian #app-view input:not([type="hidden"]),
        body.interface-mode-veterinarian #app-view textarea,
        body.interface-mode-veterinarian #app-view select {
            pointer-events: none !important;
            cursor: default !important;
            opacity: 0.92;
        }

        .share-tools {
            display: grid;
            gap: var(--space-4);
        }

        .share-tool-card {
            display: grid;
            gap: var(--space-3);
            padding: var(--space-4);
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: var(--radius-md);
            background: rgba(248, 250, 252, 0.72);
        }

        .share-tool-card strong {
            color: var(--gray-900);
            font-size: 0.92rem;
        }


        .amlealt-device-backup-meta {
            color: var(--gray-600);
            font-size: 0.82rem;
            line-height: 1.45;
        }

        .amlealt-device-backup-meta span {
            font-weight: 800;
            color: var(--gray-800);
        }

        .amlealt-backup-preview {
            position: fixed;
            inset: 0;
            z-index: 9999;
            display: grid;
            place-items: center;
            padding: 1rem;
            background: rgba(15, 23, 42, 0.48);
            backdrop-filter: blur(10px);
        }

        .amlealt-backup-preview-card {
            width: min(420px, 100%);
            display: grid;
            gap: 0.85rem;
            padding: 1rem;
            border-radius: var(--radius-md);
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
        }

        .amlealt-backup-preview-card h3 {
            margin: 0;
            color: var(--gray-900);
            font-size: 1.08rem;
        }

        .amlealt-backup-preview-card p {
            margin: 0;
            color: var(--gray-600);
            font-size: 0.88rem;
            line-height: 1.5;
        }

        body.app-theme-total .amlealt-backup-preview-card {
            background: var(--surface-elevated, #111827) !important;
            color: var(--text-primary, #f8fafc) !important;
            border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.14)) !important;
            box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
        }

        body.app-theme-total .amlealt-backup-preview-card :where(h1, h2, h3, strong) {
            color: var(--text-primary, #f8fafc) !important;
        }

        body.app-theme-total .amlealt-backup-preview-card :where(p, li, span, div) {
            color: var(--text-secondary, #cbd5e1) !important;
        }

        body.app-theme-total .amlealt-backup-preview-card code {
            background: var(--surface-secondary, #0f172a) !important;
            color: var(--text-primary, #f8fafc) !important;
            border: 1px solid var(--border-subtle, rgba(255, 255, 255, 0.14));
        }

        body.app-theme-total .amlealt-backup-preview-actions .settings-action-btn.danger {
            background: rgba(127, 29, 29, 0.24) !important;
            color: #fecaca !important;
            border: 1px solid rgba(248, 113, 113, 0.36) !important;
        }

        .amlealt-backup-preview-list {
            display: grid;
            gap: 0.36rem;
            margin: 0;
            padding: 0;
            list-style: none;
            color: var(--gray-700);
            font-size: 0.9rem;
            font-weight: 750;
        }

        .amlealt-backup-preview-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 0.55rem;
        }

        .share-qr-actions {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-3);
        }

        .share-qr-box {
            min-height: 244px;
            display: grid;
            place-items: center;
            padding: var(--space-4);
            border: 1px dashed rgba(148, 163, 184, 0.42);
            border-radius: var(--radius-md);
            background: rgba(255, 255, 255, 0.82);
            color: var(--gray-500);
            text-align: center;
            overflow: hidden;
        }

        .share-qr-box canvas {
            width: min(100%, 248px) !important;
            height: auto !important;
            border-radius: 12px;
            background: #ffffff;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
        }

        .share-qr-status {
            color: var(--gray-600);
            font-size: 0.82rem;
            line-height: 1.45;
        }

        .share-qr-scanner {
            display: grid;
            gap: var(--space-3);
        }

        .share-qr-scanner[hidden] {
            display: none !important;
        }

        .share-qr-video {
            width: 100%;
            min-height: 220px;
            max-height: 360px;
            border-radius: var(--radius-md);
            background: #0f172a;
            object-fit: cover;
        }

        .share-qr-file-input {
            display: none;
        }

        @media (max-width: 520px) {
            .share-qr-actions {
                grid-template-columns: 1fr;
            }
        }

        .setting-textarea {
            width: 100%;
            min-height: 92px;
            padding: 0.75rem 0.85rem;
            border: 1px solid rgba(148, 163, 184, 0.36);
            border-radius: var(--radius-md);
            background: rgba(255, 255, 255, 0.92);
            color: var(--gray-900);
            font: inherit;
            font-size: 0.78rem;
            resize: vertical;
        }

        .settings-action-btn {
            min-height: 42px;
            border: none;
            border-radius: 999px;
            background: var(--secondary);
            color: #ffffff;
            cursor: pointer;
            font: inherit;
            font-weight: 900;
            box-shadow: 0 12px 26px rgba(var(--secondary-rgb), 0.2);
        }

        .select-picker-popover .select-picker-option.selected,
        .select-picker-popover .select-picker-option:hover,
        .settings-overlay .select-picker-option.selected,
        .settings-overlay .select-picker-option:hover,
        #app-view .select-picker-option.selected,
        #app-view .select-picker-option:hover {
            background: var(--secondary) !important;
            border-color: transparent !important;
            color: #ffffff !important;
        }

        @media (hover: hover) and (pointer: fine) {
            #app-view :where(button:not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger), a, [role="button"], [onclick], .radio-item, .checkbox-item, .record-item):hover,
            .settings-overlay :where(button:not(.minha-profile-action-btn), a, [role="button"]:not(.minha-profile-action-btn), [onclick]:not(.minha-profile-action-btn), .settings-tab-btn, .settings-action-btn):hover,
            .amlealt-ai-overlay :where(button, [role="button"], [onclick], .amlealt-ai-chip, .amlealt-ai-menu-option):hover {
                border-color: rgba(var(--secondary-rgb), 0.34) !important;
                color: var(--secondary) !important;
            }

            #app-view :where(.tab-button:not(.active), .sub-tab-button:not(.active), .agenda-day, .agenda-view-btn:not(.active), .header-icon-btn, .switch-pet-btn):hover,
            .settings-overlay :where(.settings-tab-btn:not(.active), .settings-action-btn):hover {
                background: rgba(var(--secondary-rgb), 0.10) !important;
            }
        }

        body.settings-scroll-locked {
            overflow: hidden !important;
            width: 100%;
        }

        @media (min-width: 769px) and (pointer: fine) {
            html,
            body {
                scrollbar-width: thin !important;
                scrollbar-color: rgba(var(--secondary-rgb), 0.52) rgba(148, 163, 184, 0.14) !important;
            }

            html::-webkit-scrollbar,
            body::-webkit-scrollbar {
                width: 11px !important;
                height: 11px !important;
                display: block !important;
            }

            html::-webkit-scrollbar-track,
            body::-webkit-scrollbar-track {
                background: rgba(148, 163, 184, 0.14) !important;
            }

            html::-webkit-scrollbar-thumb,
            body::-webkit-scrollbar-thumb {
                background: rgba(var(--secondary-rgb), 0.52) !important;
                border: 3px solid transparent !important;
                border-radius: 999px !important;
                background-clip: padding-box !important;
            }

            html::-webkit-scrollbar-thumb:hover,
            body::-webkit-scrollbar-thumb:hover {
                background: var(--secondary) !important;
                background-clip: padding-box !important;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            body :where(button:not(:disabled):not(.active):not(.selected):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.laco-close), a:not(.active), [role="button"]:not(.active), [onclick]:not(.active):not(.profile-card), .radio-item, .checkbox-item, .chip:not(.active), .record-item, .agenda-day:not(.selected), .agenda-view-btn:not(.active), .sub-tab-button:not(.active), .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):hover {
                border-color: rgba(var(--secondary-rgb), 0.46) !important;
                color: var(--secondary) !important;
            }

            body :where(button:not(:disabled):not(.active):not(.selected):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger), a:not(.active), [role="button"]:not(.active), [onclick]:not(.active):not(.profile-card), .radio-item, .checkbox-item, .chip:not(.active), .record-item, .agenda-day:not(.selected), .agenda-view-btn:not(.active), .sub-tab-button:not(.active), .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):hover {
                background: rgba(var(--secondary-rgb), 0.10) !important;
                box-shadow: 0 12px 28px rgba(var(--secondary-rgb), 0.12) !important;
            }
        }

        .point-toast {
            position: fixed;
            left: var(--toast-x, 50%);
            top: var(--toast-y, 50%);
            z-index: 7600;
            transform: translate(-50%, calc(-100% - 12px));
            padding: 0.55rem 0.85rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.24);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.96);
            color: var(--secondary);
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.18);
            font-size: 0.84rem;
            font-weight: 900;
            pointer-events: none;
            opacity: 0;
            animation: pointToastIn 1.85s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        @keyframes pointToastIn {
            0% { opacity: 0; transform: translate(-50%, calc(-100% - 2px)) scale(0.96); }
            14%, 82% { opacity: 1; transform: translate(-50%, calc(-100% - 12px)) scale(1); }
            100% { opacity: 0; transform: translate(-50%, calc(-100% - 18px)) scale(0.98); }
        }

        .desktop-block-rail {
            position: fixed !important;
            right: max(1rem, env(safe-area-inset-right));
            top: var(--desktop-rail-top, 50dvh) !important;
            z-index: 2800;
            display: none;
            transform: translate3d(0, -50%, 0);
            gap: 0.32rem;
            max-height: min(72vh, 520px);
            overflow: visible;
            padding: 0.46rem 0.34rem;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            cursor: grab;
            touch-action: none;
            user-select: none;
            -webkit-user-select: none;
        }

        .desktop-block-rail.dragging {
            cursor: grabbing;
        }

        .desktop-block-rail button {
            position: relative;
            width: 26px;
            height: 5px;
            border: 0;
            border-radius: 999px;
            background: rgba(148, 163, 184, 0.52);
            cursor: pointer;
            display: block;
            transition: width 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
        }

        .desktop-block-rail button:hover,
        .desktop-block-rail button.active {
            width: 34px;
            background: var(--secondary) !important;
            box-shadow: 0 6px 16px rgba(var(--secondary-rgb), 0.24);
        }

        .desktop-block-rail button::after {
            content: attr(data-label);
            position: absolute;
            right: calc(100% + 12px);
            top: 50%;
            transform: translateY(-50%) translateX(6px);
            white-space: nowrap;
            padding: 0.45rem 0.62rem;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.92);
            color: #ffffff;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
            font-size: 0.76rem;
            font-weight: 900;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.18s ease, transform 0.18s ease;
        }

        .desktop-block-rail button:hover::after {
            opacity: 1;
            transform: translateY(-50%) translateX(0);
        }

        @media (min-width: 1024px) and (pointer: fine) {
            body.pet-selected .desktop-block-rail {
                display: grid !important;
            }
        }

        .sequence-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-3);
            margin-bottom: var(--space-5);
        }

        .sequence-metric {
            padding: var(--space-4);
            border-radius: var(--radius-lg);
            background: rgba(19, 23, 240, 0.12);
            border: 1px solid rgba(37, 99, 235, 0.16);
        }

        .sequence-metric strong {
            display: block;
            color: var(--primary-dark);
            font-size: 1.8rem;
            line-height: 1;
        }

        .sequence-metric span {
            display: block;
            color: var(--gray-600);
            font-size: 0.78rem;
            font-weight: 800;
            margin-top: 0.35rem;
        }

        .sequence-days {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 0.35rem;
        }

        .sequence-day {
            aspect-ratio: 1;
            border-radius: 999px;
            display: grid;
            place-items: center;
            border: 1px solid rgba(148, 163, 184, 0.26);
            background: #ffffff;
            color: var(--gray-500);
            font-size: 0.72rem;
            font-weight: 900;
        }

        .sequence-day.done {
            background: var(--secondary);
            color: #ffffff;
            border-color: transparent;
            box-shadow: 0 12px 24px rgba(var(--secondary-rgb), 0.24);
        }

        .laco-strip {
            width: min(1200px, calc(100% - 2 * var(--space-6)));
            margin: var(--space-5) auto 0;
            display: flex;
            justify-content: center;
        }

        .laco-summary-card {
            width: max-content;
            max-width: 100%;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.86);
            color: var(--gray-800);
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.10);
            backdrop-filter: blur(18px) saturate(150%);
            -webkit-backdrop-filter: blur(18px) saturate(150%);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 0.65rem;
            min-height: 48px;
            padding: 0.45rem 0.95rem 0.45rem 0.55rem;
            font: inherit;
            font-weight: 900;
            transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, color 0.24s ease, background 0.24s ease;
        }

        .laco-summary-card:hover {
            transform: translateY(-1px);
            border-color: rgba(var(--secondary-rgb), 0.32);
            color: var(--secondary);
            box-shadow: 0 18px 44px rgba(var(--secondary-rgb), 0.16);
        }

        .laco-icon-wrap {
            width: 38px;
            height: 38px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            background: transparent;
            overflow: visible;
            flex: 0 0 auto;
        }

        .laco-icon-wrap img,
        .laco-hero-icon img,
        .laco-celebration-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        .laco-summary-card.protected .laco-icon-wrap,
        .laco-icon-wrap.pulse {
            animation: lacoConnectPulse 0.9s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .sequence-overlay {
            justify-content: center;
            align-items: stretch;
            background:
                radial-gradient(circle at 18% 8%, rgba(var(--secondary-rgb), 0.10), transparent 30rem),
                radial-gradient(circle at 90% 18%, rgba(6, 182, 212, 0.10), transparent 28rem),
                rgba(248, 250, 252, 0.96);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }

        .sequence-panel.laco-panel {
            width: 100vw;
            max-width: none;
            min-height: 100dvh;
            height: 100dvh;
            max-height: 100dvh;
            padding: clamp(1.25rem, 4vw, 3rem);
            overflow-y: auto;
            overflow-x: hidden;
            overscroll-behavior: contain;
            touch-action: pan-y;
            border-left: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
        }

        .sequence-overlay.active .sequence-panel.laco-panel {
            animation: lacoPanelIn 0.68s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .sequence-overlay.closing .sequence-panel.laco-panel {
            animation: lacoPanelOut 0.48s cubic-bezier(0.42, 0, 0.2, 1) both;
        }

        @keyframes lacoPanelIn {
            from { opacity: 0; transform: translate3d(0, 24px, 0) scale(0.982); filter: blur(6px); }
            64% { opacity: 1; transform: translate3d(0, -5px, 0) scale(1.004); filter: blur(0); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
        }

        @keyframes lacoPanelOut {
            from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
            to { opacity: 0; transform: translate3d(0, 22px, 0) scale(0.986); filter: blur(4px); }
        }

        .laco-page {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 1.15rem;
            padding-bottom: 2rem;
        }

        .laco-panel .panel-topline {
            align-items: center;
            margin-bottom: 0.25rem;
        }

        .laco-hero {
            grid-column: 1 / -1;
            display: grid;
            justify-items: center;
            text-align: center;
            gap: 0.55rem;
            padding: clamp(1.2rem, 4vw, 2.7rem) 1rem 1.65rem;
            border: 1px solid rgba(255, 255, 255, 0.72);
            border-radius: 32px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(241, 245, 249, 0.72)),
                radial-gradient(circle at 50% 0%, rgba(var(--secondary-rgb), 0.14), transparent 42%);
            box-shadow: 0 26px 70px rgba(15, 23, 42, 0.10);
        }

        .laco-hero-icon {
            width: clamp(92px, 18vw, 148px);
            height: clamp(92px, 18vw, 148px);
            border-radius: 50%;
            padding: 0;
            background: transparent;
            box-shadow: none;
        }

        .laco-number-line {
            color: var(--gray-900);
            font-weight: 950;
            line-height: 0.95;
            letter-spacing: 0;
        }

        .laco-number-line strong {
            display: block;
            color: var(--secondary);
            font-size: clamp(4.4rem, 18vw, 9.5rem);
            line-height: 0.82;
        }

        .laco-number-line span {
            font-size: clamp(1rem, 2.5vw, 1.45rem);
        }

        .laco-subtitle,
        .laco-note {
            max-width: 620px;
            color: var(--gray-600);
            font-weight: 750;
        }

        .laco-note strong {
            color: var(--gray-900);
        }

        .laco-card,
        .laco-society,
        .laco-broken {
            grid-column: span 6;
            border: 1px solid rgba(255, 255, 255, 0.74);
            border-radius: 26px;
            background: rgba(255, 255, 255, 0.82);
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.08);
            padding: clamp(1rem, 3vw, 1.35rem);
        }

        .laco-history-card,
        .laco-broken {
            grid-column: 1 / -1;
        }

        .laco-card h3,
        .laco-society h3 {
            color: var(--gray-900);
            font-size: 1.02rem;
            margin-bottom: 0.55rem;
        }

        .laco-week-grid {
            display: grid;
            grid-template-columns: repeat(7, minmax(0, 1fr));
            gap: 0.45rem;
            margin: 0.8rem 0;
        }

        .laco-week-day {
            min-height: 64px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 18px;
            display: grid;
            place-items: center;
            gap: 0.18rem;
            background: #ffffff;
            color: var(--gray-500);
            font-weight: 900;
        }

        .laco-week-day span {
            font-size: 0.68rem;
            color: inherit;
        }

        .laco-week-day strong {
            font-size: 1.05rem;
            color: inherit;
        }

        .laco-week-day.done {
            border-color: rgba(var(--secondary-rgb), 0.18);
            background: rgba(var(--secondary-rgb), 0.10);
            color: var(--secondary);
        }

        .laco-week-day.today {
            box-shadow: inset 0 0 0 2px rgba(var(--secondary-rgb), 0.28);
        }

        .laco-legend {
            display: flex;
            flex-wrap: wrap;
            gap: 0.6rem 1rem;
            color: var(--gray-600);
            font-size: 0.82rem;
            font-weight: 800;
        }

        .laco-progress-head {
            display: flex;
            justify-content: space-between;
            gap: 1rem;
            align-items: center;
            margin-bottom: 0.75rem;
        }

        .laco-progress-track {
            height: 14px;
            border-radius: 999px;
            overflow: hidden;
            background: rgba(148, 163, 184, 0.18);
        }

        .laco-progress-fill {
            height: 100%;
            border-radius: inherit;
            background: linear-gradient(90deg, var(--secondary), #06b6d4);
            transition: width 0.5s cubic-bezier(0.16, 0.84, 0.24, 1);
        }

        .laco-society {
            background:
                radial-gradient(circle at 12% 8%, rgba(var(--secondary-rgb), 0.18), transparent 48%),
                linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(236, 254, 255, 0.76));
        }

        .laco-society-badge {
            display: inline-flex;
            align-items: center;
            gap: clamp(0.65rem, 1.8vw, 0.95rem);
            border-radius: 999px;
            padding: clamp(0.48rem, 1.4vw, 0.72rem) clamp(0.78rem, 2.4vw, 1.1rem);
            background: rgba(var(--secondary-rgb), 0.12);
            color: var(--secondary);
            font-weight: 950;
            margin-bottom: 0.7rem;
        }

        .laco-society-logo,
        .laco-protector-logo {
            width: clamp(46px, 8vw, 72px);
            height: clamp(46px, 8vw, 72px);
            object-fit: contain;
            display: block;
            flex: 0 0 auto;
            filter: drop-shadow(0 8px 14px rgba(15, 23, 42, 0.14));
        }

        .laco-protector-card h3 {
            display: inline-flex;
            align-items: center;
            gap: clamp(0.65rem, 1.8vw, 0.95rem);
        }

        .laco-history-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0.75rem;
        }

        .laco-history-metric {
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 18px;
            padding: 0.85rem;
            background: #ffffff;
        }

        .laco-history-metric strong {
            display: block;
            color: var(--gray-900);
            font-size: 1.15rem;
            line-height: 1.05;
        }

        .laco-history-metric span {
            display: block;
            margin-top: 0.35rem;
            color: var(--gray-600);
            font-size: 0.78rem;
            font-weight: 800;
        }

        .laco-timeline {
            display: grid;
            gap: 0.55rem;
            margin-top: 0.85rem;
        }

        .laco-timeline-item {
            display: grid;
            grid-template-columns: 78px 1fr;
            gap: 0.75rem;
            align-items: center;
            color: var(--gray-700);
            font-weight: 800;
        }

        .laco-timeline-item strong {
            color: var(--secondary);
        }

        .laco-broken {
            border-color: rgba(245, 158, 11, 0.32);
            background: rgba(255, 251, 235, 0.78);
        }

        .laco-celebration {
            position: fixed;
            inset: 0;
            z-index: 7000;
            display: grid;
            place-items: center;
            padding: 1rem;
            background: rgba(15, 23, 42, 0.34);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.34s ease;
        }

        .laco-celebration.show {
            opacity: 1;
            pointer-events: auto;
        }

        .laco-celebration-card {
            width: min(420px, 100%);
            border: 1px solid rgba(255, 255, 255, 0.58);
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.96);
            box-shadow: 0 30px 90px rgba(15, 23, 42, 0.28);
            padding: 1.45rem;
            text-align: center;
            transform: translateY(22px) scale(0.96);
            animation: lacoCelebrationIn 0.72s cubic-bezier(0.16, 0.84, 0.24, 1) forwards;
        }

        .laco-celebration-icon {
            width: 96px;
            height: 96px;
            margin: 0 auto 0.8rem;
            border-radius: 50%;
            padding: 0;
            background: transparent;
            animation: lacoConnectPulse 1s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .laco-celebration-card strong {
            display: block;
            color: var(--secondary);
            font-size: 3.4rem;
            line-height: 0.9;
        }

        .laco-celebration-card h2 {
            color: var(--gray-900);
            margin-bottom: 0.45rem;
        }

        @keyframes lacoConnectPulse {
            0% { transform: scale(0.92) rotate(-3deg); box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0.22); }
            58% { transform: scale(1.08) rotate(2deg); box-shadow: 0 0 0 14px rgba(var(--secondary-rgb), 0); }
            100% { transform: scale(1) rotate(0); box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0); }
        }

        @keyframes lacoCelebrationIn {
            to { transform: translateY(0) scale(1); }
        }

        .settings-stats-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: var(--space-3);
        }

        .settings-stat-card {
            padding: var(--space-4);
            border: 1px solid rgba(37, 99, 235, 0.12);
            border-radius: var(--radius-lg);
            background: linear-gradient(135deg, rgba(238, 242, 255, 0.92), rgba(236, 254, 255, 0.78));
        }

        .settings-stat-card strong {
            display: block;
            color: var(--primary-dark);
            font-size: 1.45rem;
            line-height: 1;
        }

        .settings-stat-card span {
            display: block;
            margin-top: 0.35rem;
            color: var(--gray-600);
            font-size: 0.76rem;
            font-weight: 850;
        }

        .settings-next-care {
            margin-top: var(--space-4);
            padding: var(--space-4);
            border-radius: var(--radius-lg);
            background: rgba(15, 23, 42, 0.04);
            color: var(--gray-700);
            font-size: 0.86rem;
            font-weight: 700;
        }

        #home-view.home-returning {
            animation: homeReturnSurface 0.58s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        @keyframes homeReturnSurface {
            from { opacity: 0; transform: perspective(520px) translateZ(-76px) translateY(18px) scale(0.92); filter: blur(8px); }
            70% { opacity: 1; transform: perspective(520px) translateZ(10px) translateY(-2px) scale(1.015); filter: blur(0); }
            to { opacity: 1; transform: perspective(520px) translateZ(0) translateY(0) scale(1); filter: blur(0); }
        }

        @media (max-width: 640px) {
            #home-view.home-returning {
                animation: mobileHomeReturnSurface 0.86s cubic-bezier(0.16, 0.84, 0.24, 1) both;
            }
        }

        @keyframes mobileHomeReturnSurface {
            from { opacity: 0; transform: translate3d(0, 18px, 0) scale(0.975); }
            68% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.006); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        body.app-dark-theme .settings-panel,
        body.app-dark-theme .sequence-panel {
            background: rgba(10, 10, 10, 0.94);
            border-color: rgba(96, 165, 250, 0.26);
        }

        body.app-dark-theme .sequence-overlay {
            background:
                radial-gradient(circle at 18% 8%, rgba(96, 165, 250, 0.12), transparent 30rem),
                radial-gradient(circle at 90% 18%, rgba(6, 182, 212, 0.10), transparent 28rem),
                rgba(0, 0, 0, 0.96);
        }

        body.app-dark-theme .sequence-panel.laco-panel {
            background: transparent;
        }

        body.app-dark-theme .laco-summary-card,
        body.app-dark-theme .laco-card,
        body.app-dark-theme .laco-society,
        body.app-dark-theme .laco-history-metric,
        body.app-dark-theme .laco-week-day,
        body.app-dark-theme .laco-celebration-card {
            background: rgba(18, 18, 18, 0.94);
            border-color: rgba(96, 165, 250, 0.24);
            color: #f8fafc;
        }

        body.app-dark-theme .laco-number-line,
        body.app-dark-theme .laco-card h3,
        body.app-dark-theme .laco-society h3,
        body.app-dark-theme .laco-note strong,
        body.app-dark-theme .laco-history-metric strong,
        body.app-dark-theme .laco-celebration-card h2 {
            color: #f8fafc;
        }

        body.app-dark-theme .laco-subtitle,
        body.app-dark-theme .laco-note,
        body.app-dark-theme .laco-legend,
        body.app-dark-theme .laco-history-metric span,
        body.app-dark-theme .laco-timeline-item {
            color: #cbd5e1;
        }

        body.app-dark-theme .settings-panel::before {
            background: rgba(148, 163, 184, 0.42);
        }

        body.app-dark-theme .panel-title,
        body.app-dark-theme .settings-group label {
            color: #f8fafc;
        }

        body.app-dark-theme .panel-subtitle,
        body.app-dark-theme .settings-hint,
        body.app-dark-theme .sequence-card p {
            color: #cbd5e1;
        }

        body.app-dark-theme .settings-group,
        body.app-dark-theme .sequence-card,
        body.app-dark-theme .sequence-day,
        body.app-dark-theme .panel-close,
        body.app-dark-theme .setting-select,
        body.app-dark-theme .setting-status-pill,
        body.app-dark-theme .settings-tabs,
        body.app-dark-theme .share-tool-card,
        body.app-dark-theme .guide-section,
        body.app-dark-theme .settings-search-input,
        body.app-dark-theme .setting-textarea {
            background: #161616;
            border-color: rgba(96, 165, 250, 0.24);
            color: #f8fafc;
        }

        body.app-dark-theme .settings-search-wrap {
            background: rgba(18, 18, 18, 0.58);
            border-color: rgba(255, 255, 255, 0.12);
            box-shadow:
                inset 0 1px 0 rgba(255, 255, 255, 0.08),
                0 18px 46px rgba(0, 0, 0, 0.28),
                0 8px 22px rgba(96, 165, 250, 0.08);
        }

        body.app-dark-theme .settings-search-input {
            background: rgba(22, 22, 22, 0.56);
            border-color: rgba(96, 165, 250, 0.22);
        }

        body.app-dark-theme .guide-mockup,
        body.app-dark-theme .settings-history-list button {
            background: #161616;
            border-color: rgba(96, 165, 250, 0.24);
            color: #f8fafc;
        }

        body.app-dark-theme .guide-mockup strong {
            color: #f8fafc;
        }

        body.app-dark-theme .guide-mockup span {
            color: #cbd5e1;
        }

        body.app-dark-theme .settings-tab-btn {
            color: #dbeafe;
        }

        body.app-dark-theme .block-control-btn {
            background: rgba(34, 34, 34, 0.92);
            border-color: rgba(96, 165, 250, 0.24);
            color: #f8fafc;
        }

        body.app-dark-theme .share-tool-card strong {
            color: #f8fafc;
        }

        body.app-dark-theme .share-qr-box {
            background: #111111;
            border-color: rgba(96, 165, 250, 0.24);
            color: #cbd5e1;
        }

        body.app-dark-theme p,
        body.app-dark-theme span,
        body.app-dark-theme div,
        body.app-dark-theme label,
        body.app-dark-theme h1,
        body.app-dark-theme h2,
        body.app-dark-theme h3,
        body.app-dark-theme h4,
        body.app-dark-theme h5,
        body.app-dark-theme li,
        body.app-dark-theme td,
        body.app-dark-theme th,
        body.app-dark-theme .record-title,
        body.app-dark-theme .record-item,
        body.app-dark-theme .form-section,
        body.app-dark-theme .agenda-date-number,
        body.app-dark-theme .agenda-day-event,
        body.app-dark-theme .settings-stat-card span,
        body.app-dark-theme .settings-next-care {
            color: #f8fafc;
        }

        body.app-dark-theme .profile-completeness,
        body.app-dark-theme .record-meta,
        body.app-dark-theme .memory-date,
        body.app-dark-theme .settings-hint,
        body.app-dark-theme .panel-subtitle,
        body.app-dark-theme .empty-state,
        body.app-dark-theme .app-footer {
            color: #cbd5e1 !important;
        }

        body.app-dark-theme input::placeholder,
        body.app-dark-theme textarea::placeholder {
            color: #94a3b8 !important;
        }

        body.app-theme-dim .settings-panel,
        body.app-theme-dim .settings-group,
        body.app-theme-dim .share-tool-card,
        body.app-theme-dim .guide-section,
        body.app-theme-dim .guide-mockup,
        body.app-theme-dim .settings-history-list button {
            background: rgba(31, 31, 35, 0.78);
            border-color: rgba(148, 163, 184, 0.16);
            box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        body.app-theme-total .settings-panel,
        body.app-theme-total .settings-group,
        body.app-theme-total .share-tool-card,
        body.app-theme-total .guide-section,
        body.app-theme-total .guide-mockup,
        body.app-theme-total .settings-history-list button {
            background: rgba(5, 5, 6, 0.9);
            border-color: rgba(96, 165, 250, 0.16);
            box-shadow: 0 20px 54px rgba(0, 0, 0, 0.54), inset 0 1px 0 rgba(255, 255, 255, 0.035);
        }

        body.app-theme-dim .settings-tabs,
        body.app-theme-total .settings-tabs {
            background: rgba(15, 23, 42, 0.48);
            border-color: rgba(148, 163, 184, 0.18);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
        }

        @media (prefers-reduced-motion: reduce) {
            *,
            *::before,
            *::after {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                scroll-behavior: auto !important;
                transition-duration: 0.01ms !important;
            }
        }

        #castrationDetailsGroup { display: none; }

        .pet-ai-float {
            position: fixed;
            left: 50%;
            bottom: max(1rem, env(safe-area-inset-bottom));
            z-index: 920;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 48px;
            padding: 0 1.35rem;
            border: 1px solid rgba(37, 99, 235, 0.34);
            border-radius: 999px;
            background:
                linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.9)),
                #1317f0;
            color: #0f172a;
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18), 0 0 0 5px rgba(37, 99, 235, 0.08);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
            appearance: none;
            -webkit-appearance: none;
            font-family: 'Inter', sans-serif;
            font-size: 0.86rem;
            font-weight: 900;
            letter-spacing: 0;
            text-decoration: none;
            cursor: pointer;
            transform: translateX(-50%);
            transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .pet-ai-float:hover {
            transform: translate(-50%, -3px) scale(1.02);
            background: linear-gradient(135deg, #ffffff, rgba(219, 234, 254, 0.96));
            border-color: rgba(79, 70, 229, 0.46);
            box-shadow: 0 20px 44px rgba(15, 23, 42, 0.2), 0 0 0 5px rgba(99, 102, 241, 0.12);
        }

        .pet-ai-float:hover,
        .pet-ai-float:focus,
        .pet-ai-float:focus-visible,
        .pet-ai-float:active {
            color: #0f172a !important;
        }

        body.ai-disabled .pet-ai-float,
        body.ai-disabled .pet-ai-menu,
        body.ai-disabled .amlealt-ai-shortcut,
        body.ai-disabled .amlealt-ai-overlay {
            display: none !important;
        }

        body.app-dark-theme .pet-ai-float {
            color: rgba(248, 250, 252, 0.88);
            background: linear-gradient(135deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.74));
            border-color: rgba(129, 140, 248, 0.36);
            box-shadow: 0 16px 34px rgba(0, 0, 0, 0.28), 0 0 0 4px rgba(129, 140, 248, 0.09);
        }

        body.app-dark-theme .pet-ai-float:hover,
        body.app-dark-theme .pet-ai-float:focus,
        body.app-dark-theme .pet-ai-float:focus-visible,
        body.app-dark-theme .pet-ai-float:active {
            color: rgba(248, 250, 252, 0.88) !important;
        }

        .pet-ai-menu {
            position: fixed;
            left: 50%;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 46px);
            z-index: 921;
            width: min(92vw, 360px);
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
            padding: 0.45rem;
            border: 1px solid rgba(255, 255, 255, 0.28);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.86);
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.2);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, 8px);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .pet-ai-menu.show {
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, 0);
        }

        .pet-ai-menu-item {
            width: 100%;
            border: 0;
            border-radius: 12px;
            background: transparent;
            color: var(--gray-800);
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            min-height: 38px;
            padding: 0.65rem 0.75rem;
            font-family: 'Inter', sans-serif;
            font-size: 0.82rem;
            font-weight: 750;
            text-align: left;
            text-decoration: none;
            transition: background-color 0.2s ease, color 0.2s ease;
        }

        .pet-ai-menu-item:hover {
            background: rgba(99, 102, 241, 0.1);
            color: var(--primary-dark);
        }

        body.app-dark-theme .pet-ai-menu {
            background: rgba(15, 23, 42, 0.88);
            border-color: rgba(255, 255, 255, 0.16);
        }

        body.app-dark-theme .pet-ai-menu-item {
            color: rgba(248, 250, 252, 0.88);
        }

        body.app-dark-theme .pet-ai-menu-item:hover {
            background: rgba(255, 255, 255, 0.08);
            color: white;
        }

        .amlealt-ai-overlay {
            position: fixed;
            inset: 0;
            z-index: 1450;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            padding: 0;
            background: rgba(15, 23, 42, 0.24);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.48s cubic-bezier(0.16, 0.84, 0.24, 1), visibility 0.48s ease;
        }

        .amlealt-ai-overlay.active {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }

        .amlealt-ai-overlay.closing {
            opacity: 0;
            visibility: visible;
            pointer-events: none;
        }

        .amlealt-ai-sheet {
            position: relative;
            width: min(760px, 100%);
            height: min(78dvh, 760px);
            display: flex;
            flex-direction: column;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.36);
            border-radius: 30px 30px 0 0;
            background:
                radial-gradient(circle at 20% 0%, rgba(var(--secondary-rgb), 0.14), transparent 32%),
                rgba(255, 255, 255, 0.96);
            box-shadow: 0 -24px 70px rgba(15, 23, 42, 0.24);
            backdrop-filter: blur(22px) saturate(150%);
            -webkit-backdrop-filter: blur(22px) saturate(150%);
            transform: translateY(34px) scale(0.98);
            transition: height 0.42s cubic-bezier(0.16, 0.84, 0.24, 1), width 0.42s ease, border-radius 0.42s ease, transform 0.48s cubic-bezier(0.16, 0.84, 0.24, 1);
            will-change: transform, opacity;
        }

        .amlealt-ai-overlay.active .amlealt-ai-sheet {
            transform: translateY(0) scale(1);
            animation: amlealtAiSheetRise 0.68s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .amlealt-ai-overlay.closing .amlealt-ai-sheet {
            animation: amlealtAiSheetDrop 0.48s cubic-bezier(0.42, 0, 0.2, 1) both;
        }

        @keyframes amlealtAiSheetRise {
            from {
                opacity: 0;
                transform: translate3d(0, 68px, 0) scale(0.965);
                filter: blur(6px);
            }
            64% {
                opacity: 1;
                transform: translate3d(0, -6px, 0) scale(1.006);
                filter: blur(0);
            }
            to {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
                filter: blur(0);
            }
        }

        @keyframes amlealtAiSheetDrop {
            from {
                opacity: 1;
                transform: translate3d(0, 0, 0) scale(1);
                filter: blur(0);
            }
            to {
                opacity: 0;
                transform: translate3d(0, 58px, 0) scale(0.972);
                filter: blur(5px);
            }
        }

        .amlealt-ai-sheet.ai-half {
            height: min(50dvh, 520px);
        }

        .amlealt-ai-sheet.ai-full {
            width: 100%;
            height: 100dvh;
            max-height: none;
            border-radius: 0;
        }

        .amlealt-ai-handle {
            width: 100%;
            height: 28px;
            border: 0;
            background: transparent;
            cursor: ns-resize;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
        }

        .amlealt-ai-handle span {
            width: 58px;
            height: 5px;
            border-radius: 999px;
            background: rgba(100, 116, 139, 0.36);
        }

        .amlealt-ai-topbar {
            display: grid;
            grid-template-columns: 52px minmax(0, 1fr) 52px;
            align-items: center;
            gap: 0.5rem;
            padding: 0 1rem 0.7rem;
            border-bottom: 1px solid rgba(148, 163, 184, 0.18);
        }

        .amlealt-ai-icon-btn {
            width: 50px;
            height: 50px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.82);
            color: var(--gray-900);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
        }

        .amlealt-ai-icon-btn svg {
            width: 28px;
            height: 28px;
        }

        .amlealt-ai-title {
            min-width: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.6rem;
            color: var(--gray-900);
            font-size: 1.04rem;
            font-weight: 950;
            letter-spacing: 0;
        }

        .amlealt-ai-title img {
            width: 28px;
            height: 28px;
            object-fit: contain;
            border-radius: 8px;
        }

        .amlealt-ai-beta {
            position: relative;
            border: 0;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.12);
            color: var(--secondary);
            cursor: pointer;
            font: inherit;
            font-size: 0.66rem;
            font-weight: 950;
            letter-spacing: 0.04em;
            line-height: 1;
            padding: 0.35rem 0.48rem;
        }

        .amlealt-ai-beta-popover {
            position: absolute;
            top: 58px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 3;
            width: min(300px, calc(100vw - 34px));
            padding: 0.72rem 0.8rem;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 14px;
            background: rgba(255, 255, 255, 0.96);
            color: var(--gray-700);
            box-shadow: 0 18px 44px rgba(15, 23, 42, 0.16);
            display: none;
            gap: 0.55rem;
            align-items: start;
            font-size: 0.78rem;
            font-weight: 700;
            line-height: 1.38;
        }

        .amlealt-ai-beta-popover.show {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 30px;
        }

        .amlealt-ai-beta-popover button {
            width: 30px;
            height: 30px;
            border: 0;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.06);
            color: var(--gray-700);
            cursor: pointer;
            font: inherit;
            font-size: 1rem;
            font-weight: 900;
        }

        .amlealt-ai-body {
            position: relative;
            flex: 1 1 auto;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }

        .amlealt-ai-scroll {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            padding: 1.1rem 1rem 0.5rem;
        }

        .amlealt-ai-welcome {
            max-width: 620px;
            margin: 0 auto 1rem;
            text-align: center;
        }

        .amlealt-ai-welcome h2 {
            color: var(--gray-900);
            font-size: clamp(1.4rem, 4vw, 2.25rem);
            line-height: 1.1;
            font-weight: 950;
            letter-spacing: 0;
            margin-bottom: 0.9rem;
        }

        .amlealt-ai-suggestions {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.55rem;
        }

        .amlealt-ai-chip {
            max-width: min(92vw, 560px);
            min-height: 42px;
            border: 1px solid rgba(var(--secondary-rgb), 0.2);
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.08);
            color: var(--gray-800);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font: inherit;
            font-size: 0.82rem;
            font-weight: 850;
            line-height: 1.28;
            padding: 0.55rem 0.75rem;
            text-align: center;
            white-space: normal;
            overflow-wrap: anywhere;
            word-break: normal;
        }

        .amlealt-ai-messages {
            max-width: 720px;
            margin: 0 auto;
            display: grid;
            gap: 0.8rem;
        }

        .amlealt-ai-message {
            display: grid;
            gap: 0.35rem;
            max-width: min(88%, 560px);
        }

        .amlealt-ai-message.user {
            justify-self: end;
        }

        .amlealt-ai-message.assistant {
            justify-self: start;
        }

        .amlealt-ai-bubble {
            padding: 0.82rem 0.95rem;
            border-radius: 20px;
            font-size: 0.92rem;
            line-height: 1.48;
            white-space: pre-wrap;
            word-break: break-word;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
        }

        .amlealt-ai-message.user .amlealt-ai-bubble {
            border-bottom-right-radius: 7px;
            background: var(--secondary);
            color: #ffffff;
        }

        .amlealt-ai-message.assistant .amlealt-ai-bubble {
            border-bottom-left-radius: 7px;
            background: rgba(255, 255, 255, 0.9);
            color: var(--gray-900);
            border: 1px solid rgba(148, 163, 184, 0.18);
        }

        .amlealt-ai-actions {
            display: inline-flex;
            align-items: center;
            gap: 0.3rem;
            padding-left: 0.1rem;
        }

        .amlealt-ai-actions button {
            width: 34px;
            height: 34px;
            min-width: 34px;
            min-height: 34px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.78);
            color: var(--gray-700);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .amlealt-ai-actions svg {
            width: 18px;
            height: 18px;
        }

        .amlealt-ai-thinking {
            width: auto;
            height: 34px;
            position: relative;
            overflow: visible;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.52rem;
            perspective: 420px;
            background: transparent;
        }

        .amlealt-ai-thinking .ja-core {
            width: 28px;
            height: 28px;
            position: relative;
            transform-style: preserve-3d;
            animation: rotateCore 15s infinite linear;
        }

        .amlealt-ai-thinking .ja-ring {
            position: absolute;
            border-radius: 50%;
            border: 1px solid rgba(56, 189, 248, 0.3);
            box-shadow: 0 0 5px rgba(56, 189, 248, 0.16);
        }

        .amlealt-ai-thinking .r1 {
            width: 100%;
            height: 100%;
            transform: rotateX(0deg);
            border-color: #38bdf8;
            box-shadow: 0 0 6px #38bdf8;
        }

        .amlealt-ai-thinking .r2 {
            width: 75%;
            height: 75%;
            top: 12.5%;
            left: 12.5%;
            transform: rotateX(60deg);
            border-color: var(--secondary);
            box-shadow: 0 0 6px var(--secondary);
        }

        .amlealt-ai-thinking .r3 {
            width: 50%;
            height: 50%;
            top: 25%;
            left: 25%;
            transform: rotateY(60deg);
            border-color: #ffffff;
            box-shadow: 0 0 7px #ffffff;
        }

        .amlealt-ai-thinking .ja-core-center {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 4px;
            height: 4px;
            background: #ffffff;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            box-shadow: 0 0 8px 2px #38bdf8, 0 0 16px 5px var(--secondary);
            animation: pulseCore 1.65s infinite alternate;
        }

        .amlealt-ai-thinking-text {
            color: #111827;
            font-size: inherit;
            font-weight: 760;
            line-height: 1.35;
        }

        body.app-dark-theme .amlealt-ai-thinking-text,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-thinking-text {
            color: #f8fafc;
        }

        @keyframes rotateCore {
            0% { transform: rotate3d(1, 1, 1, 0deg); }
            100% { transform: rotate3d(1, 1, 1, 360deg); }
        }

        @keyframes pulseCore {
            0% {
                opacity: 0.62;
                transform: translate(-50%, -50%) scale(0.8);
                box-shadow: 0 0 5px 2px #38bdf8;
            }
            100% {
                opacity: 1;
                transform: translate(-50%, -50%) scale(1.2);
                box-shadow: 0 0 12px 4px #38bdf8, 0 0 18px 5px var(--secondary);
            }
        }

        .amlealt-ai-limit {
            display: none;
            max-width: 720px;
            margin: 0 auto 0.75rem;
            padding: 0.9rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.22);
            border-radius: 18px;
            background: rgba(var(--secondary-rgb), 0.08);
            text-align: center;
        }

        .amlealt-ai-limit.show {
            display: block;
        }

        .amlealt-ai-timer {
            color: var(--secondary);
            font-size: 1.55rem;
            font-weight: 950;
            margin: 0.25rem 0;
        }

        .amlealt-ai-composer {
            flex: 0 0 auto;
            padding: 0.75rem 1rem max(0.75rem, env(safe-area-inset-bottom));
            border-top: 1px solid rgba(148, 163, 184, 0.18);
            background: rgba(255, 255, 255, 0.82);
        }

        .amlealt-ai-input-row {
            max-width: 720px;
            min-height: 52px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: minmax(0, 1fr) 42px 42px;
            gap: 0.45rem;
            align-items: end;
            padding: 0.35rem;
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 26px;
            background: rgba(255, 255, 255, 0.94);
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08);
        }

        .amlealt-ai-input-row::before,
        .amlealt-ai-input-row::after {
            display: none !important;
            content: none !important;
        }

        .amlealt-ai-input {
            width: 100%;
            max-height: 120px;
            min-height: 40px;
            padding: 0.62rem 0.75rem;
            border: 0 !important;
            border-right: 0 !important;
            background: transparent;
            color: var(--gray-900);
            resize: none;
            outline: none;
            font: inherit;
            line-height: 1.35;
        }

        .amlealt-ai-send,
        .amlealt-ai-audio {
            width: 40px;
            height: 40px;
            border: 0;
            border-radius: 999px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .amlealt-ai-send:disabled,
        .amlealt-ai-audio:disabled {
            opacity: 0.42;
            cursor: not-allowed;
            filter: grayscale(0.15);
            transform: none !important;
        }

        .amlealt-ai-audio {
            background: rgba(148, 163, 184, 0.14);
            color: var(--gray-700);
        }

        .amlealt-ai-audio.listening {
            background: rgba(239, 68, 68, 0.14);
            color: #ef4444;
        }

        .amlealt-ai-send {
            background: var(--secondary);
            color: #ffffff;
        }

        .amlealt-ai-send svg,
        .amlealt-ai-audio svg {
            width: 22px;
            height: 22px;
        }

        .amlealt-ai-footer {
            margin-top: 0.6rem;
            color: var(--gray-500);
            font-size: 0.76rem;
            text-align: center;
        }

        .amlealt-ai-footer a {
            color: var(--secondary);
            font-weight: 900;
            text-decoration: none;
        }

        .amlealt-ai-drawer {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            z-index: 4;
            width: min(82%, 320px);
            display: flex;
            flex-direction: column;
            gap: 0.9rem;
            padding: 1rem;
            background: rgba(255, 255, 255, 0.98);
            border-right: 1px solid rgba(148, 163, 184, 0.2);
            box-shadow: 18px 0 48px rgba(15, 23, 42, 0.18);
            transform: translateX(-104%);
            transition: transform 0.28s ease;
        }

        .amlealt-ai-drawer.show {
            transform: translateX(0);
        }

        .amlealt-ai-drawer-title {
            color: var(--gray-900);
            font-size: 1rem;
            font-weight: 950;
        }

        .amlealt-ai-menu-list,
        .amlealt-ai-history,
        .amlealt-ai-settings {
            display: grid;
            gap: 0.5rem;
        }

        .amlealt-ai-menu-option,
        .amlealt-ai-history button {
            min-height: 42px;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 14px;
            background: rgba(248, 250, 252, 0.9);
            color: var(--gray-800);
            cursor: pointer;
            font: inherit;
            font-size: 0.86rem;
            font-weight: 850;
            text-align: left;
            padding: 0 0.8rem;
        }

        .amlealt-ai-settings {
            display: none;
        }

        .amlealt-ai-drawer.settings-open .amlealt-ai-settings {
            display: grid;
        }

        .amlealt-ai-setting label {
            display: block;
            color: var(--gray-900);
            font-size: 0.78rem;
            font-weight: 900;
            margin-bottom: 0.25rem;
        }

        .amlealt-ai-setting input,
        .amlealt-ai-setting select {
            width: 100%;
            min-height: 40px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 12px;
            background: #ffffff;
            color: var(--gray-900);
            font: inherit;
            padding: 0 0.7rem;
        }

        .amlealt-ai-shortcut {
            position: fixed;
            right: 1rem;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 64px);
            z-index: 930;
            width: 46px;
            height: 46px;
            border: 0;
            border-radius: 999px;
            background: var(--secondary);
            color: #ffffff;
            cursor: grab;
            display: none;
            align-items: center;
            justify-content: center;
            font: inherit;
            font-size: 0.8rem;
            font-weight: 950;
            box-shadow: 0 16px 38px rgba(var(--secondary-rgb), 0.34);
        }

        body.ai-shortcut-enabled.pet-selected:not(.ai-disabled) .amlealt-ai-shortcut {
            display: inline-flex;
        }

        body.app-dark-theme .amlealt-ai-sheet,
        body.app-dark-theme .amlealt-ai-drawer {
            background:
                radial-gradient(circle at 20% 0%, rgba(var(--secondary-rgb), 0.2), transparent 34%),
                rgba(16, 16, 16, 0.98);
            border-color: rgba(255, 255, 255, 0.12);
        }

        body.app-dark-theme .amlealt-ai-topbar,
        body.app-dark-theme .amlealt-ai-composer {
            background: rgba(16, 16, 16, 0.72);
            border-color: rgba(255, 255, 255, 0.1);
        }

        body.app-dark-theme .amlealt-ai-title,
        body.app-dark-theme .amlealt-ai-welcome h2,
        body.app-dark-theme .amlealt-ai-drawer-title,
        body.app-dark-theme .amlealt-ai-setting label {
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-ai-icon-btn,
        body.app-dark-theme .amlealt-ai-message.assistant .amlealt-ai-bubble,
        body.app-dark-theme .amlealt-ai-input-row,
        body.app-dark-theme .amlealt-ai-drawer,
        body.app-dark-theme .amlealt-ai-menu-option,
        body.app-dark-theme .amlealt-ai-history button,
        body.app-dark-theme .amlealt-ai-setting input,
        body.app-dark-theme .amlealt-ai-setting select {
            background: rgba(31, 31, 31, 0.94);
            border-color: rgba(255, 255, 255, 0.12);
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-ai-input,
        body.app-dark-theme .amlealt-ai-chip {
            color: #f8fafc;
        }

        .amlealt-ai-overlay,
        .amlealt-ai-sheet,
        .amlealt-ai-sheet * {
            -webkit-tap-highlight-color: transparent !important;
            -webkit-touch-callout: none;
        }

        .amlealt-ai-sheet {
            width: min(720px, 100vw);
            max-width: 100vw;
            background:
                radial-gradient(circle at 22% 0%, rgba(59, 130, 246, 0.1), transparent 34%),
                rgba(255, 255, 255, 0.98);
            color: #111827;
            overscroll-behavior: contain;
            touch-action: none;
        }

        .amlealt-ai-handle {
            height: 30px;
            touch-action: none;
            user-select: none;
        }

        .amlealt-ai-handle:active,
        .amlealt-ai-handle:focus,
        .amlealt-ai-handle:hover {
            background: transparent !important;
            outline: none !important;
        }

        .amlealt-ai-handle.dragging span {
            width: 76px;
            background: rgba(37, 99, 235, 0.44);
        }

        .amlealt-ai-topbar {
            grid-template-columns: 56px minmax(0, 1fr) 56px;
            overflow: hidden;
        }

        .amlealt-ai-icon-btn {
            width: 54px;
            height: 54px;
            color: #111827;
        }

        .amlealt-ai-icon-btn svg {
            width: 32px;
            height: 32px;
        }

        .amlealt-ai-title {
            color: #111827;
            font-size: 1.1rem;
        }

        .amlealt-ai-title img {
            width: 32px;
            height: 32px;
        }

        .amlealt-ai-scroll {
            overflow-x: hidden;
            touch-action: pan-y;
        }

        .amlealt-ai-welcome h2,
        .amlealt-ai-bubble,
        .amlealt-ai-input,
        .amlealt-ai-footer {
            color: #111827;
        }

        .amlealt-ai-suggestions {
            min-height: 44px;
            align-items: center;
        }

        .amlealt-ai-chip {
            max-width: min(92vw, 560px);
            min-height: 44px;
            color: #1f2937;
            background: rgba(255, 255, 255, 0.92);
            border-color: rgba(37, 99, 235, 0.22);
            box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
            animation: aiSmokeIn 0.62s ease both;
            white-space: normal;
            overflow-wrap: anywhere;
        }

        .amlealt-ai-chip.smoke-out {
            animation: aiSmokeOut 0.52s ease both;
        }

        @keyframes aiSmokeIn {
            from { opacity: 0; filter: blur(12px); transform: translateY(8px) scale(0.96); }
            to { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
        }

        @keyframes aiSmokeOut {
            from { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); }
            to { opacity: 0; filter: blur(13px); transform: translateY(-8px) scale(1.04); }
        }

        .amlealt-ai-messages {
            width: 100%;
            overflow-x: hidden;
        }

        .amlealt-ai-message {
            max-width: min(92%, 590px);
        }

        .amlealt-ai-message.assistant {
            max-width: min(94%, 620px);
        }

        .amlealt-ai-message.assistant .amlealt-ai-bubble {
            padding: 0;
            background: transparent;
            border: 0;
            box-shadow: none;
            color: #111827;
        }

        .amlealt-ai-actions {
            gap: 0.32rem;
            padding-left: 0;
        }

        .amlealt-ai-actions button {
            width: 34px;
            height: 34px;
            min-width: 34px;
            min-height: 34px;
            border: 0;
            background: transparent;
            color: #374151;
            box-shadow: none;
        }

        .amlealt-ai-actions svg {
            width: 18px;
            height: 18px;
        }

        .amlealt-ai-input-row {
            grid-template-columns: minmax(0, 1fr) 54px 54px;
            border-color: rgba(148, 163, 184, 0.18);
            overflow: hidden;
        }

        .amlealt-ai-input {
            border: 0 !important;
            box-shadow: none !important;
        }

        .amlealt-ai-send,
        .amlealt-ai-audio {
            width: 52px;
            height: 52px;
            flex: 0 0 auto;
        }

        .amlealt-ai-send svg,
        .amlealt-ai-audio svg {
            width: 31px;
            height: 31px;
        }

        body.app-dark-theme .amlealt-ai-sheet {
            background:
                radial-gradient(circle at 22% 0%, rgba(96, 165, 250, 0.14), transparent 34%),
                rgba(12, 12, 12, 0.98);
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-ai-title,
        body.app-dark-theme .amlealt-ai-icon-btn,
        body.app-dark-theme .amlealt-ai-welcome h2,
        body.app-dark-theme .amlealt-ai-message.assistant .amlealt-ai-bubble,
        body.app-dark-theme .amlealt-ai-bubble,
        body.app-dark-theme .amlealt-ai-input,
        body.app-dark-theme .amlealt-ai-footer {
            color: #f8fafc !important;
        }

        body.app-dark-theme .amlealt-ai-chip {
            background: rgba(31, 41, 55, 0.92);
            border-color: rgba(148, 163, 184, 0.22);
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-ai-actions button,
        body.app-dark-theme .amlealt-ai-audio {
            color: #e5e7eb;
        }

        body.app-dark-theme .amlealt-ai-beta-popover {
            background: rgba(20, 20, 20, 0.96);
            border-color: rgba(255, 255, 255, 0.12);
            color: #e5e7eb;
        }

        body.app-dark-theme .amlealt-ai-beta-popover button {
            background: rgba(255, 255, 255, 0.08);
            color: #f8fafc;
        }

        .amlealt-ai-overlay.ai-effect-glass .amlealt-ai-sheet {
            background:
                linear-gradient(145deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.32)),
                radial-gradient(circle at 16% 0%, rgba(255, 255, 255, 0.42), transparent 34%);
            border-color: rgba(255, 255, 255, 0.46);
            box-shadow: 0 -28px 80px rgba(15, 23, 42, 0.2);
            backdrop-filter: blur(28px) saturate(180%);
            -webkit-backdrop-filter: blur(28px) saturate(180%);
        }

        .amlealt-ai-overlay.ai-effect-glass .amlealt-ai-composer,
        .amlealt-ai-overlay.ai-effect-glass .amlealt-ai-input-row,
        .amlealt-ai-overlay.ai-effect-glass .amlealt-ai-icon-btn {
            background: rgba(255, 255, 255, 0.58);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
        }

        .amlealt-ai-overlay.ai-effect-space {
            background: rgba(0, 0, 0, 0.72);
        }

        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-sheet {
            background: #000000;
            border-color: rgba(255, 255, 255, 0.12);
            color: #f8fafc;
        }

        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-sheet::before {
            content: "";
            position: absolute;
            inset: 0;
            pointer-events: none;
            background:
                radial-gradient(circle, rgba(255,255,255,0.9) 0 1px, transparent 1.6px) 8% 16% / 120px 120px,
                radial-gradient(circle, rgba(255,255,255,0.72) 0 1px, transparent 1.5px) 58% 24% / 150px 150px,
                radial-gradient(circle, rgba(255,255,255,0.62) 0 1px, transparent 1.4px) 28% 72% / 180px 180px;
            opacity: 0.58;
            animation: aiSpaceDrift 18s linear infinite;
        }

        @keyframes aiSpaceDrift {
            from { transform: translate3d(0, 0, 0); }
            to { transform: translate3d(-36px, -48px, 0); }
        }

        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-topbar,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-composer,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-input-row,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-icon-btn {
            background: rgba(8, 8, 8, 0.84);
            border-color: rgba(255, 255, 255, 0.12);
            color: #f8fafc;
        }

        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-title,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-welcome h2,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-message.assistant .amlealt-ai-bubble,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-bubble,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-input,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-footer,
        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-actions button {
            color: #f8fafc !important;
        }

        .amlealt-ai-overlay.ai-effect-space .amlealt-ai-chip {
            background: rgba(255, 255, 255, 0.08);
            border-color: rgba(255, 255, 255, 0.16);
            color: #f8fafc;
        }

        @media (max-width: 640px) {
            .amlealt-ai-sheet {
                width: 100vw;
                max-width: 100vw;
            }

            .amlealt-ai-topbar {
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }

            .guide-mockups {
                grid-template-columns: 1fr;
            }
        }

        .tab-button[data-tab="mais"] {
            display: none;
        }

        body.interface-mode-simple .tabs-nav {
            gap: 0.55rem;
            overflow-x: auto;
            overflow-y: hidden;
            flex-wrap: nowrap;
            justify-content: flex-start;
            margin-bottom: var(--space-6);
            padding: 0.36rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.14);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.82);
            box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
            scroll-snap-type: x proximity;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
        }

        body.interface-mode-simple .tab-button {
            flex: 0 0 auto;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: min(48vw, 158px);
            min-height: 54px;
            padding: 0.82rem 1.05rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.16);
            border-radius: 999px;
            background: #ffffff;
            color: var(--gray-800);
            font-size: 0.95rem;
            font-weight: 800;
            white-space: nowrap;
            scroll-snap-align: start;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
        }

        body.interface-mode-simple .tab-button[data-tab="documentos"],
        body.interface-mode-simple .tab-button[data-tab="contatos"],
        body.interface-mode-simple .tab-button[data-tab="alimentacao"],
        body.interface-mode-simple .tab-button[data-tab="perguntarIa"],
        body.interface-mode-simple .tab-button[data-tab="mais"] {
            display: none;
        }

        body.interface-mode-simple .tab-button.active,
        body.interface-mode-simple .tab-button.active-ai {
            color: #ffffff;
            background: var(--secondary);
            border-color: var(--secondary);
            box-shadow: 0 16px 34px rgba(var(--secondary-rgb), 0.2);
        }

        body.interface-mode-simple .tab-button.active::after {
            display: none;
        }

        body.interface-mode-simple .form-label {
            color: var(--gray-800);
            font-size: 1rem;
            font-weight: 750;
        }

        body.interface-mode-simple .form-input,
        body.interface-mode-simple .form-select,
        body.interface-mode-simple .form-textarea {
            min-height: 56px;
            font-size: 1rem;
            border-radius: 16px;
        }

        body.interface-mode-simple .section-title {
            color: var(--gray-900);
            font-size: 1.55rem;
            line-height: 1.18;
        }

        body.interface-mode-simple .upload-button,
        body.interface-mode-simple .add-record-button,
        body.interface-mode-simple .settings-action-btn {
            min-height: 50px;
            border-radius: 16px;
            font-size: 0.98rem;
            font-weight: 800;
        }

        body.interface-mode-simple.simple-info-active #tab-documentos,
        body.interface-mode-simple.simple-info-active #tab-contatos,
        body.interface-mode-simple.simple-health-active #tab-alimentacao {
            display: block;
            animation: none;
        }

        body.app-dark-theme.interface-mode-simple .tab-button:not(.active):not(.active-ai) {
            background: rgba(34, 34, 34, 0.9);
            border-color: rgba(96, 165, 250, 0.2);
            color: #e2e8f0;
        }

        body.app-dark-theme.interface-mode-simple .tabs-nav {
            background: rgba(15, 23, 42, 0.72);
            border-color: rgba(255, 255, 255, 0.14);
            box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
        }

        body.interface-mode-simple .pet-ai-float {
            cursor: not-allowed;
            color: var(--gray-500) !important;
            border-color: rgba(148, 163, 184, 0.34);
            background: linear-gradient(135deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.92));
            box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12);
        }

        body.interface-mode-innovative .main-container {
            display: flex;
            flex-direction: column;
            padding-top: var(--space-5);
            padding-bottom: var(--space-5);
        }

        body.interface-mode-innovative .main-container > .tab-content {
            order: 1;
        }

        body.interface-mode-innovative .tabs-nav {
            order: 2;
            position: sticky;
            left: auto;
            right: auto;
            top: auto;
            bottom: max(1rem, env(safe-area-inset-bottom));
            z-index: 918;
            display: flex !important;
            align-self: center;
            align-items: center;
            justify-content: center;
            visibility: visible;
            opacity: 1;
            width: min(100%, 430px);
            height: clamp(62px, 12vw, 72px);
            margin: var(--space-5) auto 0;
            padding: clamp(0.28rem, 1.4vw, 0.42rem);
            gap: clamp(0.12rem, 0.9vw, 0.28rem);
            overflow-x: visible;
            overflow-y: hidden;
            flex-wrap: nowrap;
            box-sizing: border-box;
            border: 1px solid rgba(255, 255, 255, 0.34);
            border-radius: 30px;
            background: rgba(255, 255, 255, 0.78);
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.18);
            backdrop-filter: blur(22px) saturate(170%);
            -webkit-backdrop-filter: blur(22px) saturate(170%);
            pointer-events: auto;
            scroll-snap-type: none;
            transform: none;
        }

        body.interface-mode-innovative .tabs-nav.menu-hidden {
            opacity: 0;
            pointer-events: none;
            transform: translate3d(0, calc(100% + 32px), 0);
        }

        body.interface-mode-innovative .tabs-nav::-webkit-scrollbar {
            display: none;
        }

        body.interface-mode-innovative .tab-button {
            display: none;
        }

        body.interface-mode-innovative .tab-button[data-innovative-visible="true"] {
            flex: 1 1 0;
            min-width: 0;
            height: 100%;
            padding: clamp(0.28rem, 1vw, 0.38rem) 0.14rem;
            border: 0;
            border-radius: 22px;
            background: transparent;
            color: var(--gray-600);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 0.16rem;
            overflow: visible;
            text-overflow: clip;
            white-space: normal;
            line-height: 1;
            font-size: clamp(0.48rem, 1.55vw, 0.64rem);
            font-weight: 850;
            text-align: center;
            word-break: normal;
            overflow-wrap: anywhere;
            scroll-snap-align: none;
            touch-action: none !important;
            -webkit-touch-callout: none;
            -webkit-user-drag: none;
            transition: transform 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease, color 0.18s ease, opacity 0.18s ease;
        }

        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].active,
        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(var(--secondary-rgb), 0.12);
            color: var(--secondary);
            box-shadow: inset 0 0 0 1px rgba(var(--secondary-rgb), 0.08);
        }

        body.interface-mode-innovative #app-view .tab-button[data-innovative-visible="true"].active,
        body.interface-mode-innovative #app-view .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(var(--secondary-rgb), 0.12);
            color: var(--secondary);
            border-color: transparent;
        }

        .innovative-tab-icon {
            width: clamp(22px, 5.6vw, 27px);
            height: clamp(22px, 5.6vw, 27px);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: currentColor;
        }

        .innovative-tab-icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

        .innovative-tab-label {
            max-width: 100%;
            display: block;
            overflow-wrap: anywhere;
        }

        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].menu-press-animate .innovative-tab-icon,
        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].menu-press-animate .innovative-tab-label {
            animation: innovativeMenuSurface 0.44s cubic-bezier(0.16, 0.84, 0.24, 1) both;
            transform-origin: center;
            will-change: transform, opacity, filter;
        }

        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].menu-press-animate .innovative-tab-label {
            animation-delay: 0.035s;
        }

        body.interface-mode-innovative .tab-button[data-innovative-visible="true"].innovative-dragging,
        .innovative-more-row.innovative-dragging,
        .innovative-ai-feature.innovative-dragging {
            opacity: 0.34;
            transform: scale(0.96);
            border-color: rgba(var(--secondary-rgb), 0.45) !important;
            outline: 2px solid rgba(var(--secondary-rgb), 0.58);
            outline-offset: -2px;
            box-shadow: inset 0 0 0 1px rgba(var(--secondary-rgb), 0.26), 0 18px 42px rgba(var(--secondary-rgb), 0.18);
        }

        .innovative-drag-ghost {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 6200;
            pointer-events: none;
            box-sizing: border-box;
            opacity: 1 !important;
            border: 2px solid var(--secondary) !important;
            background:
                radial-gradient(circle at 12% 0%, rgba(var(--secondary-rgb), 0.22), transparent 38%),
                rgba(255, 255, 255, 0.94) !important;
            color: var(--secondary) !important;
            box-shadow:
                0 24px 62px rgba(15, 23, 42, 0.28),
                0 12px 30px rgba(var(--secondary-rgb), 0.22),
                inset 0 1px 0 rgba(255, 255, 255, 0.86);
            backdrop-filter: blur(18px) saturate(160%);
            -webkit-backdrop-filter: blur(18px) saturate(160%);
            transform: translate3d(-9999px, -9999px, 0) scale(1.04);
            transition: box-shadow 0.18s ease, border-color 0.18s ease;
            will-change: transform;
        }

        .innovative-drag-ghost.innovative-dock-ghost {
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 0.16rem;
        }

        .innovative-drag-ghost .innovative-more-actions {
            display: none !important;
        }

        body.innovative-drag-active,
        body.innovative-drag-active * {
            cursor: grabbing !important;
            touch-action: none !important;
            user-select: none !important;
            -webkit-user-select: none !important;
        }

        @keyframes innovativeMenuSurface {
            from {
                opacity: 0;
                filter: blur(3px);
                transform: perspective(320px) translateZ(-46px) translateY(8px) scale(0.74);
            }
            68% {
                opacity: 1;
                filter: blur(0);
                transform: perspective(320px) translateZ(8px) translateY(-1px) scale(1.04);
            }
            to {
                opacity: 1;
                filter: blur(0);
                transform: perspective(320px) translateZ(0) translateY(0) scale(1);
            }
        }

        body.interface-mode-innovative .tab-button.active::after {
            display: none;
        }

        body.interface-mode-innovative .pet-ai-float {
            display: none;
        }

        body.interface-mode-innovative .pet-ai-menu {
            left: 50%;
            right: auto;
            top: auto;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 82px);
            width: min(92vw, 340px);
            transform: translate(-50%, 8px);
        }

        body.interface-mode-innovative .pet-ai-menu.show {
            transform: translate(-50%, 0);
        }

        .innovative-more-menu {
            position: fixed;
            left: 50%;
            right: auto;
            top: auto;
            bottom: calc(max(1rem, env(safe-area-inset-bottom)) + 82px);
            z-index: 936;
            width: clamp(260px, 86vw, 330px);
            max-width: calc(100vw - 1rem);
            max-height: min(62dvh, calc(100dvh - max(1rem, env(safe-area-inset-bottom)) - 128px));
            overflow-y: auto;
            overflow-x: hidden;
            overscroll-behavior: contain;
            scrollbar-width: thin;
            padding: 0.52rem;
            border: 1px solid rgba(255, 255, 255, 0.34);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 18px 46px rgba(15, 23, 42, 0.2);
            backdrop-filter: blur(24px) saturate(170%);
            -webkit-backdrop-filter: blur(24px) saturate(170%);
            opacity: 0;
            pointer-events: none;
            transform: translate(-50%, 10px) scale(0.98);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        body.interface-mode-innovative .innovative-more-menu.show {
            opacity: 1;
            pointer-events: auto;
            transform: translate(-50%, 0) scale(1);
        }

        @media (max-height: 620px) {
            .innovative-more-menu {
                bottom: calc(max(0.5rem, env(safe-area-inset-bottom)) + 68px);
                max-height: calc(100dvh - max(0.5rem, env(safe-area-inset-bottom)) - 84px);
                padding: 0.54rem;
                border-radius: 22px;
            }

            .innovative-more-head {
                padding-bottom: 0.38rem;
            }

            .innovative-more-row {
                padding: 0.16rem;
            }

            body.app-theme-total .innovative-more-row.ai-maintenance .innovative-more-main,
        body.app-theme-total .innovative-more-row.ai-maintenance .innovative-more-main :where(span, strong, small) {
            color: #000000 !important;
        }

        .innovative-more-main {
                min-height: 38px;
            }
        }

        .innovative-more-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.5rem;
            padding: 0.08rem 0.16rem 0.38rem;
        }

        .innovative-more-title {
            color: var(--gray-900);
            font-size: 0.76rem;
            font-weight: 900;
        }

        .innovative-more-hint {
            margin-top: 0.12rem;
            color: var(--gray-500);
            font-size: 0.62rem;
            font-weight: 650;
        }

        .innovative-more-toggle,
        .innovative-more-move,
        .innovative-more-pin {
            border: 0;
            border-radius: 999px;
            background: rgba(var(--secondary-rgb), 0.1);
            color: var(--secondary);
            cursor: pointer;
            font-size: 0.62rem;
            font-weight: 850;
            min-height: 26px;
            padding: 0 0.5rem;
        }

        .innovative-more-list {
            display: grid;
            gap: 0.24rem;
        }

        .innovative-more-row {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 0.28rem;
            align-items: center;
            padding: 0.16rem;
            border-radius: 15px;
            background: rgba(248, 250, 252, 0.74);
            touch-action: pan-y;
            transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
        }

        .innovative-more-row.ai-maintenance {
            opacity: 0.76;
        }

        .innovative-more-row.ai-maintenance .innovative-more-main {
            cursor: not-allowed;
        }

        .innovative-more-main {
            min-width: 0;
            min-height: 36px;
            border: 0;
            border-radius: 13px;
            background: transparent;
            color: var(--gray-800);
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 0.44rem;
            padding: 0 0.46rem;
            font-size: 0.74rem;
            font-weight: 820;
            text-align: left;
        }

        .innovative-more-main .innovative-tab-icon {
            width: 17px;
            height: 17px;
            color: var(--secondary);
        }

        .innovative-more-actions {
            display: inline-flex;
            gap: 0.16rem;
        }

        .innovative-more-move {
            width: 26px;
            padding: 0;
        }

        .innovative-more-move:disabled,
        .innovative-more-pin:disabled {
            opacity: 0.38;
            cursor: default;
        }

        .innovative-ai-feature {
            display: grid;
            grid-template-columns: minmax(0, 1fr) auto;
            gap: 0.42rem;
            align-items: center;
            margin: 0.1rem 0 0.55rem;
            padding: 0.36rem;
            border: 1px solid rgba(var(--secondary-rgb), 0.22);
            border-radius: 22px;
            background:
                radial-gradient(circle at 10% 0%, rgba(var(--secondary-rgb), 0.22), transparent 38%),
                rgba(var(--secondary-rgb), 0.09);
            box-shadow: 0 16px 34px rgba(var(--secondary-rgb), 0.12);
            touch-action: pan-y;
            transition: transform 0.18s ease, opacity 0.18s ease, box-shadow 0.18s ease, background-color 0.18s ease;
        }

        .innovative-ai-feature .innovative-more-main {
            min-height: 50px;
            color: var(--secondary);
            font-weight: 950;
        }

        .innovative-ai-feature .innovative-tab-icon {
            width: 24px;
            height: 24px;
        }

        .innovative-more-promote {
            width: 34px;
            padding: 0;
            background:
                linear-gradient(135deg, rgba(var(--secondary-rgb), 0.18), rgba(var(--secondary-rgb), 0.08)),
                #ffffff;
            box-shadow: 0 0 0 1px rgba(var(--secondary-rgb), 0.16), 0 10px 22px rgba(var(--secondary-rgb), 0.16);
            animation: aiPromotePulse 1.8s ease-in-out infinite;
        }

        @keyframes aiPromotePulse {
            0%, 100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-1px) scale(1.05); }
        }

        body.app-dark-theme.interface-mode-innovative .tabs-nav {
            background: rgba(15, 23, 42, 0.76);
            border-color: rgba(255, 255, 255, 0.16);
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
        }

        body.app-dark-theme.interface-mode-innovative .tab-button[data-innovative-visible="true"] {
            color: #cbd5e1;
        }

        body.app-dark-theme.interface-mode-innovative .tab-button[data-innovative-visible="true"].active,
        body.app-dark-theme.interface-mode-innovative .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(96, 165, 250, 0.16);
            color: #f8fafc;
        }

        body.app-dark-theme.interface-mode-innovative #app-view .tab-button[data-innovative-visible="true"].active,
        body.app-dark-theme.interface-mode-innovative #app-view .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(96, 165, 250, 0.16);
            color: #f8fafc;
        }

        body.app-dark-theme.interface-mode-innovative .innovative-more-menu {
            background: rgba(15, 23, 42, 0.9);
            border-color: rgba(255, 255, 255, 0.16);
        }

        body.app-dark-theme.interface-mode-innovative .innovative-more-title,
        body.app-dark-theme.interface-mode-innovative .innovative-more-main {
            color: #f8fafc;
        }

        body.app-dark-theme.interface-mode-innovative .innovative-more-hint {
            color: #cbd5e1;
        }

        body.app-dark-theme.interface-mode-innovative .innovative-more-row {
            background: rgba(255, 255, 255, 0.06);
        }

        body.app-dark-theme.interface-mode-innovative .innovative-ai-feature {
            background:
                radial-gradient(circle at 10% 0%, rgba(var(--secondary-rgb), 0.26), transparent 38%),
                rgba(255, 255, 255, 0.06);
            border-color: rgba(var(--secondary-rgb), 0.28);
        }

        body.app-dark-theme.interface-mode-innovative .innovative-more-promote {
            background: rgba(var(--secondary-rgb), 0.16);
        }

        body.internal-browser-open {
            overflow: hidden;
        }

        .internal-browser-overlay {
            position: fixed;
            inset: 0;
            z-index: 3000;
            display: none;
            flex-direction: column;
            background: #ffffff;
        }

        .internal-browser-overlay.active {
            display: flex;
        }

        .internal-browser-topbar {
            height: 52px;
            flex: 0 0 52px;
            display: flex;
            align-items: center;
            gap: 0.7rem;
            padding: max(0.35rem, env(safe-area-inset-top)) 1rem 0.35rem;
            border-bottom: 1px solid rgba(226, 232, 240, 0.9);
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }

        .internal-browser-close {
            position: relative;
            width: 34px;
            height: 34px;
            border: none;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.08);
            color: var(--gray-900);
            font-size: 0;
            line-height: 1;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .internal-browser-title {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--gray-800);
            font-size: 0.9rem;
            font-weight: 800;
        }

        .internal-browser-frame {
            flex: 1;
            width: 100%;
            border: 0;
            background: #ffffff;
        }

        @media (max-width: 640px) {
            body {
                background: var(--gray-50);
                overflow-x: hidden;
            }

            #home-view {
                align-items: stretch;
                justify-content: flex-start;
                height: 100dvh;
                min-height: 100vh;
                padding: clamp(3rem, 10vh, 5rem) var(--space-5) var(--space-8);
                overflow-y: auto;
                overflow-x: hidden;
            }

            .home-brand {
                width: fit-content;
                margin: 0 auto var(--space-6);
            }

            .netflix-title {
                width: 100%;
                max-width: 320px;
                margin: 0 auto var(--space-8);
                font-size: clamp(1.5rem, 7vw, 2rem);
                line-height: 1.08;
                text-align: center;
                letter-spacing: 0;
            }

            .profiles-container {
                width: 100%;
                max-width: 380px;
                margin: 0 auto;
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: var(--space-6) var(--space-4);
                justify-content: stretch;
                overflow: visible;
                padding: 0 0 var(--space-6);
                flex: 0 0 auto;
            }

            .home-backup-import {
                position: relative;
                left: auto;
                right: auto;
                bottom: auto;
                width: 100%;
                margin: auto auto 0;
                padding: var(--space-6) 0 max(0.75rem, env(safe-area-inset-bottom));
            }

            .profile-card {
                width: 100%;
                min-width: 0;
                gap: var(--space-3);
                padding-top: 1.85rem;
            }

            .profile-card:hover {
                transform: none;
            }

            .profile-avatar {
                width: min(34vw, 132px);
                height: min(34vw, 132px);
                min-width: 104px;
                min-height: 104px;
                border-radius: 18px;
                margin: 0 auto;
                border-color: rgba(255, 255, 255, 0.08);
            }

            .profile-avatar.add-btn {
                font-size: 3rem;
            }

            .profile-avatar span {
                font-size: clamp(2.8rem, 13vw, 4rem) !important;
                line-height: 1;
            }

            .profile-name {
                margin-top: 0;
                padding: 0 0.25rem;
                color: #b3b3b3;
                font-size: 1rem;
                line-height: 1.25;
            }

            .delete-profile-btn {
                display: flex;
                position: static;
                margin: -0.35rem auto 0;
                width: fit-content;
                min-width: 0;
                min-height: 22px;
                padding: 0 0.58rem;
                border-radius: 999px;
                font-size: 0.68rem;
                box-shadow: none;
            }

            .delete-profile-btn:hover {
                transform: none;
            }

            .pet-ai-float {
                left: 50%;
                right: auto;
                bottom: max(0.85rem, env(safe-area-inset-bottom));
                transform: translateX(-50%);
                min-height: 40px;
                padding: 0 1rem;
                font-size: 0.8rem;
            }

            .pet-ai-float:hover {
                transform: translateX(-50%);
            }

            .pet-ai-menu {
                bottom: calc(max(0.85rem, env(safe-area-inset-bottom)) + 42px);
                width: min(94vw, 340px);
            }

            .internal-browser-topbar {
                height: 50px;
                flex-basis: 50px;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }

            .header {
                padding: var(--space-3) 0;
                background: rgba(255, 255, 255, 0.96);
            }

            .header-content {
                display: grid;
                grid-template-columns: auto minmax(0, 1fr) auto;
                gap: var(--space-3);
                padding: 0 var(--space-4);
                align-items: center;
            }

            .header-actions {
                gap: 0.35rem;
                justify-self: end;
            }

            .header-title {
                display: flex;
                font-size: 0;
                gap: 0;
            }

            .header-title span {
                display: none;
            }

            .header-brand-logo {
                width: 34px;
                height: 34px;
            }

            .header-pet-summary {
                min-width: 0;
                gap: var(--space-2);
            }

            .current-pet-photo {
                width: 40px;
                height: 40px;
            }

            .current-pet-info {
                min-width: 0;
            }

            .current-pet-name {
                max-width: none;
                font-size: 0.92rem;
                line-height: 1.15;
            }

            .profile-completeness {
                align-items: flex-start;
                flex-direction: column;
                gap: 0.2rem;
                font-size: 0.72rem;
            }

            .completion-bar {
                width: min(120px, 100%);
                height: 5px;
            }

            .switch-pet-btn,
            .install-app-btn {
                min-height: 34px;
                border-radius: 999px;
                padding: 0.4rem 0.54rem;
                font-size: 0.68rem;
                font-weight: 800;
            }

            .header-icon-btn {
                width: 42px;
                height: 42px;
                min-height: 42px;
                padding: 0;
                font-size: 0.74rem;
                line-height: 1.08;
            }

            .header-icon-btn svg {
                width: 22px;
                height: 22px;
            }

            .switch-pet-btn {
                justify-self: end;
                max-width: 96px;
            }

            .header.scrolled {
                top: 0.5rem;
                width: calc(100% - 20px);
                margin-top: 0.5rem;
                padding: 0.45rem 0;
            }

            .header.scrolled .current-pet-photo {
                width: 32px;
                height: 32px;
            }

            .install-app-btn {
                position: fixed;
                top: 68px;
                left: 50%;
                right: auto;
                z-index: 180;
                grid-column: auto;
                width: max-content;
                justify-content: center;
                margin-top: 0;
                max-width: none;
                min-height: 28px;
                padding: 0.3rem 0.58rem;
                font-size: 0.62rem;
                white-space: nowrap;
                overflow: visible;
                text-overflow: clip;
                text-align: center;
                line-height: 1.05;
                align-self: center;
                opacity: 1;
                pointer-events: auto;
                touch-action: manipulation;
                transform: translate3d(-50%, 0, 0);
                transition: opacity 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
            }

            .install-app-btn:hover,
            .install-app-btn:focus,
            .install-app-btn:focus-visible,
            .install-app-btn:active {
                transform: translate3d(-50%, 0, 0);
            }

            .header:not(.mobile-install-installed):not(.mobile-install-hidden) .install-app-btn {
                display: inline-flex !important;
            }

            .header.mobile-install-hidden .install-app-btn {
                opacity: 0;
                pointer-events: none;
                transform: translate3d(-50%, 0, 0);
            }

            .header.mobile-install-installed .install-app-btn {
                display: none !important;
            }

            .settings-stats-grid {
                grid-template-columns: 1fr;
            }

            .memory-feed-head {
                top: 0.5rem;
                align-items: stretch;
                flex-direction: column;
                padding: var(--space-3);
                margin: calc(var(--space-4) * -1) calc(var(--space-4) * -1) var(--space-5);
            }

            .memory-feed-head .add-record-button {
                width: 100%;
                justify-content: center;
            }

            .memory-media-button {
                min-height: 220px;
            }

            .memory-media-button img,
            .memory-media-button video {
                aspect-ratio: 4 / 3;
            }

            .memory-content,
            .memory-editor {
                padding: var(--space-4);
            }

            .memory-date-summary {
                align-items: flex-start;
                flex-direction: column;
            }

            .memory-date-summary span {
                text-align: left;
            }

            .memory-date-shortcuts {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .memory-date-shortcut {
                justify-content: center;
                padding-inline: 0.45rem;
            }

            .memory-topline {
                align-items: flex-start;
                flex-direction: column;
            }

            .memory-actions {
                width: 100%;
            }

            .memory-action-btn {
                flex: 1;
                justify-content: center;
            }

            .save-status {
                top: 0.75rem;
                left: var(--space-4);
                right: var(--space-4);
                justify-content: center;
            }

            .main-container {
                width: 100%;
                padding: var(--space-6) var(--space-4);
            }

            .tabs-nav {
                gap: var(--space-2);
                margin: 0 calc(var(--space-4) * -1) var(--space-8);
                padding: 0.5rem var(--space-4) 0.65rem;
                scroll-padding-left: var(--space-4);
                background: rgba(255, 255, 255, 0.86);
                box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
            }

            .tab-button {
                padding: 0.85rem 1rem;
                border-radius: 999px;
                font-size: 0.9rem;
            }

            body.interface-mode-innovative .tabs-nav {
                height: clamp(70px, 15vw, 82px);
                padding: clamp(0.42rem, 1.8vw, 0.58rem);
            }

            .laco-strip {
                width: calc(100% - 2 * var(--space-4));
                margin-top: var(--space-4);
                justify-content: center;
            }

            .laco-summary-card {
                min-height: 54px;
                padding: 0.52rem 1rem 0.52rem 0.58rem;
            }

            .laco-page {
                grid-template-columns: 1fr;
            }

            .laco-hero,
            .laco-card,
            .laco-society,
            .laco-broken {
                grid-column: 1 / -1;
            }

            .laco-week-grid {
                grid-template-columns: repeat(7, minmax(0, 1fr));
                gap: 0.28rem;
            }

            .laco-week-day {
                min-height: 54px;
                border-radius: 14px;
            }

            .laco-history-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .laco-timeline-item {
                grid-template-columns: 64px 1fr;
            }

            .tab-button.active::after {
                bottom: -3px;
            }

            .form-section {
                border-radius: var(--radius-lg);
                padding: var(--space-6);
                margin-bottom: var(--space-6);
            }

            .section-title {
                align-items: flex-start;
                gap: var(--space-3);
                font-size: 1.45rem;
                line-height: 1.15;
                margin-bottom: var(--space-6);
            }

            .section-title svg {
                flex: 0 0 auto;
                margin-top: 0.2rem;
            }

            .form-grid,
            .form-grid.two-columns,
            .form-grid.single-column {
                grid-template-columns: 1fr;
                gap: var(--space-5);
            }

            .form-group {
                gap: var(--space-2);
            }

            .form-label {
                font-size: 0.95rem;
                line-height: 1.3;
            }

            .form-input,
            .form-select,
            .form-textarea {
                width: 100%;
                min-height: 52px;
                font-size: 1rem;
                border-radius: var(--radius-md);
            }

            .form-textarea {
                min-height: 118px;
            }

            .photo-upload {
                gap: var(--space-5);
                padding-bottom: var(--space-2);
            }

            .photo-preview {
                width: 132px;
                height: 132px;
            }

            .photo-preview svg {
                width: 74px;
                height: 74px;
            }

            .upload-button,
            .add-record-button {
                min-height: 46px;
                border-radius: var(--radius-md);
                justify-content: center;
                font-size: 0.95rem;
            }

            .add-record-button {
                width: 100%;
            }

            .radio-group,
            .checkbox-group {
                gap: var(--space-3);
            }

            .radio-item,
            .checkbox-item {
                min-height: 44px;
                align-items: center;
            }

            .record-item {
                padding: var(--space-4);
                border-radius: var(--radius-md);
            }

            .record-header {
                gap: var(--space-3);
                align-items: flex-start;
            }

            .sub-tabs-nav {
                margin: 0 calc(var(--space-4) * -1) var(--space-5);
                padding: 0 var(--space-4) var(--space-2);
            }

            .sub-tab-button {
                min-height: 42px;
                padding: 0.7rem 1rem;
            }

            .integrated-iframe {
                height: 78vh;
                border-radius: var(--radius-lg);
            }

            #health-sub-vacinas .embedded-tool-shell {
                padding: 0 !important;
            }

            #health-sub-vacinas .integrated-iframe {
                min-height: 0 !important;
            }

                    input[type="date"]::-webkit-calendar-picker-indicator {
            display: none;
            -webkit-appearance: none;
        }

        input[type="date"] {
            appearance: textfield;
        }

        .date-picker-popover {
                left: 12px !important;
                right: 12px;
                top: auto !important;
                bottom: 14px;
                width: auto;
                border-radius: 30px;
                transform-origin: bottom center;
            }

            .weight-chart,
            .trend-chart {
                padding: var(--space-4);
                min-height: 150px;
            }

            .profile-hero {
                grid-template-columns: 1fr;
                text-align: center;
                padding: var(--space-6);
                gap: var(--space-5);
                border-radius: var(--radius-lg);
            }

            .profile-avatar-large {
                width: 140px;
                height: 140px;
                margin: 0 auto;
            }

            .profile-hero h2 {
                font-size: 1.65rem;
                line-height: 1.15;
            }

            .profile-badges {
                justify-content: center;
            }

            .agenda-toolbar {
                align-items: stretch;
            }

            .agenda-toolbar > div {
                width: 100%;
            }

            .agenda-toolbar .upload-button {
                flex: 1 1 120px;
            }

            .agenda-calendar {
                grid-template-columns: repeat(7, minmax(38px, 1fr));
                gap: 4px;
            }

            .agenda-calendar.view-week {
                grid-template-columns: repeat(7, minmax(130px, 1fr));
            }

            .agenda-calendar.view-month {
                grid-template-columns: repeat(7, minmax(104px, 1fr));
            }

            .agenda-day-name {
                font-size: 0.68rem;
                padding: 0.35rem 0;
            }

            .agenda-day {
                min-height: 58px;
                padding: 4px;
                border-radius: var(--radius-sm);
            }

            .agenda-date-number {
                font-size: 0.8rem;
                margin-bottom: 0;
            }

            .agenda-pill {
                display: none;
            }

            .agenda-calendar.view-week .agenda-pill,
            .agenda-calendar.view-month .agenda-pill {
                display: block;
                font-size: 0.66rem;
            }

            .reminder-panel {
                padding: var(--space-4);
            }

            .agenda-selected-panel {
                padding: var(--space-4);
            }

            .agenda-quick-form {
                grid-template-columns: 1fr;
            }

            .agenda-day-event {
                align-items: center;
            }

            .med-checklist {
                grid-template-columns: 1fr;
            }

            .exam-quick-actions {
                grid-template-columns: 1fr;
            }
        }

        @media (hover: hover) and (pointer: fine) {
            body :where(button:not(:disabled):not(.active):not(.selected):not([aria-selected="true"]):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.danger):not(.laco-close), a:not(.active), [role="button"]:not(.active):not(.selected), [onclick]:not(.active):not(.selected):not(.profile-card), .tab-button:not(.active), .sub-tab-button:not(.active), .agenda-day:not(.selected), .agenda-view-btn:not(.active), .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .header-icon-btn, .switch-pet-btn, .radio-item, .checkbox-item, .chip:not(.active), .record-item, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):is(:hover, :focus, :focus-visible, :active) {
                border-color: rgba(var(--secondary-rgb), 0.50) !important;
                color: var(--secondary) !important;
            }

            body :where(button:not(:disabled):not(.active):not(.selected):not([aria-selected="true"]):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.danger):not(.laco-close), a:not(.active), [role="button"]:not(.active):not(.selected), [onclick]:not(.active):not(.selected):not(.profile-card), .tab-button:not(.active), .sub-tab-button:not(.active), .agenda-day:not(.selected), .agenda-view-btn:not(.active), .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .header-icon-btn, .switch-pet-btn, .radio-item, .checkbox-item, .chip:not(.active), .record-item, .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):is(:hover, :focus, :focus-visible, :active) {
                background: rgba(var(--secondary-rgb), 0.10) !important;
                box-shadow: 0 12px 28px rgba(var(--secondary-rgb), 0.12) !important;
            }
        }

        body :where(.tab-button.active, .sub-tab-button.active, .agenda-view-btn.active, .settings-tab-btn.active, .filter-btn.active, .chip.active, .select-picker-option.selected, .date-picker-day.selected, .date-picker-year-option.selected, .date-picker-year-trigger.active, [aria-selected="true"]):not(.profile-card):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.danger) {
            background: var(--secondary) !important;
            border-color: var(--secondary) !important;
            color: #ffffff !important;
            box-shadow: 0 12px 28px rgba(var(--secondary-rgb), 0.22) !important;
        }

        body.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"].active,
        body.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(var(--secondary-rgb), 0.12) !important;
            border-color: transparent !important;
            color: var(--secondary) !important;
            box-shadow: inset 0 0 0 1px rgba(var(--secondary-rgb), 0.08) !important;
        }

        body.app-dark-theme.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"].active,
        body.app-dark-theme.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"].active-ai {
            background: rgba(96, 165, 250, 0.16) !important;
            color: #f8fafc !important;
            box-shadow: none !important;
        }

        @media (hover: hover) and (pointer: fine) {
            body.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"]:not(.active):not(.active-ai):is(:hover, :focus, :focus-visible, :active) {
                background: transparent !important;
                color: var(--gray-600) !important;
                box-shadow: none !important;
                border-color: transparent !important;
            }

            body.app-dark-theme.interface-mode-innovative #mainTabsNav .tab-button[data-innovative-visible="true"]:not(.active):not(.active-ai):is(:hover, :focus, :focus-visible, :active) {
                color: #cbd5e1 !important;
            }
        }

        body :where(button, a, [role="button"], [onclick], input, select, textarea):focus-visible {
            outline: 2px solid rgba(var(--secondary-rgb), 0.62) !important;
            outline-offset: 3px;
        }

        @media (max-width: 640px) {
            .tab-content.active,
            .health-sub-content.active {
                animation: mobileContentOpen 0.42s cubic-bezier(0.16, 0.84, 0.24, 1) both;
            }

            body.interface-mode-innovative .tab-button[data-innovative-visible="true"].menu-press-animate .innovative-tab-icon,
            body.interface-mode-innovative .tab-button[data-innovative-visible="true"].menu-press-animate .innovative-tab-label {
                animation: mobileMenuSurface 0.36s cubic-bezier(0.16, 0.84, 0.24, 1) both !important;
            }

            .settings-overlay,
            .sequence-overlay,
            .amlealt-ai-overlay {
                transition-duration: 0.36s !important;
            }

            .settings-overlay.active .settings-panel,
            .amlealt-ai-overlay.active .amlealt-ai-sheet {
                animation: mobileSheetRise 0.46s cubic-bezier(0.16, 0.84, 0.24, 1) both !important;
            }

            .settings-overlay.closing .settings-panel,
            .amlealt-ai-overlay.closing .amlealt-ai-sheet {
                animation: mobileSheetDrop 0.34s cubic-bezier(0.42, 0, 0.2, 1) both !important;
            }

            .sequence-overlay.active .sequence-panel,
            .sequence-overlay.active .sequence-panel.laco-panel {
                animation: mobilePanelRise 0.46s cubic-bezier(0.16, 0.84, 0.24, 1) both !important;
            }

            .sequence-overlay.closing .sequence-panel,
            .sequence-overlay.closing .sequence-panel.laco-panel {
                animation: mobilePanelDrop 0.34s cubic-bezier(0.42, 0, 0.2, 1) both !important;
            }
        }

        @keyframes mobileContentOpen {
            from { opacity: 0; transform: translate3d(0, 12px, 0) scale(0.988); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        @keyframes mobileMenuSurface {
            from { opacity: 0.86; transform: translate3d(0, 4px, 0) scale(0.94); }
            70% { opacity: 1; transform: translate3d(0, -1px, 0) scale(1.035); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        @keyframes mobileSheetRise {
            from { opacity: 0; transform: translate3d(0, 34px, 0) scale(0.985); }
            70% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.002); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        @keyframes mobileSheetDrop {
            from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
            to { opacity: 0; transform: translate3d(0, 30px, 0) scale(0.986); }
        }

        @keyframes mobilePanelRise {
            from { opacity: 0; transform: translate3d(0, 18px, 0) scale(0.988); }
            70% { opacity: 1; transform: translate3d(0, -2px, 0) scale(1.002); }
            to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
        }

        @keyframes mobilePanelDrop {
            from { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
            to { opacity: 0; transform: translate3d(0, 18px, 0) scale(0.988); }
        }

        body :where(input:focus, textarea:focus, select:focus, .form-input:focus, .form-select:focus, .form-textarea:focus) {
            border-color: rgba(var(--secondary-rgb), 0.58) !important;
            box-shadow: 0 0 0 4px rgba(var(--secondary-rgb), 0.12) !important;
        }

        @media (max-width: 768px) {
            html,
            body {
                scroll-padding-bottom: max(180px, env(safe-area-inset-bottom));
            }

            body :where(input, textarea, select, .form-input, .form-select, .form-textarea, .setting-select, .setting-textarea, .amlealt-auth-input, .amlealt-command-input, .amlealt-ai-input, .minha-post-input, .settings-search-input) {
                font-size: 16px !important;
                scroll-margin-bottom: 45vh;
            }

            body :where(input:focus, textarea:focus, select:focus, .form-input:focus, .form-select:focus, .form-textarea:focus, .setting-select:focus, .setting-textarea:focus, .amlealt-auth-input:focus, .amlealt-command-input:focus, .amlealt-ai-input:focus, .minha-post-input:focus, .settings-search-input:focus) {
                transform: none !important;
            }
        }

        .laco-strip {
            display: flex !important;
            position: relative;
            top: auto;
            left: auto;
            transform: none;
            z-index: 30;
            width: min(920px, calc(100% - 2rem));
            margin: 1.35rem auto 1.25rem;
            padding: 0;
            justify-content: center;
            pointer-events: none;
            opacity: 1;
            transition: opacity 0.46s cubic-bezier(0.16, 0.84, 0.24, 1), transform 0.46s cubic-bezier(0.16, 0.84, 0.24, 1), top 0.25s ease;
        }

        .laco-strip .amlealt-command-shell {
            width: min(760px, 100%);
            margin: 0;
            pointer-events: auto;
        }

        .laco-strip + .main-container {
            padding-top: var(--space-2);
        }

        body.header-search-compact .laco-strip {
            opacity: 0;
            transform: translate3d(0, -1.4rem, 0) scale(0.18);
            pointer-events: none;
        }

        .amlealt-command-shell {
            position: relative;
            z-index: 28;
            width: min(760px, 100%);
            margin: 0.88rem auto 1.05rem;
            isolation: isolate;
            overflow: visible;
        }

        .amlealt-command-shell::after {
            content: "";
            position: absolute;
            left: 8%;
            right: 8%;
            bottom: -16px;
            height: 18px;
            border-radius: 999px;
            pointer-events: none;
            background:
                radial-gradient(ellipse at 50% 50%, rgba(var(--secondary-rgb), 0.42), transparent 68%),
                linear-gradient(90deg, transparent, rgba(var(--secondary-rgb), 0.30), transparent);
            filter: blur(12px);
            opacity: 0.72;
            transform: translate3d(-8%, 0, 0) scaleX(0.82);
            animation: amlealtSearchBottomLight 6.8s ease-in-out infinite alternate;
            z-index: 0;
        }

        .amlealt-command-shell:focus-within::after {
            background:
                radial-gradient(ellipse at 50% 50%, rgba(var(--secondary-rgb), 0.56), transparent 70%),
                linear-gradient(90deg, transparent, rgba(var(--secondary-rgb), 0.42), transparent);
            filter: blur(14px);
        }

        @keyframes amlealtSearchBottomLight {
            from { opacity: 0.42; transform: translate3d(-8%, 0, 0) scaleX(0.76); }
            50% { opacity: 0.78; transform: translate3d(0, 0, 0) scaleX(1); }
            to { opacity: 0.46; transform: translate3d(8%, 0, 0) scaleX(0.78); }
        }

        .amlealt-command-bar {
            position: relative;
            display: flex;
            align-items: center;
            gap: 0.72rem;
            min-height: 58px;
            padding: 0 1.08rem;
            border-radius: 999px;
            border: 1px solid rgba(148, 163, 184, 0.28);
            background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.82));
            box-shadow: 0 18px 48px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.75);
            backdrop-filter: blur(22px) saturate(1.18);
            -webkit-backdrop-filter: blur(22px) saturate(1.18);
            z-index: 1;
        }

        .amlealt-command-bar:focus-within {
            border-color: rgba(var(--secondary-rgb), 0.42);
            box-shadow: 0 22px 58px rgba(var(--secondary-rgb), 0.18), 0 0 0 4px rgba(var(--secondary-rgb), 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.82);
        }

        .amlealt-command-shell:focus,
        .amlealt-command-shell:focus-within,
        .amlealt-command-bar:focus,
        .amlealt-command-bar:focus-within,
        .amlealt-command-input:focus,
        .amlealt-command-input:active,
        .amlealt-command-input:focus-visible {
            outline: none !important;
        }

        .amlealt-command-icon {
            width: 22px;
            height: 22px;
            flex: 0 0 auto;
            color: rgba(15, 23, 42, 0.56);
        }

        .amlealt-command-placeholder {
            position: absolute;
            left: 3.45rem;
            right: 1.1rem;
            top: 50%;
            transform: translateY(-50%);
            color: rgba(15, 23, 42, 0.48);
            font-size: 1rem;
            font-weight: 700;
            pointer-events: none;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            filter: blur(0);
            opacity: 1;
        }

        .amlealt-command-placeholder.smoke-out {
            animation: amlealtSmokeOut 0.48s ease forwards;
        }

        .amlealt-command-placeholder.smoke-in {
            animation: amlealtSmokeIn 0.62s ease forwards;
        }

        .amlealt-command-input {
            position: relative;
            z-index: 1;
            width: 100%;
            min-width: 0;
            border: 0 !important;
            outline: 0;
            background: transparent !important;
            color: var(--gray-900);
            font: inherit;
            font-size: 1rem;
            font-weight: 750;
            box-shadow: none !important;
            padding: 0.95rem 0;
        }

        .amlealt-command-input:not(:placeholder-shown) + .amlealt-command-placeholder,
        .amlealt-command-shell.is-typing .amlealt-command-placeholder {
            opacity: 0;
            visibility: hidden;
        }

        .amlealt-search-panel {
            position: absolute;
            left: 0;
            right: 0;
            top: calc(100% + 0.62rem);
            max-height: min(560px, calc(100vh - 10rem));
            overflow: auto;
            padding: 0.72rem;
            border: 1px solid rgba(148, 163, 184, 0.25);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.97);
            box-shadow: 0 30px 80px rgba(15, 23, 42, 0.22);
            backdrop-filter: blur(24px) saturate(1.18);
            -webkit-backdrop-filter: blur(24px) saturate(1.18);
        }

        .amlealt-search-panel[hidden] {
            display: none;
        }

        .amlealt-search-empty,
        .amlealt-search-miss,
        .amlealt-search-related-title {
            padding: 0.65rem 0.72rem 0.48rem;
            color: var(--gray-600);
            font-size: 0.78rem;
            font-weight: 900;
        }

        .amlealt-search-row,
        .amlealt-search-chip,
        .amlealt-search-history-remove,
        .amlealt-search-clear-history {
            touch-action: manipulation;
        }

        .amlealt-search-row {
            width: 100%;
            border: 1px solid transparent;
            border-radius: 16px;
            background: transparent;
            color: var(--gray-900);
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 0.7rem;
            text-align: left;
            padding: 0.78rem 0.82rem;
            cursor: pointer;
            transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
        }

        .amlealt-search-row:hover,
        .amlealt-search-row:focus-visible,
        .amlealt-search-row.is-active {
            outline: none;
            border-color: rgba(var(--secondary-rgb), 0.22);
            background: rgba(var(--secondary-rgb), 0.08);
            transform: translateY(-1px);
        }

        .amlealt-search-row.is-active {
            border-color: rgba(var(--secondary-rgb), 0.78);
            background: var(--secondary);
            color: #fff;
            box-shadow: 0 12px 28px rgba(var(--secondary-rgb), 0.24);
        }

        .amlealt-search-row strong {
            display: block;
            font-size: 0.92rem;
            line-height: 1.18;
            color: inherit;
        }

        .amlealt-search-row span {
            display: block;
            margin-top: 0.18rem;
            color: var(--gray-600);
            font-size: 0.76rem;
            font-weight: 750;
        }

        .amlealt-search-row.is-active span,
        .amlealt-search-row.is-active .amlealt-search-score,
        .amlealt-search-row.is-active .amlealt-search-mark {
            color: #fff;
        }

        .amlealt-search-row.is-active .amlealt-search-score,
        .amlealt-search-row.is-active .amlealt-search-mark {
            background: rgba(255, 255, 255, 0.18);
        }

        .amlealt-search-score {
            align-self: center;
            border-radius: 999px;
            padding: 0.28rem 0.48rem;
            background: rgba(var(--secondary-rgb), 0.10);
            color: var(--secondary);
            font-size: 0.68rem;
            font-weight: 950;
        }

        .amlealt-search-mark {
            border-radius: 0.35em;
            background: rgba(var(--secondary-rgb), 0.15);
            color: inherit;
            padding: 0 0.1em;
        }

        .amlealt-search-chipbar {
            display: flex;
            flex-wrap: wrap;
            gap: 0.46rem;
            padding: 0.15rem 0.38rem 0.4rem;
        }

        .amlealt-search-chip,
        .amlealt-search-clear-history {
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 999px;
            background: rgba(248, 250, 252, 0.86);
            color: var(--gray-700);
            min-height: 34px;
            padding: 0.45rem 0.68rem;
            font: inherit;
            font-size: 0.74rem;
            font-weight: 850;
            cursor: pointer;
        }

        .amlealt-search-history-line {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 0.35rem;
            align-items: center;
            padding: 0 0.35rem 0.35rem;
        }

        .amlealt-search-history-remove {
            width: 32px;
            height: 32px;
            border: 0;
            border-radius: 999px;
            background: rgba(15, 23, 42, 0.06);
            color: var(--gray-600);
            cursor: pointer;
            font-size: 1rem;
            font-weight: 900;
        }

        .amlealt-search-focused-mode #app-view .tab-content.active > .form-section:not(.amlealt-search-visible),
        .amlealt-search-focused-mode .settings-section.active > .settings-group:not(.amlealt-search-visible) {
            display: none !important;
        }

        .amlealt-search-target {
            position: relative;
            animation: amlealtTargetGlow 2.7s ease forwards;
        }

        .amlealt-profile-editor {
            position: fixed;
            inset: 0;
            z-index: 5200;
            display: none;
            align-items: stretch;
            justify-content: center;
            padding: max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));
            background:
                radial-gradient(circle at 18% 8%, rgba(var(--secondary-rgb), 0.11), transparent 26rem),
                radial-gradient(circle at 86% 12%, rgba(14, 165, 233, 0.10), transparent 28rem),
                rgba(248, 250, 252, 0.98);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.26s ease;
            overflow-y: auto;
        }

        .amlealt-profile-editor.active {
            display: flex;
            opacity: 1;
            pointer-events: auto;
        }

        .amlealt-profile-editor.leaving {
            opacity: 0;
        }

        .amlealt-profile-card {
            width: min(720px, 100%);
            margin: auto;
            display: grid;
            gap: 1rem;
            animation: profileEditorIn 0.48s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        .amlealt-profile-topbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 0.75rem;
        }

        .amlealt-profile-back {
            width: 44px;
            height: 44px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.88);
            color: var(--gray-900);
            cursor: pointer;
            display: grid;
            place-items: center;
            font-size: 1.35rem;
            font-weight: 950;
            box-shadow: 0 12px 28px rgba(15, 23, 42, 0.10);
        }

        .amlealt-profile-status {
            min-height: 24px;
            color: var(--secondary);
            font-size: 0.78rem;
            font-weight: 900;
            text-align: right;
        }

        .amlealt-profile-hero {
            display: grid;
            justify-items: center;
            gap: 0.55rem;
            padding: clamp(1.1rem, 4vw, 2.2rem) 1rem 1.2rem;
            text-align: center;
        }

        .amlealt-profile-photo {
            width: clamp(132px, 28vw, 190px);
            height: clamp(132px, 28vw, 190px);
            border: 1px solid rgba(var(--secondary-rgb), 0.20);
            border-radius: 34px;
            background: rgba(255,255,255,0.72);
            color: var(--secondary);
            overflow: hidden;
            cursor: pointer;
            display: grid;
            place-items: center;
            box-shadow: 0 22px 56px rgba(15, 23, 42, 0.14);
        }

        .amlealt-profile-photo img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .amlealt-profile-name {
            border: 0;
            background: transparent;
            color: var(--gray-950, #020617);
            font: inherit;
            font-size: clamp(2rem, 8vw, 3.5rem);
            line-height: 1;
            font-weight: 950;
            text-align: center;
            cursor: text;
            max-width: 100%;
            overflow-wrap: anywhere;
        }

        .amlealt-profile-species {
            border: 0;
            background: transparent;
            color: var(--secondary);
            font: inherit;
            font-size: 1rem;
            font-weight: 950;
            cursor: pointer;
        }

        .amlealt-profile-name-input {
            width: min(520px, 100%);
            border: 1px solid rgba(var(--secondary-rgb), 0.26);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            color: var(--gray-950, #020617);
            padding: 0.8rem 1rem;
            font: inherit;
            font-size: clamp(1.45rem, 6vw, 2.5rem);
            font-weight: 900;
            text-align: center;
        }

        .amlealt-edit-section {
            display: grid;
            gap: 0.58rem;
            padding: 1rem;
            border: 1px solid rgba(148, 163, 184, 0.20);
            border-radius: 22px;
            background: rgba(255, 255, 255, 0.72);
            box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08);
        }

        .amlealt-edit-section h3 {
            margin: 0;
            color: var(--gray-900);
            font-size: 0.86rem;
            font-weight: 950;
        }

        .amlealt-species-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
            gap: 0.48rem;
        }

        .amlealt-species-choice {
            min-height: 44px;
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 14px;
            background: rgba(255,255,255,0.82);
            color: var(--gray-800);
            cursor: pointer;
            font: inherit;
            font-size: 0.8rem;
            font-weight: 850;
        }

        .amlealt-species-choice.active,
        .amlealt-species-choice:hover,
        .amlealt-species-choice:focus-visible {
            outline: none;
            border-color: rgba(var(--secondary-rgb), 0.38);
            background: rgba(var(--secondary-rgb), 0.10);
            color: var(--secondary);
        }

        .amlealt-profile-danger {
            margin-top: clamp(1.4rem, 5vw, 3rem);
            padding: 1rem;
            border-top: 1px solid rgba(239, 68, 68, 0.20);
            display: grid;
            gap: 0.55rem;
        }

        .amlealt-danger-btn {
            min-height: 46px;
            border: 1px solid rgba(239, 68, 68, 0.32);
            border-radius: 999px;
            background: rgba(254, 242, 242, 0.82);
            color: #b91c1c;
            cursor: pointer;
            font: inherit;
            font-weight: 950;
        }

        .amlealt-confirm-actions {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.82rem;
            margin-top: 1rem;
        }

        .amlealt-confirm-no,
        .amlealt-confirm-yes {
            min-height: 54px;
            border: 1px solid transparent;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font: inherit;
            font-weight: 950;
            letter-spacing: 0;
            cursor: pointer;
            transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
        }

        .amlealt-confirm-no {
            border-color: rgba(148, 163, 184, 0.34);
            background: linear-gradient(145deg, #ffffff, #eef4ff);
            color: var(--gray-900);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 16px 36px rgba(15, 23, 42, 0.1);
        }

        .amlealt-confirm-yes {
            border-color: rgba(239, 68, 68, 0.38);
            background: linear-gradient(145deg, #ff6b6b, #dc2626 58%, #991b1b);
            color: #fff;
            box-shadow: 0 18px 38px rgba(220, 38, 38, 0.34), inset 0 1px 0 rgba(255,255,255,0.28);
        }

        .amlealt-confirm-no:hover,
        .amlealt-confirm-no:focus-visible,
        .amlealt-confirm-yes:hover,
        .amlealt-confirm-yes:focus-visible {
            outline: none;
            transform: translateY(-1px);
        }

        .amlealt-confirm-no:hover,
        .amlealt-confirm-no:focus-visible {
            border-color: rgba(var(--secondary-rgb), 0.32);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 18px 38px rgba(15, 23, 42, 0.12);
        }

        .amlealt-confirm-yes:hover,
        .amlealt-confirm-yes:focus-visible {
            box-shadow: 0 20px 42px rgba(239, 68, 68, 0.34), inset 0 1px 0 rgba(255,255,255,0.28);
        }

        .amlealt-confirm-yes:disabled {
            opacity: 0.72;
            cursor: progress;
            transform: none;
        }

        .amlealt-profile-editor.deleting .amlealt-profile-card {
            animation: profileDeleteVanish 1.15s cubic-bezier(0.16, 0.84, 0.24, 1) forwards;
        }

        .profile-edit-btn {
            background: rgba(var(--secondary-rgb), 0.08) !important;
            color: var(--secondary) !important;
            border-color: rgba(var(--secondary-rgb), 0.28) !important;
        }

        .profile-edit-btn:hover,
        .profile-edit-btn:focus-visible {
            color: var(--gray-950, #020617) !important;
            background: #ffffff !important;
            border-color: rgba(var(--secondary-rgb), 0.46) !important;
            outline: none;
        }

        .profile-card.profile-selecting {
            transform: translateY(-2px) scale(0.982);
            transition: transform 0.16s ease, opacity 0.22s ease, filter 0.22s ease;
        }

        .profiles-container.shared-transition-active .profile-card:not(.profile-selecting) {
            opacity: 0.42;
            filter: blur(1px);
            transform: scale(0.985);
        }

        .amlealt-shared-avatar-clone {
            position: fixed;
            z-index: 6100;
            pointer-events: none;
            overflow: hidden;
            background: var(--primary);
            color: #fff;
            display: grid;
            place-items: center;
            box-shadow: 0 22px 60px rgba(15, 23, 42, 0.24);
            will-change: transform, opacity, border-radius;
            contain: layout paint;
        }

        .amlealt-shared-avatar-clone img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
        }

        .current-pet-photo.shared-destination-hidden,
        .profile-avatar.shared-origin-hidden {
            opacity: 0 !important;
        }

        .current-pet-photo.avatar-snap-confirm {
            animation: avatarSnapConfirm 0.28s cubic-bezier(0.16, 0.84, 0.24, 1) both;
        }

        body.app-dark-theme .amlealt-command-bar {
            border-color: rgba(255, 255, 255, 0.12);
            background: linear-gradient(180deg, rgba(68, 68, 68, 0.88), rgba(40, 40, 40, 0.84));
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 18px 46px rgba(0,0,0,0.38);
        }

        body.app-dark-theme .amlealt-command-icon,
        body.app-dark-theme .amlealt-command-placeholder {
            color: rgba(255,255,255,0.70);
        }

        body.app-dark-theme .amlealt-command-input {
            color: #ffffff;
        }

        body.app-dark-theme .amlealt-search-panel,
        body.app-dark-theme .amlealt-edit-section,
        body.app-dark-theme .amlealt-profile-back,
        body.app-dark-theme .amlealt-confirm-no {
            border-color: rgba(255,255,255,0.13);
            background: rgba(15, 23, 42, 0.94);
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-search-row,
        body.app-dark-theme .amlealt-edit-section h3,
        body.app-dark-theme .amlealt-profile-name,
        body.app-dark-theme .amlealt-confirm-no {
            color: #f8fafc;
        }

        body.app-dark-theme .amlealt-search-row span,
        body.app-dark-theme .amlealt-search-empty,
        body.app-dark-theme .amlealt-search-miss,
        body.app-dark-theme .amlealt-search-related-title {
            color: rgba(226, 232, 240, 0.72);
        }

        body.app-dark-theme .amlealt-profile-editor {
            background:
                radial-gradient(circle at 18% 8%, rgba(var(--secondary-rgb), 0.10), transparent 26rem),
                radial-gradient(circle at 86% 12%, rgba(14, 165, 233, 0.08), transparent 28rem),
                rgba(2, 6, 23, 0.98);
        }

        body.app-dark-theme .amlealt-profile-photo,
        body.app-dark-theme .amlealt-profile-name-input,
        body.app-dark-theme .amlealt-species-choice {
            border-color: rgba(255,255,255,0.13);
            background: rgba(15,23,42,0.76);
            color: #f8fafc;
        }

        body.app-theme-dim .liquid-glass,
        body.app-theme-total .liquid-glass {
            color: #f8fafc !important;
        }

        body.app-theme-dim .liquid-glass :where(span, strong, svg),
        body.app-theme-total .liquid-glass :where(span, strong, svg) {
            color: inherit !important;
            stroke: currentColor !important;
        }

        body.app-dark-theme .liquid-glass {
            color: #f8fafc !important;
        }

        body.app-dark-theme .minha-option {
            color: #111827 !important;
        }

        body.app-theme-dim .minha-option,
        body.app-theme-total .minha-option {
            color: #f8fafc !important;
        }

        body.app-dark-theme .minha-option:hover,
        body.app-dark-theme .minha-option:focus-visible {
            color: #0f172a !important;
        }

        body.app-theme-dim .minha-option:hover,
        body.app-theme-dim .minha-option:focus-visible,
        body.app-theme-total .minha-option:hover,
        body.app-theme-total .minha-option:focus-visible {
            color: #f8fafc !important;
        }

        body.app-dark-theme .liquid-normal,
        body.app-dark-theme .settings-action-btn.liquid-normal,
        body.app-dark-theme .add-record-button.liquid-normal,
        body.app-dark-theme .upload-button.liquid-normal,
        body.app-theme-dim .liquid-normal,
        body.app-theme-dim .settings-action-btn.liquid-normal,
        body.app-theme-dim .add-record-button.liquid-normal,
        body.app-theme-dim .upload-button.liquid-normal,
        body.app-theme-total .liquid-normal,
        body.app-theme-total .settings-action-btn.liquid-normal,
        body.app-theme-total .add-record-button.liquid-normal,
        body.app-theme-total .upload-button.liquid-normal {
            color: #ffffff !important;
        }

        body.app-theme-dim,
        body.app-theme-dim #app-view,
        body.app-theme-dim #home-view,
        body.app-theme-dim .main-container,
        body.app-theme-dim .tab-content,
        body.app-theme-dim .header,
        body.app-theme-dim .header.scrolled,
        body.app-theme-dim .settings-overlay,
        body.app-theme-dim .sequence-overlay,
        body.app-theme-dim .amlealt-profile-editor,
        body.app-theme-dim .amlealt-ai-overlay,
        body.app-theme-dim .internal-browser-overlay,
        body.app-theme-dim .file-viewer-overlay {
            background: #1a1a1a !important;
            background-image: none !important;
            border-color: #1a1a1a !important;
        }

        body.app-theme-dim #home-view::before {
            background-image: none !important;
        }

        body.app-theme-total,
        body.app-theme-total #app-view,
        body.app-theme-total .main-container,
        body.app-theme-total .tab-content,
        body.app-theme-total .header,
        body.app-theme-total .header.scrolled,
        body.app-theme-total .settings-overlay,
        body.app-theme-total .sequence-overlay,
        body.app-theme-total .amlealt-profile-editor,
        body.app-theme-total .amlealt-ai-overlay,
        body.app-theme-total .internal-browser-overlay,
        body.app-theme-total .file-viewer-overlay {
            background: var(--surface-page) !important;
            background-image: none !important;
            border-color: var(--border-subtle) !important;
        }

        body.app-theme-dim :where(.header, .header.scrolled, .header-icon-btn, .switch-pet-btn, .install-app-btn, .save-status, .form-section, .embedded-tool-shell, .record-item, .agenda-day, .agenda-day-event, .weight-chart, .trend-chart, .settings-panel, .settings-group, .sequence-panel, .sequence-card, .share-tool-card, .guide-section, .guide-mockup, .settings-history-list button, .settings-tabs, .settings-search-wrap, .settings-search-input, .setting-select, .setting-textarea, .form-input, .form-select, .form-textarea, .amlealt-command-bar, .amlealt-search-panel, .amlealt-search-row, .amlealt-search-chip, .amlealt-profile-card, .amlealt-profile-back, .amlealt-profile-photo, .amlealt-profile-name-input, .amlealt-species-choice, .minha-icon-menu, .minha-icon-menu-close, .minha-icon-choice, .minha-pet-icon-btn, .minha-option, .profile-edit-btn, .select-picker-popover, .select-picker-option:not(.selected), .date-picker-popover, .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .date-picker-year-select, .date-picker-year-trigger, .date-picker-year-option:not(.selected), .date-picker-year-panel, .radio-item, .checkbox-item, .chip:not(.active), .filter-btn:not(.active), .memory-card, .memory-action-btn, .memory-editor, .memory-media-button, .memory-photo-preview, .reminder-panel, .pet-ai-menu, .pet-ai-menu-item, .amlealt-ai-sheet, .amlealt-ai-drawer, .amlealt-ai-topbar, .amlealt-ai-composer, .amlealt-ai-input-row, .amlealt-ai-menu-option, .amlealt-ai-history button, .internal-browser-topbar) {
            background: #1a1a1a !important;
            border-color: #1a1a1a !important;
            color: #f8fafc !important;
        }

        body.app-theme-total :where(.save-status, .settings-stat-card, .settings-next-care, .setting-status-pill, .share-qr-box, .sequence-day, .laco-summary-card, .laco-card, .laco-society, .laco-history-metric, .laco-week-day, .laco-celebration-card, .form-section, .embedded-tool-shell, .record-item, .agenda-day, .agenda-day-event, .weight-chart, .trend-chart, .settings-panel, .settings-group, .sequence-panel, .sequence-card, .share-tool-card, .guide-section, .guide-mockup, .settings-history-list button, .settings-tabs, .settings-search-wrap, .settings-search-input, .setting-select, .setting-textarea, .form-input, .form-select, .form-textarea, .amlealt-command-bar, .amlealt-search-panel, .amlealt-search-row, .amlealt-search-chip, .amlealt-profile-card, .amlealt-profile-back, .amlealt-profile-photo, .amlealt-profile-name-input, .amlealt-species-choice, .minha-icon-menu, .minha-icon-menu-close, .minha-icon-choice, .minha-pet-icon-btn, .minha-option, .profile-edit-btn, .select-picker-popover, .select-picker-option:not(.selected), .date-picker-popover, .date-picker-day:not(.selected), .date-picker-nav, .date-picker-chip, .date-picker-year-select, .date-picker-year-trigger, .date-picker-year-option:not(.selected), .date-picker-year-panel, .radio-item, .checkbox-item, .chip:not(.active), .filter-btn:not(.active), .memory-card, .memory-action-btn, .memory-editor, .memory-media-button, .memory-photo-preview, .reminder-panel, .pet-ai-menu, .pet-ai-menu-item, .amlealt-ai-sheet, .amlealt-ai-drawer, .amlealt-ai-topbar, .amlealt-ai-composer, .amlealt-ai-input-row, .amlealt-ai-menu-option, .amlealt-ai-history button, .internal-browser-topbar) {
            background: var(--surface-primary) !important;
            border-color: var(--border-subtle) !important;
            color: var(--text-primary) !important;
        }

        body.app-theme-total :where(.settings-stat-card, .settings-next-care, .setting-status-pill, .share-qr-box, .sequence-day, .laco-summary-card, .laco-card, .laco-society, .laco-history-metric, .laco-week-day, .laco-celebration-card) {
            background: var(--surface-elevated) !important;
            background-image: none !important;
            border-color: var(--border-subtle) !important;
            box-shadow: none !important;
            color: var(--text-primary) !important;
        }

        body.app-theme-total :where(.settings-stat-card, .settings-next-care, .setting-status-pill, .share-qr-box, .sequence-day, .laco-summary-card, .laco-card, .laco-society, .laco-history-metric, .laco-week-day, .laco-celebration-card) :where(strong, span, small, p, div, h1, h2, h3, h4, h5, label, li, svg) {
            color: var(--text-primary) !important;
            stroke: currentColor !important;
        }

        body.app-theme-dim :where(button:not(:disabled):not(.active):not(.selected):not([aria-selected="true"]):not(.liquid-normal):not(.add-record-button):not(.upload-button):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.danger), a:not(.active), [role="button"]:not(.active):not(.selected), [onclick]:not(.active):not(.selected), .record-item, .agenda-day:not(.selected), .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):is(:hover, :focus, :focus-visible, :active) {
            background: #1a1a1a !important;
            border-color: #1a1a1a !important;
            color: #f8fafc !important;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24) !important;
        }

        body.app-theme-total :where(button:not(:disabled):not(.active):not(.selected):not([aria-selected="true"]):not(.liquid-normal):not(.add-record-button):not(.upload-button):not(.remove-record):not(.delete-profile-btn):not(.delete-btn):not(.btn-danger):not(.danger), a:not(.active), [role="button"]:not(.active):not(.selected), [onclick]:not(.active):not(.selected), .record-item, .agenda-day:not(.selected), .settings-tab-btn:not(.active), .settings-action-btn:not(.danger), .select-picker-option:not(.selected), .date-picker-day:not(.selected), .date-picker-year-option:not(.selected)):is(:hover, :focus, :focus-visible, :active) {
            background: var(--surface-hover) !important;
            border-color: var(--border-default) !important;
            color: var(--text-primary) !important;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38) !important;
        }

        body.app-theme-dim .routine-dock-day.active,
        body.app-theme-total .routine-dock-day.active,
        body.app-theme-dim .feeding-date-day.active,
        body.app-theme-total .feeding-date-day.active,
        body.app-theme-dim .feeding-date-year.active,
        body.app-theme-total .feeding-date-year.active,
        body.app-theme-dim .routine-dock-option.active,
        body.app-theme-total .routine-dock-option.active {
            background: var(--secondary) !important;
            border-color: var(--secondary) !important;
            color: #ffffff !important;
        }

        body.app-theme-dim .soft-click::after,
        body.app-theme-total .soft-click::after {
            background: rgba(26, 26, 26, 0.48) !important;
        }

        @keyframes amlealtSmokeOut {
            0% { opacity: 1; filter: blur(0); transform: translateY(-50%) translateX(0) scale(1); }
            100% { opacity: 0; filter: blur(8px); transform: translateY(calc(-50% - 8px)) translateX(12px) scale(1.025); }
        }

        @keyframes amlealtSmokeIn {
            0% { opacity: 0; filter: blur(8px); transform: translateY(calc(-50% + 8px)) translateX(-10px) scale(0.985); }
            100% { opacity: 1; filter: blur(0); transform: translateY(-50%) translateX(0) scale(1); }
        }

        @keyframes amlealtTargetGlow {
            0% { box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0); }
            18% { box-shadow: 0 0 0 5px rgba(var(--secondary-rgb), 0.16), 0 16px 44px rgba(var(--secondary-rgb), 0.18); }
            100% { box-shadow: 0 0 0 0 rgba(var(--secondary-rgb), 0); }
        }

        @keyframes profileEditorIn {
            from { opacity: 0; transform: translateY(18px) scale(0.985); filter: blur(6px); }
            to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
        }

        @keyframes profileDeleteVanish {
            0% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); clip-path: inset(0 0 0 0 round 24px); }
            38% { opacity: 0.86; transform: translateY(-4px) scale(0.985); filter: blur(1px); }
            100% { opacity: 0; transform: translateY(28px) scale(0.92); filter: blur(18px); clip-path: inset(0 0 100% 0 round 24px); }
        }

        @keyframes avatarSnapConfirm {
            0% { transform: scale(0.98); }
            58% { transform: scale(1.02); }
            100% { transform: scale(1); }
        }

        @media (max-width: 640px) {
            .amlealt-command-shell {
                margin: 0.72rem auto 0.9rem;
            }

            .laco-strip {
                top: auto;
                width: calc(100% - 1rem);
                margin: 1rem auto 1.05rem;
            }

            .laco-strip + .main-container {
                padding-top: var(--space-2);
            }

            .amlealt-command-bar {
                min-height: 52px;
                padding: 0 0.9rem;
            }

            .amlealt-command-placeholder {
                left: 3.12rem;
                font-size: 0.9rem;
            }

            .amlealt-search-panel {
                position: absolute;
                left: 0;
                right: 0;
                top: calc(100% + 0.55rem);
                bottom: auto;
                max-height: min(56vh, 440px);
                border-radius: 22px;
            }

            .amlealt-confirm-actions {
                grid-template-columns: 1fr;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .amlealt-command-placeholder.smoke-out,
            .amlealt-command-placeholder.smoke-in,
            .amlealt-profile-card,
            .amlealt-profile-editor.deleting .amlealt-profile-card,
            .amlealt-search-target {
                animation: none !important;
            }

            .amlealt-profile-editor {
                transition: opacity 0.12s ease;
            }
        }

        button svg,
        button img,
        .header-icon-btn,
        .switch-pet-btn,
        .minha-option,
        .minha-option-icon,
        .settings-action-btn,
        .add-record-button,
        .upload-button,
        .tab-button,
        .sub-tab-button {
            align-items: center;
        }

        button svg,
        button img,
        .minha-option-icon img,
        .switch-pet-icon,
        .minha-amlealt-icon {
            display: block;
            flex: 0 0 auto;
        }

        .header-icon-btn,
        .switch-pet-btn,
        .minha-option-icon {
            justify-content: center;
        }

        button svg,
        .section-title svg,
        .innovative-tab-icon svg,
        .amlealt-command-icon {
            stroke-linecap: round;
            stroke-linejoin: round;
            shape-rendering: geometricPrecision;
            transition: transform 0.2s ease, filter 0.2s ease, color 0.2s ease, opacity 0.2s ease;
        }

        button svg {
            width: 1.16em;
            height: 1.16em;
            min-width: 1.16em;
            min-height: 1.16em;
        }

        .header-icon-btn svg,
        .block-control-btn svg,
        .amlealt-ai-icon-btn svg,
        .settings-action-btn svg {
            width: 20px;
            height: 20px;
        }

        .tab-button svg,
        .innovative-tab-icon svg {
            width: 22px;
            height: 22px;
        }

        .section-title svg,
        .minha-option-icon svg {
            width: 21px;
            height: 21px;
        }

        .header-icon-btn,
        .block-control-btn,
        .amlealt-ai-icon-btn,
        .minha-option-icon,
        .tab-button,
        .sub-tab-button {
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        @media (hover: hover) and (pointer: fine) {
            button:hover svg,
            button:focus-visible svg,
            .minha-option:hover .minha-option-icon,
            .minha-option:focus-visible .minha-option-icon {
                transform: translateY(-1px);
                filter: drop-shadow(0 6px 12px rgba(var(--secondary-rgb), 0.18));
            }
        }

        .header-actions {
            gap: 0.12rem;
            flex-wrap: nowrap;
        }

        .header-actions .switch-pet-btn,
        .header-actions .minha-amlealt-btn {
            width: 58px;
            height: 58px;
            min-height: 58px;
            margin: 0;
        }

        .header-actions .switch-pet-icon,
        .header-actions .minha-amlealt-icon {
            transform: none !important;
            filter: none !important;
        }

        .header:not(.scrolled) .header-search-btn {
            display: none !important;
            width: 0 !important;
            height: 0 !important;
            min-width: 0 !important;
            min-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: 0 !important;
        }

        .header.scrolled .header-search-btn {
            display: inline-flex !important;
        }

        .amlealt-ai-input-row {
            grid-template-columns: minmax(0, 1fr) 38px 38px !important;
            gap: 0.32rem !important;
        }

        .amlealt-ai-input-row:focus,
        .amlealt-ai-input-row:focus-within,
        .amlealt-ai-input:focus,
        .amlealt-ai-input:active,
        .amlealt-ai-input:focus-visible {
            outline: none !important;
            border-color: rgba(148, 163, 184, 0.24) !important;
            box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08) !important;
        }

        .amlealt-ai-input:focus,
        .amlealt-ai-input:active,
        .amlealt-ai-input:focus-visible {
            border: 0 !important;
            box-shadow: none !important;
        }

        .amlealt-ai-send,
        .amlealt-ai-audio {
            width: 36px !important;
            height: 36px !important;
            min-width: 36px !important;
            min-height: 36px !important;
        }

        .amlealt-ai-send svg,
        .amlealt-ai-audio svg {
            width: 18px !important;
            height: 18px !important;
            min-width: 18px !important;
            min-height: 18px !important;
        }
    

        body.app-theme-total .point-toast,
        body.app-theme-total .save-status {
            background: #ffffff !important;
            background-image: none !important;
            border-color: #ffffff !important;
            color: #000000 !important;
            text-shadow: none !important;
        }

        body.app-theme-total .point-toast :where(span, strong, small, div),
        body.app-theme-total .save-status :where(span, strong, small, div) {
            color: #000000 !important;
        }

/* Movimento e legibilidade: uma linguagem comum às duas versões. */
:root {
    --motion-fast: 140ms;
    --motion-normal: 220ms;
    --motion-sheet: 320ms;
    --motion-ease: cubic-bezier(.2,.8,.2,1);
    --secondary-ink: #fff;
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; touch-action: manipulation; }
body :where(button, a, input, textarea, select, [role="button"]):focus-visible {
    outline: 3px solid var(--secondary) !important;
    outline-offset: 3px;
}

.minha-profile-action-btn:not([hidden]),
.minha-profile-action-btn:not([hidden]):hover,
.minha-profile-action-btn:not([hidden]):focus,
.minha-profile-action-btn:not([hidden]):focus-visible,
.minha-profile-action-btn:not([hidden]):active,
.minha-profile-action-follow:not([hidden]),
.minha-profile-action-follow:not([hidden]):hover,
.minha-profile-action-follow:not([hidden]):focus,
.minha-profile-action-follow:not([hidden]):focus-visible,
.minha-profile-action-follow:not([hidden]):active,
#minhaProfileActionBtn:not([hidden]),
#minhaProfileActionBtn:not([hidden]):hover,
#minhaProfileActionBtn:not([hidden]):focus,
#minhaProfileActionBtn:not([hidden]):focus-visible,
#minhaProfileActionBtn:not([hidden]):active,
#minhaAccessSocialBtn:not([hidden]),
#minhaAccessSocialBtn:not([hidden]):hover,
#minhaAccessSocialBtn:not([hidden]):focus,
#minhaAccessSocialBtn:not([hidden]):focus-visible,
#minhaAccessSocialBtn:not([hidden]):active {
    background: #ffffff !important;
    color: var(--secondary) !important;
    border: 0 !important;
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18) !important;
    opacity: 1 !important;
    visibility: visible;
    filter: none !important;
    transform: none !important;
    outline: none !important;
    transition: none !important;
    -webkit-tap-highlight-color: transparent;
}
body :where(.form-input, .form-select, .form-textarea) { font-size: 1rem; }
body :where(.form-label, .settings-hint) { font-size: .875rem; line-height: 1.5; }
body :where(.liquid-normal, .upload-button, .add-record-button) { color: var(--secondary-ink) !important; }
body :where(.liquid-normal, .upload-button, .add-record-button) > span { color: inherit !important; }
body .exam-series { width: 100%; min-width: 0; padding: 1rem; border: 1px solid var(--gray-200); border-radius: 16px; }
body #examTrendChart { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); height: auto; align-items: start; gap: 1rem; }
body .exam-series svg { width: 100%; height: 90px; display: block; margin: .75rem 0; color: var(--secondary); }
body .exam-series table { width: 100%; font-size: .875rem; border-collapse: collapse; }
body .exam-series th, body .exam-series td { text-align: left; padding: .4rem; border-bottom: 1px solid var(--gray-200); }
body .exam-series summary { cursor: pointer; min-height: 36px; }
body :where(.form-section, .record-item, .embedded-tool-shell) {
    transition: transform var(--motion-normal) var(--motion-ease), opacity var(--motion-normal) var(--motion-ease), border-color var(--motion-fast) ease;
}
body :where(button, .settings-action-btn, .tab-button) {
    transition: transform var(--motion-fast) var(--motion-ease), opacity var(--motion-fast) ease, background-color var(--motion-fast) ease;
}
body :where(button, .settings-action-btn):active:not(:disabled) { transform: scale(.975); }
body :where(.tab-content.active, .health-sub-content.active) { animation: none !important; }
body :where(.form-section, .record-item, .recipe-card, .danger-card, .meal-item) {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
body :where(.form-section, .record-item) { scroll-margin-top: 6rem; }
body :where(.tab-button, .header-icon-btn, .attachment-action, .symptom-icon-btn) { min-height: 44px; }
body .save-status.saved { background: #14532d; color: #fff; }
body .save-status.error { background: #991b1b; color: #fff; }
body .save-status.error #saveMessage, body .save-status.saved #saveMessage { color: #fff !important; }
#saveStatus.show.saving:not(.amlealt-toast-message),
#saveStatus.show.saved:not(.amlealt-toast-message) {
    opacity: 0 !important;
    transform: translateY(-10px) scale(0.96) !important;
    pointer-events: none !important;
}
#saveStatus.show.error,
#saveStatus.show.amlealt-toast-message {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
}
body .routine-legacy-label { display: inline-block; margin: .3rem 0; color: #64748b; font-size: .8rem; }
body .home-returning { animation: amlealtReturn 240ms var(--motion-ease) both !important; }
body .amlealt-command-placeholder { animation-duration: 220ms; }
body.amlealt-page-hidden *, body.amlealt-page-hidden *::before, body.amlealt-page-hidden *::after { animation-play-state: paused !important; }
body :where(.date-picker-popover, .select-picker-popover) { animation-duration: var(--motion-normal) !important; }
body :where(.date-picker-popover.closing, .select-picker-popover.closing) { animation-duration: 160ms !important; }
@keyframes amlealtReturn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (hover: hover) and (pointer: fine) {
    body .profile-card:hover { transform: translateY(-3px); }
    body :where(.form-section, .record-item):hover { transform: none; }
}
@media (max-width: 640px) {
    body :where(.settings-overlay, .minha-amlealt-panel, .innovative-more-menu) { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
    body .form-section { padding: 1rem; }
}
body.custom-motion-reduced *, body.custom-motion-reduced *::before, body.custom-motion-reduced *::after {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}


        /* --- AUTENTICACAO SUPABASE AMLEALT --- */
        body.amlealt-auth-pending,
        body.amlealt-auth-required {
            min-height: 100dvh;
            overflow: hidden;
            background:
                radial-gradient(circle at 16% 12%, rgba(var(--secondary-rgb), 0.10), transparent 30%),
                radial-gradient(circle at 86% 18%, rgba(6, 182, 212, 0.08), transparent 28%),
                #fbfdff;
        }

        body.amlealt-auth-pending #home-view,
        body.amlealt-auth-pending #app-view,
        body.amlealt-auth-required #home-view,
        body.amlealt-auth-required #app-view {
            display: none !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }

        #auth-view[hidden] {
            display: none !important;
        }

        #auth-view {
            position: fixed;
            inset: 0;
            z-index: 10000;
            min-height: 100dvh;
            padding: max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: auto;
            color: #0f172a;
            background:
                radial-gradient(circle at 10% 16%, rgba(var(--secondary-rgb), 0.12), transparent 31%),
                radial-gradient(circle at 84% 8%, rgba(6, 182, 212, 0.08), transparent 28%),
                linear-gradient(135deg, #ffffff 0%, #f8fbff 48%, #eef6ff 100%);
            isolation: isolate;
        }

        #auth-view::before {
            content: "";
            position: fixed;
            inset: 0;
            background-image:
                linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
            background-size: 42px 42px;
            mask-image: radial-gradient(circle at 50% 42%, black, transparent 70%);
            opacity: 0.42;
            pointer-events: none;
            z-index: -1;
        }

        .amlealt-auth-shell {
            width: min(1120px, 100%);
            min-height: min(720px, calc(100dvh - 44px));
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(380px, 460px);
            gap: clamp(28px, 5vw, 76px);
            align-items: center;
            animation: authShellIn 520ms cubic-bezier(.16,.84,.24,1) both;
        }

        .amlealt-auth-brand {
            display: flex;
            flex-direction: column;
            gap: clamp(24px, 4vw, 44px);
            align-self: stretch;
            justify-content: center;
            min-width: 0;
        }

        .amlealt-auth-logo-wrap {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            max-width: 100%;
            padding: 10px 0;
        }

        .amlealt-auth-logo {
            width: min(260px, 64vw);
            height: auto;
            object-fit: contain;
        }

        .amlealt-auth-copy {
            max-width: 520px;
        }

        .amlealt-auth-kicker {
            margin-bottom: 1rem;
            color: rgba(var(--secondary-rgb), 0.88);
            font-size: 0.78rem;
            font-weight: 800;
            letter-spacing: 0.16em;
            text-transform: uppercase;
        }

        .amlealt-auth-title {
            margin: 0;
            color: #0b1220;
            font-size: clamp(2.4rem, 6vw, 5rem);
            font-weight: 760;
            line-height: 0.95;
            letter-spacing: 0;
            max-width: 650px;
        }

        .amlealt-auth-subtitle {
            margin-top: 1.35rem;
            max-width: 520px;
            color: #536179;
            font-size: clamp(1rem, 1.7vw, 1.14rem);
            line-height: 1.65;
            font-weight: 500;
        }

        .amlealt-auth-signals {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0.8rem;
            max-width: 560px;
        }

        .amlealt-auth-signal {
            min-height: 104px;
            padding: 1rem;
            border: 1px solid rgba(148, 163, 184, 0.22);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.56);
            box-shadow: 0 18px 40px rgba(15, 23, 42, 0.05);
        }

        .amlealt-auth-signal span {
            display: block;
            width: 26px;
            height: 26px;
            margin-bottom: 1rem;
            border-radius: 999px;
            background: linear-gradient(135deg, rgba(var(--secondary-rgb), 0.92), rgba(6, 182, 212, 0.72));
            box-shadow: 0 12px 26px rgba(var(--secondary-rgb), 0.16);
        }

        .amlealt-auth-signal strong {
            display: block;
            color: #172033;
            font-size: 0.88rem;
            font-weight: 800;
            line-height: 1.25;
        }

        .amlealt-auth-signal small {
            display: block;
            margin-top: 0.35rem;
            color: #64748b;
            font-size: 0.76rem;
            line-height: 1.35;
            font-weight: 600;
        }

        .amlealt-auth-panel {
            position: relative;
            width: 100%;
            padding: clamp(1.2rem, 3vw, 1.8rem);
            border: 1px solid rgba(148, 163, 184, 0.24);
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.84);
            box-shadow: 0 30px 80px rgba(15, 23, 42, 0.12);
            backdrop-filter: blur(26px) saturate(1.25);
            -webkit-backdrop-filter: blur(26px) saturate(1.25);
        }

        .amlealt-auth-panel::before {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: 33px;
            background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,0));
            pointer-events: none;
        }

        .amlealt-auth-loading {
            position: relative;
            min-height: 420px;
            display: none;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 1rem;
            text-align: center;
        }

        body.amlealt-auth-pending .amlealt-auth-loading {
            display: flex;
        }

        body.amlealt-auth-pending .amlealt-auth-form-shell {
            display: none;
        }

        .amlealt-auth-loader-mark {
            width: 44px;
            height: 44px;
            border-radius: 999px;
            border: 1px solid rgba(var(--secondary-rgb), 0.22);
            border-top-color: var(--secondary);
            animation: authSpin 820ms linear infinite;
        }

        .amlealt-auth-loading strong {
            color: #111827;
            font-size: 1.05rem;
            font-weight: 800;
        }

        .amlealt-auth-loading span {
            color: #64748b;
            font-size: 0.92rem;
            font-weight: 600;
        }

        .amlealt-auth-form-shell {
            position: relative;
            display: flex;
            flex-direction: column;
            gap: 1.1rem;
        }

        .amlealt-auth-panel-head {
            display: flex;
            flex-direction: column;
            gap: 0.35rem;
        }

        .amlealt-auth-panel-head h2 {
            margin: 0;
            color: #0f172a;
            font-size: clamp(1.65rem, 3vw, 2.05rem);
            line-height: 1.1;
            font-weight: 820;
            letter-spacing: 0;
        }

        .amlealt-auth-panel-head p {
            margin: 0;
            color: #64748b;
            font-size: 0.95rem;
            line-height: 1.5;
            font-weight: 560;
        }

        .amlealt-auth-tabs {
            position: relative;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 0.35rem;
            padding: 0.35rem;
            border: 1px solid rgba(148, 163, 184, 0.18);
            border-radius: 999px;
            background: rgba(241, 245, 249, 0.86);
        }

        .amlealt-auth-tab {
            min-height: 42px;
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: #64748b;
            cursor: pointer;
            font: inherit;
            font-size: 0.9rem;
            font-weight: 800;
            transition: color 180ms ease, background 180ms ease, box-shadow 180ms ease, transform 180ms ease;
        }

        .amlealt-auth-tab.active {
            background: #ffffff;
            color: #111827;
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
        }

        .amlealt-auth-google-button {
            width: 100%;
            min-height: 54px;
            border: 1px solid rgba(148, 163, 184, 0.34);
            border-radius: 18px;
            background: #ffffff;
            color: #1f2937;
            cursor: pointer;
            font: inherit;
            font-size: 0.96rem;
            font-weight: 820;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.7rem;
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
            transition: transform 180ms cubic-bezier(.16,.84,.24,1), box-shadow 180ms ease, border-color 180ms ease, opacity 180ms ease;
        }

        .amlealt-auth-google-button .google-icon {
            width: 21px;
            height: 21px;
            flex: 0 0 auto;
        }

        .amlealt-auth-google-button:disabled {
            cursor: not-allowed;
            opacity: 0.64;
            transform: none !important;
            box-shadow: none;
        }

        .amlealt-auth-divider {
            display: flex;
            align-items: center;
            gap: 0.8rem;
            color: #94a3b8;
            font-size: 0.78rem;
            font-weight: 800;
            text-transform: lowercase;
        }

        .amlealt-auth-divider::before,
        .amlealt-auth-divider::after {
            content: "";
            height: 1px;
            flex: 1;
            background: rgba(148, 163, 184, 0.28);
        }

        .amlealt-auth-stage {
            position: relative;
            min-height: 356px;
        }

        .amlealt-auth-form {
            display: none;
            flex-direction: column;
            gap: 0.92rem;
            animation: authFormIn 260ms cubic-bezier(.16,.84,.24,1) both;
        }

        .amlealt-auth-form.active {
            display: flex;
        }

        .amlealt-auth-field {
            display: flex;
            flex-direction: column;
            gap: 0.42rem;
        }

        .amlealt-auth-field label {
            color: #263247;
            font-size: 0.82rem;
            font-weight: 760;
        }

        .amlealt-auth-input-wrap {
            position: relative;
        }

        .amlealt-auth-input {
            width: 100%;
            height: 54px;
            padding: 0 1rem;
            border: 1px solid rgba(148, 163, 184, 0.28);
            border-radius: 18px;
            background: rgba(255, 255, 255, 0.92);
            color: #0f172a;
            font: inherit;
            font-size: 1rem;
            outline: none;
            transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
        }

        .amlealt-auth-input[type="password"],
        .amlealt-auth-input[data-has-toggle="true"] {
            padding-right: 3.1rem;
        }

        .amlealt-auth-input:focus {
            border-color: rgba(var(--secondary-rgb), 0.58);
            box-shadow: 0 0 0 4px rgba(var(--secondary-rgb), 0.11);
            background: #ffffff;
        }

        .amlealt-auth-input::placeholder {
            color: #9aa7b8;
        }

        .amlealt-auth-input:-webkit-autofill,
        .amlealt-auth-input:-webkit-autofill:hover,
        .amlealt-auth-input:-webkit-autofill:focus {
            -webkit-text-fill-color: #0f172a;
            box-shadow: 0 0 0 1000px #ffffff inset, 0 0 0 4px rgba(var(--secondary-rgb), 0.08);
            transition: background-color 9999s ease-out;
        }

        .amlealt-auth-password-toggle {
            position: absolute;
            right: 0.45rem;
            top: 50%;
            width: 42px;
            height: 42px;
            transform: translateY(-50%);
            border: 0;
            border-radius: 999px;
            background: transparent;
            color: #64748b;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }

        .amlealt-auth-password-toggle svg {
            width: 19px;
            height: 19px;
        }

        .amlealt-auth-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 0.75rem;
            min-height: 24px;
        }

        .amlealt-auth-link {
            border: 0;
            padding: 0;
            background: transparent;
            color: var(--secondary);
            cursor: pointer;
            font: inherit;
            font-size: 0.86rem;
            font-weight: 800;
            text-decoration: none;
        }

        .amlealt-auth-message {
            min-height: 42px;
            padding: 0.68rem 0.78rem;
            border: 1px solid transparent;
            border-radius: 16px;
            color: #64748b;
            background: rgba(241, 245, 249, 0.72);
            font-size: 0.86rem;
            line-height: 1.35;
            font-weight: 650;
            opacity: 0;
            transform: translateY(-2px);
            transition: opacity 180ms ease, transform 180ms ease;
        }

        .amlealt-auth-message.show {
            opacity: 1;
            transform: translateY(0);
        }

        .amlealt-auth-message.error {
            border-color: rgba(239, 68, 68, 0.20);
            color: #991b1b;
            background: rgba(254, 242, 242, 0.92);
        }

        .amlealt-auth-message.success {
            border-color: rgba(16, 185, 129, 0.18);
            color: #047857;
            background: rgba(236, 253, 245, 0.92);
        }

        .amlealt-auth-button {
            width: 100%;
            min-height: 54px;
            border: 0;
            border-radius: 18px;
            cursor: pointer;
            font: inherit;
            font-size: 0.96rem;
            font-weight: 850;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.55rem;
            transition: transform 180ms cubic-bezier(.16,.84,.24,1), box-shadow 180ms ease, background 180ms ease, opacity 180ms ease;
        }

        .amlealt-auth-button.primary {
            background: #101828;
            color: #ffffff;
            box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
        }

        .amlealt-auth-button.secondary {
            border: 1px solid rgba(148, 163, 184, 0.24);
            background: rgba(255, 255, 255, 0.72);
            color: #172033;
            box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
        }

        .amlealt-auth-button:disabled {
            cursor: not-allowed;
            opacity: 0.64;
            transform: none !important;
            box-shadow: none;
        }

        .amlealt-auth-spinner {
            width: 17px;
            height: 17px;
            border-radius: 999px;
            border: 2px solid rgba(255, 255, 255, 0.36);
            border-top-color: #ffffff;
            animation: authSpin 760ms linear infinite;
        }

        .amlealt-auth-footnote {
            text-align: center;
            color: #64748b;
            font-size: 0.88rem;
            font-weight: 650;
        }

        .amlealt-auth-state-card {
            min-height: 356px;
            display: none;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 1rem;
            text-align: center;
            animation: authFormIn 260ms cubic-bezier(.16,.84,.24,1) both;
        }

        .amlealt-auth-state-card.active {
            display: flex;
        }

        .amlealt-auth-state-icon {
            width: 58px;
            height: 58px;
            border-radius: 20px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: var(--secondary);
            background: rgba(var(--secondary-rgb), 0.09);
            box-shadow: inset 0 0 0 1px rgba(var(--secondary-rgb), 0.12);
        }

        .amlealt-auth-state-icon svg {
            width: 28px;
            height: 28px;
        }

        .amlealt-auth-state-card h3 {
            margin: 0;
            color: #0f172a;
            font-size: 1.45rem;
            line-height: 1.15;
            font-weight: 850;
        }

        .amlealt-auth-state-card p {
            margin: 0;
            max-width: 330px;
            color: #64748b;
            font-size: 0.96rem;
            line-height: 1.55;
            font-weight: 560;
        }

        .amlealt-auth-state-card strong {
            color: #263247;
            font-weight: 820;
            overflow-wrap: anywhere;
        }

        .amlealt-auth-actions {
            width: 100%;
            display: grid;
            gap: 0.65rem;
            margin-top: 0.45rem;
        }

        .amlealt-auth-session-card {
            display: grid;
            gap: 0.65rem;
        }

        .amlealt-auth-session-card .setting-status-pill {
            width: fit-content;
        }

        @media (hover: hover) and (pointer: fine) {
            .amlealt-auth-tab:hover,
            .amlealt-auth-link:hover,
            .amlealt-auth-password-toggle:hover {
                color: #0f172a;
            }

            .amlealt-auth-button:hover:not(:disabled) {
                transform: translateY(-1px);
                box-shadow: 0 20px 42px rgba(15, 23, 42, 0.16);
            }

            .amlealt-auth-google-button:hover:not(:disabled) {
                transform: translateY(-1px);
                border-color: rgba(148, 163, 184, 0.52);
                box-shadow: 0 16px 32px rgba(15, 23, 42, 0.09);
            }
        }

        @media (max-width: 860px) {
            #auth-view {
                align-items: flex-start;
            }

            .amlealt-auth-shell {
                min-height: auto;
                grid-template-columns: 1fr;
                gap: 1.25rem;
                padding: 0;
            }

            .amlealt-auth-brand {
                gap: 1.1rem;
                align-items: center;
                text-align: center;
                justify-content: flex-start;
            }

            .amlealt-auth-logo {
                width: min(210px, 66vw);
            }

            .amlealt-auth-copy {
                max-width: 440px;
            }

            .amlealt-auth-title {
                font-size: clamp(2.05rem, 11vw, 3rem);
            }

            .amlealt-auth-subtitle {
                margin-top: 0.85rem;
                font-size: 0.98rem;
            }

            .amlealt-auth-signals {
                display: none;
            }

            .amlealt-auth-panel {
                border-radius: 28px;
                padding: 1rem;
            }
        }

        @media (max-width: 520px) {
            #auth-view {
                padding: max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
            }

            .amlealt-auth-kicker {
                margin-bottom: 0.65rem;
                font-size: 0.68rem;
            }

            .amlealt-auth-subtitle {
                display: none;
            }

            .amlealt-auth-stage,
            .amlealt-auth-state-card {
                min-height: 330px;
            }

            .amlealt-auth-input,
            .amlealt-auth-button {
                min-height: 52px;
                height: 52px;
            }
        }

        body.app-theme-total #auth-view {
            color: #f8fafc;
            background: #000000;
            background-image: none;
        }

        body.app-theme-total #auth-view::before {
            opacity: 0;
            background: none;
        }

        body.app-theme-total .amlealt-auth-title,
        body.app-theme-total .amlealt-auth-panel-head h2,
        body.app-theme-total .amlealt-auth-state-card h3,
        body.app-theme-total .amlealt-auth-loading strong {
            color: #f8fafc;
        }

        body.app-theme-total .amlealt-auth-subtitle,
        body.app-theme-total .amlealt-auth-panel-head p,
        body.app-theme-total .amlealt-auth-footnote,
        body.app-theme-total .amlealt-auth-loading span,
        body.app-theme-total .amlealt-auth-state-card p {
            color: #cbd5e1;
        }

        body.app-theme-total .amlealt-auth-panel,
        body.app-theme-total .amlealt-auth-signal {
            border-color: #000000;
            background: #000000;
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.34);
        }

        body.app-theme-total .amlealt-auth-panel::before {
            background: none;
        }

        body.app-theme-total .amlealt-auth-tabs,
        body.app-theme-total .amlealt-auth-input,
        body.app-theme-total .amlealt-auth-button.secondary,
        body.app-theme-total .amlealt-auth-message {
            border-color: #000000;
            background: #000000;
            color: #f8fafc;
        }

        body.app-theme-total .amlealt-auth-tab.active {
            background: rgba(255,255,255,0.10);
            color: #ffffff;
        }

        body.app-theme-total .amlealt-auth-field label,
        body.app-theme-total .amlealt-auth-signal strong,
        body.app-theme-total .amlealt-auth-state-card strong {
            color: #e5e7eb;
        }

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

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

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


        /* --- AUTH CLEAN CENTER OVERRIDE --- */

        /* --- MINHA CONTA + SYNC STATUS --- */
        .minha-option-text {
            min-width: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 2px;
        }

        .minha-option-text > span {
            line-height: 1.15;
        }

        .minha-option-text small {
            color: var(--text-secondary);
            font-size: 11px;
            font-weight: 700;
            line-height: 1.25;
            opacity: .78;
        }

        .minha-option.logout-option {
            color: #9f443f;
        }

        .minha-option.logout-option .minha-option-icon {
            background: rgba(159, 68, 63, .08);
            border-color: rgba(159, 68, 63, .14);
            color: #9f443f;
        }

        .minha-option-icon svg {
            width: 24px;
            height: 24px;
            stroke: currentColor;
        }

        .amlealt-account-card {
            margin-top: 14px;
            border: 1px solid rgba(37, 99, 235, .10);
            background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.92));
            border-radius: 26px;
            padding: 24px;
            box-shadow: 0 18px 50px rgba(31, 56, 88, .10);
            display: grid;
            gap: 18px;
        }

        .amlealt-account-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 18px;
        }

        .amlealt-account-actions > button { flex: 1 1 140px; }
        .amlealt-account-name-form:not([hidden]) {
            display: grid;
            gap: 10px;
            padding: 20px;
            margin-top: 18px;
            border-radius: 20px;
            border: 1px solid var(--border-subtle, #e2e8f0);
            background: var(--surface-secondary, #f8fafc);
        }
        .amlealt-account-name-form input {
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
            padding: 12px;
            border: 1px solid var(--border-subtle, #e2e8f0);
            border-radius: 12px;
            color: var(--text-primary);
            background: var(--surface-primary, #fff);
            font: inherit;
        }
        .amlealt-account-name-form p { margin: 0; color: var(--text-secondary); }
        .amlealt-account-name-form .amlealt-account-actions { margin-top: 0; }

        .amlealt-account-avatar {
            width: 74px;
            height: 74px;
            border-radius: 24px;
            display: grid;
            place-items: center;
            color: #2563eb;
            background: radial-gradient(circle at 28% 24%, rgba(85, 166, 255, .35), rgba(37, 99, 235, .10) 62%, rgba(255,255,255,.74));
            border: 1px solid rgba(37, 99, 235, .12);
        }

        .amlealt-account-avatar svg {
            width: 34px;
            height: 34px;
            stroke: currentColor;
        }

        .amlealt-account-name {
            margin: 0;
            color: var(--text-primary);
            font-size: 24px;
            font-weight: 900;
            letter-spacing: 0;
            line-height: 1.1;
        }

        .amlealt-account-email {
            margin: 6px 0 0;
            color: var(--text-secondary);
            font-size: 14px;
            font-weight: 700;
            overflow-wrap: anywhere;
        }

        .amlealt-account-status {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            padding: 16px;
            border-radius: 20px;
            background: rgba(37, 99, 235, .06);
            color: var(--text-primary);
        }

        .amlealt-account-status-mark {
            flex: 0 0 auto;
            width: 28px;
            height: 28px;
            border-radius: 999px;
            display: grid;
            place-items: center;
            color: white;
            background: linear-gradient(135deg, #3157ff, #41b8f4);
            font-weight: 900;
        }

        .amlealt-account-status strong {
            display: block;
            font-size: 14px;
            margin-bottom: 3px;
        }

        .amlealt-account-status span {
            display: block;
            color: var(--text-secondary);
            font-size: 13px;
            line-height: 1.45;
        }

        body.amlealt-auth-pending,
        body.amlealt-auth-required {
            overflow: auto;
        }

        #auth-view {
            align-items: center;
            justify-content: center;
        }

        .amlealt-auth-shell {
            width: min(460px, 100%);
            min-height: auto;
            grid-template-columns: 1fr;
            gap: 1.15rem;
            align-items: center;
            justify-items: center;
        }

        .amlealt-auth-brand {
            width: 100%;
            align-self: auto;
            align-items: center;
            justify-content: center;
            gap: 0;
        }

        .amlealt-auth-logo-wrap {
            justify-content: center;
            margin: 0 auto;
            padding: 0;
        }

        .amlealt-auth-logo {
            width: min(190px, 58vw);
        }

        .amlealt-auth-copy,
        .amlealt-auth-signals {
            display: none !important;
        }

        .amlealt-auth-panel {
            max-width: 460px;
            margin: 0 auto;
        }

        @media (max-width: 860px) {
            #auth-view {
                align-items: center;
            }

            .amlealt-auth-shell {
                width: min(460px, 100%);
                gap: 0.95rem;
            }

            .amlealt-auth-brand {
                justify-content: center;
            }
        }

        @media (max-width: 520px) {
            #auth-view {
                padding: max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));
            }

            .amlealt-auth-shell {
                gap: 0.72rem;
            }

            .amlealt-auth-logo {
                width: min(154px, 52vw);
            }

            .amlealt-auth-panel {
                border-radius: 26px;
            }
        }

        /* Plus customization and semantic dark surfaces. */
        .new-pet-card-locked { opacity: .78; border: 1px dashed var(--secondary); cursor: pointer; }
        .new-pet-card-locked small { display: block; max-width: 17rem; text-align: center; color: var(--gray-600); }
        .amlealt-ai-monthly-status { padding: .45rem .8rem; font-size: .8rem; color: var(--gray-600); }
        .minha-social-plus-badge { width: min(76px, 24vw); height: auto; object-fit: contain; margin-bottom: .25rem; }
        .minha-social-plus-badge[hidden], .minha-social-member-card[hidden] { display: none; }
        .minha-social-member-card { cursor: default; grid-template-columns: clamp(54px, 9vw, 74px) minmax(0, 1fr); }
        .minha-social-member-card .minha-social-member-copy { display: grid; gap: 0.24rem; min-width: 0; }
        .minha-social-member-card img { justify-self: start; width: clamp(54px, 9vw, 74px); height: clamp(42px, 7vw, 58px); object-fit: contain; }
        .minha-social-connections-overlay { position: fixed; inset: 0; z-index: 25000; background: rgba(0,0,0,.55); display: flex; align-items: stretch; justify-content: center; padding: 0; }
        .minha-social-connections-panel { width: 100%; height: 100%; max-height: none; overflow: auto; background: var(--surface-primary,#fff); color: var(--text-primary,#0f172a); border-radius: 0; box-shadow: none; display: flex; flex-direction: column; }
        .minha-social-connections-panel header { position: sticky; top: 0; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: max(1rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) 1rem max(1.25rem, env(safe-area-inset-left)); border-bottom: 1px solid var(--border-subtle,#e2e8f0); background: inherit; }
        .minha-social-connections-panel header button { border: 0; background: transparent; color: inherit; font-size: 1.7rem; cursor: pointer; }
        .minha-social-connections-list { flex: 1; width: min(760px, 100%); margin: 0 auto; padding: .8rem max(.8rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(.8rem, env(safe-area-inset-left)); min-height: 5rem; overflow: auto; }
        .minha-social-connection { width: 100%; display: flex; align-items: center; gap: .8rem; padding: .7rem; border: 0; border-radius: 12px; background: transparent; color: inherit; text-align: left; cursor: pointer; }
        .minha-social-connection:hover { background: var(--surface-hover,#f1f5f9); }
        .minha-social-connection .minha-social-avatar { flex: 0 0 42px; width: 42px; height: 42px; }
        .minha-social-connection small { display: block; color: var(--text-secondary,#64748b); }
        .minha-social-micro-plus { font-size: .65rem; color: #d97706; font-weight: 700; }
        .amlealt-premium-heading { display: flex; align-items: center; gap: .5rem; margin-bottom: .35rem; }
        .amlealt-premium-heading span { border-radius: 99px; padding: .15rem .55rem; background: rgba(var(--secondary-rgb),.12); color: var(--secondary); font-size: .7rem; font-weight: 700; }
        .amlealt-premium-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: .8rem; margin-top: 1rem; }
        .amlealt-premium-grid label { display: grid; gap: .35rem; font-size: .8rem; }
        .amlealt-premium-grid input { min-height: 42px; width: 100%; background: var(--surface-primary,#fff); color: var(--text-primary,#0f172a); border: 1px solid var(--border-subtle,#cbd5e1); border-radius: 10px; padding: .4rem; }
        .amlealt-premium-preview { margin: 1rem 0; border: 1px solid var(--preview-accent,#1317f0); border-radius: 16px; padding: .8rem 1rem; display: grid; gap: .2rem; background: var(--surface-primary,#fff); color: var(--text-primary,#0f172a); }
        .amlealt-premium-preview span { color: var(--preview-accent,#1317f0); font-size: .7rem; font-weight: 700; }
        .amlealt-premium-preview small { color: var(--text-secondary,#64748b); }
        .amlealt-premium-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
        .amlealt-premium-settings.locked .amlealt-premium-grid { opacity: .58; }
        body[data-premium-density="comfortable"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { padding: 1.3rem; }
        body[data-premium-density="compact"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { padding: .65rem; }
        body[data-premium-density="compact"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { gap: .4rem; }
        body[data-premium-radius="soft"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card,.setting-select) { border-radius: 8px; }
        body[data-premium-radius="rounded"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card,.setting-select) { border-radius: 22px; }
        body[data-premium-cards="clean"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { box-shadow: none; border: 1px solid var(--border-subtle,#e2e8f0); }
        body[data-premium-cards="glass"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { background: color-mix(in srgb,var(--surface-primary,#fff) 72%,transparent); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
        body[data-premium-cards="elevated"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { background: var(--surface-elevated,#fff); box-shadow: 0 16px 36px rgba(0,0,0,.15); }
        body[data-premium-shadows="none"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { box-shadow: none; }
        body[data-premium-shadows="soft"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { box-shadow: 0 3px 12px rgba(0,0,0,.08); }
        body[data-premium-shadows="strong"] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { box-shadow: 0 18px 42px rgba(0,0,0,.22); }
        body[data-premium-gradients="on"] .profile-card { background-image: linear-gradient(145deg,transparent,rgba(var(--secondary-rgb),.07)); }
        body[data-premium-gradients="off"] .profile-card { background-image: none; }
        body[data-premium-pet-photo="circle"] :where(.profile-avatar,.minha-profile-photo-frame) { border-radius: 50%; }
        body[data-premium-pet-photo="square"] :where(.profile-avatar,.minha-profile-photo-frame) { border-radius: 12px; }
        body[data-premium-card-size="compact"] :where(.minha-stat-card,.settings-stat-card,.profile-card) { padding: .65rem; }
        body[data-premium-card-size="wide"] :where(.minha-stat-card,.settings-stat-card,.profile-card) { padding: 1.5rem; }
        body[data-premium-header="compact"] .header { min-height: 54px; padding-block: .35rem; }
        body[data-premium-header="minimal"] .header { min-height: 50px; box-shadow: none; border-bottom: 1px solid var(--border-subtle,#e2e8f0); }
        body[data-premium-background="none"] :where(body,#home-view,#app-view) { background-image: none; }
        body[data-premium-background="soft"] #app-view { background: var(--surface-secondary,#f8fafc); }
        body[data-premium-background="secondary"] #app-view { background: linear-gradient(145deg,rgba(var(--secondary-rgb),.045),var(--surface-page,#fff)); }
        body[data-premium-animations="reduced"] *, body[data-premium-animations="none"] * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
        body[data-premium-animations="soft"] * { animation-duration: .2s; transition-duration: .2s; }
        @media (prefers-reduced-motion: reduce) { body[data-premium-animations="full"] *, body[data-premium-animations="soft"] * { animation-duration: .01ms !important; transition-duration: .01ms !important; } }
        :root { --surface-page:#ffffff; --surface-primary:#ffffff; --surface-secondary:#f8fafc; --surface-elevated:#ffffff; --surface-hover:#f1f5f9; --text-primary:#0f172a; --text-secondary:#475569; --text-muted:#64748b; --border-subtle:#e2e8f0; --border-default:#cbd5e1; --shadow-soft:0 3px 12px rgba(0,0,0,.08); }
        body.app-theme-total { --secondary:#3b82ff; --secondary-rgb:59,130,255; --surface-page:#000000; --surface-primary:#000000; --surface-secondary:#000000; --surface-elevated:#000000; --surface-hover:#000000; --text-primary:#ffffff; --text-secondary:#ffffff; --text-muted:#ffffff; --border-subtle:#000000; --border-default:#000000; --shadow-soft:0 12px 32px rgba(0,0,0,.32); }
        body.app-theme-total :where(.achievement-card,.minha-search-result,.minha-social-connection,.minha-stat-card,.minha-social-feed,.laco-history-metric,.laco-summary-card,.settings-stat-card,.sequence-card,.settings-group,.form-section,.record-item,.settings-panel,.modal-content,.amlealt-ai-sheet,.share-tool-card,.minha-social-connections-panel) { background:var(--surface-primary) !important; color:var(--text-primary) !important; border-color:var(--border-subtle) !important; }
        body.app-theme-total :where(.achievement-card.unlocked,.minha-stat-card,.laco-summary-card,.minha-social-connections-panel,.modal-content) { background:var(--surface-elevated) !important; }
        body.app-theme-total :where(.achievement-card h3,.laco-history-metric strong,.minha-search-result strong,.minha-social-connection strong,.settings-stat-card strong) { color:var(--text-primary) !important; }
        body.app-theme-total :where(.achievement-card p,.achievement-card small,.laco-history-metric span,.minha-search-result small,.minha-social-connection small,.settings-stat-card span) { color:var(--text-secondary) !important; }
        body.app-theme-total :where(input,textarea,select,option,.setting-select,.form-input,.form-select,.form-textarea) { background:var(--surface-secondary) !important; color:var(--text-primary) !important; border-color:var(--border-default) !important; color-scheme:dark; }
        body.app-theme-total :where(input,textarea)::placeholder { color:var(--text-muted); }
        body.app-theme-total :where(.achievement-card,.minha-search-result,.minha-social-connection,.laco-history-metric,.settings-stat-card):hover { background:var(--surface-hover) !important; }
        body.app-theme-total :where(button,input,textarea,select):focus-visible { outline:2px solid var(--secondary); outline-offset:2px; }
        body.app-theme-total .minha-profile-hero { background:var(--social-profile-accent) !important; color:var(--social-profile-ink) !important; }
        @media (max-width:768px) { body.app-theme-total .minha-profile-hero { background:radial-gradient(circle at 14% 16%, rgba(255,255,255,.16), transparent 28%), radial-gradient(circle at 84% 8%, rgba(255,255,255,.12), transparent 26%), linear-gradient(180deg, var(--social-profile-accent) 0%, var(--social-profile-accent) 100%) !important; } }
        body.app-theme-total .minha-profile-hero :where(.minha-pet-name,.minha-pet-username,.minha-pet-description,.minha-social-row strong,.minha-social-row span) { color:var(--social-profile-ink) !important; }
        body.app-theme-total .minha-social-connections-list { background:var(--surface-primary); }
        @media (max-width:640px) { .amlealt-premium-grid { grid-template-columns:1fr 1fr; } }

        .symptom-diary-section { max-width: 850px; margin: 1rem auto; }
        .amlealt-plus-tag { display:inline-block; border-radius:99px; padding:.1rem .45rem; color:#a16207; background:#fef3c7; font-size:.65rem; vertical-align:middle; }
        .symptom-diary-composer { display:flex; gap:.7rem; align-items:flex-start; }
        .symptom-diary-composer textarea { min-height:70px; flex:1; }
        .symptom-diary-list { display:grid; gap:.7rem; margin-top:1rem; }
        .symptom-diary-item { position:relative; padding:1rem; padding-right:5.2rem; border:1px solid var(--border-subtle,#e2e8f0); border-radius:14px; background:var(--surface-primary,#fff); color:var(--text-primary,#0f172a); white-space:pre-wrap; }
        .symptom-diary-item small { display:block; margin-top:.5rem; color:var(--text-secondary,#64748b); }
        .symptom-diary-actions { position:absolute; right:.7rem; top:.7rem; display:flex; gap:.25rem; }
        .symptom-diary-actions button { border:0; background:transparent; color:inherit; padding:.3rem; cursor:pointer; font-size:1.2rem; }
        .amlealt-advanced-locked { border:1px dashed var(--border-subtle,#cbd5e1); border-radius:14px; padding:1rem; }
        .amlealt-advanced-filters { display:flex; gap:.4rem; flex-wrap:wrap; margin:.8rem 0; }
        .amlealt-advanced-filters button { padding:.4rem .7rem; border:1px solid var(--border-subtle,#cbd5e1); border-radius:9px; background:var(--surface-primary,#fff); color:var(--text-primary,#0f172a); cursor:pointer; }
        .amlealt-advanced-filters button.active { border-color:var(--secondary); color:var(--secondary); }
        .amlealt-advanced-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(130px,1fr)); gap:.6rem; }
        .amlealt-advanced-grid div { display:grid; gap:.2rem; padding:.8rem; background:var(--surface-primary,#fff); border:1px solid var(--border-subtle,#e2e8f0); border-radius:12px; }
        .amlealt-advanced-grid strong { font-size:1.25rem; color:var(--text-primary,#0f172a); }
        .amlealt-advanced-grid span { font-size:.76rem; color:var(--text-secondary,#64748b); }
        .amlealt-advanced-heatmap { display:flex; flex-wrap:wrap; gap:3px; margin:0.45rem 0 1rem; }
        .amlealt-advanced-heatmap span { width:11px; height:11px; border-radius:3px; background:var(--surface-hover,#e2e8f0); }
        .amlealt-advanced-heatmap span.aggregate { width:14px; }
        .amlealt-advanced-heatmap span.active { background:var(--secondary); }
        .amlealt-advanced-heatmap-label { margin:0.95rem 0 0; color:var(--text-secondary,#64748b); font-size:.78rem; font-weight:800; }
        @media(max-width:640px) { .symptom-diary-composer { flex-direction:column; } .symptom-diary-composer textarea,.symptom-diary-composer button { width:100%; } }

        body[data-premium-dock="icons"] #mainTabsNav .innovative-tab-label { display:none; }
        body[data-premium-dock="icons"] #mainTabsNav .tab-button { min-width:48px; }
        body[data-premium-dock="compact"] #mainTabsNav .tab-button { padding:.45rem .55rem; gap:.2rem; }
        body[data-premium-radius]:not([data-premium-radius="standard"]) :where(.form-section,.settings-group,.profile-card,.minha-stat-card,.setting-select,.amlealt-premium-preview) { border-radius:calc(16px * var(--app-radius-scale)); }
        @media (max-width:640px) { body[data-premium-dock="icons"] #mainTabsNav .tab-button { min-width:44px; } }
        .amlealt-advanced-acceptance { display:grid; gap:.35rem; margin:.75rem 0; color:var(--text-secondary,#64748b); font-size:.75rem; }
        .amlealt-advanced-acceptance-bar { height:10px; display:flex; overflow:hidden; border-radius:99px; background:var(--surface-hover,#e2e8f0); }
        .amlealt-advanced-acceptance-bar i:nth-child(1) { background:#16a34a; }
        .amlealt-advanced-acceptance-bar i:nth-child(2) { background:#d97706; }
        .amlealt-advanced-acceptance-bar i:nth-child(3) { background:#dc2626; }
        body[data-premium-density="comfortable"] :where(.form-input,.form-select,.form-textarea,.setting-select) { min-height:50px; }
        body[data-premium-density="compact"] :where(.form-input,.form-select,.form-textarea,.setting-select) { min-height:40px; }
        body[data-premium-shadows="none"] { --app-card-shadow:none; }
        body[data-premium-shadows="soft"] { --app-card-shadow:0 3px 12px rgba(0,0,0,.08); }
        body[data-premium-shadows="standard"] { --app-card-shadow:var(--shadow); }
        body[data-premium-shadows="strong"] { --app-card-shadow:0 18px 42px rgba(0,0,0,.22); }
        body[data-premium-shadows] :where(.form-section,.settings-group,.profile-card,.minha-stat-card) { box-shadow:var(--app-card-shadow); }
        .profile-card {
            background: transparent !important;
            background-image: none !important;
            border: none !important;
            box-shadow: none !important;
        }
        /* Dark surfaces found by computed-style audit across static and dynamic shells. */
        body.app-theme-total :is(.amlealt-auth-input,.photo-preview,.agenda-view-toggle,.agenda-picker-popover,.panel-topline.minha-profile-topline,.minha-social-nav,.minha-upgrade-card,.amlealt-plus-plan,.achievements-summary,.amlealt-ai-icon-btn,.file-viewer-shell,.file-viewer-body) {
            background:var(--surface-elevated) !important; color:var(--text-primary) !important; border-color:var(--border-subtle) !important;
        }
        body.app-theme-total :is(.amlealt-auth-button.secondary,.save-status,.minha-social-avatar,.profile-badge,.completion-bar,.internal-browser-frame) {
            background:var(--surface-secondary) !important; color:var(--text-primary) !important; border-color:var(--border-subtle) !important;
        }
        body.app-theme-total .laco-broken { background:rgba(120,53,15,.22) !important; color:#fef3c7 !important; border-color:rgba(245,158,11,.24) !important; }
        body.app-theme-total .amlealt-plus-tag { background:rgba(245,158,11,.2) !important; color:#fbbf24 !important; }
        body.app-theme-total :is(.achievements-summary,.amlealt-plus-plan,.minha-upgrade-card,.agenda-picker-popover,.panel-topline.minha-profile-topline) :is(h1,h2,h3,strong,span,p,small,label) { color:var(--text-primary) !important; }
        body.app-theme-total :is(.achievements-summary,.amlealt-plus-plan,.minha-upgrade-card) :is(.settings-hint,.panel-subtitle,small) { color:var(--text-secondary) !important; }
        body.app-theme-total :is(.save-status,.settings-stat-card,.settings-next-care,.setting-status-pill,.share-qr-box,.sequence-day,.laco-summary-card,.laco-card,.laco-society,.laco-history-metric,.laco-week-day,.laco-celebration-card,.form-section,.embedded-tool-shell,.record-item,.agenda-day,.agenda-day-event,.weight-chart,.trend-chart,.settings-panel,.settings-group,.sequence-panel,.sequence-card,.share-tool-card,.guide-section,.guide-mockup,.settings-tabs,.settings-search-wrap,.settings-search-input,.setting-select,.setting-textarea,.form-input,.form-select,.form-textarea,.amlealt-command-bar,.amlealt-search-panel,.amlealt-search-row,.amlealt-search-chip,.amlealt-profile-card,.amlealt-profile-back,.amlealt-profile-photo,.amlealt-profile-name-input,.amlealt-species-choice,.minha-icon-menu,.minha-icon-menu-close,.minha-icon-choice,.minha-pet-icon-btn,.minha-option,.profile-edit-btn,.profile-mini-menu,.select-picker-popover,.select-picker-option,.date-picker-popover,.date-picker-day,.date-picker-nav,.date-picker-chip,.date-picker-year-select,.date-picker-year-trigger,.date-picker-year-option,.date-picker-year-panel,.radio-item,.checkbox-item,.chip,.filter-btn,.memory-card,.memory-action-btn,.memory-editor,.memory-media-button,.memory-photo-preview,.reminder-panel,.pet-ai-menu,.pet-ai-menu-item,.amlealt-ai-sheet,.amlealt-ai-drawer,.amlealt-ai-topbar,.amlealt-ai-composer,.amlealt-ai-input-row,.amlealt-ai-menu-option,.amlealt-ai-history button,.internal-browser-topbar) :is(h1,h2,h3,h4,h5,h6,p,span,strong,small,label,li,div,button,a,input,textarea,select,option) { color:#ffffff !important; }
        body.app-theme-total .amlealt-auth-google-button,
        body.app-theme-total .amlealt-auth-google-button span {
            color: #000000 !important;
        }

        body.app-theme-total .amlealt-auth-google-button,
        body.app-theme-total .amlealt-auth-google-button:is(:hover, :focus, :focus-visible, :active) {
            background: #ffffff !important;
            border-color: rgba(148, 163, 184, 0.34) !important;
            color: #000000 !important;
        }
        body.app-theme-total :is(.panel-close,.close-modal,.internal-browser-close,.memory-lightbox-close,.close-btn,.dock-panel-close,.header-icon-btn,.switch-pet-btn,.amlealt-ai-icon-btn,.minha-top-settings) {
            background: var(--surface-secondary) !important;
            background-image: none !important;
            border-color: var(--border-subtle) !important;
            color: #ffffff !important;
            box-shadow: none !important;
        }
        body.app-theme-total :is(.panel-close,.close-modal,.internal-browser-close,.memory-lightbox-close,.close-btn,.dock-panel-close,.header-icon-btn,.switch-pet-btn,.amlealt-ai-icon-btn,.minha-top-settings):is(:hover,:focus,:focus-visible,:active) {
            background: var(--surface-hover) !important;
            background-image: none !important;
            border-color: var(--border-default) !important;
            color: #ffffff !important;
        }
        body.app-theme-total .amlealt-command-bar {
            background: var(--surface-primary) !important;
            background-image: none !important;
        }
        body.app-theme-total .amlealt-command-input,
        body.app-theme-total .amlealt-command-input:is(:hover,:focus,:focus-visible,:active) {
            appearance: none;
            -webkit-appearance: none;
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
            color: #ffffff !important;
            transform: none !important;
        }
        body.app-theme-total .amlealt-command-placeholder {
            color: rgba(255,255,255,0.72) !important;
            z-index: 2;
        }
        .minha-post-profile-link:is(:hover,:focus,:focus-visible,:active) {
            background: transparent !important;
            background-image: none !important;
            border-color: transparent !important;
            box-shadow: none !important;
            color: inherit !important;
            outline: none !important;
            transform: none !important;
        }
        .minha-post-profile-link:is(:hover,:focus,:focus-visible,:active) .minha-post-username {
            color: inherit !important;
        }
        .minha-profile-tab-panel .minha-social-post,
        .minha-profile-tab-panel .minha-social-post * {
            text-align: left;
        }
        body.app-theme-total .minha-profile-tab-panel .minha-social-post,
        body.app-theme-total .minha-profile-tab-panel .minha-post-body {
            background: #000000 !important;
            background-image: none !important;
            color: #ffffff !important;
        }
        body.app-theme-total .minha-profile-tab-panel .minha-post-body {
            border: 0 !important;
            border-radius: 0 !important;
            box-shadow: none !important;
            display: block !important;
            padding: 0 !important;
        }
        body.app-theme-total :is(.amlealt-auth-input,.photo-preview,.agenda-view-toggle,.agenda-picker-popover,.amlealt-ai-icon-btn):focus-visible { outline:2px solid var(--secondary); outline-offset:2px; }
        .symptom-diary-inline-editor { width:100%; min-height:100px; resize:vertical; }
        .symptom-diary-item.editing { padding-right:1rem; }
        .symptom-diary-item.editing .symptom-diary-actions { position:static; justify-content:flex-end; margin-top:.5rem; }
        .symptom-diary-item.editing .symptom-diary-actions button { font-size:.8rem; font-weight:700; }
        .symptom-diary-actions .symptom-diary-save { color:var(--secondary); }

        /* AMLEALT_AUTH_VIEWPORT_OVERFLOW_FIX */
        #auth-view {
            align-items: flex-start;
            align-items: safe center;
        }


/* Profile statistics: the original desktop cards and compact mobile rows. */
#minhaStatsPanel .minha-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#minhaStatsPanel .minha-division-stat{cursor:pointer}
#minhaStatsPanel .minha-social-member-card{grid-column:1/-1;justify-self:center;width:calc((100% - .85rem)/2)}
#minhaStatsPanel .minha-social-member-card[hidden]{display:none!important}
#minhaStatsPanel{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
@media(max-width:768px){
 #minhaStatsPanel .minha-stat-grid{gap:8px 18px;max-width:560px;margin:0 auto;width:100%}
 #minhaStatsPanel .minha-stat-card{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:44px;padding:4px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:inherit}
 #minhaStatsPanel .minha-stat-card img{width:28px;height:28px;flex:none;object-fit:contain}
 #minhaStatsPanel .minha-stat-card strong{font-size:13px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
 #minhaStatsPanel .minha-stat-description{display:none}
 #minhaStatsPanel .minha-social-member-card{justify-content:center;margin-top:4px;width:100%}
 #minhaStatsPanel .minha-social-member-card img{width:34px;height:28px}
}
@media(max-width:400px){#minhaStatsPanel .minha-stat-grid{gap:6px 12px}#minhaStatsPanel .minha-stat-card strong{font-size:12px}#minhaStatsPanel .minha-stat-card img{width:25px;height:25px}}

/* Conquistas: a pet's collectible gallery, scoped to its own panel. */
#achievementsOverlay .achievements-summary{background:transparent;border:0;box-shadow:none;padding:8px 0 22px}
#achievementsOverlay .achievements-list{display:block}
#achievementsOverlay .achievement-collection{margin-bottom:32px}
#achievementsOverlay .achievement-collection>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#achievementsOverlay .achievement-collection h3{font-size:18px;margin:0;color:var(--gray-900)}
#achievementsOverlay .achievement-collection>header small{font-size:12px;font-weight:700;color:var(--gray-600);white-space:nowrap}
#achievementsOverlay .achievement-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#achievementsOverlay .achievement-collectible{appearance:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;border:1px solid color-mix(in srgb,var(--award-color) 25%,transparent);border-radius:22px;background:var(--surface-primary,#fff);color:var(--text-primary,#172033);padding:20px 12px;min-width:0;cursor:pointer;transition:transform .18s,border-color .18s}
#achievementsOverlay .achievement-collectible:hover{transform:translateY(-3px);border-color:var(--award-color)}
#achievementsOverlay .achievement-collectible:focus-visible{outline:3px solid var(--award-color);outline-offset:3px}
#achievementsOverlay .achievement-collectible strong{font-size:14px;line-height:1.35}
#achievementsOverlay .achievement-collectible span{font-size:11px;color:var(--text-secondary,#687589)}
#achievementsOverlay .achievement-rarity{color:var(--award-color);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.achievement-art,#achievementsOverlay .league-trophy-art{width:90px;height:90px;flex-shrink:0}
#achievementsOverlay .achievement-collectible.locked>svg{filter:grayscale(.8);opacity:.45}
#achievementsOverlay .achievement-status{color:var(--text-secondary,#687589);font-size:13px;line-height:1.6}
.achievement-detail{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;box-sizing:border-box;border:0;border-radius:0;padding:calc(80px + env(safe-area-inset-top)) 24px calc(40px + env(safe-area-inset-bottom));overflow:auto;background:var(--surface-primary,#fff);color:var(--text-primary,#172033);text-align:center}
.achievement-detail-content{width:min(600px,100%);margin:clamp(16px,12vh,120px) auto 0}
.achievement-detail::backdrop{background:rgba(15,23,42,.4);backdrop-filter:blur(5px)}
.achievement-detail>.panel-close{position:fixed;right:calc(20px + env(safe-area-inset-right));top:calc(20px + env(safe-area-inset-top));z-index:1}
.achievement-detail-content>svg{display:block;width:clamp(136px,24vw,200px);height:clamp(136px,24vw,200px);margin:0 auto 24px}
.achievement-detail p{font-size:14px;line-height:1.6;color:var(--text-secondary,#687589)}
.achievement-detail small{font-size:12px;color:var(--text-secondary,#687589)}
@media(max-width:700px){#achievementsOverlay .achievement-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#achievementsOverlay .achievement-collectible{padding:16px 10px}#achievementsOverlay .achievement-collection h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){#achievementsOverlay .achievement-collectible{transition:none}}

/* Sequência: quiet typography, weekly rhythm and an explorable history. */
#sequenceOverlay .laco-panel{padding:0 24px 48px;background:var(--surface-primary,#fff);box-shadow:none}
#sequenceOverlay .panel-topline{position:sticky;top:0;z-index:2;width:min(960px,100%);margin:0 auto;padding:20px 0 16px;background:var(--surface-primary,#fff);border-bottom:1px solid var(--border-subtle,#e9edf2)}
#sequenceOverlay .panel-title{font-size:18px;letter-spacing:-.025em}
#sequenceOverlay .panel-subtitle{font-size:12px;font-weight:500;margin-top:4px}
#sequenceOverlay .panel-close{box-shadow:none;width:40px;height:40px}
#sequenceOverlay .laco-page{width:min(960px,100%);margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 0 24px}
#sequenceOverlay .laco-hero{grid-column:1/-1;border:0;border-radius:0;background:transparent;box-shadow:none;padding:48px 20px 40px;gap:14px}
#sequenceOverlay .laco-hero-icon{width:44px;height:44px;color:#c4794e;display:grid;place-items:center}
#sequenceOverlay .laco-hero-icon svg{width:44px;height:44px}
#sequenceOverlay .laco-eyebrow{font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--text-secondary,#697588)}
#sequenceOverlay .laco-number-line{display:flex;align-items:baseline;gap:12px;letter-spacing:-.06em}
#sequenceOverlay .laco-number-line strong{font-size:clamp(84px,12vw,124px);font-weight:750;color:var(--text-primary,#172033);line-height:1.05}
#sequenceOverlay .laco-number-line span{font-size:18px;font-weight:500;letter-spacing:0;color:var(--text-secondary,#697588)}
#sequenceOverlay .laco-subtitle:empty{display:none}
#sequenceOverlay .laco-subtitle,#sequenceOverlay .laco-note{font-size:13px;line-height:1.7;font-weight:500;color:var(--text-secondary,#697588);margin:0}
#sequenceOverlay #lacoRecordLine{font-size:12px;padding:5px 14px;border-radius:99px;background:var(--surface-elevated,#f5f7fa)}
#sequenceOverlay :is(.laco-card,.laco-society,.laco-broken){grid-column:auto;padding:26px;border:1px solid var(--border-subtle,#e5eaf0);background:var(--surface-primary,#fff);box-shadow:none;border-radius:24px;min-width:0}
#sequenceOverlay :is(.laco-card,.laco-society) h3{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0 0 20px;color:var(--text-primary,#172033)}
#sequenceOverlay .laco-week-grid{gap:6px;margin:0 0 20px}
#sequenceOverlay .laco-week-day{border:0;border-radius:14px;background:var(--surface-elevated,#f6f8fb);min-height:70px;gap:10px;padding:10px 0;color:var(--text-secondary,#697588)}
#sequenceOverlay .laco-week-day span{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.025em}
#sequenceOverlay .laco-week-day strong{font-size:17px;font-weight:600}
#sequenceOverlay .laco-week-day.done{background:rgba(var(--secondary-rgb),.08);color:var(--secondary)}
#sequenceOverlay .laco-week-day.today{outline:1.5px solid var(--secondary);outline-offset:2px;box-shadow:none}
#sequenceOverlay .laco-legend{font-size:9px;gap:10px;font-weight:500;flex-wrap:wrap;margin-bottom:14px;color:var(--text-secondary,#697588)}
#sequenceOverlay .laco-progress-head{align-items:center;margin-bottom:26px}
#sequenceOverlay .laco-progress-head h3{margin-bottom:8px}
#sequenceOverlay #sequenceScore{font-size:32px;letter-spacing:-.04em;font-weight:650;color:var(--secondary)}
#sequenceOverlay .laco-progress-track{height:6px;margin-bottom:20px;background:var(--surface-elevated,#edf0f5)}
#sequenceOverlay .laco-progress-fill{background:var(--secondary)}
#sequenceOverlay .laco-society-badge{background:transparent;padding:0;margin:0 0 16px;gap:8px;font-size:11px;letter-spacing:.04em;font-weight:650}
#sequenceOverlay .laco-society-badge svg,#sequenceOverlay .laco-protector-card h3 svg{width:22px;height:22px;flex-shrink:0}
#sequenceOverlay .laco-society h3{margin-bottom:10px}
#sequenceOverlay .laco-protector-card h3{gap:10px;margin-bottom:14px}
#sequenceOverlay .laco-protector-card h3 svg{color:var(--secondary)}
#sequenceOverlay .laco-history-card,#sequenceOverlay .laco-broken{grid-column:1/-1}
#sequenceOverlay .laco-broken[hidden]{display:none}
#sequenceOverlay .laco-broken h3{font-size:17px;margin:0 0 8px}
#sequenceOverlay .laco-history-card summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:700;list-style:none;color:var(--text-primary,#172033)}
#sequenceOverlay .laco-history-card summary::-webkit-details-marker{display:none}
#sequenceOverlay .laco-history-card summary svg{width:20px;height:20px;transition:transform .2s;color:var(--text-secondary,#697588)}
#sequenceOverlay .laco-history-card[open] summary svg{transform:rotate(180deg)}
#sequenceOverlay .laco-history-grid{gap:24px;margin-top:28px}
#sequenceOverlay .laco-history-metric{border:0;background:transparent!important;padding:0;border-radius:0}
#sequenceOverlay .laco-history-metric strong{font-size:22px;font-weight:650;letter-spacing:-.025em;line-height:1.3}
#sequenceOverlay .laco-history-metric span{font-size:11px;font-weight:500;line-height:1.5}
#sequenceOverlay .laco-timeline{margin-top:28px;padding-top:22px;border-top:1px solid var(--border-subtle,#e9edf2);gap:0}
#sequenceOverlay .laco-timeline-item{position:relative;grid-template-columns:80px 1fr;gap:16px;font-size:12px;font-weight:500;padding:12px 0 12px 20px;line-height:1.5}
#sequenceOverlay .laco-timeline-item:before{content:'';position:absolute;left:0;top:19px;width:6px;height:6px;background:var(--secondary);border-radius:50%}
#sequenceOverlay .laco-history-card summary:focus-visible{outline:2px solid var(--secondary);outline-offset:8px;border-radius:5px}
@media(max-width:700px){#sequenceOverlay .laco-panel{padding:0 20px 40px}#sequenceOverlay .laco-page{grid-template-columns:1fr;gap:14px}#sequenceOverlay :is(.laco-card,.laco-society,.laco-broken){grid-column:1/-1;padding:22px}#sequenceOverlay .laco-hero{padding:36px 0 30px}#sequenceOverlay .laco-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}#sequenceOverlay .laco-week-day{min-height:66px}#sequenceOverlay .panel-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){#sequenceOverlay .laco-history-card summary svg,#sequenceOverlay .laco-progress-fill{transition:none}}
#sequenceOverlay{background:var(--surface-page,#fff)!important}
#sequenceOverlay .laco-panel{background:var(--surface-primary,#fff)!important}
body.app-theme-total #sequenceOverlay :is(.laco-card,.laco-society,.laco-broken){background:#000!important;border-color:#242428!important}
body.app-theme-total #sequenceOverlay .panel-topline{border-color:#242428}
body.app-theme-total #sequenceOverlay .laco-timeline{border-color:#242428}

/* Painel: a clear overview, scoped away from every other platform surface. */
#tab-painel{width:min(1080px,100%);margin-inline:auto}
#tab-painel .dashboard-shell{padding:24px 4px 32px;gap:10px;background:transparent!important;border:0!important;box-shadow:none!important}
#tab-painel .dashboard-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:var(--text-secondary,#64748b)}
#tab-painel .dashboard-pet-line{justify-content:flex-start;text-align:left;font-size:12px;font-weight:500;gap:6px}
#tab-painel .dashboard-dynamic-phrase{max-width:800px;margin:4px 0 8px;text-align:left;font-size:clamp(25px,3.4vw,38px);font-weight:750;line-height:1.25;letter-spacing:-.035em;color:var(--text-primary,#0f172a)}
#tab-painel .dashboard-chip-row{width:auto;display:flex;flex-wrap:wrap;justify-content:flex-start;margin:0;gap:10px}
#tab-painel .dashboard-chip{min-height:38px;background:var(--surface-primary,#fff);border:1px solid var(--border-subtle,#e2e8f0);box-shadow:none;font-size:12px;font-weight:650;padding:8px 14px;gap:7px}
#tab-painel .dashboard-chip:hover{border-color:var(--secondary);color:var(--secondary)}
#tab-painel .dashboard-grid{gap:20px}
#tab-painel .dashboard-card{background:var(--surface-primary,#fff);border:1px solid var(--border-subtle,#e2e8f0);border-radius:24px;padding:26px;box-shadow:none}
#tab-painel .dashboard-card :is(h2,h3){display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.5;font-weight:700;letter-spacing:-.015em;margin:0 0 22px;color:var(--text-primary,#0f172a)}
#tab-painel .dashboard-card :is(h2,h3) svg,#tab-painel .dashboard-history-section summary svg{width:21px;height:21px;color:var(--secondary);flex-shrink:0}
#tab-painel .dashboard-today-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;margin-bottom:22px}
#tab-painel .dashboard-today-head h2{margin:0;font-size:18px}
#tab-painel .dashboard-today-head p{font-size:12px;font-weight:500;margin:0;color:var(--text-secondary,#64748b)}
#tab-painel .dashboard-list{gap:0}
#tab-painel .dashboard-row{gap:16px;padding:14px 0;border-bottom:1px solid var(--border-subtle,#edf0f5);grid-template-columns:58px minmax(0,1fr)}
#tab-painel .dashboard-row:last-child{border-bottom:0}
#tab-painel .dashboard-row time{font-size:12px;font-weight:600;color:var(--secondary);padding-top:2px;font-variant-numeric:tabular-nums}
#tab-painel .dashboard-row strong{font-size:14px;font-weight:650;line-height:1.5}
#tab-painel .dashboard-row small{font-size:12px;font-weight:500;margin-top:3px;line-height:1.5}
#tab-painel .dashboard-empty{font-size:13px;font-weight:500;line-height:1.6;padding:20px 0;color:var(--text-secondary,#64748b)}
#tab-painel .dashboard-today-toggle{box-shadow:none;background:transparent;border:1px solid var(--border-subtle,#e2e8f0);font-size:12px;font-weight:650;min-height:38px}
#tab-painel .dashboard-today-toggle:before{display:none}
#tab-painel .dashboard-action-row{margin-top:18px;padding-top:14px;border-top:1px solid var(--border-subtle,#edf0f5);justify-content:flex-end}
#tab-painel .dashboard-text-button{font-size:12px;font-weight:650;border-radius:10px;padding:8px 0;min-height:36px;color:var(--secondary)}
#tab-painel .dashboard-week{margin-top:0;gap:14px}
#tab-painel .dashboard-week-head{grid-template-columns:32px 1fr 32px;gap:10px}
#tab-painel .dashboard-week-nav{height:32px;width:32px;background:transparent;border:1px solid var(--border-subtle,#e2e8f0);box-shadow:none;color:var(--text-primary,#0f172a);font-weight:500;font-size:22px}
#tab-painel .dashboard-week-nav:hover{border-color:var(--secondary);color:var(--secondary)}
#tab-painel .dashboard-week-labels,#tab-painel .dashboard-week-strip{grid-template-columns:repeat(7,minmax(78px,1fr));min-width:588px;gap:8px}
#tab-painel .dashboard-week-label{font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:.04em;padding-bottom:10px}
#tab-painel .dashboard-week-day{min-height:124px;padding:14px 10px;border:1px solid transparent;border-radius:16px;background:var(--surface-secondary,#f8fafc);gap:10px}
#tab-painel .dashboard-week-day>strong{font-size:18px;font-weight:650}
#tab-painel .dashboard-week-day.today{border-color:var(--secondary);box-shadow:none}
#tab-painel .dashboard-week-event{background:transparent;color:var(--secondary);padding:0;font-size:11px;font-weight:550;line-height:1.45}
#tab-painel .dashboard-week-empty{font-size:11px;font-weight:500;color:var(--text-secondary,#64748b)}
#tab-painel .dashboard-history-section summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:700;list-style:none;cursor:pointer;color:var(--text-primary,#0f172a)}
#tab-painel .dashboard-history-section summary::-webkit-details-marker{display:none}
#tab-painel .dashboard-history-section summary>span{display:flex;align-items:center;gap:10px}
#tab-painel .dashboard-history-section[open] .dashboard-history-chevron{transform:rotate(180deg)}
#tab-painel .dashboard-history{margin-top:24px}
#tab-painel .dashboard-history-card{background:transparent!important;box-shadow:none;border:0;padding:8px 0 16px}
#tab-painel .dashboard-history-card strong{font-size:13px;font-weight:600;line-height:1.5}
#tab-painel .dashboard-history-card small,#tab-painel .dashboard-history-date{font-size:11px;font-weight:500}
#tab-painel :is(button,summary):focus-visible{outline:2px solid var(--secondary);outline-offset:4px}
body.app-theme-total #tab-painel :is(.dashboard-card,.dashboard-chip,.dashboard-row,.dashboard-action-row,.dashboard-week-nav){border-color:#252529}
body.app-theme-total #tab-painel .dashboard-week-day{background:#101013;border-color:#252529}
body.app-theme-total #tab-painel .dashboard-week-day.today{border-color:var(--secondary)}
@media(max-width:700px){#tab-painel .dashboard-grid{grid-template-columns:1fr;gap:14px}#tab-painel .dashboard-card{padding:22px 18px;border-radius:22px}#tab-painel .dashboard-shell{padding:20px 2px 26px}#tab-painel .dashboard-today-head{align-items:flex-start;flex-direction:column;gap:6px}#tab-painel .dashboard-today-head h2{font-size:17px}#tab-painel .dashboard-card :is(h2,h3){font-size:15px}#tab-painel .dashboard-row{grid-template-columns:48px minmax(0,1fr);gap:12px}}
#tab-painel .dashboard-week-event{overflow-wrap:break-word}
#tab-painel .dashboard-history-card:before{display:none}
@media(max-width:700px){#tab-painel .dashboard-week-labels,#tab-painel .dashboard-week-strip{grid-template-columns:repeat(7,minmax(126px,1fr));min-width:930px}}
#tab-painel .dashboard-card:not(.full){display:flex;flex-direction:column}
#tab-painel .dashboard-card:not(.full) .dashboard-action-row{margin-top:auto}

/* Alimentação's frame sits directly in the page, without a second card. */
#tab-alimentacao .embedded-tool-shell{border:0;background:transparent!important;box-shadow:none;padding:0}
#tab-alimentacao .embedded-tool-header{padding:16px 2px 22px;border:0;background:transparent;box-shadow:none}
#tab-alimentacao .section-title{font-size:26px;font-weight:750;letter-spacing:-.035em}
#tab-alimentacao .integrated-iframe{border:0;border-radius:0;background:transparent}

/* Only the care pages and their fullscreen entry forms. */
.care-add-toolbar{display:flex;justify-content:flex-end;align-items:center;min-height:44px;margin:0 0 18px}
.care-add-button{display:inline-grid;place-items:center;width:44px;height:44px;flex:none;border:1px solid rgba(var(--secondary-rgb),.16);border-radius:16px;background:var(--secondary);color:#fff;cursor:pointer;box-shadow:none;transition:background .18s,transform .18s}
.care-add-button:hover{transform:translateY(-2px)}
.care-add-button:focus-visible{outline:2px solid var(--secondary);outline-offset:4px}
#tab-rotinas .embedded-tool-shell{border:0;background:transparent!important;box-shadow:none;padding:0}
#tab-rotinas .integrated-iframe{border:0;border-radius:0;background:transparent}
body.care-entry-open{overflow:hidden}
.care-entry-dialog{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#172033;overflow:hidden;--entry-surface:#f8f9fc;--entry-line:#e8ebf0;--entry-soft:#687080;overscroll-behavior:contain}
.care-entry-dialog::backdrop{background:#fff}
.care-entry-dialog > form{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;width:100%!important;height:100%;min-height:0;position:static!important;margin:0!important;padding:0;opacity:1!important;transform:none!important;transition:none!important;color:inherit}
.care-entry-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;width:min(100%,768px);margin:0 auto;padding:calc(26px + env(safe-area-inset-top)) 24px 24px}
.care-entry-eyebrow{display:block;font-size:11px;font-weight:600;color:var(--entry-soft);margin-bottom:8px;letter-spacing:.035em}
.care-entry-header h2{font-size:28px;letter-spacing:-.035em;font-weight:650;margin:0;line-height:1.3;color:inherit}
.care-entry-header p{font-size:13px;line-height:1.7;color:var(--entry-soft);margin:10px 0 0;font-weight:400}
.care-entry-dialog .routine-dock-close{display:inline-grid;place-items:center;width:40px;height:40px;flex:none;border-radius:14px;border:1px solid var(--entry-line);background:transparent;color:inherit;font-weight:400;cursor:pointer}
.care-entry-dialog .routine-dock-panel{max-height:none!important;overflow:auto!important;min-height:0;opacity:1!important;transform:none!important;transition:none!important;margin:0;overscroll-behavior:contain;scroll-padding:24px}
.care-entry-dialog .routine-dock-panel-inner{max-width:768px;margin:0 auto;padding:16px 24px 40px;gap:24px;border:0;border-radius:0;background:transparent!important;box-shadow:none;backdrop-filter:none}
.care-entry-dialog .routine-dock-label{font-size:12px;font-weight:550;line-height:1.6;color:var(--entry-soft);gap:8px;min-width:0}
.care-field-heading{font-size:11px;font-weight:600;color:var(--entry-soft);padding-top:8px;border-top:1px solid var(--entry-line);letter-spacing:.025em}
.care-entry-dialog .routine-dock-row{gap:20px}
.care-entry-dialog :is(.feeding-dock-input,.routine-dock-control,.routine-dock-panel textarea){min-height:50px;max-width:100%;border:1px solid var(--entry-line);border-radius:14px;background:var(--entry-surface);color:inherit;padding:12px 14px;font-size:14px;font-weight:450;line-height:1.5;outline:none;box-shadow:none}
.care-entry-dialog .routine-dock-control{font-weight:550;display:flex;align-items:center;justify-content:space-between;gap:12px}
.care-entry-dialog .routine-dock-control::after{content:'';width:6px;height:6px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.45}
.care-entry-dialog :is(input,textarea)::placeholder{color:var(--entry-soft);font-weight:400;opacity:.7}
.care-entry-dialog input[type=file]{font-size:12px;padding:12px}
.care-entry-dialog input[type=file]::file-selector-button{border:0;border-radius:8px;background:transparent;color:var(--secondary);font:inherit;font-weight:550;margin-right:12px;cursor:pointer}
.care-entry-dialog .routine-dock-panel textarea{min-height:112px;border-radius:14px!important;padding:12px 14px!important}
.care-entry-dialog .routine-dock-days{gap:8px}
.care-entry-dialog .routine-dock-day{border-radius:12px;min-height:44px;font-size:12px;font-weight:550;border-color:var(--entry-line);background:var(--entry-surface);color:inherit;padding:0}
.care-entry-dialog .routine-dock-day.active{background:rgba(var(--secondary-rgb),.08);color:var(--secondary);border-color:rgba(var(--secondary-rgb),.3)}
.care-entry-dialog :is(input,textarea,button,select):focus-visible{outline:2px solid var(--secondary);outline-offset:3px}
.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer{display:flex;justify-content:flex-end;gap:12px;margin:0 auto;width:min(100%,768px);padding:16px 24px calc(16px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--entry-line);background:transparent;box-shadow:none}
.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer button{min-height:46px;border-radius:14px;min-width:116px;padding:12px 20px;background:var(--entry-surface);color:inherit!important;border:1px solid var(--entry-line);font-size:13px;font-weight:600;box-shadow:none;backdrop-filter:none}
.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer .routine-dock-save{background:var(--secondary);color:#fff!important;border-color:var(--secondary)}
.care-entry-dialog button:disabled{opacity:.4;cursor:not-allowed}
body.app-dark-theme .care-entry-dialog{background:#101013;color:#f4f4f7;--entry-surface:#19191e;--entry-line:#2a2a31;--entry-soft:#a1a1b0}
body.app-dark-theme .care-entry-dialog::backdrop{background:#101013}
@media(max-width:640px){.care-entry-header{padding:calc(22px + env(safe-area-inset-top)) 20px 20px;gap:16px}.care-entry-header h2{font-size:23px}.care-entry-header p{font-size:12px}.care-entry-dialog .routine-dock-panel-inner{padding:12px 20px 32px;gap:22px}.care-entry-dialog .routine-dock-row{gap:12px}.care-entry-dialog .routine-dock-days{gap:5px}.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer{padding:14px 20px calc(14px + env(safe-area-inset-bottom));gap:10px}.care-entry-dialog .routine-dock-footer button{flex:1;min-width:0!important}.care-entry-dialog .feeding-dock-input{font-size:16px}}
@media(max-height:500px){.care-entry-header{padding-top:12px;padding-bottom:12px}.care-entry-header p{display:none}.care-entry-header h2{font-size:21px}.care-entry-eyebrow{margin-bottom:4px}.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer{padding-top:10px;padding-bottom:10px}}
@media(prefers-reduced-motion:reduce){.care-add-button{transition:none}}

/* Keep care forms readable under the platform's total-dark overrides. */
.care-entry-dialog .routine-dock-panel-inner :is(.feeding-dock-input,.routine-dock-control,textarea){background:var(--entry-surface)!important;border-color:var(--entry-line)!important;color:inherit!important;font-weight:450!important}
.care-entry-dialog .routine-dock-label{font-weight:550!important}
.care-entry-dialog .routine-dock-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.care-entry-dialog .routine-dock-close{background:transparent!important;border-color:var(--entry-line)!important;color:inherit!important}
.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer button{background:var(--entry-surface)!important;border-color:var(--entry-line)!important;font-weight:600!important}
.care-entry-dialog :is(#feedingMenuComposer,#routineMenuComposer,#vaccineMenuComposer) > .routine-dock-footer .routine-dock-save{background:var(--secondary)!important;color:#fff!important;border-color:var(--secondary)!important}

/* Aligned care titles and fullscreen vaccine record details. */
#tab-rotinas .care-page-heading,#health-sub-vacinas .care-page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 2px 22px;margin:0;border:0;background:transparent;box-shadow:none}
#tab-rotinas .care-page-heading .section-title,#health-sub-vacinas .care-page-heading .section-title{font-size:26px;font-weight:650;letter-spacing:-.035em;line-height:1.3}
#health-sub-vacinas .embedded-tool-shell{border:0;background:transparent!important;box-shadow:none;padding:0}
#health-sub-vacinas .integrated-iframe{border:0;border-radius:0;background:transparent}
.vaccine-detail-layout{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0}
.vaccine-detail-layout .care-entry-header h2{overflow-wrap:anywhere}
.vaccine-detail-scroll{overflow:auto;overscroll-behavior:contain;min-height:0}
.vaccine-detail-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;width:min(100%,768px);margin:auto;padding:24px 24px calc(40px + env(safe-area-inset-bottom))}
.vaccine-detail-field{padding:0 0 22px;border-bottom:1px solid var(--entry-line);min-width:0}
.vaccine-detail-field.full{grid-column:1/-1}
.vaccine-detail-field span{display:block;font-size:11px;font-weight:500;color:var(--entry-soft)!important;margin-bottom:10px}
.vaccine-detail-field p{font-size:15px;font-weight:450;line-height:1.8;color:inherit!important;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.vaccine-detail-proof{justify-self:start;grid-column:1/-1;min-height:44px;border:1px solid var(--entry-line);border-radius:14px;padding:12px 18px;background:var(--entry-surface)!important;color:var(--secondary)!important;font-size:13px;font-weight:600;cursor:pointer}
@media(max-width:640px){.vaccine-detail-content{padding:20px 20px calc(32px + env(safe-area-inset-bottom));gap:24px;grid-template-columns:1fr}.vaccine-detail-field{padding-bottom:20px}.vaccine-detail-field p{font-size:14px}}

.care-add-button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:106px;height:auto;min-height:42px;padding:10px 14px;border-radius:14px;font-size:12px;font-weight:650;line-height:1.5;white-space:nowrap;background:var(--secondary);color:#fff;box-shadow:none}
@media(max-width:640px){#tab-rotinas .care-page-heading .section-title,#health-sub-vacinas .care-page-heading .section-title{font-size:23px}}
.care-add-button.liquid-normal{background:var(--secondary)!important;box-shadow:none!important}
.care-add-button.liquid-normal::before{display:none}

/* Pet profile, medical record, daily care, calendar, documents and contacts. */
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos){
    --record-surface:#fff;
    --record-field:#f8f9fc;
    --record-line:#e7eaf0;
    --record-ink:#182236;
    --record-muted:#6d7585;
    --record-tint:rgba(var(--secondary-rgb),.075);
}
body.app-theme-dim :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos){
    --record-surface:#1a1a1a;--record-field:#161619;--record-line:#303039;
    --record-ink:#f4f4f7;--record-muted:#b3b5c1;--record-tint:rgba(var(--secondary-rgb),.16);
}
body.app-theme-total :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos){
    --record-surface:#101013;--record-field:#19191e;--record-line:#292932;
    --record-ink:#f4f4f7;--record-muted:#b3b5c1;--record-tint:rgba(var(--secondary-rgb),.16);
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-section{
    padding:28px;margin-bottom:16px;border:1px solid var(--record-line)!important;
    border-radius:24px;background:var(--record-surface)!important;box-shadow:none!important;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .section-title{
    margin-bottom:24px;color:var(--record-ink);font-size:18px;font-weight:650;
    letter-spacing:-.025em;line-height:1.4;gap:12px;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .section-title svg{
    width:20px;height:20px;color:var(--secondary);flex:0 0 auto;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-grid{
    gap:20px 18px;grid-template-columns:repeat(2,minmax(0,1fr));
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-group{min-width:0;gap:8px}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-label{
    font-size:12px;font-weight:600;line-height:1.45;color:var(--record-muted);
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.form-input,.form-select,.form-textarea){
    width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--record-line)!important;
    border-radius:13px;background:var(--record-field)!important;background-image:none!important;
    color:var(--record-ink)!important;box-shadow:none!important;font-size:14px;font-weight:450;
    transform:none!important;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-textarea{
    min-height:104px;line-height:1.6;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.form-input,.form-select,.form-textarea):focus{
    border-color:var(--secondary)!important;box-shadow:0 0 0 3px var(--record-tint)!important;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.radio-group,.checkbox-group){gap:8px}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.radio-item,.checkbox-item){
    padding:9px 12px;min-height:42px;border:1px solid var(--record-line)!important;
    border-radius:12px;background:var(--record-field)!important;box-shadow:none!important;transform:none;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.radio-item,.checkbox-item):has(input:checked){
    border-color:rgba(var(--secondary-rgb),.5)!important;background:var(--record-tint)!important;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.radio-item,.checkbox-item) label{
    color:var(--record-ink);font-size:12px;line-height:1.5;font-weight:500;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .records-list{gap:10px}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .record-item{
    padding:20px;border:1px solid var(--record-line)!important;border-radius:18px;
    background:var(--record-field)!important;box-shadow:none!important;transform:none;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .record-item:hover{border-color:rgba(var(--secondary-rgb),.3)!important}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .record-header{margin-bottom:16px;gap:12px}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .record-title{
    font-size:13px;font-weight:650;color:var(--record-ink);
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .remove-record{
    width:32px;height:32px;flex:0 0 32px;border:1px solid rgba(220,73,73,.19);
    border-radius:10px;background:rgba(220,73,73,.075);color:#b73e45;
    font-size:12px;font-weight:700;transform:none;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .remove-record:hover{
    background:rgba(220,73,73,.14);transform:none;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .add-record-button.liquid-normal{
    width:max-content;max-width:100%;min-height:42px;margin-top:18px;padding:10px 15px;
    border:1px solid var(--secondary);border-radius:12px;background:var(--secondary)!important;
    color:#fff!important;box-shadow:none!important;font-size:12px;font-weight:620;
    line-height:1.35;transform:none;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .add-record-button.liquid-normal::before{display:none}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .block-control-btn{
    width:32px;height:32px;border-color:var(--record-line)!important;background:var(--record-field)!important;
    color:var(--record-muted)!important;box-shadow:none!important;
}
:is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(button,.record-item):focus-visible{
    outline:2px solid var(--secondary);outline-offset:3px;
}
#tab-basicas .photo-upload{flex-direction:row;align-items:center;justify-content:flex-start;
    gap:18px;padding:20px;border:1px solid var(--record-line);border-radius:18px;
    background:var(--record-field);
}
#tab-basicas .photo-preview{width:86px;height:86px;flex:0 0 86px;border:1px solid var(--record-line);
    background:var(--record-surface);box-shadow:none;
}
#tab-basicas .photo-preview svg{width:29px;height:29px}
#tab-basicas .record-photo-actions{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
#tab-basicas .record-photo-actions strong{color:var(--record-ink);font-size:13px;font-weight:650}
#tab-basicas .record-photo-actions span{color:var(--record-muted);font-size:11px;line-height:1.5}
#tab-basicas .photo-upload .upload-button{min-height:38px;margin-top:6px;padding:8px 12px;
    border-radius:10px;background:var(--secondary)!important;color:#fff!important;
    box-shadow:none!important;font-size:11px;font-weight:600;transform:none;
}
#tab-basicas .profile-section-divider{margin-top:10px;padding-top:24px;border-top:1px solid var(--record-line)}
#tab-basicas .profile-section-divider h3,#health-sub-cuidados .record-grid-heading{
    margin:0;color:var(--record-ink);font-size:14px;font-weight:650;letter-spacing:-.015em;
}
#health-sub-cuidados .record-grid-heading{grid-column:1/-1;padding-top:22px;
    border-top:1px solid var(--record-line);line-height:1.5;
}
#health-sub-cuidados .record-grid-heading:first-child{padding-top:0;border-top:0}
:is(#health-sub-prontuario,#health-sub-cuidados) .form-section .weight-chart,
#health-sub-prontuario .trend-chart{background:var(--record-field)!important;border-color:var(--record-line)!important;
    border-radius:18px;box-shadow:none!important;
}
#tab-documentos .record-document-library{margin-top:30px;padding-top:26px;border-top:1px solid var(--record-line)}
#tab-documentos .record-document-library h3{margin:0 0 16px;color:var(--record-ink);font-size:14px;font-weight:650}
#tab-contatos .record-item .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#tab-agenda > .form-section:first-of-type{padding:0;border:0!important;background:transparent!important}
#tab-agenda .agenda-toolbar{align-items:center;gap:16px;margin:0 0 14px;padding:0 2px}
#tab-agenda .agenda-toolbar .section-title{margin:0;font-size:17px}
#tab-agenda .agenda-toolbar > div{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
#tab-agenda .agenda-view-toggle{padding:4px;gap:2px;border:1px solid var(--record-line)!important;
    border-radius:14px;background:var(--record-field)!important;box-shadow:none!important;
}
#tab-agenda .agenda-view-btn{padding:0 11px;min-height:34px;border-radius:10px;color:var(--record-muted);font-size:11px;font-weight:600}
#tab-agenda .agenda-view-btn.active{background:var(--record-surface)!important;
    color:var(--secondary)!important;border:1px solid var(--record-line);
    box-shadow:none!important;
}
#tab-agenda .agenda-alert-btn{min-height:42px;padding:10px 13px;border-radius:12px;
    background:var(--secondary)!important;color:#fff!important;box-shadow:none!important;font-size:12px;font-weight:600;
}
#tab-agenda .agenda-nav-row{padding:18px 20px;margin:0;border:1px solid var(--record-line);
    border-bottom:0;border-radius:20px 20px 0 0;background:var(--record-surface)}
#tab-agenda .agenda-period-title{font-size:17px;font-weight:650;letter-spacing:-.025em;color:var(--record-ink)}
#tab-agenda .agenda-period-part{font-weight:650;border-radius:9px}
#tab-agenda .agenda-step-btn{width:36px;height:36px;border:1px solid var(--record-line);
    border-radius:11px;background:var(--record-field)!important;color:var(--record-ink)!important;
    box-shadow:none!important;font-size:20px;font-weight:500;
}
#tab-agenda .agenda-calendar{padding:0 18px 20px;gap:5px;border:1px solid var(--record-line);
    border-top:0;border-radius:0 0 20px 20px;background:var(--record-surface);
}
#tab-agenda .agenda-day{min-height:90px;padding:9px;border:1px solid var(--record-line)!important;
    border-radius:12px;background:var(--record-field)!important;box-shadow:none!important;transform:none!important;
}
#tab-agenda .agenda-day.today{border-color:var(--secondary)!important}
#tab-agenda .agenda-day.selected{border-color:var(--secondary)!important;
    background:var(--record-tint)!important;box-shadow:inset 0 0 0 1px var(--secondary)!important;
}
#tab-agenda .agenda-date-number{margin:0 0 5px;font-size:12px;font-weight:650;color:var(--record-ink)}
#tab-agenda .agenda-day-name{color:var(--record-muted);font-size:10px;font-weight:600}
#tab-agenda .agenda-pill{border-radius:7px;background:var(--record-tint);color:var(--secondary);font-size:10px;font-weight:550}
#tab-agenda .agenda-selected-panel{padding:20px;margin-top:16px;border:1px solid var(--record-line);
    border-radius:20px;background:var(--record-surface)!important;box-shadow:none;
}
#tab-agenda .agenda-selected-header h3{font-size:15px;font-weight:650;color:var(--record-ink)}
#tab-agenda .agenda-quick-form{margin:0 0 14px;gap:10px}
#tab-agenda .agenda-quick-form .upload-button{min-height:46px;padding:10px 15px;border-radius:12px;
    background:var(--secondary)!important;color:#fff!important;box-shadow:none!important;font-size:12px;font-weight:600;
}
#tab-agenda .agenda-day-event{border-color:var(--record-line)!important;border-radius:13px;
    background:var(--record-field)!important;box-shadow:none!important;
}
#tab-agenda .reminder-panel{margin:16px 0 0;border-radius:18px;box-shadow:none}
#tab-agenda .med-check-card{border-color:var(--record-line);border-radius:14px;
    background:var(--record-field);box-shadow:none;
}
@media(max-width:700px){
    :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-section{padding:20px 17px;border-radius:20px;margin-bottom:12px}
    :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .form-grid{grid-template-columns:minmax(0,1fr);gap:18px}
    :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .section-title{font-size:17px;margin-bottom:20px}
    :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) .record-item{padding:16px;border-radius:15px}
    #tab-contatos .record-item .form-grid{grid-template-columns:minmax(0,1fr)}
    #tab-basicas .photo-upload{padding:16px;gap:14px}
    #tab-basicas .photo-preview{width:72px;height:72px;flex-basis:72px}
    #tab-agenda .agenda-toolbar{align-items:stretch;flex-direction:column;gap:12px}
    #tab-agenda .agenda-toolbar > div{width:100%;flex-wrap:wrap;justify-content:flex-start}
    #tab-agenda .agenda-view-toggle{width:100%;display:flex;overflow-x:auto}
    #tab-agenda .agenda-view-btn{flex:1 0 auto;padding:0 6px}
    #tab-agenda .agenda-alert-btn{width:100%;min-height:40px}
    #tab-agenda .agenda-nav-row{padding:14px 12px}
    #tab-agenda .agenda-period-title{font-size:14px;gap:1px}
    #tab-agenda .agenda-calendar.view-month{grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible}
    #tab-agenda .agenda-calendar{padding:0 8px 12px;gap:3px}
    #tab-agenda .agenda-day{min-height:52px;padding:5px 3px;border-radius:8px}
    #tab-agenda .agenda-date-number{font-size:11px}
    #tab-agenda .agenda-calendar.view-month .agenda-pill{width:6px;height:6px;padding:0;
        margin:3px 0 0;border-radius:50%;overflow:hidden;font-size:0;color:transparent;
        background:var(--secondary)}
    #tab-agenda .agenda-day-name{font-size:9px;padding:7px 1px}
    #tab-agenda .agenda-selected-panel{padding:17px}
}
@media(prefers-reduced-motion:reduce){
    :is(#tab-basicas,#health-sub-prontuario,#health-sub-cuidados,#tab-agenda,#tab-documentos,#tab-contatos) :is(.record-item,.agenda-day){transition:none!important}
}

/* Resource picker opened from the floating Mais navigation. */
body.interface-mode-innovative.innovative-more-open::before{
    content:"";position:fixed;inset:0;z-index:935;background:rgba(12,19,35,.38);
    backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
body.interface-mode-innovative .innovative-more-menu{
    --more-surface:#fff;--more-tile:#f7f8fb;--more-ink:#1b2537;--more-muted:#6f7989;
    --more-stroke:#e9ecf2;
    left:50%;bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 82px);
    width:min(520px,calc(100vw - 28px));max-width:none;
    max-height:min(75dvh,calc(100dvh - max(1rem,env(safe-area-inset-bottom)) - 100px));
    padding:0;overflow:hidden;border:1px solid var(--more-stroke);border-radius:28px;
    background:var(--more-surface);color:var(--more-ink);
    box-shadow:0 28px 90px rgba(12,19,35,.26);
    backdrop-filter:none;-webkit-backdrop-filter:none;
    transform:translate(-50%,16px) scale(.985);
    transition:opacity .2s ease,transform .24s ease;
}
body.interface-mode-innovative .innovative-more-menu.show{
    transform:translate(-50%,0) scale(1);
}
.innovative-more-head{
    align-items:flex-start;gap:18px;padding:24px 24px 17px;
    border-bottom:1px solid var(--more-stroke);
}
.innovative-more-title{
    color:var(--more-ink);font-size:22px;font-weight:700;letter-spacing:-.045em;line-height:1.2;
}
.innovative-more-hint{
    margin-top:6px;color:var(--more-muted);font-size:12px;font-weight:450;line-height:1.45;
}
.innovative-more-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.innovative-more-toggle{
    min-height:34px;padding:0 11px;border:1px solid var(--more-stroke);
    background:var(--more-surface);color:var(--more-ink);font-size:11px;font-weight:600;
}
.innovative-more-close{
    width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--more-stroke);
    border-radius:50%;background:var(--more-tile);color:var(--more-ink);cursor:pointer;
}
.innovative-more-close svg{width:16px;height:16px}
.innovative-more-toggle:hover,.innovative-more-close:hover{
    border-color:rgba(var(--secondary-rgb),.28);background:rgba(var(--secondary-rgb),.07);
}
.innovative-more-list{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
    max-height:calc(min(75dvh,100dvh - max(1rem,env(safe-area-inset-bottom)) - 100px) - 92px);
    overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
    padding:16px 24px 24px;
}
.innovative-more-row{
    display:flex;align-items:stretch;min-height:78px;padding:0;
    border:1px solid var(--more-stroke);border-radius:18px;background:var(--more-tile);
    box-shadow:none;
}
.innovative-more-row:is(:hover,:focus-within){
    border-color:rgba(var(--secondary-rgb),.35);background:rgba(var(--secondary-rgb),.055);
    transform:translateY(-2px);
}
.innovative-more-main{
    width:100%;min-height:76px;padding:12px 14px;gap:12px;border-radius:17px;
    display:flex;align-items:center;color:var(--more-ink);font-size:13px;font-weight:600;line-height:1.3;
}
.innovative-more-main .innovative-tab-icon{
    flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;
    border-radius:12px;background:rgba(var(--secondary-rgb),.09);color:var(--secondary);
}
.innovative-more-main .innovative-tab-icon svg{width:19px;height:19px}
.innovative-more-main .amlealt-plus-tag{margin-left:auto}
.innovative-more-row[data-innovative-tab="perguntarIa"]{
    grid-column:1/-1;min-height:64px;background:rgba(var(--secondary-rgb),.055);
    border-color:rgba(var(--secondary-rgb),.18);
}
.innovative-more-row[data-innovative-tab="perguntarIa"] .innovative-more-main{min-height:62px}
.innovative-more-list.reordering{grid-template-columns:1fr}
.innovative-more-list.reordering .innovative-more-row{min-height:56px}
.innovative-more-list.reordering .innovative-more-row[data-innovative-tab="perguntarIa"]{grid-column:auto}
.innovative-more-list.reordering .innovative-more-main{min-height:54px}
.innovative-more-list.reordering .innovative-more-main .innovative-tab-icon{
    flex-basis:32px;width:32px;height:32px;border-radius:10px;
}
.innovative-more-list.reordering .innovative-more-actions{align-items:center;padding-right:10px;gap:5px}
.innovative-more-list.reordering .innovative-more-move{
    width:32px;height:32px;border:1px solid var(--more-stroke);background:var(--more-surface);
    color:var(--more-ink);font-size:15px;
}
body.app-dark-theme.interface-mode-innovative .innovative-more-menu{
    --more-surface:#17191f;--more-tile:#20232b;--more-ink:#f4f5f8;--more-muted:#aab2c1;
    --more-stroke:#333842;background:var(--more-surface);border-color:var(--more-stroke);
}
body.app-dark-theme.interface-mode-innovative .innovative-more-row{
    background:var(--more-tile)!important;border-color:var(--more-stroke);
}
body.app-dark-theme.interface-mode-innovative .innovative-more-row:is(:hover,:focus-within){
    background:rgba(var(--secondary-rgb),.13)!important;border-color:rgba(var(--secondary-rgb),.4);
}
body.app-dark-theme.interface-mode-innovative .innovative-more-row[data-innovative-tab="perguntarIa"]{
    background:rgba(var(--secondary-rgb),.12)!important;border-color:rgba(var(--secondary-rgb),.26);
}
body.app-dark-theme.interface-mode-innovative :is(.innovative-more-title,.innovative-more-main){
    color:var(--more-ink)!important;
}
body.app-dark-theme.interface-mode-innovative .innovative-more-hint{color:var(--more-muted)}
body.app-dark-theme.interface-mode-innovative .innovative-more-main{background:transparent!important}
body.app-dark-theme.interface-mode-innovative :is(.innovative-more-toggle,.innovative-more-close){
    background:var(--more-surface)!important;color:var(--more-ink)!important;
}
body.app-dark-theme.interface-mode-innovative #innovativeMoreMenu .innovative-more-list .innovative-more-row:not([data-innovative-tab="perguntarIa"]){
    background-color:var(--more-tile)!important;background-image:none!important;
}
body.app-dark-theme.interface-mode-innovative #innovativeMoreMenu .innovative-more-list .innovative-more-row :is(button,span,small){
    color:var(--more-ink)!important;
}
body.app-dark-theme.interface-mode-innovative #innovativeMoreMenu .innovative-more-list .innovative-more-row .innovative-tab-icon{
    color:var(--secondary)!important;
}
body.app-dark-theme.interface-mode-innovative #innovativeMoreMenu :is(.innovative-more-toggle,.innovative-more-close){
    background-color:var(--more-tile)!important;background-image:none!important;
}
@media(max-width:560px){
    body.interface-mode-innovative .innovative-more-menu{
        bottom:calc(max(1rem,env(safe-area-inset-bottom)) + 76px);
        width:calc(100vw - 20px);max-height:calc(100dvh - max(1rem,env(safe-area-inset-bottom)) - 96px);
        border-radius:24px;
    }
    .innovative-more-head{padding:20px 18px 15px}
    .innovative-more-list{
        gap:8px;padding:14px 18px 20px;
        max-height:calc(100dvh - max(1rem,env(safe-area-inset-bottom)) - 183px);
    }
    .innovative-more-main{padding:10px;gap:8px;font-size:12px}
    .innovative-more-main .innovative-tab-icon{flex-basis:34px;width:34px;height:34px}
}
@media(max-width:330px){
    .innovative-more-list{grid-template-columns:1fr}
    .innovative-more-row[data-innovative-tab="perguntarIa"]{grid-column:auto}
}

/* Amlealt IA · espaço de conversa centrado no pet */
.amlealt-ai-overlay .amlealt-ai-sheet {
    width:min(760px,100vw);
    background:linear-gradient(165deg,#fbfdff 0%,#f5f8fc 52%,#f8fafc 100%);
    border-color:rgba(165,183,205,.32);
    box-shadow:0 -18px 72px rgba(29,57,96,.18);
}
.amlealt-ai-overlay .amlealt-ai-sheet.ai-full {width:100vw}
.amlealt-ai-overlay .amlealt-ai-topbar {
    grid-template-columns:42px minmax(0,1fr) 42px;
    min-height:74px;
    padding:9px clamp(15px,3vw,29px);
    gap:12px;
    background:rgba(255,255,255,.72);
    border-color:rgba(96,132,177,.13);
}
.amlealt-ai-overlay .amlealt-ai-icon-btn {
    width:42px;height:42px;
    background:transparent;
    box-shadow:none;
    border:1px solid transparent;
    color:var(--gray-700);
    transition:background .2s ease,transform .2s ease;
}
.amlealt-ai-overlay .amlealt-ai-icon-btn:hover {background:rgba(var(--secondary-rgb),.08);transform:translateY(-1px)}
.amlealt-ai-overlay .amlealt-ai-title {justify-content:flex-start;gap:10px;font-weight:700;font-size:1rem}
.amlealt-ai-overlay .amlealt-ai-title img {width:32px;height:32px}
.amlealt-ai-brand-copy {display:grid;gap:1px;text-align:left;white-space:nowrap}
.amlealt-ai-brand-copy strong {font-size:1rem;font-weight:790;line-height:1.1}
.amlealt-ai-brand-copy small {font-size:.66rem;font-weight:520;letter-spacing:.01em;color:var(--gray-500)}
.amlealt-ai-overlay .amlealt-ai-beta {font-size:.59rem;padding:5px 7px;font-weight:780}
.amlealt-ai-pet-context {
    width:min(700px,calc(100% - 32px));
    margin:18px auto 3px;
    display:flex;align-items:center;gap:11px;
    padding:12px 14px;
    border-radius:20px;
    border:1px solid rgba(var(--secondary-rgb),.12);
    background:rgba(255,255,255,.76);
    box-shadow:0 8px 25px rgba(24,57,101,.045);
}
.amlealt-ai-pet-badge {
    width:42px;height:42px;flex:none;border-radius:14px;
    display:grid;place-items:center;
    color:var(--secondary);font-size:1.15rem;font-weight:750;
    background:linear-gradient(145deg,rgba(var(--secondary-rgb),.15),rgba(var(--secondary-rgb),.05));
}
.amlealt-ai-pet-context-copy {min-width:0;display:grid;gap:2px}
.amlealt-ai-pet-context-copy small {font-size:.61rem;letter-spacing:.13em;font-weight:800;color:var(--gray-500)}
.amlealt-ai-pet-context-copy strong {font-size:.91rem;font-weight:760;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-900)}
.amlealt-ai-context-live {margin-left:auto;flex:none;color:#348568;font-size:.7rem;font-weight:650}
.amlealt-ai-context-live::first-letter {font-size:.55rem}
.amlealt-ai-overlay .amlealt-ai-scroll {padding:22px clamp(16px,4vw,32px) 22px;scroll-behavior:smooth}
.amlealt-ai-overlay .amlealt-ai-messages {max-width:700px;gap:19px}
.amlealt-ai-overlay .amlealt-ai-message {max-width:min(88%,575px)}
.amlealt-ai-overlay .amlealt-ai-bubble {
    padding:13px 17px;
    border-radius:19px;
    box-shadow:none;
    font-size:.94rem;
    line-height:1.58;
}
.amlealt-ai-overlay .amlealt-ai-message.assistant .amlealt-ai-bubble {
    border:0;
    background:transparent;
    border-radius:0;
    box-shadow:none;
    padding:3px 0;
}
.amlealt-ai-overlay .amlealt-ai-message.user .amlealt-ai-bubble {
    background:linear-gradient(145deg,var(--secondary),#2769bb);
    border-bottom-right-radius:6px;
}
.amlealt-ai-overlay .amlealt-ai-actions button {border:0;background:transparent;box-shadow:none}
.amlealt-ai-overlay .amlealt-ai-composer {
    background:linear-gradient(0deg,rgba(248,250,253,.98),rgba(248,250,253,.9));
    border-color:rgba(96,132,177,.1);
    padding:12px clamp(16px,4vw,32px) max(13px,env(safe-area-inset-bottom));
}
.amlealt-ai-overlay .amlealt-ai-input-row {
    border:1px solid rgba(91,126,170,.22) !important;
    border-radius:21px;
    background:#fff;
    box-shadow:0 8px 28px rgba(21,55,98,.07);
    padding:7px 8px 7px 14px;
    transition:box-shadow .2s ease,border-color .2s ease;
}
.amlealt-ai-overlay .amlealt-ai-input-row:focus-within {border-color:rgba(var(--secondary-rgb),.5)!important;box-shadow:0 12px 30px rgba(var(--secondary-rgb),.11)!important}
.amlealt-ai-overlay .amlealt-ai-send {border-radius:12px!important;box-shadow:none}
.amlealt-ai-overlay .amlealt-ai-audio {border-radius:12px!important;background:transparent}
.amlealt-ai-overlay .amlealt-ai-footer {font-size:.68rem;opacity:.72;margin-top:8px}
.amlealt-ai-overlay .amlealt-ai-thinking .ja-core {animation:none;width:12px;height:12px}
.amlealt-ai-overlay .amlealt-ai-thinking .ja-ring {display:none}
.amlealt-ai-overlay .amlealt-ai-thinking .ja-core-center {
    width:9px;height:9px;background:var(--secondary);box-shadow:none;
    animation:amlealtAiQuietPulse 1.2s ease-in-out infinite;
}
.amlealt-ai-overlay .amlealt-ai-thinking-text {font-size:.84rem;font-weight:600;color:var(--gray-500)}
@keyframes amlealtAiQuietPulse {50%{opacity:.4;transform:translate(-50%,-50%) scale(.75)}}
body.app-dark-theme .amlealt-ai-overlay .amlealt-ai-sheet {background:linear-gradient(160deg,#171e29,#121a25);border-color:rgba(255,255,255,.1)}
body.app-dark-theme .amlealt-ai-overlay .amlealt-ai-topbar,
body.app-dark-theme .amlealt-ai-overlay .amlealt-ai-composer {background:rgba(23,30,41,.82);border-color:rgba(255,255,255,.08)}
body.app-dark-theme .amlealt-ai-pet-context,
body.app-dark-theme .amlealt-ai-overlay .amlealt-ai-input-row {background:#202b3a;border-color:rgba(255,255,255,.1)!important}
body.app-dark-theme .amlealt-ai-overlay .amlealt-ai-message.assistant .amlealt-ai-bubble,
.amlealt-ai-overlay.ai-effect-glass .amlealt-ai-message.assistant .amlealt-ai-bubble,
.amlealt-ai-overlay.ai-effect-space .amlealt-ai-message.assistant .amlealt-ai-bubble {
    background:transparent!important;border:0!important;box-shadow:none!important;
}
body.app-dark-theme .amlealt-ai-pet-context-copy strong {color:#f7f9fc}
@media(max-width:560px){
    .amlealt-ai-context-live span{display:none}
    .amlealt-ai-pet-context{margin-top:10px}
    .amlealt-ai-overlay .amlealt-ai-topbar{min-height:65px}
    .amlealt-ai-overlay .amlealt-ai-scroll{padding-top:17px}
}
@media(prefers-reduced-motion:reduce){
    .amlealt-ai-overlay .amlealt-ai-scroll{scroll-behavior:auto}
    .amlealt-ai-overlay .amlealt-ai-thinking .ja-core-center{animation:none}
}
@media(prefers-reduced-motion:reduce){
    body.interface-mode-innovative .innovative-more-menu,
    .innovative-more-row{transition:none}
}

/* Fullscreen settings and native IA navigation. Scoped to these two panels. */
#settingsOverlay {align-items:stretch;overflow:hidden;padding:0}
#settingsOverlay .settings-panel {width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;overflow-y:auto;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
#settingsOverlay .panel-topline,#settingsOverlay .settings-tabs,#settingsOverlay .settings-section {max-width:1000px;margin-left:auto;margin-right:auto}
#amlealtAiChat .amlealt-ai-sheet,#amlealtAiChat .amlealt-ai-sheet.ai-full {width:100%;max-width:none;height:100dvh!important;max-height:100dvh;border-radius:0;position:relative}
#amlealtAiChat .amlealt-ai-topbar {display:grid;grid-template-columns:44px minmax(0,1fr) 44px;position:relative;padding-top:max(12px,env(safe-area-inset-top));flex-shrink:0}
.ai-native-model-wrap {position:relative;justify-self:center}
.ai-native-model-trigger {display:flex;gap:8px;align-items:center;background:none;border:0;color:inherit;font:inherit;font-size:19px;font-weight:650;padding:10px;cursor:pointer}
.ai-native-model-trigger span {font-weight:400;opacity:.55}
.ai-native-models {position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(310px,calc(100vw - 32px));border:1px solid var(--border-subtle,#e5e7ef);border-radius:20px;padding:7px;background:var(--surface-primary,#fff);box-shadow:0 15px 50px #0002;z-index:12}
.ai-native-models button {width:100%;display:flex;flex-direction:column;gap:6px;text-align:left;padding:16px;border:0;border-radius:14px;background:transparent;color:inherit;cursor:pointer}
.ai-native-models button:hover,.ai-native-models button.selected {background:rgba(88,81,220,.07)}
.ai-native-models button>span {font-size:12px;opacity:.6;line-height:1.5}
.ai-native-models small {font-size:10px;padding:3px 7px;border-radius:8px;background:rgba(88,81,220,.12);color:#6961de;margin-left:7px}
.ai-native-check {display:none;float:right;color:#655ce1}.ai-native-models .selected .ai-native-check {display:inline}
.ai-native-scrim {position:absolute;inset:0;background:#11182745;backdrop-filter:blur(3px);border:0;z-index:20}
.ai-native-drawer {position:absolute;inset:0 auto 0 0;width:min(320px,88vw);display:flex;flex-direction:column;gap:30px;padding:24px 18px max(20px,env(safe-area-inset-bottom));background:var(--surface-primary,#fff);border-right:1px solid #8882;z-index:21;transform:translateX(-105%);transition:transform .24s ease;visibility:hidden;color:var(--text-primary,#252936)}
.ai-native-drawer.show {transform:translateX(0);visibility:visible}
.ai-native-drawer-head {display:flex;align-items:center;gap:14px;padding-top:env(safe-area-inset-top)}
.ai-native-drawer-head img {width:132px;height:34px;object-fit:contain}
.ai-native-new,.ai-native-settings-button {display:flex;align-items:center;gap:12px;font:inherit;font-size:14px;text-align:left;color:inherit;padding:14px 16px;border:1px solid #8882;border-radius:15px;background:rgba(128,128,160,.04);cursor:pointer}
.ai-native-new:hover,.ai-native-settings-button:hover {background:rgba(88,81,220,.08)}
.ai-native-new>span {font-size:22px}
.ai-native-drawer-bottom {margin-top:auto;position:relative}
.ai-native-settings-button {width:100%;border:0;background:none}
.ai-native-settings-button svg {width:20px;height:20px}
.ai-native-settings {position:absolute;left:0;bottom:calc(100% + 12px);width:100%;max-height:calc(100dvh - 210px);overflow:auto;padding:16px;border:1px solid #8882;border-radius:20px;background:var(--surface-primary,#fff);box-shadow:0 12px 35px #0001}
.ai-native-settings-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.ai-native-settings-head button {background:none;border:0;color:inherit;font-size:23px;cursor:pointer}
.ai-native-settings .share-tool-card {padding:12px 0;border:0;box-shadow:none;background:none;border-bottom:1px solid #8882;border-radius:0}
.ai-native-settings .share-tool-card strong {font-size:12px}.ai-native-settings .setting-select {width:100%;margin-top:8px;font-size:13px}
.ai-native-settings .settings-hint {font-size:11px;line-height:1.5}.ai-native-settings a {max-width:100%;overflow-wrap:anywhere;font-size:11px}
.ai-native-table {overflow:auto;white-space:normal;margin:14px 0;border:1px solid #8883;border-radius:12px}
.ai-native-table table {border-collapse:collapse;width:100%;font-size:14px}.ai-native-table th,.ai-native-table td {padding:10px 12px;border-bottom:1px solid #8882;text-align:left}.ai-native-table th {background:#8881}
#amlealtAiChat [hidden] {display:none!important}
#amlealtAiChat .amlealt-ai-bubble h3 {font-size:1em;margin:16px 0 6px}
@media(prefers-reduced-motion:reduce){.ai-native-drawer{transition:none}}

#amlealtAiChat .ai-native-model-trigger {background:transparent!important;color:var(--text-primary);border-radius:12px}
#amlealtAiChat .ai-native-model-trigger:hover {background:rgba(128,128,160,.06)!important}

/* IA reference refinement: only the open chat and its controls. */
body:has(#amlealtAiChat:is(.active,.closing)) #desktopBlockRail {display:none!important}
#amlealtAiChat {--ai-canvas:#f1f2f5;--ai-card:rgba(250,251,255,.85);--ai-line:rgba(107,119,146,.22);--ai-ink:#253044;--ai-muted:#8a929f;--ai-accent:#2864ee;--ai-selected:rgba(62,122,255,.18);--ai-shadow:0 18px 42px rgba(25,32,47,.15)}
body.app-dark-theme #amlealtAiChat {--ai-canvas:#171d27;--ai-card:rgba(35,43,57,.94);--ai-line:rgba(162,178,205,.18);--ai-ink:#edf2fc;--ai-muted:#a0adc1;--ai-selected:rgba(91,143,255,.23);--ai-shadow:0 18px 42px #0005}
body.app-theme-total #amlealtAiChat {--ai-canvas:#000;--ai-card:#111;--ai-line:#303030;--ai-ink:#fff;--ai-muted:#aaa;--ai-selected:#192949}
body.app-theme-clarity #amlealtAiChat {--ai-canvas:#f6f5f2;--ai-card:rgba(255,255,255,.92);--ai-line:#dcdcd8;--ai-ink:#303331;--ai-muted:#888c88}
#amlealtAiChat .amlealt-ai-sheet {background:var(--ai-canvas)!important;border:0!important;color:var(--ai-ink)}
#amlealtAiChat .amlealt-ai-topbar {background:transparent!important;border:0!important;box-shadow:none!important;z-index:5;overflow:visible;min-height:80px}
#amlealtAiChat .amlealt-ai-body,#amlealtAiChat .amlealt-ai-scroll,#amlealtAiChat .amlealt-ai-composer {background:transparent!important;border:0!important;box-shadow:none!important}
#amlealtAiChat .ai-native-model-trigger {gap:5px;font-size:16px;border:1px solid var(--ai-line)!important;background:var(--ai-card)!important;border-radius:999px;padding:11px 15px;box-shadow:0 8px 22px #0000000b;color:var(--ai-ink);font-weight:600}
#amlealtAiChat .ai-native-model-trigger span {color:var(--ai-muted)!important;opacity:1;font-weight:400}
.ai-model-chevron {width:16px;height:16px;flex:none;transition:transform .25s ease}
#amlealtAiTitle[aria-expanded=true] .ai-model-chevron {transform:rotate(180deg)}
#amlealtAiChat .ai-native-models {position:fixed;transform:none;z-index:40;overflow:auto;border-radius:26px;padding:9px;border:1px solid var(--ai-line);background:var(--ai-card);color:var(--ai-ink);box-shadow:var(--ai-shadow);backdrop-filter:blur(24px);animation:aiModelReveal .18s ease-out both}
#amlealtAiChat .ai-native-models button {display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px;border-radius:18px;min-height:54px;color:var(--ai-muted)!important;transition:background .2s ease}
#amlealtAiChat .ai-native-models button.selected {background:var(--ai-selected);color:var(--ai-ink)!important}
#amlealtAiChat .ai-native-models button:hover {background:var(--ai-selected)}
#amlealtAiChat .ai-model-symbol {width:21px;height:21px;flex:none}
#amlealtAiChat .ai-model-copy {display:flex;flex:1;flex-direction:column;gap:3px;text-align:left}
#amlealtAiChat .ai-model-copy strong {font-size:16px;font-weight:500;color:inherit!important}
#amlealtAiChat .ai-model-copy>span {font-size:12px;line-height:1.4;display:none;color:var(--ai-muted)!important}
#amlealtAiChat .from-composer .ai-model-copy>span {display:block}
#amlealtAiChat .ai-native-check {display:none;font-size:17px;float:none;flex:none;color:var(--ai-accent)!important}
#amlealtAiChat .selected .ai-native-check {display:block}
#amlealtAiChat .ai-model-heading {display:none;color:var(--ai-muted)!important;font-size:10px;font-weight:650;letter-spacing:.07em;background:none;margin:8px 14px 5px;padding:0}
#amlealtAiChat .from-composer .ai-model-heading {display:block}
#amlealtAiChat .ai-native-drawer {background:var(--ai-canvas);color:var(--ai-ink);border-color:var(--ai-line);width:min(320px,88vw);padding:24px 20px;gap:28px}
#amlealtAiChat .ai-native-drawer-head {justify-content:space-between}
#amlealtAiChat .ai-native-drawer-head img {width:38px;height:38px;object-fit:contain}
#amlealtAiChat .ai-native-drawer-head button {color:var(--ai-accent)!important;background:none!important;box-shadow:none!important}
#amlealtAiChat .ai-native-new,#amlealtAiChat .ai-native-settings-button {border:0;background:transparent!important;box-shadow:none!important;border-radius:12px;padding:12px 8px;font-size:16px;font-weight:400;color:var(--ai-ink)!important;gap:14px}
#amlealtAiChat .ai-native-new>span {font-size:26px;font-weight:400}
#amlealtAiChat .ai-native-new:hover,#amlealtAiChat .ai-native-settings-button:hover {background:var(--ai-selected)!important}
#amlealtAiChat .ai-native-settings-button svg {width:22px;height:22px}
#amlealtAiChat .ai-native-settings {background:var(--ai-card);color:var(--ai-ink);border-color:var(--ai-line)}
#amlealtAiChat .amlealt-ai-input-row {display:grid!important;grid-template-columns:minmax(0,1fr) 34px 48px;grid-template-rows:44px 0px;gap:0 10px;min-height:76px;border-radius:42px;border:1px solid var(--ai-line)!important;background:var(--ai-card)!important;box-shadow:var(--ai-shadow)!important;padding:14px 14px 14px 24px;transition:grid-template-rows .44s cubic-bezier(.2,.8,.2,1),border-radius .44s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .3s ease}
#amlealtAiChat .amlealt-ai-input-row:focus-within,#amlealtAiChat .amlealt-ai-input-row.model-open {grid-template-rows:76px 44px;border-radius:30px;border-color:rgba(90,142,255,.4)!important;box-shadow:0 16px 38px #1a22302e,0 0 0 2px rgba(95,151,255,.06)!important}
#amlealtAiChat .amlealt-ai-input {grid-row:1;grid-column:1;margin:0;padding:10px 0!important;height:44px;min-height:44px!important;max-height:130px;font-size:16px;line-height:24px;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;color:var(--ai-ink)!important;align-self:start;transition:min-height .4s ease}
#amlealtAiChat .amlealt-ai-input::placeholder {color:var(--ai-muted)!important}
#amlealtAiChat .amlealt-ai-input-row:focus-within .amlealt-ai-input,#amlealtAiChat .amlealt-ai-input-row.model-open .amlealt-ai-input {grid-column:1/-1;min-height:76px!important}
#amlealtAiChat .amlealt-ai-audio {grid-row:1;grid-column:2;border-radius:50%!important;align-self:center;background:none!important;color:var(--ai-muted)!important;width:34px;height:34px}
#amlealtAiChat .amlealt-ai-send {grid-row:1;grid-column:3;align-self:center;border-radius:50%!important;background:var(--ai-accent)!important;color:white!important;width:48px;height:48px;box-shadow:0 6px 16px #2864ee22}
#amlealtAiChat .amlealt-ai-input-row:is(:focus-within,.model-open) .amlealt-ai-audio,#amlealtAiChat .amlealt-ai-input-row:is(:focus-within,.model-open) .amlealt-ai-send {grid-row:2}
#amlealtAiChat .ai-composer-model {grid-row:2;grid-column:1;justify-self:start;display:flex;align-items:center;gap:5px;border:1px solid var(--ai-line);border-radius:15px;background:var(--ai-card);padding:10px 12px;font:inherit;font-size:12px;color:var(--ai-ink)!important;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .25s ease,transform .35s ease,visibility .25s;cursor:pointer;max-height:44px;white-space:nowrap}
#amlealtAiChat .ai-composer-model svg {width:16px;height:16px}
#amlealtAiChat .amlealt-ai-input-row:is(:focus-within,.model-open) .ai-composer-model {opacity:1;visibility:visible;transform:translateY(0)}
#amlealtAiChat .amlealt-ai-composer {padding-top:10px}
@keyframes aiModelReveal {from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){#amlealtAiChat .amlealt-ai-input-row{padding-left:20px;min-height:70px;grid-template-columns:minmax(0,1fr) 30px 44px;gap:0 8px}#amlealtAiChat .amlealt-ai-send{width:44px;height:44px}#amlealtAiChat .amlealt-ai-topbar{min-height:72px}}
@media(prefers-reduced-motion:reduce){#amlealtAiChat .amlealt-ai-input-row,#amlealtAiChat .ai-composer-model,#amlealtAiChat .ai-model-chevron{transition:none}#amlealtAiChat .ai-native-models{animation:none}}
#amlealtAiChat #aiNativeMenuButton {background:transparent!important;box-shadow:none!important;color:var(--ai-ink)!important}
#amlealtAiChat .ai-model-copy {opacity:1!important}
#amlealtAiChat .ai-model-copy strong {color:var(--ai-ink)!important}
#amlealtAiChat #aiComposerModel {background:var(--ai-card)!important;border-color:var(--ai-line)!important;box-shadow:0 7px 20px #0000000b}