:root{--ekegr-side:250px}
body.ekegr-studio{padding-left:var(--ekegr-side)}
.ekegr-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--ekegr-side);z-index:70;background:#10231d;color:#fff;display:flex;flex-direction:column}
.ekegr-side-brand{padding:18px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.ekegr-side-brand b{font-size:20px;letter-spacing:.16em}.ekegr-side-brand small{display:block;opacity:.55;font-size:9px;margin-top:3px}
.ekegr-sidebar nav{overflow:auto;flex:1;padding:8px}
.ekegr-nav-group>button{width:100%;border:0;background:transparent;color:#aebbb5;display:flex;align-items:center;gap:9px;padding:9px;border-radius:7px;cursor:pointer;text-align:left}.ekegr-nav-group>button span{flex:1;font-size:10px;font-weight:800;letter-spacing:.04em}.ekegr-nav-group>button i{font-style:normal}
.ekegr-nav-group>div{display:none;padding:2px 0 6px}.ekegr-nav-group.open>div{display:block}.ekegr-nav-group a{display:flex;align-items:center;gap:9px;color:#dbe4e0;text-decoration:none;padding:8px 10px;border-radius:7px;font-size:11px}.ekegr-nav-group a:hover,.ekegr-nav-group a.active{background:#1f4035;color:#fff}.ekegr-nav-group a i{width:18px;text-align:center;font-style:normal}

.ekegr-nav-toggle{border:0;background:transparent;font-size:20px;cursor:pointer}
.ekegr-header-tools{display:flex;gap:6px;align-items:center;margin-left:auto}.ekegr-header-tools button{border:1px solid #dde4e0;background:#fff;border-radius:8px;min-height:36px;cursor:pointer}.ekegr-context-btn{display:flex;gap:7px;align-items:center;padding:0 10px}.ekegr-icon-btn{width:38px;position:relative}.ekegr-unread{position:absolute;right:-5px;top:-7px;background:#b42318;color:#fff;border-radius:999px;min-width:18px;height:18px;line-height:18px;font-size:9px;font-style:normal}
.ekegr-header-modal[hidden],.ekegr-header-popover[hidden]{display:none!important}.ekegr-header-modal{position:fixed;inset:0;z-index:110}.ekegr-header-backdrop{position:absolute;inset:0;background:rgba(8,20,16,.45)}.ekegr-header-modal>section{position:relative;background:#fff;max-width:720px;margin:9vh auto;border-radius:14px;padding:16px;box-shadow:0 20px 70px #0003}.ekegr-header-modal header,.ekegr-header-popover header{display:flex;justify-content:space-between;align-items:center}.ekegr-header-modal header button,.ekegr-header-popover header button{border:0;background:transparent;font-size:20px}
.ekegr-context-in-modal{display:block!important;position:static!important;margin:10px 0!important;padding:0!important;background:transparent!important;box-shadow:none!important}
.ekegr-header-popover{position:fixed;z-index:120;width:min(390px,calc(100vw - 20px));max-height:520px;background:#fff;border:1px solid #dfe6e2;border-radius:13px;box-shadow:0 16px 50px #10231d2b;padding:12px}.ekegr-popover-list{max-height:390px;overflow:auto;margin:8px 0}.ekegr-popover-list>a{display:block;padding:10px;border-bottom:1px solid #eef1ef;text-decoration:none;color:#24342e}.ekegr-popover-list>a.unread{background:#f2f8f5}.ekegr-popover-list b,.ekegr-popover-list span,.ekegr-popover-list small{display:block}.ekegr-popover-list span,.ekegr-popover-list small{color:#738078;font-size:11px;margin-top:2px}.ekegr-popover-footer{display:block;border-top:1px solid #e5eae7;padding:10px 4px 2px;text-decoration:none;font-weight:800;color:#176b4b}.ekegr-empty,.ekegr-loading{padding:18px;text-align:center;color:#7b8780}
body.ekegr-mini{--ekegr-side:70px}.ekegr-mini .ekegr-sidebar .ekegr-side-brand small,.ekegr-mini .ekegr-nav-group>button span,.ekegr-mini .ekegr-nav-group>button i{display:none}.ekegr-mini .ekegr-nav-group>button{justify-content:center}
@media(max-width:900px){body.ekegr-studio{padding-left:0}.ekegr-sidebar{transform:translateX(-100%);transition:.2s}.ekegr-studio:not(.ekegr-mini) .ekegr-sidebar{transform:translateX(0);box-shadow:20px 0 50px #0003}.ekegr-context-btn b{display:none}}

.ekegr-sidebar nav{background:#10231d}
.ekegr-help-link{display:flex!important;align-items:center;gap:9px;margin:10px 0 4px;padding:10px!important;border-top:1px solid rgba(255,255,255,.08);border-radius:0!important;color:#dbe4e0!important;text-decoration:none!important;font-size:11px}
.ekegr-help-link:hover{background:#1f4035!important;border-radius:7px!important}
.ekegr-help-link i{width:18px;text-align:center;font-style:normal;font-weight:900}
.ekegr-header-tools{position:relative;z-index:5;flex:0 0 auto}
.ekegr-header-tools button{display:inline-flex;align-items:center;justify-content:center;color:#18342b;line-height:1}
.ekegr-context-btn span,.ekegr-icon-btn{display:inline-flex;align-items:center;justify-content:center}


.ekegr-icon-btn:hover,.ekegr-context-btn:hover{background:#f3f7f5;border-color:#cbd8d2}
.ekegr-header-popover{overflow:hidden}
.ekegr-header-popover header{min-height:36px;border-bottom:1px solid #eef1ef;padding-bottom:7px}
.ekegr-header-popover header button{cursor:pointer}
.ekegr-mini .ekegr-help-link span{display:none}
.ekegr-mini .ekegr-help-link{justify-content:center}

/* Q43.8.6 — Bootstrap Icons + Font Awesome header icons */
.ekegr-header-tools .bi,
.ekegr-header-tools .fa-solid,
.ekegr-header-tools .fa-regular{
  font-size:18px;
  line-height:1;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:currentColor;
}
.ekegr-context-btn .fa-sitemap{font-size:16px}
.ekegr-icon-btn[data-calendar] .bi-calendar3{font-size:18px}
.ekegr-icon-btn[data-notifications] .bi-bell-fill{font-size:17px}

/* =========================================================
   Q43.8.7 — ERP Visual System 1.7.3
   Global spacing, icon rhythm, micro interactions
   ========================================================= */

:root{
  --ekegr-space-1:6px;
  --ekegr-space-2:10px;
  --ekegr-space-3:14px;
  --ekegr-space-4:18px;
  --ekegr-space-5:24px;
  --ekegr-radius-sm:8px;
  --ekegr-radius-md:12px;
  --ekegr-radius-lg:16px;
  --ekegr-ease:cubic-bezier(.2,.7,.2,1);
  --ekegr-shadow-hover:0 8px 24px rgba(16,35,29,.08);
}

/* Page rhythm */
main.page,
main[class*="page"],
.page{
  padding-inline:clamp(16px,2vw,28px);
  padding-bottom:28px;
}
.pagehead{
  gap:18px;
  margin-bottom:18px;
}
.pagehead > div:first-child{
  min-width:0;
}
.pagehead p{
  margin-top:7px;
  max-width:78ch;
}

/* Card / section padding normalization */
main .panel,
main .card,
main .stat,
main .metric,
main .metric-card,
main .form-card,
main .section-card,
main .table-card,
main article[class*="card"],
main section[class*="card"]{
  padding:clamp(16px,1.5vw,22px);
  border-radius:var(--ekegr-radius-md);
}

main .panel > :first-child,
main .card > :first-child,
main article[class*="card"] > :first-child,
main section[class*="card"] > :first-child{
  margin-top:0;
}
main .panel > :last-child,
main .card > :last-child,
main article[class*="card"] > :last-child,
main section[class*="card"] > :last-child{
  margin-bottom:0;
}

/* Internal vertical spacing, without forcing inline action forms into a grid */
main form:not(.inline-form):not(.filter-form):not([data-inline]){
  --ekegr-form-gap:12px;
}
main form:not(.inline-form):not(.filter-form):not([data-inline]) > label{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:var(--ekegr-form-gap);
}
main form:not(.inline-form):not(.filter-form):not([data-inline]) > fieldset{
  padding:14px 16px;
  border-radius:10px;
  margin-bottom:14px;
}
main form > .form-row,
main form > .form-grid,
main .form-row,
main .form-grid{
  gap:12px;
}
main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
main select,
main textarea{
  min-height:40px;
  padding:9px 11px;
  border-radius:8px;
}
main textarea{min-height:92px}

/* Tables should not visually stick to card edges */
main .panel > .table,
main .card > .table,
main .panel > .table-wrap,
main .card > .table-wrap,
main .panel > table,
main .card > table{
  margin-top:12px;
}
main .table,
main .table-wrap{
  border-radius:10px;
}

/* Heading icon system */
.ekegr-heading-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  margin-right:8px;
  border-radius:8px;
  background:#eef5f1;
  color:#176b4b;
  font-size:14px;
  vertical-align:-2px;
}
h3 .ekegr-heading-icon{
  width:24px;
  height:24px;
  font-size:12px;
  border-radius:7px;
}

/* Action icons */
.ekegr-auto-icon{
  margin-right:7px;
  font-size:.95em;
  line-height:1;
}
main a.button,
main .button,
main button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0;
}
main button .ekegr-auto-icon,
main .button .ekegr-auto-icon,
main a.button .ekegr-auto-icon{
  flex:0 0 auto;
}

/* Very light micro-interactions */
main .panel,
main .card,
main article[class*="card"],
main section[class*="card"],
main a.button,
main .button,
main button,
.ekegr-nav-group a,
.ekegr-header-tools button{
  transition:
    transform 140ms var(--ekegr-ease),
    box-shadow 140ms var(--ekegr-ease),
    border-color 140ms var(--ekegr-ease),
    background-color 140ms var(--ekegr-ease),
    color 140ms var(--ekegr-ease);
}
@media (hover:hover) and (pointer:fine){
  main a.button:hover,
  main .button:hover,
  main button:hover{
    transform:translateY(-1px);
  }
  main .panel[data-clickable]:hover,
  main .card[data-clickable]:hover,
  main a.card:hover,
  main a.panel:hover{
    transform:translateY(-2px);
    box-shadow:var(--ekegr-shadow-hover);
  }
  .ekegr-nav-group a:hover .bi,
  .ekegr-help-link:hover .bi{
    transform:translateX(1px);
  }
}
.ekegr-nav-group a .bi,
.ekegr-help-link .bi,
.ekegr-auto-icon,
.ekegr-heading-icon{
  transition:transform 140ms var(--ekegr-ease);
}

/* Focus visibility */
main a:focus-visible,
main button:focus-visible,
main input:focus-visible,
main select:focus-visible,
main textarea:focus-visible{
  outline:2px solid #2c7a5d;
  outline-offset:2px;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}

/* Dense mobile layout without edge collision */
@media(max-width:760px){
  main.page,
  main[class*="page"],
  .page{padding-inline:12px}
  main .panel,
  main .card,
  main .stat,
  main .metric,
  main .metric-card,
  main .form-card,
  main .section-card,
  main .table-card,
  main article[class*="card"],
  main section[class*="card"]{
    padding:14px;
  }
  .pagehead{margin-bottom:14px}
}

/* =========================================================
   Q43.8.8 — Legacy Style Normalization 1.7.4
   ========================================================= */
:root{
  --ekegr-surface:#fff;
  --ekegr-surface-soft:#f7f9f8;
  --ekegr-border:#dfe6e2;
  --ekegr-text:#13231d;
  --ekegr-muted:#6d7a74;
  --ekegr-green:#176b4b;
  --ekegr-danger:#b42318;
  --ekegr-warning:#9a6412;
  --ekegr-control-h:42px;
}

/* One page width / rhythm */
main.page{
  width:min(100%,1600px);
  margin-inline:auto;
}
main.page > h1:first-child{
  margin:2px 0 6px;
  font-size:clamp(26px,2.2vw,38px);
  line-height:1.12;
  letter-spacing:-.025em;
}
main.page > h1:first-child + p,
main.page > h1:first-child + .muted{
  margin-top:0;
  margin-bottom:20px;
  max-width:82ch;
}

/* Legacy naked section/card normalization */
main .ekegr-surface{
  background:var(--ekegr-surface);
  border:1px solid var(--ekegr-border);
  border-radius:14px;
  padding:20px;
  box-shadow:0 1px 1px rgba(16,35,29,.025);
}
main.page > .ekegr-surface{
  margin-block:16px;
}
main .two,
main .three,
main .grid,
main .cards,
main .summary,
main .metric-grid{
  gap:16px;
}
main .two > .ekegr-surface,
main .three > .ekegr-surface,
main .grid > .ekegr-surface,
main .cards > .ekegr-surface{
  min-width:0;
  height:100%;
}

/* Standard headings inside surfaces */
main .ekegr-surface > h2,
main .ekegr-surface > .panel-head h2,
main .ekegr-surface > header h2{
  margin-top:0;
  margin-bottom:12px;
}
main .ekegr-surface > h3{margin-top:18px;margin-bottom:10px}

/* Inputs / controls */
main label{
  color:var(--ekegr-text);
  font-weight:650;
}
main label > input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
main label > select,
main label > textarea,
main .settings-row input,
main .settings-row select{
  margin-top:5px;
}
main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
main select,
main textarea{
  min-height:var(--ekegr-control-h);
  border:1px solid #cfd9d4;
  background:#fff;
}
main input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):focus,
main select:focus,
main textarea:focus{
  border-color:#6aa38d;
  box-shadow:0 0 0 3px rgba(23,107,75,.08);
}

/* Legacy forms */
main form:not(.inline):not(.settings-row):not(.ekegr-inline-form) > button:last-child{
  margin-top:4px;
}
main form.inline,
main form.ekegr-inline-form,
main form.settings-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
main form.inline label,
main form.ekegr-inline-form label,
main form.settings-row label{
  margin:0;
}
main .settings-row{
  padding:10px 0;
  border-bottom:1px solid #edf0ee;
}
main .settings-row:last-child{border-bottom:0}

/* Buttons share one height */
main button,
main .button,
main a.button{
  min-height:38px;
  border-radius:8px;
  font-weight:750;
  padding:8px 13px;
}
main button.secondary,
main .button.secondary{
  background:#fff;
}

/* Tables */
main .tablewrap,
main .table-wrap,
main .ekegr-table-shell{
  width:100%;
  overflow:auto;
  border:1px solid var(--ekegr-border);
  border-radius:11px;
  background:#fff;
}
main table{
  width:100%;
  border-collapse:collapse;
}
main .tablewrap table,
main .table-wrap table,
main .ekegr-table-shell table{
  border:0;
  border-radius:0;
}
main table th{
  padding:10px 12px;
  background:#f5f7f6;
  color:#53615b;
  font-size:11px;
  letter-spacing:.02em;
  font-weight:850;
  white-space:nowrap;
}
main table td{
  padding:11px 12px;
  vertical-align:middle;
  border-top:1px solid #edf0ee;
}
main table tbody tr:hover{
  background:#fafcfb;
}

/* Details / expandable blocks */
main details.ekegr-details{
  border:1px solid var(--ekegr-border);
  border-radius:10px;
  background:#fff;
  overflow:hidden;
}
main details.ekegr-details > summary{
  list-style:none;
  padding:12px 14px;
  cursor:pointer;
  font-weight:800;
  background:#f7f9f8;
}
main details.ekegr-details > summary::-webkit-details-marker{display:none}
main details.ekegr-details[open] > summary{border-bottom:1px solid var(--ekegr-border)}
main details.ekegr-details > :not(summary){margin-left:14px;margin-right:14px}
main details.ekegr-details > :last-child{margin-bottom:14px}

/* Alerts */
main .ekegr-alert{
  border-radius:10px;
  padding:11px 13px;
  margin-block:12px;
}

/* Tabs, filters, toolbar */
main .toolbar,
main .filters,
main .filter-bar,
main .tabs{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
main .toolbar,
main .filters,
main .filter-bar{
  background:var(--ekegr-surface);
  border:1px solid var(--ekegr-border);
  border-radius:12px;
  padding:12px 14px;
  margin-block:12px 16px;
}

/* Common pills/status */
main .pill,
main [class*="status-"],
main [class*="badge"]{
  line-height:1.2;
}

/* Dialog/modal normalization without overriding component geometry */
dialog{
  border:0;
  border-radius:15px;
  padding:0;
  box-shadow:0 20px 70px rgba(10,25,19,.22);
}
dialog > form,
dialog > .modal-card,
dialog > .dialog-card{
  padding:20px;
}
dialog::backdrop{background:rgba(8,20,16,.46)}

/* Lists in cards should not hit the border */
main .ekegr-surface > ul,
main .ekegr-surface > ol{
  padding-left:22px;
}

/* Normalize raw code blocks */
main code{
  border-radius:5px;
}
main pre{
  border-radius:10px;
  padding:13px;
  overflow:auto;
}

/* Nested card exception: avoid double boxed appearance */
main .ekegr-surface .ekegr-surface{
  box-shadow:none;
  background:#fbfcfb;
}

/* Responsive structural rules */
@media(max-width:900px){
  main .two,
  main .three{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  main .ekegr-surface{padding:14px}
  main table th,main table td{padding:9px 10px}
  main form.settings-row{align-items:stretch}
  main form.settings-row > *{max-width:100%}
}

/* Print stays quiet */
@media print{
  .ekegr-sidebar,.appbar,.ekegr-header-tools,.ekegr-nav-toggle{display:none!important}
  body.ekegr-studio{padding-left:0!important}
  main .ekegr-surface{border:0;box-shadow:none;padding:0}
}

/* V21: frameless header controls and readable contrast in light and dark palettes */
.ekegr-header-tools .ekegr-icon-btn{border:0!important;box-shadow:none!important;border-radius:0!important;background:transparent!important;color:#18342b!important;width:38px;min-height:38px;padding:8px;cursor:pointer}
.ekegr-header-tools .ekegr-icon-btn:hover{background:rgba(20,55,44,.08)!important;border-radius:8px!important}
.ekegr-header-tools .ekegr-icon-btn i,.ekegr-header-tools .ekegr-context-btn i{color:inherit!important;opacity:1!important;visibility:visible!important}
.ekegr-header-tools .ekegr-context-btn{border:0!important;box-shadow:none!important;background:transparent;color:#18342b!important;border-radius:8px;padding:0 12px;min-height:38px}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected{background:#10231d!important;color:#fff!important}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected:hover{background:#1f4035!important;color:#fff!important}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected *{color:#fff!important}
.ekegr-profile-wrap{position:relative;margin-left:8px;flex-shrink:0}
.ekegr-profile-trigger{display:flex;gap:9px;align-items:center;cursor:pointer;border:0;background:transparent;color:#18342b;padding:5px 6px;font:inherit;min-height:42px}
.ekegr-profile-trigger:hover{background:rgba(20,55,44,.06);border-radius:9px}
.ekegr-profile-avatar{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#10231d;color:#fff;font-size:13px;font-weight:800}
.ekegr-profile-name{font-size:12px;font-weight:700;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ekegr-profile-dropdown[hidden]{display:none!important}
.ekegr-profile-dropdown{position:absolute;right:0;top:calc(100% + 8px);z-index:130;width:230px;border:1px solid #dce6e0;background:#fff;color:#1a342a;box-shadow:0 18px 42px rgba(16,35,29,.16);border-radius:12px;padding:7px}
.ekegr-profile-caption{font-size:12px;font-weight:800;padding:11px 12px;border-bottom:1px solid #edf0ee;margin-bottom:4px;overflow-wrap:anywhere}
.ekegr-profile-dropdown>a,.ekegr-profile-logout-form button{font:inherit;text-decoration:none;display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;background:transparent;border:0;border-radius:7px;color:#1a342a!important;font-size:12px!important;text-align:left;padding:10px 12px;cursor:pointer}
.ekegr-profile-dropdown>a:hover,.ekegr-profile-logout-form button:hover{background:#f0f5f2!important}
.ekegr-profile-logout{border-top:1px solid #edf0ee;margin-top:4px;padding-top:4px}
.ekegr-profile-logout-form{margin:0!important;padding:0!important;display:block!important}
.ekegr-profile-logout-form button{color:#aa2929!important;}
body[data-theme="dark"] .ekegr-header-tools .ekegr-icon-btn,body.dark .ekegr-header-tools .ekegr-icon-btn,
body[data-bs-theme="dark"] .ekegr-header-tools .ekegr-icon-btn,
body[data-theme="dark"] .ekegr-profile-trigger,body.dark .ekegr-profile-trigger,body[data-bs-theme="dark"] .ekegr-profile-trigger{color:#e3ede8!important}
body[data-theme="dark"] .ekegr-header-tools .ekegr-context-btn:not(.ekegr-context-selected),body.dark .ekegr-header-tools .ekegr-context-btn:not(.ekegr-context-selected),body[data-bs-theme="dark"] .ekegr-header-tools .ekegr-context-btn:not(.ekegr-context-selected){color:#e3ede8!important}
@media(max-width:700px){.ekegr-profile-name{display:none}.ekegr-profile-wrap{margin-left:0}.ekegr-profile-trigger{gap:4px}}

/* V22: SVG icons remain visible without Bootstrap Icons or Font Awesome */
.ekegr-header-tools .ekegr-icon-btn svg,.ekegr-header-tools .ekegr-context-btn svg{display:block;flex:none;color:inherit;stroke:currentColor;opacity:1!important;visibility:visible!important}
.ekegr-header-tools .ekegr-context-btn{max-width:min(300px,35vw)}
.ekegr-header-tools .ekegr-context-btn b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected{background:#10231d!important;color:#fff!important}
.ekegr-profile-trigger .bi-chevron-down{display:none}
@media(max-width:900px){.ekegr-header-tools .ekegr-context-btn{max-width:150px}}

/* EKEGR ERP shared shell refresh — scoped to authenticated ERP pages. */
body.ekegr-studio{
  --ekegr-ink:#18342b;--ekegr-muted:#65776e;--ekegr-line:#dfe8e3;--ekegr-surface:#fff;
  --ekegr-canvas:#f3f6f4;--ekegr-brand:#173f30;--ekegr-accent:#21805e;--ekegr-danger:#b42318;
  --ekegr-space-1:4px;--ekegr-space-2:8px;--ekegr-space-3:12px;--ekegr-space-4:16px;--ekegr-space-5:24px;
  --ekegr-radius-sm:7px;--ekegr-radius-md:11px;--ekegr-radius-lg:16px;
  background:var(--ekegr-canvas);color:var(--ekegr-ink);font-family:Inter,"Segoe UI",Arial,sans-serif;
}
.ekegr-shell-logout-bootstrap{display:none!important}
body.ekegr-studio>.appbar{position:sticky;top:0;z-index:80;min-height:66px;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:0 20px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--ekegr-line);box-shadow:0 2px 10px rgba(16,35,29,.04);backdrop-filter:blur(14px)}
body.ekegr-studio>.appbar .logo{flex:none;color:var(--ekegr-brand);font-size:19px;font-weight:850;letter-spacing:.04em;text-decoration:none}
body.ekegr-studio>.appbar .main-nav{display:none!important}
body.ekegr-shell-ready>.appbar>nav{display:none!important}
.ekegr-nav-toggle{width:40px;height:40px;flex:none;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ekegr-ink);font-size:20px!important}
.ekegr-nav-toggle:hover{background:#edf3ef!important}
.ekegr-sidebar{width:var(--ekegr-side);transition:width .18s ease,transform .18s ease}
.ekegr-sidebar nav{display:flex;flex-direction:column;gap:3px}
.ekegr-sidebar .ekegr-nav-group{display:block;width:100%;min-width:0}
.ekegr-sidebar .ekegr-nav-group>button{width:100%;min-height:42px;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:0;padding:9px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aebbb5;text-align:left;font:inherit;cursor:pointer}
.ekegr-sidebar .ekegr-nav-group>button:hover,.ekegr-sidebar .ekegr-nav-group.open>button{background:#1a3b30;color:#fff}
.ekegr-sidebar .ekegr-nav-group.open>button{box-shadow:inset 3px 0 #6bd5a7}
.ekegr-sidebar .ekegr-nav-group>button>b{width:20px;flex:none;text-align:center;font-size:15px;font-weight:500}
.ekegr-sidebar .ekegr-nav-group>button span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;letter-spacing:0}
.ekegr-sidebar .ekegr-nav-group>button>i{flex:none;font-style:normal;font-size:15px;transition:transform .16s ease}
.ekegr-sidebar .ekegr-nav-group.open>button>i{transform:rotate(180deg)}
.ekegr-sidebar .ekegr-nav-group>div[hidden]{display:none!important}
.ekegr-sidebar .ekegr-nav-group>div:not([hidden]){display:grid;gap:2px;padding:3px 0 7px 29px}
.ekegr-sidebar .ekegr-nav-group>div>a{min-height:35px;box-sizing:border-box;display:flex;align-items:center;gap:8px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#c5d2cb;text-decoration:none;font-size:11px;font-weight:550;line-height:1.35;overflow-wrap:anywhere}
.ekegr-sidebar .ekegr-nav-group>div>a>i{width:12px;flex:none;text-align:center;color:#82988d;font-style:normal}
.ekegr-sidebar .ekegr-nav-group>div>a:hover,.ekegr-sidebar .ekegr-nav-group>div>a.active{background:#1f4035;color:#fff}
.ekegr-sidebar .ekegr-nav-group>div>a.active{box-shadow:inset 2px 0 #6bd5a7;font-weight:750}
.ekegr-sidebar nav>a{min-height:42px;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:9px 10px;border:1px solid transparent;border-radius:8px;color:#dce9e2;text-decoration:none;font-size:12px;font-weight:650;min-width:0;overflow:hidden}
.ekegr-sidebar nav>a span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ekegr-sidebar nav>a i{width:20px;flex:none;text-align:center;font-style:normal;font-size:16px}
.ekegr-sidebar nav>a:hover{background:#1a3b30;color:#fff}
.ekegr-sidebar nav>a.active{background:#24513f;border-color:rgba(255,255,255,.08);color:#fff;box-shadow:inset 3px 0 #6bd5a7}
body.ekegr-mini{--ekegr-side:72px}
body.ekegr-mini .ekegr-sidebar .ekegr-side-brand small,body.ekegr-mini .ekegr-sidebar nav>a span,body.ekegr-mini .ekegr-sidebar .ekegr-nav-group>button span,body.ekegr-mini .ekegr-sidebar .ekegr-nav-group>button>i{display:none}
body.ekegr-mini .ekegr-sidebar nav>a,body.ekegr-mini .ekegr-sidebar .ekegr-nav-group>button{justify-content:center;padding:9px 5px}
body.ekegr-mini .ekegr-sidebar nav>a i,body.ekegr-mini .ekegr-sidebar .ekegr-nav-group>button>b{font-size:19px}
body.ekegr-mini .ekegr-sidebar .ekegr-nav-group>div{display:none!important}
.ekegr-nav-backdrop{display:none}
.ekegr-header-tools{gap:5px;min-width:0}
.ekegr-header-tools button{font:inherit}
.ekegr-header-tools .ekegr-global-search{min-width:180px;max-width:300px;width:clamp(180px,22vw,300px);height:40px;display:flex;justify-content:flex-start;gap:10px;padding:0 12px;border:1px solid var(--ekegr-line)!important;border-radius:10px!important;background:#f7faf8!important;color:#63736b!important}
.ekegr-global-search>span{font-size:23px;line-height:1;color:#49675a}
.ekegr-global-search>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:550}
.ekegr-global-search kbd{margin-left:auto;padding:3px 5px;border:1px solid #dce5df;border-radius:5px;background:#fff;color:#718078;font:10px ui-monospace,monospace}
.ekegr-header-tools .ekegr-context-btn{max-width:min(360px,32vw);min-height:40px;padding:0 10px;border:1px solid transparent!important;border-radius:10px!important}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected{background:#eaf3ee!important;color:#173f30!important}
.ekegr-header-tools .ekegr-context-btn.ekegr-context-selected *{color:inherit!important}
.ekegr-header-tools .ekegr-context-btn b{max-width:265px;font-size:11px;font-weight:700}
.ekegr-header-tools .ekegr-weather-widget{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 9px;border:1px solid var(--ekegr-line)!important;border-radius:10px!important;background:transparent!important;color:var(--ekegr-ink,#18342b)!important;white-space:nowrap}
.ekegr-header-tools .ekegr-weather-widget [data-weather-icon]{display:grid;place-items:center;width:22px;height:22px;font-size:17px;line-height:1;color:#d28b23}
.ekegr-header-tools .ekegr-weather-widget [data-weather-temperature]{font-size:12px;font-weight:800}
.ekegr-header-tools .ekegr-weather-widget [data-weather-description]{max-width:92px;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:var(--ekegr-muted,#66756e)}
.ekegr-header-tools .ekegr-weather-widget:hover{background:var(--ekegr-surface-hover,#f2f7f4)!important;border-color:var(--ekegr-brand,#246348)!important}
.ekegr-weather-dialog{width:min(380px,calc(100% - 28px));padding:22px;border:1px solid var(--ekegr-line,#dbe5df);border-radius:16px;background:var(--ekegr-surface,#fff);color:var(--ekegr-ink,#18342b);box-shadow:0 20px 70px rgba(8,30,21,.25)}
.ekegr-weather-dialog::backdrop{background:rgba(8,19,14,.45);backdrop-filter:blur(2px)}
.ekegr-weather-dialog h2{margin:0 0 8px;font-size:18px}.ekegr-weather-dialog p{margin:0 0 14px;color:var(--ekegr-muted,#66756e)}
.ekegr-weather-dialog a{color:var(--ekegr-brand,#246348);text-underline-offset:3px;font-size:12px}
html[data-ekegr-theme="dark"] .ekegr-weather-dialog{background:#18251f;color:#e7f0eb;border-color:#34463d}
.ekegr-header-tools .ekegr-icon-btn{width:40px;height:40px;border-radius:10px!important}
.ekegr-unread{right:0;top:0;min-width:17px;height:17px;line-height:17px;padding:0 3px;box-sizing:border-box;font-weight:800}
.ekegr-context-in-modal{max-width:100%;}
.contextbar-fields{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,1fr) minmax(150px,1fr);gap:12px;align-items:end}
.contextbar form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:4px 0 2px}
.contextbar label{display:grid;gap:6px;min-width:0;flex:1}
.contextbar label>span,.contextbar label>strong{font-size:11px;font-weight:750;color:var(--ekegr-ink)}
.contextbar label>span{color:var(--ekegr-muted)}
.contextbar select{width:100%;min-width:0;min-height:42px;padding:8px 34px 8px 11px;border:1px solid var(--ekegr-line);border-radius:9px;background:#fff;color:var(--ekegr-ink);font:inherit;font-size:13px}
.contextbar label>strong{min-height:42px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--ekegr-line);border-radius:9px;background:#f7faf8}
.contextbar form>button{min-height:42px;padding:0 18px;border:0;border-radius:9px;background:var(--ekegr-brand);color:#fff;font-weight:750;cursor:pointer}
.contextbar form>button:hover{background:#245b43}
.ekegr-context-search{display:grid;gap:6px;margin:14px 0 8px;color:var(--ekegr-muted);font-size:11px;font-weight:700}
.ekegr-context-search input{min-height:40px;padding:8px 11px;border:1px solid var(--ekegr-line);border-radius:9px;background:var(--ekegr-surface);color:var(--ekegr-ink);font:inherit}
.ekegr-header-modal>section{width:min(760px,calc(100vw - 32px));max-height:84vh;overflow:auto;margin:8vh auto;padding:20px;border:1px solid var(--ekegr-line);border-radius:var(--ekegr-radius-lg)}
.ekegr-header-modal header h2{margin:0;color:var(--ekegr-ink);font-size:19px}
.ekegr-profile-caption small{display:block;margin-top:4px;color:var(--ekegr-muted);font-size:11px;font-weight:550}
.ekegr-profile-theme{border-top:1px solid #edf0ee;margin-top:4px;padding-top:4px}
.ekegr-profile-theme .ekegr-theme-toggle{width:100%;display:flex;justify-content:flex-start;gap:10px;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--ekegr-ink);font:inherit;font-size:12px;cursor:pointer}
.ekegr-profile-theme .ekegr-theme-toggle:hover{background:#f0f5f2}
.ekegr-profile-theme .ekegr-theme-toggle svg{width:17px;height:17px}
.ekegr-profile-theme .ekegr-theme-toggle span{display:inline}
.ekegr-profile-dropdown{width:270px}
.ekegr-profile-trigger{max-width:220px}
.ekegr-header-popover{border-radius:var(--ekegr-radius-md);padding:12px}
.ekegr-notice-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;border-bottom:1px solid #edf1ee}
.ekegr-popover-list .ekegr-notice-link{display:block;min-width:0;padding:10px;border:0;text-decoration:none;color:var(--ekegr-ink)}
.ekegr-popover-list .ekegr-notice-link.unread{background:#f0f7f3}
.ekegr-notice-link b,.ekegr-notice-link span,.ekegr-notice-link small{display:block;overflow-wrap:anywhere}
.ekegr-notice-row form{margin:0;padding:0 7px 0 0}
.ekegr-notice-row form button{min-height:30px;padding:4px 8px;border:1px solid var(--ekegr-line);border-radius:7px;background:#fff;color:var(--ekegr-brand);font-size:10px;font-weight:750;cursor:pointer}
.ekegr-notice-row form button:hover{background:#edf5f0}
.ekegr-popover-list .ekegr-notice-link small{font-size:10px;color:var(--ekegr-muted)}
.ekegr-page-breadcrumb,.ekegr-breadcrumb{display:flex;align-items:center;gap:8px;color:var(--ekegr-muted);font-size:11px}
.ekegr-breadcrumb{margin:0 0 12px;padding:0 2px}
.ekegr-breadcrumb a{color:var(--ekegr-accent);text-decoration:none;font-weight:700}
.ekegr-breadcrumb strong{color:var(--ekegr-ink);font-weight:750}
.ekegr-module-tabs{display:flex;align-items:center;gap:4px;max-width:100%;margin:0 0 20px;padding:0 0 1px;overflow-x:auto;border-bottom:1px solid var(--ekegr-line);scrollbar-width:thin}
.ekegr-module-tabs a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-bottom:2px solid transparent;color:#62746b;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:650}
.ekegr-module-tabs a:hover{color:var(--ekegr-brand);background:#edf4ef}
.ekegr-module-tabs a[aria-current="page"]{border-color:var(--ekegr-accent);color:var(--ekegr-brand);font-weight:800}
.ekegr-studio main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.ekegr-studio main select,.ekegr-studio main textarea{max-width:100%;border-color:var(--ekegr-line);border-radius:9px}
.ekegr-studio main :is(input,select,textarea,button,a):focus-visible,.ekegr-header-tools :is(button,a):focus-visible,.ekegr-sidebar :is(a,button):focus-visible{outline:3px solid #5cb98d!important;outline-offset:2px!important}
.ekegr-studio main table{border-collapse:separate;border-spacing:0;background:var(--ekegr-surface)}
.ekegr-studio main thead th{position:sticky;top:66px;z-index:3;background:#edf3ef;color:#455d51;font-size:11px;font-weight:800}
.ekegr-studio main tbody tr:hover{background:#f6faf7}
.ekegr-studio main td,.ekegr-studio main th{border-bottom:1px solid #e7eeea}
.ekegr-studio main .tablewrap,.ekegr-studio main .table-wrap,.ekegr-table-shell{max-width:100%;overflow:auto;border:1px solid var(--ekegr-line);border-radius:var(--ekegr-radius-md)}
#ekegrModuleModal .ekegr-modal-grid{max-height:45vh;overflow:auto}
.ekegr-modal-grid a{min-width:0}
.ekegr-modal-grid a[hidden]{display:none!important}
.ekegr-search-remote{padding:0 20px 20px}
.ekegr-search-remote-title{margin:8px 0;color:var(--ekegr-muted);font-size:11px;font-weight:800}
.ekegr-search-remote-list{display:grid;gap:5px;max-height:35vh;overflow:auto}
.ekegr-search-remote-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--ekegr-line);border-radius:9px;color:var(--ekegr-ink);text-decoration:none}
.ekegr-search-remote-item:hover{background:#f4f8f5}
.ekegr-search-remote-item div{display:grid;gap:3px;min-width:0}
.ekegr-search-remote-item small{overflow-wrap:anywhere;color:var(--ekegr-muted)}
.ekegr-search-type{padding:4px 6px;border-radius:5px;background:#eaf3ee;color:var(--ekegr-brand);font-size:10px}
html[data-ekegr-theme="dark"] body.ekegr-studio{--ekegr-ink:#e7f0eb;--ekegr-muted:#a3b3aa;--ekegr-line:#34463d;--ekegr-surface:#18251f;--ekegr-canvas:#101915;--ekegr-brand:#b9e4cd;--ekegr-accent:#74d2a3}
html[data-ekegr-theme="dark"] body.ekegr-studio>.appbar,html[data-ekegr-theme="dark"] .ekegr-header-popover,html[data-ekegr-theme="dark"] .ekegr-profile-dropdown,html[data-ekegr-theme="dark"] .ekegr-header-modal>section{background:#18251f;color:#e7f0eb;border-color:#34463d}
html[data-ekegr-theme="dark"] .ekegr-header-tools .ekegr-global-search,html[data-ekegr-theme="dark"] .contextbar label>strong,html[data-ekegr-theme="dark"] .contextbar select{background:#1d2b24!important;color:#e7f0eb!important;border-color:#34463d!important}
html[data-ekegr-theme="dark"] .ekegr-header-tools .ekegr-weather-widget{color:#e7f0eb!important;border-color:#34463d!important}
html[data-ekegr-theme="dark"] .ekegr-module-tabs a,html[data-ekegr-theme="dark"] .ekegr-breadcrumb strong{color:#d7e5dd}
html[data-ekegr-theme="dark"] .ekegr-popover-list .ekegr-notice-link.unread{background:#23362c}
@media (min-width:761px) and (max-width:1000px){
 body.ekegr-studio{--ekegr-side:72px;padding-left:72px!important}
 .ekegr-sidebar{transform:none!important;box-shadow:none!important}
 .ekegr-side-brand small,.ekegr-sidebar nav>a span,.ekegr-sidebar .ekegr-nav-group>button span,.ekegr-sidebar .ekegr-nav-group>button>i{display:none!important}
 .ekegr-sidebar nav>a,.ekegr-sidebar .ekegr-nav-group>button{justify-content:center;padding:9px 5px}
 .ekegr-sidebar .ekegr-nav-group>div{display:none!important}
 .ekegr-header-tools .ekegr-global-search{min-width:44px;width:44px;padding:0;justify-content:center}
 .ekegr-header-tools .ekegr-global-search>b,.ekegr-header-tools .ekegr-global-search kbd{display:none}
 .ekegr-header-tools .ekegr-context-btn{max-width:150px}
 .ekegr-header-tools .ekegr-context-btn b{max-width:110px}
 .ekegr-header-tools .ekegr-weather-widget{gap:4px;min-height:36px;padding:0 6px}
 .ekegr-header-tools .ekegr-weather-widget [data-weather-description]{max-width:62px}
}
@media(max-width:760px){
 body.ekegr-studio{--ekegr-side:0px;padding-left:0!important}
 body.ekegr-studio>.appbar{min-height:58px;gap:5px;padding:0 8px}
 .ekegr-nav-toggle{width:36px;height:36px;padding:0}
 .ekegr-sidebar{display:flex!important;top:0;bottom:0;left:0;width:min(290px,84vw);z-index:152;transform:translateX(-105%)!important;box-shadow:none!important}
 body.ekegr-nav-open .ekegr-sidebar{transform:translateX(0)!important;box-shadow:20px 0 50px #0003!important}
 .ekegr-nav-backdrop{position:fixed;inset:0;z-index:151;display:block;border:0;background:rgba(11,22,17,.48)}
 .ekegr-nav-backdrop[hidden]{display:none!important}
 .ekegr-header-tools{gap:1px}
 .ekegr-header-tools .ekegr-global-search{width:38px;min-width:38px;height:38px;justify-content:center;padding:0}
 .ekegr-header-tools .ekegr-global-search>b,.ekegr-header-tools .ekegr-global-search kbd{display:none}
 .ekegr-header-tools .ekegr-context-btn{width:38px;max-width:38px;min-width:38px;padding:0;justify-content:center}
 .ekegr-header-tools .ekegr-context-btn b{display:none}
 .ekegr-header-tools .ekegr-weather-widget{width:38px;min-width:38px;min-height:38px;padding:0;justify-content:center;gap:0}
 .ekegr-header-tools .ekegr-weather-widget [data-weather-temperature],.ekegr-header-tools .ekegr-weather-widget [data-weather-description]{display:none}
 .ekegr-header-tools .ekegr-icon-btn{width:36px;height:38px;padding:6px}
 .ekegr-profile-name,.ekegr-profile-trigger>.bi-chevron-down{display:none}
 .ekegr-profile-wrap{margin-left:2px}
 .ekegr-profile-trigger{min-height:38px;padding:2px}
 .contextbar-fields{grid-template-columns:1fr}
 .contextbar form{display:grid;grid-template-columns:1fr}
 .contextbar form>button{width:100%}
 .ekegr-header-modal>section{width:calc(100vw - 24px);max-height:88vh;margin:5vh auto;padding:14px}
 .ekegr-module-tabs{margin-bottom:14px}
 .ekegr-module-tabs a{min-height:38px;padding:0 11px}
 .ekegr-header-popover{right:8px!important;width:calc(100vw - 16px);max-height:min(75vh,560px)}
 .ekegr-popover-list{max-height:55vh}
 .ekegr-studio main thead th{top:58px}
}
@media(max-width:420px){
 body.ekegr-studio>.appbar .logo{font-size:15px}
 body.ekegr-studio>.appbar .logo small{display:none}
 .ekegr-header-tools .ekegr-global-search{width:34px;min-width:34px}
 .ekegr-header-tools .ekegr-context-btn{width:34px;min-width:34px}
 .ekegr-header-tools .ekegr-weather-widget{width:33px;min-width:33px}
 .ekegr-header-tools .ekegr-icon-btn{width:33px}
 .ekegr-profile-avatar{width:29px;height:29px}
 .ekegr-breadcrumb{font-size:10px;gap:5px}
}

body.ekegr-studio .actions details:not([open])>.popover{display:none!important}

@media(max-width:760px){body.ekegr-studio .actions details[open]>.popover.wide{left:0;right:auto;top:70px;width:calc(100vw - 32px);max-width:none;max-height:calc(100vh - 82px);overflow:auto}}

@media(max-width:900px){body.ekegr-studio .ops-toggle{top:auto!important;bottom:14px;right:92px;left:auto;width:38px;height:42px;padding:0;display:grid;place-items:center}}

/* Keep authenticated ERP content aligned with the shared header and sidebar. */
body.ekegr-studio>main.page,
body.ekegr-studio>main.shell{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:24px clamp(16px,2vw,28px) 32px;
}
@media(max-width:760px){
  body.ekegr-studio>main.page,
  body.ekegr-studio>main.shell{
    padding:18px 12px 28px;
  }
}

.inventory-transfer-center{display:grid;gap:18px;min-width:0}
.inventory-transfer-center .transfer-panel{min-width:0;margin:0;padding:clamp(16px,2vw,24px);border:1px solid var(--ekegr-line);border-radius:var(--ekegr-radius-lg);background:var(--ekegr-surface);box-shadow:0 8px 24px rgba(16,35,29,.045)}
.inventory-transfer-center .transfer-panel h2{margin:0 0 7px;font-size:18px}
.inventory-transfer-center .transfer-panel p{margin:0 0 16px;color:var(--ekegr-muted);font-size:13px;line-height:1.55}
.inventory-transfer-center .transfer-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.inventory-transfer-center .transfer-create-form{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));align-items:end;gap:14px}
.inventory-transfer-center .transfer-create-form label{display:grid;gap:6px;min-width:0;color:var(--ekegr-ink);font-size:12px;font-weight:700}
.inventory-transfer-center .transfer-create-form input,.inventory-transfer-center .transfer-create-form select{box-sizing:border-box;width:100%;min-width:0;min-height:42px;margin:0;padding:9px 11px;border:1px solid var(--ekegr-line);border-radius:9px;background:var(--ekegr-surface);color:var(--ekegr-ink)}
.inventory-transfer-center .transfer-create-form button{min-height:42px;justify-self:start;margin:0;padding:0 16px;border-radius:9px}
.inventory-transfer-center .transfer-table-wrap{border-color:var(--ekegr-line);border-radius:var(--ekegr-radius-md)}
.inventory-transfer-center .transfer-create-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px}
.inventory-transfer-center .transfer-create-card .transfer-panel-heading{align-items:center;margin:0}
.inventory-transfer-center .transfer-create-card .transfer-panel-heading p{margin:0}
.inventory-transfer-center .transfer-create-open{flex:0 0 auto;min-height:44px;padding:0 18px}
.inventory-transfer-center .transfer-create-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:none;max-height:min(88vh,760px);margin:auto;padding:0;overflow:auto;border:1px solid var(--ekegr-line);border-radius:18px;background:var(--ekegr-surface);color:var(--ekegr-ink);box-shadow:0 24px 80px rgba(12,28,23,.28)}
.inventory-transfer-center .transfer-create-dialog::backdrop{background:rgba(10,24,20,.62);backdrop-filter:blur(3px)}
.inventory-transfer-center .transfer-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px 16px;border-bottom:1px solid var(--ekegr-line)}
.inventory-transfer-center .transfer-dialog-header h2{margin:5px 0 8px;font-size:22px}
.inventory-transfer-center .transfer-dialog-header p{max-width:500px;margin:0;color:var(--ekegr-muted);font-size:13px;line-height:1.55}
.inventory-transfer-center .transfer-dialog-close{width:40px;min-width:40px;height:40px;padding:0;font-size:23px;line-height:1}
.inventory-transfer-center .transfer-create-dialog .transfer-create-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;padding:22px 26px 24px}
.inventory-transfer-center .transfer-create-dialog .transfer-note-field,.inventory-transfer-center .transfer-dialog-actions{grid-column:1/-1}
.inventory-transfer-center .transfer-dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}
.inventory-transfer-center .transfer-dialog-actions button{min-height:44px}

/* Human resources pages: keep legacy screens inside the shared ERP shell. */
body.ekegr-studio:has(>main.hr-page){overflow-x:hidden}
body.ekegr-studio>main.page.hr-page{box-sizing:border-box;width:100%;min-width:0;max-width:none;margin:0;padding:24px clamp(16px,2vw,28px) 36px}
.hr-page .hr-subnav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.hr-page .hr-subnav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--ekegr-line);border-radius:10px;background:var(--ekegr-surface);color:var(--ekegr-muted);font-size:12px;font-weight:750;text-decoration:none}
.hr-page .hr-subnav a:hover,.hr-page .hr-subnav a[aria-current="page"]{border-color:#b8d8c5;background:#eaf5ee;color:#176b4b}
.hr-page .pagehead{align-items:flex-start;margin:0 0 18px;padding:0;border:0}
.hr-page .pagehead h1{margin:2px 0 8px;color:var(--ekegr-ink);font-size:clamp(24px,3vw,32px);line-height:1.2}
.hr-page .pagehead p{display:flex;flex-wrap:wrap;gap:7px;margin:0;color:var(--ekegr-muted)}
body.ekegr-studio main.page.hr-page>section.hr-card{box-sizing:border-box;min-width:0;margin:0 0 18px;padding:clamp(16px,2vw,24px);border:1px solid var(--ekegr-line)!important;border-radius:var(--ekegr-radius-lg)!important;background:var(--ekegr-surface)!important;box-shadow:0 8px 24px rgba(16,35,29,.045)!important}
.hr-page .hr-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 18px}
.hr-page .hr-section-heading h2{margin:3px 0 6px;color:var(--ekegr-ink);font-size:18px}
.hr-page .hr-section-heading p,.hr-page .hr-help{margin:0;color:var(--ekegr-muted);font-size:12px;line-height:1.55}
body.ekegr-studio main.page.hr-page form.hr-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));align-items:end;gap:14px;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.hr-page form.hr-form>label{display:grid;gap:7px;min-width:0;margin:0;color:var(--ekegr-ink);font-size:12px;font-weight:700}
.hr-page form.hr-form :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--ekegr-line);border-radius:9px;background:var(--ekegr-surface);color:var(--ekegr-ink)}
.hr-page form.hr-form button,.hr-page .hr-inline-form button{min-height:42px;padding:0 16px;border-radius:9px}
.hr-page .hr-help{margin-top:14px}
.hr-page .tablewrap{max-width:100%;overflow:auto;border:1px solid var(--ekegr-line);border-radius:12px;background:var(--ekegr-surface)}
.hr-page .tablewrap table{width:100%;min-width:760px;margin:0;border-collapse:separate;border-spacing:0}
.hr-page .tablewrap th,.hr-page .tablewrap td{padding:12px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--ekegr-line);font-size:12px}
.hr-page .tablewrap th{background:#f1f5f2;color:#496055;font-size:11px;font-weight:800;white-space:nowrap}
.hr-page .tablewrap tbody tr:last-child td{border-bottom:0}
.hr-page .tablewrap tbody tr:hover{background:#f7faf8}
.hr-page .hr-inline-form{display:flex;align-items:center;gap:8px;min-width:180px}
.hr-page .hr-inline-form :is(input,select){box-sizing:border-box;min-width:120px;max-width:220px;min-height:38px;padding:7px 9px;border:1px solid var(--ekegr-line);border-radius:8px;background:var(--ekegr-surface);color:var(--ekegr-ink)}
.hr-page .badge{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border:1px solid #dce9e1;border-radius:999px;background:#f0f7f2;color:#285c43;font-size:11px;font-weight:750}
.hr-page .notice{margin:8px 0;padding:12px 14px;border:1px solid #f2d9a7;border-radius:10px;background:#fff8e8;color:#77520b;font-size:13px;line-height:1.5}
.hr-page .success,.hr-page .error{margin:0 0 16px;padding:12px 14px;border:1px solid var(--ekegr-line);border-radius:10px;background:var(--ekegr-surface)}
/* The common details normalizer clips absolute popovers unless this is overridden. */
body.ekegr-studio .hr-page .actions details.ekegr-details{position:relative;overflow:visible!important}
body.ekegr-studio .hr-page .actions details.ekegr-details[open]{z-index:130}
body.ekegr-studio .hr-page .actions details.ekegr-details[open]>.popover{z-index:180;display:grid}
/* The main HR page uses .page (not .hr-page); scope the actual details/popover pair directly. */
body.ekegr-studio main.page .actions details.ekegr-details{position:relative;overflow:visible!important}
body.ekegr-studio main.page .actions details.ekegr-details[open]{z-index:180}
body.ekegr-studio main.page .actions details.ekegr-details[open]>.popover{position:absolute;display:grid;visibility:visible;opacity:1;z-index:190;top:calc(100% + 8px);right:0;max-height:min(78vh,720px);overflow:auto}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group{margin:2px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>button{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:10px!important;min-height:42px!important;margin:0!important;padding:9px 10px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#aebbb5!important;box-shadow:none!important;font-size:12px!important;letter-spacing:0!important}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>button:hover,body.ekegr-studio .ekegr-sidebar .ekegr-nav-group.open>button{border-color:transparent!important;background:#1a3b30!important;color:#fff!important}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>div:not([hidden]){display:grid!important;gap:2px!important;padding:3px 0 7px 29px!important;background:transparent!important}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>div>a{min-height:35px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#c5d2cb!important;font-size:11px!important}
body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>div>a:hover,body.ekegr-studio .ekegr-sidebar .ekegr-nav-group>div>a.active{background:#1f4035!important;color:#fff!important}
@media(max-width:760px){body.ekegr-studio>main.page.hr-page{padding:18px 12px 28px}.hr-page .hr-section-heading{display:block}.hr-page .hr-section-heading>.badge{margin-top:10px}.hr-page form.hr-form{grid-template-columns:minmax(0,1fr)}.hr-page form.hr-form button{width:100%}.hr-page .tablewrap table{min-width:720px}.hr-page .hr-inline-form{flex-wrap:wrap}}
.inventory-transfer-center .transfer-table{min-width:850px;margin:0}
.inventory-transfer-center .transfer-table th,.inventory-transfer-center .transfer-table td{padding:12px 14px;vertical-align:middle}
.inventory-transfer-center .transfer-row-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:190px}
.inventory-transfer-center .transfer-row-actions form{display:block;margin:0}
.inventory-transfer-center .transfer-row-actions button,.inventory-transfer-center .transfer-row-actions .button{min-height:34px;margin:0;padding:7px 10px;border-radius:8px;font-size:11px}
.inventory-transfer-center .transfer-help{max-width:155px;margin:0;color:var(--ekegr-muted);line-height:1.4}
.inventory-transfer-center .transfer-empty{text-align:center;padding:28px;color:var(--ekegr-muted)}
.inventory-transfer-center .transfer-notice{padding:13px 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:650}
.inventory-transfer-center .transfer-notice--success{border-color:#b8e2ca;background:#edf8f1;color:#176b42}
.inventory-transfer-center .transfer-notice--error{border-color:#f2c6c3;background:#fff2f1;color:#a12b24}
.inventory-transfer-center span.badge{position:static;display:inline-flex;align-items:center;min-width:0;height:auto;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}
.inventory-transfer-center span.badge--neutral{background:#f0f3f1;color:#52635a;border-color:#e2e8e4}
.inventory-transfer-center span.badge--info{background:#edf4ff;color:#28558d;border-color:#d8e6fa}
.inventory-transfer-center span.badge--warning{background:#fff5dc;color:#805b09;border-color:#f2e2b3}
.inventory-transfer-center span.badge--success{background:#e8f6ed;color:#176b42;border-color:#cce9d7}
.inventory-transfer-center span.badge--danger{background:#fff0ef;color:#a12b24;border-color:#f2cfcc}
@media(max-width:760px){
 .inventory-transfer-center .transfer-panel-heading{flex-direction:column}
 .inventory-transfer-center .transfer-create-form{grid-template-columns:minmax(0,1fr)}
 .inventory-transfer-center .transfer-create-form button{width:100%}
 .inventory-transfer-center .transfer-create-card{align-items:stretch;flex-direction:column}
 .inventory-transfer-center .transfer-create-open{width:100%}
 .inventory-transfer-center .transfer-create-dialog .transfer-create-form{grid-template-columns:minmax(0,1fr);padding:18px}
 .inventory-transfer-center .transfer-create-dialog .transfer-note-field,.inventory-transfer-center .transfer-dialog-actions{grid-column:1}
 .inventory-transfer-center .transfer-dialog-header{padding:20px 18px 14px}
 .inventory-transfer-center .transfer-dialog-actions{flex-direction:column-reverse}
 .inventory-transfer-center .transfer-dialog-actions button{width:100%}
 .inventory-transfer-center .transfer-row-actions{min-width:0}
}

/* Shared ERP component finish: predictable data tables, readable controls and dialogs. */
body.ekegr-studio main :is(.tablewrap,.table-wrap,.table-card,.table-shell,.ekegr-table-shell){
  display:block;
  max-width:100%;
  overflow:auto;
  overscroll-behavior-inline:contain;
  border:1px solid var(--ekegr-line);
  border-radius:var(--ekegr-radius-md);
  background:var(--ekegr-surface);
  scrollbar-width:thin;
}
body.ekegr-studio main :is(.tablewrap,.table-wrap,.table-card,.table-shell,.ekegr-table-shell)>table,
body.ekegr-studio main>table{
  width:100%;
  margin:0;
  border:0;
  border-collapse:separate;
  border-spacing:0;
  background:transparent;
}
body.ekegr-studio main :is(.tablewrap,.table-wrap,.table-card,.table-shell,.ekegr-table-shell)>table{min-width:640px}
body.ekegr-studio main>table{min-width:0}
body.ekegr-studio main table :is(th,td){
  box-sizing:border-box;
  padding:12px 14px;
  border:0;
  border-bottom:1px solid var(--ekegr-line);
  color:var(--ekegr-ink);
  font-size:12px;
  line-height:1.45;
  text-align:left;
  vertical-align:middle;
  white-space:normal;
}
body.ekegr-studio main table th{
  position:static;
  background:var(--ekegr-surface-soft,#f7f9f8);
  color:var(--ekegr-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
body.ekegr-studio main table tbody tr{transition:background-color .14s ease}
body.ekegr-studio main table tbody tr:nth-child(even){background:transparent}
body.ekegr-studio main table tbody tr:hover{background:rgba(33,128,94,.055)}
body.ekegr-studio main table tbody tr:last-child>td{border-bottom:0}
body.ekegr-studio main table caption{padding:0 14px 12px;color:var(--ekegr-muted);font-size:12px;text-align:left}
body.ekegr-studio main table :is(input[type=checkbox],input[type=radio]){width:17px;height:17px;margin:0;accent-color:var(--ekegr-accent);vertical-align:middle}
body.ekegr-studio main table tbody tr:has(input[type=checkbox]:checked){background:rgba(33,128,94,.10)}
body.ekegr-studio main table :is(td,th) :is(form,.actions,.row-actions){margin:0}
body.ekegr-studio main table :is(td,th) :is(button,.button,a.button){min-height:34px;padding:7px 11px;font-size:11px}
body.ekegr-studio main table .badge,
body.ekegr-studio main table .pill,
body.ekegr-studio main table [class*="status"]{white-space:nowrap}

body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button]){
  box-sizing:border-box;
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  max-width:100%;
  padding:7px 12px;
  border:1px solid transparent;
  border-radius:9px;
  background:var(--ekegr-brand);
  color:#fff;
  font-family:inherit;
  font-size:12px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:0;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;
}
body.ekegr-studio main form:not(.ekegr-inline-form):not(.settings-row) :is(button,.button,a.button,input[type=submit],input[type=button]){min-height:36px;padding:7px 12px}
body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button]):hover:not(:disabled){
  border-color:#245b43;
  background:#245b43;
  color:#fff;
  box-shadow:0 4px 12px rgba(23,63,48,.16);
}
body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button]):active:not(:disabled){transform:translateY(1px)}
body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button]):disabled,
body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button])[aria-disabled="true"]{opacity:.55;cursor:not-allowed;box-shadow:none}
body.ekegr-studio main :is(button,.button,a.button,input[type=submit],input[type=button]).secondary,
body.ekegr-studio main :is(button,.button,a.button).button-secondary{
  border-color:#d6e2da;
  background:#f5f8f6;
  color:#254b39;
}
body.ekegr-studio main :is(button,.button,a.button).secondary:hover,
body.ekegr-studio main :is(button,.button,a.button).button-secondary:hover{border-color:#bad1c2;background:#eaf3ed;color:#173f30}
body.ekegr-studio main :is(button,.button,a.button).danger,
body.ekegr-studio main :is(button,.button,a.button)[data-variant="danger"]{background:#a52d2a;color:#fff}
body.ekegr-studio main :is(button,.button,a.button).danger:hover,
body.ekegr-studio main :is(button,.button,a.button)[data-variant="danger"]:hover{background:#84211f}
body.ekegr-studio main :is(button,.button,a.button) :is(i,svg){flex:none;line-height:1}

body.ekegr-studio main :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){
  box-sizing:border-box;
  min-height:40px;
  padding:9px 11px;
  border:1px solid var(--ekegr-line);
  border-radius:9px;
  background:var(--ekegr-surface);
  color:var(--ekegr-ink);
  font:inherit;
  font-size:13px;
  line-height:1.4;
}
body.ekegr-studio main textarea{min-height:96px;resize:vertical}
body.ekegr-studio main label{min-width:0;line-height:1.4}
body.ekegr-studio main form:not(.inline):not(.ekegr-inline-form):not(.settings-row) label> :is(input,select,textarea){width:100%;margin-top:3px}

body.ekegr-studio .ekegr-modal-host{color:var(--ekegr-ink)}
body.ekegr-studio .ekegr-modal-dialog{border-color:var(--ekegr-line);background:var(--ekegr-surface);color:var(--ekegr-ink)}
body.ekegr-studio .ekegr-modal-head{min-height:58px;padding:14px 18px;background:var(--ekegr-surface)}
body.ekegr-studio .ekegr-modal-head h2{color:var(--ekegr-ink);font-size:17px;font-weight:800}
body.ekegr-studio .ekegr-modal-body{color:var(--ekegr-ink);line-height:1.55}
body.ekegr-studio .ekegr-modal-body form{display:grid;gap:14px}
body.ekegr-studio .ekegr-modal-head .ekegr-modal-close{width:38px;min-height:38px;padding:0;border:1px solid var(--ekegr-line);border-radius:9px;background:transparent;color:var(--ekegr-ink);font-size:22px}
body.ekegr-studio .ekegr-modal-head .ekegr-modal-close:hover{background:#edf4ef;color:var(--ekegr-brand)}
html[data-ekegr-theme="dark"] body.ekegr-studio main table th{background:#22332a;color:#d6e6dc}
html[data-ekegr-theme="dark"] body.ekegr-studio main table tbody tr:nth-child(even){background:transparent}
html[data-ekegr-theme="dark"] body.ekegr-studio main table tbody tr:hover{background:rgba(116,210,163,.08)}
html[data-ekegr-theme="dark"] body.ekegr-studio main table tbody tr:has(input[type=checkbox]:checked){background:rgba(116,210,163,.14)}
html[data-ekegr-theme="dark"] body.ekegr-studio main :is(button,.button,a.button).secondary{border-color:#45594d;background:#26372e;color:#deeee4}
body.ekegr-studio main .report-table-wrap{overflow:auto;border:1px solid var(--ekegr-line);border-radius:var(--ekegr-radius-md);background:var(--ekegr-surface)}
body.ekegr-studio main .report-table{width:100%;min-width:980px;border-collapse:separate;border-spacing:0}
body.ekegr-studio main .report-table :is(th,td){padding:11px 13px;border-bottom:1px solid var(--ekegr-line);font-size:12px;vertical-align:middle}
body.ekegr-studio main .report-table th{background:var(--ekegr-surface-soft,#f7f9f8);color:var(--ekegr-muted);font-size:10px;letter-spacing:.04em;text-transform:uppercase}
body.ekegr-studio main .report-table th button{min-height:32px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:left;cursor:pointer}
body.ekegr-studio main .report-table th button:hover{background:rgba(33,128,94,.08);color:var(--ekegr-brand)}
body.ekegr-studio main .report-table tbody tr:hover{background:rgba(33,128,94,.045)}
body.ekegr-studio main .report-table .report-select-cell{width:42px;text-align:center}
body.ekegr-studio main .report-table .report-select-cell input{width:17px;height:17px;margin:0;accent-color:var(--ekegr-accent);vertical-align:middle}
body.ekegr-studio main .report-table .report-sale-reference strong,body.ekegr-studio main .report-table .report-sale-reference small{display:block}
body.ekegr-studio main .report-table .report-sale-reference small{margin-top:3px;color:var(--ekegr-muted);font-size:10px;white-space:nowrap}
body.ekegr-studio main .report-table .report-row-actions{display:flex;align-items:center;justify-content:center;gap:6px}
body.ekegr-studio main .report-table .report-icon-link{width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--ekegr-line);border-radius:8px;background:var(--ekegr-surface);color:var(--ekegr-brand);text-decoration:none}
body.ekegr-studio main .report-table .report-icon-link:hover{border-color:var(--ekegr-accent);background:rgba(33,128,94,.08);color:var(--ekegr-brand)}
body.ekegr-studio main .report-table .report-icon-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.ekegr-studio main .report-table .report-money{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
body.ekegr-studio main .report-table tbody tr:last-child>td{border-bottom:0}
html[data-ekegr-theme="dark"] body.ekegr-studio main .report-table th{background:#22332a;color:#b7c9bf}
html[data-ekegr-theme="dark"] body.ekegr-studio main .report-table tbody tr:hover{background:rgba(116,210,163,.07)}
html[data-ekegr-theme="dark"] body.ekegr-studio main .report-table .report-icon-link{background:#1d2b24;color:#c9ead8}

/* Help Center: the content column is primary; support stays a compact side panel. */
body.ekegr-studio main.help-center-page{max-width:none}
body.ekegr-studio main.help-center-page .help-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.55fr);
  align-items:center;
  justify-items:stretch;
  gap:8px 24px;
  margin:0 0 20px;
  padding:clamp(22px,3vw,36px);
  border:1px solid #d9e9df;
  border-radius:var(--ekegr-radius-lg);
  background:linear-gradient(120deg,#173f30,#246b4b 72%,#2c805a);
  text-align:left;
}
body.ekegr-studio main.help-center-page .help-hero>small,
body.ekegr-studio main.help-center-page .help-hero>h1,
body.ekegr-studio main.help-center-page .help-hero>p,
body.ekegr-studio main.help-center-page .help-search-label{grid-column:1}
body.ekegr-studio main.help-center-page .help-hero>h1{margin:0;color:#fff;font-size:clamp(26px,3vw,36px);line-height:1.15}
body.ekegr-studio main.help-center-page .help-hero>p{margin:0;color:#e1f0e7;font-size:14px;line-height:1.5}
body.ekegr-studio main.help-center-page .help-search-label{align-self:end;margin-top:12px;color:#e1f0e7;font-size:11px;font-weight:750}
body.ekegr-studio main.help-center-page .help-hero>input{grid-column:2;grid-row:2 / span 3;width:100%;min-height:52px;margin:0;border:1px solid rgba(255,255,255,.55);background:#fff;color:#173f30;box-shadow:0 10px 24px rgba(7,35,21,.14)}
body.ekegr-studio main.help-center-page .suite-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:18px}
body.ekegr-studio main.help-center-page .help-primary{display:grid;gap:18px;min-width:0}
body.ekegr-studio main.help-center-page .suite-card{min-width:0;padding:clamp(16px,2vw,24px);border-color:var(--ekegr-line);border-radius:var(--ekegr-radius-lg);background:var(--ekegr-surface);box-shadow:0 8px 24px rgba(16,35,29,.045)}
body.ekegr-studio main.help-center-page .section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
body.ekegr-studio main.help-center-page .section-title h2{margin:4px 0 0;font-size:19px}
body.ekegr-studio main.help-center-page .help-eyebrow{display:block;color:var(--ekegr-accent);font-size:10px;font-weight:850;letter-spacing:.1em}
body.ekegr-studio main.help-center-page .help-guide-count{flex:none;padding:6px 10px;border:1px solid var(--ekegr-line);border-radius:999px;background:#f5f8f6;color:var(--ekegr-muted);font-size:11px;font-weight:700}
body.ekegr-studio main.help-center-page .guide-card{display:flex;flex-direction:column;gap:8px;border-color:var(--ekegr-line);border-radius:13px;background:var(--ekegr-surface);box-shadow:0 3px 12px rgba(16,35,29,.035)}
body.ekegr-studio main.help-center-page .guide-card h3{margin:3px 0;color:var(--ekegr-ink);font-size:15px;line-height:1.35}
body.ekegr-studio main.help-center-page .guide-card p{margin:0;color:var(--ekegr-muted);font-size:12px;line-height:1.5}
body.ekegr-studio main.help-center-page .guide-card .chip{align-self:flex-start;padding:5px 8px;border:1px solid #dce9e1;border-radius:999px;background:#f0f7f2;color:#285c43}
body.ekegr-studio main.help-center-page .guide-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
body.ekegr-studio main.help-center-page .guide-card-actions :is(button,a){flex:1 1 auto}
body.ekegr-studio main.help-center-page .guide-card template{display:none}
body.ekegr-studio main.help-center-page .help-knowledge .article-list details{margin:0;border-bottom:1px solid var(--ekegr-line)}
body.ekegr-studio main.help-center-page .help-knowledge summary{display:flex;align-items:flex-start;gap:12px;padding:12px 2px;color:var(--ekegr-ink)}
body.ekegr-studio main.help-center-page .help-knowledge summary span{flex:none;min-width:92px;color:var(--ekegr-accent);font-size:10px;font-weight:800}
body.ekegr-studio main.help-center-page .help-knowledge details>div{padding:4px 8px 14px 106px;color:var(--ekegr-muted);font-size:13px;line-height:1.65}
body.ekegr-studio main.help-center-page .help-support{position:sticky;top:84px}
body.ekegr-studio main.help-center-page .help-support h2{margin:5px 0 8px;font-size:20px}
body.ekegr-studio main.help-center-page .help-support h3{margin:24px 0 8px;font-size:14px}
body.ekegr-studio main.help-center-page .help-support-intro{margin:0 0 16px;color:var(--ekegr-muted);font-size:12px;line-height:1.55}
body.ekegr-studio main.help-center-page .ticket{align-items:flex-start;border-bottom:1px solid var(--ekegr-line);font-size:12px}
body.ekegr-studio main.help-center-page .ticket b{overflow-wrap:anywhere}
body.ekegr-studio main.help-center-page .status{flex:none}
body.ekegr-studio .ekegr-modal-body .help-guide-content ol{display:grid;gap:10px;margin:0 0 18px;padding-left:24px}
body.ekegr-studio .ekegr-modal-body .help-guide-content li{padding-left:4px}
@media(max-width:900px){body.ekegr-studio main.help-center-page .suite-layout{grid-template-columns:minmax(0,1fr)}body.ekegr-studio main.help-center-page .help-support{position:static}}
@media(max-width:650px){body.ekegr-studio main.help-center-page .help-hero{grid-template-columns:minmax(0,1fr);gap:8px;padding:22px}body.ekegr-studio main.help-center-page .help-hero>input{grid-column:1;grid-row:auto;margin-top:8px}body.ekegr-studio main.help-center-page .help-guide-count{white-space:normal;text-align:center}body.ekegr-studio main.help-center-page .help-knowledge details>div{padding:4px 8px 14px}body.ekegr-studio main.help-center-page .help-knowledge summary{display:grid;gap:4px}}