/* DESIGN-06: shared management components. Company brand variables are never set here. */
body.management,
.finets-design {
  --ds-font: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --ds-ink: #192d47;
  --ds-muted: #56667c;
  --ds-navy: #102a4c;
  --ds-primary: #245aa8;
  --ds-primary-hover: #194780;
  --ds-surface: #fff;
  --ds-canvas: #f4f6fa;
  --ds-subtle: #edf3fc;
  --ds-line: #dce3ec;
  --ds-input-line: #8090a8;
  --ds-success: #196447;
  --ds-success-soft: #e8f5ee;
  --ds-warning: #865600;
  --ds-warning-soft: #fff3d9;
  --ds-danger: #a52c38;
  --ds-danger-soft: #fff0f1;
  --ds-disabled: #697589;
  --ds-focus: #245aa8;
  --ds-space-1: 4px;
  --ds-space-2: 8px;
  --ds-space-3: 12px;
  --ds-space-4: 16px;
  --ds-space-6: 24px;
  --ds-space-8: 32px;
  --ds-radius-sm: 8px;
  --ds-radius: 12px;
  --ds-shadow: 0 4px 16px #102a4c0a;
  --ds-overlay-shadow: 0 16px 48px #102a4c26;
  --ds-control-height: 40px;
  --ds-z-header: 10;
  --ds-z-overlay: 100;
  --ink: var(--ds-ink);
  --muted: var(--ds-muted);
  --line: var(--ds-line);
  --blue: var(--ds-primary);
  --navy: var(--ds-navy);
  --blue-hover: var(--ds-primary-hover);
  --background: var(--ds-canvas);
  --surface: var(--ds-surface);
  --input-border: var(--ds-input-line);
  --success: var(--ds-success);
  --warning: var(--ds-warning);
  --danger: var(--ds-danger);
  --focus: var(--ds-focus);
  font-family: var(--ds-font);
  font-size: 15px;
  line-height: 1.6;
  color: var(--ds-ink);
  background-color: var(--ds-canvas);
  overflow-wrap: anywhere;
}
body.management *, .finets-design * { box-sizing: border-box; }
body.management [data-preview-width] { min-width: 44px; }
body.management [hidden], .finets-design [hidden] { display: none !important; }
body.management :focus-visible, .finets-design :focus-visible {
  outline: 3px solid var(--ds-focus);
  outline-offset: 3px;
}
body.management h1 { font-size: clamp(24px, 2vw, 28px); line-height: 1.4; letter-spacing: -.025em; }
body.management :is(.page-heading, .partner-list-heading, .visual-hero, .inquiry-heading) h1,
.finets-login h1 { font-size: clamp(24px, 2vw, 28px); line-height: 1.4; }
body.management h2 { font-size: 20px; line-height: 1.5; }
body.management h3 { font-size: 17px; line-height: 1.5; }
body.management small, body.management .muted { color: var(--ds-muted); font-size: 13px; }
body.management a { text-underline-offset: 3px; }
body.management :is(button, .button, .btn),
.finets-design :is(button, .button) {
  min-height: var(--ds-control-height);
  border-radius: var(--ds-radius-sm);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  padding: var(--ds-space-2) var(--ds-space-4);
  transition: background-color .15s, border-color .15s, box-shadow .15s;
}
body.management :is(button, .button, .btn):not(.primary):not(.danger):not(.btn-primary):not(.btn-danger):not([aria-selected=true]):not([aria-pressed=true]) {
  border-color: var(--ds-line);
}
body.management :is(.primary, button.primary, .btn-primary) {
  background: var(--ds-primary); border-color: var(--ds-primary); color: #fff;
}
body.management :is(.primary, button.primary, .btn-primary):hover:not(:disabled) {
  background: var(--ds-primary-hover); border-color: var(--ds-primary-hover);
}
body.management :is(button.danger, .button.danger, .btn-danger) {
  background: var(--ds-danger); border-color: var(--ds-danger); color: #fff;
}
body.management :is(button, input, select, textarea):disabled,
body.management [aria-disabled=true] { cursor: not-allowed; opacity: .6; }
body.management :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]), select, textarea) {
  min-height: var(--ds-control-height);
  padding: var(--ds-space-2) var(--ds-space-3);
  border: 1px solid var(--ds-input-line);
  border-radius: var(--ds-radius-sm);
  font: inherit;
  background-color: var(--ds-surface);
  color: var(--ds-ink);
  max-width: 100%; min-width: 0;
}
body.management :is(input[type=checkbox], input[type=radio]) { accent-color: var(--ds-primary); }
body.management textarea { min-height: 112px; resize: vertical; }
body.management :is(input, select, textarea)[aria-invalid=true] { border-color: var(--ds-danger); }
body.management :is(.field-error, .error, [role=alert]) { color: var(--ds-danger); }
body.management label { gap: var(--ds-space-2); }
body.management :is(.panel, .hub-card, .dashboard-panel, .dashboard-kpi, .task-card) {
  border: 1px solid var(--ds-line);
  border-radius: var(--ds-radius);
  background-color: var(--ds-surface);
  box-shadow: var(--ds-shadow);
  min-width: 0;
}
body.management :is(.panel, .hub-card, .dashboard-panel) { padding: var(--ds-space-6); }
body.management .management-main,
body.management.visual-home .management-main,
body.management.visual-companies .management-main { padding: var(--ds-space-6); }
body.management .management-header { gap: var(--ds-space-4); padding: var(--ds-space-4) var(--ds-space-6); }
body.management .management-context strong { font-size: 15px; }
body.management .management-sidebar nav > a { border-radius: var(--ds-radius-sm); min-height: 44px; }
body.management .management-sidebar nav > a[aria-current=page] {
  background: var(--ds-navy); color: #fff;
}
body.management .management-nav-icon svg { width: 20px; height: 20px; vertical-align: middle; }
body.management :is(.actions, .hub-actions, .filters, .hub-filters, .search-row) { gap: var(--ds-space-3); }
body.management :is(.grid, .form-grid, .hub-cards) { gap: var(--ds-space-6); }
body.management :is(.table-wrap, .table-scroll, .inquiry-table-wrap) {
  overflow-x: auto; max-width: 100%; overscroll-behavior-x: contain;
}
body.management :is(th, td) { padding: var(--ds-space-3) var(--ds-space-4); overflow-wrap: anywhere; }
body.management thead { background: var(--ds-canvas); color: var(--ds-muted); font-size: 13px; }
body.management tbody tr:hover { background-color: #f8faff; }
body.management :is(.tag, .badge, .dashboard-status) { border-radius: 6px; font-size: 12px; line-height: 1.6; }
body.management :is(.status-completed, .status-active) { color: var(--ds-success); background: var(--ds-success-soft); }
body.management :is(.status-reviewing, .status-draft) { color: var(--ds-warning); background: var(--ds-warning-soft); }
body.management :is(.status-suspended, .status-error) { color: var(--ds-danger); background: var(--ds-danger-soft); }
body.management .management-tabs { gap: var(--ds-space-2); row-gap: var(--ds-space-1); }
body.management .management-tabs a { min-height: var(--ds-control-height); padding: var(--ds-space-2) var(--ds-space-3); }
body.management :is(.notice, .inquiry-notice) { padding: var(--ds-space-3) var(--ds-space-4); border-radius: var(--ds-radius-sm); }
body.management :is(.empty-state, .inquiry-empty) { padding: var(--ds-space-8) var(--ds-space-4); color: var(--ds-muted); }
body.management [aria-busy=true] { cursor: progress; }
body.management dialog { padding: var(--ds-space-6); border-radius: var(--ds-radius); border: 1px solid var(--ds-line); box-shadow: var(--ds-overlay-shadow); }
body.management dialog::backdrop { background: #102a4c80; }
body.management .management-profile > div { border-radius: var(--ds-radius); box-shadow: var(--ds-overlay-shadow); }
body.management :is(.compact, [data-density=compact]) :is(button, .button, input, select) { min-height: 32px; padding: 4px 8px; font-size: 13px; }
body.management.management-auth > header { padding: 24px; border-bottom: 1px solid var(--ds-line); background: var(--ds-surface); }
body.management.management-auth > main { width: min(100% - 32px, 600px); margin: 32px auto; padding: 0; }
body.management.management-auth form { display: grid; gap: 16px; }
@media (max-width: 800px) {
  body.management .management-main,
  body.management.visual-home .management-main,
  body.management.visual-companies .management-main { padding: var(--ds-space-4); }
  body.management .management-header { padding: var(--ds-space-3) var(--ds-space-4); gap: var(--ds-space-2) var(--ds-space-3); }
  body.management :is(.panel, .hub-card, .dashboard-panel) { padding: var(--ds-space-4); }
  body.management :is(.grid, .form-grid, .hub-cards) { gap: var(--ds-space-4); }
  body.management, .finets-design { --ds-control-height: 44px; }
  body.management :is(.compact, [data-density=compact]) :is(button, .button, input, select) { min-height: 44px; }
  body.management .management-tabs a { min-height: 44px; }
  body.management dialog { max-width: calc(100vw - 32px); padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  body.management *, .finets-design * { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}