/** Start Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/

.envato-block__preview{
	overflow: visible;
}

/* Border Radius */
.envato-kit-139-accordion .elementor-widget-container{
	border-radius: 10px !important;
}
.envato-kit-139-map iframe,
.envato-kit-139-slider .slick-slide,
.envato-kit-139-flipbox .elementor-flip-box div{
		border-radius: 10px !important;

}


/** End Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/



/** Start Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.envato-kit-30-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}
.envato-kit-30-div-rotate{
	transform: rotate(90deg);
}

/** End Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/



/* OPTIPROD — harmonisation de l'orange de marque — 2026-07-31 */
body.page-id-5066 .op26fp,
body.page-id-5062 .op26ims,
body.page-id-5288 .op26transfer,
body.page-id-5241 .op26occ,
body.page-id-5370 #op26mag-page,
body.page-id-4897 .openg {
  --orange: #f36a10 !important;
}


/* Titres et libellés orange hérités */
body.page-id-5066 .op26fp-eyebrow,
body.page-id-5066 .op26fp-intro > span,
body.page-id-5066 .op26fp-heading > span,
body.page-id-5066 .op26fp-note > span,
body.page-id-5066 .op26fp-final__inner > div > span,
body.page-id-5062 .op26ims-hero__proof > span,
body.page-id-5062 .op26ims-riskboard__head > b,
body.page-id-5062 .op26ims-step__tag,
body.page-id-5288 .op26transfer-kicker,
body.page-id-5288 .op26transfer-hero h1 em,
body.page-id-5288 .op26transfer-step > span,
body.page-id-5288 .op26transfer-data > strong,
body.page-id-5241 .op26occ-readgrid__head > b,
body.page-id-5241 .op26occ-costboard__head > b,
body.page-id-5370 .op26mag-desk__label,
body.page-id-5370 .op26mag-machine__grid small,
body.page-id-4897 #openg-title span,
body.page-id-4897 .openg-needs span {
  color: #f36a10 !important;
}

/*
 * OPTIPROD Algérie — modernisation des tableaux de bord
 * Version : 2026-07-31
 * Portée : pages 4620 (vendeur) et 4681 (acheteur), utilisateurs connectés.
 * Couche visuelle uniquement : aucune permission, action ou donnée n'est modifiée.
 */

.op26d-dashboard {
  --orange: #f36a10;
  --orange-dark: #b74300;
  --navy: #071f32;
  --navy-2: #0d3b66;
  --ink: #172f43;
  --muted: #52697a;
  --soft: #eef4f8;
  --line: #cbdbe7;
}

.logged-in.page-id-4681 .elementor-element-b83b994,
.logged-in.page-id-4620 .elementor-element-bce3c7e {
  background: #eaf1f6 !important;
}

