/*
 * 日本AI电话养老服务系统 - 管理后台样式
 * 补充样式（主要样式已内联在dashboard.html中）
 */

/* 打印样式 */
@media print {
    .header { background: #1a73e8 !important; }
    .stat-card { break-inside: avoid; }
    .action-buttons { display: none; }
}

/* 响应式适配 */
@media (max-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .call-form {
        grid-template-columns: 1fr;
    }
    .container {
        padding: 0 0.5rem;
    }
}

@media (max-width: 480px) {
    .stats-grid {
        grid-template-columns: 1fr;
    }
    .header h1 {
        font-size: 1.1rem;
    }
}

/* 滚动条美化 */
.history-list::-webkit-scrollbar {
    width: 6px;
}
.history-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.history-list::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 3px;
}
.history-list::-webkit-scrollbar-thumb:hover {
    background: #a1a1a1;
}

/* 加载动画 */
@keyframes spin {
    to { transform: rotate(360deg); }
}
.loading::after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #1a73e8;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    margin-left: 8px;
    vertical-align: middle;
}