:root.management-theme, :root.workspace-theme {
  color-scheme: light;
  --paper: #e8eef4;
  --white: #fff;
  --ink: #0d1b2d;
  --muted: #526378;
  --line: #c5d0df;
  --dark: #283e54;
  --graphite: #283e54;
  --graphite-soft: #e4ecf5;
  --staff: #244c78;
  --staff-soft: #e4eef9;
  --nav: #f5f7fa;
  --blue: #293f57;
  --frame-shadow: 0 8px 24px #243c5e13;
  --ui-sidebar-width: 238px;
  --ui-gutter: clamp(18px, 3.5vw, 52px);
  color: var(--ink);
  background: var(--paper);
  font-family: Inter, system-ui, "Microsoft JhengHei", "PingFang TC", sans-serif;
}

:root :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #426fa1;
  outline-offset: 3px;
}

.management-theme .logo, .workspace-theme .mark, .workspace-theme .avatar {
  background: var(--dark);
  color: white;
}

.management-theme .management-frame {
  max-width: 1230px;
  margin: clamp(12px, 3vw, 38px) auto;
  width: calc(100% - clamp(24px, 7vw, 88px));
  border: 1px solid var(--line);
  border-radius: 19px;
  box-shadow: var(--frame-shadow);
  background: var(--paper);
}

.management-frame .topbar {
  padding: clamp(16px, 2vw, 23px) clamp(20px, 3vw, 36px);
  min-height: 84px;
  border-radius: 18px 18px 0 0;
}

.management-frame .brand { font-size: clamp(20px, 2.5vw, 31px); gap: 16px; }
.management-frame .logo { width: 65px; height: 54px; border-radius: 18px; }
.management-frame .account button { min-height: 42px; font-weight: 700; white-space: nowrap; }
.management-theme .standalone { width: 100%; padding: clamp(23px, 3vw, 36px); }
.management-theme .standalone h1 {
  margin: 0 0 clamp(22px, 2.5vw, 31px);
  font-size: clamp(36px, 5.4vw, 57px);
  line-height: 1.13;
  letter-spacing: -.045em;
}

.management-theme .directory-section + .directory-section { margin-top: clamp(23px, 3vw, 35px); }
.management-theme .directory-section h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 15px;
  font-size: clamp(22px, 2.8vw, 29px);
  line-height: 1.15;
}

.management-theme .directory-section h2::before {
  content: "";
  width: 6px;
  height: .99em;
  background: var(--dark);
  border-radius: 3px;
}

