/* ===========================================================================
   ZARZĄDZANIE PROJEKTAMI — okno kafelków (.pm-*), na standardzie .modal-frame
   =========================================================================== */
.pm-modal{z-index:2600}
.pm-frame{height:min(720px, 86vh)}
.pm-body{padding:24px}
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));gap:16px;align-content:start}
.pm-tile{
  position:relative;min-height:150px;padding:18px 18px 16px;border:1px solid #232830;border-radius:14px;
  background:#0F1216;cursor:pointer;display:flex;flex-direction:column;gap:8px;text-align:left;
  transition:border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.pm-tile:hover{border-color:var(--border-hi);transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.4)}
.pm-tile.active{border-color:rgba(76,159,255,.6);background:#0F1620}
.pm-tile.dragging{opacity:.4}
.pm-tile.drop-before{box-shadow:-4px 0 0 0 #4C9FFF}
.pm-tile.drop-after{box-shadow:4px 0 0 0 #4C9FFF}
.pm-grip{position:absolute;top:12px;left:10px;width:18px;height:22px;color:#3A414B;cursor:grab;display:flex;align-items:center;justify-content:center}
.pm-grip svg{width:14px;height:14px}
.pm-tile:hover .pm-grip{color:var(--muted)}
.pm-edit{
  position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:var(--muted);border:1px solid transparent;transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.pm-edit svg{width:14px;height:14px}
.pm-edit:hover{background:#1E242C;color:#fff;border-color:var(--border-hi)}
.pm-ico{width:40px;height:40px;border-radius:10px;background:#161A20;border:1px solid #262B33;display:flex;align-items:center;justify-content:center;color:var(--blue);margin:8px 0 4px 10px}
.pm-ico svg{width:20px;height:20px}
.pm-name{font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#EDF1F6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:10px}
.pm-meta{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:var(--dim);padding-left:10px;margin-top:auto}
.pm-badge{
  position:absolute;top:16px;right:50px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#9CCBFF;
  background:rgba(76,159,255,.12);border:1px solid rgba(76,159,255,.35);border-radius:999px;padding:3px 8px;
}
.pm-new{
  align-items:center;justify-content:center;gap:10px;border-style:dashed;color:var(--muted);
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.pm-new svg{width:20px;height:20px}
.pm-new:hover{color:#9CCBFF;border-color:#4C9FFF;background:rgba(76,159,255,.05)}
.pm-newname,.pm-rename{
  width:100%;height:36px;background:#0F1216;border:1px solid #4C9FFF;border-radius:8px;color:#E4E9EF;
  font-size:13px;padding:0 10px;outline:none;font-family:inherit;text-transform:none;
}
.pm-rename{margin-left:10px;width:calc(100% - 10px);font-weight:700;text-transform:uppercase}
.pm-foot{justify-content:space-between}
.pm-hint{font-size:11px;color:var(--dim)}
.pm-foot-r{display:flex;gap:10px}
/* ustawienia projektu */
.pm-settings{max-width:680px}
.pm-set-head{display:flex;align-items:center;gap:16px;margin-bottom:22px}
.pm-set-title{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--dim)}
.pm-settings .form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.pm-settings .form-lbl{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.pm-settings .form-in{
  height:40px;background:#0F1216;border:1px solid var(--border);border-radius:9px;color:var(--text);
  padding:0 12px;font-size:13px;font-family:inherit;outline:none;
}
.pm-settings .form-in:focus{border-color:#3C4654}
.pm-settings .pm-desc{height:auto;min-height:96px;padding:10px 12px;line-height:1.55;resize:vertical}
.pm-set-meta{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:14px;margin-top:22px;padding-top:18px;border-top:1px solid #22272E}
.pm-set-meta > div{display:flex;flex-direction:column;gap:6px;min-width:0}
.pm-set-meta b{font-size:13px;font-weight:700;color:var(--text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-id{font-family:ui-monospace, Consolas, monospace;font-size:11px;font-weight:500;color:var(--dim)}