/* Inserator Shell v2.0 — canonical chrome shared by Web-App and Local Extension.
   This file must stay byte-identical in both packages. */
:root{
  --ins-header-h:68px;
  --ins-sidebar-w:220px;
  --ins-shell-pad-x:18px;
  --ins-sidebar-pad-x:14px;
  --ins-sidebar-pad-top:18px;
  --ins-content-gutter:24px;
  --ins-content-max:1600px;
  --ins-page-top:26px;
  --ins-nav-h:46px;
  --ins-nav-icon:28px;
  --ins-control-h:40px;
  --ins-brand-mark:42px;
  --ins-font-brand:15px;
  --ins-font-brand-sub:9px;
  --ins-font-sidebar-title:10px;
  --ins-font-nav:12px;
  --ins-font-control:11px;
}

html,body{margin:0!important;min-height:100%;font-family:var(--ins-font-sans)!important;background:var(--ins-bg)!important;color:var(--ins-text)!important}
body.unified-web-shell,body.ins-local-shell{overflow:auto!important;background:radial-gradient(circle at 72% -18%,color-mix(in srgb,var(--ins-taupe) 10%,transparent) 0,transparent 34%),var(--ins-bg)!important}

/* ===== Header ===== */
.ins-shell-header,.workspace-top{box-sizing:border-box!important;position:relative!important;z-index:70!important;width:100%!important;height:var(--ins-header-h)!important;min-height:var(--ins-header-h)!important;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--ins-line)!important;background:color-mix(in srgb,var(--ins-surface) 94%,transparent)!important;backdrop-filter:blur(16px)!important;display:block!important;align-items:initial!important}
.ins-shell-header-inner,.workspace-header{box-sizing:border-box!important;width:100%!important;max-width:none!important;height:var(--ins-header-h)!important;margin:0!important;padding:0 var(--ins-shell-pad-x)!important;display:grid!important;grid-template-columns:var(--ins-sidebar-w) minmax(0,1fr) auto!important;align-items:center!important;gap:0!important}
.ins-shell-brand,.workspace-brand{grid-column:1!important;box-sizing:border-box!important;width:var(--ins-sidebar-w)!important;min-width:0!important;height:var(--ins-header-h)!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-self:start!important;gap:10px!important;color:var(--ins-text)!important;text-decoration:none!important}
.ins-shell-brand .ins-brand-mark,.workspace-brand .ins-brand-mark{width:var(--ins-brand-mark)!important;height:var(--ins-brand-mark)!important;flex:0 0 var(--ins-brand-mark)!important;margin:0!important;padding:0!important;border:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.ins-shell-brand .ins-brand-mark img,.workspace-brand .ins-brand-mark img{width:100%!important;height:100%!important;margin:0!important;display:block!important;object-fit:contain!important}
.ins-shell-brand .ins-brand-copy,.workspace-brand .ins-brand-copy{display:flex!important;min-width:0!important;flex-direction:column!important;justify-content:center!important;line-height:1!important}
.ins-shell-brand .ins-brand-name,.workspace-brand .ins-brand-name{margin:0!important;padding:0!important;font-family:var(--ins-font-display)!important;font-size:var(--ins-font-brand)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.035em!important;color:var(--ins-text)!important;white-space:nowrap!important}
.ins-shell-brand .ins-brand-scope,.workspace-brand .ins-brand-scope{margin:5px 0 0!important;padding:0!important;display:flex!important;align-items:center!important;gap:5px!important;font-family:var(--ins-font-sans)!important;font-size:var(--ins-font-brand-sub)!important;font-weight:650!important;line-height:1!important;color:var(--ins-muted)!important;white-space:nowrap!important}
.ins-shell-brand .ins-brand-scope img,.workspace-brand .ins-brand-scope img{width:12px!important;height:12px!important;flex:0 0 12px!important;display:block!important;object-fit:contain!important}
.ins-shell-actions,.top-actions{grid-column:3!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:var(--ins-control-h)!important;margin:0 0 0 auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important}

/* ===== Workspace selector / locale / theme ===== */
.workspace-switch{position:relative!important;box-sizing:border-box!important;width:190px!important;min-width:190px!important;height:var(--ins-control-h)!important;margin:0!important;padding:3px!important;display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important;gap:0!important;border:1px solid var(--ins-line)!important;border-radius:11px!important;background:var(--ins-surface-soft)!important;box-shadow:inset 0 1px rgba(255,255,255,.32)!important;isolation:isolate!important}
.workspace-switch::before{content:""!important;position:absolute!important;z-index:0!important;left:3px!important;top:3px!important;width:calc((100% - 6px)/2)!important;height:32px!important;border-radius:8px!important;background:var(--ins-surface)!important;box-shadow:var(--ins-shadow-xs)!important;transform:translateX(0)!important;transition:transform .16s ease!important}
.workspace-switch.is-local::before{transform:translateX(100%)!important}
.workspace-switch-item{position:relative!important;z-index:1!important;box-sizing:border-box!important;width:100%!important;height:32px!important;margin:0!important;padding:0 6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ins-muted)!important;font-family:var(--ins-font-sans)!important;font-size:var(--ins-font-control)!important;font-weight:780!important;line-height:1!important;white-space:nowrap!important;box-shadow:none!important;appearance:none!important}
.workspace-switch-item.active{color:var(--ins-text)!important;cursor:default!important}.workspace-switch-item:not(.active){cursor:pointer!important}.workspace-switch-item:not(.active):hover{color:var(--ins-text)!important}
.workspace-switch-item img,.workspace-switch-item .switch-icon,.workspace-switch-item .shell-nav-icon-img{width:13px!important;height:13px!important;flex:0 0 13px!important;margin:0!important;opacity:.76!important}.workspace-switch-item.active img,.workspace-switch-item.active .switch-icon,.workspace-switch-item.active .shell-nav-icon-img{opacity:1!important}
.locale-switch,.unified-locale-switch{box-sizing:border-box!important;height:var(--ins-control-h)!important;margin:0!important;padding:3px!important;display:flex!important;align-items:center!important;gap:0!important;border:1px solid var(--ins-line)!important;border-radius:11px!important;background:var(--ins-surface-soft)!important}
.locale-option,.unified-locale-switch .locale-option{box-sizing:border-box!important;height:32px!important;min-width:38px!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:var(--ins-muted)!important;font-family:var(--ins-font-sans)!important;font-size:var(--ins-font-control)!important;font-weight:780!important;line-height:1!important;box-shadow:none!important;appearance:none!important}
.locale-option.active,.unified-locale-switch .locale-option.active{background:var(--ins-surface)!important;color:var(--ins-text)!important;box-shadow:var(--ins-shadow-xs)!important}
.theme-toggle,.theme-button{box-sizing:border-box!important;width:var(--ins-control-h)!important;min-width:var(--ins-control-h)!important;height:var(--ins-control-h)!important;margin:0!important;padding:0!important;border:1px solid var(--ins-line)!important;border-radius:11px!important;background:var(--ins-surface)!important;color:var(--ins-text)!important;display:grid!important;place-items:center!important;font-family:var(--ins-font-sans)!important;line-height:1!important;appearance:none!important}
.workspace-nav,.top-actions>.top-link,.top-actions>#adminLink,.locale-toggle-source{display:none!important}

