/* GSM Vanta Stability Core
   Final, version-independent UI contract. This file is loaded after all
   feature styles so legacy release overrides cannot change shared components. */

:root{
  --gv-sidebar-width:260px;
  --gv-topbar-height:72px;
  --gv-page-gap:16px;
  --gv-content-pad:clamp(16px,2vw,28px);
  --gv-control-height:40px;
  --gv-dialog-gap:18px;
}

html,body{max-width:100%;overflow-x:clip}
body{min-width:320px}
.app-shell,.app-main,.app-content,.app-content-inner{min-width:0}
.app-shell{width:100%!important;max-width:100%!important}
.app-sidebar{width:var(--gv-sidebar-width)!important;max-width:100vw!important}
.app-topbar{min-height:var(--gv-topbar-height)!important;padding-inline:var(--gv-content-pad)!important}
.app-content{padding:var(--gv-content-pad)!important}
.app-content-inner{width:100%!important;max-width:none!important}

/* One frame calculation. Legacy CSS used --sidebar for the main offset while
   newer layers changed only the visual sidebar width. Keeping both values in
   sync prevents content from sliding under the sidebar at any zoom level. */
@media(min-width:1025px){
  :root{--sidebar:var(--gv-sidebar-width)!important}
  .app-shell{display:block!important;min-height:100vh!important}
  .app-sidebar{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;height:100dvh!important;transform:none!important;z-index:100!important}
  .app-main{margin-inline-start:var(--gv-sidebar-width)!important;width:calc(100% - var(--gv-sidebar-width))!important;max-width:calc(100% - var(--gv-sidebar-width))!important;min-height:100vh!important;overflow-x:clip!important}
}

/* One predictable top bar. */
.app-topbar-left,.app-topbar-actions{min-width:0!important}
.app-page-title{min-width:0!important;max-width:100%!important}
.app-page-title h1{max-width:min(40vw,620px)!important}
.app-topbar-actions{flex:0 0 auto!important;white-space:nowrap!important}
.app-topbar :is(summary,a,button){box-sizing:border-box}

/* One global search and one set of account menus. */
.app-global-search-menu-r38{position:relative!important;flex:0 1 360px!important;width:min(360px,32vw)!important;min-width:220px!important;margin-inline:auto!important}
.app-global-search-button{width:100%!important;min-height:40px!important;justify-content:center!important}
.app-global-search-popover{inset-block-start:calc(100% + 8px)!important;inset-inline:0!important;width:100%!important;max-width:100%!important;z-index:1000!important}
.app-language-menu,.app-profile-menu,.app-currency-menu{position:relative!important}
.app-language-popover,.app-profile-popover,.app-currency-popover{inset-block-start:calc(100% + 8px)!important;z-index:1000!important}
[dir=ltr] :is(.app-language-popover,.app-profile-popover,.app-currency-popover){inset-inline-end:0!important;inset-inline-start:auto!important}
[dir=rtl] :is(.app-language-popover,.app-profile-popover,.app-currency-popover){inset-inline-start:0!important;inset-inline-end:auto!important}

/* One section/navigation/action row. */
:is(.gv-section-shell-r728,.gv-admin-tabs-bar.gv-section-nav-row-r633){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;min-width:0!important;margin:0 0 var(--gv-page-gap)!important}
:is(.gv-unified-section-bar,.section-tabs,.email-center-tabs,.inventory-nav,.payment-center-nav,.services-center-nav,.admin-tabs){min-width:0!important;max-width:100%!important}
:is(.gv-section-shell-actions-r728,.gv-admin-tabs-actions,.gv-content-action-row-r728){display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}

/* One form/control baseline. */
:is(.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=search],input[type=date],input[type=datetime-local],input[type=tel],select){min-height:var(--gv-control-height)!important}
:is(input,select,textarea,button){max-width:100%}
:is(.field,.field-group,.form-grid,.field-row,.settings-field-grid)>*{min-width:0!important}

/* One table contract: desktop fills the panel, small screens scroll horizontally.
   Page-specific column classes may define widths, but cells never overlap. */
:is(.table-wrap,.table-scroll,.responsive-table,.gv-data-table-wrap,.api-sync-result-table-wrap){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-inline:contain!important;scrollbar-gutter:stable!important}
:is(.table-wrap,.table-scroll,.responsive-table,.gv-data-table-wrap,.api-sync-result-table-wrap)>table{margin:0!important}
table{border-collapse:collapse!important;border-spacing:0!important}
th,td{box-sizing:border-box!important;height:auto!important}
td{overflow-wrap:anywhere!important}
:is(td,th)>*{max-width:100%}
:is(.status,.badge,.security-badge,.order-type-badge,.provider-mini-badge,.updates-badge,.license-model-badge){width:max-content!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;line-height:1.1!important}
.col-actions,.actions-column,.action-icons{white-space:nowrap!important}

/* Order table is intentionally LTR because its columns are operational data.
   Cell contents can still carry their own language direction. */
.gv-orders-table-wrap,.gv-orders-table{direction:ltr!important}
.gv-orders-table th,.gv-orders-table td{text-align:left!important}
.gv-orders-table .orders-status-cell-r729,.gv-orders-table .orders-updated-cell-r1500{overflow:hidden!important}
.gv-orders-table .orders-status-cell-r729>.status{max-width:100%!important}
.gv-orders-table .orders-date{white-space:nowrap!important;overflow:visible!important}

