/* A step on the person's Mac waiting for them, and the macOS permissions
   checklist (public/mac-approvals.js). The card itself is the approval card
   of composer-approval.css. */
.mac-approval-body { display:grid; gap:6px; margin-top:10px; min-width:0; }
.mac-approval-purpose { color:var(--ink); font-size:13.5px; line-height:1.45; overflow-wrap:anywhere; }
.mac-approval-command { margin:0; max-height:220px; overflow:auto; padding:10px; border-radius:10px; background:var(--bg); border:1px solid var(--line);
  font-size:12px; line-height:1.45; white-space:pre-wrap; overflow-wrap:anywhere;
  /* Every character drawn in the order it runs: right-to-left letters can't
     reorder the digits, quotes or words around them. */
  direction:ltr; unicode-bidi:bidi-override; }
/* A scrollbar that stays visible, even where the system hides them. */
.mac-approval-command::-webkit-scrollbar { width:10px; height:10px; }
.mac-approval-command::-webkit-scrollbar-thumb { background:var(--ink-3); border-radius:6px; border:2px solid var(--bg); }
.mac-approval-command::-webkit-scrollbar-track { background:transparent; }
.mac-approval-command.overflowing { border-bottom-style:dashed; }
.mac-approval-meta { color:var(--ink-3); font-size:12.5px; overflow-wrap:anywhere; }
.mac-approval-body .approval-write-flag { width:max-content; }
.mac-approval-where { margin:10px 0 0; color:var(--ink-2); font-size:12.5px; line-height:1.45; }
.mac-approval.blocked .approval-card-icon { color:var(--amber); }
.mac-approval.blocked > .btn { margin-top:12px; }
.mac-approval-deny { margin-top:12px; }
.mac-approval-deny[hidden], .mac-approval [data-mac-actions][hidden] { display:none; }
.mac-approval-note-label { display:block; margin-bottom:6px; color:var(--ink-2); font-size:12.5px; }
.mac-approval-note { width:100%; box-sizing:border-box; min-height:36px; padding:0 10px; border-radius:10px; border:1px solid var(--line-2);
  background:var(--bg); color:var(--ink); font:inherit; font-size:13.5px; }

.mac-permissions h3 { margin-top:20px; }
.mac-permission-list { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:0; }
.mac-permission { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--line); }
.mac-permission-text { display:grid; gap:2px; min-width:0; }
.mac-permission-name { font-weight:600; font-size:13.5px; color:var(--ink); }
.mac-permission-detail { color:var(--ink-3); font-size:12.5px; line-height:1.4; overflow-wrap:anywhere; }

@media (max-width:560px) {
  .mac-approval .approval-card-actions { flex-wrap:wrap; }
  .mac-permission { grid-template-columns:minmax(0,1fr) auto; }
  .mac-permission .btn { grid-column:1 / -1; justify-self:start; }
}
.mac-approval-marker { display:inline-block; margin:1px 0; padding:0 6px; border-radius:6px; background:var(--line); color:var(--ink);
  font-family:inherit; font-style:italic; }
.mac-approval-end { font-family:var(--mono); font-size:12px; color:var(--ink); white-space:pre-wrap; overflow-wrap:anywhere; direction:ltr; unicode-bidi:bidi-override; }