/* ===== Sidebar ===== */
.ins-shell-sidebar,.web-sidebar{box-sizing:border-box!important;position:fixed!important;z-index:55!important;left:0!important;top:var(--ins-header-h)!important;bottom:0!important;width:var(--ins-sidebar-w)!important;height:calc(100vh - var(--ins-header-h))!important;margin:0!important;padding:var(--ins-sidebar-pad-top) var(--ins-sidebar-pad-x) 18px!important;border:0!important;border-right:1px solid var(--ins-line)!important;background:color-mix(in srgb,var(--ins-surface) 90%,var(--ins-bg))!important;display:flex!important;flex-direction:column!important;gap:14px!important}
.ins-shell-scope-row,.web-sidebar-title{box-sizing:border-box!important;position:relative!important;width:100%!important;height:24px!important;min-height:24px!important;margin:0!important;padding:0 8px 4px!important;display:flex!important;align-items:center!important;gap:7px!important;color:var(--ins-muted)!important;font-family:var(--ins-font-sans)!important;font-size:var(--ins-font-sidebar-title)!important;font-weight:900!important;letter-spacing:.12em!important;line-height:1!important;text-transform:uppercase!important;white-space:nowrap!important}
.scope-glyph{width:14px!important;height:14px!important;flex:0 0 14px!important;background:currentColor!important;opacity:.9!important;mask-repeat:no-repeat!important;mask-position:center!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important;-webkit-mask-size:contain!important}.scope-glyph.icon-cloud{mask-image:url('brand/icons/cloud.svg')!important;-webkit-mask-image:url('brand/icons/cloud.svg')!important}.scope-glyph.icon-device{mask-image:url('brand/icons/device.svg')!important;-webkit-mask-image:url('brand/icons/device.svg')!important}
.scope-info-button{box-sizing:border-box!important;margin:0 0 0 auto!important;width:19px!important;height:19px!important;min-width:19px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid var(--ins-line)!important;border-radius:50%!important;background:var(--ins-surface)!important;color:var(--ins-muted)!important;font:800 10px/1 var(--ins-font-sans)!important;cursor:pointer!important;box-shadow:none!important;appearance:none!important}.scope-info-button:hover,.scope-info-button[aria-expanded="true"]{color:var(--ins-text)!important;border-color:var(--ins-line-strong)!important;background:var(--ins-surface-soft)!important}
.scope-help{position:absolute!important;z-index:120!important;top:28px!important;left:4px!important;width:188px!important;padding:11px 12px!important;border:1px solid var(--ins-line)!important;border-radius:11px!important;background:var(--ins-surface)!important;color:var(--ins-text)!important;box-shadow:var(--ins-shadow-md)!important;font-size:11px!important;font-weight:550!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important}.scope-help[hidden]{display:none!important}.scope-help strong{display:block!important;margin-bottom:4px!important;font-size:11px!important}.scope-help span{color:var(--ins-muted)!important}
.ins-shell-nav,.web-sidebar-nav{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;display:grid!important;gap:6px!important;border:0!important;background:transparent!important}
.ins-shell-nav :is(a,button),.web-sidebar-nav :is(a,button){box-sizing:border-box!important;width:100%!important;height:var(--ins-nav-h)!important;min-height:var(--ins-nav-h)!important;margin:0!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--ins-muted)!important;font-family:var(--ins-font-sans)!important;font-size:var(--ins-font-nav)!important;font-weight:760!important;line-height:1!important;text-align:left!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;appearance:none!important;transition:background .14s,border-color .14s,color .14s!important}
.ins-shell-nav :is(a,button):hover:not(.active),.web-sidebar-nav :is(a,button):hover:not(.active){background:color-mix(in srgb,var(--ins-surface) 54%,transparent)!important;color:var(--ins-text)!important}
.ins-shell-nav :is(a,button).active,.web-sidebar-nav :is(a,button).active{background:var(--ins-surface)!important;color:var(--ins-text)!important;border-color:var(--ins-line)!important;box-shadow:var(--ins-shadow-xs)!important}
.shell-nav-icon,.nav-icon{box-sizing:border-box!important;width:var(--ins-nav-icon)!important;height:var(--ins-nav-icon)!important;flex:0 0 var(--ins-nav-icon)!important;margin:0!important;border-radius:9px!important;display:grid!important;place-items:center!important;background:var(--ins-surface-soft)!important;color:var(--ins-text)!important}
.ins-shell-nav :is(a,button).active .shell-nav-icon,.web-sidebar-nav :is(a,button).active .shell-nav-icon,.web-sidebar-nav :is(a,button).active .nav-icon{background:var(--ins-cream)!important}
.nav-symbol{width:15px!important;height:15px!important;display:block!important;background:currentColor!important;mask-repeat:no-repeat!important;mask-position:center!important;mask-size:contain!important;-webkit-mask-repeat:no-repeat!important;-webkit-mask-position:center!important;-webkit-mask-size:contain!important}
.nav-symbol.icon-products{mask-image:url('brand/icons/products.svg')!important;-webkit-mask-image:url('brand/icons/products.svg')!important}.nav-symbol.icon-sales{mask-image:url('brand/icons/sales.svg')!important;-webkit-mask-image:url('brand/icons/sales.svg')!important}.nav-symbol.icon-invoices{mask-image:url('brand/icons/invoices.svg')!important;-webkit-mask-image:url('brand/icons/invoices.svg')!important}.nav-symbol.icon-statistics{mask-image:url('brand/icons/statistics.svg')!important;-webkit-mask-image:url('brand/icons/statistics.svg')!important}.nav-symbol.icon-account{mask-image:url('brand/icons/account.svg')!important;-webkit-mask-image:url('brand/icons/account.svg')!important}.nav-symbol.icon-admin{mask-image:url('brand/icons/admin.svg')!important;-webkit-mask-image:url('brand/icons/admin.svg')!important}.nav-symbol.icon-queue{mask-image:url('brand/icons/queue.svg')!important;-webkit-mask-image:url('brand/icons/queue.svg')!important}.nav-symbol.icon-history{mask-image:url('brand/icons/history.svg')!important;-webkit-mask-image:url('brand/icons/history.svg')!important}.nav-symbol.icon-text{mask-image:url('brand/icons/text.svg')!important;-webkit-mask-image:url('brand/icons/text.svg')!important}
.web-sidebar-divider{height:1px!important;margin:4px 4px!important;background:var(--ins-line)!important}.web-sidebar-scope,.sidebar-scope{display:none!important}

