/*
 * AnnurCare Therapist web parity layer.
 * Mirrors the native therapist app visual system while leaving page logic intact.
 */
:root {
    --annur-forest: #184d47;
    --annur-forest-dark: #0f3a35;
    --annur-sage: #eaf5ef;
    --annur-ivory: #f8f6f2;
    --annur-text: #101828;
    --annur-muted: #667085;
    --annur-soft-muted: #98a2b3;
    --annur-line: rgba(24, 77, 71, 0.1);
    --annur-shadow: 0 14px 34px rgba(16, 24, 40, 0.07);
    --annur-soft-shadow: 0 8px 22px rgba(16, 24, 40, 0.05);
}

body.annur-team-app {
    color: var(--annur-text);
    background:
        linear-gradient(rgba(248, 246, 242, 0.9), rgba(248, 246, 242, 0.96)),
        url("../bg-image.png") center top / cover fixed,
        var(--annur-ivory) !important;
    font-family: Inter, "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body.annur-team-app main {
    background:
        radial-gradient(circle at 50% 0%, rgba(234, 245, 239, 0.72), transparent 34%),
        var(--annur-ivory) !important;
}

body.annur-team-app main > div {
    scrollbar-width: thin;
    scrollbar-color: rgba(24, 77, 71, 0.28) transparent;
}

body.annur-team-app h1,
body.annur-team-app h2,
body.annur-team-app h3,
body.annur-team-app .text-slate-900 {
    color: var(--annur-text) !important;
    letter-spacing: 0;
}

body.annur-team-app .text-slate-500,
body.annur-team-app .text-slate-600 {
    color: var(--annur-muted) !important;
}

body.annur-team-app [class*="bg-[#1E463E]"],
body.annur-team-app [class*="bg-forest"] {
    background-color: var(--annur-forest) !important;
}

body.annur-team-app [class*="text-[#1E463E]"],
body.annur-team-app [class*="text-forest"] {
    color: var(--annur-forest) !important;
}

body.annur-team-app [class*="border-[#1E463E]"] {
  border-color: var(--annur-forest) !important;
}

body.annur-team-app [class*="bg-[#F3F4F6]"],
body.annur-team-app [class*="bg-[#E9EDF0]"] {
  background-color: rgba(234, 245, 239, 0.74) !important;
}

body.annur-team-app section[class*="rounded-3xl"],
body.annur-team-app article[class*="rounded-3xl"],
body.annur-team-app div[class*="rounded-3xl"],
body.annur-team-app section[class*="rounded-2xl"],
body.annur-team-app article[class*="rounded-2xl"] {
    border-radius: 22px !important;
}

body.annur-team-app section[class*="bg-white"],
body.annur-team-app article[class*="bg-white"],
body.annur-team-app div[class*="bg-white"] {
    border-color: var(--annur-line) !important;
}

body.annur-team-app section[class*="shadow"],
body.annur-team-app article[class*="shadow"],
body.annur-team-app div[class*="shadow"] {
    box-shadow: var(--annur-shadow) !important;
}

body.annur-team-app input,
body.annur-team-app textarea,
body.annur-team-app select {
    border-color: rgba(102, 112, 133, 0.18) !important;
    border-radius: 16px !important;
}

body.annur-team-app input:focus,
body.annur-team-app textarea:focus,
body.annur-team-app select:focus {
    border-color: var(--annur-forest) !important;
    box-shadow: 0 0 0 4px rgba(24, 77, 71, 0.1) !important;
    outline: none !important;
}

body.annur-team-app button,
body.annur-team-app a {
    transition: transform 220ms ease, box-shadow 220ms ease, background-color 220ms ease, color 220ms ease, border-color 220ms ease;
}

body.annur-team-app a:active,
body.annur-team-app button:active {
    transform: scale(0.985);
}

body.annur-team-app .team-bottom-nav {
    left: 50% !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    width: min(calc(100% - 24px), 456px) !important;
    min-height: 80px;
    border: 1px solid rgba(24, 77, 71, 0.08) !important;
    border-radius: 28px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.12) !important;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
}

body.annur-team-app .team-bottom-nav a {
    min-width: 64px;
    min-height: 56px;
    border-radius: 18px !important;
    color: #667085 !important;
}

body.annur-team-app .team-bottom-nav a[class*="bg-[#1E463E]"],
body.annur-team-app .team-bottom-nav a[class*="bg-[#184D47]"] {
    background: var(--annur-forest) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(24, 77, 71, 0.2) !important;
}

body.annur-team-app .team-bottom-nav a[class*="bg-[#1E463E]"] span,
body.annur-team-app .team-bottom-nav a[class*="bg-[#184D47]"] span,
body.annur-team-app .team-bottom-nav a[class*="bg-[#1E463E]"] i,
body.annur-team-app .team-bottom-nav a[class*="bg-[#184D47]"] i {
    color: #fff !important;
}

body.annur-team-app .team-bottom-nav a:not([class*="bg-[#1E463E]"]):not([class*="bg-[#184D47]"]) span,
body.annur-team-app .team-bottom-nav a:not([class*="bg-[#1E463E]"]):not([class*="bg-[#184D47]"]) i {
    color: #667085 !important;
}

body.annur-team-app .team-auth-logo {
    background: linear-gradient(135deg, var(--annur-forest), var(--annur-forest-dark)) !important;
    border-radius: 28px !important;
}

body.annur-team-app .annur-premium-panel {
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid var(--annur-line) !important;
    border-radius: 28px !important;
    box-shadow: var(--annur-shadow) !important;
}

body.annur-team-app .annur-soft-panel {
    background: rgba(234, 245, 239, 0.78) !important;
    border: 1px solid rgba(24, 77, 71, 0.08) !important;
    border-radius: 22px !important;
}