/* This stylesheet belongs only to My Account and its existing shared modal shell. */
body.my-page{padding-bottom:0}
.my-page .auth{max-width:760px;padding:40px 24px 56px}
.my-page .auth>h1{margin-bottom:12px}
.my-page .auth>.lead{margin-bottom:24px;font-size:15px;line-height:1.75}
.my-page .my-shortcuts{margin:0 0 28px;display:grid;gap:12px}
.my-page .my-share-link{display:flex;justify-content:space-between;width:100%;gap:12px;background:var(--c-surface)}
.my-page .my-share-link span{font-size:20px;font-weight:400}
.my-page .auth .btn,.my-page .ui-modal .btn{min-height:48px;border-radius:10px;padding:12px 18px;font-size:15px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.my-page .auth .btn--sec,.my-page .ui-modal .btn--sec{background:var(--c-surface);border-color:var(--c-btn-point-bg);color:var(--c-text)}
.my-page .auth .btn--sec:hover,.my-page .ui-modal .btn--sec:hover{background:var(--c-surface-point);color:var(--c-text);transform:none}
.my-page .auth :is(button,a):focus-visible,.my-page .ui-modal :is(button,a,input):focus-visible{outline:2px solid var(--c-btn-point-bg);outline-offset:3px}
.my-page .auth .input,.my-page .ui-modal .input{min-height:52px;padding:12px;font-size:16px;line-height:1.5;border-radius:8px}
.my-page .auth .input:focus,.my-page .ui-modal .input:focus{border-color:var(--c-btn-point-bg);outline:2px solid var(--c-btn-point-bg);outline-offset:-1px;box-shadow:none}
.my-page .auth .field,.my-page .ui-modal-body .field{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}
.my-page .auth .field>span,.my-page .ui-modal-body .field>span{margin:0}
.my-page .info-card,.my-page .my-card{padding:24px;border:1px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-surface)}
.my-page .info-card{margin:0}
.my-page #pf-save{width:100%;margin:0 0 20px}
.my-page #pf-msg:empty,.my-page #pv-done:empty{display:none}
.my-page .info-row{padding:16px 0;gap:12px;font-size:14px;line-height:1.65}
.my-page .info-row .info-k{min-width:4em}
.my-page .info-row .info-v{overflow-wrap:anywhere}
.my-page .info-row .badge{display:inline-block;margin-top:4px}
.my-page .my-section{margin-top:28px}
/* 「내 사진 기록」 자리 — 안내 문장 아래, 「내 공유 링크 관리」 위 (owner 지시 2026-09-15) */
.my-page #my-records{margin:24px 0 20px}
.my-page #my-records .my-section{margin-top:0}
.my-page .my-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.my-page .my-section-head h2{margin:0;font-size:21px;line-height:1.45}
.my-page .my-section-head .btn{flex:0 0 auto;min-height:44px;padding:10px 14px;font-size:14px}
.my-page #my-orders>.btn{width:100%}
.my-page #my-orders .sub,.my-page #addr-list>.sub{line-height:1.8}
.my-page .addr{padding:20px 0;gap:16px}
.my-page .addr:first-child{padding-top:0}
.my-page .addr:last-child{padding-bottom:0}
.my-page .addr .grow{flex-basis:300px}
.my-page .addr .grow>b{font-size:16px;line-height:1.6}
.my-page .addr .grow>.sub{display:inline-block;margin-top:6px;line-height:1.75}
.my-page .addr-btns{gap:8px}
.my-page .addr-btns .btn,.my-page .linked .btn{min-height:44px;padding:10px 14px;font-size:13px}
.my-page .linked{flex-wrap:wrap;padding:16px 0;gap:12px}
.my-page .linked:first-child{padding-top:0;border-top:0}
.my-page .linked:last-child{padding-bottom:0}
.my-page .linked .why{flex:1 1 160px;font-size:12px;line-height:1.7}
.my-page .link-more{gap:20px;margin-top:20px}
.my-page .my-guest-actions{padding:24px;border:1px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-surface);gap:12px}
.my-page .my-guest-lookup{margin-top:16px}
.my-page .my-guest-lookup .btn{display:flex;justify-content:space-between;gap:12px;width:100%}
.my-page .my-logout{margin-top:28px;padding-top:24px}
.my-page .my-logout .btn{width:100%}
.my-page .my-leave{margin-top:24px;padding-top:24px}
.my-page .my-leave h2{margin:0 0 12px;font-size:18px;line-height:1.5}
.my-page .my-leave .sub{line-height:1.8}
/* Only the My Account ui-modal receives the compact white shell. Login dialogs keep their own styles. */
.my-page .my-modal-back{padding:12px;background:rgba(var(--brand-ink-rgb),.35)}
.my-page .lg-box.ui-modal{width:100%;max-width:620px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-surface);box-shadow:0 16px 48px rgba(var(--brand-ink-rgb),.18)}
.my-page .ui-modal .ui-modal-head{margin:0;padding:18px 24px;border-bottom:1px solid var(--c-border);gap:16px;background:var(--c-surface)}
.my-page .ui-modal .lg-h{color:var(--c-text);font-size:22px;line-height:1.4}
.my-page .ui-modal .lg-x{width:44px;height:44px;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border)}
.my-page .ui-modal .lg-x:hover,.my-page .ui-modal .lg-x:focus-visible{color:var(--c-text);background:var(--c-surface-point);border-color:var(--c-btn-point-bg);transform:none}
.my-page .ui-modal .ui-modal-body{padding:24px;margin:0;border-radius:0;background:var(--c-surface);overscroll-behavior:contain;scroll-padding:20px;scrollbar-width:thin;scrollbar-color:rgba(var(--brand-ink-rgb),.25) transparent}
.my-page .ui-modal-body>.sub{line-height:1.8}
.my-page .ui-modal-body a:not(.btn){color:var(--c-text-sub);text-underline-offset:3px}
.my-page .ui-modal-body #af .agree{align-items:center;gap:12px;margin:4px 0 20px;padding:12px 0;min-height:48px}
.my-page #af .agree>span{font-size:14px;line-height:1.6}
.my-page #af-find{margin-bottom:20px}
.my-page #af-find:empty{display:none}
.my-page #af-msg:empty{display:none}
.my-page #af>.info-row{padding-top:0}
.my-page .my-orders-modal .odate{margin:24px 0 10px;font-size:13px;line-height:1.6;letter-spacing:0}
.my-page .my-orders-modal .odate:first-child{margin-top:0}
.my-page .my-orders-modal .my-list{border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;background:var(--c-surface)}
.my-page .my-orders-modal .my-list a{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:12px;padding:18px 16px;min-height:76px;color:var(--c-text);text-decoration:none;transform:none}
.my-page .my-orders-modal .my-list a:hover{background:var(--c-bg);transform:none}
.my-page .my-orders-modal .my-list .grow .l1,.my-page .my-orders-modal .my-list .grow .l2{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.my-page .my-orders-modal .my-list .l1{font-size:15px;line-height:1.65}
.my-page .my-orders-modal .my-list .l2{margin-top:6px;font-size:12px;line-height:1.75}
.my-page .my-orders-modal .my-list .oamt{margin:0;font-size:15px;line-height:1.5;text-align:right}
.my-page .my-orders-modal .my-list .arw{color:var(--c-btn-point-bg)}
@media (min-width:600px){
  .my-page #af{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .my-page #af>*{grid-column:1 / -1}
  .my-page #af>.field[for=af-recv_name]{grid-column:1}
  .my-page #af>.field[for=af-recv_phone]{grid-column:2}
}
@media (max-width:600px){
  .my-page .auth{padding:28px 16px 40px}
  .my-page .info-card,.my-page .my-card,.my-page .my-guest-actions{padding:16px}
  .my-page .my-section-head h2{font-size:19px}
  .my-page .my-section-head .btn{padding-inline:12px}
  .my-page .addr .grow{flex-basis:100%}
  .my-page .addr-btns{width:100%;justify-content:flex-end}
  .my-page .linked .why{flex-basis:100%;text-align:left;margin-left:0}
  .my-page .ui-modal .ui-modal-head{padding:14px 16px;gap:12px}
  .my-page .ui-modal .lg-h{font-size:20px}
  .my-page .ui-modal .ui-modal-body{padding:20px 16px}
  .my-page .my-orders-modal .my-list a{grid-template-columns:minmax(0,1fr) 16px;gap:8px 12px;padding:16px}
  .my-page .my-orders-modal .my-list .grow{grid-column:1;grid-row:1}
  .my-page .my-orders-modal .my-list .oamt{grid-column:1;grid-row:2;text-align:left}
  .my-page .my-orders-modal .my-list .arw{grid-column:2;grid-row:1 / 3;align-self:center}
}
@media (max-height:520px){
  .my-page .my-modal-back{padding:8px}
  .my-page .lg-box.ui-modal{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}
  .my-page .ui-modal .ui-modal-head{padding-top:10px;padding-bottom:10px}
}