/**
 * Loaded at END of body — overrides VF_STYLE.
 * Desktop: hover-expand sidebar.
 * Tablet/phone: drawer + left arrow toggle (.vf-side-open).
 * Scales across ~14–27" monitors and mobile.
 */

/* A− / A+ / 100% böyütmə-kiçiltmə — ləğv */
.vf77-readability,
#VF_APP .vf77-readability,
#VF77_SCALE_LABEL{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
  position:absolute!important;
  left:-9999px!important;
}

#VF_APP{
  --vf-user-font:16px!important;
  --an-user-font:15px!important;
  --vf-table-pad:10px!important;
  --vf-side-collapsed:18px;
  --vf-side-expanded:248px;
  --vf-teal:#117F77;
  --vf-blue:#063389;
  --vf-accent:#117F77;
  font-size:16px!important;
  line-height:1.55!important;
  font-family:'Roboto',system-ui,sans-serif!important;
}

#VF_APP.open{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  height:100dvh!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

#VF_APP .vf-main{
  position:relative!important;
  flex:1 1 0%!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:100%!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  margin:0!important;
  padding:0!important;
  z-index:1!important;
}

#VF_APP .vf-nav,
#VF_NAV{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow:auto!important;
  -webkit-overflow-scrolling:touch;
}

#VF_APP .vf-content{
  flex:1 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  overflow:auto!important;
  max-width:100%!important;
  font-size:16px!important;
  line-height:1.55!important;
  -webkit-overflow-scrolling:touch;
}

#VF_APP .vf-top{
  flex:0 0 auto!important;
  max-width:100%!important;
}

#VF_APP .vf-top h1,#VF_APP #VF_TITLE{font-size:22px!important;font-weight:700!important}
#VF_APP .vf-top-sub,#VF_APP #VF_SUBTITLE{font-size:15px!important;line-height:1.5!important;color:#334155!important}
#VF_APP .vf-stage-banner h3{font-size:18px!important;font-weight:700!important}
#VF_APP .vf-stage-banner p,
#VF_APP .vf-stage-banner-main p{
  font-size:15px!important;
  line-height:1.55!important;
  color:#334155!important;
  margin-top:6px!important;
}
#VF_APP .vf-stage-total span,
#VF_APP .vf-flow-hint,
#VF_APP .muted,
#VF_APP .vf-field label,
#VF_MODAL .vf-field label{font-size:14px!important;line-height:1.5!important}
#VF_APP .vf-btn,
#VF_MODAL .vf-btn{min-height:42px!important;font-size:14px!important}
#VF_APP .vf-field input,
#VF_APP .vf-field select,
#VF_APP .vf-field textarea,
#VF_MODAL .vf-field input,
#VF_MODAL .vf-field select,
#VF_MODAL .vf-field textarea{min-height:44px!important;font-size:15px!important}
#VF_APP .vf-table th,
#VF_APP .vf-table td,
#VF_APP .vf-select-table th,
#VF_APP .vf-select-table td{font-size:14px!important;padding:11px 10px!important}

/* ========== Desktop / large monitors (14"+ … 27") — hover sidebar ========== */
@media (min-width:1101px){
  #VF_APP .vf-side,
  #VF_APP aside.vf-side{
    position:relative!important;
    inset:auto!important;
    flex:0 0 var(--vf-side-collapsed)!important;
    width:var(--vf-side-collapsed)!important;
    min-width:var(--vf-side-collapsed)!important;
    max-width:var(--vf-side-collapsed)!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    z-index:30!important;
    transition:
      flex-basis .22s cubic-bezier(.22,.8,.25,1),
      width .22s cubic-bezier(.22,.8,.25,1),
      min-width .22s cubic-bezier(.22,.8,.25,1),
      max-width .22s cubic-bezier(.22,.8,.25,1),
      box-shadow .22s ease!important;
    cursor:ew-resize;
    box-shadow:none!important;
    transform:none!important;
    margin:0!important;
  }

  #VF_APP .vf-side:hover,
  #VF_APP .vf-side:focus-within,
  #VF_APP aside.vf-side:hover,
  #VF_APP aside.vf-side:focus-within{
    flex:0 0 var(--vf-side-expanded)!important;
    width:var(--vf-side-expanded)!important;
    min-width:var(--vf-side-expanded)!important;
    max-width:var(--vf-side-expanded)!important;
    box-shadow:12px 0 36px rgba(2,14,24,.28)!important;
    cursor:default;
  }

  /* Collapsed: hide everything (no 4/5/6 peek) */
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-brand,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-side-brand,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-nav,
  #VF_APP .vf-side:not(:hover):not(:focus-within) #VF_NAV,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-nav-label,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-nav button,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-nav a[data-vf-page],
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-nav a[data-vp-page],
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-brand-text,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-brand-mark,
  #VF_APP .vf-side:not(:hover):not(:focus-within) .vf-side-foot{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #VF_APP .vf-side:hover .vf-brand,
  #VF_APP .vf-side:hover .vf-nav,
  #VF_APP .vf-side:hover #VF_NAV,
  #VF_APP .vf-side:hover .vf-nav button,
  #VF_APP .vf-side:hover .vf-nav a[data-vf-page],
  #VF_APP .vf-side:hover .vf-nav a[data-vp-page],
  #VF_APP .vf-side:hover .vf-brand-text,
  #VF_APP .vf-side:hover .vf-brand-mark,
  #VF_APP .vf-side:hover .vf-side-foot,
  #VF_APP .vf-side:focus-within .vf-brand,
  #VF_APP .vf-side:focus-within .vf-nav,
  #VF_APP .vf-side:focus-within #VF_NAV,
  #VF_APP .vf-side:focus-within .vf-nav button,
  #VF_APP .vf-side:focus-within .vf-nav a[data-vf-page],
  #VF_APP .vf-side:focus-within .vf-nav a[data-vp-page],
  #VF_APP .vf-side:focus-within .vf-brand-text,
  #VF_APP .vf-side:focus-within .vf-brand-mark,
  #VF_APP .vf-side:focus-within .vf-side-foot{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  #VF_APP .vf-side:hover .vf-nav button,
  #VF_APP .vf-side:hover .vf-nav a[data-vf-page],
  #VF_APP .vf-side:hover .vf-nav a[data-vp-page],
  #VF_APP .vf-side:focus-within .vf-nav button,
  #VF_APP .vf-side:focus-within .vf-nav a[data-vf-page],
  #VF_APP .vf-side:focus-within .vf-nav a[data-vp-page]{
    width:100%!important;
    justify-content:flex-start!important;
    padding:0 12px!important;
  }

  #VF_APP .vf-side:hover .vf-brand-text,
  #VF_APP .vf-side:hover .vf-nav-label,
  #VF_APP .vf-side:hover .vf-nav button>span:not(.vf-nav-ico),
  #VF_APP .vf-side:hover .vf-nav a[data-vf-page]>span:not(.vf-nav-ico),
  #VF_APP .vf-side:hover .vf-nav a[data-vp-page]>span:not(.vf-nav-ico),
  #VF_APP .vf-side:hover .vf-side-foot button span,
  #VF_APP .vf-side:focus-within .vf-brand-text,
  #VF_APP .vf-side:focus-within .vf-nav-label,
  #VF_APP .vf-side:focus-within .vf-nav button>span:not(.vf-nav-ico),
  #VF_APP .vf-side:focus-within .vf-nav a[data-vf-page]>span:not(.vf-nav-ico),
  #VF_APP .vf-side:focus-within .vf-nav a[data-vp-page]>span:not(.vf-nav-ico),
  #VF_APP .vf-side:focus-within .vf-side-foot button span{
    display:inline!important;
    opacity:1!important;
    visibility:visible!important;
  }

  /* Wide monitors: content breathes */
  #VF_APP .vf-content{
    padding:20px 28px 36px!important;
  }
}

@media (min-width:1600px){
  #VF_APP.open{--vf-side-expanded:268px}
  #VF_APP .vf-content{padding:24px 36px 40px!important;max-width:1800px}
  #VF_APP .vf-top h1,#VF_APP #VF_TITLE{font-size:24px!important}
}

@media (min-width:1920px){
  #VF_APP .vf-content{padding:28px 48px 48px!important}
}

