/* ОКНО «ПАКЕТ ПРОМПТОВ» (владелец 21.10, макет mock-pack): карточка сайта, поле сброса с пунктиром акцента, итог,
 * простой список по времени, кнопки сайта. */
.mf-pack{--pack-new:#38d6c4;--pack-new-soft:rgba(56,214,196,.08);--pack-run:#a8b0ff;--pack-run-soft:rgba(168,176,255,.08)}
.mf-pack .mf-pack-card{position:relative;width:min(680px,100%);display:flex;flex-direction:column;gap:var(--space-3)}
.mf-pack-key{position:absolute;top:var(--space-4);right:var(--space-4);padding:2px var(--space-2);border:var(--border);border-radius:var(--ui-radius-sm);color:var(--muted);font-family:var(--font-mono);font-size:var(--micro)}
.mf-pack-title{margin:0}
.mf-pack-sub{margin:0;color:var(--muted)}
.mf-pack-drop{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-3);border:2px dashed var(--accent);border-radius:var(--ui-radius);color:var(--ink);text-align:center;cursor:pointer}
.mf-pack-drop.is-over{background:var(--accent-soft)}
.mf-pack-drop small{color:var(--muted)}
.mf-pack-sum{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--muted)}
.mf-pack-sum b{color:var(--ink)}
.mf-pack-sum[hidden],.mf-pack-list[hidden],.mf-pack-warn[hidden]{display:none}
.mf-pack-list{max-height:min(52vh,460px);overflow:auto;border:var(--border);border-radius:var(--ui-radius)}
.mf-pack-row{display:grid;grid-template-columns:96px 40px 96px minmax(0,1fr) 24px;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--border);font-size:var(--small)}
.mf-pack-f{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:var(--font-mono);font-size:var(--micro)}
.mf-pack-x{border:0;background:none;color:var(--muted);cursor:pointer;padding:0}
.mf-pack-x:hover{color:var(--danger)}
.mf-pack-tag{margin-right:var(--space-1);padding:0 var(--space-1);border-radius:var(--ui-radius-sm);font-size:var(--micro)}
.mf-pack-row.is-run{background:var(--pack-run-soft)}
.mf-pack-row.is-run .mf-pack-t{color:var(--pack-run)}
.mf-pack-row.is-run .mf-pack-tag{background:var(--pack-run-soft);color:var(--pack-run)}
.mf-pack-row.is-new{background:var(--pack-new-soft)}
.mf-pack-row.is-new .mf-pack-t,.mf-pack-row.is-new .mf-pack-p{color:var(--pack-new)}
.mf-pack-row.is-new .mf-pack-tag{background:var(--pack-new-soft);color:var(--pack-new)}
.mf-pack-row.is-ask{grid-template-columns:96px minmax(0,1fr) auto auto;background:var(--danger-bg)}
.mf-pack-row.is-ask .site-button{height:auto;min-height:0;padding:var(--space-1) var(--space-3)}
.mf-pack-q{color:var(--danger-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-pack-sum .is-new b{color:var(--pack-new)}
.mf-pack-legend{display:flex;align-items:center;gap:var(--space-2);flex-basis:100%;font-size:var(--micro)}
.mf-pack-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.mf-pack-legend i.is-run{background:var(--pack-run)}
.mf-pack-legend i.is-new{background:var(--pack-new)}
.mf-pack-t{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}
.mf-pack-ar{color:var(--muted)}
.mf-pack-p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mf-pack-warn{white-space:pre-line;color:var(--warn);font-size:var(--small)}
.mf-pack-act{display:flex;justify-content:flex-end;gap:var(--space-2)}
@media(max-width:640px){
  .mf-pack-row{grid-template-columns:56px 36px minmax(0,1fr) 24px}
  .mf-pack-f{display:none}
  .mf-pack-drop{flex-direction:column}
  .mf-pack-act{flex-direction:column-reverse}
}