/* ──────────────────────────────
   Core layout
   ──────────────────────────── */
.castmatch-input-wrapper{position:relative;margin-bottom:1em}
.castmatch-autocomplete-field{position:relative;margin-bottom:1em}

/* ──────────────────────────────
   Suggestions dropdown
   ──────────────────────────── */
.castmatch-suggestions{position:absolute;top:100%;left:0;right:0;border:0 solid #ddd;background:#fff;z-index:99;max-height:200px;overflow-y:auto}
.castmatch-suggestion-item{display:flex;align-items:center;padding:6px 10px;cursor:pointer;border-bottom:1px solid #eee}
.castmatch-suggestion-item:hover{background:#f9f9f9}
.castmatch-thumb{width:40px;height:auto;margin-right:10px;border-radius:2px}
.castmatch-suggestion-info{display:flex;flex-direction:column}
.castmatch-suggestion-title{font-weight:700}
.castmatch-suggestion-subtitle{font-size:.85em;color:#555}

/* ──────────────────────────────
   Buttons
   ──────────────────────────── */
.castmatch-button{margin:10px 0;padding:6px 12px;background:#0073aa;color:#fff;border:none;border-radius:3px;cursor:pointer}
.castmatch-button:hover{background:#006799}
/* Remove‑field button */
.castmatch-remove-button{margin-top:4px;padding:4px 8px;background:#dc3232;color:#fff;border:none;border-radius:3px;cursor:pointer}
.castmatch-remove-button:hover{background:#b72b2b}

/* ──────────────────────────────
   Results display
   ──────────────────────────── */
.castmatch-results-list{margin-top:10px}
.castmatch-project{display:flex;flex-direction:column;border:1px solid #e1e1e1;border-radius:4px;padding:10px;margin-bottom:8px;background:#fafafa;cursor:pointer}
.castmatch-project:hover{background:#f3f3f3}
.castmatch-meta{font-size:.9em;color:#666}
.castmatch-roles{margin-top:6px}
.castmatch-role{font-size:.9em;margin-bottom:2px}

/* ──────────────────────────────
   Pop‑up modal
   ──────────────────────────── */
.castmatch-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.8);z-index:9999;padding:20px}
.castmatch-modal-content{background:#fff;color:#111;max-width:900px;width:100%;max-height:100%;overflow-y:auto;border-radius:6px;padding:20px;position:relative}
.castmatch-modal-close{position:absolute;top:10px;right:14px;font-size:26px;line-height:26px;font-weight:700;color:#666;cursor:pointer}
.castmatch-detail-header{display:flex;gap:20px;margin-bottom:10px}
.castmatch-detail-poster{width:120px;height:auto;border-radius:4px}
.castmatch-detail-list{margin-left:20px;list-style:disc}