#ptm-starter-ui{
  font-family:"Outfit",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#1B2440;
}

#ptm-starter-ui .ptm-sv-card{
  background:#fff;
  border:1px solid rgba(36,189,192,.35);
  border-radius:18px;
  padding:18px 18px 16px;
  box-shadow:0 8px 20px rgba(27,36,64,.06);
}

#ptm-starter-ui .ptm-sv-title{
  font-size:22px;
  font-weight:800;
  margin:0 0 6px 0;
}

#ptm-starter-ui .ptm-sv-sub{
  font-size:14px;
  line-height:1.45;
  margin:0 0 14px 0;
  opacity:.9;
}

#ptm-starter-ui .ptm-sv-rule{
  background:rgba(179,225,226,.35);
  border:1px solid rgba(36,189,192,.25);
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
  margin:12px 0 14px 0;
}

#ptm-starter-ui .ptm-sv-status{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:10px 0 16px 0;
  font-size:14px;
}

#ptm-starter-ui .ptm-sv-meta{
  font-size:13px;
  opacity:.92;
}

#ptm-starter-ui .ptm-link{
  color:#24BDC0;
  font-weight:800;
  text-decoration:none;
}
#ptm-starter-ui .ptm-link:hover{
  text-decoration:underline;
}

#ptm-starter-ui .ptm-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 12px;
  border-radius:999px;
  font-weight:800;
  font-size:13px;
  border:1px solid transparent;
}

#ptm-starter-ui .ptm-badge.is-none{ background:rgba(27,36,64,.08); border-color:rgba(27,36,64,.10); }
#ptm-starter-ui .ptm-badge.is-pending{ background:#E3F4A6; border-color:rgba(27,36,64,.12); }
#ptm-starter-ui .ptm-badge.is-approved{ background:#A7EDF0; border-color:rgba(27,36,64,.12); }
#ptm-starter-ui .ptm-badge.is-rejected{ background:#FF87B5; border-color:rgba(27,36,64,.10); }

#ptm-starter-ui .ptm-sv-form{
  display:grid;
  gap:12px;
  margin-top:10px;
}

#ptm-starter-ui label{
  font-size:13px;
  font-weight:700;
  display:block;
  margin:0 0 6px 0;
}

#ptm-starter-ui select,
#ptm-starter-ui input[type="text"],
#ptm-starter-ui input[type="file"]{
  width:100%;
  border-radius:12px;
  border:1px solid rgba(27,36,64,.18);
  padding:11px 12px;
  font-size:14px;
  outline:none;
  background:#fff;
}

#ptm-starter-ui select:focus,
#ptm-starter-ui input[type="text"]:focus,
#ptm-starter-ui input[type="file"]:focus{
  border-color:rgba(36,189,192,.9);
  box-shadow:0 0 0 3px rgba(36,189,192,.15);
}

#ptm-starter-ui .ptm-help{
  font-size:12px;
  opacity:.8;
  margin-top:6px;
}

#ptm-starter-ui .ptm-alert{
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
  border:1px solid transparent;
  margin: 10px 0 0 0;
}

#ptm-starter-ui .ptm-alert.is-error{
  background:rgba(255,135,181,.18);
  border-color:rgba(255,135,181,.45);
}

#ptm-starter-ui .ptm-alert.is-success{
  background:rgba(167,237,240,.35);
  border-color:rgba(36,189,192,.25);
}

#ptm-starter-ui .ptm-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border-radius:999px;
  padding:12px 16px;
  font-weight:800;
  border:2px solid transparent;
  cursor:pointer;
  font-size:14px;
}

#ptm-starter-ui .ptm-btn--primary{
  background:#24BDC0;
  color:#fff;
}

#ptm-starter-ui .ptm-btn--primary:hover{
  filter:brightness(.98);
}

#ptm-starter-ui .ptm-btn--ghost{
  background:#fff;
  color:#1B2440;
  border-color:rgba(27,36,64,.85);
}

#ptm-starter-ui .ptm-sv-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:8px;
}

@media (max-width: 767px){
  #ptm-starter-ui .ptm-sv-title{ font-size:18px; }
  #ptm-starter-ui .ptm-sv-card{ padding:14px; border-radius:16px; }
}