/* Mostardas Transportes themes for Chatwoot. */
@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/IBMPlexSans-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 700;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url("/fonts/IBMPlexSans-VariableItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 700;
  font-display: swap;
}

:root {
  --mostardas-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont,
    "Segoe UI", Arial, sans-serif;
  --ninja-font-family: var(--mostardas-font-family);

  --mostardas-brand-solid: 155 101 0;
  --mostardas-brand-solid-hover: 140 91 0;
  --mostardas-brand-text: 140 91 0;
  --mostardas-brand-ring: 174 121 0;
  --mostardas-on-brand: 255 255 255;

  --slate-1: 252 252 251;
  --slate-2: 248 249 247;
  --slate-3: 241 242 239;
  --slate-4: 233 235 231;
  --slate-5: 224 226 221;
  --slate-6: 211 214 208;
  --slate-7: 194 198 191;
  --slate-8: 165 171 162;
  --slate-9: 105 111 102;
  --slate-10: 90 96 88;
  --slate-11: 70 75 68;
  --slate-12: 26 29 25;

  /* Chatwoot uses the blue scale for interactive accents. */
  --blue-1: 255 253 242;
  --blue-2: 255 249 220;
  --blue-3: 255 241 178;
  --blue-4: 255 229 120;
  --blue-5: 248 211 70;
  --blue-6: 229 184 32;
  --blue-7: 201 153 9;
  --blue-8: 174 121 0;
  --blue-9: 155 101 0;
  --blue-10: 140 91 0;
  --blue-11: 126 81 0;
  --blue-12: 56 40 0;

  --background-color: 244 245 242;
  --surface-1: 250 251 249;
  --surface-2: 255 255 255;
  --surface-active: 255 253 243;
  --background-input-box: 0, 0, 0, 0.035;
  --text-blue: 47 35 0;
  --border-container: 230 232 227;
  --border-strong: 215 218 212;
  --border-weak: 229 231 226;
  --border-blue-strong: 155 101 0;
  --solid-1: 255 255 255;
  --solid-2: 255 255 255;
  --solid-3: 251 252 249;
  --solid-active: 255 253 243;
  --solid-blue: 255 241 178;
  --solid-blue-2: 255 253 242;
  --card-color: 255 255 255;
  --button-color: 255 255 255;
  --label-background: 244 245 242;
  --alpha-1: 168, 174, 164, 0.18;
  --alpha-2: 117, 124, 113, 0.16;
  --alpha-3: 255, 255, 255, 0.96;
  --border-blue: 174, 121, 0, 0.5;
}

html,
body,
#app,
html .font-sans,
html .font-inter,
html .font-interDisplay,
html .font-default,
html .text-body-main,
html .text-body-para,
html .text-heading-1,
html .text-heading-2,
html .text-heading-3,
html .text-label,
html .text-label-small,
html .text-button {
  font-family: var(--mostardas-font-family) !important;
}

ninja-keys {
  --ninja-font-family: var(--mostardas-font-family);
  font-family: var(--mostardas-font-family) !important;
}

.dark {
  --mostardas-brand-solid: 246 197 20;
  --mostardas-brand-solid-hover: 255 211 48;
  --mostardas-brand-text: 248 207 51;
  --mostardas-brand-ring: 246 197 20;
  --mostardas-on-brand: 22 24 20;

  --slate-1: 16 17 16;
  --slate-2: 21 22 21;
  --slate-3: 28 30 28;
  --slate-4: 35 37 34;
  --slate-5: 44 46 43;
  --slate-6: 54 57 53;
  --slate-7: 68 72 66;
  --slate-8: 92 98 90;
  --slate-9: 112 118 109;
  --slate-10: 132 138 128;
  --slate-11: 183 188 179;
  --slate-12: 241 243 239;

  --blue-1: 29 27 20;
  --blue-2: 36 33 22;
  --blue-3: 53 45 18;
  --blue-4: 72 59 12;
  --blue-5: 91 73 8;
  --blue-6: 111 90 9;
  --blue-7: 138 113 14;
  --blue-8: 170 140 23;
  --blue-9: 246 197 20;
  --blue-10: 255 211 48;
  --blue-11: 248 207 51;
  --blue-12: 255 242 176;

  --background-color: 19 20 19;
  --surface-1: 24 25 24;
  --surface-2: 28 29 27;
  --surface-active: 42 44 40;
  --background-input-box: 255, 255, 255, 0.025;
  --text-blue: 255 242 176;
  --border-container: 255, 255, 255, 0;
  --border-strong: 57 60 55;
  --border-weak: 37 39 35;
  --border-blue-strong: 248 207 51;
  --solid-1: 24 25 24;
  --solid-2: 29 30 28;
  --solid-3: 38 40 36;
  --solid-active: 48 51 46;
  --solid-blue: 72 59 12;
  --solid-blue-2: 29 27 20;
  --card-color: 25 26 24;
  --button-color: 36 38 34;
  --label-background: 31 33 30;
  --alpha-1: 38, 40, 36, 0.82;
  --alpha-2: 185, 191, 178, 0.12;
  --alpha-3: 27, 29, 26, 0.96;
  --border-blue: 246, 197, 20, 0.5;
}