/* ===== Main frame ===== */
.ins-shell-main,.unified-web-shell .web-workspace,.unified-web-shell .finance-workspace,.unified-web-shell .account-workspace,.unified-web-shell .admin-portal{box-sizing:border-box!important;min-width:0!important;min-height:calc(100vh - var(--ins-header-h))!important;margin:0!important;margin-left:var(--ins-sidebar-w)!important;padding:var(--ins-page-top) 0 28px!important;background:transparent!important}
.ins-shell-main-inner,.unified-web-shell .workspace-wrap,.unified-web-shell .finance-wrap,.unified-web-shell .account-wrap,.unified-web-shell .admin-wrap{box-sizing:border-box!important;width:min(var(--ins-content-max),calc(100% - (var(--ins-content-gutter) * 2)))!important;max-width:none!important;margin:0 auto!important;padding:0!important}
.ins-local-shell #workspaceFrame{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;border:0!important;background:transparent!important}

/* ===== Dark mode ===== */
html[data-theme="dark"] .workspace-switch,html[data-theme="dark"] .locale-switch,html[data-theme="dark"] .unified-locale-switch{background:var(--ins-surface-soft)!important;border-color:var(--ins-line)!important;box-shadow:none!important}
html[data-theme="dark"] .workspace-switch::before,html[data-theme="dark"] .locale-option.active,html[data-theme="dark"] .unified-locale-switch .locale-option.active{background:var(--ins-surface-muted)!important;box-shadow:none!important}
html[data-theme="dark"] .ins-shell-sidebar,html[data-theme="dark"] .web-sidebar{background:color-mix(in srgb,var(--ins-surface) 92%,var(--ins-bg))!important}
html[data-theme="dark"] .ins-shell-nav :is(a,button).active,html[data-theme="dark"] .web-sidebar-nav :is(a,button).active{background:var(--ins-surface-soft)!important;border-color:var(--ins-line)!important;box-shadow:none!important}
html[data-theme="dark"] .shell-nav-icon,html[data-theme="dark"] .nav-icon{background:var(--ins-surface-muted)!important}html[data-theme="dark"] .ins-shell-nav :is(a,button).active .shell-nav-icon,html[data-theme="dark"] .web-sidebar-nav :is(a,button).active .shell-nav-icon,html[data-theme="dark"] .web-sidebar-nav :is(a,button).active .nav-icon{background:#4A453F!important}
html[data-theme="dark"] .ins-shell-brand .ins-brand-scope img,html[data-theme="dark"] .workspace-brand .ins-brand-scope img,html[data-theme="dark"] .workspace-switch-item img,html[data-theme="dark"] .switch-icon{filter:invert(.9) sepia(.06) saturate(.4) brightness(1.25)!important}

@media(max-width:900px){:root{--ins-sidebar-w:190px;--ins-content-gutter:18px}.ins-shell-header-inner,.workspace-header{grid-template-columns:var(--ins-sidebar-w) minmax(0,1fr) auto!important}.ins-shell-brand,.workspace-brand,.ins-shell-sidebar,.web-sidebar{width:var(--ins-sidebar-w)!important}}
@media(max-width:680px){:root{--ins-sidebar-w:0px;--ins-content-gutter:14px}.ins-shell-header-inner,.workspace-header{display:flex!important;padding:0 10px!important;gap:8px!important}.ins-shell-brand,.workspace-brand{width:auto!important;flex:1!important}.ins-shell-brand .ins-brand-copy,.workspace-brand .ins-brand-copy{display:none!important}.workspace-switch{width:92px!important;min-width:92px!important}.workspace-switch-item span{display:none!important}.locale-switch,.unified-locale-switch{display:none!important}.ins-shell-sidebar,.web-sidebar{position:static!important;width:100%!important;height:auto!important;padding:8px 10px!important;border-right:0!important;border-bottom:1px solid var(--ins-line)!important}.ins-shell-scope-row,.web-sidebar-title{display:none!important}.ins-shell-nav,.web-sidebar-nav{grid-template-columns:repeat(3,1fr)!important}.ins-shell-nav :is(a,button),.web-sidebar-nav :is(a,button){justify-content:center!important;padding:0 5px!important}.ins-shell-nav .shell-nav-icon,.web-sidebar-nav .shell-nav-icon,.web-sidebar-nav .nav-icon{display:none!important}.ins-shell-main,.unified-web-shell .web-workspace,.unified-web-shell .finance-workspace,.unified-web-shell .account-workspace,.unified-web-shell .admin-portal{margin-left:0!important}.ins-shell-main-inner,.unified-web-shell .workspace-wrap,.unified-web-shell .finance-wrap,.unified-web-shell .account-wrap,.unified-web-shell .admin-wrap{width:calc(100% - (var(--ins-content-gutter) * 2))!important}}


/* vNEXT — theme logo layers occupy the same slot; only the active theme asset is visible. */
.ins-shell-brand .ins-brand-mark .brand-light,
.ins-shell-brand .ins-brand-mark .brand-dark,
.workspace-brand .ins-brand-mark .brand-light,
.workspace-brand .ins-brand-mark .brand-dark{
  grid-area:1 / 1!important;
}
.ins-shell-brand .ins-brand-mark .brand-dark,
.workspace-brand .ins-brand-mark .brand-dark{
  display:none!important;
}
html[data-theme="dark"] .ins-shell-brand .ins-brand-mark .brand-light,
html[data-theme="dark"] .workspace-brand .ins-brand-mark .brand-light{
  display:none!important;
}
html[data-theme="dark"] .ins-shell-brand .ins-brand-mark .brand-dark,
html[data-theme="dark"] .workspace-brand .ins-brand-mark .brand-dark{
  display:block!important;
}
.ins-shell-nav [hidden],.web-sidebar-nav [hidden]{display:none!important}
.extension-install-dialog{width:min(430px,calc(100% - 28px));border:1px solid var(--ins-line);border-radius:18px;background:var(--ins-surface);color:var(--ins-text);padding:0;box-shadow:var(--ins-shadow-lg)}.extension-install-dialog::backdrop{background:rgba(20,18,16,.35);backdrop-filter:blur(3px)}.extension-install-dialog form{padding:24px;display:grid;gap:12px}.extension-install-dialog h2{margin:0;font-size:22px;letter-spacing:-.035em}.extension-install-dialog p{margin:0;color:var(--ins-muted);font-size:12px;line-height:1.6}.extension-install-icon{width:44px;height:44px;border-radius:12px;background:var(--ins-surface-soft);display:grid;place-items:center}.extension-install-icon img{width:19px;height:19px}.extension-install-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.extension-install-actions a,.extension-install-actions button{min-height:38px;border-radius:10px;border:1px solid var(--ins-line);padding:0 13px;display:inline-flex;align-items:center;justify-content:center;background:var(--ins-surface-soft);color:var(--ins-text);text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}.extension-install-actions .extension-install-primary{background:var(--ins-text);color:var(--ins-surface);border-color:var(--ins-text)}.extension-install-actions [hidden]{display:none!important}