/* ========== Tablet + phone: drawer + arrow ========== */
@media (max-width:1100px){
  #VF_APP.open{
    flex-direction:row!important;
  }

  #VF_APP .vf-side,
  #VF_APP aside.vf-side{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    right:auto!important;
    inset:0 auto 0 0!important;
    width:min(78vw,280px)!important;
    min-width:0!important;
    max-width:280px!important;
    height:100%!important;
    height:100dvh!important;
    max-height:none!important;
    flex:none!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    z-index:30!important;
    transform:translateX(-105%)!important;
    opacity:1!important;
    filter:none!important;
    transition:transform .28s cubic-bezier(.22,.8,.25,1),box-shadow .28s ease!important;
    box-shadow:none!important;
    border-right:1px solid rgba(255,255,255,.1)!important;
    border-bottom:0!important;
    margin:0!important;
    cursor:default!important;
    -webkit-overflow-scrolling:touch;
    /* V91 hover-rail söndür */
    contain:none!important;
  }

  #VF_APP.vf-side-open .vf-side,
  #VF_APP.vf-side-open aside.vf-side{
    transform:translateX(0)!important;
    box-shadow:18px 0 48px rgba(2,14,24,.45)!important;
    z-index:30!important;
    opacity:1!important;
    filter:none!important;
    pointer-events:auto!important;
  }

  /* Scrim yalnız əsas paneli örtür — menyunun altında */
  #VF_APP #VF_SIDE_SCRIM{
    z-index:20!important;
  }
  #VF_APP .vf-main{
    z-index:1!important;
    position:relative!important;
  }

  /* Always show labels inside drawer — ESAS 720px gizlətməsini ləğv et */
  #VF_APP .vf-side .vf-brand,
  #VF_APP .vf-side .vf-nav,
  #VF_APP .vf-side #VF_NAV,
  #VF_APP .vf-side .vf-nav-label,
  #VF_APP .vf-side .vf-nav button,
  #VF_APP .vf-side .vf-brand-text,
  #VF_APP .vf-side .vf-brand-text h2,
  #VF_APP .vf-side .vf-brand-mark,
  #VF_APP .vf-side .vf-side-foot,
  #VF_APP .vf-side .vf-nav button>span,
  #VF_APP .vf-side .vf-nav button>span:not(.vf-nav-ico),
  #VF_APP .vf-side .vf-side-foot button span{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    filter:none!important;
  }
  #VF_APP .vf-side .vf-nav button,
  #VF_APP .vf-side .vf-side-foot button,
  #VF_APP .vf-side .vf-brand-text,
  #VF_APP .vf-side .vf-brand-text h2{
    color:#f3f7fb!important;
  }
  #VF_APP .vf-side .vf-brand-text,
  #VF_APP .vf-side .vf-brand-text h2,
  #VF_APP .vf-side .vf-nav-label,
  #VF_APP .vf-side .vf-nav button>span:not(.vf-nav-ico),
  #VF_APP .vf-side .vf-side-foot button span{
    display:block!important;
  }
  #VF_APP .vf-side .vf-nav button>span:not(.vf-nav-ico){
    display:inline!important;
    flex:1 1 auto!important;
    min-width:0!important;
    line-height:1.3!important;
  }
  #VF_APP .vf-side .vf-nav-ico{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.1)!important;
    font-size:12px!important;
    font-weight:800!important;
    font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;
    flex:0 0 28px!important;
    opacity:1!important;
  }

  #VF_APP .vf-main{
    flex:1 1 auto!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    margin-left:0!important;
  }

  #VF_APP .vf-brand{padding:14px 16px!important;flex:0 0 auto!important}
  #VF_APP .vf-brand-top{display:flex!important;align-items:center!important;gap:10px!important}
  #VF_APP .vf-brand-text,
  #VF_APP .vf-brand-text h2{
    display:block!important;
    white-space:normal!important;
    overflow:visible!important;
    font-size:15px!important;
    line-height:1.25!important;
  }
  #VF_APP .vf-brand-text p{
    display:none!important;
  }

  #VF_APP .vf-nav,
  #VF_NAV{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:4px!important;
    padding:8px 10px 16px!important;
    overflow:auto!important;
    flex:1 1 auto!important;
    max-height:none!important;
  }

  #VF_APP .vf-nav-label,
  #VF_NAV .vf-nav-label{
    display:block!important;
    padding:12px 8px 4px!important;
    font-size:11px!important;
    letter-spacing:.04em!important;
    opacity:.75!important;
  }

  #VF_APP .vf-nav button,#VF_APP .vf-nav a[data-vf-page],#VF_APP .vf-nav a[data-vp-page],
  #VF_NAV button,#VF_NAV a[data-vf-page],#VF_NAV a[data-vp-page]{
    width:100%!important;
    min-height:46px!important;
    padding:8px 10px!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    font-size:14px!important;
    white-space:normal!important;
    text-align:left!important;
    flex-direction:row!important;
  }

  #VF_APP .vf-side-foot{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:12px!important;
    flex:0 0 auto!important;
  }
  #VF_APP .vf-side-foot button{
    min-height:44px!important;
    font-size:13px!important;
    white-space:normal!important;
  }

  #VF_APP .vf-top{
    padding:10px 12px 10px 52px!important;
    gap:8px!important;
  }
  #VF_APP .vf-top h1,#VF_APP #VF_TITLE{font-size:18px!important}
  #VF_APP .vf-top-sub{font-size:13px!important}
  #VF_APP .vf-content{padding:12px 12px 88px!important}

  #VF_APP .vf-top-actions{
    width:100%!important;
    flex-wrap:wrap!important;
  }
  #VF_APP .vf-top-actions .vf-btn{
    flex:1 1 calc(50% - 6px)!important;
    min-width:0!important;
    white-space:normal!important;
  }

  #VF_APP .vf77-readability{
    position:static!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:auto!important;
    height:auto!important;
    z-index:auto!important;
  }

  #VF_APP .vf-kpis,
  #VF_APP .vf-flow-board,
  #VF_APP .vf-flow-six{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #VF_APP .vf-field-row,
  #VF_APP .vf-field-row.three,
  #VF_APP .vf-grid-2{
    grid-template-columns:1fr!important;
  }

  html.vf-drawer-open,
  html.vf-drawer-open body{
    overflow:hidden!important;
  }
}

@media (max-width:720px){
  #VF_APP .vf-side,
  #VF_APP aside.vf-side{
    width:min(82vw,288px)!important;
    max-width:288px!important;
  }
  #VF_APP .vf-top-actions .vf-btn{
    flex:1 1 100%!important;
  }
  #VF_APP .vf-flow-board,
  #VF_APP .vf-flow-six,
  #VF_APP .vf-kpis{
    grid-template-columns:1fr!important;
  }
  #VF_APP .vf-table-wrap,
  #VF_APP .vf-select-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
}

/* ========== Menyu düyməsi (mobil/tablet) — yuxarı sol, ortada üzən tab YOX ========== */
#VF_SIDE_TOGGLE{
  position:fixed;
  left:10px;
  top:max(10px, env(safe-area-inset-top, 0px));
  transform:none;
  /* #VF_APP (50000) üzərində — bağlı hamburger görünür */
  z-index:50050;
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  background:linear-gradient(180deg,#117F77,#0d6660);
  color:#fff;
  box-shadow:0 8px 20px rgba(6,51,137,.28);
  display:none;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
#VF_SIDE_TOGGLE .vf-side-toggle-ico{
  font-size:22px;
  font-weight:700;
  line-height:1;
  display:block;
  transform:none;
  letter-spacing:-1px;
}
/* Açıq olanda kənar tab gizlənir — bağlama X drawer içində / scrim */
#VF_SIDE_TOGGLE.is-open{
  display:none!important;
  left:10px;
  border-radius:12px;
  background:linear-gradient(180deg,#063389,#04245f);
  box-shadow:none;
}
#VF_SIDE_TOGGLE.is-open .vf-side-toggle-ico{transform:none}

#VF_SIDE_SCRIM{
  display:none;
  position:fixed;
  inset:0;
  /* #VF_APP içində: main(1) < scrim(20) < side(30) */
  z-index:20;
  background:rgba(6,20,40,.55);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
  pointer-events:auto;
}
#VF_SIDE_SCRIM.on{display:block}
/* Köhnə body scrim qalıbsa belə menyunu örtməsin */
body > #VF_SIDE_SCRIM{
  z-index:49990!important;
}

/* Drawer başlığında bağla (X) */
#VF_APP .vf-drawer-close{
  display:none;
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:36px;
  height:36px;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  align-items:center;
  justify-content:center;
  padding:0;
  z-index:2;
  -webkit-tap-highlight-color:transparent;
}
#VF_APP .vf-drawer-close:hover,
#VF_APP .vf-drawer-close:focus-visible{
  background:rgba(255,255,255,.2);
}
@media (max-width:1100px){
  #VF_APP .vf-brand{position:relative!important;padding-right:48px!important}
  #VF_APP .vf-drawer-close{display:inline-flex!important}
}

@media (min-width:1101px){
  #VF_SIDE_TOGGLE,
  #VF_SIDE_SCRIM,
  #VF_APP .vf-drawer-close{display:none!important}
}

@media (max-width:720px){
  #VF_SIDE_TOGGLE{
    width:42px;
    height:42px;
    left:8px;
  }
  #VF_APP .vf-top{
    padding-left:56px!important;
  }
}

/* ========== AI + Yeni sifariÅŸ float stack ========== */
#VF70_AI_FLOAT,
#VF70_AI_FLOAT.vf-ai-docked-right{
  position:fixed!important;
  left:auto!important;
  right:22px!important;
  bottom:86px!important;
  top:auto!important;
  /* Panel (50000) və Yeni sifariş düyməsindən üstdə */
  z-index:60050!important;
  pointer-events:auto!important;
  cursor:grab!important;
  transform:none!important;
  touch-action:none;
  user-select:none;
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  white-space:nowrap!important;
}
#VF70_AI_FLOAT:hover,
#VF70_AI_FLOAT:focus-visible{
  transform:translateY(-2px)!important;
}
#VF70_AI_FLOAT:not(.is-dragged):not(.dragging):hover,
#VF70_AI_FLOAT:not(.is-dragged):not(.dragging):focus-visible{
  left:auto!important;
  right:22px!important;
}
#VF70_AI_FLOAT.is-dragged,
#VF70_AI_FLOAT.dragging{
  right:auto!important;
  bottom:auto!important;
  cursor:grabbing!important;
  transform:none!important;
  width:max-content!important;
}
body:not(:has(#VF_APP.open)) #VF70_AI_FLOAT:not(.is-dragged):not(.dragging){bottom:22px!important}
#VF_INVOICE_RETURN_FALLBACK{
  right:22px!important;
  bottom:24px!important;
  left:auto!important;
  top:auto!important;
  z-index:50010!important;
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  white-space:nowrap!important;
  resize:none!important;
}
/* Sürüklənəndə left+right stretch olmasın */
#VF_INVOICE_RETURN_FALLBACK.is-dragged,
#VF_INVOICE_RETURN_FALLBACK.dragging{
  right:auto!important;
  bottom:auto!important;
  width:max-content!important;
}
/* Qaiməyə keçəndə panel boot örtüyü .app-i gizlətməsin */
html.vf-boot-panel:not(.vf-authed) .app,
html:not(.vf-boot-panel) .app{
  visibility:visible;
}
/* İstifadəçi qaimədədirsə boot-panel class qalsa belə .app görünsün */
body.vf-invoice-recovered .app,
html.vf-on-invoice .app{
  visibility:visible!important;
  display:flex!important;
  opacity:1!important;
}
html.vf-on-invoice #VF_APP,
html.vf-on-invoice #VF_APP.open{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media (max-width:620px){
  #VF70_AI_FLOAT:not(.is-dragged):not(.dragging),
  #VF70_AI_FLOAT.vf-ai-docked-right:not(.is-dragged):not(.dragging){
    right:12px!important;
    bottom:78px!important;
  }
  body:not(:has(#VF_APP.open)) #VF70_AI_FLOAT:not(.is-dragged):not(.dragging){bottom:12px!important}
  #VF_INVOICE_RETURN_FALLBACK:not(.is-dragged){
    right:12px!important;
    bottom:12px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  #VF_APP .vf-side,
  #VF_SIDE_TOGGLE,
  #VF_SIDE_SCRIM{transition:none!important}
}

/* ESAS .vf-side{width:66px} və corporate/responsive — mobil drawer-i pozmasın */
@media (max-width:1100px){
  #VF_APP.open{
    flex-direction:row!important;
  }
  #VF_APP.open .vf-side,
  #VF_APP.open aside.vf-side,
  #VF_APP.vf-side-open .vf-side,
  #VF_APP.vf-side-open aside.vf-side{
    width:min(78vw,280px)!important;
    min-width:0!important;
    max-width:280px!important;
    position:fixed!important;
    height:100dvh!important;
    max-height:none!important;
    overflow:hidden!important;
    z-index:30!important;
    opacity:1!important;
    filter:none!important;
  }
  #VF_APP.open .vf-nav,
  #VF_APP.open #VF_NAV,
  #VF_APP.vf-side-open .vf-nav,
  #VF_APP.vf-side-open #VF_NAV{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
  }
}
@media (max-width:720px){
  #VF_APP.open .vf-side,
  #VF_APP.open aside.vf-side,
  #VF_APP.vf-side-open .vf-side,
  #VF_APP.vf-side-open aside.vf-side{
    width:min(86vw,300px)!important;
    max-width:300px!important;
  }
  /* ESAS 66px icon-rail ləğv */
  #VF_APP .vf-side{
    width:min(86vw,300px)!important;
    min-width:0!important;
  }
  #VF_APP:not(.vf-side-open) .vf-side{
    /* bağlı: ekrandan kənar — 66px rail görünməsin */
    width:min(86vw,300px)!important;
  }
}

