/* ═══════════════════════════════════════════════════════════════════════
   Per-SC feedback modal — styling.

   Extracted verbatim from index.html so the dashboard and /vion-plus.html
   share ONE modal. The VION drill's FB button called openScFeedback(), which
   only ever existed on the dashboard, so on the standalone page the button
   did nothing at all.
   ═══════════════════════════════════════════════════════════════════════ */
  .sc-fb-btn:hover { color:var(--bayut-green) !important; }
  .sc-fb-mask {
    position:fixed; inset:0; z-index:100000;
    background:rgba(15,23,42,.45); backdrop-filter:blur(3px);
    display:none; align-items:center; justify-content:center; padding:20px;
  }
  .sc-fb-mask.show { display:flex; }
  .sc-fb-modal {
    width:100%; max-width:620px; max-height:88vh; display:flex; flex-direction:column;
    background:#fff; border-radius:14px; overflow:hidden;
    box-shadow:0 24px 64px rgba(0,0,0,.30);
    font-family:'Inter',-apple-system,system-ui,sans-serif;
  }
  .sc-fb-hdr {
    padding:16px 22px 14px; border-bottom:1px solid #e5e7eb;
    display:flex; justify-content:space-between; align-items:flex-start; gap:10px;
  }
  .sc-fb-hdr h3 { margin:0; font-size:1.05rem; font-weight:800; color:#0f172a; letter-spacing:-0.01em; }
  .sc-fb-hdr .sub { color:#64748b; font-size:.7rem; margin-top:3px; }
  .sc-fb-close {
    background:none; border:none; cursor:pointer; color:#64748b;
    width:28px; height:28px; border-radius:50%; font-size:1.2rem; line-height:1;
    flex-shrink:0; transition:background .12s, color .12s;
  }
  .sc-fb-close:hover { background:#f1f5f9; color:#0f172a; }
  .sc-fb-list { padding:14px 22px; overflow-y:auto; flex:1; min-height:120px; }
  .sc-fb-entry {
    padding:11px 13px; background:#f8fafc; border:1px solid #e5e7eb; border-radius:9px;
    margin-bottom:8px;
  }
  .sc-fb-entry:last-child { margin-bottom:0; }
  .sc-fb-meta {
    display:flex; align-items:center; gap:8px; flex-wrap:wrap;
    margin-bottom:6px; font-size:.7rem;
  }
  .sc-fb-meta .nm { font-weight:700; color:#0f172a; }
  .sc-fb-meta .dot { color:#cbd5e1; }
  .sc-fb-meta .dt  { color:#64748b; }
  .sc-fb-meta .del {
    background:none; border:none; cursor:pointer; color:#dc2626;
    font-size:.62rem; margin-left:auto; padding:2px 8px; border-radius:99px;
    transition:background .12s;
  }
  .sc-fb-meta .del:hover { background:#fee2e2; }
  /* Department pill — same palette the admin panel + header use, so each
     person's dept reads consistently across the whole product. */
  .sc-fb-pill {
    padding:2px 8px; border-radius:99px; font-size:.6rem; font-weight:700;
    letter-spacing:.02em;
  }
  .sc-fb-text { font-size:.82rem; color:#1f2937; line-height:1.45; white-space:pre-wrap; word-break:break-word; }
  .sc-fb-empty { text-align:center; padding:32px 16px; color:#94a3b8; font-size:.78rem; font-style:italic; }
  /* HR-only action chip on existing entries. Warning = amber, Termination = red. */
  .sc-fb-hr-chip {
    margin-left:6px; padding:2px 8px; border-radius:99px;
    font-size:.6rem; font-weight:700; letter-spacing:.02em;
    white-space:nowrap;
  }
  /* HR-only block on the post form — Action + Reason dropdowns. */
  .sc-fb-hr {
    margin-top:10px; padding:10px 12px;
    background:#fff7ed; border:1px solid #fed7aa; border-radius:8px;
  }
  .sc-fb-hr-row { display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end; }
  .sc-fb-hr-row label {
    display:flex; flex-direction:column; gap:4px; flex:1; min-width:160px;
    font-size:.66rem; font-weight:700; color:#9a3412; letter-spacing:.04em; text-transform:uppercase;
  }
  .sc-fb-hr-row select {
    padding:7px 10px; border:1px solid #fdba74; background:#fff; border-radius:7px;
    font-size:.78rem; color:#1f2937; font-family:inherit; outline:none; cursor:pointer;
  }
  .sc-fb-hr-row select:focus { border-color:#f97316; box-shadow:0 0 0 2px rgba(249,115,22,.15); }
  .sc-fb-hr-hint { font-size:.66rem; color:#9a3412; margin-top:8px; font-style:italic; }
  .sc-fb-form {
    padding:14px 22px 18px; background:#f8fafc; border-top:1px solid #e5e7eb;
  }
  .sc-fb-form textarea {
    width:100%; min-height:72px; max-height:200px; resize:vertical;
    border:1px solid #cbd5e1; border-radius:8px; padding:10px 12px;
    font-family:inherit; font-size:.82rem; color:#0f172a; box-sizing:border-box;
    transition:border-color .12s, box-shadow .12s;
  }
  .sc-fb-form textarea:focus {
    outline:none; border-color:var(--bayut-green); box-shadow:0 0 0 3px rgba(13,122,63,.10);
  }
  .sc-fb-form .row {
    display:flex; justify-content:space-between; align-items:center;
    margin-top:8px; gap:8px;
  }
  .sc-fb-form .as { font-size:.66rem; color:#64748b; }
  .sc-fb-form .as strong { color:#0f172a; }
  .sc-fb-submit {
    background:linear-gradient(135deg, #0d7a3f, #16a34a); color:#fff; border:none;
    padding:8px 18px; border-radius:99px; font-size:.74rem; font-weight:700;
    cursor:pointer; transition:transform .12s, box-shadow .15s; font-family:inherit;
  }
  .sc-fb-submit:hover { transform:translateY(-1px); box-shadow:0 4px 12px rgba(16,185,129,.30); }
  .sc-fb-submit:disabled { opacity:.55; cursor:not-allowed; transform:none; box-shadow:none; }