/* Mail Relay Manager — Global Styles */

:root {
    --primary-color: #667eea;
    --primary-dark: #764ba2;
    --accent-color: #f093fb;
    --success-color: #4caf50;
    --error-color: #f44336;
    --warning-color: #ff9800;
    --info-color: #2196f3;
    --text-color: #333;
    --text-light: #666;
    --border-color: #ddd;
    --bg-light: #f5f5f5;
    --bg-white: #ffffff;

    --transition: all 0.3s ease;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
    background: var(--bg-light);
}

code {
    background: var(--bg-light);
    padding: 2px 6px;
    border-radius: 3px;
    font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
    font-size: 13px;
}

/* Print Styles */
@media print {
    body {
        background: white;
    }

    .header {
        border-bottom: 2px solid var(--text-color);
    }

    .section {
        page-break-inside: avoid;
    }
}

/* Responsive */
@media (max-width: 768px) {
    body {
        font-size: 14px;
    }

    .container {
        margin: 20px auto;
        padding: 0 15px;
    }

    .section {
        padding: 20px;
    }

    .form-row {
        grid-template-columns: 1fr;
    }

    .action-buttons {
        flex-direction: column;
    }

    .btn-small {
        width: 100%;
    }
}