.btn, button:not(.logout-btn):not(.delete-task-btn):not(.clear-all-btn):not(.thumb-nav) {
    background: #E67E22;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
}

.btn:hover, button:not(.logout-btn):not(.delete-task-btn):not(.clear-all-btn):not(.thumb-nav):hover {
    background: #D35400;
    text-decoration: none;
}

.btn-primary, button.btn-primary {
    background: #E67E22;
    color: white;
    border: none;
    padding: 2px 5px 5px 5px;
    border-radius: 15px;
}

.btn-primary:hover, button.btn-primary:hover {
    background: #D35400;
}

a.btn-primary:hover {
    text-decoration: none;
}

.btn-secondary, button.btn-secondary {
    background: #7F8C8D;
    color: white;
}

.btn-secondary:hover, button.btn-secondary:hover {
    background: #6C7A7A;
}

.btn-warning, button.btn-warning {
    background: #F39C12;
    color: #2C3E50;
}

.btn-warning:hover, button.btn-warning:hover {
    background: #E67E22;
}

.btn-info, button.btn-info {
    background: #27AE60;
}

.btn-info:hover, button.btn-info:hover {
    background: #219A52;
}

.btn-sm, button.btn-sm {
    padding: 4px 8px;
    font-size: 12px;
}

.btn-detail, button.btn-detail {
    display: inline-block;
    padding: 6px 14px;
    background: #E67E22;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    transition: background 0.3s;
}

.btn-detail:hover, button.btn-detail:hover {
    background: #D35400;
    text-decoration: none;
}

input, select, textarea {
    padding: 10px 12px;
    border: 1px solid #ECF0F1;
    border-radius: 8px;
    font-size: 14px;
    transition: border-color 0.3s;
    font-family: inherit;
}

input:focus, select:focus, textarea:focus {
    outline: none;
    border-color: #E67E22;
}

input[type="checkbox"] {
    width: auto;
    padding: 0;
}

.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    color: #2C3E50;
    font-weight: 500;
}

.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 30px;
}