/* Concrete: cool gray workspace with a contrasting company-blue shell. */
.theme-concreto {
  --mostardas-brand-solid: 246 197 20;
  --mostardas-brand-solid-hover: 255 211 48;
  --mostardas-brand-text: 111 74 0;
  --mostardas-brand-ring: 155 101 0;
  --mostardas-on-brand: 23 32 51;

  --slate-1: 252 252 253;
  --slate-2: 247 248 249;
  --slate-3: 238 240 242;
  --slate-4: 225 228 232;
  --slate-5: 213 217 222;
  --slate-6: 197 202 209;
  --slate-7: 174 181 190;
  --slate-8: 143 153 164;
  --slate-9: 99 110 123;
  --slate-10: 82 93 106;
  --slate-11: 62 72 84;
  --slate-12: 23 32 51;

  --blue-1: 248 250 253;
  --blue-2: 241 246 251;
  --blue-3: 226 237 247;
  --blue-4: 208 225 240;
  --blue-5: 188 211 230;
  --blue-6: 163 192 217;
  --blue-7: 132 169 200;
  --blue-8: 91 136 175;
  --blue-9: 39 80 124;
  --blue-10: 30 69 111;
  --blue-11: 25 61 101;
  --blue-12: 13 35 61;

  --background-color: 231 233 235;
  --surface-1: 243 244 245;
  --surface-2: 252 252 252;
  --surface-active: 255 255 255;
  --background-input-box: 0, 0, 0, 0.045;
  --text-blue: 13 35 61;
  --border-container: 218 221 224;
  --border-strong: 197 202 209;
  --border-weak: 218 222 226;
  --border-blue-strong: 39 80 124;
  --solid-1: 252 252 252;
  --solid-2: 247 248 249;
  --solid-3: 238 240 242;
  --solid-active: 255 255 255;
  --solid-blue: 208 225 240;
  --solid-blue-2: 248 250 253;
  --card-color: 252 252 252;
  --button-color: 252 252 252;
  --label-background: 238 240 242;
  --alpha-1: 91, 102, 115, 0.16;
  --alpha-2: 65, 77, 90, 0.14;
  --alpha-3: 255, 255, 255, 0.96;
  --border-blue: 39, 80, 124, 0.5;
}

.theme-concreto aside.bg-n-background {
  --mostardas-brand-text: 248 207 51;
  --mostardas-brand-ring: 246 197 20;
  --slate-1: 14 23 38;
  --slate-2: 18 29 47;
  --slate-3: 24 39 61;
  --slate-4: 31 49 75;
  --slate-5: 40 61 90;
  --slate-6: 51 75 106;
  --slate-7: 68 94 127;
  --slate-8: 92 120 153;
  --slate-9: 113 139 169;
  --slate-10: 139 161 187;
  --slate-11: 196 207 219;
  --slate-12: 247 249 251;
  --blue-1: 14 26 42;
  --blue-2: 18 34 56;
  --blue-3: 24 48 76;
  --blue-4: 30 61 97;
  --blue-5: 38 77 121;
  --blue-6: 49 95 145;
  --blue-7: 64 117 170;
  --blue-8: 86 140 193;
  --blue-9: 50 118 177;
  --blue-10: 67 135 193;
  --blue-11: 143 197 238;
  --blue-12: 220 237 250;
  --background-color: 23 32 51;
  --surface-1: 27 39 61;
  --surface-2: 31 44 68;
  --surface-active: 43 59 87;
  --border-strong: 62 78 103;
  --border-weak: 38 52 78;
  --solid-1: 27 39 61;
  --solid-2: 31 44 68;
  --solid-3: 40 55 82;
  --solid-active: 48 65 94;
  --button-color: 31 44 68;
  --alpha-1: 43, 59, 87, 0.82;
  --alpha-2: 196, 207, 219, 0.12;
  --alpha-3: 27, 39, 61, 0.96;
}