/* One modal/dialog contract. */
.gv-modal-root{position:fixed!important;inset:0!important;z-index:10000020!important;padding:var(--gv-dialog-gap)!important;display:none;align-items:center!important;justify-content:center!important;overflow:auto!important;overscroll-behavior:contain!important;background:rgba(0,0,0,.56)!important}
.gv-modal-root.open{display:flex!important}
.gv-modal-root[hidden]{display:none!important}
.gv-modal-dialog{position:relative!important;z-index:1!important;width:min(720px,100%)!important;max-height:calc(100dvh - (var(--gv-dialog-gap) * 2))!important;overflow:hidden!important;border:1px solid #111!important;border-radius:12px!important;background:#fff!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important}
.gv-modal-dialog-wide{width:min(980px,100%)!important}
.gv-modal-content{min-width:0!important;max-width:100%!important;overflow:auto!important;overscroll-behavior:contain!important}
body:is(.gv-service-modal-locked,.gv-order-modal-locked,.media-library-open-r25){overflow:hidden!important;overscroll-behavior:none!important}

/* Prevent legacy page-head rules from recreating empty vertical space. */
:is(.gv-titleless-page,.resource-providers,.provider-page-r1418)>.page-head:empty,
:is(.gv-titleless-page,.resource-providers,.provider-page-r1418)>.page-header:empty{display:none!important;margin:0!important;padding:0!important;min-height:0!important}

@media(max-width:1200px){
  :root{--gv-sidebar-width:228px}
  .app-global-search-menu-r38{width:min(320px,30vw)!important}
  .app-profile-name{max-width:100px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}

@media(max-width:1024px){
  :root{--gv-sidebar-width:min(320px,88vw);--gv-topbar-height:64px;--gv-content-pad:18px}
  .app-shell{display:block!important;width:100%!important;max-width:100%!important}
  .app-sidebar{position:fixed!important;inset-block:0!important;inset-inline-start:0!important;height:100dvh!important;z-index:10000!important;transform:translateX(-105%)!important;transition:transform .18s ease!important}
  [dir=rtl] .app-sidebar{transform:translateX(105%)!important}
  .app-sidebar.is-open,.app-shell.sidebar-open .app-sidebar{transform:translateX(0)!important}
  .app-menu-button,.app-sidebar-close{display:grid!important}
  .app-main{margin-inline-start:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:clip!important}
  .app-topbar,.app-content,.app-content-inner{width:100%!important;max-width:100%!important;min-width:0!important}
  .app-page-title h1{max-width:34vw!important}
}

@media(max-width:760px){
  :root{--gv-topbar-height:60px;--gv-content-pad:12px;--gv-page-gap:12px;--gv-dialog-gap:8px}
  .app-topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"left actions" "search search"!important;gap:8px 10px!important;height:auto!important;min-height:var(--gv-topbar-height)!important;padding-block:9px!important}
  .app-topbar-left{grid-area:left!important}
  .app-topbar-actions{grid-area:actions!important;justify-self:end!important;gap:5px!important}
  .app-global-search-menu-r38{grid-area:search!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important}
  .app-global-search-button{min-height:38px!important}
  .app-page-title h1{max-width:45vw!important;font-size:16px!important}
  .app-page-title small{font-size:8px!important}
  .app-profile-name,.app-profile-chevron{display:none!important}
  .app-content{padding:12px!important}

  :is(.gv-section-shell-r728,.gv-admin-tabs-bar.gv-section-nav-row-r633){align-items:stretch!important;flex-direction:column!important}
  :is(.gv-section-shell-actions-r728,.gv-admin-tabs-actions,.gv-content-action-row-r728){width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:1px!important}
  :is(.gv-unified-section-bar,.section-tabs,.email-center-tabs,.inventory-nav,.payment-center-nav,.services-center-nav,.admin-tabs){width:100%!important;overflow-x:auto!important;flex-wrap:nowrap!important;overscroll-behavior-inline:contain!important}
  :is(.gv-unified-section-bar,.section-tabs,.email-center-tabs,.inventory-nav,.payment-center-nav,.services-center-nav,.admin-tabs)>*{flex:0 0 auto!important}

  .gv-modal-root{align-items:flex-end!important}
  .gv-modal-dialog,.gv-modal-dialog-wide,.gv-modal-overlay.gv-modal-root .gv-modal-dialog,.gv-order-modal-overlay.gv-modal-root .gv-order-modal,.media-library-modal-r25.gv-modal-root .media-library-dialog-r25{width:100%!important;max-height:92dvh!important;border-radius:14px 14px 0 0!important}

  :is(.status,.badge,.security-badge,.order-type-badge,.provider-mini-badge,.updates-badge,.license-model-badge){font-size:8px!important;letter-spacing:.025em!important;padding:4px 7px!important}
}

@media(max-width:480px){
  :root{--gv-content-pad:10px}
  .app-topbar-actions{gap:3px!important}
  .app-language-button,.app-notification-button,.app-profile-button,.app-currency-button{min-width:34px!important;width:34px!important;height:34px!important;padding:0!important}
  .app-global-search-button span{display:inline!important}
  th,td{padding:9px 8px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* R736 — compact mobile header search.
   Legacy release rules positioned the authenticated search trigger outside the
   top bar. Keep it as a real header action on phones and open only the results
   panel below the header. */
@media(max-width:760px){
  html body .app-topbar{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 36px auto!important;
    grid-template-areas:"left search actions"!important;
    align-items:center!important;
    gap:8px!important;
    min-height:64px!important;
    height:auto!important;
    padding:9px 12px!important;
    overflow:visible!important;
  }

  html body .app-topbar>.app-topbar-left{
    grid-area:left!important;
    min-width:0!important;
  }

  html body .app-topbar>.app-global-search-menu-r38{
    grid-area:search!important;
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    justify-self:center!important;
    z-index:1002!important;
  }

  html body .app-topbar>.app-global-search-menu-r38>.app-global-search-button{
    width:36px!important;
    min-width:36px!important;
    max-width:36px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    background:#fff!important;
    display:grid!important;
    place-items:center!important;
  }

  html body .app-topbar>.app-global-search-menu-r38>.app-global-search-button>svg{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    max-width:none!important;
    max-height:none!important;
  }

  html body .app-topbar>.app-global-search-menu-r38>.app-global-search-button>span{
    display:none!important;
  }

  html body .app-topbar>.app-global-search-menu-r38>.app-global-search-popover{
    position:fixed!important;
    inset-inline:10px!important;
    inset-block-start:72px!important;
    inset-block-end:auto!important;
    top:72px!important;
    right:10px!important;
    bottom:auto!important;
    left:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - 84px)!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    overflow:hidden!important;
    z-index:12000!important;
  }

  html body .app-topbar>.app-topbar-actions{
    grid-area:actions!important;
    min-width:0!important;
    justify-self:end!important;
    margin:0!important;
  }

  html body .app-content{
    padding-top:12px!important;
  }
}

@media(max-width:390px){
  html body .app-topbar{
    grid-template-columns:minmax(0,1fr) 34px auto!important;
    gap:6px!important;
    padding-inline:9px!important;
  }
  html body .app-topbar>.app-global-search-menu-r38,
  html body .app-topbar>.app-global-search-menu-r38>.app-global-search-button{
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
  }
}

/* R737 — reliable profile menu on touch devices.
   Native details toggling is inconsistent in some mobile browsers when the
   summary sits inside a sticky grid header. JavaScript owns the toggle while
   this final layer guarantees a visible, touch-safe menu above page content. */
.app-profile-menu{isolation:isolate!important}
.app-profile-button{touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}
.app-profile-menu[open]{z-index:16000!important}
.app-profile-menu[open]>.app-profile-popover{display:block!important;visibility:visible!important;pointer-events:auto!important;z-index:16001!important}
.app-profile-popover{pointer-events:auto!important}

@media(max-width:760px){
  html body .app-topbar{overflow:visible!important;z-index:15000!important}
  html body .app-topbar-actions{overflow:visible!important}
  html body .app-profile-menu{position:relative!important;z-index:16000!important}
  html body .app-profile-button{position:relative!important;z-index:16002!important;cursor:pointer!important}
  html body .app-profile-popover{
    position:fixed!important;
    top:72px!important;
    right:10px!important;
    left:10px!important;
    inset-inline:10px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100dvh - 84px)!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    margin:0!important;
    transform:none!important;
    z-index:16001!important;
  }
}

/* R738 — rectangular mobile profile popover and dashboard-first flow.
   Keep the reliable R737 touch toggle, but use a wider anchored account menu
   so the popover reads as a horizontal rectangle rather than a small square. */
@media(max-width:760px){
  html body .app-profile-menu{position:relative!important}
  html body .app-profile-popover{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    left:auto!important;
    inset-inline:auto!important;
    width:min(300px,calc(100vw - 24px))!important;
    min-width:min(280px,calc(100vw - 24px))!important;
    max-width:calc(100vw - 24px)!important;
    max-height:min(320px,calc(100dvh - 88px))!important;
    padding:9px!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:auto!important;
    transform:none!important;
    z-index:16001!important;
  }
  html body .app-profile-popover-head{
    gap:10px!important;
    padding:8px 9px 10px!important;
    margin-bottom:5px!important;
  }
  html body .app-profile-popover-head b{font-size:13px!important}
  html body .app-profile-popover-head small{font-size:10px!important}
  html body .app-profile-popover>a{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:11px!important;
    border-radius:6px!important;
  }
}

/* Put the operational chart and queue first. KPI summary cards intentionally
   sit at the end of the admin dashboard so the live workload is visible before
   the high-level totals on both desktop and mobile. */
.dashboard-kpis-at-end{margin-top:2px!important}

/* R739 — one open header menu and full-width mobile account panel.
   JavaScript enforces mutual exclusion for search, language, currency and
   profile menus on every viewport. On phones the account menu remains a
   compact-height rectangle while using the available screen width. */
@media(max-width:760px){
  html body .app-profile-popover{
    position:fixed!important;
    top:72px!important;
    right:10px!important;
    left:10px!important;
    inset-inline:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:min(330px,calc(100dvh - 86px))!important;
    margin:0!important;
    border-radius:10px!important;
    overflow:auto!important;
    transform:none!important;
    z-index:16001!important;
  }
}

/* R740 — honor the saved catalog card-column setting.
   The main stylesheet previously switched desktop catalogs to auto-fit, which
   ignored catalog.card_columns and could render six or more cards per row.
   Wide desktops now use the exact saved value (3, 4 or 5), while compact
   desktop/tablet/phone breakpoints keep readable fixed counts. */
@media (min-width:1251px){
  html body .catalog-card-grid{
    grid-template-columns:repeat(var(--catalog-columns,3),minmax(0,1fr))!important;
  }
}
@media (min-width:981px) and (max-width:1250px){
  html body .catalog-card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media (min-width:681px) and (max-width:980px){
  html body .catalog-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:680px){
  html body .catalog-card-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* R741 — mobile profile panel must span the phone viewport.
   Override every earlier anchored/300px account-menu rule. Using viewport
   width plus centered fixed positioning avoids transformed/header ancestors,
   RTL inset rules and browser-specific details popover sizing. */
@media (max-width:760px){
  html body details.app-profile-menu[open] > .app-profile-popover,
  html body .app-profile-menu[open] > .app-profile-popover,
  html body .app-profile-menu .app-profile-popover{
    position:fixed!important;
    top:72px!important;
    left:50%!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:auto!important;
    width:calc(100vw - 20px)!important;
    width:calc(100dvw - 20px)!important;
    min-width:calc(100vw - 20px)!important;
    min-width:calc(100dvw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    max-width:calc(100dvw - 20px)!important;
    margin:0!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
  }
}

/* R743 — authoritative mobile header menus.
   The account panel is portaled to <body> while open so transformed/sticky
   header ancestors cannot clip it or force the legacy 230/300px width. */
@media (max-width:760px){
  html body > .app-profile-popover.app-profile-popover-mobile-portal{
    display:block!important;
    visibility:visible!important;
    pointer-events:auto!important;
    position:fixed!important;
    top:var(--gv-profile-popover-top,72px)!important;
    left:10px!important;
    right:10px!important;
    bottom:auto!important;
    inset-inline-start:10px!important;
    inset-inline-end:10px!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:calc(100dvh - var(--gv-profile-popover-top,72px) - 10px)!important;
    margin:0!important;
    padding:10px!important;
    transform:none!important;
    box-sizing:border-box!important;
    overflow:auto!important;
    overscroll-behavior:contain!important;
    border-radius:10px!important;
    background:#fff!important;
    z-index:22000!important;
  }
}

/* R744: customer-facing service descriptions support plain text and safe HTML. */
.order-service-content-stack{display:grid!important;gap:9px!important;margin:0 0 14px!important;min-width:0!important}
.order-service-rich-content{min-width:0!important;padding:11px 12px!important;border:1px solid var(--line)!important;border-radius:7px!important;background:var(--paper-2)!important;color:var(--ink)!important}
.order-service-instructions{background:#fff!important}
.order-service-content-label{display:block!important;margin:0 0 7px!important;font-size:9px!important;letter-spacing:.065em!important;text-transform:uppercase!important;color:var(--muted)!important}
.order-service-content-body{min-width:0!important;font-size:11px!important;line-height:1.65!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.order-service-content-body>:first-child{margin-top:0!important}
.order-service-content-body>:last-child{margin-bottom:0!important}
.order-service-content-body p,.order-service-content-body ul,.order-service-content-body ol,.order-service-content-body blockquote,.order-service-content-body pre,.order-service-content-body table{margin:0 0 9px!important}
.order-service-content-body ul,.order-service-content-body ol{padding-inline-start:22px!important}
.order-service-content-body img{display:block!important;max-width:100%!important;height:auto!important;border-radius:6px!important}
.order-service-content-body table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;border-collapse:collapse!important}
.order-service-content-body th,.order-service-content-body td{padding:7px 8px!important;border:1px solid var(--line)!important;white-space:normal!important}
.order-service-content-body pre,.order-service-content-body code{max-width:100%!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
.order-service-content-body a{text-decoration:underline!important;text-underline-offset:3px!important}
@media(max-width:760px){
  .order-service-content-stack{margin-bottom:12px!important}
  .order-service-rich-content{padding:10px!important}
  .order-service-content-body{font-size:10px!important;line-height:1.6!important}
}

/* R746: service description sits below order actions and supports readable/custom formatting. */
.order-service-content-stack{
  grid-column:1/-1!important;
  display:grid!important;
  gap:10px!important;
  margin:14px 0 0!important;
  padding-top:14px!important;
  border-top:1px solid var(--line)!important;
  min-width:0!important;
}
.order-service-rich-content{
  min-width:0!important;
  padding:14px 15px!important;
  border:1px solid var(--line)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--ink)!important;
}
.order-service-instructions{background:var(--paper-2)!important}
.order-service-content-label{
  display:block!important;
  margin:0 0 9px!important;
  font-size:11px!important;
  line-height:1.35!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
  color:var(--muted)!important;
}
.order-service-content-body{
  min-width:0!important;
  font-size:14px!important;
  line-height:1.75!important;
  color:#222!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  text-rendering:optimizeLegibility!important;
}
.order-service-content-body h1,.order-service-content-body h2,.order-service-content-body h3,.order-service-content-body h4,.order-service-content-body h5,.order-service-content-body h6{
  line-height:1.35!important;
  margin:0 0 10px!important;
}
.service-description-editor{display:grid!important;gap:8px!important}
.service-description-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  padding:9px!important;
  border:1px solid var(--line)!important;
  border-radius:7px!important;
  background:var(--paper-2)!important;
}
.service-description-toolbar select{width:86px!important;min-height:32px!important;padding:5px 8px!important}
.service-description-color{display:flex!important;align-items:center!important;gap:6px!important;font-size:10px!important;font-weight:750!important}
.service-description-color input{width:38px!important;height:32px!important;padding:2px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:#fff!important}
@media(max-width:760px){
  .order-service-content-stack{margin-top:12px!important;padding-top:12px!important}
  .order-service-rich-content{padding:12px!important}
  .order-service-content-label{font-size:10px!important}
  .order-service-content-body{font-size:14px!important;line-height:1.7!important}
  .service-description-toolbar{align-items:stretch!important}
  .service-description-toolbar .button{flex:1 1 auto!important}
}

/* R749 — floating provider-service dropdowns with clear names and prices. */
#section-fulfillment.service-editor-section,
#section-fulfillment .panel-body,
#section-fulfillment .service-fulfillment-panel,
#section-fulfillment .field-row{
  overflow:visible!important;
}
#section-fulfillment .provider-catalog-picker{
  position:relative!important;
  z-index:1!important;
  overflow:visible!important;
}
#section-fulfillment .provider-catalog-picker.is-open{
  z-index:900!important;
}
#section-fulfillment .provider-catalog-picker .provider-search-results{
  position:absolute!important;
  inset-inline:0!important;
  top:calc(100% + 6px)!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  max-height:min(440px,calc(100dvh - 180px))!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
  border:1px solid var(--line-strong)!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
  isolation:isolate!important;
}
#section-fulfillment .provider-catalog-picker .provider-search-results.is-above{
  top:auto!important;
  bottom:calc(100% + 6px)!important;
}
#section-fulfillment .provider-fallback-config-r721{
  position:relative!important;
  z-index:auto!important;
  isolation:auto!important;
  overflow:visible!important;
}
#section-fulfillment .provider-search-item{
  width:100%!important;
  min-width:0!important;
  padding:10px 12px!important;
  border:0!important;
  border-bottom:1px solid var(--line)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--ink)!important;
  display:grid!important;
  gap:5px!important;
  text-align:start!important;
  white-space:normal!important;
}
#section-fulfillment .provider-search-item:last-child{border-bottom:0!important}
#section-fulfillment .provider-search-item:hover,
#section-fulfillment .provider-search-item:focus-visible{
  background:var(--paper-2)!important;
  outline:0!important;
}
#section-fulfillment .provider-search-item-main{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:12px!important;
}
#section-fulfillment .provider-search-item-name{
  min-width:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:800!important;
  color:#111!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