.management-theme .directory-grid { display: grid; gap: 12px; }
.management-theme .directory-featured { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.management-theme .directory-business { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.management-theme .directory-support { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.management-theme .directory-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(10px, 1.6vw, 21px);
  min-width: 0;
  min-height: 84px;
  padding: 16px clamp(14px, 2.4vw, 30px);
  color: var(--ink);
  border: 1px solid var(--line);
  border-radius: 15px;
  background: white;
  box-shadow: 0 3px 6px #263c5a0a;
  font-size: clamp(18px, 2.45vw, 26px);
  font-weight: 780;
  text-align: left;
  text-decoration: none;
}

.management-theme .directory-card:hover { border-color: #8098b3; box-shadow: 0 5px 13px #253d5b24; }
.management-theme .directory-icon { display: grid; place-items: center; color: var(--dark); }
.management-theme .directory-icon svg { width: 42px; height: 42px; }
.management-theme .directory-card .arrow { font: 400 34px/1 system-ui, sans-serif; color: var(--dark); }
.management-theme .directory-support .directory-card { min-height: 68px; font-size: clamp(17px, 2.1vw, 21px); }
.management-theme .directory-support .directory-icon svg { width: 31px; height: 31px; }

.management-theme .directory-store {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.management-theme .directory-store .directory-card {
  grid-template: minmax(0, 1fr) auto / minmax(0, 1fr) auto;
  aspect-ratio: .96;
  align-items: center;
  padding: clamp(12px, 1.65vw, 22px);
  font-size: clamp(17px, 2vw, 26px);
  line-height: 1.25;
  background: linear-gradient(148deg, #f2f4f6, #c4cbd2);
  color: #192833;
}
.management-theme .directory-store .d6Store {
  background: linear-gradient(145deg, #174e94, #072451);
  border-color: #456ca4;
  color: #fff;
}
.directory-store .store-art {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  width: 88%;
  height: 75%;
  justify-self: center;
  border: 1px solid currentColor;
  border-radius: 13px 13px 6px 6px;
  padding: clamp(13px, 2vw, 27px) 9% 7%;
  background: linear-gradient(90deg, #fff3 50%, transparent 0) top / 22px 10px repeat-x,
    linear-gradient(currentColor, currentColor) top / 100% 10px no-repeat,
    repeating-linear-gradient(0deg, #73869a21 0 1px, transparent 1px 10px);
}
.directory-store .store-art img {
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: contain;
}
.management-theme .directory-store .arrow {
  display: grid;
  place-items: center;
  width: clamp(28px, 3.4vw, 41px);
  aspect-ratio: 1;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  font-size: clamp(16px, 2.15vw, 25px);
}
@media (max-width: 680px) {
  .management-theme .directory-store { grid-template-columns: minmax(0, 1fr); }
  .management-theme .directory-store .directory-card {
    grid-template: 1fr / 43% minmax(0, 1fr) auto;
    aspect-ratio: auto;
    min-height: 102px;
    gap: 8px;
    padding: 11px 10px;
    font-size: clamp(14px, 4.1vw, 23px);
  }
  .directory-store .store-art { grid-column: auto; width: 100%; height: 79px; padding: 13px 7px 5px; }
}

:root:is(.management-theme,.workspace-theme)[data-theme="ocean"] { --paper:#edf3f9; --ink:#172a42; --muted:#455f77; --line:#c9d7e6; --dark:#254e78; --graphite-soft:#dfebf6; }
:root:is(.management-theme,.workspace-theme)[data-theme="forest"] { --paper:#eef4ee; --ink:#192d23; --muted:#4b6254; --line:#c9dace; --dark:#28523f; --graphite-soft:#dcebe1; }
:root:is(.management-theme,.workspace-theme)[data-theme="lavender"] { --paper:#f3eff8; --ink:#2b203e; --muted:#645471; --line:#d8cce6; --dark:#574176; --graphite-soft:#e9dff2; }
:root:is(.management-theme,.workspace-theme)[data-theme="sand"] { --paper:#f8f2e8; --ink:#302419; --muted:#6a5544; --line:#e0d2bf; --dark:#644833; --graphite-soft:#f0e4d4; }
:root:is(.management-theme,.workspace-theme)[data-theme="rose"] { --paper:#f9eff1; --ink:#39242c; --muted:#6a4d5b; --line:#e6ccd6; --dark:#6f3f57; --graphite-soft:#f0dfe7; }
:root:is(.management-theme,.workspace-theme)[data-theme="teal"] { --paper:#eaf6f3; --ink:#123834; --muted:#42635d; --line:#b9d9d1; --dark:#225e56; --graphite-soft:#d6ece7; }
:root:is(.management-theme,.workspace-theme)[data-theme="indigo"] { --paper:#eef0fa; --ink:#222b54; --muted:#535e83; --line:#cbd1eb; --dark:#414f89; --graphite-soft:#e0e4f7; }
:root:is(.management-theme,.workspace-theme)[data-theme="amber"] { --paper:#fbf3e5; --ink:#382914; --muted:#765b38; --line:#e8d6b8; --dark:#784e22; --graphite-soft:#f4e7d1; }
:root:is(.management-theme,.workspace-theme)[data-theme="slate"] { --paper:#edf1f4; --ink:#232e37; --muted:#52606b; --line:#cbd5db; --dark:#465b6a; --graphite-soft:#dfe7eb; }
:root:is(.management-theme,.workspace-theme)[data-theme]:not([data-theme="classic"]) {
  --nav:color-mix(in srgb,var(--paper) 57%,white);
  --blue:var(--dark);
  --graphite:var(--dark);
}
.management-theme body,.workspace-theme body { color:var(--ink); background:var(--paper); }
.management-theme .primary,.workspace-theme .button.primary { color:white; background:var(--dark); border-color:var(--dark); }
.management-theme .primary:hover,.workspace-theme .button.primary:hover:not(:disabled) {
  background:color-mix(in srgb,var(--dark) 85%,black); border-color:var(--dark);
}
.ui-layout {
  display:grid; grid-template-columns:var(--ui-sidebar-width) minmax(0,1fr);
  min-height:100dvh; color:var(--ink); background:var(--paper);
}
.management-theme .ui-sidebar {
  position:sticky; inset:0 auto auto 0; width:auto; height:100dvh; min-height:0; align-self:start;
  display:flex; flex-direction:column; gap:0; padding:18px 16px 12px;
  background:var(--nav); border-inline-end:1px solid var(--line);
}
.ui-side-start { display:grid; gap:17px; padding:0 5px 19px; }
.ui-home-link {
  display:flex; align-items:center; gap:10px; width:fit-content; padding:5px;
  color:var(--dark); text-decoration:none; font-size:.88rem; font-weight:600;
}
.ui-home-link:hover { text-decoration:underline; }
.ui-side-brand { display:flex; align-items:center; gap:12px; line-height:1.35; font-size:1.05rem; }
.ui-side-brand > span {
  display:grid; place-items:center; flex:none; width:43px; height:43px; border-radius:12px;
  background:var(--dark); color:white;
}
.ui-side-brand > span svg { width:22px; height:22px; }
.ui-home-link svg,.ui-side-nav svg,.ui-account svg,.ui-icon-button svg,.ui-mobile-menu svg { flex:none; width:18px; height:18px; }
.ui-side-nav { display:block; flex:1 1 auto; min-height:0; overflow:auto; overscroll-behavior:contain; }
.ui-side-nav p { margin:13px 9px 4px; color:var(--muted); font-size:.76rem; font-weight:700; }
.ui-side-nav nav,#finance-tabs { display:grid; gap:3px; }
.ui-side-nav button,.ui-side-nav summary,.ui-side-nav a {
  display:flex; align-items:center; gap:10px; width:100%; min-height:38px; margin:0 0 3px;
  padding:7px 10px; background:transparent; border:1px solid transparent; border-radius:8px;
  color:var(--dark); text-align:left; font-weight:600; cursor:pointer;
}
.ui-side-nav a { text-decoration:none; }
.ui-side-nav summary { list-style:none; }
.ui-side-nav summary::-webkit-details-marker { display:none; }
.ui-side-nav summary::after { content:"›"; margin-inline-start:auto; color:var(--muted); font-size:1rem; }
.ui-side-nav details[open] > summary::after { transform:rotate(90deg); }
.ui-side-nav :is(button,summary,a):hover { background:var(--graphite-soft); }
.ui-side-nav button[aria-current="page"] {
  color:var(--ink); background:var(--graphite-soft); box-shadow:inset 3px 0 var(--dark); font-weight:750;
}
.ui-side-nav #store-nav details > button { padding-inline-start:37px; font-size:.86rem; min-height:34px; }
.ui-side-nav #store-modes { grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:12px; }
.ui-side-nav #store-modes button {
  justify-content:center; font-size:.82rem; padding-inline:3px; border-color:var(--line); text-align:center;
}
.ui-side-nav #store-modes button[aria-current] { box-shadow:none; background:var(--dark); color:white; }
.ui-side-account {
  display:flex; align-items:center; gap:9px; min-width:0; margin-top:auto;
  padding:10px 3px 0; border-top:1px solid var(--line); color:var(--ink);
}
.ui-side-account:empty { display:none; }
.ui-side-account > span:last-child { min-width:0; }
.ui-side-account strong,.ui-side-account small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ui-side-account small { color:var(--muted); font-size:.75rem; }
.ui-workspace { min-width:0; }
[data-store-header],[data-finance-header] { display:contents; }
.ui-page-header {
  position:sticky; top:0; z-index:4; display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-height:63px; padding:8px var(--ui-gutter); background:white; border-bottom:1px solid var(--line);
}
.ui-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:5px 10px; min-width:0; font-size:.91rem; color:var(--muted); }
.ui-breadcrumb strong { color:var(--ink); overflow-wrap:anywhere; }
.ui-header-actions { display:flex; align-items:center; flex:none; gap:8px; margin-inline-start:auto; }
.ui-icon-button,.ui-mobile-menu {
  place-items:center; width:38px; height:38px; min-height:0; padding:0; color:var(--dark);
  background:transparent; border:1px solid transparent; border-radius:8px; cursor:pointer;
}
.ui-icon-button { display:grid; }
.ui-icon-button:hover,.ui-mobile-menu:hover { background:var(--graphite-soft); }
.ui-mobile-menu { display:none; }
.ui-layout .ui-main {
  width:auto; max-width:none; margin:0; min-width:0; padding:clamp(22px,3.5vw,46px) var(--ui-gutter);
}
.ui-main h1 { font-size:clamp(28px,3.6vw,47px); letter-spacing:-.04em; line-height:1.17; margin:0 0 18px; }
.ui-main .header h1 { margin:0 0 8px; }
.ui-main .header { margin-bottom:20px; }
.ui-directory .ui-side-start { padding:7px 5px 25px; }
.ui-directory .ui-main { max-width:1320px; margin-inline:auto; }
.ui-directory .directory-section { scroll-margin-top:82px; }
.ui-directory .brand { font-size:1.04rem; }
.ui-main :is(.panel,.store-panel) { border-color:var(--line); background:white; box-shadow:var(--frame-shadow); border-radius:15px; }
.ui-main :is(.store-scroll,.finance-scroll,.scroll) { max-width:100%; overflow:auto; }
.store-app .ui-layout,.store-app { color:var(--ink); background:var(--paper); }
.store-app .ui-layout #store-main { padding:clamp(22px,3.5vw,46px) var(--ui-gutter); }
.store-app .store-panel h1 { display:none; }
.store-app .store-panel { padding:clamp(14px,2vw,23px); }
.store-app .ui-main button[aria-current="page"],.store-app button.primary { background:var(--dark); border-color:var(--dark); }
.store-app #store-tabs button { font-size:.84rem; }
.store-app #store-tabs { margin-bottom:17px; }
.store-app #store-nav { background:transparent; color:var(--ink); padding:0; }
.store-app #store-nav summary { border-bottom:0; padding:7px 10px; }
.store-app #store-nav details > button { color:var(--dark); background:transparent; }
.store-app #store-nav details > button:hover { background:var(--graphite-soft); }
.store-app #store-nav details > button[aria-current] { color:var(--ink); background:var(--graphite-soft); }
#finance-tabs { display:grid; }
#finance-content a { color:var(--dark); }
#finance-content .panel { border-radius:15px; padding:clamp(14px,2vw,23px); }
#finance-message:empty { display:none; }

.ui-account-slot:empty { display:none; }
.ui-account { position:relative; z-index:6; }
.ui-account summary {
  display:flex; align-items:center; gap:8px; min-height:42px; cursor:pointer; list-style:none;
  border:1px solid var(--line); border-radius:10px; padding:4px 8px; background:white; color:var(--ink);
}
.ui-account summary::-webkit-details-marker { display:none; }
.ui-account summary:hover,.ui-account[open] summary { border-color:var(--dark); }
.ui-account-name { max-width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.87rem; font-weight:700; }
.ui-avatar {
  display:grid; place-items:center; flex:none; width:31px; height:31px; border-radius:50%; overflow:hidden;
  background:var(--dark); color:white; font-size:.84rem; font-weight:750;
}
.ui-avatar img { width:100%; height:100%; object-fit:cover; }
.ui-account-menu {
  position:absolute; top:calc(100% + 8px); right:0; width:min(260px,calc(100vw - 28px));
  background:white; color:var(--ink); border:1px solid var(--line); border-radius:13px;
  padding:7px; box-shadow:0 13px 33px #10263c25;
}
.ui-account-identity { padding:8px 10px 11px; border-bottom:1px solid var(--line); overflow-wrap:anywhere; }
.ui-account-identity small { display:block; color:var(--muted); margin-top:3px; }
.ui-account-menu button,.ui-theme-select {
  display:flex; align-items:center; gap:9px; width:100%; margin:3px 0;
  padding:8px 10px; border:1px solid transparent; border-radius:8px; min-height:38px;
  color:var(--dark); background:white; text-align:left; font-size:.86rem; font-weight:650;
}
.ui-account-menu button:hover { background:var(--graphite-soft); }
.ui-theme-select { align-items:flex-start; }
.ui-theme-select span { flex:1; min-width:0; }
.ui-theme-select select { display:block; width:100%; margin-top:5px; border:1px solid var(--line); border-radius:7px; padding:6px; color:var(--ink); background:white; }
.ui-account-menu .ui-account-logout { border-top-color:var(--line); color:#9a3042; }
.ui-account-feedback { color:#9a3042; margin:0; font-size:.85rem; }
.ui-account-feedback[data-success] { color:var(--dark); }
.ui-account-feedback:empty { display:none; }
dialog.ui-account-dialog { width:min(430px,calc(100% - 24px)); padding:24px; border:1px solid var(--line); color:var(--ink); background:white; }
.ui-account-dialog h2 { margin:0 0 14px; }
.ui-account-dialog label { display:grid; gap:5px; margin:0 0 12px; font-size:.9rem; font-weight:650; }
.ui-account-dialog input { width:100%; padding:8px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:white; }
.ui-account-dialog p { font-size:.86rem; }
.ui-account-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; }
.ui-account-actions button { padding:8px 12px; border:1px solid var(--line); border-radius:8px; color:var(--ink); background:white; }
.ui-account-actions button.primary { color:white; background:var(--dark); border-color:var(--dark); }
.workspace-theme .sidebar-foot { display:flex; justify-content:space-between; }
.workspace-theme .sidebar-foot .ui-side-account { margin:0; padding:0; border:0; }
.workspace-theme .sidebar-foot > .ui-side-account:not(:empty) { display:flex; }
.workspace-theme .sidebar a:hover,.workspace-theme .sidebar a[aria-current] {
  background:var(--graphite-soft); color:var(--ink);
}
.workspace-theme .sidebar .home-link { min-height:36px; }
.workspace-theme .sidebar nav a { min-height:36px; }
.workspace-theme th,.management-theme th,.store-app th { background:color-mix(in srgb,var(--paper) 62%,white); }
.workspace-theme .topbar { min-height:63px; height:auto; gap:10px; }
.workspace-theme .topbar > span { min-width:0; overflow-wrap:anywhere; }
.workspace-theme .workspace > main { max-width:none; }

@media (max-width:760px) {
  .ui-layout { display:block; }
  .management-theme .ui-sidebar {
    position:fixed; z-index:3; top:61px; left:0; bottom:0; height:auto; width:min(285px,86vw);
    box-shadow:0 8px 24px #243c5e2b; visibility:hidden;
  }
  .ui-layout[data-navigation-open] .ui-sidebar { visibility:visible; }
  .ui-page-header { min-height:61px; padding:7px 12px; gap:8px; }
  .ui-mobile-menu { display:grid; flex:none; }
  .ui-breadcrumb { font-size:.8rem; gap:2px 6px; }
  .ui-header-actions { gap:4px; }
  .ui-header-actions .ui-icon-button { width:31px; }
  .ui-header-actions .ui-account-name { display:none; }
  .ui-directory .ui-header-actions .ui-account-name { display:block; max-width:75px; }
  .ui-header-actions .ui-account summary { padding:3px 5px; min-height:36px; gap:4px; }
  .ui-header-actions .ui-account summary > svg { width:13px; }
  .ui-layout .ui-main,.store-app .ui-layout #store-main { padding:19px 13px; }
  .ui-side-nav #store-nav { max-height:none; }
  .workspace-theme .topbar { min-height:50px; }
}
@media (max-width:370px) {
  .management-frame .topbar { gap:6px; padding-inline:10px; }
  .management-frame .ui-account-name { max-width:64px; }
  .management-frame .ui-account summary { gap:4px; padding:4px; }
  .ui-directory .ui-header-actions .ui-account-name { max-width:58px; }
}
@media print {
  .ui-page-header,.ui-sidebar,.ui-account-slot { display:none !important; }
  .ui-layout { display:block; }
}

.management-theme .directory-business .directory-card {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  aspect-ratio: .96;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: minmax(0, 1fr) auto;
  padding: clamp(12px, 1.65vw, 22px);
  border-color: #ffffffa8;
  color: white;
  font-size: clamp(16px, 2.45vw, 30px);
}

.directory-business .business-art {
  grid-column: 1 / -1;
  width: 100%;
  height: 100%;
  min-height: 0;
  max-height: 210px;
  object-fit: contain;
}

.management-theme .directory-business .arrow {
  width: clamp(28px, 3.4vw, 41px);
  height: clamp(28px, 3.4vw, 41px);
  display: grid;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  color: inherit;
  font-size: clamp(16px, 2.15vw, 25px);
}

.management-theme .directory-business .consulting {
  background: linear-gradient(150deg, #86090e 5%, #660707 63%, #500404);
}

.directory-business .consulting::before, .directory-business .consulting::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 51% -9% -3% 31%;
  background: linear-gradient(145deg, #bc2832, #731116 74%);
  clip-path: polygon(0 77%, 34% 47%, 42% 54%, 65% 11%, 86% 42%, 100% 29%, 100% 43%, 86% 56%, 65% 25%, 42% 69%, 34% 62%);
}

.directory-business .consulting::after { transform: translate(9%, 16%); opacity: .7; }

.management-theme .directory-business .mercedes {
  color: #0c1520;
  background: repeating-linear-gradient(135deg, #ffffff24 0 1px, transparent 1px 3px),
    linear-gradient(135deg, #c3c8d1, #f6f8fb 48%, #aeb6c2 100%);
}

.management-theme .directory-business .d6 {
  background: radial-gradient(circle at 20% 21%, #0642c2, #002d91 67%, #00216f);
}

.directory-business .d6::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 53%;
  aspect-ratio: 1;
  inset: auto -13% -23% auto;
  border: 1px solid #288bff;
  border-radius: 50%;
  box-shadow: 0 0 0 9px #1769d735, 0 0 0 10px #288bff80, 0 0 0 20px #288bff26;
}

.management-theme .directory-tools { align-items: center; gap: 12px; flex-wrap: wrap; }
.management-theme .directory-tools a { color: var(--blue); font-size: .9rem; }
.management-theme .directory-tools button { background: white; }
.management-theme aside, .workspace-theme .sidebar {
  background: var(--nav, #f8fafd);
  color: var(--ink);
  border-right: 1px solid var(--line);
}

.management-theme .section, .management-theme .profile,
.workspace-theme .sidebar nav p, .workspace-theme .sidebar-foot small { color: var(--muted); }
.management-theme aside nav button, .workspace-theme .sidebar a { color: var(--dark); }
.management-theme aside nav button.active, .workspace-theme .sidebar a[aria-current] {
  background: var(--graphite-soft);
  color: var(--ink);
  box-shadow: inset 3px 0 var(--dark);
}

.management-theme aside nav button:hover, .workspace-theme .sidebar a:hover { background: #eaf0f7; }
.management-theme :is(.consulting-nav .back,.profile) button {
  color: var(--ink);
  background: white;
  border-color: var(--line);
}

.management-theme .primary:hover { background: #1b3047; }
.management-theme :is(.panel,.card,.login,dialog), .workspace-theme :is(.panel,dialog) {
  border-color: var(--line);
  border-radius: 15px;
  box-shadow: var(--frame-shadow);
}

.management-theme th, .workspace-theme th { background: #f3f6fa; color: var(--muted); }
.management-theme dialog::backdrop, .workspace-theme dialog::backdrop { background: #12264091; }
.workspace-theme .sidebar-foot { border-color: var(--line); }
.workspace-theme .topbar, .workspace-theme .directory-top {
  background: white;
  color: var(--ink);
  border-bottom: 1px solid var(--line);
}

.workspace-theme .button.primary:hover:not(:disabled) { background: #1b3047; border-color: #1b3047; }
.workspace-theme .button:not(.primary):not(.danger-solid):hover:not(:disabled) { background: #eaf0f7; border-color: #a9bacd; }
.workspace-theme .eyebrow { letter-spacing: .04em; }
.workspace-theme .intro .eyebrow { border-inline-start: 4px solid var(--dark); padding-inline-start: 8px; }
.workspace-theme .workspace-foot { color: var(--muted); }
.workspace-theme .directory > main > p > a { color: var(--dark); }
.workspace-theme .section-toggle { display: none; }

@media (max-width: 800px) {
  .management-theme aside { border-right: 0; border-bottom: 1px solid var(--line); }
  .management-theme aside nav button { min-height: 40px; }
  .management-theme .tools input { width: min(100%, 230px); }
}

@media (max-width: 680px) {
  .management-theme .management-frame {
    width: calc(100% - 22px);
    margin: 11px auto;
    border-radius: 17px;
  }
  .management-frame .topbar { padding: 15px; min-height: 71px; }
  .management-frame .brand { font-size: clamp(17px, 5vw, 23px); gap: 9px; }
  .management-frame .logo { width: 44px; height: 42px; border-radius: 13px; }
  .management-frame .account button { min-height: 40px; padding-inline: 10px; font-size: 14px; }
  .management-theme .standalone { padding: 18px 14px 23px; }
  .management-theme .directory-grid { gap: 9px; }
  .management-theme .directory-featured .directory-card {
    min-height: 95px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 11px 12px;
    row-gap: 4px;
    font-size: clamp(14px, 4.15vw, 20px);
  }
  .management-theme .directory-featured .directory-icon { grid-column: 1 / -1; justify-self: start; }
  .management-theme .directory-featured .directory-icon svg { width: 32px; height: 32px; }
  .management-theme .directory-featured .arrow { font-size: 26px; }
  .management-theme .directory-business, .management-theme .directory-support { grid-template-columns: minmax(0, 1fr); }
  .management-theme .directory-business .directory-card {
    grid-template-columns: 43% minmax(0, 1fr) auto;
    grid-template-rows: 1fr;
    aspect-ratio: auto;
    min-height: 102px;
    padding: 11px 10px;
    gap: 8px;
    font-size: clamp(14px, 4.1vw, 23px);
  }
  .directory-business .business-art {
    grid-column: auto;
    height: 79px;
    padding-inline-end: 7px;
    border-inline-end: 1px solid #ffffff7a;
  }
  .directory-business .mercedes .business-art { border-color: #0c15206c; }
  .directory-business .consulting::before, .directory-business .consulting::after { inset-inline-start: 48%; }
  .directory-business .d6::before { width: 28%; inset-inline-end: -6%; }
  .workspace-theme .sidebar { border-right: 0; border-bottom: 1px solid var(--line); }
  .workspace-theme .sidebar-foot { grid-template-columns: auto auto; }
  .workspace-theme .sidebar-foot .avatar { display: none; }
  .workspace-theme .sidebar nav { gap: 5px; padding-top: 6px; }
  .workspace-theme .sidebar nav a { min-height: 40px; }
  .workspace-theme .sidebar .section-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 6px 9px;
    border: 1px solid var(--line);
    border-radius: 9px;
    color: var(--dark);
    background: white;
  }
  .workspace-theme .sidebar:has(.section-toggle[aria-expanded="false"]) nav { display: none; }
  .workspace-theme .topbar { min-height: 48px; }
}

@media (prefers-reduced-motion: no-preference) {
  .management-theme .directory-card { transition: border-color .16s ease, box-shadow .16s ease; }
}

.sales-group { margin-top: 8px; }
.sales-group summary { cursor: pointer; font-weight: 750; padding: 9px 12px; }
.sales-group > div { display: grid; padding-inline-start: 10px; gap: 4px; }
.business-picture { display: contents; }
.management-theme .directory-featured:has(.finance) { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media (min-width: 681px) {
  .management-theme .directory-business .directory-card { padding: 0; }
  .directory-business .business-art { position: absolute; inset: 0; height: 100%; max-height: none; object-fit: cover; }
  .directory-business .directory-label, .management-theme .directory-business .arrow {
    position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);
  }
}
@media (max-width: 800px) {
  .sales-group { flex-basis: 100%; }
  .sales-group > div { display: flex; flex-wrap: wrap; }
}
@media (max-width: 680px) {
  .management-theme .directory-featured:has(.finance) { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .management-theme .directory-featured:has(.worklog) .finance { grid-column: 1 / -1; min-height: 60px; grid-template-columns: auto 1fr auto; }
  .management-theme .directory-featured:has(.worklog) .finance .directory-icon { grid-column: auto; }
}