/* Component overrides file.
   Use this for cards, buttons, pills, and section-specific tweaks. */

.kai-home-top-pill,
.kai-pill,
.kai-small-pill,
.kai-home-bubble,
.kai-home-collection-pill {
  letter-spacing: 0;
}
.kai-form-stack{display:grid;gap:14px}
.kai-field{display:grid;gap:8px}
.kai-field span{font-size:13px;color:var(--kai-muted);font-weight:700}
.kai-field input,.kai-field textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--kai-border);background:rgba(255,255,255,.03);color:#fff;outline:none}
.kai-admin-check{display:flex;align-items:center;gap:10px;font-weight:600}
.kai-admin-check input{accent-color:#ff4ca6}


.kai-settings-form{max-width:100%}
.kai-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kai-settings-grid .full{grid-column:1/-1}
.kai-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.kai-value-grid .kai-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.kai-value-grid strong{display:block;font-size:24px;line-height:1.1}
.kai-value-grid span{display:block;margin-top:6px;color:var(--kai-muted);font-size:12px}
.kai-list-stack{display:grid;gap:12px}
.kai-list-item{padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.kai-list-item strong{display:block;font-size:15px;margin-bottom:4px}
.kai-list-item span{display:block;color:var(--kai-muted);font-size:12px;margin-bottom:8px}
.kai-list-item p{margin:0;color:#fff}
.kai-richtext{color:#fff;line-height:1.7;max-width:80ch}
.kai-field textarea,.kai-field select{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--kai-border);background:rgba(255,255,255,.03);color:#fff;outline:none}
.kai-modal-open{overflow:hidden}
.kai-modal{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,7,16,.62);backdrop-filter:blur(10px);z-index:120000}
.kai-modal[hidden]{display:none !important}
.kai-modal-card{width:min(640px,100%);max-height:min(86vh,840px);overflow:auto;padding:24px;border-radius:26px;background:linear-gradient(180deg, rgba(10,22,36,.98), rgba(7,14,24,.98));border:1px solid rgba(137,229,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.5)}
.kai-modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:16px}
.kai-modal-head h3{margin:0;font-size:28px;letter-spacing:-.04em}
.kai-modal-close{appearance:none;border:0;background:rgba(255,255,255,.06);color:#fff;width:40px;height:40px;border-radius:999px;cursor:pointer;font-size:18px}
.kai-quick-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
@media (max-width:900px){.kai-settings-grid,.kai-value-grid{grid-template-columns:1fr}}