/* Le CRM s'appuie sur le balisage et les styles WooCommerce du thème.
   Ce fichier ne fait que ce que le balisage seul ne peut pas donner :
   la mise en page des colonnes en mobile, l'alignement des cases à cocher
   et la couleur du bouton d'envoi, reprise de la couleur principale du site. */

.eqcrm-hp { position: absolute !important; left: -9999px !important; }

/* Le thème force un display sur .form-row, ce qui neutralise l'attribut
   hidden natif. Sans cette règle, les blocs conditionnels restent visibles. */
.eqcrm-form-wrap [hidden],
.eqcrm-form [hidden] { display: none !important; }

/* Respiration entre les lignes, et libellé toujours au-dessus du champ. */
.eqcrm-form .form-row { margin: 0 0 1.15em; }
.eqcrm-form .form-row > label { display: block; margin-bottom: .35em; }

/* Cases et boutons radio : la puce reste alignée sur la première ligne
   même quand le libellé court sur plusieurs lignes. */
.eqcrm-choice { display: flex; align-items: flex-start; gap: .6em; margin: 0 0 .55em; font-weight: inherit; cursor: pointer; }
.eqcrm-choice input { flex: 0 0 auto; margin: .3em 0 0; }
.eqcrm-choice span { flex: 1 1 auto; }

/* --------------------------------------------------------------------------
   Le formulaire de demande est fait de blocs « prestation » répétables.
   Tant qu'il n'y en a qu'un, la barre de repli n'a rien à dire : on la cache.
   -------------------------------------------------------------------------- */
.eqcrm-demande + .eqcrm-demande { margin-top: 1.5em; }

.eqcrm-demande__bar { display: flex; align-items: baseline; gap: 1em; margin: 0 0 .5em; }

.eqcrm-form:not( .eqcrm-form--multi ) .eqcrm-demande__bar { display: none; }

.eqcrm-form-wrap button.eqcrm-demande__toggle,
.eqcrm-demande__toggle {
	display: flex !important;
	align-items: baseline;
	gap: .6em;
	width: 100% !important;
	flex: 1 1 auto;
	padding: .7em 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
	border-top: 1px solid rgba( 0, 0, 0, .12 ) !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: inherit !important;
	font: inherit !important;
	text-align: left !important;
	cursor: pointer;
}

.eqcrm-demande__title { font-weight: 600; flex: 0 0 auto; }

