/* Capa de color de marca Reproexpres sobre el panel de Chatwoot.
   GENERADA por branding/generar-css-marca.py a partir de Messages-BHylWXtb.css, UnreadMessageList-Cn-n9TQ5.css, dashboard-CdCzxnFM.css, superadmin-CupiCfNz.css, v3app-Bjpx8S56.css
   No editar a mano: hay que regenerarla tras cada upgrade de Chatwoot. */
:root,.dark{--blue-9:237 114 51;--blue-10:201 85 28;}
.file .icon-wrap[data-v-7ea48b19]{font-size:2.5rem;line-height:1;--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.file .icon-wrap[data-v-7ea48b19]{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.file .download[data-v-7ea48b19]{margin:0;padding:0;font-size:.75rem;line-height:1rem;font-weight:500;--tw-text-opacity: 1;color:#c9551c !important;text-decoration-line:none}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.file .download[data-v-7ea48b19]{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.option[data-v-74ee74cc]{margin:.25rem;max-width:100%;border-radius:5rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.option[data-v-74ee74cc]{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.email-input-group input[data-v-c0f153df]:focus{outline-color:#ed7233 !important;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.customer-satisfaction .feedback-form input[data-v-b42a988a]:focus{outline-color:#ed7233 !important;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color),var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}
.unread-wrap .clear-button[data-v-4f260fa6]{transition:all .3s cubic-bezier(.17,.67,.83,.67);margin-left:.25rem;border-width:0px;border-style:none;background-color:transparent;padding-top:0;padding-bottom:0;padding-left:0;padding-right:.625rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.unread-wrap .clear-button[data-v-4f260fa6]{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.banner.primary[data-v-dd067508]{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.banner.primary[data-v-dd067508]{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
:root{--slate-1: 252 252 253;--slate-2: 249 249 251;--slate-3: 240 240 243;--slate-4: 232 232 236;--slate-5: 224 225 230;--slate-6: 217 217 224;--slate-7: 205 206 214;--slate-8: 185 187 198;--slate-9: 139 141 152;--slate-10: 128 131 141;--slate-11: 96 100 108;--slate-12: 28 32 36;--iris-1: 253 253 255;--iris-2: 248 248 255;--iris-3: 240 241 254;--iris-4: 230 231 255;--iris-5: 218 220 255;--iris-6: 203 205 255;--iris-7: 184 186 248;--iris-8: 155 158 240;--iris-9: 91 91 214;--iris-10: 81 81 205;--iris-11: 87 83 198;--iris-12: 39 41 98;--blue-1: 251 253 255;--blue-2: 245 249 255;--blue-3: 233 243 255;--blue-4: 218 236 255;--blue-5: 201 226 255;--blue-6: 181 213 255;--blue-7: 155 195 252;--blue-8: 117 171 247;--blue-9: 237 114 51;--blue-10: 16 115 233;--blue-11: 8 109 224;--blue-12: 11 50 101;--ruby-1: 255 252 253;--ruby-2: 255 247 248;--ruby-3: 254 234 237;--ruby-4: 255 220 225;--ruby-5: 255 206 214;--ruby-6: 248 191 200;--ruby-7: 239 172 184;--ruby-8: 229 146 163;--ruby-9: 229 70 102;--ruby-10: 220 59 93;--ruby-11: 202 36 77;--ruby-12: 100 23 43;--amber-1: 254 253 251;--amber-2: 254 251 233;--amber-3: 255 247 194;--amber-4: 255 238 156;--amber-5: 251 229 119;--amber-6: 243 214 115;--amber-7: 233 193 98;--amber-8: 226 163 54;--amber-9: 255 197 61;--amber-10: 255 186 24;--amber-11: 171 100 0;--amber-12: 79 52 34;--teal-1: 250 254 253;--teal-2: 243 251 249;--teal-3: 224 248 243;--teal-4: 204 243 234;--teal-5: 184 234 224;--teal-6: 161 222 210;--teal-7: 131 205 193;--teal-8: 83 185 171;--teal-9: 18 165 148;--teal-10: 13 155 138;--teal-11: 0 133 115;--teal-12: 13 61 56;--gray-1: 252 252 252;--gray-2: 249 249 249;--gray-3: 240 240 240;--gray-4: 232 232 232;--gray-5: 224 224 224;--gray-6: 217 217 217;--gray-7: 206 206 206;--gray-8: 187 187 187;--gray-9: 141 141 141;--gray-10: 131 131 131;--gray-11: 100 100 100;--gray-12: 32 32 32;--violet-1: 253 252 254;--violet-2: 250 248 255;--violet-3: 244 240 254;--violet-4: 235 228 255;--violet-5: 225 217 255;--violet-6: 212 202 254;--violet-7: 194 178 248;--violet-8: 169 153 236;--violet-9: 110 86 207;--violet-10: 100 84 196;--violet-11: 101 85 183;--violet-12: 47 38 95;--background-color: 247 247 247;--surface-1: 254 254 254;--surface-2: 255 255 255;--surface-active: 255 255 255;--background-input-box: 0, 0, 0, .03;--text-blue: 1 22 44;--text-purple: 2 4 49;--text-amber: 37 24 1;--border-container: 236 236 236;--border-strong: 226 227 231;--border-weak: 234 234 234;--border-blue-strong: 18 61 117;--solid-1: 255 255 255;--solid-2: 255 255 255;--solid-3: 255 255 255;--solid-active: 255 255 255;--solid-amber: 255 228 181;--solid-blue: 218 236 255;--solid-blue-2: 251 253 255;--solid-iris: 230 231 255;--solid-purple: 230 231 255;--solid-red: 254 200 201;--solid-amber-button: 255 221 141;--card-color: 255 255 255;--overlay: 0, 0, 0, .12;--overlay-avatar: 255, 255, 255, .67;--button-color: 255 255 255;--button-hover-color: 255, 255, 255, .2;--label-background: 247 247 247;--label-border: 0, 0, 0, .04;--alpha-1: 215, 215, 215, .22;--alpha-2: 196, 197, 198, .22;--alpha-3: 255, 255, 255, .96;--black-alpha-1: 0, 0, 0, .12;--black-alpha-2: 0, 0, 0, .04;--border-blue: 39, 129, 246, .5;--white-alpha: 255, 255, 255, .8;--call-widget: 33, 34, 38, .95;--call-widget-border: 255, 255, 255, .1;--call-widget-text: 237, 238, 240, 1;--call-widget-sub-text: 173, 177, 184, 1}
.dark{--slate-1: 17 17 19;--slate-2: 24 25 27;--slate-3: 33 34 37;--slate-4: 39 42 45;--slate-5: 46 49 53;--slate-6: 54 58 63;--slate-7: 67 72 78;--slate-8: 90 97 105;--slate-9: 105 110 119;--slate-10: 119 123 132;--slate-11: 176 180 186;--slate-12: 237 238 240;--iris-1: 19 19 30;--iris-2: 23 22 37;--iris-3: 32 34 72;--iris-4: 38 42 101;--iris-5: 48 51 116;--iris-6: 61 62 130;--iris-7: 74 74 149;--iris-8: 89 88 177;--iris-9: 91 91 214;--iris-10: 84 114 228;--iris-11: 158 177 255;--iris-12: 224 223 254;--blue-1: 10 17 28;--blue-2: 15 24 38;--blue-3: 15 39 72;--blue-4: 10 49 99;--blue-5: 18 61 117;--blue-6: 29 84 134;--blue-7: 40 89 156;--blue-8: 48 106 186;--blue-9: 237 114 51;--blue-10: 21 116 231;--blue-11: 126 182 255;--blue-12: 205 227 255;--ruby-1: 25 17 19;--ruby-2: 30 21 23;--ruby-3: 58 20 30;--ruby-4: 78 19 37;--ruby-5: 94 26 46;--ruby-6: 111 37 57;--ruby-7: 136 52 71;--ruby-8: 179 68 90;--ruby-9: 229 70 102;--ruby-10: 236 90 114;--ruby-11: 255 148 157;--ruby-12: 254 210 225;--amber-1: 22 18 12;--amber-2: 29 24 15;--amber-3: 48 32 8;--amber-4: 63 39 0;--amber-5: 77 48 0;--amber-6: 92 61 5;--amber-7: 113 79 25;--amber-8: 143 100 36;--amber-9: 255 197 61;--amber-10: 255 214 10;--amber-11: 255 202 22;--amber-12: 255 231 179;--teal-1: 13 21 20;--teal-2: 17 28 27;--teal-3: 13 45 42;--teal-4: 2 59 55;--teal-5: 8 72 67;--teal-6: 20 87 80;--teal-7: 28 105 97;--teal-8: 32 126 115;--teal-9: 18 165 148;--teal-10: 14 179 158;--teal-11: 11 216 182;--teal-12: 173 240 221;--gray-1: 17 17 17;--gray-2: 25 25 25;--gray-3: 34 34 34;--gray-4: 42 42 42;--gray-5: 49 49 49;--gray-6: 58 58 58;--gray-7: 72 72 72;--gray-8: 96 96 96;--gray-9: 110 110 110;--gray-10: 123 123 123;--gray-11: 180 180 180;--gray-12: 238 238 238;--violet-1: 20 17 31;--violet-2: 27 21 37;--violet-3: 41 31 67;--violet-4: 50 37 85;--violet-5: 60 46 105;--violet-6: 71 56 135;--violet-7: 86 70 151;--violet-8: 110 86 171;--violet-9: 110 86 207;--violet-10: 125 109 217;--violet-11: 169 153 236;--violet-12: 226 221 254;--background-color: 28 29 32;--surface-1: 20 21 23;--surface-2: 22 23 26;--surface-active: 53 57 66;--background-input-box: 255, 255, 255, .02;--text-blue: 213 234 255;--text-purple: 232 233 254;--text-amber: 255 247 234;--border-strong: 46 45 50;--border-weak: 31 31 37;--border-blue-strong: 201 226 255;--solid-1: 23 23 26;--solid-2: 29 30 36;--solid-3: 44 45 54;--solid-active: 53 57 66;--solid-amber: 56 50 41;--solid-blue: 15 57 102;--solid-blue-2: 26 29 35;--solid-iris: 38 42 101;--solid-purple: 51 51 107;--solid-red: 90 33 34;--solid-amber-button: 255 221 141;--card-color: 28 30 34;--overlay: 0, 0, 0, .4;--overlay-avatar: 0, 0, 0, .05;--button-color: 42 43 51;--button-hover-color: 0, 0, 0, .15;--label-background: 36 38 45;--label-border: 255, 255, 255, .03;--alpha-1: 35, 36, 42, .8;--alpha-2: 147, 153, 176, .12;--alpha-3: 33, 34, 38, .95;--black-alpha-1: 0, 0, 0, .3;--black-alpha-2: 0, 0, 0, .2;--border-blue: 39, 129, 246, .5;--border-container: 255, 255, 255, 0;--white-alpha: 255, 255, 255, .1;--call-widget: 50, 53, 61, 1;--call-widget-border: 255, 255, 255, .07;--call-widget-text: 237, 238, 240, 1;--call-widget-sub-text: 173, 177, 184, 1}
.border-n-blue-border{border-color:#ed723380 !important;border-color:rgba(var(--border-blue))}
.border-n-brand{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.border-n-brand{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.border-n-brand\/50{border-color:#ed723380 !important}
.border-t-n-brand{--tw-border-opacity: 1;border-top-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.border-t-n-brand{border-top-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.bg-\[\#2781F6\]{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.bg-\[\#2781F6\]{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.bg-n-blue-9{--tw-bg-opacity: 1;background-color:#ed7233 !important;background-color:rgb(var(--blue-9) / var(--tw-bg-opacity, 1))}
.bg-n-brand{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.bg-n-brand{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.bg-n-brand\/10{background-color:#ed72331a !important}
.bg-n-brand\/20{background-color:#ed723333 !important}
.bg-n-brand\/5{background-color:#ed72330d !important}
.from-n-brand\/15{--tw-gradient-from: rgb(237 114 51 / .15) var(--tw-gradient-from-position) !important;--tw-gradient-to: rgb(237 114 51 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.fill-n-blue-9{fill:#ed7233 !important;fill:rgb(var(--blue-9) / 1)}
.text-n-blue-9{--tw-text-opacity: 1;color:#c9551c !important;color:rgb(var(--blue-9) / var(--tw-text-opacity, 1))}
.text-n-brand{--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.text-n-brand{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.accent-n-blue-9{accent-color:rgb(237 114 51 / 1);accent-color:rgb(var(--blue-9) / 1)}
.\!shadow-\[var\(--widget-color\,\#2781f6\)\]{--tw-shadow-color: var(--widget-color,#ed7233) !important;--tw-shadow: var(--tw-shadow-colored) !important}
.\!outline-n-brand{outline-color:#ed7233!important}
.outline-n-blue-9{outline-color:#ed7233 !important;outline-color:rgb(var(--blue-9) / 1)}
.outline-n-brand{outline-color:#ed7233 !important}
.ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 114 51 / var(--tw-ring-opacity, 1)) !important}
p a{cursor:pointer;--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){p a{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
p a:is(.dark *){--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){p a:is(.dark *){color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
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{outline-color:#ed7233 !important}
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:is(.dark *){outline-color:#ed7233 !important}
select:focus{outline-color:#ed7233 !important}
select:focus:is(.dark *){outline-color:#ed7233 !important}
textarea:focus{outline-color:#ed7233 !important}
textarea:focus:is(.dark *){outline-color:#ed7233 !important}
.before\:\!border-t-n-brand:before{content:var(--tw-content);--tw-border-opacity: 1 !important;border-top-color:#ed7233!important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.before\:\!border-t-n-brand:before{border-top-color:rgb(237 114 51 / var(--tw-border-opacity, 1))!important}}
.before\:bg-n-brand:before{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.before\:bg-n-brand:before{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.after\:bg-n-brand:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.after\:bg-n-brand:after{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.checked\:border-n-brand:checked{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.checked\:border-n-brand:checked{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.checked\:bg-n-brand:checked{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.checked\:bg-n-brand:checked{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.indeterminate\:border-n-brand:indeterminate{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.indeterminate\:border-n-brand:indeterminate{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.indeterminate\:bg-n-brand:indeterminate{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.focus-within\:outline-n-brand:focus-within{outline-color:#ed7233 !important}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 114 51 / var(--tw-ring-opacity, 1)) !important}
.hover\:border-n-brand:hover{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.hover\:border-n-brand:hover{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.hover\:bg-n-brand\/10:hover{background-color:#ed72331a !important}
.hover\:bg-n-brand\/80:hover{background-color:#ed7233cc !important}
.hover\:text-n-brand:hover{--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.hover\:text-n-brand:hover{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.focus\:border-n-brand:focus{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.focus\:border-n-brand:focus{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.focus\:outline-n-blue-9:focus{outline-color:#ed7233 !important;outline-color:rgb(var(--blue-9) / 1)}
.focus\:outline-n-brand:focus{outline-color:#ed7233 !important}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 114 51 / var(--tw-ring-opacity, 1)) !important}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#ed723333 !important}
.focus-visible\:outline-n-brand:focus-visible{outline-color:#ed7233 !important}
.focus-visible\:ring-n-brand:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(237 114 51 / var(--tw-ring-opacity, 1)) !important}
.hover\:enabled\:border-n-blue-9:enabled:hover{--tw-border-opacity: 1;border-color:#ed7233 !important;border-color:rgb(var(--blue-9) / var(--tw-border-opacity, 1))}
.hover\:enabled\:bg-n-blue-border:enabled:hover{background-color:#ed723380 !important;background-color:rgba(var(--border-blue))}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#ed723333 !important}
.group:focus-within .group-focus-within\:text-n-brand{--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.group:focus-within .group-focus-within\:text-n-brand{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.group:hover .group-hover\:bg-n-brand{--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.group:hover .group-hover\:bg-n-brand{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#ed7233 !important}
.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.prose-a\:text-n-brand :is(:where(a):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.prose-strong\:text-n-brand :is(:where(strong):not(:where([class~=not-prose],[class~=not-prose] *))){color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.dark\:border-n-brand:is(.dark *){--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.dark\:border-n-brand:is(.dark *){border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#ed72331a !important}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#ed7233!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(237 114 51 / var(--tw-ring-opacity, 1)) !important}
.dark\:checked\:border-n-brand:checked:is(.dark *){--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.dark\:checked\:bg-n-brand:checked:is(.dark *){--tw-bg-opacity: 1;background-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important}}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#ed7233 !important}
.dark\:hover\:text-n-brand:hover:is(.dark *){--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#ed7233 !important}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#ed7233 !important}
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{--tw-bg-opacity: 1;background-color:#ed7233 !important;--tw-text-opacity: 1;color:#fff}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
.ProseMirror-prompt .ProseMirror-prompt-buttons button[type=submit]:hover{background-color:#ed7233e6 !important}
.menu[data-v-60cefcf4]:hover{--tw-bg-opacity: 1;background-color:#ed7233 !important;--tw-text-opacity: 1;color:#fff}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.menu[data-v-60cefcf4]:hover{background-color:rgb(237 114 51 / var(--tw-bg-opacity, 1)) !important;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}}
.search-input[data-v-69e77a2c]:focus{--tw-border-opacity: 1;border-color:#ed7233 !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.search-input[data-v-69e77a2c]:focus{border-color:rgb(237 114 51 / var(--tw-border-opacity, 1)) !important}}
.text-link{font-weight:500;--tw-text-opacity: 1;color:#c9551c !important}
@supports (color: rgb(0 0 0 / 0)) and (top: var(--f)){.text-link{color:rgb(201 85 28 / var(--tw-text-opacity, 1)) !important}}
/* ------------------------------------------------------------------------
   Barra lateral con la identidad de Reproexpres (escrita a mano, NO generada).
   El generador la pega al final de marca-reproexpres.css, asi que sobrevive a
   regenerar la capa despues de un upgrade.

   Por que asi: el <aside> de la barra lateral es el UNICO elemento aside con
   la clase bg-n-background en todo el panel (comprobado en el bundle: 1 sola
   aparicion), y todo su color sale de variables CSS (--background-color,
   --slate-*, --alpha-*, --border-*). Redefiniendo esas variables SOBRE ese
   aside se repinta la barra entera -- incluidos elementos que aun no existen
   -- sin tocar ni un pixel del resto del panel.

   Los valores son los tokens reales del sistema de diseno de Reproexpres
   (administracion/src/index.css), no aproximaciones:
     --sidebar            #0A234A        --sidebar-accent  blanco 10%
     --sidebar-foreground blanco 70%     --sidebar-hover   blanco 6%
     --sidebar-primary    naranja marca  --sidebar-border  blanco 10%
   ------------------------------------------------------------------------ */

aside.bg-n-background {
  /* fondo y superficies elevadas (buscador, tarjetas internas) */
  --background-color: 10 35 74;
  --solid-1: 14 41 83;
  --solid-2: 17 46 91;
  --solid-3: 24 57 107;

  /* texto: 12 es el principal, 11/10/9 van bajando de intensidad */
  --slate-12: 255 255 255;
  --slate-11: 199 209 224;
  --slate-10: 171 184 203;
  --slate-9: 163 176 196;   /* medido: 4,53:1 en el peor fondo; 150 164 186 se quedaba en 3,95 */
  --slate-8: 132 148 172;

  /* fondos de paso del raton y del elemento activo (llevan su propio alfa) */
  --alpha-1: 255, 255, 255, 0.06;
  --alpha-2: 255, 255, 255, 0.10;
  --alpha-3: 255, 255, 255, 0.14;

  /* Separadores. Suben hasta 3:1 sobre el azul marino (calculado, no a ojo) porque
     border-weak es lo UNICO que delimita el buscador y el boton de redactar: con el
     blanco al 10% de nuestro token esos dos controles se quedaban sin caja visible.
     La linea grande del propio aside si conserva el token de marca, mas abajo. */
  --border-weak: 84 111 149;
  --border-strong: 108 134 174;

  /* Rampa clara de Chatwoot. Sin esto se queda la suya, gris casi blanco, y salen
     dos parches en medio de la barra: la insignia de mensajes sin leer (--slate-4,
     circulo gris con el numero en blanco encima: 1,22:1, ilegible) y el fondo del
     buscador (--button-color, blanco puro). Verificado renderizando, no supuesto. */
  --slate-1: 14 41 83;   /* un escalon por encima del fondo: a 10 35 74 daba 1,00:1 */
  --slate-2: 14 41 83;
  --slate-3: 17 46 91;
  --slate-4: 31 57 101;
  --slate-5: 40 69 116;
  --slate-6: 51 82 132;
  --slate-7: 66 99 152;
  --button-color: 17 46 91;
  /* Contorno de los botones (el de redactar, el de ordenar). En :root vale 236 236 236,
     un gris casi blanco que sobre el azul marino sale como una linea que canta. */
  --border-container: 84 111 149;

  /* Superficie de los menus desplegables. En Chatwoot es blanco al 96% (casi opaco),
     NO un tinte suave: el menu de cuenta se pinta dentro del aside pero sobresale por
     encima del area blanca, asi que con un 14% se volvia translucido y su texto blanco
     desaparecia. Se devuelve a casi opaco, ya en azul marino. */
  --alpha-3: 17, 46, 91, 0.98;

  /* El color heredado. Sin esto el texto base del aside es NEGRO sobre azul marino:
     no se nota mientras todo lleve su clase, pero cualquier icono con currentColor o
     cualquier texto sin clase sale invisible. */
  color: rgb(199 209 224);

  background-color: rgb(10 35 74) !important;
}

/* El logo de Chatwoot lleva el azul clavado en el atributo fill del SVG, que ninguna
   regla de clase alcanza. Solo se ve si no hay logo propio subido, pero se cubre igual. */
aside.bg-n-background svg[fill="#2781F6"],
aside.bg-n-background svg [fill="#2781F6"] {
  fill: #ed7233;
}

/* El acento dentro de la barra vuelve al naranja de marca a plena intensidad:
   la capa generada lo oscurece a #C9551C para que se lea sobre fondo claro, y
   sobre el azul marino ese tono queda apagado. */
aside.bg-n-background .text-n-brand,
aside.bg-n-background .text-n-brand svg,
aside.bg-n-background [class*="text-n-brand"],
aside.bg-n-background [class*="text-n-brand"]:hover,
aside.bg-n-background .group:focus-within [class*="text-n-brand"],
aside.bg-n-background [class*="text-n-brand"] a,
aside.bg-n-background [class*="text-n-brand"] strong,
aside.bg-n-background .text-n-blue-9,
aside.bg-n-background .text-link,
aside.bg-n-background p a,
aside.bg-n-background .unread-wrap .clear-button,
aside.bg-n-background .file .icon-wrap,
aside.bg-n-background .file .download {
  color: #ed7233 !important;
}

/* Los iconos heredan el color del texto, pero algunos vienen con un tono fijo
   de la escala clara; se fuerzan al mismo blanco atenuado que usamos nosotros. */
aside.bg-n-background svg {
  color: inherit;
}

/* La franja separadora del aside contra el area de contenido. */
aside.bg-n-background {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

/* ------------------------------------------------------------------------
   Cabecera con el logo y boton de Inicio (los inserta branding/marca-inicio.js).
   Mismos tokens y medidas que el menu lateral de Administracion: franja de
   4rem con el logo a 2,25rem, separador de blanco al 10%, y el Inicio abajo
   con el naranja de marca al pasar el raton.
   ------------------------------------------------------------------------ */

#repro-cabecera {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 4rem;
  padding: 0 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

#repro-cabecera a {
  display: flex;
  align-items: center;
  border-radius: 0.5rem;
}

#repro-cabecera img {
  height: 2.25rem;
  width: auto;
  object-fit: contain;
}

/* La fila del conmutador de cuenta de Chatwoot (icono + nombre): arriba va el
   logo y nada mas, como en el resto de nuestras interfaces. */
aside.bg-n-background [data-repro-oculto] {
  display: none !important;
}

#repro-inicio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  margin: 0 0.75rem 0.75rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  color: rgba(255, 255, 255, 0.70);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.25rem;
  text-decoration: none;
}

#repro-inicio:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #ffffff;
}

#repro-inicio svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.55);
}

#repro-inicio:hover svg {
  color: #ed7233;
}

/* Barra plegada (~64 px): el logo ancho se encogia hasta no leerse, asi que se cambia
   por el cuadrado. La clase la pone marca-inicio.js con un ResizeObserver. */
#repro-cabecera .repro-logo-cuadrado {
  display: none;
  height: 1.75rem;
  width: auto;
}

aside.bg-n-background.repro-estrecha #repro-cabecera {
  justify-content: center;
  padding: 0 0.5rem;
}

aside.bg-n-background.repro-estrecha #repro-cabecera .repro-logo-ancho {
  display: none;
}

aside.bg-n-background.repro-estrecha #repro-cabecera .repro-logo-cuadrado {
  display: block;
}

aside.bg-n-background.repro-estrecha #repro-inicio {
  justify-content: center;
  margin: 0 0.5rem 0.75rem;
}

aside.bg-n-background.repro-estrecha #repro-inicio span {
  display: none;
}