/* Road blue: an immersive navy workspace with yellow brand actions. */
.dark.theme-rodovia {
  --mostardas-brand-solid: 246 197 20;
  --mostardas-brand-solid-hover: 255 211 48;
  --mostardas-brand-text: 248 207 51;
  --mostardas-brand-ring: 246 197 20;
  --mostardas-on-brand: 23 32 51;

  --slate-1: 12 22 36;
  --slate-2: 16 29 47;
  --slate-3: 22 39 61;
  --slate-4: 29 49 75;
  --slate-5: 38 61 90;
  --slate-6: 49 75 106;
  --slate-7: 66 94 127;
  --slate-8: 90 120 153;
  --slate-9: 111 139 169;
  --slate-10: 137 161 187;
  --slate-11: 194 207 219;
  --slate-12: 245 248 251;

  --blue-1: 10 23 38;
  --blue-2: 14 31 51;
  --blue-3: 20 45 72;
  --blue-4: 26 58 92;
  --blue-5: 34 73 114;
  --blue-6: 45 91 137;
  --blue-7: 61 112 162;
  --blue-8: 82 135 187;
  --blue-9: 39 91 136;
  --blue-10: 55 112 161;
  --blue-11: 143 197 238;
  --blue-12: 220 237 250;

  --background-color: 13 23 38;
  --surface-1: 17 31 49;
  --surface-2: 22 39 61;
  --surface-active: 34 55 82;
  --background-input-box: 255, 255, 255, 0.03;
  --text-blue: 220 237 250;
  --border-container: 255, 255, 255, 0;
  --border-strong: 52 72 99;
  --border-weak: 29 45 68;
  --border-blue-strong: 143 197 238;
  --solid-1: 17 31 49;
  --solid-2: 22 39 61;
  --solid-3: 29 49 75;
  --solid-active: 38 61 90;
  --solid-blue: 26 58 92;
  --solid-blue-2: 10 23 38;
  --card-color: 18 33 52;
  --button-color: 29 49 75;
  --label-background: 24 42 65;
  --alpha-1: 34, 55, 82, 0.84;
  --alpha-2: 194, 207, 219, 0.12;
  --alpha-3: 17, 31, 49, 0.96;
  --border-blue: 143, 197, 238, 0.5;
}

/* High contrast: constrained black, white and company yellow palette. */
.dark.theme-contraste {
  --mostardas-brand-solid: 252 229 0;
  --mostardas-brand-solid-hover: 255 239 71;
  --mostardas-brand-text: 255 235 43;
  --mostardas-brand-ring: 252 229 0;
  --mostardas-on-brand: 0 0 0;

  --slate-1: 0 0 0;
  --slate-2: 6 6 6;
  --slate-3: 13 13 13;
  --slate-4: 20 20 20;
  --slate-5: 29 29 29;
  --slate-6: 42 42 42;
  --slate-7: 65 65 65;
  --slate-8: 96 96 96;
  --slate-9: 128 128 128;
  --slate-10: 171 171 171;
  --slate-11: 240 240 240;
  --slate-12: 255 255 255;

  --blue-1: 20 18 0;
  --blue-2: 29 26 0;
  --blue-3: 48 42 0;
  --blue-4: 66 57 0;
  --blue-5: 86 74 0;
  --blue-6: 111 95 0;
  --blue-7: 143 122 0;
  --blue-8: 188 162 0;
  --blue-9: 252 229 0;
  --blue-10: 255 239 71;
  --blue-11: 255 235 43;
  --blue-12: 255 250 190;

  --background-color: 0 0 0;
  --surface-1: 7 7 7;
  --surface-2: 13 13 13;
  --surface-active: 29 29 29;
  --background-input-box: 255, 255, 255, 0.06;
  --text-blue: 255 250 190;
  --border-container: 255, 255, 255, 0.2;
  --border-strong: 150 150 150;
  --border-weak: 78 78 78;
  --border-blue-strong: 255 235 43;
  --solid-1: 7 7 7;
  --solid-2: 13 13 13;
  --solid-3: 24 24 24;
  --solid-active: 35 35 35;
  --solid-blue: 66 57 0;
  --solid-blue-2: 20 18 0;
  --card-color: 8 8 8;
  --button-color: 24 24 24;
  --label-background: 18 18 18;
  --alpha-1: 35, 35, 35, 0.95;
  --alpha-2: 255, 255, 255, 0.16;
  --alpha-3: 8, 8, 8, 0.98;
  --border-blue: 252, 229, 0, 0.75;
}

