.tools-page {
    background-color: #f5f5f5;
}

.main-container {
    max-width: 1000px;
    margin: 40px auto;
}

.tool-card {
    transition: transform 0.2s, box-shadow 0.2s;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    border: 1px solid #e0e0e0;
}

.tool-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    color: inherit;
}

.tool-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.section-title {
    font-weight: 600;
    margin: 20px 0 15px;
    color: #666;
    font-size: 0.9rem;
}

.hot-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 0.65rem;
    padding: 2px 6px;
}

.tool-card-wrapper {
    position: relative;
}

.search-bar {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 10px 14px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.05);
}

.search-bar .form-control {
    border: none;
    box-shadow: none;
}

.search-bar .form-control:focus {
    box-shadow: none;
}

.search-bar .input-group-text {
    background: transparent;
    border: none;
    color: #6c757d;
}

.clear-btn {
    border-radius: 10px;
}

.section-summary {
    font-size: 0.92rem;
    color: #6b7280;
}

.tool-icon.pdf-to-ppt { color: #ff7043; }
.tool-icon.outline-to-ppt { color: #6c63ff; }
.tool-icon.outline-to-pdf { color: #d32f2f; }
.tool-icon.outline-to-img { color: #43a047; }
.tool-icon.image-to-outline { color: #00838f; }
.tool-icon.outline-to-excel { color: #2e7d32; }
.tool-icon.excel-to-outline { color: #00796b; }
.tool-icon.outline-to-txt { color: #607d8b; }
.tool-icon.clean-blank { color: #ff9800; }
.tool-icon.script-merge { color: #e91e63; }
.tool-icon.script-split { color: #795548; }
.tool-icon.script-compress { color: #ff5722; }
.tool-icon.script-lock { color: #673ab7; }
.tool-icon.script-watermark { color: #00acc1; }
.tool-icon.template { color: #00bcd4; }
.tool-icon.editor { color: #1976d2; }
.tool-icon.palette { color: #f06292; }
.tool-icon.icon-kit { color: #5c6bc0; }
.tool-icon.ppt-cover { color: #e76f51; }
.tool-icon.ppt-agenda { color: #2563eb; }
.tool-icon.ppt-text { color: #3f51b5; }
.tool-icon.ppt-image { color: #16a34a; }
.tool-icon.ppt-image-compress { color: #ef4444; }
.tool-icon.ppt-endpage { color: #111827; }
.tool-icon.ppt-divider { color: #2563eb; }
.tool-icon.ppt-timeline { color: #7c3aed; }
.tool-icon.ppt-flow { color: #0ea5e9; }
.tool-icon.ppt-chart { color: #f97316; }
.tool-icon.ppt-kpi { color: #16a34a; }
.tool-icon.ppt-plan { color: #0f766e; }
.tool-icon.ppt-team { color: #64748b; }
.tool-icon.ppt-compare { color: #0f766e; }
.tool-icon.ppt-quote { color: #b45309; }
.tool-icon.ppt-audit { color: #0ea5e9; }
.tool-icon.ppt-to-outline { color: #f97316; }
.tool-icon.ppt-duration { color: #f59e0b; }
.tool-icon.ppt-timer { color: #2563eb; }
.tool-icon.ppt-contrast { color: #0ea5e9; }
.tool-icon.ppt-grid { color: #7c3aed; }
.tool-icon.ppt-text-check { color: #10b981; }
.tool-icon.ppt-teleprompter { color: #111827; }
.tool-icon.ppt-slide-allocation { color: #2563eb; }
.tool-icon.ppt-font-scale { color: #7c3aed; }
.tool-icon.ppt-screen-safe { color: #0ea5e9; }
.tool-icon.ppt-qa-prep { color: #0284c7; }

@media (max-width: 576px) {
    .main-container {
        margin: 10px auto;
    }

    .card-header {
        gap: 8px;
        align-items: flex-start !important;
        flex-direction: column;
    }

    .card-header h4 {
        font-size: 1.1rem;
    }

    .card-body.p-4 {
        padding: 1rem !important;
    }

    .search-bar {
        padding: 8px 10px;
    }

    .tool-card .card-body {
        padding: 0.8rem 0.45rem !important;
    }

    .tool-icon {
        font-size: 2rem;
        margin-bottom: 10px;
    }

    .section-title {
        margin: 16px 0 10px;
        font-size: 0.82rem;
    }

    .hot-badge {
        font-size: 0.58rem;
        top: -4px;
        right: -4px;
    }

    .clear-btn {
        padding: 0.25rem 0.6rem;
        font-size: 0.75rem;
    }
}