/* ========== Qiymət kataloqu — oxunaqlı yazılar ========== */
#VF_APP .vp-page{
  gap:16px!important;
}
#VF_APP .vp-hero{
  padding:18px 20px!important;
  gap:16px!important;
}
#VF_APP .vp-hero h2{
  font-size:22px!important;
  font-weight:700!important;
  line-height:1.3!important;
  color:#0f172a!important;
}
#VF_APP .vp-hero p{
  margin-top:8px!important;
  max-width:920px!important;
  font-size:15px!important;
  line-height:1.6!important;
  color:#475569!important;
  font-weight:400!important;
}
#VF_APP .vp-summary span,
#VF_APP .vp-section h3,
#VF_APP .vp-toolbar label,
#VF_APP .vp-row label,
#VF_APP .vp-drawing-foot,
#VF_APP .vp-hint,
#VF_APP .vp-note{
  font-size:14px!important;
  line-height:1.45!important;
}
#VF_APP .vp-summary b{
  font-size:20px!important;
  margin-top:6px!important;
}
#VF_APP .vp-formula{
  font-size:14px!important;
  line-height:1.6!important;
  padding:14px 16px!important;
}
#VF_APP .vp-section h3{
  font-size:16px!important;
  font-weight:700!important;
}
#VF_APP .vp-table th,
#VF_APP .vp-table td,
#VF_APP .vp-table input,
#VF_APP .vp-table select,
#VF_APP [data-vp-row],
#VF_APP .vp-toolbar input,
#VF_APP .vp-toolbar select{
  font-size:14px!important;
}
#VF_APP .vp-table th{
  font-size:13px!important;
  font-weight:700!important;
  padding:10px 8px!important;
}
#VF_APP .vp-table td{
  padding:9px 8px!important;
}
#VF_APP .vp-hero-actions .vf-btn{
  min-height:42px!important;
  font-size:14px!important;
}

@media (max-width:720px){
  #VF_APP .vp-hero h2{font-size:20px!important}
  #VF_APP .vp-hero p{font-size:14px!important}
}

/* ========== Qaimə / Studio — izah yazıları oxunaqlı ========== */
.app .pkg-head-note,
.app .studio-command .pkg-head-note,
.pkg-head.studio-command .pkg-head-note{
  font-size:15px!important;
  line-height:1.55!important;
  color:#cbd5e1!important;
  margin-top:6px!important;
  max-width:920px!important;
  font-weight:400!important;
}
.app .pkg-head-title,
.app .studio-command .pkg-head-title,
.pkg-head.studio-command .pkg-head-title{
  font-size:18px!important;
  line-height:1.3!important;
  font-weight:700!important;
}
.app .hint,
.app .pkg-section-note,
.app .pkg-editor-note,
.app .pkg-help,
.app .pkg-lam-help,
.app .pkg-karalas-help,
.app .studio-side-card p,
.app .pkg-code-card small,
.app .pkg-inspector .muted,
.app .pkg-detail-head p,
.app .pkg-master-title small{
  font-size:14px!important;
  line-height:1.5!important;
}
.app .pkg-editor-section h3,
.app .pkg-section-title,
.app .studio-inspector-head,
.app .pkg-master-title{
  font-size:15px!important;
  line-height:1.35!important;
}
.app .topbar h1{
  font-size:18px!important;
}
.app .topbar .muted,
.app .topbar p{
  font-size:14px!important;
}

/* Sol qaimə bar — tam hündürlük (footer qədər) */
.app{
  display:grid!important;
  grid-template-columns:252px minmax(0,1fr)!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  align-items:stretch!important;
}
.app .sb{
  position:sticky!important;
  top:0!important;
  align-self:stretch!important;
  height:auto!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  display:flex!important;
  flex-direction:column!important;
  overflow-y:auto!important;
}
.app .sb-list{flex:1 1 auto!important;min-height:0!important}
.app .sb-foot{margin-top:auto!important}

@media (max-width:1060px){
  .app{grid-template-columns:84px minmax(0,1fr)!important}
  .app .sb{min-height:100vh!important;min-height:100dvh!important}
}
@media (max-width:760px){
  .app{display:block!important}
  .app .sb{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
  }
  .app .pkg-head-note,
  .app .studio-command .pkg-head-note{
    font-size:14px!important;
  }
}

/* ========== Analitika filtr barı — sidebar açılanda da sığışsın ========== */
#VF_APP .vf-main{
  container-type:inline-size!important;
  container-name:vfmain;
}
#VF_APP .an-shell,
#VF_APP #AN_BODY,
#VF_APP .an-filterbar{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
#VF_APP .an-filterbar{
  width:100%!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  align-items:end!important;
}
#VF_APP .an-filterbar .an-range-buttons{
  grid-column:1 / -1!important;
}
#VF_APP .an-filterbar .an-field,
#VF_APP .an-filterbar .an-field-date,
#VF_APP .an-filterbar select,
#VF_APP .an-filterbar input{
  min-width:0!important;
  max-width:100%!important;
}
#VF_APP .an-filterbar .an-field-date{
  grid-column:span 2!important;
}
#VF_APP .an-filter-note{
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow:hidden!important;
}
#VF_APP .an-filter-note > *{
  min-width:0!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
}
#VF_APP .an-kpis{
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
}
#VF_APP .kr-kpis{
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#VF_APP .kr-kpi{
  min-width:0!important;
}
#VF_APP .an-grid-2,
#VF_APP .an-grid-3,
#VF_APP .an-v55-split{
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
}

/* printkaralas / karalas / lamina / paket — eyni daralma */
#VF_APP #VF_CONTENT[data-page="printkaralas"] .an-filterbar,
#VF_APP #VF_CONTENT[data-page="karalas"] .an-filterbar,
#VF_APP #VF_CONTENT[data-page="laminaanalytics"] .an-filterbar,
#VF_APP #VF_CONTENT[data-page="packageanalytics"] .an-filterbar,
#VF_APP #VF_CONTENT[data-page="analytics"] .an-filterbar,
#VF_APP #VF_CONTENT[data-page="laminapackage"] .an-filterbar{
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  overflow:hidden!important;
}
#VF_APP #VF_CONTENT[data-page="printkaralas"] .an-range-buttons,
#VF_APP #VF_CONTENT[data-page="karalas"] .an-range-buttons,
#VF_APP #VF_CONTENT[data-page="laminaanalytics"] .an-range-buttons,
#VF_APP #VF_CONTENT[data-page="packageanalytics"] .an-range-buttons,
#VF_APP #VF_CONTENT[data-page="printkaralas"] .an-field-date,
#VF_APP #VF_CONTENT[data-page="karalas"] .an-field-date,
#VF_APP #VF_CONTENT[data-page="laminaanalytics"] .an-field-date,
#VF_APP #VF_CONTENT[data-page="packageanalytics"] .an-field-date{
  grid-column:1 / -1!important;
}

@container vfmain (max-width: 1100px){
  .an-filterbar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .an-filterbar .an-range-buttons,
  .an-filterbar .an-field-date{
    grid-column:1 / -1!important;
  }
  .an-kpis,
  .kr-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@container vfmain (max-width: 720px){
  .an-filterbar,
  .an-date-pair{
    grid-template-columns:1fr!important;
  }
  .an-filterbar .an-field-date{
    grid-column:auto!important;
  }
  .an-filter-note{
    flex-direction:column!important;
  }
  .kr-kpis,
  .an-kpis{
    grid-template-columns:1fr 1fr!important;
  }
}

/* Desktop: sol bar hover/açılanda eyni daralma */
@media (min-width:1101px){
  #VF_APP .vf-side:hover ~ .vf-main .an-filterbar,
  #VF_APP .vf-side:focus-within ~ .vf-main .an-filterbar,
  #VF_APP.vf-side-open .an-filterbar{
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  }
  #VF_APP .vf-side:hover ~ .vf-main .an-filterbar .an-range-buttons,
  #VF_APP .vf-side:focus-within ~ .vf-main .an-filterbar .an-range-buttons,
  #VF_APP.vf-side-open .an-filterbar .an-range-buttons,
  #VF_APP .vf-side:hover ~ .vf-main .an-filterbar .an-field-date,
  #VF_APP .vf-side:focus-within ~ .vf-main .an-filterbar .an-field-date,
  #VF_APP.vf-side-open .an-filterbar .an-field-date{
    grid-column:1 / -1!important;
  }
  #VF_APP .vf-side:hover ~ .vf-main .kr-kpis,
  #VF_APP .vf-side:focus-within ~ .vf-main .kr-kpis,
  #VF_APP.vf-side-open .kr-kpis,
  #VF_APP .vf-side:hover ~ .vf-main .an-kpis,
  #VF_APP .vf-side:focus-within ~ .vf-main .an-kpis,
  #VF_APP.vf-side-open .an-kpis{
    grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;
  }
}

