/* Restrained, solid-fill loading indicators for the Acctual theme. */
.dd-skeleton {display:block; background:#e9ebee; border-radius:100px; animation:dd-pulse 1.5s ease-in-out infinite}
.dd-skeleton-name {width:45%; height:24px}
.dd-skeleton-copy {width:85%; height:24px; margin-top:12px}
.dd-skeleton-number {width:55%; height:48px; margin-top:12px}
.dd-skeleton-value {width:104px; height:24px; flex-shrink:0}
.dd-skeleton-metric {min-height:180px}
.dd-skeleton-row {display:flex; align-items:center; gap:24px; padding:24px; min-height:96px; border-top:1px solid #e9ebee}
.dd-skeleton-row>div {flex:1; min-width:0}
.dd-loading-shell {opacity:0; animation:dd-reveal .01s .35s forwards}
.dd-loading-notice {display:flex; align-items:center; gap:12px; color:#666; margin:0 0 16px; font-size:16px; line-height:1.5}
.dd-loading-spinner {display:inline-block; width:18px; height:18px; flex-shrink:0; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:dd-spin .8s linear infinite}
.dd-live-status {position:fixed; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0}
.dd-button-loading {display:inline-flex!important; justify-content:center; align-items:center; gap:8px}
button[aria-busy=true] {cursor:progress}
.dd-figma-app .order-sms-send-btn[aria-busy=true] {opacity:1; transform:none; width:auto; height:44px; white-space:nowrap}
.dd-figma-app .order-sms-input-box:has(button[aria-busy=true]) textarea {padding-bottom:60px}
.dd-figma-app #global-loading {inset:auto 24px 24px auto; padding:12px 16px; gap:12px; background:#fff; border:1px solid #e9ebee; border-radius:100px; box-shadow:0 1px 8px #0d111b0d; backdrop-filter:none; pointer-events:none; max-width:calc(100% - 32px)}
.dd-figma-app #global-loading .global-loading-dots {padding:0; background:transparent; box-shadow:none}
.dd-figma-app #global-loading::after {content:'작업을 처리하고 있어요…'; color:#666; font-size:16px}
@keyframes dd-pulse {0%,100%{opacity:.55}50%{opacity:1}}
@keyframes dd-spin {to{transform:rotate(360deg)}}
@keyframes dd-reveal {to{opacity:1}}
@media(max-width:760px) {
  .dd-skeleton-metric {min-height:180px}
  .dd-skeleton-row {padding:16px; gap:16px; min-height:104px}
  .dd-skeleton-value {width:72px}
  .dd-figma-app #global-loading {bottom:calc(112px + env(safe-area-inset-bottom)); right:16px}
}
@media(prefers-reduced-motion:reduce) {
  .dd-skeleton,.dd-loading-spinner,.dd-loading-shell {animation:none!important}
  .dd-loading-shell {opacity:1}
}