/* Selected A direction: shared surfaces, brand and readable text on every page. */
:root[data-appearance] {
  color-scheme: light;
  --fresh-bg: #f5f8f8;
  --fresh-sidebar: #fff;
  --fresh-accent: #2f8067;
  --fresh-accent-hover: #246a54;
  --fresh-active: #edf7f1;
  --fresh-yellow: #e5d376;
  --fresh-ink: #243d48;
  --fresh-muted: #576f7a;
  --fresh-line: #e2eaeb;
  --fresh-hero: #edf7f1;
  --text-primary: #243d48;
  --text-secondary: #405c68;
  --text-muted: #576f7a;
  --text-accent: #286e57;
}
.admin-body, .login-body, .screen-body {
  --ink: var(--text-primary);
  --muted: var(--text-muted);
  --green: var(--fresh-accent);
  --green-dark: var(--fresh-accent-hover);
  --border: var(--fresh-line);
  --pale: var(--fresh-active);
  --canvas: var(--fresh-bg);
  color: var(--text-primary);
  background: var(--fresh-bg);
  font-family: "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  font-size: 15px;
}
.admin-body .brand, .login-body .brand, .screen-body .brand {
  display: flex; align-items: center; gap: 12px; color: var(--text-primary);
  white-space: nowrap; flex-shrink: 0;
}
.admin-body .brand img, .login-body .brand img, .screen-body .brand img {
  width: 46px; height: 46px; flex: 0 0 46px; object-fit: contain;
}
.admin-body .brand > span, .login-body .brand > span, .screen-body .brand > span {
  font-size: 23px; line-height: 1.3; font-weight: 600; letter-spacing: 1px;
}
.admin-body .brand .brand-sub, .login-body .brand .brand-sub, .screen-body .brand .brand-sub {
  display: block; font-size: 13px; line-height: 1.5; margin-top: 4px;
  color: var(--text-muted); font-weight: 400; letter-spacing: 2px;
}
.admin-body .app-sidebar .brand { padding-left: 10px; padding-right: 0; }
.admin-body .app-sidebar .brand > span { font-size: 22px; }
.admin-body .btn-primary, .login-body .btn-primary, .screen-body .btn-primary {
  --bs-btn-bg: var(--fresh-accent); --bs-btn-border-color: var(--fresh-accent);
  --bs-btn-hover-bg: var(--fresh-accent-hover); --bs-btn-hover-border-color: var(--fresh-accent-hover);
  --bs-btn-active-bg: var(--fresh-accent-hover); --bs-btn-active-border-color: var(--fresh-accent-hover);
  color: #fff; border-radius: 8px; box-shadow: none; font-weight: 500;
}
.admin-body .btn-light { --bs-btn-color: var(--text-secondary); }
.admin-body .btn-soft, .admin-body .link-button { color: var(--text-accent); }
.admin-body .icon-btn, .screen-body .icon-btn { color: var(--text-muted); }

