:root{--digiterya-cyan:#43d4ea;--digiterya-ink:#0b2b35;--digiterya-panel:#ffffff;--digiterya-border:#b9e4ed}
html,body,#root,#root *{letter-spacing:0!important;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}
body,.layout,.melon-dashboard,.report-page,.commission-page{font-weight:400!important;color:var(--digiterya-ink)}
.top-nav-item>button,.top-nav-dropdown button,.melon-actions button,.market-button,.account-menu button{font-weight:500!important}
.account-copy b,.header-account strong,.welcome-card h1,.melon-kpi strong,.expense-content h2,.metric-panel-head h3,.commission-table-head h3,.report-table-panel h3{font-weight:600!important}
.melon-kpi b,.expense-item strong,.order-popup-profit strong,.order-popup-product-price,.price-cell,.success,.detail-button,.primary-button{font-weight:700!important}
.live-table th,.commission-table th,.report-table th{font-weight:600!important}
.live-table td,.commission-table td,.report-table td{font-weight:500!important}
.welcome-card p{font-weight:400!important}.welcome-card a{display:none!important}.how-button{display:none!important}
.market-logo.trendyol,.platform-mini-logo.trendyol,.platform-card-logo.trendyol{font-size:0!important;color:transparent!important;background:#fff url('/assets/trendyol-logo.svg') center/82% auto no-repeat!important;white-space:normal!important;overflow:hidden}
.platform-mini-logo.trendyol{display:block;min-width:58px;height:28px}.platform-card-logo.trendyol{background-size:78% auto!important}.market-logo.trendyol{background-size:76% auto!important}
.melon-actions{gap:5px}.panel-floating-actions{z-index:95}.floating-contact-actions{display:grid!important;gap:8px!important;justify-items:end!important}.how-floating-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:0;border-radius:999px;background:#ffe8df;color:#2b100b;padding:0 17px;font-size:12px;font-weight:650;box-shadow:0 12px 26px rgba(43,16,11,.18);cursor:pointer}.how-floating-button:hover,.how-floating-button:focus-visible{background:#ffd7c9;transform:translateY(-1px);outline:none}.how-guide-popover{position:fixed;right:24px;bottom:148px;z-index:140;width:min(300px,calc(100vw - 34px));border:1px solid rgba(7,84,103,.16);border-radius:12px;background:#fff;color:#0b2b35;box-shadow:0 22px 58px rgba(7,84,103,.24);padding:14px 16px}.how-guide-popover strong{display:block;margin-bottom:6px;font-size:13px;font-weight:700}.how-guide-popover span{display:block;color:#44616a;font-size:12px;font-weight:450;line-height:1.5}
.melon-kpi,.melon-kpi-main,.order-popup-cost-row.kdv,.order-popup-cost-row.kdv button{overflow:visible!important}.melon-kpi-main{position:relative}.kpi-help{position:relative;z-index:5;display:inline-grid!important;place-items:center;width:26px;height:26px;border-radius:50%;color:#ff7058;background:#fff4ef;border:1px solid #ffd2c6;flex:0 0 26px}.kpi-tooltip{position:absolute;right:-6px;top:calc(100% + 10px);z-index:80;display:block;width:210px;border-radius:9px;background:#43d4ea;color:#092a34;box-shadow:0 14px 30px rgba(7,84,103,.22);padding:11px 12px;text-align:left;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}.kpi-tooltip:before{content:"";position:absolute;right:13px;top:-6px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #43d4ea}.kpi-tooltip strong{display:block;margin:0 0 5px;font-size:12px;font-weight:700;color:#073341}.kpi-tooltip small{display:block;color:#073341;font-size:11px;font-weight:450;line-height:1.45}.kpi-help:hover .kpi-tooltip,.kpi-help:focus .kpi-tooltip{opacity:1;visibility:visible;transform:translateY(0)}
.kdv-label-with-help{position:relative;display:inline-flex;align-items:center;gap:7px}.kdv-help{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e8fbff;color:#12afd0;border:1px solid #8ee7f6}.kdv-tooltip{position:absolute;left:50%;top:calc(100% + 10px);z-index:110;display:block;width:min(330px,70vw);border-radius:9px;background:#43d4ea;color:#073341;box-shadow:0 16px 34px rgba(7,84,103,.22);padding:11px 13px;font-size:11px;font-weight:550;line-height:1.45;text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:opacity .14s ease,transform .14s ease,visibility .14s ease;pointer-events:none}.kdv-tooltip:before{content:"";position:absolute;left:50%;top:-6px;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #43d4ea}.kdv-help:hover .kdv-tooltip,.kdv-help:focus .kdv-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}.order-popup-sub-costs p{font-weight:500}.order-popup-sub-costs b{font-weight:700}
.product-settings-message{position:fixed!important;right:28px;top:88px;z-index:5000;max-width:min(440px,calc(100vw - 36px));border:1px solid rgba(7,84,103,.22);border-left:5px solid #22c55e;border-radius:12px;background:#fff;color:#083946;box-shadow:0 20px 54px rgba(7,84,103,.22);padding:13px 16px;font-size:13px;font-weight:650;line-height:1.35}.product-settings-message:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#22c55e;color:#fff;font-size:12px;font-weight:700}.product-settings-message:empty{display:none!important}
.product-info-cell img,.commission-product img,.campaign-product img,.order-popup-product-card img{cursor:zoom-in;transition:transform .15s ease,box-shadow .15s ease}.product-info-cell img:hover,.commission-product img:hover,.campaign-product img:hover,.order-popup-product-card img:hover{transform:scale(1.04)}.digiterya-image-preview{position:fixed;z-index:6000;width:164px;height:164px;border:6px solid #43d4ea;border-radius:14px;background:#fff center/contain no-repeat;box-shadow:0 22px 60px rgba(7,84,103,.34);pointer-events:none;opacity:0;transform:translate3d(0,0,0) scale(.96);transition:opacity .12s ease,transform .12s ease}.digiterya-image-preview.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media (max-width:760px){.kpi-tooltip{right:auto;left:50%;transform:translate(-50%,-4px)}.kpi-help:hover .kpi-tooltip,.kpi-help:focus .kpi-tooltip{transform:translate(-50%,0)}.how-guide-popover{right:14px;bottom:136px}.product-settings-message{right:14px;left:14px;top:76px;max-width:none}}

/* KPI explanations must open as hover bubbles from the top-right icon only. */
.melon-kpi .kpi-tooltip{display:none!important}
.melon-kpi .kpi-help{cursor:help!important}
.digiterya-kpi-popover{position:fixed;z-index:7000;width:min(230px,calc(100vw - 30px));border-radius:9px;background:#43d4ea;color:#073341;box-shadow:0 16px 34px rgba(7,84,103,.24);padding:11px 13px;text-align:left;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-5px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease}
.digiterya-kpi-popover.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.digiterya-kpi-popover:before{content:"";position:absolute;top:-7px;right:16px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #43d4ea}
.digiterya-kpi-popover.place-left:before{right:auto;left:16px}
.digiterya-kpi-popover strong{display:block;margin:0 0 6px;color:#073341;font-size:12px;font-weight:700;line-height:1.2}
.digiterya-kpi-popover span{display:block;color:#073341;font-size:11px;font-weight:450;line-height:1.48}

/* Commission tariff inline variants */
.commission-parent-row.is-expanded td{background:#f5fbfd!important}
.commission-variant-child-row td{background:#fbfeff!important;border-top:0!important}
.commission-variant-child-row td:first-child{position:relative;text-align:center}
.commission-variant-branch{width:34px;height:54px;margin:0 auto;border-left:1px dashed #6ad5e6;border-bottom:1px dashed #6ad5e6}
.commission-product-variant{padding-left:4px}
.commission-product-variant img{width:46px!important;height:46px!important;object-fit:contain}
.variant-count.active{background:#6fd5e7!important;color:#064657!important}


.variant-child-select{min-height:30px;border:0;border-radius:8px;background:#e7f7fb;color:#075467;font-size:11px;font-weight:700;padding:0 10px;white-space:nowrap}
.variant-child-select:hover{background:#d4f1f7}
.child-range-cell strong{font-size:11px}
.child-range-cell span,.child-range-cell b{font-size:10px}
/* KPI hover-only explanations: hide inline text, show via JS popover on the gear icon. */
.melon-kpi{overflow:visible!important}
.melon-kpi-main{position:relative!important;overflow:visible!important}
.melon-kpi .kpi-help{position:absolute!important;top:18px!important;right:10px!important;z-index:25!important;display:grid!important;place-items:center!important;width:28px!important;height:28px!important;min-width:28px!important;border-radius:50%!important;color:#075467!important;background:transparent!important;border:0!important;cursor:help!important;line-height:1!important;font-size:0!important}
.melon-kpi .kpi-help svg{position:static!important;inset:auto!important;width:17px!important;height:17px!important;color:#075467!important;filter:drop-shadow(0 4px 8px rgba(7,84,103,.18))!important}
.melon-kpi .kpi-help .kpi-tooltip,
.melon-kpi .kpi-help .kpi-tooltip *,
.melon-kpi-main .kpi-tooltip,
.melon-kpi-main .kpi-tooltip *{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;max-width:0!important;max-height:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.digiterya-kpi-popover{position:fixed!important;z-index:9000!important;width:min(230px,calc(100vw - 30px))!important;border-radius:9px!important;background:#43d4ea!important;color:#073341!important;box-shadow:0 16px 34px rgba(7,84,103,.24)!important;padding:11px 13px!important;text-align:left!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(-5px)!important;transition:opacity .12s ease,transform .12s ease,visibility .12s ease!important}
.digiterya-kpi-popover.is-visible{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.digiterya-kpi-popover strong{display:block!important;margin:0 0 6px!important;color:#073341!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important}
.digiterya-kpi-popover span{display:block!important;color:#073341!important;font-size:11px!important;font-weight:450!important;line-height:1.48!important}
/* Final KPI icon tooltip fallback: visible on hover/focus from data-kpi-tooltip. */
.melon-kpi-grid,.melon-dashboard,.content{overflow:visible!important}
.melon-kpi .kpi-help[data-kpi-tooltip]::after{content:attr(data-kpi-tooltip)!important;position:absolute!important;right:-2px!important;top:calc(100% + 10px)!important;z-index:9500!important;display:block!important;width:230px!important;min-height:0!important;max-height:none!important;height:auto!important;border-radius:9px!important;background:#43d4ea!important;color:#073341!important;box-shadow:0 16px 34px rgba(7,84,103,.24)!important;padding:11px 13px!important;text-align:left!important;font-size:11px!important;font-weight:450!important;line-height:1.48!important;white-space:normal!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transform:translateY(-5px)!important;transition:opacity .12s ease,transform .12s ease,visibility .12s ease!important;clip:auto!important;clip-path:none!important}
.melon-kpi .kpi-help[data-kpi-tooltip]::before{content:""!important;position:absolute!important;right:8px!important;top:calc(100% + 3px)!important;z-index:9501!important;border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid #43d4ea!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .12s ease,visibility .12s ease!important}
.melon-kpi .kpi-help[data-kpi-tooltip]:hover::after,.melon-kpi .kpi-help[data-kpi-tooltip]:focus::after,.melon-kpi .kpi-help[data-kpi-tooltip]:focus-visible::after{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.melon-kpi .kpi-help[data-kpi-tooltip]:hover::before,.melon-kpi .kpi-help[data-kpi-tooltip]:focus::before,.melon-kpi .kpi-help[data-kpi-tooltip]:focus-visible::before{opacity:1!important;visibility:visible!important}
@media (max-width:760px){.melon-kpi .kpi-help[data-kpi-tooltip]::after{right:auto!important;left:50%!important;transform:translate(-50%,-5px)!important;width:min(230px,calc(100vw - 34px))!important}.melon-kpi .kpi-help[data-kpi-tooltip]:hover::after,.melon-kpi .kpi-help[data-kpi-tooltip]:focus::after,.melon-kpi .kpi-help[data-kpi-tooltip]:focus-visible::after{transform:translate(-50%,0)!important}.melon-kpi .kpi-help[data-kpi-tooltip]::before{right:auto!important;left:50%!important;transform:translateX(-50%)!important}}



.commission-tariff-table .variant-cell{min-width:0!important;overflow:hidden!important}


/* Canonical single-variant badge. It intentionally does not inherit variant button styles. */
.commission-tariff-table .variant-cell .commission-single-variant{all:unset!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:28px!important;min-height:28px!important;max-height:28px!important;margin:0 auto!important;padding:2px 3px!important;border-radius:14px!important;background:#075467!important;color:#fff!important;font-family:Poppins,Arial,sans-serif!important;font-size:7px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;text-shadow:none!important;box-shadow:none!important}
.commission-tariff-table .variant-cell .commission-single-variant>span{all:unset!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#fff!important;font-family:Poppins,Arial,sans-serif!important;font-size:7px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;white-space:nowrap!important;text-shadow:none!important}
/* Canonical floating help actions. The header help button is removed from React as well. */
.melon-actions>.how-button{display:none!important}
.floating-contact-actions{width:132px!important;display:grid!important;grid-template-columns:132px!important;gap:8px!important;justify-items:stretch!important;align-items:center!important}
.floating-contact-actions .whatsapp-bubble,.floating-contact-actions .how-floating-button,.floating-contact-actions .learn-button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:132px!important;min-width:132px!important;max-width:132px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;border:0!important;border-radius:999px!important;padding:0 14px!important;color:#fff!important;font-family:Poppins,Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-align:center!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important}
.floating-contact-actions .how-floating-button{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:linear-gradient(135deg,#2ed8f3,#1095b3 55%,#075467)!important;box-shadow:0 10px 24px rgba(7,84,103,.28)!important;animation:none!important}
.floating-contact-actions .how-floating-button:before{content:""!important;position:absolute!important;inset:-45% auto -45% -55%!important;z-index:-1!important;width:42%!important;transform:rotate(18deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent)!important;animation:floatingActionShine 3.2s ease-in-out infinite!important}
.floating-contact-actions .how-floating-button:hover,.floating-contact-actions .how-floating-button:focus-visible{background:linear-gradient(135deg,#36dcf5,#0b8ca9 55%,#064657)!important;box-shadow:0 14px 28px rgba(7,84,103,.36)!important;transform:translateY(-2px)!important;filter:saturate(1.06)!important;outline:none!important}
.floating-contact-actions .how-floating-button svg,.floating-contact-actions .learn-button svg,.floating-contact-actions .whatsapp-bubble svg{flex:0 0 auto!important;width:17px!important;height:17px!important}
.floating-contact-actions .how-floating-button span,.floating-contact-actions .learn-button span,.floating-contact-actions .whatsapp-bubble span{display:block!important;font:inherit!important;color:inherit!important;line-height:1!important;white-space:nowrap!important}
.how-guide-popover{right:28px!important;bottom:166px!important;width:min(320px,calc(100vw - 34px))!important;border:1px solid rgba(7,84,103,.14)!important;border-radius:10px!important;background:#fff!important;color:#0b2b35!important;box-shadow:0 20px 52px rgba(7,84,103,.24)!important;padding:16px 17px!important}
.how-guide-popover strong{margin-bottom:7px!important;color:#075467!important;font-size:13px!important;font-weight:700!important}
.how-guide-popover span{color:#49656d!important;font-size:12px!important;font-weight:400!important;line-height:1.55!important}
@media (max-width:760px){.floating-contact-actions{width:126px!important;grid-template-columns:126px!important}.floating-contact-actions .whatsapp-bubble,.floating-contact-actions .how-floating-button,.floating-contact-actions .learn-button{width:126px!important;min-width:126px!important;max-width:126px!important}.how-guide-popover{right:14px!important;bottom:158px!important}}

/* Centered responsive order analysis modal - canonical override. */
.order-popup-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:6000!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:contain!important;
  padding:clamp(12px,2.5vw,32px)!important;
  background:rgba(18,15,14,.66)!important;
  -webkit-backdrop-filter:blur(1.5px)!important;
  backdrop-filter:blur(1.5px)!important;
  pointer-events:auto!important;
}
.order-popup-backdrop>.order-popup{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  align-self:center!important;
  justify-self:center!important;
  width:min(1436px,100%)!important;
  max-width:100%!important;
  height:auto!important;
  max-height:100%!important;
  margin:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  border-radius:9px!important;
  box-shadow:0 32px 96px rgba(0,0,0,.42)!important;
  transform-origin:center center!important;
}
.order-popup-backdrop .order-popup-cost-list{
  max-height:min(470px,calc(100dvh - 250px))!important;
}
@media (max-width:1180px){
  .order-popup-backdrop{
    padding:12px!important;
  }
  .order-popup-backdrop>.order-popup{
    width:100%!important;
    max-height:100%!important;
  }
  .order-popup-backdrop .order-popup-cost-list{
    max-height:none!important;
  }
}
@media (max-width:680px){
  .order-popup-backdrop{
    padding:8px!important;
  }
  .order-popup-backdrop>.order-popup{
    width:100%!important;
    border-radius:8px!important;
  }
}


/* Promo pages share the canonical variant cell layout. */
.commission-table .variant-cell{
  min-width:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
.commission-table .variant-cell .commission-single-variant{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0 auto!important;
  padding:2px 3px!important;
  border-radius:14px!important;
  background:#075467!important;
  color:#fff!important;
  font-family:Poppins,Arial,sans-serif!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.commission-table .variant-cell .commission-single-variant>span{
  all:unset!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Poppins,Arial,sans-serif!important;
  font-size:7px!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-shadow:none!important;
}
.plus-col-variants,
.advantage-col-variants,
.campaign-col-variants,
.flash-col-variants,
.discount-col-variants{
  width:92px!important;
  min-width:92px!important;
}