.appearance-workspace {
  min-height: 0;
  overflow: auto;
  padding: 12px;
  background: #eef1f1;
  border: 1px solid #c4cccc;
}

.appearance-head {
  margin-bottom: 14px;
}

.appearance-head h3 {
  margin: 0 0 4px;
  color: #26343a;
  font-size: 14px;
  line-height: 18px;
}

.appearance-head p {
  margin: 0;
  color: #647278;
  font-size: 11px;
  line-height: 16px;
}

.theme-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 280px));
  gap: 12px;
}

.theme-option {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #bfc9ca;
  border-radius: 5px;
  background: #fff;
  color: #243239;
  text-align: left;
}

.theme-option[aria-pressed="true"] {
  border-color: #009b89;
  box-shadow: 0 0 0 2px rgba(0, 155, 137, .14);
}

.theme-preview {
  height: 112px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  background: #eef1f1;
  border-bottom: 1px solid #d3dada;
}

.theme-preview-sidebar {
  background: #24323a;
}

.theme-preview-main {
  display: grid;
  grid-template-rows: 22px 20px 1fr;
  gap: 5px;
  padding: 0 7px 7px;
}

.theme-preview-topbar {
  margin: 0 -7px;
  background: #24323a;
}

.theme-preview-tabs {
  align-self: end;
  height: 14px;
  background: #009b89;
}

