/* 후딱대낙 고객 현황 / 본인 신청 현황: 다른 페이지에 영향을 주지 않는 별도 스타일 */
#view-status .hdx-status-shell,#view-orders .hdx-orders-shell{max-width:760px;margin:0 auto;padding:32px 0 44px;min-width:0}
#view-status .hdx-status-heading,#view-orders .hdx-orders-heading{text-align:center;margin-bottom:25px}
#view-status .hdx-eyebrow,#view-orders .hdx-eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:100px;border:1px solid #d2e7d9;background:#e9f5ed;padding:8px 14px;color:#1c7554;font-size:11px;font-weight:850;letter-spacing:.095em}
#view-status .hdx-spark{width:7px;height:7px;border-radius:100%;background:#21966b;display:inline-block}
#view-status .hdx-status-heading h1,#view-orders .hdx-orders-heading h1{font-size:clamp(28px,4.5vw,39px);margin:16px 0 8px;line-height:1.28;letter-spacing:-.055em;font-weight:900;color:#12392e;text-align:center}
#view-status .hdx-status-heading p,#view-orders .hdx-orders-heading p{font-size:14px;line-height:1.55;color:#778c80;margin:0}
#view-status .hdx-service-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:225px;padding:35px 20px;border-radius:23px;background:linear-gradient(125deg,#094a36,#137856);color:#fff;text-align:center;box-shadow:0 14px 30px rgba(8,85,57,.14)}
#view-status .hdx-state-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:100px;color:#e8fff1;background:#ffffff24;font-size:12px;font-weight:750}
#view-status .hdx-state-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a8ffc3}
#view-status #statusModeTitle{display:block;color:#fff;font-size:clamp(28px,5vw,37px);line-height:1.3;letter-spacing:-.055em;font-weight:900;margin-top:18px;text-align:center}
#view-status #statusModeDescription{color:#ddf5e7;font-size:14px;line-height:1.6;margin:8px 0 0;text-align:center}
#view-status .hdx-expected{display:block;font-size:12px;color:#e5f5e9;font-weight:800;margin-top:10px}
#view-status .hdx-main-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:16px 0 0}
#view-status .hdx-action{display:flex;align-items:center;gap:13px;border-radius:16px;min-width:0;min-height:83px;padding:15px 19px;cursor:pointer;text-align:left;box-shadow:0 6px 17px #264d3213;border:1px solid #c8decf;background:white}
#view-status .hdx-action-primary{color:#fff;background:#16815e;border-color:#16815e}
#view-status .hdx-action-secondary{color:#15573f;background:#fff}
#view-status .hdx-action-index{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;background:#ffffff27;border:1px solid #ffffff40;border-radius:11px;font-size:12px;font-weight:900}
#view-status .hdx-action-secondary .hdx-action-index{background:#eaf6ed;border-color:#d4eadd;color:#17714f}
#view-status .hdx-action-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
#view-status .hdx-action-text strong{font-size:17px;font-weight:900;letter-spacing:-.05em;white-space:nowrap}
#view-status .hdx-action-text small{font-size:11px;font-weight:650;opacity:.8;white-space:normal;line-height:1.35}
#view-status .hdx-action-arrow{flex:0 0 auto;font-size:20px;line-height:1}
#view-status .hdx-action:hover{filter:brightness(.98)}
#view-status .hdx-action:focus-visible,#view-orders .hdx-lookup-row button:focus-visible{outline:3px solid #4eaa8a;outline-offset:3px}
#view-status .hdx-process{margin-top:16px;background:#fff;border:1px solid #e1eae2;border-radius:18px;padding:19px 22px 20px}
#view-status .hdx-process h2{font-size:14px;color:#244f3e;font-weight:850;letter-spacing:-.03em;margin:0 0 17px;text-align:center}
#view-status .hdx-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
#view-status .hdx-process-list li{min-width:0;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;color:#456b57}
#view-status .hdx-process-list li span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #cde4d4;border-radius:50%;background:#edf8f0;color:#23815e;font-size:11px;font-weight:800}
#view-status .hdx-process-list li strong{font-size:12px;font-weight:750;line-height:1.3;white-space:nowrap}
#view-status .hdx-note,#view-orders .hdx-note{margin:18px auto 0;line-height:1.7;color:#829589;font-size:12px;text-align:center}
#view-orders .hdx-orders-shell{max-width:780px}
#view-orders .hdx-saved,#view-orders .hdx-lookup{background:#fff;border:1px solid #dae8dd;border-radius:19px;box-shadow:0 6px 20px #1b593714;padding:22px 24px;margin-bottom:16px}
#view-orders .hdx-saved-head{display:flex;align-items:center;gap:12px;margin-bottom:17px}
#view-orders .hdx-saved-number{display:grid;place-items:center;border-radius:12px;width:42px;height:42px;flex:0 0 42px;background:#eaf6ec;color:#197452;font-size:13px;font-weight:900}
#view-orders .hdx-saved-head h2{font-size:18px;line-height:1.35;font-weight:900;letter-spacing:-.045em;margin:0 0 4px;color:#164936}
#view-orders .hdx-saved-head p{color:#839688;font-size:12px;line-height:1.45;margin:0}
#view-orders #myOrders{display:grid;gap:9px}
#view-orders #myOrders .order-summary-card{padding:15px 16px;background:#f7fbf8;border:1px solid #dce9df;border-radius:13px;cursor:pointer}
#view-orders #myOrders .order-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
#view-orders #myOrders .order-summary-top strong{font-size:13px;color:#164a37;overflow-wrap:anywhere}
#view-orders #myOrders .order-summary-card p{margin:8px 0;font-size:13px;color:#284d3b}
#view-orders #myOrders .order-summary-card small{color:#738879;font-size:11px}
#view-orders #myOrders .lookup-loading,#view-orders #myOrders .order-empty{margin:0;background:#f7faf7;border:1px dashed #d0dfd3;color:#6d8474;border-radius:12px;padding:17px;font-size:13px;line-height:1.5}
#view-orders .hdx-lookup-row{display:flex;align-items:stretch;gap:9px;margin-top:9px}
#view-orders .hdx-lookup-row input{min-width:0;flex:1;height:49px;background:#fff;border:1px solid #cbdacf;border-radius:12px;padding:10px 13px;font-size:14px;color:#193e2d}
#view-orders .hdx-lookup-row button{flex:0 0 auto;border-radius:12px;padding:11px 18px;font-size:14px;font-weight:800}
#view-orders #lookupResult{margin-top:14px;min-width:0;overflow-wrap:anywhere}
@media(max-width:640px){
 #view-status .hdx-status-shell,#view-orders .hdx-orders-shell{padding:16px 0 30px}
 #view-status .hdx-status-heading,#view-orders .hdx-orders-heading{margin-bottom:19px}
 #view-status .hdx-status-heading h1,#view-orders .hdx-orders-heading h1{font-size:30px;margin:13px 0 7px}
 #view-status .hdx-status-heading p,#view-orders .hdx-orders-heading p{font-size:12px}
 #view-status .hdx-service-card{min-height:215px;padding:28px 16px;border-radius:20px}
 #view-status #statusModeTitle{font-size:30px}
 #view-status .hdx-main-actions{gap:10px;margin-top:13px}
 #view-status .hdx-action{min-height:73px;padding:12px 11px;gap:8px;border-radius:14px}
 #view-status .hdx-action-index{flex-basis:30px;width:30px;height:30px;font-size:11px;border-radius:9px}
 #view-status .hdx-action-text strong{font-size:14px}
 #view-status .hdx-action-text small{display:none}
 #view-status .hdx-action-arrow{font-size:16px}
 #view-status .hdx-process{padding:18px 11px 17px;margin-top:13px}
 #view-status .hdx-process-list li strong{font-size:11px}
 #view-orders .hdx-saved,#view-orders .hdx-lookup{padding:17px 15px;border-radius:16px}
 #view-orders .hdx-saved-head h2{font-size:16px}
 #view-orders .hdx-saved-head p{font-size:11px}
 #view-orders .hdx-lookup-row{flex-direction:column}
 #view-orders .hdx-lookup-row button{width:100%}
}
@media(max-width:360px){
 #view-status .hdx-action-index{display:none}
 #view-status .hdx-action{gap:6px;padding:12px 9px}
 #view-status .hdx-action-text strong{font-size:13px}
 #view-status .hdx-action-text small{font-size:9px}
 #view-status .hdx-action-arrow{font-size:15px}
 #view-status .hdx-process-list li strong{font-size:10px}
}

/* 점검/지연 시 기존 app.js가 바꾸는 상태 클래스와 연동 (추가 JS 불필요) */
body.is-maintenance #view-status .hdx-service-card{background:linear-gradient(125deg,#525f62,#758283)}
body.is-maintenance #view-status .hdx-state-pulse{background:#d9e1e0}
body:not(.is-maintenance):has(#delayNotice:not(.hidden)) #view-status .hdx-service-card{background:linear-gradient(125deg,#81522e,#b47c3d)}
body:not(.is-maintenance):has(#delayNotice:not(.hidden)) #view-status .hdx-state-pulse{background:#ffdfaa}

/* 로그인 방식: 넥슨 · 네이버 · 일회용, 모바일/PC 모두 3개 균등 배치 */
#view-apply .v27-login-methods.hdx-login-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#view-apply .v27-login-methods.hdx-login-three .choice{min-width:0;white-space:nowrap}