.channel-code-shade[data-v-channel-restore] { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left)); box-sizing: border-box; background: rgba(20,24,30,.42);
}
.channel-code-card[data-v-channel-restore] { width: 100%; max-width: 344px; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); padding: 24px; display: flex; flex-direction: column; gap: 12px; overflow-y: auto; border-radius: 24px; background: #fff; color: #525760; font-size: 14px; line-height: 1.65; box-sizing: border-box; box-shadow: 0 16px 60px rgba(20,24,30,.16);
}
.channel-code-title[data-v-channel-restore] { margin-bottom: 2px; color: #20242a; font-size: 18px; font-weight: 700; line-height: 1.45;
}
.channel-code-muted[data-v-channel-restore] { width: 100%; margin: 2px 0 4px; padding: 12px 14px; border: 1px solid #eceef0; border-radius: 12px; background: #f6f7f8; color: #6c727b; font-size: 14px; font-variant-numeric: tabular-nums; line-height: 22px; overflow-wrap: anywhere; box-sizing: border-box;
}
.channel-code-card[data-v-channel-restore] :is(button, uni-button) { appearance: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 100%; min-height: 48px; height: auto; margin: 0; padding: 12px 16px; border: 1px solid #eceef0; border-radius: 12px; background: #f3f4f6; color: #30343b; -webkit-text-fill-color: currentColor; font-family: inherit; font-size: 15px; font-weight: 500; line-height: 22px; text-align: center; text-decoration: none; white-space: normal; box-sizing: border-box; cursor: pointer; touch-action: manipulation; -webkit-tap-highlight-color: transparent;
}
.channel-code-card[data-v-channel-restore] :is(button, uni-button)::after { border: none;
}
.channel-code-card .channel-code-primary[data-v-channel-restore] { border-color: transparent; background: #ffda32; color: #262013; font-weight: 600;
}
.channel-code-card[data-v-channel-restore] :is(button, uni-button):disabled { opacity: .55; cursor: wait;
}
.channel-code-card[data-v-channel-restore] :is(button, uni-button):focus-visible { outline: 3px solid rgba(178,133,0,.45); outline-offset: 2px;
}
.channel-code-error[data-v-channel-restore] { color: #b62929; font-size: 13px; line-height: 1.6;
}
.channel-code-card .channel-code-close[data-v-channel-restore] { min-height: 44px; padding: 10px 12px; border: none; background: transparent; color: #858a92; font-size: 14px;
}
@media (max-width: 360px) {
.channel-code-card[data-v-channel-restore] { padding: 20px; gap: 10px; border-radius: 20px;
}
}