@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/mr-fonts/BebasNeue-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/mr-fonts/InstrumentSans-400.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/mr-fonts/InstrumentSans-500.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/mr-fonts/InstrumentSans-600.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Tema MR Prevencion para correo.mrprevencionintegral.uy (inyectado por nginx del host) */
:root {
	--mr-ink: #06151D;
	--mr-deep: #0B2431;
	--mr-copper: #C98760;
	--mr-bone: #F1EEE8;
	--mr-steel: #3F7CA6;
	--mr-mut: #9DB2BF;
	--mr-b: 'Instrument Sans', 'Segoe UI', system-ui, sans-serif;
	--mr-d: 'Bebas Neue', 'Oswald', Impact, sans-serif;

	--main-bg-color: var(--mr-ink);
	--main-bg-image: none;
	--loading-color: var(--mr-bone);
	--login-color: var(--mr-bone);
	--login-bg-color: var(--mr-deep);
	--login-box-shadow: 0 20px 60px rgba(0,0,0,.45);
	--login-border: 1px solid rgba(255,255,255,.11);
	--login-border-radius: 28px;
	--dropdown-menu-hover-bg-color: var(--mr-deep);
	--dropdown-menu-hover-color: var(--mr-bone);
	--folders-selected-bg-color: rgba(201,135,96,.28);
	--folders-focused-bg-color: rgba(201,135,96,.38);
	--folders-hover-bg-color: rgba(201,135,96,.18);
	--folders-drop-bg-color: rgba(201,135,96,.38);
	--settings-menu-selected-bg-color: rgba(201,135,96,.28);
	--settings-menu-hover-bg-color: rgba(201,135,96,.18);
}

html, body, #rl-app, #rl-left, #rl-bg {
	font-family: var(--mr-b) !important;
}
body, #rl-bg {
	background: radial-gradient(1200px 600px at 80% -10%, #164058 0%, transparent 60%), var(--mr-ink) !important;
	background-image: radial-gradient(1200px 600px at 80% -10%, #164058 0%, transparent 60%) !important;
}

/* ---------- Login ---------- */
#V-Login .descWrapper {
	font-size: 0 !important;
	color: transparent !important;
	height: 120px;
	margin-bottom: 18px;
	background: url("/mr-logo.png") center / contain no-repeat;
}
#V-Login .descWrapper::before,
#V-Login .descWrapper::after {
	display: none !important;
	content: none !important;
}
#V-Login form {
	background: var(--mr-deep) !important;
	border: 1px solid rgba(255,255,255,.11) !important;
	border-radius: 28px !important;
	padding: 34px 34px 28px !important;
	box-shadow: 0 20px 60px rgba(0,0,0,.45) !important;
	color: var(--mr-bone) !important;
}
#V-Login form::before {
	content: "Correo MR Prevenci\00F3n";
	display: block;
	font-family: var(--mr-d);
	font-size: 34px;
	letter-spacing: .5px;
	line-height: 1;
	color: var(--mr-bone);
	margin-bottom: 22px;
}
#V-Login input[type=text],
#V-Login input[type=email],
#V-Login input[type=password] {
	font-family: var(--mr-b) !important;
	font-size: 16px !important;
	color: var(--mr-bone) !important;
	background: rgba(255,255,255,.04) !important;
	border: 1px solid rgba(255,255,255,.14) !important;
	border-radius: 12px !important;
	padding: 12px 14px 12px 40px !important;
	height: auto !important;
	box-shadow: none !important;
}
#V-Login input:focus {
	border-color: var(--mr-copper) !important;
	outline: none !important;
}
#V-Login input::placeholder { color: var(--mr-mut) !important; }
#V-Login a, #V-Login label { color: var(--mr-mut) !important; }
#V-Login a:hover { color: var(--mr-copper) !important; }

#V-Login .buttonLogin, .buttonLogin {
	font-family: var(--mr-b) !important;
	font-weight: 600 !important;
	font-size: 15px !important;
	letter-spacing: .3px !important;
	text-transform: none !important;
	color: #1a0d05 !important;
	background: var(--mr-copper) !important;
	background-image: none !important;
	border: 0 !important;
	border-radius: 99px !important;
	padding: 14px 28px !important;
	text-shadow: none !important;
	box-shadow: none !important;
	transition: .3s;
}
#V-Login .buttonLogin:hover { background: #e0a07a !important; transform: translateY(-1px); }

/* ---------- Dentro del correo ---------- */
.btn-primary, .btn.btn-success, .buttonCompose, .buttonReply {
	background: var(--mr-copper) !important;
	background-image: none !important;
	border-color: var(--mr-copper) !important;
	color: #1a0d05 !important;
	text-shadow: none !important;
}
a { color: var(--mr-steel); }
#rl-left, .b-folders, #V-MailFolderList, #V-SettingsMenu {
	background: var(--mr-ink) !important;
}
.messageList .listItem.selected, .messageListItem.selected {
	background-color: rgba(201,135,96,.18) !important;
}
.messageListItem.focused, .messageList .listItem.focused {
	box-shadow: inset 3px 0 0 var(--mr-copper) !important;
}