.theme-preview-table {
  display: grid;
  grid-template-rows: 18px repeat(3, 1fr);
  border: 1px solid #c4cccc;
  background: repeating-linear-gradient(#fff 0 17px, #e2e7e7 17px 18px);
}

.theme-preview-table::before {
  content: "";
  background: #009b89;
}

.theme-preview--windows7 {
  background: #dceaf6;
}

.theme-preview--windows7 .theme-preview-sidebar {
  background: linear-gradient(180deg, #2f71ac, #163c68);
}

.theme-preview--windows7 .theme-preview-topbar {
  background: linear-gradient(180deg, #eaf5fd, #7db5dc 48%, #3e82b8 49%, #286496);
}

.theme-preview--windows7 .theme-preview-tabs,
.theme-preview--windows7 .theme-preview-table::before {
  background: linear-gradient(180deg, #f8fcff, #9ac7e8 48%, #5b9dce 49%, #d8edf9);
}

.theme-preview--windows7 .theme-preview-table {
  border-color: #7ea6c4;
  background: repeating-linear-gradient(#fff 0 17px, #dbe8f2 17px 18px);
}

.theme-option-copy {
  min-height: 62px;
  padding: 10px 11px;
  display: grid;
  gap: 3px;
}

.theme-option-copy strong {
  font-size: 12px;
  line-height: 16px;
}

.theme-option-copy span {
  color: #69777d;
  font-size: 10px;
  line-height: 14px;
}

.theme-option-check {
  display: none;
  color: #008f7f;
  font-size: 10px;
  font-weight: 700;
}

.theme-option[aria-pressed="true"] .theme-option-check {
  display: block;
}

@media (max-width: 620px) {
  .theme-options { grid-template-columns: 1fr; }
  .appearance-workspace { padding: 8px; }
}

html[data-theme="windows7"] {
  --bg: #dce8f2;
  --panel: #ffffff;
  --ink: #172634;
  --muted: #4c6072;
  --line: #9db7ca;
  --nav: #1d4f7d;
  --nav-2: #2d6d9f;
  --green: #2b7a3f;
  --blue: #286da3;
  --teal: #377aa7;
  --shadow: 0 2px 8px rgba(31, 67, 96, .18);
}

html[data-theme="windows7"] body,
html[data-theme="windows7"] main,
html[data-theme="windows7"] .workspace-shell {
  background: #dce8f2;
}

html[data-theme="windows7"] .sidebar {
  background: linear-gradient(180deg, #3d7fb2 0, #245d90 42%, #173e68 100%);
  border-right: 1px solid #0e345a;
  box-shadow: inset -1px 0 rgba(255, 255, 255, .18);
}

html[data-theme="windows7"] .sidebar::before {
  background: linear-gradient(90deg, rgba(255, 255, 255, .16), transparent 55%);
}

html[data-theme="windows7"] .sidebar .brand,
html[data-theme="windows7"] .sidebar-profile {
  border-color: rgba(255, 255, 255, .28);
}

html[data-theme="windows7"] .nav button {
  color: #f4f9fd;
  border: 1px solid transparent;
  text-shadow: 0 1px rgba(0, 38, 72, .65);
}

html[data-theme="windows7"] .nav button:hover {
  border-color: rgba(211, 236, 252, .58);
  background: linear-gradient(180deg, rgba(210, 239, 255, .34), rgba(70, 140, 190, .28));
}

html[data-theme="windows7"] .nav button.active {
  border-color: #9bc7e5;
  background: linear-gradient(180deg, #79b4dc, #397fac 50%, #28658f 51%, #4d91bf);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .25), 0 1px 3px rgba(5, 37, 64, .38);
}

html[data-theme="windows7"] .nav button:hover .ico,
html[data-theme="windows7"] .nav button.active .ico {
  border-color: rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .16);
}

html[data-theme="windows7"] .topbar {
  background: linear-gradient(180deg, #edf7fd 0, #b8d9ef 42%, #69a7d2 48%, #3479ac 52%, #2b6798 100%);
  border-bottom-color: #1d507a;
  color: #102b40;
  box-shadow: inset 0 1px #fff, 0 1px 4px rgba(19, 57, 87, .28);
  text-shadow: 0 1px rgba(255, 255, 255, .78);
}

html[data-theme="windows7"] .topbar::before {
  background: #f4c34c;
}

html[data-theme="windows7"] .topbar-tools,
html[data-theme="windows7"] .topbar-clock,
html[data-theme="windows7"] .topbar-global-search-toggle,
html[data-theme="windows7"] .notification-toggle {
  color: #102b40;
}

html[data-theme="windows7"] .workspace-toolbar {
  background: linear-gradient(180deg, #f9fcfe, #d5e7f2);
  border-bottom-color: #91afc4;
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .cashbox-tabs,
html[data-theme="windows7"] .module-tabs {
  border-color: #789fbd;
  background: #c8dfef;
}

html[data-theme="windows7"] .cashbox-tabs button,
html[data-theme="windows7"] .module-tabs button {
  border-color: #8fb1ca;
  background: linear-gradient(180deg, #f8fcff, #d7e9f5);
  color: #264b67;
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .cashbox-tabs button:hover,
html[data-theme="windows7"] .module-tabs button:hover {
  background: linear-gradient(180deg, #fff, #c5e2f5 52%, #9bc8e5);
}

html[data-theme="windows7"] .cashbox-tabs button[aria-selected="true"],
html[data-theme="windows7"] .module-tabs button[aria-selected="true"] {
  border-color: #4e89b4;
  background: linear-gradient(180deg, #eaf7ff, #8ec2e4 48%, #5c9dcc 52%, #d9edf9);
  color: #143d5d;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
}

html[data-theme="windows7"] .module-filters,
html[data-theme="windows7"] .settings-section,
html[data-theme="windows7"] .appearance-workspace {
  border-color: #9bb6c9;
  background: linear-gradient(180deg, #f4f9fc, #e1edf5);
}

html[data-theme="windows7"] input,
html[data-theme="windows7"] select,
html[data-theme="windows7"] textarea,
html[data-theme="windows7"] .search,
html[data-theme="windows7"] .fake-input {
  border-color: #7f9db9;
  border-radius: 2px;
  background: #fff;
  color: #172634;
  box-shadow: inset 0 1px 2px rgba(28, 66, 96, .12);
}

html[data-theme="windows7"] input:focus,
html[data-theme="windows7"] select:focus,
html[data-theme="windows7"] textarea:focus {
  border-color: #3d7bad;
  box-shadow: 0 0 0 2px rgba(75, 143, 192, .18), inset 0 1px 2px rgba(28, 66, 96, .1);
}

html[data-theme="windows7"] .btn,
html[data-theme="windows7"] .icon-btn {
  border: 1px solid #789ab4;
  border-radius: 3px;
  background: linear-gradient(180deg, #fff, #e6f0f6 47%, #c7dce9 52%, #eef6fa);
  color: #173d58;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .btn:hover,
html[data-theme="windows7"] .icon-btn:hover {
  border-color: #4b86ae;
  background: linear-gradient(180deg, #fff, #d9f0fb 47%, #91c7e6 52%, #e5f6ff);
}

html[data-theme="windows7"] .btn.primary {
  border-color: #286a99;
  background: linear-gradient(180deg, #8bc4e8, #4d96c7 48%, #2d73a6 52%, #5ba3d1);
  color: #fff;
  text-shadow: 0 1px #17476a;
}

html[data-theme="windows7"] .btn.danger {
  border-color: #a96565;
  background: linear-gradient(180deg, #fff, #f4d8d8 48%, #dc9a9a 52%, #f7e4e4);
  color: #7f2424;
}

html[data-theme="windows7"] .card,
html[data-theme="windows7"] .kpi,
html[data-theme="windows7"] .dashboard-panel,
html[data-theme="windows7"] .operation-section,
html[data-theme="windows7"] .operation-summary {
  border-color: #9db7ca;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 2px 7px rgba(31, 67, 96, .16);
}

html[data-theme="windows7"] .section-head,
html[data-theme="windows7"] .settings-section-head,
html[data-theme="windows7"] .info-drawer-head,
html[data-theme="windows7"] .modal > .section-head {
  border-color: #477fa8;
  background: linear-gradient(180deg, #e7f5fd, #82b8dc 47%, #4c8fbd 52%, #76afd3);
  color: #123750;
  text-shadow: 0 1px rgba(255, 255, 255, .78);
}

html[data-theme="windows7"] .section-head h3,
html[data-theme="windows7"] .section-head span,
html[data-theme="windows7"] .settings-section-head h3,
html[data-theme="windows7"] .settings-section-head p,
html[data-theme="windows7"] .info-drawer-head h3,
html[data-theme="windows7"] .info-drawer-head span,
html[data-theme="windows7"] .modal > .section-head h3 {
  color: #123750;
}

html[data-theme="windows7"] .erp-table-shell,
html[data-theme="windows7"] .table-scroll,
html[data-theme="windows7"] table {
  border-color: #8eabc0;
  background: #fff;
  box-shadow: 0 1px 4px rgba(30, 68, 98, .14);
}

html[data-theme="windows7"] .data-table th,
html[data-theme="windows7"] .table-fixed-head {
  border-color: #6f98b7;
  background: linear-gradient(180deg, #f7fcff, #c4e0f1 48%, #85b7d8 52%, #d8edf8);
  color: #193f5b;
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .data-table td,
html[data-theme="windows7"] .table-body-scroll td {
  border-color: #d5e1e9;
}

html[data-theme="windows7"] .data-table tbody tr:nth-child(even) td,
html[data-theme="windows7"] .table-body-scroll tbody tr:nth-child(even) td {
  background: #f1f7fb;
}

html[data-theme="windows7"] .data-table tbody tr:hover td,
html[data-theme="windows7"] .table-body-scroll tbody tr:hover td {
  background: #dceefa;
}

html[data-theme="windows7"] .data-table tfoot td,
html[data-theme="windows7"] .table-fixed-foot {
  border-top-color: #4d87ae;
  background: linear-gradient(180deg, #eaf5fb, #c6dfed);
  color: #173d58;
}

html[data-theme="windows7"] .modal,
html[data-theme="windows7"] .info-drawer-inner,
html[data-theme="windows7"] .system-dialog {
  border: 1px solid #5f8eaf;
  background: #f4f8fb;
  box-shadow: 0 10px 28px rgba(13, 43, 67, .34), inset 0 0 0 1px rgba(255, 255, 255, .8);
}

html[data-theme="windows7"] .modal .footer,
html[data-theme="windows7"] .info-drawer-footer,
html[data-theme="windows7"] .system-dialog-footer,
html[data-theme="windows7"] .settings-footer {
  border-color: #a0b8c9;
  background: linear-gradient(180deg, #edf5fa, #d5e4ee);
}

html[data-theme="windows7"] .system-dialog-head {
  background: linear-gradient(180deg, #eff8fd, #9fc9e4 48%, #609fc9 52%, #d2eafa);
  color: #153f5c;
}

html[data-theme="windows7"] .badge {
  border: 1px solid currentColor;
  border-radius: 3px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .7);
}

html[data-theme="windows7"] .theme-option[aria-pressed="true"] {
  border-color: #4e89b4;
  box-shadow: 0 0 0 2px rgba(78, 137, 180, .18);
}

/* Windows 7 ERP skin: light application chrome and consistent classic controls. */
html[data-theme="windows7"] {
  --bg: #dceaf5;
  --panel: #fff;
  --ink: #172b3b;
  --muted: #526979;
  --line: #9db9ce;
  --nav: #edf5fb;
  --nav-2: #d4e6f3;
  --green: #2d873c;
  --blue: #2e6f9f;
  --teal: #3b78a3;
  --shadow: 0 2px 7px rgba(38, 76, 106, .16);
  color-scheme: light;
}

html[data-theme="windows7"] body,
html[data-theme="windows7"] main,
html[data-theme="windows7"] .content,
html[data-theme="windows7"] .workspace-shell {
  background: #dceaf5;
}

html[data-theme="windows7"] .sidebar {
  color: #21394c;
  border-right: 1px solid #83a8c4;
  background: linear-gradient(90deg, #fbfdff 0, #f3f8fc 72%, #e2edf6 100%);
  box-shadow: inset -1px 0 #fff, 1px 0 3px rgba(35, 71, 99, .15);
}

html[data-theme="windows7"] .sidebar::before {
  background: linear-gradient(180deg, rgba(163, 202, 231, .38), transparent 116px);
}

html[data-theme="windows7"] .sidebar > .brand {
  border-color: #a7c0d3;
  background: linear-gradient(180deg, #fff, #edf5fa);
  box-shadow: inset 0 -1px #d5e4ee;
}

html[data-theme="windows7"] .sidebar .brand,
html[data-theme="windows7"] .sidebar-profile {
  border-color: #a7c0d3;
}

html[data-theme="windows7"] .sidebar-section-title,
html[data-theme="windows7"] .nav-group-label,
html[data-theme="windows7"] .sidebar .muted {
  color: #57748b;
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .nav button {
  color: #253d50;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
  text-shadow: 0 1px #fff;
  box-shadow: none;
}

html[data-theme="windows7"] .nav button .ico {
  color: #3e78a4;
  border-color: transparent;
  background: transparent;
}

html[data-theme="windows7"] .nav button:hover {
  color: #183b58;
  border-color: #9dbed6;
  background: linear-gradient(180deg, #f9fdff, #d9ecf8);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8);
}

html[data-theme="windows7"] .nav button.active {
  color: #123e60;
  border-color: #73a6ca;
  background: linear-gradient(180deg, #eaf7ff 0, #c7e5f7 47%, #acd3ed 53%, #dceefa 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.82), 0 1px 2px rgba(50, 93, 124, .12);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .nav button:hover .ico,
html[data-theme="windows7"] .nav button.active .ico {
  color: #245f8b;
  border-color: transparent;
  background: transparent;
}

html[data-theme="windows7"] .sidebar-profile {
  color: #20384a;
  background: linear-gradient(180deg, #f8fbfd, #deebf4);
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .sidebar-profile strong,
html[data-theme="windows7"] .sidebar-profile span,
html[data-theme="windows7"] .sidebar-profile button {
  color: #254a67;
}

html[data-theme="windows7"] .topbar {
  color: #183b58;
  border-bottom: 1px solid #7ba4c3;
  background: linear-gradient(180deg, #f9fcff 0, #e4f0f8 42%, #c4ddef 52%, #eaf4fa 100%);
  box-shadow: inset 0 1px #fff, 0 1px 3px rgba(37, 74, 102, .18);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .topbar::before {
  background: linear-gradient(90deg, #f4b942, #f7d47a);
}

html[data-theme="windows7"] .topbar h1,
html[data-theme="windows7"] .topbar-title,
html[data-theme="windows7"] .topbar-tools,
html[data-theme="windows7"] .topbar-clock,
html[data-theme="windows7"] .topbar-global-search-toggle,
html[data-theme="windows7"] .notification-toggle {
  color: #183b58;
}

html[data-theme="windows7"] .topbar-global-search-toggle:hover,
html[data-theme="windows7"] .notification-toggle:hover {
  background: #d9ebf7;
}

html[data-theme="windows7"] .workspace-toolbar {
  border-bottom: 1px solid #9eb8cb;
  background: linear-gradient(180deg, #fff 0, #f3f8fb 48%, #dfeaf2 100%);
  box-shadow: inset 0 -1px #cbdce8, 0 1px 2px rgba(37, 74, 102, .08);
}

html[data-theme="windows7"] .view,
html[data-theme="windows7"] .operation-editor,
html[data-theme="windows7"] .global-search-results {
  background: #eef5fa;
}

html[data-theme="windows7"] .cashbox-tabs,
html[data-theme="windows7"] .module-tabs,
html[data-theme="windows7"] .developer-tools-nav {
  border-color: #8cacc4;
  background: linear-gradient(180deg, #eaf3f9, #ccdfed);
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .cashbox-tabs button,
html[data-theme="windows7"] .module-tabs button,
html[data-theme="windows7"] .developer-tools-nav button {
  color: #274c69;
  border-color: transparent #a7bfd1 #a7bfd1;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(180deg, #fff, #e6f0f6);
  text-shadow: 0 1px #fff;
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .cashbox-tabs button:hover,
html[data-theme="windows7"] .module-tabs button:hover,
html[data-theme="windows7"] .developer-tools-nav button:hover {
  background: linear-gradient(180deg, #fff, #d7ecf8);
}

html[data-theme="windows7"] .cashbox-tabs button[aria-selected="true"],
html[data-theme="windows7"] .module-tabs button[aria-selected="true"],
html[data-theme="windows7"] .developer-tools-nav button.active {
  color: #17486e;
  border-color: #79a3c1 #79a3c1 #fff;
  background: #fff;
  box-shadow: inset 0 3px #6ca6d0;
}

html[data-theme="windows7"] .module-filters,
html[data-theme="windows7"] .settings-section,
html[data-theme="windows7"] .appearance-workspace,
html[data-theme="windows7"] .cashbox-report-filters,
html[data-theme="windows7"] .report-filters,
html[data-theme="windows7"] .entry-form-panel,
html[data-theme="windows7"] .entry-form-intro,
html[data-theme="windows7"] .operation-section,
html[data-theme="windows7"] .operation-summary,
html[data-theme="windows7"] .cashbox-report-section {
  border: 1px solid #9eb9cd;
  border-radius: 2px;
  background: #fff;
  box-shadow: inset 0 1px #fff, 0 1px 3px rgba(40, 76, 103, .1);
}

html[data-theme="windows7"] .section-head,
html[data-theme="windows7"] .settings-section-head,
html[data-theme="windows7"] .entry-form-panel > header,
html[data-theme="windows7"] .operation-section > header,
html[data-theme="windows7"] .cashbox-report-section > header,
html[data-theme="windows7"] .global-search-head {
  min-height: 32px;
  color: #24577f;
  border-color: #8fb0c8;
  background: linear-gradient(180deg, #f7fbfe 0, #dcebf5 46%, #bed8ea 52%, #e7f2f9 100%);
  text-shadow: 0 1px #fff;
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .section-head h3,
html[data-theme="windows7"] .section-head span,
html[data-theme="windows7"] .settings-section-head h3,
html[data-theme="windows7"] .settings-section-head p,
html[data-theme="windows7"] .global-search-head h3,
html[data-theme="windows7"] .global-search-head span {
  color: #24577f;
}

html[data-theme="windows7"] .btn,
html[data-theme="windows7"] .icon-btn,
html[data-theme="windows7"] button.table-action,
html[data-theme="windows7"] .pagination button {
  color: #233f54;
  border: 1px solid #7d9db7;
  border-radius: 3px;
  background: linear-gradient(180deg, #fff 0, #f7fafc 43%, #dbe8f1 48%, #edf4f8 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75), 0 1px 1px rgba(37,73,100,.1);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .btn:hover,
html[data-theme="windows7"] .icon-btn:hover,
html[data-theme="windows7"] button.table-action:hover,
html[data-theme="windows7"] .pagination button:hover {
  color: #163f60;
  border-color: #4d87af;
  background: linear-gradient(180deg, #fff 0, #ebf8ff 43%, #acd8f0 48%, #e4f5fd 100%);
}

html[data-theme="windows7"] .btn:active,
html[data-theme="windows7"] .icon-btn:active,
html[data-theme="windows7"] button.table-action:active {
  background: linear-gradient(180deg, #c7ddea, #edf5f9);
  box-shadow: inset 0 1px 3px rgba(31, 67, 94, .24);
}

html[data-theme="windows7"] .btn.primary,
html[data-theme="windows7"] .operation-save,
html[data-theme="windows7"] .system-dialog-confirm.info,
html[data-theme="windows7"] .system-dialog-confirm.success {
  color: #173e5d;
  border-color: #4d83aa;
  background: linear-gradient(180deg, #fff 0, #e8f6fe 42%, #98c9e8 49%, #d7eefb 100%);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .btn.danger,
html[data-theme="windows7"] .system-dialog-confirm.danger,
html[data-theme="windows7"] .system-dialog-confirm.logout {
  color: #7d2828;
  border-color: #ad6c68;
  background: linear-gradient(180deg, #fff, #f8e7e5 44%, #e5aaa4 50%, #faeceb);
}

html[data-theme="windows7"] input,
html[data-theme="windows7"] select,
html[data-theme="windows7"] textarea,
html[data-theme="windows7"] .search,
html[data-theme="windows7"] .fake-input,
html[data-theme="windows7"] .searchable-trigger {
  color: #172b3b;
  border: 1px solid #7f9db9;
  border-radius: 2px;
  background: #fff;
  box-shadow: inset 0 1px 2px rgba(31, 66, 92, .1);
}

html[data-theme="windows7"] input:focus,
html[data-theme="windows7"] select:focus,
html[data-theme="windows7"] textarea:focus,
html[data-theme="windows7"] .searchable-trigger:focus-within {
  border-color: #4b83aa;
  box-shadow: 0 0 0 2px rgba(92, 157, 204, .18), inset 0 1px 2px rgba(31,66,92,.08);
}

html[data-theme="windows7"] .searchable-options,
html[data-theme="windows7"] .dropdown-menu,
html[data-theme="windows7"] .context-menu,
html[data-theme="windows7"] .flatpickr-calendar {
  color: #20394c;
  border: 1px solid #7f9db9;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 5px 14px rgba(26, 60, 86, .24);
}

html[data-theme="windows7"] .searchable-option:hover,
html[data-theme="windows7"] .searchable-option[aria-selected="true"],
html[data-theme="windows7"] .dropdown-menu button:hover,
html[data-theme="windows7"] .context-menu button:hover {
  color: #153b58;
  background: #dbeefb;
}

html[data-theme="windows7"] .erp-table-shell,
html[data-theme="windows7"] .table-scroll,
html[data-theme="windows7"] .dashboard-mini-table,
html[data-theme="windows7"] table {
  border-color: #91adc2;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}

html[data-theme="windows7"] .data-table th,
html[data-theme="windows7"] .table-fixed-head,
html[data-theme="windows7"] .erp-table-shell thead th {
  color: #213d52;
  border-color: #9bb6ca;
  background: linear-gradient(180deg, #fbfdff 0, #edf5fa 46%, #cfdfeb 52%, #e8f2f8 100%);
  text-shadow: 0 1px #fff;
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .data-table td,
html[data-theme="windows7"] .table-body-scroll td,
html[data-theme="windows7"] .erp-table-shell tbody td {
  color: #253947;
  border-color: #c7d7e2;
  background: #fff;
}

html[data-theme="windows7"] .data-table tbody tr:nth-child(even) td,
html[data-theme="windows7"] .table-body-scroll tbody tr:nth-child(even) td,
html[data-theme="windows7"] .erp-table-shell tbody tr:nth-child(even) td {
  background: #f3f8fc;
}

html[data-theme="windows7"] .data-table tbody tr:hover td,
html[data-theme="windows7"] .table-body-scroll tbody tr:hover td,
html[data-theme="windows7"] .erp-table-shell tbody tr:hover td {
  background: #dceefb;
}

html[data-theme="windows7"] .data-table tfoot td,
html[data-theme="windows7"] .table-fixed-foot,
html[data-theme="windows7"] .erp-table-shell tfoot td {
  color: #244b68;
  border-color: #8eabc0;
  background: linear-gradient(180deg, #f9fcfe, #d8e7f1);
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] #dashboard {
  padding: 8px;
  background: #e8f1f7;
}

html[data-theme="windows7"] #dashboard .dashboard-panel {
  border: 1px solid #87aac4;
  border-radius: 2px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.8), 0 1px 3px rgba(40,76,103,.13);
}

html[data-theme="windows7"] #dashboard .dashboard-panel > .section-head,
html[data-theme="windows7"] #dashboard .dashboard-overview .section-head,
html[data-theme="windows7"] #dashboard .dashboard-analytics .section-head {
  min-height: 32px;
  color: #24577f;
  border-bottom: 1px solid #89abc4;
  background: linear-gradient(180deg, #f7fbfe 0, #d9eaf5 47%, #bad5e9 53%, #e5f1f8 100%);
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] #dashboard .dashboard-panel > .section-head h3,
html[data-theme="windows7"] #dashboard .dashboard-panel > .section-head span,
html[data-theme="windows7"] #dashboard .dashboard-overview .section-head h3,
html[data-theme="windows7"] #dashboard .dashboard-overview .section-head span,
html[data-theme="windows7"] #dashboard .dashboard-analytics .section-head h3,
html[data-theme="windows7"] #dashboard .dashboard-analytics .section-head span {
  color: #24577f;
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] #dashboard .dashboard-metric-list > div {
  border-color: #c3d5e1;
  background: linear-gradient(180deg, #fff, #f7fafc);
}

html[data-theme="windows7"] #dashboard .dashboard-metric-list span {
  color: #52697a;
}

html[data-theme="windows7"] #dashboard .dashboard-metric-list strong {
  color: #244d6b;
}

html[data-theme="windows7"] #dashboard .dashboard-metric-primary {
  background: linear-gradient(180deg, #f7fff7, #e5f4e6);
}

html[data-theme="windows7"] #dashboard .dashboard-metric-primary strong {
  color: #2b8739;
}

html[data-theme="windows7"] #dashboard .dashboard-metric-warning {
  background: linear-gradient(180deg, #fffdf5, #fff2cf);
}

html[data-theme="windows7"] #dashboard .dashboard-metric-warning strong {
  color: #b47b0f;
}

html[data-theme="windows7"] #dashboard .bar {
  border: 1px solid #3d79a5;
  background: linear-gradient(90deg, #70b0da, #2f76a8);
  box-shadow: inset 1px 0 rgba(255,255,255,.45);
}

html[data-theme="windows7"] .modal-backdrop,
html[data-theme="windows7"] .system-dialog-backdrop {
  background: rgba(39, 62, 80, .32);
  backdrop-filter: none;
}

html[data-theme="windows7"] .modal,
html[data-theme="windows7"] .info-drawer-inner,
html[data-theme="windows7"] .system-dialog,
html[data-theme="windows7"] .notification-panel {
  color: #1e3445;
  border: 1px solid #5f8dac;
  border-radius: 4px;
  background: #f5f9fc;
  box-shadow: 0 12px 30px rgba(20, 45, 65, .32), inset 0 0 0 1px #fff;
}

html[data-theme="windows7"] .modal > .section-head,
html[data-theme="windows7"] .info-drawer-head,
html[data-theme="windows7"] .system-dialog-head,
html[data-theme="windows7"] .notification-panel-head,
html[data-theme="windows7"] .operation-editor-head {
  color: #173f5d;
  border-bottom: 1px solid #6f9ab9;
  background: linear-gradient(180deg, #fbfdff 0, #e2f0f8 42%, #accde4 51%, #dcecf6 100%);
  box-shadow: inset 0 1px #fff;
  text-shadow: 0 1px #fff;
}

html[data-theme="windows7"] .modal > .section-head h3,
html[data-theme="windows7"] .modal > .section-head span,
html[data-theme="windows7"] .info-drawer-head h3,
html[data-theme="windows7"] .info-drawer-head span,
html[data-theme="windows7"] .system-dialog-head h3,
html[data-theme="windows7"] .notification-panel-head h3,
html[data-theme="windows7"] .notification-panel-head span,
html[data-theme="windows7"] .operation-editor-head h3,
html[data-theme="windows7"] .operation-editor-head span {
  color: #173f5d;
}

html[data-theme="windows7"] .modal .body,
html[data-theme="windows7"] .info-drawer-body,
html[data-theme="windows7"] .system-dialog-body,
html[data-theme="windows7"] .notification-panel-items,
html[data-theme="windows7"] .operation-editor-body {
  background: #fff;
}

html[data-theme="windows7"] .modal .footer,
html[data-theme="windows7"] .info-drawer-footer,
html[data-theme="windows7"] .system-dialog-footer,
html[data-theme="windows7"] .settings-footer,
html[data-theme="windows7"] .operation-modal-footer,
html[data-theme="windows7"] .operation-editor-footer,
html[data-theme="windows7"] .notification-panel-actions {
  border-color: #9fb8ca;
  background: linear-gradient(180deg, #f8fbfd, #dce9f2);
  box-shadow: inset 0 1px #fff;
}

html[data-theme="windows7"] .info-card,
html[data-theme="windows7"] .detail-card,
html[data-theme="windows7"] .report-card,
html[data-theme="windows7"] .cashbox-report-card,
html[data-theme="windows7"] .permission-card,
html[data-theme="windows7"] .developer-tool-card,
html[data-theme="windows7"] .empty-state {
  color: #253e50;
  border-color: #a4bdcf;
  border-radius: 2px;
  background: linear-gradient(180deg, #fff, #f3f8fb);
  box-shadow: 0 1px 3px rgba(37, 72, 98, .1);
}

html[data-theme="windows7"] .badge,
html[data-theme="windows7"] .status-badge {
  min-width: 82px;
  border-radius: 2px;
  box-shadow: inset 0 1px rgba(255,255,255,.78);
}

html[data-theme="windows7"] .toast,
html[data-theme="windows7"] .app-toast {
  color: #1e3e56;
  border: 1px solid #739bbb;
  border-radius: 3px;
  background: linear-gradient(180deg, #fff, #dcecf6);
  box-shadow: 0 5px 16px rgba(27, 61, 87, .25);
}

@media (max-width: 768px) {
  html[data-theme="windows7"] #dashboard { padding: 6px; }

  html[data-theme="windows7"] .sidebar {
    background: linear-gradient(90deg, #fbfdff, #e5f0f7);
  }

  html[data-theme="windows7"] .modal,
  html[data-theme="windows7"] .system-dialog,
  html[data-theme="windows7"] .info-drawer-inner {
    border-radius: 3px;
  }
}