/* Supermarket POS - Main Styles (يستخدم متغيرات theme.css) */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background: var(--bg-secondary); color: var(--text-primary); line-height: 1.5; }
a { color: var(--primary-500); text-decoration: none; }
a:hover { color: var(--primary-600); text-decoration: underline; }

.form-group { margin-bottom: var(--spacing); }
.form-group label { display: block; margin-bottom: var(--spacing-xs); font-weight: 500; color: var(--text-secondary); }
.form-control {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--border-color);
    border-radius: var(--radius);
    font-size: 14px;
    background: var(--bg-primary);
    color: var(--text-primary);
}
.form-control:focus { outline: none; border-color: var(--primary-500); box-shadow: 0 0 0 2px rgba(76, 110, 245, 0.2); }

.btn {
    display: inline-block;
    padding: 10px 20px;
    border: none;
    border-radius: var(--radius);
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition: all 0.2s;
}
.btn-block { width: 100%; }

.card h2, .card h3 { margin-bottom: var(--spacing); color: var(--text-primary); }

[dir="ltr"] .data-table th, [dir="ltr"] .data-table td { text-align: left; }