/* 처방전 화면 디자인 (2026-11-05)
   cdu-ui.css 뒤에 불러와 처방전 관련 스타일만 덮어쓴다. 원본 cdu-ui.css 는 수정하지 않는다.
   원칙: 이모티콘 대신 가는 선 아이콘 · 버튼은 주 1개 + 보조 1개 · 어떤 폭에서도 가로로 넘치지 않는다. */

/* 시트 안의 어떤 요소도 가로로 밀어내지 못하게 */
.sheet #cdu-rxout,.sheet .cdu-rxbtns,.sheet #cdu-rxaskbox{max-width:100%;min-width:0}
.sheet:has(.cdu-rxbtns){overflow-x:hidden}
.sheet:has(.cdu-rxbtns) *{box-sizing:border-box}

/* 아이콘 공통 */
.cdu-rxic{width:17px;height:17px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* 촬영·사진첩 버튼: 세로로 쌓는다(좁은 폭에서도 안 넘침) */
.cdu-rxbtns{display:flex;flex-direction:row;gap:8px;width:100%}
.cdu-rxbtns .cdu-rxbtn{flex:1 1 0;width:auto;padding:0 8px;gap:6px;white-space:nowrap}
.cdu-rxbtns .cdu-rxbtn span{min-width:0}
.cdu-rxbtn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:40px;padding:0 14px;border-radius:11px;font:inherit;font-size:13.5px;font-weight:600;line-height:1.2;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,transform .1s}
.cdu-rxbtn:active{transform:scale(.985)}
.cdu-rxbtn--main{border:1px solid var(--blue);background:var(--blue);color:#fff}
.cdu-rxbtn--sub{border:1px solid var(--line);background:#fff;color:var(--ink)}
.cdu-rxbtn--sub .cdu-rxic{color:var(--blue)}
.cdu-rxbtn--sub:active{background:var(--soft)}

/* 질문 입력줄 */
#cdu-rxaskform{align-items:center;min-width:0}
.cdu-rxq{min-width:0;height:40px;padding:0 14px;border-radius:20px;font-size:13.5px}
.cdu-rxsend{flex:none;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cdu-rxsend:active{opacity:.88}
.cdu-rxsend .cdu-rxic{width:16px;height:16px}

/* 결과 막대 · 듣기 버튼 */
.cdu-rxbar{flex-wrap:wrap}
.cdu-rxplay{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:0 12px;height:30px;font-size:12.5px;font-weight:600}
.cdu-rxplay .cdu-rxic{width:14px;height:14px;color:var(--blue)}

/* 카드 안 긴 글자가 밀어내지 않게 */
.cdu-rxcard{min-width:0;overflow-wrap:anywhere}
.cdu-rxrow{min-width:0}
.cdu-rxrow b{min-width:0;overflow-wrap:anywhere}

/* 보조 링크는 조용하게 */
.cdu-rxlink{display:block;margin-top:14px;text-align:center;font-size:13px;color:var(--muted);text-decoration:none;padding:8px 0}
.cdu-rxlink:active{color:var(--blue)}