/* ========== Satış hesabatı — digər sahələrlə eyni yazı ölçüsü ========== */
#VF_APP #VF_CONTENT[data-page="sales"] .vf-table th,
#VF_APP #VF_CONTENT[data-page="customers"] .vf-table th,
#VF_APP #VF_CONTENT[data-page="payments"] .vf-table th,
#VF_APP #VF_CONTENT[data-page="documents"] .vf-table th{
  font-size:14px!important;
  line-height:1.4!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}
#VF_APP #VF_CONTENT[data-page="sales"] .vf-table td,
#VF_APP #VF_CONTENT[data-page="customers"] .vf-table td,
#VF_APP #VF_CONTENT[data-page="payments"] .vf-table td,
#VF_APP #VF_CONTENT[data-page="documents"] .vf-table td{
  font-size:14px!important;
  line-height:1.45!important;
}
#VF_APP #VF_CONTENT[data-page="sales"] .vf-advanced-filter label,
#VF_APP #VF_CONTENT[data-page="customers"] .vf-advanced-filter label,
#VF_APP #VF_CONTENT[data-page="payments"] .vf-advanced-filter label,
#VF_APP #VF_CONTENT[data-page="documents"] .vf-advanced-filter label{
  font-size:14px!important;
  line-height:1.4!important;
}
#VF_APP #VF_CONTENT[data-page="sales"] .vf-advanced-filter input,
#VF_APP #VF_CONTENT[data-page="sales"] .vf-advanced-filter select,
#VF_APP #VF_CONTENT[data-page="customers"] .vf-advanced-filter input,
#VF_APP #VF_CONTENT[data-page="customers"] .vf-advanced-filter select,
#VF_APP #VF_CONTENT[data-page="payments"] .vf-advanced-filter input,
#VF_APP #VF_CONTENT[data-page="payments"] .vf-advanced-filter select,
#VF_APP #VF_CONTENT[data-page="documents"] .vf-advanced-filter input,
#VF_APP #VF_CONTENT[data-page="documents"] .vf-advanced-filter select{
  font-size:15px!important;
  min-height:44px!important;
}
#VF_APP #VF_CONTENT[data-page="sales"] .vf-filter-result,
#VF_APP #VF_CONTENT[data-page="sales"] .vf-sales-pagebar span{
  font-size:14px!important;
}
#VF_APP #VF_CONTENT[data-page="sales"] .vf-filter-result b{
  font-size:15px!important;
}
/* ========== Gece modu — səth + yazı kontrastı (ağ kart üzərində ağ yazı olmasın) ========== */
html[data-vf-theme="dark"],
html[data-vf-theme="dark"] body{
  color:#e8eef2!important;
  background:#101619!important;
}
html[data-vf-theme="dark"] #VF_APP,
html[data-vf-theme="dark"] #VF_APP.open,
html[data-vf-theme="dark"] #VF_APP .vf-main,
html[data-vf-theme="dark"] #VF_APP .vf-content{
  background:#101619!important;
  color:#e8eef2!important;
}

/* Bütün ağ məcburi kartlar / filtrlər */
html[data-vf-theme="dark"] #VF_APP .vf-top,
html[data-vf-theme="dark"] #VF_APP .vf-card,
html[data-vf-theme="dark"] #VF_APP .an-card,
html[data-vf-theme="dark"] #VF_APP .an-card-head,
html[data-vf-theme="dark"] #VF_APP .vf-kpi,
html[data-vf-theme="dark"] #VF_APP .vf-table-wrap,
html[data-vf-theme="dark"] #VF_APP .vf-filterbar,
html[data-vf-theme="dark"] #VF_APP .vf-advanced-filter,
html[data-vf-theme="dark"] #VF_APP .vf-sales-filters,
html[data-vf-theme="dark"] #VF_APP .vf-report-summary,
html[data-vf-theme="dark"] #VF_APP .vf-report-chip,
html[data-vf-theme="dark"] #VF_APP .vf-filter-result,
html[data-vf-theme="dark"] #VF_APP .vf-sales-pagebar,
html[data-vf-theme="dark"] #VF_APP .vf-doc-card,
html[data-vf-theme="dark"] #VF_APP .vf-flow-step,
html[data-vf-theme="dark"] #VF_APP .vf-stage-banner,
html[data-vf-theme="dark"] #VF_APP .vf-account-box,
html[data-vf-theme="dark"] #VF_APP .vf-order-group,
html[data-vf-theme="dark"] #VF_APP .an-shell,
html[data-vf-theme="dark"] #VF_APP .an-filter-panel,
html[data-vf-theme="dark"] #VF_APP .of-toolbar,
html[data-vf-theme="dark"] #VF_APP .of-sheet,
html[data-vf-theme="dark"] #VF_APP .vp-page,
html[data-vf-theme="dark"] #VF_APP .vp-hero,
html[data-vf-theme="dark"] #VF_APP .vp-section{
  background:#1a2226!important;
  border-color:#3a494f!important;
  color:#e8efec!important;
  box-shadow:none!important;
}

html[data-vf-theme="dark"] #VF_APP .vf-report-chip,
html[data-vf-theme="dark"] #VF_APP .vf-filter-result{
  background:#222c31!important;
}

/* Yazılar — label daxil */
html[data-vf-theme="dark"] #VF_APP,
html[data-vf-theme="dark"] #VF_APP h1,
html[data-vf-theme="dark"] #VF_APP h2,
html[data-vf-theme="dark"] #VF_APP h3,
html[data-vf-theme="dark"] #VF_APP h4,
html[data-vf-theme="dark"] #VF_APP b,
html[data-vf-theme="dark"] #VF_APP strong,
html[data-vf-theme="dark"] #VF_APP .strong,
html[data-vf-theme="dark"] #VF_APP .vf-top h1,
html[data-vf-theme="dark"] #VF_APP #VF_TITLE,
html[data-vf-theme="dark"] #VF_APP .vf-card-title,
html[data-vf-theme="dark"] #VF_APP .an-card-head h3,
html[data-vf-theme="dark"] #VF_APP label,
html[data-vf-theme="dark"] #VF_APP .vf-field label,
html[data-vf-theme="dark"] #VF_APP .vf-filterbar label,
html[data-vf-theme="dark"] #VF_APP .vf-advanced-filter label,
html[data-vf-theme="dark"] #VF_APP .vf-sales-filters label,
html[data-vf-theme="dark"] #VF_APP .vf-kpi-value,
html[data-vf-theme="dark"] #VF_APP .vf-report-chip,
html[data-vf-theme="dark"] #VF_APP .vf-report-chip b,
html[data-vf-theme="dark"] #VF_APP .vf-filter-result,
html[data-vf-theme="dark"] #VF_APP .vf-filter-result b,
html[data-vf-theme="dark"] #VF_APP .vf-sales-pagebar,
html[data-vf-theme="dark"] #VF_APP .vf-sales-pagebar span,
html[data-vf-theme="dark"] #VF_APP .vf-table th,
html[data-vf-theme="dark"] #VF_APP .vf-table td,
html[data-vf-theme="dark"] #VF_APP .an-table th,
html[data-vf-theme="dark"] #VF_APP .an-table td,
html[data-vf-theme="dark"] #VF_APP .an-tab,
html[data-vf-theme="dark"] #VF_APP .lp-note,
html[data-vf-theme="dark"] #VF_APP .num,
html[data-vf-theme="dark"] .app,
html[data-vf-theme="dark"] .app .main,
html[data-vf-theme="dark"] .app .topbar h1,
html[data-vf-theme="dark"] .pkg-field-label,
html[data-vf-theme="dark"] .pkg-editor-section-title{
  color:#eef4f7!important;
}

html[data-vf-theme="dark"] #VF_APP .vf-top-sub,
html[data-vf-theme="dark"] #VF_APP #VF_SUBTITLE,
html[data-vf-theme="dark"] #VF_APP .muted,
html[data-vf-theme="dark"] #VF_APP .vf-kpi-label,
html[data-vf-theme="dark"] #VF_APP .vf-kpi-sub,
html[data-vf-theme="dark"] #VF_APP .vf-card-sub,
html[data-vf-theme="dark"] #VF_APP .vf-page-head p,
html[data-vf-theme="dark"] #VF_APP .an-card-head p,
html[data-vf-theme="dark"] #VF_APP .an-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-kpi small,
html[data-vf-theme="dark"] #VF_APP .vf-nav-label,
html[data-vf-theme="dark"] #VF_APP .vf-report-chip{
  color:#b7c6cc!important;
}

html[data-vf-theme="dark"] #VF_APP .vf-kpi.blue .vf-kpi-value{color:#7dd3fc!important}
html[data-vf-theme="dark"] #VF_APP .vf-kpi.green .vf-kpi-value{color:#6ee7b7!important}
html[data-vf-theme="dark"] #VF_APP .vf-kpi.orange .vf-kpi-value{color:#fdba74!important}
html[data-vf-theme="dark"] #VF_APP .vf-kpi.red .vf-kpi-value,
html[data-vf-theme="dark"] #VF_APP .vf-report-chip b[style*="color"],
html[data-vf-theme="dark"] #VF_APP td[style*="color:#b53e37"],
html[data-vf-theme="dark"] #VF_APP td[style*="color: #b53e37"]{color:#fca5a5!important}
html[data-vf-theme="dark"] #VF_APP .vf-kpi.teal .vf-kpi-value{color:#5eead4!important}
html[data-vf-theme="dark"] #VF_APP .link{color:#7dd3fc!important}

