/* ========================================================================== */
/* DocMaker 9.7.35 — readable compact dashboard and refined panel shell       */
/* ========================================================================== */

/* Keep the panel palette identical to the public landing palette. */
:root{
  --panel-brand-light:#d9ebe6;
  --panel-brand-light-strong:#c8e4dd;
  --panel-surface-tint:#e7f3ef;
}
html[data-theme="dark"]{
  --panel-brand-light:#17302b;
  --panel-brand-light-strong:#1b3b34;
  --panel-surface-tint:#1b3347;
}

/* Landing-style weather theme switch. */
.panel-weather-theme{
  width:62px!important;
  min-width:62px!important;
  height:44px!important;
  min-height:44px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border))!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#f8fbff,#edf4ff)!important;
  box-shadow:0 8px 22px rgba(38,87,164,.11),inset 0 1px 0 rgba(255,255,255,.92)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.panel-weather-theme:hover{
  transform:translateY(-2px)!important;
  border-color:color-mix(in srgb,var(--primary) 54%,var(--border))!important;
  box-shadow:0 13px 28px rgba(38,87,164,.18),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.panel-weather-theme>span:last-child{display:none!important}
.panel-weather-theme .theme-weather-icon{
  position:relative!important;
  width:48px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:scale(.96)!important;
  transition:transform .25s ease!important;
}
.panel-weather-theme:hover .theme-weather-icon{transform:scale(1.06)!important}
.panel-weather-theme .theme-weather-icon i{position:absolute!important}
.panel-weather-theme .theme-weather-icon .fa-moon{font-size:28px!important;color:#5d6ed6!important;inset:4px auto auto 6px!important;z-index:2}
.panel-weather-theme .theme-weather-icon .star-one{font-size:8px!important;color:#f3b63f!important;inset:3px 4px auto auto!important;z-index:3}
.panel-weather-theme .theme-weather-icon .star-two{font-size:5px!important;color:#f3b63f!important;inset:auto 5px 7px auto!important;z-index:3}
.panel-weather-theme .theme-weather-icon .fa-cloud{font-size:15px!important;color:#8eb4da!important;inset:auto auto 4px 3px!important;z-index:1}
.panel-weather-theme .theme-weather-icon .fa-sun{font-size:28px!important;color:#f6b936!important;inset:2px 3px auto auto!important;z-index:2}
html[data-theme="dark"] .panel-weather-theme{
  border-color:#3d536d!important;
  background:linear-gradient(145deg,#19263a,#111b2b)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)!important;
}

/* Account identity is deliberately different from the workspace selector. */
.sidebar-account-card{
  position:relative;
  gap:8px!important;
  min-height:62px;
  padding:7px 5px 7px 9px!important;
  border:0!important;
  border-inline-start:3px solid rgba(123,215,189,.9)!important;
  border-radius:4px 13px 13px 4px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;
  box-shadow:none!important;
}
.sidebar-account-avatar{
  width:36px!important;
  height:36px!important;
  flex-basis:36px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.1)!important;
}
.sidebar-account-copy{line-height:1.28!important;overflow:hidden}
.sidebar-account-copy small{font-size:8px!important;letter-spacing:.02em}
.sidebar-account-copy strong{
  display:-webkit-box!important;
  max-width:none!important;
  overflow:hidden!important;
  font-size:14px!important;
  line-height:1.55!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.sidebar-account-copy em{
  max-width:100%;
  margin-top:1px;
  font-size:7.5px!important;
  direction:ltr;
  text-align:start;
}
.sidebar-account-card>a{
  width:29px!important;
  height:29px!important;
  flex-basis:29px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.055)!important;
}
.workspace-combobox-host .workspace-combobox-trigger{
  min-height:62px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(9,31,58,.28),rgba(255,255,255,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 9px 22px rgba(6,25,46,.13)!important;
}
.workspace-combobox-host .workspace-combobox-icon{
  width:40px!important;
  height:40px!important;
  flex-basis:40px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.1)!important;
}
.workspace-combobox-host .workspace-combobox-trigger small{font-size:8.5px!important;color:#cce0ea!important}
.workspace-combobox-host .workspace-combobox-trigger strong{
  max-width:145px!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}

/* A paid plan is informational only; the upgrade button exists only for free accounts. */
.sidebar-license-card:not(.free){grid-template-columns:42px minmax(0,1fr)!important}
.sidebar-license-card:not(.free)>a{display:none!important}

/* Readable top bar with a collision-proof mobile layout. */
.topbar-heading{min-width:0!important;max-width:none!important;flex:1 1 auto!important}
.topbar-heading h1{font-size:clamp(20px,1.7vw,24px)!important;line-height:1.35!important}
.topbar-secondary-copy{font-size:12px!important;line-height:1.8!important}
.topbar-primary-actions .button,.topbar .button{font-size:13px!important}

/* Dashboard-only typography and landing-aligned visual language. */
body[data-page="dashboard.home"] .page-content{
  max-width:1560px;
  padding:clamp(14px,1.8vw,26px)!important;
}
body[data-page="dashboard.home"] .panel-card{
  border-color:color-mix(in srgb,var(--border) 88%,var(--primary) 12%);
  box-shadow:0 12px 34px rgba(35,111,105,.07);
}
body[data-page="dashboard.home"] .section-head{
  min-height:68px;
  padding:15px 18px;
}
body[data-page="dashboard.home"] .section-head h3{font-size:16px!important;line-height:1.5}
body[data-page="dashboard.home"] .section-head p{font-size:11.5px!important;line-height:1.7}
body[data-page="dashboard.home"] .section-head>a{font-size:12px!important}
body[data-page="dashboard.home"] .button{
  min-height:43px;
  padding-inline:16px;
  font-size:13.5px!important;
  border-radius:12px;
}

/* Extremely compact hero: one information row plus tiny live service badges. */
body[data-page="dashboard.home"] .compact-dashboard-hero{
  position:relative;
  isolation:isolate;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  min-height:0!important;
  margin-bottom:12px!important;
  padding:14px 18px!important;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border))!important;
  border-radius:20px!important;
  color:var(--text)!important;
  background:
    radial-gradient(circle at 12% 20%,rgba(53,154,126,.16),transparent 35%),
    radial-gradient(circle at 88% 18%,rgba(38,87,164,.11),transparent 36%),
    linear-gradient(135deg,var(--panel-brand-light),var(--panel-brand-light-strong))!important;
  box-shadow:0 16px 42px rgba(35,111,105,.11)!important;
}
body[data-page="dashboard.home"] .compact-dashboard-hero::after{
  width:210px!important;
  height:210px!important;
  inset:auto -70px -120px auto!important;
  border-color:color-mix(in srgb,var(--primary) 12%,transparent)!important;
  box-shadow:0 0 0 30px color-mix(in srgb,var(--primary) 4%,transparent),0 0 0 64px color-mix(in srgb,var(--primary) 3%,transparent)!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-copy{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"eyebrow actions" "title actions" "description actions";
  align-items:center;
  column-gap:18px;
  min-width:0;
}
body[data-page="dashboard.home"] .workspace-dashboard-copy .eyebrow{
  grid-area:eyebrow;
  color:var(--primary)!important;
  font-size:10.5px!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-copy h2{
  grid-area:title;
  margin:1px 0 0!important;
  color:var(--text)!important;
  font-size:clamp(18px,1.8vw,24px)!important;
  line-height:1.45!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-copy p{
  grid-area:description;
  max-width:620px!important;
  margin:0!important;
  color:var(--muted)!important;
  font-size:11.5px!important;
  line-height:1.8!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-actions{
  grid-area:actions;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
  margin:0!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-actions .button{min-height:39px!important;padding:7px 12px!important;font-size:11.5px!important}
body[data-page="dashboard.home"] .workspace-dashboard-actions .button-light{
  color:#fff!important;
  background:linear-gradient(135deg,#2657a4,#1d457d)!important;
  box-shadow:0 9px 22px rgba(38,87,164,.2);
}
body[data-page="dashboard.home"] .workspace-dashboard-actions .button-ghost-light{
  color:var(--text)!important;
  border-color:color-mix(in srgb,var(--primary) 20%,var(--border))!important;
  background:color-mix(in srgb,var(--surface) 84%,transparent)!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-side{
  width:auto!important;
  flex:0 0 auto!important;
  align-self:start;
}
body[data-page="dashboard.home"] .workspace-service-status{
  display:flex!important;
  align-items:center;
  justify-content:flex-end!important;
  flex-wrap:wrap;
  gap:7px!important;
}
body[data-page="dashboard.home"] .workspace-service-status>span{
  min-width:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 9px!important;
  border:1px solid color-mix(in srgb,var(--border) 70%,transparent)!important;
  border-radius:999px!important;
  color:var(--text)!important;
  background:color-mix(in srgb,var(--surface) 72%,transparent)!important;
  box-shadow:0 5px 16px rgba(15,23,42,.05);
}
body[data-page="dashboard.home"] .workspace-service-status b{font-size:9.5px!important;line-height:1!important}
body[data-page="dashboard.home"] .workspace-service-status small{display:none!important}
.service-status-dot{
  position:relative;
  width:9px;
  height:9px;
  display:inline-block;
  flex:0 0 9px;
  border-radius:50%;
  background:#dc2626;
  box-shadow:0 0 0 0 rgba(220,38,38,.42);
  animation:servicePulseOffline 1.8s ease-out infinite;
}
.workspace-service-status .online .service-status-dot{
  background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.45);
  animation-name:servicePulseOnline;
}
@keyframes servicePulseOnline{0%{box-shadow:0 0 0 0 rgba(34,197,94,.48)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
@keyframes servicePulseOffline{0%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}70%{box-shadow:0 0 0 7px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
@media(prefers-reduced-motion:reduce){.service-status-dot{animation:none}}

/* Readable KPI row. */
body[data-page="dashboard.home"] .compact-kpi-row{gap:12px!important;margin-bottom:12px!important}
body[data-page="dashboard.home"] .compact-kpi-row .workspace-kpi{
  min-height:92px!important;
  padding:14px 16px!important;
  border-radius:17px!important;
}
body[data-page="dashboard.home"] .compact-kpi-row .stat-icon{width:48px!important;height:48px!important;flex-basis:48px!important;font-size:18px!important}
body[data-page="dashboard.home"] .compact-kpi-row .workspace-kpi small{font-size:11px!important}
body[data-page="dashboard.home"] .compact-kpi-row .workspace-kpi strong{font-size:24px!important;line-height:1.25!important}
body[data-page="dashboard.home"] .compact-kpi-row .workspace-kpi em{font-size:10px!important;line-height:1.6!important}

/* Stable responsive grid instead of fragile wrapping widths. */
body[data-page="dashboard.home"] .workspace-dashboard-grid.flex-dashboard-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(340px,.85fr)!important;
  grid-template-areas:"documents quick" "chart activity";
  align-items:stretch!important;
  gap:14px!important;
}
body[data-page="dashboard.home"] .dashboard-documents-widget{grid-area:documents;min-width:0!important}
body[data-page="dashboard.home"] .dashboard-quick-widget{grid-area:quick;min-width:0!important}
body[data-page="dashboard.home"] .dashboard-chart-widget{grid-area:chart;min-width:0!important;min-height:330px!important}
body[data-page="dashboard.home"] .dashboard-activity-widget{grid-area:activity;min-width:0!important;min-height:330px!important;max-height:none!important}
body[data-page="dashboard.home"] .document-mini-list.modern strong{font-size:13px!important}
body[data-page="dashboard.home"] .document-mini-list.modern small{font-size:10.5px!important}
body[data-page="dashboard.home"] .status-badge{font-size:9.5px!important}
body[data-page="dashboard.home"] .workspace-activity-card .activity-item{min-height:62px!important;padding:10px 12px!important}
body[data-page="dashboard.home"] .workspace-activity-card .activity-item strong{font-size:12.5px!important}
body[data-page="dashboard.home"] .workspace-activity-card .activity-item small{font-size:10px!important}

/* Quick actions: centered, larger, and consistently ordered. */
body[data-page="dashboard.home"] .quick-actions.modern{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:10px!important;
  padding:14px 16px 16px!important;
}
body[data-page="dashboard.home"] .quick-actions.modern>a{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  padding:14px 10px!important;
  border-radius:16px!important;
  text-align:center!important;
}
body[data-page="dashboard.home"] .quick-actions.modern>a>i{
  width:45px!important;
  height:45px!important;
  flex:0 0 45px!important;
  border-radius:14px!important;
  font-size:18px!important;
}
body[data-page="dashboard.home"] .quick-actions.modern>a>span{display:flex;min-width:0;flex-direction:column;align-items:center}
body[data-page="dashboard.home"] .quick-actions.modern strong{font-size:14px!important;line-height:1.5!important}
body[data-page="dashboard.home"] .quick-actions.modern small{margin-top:2px!important;font-size:10.5px!important;line-height:1.6!important;text-align:center!important}
body[data-page="dashboard.home"] .quick-actions.modern>a:last-child:nth-child(odd){grid-column:1/-1}

/* Larger and horizontal chart dates. */
body[data-page="dashboard.home"] .activity-chart{
  height:250px!important;
  gap:8px!important;
  padding:12px 10px 0!important;
  scrollbar-width:thin;
}
body[data-page="dashboard.home"] .chart-column{min-width:58px!important;flex:1 0 58px!important;gap:8px!important}
body[data-page="dashboard.home"] .chart-bars{height:198px!important}
body[data-page="dashboard.home"] .chart-column small{
  min-height:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--muted)!important;
  font-size:10.5px!important;
  font-weight:750;
  line-height:1.2;
  writing-mode:horizontal-tb!important;
  white-space:nowrap;
  transform:none!important;
}
body[data-page="dashboard.home"] .chart-legend{font-size:11px!important}

@media(max-width:1180px){
  body[data-page="dashboard.home"] .workspace-dashboard-grid.flex-dashboard-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)!important;
  }
  body[data-page="dashboard.home"] .workspace-dashboard-copy{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "description" "actions"}
  body[data-page="dashboard.home"] .workspace-dashboard-actions{justify-content:flex-start;margin-top:8px!important}
}

@media(max-width:900px){
  .topbar{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
  }
  .panel-menu-button{width:42px!important;height:42px!important;min-width:42px!important;flex:0 0 42px!important;margin:0!important}
  .topbar-heading{grid-column:2;min-width:0!important;margin:0!important}
  .topbar-heading-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .topbar-heading h1{font-size:18px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar-utility-actions{grid-column:3;min-width:0;justify-content:flex-end}
  .topbar-secondary-copy{font-size:11.5px!important}
  .topbar-primary-actions .button{min-height:42px!important;font-size:12px!important}

  body[data-page="dashboard.home"] .compact-dashboard-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:13px 14px!important;
  }
  body[data-page="dashboard.home"] .workspace-dashboard-side{width:100%!important;align-self:auto}
  body[data-page="dashboard.home"] .workspace-service-status{justify-content:flex-start!important}
  body[data-page="dashboard.home"] .workspace-dashboard-grid.flex-dashboard-layout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"quick" "documents" "chart" "activity";
  }
  body[data-page="dashboard.home"] .quick-actions.modern{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-page="dashboard.home"] .quick-actions.modern>a:last-child:nth-child(odd){grid-column:auto}
  body[data-page="dashboard.home"] .quick-actions.modern>a:nth-child(4):nth-last-child(2),
  body[data-page="dashboard.home"] .quick-actions.modern>a:nth-child(5):last-child{grid-column:span 1}
}

@media(max-width:640px){
  .topbar-heading-icon{display:none!important}
  .topbar-heading h1{font-size:17px!important}
  .tour-help-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}
  body[data-page="dashboard.home"] .page-content{padding:10px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-copy h2{font-size:18px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-copy p{font-size:11px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  body[data-page="dashboard.home"] .workspace-dashboard-actions .button{width:100%!important;min-width:0!important;padding-inline:8px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions .button:last-child:nth-child(odd){grid-column:1/-1}
  body[data-page="dashboard.home"] .compact-kpi-row .workspace-kpi{flex-basis:100%!important}
  body[data-page="dashboard.home"] .quick-actions.modern{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:12px!important}
  body[data-page="dashboard.home"] .quick-actions.modern>a{min-height:104px!important}
  body[data-page="dashboard.home"] .quick-actions.modern>a:last-child:nth-child(odd){grid-column:1/-1}
  body[data-page="dashboard.home"] .activity-chart{height:244px!important}
  body[data-page="dashboard.home"] .chart-column{min-width:56px!important;flex-basis:56px!important}
}

@media(max-width:400px){
  .topbar{grid-template-columns:40px minmax(0,1fr) 42px!important;gap:6px!important;padding-inline:7px!important}
  .panel-menu-button{width:40px!important;height:40px!important;min-width:40px!important}
  .topbar-heading h1{font-size:16px!important}
  body[data-page="dashboard.home"] .quick-actions.modern>a{min-height:98px!important;padding-inline:6px!important}
  body[data-page="dashboard.home"] .quick-actions.modern strong{font-size:13px!important}
  body[data-page="dashboard.home"] .quick-actions.modern small{font-size:9.5px!important}
}

/* Final narrow-screen compaction: status remains visible without adding a row. */
@media(max-width:640px){
  body[data-page="dashboard.home"] .compact-dashboard-hero{padding-top:42px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-side{
    position:absolute!important;
    top:10px;
    inset-inline-start:12px;
    width:auto!important;
    z-index:2;
  }
  body[data-page="dashboard.home"] .workspace-service-status>span{padding:4px 7px!important}
  body[data-page="dashboard.home"] .workspace-service-status b{font-size:8.5px!important}
}
@media(max-width:400px){.topbar-heading h1{font-size:17px!important}}
@media(max-width:640px){
  body[data-page="dashboard.home"] .workspace-dashboard-actions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions .button{font-size:10.5px!important;padding-inline:5px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions .button:last-child:nth-child(odd){grid-column:auto!important}
}

/* ========================================================================== */
/* 9.7.36 — create-method modal + landing-identical language/theme + drawer   */
/* ========================================================================== */

/* Landing language selector, reused without a second visual system. */
.panel-language-dropdown{position:relative;z-index:520}
.panel-language-dropdown>.language-trigger{
  height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:12px;
  color:var(--text);
  background:var(--surface);
  cursor:pointer;
  font-size:.8rem;
  font-weight:800;
  transition:.2s ease;
}
.panel-language-dropdown>.language-trigger:hover,
.panel-language-dropdown.open>.language-trigger{
  border-color:color-mix(in srgb,var(--primary) 55%,var(--border));
  background:var(--surface-tint,var(--surface-soft));
}
.panel-language-dropdown>.language-trigger>i{color:var(--muted);font-size:.68rem;transition:transform .2s ease}
.panel-language-dropdown.open>.language-trigger>i{transform:rotate(180deg)}
.language-flag-img{
  width:auto!important;
  height:20px!important;
  max-width:32px!important;
  min-width:0!important;
  display:block!important;
  flex:0 0 auto!important;
  border-radius:3px!important;
  object-fit:contain!important;
  box-shadow:0 0 0 1px rgba(15,23,42,.11);
  filter:none!important;
  transform:none!important;
}
.panel-language-dropdown>.language-menu{
  position:absolute!important;
  top:calc(100% + 10px)!important;
  inset-inline-end:0!important;
  inset-inline-start:auto!important;
  z-index:540!important;
  width:220px!important;
  max-width:min(220px,calc(100vw - 20px))!important;
  max-height:360px!important;
  display:block!important;
  overflow:auto!important;
  padding:8px!important;
  border:1px solid var(--border)!important;
  border-radius:16px!important;
  background:var(--surface)!important;
  box-shadow:var(--shadow-lg)!important;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-8px);
  transition:.2s ease;
}
.panel-language-dropdown.open>.language-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.panel-language-dropdown>.language-menu a{
  min-height:43px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:7px 9px;
  border-radius:10px;
  color:var(--text);
  font-size:.82rem;
  font-weight:750;
}
.panel-language-dropdown>.language-menu a span{flex:1}
.panel-language-dropdown>.language-menu a:hover,
.panel-language-dropdown>.language-menu a.active{color:var(--primary);background:var(--surface-tint,var(--surface-soft))}
.panel-language-dropdown>.language-menu a>i{color:var(--secondary);font-size:.72rem}

/* Exactly the same weather switch artwork and dimensions as the landing header. */
.desktop-theme-button{
  width:62px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border));
  border-radius:14px;
  color:var(--text);
  background:linear-gradient(145deg,#f8fbff,#edf4ff);
  box-shadow:0 8px 22px rgba(38,87,164,.11),inset 0 1px 0 rgba(255,255,255,.92);
  cursor:pointer;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.desktop-theme-button:hover{border-color:color-mix(in srgb,var(--primary) 54%,var(--border));transform:translateY(-2px);box-shadow:0 13px 28px rgba(38,87,164,.18),inset 0 1px 0 rgba(255,255,255,.92)}
.desktop-theme-button>span:last-child{display:none}
.desktop-theme-button .theme-weather-icon{width:48px;height:36px;transform:scale(.96);transition:transform .25s ease}
.desktop-theme-button:hover .theme-weather-icon{transform:scale(1.06)}
html[data-theme="dark"] .desktop-theme-button{border-color:#3d536d;background:linear-gradient(145deg,#19263a,#111b2b);color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.theme-weather-icon{position:relative;width:42px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.theme-weather-icon i{position:absolute}
.theme-weather-icon .fa-moon{font-size:28px!important;color:#5d6ed6!important;inset:4px auto auto 6px!important;z-index:2}
.theme-weather-icon .star-one{font-size:8px!important;color:#f3b63f!important;inset:3px 4px auto auto!important;z-index:3}
.theme-weather-icon .star-two{font-size:5px!important;color:#f3b63f!important;inset:auto 5px 7px auto!important;z-index:3}
.theme-weather-icon .fa-cloud{font-size:15px!important;color:#8eb4da!important;inset:auto auto 4px 3px!important;z-index:1}
.theme-weather-icon .fa-sun{font-size:28px!important;color:#f6b936!important;inset:2px 3px auto auto!important;z-index:2}

/* Dashboard hero now has one clear creation command. */
body[data-page="dashboard.home"] .workspace-dashboard-copy{
  grid-template-areas:"title actions" "description actions"!important;
}
body[data-page="dashboard.home"] .workspace-dashboard-copy h2{margin:0!important}
body[data-page="dashboard.home"] .dashboard-create-document{
  min-width:150px;
  min-height:42px!important;
  color:#fff!important;
  border:0!important;
  background:linear-gradient(135deg,#2657a4,#1d457d)!important;
  box-shadow:0 10px 24px rgba(38,87,164,.22)!important;
}
body[data-page="dashboard.home"] .dashboard-create-document:hover{box-shadow:0 14px 30px rgba(38,87,164,.29)!important}

/* Creation method modal. */
.create-method-dialog{width:min(540px,100%)!important;overflow:hidden!important;border-radius:22px!important}
.create-method-head{padding:20px 20px 17px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 76%,var(--surface)),var(--surface))}
.create-method-head>div{min-width:0}
.create-method-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:5px;color:var(--primary);font-size:10px;font-weight:900}
.create-method-head h2{font-size:20px!important;line-height:1.5!important}
.create-method-head p{font-size:11px!important;line-height:1.8!important}
.create-method-options{display:grid;gap:11px;padding:16px!important}
.create-method-option{
  min-height:92px;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 30px;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:16px;
  color:var(--text);
  background:var(--surface);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.create-method-option:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 42%,var(--border));background:var(--surface-soft);box-shadow:0 13px 28px rgba(15,23,42,.09)}
.create-method-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column}
.create-method-option strong{font-size:14px;line-height:1.6}
.create-method-option small{margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.75}
.create-method-option>i{color:var(--muted);font-size:12px}
.create-method-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;font-size:20px}
.create-method-option.manual .create-method-icon{color:#2657a4;background:#eaf1ff}
.create-method-option.ai .create-method-icon{color:#12765e;background:#e6f7f1}
html[data-theme="dark"] .create-method-option.manual .create-method-icon{color:#8eb7ff;background:#172a4d}
html[data-theme="dark"] .create-method-option.ai .create-method-icon{color:#7bd7bd;background:#143b32}

@media(max-width:900px){
  /* Mobile panel drawer follows the landing drawer: one solid surface, below header. */
  .sidebar.panel-drawer{
    top:var(--panel-drawer-top,60px)!important;
    bottom:0!important;
    height:auto!important;
    width:min(360px,88vw)!important;
    padding:18px!important;
    gap:12px!important;
    color:var(--text)!important;
    background:var(--surface)!important;
    border:0!important;
    box-shadow:none!important;
    overflow-y:auto!important;
    transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .18s ease,visibility 0s linear .3s!important;
  }
  .sidebar.panel-drawer.open{box-shadow:-24px 0 70px rgba(0,0,0,.22)!important;transition-delay:0s!important}
  html[dir="ltr"] .sidebar.panel-drawer.open{box-shadow:24px 0 70px rgba(0,0,0,.22)!important}
  .sidebar-scrim{top:var(--panel-drawer-top,60px)!important;background:rgba(7,14,27,.56)!important;backdrop-filter:blur(3px)}
  .panel-brand{
    min-height:58px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid var(--border)!important;
  }
  .panel-brand .brand-home-link{color:var(--text)!important}
  .panel-brand .brand-mark{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important}
  .panel-brand strong{color:var(--text)!important;font-size:18px!important}
  .panel-brand small{color:var(--muted)!important;font-size:9px!important}
  .panel-drawer-close{width:42px!important;height:42px!important;margin-inline-start:auto!important;border:0!important;border-radius:12px!important;color:var(--text)!important;background:var(--surface-tint,var(--surface-soft))!important}

  .sidebar-account-card{
    min-height:68px!important;
    padding:9px 10px!important;
    border:1px solid var(--border)!important;
    border-inline-start:1px solid var(--border)!important;
    border-radius:15px!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
  }
  .sidebar-account-avatar{width:42px!important;height:42px!important;flex-basis:42px!important;border:1px solid var(--border)!important;color:var(--primary)!important;background:var(--surface)!important}
  .sidebar-account-copy small{color:var(--muted)!important;font-size:9px!important}
  .sidebar-account-copy strong{color:var(--text)!important;font-size:11.5px!important}
  .sidebar-account-copy em{color:var(--muted)!important;font-size:8.5px!important}
  .sidebar-account-card>a{color:var(--primary)!important;border:0!important;background:var(--surface)!important}

  .sidebar-section-label{color:var(--muted)!important;font-size:10px!important}
  .sidebar-section-label i{color:var(--primary)!important}
  .workspace-combobox-host{border:0!important;background:transparent!important;padding:0!important}
  .workspace-combobox-host .workspace-combobox-trigger{
    min-height:64px!important;
    border:1px solid var(--border)!important;
    border-radius:15px!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
  }
  .workspace-combobox-host .workspace-combobox-icon{border:1px solid var(--border)!important;color:var(--primary)!important;background:var(--surface)!important}
  .workspace-combobox-host .workspace-combobox-trigger small{color:var(--muted)!important}
  .workspace-combobox-host .workspace-combobox-trigger strong{max-width:175px!important;color:var(--text)!important}
  .workspace-combobox-host .workspace-combobox-trigger>i{color:var(--muted)!important}
  .workspace-combobox-host .workspace-combobox-menu{border-color:var(--border)!important;color:var(--text)!important;background:var(--surface)!important;box-shadow:var(--shadow-lg)!important}

  .sidebar-mobile-tools.mobile-drawer__tools{
    display:grid!important;
    gap:10px!important;
    padding:14px 0 0!important;
    border-block:0!important;
    border-top:1px solid var(--border)!important;
  }
  .mobile-language{position:relative}
  .mobile-language>.language-trigger{
    width:100%;
    height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:0 13px;
    border:0;
    border-radius:12px;
    color:var(--text);
    background:var(--surface-soft);
    cursor:pointer;
  }
  .tool-label,.language-current{display:flex;align-items:center;gap:8px}
  .tool-label i{color:var(--primary)}
  .language-current>i{color:var(--muted);font-size:.68rem;transition:transform .2s ease}
  .mobile-language.open .language-current>i{transform:rotate(180deg)}
  .mobile-language>.language-menu{
    position:static!important;
    width:100%!important;
    max-width:none!important;
    max-height:0!important;
    display:block!important;
    overflow:hidden!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    transition:max-height .28s ease,padding .28s ease!important;
  }
  .mobile-language.open>.language-menu{max-height:370px!important;padding-top:8px!important;overflow:auto!important}
  .mobile-language>.language-menu a{
    min-height:43px;
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:4px;
    padding:7px 9px;
    border-radius:10px;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    font-size:.82rem;
    font-weight:750;
  }
  .mobile-language>.language-menu a span{flex:1}
  .mobile-language>.language-menu a.active{color:var(--primary)!important;background:var(--surface-tint,var(--primary-soft))!important}
  .mobile-language>.language-menu a>i{color:var(--secondary)}
  .mobile-theme-button{
    width:100%;
    min-height:54px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:0 10px;
    border:0;
    border-radius:12px;
    color:var(--text);
    background:transparent;
    cursor:pointer;
    text-align:start;
    font-weight:900;
  }
  .mobile-theme-button:hover{background:var(--surface-soft)}
  .mobile-theme-button>span:last-child{font-size:.82rem}

  .sidebar .main-nav{display:grid!important;gap:5px!important;padding:4px 0!important}
  .sidebar .main-nav a{
    min-height:48px!important;
    gap:12px!important;
    padding:0 13px!important;
    border-radius:13px!important;
    color:var(--text)!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  .sidebar .main-nav a i{width:24px!important;color:var(--primary)!important;font-size:16px!important}
  .sidebar .main-nav a:hover{color:var(--text)!important;background:var(--surface-tint,var(--surface-soft))!important;transform:none!important}
  .sidebar .main-nav a.active{color:var(--primary)!important;background:var(--surface-tint,var(--primary-soft))!important;box-shadow:none!important}
  .sidebar .nav-divider{color:var(--muted)!important;border-color:var(--border)!important}
  .sidebar .nav-divider span{color:var(--muted)!important;background:var(--surface)!important}

  .sidebar-license-card{
    border:1px solid var(--border)!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
  }
  .sidebar-license-copy small,.sidebar-license-copy span{color:var(--muted)!important}
  .sidebar-license-copy strong{color:var(--text)!important}
  .sidebar-license-card>a{color:var(--primary)!important;background:var(--surface)!important}
  .sidebar-logout button{min-height:48px!important;border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))!important;color:var(--danger)!important;background:var(--danger-soft)!important}

  /* Status is a separate, calm row and never floats over the hero content. */
  body[data-page="dashboard.home"] .compact-dashboard-hero{padding:14px!important;gap:12px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-copy{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"title" "description" "actions"!important;row-gap:5px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions{justify-content:flex-start!important;margin-top:6px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-side{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    padding-top:10px;
    border-top:1px solid color-mix(in srgb,var(--border) 78%,transparent);
  }
  body[data-page="dashboard.home"] .workspace-service-status{justify-content:flex-start!important;gap:8px!important}
  body[data-page="dashboard.home"] .workspace-service-status>span{flex:0 0 auto!important;padding:6px 9px!important}
}

@media(max-width:640px){
  body[data-page="dashboard.home"] .compact-dashboard-hero{padding-top:14px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-actions{display:block!important;width:100%!important}
  body[data-page="dashboard.home"] .dashboard-create-document{width:100%!important;min-height:44px!important}
  .create-method-dialog{align-self:end;width:100%!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important}
  .document-create-method-modal{align-items:end!important;padding:0!important}
  .create-method-option{grid-template-columns:48px minmax(0,1fr) 24px;min-height:88px;padding:12px}
  .create-method-icon{width:48px;height:48px}
}

/* ========================================================================== */
/* 9.7.37 — desktop drawer parity + unclipped desktop language dropdown       */
/* ========================================================================== */

/* app.css historically gives every .language-dropdown overflow:auto. That
   turns the desktop selector itself into a scroll container and clips the
   absolutely positioned menu. The panel selector must behave like Landing. */
.panel-language-dropdown,
.language-dropdown.desktop-language.panel-language-dropdown{
  max-height:none!important;
  overflow:visible!important;
  scrollbar-width:none!important;
  isolation:isolate;
}
.panel-language-dropdown::-webkit-scrollbar{display:none!important}
.panel-language-dropdown>.language-menu{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

/* Desktop uses the same solid Landing drawer palette and component treatment
   as the corrected mobile panel drawer; only its fixed desktop geometry stays. */
@media(min-width:901px){
  .sidebar.panel-drawer{
    gap:12px!important;
    padding:18px!important;
    color:var(--text)!important;
    background:var(--surface)!important;
    border:0!important;
    border-inline-end:1px solid var(--border)!important;
    box-shadow:8px 0 30px rgba(20,48,72,.035)!important;
    scrollbar-color:color-mix(in srgb,var(--primary) 38%,var(--muted)) transparent;
  }
  html[dir="rtl"] .sidebar.panel-drawer{box-shadow:-8px 0 30px rgba(20,48,72,.035)!important}
  html[data-theme="dark"] .sidebar.panel-drawer{box-shadow:8px 0 34px rgba(0,0,0,.18)!important}
  html[data-theme="dark"][dir="rtl"] .sidebar.panel-drawer{box-shadow:-8px 0 34px rgba(0,0,0,.18)!important}

  .sidebar.panel-drawer .panel-brand{
    min-height:58px!important;
    padding:0 0 16px!important;
    border-bottom:1px solid var(--border)!important;
  }
  .sidebar.panel-drawer .panel-brand .brand-home-link{color:var(--text)!important}
  .sidebar.panel-drawer .panel-brand .brand-mark{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border-radius:12px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .sidebar.panel-drawer .panel-brand strong{color:var(--text)!important;font-size:18px!important}
  .sidebar.panel-drawer .panel-brand small{color:var(--muted)!important;font-size:9px!important}

  .sidebar.panel-drawer .sidebar-account-card{
    min-height:68px!important;
    padding:9px 10px!important;
    border:1px solid var(--border)!important;
    border-inline-start:1px solid var(--border)!important;
    border-radius:15px!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
  }
  .sidebar.panel-drawer .sidebar-account-avatar{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
    border:1px solid var(--border)!important;
    border-radius:13px!important;
    color:var(--primary)!important;
    background:var(--surface)!important;
  }
  .sidebar.panel-drawer .sidebar-account-copy small{color:var(--muted)!important;font-size:9px!important}
  .sidebar.panel-drawer .sidebar-account-copy strong{color:var(--text)!important;font-size:11.5px!important}
  .sidebar.panel-drawer .sidebar-account-copy em{color:var(--muted)!important;font-size:8.5px!important}
  .sidebar.panel-drawer .sidebar-account-card>a{
    color:var(--primary)!important;
    border:0!important;
    background:var(--surface)!important;
  }

  .sidebar.panel-drawer .sidebar-section-label{color:var(--muted)!important;font-size:10px!important}
  .sidebar.panel-drawer .sidebar-section-label i{color:var(--primary)!important}
  .sidebar.panel-drawer .workspace-combobox-host{padding:0!important;border:0!important;background:transparent!important}
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger{
    min-height:64px!important;
    border:1px solid var(--border)!important;
    border-radius:15px!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
  }
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-icon{
    border:1px solid var(--border)!important;
    color:var(--primary)!important;
    background:var(--surface)!important;
  }
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger small{color:var(--muted)!important}
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger strong{max-width:175px!important;color:var(--text)!important}
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger>i{color:var(--muted)!important}
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-menu{
    border-color:var(--border)!important;
    color:var(--text)!important;
    background:var(--surface)!important;
    box-shadow:var(--shadow-lg)!important;
  }

  .sidebar.panel-drawer .main-nav{display:grid!important;gap:5px!important;padding:4px 0!important}
  .sidebar.panel-drawer .main-nav a{
    min-height:48px!important;
    gap:12px!important;
    padding:0 13px!important;
    border-radius:13px!important;
    color:var(--text)!important;
    font-size:12px!important;
    font-weight:850!important;
  }
  .sidebar.panel-drawer .main-nav a i{width:24px!important;color:var(--primary)!important;font-size:16px!important}
  .sidebar.panel-drawer .main-nav a:hover{
    color:var(--text)!important;
    background:var(--surface-tint,var(--surface-soft))!important;
    transform:none!important;
  }
  .sidebar.panel-drawer .main-nav a.active{
    color:var(--primary)!important;
    background:var(--surface-tint,var(--primary-soft))!important;
    box-shadow:none!important;
  }
  .sidebar.panel-drawer .nav-divider{color:var(--muted)!important;border-color:var(--border)!important}
  .sidebar.panel-drawer .nav-divider:after{background:var(--border)!important}
  .sidebar.panel-drawer .nav-divider span{color:var(--muted)!important;background:var(--surface)!important}

  .sidebar.panel-drawer .sidebar-license-card{
    border:1px solid var(--border)!important;
    color:var(--text)!important;
    background:var(--surface-soft)!important;
    box-shadow:none!important;
  }
  .sidebar.panel-drawer .sidebar-license-copy small,
  .sidebar.panel-drawer .sidebar-license-copy span{color:var(--muted)!important}
  .sidebar.panel-drawer .sidebar-license-copy strong{color:var(--text)!important}
  .sidebar.panel-drawer .sidebar-license-card>a{color:var(--primary)!important;background:var(--surface)!important}
  .sidebar.panel-drawer .sidebar-logout button{
    min-height:48px!important;
    border:1px solid color-mix(in srgb,var(--danger) 25%,var(--border))!important;
    color:var(--danger)!important;
    background:var(--danger-soft)!important;
  }
}

/* ========================================================================== */
/* 9.7.38 — roomier topbar tools + perfectly centered service indicators      */
/* ========================================================================== */

/* Utility controls should read as distinct controls instead of one dense row. */
.topbar-utility-actions{
  gap:11px!important;
}
.desktop-theme-button.panel-desktop-tool{
  width:72px!important;
  min-width:72px!important;
  padding-inline:5px!important;
}

/* Center the live service state in its dedicated hero column. */
body[data-page="dashboard.home"] .workspace-dashboard-side{
  min-width:280px!important;
  align-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-page="dashboard.home"] .workspace-service-status{
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
}

@media(min-width:901px){
  .topbar-utility-actions{gap:12px!important}
}

@media(max-width:900px){
  .topbar-utility-actions{gap:8px!important}
  body[data-page="dashboard.home"] .workspace-dashboard-side{
    min-width:0!important;
    align-self:auto!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body[data-page="dashboard.home"] .workspace-service-status{
    justify-content:center!important;
  }
}

/* 9.7.42 — uniform Persian numerals and immediate chart value tooltips. */
html[lang="fa"] body[data-page="dashboard.home"] .dashboard-stat-number,
html[lang="fa"] body[data-page="dashboard.home"] .compact-kpi-row em,
html[lang="fa"] body[data-page="dashboard.home"] .chart-hover-tooltip{
  font-family:'DocMaker UI','Vazirmatn',Tahoma,Arial,sans-serif!important;
  font-feature-settings:"ss01" 1!important;
  -webkit-font-feature-settings:"ss01" 1!important;
  font-variant-numeric:normal!important;
}
body[data-page="dashboard.home"] .chart-column{
  position:relative!important;
  overflow:visible!important;
  outline:none;
}
body[data-page="dashboard.home"] .chart-hover-tooltip{
  position:absolute;
  z-index:25;
  top:7px;
  left:50%;
  width:max-content;
  min-width:138px;
  max-width:190px;
  display:grid;
  grid-template-columns:repeat(2,auto);
  align-items:center;
  justify-content:center;
  gap:5px 10px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));
  border-radius:12px;
  color:var(--text);
  background:color-mix(in srgb,var(--surface) 96%,transparent);
  box-shadow:0 12px 32px rgba(15,23,42,.18);
  backdrop-filter:blur(10px);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-5px) scale(.97);
  transform-origin:50% 100%;
  transition:opacity .14s ease,transform .14s ease;
}
body[data-page="dashboard.home"] .chart-hover-tooltip::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:9px;
  height:9px;
  border-right:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));
  border-bottom:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));
  background:var(--surface);
  transform:translateX(-50%) rotate(45deg);
}
body[data-page="dashboard.home"] .chart-hover-tooltip>em{
  grid-column:1/-1;
  color:var(--muted);
  font-size:9px;
  font-style:normal;
  font-weight:850;
  text-align:center;
}
body[data-page="dashboard.home"] .chart-hover-tooltip>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
  white-space:nowrap;
  font-size:9.5px;
  font-weight:750;
}
body[data-page="dashboard.home"] .chart-hover-tooltip>span>i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:3px;
}
body[data-page="dashboard.home"] .chart-hover-tooltip i.views{background:#2657a4}
body[data-page="dashboard.home"] .chart-hover-tooltip i.changes{background:#359a7e}
body[data-page="dashboard.home"] .chart-hover-tooltip b{font-size:11px;font-weight:950}
body[data-page="dashboard.home"] .chart-column:hover .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:focus-visible .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:focus-within .chart-hover-tooltip{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}
body[data-page="dashboard.home"] .chart-column:hover .bar,
body[data-page="dashboard.home"] .chart-column:focus-visible .bar{
  filter:saturate(1.15) brightness(1.05);
  box-shadow:0 5px 12px color-mix(in srgb,currentColor 22%,transparent);
}
body[data-page="dashboard.home"] .chart-column:first-child .chart-hover-tooltip{
  left:0;
  transform:translate(0,-5px) scale(.97);
}
body[data-page="dashboard.home"] .chart-column:first-child:hover .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:first-child:focus-visible .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:first-child:focus-within .chart-hover-tooltip{
  transform:translate(0,0) scale(1);
}
body[data-page="dashboard.home"] .chart-column:first-child .chart-hover-tooltip::after{left:28px}
body[data-page="dashboard.home"] .chart-column:last-child .chart-hover-tooltip{
  right:0;
  left:auto;
  transform:translate(0,-5px) scale(.97);
}
body[data-page="dashboard.home"] .chart-column:last-child:hover .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:last-child:focus-visible .chart-hover-tooltip,
body[data-page="dashboard.home"] .chart-column:last-child:focus-within .chart-hover-tooltip{
  transform:translate(0,0) scale(1);
}
body[data-page="dashboard.home"] .chart-column:last-child .chart-hover-tooltip::after{right:28px;left:auto;transform:rotate(45deg)}
html[data-theme="dark"] body[data-page="dashboard.home"] .chart-hover-tooltip{
  border-color:var(--border);
  background:color-mix(in srgb,var(--surface) 94%,transparent);
  box-shadow:0 15px 34px rgba(0,0,0,.35);
}
@media(max-width:760px){
  body[data-page="dashboard.home"] .chart-hover-tooltip{min-width:126px;padding:7px 8px;gap:4px 8px}
}
@media(hover:none){
  body[data-page="dashboard.home"] .chart-column:focus .chart-hover-tooltip{opacity:1}
}

/* 9.7.53 — workspace identities use their real avatar/logo and account type. */
.workspace-combobox-results button{
  grid-template-columns:44px minmax(0,1fr)!important;
  gap:11px!important;
  min-height:58px!important;
  padding:7px 9px!important;
}
.workspace-option-avatar{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:13px;
  color:var(--primary);
  background:var(--surface-soft);
  font-size:17px;
}
.workspace-option-avatar.person{border-radius:50%}
.workspace-option-avatar img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.workspace-option-avatar.company img{object-fit:contain;padding:4px}
.workspace-combobox-results button>span:last-child{min-width:0}
.workspace-combobox-results button>span:last-child strong{font-size:14px!important}
.workspace-combobox-results button>span:last-child small{font-size:12px!important}
.workspace-combobox-icon.person{border-radius:50%!important}
.workspace-combobox-icon.person img{object-fit:cover!important;padding:0!important}
.workspace-combobox-icon.company img{object-fit:contain!important;padding:3px!important}

/* DocMaker 9.7.56 — centered workspace name with a smaller real identity image. */
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  padding:8px 39px!important;
  text-align:center!important;
}
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-icon{
  position:absolute!important;
  inset-inline-start:8px!important;
  width:32px!important;
  height:32px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-icon.person{border-radius:50%!important}
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger>span:nth-child(2){
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger strong{
  width:100%!important;
  max-width:none!important;
  display:block!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger>i{
  position:absolute!important;
  inset-inline-end:12px!important;
  font-size:11px!important;
}
.sidebar.panel-drawer .workspace-combobox-results button>i{display:none!important}
@media(max-width:760px){
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-trigger{min-height:46px!important;padding-inline:38px!important}
  .sidebar.panel-drawer .workspace-combobox-host .workspace-combobox-icon{width:30px!important;height:30px!important}
}


/* DocMaker 9.7.57 — readable diagonal dates below dashboard bars. */
body[data-page="dashboard.home"] .activity-chart{
  height:288px!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:12px 10px 54px!important;
}
body[data-page="dashboard.home"] .chart-column{
  height:222px!important;
  grid-template-rows:180px 42px!important;
  align-self:flex-end!important;
  overflow:visible!important;
}
body[data-page="dashboard.home"] .chart-bars{
  height:180px!important;
  min-height:180px!important;
}
body[data-page="dashboard.home"] .chart-column small{
  position:relative!important;
  width:92px!important;
  height:34px!important;
  min-height:34px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  overflow:visible!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-size:14px!important;
  line-height:1.2!important;
}
html[dir="rtl"] body[data-page="dashboard.home"] .chart-column small{
  left:-46px!important;
  transform:translateY(8px) rotate(-34deg)!important;
  transform-origin:100% 0!important;
}
html[dir="ltr"] body[data-page="dashboard.home"] .chart-column small{
  left:46px!important;
  justify-content:flex-start!important;
  transform:translateY(8px) rotate(34deg)!important;
  transform-origin:0 0!important;
}
@media(max-width:640px){
  body[data-page="dashboard.home"] .activity-chart{
    height:280px!important;
    padding-bottom:56px!important;
  }
  body[data-page="dashboard.home"] .chart-column{
    height:212px!important;
    grid-template-rows:168px 44px!important;
  }
  body[data-page="dashboard.home"] .chart-bars{
    height:168px!important;
    min-height:168px!important;
  }
  body[data-page="dashboard.home"] .chart-column small{width:92px!important}
  html[dir="rtl"] body[data-page="dashboard.home"] .chart-column small{
    transform:translateY(9px) rotate(-38deg)!important;
  }
  html[dir="ltr"] body[data-page="dashboard.home"] .chart-column small{
    transform:translateY(9px) rotate(38deg)!important;
  }
}

/* 9.7.58: explicit platform-admin entry in the user-panel topbar. */
.panel-admin-entry{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border));
  border-radius:13px;
  background:color-mix(in srgb,var(--primary-soft) 68%,var(--surface));
  color:var(--primary);
  font-size:14px;
  font-weight:850;
  white-space:nowrap;
  transition:.18s ease;
}
.panel-admin-entry:hover{transform:translateY(-1px);border-color:var(--primary);background:var(--primary);color:#fff}
.panel-admin-entry i{font-size:15px!important}
@media(max-width:900px){
  .panel-admin-entry{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:11px}
  .panel-admin-entry span{display:none}
}