/* Shared by the material UI and independent card module. Keep one header rule set. */
[data-slot='sidebar-inset'],.workspace-shell .app-main {container:workspace-main / inline-size;}
.workspace-topbar.topbar {
  --workspace-control-height:48px;
  box-sizing:border-box;min-height:80px;display:flex;align-items:center;justify-content:flex-start;
  flex-wrap:wrap;gap:12px;padding:16px max(40px, calc((100% - 1520px) / 2));margin:0;position:relative;
  background:var(--background, #f3f6fb);border-bottom:1px solid #dbe3ef;backdrop-filter:none;
  color:#152741;font-family:Pretendard,'Malgun Gothic',sans-serif;font-size:14px;line-height:1.5;
}
.workspace-topbar .topbar-path,.workspace-topbar .topbar-left,.workspace-topbar .workspace-breadcrumb {
  display:flex;align-items:center;gap:12px;min-width:0;margin:0;font-size:13px;line-height:20px;
}
.workspace-topbar .topbar-path>strong,.workspace-topbar .workspace-breadcrumb>strong {max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.workspace-topbar .topbar-path>span,.workspace-topbar .workspace-breadcrumb>span {color:#76879d;}
.workspace-topbar.topbar .topbar-path>span {display:inline;}
.workspace-topbar strong {font-weight:600;color:#152741;}
.workspace-topbar .erp-profile strong,.workspace-topbar .workspace-portal-profile strong {color:#111;}
.sidebar-user.workspace-identity {display:flex;align-items:center;gap:8px;min-width:0;}
.sidebar-user.workspace-identity .workspace-identity-avatar {display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#23344e;color:#fff;font-size:13px;font-weight:700;}
.sidebar-user.workspace-identity .workspace-identity-copy {display:grid;gap:2px;min-width:0;flex:1;}
.sidebar-user.workspace-identity .workspace-identity-line {display:flex;align-items:baseline;gap:4px;min-width:0;line-height:18px;}
.sidebar-user.workspace-identity .workspace-identity-line strong {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;font-size:13px;font-weight:600;}
.sidebar-user.workspace-identity .workspace-identity-line small {flex:none;max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617287;font-size:12px;font-weight:400;margin:0;}
.sidebar-user.workspace-identity .workspace-identity-affiliation {display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:14px;color:#617287;}
.sidebar-user.workspace-identity .workspace-sidebar-logout {display:flex;flex:none;margin:0;align-self:center;}
.sidebar-user.workspace-identity .workspace-sidebar-logout button {display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0;padding:3px 5px;border:1px solid #d2d7dd;border-radius:5px;background:#f4f5f6;color:#333;font:inherit;font-size:10px;line-height:18px;white-space:nowrap;cursor:pointer;}
.sidebar-user.workspace-identity .workspace-sidebar-logout button:hover {background:#e5e7eb;}
.sidebar-user.workspace-identity .workspace-sidebar-logout button:focus-visible {outline:2px solid #406797;outline-offset:2px;}
.sidebar-user.workspace-identity .workspace-sidebar-logout button:disabled {opacity:.5;cursor:not-allowed;}
.workspace-topbar .workspace-menu-toggle {
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:7px;
  width:74px;min-width:74px;margin:0;padding:0 12px;
  position:absolute;left:max(8px, calc((100% - 1520px) / 2 - 86px));top:16px;
  border:1px solid #d8e2ee;border-radius:8px;background:#fff;color:#375476;
  font-family:inherit;font-size:13px;font-weight:600;line-height:20px;box-shadow:none;
}
.workspace-topbar .workspace-menu-toggle svg {width:17px;height:17px;stroke-width:2;}
.workspace-topbar .workspace-menu-toggle:hover {background:#eaf0f8;border-color:#acbfd8;color:#173654;}
.workspace-topbar .workspace-account-actions {
  display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0;color:#152741;font-size:13px;line-height:20px;
}
.workspace-topbar .workspace-account-actions form {display:flex;margin:0;}
.workspace-topbar.topbar :is(.workspace-menu-toggle,.erp-header-site>label,.erp-header-site>button,.erp-header-identity>button,.erp-notification-anchor>button,.erp-profile,.workspace-portal-site,.workspace-portal-profile,.workspace-portal-bell>button,.workspace-account-actions>form>button,.workspace-account-actions>a) {
  box-sizing:border-box;height:var(--workspace-control-height);min-height:var(--workspace-control-height);
  border:1px solid transparent;border-radius:6px;background:transparent;box-shadow:none;
}
.workspace-topbar.topbar :is(.erp-header-site>button,.erp-header-identity>button,.erp-notification-anchor>button,.workspace-portal-bell>button,.workspace-account-actions>form>button,.workspace-account-actions>a) {
  display:inline-flex;align-items:center;justify-content:center;padding:0 12px;margin:0;
  color:#375476;font-family:inherit;font-size:13px;font-weight:500;line-height:20px;text-decoration:none;white-space:nowrap;
}
.workspace-topbar.topbar .erp-notification-anchor>button{width:48px;min-width:48px;padding:0}
.workspace-topbar.topbar :is(.workspace-menu-toggle,.erp-header-site>button,.erp-header-identity>button,.erp-notification-anchor>button,.workspace-portal-bell>button,.workspace-account-actions>form>button,.workspace-account-actions>a):hover {background:transparent;border-color:transparent;color:#173654;text-decoration:underline;text-underline-offset:4px;}
.workspace-topbar.topbar :is(button,a,select):focus-visible {outline:2px solid #406797;outline-offset:2px;}
.workspace-topbar.topbar .erp-header-site>label:focus-within {outline:2px solid #406797;outline-offset:2px;}
.workspace-topbar.topbar .erp-header-site select:focus,
.workspace-topbar.topbar .erp-header-site select:focus-visible {outline:none;box-shadow:none;border:0;}
.workspace-topbar.topbar .workspace-portal-site:focus-within {outline:2px solid #406797;outline-offset:2px;}
.workspace-topbar.topbar .workspace-portal-site select:focus,
.workspace-topbar.topbar .workspace-portal-site select:focus-visible {outline:none;box-shadow:none;border:0;}
/* Match the main workspace's 1600px outer width and 40px inner gutters.
   In narrower desktop gutters only the menu icon fits outside that content line. */
@container workspace-main (max-width:1691px) {
  .workspace-topbar .workspace-menu-toggle {width:30px;min-width:30px;padding:0;left:max(2px, calc((100% - 1520px) / 2 - 38px));}
  .workspace-topbar .workspace-menu-toggle>span {display:none;}
}
@media(max-width:1000px) {
  .workspace-topbar.topbar {padding-inline:24px;}
  .workspace-topbar .workspace-menu-toggle {position:static;width:40px;min-width:40px;padding:0;}
  .workspace-topbar .topbar-path>span {display:inline;}
}
@media(max-width:767px) {
  .workspace-topbar.topbar {position:sticky;top:0;z-index:30;padding-block:12px;}
}
@media(max-width:640px) {
  .workspace-topbar.topbar {padding-inline:16px;}
}
@media(max-width:600px) {
  .workspace-topbar.topbar,.workspace-topbar.topbar .erp-header-identity,.workspace-topbar.topbar .erp-header-site {gap:8px;}
  .workspace-topbar.topbar div.erp-header-identity>button {display:none;}
}