/* En-tête opérationnel : blanc cassé, bordure plus franche. */
.op26d-dashboard .op26d-topbar {
  border-color: #c8d9e6 !important;
  background: linear-gradient(120deg, #ffffff 0%, #f2f7fa 100%) !important;
  box-shadow: 0 10px 28px rgba(7, 31, 50, 0.07) !important;
}

/* Indicateurs : alternance bleu / chaud pour une lecture immédiate. */
.op26d-dashboard .op26d-metric {
  border-color: #c5d8e6 !important;
  background: #e8f1f7 !important;
  box-shadow: 0 7px 20px rgba(7, 31, 50, 0.05) !important;
}

.op26d-dashboard .op26d-metric:nth-child(even) {
  border-color: #ead5c4 !important;
  background: #fff1e6 !important;
}

.op26d-dashboard .op26d-metric strong,
.op26d-dashboard .op26d-metric b,
.op26d-dashboard .op26d-panel h2,
.op26d-dashboard .op26d-panel strong {
  color: var(--navy) !important;
}

.op26d-dashboard .op26d-metric span,
.op26d-dashboard .op26d-metric small,
.op26d-dashboard .op26d-panel p,
.op26d-dashboard .op26d-panel small {
  color: var(--muted) !important;
}

.op26d-dashboard .op26d-eyebrow {
  color: var(--orange-dark) !important;
}

/* Panneaux principaux : surfaces teintées, rangées internes conservées en blanc. */
.op26d-dashboard .op26d-layout > .op26d-stack > .op26d-panel {
  border-color: #c5d8e6 !important;
  background: #edf5fa !important;
  box-shadow: 0 9px 26px rgba(7, 31, 50, 0.06) !important;
}

.op26d-dashboard .op26d-layout > .op26d-stack > .op26d-panel:nth-child(even) {
  border-color: #e6d5c7 !important;
  background: #fbf4ed !important;
}

.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel {
  border-color: #cbdbe7 !important;
  background: #f3f7fa !important;
}

.op26d-dashboard--seller .op26d-plan,
.op26d-dashboard--buyer .op26d-layout > aside.op26d-stack > .op26d-panel:first-child {
  border-color: #e7cbb4 !important;
  background: #fff0e3 !important;
}

.op26d-dashboard--buyer .opxbn-center {
  border-color: #bfd4e3 !important;
  background: #e8f2f8 !important;
}

.op26d-dashboard .op26d-activity,
.op26d-dashboard .op26d-listing,
.op26d-dashboard .op26d-quicklinks > a,
.op26d-dashboard .op26d-checklist > li,
.op26d-dashboard .op26d-empty,
.op26d-dashboard .opxbn-notice {
  border-color: #d2e0e9 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.op26d-dashboard .op26d-panel__head > a,
.op26d-dashboard .op26d-quicklinks > a,
.op26d-dashboard .op26d-trust a {
  color: var(--navy-2) !important;
}

/* Centre d'attention acheteur. */
.op26d-dashboard--buyer .opxbn-command {
  border-color: #bfd4e3 !important;
  background: linear-gradient(120deg, #eaf3f8 0%, #f8fbfd 100%) !important;
  box-shadow: 0 8px 22px rgba(7, 31, 50, 0.06) !important;
}

.op26d-dashboard--buyer .opxbn-command.has-actions {
  border-color: #e6c6ac !important;
  background: linear-gradient(120deg, #fff0e3 0%, #fffaf6 100%) !important;
}

/* Sous-vues historiques : même niveau de contraste sans toucher à leur structure. */
.op26d-dashboard .rdash-card,
.op26d-dashboard .bdash-card,
.op26d-dashboard .oa-panel,
.op26d-dashboard .opreg-rule,
.op26d-dashboard .opreg-note,
.op26d-dashboard .opreg-intro {
  border-color: #c7d9e6 !important;
  background: #f1f7fa !important;
  box-shadow: 0 7px 22px rgba(7, 31, 50, 0.05) !important;
}

/* Le module d'enchères est désactivé : le résidu d'indicateur ne doit plus paraître. */
.op26d-dashboard--seller .op26d-metrics .op26d-metric:nth-child(4) {
  display: none !important;
}

.op26d-dashboard--seller .op26d-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Bandeau forfait acheteur placé au-dessus du tableau de bord. */
.logged-in.page-id-4681 .opxi-panel {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  padding: 58px 26px 24px !important;
  border: 1px solid #c94f04 !important;
  background: linear-gradient(115deg, #f36a10 0%, #ff8428 100%) !important;
  color: var(--navy, #071f32) !important;
  box-shadow: 0 14px 34px rgba(177, 69, 0, 0.18) !important;
}

.logged-in.page-id-4681 .opxi-panel::before {
  content: "Forfait acheteur";
  position: absolute;
  top: 18px;
  left: 26px;
  z-index: 1;
  color: #071f32;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.logged-in.page-id-4681 .opxi-panel::after {
  content: "";
  position: absolute;
  right: -68px;
  bottom: -96px;
  width: 260px;
  height: 260px;
  z-index: -1;
  border: 38px solid rgba(7, 31, 50, 0.08);
  border-radius: 50%;
}

.logged-in.page-id-4681 .opxi-panel > div {
  position: relative;
  z-index: 1;
}

.logged-in.page-id-4681 .opxi-panel span {
  color: #4a250d !important;
}

.logged-in.page-id-4681 .opxi-panel strong {
  color: #071f32 !important;
}

.logged-in.page-id-4681 .opxi-panel em {
  color: #4a250d !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go {
  border-color: rgba(7, 31, 50, 0.22) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #071f32 !important;
  box-shadow: none !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go--main {
  border-color: #071f32 !important;
  background: #071f32 !important;
  color: #ffffff !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go:hover,
.logged-in.page-id-4681 .opxi-panel .opxi-go:focus-visible {
  border-color: #071f32 !important;
  background: #ffffff !important;
  color: #071f32 !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go--main:hover,
.logged-in.page-id-4681 .opxi-panel .opxi-go--main:focus-visible {
  background: #0d3b66 !important;
  color: #ffffff !important;
}

@media (max-width: 1100px) {
  .op26d-dashboard--seller .op26d-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .logged-in.page-id-4681 .opxi-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .logged-in.page-id-4681 .opxi-panel__go {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
  }
}

@media (max-width: 560px) {
  .op26d-dashboard--seller .op26d-metrics,
  .logged-in.page-id-4681 .opxi-panel {
    grid-template-columns: 1fr !important;
  }

  .logged-in.page-id-4681 .opxi-panel {
    padding: 56px 18px 20px !important;
  }

  .logged-in.page-id-4681 .opxi-panel::before {
    left: 18px;
  }

  .logged-in.page-id-4681 .opxi-panel__go {
    grid-column: auto;
    grid-template-columns: 1fr;
  }
}

/* FIN — OPTIPROD modernisation des tableaux de bord — 2026-07-31 */


/** Start Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/

.envato-block__preview{
	overflow: visible;
}

/* Border Radius */
.envato-kit-139-accordion .elementor-widget-container{
	border-radius: 10px !important;
}
.envato-kit-139-map iframe,
.envato-kit-139-slider .slick-slide,
.envato-kit-139-flipbox .elementor-flip-box div{
		border-radius: 10px !important;

}


/** End Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/



/** Start Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.envato-kit-30-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}
.envato-kit-30-div-rotate{
	transform: rotate(90deg);
}

/** End Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/



/* OPTIPROD — harmonisation de l'orange de marque — 2026-07-31 */
body.page-id-5066 .op26fp,
body.page-id-5062 .op26ims,
body.page-id-5288 .op26transfer,
body.page-id-5241 .op26occ,
body.page-id-5370 #op26mag-page,
body.page-id-4897 .openg {
  --orange: #f36a10 !important;
}


/* Titres et libellés orange hérités */
body.page-id-5066 .op26fp-eyebrow,
body.page-id-5066 .op26fp-intro > span,
body.page-id-5066 .op26fp-heading > span,
body.page-id-5066 .op26fp-note > span,
body.page-id-5066 .op26fp-final__inner > div > span,
body.page-id-5062 .op26ims-hero__proof > span,
body.page-id-5062 .op26ims-riskboard__head > b,
body.page-id-5062 .op26ims-step__tag,
body.page-id-5288 .op26transfer-kicker,
body.page-id-5288 .op26transfer-hero h1 em,
body.page-id-5288 .op26transfer-step > span,
body.page-id-5288 .op26transfer-data > strong,
body.page-id-5241 .op26occ-readgrid__head > b,
body.page-id-5241 .op26occ-costboard__head > b,
body.page-id-5370 .op26mag-desk__label,
body.page-id-5370 .op26mag-machine__grid small,
body.page-id-4897 #openg-title span,
body.page-id-4897 .openg-needs span {
  color: #f36a10 !important;
}

/* OPTIPROD — Historique et échanges — TB vendeur + acheteur — 2026-08-12 */
.opxct-history>summary,
.opxct-history[open]>summary {
  border-color: #963700 !important;
  background: #b84300 !important;
  background-image: none !important;
  color: #fff !important;
}
.opxct-history>summary small,
.opxct-history>summary strong,
.opxct-history>summary em {
  color: #fff !important;
}
.opxct-history-icon {
  border: 1px solid rgba(255,255,255,.58) !important;
  background: rgba(7,31,50,.24) !important;
  color: #fff !important;
}
.opxct-history>summary>b {
  border-color: rgba(255,255,255,.72) !important;
  background: rgba(7,31,50,.28) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.opxct-history>summary:hover,
.opxct-history>summary:focus-visible {
  background: #963700 !important;
}
.opxct-history>summary:focus-visible {
  outline: 3px solid #071f32 !important;
  outline-offset: 2px !important;
}
/* Fin OPTIPROD — Historique et échanges */


/** Start Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/

.envato-block__preview{
	overflow: visible;
}

/* Border Radius */
.envato-kit-139-accordion .elementor-widget-container{
	border-radius: 10px !important;
}
.envato-kit-139-map iframe,
.envato-kit-139-slider .slick-slide,
.envato-kit-139-flipbox .elementor-flip-box div{
		border-radius: 10px !important;

}


/** End Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/



/** Start Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.envato-kit-30-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}
.envato-kit-30-div-rotate{
	transform: rotate(90deg);
}

/** End Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/



/* OPTIPROD — harmonisation de l'orange de marque — 2026-07-31 */
body.page-id-5066 .op26fp,
body.page-id-5062 .op26ims,
body.page-id-5288 .op26transfer,
body.page-id-5241 .op26occ,
body.page-id-5370 #op26mag-page,
body.page-id-4897 .openg {
  --orange: #f36a10 !important;
}


/* Titres et libellés orange hérités */
body.page-id-5066 .op26fp-eyebrow,
body.page-id-5066 .op26fp-intro > span,
body.page-id-5066 .op26fp-heading > span,
body.page-id-5066 .op26fp-note > span,
body.page-id-5066 .op26fp-final__inner > div > span,
body.page-id-5062 .op26ims-hero__proof > span,
body.page-id-5062 .op26ims-riskboard__head > b,
body.page-id-5062 .op26ims-step__tag,
body.page-id-5288 .op26transfer-kicker,
body.page-id-5288 .op26transfer-hero h1 em,
body.page-id-5288 .op26transfer-step > span,
body.page-id-5288 .op26transfer-data > strong,
body.page-id-5241 .op26occ-readgrid__head > b,
body.page-id-5241 .op26occ-costboard__head > b,
body.page-id-5370 .op26mag-desk__label,
body.page-id-5370 .op26mag-machine__grid small,
body.page-id-4897 #openg-title span,
body.page-id-4897 .openg-needs span {
  color: #f36a10 !important;
}

/*
 * OPTIPROD Algérie — modernisation des tableaux de bord
 * Version : 2026-07-31
 * Portée : pages 4620 (vendeur) et 4681 (acheteur), utilisateurs connectés.
 * Couche visuelle uniquement : aucune permission, action ou donnée n'est modifiée.
 */

.op26d-dashboard {
  --orange: #f36a10;
  --orange-dark: #b74300;
  --navy: #071f32;
  --navy-2: #0d3b66;
  --ink: #172f43;
  --muted: #52697a;
  --soft: #eef4f8;
  --line: #cbdbe7;
}

.logged-in.page-id-4681 .elementor-element-b83b994,
.logged-in.page-id-4620 .elementor-element-bce3c7e {
  background: #eaf1f6 !important;
}

/* En-tête opérationnel : blanc cassé, bordure plus franche. */
.op26d-dashboard .op26d-topbar {
  border-color: #c8d9e6 !important;
  background: linear-gradient(120deg, #ffffff 0%, #f2f7fa 100%) !important;
  box-shadow: 0 10px 28px rgba(7, 31, 50, 0.07) !important;
}

/* Indicateurs : alternance bleu / chaud pour une lecture immédiate. */
.op26d-dashboard .op26d-metric {
  border-color: #c5d8e6 !important;
  background: #e8f1f7 !important;
  box-shadow: 0 7px 20px rgba(7, 31, 50, 0.05) !important;
}

.op26d-dashboard .op26d-metric:nth-child(even) {
  border-color: #ead5c4 !important;
  background: #fff1e6 !important;
}

.op26d-dashboard .op26d-metric strong,
.op26d-dashboard .op26d-metric b,
.op26d-dashboard .op26d-panel h2,
.op26d-dashboard .op26d-panel strong {
  color: var(--navy) !important;
}

.op26d-dashboard .op26d-metric span,
.op26d-dashboard .op26d-metric small,
.op26d-dashboard .op26d-panel p,
.op26d-dashboard .op26d-panel small {
  color: var(--muted) !important;
}

.op26d-dashboard .op26d-eyebrow {
  color: var(--orange-dark) !important;
}

/* Panneaux principaux : surfaces teintées, rangées internes conservées en blanc. */
.op26d-dashboard .op26d-layout > .op26d-stack > .op26d-panel {
  border-color: #c5d8e6 !important;
  background: #edf5fa !important;
  box-shadow: 0 9px 26px rgba(7, 31, 50, 0.06) !important;
}

.op26d-dashboard .op26d-layout > .op26d-stack > .op26d-panel:nth-child(even) {
  border-color: #e6d5c7 !important;
  background: #fbf4ed !important;
}

.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel {
  border-color: #cbdbe7 !important;
  background: #f3f7fa !important;
}

.op26d-dashboard--seller .op26d-plan,
.op26d-dashboard--buyer .op26d-layout > aside.op26d-stack > .op26d-panel:first-child {
  border-color: #e7cbb4 !important;
  background: #fff0e3 !important;
}

.op26d-dashboard--buyer .opxbn-center {
  border-color: #bfd4e3 !important;
  background: #e8f2f8 !important;
}

.op26d-dashboard .op26d-activity,
.op26d-dashboard .op26d-listing,
.op26d-dashboard .op26d-quicklinks > a,
.op26d-dashboard .op26d-checklist > li,
.op26d-dashboard .op26d-empty,
.op26d-dashboard .opxbn-notice {
  border-color: #d2e0e9 !important;
  background: rgba(255, 255, 255, 0.9) !important;
}

.op26d-dashboard .op26d-panel__head > a,
.op26d-dashboard .op26d-quicklinks > a,
.op26d-dashboard .op26d-trust a {
  color: var(--navy-2) !important;
}

/* Centre d'attention acheteur. */
.op26d-dashboard--buyer .opxbn-command {
  border-color: #bfd4e3 !important;
  background: linear-gradient(120deg, #eaf3f8 0%, #f8fbfd 100%) !important;
  box-shadow: 0 8px 22px rgba(7, 31, 50, 0.06) !important;
}

.op26d-dashboard--buyer .opxbn-command.has-actions {
  border-color: #e6c6ac !important;
  background: linear-gradient(120deg, #fff0e3 0%, #fffaf6 100%) !important;
}

/* Sous-vues historiques : même niveau de contraste sans toucher à leur structure. */
.op26d-dashboard .rdash-card,
.op26d-dashboard .bdash-card,
.op26d-dashboard .oa-panel,
.op26d-dashboard .opreg-rule,
.op26d-dashboard .opreg-note,
.op26d-dashboard .opreg-intro {
  border-color: #c7d9e6 !important;
  background: #f1f7fa !important;
  box-shadow: 0 7px 22px rgba(7, 31, 50, 0.05) !important;
}

/* Le module d'enchères est désactivé : le résidu d'indicateur ne doit plus paraître. */
.op26d-dashboard--seller .op26d-metrics .op26d-metric:nth-child(4) {
  display: none !important;
}

.op26d-dashboard--seller .op26d-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

/* Bandeau forfait acheteur placé au-dessus du tableau de bord. */
.logged-in.page-id-4681 .opxi-panel {
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  padding: 58px 26px 24px !important;
  border: 1px solid #c94f04 !important;
  background: linear-gradient(115deg, #f36a10 0%, #ff8428 100%) !important;
  color: var(--navy, #071f32) !important;
  box-shadow: 0 14px 34px rgba(177, 69, 0, 0.18) !important;
}

.logged-in.page-id-4681 .opxi-panel::before {
  content: "Forfait acheteur";
  position: absolute;
  top: 18px;
  left: 26px;
  z-index: 1;
  color: #071f32;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: 0.08em;
  line-height: 1.2;
  text-transform: uppercase;
}

.logged-in.page-id-4681 .opxi-panel::after {
  content: "";
  position: absolute;
  right: -68px;
  bottom: -96px;
  width: 260px;
  height: 260px;
  z-index: -1;
  border: 38px solid rgba(7, 31, 50, 0.08);
  border-radius: 50%;
}

.logged-in.page-id-4681 .opxi-panel > div {
  position: relative;
  z-index: 1;
}

.logged-in.page-id-4681 .opxi-panel span {
  color: #4a250d !important;
}

.logged-in.page-id-4681 .opxi-panel strong {
  color: #071f32 !important;
}

.logged-in.page-id-4681 .opxi-panel em {
  color: #4a250d !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go {
  border-color: rgba(7, 31, 50, 0.22) !important;
  background: rgba(255, 255, 255, 0.88) !important;
  color: #071f32 !important;
  box-shadow: none !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go--main {
  border-color: #071f32 !important;
  background: #071f32 !important;
  color: #ffffff !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go:hover,
.logged-in.page-id-4681 .opxi-panel .opxi-go:focus-visible {
  border-color: #071f32 !important;
  background: #ffffff !important;
  color: #071f32 !important;
}

.logged-in.page-id-4681 .opxi-panel .opxi-go--main:hover,
.logged-in.page-id-4681 .opxi-panel .opxi-go--main:focus-visible {
  background: #0d3b66 !important;
  color: #ffffff !important;
}

@media (max-width: 1100px) {
  .op26d-dashboard--seller .op26d-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 820px) {
  .logged-in.page-id-4681 .opxi-panel {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .logged-in.page-id-4681 .opxi-panel__go {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px !important;
  }
}

@media (max-width: 560px) {
  .op26d-dashboard--seller .op26d-metrics,
  .logged-in.page-id-4681 .opxi-panel {
    grid-template-columns: 1fr !important;
  }

  .logged-in.page-id-4681 .opxi-panel {
    padding: 56px 18px 20px !important;
  }

  .logged-in.page-id-4681 .opxi-panel::before {
    left: 18px;
  }

  .logged-in.page-id-4681 .opxi-panel__go {
    grid-column: auto;
    grid-template-columns: 1fr;
  }
}

/* FIN — OPTIPROD modernisation des tableaux de bord — 2026-07-31 */


/** Start Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/

.envato-block__preview{
	overflow: visible;
}

/* Border Radius */
.envato-kit-139-accordion .elementor-widget-container{
	border-radius: 10px !important;
}
.envato-kit-139-map iframe,
.envato-kit-139-slider .slick-slide,
.envato-kit-139-flipbox .elementor-flip-box div{
		border-radius: 10px !important;

}


/** End Block Kit CSS: 142-3-a175df65179b9ef6a5ca9f1b2c0202b9 **/



/** Start Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/

.envato-block__preview{overflow: visible !important;}

/** End Block Kit CSS: 136-3-fc37602abad173a9d9d95d89bbe6bb80 **/



/** Start Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/

.envato-kit-30-phone-overlay {
	position: absolute !important;
	display: block !important;
	top: 0%;
	left: 0%;
	right: 0%;
	margin: auto;
	z-index: 1;
}
.envato-kit-30-div-rotate{
	transform: rotate(90deg);
}

/** End Block Kit CSS: 33-3-f2d4515681d0cdeb2a000d0405e47669 **/



/* OPTIPROD — harmonisation de l'orange de marque — 2026-07-31 */
body.page-id-5066 .op26fp,
body.page-id-5062 .op26ims,
body.page-id-5288 .op26transfer,
body.page-id-5241 .op26occ,
body.page-id-5370 #op26mag-page,
body.page-id-4897 .openg {
  --orange: #f36a10 !important;
}


/* Titres et libellés orange hérités */
body.page-id-5066 .op26fp-eyebrow,
body.page-id-5066 .op26fp-intro > span,
body.page-id-5066 .op26fp-heading > span,
body.page-id-5066 .op26fp-note > span,
body.page-id-5066 .op26fp-final__inner > div > span,
body.page-id-5062 .op26ims-hero__proof > span,
body.page-id-5062 .op26ims-riskboard__head > b,
body.page-id-5062 .op26ims-step__tag,
body.page-id-5288 .op26transfer-kicker,
body.page-id-5288 .op26transfer-hero h1 em,
body.page-id-5288 .op26transfer-step > span,
body.page-id-5288 .op26transfer-data > strong,
body.page-id-5241 .op26occ-readgrid__head > b,
body.page-id-5241 .op26occ-costboard__head > b,
body.page-id-5370 .op26mag-desk__label,
body.page-id-5370 .op26mag-machine__grid small,
body.page-id-4897 #openg-title span,
body.page-id-4897 .openg-needs span {
  color: #f36a10 !important;
}

/* OPTIPROD — Code bordeaux signalements et réclamations — 2026-08-17 */
.opacr-seller-box {
  --incident: #7a1f2b;
  --incident-dark: #5c1520;
  --incident-border: #4a0f18;
}

.opacr-seller-box > details > summary,
.opacr-buyer-box > details > summary,
.opxct-central-report > summary,
.opacr-signalements > header,
.op26d-request-filter[href*="request_status=signalements"] {
  border-color: var(--incident-border, #4a0f18) !important;
  background: var(--incident, #7a1f2b) !important;
  background-image: none !important;
  color: #fff !important;
}

.opacr-seller-box > details > summary::before,
.opacr-buyer-box > details > summary::before {
  border: 1px solid rgba(255, 255, 255, 0.58) !important;
  background: rgba(255, 255, 255, 0.14) !important;
  color: #fff !important;
}

.opacr-button-state,
.opacr-signalements > header > span,
.op26d-request-filter[href*="request_status=signalements"] b {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

.opacr-signalements > header small,
.opacr-signalements > header h2 {
  color: #fff !important;
}

.opacr-signalements-list article {
  border-color: var(--incident-border, #4a0f18) !important;
  border-left-color: var(--incident-border, #4a0f18) !important;
  background: var(--incident, #7a1f2b) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(74, 15, 24, 0.16) !important;
}

.opacr-signalement-main > span,
.opacr-signalement-main h3,
.opacr-signalement-main p,
.opacr-signalement-latest {
  color: #fff !important;
}

.opacr-signalement-meta > span {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
}

.opacr-signalements-list article > a {
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  background: rgba(7, 31, 50, 0.28) !important;
  color: #fff !important;
}

.opxct-history:has(.opxct-central-report[open]) > summary {
  border-color: var(--incident-border, #4a0f18) !important;
  background: var(--incident, #7a1f2b) !important;
  background-image: none !important;
  color: #fff !important;
}

.opxct-history:has(.opxct-central-report[open]) > summary small,
.opxct-history:has(.opxct-central-report[open]) > summary strong,
.opxct-history:has(.opxct-central-report[open]) > summary em,
.opxct-history:has(.opxct-central-report[open]) > summary > b {
  color: #fff !important;
}

.opacr-seller-box > details > summary:hover,
.opacr-seller-box > details > summary:focus-visible,
.opacr-buyer-box > details > summary:hover,
.opacr-buyer-box > details > summary:focus-visible,
.opxct-central-report > summary:hover,
.opxct-central-report > summary:focus-visible,
.op26d-request-filter[href*="request_status=signalements"]:hover,
.op26d-request-filter[href*="request_status=signalements"]:focus-visible,
.opacr-signalements-list article > a:hover,
.opacr-signalements-list article > a:focus-visible {
  background: var(--incident-dark, #5c1520) !important;
  color: #fff !important;
}
/* Fin OPTIPROD — Code bordeaux signalements et réclamations */


/* OPTIPROD — Correctif lisibilité bouton signalement — 2026-08-17 */
.opxct-central-report > summary > b {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 72px;
  min-height: 34px;
  padding: 7px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.82) !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #7a1f2b !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.opxct-central-report > summary > b:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 3px !important;
}
.opxct-central-report[open] > summary > b {
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}
/* Fin OPTIPROD — Correctif lisibilité bouton signalement */


/* OPTIPROD — sécurité responsive tableaux de bord + header sticky — 2026-09-02 */
@media (max-width: 980px) {
  html { overflow-x: clip !important; }
  body { overflow-x: visible !important; overflow-y: visible !important; }

  .op26h {
    position: sticky !important;
    top: 0 !important;
    z-index: 99990 !important;
    transform: none !important;
    will-change: auto !important;
  }

  body.admin-bar .op26h { top: 46px !important; }
}

@media (max-width: 560px) {
  .op26d-dashboard,
  .op26d-dashboard * {
    min-width: 0;
    box-sizing: border-box;
  }

  .op26d-dashboard {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .op26d-dashboard .oa-wrap,
  .op26d-dashboard .rdash,
  .op26d-dashboard .bdash,
  .op26d-dashboard .rdash-main,
  .op26d-dashboard .bdash-main,
  .op26d-dashboard .op26d-layout,
  .op26d-dashboard .op26d-stack {
    width: 100% !important;
    max-width: 100% !important;
  }

  .op26d-dashboard .op26d-topbar,
  .op26d-dashboard .op26d-welcome,
  .op26d-dashboard .opxbn-command,
  .op26d-dashboard .op26d-panel,
  .op26d-dashboard .op26d-metric {
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .op26d-dashboard .op26d-topbar,
  .op26d-dashboard .op26d-welcome {
    padding: 18px !important;
  }

  .op26d-dashboard .op26d-welcome__actions,
  .op26d-dashboard .op26d-topbar > .op26d-btn {
    width: 100% !important;
  }

  .op26d-dashboard .op26d-welcome__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .op26d-dashboard .op26d-welcome__actions .op26d-btn,
  .op26d-dashboard .op26d-topbar > .op26d-btn {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .op26d-dashboard .op26d-panel {
    padding: 15px !important;
  }

  .op26d-dashboard .op26d-panel__head,
  .op26d-dashboard .op26d-disclosure__head {
    width: 100% !important;
    max-width: 100% !important;
    align-items: stretch !important;
  }

  .op26d-dashboard .op26d-disclosure__toggle {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .op26d-dashboard .op26d-disclosure__toggle > div,
  .op26d-dashboard .op26d-disclosure__toggle h2,
  .op26d-dashboard .op26d-disclosure__toggle .op26d-eyebrow {
    width: 100% !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .op26d-dashboard .op26d-disclosure__summary {
    justify-self: start !important;
    justify-content: flex-start !important;
    width: auto !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  .op26d-dashboard .op26d-disclosure__count,
  .op26d-dashboard .op26d-badge,
  .op26d-dashboard .op26d-account-state,
  .op26d-dashboard [class*="status"],
  .op26d-dashboard [class*="badge"] {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
  }

  .op26d-dashboard .op26d-panel__head > a {
    align-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .op26d-dashboard .op26d-metric > div,
  .op26d-dashboard .op26d-activity > div,
  .op26d-dashboard .op26d-listing > div,
  .op26d-dashboard .op26d-quicklinks > a > span {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .op26d-dashboard .op26d-metric strong,
  .op26d-dashboard .op26d-metric span,
  .op26d-dashboard .op26d-metric small,
  .op26d-dashboard .op26d-activity strong,
  .op26d-dashboard .op26d-activity span,
  .op26d-dashboard .op26d-listing strong,
  .op26d-dashboard .op26d-listing span,
  .op26d-dashboard .op26d-empty strong,
  .op26d-dashboard .op26d-empty span,
  .op26d-dashboard .op26d-quicklinks strong,
  .op26d-dashboard .op26d-quicklinks small {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  .op26d-dashboard .op26d-activity {
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
  }

  .op26d-dashboard .op26d-activity > .op26d-badge {
    position: static !important;
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 2px 0 0 !important;
  }

  .op26d-dashboard .op26d-listing {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 9px !important;
    align-items: start !important;
  }

  .op26d-dashboard .op26d-listing > .op26d-badge {
    position: static !important;
    grid-column: 2 !important;
    justify-self: start !important;
    margin: 2px 0 0 !important;
  }

  .op26d-dashboard .op26d-quicklinks {
    grid-template-columns: 1fr !important;
  }

  .op26d-dashboard .op26d-quicklinks > a,
  .op26d-dashboard .op26d-empty,
  .op26d-dashboard .opxbn-notice {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .op26d-buyer-planbar {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 10px !important;
    overflow: hidden !important;
  }

  .op26d-buyer-planbar > *,
  .op26d-buyer-planbar__actions,
  .op26d-buyer-planbar__choice,
  .op26d-buyer-planbar select,
  .op26d-buyer-planbar a {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .op26d-buyer-planbar__actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .op26d-dashboard table {
    max-width: 100% !important;
  }

  .op26d-dashboard .rdash-table,
  .op26d-dashboard .bdash-table,
  .op26d-dashboard .op-table-wrap {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 360px) {
  .op26d-dashboard .op26d-topbar,
  .op26d-dashboard .op26d-welcome,
  .op26d-dashboard .op26d-panel {
    padding: 13px !important;
  }

  .op26d-dashboard .op26d-disclosure__count {
    padding: 6px 9px !important;
    font-size: 11px !important;
  }
}
/* Fin OPTIPROD — sécurité responsive tableaux de bord + header sticky */


/* OPTIPROD — notifications mobiles : statut intégralement lisible — 2026-09-02 */
@media (max-width: 850px) {
  .op26d-dashboard .opxbn-notice {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .op26d-dashboard .opxbn-notice > div:nth-child(2),
  .op26d-dashboard .opxbn-notice-line {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  .op26d-dashboard .opxbn-notice-line {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: start !important;
  }
  .op26d-dashboard .opxbn-notice-line > *,
  .op26d-dashboard .opxbn-notice-line small,
  .op26d-dashboard .opxbn-notice-line strong,
  .op26d-dashboard .opxbn-notice-line p,
  .op26d-dashboard .opxbn-notice-line p span,
  .op26d-dashboard .opxbn-notice-line time {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  .op26d-dashboard .opxbn-notice-line p {
    display: block !important;
    width: 100% !important;
    line-height: 1.45 !important;
  }
  .op26d-dashboard .opxbn-state-label {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .op26d-dashboard .opxbn-actions {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-items: stretch !important;
  }
}


/* OPTIPROD — Accès rapide : cartes de navigation — 2026-09-03 */
.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) {
  padding: 20px !important;
  border: 1px solid #214e70 !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #143e60 0%, #09263e 100%) !important;
  box-shadow: 0 12px 28px rgba(9,38,62,.14) !important;
  min-width: 0 !important;
}
.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) > .op26d-panel__head {
  display: block !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) .op26d-eyebrow {
  display: block !important;
  margin-bottom: 6px !important;
  color: #ffb16f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .12em !important;
}
.op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) h2 {
  color: #fff !important;
  margin: 0 !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
}
.op26d-dashboard .op26d-quicklinks {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
}
.op26d-dashboard .op26d-quicklinks > a {
  display: grid !important;
  grid-template-columns: 42px minmax(0,1fr) 18px !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 15px 13px !important;
  border: 1px solid #e3eaf0 !important;
  border-radius: 13px !important;
  background: #fff !important;
  text-decoration: none !important;
  box-shadow: 0 3px 8px rgba(0,0,0,.06) !important;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}
.op26d-dashboard .op26d-quicklinks > a > span {
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: #fff0e5 !important;
  color: #c65109 !important;
}
.op26d-dashboard .op26d-quicklinks > a > span svg { width: 22px !important; height: 22px !important; }
.op26d-dashboard .op26d-quicklinks > a > div { min-width: 0 !important; max-width: 100% !important; }
.op26d-dashboard .op26d-quicklinks > a strong {
  display: block !important;
  margin: 0 0 5px !important;
  color: #103752 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}
.op26d-dashboard .op26d-quicklinks > a small {
  display: block !important;
  color: #526779 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
}
.op26d-dashboard .op26d-quicklinks > a strong,
.op26d-dashboard .op26d-quicklinks > a small {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}
.op26d-dashboard .op26d-quicklinks > a > svg { width: 18px !important; height: 18px !important; color: #bf510b !important; margin: 0 !important; }
.op26d-dashboard .op26d-quicklinks > a:hover {
  border-color: #f08a43 !important;
  background: #fff8f2 !important;
  box-shadow: 0 5px 15px rgba(0,0,0,.12) !important;
}
.op26d-dashboard .op26d-quicklinks > a:focus-visible { outline: 3px solid #ffb16f !important; outline-offset: 3px !important; }
@media (max-width: 560px) {
  .op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) { padding: 17px !important; }
}
@media (max-width: 360px) {
  .op26d-dashboard .op26d-layout > aside.op26d-stack > .op26d-panel:has(> .op26d-quicklinks) { padding: 14px !important; }
  .op26d-dashboard .op26d-quicklinks > a { grid-template-columns: 36px minmax(0,1fr) 15px !important; gap: 8px !important; padding: 13px 10px !important; }
  .op26d-dashboard .op26d-quicklinks > a > span { width: 36px !important; height: 36px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .op26d-dashboard .op26d-quicklinks > a { transition: none !important; }
}