/* Coop Grafisk Profil - Färger och Tema */

:root {
    /* Primärfärger (grönt tema) */
    --coop-primary: #00aa46;  /* RGB 0,170,70 */
    --coop-dark-green: #005537;  /* RGB 0,85,55 */
    --coop-light-green: #aad23c;    /* RGB 170,210,60 */
  --coop-white: #ffffff;

    /* Bakgrundsfärger */
    --coop-bg-light-green: #edf0b9;
    --coop-bg-brown: #301301;

    /* Accentfärger (endast för priskommunikation) */
    --coop-accent-pink: #dd93b3;
    --coop-accent-red: #ff3300;
    --coop-accent-yellow: #fff000;

    /* Digitala tilläggsfärger */
    --coop-digital-light-green: #e0f2d2;
    --coop-digital-light-yellow: #fffbdb;
    --coop-digital-light-pink: #ffeaf3;
    --coop-digital-red-warning: #ff6565;
    --coop-text-base: #333333;
    --coop-bg-light: #ededed;
    --coop-bg-very-light: #f5f5f5;

    /* Success/Info färger (använder Coop-grönt) */
    --coop-success: #00aa46;
    --coop-success-light: #e0f2d2;
    --coop-success-dark: #005537;

    /* Warning/Error färger */
    --coop-warning: #ff6565;
    --coop-warning-light: #ffeaf3;

    /* Neutral färger */
 --coop-gray-light: #f5f5f5;
    --coop-gray: #ededed;
    --coop-gray-dark: #666666;
    --coop-text-dark: #333333;
}

/* Success Card - Coop Green Theme */
.coop-success-card {
    background: var(--coop-digital-light-green);
    border-left: 4px solid var(--coop-primary);
    padding: 1.5rem;
  border-radius: 4px;
}

.coop-success-card h4 {
    color: var(--coop-dark-green);
    margin: 0 0 1rem 0;
}

.coop-success-card .content {
  color: var(--coop-dark-green);
}

/* Warning Card - Coop Red Theme */
.coop-warning-card {
    background: var(--coop-digital-light-pink);
    border-left: 4px solid var(--coop-digital-red-warning);
    padding: 1rem;
    border-radius: 4px;
}

.coop-warning-card strong {
    color: var(--coop-dark-green);
}

/* Info Card - Light Green */
.coop-info-card {
    background: var(--coop-bg-light-green);
    border-left: 4px solid var(--coop-light-green);
    padding: 1rem;
    border-radius: 4px;
}

/* Primary Button - Coop Green */
.coop-btn-primary {
    background: var(--coop-primary) !important;
    color: var(--coop-white) !important;
    border: none !important;
    font-weight: 600;
    transition: background 0.2s;
}

.coop-btn-primary:hover {
    background: var(--coop-dark-green) !important;
}

.coop-btn-primary:disabled {
    background: var(--coop-gray) !important;
    color: var(--coop-gray-dark) !important;
    cursor: not-allowed;
}

/* Section Headers - Coop Green */
.coop-section-header {
    color: var(--coop-dark-green);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Text Colors */
.coop-text-primary {
    color: var(--coop-primary);
}

.coop-text-dark-green {
    color: var(--coop-dark-green);
}

.coop-text-base {
    color: var(--coop-text-base);
}

/* Background Colors */
.coop-bg-white {
    background: var(--coop-white);
}

.coop-bg-light {
    background: var(--coop-bg-very-light);
}

.coop-bg-light-green {
    background: var(--coop-digital-light-green);
}

/* Icon Colors - Follow Coop Green Theme */
.coop-icon-primary {
    color: var(--coop-primary);
}

.coop-icon-success {
    color: var(--coop-dark-green);
}

.coop-icon-warning {
    color: var(--coop-digital-red-warning);
}

/* Input/Form Styling */
.coop-input {
    border: 1px solid var(--coop-gray);
    border-radius: 4px;
  padding: 0.5rem;
}

.coop-input:focus {
    border-color: var(--coop-primary);
outline: none;
    box-shadow: 0 0 0 3px rgba(0, 170, 70, 0.1);
}

/* Card/Panel Styling */
.coop-panel {
    background: var(--coop-white);
  border: 1px solid var(--coop-gray);
    border-radius: 8px;
    padding: 1.5rem;
}

.coop-panel-header {
    border-bottom: 2px solid var(--coop-primary);
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}

/* Distribution Result Styling */
.coop-result-success {
    background: var(--coop-digital-light-green);
border-left: 4px solid var(--coop-primary);
    padding: 1.5rem;
    border-radius: 4px;
    margin-top: 1rem;
}

.coop-result-success h4 {
    color: var(--coop-dark-green);
    margin: 0 0 1rem 0;
}

.coop-result-success .content {
    color: var(--coop-dark-green);
    white-space: pre-wrap;
}

/* Generation Box */
.coop-generation-box {
    background: var(--coop-digital-light-green);
    border-left: 4px solid var(--coop-primary);
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
}

.coop-generation-box h4 {
    color: var(--coop-dark-green);
    margin: 0 0 1rem 0;
}

.coop-generation-box .info-box {
    white-space: pre-wrap;
    font-family: monospace;
    background: var(--coop-white);
padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
    color: var(--coop-text-base);
}

/* Contact Info Display */
.coop-contact-info {
    background: var(--coop-bg-very-light);
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.coop-contact-info .contact-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--coop-text-dark);
    font-weight: 500;
}

/* Settings Section */
.coop-settings-section {
    margin-bottom: 1.5rem;
}

.coop-settings-section h4 {
    color: var(--coop-dark-green);
    margin-bottom: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.coop-settings-section label {
    font-weight: 600;
    color: var(--coop-text-dark);
}

.coop-settings-section p {
    font-size: 0.85rem;
    color: var(--coop-gray-dark);
    margin-top: 0.25rem;
}