:root {
    --navy: #073b2a;
    --navy-2: #0b5138;
    --navy-3: #126b4a;
    --blue: #0f8f62;
    --blue-dark: #0a6f4b;
    --cyan: #34c58a;
    --bg: #eef5f1;
    --surface: #fff;
    --surface-soft: #f4f8f6;
    --line: #d4e1da;
    --line-dark: #bdcec5;
    --text: #24382e;
    --muted: #6f8177;
    --success: #0f8f62;
    --warning: #b65d13;
    --danger: #c33b4a;
    font-family: "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
    color: var(--text);
    background: var(--bg);
}

* { box-sizing: border-box; }
html { min-width: 1180px; background: var(--bg); }
body { margin: 0; background: var(--bg); font-size: 12px; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.promo-strip { position: sticky; top: 0; z-index: 100; display: flex; height: 32px; align-items: center; gap: 28px; padding: 0 18px; border-bottom: 1px solid #b9d7c7; background: linear-gradient(90deg, #e2f6eb 0 55%, #0f8f62 55%); color: #087751; }
.promo-strip strong { font-size: 13px; }
.promo-strip span { color: #3c7660; }
.promo-strip .promo-right { margin-left: auto; color: #fff; }

.global-header { position: sticky; top: 32px; z-index: 99; display: flex; height: 48px; align-items: center; gap: 10px; padding: 0 9px; background: var(--navy); color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.home-symbol { display: grid; width: 34px; height: 34px; margin: 0 2px; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 9px; background: linear-gradient(135deg, #20ad79, #08704f); color: #fff; font-size: 19px; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.seller-center { padding: 8px 12px; border-radius: 2px; background: #dbe7e0; color: #123b2b; font-weight: 700; white-space: nowrap; }
.global-group-selector { display: grid; height: 31px; grid-template-columns: 35px 100px 34px; align-items: stretch; border: 1px solid #82a796; background: #dce8e2; color: #173e2d; white-space: nowrap; }
.global-group-selector > span { display: grid; place-items: center; border-right: 1px solid #9ab7aa; background: #bdd8ca; font-size: 10px; font-weight: 800; }
.global-group-selector select { width: 100px; height: 29px; border: 0; border-radius: 0; background: #eef5f1; color: #183d2d; font-weight: 700; }
.global-group-selector button { border: 0; border-left: 1px solid #8eae9f; background: #0f8f62; color: #fff; cursor: pointer; font-size: 9px; font-weight: 800; }
.header-icons { display: flex; align-items: center; gap: 2px; }
.header-icons a, .gear-button { display: grid; width: 34px; height: 34px; place-items: center; color: #b9dac9; font-size: 16px; }
.header-icons a:hover, .gear-button:hover { color: #fff; background: #0c5b3f; }
.notice-ticker { min-width: 180px; flex: 1; overflow: hidden; color: #c8ded3; text-overflow: ellipsis; white-space: nowrap; }
.notice-ticker b { color: #e3f4eb; }
.global-search { display: grid; width: min(400px, 32vw); grid-template-columns: 140px 1fr 38px; }
.global-search select, .global-search input { height: 31px; border: 0; border-right: 1px solid #92aa9d; border-radius: 0; background: #dbe5df; }
.global-search select { padding: 0 8px; }
.global-search input { padding: 0 9px; }
.global-search button { border: 0; background: #0c7652; color: #fff; font-size: 20px; cursor: pointer; }
.quick-button { height: 31px; padding: 7px 15px; border: 1px solid #9bb9a9; background: #f4f7f5; color: #173e2d; font-weight: 700; white-space: nowrap; }
.quick-button.secondary { background: #d8eee2; }
.gear-button { width: 36px; background: #167a55; color: #ddf6e9; }

.work-tabs { position: sticky; top: 80px; z-index: 96; display: flex; height: 34px; min-width: 0; align-items: end; gap: 2px; overflow: hidden; padding: 3px 8px 0 66px; border-bottom: 1px solid #9db2a7; background: #d9e2dd; }
.work-tab-list { display: flex; min-width: 0; height: 31px; flex: 1; align-items: end; gap: 2px; overflow-x: auto; overflow-y: hidden; scrollbar-width: thin; }
.work-tab { display: flex; width: 148px; min-width: 148px; height: 30px; align-items: center; justify-content: center; gap: 7px; padding: 0 12px; transform: skew(-12deg); border: 1px solid #adbbb4; border-bottom: 0; background: #c7d2cc; color: #40584b; }
.work-tab > * { transform: skew(12deg); }
.work-tab b { min-width: 0; overflow: hidden; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.work-tab i { margin-left: auto; padding: 4px; color: #879a90; font-style: normal; cursor: pointer; }
.work-tab i:hover { color: #b22f3e; }
.work-tab.active { background: #fff; color: #193b2c; }
.work-tab.home { width: 54px; min-width: 54px; max-width: 54px; font-size: 16px; }

.category-rail { position: fixed; top: 114px; bottom: 0; left: 0; z-index: 95; width: 60px; background: #06412e; color: #c8e4d6; }
.category-rail ul { margin: 0; padding: 0; list-style: none; }
.rail-item { position: relative; border-bottom: 1px solid rgba(255,255,255,.08); }
.rail-link { display: flex; height: 62px; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #d9eee3; }
.rail-link:hover, .rail-item.active > .rail-link { background: #07583c; color: #fff; }
.rail-item.active > .rail-link { box-shadow: inset 3px 0 var(--cyan); }
.rail-icon { font-size: 17px; }
.submenu-panel { position: absolute; top: 0; left: 60px; display: none; width: 220px; padding: 11px 0 12px; border: 1px solid #0a6444; background: #085037; box-shadow: 7px 7px 18px rgba(3,39,25,.24); }
.rail-item:hover .submenu-panel, .rail-item:focus-within .submenu-panel { display: block; }
.submenu-panel strong { display: block; padding: 6px 15px 10px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; font-size: 13px; }
.submenu-panel a { display: flex; height: 34px; align-items: center; gap: 9px; padding: 0 14px; color: #d0e8dc; }
.submenu-panel a span { color: #5fd4a0; font-size: 7px; }
.submenu-panel a:hover, .submenu-panel a.active { background: #0d704c; color: #fff; }
.rail-disabled { display: flex; height: 43px; flex-direction: column; align-items: center; justify-content: center; color: #719984; }
.rail-disabled small { font-size: 9px; }

.app-main { min-height: calc(100vh - 114px); margin-left: 60px; }
.page-caption { display: flex; height: 38px; align-items: center; justify-content: space-between; padding: 0 17px; border-bottom: 1px solid var(--line); background: #fff; }
.page-caption strong { font-size: 13px; }
.page-caption span { color: var(--muted); font-size: 10px; }
.content-area { padding: 11px 12px 50px; }

.alert { margin-bottom: 10px; padding: 10px 13px; border: 1px solid; border-radius: 2px; }
.alert.success { border-color: #9fd8c4; background: #e9f8f3; color: #087653; }
.alert.error { border-color: #efb3ba; background: #fff0f2; color: #ad2838; }
.alert ul { margin: 6px 0 0; padding-left: 18px; }

.plto-workspace { display: grid; grid-template-columns: 275px minmax(760px, 1fr); gap: 10px; align-items: start; }
.search-sidebar, .data-surface, .panel, .form-card, .table-card, .dashboard-card { border: 1px solid var(--line); background: var(--surface); box-shadow: 0 1px 2px rgba(20,35,56,.04); }
.search-sidebar { position: sticky; top: 122px; }
.sidebar-registration { display: flex; height: 60px; align-items: center; justify-content: center; gap: 7px; border-bottom: 1px solid #075b41; background: linear-gradient(135deg, #087c58, #0b9869); color: #fff; font-size: 13px; font-weight: 800; }
.sidebar-registration span { font-size: 20px; line-height: 1; }
.sidebar-registration b { margin-left: 3px; font-size: 10px; }
.sidebar-registration:hover { background: linear-gradient(135deg, #076e4e, #09865e); }
.side-tabs { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid var(--line); background: #f4f6f8; }
.side-tabs a { padding: 11px 3px; border-right: 1px solid var(--line); color: #6e7b8e; text-align: center; }
.side-tabs a.active { border-top: 2px solid var(--blue); background: #fff; color: var(--blue); font-weight: 700; }
.search-form { padding: 12px; }
.search-block { padding: 0 0 13px; border-bottom: 1px solid #e6e9ee; margin-bottom: 13px; }
.search-block:last-child { border-bottom: 0; }
.search-block h3 { margin: 0 0 8px; color: #4d5a6f; font-size: 11px; }
.inline-fields { display: grid; grid-template-columns: 1fr 92px; gap: 5px; }
.match-fields { display: grid; grid-template-columns: 1fr 88px; gap: 5px; }
.date-range { display: grid; grid-template-columns: 1fr 15px 1fr; align-items: center; gap: 4px; }
.date-range span { text-align: center; }
.preset-buttons { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.preset-buttons button { min-width: 46px; height: 25px; border: 1px solid var(--line-dark); background: #fff; color: #657186; cursor: pointer; }
.detail-search-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.side-actions { display: flex; gap: 5px; }
.side-actions .button { flex: 1; }
.search-note { margin: 6px 0 0; color: #8b96a5; font-size: 10px; line-height: 1.45; }

input, select, textarea { width: 100%; border: 1px solid var(--line-dark); border-radius: 2px; background: #fff; color: var(--text); outline: 0; }
input, select { height: 31px; padding: 0 8px; }
textarea { padding: 8px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 2px rgba(15,143,98,.12); }
label { cursor: default; }

.data-surface { min-width: 0; }
.surface-head { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 12px; border-bottom: 1px solid var(--line); }
.surface-head h1 { margin: 0; font-size: 16px; }
.surface-head p { margin: 3px 0 0; color: var(--muted); font-size: 10px; }
.button-group, .toolbar-actions, .table-controls, .form-actions { display: flex; align-items: center; gap: 5px; }
.button { display: inline-flex; min-height: 31px; align-items: center; justify-content: center; padding: 0 11px; border: 1px solid var(--line-dark); border-radius: 2px; background: #fff; color: #445168; cursor: pointer; font-weight: 700; white-space: nowrap; }
.button:hover { border-color: #8996a8; background: #f5f7f9; }
.button.primary { border-color: var(--blue-dark); background: var(--blue); color: #fff; }
.button.primary:hover { background: var(--blue-dark); }
.button.sky { border-color: #62b895; background: #e8f7f0; color: #08734f; }
.button.danger { border-color: #d48790; background: #fff3f4; color: #b72f3e; }
.button.ghost { background: #f7f8f9; }
.button.small { min-height: 26px; padding: 0 8px; font-size: 10px; }

.action-toolbar { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: 12px; padding: 7px 11px; border-bottom: 1px solid var(--line); background: #fafbfc; }
.toolbar-actions { flex-wrap: wrap; }
.toolbar-actions .button { min-width: 72px; }
.bulk-transmission-form select { width: 260px; }
.bulk-transmission-form [data-selected-products] { min-width: 46px; color: var(--blue-dark); font-weight: 700; }
.status-strip { display: flex; min-height: 49px; align-items: stretch; overflow-x: auto; border-bottom: 1px solid var(--line); background: #fff; }
.status-card { display: flex; min-width: 88px; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid #e4e7eb; color: #6f7c90; }
.status-card strong { margin-top: 3px; color: #157c57; font-size: 15px; }
.status-card.active { box-shadow: inset 0 -3px var(--blue); color: #213d31; font-weight: 700; }
.legacy-import-drawer { border-bottom: 1px solid var(--line); background: #f8fbf9; }
.legacy-import-drawer summary { width: max-content; padding: 7px 12px; color: #64766c; cursor: pointer; font-weight: 700; }
.legacy-import-drawer form { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 10px 12px; border-top: 1px solid var(--line); }
.legacy-import-drawer p { margin: 0; color: var(--muted); }
.legacy-import-drawer input { width: 230px; }
.legacy-import-drawer select { width: 290px; }

.product-command-center { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); min-height: 146px; border-bottom: 1px solid var(--line); background: #fff; }
.product-action-panel { min-width: 0; padding: 8px 9px 7px; border-right: 1px solid var(--line); background: #fff; }
.action-account-row { display: flex; min-height: 29px; align-items: center; gap: 6px; margin-top: 6px; }
.action-account-row [data-selected-products] { min-width: 50px; color: var(--blue-dark); }
.action-target-note { min-width: 0; flex: 1; overflow: hidden; color: #718078; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.action-target-note b { color: #1b7351; }
.api-mode-label { margin-left: auto; color: var(--muted); white-space: nowrap; }
.product-action-grid { display: grid; grid-template-columns: repeat(5, minmax(68px, 88px)); grid-auto-rows: 54px; justify-content: start; gap: 5px; }
.product-action-button { display: flex; min-height: 54px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 1px solid #cddbd4; border-radius: 1px; background: linear-gradient(#fff, #f8faf9); color: #197653; cursor: pointer; font-weight: 700; }
.product-action-button:hover { border-color: #6eae91; background: #eef9f4; color: #086f4b; }
.product-action-button:disabled { border-color: #e0e5e2; background: #f5f6f6; color: #a6b0ab; cursor: not-allowed; }
.product-action-icon { font-size: 20px; font-weight: 400; line-height: 1; }

.product-status-panel { display: grid; width: 100%; grid-template-columns: repeat(5, minmax(58px, 72px)); align-content: start; justify-content: end; gap: 6px 8px; justify-self: end; padding: 10px 11px; border-left: 1px solid #edf0ee; }
.product-status-card { --status-color: #77857e; --label-background: var(--status-color); --label-color: #fff; display: grid; min-height: 43px; grid-template-rows: 23px 1fr; place-items: center; border: 1px solid #d8dfdc; border-radius: 1px; background: #fff; color: #263a30; text-align: center; transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease; }
.product-status-card span { align-self: center; min-width: 57px; padding: 3px 5px; border: 1px solid var(--status-color); border-radius: 1px; background: var(--label-background); color: var(--label-color); font-size: 10px; font-weight: 800; line-height: 14px; }
.product-status-card strong { color: #222c27; font-size: 15px; line-height: 19px; }
.product-status-card.total { --status-color: #33aec7; --label-background: #fff; --label-color: #238ba1; }
.product-status-card.waiting { --status-color: #e2aa2f; }
.product-status-card.selling { --status-color: #e77c28; }
.product-status-card.updating { --status-color: #70b465; }
.product-status-card.ending { --status-color: #9a4037; }
.product-status-card.approval { --status-color: #ad8c35; }
.product-status-card.rejected { --status-color: #d15c6e; --label-background: #fff; --label-color: #c54457; }
.product-status-card.out_of_stock { --status-color: #8d989d; }
.product-status-card.suspended { --status-color: #596267; }
.product-status-card:hover { transform: translateY(-1px); border-color: var(--status-color); box-shadow: 0 3px 8px rgba(33,54,44,.14); }
.product-status-card.active { border-color: var(--status-color); box-shadow: inset 0 -3px var(--status-color); }

.product-tabs { padding-top: 7px; }
.product-tabs a { min-width: 165px; }
.product-result-count { margin-right: auto; color: var(--muted); font-weight: 700; }
.product-table-controls { justify-content: space-between; }
.product-table-controls form { width: 128px; }
.legacy-import-menu { position: relative; }
.legacy-import-menu > summary { list-style: none; }
.legacy-import-menu > summary::-webkit-details-marker { display: none; }
.legacy-import-menu[open] > summary { border-color: var(--blue); background: #eef9f4; color: var(--blue-dark); }
.legacy-import-menu > form { position: absolute; top: 36px; right: 0; z-index: 30; display: grid; width: 430px; gap: 7px; padding: 13px; border: 1px solid #9dbcae; background: #fff; box-shadow: 0 8px 22px rgba(11,70,46,.18); }
.legacy-import-menu > form strong { color: #244a38; }
.legacy-import-menu > form p { margin: 0 0 3px; color: var(--muted); font-size: 10px; line-height: 1.5; white-space: normal; }
.legacy-import-menu > form input, .legacy-import-menu > form select { width: 100%; }
.legacy-import-menu > form .button { justify-self: end; }
.product-list-table { min-width: 2050px; table-layout: auto; }
.product-list-table th { background: #426d59; color: #fff; }
.product-list-table td { height: 49px; }
.product-list-table .check-cell { width: 48px; min-width: 48px; padding-right: 5px; padding-left: 5px; }
.product-list-table input[type="checkbox"] { position: relative; display: inline-grid; width: 17px; min-width: 17px; height: 17px; margin: 0; place-content: center; appearance: none; border: 1px solid #8ea39a; border-radius: 2px; background: #fff; cursor: pointer; vertical-align: middle; }
.product-list-table input[type="checkbox"]::before { width: 9px; height: 5px; transform: rotate(-45deg) scale(0); border-bottom: 2px solid #fff; border-left: 2px solid #fff; content: ""; transition: transform .08s ease-in-out; }
.product-list-table input[type="checkbox"]:checked { border-color: #087b56; background: #0f8f62; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.product-list-table input[type="checkbox"]:checked::before { transform: translateY(-1px) rotate(-45deg) scale(1); }
.product-list-table input[type="checkbox"]:indeterminate { border-color: #318d69; background: #dff2e9; }
.product-list-table input[type="checkbox"]:indeterminate::before { width: 9px; height: 0; transform: none; border: 0; border-top: 2px solid #197350; }
.product-list-table th:nth-child(5), .product-list-table td:nth-child(5) { min-width: 185px; }
.product-list-table th:nth-child(6), .product-list-table td:nth-child(6) { min-width: 210px; }
.product-list-table th:nth-child(7), .product-list-table td:nth-child(7) { min-width: 240px; }
.master-product-row td { background: #f4f6f5; color: #5d6a64; font-weight: 600; }
.master-product-row:hover td { background: #edf5f1; }
.channel-product-row td { background: #fff; }
.channel-product-row:hover td { background: #eff9f4; }
.master-product-row.is-selected td { background: #dff3e9; }
.channel-product-row.is-selected td { background: #eaf8f1; }
.master-label { display: inline-flex; align-items: center; padding: 3px 7px; border: 1px solid #ccd7d1; background: #fff; color: #52665b; font-weight: 800; }
.tree-count { color: #66786e; font-size: 10px; font-weight: 700; }
.tree-check-wrap { display: inline-flex; align-items: center; justify-content: center; gap: 2px; }
.channel-tree-marker { color: #70a58c; font-size: 16px; font-weight: 400; line-height: 17px; }
.product-list-table .product-thumb-image { display: block; width: 40px !important; min-width: 40px; max-width: 40px !important; height: 40px !important; min-height: 40px; max-height: 40px !important; border: 1px solid var(--line); border-radius: 2px; background: #fff; object-fit: cover; cursor: zoom-in; }
.product-image-hover-preview { position: fixed; z-index: 1000; display: block; width: 230px; height: 230px; padding: 5px; border: 2px solid #3a765b; border-radius: 4px; background: #fff; object-fit: contain; pointer-events: none; box-shadow: 0 10px 30px rgba(5,45,29,.28); }
.product-image-hover-preview[hidden] { display: none !important; }
.channel-thumb { background: #eef8f3; color: #287757; }
.channel-account { display: flex; align-items: center; gap: 6px; }
.channel-mark { display: inline-flex; min-width: 51px; min-height: 20px; align-items: center; justify-content: center; padding: 0 6px; border-radius: 2px; background: #e7f4ed; color: #147451; font-size: 9px; }
.channel-mark.channel-coupang { background: #fff1e8; color: #bd4d12; }
.channel-mark.channel-smartstore { background: #e8faef; color: #008c3e; }
.channel-mark.channel-elevenst { background: #fff0f1; color: #bd2636; }
.channel-mark.channel-lotteon { background: #f5edff; color: #7a3ab4; }
.badge.channel-status.waiting, .badge.channel-status.approval { background: #fff0ce; color: #966100; }
.badge.channel-status.selling { background: #dff6ed; color: var(--success); }
.badge.channel-status.updating { background: #e8f4df; color: #4d7f32; }
.badge.channel-status.ending, .badge.channel-status.suspended { background: #e7e9e8; color: #59645e; }
.badge.channel-status.rejected { background: #fde4e7; color: var(--danger); }
.badge.channel-status.out_of_stock { background: #edf0ef; color: #626d67; }
.order-status-strip .status-card { min-width: 92px; }
.order-status-strip { max-height: 58px; }
.order-summary-row { display: flex; min-height: 40px; align-items: center; gap: 24px; padding: 7px 11px; border-bottom: 1px solid var(--line); background: #f8fbf9; color: var(--muted); }
.order-summary-row b { color: var(--blue-dark); }
.order-table th, .order-table td { max-width: 260px; }
.order-table td { overflow: hidden; text-overflow: ellipsis; }
.order-table td:nth-child(10) { white-space: normal; min-width: 180px; }
.order-totals { padding: 9px 12px; border-top: 1px solid var(--line); background: #f8faf9; color: #536b5e; text-align: right; }
.order-detail-dialog { width: min(1180px, calc(100vw - 44px)); max-width: none; max-height: 90vh; padding: 0; overflow: hidden; border: 1px solid #729b87; border-radius: 4px; background: #f4f7f5; color: var(--text); box-shadow: 0 18px 55px rgba(7, 38, 25, .35); }
.order-detail-dialog::backdrop { background: rgba(8, 29, 21, .52); }
.order-detail-dialog-head { display: flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 13px; border-bottom: 1px solid #9cb5a8; background: #07543b; color: #fff; }
.order-detail-dialog-head strong, .order-detail-dialog-head span { display: block; }
.order-detail-dialog-head strong { font-size: 14px; }
.order-detail-dialog-head span { margin-top: 3px; color: #cce8dc; font-size: 9px; }
.order-detail-close { display: grid; width: 29px; height: 29px; padding: 0; place-items: center; border: 1px solid rgba(255,255,255,.5); border-radius: 2px; background: rgba(255,255,255,.1); color: #fff; font-size: 21px; line-height: 1; cursor: pointer; }
.order-detail-close:hover { background: rgba(255,255,255,.22); }
.order-detail-dialog-body { max-height: calc(90vh - 49px); overflow: auto; padding: 10px; }
.order-detail-loading, .order-detail-error { display: grid; min-height: 260px; place-items: center; border: 1px solid var(--line); background: #fff; color: var(--muted); }
.order-detail-error { color: var(--danger); }
.order-detail-summary, .order-detail-section, .order-detail-products, .order-raw-payload { border: 1px solid var(--line); background: #fff; }
.order-detail-titleline { display: flex; min-height: 43px; align-items: center; justify-content: space-between; gap: 14px; padding: 8px 11px; border-bottom: 1px solid var(--line); }
.order-detail-titleline > div { display: flex; align-items: center; gap: 8px; }
.order-detail-titleline small { color: var(--muted); }
.order-detail-keyfacts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
.order-detail-keyfacts div { min-width: 0; padding: 9px 11px; border-right: 1px solid var(--line); }
.order-detail-keyfacts div:last-child { border-right: 0; }
.order-detail-keyfacts dt, .order-detail-list dt { color: var(--muted); font-size: 9px; font-weight: 700; }
.order-detail-keyfacts dd { margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; font-weight: 700; white-space: nowrap; }
.order-detail-sections { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.order-detail-section h3, .order-detail-products h3 { margin: 0; padding: 8px 11px; border-bottom: 1px solid var(--line); background: #edf6f1; color: #07543b; font-size: 11px; }
.order-detail-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.order-detail-list > div { min-height: 48px; padding: 8px 10px; border-right: 1px solid #edf0ee; border-bottom: 1px solid #edf0ee; }
.order-detail-list > div:nth-child(even) { border-right: 0; }
.order-detail-list > div.wide { grid-column: 1 / -1; border-right: 0; }
.order-detail-list dd { margin: 5px 0 0; line-height: 1.45; word-break: break-all; }
.order-detail-list dd.strong { color: #08734f; font-size: 13px; font-weight: 900; }
.order-history-list { max-height: 240px; margin: 0; overflow-y: auto; padding: 0; list-style: none; }
.order-history-list li { display: grid; grid-template-columns: 126px 88px 1fr; gap: 8px; padding: 8px 10px; border-bottom: 1px solid #edf0ee; }
.order-history-list time { color: var(--muted); font-family: Consolas, monospace; font-size: 9px; }
.order-history-list strong { color: #08734f; }
.order-detail-products { margin-top: 8px; }
.order-detail-products h3 strong { color: #08734f; }
.order-detail-products table { min-width: 1050px; }
.order-detail-products tr.selected-row td { background: #e7f7ef; }
.order-raw-payload { margin-top: 8px; }
.order-raw-payload summary { padding: 10px 12px; background: #eef3f0; color: #385f4d; font-weight: 800; cursor: pointer; }
.order-raw-payload p { margin: 9px 11px 0; color: var(--muted); font-size: 9px; }
.order-raw-payload pre { max-height: 330px; margin: 9px 11px 11px; overflow: auto; padding: 11px; background: #14271f; color: #d9eee5; font-size: 10px; line-height: 1.55; white-space: pre-wrap; word-break: break-all; }
.current-matching { display: flex; min-height: 39px; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px; border-bottom: 1px solid var(--line); background: #eff9f4; color: #476657; }
.matching-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; padding: 8px; background: #e8efeb; }
.matching-pane { min-width: 0; border: 1px solid var(--line); background: #fff; }
.matching-pane-head { display: flex; min-height: 43px; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 11px; border-bottom: 1px solid var(--line); }
.matching-pane-head h2 { margin: 0; font-size: 14px; }
.matching-pane-head span { color: var(--muted); }
.matching-search { display: grid; grid-template-columns: 125px minmax(160px, 1fr) auto auto; gap: 5px; padding: 8px; border-bottom: 1px solid var(--line); background: #f8faf9; }
.matching-table { min-height: 370px; max-height: 58vh; }
.matching-table table { min-width: 820px; }
.matching-table .selected-row td { background: #e7f7ef; }
.content-tabs { display: flex; min-height: 38px; align-items: end; gap: 1px; padding: 6px 9px 0; border-bottom: 1px solid var(--line); background: #f5f6f8; }
.content-tabs a { min-width: 116px; padding: 8px 12px; border: 1px solid var(--line); border-bottom: 0; background: #e9edf1; color: #68758a; text-align: center; }
.content-tabs a.active { background: #fff; color: var(--blue); font-weight: 700; }
.table-controls { justify-content: flex-end; padding: 7px 10px; border-bottom: 1px solid var(--line); }
.table-controls select { width: 130px; }

.table-scroll, .table-card { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; white-space: nowrap; }
th, td { min-height: 36px; padding: 9px 10px; border-right: 1px solid #e3e7ec; border-bottom: 1px solid #dfe4ea; text-align: left; vertical-align: middle; }
th:last-child, td:last-child { border-right: 0; }
th { background: #f1f3f6; color: #4f5d72; font-size: 10px; font-weight: 700; text-align: center; }
td { background: #fff; font-size: 11px; }
tr:hover td { background: #f4fbf7; }
th.number, td.number { text-align: right; }
td.center { text-align: center; }
.check-cell { width: 34px; text-align: center; }
.check-cell input, input[type="checkbox"], input[type="radio"] { width: 15px; height: 15px; }
.product-thumb { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--line); background: #f5f7fa; color: #8793a5; font-weight: 800; }
.product-link { color: #0b8058; font-weight: 700; }
code { color: #46546a; font-family: Consolas, monospace; font-size: 10px; }
.empty { padding: 55px 20px !important; color: #8b96a7; text-align: center; }
.empty-inline { padding: 16px 0; color: var(--muted); }
.pager { display: flex; justify-content: center; gap: 14px; padding: 10px; border-top: 1px solid var(--line); }
.pager a { color: var(--blue); font-weight: 700; }
.pager .disabled { color: #b9c0ca; }

.badge { display: inline-flex; min-height: 21px; align-items: center; padding: 0 7px; border-radius: 10px; background: #edf0f4; color: #5f6b7e; font-size: 9px; font-weight: 800; }
.badge.selling, .badge.succeeded, .badge.info, .badge.active, .badge.completed { background: #dff6ed; color: var(--success); }
.badge.rejected, .badge.failed, .badge.error { background: #fde4e7; color: var(--danger); }
.badge.out_of_stock, .badge.blocked, .badge.warning, .badge.waiting { background: #fff0d9; color: var(--warning); }
.badge.drafted, .badge.ready, .badge.queued, .badge.running { background: #e2f3eb; color: #0a7551; }
.badge.inactive { background: #eceff3; color: #7c8797; }

.erp-connect-guide p { margin: 0 0 9px; color: var(--muted); font-size: 10px; line-height: 1.55; }
.erp-connect-guide b { color: var(--blue-dark); }
.erp-connect-guide .button { width: 100%; }
.erp-category-filter, .erp-state-filter { display: grid; gap: 5px; }
.erp-category-filter select, .erp-state-filter select { width: 100%; }
.erp-category-filter select:disabled { border-color: #e2e7e4; background: #f2f4f3; color: #a5aea9; }
.erp-import-status-strip { display: flex; justify-content: flex-end; gap: 7px; padding: 8px 11px; border-bottom: 1px solid var(--line); background: #f7faf8; }
.erp-import-status-card { --import-color: #33aec7; display: grid; min-width: 104px; min-height: 48px; grid-template-columns: 1fr auto; align-items: center; gap: 10px; padding: 6px 10px; border: 1px solid #d6e0db; border-left: 4px solid var(--import-color); background: #fff; color: #52655b; }
.erp-import-status-card span { font-size: 10px; font-weight: 800; }
.erp-import-status-card strong { color: var(--import-color); font-size: 18px; }
.erp-import-status-card.pending { --import-color: #e2aa2f; }
.erp-import-status-card.imported { --import-color: #0f8f62; }
.erp-import-status-card.active { border-color: var(--import-color); box-shadow: 0 2px 7px rgba(30,70,49,.13); }
.erp-import-toolbar select { width: 330px; }
.erp-import-toolbar [data-selected-products] { min-width: 54px; color: var(--blue-dark); font-weight: 800; }
.erp-import-help { margin-right: auto; color: var(--muted); font-size: 10px; }
.erp-import-table { min-width: 1650px; }
.erp-import-table th:nth-child(5), .erp-import-table td:nth-child(5) { min-width: 290px; }
.erp-import-table .product-thumb-image { width: 40px !important; min-width: 40px; max-width: 40px !important; height: 40px !important; min-height: 40px; max-height: 40px !important; object-fit: cover; }
.erp-import-table .erp-connect { background: #e0f4ea; color: #08734f; }
.erp-imported-row td { background: #f3faf6; }
.erp-imported-row:hover td { background: #e9f7ef; }

.channel-import-workspace .data-surface { min-width: 0; }
.channel-import-step { border-bottom: 1px solid var(--line); background: #fff; }
.channel-import-step-title { display: flex; min-height: 40px; align-items: center; gap: 12px; padding: 9px 13px; border-bottom: 1px solid #dfe7e2; background: #f5faf7; }
.channel-import-step-title strong { color: #07543b; font-size: 13px; }
.channel-import-step-title span { color: var(--muted); font-size: 10px; }
.channel-import-source-form { display: grid; grid-template-columns: minmax(340px, 520px) 145px auto auto 1fr; gap: 7px; align-items: start; padding: 11px 13px; }
.channel-account-picker { position: relative; min-width: 340px; }
.channel-account-picker summary { display: flex; min-height: 31px; align-items: center; justify-content: space-between; padding: 0 10px; border: 1px solid var(--line-dark); background: #fff; color: #405064; cursor: pointer; font-weight: 700; list-style: none; }
.channel-account-picker summary::-webkit-details-marker { display: none; }
.channel-account-options { position: absolute; z-index: 35; top: 34px; left: 0; display: grid; width: min(520px, 70vw); max-height: 310px; overflow-y: auto; padding: 6px; border: 1px solid #9db6aa; background: #fff; box-shadow: 0 5px 14px rgba(22,62,43,.18); }
.channel-account-options label { display: grid; grid-template-columns: 20px 1fr; gap: 7px; align-items: center; padding: 8px; border-bottom: 1px solid #edf1ef; cursor: pointer; }
.channel-account-options label:hover { background: #f0faf5; }
.channel-account-options label.disabled { opacity: .5; cursor: not-allowed; }
.channel-account-options b, .channel-account-options small { display: block; }
.channel-account-options small { margin-top: 3px; color: var(--muted); font-size: 9px; }
.channel-import-pages { display: grid; grid-template-columns: 1fr; gap: 3px; }
.channel-import-pages span { color: var(--muted); font-size: 9px; font-weight: 700; }
.channel-import-pages select { min-width: 130px; }
.channel-import-status-strip { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 12px; border-bottom: 1px solid var(--line); background: #fafcfb; }
.channel-import-status-strip a { --status-color: #4f7486; display: grid; min-width: 96px; min-height: 45px; grid-template-columns: 1fr auto; align-items: center; gap: 8px; padding: 5px 9px; border: 1px solid #dbe2df; border-left: 4px solid var(--status-color); background: #fff; color: #53655c; }
.channel-import-status-strip a.unmatched { --status-color: #d69a24; }
.channel-import-status-strip a.matched { --status-color: #278eb0; }
.channel-import-status-strip a.registered { --status-color: #0b8a5e; }
.channel-import-status-strip a.active { border-color: var(--status-color); box-shadow: 0 2px 7px rgba(25,70,47,.14); }
.channel-import-status-strip span { font-size: 10px; font-weight: 800; }
.channel-import-status-strip strong { color: var(--status-color); font-size: 17px; }
.channel-import-toolbar { min-height: 45px; }
.channel-import-toolbar [data-selected-products] { color: #07543b; font-weight: 800; }
.table-controls-inline { display: flex; align-items: center; gap: 8px; }
.table-controls-inline select { width: 125px; }
.channel-import-table { min-width: 1710px; }
.channel-import-table th:nth-child(6), .channel-import-table td:nth-child(6) { min-width: 280px; }
.channel-import-table .product-thumb-image { width: 40px !important; height: 40px !important; object-fit: cover; }
.channel-import-table tr.is-selected td { background: #eaf8f1; }

@media (max-width: 1380px) {
    .channel-import-source-form { grid-template-columns: minmax(310px, 1fr) 135px auto auto; }
    .channel-import-source-form::after { content: ''; }
}

.page-actions { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 10px; }
.page-actions h1 { margin: 0 0 5px; font-size: 20px; }
.page-actions p { margin: 0; color: var(--muted); }
.filter-card { display: flex; gap: 7px; align-items: end; padding: 11px; border: 1px solid var(--line); background: #fff; margin-bottom: 10px; }
.field { display: flex; min-width: 150px; flex-direction: column; gap: 5px; }
.field.grow { flex: 1; }
.field label { color: #47556a; font-size: 10px; font-weight: 700; }
.field small { color: var(--muted); line-height: 1.45; }
.field.field-disabled { opacity: .58; }
.field.field-disabled input { background: #eef1ef; cursor: not-allowed; }
.form-card, .panel { padding: 16px; }
.form-grid { display: grid; gap: 12px; }
.form-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.span-2 { grid-column: span 2; }
.section-heading { margin: 22px 0 12px; padding-top: 17px; border-top: 1px solid var(--line); }
.section-heading h2, .panel h2 { margin: 0 0 5px; font-size: 14px; }
.section-heading p, .panel-help { margin: 0; color: var(--muted); }
.option-grid { display: flex; flex-direction: column; gap: 6px; }
.option-row { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 110px 90px; gap: 5px; }
.form-actions { justify-content: flex-end; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.check-field { display: flex; align-items: center; gap: 7px; }
.detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.panel.spaced { margin-top: 10px; }
.definition-list { margin: 10px 0 0; }
.definition-list div { display: grid; grid-template-columns: 120px 1fr; padding: 8px 0; border-bottom: 1px solid var(--line); }
.definition-list dt { color: var(--muted); }
.definition-list dd { margin: 0; font-weight: 700; }
.channel-action { display: flex; align-items: center; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); }
.channel-action small { display: block; margin-top: 3px; color: var(--muted); }
.channel-action > div:first-of-type { min-width: 160px; flex: 1; }
.transmission-action-select { width: 190px; margin-right: 6px; }

.verification-box { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 10px; padding: 13px 16px; border: 1px solid #e2bd75; background: #fff8e9; }
.verification-box.verified { border-color: #92ceb8; background: #effaf6; }
.verification-status { display: flex; align-items: center; gap: 11px; }
.verification-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #e7a737; color: #fff; font-size: 16px; font-weight: 900; }
.verification-box.verified .verification-icon { background: var(--success); }
.verification-status strong { display: block; font-size: 12px; }
.verification-status p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.credential-label { display: flex; min-height: 18px; align-items: center; justify-content: space-between; gap: 8px; }
.credential-state { display: inline-flex; min-height: 19px; align-items: center; padding: 0 7px; border-radius: 10px; font-size: 9px; font-weight: 800; }
.credential-state.saved { background: #dff6ed; color: var(--success); }
.credential-state.missing { background: #fff0d9; color: var(--warning); }
.credential-field { padding: 10px; border: 1px solid var(--line); background: var(--surface-soft); }
.credential-field input::placeholder { color: #8896a8; }

.settings-grid { grid-template-columns: 1.1fr .9fr; }
.account-list { display: flex; flex-direction: column; gap: 6px; margin-top: 10px; }
.account-card { display: grid; grid-template-columns: 34px 1fr auto; gap: 9px; align-items: center; padding: 9px; border: 1px solid var(--line); }
.account-card:hover { border-color: #79b89c; background: #f4fbf7; }
.channel-logo { display: grid; width: 34px; height: 34px; place-items: center; background: #e1f3e9; color: var(--blue); font-weight: 900; }
.account-card small { display: block; margin-top: 3px; color: var(--muted); }
.account-arrow { color: #96a0ae; font-size: 19px; }
.stack-form { display: flex; flex-direction: column; gap: 10px; margin-top: 10px; }
.support-matrix { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 10px; }
.support-matrix div { padding: 11px; border: 1px solid var(--line); background: var(--surface-soft); }
.support-matrix strong, .support-matrix span { display: block; }
.support-matrix span { margin-top: 5px; color: var(--muted); line-height: 1.45; }

.record-form { margin: 9px; padding: 12px; border: 1px solid #c5dacf; background: #f4fbf7; }
.record-form summary { cursor: pointer; color: var(--blue); font-weight: 700; }
.record-form[open] summary { margin-bottom: 12px; }
.metadata-line { color: #708095; font-size: 10px; }
.row-actions { display: flex; justify-content: center; gap: 4px; }

.inventory-summary, .dashboard-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid var(--line); }
.inventory-summary > *, .dashboard-metrics > * { padding: 13px 16px; border-right: 1px solid var(--line); background: #fff; }
.inventory-summary > *:last-child, .dashboard-metrics > *:last-child { border-right: 0; }
.inventory-summary span, .dashboard-metrics span { display: block; color: var(--muted); font-size: 10px; }
.inventory-summary strong, .dashboard-metrics strong { display: block; margin-top: 5px; font-size: 18px; }
.adjust-form { display: grid; min-width: 330px; grid-template-columns: 86px 70px 1fr auto; gap: 4px; }
.adjust-form input, .adjust-form select { height: 27px; }

.dashboard-wrap { display: grid; gap: 10px; }
.dashboard-top { display: grid; grid-template-columns: 1fr 320px; gap: 10px; }
.dashboard-card { padding: 15px; }
.dashboard-card h2 { margin: 0 0 12px; font-size: 13px; }
.usage-row { display: grid; grid-template-columns: repeat(4, 1fr); }
.usage-row > div { padding: 10px 15px; border-right: 1px solid var(--line); }
.usage-row > div:last-child { border-right: 0; }
.usage-row small, .usage-row strong { display: block; }
.usage-row strong { margin-top: 6px; font-size: 17px; }
.banner-card { min-height: 120px; background: linear-gradient(135deg, #087052, #18a46f); color: #fff; }
.banner-card p { color: #d9f3e6; line-height: 1.7; }
.dashboard-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
.mini-status { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid var(--line); }
.mini-status > div { padding: 14px; border-right: 1px solid var(--line); text-align: center; }
.mini-status strong { display: block; margin-top: 7px; color: var(--blue); font-size: 18px; }

.floating-tools { position: fixed; right: 13px; bottom: 14px; z-index: 80; display: flex; flex-direction: column; gap: 5px; }
.floating-tools a { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #b7cec1; border-radius: 50%; background: #fff; color: #39725a; font-weight: 800; box-shadow: 0 2px 7px rgba(23,70,48,.13); }

.order-sync-form { display: grid; grid-template-columns: minmax(230px, 310px) auto auto; align-items: center; gap: 5px; }
.order-sync-form select { min-width: 230px; }

.scheduler-shell { display: grid; min-height: calc(100vh - 142px); grid-template-columns: 365px minmax(720px, 1fr); border: 1px solid #b8c8bf; background: #fff; }
.scheduler-browser { display: flex; min-width: 0; flex-direction: column; border-right: 1px solid #aebfb6; background: #eef2f0; }
.scheduler-browser-head { padding: 20px 18px 12px; border-bottom: 1px solid #c7d4cd; background: #f7f9f8; }
.scheduler-browser-head h1 { display: flex; align-items: center; gap: 8px; margin: 0 0 16px; font-size: 19px; }
.scheduler-browser-head h1 span { padding: 3px 7px; border: 1px solid #6aa58a; border-radius: 2px; color: #39795d; font-size: 10px; font-weight: 700; }
.scheduler-category-tabs { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; }
.scheduler-category-tabs button { height: 31px; padding: 0; border: 1px solid #c4d0ca; border-radius: 16px; background: #fff; color: #64736b; font-size: 11px; cursor: pointer; }
.scheduler-category-tabs button.active { border-color: #0d7b57; background: #0d7b57; color: #fff; font-weight: 800; }
.scheduler-task-list { display: flex; flex: 1; flex-direction: column; gap: 8px; padding: 13px 18px; overflow-y: auto; }
.scheduler-task-card { display: flex; min-height: 67px; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid #d2ddd7; border-radius: 5px; background: #fff; color: #263d32; box-shadow: 0 1px 2px rgba(20,50,36,.03); }
.scheduler-task-card:hover { border-color: #6fb194; background: #f7fcf9; }
.scheduler-task-card.selected { border-color: #0c815b; box-shadow: inset 3px 0 0 #0c815b; }
.scheduler-task-card.disabled { background: #f7f8f8; color: #78857f; }
.scheduler-task-card > div { display: flex; min-width: 0; flex-direction: column; gap: 4px; }
.scheduler-task-card strong { font-size: 12px; }
.scheduler-task-card small { overflow: hidden; color: #849088; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.scheduler-new { width: max-content; padding: 1px 5px; border: 1px solid #4b8db3; border-radius: 2px; color: #33789e; font-size: 8px; line-height: 13px; }
.scheduler-task-state { flex: 0 0 auto; color: #909a95; font-size: 10px; white-space: nowrap; }
.scheduler-task-state.running { color: #07855c; font-weight: 800; }
.scheduler-task-state b { margin-left: 4px; font-size: 18px; font-weight: 400; vertical-align: -1px; }
.scheduler-browser-note { margin: 0 18px 16px; padding: 14px; border-radius: 5px; background: linear-gradient(135deg, #087052, #18a46f); color: #fff; }
.scheduler-browser-note strong, .scheduler-browser-note span { display: block; }
.scheduler-browser-note span { margin-top: 5px; color: #d9f3e6; font-size: 9px; }
.scheduler-config { min-width: 0; padding: 18px 20px 30px; background: #fff; }
.scheduler-config-head { display: flex; align-items: center; justify-content: space-between; padding: 0 0 14px; border-bottom: 1px solid #c8d4ce; }
.scheduler-config-head h2 { margin: 0; font-size: 18px; }
.scheduler-config-head p { margin: 5px 0 0; color: #7d8983; font-size: 10px; }
.scheduler-task-intro { display: flex; align-items: center; justify-content: space-between; padding: 18px 14px; border: 1px solid #d4ded9; border-top: 0; background: #fbfcfb; }
.scheduler-task-intro h3 { margin: 0; font-size: 15px; }
.scheduler-task-intro p { margin: 6px 0 0; color: #718078; font-size: 10px; }
.scheduler-record-id { padding: 4px 8px; border-radius: 12px; background: #e6f5ee; color: #087551; font-size: 9px; font-weight: 700; }
.scheduler-coming-soon { margin-top: 12px; padding: 70px 30px; border: 1px dashed #afc3b8; background: #f8fbf9; text-align: center; }
.scheduler-coming-soon > span { display: inline-block; padding: 4px 10px; border-radius: 12px; background: #e4eee9; color: #577065; font-size: 9px; font-weight: 800; }
.scheduler-coming-soon h3 { margin: 16px 0 7px; }
.scheduler-coming-soon p { margin: 0 auto 20px; max-width: 500px; color: #718078; line-height: 1.7; }
.scheduler-settings-table { width: 100%; margin-top: 12px; border: 1px solid #cdd9d3; white-space: normal; }
.scheduler-settings-table th { width: 155px; padding: 18px 17px; border: 1px solid #d8e0dc; background: #f3f6f4; color: #53645b; font-size: 11px; text-align: left; vertical-align: top; }
.scheduler-settings-table td { padding: 15px 18px; border: 1px solid #d8e0dc; background: #fff; vertical-align: middle; }
.scheduler-settings-table td > .scheduler-switch, .scheduler-setting-copy { vertical-align: middle; }
.scheduler-switch { position: relative; display: inline-block; width: 38px; height: 21px; }
.scheduler-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.scheduler-switch span { position: absolute; inset: 0; border-radius: 12px; background: #c9d2cd; cursor: pointer; transition: .15s; }
.scheduler-switch span::after { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.18); content: ""; transition: .15s; }
.scheduler-switch input:checked + span { background: #36b978; }
.scheduler-switch input:checked + span::after { transform: translateX(17px); }
.scheduler-setting-copy { display: inline-flex; margin-left: 10px; flex-direction: column; gap: 3px; }
.scheduler-setting-copy strong { font-size: 11px; }
.scheduler-setting-copy small, .scheduler-help { color: #7d8983; font-size: 9px; }
.scheduler-inline-field { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; }
.scheduler-inline-field input { width: 62px; height: 30px; }
.scheduler-help { margin-left: 12px; }
.scheduler-radio-stack { display: flex; flex-direction: column; gap: 10px; }
.scheduler-radio-stack label { display: flex; align-items: center; gap: 6px; }
.scheduler-weekdays { display: flex; margin-bottom: 12px; gap: 0; }
.scheduler-weekdays label { position: relative; }
.scheduler-weekdays input { position: absolute; opacity: 0; }
.scheduler-weekdays span { display: grid; width: 40px; height: 34px; place-items: center; border: 1px solid #c6d3cc; border-right: 0; background: #fff; color: #5d6d65; cursor: pointer; }
.scheduler-weekdays label:first-child span { border-radius: 3px 0 0 3px; }
.scheduler-weekdays label:last-child span { border-right: 1px solid #c6d3cc; border-radius: 0 3px 3px 0; }
.scheduler-weekdays input:checked + span { border-color: #087c57; background: #087c57; color: #fff; font-weight: 800; }
.scheduler-time-row { display: flex; min-height: 32px; align-items: center; flex-wrap: wrap; gap: 6px; }
.scheduler-time-row select { width: 60px; height: 30px; }
.scheduler-time-row select[name="metadata[repeat_interval_minutes]"] { width: 92px; }
.scheduler-repeat-controls { display: inline-flex; align-items: center; gap: 6px; }
.scheduler-repeat-controls.hidden { display: none; }
.scheduler-time-row em { color: #65756d; font-size: 10px; font-style: normal; }
.scheduler-no-repeat { display: inline-flex; align-items: center; gap: 4px; margin-left: 5px; font-size: 10px; }
.scheduler-exceptions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 18px; }
.scheduler-exceptions > label { display: inline-flex; align-items: center; gap: 5px; }
.scheduler-exceptions details { min-width: 150px; }
.scheduler-exceptions summary { color: #36785c; cursor: pointer; font-size: 9px; }
.scheduler-exceptions textarea { display: block; width: 420px; margin-top: 7px; }
.scheduler-blackout-times { display: none; align-items: center; gap: 5px; }
.scheduler-blackout-times.visible { display: inline-flex; }
.scheduler-blackout-times input { width: 112px; }
.scheduler-account-scope { display: flex; align-items: center; gap: 16px; }
.scheduler-account-scope label { display: inline-flex; align-items: center; gap: 5px; }
.scheduler-account-scope > span { margin-left: auto; color: #44715c; font-size: 10px; }
.scheduler-account-picker { margin-top: 11px; border: 1px solid #cad7d0; }
.scheduler-account-picker.scope-all { display: none; }
.scheduler-account-search { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; border-bottom: 1px solid #d5dfda; }
.scheduler-account-search span { text-align: center; font-size: 18px; }
.scheduler-account-search input { height: 34px; border: 0; }
.scheduler-account-search button { height: 25px; margin-right: 6px; border: 1px solid #9fbbb0; background: #f3f9f6; color: #297355; font-size: 9px; cursor: pointer; }
.scheduler-account-options { display: grid; max-height: 170px; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow-y: auto; }
.scheduler-account-options > label { display: grid; grid-template-columns: 20px 1fr; align-items: center; padding: 9px 11px; border-right: 1px solid #e0e6e3; border-bottom: 1px solid #e0e6e3; }
.scheduler-account-options > label:nth-child(2n) { border-right: 0; }
.scheduler-account-options > label:hover { background: #f3faf6; }
.scheduler-account-options strong, .scheduler-account-options small { display: block; }
.scheduler-account-options strong { font-size: 10px; }
.scheduler-account-options small { margin-top: 3px; color: #87938d; font-size: 8px; }
.scheduler-runtime-summary { display: grid; grid-template-columns: 1fr 1fr 2fr; margin-top: 12px; border: 1px solid #d3ddd8; }
.scheduler-runtime-summary > div { min-width: 0; padding: 11px 14px; border-right: 1px solid #d3ddd8; }
.scheduler-runtime-summary > div:last-child { border-right: 0; }
.scheduler-runtime-summary span, .scheduler-runtime-summary strong { display: block; }
.scheduler-runtime-summary span { color: #7d8983; font-size: 9px; }
.scheduler-runtime-summary strong { overflow: hidden; margin-top: 5px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.scheduler-form-actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.scheduler-description { width: 360px; min-height: 38px; margin-right: auto; }
.scheduler-shell .alert.error ul { margin: 7px 0 0; padding-left: 18px; }

/* PlayAuto-style environment settings */
.environment-surface { min-height: calc(100vh - 142px); background: #f5f7f6; }
.environment-head { padding: 17px 20px; border-bottom: 1px solid #bdcbc4; background: #fff; }
.environment-head h1 { font-size: 17px; }
.environment-head p { margin-top: 6px; }
.environment-links { display: flex; gap: 6px; }
.environment-links a { padding: 7px 11px; border: 1px solid #bccac3; border-radius: 2px; background: #fff; color: #365b49; font-size: 10px; font-weight: 700; }
.environment-links a:hover { border-color: #16845e; color: #087452; }
.environment-section-nav { position: sticky; top: 80px; z-index: 7; display: flex; gap: 0; padding: 0 20px; border-bottom: 1px solid #b8c7bf; background: #eef3f0; }
.environment-section-nav a { min-width: 94px; padding: 11px 16px; border-right: 1px solid #ccd7d1; color: #5f6f67; font-size: 10px; font-weight: 800; text-align: center; }
.environment-section-nav a:first-child { border-left: 1px solid #ccd7d1; }
.environment-section-nav a:hover { background: #fff; color: #087552; }
.environment-panel { padding: 17px 20px 32px; }
.environment-section { margin-bottom: 18px; scroll-margin-top: 130px; border: 1px solid #c6d2cc; background: #fff; }
.environment-section > header { display: grid; grid-template-columns: 150px 1fr; align-items: center; min-height: 42px; padding: 0 16px; border-bottom: 2px solid #55645d; background: #f8faf9; }
.environment-section > header h2 { margin: 0; color: #233c31; font-size: 13px; }
.environment-section > header p { margin: 0; color: #7b8982; font-size: 9px; }
.environment-rows { background: #fff; }
.environment-row { display: block; border-bottom: 1px solid #d9e1dd; }
.environment-row:last-child { border-bottom: 0; }
.environment-row > summary, .environment-row.readonly, .environment-reset-row { display: grid; min-height: 49px; grid-template-columns: minmax(270px, 34%) 1fr 32px; align-items: center; padding: 0 14px; list-style: none; background: #fff; cursor: pointer; }
.environment-row > summary::-webkit-details-marker { display: none; }
.environment-row > summary:hover { background: #f5fbf8; }
.environment-row[open] > summary { border-bottom: 1px solid #cbd8d1; background: #f2faf6; }
.environment-row-label { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.environment-row-label strong { color: #283d33; font-size: 11px; }
.environment-row-label small { overflow: hidden; color: #8a958f; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.environment-current { overflow: hidden; color: #53635b; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.environment-row-caret { color: #6b7b73; font-size: 16px; text-align: right; transition: transform .15s; }
.environment-row[open] .environment-row-caret { transform: rotate(180deg); }
.environment-editor { padding: 16px 46px 16px calc(34% + 14px); background: #fbfcfb; box-shadow: inset 4px 0 0 #16845e; }
.environment-fields { display: grid; max-width: 820px; gap: 11px; }
.environment-field { display: grid; grid-template-columns: 175px minmax(260px, 1fr); align-items: center; gap: 12px; }
.environment-field > label { color: #41534a; font-size: 10px; font-weight: 700; }
.environment-field input[type="text"], .environment-field input[type="number"], .environment-field select { width: 100%; height: 33px; border: 1px solid #bccbc3; background: #fff; font-size: 10px; }
.environment-input-suffix { display: flex; align-items: center; gap: 7px; }
.environment-input-suffix input { max-width: 220px; }
.environment-input-suffix span { color: #66766e; font-size: 10px; }
.environment-switch { display: inline-flex; width: max-content; align-items: center; gap: 8px; cursor: pointer; }
.environment-switch input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.environment-switch span { position: relative; width: 38px; height: 21px; border-radius: 12px; background: #c8d0cc; transition: .15s; }
.environment-switch span::after { position: absolute; top: 3px; left: 3px; width: 15px; height: 15px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.2); content: ""; transition: .15s; }
.environment-switch input:checked + span { background: #22a56f; }
.environment-switch input:checked + span::after { transform: translateX(17px); }
.environment-switch b { color: #53645b; font-size: 10px; }
.environment-editor-actions { display: flex; max-width: 820px; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 14px; padding-top: 11px; border-top: 1px dashed #d2dcd7; }
.environment-editor-actions span { margin-right: auto; color: #87938d; font-size: 8px; }
.environment-editor-actions .button { min-width: 70px; }
.environment-row.readonly { cursor: default; }
.environment-reset-row { grid-template-columns: minmax(270px, 34%) 1fr auto; cursor: default; }
.environment-reset-row .button.danger { border-color: #cc7777; background: #fff; color: #a33434; }
.environment-reset-row .button.danger:hover { background: #fff4f4; }
.font-malgun { font-family: "Malgun Gothic", "맑은 고딕", sans-serif; }
.font-noto { font-family: "Noto Sans KR", "Malgun Gothic", sans-serif; }
.solution-lock { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; background: rgba(7,45,33,.9); backdrop-filter: blur(5px); }
.solution-lock[hidden] { display: none; }
.solution-lock-card { width: 330px; padding: 34px; border: 1px solid rgba(255,255,255,.25); border-radius: 7px; background: #fff; text-align: center; box-shadow: 0 18px 55px rgba(0,0,0,.3); }
.solution-lock-symbol { display: grid; width: 48px; height: 48px; margin: 0 auto 18px; place-items: center; border-radius: 12px; background: linear-gradient(135deg, #087052, #20ad73); color: #fff; font-size: 25px; font-weight: 900; }
.solution-lock-card h2 { margin: 0; font-size: 18px; }
.solution-lock-card p { margin: 10px 0 20px; color: #6f7d76; line-height: 1.6; }

/* Authentication and PlayAuto-style user management */
.user-session-summary { display: flex; align-items: center; gap: 8px; }
.user-session-summary b { color: #fff; }
.user-session-summary em { padding: 2px 6px; border: 1px solid rgba(255,255,255,.4); border-radius: 9px; color: #eafff4; font-size: 9px; font-style: normal; }
.header-logout-form { margin: 0; }
.header-logout-form button { height: 31px; padding: 0 10px; border: 1px solid #7da895; background: #e8f1ec; color: #174832; cursor: pointer; font-weight: 700; }
.header-logout-form button:hover { background: #fff; }
.button:disabled { opacity: .48; cursor: not-allowed; }

html:has(body.auth-page) { min-width: 0; }
body.auth-page { min-height: 100vh; background: radial-gradient(circle at 12% 18%, #16835c 0, #075039 34%, #052f23 72%); color: #fff; }
.auth-shell { display: grid; width: min(920px, calc(100vw - 40px)); min-height: 520px; grid-template-columns: 1fr 420px; margin: max(7vh, 40px) auto; overflow: hidden; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; background: rgba(255,255,255,.06); box-shadow: 0 28px 80px rgba(0,0,0,.32); }
.auth-brand-panel { display: flex; flex-direction: column; justify-content: center; padding: 58px; background: linear-gradient(145deg, rgba(9,104,72,.92), rgba(4,48,35,.94)); }
.auth-brand-symbol { display: grid; width: 62px; height: 62px; place-items: center; border: 1px solid rgba(255,255,255,.45); border-radius: 16px; background: linear-gradient(135deg, #3dd29a, #078159); font-size: 34px; font-weight: 900; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.auth-brand-panel h1 { margin: 20px 0 5px; font-size: 31px; letter-spacing: .5px; }
.auth-brand-panel p { margin: 0; color: #c3e8d8; font-size: 14px; }
.auth-brand-panel ul { margin: 38px 0 0; padding: 0; color: #cde8dc; line-height: 2.1; list-style: none; }
.auth-brand-panel li::before { margin-right: 9px; color: #5ee1ad; content: '◆'; font-size: 8px; }
.auth-card { padding: 52px 45px; background: #fff; color: var(--text); }
.auth-card header { display: flex; align-items: center; gap: 12px; margin-bottom: 30px; }
.auth-card-mark { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 10px; background: linear-gradient(135deg, #20ad79, #08704f); color: #fff; font-size: 22px; font-weight: 900; }
.auth-card h2 { margin: 0; font-size: 21px; }
.auth-card header p { margin: 5px 0 0; color: var(--muted); }
.auth-form { display: grid; gap: 8px; }
.auth-form label { margin-top: 8px; color: #41564b; font-weight: 700; }
.auth-form input[type="email"], .auth-form input[type="password"] { height: 42px; padding: 0 12px; font-size: 13px; }
.auth-remember { display: flex; align-items: center; gap: 7px; font-weight: 400 !important; }
.auth-remember input { width: 15px; height: 15px; }
.auth-submit { height: 43px; margin-top: 10px; border: 1px solid #08704f; border-radius: 3px; background: linear-gradient(#13996b, #087653); color: #fff; cursor: pointer; font-size: 14px; font-weight: 800; }
.auth-submit:hover { background: #086a4b; }
.auth-security-note { margin: 22px 0 0; padding-top: 16px; border-top: 1px solid #e2e9e5; color: #7b8a82; font-size: 10px; line-height: 1.6; }

.user-management-workspace { grid-template-columns: 245px minmax(850px, 1fr); }
.two-tabs { grid-template-columns: repeat(2, 1fr); }
.field-gap-top { margin-top: 6px; }
.user-log-guide { padding: 18px 14px; color: var(--muted); line-height: 1.65; }
.user-log-guide strong { color: var(--text); font-size: 13px; }
.user-record-form > summary { color: #176f4e; }
.user-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.user-form-section { padding: 13px; border: 1px solid var(--line); background: #fbfdfc; }
.user-form-section:first-child { grid-row: span 2; }
.user-form-section h3 { margin: 0 0 11px; padding-bottom: 7px; border-bottom: 1px solid #dce7e1; color: #315747; font-size: 12px; }
.user-form-section small { display: block; margin-top: 5px; color: #7c8b83; font-size: 9px; line-height: 1.5; }
.check-label { display: flex; align-items: center; gap: 7px; color: #40574b; font-weight: 700; }
.check-label input, .permission-grid input { width: 15px; height: 15px; }
.permission-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.permission-grid label { display: flex; height: 31px; align-items: center; gap: 7px; padding: 0 8px; border: 1px solid #d3e0d9; background: #fff; }
.user-summary-bar { display: flex; min-height: 38px; align-items: center; justify-content: space-between; padding: 0 12px; border-bottom: 1px solid var(--line); background: #f4f8f6; }
.user-summary-bar strong { color: var(--blue-dark); font-size: 15px; }
.user-security-caption { color: #6f8177; font-size: 10px; }
.user-status-strip .status-card { min-width: 110px; }
.user-status-active strong, .badge.user-status-active { color: #087653; }
.user-status-pending strong, .badge.user-status-pending { color: #ba7214; }
.user-status-inactive strong, .badge.user-status-inactive { color: #a33e4b; }
.per-page-control { display: flex; align-items: center; gap: 6px; color: var(--muted); }
.per-page-control select { width: 80px; }
.user-table th, .user-table td { white-space: nowrap; }
.user-table td:nth-child(4) { min-width: 200px; }
.user-log-table td:nth-child(5) { min-width: 300px; white-space: normal; }

@media (max-width: 760px) {
    .auth-shell { width: min(430px, calc(100vw - 24px)); grid-template-columns: 1fr; margin: 20px auto; }
    .auth-brand-panel { display: none; }
    .auth-card { padding: 36px 28px; }
}
.solution-is-locked { overflow: hidden; }

/* 문의 관리 */
.inquiry-workspace { grid-template-columns: 275px minmax(860px, 1fr); }
.inquiry-side-summary { padding: 13px; }
.inquiry-side-summary h3 { margin: 0 0 9px; font-size: 12px; }
.inquiry-side-summary a { display: flex; min-height: 35px; align-items: center; justify-content: space-between; padding: 0 8px; border-bottom: 1px solid #e5ece8; }
.inquiry-side-summary a:hover { background: #edf8f3; }
.inquiry-side-summary strong { color: var(--blue-dark); font-size: 14px; }
.mini-check { display: flex; align-items: center; gap: 6px; margin-top: 7px; color: var(--muted); }
.mini-check input { width: 14px; height: 14px; }
.inquiry-type-tabs { display: flex; min-height: 52px; border-bottom: 1px solid var(--line); background: #f7faf8; }
.inquiry-type-tabs a { display: grid; min-width: 145px; grid-template-columns: 1fr auto; align-items: center; gap: 14px; padding: 0 18px; border-right: 1px solid var(--line); color: #65766d; }
.inquiry-type-tabs a.active { box-shadow: inset 0 -3px var(--blue); background: #fff; color: #173f2e; font-weight: 800; }
.inquiry-type-tabs strong { color: #0b8058; font-size: 17px; }
.inquiry-actions { flex-wrap: wrap; }
.inquiry-status-mini { display: flex; min-width: 0; flex: 1; justify-content: end; gap: 3px; overflow-x: auto; }
.inquiry-status-mini a { padding: 5px 7px; border: 1px solid #d1ddd7; background: #fff; color: #617269; white-space: nowrap; }
.inquiry-status-mini a.active { border-color: #168b61; background: #e6f6ef; color: #08734f; }
.inquiry-status-mini b { margin-left: 3px; color: #153d2c; }
.inquiry-table-controls { justify-content: space-between; padding: 6px 10px; border-bottom: 1px solid var(--line); }
.inquiry-table-controls > span { color: var(--blue-dark); font-weight: 800; }
.inquiry-table-controls label { display: flex; align-items: center; gap: 5px; color: var(--muted); }
.inquiry-table-controls select { width: 75px; }
.inquiry-list-table { min-width: 1550px; }
.inquiry-list-table th { background: #426d59; color: #fff; white-space: nowrap; }
.inquiry-list-table td { height: 52px; vertical-align: middle; }
.inquiry-list-table td:nth-child(10) { min-width: 300px; white-space: normal; }
.inquiry-list-table tr.is-selected td, .inquiry-list-table tr:hover td { background: #edf8f3; }
.inquiry-title-link { color: #087554; font-weight: 800; }
.badge.inquiry-type-product { color: #1a6d99; }
.badge.inquiry-type-urgent { color: #c05d19; }
.badge.inquiry-type-review { color: #7951a6; }
.badge.inquiry-new { border-color: #d69f2c; background: #fff9e8; color: #a76a00; }
.badge.inquiry-drafted { border-color: #4c9ec1; background: #ecf8fd; color: #23789d; }
.badge.inquiry-answered { border-color: #3ca776; background: #eaf8f1; color: #087653; }
.badge.inquiry-failed { border-color: #d1717e; background: #fff0f2; color: #b1273b; }
.badge.inquiry-confirmed { border-color: #77877e; background: #f1f4f2; color: #4c5c53; }
.inquiry-detail-panel { margin: 10px; border: 1px solid #9dbcae; background: #f7fbf9; }
.inquiry-detail-panel > header { display: flex; min-height: 44px; align-items: center; justify-content: space-between; padding: 7px 10px; background: #e5f3ec; }
.inquiry-detail-panel > header strong, .inquiry-detail-panel > header span { display: block; }
.inquiry-detail-panel > header span { margin-top: 3px; color: var(--muted); font-size: 10px; }
.inquiry-detail-panel > header a { padding: 8px; font-size: 18px; }
.inquiry-detail-grid { display: grid; grid-template-columns: 1fr 1fr; }
.inquiry-detail-grid > div { min-height: 95px; padding: 11px; border-top: 1px solid #c8d9d0; }
.inquiry-detail-grid > div + div { border-left: 1px solid #c8d9d0; }
.inquiry-detail-grid b { color: #315b47; }
.inquiry-detail-grid p { margin: 8px 0 0; white-space: pre-wrap; line-height: 1.6; }
.inquiry-composer { display: grid; grid-template-columns: 230px minmax(250px, .6fr) minmax(390px, 1.4fr) auto; align-items: end; gap: 8px; padding: 10px; border-top: 1px solid var(--line); background: #f7faf8; }
.inquiry-template-row label, .inquiry-composer .field label { display: block; margin-bottom: 5px; color: #4c6156; font-weight: 800; }
.inquiry-composer textarea { min-height: 84px; }
.inquiry-composer .field small { display: block; margin-top: 3px; color: var(--muted); }
.inquiry-single-actions { display: flex; flex-direction: column; gap: 5px; }
.inquiry-dialog { width: min(760px, calc(100vw - 50px)); max-width: none; padding: 0; border: 1px solid #759b88; border-radius: 3px; color: var(--text); box-shadow: 0 18px 55px rgba(5,42,27,.35); }
.inquiry-dialog::backdrop { background: rgba(5,29,19,.5); }
.inquiry-dialog > header { display: flex; min-height: 49px; align-items: center; justify-content: space-between; padding: 7px 12px; background: #07543b; color: #fff; }
.inquiry-dialog > header strong, .inquiry-dialog > header span { display: block; }
.inquiry-dialog > header span { margin-top: 3px; color: #c8e8d9; font-size: 10px; }
.inquiry-dialog > header button { width: 30px; height: 30px; border: 0; background: transparent; color: #fff; font-size: 20px; cursor: pointer; }
.inquiry-dialog-body { max-height: 70vh; overflow: auto; padding: 13px; background: #fff; }
.inquiry-dialog-body section { margin-bottom: 14px; }
.inquiry-dialog-body h3 { margin: 0 0 8px; color: #315847; font-size: 12px; }
.inquiry-dialog footer { display: flex; justify-content: end; gap: 6px; padding: 9px 12px; border-top: 1px solid var(--line); background: #f3f7f5; }
.inquiry-type-options { display: flex; gap: 8px; }
.inquiry-type-options label, .inquiry-account-all { display: flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid var(--line); background: #f8fbf9; }
.inquiry-type-options input, .inquiry-account-all input, .inquiry-account-list input { width: 15px; height: 15px; }
.inquiry-account-all { width: max-content; margin-bottom: 5px; font-weight: 800; }
.inquiry-account-list { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); }
.inquiry-account-list > label { display: flex; min-height: 47px; align-items: center; gap: 8px; padding: 7px 9px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.inquiry-account-list > label.unsupported { background: #f3f4f4; color: #919b96; }
.inquiry-account-list b, .inquiry-account-list small { display: block; }
.inquiry-account-list small { margin-top: 3px; font-size: 9px; }
.inquiry-collect-options { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
.template-dialog { width: min(930px, calc(100vw - 50px)); }
.template-manager { display: grid; grid-template-columns: 330px 1fr; gap: 14px; }
.template-create-form { padding-right: 13px; border-right: 1px solid var(--line); }
.template-form-grid { display: grid; gap: 6px; }
.template-form-grid .button { justify-self: end; }
.template-record { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 5px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.template-record > form:first-child { display: grid; grid-template-columns: 110px 1fr 74px; gap: 5px; align-items: center; }
.template-record textarea { grid-column: 1 / -1; }
.template-record label { display: flex; align-items: center; gap: 4px; }
.template-record label input { width: 14px; height: 14px; }

@media (max-width: 1280px) {
    html { min-width: 1080px; }
    .global-search { width: 340px; }
    .work-tab { min-width: 130px; }
    .plto-workspace { grid-template-columns: 245px minmax(720px, 1fr); }
    .product-action-grid { grid-template-columns: repeat(5, minmax(66px, 82px)); }
    .scheduler-shell { grid-template-columns: 310px minmax(700px, 1fr); }
    .inquiry-composer { grid-template-columns: 210px 1fr; }
    .inquiry-single-actions { flex-direction: row; }
}