/* readiness.css - כרטיס המוכנות והמודל */
.readiness-full-card { 
    background: linear-gradient(135deg, var(--dark-light) 0%, var(--dark-lighter) 100%); 
    border-radius: var(--radius-xl); 
    padding: 1.25rem; 
    margin-bottom: 1.5rem; 
    border: 1px solid rgba(255,255,255,0.08); 
    position: relative; overflow: hidden; 
}
.readiness-full-card::before { 
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; 
    background: linear-gradient(90deg, var(--danger), var(--warning), var(--secondary), var(--primary)); 
}

.readiness-loading { display: flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 2rem; color: var(--gray-light); }
.readiness-full-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; }

.readiness-score-circle { width: 80px; height: 80px; position: relative; flex-shrink: 0; }
.readiness-score-circle svg { transform: rotate(-90deg); }
.readiness-score-circle .score-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
.readiness-score-circle .score-num { font-size: 1.5rem; font-weight: 800; line-height: 1; }
.readiness-score-circle .score-label { font-size: 0.6rem; color: var(--gray-light); }

.readiness-info { flex: 1; }
.readiness-info h3 { font-size: 1.1rem; margin-bottom: 0.25rem; }
.readiness-info .pass-chance { font-size: 0.85rem; color: var(--gray-light); margin-bottom: 0.5rem; }
.readiness-info .pass-chance strong { color: var(--primary-light); font-size: 1rem; }

.readiness-trend { font-size: 0.8rem; padding: 0.2rem 0.5rem; border-radius: var(--radius-sm); background: rgba(255,255,255,0.1); display: inline-block; }
.readiness-trend.improving { background: rgba(16, 185, 129, 0.2); color: var(--secondary); }
.readiness-trend.declining { background: rgba(239, 68, 68, 0.2); color: var(--danger); }
.readiness-trend.stable { background: rgba(255,255,255,0.1); color: var(--gray-light); }

.readiness-categories-mini { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1rem 0; }
.cat-tag { display: flex; align-items: center; gap: 0.3rem; padding: 0.3rem 0.6rem; border-radius: var(--radius-sm); font-size: 0.75rem; font-weight: 600; }
.cat-tag.weak { background: rgba(239, 68, 68, 0.15); color: var(--danger); border: 1px solid rgba(239, 68, 68, 0.3); }
.cat-tag.strong { background: rgba(16, 185, 129, 0.15); color: var(--secondary); border: 1px solid rgba(16, 185, 129, 0.3); }

.readiness-recommendations { background: var(--dark); border-radius: var(--radius-md); padding: 0.75rem; margin-top: 1rem; }
.rec-item { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 0.85rem; }
.rec-item:last-child { border-bottom: none; }
.rec-icon { font-size: 1.1rem; flex-shrink: 0; }
.rec-content { flex: 1; }
.rec-title { font-weight: 600; margin-bottom: 0.1rem; }
.rec-text { color: var(--gray-light); font-size: 0.8rem; }
.readiness-action-btn { width: 100%; margin-top: 1rem; padding: 0.75rem; font-size: 0.95rem; }

/* צבעי מעגלים */
.score-stroke-red { stroke: var(--danger); }
.score-stroke-yellow { stroke: var(--warning); }
.score-stroke-blue { stroke: var(--primary); }
.score-stroke-green { stroke: var(--secondary); }

/* Readiness Modal */
.readiness-modal-content { max-width: 400px; max-height: 85vh; overflow-y: auto; }
.readiness-modal-header { text-align: center; padding: 1.5rem 0; border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 1rem; }
.readiness-big-score { font-size: 4rem; font-weight: 800; background: linear-gradient(135deg, var(--primary-light), var(--secondary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; line-height: 1; margin-bottom: 0.5rem; }
.readiness-big-label { font-size: 1.1rem; color: var(--gray-light); }
.readiness-prediction { background: rgba(99, 102, 241, 0.1); border-radius: var(--radius-md); padding: 0.75rem 1rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; font-size: 0.9rem; }
.readiness-prediction strong { font-size: 1.2rem; color: var(--primary-light); }
.readiness-categories { margin-bottom: 1rem; }
.readiness-cat-item { display: flex; align-items: center; gap: 0.75rem; padding: 0.6rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); }
.readiness-cat-item:last-child { border-bottom: none; }
.readiness-cat-icon { font-size: 1.25rem; width: 30px; text-align: center; }
.readiness-cat-name { flex: 1; font-size: 0.85rem; }
.readiness-cat-status { font-weight: 700; font-size: 0.8rem; padding: 0.2rem 0.5rem; border-radius: var(--radius-sm); }
.readiness-cat-status.excellent { background: var(--secondary); color: white; }
.readiness-cat-status.good { background: rgba(16, 185, 129, 0.2); color: var(--secondary); }
.readiness-cat-status.practice { background: rgba(245, 158, 11, 0.2); color: var(--warning); }
.readiness-cat-status.weak { background: rgba(239, 68, 68, 0.2); color: var(--danger); }
.readiness-recommendation { background: var(--dark-lighter); border-radius: var(--radius-md); padding: 1rem; margin-bottom: 1rem; font-size: 0.85rem; line-height: 1.5; border-right: 3px solid var(--primary); }
.readiness-recommendation strong { color: var(--primary-light); }