/* EAPS Mail — focused, accessible workspace. */
:root {
  color-scheme: light;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', 'Apple SD Gothic Neo', Arial, sans-serif;
  font-size: 14px;
  color: #202938;
  background: #f7f8fb;
  --sidebar: 232px;
  --text: #202938;
  --muted: #616d80;
  --subtle: #616d80;
  --line: #e2e6ed;
  --surface: #ffffff;
  --canvas: #f7f8fb;
  --accent: #4f46e5;
  --accent-dark: #4338ca;
  --accent-soft: #eeedff;
  --amber: #8a5708;
  --radius: 12px;
  --shadow: 0 1px 3px #18233605, 0 4px 14px #18233603;
}
* { box-sizing: border-box; }
body { margin: 0; min-width: 360px; line-height: 1.5; }
[hidden] { display: none !important; }
button, input, textarea, select { font: inherit; }
button, input, textarea, select, summary { -webkit-tap-highlight-color: transparent; }
button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 9px 15px; border: 1px solid #dce1e9; border-radius: 8px; background: #fff; color: #344155; font-weight: 600; cursor: pointer; transition: background .12s ease, border-color .12s ease, box-shadow .12s ease; }
button:hover { background: #f3f5f9; border-color: #cbd2df; }
button:active { background: #e9edf4; }
button:disabled { opacity: .48; cursor: not-allowed; }
button.primary { background: var(--accent); border-color: var(--accent); color: #fff; box-shadow: 0 1px 2px #3730a320; }
button.primary:hover { background: var(--accent-dark); border-color: var(--accent-dark); }
button.primary:active { background: #3730a3; }
input, textarea, select { width: 100%; min-height: 42px; padding: 10px 12px; margin-top: 7px; border: 1px solid #d9dfe8; border-radius: 8px; background: #fff; color: var(--text); transition: border-color .12s ease, box-shadow .12s ease; }
input:hover, textarea:hover, select:hover { border-color: #bfc8d8; }
input:disabled, textarea:disabled, select:disabled { background: #f5f6f9; color: #657286; }
input::placeholder, textarea::placeholder { color: #616d80; opacity: 1; }
input:focus, textarea:focus, select:focus { outline: 0; border-color: #756bed; box-shadow: 0 0 0 3px #4f46e515; }
button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid #9189f6; outline-offset: 3px; }
input[type=checkbox] { appearance: auto; accent-color: var(--accent); width: 17px; height: 17px; min-height: 0; margin: 0 8px 0 0; vertical-align: -3px; flex: 0 0 auto; cursor: pointer; }
input[type=file] { padding: 9px; }
input[type=date], input[type=datetime-local] { color: #344155; }
textarea { min-height: 155px; line-height: 1.7; resize: vertical; }
label { display: block; margin: 14px 0; font-size: 14px; font-weight: 600; color: #485369; }
label:has(input[type=checkbox]) { font-weight: 500; }
svg { flex: 0 0 auto; }
button svg { width: 18px; height: 18px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
h1, h2, h3, p { margin-top: 0; }
h1 { font-size: 28px; line-height: 1.3; letter-spacing: -.8px; font-weight: 750; margin-bottom: 0; }
h2 { font-size: 17px; line-height: 1.4; font-weight: 700; margin-bottom: 16px; letter-spacing: -.25px; }
h3 { font-size: 15px; font-weight: 700; margin-bottom: 12px; }
p { color: var(--muted); line-height: 1.7; margin-bottom: 14px; }
small { font-size: 12px; color: var(--muted); }
.muted { font-size: 13px; font-weight: 400; color: var(--muted); }
.quiet-delete { color: #a04646; background: transparent; border-color: #e7dede; font-size: 12px; }
.quiet-delete:hover { color: #8c3030; background: #fff4f4; border-color: #e8c6c6; }
/* Navigation */
aside { position: fixed; inset: 0 auto 0 0; width: var(--sidebar); z-index: 30; display: flex; flex-direction: column; padding: 26px 16px 20px; background: #f6f7fa; border-right: 1px solid var(--line); overflow-y: auto; }
.app-logo { display: flex; align-items: center; gap: 11px; padding: 0 10px 27px; }
.app-logo .logo-mark, .app-logo > svg, .app-logo > span:first-child { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; flex: 0 0 36px; border-radius: 10px; background: var(--accent); color: white; font-size: 20px; font-weight: 800; }
.app-logo .logo-name, .app-logo strong { display: block; font-size: 18px; line-height: 1.2; font-weight: 750; letter-spacing: -.4px; color: #242d40; }
.app-logo small, .app-logo > div > span { display: block; font-size: 11px; color: #616d80; margin-top: 4px; letter-spacing: .2px; }
aside > h2 { padding: 0 10px; font-size: 20px; }
aside > p { padding: 0 10px; font-size: 12px; }
nav { display: flex; flex-direction: column; gap: 5px; }
.nav-section-label { font-size: 11px; font-weight: 700; color: #616d80; letter-spacing: .6px; padding: 21px 12px 8px; }
.nav-section-label:first-child { padding-top: 0; }
nav button { display: flex; justify-content: flex-start; gap: 11px; width: 100%; min-height: 43px; padding: 11px 12px; border: 0; background: transparent; text-align: left; font-size: 14px; font-weight: 550; color: #596579; border-radius: 8px; }
nav button:hover { background: #e9ecf2; color: #28364b; }
nav button.active { background: #e8e7fc; color: #4338ca; font-weight: 700; }
.nav-icon, .nav-icon svg { display: inline-flex; width: 19px; height: 19px; }
.nav-label { line-height: 1.4; }
.nav-count { display: inline-flex; align-items: center; justify-content: center; min-width: 21px; height: 21px; margin-left: auto; padding: 0 5px; border-radius: 5px; background: #e3e5ed; color: #536078; font-size: 11px; font-weight: 700; }
.active .nav-count { background: #d8d4fb; color: #4338ca; }
.asidefoot { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 26px 4px 0; color: var(--muted); font-size: 12px; }
.asidefoot > div:nth-child(2) { min-width: 0; flex: 1; }
.asidefoot small { display: block; margin-top: 3px; font-size: 10px; letter-spacing: .3px; }
.user-avatar { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #e1e3eb; border-radius: 50%; color: #626b80; background: #fff; font-size: 12px; font-weight: 700; }
.asidefoot > span, #identity { display: block; color: #344155; font-weight: 600; overflow: hidden; text-overflow: ellipsis; }
.asidefoot button { justify-content: center; flex: 0 0 30px; width: 30px; background: transparent; border: 0; min-height: 32px; padding: 5px; color: var(--muted); }
.asidefoot button:hover { color: #4338ca; }
/* Page shell */
main { width: calc(100% - var(--sidebar)); margin-left: var(--sidebar); padding: 0 36px 36px; }
main > header, #workspace, #notice { max-width: 1480px; margin-left: auto; margin-right: auto; }
.topbar { height: 66px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid var(--line); margin: 0 -36px 28px; padding: 0 36px; color: #616d80; background: #fff; font-size: 12px; }
.breadcrumb { display: flex; align-items: center; gap: 9px; }
.breadcrumb strong { font-weight: 600; color: #4a566a; }
.topbar-meta { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #6b778b; }
.connection-dot { width: 6px; height: 6px; border-radius: 50%; background: #8b95a7; }
.connection-dot.is-connected { background: #169773; }
header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.page-eyebrow, header > div > small { display: block; font-size: 11px; font-weight: 650; color: #616d80; letter-spacing: 1.5px; margin-bottom: 8px; }
#pageDescription:empty { display: none; }
#pageDescription { margin: 9px 0 0; font-size: 13px; }
.badge { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; padding: 6px 10px; color: #6b5a32; background: #fff9eb; border: 1px solid #ece0bd; border-radius: 6px; white-space: nowrap; }
#mode { color: #667187; background: #f5f6f9; border-color: #e1e5ed; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 24px; margin-bottom: 20px; box-shadow: var(--shadow); }
.card > :last-child { margin-bottom: 0; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 20px; }
.section-heading h2, .section-heading h3 { margin-bottom: 0; }
.button-group { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.status-chip { display: inline-flex; align-items: center; padding: 5px 9px; border: 1px solid #e2e5ed; border-radius: 5px; background: #f5f6fa; color: #616d80; font-size: 12px; font-weight: 500; white-space: nowrap; }
.status-chip.is-missing { background: #fff7e8; border-color: #eeddb5; color: #865309; }
.row { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.row h2, .row h3 { margin-bottom: 0; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.grid > * { min-width: 0; }
.columns { display: grid; grid-template-columns: 272px minmax(0, 1fr); align-items: start; gap: 22px; }
.empty { display: grid; place-items: center; align-content: center; gap: 8px; min-height: 220px; text-align: center; padding: 42px 22px; color: #616d80; }
.empty h2, .empty h3, .empty p { margin: 0; }
.empty svg { width: 38px; height: 38px; color: #a1aabd; }
.warning { margin: 12px 0; padding: 11px 14px; color: #83520a; background: #fff8e9; border: 1px solid #f1dfb3; border-radius: 7px; font-size: 13px; line-height: 1.65; overflow-wrap: anywhere; }
#notice:not(:empty) { margin-bottom: 20px; padding: 11px 15px; background: #f0f2ff; border: 1px solid #dedffa; color: #514c87; border-radius: 8px; white-space: pre-wrap; font-size: 13px; line-height: 1.6; }
#login { max-width: 430px; margin: 64px auto; }
#loginForm .primary { width: 100%; margin-top: 10px; }
details { margin: 16px 0; }
summary { color: #59667c; font-size: 13px; font-weight: 600; cursor: pointer; padding: 5px 0; }
summary::marker { color: #8b94a8; }
summary:hover { color: var(--accent); }
.backlink { min-height: 34px; margin-bottom: 17px; padding: 5px 0; border: 0; background: transparent; color: #646d82; }
.backlink:hover { color: var(--accent); background: transparent; }
/* Three-step work path */
.workflow-strip { display: flex; align-items: center; gap: 0; margin: 0 0 24px; padding: 15px 20px; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.workflow-step { position: relative; display: flex; align-items: center; gap: 10px; flex: 0 0 auto; min-height: 34px; padding: 0 10px; color: #616d80; font-size: 13px; font-weight: 600; border: 0; background: transparent; box-shadow: none; }
.workflow-step:first-child { padding-left: 0; }
.workflow-step:last-child { padding-right: 0; }
.workflow-step:hover { color: #4338ca; background: #f7f6ff; }
.step-line { flex: 1; height: 1px; background: #e5e8ee; margin: 0 22px; }
.step-number { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 27px; width: 27px; height: 27px; border: 1px solid #e0e4ec; border-radius: 50%; background: #f7f8fb; font-size: 12px; color: #616d80; }
.workflow-step.is-current { color: #4338ca; }
.workflow-step.is-current .step-number { color: #fff; background: var(--accent); border-color: var(--accent); }
.workflow-step.is-complete { color: #525d73; }
.workflow-step.is-complete .step-number { color: #4f46e5; background: #eeedff; border-color: #dbd8fd; }
/* File input */
.upload-layout { display: grid; grid-template-columns: minmax(0, 1fr) 284px; gap: 24px; align-items: start; }
.upload-main { padding: 28px; }
.upload-main h2 { font-size: 18px; }
.file-format, .session-tag { color: #616d80; font-size: 11px; font-weight: 500; white-space: nowrap; }
.file-format { letter-spacing: .4px; }
.file-picker-label { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; margin-top: 21px; padding: 7px 15px; border: 1px solid #dddfee; border-radius: 7px; background: #fff; color: #5146bd; font-size: 13px; font-weight: 600; box-shadow: 0 1px 2px #18233605; }
.upload-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 260px; margin: 0; padding: 34px 20px; border: 1.5px dashed #cfd5e4; border-radius: 10px; background: #fbfcff; text-align: center; cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.upload-dropzone:hover, .upload-dropzone.is-dragover, .upload-dropzone:focus-within { border-color: #8e85ed; background: #f6f5ff; }
.upload-dropzone[aria-disabled=true] { opacity: .6; cursor: not-allowed; border-color: #d7dce8; background: #f6f7fa; }
.upload-dropzone[aria-disabled=true] .file-picker-label { color: #616d80; background: #f3f4f8; }
.upload-icon { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 18px; background: #eeedff; color: #645be4; border-radius: 14px; }
.upload-icon svg { width: 26px; height: 26px; }
.upload-title { font-size: 17px; font-weight: 650; color: #343c52; line-height: 1.5; }
.upload-hint { display: block; margin-top: 8px; font-size: 13px; font-weight: 400; color: #616d80; }
#uploadFilename { display: block; margin: 0; max-width: 100%; color: #343c52; overflow-wrap: anywhere; }
.upload-controls { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-top: 24px; }
.upload-controls label { flex: 1; max-width: 260px; margin: 0; font-size: 13px; }
.upload-controls .primary { min-width: 165px; min-height: 44px; }
.upload-summary { padding: 24px; }
.upload-summary h2 { font-size: 15px; }
.upload-summary .section-heading { margin-bottom: 24px; }
.summary-number { display: block; font-size: 42px; font-weight: 750; line-height: 1.2; letter-spacing: -1.5px; color: #28334a; }
.summary-label { display: block; margin-top: 6px; font-size: 13px; color: #616d80; }
.summary-list { display: grid; gap: 14px; padding: 20px 0; margin: 22px 0 20px; border-top: 1px solid #e8ebf1; border-bottom: 1px solid #e8ebf1; list-style: none; }
.summary-list > * { display: flex; align-items: center; justify-content: space-between; gap: 14px; color: #616d80; font-size: 13px; }
.summary-list strong, .summary-list dd { margin: 0; font-size: 14px; font-weight: 650; color: #405069; }
.upload-summary button { width: 100%; }
.upload { display: flex; justify-content: space-between; align-items: center; gap: 28px; }
.upload > div:first-child { flex: 1; }
.upload > div:last-child { min-width: 240px; }
/* Mail review */
.review-toolbar { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 17px; }
.stats { color: #6b7589; font-size: 13px; margin: 15px 0; }
.review-toolbar .stats { margin: 7px 0; }
.list { align-self: start; min-width: 0; padding: 16px 12px; }
.list h2 { margin: 0; font-size: 14px; }
.list .section-heading { padding: 2px 7px; margin-bottom: 14px; }
.count-badge { padding: 1px 6px; border-radius: 5px; background: #f0f2f7; color: #616d80; font-size: 11px; font-weight: 650; }
.list-filters { display: grid; gap: 8px; padding: 0 5px; margin-bottom: 15px; }
.list-filters input, .list-filters select { min-height: 36px; margin: 0; padding: 8px 9px; font-size: 12px; }
.list-filters select { background: #fbfcfe; }
.select-all { display: flex; align-items: center; margin: 0 4px 13px; padding: 0 3px 13px; border-bottom: 1px solid #e9ecf2; font-size: 12px; color: #616d80; }
#review .list { position: sticky; top: 18px; max-height: calc(100vh - 80px); overflow-y: auto; }
.draft-choice { display: flex; align-items: flex-start; gap: 8px; padding: 10px 7px; margin: 0 0 6px; border: 1px solid transparent; border-radius: 8px; background: #fff; }
.draft-choice:hover { background: #f8f9fc; }
.draft-choice.selected { background: #f2f1ff; border-color: #d9d5fb; }
.draft-choice > label { margin: 4px 0 0; padding: 2px; }
.draft-choice input[type=checkbox] { margin-right: 0; width: 16px; height: 16px; }
.item { display: block; width: 100%; padding: 11px 12px; text-align: left; line-height: 1.65; margin-bottom: 8px; }
.draft-choice .item { display: block; flex: 1; min-width: 0; padding: 1px 0; margin: 0; min-height: 0; border: 0; background: transparent; text-align: left; color: #27344b; font-size: 13px; font-weight: 400; }
.draft-choice .item strong { font-size: 14px; font-weight: 700; }
.draft-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }
.kind-chip { display: inline-flex; align-items: center; padding: 2px 6px; border-radius: 4px; color: #5b53ab; background: #e8e6fc; font-size: 10px; line-height: 1.5; font-weight: 650; }
.kind-chip.order { color: #36677b; background: #e8f1f5; }
.draft-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; color: #616d80; font-size: 12px; margin: 4px 0; overflow-wrap: anywhere; }
.recipient-status { display: block; font-size: 11px; line-height: 1.6; color: #616d80; overflow-wrap: anywhere; }
.recipient-status.is-missing { color: #946719; }
.draft-count { white-space: nowrap; font-size: 11px; color: #616d80; }
#editor { min-width: 0; padding: 26px; }
.review-identity { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; padding-bottom: 19px; margin-bottom: 20px; border-bottom: 1px solid #ebedf3; }
.review-identity h2 { font-size: 23px; margin: 7px 0 4px; letter-spacing: -.5px; }
.review-identity .kind-chip { padding: 4px 8px; font-size: 11px; }
.review-identity p { margin: 0; font-size: 13px; }
.review-warnings { padding: 0 0 14px; margin: -4px 0 18px; border-bottom: 1px solid #edf0f5; }
.review-warnings > summary { color: #895b14; }
.table-editor { border-top: 1px solid #edf0f5; padding-top: 12px; margin: 22px 0; }
.table-editor > .muted { margin: 10px 0; }
.table-editor .tablewrap { max-height: 340px; }
.preview-heading { align-items: flex-end; gap: 14px; margin: 24px 0 13px; }
.preview-heading p { margin: 7px 0 0; font-size: 11px; }
.preview-heading button { padding: 7px 10px; min-height: 34px; font-size: 12px; white-space: nowrap; }
.preview-shell { padding: 14px; border: 1px solid #e6e9f0; border-radius: 8px; background: #f8f9fc; overflow: auto; }
.preview-shell .preview { margin: 0 auto; }
.individual-send { margin: 24px 0 0; padding-top: 14px; border-top: 1px solid #e9ecf2; }
.individual-send .footer { border: 0; margin-top: 8px; padding-top: 0; }
.mail-fields label { margin-top: 0; }
.mail-content { margin-top: 6px; }
.mail-content textarea { min-height: 200px; }
#editor > .row { margin: 24px 0 10px; }
#editor > .row h2 { font-size: 15px; }
#editor > .row > div { display: flex; gap: 6px; }
#editor > .row button { min-height: 34px; padding: 6px 10px; font-size: 12px; }
.preview { display: block; max-width: 100%; height: auto; border: 1px solid #e0e4ec; background: white; }
.footer { border-top: 1px solid var(--line); padding-top: 20px; margin-top: 24px; }
.footer label { font-size: 13px; }
.footer > .grid { align-items: end; margin-top: 12px; }
.footer .grid label { margin-bottom: 0; }
.footer #zone { margin-bottom: 8px; font-size: 11px; }
.footer > .muted:last-child { margin-top: 12px; }
.batchbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; position: sticky; bottom: 16px; z-index: 12; padding: 18px 22px; background: #fff; box-shadow: 0 8px 35px #27345212, 0 1px 5px #27345208; border-color: #dce1eb; margin-top: 20px; }
.batchbar h2 { font-size: 15px; margin: 0; }
.batchbar p { margin: 3px 0 0; font-size: 12px; }
.batchbar label { margin: 7px 0 0; font-size: 13px; }
.batch-info { min-width: 0; }
.batch-info > strong { font-size: 14px; color: #354159; }
.batch-info #batchStatus:empty { display: none; }
.batchbar #batchStatus { margin-top: 7px; color: #6a7488; font-size: 12px; }
.batchbar .grid { align-items: end; }
.batchbar .grid > div:last-child { padding-bottom: 1px; }
.selection-tools { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.selection-tools label { margin: 0; font-size: 13px; }
#batchSend { min-width: 190px; }
.test-tools { margin: 0; max-width: 520px; }
.test-tools summary { padding: 7px 0; font-size: 12px; font-weight: 500; text-align: right; }
.test-tools[open] { flex: 0 1 520px; }
.test-tools .grid { align-items: end; gap: 12px; margin-top: 8px; padding: 15px; border: 1px solid #e1e5ee; border-radius: 8px; background: #fff; }
.test-tools label { margin: 0; font-size: 12px; }
.test-tools input { min-height: 38px; margin-top: 5px; font-size: 13px; }
.test-tools .grid > div { display: flex; flex-direction: column; align-items: stretch; gap: 7px; }
.test-tools small { font-size: 11px; }
.test-tools button { min-height: 38px; padding: 8px 10px; font-size: 12px; }
/* Image columns */
.image-options { display: grid; grid-template-columns: repeat(4, minmax(140px, 1fr)); gap: 12px; margin: 25px 0; }
.image-option { display: flex; align-items: center; gap: 11px; border: 1px solid #e0e5ee; border-radius: 9px; padding: 16px 14px; margin: 0; background: #fcfcfe; cursor: pointer; }
.image-option:hover { border-color: #c6c2f4; background: #faf9ff; }
.image-option.is-on { border-color: #bcb5f8; background: #f4f2ff; }
.image-option input { margin: 0; }
.image-option span { flex: 1; min-width: 0; }
.image-option strong { display: block; font-size: 13px; font-weight: 700; color: #3b435a; }
.image-option small { display: block; font-size: 11px; color: #616d80; margin-top: 6px; }
.image-option em { font-style: normal; font-size: 10px; color: #616d80; }
#imageSettingsStatus { color: #6a748a; font-size: 13px; }
#imageSettingsPreview { width: auto; }
/* Brand workspace */
.management-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 48px; margin-bottom: 18px; position: sticky; top: 0; z-index: 13; padding: 10px 0; background: var(--canvas); }
.management-toolbar > div { display: flex; gap: 8px; }
#managementStatus { font-size: 13px; color: #6e778b; }
.management-layout { display: grid; grid-template-columns: 232px minmax(0, 1fr); gap: 22px; align-items: start; }
.managed-sidebar { position: sticky; top: 72px; max-height: calc(100vh - 96px); overflow-y: auto; padding: 18px 12px; }
.managed-sidebar > .row { padding: 0 6px; gap: 8px; }
.managed-sidebar h2 { margin: 0; font-size: 14px; }
.managed-sidebar h2 small { display: inline-block; margin-left: 5px; padding: 1px 6px; color: #6d768c; background: #f0f2f7; border-radius: 4px; font-size: 11px; }
.managed-sidebar .primary { padding: 6px 10px; min-height: 32px; font-size: 12px; background: #f1f0ff; border-color: #dedbf9; color: #574dc9; box-shadow: none; }
.managed-sidebar .primary:hover { background: #e7e3ff; }
#managedBrandSearch { min-height: 38px; margin: 16px 0 14px; padding: 9px 11px; font-size: 13px; background: #fafbfe; }
.managed-brand { display: block; text-align: left; width: 100%; padding: 13px 11px; min-height: 64px; margin-bottom: 5px; background: transparent; border: 1px solid transparent; border-radius: 8px; }
.managed-brand:hover { background: #f6f7fb; border-color: transparent; }
.managed-brand.selected { background: #eeedff; border-color: #dbd7fb; }
.managed-brand strong { display: block; font-size: 14px; color: #2f3950; font-weight: 700; overflow-wrap: anywhere; }
.managed-brand.selected strong { color: #4d42b9; }
.managed-brand span { display: block; margin-top: 5px; font-size: 11px; color: #616d80; font-weight: 400; }
.managed-head { padding: 22px 24px; }
.parent-name { margin: 0; flex: 1; max-width: 440px; color: #616d80; font-size: 12px; font-weight: 500; }
.parent-name input { font-size: 22px; font-weight: 750; letter-spacing: -.4px; border-color: transparent; padding: 5px 0; min-height: 39px; margin-top: 4px; background: transparent; }
.parent-name input:hover { border-color: #e2e5ee; padding-left: 8px; }
.parent-name input:focus { border-color: #8880eb; padding-left: 8px; background: #fff; }
.subbrand-title { margin-top: 20px; margin-bottom: 12px; padding-top: 18px; border-top: 1px solid #edf0f5; }
.subbrand-title h3 { margin: 0; font-size: 13px; color: #59667c; }
.subbrand-title button { border: 0; background: #f3f4f9; font-size: 12px; min-height: 30px; padding: 5px 10px; }
.child-brand-fields { display: flex; flex-wrap: wrap; gap: 8px; }
.child-brand-field { display: flex; align-items: center; width: 190px; min-height: 38px; overflow: hidden; border: 1px solid #dfe3ee; border-radius: 7px; background: #fbfcff; }
.child-brand-field:focus-within { border-color: #8278e9; box-shadow: 0 0 0 3px #4f46e510; }
.child-brand-field input { min-width: 0; width: 100%; min-height: 36px; padding: 8px 10px; margin: 0; border: 0; border-radius: 0; background: transparent; font-size: 13px; box-shadow: none; }
.child-brand-field button { min-height: 32px; padding: 3px 9px; border: 0; border-radius: 0; color: #616d80; background: transparent; font-size: 19px; font-weight: 400; }
.child-brand-field button:hover { color: #a54c4c; background: #f9eeee; }
#parentBrandWarnings .warning { margin-bottom: 0; }
.country-contact { padding: 24px; }
.country-contact > .row h3 { margin: 0; font-size: 14px; }
.country-switch { display: inline-flex; gap: 3px; padding: 3px; background: #f1f3f7; border: 1px solid #e6e8ef; border-radius: 8px; }
.country-switch button { padding: 6px 12px; min-height: 32px; background: transparent; border: 1px solid transparent; font-size: 12px; color: #6e778b; border-radius: 5px; }
.country-switch button[data-has-contact=true]::after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #72848a; }
.country-switch button.active[data-has-contact=true]::after { background: #6a60cf; }
.country-switch button.active { background: #fff; color: #473fa9; border-color: #e1dfef; box-shadow: 0 1px 3px #1b254d0a; }
.managed-identity { display: flex; align-items: center; gap: 10px; margin: 22px 0 18px; }
.managed-identity strong { font-size: 21px; font-weight: 750; letter-spacing: -.4px; color: #303a50; }
.managed-identity span { color: #6b639f; background: #f0edf9; border: 1px solid #e5e0f1; padding: 3px 8px; border-radius: 5px; font-size: 11px; font-weight: 650; }
.compact-contact { gap: 9px 18px; }
.compact-contact label { font-size: 14px; margin: 0 0 8px; font-weight: 600; }
.compact-contact input { margin-top: 6px; }
.extra-contacts { margin: 10px 0 20px; padding-bottom: 2px; }
.extra-contacts summary { font-size: 12px; font-weight: 500; }
.extra-contacts[open] .grid { margin-top: 13px; }
.mail-panels { gap: 18px; margin-top: 23px; padding-top: 22px; border-top: 1px solid #edf0f4; }
.mail-panel { border: 1px solid #e1e5ee; background: #fff; border-radius: 9px; overflow: hidden; padding: 0 16px 16px; }
.mail-panel-title { display: flex; align-items: center; justify-content: space-between; padding: 13px 16px; margin: 0 -16px 16px; background: #f5f4fc; border-bottom: 1px solid #e8e5f2; }
.mail-panel-title h2 { font-size: 14px; font-weight: 700; margin: 0; color: #564e91; }
.mail-panel.order .mail-panel-title { background: #f1f6f9; border-color: #e1eaf0; }
.mail-panel.order .mail-panel-title h2 { color: #49677f; }
.mail-panel label { font-size: 14px; margin: 12px 0 0; }
.mail-panel input { font-size: 14px; }
.mail-panel textarea { min-height: 210px; font-size: 14px; line-height: 1.7; }
.country-contact > .row:last-child { margin-top: 18px; flex-wrap: wrap; }
.country-contact > .row small { font-size: 11px; }
.template-preview { border: 1px solid var(--line); border-radius: 8px; padding: 18px; background: #fafbfe; }
.template-body { white-space: pre-wrap; overflow-wrap: anywhere; }
/* Tables and contact drawer */
.tablewrap { overflow: auto; width: 100%; border-radius: 6px; }
table { border-collapse: collapse; width: 100%; font-size: 13px; }
th, td { padding: 11px 12px; text-align: left; white-space: nowrap; border-bottom: 1px solid #e7eaf1; }
th { color: #68758a; background: #f6f7fb; font-size: 12px; font-weight: 650; }
td { color: #465269; }
tbody tr:hover { background: #fafbff; }
td input { min-width: 90px; min-height: 34px; margin: 0; padding: 7px 9px; font-size: 12px; }
.internal { color: #98733b; background: #fffaf0; }
#jobs td:nth-child(3) { white-space: normal; min-width: 250px; line-height: 1.8; }
#jobs td:last-child button { min-height: 30px; font-size: 12px; padding: 5px 10px; }
.contact-drawer { margin-top: 4px; padding: 18px 22px; }
.contact-drawer > summary { font-size: 14px; padding: 2px 0; }
.contact-drawer > .card { margin: 0; padding: 24px 0 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; }
.contact-drawer > .card > details { padding: 13px 16px; border: 1px solid #e4e7ef; border-radius: 8px; background: #fafbfe; }
.contact-drawer > .card > .row:last-child { margin-top: 16px; }
.booktools { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px; margin: 22px 0 14px; }
.booktools label { margin: 0; min-width: 120px; flex: 1 1 120px; font-size: 12px; }
.booktools label:first-child { flex: 2 1 220px; }
.booktools input, .booktools select { margin-top: 6px; min-height: 38px; padding: 8px 10px; font-size: 13px; }
.booktools button { min-height: 38px; font-size: 12px; padding: 8px 12px; }
.booktools > span { font-size: 12px; color: #616d80; align-self: center; }
#exportBook { background: #f2f0ff; border-color: #dcd8f5; color: #574da9; }
#bookTable { max-height: 480px; min-height: 210px; position: relative; border: 1px solid #dde2eb; border-radius: 8px; overflow: auto; }
.contactgrid { table-layout: fixed; width: 2610px; border-collapse: separate; border-spacing: 0; }
.contactgrid col { width: 140px; }
.contactgrid .col-country { width: 70px; }
.contactgrid .col-brand { width: 140px; }
.contactgrid .col-company { width: 180px; }
.contactgrid .col-to, .contactgrid .col-cc, .contactgrid .col-backupEmail1, .contactgrid .col-backupEmail2, .contactgrid .col-backupEmail3 { width: 275px; }
.contactgrid th { position: sticky; top: 0; z-index: 3; height: 40px; padding: 9px 10px; color: #566277; background: #f0f2f7; border-right: 1px solid #e3e6ed; border-bottom: 1px solid #d9dfe9; font-size: 12px; }
.contactgrid td { height: 39px; padding: 3px 5px; background: #fff; border-right: 1px solid #e9ecf2; border-bottom: 1px solid #e9ecf2; }
.contactgrid tr:nth-child(even) td { background: #fafbfe; }
.contactgrid input { min-width: 0; width: 100%; height: 32px; min-height: 32px; padding: 4px; margin: 0; border: 1px solid transparent; border-radius: 4px; background: transparent; font-size: 12px; }
.contactgrid input:hover { border-color: #cdd3e0; }
.contactgrid input:focus { border-color: #8278e9; background: #fff; box-shadow: 0 0 0 2px #4f46e512; }
.contactgrid button { font-size: 11px; min-height: 28px; padding: 4px 8px; }
.contactgrid [data-template] { background: #eeecff; border-color: #dedaf7; color: #6156b4; }
.contactgrid [data-delete] { color: #a36565; border-color: transparent; background: transparent; }
.contactgrid .cell-country, .contactgrid .cell-brand, .contactgrid .cell-company, .contactgrid .cell-actions { position: sticky; z-index: 2; }
.contactgrid .cell-country { left: 0; }
.contactgrid .cell-brand { left: 70px; }
.contactgrid .cell-company { left: 210px; }
.contactgrid .cell-actions { left: 390px; border-right: 1px solid #cbd3e1; box-shadow: 5px 0 7px #28365308; }
.contactgrid th.cell-country, .contactgrid th.cell-brand, .contactgrid th.cell-company, .contactgrid th.cell-actions { z-index: 4; }
.contactgrid th.cell-to { background: #eeedf9; }
.contactgrid th.cell-cc { background: #eef2f8; }
.contactgrid th[class*=backup] { background: #f3f2f7; }
#bookStatus { font-size: 12px; color: #616d80; }
/* Responsive workspaces */
@media (min-width: 1700px) {
  main { padding-left: 48px; padding-right: 48px; }
  .topbar { margin-left: -48px; margin-right: -48px; padding-left: 48px; padding-right: 48px; }
  .management-layout { grid-template-columns: 250px minmax(0, 1fr); }
  .columns { grid-template-columns: 292px minmax(0, 1fr); }
}
@media (max-width: 1279px) {
  :root { --sidebar: 212px; }
  main { padding-left: 24px; padding-right: 24px; }
  .topbar { margin-left: -24px; margin-right: -24px; padding-left: 24px; padding-right: 24px; }
  .management-layout { grid-template-columns: 205px minmax(0, 1fr); gap: 18px; }
  .columns { grid-template-columns: 242px minmax(0, 1fr); gap: 18px; }
  .unified-mail-panels { grid-template-columns: 1fr; }
  .upload-layout { grid-template-columns: minmax(0, 1fr) 240px; gap: 18px; }
  .upload-main { padding: 22px; }
  .upload-controls { gap: 12px; }
  .upload-controls .primary { min-width: 135px; }
  .image-options { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}
@media (max-width: 1000px) {
  :root { --sidebar: 190px; }
  aside { padding-left: 10px; padding-right: 10px; }
  .app-logo { gap: 9px; padding-left: 9px; }
  .app-logo .logo-name, .app-logo strong { font-size: 16px; }
  nav button { gap: 9px; padding-left: 10px; padding-right: 8px; font-size: 13px; }
  main { padding-left: 20px; padding-right: 20px; }
  .topbar { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
  .upload-layout { grid-template-columns: 1fr; }
  .upload-summary { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
  .upload-summary .section-heading { margin-bottom: 8px; }
  .upload-summary .session-tag { display: none; }
  .upload-summary .summary-list { grid-column: 2; grid-row: 1 / 5; margin: 0; padding: 0; border: 0; align-content: center; }
  .upload-summary button { justify-self: start; width: auto; margin-top: 8px; }
  .columns { grid-template-columns: 210px minmax(0, 1fr); gap: 14px; }
  #editor { padding: 20px; }
  .management-layout { grid-template-columns: 185px minmax(0, 1fr); gap: 16px; }
  .managed-sidebar { padding: 16px 8px; }
  .managed-head, .country-contact { padding: 20px; }
  .country-contact > .row { flex-wrap: wrap; }
  .compact-contact { grid-template-columns: 1fr; gap: 5px; }
  .workflow-strip { padding: 13px 16px; }
  .workflow-step { padding: 0 8px; gap: 7px; font-size: 12px; }
  .step-line { margin: 0 10px; }
  .mail-fields.grid { grid-template-columns: 1fr; gap: 0; }
  .preview-heading { flex-wrap: wrap; }
  .review-toolbar { flex-wrap: wrap; }
  .test-tools[open] { flex-basis: 100%; max-width: 100%; }
  .batchbar { flex-wrap: wrap; gap: 14px; }
  .batchbar .row { flex-wrap: wrap; }
  .batchbar .grid { grid-template-columns: 1fr; gap: 8px; }
}
@media (max-width: 720px) {
  body { min-width: 360px; }
  aside { position: relative; width: 100%; height: auto; padding: 16px 16px 10px; overflow: visible; border-right: 0; border-bottom: 1px solid var(--line); }
  .app-logo { padding: 0 0 14px; }
  .app-logo .logo-mark, .app-logo > svg, .app-logo > span:first-child { width: 30px; height: 30px; flex-basis: 30px; border-radius: 8px; font-size: 17px; }
  .app-logo small, .app-logo > div > span { display: none; }
  aside > h2 { font-size: 18px; margin: 0 0 12px; }
  aside > p, .asidefoot, .nav-section-label { display: none; }
  nav { flex-direction: row; gap: 5px; overflow-x: auto; padding-bottom: 3px; }
  nav button { width: auto; min-width: max-content; min-height: 38px; font-size: 12px; padding: 9px 10px; gap: 6px; }
  .nav-icon, .nav-icon svg { width: 16px; height: 16px; }
  main { width: 100%; margin: 0; padding: 0 16px 24px; }
  .topbar { height: 48px; margin: 0 -16px 22px; padding: 0 16px; }
  .topbar-meta { font-size: 11px; }
  header { margin-bottom: 22px; gap: 12px; align-items: flex-start; }
  h1 { font-size: 24px; }
  .page-eyebrow, header > div > small { font-size: 10px; letter-spacing: 1px; margin-bottom: 5px; }
  .badge { font-size: 10px; padding: 5px 7px; white-space: normal; max-width: 125px; }
  .card { padding: 19px; border-radius: 10px; margin-bottom: 16px; }
  .row { flex-wrap: wrap; gap: 12px; }
  .grid { grid-template-columns: 1fr; gap: 10px; }
  .workflow-strip { padding: 12px; gap: 5px; margin-bottom: 18px; }
  .workflow-step { padding: 0 4px; gap: 6px; font-size: 11px; }
  .step-line { min-width: 8px; margin: 0 2px; }
  .step-number { width: 23px; height: 23px; flex-basis: 23px; font-size: 10px; }
  .upload-dropzone { min-height: 220px; padding: 25px 18px; }
  .upload-title { font-size: 16px; }
  .upload-controls { align-items: stretch; flex-direction: column; gap: 17px; }
  .upload-controls label { max-width: none; }
  .upload-controls .primary { width: 100%; }
  .upload-summary { display: block; }
  .upload-summary .summary-list { border-top: 1px solid #e8ebf1; margin-top: 18px; padding-top: 16px; }
  .upload-summary button { width: 100%; margin-top: 18px; }
  .upload { flex-direction: column; align-items: stretch; }
  .upload > div:last-child { min-width: 0; }
  .columns { grid-template-columns: 1fr; gap: 0; }
  #review .list { position: static; max-height: 300px; }
  .draft-choice { margin-bottom: 4px; }
  #editor { padding: 19px; }
  .review-identity h2 { font-size: 21px; }
  .review-toolbar { flex-wrap: wrap; gap: 8px; }
  .test-tools { margin-left: auto; }
  .test-tools[open] { width: 100%; margin-left: 0; }
  .test-tools summary { text-align: left; }
  .preview-shell { padding: 8px; }
  .preview-heading .button-group { gap: 6px; }
  .batchbar { position: static; padding: 18px; margin-top: 0; box-shadow: var(--shadow); }
  .selection-tools { gap: 10px; }
  #batchSend { width: 100%; }
  .batchbar .row { align-items: stretch; }
  #editor > .row > div { flex-wrap: wrap; }
  .image-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .image-option { padding: 13px 10px; gap: 8px; }
  .image-option strong { font-size: 11px; }
  .image-option em { display: none; }
  .management-toolbar { min-height: 45px; top: 0; padding: 9px 0; gap: 8px; margin-bottom: 12px; }
  .management-toolbar button { min-height: 35px; padding: 7px 10px; font-size: 12px; }
  #managementStatus { font-size: 11px; }
  .management-layout { grid-template-columns: 1fr; gap: 0; }
  .managed-sidebar { position: static; max-height: 275px; padding: 16px; }
  #managedBrandList { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
  .managed-brand { margin: 0; min-height: 62px; padding: 10px; }
  .managed-brand strong { font-size: 13px; }
  .managed-brand span { font-size: 10px; }
  .managed-head, .country-contact { padding: 19px; }
  .parent-name { min-width: 170px; }
  .parent-name input { font-size: 21px; }
  .child-brand-field { width: calc(50% - 4px); }
  .child-brand-field input { font-size: 12px; }
  .country-switch { flex-wrap: wrap; }
  .country-switch button { padding: 6px 11px; }
  .country-contact > .row small { line-height: 1.7; }
  .mail-panel textarea { min-height: 190px; }
  .contact-drawer { padding: 16px; }
  .contact-drawer > .card { padding-top: 18px; }
  .booktools label:first-child { flex-basis: 100%; }
  .booktools label { min-width: 110px; }
  #bookTable { max-height: 60vh; }
  .contactgrid .cell-brand, .contactgrid .cell-company, .contactgrid .cell-actions { position: static; }
  .contactgrid th.cell-brand, .contactgrid th.cell-company, .contactgrid th.cell-actions { position: sticky; left: auto; }
  .contactgrid .cell-actions { box-shadow: none; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* Gmail accounts and per-mail sender choice. */
.sender-settings { max-width: 1000px; }
.sender-account { display: flex; align-items: center; gap: 16px; padding: 18px 0; border-top: 1px solid var(--line, #e5e9f0); }
.sender-account-info { flex: 1; min-width: 0; display: grid; gap: 5px; }
.sender-account-info strong { color: #24324a; font-size: 15px; }
.sender-account-info span { overflow-wrap: anywhere; color: #657189; font-size: 13px; }
.sender-state { flex-shrink: 0; font-size: 12px; background: #f1f3f7; color: #758096; padding: 5px 9px; border-radius: 6px; }
.sender-state.is-connected { background: #e9f7f1; color: #167454; }
.sender-account-actions { display: flex; align-items: center; gap: 7px; }
.sender-account-actions button { min-height: 34px; padding: 7px 11px; font-size: 12px; }
.sender-empty { padding: 30px 16px; text-align: center; background: #f7f9fc; border-radius: 10px; color: #7c8698; font-size: 13px; }
.sender-add-form { border-top: 1px solid var(--line, #e5e9f0); padding-top: 20px; margin-top: 12px; }
.sender-add-form h3 { margin: 0 0 12px; font-size: 14px; }
.sender-add-fields { display: grid; grid-template-columns: minmax(130px, .7fr) minmax(200px, 1.3fr) auto; align-items: end; gap: 12px; }
.sender-add-fields label { margin: 0; }
.sender-add-fields button { margin-bottom: 0; min-height: 42px; }
.review-sender { display: flex; align-items: end; gap: 16px; border: 1px solid #e0e5ef; background: #f7f9fd; border-radius: 10px; padding: 13px 15px; margin: 18px 0; }
.review-sender label { flex: 1; min-width: 0; margin: 0; font-size: 12px; font-weight: 650; color: #46526a; }
.review-sender select { margin-top: 6px; width: 100%; }
#draftSenderStatus { font-size: 12px; color: #657189; max-width: 42%; overflow-wrap: anywhere; padding-bottom: 10px; }
#draftSenderStatus.is-missing { color: #a36120; }
.draft-sender-line { display: block; overflow-wrap: anywhere; font-size: 10px; line-height: 1.5; color: #798499; margin-top: 4px; }
.batch-sender-control { display: flex; gap: 8px; margin-top: 11px; align-items: center; }
.batch-sender-control select { max-width: 330px; min-width: 170px; width: 100%; font-size: 12px; min-height: 35px; padding: 7px 10px; }
.batch-sender-control button { white-space: nowrap; font-size: 12px; min-height: 35px; padding: 7px 11px; }
@media(max-width: 760px) {
 .sender-account { flex-wrap: wrap; gap: 10px; }
 .sender-account-actions { width: 100%; }
 .sender-add-fields { grid-template-columns: 1fr; }
 .review-sender { align-items: stretch; flex-direction: column; gap: 7px; }
 #draftSenderStatus { max-width: none; padding-bottom: 0; }
 .batch-sender-control { flex-wrap: wrap; }
 .batch-sender-control select { max-width: none; }
}

.review-demo-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#edf3ff;border:1px solid #d7e2f8;border-radius:9px;margin-bottom:16px;color:#31517d;font-size:12px}.review-demo-tools>div{display:flex;gap:6px}.review-demo-tools button{font-size:12px;padding:7px 10px;min-height:32px}#logout[hidden]{display:none!important}#feedbackDialog{width:min(600px,90vw);max-height:90vh;overflow:auto;border:1px solid #d7dfec;border-radius:14px;padding:26px;color:#202938;box-shadow:0 20px 70px #17254533}#feedbackDialog::backdrop{background:#18243d66}#feedbackDialog label{display:grid;gap:7px;margin-bottom:15px}#feedbackDialog textarea{min-height:170px}#feedbackDialog input,#feedbackDialog select,#feedbackDialog textarea{width:100%}@media(max-width:760px){.review-demo-tools{align-items:flex-start;flex-direction:column}}
#partNotes .part-notes-toolbar{margin-bottom:10px;gap:10px;flex-wrap:wrap}#partNotes .pn-title{font-size:14px;font-weight:600;color:#25334c}#partNotesCount{background:#ede9fe;color:#6550b8;padding:3px 9px;border-radius:5px;margin-left:7px}#partNotes .button-group{gap:6px}#partNotes .button-group button,#partNotes .button-group select{min-height:34px;padding:6px 10px;font-size:12px;width:auto;margin:0}#partNotesMessage:empty,#pnModalMessage:empty{display:none}#partNotesMessage{margin:6px 0;font-size:12px}.pn-panel{background:white;border:1px solid #dbe1eb;border-radius:8px;overflow:hidden}.pn-filters{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fafbfe;border-bottom:1px solid #dbe1eb}.pn-filters input{flex:1;max-width:440px;min-width:180px}.pn-filters label{display:flex;align-items:center;gap:7px;white-space:nowrap;margin:0;font-size:12px}.pn-filters input,.pn-filters select{height:32px;min-height:32px;padding:5px 9px;font-size:12px;margin:0}.pn-filters select{width:auto}.pn-table-wrap{overflow:auto;max-height:max(260px,calc(100vh - 300px))}.pn-table{table-layout:fixed;width:100%;min-width:860px;border-collapse:separate;border-spacing:0;font-size:12px}.pn-table th,.pn-table td{box-sizing:border-box;padding:5px 10px;height:34px;max-height:34px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #edf0f5;border-bottom:1px solid #edf0f5;vertical-align:middle}.pn-table th{position:sticky;top:0;z-index:2;background:#edf1f8;color:#394862;font-weight:600}.pn-table tr:nth-child(even) td{background:#fafbfe}.pn-table tr:hover td{background:#f2efff}.pn-table .pn-num{color:#8994a6;text-align:center}.pn-table .pn-part{font-family:ui-monospace,Consolas,monospace}.pn-table button{min-height:0;border:0;background:none;border-radius:3px;padding:0;font-size:12px;color:inherit;margin:0;text-align:left}.pn-table .pn-part button{font-weight:600;color:#5141a4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-table .pn-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.pn-actions{display:flex;gap:10px}.pn-actions button[data-pn-delete]{color:#a65a66}.pn-table .pn-empty{height:120px;text-align:center;color:#7c879b}.pn-pagination{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;gap:12px;font-size:12px;color:#6d7890;border-top:1px solid #dbe1eb}.pn-pagination>div{display:flex;align-items:center;gap:8px}.pn-pagination button{min-height:28px;padding:4px 9px;font-size:12px}.pn-pagination button:disabled{opacity:.4}#pnDialog{width:min(720px,94vw);max-height:88vh;overflow:auto;border:1px solid #ded8ee;border-radius:12px;padding:18px;color:#25334c;box-shadow:0 16px 70px #18233f33}#pnDialog::backdrop{background:#15213955}.pn-modal-head{display:flex;justify-content:space-between;align-items:center}.pn-modal-head button{font-size:12px;min-height:30px;padding:4px 9px}#pnDialog .part-note-editor{border:0;box-shadow:none;padding:14px 0 0;margin:0}#pnDialog .part-note-editor-head{padding-bottom:10px;margin-bottom:12px}#pnDialog .part-note-editor-head small{display:none}#pnDialog .part-note-editor-head h2{font-size:18px}#pnDialog textarea{min-height:150px;height:180px;resize:vertical}#pnDialog label{margin-bottom:12px}#pnDialog input{min-height:34px}#pnDialog .part-note-meta{font-size:11px;padding:8px 0}#pnDialog .part-note-footer{padding-top:12px}#pnModalMessage{font-size:12px}#pnModalMessage.is-error{color:#b42318}@media(max-width:900px){.pn-filters{flex-wrap:wrap}.pn-filters input{max-width:none;flex-basis:100%}.pn-pagination{flex-wrap:wrap}}
.pn-table .pn-new-row td{background:#f3f0ff!important;height:44px;padding:5px 7px;vertical-align:top;border-bottom:1px solid #c7b9f3}.pn-new-row input,.pn-new-row textarea{display:block;width:100%;min-height:32px;height:32px;margin:0;padding:6px 7px;border:1px solid #c9bdf0;border-radius:4px;font:inherit;background:white;box-sizing:border-box}.pn-new-row textarea{resize:vertical;max-height:180px;white-space:pre-wrap}.pn-new-row .pn-actions{padding-top:7px}.pn-new-row .pn-num,.pn-new-row .pn-new-state{padding-top:13px;color:#756293}.pn-new-row #pnNewSave{color:#5941c6;font-weight:700}.pn-new-row button:disabled{opacity:.5}
/* Compact workspace header: show the working area immediately. */
main>.topbar{display:none}main>header{min-height:0;align-items:center;margin:0;padding:8px 0 10px;gap:12px}main>header h1{font-size:22px;line-height:1.3;margin:0}main>header .page-eyebrow,main>header>div>small{display:none}main>.review-demo-tools{margin:0 -0px 0;padding:5px 10px;border-radius:0 0 6px 6px;font-size:11px;min-height:0}main>.review-demo-tools button{min-height:26px;padding:3px 8px;font-size:11px}main>header #mode{padding:4px 8px;font-size:11px}#partNotes .part-notes-toolbar{margin-bottom:8px}#partNotes #partNotesMessage:not(:empty){padding:5px 9px;margin:4px 0 8px;min-height:0;font-size:12px;line-height:1.4}.pn-table-wrap{max-height:max(260px,calc(100vh - 230px))}
:root{--accent:#087f72;--primary:#087f72;--brand:#087f72;--du-green:#087f72;--du-border:#d9e3e2;--du-gray:#f4f7f7}body{background:#f4f6f6;color:#243b3a}aside{background:#fff}button.primary{background:#087f72!important;border-color:#087f72!important;color:#fff!important}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #087f72;outline-offset:1px}nav button.active{background:#e1f2ee!important;color:#076b61!important;border-color:#96cabe!important}input[type=checkbox]{accent-color:#087f72}.app-logo-mark{background:#087f72!important}.review-demo-tools{background:#eaf4f0!important;color:#386257!important;border-color:#d4e6de!important}.workflow{display:none!important}#brandGroups>:not(#dealerWorkspace){display:none!important}[data-tab=imageSettings]{display:none!important}#dealerWorkspace{background:#fff;border:1px solid var(--du-border);border-radius:9px;overflow:hidden;font-size:13px}#dealerWorkspace button,#dealerWorkspace input,#dealerWorkspace select,#dealerWorkspace textarea{font:inherit;min-height:32px;border-radius:5px;padding:6px 9px;margin:0;box-sizing:border-box}#dealerWorkspace input,#dealerWorkspace select,#dealerWorkspace textarea{border:1px solid var(--du-border);background:#fff;color:#203735}#dealerWorkspace button{background:white;border:1px solid var(--du-border);color:#35524d;white-space:nowrap}#dealerWorkspace button:hover{background:#eaf5f1}#dealerWorkspace h3{font-size:14px;margin:0}#dealerWorkspace label{font-size:12px;display:grid;gap:7px}#dealerWorkspace small{color:#718380;font-size:11px}.du-top,.du-tabs,.du-form-row,.du-section-head,.du-table-actions,.du-sheet-toolbar,.du-preview-head{display:flex;align-items:center;gap:8px}.du-top{padding:12px;border-bottom:1px solid var(--du-border);flex-wrap:wrap}.du-top>select{width:220px!important}.du-country-switch{display:flex;gap:5px}.du-country{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;padding:4px 8px;font-size:12px;font-weight:600;color:#182e35!important}.du-country.ger{background:#00b4e5!important;border-color:#00a5d2!important}.du-country.usa{background:#ffbd00!important;border-color:#e9ae00!important}.du-country-switch button:not(.selected){opacity:.55}.du-country-switch button.selected{box-shadow:0 0 0 2px white,0 0 0 3px #334b47}.du-spacer{flex:1}#duStatus{font-size:11px;color:#557b6d}.du-tabs{padding:0 12px;border-bottom:1px solid var(--du-border);gap:4px;flex-wrap:wrap}.du-tabs button{border:0!important;border-radius:0!important;padding:13px 12px!important;background:none!important}.du-tabs button.active{color:#087f72!important;border-bottom:3px solid #087f72!important;font-weight:700}.du-dealer-title{max-width:210px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.du-basic,.du-contact-form,.du-wording,.du-transfer{padding:18px}.du-form-row{align-items:end;margin-bottom:18px}.du-form-row label{min-width:220px;flex:1}.du-form-row input{width:100%}.du-danger{color:#aa4040!important}.du-section-head{justify-content:space-between;margin-bottom:12px}.du-brand-row{display:grid;grid-template-columns:210px 1fr 55px;gap:20px;align-items:center;padding:15px;border:1px solid var(--du-border);border-radius:7px;margin-bottom:10px;background:#fafcfc}.du-brand-row input{width:100%}.du-label{font-size:12px;display:block;margin-bottom:8px;color:#617572}.du-children{display:flex;gap:7px;flex-wrap:wrap}.du-children>span{display:flex;max-width:210px}.du-children>span>input{border-radius:4px 0 0 4px!important;min-width:80px}.du-children>span>button{border-radius:0 4px 4px 0!important}.du-contact-form>label{margin:8px 0}.du-chips{display:flex;gap:7px;flex-wrap:wrap;border:1px solid var(--du-border);padding:10px;border-radius:6px;margin-bottom:20px}.du-chips>span{display:flex;align-items:center;background:#e8f4ee;padding-left:9px;border-radius:4px}.du-chips>span>button{background:none!important;border:none!important}.du-chips>input{width:240px}.du-contact-form details{padding:12px 0}.du-contact-form summary{cursor:pointer;margin-bottom:15px}.du-kind{display:flex;gap:0;padding:0;margin:0}.du-kind button{border-radius:0!important;min-width:90px}.du-kind button:first-child{border-radius:5px 0 0 5px!important}.du-kind button:last-child{border-radius:0 5px 5px 0!important}.du-kind button.active{background:#087f72!important;color:white!important}.du-wording label{margin-bottom:16px}.du-wording textarea{width:100%;min-height:200px}.du-wording input{width:100%}#duBody>.du-kind{margin:15px 18px 0}.du-table-actions{padding:10px 12px}.du-sheet-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;border-top:1px solid var(--du-border);border-bottom:1px solid var(--du-border)}.du-sheet-main{min-width:0}.du-sheet-toolbar{padding:8px;background:#edf7f2;border-bottom:1px solid var(--du-border);flex-wrap:wrap}.du-sheet-toolbar button{font-size:12px!important;padding:5px 8px!important}.du-sheet-scroll{overflow:auto;max-height:380px;min-height:180px}.du-sheet{border-collapse:separate;border-spacing:0;width:100%;table-layout:fixed;min-width:650px;font-size:12px}.du-sheet th,.du-sheet td{border:0;border-bottom:1px solid #dbe4e3;border-right:1px solid #dbe4e3;padding:0;height:33px;background:white;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.du-sheet th{width:34px;text-align:center;background:#f0f4f3;color:#73837f}.du-sheet thead{position:sticky;top:0;z-index:1}.du-sheet thead tr:first-child th:not(:first-child){width:auto}.du-sheet th button{background:none!important;border:none!important;width:100%;padding:0!important}.du-sheet td input{width:100%;height:33px;border:none!important;border-radius:0!important;background:transparent!important;padding:7px 9px!important}.du-sheet .du-col-title{background:#e1f1e9;font-weight:700}.du-sheet .du-sample td{padding:7px 9px;color:#6f807a;background:#fafcfc;cursor:pointer}.du-sheet .du-manual td{background:#fffdf4}.du-sheet input:focus{outline:2px solid #087f72;outline-offset:-2px}.du-inspector{background:#f8faf9;border-left:1px solid var(--du-border);padding:15px;width:auto;position:static;height:auto;display:block;box-shadow:none}.du-inspector h3{margin-bottom:18px!important}.du-inspector label{margin-bottom:14px}.du-inspector input,.du-inspector select{width:100%}.du-inspector-buttons{display:flex;gap:6px;margin:20px 0}.du-preview-head{justify-content:space-between;padding:12px 15px}.du-preview-head>span{font-size:11px;color:#75847f}.du-preview{padding:15px;overflow:auto;background:white;user-select:text;max-height:350px}.du-preview table{width:100%}.du-preview td,.du-preview th{min-width:80px}.du-dialog{border:1px solid var(--du-border);border-radius:10px;padding:20px;max-width:700px;width:90vw;color:#253b36}.du-dialog::backdrop{background:#132b2966}.du-source-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.du-source-list label{display:flex;gap:9px}.du-source-list input{width:16px;height:16px}.du-transfer textarea{width:100%;margin:12px 0!important;min-height:180px}.du-file-button{display:block!important;border:1px solid var(--du-border);border-radius:5px;padding:7px;cursor:pointer}.du-import-country{display:flex;align-items:center;gap:20px;margin:12px 0 18px}.du-import-country label{display:grid;gap:6px;font-size:12px}.du-import-country select{width:200px}.du-import-country>span{font-size:12px;color:#798882}.draft-choice[data-country=USA]{border-left:4px solid #ffbd00}.draft-choice[data-country=GER]{border-left:4px solid #00b4e5}.draft-choice.selected{background:#eff7f3!important;border-color:#83b9a9}.du-review-extra{margin-top:15px}.du-review-extra h3{font-size:13px;margin:10px 0}.du-review-extra .du-sheet-scroll{min-height:0;max-height:160px}.review-identity .du-country{margin-right:8px}.review-grid{display:flex;flex-direction:column}.review-preview-panel,.review-edit-panel{min-width:0}.du-preview input{user-select:text}#duBody .du-transfer .du-section-head{flex-wrap:wrap}@media(min-width:1100px){#workspace{grid-template-columns:180px minmax(0,1fr)}main{padding:0 22px 22px}}@media(max-width:1000px){.du-sheet-layout{grid-template-columns:minmax(0,1fr) 190px}.du-brand-row{grid-template-columns:160px 1fr 55px}.du-top>select{width:160px!important}.du-tabs .du-dealer-title{display:none}}@media(max-width:750px){.du-sheet-layout{display:block}.du-inspector{border-left:0}.du-brand-row{display:flex;flex-wrap:wrap}.du-form-row{flex-wrap:wrap}.du-tabs{overflow:auto;flex-wrap:nowrap}.du-tabs>.du-country{display:none}}
:root{--accent-dark:#06685d;--accent-soft:#e7f4ef;--sidebar:190px;--canvas:#f4f7f6}input:focus,textarea:focus,select:focus{border-color:#087f72;box-shadow:0 0 0 3px #087f7214}.du-inspector{inset:auto;z-index:auto}.du-inspector label{margin:12px 0}#dealerWorkspace .du-top label{margin:0}#dealerWorkspace .du-brand-row label{margin:0}.du-preview table th{position:static}.du-sheet-layout .du-sheet-scroll{min-height:260px}.du-review-extra input{width:100%}.du-country.ger{background:#00afe0!important}.du-country.usa{background:#ffbf00!important}
/* Match the chosen reference: slim rail, compact mail fields, equal split. */
.du-reference-mode{--sidebar:76px}.du-reference-mode>aside{width:76px;padding:17px 5px;background:#143c3a;border-right:0}.du-reference-mode>aside .app-logo{padding:0 0 20px;justify-content:center}.du-reference-mode>aside .app-logo>div,.du-reference-mode>aside .asidefoot,.du-reference-mode>aside .nav-section-label{display:none}.du-reference-mode>aside .app-logo-mark{background:#26746c!important;width:32px;height:32px;flex-basis:32px;font-size:18px}.du-reference-mode>aside nav button{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:10px 2px;min-height:63px;color:#bdd6d2;font-size:10px;border-radius:5px}.du-reference-mode>aside nav button.active{background:#226d64!important;color:#fff!important}.du-reference-mode>aside nav button:hover{background:#1c514a;color:white}.du-reference-mode>aside .nav-icon{width:20px;height:20px}.du-reference-mode>aside .nav-count{display:none}.du-reference-mode main{padding:0 16px 16px}.du-reference-mode main>header{padding:8px 0 9px}.du-reference-mode main>header h1{font-size:20px}.du-reference-mode main>.review-demo-tools{padding:3px 8px;background:#f1f5f3!important;border:none;border-radius:0}.du-reference-mode main>.review-demo-tools button{font-size:10px;min-height:23px}.du-reference-mode #notice:empty{display:none}#dealerWorkspace{border:0;background:transparent;border-radius:0}#dealerWorkspace .du-top{padding:5px 0 11px;gap:12px;border-bottom:0;align-items:end}#dealerWorkspace .du-top>.du-country-switch[hidden],#dealerWorkspace .du-tabs[hidden],#dealerWorkspace .du-table-actions[hidden]{display:none!important}#dealerWorkspace .du-selector{display:grid;gap:5px;font-size:11px;font-weight:600;margin:0;width:170px}#dealerWorkspace .du-selector select{width:100%!important;min-height:33px;font-size:12px}#dealerWorkspace .du-country-selector{width:140px}#dealerWorkspace .du-country-selector select.ger{border-left:5px solid #00afe0;background:#effaff}#dealerWorkspace .du-country-selector select.usa{border-left:5px solid #ffbf00;background:#fffbee}#dealerWorkspace .du-brand-selector{width:185px}#dealerWorkspace .du-brand-selector>div{display:flex;gap:4px}#dealerWorkspace #duBrandSelect{min-width:0}#dealerWorkspace .du-header-kind{margin-left:8px}#dealerWorkspace .du-header-kind button{min-width:75px}#dealerWorkspace #duAddDealer{font-size:11px}#dealerWorkspace #duStatus{max-width:155px;text-align:right}#dealerWorkspace #duSave{min-width:92px}#dealerWorkspace #duMore{font-size:22px;line-height:1;min-width:32px;padding:3px}#dealerWorkspace .du-inline-mail{border:1px solid #dce6e3;border-radius:7px;background:white;margin-bottom:12px;overflow:hidden}#dealerWorkspace .du-inline-heading{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f7faf9;border-bottom:1px solid #e5edeb;font-size:12px}#dealerWorkspace .du-inline-heading button{min-height:23px;font-size:10px;padding:2px 6px;border:0;background:none}#duMailFields{padding:9px 12px 11px}.du-address-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.du-address-row>div{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px;align-items:start}.du-address-row label{margin:8px 0!important;font-size:11px!important}.du-address-row .du-chips{padding:4px 6px;margin:0 0 8px;gap:4px;border-radius:4px;min-height:34px}.du-address-row .du-chips>span{font-size:11px;padding-left:6px}.du-address-row .du-chips>span>button{min-height:23px!important;padding:1px 5px!important}.du-address-row .du-chips>input{width:135px;flex:1;min-width:100px;border:0!important;min-height:24px!important;font-size:11px!important;padding:2px 4px!important}.du-address-row .du-chips>button{font-size:10px!important;min-height:24px!important;padding:2px 6px!important}.du-inline-field{display:grid!important;grid-template-columns:55px minmax(0,1fr);gap:8px!important;align-items:center;margin:0 0 7px!important;font-size:11px!important}.du-inline-field input{width:100%;height:30px;min-height:30px!important;font-size:12px!important}.du-inline-field textarea{width:100%;min-height:68px;height:74px;max-height:200px;line-height:1.5;font-size:12px!important}.du-inline-field:last-child{margin-bottom:0!important}.du-body-field{align-items:start}.du-body-field>span{padding-top:8px}.du-reference-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.du-edit-card,.du-mail-card{border:1px solid #dce6e3;background:white;border-radius:7px;overflow:hidden;min-width:0}.du-card-heading{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-bottom:1px solid #e7eeec;min-height:61px}.du-card-heading h3{font-size:13px!important;margin:0 0 3px!important}.du-card-heading small{font-size:10px!important}.du-card-heading button{font-size:11px!important;min-height:30px!important}.du-live-badge{padding:4px 7px;background:#e7f4ed;color:#28735d;font-size:10px;border-radius:4px}.du-reference-split .du-sheet-toolbar{background:white;padding:7px 9px;gap:5px;flex-wrap:nowrap}.du-reference-split .du-sheet-toolbar button{font-size:10px!important;min-height:29px!important;padding:4px 7px!important}.du-reference-split .du-sheet-toolbar small{display:none}.du-reference-split .du-sheet-scroll{height:310px;max-height:440px;min-height:220px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 32px,#e8eeec 32px,#e8eeec 33px)}.du-reference-split .du-sheet{min-width:510px}.du-reference-split .du-sheet td input{font-size:11px!important;padding:5px 7px!important}.du-reference-split .du-sheet .du-sample td{font-size:11px;padding:5px 7px}.du-reference-split .du-sheet th{width:28px;font-size:10px}.du-reference-split .du-col-title{background:#f0f5f3}.du-reference-split .du-sheet input:focus{background:#eef8f2!important}.du-bottom-inspector{padding:8px 10px!important;display:flex!important;flex-wrap:wrap;gap:8px;align-items:end;border-left:0!important;border-top:1px solid #dde7e3;background:#f8faf9!important}.du-bottom-inspector h3{display:none}.du-bottom-inspector label{margin:0!important;font-size:10px!important;flex:1;min-width:100px;gap:3px!important}.du-bottom-inspector input,.du-bottom-inspector select{font-size:11px!important;min-height:28px!important;height:28px;padding:3px 5px!important}.du-bottom-inspector .du-inspector-buttons{margin:0;gap:3px}.du-bottom-inspector button{font-size:10px!important;padding:4px 6px!important;min-height:28px!important}.du-bottom-inspector>small{display:none}.du-mail-envelope{margin:9px 12px 0}.du-mail-envelope>div{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid #e8eeec;font-size:11px}.du-mail-envelope span{color:#7b8b85}.du-mail-envelope strong{font-weight:400;overflow-wrap:anywhere}.du-preview-copy{white-space:pre-wrap;font:12px/1.65 Arial,sans-serif;padding:14px 12px 4px}.du-mail-card .du-preview{padding:12px;min-height:190px;max-height:400px}.du-mail-card .du-preview table{min-width:440px!important;font-size:11px!important}.du-mail-card .du-preview td,.du-mail-card .du-preview th{padding:6px 7px!important;min-width:50px}.du-mail-card{min-height:435px}.du-management-dialog{width:min(1000px,94vw);max-width:1000px;max-height:88vh;overflow:auto;font-size:13px}.du-management-dialog .du-basic,.du-management-dialog .du-transfer{padding:5px}.du-management-dialog input,.du-management-dialog textarea{font-size:13px}.du-management-dialog .du-brand-row{grid-template-columns:200px minmax(0,1fr) 60px}.du-management-dialog .du-section-head{gap:10px}.du-management-dialog .du-children input{max-width:170px}@media(max-width:1050px){#dealerWorkspace .du-top{gap:7px;flex-wrap:wrap}#dealerWorkspace .du-selector{width:150px}#dealerWorkspace .du-country-selector{width:125px}.du-reference-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#dealerWorkspace #duStatus{display:none}}@media(max-width:760px){.du-reference-mode{--sidebar:60px}.du-reference-mode>aside{position:fixed;width:60px;height:100vh;inset:0 auto 0 0}.du-reference-mode>aside nav{display:block}.du-reference-mode>aside nav button{width:100%;min-width:0;font-size:9px}.du-reference-mode main{margin-left:60px;width:calc(100% - 60px);padding:0 8px 10px}.du-reference-split{grid-template-columns:1fr}.du-address-row{grid-template-columns:1fr}.du-reference-mode>aside .app-logo{display:flex}.du-management-dialog .du-brand-row{display:flex;flex-wrap:wrap}}
#duSheet .du-selected-cell,#duSheet .du-selected-cell input,#duSheet .du-selected-cell input:focus{background:#c6e8dc!important;color:#154c40!important}#duSheet .du-selected-cell{box-shadow:inset 0 0 0 2px #087f72}#duSheet .du-selected-axis{background:#a8d6c5!important;color:#154c40!important;font-weight:700}#duSheet .du-selected-cell input{box-shadow:none!important;outline:0!important}#duSheet .du-selected-cell input:focus{outline:2px solid #087f72!important;outline-offset:-2px}
/* Clear Korean navigation labels at a compact width. */
.du-reference-mode>aside nav button{font-family:'Malgun Gothic','Apple SD Gothic Neo',Arial,sans-serif;font-size:12px;font-weight:600;line-height:1.4;letter-spacing:0;color:#f0f7f5;opacity:1;gap:7px;min-height:68px;text-shadow:none}
.du-reference-mode>aside nav button .nav-label{font:inherit;color:inherit;white-space:nowrap;opacity:1}
.du-reference-mode>aside nav button.active{color:#fff!important;font-weight:700;background:#246f64!important}
.du-reference-mode>aside .nav-icon{color:#d4e9e2;stroke-width:1.9;width:21px;height:21px;opacity:1}
.du-reference-mode>aside nav button.active .nav-icon{color:#fff}
@media(max-width:760px){.du-reference-mode>aside nav button{font-size:11px;min-height:65px;gap:7px}.du-reference-mode>aside nav button .nav-label{white-space:normal;word-break:keep-all}}
/* File input surface: restrained spacing, clear business context. */
#workflow{display:none!important}#compose .upload-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:start}#compose .upload-main{padding:24px;border-radius:12px;border:1px solid #dce5e2;box-shadow:0 3px 12px #173c3004}#compose .section-heading{margin:0 0 22px}#compose .section-heading h2{font-size:18px;letter-spacing:-.3px;color:#243e37}#compose .file-format{background:#f1f5f3;color:#63796f;border:0;padding:4px 8px;border-radius:4px;font-size:11px}.du-import-context{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:22px}.du-import-label,.du-import-context>label{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:12px;font-weight:600;color:#53695f;margin:0}.du-import-label{display:block;margin-bottom:8px}.du-import-buttons{display:flex;gap:8px}.du-import-buttons button{height:43px;min-width:145px;justify-content:flex-start;gap:8px;padding:9px 12px;border:1px solid #d8e2dd;border-radius:7px;background:#fff;font-size:13px;color:#334e42}.du-import-buttons button small{font-size:11px;font-weight:400;color:#728579}.du-country-dot{width:9px;height:9px;border-radius:50%;flex:none}.du-country-dot.usa{background:#ffbf00}.du-country-dot.ger{background:#00afe0}.du-country-check{margin-left:auto;visibility:hidden;font-size:13px}.du-import-buttons button.is-selected .du-country-check{visibility:visible}.du-import-buttons button[data-import-country=USA].is-selected{background:#fff8df;border-color:#e3ae13;color:#644c00}.du-import-buttons button[data-import-country=GER].is-selected{background:#edf9fe;border-color:#25aed4;color:#195e74}.du-import-context>label{width:190px;flex:none}.du-import-context #businessDate{height:43px;min-height:43px;margin-top:8px;padding:8px 11px;font-size:13px;border-radius:7px;border-color:#d8e2dd;box-shadow:none;color:#334e42}.du-import-country[hidden]{display:none!important}#compose .upload-dropzone{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;min-height:165px;height:auto;margin:0;padding:30px 24px;border:1.5px dashed #bdcec5;border-radius:9px;background:#f8fbf9;text-align:left;cursor:pointer}#compose .upload-dropzone:hover,#compose .upload-dropzone:focus-visible{background:#eff7f3;border-color:#087f72}#compose .upload-icon{width:52px;height:58px;border-radius:10px;background:#e3f0e9;color:#13705b;margin:0;flex:none}#compose .upload-icon svg{width:26px;height:26px}.du-upload-copy{display:flex;flex-direction:column;gap:7px;min-width:0;flex:1}#compose .upload-title{font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;font-size:15px;color:#314c3e;font-weight:600;margin:0;overflow-wrap:anywhere}#compose .upload-hint{font-size:12px;color:#74857c;font-weight:400;margin:0}#compose .file-picker-label{margin:0;padding:9px 15px;min-width:85px;white-space:nowrap;border-radius:6px;background:white;border:1px solid #c8d8cf;color:#29634e;font-size:12px}#compose .upload-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding-top:18px;border-top:1px solid #eaf0ec}.du-upload-footer-note{font-size:12px;color:#7a8a81}#compose #import{min-width:145px;min-height:42px;border-radius:7px;font-size:13px;box-shadow:none}#compose #import:disabled{background:#e2eae6!important;color:#82948a!important;border-color:#e2eae6!important;opacity:1}#compose .upload-summary{padding:22px 20px;border-radius:12px;background:#f8faf9;border-color:#e0e8e3;box-shadow:none}#compose .upload-summary .section-heading{margin-bottom:18px}#compose .upload-summary h2{font-size:14px}#compose .summary-number{font-size:36px;color:#1c5a45;line-height:1.2}#compose .summary-list{margin-top:18px}#compose .summary-list>div{padding:10px 0}#compose .upload-summary button{font-size:12px;min-height:37px}#compose .session-tag{display:none}@media(max-width:1050px){#compose .upload-layout{grid-template-columns:minmax(0,1fr)}#compose .upload-summary{display:none}}@media(max-width:650px){#compose .upload-main{padding:18px}.du-import-context{flex-wrap:wrap;gap:15px}.du-import-buttons button{min-width:120px}.du-import-context>label{width:100%}#compose .upload-dropzone{flex-wrap:wrap;padding:22px 15px;gap:12px}.du-upload-copy{flex-basis:calc(100% - 70px)}#compose .file-picker-label{margin-left:64px}.du-upload-footer-note{max-width:140px;font-size:11px}}
.du-import-context>label{position:relative}.du-import-context .du-today{position:absolute;right:0;top:-4px;font-size:10px;min-height:22px;padding:2px 7px;color:#22705a;border:1px solid #d7e6dd;border-radius:4px;background:#f5faf7}
/* A subtle outer frame carries business-country context across the workspace. */
#compose,#dealerWorkspace{border-radius:12px;transition:box-shadow .16s ease}
#compose[data-work-country=USA],#dealerWorkspace[data-work-country=USA]{box-shadow:0 0 0 2px #eab32999,0 0 0 6px #ffbf000a}
#compose[data-work-country=GER],#dealerWorkspace[data-work-country=GER]{box-shadow:0 0 0 2px #00afe080,0 0 0 6px #00afe008}
#compose[data-work-country=USA],#compose[data-work-country=GER]{padding:12px}
#dealerWorkspace[data-work-country=USA],#dealerWorkspace[data-work-country=GER]{padding:10px 12px 12px}
/* Let dealer management use the monitor width instead of the old 1480px cap. */
.du-reference-mode #workspace:has(#brandGroups:not([hidden])){max-width:none;width:100%;margin-left:0;margin-right:0}
.du-reference-mode main:has(#brandGroups:not([hidden]))>header,.du-reference-mode main:has(#brandGroups:not([hidden]))>#notice{max-width:none;width:100%;margin-left:0;margin-right:0}
#brandGroups,#dealerWorkspace{min-width:0}#dealerWorkspace{width:100%;max-width:none}

/* Analytics uses the existing light workspace tokens. */
.analytics-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.analytics-source, .analytics-tabs { display:inline-flex; align-items:center; gap:4px; padding:4px; border:1px solid var(--line); border-radius:9px; background:#f0f2f7; }
.analytics-source button, .analytics-tabs button { min-height:34px; padding:7px 13px; border:1px solid transparent; background:transparent; color:#616d80; font-size:13px; box-shadow:none; }
.analytics-source button.active, .analytics-tabs button.active { background:#fff; color:#4338ca; border-color:#e0dff0; box-shadow:0 1px 3px #20293808; }
.analytics-query { padding:20px 22px 14px; }
.analytics-query fieldset { min-width:0; padding:0; margin:0; border:0; }
.analytics-query-grid { display:grid; grid-template-columns:repeat(5,minmax(120px,1fr)); gap:12px; align-items:end; }
.analytics-query-grid label { font-size:12px; margin:0; }
.analytics-query-grid input, .analytics-query-grid select { min-height:39px; padding:8px 10px; font-size:13px; }
.analytics-query-actions { grid-column:1/-1; display:flex; justify-content:flex-end; gap:8px; margin-top:2px; }
.analytics-query-actions button { min-height:36px; padding:7px 14px; font-size:12px; }
.analytics-query-foot { display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; margin-top:15px; padding-top:12px; border-top:1px solid #edf0f5; color:var(--muted); font-size:11px; }
#analyticsPreviewNote { margin:0 0 18px; }
#analyticsMessage:empty { display:none; }
#analyticsMessage { padding:11px 14px; border:1px solid #ede1bd; border-radius:8px; background:#fff9eb; color:#805610; font-size:12px; line-height:1.7; margin-bottom:17px; }
#analyticsMessage.is-error { background:#fff4f4; border-color:#efd4d4; color:#963c3c; }
.analytics-filterbar { display:flex; gap:12px; flex-wrap:wrap; align-items:flex-end; margin:23px 0 18px; }
.analytics-filterbar label { flex:1 1 150px; min-width:120px; margin:0; font-size:12px; }
.analytics-filterbar label:nth-child(2) { flex:0 1 130px; }
.analytics-filterbar input,.analytics-filterbar select { min-height:39px; padding:8px 10px; font-size:13px; }
.analytics-filterbar button { min-height:39px; padding:8px 12px; font-size:12px; }
.analytics-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; margin-bottom:22px; }
.analytics-metric { min-width:0; padding:19px 18px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:var(--shadow); }
.analytics-metric>span { display:block; color:var(--muted); font-size:12px; margin-bottom:10px; }
.analytics-metric>strong { display:block; color:#29344c; font-size:28px; font-weight:750; line-height:1.25; overflow-wrap:anywhere; letter-spacing:-.6px; }
.analytics-metric>strong>small { margin-left:6px; font-size:12px; font-weight:500; letter-spacing:0; }
.analytics-metric:first-child { background:#f4f2ff; border-color:#ded9fb; }
.analytics-metric:first-child>strong { color:#493eb4; }
.analytics-results { padding:22px; }
.analytics-result-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:16px; }
.analytics-result-head>button { min-height:36px; font-size:12px; padding:7px 12px; }
.analytics-tabs { padding:3px; background:#f7f8fb; border-color:#e5e7ef; }
.analytics-tabs button { min-height:33px; font-size:12px; }
#analyticsCountNote { font-size:12px; margin-bottom:15px; }
.analytics-tablewrap { max-height:650px; border:1px solid #e1e5ed; border-radius:7px; }
.analytics-tablewrap table { border-collapse:separate; border-spacing:0; min-width:850px; }
.analytics-tablewrap th { position:sticky; top:0; z-index:1; border-bottom:1px solid #dce1ea; background:#f3f5fa; font-size:11px; padding:11px 12px; }
.analytics-tablewrap td { padding:12px; font-size:12px; vertical-align:top; line-height:1.7; }
.analytics-tablewrap tbody tr:last-child td { border-bottom:0; }
.analytics-tablewrap td small { display:block; max-width:260px; white-space:normal; overflow-wrap:anywhere; margin-top:3px; color:#616d80; font-size:10px; line-height:1.6; }
.analytics-tablewrap td strong { color:#34415a; font-weight:650; }
.analytics-tablewrap .num { font-variant-numeric:tabular-nums; text-align:right; }
.analytics-tablewrap td button { min-height:29px; padding:4px 8px; font-size:11px; }
.analytics-tablewrap .analytics-part-link { display:inline; min-height:0; padding:0; border:0; border-radius:2px; background:transparent; color:#5146bd; font-size:12px; font-weight:700; text-align:left; }
.analytics-part-link:hover { text-decoration:underline; }
.analytics-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; margin-top:17px; color:#616d80; font-size:12px; }
.analytics-pagination>div { display:flex; align-items:center; gap:12px; }
.analytics-pagination button { min-height:31px; padding:5px 11px; font-size:11px; }
#analyticsSelectedPart { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 12px; margin-bottom:15px; border:1px solid #dbd6f8; border-radius:7px; background:#f4f2ff; color:#5146ad; font-size:12px; }
#analyticsSelectedPart button { padding:3px 7px; min-height:26px; font-size:11px; border:0; color:#5146ad; background:transparent; }
.analytics-detail .section-heading { margin-bottom:14px; }
.analytics-detail .section-heading button { min-height:31px; padding:5px 11px; font-size:12px; }
.analytics-detail-meta { display:flex; gap:8px 18px; flex-wrap:wrap; font-size:12px; color:#616d80; padding-bottom:16px; border-bottom:1px solid #e8ebf2; }
.analytics-detail dl { margin:18px 0; }
.analytics-detail dl>div { display:grid; grid-template-columns:90px minmax(0,1fr); gap:12px; margin:10px 0; font-size:13px; }
.analytics-detail dt { color:#616d80; }
.analytics-detail dd { margin:0; color:#344155; overflow-wrap:anywhere; }
.analytics-mail-body { white-space:pre-wrap; overflow-wrap:anywhere; padding:20px; margin:21px 0; border:1px solid #e4e7ee; border-radius:8px; background:#fafbfe; line-height:1.8; font-size:14px; }
@media (max-width:1279px) {
 .analytics-query-grid { grid-template-columns:repeat(3,minmax(120px,1fr)); }
 .analytics-query-actions { grid-column:auto; }
 .analytics-metric { padding:16px 13px; }
 .analytics-metric>strong { font-size:24px; }
}
@media (max-width:1000px) {
 .analytics-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .analytics-query-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .analytics-head { flex-wrap:wrap; }
 .analytics-filterbar label { flex-basis:180px; }
}
@media (max-width:720px) {
 .analytics-head { gap:12px; }
 .analytics-source { width:100%; }
 .analytics-source button { flex:1; font-size:12px; padding:7px 10px; }
 .analytics-query { padding:17px; }
 .analytics-query-grid { gap:12px 10px; }
 .analytics-query-actions { flex-wrap:wrap; }
 .analytics-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
 .analytics-metric:first-child { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; }
 .analytics-metric:first-child>span { margin:0; }
 .analytics-results { padding:16px; }
 .analytics-tabs { flex:1; }
 .analytics-tabs button { flex:1; padding:7px 9px; }
 .analytics-filterbar label,.analytics-filterbar label:nth-child(2) { flex:1 1 40%; min-width:120px; }
 .analytics-filterbar>button { margin-left:auto; }
 .analytics-pagination { font-size:11px; }
 .analytics-detail dl>div { grid-template-columns:66px minmax(0,1fr); }
 .analytics-mail-body { padding:15px; font-size:13px; }
}

#inquiryPanel:empty{display:none}
#inquiryPanel{padding:16px;border:1px solid #e1e5ee;border-radius:9px;background:#fafbff;margin-bottom:22px}
.inquiry-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.inquiry-heading h3{margin:0;font-size:14px}
.inquiry-heading>div{display:flex;align-items:center;gap:7px}
.inquiry-heading select{width:auto;min-height:32px;padding:5px 8px;margin:0;font-size:12px}
.inquiry-heading button{min-height:32px;padding:5px 9px;font-size:12px}
.inquiry-scope,.inquiry-clear,.inquiry-message{font-size:12px;margin:9px 0 0;color:#616d80}
.inquiry-message{color:#8a5708}
.inquiry-alert{font-size:13px;color:#8a5708;margin-top:10px}
.inquiry-part{margin:10px 0 0;padding:10px 12px;background:#fff;border:1px solid #e4e6ed;border-radius:7px}
.inquiry-part summary{font-size:12px;line-height:1.8}
.inquiry-part summary strong{font-size:14px;margin-right:12px;color:#364259}
.inquiry-part summary span{color:#8a5708}
.inquiry-part summary small{display:block;margin-left:14px}
.inquiry-part .tablewrap{margin-top:9px;max-height:340px}
.inquiry-part th{position:sticky;top:0}

/* Mail review: editable source, outgoing image, and internal-only history cues. */
.review-workspace { grid-template-columns: 220px minmax(0, 1fr); gap: 18px; }
#review .list { padding: 15px 10px; }
#review .list .section-heading { padding-inline: 5px; }
#review .draft-choice { padding: 10px 6px; }
#review .draft-heading { gap: 5px; }
#review .draft-meta { gap: 3px 7px; }
#editor.review-detail { padding: 22px; container-name: review-detail; container-type: inline-size; }
.review-detail .review-identity { align-items: center; margin-bottom: 15px; padding-bottom: 16px; }
.review-detail .review-identity h2 { margin-top: 6px; font-size: 24px; }
.review-detail .review-identity p { font-size: 12px; }
.review-detail .review-warnings { margin: 0 0 14px; padding-bottom: 12px; }
.review-detail .review-warnings .warning { margin-bottom: 0; }

/* Address and copy stay available without competing with item review. */
.review-meta { margin: 0 0 20px; border: 1px solid #e2e6ef; border-radius: 9px; background: #fbfcff; }
.review-meta > summary { padding: 12px 14px; font-size: 13px; color: #45516a; overflow-wrap: anywhere; }
.review-meta > summary strong { color: #33415a; margin-right: 10px; }
.review-meta > summary small { font-weight: 400; }
.review-meta[open] > summary { border-bottom: 1px solid #e7eaf2; }
.mail-meta-fields { padding: 1px 15px 14px; }
.mail-meta-fields label { margin: 13px 0 0; font-size: 12px; }
.mail-meta-fields input, .mail-meta-fields textarea { font-size: 13px; }
.mail-meta-fields textarea { min-height: 125px; }
.mail-meta-fields .grid { gap: 13px; }
.mail-meta-fields .mail-fields { margin-bottom: 0; }

.review-data-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 13px; }
.review-data-toolbar h3 { margin: 0; font-size: 15px; color: #2d3b53; }
.review-data-toolbar > div { min-width: 0; }
.review-data-toolbar .button-group { gap: 7px; }
.review-data-toolbar button { min-height: 34px; padding: 6px 10px; font-size: 12px; }
.review-counts { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 11px; margin-top: 5px; font-size: 12px; color: #637086; }
.review-counts strong { color: #4d43c5; font-weight: 700; }
.review-counts .excluded-count { color: #7c6975; }
.review-legend { display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 10px 0; color: #69768a; font-size: 11px; }
.review-legend > span { display: inline-flex; align-items: center; gap: 5px; }
.review-legend i { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #a5aebd; }
.review-legend .recent i { background: #cb5b67; }
.review-legend .ranking i { background: #5785d6; }
.review-legend .repeat i { background: #c8657b; }
.review-legend .note i { background: #8d70c7; }

/* Optional rules are clearly separated from mail content. */
.review-rules { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 15px; margin-bottom: 16px; border: 1px solid #dedff3; border-radius: 9px; background: #f8f8fe; }
.review-rules[hidden] { display: none !important; }
.review-rules > p, .review-rules > .review-rules-heading, .review-rules > .review-rules-footer { grid-column: 1 / -1; }
.review-rules > p { margin: 0; color: #67718a; font-size: 12px; }
.review-rules-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.review-rules-heading h3 { margin: 0; font-size: 13px; }
.review-rules label { margin: 0; font-size: 12px; line-height: 1.7; }
.review-rules input[type=number], .review-rules select { min-height: 34px; padding: 6px 8px; margin-top: 6px; font-size: 12px; }
.review-rules .rule-option { padding: 11px 12px; border: 1px solid #e5e5f2; border-radius: 7px; background: #fff; }
.review-rules .rule-values { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; color: #687188; font-size: 12px; }
.review-rules .rule-values input[type=number] { width: 70px; margin: 0; }
.review-rules-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.review-rules-footer button { min-height: 33px; padding: 6px 11px; font-size: 12px; }
.review-rule-switch, .review-rule-fields, .review-rule-note { grid-column: 1 / -1; }
.review-rule-switch { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.review-rule-switch > span { color: #6b7290; font-size: 11px; }
.review-rule-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.review-rules .review-rule-note { margin: 0; font-size: 11px; line-height: 1.6; }
.review-rule-note:empty { display: none; }
.review-rule-fields input[type=number]:disabled { color: #8b94a4; background: #f0f2f7; }

/* Table and image share a visual baseline. The table remains scrollable. */
.review-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: 18px; }
.review-edit-panel, .review-preview-panel { min-width: 0; overflow: hidden; border: 1px solid #dfe5ee; border-radius: 9px; background: #fff; }
.review-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 52px; padding: 12px 14px; border-bottom: 1px solid #e4e8f0; background: #fbfcff; }
.review-panel-heading h3 { margin: 0; font-size: 13px; color: #3b4962; }
.review-panel-heading p { margin: 3px 0 0; font-size: 11px; }
.review-panel-heading small { font-size: 11px; }
.review-panel-heading button { min-height: 29px; padding: 4px 8px; font-size: 11px; white-space: nowrap; }
.review-panel-heading .button-group { gap: 6px; }
.review-table-scroll { width: 100%; max-height: 520px; overflow: auto; overscroll-behavior: contain; scrollbar-color: #bdc6d6 #f5f7fb; }
.review-table { min-width: 100%; width: max-content; border-collapse: separate; border-spacing: 0; font-size: 12px; }
.review-table th { position: sticky; top: 0; z-index: 4; padding: 10px 9px; border: 0; border-right: 1px solid #e7ebf2; border-bottom: 1px solid #dce2ed; background: #f1f4f9; color: #56637a; font-size: 10px; font-weight: 700; letter-spacing: .2px; white-space: nowrap; }
.review-table tbody tr { --review-row-bg: #fff; --review-row-edge: transparent; background: var(--review-row-bg); }
.review-table tbody tr:nth-child(even) { --review-row-bg: #fbfcff; }
.review-table td { padding: 5px 6px; border: 0; border-right: 1px solid #edf0f5; border-bottom: 1px solid #e8ecf3; vertical-align: middle; background: var(--review-row-bg); }
.review-table tbody tr:last-child td { border-bottom: 0; }
.review-table tbody tr:hover { background: var(--review-row-bg); }
.review-table tbody tr:hover td { box-shadow: inset 0 1px 0 #7187af16, inset 0 -1px 0 #7187af16; }
.review-table td:last-child, .review-table th:last-child { border-right: 0; }
.review-table td > input:not([type=checkbox]) { display: block; min-width: 95px; min-height: 35px; width: 100%; padding: 7px 8px; margin: 0; border: 1px solid transparent; border-radius: 5px; background: transparent; color: #303e55; font-size: 12px; line-height: 1.5; }
.review-table td > input:not([type=checkbox]):hover { background: #ffffffb8; border-color: #cdd5e4; }
.review-table td > input:not([type=checkbox]):focus { position: relative; z-index: 2; background: #fff; border-color: #8c83ed; box-shadow: 0 0 0 2px #4f46e51a; }
.review-table input[data-col="P/N"], .review-table input[data-col="NEW P/N"], .review-table .review-part-input { min-width: 154px; font-variant-numeric: tabular-nums; font-family: ui-monospace, SFMono-Regular, Consolas, 'Malgun Gothic', monospace; letter-spacing: -.2px; }
.review-table input[data-col=DESCRIPTION] { min-width: 240px; }
.review-table input[data-col=QTY], .review-table input[data-col="EAPS NET"] { min-width: 67px; text-align: right; font-variant-numeric: tabular-nums; }
.review-table input[data-col=ETA] { min-width: 110px; }
.review-table input[data-col=NOTE] { min-width: 190px; }
.review-table .review-select-cell { position: sticky; left: 0; z-index: 2; width: 44px; min-width: 44px; max-width: 44px; padding: 8px 10px; text-align: center; box-shadow: inset 3px 0 0 var(--review-row-edge); }
.review-table .review-select-cell input { width: 16px; height: 16px; margin: 0; }
.review-table .review-history-cell { position: sticky; left: 44px; z-index: 2; min-width: 104px; width: 104px; padding: 5px 7px; box-shadow: 3px 0 5px #263a5c05; }
.review-table th.review-select-cell, .review-table th.review-history-cell { z-index: 6; background: #f1f4f9; }
.review-row-status { display: inline-flex; justify-content: flex-start; gap: 5px; min-height: 28px; width: 100%; padding: 4px 6px; border: 1px solid transparent; background: transparent; color: #758095; font-size: 11px; font-weight: 500; text-align: left; }
.review-row-status:hover { color: #4f46e5; background: #fff; border-color: #d9d5f4; }
.review-row-status.has-history { color: #4d48a4; font-weight: 650; }
.review-row-status .status-dot { flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.review-table tbody tr.is-attention-ranking { --review-row-bg: #edf4ff; --review-row-edge: #6a96dc; }
.review-table tbody tr.is-attention-ranking .review-row-status { color: #3563a4; }
.review-table tbody tr.is-attention-recent { --review-row-bg: #fff0f1; --review-row-edge: #cf6774; }
.review-table tbody tr.is-attention-recent .review-row-status { color: #a23e4d; }
.review-table tbody tr.is-attention-repeat { --review-row-bg: #fff0f2; --review-row-edge: #cd7187; }
.review-table tbody tr.is-attention-repeat .review-row-status { color: #a14b60; }
.review-table tbody tr.is-attention-note { --review-row-bg: #f5efff; --review-row-edge: #9473c7; }
.review-table tbody tr.is-attention-note .review-row-status { color: #7852ab; }
.review-table tbody tr.is-excluded { --review-row-bg: #f5f6f8; --review-row-edge: #cbd0da; }
.review-table tbody tr.is-excluded td > input:not([type=checkbox]) { color: #8c95a5; }
.review-table tbody tr.is-excluded .review-row-status { color: #7e8798; }
.review-table tbody tr.is-excluded .review-select-cell { opacity: 1; }
.review-table input:disabled { cursor: not-allowed; background: transparent; opacity: .7; }
.review-table-empty { margin: 0; padding: 28px 18px; color: #6a768b; font-size: 13px; text-align: center; }
.review-preview-panel .preview-shell { min-height: 120px; max-height: 570px; padding: 16px; border: 0; border-radius: 0; background: #f7f9fc; }
.review-preview-panel .preview { max-width: 100%; margin: 0 auto; box-shadow: 0 2px 9px #2938570b; }
#reviewPreviewStatus { margin: 0; padding: 9px 14px; border-top: 1px solid #e6eaf1; background: #fff; color: #6b768a; font-size: 11px; line-height: 1.6; }
.review-preview-empty { padding: 28px 16px; margin: 0; font-size: 13px; text-align: center; color: #7c8798; }
.review-detail .individual-send { margin-top: 20px; }

/* Internal part history is a drawer; nothing here is rendered into the PNG. */
.review-history-drawer { position: fixed; inset: 0; z-index: 100; display: flex; justify-content: flex-end; }
.review-history-drawer[hidden] { display: none !important; }
.review-history-backdrop { position: absolute; inset: 0; background: #17243a55; backdrop-filter: blur(2px); }
.review-history-sheet { position: relative; display: flex; flex-direction: column; width: min(760px, 95vw); height: 100%; overflow: auto; padding: 26px 28px; background: #fff; box-shadow: -12px 0 48px #15233a24; overscroll-behavior: contain; }
.review-history-sheet > header, .review-history-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: -26px -28px 22px; padding: 23px 28px 20px; border-bottom: 1px solid #e3e7ef; background: #fff; }
.review-history-sheet h2 { margin: 4px 0 7px; font-size: 23px; line-height: 1.4; letter-spacing: -.4px; overflow-wrap: anywhere; }
.review-history-sheet header p, .review-history-header p { margin: 0; font-size: 12px; color: #68748a; }
.review-history-sheet header small, .review-history-header small { color: #7b8497; letter-spacing: .3px; }
.review-history-sheet .close-button, .review-history-sheet [data-close-history], #closePartHistory, #reviewPartClose { flex: 0 0 auto; min-width: 34px; min-height: 34px; padding: 5px 10px; color: #69768a; font-size: 13px; }
#reviewPartClose { font-size: 20px; line-height: 1; }
.review-history-content { min-width: 0; }
.review-history-sheet .section-heading { margin: 22px 0 12px; }
.review-history-sheet .section-heading h3 { font-size: 14px; }
.part-history-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 20px; }
.part-history-metrics > div { padding: 15px; border: 1px solid #e2e6ef; border-radius: 8px; background: #f8faff; }
.part-history-metrics strong { display: block; margin: 5px 0 1px; color: #394565; font-size: 23px; font-weight: 700; font-variant-numeric: tabular-nums; }
.part-history-metrics span, .part-history-metrics small { font-size: 11px; color: #65728a; }
.part-history-metrics strong small { margin-left: 4px; font-weight: 500; }
.part-history-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 15px; margin-bottom: 19px; border: 1px solid #e1dbee; border-radius: 8px; background: #fbf9ff; }
.part-history-actions label { margin: 0; font-size: 12px; }
.part-history-actions button { min-height: 32px; padding: 5px 10px; font-size: 12px; }
.part-history-list { display: grid; gap: 10px; margin: 14px 0 22px; }
.part-history-entry { padding: 15px; border: 1px solid #e2e7ef; border-radius: 8px; background: #fff; }
.part-history-entry > .row { align-items: flex-start; gap: 10px; margin: 0 0 9px; }
.part-history-entry-head { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.part-history-entry-head strong { font-size: 12px; font-weight: 650; color: #3e4b63; }
.part-history-status { margin-left: auto; font-size: 10px; color: #748198; }
.part-history-entry .part-history-subject { margin-top: 9px; font-size: 12px; color: #56647c; }
.part-history-entry .kind-chip { font-size: 10px; }
.part-history-entry time, .part-history-entry small { font-size: 11px; color: #6b7890; }
.part-history-entry h4 { margin: 8px 0 5px; color: #33435c; font-size: 13px; }
.part-history-entry p { margin: 5px 0 0; font-size: 12px; line-height: 1.7; overflow-wrap: anywhere; }
.part-history-entry dl { display: grid; grid-template-columns: 85px minmax(0, 1fr); gap: 6px 10px; margin: 12px 0 0; font-size: 12px; }
.part-history-entry dt { color: #748198; }
.part-history-entry dd { margin: 0; color: #43516a; overflow-wrap: anywhere; }
.part-history-entry .tablewrap { margin-top: 10px; }
.part-history-entry th, .part-history-entry td { padding: 7px; font-size: 11px; }
.part-history-entry button { min-height: 29px; padding: 4px 9px; font-size: 11px; }
.part-history-empty { margin: 0 0 18px; padding: 24px 18px; border: 1px dashed #dce2ed; border-radius: 8px; background: #fafbfe; color: #738097; font-size: 13px; text-align: center; }
.part-source-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; padding: 1px; margin: 12px 0 0; border: 1px solid #e3e7ef; border-radius: 7px; overflow: hidden; background: #e8ebf1; }
.part-source-grid > div, .part-source-grid > span { padding: 10px 12px; background: #fbfcfe; font-size: 12px; overflow-wrap: anywhere; }
.part-source-grid > span { display: block; font-size: 10px; color: #778299; }
.part-source-grid > span > strong { display: block; margin-top: 4px; color: #41516b; font-size: 12px; font-weight: 550; }
.part-source-grid dt, .part-source-grid small { display: block; margin: 0 0 4px; color: #778299; font-size: 10px; }
.part-source-grid dd { margin: 0; color: #41516b; }
.part-history-scope { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 14px 0; color: #6b768c; font-size: 11px; }
.part-history-scope select { width: auto; min-width: 110px; min-height: 32px; padding: 5px 8px; margin: 0; font-size: 12px; }
.part-history-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 0; }
.part-history-heading h3 { margin: 0; font-size: 14px; }
.part-history-heading button { min-height: 30px; padding: 4px 9px; font-size: 11px; }
.part-original { margin: 0 0 20px; padding-bottom: 17px; border-bottom: 1px solid #e6eaf1; }

@media (max-width: 1100px) {
  .review-workspace { grid-template-columns: 190px minmax(0, 1fr); gap: 14px; }
  #editor.review-detail { padding: 18px; }
  #review .draft-heading strong { font-size: 13px; }
  .review-panel-heading { padding-inline: 12px; }
  .review-rules { grid-template-columns: 1fr; }
  .review-rule-fields { gap: 9px; }
}
@media (max-width: 720px) {
  .review-workspace { grid-template-columns: minmax(0, 1fr); gap: 0; }
  #review .list { max-height: 290px; padding: 14px 12px; }
  #review .list-filters { grid-template-columns: minmax(0, 1fr) 110px; }
  #review #drafts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
  #review .draft-choice { margin: 0; padding: 9px 5px; }
  #review .draft-heading { align-items: flex-start; }
  #editor.review-detail { padding: 16px; }
  .review-detail .review-identity h2 { font-size: 22px; }
  .review-meta > summary { padding: 11px 12px; }
  .mail-meta-fields { padding-inline: 12px; }
  .review-grid { gap: 14px; }
  .review-data-toolbar { align-items: flex-start; }
  .review-data-toolbar .button-group { justify-content: flex-end; }
  .review-rule-fields { grid-template-columns: 1fr; }
  .review-panel-heading { padding: 11px 10px; }
  .review-table-scroll { max-height: 420px; }
  .review-table .review-select-cell { min-width: 39px; width: 39px; max-width: 39px; padding-inline: 8px; }
  .review-table .review-history-cell { left: 39px; min-width: 95px; width: 95px; padding-inline: 5px; }
  .review-preview-panel .preview-shell { padding: 10px; max-height: 460px; }
  .review-history-sheet { width: 100%; padding: 21px 17px; }
  .review-history-sheet > header, .review-history-header { margin: -21px -17px 18px; padding: 19px 17px 16px; gap: 10px; }
  .review-history-sheet h2 { font-size: 21px; }
  .part-history-metrics { gap: 7px; }
  .part-history-metrics > div { padding: 11px 9px; }
  .part-history-metrics strong { font-size: 21px; }
  .part-history-actions { flex-wrap: wrap; padding: 12px; }
  .part-history-entry { padding: 13px; }
  .part-source-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .review-history-backdrop { backdrop-filter: none; }
}

.review-rule-section { min-width: 0; padding: 12px; border: 1px solid #e3e5ef; border-radius: 8px; background: #fff; }
.review-rule-section .review-rule-fields { margin-top: 10px; gap: 8px; }
.review-rule-switch label { display: flex; align-items: center; gap: 6px; font-weight: 650; }
.review-rule-switch input[type=checkbox] { margin: 0 2px 0 0; }
.review-color-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.review-color-dot.recent { background: #cb5b67; }
.review-color-dot.ranking { background: #5785d6; }
.review-history-notice { margin: 0 0 12px; color: #7c8599; font-size: 11px; }
.part-attention-reasons { display: flex; flex-wrap: wrap; gap: 7px; margin: -8px 0 18px; font-size: 12px; }
.part-attention-reasons > span { padding: 6px 9px; border-radius: 6px; }
.part-attention-recent { color: #a44553; background: #fff0f2; }
.part-attention-ranking { color: #365f9f; background: #edf4ff; }
#reviewMetaRecipient { display: block; margin: 5px 0 0 15px; color: #718096; }
.review-panel-heading > span { color: #798398; font-size: 11px; }

/* Outgoing image stays above the editable rows on every screen. */
.review-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.review-preview-panel { position: sticky; top: 12px; z-index: 8; box-shadow: 0 4px 15px #28334b0b; }
.review-preview-panel .preview-shell { max-height: clamp(140px, 28vh, 300px); min-height: 90px; }
.review-table-scroll { max-height: clamp(200px, 40vh, 460px); }
.review-undo-actions { gap: 6px; }
.review-undo-actions button:disabled { opacity: .42; }
@media (max-width: 720px), (max-height: 650px) {
 .review-preview-panel { position: static; }
 .review-preview-panel .preview-shell { max-height: 220px; }
}

/* Persistent part knowledge stays internal; purple takes visual priority. */
.part-note-block { margin: 0 0 22px; padding: 15px; border: 1px solid #e3e5ed; border-radius: 9px; background: #fafbfe; }
.part-note-block.has-note { border-color: #d9cbed; background: #f8f3ff; }
.part-note-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.part-note-heading h3 { margin: 0; font-size: 14px; color: #70528f; }
.part-note-heading button { min-height: 30px; padding: 5px 9px; font-size: 11px; color: #70528f; border-color: #d9cbed; }
.part-note-text { margin-top: 13px; color: #44364f; font-size: 13px; line-height: 1.75; white-space: pre-wrap; overflow-wrap: anywhere; }
.part-note-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 7px 15px; margin-top: 14px; padding-top: 11px; border-top: 1px solid #e6dcef; color: #8a7799; font-size: 11px; }
.part-note-empty, .part-note-load-status { margin: 12px 0 0; font-size: 12px; color: #7f8593; }
.part-note-load-status { color: #9c6a38; }

/* Persistent part knowledge: scan the list, edit one clear memo. */
.part-notes-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.part-notes-toolbar>div:first-child { display:flex; align-items:center; gap:8px; color:#635776; font-size:13px; }
.part-notes-dot { width:8px; height:8px; border-radius:50%; background:#9672cf; }
.part-notes-toolbar button { min-height:35px; padding:7px 12px; font-size:12px; }
#partNotesMessage { margin:0 0 14px; padding:10px 13px; border:1px solid #e4ddf5; border-radius:8px; background:#f7f4ff; color:#67528b; font-size:12px; }
#partNotesMessage:empty { display:none; }
#partNotesMessage.is-error { color:#944151; border-color:#eed7dd; background:#fff4f6; }
.part-notes-layout { display:grid; grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr); gap:20px; align-items:start; }
.part-notes-list-panel { padding:20px 14px 12px; min-width:0; }
.part-notes-list-panel .section-heading { padding:0 6px; margin-bottom:12px; }
.part-notes-list-panel .section-heading h2 { margin:0; font-size:15px; }
#partNotesSearch { margin:0 0 12px; min-height:38px; font-size:12px; }
.part-notes-list { max-height:660px; overflow:auto; padding:0 1px; }
.part-note-choice { width:100%; display:flex; flex-direction:column; align-items:stretch; gap:5px; padding:13px 12px; margin-bottom:5px; min-height:90px; border:1px solid transparent; border-bottom-color:#ecedf3; border-radius:8px; background:#fff; text-align:left; font-weight:400; }
.part-note-choice>strong { color:#3d4860; font-family:ui-monospace,SFMono-Regular,Consolas,'Malgun Gothic',monospace; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.part-note-choice>span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:#647086; font-size:12px; line-height:1.6; white-space:pre-wrap; overflow-wrap:anywhere; }
.part-note-choice>small { color:#8490a2; font-size:10px; overflow-wrap:anywhere; }
.part-note-choice:hover { border-color:#e1dcf2; background:#faf8ff; }
.part-note-choice.is-selected { border-color:#d9ccef; background:#f6f1ff; }
.part-note-choice.is-selected>strong { color:#72519b; }
.part-notes-empty { padding:30px 15px; text-align:center; color:#8490a2; font-size:13px; }
.part-note-editor { padding:24px; min-width:0; border-top:3px solid #aa8bd4; }
.part-note-editor fieldset { margin:0; padding:0; border:0; min-width:0; }
.part-note-editor-head { display:flex; justify-content:space-between; align-items:flex-start; gap:15px; padding-bottom:17px; margin-bottom:19px; border-bottom:1px solid #ece8f2; }
.part-note-editor-head small { color:#89769d; font-size:11px; }
.part-note-editor-head h2 { margin:5px 0 0; font-size:20px; color:#463654; overflow-wrap:anywhere; }
#partNotesSaveState { flex:0 0 auto; margin-top:3px; padding:4px 8px; border-radius:6px; background:#f2f4f7; color:#7d8798; font-size:10px; }
#partNotesSaveState.is-dirty { color:#92672d; background:#fff6e6; }
.part-note-editor label { margin:15px 0; font-size:12px; }
.part-note-editor label small { margin-left:4px; font-size:10px; font-weight:400; }
.part-note-editor input { min-height:40px; padding:9px 11px; font-size:13px; }
#partNotesPart { font-family:ui-monospace,SFMono-Regular,Consolas,'Malgun Gothic',monospace; }
#partNotesText { min-height:230px; font-size:14px; line-height:1.8; }
.part-note-meta { display:flex; flex-direction:column; gap:4px; padding-top:5px; color:#8290a2; font-size:10px; }
.part-note-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:22px; padding-top:17px; border-top:1px solid #ece8f2; }
.part-note-footer .primary { margin-left:auto; min-width:96px; }
.part-note-footer button { min-height:37px; padding:7px 15px; font-size:12px; }
@media(max-width:1100px){.part-notes-layout{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);gap:14px}.part-note-editor{padding:20px}}
@media(max-width:800px){.part-notes-layout{grid-template-columns:1fr}.part-notes-list{max-height:270px}.part-note-editor{padding:20px}.part-notes-toolbar{align-items:flex-start;flex-wrap:wrap}.part-notes-toolbar>.button-group{margin-left:auto}.part-note-choice{min-height:76px}.part-note-choice>span{-webkit-line-clamp:1}#partNotesText{min-height:200px}}

@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ui-0.woff) format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ui-1.woff) format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ui-2.woff) format('woff');}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ui-3.woff) format('woff');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ui-4.woff) format('woff');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ui-5.woff) format('woff');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ui-6.woff) format('woff');}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/ui-7.woff) format('woff');}
:root{--ux-font:'Roboto','Noto Sans KR',sans-serif;--sidebar:174px;--accent:#30343b;--primary:#30343b;--brand:#30343b;--du-green:#30343b;--accent-dark:#20242b;--accent-soft:#edf0f3;--du-border:#dce0e5;--du-gray:#f5f6f8;--line:#dce0e5;--canvas:#f6f7f8}
body.ux-actual-type{font-family:var(--ux-font);font-size:14px;font-weight:400;line-height:1.5;color:#252930;background:#f6f7f8;letter-spacing:0;-webkit-font-smoothing:antialiased}
.ux-actual-type input,.ux-actual-type select,.ux-actual-type textarea,.ux-actual-type button{font-family:var(--ux-font)!important;font-size:14px;letter-spacing:0;font-weight:400;color:#252930}
.ux-actual-type h1,.ux-actual-type h2,.ux-actual-type h3,.ux-actual-type strong{font-weight:600}
.ux-actual-type h1{font-size:22px!important;letter-spacing:-.4px}.ux-actual-type h2{font-size:17px}.ux-actual-type h3{font-size:15px}
.ux-actual-type.du-reference-mode{--sidebar:174px}.ux-actual-type.du-reference-mode>aside{width:174px;padding:18px 10px;background:#f0f2f4;border-right:1px solid #dce0e5;color:#30343b}
.ux-actual-type.du-reference-mode>aside .app-logo{justify-content:flex-start;padding:0 8px 23px;gap:8px}.ux-actual-type.du-reference-mode>aside .app-logo>div{display:block}.ux-actual-type .app-logo>div strong{font-size:17px;color:#252930}.ux-actual-type .app-logo>div span{font-size:11px;color:#606973}.ux-actual-type.du-reference-mode>aside .app-logo-mark{display:none}
.ux-actual-type.du-reference-mode>aside nav button{flex-direction:row;justify-content:flex-start;gap:10px;min-height:43px;padding:10px 12px;font-size:14px;font-weight:500;border-radius:5px;color:#4c5560;white-space:nowrap}
.ux-actual-type.du-reference-mode>aside nav button.active{background:#dde2e8!important;color:#20242b!important;border-color:transparent!important;font-weight:600}.ux-actual-type.du-reference-mode>aside nav button:hover{background:#e5e8ec;color:#20242b}.ux-actual-type.du-reference-mode>aside .nav-icon{height:19px;width:19px;flex:0 0 19px}.ux-actual-type.du-reference-mode>aside .asidefoot{display:flex;padding:12px 5px;color:#626b76}.ux-actual-type .nav-label{font:inherit;letter-spacing:0}
.ux-actual-type.du-reference-mode main{padding:0 20px 20px;margin-left:174px;width:calc(100% - 174px)}.ux-actual-type main>header{padding:15px 0!important;min-height:62px}.ux-actual-type .review-demo-tools{background:#eef0f3!important;color:#555f6b!important;font-size:12px;padding:5px 9px!important;border-radius:4px!important;margin-bottom:8px}.ux-actual-type .review-demo-tools button{font-size:12px!important;min-height:28px!important}
.ux-actual-type button.primary{background:#30343b!important;border-color:#30343b!important;color:#fff!important}.ux-actual-type button:focus-visible,.ux-actual-type input:focus-visible,.ux-actual-type select:focus-visible,.ux-actual-type textarea:focus-visible{outline:2px solid #697382;outline-offset:2px}.ux-actual-type input:focus,.ux-actual-type textarea:focus,.ux-actual-type select:focus{border-color:#717c8b;box-shadow:0 0 0 2px #69738218}.ux-actual-type input[type=checkbox]{accent-color:#424a55}
.ux-actual-type #dealerWorkspace{width:100%;max-width:none;background:#fff;border:1px solid #dce0e5;border-radius:7px;padding:0!important;box-shadow:none}
#dealerWorkspace .ux-viewbar{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #dce0e5;background:#fafbfc}.ux-grow{flex:1}.ux-view-switch{display:flex;gap:3px}.ux-view-switch button{border:0!important;background:transparent!important;font-weight:500!important}.ux-view-switch button.active{background:#e6e9ed!important;color:#20242b!important;font-weight:600!important}.ux-viewbar select{width:190px}
#dealerWorkspace button,#dealerWorkspace input,#dealerWorkspace select,#dealerWorkspace textarea{font-family:var(--ux-font)!important;font-size:14px;min-height:35px;border-radius:4px;color:#252930}#dealerWorkspace button:hover{background:#f0f2f5}#dealerWorkspace small{font-size:12px;color:#68727f}#dealerWorkspace label{font-size:13px;color:#414b57}#dealerWorkspace .du-top{padding:10px 12px;border-bottom:1px solid #e1e5ea;gap:10px;align-items:end}#dealerWorkspace .du-top .du-selector{width:160px;font-size:12px}#dealerWorkspace .du-top .du-brand-selector{width:180px}#dealerWorkspace .du-top .du-country-selector{width:135px}#dealerWorkspace .du-selector[hidden]{display:none!important}
.ux-detail{display:grid;grid-template-columns:205px minmax(0,1fr);min-height:630px}.ux-brand-list{background:#fafbfc;border-right:1px solid #dce0e5;padding:10px 8px;min-width:0}.ux-search{margin-bottom:10px}.ux-search input{width:100%;font-size:13px!important}.ux-brand-item{display:flex!important;flex-direction:column;align-items:flex-start;width:100%;padding:10px 10px!important;margin-bottom:4px!important;background:transparent!important;border:1px solid transparent!important;min-height:63px!important;text-align:left;white-space:normal!important}.ux-brand-item strong{font-size:14px;color:#252930}.ux-brand-item span{font-size:12px;color:#66717e;margin-top:3px}.ux-brand-item.selected{background:#e8ecf0!important;border-color:#d6dce3!important;border-left:3px solid #505a68!important}.ux-brand-item:hover{background:#eef1f4!important}#uxBrands{max-height:670px;overflow:auto}
.ux-detail>#duBody{min-width:0;padding:0 14px 14px}.ux-brand-heading{display:flex;gap:10px;align-items:center;min-height:57px;border-bottom:1px solid #e2e6eb;padding:10px 0;flex-wrap:wrap}.ux-brand-heading>strong{font-size:20px}.ux-heading-divider{height:20px;border-left:1px solid #dce0e5}.ux-caption{font-size:12px;color:#64707f}.ux-child-tags{display:flex;gap:5px;flex-wrap:wrap;flex:1}.ux-child-tags span{font-size:12px;padding:3px 8px;background:#f0f2f5;border:1px solid #e0e5ea;border-radius:4px}.ux-child-tags .ux-muted{background:none;border:0;color:#7b8490}.ux-brand-heading button{font-size:12px!important;min-height:29px!important}
#dealerWorkspace .ux-kind-tabs{padding:11px 0;margin:0;border-bottom:1px solid #e3e6eb}.ux-kind-tabs .du-kind{gap:4px}.ux-kind-tabs .du-kind button{min-width:120px!important;border:0!important;background:transparent!important;color:#647080!important;padding:9px 16px!important;border-radius:4px!important;font-weight:500!important}.ux-kind-tabs .du-kind button.active{background:#e9edf1!important;color:#252930!important;font-weight:600!important;box-shadow:inset 0 -2px #424c59}
#dealerWorkspace .du-inline-mail{border:0;border-radius:0;margin:0 0 14px}.du-inline-heading{background:#fff!important;border-bottom:0!important;padding:12px 0 4px!important}.du-inline-heading strong{font-size:14px}.du-address-row{gap:14px!important;padding:4px 0!important}.du-chips{background:#fff!important;border-color:#dce0e5!important;padding:5px!important;margin-bottom:6px!important;gap:4px!important}.du-chips>span{background:#edf0f3!important;font-size:13px!important;color:#39424e!important}.du-chips>input{font-size:13px!important;min-width:120px!important}.du-inline-field{grid-template-columns:64px minmax(0,1fr)!important;margin:9px 0!important;padding:0!important}.du-inline-field>span{font-size:13px!important;color:#414b57!important}.du-inline-field textarea{min-height:88px!important;line-height:1.65}
.du-reference-split{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:12px!important}.du-edit-card,.du-mail-card{border:1px solid #dce0e5!important;border-radius:5px!important;box-shadow:none!important;background:#fff!important}.du-card-heading{background:#fafbfc!important;padding:10px!important;border-bottom:1px solid #e0e4e9!important}.du-live-badge{background:#edf0f3!important;color:#5d6876!important}.du-sheet-toolbar{background:#f5f6f8!important}.du-sheet th,.du-sheet .du-col-title,.du-sheet .du-col-title input{background:#eef1f4!important;color:#303b48!important}.du-sheet td,.du-sheet th{height:35px!important;border-color:#dce1e7!important}.du-sheet input{font-family:var(--ux-font)!important;font-size:13px!important}.du-sheet .du-sample td{color:#4c5867!important;background:#fff!important;font-size:13px}.du-sheet .du-selected-cell,.du-sheet .du-selected-cell input,.du-sheet .du-selected-axis{background:#d4dce6!important;color:#202833!important}.du-bottom-inspector{background:#fafbfc!important;border-color:#e0e5eb!important}.du-preview{font-family:var(--ux-font)!important}.du-preview table,.du-preview-copy,.du-mail-envelope{font-family:var(--ux-font)!important;font-size:13px!important;color:#252930!important}.du-preview th{background:#eef1f4!important}.du-preview td,.du-preview th{padding:7px 8px!important}.du-preview-copy{line-height:1.7!important}.du-mail-envelope{padding:12px!important}
.ux-list-tools{display:flex;align-items:center;gap:15px;padding:12px}.ux-list-tools input{width:320px!important}.ux-list-tools span{font-size:13px;color:#637080}.ux-directory-scroll{max-height:68vh;overflow:auto}.ux-directory{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;white-space:nowrap}.ux-directory th{position:sticky;top:0;background:#eef1f4;z-index:2;font-weight:500;text-align:left}.ux-directory td,.ux-directory th{padding:9px 11px;border-right:1px solid #e0e4e9;border-bottom:1px solid #e0e4e9}.ux-directory tbody tr:nth-child(even){background:#fafbfc}.ux-directory tbody tr:hover{background:#edf1f6}.ux-directory .du-country{font-size:12px}.ux-open{min-height:28px!important;font-size:12px!important}.ux-empty{padding:10px;font-size:13px;color:#68727e}
.ux-actual-type .du-country.ger{background:#edfaff!important;color:#156581!important;border:1px solid #a4dcf0!important}.ux-actual-type .du-country.usa{background:#fff8e5!important;color:#7b5b00!important;border:1px solid #f0d37b!important}.ux-actual-type #compose[data-work-country=GER],.ux-actual-type #dealerWorkspace[data-work-country=GER]{border-top:3px solid #00afe0!important}.ux-actual-type #compose[data-work-country=USA],.ux-actual-type #dealerWorkspace[data-work-country=USA]{border-top:3px solid #ffbf00!important}
@media(max-width:1200px){.ux-detail{grid-template-columns:170px minmax(0,1fr)}.du-reference-split{grid-template-columns:minmax(0,1fr)!important}.ux-actual-type.du-reference-mode>aside{width:155px}.ux-actual-type.du-reference-mode main{margin-left:155px;width:calc(100% - 155px)}#dealerWorkspace .du-top{flex-wrap:wrap}}
@media(max-width:760px){.ux-detail{display:block}.ux-brand-list{border-right:0;border-bottom:1px solid #ddd}#uxBrands{display:flex;overflow:auto;max-height:120px}.ux-brand-item{min-width:145px}.ux-viewbar{flex-wrap:wrap}.ux-actual-type.du-reference-mode>aside{width:132px;padding:12px 5px}.ux-actual-type.du-reference-mode main{margin-left:132px;width:calc(100% - 132px);padding:0 10px 15px}.ux-actual-type.du-reference-mode>aside nav button{font-size:13px;padding:9px;gap:7px}.du-address-row{display:block!important}.ux-viewbar select{width:160px}.ux-brand-heading>strong{font-size:18px}}
/* Brand ownership and unmistakable country context. */
.ux-flag{width:30px;height:20px;display:inline-block;flex:0 0 30px;border-radius:2px;box-shadow:0 0 0 1px #00000015;vertical-align:middle}.ux-country-title{display:flex;gap:9px;align-items:center;margin-right:6px}.ux-country-title strong{font-size:18px}.ux-country-title>span{font-size:11px;font-weight:500;color:#556171;letter-spacing:.6px}.ux-country-cell{display:flex;gap:8px;align-items:center;font-weight:500}.ux-route-fields{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:14px;margin:10px 0 12px}.ux-route-fields input{width:100%}.ux-route-fields label{gap:5px!important}.ux-route-caption{font-size:12px;padding:8px 10px;background:#edf0f3;border-radius:4px;color:#495566}.ux-brand-item span{font-size:13px!important;color:#465363!important;line-height:1.6}.ux-directory{font-size:14px!important}.ux-directory td,.ux-directory th{padding:11px 13px!important;color:#303b48}.ux-directory th{font-weight:600;color:#27313e}.ux-directory td:nth-child(2),.ux-directory th:nth-child(2){position:sticky;left:0;background:#f7f8fa;z-index:1}.ux-directory th:nth-child(2){z-index:3}.ux-directory td:nth-child(6),.ux-directory td:nth-child(7){min-width:230px;white-space:normal;overflow-wrap:anywhere}.ux-directory td:nth-child(3){min-width:150px;white-space:normal}.ux-directory td:nth-child(5){min-width:150px}.ux-directory-scroll{border-top:1px solid #dde2e8}.ux-actual-type #dealerWorkspace[data-work-country=GER] .ux-top{background:#effaff;border-bottom:1px solid #bce5f3}.ux-actual-type #dealerWorkspace[data-work-country=USA] .ux-top{background:#fff9e9;border-bottom:1px solid #f3dea1}.ux-actual-type #dealerWorkspace[data-work-country=GER]{box-shadow:0 0 0 1px #00afe033!important}.ux-actual-type #dealerWorkspace[data-work-country=USA]{box-shadow:0 0 0 1px #ffbf0040!important}.ux-actual-type #compose[data-work-country=GER] .du-import-context{background:#effaff;border-radius:5px;padding:12px}.ux-actual-type #compose[data-work-country=USA] .du-import-context{background:#fff9e9;border-radius:5px;padding:12px}.ux-brand-item strong{font-weight:600!important}.ux-detail>#duBody{overflow:hidden}#dealerWorkspace .du-selector[hidden]{display:none!important}
/* Readable navigation and compact review rows. */
.ux-actual-type.du-reference-mode>aside nav button{color:#303b49!important;font-weight:500;gap:11px}.ux-actual-type.du-reference-mode>aside nav button .nav-icon{color:#47576b!important;stroke-width:1.9;width:21px;height:21px;flex-basis:21px}.ux-actual-type.du-reference-mode>aside nav button.active .nav-icon{color:#202e40!important}.ux-actual-type.du-reference-mode>aside nav button.active{background:#dce3ec!important;color:#1c2a3b!important}.ux-actual-type .nav-label{font-size:14px;font-weight:500}
#review .review-workspace{grid-template-columns:310px minmax(0,1fr);gap:14px}#review .list{padding:12px;min-width:0}#review .list .section-heading{margin-bottom:10px}#review .list .section-heading h2{font-size:15px}#review .list-filters{gap:6px;margin-bottom:7px}#review .list-filters input,#review .list-filters select{min-height:32px;font-size:13px;padding:6px 8px}#review .select-all{font-size:12px;padding:6px 0;margin-bottom:6px}#review #drafts{max-height:calc(100vh - 330px);overflow-y:auto;min-height:100px}#review .draft-choice{display:flex;align-items:center;padding:5px 6px;margin:0;border-radius:0;border:0;border-bottom:1px solid #e1e5eb;border-left:3px solid transparent;min-height:38px;background:#fff}#review .draft-choice[data-country=USA]{border-left-color:#ffbf00}#review .draft-choice[data-country=GER]{border-left-color:#00afe0}#review .draft-choice.selected{background:#e8edf3!important;border-color:#dae1ea!important;border-left-color:#697b91!important}#review .draft-choice>label{margin:0;padding:0;display:flex;align-items:center}#review .draft-choice .item{display:flex;align-items:center;gap:7px;padding:1px 0;margin:0;min-height:26px;white-space:nowrap;width:100%;font-size:13px}#review .draft-choice input[type=checkbox]{width:15px;height:15px;min-height:15px;margin:0}#review .ux-mail-brand{font-size:13px;font-weight:600;color:#253448;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:50px}#review .ux-mail-kind{font-size:11px;font-weight:500;color:#4f5c6c;background:#edf0f4;padding:1px 4px;border-radius:3px}#review .ux-mail-country{font-size:11px;color:#5c6878}#review .ux-mail-count{font-size:12px;color:#435368;font-variant-numeric:tabular-nums;min-width:24px;text-align:right}#review .ux-mail-alert{font-size:10px;color:#a06518}
#review .batchbar{padding:9px 13px!important;gap:12px;min-height:58px;border-radius:6px;box-shadow:0 -2px 10px #23334b0a}#review .batch-info{display:flex;align-items:center;flex:1;gap:12px;flex-wrap:wrap}#review .batch-info>strong{font-size:13px;white-space:nowrap}#review .batch-sender-control{display:flex;gap:6px;align-items:center;margin:0;max-width:430px}#review #batchSender{min-height:32px;width:230px;font-size:12px;padding:5px 8px}#review #applyBatchSender{min-height:32px;padding:5px 8px;font-size:12px}#review .batch-info>label{font-size:12px;margin:0;display:flex;gap:6px;align-items:center}#review #batchConfirmed{min-height:15px;width:15px;height:15px;margin:0}#review #batchSend{width:auto;min-width:116px;min-height:35px;padding:7px 17px;font-size:13px}#batchStatus:empty{display:none}#review .batchbar #batchStatus{font-size:12px}
.ux-brand-dialog{max-width:760px!important;width:calc(100vw - 60px)!important;padding:18px!important}.ux-brand-dialog .du-basic{padding:6px 0}.ux-brand-dialog .du-brand-row{grid-template-columns:200px minmax(0,1fr) 50px;padding:12px;gap:16px}.ux-brand-dialog .du-section-head h3{font-size:16px}.ux-dialog-footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #dfe5eb;padding-top:12px;margin-top:12px}.ux-dialog-footer button{min-width:80px;min-height:36px}.ux-brand-dialog #uxPanelError{color:#b13e3e;font-size:13px;margin:8px 0}.ux-brand-dialog #uxPanelError:empty{display:none}
@media(max-width:1050px){#review .review-workspace{grid-template-columns:265px minmax(0,1fr)}#review .batch-info{gap:7px}#review .batch-sender-control{max-width:360px}#review #batchSender{width:180px}}
.ux-send-demo{font-size:12px;color:#5f6b7c;padding:6px 9px;margin-bottom:10px;border:1px dashed #cbd3de;border-radius:5px;background:#fafbfc}.ux-send-demo summary{cursor:pointer}.ux-send-demo>div{display:flex;gap:7px;margin-top:7px}.ux-send-demo button,.ux-send-demo select{font-size:12px;min-height:30px;padding:5px 8px}.ux-send-state{font-size:11px;font-weight:500;color:#5e6b7d;white-space:nowrap}.ux-send-state.sent{color:#24613c}.ux-send-state.failed{color:#b33b3b}.ux-send-state.unknown{color:#986715}.ux-send-state.sending{color:#545c79}#uxSendSummary{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;border:1px solid #dbe1e9;padding:9px 12px;border-radius:5px;margin-bottom:10px;background:#fff}#uxSendSummary[hidden]{display:none}#uxSendSummary button{font-size:12px;min-height:27px;padding:4px 8px}.ux-result-dialog{border:1px solid #d6dde7;border-radius:9px;width:min(440px,90vw);padding:23px;color:#293748;font-family:var(--ux-font)}.ux-result-dialog::backdrop{background:#18233255}.ux-result-dialog h2{font-size:20px;margin:14px 0 10px}.ux-result-dialog p{font-size:14px;line-height:1.7}.ux-demo-label{font-size:11px;font-weight:500;color:#776332;background:#fff7df;padding:4px 7px;border-radius:3px}.ux-result-note{font-size:12px!important;color:#756444}.ux-result-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.ux-result-actions button{min-height:34px;font-size:13px;padding:6px 13px}.ux-retry-demo{margin:8px 0 10px;font-size:12px;color:#a13e3e}.ux-admin-heading{display:flex;gap:10px;align-items:center}.ux-admin-heading>div{flex:1}.ux-admin-heading p{font-size:12px;color:#647184}.ux-admin-filter{display:flex;gap:15px;align-items:end;margin:15px 0}.ux-admin-filter label{display:grid;gap:5px;font-size:12px}.ux-admin-filter input,.ux-admin-filter select{min-height:34px}.ux-admin-filter>span{font-size:12px;padding-bottom:8px;color:#687687}#uxAdminHistory{background:#fff;padding:18px;border:1px solid #dce1e8;border-radius:6px}#uxAdminPreview{margin-top:18px;font-size:13px}
.ux-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;min-width:29px;flex:0 0 29px;background:#fff;border:1px solid #e2e6eb;border-radius:5px;padding:3px;vertical-align:middle;overflow:hidden}.ux-brand-mark img{max-width:100%;max-height:100%;object-fit:contain}.ux-mark-letter{font-size:13px;color:#687387;font-weight:600}.ux-brand-item{position:relative;padding-left:47px!important}.ux-brand-item>.ux-brand-mark{position:absolute;left:8px;top:12px}.ux-brand-heading>.ux-brand-mark{width:35px;height:35px;flex-basis:35px}.ux-directory td:nth-child(2)>.ux-brand-mark{margin-right:8px}#review .draft-choice .ux-brand-mark{width:23px;height:23px;min-width:23px;flex-basis:23px;padding:2px}#review .draft-choice .ux-brand-mark img{max-width:100%;max-height:100%}.ux-logo-dialog{width:min(1000px,94vw);max-width:1000px;max-height:85vh;overflow:auto;padding:20px;border:1px solid #d8e0e9;border-radius:8px;color:#293749;font-family:var(--ux-font)}.ux-logo-dialog::backdrop{background:#1b283955}.ux-logo-dialog h2{font-size:18px;margin:0}.ux-logo-dialog p{font-size:12px;color:#657287}.ux-logo-manager-table{overflow:auto;max-height:55vh}.ux-logo-manager-table select{width:185px;min-height:34px}.ux-logo-upload{font-size:12px;cursor:pointer;border:1px solid #d8dfe8;padding:7px 10px;border-radius:4px;background:#fff;white-space:nowrap}#uxLogoManager{margin:18px 0 0 10px;font-size:13px}
/* Dense brand rows, and more viewport reserved for the directory. */
.ux-actual-type .ux-brand-item{display:flex!important;flex-direction:row!important;align-items:center!important;gap:9px!important;min-height:37px!important;height:37px;padding:5px 8px!important;margin:0!important;border-radius:3px!important;white-space:nowrap!important}.ux-actual-type .ux-brand-item>.ux-brand-mark{position:static!important;width:24px;height:24px;min-width:24px;flex:0 0 24px;padding:2px}.ux-actual-type .ux-brand-item strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px}.ux-brand-list{padding:8px!important}#uxBrands{max-height:calc(100vh - 240px);overflow-y:auto}.ux-route-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #e2e7ed;font-size:12px}.ux-route-summary>span{display:flex;gap:8px;align-items:center;background:#f3f5f8;border:1px solid #e0e5eb;border-radius:4px;padding:4px 8px;color:#526073}.ux-route-summary .is-unset>span:last-child{color:#92734b}.ux-route-summary .is-ready>span:last-child{color:#465c60}
body:has(#brandGroups:not([hidden])) main>header{min-height:42px!important;padding:5px 0!important;margin:0!important}body:has(#brandGroups:not([hidden])) main>header h1{font-size:19px!important}body:has(#brandGroups:not([hidden])) main>.review-demo-tools{padding:2px 8px!important;margin-bottom:4px!important}body:has(#brandGroups:not([hidden])) #notice:not(:empty){padding:5px 10px!important;font-size:12px!important;min-height:0!important;margin:0 0 7px!important}body:has(#brandGroups:not([hidden])) #dealerWorkspace{margin-top:0!important}
#dealerWorkspace[data-view-mode=list] .ux-viewbar{padding:6px 10px;min-height:42px;gap:7px}#dealerWorkspace[data-view-mode=list] .ux-viewbar button,#dealerWorkspace[data-view-mode=list] .ux-viewbar select{min-height:30px;font-size:12px;padding:4px 8px}.ux-directory-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 11px;border-bottom:1px solid #dce2ea;background:#f8fafc}.ux-directory-actions .du-selector{width:125px!important;display:block!important;font-size:0!important}.ux-directory-actions .du-selector[hidden]{display:none!important}.ux-directory-actions .du-selector select{width:125px!important;font-size:12px!important;min-height:30px!important}.ux-directory-actions .ux-country-title strong{font-size:15px}.ux-directory-actions .ux-country-title .ux-flag{width:25px;height:17px;flex-basis:25px}.ux-directory-actions button{min-height:30px!important;padding:4px 8px!important;font-size:12px!important}.ux-directory-actions .du-spacer{flex:1}.ux-directory-actions #duStatus{font-size:11px}.ux-directory-actions .ux-country-title>span{font-size:10px}
#dealerWorkspace[data-view-mode=list] .ux-list-tools{padding:6px 10px;gap:10px}#dealerWorkspace[data-view-mode=list] .ux-list-tools input{min-height:30px;font-size:13px;padding:4px 8px}#dealerWorkspace[data-view-mode=list] .ux-directory-scroll{max-height:calc(100vh - 245px);min-height:220px}#dealerWorkspace[data-view-mode=list] .ux-directory td,#dealerWorkspace[data-view-mode=list] .ux-directory th{height:36px;padding:5px 10px!important;font-size:13px!important;line-height:1.4}#dealerWorkspace[data-view-mode=list] .ux-directory .ux-brand-mark{width:23px;height:23px;min-width:23px;padding:2px}#dealerWorkspace[data-view-mode=list] .ux-directory .ux-flag{width:24px;height:16px;flex-basis:24px}#dealerWorkspace[data-view-mode=list] .ux-directory .ux-open{min-height:25px!important;padding:3px 7px!important;font-size:11px!important}
.ux-address-chips{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0;min-height:0}.ux-address-chips>span{display:inline-flex;align-items:center;gap:5px;background:#edf0f4;border-radius:4px;padding:3px 6px;font-size:13px;overflow-wrap:anywhere}.ux-address-chips button{min-height:20px!important;padding:0 3px!important;border:0!important;background:transparent!important}.ux-address-entry{display:flex;gap:5px}.ux-address-entry input{flex:1;min-width:0}.ux-address-entry button{min-width:58px}#duMailFields .du-address-row>div>small{display:block;font-size:11px;margin-top:4px;color:#647184}.ux-alternates{border:1px solid #e0e5ed;border-radius:5px;background:#fafbfc;margin:10px 0;padding:9px 10px;font-size:13px}.ux-alternates summary{cursor:pointer;font-weight:500}.ux-alternates summary>span{font-size:11px;color:#6b7788;font-weight:400;margin-left:8px}.ux-backup-list>div{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid #e2e6ed}.ux-backup-list>div>span{flex:1}.ux-backup-entry{display:flex;gap:7px;margin-top:9px}.ux-backup-entry input:first-child{max-width:180px}.ux-backup-entry input[type=email]{flex:1;min-width:120px}.ux-alternates small{display:block;margin-top:6px;font-size:11px}.ux-once-recipient{display:flex;align-items:end;gap:12px;background:#fff9eb;border:1px solid #ecdfbc;border-radius:5px;padding:10px;margin:10px 0;font-size:12px}.ux-once-recipient label{display:grid;gap:5px;min-width:300px}.ux-once-recipient select{min-height:34px;font-size:13px}.ux-once-recipient>span{font-size:12px;color:#80683e;padding-bottom:6px}@media(max-width:900px){.ux-backup-entry,.ux-once-recipient{flex-wrap:wrap}.ux-once-recipient label{min-width:0;width:100%}}
/* Reset the inherited two-cell chip layout for the explicit email editor. */
#dealerWorkspace #duMailFields .du-address-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px!important}#dealerWorkspace #duMailFields .du-address-row>.ux-contact-column{display:block!important;min-width:0;width:100%}.ux-contact-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:33px}.ux-contact-heading label{margin:0!important;white-space:nowrap!important;font-size:13px!important}.ux-contact-heading>button{font-size:12px!important;min-height:28px!important;padding:3px 8px!important}.ux-email-entry-list{display:grid;gap:6px;width:100%}#dealerWorkspace .ux-address-entry{display:flex!important;align-items:center;gap:6px!important;width:100%;min-width:0}#dealerWorkspace .ux-address-entry>input{display:block!important;width:100%!important;min-width:160px!important;flex:1 1 auto!important;min-height:35px!important;padding:6px 9px!important;font-size:14px!important}#dealerWorkspace .ux-address-entry>button{flex:0 0 auto;min-width:56px}#dealerWorkspace .ux-address-entry>button[data-email-cancel]{min-width:30px;width:30px}.ux-address-chips:empty{display:none}.ux-address-chips{margin:5px 0!important}.ux-contact-column>small:empty{display:none}@media(max-width:950px){#dealerWorkspace #duMailFields .du-address-row{grid-template-columns:minmax(0,1fr)!important}}
.ux-country-senders{padding:16px;margin-bottom:18px}.ux-country-senders h2{font-size:16px}.ux-country-sender-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ux-country-sender-grid>label{display:grid;grid-template-columns:30px auto minmax(0,1fr);gap:10px;align-items:center}.ux-country-sender-grid select{width:100%;min-height:35px;font-size:13px}.ux-country-senders p{font-size:12px;color:#687487;margin:10px 0 0}.ux-import-sender{display:flex;align-items:center;gap:10px;font-size:12px;margin:6px 0 12px;color:#647185}.ux-import-sender strong{color:#354256;font-weight:500}.ux-import-sender button{min-height:26px;font-size:12px;padding:3px 8px}@media(max-width:1000px){.ux-country-sender-grid{grid-template-columns:1fr}}

.staff-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}
.staff-toolbar h2{font-size:20px;margin-bottom:6px}.staff-toolbar p{margin:0}
.staff-layout{display:grid;grid-template-columns:minmax(340px,1.15fr) minmax(320px,1fr);gap:22px;align-items:start;max-width:1240px}
.staff-list-card{padding:16px}.staff-search{display:flex;align-items:center;gap:10px;margin-bottom:16px}.staff-search input{margin:0}.staff-search button{white-space:nowrap}
.staff-person{display:flex;width:100%;text-align:left;justify-content:flex-start;gap:12px;padding:15px 12px;margin:6px 0;background:white;border:1px solid transparent;min-height:94px}
.staff-person:hover{background:#f8f9fc}.staff-person.selected{background:var(--accent-soft);border-color:#b9b2fa}
.staff-avatar{width:40px;height:40px;border-radius:12px;background:#e8ebf4;color:#52617d;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.staff-person-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.staff-person-text strong{color:var(--text);font-size:15px;overflow-wrap:anywhere}.staff-person-text>span{font-size:12px;color:var(--muted);font-weight:400;overflow-wrap:anywhere}
.staff-status{font-size:11px;white-space:nowrap;background:#f0f2f6;color:#647084;padding:4px 8px;border-radius:6px}.staff-status.active{background:#e6f5ee;color:#176746}.staff-status.inactive{background:#f4e9ea;color:#934149}
.staff-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.staff-actions{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.staff-editor{position:sticky;top:16px}.staff-editor hr{border:0;border-top:1px solid var(--line);margin:24px 0}.staff-status-action{display:flex;align-items:center;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}.staff-status-action p{margin:0}.staff-empty{padding:30px 12px;text-align:center}.account-password-card{max-width:520px}
@media(max-width:1050px){.staff-layout{grid-template-columns:1fr}.staff-editor{position:static}.staff-toolbar{align-items:flex-start}}

[hidden]{display:none!important}.web-result-summary{padding:9px 12px;background:white;border:1px solid #dce2e9;margin-bottom:9px;border-radius:5px;font-size:13px}#login{max-width:400px;margin:70px auto;padding:28px}#login label{display:grid;gap:7px;margin-bottom:15px}#loginError{color:#a93939;font-size:13px}#workspace[hidden]{display:none!important}/* Keep the two daily tasks together, with setup below. */
.web-nav-daily,.web-nav-support{display:flex;flex-direction:column;gap:4px}.web-nav-support{margin-top:24px;padding-top:14px;border-top:1px solid #dfe3e8}#webAdminContent{display:grid;gap:14px}#webAdminContent>button{justify-self:start}#webAdminContent #staffNav{display:flex;width:auto}#webAdminContent #staffNav[hidden]{display:none!important}#webAdminContent #webQuoteAdmin{margin:0;padding:16px}#webQuoteAdmin label{display:flex;gap:10px;align-items:center;margin:10px 0}#editor .review-table .review-select-cell{width:44px!important;min-width:44px!important;padding:6px!important;box-sizing:border-box}#editor .review-table .review-history-cell{left:44px!important}#editor .review-table .review-select-cell input[type=checkbox]{padding:0!important;margin:0!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;width:18px!important;height:18px!important;appearance:auto!important;display:inline-block!important;visibility:visible!important;opacity:1!important}
.web-part-history-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:12px 0}.web-part-history-filters>input{width:150px}.web-part-history-filters label{display:grid;gap:4px;font-size:12px;margin:0}.web-part-history-filters select{width:auto}.web-part-history-filters input,.web-part-history-filters select,.web-part-history-filters button{min-height:34px}#webPartHistory .ux-directory-scroll{max-height:calc(100vh - 300px)}#webPartHistory .ux-directory td{padding:7px 9px;max-width:300px;overflow-wrap:anywhere}
/* Visually separate occasional setup from the two daily tasks. */
.ux-actual-type.du-reference-mode>aside nav .web-nav-support{margin-top:clamp(64px,10vh,110px)!important;padding-top:20px!important;border-top:1px solid #d6dce3!important}
@media(max-height:650px){.ux-actual-type.du-reference-mode>aside nav .web-nav-support{margin-top:44px!important}}

/* Navigation already names these workspaces; keep the working surface at the top. */
body:has(#review:not([hidden])) main>header,
body:has(#dealerWorkspace:not([hidden])):has(#brandGroups:not([hidden])) main>header{display:none!important}
#review .review-toolbar #stats{display:none!important}
#dealerWorkspace .du-top.ux-top{padding:6px 10px!important;gap:8px!important;min-height:42px;align-items:center}
#dealerWorkspace .du-top .du-country-selector{display:block;width:114px!important;font-size:0;flex:none}
#dealerWorkspace .du-top .du-country-selector select{width:114px!important;font-size:12px!important;min-height:30px!important;height:30px;padding:3px 7px!important}
#dealerWorkspace .du-top .ux-view-switch{display:flex;gap:3px;flex:none;margin-right:5px}
#dealerWorkspace .du-top button{min-height:30px!important;height:30px;padding:4px 9px!important;font-size:12px!important}
#dealerWorkspace .du-top .ux-view-switch button{border-color:transparent;background:transparent}
#dealerWorkspace .du-top .ux-view-switch button.active{background:#dcebf5;border-color:#b8d6e9;font-weight:600}
#dealerWorkspace .ux-export-tools{display:flex;align-items:center;gap:5px;margin-right:10px}
#dealerWorkspace .ux-export-tools[hidden]{display:none!important}
#dealerWorkspace .ux-export-tools select,#dealerWorkspace .ux-export-tools button{font-size:11px!important;min-height:28px!important;height:28px!important;padding:3px 7px!important}
#dealerWorkspace .ux-export-tools select{width:100px!important}
#dealerWorkspace[data-view-mode] .du-top.ux-top{display:flex!important;flex-wrap:wrap!important}#dealerWorkspace .du-top .du-spacer{min-width:0!important}#dealerWorkspace .du-top .ux-export-tools{flex:0 0 auto!important}

/* Put the selected dealer and country before occasional management actions. */
#dealerWorkspace .du-top .dealer-workspace-title{font-size:16px!important;line-height:30px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:0 1 auto;margin-right:4px}
#dealerWorkspace .du-top .du-country-selector{margin-right:12px}
#dealerWorkspace #duBody .ux-brand-heading[hidden]{display:none!important}
#review .review-combined-meta{margin:6px 0!important;padding:0!important}
#review .review-combined-meta>summary{display:flex;align-items:center;gap:9px;min-height:32px!important;padding:5px 10px!important;white-space:nowrap;overflow:hidden;cursor:pointer;font-size:12px!important}
#review .review-combined-meta>summary::before{content:'▸';color:#8998ac;font-size:10px}
#review .review-combined-meta[open]>summary::before{content:'▾'}
#review .review-combined-meta>summary::-webkit-details-marker{display:none}
#review .review-combined-meta #reviewMetaSummary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
#review .review-combined-meta #reviewMetaRecipient{display:none!important}
#review .review-summary-dealer{color:#28628a;font-weight:600;max-width:180px;overflow:hidden;text-overflow:ellipsis}
#review .review-combined-meta .review-dealer-profile{margin:6px 9px!important;padding:8px!important}
#review .review-combined-meta .review-sender{margin:6px 9px!important}
#review .review-combined-meta .mail-fields[hidden]{display:none!important}

#review .list .list-filters{display:none!important}
#review .list .select-all{display:flex;align-items:center;gap:6px!important}
#reviewDeleteSelected{margin-left:auto!important;font-size:11px!important;padding:3px 8px!important;min-height:27px!important;height:27px;border:1px solid #d9bfc3;color:#9c4d59;background:#fff;border-radius:5px}
#reviewDeleteSelected:disabled{opacity:.4;cursor:default}
#review .review-fold-label{margin-left:auto;flex:none;color:#37698b;font-size:11px;padding:2px 7px;border:1px solid #d5e1ed;border-radius:4px;background:#f4f8fc}
.workbench-grid td,.workbench-grid textarea{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
.workbench-grid textarea{height:24px!important;min-height:24px!important;resize:none!important;overflow:auto!important}

#importCountryError{margin:12px 0;padding:15px 18px;border:1px solid #e7b2a8;border-left:4px solid #c74f39;border-radius:6px;background:#fff2ed;color:#8e3426;font-size:13px;line-height:1.7}
#importCountryError[hidden]{display:none!important}
#importCountryError strong{display:block;font-size:15px;margin-bottom:5px}
#importCountryError div{font-weight:600;color:#66372e}
#importCountryError p{margin:5px 0 0;color:#83594f;font-size:12px}

#workbenchPreviewArea{max-width:100%;overflow-x:auto}#workbenchPreviewArea table{margin-left:0!important}

.unified-workbench .workbench-grid [data-cell-row]{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;height:24px!important;min-height:24px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font:13px/24px Arial,sans-serif!important;box-shadow:none!important;overflow:hidden!important}
.unified-workbench .workbench-grid td.workbench-selected{background:#dceafb!important;color:#18354f!important;box-shadow:inset 0 0 0 1px #2a78b4!important;outline:0!important}
.unified-workbench .workbench-grid th.workbench-selected{background:#286da4!important;color:#fff!important;box-shadow:inset 0 0 0 2px #e3ad3f!important;outline:0!important}
.unified-workbench .workbench-grid td[aria-selected=true] input{color:inherit!important}
.unified-workbench>header h2{font-size:16px!important;line-height:1.5!important}
.policy-sheet-scroll{overflow-x:auto;border:1px solid #c7d4e2;margin:16px 0;max-width:100%}
.policy-horizontal-sheet{border-collapse:collapse;table-layout:fixed;width:max-content;font-size:12px}
.policy-horizontal-sheet th,.policy-horizontal-sheet td{box-sizing:border-box;min-width:150px;width:150px;padding:5px 6px;border:1px solid #cbd7e4;text-align:center;height:36px;white-space:nowrap}
.policy-horizontal-sheet tr>:first-child{position:sticky;left:0;min-width:96px;width:96px;background:#eef3f8;color:#48617b;z-index:2}
.policy-horizontal-sheet thead th{background:#eef3f8;color:#34506c}
.policy-horizontal-sheet .policy-sheet-axis th{height:22px;padding:2px;font-size:10px;font-weight:400}
.policy-horizontal-sheet input,.policy-horizontal-sheet select{width:100%!important;min-width:0!important;min-height:28px!important;height:28px!important;margin:0!important;padding:3px 5px!important;border:1px solid transparent!important;border-radius:2px!important;font-size:12px!important;background:transparent!important}
.policy-horizontal-sheet input:focus,.policy-horizontal-sheet select:focus{border-color:#3f87bd!important;background:#fff!important;outline:1px solid #3f87bd}
.policy-horizontal-sheet th.policy-sending{background:#286da4;color:#fff}
.policy-horizontal-sheet .policy-reference{background:#edf0f4;color:#63758c}
.policy-horizontal-sheet .policy-blank{background:#dfecfa;color:#335d82}
.policy-horizontal-sheet td button{height:25px!important;min-height:25px!important;padding:2px 8px!important;margin:0 3px!important;font-size:12px!important}
.policy-card{max-width:none!important;min-width:0!important}

/* Use the entire table dialog; keep its controls in one compact ribbon. */
#mailTableEditor.unified-workbench,#dealerTableWorkbench.unified-workbench{position:fixed!important;inset:8px!important;margin:0!important;width:calc(100vw - 16px)!important;max-width:none!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;box-sizing:border-box!important;overflow:hidden!important}
#mailTableEditor.unified-workbench .mail-table-content,#dealerTableWorkbench.unified-workbench .mail-table-content{display:block!important;flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;padding:8px!important;box-sizing:border-box}
#mailTableEditor.unified-workbench>header,#dealerTableWorkbench.unified-workbench>header{padding:10px 14px!important;min-height:48px!important;gap:12px!important;flex:0 0 auto!important}
.unified-workbench>header h2{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap;margin:0!important}
.workbench-country{font-size:12px;font-weight:500;color:#45627c;white-space:nowrap}
.workbench-dealer{font-size:17px;color:#203d58}
.workbench-brand{font-size:13px;font-weight:600;color:#526980;border-left:1px solid #cbd5df;padding-left:10px}
.workbench-kind{font-size:11px;font-weight:600;border-radius:4px;padding:3px 8px;line-height:1.5}
.workbench-kind.quote{background:#e8e2f2;color:#635080}.workbench-kind.order{background:#f3dddd;color:#9d5050}
.unified-workbench .workbench-ribbon{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 8px;margin:0 0 8px;background:#f3f6fa;border:1px solid #dbe3ec;border-radius:5px}
.unified-workbench .workbench-ribbon .workbench-actions,.unified-workbench .workbench-ribbon #workbenchFormats,.unified-workbench .workbench-ribbon .workbench-selection{display:flex!important;align-items:center;gap:5px!important;flex-wrap:nowrap!important;margin:0!important;padding:0!important;min-height:32px!important;border:0!important;background:transparent!important}
.unified-workbench .workbench-ribbon #workbenchFormats{padding-left:10px!important;border-left:1px solid #cdd7e3!important;flex:0 0 auto}
.unified-workbench .workbench-ribbon .workbench-selection{padding-left:10px!important;border-left:1px solid #cdd7e3!important;flex:1 1 auto}
.unified-workbench .workbench-ribbon button,.unified-workbench .workbench-ribbon select,.unified-workbench .workbench-ribbon input{min-height:28px!important;height:28px!important;font-size:12px!important;margin:0!important}
.unified-workbench .workbench-ribbon .workbench-actions button{padding:3px 7px!important;white-space:nowrap}
.unified-workbench .workbench-ribbon #workbenchRestore{margin-left:4px!important;padding-left:9px!important;border-left-color:#bbcbdc}
.unified-workbench .workbench-ribbon #workbenchUndo,.unified-workbench .workbench-ribbon #workbenchRedo{width:28px!important;padding:0!important;font-size:18px!important}
.unified-workbench .workbench-ribbon .workbench-selection strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:0!important;font-size:11px}
.unified-workbench .workbench-ribbon .workbench-selection>span{padding:3px 5px!important;font-size:10px!important;white-space:nowrap}
.unified-workbench .workbench-ribbon #workbenchMode{margin-left:auto!important;max-width:none!important;width:148px!important}
.unified-workbench .workbench-ribbon [data-display-title]{width:112px!important;min-width:70px;flex:0 1 112px;padding:3px 6px!important}
.unified-workbench .workbench-grid-scroll,.unified-workbench #workbenchPreviewArea{max-height:none!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important}
.unified-workbench .workbench-legend{padding:3px 0!important;font-size:10px;gap:9px}
.unified-workbench .workbench-preview-title{margin:6px 0 5px!important}
.unified-workbench>footer.workbench-status-only{flex:0 0 auto!important;min-height:0!important;padding:0 8px!important}
.unified-workbench>footer.workbench-status-only:has(.table-validation:empty){display:none!important}
.unified-workbench .table-validation:empty{display:none!important}
.unified-workbench .table-validation:not(:empty){margin:4px 0!important;padding:5px 9px!important;font-size:11px!important}
/* Administrator sheets use the available page width and show the selected column. */
body:has(#mailTableSettings:not([hidden])) main{max-width:none!important}
#mailTableSettings{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
#mailTableSettings .policy-card{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:14px!important;box-sizing:border-box}
#mailTableSettings .policy-heading h2{margin:0 0 5px!important;font-size:17px!important}
#mailTableSettings .policy-view-tabs{padding:9px 0!important;margin-bottom:9px!important}
#mailTableSettings .policy-sheet-scroll{width:100%;box-sizing:border-box;margin:10px 0!important}
#mailTableSettings .policy-horizontal-sheet{width:100%!important;min-width:calc(96px + var(--policy-column-count,15)*104px)!important}
#mailTableSettings .policy-horizontal-sheet th,#mailTableSettings .policy-horizontal-sheet td{min-width:104px;width:auto}
#mailTableSettings .policy-horizontal-sheet tr>:first-child{min-width:96px;width:96px}
#mailTableSettings .policy-horizontal-sheet td.policy-column-selected{background:#e2eefb!important;box-shadow:inset 0 0 0 1px #5594c5;color:#203f5a}
#mailTableSettings .policy-horizontal-sheet th.policy-column-selected{box-shadow:inset 0 0 0 2px #dfa62e!important}
#mailTableSettings .policy-horizontal-sheet .policy-sheet-axis th.policy-column-selected{background:#c7deef!important;color:#173e5b}
@media(max-width:1100px){.unified-workbench .workbench-ribbon .workbench-selection{flex-basis:100%;padding-top:5px!important;border-left:0!important;border-top:1px solid #d5dfea!important}.unified-workbench .workbench-ribbon #workbenchFormats{flex:1}}
.unified-workbench .workbench-ribbon select{padding:2px 6px!important;line-height:20px!important}.unified-workbench .workbench-ribbon input{padding:2px 6px!important;line-height:20px!important}.unified-workbench .workbench-ribbon button{line-height:20px!important}
body:has(#mailTableSettings:not([hidden])) #workspace,body:has(#mailTableSettings:not([hidden])) main>header,body:has(#mailTableSettings:not([hidden])) #notice{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
#mailTableSettings .policy-horizontal-sheet{width:100%!important;min-width:0!important;table-layout:fixed!important}#mailTableSettings .policy-horizontal-sheet th,#mailTableSettings .policy-horizontal-sheet td{min-width:0!important;overflow:hidden;text-overflow:ellipsis;font-size:11px}#mailTableSettings .policy-horizontal-sheet tr>:first-child{width:84px;min-width:0!important}#mailTableSettings .policy-horizontal-sheet input,#mailTableSettings .policy-horizontal-sheet select{min-width:0!important;font-size:11px!important;padding:2px 3px!important}

/* Four country/kind layouts: all 15 fields fit the available workspace. */
#mailTableSettings .policy-four-layouts{padding:12px 14px!important}
#mailTableSettings .policy-four-layouts .policy-heading{margin:0 0 8px!important;min-height:34px;align-items:center}
#mailTableSettings .policy-four-layouts .policy-view-tabs{margin:0!important;padding:0!important;border:0!important;gap:5px}
#mailTableSettings .policy-color-key{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0 12px;font-size:12px;color:#46566b}
.policy-color-key span{display:inline-flex;align-items:center;gap:6px}.policy-color-key i{width:12px;height:12px;border-radius:3px;display:inline-block}.policy-color-key .send{background:#286da9}.policy-color-key .reference{background:#ffe483}.policy-color-key .off{background:#edf0f4;border:1px solid #cdd5df}.policy-color-key small{color:#778496}
#mailTableSettings .policy-layout-block{margin:0 0 12px}
#mailTableSettings .policy-layout-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px}
#mailTableSettings .policy-layout-heading h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}
#mailTableSettings .policy-layout-heading small{font-size:11px;color:#7a8798}
.policy-kind{font-size:11px;padding:3px 9px;border-radius:4px}.policy-kind.order{background:#f6e1e1;color:#8a4141}.policy-kind.quote{background:#e8e3f2;color:#655080}
#mailTableSettings .policy-layout-sheet th,#mailTableSettings .policy-layout-sheet td{padding:0!important;text-align:center}
#mailTableSettings .policy-layout-sheet tr>:first-child{width:58px;font-size:11px;background:#edf2f7}
#mailTableSettings .policy-state{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:3px!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:11px!important}
#mailTableSettings .policy-state strong{max-width:100%;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mailTableSettings .policy-state small{font-size:10px;font-weight:400}
#mailTableSettings .policy-state.state-send{background:#286da9!important;color:#fff!important}
#mailTableSettings .policy-state.state-reference{background:#fff0ac!important;color:#785609!important}
#mailTableSettings .policy-state.state-off{background:#f0f2f5!important;color:#8a94a3!important}
#mailTableSettings .policy-state:hover{filter:brightness(.96)}
#mailTableSettings .policy-state:focus-visible{outline:2px solid #f0a000!important;outline-offset:-3px}
#mailTableSettings .policy-layout-sheet td button{height:22px!important;min-height:22px!important;padding:0 7px!important;margin:3px 1px!important;font-size:12px!important}
#mailTableSettings .policy-four-layouts .policy-help{font-size:11px;margin:4px 0!important}
#policyStatus:empty{display:none}#policyStatus{margin:5px 0 0;font-size:12px}#policyStatus.unsaved{color:#a76b00}
#mailTableEditor.unified-workbench .workbench-reference{background:#fff5c8!important;color:#7b651e!important}
#mailTableEditor.unified-workbench .axis-reference{background:#fff0ac!important;color:#7b651e!important}
#mailTableEditor.unified-workbench .guide-reference:before{background:#ffe483!important}
#mailTableSettings .policy-state small{color:inherit!important;opacity:.9}

#mailTableSettings .policy-layout-heading{gap:12px;flex-wrap:wrap}
#mailTableSettings .policy-epo-controls{display:flex;align-items:center;gap:6px;margin-left:auto;font-size:11px}
#mailTableSettings .policy-epo-controls label{display:flex;align-items:center;gap:6px;margin:0;font-size:11px}
#mailTableSettings .policy-epo-controls select,#mailTableSettings .policy-epo-controls input{height:28px!important;min-height:28px!important;padding:3px 7px!important;font-size:12px!important;box-sizing:border-box}
#mailTableSettings .policy-epo-controls input{width:160px}#mailTableSettings .policy-epo-controls input[hidden]{display:none!important}
.simple-brand-dialog #simpleOrderGroup{width:170px;height:34px;padding:5px 8px;border:1px solid #ccd8e5;border-radius:5px;background:#fff;color:#30445c}

/* Review shows one country identity and only essential preview actions. */
#review #editor .review-identity p,#review #duCopyTable,#review #download,#review .mail-table-scope{display:none!important}
#mailTableSettings .policy-save-area{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;max-width:70%}
#mailTableSettings .policy-save-area #policyStatus{margin:0!important;font-size:13px;line-height:1.5;text-align:right}
#mailTableSettings #policyStatus.saved{color:#206b43;background:#e8f5ed;border:1px solid #b9ddc8;padding:6px 10px;border-radius:5px;font-weight:600}
#mailTableSettings #policyStatus.save-error{color:#a22d3e;background:#fff0f2;border:1px solid #ecc1c7;padding:6px 10px;border-radius:5px}
#mailTableSettings #policyStatus.saving{color:#3d6590}
#mailTableSettings .policy-save-area button{flex-shrink:0}
#workbenchPreviewArea .workbench-preview-gap{visibility:hidden!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;pointer-events:none!important}

.unified-workbench .workbench-number-tools{display:flex;align-items:center;gap:5px;border-left:1px solid #cad5e2;padding-left:9px}
.unified-workbench .workbench-number-tools label{display:flex;align-items:center;gap:4px;font-size:11px;white-space:nowrap;margin:0}
.unified-workbench .workbench-number-tools select{width:65px!important;min-width:65px!important;max-width:65px!important;height:28px!important;min-height:28px!important;padding:2px 3px!important;font-size:11px!important}
.unified-workbench .workbench-number-tools button{height:28px!important;min-height:28px!important;padding:2px 6px!important;font-size:12px!important;min-width:28px}
.unified-workbench [data-number-group]{font-weight:700;font-size:18px!important}
.unified-workbench [data-number-group][aria-pressed=true]{background:#d8eafa!important;border-color:#6ca1cf!important;color:#205d92!important}

/* A stable name slot keeps country and management controls in place between dealers. */
#dealerWorkspace .du-top.ux-top{padding:8px 14px!important;column-gap:10px!important;align-items:center!important}
#dealerWorkspace .du-top.ux-top .dealer-workspace-title{box-sizing:border-box;flex:0 0 320px!important;width:320px!important;min-width:320px!important;max-width:320px!important;min-height:32px;display:flex;align-items:center;white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;line-height:1.5!important;padding-right:20px;margin-right:8px!important;border-right:1px solid #b8cbd7}
#dealerWorkspace .du-top.ux-top .du-country-selector{margin-right:18px!important;flex:0 0 114px!important}
@media(max-width:1450px){#dealerWorkspace .du-top.ux-top .dealer-workspace-title{flex-basis:260px!important;width:260px!important;min-width:260px!important;max-width:260px!important}}
@media(max-width:760px){#dealerWorkspace .du-top.ux-top .dealer-workspace-title{flex-basis:100%!important;width:100%!important;min-width:0!important;max-width:none!important;border-right:0;border-bottom:1px solid #cbdbe4;padding:0 0 7px;margin:0 0 3px!important}}

/* Dealer and selected brand share the reserved title area; toolbar positions stay fixed. */
#dealerWorkspace .du-top.ux-top .dealer-workspace-title{gap:10px;overflow-wrap:normal}
.dealer-title-name{flex:1 1 0;min-width:0;overflow-wrap:anywhere}
.dealer-title-brand{position:relative;flex:0 1 44%;min-width:0;padding-left:10px;border-left:1px solid #b8cbd7;font-size:12px;font-weight:600;line-height:1.5;overflow-wrap:anywhere;color:#315574}
.dealer-title-brand summary{display:flex;align-items:center;gap:5px;cursor:pointer;list-style:none;border-radius:3px}
.dealer-title-brand summary::-webkit-details-marker{display:none}
.dealer-title-brand summary:after{content:'⌄';flex:none;font-size:14px}
.dealer-title-brand[open] summary:after{content:'⌃'}
.dealer-title-brand summary:focus-visible{outline:2px solid #2474b5;outline-offset:3px}
.dealer-title-children{position:absolute;top:calc(100% + 10px);left:0;z-index:50;min-width:150px;max-width:260px;max-height:240px;overflow:auto;box-sizing:border-box;padding:6px;background:#fff;border:1px solid #c7d7e5;border-radius:6px;box-shadow:0 5px 16px #17395626;color:#243d55;font-weight:400}
.dealer-title-children span{display:block;padding:5px 8px;overflow-wrap:anywhere}


/* Compact, consistently aligned dealer toolbar. */
#dealerWorkspace .du-top.ux-top{padding:6px 14px!important;row-gap:6px!important}
#dealerWorkspace .du-top.ux-top .dealer-workspace-title{min-height:30px!important;margin-top:0!important;margin-bottom:0!important;font-size:12px!important;font-family:inherit!important;font-weight:600!important;line-height:18px!important}
#dealerWorkspace .du-top.ux-top .dealer-title-name,#dealerWorkspace .du-top.ux-top .dealer-title-brand,#dealerWorkspace .du-top.ux-top button,#dealerWorkspace .du-top.ux-top select{font-family:inherit!important;font-size:12px!important;line-height:18px!important}
#dealerWorkspace .du-top.ux-top .dealer-title-brand{margin:0!important;padding:0 0 0 10px!important;min-height:0!important;box-sizing:border-box;background:transparent!important;border:0!important;border-left:1px solid #b8cbd7!important;border-radius:0!important;box-shadow:none!important}
#dealerWorkspace .du-top.ux-top .dealer-title-brand summary{margin:0!important;padding:0!important;min-height:30px!important;height:30px!important;box-sizing:border-box;display:flex!important;align-items:center!important;line-height:18px!important;background:transparent!important;border:0!important;font:inherit!important}
#dealerWorkspace .du-top.ux-top .dealer-title-brand summary:after{content:''!important;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 2px 3px 2px;align-self:center}
#dealerWorkspace .du-top.ux-top .dealer-title-brand[open] summary:after{transform:rotate(225deg);margin-top:4px;margin-bottom:0}
#dealerWorkspace .du-top.ux-top #duStatus{display:none!important}


#dealerWorkspace .ux-directory .ux-brand-number{display:inline-block;min-width:22px;margin-right:7px;color:#62788e;font-size:12px;font-variant-numeric:tabular-nums;text-align:right}


/* One horizontal brand record, with fixed identity and grouped mail settings. */
.brand-directory-scroll{max-height:calc(100vh - 205px)!important}
.brand-directory{border-collapse:separate;border-spacing:0;font-size:12px;white-space:nowrap;min-width:100%;color:#273d54}
.brand-directory th,.brand-directory td{box-sizing:border-box;padding:7px 10px;border-right:1px solid #dce4ee;border-bottom:1px solid #dce4ee;text-align:left;vertical-align:middle;height:32px}
.brand-directory th{position:sticky;top:0;background:#eef3f8;z-index:3;font-weight:600}
.brand-directory thead tr:nth-child(2) th{top:32px}
.brand-directory th.brand-directory-quote{background:#e9e3f3;color:#4b3c65}
.brand-directory th.brand-directory-order{background:#f4dfe0;color:#79434a}
.brand-directory tbody tr:nth-child(even){background:#fafbfd}
.brand-directory tbody tr:hover{background:#edf5fc}
.brand-directory .brand-directory-col-0{position:sticky;left:0;width:48px;min-width:48px;max-width:48px;text-align:center;background:#f5f8fb;z-index:2}
.brand-directory .brand-directory-col-1{position:sticky;left:48px;min-width:210px;background:#f5f8fb;z-index:2;border-right:2px solid #b9cadb}
.brand-directory thead .brand-directory-col-0,.brand-directory thead .brand-directory-col-1{z-index:5}
.brand-directory .ux-brand-mark{margin-right:8px}
.brand-directory .ux-flag{width:22px;height:15px;vertical-align:middle;margin-right:4px}
.brand-directory [class*="brand-directory-field-"]{min-width:150px}
.brand-directory .brand-directory-field-3,.brand-directory .brand-directory-field-5{min-width:250px}
.brand-directory .brand-directory-field-6{min-width:320px}
.brand-directory .brand-directory-field-7{min-width:480px;white-space:nowrap}
.brand-directory .brand-directory-field-8{min-width:260px}
.brand-directory .brand-directory-field-9{min-width:95px}
.brand-directory-empty{padding:24px!important;color:#6c7b8a}


#review .review-order-po{display:inline-flex;align-items:center;gap:7px;margin:0 0 0 12px;font:inherit;font-size:12px;font-weight:500;white-space:nowrap}#review .review-order-po input{width:180px!important;min-width:120px;box-sizing:border-box;height:30px!important;min-height:30px!important;padding:4px 8px!important;font:inherit;border:1px solid #b9cfe0;border-radius:5px;background:#fff}#review .review-order-po input:focus{outline:2px solid #9ccce9;outline-offset:1px}


/* Distinct mail kind and a single vertically centered header control baseline. */
#review #editor .review-identity>div{align-items:center!important}
#review #editor .review-identity>div>.kind-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:30px;min-width:48px;padding:4px 10px!important;border-radius:5px;font-weight:700!important;line-height:20px!important;white-space:nowrap}
#review #editor .review-identity>div>.kind-chip.order{font-weight:700!important;line-height:20px!important;background:#9d3d49!important;color:#fff!important;border:1px solid #9d3d49}
#review #editor .review-identity>div>.kind-chip.quote{font-weight:700!important;line-height:20px!important;background:#66508c!important;color:#fff!important;border:1px solid #66508c}
#review #editor .review-identity>div>.review-order-po{display:inline-flex!important;flex-direction:row!important;align-items:center!important;align-self:center;gap:8px!important;box-sizing:border-box;height:30px!important;min-height:30px!important;margin:0 0 0 16px!important;padding:0!important;font-family:inherit!important;font-size:14px!important;font-weight:600;line-height:20px!important}
#review #editor .review-order-po>span{font-family:inherit!important;font-size:14px!important;line-height:20px!important}
#review #editor .review-order-po input{display:block;box-sizing:border-box;height:30px!important;min-height:30px!important;max-height:30px!important;margin:0!important;padding:4px 8px!important;font-family:inherit!important;font-size:14px!important;font-weight:400!important;line-height:20px!important;vertical-align:middle}


#mailTableSettings .policy-content-row select{width:100%;min-width:0;height:28px;padding:2px;font-size:11px;border:0;border-radius:0;background:#f5f9fd;color:#234b70}
#mailTableSettings .policy-content-row span{color:#a9b3c0;font-size:11px}