/* Purchased Untitled UI VARIABLES v8. Settings 02 / 6277:292893. Implementation of approved frame 18048:24958, file dSgbJDMMllCFGYKTqloJY2. No global/customer journal rules. Dark values live in theme-dark.css. Existing --ov-* names are mapped locally to preserve the older view templates. */ /* Retained admin schedule/progress surfaces; never targets the customer calendar. */ #page-admin-main.admin-kit-shell .admin-schedule-facts { display: flex; flex-wrap: wrap; gap: 8px 24px; margin: 0 0 24px; padding: 16px 0; border-bottom: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .admin-schedule-facts > div { display: flex; gap: 12px; align-items: baseline; font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .admin-schedule-facts dt { color: var(--kit-muted); } #page-admin-main.admin-kit-shell .admin-schedule-facts dd { margin: 0; color: var(--kit-ink); font-variant-numeric: tabular-nums; } #page-admin-main.admin-kit-shell #adminScheduleWrap .cal-event { border: 0 !important; background: transparent !important; color: var(--kit-text) !important; box-shadow: none !important; } #page-admin-main.admin-kit-shell #adminScheduleWrap .cal-event.done { color: var(--kit-muted) !important; text-decoration: line-through; } #page-admin-main.admin-kit-shell #adminScheduleWrap .cal-event-icon { display: none; } #page-admin-main.admin-kit-shell #adminScheduleWrap .cal-cell { min-width: 0; } #page-admin-main.admin-kit-shell .admin-journal-progress { width: 100%; table-layout: fixed; } #page-admin-main.admin-kit-shell .admin-journal-progress :is(th,td) { white-space: normal !important; overflow-wrap: anywhere; padding: 16px 20px !important; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text); border-bottom: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .admin-journal-progress th:first-child { width: 50%; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog { min-width: 0; box-sizing: border-box; max-height: calc(100dvh - 32px) !important; overflow-y: auto; background: var(--kit-paper) !important; color: var(--kit-text); font: 400 14px/20px var(--kit-font); border-radius: 16px !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog :is(button,input) { box-sizing: border-box; font: 500 14px/20px var(--kit-font) !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; color: var(--kit-text) !important; background: var(--kit-paper) !important; padding: 8px 12px !important; min-height: 36px; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog button[onclick^="_logBDDelete"] { color: var(--kit-danger) !important; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog :is(th,td) { font: 400 14px/20px var(--kit-font) !important; padding: 16px 20px !important; border-bottom: 1px solid var(--kit-line); background: var(--kit-paper) !important; color: var(--kit-text) !important; } body:has(#page-admin-main.admin-kit-shell.active) #_logBDTableWrap { min-height: 0; overflow: auto !important; } body:has(#page-admin-main.admin-kit-shell.active) #_logBDEditOv .admin-kit-log-dialog > div:last-child { justify-content: flex-end; margin-top: 24px !important; } body:has(#page-admin-main.admin-kit-shell.active) #_logBDEditOv button { flex: 0 0 auto !important; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog .admin-kit-log-close { font-size: 0 !important; display: grid; place-items: center; padding: 8px !important; width: 36px !important; height: 36px !important; border: 0 !important; background: transparent !important; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-close::before { content: ''; display: block; width: 20px; height: 20px; background: var(--kit-muted); mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog :is(button,input):focus-visible { outline: 2px solid var(--kit-focus); outline-offset: 2px; } @media (max-width: 1024px) { #page-admin-main.admin-kit-shell .admin-schedule-layout { grid-template-columns: minmax(0,1fr) !important; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog :is(button,input) { min-width: 44px; min-height: 44px; } body:has(#page-admin-main.admin-kit-shell.active) .admin-kit-log-dialog .admin-kit-log-close { width: 44px !important; height: 44px !important; } } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .admin-journal-progress :is(th,td) { padding-inline: 12px !important; } #page-admin-main.admin-kit-shell #adminScheduleWrap .cal-grid { padding-inline: 0 !important; } } @font-face { font-family: "Selo Admin Inter"; src: url('/fonts/InterVariable.woff2') format('woff2'); font-style: normal; font-weight: 100 900; font-display: swap; } /* The new kit heading is not a grid cell in the retained non-kit workspace. Without this, it displaces the settings list into a zero-height grid row. */ #page-admin-main:not(.admin-kit-shell) .cw-kit-heading { display: none; } #page-admin-main.admin-kit-shell, body:has(#page-admin-main.admin-kit-shell.active) { --kit-paper: #fff; --kit-subtle: #fafafa; --kit-hover: #f5f5f5; --kit-ink: #171717; --kit-text: #404040; --kit-muted: #737373; --kit-line: #e5e5e5; --kit-input-line: #d4d4d4; --kit-danger: #e00000; --kit-focus: #2563eb; --kit-font: "Selo Admin Inter", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; --ov-paper: var(--kit-paper); --ov-bg: var(--kit-paper); --ov-ink: var(--kit-ink); --ov-no: var(--kit-muted); --ov-line: var(--kit-line); --ov-line2: var(--kit-input-line); --ov-line3: var(--kit-line); --ov-frame: var(--kit-line); --ov-head: var(--kit-subtle); --ov-bar: var(--kit-paper); --ov-tool: var(--kit-subtle); --ov-btn: var(--kit-paper); --ov-btn-line: var(--kit-input-line); --ov-hover: var(--kit-hover); --ov-sel: var(--kit-hover); --ov-bad: var(--kit-danger); --ov-pg-on: var(--kit-hover); --ov-pg-on-ink: var(--kit-ink); font-family: var(--kit-font); color: var(--kit-text); background: var(--kit-paper); } #page-admin-main.admin-kit-shell .admin-dash { background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .admin-topbar { min-height: 64px !important; height: auto !important; padding: 12px 32px !important; background: var(--kit-paper) !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; gap: 24px !important; box-shadow: none !important; flex-wrap: nowrap; overflow: visible; } #page-admin-main.admin-kit-shell .admin-topbar-left { flex: 0 0 auto !important; gap: 12px; } #page-admin-main.admin-kit-shell .admin-topbar .admin-topbar-left img { display: block !important; width: 144px !important; height: auto !important; aspect-ratio: 1568 / 347; object-fit: contain; flex: 0 0 auto; } #page-admin-main.admin-kit-shell .admin-topbar-badge { font: 500 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; background: none !important; border: 0 !important; padding: 0 !important; } #page-admin-main.admin-kit-shell .admin-topbar-right { display: block !important; margin-left: auto; flex: 0 0 auto; } #page-admin-main.admin-kit-shell #adminNav { display: flex !important; position: static !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; padding: 0 !important; gap: 4px !important; background: transparent !important; border: 0 !important; overflow: visible !important; flex-direction: row !important; align-items: center; box-shadow: none !important; } #page-admin-main.admin-kit-shell #adminNav .admin-sidebar-toggle-wrap { display: none !important; } #page-admin-main.admin-kit-shell #adminNav .admin-sidebar-group { display: block !important; border: 0 !important; margin: 0 !important; padding: 0 !important; position: relative; } #page-admin-main.admin-kit-shell.admin-ledger-shell #adminNav > .admin-sidebar-group { display: block !important; flex: 0 0 auto !important; } #page-admin-main.admin-kit-shell.admin-ledger-shell #adminNav .admin-nav-item { flex: 0 0 auto !important; } #page-admin-main.admin-kit-shell #adminNav .admin-nav-icon { display: none !important; } #page-admin-main.admin-kit-shell #adminNav .admin-nav-item, #page-admin-main.admin-kit-shell .admin-kit-nav-menu > summary, #page-admin-main.admin-kit-shell .admin-kit-utilities > summary { min-height: 36px !important; width: auto !important; padding: 8px 12px !important; border: 0 !important; background: transparent !important; border-radius: 6px !important; font: 600 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; cursor: pointer; list-style: none; white-space: nowrap; box-shadow: none !important; } #page-admin-main.admin-kit-shell summary::-webkit-details-marker { display: none; } #page-admin-main.admin-kit-shell .admin-kit-nav-menu[open] > summary, #page-admin-main.admin-kit-shell #adminNav .admin-nav-item:hover, #page-admin-main.admin-kit-shell .admin-kit-nav-menu > summary:hover { background: var(--kit-hover) !important; text-decoration: none !important; } #page-admin-main.admin-kit-shell .admin-kit-nav-options, #page-admin-main.admin-kit-shell .admin-kit-utility-options { position: absolute; top: calc(100% + 8px); left: 0; z-index: 1100; min-width: 216px; padding: 6px !important; background: var(--kit-paper); border: 1px solid var(--kit-line); border-radius: 8px; box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008; } #page-admin-main.admin-kit-shell #adminNav .admin-kit-nav-options .admin-nav-item { display: flex !important; width: 100% !important; justify-content: flex-start; text-align: left; } #page-admin-main.admin-kit-shell .admin-kit-utilities { position: relative; } #page-admin-main.admin-kit-shell .admin-kit-utility-options { left: auto; right: 0; display: grid; gap: 4px; } #page-admin-main.admin-kit-shell .admin-kit-utility-options button { width: 100%; text-align: left; } #page-admin-main.admin-kit-shell .admin-kit-utility-options #adminClockDisp { padding: 8px 12px; font: 400 12px/18px var(--kit-font); color: var(--kit-muted); } /* The assistant entry lives in Account/settings on admin, not over work buttons. Require the replacement entry before hiding the shared customer launcher. */ body:has(#page-admin-main.admin-kit-shell.active #adminKitAssistant) #selobunFab { display: none !important; } #page-admin-main.admin-kit-shell .admin-main-body { background: var(--kit-paper) !important; padding: 32px !important; width: 100%; max-width: 1280px; margin: 0 auto; } #page-admin-main.admin-kit-shell .admin-main-body :is(div, span, p, label, strong, th, td, summary, h2, h3) { font-family: var(--kit-font) !important; letter-spacing: normal !important; } #page-admin-main.admin-kit-shell .admin-page-header { margin-bottom: 24px !important; padding: 0 !important; background: transparent !important; border: 0 !important; } #page-admin-main.admin-kit-shell :is(.admin-page-title, .admin-compact-heading h2, .mjr-review-title) { font: 600 20px/30px var(--kit-font) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .admin-main-body button, #page-admin-main.admin-kit-shell .admin-topbar-right button { min-height: 36px; padding: 8px 12px !important; height: auto !important; font: 600 14px/20px var(--kit-font) !important; letter-spacing: normal !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: 0 1px 2px #0000000d !important; } #page-admin-main.admin-kit-shell .admin-main-body button:hover:not(:disabled) { background: var(--kit-hover) !important; } #page-admin-main.admin-kit-shell .admin-main-body button[aria-pressed="true"], #page-admin-main.admin-kit-shell .admin-kit-nav-menu:has(.active) > summary { background: var(--kit-hover) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .admin-main-body button[style*="color:var(--danger)"] { color: var(--kit-danger) !important; } #page-admin-main.admin-kit-shell .admin-main-body button:disabled { opacity: .5; cursor: not-allowed; } #page-admin-main.admin-kit-shell :is(button, summary, a, input, select, textarea, [role=button]):focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 3px; } #page-admin-main.admin-kit-shell .admin-main-body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea) { font: 400 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; background: var(--kit-paper) !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; padding: 10px 14px !important; min-height: 40px !important; height: auto !important; box-shadow: 0 1px 2px #0000000d; } #page-admin-main.admin-kit-shell :is(input[type=checkbox], input[type=radio]) { accent-color: var(--kit-focus); } #page-admin-main.admin-kit-shell :is(.cw-tablet-editor, .cw-detail-panel) { border: 0 !important; background: var(--kit-paper) !important; padding: 0 !important; } #page-admin-main.admin-kit-shell .cw-container { border: 0 !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell #ap-companies, #page-admin-main.admin-kit-shell .cw-container { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } #page-admin-main.admin-kit-shell #cwDetail { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } #page-admin-main.admin-kit-shell .cw-editor-body { overflow: visible !important; } #page-admin-main.admin-kit-shell .cw-tablet-header { padding: 0 0 24px !important; border: 0 !important; gap: 12px !important; background: transparent !important; } #page-admin-main.admin-kit-shell .cw-location { margin-right: auto; gap: 12px; } #page-admin-main.admin-kit-shell .cw-location .cw-back-btn { border: 0 !important; box-shadow: none !important; color: var(--kit-muted) !important; background: none !important; padding: 0 !important; } #page-admin-main.admin-kit-shell .cw-location strong { font: 600 14px/20px var(--kit-font); color: var(--kit-text); } #page-admin-main.admin-kit-shell .cw-settings-editor { padding: 24px 0 0 !important; border: 0 !important; min-width: 0; } #page-admin-main.admin-kit-shell .cw-form { max-width: none !important; padding: 0 !important; background: transparent !important; border: 0 !important; } #page-admin-main.admin-kit-shell .cw-info-tab { display: block !important; } #page-admin-main.admin-kit-shell .cw-info-tab > .cw-field { display: grid !important; grid-template-columns: 260px minmax(0, 1fr) !important; gap: 32px !important; padding: 20px 0 !important; margin: 0 !important; align-items: start; border-bottom: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .cw-info-tab > .cw-field > .cw-label { padding: 10px 0 !important; margin: 0 !important; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; border: 0 !important; background: none !important; } #page-admin-main.admin-kit-shell .cw-info-tab .cw-input { min-height: 40px !important; height: auto !important; } #page-admin-main.admin-kit-shell .cw-info-tab > .cw-actions { margin: 24px 0 0; justify-content: flex-end; } #page-admin-main.admin-kit-shell .cw-ccp-card-strip { display: grid; grid-auto-flow: row; grid-auto-columns: auto; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 24px; overflow: visible; padding: 0; scrollbar-gutter: auto; } #page-admin-main.admin-kit-shell .cw-ccp-card { width: auto; min-width: 0; max-width: none; flex: none; padding: 16px 0; border: 0; border-bottom: 1px solid var(--kit-line); border-radius: 0; background: transparent; box-shadow: none; } #page-admin-main.admin-kit-shell .cw-ccp-card-head { gap: 12px; flex-wrap: wrap; } #page-admin-main.admin-kit-shell .cw-ccp-card-head strong { font: 500 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .cw-ccp-limit { font: 500 14px/20px var(--kit-font); gap: 12px; } #page-admin-main.admin-kit-shell .cw-ccp-limit .cw-input { width: 100%; min-width: 0; } #page-admin-main.admin-kit-shell .cw-room-row { min-width: 0; } #page-admin-main.admin-kit-shell .cw-room-row .cw-input { width: 100%; min-width: 0; } #page-admin-main.admin-kit-shell .cw-ccp-card button.cw-room-add { width: auto; align-self: start; } #page-admin-main.admin-kit-shell .admin-main-body button.cw-room-del { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; min-width: 36px; font-size: 0 !important; } #page-admin-main.admin-kit-shell .cw-room-del::before { content: ''; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; } #page-admin-main.admin-kit-shell .cw-kit-heading { font: 600 20px/30px var(--kit-font); color: var(--kit-ink); margin: 0 0 24px; } #page-admin-main.admin-kit-shell .cw-representative-account { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; margin: 0 0 24px !important; background: transparent !important; } #page-admin-main.admin-kit-shell .cw-representative-row { min-height: 72px; padding: 16px 24px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; gap: 12px !important; } #page-admin-main.admin-kit-shell .cw-representative-account > div:first-child { background: none !important; border: 0 !important; padding: 0 !important; align-items: flex-start !important; } #page-admin-main.admin-kit-shell .cw-representative-account > div:first-child > div { padding: 0 !important; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 32px; } #page-admin-main.admin-kit-shell .cw-kit-accounts-content { min-width: 0; } #page-admin-main.admin-kit-shell .cw-kit-account-filters { margin: 0 0 12px !important; } #page-admin-main.admin-kit-shell .cw-kit-add-account { margin-left: auto; } #page-admin-main.admin-kit-shell .cw-kit-account-identity { display: flex; gap: 12px; align-items: center; min-width: 0; } #page-admin-main.admin-kit-shell .cw-kit-account-identity > img { display: block !important; width: 40px !important; height: 40px !important; flex: 0 0 40px; } #page-admin-main.admin-kit-shell .cw-account-name { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; text-decoration: none !important; } #page-admin-main.admin-kit-shell .admin-main-body button.cw-account-name { border: 0 !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; min-height: 24px; height: auto !important; text-align: left; } #page-admin-main.admin-kit-shell .cw-account-name > :not(img) { font: inherit !important; } #page-admin-main.admin-kit-shell .cw-accounts-heading { padding: 0 !important; margin: 0 0 16px !important; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section > .cw-accounts-heading { align-self: start; align-items: flex-start !important; height: auto !important; } #page-admin-main.admin-kit-shell .cw-account-foot { padding: 0 !important; margin: 16px 0 !important; background: transparent !important; border: 0 !important; font-size: 12px; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-account-table-scroll { border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper); } #page-admin-main.admin-kit-shell :is(.cw-account-table, .mjr-ledger-table, .admin-plain-table) { width: 100%; border-collapse: separate; border-spacing: 0; font: 400 14px/20px var(--kit-font); border: 0 !important; } /* Purchased table cells: 9405:710420 (20px sides, 14/20 text), 9413:728012 (40px header, 8px/20px padding, 12/18 semibold). */ #page-admin-main.admin-kit-shell :is(.cw-account-table, .mjr-ledger-table, .admin-plain-table) :is(th, td) { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; padding: 16px 20px !important; vertical-align: middle; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell :is(.cw-account-table, .mjr-ledger-table, .admin-plain-table) th { height: 40px; box-sizing: border-box; padding: 8px 20px !important; font: 600 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell :is(.cw-account-table, .mjr-ledger-table, .admin-plain-table) tr:last-child td { border-bottom: 0 !important; } #page-admin-main.admin-kit-shell :is(.cw-account-table, .mjr-ledger-table, .admin-plain-table) tr:hover td { background: var(--kit-subtle) !important; } #page-admin-main.admin-kit-shell .cw-account-actions { display: flex; flex-wrap: wrap; gap: 8px; } #page-admin-main.admin-kit-shell .cw-kit-actions { position: relative; } #page-admin-main.admin-kit-shell .cw-kit-actions > summary { list-style: none; cursor: pointer; font-size: 22px; line-height: 24px; padding: 8px; text-align: center; color: var(--kit-muted); border-radius: 6px; } #page-admin-main.admin-kit-shell .cw-kit-actions > summary { display: flex; align-items: center; justify-content: center; width: 36px; min-height: 36px; box-sizing: border-box; } /* Original kit vectors, no font-glyph substitutes; masks follow light/dark ink. */ #page-admin-main.admin-kit-shell .cw-kit-more-icon { display: block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: url('/icons/admin-dots-vertical.svg') center / contain no-repeat; } #page-admin-main.admin-kit-shell :is(.admin-kit-nav-menu, .admin-kit-utilities) > summary::after { content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 6px; vertical-align: -3px; background: currentColor; mask: url('/icons/admin-chevron-down.svg') center / contain no-repeat; } #page-admin-main.admin-kit-shell :is(.admin-kit-nav-menu, .admin-kit-utilities)[open] > summary::after { transform: rotate(180deg); } #page-admin-main.admin-kit-shell .cw-kit-actions[open] .cw-account-actions { position: fixed; display: grid; width: 216px; min-width: 160px; padding: 6px !important; background: var(--kit-paper) !important; border: 1px solid var(--kit-line) !important; border-radius: 8px !important; z-index: 1200; box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008 !important; max-height: calc(100dvh - 16px); overflow-y: auto; } #page-admin-main.admin-kit-shell .cw-kit-actions .cw-account-actions button { text-align: left; border: 0 !important; box-shadow: none !important; } #page-admin-main.admin-kit-shell .cw-kit-actions:not([open]) .cw-account-actions { display: none; } #page-admin-main.admin-kit-shell .cw-account-missing { color: var(--kit-danger) !important; } #page-admin-main.admin-kit-shell .cw-list-header { background: var(--kit-paper) !important; padding: 0 0 24px !important; border: 0 !important; gap: 12px; } #page-admin-main.admin-kit-shell .cw-list { border: 1px solid var(--kit-line); border-radius: 12px !important; } #page-admin-main.admin-kit-shell .cw-list-head { background: var(--kit-subtle) !important; border: 0 !important; } #page-admin-main.admin-kit-shell .cw-list-head span { font: 500 12px/18px var(--kit-font); padding: 12px 16px; } #page-admin-main.admin-kit-shell button.cw-list-item { border: 0 !important; border-top: 1px solid var(--kit-line) !important; border-radius: 0 !important; padding: 16px 0 !important; box-shadow: none !important; } #page-admin-main.admin-kit-shell .cw-list-item > span { padding: 0 16px; } #page-admin-main.admin-kit-shell :is(.cw-sub-section, .cw-role-card, .cw-journal-row) { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; padding: 24px 0 !important; margin-bottom: 0 !important; background: transparent !important; } #page-admin-main.admin-kit-shell .cw-sub-h { font: 600 16px/24px var(--kit-font) !important; background: transparent !important; margin-bottom: 20px !important; padding: 0 !important; border: 0 !important; } #page-admin-main.admin-kit-shell :is(.records-filter-panel, .onboarding-panel, .admin-section) { border-color: var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell :is(.records-table, .company-metrics-table, #onboardingListWrap table, #labRequestsWrap table) { border-collapse: separate !important; border-spacing: 0; width: 100%; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; overflow: hidden; font: 400 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell :is(.records-table, .company-metrics-table, #onboardingListWrap table, #labRequestsWrap table) :is(th, td) { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; padding: 16px !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell :is(.records-table, .company-metrics-table, #onboardingListWrap table, #labRequestsWrap table) th { font: 500 12px/18px var(--kit-font) !important; background: var(--kit-subtle) !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell :is(.records-table, .company-metrics-table, #onboardingListWrap table, #labRequestsWrap table) tr:last-child td { border-bottom: 0 !important; } #page-admin-main.admin-kit-shell .company-metrics-table .ovpad { display: none; } #page-admin-main.admin-kit-shell :is(#recordsJournalsFilter, #recordsApprovalsFilter, #recordsDeletedJournalsFilter) { background: none !important; border: 0 !important; padding: 0 !important; margin-bottom: 24px; } #page-admin-main.admin-kit-shell #ap-requests [style*="text-transform:uppercase"] { display: none; } #page-admin-main.admin-kit-shell #ap-requests > div:has(> div > [style*="text-transform:uppercase"]) { border: 0 !important; padding: 0 !important; background: none !important; margin-bottom: 24px !important; } #page-admin-main.admin-kit-shell .cw-manuals-tab > div:first-child h3 { display: none; } #page-admin-main.admin-kit-shell .cw-manuals-tab > section { padding: 0 0 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; } #page-admin-main.admin-kit-shell [data-cw-manual-category] { padding: 24px 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; margin: 0; } #page-admin-main.admin-kit-shell [data-cw-manual-mode-panel="modern"], #page-admin-main.admin-kit-shell [data-cw-manual-mode-panel="legacy"] > div:last-child { grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; } #page-admin-main.admin-kit-shell .cw-manuals-tab label:has(input[type=radio]) { border: 1px solid var(--kit-line) !important; border-radius: 8px !important; padding: 16px !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .cw-manuals-tab label:has(input:checked) { border-color: var(--kit-focus) !important; } /* Purchased text table cell 9405:710420; optional leading selection is off. File actions wrap below the name when the available width is narrow. */ #page-admin-main.admin-kit-shell .cw-manual-category-head { align-items: center !important; flex-wrap: wrap; gap: 16px !important; } #page-admin-main.admin-kit-shell .cw-manual-category-head > div { flex: 1 1 220px; } #page-admin-main.admin-kit-shell [id^="cwManualList_"]:has(.cw-manual-file-row) { gap: 0 !important; border: 1px solid var(--kit-line); border-radius: 12px; overflow: hidden; } #page-admin-main.admin-kit-shell .cw-manual-file-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; padding: 16px 20px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .cw-manual-file-row:last-child { border-bottom: 0 !important; } #page-admin-main.admin-kit-shell .cw-manual-file-info { flex: 1 1 240px; min-width: 0; } #page-admin-main.admin-kit-shell .cw-manual-file-name { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; overflow-wrap: anywhere; } #page-admin-main.admin-kit-shell .cw-manual-file-meta { font: 400 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; margin: 0 !important; } #page-admin-main.admin-kit-shell .cw-manual-file-actions { gap: 8px !important; } #page-admin-main.admin-kit-shell .cw-manual-file-actions .cw-manual-move { display: inline-flex; align-items: center; justify-content: center; font-size: 0 !important; min-width: 36px; } #page-admin-main.admin-kit-shell .cw-manual-move::before { content: ''; display: block; width: 20px; height: 20px; background: currentColor; mask: url('/icons/admin-chevron-down.svg') center / 20px 20px no-repeat; } #page-admin-main.admin-kit-shell .cw-manual-move-up::before { transform: rotate(180deg); } #page-admin-main.admin-kit-shell [data-cw-manual-drop-zone] { padding: 20px !important; background: var(--kit-paper) !important; border: 1px solid var(--kit-line) !important; border-radius: 8px !important; } #page-admin-main.admin-kit-shell .cw-manual-upload-label { display: block; font: 500 14px/20px var(--kit-font); margin-bottom: 6px; } #page-admin-main.admin-kit-shell [data-cw-manual-drop-zone] input[type=file] { min-width: 0; max-width: 100%; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text); } #page-admin-main.admin-kit-shell [data-cw-manual-drop-zone] input::file-selector-button { padding: 8px 14px; margin-right: 12px; border: 1px solid var(--kit-input-line); border-radius: 8px; background: var(--kit-paper); color: var(--kit-text); font: 600 14px/20px var(--kit-font); cursor: pointer; } #page-admin-main.admin-kit-shell [id^="cwManualFileName_"] { overflow-wrap: anywhere; } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .cw-manual-mode-options { grid-template-columns: minmax(0, 1fr) !important; } #page-admin-main.admin-kit-shell .cw-manual-file-row { padding: 16px !important; } #page-admin-main.admin-kit-shell [data-cw-manual-drop-zone] { padding: 16px !important; } } #page-admin-main.admin-kit-shell #cwScreenConfigTab > div:first-child h3 { display: none; } #page-admin-main.admin-kit-shell #cwScreenConfigTab > section { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; padding: 24px 0 !important; margin: 0 !important; } #page-admin-main.admin-kit-shell #cjRolesContent > div { padding: 24px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; margin: 16px 0 !important; } #page-admin-main.admin-kit-shell .cj-role-person { border: 1px solid var(--kit-line) !important; border-radius: 6px !important; background: var(--kit-paper) !important; padding: 4px 8px !important; } #page-admin-main.admin-kit-shell :is(#cwScreenPanelJournals, #cwScreenPanelDocs) { border: 0 !important; padding: 0 !important; } #page-admin-main.admin-kit-shell #cwScreenJournalSection .cw-journal-row { padding: 16px 24px !important; min-height: 72px; } #page-admin-main.admin-kit-shell .admin-responsive-menu-dialog { font-family: var(--kit-font) !important; padding: 16px !important; border: 0 !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .admin-responsive-menu-group { padding: 12px 0 !important; border-bottom: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .admin-responsive-menu-group h2 { font: 500 12px/18px var(--kit-font) !important; background: none !important; border: 0 !important; padding: 0 12px !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell .admin-responsive-menu-group button { border: 0 !important; border-radius: 6px !important; font: 500 14px/20px var(--kit-font) !important; padding: 12px !important; min-height: 44px; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .admin-responsive-menu-group button[aria-current="page"] { background: var(--kit-hover) !important; } #page-admin-main.admin-kit-shell .admin-responsive-menu-header { background: var(--kit-paper) !important; padding: 0 12px 12px !important; font: 600 16px/24px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .admin-responsive-menu-header button { border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; padding: 8px 12px !important; min-height: 44px; font: 500 14px/20px var(--kit-font) !important; } /* Menus / version dialogs use the same kit surface; preview paper stays untouched. */ /* Remaining standalone workspace forms: original modal/input/button tokens. Exact IDs only; never select customer upload, journal paper or its controls. */ body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal,#onboardingDetailModal,#adminModalOverlay) { z-index: 10020 !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwConfirmModal { z-index: 10021 !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) > div { max-height: calc(100dvh - 36px); overflow-y: auto; box-sizing: border-box; border: 0 !important; border-radius: 16px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; font: 400 14px/20px var(--kit-font) !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008, 0 3px 3px -1.5px #0000000a !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) > div > div { padding: 20px 24px !important; border-color: var(--kit-line) !important; color: var(--kit-text) !important; font: 400 14px/22px var(--kit-font) !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModalTitle, #cwConfirmModal > div > div:first-child) { color: var(--kit-ink) !important; font: 600 16px/24px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) button { flex: 0 0 auto !important; min-height: 36px; 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; font: 600 14px/20px var(--kit-font) !important; box-shadow: 0 1px 2px #0000000d, inset 0 -2px #0000000d, inset 0 0 0 1px #0000002e !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) button:hover:not(:disabled) { background: var(--kit-hover) !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) button:disabled { opacity: .5; cursor: not-allowed; } body:has(#page-admin-main.admin-kit-shell.active) #cwBillingGroupModal label { color: var(--kit-text) !important; font: 500 14px/20px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwBillingGroupModal :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select,textarea) { width: 100%; min-width: 0; min-height: 40px; padding: 8px 12px !important; box-sizing: border-box; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-ink) !important; font: 400 14px/20px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwBillingGroupModal :is(input[type=checkbox],input[type=radio]) { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; flex: 0 0 20px; padding: 0 !important; accent-color: var(--kit-focus); } body:has(#page-admin-main.admin-kit-shell.active) #cwBillingGroupModal label:has(> :is(input[type=checkbox],input[type=radio])) { min-height: 44px; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) :is(button,input,select,textarea):focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 2px; } body:has(#page-admin-main.admin-kit-shell.active) #cwConfirmModal > div > div:last-child { flex-wrap: wrap; gap: 12px !important; } @media (max-width: 1024px) { body:has(#page-admin-main.admin-kit-shell.active) :is(#cwBillingGroupModal, #cwConfirmModal) button { min-height: 44px; } } @media (max-width: 600px) { body:has(#page-admin-main.admin-kit-shell.active) #cwBillingGroupModal div:has(> label > #cwBgBillingMode), body:has(#page-admin-main.admin-kit-shell.active) #cwBgMemberFields > div:has(> label) { grid-template-columns: 1fr !important; } } /* HWP list uses purchased table cell 9405:710420. Long names can grow rows; controls and version permissions are still the original renderer's. */ #page-admin-main.admin-kit-shell .cw-hangul-toolbar { display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; gap: 16px; margin-bottom: 24px; } #page-admin-main.admin-kit-shell .cw-hangul-help { flex: 1 1 240px; min-width: 0; } #page-admin-main.admin-kit-shell .cw-hangul-help > summary { cursor: pointer; width: fit-content; min-height: 36px; display: flex; align-items: center; font: 500 14px/20px var(--kit-font); color: var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-hangul-help > div { max-width: 65ch; padding: 12px 0 0; } #page-admin-main.admin-kit-shell .cw-hangul-help p { color: var(--kit-muted) !important; font: 400 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell [data-hangul-row] { padding: 16px 20px !important; gap: 12px !important; align-items: start !important; } #page-admin-main.admin-kit-shell .cw-hangul-identity { min-width: 0 !important; flex: 1 1 260px !important; overflow-wrap: anywhere; } #page-admin-main.admin-kit-shell .cw-hangul-identity > div:first-child { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .cw-hangul-identity > div:not(:first-child) { font: 400 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell .cw-hangul-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } #page-admin-main.admin-kit-shell [data-hangul-version-row] { padding: 16px 0 !important; gap: 12px !important; border-color: var(--kit-line) !important; } #page-admin-main.admin-kit-shell [data-hangul-version-row] > span { min-width: 0 !important; flex: 1 1 240px !important; overflow-wrap: anywhere; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; } #page-admin-main.admin-kit-shell .cw-hangul-chevron { display: inline-block; width: 20px; height: 20px; margin-left: 6px; vertical-align: middle; background: currentColor; mask: url('/icons/admin-chevron-down.svg') center / 20px 20px no-repeat; } #page-admin-main.admin-kit-shell [aria-expanded=true] > .cw-hangul-chevron { transform: rotate(180deg); } #page-admin-main.admin-kit-shell :is(.cw-kit-help, .cw-kit-copy-panel) { border: 0; border-bottom: 1px solid var(--kit-line); padding: 0 0 16px; margin: 0 0 16px; } #page-admin-main.admin-kit-shell :is(.cw-kit-help, .cw-kit-copy-panel) > summary { cursor: pointer; min-height: 36px; width: fit-content; padding: 8px 0; font: 500 14px/20px var(--kit-font); color: var(--kit-text); } #page-admin-main.admin-kit-shell :is(.cw-kit-help, .cw-kit-copy-panel) > div { padding: 12px 0; font: 400 14px/20px var(--kit-font); color: var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-kit-help p { max-width: 65ch; margin: 0 0 8px; } #page-admin-main.admin-kit-shell .cw-kit-copy-content > div:has(> #cwJournalCopySource) { grid-template-columns: minmax(0, 300px) minmax(0, 1fr) !important; gap: 20px !important; } #page-admin-main.admin-kit-shell .cw-kit-copy-content .cw-copy-parts label { min-height: 44px; display: inline-flex; align-items: center; gap: 8px; } #page-admin-main.admin-kit-shell .cw-kit-copy-content .cw-copy-parts input { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .cw-kit-copy-content > div:has(> #cwJournalCopySource) { grid-template-columns: 1fr !important; } #page-admin-main.admin-kit-shell .cw-hangul-identity { flex-basis: calc(100% - 68px) !important; } #page-admin-main.admin-kit-shell .cw-hangul-actions { flex-basis: 100%; } #page-admin-main.admin-kit-shell [data-hangul-version-row] > span { flex-basis: 100% !important; } } body:has(#page-admin-main.admin-kit-shell.active) :is(#mjrVersionOverlay > div, #mjrCtxMenu, .cw-journal-action-dialog, .cw-journal-review-dialog, #cwAccountGuideMailOverlay > div) { font-family: var(--kit-font) !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; box-shadow: 0 12px 24px #00000014 !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#mjrVersionOverlay, #mjrCtxMenu, .cw-journal-action-dialog, .cw-journal-review-dialog, #cwAccountGuideMailOverlay) button { font: 600 14px/20px var(--kit-font) !important; padding: 8px 12px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; min-height: 36px; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwMasterVersionOverlay, #cwAttachmentDocYearModal) .cw-journal-action-dialog { border: 0 !important; border-radius: 16px !important; padding: 24px !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#cwMasterVersionTitle,#cwAttachmentDocYearTitle) { font: 600 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwMasterVersionOverlay .cw-journal-action-dialog > div:last-child > div, body:has(#page-admin-main.admin-kit-shell.active) .cw-attachment-year-row { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; padding: 16px 0 !important; background: var(--kit-paper) !important; } body:has(#page-admin-main.admin-kit-shell.active) .cw-attachment-year-row > span { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; } body:has(#page-admin-main.admin-kit-shell.active) .cwAttachmentYearCheck { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; accent-color: var(--kit-focus); } body:has(#page-admin-main.admin-kit-shell.active) :is(.cw-journal-action-dialog .cw-journal-action-close, #cwBillingGroupModal button[aria-label="닫기"]) { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px !important; height: 36px !important; min-height: 36px; padding: 8px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 0 !important; box-sizing: border-box; } body:has(#page-admin-main.admin-kit-shell.active) :is(.cw-journal-action-dialog .cw-journal-action-close, #cwBillingGroupModal button[aria-label="닫기"])::before { content: ''; display: block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; } @media (max-width: 1024px) { body:has(#page-admin-main.admin-kit-shell.active) :is(.cw-journal-action-dialog, .cw-journal-review-dialog, #cwAccountGuideMailOverlay) button { min-height: 44px !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(.cw-journal-action-dialog .cw-journal-action-close, #cwBillingGroupModal button[aria-label="닫기"]) { flex-basis: 44px; width: 44px !important; height: 44px !important; } } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay > div { border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns button { border-radius: 8px !important; padding: 8px 14px !important; font-family: var(--kit-font) !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; } /* Shared confirmation/input chrome is changed only while admin is active. */ body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay > div { padding: 24px !important; max-height: calc(100dvh - 32px); overflow-y: auto !important; box-sizing: border-box; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmIcon { display: none !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmMsg { padding: 0 !important; margin: 0 0 24px !important; color: var(--kit-ink) !important; font: 500 16px/24px var(--kit-font) !important; text-align: left !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns { display: flex !important; justify-content: flex-end !important; gap: 12px !important; padding: 0 !important; border: 0 !important; background: transparent !important; flex-wrap: wrap; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns > div { padding: 0 !important; border: 0 !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns > div:last-child { justify-content: flex-end; gap: 12px !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns button { flex: 0 0 auto !important; margin: 0 !important; min-height: 38px; font: 600 14px/20px var(--kit-font) !important; border: 1px solid var(--kit-input-line) !important; box-shadow: 0 1px 2px #0000000d; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmBtns button:hover { background: var(--kit-hover) !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcPromptInput { font: 400 14px/20px var(--kit-font) !important; padding: 8px 12px !important; margin-bottom: 12px; background: var(--kit-paper) !important; color: var(--kit-ink) !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; } body:has(#page-admin-main.admin-kit-shell.active) #vfcConfirmOverlay :is(button,input):focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 2px; } body:has(#page-admin-main.admin-kit-shell.active) .cw-kit-account-dialog { max-width: 480px !important; } body:has(#page-admin-main.admin-kit-shell.active) .cw-kit-account-dialog input { min-width: 0; } body:has(#page-admin-main.admin-kit-shell.active) .cw-kit-account-dialog .ccp-modal-body > div:has(> div > label) { gap: 20px !important; } body:has(#page-admin-main.admin-kit-shell.active) .cw-kit-account-dialog label { display: block; font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; margin-bottom: 6px !important; } body:has(#page-admin-main.admin-kit-shell.active) .cw-kit-account-dialog > div:last-child:not(.ccp-modal-body) { padding: 0 24px 24px !important; gap: 12px !important; } /* Group-name prompt: purchased sm input 11351:120131 and secondary button 3287:429435, optional icons/help off. Existing kit modal shell; no customer selectors. */ body:has(#page-admin-main.admin-kit-shell.active) > .cj-prompt-overlay { padding: 16px; box-sizing: border-box; } body:has(#page-admin-main.admin-kit-shell.active) .cj-prompt-dialog { width: 100% !important; max-width: 400px !important; max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; padding: 24px !important; border: 1px solid var(--kit-line); border-radius: 12px !important; background: var(--kit-paper, #fff) !important; color: var(--kit-ink); font-family: var(--kit-font); box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; } body:has(#page-admin-main.admin-kit-shell.active) #_cjPromptTitle { font: 600 18px/28px var(--kit-font) !important; color: var(--kit-ink) !important; margin-bottom: 20px !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) #_cjPromptInput { padding: 8px 12px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-ink) !important; font: 400 14px/20px var(--kit-font) !important; min-height: 38px; margin-bottom: 24px !important; box-shadow: 0 1px 2px #0000000d !important; } body:has(#page-admin-main.admin-kit-shell.active) #_cjPromptInput::placeholder { color: var(--kit-muted); } body:has(#page-admin-main.admin-kit-shell.active) .cj-prompt-actions { justify-content: flex-end; gap: 12px !important; } body:has(#page-admin-main.admin-kit-shell.active) .cj-prompt-actions button { flex: 0 0 auto !important; padding: 8px 14px !important; min-height: 36px; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; font: 600 14px/20px var(--kit-font) !important; box-shadow: 0 1px 2px #0000000d, inset 0 -2px #0000000d, inset 0 0 0 1px #0000002e !important; } body:has(#page-admin-main.admin-kit-shell.active) .cj-prompt-actions button:hover { background: var(--kit-hover) !important; } body:has(#page-admin-main.admin-kit-shell.active) .cj-prompt-dialog :is(button, input):focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 2px; } /* Shared modal chrome only: do not style journal table contents or change inputs. */ body:has(#page-admin-main.admin-kit-shell.active) :is(#adminModalOverlay, .ccp-modal-overlay) .ccp-modal { font-family: var(--kit-font, sans-serif) !important; border: 1px solid var(--kit-line, #e5e5e5) !important; border-radius: 16px !important; background: var(--kit-paper, #fff) !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(.ccp-modal-head, .ccp-modal-body) { padding: 24px !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-head { border-bottom: 1px solid var(--kit-line, #e5e5e5) !important; background: transparent !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-title { font: 600 16px/24px var(--kit-font, sans-serif) !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea):not(.jform-table *) { border: 1px solid var(--kit-input-line, #d4d4d4) !important; padding: 8px 12px !important; background: var(--kit-paper, #fff) !important; color: var(--kit-ink, #171717) !important; min-height: 40px; font-size: 14px !important; line-height: 20px !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal button:not(.jform-table *):not(.ccp-modal-close) { border: 1px solid var(--kit-input-line, #d4d4d4) !important; padding: 8px 14px !important; background: var(--kit-paper, #fff) !important; color: var(--kit-text, #404040) !important; font-size: 14px !important; line-height: 20px !important; min-height: 36px; } body:has(#page-admin-main.admin-kit-shell.active) :is(#adminModalOverlay, .ccp-modal-overlay) .ccp-modal :is(button, input, select, textarea):not(.jform-table *) { border-radius: 8px !important; font-family: var(--kit-font, sans-serif) !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal :is(button, input, select, textarea):focus-visible { outline: 2px solid var(--kit-focus, #2563eb) !important; outline-offset: 2px; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-body > div:last-child:has(> button) { justify-content: flex-end; flex-wrap: wrap; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-body > div:last-child > button { flex: 0 0 auto !important; } /* Notice reading + composing: Untitled UI modal 4057:415360 (16px corners, 24px inset, 16/24 title), Secondary sm 3287:429435, x-close 3463:405165. 640px reading width is a Selo content adaptation; customer notices are excluded. Do not change dialog visibility, event handlers, markdown or permission checks. */ body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-box, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) { width: 100% !important; max-width: 640px !important; min-width: 0 !important; max-height: calc(100dvh - 40px) !important; overflow-y: auto !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; border: 0 !important; border-radius: 16px !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008, 0 3px 3px -1.5px #0000000a !important; font-family: var(--kit-font) !important; box-sizing: border-box; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-head, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) .ccp-modal-head { padding: 20px 24px !important; gap: 16px; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; color: var(--kit-ink) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-title, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) .ccp-modal-title { min-width: 0; font: 600 16px/24px var(--kit-font) !important; letter-spacing: normal !important; color: var(--kit-ink) !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-body { padding: 24px !important; font: 400 14px/22px var(--kit-font) !important; color: var(--kit-text) !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailBody > div:first-child { margin-bottom: 20px !important; font: 400 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailContent { color: var(--kit-text) !important; font: 400 14px/22px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailContent > :first-child { margin-top: 0; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailContent > :last-child { margin-bottom: 0; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailContent img { max-width: 100%; height: auto; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailContent pre { max-width: 100%; overflow-x: auto; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-close, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) .ccp-modal-close { display: inline-flex; align-items: center; justify-content: center; width: 36px !important; height: 36px !important; flex: 0 0 36px; padding: 8px !important; box-sizing: border-box; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 8px !important; font-size: 0 !important; color: var(--kit-muted) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-close svg { display: none; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-close::before, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) .ccp-modal-close::before { content: ''; display: block; width: 20px; height: 20px; flex: 0 0 20px; background: currentColor; mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; -webkit-mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailBody > div:has(> #noticeEditBtn), body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-body > div:has(> button[onclick^="updateAdminNotice"]), body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal-body div:has(> button[onclick^="saveNoticeTemplate"]) { display: flex; justify-content: flex-end; flex-wrap: wrap; align-items: center; gap: 12px !important; margin-top: 24px !important; padding-top: 20px; border-top: 1px solid var(--kit-line); } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailBody > div:has(> #noticeEditBtn) button, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) button { width: auto !important; flex: 0 0 auto !important; min-height: 36px; 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; font: 600 14px/20px var(--kit-font) !important; box-shadow: 0 1px 2px #0000000d, inset 0 -2px #0000000d, inset 0 0 0 1px #0000002e !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailBody > div:has(> #noticeEditBtn) button[onclick*="deleteNotice"], body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) button[onclick^="delete"] { color: var(--kit-danger) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailBody > div:has(> #noticeEditBtn) button:hover, body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal .chk-detail-close:hover, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) :is(button,.ccp-modal-close):hover { background: var(--kit-hover) !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle) .ccp-modal-body > button[onclick="submitAdminNotice()"] { display: block; margin: 24px 0 0 auto; } body:has(#page-admin-main.admin-kit-shell.active) #noticeEditWrap :is(input, textarea) { width: 100%; min-height: 40px; padding: 10px 14px !important; box-sizing: border-box; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-ink) !important; font: 400 14px/20px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal :is(button,input,textarea):focus-visible { outline: 2px solid var(--kit-focus); outline-offset: 2px; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal button:disabled, body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) button:disabled { opacity: .5; cursor: wait; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) label { color: var(--kit-text) !important; font: 500 14px/20px var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) :is(#adminNotiImp, #editNotiImp) { width: 20px !important; height: 20px !important; min-width: 20px !important; min-height: 20px !important; flex: 0 0 20px; padding: 0 !important; margin: 0; accent-color: var(--kit-ink); } body:has(#page-admin-main.admin-kit-shell.active) label:has(> :is(#adminNotiImp, #editNotiImp)) { min-height: 44px; gap: 8px !important; } @media (max-width: 1024px) { #page-admin-main.admin-kit-shell #adminNav { display: none !important; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal :is(.chk-detail-close, button), body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) :is(.ccp-modal-close,button) { min-width: 44px !important; min-height: 44px !important; } /* Failure feedback must sit above the admin bottom navigation, not behind it. */ body:has(#page-admin-main.admin-kit-shell.active) #toast.toast { bottom: calc(80px + env(safe-area-inset-bottom, 0px)) !important; z-index: 100001 !important; } } @media (max-width: 600px) { body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal { padding: 16px; } body:has(#page-admin-main.admin-kit-shell.active) #noticeDetailModal :is(.chk-detail-head,.chk-detail-body), body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle, #editNotiTitle, #tplName) :is(.ccp-modal-head,.ccp-modal-body) { padding: 20px !important; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle) .ccp-modal-body > div:has(#adminNotiTemplate) > div:first-of-type { flex-wrap: wrap; } body:has(#page-admin-main.admin-kit-shell.active) .ccp-modal:has(#adminNotiTitle) #adminNotiTemplate { min-width: 0; } } /* Keep destructive actions distinguishable after the neutral button reset. */ body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailModal .ccp-modal { width: calc(100% - 32px) !important; max-width: 680px !important; max-height: calc(100dvh - 32px) !important; border: 0 !important; border-radius: 16px !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-status { flex-wrap: wrap; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-status > span:first-child { padding: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--kit-text) !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-section h3 { margin: 0 0 8px !important; padding: 0 !important; border: 0 !important; font: 600 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-section > div { display: grid !important; grid-template-columns: 140px minmax(0,1fr); gap: 20px; padding: 16px 0 !important; border-color: var(--kit-line) !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-section > div > div { width: auto !important; min-width: 0; font: 400 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; overflow-wrap: anywhere; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-users { display: block !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-users > div { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0 !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; background: transparent !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody > div:has(> button[onclick^="approveOnboarding"]) { justify-content: flex-end; flex-wrap: wrap; border-width: 1px !important; border-color: var(--kit-line) !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody > div:has(> button[onclick^="approveOnboarding"]) button { flex: 0 0 auto !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody button[onclick^="rejectOnboarding"] { color: var(--kit-danger) !important; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailModal .ccp-modal-close { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; padding: 8px; box-sizing: border-box; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailModal .ccp-modal-close svg { display: none; } body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailModal .ccp-modal-close::before { content: ''; display: block; width: 20px; height: 20px; flex: 0 0 20px; background: var(--kit-muted); mask: url('/icons/admin-x-close.svg') center / 20px 20px no-repeat; } @media (max-width: 1024px) { body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailModal :is(button,.ccp-modal-close) { min-height: 44px; min-width: 44px; } } @media (max-width: 600px) { body:has(#page-admin-main.admin-kit-shell.active) #onboardingDetailBody .ob-kit-section > div { grid-template-columns: 1fr; gap: 6px; } } body:has(#page-admin-main.admin-kit-shell.active) :is(.ccp-modal, .cw-journal-action-dialog, #mjrVersionOverlay, #mjrCtxMenu) button[style*="var(--danger)"], #page-admin-main.admin-kit-shell .admin-main-body button[style*="var(--danger)"] { color: var(--kit-danger) !important; } @media (min-width: 769px) { #page-admin-main.admin-kit-shell .admin-topbar { padding-inline: max(32px, calc((100vw - 1216px) / 2)) !important; } #page-admin-main.admin-kit-shell .cw-tablet-editor:not(.cw-concealed) { display: block !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list:not(.cw-concealed) { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 0 24px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; background: transparent !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list > :is(.cw-back-btn, .cw-detail-header) { display: none !important; } #page-admin-main.admin-kit-shell .cw-settings-hub-list { display: flex !important; gap: 0 !important; flex-wrap: wrap; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-hub-item { width: auto !important; min-height: 40px !important; height: 40px !important; align-items: center !important; padding: 10px 16px !important; margin: 0 -1px 0 0 !important; border: 1px solid var(--kit-input-line) !important; border-radius: 0 !important; background: var(--kit-paper) !important; box-shadow: none !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-hub-item:first-child { border-radius: 8px 0 0 8px !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-hub-item:last-child { border-radius: 0 8px 8px 0 !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-active { background: var(--kit-hover) !important; } #page-admin-main.admin-kit-shell .cw-settings-hub-label { font: 600 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .cw-settings-hub-summary { display: none !important; } } @media (max-width: 1024px) { #page-admin-main.admin-kit-shell .admin-main-body button { min-height: 44px !important; } #page-admin-main.admin-kit-shell :is(.admin-kit-nav-menu, .admin-kit-utilities, .cw-kit-actions) > summary { min-height: 44px !important; } #page-admin-main.admin-kit-shell .admin-topbar { padding: 12px 20px !important; gap: 16px !important; } #page-admin-main.admin-kit-shell .admin-main-body { padding: 24px 20px !important; } #page-admin-main.admin-kit-shell .admin-topbar-badge { display: none !important; } #page-admin-main.admin-kit-shell .cw-representative-account { grid-template-columns: 200px minmax(0, 1fr); gap: 24px; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section { display: block; } #page-admin-main.admin-kit-shell #adminResponsiveMenuTrigger { border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; font: 500 14px/20px var(--kit-font); min-height: 44px; padding: 8px 12px; } #page-admin-main.admin-kit-shell .cw-settings-hub-list { border: 0 !important; background: transparent !important; gap: 8px !important; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-hub-item { border-radius: 8px !important; margin: 0 !important; } } @media (max-width: 768px) { #page-admin-main.admin-kit-shell #adminNav { display: none !important; } #page-admin-main.admin-kit-shell .admin-main-body { padding: 20px 16px 88px !important; } #page-admin-main.admin-kit-shell .cw-representative-account { display: block; } #page-admin-main.admin-kit-shell .cw-representative-account > div:first-child { flex-wrap: wrap; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section { display: block; } #page-admin-main.admin-kit-shell .cw-info-tab > .cw-field { grid-template-columns: 1fr !important; gap: 8px !important; padding: 16px 0 !important; } #page-admin-main.admin-kit-shell .cw-representative-row { margin-top: 16px; flex-wrap: wrap; } #page-admin-main.admin-kit-shell .cw-bill-grid { grid-template-columns: 1fr; } #page-admin-main.admin-kit-shell .admin-main-body button { min-height: 44px; } #page-admin-main.admin-kit-shell .cw-tablet-settings-list .cw-settings-hub-item { padding: 16px !important; border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; } #page-admin-main.admin-kit-shell .cw-account-table { min-width: 700px; } } @media (max-width: 767px) { /* Reserve a real content viewport above bottom navigation; padding alone leaves mid-page controls painted behind the fixed menu. */ #page-admin-main.admin-kit-shell { height: 100dvh; overflow: hidden; } #page-admin-main.admin-kit-shell .admin-dash { display: flex; flex-direction: column; height: 100%; min-height: 0 !important; } #page-admin-main.admin-kit-shell .admin-topbar { flex-shrink: 0; } #page-admin-main.admin-kit-shell .admin-content-wrap { flex: 1 1 0; min-height: 0; overflow: hidden; margin-bottom: calc(57px + env(safe-area-inset-bottom, 0px)); } #page-admin-main.admin-kit-shell .admin-main-body { height: 100% !important; min-height: 0 !important; overflow-y: auto !important; padding-bottom: 24px !important; scroll-padding-block: 24px; } } /* Settings 02: section label at left, existing controls and data at right. */ #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section:has(> .cw-sub-h) { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 8px 32px; align-items: start; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section > .cw-sub-h { grid-column: 1; grid-row: 1; margin: 0 !important; font: 500 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section:has(> .cw-sub-h) > :not(.cw-sub-h) { grid-column: 2; min-width: 0; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-support-section { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 16px 32px; align-items: start; } #page-admin-main.admin-kit-shell .cw-support-section > .cw-support-head { grid-column: 1; grid-row: 1 / 3; display: block; margin: 0; } #page-admin-main.admin-kit-shell .cw-support-section > :not(.cw-support-head) { grid-column: 2; min-width: 0; } #page-admin-main.admin-kit-shell .cw-support-head .cw-sub-h { font: 500 14px/20px var(--kit-font) !important; margin-bottom: 8px !important; } #page-admin-main.admin-kit-shell .cw-support-desc { color: var(--kit-muted); font: 400 12px/18px var(--kit-font); } #page-admin-main.admin-kit-shell .cw-support-badge { display: inline-block; margin-top: 12px; border: 0 !important; background: var(--kit-hover) !important; border-radius: 6px !important; padding: 4px 8px !important; } #page-admin-main.admin-kit-shell .cw-sub-row { display: block !important; padding: 0 !important; margin: 0 !important; } #page-admin-main.admin-kit-shell .cw-sub-row-label { display: none; } #page-admin-main.admin-kit-shell .cw-sub-row-control { width: 100%; } #page-admin-main.admin-kit-shell .cw-sub-select { width: min(100%, 400px) !important; } #page-admin-main.admin-kit-shell .cw-sub-opt { padding: 8px 0 !important; font-size: 14px !important; font-weight: 400 !important; } #page-admin-main.admin-kit-shell .cw-sub-card-section { margin: 0 !important; } #page-admin-main.admin-kit-shell .cw-kit-payment-method { padding: 16px 20px; border: 1px solid var(--kit-line); border-radius: 12px !important; } #page-admin-main.admin-kit-shell .cw-kit-payment-method > div { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; } #page-admin-main.admin-kit-shell .cw-kit-payment-meta { margin-top: 6px; font-size: 12px; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-bill-grid { display: block !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; overflow: hidden; } #page-admin-main.admin-kit-shell .cw-bill-cell { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 4px 20px !important; padding: 16px 20px !important; border: 0 !important; border-radius: 0 !important; background: var(--kit-paper) !important; } #page-admin-main.admin-kit-shell .cw-bill-cell + .cw-bill-cell { border-top: 1px solid var(--kit-line) !important; } #page-admin-main.admin-kit-shell .cw-bill-label { grid-column: 1; grid-row: 1; font: 500 14px/24px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .cw-bill-value { grid-column: 2; grid-row: 1; font: 600 16px/24px var(--kit-font) !important; text-align: right; font-variant-numeric: tabular-nums; } #page-admin-main.admin-kit-shell .cw-bill-vat { grid-column: 2; text-align: right; font-size: 12px !important; } #page-admin-main.admin-kit-shell .cw-bill-sub { grid-column: 1; grid-row: 2; font-size: 12px !important; } #page-admin-main.admin-kit-shell .cw-bill-delta { grid-column: 1 / -1; text-align: right; } #page-admin-main.admin-kit-shell .mjr-kit-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 24px; } #page-admin-main.admin-kit-shell .mjr-kit-heading h2 { margin: 0 !important; } #page-admin-main.admin-kit-shell .mjr-review-filters { border: 0 !important; padding: 0 !important; margin-bottom: 20px; background: transparent !important; } #page-admin-main.admin-kit-shell .mjr-review-filters label { font: 500 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .mjr-kit-result { padding: 0 0 12px; } #page-admin-main.admin-kit-shell .mjr-kit-result > div { font: 500 12px/18px var(--kit-font) !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell .mjr-table-scroll { border: 1px solid var(--kit-line); border-radius: 12px !important; } #page-admin-main.admin-kit-shell .mjr-ledger-table { min-width: 1050px; } #page-admin-main.admin-kit-shell .mjr-ledger-table th { text-align: left; white-space: nowrap; } #page-admin-main.admin-kit-shell .mjr-ledger-table td { padding: 14px 20px !important; } #page-admin-main.admin-kit-shell .mjr-ledger-table .mjr-name { min-width: 220px; } #page-admin-main.admin-kit-shell .mjr-ledger-table .mjr-name > span { font-weight: 500; color: var(--kit-ink); } #page-admin-main.admin-kit-shell .mjr-ledger-table .mjr-id { color: var(--kit-muted); font-size: 12px; } #page-admin-main.admin-kit-shell .mjr-row-info { margin-top: 4px; font-size: 12px; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .mjr-row-info summary { cursor: pointer; } #page-admin-main.admin-kit-shell .mjr-actions button { margin: 2px; white-space: nowrap; } /* The version chooser is a dialog, not a long column of oversized buttons. */ body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu { grid-template-columns: 176px minmax(0, 1fr); width: 840px; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; box-shadow: 0 20px 24px -4px #00000014, 0 8px 8px -4px #00000008 !important; font-family: var(--kit-font) !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-menu-heading { background: var(--kit-paper) !important; padding: 20px 24px; font: 600 18px/28px var(--kit-font); border-color: var(--kit-line); } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu :is(.cw-journal-menu-periods, .cw-journal-menu-versions) { padding: 20px 16px; border-color: var(--kit-line); } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu h3 { font: 500 12px/18px var(--kit-font); color: var(--kit-muted); margin-bottom: 12px; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu button { font: 500 14px/20px var(--kit-font) !important; min-height: 40px !important; border-radius: 8px !important; padding: 8px 12px !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu :is(.cw-journal-version-option > span > button, .cw-journal-menu-company button, .cw-action-menu-close) { background: var(--kit-paper) !important; border-color: var(--kit-input-line) !important; color: var(--kit-text) !important; box-shadow: 0 1px 2px #0000000d; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu span[style*="var(--success)"] { color: var(--kit-focus) !important; font-weight: 500 !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-version-option { padding: 12px 0; border-color: var(--kit-line); } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-version-option > span { flex-direction: column !important; gap: 8px !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-menu-company { padding: 16px 24px; border-color: var(--kit-line); } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu > .cw-action-menu-foot { padding: 16px 24px !important; background: var(--kit-paper) !important; border-color: var(--kit-line) !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu button:focus-visible { outline: 2px solid var(--kit-focus); outline-offset: 2px; } body:has(#page-admin-main.admin-kit-shell.active) #mjrVersionOverlay .mjr-version-row { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; border-radius: 0 !important; padding: 16px 0 !important; background: var(--kit-paper) !important; } @media (max-width: 1024px) { #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section:has(> .cw-sub-h) { grid-template-columns: 200px minmax(0, 1fr); gap: 8px 24px; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-support-section { grid-template-columns: 200px minmax(0, 1fr); gap: 16px 24px; } #page-admin-main.admin-kit-shell .admin-main-body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea) { min-height: 44px !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu button { min-height: 44px !important; } } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section:has(> .cw-sub-h) { display: block; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-support-section { display: block; } #page-admin-main.admin-kit-shell .cw-support-section > .cw-support-head { margin-bottom: 16px; } #page-admin-main.admin-kit-shell .cw-sub-form > .cw-sub-section > .cw-sub-h { margin-bottom: 16px !important; } #page-admin-main.admin-kit-shell .cw-bill-cell { grid-template-columns: minmax(0, 1fr) !important; } #page-admin-main.admin-kit-shell .cw-bill-cell > div { grid-column: 1 !important; grid-row: auto !important; text-align: left !important; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu { grid-template-columns: minmax(0, 1fr); } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-menu-periods { padding: 12px; } body:has(#page-admin-main.admin-kit-shell.active) #cwJournalCtxMenu.cw-journal-ledger-menu .cw-journal-period-options { gap: 4px; } } /* Apply the shared secondary button to file-picker labels as well as buttons. */ #page-admin-main.admin-kit-shell .admin-main-body label.dm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; min-height: 36px !important; height: auto !important; padding: 8px 12px !important; border: 1px solid var(--kit-input-line) !important; border-radius: 8px !important; background: var(--kit-paper) !important; color: var(--kit-text) !important; font: 600 14px/20px var(--kit-font) !important; box-shadow: 0 1px 2px #0000000d !important; } #page-admin-main.admin-kit-shell .admin-main-body label.dm-btn:hover { background: var(--kit-hover) !important; } #page-admin-main.admin-kit-shell .admin-main-body :is(.dm-btn-danger, .dm-btn-danger-outline) { color: var(--kit-danger) !important; } #page-admin-main.admin-kit-shell .admin-main-body :is(button, label.dm-btn) > svg { flex-shrink: 0; } #page-admin-main.admin-kit-shell .pay-kit-table { min-width: 980px; } #page-admin-main.admin-kit-shell .pay-status-pill { background: transparent !important; color: var(--kit-text) !important; border: 0 !important; padding: 0 !important; font: 500 14px/20px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .pay-status-pill[data-pay-status="paid"] { color: var(--kit-focus) !important; } #page-admin-main.admin-kit-shell .pay-status-pill:is([data-pay-status="cancelled"], [data-pay-status="refunded"], [data-pay-status="expired"]) { color: var(--kit-danger) !important; } #page-admin-main.admin-kit-shell .consultant-kit-scroll { border: 1px solid var(--kit-line); border-radius: 12px; } #page-admin-main.admin-kit-shell .consultant-kit-table { min-width: 880px; } #page-admin-main.admin-kit-shell .consultant-kit-table :is(th,td) { text-align: left; } #page-admin-main.admin-kit-shell .consultant-kit-table td { height: 64px; box-sizing: border-box; } #page-admin-main.admin-kit-shell .consultant-kit-table strong { font-weight: 500; color: var(--kit-ink); } #page-admin-main.admin-kit-shell .consultant-kit-id { color: var(--kit-muted); font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .consultant-kit-inactive { color: var(--kit-danger); } #page-admin-main.admin-kit-shell .consultant-kit-companies > summary { cursor: pointer; min-height: 36px; padding: 8px 0; box-sizing: border-box; } #page-admin-main.admin-kit-shell .consultant-kit-companies ul { margin: 8px 0 0; padding: 0; list-style: none; } #page-admin-main.admin-kit-shell .consultant-kit-companies li { display: flex; justify-content: space-between; gap: 16px; padding: 6px 0; } #page-admin-main.admin-kit-shell .consultant-kit-breakdown { margin-top: 8px; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .consultant-kit-total { display: flex; flex-wrap: wrap; gap: 16px; padding: 16px 0; color: var(--kit-text); font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .consultant-kit-amount { font-variant-numeric: tabular-nums; white-space: nowrap; } @media (max-width: 1024px) { #page-admin-main.admin-kit-shell .admin-main-body label.dm-btn, #page-admin-main.admin-kit-shell .consultant-kit-companies > summary { min-height: 44px !important; } #page-admin-main.admin-kit-shell .cw-kit-actions > summary { width: 44px; } } /* Untitled UI Notification / No icon / 1135:2644, inner 1135:2645. Single-message use: optional supporting text/actions/close are not rendered. Original inner width 400, padding 16, radius 12, text 14/20, border 1. Owner override: no shadow; existing placement, error class and timer stay intact. The presentation-board backdrop is not a product asset. */ body:has(#page-admin-main.admin-kit-shell.active) #toast.toast, body:has(#page-admin-main.admin-kit-shell.active) #vfcToastHost .toast, body:has(#page-admin-main.admin-kit-shell.active) .vfc-toast, body:has(#page-admin-main.admin-kit-shell.active) .toast-container .toast { width: 400px !important; max-width: calc(100vw - 32px) !important; min-width: 0 !important; box-sizing: border-box; padding: 16px !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; background: var(--kit-paper) !important; color: var(--kit-ink) !important; box-shadow: none !important; font: 600 14px/20px var(--kit-font) !important; text-align: left !important; letter-spacing: 0 !important; white-space: normal !important; overflow-wrap: anywhere; } /* A dismissed, transparent toast must not keep intercepting bottom-menu taps. */ body:has(#page-admin-main.admin-kit-shell.active) #toast.toast:not(.show) { visibility: hidden; } body:has(#page-admin-main.admin-kit-shell.active) #toast.toast.show { visibility: visible; } body:has(#page-admin-main.admin-kit-shell.active) #toast.toast.toast-error, body:has(#page-admin-main.admin-kit-shell.active) #vfcToastHost .toast.error, body:has(#page-admin-main.admin-kit-shell.active) .vfc-toast.error, body:has(#page-admin-main.admin-kit-shell.active) .toast-container .toast.error { color: var(--kit-danger) !important; } /* Untitled UI dots-grid 3463:405033. A drag target, not a raised action button. Preserve the 44px target and pointer handlers; mask the unmodified kit SVG. */ #page-admin-main.admin-kit-shell .admin-main-body button.cwJournalDragHandle, #page-admin-main.admin-kit-shell .admin-main-body button.cwJournalDragHandle:hover:not(:disabled) { display: inline-flex; align-items: center; justify-content: center; width: 44px !important; height: 44px !important; min-width: 44px; flex: 0 0 44px; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--kit-muted) !important; font-size: 0 !important; } #page-admin-main.admin-kit-shell .cwJournalDragHandle::before { content: ''; display: block; width: 24px; height: 24px; background: currentColor; mask: url('/icons/admin-dots-grid.svg') center / 24px 24px no-repeat; -webkit-mask: url('/icons/admin-dots-grid.svg') center / 24px 24px no-repeat; } #page-admin-main.admin-kit-shell .cwJournalDragHandle:focus-visible { outline: 2px solid var(--kit-focus); outline-offset: 2px; } /* Untitled UI / Toggle base Slim sm / OFF 7923:539331, ON 7923:539315. Source brand-solid #7f56d9; 32×16 track, 16×16 thumb. Keep the real checkbox and existing callbacks; the 44×44 hit target is separate. */ #page-admin-main.admin-kit-shell .cw-toggle-wrap { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; flex: 0 0 44px !important; padding: 0 !important; margin: 0 4px 0 0 !important; transform: none !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap::before { content: none !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap > span:first-of-type { inset: auto !important; top: 14px !important; left: 6px !important; width: 32px !important; height: 16px !important; border-radius: 9999px !important; background: var(--kit-hover) !important; border: 1px solid var(--kit-line) !important; box-sizing: border-box; } #page-admin-main.admin-kit-shell .cw-toggle-wrap > span:last-of-type { top: 14px !important; left: 6px !important; width: 16px !important; height: 16px !important; border-radius: 9999px !important; background: #fff !important; border: 1px solid var(--kit-input-line) !important; box-sizing: border-box; box-shadow: 0 1px 2px #0000000d !important; transition: transform 120ms ease !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap[aria-pressed="true"] > span:first-of-type { background: #7f56d9 !important; border-color: #7f56d9 !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap[aria-pressed="true"] > span:last-of-type { transform: translateX(16px); border-color: #7f56d9 !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap:has(input:disabled), #page-admin-main.admin-kit-shell .cw-toggle-wrap[aria-disabled="true"] { opacity: .5; cursor: not-allowed !important; } #page-admin-main.admin-kit-shell .cw-toggle-wrap:focus-visible { outline: 2px solid var(--kit-focus) !important; outline-offset: 2px; border-radius: 8px !important; } /* Untitled UI Table cell / Text sm 9405:710420: 14/20, 20px horizontal, 16px vertical padding, 1px secondary divider. Optional leading action off. Product-specific label/value rows replace the old metrics card. */ #page-admin-main.admin-kit-shell .ai-ops-section { margin-bottom: 24px; } #page-admin-main.admin-kit-shell .ai-ops-heading { margin: 0 0 12px; color: var(--kit-ink); font: 600 16px/24px var(--kit-font); } #page-admin-main.admin-kit-shell .ai-ops-list { margin: 0; border-top: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .ai-ops-row { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 12px; min-height: 64px; align-items: center; padding: 16px 20px; border-bottom: 1px solid var(--kit-line); box-sizing: border-box; font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .ai-ops-row dt { color: var(--kit-text); font-weight: 500; } #page-admin-main.admin-kit-shell .ai-ops-row dd { margin: 0; color: var(--kit-ink); overflow-wrap: anywhere; } #page-admin-main.admin-kit-shell .ai-ops-issue { display: block; margin-top: 4px; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .ai-question-note { margin-left: 16px; color: var(--kit-muted); font-size: 12px; } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .ai-question-note { display: block; margin: 4px 0 0; } #page-admin-main.admin-kit-shell .admin-main-body button.records-preset { padding-inline: 8px !important; font-size: 12px !important; min-width: 44px; } } #page-admin-main.admin-kit-shell .ai-budget-unlimited { margin-bottom: 10px; color: var(--kit-text); font: 400 14px/20px var(--kit-font); } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .ai-ops-row { grid-template-columns: 96px minmax(0,1fr); padding: 16px 12px; } } #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-paper { display: block; flex: none; height: auto; min-height: 0; max-width: 720px; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-paper::before, #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-paper::after, #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-spring { display: none !important; } /* Textarea 11368:193674: label 14/20, gap 6, input padding 12, radius 8. Required/help/hint options off; retain a native resizable textarea and autosave. */ #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-label { font: 500 14px/20px var(--kit-font) !important; color: var(--kit-text) !important; margin: 0 0 6px !important; transform: none; text-shadow: none; } #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-text { display: block; flex: none; box-sizing: border-box; width: 100%; min-height: 134px !important; padding: 12px !important; line-height: 20px !important; resize: vertical; } #page-admin-main.admin-kit-shell #cwMemoContainer .company-memo-text::placeholder { font-style: normal !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell .cw-delete-warning-card { max-width: 920px !important; background: var(--kit-paper) !important; border: 1px solid var(--kit-line) !important; border-radius: 12px !important; box-shadow: none !important; padding: 24px !important; } #page-admin-main.admin-kit-shell .cw-delete-warning-pill { background: transparent !important; border: 0 !important; padding: 0 !important; color: var(--kit-danger) !important; font: 500 12px/18px var(--kit-font) !important; margin-bottom: 12px !important; } #page-admin-main.admin-kit-shell .cw-delete-warning-card h3 { font: 600 16px/24px var(--kit-font) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .cw-delete-warning-copy, #page-admin-main.admin-kit-shell .cw-delete-warning-list { color: var(--kit-text) !important; font: 400 14px/24px var(--kit-font) !important; } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .admin-topbar .admin-topbar-left img { width: 128px !important; } #page-admin-main.admin-kit-shell .cw-delete-warning-card { padding: 20px !important; } } @media (prefers-reduced-motion: reduce) { #page-admin-main.admin-kit-shell .cw-toggle-wrap > span { transition: none !important; } #page-admin-main.admin-kit-shell * { scroll-behavior: auto !important; } } /* Home directory: purchased table header 9413:728012 and input 11351:120131. Optional input icon/help/hint variants are off for this company search. The owner explicitly prefers an ordinary red to the kit's earthy red. */ #page-admin-main.admin-kit-shell #ap-home .admin-home-heading { display: flex; align-items: baseline; margin: 0 0 24px; } #page-admin-main.admin-kit-shell #adminHomeTitle { font: 600 24px/32px var(--kit-font) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .admin-home-tools { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; } #page-admin-main.admin-kit-shell .admin-home-tools #adminHomeSearch { width: 360px; max-width: 100%; padding: 8px 12px !important; min-width: 0; } #page-admin-main.admin-kit-shell .admin-home-tools > button { margin-left: auto; } #page-admin-main.admin-kit-shell .admin-home-filters { display: flex; gap: 24px; border-bottom: 1px solid var(--kit-line); margin: 0 0 16px; } #page-admin-main.admin-kit-shell #ap-home .admin-home-filters button { border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 8px 0 12px !important; color: var(--kit-muted) !important; } #page-admin-main.admin-kit-shell #ap-home .admin-home-filters button[aria-pressed="true"] { border-bottom-color: var(--kit-ink) !important; color: var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .admin-home-company-table { width: 100%; table-layout: fixed; border-collapse: collapse; border: 0 !important; background: var(--kit-paper); } #page-admin-main.admin-kit-shell .admin-home-company-table :is(th,td) { border: 0 !important; border-bottom: 1px solid var(--kit-line) !important; text-align: left; padding: 16px 20px !important; background: transparent !important; color: var(--kit-text); font: 400 14px/20px var(--kit-font) !important; overflow-wrap: anywhere; } #page-admin-main.admin-kit-shell .admin-home-company-table th { height: 40px; box-sizing: border-box; padding: 8px 20px !important; font: 600 12px/18px var(--kit-font) !important; color: var(--kit-muted); } #page-admin-main.admin-kit-shell .admin-home-company-table th:first-child { width: 40%; } #page-admin-main.admin-kit-shell .admin-home-company-table th:nth-child(2) { width: 16%; } #page-admin-main.admin-kit-shell .admin-home-company-table th:nth-child(3) { width: 24%; } #page-admin-main.admin-kit-shell .admin-home-company-table tr:hover td { background: var(--kit-subtle) !important; } #page-admin-main.admin-kit-shell #ap-home button.admin-home-company-link { display: inline; min-height: 24px; padding: 0 !important; text-align: left; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--kit-ink) !important; font-weight: 600 !important; overflow-wrap: anywhere; white-space: normal; } #page-admin-main.admin-kit-shell #ap-home button.admin-home-company-link:hover { text-decoration: underline; text-underline-offset: 3px; } #page-admin-main.admin-kit-shell #ap-home .admin-home-attention { color: var(--kit-danger) !important; } #page-admin-main.admin-kit-shell .admin-home-message { padding: 40px 16px; margin: 0; text-align: center; color: var(--kit-text); font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .admin-home-message p { margin: 0 0 12px; } #page-admin-main.admin-kit-shell .admin-home-pagination { display: flex; justify-content: space-between; align-items: center; min-height: 60px; gap: 16px; color: var(--kit-muted); font: 400 13px/20px var(--kit-font); } #page-admin-main.admin-kit-shell .admin-home-pagination > div { display: flex; gap: 16px; align-items: center; } #page-admin-main.admin-kit-shell #ap-home .admin-home-secondary { margin-top: 32px; border-top: 1px solid var(--kit-line); padding-top: 16px; } #page-admin-main.admin-kit-shell .admin-home-secondary > summary { width: fit-content; cursor: pointer; padding: 8px 0; font: 500 14px/20px var(--kit-font); color: var(--kit-text); } #page-admin-main.admin-kit-shell .admin-home-secondary[open] > summary { margin-bottom: 20px; } #page-admin-main.admin-kit-shell #ap-home .ovv { color: var(--kit-text) !important; } /* Higher specificity than the old global button skin; no pill-sized menu items. */ #page-admin-main.admin-kit-shell #adminHomeRevenue[hidden], #page-admin-main.admin-kit-shell #adminHomeLegacy[hidden] { display: none !important; } #page-admin-main.admin-kit-shell .admin-home-revenue-totals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 0; padding: 8px 0 24px; } #page-admin-main.admin-kit-shell .admin-home-revenue-totals dt { font: 400 13px/20px var(--kit-font); color: var(--kit-muted); margin-bottom: 8px; } #page-admin-main.admin-kit-shell .admin-home-revenue-totals dd { margin: 0; font: 600 26px/36px var(--kit-font); color: var(--kit-ink); letter-spacing: -0.6px; font-variant-numeric: tabular-nums; } #page-admin-main.admin-kit-shell .admin-home-revenue-totals small { display: block; font: 400 12px/18px var(--kit-font); letter-spacing: 0; } #page-admin-main.admin-kit-shell .admin-home-revenue-message { min-height: 100px; padding: 20px 0; font: 400 14px/20px var(--kit-font); } #page-admin-main.admin-kit-shell #adminHomeCompanyRows { overflow-x: auto; } #page-admin-main.admin-kit-shell .admin-home-finance-table { min-width: 1060px; table-layout: auto; } #page-admin-main.admin-kit-shell .admin-home-finance-table th:nth-child(n) { width: auto; white-space: nowrap; } #page-admin-main.admin-kit-shell .admin-home-finance-table th:first-child { width: 21%; } #page-admin-main.admin-kit-shell .admin-home-finance-table :is(th,td) { padding-left: 12px !important; padding-right: 12px !important; vertical-align: middle; } #page-admin-main.admin-kit-shell .admin-home-company-table small { display: block; font: 400 12px/18px var(--kit-font); color: var(--kit-muted); margin-top: 4px; } #page-admin-main.admin-kit-shell .admin-home-company-table strong { color: var(--kit-ink); font-weight: 600; } #page-admin-main.admin-kit-shell .admin-home-finance-table .admin-home-money { white-space: nowrap; text-align: right; font-variant-numeric: tabular-nums; } #page-admin-main.admin-kit-shell #ap-home .admin-home-open { min-width: 52px; min-height: 32px; padding: 6px 12px !important; border-radius: 6px !important; font: 500 13px/18px var(--kit-font) !important; box-shadow: none !important; } @media (max-width: 1000px) { #page-admin-main.admin-kit-shell .admin-home-revenue-totals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .admin-home-revenue-totals dd { font-size: 20px; line-height: 28px; } #page-admin-main.admin-kit-shell .admin-home-finance-table { min-width: 0; table-layout: fixed; } #page-admin-main.admin-kit-shell .admin-home-finance-table .admin-home-money { text-align: left; white-space: normal; } #page-admin-main.admin-kit-shell #ap-home .admin-home-open { min-height: 44px; width: fit-content; } } #page-admin-main.admin-kit-shell .admin-topbar-right .admin-kit-utility-options { width: 216px; box-sizing: border-box; gap: 0; max-height: calc(100dvh - 96px); overflow-y: auto; } #page-admin-main.admin-kit-shell .admin-topbar-right .admin-kit-utility-options button { display: block; border: 0 !important; border-radius: 6px !important; box-shadow: none !important; background: transparent !important; min-height: 36px; padding: 8px 12px !important; font-weight: 500 !important; } #page-admin-main.admin-kit-shell .admin-topbar-right .admin-kit-utility-options button:hover { background: var(--kit-hover) !important; } #page-admin-main.admin-kit-shell .admin-topbar-right .admin-kit-utility-options #adminClockDisp { color: var(--kit-muted) !important; padding: 8px 12px; white-space: nowrap; font: 400 12px/18px var(--kit-font) !important; } #page-admin-main.admin-kit-shell .admin-topbar-right { margin-left: auto !important; } @media (max-width: 600px) { #page-admin-main.admin-kit-shell .admin-home-tools { gap: 8px; } #page-admin-main.admin-kit-shell .admin-home-tools #adminHomeSearch { flex: 1; width: 0; } #page-admin-main.admin-kit-shell #ap-home .admin-home-tools button { white-space: nowrap; } #page-admin-main.admin-kit-shell .admin-home-company-table thead { display: none; } #page-admin-main.admin-kit-shell .admin-home-company-table :is(tbody,tr) { display: block; } #page-admin-main.admin-kit-shell .admin-home-company-table tr { padding: 16px 0; border-bottom: 1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .admin-home-company-table td { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; padding: 4px 0 !important; border: 0 !important; min-height: 0 !important; height: auto !important; } #page-admin-main.admin-kit-shell .admin-home-company-table td::before { content: attr(data-label); color: var(--kit-muted); font-weight: 400; } #page-admin-main.admin-kit-shell .admin-home-company-table td > small { grid-column: 2; margin-top: 0; } #page-admin-main.admin-kit-shell .admin-home-company-table td:first-child { display: block; padding-bottom: 8px !important; } #page-admin-main.admin-kit-shell .admin-home-company-table td:first-child::before { content: none; } #page-admin-main.admin-kit-shell #ap-home button.admin-home-company-link { min-height: 44px; display: flex; align-items: center; width: 100%; } #page-admin-main.admin-kit-shell #ap-home .admin-home-filters button { min-height: 44px; } #page-admin-main.admin-kit-shell .admin-topbar-right .admin-kit-utility-options button { min-height: 44px; } } /* 업체 생애주기와 결제 방식은 서로 독립된 목록 필터다. */ #page-admin-main.admin-kit-shell .company-lifecycle-filters, #page-admin-main.admin-kit-shell .company-payment-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 12px; } #page-admin-main.admin-kit-shell :is(#ap-home,#ap-companies) :is(.company-lifecycle-filters,.company-payment-filters) button { border:1px solid var(--kit-line) !important; border-radius:8px !important; padding:8px 12px !important; background:var(--kit-paper) !important; } #page-admin-main.admin-kit-shell :is(#ap-home,#ap-companies) :is(.company-lifecycle-filters,.company-payment-filters) button[aria-pressed="true"] { background:var(--kit-ink) !important; color:var(--kit-paper) !important; border-color:var(--kit-ink) !important; } #page-admin-main.admin-kit-shell .company-lifecycle-label { display:block; color:var(--kit-muted); font-size:12px; line-height:20px; font-weight:500; } #page-admin-main.admin-kit-shell .company-ended { background:var(--kit-subtle) !important; } #page-admin-main.admin-kit-shell .admin-revenue-basis { color:var(--kit-muted); font-size:12px; line-height:1.6; margin:12px 0; } #page-admin-main.admin-kit-shell .admin-revenue-scroll { overflow-x:auto; margin-bottom:12px; } #page-admin-main.admin-kit-shell .admin-revenue-summary { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; } #page-admin-main.admin-kit-shell .admin-revenue-summary :is(th,td) { padding:14px 12px; border-bottom:1px solid var(--kit-line); text-align:right; white-space:nowrap; } #page-admin-main.admin-kit-shell .admin-revenue-summary th:first-child { text-align:left; } #page-admin-main.admin-kit-shell .admin-revenue-summary thead { font-size:12px; color:var(--kit-muted); } #page-admin-main.admin-kit-shell .admin-revenue-summary td { font-size:20px; } #page-admin-main.admin-kit-shell .admin-revenue-summary td:last-child { font-weight:700; } #page-admin-main.admin-kit-shell .admin-revenue-summary small { display:block; font-size:11px; margin-top:4px; color:var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-company-classification { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:16px 0; border-bottom:1px solid var(--kit-line); } #page-admin-main.admin-kit-shell .cw-company-classification p { margin:6px 0; font-size:12px; color:var(--kit-muted); } #page-admin-main.admin-kit-shell .cw-cancellation-notice { padding:20px; margin-bottom:20px; background:var(--kit-subtle); border:1px solid var(--kit-line); border-radius:10px; } #page-admin-main.admin-kit-shell .cw-cancellation-notice p { margin:8px 0; font-size:13px; } #page-admin-main.admin-kit-shell .cw-cancellation-notice textarea { display:block; width:100%; max-width:640px; box-sizing:border-box; min-height:64px; margin:8px 0; resize:vertical; } /* Account content starts at the left edge. Staff rows use the full available width. */ #page-admin-main.admin-kit-shell .cw-representative-account { display:block; padding:12px 0 !important; margin-bottom:16px !important; } #page-admin-main.admin-kit-shell .cw-representative-row { min-height:56px; padding:12px 16px !important; margin-top:8px; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section { display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; } #page-admin-main.admin-kit-shell .cw-kit-accounts-section > .cw-accounts-heading { margin:0 !important; align-self:center; } #page-admin-main.admin-kit-shell .cw-kit-accounts-content { display:contents; } #page-admin-main.admin-kit-shell .cw-kit-account-filters { flex:1; margin:0 !important; } #page-admin-main.admin-kit-shell .cw-account-table-scroll { width:100%; } #page-admin-main.admin-kit-shell .cw-account-foot { width:100%; margin:0 !important; } #page-admin-main.admin-kit-shell .cw-account-row-tools { display:flex; align-items:center; gap:8px; } #page-admin-main.admin-kit-shell .cw-account-connect { white-space:nowrap; padding:6px 12px !important; } /* Card issuer and masked number stay readable on the card, including in dark mode. */ #page-admin-main.admin-kit-shell .cw-payment-card { box-sizing:border-box; width:340px; max-width:100%; min-height:206px; padding:22px; border-radius:16px !important; background:var(--card-bg) !important; color:var(--card-ink) !important; display:flex; flex-direction:column; align-items:flex-start; gap:18px; box-shadow:0 8px 20px #00000016; } #page-admin-main.admin-kit-shell .cw-payment-card-brand { font-size:19px; font-weight:700; color:inherit !important; } #page-admin-main.admin-kit-shell .cw-payment-card-chip { width:34px; height:26px; background:#d8c392; border:1px solid #ac955c; border-radius:5px; } #page-admin-main.admin-kit-shell .cw-payment-card-number { font-size:18px; letter-spacing:1.5px; white-space:nowrap; color:inherit !important; } #page-admin-main.admin-kit-shell .cw-payment-card-meta { display:flex; flex-wrap:wrap; gap:6px 16px; justify-content:space-between; width:100%; font-size:11px; color:inherit !important; } @media(max-width:600px) { #page-admin-main.admin-kit-shell .admin-revenue-summary :is(th,td) { padding:12px 6px; font-size:12px; } #page-admin-main.admin-kit-shell .admin-revenue-summary td { font-size:14px; } #page-admin-main.admin-kit-shell .cw-kit-account-filters { flex-basis:100%; } } #page-admin-main.admin-kit-shell .cw-representative-identity { flex:1; display:flex; align-items:center; flex-wrap:wrap; gap:8px 24px; min-width:0; } @media(max-width:600px) { #page-admin-main.admin-kit-shell .admin-revenue-summary, #page-admin-main.admin-kit-shell .admin-revenue-summary tbody { display:block; min-width:0 !important; } #page-admin-main.admin-kit-shell .admin-revenue-summary thead { display:none; } #page-admin-main.admin-kit-shell .admin-revenue-summary tr { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--kit-line); padding:10px 0; } #page-admin-main.admin-kit-shell .admin-revenue-summary :is(th,td) { border:0 !important; padding:4px 6px; text-align:left; white-space:normal; overflow-wrap:anywhere; } #page-admin-main.admin-kit-shell .admin-revenue-summary th { grid-column:1 / -1; } #page-admin-main.admin-kit-shell .admin-revenue-summary td { font-size:14px; } #page-admin-main.admin-kit-shell .admin-revenue-summary td::before { content:attr(data-label); display:block; font-size:11px; color:var(--kit-muted); margin:4px 0; font-weight:400; } #page-admin-main.admin-kit-shell .admin-revenue-summary small { font-size:10px; } } @media(max-width:600px) { #page-admin-main.admin-kit-shell .admin-revenue-summary :is(tr,th,td) { height:auto !important; min-height:0 !important; } }