.auto-dashboard{background:#fff;color:#17181a}.invitation-page{max-width:1560px;margin:0 auto;padding:28px 28px 80px}.invitation-breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:#777;margin-bottom:24px}.invitation-breadcrumb a{color:#777;text-decoration:none}.invitation-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:20px}.invitation-title h1{font-size:28px;line-height:1.4;margin:0;font-weight:650}.gold-button{border:1px solid #efc369;border-radius:8px;background:linear-gradient(110deg,#fff5dd,#eac984);color:#9f6810;padding:10px 14px;font-size:14px;cursor:pointer}.invitation-summary{display:grid;grid-template-columns:1.02fr 2fr 1fr;gap:18px;margin-bottom:20px}.invitation-summary article{border:1px solid #e2e2e5;border-radius:16px;min-width:0;background:#fff}.invitation-summary h2{font-size:18px;font-weight:500;margin:0}.inviter-count{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #e2e2e5}.inviter-count>strong{font-size:30px;font-weight:600}.inviter-code{padding:22px 24px}.inviter-code>span{font-size:12px;color:#858585}.inviter-code>div{display:flex;align-items:center;justify-content:space-between;margin-top:6px;font-size:18px;letter-spacing:.5px}.inviter-code button{background:none;border:0;padding:4px 8px;cursor:pointer;font-size:20px}.share-card{padding:24px}.share-card h2{display:inline-block;text-decoration:underline dotted #bbb;text-underline-offset:6px}.fee-metrics{display:flex;justify-content:space-between;gap:18px;margin-top:26px}.fee-metrics>div{display:flex;flex-direction:column;min-width:0;flex:1}.fee-metrics span{color:#858585;font-size:14px}.fee-metrics strong{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.6;white-space:nowrap}.fee-metrics small{color:#777;font-size:12px}.invitation-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px}.invitation-tabs{display:flex;gap:5px;overflow-x:auto}.invitation-tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:12px 10px;font-size:14px;color:#777;cursor:pointer}.invitation-tabs button[aria-selected=true]{color:#111;border-color:#d49a27}.auto-settlement{position:relative;white-space:nowrap;color:#777;font-size:14px;text-decoration:underline dotted #bbb;text-underline-offset:5px;cursor:help}.auto-settlement [role=tooltip]{display:none;position:absolute;right:0;bottom:28px;background:#666;color:white;border-radius:6px;padding:7px 12px;font-size:12px;white-space:nowrap}.auto-settlement:hover [role=tooltip],.auto-settlement:focus [role=tooltip]{display:block}#invitation-panel{border:1px solid #e2e2e5;border-radius:15px;overflow:hidden;min-height:272px}.detail-filters{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #f1f1f3;color:#858585;font-size:12px;flex-wrap:wrap}.detail-filters label{display:flex;gap:8px;align-items:center}.detail-filters input,.detail-filters button{border:1px solid #e2e2e5;background:white;border-radius:6px;padding:6px 8px;color:#666;font:inherit}.detail-filters button{cursor:pointer}#recordCount{margin-left:auto}#dateError{padding:8px 20px;color:#d84949}.invitation-table-wrap{overflow-x:auto}.invitation-table{width:100%;border-collapse:collapse;white-space:nowrap;table-layout:auto}.invitation-table th{font-size:12px;font-weight:400;color:#858585;text-align:left;padding:14px 20px}.invitation-table td{font-size:13px;padding:18px 20px;border-top:1px solid #f4f4f4}.payout-status{font-size:12px;display:inline-block;border-radius:6px;padding:4px 9px}.payout-status.paid{color:#159a73;background:#edfaf4}.payout-status.waiting{color:#a87812;background:#fff7df}.receipt-button{border:0;background:none;color:#b58120;cursor:pointer;padding:0;font:inherit}.invitation-empty{text-align:center;padding:24px 20px 28px}.invitation-empty[hidden]{display:none}.empty-art{font-size:72px;color:#d7b772;position:relative;display:inline-block;line-height:1.4;text-shadow:3px 5px 0 #f8f1df}.empty-art span{position:absolute;font-size:64px;right:-23px;bottom:-4px;color:#ba9348}.invitation-empty h3{font-size:18px;margin:15px 0 4px}.invitation-empty p{font-size:12px;color:#888;margin:0}.copy-toast{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:8px;background:#242424;color:white;opacity:0;pointer-events:none;z-index:2000;font-size:14px}.copy-toast.visible{opacity:1}.auto-dashboard button:focus-visible,.auto-dashboard a:focus-visible{outline:2px solid #c98e20;outline-offset:3px}.auto-dashboard .reference-demo{position:static;margin:24px auto;max-width:1504px;padding:0 28px;font-size:12px;color:#999;background:none;border:0}
@media(max-width:1050px){.invitation-summary{grid-template-columns:1fr 2fr}.invitation-summary>article:last-child{grid-column:1/-1}.invitation-summary>article:last-child .fee-metrics{margin-top:14px}.fee-metrics strong{font-size:26px}.invitation-page{padding:24px 20px 48px}}@media(max-width:650px){.invitation-summary{grid-template-columns:1fr}.invitation-summary>article:last-child{grid-column:auto}.invitation-tabs-row{align-items:flex-start;flex-direction:column}.auto-settlement{align-self:flex-end}.invitation-title h1{font-size:24px}.share-card,.inviter-code,.inviter-count{padding:20px}.fee-metrics{gap:10px}.fee-metrics strong{font-size:24px}.fee-metrics span{font-size:12px}.invitation-page{padding:22px 16px 40px}.invitation-table{min-width:680px}}
/* Explicit copy actions and editable invitee notes. */
.auto-dashboard [data-copy]{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;font-size:14px;font-weight:600;letter-spacing:0;white-space:nowrap}.auto-dashboard .inviter-code [data-copy]{padding:7px 12px;background:#fff4db;border:1px solid #e5b64e;border-radius:7px;color:#915b00}.auto-dashboard [data-copy]:hover{background:#f6dfaa;border-color:#cc921c}.copy-icon{width:17px;height:17px;flex-shrink:0}.invitee-remark{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:180px;max-width:300px}.remark-text{white-space:normal;overflow-wrap:anywhere;line-height:1.5;color:#686868}.remark-edit{flex-shrink:0;border:1px solid #ecd5a5;border-radius:6px;background:#fffbf2;padding:5px 9px;color:#966000;cursor:pointer;font-size:12px}.remark-edit:hover{background:#fff0ce}.remark-dialog{width:min(440px,calc(100vw - 32px));padding:24px;border:1px solid #e2e2e5;border-radius:14px;color:#17181a;box-sizing:border-box;box-shadow:0 20px 70px #0002}.remark-dialog::backdrop{background:#0005}.remark-dialog-heading{display:flex;align-items:center;justify-content:space-between}.remark-dialog h2{margin:0;font-size:20px}.remark-dialog-heading button{border:0;background:none;font-size:24px;color:#777;cursor:pointer}.remark-target{font-size:13px;color:#777;margin:14px 0 22px}.remark-dialog label{display:block;font-size:14px;margin-bottom:8px}.remark-dialog textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:100px;border:1px solid #dcdde2;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.5;color:#222}.remark-dialog textarea:focus{outline:2px solid #e5bb62;outline-offset:1px}.remark-input-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:8px;font-size:12px;color:#888}.remark-input-meta span:last-child{white-space:nowrap}.remark-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.remark-actions>button{padding:9px 17px;border:1px solid #e1e1e5;border-radius:7px;cursor:pointer;background:#fff;font-size:14px}.remark-actions>.gold-button{background:#f4d48c;border-color:#e5b64e;color:#80510c}#remarkError{color:#cf3d3d;font-size:13px}
/* Referral commission tabs: match the reference's quiet table and spacious empty state. */
.detail-filters[hidden]{display:none}.invitation-tabs-row{margin:22px 0 16px}.invitation-tabs button{padding:10px 10px 9px}.invitation-tabs button[aria-selected=true]{font-weight:500;border-bottom-color:#dfa11d}
#invitation-panel.commission-panel{min-height:274px;border-radius:15px}.commission-panel .invitation-table{table-layout:fixed}.commission-panel .invitation-table th{padding:12px 20px 14px;line-height:20px;font-size:12px;color:#888;vertical-align:top}.commission-panel .invitation-table td{padding:20px;vertical-align:middle;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.commission-panel[data-view=fees] .invitation-table{min-width:1120px}.commission-panel[data-view=profit] .invitation-table{min-width:1420px}.commission-panel[data-view=payouts] .invitation-table{min-width:760px}.commission-panel .payout-status{white-space:nowrap;padding:3px 6px}.commission-panel .receipt-button{white-space:nowrap}
.invitation-empty{padding:14px 20px 25px;min-height:220px;box-sizing:border-box}.invitation-empty .empty-art{display:block;width:180px;height:135px;margin:0 auto 10px;filter:drop-shadow(0 4px 5px #d6bd8320)}.invitation-empty h3{margin:8px 0 4px;font-size:18px;font-weight:600}.invitation-empty p{line-height:1.6;font-size:12px;color:#8b8b8b}
@media(max-width:650px){.commission-panel .invitation-table th,.commission-panel .invitation-table td{padding-left:14px;padding-right:14px}.invitation-tabs-row{gap:8px}.invitation-tabs{max-width:100%}}
/* Complete mock rows: long field labels wrap inside their own columns. */
.commission-panel .invitation-table th{white-space:normal;overflow-wrap:break-word}.commission-panel[data-view=profit] .invitation-table{min-width:1600px}