/* --- Modals --- */
    .modal-backdrop {
      position: fixed;
      inset: 0;
      background-color: rgba(0, 0, 0, 0.6);
      display: none;
      place-items: center;
      z-index: 100;
      backdrop-filter: blur(2px);
    }

    .modal-backdrop.show { display: grid; }

    .modal {
      width: 480px;
      max-width: 90vw;
      background-color: var(--bg-panel);
      border: 1px solid var(--border-light);
      border-radius: var(--radius-md);
      box-shadow: var(--shadow-dropdown);
      overflow: hidden;
    }

    .modal h2 {
      margin: 0;
      padding: 16px 20px;
      font-size: 16px;
      color: var(--text-bright);
      background-color: var(--bg-surface);
      border-bottom: 1px solid var(--border);
    }

    .modal-body {
      padding: 20px;
      color: var(--text-main);
      font-size: 13px;
      line-height: 1.6;
    }

    .modal-body p { margin: 0 0 10px 0; }

    .modal-form { display: flex; flex-direction: column; gap: 14px; }

    .modal-actions {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
      padding: 14px 20px;
      background-color: var(--bg-surface);
      border-top: 1px solid var(--border);
    }



    

/* Modal-specific overrides live in base.css and runtime.css. */