/* PAR: SWOT */
.swot-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin: 0px 0;
}

.swot-block {
    border-radius: 5px;
    padding: 25px 20px;
    color: #333;
    font-size: 16px;
    min-height: 200px;
    position: relative;
}

.swot-block h3 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.swot-block ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.swot-block li {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 15px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.swot-block i {
    margin-right: 10px;
    font-size: 14px;
}

/* Kleuren per blok */
.swot-strength {
    background: #e5f2e8;
}

.swot-weakness {
    background: #e6f7fb;
}

.swot-opportunity {
    background: #fff4d7;
}

.swot-threat {
    background: #fdecea;
}

/* Titels met bijpassende kleur */
.swot-strength h3 {
    color: #2e7d5d;
}
.swot-weakness h3 {
    color: #2a6591;
}
.swot-opportunity h3 {
    color: #a86f00;
}
.swot-threat h3 {
    color: #a83232;
}

/* PAR: directiebeoordeling */

.beoordeling-block {
    position: relative;
    border-radius: 5px;
    padding: 10px 10px 10px 75px;
    margin: 10px 0 20px;
}

.beoordeling-icon {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    position: absolute;
    left: 15px;
    top: 35px;
}

.beoordeling-heading {
    max-width: 90%;
    font-size: 20px;
    margin-top: 0;
}

.bg-green-soft { background-color: #e5f2e8; }
.bg-yellow-soft { background-color: #fff4d7; }
.bg-neutral { background-color: #f2f2f2; }

.icon-green { color: #6FCF97; }
.icon-yellow { color: #F2C94C; }

/* PAR: leveranciersbeoordeling */
.leverancier-block {
    position: relative;
    border-radius: 5px;
    padding: 20px 20px 20px 75px;
    margin-bottom: 20px;
}

.leverancier-icon {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    position: absolute;
    left: 15px;
    top: 35px;
}

.leverancier-heading {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}

.leverancier-score {
    margin-top: 10px;
    font-weight: bold;
}

.bg-soft-green { background-color: #e5f2e8; }
.bg-soft-red { background-color: #fdecea; }
.bg-neutral { background-color: #f2f2f2; }

.icon-green { color: #6FCF97; }
.icon-red { color: #f44336; }

/* PAR: stakeholders */

.stakeholder-block {
    position: relative;
    border-radius: 5px;
    padding: 20px 20px 20px 75px;
    margin-bottom: 20px;
}

.stakeholder-block.primary {
    background-color: #e5f2e8;
}

.stakeholder-block.secondary {
    background-color: #fff4d7;
}

.stakeholder-icon {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    position: absolute;
    left: 15px;
    top: 35px;
}

/* Kleur icoon laten aansluiten op blokkleur */
.stakeholder-block.primary .stakeholder-icon i,
.stakeholder-block.primary .status-label {
    color: #6FCF97;
}

.stakeholder-block.secondary .stakeholder-icon i,
.stakeholder-block.secondary .status-label {
    color: #F2C94C;
}

.stakeholder-block h3 {
    margin-top: 0;
    margin-bottom: 15px;
    color: #3a5673;
max-width: 90%;
font-size: 20px;
}

.status-label {
    position: absolute;
    top: 15px;
    right: 20px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
}

/* PAR: risicos-kansen */

.risk-opportunity-block {
    position: relative;
    border-radius: 5px;
    padding: 20px 20px 20px 75px;
    margin-bottom: 20px;
}

.risk-opportunity-icon {
    width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 50px;
    position: absolute;
    left: 15px;
    top: 35px;
}

.risk-opportunity-heading {
    margin-top: 0;
    font-size: 20px;
    font-weight: bold;
}

.risk-opportunity-score {
    margin-top: 10px;
    font-weight: bold;
}

.bg-soft-green { background-color: #e5f2e8; }
.bg-soft-red { background-color: #fdecea; }
.bg-soft-yellow { background-color: #fdf4e7; }
.bg-soft-blue { background-color: #e6f7fb; }
.bg-neutral { background-color: #f2f2f2; }

.icon-green { color: #6FCF97; }
.icon-red { color: #f44336; }
.icon-orange { color: #f2994a; }
.icon-blue { color: #2bb1d0; }
.icon-default { color: #888; }