/* Input / select — corporate #fff üstünə */
html[data-vf-theme="dark"] #VF_APP input,
html[data-vf-theme="dark"] #VF_APP select,
html[data-vf-theme="dark"] #VF_APP textarea,
html[data-vf-theme="dark"] #VF_APP .vf-field input,
html[data-vf-theme="dark"] #VF_APP .vf-field select,
html[data-vf-theme="dark"] #VF_APP .vf-field textarea,
html[data-vf-theme="dark"] #VF_APP .vf-filterbar input,
html[data-vf-theme="dark"] #VF_APP .vf-filterbar select,
html[data-vf-theme="dark"] #VF_APP .vf-advanced-filter input,
html[data-vf-theme="dark"] #VF_APP .vf-advanced-filter select,
html[data-vf-theme="dark"] #VF_APP .an-field input,
html[data-vf-theme="dark"] #VF_APP .an-field select,
html[data-vf-theme="dark"] .app input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-vf-theme="dark"] .app select,
html[data-vf-theme="dark"] .app textarea{
  background:#202a2e!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
  box-shadow:none!important;
}
html[data-vf-theme="dark"] #VF_APP input::placeholder,
html[data-vf-theme="dark"] #VF_APP textarea::placeholder{
  color:#8aa0a8!important;
  opacity:1!important;
}
html[data-vf-theme="dark"] #VF_APP input:focus,
html[data-vf-theme="dark"] #VF_APP select:focus,
html[data-vf-theme="dark"] #VF_APP textarea:focus,
html[data-vf-theme="dark"] #VF_APP .vf-field input:focus,
html[data-vf-theme="dark"] #VF_APP .vf-field select:focus,
html[data-vf-theme="dark"] #VF_APP .vf-field textarea:focus{
  background:#243238!important;
  border-color:#14b8a6!important;
  color:#eef4f7!important;
}

html[data-vf-theme="dark"] #VF_APP .vf-table th,
html[data-vf-theme="dark"] #VF_APP .an-table th{
  background:#222c31!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_APP .vf-table td,
html[data-vf-theme="dark"] #VF_APP .an-table td{
  background:#1a2226!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_APP .vf-table tr:hover td,
html[data-vf-theme="dark"] #VF_APP .an-table tr:hover td{
  background:#222c31!important;
}

html[data-vf-theme="dark"] #VF_APP .vf-btn:not(.primary):not(.green):not(.blue):not(.danger),
html[data-vf-theme="dark"] #VF_APP .vf-mini{
  background:#222c31!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}

/* Modal Parametrlər */
html[data-vf-theme="dark"] #VF_MODAL .vf-modal-box,
html[data-vf-theme="dark"] #VF_MODAL .vf-modal-body,
html[data-vf-theme="dark"] #VF_MODAL .vf-modal-foot,
html[data-vf-theme="dark"] #VF_MODAL .vf-modal-head,
html[data-vf-theme="dark"] #VF_MODAL .vf-setting-row{
  background:#1a2226!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_MODAL label,
html[data-vf-theme="dark"] #VF_MODAL h3,
html[data-vf-theme="dark"] #VF_MODAL h4,
html[data-vf-theme="dark"] #VF_MODAL b,
html[data-vf-theme="dark"] #VF_MODAL .vf-setting-row-head b{
  color:#eef4f7!important;
}
html[data-vf-theme="dark"] #VF_MODAL p,
html[data-vf-theme="dark"] #VF_MODAL small{
  color:#b7c6cc!important;
}
html[data-vf-theme="dark"] #VF_MODAL input,
html[data-vf-theme="dark"] #VF_MODAL select,
html[data-vf-theme="dark"] #VF_MODAL textarea{
  background:#202a2e!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}

html[data-vf-theme="normal"] #VF_APP.vf-soft-dark,
html[data-vf-theme="eye"] #VF_APP.vf-soft-dark{
  background:#f7faf9!important;
  color:#0f172a!important;
}

