/* DIR Network v301 - scoped header + sidebar UI refresh + robust icon-only rail
   Scope is intentionally limited to .dir-header-v300 and .dir-sidebar-v300.
   No global theme tokens, palette values, business logic, or layout primitives are overridden. */

/* =========================
   HEADER - DESKTOP / TABLET
   ========================= */
.dir-header-v300 .header-inner{
  gap:10px;
}

.dir-header-v300 .brand{
  min-width:0;
}
.dir-header-v300 .brand-logo{
  height:36px;
}
.dir-header-v300 .brand-tag{
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
}

.dir-header-v300 .hdr-primary-nav{
  gap:4px;
  padding:3px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.dir-header-v300 .hdr-pnav-link{
  min-height:34px;
  gap:7px;
  padding-inline:10px;
  border-radius:9px;
}
.dir-header-v300 .hdr-pnav-link > .icon,
.dir-header-v300 .hdr-pnav-link > svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  stroke-width:1.9;
}

.dir-header-v300 .hdr-search-wrap{
  max-width:390px;
}
.dir-header-v300 .hdr-search-input{
  height:40px;
  border-radius:12px;
  padding-inline-start:38px;
  padding-inline-end:54px;
  background:rgba(255,255,255,.085);
  border-color:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.dir-header-v300 .hdr-search-input:hover{
  background:rgba(255,255,255,.115);
  border-color:rgba(255,255,255,.2);
}
.dir-header-v300 .hdr-search-input:focus{
  background:rgba(255,255,255,.14);
  box-shadow:0 0 0 3px rgba(255,255,255,.06);
}
.dir-header-v300 .hdr-search-kbd{
  border-radius:7px;
  min-width:30px;
  text-align:center;
}
.dir-header-v300 .hdr-search-drop,
.dir-header-v300 .qa-dropdown,
.dir-header-v300 .notif-dropdown,
.dir-header-v300 .hdr-dropdown{
  border-radius:14px;
  box-shadow:var(--app-shadow-panel);
}

.dir-header-v300 .hdr-actions{
  gap:6px;
  padding:3px;
  border-radius:13px;
}
.dir-header-v300 .hdr-icon-action,
.dir-header-v300 .hdr-bell{
  width:38px;
  height:38px;
  border-radius:10px;
  border-width:1px;
  box-shadow:none;
}
.dir-header-v300 .hdr-icon-action > svg,
.dir-header-v300 .hdr-bell > svg,
.dir-header-v300 .hdr-icon-action .icon,
.dir-header-v300 .hdr-bell .icon{
  width:18px;
  height:18px;
  stroke-width:1.9;
}
.dir-header-v300 .hdr-icon-action:hover,
.dir-header-v300 .hdr-bell:hover{
  transform:none;
  box-shadow:none;
}
.dir-header-v300 .bell-badge{
  min-width:17px;
  height:17px;
  padding-inline:4px;
  display:grid;
  place-items:center;
  line-height:1;
  border:2px solid var(--navy);
}

.dir-header-v300 .qa-btn.hdr-icon-action{
  border-width:1px;
}
.dir-header-v300 .qa-dd-head,
.dir-header-v300 .notif-dd-head{
  min-height:44px;
}
.dir-header-v300 .qa-item{
  min-height:45px;
  border-radius:9px;
  margin-inline:5px;
}
.dir-header-v300 .qa-item-ic{
  width:32px;
  height:32px;
  border-radius:9px;
}
.dir-header-v300 .notif-dd-item{
  min-height:62px;
}

.dir-header-v300 .hdr-user-btn{
  height:38px;
  border-radius:10px;
  border-width:1px;
  padding-inline:8px 10px;
  box-shadow:none;
}
.dir-header-v300 .hdr-user-btn:hover{
  transform:none;
  box-shadow:none;
}
.dir-header-v300 .hdr-user-avatar,
.dir-header-v300 .hdr-user-avatar-fallback{
  width:25px;
  height:25px;
}
.dir-header-v300 .hdr-dropdown{
  min-width:250px;
  padding:7px;
}
.dir-header-v300 .hdr-dropdown a,
.dir-header-v300 .hdr-drop-btn{
  min-height:39px;
  border-radius:9px;
  padding:8px 11px;
}
.dir-header-v300 .hdr-dropdown a > .icon,
.dir-header-v300 .hdr-dropdown a > svg,
.dir-header-v300 .hdr-drop-btn > .icon,
.dir-header-v300 .hdr-drop-btn > svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
  stroke-width:1.9;
}

/* Keep compact header stable before the existing mobile breakpoint. */
@media (max-width:1180px) and (min-width:901px){
  .dir-header-v300 .brand-tag{display:none}
  .dir-header-v300 .hdr-primary-nav{gap:1px}
  .dir-header-v300 .hdr-pnav-link{padding-inline:8px;font-size:12.5px}
  .dir-header-v300 .hdr-search-wrap{max-width:300px}
  .dir-header-v300 .hdr-user-name{display:none}
  .dir-header-v300 .hdr-user-btn{padding-inline:6px}
  .dir-header-v300 .hdr-caret{display:none}
}

/* Existing mobile logic remains authoritative; this only normalizes touch targets. */
@media (max-width:900px){
  .dir-header-v300 .header-inner{gap:6px}
  .dir-header-v300 .hdr-actions{gap:4px;padding:0}
  .dir-header-v300 .hdr-icon-action,
  .dir-header-v300 .hdr-bell{border-radius:10px}
  .dir-header-v300 .brand-logo{height:33px}
}

/* =========================
   SIDEBAR - SHARED SYSTEM
   ========================= */
.dir-sidebar-v300{
  --dir-side-icon-box:34px;
  --dir-side-icon-size:17px;
}

.dir-sidebar-v300 .mob-nav-head{
  min-height:62px;
  gap:8px;
}
.dir-sidebar-v300 .mob-user-chip{
  min-width:0;
}
.dir-sidebar-v300 .mob-user-info{
  min-width:0;
}
.dir-sidebar-v300 .mob-user-info b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dir-sidebar-v300 .mob-nav-body{
  padding:10px 9px 24px;
  gap:3px;
  scrollbar-width:thin;
}
.dir-sidebar-v300 .mob-nav-search{
  padding:3px 3px 11px;
}
.dir-sidebar-v300 .mob-nav-search input{
  height:38px;
  padding-inline:12px;
  border-radius:10px;
}

.dir-sidebar-v300 .mob-nav-label{
  min-height:31px;
  padding-inline:9px;
  margin-top:4px;
  letter-spacing:.25px;
}
.dir-sidebar-v300 .mob-nav-divider{
  margin:7px 4px;
}

.dir-sidebar-v300 .mob-nav-link,
.dir-sidebar-v300 .mob-nav-theme-btn{
  min-height:44px;
  padding:5px 8px;
  gap:9px;
  border-radius:10px;
  border:1px solid transparent;
  line-height:1.35;
  transform:none;
}
.dir-sidebar-v300 .mob-nav-link:hover,
.dir-sidebar-v300 .mob-nav-theme-btn:hover{
  transform:none;
}

/* Tabler-like icon footprint: consistent geometry without replacing icon sources. */
.dir-sidebar-v300 .mob-nav-link > svg,
.dir-sidebar-v300 .mob-nav-link > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn > svg,
.dir-sidebar-v300 .mob-nav-theme-btn > .icon{
  width:var(--dir-side-icon-box);
  height:var(--dir-side-icon-box);
  padding:8px;
  box-sizing:border-box;
  flex:0 0 var(--dir-side-icon-box);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.075);
  color:currentColor;
  stroke-width:1.9;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.dir-sidebar-v300 .mob-nav-link:hover > svg,
.dir-sidebar-v300 .mob-nav-link:hover > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn:hover > svg,
.dir-sidebar-v300 .mob-nav-theme-btn:hover > .icon{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.14);
  transform:translateY(-1px);
}