/* Signage: a dark dispatch console with precise yellow wayfinding. */
.dark.theme-sinalizacao {
  --mostardas-brand-solid: 246 216 0;
  --mostardas-brand-solid-hover: 255 231 46;
  --mostardas-brand-text: 250 224 34;
  --mostardas-brand-ring: 246 216 0;
  --mostardas-on-brand: 11 14 15;

  --slate-1: 10 13 14;
  --slate-2: 14 18 20;
  --slate-3: 20 25 28;
  --slate-4: 27 33 36;
  --slate-5: 36 43 46;
  --slate-6: 47 55 58;
  --slate-7: 63 72 75;
  --slate-8: 86 96 99;
  --slate-9: 112 122 124;
  --slate-10: 142 151 152;
  --slate-11: 194 201 201;
  --slate-12: 246 248 247;

  --blue-1: 27 26 13;
  --blue-2: 36 34 12;
  --blue-3: 53 48 8;
  --blue-4: 72 64 5;
  --blue-5: 94 83 3;
  --blue-6: 121 106 2;
  --blue-7: 155 135 0;
  --blue-8: 199 174 0;
  --blue-9: 246 216 0;
  --blue-10: 255 231 46;
  --blue-11: 250 224 34;
  --blue-12: 255 248 181;

  --background-color: 10 13 14;
  --surface-1: 14 18 20;
  --surface-2: 20 25 28;
  --surface-active: 32 39 42;
  --background-input-box: 255, 255, 255, 0.035;
  --text-blue: 255 248 181;
  --border-container: 43 50 53;
  --border-strong: 71 80 83;
  --border-weak: 31 37 40;
  --border-blue-strong: 246 216 0;
  --solid-1: 14 18 20;
  --solid-2: 20 25 28;
  --solid-3: 27 33 36;
  --solid-active: 38 46 49;
  --solid-blue: 72 64 5;
  --solid-blue-2: 27 26 13;
  --card-color: 16 20 22;
  --button-color: 25 31 34;
  --label-background: 25 31 34;
  --alpha-1: 38, 46, 49, 0.88;
  --alpha-2: 246, 216, 0, 0.13;
  --alpha-3: 16, 20, 22, 0.97;
  --border-blue: 246, 216, 0, 0.68;
}

.dark.theme-sinalizacao aside.bg-n-background {
  background-color: rgb(12 15 16) !important;
  border-inline-end: 3px solid rgb(246 216 0) !important;
}

.dark.theme-sinalizacao aside nav .bg-n-alpha-2 {
  background-color: rgb(246 216 0) !important;
  color: rgb(11 14 15) !important;
  box-shadow: inset 4px 0 0 rgb(255 255 255 / 0.82);
}

.dark.theme-sinalizacao aside nav .bg-n-alpha-2 * {
  color: inherit !important;
}

.dark.theme-sinalizacao aside a[href*="/search"] {
  border-inline-start: 3px solid rgb(246 216 0);
  outline-color: rgb(63 72 75) !important;
}

.dark.theme-sinalizacao .conversations-list-wrap {
  background-color: rgb(18 23 25) !important;
  border-top: 4px solid rgb(246 216 0);
  border-inline-end: 1px solid rgb(71 80 83);
}

.dark.theme-sinalizacao .conversations-list-wrap .conversations-list {
  background-color: rgb(18 23 25) !important;
}

.dark.theme-sinalizacao .conversation-details-wrap,
.dark.theme-sinalizacao .conversation-details-wrap .bg-n-surface-1 {
  background-color: rgb(8 11 12) !important;
}

.dark.theme-sinalizacao [role="tab"][aria-selected="true"] {
  border-bottom-color: rgb(246 216 0) !important;
  color: rgb(250 224 34) !important;
}

.dark.theme-sinalizacao :is(.rounded-xl, .rounded-lg, .rounded-md) {
  border-radius: 4px !important;
}

