:root {
  --admin-ink: #172033;
  --admin-muted: #788397;
  --admin-line: #dbe3ef;
  --admin-soft: #f4f7fb;
  --admin-white: #ffffff;
  --admin-blue: #3149b7;
  --admin-navy: #1f2f89;
  --admin-pink: #ff3d7f;
  --admin-green: #16a47d;
  --admin-orange: #f59f32;
  --admin-shadow: 0 18px 42px rgba(30, 47, 95, .13);
  --admin-tree-panel-width: 318px;
  --admin-rider-list-width: 258px;
  --admin-setting-pane-width: calc(var(--admin-tree-panel-width) * 1.5);
  --admin-rider-setting-pane-width: 480px;
}

@font-face {
  font-family: "Youth";
  src: url("../fonts/Youth.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Jeju Gothic";
  src: url("../fonts/JejuGothic.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; min-height: 100%; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-weight: 400; color: var(--admin-ink); background: #eef3fa; }
button, input { font: inherit; }
button { cursor: pointer; }

.admin-login-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 20% 10%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 32%),
    linear-gradient(135deg, #273eaa 0%, #18276a 48%, #10172f 100%);
}

.admin-login-shell { min-height: 100vh; display: grid; place-items: center; padding: 32px; }
.admin-login-card {
  width: min(380px, calc(100vw - 40px));
  padding: 34px 30px 28px;
  border-radius: 26px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .28);
}

.admin-login-mark { display: grid; gap: 6px; justify-items: center; margin-bottom: 28px; }
.admin-login-mark span { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 20px; color: #fff; background: linear-gradient(135deg, var(--admin-blue), var(--admin-pink)); box-shadow: 0 12px 30px rgba(49, 73, 183, .32); font-size: 26px; }
.admin-login-mark strong { font-size: 25px; letter-spacing: -.02em; }
.admin-login-mark em { font-style: normal; color: var(--admin-muted); font-size: 12px; letter-spacing: .22em; }
.admin-login-form { display: grid; gap: 14px; }
.admin-login-form label { display: grid; gap: 7px; font-weight: 800; font-size: 13px; }
.admin-login-form input { height: 45px; border: 1px solid #d7deeb; border-radius: 14px; padding: 0 14px; outline: none; background: #f8faff; }
.admin-login-form input[type="password"] { font-family: "Malgun Gothic", sans-serif; }
.admin-login-form input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 4px rgba(49, 73, 183, .12); }
.admin-login-form button { height: 48px; border: 0; border-radius: 15px; color: #fff; font-weight: 400; background: linear-gradient(135deg, var(--admin-blue), var(--admin-navy)); }
.admin-login-message { height: 18px; margin: 12px 0 0; color: var(--admin-pink); font-size: 13px; text-align: center; }

.admin-page { min-width: 1180px; height: 100vh; min-height: 100vh; overflow: hidden; background: linear-gradient(180deg, #f3f6fb 0%, #eef3fa 100%); }
.admin-shell { height: 100vh; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 48px 1fr; }
.admin-topbar {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0;
  color: var(--admin-ink);
  background: #f7f9fe;
  box-shadow: 0 4px 16px rgba(35, 52, 126, .18);
}

.admin-brand { width: 232px; height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; color: #fff; text-decoration: none; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: .02em; background: #2b3994; }
.admin-brand-logo { width: 28px; height: 28px; display: block; object-fit: contain; flex: 0 0 auto; }
.admin-brand #adminOrgName {
  display: inline-flex;
  align-items: center;
  height: 28px;
  line-height: 1;
}
.admin-topbar-main { flex: 1; min-width: 0; height: 48px; display: flex; align-items: center; background: #4256b8; }
.admin-main-nav { height: 48px; flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 0 12px; overflow-x: auto; background: transparent; }
.admin-main-nav button {
  height: 30px;
  flex: 0 0 auto;
  min-width: 72px;
  border: 1px solid rgba(255, 255, 255, .52);
  border-radius: 4px;
  padding: 0 10px;
  color: #fff;
  background: rgba(255, 255, 255, .12);
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-weight: 400;
  box-shadow: none;
}
.admin-main-nav button i { margin-right: 6px; color: #fff; font-size: 14px; }
.admin-main-nav button.active { color: #4256b8; background: #fff; border-color: #fff; }
.admin-main-nav button.active i { color: #4256b8; }
.admin-settle-view-switch {
  position: relative;
  width: 112px;
  height: 30px;
  flex: 0 0 112px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: stretch;
  padding: 2px;
  border: 1px solid rgba(255, 255, 255, .66);
  border-radius: 15px;
  background: rgba(27, 42, 125, .28);
  overflow: hidden;
}
.admin-settle-view-switch[hidden] { display: none; }
.admin-settle-view-switch::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: calc(50% - 2px);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 5px rgba(18, 30, 92, .22);
  transform: translateX(0);
  transition: transform .18s ease;
}
.admin-settle-view-switch[data-current-view="target"]::before { transform: translateX(100%); }
.admin-settle-row-switch[data-current-row="item"]::before { transform: translateX(100%); }
.admin-main-nav .admin-settle-view-switch button {
  position: relative;
  z-index: 1;
  min-width: 0;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 12px;
  color: rgba(255, 255, 255, .86);
  background: transparent;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 13px;
  font-weight: 400;
  box-shadow: none;
}
.admin-main-nav .admin-settle-view-switch button.active {
  color: #34469f;
  background: transparent;
  border-color: transparent;
  font-weight: 400;
}
.admin-settle-cash-gift {
  height: 30px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0;
}
.admin-settle-cash-gift[hidden] { display: none; }
.admin-settle-cash-gift input {
  width: 108px;
  height: 30px;
  min-width: 0;
  border: 1px solid rgba(255, 255, 255, .72);
  border-radius: 4px;
  padding: 0 9px;
  color: #1f2b64;
  background: #fff;
  outline: none;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 13px;
  font-weight: 400;
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.admin-settle-cash-gift input::placeholder { color: #7c879b; text-align: center; }
.admin-settle-cash-gift input:focus { border-color: #f4d58a; box-shadow: 0 0 0 2px rgba(244, 213, 138, .22); }
.admin-main-nav .admin-settle-cash-gift button {
  width: 72px;
  min-width: 72px;
  height: 30px;
  padding: 0 8px;
  border-color: #f4d58a;
  color: #3d3218;
  background: #f4d58a;
  font-size: 13px;
  font-weight: 400;
}
.admin-main-nav .admin-settle-cash-gift button:disabled,
.admin-settle-cash-gift input:disabled { cursor: default; opacity: .52; }
.admin-header-status { margin-left: auto; width: 250px; height: 48px; display: grid; align-content: center; justify-items: end; gap: 2px; padding: 0 12px; color: #fff; font-size: 12px; transform: translateX(-5px); }
.admin-header-clock { width: 129px; line-height: 16px; text-align: left; font-variant-numeric: tabular-nums; transform: translateX(10px); }
.admin-header-user { display: flex; align-items: center; gap: 10px; line-height: 16px; }
.admin-logout { height: 18px; padding: 0 0 0 10px; border: 0; border-left: 1px solid rgba(255, 255, 255, .55); color: #fff; background: transparent; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }

.admin-workspace { display: grid; grid-template-columns: var(--admin-tree-panel-width) 1fr; gap: 14px; padding: 5px; height: calc(100vh - 48px); min-height: 0; }
.admin-workspace.rider-list-open { grid-template-columns: var(--admin-tree-panel-width) var(--admin-rider-list-width) minmax(0, 1fr); gap: 8px; }
.admin-workspace.settle-lists-hidden { grid-template-columns: minmax(0, 1fr); }
.admin-workspace.settle-lists-hidden > :is(.admin-tree-panel, .admin-rider-directory) { display: none; }
.admin-frame-host { position: relative; min-width: 0; min-height: 0; overflow: hidden; }
.admin-section-frame { width: 100%; height: 100%; display: none; border: 0; background: transparent; }
.admin-section-frame.active { display: block; }
.admin-frame-page { margin: 0; height: 100vh; min-height: 100vh; overflow: hidden; background: transparent; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-weight: 400; color: var(--admin-ink); }
.admin-frame-page .admin-detail-panel { width: 100%; height: 100vh; min-height: 0; }
.admin-setting-subframe-page { margin: 0; height: 100vh; min-height: 100vh; overflow: hidden; background: transparent; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-weight: 400; color: var(--admin-ink); }
.admin-tree-panel, .admin-detail-panel { position: relative; min-height: 0; border: 1px solid var(--admin-line); border-radius: 12px; background: var(--admin-white); box-shadow: var(--admin-shadow); }
.admin-tree-panel::after, .admin-detail-panel::after { content: ""; position: absolute; inset: 0; z-index: 50; border: 1px solid #cfd9e8; border-radius: inherit; pointer-events: none; }
.admin-tree-panel { display: grid; grid-template-rows: auto auto minmax(0, 1fr); gap: 8px; padding: 12px; overflow: hidden; }
.admin-searchbar { display: grid; grid-template-columns: minmax(0, 112px) 31px 42px 31px 24px 24px; gap: 5px; align-items: center; margin-bottom: 0; }
.admin-searchbar input { min-width: 0; height: 30px; border: 1px solid #d6deeb; border-radius: 6px; padding: 0 9px; outline: none; background: #f8faff; font-weight: 400; text-align: center; }
.admin-searchbar button { width: 31px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 6px; font-size: 12px; font-weight: 400; color: #fff; background: var(--admin-blue); white-space: nowrap; }
.admin-searchbar button#adminResetButton { background: #8792a6; }
.admin-searchbar button#adminSearchPrevButton, .admin-searchbar button#adminSearchNextButton { width: 24px; height: 30px; background: #5b6983; font-size: 11px; }
.admin-searchbar button:disabled { cursor: default; opacity: .42; }
.admin-search-result { height: 30px; display: flex; align-items: center; justify-content: center; color: #111827; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-tree-tabs { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.admin-tree-tabs button { min-width: 0; height: 31px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d7deeb; border-radius: 6px; padding: 0 8px; color: #526174; background: #f8faff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-tree-tabs button.active { color: #fff; border-color: var(--admin-blue); background: var(--admin-blue); }
.admin-tree-tabs button i { flex: 0 0 auto; font-size: 12px; }
.admin-tree-list { min-height: 0; overflow: auto; padding: 2px 3px 8px 0; }

.admin-rider-directory {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 38px 31px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: var(--admin-white);
  box-shadow: var(--admin-shadow);
}
.admin-rider-directory[hidden] { display: none; }
.admin-rider-directory-title { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) 32px; align-items: center; gap: 4px; padding: 0 6px; border-bottom: 1px solid #e3e9f2; background: #f8faff; }
.admin-rider-directory-title strong { min-width: 0; display: flex; align-items: center; gap: 4px; color: #34445c; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-rider-directory-title strong i { color: #0f8a9b; font-size: 12px; }
.admin-rider-directory-title > span { width: 32px; color: #657187; font-size: 10px; font-weight: 400; text-align: center; white-space: nowrap; }
.admin-rider-directory-search { min-width: 0; display: grid; grid-template-columns: 43px minmax(0, 1fr) 24px; gap: 2px; align-items: center; }
.admin-rider-directory-search select, .admin-rider-directory-search input { width: 100%; min-width: 0; height: 25px; border: 1px solid #d5deea; border-radius: 4px; padding: 0 4px; outline: none; color: #34445c; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 10px; font-weight: 400; }
.admin-rider-directory-search select { padding: 0 2px; text-align: center; }
.admin-rider-directory-search input { text-align: left; }
.admin-rider-directory-search input:focus, .admin-rider-directory-search select:focus { border-color: var(--admin-blue); }
.admin-rider-directory-search button { width: 24px; height: 25px; display: grid; place-items: center; border: 0; border-radius: 4px; padding: 0; color: #fff; background: var(--admin-blue); font-size: 10px; font-weight: 400; }
.admin-rider-directory-row { min-width: 0; width: 100%; display: grid; grid-template-columns: 30px 62px minmax(50px, 1fr) 88px; align-items: stretch; border: 0; border-bottom: 1px solid #edf1f6; padding: 0; color: #263548; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; text-align: center; }
.admin-rider-directory-row > span { min-width: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-right: 1px solid #edf1f6; padding: 0 3px; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-directory-row > span:last-child { border-right: 0; }
.admin-rider-directory-row.head { min-height: 31px; color: #4e6078; background: #eef3f9; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 11px; cursor: default; }
.admin-rider-directory-body { min-height: 0; overflow: auto; }
.admin-rider-directory-body .admin-rider-directory-row { min-height: 32px; cursor: pointer; }
.admin-rider-directory-body .admin-rider-directory-row:nth-child(even) { background: #fbfdff; }
.admin-rider-directory-body .admin-rider-directory-row:hover { color: #3149b7; background: #eef5ff; }
.admin-rider-directory-body .admin-rider-directory-row.active { color: #b35b18; background: #fff5e8; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-rider-directory-body .admin-rider-directory-row.notice-target-group { color: #1c9d54; background: #edf8f1; box-shadow: inset 3px 0 0 #1c9d54; }
.admin-rider-directory-body .admin-rider-directory-row.notice-target-single { color: #3149b7; background: #eef3ff; box-shadow: inset 3px 0 0 #3149b7; }
.admin-rider-directory-body .admin-rider-directory-row.notice-target-group.active,
.admin-rider-directory-body .admin-rider-directory-row.notice-target-single.active { box-shadow: inset 3px 0 0 currentColor; }
.admin-rider-directory-body .admin-rider-directory-row span:first-child { color: #788397; font-variant-numeric: tabular-nums; }
.admin-rider-directory-body .admin-rider-directory-row span:last-child { justify-content: flex-start; padding-left: 5px; font-size: 11px; font-variant-numeric: tabular-nums; }
.admin-rider-directory-empty { height: 72px; display: grid; place-items: center; color: #8a95a6; font-size: 12px; font-weight: 400; }

.admin-tree-item {
  position: relative;
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  width: 100%;
  height: 28px;
  margin-bottom: 1px;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0 7px 0 8px;
  background: transparent;
  color: var(--admin-ink);
  text-align: left;
}
.admin-tree-item::before, .admin-tree-item::after { display: none; }
.admin-tree-item:hover { background: #f3f6fb; }
.admin-tree-item.notice-target-single:not(.active) { border-color: rgba(66, 99, 231, .26); background: #eef3ff; color: #3149b7; }
.admin-tree-item.notice-target-single:not(.active) .admin-tree-rank, .admin-tree-item.notice-target-single:not(.active) .admin-tree-icon { color: #4263e7; }
.admin-tree-item.notice-target-group:not(.active) { border-color: rgba(28, 157, 84, .28); background: #edf9f1; color: #1d7f48; box-shadow: inset 3px 0 0 #31b469; }
.admin-tree-item.notice-target-group:not(.active) .admin-tree-rank, .admin-tree-item.notice-target-group:not(.active) .admin-tree-icon { color: #1c9d54; }
.admin-tree-item.active { border-color: rgba(240, 139, 24, .28); background: #fff5e8; color: #f08b18; }
.admin-tree-item.root:not(.active) { color: var(--admin-ink); font-weight: 400; background: transparent; }
.admin-tree-icon { position: relative; z-index: 1; width: 17px; height: 17px; display: grid; place-items: center; border: 0; padding: 0; color: #f5a400; background: transparent; font-size: 13px; }
.admin-tree-item:not(.has-children) .admin-tree-icon { cursor: default; }
.admin-tree-item.closed .admin-tree-icon { color: #f0b529; }
.admin-tree-item.open .admin-tree-icon { color: #f08b18; }
.admin-tree-item[data-level="company"] .admin-tree-icon { color: #ff8d17; }
.admin-tree-item[data-level="store"] .admin-tree-icon { color: var(--admin-blue); font-size: 12px; }
.admin-tree-item[data-level="rider"] .admin-tree-icon { color: #0f8a9b; font-size: 12px; }
.admin-tree-name { min-width: 0; display: flex; align-items: center; gap: 4px; overflow: hidden; border: 0; padding: 0; color: inherit; background: transparent; font-size: 13px; font-weight: 400; line-height: 28px; text-align: left; }
.admin-tree-rank { flex: 0 0 auto; color: #4f5f7b; font-size: 12px; }
.admin-tree-item.active .admin-tree-rank, .admin-tree-item.active .admin-tree-icon { color: #b45309; }
.admin-tree-item.matched { color: #d84f56; }
.admin-tree-item.matched .admin-tree-rank, .admin-tree-item.matched .admin-tree-icon { color: #d84f56; }
.admin-tree-item.matched.active { color: #f08b18; }
.admin-tree-item.matched.active .admin-tree-rank, .admin-tree-item.matched.active .admin-tree-icon { color: #b45309; }
.admin-tree-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-tree-balance { flex: 0 0 92px; margin-left: auto; color: #536177; font-size: 11px; line-height: 28px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.admin-tree-balance.low { color: #d02020; font-weight: 800; }
.admin-tree-item.active .admin-tree-balance { color: #b45309; }
.admin-tree-item.active .admin-tree-balance.low { color: #d02020; }
.admin-tree-item.matched .admin-tree-balance { color: #d84f56; }
.admin-tree-item.notice-target-single:not(.active) .admin-tree-balance { color: #4263e7; }
.admin-tree-item.notice-target-group:not(.active) .admin-tree-balance { color: #1c9d54; }
.admin-tree-item .admin-tree-balance.low { color: #d02020; font-weight: 800; }

.admin-detail-panel { display: grid; grid-template-rows: auto 1fr; overflow: hidden; }
.admin-detail-head { position: relative; z-index: 1000; display: grid; gap: 7px; padding: 12px 18px 10px; border-bottom: 1px solid var(--admin-line); overflow: visible; }
.admin-detail-head p { min-width: 0; margin: 0; overflow: hidden; color: var(--admin-muted); font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-detail-title-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; }
.admin-detail-panel.is-setting .admin-detail-title-row { width: 100%; max-width: 100%; }
.admin-detail-head h1 { margin: 0; display: flex; align-items: center; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 21px; font-weight: 400; letter-spacing: -.03em; line-height: 28px; white-space: nowrap; }
.admin-store-ad-summary { min-width: 0; display: inline-flex; align-items: center; gap: 6px; margin-left: 2px; }
.admin-store-ad-summary[hidden] { display: none !important; }
.admin-store-ad-chip { height: 26px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid #d8e2ef; border-radius: 7px; padding: 0 9px; background: #fff; color: #2f3f54; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; white-space: nowrap; }
.admin-store-ad-chip.cash { padding: 0 8px; border-color: #ecd58c; background: #fff8df; color: #9a5a00; }
.admin-store-ad-chip.fee { border-color: #d4e0f2; background: #f8fbff; color: #314052; }
.admin-store-ad-chip i { flex: 0 0 auto; font-size: 13px; transform: translateY(-1px); }
.admin-store-ad-chip.cash i { color: #d69a18; }
.admin-store-ad-chip.fee i { color: #d95043; }
.admin-store-ad-chip strong { display: inline-flex; align-items: baseline; gap: 2px; font-size: 13px; font-weight: 400; }
.admin-store-ad-chip strong span { font-size: 10px; }
.admin-detail-actions { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; }
.admin-detail-actions-primary { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.admin-detail-panel.is-setting .admin-detail-actions { flex: 1 1 auto; width: auto; min-width: 0; margin-left: auto; }
.admin-detail-panel.is-setting .admin-detail-actions-primary { position: absolute; margin-left: 0; }
.admin-detail-head button { height: 28px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 11px; color: #fff; background: var(--admin-pink); font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-detail-head button.sub { background: var(--admin-blue); }
.admin-detail-head button.danger { background: #c96a2e; }
.admin-detail-head button:disabled { cursor: default; opacity: .42; }
.admin-detail-head button.is-hidden { display: none; }
.admin-detail-search { position: relative; display: flex; align-items: center; gap: 6px; justify-self: start; z-index: 1010; }
.admin-detail-panel.is-setting .admin-detail-search { position: absolute; }
.admin-detail-search.is-hidden { display: none; }
.admin-detail-search input { width: 140px; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-detail-search .admin-map-center-coordinate { width: 98px; color: #314052; background: #f8faff; text-align: center; }
.admin-detail-search input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-detail-search .admin-map-center-coordinate:focus { border-color: #d5deea; box-shadow: none; }
.admin-detail-search > button { width: 28px; min-width: 28px; padding: 0; display: grid; place-items: center; }
.admin-detail-search > button.admin-map-center-copy { width: 26px; min-width: 26px; color: #41516a; background: #eef3fb; border: 1px solid #d5deea; }
.admin-detail-search > button.admin-map-center-copy:hover { color: #fff; background: var(--admin-blue); border-color: var(--admin-blue); cursor: pointer; }
.admin-detail-search .admin-address-results { z-index: 1020; left: 0; top: 34px; width: 420px; }
.admin-detail-head .admin-address-results .admin-address-result { width: 100%; height: auto; min-height: 0; display: grid; grid-template-columns: 28px minmax(0, 1fr); place-items: unset; gap: 8px; border: 0; border-bottom: 1px solid #eef2f7; border-radius: 0; padding: 9px 10px; color: var(--admin-ink); background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: left; }
.admin-detail-head .admin-address-results .admin-address-result:last-child { border-bottom: 0; }
.admin-detail-head .admin-address-results .admin-address-result:hover { background: #f3f6fb; }
.admin-detail-body { min-height: 0; overflow: auto; padding: 14px; }
.admin-detail-body.is-setting { overflow: hidden; padding-bottom: 14px; }
.admin-detail-body.is-loading { visibility: hidden; }
.admin-stat-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: 14px; }
.admin-stat-card { border: 1px solid var(--admin-line); border-radius: 10px; padding: 14px; background: linear-gradient(180deg, #fff, #f8faff); }
.admin-stat-card span { color: var(--admin-muted); font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-stat-card strong { display: block; margin-top: 6px; font-size: 22px; font-weight: 400; letter-spacing: -.03em; }
.admin-order-tools { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 10px; }
.admin-order-tools b { color: var(--admin-pink); }
.admin-order-table-wrap { border: 1px solid var(--admin-line); border-radius: 8px; overflow: auto; background: #fff; }
.admin-order-table { width: 100%; min-width: 1280px; border-collapse: collapse; font-size: 12px; }
.admin-order-table th { height: 48px; padding: 0 9px; color: #fff; font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; background: linear-gradient(180deg, #6c7c94, #526278); border-right: 1px solid rgba(255, 255, 255, .25); white-space: nowrap; }
.admin-order-table td { height: 74px; padding: 9px; border-top: 1px solid var(--admin-line); border-right: 1px solid #edf1f7; vertical-align: top; }

.admin-order-panel { min-width: 0; min-height: 0; grid-template-rows: minmax(0, 1fr); }
.admin-order-body { overflow: hidden; padding: 10px; }
.admin-order-layout { height: 100%; min-height: 0; display: grid; grid-template-rows: 34px 62px minmax(0, 1fr); gap: 8px; }
.admin-order-filter { min-width: 0; display: grid; grid-template-columns: 118px 10px 118px 78px minmax(96px, 130px) 58px minmax(0, 1fr); gap: 4px; align-items: center; border: 1px solid #dbe3ef; border-radius: 8px; padding: 4px 7px; background: #f8faff; }
.admin-order-filter select, .admin-order-filter input { width: 100%; min-width: 0; height: 26px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 6px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-order-filter select { text-align: center; }
.admin-order-filter input:focus, .admin-order-filter select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-order-filter em { color: #7d8798; font-style: normal; text-align: center; }
.admin-order-filter .admin-settle-date-field { width: 118px; display: inline-flex; align-items: center; height: 26px; border: 1px solid #d2dce9; border-radius: 5px; background: linear-gradient(180deg, #fff, #f7faff); overflow: hidden; }
.admin-order-filter .admin-settle-date-field.is-calendar-open { border-color: var(--admin-blue); box-shadow: 0 0 0 2px rgba(49, 73, 183, .13); }
.admin-order-filter .admin-settle-date-input { width: 91px; height: 24px; border: 0; border-radius: 0; padding: 0 3px; text-align: center; cursor: pointer; background: transparent; font-size: 13px; }
.admin-order-filter .admin-settle-date-input.is-calendar-open { box-shadow: none; }
.admin-order-filter .admin-settle-date-button { width: 26px; min-width: 26px; height: 24px; padding: 0; border: 0; border-left: 1px solid #d2dce9; border-radius: 0; color: #41516a; background: #eef3fb; }
.admin-order-filter .admin-settle-date-button:hover { color: #fff; background: #65758d; cursor: pointer; }
.admin-order-filter .admin-settle-date-button i { font-size: 12px; line-height: 1; }
.admin-order-filter > button, .admin-order-status-buttons button, .admin-order-quick button { min-width: 0; height: 26px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid #d8e1ec; border-radius: 5px; padding: 0 5px; color: #526174; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-order-filter > button { color: #fff; border-color: var(--admin-blue); background: var(--admin-blue); }
.admin-order-filter > button:hover { border-color: #223aa2; background: #223aa2; }
.admin-order-quick { min-width: 0; display: grid; grid-template-columns: repeat(13, minmax(0, 1fr)); gap: 4px; align-items: center; }
.admin-order-quick button { width: 100%; padding: 0; color: #3a4960; background: #e7edf6; line-height: 1; text-align: center; }
.admin-order-quick button:hover { color: #fff; border-color: #65758d; background: #65758d; }
.admin-order-quick button.active { color: #fff; border-color: #52657f; background: #52657f; }
.admin-order-status-panel { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 40px; gap: 8px; align-items: center; }
.admin-order-status-board { min-width: 0; display: grid; grid-template-rows: 31px 23px; gap: 4px; border: 1px solid #dbe3ef; border-radius: 8px; padding: 4px 6px; background: #fff; }
.admin-order-status-buttons { min-width: 0; display: grid; grid-template-columns: repeat(8, minmax(42px, 1fr)); gap: 5px; align-items: center; }
.admin-order-status-buttons button:hover { color: #3149b7; border-color: #aab8ef; background: #eef3ff; }
.admin-order-status-buttons button.active { color: #fff; border-color: #3149b7; background: #3149b7; }
.admin-order-status-buttons button.active:hover { color: #fff; border-color: #223aa2; background: #223aa2; }
.admin-order-status-buttons i { font-size: 12px; line-height: 1; }
.admin-order-counts { min-width: 0; display: grid; grid-template-columns: repeat(8, minmax(42px, 1fr)); gap: 5px; align-items: center; }
.admin-order-counts > div { min-width: 0; height: 23px; display: grid; place-items: center; border: 1px solid #dbe3ef; border-radius: 5px; background: #f8fbff; }
.admin-order-counts strong { color: #223aa2; font-size: 14px; font-weight: 700; line-height: 1; }
.admin-order-refresh-number { justify-self: end; width: 36px; height: 36px; min-width: 36px; display: grid; place-items: center; border: 2px solid #7cc65a; border-radius: 50%; color: #fff; background: #49b73f; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .22); font-size: 17px; font-weight: 800; line-height: 1; }
.admin-order-grid-wrap { position: relative; min-width: 0; min-height: 0; overflow: auto; border: 1px solid #dbe3ef; border-radius: 8px; background: #fff; }
.admin-order-grid-wrap.loading::after { content: "조회 중"; position: sticky; left: 50%; top: 12px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; height: 24px; min-width: 58px; margin-left: -29px; border: 1px solid #d8e1ec; border-radius: 5px; color: #4e5b72; background: rgba(255, 255, 255, .94); font-size: 11px; box-shadow: 0 2px 8px rgba(31, 44, 71, .10); }
.admin-order-grid { min-width: 1640px; display: grid; align-content: start; padding: 5px 6px; }
.admin-order-row { min-width: 0; min-height: 32px; display: grid; grid-template-columns: 38px 44px 54px 54px 112px 142px 44px 44px 44px 86px 72px 86px 72px 50px 50px 50px 50px 50px 58px 48px 58px 48px 52px 48px 54px 58px 48px 44px 44px; gap: 3px; align-items: center; border-bottom: 1px solid #edf1f6; color: #263548; background: #fff; font-size: 12px; cursor: pointer; }
.admin-order-row:nth-child(even):not(.head) { background: #fbfdff; }
.admin-order-row.head { position: sticky; top: 0; z-index: 3; height: 30px; min-height: 30px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-order-row:hover:not(.head) { color: #3149b7; background: #eef5ff; }
.admin-order-row.expanded { border-bottom-color: transparent; color: #b35b18; background: #fff7e8; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-order-row.expanded > div:first-child { color: transparent; background: transparent; box-shadow: none; }
.admin-order-row > div { min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 3px; line-height: 1; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-order-row > div.store { justify-content: flex-start; text-align: left; padding-left: 6px; }
.admin-order-row > div.money { font-family: inherit; text-align: center; }
.admin-order-row > div.vat { color: #d7375f; font-weight: 700; }
.admin-order-row > div.total { color: #223aa2; font-weight: 700; }
.admin-order-row > div.status-cell { padding: 0 2px; }
.admin-order-row.head > div { align-self: stretch; display: flex; align-items: center; justify-content: center; padding: 0 2px; line-height: 1; text-align: center; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-order-row.head > div.store { justify-content: flex-start; text-align: left; padding-left: 6px; }
.admin-order-status { width: 100%; height: 21px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; color: #fff; background: #64748b; font-size: 11px; line-height: 21px; }
.admin-order-status.ready { color: #7a4a00; background: #fff0c9; }
.admin-order-status.approve { background: #ef5b20; }
.admin-order-status.accept { background: #2f6fc7; }
.admin-order-status.assign { background: #6f58c9; }
.admin-order-status.pickup { background: #21867a; }
.admin-order-status.done { background: #2f8f46; }
.admin-order-status.cancel { background: #d7375f; }
.admin-order-detail-row { position: relative; min-width: 0; display: grid; grid-template-columns: 38px repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(36px, auto); gap: 8px; border-bottom: 1px solid #ead7af; padding: 0 8px 8px 0; background: #fffaf1; }
.admin-order-detail-row > div { min-width: 0; min-height: 36px; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #e5ddcc; border-radius: 5px; padding: 0 8px 0 6px; background: #fff; }
.admin-order-detail-row > div.seq { position: absolute; z-index: 2; left: 0; top: -32px; bottom: 0; width: 38px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; border: 0; border-radius: 0; padding: 0; color: #b35b18; background: #fff; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-order-detail-row > div.seq span { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px; line-height: 1; text-align: center; }
.admin-order-detail-row > div.manager { grid-column: 2; grid-row: 1; border-color: #e1e6ef; background: #fbfcff; }
.admin-order-detail-row > div.menu { grid-column: 3; grid-row: 1; border-color: #d5e0f3; background: #f8fbff; }
.admin-order-detail-row > div.start { grid-column: 2; grid-row: 2; border-color: #e1e6ef; background: #fbfcff; }
.admin-order-detail-row > div.end { grid-column: 3; grid-row: 2; border-color: #d8eadf; background: #f8fff9; }
.admin-order-detail-row > div.memo { grid-column: 2; grid-row: 3; border-color: #ead9bd; background: #fffaf1; }
.admin-order-detail-row > div.payinfo { grid-column: 3; grid-row: 3; min-height: 36px; border-color: #d9def1; background: #f9faff; }
.admin-order-detail-row > div.delivery-photo { grid-column: 2 / -1; grid-row: 4; align-items: start; border-color: #cfe0ef; padding-top: 7px; padding-bottom: 7px; background: #f6fbff; }
.admin-order-detail-row > div.delivery-photo > i { padding-top: 4px; color: #2878ca; }
.admin-order-detail-row > div.delivery-photo > a { min-width: 0; display: grid; gap: 6px; color: #1a67b7; text-align: center; text-decoration: none; }
.admin-order-detail-row > div.delivery-photo img { display: block; width: 100%; max-height: 300px; border-radius: 5px; object-fit: contain; background: #edf3f8; }
.admin-order-detail-row > div.delivery-photo span { font-size: 12px; }
.admin-order-detail-row i { color: #6a778c; font-size: 12px; text-align: center; }
.admin-order-detail-row .manager i { color: #65758d; }
.admin-order-detail-row .menu i { color: #3149b7; }
.admin-order-detail-row .start i { color: #64748b; }
.admin-order-detail-row .end i { color: #147247; }
.admin-order-detail-row .memo i { color: #b35b18; }
.admin-order-detail-row .payinfo.ok i { color: #4f5fb7; }
.admin-order-detail-row .payinfo.fail i, .admin-order-detail-row .payinfo.cancel i { color: #d7375f; }
.admin-order-detail-row .payinfo.cash i { color: #147247; }
.admin-order-detail-row em { color: #657289; font-size: 11px; font-style: normal; white-space: nowrap; }
.admin-order-detail-row strong { min-width: 0; overflow: hidden; color: #263548; font-size: 13px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.admin-order-manager-cards { min-width: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 5px; align-items: center; }
.admin-order-manager-card { min-width: 0; height: 24px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px; align-items: center; border: 1px solid #d9e2ee; border-radius: 5px; padding: 0 6px; background: #fff; }
.admin-order-manager-card em { min-width: 24px; height: 16px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; color: #fff; background: #65758d; font-size: 10px; line-height: 1; }
.admin-order-manager-card b { min-width: 0; overflow: hidden; color: #263548; font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-order-manager-card.hq em { background: #3149b7; }
.admin-order-manager-card.dist em { background: #1f7a8c; }
.admin-order-manager-card.branch em { background: #4f6f28; }
.admin-order-manager-card.team em { background: #b35b18; }
.admin-order-payment-items { min-width: 0; display: grid; grid-template-columns: minmax(118px, 1.2fr) repeat(3, minmax(0, 1fr)); gap: 4px 6px; align-items: center; }
.admin-order-payment-items span { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px; align-items: center; }
.admin-order-payment-items b { min-width: 0; overflow: hidden; color: #263548; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-payment-approval-copy { position: relative; min-width: 0; height: 22px; display: block; overflow: visible; border: 0; padding: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: copy; }
.admin-payment-approval-copy b { display: block; line-height: 22px; }
.admin-payment-approval-copy::after { content: attr(data-tooltip); position: absolute; right: 0; bottom: calc(100% + 6px); z-index: 30; width: max-content; max-width: 360px; opacity: 0; visibility: hidden; transform: translateY(3px); border: 1px solid #c8d4e3; border-radius: 5px; padding: 6px 9px; color: #fff; background: #263548; box-shadow: 0 6px 16px rgba(31, 49, 75, .2); font-size: 12px; font-weight: 400; line-height: 16px; pointer-events: none; transition: opacity .12s ease, transform .12s ease, visibility .12s ease; white-space: nowrap; }
.admin-payment-approval-copy:hover::after, .admin-payment-approval-copy:focus-visible::after, .admin-payment-approval-copy.copied::after, .admin-payment-approval-copy.failed::after { opacity: 1; visibility: visible; transform: translateY(0); }
.admin-payment-approval-copy.copied::after { border-color: #83c9a7; background: #236948; }
.admin-payment-approval-copy.failed::after { border-color: #e6a2ae; background: #a82f44; }
.admin-order-empty { min-height: 180px; display: grid; place-items: center; padding: 24px 10px; color: #8b95a7; font-size: 12px; text-align: center; }
.admin-empty-row { height: 170px; text-align: center; color: var(--admin-pink); font-weight: 800; }
.admin-settle-panel { grid-template-rows: 1fr; }
.admin-settle-page .admin-detail-body { display: grid; grid-template-rows: auto auto auto minmax(0, 1fr) auto; gap: 6px; overflow: hidden; padding: 8px; }
.admin-settle-filter { grid-row: 1; min-width: 0; min-height: 36px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; border: 1px solid #dce5f0; border-radius: 7px; padding: 4px 6px; background: #f8fbff; white-space: nowrap; }
.admin-settle-filter :is(.admin-settle-period, .admin-settle-search) { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.admin-settle-period { flex: 0 1 auto; }
.admin-settle-search { flex: 1 1 400px; }
.admin-settle-filter :is(.admin-settle-period, .admin-settle-search) > span { flex: 0 0 auto; color: #556377; font-size: 12px; }
.admin-settle-list-toggle { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; color: var(--admin-ink); font-size: 12px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.admin-settle-filter .admin-settle-list-toggle input[type="checkbox"] { appearance: auto; width: 15px; height: 15px; margin: 0; padding: 0; transform: translateY(-2px); accent-color: var(--admin-blue); box-shadow: none; cursor: pointer; }
.admin-settle-filter input, .admin-settle-filter select { flex: 0 0 auto; height: 26px; border: 1px solid #d2dce9; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #263548; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-settle-filter input:focus, .admin-settle-filter select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-settle-date-field { flex: 0 0 auto; display: inline-flex; align-items: center; height: 26px; }
.admin-settle-filter .admin-settle-date-field .admin-settle-date-input { width: 86px; padding: 0 4px; border-right: 0; border-radius: 5px 0 0 5px; text-align: center; cursor: pointer; background: linear-gradient(180deg, #fff, #f7faff); }
.admin-settle-filter .admin-settle-date-input.is-calendar-open { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-settle-filter #settleKeyword { flex: 1 1 0; width: 0; min-width: 60px; }
.admin-settle-filter #settlePerPage { width: 72px; }
.admin-settle-filter em { color: #7d8798; font-style: normal; }
.admin-settle-quick { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; }
.admin-settle-filter button { flex: 0 0 auto; height: 26px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: var(--admin-blue); font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-settle-filter .admin-settle-date-button { width: 24px; min-width: 24px; padding: 0; border: 1px solid #d2dce9; border-left: 0; border-radius: 0 5px 5px 0; color: #41516a; background: #eef3fb; }
.admin-settle-filter .admin-settle-date-button:hover { color: #fff; background: #65758d; border-color: #65758d; cursor: pointer; }
.admin-settle-filter .admin-settle-date-button i { font-size: 12px; line-height: 1; }
.admin-settle-quick button { width: 52px; padding: 0; color: #3a4960; background: #e7edf6; }
.admin-settle-filter button:hover { background: #263c86; cursor: pointer; }
.admin-settle-quick button:hover { color: #fff; background: #65758d; }
.admin-settle-status { grid-row: 2; min-height: 26px; display: flex; align-items: center; border: 1px solid #e4d2a1; border-radius: 7px; padding: 0 9px; color: #8a5b00; background: #fff8e4; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-settle-status[hidden] { display: none; }
.admin-settle-mode-line { grid-row: 3; min-width: 0; height: 30px; display: flex; align-items: center; gap: 12px; }
.admin-settle-mode-tabs { flex: 0 0 auto; height: 30px; display: inline-flex; align-items: center; gap: 6px; }
.admin-settle-mode-tabs[hidden] { display: none; }
.admin-settle-mode-tabs button { width: 110px; height: 30px; border: 1px solid #cbd8ee; border-radius: 7px; padding: 0; color: #45546c; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; cursor: pointer; }
.admin-settle-mode-tabs button.active { color: #fff; border-color: #3149b7; background: #3149b7; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16); }
.admin-settle-mode-tabs button:hover:not(.active) { color: #1459a8; border-color: #9ec5fe; background: #edf6ff; }
.admin-settle-manual-payout { min-width: 0; height: 30px; display: flex; flex: 1 1 auto; align-items: center; gap: 6px; }
.admin-settle-manual-payout[hidden] { display: none; }
.admin-settle-manual-payout-target { width: 340px; flex: 0 0 340px; overflow: hidden; color: #536176; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-manual-payout input { width: 142px; flex: 0 0 142px; height: 30px; border: 1px solid #cbd8ee; border-radius: 7px; padding: 0 9px; outline: none; color: #263548; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: right; }
.admin-settle-manual-payout input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-settle-manual-payout button { width: 86px; flex: 0 0 86px; height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #1f7a4b; border-radius: 7px; padding: 0; color: #fff; background: #1f7a4b; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.admin-settle-manual-payout button:hover:not(:disabled) { border-color: #145d37; background: #145d37; }
.admin-settle-manual-payout input:disabled, .admin-settle-manual-payout button:disabled { border-color: #d4dbe4; color: #8b95a4; background: #edf0f4; cursor: default; }
.admin-settle-manual-payout-status { min-width: 0; overflow: hidden; color: #7b5b16; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-manual-payout-status.success { color: #17603a; }
.admin-settle-manual-payout-status.error { color: #ba3030; }
.admin-settle-manual-payout-status.warning { color: #8a5b00; }
.admin-settle-pane { grid-row: 4; min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 6px; }
.admin-settle-pane[hidden] { display: none; }
.admin-settle-table-head { grid-row: auto; min-height: 66px; display: grid; grid-template-rows: auto 28px; gap: 6px; color: #657286; font-size: 12px; }
.admin-settle-head-line { min-width: 0; display: flex; align-items: center; gap: 10px; }
.admin-settle-head-primary { justify-content: space-between; }
.admin-settle-head-summary { justify-content: space-between; }
.admin-settle-target { flex: 0 1 auto; min-width: 0; display: flex; align-items: center; gap: 6px; overflow-x: auto; white-space: nowrap; }
.admin-settle-cate-buttons { flex: 1 1 auto; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; overflow: visible; white-space: normal; }
.admin-settle-cate-button { width: 64px; flex: 0 0 64px; height: 28px; border: 1px solid #ddd; border-radius: 8px; padding: 0; color: #444; background: #f6f6f6; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; cursor: pointer; }
.admin-settle-cate-button.active { color: #fff; border-color: #333; background: #333; }
.admin-settle-cate-button.active:hover { color: #fff; border-color: #3149b7; background: #4256b8; box-shadow: 0 0 0 2px rgba(66, 86, 184, .22); }
.admin-settle-cate-button:hover:not(.active) { color: #1459a8; border-color: #9ec5fe; background: #edf6ff; }
.admin-settle-page.is-nanum-mode .admin-settle-cate-buttons { display: none; }
.admin-settle-page.is-rider-settle-mode .admin-settle-cate-buttons { display: none; }
.admin-settle-page.is-rider-target-mode .admin-settle-cate-buttons { display: none; }
.admin-settle-rider-type-buttons { flex: 1 1 auto; min-width: 0; display: inline-flex; align-items: center; gap: 5px; overflow-x: auto; white-space: nowrap; }
.admin-settle-rider-type-buttons[hidden] { display: none; }
.admin-settle-rider-type-button { width: 72px; flex: 0 0 72px; height: 28px; border: 1px solid #d3dbe7; border-radius: 6px; padding: 0; color: #455367; background: #f7f9fc; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; line-height: 1; cursor: pointer; }
.admin-settle-rider-type-button:hover:not(.active) { color: #3149b7; border-color: #aebce8; background: #eef2ff; }
.admin-settle-rider-type-button.active { color: #fff; border-color: #40536e; background: #40536e; font-weight: 400; }
.admin-settle-totals { flex: 0 0 auto; display: flex; align-items: center; justify-content: flex-end; gap: 6px; white-space: nowrap; }
.admin-settle-target-chip, .admin-settle-total { width: 132px; flex: 0 0 132px; height: 28px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid #cbd8ee; border-radius: 5px; padding: 0 10px; color: #29406a; background: #eef5ff; box-shadow: 0 1px 5px rgba(39, 57, 110, .08); }
.admin-settle-target-chip { width: 128px; flex-basis: 128px; }
.admin-settle-total { width: 150px; flex-basis: 150px; }
.admin-settle-target-chip.count { color: #7b3151; border-color: #ead1dc; background: #fff1f7; }
.admin-settle-total.add { border-color: #f1d5a6; color: #7a4c08; background: #fff6e5; }
.admin-settle-total.profit { border-color: #b9dfce; color: #0d624b; background: #ebfbf4; }
.admin-settle-page.is-nanum-mode .admin-settle-total.add, .admin-settle-page.is-nanum-mode .admin-settle-total.profit { display: none; }
.admin-settle-page.is-rider-settle-mode .admin-settle-total.add, .admin-settle-page.is-rider-settle-mode .admin-settle-total.profit { display: none; }
.admin-settle-target-chip em, .admin-settle-total em { color: inherit; font-style: normal; opacity: .74; }
.admin-settle-target-chip b, .admin-settle-total b { color: inherit; font-size: 14px; font-weight: 900; }
.admin-settle-rider-summary { min-width: 0; height: 46px; display: grid; grid-template-columns: repeat(15, minmax(92px, 1fr)); gap: 5px; overflow-x: auto; scrollbar-width: thin; }
.admin-settle-rider-summary[hidden] { display: none; }
.admin-settle-rider-summary > span { min-width: 92px; height: 44px; border: 1px solid #d3dbe7; border-radius: 6px; display: grid; grid-template-rows: 18px 22px; align-content: center; justify-items: center; padding: 2px 5px; color: #34445a; background: #f7f9fc; }
.admin-settle-rider-summary em { align-self: end; color: #68758a; font-size: 10px; font-style: normal; font-weight: 400; line-height: 1; white-space: nowrap; }
.admin-settle-rider-summary b { align-self: center; max-width: 100%; overflow: hidden; color: #25364d; font-size: 13px; font-weight: 700; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-rider-summary b.is-positive { color: #1f4ed8; }
.admin-settle-rider-summary b.is-negative { color: #d7375f; }
.admin-settle-rider-summary .delivery-total { border-color: #b9ccea; background: #eef5ff; }
.admin-settle-rider-summary .income { border-color: #b9dfce; background: #ebfbf4; }
.admin-settle-rider-summary .expense { border-color: #efc9cf; background: #fff1f3; }
.admin-settle-rider-summary .profit { border-color: #c5bfe7; background: #f3f0ff; }
.admin-settle-page.is-rider-settle-mode .admin-settle-table-head,
.admin-settle-page.is-rider-target-mode .admin-settle-table-head { min-height: 80px; grid-template-rows: 28px 46px; }
.admin-settle-page.is-rider-settle-mode .admin-settle-head-summary,
.admin-settle-page.is-rider-target-mode .admin-settle-head-summary { display: none; }
.admin-settle-table-wrap { grid-row: auto; min-height: 0; border: 1px solid var(--admin-line); border-radius: 7px; overflow: auto; background: #fff; }
.admin-settle-grid { min-width: 1456px; font-size: 12px; }
.admin-settle-grid-row { display: grid; grid-template-columns: 144px 74px 82px 128px 82px 118px 64px 90px 82px 82px 86px 96px 96px minmax(180px, 1fr); min-height: 32px; border-top: 1px solid #edf1f7; }
.admin-settle-grid.member { min-width: 1342px; }
.admin-settle-grid.member .admin-settle-grid-row { grid-template-columns: 144px 118px 144px 78px 150px 62px 112px 96px 112px 112px minmax(214px, 1fr); }
.admin-settle-grid.nanum { min-width: 1320px; }
.admin-settle-grid.nanum .admin-settle-grid-row { grid-template-columns: 144px 144px 86px 118px 166px 100px 100px 100px 112px 112px minmax(238px, 1fr); }
.admin-settle-grid.rider { min-width: 1480px; }
.admin-settle-grid.rider .admin-settle-grid-row { grid-template-columns: 40px 146px 118px 94px 96px 74px 74px 64px 68px 70px 70px 72px 64px 78px 54px minmax(170px, 1fr); }
.admin-settle-grid.rider-target { min-width: 1522px; }
.admin-settle-grid.rider-target .admin-settle-grid-row { grid-template-columns: 144px 118px 74px 82px 128px 82px 118px 64px 90px 82px 82px 86px 96px 96px minmax(180px, 1fr); }
.admin-settle-grid.call { min-width: 1494px; }
.admin-settle-grid.call .admin-settle-grid-row { grid-template-columns: 40px 136px 132px 84px 112px 84px 116px 86px 90px 92px 92px 96px minmax(210px, 1fr); }
.admin-settle-grid.call.store-call .admin-settle-grid-row { grid-template-columns: 40px 130px 126px 78px 96px 76px 110px 78px 82px 84px 84px 86px 86px 82px 94px 92px minmax(150px, 1fr); }
.admin-settle-grid.call:not(.store-call) .store-call-payment,
.admin-settle-grid.call:not(.store-call) .store-call-payment-cost,
.admin-settle-grid.call:not(.store-call) .store-call-nanum,
.admin-settle-grid.call:not(.store-call) .store-call-payout { display: none; }
.admin-settle-grid.call .admin-settle-grid-cell.order-no { font-variant-numeric: tabular-nums; }
.admin-settle-grid.member .admin-settle-grid-cell.order-no { font-size: 11px; font-variant-numeric: tabular-nums; }
.admin-settle-grid.rider .admin-settle-grid-cell.order-no, .admin-settle-grid.rider-target .admin-settle-grid-cell.order-no { font-size: 11px; font-variant-numeric: tabular-nums; }
.admin-settle-grid-row.head { position: sticky; top: 0; z-index: 1; min-height: 34px; border-top: 0; color: #fff; font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; background: linear-gradient(180deg, #607089, #4e5f76); }
.admin-settle-grid-row > div { min-width: 0; display: flex; align-items: center; justify-content: center; padding: 0 7px; border-right: 1px solid #edf1f7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-grid-row.head > div { justify-content: center; border-right-color: rgba(255, 255, 255, .24); }
.admin-settle-grid-cell.money { justify-content: center; text-align: center; }
.admin-settle-grid-cell.customer-phone { font-size: 11px; font-variant-numeric: tabular-nums; }
.admin-settle-grid-cell.strong { color: #3149b7; font-weight: 900; }
.admin-settle-grid-cell.minus { color: #d0344c; font-weight: 900; }
.admin-settle-grid-cell.plus { color: #235ac8; font-weight: 900; }
.admin-settle-grid-row.head > div:last-child, .admin-settle-grid-cell.etc { justify-content: flex-start; padding-left: 10px; color: #4d5a70; text-align: left; }
.admin-settle-grid-row.head > div:last-child { color: #fff; }
.admin-settle-grid-body .admin-settle-grid-row:nth-child(even) { background: #fbfdff; }
.admin-settle-grid-body .admin-settle-grid-row.has-order-detail { cursor: pointer; }
.admin-settle-grid-body .admin-settle-grid-row.detail-loading { cursor: progress; opacity: .72; }
.admin-settle-grid-body .admin-settle-grid-row.has-order-detail:hover { color: #3149b7; background: #eef5ff; }
.admin-settle-grid-body .admin-settle-grid-row.expanded { border-top-color: #ead7af; color: #b35b18; background: #fff7e8; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-settle-grid-body .admin-settle-grid-row.expanded > div:first-child { color: transparent; background: transparent; box-shadow: none; }
.admin-settle-order-detail-row { min-width: 1456px; grid-template-columns: 144px repeat(2, minmax(0, 1fr)); }
.admin-settle-grid.member .admin-settle-order-detail-row { min-width: 1342px; }
.admin-settle-grid.call .admin-settle-order-detail-row { min-width: 1494px; grid-template-columns: 40px repeat(2, minmax(0, 1fr)); }
.admin-settle-grid.call .admin-settle-order-detail-row > div.seq { width: 40px; }
.admin-settle-grid.rider .admin-settle-order-detail-row { min-width: 1480px; grid-template-columns: 40px repeat(2, minmax(0, 1fr)); }
.admin-settle-grid.rider .admin-settle-order-detail-row > div.seq { width: 40px; }
.admin-settle-grid.rider .admin-settle-order-detail-row > div.seq span { display: none; }
.admin-settle-grid.rider-target .admin-settle-order-detail-row { min-width: 1522px; }
.admin-settle-order-detail-row > div.seq { width: 144px; top: -32px; }
.admin-settle-order-detail-row > div.seq span { color: #b35b18; font-size: 12px; }
.admin-settle-order-detail-row > div.feeinfo { grid-column: 2 / 4; grid-row: 2; min-height: 36px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; border-color: #d9def1; background: #f9faff; }
.admin-settle-order-detail-row > div.start { grid-row: 3; }
.admin-settle-order-detail-row > div.end { grid-row: 3; }
.admin-settle-order-detail-row > div.memo { grid-row: 4; }
.admin-settle-order-detail-row > div.payinfo { grid-row: 4; }
.admin-settle-order-detail-row .admin-order-payment-items { grid-template-columns: minmax(96px, .72fr) minmax(128px, 1fr) minmax(218px, 1.75fr) minmax(108px, .9fr); }
.admin-settle-order-detail-row > div.settle-menu { grid-template-columns: 20px minmax(0, 1fr) 98px; }
.admin-settle-order-detail-row .admin-settle-order-menu-amount { min-width: 0; justify-self: end; color: #223aa2; font-size: 13px; font-weight: 800; white-space: nowrap; }
.admin-settle-order-detail-row .feeinfo span { min-width: 0; height: 24px; display: grid; grid-template-columns: 60px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #e5ddcc; border-radius: 5px; padding: 0 8px; background: #fff; }
.admin-settle-order-detail-row .feeinfo span.discount b, .admin-settle-order-detail-row .feeinfo span.coupon b { color: #d7375f; }
.admin-settle-order-detail-row .feeinfo span.expense b { color: #b8324a; }
.admin-settle-order-detail-row .feeinfo span.ledger.plus b { color: #2459b3; }
.admin-settle-order-detail-row .feeinfo span.ledger.minus b { color: #c43b50; }
.admin-settle-order-detail-row .feeinfo span.nanum-context b { color: #27715a; }
.admin-settle-order-detail-row .feeinfo span.total b { color: #223aa2; font-weight: 900; }
.admin-settle-order-detail-row .feeinfo b { min-width: 0; overflow: hidden; color: #263548; font-size: 13px; font-weight: 700; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-order-detail-row > div.call-feeinfo { min-height: 42px; grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); gap: 5px; padding: 5px 6px; }
.admin-settle-grid.rider .admin-settle-order-detail-row > div.call-feeinfo[data-principal="rider"] { position: sticky; left: 40px; width: calc(100vw - 76px); max-width: calc(100vw - 76px); grid-template-columns: repeat(11, minmax(0, 1fr)); }
.admin-settle-order-detail-row .call-feeinfo span { height: 32px; grid-template-columns: minmax(0, 1fr); grid-template-rows: 12px 16px; gap: 0; align-content: center; padding: 1px 5px; }
.admin-settle-order-detail-row .call-feeinfo em, .admin-settle-order-detail-row .call-feeinfo b { overflow: hidden; line-height: 14px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-order-detail-row .call-feeinfo em { font-size: 10px; }
.admin-settle-order-detail-row .call-feeinfo b { font-size: 12px; }
.admin-settle-order-detail-row .admin-order-manager-card { grid-template-columns: auto minmax(0, 1fr) auto; gap: 3px; padding-right: 4px; padding-left: 4px; }
.admin-settle-order-detail-row .admin-order-manager-card b { position: relative; top: 1px; }
.admin-settle-order-detail-row .admin-settle-manager-amount { min-width: 0; overflow: hidden; color: #223aa2; font-size: 11px; font-weight: 800; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-order-detail-row.call-detail > div.order-manager { grid-column: 2; grid-row: 1; }
.admin-settle-order-detail-row.call-detail > div.delivery-manager { grid-column: 3; grid-row: 1; }
.admin-settle-order-detail-row.call-detail > div.manager { grid-template-columns: 68px minmax(0, 1fr); padding-left: 7px; }
.admin-settle-manager-heading { min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: #657289; white-space: nowrap; }
.admin-settle-manager-heading i { color: #65758d; font-size: 12px; }
.admin-settle-manager-heading em { color: #526176; font-size: 11px; font-style: normal; }
.admin-settle-order-detail-row.call-detail > div.settle-menu { grid-column: 2 / 4; grid-row: 2; }
.admin-settle-order-detail-row.call-detail > div.balanceflow { grid-column: 2 / 4; grid-row: 3; min-height: 42px; grid-template-columns: 20px minmax(0, 1fr); border-color: #d7e4dd; padding: 5px 7px 5px 6px; background: #f8fcfa; }
.admin-settle-order-detail-row.call-detail > div.balanceflow > i { color: #27715a; }
.admin-settle-balance-flow-items { min-width: 0; display: grid; grid-template-columns: repeat(auto-fill, 245px); justify-content: start; gap: 6px; }
.admin-settle-balance-flow-items > span { width: 245px; height: 30px; display: grid; grid-template-columns: 52px 1fr; gap: 5px; align-items: center; border: 1px solid #dbe5e0; border-radius: 5px; padding: 0 7px; background: #fff; }
.admin-settle-balance-flow-items em { color: #526176; font-size: 11px; font-style: normal; text-align: center; white-space: nowrap; }
.admin-settle-balance-flow-items b { min-width: 0; display: flex; align-items: center; justify-content: center; gap: 7px; color: #263548; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-settle-balance-flow-items b i { color: #8190a3; font-size: 10px; }
.admin-settle-order-detail-row.call-detail > div.feeinfo { grid-column: 2 / 4; grid-row: 4; }
.admin-settle-order-detail-row.call-detail > div.start, .admin-settle-order-detail-row.call-detail > div.end { grid-row: 5; }
.admin-settle-order-detail-row.call-detail > div.memo, .admin-settle-order-detail-row.call-detail > div.payinfo { grid-row: 6; }
.admin-settle-empty { min-width: 1456px; height: 150px; display: flex; align-items: center; justify-content: center; color: var(--admin-pink); font-size: 12px; font-weight: 800; }
.admin-settle-grid.member .admin-settle-empty { min-width: 1342px; }
.admin-settle-grid.call .admin-settle-empty { min-width: 1494px; }
.admin-settle-grid.rider .admin-settle-empty { min-width: 1450px; }
.admin-settle-grid.rider-target .admin-settle-empty { min-width: 1522px; }
.admin-settle-pager { grid-row: 5; min-height: 30px; display: flex; align-items: center; justify-content: center; gap: 6px; }
.admin-settle-pager[hidden] { display: none; }
.admin-settle-pager button { width: 30px; height: 28px; border: 1px solid #d2dce9; border-radius: 5px; color: #42526a; background: #fff; }
.admin-settle-pager button:hover:not(:disabled) { color: #fff; background: #65758d; border-color: #65758d; cursor: pointer; }
.admin-settle-pager button:disabled { opacity: .42; cursor: default; }
.admin-settle-pager span { min-width: 86px; text-align: center; color: #556377; font-size: 12px; }
.admin-settle-pager b { color: var(--admin-pink); }
.admin-settle-pager em { color: #556377; font-style: normal; }
.admin-settle-payment-pane { grid-template-rows: auto minmax(0, 1fr); }
.admin-settle-payment-summary { min-width: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; }
.admin-settle-payment-metrics, .admin-settle-payment-status { display: contents; }
.admin-settle-payment-metrics span, .admin-settle-payment-status button { min-width: 0; height: 50px; display: grid; grid-template-rows: 20px 1fr; align-items: center; border: 1px solid #dbe3ef; border-radius: 6px; padding: 3px 5px; color: #263548; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; }
.admin-settle-payment-metrics em, .admin-settle-payment-status em { min-width: 0; overflow: hidden; color: #697589; font-size: 10px; font-style: normal; line-height: 12px; text-align: center; text-overflow: ellipsis; white-space: normal; }
.admin-settle-payment-metrics b, .admin-settle-payment-status b { min-width: 0; overflow: hidden; color: #263548; font-size: 15px; font-weight: 800; line-height: 1; text-align: center; text-overflow: ellipsis; transform: translateY(1px); white-space: nowrap; }
.admin-settle-payment-metrics em, .admin-settle-payment-metrics b { text-align: right; }
.admin-settle-payment-status button { cursor: pointer; }
.admin-settle-payment-status button:hover { border-color: #8aa0bd; background: #f2f6fb; }
.admin-settle-payment-status button.active { border-color: #3149b7; background: #f4f7ff; box-shadow: inset 0 0 0 1px rgba(49, 73, 183, .20); }
.admin-settle-payment-status button.active b { color: #223aa2; }
.admin-settle-payment-wrap { min-height: 0; border: 1px solid var(--admin-line); border-radius: 7px; overflow: auto; background: #fff; }
.admin-settle-payment-grid { min-width: 1280px; font-size: 12px; }
.admin-settle-payment-row { min-height: 32px; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 3px; align-items: stretch; border-top: 1px solid #edf1f7; color: #263548; background: #fff; }
.admin-settle-payment-row.head { position: sticky; top: 0; z-index: 1; min-height: 34px; border-top: 0; color: #fff; font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; background: linear-gradient(180deg, #607089, #4e5f76); }
.admin-settle-payment-seq { min-width: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-payment-row:not(.head) > .admin-settle-payment-seq { border-right: 1px solid #edf1f6; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 14px; }
.admin-settle-payment-row-body { min-width: 0; display: grid; grid-template-rows: 32px; gap: 4px; }
.admin-settle-payment-row.head .admin-settle-payment-row-body { grid-template-rows: 34px; }
.admin-settle-payment-row.expanded .admin-settle-payment-row-body { grid-template-rows: 32px auto; padding-bottom: 4px; }
.admin-settle-payment-main { min-width: 0; display: grid; grid-template-columns: 148px 152px minmax(170px, 1fr) 90px 90px 110px 106px 142px 110px 64px; gap: 3px; align-items: center; }
.admin-settle-payment-main > div { min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 4px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-payment-row:not(.head) .admin-settle-payment-main > div { transform: translateY(1px); }
.admin-settle-payment-main > div.store { justify-content: flex-start; padding-left: 7px; text-align: left; }
.admin-settle-payment-main > div.datetime { color: #697589; font-size: 12px; white-space: nowrap; }
.admin-settle-payment-row:not(.head) .admin-settle-payment-main > .admin-settle-payment-cell.total, .admin-settle-payment-row:not(.head) .admin-settle-payment-main > .admin-settle-payment-cell.fee, .admin-settle-payment-row:not(.head) .admin-settle-payment-main > .admin-settle-payment-cell.deposit { justify-content: flex-end; font-size: 14px; text-align: right; }
.admin-settle-payment-row:not(.head) .admin-settle-payment-main > .admin-settle-payment-cell.oid { font-variant-numeric: tabular-nums; }
.admin-settle-payment-row.head .admin-settle-payment-main > div.money-head { justify-content: flex-end; text-align: right; }
.admin-settle-payment-body .admin-settle-payment-row:nth-child(even) { background: #fbfdff; }
.admin-settle-payment-body .admin-settle-empty { min-width: 1280px; }
.admin-settle-payment-body .admin-settle-payment-row:not(.head) { cursor: pointer; }
.admin-settle-payment-row:hover:not(.head) { color: #3149b7; background: #eef5ff; }
.admin-settle-payment-row.expanded { color: #3149b7; background: #fff7e8; }
.admin-settle-payment-cell.coupon, .admin-settle-payment-cell.discount { color: #d7375f; font-weight: 700; }
.admin-settle-payment-cell.total { color: #223aa2; font-weight: 700; }
.admin-settle-payment-cell.fee { color: #d7375f; }
.admin-settle-payment-cell.deduct { color: #c52850; font-weight: 800; }
.admin-settle-payment-cell.deposit { color: #147247; font-weight: 800; }
.admin-settle-payment-cell.state { font-weight: 700; }
.admin-settle-payment-cell.state.unpaid { color: #b35b18; }
.admin-settle-payment-cell.state.deposited { color: #223aa2; }
.admin-settle-payment-cell.state.paid { color: #147247; }
.admin-settle-payment-detail-row { min-width: 0; display: grid; grid-template-rows: repeat(4, 30px); gap: 4px; border: 1px solid #ead7af; border-radius: 5px; padding: 4px; background: #fffaf1; }
.admin-settle-payment-detail-line { min-width: 0; min-height: 30px; }
.admin-settle-payment-detail-line.menu { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #d5e0f3; border-radius: 5px; padding: 0 8px 0 6px; background: #f8fbff; }
.admin-settle-payment-detail-line.meta { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 4px; }
.admin-settle-payment-detail-line.meta > span { min-width: 0; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #e5ddcc; border-radius: 5px; padding: 0 8px 0 6px; background: #fff; }
.admin-settle-payment-detail-line.meta > span.address { border-color: #d8eadf; background: #f8fff9; }
.admin-settle-payment-detail-line.meta > span.memo { border-color: #ead9bd; background: #fffaf1; }
.admin-settle-payment-detail-line.card, .admin-settle-payment-detail-line.finance { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #d9def1; border-radius: 5px; padding: 0 8px 0 6px; background: #f9faff; }
.admin-settle-payment-detail-line.finance { border-color: #d8e2ef; background: #f7faff; }
.admin-settle-payment-detail-items { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: center; }
.admin-settle-payment-detail-items span { min-width: 0; display: flex; align-items: center; gap: 10px; }
.admin-settle-payment-detail-items em { flex: 0 0 auto; color: #697589; font-size: 11px; font-style: normal; white-space: nowrap; }
.admin-settle-payment-detail-items b { min-width: 0; flex: 0 1 auto; overflow: hidden; color: #263548; font-size: 12px; font-weight: 400; text-align: left; text-overflow: ellipsis; transform: translateY(2px); white-space: nowrap; }
.admin-settle-payment-detail-line.card .admin-settle-payment-detail-items { grid-template-columns: minmax(80px, .55fr) minmax(150px, .95fr) minmax(280px, 1.8fr) minmax(170px, 1.1fr) minmax(130px, .75fr) minmax(90px, .55fr); }
.admin-settle-payment-finance-groups { min-width: 0; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 4fr) minmax(110px, 1fr); align-items: center; }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items { gap: 8px; padding: 0 10px; }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items:first-child { padding-left: 0; }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items:last-child { padding-right: 0; }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items + .admin-settle-payment-detail-items { border-left: 1px solid #d8e2ef; }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items.delivery { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items.insurance { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-settle-payment-finance-groups .admin-settle-payment-detail-items.flag { grid-template-columns: minmax(0, 1fr); }
.admin-settle-payment-detail-line i { color: #516275; font-size: 12px; text-align: center; }
.admin-settle-payment-detail-line.menu > i { color: #3149b7; }
.admin-settle-payment-detail-line .address i { color: #147247; }
.admin-settle-payment-detail-line .memo i { color: #b35b18; }
.admin-settle-payment-detail-line strong { min-width: 0; overflow: hidden; color: #263548; font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-settle-payment-detail-line.menu .fa-arrow-right-long { color: #697589; font-size: 11px; margin: 0 4px; }
.admin-settle-payment-menu-sep { color: #a0aabc; margin: 0 6px; }
.admin-settle-date-picker { position: fixed; z-index: 3000; width: 252px; border: 1px solid #c8d3e4; border-radius: 12px; padding: 10px; background: #fff; box-shadow: 0 20px 48px rgba(23, 32, 51, .22); }
.admin-settle-date-picker[hidden] { display: none !important; }
.admin-settle-date-picker::after { content: ""; position: absolute; inset: 0; border: 1px solid rgba(255, 255, 255, .7); border-radius: inherit; pointer-events: none; }
.admin-settle-date-picker-head { display: grid; grid-template-columns: 52px minmax(0, 1fr) 52px; gap: 7px; align-items: center; margin-bottom: 9px; }
.admin-settle-date-picker-nav { height: 28px; border: 0; border-radius: 7px; color: #fff; background: #4256b8; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-settle-date-picker-nav:hover { background: #263c86; cursor: pointer; }
.admin-settle-date-picker-title { display: block; color: #172033; font-size: 14px; font-weight: 400; text-align: center; }
.admin-settle-date-picker-weekdays, .admin-settle-date-picker-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; }
.admin-settle-date-picker-weekdays { margin-bottom: 5px; color: #6a7589; font-size: 11px; text-align: center; }
.admin-settle-date-picker-weekday { height: 18px; display: grid; place-items: center; }
.admin-settle-date-picker-grid { margin-bottom: 9px; }
.admin-settle-date-cell { width: 100%; height: 28px; border: 1px solid transparent; border-radius: 7px; padding: 0; color: #263548; background: #f6f8fc; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 14px; font-weight: 400; }
.admin-settle-date-cell:hover { border-color: #9ec5fe; color: #1459a8; background: #edf6ff; cursor: pointer; }
.admin-settle-date-cell.is-adjacent { color: #a5afbf; background: #fbfcff; }
.admin-settle-date-cell.is-today { border-color: #f1d5a6; color: #7a4c08; background: #fff6e5; }
.admin-settle-date-cell.is-selected { border-color: #4256b8; color: #fff; background: #4256b8; }
.admin-settle-date-cell.is-selected:hover { color: #fff; background: #263c86; }
.admin-settle-date-picker-actions { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 5px; }
.admin-settle-date-picker-action { height: 27px; border: 1px solid #d7dfeb; border-radius: 7px; padding: 0; color: #45546c; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; white-space: nowrap; }
.admin-settle-date-picker-action:hover { color: #fff; background: #65758d; border-color: #65758d; cursor: pointer; }
.admin-settle-date-picker-action.primary { border-color: #4256b8; color: #fff; background: #4256b8; }
.admin-detail-card { border: 1px solid var(--admin-line); border-radius: 10px; padding: 18px; background: #fff; }
.admin-detail-card h2 { margin: 0 0 12px; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 400; }
.admin-detail-card dl { display: grid; grid-template-columns: 120px 1fr; gap: 10px 14px; margin: 0; font-size: 13px; }
.admin-detail-card dt { color: var(--admin-muted); font-weight: 900; }
.admin-detail-card dd { margin: 0; }

.admin-terms-panel {
  grid-template-rows: auto minmax(0, 1fr);
}

.admin-terms-head {
  gap: 8px;
}

.admin-terms-title-row {
  align-items: center;
}

.admin-terms-title-tabs {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-terms-body {
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow: hidden;
  padding: 4px 16px 14px;
}

body.admin-terms-page .admin-detail-panel {
  box-shadow: none;
}

body.admin-terms-page .admin-detail-panel::after {
  content: none;
}

.admin-terms-tabs,
.admin-terms-editor {
  min-width: 0;
  min-height: 0;
}

.admin-terms-tabs {
  flex: 0 0 auto;
  display: flex;
  gap: 6px;
}

.admin-terms-tabs button {
  flex: 0 0 166px;
  width: 166px;
  min-width: 166px;
  height: 30px;
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 30px;
  gap: 5px;
  align-items: center;
  border: 1px solid #d8e1ec;
  border-radius: 5px;
  padding: 0 7px;
  color: #314052;
  background: #f8faff;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 11px;
  font-weight: 400;
  text-align: left;
}

.admin-terms-tabs button:hover {
  border-color: #b9c6e8;
  color: #3149b7;
  background: #eef3ff;
}

.admin-terms-tabs button.active {
  border-color: #4256b8;
  color: #fff;
  background: #4256b8;
}

.admin-terms-tabs button i,
.admin-terms-tabs button em {
  text-align: center;
}

.admin-terms-tabs button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-terms-tabs button em {
  color: inherit;
  font-size: 10px;
  font-style: normal;
  opacity: .78;
}

.admin-terms-editor {
  flex: 0 0 800px;
  width: 800px;
  height: auto;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 8px;
  border: 0;
  border-radius: 0;
  padding: 4px 16px 0 0;
  background: transparent;
  overflow: hidden;
}

.admin-terms-editor-head {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.admin-terms-editor-head > span {
  flex: 0 0 auto;
  color: #4e5b72;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

.admin-terms-editor-head > input[type="text"] {
  flex: 1 1 auto;
  width: auto;
}

.admin-terms-editor-head > .admin-terms-use-toggle {
  flex: 0 0 148px;
  width: 148px;
}

.admin-terms-editor label {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.admin-terms-content {
  min-height: 0;
  grid-template-rows: auto minmax(0, 1fr);
}

.admin-terms-editor label span {
  color: #4e5b72;
  font-size: 12px;
  line-height: 1;
}

.admin-terms-editor input,
.admin-terms-editor select,
.admin-terms-editor textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid #d5deea;
  border-radius: 5px;
  background: #fff;
  color: #253143;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 12px;
  font-weight: 400;
  outline: none;
}

.admin-terms-editor input,
.admin-terms-editor select {
  height: 30px;
  padding: 0 8px;
}

.admin-terms-editor textarea {
  height: auto;
  min-height: 0;
  padding: 10px;
  resize: none;
  overflow: auto;
  font-family: "Malgun Gothic", "Jeju Gothic", sans-serif;
  font-size: 13px;
  line-height: 1.55;
}

.admin-terms-editor input:focus,
.admin-terms-editor select:focus,
.admin-terms-editor textarea:focus {
  border-color: var(--admin-blue);
  box-shadow: 0 0 0 3px rgba(49, 73, 183, .10);
}

.admin-terms-use-toggle button {
  letter-spacing: 0;
}

.admin-setting-form { position: relative; border: 1px solid var(--admin-line); border-radius: 10px; overflow: visible; background: #fff; }
.admin-setting-layout { display: grid; grid-template-columns: var(--admin-setting-pane-width) minmax(0, 1fr); gap: 14px; align-items: stretch; min-height: 100%; height: 100%; }
.admin-setting-pane, .admin-map-pane { min-width: 0; min-height: 0; }
.admin-map-pane { position: relative; z-index: 0; }
.admin-setting-pane { overflow: auto; padding-right: 2px; }
.admin-company-setting-shell { display: grid; grid-template-rows: minmax(0, 1fr); min-height: 100%; height: 100%; }
.admin-company-setting-shell .admin-setting-pane { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 10px; overflow: hidden; padding-right: 2px; }
.admin-company-setting-shell .admin-setting-form { min-height: 0; overflow: auto; }
.admin-setting-subframe-host { position: relative; min-width: 0; min-height: 0; overflow: hidden; border: 1px solid #dbe3ef; border-radius: 8px; background: #f5f8fc; }
.manage-toast-stack {
  position: fixed;
  top: 16px;
  right: 18px;
  z-index: 5000;
  display: grid;
  gap: 8px;
  pointer-events: none;
}
.manage-toast {
  min-width: 220px;
  max-width: 420px;
  padding: 10px 14px;
  border-radius: 8px;
  background: #1f2937;
  color: #fff;
  font-size: 13px;
  line-height: 1.4;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
}
.manage-toast.error { background: #b42318; }
.manage-toast.success { background: #157347; }
.admin-flag-map-chrome {
  position: absolute;
  inset: 0;
  z-index: 7;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}
.admin-flag-map-chrome[hidden] {
  display: none !important;
}
.admin-flag-map-top,
.admin-flag-map-bottom {
  pointer-events: auto;
  position: relative;
  z-index: 9;
  margin: 10px 96px 10px 10px;
  border: 1px solid #d7e3f6;
  border-radius: 10px;
  background: rgba(255, 252, 248, 0.96);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}
.admin-flag-map-top .advertisement-modal-header {
  display: grid;
  grid-template-columns: auto minmax(180px, 420px) minmax(120px, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  min-width: 0;
  padding: 8px 10px;
  border: 0;
}
.admin-flag-map-top .advertisement-modal-header h3 {
  white-space: nowrap;
}
.admin-flag-map-top .advertisement-map-search {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d5dbe5;
  border-radius: 8px;
  background: #fff;
}
.admin-flag-map-top .advertisement-map-search input {
  flex: 1 1 auto;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.admin-flag-map-top .advertisement-map-search button {
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 96px;
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  border: 0;
  border-left: 1px solid #d5dbe5;
  border-radius: 0;
  white-space: nowrap;
}
.admin-flag-map-top .advertisement-map-search button span {
  margin: 0;
  white-space: nowrap;
  transform: translateY(2px);
}
.admin-flag-map-top .advertisement-modal-header-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
}
.admin-flag-map-top .advertisement-modal-submit,
.admin-flag-map-top .advertisement-modal-reset,
.admin-flag-map-top .advertisement-auto-extend-toggle {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  min-width: 0;
  height: 32px;
  min-height: 32px;
  padding: 0 12px;
  white-space: nowrap;
}
.admin-flag-map-top .advertisement-modal-submit span,
.admin-flag-map-top .advertisement-modal-reset span {
  white-space: nowrap;
  transform: translateY(2px);
}
.admin-flag-map-top .advertisement-modal-submit {
  border: 0;
  border-radius: 8px;
  color: #fff;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 13px;
  background: linear-gradient(180deg, #5570d6, #3b53bd 55%, #3149b7);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 4px 10px rgba(49, 73, 183, .30);
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
}
.admin-flag-map-top .advertisement-modal-submit i {
  font-size: 12px;
  transform: translateY(1px);
}
.admin-flag-map-top .advertisement-modal-submit:hover:not([disabled]) {
  filter: brightness(1.08);
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 6px 14px rgba(49, 73, 183, .36);
}
.admin-flag-map-top .advertisement-modal-submit:active:not([disabled]) {
  filter: brightness(.96);
  transform: translateY(0);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .20), 0 2px 6px rgba(49, 73, 183, .30);
}
.admin-flag-map-top .advertisement-modal-submit[disabled] {
  border: 1px solid #d8dee8;
  color: #a5adba;
  background: #edf1f6;
  box-shadow: none;
  cursor: default;
}
.admin-flag-map-top .advertisement-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  border: 1px solid #d7deeb;
  border-radius: 50%;
  color: #64748b;
  background: #fff;
  box-shadow: 0 2px 6px rgba(15, 23, 42, .08);
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease, background .15s ease, transform .15s ease;
}
.admin-flag-map-top .advertisement-modal-close i {
  font-size: 14px;
}
.admin-flag-map-top .advertisement-modal-close:hover {
  color: #dc2626;
  border-color: #fca5a5;
  background: #fef2f2;
  transform: rotate(90deg);
}
.admin-flag-map-bottom {
  padding: 8px 10px;
}
.admin-flag-map-bottom .advertisement-form-area-notice {
  margin: 0 0 8px;
}
.admin-flag-map-bottom .advertisement-form-area-panel {
  display: grid;
  gap: 8px;
  min-height: 0;
  overflow: visible;
}
.admin-flag-map-bottom .advertisement-period-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-height: 0;
  overflow: visible;
}
.admin-flag-map-bottom .advertisement-period-range-editor {
  flex: 0 0 auto;
  justify-content: flex-start;
}
.admin-flag-map-bottom .advertisement-form-area-mode,
.admin-flag-map-bottom .area-draw-end {
  display: none !important;
}
.admin-flag-map-bottom .advertisement-form-area-toolbar {
  display: flex;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: visible;
}
.admin-flag-map-bottom .advertisement-form-area-toolbar .area-action-button {
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 76px;
  max-width: none;
  height: 38px;
  min-height: 38px;
  padding: 0 10px;
  border-radius: 7px;
  white-space: nowrap;
}
.admin-flag-map-bottom .advertisement-form-area-toolbar .area-action-button i {
  display: none;
}
.admin-flag-map-bottom .advertisement-form-area-toolbar .area-action-button span {
  margin: 0;
  font-size: 13px;
  white-space: nowrap;
  transform: translateY(1px);
}
@media (max-width: 1500px)
{
  .admin-flag-map-top .advertisement-modal-header {
    grid-template-columns: minmax(0, 1.15fr) minmax(160px, 1fr);
    grid-template-areas:
      "title actions"
      "search address";
    row-gap: 6px;
  }
  .admin-flag-map-top .advertisement-modal-header h3 { grid-area: title; }
  .admin-flag-map-top .advertisement-modal-search-layer { grid-area: search; min-width: 0; }
  .admin-flag-map-top .advertisement-modal-address { grid-area: address; min-width: 0; }
  .admin-flag-map-top .advertisement-modal-header-actions { grid-area: actions; }
  .admin-flag-map-top .advertisement-map-search input { min-width: 0; }
  .admin-flag-map-bottom .advertisement-period-row { flex-wrap: wrap; row-gap: 6px; }
  .admin-flag-map-bottom .advertisement-period-range-editor { flex: 1 1 auto; }
  .admin-flag-map-bottom .advertisement-form-area-toolbar { flex: 1 1 100%; min-width: 0; flex-wrap: nowrap; }
  .admin-flag-map-bottom .advertisement-form-area-toolbar .area-action-button { flex: 1 1 0; min-width: 0; padding: 0 6px; font-size: 12px; }
  .admin-flag-map-bottom .advertisement-form-area-toolbar .area-action-button span { font-size: 12px; }
  .admin-flag-map-top .advertisement-modal-header-actions { flex-wrap: nowrap; }
}
.admin-map-pane > .advertisement-form-area-list.is-admin-map-rail:not([hidden]) {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  z-index: 8;
  width: 76px;
  height: auto;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.16);
}
.admin-setting-subframe { width: 100%; height: 100%; display: none; border: 0; background: transparent; }
.admin-setting-subframe.active { display: block; }
.admin-setting-subframe-body { width: 100%; height: 100vh; min-height: 0; overflow: hidden; padding: 0; }
.admin-setting-subframe-body .admin-setting-form { height: 100%; min-height: 0; overflow: auto; }
.admin-setting-subframe-page .admin-setting-form { border: 0; border-radius: 0; background: transparent; }
.admin-biz-subframe-form { padding-top: 14px; }
.admin-setting-subframe-page .admin-biz-subframe-form { display: grid; grid-template-rows: minmax(0, 1fr) auto; overflow: hidden; }
.admin-setting-subframe-page .admin-biz-subframe-form > .admin-biz-tab-panel { min-height: 0; overflow: auto; }
.admin-biz-subframe-form .admin-company-panel-card { height: 100%; }
.admin-biz-subframe-form .admin-company-staff-panel-card { height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); }
.admin-biz-subframe-form .admin-company-table-wrap { min-height: 0; overflow: auto; }
.admin-setting-subframe-page .admin-biz-tab-panel[data-biz-tab-panel="staff"],
.admin-setting-subframe-page .admin-biz-tab-panel[data-biz-tab-panel="pay"],
.admin-setting-subframe-page .admin-biz-tab-panel[data-biz-tab-panel="tax"] { height: auto; display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 0 10px; }
.admin-setting-subframe-page .admin-biz-tab-panel[data-biz-tab-panel="pay"] { grid-template-rows: auto auto minmax(0, 1fr); align-content: stretch; }
.admin-setting-subframe-page .admin-biz-tab-panel > .admin-company-panel-head { padding: 0 0 12px; }
.admin-company-tabs { width: 100%; display: grid; grid-template-columns: repeat(var(--admin-tab-count, 4), minmax(0, 1fr)); align-items: center; gap: 6px; padding: 0; }
.admin-company-tab { width: 100%; height: 32px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border: 1px solid #d7deeb; border-radius: 7px; padding: 0 4px; color: #5b667c; background: #f7f9fe; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-company-tab i { font-size: 12px; }
.admin-company-tab span { line-height: 1; white-space: nowrap; }
.admin-company-tab.active { color: #fff; background: #4256b8; border-color: #4256b8; }
.admin-company-tabs[data-tab-mode="rider"] { grid-template-columns: 86px minmax(0, 1fr); }
.admin-company-tabs[data-tab-mode="rider"] .admin-company-tab { width: 86px; }
.admin-rider-tab-balance { grid-column: 2; width: 100%; min-width: 0; justify-self: end; overflow: visible; color: #147247; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 700; line-height: 32px; text-align: right; text-overflow: clip; white-space: nowrap; font-variant-numeric: tabular-nums; }
.admin-setting-layout[data-target="biz"]:not([data-tab="basic"]) { grid-template-columns: var(--admin-setting-pane-width) minmax(0, 1fr); }
.admin-setting-layout[data-target="rider"] { display: flex; }
.admin-setting-layout[data-target="rider"] .admin-setting-pane { width: var(--admin-rider-setting-pane-width); flex: 0 0 var(--admin-rider-setting-pane-width); }
.admin-setting-layout[data-target="rider"] .admin-map-pane { min-width: 0; flex: 1 1 0; }
.admin-setting-layout[data-target="biz"] .admin-setting-pane, .admin-setting-layout[data-target="member"] .admin-setting-pane { align-self: stretch; }
.admin-setting-layout[data-target="biz"] .admin-map-pane { align-self: stretch; }
.admin-rider-setting-form { height: 100%; min-height: 0; overflow: auto; padding: 10px; }
.admin-rider-setting-body { min-height: 100%; display: grid; align-content: start; }
.admin-rider-setting-card { gap: 8px; padding: 6px 0; }
.admin-map-frame { position: relative; z-index: 0; isolation: isolate; width: 100%; height: 100%; min-height: 100%; border-radius: 10px; overflow: hidden; background: linear-gradient(180deg, #f7f9fe 0%, #eef3fa 100%); }
.admin-map-frame::after { content: ""; position: absolute; inset: 0; z-index: 20; border: 1px solid #cfd9e8; border-radius: inherit; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .35); }
.admin-setting-map { width: 100%; height: 100%; min-height: 100%; }
.admin-setting-head { height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 14px; border-bottom: 1px solid var(--admin-line); background: #f8faff; }
.admin-setting-head b { display: block; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 17px; font-weight: 400; line-height: 20px; }
.admin-setting-head span { display: block; margin-top: 2px; color: var(--admin-muted); font-size: 12px; }
.admin-setting-head button { height: 30px; border: 0; border-radius: 5px; padding: 0 13px; color: #fff; background: var(--admin-blue); font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; }
.admin-setting-head button i { margin-right: 5px; }
.admin-generic-form { padding: 14px 0 10px; }
.admin-generic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 14px; padding: 0 12px; }
.admin-generic-field { min-width: 0; display: grid; gap: 6px; align-content: start; }
.admin-generic-field.wide { grid-column: span 2; }
.admin-generic-field-title { color: #4e5b72; font-size: 12px; line-height: 1; padding-left: 2px; }
.admin-generic-field input, .admin-generic-field select { width: 100%; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-generic-field input:focus, .admin-generic-field select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-generic-field input[readonly] { color: #768196; background: #f1f4f8; }
.admin-toggle-buttons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); height: 30px; padding: 2px; border: 1px solid #d5deea; border-radius: 5px; background: #f2f5fa; }
.admin-toggle-buttons button { height: 24px; border: 0; border-radius: 4px; color: #6b7588; background: transparent; font-size: 11px; font-weight: 400; letter-spacing: -.08em; white-space: nowrap; }
.admin-toggle-buttons button.active { color: #fff; background: var(--admin-blue); }
.admin-generic-address { position: relative; display: grid; gap: 8px; }
.admin-generic-address-line { display: grid; grid-template-columns: minmax(0, 1fr) 30px; gap: 8px; align-items: center; min-width: 0; }
.admin-generic-address-line input { min-width: 0; }
.admin-generic-address-line button { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 5px; padding: 0; color: #fff; background: var(--admin-blue); font-size: 11px; }
.admin-address-search { position: relative; display: grid; grid-template-columns: 84px minmax(0, 230px) 76px; gap: 8px; align-items: center; padding: 12px 16px 0; }
.admin-address-search span { color: #4e5b72; font-size: 12px; text-align: right; }
.admin-address-search input { height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 9px; outline: none; background: #fff; }
.admin-address-search input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-address-search > button { height: 30px; border: 0; border-radius: 5px; color: #fff; background: var(--admin-blue); font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; }
.admin-address-results { position: absolute; z-index: 20; left: 108px; top: 46px; width: 520px; max-height: 318px; overflow: auto; border: 1px solid #c8d3e4; border-radius: 8px; background: #fff; box-shadow: 0 18px 40px rgba(23, 32, 51, .18); }
.admin-generic-address .admin-address-results { left: 0; top: 38px; width: 100%; }
.admin-address-result { width: 100%; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 8px; border: 0; border-bottom: 1px solid #eef2f7; padding: 9px 10px; color: var(--admin-ink); background: #fff; text-align: left; }
.admin-address-result:hover { background: #f3f6fb; }
.admin-address-result b { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; color: #fff; background: var(--admin-blue); font-size: 11px; }
.admin-address-result span { min-width: 0; display: grid; gap: 3px; }
.admin-address-result strong { overflow: hidden; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-address-result em, .admin-address-result small { overflow: hidden; color: #5f6e85; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.admin-address-result small { color: #8b96a7; }
.admin-address-empty { padding: 16px; color: var(--admin-muted); font-size: 12px; text-align: center; }
.admin-setting-status { height: 22px; margin: 0; padding: 0 16px 12px; color: var(--admin-blue); font-size: 12px; text-align: right; }
.admin-setting-status.add-guide { margin-top: 10px; }
.admin-setting-empty p { margin: 0; color: var(--admin-muted); font-size: 13px; }

.admin-biz-form { padding: 14px 0 10px; }
.admin-biz-tab-panels { display: grid; gap: 0; }
.admin-biz-tab-panel { min-width: 0; }
.admin-biz-grid { display: grid; gap: 12px; padding: 0 12px; }
.admin-biz-row { display: grid; gap: 14px; }
.admin-biz-row[hidden] { display: none !important; }
.admin-biz-row.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-biz-row.single { grid-template-columns: minmax(0, 1fr); }
.admin-biz-field, .admin-biz-mini-field { min-width: 0; display: grid; gap: 6px; }
.admin-biz-field-spacer { visibility: hidden; pointer-events: none; }
.admin-biz-field-title { min-height: 15px; color: #4e5b72; font-size: 12px; line-height: 15px; padding: 1px 0 0 2px; }
.admin-biz-field input, .admin-biz-field select, .admin-biz-mini-field input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-biz-phone-grid { display: grid; grid-template-columns: 52px 10px 1fr 10px 1fr; gap: 6px; align-items: center; }
.admin-biz-phone-grid input { text-align: center; }
.admin-biz-phone-sep { color: #738098; font-size: 12px; text-align: center; }
.admin-biz-field input[readonly] { color: #768196; background: #f1f4f8; }
.admin-biz-field.is-disabled .admin-biz-field-title { color: #a3adbd; }
.admin-biz-field input:disabled { color: #9aa6b8; background: #f2f5f9; border-color: #dbe3ef; cursor: default; }
.admin-setting-form input[type="password"] { font-family: "Malgun Gothic", sans-serif; }
.admin-biz-field input:focus, .admin-biz-field select:focus, .admin-biz-mini-field input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-form .admin-toggle-buttons { height: 30px; }

.admin-seller-agreement-control {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.admin-seller-agreement-toggle {
  grid-template-columns: minmax(0, 1fr);
}

.admin-biz-form .admin-seller-agreement-control input[data-admin-picker] {
  padding: 0 2px;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: var(--admin-ink) !important;
  font-size: 14px;
  text-align: right;
  cursor: pointer;
}

.admin-biz-form .admin-seller-agreement-control input[data-admin-picker]:disabled {
  color: var(--admin-muted) !important;
  cursor: default;
}

.admin-biz-form .admin-seller-agreement-control input[data-admin-picker]:focus-visible {
  text-decoration: underline;
  text-underline-offset: 3px;
}

html[data-admin-theme="night"] .admin-setting-subframe-page #adminSharedDateTimePicker .admin-settle-date-picker-nav {
  border-color: var(--admin-line);
  background: var(--admin-soft);
  color: var(--admin-ink);
}

html[data-admin-theme="night"] .admin-biz-form[data-target="member"] .admin-biz-field-title {
  color: var(--admin-muted);
}
.admin-biz-flag-row { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, .82fr); gap: 5px; align-items: center; min-width: 0; color: #4e5b72; font-size: 11px; white-space: nowrap; }
.admin-biz-flag-pair { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px; align-items: center; min-width: 0; }
.admin-biz-flag-pair.rate { grid-template-columns: minmax(0, 1fr) auto; }
.admin-biz-flag-row input { height: 30px; padding: 0 2px; font-size: 11px; text-align: center; }
.admin-biz-version-grid { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.admin-biz-version-item { min-width: 0; display: grid; gap: 6px; }
.admin-biz-version-item input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 6px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: center; }
.admin-biz-version-item input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-recom-control { min-width: 0; display: grid; grid-template-columns: 106px minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.admin-biz-recom-toggle button { letter-spacing: 0; }
.admin-biz-recom-control input[data-field="recomamt"] { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: right; }
.admin-biz-recom-control input[data-field="recomamt"]:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-recom-unit { color: #4e5b72; font-size: 12px; white-space: nowrap; }
.admin-biz-file-card { display: grid; gap: 6px; padding: 0; border: 0; border-radius: 0; background: transparent; }
.admin-biz-file-head { min-width: 0; }
.admin-biz-file-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin-biz-file-toolbar button { height: 30px; min-width: 76px; border: 0; border-radius: 5px; padding: 0 12px; color: #fff; background: #8792a6; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-biz-file-toolbar button.sub { background: var(--admin-blue); }
.admin-biz-file-toolbar button[data-file-delete] { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-biz-file-toolbar button:disabled { opacity: .52; cursor: default; }
.admin-biz-file-name { color: #657289; font-size: 12px; }
.admin-biz-file-preview-wrap { border: 1px solid #d0dbea; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-biz-file-preview { display: flex; justify-content: center; width: 100%; }
.admin-biz-file-preview img { display: block; width: 100%; height: auto; }
.admin-biz-file-empty { display: flex; align-items: center; justify-content: center; min-height: 180px; color: #8c96a8; font-size: 13px; }
.admin-biz-share-inline-wrap { min-width: 0; overflow-x: visible; padding-bottom: 0; }
.admin-biz-share-inline { width: 100%; min-width: 0; display: flex; align-items: end; gap: 3px; }
.admin-biz-share-toggle { flex: 0 0 auto; min-width: 0; }
.admin-biz-share-toggle button { padding: 0 4px; font-size: 10px; letter-spacing: 0; }
.admin-biz-share-main { min-width: 0; display: grid; grid-template-rows: auto 30px; row-gap: 6px; align-items: center; }
.admin-biz-share-main-title { min-width: 0; min-height: 15px; overflow: hidden; color: #4e5b72; font-size: 12px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; padding: 1px 0 0 2px; align-self: end; }
.admin-biz-share-main-control { min-width: 0; display: flex; align-items: center; gap: 2px; }
.admin-biz-share-main-control input { flex: 0 0 8.4ch; width: 8.4ch; min-width: 8.4ch; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 3px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; text-align: center; }
.admin-biz-share-main-control input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-share-unit { color: #4e5b72; font-size: 11px; white-space: nowrap; }
.admin-biz-share-inline.is-disabled .admin-biz-share-main-title, .admin-biz-share-inline.is-disabled .admin-biz-share-level-title { color: #98a3b7; }
.admin-biz-share-inline.is-disabled .admin-biz-share-unit { color: #98a3b7; }
.admin-biz-share-inline.is-disabled input, .admin-biz-share-level.is-disabled input { color: #7c879b; background: #f1f4f8; border-color: #dbe3ef; }
.admin-biz-share-inline.is-disabled .admin-toggle-buttons button { opacity: .45; }
.admin-biz-share-level { flex: 1 1 0; min-width: 0; display: grid; grid-template-rows: auto 30px; row-gap: 6px; align-items: center; }
.admin-biz-share-level-title { grid-column: 1 / -1; grid-row: 1; min-height: 15px; color: #4e5b72; font-size: 12px; line-height: 15px; white-space: nowrap; padding: 1px 0 0 2px; align-self: end; }
.admin-biz-share-level input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 3px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; text-align: center; }
.admin-biz-share-level input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-address { position: relative; display: grid; grid-template-columns: 154px minmax(0, 1fr); gap: 10px; align-items: start; }
.admin-biz-address-searchblock { position: relative; display: grid; gap: 6px; grid-row: span 2; min-width: 0; }
.admin-biz-address-main { position: relative; width: 100%; }
.admin-biz-address-title { align-self: end; line-height: 12px; }
.admin-biz-searchline { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 30px; gap: 8px; align-items: center; min-width: 0; }
.admin-biz-searchline input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-biz-searchline input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-biz-searchline button { width: 30px; height: 30px; display: grid; place-items: center; border: 0; border-radius: 5px; padding: 0; color: #fff; background: var(--admin-blue); font-size: 11px; }
.admin-biz-address-displayblock { min-width: 0; height: 51px; display: grid; grid-template-rows: 24px 24px; gap: 3px; }
.admin-biz-address-line { position: relative; min-width: 0; min-height: 0; display: flex; align-items: center; margin: 0; padding: 0 10px; border: 1px solid #d5deea; border-radius: 5px; background: #f8faff; color: #1d2538; text-align: left; }
.admin-biz-address-line-top { font-size: 12px; line-height: 14px; }
.admin-biz-address-line-bottom { font-size: 12px; line-height: 16px; }
.admin-biz-address-line-placeholder { position: absolute; left: 10px; top: 0; display: flex; align-items: center; height: 100%; color: #7f8aa0; font-size: inherit; line-height: inherit; pointer-events: none; }
.admin-biz-address-line-text { display: flex; align-items: center; min-width: 0; width: 100%; height: 100%; overflow: hidden; color: #1d2538; font-size: inherit; line-height: inherit; text-overflow: ellipsis; white-space: nowrap; }
.admin-biz-address-line:not(.is-empty) .admin-biz-address-line-placeholder { display: none; }
.admin-biz-address-row { display: grid; gap: 10px; grid-column: 1 / -1; margin-top: -8px; }
.admin-biz-address-row.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-biz-address .admin-address-results { left: 0; top: 38px; width: 420px; max-height: 310px; }
.admin-company-panel-card { border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-company-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 12px; border-bottom: 1px solid #e7edf5; background: #fff; }
.admin-setting-subframe-page .admin-company-panel-card { border: 0; border-radius: 0; overflow: visible; background: transparent; }
.admin-setting-subframe-page .admin-company-panel-head { border-bottom: 0; background: transparent; }
.admin-company-panel-head-staff { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; align-items: stretch; }
.admin-company-staff-panel-card { border: 0; border-radius: 0; overflow: visible; padding: 0 10px; background: transparent; }
.admin-company-staff-panel-card .admin-company-panel-head { padding: 0 0 12px; border-bottom: 0; background: transparent; }
.admin-company-staff-panel-card .admin-company-panel-title { color: #253143; font-size: 15px; }
.admin-company-staff-panel-card .admin-company-table-wrap { border: 1px solid #dbe3ef; border-radius: 7px; }
.admin-company-panel-search { justify-self: stretch; width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 76px 76px; align-items: center; gap: 8px; }
.admin-company-panel-search input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; background: #fff; font-size: 12px; font-weight: 400; }
.admin-company-panel-search button { height: 30px; min-width: 76px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 12px; color: #fff; background: #8792a6; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-company-panel-search button.sub { background: var(--admin-blue); }
.admin-company-panel-headline { justify-self: stretch; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.admin-company-panel-title { font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 400; }
.admin-company-panel-actions { display: flex; align-items: center; gap: 10px; }
.admin-company-panel-count { position: relative; top: 1px; color: #1567d8; font-size: 14px; font-weight: 400; white-space: nowrap; }
.admin-company-create-button { min-width: 96px; height: 32px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 7px; padding: 0 12px; color: #fff; background: var(--admin-blue); font-size: 13px; font-weight: 400; white-space: nowrap; }
.admin-company-staff-detail { display: grid; gap: 8px; padding: 9px 10px 10px; border: 1px solid #dbe3ef; border-radius: 7px; background: #fbfcff; }
.admin-company-staff-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.admin-company-staff-detail-title { color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 15px; font-weight: 400; white-space: nowrap; }
.admin-company-staff-detail-actions { display: inline-flex; align-items: center; gap: 6px; }
.admin-company-staff-detail-actions button { height: 28px; min-width: 48px; border: 0; border-radius: 5px; padding: 0 10px; color: #fff; background: #6b7b92; font-size: 12px; font-weight: 400; }
.admin-company-staff-detail-actions button.delete { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-company-staff-detail-actions button:disabled { opacity: .45; cursor: default; }
.admin-company-staff-detail-grid { display: grid; gap: 8px; }
.admin-company-staff-detail-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.admin-company-staff-field { min-width: 0; display: grid; gap: 5px; }
.admin-company-staff-field > span { color: #4e5b72; font-size: 11px; line-height: 1; padding-left: 1px; }
.admin-company-staff-field input { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-company-staff-field input[type="password"] { font-family: "Malgun Gothic", sans-serif; }
.admin-company-staff-field input[readonly] { color: #768196; background: #f1f4f8; }
.admin-company-staff-phone { display: grid; grid-template-columns: 38px 8px minmax(0, 1fr) 8px minmax(0, 1fr); gap: 4px; align-items: center; }
.admin-company-staff-phone input { text-align: center; }
.admin-company-staff-phone em { color: #738098; font-size: 11px; font-style: normal; text-align: center; }
.admin-company-staff-state { height: 28px; }
.admin-company-staff-state button { height: 22px; letter-spacing: 0; }
.admin-company-staff-permissions { display: grid; grid-template-columns: 62px repeat(3, minmax(0, 1fr)); gap: 10px; align-items: center; min-height: 28px; }
.admin-company-staff-permissions-title { color: #4e5b72; font-size: 11px; line-height: 1; padding-left: 1px; white-space: nowrap; }
.admin-company-staff-permissions label { min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: #253143; font-size: 12px; white-space: nowrap; }
.admin-company-staff-permissions input { width: 14px; height: 14px; accent-color: var(--admin-blue); }
.admin-company-staff-permissions input:disabled { opacity: .45; }
.admin-company-table-wrap { position: relative; overflow: hidden; border-top: 1px solid #d8e1ec; background: #fff; }
.admin-company-table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 12px; }
.admin-company-table th { height: 38px; padding: 0 8px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; font-weight: 400; text-align: center; white-space: nowrap; }
.admin-company-table td { height: 44px; padding: 8px 8px; border-top: 1px solid #edf1f6; color: #253143; text-align: center; vertical-align: middle; }
.admin-company-table tbody tr:hover { background: #fbfdff; }
.admin-company-staff-row { cursor: pointer; }
.admin-company-staff-row.active { background: #fff5e8; }
.admin-company-staff-row.active td { color: #f08b18; }
.admin-company-table-staff th:nth-child(1), .admin-company-table-staff td:nth-child(1) { width: 104px; }
.admin-company-table-staff th:nth-child(2), .admin-company-table-staff td:nth-child(2) { width: 108px; }
.admin-company-table-staff th:nth-child(3), .admin-company-table-staff td:nth-child(3) { width: 50px; }
.admin-company-table-staff th:nth-child(4), .admin-company-table-staff td:nth-child(4) { width: 94px; }
.admin-company-table-staff th:nth-child(5), .admin-company-table-staff td:nth-child(5) { width: 74px; }
.admin-company-table-staff th:nth-child(1) { text-align: left; }
.admin-company-staff-name { text-align: left !important; }
.admin-company-table-staff td:nth-child(4) { white-space: nowrap; font-size: 11px; }
.admin-company-table-staff td:nth-child(5) { padding-left: 6px; padding-right: 6px; }
.admin-company-staff-name > span { vertical-align: middle; }
.admin-company-table td button { height: 26px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: #8792a6; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-company-table td button:disabled, .admin-company-create-button:disabled, .admin-company-panel-search button:disabled { opacity: .58; cursor: default; }
.admin-company-row-actions { display: inline-flex; align-items: center; justify-content: center; gap: 4px; }
.admin-company-action-button { min-width: 45px; padding: 0 5px !important; display: inline-flex; align-items: center; justify-content: center; gap: 3px; color: #fff; background: #6b7b92; font-size: 11px !important; }
.admin-company-action-button.icon-only { width: 26px; min-width: 26px; padding: 0 !important; }
.admin-company-action-button i { font-size: 11px; }
.admin-company-action-button.delete { background: #ffeef2 !important; color: #ff4081 !important; border: 1px solid #ffb2c4 !important; }
.admin-company-staff-state-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 22px; border-radius: 5px; color: #7c879b; background: #eef2f7; font-size: 11px; line-height: 1; }
.admin-company-staff-state-badge.active { color: #1c9d54; background: #eefbf3; }
.admin-company-staff-state-badge.inactive { color: #ff4081; background: #ffeef2; }
.admin-company-pay-register { display: grid; gap: 8px; margin: 0 10px 10px; padding: 0 0 10px; border-bottom: 1px solid #e7edf5; background: transparent; }
.admin-company-pay-register-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 30px; }
.admin-company-pay-register-title { color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 400; white-space: nowrap; }
.admin-company-pay-register-actions { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; }
.admin-company-pay-register-actions button { height: 28px; min-width: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 10px; color: #fff; background: var(--admin-blue); font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-company-pay-register-actions button i { font-size: 11px; }
.admin-company-pay-register-actions button.delete-mode { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-company-pay-register-actions button:disabled { border-color: #d8e0eb; color: #9aa6b8; background: #f2f5f9; cursor: default; opacity: 1; }
.admin-company-pay-register-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: start; }
.admin-company-pay-register-field { min-width: 0; display: grid; gap: 5px; align-content: start; }
.admin-company-pay-register-field.wide { grid-column: 1 / -1; }
.admin-company-pay-register-label { color: #4e5b72; font-size: 12px; line-height: 15px; padding-left: 2px; white-space: nowrap; }
.admin-company-pay-register-field input { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: center; }
.admin-company-pay-register-field input[readonly] { color: #596579; background: #f7f9fc; }
.admin-company-pay-register-field input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-company-pay-card-number-inputs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.admin-company-pay-expire-inputs { display: grid; grid-template-columns: minmax(0, 1fr) 12px minmax(0, 1fr); gap: 8px; align-items: center; }
.admin-company-pay-expire-inputs em { color: #738098; font-size: 12px; font-style: normal; text-align: center; }
.admin-company-pay-cate-toggle { width: 100%; }
.admin-company-pay-register-frame { width: 100%; height: 392px; display: block; border: 0; background: #fff; }
.admin-company-pay-detail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 8px; margin: 0 10px 10px; padding: 9px 10px 10px; border: 1px solid #dbe3ef; border-radius: 7px; background: #fbfcff; }
.admin-company-pay-detail-field { min-width: 0; display: grid; gap: 5px; }
.admin-company-pay-detail-field > span { color: #4e5b72; font-size: 11px; line-height: 1; padding-left: 1px; white-space: nowrap; }
.admin-company-pay-detail-field input { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-company-pay-detail-field input[readonly] { color: #596579; background: #f7f9fc; }
.admin-company-pay-row { cursor: pointer; }
.admin-company-pay-row.active { background: #fff5e8; }
.admin-company-pay-row.active td { color: #d97706; }
.admin-company-pay-order-badge { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 1px solid #f2d692; border-radius: 999px; color: #9f6a00; background: linear-gradient(180deg, #fffbef 0%, #fff1c8 100%); font-size: 12px; line-height: 1; }
.admin-company-pay-name { text-align: center !important; }
.admin-company-pay-card-chip { display: inline-flex; align-items: center; justify-content: center; min-height: 24px; padding: 0 9px; border-radius: 6px; background: #55565a; color: #fff; font-size: 12px; line-height: 1; }
.admin-company-rep-button { min-width: 52px; height: 26px; border: 1px solid #d7e0eb !important; border-radius: 999px !important; color: #5c738b !important; background: #fff !important; }
.admin-company-rep-button.active { border-color: #cdebd5 !important; color: #1c9d54 !important; background: #eefbf3 !important; }
.admin-company-pay-number { letter-spacing: .02em; }
.admin-company-pay-delete { min-width: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid #ffb2c4 !important; color: #ff4081 !important; background: #ffeef2 !important; }
.admin-company-table-pay th:nth-child(1), .admin-company-table-pay td:nth-child(1) { width: 13%; }
.admin-company-table-pay th:nth-child(2), .admin-company-table-pay td:nth-child(2) { width: 28%; }
.admin-company-table-pay th:nth-child(3), .admin-company-table-pay td:nth-child(3) { width: 15%; }
.admin-company-table-pay th:nth-child(4), .admin-company-table-pay td:nth-child(4) { width: 44%; }
.admin-bank-pay-simple { min-height: 132px; display: grid; gap: 14px; margin: 0 10px; border: 1px solid #d8e1ec; border-radius: 9px; padding: 16px 18px; background: #fff; }
.admin-bank-pay-account-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; min-width: 0; }
.admin-bank-pay-title { display: inline-flex; align-items: center; gap: 9px; color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; white-space: nowrap; }
.admin-bank-pay-title { grid-column: 1; grid-row: 1; }
.admin-bank-pay-title i { color: var(--admin-blue); font-size: 20px; }
.admin-bank-pay-summary { min-width: 0; display: grid; gap: 5px; border-left: 1px solid #e1e7ef; padding-left: 18px; }
.admin-bank-pay-summary { grid-column: 2; grid-row: 1; }
.admin-bank-pay-summary[hidden] { display: none !important; }
.admin-bank-pay-summary > strong, .admin-bank-pay-summary > span { min-width: 0; overflow: hidden; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-weight: 400; font-variant-numeric: tabular-nums; text-overflow: ellipsis; white-space: nowrap; }
.admin-bank-pay-summary > strong { color: #263446; font-size: 16px; }
.admin-bank-pay-summary > span { color: #738098; font-size: 13px; line-height: 1.1; }
.admin-bank-pay-action { min-width: 126px; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--admin-blue); border-radius: 6px; padding: 0 14px; color: #fff; background: var(--admin-blue); font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.admin-bank-pay-action { grid-column: 3; grid-row: 1; }
.admin-bank-pay-action i { font-size: 14px; }
.admin-bank-pay-action.registered { border-color: #e590a8; color: #c72f61; background: #fff0f5; }
.admin-bank-pay-action:disabled { border-color: #d8e0eb; color: #9aa6b8; background: #f2f5f9; cursor: default; }
.admin-bank-pay-charge { display: grid; grid-template-columns: minmax(0, 1fr) auto 126px; align-items: center; gap: 7px; min-width: 0; border-top: 1px solid #e8edf4; padding-top: 14px; }
.admin-bank-pay-charge input { width: 100%; min-width: 0; height: 40px; border: 1px solid #d5deea; border-radius: 6px; padding: 0 11px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 18px; font-variant-numeric: tabular-nums; text-align: right; }
.admin-bank-pay-charge input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-bank-pay-charge-unit { color: #5f6d80; font-size: 14px; white-space: nowrap; }
.admin-bank-pay-charge button { height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border: 1px solid var(--admin-blue); border-radius: 6px; padding: 0 13px; color: #fff; background: var(--admin-blue); font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 14px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.admin-bank-pay-charge button:disabled, .admin-bank-pay-charge input:disabled { border-color: #d8e0eb; color: #9aa6b8; background: #f2f5f9; cursor: default; opacity: 1; }
.admin-company-empty { display: grid; place-items: center; min-height: 150px; padding: 48px 20px; color: #ff4081; font-size: 14px; font-weight: 400; text-align: center; }
.admin-company-empty.compact { min-height: 80px; padding: 20px; background: transparent; }
.admin-company-empty[hidden] { display: none !important; }
.admin-delivery-body { display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 14px 10px 10px; }
.admin-delivery-card { height: 100%; display: grid; grid-template-rows: auto minmax(0, 1fr); margin: 0 10px; }
.admin-delivery-head { padding: 0 0 10px; }
.admin-delivery-title-wrap { min-width: 0; display: inline-flex; align-items: center; gap: 7px; }
.admin-delivery-source-open { width: 26px; height: 24px; display: inline-grid; place-items: center; border: 1px solid #d9e2ef; border-radius: 5px; padding: 0; color: #4256b8; background: #f7f9ff; font-size: 12px; }
.admin-delivery-base-actions { min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.admin-delivery-base-actions label { min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: #4e5b72; font-size: 12px; white-space: nowrap; }
.admin-delivery-base-actions input { width: 68px; height: 24px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; text-align: center; }
.admin-delivery-base-actions button { height: 24px; min-width: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 9px; color: #fff; background: var(--admin-blue); font-size: 11px; font-weight: 400; white-space: nowrap; }
.admin-delivery-base-actions input:disabled { border-color: #c8d1df; color: #8c96a8; background: repeating-linear-gradient(-45deg, #edf1f6 0, #edf1f6 6px, #e2e8f0 6px, #e2e8f0 12px); box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); cursor: not-allowed; opacity: 1; }
.admin-delivery-base-actions input:disabled + span, .admin-delivery-base-actions label:has(input:disabled) span { color: #9ca6b8; }
.admin-delivery-base-actions button:disabled { border: 1px solid #cbd5e1; color: #9aa6b8; background: #e5eaf1; box-shadow: inset 0 0 0 1px rgba(255,255,255,.55); cursor: not-allowed; opacity: 1; }
.admin-delivery-content { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); padding: 0; }
.admin-delivery-controls { display: flex; align-items: center; gap: 4px; min-width: 0; margin: 10px 0; }
.admin-delivery-controls label { min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: #4e5b72; font-size: 12px; white-space: nowrap; }
.admin-delivery-controls label.name { flex: 1 1 140px; }
.admin-delivery-controls label.fare { flex: 0 0 96px; }
.admin-delivery-controls input { width: 100%; min-width: 0; height: 22px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; }
.admin-delivery-controls label.fare input { text-align: right; }
.admin-delivery-controls em { min-width: 12px; color: #4b5563; font-size: 11px; font-style: normal; font-weight: 700; line-height: 22px; text-align: center; }
.admin-delivery-controls button { height: 22px; min-width: 38px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 5px; padding: 0 6px; color: #fff; background: #8792a6; font-size: 11px; font-weight: 400; white-space: nowrap; }
.admin-delivery-controls button.draw-start, .admin-delivery-controls button.draw-end { min-width: 58px; }
.admin-delivery-controls button.draw-start { border-color: #b8dfc2; color: #187337; background: #eef8f1; }
.admin-delivery-controls button.draw-end { border-color: #f3cf9d; color: #a05a00; background: #fff7ec; }
.admin-delivery-controls button.save { background: var(--admin-blue); }
.admin-delivery-controls button.delete { border-color: #f0b6b6; color: #d53333; background: #fff4f4; }
.admin-delivery-controls button:disabled { border-color: #d8e0eb; color: #9aa6b8; background: #f2f5f9; cursor: default; opacity: 1; }
.admin-delivery-list { min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-content: start; gap: 4px 6px; overflow: auto; }
.admin-delivery-list .admin-company-empty { grid-column: 1 / -1; }
.admin-delivery-item { min-width: 0; min-height: 32px; display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; align-items: center; gap: 6px; border: 1px solid #dbe3ef; border-radius: 7px; padding: 4px 7px; color: #253143; background: #fff; text-align: left; cursor: pointer; }
.admin-delivery-item.selected { border-color: #f0c27d; background: #fff8ed; color: #d97706; box-shadow: inset 0 0 0 1px rgba(240, 194, 125, .38); }
.admin-delivery-order { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; color: #6b7280; background: #eef2f7; font-size: 10px; }
.admin-delivery-name { min-width: 0; overflow: hidden; font-size: 13px; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.admin-delivery-fare { display: inline-flex; align-items: center; gap: 3px; white-space: nowrap; }
.admin-delivery-fare > span, .admin-delivery-fare > strong, .admin-delivery-fare > em { font-size: 12px; font-style: normal; line-height: 1; }
.admin-delivery-fare > span { color: #6b7280; }
.admin-delivery-fare > strong { color: #1d4ed8; font-weight: 700; }
.admin-delivery-source-modal[hidden] { display: none !important; }
.admin-delivery-source-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; }
.admin-delivery-source-backdrop { position: absolute; inset: 0; background: rgba(18, 27, 44, .36); backdrop-filter: blur(2px); }
.admin-delivery-source-panel { position: relative; z-index: 1; width: min(92vw, 520px); max-height: min(76vh, 620px); display: grid; grid-template-rows: auto minmax(0, 1fr); border: 1px solid #cfd9e8; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 24px 66px rgba(15, 23, 42, .28); }
.admin-delivery-source-head { height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 12px; border-bottom: 1px solid #e7edf5; background: #f8faff; }
.admin-delivery-source-title { display: inline-flex; align-items: center; gap: 7px; color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 15px; font-weight: 400; }
.admin-delivery-source-head button { height: 26px; min-width: 58px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 10px; color: #fff; background: #6b7b92; font-size: 12px; font-weight: 400; }
.admin-delivery-source-list { min-height: 0; overflow: auto; padding: 8px 10px 10px; }
.admin-delivery-source-row { width: 100%; min-height: 34px; display: grid; grid-template-columns: 42px minmax(0, 1fr) 84px 58px; align-items: center; gap: 6px; border: 0; border-bottom: 1px solid #edf1f6; padding: 0 4px; color: #253143; background: #fff; font-size: 12px; text-align: left; cursor: pointer; }
.admin-delivery-source-row.head { min-height: 30px; border-bottom: 1px solid #dbe3ef; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-delivery-source-row.selected { color: #d97706; background: #fff8ed; }
.admin-delivery-source-row > span:nth-child(1), .admin-delivery-source-row > span:nth-child(3), .admin-delivery-source-row > span:nth-child(4) { text-align: center; }
.admin-delivery-source-row > span:nth-child(2) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-delivery-source-row button { height: 24px; min-width: 46px; border: 0; border-radius: 5px; padding: 0 9px; color: #fff; background: var(--admin-blue); font-size: 11px; font-weight: 400; }
.admin-delivery-toast { position: fixed; right: 18px; bottom: 18px; z-index: 1000; max-width: 360px; padding: 10px 13px; border-radius: 7px; color: #fff; background: rgba(37, 49, 67, .94); box-shadow: 0 14px 32px rgba(15, 23, 42, .22); font-size: 12px; }
.admin-delivery-toast.error { background: rgba(220, 38, 38, .94); }
.admin-confirm-modal[hidden] { display: none !important; }
.admin-dialog-layer { position: fixed; inset: 0; z-index: 5000; display: grid; place-items: center; padding: 24px; background: rgba(15, 23, 42, .48); backdrop-filter: blur(5px); }
.admin-dialog-panel { width: min(440px, 100%); border: 1px solid #d4dce8; border-radius: 8px; padding: 24px 22px 18px; background: #fff; color: #263548; text-align: center; box-shadow: 0 24px 70px rgba(15, 23, 42, .28); }
.admin-dialog-icon { display: grid; place-items: center; width: 42px; height: 42px; margin: 0 auto 13px; border-radius: 50%; background: #e2ebf7; color: #315b89; font-size: 18px; }
.admin-dialog-message { margin: 0; color: inherit; font-family: "NaverGothic", "Jeju Gothic", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.6; white-space: pre-line; }
.admin-dialog-input { width: 100%; height: 40px; margin-top: 14px; border: 1px solid #c8d2e0; border-radius: 5px; padding: 0 11px; color: #263548; font: 400 14px "NaverGothic", "Jeju Gothic", sans-serif; }
.admin-dialog-input:focus { border-color: #315b89; outline: 2px solid rgba(49, 91, 137, .14); }
.admin-dialog-actions { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 9px; margin-top: 18px; }
.admin-dialog-actions button { height: 40px; border: 0; border-radius: 5px; background: #e2e7ee; color: #263548; font-family: "Youth", "NaverGothic", sans-serif; font-size: 14px; font-weight: 400; }
.admin-dialog-actions button.primary { background: #315b89; color: #fff; }
.admin-dialog-layer.tone-danger .admin-dialog-icon { background: #f3e3e5; color: #9c4650; }
.admin-dialog-layer.tone-danger .admin-dialog-actions button.primary { background: #9c4650; }
.admin-dialog-layer.tone-success .admin-dialog-icon { background: #deece6; color: #34705a; }
.admin-confirm-modal { position: fixed; inset: 0; z-index: 3200; display: grid; place-items: center; padding: 20px; background: rgba(15, 23, 42, .48); backdrop-filter: blur(7px); }
.admin-confirm-panel { width: min(430px, calc(100vw - 28px)); display: grid; justify-items: center; gap: 15px; padding: 28px 28px 22px; border: 1px solid rgba(219, 227, 239, .78); border-radius: 12px; background: radial-gradient(circle at top, rgba(255,255,255,.98), rgba(248,250,252,.98)); box-shadow: 0 26px 80px rgba(15, 23, 42, .25); animation: admin-confirm-pop 170ms ease-out; }
.admin-confirm-icon { width: 70px; height: 70px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #d64a3d; background: linear-gradient(180deg, #fff4ef 0%, #ffd7cc 100%); box-shadow: inset 0 0 0 4px rgba(255,255,255,.88), 0 12px 24px rgba(214,74,61,.16); font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 38px; font-weight: 700; line-height: 1; }
.admin-confirm-panel.is-question .admin-confirm-icon { color: #e38b12; background: linear-gradient(180deg, #fff8e5 0%, #ffefc2 100%); box-shadow: inset 0 0 0 4px rgba(255,255,255,.86), 0 12px 24px rgba(227,139,18,.16); }
.admin-confirm-copy { display: grid; gap: 9px; width: 100%; text-align: center; }
.admin-confirm-copy h3 { margin: 0; color: #111827; font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 26px; font-weight: 400; line-height: 1.1; letter-spacing: -.02em; }
.admin-confirm-copy p { margin: 0; color: #5b6677; font-size: 15px; line-height: 1.55; white-space: pre-line; word-break: keep-all; }
.admin-confirm-actions { width: 100%; display: flex; justify-content: center; gap: 10px; margin-top: 5px; }
.admin-confirm-actions button { min-width: 118px; height: 42px; border-radius: 7px; border: 1px solid #d7dee8; padding: 0 18px; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 14px; font-weight: 400; }
.admin-confirm-actions .cancel { color: #526072; background: #fff; }
.admin-confirm-actions .confirm { border-color: #d64a3d; color: #fff; background: #d64a3d; box-shadow: 0 10px 20px rgba(214,74,61,.20); }
.admin-confirm-panel.is-question .admin-confirm-actions .confirm { border-color: var(--admin-blue); background: var(--admin-blue); box-shadow: 0 10px 20px rgba(49,73,183,.18); }
@keyframes admin-confirm-pop { from { opacity: 0; transform: scale(.95) translateY(8px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.admin-company-tax-body { min-height: 360px; background: #fff; }
.admin-setting-subframe-page .admin-company-tax-body { background: transparent; }
.admin-staff-modal[hidden] { display: none !important; }
.admin-staff-modal { --admin-staff-modal-space-x: clamp(16px, 3vw, 48px); --admin-staff-modal-space-y: clamp(16px, 3vh, 40px); position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: calc(var(--admin-staff-modal-space-y) / 2) calc(var(--admin-staff-modal-space-x) / 2); }
.admin-staff-modal-backdrop { position: absolute; inset: 0; background: rgba(18, 27, 44, .42); backdrop-filter: blur(2px); }
.admin-staff-modal-card { position: relative; z-index: 1; width: min(710px, calc(100vw - var(--admin-staff-modal-space-x))); max-height: calc(100dvh - var(--admin-staff-modal-space-y)); display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 10px; padding: 14px 16px 10px; border: 1px solid #cfd9e8; border-radius: 8px; overflow: hidden; background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); box-shadow: 0 26px 70px rgba(15, 23, 42, .28); }
.admin-staff-modal-head { display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
.admin-staff-modal-title { color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 18px; font-weight: 400; white-space: nowrap; }
.admin-staff-modal-actions { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 8px; margin-top: 2px; }
.admin-staff-modal-actions button { height: 38px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: linear-gradient(180deg, #3457d9 0%, #263eb4 100%); font-size: 13px; font-weight: 400; box-shadow: 0 8px 18px rgba(49, 73, 183, .18); }
.admin-staff-modal-actions button.close { background: linear-gradient(180deg, #7f8da4 0%, #617087 100%); box-shadow: 0 8px 18px rgba(97, 112, 135, .16); }
.admin-staff-modal-body { min-height: 0; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 5fr); gap: 14px; overflow: hidden; }
.admin-staff-info-column, .admin-staff-image-column { min-width: 0; min-height: 0; display: grid; align-content: start; gap: 8px; }
.admin-staff-info-column { overflow-x: hidden; overflow-y: auto; padding: 2px 2px 2px 0; scrollbar-gutter: stable; }
.admin-staff-image-column { grid-template-rows: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; }
.admin-staff-form-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.admin-staff-form-row.single { grid-template-columns: minmax(0, 1fr); }
.admin-staff-field { min-width: 0; display: grid; gap: 5px; }
.admin-staff-field-spacer { min-width: 0; }
.admin-staff-field.wide { grid-column: span 2; }
.admin-staff-field > span { color: #526177; font-size: 11px; line-height: 1; padding-left: 1px; }
.admin-staff-field input, .admin-staff-field select { width: 100%; min-width: 0; height: 30px; border: 1px solid #ced9e8; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02); }
.admin-staff-field input[type="password"] { font-family: "Malgun Gothic", sans-serif; }
.admin-staff-field input[readonly] { color: #738098; background: #f0f4f9; border-color: #dbe3ef; }
.admin-staff-field input:focus, .admin-staff-field select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-staff-phone { display: grid; grid-template-columns: 42px 8px minmax(0, 1fr) 8px minmax(0, 1fr); gap: 4px; align-items: center; }
.admin-staff-phone.tail { grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr); }
.admin-staff-phone input { text-align: center; }
.admin-staff-phone em { color: #738098; font-size: 11px; font-style: normal; text-align: center; }
.admin-staff-state { height: 30px; background: #eef3fb; }
.admin-staff-state button { height: 24px; letter-spacing: 0; }
.admin-staff-auth-line { min-height: 34px; display: grid; grid-template-columns: auto repeat(3, minmax(0, 1fr)); align-items: center; gap: 4px; padding: 3px 5px 1px; border: 1px solid #d8e1ec; border-radius: 6px; background: #f7faff; color: #4e5b72; font-size: 11px; white-space: nowrap; }
.admin-staff-auth-line > span { flex: 0 0 auto; color: #4e5b72; font-size: 11px; }
.admin-staff-auth-line label { min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 2px; color: #313d52; font-size: 11px; }
.admin-staff-auth-line label span { position: relative; top: 0; }
.admin-staff-auth-line input[type="checkbox"] { width: 14px; height: 14px; accent-color: var(--admin-blue); }
.admin-staff-image-block { min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 7px; }
.admin-staff-image-toolbar { min-width: 0; display: grid; grid-template-columns: auto auto auto minmax(0, 1fr); align-items: center; gap: 6px; padding: 7px 8px; border: 1px solid #d8e1ec; border-radius: 7px 7px 0 0; background: #f7faff; }
.admin-staff-image-title { color: #4e5b72; font-size: 11px; white-space: nowrap; }
.admin-staff-image-toolbar button { height: 28px; min-width: 68px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 10px; color: #fff; background: #4263e7; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-staff-image-toolbar button.delete { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-staff-image-toolbar button:disabled { opacity: .52; cursor: default; }
.admin-staff-image-path { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #f9fbfe; color: #657289; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-staff-image-preview { min-height: 0; border: 1px solid #dbe3ef; border-top: 0; border-radius: 0 0 7px 7px; overflow: auto; background: #eef3f9; }
.admin-staff-image-preview .admin-biz-file-empty { min-height: 100%; }
.admin-staff-image-preview .admin-biz-file-preview img { width: 100%; height: auto; }
.admin-modal-open { overflow: hidden; }

@media (max-height: 640px) {
  .admin-staff-modal-card { gap: 8px; padding: 10px 14px 8px; }
  .admin-staff-info-column, .admin-staff-image-column { gap: 5px; }
  .admin-staff-field { gap: 3px; }
  .admin-staff-field input, .admin-staff-field select { height: 29px; }
  .admin-staff-state { height: 29px; }
  .admin-staff-state button { height: 23px; }
  .admin-staff-auth-line { min-height: 32px; padding: 2px 7px 0; }
  .admin-staff-modal-actions { margin-top: 1px; }
  .admin-staff-modal-actions button { height: 36px; }
  .admin-staff-image-block { gap: 5px; }
  .admin-staff-image-toolbar { padding: 5px 6px; }
}

@media (max-width: 720px) {
  .admin-staff-modal-body { grid-template-columns: minmax(0, 1fr); grid-template-rows: max-content max-content; align-content: start; overflow-x: hidden; overflow-y: auto; padding-right: 4px; }
  .admin-staff-info-column { min-height: max-content; overflow: visible; padding-right: 0; scrollbar-gutter: auto; }
  .admin-staff-image-column { min-height: 445px; grid-template-rows: repeat(2, minmax(220px, auto)); overflow: visible; }
  .admin-staff-image-block { min-height: 220px; }
}

.admin-customer-panel { min-width: 0; min-height: 0; grid-template-rows: minmax(0, 1fr); }
.admin-customer-body { overflow: hidden; padding: 10px; }
.admin-customer-layout { height: 100%; min-height: 0; display: flex; gap: 10px; overflow: hidden; }
.admin-customer-list-panel, .admin-customer-history-panel { min-width: 0; min-height: 0; display: grid; border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-customer-list-panel { flex: 0 0 360px; grid-template-rows: 306px 8px 38px minmax(0, 1fr) 34px; border: 0; border-radius: 0; overflow: visible; background: transparent; }
.admin-customer-history-panel { flex: 1 1 auto; }
.admin-customer-search-row { min-width: 0; display: grid; grid-template-columns: 48px minmax(58px, 1fr) 50px 52px; gap: 4px; align-items: center; }
.admin-customer-search-row select, .admin-customer-search-row input { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-customer-search-row select { padding-left: 5px; padding-right: 5px; text-align: center; }
.admin-customer-search-row input:focus, .admin-customer-search-row select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-customer-search-row button { height: 28px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 7px; color: #fff; background: var(--admin-blue); font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-search-row button:hover { background: #223aa2; cursor: pointer; }
.admin-customer-info-panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: 38px minmax(0, 1fr); border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-customer-info-head { min-width: 0; display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 6px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 5px 8px; background: #f8faff; }
.admin-customer-info-head strong { color: #24334a; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-detail-box { min-width: 0; min-height: 0; overflow: hidden; }
.admin-customer-list-gap { min-width: 0; min-height: 0; background: transparent; }
.admin-customer-list-head { min-width: 0; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #dbe3ef; border-bottom-color: #e7edf5; border-radius: 8px 8px 0 0; padding: 4px 8px; background: #f8faff; }
.admin-customer-list-head strong { color: #24334a; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-list { position: relative; min-width: 0; min-height: 0; display: grid; grid-template-rows: 32px minmax(0, 1fr); border-left: 1px solid #dbe3ef; border-right: 1px solid #dbe3ef; overflow: hidden; background: #fff; }
.admin-customer-list-body { min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; }
.admin-customer-row { width: 100%; min-width: 0; min-height: 32px; display: grid; grid-template-columns: 58px 104px minmax(0, 1fr) 78px; align-items: center; border-bottom: 1px solid #edf1f6; color: #253143; background: #fff; font-size: 12px; }
.admin-customer-row:nth-child(even) { background: #fbfdff; }
.admin-customer-row.head { color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-customer-list-body .admin-customer-row { cursor: pointer; }
.admin-customer-list-body .admin-customer-row:hover { color: #3149b7; background: #eef5ff; }
.admin-customer-list-body .admin-customer-row.active { color: #d97706; background: #fff7e8; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-customer-list-body .admin-customer-row.selected { box-shadow: inset 3px 0 0 #f59e0b; }
.admin-customer-row > div { min-width: 0; padding: 0 4px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-row > div:first-child { padding-left: 2px; padding-right: 4px; }
.admin-customer-list-body .admin-customer-row > div:nth-child(4) { padding-right: 8px; text-align: right; }
.admin-customer-row.head > div { text-align: center; }
.admin-customer-row.head > div:nth-child(4) { padding-right: 4px; text-align: center; }
.admin-customer-pager.admin-settle-pager { grid-row: auto; min-height: 34px; border-top: 1px solid #e7edf5; background: #fbfcff; }
.admin-customer-list-panel > .admin-customer-pager.admin-settle-pager { border: 1px solid #dbe3ef; border-top: 1px solid #e7edf5; border-radius: 0 0 8px 8px; }
.admin-customer-history-panel { grid-template-rows: 76px minmax(0, 1fr); }
.admin-customer-history-head { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: 30px 28px; gap: 6px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 6px 8px; background: #f8faff; }
.admin-customer-tabs { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 5px; background: #f8faff; }
.admin-customer-history-head .admin-customer-tabs { border-bottom: 0; padding: 0; background: transparent; }
.admin-customer-history-tabs { grid-template-columns: 118px 150px 58px 78px minmax(92px, 1fr) 58px; justify-content: start; gap: 4px; }
.admin-customer-tabs button { min-width: 0; height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 1px solid #d8e1ec; border-radius: 5px; padding: 0 8px; color: #536177; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-tabs button:hover { color: #3149b7; border-color: #aab8ef; background: #eef3ff; cursor: pointer; }
.admin-customer-tabs button.active { color: #fff; border-color: var(--admin-blue); background: var(--admin-blue); }
.admin-customer-tabs button.active:hover { border-color: #223aa2; background: #223aa2; }
.admin-customer-history-tabs input, .admin-customer-history-tabs select, .admin-customer-history-filter select { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-customer-history-tabs input:focus, .admin-customer-history-tabs select:focus, .admin-customer-history-filter select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-customer-history-tabs [data-customer-history-search] { height: 30px; color: #fff; border-color: var(--admin-blue); background: var(--admin-blue); }
.admin-customer-history-tabs [data-customer-history-search]:hover { color: #fff; border-color: #223aa2; background: #223aa2; }
.admin-customer-history-perpage { width: 58px; padding: 0 6px; }
.admin-customer-history-filter { min-width: 0; display: grid; grid-template-columns: 96px 104px 10px 104px minmax(0, 1fr); gap: 4px; align-items: center; }
.admin-customer-history-year { min-width: 92px; width: 96px; padding: 0 6px; text-align: center; }
.admin-customer-history-kind { display: none; min-width: 108px; width: 100%; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 6px; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; }
.admin-customer-history-panel.is-balance .admin-customer-history-kind { display: block; }
.admin-customer-history-panel.is-balance .admin-customer-history-quick { grid-template-columns: minmax(108px, 118px) repeat(12, minmax(0, 1fr)); }
.admin-customer-md-field { min-width: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px; align-items: center; }
.admin-customer-md-field select { text-align: center; padding-left: 4px; padding-right: 4px; }
.admin-customer-history-filter em { color: #7d8798; font-style: normal; text-align: center; }
.admin-customer-history-filter .admin-settle-date-field { display: inline-flex; align-items: center; height: 28px; }
.admin-customer-history-filter .admin-settle-date-input { width: 72px; height: 26px; border-right: 0; border-radius: 5px 0 0 5px; padding: 0 4px; text-align: center; cursor: pointer; background: linear-gradient(180deg, #fff, #f7faff); font-size: 11px; }
.admin-customer-history-filter .admin-settle-date-input.is-calendar-open { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-customer-history-filter .admin-settle-date-button { width: 28px; min-width: 28px; height: 26px; padding: 0; border: 1px solid #d2dce9; border-left: 0; border-radius: 0 5px 5px 0; color: #41516a; background: #eef3fb; }
.admin-customer-history-filter .admin-settle-date-button:hover { color: #fff; background: #65758d; border-color: #65758d; cursor: pointer; }
.admin-customer-history-filter button { height: 28px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 6px; color: #fff; background: var(--admin-blue); font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-history-filter button:hover { background: #263c86; cursor: pointer; }
.admin-customer-history-quick { min-width: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; align-items: center; }
.admin-customer-history-quick button { width: 100%; padding: 0; color: #3a4960; background: #e7edf6; font-size: 12px; line-height: 1; text-align: center; }
.admin-customer-history-quick button:hover { color: #fff; background: #65758d; }
.admin-customer-pages, .admin-customer-history-pages { min-width: 0; min-height: 0; overflow: hidden; background: #fff; }
.admin-customer-page, .admin-customer-history-page { display: none; width: 100%; height: 100%; min-width: 0; min-height: 0; overflow: hidden; }
.admin-customer-history-page { grid-template-rows: minmax(0, 1fr) 34px; }
.admin-customer-page.active { display: block; }
.admin-customer-history-page.active { display: grid; }
.admin-customer-history-content { position: relative; min-width: 0; min-height: 0; overflow: auto; }
.admin-customer-history-content.loading::after { content: "조회 중"; position: sticky; left: 50%; top: 12px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; height: 24px; min-width: 58px; margin-left: -29px; border: 1px solid #d8e1ec; border-radius: 5px; color: #4e5b72; background: rgba(255, 255, 255, .94); font-size: 11px; box-shadow: 0 2px 8px rgba(31, 44, 71, .10); }
.admin-customer-history-grid { min-width: 877px; display: grid; align-content: start; padding: 5px 6px; }
.admin-customer-history-grid.balance { min-width: 900px; }
.admin-customer-history-row { min-width: 0; min-height: 31px; display: grid; grid-template-columns: 32px 76px 44px minmax(76px, .78fr) 54px 50px 58px 40px 52px 50px 54px 54px 52px 52px 54px 58px; gap: 3px; align-items: center; border-bottom: 1px solid #edf1f6; color: #263548; background: #fff; font-size: 12px; cursor: pointer; }
.admin-customer-history-row.balance { grid-template-columns: 32px 70px minmax(76px, .65fr) 52px 52px 52px 52px 52px 52px 62px 62px minmax(96px, 1fr); }
.admin-customer-history-row:nth-child(even):not(.head) { background: #fbfdff; }
.admin-customer-history-row.head { position: sticky; top: 0; z-index: 1; min-height: 29px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; }
.admin-customer-history-row.expanded { border-bottom-color: transparent; background: #fff7e8; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-customer-history-row.expanded > div:first-child { color: transparent; background: transparent; box-shadow: none; }
.admin-customer-history-row > div { min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 3px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-history-row:not(.head) > div:not(.status-cell) { transform: translateY(1px); }
.admin-customer-history-row > div.store { justify-content: flex-start; text-align: left; padding-left: 6px; }
.admin-customer-history-row > div.memo-cell { justify-content: flex-start; text-align: left; padding-left: 8px; }
.admin-customer-history-row > div.money { text-align: center; font-family: inherit; }
.admin-customer-history-row > div.vat { color: #d7375f; font-weight: 700; }
.admin-customer-history-row > div.total { color: #223aa2; font-weight: 700; }
.admin-customer-history-row > div.pay { color: #147247; font-weight: 700; }
.admin-customer-history-row > div.payway { color: #344258; }
.admin-customer-history-row > div.status-cell { padding: 0 2px; }
.admin-customer-order-status { width: 100%; height: 21px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; color: #fff; background: #64748b; font-size: 11px; line-height: 21px; }
.admin-customer-order-status.wait { color: #7a4a00; background: #fff0c9; }
.admin-customer-order-status.approve { background: #ef5b20; }
.admin-customer-order-status.accept { background: #2f6fc7; }
.admin-customer-order-status.assign { background: #6f58c9; }
.admin-customer-order-status.pickup { background: #21867a; }
.admin-customer-order-status.done { background: #2f8f46; }
.admin-customer-order-status.cancel { background: #d7375f; }
.admin-customer-order-status.check { background: #6b7b92; }
.admin-customer-history-row.head > div { padding: 0 2px; text-align: center; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-customer-history-row.head > div.store { text-align: left; padding-left: 6px; }
.admin-customer-history-detail-row { position: relative; min-width: 0; display: grid; grid-template-columns: 32px repeat(2, minmax(0, 1fr)); gap: 8px; border-bottom: 1px solid #ead7af; padding: 0 8px 8px 0; background: #fffaf1; }
.admin-customer-history-detail-row.balance { grid-template-columns: 32px repeat(2, minmax(0, 1fr)); }
.admin-customer-history-detail-row > div { min-width: 0; min-height: 30px; display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 6px; align-items: center; border: 1px solid #e5ddcc; border-radius: 5px; padding: 0 8px 0 6px; background: #fff; }
.admin-customer-history-detail-row > div.seq { position: absolute; z-index: 2; left: 0; top: -31px; bottom: 0; width: 32px; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; place-items: center; border: 0; border-radius: 0; padding: 0; color: #b35b18; background: #fff; box-shadow: inset 3px 0 0 #f59e0b; }
.admin-customer-history-detail-row > div.seq span { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 13px; line-height: 1; text-align: center; }
.admin-customer-history-detail-row > div.menu { grid-column: 2 / -1; grid-row: 1; border-color: #d5e0f3; background: #f8fbff; }
.admin-customer-history-detail-row > div.address { grid-column: 2; grid-row: 2; border-color: #d8eadf; background: #f8fff9; }
.admin-customer-history-detail-row > div.memo { grid-column: 3; grid-row: 2; border-color: #ead9bd; background: #fffaf1; }
.admin-customer-history-detail-row > div.payinfo { grid-column: 2 / -1; grid-row: 3; min-height: 34px; border-color: #d9def1; background: #f9faff; }
.admin-customer-history-detail-row.balance > div.menu { grid-column: 2 / -1; grid-row: 1; }
.admin-customer-history-detail-row.balance > div.address { grid-column: 2; grid-row: 2; }
.admin-customer-history-detail-row.balance > div.memo { grid-column: 3; grid-row: 2; }
.admin-customer-history-detail-row.balance > div.payinfo { grid-column: 2 / -1; grid-row: 3; }
.admin-customer-history-detail-row > div.total-line { grid-template-columns: 20px minmax(0, 1fr) auto; }
.admin-customer-history-detail-row > div.total-line em { min-width: 64px; color: #223aa2; font-size: 13px; font-style: normal; font-weight: 700; text-align: right; white-space: nowrap; }
.admin-customer-history-detail-row i { color: #6a778c; font-size: 12px; text-align: center; }
.admin-customer-history-detail-row .menu i { color: #3149b7; }
.admin-customer-history-detail-row .address i { color: #147247; }
.admin-customer-history-detail-row .memo i { color: #b35b18; }
.admin-customer-history-detail-row .payinfo.ok i { color: #4f5fb7; }
.admin-customer-history-detail-row .payinfo.fail i, .admin-customer-history-detail-row .payinfo.cancel i { color: #d7375f; }
.admin-customer-history-detail-row strong { min-width: 0; overflow: hidden; color: #263548; font-size: 13px; font-weight: 400; line-height: 18px; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-payment-items { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; align-items: center; }
.admin-customer-history-detail-row.balance .admin-customer-payment-items { grid-template-columns: minmax(178px, 1.45fr) minmax(128px, 1fr) minmax(104px, .86fr) minmax(92px, .76fr) minmax(104px, .86fr); }
.admin-customer-payment-items span { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px; align-items: center; }
.admin-customer-payment-items em { color: #657289; font-size: 11px; font-style: normal; white-space: nowrap; }
.admin-customer-payment-items b { min-width: 0; overflow: hidden; color: #263548; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-empty { min-height: 160px; display: grid; place-items: center; padding: 24px 10px; color: #8b95a7; font-size: 12px; text-align: center; }
.admin-customer-detail-stack { height: 100%; min-height: 0; display: grid; align-content: start; gap: 8px; overflow: auto; padding: 8px; }
.admin-customer-detail-card { min-width: 0; display: grid; grid-template-rows: 34px minmax(0, auto); border: 0; border-bottom: 1px solid #ead7af; border-radius: 0; overflow: visible; background: #fff; }
.admin-customer-detail-card[hidden] { display: none !important; }
.admin-customer-list-body .admin-customer-detail-card { margin: 0 10px 8px; box-shadow: none; }
.admin-customer-detail-tabs { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; align-items: center; padding: 0; background: transparent; }
.admin-customer-detail-tabs button { min-width: 0; height: 26px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d8e1ec; border-radius: 5px; padding: 0 7px; color: #536177; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-detail-tabs button:hover { color: #3149b7; border-color: #aab8ef; background: #eef3ff; cursor: pointer; }
.admin-customer-detail-tabs button.active { color: #fff; border-color: #3149b7; background: #3149b7; }
.admin-customer-detail-page { display: none; height: 100%; min-height: 0; padding: 8px 8px 9px; overflow: auto; }
.admin-customer-detail-page.active { display: grid; gap: 8px; align-content: start; }
.admin-customer-basic-card { min-width: 0; display: grid; gap: 8px; border: 1px solid #d9e2ef; border-radius: 7px; padding: 9px 10px 10px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 1px 4px rgba(31, 44, 71, .08); }
.admin-customer-detail-line { min-width: 0; display: grid; gap: 12px; }
.admin-customer-detail-line.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-customer-detail-line.single { grid-template-columns: minmax(0, 1fr); }
.admin-customer-detail-field { min-width: 0; min-height: 37px; display: grid; grid-template-rows: 14px minmax(16px, auto); align-items: center; border: 0; border-bottom: 1px solid #d7e0eb; border-radius: 0; padding: 0 2px 3px; background: transparent; }
.admin-customer-detail-field span { min-width: 0; display: block; overflow: hidden; color: #5f6e82; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-detail-field strong { min-width: 0; overflow: hidden; color: #263548; font-size: 12px; font-weight: 400; line-height: 16px; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-detail-message { min-height: 120px; display: grid; place-items: center; color: #8b95a7; font-size: 12px; text-align: center; }
.admin-customer-detail-items { min-width: 0; display: grid; align-content: start; gap: 10px; }
.admin-customer-detail-item { min-width: 0; display: grid; gap: 7px; padding-bottom: 9px; border-bottom: 1px solid #edf1f6; }
.admin-customer-detail-item:last-child { border-bottom: 0; padding-bottom: 0; }
.admin-customer-detail-items.address, .admin-customer-detail-items.paycard { gap: 12px; padding: 2px 1px 4px; }
.admin-customer-detail-item.address-card, .admin-customer-detail-item.paycard-card { gap: 8px; border: 1px solid #d9e2ef; border-radius: 7px; padding: 9px 10px 10px; background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%); box-shadow: 0 1px 4px rgba(31, 44, 71, .08); }
.admin-customer-detail-item.address-card:last-child, .admin-customer-detail-item.paycard-card:last-child { border-bottom: 1px solid #d9e2ef; padding-bottom: 10px; }
.admin-customer-detail-item.address-card .admin-customer-detail-item-head, .admin-customer-detail-item.paycard-card .admin-customer-detail-item-head { min-height: 28px; border: 1px solid #d8e1ec; border-radius: 5px; padding: 0 8px; }
.admin-customer-detail-item.address-card .admin-customer-detail-item-head { border-color: #cae2d4; background: #edf9f1; }
.admin-customer-detail-item.paycard-card .admin-customer-detail-item-head { border-color: #d9def8; background: #f0f3ff; }
.admin-customer-detail-item.address-card .admin-customer-detail-item-head span { color: #135a37; font-size: 13px; font-weight: 700; }
.admin-customer-detail-item.paycard-card .admin-customer-detail-item-head span { color: #283b9a; font-size: 13px; font-weight: 700; }
.admin-customer-detail-item-head { min-width: 0; min-height: 22px; display: flex; align-items: center; gap: 6px; }
.admin-customer-detail-item-head span { min-width: 0; overflow: hidden; color: #263548; font-size: 12px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-customer-detail-item-head em { flex: 0 0 auto; display: inline-flex; align-items: center; height: 18px; border-radius: 4px; padding: 0 6px; color: #fff; background: #3149b7; font-size: 10px; font-style: normal; line-height: 18px; }
.admin-customer-detail-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: center; gap: 8px; padding-top: 3px; }
.admin-customer-detail-actions button { width: 100%; height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0; color: #fff; background: #6b7b92; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-customer-detail-actions button.suspend { background: #8a641b; }
.admin-customer-detail-actions button.activate { background: #247956; }
.admin-customer-detail-actions button.danger { background: #c96a2e; }
.admin-customer-detail-actions button.delete { background: #d7375f; }
.admin-customer-detail-actions button:hover:not(:disabled) { filter: brightness(.92); cursor: pointer; }
.admin-customer-detail-actions button:disabled { color: #9aa6b8; background: #e5eaf1; cursor: default; opacity: 1; }

.admin-rider-layout { gap: 10px; }
.admin-rider-list-panel { flex: 0 0 470px; grid-template-rows: 450px 8px 38px minmax(0, 1fr) 34px; border: 0; border-radius: 0; overflow: visible; background: transparent; }
.admin-rider-list-panel.no-detail { grid-template-rows: 38px minmax(0, 1fr) 34px; }
.admin-rider-info-panel { grid-template-rows: 38px minmax(0, 1fr) 44px; }
.admin-rider-info-head { grid-template-columns: 70px minmax(0, 1fr); }
.admin-rider-list-head { border: 1px solid #dbe3ef; border-bottom: 0; border-radius: 8px 8px 0 0; background: #f8faff; }
.admin-rider-search-row { grid-template-columns: 54px minmax(70px, 1fr) 58px 54px; }
.admin-rider-list { min-height: 0; border: 1px solid #dbe3ef; border-radius: 0; overflow: hidden; background: #fff; }
.admin-rider-row { grid-template-columns: 38px minmax(58px, .65fr) 98px minmax(74px, .8fr) 46px 96px; }
.admin-rider-list-body .admin-rider-row { cursor: pointer; }
.admin-rider-list-body .admin-rider-row:hover { color: #3149b7; background: #eef5ff; }
.admin-rider-list-body .admin-rider-row.selected { box-shadow: inset 3px 0 0 #f59e0b; background: #fff7e8; }
.admin-rider-row > div:nth-child(6) { padding-right: 8px; text-align: right; }
.admin-rider-row.head > div:nth-child(6) { padding-right: 4px; text-align: center; }
.admin-rider-detail-panel { grid-template-rows: 42px minmax(0, 1fr); }
.admin-rider-detail-head { min-width: 0; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 10px; align-items: center; border-bottom: 1px solid #e7edf5; padding: 6px 8px; background: #f8faff; }
.admin-rider-detail-head > strong { min-width: 0; overflow: hidden; color: #263548; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 13px; font-weight: 400; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); border-bottom: 0; padding: 0; background: transparent; }
.admin-rider-detail-box { min-width: 0; min-height: 0; overflow: hidden; background: #fff; }
.admin-rider-detail-box .admin-customer-detail-page { padding: 4px 6px; overflow: hidden; }
.admin-rider-detail-box .admin-customer-detail-page.active { gap: 0; }
.admin-rider-basic-card { display: grid; gap: 3px; align-content: start; border: 0; border-radius: 0; padding: 2px 0; background: transparent; box-shadow: none; }
.admin-rider-detail-box .admin-rider-basic-card { gap: 6px; padding-top: 2px; }
.admin-rider-basic-card .admin-customer-detail-field { min-height: 32px; grid-template-rows: 13px minmax(15px, auto); }
.admin-rider-edit-line { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.admin-rider-edit-line.wide { grid-template-columns: minmax(0, 1fr); }
.admin-rider-balance-line { min-width: 0; min-height: 30px; display: flex; align-items: center; justify-content: center; border: 0; padding: 0; background: transparent; color: #263548; text-align: center; }
.admin-rider-balance-line strong { min-width: 0; overflow: hidden; color: #147247; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 24px; font-weight: 700; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-edit-field { min-width: 0; height: 24px; display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 5px; align-items: center; padding: 0 2px 1px; }
.admin-rider-edit-field span { min-width: 0; overflow: hidden; color: #5f6e82; font-size: 11px; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-edit-field input, .admin-rider-edit-field select, .admin-rider-edit-field textarea { width: 100%; min-width: 0; border: 1px solid #d5deea; border-radius: 5px; outline: none; background: #fff; color: #263548; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; text-align: left; }
.admin-rider-edit-field input, .admin-rider-edit-field select { height: 22px; padding: 0 6px; }
.admin-rider-toggle-group { min-width: 0; height: 22px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; }
.admin-rider-toggle-group.count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-rider-toggle-group button { min-width: 0; height: 22px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 4px; overflow: hidden; background: #fff; color: #263548; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-toggle-group button.active { border-color: #3149b7; background: #3149b7; color: #fff; font-weight: 400; }
.admin-rider-toggle-group button:hover { border-color: #3149b7; cursor: pointer; }
.admin-rider-edit-field textarea { height: 42px; padding: 4px 6px; line-height: 16px; resize: none; }
.admin-rider-edit-field.textarea { height: 44px; align-items: start; padding-bottom: 0; }
.admin-rider-edit-field.textarea span { padding-top: 6px; }
.admin-rider-edit-field.textarea.two-line, .admin-rider-edit-field.textarea.two-line textarea { height: 38px; }
.admin-rider-edit-field.textarea.pushkey, .admin-rider-edit-field.textarea.pushkey textarea { height: 84px; }
.admin-rider-edit-field.textarea.pushkey textarea { overflow-y: hidden; }
.admin-rider-edit-field input:focus, .admin-rider-edit-field select:focus, .admin-rider-edit-field textarea:focus, .admin-rider-toggle-group button:focus-visible { border-color: #3149b7; box-shadow: 0 0 0 2px rgba(49, 73, 183, .10); }
.admin-rider-detail-actions { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; align-items: center; border-top: 0; padding: 3px 8px; background: #fff; }
.admin-rider-detail-actions button { min-width: 0; height: 38px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0; color: #fff; background: #3149b7; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-rider-detail-actions button.insert { background: #1f8f73; }
.admin-rider-detail-actions button.update { background: #3149b7; }
.admin-rider-detail-actions button.delete { background: #d7375f; }
.admin-rider-detail-actions button.reset { background: #6b7b92; }
.admin-rider-detail-actions button:hover:not(:disabled) { filter: brightness(.92); cursor: pointer; }
.admin-rider-detail-actions button:disabled { color: #9aa6b8; background: #e5eaf1; cursor: default; opacity: 1; }
.admin-rider-special-card { min-width: 0; display: grid; align-content: start; border: 1px solid #d9e2ef; border-radius: 7px; overflow: hidden; background: #fff; box-shadow: 0 1px 4px rgba(31, 44, 71, .08); }
.admin-rider-special-row { min-width: 0; min-height: 30px; display: grid; grid-template-columns: minmax(92px, 1fr) 112px 112px 70px 66px 100px 46px; align-items: center; border-top: 1px solid #edf1f6; color: #263548; font-size: 12px; }
.admin-rider-special-row:first-child { border-top: 0; }
.admin-rider-special-row.head { min-height: 32px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; }
.admin-rider-special-row:nth-child(odd):not(.head) { background: #fbfdff; }
.admin-rider-special-row > div { min-width: 0; overflow: hidden; padding: 0 7px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-special-row > div:first-child { text-align: left; }
.admin-rider-special-row input,
.admin-rider-special-row select { width: 100%; min-width: 0; height: 30px; border: 1px solid #ccd6e3; border-radius: 4px; padding: 0 5px; color: #263548; background: #fff; font: 400 12px "Jeju Gothic", sans-serif; text-align: center; }
.admin-rider-special-row > div:first-child input { text-align: left; }
.admin-rider-special-row button { width: 30px; height: 30px; border: 1px solid #d4dce7; border-radius: 4px; color: #9d3146; background: #fff; font-weight: 400; }
.admin-rider-special-add { justify-self: end; min-width: 126px; height: 34px; margin: 10px; border: 1px solid #9bb0c8; border-radius: 5px; color: #28445f; background: #f7faff; font: 400 13px "Youth", sans-serif; }
.admin-rider-special-add i { margin-right: 6px; }

.admin-rider-setting-page .admin-rider-setting-form { padding: 16px 14px; }
.admin-rider-setting-page .admin-rider-setting-card { gap: 12px; padding: 8px 2px 16px; }
.admin-rider-setting-page .admin-rider-edit-line { gap: 14px; }
.admin-rider-setting-page .admin-rider-edit-field { height: 38px; grid-template-columns: 56px minmax(0, 1fr); gap: 4px; padding: 0 2px; }
.admin-rider-setting-page .admin-rider-edit-field span { font-size: 12px; line-height: 1.2; }
.admin-rider-setting-page .admin-rider-edit-field input,
.admin-rider-setting-page .admin-rider-edit-field select { height: 34px; padding: 0 9px; }
.admin-rider-setting-page [data-rider-edit-field="lastupdate"] { text-align: center; }
.admin-rider-setting-page .admin-rider-phone-control { min-width: 0; display: grid; grid-template-columns: 40px 8px minmax(0, 1fr) 8px minmax(0, 1fr); gap: 2px; align-items: center; }
.admin-rider-setting-page .admin-rider-phone-control input { min-width: 0; padding: 0 3px; text-align: center; }
.admin-rider-setting-page .admin-rider-phone-control input[readonly] { color: #516079; background: #f2f5f9; }
.admin-rider-setting-page .admin-rider-phone-control em { color: #738098; font-size: 12px; font-style: normal; text-align: center; }
.admin-rider-setting-page .admin-rider-bank-control { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr); }
.admin-rider-setting-page .admin-rider-bank-control select { padding-right: 24px; }
.admin-rider-setting-page .admin-rider-insurance-rates { display: grid; grid-template-columns: repeat(2, 66px); gap: 10px; align-items: center; justify-content: center; min-width: 0; }
.admin-rider-setting-page .admin-rider-tax-rate { position: relative; min-width: 0; display: grid; grid-template-columns: 52px 12px; gap: 2px; align-items: center; }
.admin-rider-setting-page .admin-rider-insurance-rates input { min-width: 0; padding: 0 5px; text-align: center; appearance: textfield; cursor: help; }
.admin-rider-setting-page .admin-rider-insurance-rates input::-webkit-inner-spin-button,
.admin-rider-setting-page .admin-rider-insurance-rates input::-webkit-outer-spin-button { margin: 0; appearance: none; }
.admin-rider-setting-page .admin-rider-insurance-rates b { color: #5f6e82; font-size: 12px; font-weight: 400; text-align: center; }
.admin-rider-setting-page .admin-rider-tax-rate::after { content: attr(data-tooltip); position: absolute; left: 50%; bottom: calc(100% + 7px); z-index: 20; min-width: max-content; border: 1px solid #c8d3e4; border-radius: 4px; padding: 5px 7px; color: #263548; background: #fff; box-shadow: 0 3px 10px rgba(31, 44, 71, .15); font-size: 11px; font-weight: 400; line-height: 1; opacity: 0; pointer-events: none; transform: translate(-50%, 3px); transition: opacity .12s ease, transform .12s ease; }
.admin-rider-setting-page .admin-rider-tax-rate:hover::after,
.admin-rider-setting-page .admin-rider-tax-rate:focus-within::after { opacity: 1; transform: translate(-50%, 0); }
.admin-rider-setting-page .admin-rider-picker-control,
.admin-rider-setting-page .admin-rider-unit-input { display: grid; gap: 4px; align-items: center; min-width: 0; height: 34px; overflow: visible; }
.admin-rider-setting-page .admin-rider-picker-control { grid-template-columns: minmax(0, 1fr) 34px; }
.admin-rider-setting-page .admin-rider-picker-control input { cursor: pointer; }
.admin-rider-setting-page .admin-rider-picker-control button { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #c8d3e4; border-radius: 5px; padding: 0; color: #4256b8; background: #f7f9fd; font-size: 14px; font-weight: 400; }
.admin-rider-setting-page .admin-rider-picker-control button:hover { border-color: #4256b8; background: #eef2ff; cursor: pointer; }
.admin-rider-setting-page .admin-rider-picker-control input.is-calendar-open { border-color: #4256b8; box-shadow: 0 0 0 2px rgba(66, 86, 184, .10); }
.admin-rider-setting-page .admin-rider-unit-input { grid-template-columns: minmax(0, 1fr) 24px; }
.admin-rider-setting-page .admin-rider-unit-input input { text-align: right; }
.admin-rider-setting-page .admin-rider-unit-input b,
.admin-rider-setting-page .admin-rider-delivery-fare-control > b { color: #5f6e82; font-size: 12px; font-weight: 400; text-align: center; }
.admin-rider-setting-page .admin-rider-delivery-fare-control { display: grid; grid-template-columns: 64px minmax(42px, 1fr) 14px; gap: 3px; align-items: center; min-width: 0; }
.admin-rider-setting-page .admin-rider-delivery-fare-control > input { min-width: 0; text-align: right; }
.admin-rider-setting-page .admin-rider-slide-toggle { position: relative; min-width: 0; height: 34px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border: 1px solid #c8d3e4; border-radius: 5px; overflow: hidden; background: #eef2f7; }
.admin-rider-setting-page .admin-rider-slide-toggle::before { content: ""; position: absolute; top: 2px; bottom: 2px; left: 2px; z-index: 0; width: calc(50% - 2px); border-radius: 3px; background: #3149b7; box-shadow: 0 1px 3px rgba(31, 44, 71, .18); transition: transform .18s ease; }
.admin-rider-setting-page .admin-rider-slide-toggle.is-rate::before { transform: translateX(100%); }
.admin-rider-setting-page .admin-rider-slide-toggle button { position: relative; z-index: 1; min-width: 0; height: 32px; border: 0; padding: 0; color: #526176; background: transparent; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 11px; font-weight: 400; }
.admin-rider-setting-page .admin-rider-slide-toggle button.active { color: #fff; }
.admin-rider-setting-page .admin-rider-slide-toggle button:hover { cursor: pointer; }
.admin-rider-setting-page .admin-rider-slide-toggle button:focus-visible { outline: 2px solid rgba(49, 73, 183, .32); outline-offset: -2px; }
.admin-rider-setting-page .admin-rider-toggle-group,
.admin-rider-setting-page .admin-rider-toggle-group button { height: 34px; }
.admin-rider-setting-page .admin-rider-toggle-group { gap: 4px; }
.admin-rider-setting-page .admin-rider-toggle-group button { font-size: 12px; }
.admin-rider-setting-page button[data-rider-toggle-field] { font-weight: 400 !important; }
.admin-rider-setting-page .admin-rider-edit-field.textarea,
.admin-rider-setting-page .admin-rider-edit-field.textarea textarea { height: 64px; }
.admin-rider-setting-page .admin-rider-edit-field.textarea { align-items: start; }
.admin-rider-setting-page .admin-rider-edit-field.textarea span { padding-top: 10px; }
.admin-rider-setting-page .admin-rider-edit-field.textarea textarea { padding: 8px 9px; line-height: 20px; }
.admin-rider-setting-page .admin-rider-edit-field.textarea.pushkey,
.admin-rider-setting-page .admin-rider-edit-field.textarea.pushkey textarea { height: 90px; }
.admin-rider-setting-page .admin-rider-special-row { min-height: 42px; }
.admin-rider-setting-page .admin-rider-special-row.head { min-height: 42px; }
.admin-rider-setting-page .admin-rider-special-row > div { padding: 0 10px; }
.admin-shared-datetime-picker { width: 272px; }
.admin-shared-datetime-time { display: grid; grid-template-columns: 24px minmax(0, 1fr) 12px minmax(0, 1fr); gap: 5px; align-items: center; margin: 0 0 9px; padding: 8px; border: 1px solid #e0e6f0; border-radius: 7px; background: #f8faff; }
.admin-shared-datetime-time i { color: #4256b8; text-align: center; }
.admin-shared-datetime-time b { color: #526176; font-size: 14px; font-weight: 400; text-align: center; }
.admin-shared-datetime-time select { min-width: 0; height: 30px; border: 1px solid #c8d3e4; border-radius: 5px; padding: 0 7px; color: #263548; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 13px; font-weight: 400; }
.admin-shared-datetime-actions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-shared-datetime-picker.date-only .admin-shared-datetime-time { display: none; }
.admin-shared-datetime-picker.date-only .admin-shared-datetime-actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-shared-datetime-picker.date-only [data-shared-picker-action="apply"] { display: none; }
.admin-rider-history-panel { grid-template-rows: 76px minmax(0, 1fr); }
.admin-rider-history-tabs { grid-template-columns: 112px 112px 58px 78px minmax(92px, 1fr) 58px; justify-content: start; gap: 4px; }
.admin-rider-history-filter { grid-template-columns: 70px 104px 10px 104px minmax(0, 1fr); }
.admin-rider-history-grid { min-width: 990px; display: grid; align-content: start; padding: 5px 6px; }
.admin-rider-history-grid.payhistory { min-width: 920px; }
.admin-rider-history-row { min-width: 0; min-height: 31px; display: grid; gap: 3px; align-items: center; border-bottom: 1px solid #edf1f6; color: #263548; background: #fff; font-size: 12px; }
.admin-rider-history-row.settle { grid-template-columns: 36px 78px minmax(90px, 126px) 92px 66px 66px 60px 60px 58px minmax(180px, 1fr); }
.admin-rider-history-row.payhistory { grid-template-columns: 36px 78px 64px 92px 72px 70px 116px 86px minmax(150px, 1fr); }
.admin-rider-history-row:nth-child(even):not(.head) { background: #fbfdff; }
.admin-rider-history-row.head { position: sticky; top: 0; z-index: 1; min-height: 29px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; }
.admin-rider-history-row > div { min-width: 0; align-self: stretch; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 0 3px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.admin-rider-history-row:not(.head) > div { transform: translateY(1px); }
.admin-rider-history-row > div.store { justify-content: flex-start; padding-left: 6px; text-align: left; }
.admin-rider-history-row > div.memo-cell { justify-content: flex-start; padding-left: 8px; text-align: left; }
.admin-rider-history-row > div.money { color: #263548; }
.admin-rider-history-row > div.total { color: #223aa2; font-weight: 700; }
.admin-rider-history-row > div.pay { color: #147247; font-weight: 700; }
@media (max-width: 820px) {
  .admin-customer-layout { gap: 8px; }
  .admin-customer-list-panel { flex-basis: 320px; }
  .admin-customer-search-row { grid-template-columns: 44px minmax(48px, 1fr) 46px 48px; gap: 3px; }
  .admin-customer-search-row select, .admin-customer-search-row input, .admin-customer-search-row button { font-size: 11px; }
  .admin-customer-row { grid-template-columns: 52px 92px minmax(0, 1fr) 70px; font-size: 11px; }
  .admin-customer-tabs { padding: 5px 4px; }
  .admin-customer-tabs button { gap: 3px; padding: 0 4px; font-size: 11px; }
  .admin-customer-history-tabs { grid-template-columns: 104px 132px 54px 70px minmax(70px, 1fr) 52px; }
  .admin-customer-history-filter { grid-template-columns: 64px 96px 10px 96px minmax(0, 1fr); }
  .admin-customer-history-quick { gap: 3px; }
  .admin-customer-history-quick button { font-size: 11px; }
}

.admin-notice-panel { display: grid; grid-template-rows: minmax(0, 1fr); overflow: hidden; }
.admin-notice-body { position: relative; height: 100%; min-height: 0; display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 10px; padding: 10px; overflow: hidden; }
.admin-notice-filter { display: grid; grid-template-columns: minmax(0, 1fr) 72px 52px 28px; gap: 5px; align-items: center; min-width: 0; padding: 6px 8px; border-bottom: 1px solid #e7edf5; background: #fbfcff; }
.admin-notice-filter span { color: #4e5b72; font-size: 12px; white-space: nowrap; }
.admin-notice-filter input, .admin-notice-filter select { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 7px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-notice-filter input:focus, .admin-notice-filter select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-notice-filter button { height: 28px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: #6b7b92; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-notice-filter button.primary { background: var(--admin-blue); }
.admin-notice-filter button:hover { background: #516178; }
.admin-notice-filter button.primary:hover { background: #223aa2; }
.admin-notice-status[hidden] { display: none !important; }
.admin-notice-status { min-width: 0; overflow: hidden; color: #6a778c; font-size: 12px; font-style: normal; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-status.error { color: #df2d65; }
.admin-notice-list-panel, .admin-notice-editor { min-width: 0; min-height: 0; display: grid; border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-notice-list-panel { grid-template-rows: 38px auto minmax(0, 1fr) 36px; }
.admin-notice-list-head, .admin-notice-editor-head, .admin-notice-target-head { min-width: 0; display: flex; align-items: center; gap: 8px; padding: 0 10px; border-bottom: 1px solid #e7edf5; background: #f8faff; }
.admin-notice-list-head { justify-content: flex-start; }
.admin-notice-list-head .primary { margin-left: auto; height: 26px; display: inline-flex; align-items: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 10px; color: #fff; background: var(--admin-blue); font-size: 12px; }
.admin-notice-list-head .primary:hover { background: #223aa2; }
.admin-notice-list-head strong, .admin-notice-editor-head strong, .admin-notice-target-head strong { color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 15px; font-weight: 400; white-space: nowrap; }
.admin-notice-list-head span { display: inline-flex; align-items: center; gap: 3px; margin-left: 8px; color: #596579; font-size: 12px; white-space: nowrap; transform: translateY(2px); }
.admin-notice-list-head b { color: var(--admin-blue); font-weight: 400; }
.admin-notice-list-head em { min-width: 0; overflow: hidden; color: #6a778c; font-size: 12px; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-table { min-height: 0; display: grid; grid-template-rows: 32px minmax(0, 1fr); overflow: hidden; }
.admin-notice-table-body { min-height: 0; overflow: auto; }
.admin-notice-row { display: grid; grid-template-columns: 36px 40px minmax(0, 1fr); align-items: center; min-height: 48px; border-bottom: 1px solid #edf1f6; color: #253143; background: #fff; font-size: 12px; cursor: pointer; }
.admin-notice-row.head { min-height: 28px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-notice-table-body .admin-notice-row:nth-child(even), .admin-notice-target-list .admin-notice-target-row:nth-child(even) { background: #fbfdff; }
.admin-notice-row:not(.head):hover { background: #f7fbff; }
.admin-notice-row.active { color: #d97706; background: #fff8ed; }
.admin-notice-row.active .admin-notice-cell.open { color: #d97706; }
.admin-notice-row > div { min-width: 0; padding: 5px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-row.head > div { padding-top: 0; padding-bottom: 0; text-align: center; }
.admin-notice-row.head > div:nth-child(3) { text-align: left; }
.admin-notice-cell.center { text-align: center; }
body.admin-notice-page .admin-notice-row { grid-template-columns: 36px 60px minmax(0, 1fr); }
body.admin-notice-page .admin-notice-row:not(.head) { min-height: 52px; }
.admin-notice-cell.classification { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 5px 4px; text-align: center; font-weight: 400; }
.admin-notice-grade { box-sizing: border-box; width: 44px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d8e0e8; border-radius: 4px; background: #edf1f5; color: #536170; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 12px; font-weight: 400; line-height: 18px; }
.admin-notice-grade.live { color: #226a4b; border-color: #c4dfd0; background: #e5f4ec; }
.admin-notice-grade.all { color: #8a510c; border-color: #eccca0; background: #fff1d9; }
.admin-notice-target-label { display: block; font-size: 12px; font-weight: 400; line-height: 16px; }
.admin-notice-cell.title { display: flex; flex-direction: column; justify-content: center; gap: 2px; overflow: hidden; text-align: left; white-space: normal; }
.admin-notice-date { display: block; color: #8b95a7; font-size: 11px; line-height: 1.2; white-space: nowrap; }
.admin-notice-title-wrap { min-width: 0; display: inline-flex; align-items: center; gap: 5px; max-width: 100%; overflow: hidden; vertical-align: middle; }
.admin-notice-title-wrap span { min-width: 0; overflow: hidden; color: #1f2a3a; font-size: 14px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-row.active .admin-notice-title-wrap span { color: #d97706; }
.admin-notice-reply-icon { flex: 0 0 auto; color: #8792a6; font-size: 11px; transform: rotate(180deg); }
.admin-notice-cell.open { color: #1c9d54; }
.admin-notice-cell.muted { color: #8b95a7; }
.admin-notice-empty { min-height: 180px; display: grid; place-items: center; padding: 30px 12px; color: #8b95a7; font-size: 13px; text-align: center; }
.admin-notice-pager { display: flex; align-items: center; justify-content: center; gap: 6px; border-top: 1px solid #e7edf5; background: #fbfcff; }
.admin-notice-pager button { width: 28px; height: 26px; display: inline-grid; place-items: center; border: 1px solid #d7e0eb; border-radius: 5px; color: #53647d; background: #fff; font-size: 11px; }
.admin-notice-pager button:disabled { color: #a8b2c1; background: #f2f5f9; cursor: default; }
.admin-notice-pager span { min-width: 86px; color: #596579; font-size: 12px; text-align: center; }
.admin-notice-pager b, .admin-notice-pager em { font-style: normal; font-weight: 400; }
.admin-notice-editor { grid-template-columns: minmax(0, 1fr) clamp(320px, 21vw, 440px); grid-template-rows: 38px minmax(0, 1fr) auto; gap: 7px; padding: 0 10px 10px; }
.admin-notice-editor-head { grid-column: 1 / -1; justify-content: flex-start; margin: 0 -10px; }
.admin-notice-main { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto auto minmax(140px, 1fr) minmax(28px, 72px) 32px; gap: 7px; }
.admin-notice-target-panel { grid-column: 2; grid-row: 2; }
.admin-notice-actions { grid-column: 1 / -1; grid-row: 3; }
.admin-notice-editor-head span { color: #6a778c; font-size: 12px; white-space: nowrap; }
.admin-notice-editor-head span[hidden] { display: none !important; }
.admin-notice-editor-head .admin-notice-status { margin-left: auto; max-width: 62%; }
.admin-notice-editor-options { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; align-items: start; min-height: 0; }
.admin-notice-editor-options.target { align-items: start; }
.admin-notice-editor-options.target > span { padding-top: 0; }
.admin-notice-editor-options > span { height: 14px; color: #4e5b72; font-size: 12px; line-height: 14px; padding-left: 2px; white-space: nowrap; }
.admin-notice-option-title { min-width: 0; height: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; }
.admin-notice-option-title > span { color: #4e5b72; font-size: 12px; line-height: 14px; padding-left: 2px; white-space: nowrap; }
.admin-notice-segment { height: 28px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; border: 1px solid #d8e1ec; border-radius: 6px; padding: 2px; background: #eef3fb; }
.admin-notice-segment.multi { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-notice-segment.mode { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-notice-segment.notimode { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.admin-notice-segment.state { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.admin-notice-segment button { position: relative; z-index: 1; min-width: 0; height: 100%; border: 0; border-radius: 4px; color: #596579; background: transparent; font-size: 12px; font-weight: 400; white-space: nowrap; cursor: pointer; }
.admin-notice-segment button:hover { color: #3149b7; background: #e5ebfb; }
.admin-notice-segment button.active { color: #fff; background: var(--admin-blue); }
.admin-notice-segment button.active:hover { background: #223aa2; }
.admin-notice-segment button:disabled { color: #9aa6b8; background: transparent; cursor: not-allowed; opacity: .55; }
.admin-notice-send { display: grid; gap: 6px; padding: 8px; border: 1px solid #dbe3ef; border-radius: 7px; background: #f7f9fd; }
.admin-notice-send-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; align-items: center; }
.admin-notice-send-row > span { color: #4e5b72; font-size: 12px; white-space: nowrap; }
.admin-notice-send-hint { min-height: 18px; margin: 0; color: #3149b7; font-size: 12px; line-height: 1.4; }
.admin-notice-send-hint.is-warn { color: #b45309; }
.admin-notice-target-actions { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 72px; gap: 6px; align-items: center; }
.admin-notice-target-actions[hidden] { display: none !important; }
.admin-notice-target-actions input { width: 100%; min-width: 0; height: 28px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; color: #253143; font-size: 12px; }
.admin-notice-target-actions button { height: 28px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 3px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: #3149b7; font-size: 12px; white-space: nowrap; }
.admin-notice-target-actions input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-notice-field { min-width: 0; display: grid; gap: 5px; }
.admin-notice-field.conts { min-height: 0; grid-template-rows: 14px minmax(0, 1fr); }
.admin-notice-field > span { height: 14px; color: #4e5b72; font-size: 12px; line-height: 14px; padding-left: 2px; }
.admin-notice-field input, .admin-notice-editor-area { width: 100%; min-width: 0; border: 1px solid #d5deea; border-radius: 5px; padding: 7px 8px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-notice-field input { height: 30px; }
.admin-notice-editor-area { min-height: 0; height: 100%; overflow: auto; line-height: 1.55; white-space: normal; }
.admin-notice-editor-area:focus, .admin-notice-field input:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-notice-editor-area:empty::before { content: attr(data-placeholder); color: #a6afbf; }
.admin-notice-editor-area img, .admin-notice-editor-image { display: block; max-width: 100%; height: auto; margin: 7px 0; border: 1px solid #dbe3ef; border-radius: 5px; }
.admin-notice-attach-list { min-height: 0; overflow: auto; display: grid; align-content: start; gap: 4px; border: 1px solid #dbe3ef; border-radius: 5px; padding: 5px; background: #fbfcff; }
.admin-notice-attach-empty { min-height: 22px; display: flex; align-items: center; color: #9aa5b6; font-size: 11px; }
.admin-notice-attach-item { min-width: 0; min-height: 26px; display: grid; grid-template-columns: minmax(0, 1fr) 48px 24px; gap: 5px; align-items: center; border: 1px solid #e3eaf4; border-radius: 5px; padding: 0 5px 0 7px; background: #fff; }
.admin-notice-attach-item a { min-width: 0; display: inline-flex; align-items: center; gap: 5px; color: #253143; text-decoration: none; }
.admin-notice-attach-item a span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-attach-item a i { color: #4263e7; font-size: 11px; }
.admin-notice-attach-item em { color: #7b879a; font-size: 10px; font-style: normal; text-align: right; white-space: nowrap; }
.admin-notice-attach-item button { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid #ffb2c4; border-radius: 5px; padding: 0; color: #ff4081; background: #ffeef2; font-size: 10px; }
.admin-notice-attachbar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-items: center; min-width: 0; }
.admin-notice-attachbar button { height: 30px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: #4263e7; font-size: 11px; font-weight: 400; white-space: nowrap; }
.admin-notice-attachbar button[data-notice-attach-button] { background: #6b7b92; }
.admin-notice-attachbar button[data-notice-reply-button] { background: #50627b; }
.admin-notice-actions { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 7px; }
.admin-notice-actions button { height: 32px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 6px; padding: 0 10px; color: #fff; background: #6b7b92; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-notice-actions button.primary { background: var(--admin-blue); }
.admin-notice-actions button.danger { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-notice-actions button:hover { background: #516178; }
.admin-notice-actions button.primary:hover { background: #223aa2; }
.admin-notice-actions button.danger:hover { background: #ffdfe7; }
.admin-notice-filter button:disabled, .admin-notice-actions button:disabled, .admin-notice-attachbar button:disabled, .admin-notice-attach-item button:disabled { opacity: .55; cursor: default; }

body.admin-inquiry-page .admin-notice-body {
  grid-template-columns: minmax(560px, 40%) minmax(0, 1fr);
}
body.admin-inquiry-page .admin-notice-list-panel {
  min-width: 0;
}
.admin-inquiry-filter {
  grid-template-columns: 88px minmax(120px, 1fr) 72px 52px 32px;
}
.admin-inquiry-filter #inquiryKeyword { grid-column: auto; }
.admin-inquiry-table { min-height: 0; display: grid; grid-template-rows: 32px minmax(0, 1fr); overflow: hidden; }
.admin-inquiry-row { display: grid; grid-template-columns: 48px 72px 88px minmax(120px, 1fr) 136px; align-items: center; min-height: 40px; border-bottom: 1px solid #edf1f6; color: #253143; background: #fff; font-size: 12px; cursor: pointer; }
.admin-inquiry-row.head { min-height: 32px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-inquiry-row > div { min-width: 0; padding: 6px 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-inquiry-row.head > div { padding-top: 0; padding-bottom: 0; text-align: center; }
.admin-inquiry-row.head > div:nth-child(3),
.admin-inquiry-row.head > div:nth-child(4) { text-align: left; }
.admin-inquiry-row.active { color: #d97706; background: #fff8ed; }
.admin-inquiry-row:not(.head):hover { background: #f7fbff; }
.admin-inquiry-row .wait { color: #b45309; font-weight: 400; }
.admin-inquiry-row .done { color: #1c9d54; }
.admin-inquiry-editor { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-rows: 38px minmax(0, 1fr) 48px; min-width: 0; }
.admin-inquiry-detail {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  gap: 10px 14px;
  padding: 12px 12px 4px;
  overflow: hidden;
}
.admin-inquiry-meta { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px 16px; margin: 0; padding: 10px 12px; border: 1px solid #e7edf5; border-radius: 8px; background: #f8faff; }
.admin-inquiry-meta > div { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; }
.admin-inquiry-meta dt { color: #4e5b72; font-size: 12px; }
.admin-inquiry-meta dd { margin: 0; min-width: 0; overflow: hidden; color: #253143; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.admin-inquiry-detail > .admin-notice-field:not(.admin-inquiry-question):not(.admin-inquiry-answer) { grid-column: 1 / -1; }
.admin-inquiry-question, .admin-inquiry-answer { min-height: 0; display: grid; grid-template-rows: 18px minmax(0, 1fr); }
.admin-inquiry-question textarea, .admin-inquiry-answer textarea { width: 100%; min-height: 220px; height: 100%; border: 1px solid #d5deea; border-radius: 6px; padding: 10px 12px; resize: none; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 13px; line-height: 1.5; }
.admin-inquiry-question textarea { background: #f8fafc; }
.admin-inquiry-answer textarea:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); outline: none; }
.admin-inquiry-actions { display: flex; justify-content: flex-end; align-items: center; gap: 8px; padding: 0 12px 10px; }
.admin-inquiry-actions button { height: 34px; min-width: 110px; border: 0; border-radius: 6px; padding: 0 16px; color: #fff; background: #6b7b92; font-size: 13px; }
.admin-inquiry-actions button.primary { background: var(--admin-blue); }
.admin-inquiry-actions button:hover { background: #516178; }
.admin-inquiry-actions button.primary:hover { background: #223aa2; }
.admin-notice-target-panel { min-width: 0; min-height: 0; display: grid; grid-template-rows: 28px minmax(0, 1fr); border: 1px solid #dbe3ef; border-radius: 7px; overflow: hidden; background: #fff; }
.admin-notice-target-head { justify-content: space-between; }
.admin-notice-target-head span { display: inline-flex; align-items: center; gap: 3px; color: #596579; font-size: 12px; white-space: nowrap; transform: translateY(2px); }
.admin-notice-target-head b { color: var(--admin-blue); font-weight: 400; }
.admin-notice-target-table { min-height: 0; display: grid; grid-template-rows: 32px minmax(0, 1fr); overflow: hidden; }
.admin-notice-target-list { min-height: 0; overflow: auto; }
.admin-notice-target-row { display: grid; grid-template-columns: 54px minmax(0, 1fr) 38px 38px; align-items: center; min-height: 32px; border-bottom: 1px solid #edf1f6; color: #253143; background: #fff; font-size: 12px; }
.admin-notice-target-row.head { min-height: 32px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; }
.admin-notice-target-row > div { min-width: 0; padding: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-notice-target-row.head > div { text-align: center; }
.admin-notice-target-row > div:nth-child(2) { text-align: left; }
.admin-notice-target-row > div:nth-child(1), .admin-notice-target-row > div:nth-child(3), .admin-notice-target-row > div:nth-child(4) { text-align: center; }
.admin-notice-target-kind { display: flex; justify-content: center; padding: 0 4px !important; }
.admin-notice-target-badge { min-width: 34px; height: 20px; display: inline-flex; align-items: center; justify-content: center; border-radius: 5px; padding: 0 6px; font-size: 11px; line-height: 20px; }
.admin-notice-target-badge.system { color: #3e4a5c; background: #e7ecf3; }
.admin-notice-target-badge.head { color: #235a78; background: #dff1fa; }
.admin-notice-target-badge.agency { color: #5b4b8a; background: #ebe5fb; }
.admin-notice-target-badge.branch { color: #1f6c55; background: #ddf4e9; }
.admin-notice-target-badge.team { color: #8a4d14; background: #faecd7; }
.admin-notice-target-badge.cust { color: #9f2455; background: #fde2ec; }
.admin-notice-target-badge.member { color: #425b12; background: #edf5d7; }
.admin-notice-target-badge.store { color: #7a3d24; background: #f4e4dc; }
.admin-notice-target-badge.biz { color: #344da0; background: #e4e9fb; }
.admin-notice-target-badge.rider { color: #0f6674; background: #d9f3f5; }
.admin-notice-target-read { color: #d97706; font-size: 15px; line-height: 1; }
.admin-notice-target-remove { width: 22px; height: 22px; display: inline-grid; place-items: center; border: 1px solid #ff96ad; border-radius: 3px; padding: 0; color: #ff2f67; background: #fff0f4; font-size: 12px; }
.admin-notice-target-remove:hover { color: #fff; background: #ff4081; }
.admin-notice-target-remove:disabled { border-color: #d9e1ec; color: #a8b2c1; background: #f3f6fa; cursor: default; }
.admin-notice-target-remove:disabled:hover { color: #a8b2c1; background: #f3f6fa; }
.admin-notice-target-empty { min-height: 160px; display: grid; place-items: center; padding: 24px 10px; color: #8b95a7; font-size: 12px; text-align: center; }

.admin-menu-image-panel { overflow: hidden; }
.admin-menu-image-body { height: 100%; min-height: 0; display: grid; grid-template-rows: 34px 38px minmax(0, 1fr); gap: 10px; padding: 10px; overflow: hidden; }
.admin-menu-image-mode-tabs { min-width: 0; display: inline-grid; grid-template-columns: repeat(2, 132px); justify-content: start; gap: 6px; align-items: center; }
.admin-menu-image-mode-tabs button { height: 32px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 1px solid #d7e0eb; border-radius: 5px; padding: 0 10px; color: #53647d; background: #fff; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-menu-image-mode-tabs button:hover { color: #3149b7; border-color: #bfcaf0; background: #f2f5ff; }
.admin-menu-image-mode-tabs button.active { border-color: #3149b7; color: #fff; background: #3149b7; }
.admin-menu-image-mode-tabs button:disabled { opacity: .55; cursor: default; }
.admin-menu-image-filter { min-width: 0; display: grid; grid-template-columns: 70px 118px minmax(150px, 1fr) 78px 64px 84px 96px minmax(120px, 1fr); gap: 7px; align-items: center; }
.admin-menu-image-filter.category-mode { grid-template-columns: 70px minmax(180px, 1fr) 78px 64px 84px 96px minmax(120px, 1fr); }
.admin-menu-image-filter input, .admin-menu-image-filter select, .admin-menu-image-field input, .admin-menu-image-field select { width: 100%; min-width: 0; height: 30px; border: 1px solid #d5deea; border-radius: 5px; padding: 0 8px; outline: none; background: #fff; color: #253143; font-family: "Jeju Gothic", "Malgun Gothic", sans-serif; font-size: 12px; font-weight: 400; }
.admin-menu-image-filter input:focus, .admin-menu-image-filter select:focus, .admin-menu-image-field input:focus, .admin-menu-image-field select:focus { border-color: var(--admin-blue); box-shadow: 0 0 0 3px rgba(49, 73, 183, .10); }
.admin-menu-image-filter [hidden], .admin-menu-image-field[hidden] { display: none !important; }
.admin-menu-image-filter button, .admin-menu-image-actions button, .admin-menu-image-upload-actions button { height: 30px; min-width: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 5px; padding: 0 8px; color: #fff; background: #6b7b92; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-menu-image-filter button.primary, .admin-menu-image-actions button.primary { background: var(--admin-blue); }
.admin-menu-image-filter button:hover, .admin-menu-image-actions button:hover, .admin-menu-image-upload-actions button:hover { background: #516178; }
.admin-menu-image-filter button.primary:hover, .admin-menu-image-actions button.primary:hover { background: #223aa2; }
.admin-menu-image-filter button:disabled, .admin-menu-image-actions button:disabled, .admin-menu-image-upload-actions button:disabled, .admin-menu-image-pager button:disabled { opacity: .55; cursor: default; }
.admin-menu-image-status { min-width: 0; overflow: hidden; color: #6a778c; font-size: 12px; font-style: normal; text-align: right; text-overflow: ellipsis; white-space: nowrap; }
.admin-menu-image-status.error { color: #df2d65; }
.admin-menu-image-work { min-height: 0; display: grid; grid-template-columns: minmax(620px, 1fr) 330px; gap: 10px; overflow: hidden; }
.admin-menu-image-list-panel, .admin-menu-image-editor { min-width: 0; min-height: 0; display: grid; border: 1px solid #dbe3ef; border-radius: 8px; overflow: hidden; background: #fff; }
.admin-menu-image-list-panel { grid-template-rows: 38px minmax(0, 1fr) 36px; }
.admin-menu-image-list-head, .admin-menu-image-editor-head { min-width: 0; display: flex; align-items: center; gap: 8px; padding: 0 10px; border-bottom: 1px solid #e7edf5; background: #f8faff; }
.admin-menu-image-list-head strong, .admin-menu-image-editor-head strong { color: #253143; font-family: "Youth", "Jeju Gothic", sans-serif; font-size: 15px; font-weight: 400; white-space: nowrap; }
.admin-menu-image-list-head span, .admin-menu-image-editor-head span { color: #596579; font-size: 12px; white-space: nowrap; }
.admin-menu-image-list-head b { color: var(--admin-blue); font-weight: 400; }
.admin-menu-image-editor-head { justify-content: space-between; }
.admin-menu-image-table { min-height: 0; display: grid; grid-template-rows: 32px minmax(0, 1fr); overflow: hidden; }
.admin-menu-image-table-body { min-height: 0; overflow: auto; }
.admin-menu-image-row { display: grid; grid-template-columns: 48px 104px 86px minmax(0, 1fr) 72px 112px; align-items: center; min-height: 42px; border-bottom: 1px solid #edf1f6; color: #253143; background: #fff; font-size: 12px; cursor: pointer; }
.admin-menu-image-row.head { min-height: 32px; color: #48627c; background: #f7faff; font-family: "Youth", "Jeju Gothic", sans-serif; cursor: default; }
.admin-menu-image-table-body .admin-menu-image-row:nth-child(even) { background: #fbfdff; }
.admin-menu-image-row:not(.head):hover { background: #f7fbff; }
.admin-menu-image-row.selected { color: #d97706; background: #fff8ed !important; }
.admin-menu-image-row > div { min-width: 0; padding: 0 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.admin-menu-image-row > div:nth-child(4), .admin-menu-image-row.head > div:nth-child(4) { text-align: left; }
.admin-menu-image-thumb { position: relative; width: 44px; height: 44px; display: inline-grid; place-items: center; margin: 3px auto; vertical-align: middle; }
.admin-menu-image-thumb > img { width: 40px; height: 40px; display: block; border: 1px solid #dbe3ef; border-radius: 5px; object-fit: cover; background: #f8faff; }
.admin-menu-image-thumb > span { position: absolute; top: -8px; left: 49px; z-index: 20; display: none; border: 1px solid #cfd9e8; border-radius: 6px; padding: 5px; background: #fff; box-shadow: 0 14px 32px rgba(30, 47, 95, .18); }
.admin-menu-image-thumb:hover > span { display: block; }
.admin-menu-image-thumb > span img { display: block; max-width: 300px; max-height: 300px; border-radius: 4px; object-fit: contain; }
.admin-menu-image-no-thumb { width: 48px; height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #9aa6b8; font-size: 10px; }
.admin-menu-image-manage { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; padding: 0 6px !important; }
.admin-menu-image-manage button { height: 24px; border: 1px solid #d7e0eb; border-radius: 4px; padding: 0 5px; color: #53647d; background: #fff; font-size: 11px; white-space: nowrap; }
.admin-menu-image-manage button:hover { color: #3149b7; border-color: #bfcaf0; background: #eef3ff; }
.admin-menu-image-pager { display: flex; align-items: center; justify-content: center; gap: 6px; border-top: 1px solid #e7edf5; background: #fbfcff; }
.admin-menu-image-pager button { width: 28px; height: 26px; display: inline-grid; place-items: center; border: 1px solid #d7e0eb; border-radius: 5px; color: #53647d; background: #fff; font-size: 11px; }
.admin-menu-image-pager span { min-width: 86px; color: #596579; font-size: 12px; text-align: center; }
.admin-menu-image-pager b, .admin-menu-image-pager em { font-style: normal; font-weight: 400; }
.admin-menu-image-empty { min-height: 180px; display: grid; place-items: center; padding: 30px 12px; color: #8b95a7; font-size: 13px; text-align: center; }
.admin-menu-image-editor { grid-template-rows: 38px 30px auto auto minmax(160px, 1fr) 36px; gap: 10px; padding: 0 10px 10px; }
.admin-menu-image-editor-head { margin: 0 -10px; }
.admin-menu-image-use-group { height: 30px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2px; border: 1px solid #d8e1ec; border-radius: 6px; padding: 2px; background: #eef3fb; }
.admin-menu-image-use-group button { min-width: 0; border: 0; border-radius: 4px; color: #596579; background: transparent; font-size: 12px; font-weight: 400; white-space: nowrap; }
.admin-menu-image-use-group button:hover { color: #3149b7; background: #e5ebfb; }
.admin-menu-image-use-group button.active { color: #fff; background: var(--admin-blue); }
.admin-menu-image-field { min-width: 0; display: grid; gap: 6px; }
.admin-menu-image-field > span { height: 14px; color: #4e5b72; font-size: 12px; line-height: 14px; padding-left: 2px; }
.admin-menu-image-field input[readonly] { background: #f5f7fb; color: #6a778c; }
.admin-menu-image-upload { min-height: 0; display: grid; grid-template-rows: minmax(0, 1fr) auto; gap: 8px; }
.admin-menu-image-preview { min-height: 0; display: grid; place-items: center; border: 1px solid #dbe3ef; border-radius: 7px; background: #fbfcff; overflow: hidden; }
.admin-menu-image-preview div { color: #9aa6b8; font-size: 12px; }
.admin-menu-image-preview img { display: block; width: 100%; height: 100%; max-height: 330px; object-fit: contain; background: #fff; }
.admin-menu-image-upload-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; align-items: center; }
.admin-menu-image-upload-actions button { color: #fff; background: #3149b7; }
.admin-menu-image-upload-actions button:hover { background: #223aa2; }
.admin-menu-image-upload-actions button#menuImageClearFileButton { border: 1px solid #ff9cb4; color: #d91f57; background: #fff1f5; }
.admin-menu-image-upload-actions button#menuImageClearFileButton:hover { color: #b91448; background: #ffe2ea; }
.admin-menu-image-upload-actions span { grid-column: 1 / -1; min-width: 0; min-height: 18px; overflow: visible; color: #4e5b72; font-size: 12px; line-height: 16px; overflow-wrap: anywhere; white-space: normal; }
.admin-menu-image-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.admin-menu-image-actions button.danger { border: 1px solid #ffb2c4; color: #ff4081; background: #ffeef2; }
.admin-menu-image-actions button.danger:hover { background: #ffdfe7; }

@media (max-width: 1180px) {
  :root { --admin-tree-panel-width: 294px; --admin-setting-pane-width: calc(var(--admin-tree-panel-width) * 1.5); }
  .admin-page { min-width: 1024px; }
  .admin-brand { width: 205px; }
  .admin-setting-layout { grid-template-columns: var(--admin-setting-pane-width) minmax(0, 1fr); }
  .admin-biz-address { grid-template-columns: 146px minmax(0, 1fr); }
  .admin-menu-image-work { grid-template-columns: minmax(560px, 1fr) 300px; }
  .admin-menu-image-filter { grid-template-columns: 66px 108px minmax(130px, 1fr) 72px 58px 78px 88px minmax(100px, 1fr); }
  .admin-menu-image-filter.category-mode { grid-template-columns: 66px minmax(150px, 1fr) 72px 58px 78px 88px minmax(100px, 1fr); }
  .admin-menu-image-row { grid-template-columns: 44px 92px 78px minmax(0, 1fr) 62px 104px; }
}

/* Admin order call workspace */
.admin-order-workspace {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  overflow: hidden;
}

.admin-order-workspace.has-call-receive {
  grid-template-columns: 600px minmax(0, 1fr);
  gap: 8px;
}

.admin-call-receive-panel {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr);
  overflow: hidden;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #cfd9e7, 0 5px 18px rgba(31, 49, 75, .12);
}

.admin-call-receive-panel[hidden] {
  display: none !important;
}

.admin-call-receive-head {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  align-items: stretch;
  border-bottom: 1px solid #cfd9e7;
  background: #edf2f8;
}

.admin-call-receive-tabs {
  min-width: 0;
  display: flex;
  align-items: end;
  gap: 3px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 4px 4px 0;
  scrollbar-width: thin;
}

.admin-call-receive-tab-item {
  flex: 0 0 210px;
  min-width: 0;
  height: 33px;
  display: block;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #cbd6e4;
  border-bottom: 0;
  border-radius: 6px 6px 0 0;
  background: #f8faff;
}

.admin-call-receive-tab-item.active {
  border-color: #3149b7;
  background: #3149b7;
}

.admin-call-receive-tab,
.admin-call-receive-tab-close,
.admin-call-receive-close-all {
  min-width: 0;
  border: 0;
  border-radius: 0;
  color: #43536a;
  background: transparent;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  cursor: pointer;
}

.admin-call-receive-tab {
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 0 10px;
  font-size: 13px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-receive-tab-close {
  display: grid;
  place-items: center;
  color: #728096;
  font-size: 12px;
}

.admin-call-receive-tab-item.active .admin-call-receive-tab,
.admin-call-receive-tab-item.active .admin-call-receive-tab-close {
  color: #fff;
}

.admin-call-receive-tab-close:hover,
.admin-call-receive-close-all:hover {
  color: #fff;
  background: #d7375f;
}

.admin-call-receive-close-all {
  display: grid;
  place-items: center;
  border-left: 1px solid #cfd9e7;
  font-size: 15px;
}

.admin-call-receive-frames {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #fff;
}

.admin-call-receive-frame {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #fff;
}

.admin-call-receive-frame[hidden] {
  display: none;
}

.admin-order-row.receiving {
  box-shadow: inset 3px 0 0 #3149b7;
}

.admin-order-row > div.seq-cell,
.admin-order-row > div.status-cell,
.admin-order-row > div.order-no-cell {
  padding: 0;
}

.admin-order-row:not(.head) > div.order-no-cell {
  font-family: Arial, sans-serif;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
}

.admin-order-row > div.rider-name-cell,
.admin-order-row > div.rider-phone-cell {
  min-width: 0;
}

.admin-order-receive-trigger {
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  padding: 0 2px;
  color: inherit;
  background: transparent;
  font: inherit;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.admin-order-receive-trigger:hover,
.admin-order-receive-trigger:focus-visible {
  outline: 0;
  background: rgba(49, 73, 183, .10);
}

.admin-order-receive-trigger .admin-order-status {
  pointer-events: none;
}

.admin-order-detail-row > div.seq {
  pointer-events: none;
}

body.admin-call-receive-page {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body.admin-call-receive-page {
  color: #263548;
  background: #f4f7fb;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  letter-spacing: 0;
}

.admin-call-receive-page *,
.admin-call-receive-page *::before,
.admin-call-receive-page *::after {
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-call-receive-view {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 7px;
  overflow: hidden;
  padding: 8px;
}

.admin-call-receive-loading,
.admin-call-receive-error {
  grid-row: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #64748b;
  font-size: 14px;
}

.admin-call-receive-error {
  color: #b4233e;
}

.admin-call-receive-titlebar {
  min-width: 0;
  min-height: 38px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  gap: 8px;
  align-items: center;
  border-bottom: 2px solid #394b63;
  padding: 0 6px 6px;
}

.admin-call-receive-order-number {
  color: #304a74;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}

.admin-call-receive-store {
  min-width: 0;
  overflow: hidden;
  color: #1f2c3e;
  font-size: 18px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-receive-state {
  min-width: 58px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  padding: 0 8px;
  color: #fff;
  background: #64748b;
  font-size: 12px;
}

.admin-call-receive-state.ready { color: #7a4a00; background: #fff0c9; }
.admin-call-receive-state.approve { background: #ef5b20; }
.admin-call-receive-state.accept { background: #2f6fc7; }
.admin-call-receive-state.assign { background: #6f58c9; }
.admin-call-receive-state.pickup { background: #21867a; }
.admin-call-receive-state.done { background: #2f8f46; }
.admin-call-receive-state.cancel { background: #d7375f; }

.admin-call-receive-reload {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid #cbd6e4;
  border-radius: 5px;
  color: #526174;
  background: #fff;
  cursor: pointer;
}

.admin-call-receive-reload:hover {
  color: #fff;
  border-color: #3149b7;
  background: #3149b7;
}

.admin-call-receive-base {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(210px, 1.35fr) repeat(3, minmax(115px, .8fr));
  gap: 6px;
}

.admin-call-receive-field,
.admin-call-receive-section,
.admin-call-receive-total-item {
  min-width: 0;
  border: 1px solid #d9e2ee;
  border-radius: 6px;
  background: #fff;
}

.admin-call-receive-field {
  min-height: 48px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 3px;
  padding: 6px 8px;
}

.admin-call-receive-field span,
.admin-call-receive-total-item span {
  color: #738097;
  font-size: 10px;
}

.admin-call-receive-field strong {
  min-width: 0;
  overflow: hidden;
  align-self: center;
  color: #263548;
  font-size: 14px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-receive-field.phone strong {
  color: #183f7a;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 21px;
}

.admin-call-receive-content {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  gap: 7px;
  overflow: hidden;
}

.admin-call-receive-column {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 7px;
}

.admin-call-receive-section {
  min-height: 0;
  display: grid;
  grid-template-rows: 30px minmax(0, 1fr);
  overflow: hidden;
}

.admin-call-receive-section h2 {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid #e1e7ef;
  padding: 0 9px;
  color: #46566e;
  background: #f7f9fc;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.admin-call-receive-section h2 i {
  color: #3149b7;
}

.admin-call-receive-menu-list,
.admin-call-receive-info-list {
  min-height: 0;
  overflow: auto;
  padding: 4px 8px;
}

.admin-call-receive-menu-row {
  min-width: 0;
  min-height: 33px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px 86px;
  gap: 6px;
  align-items: center;
  border-bottom: 1px solid #edf1f6;
  font-size: 12px;
}

.admin-call-receive-menu-row:last-child {
  border-bottom: 0;
}

.admin-call-receive-menu-row strong,
.admin-call-receive-menu-row span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-receive-menu-row strong { font-weight: 400; }
.admin-call-receive-menu-row span { color: #657289; text-align: center; }
.admin-call-receive-menu-row b { color: #223aa2; font-weight: 400; text-align: right; }

.admin-call-receive-info-row {
  min-width: 0;
  min-height: 34px;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  border-bottom: 1px solid #edf1f6;
  font-size: 12px;
}

.admin-call-receive-info-row:last-child { border-bottom: 0; }
.admin-call-receive-info-row span { color: #738097; }
.admin-call-receive-info-row strong { min-width: 0; color: #2d3b50; font-weight: 400; line-height: 1.4; word-break: keep-all; }

.admin-call-receive-totals {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}

.admin-call-receive-total-item {
  min-height: 50px;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 3px;
  padding: 6px 8px;
  text-align: right;
}

.admin-call-receive-total-item strong {
  align-self: center;
  color: #263548;
  font-size: 15px;
  font-weight: 400;
}

.admin-call-receive-total-item.total {
  border-color: #aebce6;
  background: #f4f6ff;
}

.admin-call-receive-total-item.total strong {
  color: #223aa2;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 18px;
}

@media (max-width: 1500px) {
  .admin-order-workspace.has-call-receive {
    grid-template-columns: 600px minmax(420px, 1fr);
    overflow-x: auto;
  }
}

/* Admin order editor reproduced independently from the shop call-reception surface. */
body.admin-call-receive-page {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #fff;
}

.admin-call-register-host {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.admin-call-receive-editor {
  display: grid;
  grid-template-rows: 52px minmax(0, 1fr);
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.admin-call-receive-editor,
.admin-call-receive-editor * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-call-receive-body {
  display: block;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
}

.admin-call-history {
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  color: #29384c;
  background: #f7f9fc;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
}

.admin-call-history,
.admin-call-history * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-call-history-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0 16px;
  border-bottom: 1px solid #d7dee8;
  background: #edf2f8;
}

.admin-call-history-head > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.admin-call-history-head i {
  color: #3f6597;
  font-size: 16px;
}

.admin-call-history-head strong {
  color: #263f60;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 17px;
  font-weight: 400;
  white-space: nowrap;
}

.admin-call-history-head em {
  color: #68778a;
  font-size: 13px;
  font-style: normal;
  white-space: nowrap;
}

.admin-call-history-list {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.admin-call-history-row {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-width: 0;
  min-height: 62px;
  padding: 10px 16px;
  border-bottom: 1px solid #e0e6ee;
  background: #fff;
}

.admin-call-history-row:nth-child(even) {
  background: #fbfcfe;
}

.admin-call-history-meta {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 54px;
  align-items: center;
  gap: 9px;
  min-width: 0;
}

.admin-call-history-meta time {
  min-width: 0;
  overflow: hidden;
  color: #637186;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-history-meta .admin-call-register-state {
  flex: 0 0 auto;
  min-width: 54px;
  height: 26px;
  padding: 0 8px;
  font-size: 12px;
}

.admin-call-history-row > p {
  margin: 0;
  color: #2d3949;
  font-size: 14px;
  line-height: 21px;
  overflow-wrap: anywhere;
  word-break: keep-all;
}

.admin-call-history-row > small {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #778397;
  font-size: 12px;
}

.admin-call-history-row > small i {
  font-size: 11px;
}

.admin-call-history-empty {
  display: grid;
  place-items: center;
  min-height: 180px;
  margin: 0;
  padding: 20px;
  color: #7a8697;
  font-size: 14px;
  text-align: center;
}

.admin-call-register-shell {
  position: relative;
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr) 110px;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  color: #24272b;
  background: #fff;
  container-type: inline-size;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
}

.admin-call-register-shell,
.admin-call-register-shell * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.admin-call-register-stores {
  display: grid;
  grid-auto-columns: minmax(118px, 1fr);
  grid-auto-flow: column;
  gap: 5px;
  flex: 0 0 auto;
  min-height: 52px;
  padding: 6px 8px;
  border-bottom: 2px solid #333940;
  background: #f3f5f7;
  overflow-x: auto;
  overflow-y: hidden;
}

.admin-call-register-stores button {
  min-width: 0;
  height: 38px;
  padding: 0 10px;
  border: 1px solid #aeb6bf;
  border-radius: 4px;
  color: #25292e;
  background: #fff;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-stores button:hover {
  border-color: #1d6f42;
}

.admin-call-register-stores button.active {
  color: #fff;
  border-color: #1d6f42;
  background: #1d6f42;
}

.admin-call-register-scroll {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  padding: 0 9px 10px;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
}

.admin-call-register-band {
  flex: 0 0 auto;
  width: 100%;
  padding: 8px 0;
  border-bottom: 1px solid #cfd5db;
}

.admin-call-delivery-photo > a {
  display: grid;
  gap: 7px;
  max-width: 640px;
  margin: 0 auto;
  color: #1765ae;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
}

.admin-call-delivery-photo img {
  display: block;
  width: 100%;
  max-height: 360px;
  border: 1px solid #d4e0ec;
  border-radius: 6px;
  object-fit: contain;
  background: #edf3f8;
}

.admin-call-register-base {
  display: grid;
  grid-template-columns: minmax(205px, 1.2fr) minmax(140px, 0.78fr) minmax(150px, 0.82fr);
  gap: 6px 8px;
  align-items: end;
}

.admin-call-register-phone,
.admin-call-register-address-search,
.admin-call-register-address-basic label,
.admin-call-register-address-detail label,
.admin-call-register-requests > label:not(.admin-call-register-disposable) {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-call-register-phone > span,
.admin-call-register-address-search > span:first-child,
.admin-call-register-address-basic label > span,
.admin-call-register-address-detail label > span,
.admin-call-register-requests label > span {
  color: #4d555d;
  font-size: 12px;
  white-space: nowrap;
}

.admin-call-register-phone input,
.admin-call-register-search-control input,
.admin-call-register-address-basic input,
.admin-call-register-address-detail input,
.admin-call-register-requests input,
.admin-call-register-requests select {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0 9px;
  border: 1px solid #b8c0c8;
  border-radius: 3px;
  color: #202428;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
}

.admin-call-register-phone input {
  height: 40px;
  color: #143d73;
  font-family: "Nanum Gothic", "Malgun Gothic", sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
}

.admin-call-register-phone input:focus,
.admin-call-register-search-control input:focus,
.admin-call-register-address-detail input:focus,
.admin-call-register-requests input:focus,
.admin-call-register-requests select:focus {
  border-color: #1a73e8;
  outline: 2px solid rgba(26, 115, 232, 0.14);
}

.admin-call-register-segments {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.admin-call-register-segments.payment {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.admin-call-register-payment-readonly {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-call-register-payment-readonly > span {
  color: #4d555d;
  font-size: 12px;
}

.admin-call-register-payment-readonly > strong {
  display: flex;
  gap: 7px;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 40px;
  padding: 0 8px;
  overflow: hidden;
  color: #44505d;
  border: 1px solid #c8cfd6;
  border-radius: 3px;
  background: #f1f4f6;
  font-size: 13px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-payment-readonly i,
.admin-call-register-lock-note,
.admin-call-register-benefits.is-locked .admin-call-register-section-title span {
  color: #697684;
  font-style: normal;
  font-weight: 400;
}

.admin-call-register-segments legend {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0 0 4px;
  padding: 0;
  color: #4d555d;
  font-size: 12px;
}

.admin-call-register-cancel-control {
  display: grid;
  grid-template-rows: repeat(2, 27px);
  gap: 4px;
  align-self: end;
  min-width: 0;
}

.admin-call-register-cancel-control select,
.admin-call-register-cancel-control button {
  width: 100%;
  min-width: 0;
  height: 27px;
  border: 1px solid #b8c0c8;
  border-radius: 3px;
  font-family: inherit;
  font-size: 12px;
}

.admin-call-register-cancel-control select {
  padding: 0 8px;
  color: #30363d;
  background: #fff;
  text-align: center;
  text-align-last: center;
}

.admin-call-register-cancel-control select option { text-align: center; }

.admin-call-register-cancel-control button {
  color: #fff;
  border-color: #c62828;
  background: #c62828;
  cursor: pointer;
}

.admin-call-register-cancel-control button:hover:not(:disabled) {
  background: #b52121;
}

.admin-call-register-cancel-control select:disabled,
.admin-call-register-cancel-control button:disabled {
  color: #9299a0;
  border-color: #d4d9de;
  background: #eceff1;
  cursor: default;
}

.admin-call-register-segment {
  display: block;
  min-width: 0;
}

.admin-call-register-segment input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.admin-call-register-segment span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  padding: 0 4px;
  border: 1px solid #aeb7c0;
  border-radius: 3px;
  color: #343a40;
  background: #fff;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}

.admin-call-register-segment input:checked + span {
  color: #fff;
  border-color: #1a73e8;
  background: #1a73e8;
}

.admin-call-register-segment.disabled span {
  color: #9aa0a6;
  border-color: #dce1e5;
  background: #eef1f3;
  cursor: default;
}

.admin-call-register-origin {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 6px;
  align-items: center;
  grid-column: 1 / -1;
  min-height: 24px;
  padding: 2px 7px;
  background: #f4f6f8;
}

.admin-call-register-origin span {
  color: #59616a;
  font-size: 12px;
}

.admin-call-register-origin strong {
  min-width: 0;
  color: #353b41;
  font-size: 13px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-address {
  position: relative;
}

.admin-call-register-pickup-note {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 10px;
  color: #59616a;
  border: 1px dashed #c7cdd3;
  background: #f7f8f9;
  font-size: 12px;
}

.admin-call-register-address-row {
  display: grid;
  grid-template-columns: minmax(190px, 0.9fr) minmax(300px, 1.35fr);
  gap: 8px;
  align-items: end;
}

.admin-call-register-address-search-stack {
  position: relative;
  display: grid;
  gap: 4px;
  min-width: 0;
}

.admin-call-register-search-control {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px;
  gap: 4px;
}

.admin-call-register-search-control button,
.admin-call-register-actions button,
.admin-call-menu-picker footer button {
  min-width: 0;
  border: 1px solid #59636e;
  border-radius: 3px;
  color: #fff;
  background: #59636e;
  cursor: pointer;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
}

.admin-call-register-search-control button:hover,
.admin-call-register-actions button:hover,
.admin-call-menu-picker footer button:hover {
  filter: brightness(0.92);
}

.admin-call-register-search-control button:disabled,
.admin-call-register-actions button:disabled,
.admin-call-menu-picker footer button:disabled {
  color: #9299a0;
  border-color: #d4d9de;
  background: #eceff1;
  cursor: default;
  filter: none;
}

.admin-call-register-address-basic {
  display: grid;
  grid-template-columns: minmax(52px, 0.65fr) minmax(68px, 0.8fr) minmax(105px, 1.5fr) minmax(65px, 0.8fr);
  gap: 4px;
  min-width: 0;
}

.admin-call-register-address-basic input {
  height: 36px;
  padding: 0 6px;
  color: #394047;
  background: #f5f7f8;
  font-size: 12px;
  text-overflow: ellipsis;
}

.admin-call-register-search-results {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
}

.admin-call-register-address-results {
  position: absolute;
  z-index: 40;
  top: calc(100% + 3px);
  left: 0;
  width: 100%;
  max-height: 210px;
  padding: 4px;
  overflow-y: auto;
  border: 1px solid #9eabb7;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 7px 18px rgba(27, 34, 30, 0.2);
}

.admin-call-register-search-results button {
  display: grid;
  gap: 2px;
  min-width: 0;
  padding: 6px 8px;
  border: 1px solid #e0e4e8;
  color: #30363c;
  text-align: left;
  background: #fff;
  cursor: pointer;
}

.admin-call-register-search-results button:hover {
  border-color: #7aa7dd;
  background: #eef5ff;
}

.admin-call-register-search-results strong,
.admin-call-register-search-results span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-customer-addresses {
  display: grid;
  gap: 3px;
  background: #f7fbf8;
}

.admin-call-register-customer-addresses.is-status {
  display: flex;
  align-items: center;
  min-height: 34px;
  padding: 5px 9px;
  color: #5a655f;
  font-size: 11px;
}

.admin-call-register-customer-addresses button {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-width: 0;
  min-height: 42px;
  padding: 5px 7px;
  border: 1px solid #d8e1dc;
  border-radius: 3px;
  color: #29312d;
  text-align: left;
  background: #fff;
  cursor: pointer;
}

.admin-call-register-customer-addresses button:hover,
.admin-call-register-customer-addresses button:focus-visible {
  border-color: #4e8b67;
  outline: 0;
  background: #edf7f0;
}

.admin-call-register-customer-address-type {
  display: grid;
  gap: 2px;
  justify-items: center;
  color: #1d6f42;
  font-size: 12px;
  white-space: nowrap;
}

.admin-call-register-customer-address-type em {
  padding: 1px 4px;
  border-radius: 3px;
  color: #fff;
  background: #1d6f42;
  font-size: 9px;
  font-style: normal;
}

.admin-call-register-customer-address-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.admin-call-register-customer-address-copy strong,
.admin-call-register-customer-address-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-customer-address-copy strong {
  font-size: 12px;
}

.admin-call-register-customer-address-copy small {
  color: #69736d;
  font-size: 10px;
}

.admin-call-register-search-results strong {
  font-size: 12px;
}

.admin-call-register-search-results span {
  color: #626a72;
  font-size: 10px;
}

.admin-call-register-address-detail {
  display: grid;
  grid-template-columns: minmax(145px, 1fr) minmax(175px, 1.25fr) 135px;
  gap: 8px;
  align-items: end;
  margin-top: 6px;
}

.admin-call-register-address-detail input {
  height: 34px;
}

.admin-call-register-address.is-locked input:disabled,
.admin-call-register-address.is-locked input[readonly] {
  color: #66717d;
  background: #f1f4f6;
  cursor: default;
}

.admin-call-register-delivery-calc {
  display: grid;
  grid-template-columns: 1fr;
  align-content: center;
  justify-items: end;
  min-height: 34px;
  padding: 0 6px;
  border-left: 1px solid #d3d8dd;
  color: #555d65;
  font-size: 11px;
}

.admin-call-register-delivery-calc strong {
  color: #d94d0b;
  font-size: 13px;
  font-weight: 400;
}

.admin-call-register-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(250px, 0.8fr);
  gap: 9px;
  flex: 0 0 auto;
  padding: 8px 0;
  border-bottom: 1px solid #cfd5db;
}

.admin-call-register-menu-pane,
.admin-call-register-cart-pane {
  min-width: 0;
}

.admin-call-register-menu-pane {
  padding-right: 8px;
  border-right: 1px solid #d4d9de;
}

.admin-call-register-section-title {
  display: flex;
  gap: 7px;
  align-items: baseline;
  min-width: 0;
  margin-bottom: 5px;
}

.admin-call-register-section-title > strong {
  color: #252a30;
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
}

.admin-call-register-section-title > span {
  min-width: 0;
  color: #747c84;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-menu-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 44px;
  gap: 4px;
  max-height: 236px;
  padding-right: 3px;
  overflow-x: hidden;
  overflow-y: auto;
}

.admin-call-register-menu-grid > button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: 44px;
  padding: 3px 8px;
  border: 1px solid #c6cdd4;
  border-radius: 3px;
  color: #24292e;
  text-align: center;
  background: #fff;
  cursor: pointer;
}

.admin-call-register-menu-grid > button:hover {
  border-color: #ef6c2f;
  background: #fff7f2;
}

.admin-call-register-menu-grid strong {
  display: -webkit-box;
  min-width: 0;
  max-height: 36px;
  font-size: 15px;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-call-register-cart-list {
  display: grid;
  gap: 2px;
  max-height: 236px;
  padding-right: 3px;
  overflow-x: hidden;
  overflow-y: auto;
}

.admin-call-register-cart-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-height: 104px;
  padding: 7px 3px;
  border-bottom: 1px solid #e0e4e8;
}

.admin-call-register-cart-heading {
  display: flex;
  gap: 5px;
  align-items: center;
  min-width: 0;
}

.admin-call-register-cart-heading > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-cart-heading > strong {
  flex: 1 1 auto;
  color: #252a30;
  font-size: 18px;
  font-weight: 400;
}

.admin-call-register-cart-options {
  display: block;
  min-width: 0;
  color: #747b83;
  font-size: 12px;
  line-height: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-cart-controls {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
}

.admin-call-register-qty {
  display: grid;
  grid-template-columns: 26px 28px 26px;
  gap: 2px;
  width: 90px;
  height: 38px;
  padding: 2px;
  border: 1px solid #b9c9c0;
  border-radius: 8px;
  background: #eef4f1;
  box-shadow: inset 0 1px 2px rgba(30, 70, 48, 0.08);
}

.admin-call-register-qty button {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0;
  border: 1px solid #c7d2cc;
  border-radius: 5px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease, transform 0.12s ease;
}

.admin-call-register-qty button:last-child {
  border-color: #78a68d;
  background: #e8f4ed;
}

.admin-call-register-qty button:hover:not(:disabled) {
  border-color: #1d6f42;
  background: #f3faf6;
}

.admin-call-register-qty button:active:not(:disabled) {
  transform: translateY(1px);
}

.admin-call-register-qty button:disabled {
  cursor: default;
  opacity: 0.38;
}

.admin-call-register-qty button img {
  width: 15px;
  height: 15px;
  object-fit: contain;
  opacity: 0.72;
}

.admin-call-register-qty b {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced9d3;
  border-radius: 5px;
  color: #1d6f42;
  background: #fff;
  font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 14px;
  font-weight: 700;
  box-shadow: inset 0 1px 2px rgba(31, 70, 50, 0.06);
}

.admin-call-register-item-price {
  display: flex;
  gap: 3px;
  align-items: baseline;
  margin-left: auto;
  color: #1d6f42;
  font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif;
  text-align: right;
  white-space: nowrap;
}

.admin-call-register-item-price > span {
  font-size: 20px;
  line-height: 24px;
}

.admin-call-register-item-price.is-long > span {
  font-size: 16px;
}

.admin-call-register-item-price small {
  color: #50665a;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 11px;
  font-weight: 700;
}

.admin-call-register-remove {
  display: grid;
  place-items: center;
  flex: 0 0 27px;
  margin-left: auto;
  width: 27px;
  height: 27px;
  padding: 0;
  border: 1px solid #efc4c4;
  border-radius: 8px;
  background: #fff7f7;
  cursor: pointer;
  transition: border-color 0.12s ease, background 0.12s ease;
}

.admin-call-register-remove:hover {
  border-color: #dc6666;
  background: #ffeded;
}

.admin-call-register-remove img {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.admin-call-register-empty {
  display: grid;
  place-items: center;
  min-height: 82px;
  margin: 0;
  color: #80868b;
  font-size: 11px;
}

.admin-call-register-benefits {
  display: block;
}

.admin-call-register-benefits .admin-call-register-section-title {
  margin-bottom: 0;
}

.admin-call-register-toggle,
.admin-call-register-benefit-grid label {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  gap: 4px;
  align-items: center;
  min-width: 0;
  min-height: 27px;
  padding: 3px 6px;
  border: 1px solid #d1d7dc;
  border-radius: 3px;
  background: #fff;
  font-size: 12px;
}

.admin-call-register-toggle strong,
.admin-call-register-benefit-grid strong {
  color: #c62828;
  white-space: nowrap;
}

.admin-call-register-benefit-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
}

.admin-call-register-benefit-readonly {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  min-height: 27px;
  padding: 3px 7px;
  color: #5c6670;
  border: 1px solid #d7dce1;
  border-radius: 3px;
  background: #f1f4f6;
  font-size: 12px;
}

.admin-call-register-benefit-readonly strong {
  color: #5c6670;
  font-weight: 400;
  white-space: nowrap;
}

.admin-call-register-coupon-use {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.admin-call-register-coupon-use legend {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

.admin-call-register-coupon-use label {
  display: block;
  min-width: 0;
  min-height: 27px;
  padding: 0;
  border: 0;
  background: transparent;
}

.admin-call-register-coupon-use input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.admin-call-register-coupon-use label span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 27px;
  border: 1px solid #cbd2d9;
  border-radius: 3px;
  color: #4e5964;
  background: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
}

.admin-call-register-coupon-use input:checked + span {
  color: #fff;
  border-color: #526b88;
  background: #526b88;
}

.admin-call-register-coupon-use input:disabled + span {
  color: #9299a0;
  border-color: #d7dce1;
  background: #f1f4f6;
  cursor: default;
}

.admin-call-register-no-benefit {
  display: flex;
  align-items: center;
  min-height: 27px;
  color: #80868b;
  font-size: 10px;
}

.admin-call-register-requests {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 165px;
  gap: 5px 8px;
  align-items: end;
}

.admin-call-register-requests .admin-call-register-section-title {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.admin-call-register-requests select {
  height: 34px;
  padding: 0 7px;
  font-size: 12px;
}

.admin-call-register-disposable {
  display: flex;
  gap: 3px;
  align-items: center;
  justify-content: flex-start;
  height: 34px;
  font-size: 14px;
  white-space: nowrap;
}

.admin-call-register-disposable input {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin: 0;
}

.admin-call-register-requests .admin-call-register-disposable > span {
  color: #2f353b;
  font-size: 14px;
}

.admin-call-register-footer {
  position: relative;
  z-index: 25;
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 0 0 110px;
  width: 100%;
  height: 110px;
  min-height: 110px;
  padding: 7px 9px;
  border-top: 2px solid #333940;
  background: #f3f5f7;
}

.admin-call-register-totals {
  display: flex;
  gap: 4px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  white-space: nowrap;
  min-height: 44px;
}

.admin-call-register-totals > span {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  justify-content: center;
  color: #626970;
}

.admin-call-register-totals small {
  color: #626970;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.admin-call-register-total-amount {
  display: flex;
  gap: 3px;
  align-items: baseline;
  justify-content: center;
  font-size: 12px;
  line-height: 24px;
}

.admin-call-register-totals > span b {
  color: #343a40;
  font-size: 20px;
}

.admin-call-register-totals > strong {
  display: flex;
  flex: 1.2 1 0;
  flex-direction: column;
  gap: 1px;
  align-items: center;
  justify-content: center;
  margin-left: 0;
  color: #d94d0b;
}

.admin-call-register-totals > strong small {
  color: #d94d0b;
}

.admin-call-register-totals > strong b {
  font-size: 26px;
}

.admin-call-register-actions {
  display: flex;
  gap: 5px;
  width: 100%;
  height: 44px;
}

.admin-call-register-actions button {
  flex: 1 1 0;
  font-size: 16px;
}

.admin-call-register-actions .primary,
.admin-call-menu-picker footer .primary {
  border-color: #1d6f42;
  background: #1d6f42;
}

.admin-call-register-actions .register {
  border-color: #3156a6;
  background: #3156a6;
}

.admin-call-register-actions .danger {
  border-color: #c62828;
  background: #c62828;
}

.admin-call-register-message {
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 220px;
  color: #59636e;
  font-size: 14px;
}

.admin-call-register-message.error {
  color: #c62828;
}

.admin-call-menu-picker-backdrop {
  position: absolute;
  z-index: 30;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(31, 35, 40, 0.38);
  backdrop-filter: blur(1px);
}

.admin-call-menu-picker {
  display: flex;
  flex-direction: column;
  width: min(720px, 100%);
  max-height: calc(100% - 4px);
  overflow: hidden;
  border: 1px solid #cdd4d1;
  border-radius: 8px;
  background: #f6f8f7;
  box-shadow: 0 16px 42px rgba(24, 31, 28, 0.24);
}

.admin-call-menu-picker > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
  gap: 12px;
  padding: 9px 12px 9px 18px;
  border-bottom: 1px solid #dce2df;
  background: #fff;
}

.admin-call-menu-picker-title {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}

.admin-call-menu-picker-title img {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  opacity: 0.72;
}

.admin-call-menu-picker-title strong {
  display: -webkit-box;
  min-width: 0;
  max-height: 56px;
  color: #252b28;
  font-size: 22px;
  font-weight: 400 !important;
  line-height: 28px;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: keep-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.admin-call-menu-picker > header .admin-call-menu-picker-icon-close {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #d4dad7;
  border-radius: 50%;
  background: #f7f9f8;
  cursor: pointer;
}

.admin-call-menu-picker > header .admin-call-menu-picker-icon-close:hover {
  border-color: #ddb9b9;
  background: #fff3f3;
}

.admin-call-menu-picker-icon-close img {
  width: 21px;
  height: 21px;
  opacity: 0.72;
}

.admin-call-menu-picker-body {
  display: grid;
  gap: 12px;
  min-height: 0;
  padding: 16px;
  overflow-y: auto;
  background: #f6f8f7;
}

.admin-call-menu-picker fieldset {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  padding: 13px;
  border: 1px solid #d5dcd8;
  border-radius: 8px;
  background: #fff;
}

.admin-call-menu-picker legend {
  padding: 0 8px;
  color: #2c332f;
  font-size: 16px;
  font-weight: 700;
}

.admin-call-menu-picker legend em {
  color: #c62828;
  font-size: 12px;
  font-style: normal;
}

.admin-call-menu-picker legend span {
  color: #6c756f;
  font-size: 12px;
}

.admin-call-menu-picker fieldset label {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 54px;
  padding: 7px 10px;
  border: 1px solid #dce2df;
  border-radius: 7px;
  color: #252b28;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  line-height: 21px;
}

.admin-call-menu-picker fieldset label:hover {
  border-color: #8cae9b;
  background: #f7fbf8;
}

.admin-call-menu-picker fieldset label:has(input:checked) {
  border-color: #4e8b67;
  background: #eef7f1;
  box-shadow: inset 0 0 0 1px rgba(29, 111, 66, 0.12);
}

.admin-call-menu-picker fieldset input {
  width: 20px;
  height: 20px;
  margin: 0;
  accent-color: #1d6f42;
}

.admin-call-menu-picker fieldset label strong {
  color: #bd4e1c;
  font-size: 18px;
  font-weight: 700;
  white-space: nowrap;
}

.admin-call-menu-picker-body > fieldset:first-child label strong {
  color: #1d6f42;
  font-size: 21px;
}

.admin-call-menu-picker-quantity {
  display: grid;
  gap: 7px;
  padding: 11px 13px 13px;
  border: 1px solid #d5dcd8;
  border-radius: 8px;
  background: #fff;
}

.admin-call-menu-picker-quantity > strong {
  color: #2c332f;
  font-size: 16px;
  font-weight: 700;
}

.admin-call-menu-picker-quantity-controls {
  display: grid;
  grid-template-columns: repeat(10, minmax(30px, 1fr)) minmax(104px, 1.5fr);
  gap: 5px;
  min-width: 0;
}

.admin-call-menu-picker-quantity-controls > button {
  min-width: 0;
  height: 44px;
  padding: 0;
  border: 1px solid #cfd7d3;
  border-radius: 6px;
  color: #303733;
  background: #f6f8f7;
  cursor: pointer;
  font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 17px;
}

.admin-call-menu-picker-quantity-controls > button:hover {
  border-color: #75a187;
  background: #f0f7f3;
}

.admin-call-menu-picker-quantity-controls > button.active {
  color: #fff;
  border-color: #1d6f42;
  background: #1d6f42;
}

.admin-call-menu-picker-quantity-controls > select {
  width: 100%;
  height: 44px;
  min-width: 0;
  padding: 0 7px;
  border: 1px solid #cfd7d3;
  border-radius: 6px;
  color: #1d6f42;
  background: #f6f8f7;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}

.admin-call-menu-picker-quantity-controls select:focus {
  border-color: #1d6f42;
  outline: 2px solid rgba(29, 111, 66, 0.15);
}

.admin-call-menu-picker > footer {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 10px;
  min-height: 76px;
  padding: 11px 16px;
  border-top: 1px solid #dce2df;
  color: #252b28;
  background: #fff;
}

.admin-call-menu-picker > footer button {
  display: flex;
  gap: 9px;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border-radius: 7px;
  font-family: "Youth", "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 18px;
}

.admin-call-menu-picker > footer .admin-call-menu-picker-cancel {
  color: #303733;
  border-color: #d2d9d5;
  background: #eef1f0;
}

.admin-call-menu-picker > footer .admin-call-menu-picker-add {
  color: #fff;
  border-color: #1d6f42;
  background: #1d6f42;
}

.admin-call-menu-picker > footer button:hover {
  filter: none;
}

.admin-call-menu-picker > footer .admin-call-menu-picker-cancel:hover {
  background: #e3e8e5;
}

.admin-call-menu-picker > footer .admin-call-menu-picker-add:hover {
  background: #175d37;
}

.admin-call-menu-picker > footer img {
  width: 23px;
  height: 23px;
  opacity: 0.78;
}

.admin-call-menu-picker > footer .admin-call-menu-picker-add img {
  filter: invert(1);
  opacity: 1;
}

.admin-call-register-shell.is-busy::after {
  position: absolute;
  z-index: 50;
  inset: 0;
  content: "";
  background: rgba(255, 255, 255, 0.42);
}

@container (max-width: 500px) {
  .admin-call-register-base {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .admin-call-register-phone,
  .admin-call-register-origin {
    grid-column: 1 / -1;
  }

  .admin-call-register-address-row,
  .admin-call-register-address-detail,
  .admin-call-register-workspace,
  .admin-call-register-benefits,
  .admin-call-register-requests {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-call-register-address-detail .admin-call-register-delivery-calc {
    border-left: 0;
    border-top: 1px solid #d3d8dd;
  }

  .admin-call-register-menu-pane {
    padding-right: 0;
    padding-bottom: 8px;
    border-right: 0;
    border-bottom: 1px solid #d4d9de;
  }

  .admin-call-register-benefits .admin-call-register-section-title,
  .admin-call-register-requests .admin-call-register-section-title {
    grid-column: 1;
  }
}

.admin-call-register-viewbar {
  display: flex;
  flex: 0 0 48px;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-width: 0;
  height: 48px;
  padding: 5px 10px;
  border-bottom: 1px solid #cfd5db;
  background: #f8fafc;
}

.admin-call-register-viewtabs {
  display: grid;
  grid-template-columns: repeat(4, 96px);
  gap: 3px;
  flex: 0 0 auto;
  height: 38px;
  padding: 2px;
  border: 1px solid #cfd8e4;
  border-radius: 5px;
  background: #e9eef5;
}

.admin-call-register-viewtabs button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  height: 32px;
  padding: 0 9px;
  border: 0;
  border-radius: 3px;
  color: #5c6878;
  background: transparent;
  font-family: inherit;
  font-size: 14px;
  white-space: nowrap;
}

.admin-call-register-viewtabs button:hover {
  color: #244f82;
  background: rgba(255, 255, 255, 0.72);
}

.admin-call-register-viewtabs button.active {
  color: #fff;
  background: #315b91;
  box-shadow: 0 1px 3px rgba(35, 63, 99, 0.22);
}

.admin-call-register-viewtabs i {
  font-size: 14px;
}

.admin-call-register-current-rider {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
  overflow: hidden;
  color: #7a8695;
  font-size: 13px;
  white-space: nowrap;
}

.admin-call-register-order-rider {
  display: grid;
  grid-template-rows: 18px 18px;
  flex: 0 1 150px;
  align-items: center;
  justify-items: end;
  min-width: 118px;
  height: 38px;
  overflow: hidden;
}

.admin-call-register-order-number {
  max-width: 100%;
  overflow: hidden;
  color: #2d4058;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-current-rider > i {
  flex: 0 0 auto;
  color: #8a96a5;
  font-size: 15px;
}

.admin-call-register-current-rider.assigned > i,
.admin-call-register-current-rider.assigned > strong {
  color: #1d6f42;
}

.admin-call-register-current-rider > strong,
.admin-call-register-current-rider > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.admin-call-register-current-rider > strong {
  flex: 0 1 auto;
  font-size: 16px;
  font-weight: 700;
}

.admin-call-register-current-rider > span {
  flex: 0 1 auto;
}

.admin-call-rider-view {
  display: grid;
  grid-template-rows: 46px minmax(0, 1fr);
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  background: #f5f7fa;
}

.admin-call-rider-view-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 0 14px;
  border-bottom: 1px solid #d8e0e9;
  color: #34465d;
  background: #eef2f7;
}

.admin-call-rider-view-head > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.admin-call-rider-view-head i {
  color: #476f9e;
  font-size: 15px;
}

.admin-call-rider-view-head strong {
  min-width: 0;
  overflow: hidden;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-rider-view-head em {
  color: #66758a;
  font-size: 13px;
  font-style: normal;
  white-space: nowrap;
}

.admin-call-rider-card-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(96px, auto);
  gap: 10px;
  align-content: start;
  min-height: 0;
  padding: 12px;
  overflow-x: hidden;
  overflow-y: auto;
}

.admin-call-rider-card {
  position: relative;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  grid-template-rows: minmax(22px, auto) minmax(20px, auto);
  gap: 4px 7px;
  align-items: center;
  min-width: 0;
  min-height: 96px;
  padding: 12px;
  border: 1px solid #ccd5df;
  border-radius: 6px;
  color: #28384c;
  text-align: left;
  background: #fff;
  box-shadow: 0 1px 3px rgba(36, 54, 78, 0.07);
}

.admin-call-rider-card:hover:not(:disabled) {
  border-color: #6088b8;
  background: #f7fbff;
  box-shadow: 0 2px 7px rgba(42, 77, 119, 0.14);
}

.admin-call-rider-card.selected {
  border: 2px solid #1f7a4b;
  padding: 11px;
  background: #f1faf5;
  box-shadow: inset 0 0 0 1px rgba(31, 122, 75, 0.08);
}

.admin-call-rider-card:disabled {
  cursor: default;
}

.admin-call-rider-card:disabled:not(.selected) {
  opacity: 0.58;
}

.admin-call-rider-card-icon {
  grid-row: 1 / 3;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: #426b9c;
  background: #e9f0f8;
}

.admin-call-rider-card.selected .admin-call-rider-card-icon {
  color: #fff;
  background: #1f7a4b;
}

.admin-call-rider-card-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.admin-call-rider-card-copy strong,
.admin-call-rider-card-copy small,
.admin-call-rider-card-phone {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-rider-card-copy strong {
  font-size: 17px;
}

.admin-call-rider-card-copy small {
  color: #778397;
  font-size: 12px;
}

.admin-call-rider-card-phone {
  grid-column: 2;
  color: #526278;
  font-family: Arial, sans-serif;
  font-size: 13px;
}

.admin-call-rider-card-state {
  grid-column: 3;
  grid-row: 2;
  min-width: 44px;
  padding: 4px 7px;
  border-radius: 3px;
  color: #677486;
  background: #e9edf2;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
}

.admin-call-rider-card-state.working {
  color: #17603a;
  background: #dff3e8;
}

.admin-call-rider-card-selected {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #1f7a4b;
  font-size: 15px;
}

.admin-call-rider-empty {
  grid-column: 1 / -1;
  display: grid;
  place-items: center;
  min-height: 180px;
  margin: 0;
  color: #7a8697;
  font-size: 14px;
  text-align: center;
}

.admin-call-payment-view {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 14px 16px;
  overflow-x: hidden;
  overflow-y: auto;
  color: #2c394b;
  background: #f5f7fa;
}

.admin-call-payment-summary {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 82px;
  padding: 12px 16px;
  border: 1px solid #cfd8e3;
  border-radius: 6px 6px 0 0;
  background: #fff;
}

.admin-call-payment-icon {
  display: grid;
  place-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #315b91;
  background: #e8eff8;
  font-size: 21px;
}

.admin-call-payment-summary > span:nth-child(2) {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.admin-call-payment-summary small {
  color: #718096;
  font-size: 13px;
}

.admin-call-payment-summary strong {
  display: inline-flex;
  gap: 4px;
  align-items: baseline;
  color: #203c66;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 28px;
  font-weight: 400;
}

.admin-call-payment-summary strong em {
  color: #52647b;
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 14px;
  font-style: normal;
}

.admin-call-payment-summary > b {
  min-width: 76px;
  padding: 8px 12px;
  border-radius: 4px;
  color: #fff;
  background: #66778d;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
}

.admin-call-payment-summary > b.approved { background: #2874c6; }
.admin-call-payment-summary > b.cancel { background: #d04444; }
.admin-call-payment-summary > b.pending { background: #d17822; }
.admin-call-payment-summary > b.failed { background: #a84a55; }
.admin-call-payment-summary > b.offline { background: #657284; }

.admin-call-payment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-right: 1px solid #cfd8e3;
  border-bottom: 1px solid #cfd8e3;
  border-left: 1px solid #cfd8e3;
  background: #fff;
}

.admin-call-payment-field {
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  min-width: 0;
  min-height: 52px;
  border-bottom: 1px solid #e0e5eb;
}

.admin-call-payment-field:nth-child(odd):not(.wide) {
  border-right: 1px solid #e0e5eb;
}

.admin-call-payment-field.wide {
  grid-column: 1 / -1;
}

.admin-call-payment-field > span,
.admin-call-payment-field > strong {
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 9px 12px;
}

.admin-call-payment-field > span {
  justify-content: center;
  color: #526176;
  background: #f0f3f7;
  font-size: 14px;
}

.admin-call-payment-field > strong {
  overflow: hidden;
  color: #253449;
  font-family: "Nanum Gothic", "Malgun Gothic", sans-serif;
  font-size: 15px;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.admin-call-payment-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 12px;
}

.admin-call-payment-actions button {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  min-width: 148px;
  height: 46px;
  padding: 0 20px;
  border: 1px solid #c73737;
  border-radius: 5px;
  color: #fff;
  background: #d64040;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.admin-call-payment-actions button:hover:not(:disabled) {
  background: #bd3030;
}

.admin-call-payment-actions button:disabled {
  border-color: #c8cfd7;
  color: #8793a2;
  background: #e8ebef;
  cursor: default;
}

.admin-call-register-statusbar {
  display: grid;
  grid-template-columns: auto auto auto minmax(0, 1fr);
  gap: 7px;
  align-items: center;
  min-height: 34px;
  padding: 4px 9px;
  border-bottom: 1px solid #cfd5db;
  background: #fff;
  font-size: 12px;
}

.admin-call-register-statusbar > strong {
  color: #263f6b;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.admin-call-register-state,
.admin-call-register-source {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 24px;
  border-radius: 4px;
  padding: 0 7px;
  color: #fff;
  background: #64748b;
  white-space: nowrap;
}

.admin-call-register-state.ready { color: #7a4a00; background: #fff0c9; }
.admin-call-register-state.approve { background: #ef5b20; }
.admin-call-register-state.accept { background: #2f6fc7; }
.admin-call-register-state.assign { background: #6f58c9; }
.admin-call-register-state.pickup { background: #21867a; }
.admin-call-register-state.done { background: #2f8f46; }
.admin-call-register-state.cancel { background: #d7375f; }
.admin-call-register-source { color: #3c4d63; background: #e8edf4; }

.admin-call-register-lock-message {
  min-width: 0;
  overflow: hidden;
  color: #58677a;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-call-register-footer {
  height: 110px;
  min-height: 110px;
}

.admin-call-register-assignment {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 126px;
  gap: 5px;
  width: 100%;
  height: 36px;
}

.admin-call-register-assignment select,
.admin-call-register-assignment button {
  min-width: 0;
  height: 36px;
  border: 1px solid #aeb7c0;
  border-radius: 3px;
  font-family: inherit;
  font-size: 13px;
}

.admin-call-register-assignment select {
  padding: 0 8px;
  color: #263548;
  background: #fff;
}

.admin-call-register-assignment button {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-color: #3156a6;
  background: #3156a6;
  cursor: pointer;
}

.admin-call-register-assignment select:disabled,
.admin-call-register-assignment button:disabled {
  color: #9299a0;
  border-color: #d4d9de;
  background: #eceff1;
  cursor: default;
}

.admin-call-register-actions button {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  justify-content: center;
}

.admin-call-register-qty button i { font-size: 14px; }
.admin-call-register-remove i { color: #c43c3c; font-size: 14px; }
.admin-call-register-remove:disabled {
  opacity: .42;
  cursor: default;
}
.admin-call-register-menu-pane.is-locked .admin-call-register-menu-grid > button {
  color: #66717d;
  border-color: #d3d8de;
  background: #f2f4f6;
  cursor: default;
  opacity: .72;
}
.admin-call-menu-picker-title > i { color: #1d6f42; font-size: 25px; }
.admin-call-menu-picker-icon-close i { color: #66736c; font-size: 21px; }
.admin-call-menu-picker > footer i { font-size: 21px; }

.admin-call-menu-picker :where(strong, b, legend, em, label, button, input, select, span) { font-weight: 400 !important; }
.admin-call-menu-picker fieldset label { min-width: 0; white-space: nowrap; }
.admin-call-menu-picker fieldset label > span,
.admin-call-menu-picker fieldset label > strong { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-call-menu-picker fieldset { grid-template-columns: minmax(0, 1fr) !important; }

.admin-call-register-shell.is-readonly .admin-call-register-scroll input,
.admin-call-register-shell.is-readonly .admin-call-register-scroll select,
.admin-call-register-shell.is-readonly .admin-call-register-scroll button {
  pointer-events: none;
}

.admin-call-register-shell.is-readonly .admin-call-register-scroll input:not([readonly]),
.admin-call-register-shell.is-readonly .admin-call-register-scroll select {
  color: #59636e;
  background: #f3f5f7;
}

.admin-call-register-shell.is-readonly .admin-call-register-cancel-control select,
.admin-call-register-shell.is-readonly .admin-call-register-cancel-control button {
  pointer-events: auto;
}

.admin-call-register-shell.is-readonly .admin-call-register-cancel-control select:not(:disabled) {
  color: #30363d;
  background: #fff;
}

.admin-call-register-active.is-busy { position: relative; }
.admin-call-register-active.is-busy::after {
  position: absolute;
  z-index: 80;
  inset: 0;
  content: "";
  background: rgba(255, 255, 255, .46);
}

.admin-call-dialog-backdrop {
  position: fixed;
  z-index: 300;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(24, 32, 43, .48);
}

.admin-call-dialog {
  width: min(420px, 100%);
  overflow: hidden;
  border: 1px solid #bdc9d8;
  border-radius: 7px;
  color: #263548;
  background: #fff;
  box-shadow: 0 14px 38px rgba(22, 35, 53, .24);
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
}

.admin-call-dialog header {
  display: flex;
  gap: 8px;
  align-items: center;
  min-height: 46px;
  padding: 0 16px;
  border-bottom: 1px solid #dce3ec;
  color: #fff;
  background: #3149b7;
}

.admin-call-dialog header strong { font-weight: 400; }
.admin-call-dialog p {
  margin: 0;
  padding: 24px 20px;
  font-size: 14px;
  line-height: 1.65;
  text-align: center;
  white-space: pre-line;
  word-break: keep-all;
}

.admin-call-dialog footer {
  display: flex;
  gap: 7px;
  justify-content: flex-end;
  padding: 10px 14px 14px;
}

.admin-call-dialog footer button {
  min-width: 92px;
  height: 38px;
  border: 1px solid #b8c3d1;
  border-radius: 4px;
  color: #3a485b;
  background: #f4f6f9;
  font-family: inherit;
  cursor: pointer;
}

.admin-call-dialog footer button.primary {
  color: #fff;
  border-color: #3149b7;
  background: #3149b7;
}

.admin-rider-map-panel {
  width: 100%;
  height: 100vh;
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--admin-shadow);
}

.admin-rider-map-head {
  position: relative;
  z-index: 20;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 12px 0 15px;
  border-bottom: 1px solid #dce4ef;
  background: #f8faff;
}

.admin-rider-map-heading {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.admin-rider-map-heading strong {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  overflow: hidden;
  color: #263548;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-rider-map-heading strong i { color: #167d8d; font-size: 15px; }
.admin-rider-map-heading > span { color: #788397; font-size: 11px; font-weight: 400; white-space: nowrap; }

.admin-rider-map-summary {
  min-width: 0;
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 13px;
  color: #56647a;
  font-size: 11px;
  white-space: nowrap;
}

.admin-rider-map-summary > span { display: inline-flex; align-items: center; gap: 4px; }
.admin-rider-map-summary > span > i { width: 8px; height: 8px; border-radius: 50%; background: #9aa5b4; }
.admin-rider-map-summary > span > i.live { background: #17a47d; }
.admin-rider-map-summary > span > i.stale { background: #f1a12f; }
.admin-rider-map-summary > span > i.missing { background: #9aa5b4; }
.admin-rider-map-summary b { min-width: 10px; color: #263548; font-weight: 400; text-align: right; }

.admin-rider-map-summary button {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border: 1px solid #cfd9e6;
  border-radius: 5px;
  padding: 0;
  color: #40506a;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
}

.admin-rider-map-summary button:hover { color: #fff; border-color: var(--admin-blue); background: var(--admin-blue); }
.admin-rider-map-summary button:disabled { cursor: default; opacity: .72; }
.admin-rider-map-summary button.loading i { animation: admin-rider-map-spin .8s linear infinite; }

.admin-rider-map-stage { position: relative; min-width: 0; min-height: 0; overflow: hidden; background: #e9eef4; }
.admin-rider-map-canvas { position: absolute; inset: 0; width: 100%; height: 100%; }

.admin-rider-map-message {
  position: absolute;
  z-index: 8;
  top: 50%;
  left: 50%;
  min-width: 260px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(192, 203, 217, .94);
  border-radius: 6px;
  padding: 14px 18px;
  color: #526174;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 22px rgba(38, 53, 72, .15);
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}

.admin-rider-map-message[hidden] { display: none; }

.admin-rider-map-missing-list {
  position: absolute;
  z-index: 9;
  right: 12px;
  bottom: 12px;
  max-width: min(520px, calc(100% - 24px));
  display: flex;
  align-items: center;
  gap: 8px;
  overflow: hidden;
  border: 1px solid rgba(201, 211, 224, .96);
  border-radius: 6px;
  padding: 8px 10px;
  color: #536177;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 7px 18px rgba(38, 53, 72, .15);
  font-size: 11px;
}

.admin-rider-map-missing-list[hidden] { display: none; }
.admin-rider-map-missing-list strong { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 5px; color: #58677c; font-weight: 400; }
.admin-rider-map-missing-list span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.admin-rider-map-marker {
  position: relative;
  min-width: 88px;
  height: 34px;
  display: grid;
  grid-template-columns: 22px minmax(42px, auto);
  grid-template-rows: 17px 12px;
  align-items: center;
  column-gap: 3px;
  overflow: visible;
  border: 1px solid #7b8797;
  border-radius: 6px;
  padding: 2px 7px 2px 5px;
  color: #263548;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 4px 11px rgba(29, 43, 62, .22);
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}

.admin-rider-map-marker::after {
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  content: "";
  transform: translateX(-50%) rotate(45deg);
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  color: inherit;
  background: #fff;
}

.admin-rider-map-marker > i { grid-column: 1; grid-row: 1 / 3; justify-self: center; color: #68758a; font-size: 14px; }
.admin-rider-map-marker > span { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; font-size: 12px; text-overflow: ellipsis; }
.admin-rider-map-marker > em { grid-column: 2; grid-row: 2; color: #7b8797; font-size: 9px; font-style: normal; line-height: 11px; }
.admin-rider-map-marker.live { border-color: #15906d; color: #1f5f4e; }
.admin-rider-map-marker.live > i { color: #15906d; }
.admin-rider-map-marker.stale { border-color: #d19034; color: #70511e; }
.admin-rider-map-marker.stale > i { color: #d19034; }
.admin-rider-map-marker.store { border-color: #e56138; color: #7d331c; }
.admin-rider-map-marker.store > i { color: #e56138; }
.admin-rider-map-marker.store.selected { border-color: #2f5d9a; color: #244d84; }
.admin-rider-map-marker.store.selected > i { color: #2f5d9a; }
.admin-rider-map-marker.selected { z-index: 5; border-width: 2px; border-color: #3149b7; color: #263eac; box-shadow: 0 5px 15px rgba(49, 73, 183, .3); }
.admin-rider-map-marker.selected > i { color: #3149b7; }

.admin-setting-map-focus {
  max-width: 180px;
  padding: 5px 8px;
  overflow: hidden;
  border: 1px solid #9e3d24;
  border-radius: 4px;
  color: #fff;
  background: #b84b2d;
  box-shadow: 0 3px 10px rgba(66, 31, 20, .3);
  font-family: "Jeju Gothic", "Malgun Gothic", sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes admin-rider-map-spin {
  to { transform: rotate(360deg); }
}

.admin-bank-account-control { display: grid; grid-template-columns: minmax(0, 1fr) 124px; gap: 8px; min-width: 0; }
.admin-bank-account-control > input { min-width: 0; }
.admin-bank-account-control > button {
  height: 38px;
  border: 1px solid #47785f;
  border-radius: 4px;
  background: #e8f3ed;
  color: #285a42;
  font-family: "Youth", "Jeju Gothic", sans-serif;
  font-size: 14px;
  font-weight: normal;
  white-space: nowrap;
}
.admin-bank-account-control > button.registered { border-color: #a15b5b; background: #f7eaea; color: #803838; }
.admin-biz-field .admin-bank-account-control > button { height: 30px; }
.admin-rider-edit-field .admin-bank-account-control { display: grid; overflow: visible; color: inherit; font-size: inherit; line-height: normal; }
.admin-rider-setting-page .admin-rider-edit-field .admin-bank-account-control { grid-template-columns: minmax(0, 1fr) 42px; gap: 4px; }
.admin-rider-setting-page .admin-rider-edit-field .admin-bank-account-control > input { width: 100%; min-width: 0; }
.admin-rider-setting-page .admin-rider-edit-field .admin-bank-account-control > button { height: 34px; }
.admin-rider-setting-page .admin-rider-edit-field .admin-bank-account-control > button[data-bank-compact-label] { width: 42px; min-width: 42px; display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); align-items: center; justify-items: center; padding: 2px 1px; font-size: 12px; line-height: 1; white-space: normal; }
.admin-rider-setting-page .admin-bank-compact-line { display: block; line-height: 13px; }
html[data-admin-theme="night"] .admin-bank-account-control > button { border-color: #587d69; background: #25382f; color: #d6e8de; }
html[data-admin-theme="night"] .admin-bank-account-control > button.registered { border-color: #8d6262; background: #3c2c2c; color: #efd8d8; }
html[data-admin-theme="night"] .admin-bank-pay-simple { border-color: #3d4a59; background: #202832; }
html[data-admin-theme="night"] .admin-bank-pay-title { color: #edf2f7; }
html[data-admin-theme="night"] .admin-bank-pay-summary { border-color: #3d4a59; }
html[data-admin-theme="night"] .admin-bank-pay-summary > span { color: #97a5b7; }
html[data-admin-theme="night"] .admin-bank-pay-summary > strong { color: #edf2f7; }
html[data-admin-theme="night"] .admin-bank-pay-action.registered { border-color: #8d626f; color: #f1c8d5; background: #3b2931; }
html[data-admin-theme="night"] .admin-bank-pay-action:disabled { border-color: #46515e; color: #778494; background: #29323c; }
html[data-admin-theme="night"] .admin-bank-pay-charge { border-color: #3d4a59; }
html[data-admin-theme="night"] .admin-bank-pay-charge input { border-color: #46515e; color: #edf2f7; background: #29323c; }
html[data-admin-theme="night"] .admin-bank-pay-charge-unit { color: #aeb8c5; }
html[data-admin-theme="night"] .admin-bank-pay-charge button:disabled,
html[data-admin-theme="night"] .admin-bank-pay-charge input:disabled { border-color: #46515e; color: #778494; background: #252d36; }
@media (max-width: 700px) {
  .admin-bank-pay-simple { gap: 12px; padding: 13px; }
  .admin-bank-pay-account-row { grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; }
  .admin-bank-pay-summary { padding-left: 10px; }
  .admin-bank-pay-action { min-width: 112px; padding-right: 10px; padding-left: 10px; }
  .admin-bank-pay-charge { grid-template-columns: minmax(0, 1fr) auto 112px; padding-top: 12px; }
}

.admin-terms-mail {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  border: 0;
  border-left: 1px solid #e7edf5;
  border-radius: 0;
  padding: 4px 0 0 18px;
  background: transparent;
}
.admin-terms-mail-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.admin-terms-mail-title { min-width: 0; display: grid; gap: 2px; }
.admin-terms-mail-title strong { color: #253143; font-family: "Youth", "Malgun Gothic", sans-serif; font-size: 15px; font-weight: 400; }
.admin-terms-mail-title span { color: #6a778c; font-size: 12px; }
.admin-terms-mail-head button { height: 28px; display: inline-flex; align-items: center; gap: 4px; border: 0; border-radius: 5px; padding: 0 10px; color: #3149b7; background: #f2f5ff; font-size: 12px; cursor: pointer; }
.admin-terms-mail-head button:hover { background: #e5ebfb; }
.admin-terms-mail-list { min-width: 0; flex: 1 1 auto; overflow: auto; }
.admin-terms-mail-table { min-width: 0; }
.admin-terms-mail-row { display: grid; grid-template-columns: 168px 100px minmax(0, 1fr); align-items: center; min-height: 38px; border: 0; border-bottom: 1px solid #eef2f7; border-radius: 0; padding: 0 4px; font-size: 13px; color: #253143; background: transparent; }
.admin-terms-mail-row.head { min-height: 32px; color: #6a778c; font-size: 12px; border-bottom: 1px solid #dbe3ef; }
.admin-terms-mail-row.pending { background: transparent; }
.admin-terms-mail-date { color: #253143; }
.admin-terms-mail-count { color: #253143; font-variant-numeric: tabular-nums; }
.admin-terms-mail-state { color: #1c7a45; }
.admin-terms-mail-row.pending .admin-terms-mail-state { color: #9a5b0b; }
.admin-terms-mail-empty { margin: 0; padding: 28px 8px; color: #8b95a7; font-size: 13px; text-align: left; }