/* Vazin Online / Workspace refinement · 2026-11-05.
 * Icon rail stays compact; authorized full navigation opens in an accessible drawer.
 * No decorative workspace card, duplicated profile, or manifesto.
 * Does not change routes, permissions, sessions or revenue sources.
 */
body.admin-workspace{
  --vz-rail-width:74px;
  --vz-ink:#182927;
  --vz-subtle:#73817c;
  --vz-surface:#fff;
  --vz-frost:#f8faf8;
  --vz-line:#e6ece9;
  --vz-green:#087f72;
  --vz-mint:#e6f5ef;
  background:#f9fbfa!important;
  overflow-x:clip;
}
body.admin-workspace>.admin-mobile-bar{display:none!important}
body.admin-workspace>.vz-rail{
  position:fixed;
  z-index:235;
  top:12px;bottom:12px;left:10px;
  width:calc(var(--vz-rail-width) - 20px);
  display:flex;flex-direction:column;align-items:center;gap:12px;
  padding:12px 5px 10px;
  border:1px solid #e7eeeb;border-radius:20px;
  background:rgba(255,255,255,.96);
  box-shadow:0 6px 25px rgba(31,51,44,.045);
  direction:ltr;
}
body.admin-workspace .vz-rail-brand{
  position:relative;
  flex:0 0 42px;
  display:grid;place-items:center;
  width:42px;height:42px;
  border-radius:14px;
  background:linear-gradient(135deg,#007e75,#079786);
  color:#fff!important;text-decoration:none;
  font:900 25px/1.1 Vazirmatn,sans-serif;
  letter-spacing:-.05em;
  margin-bottom:8px;
}
body.admin-workspace .vz-rail-brand>i{
  position:absolute;right:1px;top:2px;
  width:10px;height:10px;background:#bcf076;border:2px solid white;border-radius:50%;
}
body.admin-workspace .vz-rail-control{
  position:relative!important;
  display:grid!important;place-items:center!important;flex:none;
  width:42px!important;height:42px!important;min-height:42px!important;
  padding:0!important;border-radius:12px!important;
  border:1px solid transparent!important;
  background:transparent!important;color:#798680!important;
  box-shadow:none!important;text-decoration:none!important;
  font:600 15px/1 Vazirmatn,sans-serif!important;
  transition:background .15s,color .15s,border .15s!important;
  transform:none!important;
  touch-action:manipulation;
}
body.admin-workspace .vz-rail-control:hover,body.admin-workspace .vz-rail-control:focus-visible{
  background:#edf4f1!important;color:#087f72!important;border-color:#e2eee7!important;transform:none!important;box-shadow:none!important
}
body.admin-workspace .vz-rail-control.is-current,
body.admin-workspace .vz-rail-control.is-active,
body.admin-workspace .vz-rail-control.active,
body.admin-workspace .vz-rail-control[aria-current="page"]{
  background:#dff1e9!important;color:#087f72!important;border-color:#d4eae0!important;
}
body.admin-workspace .vz-rail-control svg,
body.admin-workspace .vz-top-search svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none;
}
body.admin-workspace .vz-rail-nav{
  display:flex!important;flex-direction:column;align-items:center;gap:7px;
  min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;
  scrollbar-width:none;width:100%;padding:2px 0 4px;
}
body.admin-workspace .vz-rail-nav::-webkit-scrollbar{display:none}
body.admin-workspace .vz-rail-bottom{
  width:100%;display:grid;justify-items:center;gap:7px;
  padding-top:12px;border-top:1px solid #e9eeeb;
}
body.admin-workspace .vz-rail-profile>span{
  display:grid;place-items:center;width:32px;height:32px;overflow:hidden;
  font-size:13px;font-weight:900;color:#0d736a;
  border-radius:50%;background:#e8f3ed;border:1px solid #cbded3;
}
body.admin-workspace .vz-rail-unread{
  position:absolute;right:7px;top:5px;border:2px solid #fff;width:10px;height:10px;background:#e57945;border-radius:50%;
}
body.admin-workspace>.admin-sidebar{
  position:fixed!important;
  top:12px!important;bottom:12px!important;left:calc(var(--vz-rail-width) + 6px)!important;right:auto!important;
  inset-inline-start:auto!important;inset-inline-end:auto!important;
  width:min(324px,calc(100vw - var(--vz-rail-width) - 20px))!important;
  height:calc(100dvh - 24px)!important;min-height:0!important;
  border-radius:19px!important;border:1px solid #e1e9e5!important;
  padding:0!important;margin:0!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 24px 70px rgba(16,43,37,.1)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translateX(-12px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  z-index:250!important;
}
body.admin-workspace.drawer-open>.admin-sidebar{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:translateX(0)!important;
}
body.admin-workspace>.admin-sidebar .header-inner{
  padding:19px 17px 15px!important;display:flex!important;gap:0!important;height:100%!important;
}
body.admin-workspace .admin-sidebar-head{padding:0 3px 16px!important;border-bottom:1px solid #eff2f0!important;margin-bottom:11px!important}
body.admin-workspace .admin-sidebar .brand{gap:11px!important}
body.admin-workspace .admin-sidebar .brand strong{font-size:15px!important;font-weight:850!important}
body.admin-workspace .admin-sidebar .brand small{font-size:10px!important;line-height:1.6!important}
body.admin-workspace .admin-sidebar-close{
  display:grid!important;place-items:center!important;
  width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;
  border:0!important;background:#f1f5f2!important;color:#52665c!important;box-shadow:none!important;
  border-radius:9px!important;font-size:17px!important;
}
body.admin-workspace .admin-sidebar .admin-nav{
  width:100%!important;min-height:0!important;max-height:none!important;flex:1!important;
  padding:0 5px 0 0!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-color:#dfe7e2 transparent!important;scrollbar-width:thin!important;
}
body.admin-workspace .admin-sidebar .nav-main{gap:3px!important}
body.admin-workspace .admin-nav-group{margin:0!important}
body.admin-workspace .admin-nav-group summary{
  min-height:39px!important;padding:7px 9px!important;color:#53645e!important;
  font-size:11px!important;font-weight:750!important;
  border-radius:9px!important;
}
body.admin-workspace .admin-nav-group[open]>summary{color:#087f72!important}
body.admin-workspace .admin-nav-link{
  min-height:38px!important;padding:7px 9px!important;font-size:11px!important;
  margin:1px 0!important;border-radius:10px!important;gap:7px!important;
  box-shadow:none!important
}
body.admin-workspace .admin-nav-icon{width:23px!important;height:23px!important;font-size:13px!important;border-radius:7px!important}
body.admin-workspace .vz-drawer-footer{
  margin-top:auto!important;padding:13px 2px 0!important;
  border-top:1px solid #edf1ee!important;
}
body.admin-workspace .vz-drawer-account{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
}
body.admin-workspace .vz-account-person{
  display:flex;align-items:center;gap:9px;min-width:0;flex:1;
  text-decoration:none!important;padding:3px!important;border-radius:10px!important;color:#25372e!important;
}
body.admin-workspace .vz-account-person:hover{background:#f5f9f6}
body.admin-workspace .vz-account-person .admin-avatar{
  width:35px!important;height:35px!important;border-radius:50%!important;flex:0 0 35px!important;
  font-size:12px!important;background:#e4f2e9!important;color:#07786d!important;
  border:1px solid #cfdfd6!important;
}
body.admin-workspace .vz-account-person .admin-account-copy{display:grid!important;min-width:0;gap:0}
body.admin-workspace .vz-account-person .admin-account-copy strong{font-size:12px!important;font-weight:850!important}
body.admin-workspace .vz-account-person .admin-account-copy small{font-size:10px!important;color:#87938d!important}
body.admin-workspace .vz-account-more{position:relative;flex:none}
body.admin-workspace .vz-account-more summary{
  display:grid;place-items:center;list-style:none;cursor:pointer;
  width:34px;height:34px;border-radius:9px;
  font-size:19px;line-height:1;color:#687b71;
}
body.admin-workspace .vz-account-more summary::-webkit-details-marker{display:none}
body.admin-workspace .vz-account-more summary:hover{background:#edf5f0}
body.admin-workspace .vz-account-more[open] .vz-account-options{
  display:grid;gap:2px;
}
body.admin-workspace .vz-account-options{
  position:absolute;left:0;bottom:42px;min-width:175px;z-index:270;
  background:#fff;border:1px solid #dfe8e1;border-radius:13px;padding:7px;
  box-shadow:0 14px 35px rgba(12,39,30,.13);
}
body.admin-workspace .vz-account-options>a,
body.admin-workspace .vz-account-options button{
  display:flex!important;align-items:center;justify-content:flex-start!important;
  width:100%!important;min-height:34px!important;
  padding:8px 10px!important;background:transparent!important;
  color:#43564c!important;border:0!important;box-shadow:none!important;
  border-radius:8px!important;font:650 11px Vazirmatn,sans-serif!important;
  text-decoration:none!important;text-align:right!important;
  transform:none!important;
}
body.admin-workspace .vz-account-options>a:hover,
body.admin-workspace .vz-account-options button:hover{background:#f0f5f1!important}
body.admin-workspace .vz-account-options form{margin:0!important;display:block!important}
body.admin-workspace .vz-account-options form button{color:#c44d54!important}
body.admin-workspace>.admin-drawer-backdrop{
  position:fixed!important;inset:0!important;z-index:210!important;
  display:block!important;width:100%!important;height:100%!important;
  background:rgba(15,31,27,.23)!important;
  opacity:0!important;pointer-events:none!important;
  padding:0!important;border:0!important;box-shadow:none!important;border-radius:0!important;
  transition:opacity .18s ease!important;
}
body.admin-workspace.drawer-open>.admin-drawer-backdrop{opacity:1!important;pointer-events:auto!important}
body.admin-workspace>.cc-desktop-topbar{
  position:relative;z-index:1;
  display:flex!important;align-items:center;justify-content:space-between;
  min-height:63px;height:63px!important;
  margin:0 0 0 var(--vz-rail-width)!important;width:calc(100% - var(--vz-rail-width))!important;
  padding:8px clamp(16px,2.7vw,40px)!important;
  color:#1d332c!important;background:#fff!important;border-bottom:1px solid #edf1ee!important;
}
body.admin-workspace .vz-topbar-location{display:flex!important;align-items:baseline!important;gap:9px!important}
body.admin-workspace .vz-topbar-location .vz-topbar-kicker{color:#8a9991;font-size:11px}
body.admin-workspace .vz-topbar-location strong{color:#173d34!important;font-size:13px;font-weight:850}
body.admin-workspace .vz-topbar-actions{display:flex;align-items:center;gap:10px}
body.admin-workspace .vz-top-search.admin-command-trigger{
  width:195px!important;min-height:37px!important;height:37px!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  background:#f8faf9!important;border:1px solid #e6ede7!important;
  border-radius:10px!important;color:#657970!important;
  padding:5px 11px!important;font-size:11px!important;box-shadow:none!important;
  transform:none!important;
}
body.admin-workspace .vz-top-search svg{width:17px;height:17px}
body.admin-workspace .vz-top-search kbd{min-height:20px;white-space:nowrap;font-size:9px;margin-right:auto}
body.admin-workspace>.admin-main{
  width:calc(100% - var(--vz-rail-width))!important;max-width:none!important;
  margin:0 0 0 var(--vz-rail-width)!important;
  padding:clamp(18px,2.6vw,34px) clamp(16px,2.65vw,40px) 42px!important;
  min-height:calc(100dvh - 112px)!important;
  background:transparent!important;
}
body.admin-workspace>.admin-footer{
  margin:0 0 0 var(--vz-rail-width)!important;
  width:calc(100% - var(--vz-rail-width))!important;
  padding:14px clamp(16px,2.65vw,40px)!important;
  font-size:10px!important;border-top:1px solid #eff2ef!important;
}
body.admin-workspace .vz-rail-control:focus-visible,
body.admin-workspace .vz-account-more summary:focus-visible{outline:2px solid #087f72!important;outline-offset:2px!important}
@media(min-width:1041px){
  body.admin-workspace .admin-sidebar-head>.admin-sidebar-close{display:grid!important}
}
@media(max-width:760px){
  body.admin-workspace{--vz-rail-width:65px}
  body.admin-workspace>.vz-rail{top:8px;bottom:8px;left:7px;width:51px;padding:9px 4px;border-radius:17px;gap:9px}
  body.admin-workspace .vz-rail-brand{width:38px;height:38px;flex-basis:38px;font-size:24px;border-radius:12px;margin-bottom:3px}
  body.admin-workspace .vz-rail-control{width:39px!important;height:39px!important;min-height:39px!important;border-radius:10px!important}
  body.admin-workspace .vz-rail-control svg{width:18px;height:18px}
  body.admin-workspace>.cc-desktop-topbar{height:53px!important;min-height:53px;padding-inline:14px!important}
  body.admin-workspace .vz-topbar-location .vz-topbar-kicker{display:none}
  body.admin-workspace .vz-top-search.admin-command-trigger{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;justify-content:center}
  body.admin-workspace .vz-top-search span,body.admin-workspace .vz-top-search kbd{display:none}
  body.admin-workspace>.admin-main{padding:16px 14px 36px!important}
  body.admin-workspace>.admin-sidebar{left:calc(var(--vz-rail-width) + 2px)!important;width:min(308px,calc(100vw - var(--vz-rail-width) - 11px))!important}
}
@media(max-width:440px){
  body.admin-workspace{--vz-rail-width:56px}
  body.admin-workspace>.vz-rail{top:6px;bottom:6px;left:5px;width:46px;padding:9px 3px;gap:8px}
  body.admin-workspace .vz-rail-brand{width:36px;height:36px;flex-basis:36px;font-size:21px}
  body.admin-workspace .vz-rail-control{width:37px!important;height:37px!important;min-height:37px!important}
  body.admin-workspace>.admin-main{padding:14px 11px 30px!important}
  body.admin-workspace>.admin-sidebar{left:calc(var(--vz-rail-width) + 1px)!important;width:calc(100vw - var(--vz-rail-width) - 7px)!important}
  body.admin-workspace .vz-topbar-location strong{font-size:11px!important}
  body.admin-workspace>.cc-desktop-topbar{padding-inline:11px!important}
  body.admin-workspace>.admin-footer{padding:11px!important}
}
@media(prefers-reduced-motion:reduce){
  body.admin-workspace>.admin-sidebar,body.admin-workspace>.admin-drawer-backdrop{transition:none!important}
}

/* Logical-inset correction for Persian RTL: anchor the drawer next to the left rail. */
html[dir="rtl"] body.admin-workspace>.admin-sidebar{
  inset-inline-start:auto!important;
  inset-inline-end:calc(var(--vz-rail-width) + 6px)!important;
  right:auto!important;
}
html[dir="ltr"] body.admin-workspace>.admin-sidebar{
  inset-inline-start:calc(var(--vz-rail-width) + 6px)!important;
  inset-inline-end:auto!important;
  right:auto!important;
}
@media(max-width:760px){
  html[dir="rtl"] body.admin-workspace>.admin-sidebar{inset-inline-end:calc(var(--vz-rail-width) + 2px)!important}
  html[dir="ltr"] body.admin-workspace>.admin-sidebar{inset-inline-start:calc(var(--vz-rail-width) + 2px)!important}
}
@media(max-width:440px){
  html[dir="rtl"] body.admin-workspace>.admin-sidebar{inset-inline-end:calc(var(--vz-rail-width) + 1px)!important}
  html[dir="ltr"] body.admin-workspace>.admin-sidebar{inset-inline-start:calc(var(--vz-rail-width) + 1px)!important}
}