/* Manifest: navy work surfaces set against a high-impact yellow navigation block. */
.dark.theme-manifesto {
  --mostardas-brand-solid: 248 218 0;
  --mostardas-brand-solid-hover: 255 232 50;
  --mostardas-brand-text: 255 226 24;
  --mostardas-brand-ring: 248 218 0;
  --mostardas-on-brand: 8 18 29;

  --slate-1: 6 16 26;
  --slate-2: 9 23 36;
  --slate-3: 13 31 47;
  --slate-4: 18 41 61;
  --slate-5: 25 53 76;
  --slate-6: 35 67 92;
  --slate-7: 49 83 109;
  --slate-8: 70 105 132;
  --slate-9: 96 130 155;
  --slate-10: 125 155 177;
  --slate-11: 190 207 219;
  --slate-12: 247 250 252;

  --blue-1: 27 27 13;
  --blue-2: 38 36 10;
  --blue-3: 56 51 6;
  --blue-4: 77 68 3;
  --blue-5: 100 88 1;
  --blue-6: 129 113 0;
  --blue-7: 165 144 0;
  --blue-8: 205 179 0;
  --blue-9: 248 218 0;
  --blue-10: 255 232 50;
  --blue-11: 255 226 24;
  --blue-12: 255 249 188;

  --background-color: 6 16 26;
  --surface-1: 9 23 36;
  --surface-2: 13 31 47;
  --surface-active: 20 45 66;
  --background-input-box: 255, 255, 255, 0.035;
  --text-blue: 255 249 188;
  --border-container: 40 70 94;
  --border-strong: 61 94 120;
  --border-weak: 27 53 73;
  --border-blue-strong: 248 218 0;
  --solid-1: 9 23 36;
  --solid-2: 13 31 47;
  --solid-3: 18 41 61;
  --solid-active: 25 53 76;
  --solid-blue: 77 68 3;
  --solid-blue-2: 27 27 13;
  --card-color: 10 25 39;
  --button-color: 18 41 61;
  --label-background: 16 37 55;
  --alpha-1: 22, 48, 70, 0.9;
  --alpha-2: 248, 218, 0, 0.15;
  --alpha-3: 10, 25, 39, 0.98;
  --border-blue: 248, 218, 0, 0.72;
}

.dark.theme-manifesto aside.bg-n-background {
  --slate-1: 255 247 157;
  --slate-2: 255 235 74;
  --slate-3: 248 218 0;
  --slate-4: 226 198 0;
  --slate-5: 196 171 0;
  --slate-6: 161 140 0;
  --slate-7: 127 110 0;
  --slate-8: 92 80 0;
  --slate-9: 61 53 0;
  --slate-10: 43 38 0;
  --slate-11: 28 27 18;
  --slate-12: 10 15 19;
  --background-color: 248 218 0;
  --surface-1: 248 218 0;
  --surface-2: 255 228 29;
  --surface-active: 17 22 25;
  --solid-1: 248 218 0;
  --solid-2: 255 228 29;
  --solid-3: 226 198 0;
  --solid-active: 17 22 25;
  --button-color: 255 228 29;
  --label-background: 226 198 0;
  --border-container: 10 15 19;
  --border-strong: 73 64 3;
  --border-weak: 190 166 0;
  --alpha-1: 10, 15, 19, 0.08;
  --alpha-2: 10, 15, 19, 0.15;
  --alpha-3: 255, 228, 29, 0.98;
  background-color: rgb(248 218 0) !important;
  border-inline-end: 4px solid rgb(10 15 19) !important;
}

.dark.theme-manifesto aside nav .bg-n-alpha-2 {
  background-color: rgb(10 15 19) !important;
  color: rgb(255 255 255) !important;
}

.dark.theme-manifesto aside nav .bg-n-alpha-2 * {
  color: inherit !important;
}

.dark.theme-manifesto aside a[href*="/search"] {
  background-color: rgb(10 15 19) !important;
  color: rgb(255 255 255) !important;
  outline: 2px solid rgb(10 15 19) !important;
}

.dark.theme-manifesto aside a[href*="/search"] * {
  color: inherit !important;
}

.dark.theme-manifesto .conversations-list-wrap {
  background-color: rgb(11 29 45) !important;
  border-top: 4px solid rgb(248 218 0);
  border-inline-end: 2px solid rgb(248 218 0);
}

