.pl-head{
  padding:18px 18px 8px 18px;
}
.pl-title{
  margin:0;
  font-size:22px;
  font-weight:900;
  color:#1f2937;
}

/* top bar */
.pl-topbar{
  margin:0 18px 12px 18px;
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:12px;
  padding:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

/* tabs */
.pl-tabs{
  display:flex;
  gap:10px;
  background:#f8fafc;
  border:1px solid #eef2f7;
  padding:6px;
  border-radius:10px;
}
.pl-tab{
  border:none;
  background:#fff;
  border:1px solid #e6edf7;
  padding:8px 14px;
  border-radius:10px;
  font-size:12px;
  font-weight:900;
  color:#334155;
}
.pl-tab span{ color:#4f7cff; }
.pl-tab.active{
  box-shadow: 0 6px 14px rgba(79,124,255,.18);
  border-color:#dbeafe;
}

/* action chips (right) */
.pl-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-left:auto;
}
.pl-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e6edf7;
  background:#fff;
  color:#334155;
  font-size:12px;
  font-weight:900;
}
.pl-chip i{ color:#4f7cff; }
.pl-chip:hover{ background:#f8fbff; }

/* view toggle */
.pl-iconbtn{
  width:38px;
  height:38px;
  border-radius:10px;
  border:1px solid #e6edf7;
  background:#fff;
  display:grid;
  place-items:center;
  color:#4f7cff;
}
.pl-iconbtn.active{
  background:#4f7cff;
  color:#fff;
  border-color:#4f7cff;
}

/* table card */
.pl-card{
  margin:0 18px;
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:14px;
  overflow:hidden;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}

/* table */
.pl-table thead th{
  padding:14px 12px;
  font-size:12px;
  font-weight:900;
  color:#334155;
  border-bottom:1px solid #eef2f7;
  white-space:nowrap;
}
.pl-table tbody td{
  padding:16px 12px;
  font-size:12px;
  font-weight:800;
  color:#334155;
  border-bottom:1px solid #f1f5f9;
  vertical-align:middle;
}

.pl-row-highlight{
  background:#e8f4ff;
}

.muted{
  color:#94a3b8 !important;
  font-weight:900;
}

/* sortable icon */
.sortable{
  position:relative;
  padding-right:22px !important;
}
.sortable:after{
  content:"\f0dc";
  font-family:"Font Awesome 6 Free";
  font-weight:900;
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  color:#cbd5e1;
  font-size:11px;
}

/* action icons */
.pl-actions-icons{
  display:flex;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
}
.pl-ibtn{
  width:28px;
  height:28px;
  border-radius:8px;
  border:1px solid #e6edf7;
  background:#fff;
  color:#4f7cff;
  display:grid;
  place-items:center;
  font-size:13px;
}
.pl-ibtn:hover{
  background:#f4f8ff;
}
.pl-ibtn.danger{
  color:#ef4444;
  border-color:#fee2e2;
}

/* bottom download */
.pl-bottom{
  margin:12px 18px 18px 18px;
  display:flex;
  justify-content:flex-end;
}
.pl-download{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid #e6edf7;
  background:#fff;
  font-size:12px;
  font-weight:900;
  color:#64748b;
  text-decoration:none;
}
.pl-download:hover{
  background:#f8fafc;
  color:#334155;
}

/* responsive */
@media(max-width:768px){
  .pl-actions{ margin-left:0; }
  .pl-topbar{ padding:10px; }
}
/* wrapper spacing */
.pa-wrap{
  padding: 18px;
}

/* form looks like clean large page */
.pa-form{
  background:#fff;
  border:1px solid #e6edf7;
  border-radius:14px;
  padding:18px;
  box-shadow: 0 10px 20px rgba(15, 23, 42, 0.06);
}

/* labels */
.pa-label{
  font-size:11px;
  font-weight:900;
  color:#334155;
  margin-bottom:6px;
  display:block;
}
.req{ color:#ef4444; margin-left:2px; }

.pa-mini-link{
  color:#4f7cff;
  font-size:12px;
  text-decoration:none;
}
.pa-mini-link:hover{ opacity:.8; }

/* inputs */
.pa-input{
  border-radius:10px !important;
  border:1px solid #e6edf7 !important;
  box-shadow:none !important;
  font-size:12px;
  font-weight:800;
  padding:10px 12px;
}
.pa-input::placeholder{
  color:#a3b1c2;
  font-weight:800;
}
.pa-textarea{
  min-height:86px;
  resize:vertical;
}

/* split input + select same row */
.pa-split{
  display:flex;
  gap:10px;
  align-items:center;
}
.pa-mini-select{
  width:140px;
  min-width:120px;
}

/* photo grid */
.pa-photo-grid{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.pa-photo-box{
  width:92px;
  height:72px;
  border-radius:10px;
  border:1px solid #eef2f7;
  background:#f8fafc;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
.pa-photo-inner{
  text-align:center;
  font-size:11px;
  font-weight:900;
  color:#475569;
  line-height:1.1;
}
.pa-photo-inner i{
  display:block;
  margin:0 auto 6px;
  font-size:12px;
  color:#4f7cff;
}

/* brochure area */
.pa-brochure{
  display:flex;
  align-items:center;
  height:72px;
}

/* buttons */
.pa-btn-blue{
  background:#4f7cff !important;
  border:1px solid #4f7cff !important;
  color:#fff !important;
  font-weight:900;
  border-radius:10px;
  padding:10px 16px;
  font-size:12px;
  box-shadow: 0 10px 18px rgba(79,124,255,.20);
}
.pa-btn-blue:hover{ filter:brightness(.98); }

.pa-btn-blue-sm{
  background:#4f7cff !important;
  border:1px solid #4f7cff !important;
  color:#fff !important;
  font-weight:900;
  border-radius:8px;
  padding:7px 14px;
  font-size:12px;
}

/* divider */
.pa-hr{
  border-color:#eef2f7;
  margin:18px 0;
}

/* submit row */
.pa-submit{
  display:flex;
  justify-content:flex-start;
}

/* responsive */
@media(max-width:768px){
  .pa-form{ padding:14px; }
  .pa-mini-select{ width:130px; }
  .pa-photo-box{ width:92px; }
}