/* Theme catalog and shared screen palette. Documents keep their print styling. */
.theme-season-mark { display: none; }
.theme-ribbon { display: inline-block; width: 20px; height: 27px; flex: 0 0 auto; vertical-align: middle; }
.themes-page { max-width: 1320px; margin: 0 auto; }
.themes-page-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 13px; background: var(--brand-50); border: 1px solid var(--brand-200); color: var(--brand-700); font-size: 1.3rem; }
.themes-scope { display: flex; align-items: center; gap: 14px; }
.themes-scope > .bi { font-size: 1.3rem; color: var(--brand-600); }
.themes-scope p { font-size: .9rem; }
.themes-current { margin-left: auto; flex-shrink: 0; font-size: .82rem; padding: 8px 12px; border: 1px solid var(--border); border-radius: 10px; background: white; }
.themes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 22px; }
.theme-choice.is-current { border-color: var(--brand-400); }
.theme-choice-body { display: flex; flex-direction: column; flex: 1; }
.theme-choice-body form { margin-top: auto; }
.theme-choice-body p { font-size: .9rem; }
.theme-active-label { font-size: .76rem; border: 1px solid var(--brand-200); background: var(--brand-50); color: var(--brand-700); padding: 4px 8px; border-radius: 20px; white-space: nowrap; }
.theme-active-label[hidden] { display: none; }
.themes-applied { font-size: .9rem; color: #236448; }
.theme-preview { --preview-accent: #8451d8; --preview-soft: #f6f0ff; --preview-border: #e3d9f4; display: flex; height: 238px; padding: 23px 22px 47px; gap: 0; background: var(--preview-soft); position: relative; border-bottom: 1px solid var(--preview-border); }
.theme-preview--october-pink { --preview-accent: #ac3668; --preview-soft: #fdf0f5; --preview-border: #efd6e1; }
.theme-preview-sidebar { width: 23%; max-width: 95px; display: flex; align-items: center; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--preview-border); border-radius: 10px 0 0 10px; padding: 14px 12px; }
.theme-preview-logo { color: var(--preview-accent); font-weight: 800; font-size: 1rem; line-height: 1; margin-bottom: 7px; }
.theme-preview-sidebar b { width: 100%; height: 6px; border-radius: 3px; background: var(--preview-border); }
.theme-preview-sidebar b:first-of-type { background: var(--preview-accent); }
.theme-preview-main { flex: 1; min-width: 0; border: 1px solid var(--preview-border); border-left: 0; border-radius: 0 10px 10px 0; overflow: hidden; background: #fff; }
.theme-preview-top { display: flex; justify-content: space-between; align-items: center; height: 35px; padding: 5px 12px; background: #fff; border-bottom: 1px solid var(--preview-border); color: var(--preview-accent); }
.theme-preview-top > span { width: 32%; height: 6px; background: var(--preview-border); border-radius: 3px; }
.theme-preview-top .theme-ribbon { height: 24px; width: 18px; }
.theme-preview-content { background: var(--preview-soft); padding: 12px; height: calc(100% - 35px); }
.theme-preview-kpis { display: flex; gap: 8px; margin-bottom: 10px; }
.theme-preview-kpis b { flex: 1; height: 31px; border: 1px solid var(--preview-border); border-left: 3px solid var(--preview-accent); background: #fff; border-radius: 5px; }
.theme-preview-table { border: 1px solid var(--preview-border); border-radius: 6px; background: #fff; padding: 3px 9px; }
.theme-preview-table span { display: block; height: 15px; border-bottom: 1px solid var(--preview-border); }
.theme-preview-table span:last-child { border-bottom: 0; }
.theme-preview-caption { position: absolute; bottom: 15px; left: 22px; color: var(--preview-accent); font-size: .78rem; letter-spacing: .01em; }
@media (max-width: 767.98px) {
    .themes-grid { grid-template-columns: 1fr; gap: 16px; }
    .themes-scope { flex-wrap: wrap; align-items: flex-start; }
    .themes-scope > div { flex: 1; min-width: 180px; }
    .themes-current { margin-left: 0; }
    .theme-preview { height: 217px; padding: 18px 17px 44px; }
    .theme-choice-body .btn { width: 100%; }
}
@media screen {
    html[data-system-theme="october-pink"] {
        --brand-50: #fff3f7; --brand-100: #fbe5ed; --brand-200: #efc6d7; --brand-300: #e7acc5;
        --brand-400: #d77da5; --brand-500: #c65186; --brand-600: #ac3668; --brand-700: #87274f;
        --ink-900: #352630; --ink-700: #5c4552; --ink-500: #816a76; --ink-300: #a58c98;
        --surface-0: #fff; --surface-1: #fffbfd; --surface-2: #faf1f5; --border: #eddae3;
        --card-border: #ecd5e0; --card-border-strong: #f1e0e8; --card-field-border: #ecd4df;
        --card-bg: linear-gradient(180deg, #fff 0%, #fff8fb 100%);
        --card-head-bg: linear-gradient(180deg, #fffcfd 0%, #fcf0f5 100%);
        --card-field-bg: linear-gradient(180deg, #fffcfd 0%, #fdf3f7 100%);
        --card-shadow: 0 12px 28px rgb(113 38 73 / 6%);
        --shadow-soft: 0 12px 30px rgb(113 38 73 / 7%); --shadow-strong: 0 18px 50px rgb(113 38 73 / 11%);
        --bs-primary: #ac3668; --bs-primary-rgb: 172, 54, 104; --bs-link-color: #92305b; --bs-link-hover-color: #722145;
        --bs-primary-bg-subtle: #fbe5ed; --bs-primary-border-subtle: #efc6d7; --bs-primary-text-emphasis: #87274f;
    }
    html[data-system-theme="october-pink"] body { background: radial-gradient(1200px 800px at 5% 0%, #fff9fb 0%, #f8f0f4 45%, #f2e9ee 100%); }
    html[data-system-theme="october-pink"] body.auth-body { background: radial-gradient(ellipse at 15% 10%, #f7dfe9 0%, #fdf2f7 40%, #fcfafb 100%); }
    html[data-system-theme="october-pink"] .app-sidebar { background: linear-gradient(180deg, #fffafd 0%, #f9edf3 100%); border-color: var(--border); }
    html[data-system-theme="october-pink"] :is(.brand-box, .user-card, .company-switch, .auth-card) { border-color: var(--border); background: linear-gradient(180deg, #fff 0%, #fff8fb 100%); box-shadow: var(--shadow-soft); }
    html[data-system-theme="october-pink"] :is(.topbar, .mobile-app-header) { background: #fff9fc; border-color: var(--border); box-shadow: 0 2px 12px rgb(113 38 73 / 3%); }
    html[data-system-theme="october-pink"] :is(.menu-link:hover, .menu-link.active) { background: linear-gradient(90deg, #f9e0eb, #fcf0f5); color: var(--brand-700); border-color: var(--brand-200); }
    html[data-system-theme="october-pink"] :is(.page-title, .auth-title, .modal-title, .app-dialog-title) { color: var(--ink-900); }
    html[data-system-theme="october-pink"] :is(.brand-subtitle, .menu-group-title, .auth-subtitle, .auth-note, .company-switch-label) { color: var(--ink-500); }
    html[data-system-theme="october-pink"] .auth-brand { border-color: var(--border); }
    html[data-system-theme="october-pink"] .form-contour-grid > [class*="col-"] .form-label { color: var(--ink-700); }
    html[data-system-theme="october-pink"] .theme-season-mark { display: inline-flex; align-items: center; gap: 7px; color: var(--brand-700); font-size: .75rem; line-height: 1.2; }
    html[data-system-theme="october-pink"] .theme-season-mark--header { padding-left: 12px; margin-left: 3px; border-left: 1px solid var(--border); }
    html[data-system-theme="october-pink"] .theme-season-mark--login { justify-content: center; width: 100%; margin: 0 0 15px; }
    html[data-system-theme="october-pink"] .theme-season-mark--mobile { margin-left: auto; }
    html[data-system-theme="october-pink"] .btn-primary { background: linear-gradient(110deg, #a83162, #b83d73); color: #fff; --bs-btn-focus-shadow-rgb: 172,54,104; --bs-btn-disabled-bg: #ac3668; }
    html[data-system-theme="october-pink"] .btn-primary:is(:hover, :focus-visible, :active) { background: linear-gradient(110deg, #8d2852, #a83162); color: #fff; }
    html[data-system-theme="october-pink"] .btn-outline-primary { --bs-btn-color: #92305b; --bs-btn-border-color: #d995b3; --bs-btn-hover-bg: #ac3668; --bs-btn-hover-border-color: #ac3668; --bs-btn-active-bg: #92305b; --bs-btn-active-border-color: #92305b; --bs-btn-disabled-color: #92305b; --bs-btn-disabled-border-color: #d995b3; --bs-btn-focus-shadow-rgb: 172,54,104; }
    html[data-system-theme="october-pink"] .btn-outline-secondary { color: var(--ink-700); border-color: var(--brand-200); }
    html[data-system-theme="october-pink"] .btn-outline-secondary:is(:hover, :focus-visible) { color: var(--brand-700); background: var(--brand-50); border-color: var(--brand-400); }
    html[data-system-theme="october-pink"] :is(.form-control, .form-select, .input-group-text, .company-switch-trigger, .system-listbox-trigger, .mobile-menu-toggle, .mobile-sidebar-close) { border-color: var(--card-field-border); color: var(--ink-900); }
    html[data-system-theme="october-pink"] :is(.form-control, .form-select, .system-listbox-trigger, .company-switch-trigger):focus { border-color: var(--brand-400); box-shadow: 0 0 0 .18rem rgb(172 54 104 / 13%); }
    html[data-system-theme="october-pink"] .form-check-input:checked { background-color: var(--brand-600); border-color: var(--brand-600); }
    html[data-system-theme="october-pink"] .form-check-input:focus { border-color: var(--brand-300); box-shadow: 0 0 0 .2rem rgb(172 54 104 / 13%); }
    html[data-system-theme="october-pink"] .form-contour-grid > [class*="col-"]::before { background: var(--card-field-bg); border-color: var(--card-field-border); }
    html[data-system-theme="october-pink"] :is(.input-group-text, .auth-input .input-group-text) { background: var(--brand-50); color: var(--brand-700); }
    html[data-system-theme="october-pink"] .table { --bs-table-striped-bg: #fdf5f9; --bs-table-border-color: #f0dfe7; }
    html[data-system-theme="october-pink"] .module-table-card > .table-responsive { border-color: var(--border); }
    html[data-system-theme="october-pink"] .module-table-card .table thead th { background: var(--card-head-bg); color: var(--ink-500); border-color: var(--border); }
    html[data-system-theme="october-pink"] .module-table-card .table tbody tr:hover { background: #fff7fa; }
    html[data-system-theme="october-pink"] :is(.system-listbox-menu, .company-switch-menu, .sales-operation-kind-menu) { border-color: var(--brand-200); box-shadow: var(--shadow-strong); }
    html[data-system-theme="october-pink"] :is(.system-listbox-menu, .sales-operation-kind-menu) .sales-operation-kind-option { border-color: var(--border); }
    html[data-system-theme="october-pink"] :is(.system-listbox-menu, .sales-operation-kind-menu) .sales-operation-kind-option:is(.is-active, .is-keyboard-active, :hover, :focus-visible) { background: var(--brand-50); color: var(--brand-700); border-color: var(--brand-300); box-shadow: none; }
    html[data-system-theme="october-pink"] :is(.nav-pills .nav-link.active, .page-item.active .page-link) { background: var(--brand-600); border-color: var(--brand-600); color: #fff; }
    html[data-system-theme="october-pink"] .nav-tabs .nav-link.active { color: var(--brand-700); border-color: var(--border); background: var(--brand-50); }
    html[data-system-theme="october-pink"] .app-body .modal-content { border-color: var(--border); color: var(--ink-900); }
    html[data-system-theme="october-pink"] .app-body .modal-content::before { background: linear-gradient(90deg, var(--brand-600), var(--brand-300)); }
    html[data-system-theme="october-pink"] :is(.app-body .modal-header, .app-dialog-head) { background: var(--card-head-bg); border-color: var(--border); }
    html[data-system-theme="october-pink"] :is(.app-body .modal-footer, .app-dialog-actions, .app-dialog-footer) { background: #fffbfd; border-color: var(--border); }
    html[data-system-theme="october-pink"] :is(.app-body .modal .btn-close, .app-dialog-close) { border-color: var(--brand-200); }
    html[data-system-theme="october-pink"] .app-dialog-confirm { --dialog-status-accent: #ac3668; --dialog-status-soft: #fff3f7; --dialog-status-border: #efc6d7; }
    html[data-system-theme="october-pink"] :is(.dc-notification-bell, .pwa-install-icon) { color: var(--brand-600); border-color: var(--brand-200); background: var(--brand-50); box-shadow: var(--shadow-soft); }
    html[data-system-theme="october-pink"] .dc-notification-count { background: var(--brand-600); }
    html[data-system-theme="october-pink"] :is(.pwa-install-card, .sales-entry-card, .sales-document-toolbar) { border-color: var(--border); background: var(--card-bg); }
    @media (max-width: 991.98px) {
        html[data-system-theme="october-pink"] .theme-season-mark--header { display: none; }
        html[data-system-theme="october-pink"] .theme-season-mark--mobile .theme-ribbon { height: 22px; width: 17px; }
    }
}
@media screen {
    html[data-system-theme="november-blue"] {
        --theme-ribbon-main: #2e75b8; --theme-ribbon-light: #71a9dc; --theme-ribbon-dark: #225386;
        --brand-50: #f5f9fd; --brand-100: #e5f0fb; --brand-200: #c6daef; --brand-300: #accae7;
        --brand-400: #7daad7; --brand-500: #518bc6; --brand-600: #2566ad; --brand-700: #275787;
        --ink-900: #262d35; --ink-700: #45505c; --ink-500: #6a7681; --ink-300: #8c99a5;
        --surface-0: #fff; --surface-1: #fcfdfe; --surface-2: #f1f5fa; --border: #dae3ed;
        --card-border: #d5e0ec; --card-border-strong: #e0e8f1; --card-field-border: #d4e0ec;
        --card-bg: linear-gradient(180deg, #fff 0%, #f9fcfe 100%);
        --card-head-bg: linear-gradient(180deg, #fcfeff 0%, #f0f6fc 100%);
        --card-field-bg: linear-gradient(180deg, #fcfeff 0%, #f3f8fd 100%);
        --card-shadow: 0 12px 28px rgb(30 67 112 / 6%);
        --shadow-soft: 0 12px 30px rgb(30 67 112 / 7%); --shadow-strong: 0 18px 50px rgb(30 67 112 / 11%);
        --bs-primary: #2566ad; --bs-primary-rgb: 37, 102, 173; --bs-link-color: #306192; --bs-link-hover-color: #214972;
        --bs-primary-bg-subtle: #e5f0fb; --bs-primary-border-subtle: #c6daef; --bs-primary-text-emphasis: #275787;
    }
    html[data-system-theme="november-blue"] body { background: radial-gradient(1200px 800px at 5% 0%, #fafcfe 0%, #f0f4f8 45%, #e9eef2 100%); }
    html[data-system-theme="november-blue"] body.auth-body { background: radial-gradient(ellipse at 15% 10%, #dfebf7 0%, #f2f8fd 40%, #fafbfc 100%); }
    html[data-system-theme="november-blue"] .app-sidebar { background: linear-gradient(180deg, #fbfcfe 0%, #edf3f9 100%); border-color: var(--border); }
    html[data-system-theme="november-blue"] :is(.brand-box, .user-card, .company-switch, .auth-card) { border-color: var(--border); background: linear-gradient(180deg, #fff 0%, #f9fcfe 100%); box-shadow: var(--shadow-soft); }
    html[data-system-theme="november-blue"] :is(.topbar, .mobile-app-header) { background: #fafcfe; border-color: var(--border); box-shadow: 0 2px 12px rgb(30 67 112 / 3%); }
    html[data-system-theme="november-blue"] :is(.menu-link:hover, .menu-link.active) { background: linear-gradient(90deg, #e0ecf9, #f0f6fc); color: var(--brand-700); border-color: var(--brand-200); }
    html[data-system-theme="november-blue"] :is(.page-title, .auth-title, .modal-title, .app-dialog-title) { color: var(--ink-900); }
    html[data-system-theme="november-blue"] :is(.brand-subtitle, .menu-group-title, .auth-subtitle, .auth-note, .company-switch-label) { color: var(--ink-500); }
    html[data-system-theme="november-blue"] .auth-brand { border-color: var(--border); }
    html[data-system-theme="november-blue"] .form-contour-grid > [class*="col-"] .form-label { color: var(--ink-700); }
    html[data-system-theme="november-blue"] .theme-season-mark { display: inline-flex; align-items: center; gap: 7px; color: var(--brand-700); font-size: .75rem; line-height: 1.2; }
    html[data-system-theme="november-blue"] .theme-season-mark--header { padding-left: 12px; margin-left: 3px; border-left: 1px solid var(--border); }
    html[data-system-theme="november-blue"] .theme-season-mark--login { justify-content: center; width: 100%; margin: 0 0 15px; }
    html[data-system-theme="november-blue"] .theme-season-mark--mobile { margin-left: auto; }
    html[data-system-theme="november-blue"] .btn-primary { background: linear-gradient(110deg, #316ca8, #3d7ab8); color: #fff; --bs-btn-focus-shadow-rgb: 37,102,173; --bs-btn-disabled-bg: #3671ac; }
    html[data-system-theme="november-blue"] .btn-primary:is(:hover, :focus-visible, :active) { background: linear-gradient(110deg, #285a8d, #316ca8); color: #fff; }
    html[data-system-theme="november-blue"] .btn-outline-primary { --bs-btn-color: #306192; --bs-btn-border-color: #95b7d9; --bs-btn-hover-bg: #3671ac; --bs-btn-hover-border-color: #3671ac; --bs-btn-active-bg: #306192; --bs-btn-active-border-color: #306192; --bs-btn-disabled-color: #306192; --bs-btn-disabled-border-color: #95b7d9; --bs-btn-focus-shadow-rgb: 37,102,173; }
    html[data-system-theme="november-blue"] .btn-outline-secondary { color: var(--ink-700); border-color: var(--brand-200); }
    html[data-system-theme="november-blue"] .btn-outline-secondary:is(:hover, :focus-visible) { color: var(--brand-700); background: var(--brand-50); border-color: var(--brand-400); }
    html[data-system-theme="november-blue"] :is(.form-control, .form-select, .input-group-text, .company-switch-trigger, .system-listbox-trigger, .mobile-menu-toggle, .mobile-sidebar-close) { border-color: var(--card-field-border); color: var(--ink-900); }
    html[data-system-theme="november-blue"] :is(.form-control, .form-select, .system-listbox-trigger, .company-switch-trigger):focus { border-color: var(--brand-400); box-shadow: 0 0 0 .18rem rgb(37 102 173 / 13%); }
    html[data-system-theme="november-blue"] .form-check-input:checked { background-color: var(--brand-600); border-color: var(--brand-600); }
    html[data-system-theme="november-blue"] .form-check-input:focus { border-color: var(--brand-300); box-shadow: 0 0 0 .2rem rgb(37 102 173 / 13%); }
    html[data-system-theme="november-blue"] .form-contour-grid > [class*="col-"]::before { background: var(--card-field-bg); border-color: var(--card-field-border); }
    html[data-system-theme="november-blue"] :is(.input-group-text, .auth-input .input-group-text) { background: var(--brand-50); color: var(--brand-700); }
    html[data-system-theme="november-blue"] .table { --bs-table-striped-bg: #f5f9fd; --bs-table-border-color: #dfe8f0; }
    html[data-system-theme="november-blue"] .module-table-card > .table-responsive { border-color: var(--border); }
    html[data-system-theme="november-blue"] .module-table-card .table thead th { background: var(--card-head-bg); color: var(--ink-500); border-color: var(--border); }
    html[data-system-theme="november-blue"] .module-table-card .table tbody tr:hover { background: #f8fbfe; }
    html[data-system-theme="november-blue"] :is(.system-listbox-menu, .company-switch-menu, .sales-operation-kind-menu) { border-color: var(--brand-200); box-shadow: var(--shadow-strong); }
    html[data-system-theme="november-blue"] :is(.system-listbox-menu, .sales-operation-kind-menu) .sales-operation-kind-option { border-color: var(--border); }
    html[data-system-theme="november-blue"] :is(.system-listbox-menu, .sales-operation-kind-menu) .sales-operation-kind-option:is(.is-active, .is-keyboard-active, :hover, :focus-visible) { background: var(--brand-50); color: var(--brand-700); border-color: var(--brand-300); box-shadow: none; }
    html[data-system-theme="november-blue"] :is(.nav-pills .nav-link.active, .page-item.active .page-link) { background: var(--brand-600); border-color: var(--brand-600); color: #fff; }
    html[data-system-theme="november-blue"] .nav-tabs .nav-link.active { color: var(--brand-700); border-color: var(--border); background: var(--brand-50); }
    html[data-system-theme="november-blue"] .app-body .modal-content { border-color: var(--border); color: var(--ink-900); }
    html[data-system-theme="november-blue"] .app-body .modal-content::before { background: linear-gradient(90deg, var(--brand-600), var(--brand-300)); }
    html[data-system-theme="november-blue"] :is(.app-body .modal-header, .app-dialog-head) { background: var(--card-head-bg); border-color: var(--border); }
    html[data-system-theme="november-blue"] :is(.app-body .modal-footer, .app-dialog-actions, .app-dialog-footer) { background: #fcfdfe; border-color: var(--border); }
    html[data-system-theme="november-blue"] :is(.app-body .modal .btn-close, .app-dialog-close) { border-color: var(--brand-200); }
    html[data-system-theme="november-blue"] .app-dialog-confirm { --dialog-status-accent: #3671ac; --dialog-status-soft: #f5f9fd; --dialog-status-border: #c6daef; }
    html[data-system-theme="november-blue"] :is(.dc-notification-bell, .pwa-install-icon) { color: var(--brand-600); border-color: var(--brand-200); background: var(--brand-50); box-shadow: var(--shadow-soft); }
    html[data-system-theme="november-blue"] .dc-notification-count { background: var(--brand-600); }
    html[data-system-theme="november-blue"] :is(.pwa-install-card, .sales-entry-card, .sales-document-toolbar) { border-color: var(--border); background: var(--card-bg); }
    @media (max-width: 991.98px) {
        html[data-system-theme="november-blue"] .theme-season-mark--header { display: none; }
        html[data-system-theme="november-blue"] .theme-season-mark--mobile .theme-ribbon { height: 22px; width: 17px; }
    }
}
@media print { .theme-season-mark, .themes-page { display: none !important; } }

.theme-preview--october-pink { --theme-ribbon-main:#b03b6e; --theme-ribbon-light:#dc719d; --theme-ribbon-dark:#86274e; }
.theme-preview--november-blue { --preview-accent:#2566ad; --preview-soft:#f0f6fd; --preview-border:#d6e2ef; --theme-ribbon-main:#2e75b8; --theme-ribbon-light:#71a9dc; --theme-ribbon-dark:#225386; }
.themes-calendar-control { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 20px; border-top:1px solid var(--border); background:var(--surface-1); border-radius:0 0 20px 20px; }
.themes-calendar-control > div { min-width:0; }
.themes-calendar-control form { flex-shrink:0; margin:0; }
.themes-calendar-mode { display:block; color:var(--ink-700); margin-bottom:5px; font-size:.9rem; font-weight:600; }
.theme-choice-body .theme-period-form { margin-top:auto; padding-top:5px; }
.theme-period-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.theme-date-field { min-width:0; padding:9px; border:1px solid var(--card-field-border); background:var(--card-field-bg); border-radius:12px; }
.theme-date-field .form-label { display:block; margin-bottom:5px; color:var(--ink-700); font-size:.86rem; font-weight:400; }
.theme-date-field .form-control { min-width:0; width:100%; font-size:.86rem; padding:8px; }
.theme-choice-body .theme-manual-form { margin:14px 0 0; padding-top:14px; border-top:1px solid var(--border); }
.themes-stale { padding:12px 16px; border:1px solid #e9d19a; border-radius:12px; background:#fff9eb; color:#765719; font-size:.9rem; }
.themes-stale[hidden] { display:none; }
@media (max-width:767.98px) {
    .themes-calendar-control { align-items:stretch; flex-direction:column; padding:15px; }
    .themes-calendar-control .btn { width:100%; min-height:42px; }
    .theme-preview { height:190px; }
}