/* Navigation, headings and the business workspace. */
.admin-body .workspace-label, .admin-body .nav-section-label, .admin-body .system-section-label,
.admin-body .breadcrumb-trail, .admin-body .breadcrumb-trail span, .admin-body .header-date,
.admin-body .app-footer { color: var(--text-muted); }
.admin-body .workspace-label, .admin-body .nav-section-label, .admin-body .system-section-label { font-size: 12px; }
.admin-body .breadcrumb-trail span:last-child { color: var(--text-secondary); }
.admin-body .avatar, .admin-body .sidebar-user .avatar, .admin-body .app-header .avatar { color: #3f725c; }
.admin-body .app-nav a, .admin-body .module-root > summary,
.admin-body .menu-branch summary, .admin-body .menu-leaf { color: var(--text-secondary); }
.admin-body .app-nav a.active, .admin-body .module-root.contains-active > summary,
.admin-body .menu-branch.contains-active > summary, .admin-body .menu-leaf.active { color: var(--text-accent); }
.admin-body .app-nav a .icon, .admin-body .module-root > summary > .icon { color: #688b7d; }
.admin-body .branch-chevron { color: #728d86 !important; }
.admin-body .public-link, .admin-body .user-info strong { color: var(--text-secondary); }
.admin-body .user-info span { color: var(--text-muted); }
.admin-body .page-heading h1, .admin-body .card-head h3, .admin-body .table-title h3 { color: var(--text-primary); }
.admin-body .page-heading p, .admin-body .card-head .sub, .admin-body .card-head small,
.admin-body .card-head > span, .admin-body .table-title h3 span, .admin-body .legend,
.admin-body .date-pill { color: var(--text-muted); }
.admin-body .card-head > span { color: var(--text-muted) !important; }
.admin-body .welcome-banner h2 { color: var(--text-primary); }
.admin-body .welcome-banner p, .admin-body .welcome-banner .eyebrow,
.admin-body .welcome-banner .banner-side { color: var(--text-secondary); }
.admin-body .banner-side b { color: var(--text-accent); }
.admin-body .metric-top, .admin-body .metric-value small { color: var(--text-secondary); }
.admin-body .metric-value { color: var(--text-primary); }
.admin-body .metric-bottom, .admin-body .base-num { color: var(--text-muted); }
.admin-body .metric-bottom .trend { color: var(--text-accent); }
.admin-body .quick-action, .admin-body .task-row p, .admin-body .base-name,
.admin-body .base-total { color: var(--text-secondary); }
.admin-body .quick-action .quick-icon { color: #507f68; }
.admin-body .quick-action:nth-child(2) .quick-icon { color: #967c2e; }
.admin-body .quick-action:nth-child(3) .quick-icon { color: #4e7e86; }
.admin-body .quick-action:nth-child(4) .quick-icon { color: #7d6e97; }
.admin-body .segmented { background: #eef3f2; }
.admin-body .segmented button, .admin-body .page-tabs button { color: var(--text-muted); }
.admin-body .segmented button.active, .admin-body .page-tabs button.active { color: var(--text-accent); }
.admin-body .data-table th { color: var(--text-secondary); background: #f7faf9; }
.admin-body .data-table td { color: var(--text-secondary); }
.admin-body .data-table td.strong, .admin-body .data-table .amount { color: var(--text-primary); }
.admin-body .data-table .record-id, .admin-body .data-table td.record-id { color: var(--text-muted); }
.admin-body .row-actions button { color: var(--text-accent); font-size: 14px; }
.admin-body .row-actions button.secondary-action { color: var(--text-secondary); }
.admin-body .table-footer, .admin-body .record-summary, .admin-body .pagination-controls button,
.admin-body .date-separator, .admin-body .scope-note, .admin-body .scope-navigation nav a { color: var(--text-muted); }
.admin-body .record-summary strong, .admin-body .scope-badge { color: var(--text-secondary); }
.admin-body .scope-page-label { color: var(--text-secondary); }
.admin-body .pagination-controls button.active, .admin-body .account-pages button.active { color: var(--text-accent); }
.admin-body .scope-navigation nav a.active { color: var(--text-accent); }
.admin-body .badge-soft { color: #286b51; background: #eaf5ec; }
.admin-body .badge-soft.orange { color: #85651a; background: #fbf4d9; }
.admin-body .badge-soft.blue { color: #386d81; background: #eaf3f7; }
.admin-body .badge-soft.gray { color: #576b74; background: #eef2f3; }
.admin-body .base-card-top h3, .admin-body .base-scope-banner strong,
.admin-body .base-stat strong, .admin-body .business-title h2, .admin-body .business-total { color: var(--text-primary); }
.admin-body .base-card-top small, .admin-body .base-stat small, .admin-body .base-stat strong span,
.admin-body .base-card-footer, .admin-body .base-scope-banner p, .admin-body .base-business-card > p,
.admin-body .business-total small, .admin-body .flow-step p, .admin-body .flow-step small { color: var(--text-muted); }
.admin-body .base-card .badge-soft, .admin-body .base-scope-banner .badge-soft { color: #6f651e; background: #faf5d9; }
.admin-body .business-links a, .admin-body .flow-step strong { color: var(--text-accent); }
.admin-body .flow-step .flow-icon { color: #557e66; }
.admin-body .report-tile strong { color: var(--text-primary); }
.admin-body .report-tile small { color: var(--text-muted); }

/* Forms, details, dialogs and their validation states share the same contrast. */
.admin-body .form-control, .admin-body .form-select,
.login-body .login-form-wrap .form-control { color: var(--text-primary); border-color: #cbd9d9; font-size: 15px; }
.admin-body .form-control::placeholder, .login-body .login-form-wrap .form-control::placeholder { color: #647b85; opacity: 1; }
.admin-body .form-field label, .admin-body .form-section-title,
.admin-body .modal-title, .admin-body .detail-item strong, .admin-body .detail-top strong { color: var(--text-primary); }
.admin-body .form-field small, .admin-body .detail-item small, .admin-body .detail-top span,
.admin-body .detail-timeline, .admin-body .validation-note, .admin-body .detail-note,
.admin-body .form-scope, .admin-body .invoice-total, .admin-body .invoice-lines th,
.admin-body .notice-panel small, .admin-body .empty-state { color: var(--text-muted); }
.admin-body .modal-footer > span { color: var(--text-muted) !important; }
.admin-body .invoice-lines .line-total { color: var(--text-primary); }
.admin-body .form-check-input { border-color: #8ba39b; }
.admin-body .form-check-input:checked, .login-body .form-check-input:checked { background-color: var(--fresh-accent); border-color: var(--fresh-accent); }
.admin-body .form-error, .login-body .form-error, .admin-body .account-form-error { color: #ad433c; }

/* Account management: quiet surfaces with readable labels and metadata. */
.admin-body .account-intro h2, .admin-body .account-person strong,
.admin-body .permission-card h2, .admin-body .activity-card > header h2,
.admin-body .account-empty h3, .admin-body .account-drawer h2,
.admin-body .account-modal-header .modal-title { color: var(--text-primary); }
.admin-body .account-page-tabs > a, .admin-body .account-status-tabs button,
.admin-body .account-intro p, .admin-body .account-summary, .admin-body .account-table th,
.admin-body .account-table td, .admin-body .role-choice b { color: var(--text-secondary); }
.admin-body .account-page-tabs > a.active, .admin-body .account-status-tabs button.active,
.admin-body .account-summary b, .admin-body .role-choice.selected b { color: var(--text-accent); }
.admin-body .account-person small, .admin-body .account-table .login-time,
.admin-body .custom-permission-label, .admin-body .account-list-footer,
.admin-body .account-demo-note, .admin-body .account-empty p, .admin-body .role-list-caption,
.admin-body .role-choice small, .admin-body .permission-card header p,
.admin-body .member-count, .admin-body .permission-card > footer > span,
.admin-body .activity-card > header p, .admin-body .audit-record p,
.admin-body .audit-record small, .admin-body .audit-record time,
.admin-body .recycle-caption { color: var(--text-muted); }
.admin-body .scope-cell { color: var(--text-secondary) !important; }
.admin-body .role-tag { color: #3e6b5d; }
.admin-body .role-tag.owner { color: #7c651c; }
.admin-body .account-status.active { color: #286e57; }
.admin-body .account-status.disabled { color: #5c6e79; }
.admin-body .account-status.locked { color: #886a21; }
.admin-body .account-text-action, .admin-body .permission-row-toggle { color: var(--text-accent); }
.admin-body .account-text-action.secondary, .admin-body .account-row-menu .dropdown-item { color: var(--text-secondary); }
.admin-body .account-row-menu .account-danger { color: #ad433c; }
.admin-body .account-pages button, .admin-body .protected-account-note { color: var(--text-muted); }
.admin-body .pagination-helper { color: var(--text-muted); font-size: 12px; }
.admin-body .member-avatar { color: #527340; }
.admin-body .member-avatar.avatar-tone-1 { color: #806932; }
.admin-body .member-avatar.avatar-tone-2 { color: #466e76; }
.admin-body .member-avatar.avatar-tone-3 { color: #755987; }
.admin-body .permission-explainer, .admin-body .permission-table thead th { color: var(--text-muted); }
.admin-body .permission-table th:first-child, .admin-body .audit-record b,
.admin-body .audit-record strong { color: var(--text-secondary); }
.admin-body .permission-table .form-check-input:checked { background-color: var(--fresh-accent); border-color: var(--fresh-accent); }
.admin-body .account-drawer header p, .admin-body .small-overline,
.admin-body .account-field-hint, .admin-body .account-check-line,
.admin-body .assigned-role-preview p, .admin-body .assigned-role-preview small,
.admin-body .account-drawer-note, .admin-body .account-confirm-body p,
.admin-body .account-confirm-body h3 small, .admin-body .reset-member span,
.admin-body .inherit-permission small, .admin-body .permission-member small { color: var(--text-muted); }
.admin-body .account-field > span, .admin-body .account-section-title,
.admin-body .assigned-role-preview strong, .admin-body .base-checkboxes label,
.admin-body .account-confirm-body h3, .admin-body .reset-member b,
.admin-body .inherit-permission b, .admin-body .permission-member strong { color: var(--text-secondary); }
.admin-body .account-field .form-control, .admin-body .account-field .form-select { color: var(--text-primary); }
.admin-body .account-field .form-control::placeholder { color: #647b85; }
.admin-body .account-password button { color: var(--text-muted); }
.admin-body .required { color: #876719; }
.admin-body .account-status-tabs button > span, .admin-body .you-tag { color: #5d735e; }
.admin-body .account-person small, .admin-body .role-choice small, .admin-body .account-field-hint,
.admin-body .account-check-line, .admin-body .base-checkboxes label { font-size: 13px; }
.admin-body .audit-record small, .admin-body .audit-record time, .admin-body .account-demo-note { font-size: 12px; }

/* Login remains bright, with the same mark visible at phone widths. */
.login-body .login-story { background: linear-gradient(145deg, #eaf5ee, #f7f8ed); }
.login-body .login-copy h1, .login-body .login-form-wrap h2 { color: var(--text-primary); }
.login-body .login-copy p, .login-body .login-copy .eyebrow, .login-body .field-label,
.login-body .login-story-footer, .login-body .login-capabilities span,
.login-body .login-form-wrap > .muted, .login-body .field-label-text,
.login-body .remember, .login-body .back-public, .login-body .login-form-wrap .small-overline,
.login-body .login-footer { color: var(--text-secondary); }
.login-body .login-form-wrap:before { display: none; }
.login-body .login-mobile-brand { display: none; }
.login-body .demo-account { background: #f4f8ed; border-color: #e3ead7; }
.login-body .demo-account strong, .login-body .demo-account p,
.login-body .demo-account p b, .login-body .demo-account small { color: var(--text-secondary); }
.login-body .demo-account p span { color: var(--text-muted); }
.login-body .demo-account button { color: var(--text-accent); }
.login-body .demo-account button { white-space: nowrap; flex-shrink: 0; }
.login-body .login-submit { background: var(--fresh-accent); border-color: var(--fresh-accent); }
.login-body .login-submit:hover, .login-body .login-submit:active { background: var(--fresh-accent-hover); border-color: var(--fresh-accent-hover); }
.login-body .password-toggle { color: var(--text-muted); }
.login-body .form-check-input { border-color: #8ba39b; }
.login-body .demo-account small { font-size: 12px; line-height: 1.7; }
.login-body .hill-one { background: #d4e6d4; }.login-body .hill-two { background: #c4dcc8; }

/* Public data screens: overview, production and sales use white cards. */
.screen-body { background-image: none; }
.screen-body .screen-top { border-color: var(--fresh-line); }
.screen-body .screen-top:after { display: none; }
.screen-body .screen-nav button { color: var(--text-secondary); }
.screen-body .screen-nav button.active { color: var(--text-accent); }
.screen-body .screen-nav button.active:after { background: var(--fresh-accent); box-shadow: none; }
.screen-body .screen-clock { color: var(--text-muted); }
.screen-body .screen-clock b { color: var(--text-primary); }
.screen-body .screen-title-row h1 { color: var(--text-primary); }
.screen-body .screen-title-row h1 span { color: #869c92; }
.screen-body .screen-title-row .eyebrow, .screen-body .screen-title-row p,
.screen-body .screen-meta { color: var(--text-muted); }
.screen-body .screen-meta select, .screen-body .screen-meta select option {
  color: var(--text-secondary); background: #fff; border-color: #cbd9d9; border-radius: 8px;
}
.screen-body .screen-meta .icon-btn { color: var(--text-secondary); border-color: #cbd9d9; background: #fff; border-radius: 8px; }
.screen-body .screen-meta .icon-btn:hover { background: var(--fresh-active); color: var(--text-accent); }
.screen-body .screen-meta .live-dot { background: var(--fresh-accent); box-shadow: none; }
.screen-body .screen-kpi, .screen-body .screen-kpi:first-child {
  color: var(--text-primary); background: #fff; border: 1px solid var(--fresh-line);
  border-radius: 13px; box-shadow: var(--fresh-shadow);
}
.screen-body .screen-kpi:after, .screen-body .screen-panel:before,
.screen-body .screen-panel .card-head h3:before { display: none; }
.screen-body .screen-kpi .metric-top, .screen-body .screen-kpi:first-child .metric-top { color: var(--text-secondary); }
.screen-body .screen-kpi .metric-value, .screen-body .screen-kpi:first-child .metric-value { color: var(--text-primary); }
.screen-body .screen-kpi .metric-value small, .screen-body .screen-kpi:first-child .metric-value small { color: var(--text-muted); }
.screen-body .screen-kpi .metric-icon, .screen-body .screen-kpi:first-child .metric-icon {
  color: #51846a; background: #edf6ef; border: 0; border-radius: 10px;
}
.screen-body .screen-kpi:nth-child(2) .metric-icon { color: #967c2e; background: #fbf7e5; }
.screen-body .screen-kpi:nth-child(3) .metric-icon { color: #4d7c86; background: #ecf5f6; }
.screen-body .screen-kpi:nth-child(4) .metric-icon { color: #7d6e97; background: #f3f0f8; }
.screen-body .screen-kpi .metric-bottom, .screen-body .screen-kpi:first-child .metric-bottom { color: var(--text-muted); border-color: var(--fresh-line); }
.screen-body .screen-kpi .trend, .screen-body .screen-kpi:first-child .trend { color: var(--text-accent); }
.screen-body .screen-kpi .mini-chart path, .screen-body .screen-kpi:first-child .mini-chart path { stroke: #94b8a6; }
.screen-body .screen-panel { background: #fff; border-color: var(--fresh-line); border-radius: 13px; box-shadow: var(--fresh-shadow); }
.screen-body .screen-panel .card-head h3, .screen-body .screen-map .card-head h3 { color: var(--text-primary); letter-spacing: 0; }
.screen-body .screen-panel .card-head small, .screen-body .screen-panel .legend,
.screen-body .screen-map small { color: var(--text-muted); }
.screen-body .screen-map { background: linear-gradient(145deg, #f4f9f5, #edf5ef); border-color: #dce9df; border-radius: 13px; }
.screen-body .screen-map:before { display: none; }
.screen-body .screen-map .badge-soft { color: #3c7257; background: #e6f1e6; border-color: #d4e5d5; }
.screen-body .map-label { fill: #304f40; font-weight: 600; font-size: 18px; }
.screen-body .map-sub { fill: #546f60; font-size: 15px; }
.screen-body .map-key { color: #4f6a5c; bottom: 116px; }
.screen-body .map-key i { background: #72a68a; box-shadow: none; }
.screen-body .map-key span:last-child i { background: #c5b15a; }
.screen-body .screen-map-caption { color: #5d7666 !important; font-size: 11px !important; bottom: 102px; }
.screen-body .map-bottom { background: #ffffffbb; border-color: #dce9df; }
.screen-body .map-bottom > div { border-color: #dce9df; }
.screen-body .map-bottom strong { color: var(--text-primary); }
.screen-body .map-bottom strong small, .screen-body .map-bottom p { color: var(--text-muted); }
.screen-body .map-tooltip { background: #fff; border-color: #cbded1; color: var(--text-secondary); box-shadow: 0 8px 30px #234b3520; }
.screen-body .map-tooltip strong { color: var(--text-primary); }
.screen-body .map-tooltip button { color: var(--text-muted); }
.screen-body .progress-label, .screen-body .progress-label strong,
.screen-body .screen-donut-legend, .screen-body .screen-donut-legend b { color: var(--text-secondary); }
.screen-body .screen-progress-row .base-bar { background: #edf3ef; }
.screen-body .screen-progress-row .base-bar > span { background: #72a68a; }
.screen-body .screen-progress-row:nth-child(2) .base-bar > span { background: #94b39b; }
.screen-body .screen-progress-row:nth-child(3) .base-bar > span { background: #b1be8a; }
.screen-body .screen-progress-row:nth-child(4) .base-bar > span { background: #d1bd65; }
.screen-body .screen-flow .flow-circle { background: #edf6ef; border-color: #fff; color: #4f8063; box-shadow: none; }
.screen-body .screen-flow:before { border-color: #c9dccf; }
.screen-body .screen-flow span, .screen-body .screen-flow small { color: var(--text-secondary); }
.screen-body .screen-flow b { color: var(--text-primary); }
.screen-body .activity-item { border-color: var(--fresh-line); }
.screen-body .activity-item .activity-icon { color: #4f8063; background: #edf6ef; border-radius: 8px; }
.screen-body .activity-item p { color: var(--text-secondary); }
.screen-body .activity-item p small, .screen-body .activity-item > small { color: var(--text-muted); }
.screen-body .screen-table th { color: var(--text-secondary); }
.screen-body .screen-table td { color: var(--text-primary); border-color: var(--fresh-line); }
.screen-body .screen-table tbody tr:hover { background: #f5faf7; }
.screen-body .screen-table-scroll { overflow-x: auto; }
.screen-body .screen-footer { color: var(--text-muted); }
.screen-body .segmented { background: #eef3f2; }
.screen-body .segmented button { color: var(--text-muted); }
.screen-body .segmented button.active { background: #fff; color: var(--text-accent); }
.admin-body .apexcharts-text, .screen-body .apexcharts-text { fill: #526975; }
.admin-body .apexcharts-legend-text, .screen-body .apexcharts-legend-text { color: #526975 !important; }
.screen-body .apexcharts-datalabel-value { fill: var(--text-primary); }
.screen-body .apexcharts-datalabel-label { fill: #526975; }
.admin-body .apexcharts-tooltip, .screen-body .apexcharts-tooltip { background: #fff !important; color: var(--text-primary) !important; border-color: #d9e5e0 !important; }
.admin-body .apexcharts-tooltip-title, .screen-body .apexcharts-tooltip-title { background: #f1f6f3 !important; border-color: #d9e5e0 !important; }

@media (max-width: 1200px) {
  .admin-body .app-sidebar .brand { gap: 9px; padding-left: 8px; }
  .admin-body .app-sidebar .brand > span { font-size: 20px; }
  .admin-body .app-sidebar .brand img { width: 42px; height: 42px; flex-basis: 42px; }
  .screen-body .screen-nav { gap: 24px; }
  .screen-body .screen-top .brand > span { font-size: 21px; }
}
@media (max-width: 992px) {
  .screen-body .screen-top .brand .brand-sub { display: block; font-size: 12px; }
  .screen-body .screen-nav { gap: 16px; }
}
@media (max-width: 700px) {
  .admin-body .page-heading p { color: var(--text-muted); font-size: 13px; }
  .admin-body .account-page-tabs > a, .admin-body .account-status-tabs button { font-size: 13px; }
  .admin-body .account-filter-controls .form-select, .admin-body .account-search .form-control { font-size: 13px; }
  .admin-body .account-intro p, .admin-body .permission-card header p { font-size: 13px; }
  .admin-body .permission-explainer, .admin-body .inherit-permission small { font-size: 12px; }
  .admin-body .account-field > span { font-size: 14px; }
  .admin-body .account-field-hint, .admin-body .account-check-line { font-size: 12px; }
  .login-body .login-mobile-brand { display: flex; margin-bottom: 35px; }
  .login-body .login-story { display: none; }
  .login-body .login-form-side { padding-top: 95px; }
  .login-body .login-footer { font-size: 11px; }
  .screen-body .screen-top { height: auto; min-height: 122px; display: grid; grid-template-columns: 1fr auto; gap: 4px 12px; padding-top: 16px; }
  .screen-body .screen-top .brand img { width: 40px; height: 40px; flex-basis: 40px; }
  .screen-body .screen-top .brand > span { font-size: 20px; }
  .screen-body .screen-top .brand .brand-sub { font-size: 12px; letter-spacing: 1px; }
  .screen-body .screen-top-right { grid-column: 2; grid-row: 1; }
  .screen-body .screen-nav { grid-column: 1 / -1; grid-row: 2; justify-content: space-between; margin: 0; height: 48px; gap: 12px; }
  .screen-body .screen-nav button { font-size: 14px; padding: 0 8px; }
  .screen-body .screen-meta { font-size: 12px; }
  .screen-body .screen-meta select { font-size: 13px; }
  .screen-body .screen-panel .legend, .screen-body .screen-panel .card-head small { font-size: 12px; }
  .screen-body .screen-map-caption { font-size: 10px !important; }
  .screen-body .screen-table { min-width: 370px; }
  .screen-body .screen-table th { font-size: 12px; }
  .screen-body .screen-table td { font-size: 13px; }
  .screen-body .screen-flow span { font-size: 12px; }
  .screen-body .screen-kpi .metric-bottom, .screen-body .screen-kpi:first-child .metric-bottom,
  .screen-body .screen-kpi .trend, .screen-body .screen-kpi:first-child .trend { font-size: 11px; }
  .screen-body .screen-footer { font-size: 11px; }
}