.dark.theme-manifesto .conversations-list-wrap .conversations-list {
  background-color: rgb(11 29 45) !important;
}

.dark.theme-manifesto .conversation-details-wrap,
.dark.theme-manifesto .conversation-details-wrap .bg-n-surface-1 {
  background-color: rgb(5 14 23) !important;
}

.dark.theme-manifesto #app header {
  border-bottom: 3px solid rgb(248 218 0) !important;
}

.dark.theme-manifesto [role="tab"][aria-selected="true"] {
  background-color: rgb(248 218 0) !important;
  color: rgb(8 18 29) !important;
  border-color: rgb(248 218 0) !important;
}

.dark.theme-manifesto :is(.rounded-xl, .rounded-lg, .rounded-md) {
  border-radius: 1px !important;
}

.dark.theme-manifesto :is(.shadow-sm, .shadow, .shadow-md, .shadow-lg) {
  box-shadow: none !important;
}

.dark.theme-manifesto [role="dialog"] {
  border: 2px solid rgb(248 218 0) !important;
}

/* The logo identifies the active workspace instead of floating as decoration. */
:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher) {
  align-items: stretch;
  flex-direction: column;
  gap: 0;
  margin-inline: 0.5rem;
  padding: 0.5rem 0.625rem 0.375rem !important;
  background-color: rgb(23 32 51);
}

:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher)::before {
  content: "";
  display: block;
  width: 100%;
  height: 2.4rem;
  background: url("/brand-assets/mostardas-login-v1.svg") center / contain no-repeat;
}

:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher)
  > div.grid:first-child,
:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher)
  > div[class*="w-px"] {
  display: none !important;
}

:is(.dark.theme-sinalizacao, .dark.theme-manifesto) #sidebar-account-switcher {
  min-height: 1.65rem;
  margin-top: 0.25rem;
  padding-inline: 0.375rem;
  border-top: 1px solid rgb(255 255 255 / 0.16);
  border-radius: 0 !important;
}

:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  #sidebar-account-switcher
  span {
  color: rgb(255 255 255 / 0.82) !important;
}

.dark.theme-sinalizacao
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher) {
  border-bottom: 4px solid rgb(246 216 0);
}

.dark.theme-sinalizacao #sidebar-account-switcher span {
  color: rgb(250 224 34) !important;
}

.dark.theme-manifesto
  aside.bg-n-background
  > section:first-of-type
  > div:first-child:has(#sidebar-account-switcher) {
  border: 2px solid rgb(10 15 19);
}

/* Empty states use theme-native status blocks; the logo stays in the workspace header. */
:is(.dark.theme-sinalizacao, .dark.theme-manifesto) img[src*="no-chat-"] {
  display: none !important;
}

:is(.dark.theme-sinalizacao, .dark.theme-manifesto)
  div:has(> img[src*="no-chat-"])
  > span {
  max-width: min(28rem, calc(100% - 2rem));
  margin: 0 !important;
  padding: 0.75rem 1rem;
}

.dark.theme-sinalizacao div:has(> img[src*="no-chat-"]) > span {
  background-color: rgb(20 25 28);
  border-inline-start: 4px solid rgb(246 216 0);
  color: rgb(218 223 222) !important;
}

.dark.theme-manifesto div:has(> img[src*="no-chat-"]) > span {
  background-color: rgb(248 218 0);
  border: 2px solid rgb(10 15 19);
  color: rgb(8 18 29) !important;
  font-weight: 600;
}

/* Hide the reply/private-note mode selector. */
.reply-box > div:first-child > button:first-child {
  display: none !important;
}

