:root{
  --line:#e5e7eb; 
  --muted:#6b7280; 
  --btn:#1a73e8;
}

.ids-apply-wrap{
  max-width:1180px;
  margin:auto;
  padding:20px;
}

.ids-apply-head{margin-bottom:20px;}

.ids-apply-title{font-size:26px;font-weight:700;margin:6px 0;}

.ids-apply-sub{color:var(--muted);display:flex;gap:12px;margin-top:6px;}

.ids-badge{
  display:inline-block;
  padding:4px 10px;
  background:#f3f4f6;
  border-radius:50px;
  font-size:12px;
}

.ids-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.ids-steps{
  display:flex;
  list-style:none;
  gap:10px;
  padding:0;
  margin-bottom:16px;
}

.ids-steps li{
  padding:8px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:40px;
  display:flex;
  gap:6px;
  align-items:center;
}

.ids-steps li.active{
  border-color:var(--btn);
  color:var(--btn);
}

.ids-apply-form{
  border:1px solid var(--line);
  padding:20px;
  border-radius:12px;
  background:white;
}

.ids-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}

@media(max-width:900px){
  .ids-grid-2{grid-template-columns:1fr;}
}

.ids-label{
  font-size:13px;
  color:var(--muted);
}

.ids-input{
  width:100%;
  padding:10px;
  border-radius:10px;
  border:1px solid var(--line);
}

.ids-step-nav{
  margin-top:20px;
  display:flex;
  gap:10px;
}

.ids-btn{
  padding:10px 16px;
  border-radius:10px;
  border:none;
  cursor:pointer;
  background:var(--btn);
  color:#fff;
}

.ids-outline{
  background:#fff;
  border:1px solid #111;
  color:#111;
}

.ids-docs-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

@media(max-width:700px){
  .ids-docs-grid{grid-template-columns:1fr;}
}

.ids-doc-card{
  border:1px dashed var(--line);
  padding:14px;
  border-radius:12px;
  background:#fbfbfc;
}

.ids-kv li{margin:5px 0;}

:root {
  --blue:#1a73e8;
  --line:#e5e7eb;
  --ink:#111827;
  --note:#6b7280;
  --shadow:0 6px 16px rgba(0,0,0,0.08);
}

/* MAIN WRAP */
.ids-apply-wrap{
  max-width:900px;
  margin:auto;
  padding:20px;
}

/* STEPS HEADER */
.ids-steps{
  display:flex;
  justify-content:center;
  margin:20px 0;
  gap:10px;
}
.step{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#ddd;
  color:#555;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:600;
}
.step.active{
  background:var(--blue);
  color:#fff;
}

/* FORM STEP BOX */
.ids-step{
  display:none;
  padding:20px;
  background:white;
  border-radius:12px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

.ids-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
@media(max-width:700px){
  .ids-grid-2{ grid-template-columns:1fr; }
}

label{ font-size:14px; color:var(--note); }
input, select, textarea{
  padding:10px;
  border:1px solid var(--line);
  width:100%;
  border-radius:10px;
  margin-top:4px;
}

/* DOC CARDS */
.ids-doc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px;
}
.ids-doc-card{
  padding:14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:white;
  box-shadow:var(--shadow);
  text-align:center;
}
.ids-doc-card:hover{
  transform:translateY(-3px);
}

.doc-title{
  display:block;
  margin-bottom:8px;
  font-weight:600;
}

/* REVIEW CARD */
.ids-review-card{
  padding:20px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  box-shadow:var(--shadow);
}

/* BUTTONS */
.ids-btn{
  background:var(--blue);
  color:white;
  padding:12px 20px;
  border-radius:10px;
  border:none;
  margin-top:20px;
  cursor:pointer;
}
.ids-btn-outline{
  background:white;
  border:1px solid var(--blue);
  color:var(--blue);
  padding:12px 20px;
  border-radius:10px;
  margin-right:10px;
}

.ids-success{
  margin-top:20px;
  padding:15px;
  background:#dcfce7;
  border-left:5px solid #16a34a;
  border-radius:12px;
  font-weight:600;
}