/* Tindiba visual layer. No permissions, APIs or message behavior. */
:root,:root.light,.light {
 --blue-1:248 253 249; --blue-2:241 250 243; --blue-3:226 244 231;
 --blue-4:207 236 214; --blue-5:182 225 194; --blue-6:150 208 167;
 --blue-7:112 184 134; --blue-8:64 151 91; --blue-9:7 122 39;
 --blue-10:5 105 33; --blue-11:7 111 37; --blue-12:15 56 29;
 --tindiba-orange:#ff6d22; --tindiba-green:#077a27;
 --w-500:#077a27; --w-600:#056921;
}
:root.dark,.dark {
 --blue-1:14 24 17; --blue-2:17 31 22; --blue-3:20 45 29;
 --blue-4:24 60 36; --blue-5:28 74 42; --blue-6:35 89 51;
 --blue-7:43 110 63; --blue-8:51 136 77; --blue-9:7 122 39;
 --blue-10:37 146 70; --blue-11:111 215 145; --blue-12:201 244 213;
}
/* Preserve status, destructive-action and notification colors. */
:where(button,a,input,textarea,select):focus-visible {
 outline:2px solid #077a27; outline-offset:3px;
}
::selection {background:#cfecd6;color:#0f381d}
/* n-brand is a literal color in this vendor build, so map its semantic utilities too. */
[class~="bg-n-brand"],[class~="bg-woot-500"] {background-color:#077a27!important}
[class~="text-n-brand"],[class~="text-woot-500"] {color:var(--tindiba-green)!important}
.dark [class~="text-n-brand"],.dark [class~="text-woot-500"] {color:#73d790!important}
[class~="border-n-brand"],[class~="border-woot-500"] {border-color:#077a27!important}
[class~="hover:bg-n-brand"]:hover,[class~="hover:bg-woot-600"]:hover {background-color:#056921!important}
aside:has(#sidebar-account-switcher) [aria-current="page"] {background:rgb(var(--blue-3));color:rgb(var(--blue-11))}
aside:has(#sidebar-account-switcher) img[src*="/tindiba-brand/assets/logo-original.png"] {
 width:44px!important;height:44px!important;max-width:none;background:#fff;border-radius:7px;object-fit:contain;
}
aside:has(#sidebar-account-switcher) div:has(>img[src*="/tindiba-brand/assets/logo-original.png"]) {
 width:44px!important;height:44px!important;flex-shrink:0;
}
/* A small brand accent; action/status semantics are unchanged. */
aside:has(#sidebar-account-switcher) {border-top:3px solid #ff6d22}

