/* Shared, scoped presentation layer. Does not change transaction or quota logic. */
:root {
  --bg: #ffffff;
  --text: #242b30;
  --muted: #667279;
  --line: #dfe5e3;
  --primary: #156d5c;
  --primary-hover: #105346;
}
body.workbench-ui {
  margin: 0;
  background: #fff;
  color: var(--text);
  font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}
body.workbench-ui *, body.workbench-ui *::before, body.workbench-ui *::after { letter-spacing: 0; }
body.workbench-ui a { color: var(--primary); text-underline-offset: 3px; }
body.workbench-ui .container { width: min(1280px, calc(100% - 64px)); }
body.workbench-ui .topbar { border-bottom: 1px solid var(--line); box-shadow: none; background: #fff; }
body.workbench-ui .topbar-inner { min-height: 76px; padding: 12px 0; gap: 24px; }
body.workbench-ui .brand { color: #24342f; font-size: 19px; font-weight: 700; }
body.workbench-ui .brand-sub { color: #6e7b77; font-size: 11px; }
body.workbench-ui .topnav a { border-radius: 4px; color: #5c6964; padding: 9px 14px; }
body.workbench-ui .topnav a:hover, body.workbench-ui .topnav a[aria-current="page"] { background: #edf5f1; color: #125443; }
body.workbench-ui .workspace-menu > summary { border-radius: 4px; }
body.workbench-ui .workspace-menu-panel { border-radius: 8px; box-shadow: 0 8px 30px #172d2414; }
body.workbench-ui .workspace-menu-panel > a:hover, body.workbench-ui .workspace-menu-panel > button:hover { background: #edf5f1; }
body.workbench-ui .workspace-menu-panel .membership-top-widget { background: #f5f7f6; border-radius: 4px; }
body.workbench-ui .main-content { padding: 30px 0 72px; }
body.workbench-ui .page-title-wrap { margin-bottom: 28px; }
body.workbench-ui .page-title { color: #1f2c27; font-size: 26px; font-weight: 700; }
body.workbench-ui .main-content h2 { color: #27332e; font-size: 20px; line-height: 1.4; }
body.workbench-ui .main-content h3 { color: #27332e; font-size: 17px; line-height: 1.45; }
body.workbench-ui .status-text { font-size: 13px; overflow-wrap: anywhere; }
body.workbench-ui .card, body.workbench-ui .panel {
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--line);
  box-shadow: none;
  background: #fff;
  padding: 22px 0;
}
body.workbench-ui .main-content > .card:first-of-type { padding-top: 0; }
body.workbench-ui .section-head { margin-bottom: 20px; }
body.workbench-ui .section-kicker, body.workbench-ui .eyebrow { color: #6a7a73; font-size: 11px; }
body.workbench-ui .muted { color: var(--muted); }
body.workbench-ui .btn {
  border: 1px solid #d4dcd8;
  border-radius: 5px;
  min-height: 40px;
  padding: 9px 15px;
  background: #fff;
  background-image: none;
  box-shadow: none;
  color: #364b41;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.45;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  transform: none;
}
body.workbench-ui .btn:hover { background: #f3f6f4; border-color: #91aaa0; transform: none; box-shadow: none; }
body.workbench-ui .btn.primary { color: #fff; background: var(--primary); border-color: var(--primary); }
body.workbench-ui .btn.primary:hover { background: var(--primary-hover); }
body.workbench-ui .btn:disabled { opacity: .5; cursor: not-allowed; }
body.workbench-ui input:not([type=checkbox]):not([type=radio]), body.workbench-ui select, body.workbench-ui textarea {
  min-width: 0;
  max-width: 100%;
  border: 1px solid #ccd6d0;
  border-radius: 5px;
  box-shadow: none;
  background: #fff;
  color: #28332d;
  font: inherit;
}
body.workbench-ui input:focus, body.workbench-ui select:focus, body.workbench-ui textarea:focus { border-color: #387b66; box-shadow: 0 0 0 3px #156d5c12; }
body.workbench-ui :focus-visible { outline: 2px solid #448971; outline-offset: 3px; }
body.workbench-ui input::placeholder, body.workbench-ui textarea::placeholder { color: #869089; font-weight: 400; }
body.workbench-ui .table-wrap { border-radius: 6px; border: 1px solid var(--line); box-shadow: none; max-width: 100%; overflow-x: auto; }
body.workbench-ui .data-table { border-collapse: collapse; font-size: 13px; }
body.workbench-ui .data-table th { color: #56665e; background: #f4f7f5; font-size: 12px; font-weight: 600; }
body.workbench-ui .data-table th, body.workbench-ui .data-table td { border-radius: 0; padding: 12px 14px; border: 0; border-bottom: 1px solid var(--line); box-shadow: none; }
body.workbench-ui .data-table tr:last-child td { border-bottom: 0; }
body.workbench-ui .data-table tbody tr:hover td { background: #f7faf8; }
body.workbench-ui .data-table td { font-variant-numeric: tabular-nums; }
body.workbench-ui .flow-steps { gap: 0; border-bottom: 1px solid var(--line); }
body.workbench-ui .flow-steps li { padding: 12px 3px; background: transparent; border-radius: 0; border-bottom: 2px solid transparent; }
body.workbench-ui .flow-steps li.active { background: transparent; color: var(--primary); border-bottom-color: var(--primary); }
body.workbench-ui .upload-shell { gap: 40px; grid-template-columns: minmax(0,1fr) 280px; }
body.workbench-ui .upload-primary-card { padding: 0; border: 0; }
body.workbench-ui .upload-status-card { border-left: 1px solid var(--line); border-bottom: 0; padding: 4px 0 4px 24px; }
body.workbench-ui .upload-file-field { padding: 26px; background: #f7f9f8; border: 1px dashed #aebeb5; border-radius: 6px; }
body.workbench-ui .upload-file-field > span { color: #35463c; font-size: 15px; font-weight: 600; }
body.workbench-ui input[type=file] { min-height: 52px; padding: 6px; }
body.workbench-ui input[type=file]::file-selector-button { font: inherit; padding: 9px 14px; border: 0; border-right: 1px solid #dce4df; margin-right: 14px; background: #eef3f0; color: #2b4c3b; cursor: pointer; border-radius: 3px; }
body.workbench-ui .quota-guidance { background: #f4f7f5; color: #54665c; border-radius: 4px; }
body.workbench-ui .quota-guidance.exhausted { background: #fff6e7; color: #89570e; }
body.workbench-ui .advanced-upload-options { border: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); border-radius: 0; }
body.workbench-ui .advanced-upload-options summary { padding: 12px 0; font-weight: 500; }
body.workbench-ui .advanced-upload-options .upload-form-row { padding: 0 0 16px; }
body.workbench-ui .my-cases-hero { padding: 0 0 24px; background: #fff; gap: 24px; }
body.workbench-ui .my-cases-hero::before { content: none; }
body.workbench-ui .my-cases-hero h2 { font-size: 22px; }
body.workbench-ui .my-cases-hero p { font-size: 13px; }
body.workbench-ui .my-quota-card, body.workbench-ui .quota-mini-card { background: #f5f8f6; border: 0; border-radius: 6px; color: #425d4e; box-shadow: none; }
body.workbench-ui .my-quota-number { font-size: 28px; color: #1f5a41; }
body.workbench-ui #package-purchase { scroll-margin-top: 100px; }
body.workbench-ui #open-packages { display: block; margin-top: 10px; font-size: 12px; }
body.workbench-ui .my-case-item { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: #fff; padding: 18px 0; box-shadow: none; }
body.workbench-ui .my-case-item:last-child { border-bottom: 0; }
body.workbench-ui .my-cases-main { grid-template-columns: minmax(0,1fr); }
body.workbench-ui .my-case-title { font-size: 15px; font-weight: 650; color: #293b31; overflow-wrap: anywhere; }
body.workbench-ui .my-package-card { background: #fff; border: 1px solid var(--line); border-radius: 6px; box-shadow: none; }
body.workbench-ui .my-payment-panel { max-width: 560px; border-radius: 6px; border: 1px solid #b4cbbb; background: #f7faf8; }
body.workbench-ui .my-payment-amount { font-size: 26px; font-weight: 700; color: #244e38; font-variant-numeric: tabular-nums; }
body.workbench-ui .my-payment-qr { width: 216px; height: 216px; margin: 16px 0; background: #fff; }
body.workbench-ui .my-payment-qr img { display: block; width: 216px; height: 216px; image-rendering: pixelated; }
body.workbench-ui .my-payment-code { overflow-wrap: anywhere; font-size: 12px; }
body.workbench-ui .my-payment-details { margin: 12px 0; color: var(--muted); font-size: 12px; }
body.workbench-ui .login-panel { display: block; max-width: 480px; padding: 0; margin: 0 auto; border: 0; background: #fff; box-shadow: none; }
body.workbench-ui .login-copy { display: none; }
body.workbench-ui .login-card { padding: 24px 0; border: 0; background: #fff; box-shadow: none; gap: 24px; }
body.workbench-ui .login-card h3 { font-size: 23px; }
body.workbench-ui .login-tabs { background: #f3f6f4; border: 0; border-radius: 6px; }
body.workbench-ui .login-tab { border-radius: 4px; color: #5b6860; background: transparent; }
body.workbench-ui .login-tab.active { background: #fff; color: #155a42; box-shadow: 0 1px 4px #18302115; }
body.workbench-ui .login-form input { min-height: 46px; }
body.workbench-ui .login-quick-links { padding-top: 16px; border-top: 1px solid var(--line); }
body.workbench-ui #result-root { padding: 0; border: 0; }
body.workbench-ui .review-metrics strong { font-size: 29px; letter-spacing: 0; }
body.workbench-ui .review-quality-card { background: #edf6f1; border: 0; border-left: 3px solid #509474; border-radius: 0; color: #315e46; }
body.workbench-ui .review-quality-card.needs-review { background: #fff9ed; border-left-color: #bc862d; color: #80551f; }
body.workbench-ui .review-next { margin-bottom: 20px; }
body.workbench-ui .report-chapters { gap: 20px; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
body.workbench-ui .report-chapters a { padding: 0; background: transparent; color: #326c55; }
body.workbench-ui .report-chapter { border: 0; border-bottom: 1px solid var(--line); border-radius: 0; margin: 0; }
body.workbench-ui .report-chapter > summary { padding: 18px 0; }
body.workbench-ui .report-chapter[open] > summary { background: #fff; border-radius: 0; }
body.workbench-ui .report-chapter > .panel { padding: 20px 0; }
body.workbench-ui .regional-hero { background: #fff; border: 0; padding: 0 0 24px; gap: 40px; }
body.workbench-ui .regional-hero .regional-quick-form { padding: 0; margin: 0; max-width: none; border: 0; border-radius: 0; box-shadow: none; background: #fff; }
body.workbench-ui .regional-hero .regional-field-region input { font-size: 15px; font-weight: 500; min-height: 44px; border-color: #ccd6d0; }
body.workbench-ui .regional-hero .regional-quick-form label { font-size: 13px; font-weight: 600; color: #41534a; }
body.workbench-ui .regional-radar-strip, body.workbench-ui .regional-radar-meter { display: none; }
body.workbench-ui .regional-source-card { border: 0; border-left: 1px solid var(--line); border-radius: 0; padding: 0 0 0 24px; background: #fff; color: #51695b; box-shadow: none; min-height: 0; }
body.workbench-ui .regional-source-card strong { font-size: 20px; color: #345d46; }
body.workbench-ui .regional-source-card small { color: var(--muted); }
body.workbench-ui .regional-setup.has-report { border-radius: 4px; }
body.workbench-ui .btn.radar { background: #fff; color: #156d5c; border-color: #87b5a3; }
body.workbench-ui .regional-tab, body.workbench-ui .liw-step { border-radius: 4px; }
body.workbench-ui .liw-hero { padding: 0 0 24px; border: 0; border-bottom: 1px solid var(--line); background: #fff; border-radius: 0; box-shadow: none; }
body.workbench-ui .liw-hero h2 { font-size: 23px; }
body.workbench-ui .liw-hero p { font-size: 13px; }
body.workbench-ui .liw-stat, body.workbench-ui .liw-card { border: 0; border-left: 2px solid #d6e5dd; border-radius: 0; box-shadow: none; background: #f6f8f7; padding: 12px 16px; }
body.workbench-ui .liw-panel, body.workbench-ui .liw-step-list, body.workbench-ui .liw-smartbar, body.workbench-ui .liw-case-picker { border-radius: 6px; box-shadow: none; border-color: var(--line); background: #fff; }
body.workbench-ui .liw-step.active { background: #edf5f0; color: #1b6144; border-color: #a4c4b3; }
body.workbench-ui .liw-step.active i { background: #24694d; }
body.workbench-ui .ops-hero { background: #fff; border-radius: 0; padding: 0 0 24px; }
body.workbench-ui .ops-hero h2 { font-size: 22px; }
body.workbench-ui .ops-hero p { font-size: 13px; }
body.workbench-ui .ops-failed-table td { vertical-align: top; }
body.workbench-ui .ops-failed-table .btn { min-height: 32px; padding: 6px 9px; font-size: 12px; }
body.workbench-ui .ops-count-list { min-width: 0; grid-template-columns: minmax(0,1fr); }
body.workbench-ui .ops-count-list > div { min-width: 0; flex-wrap: wrap; gap: 10px; border-radius: 0; box-shadow: none; }
body.workbench-ui .ops-count-list > div > span { min-width: 0; flex: 1 1 220px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
body.workbench-ui .ops-count-list small, body.workbench-ui .ops-count-list strong { min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
body.workbench-ui .feedback-fab { left: auto; right: 16px; bottom: 16px; background: #fff; color: #3a5846; border: 1px solid #cbd9d1; border-radius: 6px; box-shadow: 0 2px 8px #172d2410; }
@media (max-width: 900px) {
  body.workbench-ui .container { width: calc(100% - 40px); }
  body.workbench-ui .upload-shell { grid-template-columns: minmax(0,1fr); gap: 24px; }
  body.workbench-ui .upload-status-card { border-left: 0; border-top: 1px solid var(--line); padding: 18px 0; }
}
@media (max-width: 760px) {
  body.workbench-ui .container { width: calc(100% - 28px); }
  body.workbench-ui .topbar-inner { min-height: 0; padding: 10px 0 4px; gap: 6px 12px; }
  body.workbench-ui .brand { font-size: 16px; }
  body.workbench-ui .topnav a { font-size: 12px; padding: 8px 3px; }
  body.workbench-ui .main-content { padding-top: 20px; }
  body.workbench-ui .page-title-wrap { margin-bottom: 22px; }
  body.workbench-ui .page-title { font-size: 22px; }
  body.workbench-ui .main-content h2 { font-size: 19px; }
  body.workbench-ui .card, body.workbench-ui .panel { padding: 18px 0; }
  body.workbench-ui .upload-primary-card { padding: 0 !important; }
  body.workbench-ui .upload-quota-inline { justify-content: flex-start; gap: 6px; margin-left: 0; }
  body.workbench-ui .upload-file-field { padding: 16px; }
  body.workbench-ui .btn { font-size: 12px; min-height: 40px; padding: 9px 12px; }
  body.workbench-ui .review-metrics { gap: 8px; }
  body.workbench-ui .review-metrics strong { font-size: 19px; overflow-wrap: anywhere; }
  body.workbench-ui .review-metrics span { font-size: 11px; }
  body.workbench-ui .result-heading { align-items: flex-start; }
  body.workbench-ui .login-panel, body.workbench-ui .login-card { padding: 0 !important; }
  body.workbench-ui .login-panel { display: block !important; }
  body.workbench-ui .login-card { display: grid; }
  body.workbench-ui input:not([type=checkbox]):not([type=radio]), body.workbench-ui select, body.workbench-ui textarea { font-size: 16px; }
  body.workbench-ui .regional-source-card { border: 0; padding: 12px 0; }
  body.workbench-ui .liw-hero { padding: 0 0 18px; border-radius: 0; }
  body.workbench-ui .liw-panel { padding: 16px; }
  body.workbench-ui .liw-step-list { border-radius: 4px; }
  body.workbench-ui .data-table th, body.workbench-ui .data-table td { padding: 10px; }
  body.workbench-ui .section-head { flex-wrap: wrap; }
}
@media print {
  body.workbench-ui .topbar, body.workbench-ui .feedback-fab { display: none; }
  body.workbench-ui .container { width: 100%; }
}
