.pe-wrap{max-width:1100px;margin:14px auto;padding:0 12px}
.pe-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(20,20,20,.06);padding:14px}
.pe-topbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:10px}
.pe-title{font-size:18px;font-weight:750;color:#1f2d3d}
.pe-muted{color:#6b7280;font-size:13px}
.pe-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pe-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#2b6cb0;color:#fff;text-decoration:none;border:0;cursor:pointer;line-height:1}
.pe-btn2{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#e5e7eb;color:#111827;text-decoration:none;border:0;cursor:pointer;line-height:1}
.pe-btn:visited,.pe-btn2:visited{color:inherit}
.pe-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
.pe-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid #eef2f7}
.pe-row:last-child{border-bottom:0}
.pe-label{color:#6b7280;font-size:13px}
.pe-input input,.pe-input textarea,.pe-input select{width:100%;padding:9px 10px;border:1px solid #d6dae3;border-radius:10px;outline:none;background:#fff}
.pe-input input:focus,.pe-input textarea:focus,.pe-input select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.pe-input textarea{min-height:120px;resize:vertical}
.pe-hint{color:#94a3b8;font-size:12px;margin-top:6px}
.pe-mini{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.pe-mini a{font-size:12px;color:#2563eb;text-decoration:none}
.pe-mini a:hover{text-decoration:underline}
.pe-msg-ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;padding:10px 12px;border-radius:10px;margin-bottom:12px}
.pe-msg-err{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:10px 12px;border-radius:10px;margin-bottom:12px}
.pe-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.pe-disabled{opacity:.5;cursor:not-allowed}
.pe-radio{display:flex;gap:8px;flex-wrap:wrap}
.pe-radio label{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #d6dae3;border-radius:999px;cursor:pointer;user-select:none;background:#fff}
.pe-radio input{margin:0}
.pe-radio label:hover{border-color:#93c5fd}
@media (min-width:980px){
  .pe-grid{grid-template-columns:1fr 1fr}
  .pe-span2{grid-column:1/-1}
}
@media (max-width:760px){
  .pe-row{grid-template-columns:1fr}
  .pe-label{font-weight:700}
}