/* Editable user features built around the unchanged native business runtime. */
.renminde-user {
  --u-line: var(--border-color, #e5e7eb);
  --u-surface: var(--card-bg, var(--background-color, #fff));
  --u-surface-soft: var(--background-soft, #f7f8fa);
  --u-text: var(--text-color, #4b5563);
  --u-ink: var(--heading-color, #111827);
  --u-muted: var(--text-secondary, #6b7280);
  --u-hover: var(--hover-bg, #f3f4f6);
  --u-primary: var(--primary-color, #355cc2);
  --u-primary-soft: color-mix(in srgb, var(--u-primary) 12%, transparent);
  --u-radius: 12px;
  --u-control-radius: 9px;
  --u-shadow: 0 8px 28px rgb(15 23 42 / 8%);
}
.renminde-user.dark, .dark .renminde-user {
  --u-line: var(--border-color, #293548);
  --u-surface: var(--card-bg, #151b27);
  --u-surface-soft: var(--background-soft, #1c2533);
  --u-text: var(--text-color, #cbd5e1);
  --u-ink: var(--heading-color, #f8fafc);
  --u-muted: var(--text-secondary, #94a3b8);
  --u-hover: var(--hover-bg, #202b3b);
  --u-shadow: 0 8px 30px rgb(0 0 0 / 24%);
}
.renminde-user .uxe-renminde-gift-link { display:inline-flex; align-items:center; gap:7px; min-height:34px; margin-left:10px; padding:6px 10px; border:1px solid var(--u-line); border-radius:8px; color:var(--u-text); text-decoration:none; font-size:13px; font-weight:600; }
.renminde-user .uxe-renminde-gift-link:hover { color:var(--u-ink); background:var(--u-hover); }
.renminde-user .uxe-renminde-gift-link svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.renminde-user .uxe-native-hidden { display:none !important; }
.uxe-provisioning { margin-top:16px; }
.uxe-provisioning .uxe-card-head,.uxe-provisioning .uxe-card-body { padding:14px 16px; }
.uxe-provision-order { padding:12px 0; border-bottom:1px solid var(--u-line); }
.uxe-provision-order:first-child { padding-top:0; }
.uxe-provision-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.uxe-provision-head strong { display:block; font-size:15px; font-weight:750; color:var(--u-ink); }
.unified-user .uxe-provision-head small { display:block; margin-top:4px; font-size:12px; font-weight:600; color:var(--u-text); overflow-wrap:anywhere; }
.uxe-provision-steps { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0; margin:12px 0 0; }
.uxe-provision-steps li { padding:10px; border:1px solid var(--u-line); border-radius:8px; background:var(--u-surface-soft); }
.uxe-provision-steps strong { display:block; font-size:13px; font-weight:750; color:var(--u-ink); }
.uxe-provision-steps span { display:block; margin-top:5px; font-size:12px; font-weight:650; color:var(--u-text); }
.uxe-provision-steps li[data-state="completed"] { border-color:#55b49b; }
.uxe-provision-steps li[data-state="completed"] span { color:#12735b; }
.dark .uxe-provision-steps li[data-state="completed"] span { color:#73d8b9; }
.uxe-provisioning .uxe-pagination select { width:auto; min-height:36px; padding:6px 10px; border:1px solid var(--u-line); border-radius:8px; color:var(--u-ink); background:var(--u-surface); font-weight:650; }
@media(max-width:640px){.uxe-provision-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }.uxe-provision-head { align-items:flex-start; }.uxe-provision-head .uxe-pill { flex-shrink:0; }.uxe-provisioning .uxe-card-body { padding:12px; }}
.uxe-native-hidden { display: none !important; }
.uxe-gift-page { height: 100%; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 22px 24px 0; }
.unified-shell[data-unified-collapsed="true"] .uxe-gift-page { padding-left: 22px; }
.uxe-heading { padding: 3px 0 21px; }
.uxe-heading h1 { margin: 0; color: var(--u-ink); font-size: 23px; font-weight: 650; letter-spacing: -.025em; }
.uxe-heading p, .uxe-muted { color: var(--u-muted); }
.uxe-heading p { margin: 5px 0 0; font-size: 13px; }
.uxe-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(280px,.7fr); gap: 20px; align-items: start; }
.uxe-card { min-width: 0; border: 1px solid var(--u-line); border-radius: var(--u-radius); background: var(--u-surface); box-shadow: var(--u-shadow); color: var(--u-text); }
.uxe-card + .uxe-card { margin-top: 20px; }
.uxe-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px 22px; border-bottom: 1px solid var(--u-line); }
.uxe-card-head h2 { margin: 0; color: var(--u-ink); font-size: 17px; font-weight: 600; }
.uxe-card-body { padding: 22px; }
.uxe-card p { line-height: 1.65; }
.uxe-card-body > :first-child { margin-top: 0; }
.uxe-card-body > :last-child { margin-bottom: 0; }
.uxe-form { display: grid; gap: 14px; }
.uxe-field { display: grid; gap: 7px; min-width: 0; color: var(--u-text); font-size: 13px; }
.uxe-field input { width: 100%; min-width: 0; min-height: 44px; padding: 9px 12px; color: var(--u-ink); background: var(--u-surface); border: 1px solid var(--u-line); border-radius: var(--u-control-radius); font-size: 15px; }
.uxe-field input::placeholder { color: var(--u-muted); }
.uxe-code-input { letter-spacing: .045em; font-variant-numeric: tabular-nums; }
.uxe-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.uxe-button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 9px 14px; border: 1px solid var(--u-line); border-radius: var(--u-control-radius); background: var(--u-surface); color: var(--u-text); font-size: 14px; font-weight: 500; cursor: pointer; text-decoration: none; }
.uxe-button:hover { background: var(--u-hover); color: var(--u-ink); }
.uxe-button.primary { border-color: var(--u-primary); background: var(--u-primary); color: var(--u-surface); }
.uxe-button.danger { color: #c13e4b; }
.uxe-button:disabled { opacity: .5; cursor: default; }
.uxe-button svg, .uxe-nav-link svg { display: block; flex: none; width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.uxe-status { margin: 10px 0 0; min-height: 20px; font-size: 13px; overflow-wrap: anywhere; }
.uxe-status:empty { display: none; }
.uxe-status[data-tone="error"] { color: #be3e4a; }
.uxe-status[data-tone="success"] { color: #168563; }
.dark .uxe-status[data-tone="error"], .dark .uxe-button.danger { color: #ff9ba6; }
.dark .uxe-status[data-tone="success"] { color: #72d4b4; }
.uxe-empty { padding: 20px 0; color: var(--u-muted); font-size: 14px; }
.uxe-preview { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--u-line); }
.uxe-preview h3 { margin: 0 0 5px; color: var(--u-ink); font-size: 17px; font-weight: 600; }
.uxe-pill { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 6px; background: var(--u-primary-soft); color: var(--u-primary); font-size: 12px; }
.uxe-rewards { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
.uxe-reward { display: grid; gap: 4px; padding: 13px; border: 1px solid var(--u-line); border-radius: 12px; background: var(--u-surface-soft); }
.uxe-reward span { color: var(--u-muted); font-size: 12px; }
 .uxe-reward strong { color: var(--u-ink); font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; word-break: normal; overflow-wrap: normal; }
.uxe-detail-list { margin: 0; }
.uxe-detail-list > div { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid var(--u-line); }
.uxe-detail-list > div:last-child { border-bottom: 0; }
.uxe-detail-list dt { color: var(--u-muted); font-size: 13px; }
.uxe-detail-list dd { margin: 0; text-align: right; color: var(--u-ink); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.uxe-history { list-style: none; padding: 0; margin: 0; }
.uxe-history-item, .uxe-session { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 15px 0; border-bottom: 1px solid var(--u-line); }
.uxe-history-item:last-child, .uxe-session:last-child { border-bottom: 0; }
.uxe-history-item > div, .uxe-session > div { min-width: 0; }
.uxe-history-item strong, .uxe-session strong { display: block; color: var(--u-ink); font-size: 14px; font-weight: 600; overflow-wrap: anywhere; }
.uxe-history-item p, .uxe-session p { margin: 5px 0 0; color: var(--u-muted); font-size: 12px; overflow-wrap: anywhere; }
.uxe-pagination { justify-content: space-between; margin-top: 18px; }
.uxe-page-label { color: var(--u-muted); font-size: 13px; font-variant-numeric: tabular-nums; }
.uxe-nav-link { display: flex; align-items: center; gap: 12px; min-height: 44px; margin: 0 8px 12px; padding: 0 12px; border-radius: 10px; color: var(--u-text) !important; font-size: 14px; text-decoration: none; }
.uxe-nav-link:hover { background: var(--u-hover); }
.uxe-nav-link[aria-current="page"] { color: var(--u-primary) !important; background: var(--u-primary-soft); font-weight: 600; }
[data-unified-extension="gift-card"] .unified-menu .n-menu-item-content--selected::before,
[data-unified-extension="gift-card"] .unified-menu .n-menu-item-content--selected::after { display: none; }
[data-unified-extension="gift-card"] .unified-menu .n-menu-item-content--selected :is(.n-menu-item-content-header,.n-menu-item-content__icon) { color: var(--u-text) !important; font-weight: 400; }
[data-unified-extension="gift-card"] .unified-topbar .n-breadcrumb { display: none; }
.uxe-breadcrumb { font-size: 14px; color: var(--u-ink); }
.uxe-sessions { margin-top: 20px; }
.uxe-mail-login { margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--u-line); }
.uxe-mail-login .uxe-button { width: 100%; }
.uxe-mail-login p { margin: 10px 0 0; font-size: 12px; color: var(--u-muted); }
.uxe-traffic-native-hidden { display: none !important; }
.uxe-ticket-state[data-uxe-ticket-reply="waiting"] { color: #946718; }
.uxe-ticket-state[data-uxe-ticket-reply="replied"] { color: #168563; }
.uxe-ticket-state[data-uxe-ticket-reply="closed"] { color: var(--u-muted); }
.uxe-ticket-state[data-uxe-ticket-reply="waiting"] > .rounded-full { background: #ba8735 !important; }
.uxe-ticket-state[data-uxe-ticket-reply="replied"] > .rounded-full { background: #168563 !important; }
.uxe-ticket-state[data-uxe-ticket-reply="closed"] > .rounded-full { background: var(--u-muted) !important; }
.dark .uxe-ticket-state[data-uxe-ticket-reply="waiting"] { color: #e8c880; }
.dark .uxe-ticket-state[data-uxe-ticket-reply="replied"] { color: #72d4b4; }
.n-tag[data-uxe-ticket-reply="waiting"] { --n-color: #fff8e8 !important; --n-text-color: #946718 !important; --n-border: 1px solid #f0dcad !important; }
.n-tag[data-uxe-ticket-reply="replied"] { --n-color: #eaf8f1 !important; --n-text-color: #168563 !important; --n-border: 1px solid #c4e8d8 !important; }
.n-tag[data-uxe-ticket-reply="closed"] { --n-color: var(--u-surface-soft) !important; --n-text-color: var(--u-muted) !important; --n-border: 1px solid var(--u-line) !important; }
.dark .n-tag[data-uxe-ticket-reply="waiting"] { --n-color: #332c1f !important; --n-text-color: #e8c880 !important; --n-border: 1px solid #665536 !important; }
.dark .n-tag[data-uxe-ticket-reply="replied"] { --n-color: #183b31 !important; --n-text-color: #72d4b4 !important; --n-border: 1px solid #2a6754 !important; }
.uxe-traffic-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; gap: 12px; align-items: end; }
.uxe-table-scroll { overflow-x: auto; margin-top: 18px; border: 1px solid var(--u-line); border-radius: 12px; }
.uxe-table { width: 100%; min-width: 540px; border-collapse: collapse; font-size: 13px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.uxe-table th, .uxe-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--u-line); }
.uxe-table th { background: var(--u-surface-soft); font-size: 12px; font-weight: 500; color: var(--u-muted); }
.uxe-table td { color: var(--u-text); }
.uxe-table tr:last-child td { border-bottom: 0; }
.uxe-table th:first-child, .uxe-table td:first-child { position: sticky; left: 0; background: var(--u-surface); z-index: 1; }
.uxe-table th:first-child { background: var(--u-surface-soft); }
.uxe-dialog { width: min(540px,calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 24px; border: 1px solid var(--u-line); border-radius: 20px; background: var(--u-surface); color: var(--u-text); box-shadow: 0 20px 70px #0003; overflow-y: auto; }
.uxe-dialog::backdrop { background: #17203366; backdrop-filter: blur(3px); }
.uxe-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.uxe-dialog h2 { margin: 0; font-size: 20px; font-weight: 650; color: var(--u-ink); }
.uxe-dialog-close { width: 44px; height: 44px; padding: 0; flex: none; }
.uxe-dialog .uxe-actions { justify-content: flex-end; margin-top: 22px; }
@media (max-width:1050px) { .uxe-grid { grid-template-columns: minmax(0,1fr); } }
@media (max-width:767px) {
 .uxe-gift-page, .unified-shell[data-unified-collapsed="true"] .uxe-gift-page { padding: 0 16px 24px; }
 .uxe-breadcrumb { display: none; }
 .uxe-card-head { padding: 17px 18px; }
 .uxe-card-body { padding: 18px; }
 .uxe-field input { font-size: 16px; }
 .uxe-traffic-filters { grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
 .uxe-traffic-filters .uxe-actions { grid-column: 1 / -1; }
 .uxe-history-item, .uxe-session { align-items: start; gap: 10px; }
 .uxe-dialog { width: calc(100vw - 24px); padding: 20px; max-height: calc(100dvh - 24px); }
}
@media (max-width:400px) {
 .uxe-gift-page, .unified-shell[data-unified-collapsed="true"] .uxe-gift-page { padding: 0 12px 20px; }
 .uxe-card-head, .uxe-card-body { padding: 16px; }
 .uxe-history-item, .uxe-session { flex-wrap: wrap; }
 .uxe-history-item > div, .uxe-session > div { flex-basis: 100%; }
 .uxe-rewards { grid-template-columns: minmax(0,1fr); }
 .uxe-detail-list > div { display: grid; gap: 5px; }
 .uxe-detail-list dd { text-align: left; }
 .uxe-traffic-filters { grid-template-columns: minmax(0,1fr); }
 .uxe-pagination { gap: 7px; }
 .uxe-page-label { width: 100%; order: -1; }
}
@media (prefers-reduced-motion:reduce) { .uxe-button { transition: none; } }
.uxe-network-controls{display:grid;gap:16px;margin:16px 0}.uxe-network-controls select{width:100%;min-height:44px;border:1px solid var(--u-line);border-radius:10px;padding:10px;background:var(--u-surface);color:inherit;font:inherit}.uxe-network-consent{display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.6}.uxe-network-consent input{width:18px;height:18px;flex:0 0 18px}.uxe-network img{vertical-align:middle;margin-right:6px;border:1px solid var(--u-line);border-radius:2px;object-fit:cover}.uxe-network .uxe-button{justify-content:center;line-height:normal;min-height:44px}.uxe-network .uxe-session{overflow-wrap:anywhere}@media(max-width:600px){.uxe-network-controls select{font-size:16px}}
.uxe-client-imports{margin-top:20px}.uxe-client-import-list{display:grid;gap:0}.uxe-client-import{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--u-line)}.uxe-client-import:last-of-type{border-bottom:0}.uxe-client-import>div:first-child{display:grid;gap:4px;min-width:0}.uxe-client-import strong{color:var(--u-ink);font-size:14px;font-weight:700}.uxe-client-import span,.uxe-client-import small{color:var(--u-muted);font-size:12px;line-height:1.5;overflow-wrap:anywhere}.uxe-client-import small{color:var(--u-text)}.uxe-client-import .uxe-actions{justify-content:flex-end;flex:none}.uxe-client-import .uxe-button{min-height:38px;padding:7px 10px;font-size:12px}.uxe-client-import-url{display:flex;align-items:baseline;gap:7px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--u-line);color:var(--u-muted);font-size:12px}.uxe-client-import-url code{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--u-text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media(max-width:600px){.uxe-client-import{align-items:flex-start;flex-direction:column;gap:10px}.uxe-client-import .uxe-actions{justify-content:flex-start;width:100%}.uxe-client-import .uxe-button{flex:1 1 auto}.uxe-client-import-url{display:block}.uxe-client-import-url code{display:block;margin-top:4px}
}