/* Replace Chatwoot's fixed blue brand utility with the active theme accent. */
.bg-n-brand,
.bg-\[\#2781F6\],
.group:hover .group-hover\:bg-n-brand,
.checked\:bg-n-brand:checked,
.indeterminate\:bg-n-brand:indeterminate,
.dark\:checked\:bg-n-brand:checked:is(.dark *) {
  background-color: rgb(var(--mostardas-brand-solid) / var(--tw-bg-opacity, 1)) !important;
}

.bg-n-brand\/5 {
  background-color: rgb(var(--mostardas-brand-solid) / 0.05) !important;
}

.bg-n-brand\/10,
.hover\:bg-n-brand\/10:hover,
.dark\:bg-n-brand\/10:is(.dark *) {
  background-color: rgb(var(--mostardas-brand-solid) / 0.1) !important;
}

.bg-n-brand\/20,
.focus-visible\:bg-n-brand\/20:focus-visible,
.hover\:enabled\:bg-n-brand\/20:enabled:hover {
  background-color: rgb(var(--mostardas-brand-solid) / 0.2) !important;
}

.hover\:bg-n-brand\/80:hover {
  background-color: rgb(var(--mostardas-brand-solid-hover) / 0.92) !important;
}

.before\:bg-n-brand::before,
.after\:bg-n-brand::after {
  background-color: rgb(var(--mostardas-brand-solid)) !important;
}

.text-n-brand,
.hover\:text-n-brand:hover,
.group:focus-within .group-focus-within\:text-n-brand,
.group:hover .group-hover\:text-n-brand,
.prose-strong\:text-n-brand :is(strong),
.dark\:hover\:text-n-brand:hover:is(.dark *),
p a {
  color: rgb(var(--mostardas-brand-text)) !important;
}

.border-n-brand,
.border-n-brand\/50,
.checked\:border-n-brand:checked,
.indeterminate\:border-n-brand:indeterminate,
.hover\:border-n-brand:hover,
.focus\:border-n-brand:focus,
.dark\:border-n-brand:is(.dark *),
.dark\:checked\:border-n-brand:checked:is(.dark *) {
  border-color: rgb(var(--mostardas-brand-ring) / var(--tw-border-opacity, 1)) !important;
}

.border-t-n-brand,
.before\:\!border-t-n-brand::before {
  border-top-color: rgb(var(--mostardas-brand-ring)) !important;
}

.outline-n-brand,
.\!outline-n-brand,
.focus-within\:outline-n-brand:focus-within,
.focus\:outline-n-brand:focus,
.focus-visible\:outline-n-brand:focus-visible,
.has-\[\:focus\]\:outline-n-brand:has(:focus),
.dark\:\!outline-n-brand:is(.dark *),
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *),
.dark\:focus\:outline-n-brand:focus:is(.dark *),
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *),
input[type]:not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="color"]):not([type="image"]):not([type="hidden"]):not(.reset-base):not(.no-margin):focus,
select:focus,
textarea:focus {
  outline-color: rgb(var(--mostardas-brand-ring)) !important;
}

.ring-n-brand,
.focus-within\:ring-n-brand:focus-within,
.focus\:ring-n-brand:focus,
.focus-visible\:ring-n-brand:focus-visible,
.dark\:ring-n-brand:is(.dark *) {
  --tw-ring-color: rgb(var(--mostardas-brand-ring) / var(--tw-ring-opacity, 1)) !important;
}

.from-n-brand\/15 {
  --tw-gradient-from: rgb(var(--mostardas-brand-solid) / 0.15) var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(var(--mostardas-brand-solid) / 0) var(--tw-gradient-to-position) !important;
}

/* Keep text and check marks readable on each theme's brand color. */
.bg-n-brand,
.bg-n-brand.text-white,
.bg-n-brand .text-white,
.bg-\[\#2781F6\],
.group:hover .group-hover\:bg-n-brand,
.checked\:bg-n-brand:checked,
.indeterminate\:bg-n-brand:indeterminate {
  color: rgb(var(--mostardas-on-brand)) !important;
}

input.checked\:bg-n-brand:checked ~ svg,
input.indeterminate\:bg-n-brand:indeterminate ~ svg {
  stroke: rgb(var(--mostardas-on-brand)) !important;
}

.dark:not(.theme-rodovia) .bg-n-blue-9.text-white,
.dark:not(.theme-rodovia) .bg-n-blue-9 .text-white,
.dark:not(.theme-rodovia) .bg-n-blue-10.text-white,
.dark:not(.theme-rodovia) .bg-n-blue-10 .text-white {
  color: rgb(0 0 0) !important;
}

/* Legacy dashboard components that still contain Chatwoot's fixed blue. */
.banner.primary,
.notification--unread-indicator,
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type="submit"] {
  background-color: rgb(var(--mostardas-brand-solid)) !important;
  color: rgb(var(--mostardas-on-brand)) !important;
}

.ProseMirror-prompt .ProseMirror-prompt-buttons button[type="submit"]:hover {
  background-color: rgb(var(--mostardas-brand-solid-hover)) !important;
}

.banner.primary {
  color: rgb(var(--mostardas-on-brand)) !important;
}