.eqcrm-demande__summary {
	flex: 1 1 auto;
	font-size: .9em;
	opacity: .75;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.eqcrm-demande__chevron {
	flex: 0 0 auto;
	width: .55em;
	height: .55em;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate( 45deg );
	transition: transform .15s ease;
	opacity: .6;
}

.eqcrm-demande.is-collapsed .eqcrm-demande__chevron { transform: rotate( -45deg ); }
.eqcrm-demande.is-collapsed .eqcrm-demande__body { display: none !important; }

.eqcrm-form-wrap button.eqcrm-demande__drop { flex: 0 0 auto; font-size: 13px !important; }

.eqcrm-add-demande { margin-bottom: .3em; }

.eqcrm-shared-horses:empty { display: none; }

/* Une prestation : la case à cocher, puis l'icône d'information.
   L'icône reste collée au libellé, elle n'est pas repoussée au bout de la ligne. */
.eqcrm-service { display: flex; align-items: flex-start; gap: .4em; margin: 0 0 .55em; }
.eqcrm-service .eqcrm-choice { margin: 0; flex: 0 1 auto; }

.eqcrm-tip-wrap { position: relative; display: inline-flex; flex: 0 0 auto; }

.eqcrm-form-wrap button.eqcrm-tip-button,
.eqcrm-tip-button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 1.25em !important;
	height: 1.25em !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin: .15em 0 0 !important;
	border: 1px solid var( --e-global-color-primary, #d9b061 ) !important;
	border-radius: 50% !important;
	background: none !important;
	box-shadow: none !important;
	color: var( --e-global-color-primary, #d9b061 ) !important;
	font: inherit !important;
	font-size: .85em !important;
	line-height: 1 !important;
	font-style: italic;
	cursor: help;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

.eqcrm-form-wrap button.eqcrm-tip-button:hover,
.eqcrm-form-wrap button.eqcrm-tip-button:focus {
	background: var( --e-global-color-primary, #d9b061 ) !important;
	color: #fff !important;
}

.eqcrm-tip {
	position: absolute;
	z-index: 20;
	top: calc( 100% + .5em );
	left: 50%;
	transform: translateX( -50% );
	width: 17em;
	max-width: 80vw;
	padding: .8em .9em;
	background: #fff;
	border: 1px solid rgba( 0, 0, 0, .12 );
	border-radius: 3px;
	box-shadow: 0 6px 18px rgba( 0, 0, 0, .12 );
	font-size: .9em;
	line-height: 1.45;
	text-align: left;
	font-weight: 400;
}

.eqcrm-tip-text { display: block; }
.eqcrm-tip-more {
	display: inline-block;
	margin-top: .6em;
	font-weight: 600;
	color: var( --e-global-color-primary, #d9b061 );
}

/* Sur un écran étroit, la bulle prend toute la largeur plutôt que de déborder.
   Elle reste accrochée à SA prestation : en retirant le positionnement du
   conteneur sans en donner à la ligne, « top : 100 % » se calculait sur toute
   la hauteur du widget Elementor et la bulle partait quinze cents pixels plus
   bas, hors de l'écran. C'est ce qui la rendait inutilisable au téléphone. */
@media ( max-width: 767px ) {
	.eqcrm-service { position: relative; }
	.eqcrm-tip-wrap { position: static; }
	.eqcrm-tip { top: calc( 100% + .4em ); left: 0; right: 0; width: auto; max-width: none; transform: none; }

	/* Une cible de dix-huit pixels se rate au doigt. */
	.eqcrm-form-wrap button.eqcrm-tip-button,
	.eqcrm-tip-button {
		width: 1.7em !important;
		height: 1.7em !important;
		font-size: .95em !important;
		margin-top: 0 !important;
	}
}

/* Champ fautif : signalé, jamais vidé. */
.eqcrm-field-error {
	display: block;
	margin-top: .35em;
	color: #b3261e;
	font-size: .88em;
	line-height: 1.4;
}

.eqcrm-has-error > label { color: #b3261e; }
.eqcrm-has-error input,
.eqcrm-has-error select,
.eqcrm-has-error textarea { border-color: #b3261e !important; }

.eqcrm-field-holder { margin: 0; }
.eqcrm-field-holder:empty { display: none; }

.eqcrm-hint { font-size: .9em; opacity: .8; margin-bottom: 1em; }

/* Un lien d'action textuel — y compris quand c'est un <button>, que le thème
   habillerait sinon en bouton plein. D'où les !important, limités à ces
   quelques propriétés d'apparence. */
.eqcrm-link,
.woocommerce .woocommerce-MyAccount-content button.eqcrm-link,
.woocommerce .eqcrm-form-wrap button.eqcrm-link {
	display: inline !important;
	width: auto !important;
	background: none !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0;
	color: var( --e-global-color-primary, #d9b061 ) !important;
	font: inherit !important;
	font-size: 14px !important;
	line-height: inherit !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	cursor: pointer;
	text-decoration: none;
}

.eqcrm-link:hover,
.eqcrm-link:focus { text-decoration: underline; }

/* Champ verrouillé, typiquement l'adresse du compte connecté : lisible mais
   visiblement non modifiable. */
.eqcrm-form input[readonly] {
	background-color: rgba( 0, 0, 0, .05 );
	opacity: .8;
	cursor: not-allowed;
}

/* Bouton d'envoi : couleur principale définie dans le kit du site.
   La connexion reste une action secondaire, elle garde le bouton neutre. */
.eqcrm-form-wrap button[type="submit"],
.eqcrm-ecurie-wrap button[type="submit"] {
	background-color: var(--e-global-color-primary, #d9b061);
	color: #fff;
}

.eqcrm-form-wrap button.eqcrm-login-button {
	background-color: transparent;
	color: inherit;
	border: 1px solid currentColor;
}

/* Carte blanche de l'onglet « Mon écurie ».

   Le thème n'habille en blanc que les onglets qu'il connaît, un par un : le
   plugin vidéo s'est ajouté à cette liste par du CSS, on fait pareil sans
   dépendre de ses sélecteurs. */
.woocommerce-MyAccount-content .eqcrm-ecurie-wrap {
	background-color: var( --sections-background-color, #fff );
	padding: 16px 30px 24px;
}

.woocommerce-MyAccount-content .eqcrm-ecurie-wrap > h2:first-child,
.woocommerce-MyAccount-content .eqcrm-ecurie-wrap > .eqcrm-hint:first-child {
	margin-top: 0;
}

/* Page de consultation du devis. */
.eqcrm-quote-wrap { max-width: 760px; }
.eqcrm-quote-table th:last-child,
.eqcrm-quote-table td:last-child { text-align: right; }

/* --------------------------------------------------------------------------
   Le tableau de bord du compte, d'un seul tenant.
   Ces règles portent sur TOUT le contenu de « Mon compte » — commandes
   WooCommerce comprises — pour que les commandes, les rendez-vous, l'écurie et
   les prestations se ressemblent. Trois classes et un élément : WooCommerce
   impose « .woocommerce table.shop_table » (0,2,1), il faut passer devant.
   -------------------------------------------------------------------------- */

.woocommerce .woocommerce-MyAccount-content table.shop_table,
.woocommerce .eqcrm-ecurie-wrap table.shop_table {
	border: 0;
	border-radius: 0;
	border-collapse: collapse;
	background: transparent;
	margin: 0 0 1.5em;
	font-size: 14px;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table th,
.woocommerce .woocommerce-MyAccount-content table.shop_table td,
.woocommerce .eqcrm-ecurie-wrap table.shop_table th,
.woocommerce .eqcrm-ecurie-wrap table.shop_table td {
	border: 0;
	padding: 14px 12px 14px 0;
	vertical-align: middle;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table thead th,
.woocommerce .eqcrm-ecurie-wrap table.shop_table thead th {
	border-bottom: 1px solid var( --sections-border-color, #e6e2da );
	padding-bottom: 10px;
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	opacity: .7;
	font-weight: 600;
}

.woocommerce .woocommerce-MyAccount-content table.shop_table tbody tr + tr td,
.woocommerce .eqcrm-ecurie-wrap table.shop_table tbody tr + tr td {
	border-top: 1px solid var( --sections-border-color, #efece6 );
}

.woocommerce .woocommerce-MyAccount-content table.shop_table td:last-child,
.woocommerce .eqcrm-ecurie-wrap table.shop_table td:last-child { padding-right: 0; }

/* De la place pour les colonnes de suivi à venir. */
.eqcrm-ecurie-wrap .eqcrm-col-name { width: 26%; }
.eqcrm-ecurie-wrap .eqcrm-col-actions { width: 110px; }

/* Actions : des icônes discrètes, collées à droite, partout. */
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions,
.eqcrm-ecurie-wrap .eqcrm-col-actions {
	text-align: right;
	white-space: nowrap;
}

.eqcrm-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: inherit;
	opacity: .5;
	text-decoration: none;
	border-radius: 3px;
	transition: opacity .15s ease, color .15s ease, background-color .15s ease;
}

.eqcrm-icon:hover,
.eqcrm-icon:focus {
	opacity: 1;
	color: var( --e-global-color-primary, #d9b061 );
	background: rgba( 217, 176, 97, .12 );
}

/* L'action attendue — régler — reste lisible sans redevenir un gros bouton. */
.eqcrm-icon--primary { opacity: 1; color: var( --e-global-color-primary, #d9b061 ); }

/* Les boutons d'action des commandes WooCommerce prennent le même habit.
   Le libellé reste dans le DOM pour les lecteurs d'écran ; seule sa taille
   tombe à zéro, l'icône est peinte en masque à la couleur du texte. */
/* Le kit Elementor peint ces boutons en doré depuis une règle propre à la page
   « Mon compte » — cinq classes, impossible à dépasser proprement. Ces
   déclarations sont les seules du plugin à forcer la main, et uniquement sur
   les boutons d'action d'un tableau de commandes. */
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button {
	display: inline-flex !important;
	width: 32px !important;
	height: 32px !important;
	padding: 0 !important;
	margin: 0 0 0 2px !important;
	min-width: 0 !important;
	border: 0 !important;
	border-radius: 3px !important;
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	color: var( --e-global-color-text, #3f3f3f ) !important;
	font-size: 0 !important;
	line-height: 0 !important;
	opacity: .5;
	position: relative;
	transition: opacity .15s ease, background-color .15s ease;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button::before {
	content: "";
	position: absolute;
	inset: 7px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 18px 18px;
	mask-size: 18px 18px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button:hover,
.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button:focus {
	opacity: 1;
	color: var( --e-global-color-primary, #d9b061 ) !important;
	background-color: rgba( 217, 176, 97, .12 ) !important;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button.view::before {
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5c-5 0-9 4.5-10 7 1 2.5 5 7 10 7s9-4.5 10-7c-1-2.5-5-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 5c-5 0-9 4.5-10 7 1 2.5 5 7 10 7s9-4.5 10-7c-1-2.5-5-7-10-7zm0 12a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-2.5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/></svg>' );
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button.pay {
	opacity: 1;
	color: var( --e-global-color-primary, #d9b061 ) !important;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button.pay::before {
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18a1 1 0 0 1 1 1v2H2V7a1 1 0 0 1 1-1zM2 11h20v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-6zm3 3v2h5v-2H5z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18a1 1 0 0 1 1 1v2H2V7a1 1 0 0 1 1-1zM2 11h20v6a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-6zm3 3v2h5v-2H5z"/></svg>' );
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button.cancel::before {
	-webkit-mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z"/></svg>' );
	mask-image: url( 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.4 17.6 5 12 10.6 6.4 5 5 6.4 10.6 12 5 17.6 6.4 19 12 13.4 17.6 19 19 17.6 13.4 12z"/></svg>' );
}

/* Une note de contexte en tête d'onglet : un filet doré, pas un encadré. */
.eqcrm-ecurie-wrap .eqcrm-note {
	margin: 0 0 1.4em;
	padding: 0 0 0 14px;
	border-left: 2px solid var( --e-global-color-primary, #d9b061 );
	font-size: 14px;
	opacity: .85;
}

.eqcrm-ecurie-wrap .eqcrm-note strong { display: block; margin-bottom: .15em; opacity: 1; }

/* Mobile : les colonnes s'empilent au lieu de rester côte à côte, sinon un
   libellé sur deux lignes décale son champ par rapport à son voisin.
   Les sélecteurs portent trois classes et un élément : WooCommerce impose
   « .woocommerce form .form-row-first { width: 47% } », plus spécifique
   qu'une règle plus courte. */
@media ( max-width: 768px ) {
	.eqcrm-form-wrap form.eqcrm-form .form-row-first,
	.eqcrm-form-wrap form.eqcrm-form .form-row-last,
	.eqcrm-ecurie-wrap form.edit-account .form-row-first,
	.eqcrm-ecurie-wrap form.edit-account .form-row-last {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}

	.eqcrm-form-wrap button[type="submit"],
	.eqcrm-ecurie-wrap button[type="submit"] {
		display: block;
		width: 100%;
		padding-top: .9em;
		padding-bottom: .9em;
	}
}

/* Badges d'accès de l'espace praticien. */
.eqcrm-badge { display:inline-block; padding:.15em .6em; border-radius:2px; font-size:12px; line-height:1.8; white-space:nowrap; background:rgba(0,0,0,.06); }
.eqcrm-badge--open { background:rgba(217,176,97,.22); color:#7a5f22; }
.eqcrm-badge--pending { background:rgba(0,0,0,.06); }
.eqcrm-badge--closed { background:rgba(0,0,0,.06); opacity:.7; }

/* Suivi : fil chronologique. */
.eqcrm-timeline { margin: 0 0 1.5em; }
.eqcrm-entry { padding: 0 0 1em; margin: 0 0 1em; border-bottom: 1px solid var(--sections-border-color,#e6e2da); }
.eqcrm-timeline .eqcrm-entry:last-child { border-bottom: 0; }
.eqcrm-entry header { margin: 0 0 .4em; }
.eqcrm-entry p { margin: 0 0 .6em; }
.eqcrm-followup-form { margin: 0 0 2em; }

/* Téléphone : les tableaux du compte s'empilent, ligne par ligne, avec le
   libellé de colonne repris devant la valeur — comme les commandes Woo. */
@media ( max-width: 768px ) {
	.woocommerce-MyAccount-content .shop_table thead { display: none; }
	.woocommerce-MyAccount-content .shop_table,
	.woocommerce-MyAccount-content .shop_table tbody,
	.woocommerce-MyAccount-content .shop_table tr,
	.woocommerce-MyAccount-content .shop_table td { display: block; width: auto; }
	.woocommerce-MyAccount-content .shop_table tr {
		padding: .9em 0;
		border-bottom: 1px solid var( --sections-border-color, #e8eaec );
	}
	.woocommerce-MyAccount-content .shop_table tbody tr + tr td { border-top: 0; }
	.woocommerce-MyAccount-content .shop_table td {
		display: flex; align-items: center; gap: .6em;
		text-align: right; padding: .25em 0;
	}
	/* Le libellé pousse la valeur à droite ; plusieurs icônes restent groupées. */
	.woocommerce-MyAccount-content .shop_table td::before {
		content: attr( data-title );
		font-weight: 600; text-align: left; flex: 0 0 auto; margin-right: auto;
	}
	.eqcrm-ecurie-wrap .eqcrm-col-name,
	.eqcrm-ecurie-wrap .eqcrm-col-actions { width: auto; }
	.woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions { justify-content: flex-end; }

	/* Le fil de suivi : pas de marge inutile sur petit écran. */
	.eqcrm-entry { padding-bottom: .8em; margin-bottom: .8em; }
}

/* Titre de l'écurie et son lien de renommage. */
.eqcrm-ecurie-wrap .eqcrm-stable-title { display: flex; align-items: baseline; gap: .6em; flex-wrap: wrap; }
.eqcrm-ecurie-wrap .eqcrm-rename { font-size: 14px; font-weight: 400; }

/* Statuts des rendez-vous. */
.eqcrm-badge--new { background: rgba(217,176,97,.22); color: #7a5f22; }
.eqcrm-badge--quoted { background: rgba(60,110,180,.14); color: #2e4a75; }
.eqcrm-badge--confirmed { background: rgba(60,150,90,.16); color: #2c6141; }
.eqcrm-badge--cancelled { background: rgba(180,60,60,.12); color: #7a2f2f; }
.eqcrm-badge--done { background: rgba(0,0,0,.06); }

/* Fiche de mission du praticien : pas de cadre, une adresse aérée. */
.eqcrm-mission { margin: 0 0 1.2em; }
.eqcrm-mission address { font-style: normal; line-height: 1.7; margin: 0; }

/* Messages du compte : même sobriété que le reste. WooCommerce leur donne un
   bandeau gris et une pastille carrée ; on garde le filet doré, rien d'autre. */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info,
.woocommerce .woocommerce-MyAccount-content .woocommerce-message,
.woocommerce .woocommerce-MyAccount-content .woocommerce-error {
	background: none;
	border: 0;
	border-left: 2px solid var( --e-global-color-primary, #d9b061 );
	border-radius: 0;
	padding: 2px 0 2px 14px;
	margin: 0 0 1.4em;
	font-size: 14px;
	line-height: 1.6;
	color: inherit;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce .woocommerce-MyAccount-content .woocommerce-message::before,
.woocommerce .woocommerce-MyAccount-content .woocommerce-error::before { display: none; }

.woocommerce .woocommerce-MyAccount-content .woocommerce-error { border-left-color: #b32d2e; }

/* Le bouton d'un message reste un vrai bouton, mais discret. */
.woocommerce .woocommerce-MyAccount-content .woocommerce-info .button { float: none; margin-left: .6em; }

/* Profil professionnel : une question posée avant les prestations, et le même
   bloc dans « Détails du compte ». */
.eqcrm-pro-toggle{margin-bottom:.6em}
.eqcrm-pro-fields[hidden],
.eqcrm-consent-pro[hidden]{display:none}
.eqcrm-pro-fields{margin-bottom:1.2em}
.eqcrm-pro-account{border:0;padding:0;margin:0 0 1.5em}
.eqcrm-pro-account legend{font-weight:600;padding:0;margin:0 0 .6em}
.eqcrm-pro-account [data-eqcrm-pro-account-fields][hidden]{display:none}

/* Info-bulle d'une prestation : le texte, puis les tarifs, puis la mention
   professionnelle. Trois niveaux de lecture, du plus long au plus court. */
.eqcrm-tip-price{display:block;margin-top:.6em;padding-top:.6em;border-top:1px solid rgba(130,113,83,.3);font-weight:600}
.eqcrm-tip-pro{display:block;margin-top:.5em;font-size:.92em;opacity:.85;font-style:italic}