body { margin:0; font-family: Arial, sans-serif; background:#2e1f8f; color:#fff; }
header { padding:18px 20px; }
.name { font-size:64px; font-weight:800; }
.subheader { margin-top:6px; display:flex; gap:16px; align-items:center; }
#client-types { display:flex; gap:14px; }
#client-types a { color:#fff; text-decoration:none; opacity:.8; }
#client-types a:hover { opacity:1; }

#content { display:block; min-height: calc(100vh - 140px); padding: 12px 18px; }
.main { display:block; }

.info { background: rgba(255,255,255,0.12); border-radius:6px; margin: 12px 0; overflow:hidden; }
.info-title { background: rgba(255,255,255,0.18); padding: 10px 12px; font-weight:700; cursor:pointer; user-select:none; position:relative; }
.info-block { padding: 10px 12px; background: rgba(255,255,255,0.10); }

.input-group, .input-row { padding: 10px 12px; display:flex; gap:12px; align-items:center; }
.input-row label { width: 90px; opacity:.9; }
input, select { padding: 8px; border-radius:4px; border:none; outline:none; }
button { padding: 10px 16px; border-radius:4px; border:none; background:#1b0b5b; color:#fff; cursor:pointer; }
button:hover { background:#2b1a7a; }
.button-padding { margin: 8px 0; }

/* 접기/펼치기 */
.info.is-collapsed > *:not(.info-title) { display:none; }

/* 노란 갈매기(표시용) */
.info-title::after{
  content:"";
  position:absolute;
  right:12px;
  top:50%;
  width:0; height:0;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-top:10px solid #f2c300;
  transform: translateY(-50%);
}
.info.is-collapsed > .info-title::after{
  transform: translateY(-50%) rotate(-90deg);
}
/* 접힘(기존 코드가 쓰는 collapsed 클래스 기준) */
.info.collapsed > *:not(.info-title){
  display:none !important;
}
.info-title{ cursor:pointer; }