/* haccp selo admin home, built from the purchased kit (Untitled UI) page 「Trade history」: page header,
   underline tabs, a dropdown filter bar and one table card. Approved Figma frames A–M on page
   「셀로 · 관리자 홈 개편」 (dSgbJDMMllCFGYKTqloJY2). Values are the kit's own sizes and colours.
   Legacy admin rules (theme-overrides.css / admin-kit.css) put !important on every button and table cell
   inside .admin-main-body, so rules that must win there are scoped by two ids and marked !important.
   Dialogs and the customer view live on <body>, outside those legacy rules. */
@media screen {
  #page-admin-main :is(#adminOperationsHome, #adminHomeDirectory)[hidden], #adminCustomerView[hidden] { display: none !important; }
  #adminOperationsHome { color: var(--kit-text); font: 400 14px/20px var(--kit-font); word-break: keep-all; }
  #adminOperationsHome *, #opsDialog *, #adminCustomerView > .ops-cv-head * { box-sizing: border-box; }
  :is(#adminOperationsHome, #adminHomeDirectory) .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  #adminHomeDirectory .ops-back { margin-bottom: 20px; }
  .ops-i { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--kit-icon) center / contain no-repeat; mask: var(--kit-icon) center / contain no-repeat; }

  /* buttons (kit Buttons/Button sm: secondary, primary; tertiary text link) */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn, .ops-dialog .ops-btn {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; min-height: 40px !important; height: auto !important; padding: 8px 14px !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important;
    box-shadow: var(--kit-shadow-xs), inset 0 -2px 0 0 #0000000d !important; font: 600 14px/20px var(--kit-font) !important; white-space: nowrap; cursor: pointer; opacity: 1 !important;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn .ops-i { color: var(--kit-quaternary); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn:hover:not(:disabled), .ops-dialog .ops-btn:hover { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn:disabled { color: var(--kit-muted) !important; cursor: default; box-shadow: var(--kit-shadow-xs) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.is-primary, .ops-dialog .ops-btn.is-primary { background: var(--kit-brand) !important; border: 2px solid #ffffff1f !important; color: #fff !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.is-primary .ops-i { color: #fff; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.is-primary:hover, .ops-dialog .ops-btn.is-primary:hover { background: var(--kit-brand-text) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.is-sm { min-height: 32px !important; padding: 6px 10px !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.is-icon { width: 40px; padding: 8px !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-link, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-name {
    display: inline !important; min-height: 0 !important; height: auto !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
    font: 600 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; cursor: pointer; text-align: left; white-space: nowrap;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-link:hover { color: var(--kit-text) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-name { font-weight: 500 !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-name:hover { text-decoration: underline; text-underline-offset: 3px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(button, input, [tabindex]):focus-visible, .ops-dialog :is(button):focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 2px; }

  /* page header (kit Page header / Simple with breadcrumbs) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head { display: grid; gap: 16px; margin-bottom: 20px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font: 600 14px/20px var(--kit-font); color: var(--kit-ink); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumbs > .ops-i { width: 16px; height: 16px; color: var(--kit-input-line); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb { display: inline-flex; align-items: center; gap: 6px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb-avatar { display: grid; place-items: center; width: 28px; height: 28px; padding: 2px; border: .5px solid var(--kit-line); border-radius: 8px; background: var(--kit-paper); font: 600 12px/18px var(--kit-font); color: var(--kit-quaternary); box-shadow: inset 0 0 0 2px var(--kit-paper), inset 0 0 0 20px var(--kit-hover); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb.is-link { min-height: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; cursor: pointer; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb.is-link:hover { color: var(--kit-ink) !important; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 20px 16px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-text { flex: 1 1 320px; min-width: 0; display: grid; gap: 2px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-text h1 { margin: 0; font: 600 20px/30px var(--kit-font); color: var(--kit-ink); outline: none; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-text p { margin: 0; font: 400 16px/24px var(--kit-font); color: var(--kit-tertiary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-actions { display: flex; flex-wrap: wrap; gap: 12px; }

  /* underline tabs (kit Horizontal tabs / Underline, sm) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-tabs { display: flex; gap: 12px; margin-bottom: 32px; border-bottom: 1px solid var(--kit-line); overflow-x: auto; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-tab {
    min-height: 32px !important; height: 32px !important; padding: 0 4px 12px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important;
    background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-quaternary) !important; white-space: nowrap; cursor: pointer; margin-bottom: -1px;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-tab:hover { color: var(--kit-text) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-tab[aria-selected="true"] { border-bottom-color: var(--kit-brand) !important; color: var(--kit-brand-text) !important; }

  /* filters bar (kit Filters bar / Dropdowns and date picker) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; margin-bottom: 24px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters-main { flex: 1 1 520px; display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; min-width: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters-side { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-field { position: relative; display: grid; gap: 6px; flex: 1 1 140px; max-width: 180px; min-width: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-field.is-inline { display: block; flex: 0 0 auto; max-width: none; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-label { font: 500 14px/20px var(--kit-font); color: var(--kit-text); white-space: nowrap; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select {
    display: flex !important; align-items: center; gap: 8px; width: 100%; min-height: 40px !important; height: auto !important; padding: 8px 10px 8px 12px !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important;
    font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; text-align: left; cursor: pointer;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select > span:not(.ops-i) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select > .is-placeholder { font-weight: 400; color: var(--kit-quaternary); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select .ops-i { width: 16px; height: 16px; color: var(--kit-quaternary); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select[aria-expanded="true"] { border: 2px solid var(--kit-brand-line) !important; padding: 7px 9px 7px 11px !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-select.is-per { width: 128px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search { display: flex; align-items: center; gap: 8px; width: 240px; min-height: 40px; padding: 0 12px; border: 1px solid var(--kit-input-line); border-radius: 8px; background: var(--kit-paper); box-shadow: var(--kit-shadow-xs); color: var(--kit-quaternary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search .ops-i { width: 16px; height: 16px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search input { flex: 1 1 auto; min-width: 0; min-height: 38px !important; height: 38px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; outline: none !important; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search:focus-within { border-color: var(--kit-brand-line); box-shadow: 0 0 0 1px var(--kit-brand-line); }

  /* dropdown menus (kit Select menu / Multi-select menu / Filters dropdown) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu {
    position: absolute; top: calc(100% + 4px); left: 0; z-index: 50; min-width: 256px; max-height: 360px; overflow: auto; padding: 4px 0;
    background: var(--kit-paper); border: 1px solid #0000001a; border-radius: 8px; box-shadow: var(--kit-shadow-lg);
  }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu.is-right { left: auto; right: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu.is-up { top: auto; bottom: calc(100% + 4px); min-width: 128px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu.is-multi { padding: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu-items { padding: 4px 0; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option {
    display: flex !important; align-items: center; gap: 8px; width: calc(100% - 8px) !important; margin: 1px 4px !important; min-height: 40px !important; height: auto !important; padding: 8px !important;
    border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important;
    font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; text-align: left; cursor: pointer;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option:hover, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option[aria-selected="true"] { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option > span:not(.ops-check):not(.ops-option-sub) { flex: 0 1 auto; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option > .ops-i { margin-left: auto; width: 20px; height: 20px; color: var(--kit-brand); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option-sub { font-weight: 400; color: var(--kit-tertiary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-check { display: grid; place-items: center; flex: 0 0 16px; width: 16px; height: 16px; border: 1px solid var(--kit-input-line); border-radius: 4px; background: var(--kit-paper); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-check.is-on { border-color: var(--kit-brand); background: var(--kit-brand); color: #fff; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-check .ops-i { width: 12px; height: 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option.is-check { cursor: pointer; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-option.is-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--kit-brand); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-menu-foot { display: flex; justify-content: space-between; gap: 12px; padding: 12px; border-top: 1px solid #0000001a; }

  /* date picker (kit Date picker menu / Single date) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal {
    position: absolute; top: calc(100% + 8px); right: 0; z-index: 50; width: 328px; background: var(--kit-paper); border: 1px solid #0000001a; border-radius: 16px; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008;
  }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-head { display: flex; align-items: center; justify-content: space-between; padding: 20px 24px 12px; font: 600 16px/24px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-icon-btn { display: grid !important; place-items: center; width: 36px; min-height: 36px !important; height: 36px !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important; color: var(--kit-quaternary) !important; cursor: pointer; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-icon-btn:hover { background: var(--kit-subtle) !important; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-pick { display: flex; gap: 12px; padding: 0 24px 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-value { flex: 1 1 auto; display: flex; align-items: center; min-height: 40px; padding: 8px 12px; border: 1px solid var(--kit-input-line); border-radius: 8px; box-shadow: var(--kit-shadow-xs); font: 400 16px/24px var(--kit-font); color: var(--kit-ink); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-grid { padding: 0 24px 16px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-week, :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-days { display: grid; grid-template-columns: repeat(7, 40px); gap: 4px 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-week span { display: grid; place-items: center; height: 40px; font: 500 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day {
    display: grid !important; place-items: center; width: 40px; min-height: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important;
    background: none !important; box-shadow: none !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; cursor: pointer; position: relative;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day:hover:not(:disabled) { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day.is-out { color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day:disabled { color: var(--kit-input-line) !important; cursor: default; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day.is-today::after { content: ''; position: absolute; bottom: 6px; width: 5px; height: 5px; border-radius: 50%; background: var(--kit-brand); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day.is-picked { background: var(--kit-brand) !important; color: #fff !important; font-weight: 500 !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day.is-picked::after { background: #fff; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px; border-top: 1px solid var(--kit-line); }

  /* table card (kit Table / Card header / Table cell md / Pagination card minimal) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card { background: var(--kit-paper); border: 1px solid var(--kit-line); border-radius: 12px; box-shadow: var(--kit-shadow-xs); min-width: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card-head { display: flex; align-items: center; gap: 6px; padding: 20px 24px; border-bottom: 1px solid var(--kit-line); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card-head h2 { margin: 0; font: 600 16px/24px var(--kit-font); color: var(--kit-ink); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-count { display: inline-flex; align-items: center; padding: 2px 6px; border: 1px solid var(--kit-input-line); border-radius: 6px; background: var(--kit-paper); box-shadow: var(--kit-shadow-xs); font: 500 12px/18px var(--kit-font); color: var(--kit-text); white-space: nowrap; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-scroll { position: relative; overflow-x: auto; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-scroll > .ops-table { width: 100%; min-width: 760px !important; border-collapse: separate; border-spacing: 0; table-layout: auto; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table th {
    height: 44px !important; padding: 12px 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: var(--kit-subtle) !important;
    font: 600 12px/18px var(--kit-font) !important; color: var(--kit-quaternary) !important; text-align: left; white-space: nowrap; letter-spacing: normal !important;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table td {
    height: 71px !important; padding: 16px 24px 15px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: var(--kit-paper) !important;
    font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; vertical-align: middle; letter-spacing: normal !important;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table tbody tr:last-child td { border-bottom: 0 !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table th.is-wide { width: 45%; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table .ops-act { width: 1%; text-align: right; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table .ops-text { white-space: nowrap; font-variant-numeric: tabular-nums; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-two { display: grid; min-width: 0; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-two > b { font: 500 14px/20px var(--kit-font); color: var(--kit-ink); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-two > span { font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-person { display: inline-flex; align-items: center; gap: 12px; white-space: nowrap; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-avatar { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; border: 1px solid var(--kit-line); border-radius: 50%; background: var(--kit-hover); font: 600 16px/24px var(--kit-font); color: var(--kit-quaternary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-muted { color: var(--kit-quaternary); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge { display: inline-flex; align-items: center; gap: 4px; padding: 2px 6px; border: 1px solid var(--kit-input-line); border-radius: 6px; background: var(--kit-paper); box-shadow: var(--kit-shadow-xs); font: 500 12px/18px var(--kit-font); color: var(--kit-text); white-space: nowrap; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-dot { width: 6px; height: 6px; border-radius: 50%; background: #737373; margin: 0 1px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge.is-error .ops-dot { background: #f04438; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge.is-warning .ops-dot { background: #f79009; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge.is-success .ops-dot { background: #17b26a; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-pager { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 24px 16px; border-top: 1px solid var(--kit-line); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-pager-left { display: flex; align-items: center; gap: 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-pager-text { font: 500 14px/20px var(--kit-font); color: var(--kit-text); white-space: nowrap; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-pager-actions { display: flex; gap: 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-loading { margin: 0; padding: 56px 24px; text-align: center; font: 500 14px/20px var(--kit-font); color: var(--kit-tertiary); }

  /* empty state (kit Empty state / Featured icon, md) */
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-empty, .ops-dialog .ops-empty { display: grid; justify-items: center; gap: 20px; padding: 48px 24px; text-align: center; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-empty p { margin: 0; font: 600 18px/28px var(--kit-font); color: var(--kit-ink); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; }
  :is(#adminOperationsHome, #ap-companies, .ops-kit, .ops-dialog) .ops-featured { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--kit-input-line); border-radius: 10px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #0000002e, inset 0 -2px 0 0 #0000000d; color: var(--kit-text, #404040); }
  :is(#adminOperationsHome, #ap-companies, .ops-kit, .ops-dialog) .ops-featured .ops-i { width: 24px; height: 24px; }

  /* read-only journal opened from the admin home: never offer the per-company text-align switch */
  body.ops-journal-view #btnJournalTextAlign { display: none !important; }

  /* customer view: the customer's own 「전체 일지 작성현황」 in a full window (on <body>).
     Its ledger takes the customer styles directly (customer-details.css lists #adminCustomerView). */
  #adminCustomerView { position: fixed; inset: 0; z-index: 9000; display: flex; flex-direction: column; background: var(--kit-paper, #fff); color: var(--kit-ink, #171717); font-family: var(--kit-font, sans-serif); overflow: hidden; }
  #adminCustomerView .ops-cv-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; padding: 16px 24px; border-bottom: 1px solid var(--kit-line, #e5e5e5); background: var(--kit-paper, #fff); }
  #adminCustomerView .ops-cv-head button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; background: var(--kit-paper, #fff); color: var(--kit-text, #404040); font: 600 15px/22px var(--kit-font, sans-serif); box-shadow: 0 1px 2px #0000000d; cursor: pointer; white-space: nowrap; }
  #adminCustomerView .ops-cv-head button:hover { background: var(--kit-hover, #f5f5f5); }
  #adminCustomerView .ops-cv-head button:focus-visible, #adminCustomerView .ops-picker-pop :is(input, li):focus-visible { outline: 2px solid var(--kit-focus, #2563eb); outline-offset: 2px; }
  #adminCustomerView .ops-cv-head .ops-back { border: 0; box-shadow: none; background: transparent; color: var(--kit-muted, #737373); padding: 8px 6px; }
  #adminCustomerView .ops-cv-head .ops-back:hover { color: var(--kit-ink, #171717); background: transparent; }
  #adminCustomerView .ops-cv-title h1 { margin: 0; font: 600 22px/30px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  #adminCustomerView .ops-cv-title p { margin: 0; color: var(--kit-muted, #737373); font-size: 14px; }
  #adminCustomerView .ops-cv-tools { margin-left: auto; display: flex; gap: 10px; align-items: center; }
  #adminCustomerView .ops-cv-body { flex: 1; min-height: 0; overflow: auto; padding: 24px; background: var(--kit-paper, #fff); }
  /* 폰·태블릿 관리자 하단 메뉴(z 10010)가 떠 있는 창의 아래를 가리지 않게, 창이 떠 있는 동안 숨긴다. */
  body:has(#adminCustomerView:not([hidden]), #opsDialog) #adminMobileBottomNav { display: none !important; }
  #adminCustomerView .ops-chev, #adminCustomerView .ops-chev-left { display: inline-block; width: 18px; height: 18px; flex: 0 0 18px; background: currentColor; mask: url('/icons/admin-chevron-down.svg') center / 18px 18px no-repeat; }
  #adminCustomerView .ops-chev-left { transform: rotate(90deg); }
  #adminCustomerView .ops-picker { position: relative; }
  #adminCustomerView .ops-cv-head .ops-picker-toggle { min-width: 240px; justify-content: space-between; }
  #adminCustomerView .ops-picker-pop { position: absolute; top: calc(100% + 6px); right: 0; z-index: 5; width: min(320px, calc(100vw - 32px)); padding: 8px; background: var(--kit-paper, #fff); border: 1px solid var(--kit-line, #e5e5e5); border-radius: 12px; box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008; }
  #adminCustomerView .ops-picker-pop input { width: 100%; min-height: 40px; padding: 9px 12px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; background: var(--kit-paper, #fff); color: var(--kit-ink, #171717); font: 400 15px/22px var(--kit-font, sans-serif); }
  #adminCustomerView .ops-picker-pop ul { list-style: none; margin: 8px 0 0; padding: 0; max-height: 320px; overflow-y: auto; }
  #adminCustomerView .ops-picker-pop li { padding: 11px 12px; border-radius: 8px; cursor: pointer; font: 400 15px/22px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  #adminCustomerView .ops-picker-pop li:hover, #adminCustomerView .ops-picker-pop li.is-active { background: var(--kit-hover, #f5f5f5); color: var(--kit-ink, #171717); }
  #adminCustomerView .ops-picker-pop li[aria-selected="true"] { font-weight: 600; color: var(--kit-ink, #171717); }
  #adminCustomerView .ops-picker-pop .ops-picker-empty { cursor: default; color: var(--kit-muted, #737373); }


  /* dialogs (calibration device, equipment history card) — kit Modal / Form 01, read-only; appended to body */
  .ops-dialog-back { position: fixed; inset: 0; z-index: 9500; display: flex; align-items: center; justify-content: center; padding: 24px 16px; background: rgb(10 13 18 / 70%); backdrop-filter: blur(8px); }
  .ops-dialog { --kit-shadow-xs: 0 1px 2px #0000000d; --kit-skeuo: inset 0 0 0 1px #0000002e, inset 0 -2px 0 0 #0000000d; width: min(640px, 100%); max-height: calc(100dvh - 48px); display: flex; flex-direction: column; background: var(--kit-paper, #fff); color: var(--kit-text, #404040); border-radius: 16px; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008; font: 400 14px/20px var(--kit-font, sans-serif); overflow: hidden; }
  .ops-dialog .ops-i { display: inline-block; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--kit-icon) center / contain no-repeat; mask: var(--kit-icon) center / contain no-repeat; }
  .ops-dialog-head { position: relative; display: grid; gap: 4px; padding: 24px 24px 0; }
  .ops-dialog-head .ops-featured { margin-bottom: 12px; }
  .ops-dialog-head h2 { margin: 0; font: 600 18px/28px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .ops-dialog-head p { margin: 0; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .ops-dialog-x { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--kit-quaternary, #737373); cursor: pointer; }
  .ops-dialog-x .ops-i { width: 24px; height: 24px; }
  .ops-dialog-x:hover { background: var(--kit-subtle, #fafafa); }
  .ops-dialog-x:focus-visible { outline: 2px solid var(--kit-focus, #2563eb); outline-offset: 2px; }
  .ops-dialog-body { padding: 20px 24px 0; overflow: auto; display: grid; gap: 16px; }
  .ops-dialog .ops-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; }
  .ops-dialog .ops-facts > div { grid-column: 1 / -1; display: grid; gap: 6px; }
  .ops-dialog .ops-facts > div.is-half { grid-column: auto; }
  .ops-dialog .ops-facts dt, .ops-dialog .ops-label { font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  .ops-dialog .ops-facts dd { margin: 0; min-height: 44px; padding: 10px 14px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d; font: 400 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); overflow-wrap: anywhere; }
  .ops-dialog .ops-records { display: grid; gap: 6px; }
  .ops-dialog .ops-records ul { list-style: none; margin: 0; padding: 12px 14px; max-height: 180px; overflow: auto; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; box-shadow: 0 1px 2px #0000000d; }
  .ops-dialog .ops-records li { display: flex; flex-wrap: wrap; gap: 4px 16px; padding: 6px 0; font: 400 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .ops-dialog .ops-records li span:first-child { font-variant-numeric: tabular-nums; white-space: nowrap; color: var(--kit-tertiary, #525252); }
  .ops-dialog .ops-records li .is-bad { color: var(--kit-danger, #e00000); font-weight: 600; }
  .ops-dialog .ops-records .ops-muted { color: var(--kit-quaternary, #737373); }
  .ops-dialog-foot { display: flex; padding: 32px 24px 24px; }
  .ops-dialog-foot .ops-btn { flex: 1 1 auto; min-height: 44px !important; }

  @media (max-width: 1024px) {
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-btn, .ops-select, .ops-option) { min-height: 44px !important; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-tab { min-height: 44px !important; height: 44px !important; padding-bottom: 12px !important; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-link, .ops-name) { display: inline-flex !important; align-items: center; min-height: 44px !important; }
    #adminCustomerView .ops-cv-head button { min-height: 44px; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day { width: 40px; }
  }
  @media (max-width: 767px) {
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters-main, :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters-side { flex: 1 1 100%; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-field { max-width: none; flex: 1 1 140px; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search { width: 100%; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-filters-side > label.ops-search { flex: 1 1 auto; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal { right: auto; left: 0; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-actions { width: 100%; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-head-actions .ops-btn { flex: 1 1 0; }
    :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card-head, :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-pager { padding-inline: 16px; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table :is(th, td) { padding-inline: 16px !important; }
    #adminCustomerView .ops-cv-head { padding: 12px 16px; }
    #adminCustomerView .ops-cv-tools { margin-left: 0; width: 100%; }
    #adminCustomerView .ops-picker, #adminCustomerView .ops-cv-head .ops-picker-toggle { flex: 1; min-width: 0; width: 100%; }
    #adminCustomerView .ops-cv-body { padding: 16px; }
    .ops-dialog .ops-facts { grid-template-columns: minmax(0, 1fr); }
  }
}
/* Legacy admin rules square every span/div inside .admin-main-body; the kit shapes must win. */
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-avatar, .ops-dot) { border-radius: 50% !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-badge, .ops-count) { border-radius: 6px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb-avatar { border-radius: 8px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-check { border-radius: 4px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-card, .ops-cal) { border-radius: 12px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-cal { border-radius: 16px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ops-menu, .ops-search, .ops-cal-value) { border-radius: 8px !important; }
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-featured { border-radius: 10px !important; }

/* ══ 업체 관리 1차 — 피그마 「셀로 · 업체 관리 개편」(18107:39484) N·P·Q·R·S 프레임 그대로.
   목록 = 홈과 같은 Page header · 밑줄 탭 · 거르기 줄 · 표 카드, 업체 안쪽 = Settings / My details 줄(이름 280 · 칸 512),
   계정 = Team members 표 카드, 창 = Modal / Form 02(kd-*), 확인창 = Modal / Stacked left aligned.
   옛 관리자 규칙(theme-overrides.css · admin-kit.css)이 버튼·칸마다 !important 를 걸어 두어, 여기 규칙은 id 둘 + !important 로 이긴다. */
@media screen {
  :is(#ap-companies, .ops-kit) :is(.ops-scope, .cw-info-tab, .cw-accounts-ledger, .cw-memo-tab, .cw-delete-tab),
  :is(#ap-companies, .ops-kit) :is(.ops-scope, .cw-info-tab, .cw-accounts-ledger, .cw-memo-tab, .cw-delete-tab) * { box-sizing: border-box; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-container, .cw-detail-panel, .cw-tablet-editor, .cw-editor-body, .cw-settings-editor) { background: transparent !important; border: 0 !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-editor { padding: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-head { margin-bottom: 20px; }
  #page-admin-main .ops-kit .ops-head.is-bare { margin-bottom: 0; }
  #page-admin-main .ops-kit .ops-head.is-bare .ops-head-row { display: block; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-head-text h1 { margin: 0; font: 600 20px/30px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-head-text p:empty { display: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.ops-head-actions, .cw-switcher-actions) { display: flex !important; flex-wrap: wrap; align-items: center !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-name { display: grid !important; white-space: normal; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-btn:disabled { opacity: 1 !important; cursor: not-allowed; }

  /* 업체 목록 · 업체 전환 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-panel:not(.cw-concealed) { display: block !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; height: auto !important; max-height: none !important; overflow: visible !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-company-picker .is-switch-only, #page-admin-main :is(#ap-companies, .ops-kit) .cw-company-switcher .is-pick-only { display: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwCompanyFilters { margin: 0; padding: 0; border: 0; background: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) .company-lifecycle-filters { display: flex !important; flex-wrap: nowrap; gap: 12px !important; margin: 0 0 32px !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; overflow-x: auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwCompanyFilters .company-lifecycle-filters .ops-tab {
    display: inline-flex !important; align-items: center; gap: 8px; flex: 0 0 auto; width: auto !important;
    min-height: 32px !important; height: 32px !important; margin: 0 0 -1px !important; padding: 0 4px 12px !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important;
    background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-quaternary) !important; white-space: nowrap; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwCompanyFilters .company-lifecycle-filters .ops-tab:hover { color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwCompanyFilters .company-lifecycle-filters .ops-tab[aria-pressed="true"] { border-bottom-color: var(--kit-brand) !important; color: var(--kit-brand-text) !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-tab .ops-count { font-weight: 500; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-header.ops-filters { display: flex !important; flex-wrap: wrap !important; flex-direction: row !important; align-items: flex-end !important; gap: 12px !important; width: auto !important; min-width: 0 !important; padding: 0 !important; margin: 0 0 24px !important; border: 0 !important; background: transparent !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-header .ops-filters-main { min-width: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-field.is-search { flex: 1 1 240px; max-width: 320px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-field.is-wide { max-width: 220px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-search { width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-search input.cw-search { flex: 1 1 auto; width: auto !important; min-height: 38px !important; height: 38px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; outline: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwList { display: block !important; max-height: none !important; overflow: visible !important; padding: 0 !important; background: var(--kit-paper) !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; box-shadow: var(--kit-shadow-xs) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-grid { overflow-x: auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-list-head, button.cw-list-item) {
    display: grid !important; grid-template-columns: minmax(200px, 2.2fr) minmax(88px, 1fr) minmax(64px, .7fr) minmax(120px, 1.2fr) minmax(112px, 1.1fr) minmax(112px, 1fr) 72px !important;
    align-items: center; min-width: 900px !important; width: 100% !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-pager .cw-list-foot { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-head { height: 44px; padding: 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: var(--kit-subtle) !important; position: static !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-head span { padding: 12px 24px !important; font: 600 12px/18px var(--kit-font) !important; color: var(--kit-quaternary) !important; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item {
    min-height: 72px !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important;
    background: var(--kit-paper) !important; box-shadow: none !important; text-align: left; cursor: pointer; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item:last-child { border-bottom: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item:hover, #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item.cw-selected { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item.company-ended { color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span { display: block !important; min-width: 0; padding: 16px 24px !important; margin: 0 !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left !important; letter-spacing: normal !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-open { padding-left: 0 !important; text-align: right !important; overflow: visible; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span { grid-column: auto !important; grid-row: auto !important; justify-content: flex-start !important; min-height: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span::before { content: none !important; display: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-name .cw-list-blocked { margin: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > .cw-list-name { display: grid; white-space: normal; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-name > b { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-name > span { font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-name > .cw-list-blocked { color: #d92d20 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item .cw-list-date { font-variant-numeric: tabular-nums; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item .cw-list-open { text-align: right; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item .ops-badge { vertical-align: middle; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwList > .ops-empty .cw-list-empty { margin: 0; font: 600 18px/28px var(--kit-font); color: var(--kit-ink); }

  /* 업체 안쪽: 머리 + 밑줄 탭(설정 차례) */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-header { display: block !important; grid-column: 1 / -1; padding: 0 !important; margin: 0 !important; min-height: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-header .ops-crumb.is-link { min-height: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-tabs, .cw-editor-company-header) { display: none !important; }
  /* 좁은 창은 차례와 편집기가 번갈아 뜬다 — 편집기에서 차례로 돌아가는 단추. 넓은 창은 차례가 늘 위에 있어 감춘다. */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-back.ops-btn { align-self: flex-start; width: auto !important; margin: 0 0 16px !important; }

  /* 설정 줄(킷 Settings / My details): 이름 280 · 칸 512, 줄마다 아래 선 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-info-tab { display: block !important; max-width: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px 16px; padding: 0 0 20px; border-bottom: 1px solid var(--kit-line); }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-section-head h2 { margin: 0 !important; font: 600 18px/28px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-section-head.is-sub { padding-top: 48px; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-memo-tab, .cw-delete-tab) > .cw-field,
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-ccp-card, .cw-ccp-empty-row) {
    display: grid !important; grid-template-columns: minmax(160px, 280px) minmax(0, 512px) !important; gap: 8px 32px !important; align-items: start; justify-content: start !important;
    width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 20px 0 !important;
    border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-memo-tab, .cw-delete-tab) > .cw-field > .cw-label,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-card-head strong {
    display: block; margin: 0 !important; padding: 10px 0 0 !important; border: 0 !important; background: none !important;
    font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; letter-spacing: normal !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-card-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-field-value { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start !important; gap: 12px; min-height: 44px; margin: 0 !important; padding: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-header .ops-crumb.is-link.cw-back-btn { display: inline-flex !important; align-items: center; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; line-height: 20px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-delete-tab, .cw-ccp-card) :is(input.cw-input, .cw-industry-row input) {
    width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: 44px !important; padding: 10px 14px !important; margin: 0 !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important;
    font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-delete-tab, .cw-ccp-card) input.cw-input:focus { border-color: var(--kit-brand-line) !important; box-shadow: 0 0 0 1px var(--kit-brand-line) !important; outline: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-delete-tab input.cw-input:disabled, #page-admin-main :is(#ap-companies, .ops-kit) .cw-industry-row input[readonly] { background: var(--kit-subtle) !important; color: var(--kit-ink) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-delete-tab input.cw-input:disabled { color: var(--kit-quaternary) !important; cursor: default; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-industry-row { display: flex !important; align-items: center; gap: 12px !important; max-width: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-industry-row .ops-btn { flex: 0 0 auto; min-height: 44px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-info-tab > .cw-actions { display: flex !important; justify-content: flex-end; margin: 0 !important; padding: 20px 0 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-save-info {
    display: inline-flex !important; align-items: center; justify-content: center; gap: 4px; min-height: 40px !important; height: auto !important; padding: 8px 14px !important;
    border: 2px solid #ffffff1f !important; border-radius: 8px !important; background: var(--kit-brand) !important; color: #fff !important;
    box-shadow: var(--kit-shadow-xs), inset 0 -2px 0 0 #0000000d !important; font: 600 14px/20px var(--kit-font) !important; opacity: 1 !important; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-save-info:hover:not(:disabled) { background: var(--kit-brand-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-save-info:disabled { border: 1px solid var(--kit-line) !important; background: var(--kit-hover) !important; color: var(--kit-quaternary) !important; box-shadow: none !important; cursor: not-allowed; }

  /* CCP 일지별 기본 설정: 일지 하나가 한 줄 */
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-ccp-instance-panels, .cw-ccp-family, .cw-ccp-card-strip) { display: block !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; background: transparent !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-card-body { display: grid; gap: 12px; justify-items: start; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-room-list { display: grid !important; gap: 12px !important; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-room-row { display: flex !important; align-items: center; gap: 8px !important; margin: 0 !important; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-room-row input.cw-input { flex: 1 1 auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-room-del { flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; min-height: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important; color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-room-del:hover { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-room-add, button.cw-ccp-remove) {
    display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; min-height: 20px !important; height: auto !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-brand-text) !important; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-ccp-remove { color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-room-add, button.cw-ccp-remove, button.cw-ccp-add) .ops-i { width: 20px; height: 20px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-family-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-ccp-add {
    display: inline-flex !important; align-items: center; gap: 4px; min-height: 40px !important; height: auto !important; padding: 8px 14px !important; margin: 0 !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important;
    box-shadow: var(--kit-shadow-xs), inset 0 -2px 0 0 #0000000d !important; font: 600 14px/20px var(--kit-font) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-ccp-add .ops-i { color: var(--kit-quaternary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-limits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) label.cw-ccp-limit { display: flex !important; align-items: stretch; gap: 0 !important; min-width: 0; margin: 0 !important; border: 1px solid var(--kit-input-line); border-radius: 8px !important; background: var(--kit-paper); box-shadow: var(--kit-shadow-xs); overflow: hidden; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-limit-lead { display: flex; align-items: center; flex: 0 0 auto; padding: 0 12px 0 14px; border-right: 1px solid var(--kit-input-line); font: 400 16px/24px var(--kit-font); color: var(--kit-tertiary); white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) label.cw-ccp-limit input.cw-input { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-confirm-badge { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid #fedf89; border-radius: 16px !important; background: #fffaeb; font: 500 12px/18px var(--kit-font); color: #b54708; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-load-state { margin: 0; padding: 20px 0; border-bottom: 1px solid var(--kit-line); font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-load-error { color: #d92d20; }

  /* 알림 줄(킷 Alert / Floating) · 빨간 단추(킷 Button destructive / Secondary) */
  :is(#ap-companies, .ops-kit) .kit-alert, .kd .kit-alert { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 24px; padding: 16px; border: 1px solid var(--kit-input-line); border-radius: 12px !important; background: var(--kit-paper); box-shadow: var(--kit-shadow-xs); }
  :is(#ap-companies, .ops-kit) .kit-alert > .ops-i, .kd .kit-alert > .ops-i { flex: 0 0 20px; margin-top: 0; color: var(--kit-brand); }
  :is(#ap-companies, .ops-kit) .kit-alert.is-warning > .ops-i, .kd .kit-alert.is-warning > .ops-i { color: #dc6803; }
  :is(#ap-companies, .ops-kit) .kit-alert.is-error > .ops-i, .kd .kit-alert.is-error > .ops-i { color: #d92d20; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-alert strong, .kd .kit-alert strong { display: block; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-alert p { margin: 4px 0 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-alert-action { display: inline !important; min-height: 0 !important; height: auto !important; margin: 12px 0 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-brand-text) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-alert.is-warning .kit-alert-action { color: #b54708 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-danger-btn {
    display: inline-flex !important; align-items: center; gap: 6px; min-height: 44px !important; height: auto !important; padding: 10px 16px !important;
    border: 1px solid #fda29b !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: #b42318 !important;
    box-shadow: var(--kit-shadow-xs), inset 0 -2px 0 0 #0000000d !important; font: 600 14px/20px var(--kit-font) !important; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-danger-btn:hover { background: #fef3f2 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-delete-warning-card { max-width: 824px; }

  /* 메모: 설정 줄 하나 + 글 상자 */
  #page-admin-main :is(#ap-companies, .ops-kit) #cwMemoContainer { min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwMemoContainer .company-memo-label { display: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwMemoContainer .company-memo-paper { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwMemoContainer .company-memo-text {
    width: 100% !important; min-height: 134px !important; padding: 12px !important; margin: 0 !important; resize: vertical;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important;
    font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important;
  }

  /* 계정 관리: 대표자 계정 카드 · 계정 상태 단추 묶음 · 직원 계정 카드(Team members) */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger { display: grid !important; gap: 24px; max-width: none !important; padding: 0 !important; background: transparent !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-representative-account, .cw-kit-accounts-section) { display: block !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important; overflow: visible; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-card-head .ops-card-actions { margin-left: auto; display: flex; flex-wrap: wrap; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-card-head.is-two { align-items: flex-start; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-heading { display: grid; gap: 4px; margin: 0 !important; padding: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-heading h2 { display: flex; align-items: center; gap: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) p.cw-account-foot { margin: 0 !important; padding: 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-account-foot span { display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-account-foot span + span::before { content: ' · '; color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-account-foot .cw-bad { color: #d92d20; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg-group { display: inline-flex !important; flex-wrap: nowrap; gap: 0 !important; margin: 0 !important; justify-self: start; border: 1px solid var(--kit-input-line); border-radius: 8px !important; overflow: hidden; box-shadow: var(--kit-shadow-xs); }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg { min-height: 40px !important; height: auto !important; padding: 8px 16px !important; margin: 0 !important; border: 0 !important; border-right: 1px solid var(--kit-input-line) !important; border-radius: 0 !important; background: var(--kit-paper) !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg:last-child { border-right: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg[aria-pressed="true"] { background: var(--kit-subtle) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table-scroll { border: 0 !important; border-radius: 0 0 12px 12px !important; background: transparent !important; overflow-x: auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table.cw-owner-table { min-width: 560px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-representative-account > .ops-card-head { display: flex !important; align-items: center !important; padding: 20px 24px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: transparent !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-representative-account > .ops-empty { border-top: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table th { height: 44px !important; padding: 12px 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: var(--kit-subtle) !important; font: 600 12px/18px var(--kit-font) !important; color: var(--kit-quaternary) !important; text-align: left; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table td { height: 72px !important; padding: 16px 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: var(--kit-paper) !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; vertical-align: middle; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table tbody tr:last-child td { border-bottom: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table tbody tr:hover td { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-disabled td { color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-account-identity { display: inline-flex !important; align-items: center; gap: 12px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-account-identity .ops-avatar { font: 600 16px/24px var(--kit-font); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-account-identity .cw-account-name { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) td.cw-account-tools-cell { width: 1%; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-account-row-tools { display: flex !important; align-items: center; justify-content: flex-end; gap: 16px; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-account-connect, button.cw-account-link) {
    display: inline-flex !important; align-items: center; min-height: 36px !important; height: auto !important; padding: 0 !important; margin: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-brand-text) !important; white-space: nowrap; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) button.cw-account-link { color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions > summary { display: grid !important; place-items: center; width: 36px; height: 36px; min-height: 36px !important; padding: 0 !important; border-radius: 8px; color: var(--kit-quaternary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions > summary:hover, #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions[open] > summary { background: var(--kit-subtle); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions[open] .cw-account-actions { width: 200px !important; padding: 4px 0 !important; border: 1px solid #0000001a !important; box-shadow: var(--kit-shadow-lg) !important; gap: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button {
    display: flex !important; align-items: center; gap: 8px; width: calc(100% - 8px) !important; min-height: 40px !important; height: auto !important; margin: 1px 4px !important; padding: 9px 10px !important;
    border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; text-align: left;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button:hover { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button .ops-i { width: 16px; height: 16px; color: var(--kit-quaternary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button.is-danger { color: #d92d20 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button.is-danger .ops-i { color: #d92d20; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .ops-empty p { margin: 0; font: 600 16px/24px var(--kit-font); color: var(--kit-ink); }

  /* 킷 고르기 상자(원래 select 는 투명하게 아래에 남는다) */
  .kit-sel { position: relative; display: block; min-width: 0; }
  .kit-sel > select { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-sel-btn, .kd .kit-sel-btn {
    display: flex !important; align-items: center; gap: 8px; width: 100% !important; min-height: 40px !important; height: auto !important; margin: 0 !important; padding: 8px 10px 8px 12px !important;
    border: 1px solid var(--kit-input-line, #d4d4d4) !important; border-radius: 8px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 1px 2px #0000000d !important;
    font: 500 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; text-align: left; cursor: pointer;
  }
  .kd .kit-sel-btn { min-height: 44px !important; padding: 10px 12px 10px 14px !important; font: 400 16px/24px var(--kit-font, sans-serif) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-sel-btn[aria-expanded="true"], .kd .kit-sel-btn[aria-expanded="true"] { border: 2px solid var(--kit-brand-line, #9e77ed) !important; padding: 7px 9px 7px 11px !important; }
  .kd .kit-sel-btn[aria-expanded="true"] { padding: 9px 11px 9px 13px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-sel-btn:disabled, .kd .kit-sel-btn:disabled { background: var(--kit-subtle, #fafafa) !important; color: var(--kit-quaternary, #737373) !important; cursor: not-allowed; }
  .kit-sel-val { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .kit-sel-btn > .ops-i { width: 20px; height: 20px; color: var(--kit-quaternary, #737373); }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwListPer + .kit-sel-btn, #page-admin-main :is(#ap-companies, .ops-kit) .ops-pager .kit-sel { width: 128px; }
  .kit-sel-menu {
    position: fixed; z-index: 10060; min-width: 200px; overflow-y: auto; padding: 4px 0; box-sizing: border-box;
    background: var(--kit-paper, #fff); border: 1px solid #0000001a; border-radius: 8px; box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
    font-family: var(--kit-font, sans-serif);
  }
  .kit-sel-opt {
    display: flex; align-items: center; gap: 8px; width: calc(100% - 8px); min-height: 40px; margin: 1px 4px; padding: 8px 10px 8px 8px; box-sizing: border-box;
    border: 0; border-radius: 6px; background: transparent; font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); text-align: left; cursor: pointer;
  }
  .kit-sel-opt:hover:not(:disabled), .kit-sel-opt:focus-visible, .kit-sel-opt[aria-selected="true"] { background: var(--kit-subtle, #fafafa); outline: none; }
  .kit-sel-opt:disabled { color: var(--kit-quaternary, #a3a3a3); cursor: not-allowed; }
  .kit-sel-sub { font-weight: 400; color: var(--kit-quaternary, #737373); }
  .kit-sel-opt > .ops-i { margin-left: auto; width: 20px; height: 20px; color: var(--kit-brand, #7f56d9); }

  /* 창(킷 Modal / Form 02) — _gm() 겹창 또는 kd-back 겹창 위 */
  .kd-back, .ccp-modal-overlay:has(> .kd) { background: rgb(10 13 18 / 70%) !important; backdrop-filter: blur(8px); }
  .kd {
    --kit-shadow-xs: 0 1px 2px #0000000d;
    width: min(688px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); display: flex; flex-direction: column; box-sizing: border-box; overflow: hidden;
    background: var(--kit-paper, #fff); color: var(--kit-text, #404040); border: 0; border-radius: 16px; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008, 0 3px 3px -1.5px #0000000a;
    font: 400 14px/20px var(--kit-font, sans-serif); text-align: left; word-break: keep-all;
  }
  .kd *, .kd *::before, .kd *::after { box-sizing: border-box; }
  .kd.is-narrow { width: min(400px, calc(100vw - 32px)); }
  .kd.is-wide { width: min(760px, calc(100vw - 32px)); }
  .kd .ops-i { display: inline-block; flex: 0 0 auto; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--kit-icon) center / contain no-repeat; mask: var(--kit-icon) center / contain no-repeat; }
  .kd-head { position: relative; display: flex; align-items: center; gap: 16px; padding: 24px 64px 20px 24px; border-bottom: 1px solid var(--kit-line, #e5e5e5); }
  .kd-head.is-stacked { display: grid; gap: 16px; padding-bottom: 8px; border-bottom: 0; }
  .kd-featured { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 10px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #0000002e, inset 0 -2px 0 0 #0000000d; color: var(--kit-text, #404040); }
  .kd-featured .ops-i { width: 24px; height: 24px; }
  .kd-titles { display: grid; gap: 4px; min-width: 0; padding-top: 2px; }
  .kd-titles h2 { margin: 0; font: 600 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .kd-titles p { margin: 0; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .kd-x { position: absolute; top: 12px; right: 12px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--kit-quaternary, #737373); cursor: pointer; }
  .kd-x:hover { background: var(--kit-subtle, #fafafa); }
  .kd-x .ops-i { width: 24px; height: 24px; }
  .kd-body { display: grid; gap: 16px; padding: 20px 24px; overflow-y: auto; min-height: 0; }
  .kd-row { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 6px 32px; align-items: start; }
  .kd-label { padding-top: 12px; font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  .kd-field { min-width: 0; }
  .kd-divider { width: 100%; height: 0; margin: 4px 0; border: 0; border-top: 1px solid var(--kit-line, #e5e5e5); }
  .kd .kd-input {
    display: block; width: 100% !important; min-width: 0; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 10px 14px !important;
    border: 1px solid var(--kit-input-line, #d4d4d4) !important; border-radius: 8px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 1px 2px #0000000d !important;
    font: 400 16px/24px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; outline: none;
  }
  .kd textarea.kd-input { resize: vertical; min-height: 120px !important; }
  .kd .kd-input::placeholder { color: var(--kit-quaternary, #737373); }
  .kd .kd-input:focus { border-color: var(--kit-brand-line, #9e77ed) !important; box-shadow: 0 0 0 1px var(--kit-brand-line, #9e77ed) !important; }
  .kd .kd-input[readonly], .kd .kd-input:disabled { background: var(--kit-subtle, #fafafa) !important; color: var(--kit-quaternary, #737373) !important; box-shadow: none !important; }
  .kd .kd-input.kd-gap { margin-top: 8px !important; }
  .kd-inline { display: flex; align-items: center; gap: 12px; }
  .kd-inline > :first-child { flex: 1 1 auto; min-width: 0; }
  .kd-inline.is-list { min-height: 44px; }
  .kd-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .kd-hint { min-height: 0; margin-top: 6px; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .kd-hint:empty { display: none; }
  .kd-check { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); cursor: pointer; }
  .kd .kd-check input[type=checkbox] { margin: 0 !important; accent-color: var(--kit-brand, #7f56d9) !important; }
  @media (min-width: 1025px) { .kd .kd-check input[type=checkbox] { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; } }
  .kd-subhead { margin: 4px 0 0; font: 600 14px/20px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .kd-empty, .kd-loading { margin: 0; padding: 12px 0; text-align: center; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .kd-frame { display: block; width: 100%; height: min(52vh, 480px); border: 1px solid var(--kit-line, #e5e5e5); border-radius: 8px; background: #fff; }
  .kd-foot { display: flex; gap: 12px; padding: 24px; border-top: 1px solid var(--kit-line, #e5e5e5); }
  .kd-head.is-stacked + .kd-foot { padding-top: 32px; border-top: 0; }
  .kd-btn, .kd-link {
    display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 44px; padding: 10px 16px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px;
    background: var(--kit-paper, #fff); color: var(--kit-text, #404040); box-shadow: 0 1px 2px #0000000d, inset 0 -2px 0 0 #0000000d; font: 600 16px/24px var(--kit-font, sans-serif); white-space: nowrap; cursor: pointer;
  }
  .kd-foot .kd-btn { flex: 1 1 0; }
  .kd-btn:hover:not(:disabled) { background: var(--kit-subtle, #fafafa); }
  .kd-btn.is-primary { border-color: var(--kit-brand, #7f56d9); box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #ffffff1f, inset 0 -2px 0 0 #0000000d; background: var(--kit-brand, #7f56d9); color: #fff; }
  .kd-btn.is-primary:hover:not(:disabled) { background: var(--kit-brand-text, #6941c6); }
  .kd-btn.is-danger { border-color: #d92d20; box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #ffffff1f, inset 0 -2px 0 0 #0000000d; background: #d92d20; color: #fff; }
  .kd-btn.is-sm { min-height: 44px; padding: 10px 14px; font-size: 14px; line-height: 20px; }
  .kd-btn:disabled { opacity: .6; cursor: wait; }
  .kd-link { min-height: 36px; padding: 0 4px; border: 0; background: none; box-shadow: none; font-size: 14px; line-height: 20px; color: var(--kit-tertiary, #525252); }
  .kd-link .ops-i, .kd-btn .ops-i { width: 20px; height: 20px; }
  .kd-link:hover { color: var(--kit-ink, #171717); }
  .kd :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--kit-focus, #2563eb); outline-offset: 2px; }
  .kd-upload-prev img { display: block; max-width: 100%; max-height: 160px; margin-bottom: 12px; border-radius: 8px; object-fit: contain; background: var(--kit-subtle, #fafafa); }
  .kd-upload { display: flex; align-items: stretch; gap: 12px; }
  .kd-upload-btn { flex: 1 1 auto; display: grid; justify-items: center; gap: 4px; padding: 16px 24px; border: 1px solid var(--kit-line, #e5e5e5); border-radius: 12px; background: var(--kit-paper, #fff); cursor: pointer; font: 400 12px/18px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .kd-upload-btn:hover { border-color: var(--kit-brand-line, #9e77ed); }
  .kd-upload-btn .ops-i { width: 20px; height: 20px; color: var(--kit-quaternary, #737373); }
  .kd-upload-btn b { font: 600 14px/20px var(--kit-font, sans-serif); color: var(--kit-brand-text, #6941c6); }
  .kd-upload > .kd-btn { align-self: center; }
  .kd .kit-alert { margin: 0; }
  .kd .kit-alert strong { font-weight: 500; }

  /* 공용 확인창(vfcConfirm/vfcPrompt)에 제목을 넘긴 관리자 확인창만 — 킷 Modal / Stacked left aligned */
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] { background: rgb(10 13 18 / 70%) !important; backdrop-filter: blur(8px); }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] > div { width: min(400px, calc(100vw - 32px)) !important; max-width: none !important; padding: 24px !important; border: 0 !important; border-radius: 16px !important; background: var(--kit-paper) !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; text-align: left !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmIcon { display: block !important; margin: 0 0 16px !important; padding: 0 !important; }
  #vfcConfirmOverlay .vfc-kit-featured { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 10px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #0000002e, inset 0 -2px 0 0 #0000000d; color: var(--kit-text, #404040); }
  #vfcConfirmOverlay[data-kit-tone="warning"] .vfc-kit-featured { color: #dc6803; }
  #vfcConfirmOverlay[data-kit-tone="danger"] .vfc-kit-featured { color: #d92d20; }
  #vfcConfirmOverlay .vfc-kit-i { display: block; width: 24px; height: 24px; background: currentColor; -webkit-mask: var(--kit-icon) center / contain no-repeat; mask: var(--kit-icon) center / contain no-repeat; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmMsg { display: grid !important; gap: 4px; margin: 0 0 32px !important; padding: 0 !important; text-align: left !important; }
  #vfcConfirmOverlay .vfc-kit-title { font: 600 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  #vfcConfirmOverlay .vfc-kit-msg { font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); white-space: pre-line; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns { display: flex !important; flex-wrap: nowrap !important; justify-content: stretch !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns:has(#vfcPromptInput) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-content: stretch !important; gap: 32px !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns > div { display: flex !important; gap: 12px !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcPromptInput { width: 100% !important; min-height: 44px; margin: 0 !important; padding: 10px 14px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: 0 1px 2px #0000000d; font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns button { flex: 1 1 0 !important; min-height: 44px !important; margin: 0 !important; padding: 10px 16px !important; border: 1px solid var(--kit-input-line) !important; border-right: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; box-shadow: 0 1px 2px #0000000d, inset 0 -2px 0 0 #0000000d !important; font: 600 16px/24px var(--kit-font) !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns button#vfcOkBtn { border: 2px solid #ffffff1f !important; background: var(--kit-brand) !important; color: #fff !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone="danger"] #vfcConfirmBtns button#vfcOkBtn { background: #d92d20 !important; }

  /* 업종 찾기(관리자 화면일 때만) — 킷 Modal / Labels: 아이콘 · 제목 · 찾기 칸 · 체크 목록 · 단추 둘 */
  body:has(#page-admin-main.admin-kit-shell.active) .ip-overlay { background: rgb(10 13 18 / 70%); backdrop-filter: blur(8px); }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-modal { --ip-btn: var(--kit-brand, #7f56d9); --ip-focus: var(--kit-focus, #2563eb); max-width: 480px; border: 0; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-head { position: relative; display: grid; justify-items: start; gap: 16px; padding: 24px 24px 0; border: 0; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-head::before { content: ''; display: block; width: 48px; height: 48px; box-sizing: border-box; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 10px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d, inset 0 0 0 1px #0000002e, inset 0 -2px 0 0 #0000000d; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-head::after { content: ''; position: absolute; left: 36px; top: 36px; width: 24px; height: 24px; background: var(--kit-text, #404040); -webkit-mask: url('/icons/kit/search-lg.svg') center / contain no-repeat; mask: url('/icons/kit/search-lg.svg') center / contain no-repeat; pointer-events: none; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-search { position: relative; padding: 20px 24px 12px; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-search::before { content: ''; position: absolute; left: 38px; top: calc(50% + 4px); width: 20px; height: 20px; transform: translateY(-50%); background: var(--kit-quaternary, #737373); -webkit-mask: url('/icons/kit/search-lg.svg') center / contain no-repeat; mask: url('/icons/kit/search-lg.svg') center / contain no-repeat; pointer-events: none; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-input { min-height: 44px; padding: 10px 14px 10px 42px; font-size: 16px; line-height: 24px; box-shadow: 0 1px 2px #0000000d; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-opt input { accent-color: var(--kit-brand, #7f56d9); }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-foot { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 20px 24px 24px; border-top: 1px solid var(--kit-line, #e5e5e5); }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-count { grid-column: 1 / -1; font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-actions { display: contents; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-btn { min-height: 44px; font-size: 16px; line-height: 24px; box-shadow: 0 1px 2px #0000000d, inset 0 -2px 0 0 #0000000d; }
  body:has(#page-admin-main.admin-kit-shell.active) .ip-btn-ok { border: 2px solid #ffffff1f; background: var(--kit-brand, #7f56d9); color: #fff; }

  /* 태블릿·컴퓨터: 설정 차례 = 킷 밑줄 탭, 차례 설명과 탭 이름 제목은 숨긴다 */
  @media (min-width: 768px) {
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-back { display: none !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-heading { display: none !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-settings-list:not(.cw-concealed) { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 0 32px !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-settings-list > :is(.cw-back-btn, .cw-detail-header) { display: none !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-hub-list { display: flex !important; flex-wrap: nowrap !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; overflow-x: auto; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-settings-list .cw-settings-hub-item {
      display: inline-flex !important; flex: 0 0 auto; align-items: center; width: auto !important; min-height: 32px !important; height: 32px !important; margin: 0 0 -1px !important; padding: 0 4px 12px !important;
      border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; cursor: pointer;
    }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-settings-list .cw-settings-hub-item.cw-settings-active { border-bottom-color: var(--kit-brand) !important; background: none !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-hub-label { font: 600 14px/20px var(--kit-font) !important; color: var(--kit-quaternary) !important; white-space: nowrap; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-hub-item:hover .cw-settings-hub-label { color: var(--kit-text) !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-active .cw-settings-hub-label { color: var(--kit-brand-text) !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-settings-hub-summary { display: none !important; }
  }
  @media (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.kit-sel-btn, .kit-seg, .cw-save-info, button.cw-ccp-add, .kit-danger-btn) { min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-room-del) { flex-basis: 44px !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-room-add, button.cw-ccp-remove, button.cw-account-connect, button.cw-account-link, .kit-alert-action) { min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions > summary { width: 44px; height: 44px; min-height: 44px !important; }
    .kit-sel-opt { min-height: 44px; }
  }
  @media (min-width: 768px) and (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-settings-list .cw-settings-hub-item { min-height: 44px !important; height: 44px !important; }
  }
  @media (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) #cwCompanyFilters .company-lifecycle-filters .ops-tab { min-height: 44px !important; height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .ops-search { min-height: 44px; }
    /* 손가락 크기 44 는 채우되 줄 높이는 넓은 창과 같게 — 창 폭이 바뀌어도 편집기 스크롤이 밀리지 않는다. */
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-tablet-header .ops-crumb.is-link.cw-back-btn { min-height: 44px !important; margin-block: -8px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .ops-search input.cw-search { min-height: 44px !important; height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-actions .cw-account-actions button { min-height: 44px !important; }
  }
  @media (max-width: 767px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-memo-tab, .cw-delete-tab) > .cw-field,
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-ccp-card, .cw-ccp-empty-row) { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 16px 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-info-tab, .cw-memo-tab, .cw-delete-tab) > .cw-field > .cw-label, #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-card-head strong { padding-top: 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-ccp-limits { grid-template-columns: minmax(0, 1fr); }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-header .ops-filters-main { flex: 1 1 100% !important; width: 100% !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-header .ops-field { flex: 1 1 140px !important; max-width: none !important; min-width: 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-header .ops-field.is-search { flex-basis: 100% !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-grid > .cw-list-head { display: none !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) button.cw-list-item { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; min-width: 0 !important; padding: 12px 16px !important; gap: 2px 12px; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span { padding: 0 !important; white-space: normal; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-name { grid-column: 1 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-open { grid-column: 2 !important; grid-row: 1 !important; align-self: center; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-cell { grid-column: 1 / -1 !important; font-size: 13px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-list-item > span.cw-list-cell::before { content: attr(data-label) ' · ' !important; display: inline !important; color: var(--kit-quaternary); }
    #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg-group { display: flex !important; width: 100%; }
    #page-admin-main :is(#ap-companies, .ops-kit) .kit-seg { flex: 1 1 0; padding-inline: 8px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .ops-card-head { flex-wrap: wrap; padding-inline: 16px; }
    #page-admin-main :is(#ap-companies, .ops-kit) .ops-card-head .ops-card-actions { margin-left: 0; width: 100%; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-accounts-ledger .cw-account-table :is(th, td) { padding-inline: 16px !important; }
    .kd-row { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    .kd-label { padding-top: 0; }
    .kd-head { padding: 20px 60px 16px 16px; }
    .kd-body { padding: 16px; }
    .kd-foot { padding: 16px; }
    .kd-upload { flex-wrap: wrap; }
  }
}
/* 옛 관리자 규칙이 span 모서리를 전부 각지게 만든다 — 킷 모양이 이긴다. */
#page-admin-main :is(#ap-companies, .ops-kit) :is(.ops-avatar, .ops-dot) { border-radius: 50% !important; }
#page-admin-main :is(#ap-companies, .ops-kit) :is(.ops-badge, .ops-count) { border-radius: 6px !important; }
#page-admin-main :is(#ap-companies, .ops-kit) .ops-crumb-avatar { border-radius: 8px !important; }
#page-admin-main :is(#ap-companies, .ops-kit) :is(.ops-card, .kit-alert) { border-radius: 12px !important; }
#page-admin-main :is(#ap-companies, .ops-kit) :is(.ops-search, .kit-sel-btn, .kit-seg-group) { border-radius: 8px !important; }
#page-admin-main :is(#ap-companies, .ops-kit) .ops-featured { border-radius: 10px !important; }

/* ── 업체 관리 2차(2026-09-24, 피그마 「셀로 · 업체 관리 개편」 T·U·V·W): 구독 플랜 · 기준서 · 마스터일지 배정 · 한글일지 ── */
@media screen {
  /* 설정 줄 — 1차와 같은 킷 Settings 줄(이름 280 · 칸 512) */
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-field, .cw-manual-mode-section > .cw-field, .cw-master-journal-search, .cw-hangul-head, .cw-master-tab .cw-journal-group) {
    display: grid !important; grid-template-columns: minmax(160px, 280px) minmax(0, 512px) !important; gap: 8px 32px !important; align-items: start; justify-content: start !important;
    width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 20px 0 !important;
    border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-field, .cw-manual-mode-section > .cw-field, .cw-master-journal-search) > .cw-label,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-group-name,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-identity strong {
    display: block; margin: 0 !important; padding: 10px 0 0 !important; border: 0 !important; background: none !important;
    font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; letter-spacing: normal !important; text-transform: none !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-journal-group-count, .cw-hangul-identity > span) { display: block; margin-top: 2px; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-identity { display: block; min-width: 0; padding: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-identity strong { padding-top: 0 !important; font-weight: 600 !important; color: var(--kit-ink) !important; overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-note { flex: 1 1 100%; font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-note.is-warning { color: #b54708; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-field.is-stacked .cw-field-value { flex-direction: column; align-items: stretch; gap: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-field.is-stacked .cw-field-value > .ops-btn { align-self: flex-start; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-form, .cw-master-tab) :is(input.cw-input, textarea.cw-input, input[type=search]),
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-field select.cw-input {
    width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; padding: 10px 14px !important; margin: 0 !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important;
    font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .ops-search input[type=search] { min-height: 38px !important; height: 38px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-form, .cw-master-tab) :is(input.cw-input, textarea.cw-input):focus { border-color: var(--kit-brand-line) !important; box-shadow: 0 0 0 1px var(--kit-brand-line) !important; outline: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form textarea.cw-input { min-height: 88px !important; resize: vertical; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-field, .cw-hangul-actions) .kit-sel { width: 100%; max-width: 512px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-actions .kit-sel { width: 140px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-opt { display: inline-flex !important; align-items: center; gap: 8px; min-height: 24px; margin: 0 !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-opt input[type=checkbox] { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; accent-color: var(--kit-brand); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-mp-bank { display: grid; grid-template-columns: 110px minmax(0, 1fr) 120px; gap: 8px; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-form, .cw-manuals-tab, .cw-master-tab, .cw-hangul-tab) > .kit-section-head,
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-block, .cw-manual-folder, .cw-manual-mode-section) > .kit-section-head { margin-top: 48px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form > .kit-section-head:first-child,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-cards + .kit-section-head { margin-top: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-manuals-tab, .cw-master-tab, .cw-hangul-tab) > :is(.kit-section-head, .cw-manual-mode-section):first-child,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-section > .kit-section-head,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-panel > .cw-manual-folder:first-child > .kit-section-head { margin-top: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-panel > .cw-manual-folder { margin-top: 48px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-section-head p { margin: 4px 0 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .kit-section-head h2 { display: flex; align-items: center; gap: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-head-actions { display: flex; flex-wrap: wrap; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-form, .cw-master-tab, .cw-hangul-tab) > .cw-actions { display: flex !important; justify-content: flex-end; margin: 0 !important; padding: 20px 0 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-save-sub, .cw-save-master) {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px !important; height: auto !important; padding: 8px 14px !important;
    border: 2px solid #ffffff1f !important; border-radius: 8px !important; background: var(--kit-brand) !important; color: #fff !important;
    box-shadow: var(--kit-shadow-xs), inset 0 -2px 0 0 #0000000d !important; font: 600 14px/20px var(--kit-font) !important; cursor: pointer;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form > .kit-alert { margin-bottom: 24px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pending-list { margin: 20px 0 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-support-badge { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid var(--kit-input-line); border-radius: 16px !important; background: var(--kit-paper); font: 500 12px/18px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-support-badge.active { border-color: #abefc6; background: #ecfdf3; color: #067647; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-support-badge.error { border-color: #fecdca; background: #fef3f2; color: #b42318; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-support-ended { font: 400 14px/20px var(--kit-font); color: var(--kit-quaternary); }

  /* 옛 구독 탭 규칙(두 칸 격자·테두리 상자·회색 알약) 걷어내기 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form { max-width: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form > .cw-sub-block { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form > .cw-sub-block > * { grid-column: auto !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-form .cw-sub-field { margin: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-support-ended { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; font-weight: 400 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-billing-relation .cw-sub-note, #page-admin-main :is(#ap-companies, .ops-kit) .cw-setup-screen .cw-sub-note { flex: 0 1 auto; }
  /* 요금제 카드 · 결제 수단 카드(킷 Billing: Pricing tier card · Inline CTA) */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0 0 32px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-cards > .ops-card:only-child { grid-column: 1 / -1; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-card { display: flex; flex-direction: column; justify-content: space-between; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-body { display: grid; gap: 8px; padding: 24px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-titles { min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-titles h3 { margin: 0 !important; font: 600 18px/28px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-titles p { margin: 2px 0 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-price { display: flex; align-items: baseline; gap: 6px; flex: 0 0 auto; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-price strong { font: 600 36px/44px var(--kit-font) !important; letter-spacing: -0.02em; color: var(--kit-ink) !important; font-variant-numeric: tabular-nums; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-price span { font: 500 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-line { margin: 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; font-variant-numeric: tabular-nums; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-line b { font-weight: 600; color: var(--kit-ink); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-line.is-muted { color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-card .cw-bill-delta { font-weight: 600; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-card .cw-bill-delta.up { color: #b54708; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-card .cw-bill-delta.down { color: #067647; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-foot { display: flex; justify-content: flex-end; padding: 12px 24px; border-top: 1px solid var(--kit-line); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-stopped-billing { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-stopped-billing strong { display: block; font: 600 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-stopped-billing p { margin: 4px 0 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card { display: grid; align-content: start; gap: 16px; padding: 24px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .kit-alert { margin: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card {
    display: grid !important; grid-template-columns: 46px minmax(0, 1fr); grid-template-areas: "chip brand" "chip number" ". meta"; gap: 0 12px; align-items: center;
    width: auto !important; max-width: none !important; aspect-ratio: auto !important; min-height: 0 !important; margin: 0 !important; padding: 16px !important;
    border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; box-shadow: none !important; color: var(--kit-text) !important; transform: none !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card::before, #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card::after { content: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card-chip { grid-area: chip; position: static !important; display: block !important; width: 46px !important; height: 32px !important; margin: 0 !important; border: 1px solid var(--kit-line) !important; border-radius: 6px !important; background: var(--card-bg, #1f2a3a) !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card-brand { grid-area: brand; position: static !important; margin: 0 !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; letter-spacing: normal !important; text-transform: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card-number { grid-area: number; position: static !important; margin: 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; letter-spacing: normal !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-pay-card .cw-payment-card-meta { grid-area: meta; position: static !important; display: flex !important; flex-wrap: wrap; gap: 4px 12px; margin: 4px 0 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }

  /* 킷 표 한 장 — 지원금액 · 입금 청구 · 기준서 파일 · 한글일지 판 · 버전 보기 */
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-support-list, .cw-manual-list, .cw-hangul-versions, #cwMpStatus) { margin: 20px 0 0 !important; padding: 0 !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs); overflow: hidden; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-versions { margin: 0 0 24px !important; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table, :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .admin-scroll-region > table.cw-kit-table { width: 100% !important; min-width: 640px !important; border-collapse: separate !important; border-spacing: 0; table-layout: auto; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table :is(th, td) { width: auto; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table th { height: 44px; padding: 12px 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line, #e5e5e5) !important; background: var(--kit-subtle, #fafafa) !important; font: 600 12px/18px var(--kit-font, sans-serif) !important; color: var(--kit-quaternary, #737373) !important; text-align: left; white-space: nowrap; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table td { height: 72px; padding: 16px 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line, #e5e5e5) !important; background: var(--kit-paper, #fff) !important; font: 400 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-tertiary, #525252) !important; vertical-align: middle; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table tbody tr:last-child td { border-bottom: 0 !important; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table td > strong { display: block; font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table td > strong + span { display: block; font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); overflow-wrap: anywhere; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table td:last-child { width: 1%; white-space: nowrap; text-align: right; }
  :is(#page-admin-main :is(#ap-companies, .ops-kit), .kd) .cw-kit-table .cw-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-loading, .kd .cw-kit-loading { margin: 0 !important; padding: 24px !important; text-align: center; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-loading.is-error { color: #b42318 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-support-list, #cwMpStatus) > :is(.cw-support-empty, .cw-support-error) { margin: 0 !important; padding: 24px !important; border: 0 !important; background: none !important; text-align: center; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }

  /* 기준서 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-kit-table .sr-only, .kd .cw-kit-table .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-section { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-list tr.cw-manual-file-row { display: table-row !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-list .cw-manual-file-meta { font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manuals-tab { display: block !important; padding: 0 !important; background: none !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-options { display: grid; gap: 12px; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 !important; padding: 16px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option:has(input:checked) { border: 2px solid var(--kit-brand) !important; padding: 15px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option input[type=radio] { flex: 0 0 16px; width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 2px 0 0 !important; accent-color: var(--kit-brand); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option > span { display: grid; gap: 2px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option strong { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-mode-option span span { font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-folder { display: block !important; min-width: 0; margin: 0; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload { display: grid; gap: 16px; margin: 20px 0 0 !important; padding: 16px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload.is-drop-active { border-color: var(--kit-brand) !important; background: #f9f5ff !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload-label { display: grid !important; justify-items: center; gap: 4px; margin: 0 !important; padding: 16px 24px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; text-align: center; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload-label .kd-featured { margin-bottom: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload-label b { font-weight: 600; color: var(--kit-brand-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload-hint { font: 400 12px/18px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-file-input { position: absolute !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; clip: rect(0 0 0 0); border: 0 !important; opacity: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload:has(.cw-manual-file-input:focus-visible) .cw-manual-upload-label { outline: 2px solid var(--kit-focus); outline-offset: 2px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-queue { white-space: pre-line; font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-queue:empty { display: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-upload-actions { display: flex; justify-content: flex-end; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-file-info { display: flex; align-items: center; gap: 12px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-file-name { font: 500 14px/20px var(--kit-font); color: var(--kit-ink); overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-file-type { position: relative; display: inline-block; flex: 0 0 32px; width: 32px; height: 40px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-file-type::before { content: ''; position: absolute; inset: 0; border: 1.5px solid #d5d7da; border-radius: 4px 10px 4px 4px; background: var(--kit-paper); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-file-type::after { content: attr(data-type); position: absolute; left: -4px; bottom: 6px; padding: 2px 3px; border-radius: 2px; background: #155eef; font: 700 10px/12px var(--kit-font); color: #fff; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-file-type.is-pdf::after { background: #d92d20; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-manual-move-up .ops-i { transform: rotate(180deg); }

  /* 마스터일지 배정 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-list-shell { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-scroll-hint { display: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-list-body { max-height: none !important; overflow: visible !important; padding: 0 !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-group-name { padding-top: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-dropzone { display: grid !important; gap: 16px; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  /* 일지 찾기에서 안 맞는 줄. 아래 두 display:flex !important 보다 특이도가 높아야 한다
     (마스터일지 배정 = .cw-master-tab, 업체 화면 구성 = #cwScreenJournalSection — 2026-09-28 검색해도 줄이 그대로 남던 것). */
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-master-tab, #cwScreenJournalSection) .cw-journal-row[hidden] { display: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-row { display: flex !important; align-items: center !important; gap: 12px !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-item > div:first-child { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cw-journal-item > div:nth-child(2) { margin: 0 !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-journal-search .ops-search { flex: 1 1 240px; width: auto; }

  /* 한글일지 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-tab { display: block !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-head { border-bottom: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-actions { display: flex !important; flex-wrap: wrap; align-items: center; gap: 8px !important; margin: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-assign { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; font: 500 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cwJournalMenuBtn { display: inline-grid !important; place-items: center; width: 36px !important; height: 36px !important; min-height: 36px; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: none !important; box-shadow: none !important; font-size: 0 !important; color: var(--kit-quaternary) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cwJournalMenuBtn::before { content: ''; width: 20px; height: 20px; background: currentColor; mask: url('/icons/admin-dots-vertical.svg') center / 20px 20px no-repeat; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-master-tab .cwJournalMenuBtn:hover { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-empty { margin-top: 20px; border: 1px solid var(--kit-line); border-radius: 12px !important; background: var(--kit-paper); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-empty strong { font: 600 16px/24px var(--kit-font); color: var(--kit-ink); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-hangul-items > .cw-hangul-item + .cw-hangul-item { border-top: 1px solid var(--kit-line); }

  /* 창 — 결제 설정 · 묶음결제 정보 · 세팅 가져오기 */
  .kd-member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; max-height: 240px; overflow: auto; }
  .kd .kd-check.is-locked { color: var(--kit-quaternary, #737373); cursor: not-allowed; }
  .kd .cwBgLockNote { font: 400 13px/18px var(--kit-font, sans-serif); color: var(--kit-quaternary, #737373); }
  .kd-inline.is-radios { flex-wrap: wrap; gap: 8px 24px; }
  .kd-inline.is-radios > :first-child { flex: 0 0 auto; }
  .kd .kd-check input[type=radio] { margin: 0 !important; accent-color: var(--kit-brand, #7f56d9) !important; }
  .kd-checks { display: grid; }
  .kd .kd-text { white-space: normal; }
  .kd .kd-field > p.kd-text { margin: 0; padding-top: 12px; }
  .kd .kd-field > .kd-hint { margin-top: 4px; }

  /* 관리 PIN 창도 킷 확인창 모양(관리자 화면) */
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcConfirmBtns:has(#vfcDeletePasswordInput) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-content: stretch !important; gap: 32px !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcDeletePasswordInput { width: 100% !important; min-height: 44px; margin: 0 !important; padding: 10px 14px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important; font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay[data-kit-tone] #vfcDeletePasswordError:empty { display: none; }

  @media (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-cards { grid-template-columns: minmax(0, 1fr); }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-kit-table button.cw-account-connect, .cw-plan-foot .cw-account-connect, .cw-manual-mode-option) { min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-sub-opt { min-height: 44px; }
  }
  @media (max-width: 767px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-field, .cw-manual-mode-section > .cw-field, .cw-master-journal-search, .cw-hangul-head, .cw-master-tab .cw-journal-group) { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 16px 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-sub-field, .cw-manual-mode-section > .cw-field, .cw-master-journal-search) > .cw-label { padding-top: 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-head { flex-direction: column; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-mp-bank { grid-template-columns: minmax(0, 1fr); }
    .kd-member-grid { grid-template-columns: minmax(0, 1fr); }
  }
}

/* ── 업체 관리 3차(2026-09-24, 피그마 「셀로 · 업체 관리 개편」 X): 업체 화면 구성 — 담당 그룹별 일지 · 고객 사이드메뉴 노출 ── */
@media screen {
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-config-tab { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-config-tab > section { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-config-tab > section + section { margin-top: 48px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cjRolesContent { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cjAddRoleBtn.is-disabled { color: var(--kit-muted) !important; box-shadow: var(--kit-shadow-xs) !important; cursor: not-allowed; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cjAddRoleBtn.is-disabled .ops-i { color: var(--kit-line); }

  /* 설정 줄 — 1·2차와 같은 킷 Settings 줄(이름 280 · 칸 512) */
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cjRolesContent > .cj-field, .cw-screen-journal-search, #cwScreenJournalSection .cw-journal-group, .cw-company-vehicles, .cw-auto-temp-settings, #cwDocTab .cw-doc-section) {
    display: grid !important; grid-template-columns: minmax(160px, 280px) minmax(0, 512px) !important; gap: 8px 32px !important; align-items: start; justify-content: start !important;
    position: static !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 20px 0 !important; overflow: visible !important;
    border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 1 !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-field-label, .cw-doc-label) { display: grid; gap: 2px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-field-label, .cw-doc-label) > .cw-label,
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-screen-journal-search, .cw-company-vehicles, .cw-auto-temp-settings) > .cw-label,
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-group-name {
    display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
    font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; letter-spacing: normal !important; text-transform: none !important; overflow-wrap: anywhere;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-field-sub, .cw-doc-section-count) { display: block; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-field-sub .cj-role-lock-status { position: static !important; display: inline !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: inherit !important; color: inherit !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-field-value, .cw-vehicle-value, .cw-auto-temp, .cw-doc-value) { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-content: stretch !important; justify-items: stretch !important; gap: 16px !important; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-journal-search > .cw-field-value { display: flex !important; align-items: center; gap: 12px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-journal-search .ops-search { flex: 1 1 auto; width: auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-search-count { flex: 0 0 auto; font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); white-space: nowrap; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cjRolesContent input.cw-input, .cw-vehicle-value input, .cw-auto-temp input.cw-input) {
    width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: auto !important; margin: 0 !important; padding: 10px 14px !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important;
    font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cjRolesContent input.cw-input, .cw-vehicle-value input, .cw-auto-temp input.cw-input):focus { border-color: var(--kit-brand-line) !important; box-shadow: 0 0 0 1px var(--kit-brand-line) !important; outline: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-inline { display: flex; align-items: center; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-inline > input { flex: 1 1 auto; }

  /* 결재 방식 — 킷 Radio group item */
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-options { display: grid; gap: 12px; width: 100%; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option { display: flex !important; align-items: flex-start; gap: 12px; margin: 0 !important; padding: 16px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option:has(input:checked) { border: 2px solid var(--kit-brand) !important; padding: 15px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option input[type=radio] { flex: 0 0 16px; width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 2px 0 0 !important; accent-color: var(--kit-brand); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option > span { display: flex; flex-wrap: wrap; gap: 0 4px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option strong { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-stage-option span span { font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important; }

  /* 사람 칸 — 킷 Select(Avatar leading) 모양 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-person-field { display: flex !important; align-items: center; gap: 8px; min-height: 44px; margin: 0 !important; padding: 0 4px 0 14px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-person-name { display: flex; align-items: baseline; gap: 8px; flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-person-name strong { font: 500 16px/24px var(--kit-font); color: var(--kit-ink); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-person-name span { font: 400 16px/24px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-person-clear, .cj-tag > button) { display: inline-grid !important; place-items: center; flex: 0 0 auto; width: 36px !important; height: 36px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; color: var(--kit-quaternary) !important; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-person-clear, .cj-tag > button):hover { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-person-clear, .cj-tag > button) .ops-i { width: 16px; height: 16px; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-role-primary-slot, .cj-role-secondary-slot) { display: grid !important; gap: 6px; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-slot-label { font: 500 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tags > .kit-sel { flex: 1 1 200px; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag { display: inline-flex !important; align-items: center; gap: 2px; min-height: 32px; margin: 0 !important; padding: 0 0 0 10px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 6px !important; background: var(--kit-paper) !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag > button { width: 30px !important; height: 30px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-card-controls { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; opacity: 1 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-card-controls > div { grid-column: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-actions { display: flex !important; align-items: center; justify-content: space-between; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-card-locked .cj-role-card-controls { pointer-events: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-card-locked .cj-role-actions > details { opacity: .4; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-role-unassigned { color: #b54708; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-add-role-inline { justify-self: start; margin-top: 20px; }

  /* 고객 사이드메뉴 노출 — 킷 Tabs(Button border) */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-sidebar-section > .kit-section-head { border-bottom: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-tabs { display: flex !important; gap: 4px; width: max-content; max-width: 100%; margin: 0 0 20px !important; padding: 4px !important; border: 1px solid var(--kit-line) !important; border-radius: 10px !important; background: var(--kit-subtle) !important; overflow-x: auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-tab { flex: 0 0 auto; min-height: 36px !important; margin: 0 !important; padding: 8px 12px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-quaternary) !important; white-space: nowrap; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-tab:hover { color: var(--kit-text) !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-tab.is-current { background: var(--kit-paper) !important; color: var(--kit-text) !important; box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cwScreenPanelJournals, #cwScreenPanelDocs) { margin: 0 !important; padding: 0 !important; border: 0 !important; border-top: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cwJournalTab, #cwDocTab) { display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(#cwJournalTab, #cwDocTab) > .cw-actions { display: flex !important; justify-content: flex-end; margin: 0 !important; padding: 20px 0 0 !important; border: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-empty { margin: 20px 0 0; }

  /* 일지 줄 — 손잡이 · 이름 · ⋮ */
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-group-name { display: block !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-group-count { display: block !important; margin: 2px 0 0 !important; }
  body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-version-use[aria-current="true"] { color: var(--kit-quaternary) !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-dropzone { display: grid !important; gap: 12px; min-height: 20px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-dropzone:empty::before { content: '없음'; font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-row { display: flex !important; align-items: center !important; gap: 8px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-row .cwJournalDragHandle { margin-left: -12px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-item { flex: 1 1 auto; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-row-title { display: block; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-journal-row-sub { font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); overflow-wrap: anywhere; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-screen-journal-actions { flex: 0 0 auto; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-screen-journal-actions > summary.cwScreenJournalMenuBtn { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; font-size: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-screen-journal-actions > summary.cwScreenJournalMenuBtn:hover,
  #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-screen-journal-actions[open] > summary.cwScreenJournalMenuBtn { background: var(--kit-subtle) !important; }

  /* 온도기록 자동생성 · 차량관리 */
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch { position: relative; display: inline-flex; align-items: center; gap: 8px; width: max-content; min-height: 24px; font: 500 14px/20px var(--kit-font); color: var(--kit-text); cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch > input { position: absolute; inset: 0; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; opacity: 0; cursor: pointer; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch-track { position: relative; flex: 0 0 36px; width: 36px; height: 20px; border-radius: 999px; background: #f5f5f5; box-shadow: inset 0 0 0 1px #00000014; transition: background .15s; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch-track::after { content: ''; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a; transition: left .15s; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch > input:checked + .cw-switch-track { background: var(--kit-brand); box-shadow: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch > input:checked + .cw-switch-track::after { left: 18px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-switch > input:focus-visible + .cw-switch-track { outline: 2px solid var(--kit-focus); outline-offset: 2px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-auto-temp-times { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-auto-temp-times > label { display: grid; gap: 6px; font: 500 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-auto-temp-actions, .cw-vehicle-save) { display: flex; flex-wrap: wrap; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-vehicle-head, .cw-vehicle-row) { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 72px; gap: 12px; align-items: center; margin: 0 !important; padding: 0 !important; border: 0 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-head { font: 500 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-rows { display: grid; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-row > .ops-btn { justify-content: center; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-remove { color: #b42318 !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-empty { font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-empty.is-error { color: #b42318; }

  /* HACCP 관련서류 · 관리계획서 */
  #page-admin-main :is(#ap-companies, .ops-kit) #cwDocTab .cw-doc-groups { display: block; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-actions { display: flex; flex-wrap: wrap; gap: 12px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-check { display: flex !important; align-items: flex-start; gap: 8px; min-width: 0; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; font: 500 14px/20px var(--kit-font); color: var(--kit-text); cursor: pointer; word-break: keep-all; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-check input { flex: 0 0 16px; width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 2px 0 0 !important; accent-color: var(--kit-brand); }

  /* 담당 일지 설정 창 — 킷 Modal(kd) */
  .cj-role-edit-overlay { position: fixed; inset: 0; z-index: 100000; align-items: center; justify-content: center; padding: 16px; box-sizing: border-box; }
  .cj-role-edit { height: min(760px, calc(100dvh - 32px)); }
  .cj-role-edit .kd-body { display: flex; flex-direction: column; gap: 16px; overflow: hidden; }
  .cj-role-edit .ops-search { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; background: var(--kit-paper, #fff); box-shadow: 0 1px 2px #0000000d; color: var(--kit-quaternary, #737373); }
  .cj-role-edit .ops-search input { flex: 1 1 auto; min-width: 0; min-height: 42px !important; height: 42px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font: 400 16px/24px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; outline: none !important; }
  .cj-role-edit .ops-search:focus-within { border-color: var(--kit-brand-line, #9e77ed); box-shadow: 0 0 0 1px var(--kit-brand-line, #9e77ed); }
  .cj-role-filters { display: inline-flex; flex-wrap: wrap; gap: 4px; padding: 4px; border: 1px solid var(--kit-line, #e5e5e5); border-radius: 10px; background: var(--kit-subtle, #fafafa); }
  .cj-role-filters .cj-role-filter { min-height: 36px !important; margin: 0 !important; padding: 8px 12px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-quaternary, #737373) !important; cursor: pointer; }
  .cj-role-filters .cj-role-filter b { font-weight: inherit; }
  .cj-role-filters .cj-role-filter.is-current { background: var(--kit-paper, #fff) !important; color: var(--kit-text, #404040) !important; box-shadow: 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a !important; }
  .cj-role-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; display: grid; align-content: start; border-top: 1px solid var(--kit-line, #e5e5e5); }
  .cj-role-list .cj-role-cat { position: sticky; top: 0; z-index: 1; padding: 16px 0 8px; background: var(--kit-paper, #fff); font: 600 14px/20px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .cj-role-list .cj-role-row { display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; cursor: pointer; }
  .cj-role-list .cj-role-row input { flex: 0 0 16px; width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 2px 0 0 !important; accent-color: var(--kit-brand, #7f56d9); }
  .cj-role-row-text { display: grid; min-width: 0; }
  .cj-role-row-name { font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  .cj-role-row .assign-hint { font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  .cj-role-row.is-checked .assign-hint { display: none; }
  .cj-role-row.is-locked { cursor: not-allowed; }
  .cj-role-row.is-locked .cj-role-row-name { color: var(--kit-quaternary, #737373); }
  .cj-role-edit .kd-foot > .kd-btn { flex: 1 1 0; }

  /* 사용 판 창 — 가운데 뜨는 관리 창을 킷 Modal 모양으로 */
  .cw-action-menu-backdrop:has(> #cwJournalCtxMenu) { background: rgb(10 13 18 / 70%) !important; backdrop-filter: blur(8px); }
  #cwJournalCtxMenu.cw-journal-ledger-menu { width: min(640px, calc(100vw - 32px)) !important; max-width: none !important; padding: 0 !important; border: 0 !important; border-radius: 16px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; font: 400 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-text, #404040); }
  #cwJournalCtxMenu .cw-journal-menu-heading { margin: 0 !important; padding: 24px 24px 20px !important; border-bottom: 1px solid var(--kit-line, #e5e5e5) !important; font: 600 16px/24px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; }
  #cwJournalCtxMenu > section { margin: 0 !important; padding: 12px 24px !important; }
  #cwJournalCtxMenu > section h3 { margin: 8px 0 !important; font: 600 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; }
  #cwJournalCtxMenu.cw-journal-ledger-menu.is-versions { display: flex !important; flex-direction: column !important; }
  #cwJournalCtxMenu.cw-journal-ledger-menu.is-versions > .cw-journal-menu-versions { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
  #cwJournalCtxMenu.is-versions > .cw-journal-menu-versions > h3 { display: none; }
  #cwJournalCtxMenu .cw-journal-version-option { display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px 16px; padding: 16px 0 !important; border-bottom: 1px solid var(--kit-line, #e5e5e5); background: none !important; }
  #cwJournalCtxMenu .cw-journal-version-option:last-child { border-bottom: 0; }
  #cwJournalCtxMenu .cw-journal-version-text { display: grid; min-width: 0; }
  #cwJournalCtxMenu .cw-journal-version-text strong { font: 500 14px/20px var(--kit-font, sans-serif); color: var(--kit-text, #404040); }
  #cwJournalCtxMenu .cw-journal-version-text span { font: 400 14px/20px var(--kit-font, sans-serif); color: var(--kit-tertiary, #525252); }
  #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-version-option > .cw-journal-version-actions { display: flex !important; flex-direction: row !important; flex-wrap: wrap; align-items: center !important; gap: 8px !important; margin: 0 !important; }
  #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-version-option > .cw-journal-version-text { display: grid !important; flex: 1 1 160px; margin: 0 !important; }
  #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-version-actions > .cw-version-btn { display: inline-flex !important; width: auto !important; align-items: center; justify-content: center; min-height: 36px !important; margin: 0 !important; padding: 8px 12px !important; border: 1px solid var(--kit-input-line, #d4d4d4) !important; border-radius: 8px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 1px 2px #0000000d !important; font: 600 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-text, #404040) !important; white-space: nowrap; cursor: pointer; }
  #cwJournalCtxMenu .cw-version-btn:hover:not(:disabled) { background: var(--kit-subtle, #fafafa) !important; }
  #cwJournalCtxMenu .cw-version-btn:disabled, #cwJournalCtxMenu .cw-version-use[aria-current="true"] { color: var(--kit-quaternary, #737373) !important; box-shadow: none !important; cursor: default; }
  #cwJournalCtxMenu .cw-journal-menu-current { font: 600 12px/18px var(--kit-font, sans-serif); color: #067647; }
  #cwJournalCtxMenu > .cw-action-menu-foot { position: static !important; margin: 0 !important; padding: 20px 24px 24px !important; border-top: 1px solid var(--kit-line, #e5e5e5) !important; border-radius: 0 0 16px 16px !important; background: var(--kit-paper, #fff) !important; }
  #cwJournalCtxMenu .cw-action-menu-close { height: 44px !important; border: 1px solid var(--kit-input-line, #d4d4d4) !important; border-radius: 8px !important; box-shadow: 0 1px 2px #0000000d !important; font: 600 16px/24px var(--kit-font, sans-serif) !important; color: var(--kit-text, #404040) !important; }

  @media (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-person-clear, .cj-tag > button) { width: 44px !important; height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag { min-height: 44px; }
    #page-admin-main :is(#ap-companies, .ops-kit) #cwScreenJournalSection .cw-screen-journal-actions > summary.cwScreenJournalMenuBtn { width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cj-stage-option, .cw-screen-tab, .cw-switch, .cw-doc-check) { min-height: 44px !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-check { align-items: center; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-check input { margin-top: 0 !important; }
    .cj-role-filters .cj-role-filter, #cwJournalCtxMenu .cw-version-btn { min-height: 44px !important; }
    .cj-role-list .cj-role-row { min-height: 44px; align-items: center; }
    .cj-role-list .cj-role-row input { margin-top: 0 !important; }
  }
  @media (max-width: 767px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(#cjRolesContent > .cj-field, .cw-screen-journal-search, #cwScreenJournalSection .cw-journal-group, .cw-company-vehicles, .cw-auto-temp-settings, #cwDocTab .cw-doc-section) { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; padding: 16px 0 !important; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-doc-grid, #page-admin-main :is(#ap-companies, .ops-kit) .cw-auto-temp-times { grid-template-columns: minmax(0, 1fr); }
    #page-admin-main :is(#ap-companies, .ops-kit) :is(.cw-vehicle-head, .cw-vehicle-row) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-head > span:last-child { display: none; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-vehicle-row > .ops-btn { grid-column: 1 / -1; justify-self: start; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-tabs { width: 100%; }
    #page-admin-main :is(#ap-companies, .ops-kit) .cw-screen-journal-search > .cw-field-value { flex-wrap: wrap; }
  }
}

/* ── 킷 화면 다듬기(2026-09-24 대표님 지적) ──
   점·테두리 상태 딱지는 「AI 티」 — 글자만 두고 주의·문제만 색으로 갈라 둔다.
   줄의 「접속」·「미리보기」는 예전처럼 테두리 있는 작은 단추.
   사람 이름 옆은 이름 첫 글자 대신 사람 모양(계정 목록과 같은 그림). */
@media screen {
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge, .kd .ops-badge {
    display: inline !important; gap: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: none !important; box-shadow: none !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; white-space: nowrap;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge .ops-dot, .kd .ops-badge .ops-dot { display: none !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge.is-warning, .kd .ops-badge.is-warning { color: #b54708 !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-badge.is-error, .kd .ops-badge.is-error { color: #b42318 !important; }

  #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-account-connect, button.cw-account-link), .kd button.cw-account-connect {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 36px !important; padding: 7px 12px !important;
    border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important;
    box-shadow: var(--kit-shadow-xs) !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-account-connect, button.cw-account-link):hover, .kd button.cw-account-connect:hover { background: var(--kit-subtle) !important; }

  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-avatar.is-person,
  #page-admin-main.admin-kit-shell #adminNav .admin-kit-avatar.is-person {
    background: url('/icons/admin-person.svg') center / 100% 100% no-repeat !important; box-shadow: none !important; border: 0 !important; font-size: 0 !important;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb-avatar.is-person { color: var(--kit-quaternary); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-crumb-avatar.is-person .ops-i { width: 16px; height: 16px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-person-avatar,
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag-avatar,
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-person-icon {
    display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; border: 0 !important; border-radius: 50% !important;
    background: url('/icons/admin-person.svg') center / 100% 100% no-repeat !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag-avatar { flex-basis: 20px; width: 20px; height: 20px; margin-right: 6px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-tag { padding-left: 6px !important; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-person-icon { vertical-align: middle; margin-right: 8px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-input-person { position: relative; display: block; flex: 1 1 auto; min-width: 0; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cj-input-person > .cj-person-avatar { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
  #page-admin-main :is(#ap-companies, .ops-kit) #cjRolesContent .cj-input-person > input.cw-input { padding-left: 46px !important; }
  @media (max-width: 1024px) {
    #page-admin-main :is(#ap-companies, .ops-kit) :is(button.cw-account-connect, button.cw-account-link), .kd button.cw-account-connect { min-height: 44px !important; }
  }
}

/* ── 킷 화면 다듬기 2(2026-09-24 대표님 「해라」): 숫자 네모 딱지 → 글자, 공지 별 그림·작은 회색 글씨 정리 ── */
@media screen {
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-count {
    display: inline !important; margin-left: 6px; padding: 0 !important; border: 0 !important; border-radius: 0 !important;
    background: none !important; box-shadow: none !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-tertiary) !important;
  }
  #page-admin-main :is(#ap-companies, .ops-kit) .ops-tab .ops-count { margin-left: 4px; }
  #page-admin-main :is(#ap-companies, .ops-kit) .cw-plan-line .cw-bill-sub { font: inherit !important; color: inherit !important; }
  #page-admin-main.admin-kit-shell .admin-notice-dot { display: none !important; }
}

/* ── 관리자 메뉴 14개 킷 화면(2026-09-24 대표님 「반영해라」, 피그마 「셀로 · 관리자 홈 개편」 N1~N14·N1-1~N14-8) ──
   화면 뿌리(#ap-…)에 .ops-kit 를 붙이면 위 ops-* 규칙이 모두 걸린다. 여기는 그 화면들에만 새로 필요한 것만 둔다. */
@media screen {
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) { color: var(--kit-text); font: 400 14px/20px var(--kit-font); word-break: keep-all; }
  #page-admin-main .ops-kit *, .ok-dialog * { box-sizing: border-box; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card + .ops-card { margin-top: 24px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) [hidden] { display: none !important; }

  /* 표 안 글자색: 문제만 빨강, 주의만 주황(점·테두리 딱지 없이 글자만 — 대표님 2026-09-24) */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table td.ok-tone-red, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-tone-red { color: var(--kit-danger) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-table td.ok-tone-amber, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-tone-amber { color: #dc6803 !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-acts { display: inline-flex; gap: 8px; justify-content: flex-end; }

  /* 줄 단추 — 테두리 있는 작은 단추(접속 단추와 같은 모양) */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.ok-row-btn { min-height: 36px !important; padding: 6px 12px !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.ok-row-btn.is-danger { color: var(--kit-danger) !important; }

  /* 기간 고르기(킷 Date picker / Dual dates — 왼쪽 빠른 기간 + 달력) */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal { display: flex; width: auto; max-width: calc(100vw - 32px); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-presets { display: grid; align-content: start; gap: 2px; width: 152px; padding: 12px; border-right: 1px solid var(--kit-line); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-preset {
    display: flex !important; align-items: center; min-height: 40px !important; height: auto !important; padding: 8px 12px !important; border: 0 !important; border-radius: 6px !important;
    background: transparent !important; box-shadow: none !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; text-align: left; cursor: pointer;
  }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-preset:hover, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-preset.is-on { background: var(--kit-subtle) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-main { width: 328px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-day.is-in-range { background: var(--kit-subtle) !important; border-radius: 0 !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-range-btn .ops-i { color: var(--kit-quaternary); }

  /* 창 안 값 한 줄(수정 전·차이처럼 고칠 수 없는 칸) */
  .kd .kd-value { display: flex; align-items: center; min-height: 44px; font: 400 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); overflow-wrap: anywhere; }
  .kd.is-xwide { width: min(1000px, calc(100vw - 32px)); }
  .kd .kd-featured.is-danger { color: var(--kit-danger, #e00000); }

  /* 쪽 넘김 없는 표 카드: 마지막 줄 바탕이 둥근 모서리의 테두리를 덮지 않게 */
  #page-admin-main .ops-kit .ops-card .ops-scroll { border-radius: 0 0 11px 11px !important; }
  /* 카드 머리 오른쪽 도구(온도 변화 고르기 · 온도 기록 날짜) */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-card-head.ok-card-tools { justify-content: space-between; flex-wrap: wrap; gap: 12px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-tools .kit-sel { width: 180px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-count { font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-date { min-height: 40px !important; padding: 8px 12px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-chart { position: relative; height: 320px; padding: 20px 24px 24px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-scroll-y { max-height: 480px; overflow-y: auto; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-group-row td { background: var(--kit-subtle) !important; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-indent { padding-left: 48px !important; }
  /* 마스터 일지(피그마 N5): 줄 끝 단추 셋 · 필터 펼침 · 같은 이름 묶음 */
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) td.ops-act > .ops-btn + .ops-btn { margin-left: 8px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) td.ops-act { white-space: nowrap; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter { position: relative; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter > summary { list-style: none; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter > summary::-webkit-details-marker { display: none; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter > .ops-menu { min-width: 220px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-card-rows { display: grid; gap: 12px; padding: 16px 24px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-card-rows.is-wrap { display: flex; flex-wrap: wrap; gap: 8px 16px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-card-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-card-row > b { font: 500 14px/20px var(--kit-font); color: var(--kit-ink); }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-details > summary { padding: 20px 24px; font: 600 16px/24px var(--kit-font); color: var(--kit-ink); cursor: pointer; }
  #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-mono { font: 400 13px/20px ui-monospace, SFMono-Regular, Menlo, monospace; color: var(--kit-tertiary); }
  /* 창 안 고르기 칩 · 체크 목록 */
  .kd .ok-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  .kd .ops-btn.ok-chip, .kd .ops-btn.ok-row-btn {
    display: inline-flex !important; align-items: center; justify-content: center; min-height: 40px !important; height: auto !important; padding: 8px 14px !important;
    border: 1px solid var(--kit-input-line, #d4d4d4) !important; border-radius: 8px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 1px 2px #0000000d, inset 0 -2px 0 0 #0000000d !important;
    font: 600 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-text, #404040) !important; cursor: pointer;
  }
  .kd .ops-btn.ok-chip.is-on { border-color: var(--kit-brand, #7f56d9) !important; background: var(--kit-subtle, #fafafa) !important; color: var(--kit-brand-text, #6941c6) !important; }
  .kd .ops-btn.ok-row-btn.is-danger { color: var(--kit-danger, #e00000) !important; }
  .kd .ok-kd-group { display: grid; gap: 16px; }
  .kd .ok-check-list { display: grid; gap: 2px; max-height: 220px; overflow: auto; padding: 4px 14px; border: 1px solid var(--kit-input-line, #d4d4d4); border-radius: 8px; box-shadow: 0 1px 2px #0000000d; }
  .kd .ok-mono { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-all; }
  .kd .ops-btn.ok-row-btn.is-on { border-color: var(--kit-brand, #7f56d9) !important; color: var(--kit-brand-text, #6941c6) !important; }
  .kd .mjr-jex-list { display: grid; gap: 8px; }
  .kd .ok-paper { max-height: min(62vh, 680px); overflow: auto; padding: 16px; border: 1px solid var(--kit-line, #e5e5e5); border-radius: 8px; background: #fff; }
  .kd .ok-radio-list { display: grid; gap: 4px; }
  .kd .kd-empty.is-error { color: var(--kit-danger, #e00000); }
  /* 3묶음 창: 사람 이름엔 사람 모양, 첨부 줄, 빨간 글자 단추(반려·삭제) */
  .kd .ok-who { display: inline-flex; align-items: center; gap: 8px; min-width: 0; overflow-wrap: anywhere; }
  .kd .ok-who-i { flex: 0 0 32px; width: 32px; height: 32px; background: url('/icons/admin-person.svg') center / 100% 100% no-repeat; }
  .kd .ok-who-list { display: grid; gap: 8px; padding: 6px 0; font: 400 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .kd .kd-value.is-danger { color: var(--kit-danger, #e00000); }
  /* 읽기만 하는 상세(신청 상세 등): 줄 사이를 붙여 한 줄 44px 로 */
  .kd .ok-kd-list { display: grid; gap: 0; }
  .kd .ok-kd-list .kd-label { padding-top: 12px; }
  .kd .ok-kd-list .kd-divider { margin: 12px 0; }
  .kd .ok-file-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 44px; }
  .kd .ok-file-row > span { min-width: 0; overflow-wrap: anywhere; font: 400 16px/24px var(--kit-font, sans-serif); color: var(--kit-ink, #171717); }
  .kd a.ops-btn.ok-row-btn { text-decoration: none; }
  .kd-btn.is-danger-text { color: var(--kit-danger, #e00000); }
  .kd .ok-acts-inline { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 44px; }
  .kd [hidden], .kd .ops-btn.ok-row-btn[hidden], .kd .kd-btn[hidden] { display: none !important; }
  .kd .ok-field-inline { display: flex; align-items: center; gap: 12px; }
  .kd .ok-field-inline > .kd-input { flex: 1 1 auto; min-width: 0; }
  .kd .ok-field-inline > .ops-btn { flex: 0 0 auto; }
  .kd .ok-field-after { margin-top: 12px; }
  .kd .kd-input.ok-plain-value:disabled { padding-left: 0 !important; border-color: transparent !important; background: transparent !important; box-shadow: none !important; color: var(--kit-ink, #171717) !important; }
  .kd .ok-notice-img { display: block; max-width: 100%; max-height: 200px; border-radius: 8px; object-fit: contain; }
  .kd .kd-value.ok-notice-body { display: block; padding-top: 10px; }
  /* 표 안 「12곳」 — 누르면 업체 이름이 펼쳐진다 */
  #page-admin-main .ops-kit .ok-count-details > summary { list-style: none; cursor: pointer; }
  #page-admin-main .ops-kit .ok-count-details > summary::-webkit-details-marker { display: none; }
  #page-admin-main .ops-kit .ok-gap { height: 24px; }
  /* 이름 · 값 줄(AI SELO · 데이터 관리, 피그마 N12·N14) — 줄마다 아래 선 */
  #page-admin-main .ops-kit .ok-kv { margin: 0; }
  #page-admin-main .ops-kit .ok-kv-row { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 8px 32px; align-items: center; min-height: 80px; padding: 20px 0; border-bottom: 1px solid var(--kit-line); }
  #page-admin-main .ops-kit .ok-kv-row > dt { font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; }
  #page-admin-main .ops-kit .ok-kv-row > dd { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; min-width: 0; margin: 0; font: 400 16px/24px var(--kit-font); color: var(--kit-ink); overflow-wrap: anywhere; }
  #page-admin-main .ops-kit .ok-kv-row > dd > .ok-kv-field { flex: 0 1 512px; min-width: 0; }
  #page-admin-main .ops-kit .ok-kv-row > dd .ok-sub { flex-basis: 100%; font: 400 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main .ops-kit .ok-kv-row > dd .ok-sub.is-red { color: var(--kit-danger); }
  #page-admin-main .ops-kit .ok-kv-row > dd .ok-sub.is-amber { color: #dc6803; }
  #page-admin-main .ops-kit .ok-kv-row > dd .ok-sub:empty { display: none; }
  #page-admin-main .ops-kit .ok-kv-row > dd .ai-console-link { color: var(--kit-tertiary); text-decoration: underline; }
  @media (min-width: 768px) {
    #page-admin-main #accessLogFilter .ops-filters-side { flex-wrap: nowrap; }
    #page-admin-main #accessLogFilter .ops-search { width: 280px; }
    /* 메모 칸이 남는 폭만 쓰고 넘치면 말줄임 — 줄 끝 [수정]이 1280 폭부터 옆으로 밀리지 않게(전체 글은 title) */
    #page-admin-main #accessLogWrap .ops-table th.is-wide { width: auto; }
    #page-admin-main #accessLogWrap .ops-table td.acc-log-description { width: 100%; max-width: 0; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    #page-admin-main #accessLogWrap .ops-table td.acc-log-ip { max-width: 160px; overflow: hidden; text-overflow: ellipsis; }
  }
  /* 긴 업체명·제목·옵션·대상은 줄바꿈 — 결제·공지·접속 로그·HACCP News 표가 옆으로 넘치지 않게 */
  #page-admin-main :is(#adminPaymentsList, #accessLogWrap, #ap-haccp-news) .ops-table td .ops-name,
  #page-admin-main #adminPaymentsList .ops-table td[data-label="옵션"],
  #page-admin-main #adminNoticeFullList .ops-table td[data-label="대상"] { white-space: normal; word-break: keep-all; }
  #page-admin-main #adminPaymentsList .ops-table td .ops-name { overflow-wrap: anywhere; }
  #page-admin-main .ops-kit .ok-inline-error { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--kit-line); border-radius: 12px; font: 400 14px/20px var(--kit-font); color: var(--kit-danger); }
  #page-admin-main .ops-kit .ok-kv + .ops-card, #page-admin-main .ops-kit .ops-card + .ai-conversations { margin-top: 32px; }
  #page-admin-main .admin-main-body .ops-kit select.ok-input:is(select):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) { appearance: none; padding-right: 40px !important; background: var(--kit-paper) url('/icons/admin-chevron-down.svg') right 12px center / 20px 20px no-repeat !important; }
  #page-admin-main .ops-kit .ok-kv + .ops-card, #page-admin-main .ops-kit .ok-kv + .ai-conversations { margin-top: 32px; }
  /* 옛 관리자 입력칸 규칙(admin-kit.css, 특이도 1-6-1)보다 한 단 높게 */
  #page-admin-main .admin-main-body .ops-kit .ok-input:is(input, select, textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {
    display: block; width: 100% !important; min-height: 40px !important; height: auto !important; margin: 0 !important; padding: 8px 12px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important;
    background: var(--kit-paper) !important; box-shadow: var(--kit-shadow-xs) !important; font: 400 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; outline: none;
  }
  #page-admin-main .admin-main-body .ops-kit .ok-input:is(input, select, textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):focus { border-color: var(--kit-brand-line) !important; box-shadow: 0 0 0 1px var(--kit-brand-line) !important; }
  #page-admin-main .ops-kit .ok-acts-inline { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  #page-admin-main .ops-kit .ok-bar { flex: 0 1 470px; height: 8px; border-radius: 999px; background: var(--kit-line); overflow: hidden; }
  #page-admin-main .ops-kit .ok-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--kit-brand); }
  #page-admin-main .ops-kit .ok-bar.is-red > span { background: var(--kit-danger); }
  /* 일괄 단추 줄 · 고르기 칸 · 표 안 안내 한 줄 · 진행 상황(HACCP News, 피그마 N10) */
  #page-admin-main .ops-kit .ok-bulk-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 24px 0; }
  #page-admin-main .ops-kit .ok-bulk-count { margin-left: auto; font: 500 14px/20px var(--kit-font); color: var(--kit-tertiary); }
  #page-admin-main .ops-kit .ops-table .ok-check-cell { width: 56px; padding-right: 0 !important; }
  #page-admin-main .ops-kit .ops-table input[type=checkbox] { width: 16px !important; height: 16px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; accent-color: var(--kit-brand); cursor: pointer; }
  #page-admin-main .ops-kit .ops-table .ok-cell-msg { padding: 32px 24px !important; text-align: center; color: var(--kit-tertiary); }
  #page-admin-main .ops-kit .ops-table tr:has(input[type=checkbox]:checked) > td { background: var(--kit-subtle); }
  #page-admin-main .ops-kit .ok-progress { display: grid; gap: 8px; margin: 24px 0 0; padding: 16px 20px; border: 1px solid var(--kit-line); border-radius: 12px; background: var(--kit-paper); font: 400 14px/20px var(--kit-font); color: var(--kit-text); }
  #page-admin-main .ops-kit .ok-progress progress { width: 100%; height: 8px; accent-color: var(--kit-brand); }
  #page-admin-main .ops-kit .ok-progress ul { max-height: 160px; margin: 0; padding-left: 20px; overflow-y: auto; }
  #page-admin-main .ops-kit .ok-progress .ops-btn { justify-self: start; }
  #page-admin-main .ops-kit .ok-count-details ul { display: grid; gap: 4px; margin: 8px 0 0; padding: 0; list-style: none; font: 400 13px/18px var(--kit-font); color: var(--kit-tertiary); white-space: nowrap; }
  /* 킷 드롭다운 메뉴(피그마 N5-1 등) — body 에 붙으므로 화면 범위 밖에 둔다 */
  .ok-menu { position: fixed; z-index: 99999; min-width: 216px; padding: 4px 0; background: var(--kit-paper, #fff); border: 1px solid #0000001a; border-radius: 8px; box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008; }
  .ok-menu .ok-menu-item { display: flex !important; align-items: center; width: calc(100% - 8px) !important; min-height: 40px !important; height: auto !important; margin: 1px 4px !important; padding: 8px 10px !important; border: 0 !important; border-radius: 6px !important; background: none !important; box-shadow: none !important; font: 500 14px/20px var(--kit-font, sans-serif) !important; color: var(--kit-ink, #171717) !important; text-align: left; cursor: pointer; }
  .ok-menu .ok-menu-item:is(:hover, :focus-visible) { background: var(--kit-subtle, #fafafa) !important; outline: none; }
  @media (max-width: 1024px) {
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-btn.ok-row-btn, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-preset, #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-date { min-height: 44px !important; }
    .kd .ops-btn.ok-chip, .kd .ops-btn.ok-row-btn { min-height: 44px !important; }
    .ok-menu .ok-menu-item { min-height: 44px !important; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search { min-height: 44px; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ops-search input { min-height: 44px !important; height: 44px !important; }
    #page-admin-main .admin-main-body .ops-kit .ok-input:is(input, select, textarea):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) { min-height: 44px !important; }
  }
  @media (max-width: 767px) {
    /* 폰: 기간 고르기는 화면 가운데 뜨는 창(아래 메뉴 줄에 가리지 않게) */
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal {
      position: fixed; top: 50%; left: 16px; right: 16px; z-index: 10050; flex-direction: column; width: auto; max-width: none;
      max-height: calc(100dvh - 32px); overflow-y: auto; transform: translateY(-50%); box-shadow: 0 0 0 100vmax rgb(10 13 18 / 50%), 0 20px 24px -4px #00000014 !important;
    }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-presets { display: flex; flex-wrap: wrap; width: auto; border-right: 0; border-bottom: 1px solid var(--kit-line); }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-cal-main { width: 100%; max-width: 360px; margin: 0 auto; }
    /* 폰: 필터 메뉴는 단추 아래로 펼쳐 밀어낸다(떠 있으면 아래 메뉴 줄에 가림) */
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter[open] { flex: 1 1 100%; }
    #page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) .ok-filter > .ops-menu { position: static; min-width: 0; margin-top: 8px; }
    #page-admin-main .ops-kit .ok-kv-row { grid-template-columns: minmax(0, 1fr); gap: 12px; min-height: 0; }
  }
}
#page-admin-main :is(#adminOperationsHome, #ap-companies, .ops-kit) :is(.ok-cal-preset) { border-radius: 6px !important; }