/**
 * WSD-DOC Main Stylesheet
 * Version: 2.0.0
 */

:root {
    --primary-color: #1e3a5f;
    --secondary-color: #2a9d8f;
    --accent-color: #ff8c1a;
    --danger-color: #dc3545;
    --success-color: #28a745;
    --warning-color: #e9c46a;
    --text-primary: #333;
    --text-secondary: #666;
    --border-color: #dee2e6;
    --shadow-md: 0 4px 8px rgba(0,0,0,0.12);
}

/* General */
.wsd-doc-system { font-family: 'Tajawal', -apple-system, BlinkMacSystemFont, sans-serif; line-height: 1.6; }

/* Cards */
.card { background: white; border-radius: 12px; box-shadow: var(--shadow-md); overflow: hidden; margin-bottom: 20px; }
.card-header { padding: 20px; background: #f8f9fa; border-bottom: 1px solid var(--border-color); }
.card-body { padding: 20px; }
.card-footer { padding: 20px; background: #f8f9fa; border-top: 1px solid var(--border-color); }

/* Badges */
.badge { display: inline-block; padding: 4px 12px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.badge-primary { background: var(--primary-color); color: white; }
.badge-secondary { background: var(--secondary-color); color: white; }
.badge-danger { background: var(--danger-color); color: white; }
.badge-warning { background: var(--warning-color); color: #333; }
.badge-success { background: var(--success-color); color: white; }

/* Status Badges */
.status-pending { background: #fff3cd; color: #856404; }
.status-confirmed { background: #d4edda; color: #155724; }
.status-review { background: #cce5ff; color: #004085; }
.status-complete { background: #d1ecf1; color: #0c5460; }

/* Tables */
.wsd-table { width: 100%; border-collapse: collapse; }
.wsd-table th { background: #f8f9fa; padding: 12px 15px; text-align: right; font-weight: 600; border-bottom: 2px solid var(--border-color); }
.wsd-table td { padding: 12px 15px; border-bottom: 1px solid var(--border-color); }
.wsd-table tbody tr:hover { background: #f8f9fa; }

/* Alerts */
.alert { padding: 15px 20px; border-radius: 8px; margin-bottom: 20px; border-right: 4px solid; }
.alert-success { background: #d4edda; border-right-color: #28a745; color: #155724; }
.alert-danger { background: #f8d7da; border-right-color: #dc3545; color: #721c24; }
.alert-warning { background: #fff3cd; border-right-color: #ffc107; color: #856404; }
.alert-info { background: #d1ecf1; border-right-color: #17a2b8; color: #0c5460; }

/* Print Styles */
@media print {
    .no-print { display: none !important; }
    .card { break-inside: avoid; box-shadow: none; border: 1px solid #ddd; }
}