.stat-card {
    background: white;
    padding: 20px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.stat-number {
    font-size: 32px;
    font-weight: bold;
    color: #E67E22;
}

.stat-number.warning {
    color: #E74C3C;
}

.stat-number.success {
    color: #27AE60;
}

.stat-label {
    font-size: 14px;
    color: #7F8C8D;
    margin-top: 5px;
}

.table-container {
    overflow-x: auto;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background: #F8F9FA;
    padding: 15px;
    text-align: left;
    font-weight: 600;
    color: #2C3E50;
    border-bottom: 2px solid #ECF0F1;
}

td {
    padding: 15px;
    border-bottom: 1px solid #ECF0F1;
    vertical-align: middle;
}

tr:hover {
    background: #F8F9FA;
}

.badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.badge-success {
    background: #D5F5E3;
    color: #27AE60;
}

.badge-danger {
    background: #FDEDEC;
    color: #E74C3C;
}

.badge-warning {
    background: #FEF5E8;
    color: #E67E22;
}

.badge-info {
    background: #E8F4FD;
    color: #3498DB;
}

.badge-in-stock {
    background: #D5F5E3;
    color: #27AE60;
}

.badge-out-of-stock {
    background: #FDEDEC;
    color: #E74C3C;
}

.badge-no-price {
    background: #FEF5E8;
    color: #E67E22;
}

.pagination {
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border: 1px solid #ECF0F1;
    background: white;
    color: #E67E22;
    text-decoration: none;
    border-radius: 8px;
    font-size: 14px;
    transition: all 0.2s;
}

.page-link:hover {
    background: #E67E22;
    border-color: #E67E22;
    color: white;
    text-decoration: none;
}

.page-link.active {
    background: #E67E22;
    border-color: #E67E22;
    color: white;
    cursor: default;
}

.message {
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.message-success {
    background: #D5F5E3;
    color: #27AE60;
    border: 1px solid #A9DFBF;
}

.message-error {
    background: #FDEDEC;
    color: #E74C3C;
    border: 1px solid #F5B7B1;
}

.text-center {
    text-align: center;
}

.text-success {
    color: #27AE60;
}

.text-danger {
    color: #E74C3C;
}

.hidden {
    display: none;
}

/* ===== КНОПКИ ЭКСПОРТА ===== */
.export-buttons {
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-export {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 14px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
    border: none;
    line-height: 1;
}

.btn-export-csv {
    background-color: #28a745;
    color: white;
}

.btn-export-csv:hover {
    background-color: #218838;
}

.btn-export-excel {
    background-color: #1f724c;
    color: white;
}

.btn-export-excel:hover {
    background-color: #185a3d;
}

/* Убираем странную белую закарючку (псевдоэлемент) */
.btn-export::before {
    display: none;
}

/* Альтернатива: если хочешь иконки без глюков, используй SVG через background-image */
.btn-export-csv {
    background-image: none;
}

.btn-export-excel {
    background-image: none;
}

/* ===== СТИЛИ ДЛЯ ПЕЧАТИ ===== */
@media print {
    /* Скрываем всё, что не нужно в печатной версии */
    .header,
    .footer,
    .breadcrumbs,
    .breadcrumbs-container,
    .breadcrumbs-list,
    .breadcrumb-separator,
    .breadcrumb-link,
    .breadcrumb-current,
    .breadcrumb-home,
    .catalog-menu,
    .catalog-button,
    .catalog-dropdown,
    .search-container,
    .search-form,
    .user-actions,
    .action-icon,
    .action-label,
    .compare-bell,
    .compare-badge,
    .unread-badge,
    .notification-bell,
    .notifications-modal,
    .notifications-modal-overlay,
    .notifications-modal-container,
    .notifications-modal-header,
    .notifications-modal-close,
    .notifications-modal-body,
    .notifications-loading,
    .empty-notifications,
    .notification-item-modal,
    .notification-content,
    .notification-title,
    .notification-message,
    .notification-date,
    .notification-delete,
    .shop-selector,
    .shop-btn,
    .thumbnails-container,
    .thumbnails,
    .thumbnail,
    .thumb-nav,
    .prevThumb,
    .nextThumb,
    .history-tab,
    .history-tabs,
    .chart-period-buttons,
    .chart-period-btn,
    .action-buttons,
    .action-btn,
    .saved-btn,
    .compare-btn,
    .print-btn,
    .export-buttons,
    .btn-export,
    .btn-export-csv,
    .btn-export-excel,
    .clear-all-btn,
    .clear-btn,
    .btn-create-list,
    .create-list-form,
    .remove-btn,
    .set-threshold-btn,
    .move-to-list,
    .alert-threshold,
    .threshold-input,
    .slot-nav,
    .slot-arrow,
    .slot-index,
    .remove-product-btn,
    .category-tabs,
    .category-tab,
    .toggle-switch,
    .toggle-slider,
    .toggle-label,
    .compare-header-actions,
    .saved-header-actions,
    .lists-sidebar,
    .lists-menu,
    .list-actions,
    .rename-list,
    .delete-list,
    .item-actions,
    .item-remove,
    .back-link,
    #taskWidget,
    #taskList,
    .task-widget,
    .task-header,
    .task-item,
    .delete-task-btn,
    .clear-all-tasks-btn,
    .form-section,
    .stats-grid,
    .stat-card,
    .stat-number,
    .stat-label,
    .action-buttons,
    [class*="btn"],
    button,
    .btn,
    .btn-primary,
    .btn-secondary,
    .btn-info,
    .btn-warning,
    .btn-danger,
    .btn-sm,
    .pagination,
    .page-link,
    .filter-sidebar,
    .filters-sidebar,
    .filter-collapsible,
    .filter-header,
    .toggle-icon,
    .filter-content,
    .filter-search,
    .checkbox-group-vertical,
    .checkbox-item,
    .price-inputs,
    .filter-actions,
    .filter-select-all,
    .filter-clear {
        display: none !important;
    }

    /* Основной контент — на всю ширину */
    .container,
    main,
    .products-area,
    .products-table,
    .compare-table-wrapper,
    .saved-container,
    .saved-items,
    .products-grid,
    .saved-item,
    .item-link,
    .item-image,
    .item-name,
    .item-price,
    .product-layout,
    .info-section,
    .gallery-section,
    .price-comparison,
    .price-history-section,
    .characteristics-section,
    .compare-table,
    .compare-container,
    .category-header,
    .two-columns {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        position: static !important;
        overflow: visible !important;
    }

    /* Таблицы */
    .price-table,
    .price-history-table,
    .characteristics-table,
    .compare-table {
        width: 100%;
        border-collapse: collapse;
        margin: 10px 0;
    }

    th, td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
    }

    th {
        background-color: #f2f2f2;
        font-weight: bold;
    }

    /* Ссылки */
    a {
        text-decoration: none;
        color: black;
    }

    /* Изображения */
    img {
        max-width: 100%;
        page-break-inside: avoid;
    }

    /* Заголовки */
    h1, h2, h3 {
        page-break-after: avoid;
    }

    /* Запрещаем разрыв страницы внутри таблиц */
    table, tr, td, th {
        page-break-inside: avoid;
    }

        @page {
        @bottom-center {
            content: "PriceCompare — система сравнения цен | Страница " counter(page);
            font-size: 9pt;
            color: #666;
        }
    }
}