.customer-account{display:flex;align-items:center;gap:7px;margin-left:auto;font-size:12px}.customer-account button{border:1px solid #dce5e0;background:#fff;border-radius:9px;padding:8px 11px;color:#285346;white-space:nowrap;font-size:12px;cursor:pointer}.customer-account .credit-cta{background:#eaf6ef;border-color:#d2e8da}.customer-dialog{width:min(430px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid #dce5e0;border-radius:18px;padding:24px;color:#24392f;box-shadow:0 20px 70px #132e242b;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}.customer-dialog::backdrop{background:#10241a70}.customer-dialog h2{margin:0 0 8px;font-size:22px}.customer-dialog p{font-size:13px;line-height:1.7;color:#738077;margin:6px 0 15px}.customer-dialog .close-customer{float:right;border:0;background:transparent;font-size:23px;color:#718078;cursor:pointer}.customer-tabs{display:flex;gap:8px;margin:18px 0}.customer-tabs button{flex:1;border:0;border-radius:9px;padding:9px;background:#f1f5f2;color:#53665b;cursor:pointer}.customer-tabs button.active{background:#dff1e7;color:#176640}.customer-dialog label{display:block;font-size:12px;font-weight:600;margin:14px 0 7px}.customer-dialog input{width:100%;padding:12px;border:1px solid #dce5e0;border-radius:10px;outline:none;font:inherit}.customer-dialog input:focus{border-color:#22986b;box-shadow:0 0 0 3px #22986b15}.customer-primary{width:100%;padding:12px;border:0;border-radius:10px;background:#13845c;color:white;font-weight:650;cursor:pointer;margin-top:16px}.customer-primary:disabled{opacity:.5}.customer-message{min-height:20px;color:#168158;font-size:12px;white-space:pre-line;margin-top:10px}.customer-message.error{color:#b23e42}.customer-balances{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.customer-balance{padding:15px;background:#f1f8f3;border-radius:12px}.customer-balance b{display:block;font-size:27px;color:#15764e;margin-bottom:5px}.customer-balance small{font-size:11px;color:#67796f}.customer-trial{padding:12px;background:#fbf8ef;border-radius:10px;font-size:12px;line-height:1.7;color:#766948}.customer-ledger{margin-top:18px;padding-top:12px;border-top:1px solid #e4ebe6}.customer-ledger .ledger-row{display:flex;justify-content:space-between;font-size:12px;padding:9px 0;color:#65776c;gap:12px}.customer-price{font-size:12px;color:#738077;text-align:center;margin:10px 0 0}.customer-link{border:0;background:none;color:#39785a;font-size:12px;cursor:pointer;padding:8px}.customer-task{display:block;padding:10px 0;font-size:12px;border-bottom:1px solid #edf1ee;color:#3c6c55;text-decoration:none}.customer-header-left .customer-account{margin-left:6px}@media(max-width:680px){.top{height:auto;min-height:62px;flex-wrap:wrap;gap:9px;padding-top:10px;padding-bottom:10px}.customer-account{font-size:11px}.customer-account button{font-size:11px;padding:7px}.top .customer-account{flex-basis:100%;justify-content:flex-end}.top-nav{position:static!important;transform:none!important;margin-left:auto}.customer-price{font-size:11px}}@media(max-width:700px){.header-left .customer-account .credit-cta{display:none}.header-left .customer-account button{display:block;font-size:10px;padding:6px}}
.customer-history-title{display:block;margin-top:18px;font-size:13px;color:#25332d}.customer-account .history-cta{color:#167a5b}
.customer-history{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:220px;overflow:auto}
.customer-history-empty{margin:0;padding:12px;border-radius:9px;background:#f7faf8;color:#87938e;font-size:12px;text-align:center}
.customer-profile{margin:4px 0 20px;padding:16px;border:1px solid #dce8e1;border-radius:13px;background:#fbfdfb}.customer-profile h3{margin:0 0 8px;font-size:17px;color:#24392f}.customer-profile-account{margin:0 0 12px!important;font-size:13px!important;line-height:1.8!important}.customer-profile-account b{color:#176640;font-weight:650}.customer-profile-hint{margin:8px 0 0!important;color:#8a6b3d!important;font-size:12px!important}.customer-profile-form{margin-top:14px;padding-top:14px;border-top:1px solid #e4ebe6}.customer-profile-form:first-of-type{margin-top:0;padding-top:0;border-top:0}.customer-profile-form h4{margin:0 0 5px;font-size:15px;color:#294337}.customer-profile-form .customer-primary{margin-top:14px}.customer-profile-form .customer-captcha-row,.customer-profile-form .customer-email-code-row{grid-template-columns:minmax(0,1fr) 132px}.customer-profile-form label{margin-top:11px}.customer-profile-form input{padding:11px}.customer-profile-form .customer-email-code-row>button{font-size:12px}
.customer-auth-form{margin-top:4px}.customer-auth-form input[readonly]{background:#f2f5f3;color:#53615b}.customer-captcha-row,.customer-email-code-row{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:8px;align-items:stretch}.customer-captcha-image{display:grid;grid-template-columns:1fr;place-items:center;min-height:50px;padding:3px 7px;border:1px solid #cad8d1;border-radius:10px;background:#f7faf8;color:#35614e;cursor:pointer;overflow:hidden}.customer-captcha-image img{display:block;width:124px;height:40px;object-fit:contain}.customer-captcha-image span{font-size:10px;line-height:1.2}.customer-email-code-row>button{border:1px solid #b9d7c8;border-radius:10px;background:#e7f4ed;color:#126b4c;padding:8px;font-size:12px;font-weight:650;cursor:pointer}.customer-email-code-row>button:disabled,.customer-captcha-image:disabled{opacity:.62;cursor:not-allowed}.customer-auth-links{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px}.customer-auth-links button{min-height:40px;border:0;background:transparent;color:#276f50;padding:9px 4px;font-size:14px;font-weight:550;line-height:1.4;cursor:pointer}.customer-auth-links button:hover{text-decoration:underline}.customer-auth-form .customer-primary{margin-top:18px}@media(max-width:430px){.customer-captcha-row,.customer-email-code-row{grid-template-columns:minmax(0,1fr) 118px}.customer-captcha-image img{width:104px}.customer-dialog{padding:20px}}
.customer-account .admin-console-cta{background:#edf3ef;border-color:#cbdad2;color:#234c3c;font-weight:650}.customer-registration-trial-hint{margin:8px 0 4px!important;padding:11px 12px;border-radius:10px;background:#fbf5e8;color:#725d2b!important;font-size:12px!important;line-height:1.7!important}.customer-dialog.profile-mode{width:min(960px,calc(100vw - 56px));max-width:960px}.customer-dialog.profile-mode .customer-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 22px;padding:22px}.customer-dialog.profile-mode .customer-profile>h3,.customer-dialog.profile-mode .customer-profile>.customer-profile-account,.customer-dialog.profile-mode .customer-profile>.customer-profile-hint{grid-column:1/-1}.customer-dialog.profile-mode .customer-profile-form{margin:0;padding:0;border:0}.customer-dialog.profile-mode .customer-balances{grid-template-columns:1fr 1fr}.customer-dialog.redeem-mode{width:min(560px,calc(100vw - 32px));max-width:560px}.customer-redeem-form{margin-top:18px}.customer-redeem-form label{font-size:15px}.customer-redeem-form input{font-size:15px}.customer-trial-action{width:100%;margin-top:10px;border:1px solid #b9d7c8;border-radius:10px;background:#e7f4ed;color:#126b4c;padding:11px;font-weight:650;cursor:pointer}@media(max-width:760px){.customer-dialog.profile-mode{width:min(560px,calc(100vw - 24px));padding:20px}.customer-dialog.profile-mode .customer-profile{display:block;padding:16px}.customer-dialog.profile-mode .customer-profile-form{margin-top:16px;padding-top:16px;border-top:1px solid #e4ebe6}.customer-account{flex-wrap:wrap;justify-content:flex-end}.customer-account .admin-console-cta{order:4}}
.customer-dialog.history-mode{width:min(1120px,calc(100vw - 42px));max-width:1120px}.customer-history-notice{margin:4px 0 22px;padding:15px 17px;border:1px solid #e6ca72;border-radius:12px;background:#fff8de;color:#624b06;font-size:14px;font-weight:650;line-height:1.7}.customer-history-section{margin:0 0 26px}.customer-history-section h3{margin:0 0 12px;font-size:18px;color:var(--theme-text,#24392f)}.customer-history-card{margin:0 0 12px;padding:17px;border:1px solid var(--theme-line,#dce5e0);border-radius:14px;background:var(--theme-surface-soft,#f8faf9);color:var(--theme-text,#24392f)}.customer-history-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.customer-history-card-head strong{font-size:16px}.customer-history-status{padding:5px 10px;border-radius:999px;background:#e4f4ec;color:#087f5b;font-size:12px;font-weight:700}.customer-history-card.failed .customer-history-status{background:#fbe9eb;color:#a93643}.customer-history-card.active .customer-history-status{background:#e8f1ff;color:#285f9e}.customer-history-prompt{margin:12px 0!important;color:var(--theme-text,#24392f)!important;font-size:14px!important;line-height:1.7!important;white-space:pre-wrap}.customer-history-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px}.customer-history-meta-item{min-width:0;font-size:12px;color:var(--theme-muted,#66736d)}.customer-history-meta-item span{display:block;margin-bottom:3px}.customer-history-meta-item b{display:block;overflow-wrap:anywhere;color:var(--theme-text,#24392f);font-weight:600}.customer-history-images{display:flex;gap:8px;margin-top:13px;overflow:auto}.customer-history-images img{width:92px;height:92px;border-radius:10px;border:1px solid var(--theme-line,#dce5e0);object-fit:cover}.customer-history-card video{display:block;width:min(100%,620px);max-height:390px;margin:14px auto 0;border-radius:12px;background:#0b0e0d}.customer-history-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.customer-history-actions a,.customer-history-action{border:1px solid #acd7c4;border-radius:9px;background:#e8f6ef;color:#076b4b;padding:9px 14px;font-size:13px;font-weight:650;text-decoration:none;cursor:pointer}.customer-history-action{margin-top:13px}.customer-history-archived,.customer-history-error{margin:13px 0 0!important;padding:10px 12px;border-radius:9px;background:var(--theme-surface-raised,#fff);font-size:13px!important}.customer-history-error{color:var(--theme-danger,#a93643)!important}.customer-history-loading{padding:35px;text-align:center;color:var(--theme-muted,#66736d)}@media(max-width:760px){.customer-dialog.history-mode{width:calc(100vw - 20px);padding:17px}.customer-history-meta{grid-template-columns:1fr 1fr}.customer-history-notice{font-size:13px}.customer-history-card{padding:14px}}@media(max-width:440px){.customer-history-meta{grid-template-columns:1fr}.customer-history-card-head{align-items:flex-start;flex-direction:column}}

/* Customer profile modal: explicit theme tokens keep every nested control
   readable when the site switches to dark mode.  These selectors live in the
   shared customer stylesheet so the same profile works in studio and canvas. */
html[data-theme="dark"] .customer-dialog{background:#202923;color:#edf5f0;border-color:#3d4d43;box-shadow:0 24px 80px rgba(0,0,0,.5)}
html[data-theme="dark"] .customer-dialog::backdrop{background:rgba(3,10,7,.76)}
html[data-theme="dark"] .customer-dialog h2,
html[data-theme="dark"] .customer-dialog h3,
html[data-theme="dark"] .customer-dialog h4{color:#f3f8f5}
html[data-theme="dark"] .customer-dialog p{color:#bdcbc2}
html[data-theme="dark"] .customer-dialog label{color:#d9e6de}
html[data-theme="dark"] .customer-dialog input{background:#29352e;color:#f1f7f3;border-color:#4b5f52}
html[data-theme="dark"] .customer-dialog input::placeholder{color:#a9bbb0;opacity:1}
html[data-theme="dark"] .customer-dialog input:focus{border-color:#6fe1b0;box-shadow:0 0 0 3px rgba(111,225,176,.18)}
html[data-theme="dark"] .customer-dialog .close-customer{color:#c9d8cf}
html[data-theme="dark"] .customer-tabs button{background:#29352e;color:#c2d0c7;border:1px solid #435449}
html[data-theme="dark"] .customer-tabs button.active{background:#28523f;color:#ecfff5;border-color:#67d9a6}
html[data-theme="dark"] .customer-profile{background:#252f29;border-color:#435449;color:#edf5f0}
html[data-theme="dark"] .customer-profile h3{color:#f3f8f5}
html[data-theme="dark"] .customer-profile-account{color:#c5d2c9!important}
html[data-theme="dark"] .customer-profile-account b{color:#7ce5b4}
html[data-theme="dark"] .customer-profile-hint{color:#e1c982!important}
html[data-theme="dark"] .customer-profile-form{border-color:#435449}
html[data-theme="dark"] .customer-profile-form h4{color:#eef7f1}
html[data-theme="dark"] .customer-profile-form .customer-email-code-row>button,
html[data-theme="dark"] .customer-trial-action{background:#28523f;border-color:#5a9a7b;color:#edfff5}
html[data-theme="dark"] .customer-primary{background:#22a873;color:#071b11}
html[data-theme="dark"] .customer-primary:hover{background:#42c88f}
html[data-theme="dark"] .customer-message{color:#7ce5b4}
html[data-theme="dark"] .customer-message.error{color:#ff9fa8}
html[data-theme="dark"] .customer-balances .customer-balance{background:#29372f;border:1px solid #435449}
html[data-theme="dark"] .customer-balance b{color:#83e7b8}
html[data-theme="dark"] .customer-balance small{color:#c4d3ca}
html[data-theme="dark"] .customer-trial{background:#3a3323;border:1px solid #6c5b32;color:#f0d98f}
html[data-theme="dark"] .customer-ledger{border-color:#435449}
html[data-theme="dark"] .customer-ledger>strong{color:#f0f7f2;font-size:15px}
html[data-theme="dark"] .customer-ledger .ledger-row{color:#cbd9d0;border-color:#3d4d43;font-size:14px}
html[data-theme="dark"] .customer-ledger .ledger-row span:last-child{color:#83e7b8;font-weight:650}
html[data-theme="dark"] .customer-ledger>p{color:#bdcbc2}
html[data-theme="dark"] .customer-link{display:block;width:100%;margin-top:18px;border:1px solid #6b8577;border-radius:10px;background:#293a31;color:#e7f3eb;font-size:14px;font-weight:650;padding:11px 14px;text-align:center}
html[data-theme="dark"] .customer-link:hover{background:#355344;border-color:#83e7b8;color:#fff}

/* Logout is a primary account action, so keep it as a clear button in light
   mode as well (the dark-mode rule above adjusts its palette). */
.customer-link{display:block;width:100%;margin-top:18px;border:1px solid #b7d9c7;border-radius:10px;background:#edf7f1;color:#196746;font-size:14px;font-weight:650;padding:11px 14px;text-align:center;cursor:pointer}
.customer-link:hover{background:#e0f2e8;border-color:#5ea987;color:#0f583a}
html[data-theme="dark"] .customer-link{border-color:#6b8577;background:#293a31;color:#e7f3eb}
html[data-theme="dark"] .customer-link:hover{background:#355344;border-color:#83e7b8;color:#fff}