
/* Minimal styling for shortcodes if theme is not active */
.puldapii-box{
  border:2px solid #e5e5e5; border-radius:18px; padding:16px; background:#fff;
}
.puldapii-form{margin-top:12px}
.puldapii-field{display:flex; flex-direction:column; gap:6px; margin-bottom:12px}
.puldapii-field label{font-weight:800; font-size:12px; color:#606060}
.puldapii-field input, .puldapii-field select, .puldapii-field textarea{
  border:2px solid #e5e5e5; border-radius:14px; padding:10px 12px; background:#fafafa;
}
.puldapii-grid2{display:grid; grid-template-columns:repeat(2, 1fr); gap:12px}
@media(max-width:700px){ .puldapii-grid2{grid-template-columns:1fr} }
.puldapii-btn{padding:11px 14px; border-radius:14px; font-weight:900; border:2px solid transparent; cursor:pointer}
.puldapii-btn-primary{background:#f27c00; color:#fff}
.puldapii-alert{padding:10px 12px; border-radius:14px; margin:10px 0; font-weight:700}
.puldapii-alert-error{background:#fff0f0; border:2px solid #ffb3b3; color:#8a1f1f}
.puldapii-alert-ok{background:#f0fff6; border:2px solid #a7f0c2; color:#0b5b2f}
.req{color:#f27c00}
.puldapii-card{margin-top:12px; border:2px solid #e5e5e5; border-radius:18px; padding:14px; background:#fff}
.puldapii-tag{display:inline-flex; padding:4px 10px; border-radius:999px; font-weight:900; font-size:11px; border:2px solid rgba(242,124,0,.45); color:#f27c00; background:rgba(242,124,0,.08);}
.puldapii-note{margin-top:10px; padding:10px 12px; border-radius:14px; border:2px solid rgba(0,128,74,.25); background:rgba(0,128,74,.06)}
.puldapii-log{margin:8px 0 0; padding-left:18px}
.puldapii-log .t{color:#777; font-size:12px}
.puldapii-log .n{color:#777}
.puldapii-progress{display:flex; align-items:center; gap:8px; margin-top:12px}
.puldapii-progress .dot{width:12px; height:12px; border-radius:999px; background:#ddd}
.puldapii-progress .line{height:3px; width:44px; background:#ddd; border-radius:999px}
.puldapii-progress .done{background:#00804a}



/* Cara Pengajuan (visual layout) */
.puldapii-cp-hero{
  display:flex; gap:12px; align-items:flex-start; flex-wrap:wrap;
}
.puldapii-cp-pill{
  display:inline-flex; align-items:center; justify-content:center;
  padding:4px 10px; border-radius:999px;
  border:2px solid rgba(0,128,74,.35);
  background:rgba(0,128,74,.08);
  color:#00804a; font-weight:900; font-size:11px;
  height:26px;
}
.puldapii-cp-title{margin:0; font-size:22px; line-height:1.15}
.puldapii-cp-sub{margin:4px 0 0; color:#666; font-size:13px}
.puldapii-cp-card{
  border:2px solid #e5e5e5; border-radius:18px; padding:14px; background:#fff;
  margin-top:14px;
}
.puldapii-cp-card-head{color:#444; margin-bottom:10px}
.puldapii-cp-steps{
  display:grid; grid-template-columns:repeat(5, 1fr);
  gap:10px;
}
.puldapii-cp-step{
  border:2px solid rgba(0,128,74,.18);
  background:rgba(0,128,74,.06);
  border-radius:16px; padding:10px;
  display:flex; gap:10px; align-items:flex-start;
}
.puldapii-cp-step-num{
  width:26px; height:26px; border-radius:999px;
  background:#00804a; color:#fff; font-weight:900;
  display:flex; align-items:center; justify-content:center;
  flex:0 0 auto; font-size:12px;
}
.puldapii-cp-step-title{font-weight:900; font-size:12px; color:#0b5b2f; margin-top:1px}
.puldapii-cp-step-sub{font-size:11px; color:#5b5b5b; margin-top:2px; line-height:1.35}
.puldapii-cp-grid2{
  display:grid; grid-template-columns: 1fr 1fr; gap:14px;
}
.puldapii-cp-list{margin:0; padding-left:18px; color:#5b5b5b}
.puldapii-cp-list li{margin:6px 0; font-size:12.5px}
.puldapii-cp-tip{
  margin-top:12px;
  border:2px solid rgba(242,124,0,.22);
  background:rgba(242,124,0,.08);
  border-radius:14px; padding:10px 12px;
}
.puldapii-cp-tip .t{font-weight:900; color:#f27c00; font-size:12px}
.puldapii-cp-tip .d{color:#666; font-size:12px; margin-top:4px}
.puldapii-cp-ticket{
  border:2px solid rgba(0,128,74,.18);
  background:rgba(0,128,74,.05);
  border-radius:16px; padding:10px 12px;
  margin-top:10px;
}
.puldapii-cp-ticket .code{
  color:#00804a; font-weight:900; font-size:11px; margin-bottom:4px;
}
.puldapii-cp-ticket .row{
  display:flex; gap:10px; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.puldapii-cp-ticket .ttl{font-weight:900; font-size:12.5px; color:#2b2b2b}
.puldapii-cp-ticket .st{font-size:12px; color:#666}
.puldapii-cp-ticket .pill{
  display:inline-flex; padding:3px 10px; border-radius:999px;
  border:2px solid rgba(0,128,74,.35);
  background:#fff; color:#00804a; font-weight:900; font-size:11px;
}
.puldapii-cp-actions{
  display:flex; gap:10px; flex-wrap:wrap;
  margin-top:12px;
}

/* Make buttons look nice even without theme vars */
.puldapii-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:11px 14px; border-radius:14px; font-weight:900;
  border:2px solid transparent; cursor:pointer; text-decoration:none;
}
.puldapii-btn-primary{background:#f27c00; color:#fff}
.puldapii-btn-outline{background:#fff; color:#00804a; border-color:#00804a}

@media(max-width:980px){
  .puldapii-cp-steps{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .puldapii-cp-grid2{grid-template-columns:1fr}
  .puldapii-cp-steps{grid-template-columns:1fr}
}