/* ========== /docdesign — Gece modu oxunaqlı ========== */
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls,
html[data-vf-theme="dark"] #VF_APP .vf77-designer-preview,
html[data-vf-theme="dark"] #VF_APP .vf78-design-section,
html[data-vf-theme="dark"] #VF_APP .vf77-color-field,
html[data-vf-theme="dark"] #VF_APP .vf77-design-actions,
html[data-vf-theme="dark"] #VF_APP .vf77-preview-head,
html[data-vf-theme="dark"] #VF_APP .vf-settings-note{
  background:#1a2226!important;
  border-color:#3a494f!important;
  color:#eef4f7!important;
  box-shadow:none!important;
}
html[data-vf-theme="dark"] #VF_APP .vf78-design-section>summary{
  background:#222c31!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls label,
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls .vf-field label,
html[data-vf-theme="dark"] #VF_APP .vf77-color-field label,
html[data-vf-theme="dark"] #VF_APP .vf77-color-field span,
html[data-vf-theme="dark"] #VF_APP .vf77-preview-head b,
html[data-vf-theme="dark"] #VF_APP .vf77-preview-head span,
html[data-vf-theme="dark"] #VF_APP .vf-settings-note,
html[data-vf-theme="dark"] #VF_APP .vf-settings-note b,
html[data-vf-theme="dark"] #VF_APP .vf78-design-section summary{
  color:#eef4f7!important;
}
html[data-vf-theme="dark"] #VF_APP .vf77-preview-head span,
html[data-vf-theme="dark"] #VF_APP .vf77-color-field span{
  color:#b7c6cc!important;
}
html[data-vf-theme="dark"] #VF_APP .vf77-designer-tabs button{
  background:#222c31!important;
  border-color:#3a494f!important;
  color:#eef4f7!important;
}
html[data-vf-theme="dark"] #VF_APP .vf77-designer-tabs button.on{
  background:#0f766e!important;
  border-color:#0f766e!important;
  color:#fff!important;
}
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls input,
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls select,
html[data-vf-theme="dark"] #VF_APP .vf77-designer-controls textarea,
html[data-vf-theme="dark"] #VF_APP .vf77-color-field input:not([type=color]){
  background:#202a2e!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_APP .vf-settings-note{
  background:#163042!important;
  border-color:#2a6f8f!important;
  color:#d7eef8!important;
}
html[data-vf-theme="dark"] #VF_APP .vf-settings-note b{
  color:#e8f7ff!important;
}
/* Önizləmə kağızı — gece modu açıq yazını ağ kağıza yazmasın */
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf77-doc-theme,
html[data-vf-theme="dark"] #VF_APP .vf77-preview-paper,
html[data-vf-theme="dark"] #VF_APP .vf77-preview-paper .vf77-doc-theme{
  background:#fff!important;
  color:#111827!important;
}
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-company,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-company-name,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-company-phone,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-company-address{
  color:var(--doc-company-text,#0f766e)!important;
}
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-meta,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-meta-line,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-meta-line b,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-meta-line strong,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-line-value,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-input,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-footer,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-footer *,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-receive,
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-receive *{
  color:var(--doc-meta-text,#111827)!important;
}
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-invoice-no{
  background:var(--doc-invoice-bg,#0f766e)!important;
  color:var(--doc-invoice-text,#ffffff)!important;
}
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-table th{
  color:var(--doc-head-text,#0f172a)!important;
  background:var(--doc-head-bg,#e8eef5)!important;
}
html[data-vf-theme="dark"] #VF_APP #VF77_DESIGN_PREVIEW .vf-cust-table td{
  color:var(--doc-body-text,#111827)!important;
  background:var(--doc-body-bg,#ffffff)!important;
}

/* Müştəri qaiməsi — ekran oxunaqlığı (modal /orders + dizayn önbaxış) */
@media screen{
  #VF_MODAL .vf77-doc-theme .vf-cust-company-name,
  #VF77_DESIGN_PREVIEW .vf-cust-company-name{
    font-size:max(26px,var(--doc-company-size,26px))!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:.01em!important;
    margin-bottom:10px!important;
    color:var(--doc-company-text,#0f766e)!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-company-phone,
  #VF77_DESIGN_PREVIEW .vf-cust-company-phone{
    font-size:max(15px,var(--doc-phone-size,15px))!important;
    font-weight:800!important;
    line-height:1.4!important;
    margin-bottom:8px!important;
    color:var(--doc-company-text,#0f766e)!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-company-address,
  #VF77_DESIGN_PREVIEW .vf-cust-company-address{
    font-size:max(14px,var(--doc-address-size,14px))!important;
    font-weight:700!important;
    line-height:1.5!important;
    color:var(--doc-company-text,#0f766e)!important;
    white-space:pre-line!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta,
  #VF77_DESIGN_PREVIEW .vf-cust-meta{
    color:var(--doc-meta-text,#111827)!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line{
    grid-template-columns:118px minmax(0,1fr)!important;
    column-gap:8px!important;
    min-height:30px!important;
    align-items:center!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line b,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line .vf-cust-line-value,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line .vf-cust-input,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line b,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line .vf-cust-line-value,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line .vf-cust-input{
    font-size:max(15px,var(--doc-meta-size,15px))!important;
    line-height:1.45!important;
    font-weight:700!important;
    color:var(--doc-meta-text,#111827)!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-date,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-date *,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-date,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-date *{
    font-size:max(15px,var(--doc-date-size,15px))!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-customer,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-customer *,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-customer,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-customer *{
    font-size:max(15px,var(--doc-customer-size,15px))!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-driver,
  #VF_MODAL .vf77-doc-theme .vf-cust-meta-line.vf-cust-driver *,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-driver,
  #VF77_DESIGN_PREVIEW .vf-cust-meta-line.vf-cust-driver *{
    font-size:max(15px,var(--doc-driver-size,15px))!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-invoice-no,
  #VF77_DESIGN_PREVIEW .vf-cust-invoice-no{
    font-size:max(18px,var(--doc-invoice-size,18px))!important;
    font-weight:800!important;
    padding:7px 12px!important;
    margin-bottom:14px!important;
    display:inline-block!important;
    letter-spacing:.02em!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-table th,
  #VF77_DESIGN_PREVIEW .vf-cust-table th{
    font-size:max(12px,var(--doc-table-head-size,12px))!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-table td,
  #VF77_DESIGN_PREVIEW .vf-cust-table td{
    font-size:max(13px,var(--doc-table-body-size,13px))!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-footer,
  #VF_MODAL .vf77-doc-theme .vf-cust-footer *,
  #VF_MODAL .vf77-doc-theme .vf-cust-receive,
  #VF_MODAL .vf77-doc-theme .vf-cust-receive *,
  #VF_MODAL .vf77-doc-theme .vf-cust-footer-field label,
  #VF_MODAL .vf77-doc-theme .vf-cust-footer-field input,
  #VF_MODAL .vf77-doc-theme .vf-cust-footer-field textarea,
  #VF77_DESIGN_PREVIEW .vf-cust-footer,
  #VF77_DESIGN_PREVIEW .vf-cust-footer *,
  #VF77_DESIGN_PREVIEW .vf-cust-receive,
  #VF77_DESIGN_PREVIEW .vf-cust-receive *{
    font-size:max(13px,var(--doc-footer-size,13px))!important;
    line-height:1.45!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-receive p,
  #VF77_DESIGN_PREVIEW .vf-cust-receive p{
    font-weight:800!important;
    margin:0 0 12px!important;
  }
  #VF_MODAL .vf77-doc-theme .vf-cust-receive label,
  #VF_MODAL .vf77-doc-theme .vf-cust-footer-field label,
  #VF77_DESIGN_PREVIEW .vf-cust-receive label,
  #VF77_DESIGN_PREVIEW .vf-cust-footer-field label{
    font-weight:900!important;
  }
}


/* VF_NAV_LINK_RESET — modul linkləri düymə kimi */
#VF_NAV a[data-vf-page],
#VF_NAV a[data-vp-page],
#VF_PRICE_NAV{
  text-decoration:none!important;
  color:inherit;
  cursor:pointer;
  box-sizing:border-box;
}

/* ========== Sol bar sabit — yalnız orta sahə scroll (panel + qaimə) ========== */
html.vf-authed,
html.vf-on-invoice,
html.vf-boot-panel{
  height:100%!important;
  overflow:hidden!important;
}
html.vf-authed body,
html.vf-on-invoice body,
html.vf-boot-panel body{
  height:100%!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  overscroll-behavior:none;
}

/* Yeni sifariÅŸ / QaimÉ™ */
html.vf-authed .app,
html.vf-on-invoice .app,
.app{
  display:flex!important;
  flex-direction:row!important;
  width:100%!important;
  max-width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100dvh!important;
  min-height:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.app .sb{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto!important;
  align-self:stretch!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
  z-index:6!important;
}
.app .sb .sb-list{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
}
.app .main{
  flex:1 1 0%!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  height:100%!important;
  max-height:100%!important;
  overflow-x:auto!important;
  overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}

/* Ä°darÉ™ paneli */
#VF_APP.open{
  overflow:hidden!important;
}
#VF_APP .vf-side,
#VF_APP aside.vf-side{
  flex-shrink:0!important;
  height:100%!important;
  max-height:100%!important;
  align-self:stretch!important;
  overflow:hidden!important;
}
#VF_APP .vf-main{
  min-width:0!important;
  overflow:hidden!important;
}
#VF_APP .vf-content{
  overflow:auto!important;
  overscroll-behavior:contain;
}

@media print{
  /* Çap: yalnız #VF_PRINT — panel/modal/düymə düşməsin */
  html.vf-authed body.vf-printing > *:not(#VF_PRINT),
  html.vf-boot-panel body.vf-printing > *:not(#VF_PRINT),
  html.vf-on-invoice body.vf-printing > *:not(#VF_PRINT),
  body.vf-printing > *:not(#VF_PRINT),
  body.vf-printing #VF_APP,
  body.vf-printing #VF_APP.open,
  body.vf-printing #VF_MODAL,
  body.vf-printing #VF_MODAL.open,
  body.vf-printing .app,
  body.vf-printing #LG_SCR,
  body.vf-printing #VF_TOAST,
  body.vf-printing #VF70_AI_FLOAT,
  body.vf-printing #VF_INVOICE_RETURN_FALLBACK,
  body.vf-printing #VF_SIDE_TOGGLE,
  body.vf-printing #VF_SIDE_SCRIM{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    position:absolute!important;
    left:-99999px!important;
  }
  html.vf-boot-panel body.vf-printing #VF_APP,
  html.vf-authed body.vf-printing #VF_APP.open{
    display:none!important;
    visibility:hidden!important;
  }
  body.vf-printing,
  body.vf-printing #VF_PRINT,
  body.vf-printing #VF_PRINT.vf-print-area,
  body.vf-printing #VF_PRINT.vf-print-customer{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    position:static!important;
    left:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    background:#fff!important;
    margin:0 auto!important;
    padding:0!important;
  }
  body.vf-printing .vf-modal-head,
  body.vf-printing .vf-modal-foot,
  body.vf-printing .vf-doc-tabs,
  body.vf-printing .vf-doc-edit-note,
  body.vf-printing .vf77-print-scale{
    display:none!important;
  }
  html.vf-authed,
  html.vf-on-invoice,
  html.vf-boot-panel,
  html.vf-authed body,
  html.vf-on-invoice body,
  html.vf-boot-panel body{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    background:#fff!important;
  }
}

/* Dar ekran: stacked layout — səhifə scroll-a qayıt */
@media (max-width:690px){
  html.vf-authed,
  html.vf-on-invoice,
  html.vf-boot-panel,
  html.vf-authed body,
  html.vf-on-invoice body,
  html.vf-boot-panel body{
    height:auto!important;
    max-height:none!important;
    overflow:auto!important;
  }
  html.vf-authed .app,
  html.vf-on-invoice .app,
  .app{
    display:block!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .app .sb{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:240px!important;
  }
  .app .main{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* ========== /qaima — ekran yazıları oxunaqlı (çap toxunulmur) ========== */
@media screen{
  .app{
    font-size:15px!important;
    line-height:1.5!important;
    font-family:'Roboto',system-ui,sans-serif!important;
    color:#0f172a!important;
  }

  /* Sol bar */
  .app .sb-logo .vn{font-size:17px!important;font-weight:700!important}
  .app .sb-logo .vs{font-size:12px!important;line-height:1.4!important;color:rgba(255,255,255,.55)!important}
  .app .sb-sec{font-size:11px!important;letter-spacing:.6px!important;padding:12px 12px 6px!important}
  .app .sbi{padding:9px 10px!important;min-height:40px!important}
  .app .sbi .nn{font-size:11px!important;padding:2px 6px!important;min-width:24px!important}
  .app .sbi .nm{font-size:13px!important;font-weight:600!important}
  .app .sb-add,
  .app .sb-pr,
  .app .sb-panel{
    font-size:13px!important;
    min-height:40px!important;
    font-weight:700!important;
  }

  /* Üst bar + düymələr */
  .app .topbar h1,
  .app #PT{
    font-size:20px!important;
    font-weight:800!important;
    line-height:1.3!important;
  }
  .app .btn,
  .app .edit-btn,
  .app .btn-refresh,
  .app .sbt,
  .app .pkg-btn,
  .app .pkg-tool-btn{
    font-size:13px!important;
    font-weight:650!important;
    min-height:36px!important;
    padding:7px 12px!important;
  }

  /* Paket / studio başlıq */
  .app .pkg-head-title{font-size:16px!important;font-weight:800!important}
  .app .pkg-head-note,
  .app .hint,
  .app .pkg-section-note,
  .app .pkg-editor-note,
  .app .pkg-help,
  .app .pkg-lam-help,
  .app .pkg-karalas-help{
    font-size:14px!important;
    line-height:1.55!important;
  }
  .app .pkg-editor-section h3,
  .app .pkg-section-title,
  .app .pkg-master-title,
  .app .studio-inspector-head{
    font-size:15px!important;
    font-weight:700!important;
  }

  /* Cədvəl başlıq + hüceyrə inputları */
  .app .pkg-table thead th,
  .app .pkg-summary-table thead th,
  .app thead th,
  .app thead th input{
    font-size:12px!important;
    line-height:1.25!important;
    padding:7px 5px!important;
    font-weight:700!important;
  }
  .app .pkg-table select,
  .app .pkg-table input[type=text],
  .app .pkg-table input[type=number],
  .app .pkg-table textarea,
  .app .pkg-proc-dd summary,
  .app .pkg-proc-menu label{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .app .pkg-table select,
  .app .pkg-table input[type=text],
  .app .pkg-table input[type=number]{
    padding:7px 6px!important;
    min-height:34px!important;
  }
  .app .pkg-codebox,
  .app .pkg-proccode{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .app .pkg-extra-lines,
  .app .pkg-inline-check,
  .app .pkg-auto-empty,
  .app .pkg-attach-name,
  .app .pkg-attach-empty,
  .app .pkg-file-count{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .app .pkg-detail-sub,
  .app .studio-side-card p,
  .app .pkg-code-card small,
  .app .pkg-inspector .muted{
    font-size:13px!important;
    line-height:1.45!important;
  }

  /* QaimÉ™ forma / footer / label */
  .app .main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  .app .main select,
  .app .main textarea,
  .app .inv input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),
  .app .inv select,
  .app .inv textarea{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .app .footer-label,
  .app .footer-label input,
  .app .tbl-title-inp,
  .app .qaime-label-inp,
  .app .xl-label,
  .app .xl-label input,
  .app .qr-text,
  .app .qr-sign-label-inp,
  .app .xl-tahvil-text,
  .app .cem-label-wrap input{
    font-size:13px!important;
    line-height:1.4!important;
  }
  .app tbody td,
  .app tbody td.rn{
    font-size:13px!important;
  }
  .app .pkg-sum-code,
  .app .pkg-sum-proc,
  .app .auto-order-table,
  .app .auto-order-title{
    font-size:13px!important;
  }

  /* Şüşə sifariş studiyası — kiçik label/sahə yazıları oxunaqlı + seçilə bilən */
  .app .pkg-zone,
  .app .pkg-zone.studio-zone,
  .app .studio-workspace,
  .app .pkg-detail,
  .app .pkg-inspector,
  .app .pkg-editor-body{
    font-size:14px!important;
    line-height:1.45!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-editor-section-title,
  .app .pkg-field>label,
  .app .pkg-field-label,
  .app .pkg-code-card-label,
  .app .pkg-lamina-title,
  .app .pkg-hole-title,
  .app .pkg-lam-head-title,
  .app .pkg-lam-film-title,
  .app .pkg-master-count,
  .app .pkg-detail-sub,
  .app .pkg-lam-head-note,
  .app .pkg-lam-film-note,
  .app .pkg-hole-mode-note,
  .app .pkg-lam-summary,
  .app .pkg-sum-proc,
  .app .studio-metrics,
  .app .studio-metrics *,
  .app .studio-stepper,
  .app .studio-stepper *{
    font-size:13px!important;
    line-height:1.4!important;
    font-weight:700!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-hole-row label{
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:700!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-field select,
  .app .pkg-field input[type=text],
  .app .pkg-field input[type=number],
  .app .pkg-field textarea,
  .app .pkg-editor-body select,
  .app .pkg-editor-body input[type=text],
  .app .pkg-editor-body input[type=number],
  .app .pkg-editor-body textarea,
  .app .studio-customer-box input,
  .app .studio-customer-box select,
  .app .studio-customer-account input,
  .app .studio-customer-account select{
    font-size:14px!important;
    line-height:1.4!important;
    min-height:36px!important;
    padding:8px 9px!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-check-card,
  .app .pkg-inline-check,
  .app .pkg-hole-mode-check,
  .app .pkg-lam-same,
  .app .pkg-shared-dim-note,
  .app .pkg-parent-lamina-note,
  .app .pkg-bond-dim-info{
    font-size:13px!important;
    line-height:1.4!important;
    min-height:38px!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-check-card span,
  .app .pkg-check-card b,
  .app .pkg-check-card small{
    font-size:13px!important;
    line-height:1.35!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-check-card small{
    font-size:12px!important;
    font-weight:500!important;
  }
  .app .pkg-proc-dd summary,
  .app .pkg-proc-menu label,
  .app .pkg-layer-process .pkg-proc-btn,
  .app .pkg-lam-process .pkg-proc-btn{
    font-size:13px!important;
    line-height:1.35!important;
    min-height:34px!important;
  }
  .app .pkg-codebox,
  .app .pkg-proccode,
  .app .pkg-extra-lines,
  .app .pkg-code-card,
  .app .pkg-code-card *{
    font-size:13px!important;
    line-height:1.4!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-summary-table thead th,
  .app .pkg-table thead th{
    font-size:12px!important;
    line-height:1.3!important;
    padding:8px 5px!important;
  }
  .app .pkg-summary-table tbody td,
  .app .pkg-table tbody td,
  .app .pkg-sum-code{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .app .pkg-attach-name,
  .app .pkg-attach-empty,
  .app .pkg-file-count,
  .app .pkg-auto-empty,
  .app .pkg-hole-empty{
    font-size:13px!important;
    line-height:1.4!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .pkg-glass-open{
    font-size:13px!important;
    width:28px!important;
  }
  .app .studio-side-card,
  .app .studio-side-card b,
  .app .studio-side-card span,
  .app .studio-inspector-head,
  .app .pkg-master-title{
    font-size:14px!important;
    line-height:1.4!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
  .app .studio-customer-box,
  .app .studio-customer-account,
  .app .studio-customer-box label,
  .app .studio-customer-account label,
  .app .vf-customer-mini,
  .app .vf-customer-mini *{
    font-size:13px!important;
    line-height:1.4!important;
    -webkit-user-select:text!important;
    user-select:text!important;
  }
}
/* ========== Gece modu — cash / analitika / lp / müst?ri / filtr (tam kontrast) ========== */
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar,
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi,
html[data-vf-theme="dark"] #VF_APP .cash-v67-chart,
html[data-vf-theme="dark"] #VF_APP .cash-v67-grid,
html[data-vf-theme="dark"] #VF_APP .cash-v67-panel,
html[data-vf-theme="dark"] #VF_APP .cash-v67-table-wrap,
html[data-vf-theme="dark"] #VF_APP .an-filterbar,
html[data-vf-theme="dark"] #VF_APP .an-field,
html[data-vf-theme="dark"] #VF_APP .an-date-box,
html[data-vf-theme="dark"] #VF_APP .an-filter-note,
html[data-vf-theme="dark"] #VF_APP .an-kpi,
html[data-vf-theme="dark"] #VF_APP .lp-kpi,
html[data-vf-theme="dark"] #VF_APP .lp-note,
html[data-vf-theme="dark"] #VF_APP .an-ref-kpi,
html[data-vf-theme="dark"] #VF_APP .an-ref-map-shell,
html[data-vf-theme="dark"] #VF_APP .an-ref-map-top,
html[data-vf-theme="dark"] #VF_APP .an-v64-period-cell,
html[data-vf-theme="dark"] #VF_APP .an-v64-explain,
html[data-vf-theme="dark"] #VF_APP .an-summary,
html[data-vf-theme="dark"] #VF_APP .an-card-body,
html[data-vf-theme="dark"] #VF_APP .an-table-wrap,
html[data-vf-theme="dark"] #VF_APP .an-export-hero,
html[data-vf-theme="dark"] #VF_APP .an-section-title,
html[data-vf-theme="dark"] #VF_APP .vf-customer-card,
html[data-vf-theme="dark"] #VF_APP .vf-account-head,
html[data-vf-theme="dark"] #VF_APP .vf-sort-setting,
html[data-vf-theme="dark"] #VF_APP .studio-customer-box,
html[data-vf-theme="dark"] #VF_APP .studio-customer-account{
  background:#1a2226!important;
  border-color:#3a494f!important;
  color:#e8efec!important;
  box-shadow:none!important;
}

html[data-vf-theme="dark"] #VF_APP .an-filterbar,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar{
  background:#1e282c!important;
}

html[data-vf-theme="dark"] #VF_APP .an-filterbar label,
html[data-vf-theme="dark"] #VF_APP .an-field label,
html[data-vf-theme="dark"] #VF_APP .an-date-box small,
html[data-vf-theme="dark"] #VF_APP .an-filter-note,
html[data-vf-theme="dark"] #VF_APP .an-filter-note *,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar label,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar .vf-field label,
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi span,
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi b,
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi small,
html[data-vf-theme="dark"] #VF_APP .lp-kpi span,
html[data-vf-theme="dark"] #VF_APP .lp-kpi b,
html[data-vf-theme="dark"] #VF_APP .lp-kpi small,
html[data-vf-theme="dark"] #VF_APP .an-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-kpi b,
html[data-vf-theme="dark"] #VF_APP .an-kpi small,
html[data-vf-theme="dark"] #VF_APP .an-ref-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-ref-kpi b,
html[data-vf-theme="dark"] #VF_APP .an-ref-kpi small,
html[data-vf-theme="dark"] #VF_APP .an-v64-period-cell span,
html[data-vf-theme="dark"] #VF_APP .an-v64-period-cell b,
html[data-vf-theme="dark"] #VF_APP .an-summary span,
html[data-vf-theme="dark"] #VF_APP .an-summary b,
html[data-vf-theme="dark"] #VF_APP .lp-note,
html[data-vf-theme="dark"] #VF_APP .lp-note *,
html[data-vf-theme="dark"] #VF_APP .an-v64-explain,
html[data-vf-theme="dark"] #VF_APP .an-v64-explain *{
  color:#eef4f7!important;
}

html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi span,
html[data-vf-theme="dark"] #VF_APP .lp-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-ref-kpi span,
html[data-vf-theme="dark"] #VF_APP .an-filter-note,
html[data-vf-theme="dark"] #VF_APP .lp-kpi small,
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi small{
  color:#c5d4da!important;
}

html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi.in b{color:#6ee7b7!important}
html[data-vf-theme="dark"] #VF_APP .cash-v67-kpi.out b{color:#fca5a5!important}

html[data-vf-theme="dark"] #VF_APP .an-range-buttons button,
html[data-vf-theme="dark"] #VF_APP .an-v64-calendar-tools button,
html[data-vf-theme="dark"] #VF_APP .an-card-tools button,
html[data-vf-theme="dark"] #VF_APP .an-filter-actions button,
html[data-vf-theme="dark"] #VF_APP .cash-v67-actions .vf-btn:not(.primary):not(.green){
  background:#243036!important;
  border-color:#4a5b62!important;
  color:#e8f0f3!important;
}
html[data-vf-theme="dark"] #VF_APP .an-range-buttons button.on,
html[data-vf-theme="dark"] #VF_APP .an-v64-calendar-tools button.on,
html[data-vf-theme="dark"] #VF_APP .an-card-tools button.on{
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
}

html[data-vf-theme="dark"] #VF_APP .an-filterbar input,
html[data-vf-theme="dark"] #VF_APP .an-filterbar select,
html[data-vf-theme="dark"] #VF_APP .an-field input,
html[data-vf-theme="dark"] #VF_APP .an-field select,
html[data-vf-theme="dark"] #VF_APP .an-date-box input,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar input,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar select,
html[data-vf-theme="dark"] #VF_APP .vf-sort-setting select{
  background:#0f1417!important;
  border-color:#4a5b62!important;
  color:#f1f5f9!important;
  -webkit-text-fill-color:#f1f5f9!important;
  color-scheme:dark;
}
html[data-vf-theme="dark"] #VF_APP .an-filterbar input::placeholder,
html[data-vf-theme="dark"] #VF_APP .cash-v67-toolbar input::placeholder,
html[data-vf-theme="dark"] #VF_APP input::placeholder,
html[data-vf-theme="dark"] #VF_APP textarea::placeholder{
  color:#94a3b8!important;
  opacity:1!important;
  -webkit-text-fill-color:#94a3b8!important;
}

html[data-vf-theme="dark"] #VF_APP .lp-note,
html[data-vf-theme="dark"] #VF_APP .an-v64-explain{
  background:#1e2a32!important;
  border-color:#3d5a6a!important;
  color:#d7eef8!important;
}
html[data-vf-theme="dark"] #VF_APP .lp-note.warn{
  background:#2a2118!important;
  border-color:#7c4a1e!important;
  color:#ffd7a8!important;
}

/* Müst?ri hesablari */
html[data-vf-theme="dark"] #VF_APP .vf-customer-card,
html[data-vf-theme="dark"] #VF_APP .vf-account-box,
html[data-vf-theme="dark"] #VF_APP .vf-account-head,
html[data-vf-theme="dark"] #VF_APP [class*="customer"] .vf-card{
  background:#1a2226!important;
  color:#eef4f7!important;
  border-color:#3a494f!important;
}
html[data-vf-theme="dark"] #VF_APP .vf-customer-card *,
html[data-vf-theme="dark"] #VF_APP .vf-account-box *{
  color:inherit;
}
html[data-vf-theme="dark"] #VF_APP .vf-customer-card b,
html[data-vf-theme="dark"] #VF_APP .vf-account-box b,
html[data-vf-theme="dark"] #VF_APP .vf-account-head b,
html[data-vf-theme="dark"] #VF_APP .vf-customer-card label,
html[data-vf-theme="dark"] #VF_APP .vf-account-box label{
  color:#eef4f7!important;
}

/* T?nziml?m?l?r modal */
html[data-vf-theme="dark"] #VF_MODAL .vf-setting-row,
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-note,
html[data-vf-theme="dark"] #VF_MODAL .vf-users-edit,
html[data-vf-theme="dark"] #VF_MODAL .vf-users-list,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-box,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-choice,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-custom,
html[data-vf-theme="dark"] #VF_MODAL .vf-set-tabs button:not(.on){
  background:#1a2226!important;
  border-color:#3a494f!important;
  color:#e8efec!important;
}
html[data-vf-theme="dark"] #VF_MODAL .vf-user-form label,
html[data-vf-theme="dark"] #VF_MODAL .vf-user-form .vf-field label,
html[data-vf-theme="dark"] #VF_MODAL .vf-setting-row-head b,
html[data-vf-theme="dark"] #VF_MODAL .vf-setting-row p,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-box h4,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-box header p,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-choice b,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-choice small,
html[data-vf-theme="dark"] #VF_MODAL .vf100-theme-custom span,
html[data-vf-theme="dark"] #VF_MODAL .vf-set-tabs button:not(.on),
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin,
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin p,
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin small{
  color:#eef4f7!important;
}
html[data-vf-theme="dark"] #VF_MODAL .vf-user-form input,
html[data-vf-theme="dark"] #VF_MODAL .vf-user-form select,
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]),
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin select,
html[data-vf-theme="dark"] #VF_MODAL .vf-settings-admin textarea{
  background:#0f1417!important;
  border-color:#4a5b62!important;
  color:#f1f5f9!important;
  -webkit-text-fill-color:#f1f5f9!important;
  color-scheme:dark;
}
html[data-vf-theme="dark"] #VF_MODAL .vf-set-sep{
  border-top-color:#3a494f!important;
}

/* Qaim? — daxili sür?tli keçid (soyuq reload flasi yox) */
html.vf-on-invoice .app,
body.vf-invoice-recovered .app,
body.vf-qaima-fast .app{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  transition:opacity .12s ease;
}
html.vf-on-invoice #VF_APP,
html.vf-on-invoice #VF_APP.open,
body.vf-qaima-fast #VF_APP{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}
body.vf-qaima-fast .app .main,
body.vf-qaima-fast .app .inv,
body.vf-qaima-fast .app .pkg-zone{
  visibility:visible!important;
  opacity:1!important;
}

/* ========== Q?bul et — öd?nis sah?l?ri eyni hizada ========== */
#VF_MODAL .vf98-payment-extra{
  display:grid!important;
  gap:14px!important;
  margin-top:10px!important;
  padding:14px!important;
  border:1px solid #bae6fd!important;
  border-radius:12px!important;
  background:#f0f9ff!important;
  box-sizing:border-box!important;
}
#VF_MODAL .vf98-payment-extra .vf-field-row,
#VF_MODAL .vf98-payment-extra .vf-field-row.two,
#VF_MODAL .vf98-payment-extra .vf-field-row.three{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin:0!important;
  align-items:start!important;
}
#VF_MODAL .vf98-payment-extra .vf-field{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  min-width:0!important;
}
#VF_MODAL .vf98-payment-extra .vf-field > label,
#VF_MODAL .vf98-payment-extra .vf98-vat-note > label,
#VF_MODAL .vf98-payment-extra .vf102-vat-zone .vf-field > label{
  display:block!important;
  margin:0!important;
  min-height:20px!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:700!important;
  color:#1e293b!important;
}
#VF_MODAL .vf98-payment-extra .vf-field > input,
#VF_MODAL .vf98-payment-extra .vf-field > select,
#VF_MODAL .vf98-payment-extra .vf98-vat-note > input,
#VF_MODAL .vf98-payment-extra .vf102-vat-zone .vf-field > input{
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  box-sizing:border-box!important;
  font-size:14px!important;
  margin:0!important;
}
/* Hesab altindaki izah — sütun hizasini pozmasin */
#VF_MODAL .vf98-payment-extra .vf121-account-readonly{
  position:relative!important;
  padding-bottom:22px!important;
}
#VF_MODAL .vf98-payment-extra .vf121-account-readonly small{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:2px!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.3!important;
  color:#475569!important;
  font-weight:600!important;
}
/* ?DV zonasi — sol sah? il? eyni baslangic / eyni input hündürlüyü */
#VF_MODAL .vf98-payment-extra .vf102-vat-zone,
#VF_MODAL .vf98-payment-extra .vf98-vat-note{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  align-self:start!important;
  min-width:0!important;
}
#VF_MODAL .vf98-payment-extra .vf102-vat-zone.vat-open{
  grid-template-columns:1fr!important;
}
#VF_MODAL .vf98-payment-extra .vf113-manager-lock{
  grid-column:1/-1!important;
  margin-top:4px!important;
}
@media(max-width:700px){
  #VF_MODAL .vf98-payment-extra .vf-field-row,
  #VF_MODAL .vf98-payment-extra .vf-field-row.two,
  #VF_MODAL .vf98-payment-extra .vf-field-row.three{
    grid-template-columns:1fr!important;
  }
  #VF_MODAL .vf98-payment-extra .vf121-account-readonly{
    padding-bottom:0!important;
  }
  #VF_MODAL .vf98-payment-extra .vf121-account-readonly small{
    position:static!important;
    margin-top:4px!important;
  }
}