/* Active state keeps the existing DIR palette, but is calmer and easier to scan. */
.dir-sidebar-v300 .mob-nav-link.mob-nav-active{
  position:relative;
  background:rgba(255,255,255,.11);
  color:#fff !important;
  border-color:rgba(255,255,255,.10);
  font-weight:800;
  box-shadow:inset -3px 0 0 var(--gold);
}
html[dir=ltr] .dir-sidebar-v300 .mob-nav-link.mob-nav-active{
  box-shadow:inset 3px 0 0 var(--gold);
}
.dir-sidebar-v300 .mob-nav-link.mob-nav-active:hover{
  background:rgba(255,255,255,.14);
}
.dir-sidebar-v300 .mob-nav-link.mob-nav-active > svg,
.dir-sidebar-v300 .mob-nav-link.mob-nav-active > .icon{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--navy);
  transform:none;
}
[data-theme="dark"] .dir-sidebar-v300 .mob-nav-link.mob-nav-active{
  color:#fff !important;
}

.dir-sidebar-v300 .hdr-badge{
  min-width:22px;
  text-align:center;
  padding:2px 6px;
}

.dir-sidebar-v300 .mob-nav-icons-btn,
.dir-sidebar-v300 .mob-nav-close{
  border-radius:9px;
  box-shadow:none;
}
.dir-sidebar-v300 .mob-nav-icons-btn:hover,
.dir-sidebar-v300 .mob-nav-close:hover{
  transform:none;
  box-shadow:none;
}

/* =========================
   SIDEBAR - ICONS ONLY DOCK
   ========================= */
