/* =========================================================
   Curriculum Portal — Common Layout
========================================================= */


/* =========================================================
   Cards
========================================================= */

.card-simple {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 1.5rem;
    transition: background-color 0.15s ease-in-out;
}

    .card-simple:hover {
        background-color: #f7f7f7;
    }

/* Dashboard metric cards */
.metric-card {
    text-align: center;
    padding: 1.5rem 1rem;
    border-radius: 10px;
}

    .metric-card h5 {
        font-weight: 600;
        margin-bottom: 0.3rem;
    }

    .metric-card .metric-value {
        font-size: 2rem;
        font-weight: 700;
    }

/* =========================================================
   Tables — Course List, Paths
========================================================= */

.table-curriculum {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    width: 100%;
}

    .table-curriculum th {
        background: #fafafa;
        font-weight: 600;
        font-size: 0.9rem;
        border-bottom: 1px solid #e5e5e5;
    }

    .table-curriculum td {
        font-size: 0.9rem;
        padding: 0.75rem;
        vertical-align: middle;
    }

    .table-curriculum tbody tr:hover {
        background-color: #f9f9f9;
    }

/* =========================================================
   AI教材生成 UI
========================================================= */

.generator-box {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    padding: 1.5rem;
}

    .generator-box textarea {
        height: 150px;
    }

.generator-preview {
    background: #fff;
    border: 1px solid #ededed;
    padding: 1rem 1.2rem;
    border-radius: 6px;
    max-height: 350px;
    overflow-y: auto;
}

/* =========================================================
   Learning Path Cards
========================================================= */

.path-card {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 1.2rem;
    border-radius: 8px;
    transition: background-color 0.15s;
}

    .path-card:hover {
        background-color: #f8f8f8;
    }

    .path-card h6 {
        font-weight: 600;
    }

    .path-card .path-meta {
        font-size: 0.85rem;
        color: #777;
    }

/* =========================================================
   Forms
========================================================= */

form .form-control,
form .form-select,
form textarea {
    padding: 0.65rem 0.8rem;
}

    form .form-control:focus,
    form .form-select:focus {
        box-shadow: none !important;
        border-color: #666;
    }

/* Button */
.btn-primary {
    border-radius: 6px;
    font-weight: 600;
}

.btn-outline-secondary {
    border-radius: 6px;
}

/* =========================================================
   Utility
========================================================= */

.small-muted {
    font-size: 0.85rem;
    color: #777;
}