.saai-form { margin-top: 12px; }
.saai-status { padding:12px; border:1px solid #ddd; margin:12px 0; border-radius: 8px; }
.saai-error { margin-top:10px; color:#b00020; }
.saai-btn { display:inline-block; padding:10px 14px; border:1px solid #111; text-decoration:none; border-radius:8px; background:#111; color:#fff; }
.saai-btn:hover { opacity: .9; }

.saai-card{padding:12px;border:1px solid #ddd;margin:12px 0;border-radius:12px;background:#fff;}
.saai-card-title{font-weight:700;margin-bottom:8px;}
.saai-kv{margin:6px 0;}
.saai-list{margin:6px 0 0 18px;}
.saai-progress{font-size:18px;font-weight:600;}
.saai-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap;}
.saai-btn-secondary{background:#fff;color:#111;}
.saai-pre{white-space:pre-wrap;background:#f6f6f6;padding:10px;border-radius:8px;overflow:auto;}

.saai-table{width:100%; border-collapse:collapse; font-size:14px;}
.saai-table th,.saai-table td{border-bottom:1px solid #eee; padding:8px 6px; text-align:left; vertical-align:top;}
.saai-muted{color:#666; font-size:13px;}
.saai-h3{margin:14px 0 6px; font-size:18px;}
.saai-grid{display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap:14px;}
.saai-block{border:1px solid #eee; border-radius:10px; padding:10px; margin:10px 0;}
.saai-block-title{font-weight:700; margin-bottom:6px;}
.saai-olist{margin:6px 0 0 18px;}
.saai-q{font-weight:600; margin:6px 0;}

/* Button contrast fixes */
.saai-btn{background:#111;color:#fff;border:1px solid #111;padding:8px 14px;border-radius:8px;text-decoration:none;display:inline-block;}
.saai-btn:hover{background:#333;color:#fff;}
.saai-btn-secondary{background:#f2f2f2;color:#111;border:1px solid #ccc;}
.saai-btn-secondary:hover{background:#e5e5e5;color:#111;}
.saai-table a{color:#111;text-decoration:underline;}

/* Force button styles even if theme/Elementor overrides */
.saai-actions a.saai-btn,
.saai-form button.saai-btn{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #111 !important;
  padding:10px 16px !important;
  border-radius:10px !important;
  text-decoration:none !important;
  display:inline-block !important;
  font-weight:600 !important;
}
.saai-actions a.saai-btn:hover,
.saai-form button.saai-btn:hover{
  background:#333 !important;
  color:#fff !important;
}
.saai-actions a.saai-btn-secondary{
  background:#f2f2f2 !important;
  color:#111 !important;
  border:1px solid #ccc !important;
}
.saai-actions a.saai-btn-secondary:hover{
  background:#e6e6e6 !important;
  color:#111 !important;
}

/* Checklist progress */
.saai-checklist{list-style:none;margin:10px 0 0 0;padding:0;display:grid;gap:8px;}
.saai-checkitem{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fff;}
.saai-checkicon{line-height:1.2;margin-top:1px;min-width:24px;}
.saai-checkitem--current{border-color:#ddd;background:#fafafa;}
.saai-checkitem--done{opacity:0.95;}
.saai-checktext{font-weight:600;}
.saai-progress-label{margin-top:10px;color:#333;font-weight:600;}

/* Archive action links (table) – force visibility */
.saai-table td a{
  color:#111 !important;
  background:transparent !important;
  text-decoration:underline !important;
  font-weight:600 !important;
}
.saai-table td a:hover{ color:#000 !important; }

/* Make them look like small buttons */
.saai-table td a.saai-linkbtn{
  text-decoration:none !important;
  padding:6px 10px !important;
  border-radius:999px !important;
  border:1px solid #ddd !important;
  background:#f7f7f7 !important;
  display:inline-block !important;
}
.saai-table td a.saai-linkbtn:hover{
  background:#ececec !important;
}

.saai-pagination{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:10px;flex-wrap:wrap;}
.saai-pageinfo{color:#444;font-weight:600;}
.saai-quiz{margin-top:10px;}
.saai-quiz-q{border:1px solid #eee;border-radius:12px;padding:12px;margin:10px 0;background:#fff;}
.saai-quiz-qtext{font-weight:700;margin-bottom:8px;}
.saai-quiz-opt{display:block;padding:8px 10px;border:1px solid #eee;border-radius:10px;margin:6px 0;background:#fafafa;}
.saai-quiz-opt input{margin-right:8px;}
.saai-quiz-score{margin-top:10px;padding:10px 12px;border:1px solid #eee;border-radius:12px;background:#fafafa;font-weight:600;}
.saai-quiz-details{margin-top:8px;}
.saai-quiz-detail{padding:8px 0;border-bottom:1px solid #f0f0f0;}

.saai-quiz-warning{margin-top:10px;padding:10px 12px;border:1px solid #f1c40f;border-radius:12px;background:#fffbea;font-weight:600;}

.saai-quiz-result{margin:12px 0;padding:12px;border:1px solid #ddd;border-radius:10px;background:#fff;}
.saai-quiz-score{margin:6px 0 10px 0;}
.saai-quiz-detail{padding:10px 0;border-top:1px solid #eee;}
.saai-quiz-detail:first-child{border-top:none;}
.saai-quiz-meta{margin:4px 0;}

/* v0.4.0 hardening */
.saai-linkbtn{display:inline-block;padding:6px 10px;border:1px solid #cfd4dc;border-radius:6px;background:#f6f7f9;color:#111;text-decoration:none;font-weight:600}
.saai-linkbtn:hover{background:#eef0f4}
.saai-quiz-result{margin-top:14px;padding:12px;border:1px solid #d9dde5;border-radius:10px;background:#fff}
.saai-quiz-score{font-size:18px;font-weight:800;margin-bottom:6px}
.saai-quiz-detail{margin-top:10px}
.saai-quiz-detail .ok{color:#0a7a2f;font-weight:700}
.saai-quiz-detail .bad{color:#b00020;font-weight:700}