@import url('../../css/zc-vertical-tokens.css');

/* 近视防控模块需求分析 vertical intro */
* { box-sizing: border-box; }
        body { font-family: 'Segoe UI', Arial, sans-serif; margin: 0; padding: 20px; background: #f8fafc; }
        .container { max-width: 1400px; margin: auto; background: white; border-radius: 12px; padding: 20px; box-shadow: 0 2px 8px rgba(15,23,42,0.05); overflow-x: auto; }
        h1 { font-size: 24px; margin-top: 0; color: #1e293b; }
        .filters { display: flex; gap: 15px; margin-bottom: 20px; flex-wrap: wrap; align-items: center; }
        .filters select, .filters input { padding: 8px 12px; border-radius: 6px; border: 1px solid #ddd; background: white; }
        .btn { background: #1e9fff; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 14px; transition: 0.2s; margin-right: 5px; }
        .btn:hover { background: #0c7fdb; }
        table { width: 100%; border-collapse: collapse; }
        th, td { border-bottom: 1px solid #e2e8f0; padding: 12px 8px; text-align: left; vertical-align: middle; }
        th { background: #f8fafc; font-weight: 600; position: sticky; top: 0; }
        tr:hover { background-color: #f8fafc; }
        .badge { display: inline-block; padding: 4px 10px; border-radius: 20px; font-size: 12px; font-weight: 500; }
        .green-bg { background: #d4edda; color: #155724; }
        .blue-bg { background: #d1ecf1; color: #0c5460; }
        .yellow-bg { background: #fff3cd; color: #856404; }
        .red-bg { background: #f8d7da; color: #721c24; }
        .gray-bg { background: #e2e3e5; color: #383d41; }
        .actions a { margin-right: 8px; color: #1e9fff; text-decoration: none; cursor: pointer; }
        .actions a.delete { color: #e63946; }
        .reminder-text { font-size: 13px; }
        @media print { .no-print { display: none; } }