html.sidebar-icons-only .dir-sidebar-v300{
  width:76px !important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-body{
  padding-inline:8px;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn{
  width:54px;
  min-height:46px;
  margin-inline:auto;
  padding:5px;
  justify-content:center;
  border-radius:11px;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link > .icon,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > .icon{
  width:36px;
  height:36px;
  flex-basis:36px;
  padding:8px;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link.mob-nav-active{
  box-shadow:none;
  background:rgba(255,255,255,.09);
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link.mob-nav-active::after{
  content:"";
  position:absolute;
  inset-block:10px;
  inset-inline-end:-5px;
  width:3px;
  border-radius:999px;
  background:var(--gold);
}
html[dir=ltr].sidebar-icons-only .dir-sidebar-v300 .mob-nav-link.mob-nav-active::after{
  inset-inline-end:auto;
  inset-inline-start:-5px;
}

/* Match content offset to the refined dock width. */
html.sidebar-icons-only main.wrap.page{
  margin-right:76px !important;
  max-width:calc(100% - 76px) !important;
}
html.sidebar-icons-only .site-footer{
  margin-right:76px !important;
  max-width:calc(100% - 76px) !important;
}
html[dir=ltr].sidebar-icons-only main.wrap.page{
  margin-left:76px !important;
  margin-right:0 !important;
  max-width:calc(100% - 76px) !important;
}
html[dir=ltr].sidebar-icons-only .site-footer{
  margin-left:76px !important;
  margin-right:0 !important;
  max-width:calc(100% - 76px) !important;
}

/* Mobile sidebar keeps its original overlay/pinned mechanics. */
@media (max-width:1023px){
  html:not(.sidebar-icons-only) .dir-sidebar-v300 .mob-nav-link,
  html:not(.sidebar-icons-only) .dir-sidebar-v300 .mob-nav-theme-btn{
    min-height:46px;
  }
}


/* =========================
   v301 - ROBUST ICON-ONLY FIX
   =========================
   Do not depend on site-chrome.js wrapping text nodes. This makes the
   dock deterministic even with an older cached JS file. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn{
  font-size:0 !important;
  line-height:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}

/* Hide every non-icon direct child in the compact rail. SVG remains visible.
   Badges are intentionally hidden in icon-only mode; notifications remain
   available from the header and full sidebar. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link > :not(svg),
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > :not(svg):not([id^="mobThemeIc"]){
  display:none !important;
}

/* A link icon must always occupy a real, visible slot - never collapse. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link > .icon{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  flex:0 0 36px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1 !important;
}

/* Theme icon is wrapped in #mobThemeIc / #mobThemeIcAdmin, unlike link SVGs. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"]{
  display:grid !important;
  place-items:center !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  flex:0 0 36px !important;
  margin:0 !important;
  padding:8px !important;
  box-sizing:border-box !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.075) !important;
  color:currentColor !important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"] > svg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  min-height:18px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:transparent !important;
  stroke-width:1.9 !important;
}

/* Keep the compact dock centered and consistent with the platform's
   original 76px offset, preventing label/content overlap at page edge. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-body{
  padding-inline:10px !important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-link,
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn{
  width:56px !important;
  max-width:56px !important;
  min-width:56px !important;
  margin-inline:auto !important;
  padding:5px 10px !important;
  justify-content:center !important;
  align-items:center !important;
}

/* Full mode: guarantee all link icons remain visible and aligned too. */
html:not(.sidebar-icons-only) .dir-sidebar-v300 .mob-nav-link > svg,
html:not(.sidebar-icons-only) .dir-sidebar-v300 .mob-nav-link > .icon{
  display:block;
  visibility:visible;
  opacity:1;
}

/* ==========================================================
   v303 - Unified accessible tooltips (header + desktop rail)
   ========================================================== */
.dir-ui-tooltip{
  position:fixed;
  z-index:100000;
  inset:auto auto auto auto;
  max-width:min(260px,calc(100vw - 24px));
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  background:rgba(24,27,32,.96);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
  font-family:var(--font-family,'Cairo','Cairo Fallback',system-ui,-apple-system,sans-serif);
  font-size:11px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:0;
  text-align:start;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(-2px) scale(.98);
  transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
  -webkit-font-smoothing:antialiased;
}
.dir-ui-tooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
[data-theme="light"] .dir-ui-tooltip,
html:not([data-theme="dark"]) .dir-ui-tooltip{
  background:rgba(31,35,40,.97);
  color:#fff;
  border-color:rgba(255,255,255,.10);
}
[data-theme="dark"] .dir-ui-tooltip{
  background:rgba(8,11,16,.98);
  color:#f8fafc;
  border-color:rgba(255,255,255,.14);
}

/* Make desktop icon interactions feel intentional with or without compact rail. */
@media (min-width:821px) and (hover:hover) and (pointer:fine){
  .dir-header-v300 .hdr-icon-action,
  .dir-header-v300 .hdr-bell,
  .dir-header-v300 .hdr-pnav-link,
  .dir-sidebar-v300 .mob-nav-link,
  .dir-sidebar-v300 .mob-nav-theme-btn,
  .dir-sidebar-v300 .mob-nav-icons-btn{
    cursor:pointer;
  }
  .dir-sidebar-v300 .mob-nav-link > svg,
  .dir-sidebar-v300 .mob-nav-link > .icon,
  .dir-sidebar-v300 .mob-nav-theme-btn > svg,
  .dir-sidebar-v300 .mob-nav-theme-btn > .icon,
  .dir-sidebar-v300 .mob-nav-theme-btn [id^="mobThemeIc"] > svg{
    transition:transform .14s ease,color .14s ease,stroke .14s ease;
  }
  .dir-sidebar-v300 .mob-nav-link:hover > svg,
  .dir-sidebar-v300 .mob-nav-link:hover > .icon,
  .dir-sidebar-v300 .mob-nav-theme-btn:hover > svg,
  .dir-sidebar-v300 .mob-nav-theme-btn:hover > .icon,
  .dir-sidebar-v300 .mob-nav-theme-btn:hover [id^="mobThemeIc"] > svg{
    transform:translateY(-1px);
  }
}

/* Keyboard users receive the same discoverability as pointer users. */
.dir-header-v300 .hdr-icon-action:focus-visible,
.dir-header-v300 .hdr-bell:focus-visible,
.dir-header-v300 .hdr-pnav-link:focus-visible,
.dir-sidebar-v300 .mob-nav-link:focus-visible,
.dir-sidebar-v300 .mob-nav-theme-btn:focus-visible,
.dir-sidebar-v300 .mob-nav-icons-btn:focus-visible{
  outline:2px solid color-mix(in srgb,var(--primary,#008060) 70%,white 30%);
  outline-offset:2px;
}

@media (max-width:820px){
  .dir-ui-tooltip{display:none!important}
}

/* ==========================================================
   v305 - Global Command Menu (mobile sidebar reverted to original behavior)
   ========================================================== */
.dir-command-trigger{
  width:100%;border:0;background:transparent;cursor:pointer;text-align:start;
}
.dir-command-trigger-text{
  display:flex;align-items:center;color:var(--muted,#667085);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.dir-command-backdrop{
  position:fixed;inset:0;z-index:99980;background:var(--app-overlay);backdrop-filter:blur(3px);
  opacity:0;transition:opacity .14s ease;
}
.dir-command-backdrop.open{opacity:1}
.dir-command-menu{
  position:fixed;inset:0;z-index:99990;display:grid;place-items:start center;padding:9vh 16px 24px;
  pointer-events:none;
}
.dir-command-menu.open{pointer-events:auto}
.dir-command-shell{
  width:min(720px,calc(100vw - 28px));max-height:min(680px,82vh);display:flex;flex-direction:column;overflow:hidden;
  border:1px solid var(--app-border);border-radius:18px;background:var(--app-modal);
  box-shadow:var(--app-shadow-panel);opacity:0;transform:translateY(-8px) scale(.985);
  transition:opacity .14s ease,transform .14s ease;
}
.dir-command-menu.open .dir-command-shell{opacity:1;transform:none}
[data-theme="dark"] .dir-command-shell{border-color:rgba(255,255,255,.10);box-shadow:var(--app-shadow-panel)}
.dir-command-head{padding:12px 14px 0;border-bottom:1px solid var(--border,#e5e7eb)}
.dir-command-search-row{display:flex;align-items:center;gap:10px;min-height:50px}
.dir-command-search-icon{display:grid;place-items:center;color:var(--muted,#667085)}
.dir-command-input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;color:var(--text,#111827);font:600 16px/1.4 inherit;padding:10px 0!important;box-shadow:none!important}
.dir-command-input::placeholder{color:var(--muted,#98a2b3);font-weight:500}
.dir-command-search-row>kbd,.dir-command-foot kbd{border:1px solid var(--border,#d8dee6);background:var(--bg,#f7f8fa);color:var(--muted,#667085);border-radius:6px;padding:2px 6px;font:600 11px/1.4 inherit;box-shadow:var(--app-shadow-xs)}
.dir-command-tabs{display:flex;gap:4px;overflow-x:auto;padding:4px 0 10px;scrollbar-width:none}
.dir-command-tabs::-webkit-scrollbar{display:none}
.dir-command-tab{border:0;background:transparent;color:var(--muted,#667085);font:700 12px/1.2 inherit;padding:7px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.dir-command-tab:hover{background:var(--app-hover);color:var(--app-text)}
.dir-command-tab.active{background:color-mix(in srgb,var(--primary,#008060) 12%,transparent);color:var(--primary,#008060)}
.dir-command-results{overflow:auto;padding:8px 8px 10px;min-height:210px;overscroll-behavior:contain}
.dir-command-group-label{padding:10px 10px 6px;color:var(--muted,#7b8494);font:800 10px/1.2 inherit;text-transform:uppercase;letter-spacing:.045em}
.dir-command-item{display:flex;align-items:center;gap:11px;min-height:54px;padding:7px 9px;border-radius:11px;color:var(--text,#111827);text-decoration:none!important;transition:background .1s ease}
.dir-command-item:hover,.dir-command-item.active{background:color-mix(in srgb,var(--primary,#008060) 9%,transparent)}
.dir-command-item-icon{width:36px;height:36px;min-width:36px;display:grid;place-items:center;border:1px solid var(--border,#e5e7eb);border-radius:9px;background:var(--bg,#f8fafc);color:var(--text,#344054)}
.dir-command-item-icon svg{width:18px;height:18px}
.dir-command-item-copy{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.dir-command-item-copy b{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dir-command-item-copy small{font-size:11px;color:var(--muted,#7b8494);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dir-command-enter{opacity:0;color:var(--muted,#98a2b3);font-weight:800}
.dir-command-item.active .dir-command-enter{opacity:1}
.dir-command-empty{padding:44px 20px;text-align:center;color:var(--muted,#7b8494);font-size:13px}
.dir-command-foot{display:flex;align-items:center;gap:18px;padding:9px 14px;border-top:1px solid var(--border,#e5e7eb);color:var(--muted,#7b8494);font-size:10px}
.dir-command-foot span{display:flex;align-items:center;gap:4px}
body.dir-command-open{overflow:hidden}


@media (max-width:820px){
  .dir-command-menu{padding:10px;place-items:start center}
  .dir-command-shell{width:100%;max-height:calc(100dvh - 20px);border-radius:16px}
  .dir-command-foot{display:none}
  .dir-command-results{min-height:160px}
}


/* ==========================================================
   v306 - single tooltip layer + reliable sidebar controls + search legibility
   ========================================================== */
/* The original platform tooltip system ([data-tooltip]) is the only tooltip layer.
   Explicitly suppress any legacy custom tooltip node if an old cached header left one behind. */
#dirUiTooltip,.dir-ui-tooltip{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Header command/search hint must remain readable on the navy header. */
.dir-header-v300 .hdr-search-input,
.dir-header-v300 .dir-command-trigger-text{
  color:rgba(255,255,255,.88)!important;
  -webkit-text-fill-color:rgba(255,255,255,.88);
  opacity:1!important;
  font-weight:600;
}
.dir-header-v300 .hdr-search-ic{color:rgba(255,255,255,.78)!important}
.dir-header-v300 .hdr-search-kbd{color:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.09)!important}

/* Search placeholders across command menu / sidebar: stronger contrast, still secondary. */
.dir-command-input::placeholder,
.dir-sidebar-v300 .mob-nav-search input::placeholder{color:#667085!important;opacity:1!important;font-weight:550}
[data-theme="dark"] .dir-command-input::placeholder,
[data-theme="dark"] .dir-sidebar-v300 .mob-nav-search input::placeholder{color:#AAB4C3!important;opacity:1!important}

/* Keep the hamburger and pin controls visually interactive in every desktop sidebar mode. */
@media (min-width:1024px){
  .dir-header-v300 #navToggle,
  .dir-header-v300 #sidebarPinBtn{pointer-events:auto!important;opacity:1!important;cursor:pointer!important}
  html.sidebar-pinned.sidebar-dock-hidden .dir-sidebar-v300,
  html.sidebar-icons-only.sidebar-dock-hidden .dir-sidebar-v300{transform:translateX(110%)!important;pointer-events:none!important}
  html[dir=ltr].sidebar-pinned.sidebar-dock-hidden .dir-sidebar-v300,
  html[dir=ltr].sidebar-icons-only.sidebar-dock-hidden .dir-sidebar-v300{transform:translateX(-110%)!important}
}

/* Improve platform tooltip stacking above header/sidebar without creating another layer. */
.dir-header-v300 [data-tooltip]::after,
.dir-header-v300 [data-tooltip]::before,
.dir-sidebar-v300 [data-tooltip]::after,
.dir-sidebar-v300 [data-tooltip]::before{z-index:10050!important}

/* ==========================================================
   v307 - definitive sidebar states + tooltip policy
   ========================================================== */
/* Full sidebar already has readable labels: no redundant tooltip there. */
@media (min-width:1024px){
  html:not(.sidebar-icons-only) .dir-sidebar-v300 [data-tooltip]::before,
  html:not(.sidebar-icons-only) .dir-sidebar-v300 [data-tooltip]::after{
    display:none!important;
  }

  /* Icons-only rail: tooltip opens toward the page content, never over the icon. */
  html.sidebar-icons-only:not([dir=ltr]) .dir-sidebar-v300 [data-tooltip]::after{
    display:block!important;
    top:50%!important;bottom:auto!important;
    left:auto!important;right:calc(100% + 10px)!important;
    transform:translateY(-50%) translateX(4px)!important;
  }
  html.sidebar-icons-only:not([dir=ltr]) .dir-sidebar-v300 [data-tooltip]::before{
    display:block!important;
    top:50%!important;bottom:auto!important;
    left:auto!important;right:calc(100% + 1px)!important;
    transform:translateY(-50%)!important;
    border:5px solid transparent!important;
    border-left-color:var(--navy)!important;
  }
  html[dir=ltr].sidebar-icons-only .dir-sidebar-v300 [data-tooltip]::after{
    display:block!important;
    top:50%!important;bottom:auto!important;
    right:auto!important;left:calc(100% + 10px)!important;
    transform:translateY(-50%) translateX(-4px)!important;
  }
  html[dir=ltr].sidebar-icons-only .dir-sidebar-v300 [data-tooltip]::before{
    display:block!important;
    top:50%!important;bottom:auto!important;
    right:auto!important;left:calc(100% + 1px)!important;
    transform:translateY(-50%)!important;
    border:5px solid transparent!important;
    border-right-color:var(--navy)!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 [data-tooltip]:hover::after,
  html.sidebar-icons-only .dir-sidebar-v300 [data-tooltip]:focus-visible::after{
    transform:translateY(-50%) translateX(0)!important;
  }
  [data-theme="dark"] html.sidebar-icons-only:not([dir=ltr]) .dir-sidebar-v300 [data-tooltip]::before,
  html.sidebar-icons-only:not([dir=ltr])[data-theme="dark"] .dir-sidebar-v300 [data-tooltip]::before{
    border-left-color:var(--bg)!important;
  }
  [data-theme="dark"] html[dir=ltr].sidebar-icons-only .dir-sidebar-v300 [data-tooltip]::before,
  html[dir=ltr].sidebar-icons-only[data-theme="dark"] .dir-sidebar-v300 [data-tooltip]::before{
    border-right-color:var(--bg)!important;
  }

  /* Hamburger tooltip: below and aligned to the button edge, never covering it. */
  .dir-header-v300 #navToggle[data-tooltip]::after{
    top:calc(100% + 12px)!important;bottom:auto!important;
    left:auto!important;right:0!important;
    transform:translateY(-4px)!important;
  }
  .dir-header-v300 #navToggle[data-tooltip]::before{
    top:calc(100% + 3px)!important;bottom:auto!important;
    left:auto!important;right:14px!important;
    transform:translateY(-3px)!important;
    border:5px solid transparent!important;
    border-bottom-color:var(--navy)!important;
  }
  .dir-header-v300 #navToggle[data-tooltip]:hover::after,
  .dir-header-v300 #navToggle[data-tooltip]:focus-visible::after,
  .dir-header-v300 #navToggle[data-tooltip]:hover::before,
  .dir-header-v300 #navToggle[data-tooltip]:focus-visible::before{
    transform:translateY(0)!important;
  }
  html[dir=ltr] .dir-header-v300 #navToggle[data-tooltip]::after{right:auto!important;left:0!important}
  html[dir=ltr] .dir-header-v300 #navToggle[data-tooltip]::before{right:auto!important;left:14px!important}
  [data-theme="dark"] .dir-header-v300 #navToggle[data-tooltip]::before{border-bottom-color:var(--bg)!important}
}


/* ==========================================================
   v308 - Sidebar icon-mode tooltip portal
   The sidebar itself clips overflowing children (overflow:hidden/auto),
   so pseudo-element tooltips cannot reliably escape the rail. Sidebar
   tooltips are therefore rendered once in <body> by site-chrome.js.
   ========================================================== */
@media (min-width:1024px){
  /* Never render the old pseudo layer inside the sidebar. This guarantees
     one tooltip only and prevents clipping/double text. */
  .dir-sidebar-v300 [data-tooltip]::before,
  .dir-sidebar-v300 [data-tooltip]::after{
    display:none!important;
    content:none!important;
  }
}

#dirSidebarIconTooltip{
  position:fixed;
  z-index:2147483000;
  max-width:min(280px,calc(100vw - 24px));
  padding:7px 10px;
  border-radius:9px;
  background:var(--navy,#0D2137);
  color:#fff;
  box-shadow:0 8px 24px rgba(11,30,51,.22);
  font:600 12px/1.35 inherit;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(2px) scale(.98);
  transition:opacity .12s ease,transform .12s ease,visibility 0s linear .12s;
}
#dirSidebarIconTooltip.is-visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  transition-delay:0s;
}
#dirSidebarIconTooltip::after{
  content:"";
  position:absolute;
  top:50%;
  width:0;height:0;
  transform:translateY(-50%);
  border:5px solid transparent;
}
#dirSidebarIconTooltip[data-side="left"]::after{
  right:-10px;
  border-left-color:var(--navy,#0D2137);
}
#dirSidebarIconTooltip[data-side="right"]::after{
  left:-10px;
  border-right-color:var(--navy,#0D2137);
}
html[data-theme="dark"] #dirSidebarIconTooltip{
  background:var(--bg,#111827);
  color:var(--ink,#f8fafc);
  border:1px solid rgba(255,255,255,.10);
}
html[data-theme="dark"] #dirSidebarIconTooltip[data-side="left"]::after{border-left-color:var(--bg,#111827)}
html[data-theme="dark"] #dirSidebarIconTooltip[data-side="right"]::after{border-right-color:var(--bg,#111827)}
@media (max-width:1023px){#dirSidebarIconTooltip{display:none!important}}

/* ==========================================================
   v309 - Mobile-only header refinement
   Desktop and sidebar behavior intentionally untouched.
   ========================================================== */
@media (max-width:900px){
  .dir-header-v300{
    border-bottom-color:rgba(255,255,255,.08);
    box-shadow:0 1px 0 rgba(0,0,0,.08),0 8px 24px rgba(11,30,51,.10);
  }

  .dir-header-v300 .header-inner{
    height:58px;
    min-height:58px;
    padding-inline:12px;
    padding-top:env(safe-area-inset-top,0px);
    gap:6px;
  }

  /* Keep the mobile brand quiet and compact. */
  .dir-header-v300 .brand{
    gap:0;
    min-width:0;
  }
  .dir-header-v300 .brand-logo{
    height:31px;
    width:auto;
  }
  .dir-header-v300 .brand-tag{display:none!important}

  /* Authenticated mobile: turn the global command entry into a true icon action. */
  .dir-header-auth .hdr-search-wrap{
    display:block!important;
    flex:0 0 36px!important;
    width:36px!important;
    max-width:36px!important;
    min-width:36px!important;
    order:6;
  }
  .dir-header-auth .hdr-search,
  .dir-header-auth .dir-command-trigger{
    position:relative!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.075)!important;
    color:rgba(255,255,255,.92)!important;
    display:grid!important;
    place-items:center!important;
    box-shadow:none!important;
  }
  .dir-header-auth .dir-command-trigger:active{
    transform:scale(.94);
    background:rgba(255,255,255,.15)!important;
  }
  .dir-header-auth .hdr-search-ic{
    position:static!important;
    inset:auto!important;
    display:grid!important;
    place-items:center!important;
    color:rgba(255,255,255,.92)!important;
  }
  .dir-header-auth .hdr-search-ic .icon,
  .dir-header-auth .hdr-search-ic svg{
    width:18px!important;
    height:18px!important;
  }
  .dir-header-auth .hdr-search-input,
  .dir-header-auth .dir-command-trigger-text,
  .dir-header-auth .hdr-search-kbd{display:none!important}

  .dir-header-v300 .hdr-actions{
    gap:5px;
    padding:0;
    min-width:0;
  }

  /* One visual language for all touch targets. */
  .dir-header-v300 .hdr-icon-action,
  .dir-header-v300 .hdr-bell,
  .dir-header-v300 .nav-combo{
    width:36px;
    min-width:36px;
    height:36px;
    padding:0;
    border-radius:11px;
    border:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.075);
    color:rgba(255,255,255,.92);
    box-shadow:none;
  }
  .dir-header-v300 .hdr-icon-action:active,
  .dir-header-v300 .hdr-bell:active,
  .dir-header-v300 .nav-combo:active{
    transform:scale(.94);
    background:rgba(255,255,255,.15);
  }
  .dir-header-v300 .hdr-icon-action > svg,
  .dir-header-v300 .hdr-bell > svg,
  .dir-header-v300 .hdr-icon-action .icon,
  .dir-header-v300 .hdr-bell .icon{
    width:18px!important;
    height:18px!important;
  }

  /* Theme is already available inside the sidebar; remove duplicate mobile chrome. */
  .dir-header-auth #themeToggle{display:none!important}
  .dir-header-auth #sidebarPinBtn{display:none!important}
  .dir-header-auth .qa-wrap{display:none!important}
  .dir-header-auth .hdr-user-menu{display:none!important}

  /* Hamburger becomes a clean single-purpose menu control on phones. */
  .dir-header-v300 .nav-combo{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:0;
  }
  .dir-header-v300 .nav-combo-caret{display:none!important}
  .dir-header-v300 .nav-combo-lines{gap:4px}
  .dir-header-v300 .nav-combo-lines span{
    width:17px;
    height:1.8px;
  }
  .dir-header-v300 .nav-combo.open{
    background:rgba(201,168,76,.16);
    border-color:rgba(201,168,76,.34);
  }

  .dir-header-v300 .bell-badge{
    top:-3px;
    inset-inline-end:-3px;
    min-width:15px;
    height:15px;
    padding-inline:3px;
    font-size:8px;
    border-width:1.5px;
  }

  /* Desktop hover tooltips are noise on touch UI. */
  .dir-header-v300 [data-tooltip]::before,
  .dir-header-v300 [data-tooltip]::after{display:none!important}
}

@media (max-width:420px){
  .dir-header-v300 .header-inner{
    height:56px;
    min-height:56px;
    padding-inline:9px;
    gap:4px;
  }
  .dir-header-v300 .brand-logo{height:29px}
  .dir-header-auth .hdr-search-wrap,
  .dir-header-auth .hdr-search,
  .dir-header-auth .dir-command-trigger,
  .dir-header-v300 .hdr-icon-action,
  .dir-header-v300 .hdr-bell,
  .dir-header-v300 .nav-combo{
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
  }
  .dir-header-v300 .hdr-actions{gap:4px}
}

@media (max-width:350px){
  .dir-header-v300 .header-inner{padding-inline:7px;gap:3px}
  .dir-header-v300 .brand-logo{height:27px}
  .dir-header-v300 .hdr-actions{gap:3px}
}


/* DIR Currency sidebar v2 - full-row interaction + stable icon-only rail.
   The complete row opens the currency picker in full mode; compact mode keeps
   only the dollar icon visible while the native select remains the hit target. */
.dir-sidebar-v300 .mob-currency-switcher{
  position:relative;
  cursor:pointer;
}
.dir-sidebar-v300 .mob-currency-switcher:focus-visible{
  outline:2px solid color-mix(in srgb,var(--primary,#9fcf3a) 74%,white);
  outline-offset:2px;
}
.dir-sidebar-v300 .mob-currency-switcher > span{
  pointer-events:none;
}

@media (min-width:1024px){
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    min-height:46px!important;
    height:46px!important;
    margin-inline:auto!important;
    padding:5px 10px!important;
    overflow:hidden!important;
    border-radius:11px!important;
    font-size:0!important;
    line-height:0!important;
    white-space:nowrap!important;
    transform:none!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher:hover{
    transform:none!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    margin:0!important;
    padding:8px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.055)!important;
    border:1px solid rgba(255,255,255,.075)!important;
    color:currentColor!important;
    font-size:0!important;
    overflow:hidden!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > svg,
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > .icon{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    min-height:18px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    stroke-width:1.9!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher select{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    opacity:0!important;
    cursor:pointer!important;
    appearance:auto!important;
    -webkit-appearance:auto!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher [data-currency-quick-submit]{
    display:none!important;
  }

  /* Currency and theme controls must occupy the same compact-rail geometry. */
  html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn,
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
    box-sizing:border-box!important;
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:46px!important;
    min-height:46px!important;
    margin-inline:auto!important;
  }
}

/* DIR Currency sidebar v3 - restore icon-box parity in full sidebar and
   keep currency placement aligned with neighboring navigation rows. */
.dir-sidebar-v300 .mob-currency-switcher{
  display:flex!important;
  align-items:center!important;
  min-height:44px!important;
  width:100%!important;
  padding:5px 8px!important;
  gap:9px!important;
  margin:0!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:inherit!important;
  box-sizing:border-box!important;
  line-height:1.35!important;
}
.dir-sidebar-v300 .mob-currency-switcher:hover{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.055)!important;
}
.dir-sidebar-v300 .mob-currency-switcher > span{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
}
.dir-sidebar-v300 .mob-currency-switcher > span > svg,
.dir-sidebar-v300 .mob-currency-switcher > span > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"]{
  display:grid!important;
  place-items:center!important;
  width:var(--dir-side-icon-box)!important;
  height:var(--dir-side-icon-box)!important;
  min-width:var(--dir-side-icon-box)!important;
  flex:0 0 var(--dir-side-icon-box)!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  color:currentColor!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
.dir-sidebar-v300 .mob-currency-switcher > span > svg,
.dir-sidebar-v300 .mob-currency-switcher > span > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"] > svg{
  stroke-width:1.9!important;
}
.dir-sidebar-v300 .mob-currency-switcher:hover > span > svg,
.dir-sidebar-v300 .mob-currency-switcher:hover > span > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn:hover > [id^="mobThemeIc"]{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.14)!important;
  transform:translateY(-1px)!important;
}
.dir-sidebar-v300 .mob-currency-switcher select{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:54px!important;
  max-width:82px!important;
  height:32px!important;
  margin-inline-start:auto!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  text-align:center!important;
}

@media (min-width:1024px){
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
    width:54px!important;
    min-width:54px!important;
    max-width:54px!important;
    height:46px!important;
    min-height:46px!important;
    padding:5px!important;
    margin-inline:auto!important;
    justify-content:center!important;
    background:transparent!important;
    border-color:transparent!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span{
    display:grid!important;
    place-items:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
    gap:0!important;
    font-size:0!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > svg,
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > .icon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:8px!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher select{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    opacity:0!important;
    border:0!important;
    cursor:pointer!important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"]{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    flex:0 0 36px!important;
  }
}

/* DIR Currency sidebar v4 - light-mode contrast + compact rail parity on all viewports. */
.dir-sidebar-v300 .mob-currency-switcher{
  color:#F5F7FA!important;
}
.dir-sidebar-v300 .mob-currency-switcher > span{
  color:#F5F7FA!important;
  font-weight:700!important;
}
.dir-sidebar-v300 .mob-currency-switcher > span > svg,
.dir-sidebar-v300 .mob-currency-switcher > span > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"]{
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#F5F7FA!important;
}
.dir-sidebar-v300 .mob-currency-switcher:hover > span > svg,
.dir-sidebar-v300 .mob-currency-switcher:hover > span > .icon,
.dir-sidebar-v300 .mob-nav-theme-btn:hover > [id^="mobThemeIc"]{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.19)!important;
}
.dir-sidebar-v300 .mob-currency-switcher select{
  color:#F5F7FA!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.dir-sidebar-v300 .mob-currency-switcher select option{
  color:#111827!important;
  background:#FFFFFF!important;
}
[data-theme="dark"] .dir-sidebar-v300 .mob-currency-switcher select option{
  color:#F5F7FA!important;
  background:#171A1F!important;
}

/* Icon-only must remain deterministic on desktop and mobile/tablet alike. */
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
  position:relative!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:46px!important;
  min-height:46px!important;
  padding:5px!important;
  margin-inline:auto!important;
  justify-content:center!important;
  gap:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border-color:transparent!important;
  font-size:0!important;
  line-height:0!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  flex:0 0 36px!important;
  gap:0!important;
  margin:0!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > .icon{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  padding:8px!important;
  margin:0!important;
  font-size:16px!important;
  line-height:1!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher select{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  opacity:0!important;
  border:0!important;
  cursor:pointer!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher [data-currency-quick-submit]{
  display:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-theme-btn > [id^="mobThemeIc"]{
  background:rgba(255,255,255,.085)!important;
  border-color:rgba(255,255,255,.13)!important;
}


/* v311 - Mobile sidebar close control: functional in compact dock + Tabler-like geometry */
.dir-sidebar-v300 .mob-nav-close{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 38px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  color:rgba(255,255,255,.92) !important;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease !important;
}
.dir-sidebar-v300 .mob-nav-close > svg,
.dir-sidebar-v300 .mob-nav-close > .icon{
  width:18px !important;
  height:18px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  color:currentColor !important;
  stroke-width:2 !important;
}
.dir-sidebar-v300 .mob-nav-close:hover{
  background:rgba(255,255,255,.11) !important;
  border-color:rgba(255,255,255,.20) !important;
  color:#fff !important;
}
.dir-sidebar-v300 .mob-nav-close:active{
  transform:scale(.96) !important;
}
.dir-sidebar-v300 .mob-nav-close:focus-visible{
  outline:2px solid var(--gold) !important;
  outline-offset:2px !important;
}
@media (max-width:1023px){
  html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-head{
    justify-content:center !important;
    padding-inline:8px !important;
  }
  html.sidebar-icons-only .dir-sidebar-v300 .mob-nav-close{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    min-height:40px !important;
    margin-inline:auto !important;
    border-radius:11px !important;
  }
}


/* v312 - Currency icon parity + mobile compact-rail header close */
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
  display:grid!important;
  place-items:center!important;
  align-items:center!important;
  justify-content:center!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  justify-self:center!important;
  margin:0!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > span > .icon{
  display:block!important;
  margin:auto!important;
  transform:none!important;
}
@media (min-width:1024px){
  html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
    width:54px!important;
    height:46px!important;
    margin-inline:auto!important;
  }
}
@media (max-width:1023px){
  html.sidebar-icons-only.sidebar-dock-hidden .dir-sidebar-v300{
    transform:translateX(110%)!important;
    pointer-events:none!important;
  }
  html[dir=ltr].sidebar-icons-only.sidebar-dock-hidden .dir-sidebar-v300{
    transform:translateX(-110%)!important;
  }
}


/* v313 - deterministic currency icon centering in compact desktop/mobile rail.
   Separate icon box from label so RTL text/select sizing can never shift the glyph. */
.dir-sidebar-v300 .mob-currency-switcher > .mob-currency-content{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  margin:0!important;
  pointer-events:none!important;
}
.dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon{
  display:grid!important;
  place-items:center!important;
  width:var(--dir-side-icon-box)!important;
  height:var(--dir-side-icon-box)!important;
  min-width:var(--dir-side-icon-box)!important;
  flex:0 0 var(--dir-side-icon-box)!important;
  padding:8px!important;
  box-sizing:border-box!important;
  border-radius:9px!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#F5F7FA!important;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease!important;
}
.dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon > svg,
.dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon > .icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:currentColor!important;
  transform:none!important;
  stroke-width:1.9!important;
}
.dir-sidebar-v300 .mob-currency-switcher:hover .mob-currency-icon{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.19)!important;
  transform:translateY(-1px)!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:46px!important;
  min-height:46px!important;
  padding:5px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > .mob-currency-content{
  display:grid!important;
  place-items:center!important;
  position:absolute!important;
  inset:5px!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:8px!important;
  transform:translate(-50%,-50%)!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher:hover .mob-currency-icon{
  transform:translate(-50%,-50%)!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher .mob-currency-label{
  display:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher select{
  position:absolute!important;
  inset:0!important;
  z-index:4!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  cursor:pointer!important;
}

/* v314 - final currency icon visibility + optical centering in icon-only rail */
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:46px!important;
  min-height:46px!important;
  margin-inline:auto!important;
  padding:5px!important;
  overflow:visible!important;
  color:#F5F7FA!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher > .mob-currency-content{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
  margin:0!important;
  padding:0!important;
  z-index:2!important;
  pointer-events:none!important;
  transform:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
  margin:0!important;
  padding:8px!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  color:#F5F7FA!important;
  background:rgba(255,255,255,.085)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  box-sizing:border-box!important;
  z-index:2!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon > svg,
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher .mob-currency-icon > .icon{
  display:block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  color:currentColor!important;
  stroke:currentColor!important;
  transform:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher:hover .mob-currency-icon{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.19)!important;
  transform:none!important;
}
html.sidebar-icons-only .dir-sidebar-v300 .mob-currency-switcher select{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:5!important;
  opacity:0!important;
  cursor:pointer!important;
}

/* ==========================================================
   v315 - Admin top header cleanup
   - keep primary admin navigation focused
   - give command search a clear, stable SaaS input treatment
   ========================================================== */
@media (min-width:1181px){
  .dir-header-v300.dir-header-admin .hdr-primary-nav{
    flex:0 0 auto;
  }
  .dir-header-v300.dir-header-admin .hdr-search-wrap{
    flex:1 1 280px;
    width:clamp(220px, 20vw, 330px);
    max-width:330px;
    min-width:220px;
  }
  .dir-header-v300.dir-header-admin .hdr-search{
    width:100%;
    min-width:0;
  }
  .dir-header-v300.dir-header-admin .hdr-search-input{
    display:flex;
    align-items:center;
    min-width:0;
    height:38px;
    padding-inline-start:38px;
    padding-inline-end:48px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:10px;
    background:rgba(255,255,255,.07);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:12.5px;
    font-weight:600;
    line-height:1;
  }
  .dir-header-v300.dir-header-admin .hdr-search:hover .hdr-search-input{
    background:rgba(255,255,255,.105);
    border-color:rgba(255,255,255,.24);
  }
  .dir-header-v300.dir-header-admin .hdr-search:focus-visible{
    outline:none;
  }
  .dir-header-v300.dir-header-admin .hdr-search:focus-visible .hdr-search-input{
    border-color:color-mix(in srgb,var(--app-primary,#008060) 58%,rgba(255,255,255,.3));
    box-shadow:0 0 0 3px color-mix(in srgb,var(--app-primary,#008060) 22%,transparent);
  }
  .dir-header-v300.dir-header-admin .hdr-search-ic{
    inset-inline-start:13px;
    color:rgba(255,255,255,.72)!important;
  }
  .dir-header-v300.dir-header-admin .hdr-search-ic .icon,
  .dir-header-v300.dir-header-admin .hdr-search-ic svg{
    width:16px;
    height:16px;
  }
  .dir-header-v300.dir-header-admin .hdr-search-kbd{
    inset-inline-end:9px;
    min-width:30px;
    padding:3px 6px;
    border-radius:6px;
    background:rgba(255,255,255,.08)!important;
    border-color:rgba(255,255,255,.16)!important;
    font-size:10px;
  }
}

@media (max-width:1320px) and (min-width:1181px){
  .dir-header-v300.dir-header-admin .hdr-search-wrap{
    width:230px;
    min-width:190px;
    max-width:250px;
  }
  .dir-header-v300.dir-header-admin .hdr-search-input{
    font-size:12px;
  }
}


/* vAdminAI1 — Smart Assistant header action parity */
.dir-header-v300 .helper-header-toggle{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.dir-header-v300 .helper-header-toggle .helper-ai-icon{
  color:#fff!important;
  stroke:#fff!important;
  opacity:1!important;
}
.dir-header-v300 .helper-header-toggle:hover,
.dir-header-v300 .helper-header-toggle[aria-expanded="true"]{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
}
.dir-header-v300 .helper-header-toggle:focus-visible{
  outline:2px solid var(--primary, #008060)!important;
  outline-offset:2px;
}

/* DIR Global Search v500 */
.dir-command-tabs{scrollbar-width:none}.dir-command-tabs::-webkit-scrollbar{display:none}
.dir-command-badge{margin-inline-start:auto;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;border:1px solid var(--border);border-radius:999px;background:var(--card,#fff);color:var(--muted);font-size:10px;font-weight:700}
.dir-command-item.active .dir-command-badge{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));color:var(--primary)}
@media(max-width:640px){.dir-command-tabs{overflow-x:auto;justify-content:flex-start}.dir-command-tab{flex:0 0 auto}.dir-command-badge{max-width:78px}}

/* DIR In-App Campaigns */
.dir-campaign-open{overflow:hidden}.dir-campaign-overlay{position:fixed;inset:0;z-index:15000;background:rgba(13,33,55,.58);backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px}.dir-campaign-overlay[hidden]{display:none}.dir-campaign-modal{position:relative;width:min(560px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:var(--surface,#fff);color:var(--text,#202223);border:1px solid var(--border,#e1e3e5);border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.28);outline:none}.dir-campaign-close{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:36px;height:36px;border:1px solid var(--border,#e1e3e5);border-radius:10px;background:var(--surface,#fff);color:var(--text,#202223);display:grid;place-items:center;cursor:pointer}.dir-campaign-media{aspect-ratio:16/7;overflow:hidden;background:var(--bg,#f6f6f7)}.dir-campaign-media img{width:100%;height:100%;object-fit:cover;display:block}.dir-campaign-content{padding:26px}.dir-campaign-kicker{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--primary,#008060);letter-spacing:.04em}.dir-campaign-content h2{margin:8px 0 9px;font-size:22px;line-height:1.45}.dir-campaign-content p{margin:0;color:var(--muted,#637381);font-size:14px;line-height:1.9}.dir-campaign-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.dir-campaign-actions .btn{min-height:40px}.iac-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 20px}.iac-tabs a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:13px;font-weight:700;text-decoration:none}.iac-tabs a.on{background:var(--primary);border-color:var(--primary);color:#fff}.iac-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px}.iac-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.iac-form-grid .field.full{grid-column:1/-1}.iac-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.iac-metric{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.iac-metric b{display:block;font-size:18px}.iac-metric small{font-size:12px;color:var(--muted)}.iac-campaign-list{display:grid;gap:10px}.iac-row{border:1px solid var(--border);border-radius:12px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.iac-row h3{font-size:15px;margin:0 0 4px}.iac-row p{font-size:12px;margin:0;color:var(--muted)}.iac-row-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.iac-row-stats span{font-size:12px}.iac-actions{display:flex;gap:6px;flex-wrap:wrap}.iac-preview{position:sticky;top:90px}.iac-preview-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface)}.iac-preview-body{padding:20px}.iac-preview-body h3{font-size:18px;margin:8px 0}.iac-preview-body p{font-size:14px;color:var(--muted);line-height:1.8}.iac-preview-img{aspect-ratio:16/7;background:var(--bg);display:grid;place-items:center;color:var(--muted);font-size:12px;overflow:hidden}.iac-preview-img img{width:100%;height:100%;object-fit:cover}.iac-autosave{font-size:12px;color:var(--muted);margin-inline-start:8px}.iac-status{display:inline-flex;padding:3px 8px;border-radius:999px;background:var(--bg);font-size:12px;font-weight:700}.iac-status.active{color:#008060;background:rgba(0,128,96,.1)}
@media(max-width:900px){.iac-grid{grid-template-columns:1fr}.iac-preview{position:static}.iac-form-grid{grid-template-columns:1fr}.iac-form-grid .field.full{grid-column:auto}.iac-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dir-campaign-overlay{padding:12px;align-items:end}.dir-campaign-modal{border-radius:18px 18px 12px 12px;max-height:88vh}.dir-campaign-content{padding:20px}.dir-campaign-content h2{font-size:18px}.iac-metrics{grid-template-columns:1fr 1fr}.iac-row{grid-template-columns:1fr}}
/* DIR In-App Campaigns - compact composer and managed image upload */
.iac-form-grid{display:block}.iac-section{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin:0 0 10px;overflow:hidden}.iac-section>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 13px;font-size:14px;font-weight:800;color:var(--text);user-select:none}.iac-section>summary::-webkit-details-marker{display:none}.iac-section>summary::after{content:'+';margin-inline-start:auto;font-size:18px;font-weight:500;color:var(--muted);line-height:1}.iac-section[open]>summary::after{content:'−'}.iac-section[open]>summary{border-bottom:1px solid var(--border)}.iac-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px}.iac-section-grid .field.full{grid-column:1/-1}.iac-upload-field{margin:0}.iac-upload-box{display:flex!important;align-items:center;gap:11px;min-height:66px;padding:12px 14px;border:1px dashed var(--border)!important;border-radius:11px;background:var(--bg);cursor:pointer;transition:border-color .15s ease,background .15s ease}.iac-upload-box:hover{border-color:var(--primary)!important}.iac-upload-box>span{display:grid;gap:2px}.iac-upload-box b{font-size:14px;color:var(--text)}.iac-upload-box small{font-size:12px;color:var(--muted);font-weight:500}.iac-upload-box input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.iac-remove-image{margin-top:8px;font-size:12px}.iac-preview-img.is-empty{display:none}.iac-preview-card:not(:has(.iac-preview-img:not(.is-empty))) .iac-preview-body{padding-top:22px}.iac-preview-body{padding:18px}.iac-preview-body h3{margin:7px 0;font-size:18px}.iac-preview-body p{margin-bottom:0}.iac-grid>.panel{padding:16px}.iac-grid .dash-section-h{margin-bottom:12px}.iac-autosave{font-size:12px}.iac-metrics{margin-bottom:12px}.iac-metric{padding:12px}.iac-row{padding:12px}.broadcast-actions{margin-top:12px}
@media(max-width:900px){.iac-section-grid{grid-template-columns:1fr}.iac-section-grid .field.full{grid-column:auto}.iac-grid>.panel{padding:14px}}

/* DIR In-App Campaigns phase 2 */
html:not([data-theme="dark"]) .iac-tabs a,
html[data-theme="light"] .iac-tabs a{background:#fff!important;color:#202223!important;border-color:#dfe3e8!important}
html:not([data-theme="dark"]) .iac-tabs a:hover,
html[data-theme="light"] .iac-tabs a:hover{background:#f6f6f7!important;color:#202223!important}
html:not([data-theme="dark"]) .iac-tabs a.on,
html[data-theme="light"] .iac-tabs a.on{background:var(--primary,#008060)!important;color:#fff!important;border-color:var(--primary,#008060)!important}
.iac-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}.iac-preview-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.iac-preview-toolbar select{min-height:34px;padding:5px 28px 5px 8px;font-size:12px}.iac-type-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--primary,#008060) 10%,transparent);color:var(--primary,#008060);font-size:11px;font-weight:800}.iac-preview-card[data-type="banner"]{border-radius:10px}.iac-preview-card[data-type="banner"] .iac-preview-img{display:none}.iac-preview-card[data-type="banner"] .iac-preview-body{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px}.iac-preview-card[data-type="banner"] .iac-preview-body .dir-campaign-kicker{grid-column:1}.iac-preview-card[data-type="banner"] .iac-preview-body h3,.iac-preview-card[data-type="banner"] .iac-preview-body p{grid-column:1;margin:2px 0}.iac-preview-card[data-type="banner"] .iac-preview-body .btn{grid-column:2;grid-row:1/4}.iac-preview-card[data-type="slidein"]{max-width:360px;margin-inline-start:auto}.iac-preview-card[data-type="inline"]{border-inline-start:4px solid var(--primary,#008060)}.iac-preview-card[data-variant="compact"] .iac-preview-body{padding:14px}.iac-preview-card[data-variant="compact"] .iac-preview-body h3{font-size:16px}.iac-preview-card[data-variant="minimal"] .iac-preview-img{display:none}.iac-preview-card[data-variant="image_focus"] .iac-preview-img{aspect-ratio:16/9}
.dir-campaign-banner{background:transparent;backdrop-filter:none;display:block;padding:0;inset:72px 18px auto 18px;pointer-events:none}.dir-campaign-banner .dir-campaign-modal{width:min(1180px,calc(100% - 16px));max-height:none;margin:0 auto;border-radius:12px;pointer-events:auto;display:grid;grid-template-columns:minmax(0,1fr) auto}.dir-campaign-banner .dir-campaign-media{display:none}.dir-campaign-banner .dir-campaign-content{padding:14px 52px 14px 18px}.dir-campaign-banner .dir-campaign-content h2{font-size:16px;margin:2px 0}.dir-campaign-banner .dir-campaign-content p{font-size:13px;line-height:1.55}.dir-campaign-banner .dir-campaign-actions{margin-top:10px}.dir-campaign-slidein{background:transparent;backdrop-filter:none;display:flex;align-items:flex-end;justify-content:flex-start;padding:22px;pointer-events:none}.dir-campaign-slidein .dir-campaign-modal{width:min(390px,calc(100vw - 30px));max-height:calc(100vh - 110px);pointer-events:auto}.dir-campaign-slidein .dir-campaign-content{padding:20px}.dir-campaign-inline{position:relative;inset:auto;z-index:1;background:transparent;backdrop-filter:none;display:block;padding:0;margin:14px 0}.dir-campaign-inline .dir-campaign-modal{width:100%;max-height:none;box-shadow:none;border-inline-start:4px solid var(--primary,#008060);display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr)}.dir-campaign-inline .dir-campaign-media{aspect-ratio:auto;min-height:150px}.dir-campaign-inline .dir-campaign-content{padding:20px}.dir-campaign-overlay:not(.dir-campaign-modal) .dir-campaign-variant-compact .dir-campaign-content{padding:14px}.dir-campaign-variant-minimal .dir-campaign-media{display:none}.dir-campaign-variant-image_focus .dir-campaign-media{aspect-ratio:16/9}
@media(max-width:720px){.iac-preview-toolbar{align-items:flex-start;flex-direction:column}.dir-campaign-banner{inset:64px 8px auto}.dir-campaign-banner .dir-campaign-modal{display:block;width:100%}.dir-campaign-banner .dir-campaign-content{padding:14px 44px 14px 14px}.dir-campaign-slidein{padding:12px}.dir-campaign-inline .dir-campaign-modal{display:block}.dir-campaign-inline .dir-campaign-media{min-height:120px}.iac-preview-card[data-type="banner"] .iac-preview-body{display:block}.iac-preview-card[data-type="banner"] .iac-preview-body .btn{display:inline-flex;margin-top:10px}}
/* DIR In-App Campaigns Phase 3 - analytics, goals and A/B */
.iac-metrics-phase3{grid-template-columns:repeat(5,minmax(0,1fr))}.iac-ab-fields{padding:14px;border:1px solid var(--border,#e1e3e5);border-radius:14px;background:var(--surface,#fff)}.iac-ab-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.iac-row-phase3{display:grid;grid-template-columns:minmax(0,1fr) 110px auto;gap:18px;align-items:center}.iac-row-main{min-width:0}.iac-health{border:1px solid var(--border,#e1e3e5);border-radius:14px;padding:10px;text-align:center;display:grid;gap:2px;min-width:90px}.iac-health small,.iac-health span{font-size:12px;color:var(--muted,#6d7175)}.iac-health b{font-size:18px;line-height:1.1}.iac-health-healthy b{color:#008060}.iac-health-watch b{color:#9a6700}.iac-health-weak b{color:#b42318}.iac-breakdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.iac-breakdown-card{border:1px solid var(--border,#e1e3e5);border-radius:14px;padding:14px;background:var(--surface,#fff)}.iac-breakdown-card h3{font-size:15px;margin:0 0 10px}.iac-breakdown-list{display:grid;gap:8px}.iac-breakdown-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:8px 0;border-bottom:1px solid var(--border,#e1e3e5)}.iac-breakdown-list>div:last-child{border-bottom:0}.iac-breakdown-list span{font-size:13px;font-weight:700}.iac-breakdown-list small,.iac-breakdown-list em{font-size:12px;color:var(--muted,#6d7175);font-style:normal}.iac-breakdown-list b{font-size:13px}.iac-preview-toolbar{flex-wrap:wrap}
[data-theme="dark"] .iac-ab-fields,[data-theme="dark"] .iac-breakdown-card,.dark .iac-ab-fields,.dark .iac-breakdown-card{background:var(--surface,#20252b)}
@media(max-width:1100px){.iac-metrics-phase3{grid-template-columns:repeat(3,minmax(0,1fr))}.iac-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.iac-row-phase3{grid-template-columns:minmax(0,1fr) 100px}.iac-row-phase3 .iac-actions{grid-column:1/-1}}
@media(max-width:700px){.iac-metrics-phase3,.iac-breakdown-grid{grid-template-columns:1fr 1fr}.iac-row-phase3{grid-template-columns:1fr}.iac-health{width:100%;grid-template-columns:auto auto 1fr;align-items:center;text-align:start}.iac-ab-head{align-items:flex-start;flex-direction:column}}
/* DIR In-App Campaigns Phase 4 - engagement automation and final UI polish */
.iac-metrics-phase3{grid-template-columns:repeat(6,minmax(0,1fr))}
.iac-automation-panel{margin-top:18px}.iac-automation-panel>.dash-section-h{align-items:flex-start;justify-content:space-between;gap:14px}.iac-automation-panel>.dash-section-h>div{min-width:0}.iac-automation-panel>.dash-section-h h2{margin-bottom:3px}.iac-automation-panel>.dash-section-h p{margin:0}.iac-automation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.iac-automation-metrics span{display:flex;align-items:baseline;gap:7px;padding:11px 12px;border:1px solid var(--border,#e1e3e5);border-radius:12px;background:var(--surface,#fff);font-size:12px;color:var(--muted,#6d7175)}.iac-automation-metrics b{font-size:18px;color:var(--text,#202223)}.iac-automation-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;align-items:start}.iac-automation-builder{border:1px solid var(--border,#e1e3e5);border-radius:14px;padding:14px;background:var(--surface,#fff)}.iac-flow-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:12px 0}.iac-flow-step{border:1px solid var(--border,#e1e3e5);border-radius:12px;padding:11px;background:var(--bg,#f6f6f7)}.iac-flow-step>small{display:inline-flex;margin-bottom:8px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--primary,#008060)}.iac-flow-step .field{margin-bottom:9px}.iac-flow-step .field:last-child{margin-bottom:0}.iac-flow-arrow{display:grid;place-items:center;color:var(--muted,#6d7175)}html[dir="ltr"] .iac-flow-arrow{transform:rotate(180deg)}.iac-action-copy{padding:0;margin-top:12px}.iac-automation-rules{display:grid;gap:10px}.iac-automation-rule{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border:1px solid var(--border,#e1e3e5);border-radius:12px;padding:12px;background:var(--surface,#fff)}.iac-automation-rule>div{min-width:0}.iac-automation-rule b{font-size:14px}.iac-automation-rule p{margin:5px 0 3px;font-size:12px;color:var(--muted,#6d7175);line-height:1.7}.iac-automation-rule p span{font-size:10px;font-weight:800;color:var(--primary,#008060);margin-inline:3px}.iac-automation-rule form{flex:0 0 auto}.iac-grid input,.iac-grid select,.iac-grid textarea,.iac-automation-panel input,.iac-automation-panel select,.iac-automation-panel textarea{font-size:14px}.iac-grid label,.iac-automation-panel label{font-size:13px}.iac-analytics-panel,.iac-deep-analytics,.iac-automation-panel{font-size:14px}
[data-theme="dark"] .iac-automation-builder,[data-theme="dark"] .iac-automation-rule,[data-theme="dark"] .iac-automation-metrics span,.dark .iac-automation-builder,.dark .iac-automation-rule,.dark .iac-automation-metrics span{background:var(--surface,#20252b)}
@media(max-width:1180px){.iac-metrics-phase3{grid-template-columns:repeat(3,minmax(0,1fr))}.iac-automation-grid{grid-template-columns:1fr}.iac-preview{position:static}}
@media(max-width:820px){.iac-flow-row{grid-template-columns:1fr}.iac-flow-arrow{transform:rotate(-90deg)}html[dir="ltr"] .iac-flow-arrow{transform:rotate(90deg)}.iac-automation-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.iac-metrics-phase3{grid-template-columns:1fr 1fr}.iac-automation-panel>.dash-section-h{flex-direction:column}.iac-automation-metrics{grid-template-columns:1fr 1fr}.iac-automation-rule{display:grid}.iac-automation-rule form{width:100%}.iac-automation-rule .btn{width:100%}}