/* Business Activities and Worksheets CSS */

/* =============================================================================
   COMMON STYLES
   ============================================================================= */

.business-activity,
.business-worksheet {
    margin: 1.5rem 0;
    padding: 1rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.activity-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #e9ecef;
}

.activity-header h4 {
    margin: 0;
    color: #333;
    font-size: 1.25rem;
}

.activity-instructions,
.worksheet-instructions {
    color: #666;
    font-style: italic;
    margin-bottom: 1rem;
}

.worksheet-title {
    color: #2c3e50;
    margin-bottom: 0.75rem;
}

/* =============================================================================
   CASE STUDY ACTIVITY
   ============================================================================= */

.case-study-activity .case-study-scenario {
    background: #f8f9fa;
    border-left: 4px solid #3498db;
}

.case-study-activity .discussion-questions {
    margin-top: 1.5rem;
}

.case-study-activity .questions-list {
    padding-left: 1.5rem;
}

.case-study-activity .questions-list li {
    margin-bottom: 0.75rem;
    line-height: 1.6;
}

.case-study-activity .key-takeaways {
    background: #e8f4fd;
    border: none;
}

.case-study-activity .key-takeaways h5 {
    color: #2c3e50;
    margin-bottom: 0.5rem;
}

/* =============================================================================
   GROUP DISCUSSION ACTIVITY
   ============================================================================= */

.group-discussion-activity .discussion-focus {
    background: #e8f5e9;
    border-left: 4px solid #27ae60;
}

.group-discussion-activity .prompts-list {
    list-style: none;
    padding: 0;
}

.group-discussion-activity .prompts-list li {
    padding: 0.75rem 1rem;
    margin-bottom: 0.5rem;
    background: #f8f9fa;
    border-radius: 4px;
    border-left: 3px solid #27ae60;
}

/* =============================================================================
   SWOT ANALYSIS
   ============================================================================= */

.swot-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.swot-cell {
    width: 50%;
    min-height: 150px;
    padding: 1rem;
    border: 2px solid #dee2e6;
    vertical-align: top;
}

.swot-cell strong {
    display: block;
    font-size: 1.1rem;
    margin-bottom: 0.5rem;
}

.swot-hint {
    display: block;
    font-size: 0.85rem;
    color: #666;
    font-style: italic;
    margin-bottom: 0.5rem;
}

.swot-content {
    min-height: 80px;
}

.swot-strengths {
    background: #e8f5e9;
    border-color: #27ae60;
}

.swot-weaknesses {
    background: #ffebee;
    border-color: #e74c3c;
}

.swot-opportunities {
    background: #e3f2fd;
    border-color: #3498db;
}

.swot-threats {
    background: #fff3e0;
    border-color: #e67e22;
}

/* =============================================================================
   BUSINESS SIMULATION
   ============================================================================= */

.simulation-activity .simulation-scenario {
    background: #f5f5f5;
    border-left: 4px solid #9b59b6;
}

.simulation-activity .simulation-roles .badge {
    font-size: 0.9rem;
    padding: 0.5rem 1rem;
}

.simulation-activity .simulation-debrief {
    background: #f5f5f5;
    border: 1px solid #dee2e6;
}

/* =============================================================================
   BUSINESS MODEL CANVAS
   ============================================================================= */

.bmc-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 2px solid #333;
    margin-top: 1rem;
}

.bmc-row {
    display: flex;
}

.bmc-row-top {
    min-height: 250px;
}

.bmc-row-bottom {
    min-height: 120px;
}

.bmc-cell {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid #dee2e6;
    background: #fff;
}

.bmc-cell strong {
    display: block;
    font-size: 0.8rem;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #eee;
}

.bmc-cell-group {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.bmc-cell-group .bmc-cell {
    flex: 1;
}

.bmc-content {
    min-height: 60px;
}

/* Specific BMC cell colors */
.bmc-key-partners { background: #fce4ec; }
.bmc-key-activities { background: #e8eaf6; }
.bmc-key-resources { background: #e8eaf6; }
.bmc-value-propositions { background: #fff3e0; }
.bmc-customer-relationships { background: #e0f2f1; }
.bmc-channels { background: #e0f2f1; }
.bmc-customer-segments { background: #e8f5e9; }
.bmc-cost-structure { background: #fafafa; }
.bmc-revenue-streams { background: #fafafa; }

/* =============================================================================
   BUSINESS TABLE WORKSHEET
   ============================================================================= */

.business-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

.business-table th,
.business-table td {
    padding: 0.75rem 1rem;
    border: 1px solid #dee2e6;
    text-align: left;
}

.business-table th {
    background: #f8f9fa;
    font-weight: 600;
    color: #333;
}

.business-table .editable-cell {
    min-height: 2rem;
    background: #fff;
}

/* =============================================================================
   REFLECTION WORKSHEET
   ============================================================================= */

.reflection-worksheet .reflection-prompt {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background: #f8f9fa;
    border-radius: 4px;
}

.reflection-worksheet .prompt-text {
    font-weight: 500;
    color: #333;
    margin-bottom: 0.75rem;
}

.reflection-worksheet .response-area {
    min-height: 80px;
    background: #fff;
    border: 1px dashed #dee2e6;
    border-radius: 4px;
}

/* =============================================================================
   CASE STUDY TEMPLATE WORKSHEET
   ============================================================================= */

.case-study-template .case-study-scenario {
    background: #f8f9fa;
    padding: 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.case-study-template .case-study-questions ol {
    padding-left: 1.5rem;
}

.case-study-template .case-study-questions li {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px dotted #dee2e6;
}

/* =============================================================================
   PRINT STYLES
   ============================================================================= */

@media print {
    .business-activity,
    .business-worksheet {
        box-shadow: none;
        border: 1px solid #ccc;
        page-break-inside: avoid;
    }

    .swot-cell,
    .bmc-cell {
        min-height: auto;
        padding: 0.5rem;
    }

    .swot-content,
    .bmc-content {
        min-height: 60px;
        border: 1px dotted #ccc;
    }

    .business-table .editable-cell {
        border: 1px solid #000;
    }
}

/* =============================================================================
   RESPONSIVE STYLES
   ============================================================================= */

@media (max-width: 768px) {
    .swot-table {
        display: block;
    }

    .swot-table tr {
        display: block;
        margin-bottom: 0;
    }

    .swot-cell {
        display: block;
        width: 100%;
        min-height: 100px;
    }

    .bmc-row {
        flex-direction: column;
    }

    .bmc-cell-group {
        flex-direction: row;
    }

    .activity-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
}