/* Qəbul: Müştəri adı | Müştəri kodu | Telefon */
#VF_MODAL .vf-accept-name-code-phone,
#VF_MODAL .vf-field-row.vf-accept-name-code-phone{
  display:grid!important;
  grid-template-columns:minmax(200px,1.35fr) minmax(140px,.8fr) minmax(160px,1fr)!important;
  gap:10px!important;
  align-items:end!important;
}
#VF_MODAL .vf-accept-code-field{
  display:block!important;
  visibility:visible!important;
}
#VF_MODAL .vf-accept-code-field input{
  font-family:ui-monospace,"Cascadia Code",Consolas,monospace!important;
  font-weight:800!important;
  color:#0f766e!important;
  min-height:42px!important;
}
#VF_MODAL .vf-accept-code-field input.is-existing{
  background:#eef6f4!important;
  color:#134e4a!important;
}
#VF119_CUSTOMER_CODE_WRAP,
#VF119_ORDER_NO_WRAP{
  display:none!important;
}
@media(max-width:700px){
  #VF_MODAL .vf-accept-name-code-phone,
  #VF_MODAL .vf-field-row.vf-accept-name-code-phone{
    grid-template-columns:1fr!important;
  }
}

/* Qiymətsiz müştəri qaiməsi — 1kv/qiy + Qiymət sütunları */
.vf121-priceless{
  margin-top:12px;padding:12px 14px;border:1px solid #e1b85d;border-radius:12px;
  background:#fff8e7;color:#704b00;font-weight:850;
  display:flex;align-items:flex-start;gap:10px;
}
.vf121-priceless input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}
.vf121-price-badge{
  display:inline-flex;padding:4px 8px;border-radius:999px;background:#fff0c2;
  color:#855600;font-size:10px;font-weight:900;margin-left:8px;vertical-align:middle;
}
.vf121-print-notice{
  margin:8px 0;padding:7px;border:1px solid #d6a73c;text-align:center;
  font-weight:900;background:#fff8df;
}
#VF_MODAL.vf-priceless-doc .vf-cust-table tr > *:nth-child(7),
#VF_MODAL.vf-priceless-doc .vf-cust-table tr > *:nth-child(8),
#VF_PRINT.vf-priceless-doc .vf-cust-table tr > *:nth-child(7),
#VF_PRINT.vf-priceless-doc .vf-cust-table tr > *:nth-child(8),
.vf-priceless-doc .vf-cust-table tr > *:nth-child(7),
.vf-priceless-doc .vf-cust-table tr > *:nth-child(8){
  display:none!important;width:0!important;max-width:0!important;
  padding:0!important;border:none!important;overflow:hidden!important;font-size:0!important;
}
.vf-priceless-doc .vf-cust-table{table-layout:auto!important}