/* assets/css/kib-ui.css */

/* Basis‐Container für alle Kib‐UI‐Widgets */
.kib-admin-container {
    max-width: 900px;
    margin: 2rem auto;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  /* Gemeinsame Button‐Klasse */
  .kib-button {
    display: inline-block;
    padding: 0.5rem 1rem;
    margin-bottom: 1rem;
    background-color: #0073aa;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 0.375rem;
    font-size: 1rem;
    cursor: pointer;
    transition: background-color .2s ease;
  }
  .kib-button:hover {
    background-color: #005177;
  }
  
  /* Tabelle für Slots & Review */
  .kib-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
  }
  .kib-table th,
  .kib-table td {
    border: 1px solid #cbd5e0;
    padding: 0.75rem;
    text-align: left;
  }
  .kib-table thead {
    background-color: #f7fafc;
  }
  .kib-table tbody tr:nth-child(even) {
    background-color: #f9fafb;
  }
  
  /* Listen für Stärken/Schwächen */
  .kib-list {
    margin: 1rem 0;
    padding-left: 1.25rem;
  }
  .kib-list li {
    margin-bottom: 0.5rem;
  }
  
  /* Spezifisch: Slot‐Admin */
  #kib-slot-admin .kib-button {
    background-color: #22c55e;
  }
  #kib-slot-admin .kib-button:hover {
    background-color: #16a34a;
  }
  
  /* Spezifisch: Video‐Admin */
  #kib-video-admin .kib-button {
    background-color: #3b82f6;
  }
  #kib-video-admin .kib-button:hover {
    background-color: #2563eb;
  }
  
  /* Chat‐Widget */
  .ki-bewerbung-chat {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    overflow: hidden;
  }
  .ki-bewerbung-chat .bot-message {
    background: #f1f5f9;
    padding: 0.75rem 1rem;
    margin: 0.5rem;
    border-radius: 0.5rem;
  }
  .ki-bewerbung-chat .user-button {
    margin: 0.25rem;
  }

  .kib-card{
    padding:1rem 1.25rem;
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:.5rem;
    box-shadow:0 1px 3px rgba(0,0,0,.05);
    margin-bottom:1rem;
  }
  .kib-card h3{margin:0 0 .5rem;font-size:.9rem;color:#555}
  .kib-big{font-size:1.6rem;font-weight:700;color:#111}
  
  .kib-button:disabled {
    opacity: .5;
    cursor: not-allowed;
  }
  
  .kib-tooltip {
    display: none;
    position: absolute;
    z-index: 99;
    background: #333;
    color: #fff;
    padding: .4em .6em;
    border-radius: .25em;
    font-size: .775rem;
  }
  
  .kib-warn:hover .kib-tooltip {
    display: block;
  }