#section-fulfillment .provider-search-item-price{
  flex:0 0 auto!important;
  padding:4px 7px!important;
  border:1px solid var(--line-strong)!important;
  border-radius:6px!important;
  background:#f7f7f7!important;
  color:#111!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
#section-fulfillment .provider-search-item-meta{
  display:block!important;
  min-width:0!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  color:var(--muted)!important;
  overflow-wrap:anywhere!important;
}
#section-fulfillment .provider-search-empty{
  padding:16px 12px!important;
  font-size:10px!important;
  line-height:1.5!important;
}
@media(max-width:760px){
  #section-fulfillment .provider-catalog-picker .provider-search-results{
    position:absolute!important;
    inset-inline:0!important;
    top:calc(100% + 5px)!important;
    bottom:auto!important;
    width:100%!important;
    max-height:min(52dvh,390px)!important;
  }
  #section-fulfillment .provider-search-item-main{
    gap:8px!important;
  }
  #section-fulfillment .provider-search-item-name{font-size:11.5px!important}
  #section-fulfillment .provider-search-item-price{font-size:10.5px!important}
}

/* R750 — seven-state order lifecycle and safe pre-dispatch cancellation. */
.status-awaiting_confirmation{
  border-color:#c4b5fd!important;
  background:#f5f3ff!important;
  color:#6d28d9!important;
}
.status-cancelled{
  border-color:#d1d5db!important;
  background:#f9fafb!important;
  color:#4b5563!important;
}
.status-refunded{
  border-color:#99f6e4!important;
  background:#f0fdfa!important;
  color:#0f766e!important;
}
.customer-order-status-awaiting_confirmation{
  background:#f5f3ff!important;
  color:#6d28d9!important;
}
.customer-order-status-awaiting_confirmation .customer-order-status-indicator-r35{
  background:#ede9fe!important;
  border:2px solid #8b5cf6!important;
}
.customer-order-status-awaiting_confirmation .customer-order-status-indicator-r35::before{
  content:"?"!important;
  font-size:14px!important;
  font-weight:900!important;
}
.customer-order-status-cancelled{
  background:#f9fafb!important;
  color:#4b5563!important;
}
.customer-order-status-cancelled .customer-order-status-indicator-r35{
  background:#6b7280!important;
  color:#fff!important;
}
.customer-order-status-cancelled .customer-order-status-indicator-r35::before{
  content:"×"!important;
  font-size:18px!important;
  font-weight:900!important;
}
.customer-order-status-refunded{
  background:#f0fdfa!important;
  color:#0f766e!important;
}
.customer-order-status-refunded .customer-order-status-indicator-r35{
  background:#0f766e!important;
  color:#fff!important;
}
.customer-order-status-refunded .customer-order-status-indicator-r35::before{
  content:"↩"!important;
  font-size:14px!important;
  font-weight:900!important;
}
.app-client .status.status-awaiting_confirmation{
  border-color:#c4b5fd!important;
  background:#f5f3ff!important;
  color:#6d28d9!important;
}
.app-client .status.status-cancelled{
  border-color:#d1d5db!important;
  background:#f9fafb!important;
  color:#4b5563!important;
}
.app-client .status.status-refunded{
  border-color:#99f6e4!important;
  background:#f0fdfa!important;
  color:#0f766e!important;
}
.dashboard-status-row[data-status-row="awaiting_confirmation"] .dashboard-status-mark{
  background:#8b5cf6!important;
  border-color:#8b5cf6!important;
}
.dashboard-status-row[data-status-row="cancelled"] .dashboard-status-mark{
  background:#6b7280!important;
  border-color:#6b7280!important;
}
.dashboard-status-row[data-status-row="refunded"] .dashboard-status-mark{
  background:#0f766e!important;
  border-color:#0f766e!important;
}
.dashboard-status-row[data-status-row="awaiting_confirmation"]>strong{color:#6d28d9!important}
.dashboard-status-row[data-status-row="cancelled"]>strong{color:#4b5563!important}
.dashboard-status-row[data-status-row="refunded"]>strong{color:#0f766e!important}
.customer-order-cancel-r750{
  margin:0!important;
  padding:12px 16px!important;
  border-bottom:1px solid var(--line)!important;
  background:#fff7ed!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.customer-order-cancel-r750>div{display:grid!important;gap:2px!important;min-width:0!important}
.customer-order-cancel-r750 strong{font-size:11px!important;color:#9a3412!important}
.customer-order-cancel-r750 small{font-size:9px!important;color:#7c2d12!important;line-height:1.45!important}
@media(max-width:640px){
  .customer-order-cancel-r750{align-items:stretch!important;flex-direction:column!important}
  .customer-order-cancel-r750 .button{width:100%!important}
}

/* R750 — keep long lifecycle labels readable inside scrolling order tables. */
@media(max-width:760px){
  .gv-orders-table-admin{min-width:1410px!important}
  .gv-orders-table-customer{min-width:1170px!important}
  .gv-orders-table-admin .orders-col-status,
  .gv-orders-table-customer .orders-col-status{width:160px!important}
  .gv-orders-table .orders-status-cell-r729{overflow:visible!important}
  .gv-orders-table .orders-status-cell-r729>.status{
    width:max-content!important;
    min-width:max-content!important;
    max-width:none!important;
    white-space:nowrap!important;
  }
}

/* R758 — customer-specific pricing must show membership, custom and final prices clearly. */
.customer-pricing-selector-r758{
  grid-template-columns:minmax(260px,1fr) minmax(360px,1.45fr) auto!important;
}
.customer-pricing-selector-r758 .field small{
  display:block!important;
  margin-top:6px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.45!important;
}
.customer-pricing-selector-action-r758{
  display:flex!important;
  align-items:flex-end!important;
}
.customer-pricing-selector-action-r758 .button{
  min-height:40px!important;
  white-space:nowrap!important;
}
.customer-pricing-service-list-r758{
  border-top:1px solid var(--line)!important;
  background:var(--surface,#fff)!important;
}
.customer-pricing-service-list-head-r758{
  padding:13px 15px!important;
  border-bottom:1px solid var(--line)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:#fafafa!important;
}
.customer-pricing-service-list-head-r758>div{
  display:grid!important;
  gap:2px!important;
}
.customer-pricing-service-list-head-r758 strong{
  font-size:13px!important;
}
.customer-pricing-service-list-head-r758 span{
  color:var(--muted)!important;
  font-size:10px!important;
}
.customer-pricing-service-rows-r758{
  max-height:520px!important;
  overflow:auto!important;
}
.customer-pricing-service-row-r758{
  min-height:68px!important;
  padding:10px 15px!important;
  border-bottom:1px solid var(--line)!important;
  display:grid!important;
  grid-template-columns:minmax(250px,2fr) repeat(3,minmax(135px,.8fr)) auto!important;
  align-items:center!important;
  gap:14px!important;
  color:inherit!important;
  text-decoration:none!important;
  background:#fff!important;
}
.customer-pricing-service-row-r758:hover,
.customer-pricing-service-row-r758:focus-visible{
  background:#f8fafc!important;
}
.customer-pricing-service-row-r758.is-selected{
  box-shadow:inset 3px 0 0 var(--primary,#111827)!important;
  background:#f8fafc!important;
}
.customer-pricing-service-row-r758>span{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
}
.customer-pricing-service-row-r758 small{
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.35!important;
}
.customer-pricing-service-row-r758 b{
  font-size:12px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
.customer-pricing-service-name-r758 b{
  font-size:12px!important;
}
.customer-pricing-service-row-r758 em{
  color:var(--muted)!important;
  font-size:11px!important;
  font-style:normal!important;
}
.customer-pricing-edit-label-r758{
  min-width:max-content!important;
  padding:7px 10px!important;
  border:1px solid var(--line)!important;
  border-radius:6px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:10px!important;
  font-weight:800!important;
  background:#fff!important;
}
.customer-price-summary-r758{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
.customer-price-actions-r758 .field small{
  display:block!important;
  margin-top:6px!important;
  color:var(--muted)!important;
  font-size:10px!important;
  line-height:1.5!important;
}
@media(max-width:1100px){
  .customer-pricing-selector-r758{
    grid-template-columns:1fr 1fr!important;
  }
  .customer-pricing-selector-action-r758{
    grid-column:1/-1!important;
  }
  .customer-pricing-selector-action-r758 .button{
    width:100%!important;
  }
  .customer-pricing-service-row-r758{
    grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(120px,.8fr)) auto!important;
  }
}
@media(max-width:760px){
  .customer-pricing-selector-r758{
    grid-template-columns:1fr!important;
  }
  .customer-pricing-selector-action-r758{
    grid-column:auto!important;
  }
  .customer-pricing-service-list-head-r758{
    align-items:flex-start!important;
  }
  .customer-pricing-service-rows-r758{
    max-height:none!important;
    overflow:visible!important;
  }
  .customer-pricing-service-row-r758{
    margin:10px!important;
    padding:12px!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
  .customer-pricing-service-name-r758,
  .customer-pricing-edit-label-r758{
    grid-column:1/-1!important;
  }
  .customer-pricing-edit-label-r758{
    width:100%!important;
  }
  .customer-price-summary-r758{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:480px){
  .customer-pricing-service-row-r758,
  .customer-price-summary-r758{
    grid-template-columns:1fr!important;
  }
  .customer-pricing-service-name-r758,
  .customer-pricing-edit-label-r758{
    grid-column:auto!important;
  }
}

/* R759 — wallet statement columns stay readable on desktop and become labelled cards on phones. */
.customer-statement-panel-r19 .panel-table-card{
  overflow:hidden!important;
}
.customer-statement-panel-r19 .customer-table-scroll-r19{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
}
.customer-statement-table-r19{
  width:100%!important;
  min-width:1090px!important;
  table-layout:fixed!important;
}
.customer-statement-table-r19 col.col-wal-id{width:65px!important}
.customer-statement-table-r19 col.col-wal-date{width:160px!important}
.customer-statement-table-r19 col.col-wal-desc{width:300px!important}
.customer-statement-table-r19 col.col-wal-type{width:120px!important}
.customer-statement-table-r19 col.col-wal-dir{width:105px!important}
.customer-statement-table-r19 col.col-wal-amt{width:110px!important}
.customer-statement-table-r19 col.col-wal-bal{width:140px!important}
.customer-statement-table-r19 col.col-wal-order{width:90px!important}
.customer-statement-table-r19 th,
.customer-statement-table-r19 td{
  box-sizing:border-box!important;
  vertical-align:middle!important;
}
.customer-statement-table-r19 th{
  white-space:nowrap!important;
}
.customer-statement-table-r19 td{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.customer-statement-table-r19 .col-wal-desc{
  white-space:normal!important;
  line-height:1.42!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.customer-statement-table-r19 :is(.col-wal-id,.col-wal-date,.col-wal-type,.col-wal-dir,.col-wal-amt,.col-wal-bal,.col-wal-order){
  white-space:nowrap!important;
}
.customer-statement-table-r19 .col-wal-dir>.status{
  max-width:100%!important;
}

@media(max-width:760px){
  .customer-statement-panel-r19 .panel-head{
    padding-bottom:12px!important;
  }
  .customer-statement-panel-r19 .customer-table-scroll-r19{
    overflow:visible!important;
  }
  table.customer-statement-table-r19{
    width:100%!important;
    min-width:0!important;
    display:block!important;
  }
  .customer-statement-table-r19 colgroup,
  .customer-statement-table-r19 thead{
    display:none!important;
  }
  .customer-statement-table-r19 tbody{
    display:grid!important;
    gap:10px!important;
    padding:10px!important;
  }
  .customer-statement-table-r19 tbody tr{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    width:100%!important;
    min-width:0!important;
    border:1px solid var(--line)!important;
    border-radius:8px!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .customer-statement-table-r19 tbody td{
    width:auto!important;
    min-width:0!important;
    min-height:58px!important;
    padding:9px 10px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    display:grid!important;
    align-content:center!important;
    gap:4px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere!important;
  }
  .customer-statement-table-r19 tbody td:nth-child(odd){
    border-inline-end:1px solid var(--line)!important;
  }
  .customer-statement-table-r19 tbody td::before{
    content:attr(data-label)!important;
    display:block!important;
    color:var(--muted)!important;
    font-size:8px!important;
    font-weight:850!important;
    line-height:1.2!important;
    letter-spacing:.055em!important;
    text-transform:uppercase!important;
  }
  .customer-statement-table-r19 tbody .col-wal-desc{
    grid-column:1/-1!important;
    min-height:68px!important;
    border-inline-end:0!important;
  }
  .customer-statement-table-r19 tbody .col-wal-order{
    grid-column:1/-1!important;
    border-inline-end:0!important;
    border-bottom:0!important;
  }
  .customer-statement-table-r19 tbody .empty-cell{
    grid-column:1/-1!important;
    border:0!important;
  }
  .customer-statement-table-r19 tbody .empty-cell::before{
    content:none!important;
  }
}

@media(max-width:420px){
  .customer-statement-table-r19 tbody tr{
    grid-template-columns:1fr!important;
  }
  .customer-statement-table-r19 tbody td,
  .customer-statement-table-r19 tbody td:nth-child(odd){
    border-inline-end:0!important;
    border-bottom:1px solid var(--line)!important;
  }
  .customer-statement-table-r19 tbody td:last-child{
    border-bottom:0!important;
  }
  .customer-statement-table-r19 tbody .col-wal-desc,
  .customer-statement-table-r19 tbody .col-wal-order{
    grid-column:auto!important;
  }
}


/* R761 — customer detail data stays a real horizontal table on every viewport. */
.customer-orders-panel-r19 .panel-table-card,
.customer-statement-panel-r19 .panel-table-card,
.customer-activity-panel-r19 .panel-table-card{
  overflow:hidden!important;
}
.customer-table-scroll-r19{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-x pan-y!important;
  overscroll-behavior-x:contain!important;
  scrollbar-gutter:stable!important;
}
.customer-orders-table-r19,
.customer-statement-table-r19,
.customer-api-table-r19,
.customer-activity-table-r19{
  display:table!important;
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.customer-orders-table-r19{min-width:1095px!important}
.customer-statement-table-r19{min-width:1090px!important}
.customer-api-table-r19{min-width:1030px!important}
.customer-activity-table-r19{min-width:900px!important}

.customer-orders-table-r19 col.col-ord-no{width:90px!important}
.customer-orders-table-r19 col.col-ord-type{width:90px!important}
.customer-orders-table-r19 col.col-ord-service{width:300px!important}
.customer-orders-table-r19 col.col-ord-total{width:110px!important}
.customer-orders-table-r19 col.col-ord-status{width:120px!important}
.customer-orders-table-r19 col.col-ord-payment{width:105px!important}
.customer-orders-table-r19 col.col-ord-date{width:165px!important}
.customer-orders-table-r19 col.col-ord-action{width:115px!important}

.customer-api-table-r19 col.col-api-name{width:220px!important}
.customer-api-table-r19 col.col-api-prefix{width:140px!important}
.customer-api-table-r19 col.col-api-status{width:110px!important}
.customer-api-table-r19 col.col-api-used{width:170px!important}
.customer-api-table-r19 col.col-api-ip{width:145px!important}
.customer-api-table-r19 col.col-api-expiry{width:170px!important}
.customer-api-table-r19 col.col-api-action{width:75px!important}

.customer-activity-table-r19 col.col-act-id{width:75px!important}
.customer-activity-table-r19 col.col-act-action{width:190px!important}
.customer-activity-table-r19 col.col-act-detail{width:345px!important}
.customer-activity-table-r19 col.col-act-user{width:120px!important}
.customer-activity-table-r19 col.col-act-date{width:170px!important}

.customer-orders-table-r19 th,
.customer-orders-table-r19 td,
.customer-statement-table-r19 th,
.customer-statement-table-r19 td,
.customer-api-table-r19 th,
.customer-api-table-r19 td,
.customer-activity-table-r19 th,
.customer-activity-table-r19 td{
  display:table-cell!important;
  box-sizing:border-box!important;
  min-width:0!important;
  vertical-align:middle!important;
  writing-mode:horizontal-tb!important;
  word-break:normal!important;
  hyphens:none!important;
}
.customer-orders-table-r19 thead,
.customer-statement-table-r19 thead,
.customer-api-table-r19 thead,
.customer-activity-table-r19 thead{
  display:table-header-group!important;
}
.customer-orders-table-r19 tbody,
.customer-statement-table-r19 tbody,
.customer-api-table-r19 tbody,
.customer-activity-table-r19 tbody{
  display:table-row-group!important;
}
.customer-orders-table-r19 tr,
.customer-statement-table-r19 tr,
.customer-api-table-r19 tr,
.customer-activity-table-r19 tr{
  display:table-row!important;
}
.customer-orders-table-r19 colgroup,
.customer-statement-table-r19 colgroup,
.customer-api-table-r19 colgroup,
.customer-activity-table-r19 colgroup{
  display:table-column-group!important;
}
.customer-orders-table-r19 col,
.customer-statement-table-r19 col,
.customer-api-table-r19 col,
.customer-activity-table-r19 col{
  display:table-column!important;
}
.customer-orders-table-r19 td::before,
.customer-statement-table-r19 td::before,
.customer-api-table-r19 td::before,
.customer-activity-table-r19 td::before{
  content:none!important;
  display:none!important;
}
.customer-orders-table-r19 :is(.col-ord-no,.col-ord-type,.col-ord-total,.col-ord-status,.col-ord-payment,.col-ord-date,.col-ord-action),
.customer-statement-table-r19 :is(.col-wal-id,.col-wal-date,.col-wal-type,.col-wal-dir,.col-wal-amt,.col-wal-bal,.col-wal-order),
.customer-api-table-r19 :is(.col-api-prefix,.col-api-status,.col-api-used,.col-api-ip,.col-api-expiry,.col-api-action),
.customer-activity-table-r19 :is(.col-act-id,.col-act-action,.col-act-user,.col-act-date){
  white-space:nowrap!important;
}
.customer-orders-table-r19 .col-ord-service,
.customer-statement-table-r19 .col-wal-desc,
.customer-api-table-r19 .col-api-name,
.customer-activity-table-r19 .col-act-detail{
  white-space:normal!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  line-height:1.4!important;
}
.customer-orders-table-r19 .customer-order-open-r19{
  display:inline-flex!important;
  min-width:86px!important;
  width:auto!important;
  white-space:nowrap!important;
}

@media(max-width:760px){
  .customer-orders-panel-r19 .panel-head,
  .customer-statement-panel-r19 .panel-head,
  .customer-activity-panel-r19 .panel-head{
    padding-bottom:12px!important;
  }
  .customer-table-scroll-r19{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .customer-orders-table-r19,
  .customer-statement-table-r19,
  .customer-api-table-r19,
  .customer-activity-table-r19{
    width:100%!important;
  }
  .customer-orders-table-r19 th,
  .customer-orders-table-r19 td,
  .customer-statement-table-r19 th,
  .customer-statement-table-r19 td,
  .customer-api-table-r19 th,
  .customer-api-table-r19 td,
  .customer-activity-table-r19 th,
  .customer-activity-table-r19 td{
    min-height:0!important;
    padding:9px 10px!important;
    border-inline-end:0!important;
    text-align:start!important;
  }
  .customer-orders-table-r19 .col-ord-action,
  .customer-api-table-r19 .col-api-action{
    text-align:right!important;
  }
}

/* R761 specificity reset: overrides every previous mobile card rule. */
table.customer-orders-table-r19,
table.customer-statement-table-r19,
table.customer-api-table-r19,
table.customer-activity-table-r19{
  display:table!important;
  width:100%!important;
  table-layout:fixed!important;
}
table.customer-orders-table-r19{min-width:1095px!important}
table.customer-statement-table-r19{min-width:1090px!important}
table.customer-api-table-r19{min-width:1030px!important}
table.customer-activity-table-r19{min-width:900px!important}
.customer-orders-table-r19 tbody,
.customer-statement-table-r19 tbody,
.customer-api-table-r19 tbody,
.customer-activity-table-r19 tbody{
  display:table-row-group!important;
  padding:0!important;
}
.customer-orders-table-r19 tbody tr,
.customer-statement-table-r19 tbody tr,
.customer-api-table-r19 tbody tr,
.customer-activity-table-r19 tbody tr{
  display:table-row!important;
  width:auto!important;
  min-width:0!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
}
.customer-orders-table-r19 tbody td,
.customer-statement-table-r19 tbody td,
.customer-api-table-r19 tbody td,
.customer-activity-table-r19 tbody td{
  display:table-cell!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  border-inline-end:0!important;
  text-align:start!important;
}
.customer-orders-table-r19 tbody .col-ord-service,
.customer-orders-table-r19 tbody .col-ord-action,
.customer-statement-table-r19 tbody .col-wal-desc,
.customer-statement-table-r19 tbody .col-wal-order,
.customer-api-table-r19 tbody .col-api-name,
.customer-api-table-r19 tbody .col-api-action,
.customer-activity-table-r19 tbody .col-act-detail,
.customer-activity-table-r19 tbody .col-act-date{
  grid-column:auto!important;
}

/* R763 — native horizontal touch scrolling for customer tables. */
@media(max-width:760px){
  .panel .customer-table-scroll-r19{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    touch-action:auto!important;
    overscroll-behavior-x:contain!important;
    overscroll-behavior-y:auto!important;
    scrollbar-width:auto!important;
  }
  .panel .customer-table-scroll-r19>*{
    touch-action:auto!important;
  }
  .panel .customer-table-scroll-r19::-webkit-scrollbar{
    height:8px!important;
  }
  .panel .customer-table-scroll-r19::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,.28)!important;
    border-radius:999px!important;
  }
  .customer-statement-table-r19 tbody td::before{
    content:none!important;
    display:none!important;
  }
}

/* R770 membership-controlled service access */
.service-membership-access-r770{margin-top:18px;padding:16px;border:1px solid var(--line,#dfe5ec);border-radius:14px;background:var(--surface-soft,#f8fafc)}
.service-membership-access-head-r770{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.service-membership-access-head-r770>div:first-child{display:grid;gap:3px}
.service-membership-access-head-r770 small,.service-membership-choice-r770 small{display:block;color:var(--muted,#667085)}
.service-membership-grid-r770{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.service-membership-choice-r770{display:flex;align-items:center;gap:10px;min-height:58px;padding:11px 12px;border:1px solid var(--line,#dfe5ec);border-radius:12px;background:var(--surface,#fff);cursor:pointer}
.service-membership-choice-r770 input{width:18px;height:18px;flex:0 0 auto}
.service-membership-choice-r770:has(input:checked){border-color:var(--accent,#ff6b00);box-shadow:0 0 0 1px var(--accent,#ff6b00) inset}
.membership-all-services-choice-r770{margin-bottom:10px}
@media(max-width:900px){.service-membership-grid-r770{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.service-membership-access-head-r770{display:grid}.service-membership-grid-r770{grid-template-columns:1fr}.service-membership-access-head-r770 .page-actions{width:100%}.service-membership-access-head-r770 .button{flex:1}}

/* HF25 — compact TinyMCE-style centralized rich-content editor. */
.service-description-toolbar{display:none!important}
.gv-rte{position:relative!important;display:block!important;width:100%!important;min-width:0!important;border:1px solid var(--line,#d7dde5)!important;border-radius:4px!important;background:#fff!important;overflow:visible!important;box-shadow:none!important}
.gv-rte.has-error{border-color:#c62828!important;box-shadow:0 0 0 2px rgba(198,40,40,.12)!important}
.gv-rte-menubar{position:relative!important;display:flex!important;align-items:center!important;gap:0!important;min-height:30px!important;padding:0 5px!important;border-bottom:1px solid var(--line,#d7dde5)!important;background:#fff!important;white-space:nowrap!important;overflow:visible!important;z-index:4!important}
.gv-rte-menu{position:relative!important;display:inline-flex!important;align-items:center!important;flex:0 0 auto!important}
.gv-rte-menu-trigger{display:inline-flex!important;align-items:center!important;gap:5px!important;height:29px!important;min-height:29px!important;padding:0 8px!important;border:0!important;border-radius:2px!important;background:transparent!important;color:#4d5662!important;font:inherit!important;font-size:12px!important;font-weight:500!important;cursor:pointer!important}
.gv-rte-menu-trigger:hover,.gv-rte-menu-trigger:focus-visible,.gv-rte-menu-trigger[aria-expanded="true"]{background:#f1f3f6!important;color:#111!important;outline:none!important}
.gv-rte-menu-trigger span{font-size:9px!important;color:#77808b!important}
.gv-rte-menu-panel{position:absolute!important;inset-inline-start:0!important;top:calc(100% + 2px)!important;z-index:50!important;display:grid!important;min-width:190px!important;max-height:320px!important;padding:4px!important;overflow:auto!important;border:1px solid #ccd3dc!important;border-radius:4px!important;background:#fff!important;box-shadow:0 10px 28px rgba(16,24,40,.16)!important}
.gv-rte-menu-panel[hidden]{display:none!important}
.gv-rte-menu-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:30px!important;padding:6px 8px!important;border:0!important;border-radius:3px!important;background:transparent!important;color:#20252b!important;font:inherit!important;font-size:12px!important;text-align:start!important;cursor:pointer!important;white-space:nowrap!important}
.gv-rte-menu-item:hover,.gv-rte-menu-item:focus-visible{background:#eef2f6!important;outline:none!important}
.gv-rte-menu-item code{font-family:var(--mono,monospace)!important;font-size:10px!important;color:#667085!important}
.gv-rte-toolbar{display:flex!important;align-items:center!important;gap:1px!important;flex-wrap:nowrap!important;min-height:37px!important;padding:2px 5px!important;border-bottom:1px solid var(--line,#d7dde5)!important;background:#fafafa!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}
.gv-rte-button,.gv-rte-select,.gv-rte-color{flex:0 0 auto!important;height:31px!important;min-height:31px!important;border:1px solid transparent!important;border-radius:2px!important;background:transparent!important;color:#111!important;font:inherit!important;font-size:11px!important;font-weight:600!important}
.gv-rte-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;padding:0 6px!important;cursor:pointer!important}
.gv-rte-button:hover,.gv-rte-button:focus-visible,.gv-rte-button.is-active{border-color:#d4dae2!important;background:#fff!important;outline:none!important}
.gv-rte-select{width:auto!important;max-width:132px!important;padding:0 23px 0 7px!important;cursor:pointer!important}
.gv-rte-format{min-width:86px!important}.gv-rte-font{min-width:92px!important}.gv-rte-size{min-width:62px!important}
.gv-rte-color{display:inline-flex!important;align-items:center!important;gap:2px!important;padding:0 3px!important;cursor:pointer!important}
.gv-rte-color span{font-size:12px!important;font-weight:700!important}
.gv-rte-color input{width:21px!important;height:21px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important}
.gv-rte-surface{min-height:clamp(96px,calc(var(--gv-rte-lines,5) * 18px + 24px),150px)!important;max-height:420px!important;padding:10px 12px!important;overflow:auto!important;background:#fff!important;color:#111!important;font-family:Arial,Tahoma,sans-serif!important;font-size:13px!important;line-height:1.55!important;outline:none!important;overflow-wrap:anywhere!important}
.gv-rte-surface:focus{box-shadow:inset 0 0 0 1px rgba(17,17,17,.06)!important}
.gv-rte-surface:empty:before{content:'Write content here…';color:var(--muted,#7a8491)!important;pointer-events:none!important}
.gv-rte-surface img{max-width:100%!important;height:auto!important}.gv-rte-surface table{width:100%!important;border-collapse:collapse!important}.gv-rte-surface td,.gv-rte-surface th{border:1px solid var(--line,#d7dde5)!important;padding:6px!important}
.gv-rte-source{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important}
.gv-rte.is-source .gv-rte-surface{display:none!important}.gv-rte.is-source .gv-rte-source{position:static!important;left:auto!important;display:block!important;width:100%!important;height:150px!important;min-height:150px!important;opacity:1!important;overflow:auto!important;border:0!important;border-radius:0 0 4px 4px!important;font-family:var(--mono,monospace)!important;font-size:12px!important;line-height:1.5!important;padding:10px 12px!important}
.gv-rte [hidden]{display:none!important}
@media(max-width:760px){.gv-rte{overflow:hidden!important}.gv-rte-menubar{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}.gv-rte-menu-panel{position:fixed!important;inset-inline:12px!important;top:auto!important;bottom:12px!important;max-height:55vh!important}.gv-rte-toolbar{scrollbar-width:auto!important}.gv-rte-surface{min-height:110px!important;max-height:360px!important}}
.maintenance-rich-message-r24,.notification-rich-message-r24,.note-rich-content-r24,.wallet-method-instructions{font-size:13px!important;line-height:1.7!important;overflow-wrap:anywhere!important}.maintenance-rich-message-r24 p,.notification-rich-message-r24 p,.note-rich-content-r24 p,.wallet-method-instructions p{margin:0 0 8px!important}.maintenance-rich-message-r24 img,.notification-rich-message-r24 img,.note-rich-content-r24 img,.wallet-method-instructions img{max-width:100%!important;height:auto!important}

/* HF26 — modern compact editor with fully wired menus, dialogs, media library, preview and fullscreen. */
.gv-rte-modern{border-radius:6px!important;overflow:visible!important}
.gv-rte-modern .gv-rte-menubar{min-height:32px!important;background:#fff!important;border-radius:6px 6px 0 0!important}
.gv-rte-modern .gv-rte-toolbar{min-height:38px!important;background:#f8fafc!important;border-bottom-color:#d9e0e8!important}
.gv-rte-modern .gv-rte-button,.gv-rte-modern .gv-rte-select,.gv-rte-modern .gv-rte-color{height:30px!important;min-height:30px!important}
.gv-rte-modern .gv-rte-button{min-width:29px!important;padding:0 5px!important}
.gv-rte-modern .gv-rte-button.is-active{background:#e8eef7!important;border-color:#b8c6d8!important;color:#0b2239!important}
.gv-rte-modern .gv-rte-surface{min-height:clamp(105px,calc(var(--gv-rte-lines,5) * 19px + 24px),180px)!important;max-height:520px!important;padding:12px 14px!important;font-size:14px!important;line-height:1.6!important}
.gv-rte-modern .gv-rte-surface p{margin:0 0 9px!important}.gv-rte-modern .gv-rte-surface h2,.gv-rte-modern .gv-rte-surface h3{margin:12px 0 8px!important;line-height:1.25!important}.gv-rte-modern .gv-rte-surface blockquote{margin:10px 0!important;padding:8px 12px!important;border-inline-start:3px solid #aeb9c7!important;background:#f7f9fc!important}.gv-rte-modern .gv-rte-surface pre{padding:10px!important;border-radius:5px!important;background:#111827!important;color:#f8fafc!important;white-space:pre-wrap!important}.gv-rte-modern .gv-rte-surface hr{border:0!important;border-top:1px solid #cfd7e2!important;margin:14px 0!important}.gv-rte-modern .gv-rte-surface img{display:block!important;max-width:100%!important;height:auto!important;margin:8px auto!important;border-radius:5px!important}.gv-rte-modern .gv-rte-surface table{margin:10px 0!important}.gv-rte-modern .gv-rte-surface th{background:#f2f5f9!important;text-align:start!important}
.gv-rte-dialog{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important;padding:18px!important}.gv-rte-dialog[hidden]{display:none!important}.gv-rte-dialog-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.56)!important;backdrop-filter:blur(2px)!important}.gv-rte-dialog-card{position:relative!important;z-index:1!important;width:min(760px,100%)!important;max-height:min(720px,90vh)!important;display:flex!important;flex-direction:column!important;border:1px solid #d7dee8!important;border-radius:12px!important;background:#fff!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important;overflow:hidden!important}.gv-rte-dialog-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:16px 18px!important;border-bottom:1px solid #e2e8f0!important}.gv-rte-dialog-card h3{margin:0!important;font-size:18px!important}.gv-rte-dialog-card p{margin:4px 0 0!important;color:#667085!important;font-size:12px!important}.gv-rte-dialog-close{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border:1px solid #d8dee7!important;border-radius:8px!important;background:#fff!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}.gv-rte-dialog-body{padding:16px 18px!important;overflow:auto!important}.gv-rte-dialog-card>footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;padding:12px 18px!important;border-top:1px solid #e2e8f0!important;background:#f8fafc!important}.gv-rte-dialog-field{display:grid!important;gap:6px!important}.gv-rte-dialog-field span{font-size:12px!important;font-weight:700!important}.gv-rte-dialog-field input,.gv-rte-url-row input{width:100%!important;height:40px!important;border:1px solid #cfd8e3!important;border-radius:7px!important;padding:0 10px!important;background:#fff!important}.gv-rte-dialog-check{display:flex!important;align-items:center!important;gap:8px!important;margin-top:12px!important}.gv-rte-dialog-grid2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.gv-rte-emoji-grid{display:grid!important;grid-template-columns:repeat(10,minmax(42px,1fr))!important;gap:6px!important}.gv-rte-emoji-grid button{height:44px!important;border:1px solid #dce3ec!important;border-radius:7px!important;background:#fff!important;font-size:22px!important;cursor:pointer!important}.gv-rte-emoji-grid button:hover{background:#f1f5f9!important}.gv-rte-media-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:12px!important}.gv-rte-media-actions span{font-size:12px!important;color:#667085!important}.gv-rte-media-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;max-height:380px!important;overflow:auto!important;padding:2px!important}.gv-rte-media-item{display:grid!important;grid-template-rows:100px auto!important;gap:6px!important;padding:6px!important;border:1px solid #d9e1eb!important;border-radius:8px!important;background:#fff!important;text-align:start!important;cursor:pointer!important}.gv-rte-media-item:hover{border-color:#8aa2be!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important}.gv-rte-media-item img{width:100%!important;height:100px!important;object-fit:cover!important;border-radius:5px!important;background:#f1f5f9!important}.gv-rte-media-item span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}.gv-rte-url-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid #e2e8f0!important}.gv-rte-preview{min-height:140px!important;padding:14px!important;border:1px solid #e0e6ee!important;border-radius:8px!important;background:#fff!important;line-height:1.65!important}.gv-rte-preview img{max-width:100%!important;height:auto!important}.gv-rte-preview table{width:100%!important;border-collapse:collapse!important}.gv-rte-preview td,.gv-rte-preview th{border:1px solid #d9e0e8!important;padding:6px!important}
body.gv-rte-dialog-open{overflow:hidden!important}
.gv-rte.is-fullscreen{position:fixed!important;inset:10px!important;z-index:99990!important;display:flex!important;flex-direction:column!important;border-radius:10px!important;box-shadow:0 28px 90px rgba(15,23,42,.35)!important}.gv-rte.is-fullscreen .gv-rte-surface{flex:1 1 auto!important;max-height:none!important;min-height:0!important}.gv-rte.is-fullscreen.is-source .gv-rte-source{flex:1 1 auto!important;height:auto!important;max-height:none!important}.gv-rte-fullscreen-open{overflow:hidden!important}
@media(max-width:760px){.gv-rte-dialog{padding:8px!important}.gv-rte-dialog-card{max-height:96vh!important;border-radius:9px!important}.gv-rte-dialog-grid2{grid-template-columns:1fr!important}.gv-rte-emoji-grid{grid-template-columns:repeat(5,minmax(42px,1fr))!important}.gv-rte-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gv-rte-url-row{grid-template-columns:1fr!important}.gv-rte.is-fullscreen{inset:0!important;border-radius:0!important}}

/* HF27 — Jodit 4.13.10 modern editor integration. Replaces the custom execCommand editor. */
.gv-jodit-shell{width:100%!important;min-width:0!important;margin:0!important}
.gv-jodit-utility{display:flex!important;align-items:center!important;gap:7px!important;min-height:38px!important;padding:5px 7px!important;border:1px solid #d8e0e9!important;border-bottom:0!important;border-radius:8px 8px 0 0!important;background:#f8fafc!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:thin!important}
.gv-jodit-variable{display:inline-flex!important;align-items:center!important;gap:5px!important;flex:0 0 auto!important;margin:0!important}
.gv-jodit-variable>span{font-size:11px!important;font-weight:700!important;color:#566273!important}
.gv-jodit-variable select{width:132px!important;height:28px!important;min-height:28px!important;padding:0 25px 0 8px!important;border:1px solid #cfd8e3!important;border-radius:6px!important;background:#fff!important;color:#1d2939!important;font-size:11px!important;line-height:28px!important}
.gv-jodit-utility-spacer{flex:1 1 auto!important;min-width:5px!important}
.gv-jodit-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto!important;height:28px!important;min-height:28px!important;padding:0 9px!important;border:1px solid #cfd8e3!important;border-radius:6px!important;background:#fff!important;color:#24364b!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}
.gv-jodit-action:hover{background:#eef3f8!important;border-color:#aebdce!important}
.gv-jodit-shell>.jodit-container{width:100%!important;max-width:100%!important;border:1px solid #d8e0e9!important;border-radius:0 0 8px 8px!important;box-shadow:none!important;background:#fff!important;overflow:hidden!important}
.gv-jodit-shell .jodit-toolbar__box{border:0!important;border-bottom:1px solid #dce3eb!important;background:#fff!important;box-shadow:none!important}
.gv-jodit-shell .jodit-toolbar-editor-collection{padding:4px 5px!important;gap:1px!important;background:#fff!important}
.gv-jodit-shell .jodit-toolbar-button{margin:0!important}
.gv-jodit-shell .jodit-toolbar-button__button{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;border-radius:5px!important}
.gv-jodit-shell .jodit-toolbar-button__button:hover,.gv-jodit-shell .jodit-toolbar-button__button[aria-pressed=true]{background:#edf2f7!important}
.gv-jodit-shell .jodit-toolbar-button__icon{width:16px!important;height:16px!important}
.gv-jodit-shell .jodit-toolbar-button__text{font-size:11px!important}
.gv-jodit-shell .jodit-toolbar-button_with-trigger_true .jodit-toolbar-button__button{width:auto!important;min-width:31px!important;padding-inline:4px!important}
.gv-jodit-shell .jodit-toolbar__spacer{border-color:#e1e6ed!important;margin:2px 3px!important}
.gv-jodit-shell .jodit-workplace{border:0!important;background:#fff!important}
.gv-jodit-shell .jodit-wysiwyg{padding:12px 14px!important;color:#172033!important;font-family:Arial,Tahoma,sans-serif!important;font-size:14px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
.gv-jodit-shell .jodit-wysiwyg p{margin:0 0 9px!important}
.gv-jodit-shell .jodit-wysiwyg h1,.gv-jodit-shell .jodit-wysiwyg h2,.gv-jodit-shell .jodit-wysiwyg h3{margin:13px 0 8px!important;line-height:1.3!important}
.gv-jodit-shell .jodit-wysiwyg blockquote{margin:10px 0!important;padding:8px 12px!important;border-inline-start:3px solid #94a3b8!important;background:#f8fafc!important}
.gv-jodit-shell .jodit-wysiwyg pre{padding:10px 12px!important;border-radius:6px!important;background:#111827!important;color:#f8fafc!important;white-space:pre-wrap!important}
.gv-jodit-shell .jodit-wysiwyg img{max-width:100%!important;height:auto!important;border-radius:6px!important}
.gv-jodit-shell .jodit-wysiwyg table{width:100%!important;border-collapse:collapse!important;margin:10px 0!important}
.gv-jodit-shell .jodit-wysiwyg th,.gv-jodit-shell .jodit-wysiwyg td{border:1px solid #d6dee8!important;padding:7px!important}
.gv-jodit-shell .jodit-wysiwyg th{background:#f3f6fa!important;text-align:start!important}
.gv-jodit-shell .jodit-status-bar{min-height:25px!important;border-top:1px solid #e3e8ef!important;background:#fafbfd!important;color:#687386!important;font-size:10px!important}
.gv-jodit-shell.has-error>.jodit-container{border-color:#dc2626!important;box-shadow:0 0 0 2px rgba(220,38,38,.08)!important}
.gv-jodit-load-error{margin:0 0 7px!important;padding:8px 10px!important;border:1px solid #f5c2c7!important;border-radius:7px!important;background:#fff5f5!important;color:#9f1239!important;font-size:12px!important}
body.gv-jodit-dialog-open{overflow:hidden!important}
.gv-jodit-dialog{position:fixed!important;inset:0!important;z-index:100000!important;display:grid!important;place-items:center!important;padding:16px!important}
.gv-jodit-dialog[hidden]{display:none!important}
.gv-jodit-dialog-backdrop{position:absolute!important;inset:0!important;background:rgba(15,23,42,.58)!important;backdrop-filter:blur(2px)!important}
.gv-jodit-dialog-card{position:relative!important;z-index:1!important;width:min(820px,100%)!important;max-height:min(760px,92vh)!important;display:flex!important;flex-direction:column!important;border:1px solid #d5dde7!important;border-radius:12px!important;background:#fff!important;box-shadow:0 28px 80px rgba(15,23,42,.3)!important;overflow:hidden!important}
.gv-jodit-dialog-card>header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding:15px 17px!important;border-bottom:1px solid #e2e8f0!important}
.gv-jodit-dialog-card h3{margin:0!important;font-size:17px!important;line-height:1.3!important}
.gv-jodit-dialog-card header p{margin:4px 0 0!important;color:#667085!important;font-size:12px!important}
.gv-jodit-dialog-close{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border:1px solid #d6dee8!important;border-radius:7px!important;background:#fff!important;color:#344054!important;font-size:22px!important;line-height:1!important;cursor:pointer!important}
.gv-jodit-dialog-body{padding:15px 17px!important;overflow:auto!important}
.gv-jodit-dialog-card>footer{display:flex!important;justify-content:flex-end!important;gap:8px!important;padding:11px 17px!important;border-top:1px solid #e2e8f0!important;background:#f8fafc!important}
.gv-jodit-media-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:12px!important}
.gv-jodit-media-actions span{font-size:12px!important;color:#667085!important}
.gv-jodit-media-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important;max-height:390px!important;overflow:auto!important;padding:2px!important}
.gv-jodit-media-item{display:grid!important;grid-template-rows:100px auto!important;gap:6px!important;padding:6px!important;border:1px solid #d9e1eb!important;border-radius:8px!important;background:#fff!important;text-align:start!important;cursor:pointer!important}
.gv-jodit-media-item:hover{border-color:#8aa2be!important;box-shadow:0 4px 14px rgba(15,23,42,.08)!important}
.gv-jodit-media-item img{width:100%!important;height:100px!important;object-fit:cover!important;border-radius:5px!important;background:#f1f5f9!important}
.gv-jodit-media-item span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important}
.gv-jodit-url-row{display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;margin-top:14px!important;padding-top:14px!important;border-top:1px solid #e2e8f0!important}
.gv-jodit-url-row input{width:100%!important;height:39px!important;border:1px solid #cfd8e3!important;border-radius:7px!important;padding:0 10px!important;background:#fff!important}
.gv-jodit-preview{min-height:150px!important;padding:15px!important;border:1px solid #dce3ec!important;border-radius:8px!important;background:#fff!important;line-height:1.68!important;overflow-wrap:anywhere!important}
.gv-jodit-preview img{max-width:100%!important;height:auto!important}
.gv-jodit-preview table{width:100%!important;border-collapse:collapse!important}.gv-jodit-preview th,.gv-jodit-preview td{border:1px solid #d6dee8!important;padding:7px!important}
@media(max-width:760px){
  .gv-jodit-utility{padding:5px!important;gap:5px!important}
  .gv-jodit-variable>span{display:none!important}
  .gv-jodit-variable select{width:115px!important}
  .gv-jodit-action{padding:0 8px!important}.gv-jodit-action span{display:none!important}
  .gv-jodit-shell .jodit-toolbar-editor-collection{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important}
  .gv-jodit-dialog{padding:7px!important}.gv-jodit-dialog-card{max-height:96vh!important;border-radius:9px!important}
  .gv-jodit-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.gv-jodit-url-row{grid-template-columns:1fr!important}
}