/* Functional account components, shared across the visual theme. */
.account-app .task-timing{display:grid;gap:3px;min-width:0;margin-top:5px;line-height:1.7;font-variant-numeric:tabular-nums}.account-app .task-timing-value{font-size:12px;font-weight:550;color:#d1dfc5;overflow-wrap:anywhere}.account-app .task-timing-note{font-size:10px;color:#8d9d80;line-height:1.7}.account-app .task-timing[data-timing-state="generated"] .task-timing-value{color:#c6dfa6}.account-app .task-timing[data-timing-state="unknown"] .task-timing-value{color:#9ba591;font-size:11px;font-weight:400}.account-app .task-timing-panel{margin:16px 0;padding:12px 15px;border:1px solid #ffffff16;border-radius:10px;background:#ffffff03}.account-app .task-timing-panel .task-timing{margin:0}.account-app .task-timing-panel .task-timing-value{font-size:16px}.account-app .task-timing-panel .task-timing-note{font-size:11px}
.account-app .recharge-modal{width:480px}.account-app #redeem-form{display:grid;gap:12px;margin-top:24px}.account-app #redeem-form>label{font-size:12px}.account-app #redeem-code{width:100%;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.8px;padding:13px}.account-app #redeem-hint{font-size:11px;line-height:1.7;color:#b7b0a4}.account-app .redeem-result{padding:13px 15px;background:#668d7520;border:1px solid #88b89a40;border-radius:10px;font-size:12px;line-height:1.85;color:#c0dbc9;margin:0}.account-app #redeem-form .form-error{margin:0}.account-app .redeem-login{font-size:12px;line-height:1.8;color:#d2cdc5}.account-app .redeem-login button{display:block;margin-top:8px}.account-app .manual-recharge{border-top:1px solid #ffffff16;margin-top:25px;padding-top:19px}.account-app .manual-recharge summary{font-size:12px;color:#d6d2cb;cursor:pointer;padding:5px 0}.account-app .manual-recharge p{font-size:12px;color:#beb8ad;line-height:1.9;margin:14px 0}.account-app .manual-recharge .btn{margin-top:8px}.account-app .recharge-note{line-height:1.9}
.account-app .recharge-purchase{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #ffffff14;background:#ffffff04;border-radius:10px;padding:14px 16px;margin:20px 0 4px}.account-app .recharge-purchase strong{display:block;font-size:12px;color:#e2dfd9;font-weight:550}.account-app .recharge-purchase span{display:block;font-size:11px;color:#b2ab9e;line-height:1.7;margin-top:4px}.account-app .recharge-purchase .btn{flex:none;font-size:11px;min-height:33px}
/* Customer plugin download */
.account-app .plugin-download-card{display:flex;align-items:center;gap:20px;padding:27px 29px;margin-bottom:18px;border:1px solid #c3d8aa25;border-radius:18px;background:linear-gradient(115deg,#2b342780,#1b211ae8);box-shadow:inset 0 1px 0 #ffffff0b}
.account-app .plugin-package-icon{display:grid;place-items:center;width:48px;height:54px;flex:none;border:1px solid #ffffff26;border-radius:12px;background:#ffffff07;color:#d4e2c7}.account-app .plugin-package-icon svg{width:24px;height:24px}
.account-app .plugin-download-copy{flex:1;min-width:0}.account-app .plugin-download-eyebrow{font-size:10px;letter-spacing:1px;color:#99ab88;margin-bottom:5px}.account-app .plugin-download-copy h2{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:20px;font-weight:550;color:#e7f0dc;line-height:1.5}.account-app .plugin-download-copy p{font-size:12px;color:#a3b397;margin:7px 0;line-height:1.85}.account-app .plugin-package-meta{display:block;font-size:10px;letter-spacing:.3px;color:#8d9d80}
.account-app .plugin-download-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex:none}.account-app .plugin-download-actions .btn{min-height:43px;text-decoration:none}.account-app .plugin-download-actions>span{font-size:10px;color:#96a48b}.account-app .plugin-guide-modal{width:520px}.account-app .plugin-guide-download{margin-top:22px;text-decoration:none}.account-app .plugin-guide-modal .recharge-steps span{overflow-wrap:anywhere}
@media(max-width:760px){.account-app .plugin-download-card{flex-wrap:wrap;gap:15px;padding:23px}.account-app .plugin-download-copy{flex-basis:calc(100% - 65px)}.account-app .plugin-download-actions{width:100%;align-items:flex-start;padding-top:16px;border-top:1px solid #ffffff14}.account-app .plugin-download-actions .btn{width:100%}.account-app .plugin-download-actions>span{align-self:center}.account-app .plugin-download-copy h2{font-size:18px}}
@media(max-width:480px){.account-app .plugin-download-card{padding:22px 20px;gap:13px}.account-app .plugin-package-icon{width:40px;height:46px;border-radius:10px}.account-app .plugin-download-copy{flex-basis:calc(100% - 53px)}.account-app .plugin-download-copy p{font-size:11px}.account-app .plugin-download-copy h2{font-size:18px;gap:8px}.account-app .plugin-guide-download{white-space:normal;min-height:44px;padding:9px 12px}}
.account-app .task-identifiers{display:grid;gap:7px;margin-top:13px;padding-top:11px;border-top:1px solid #ffffff0b}.account-app .task-id-line{display:grid;grid-template-columns:79px minmax(0,1fr) auto;align-items:start;gap:8px;line-height:1.7}.account-app .task-id-label{font-size:10px;color:#8a9b7d;white-space:nowrap}.account-app .task-id-line code{font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#b9c9aa;overflow-wrap:anywhere;user-select:all;min-width:0}.account-app .task-id-copy{font-size:10px;padding:0;color:#bbd29f}.account-app .task-query-button{display:inline-flex;align-items:center;gap:6px;color:#c0d5a7}.account-app .task-query-button svg{width:13px;height:13px;flex:none}.account-app .task-query-button:disabled{opacity:.55;cursor:wait;text-decoration:none}.account-app .task-query-button[aria-busy="true"] svg{animation:task-query-spin 1.2s linear infinite}.account-app .task-query-feedback{font-size:11px;line-height:1.8;color:#a0b18f;margin-top:11px;overflow-wrap:anywhere}.account-app .task-query-feedback p{margin:0}.account-app .task-query-time{display:block;font-size:10px;color:#849a76}.account-app .task-query-message{color:#a7ba96;margin-top:4px!important}.account-app .task-query-feedback.is-error{color:#dfa99b}.account-app .task-sync-pending{color:#d5bb89;margin-top:5px!important}.account-app .task-download-ready{color:#a6cdb7;margin-top:5px!important}.account-app .task-detail-query{border:1px solid #ffffff12;border-radius:10px;padding:13px 15px;background:#ffffff03}.account-app .task-detail-query .task-query-feedback{margin:0;font-size:12px}.account-app .task-detail-query .task-query-time{font-size:11px}.account-app .task-detail-actions{flex-wrap:wrap}.account-app .task-row-actions{min-width:0}.account-app .task-query-button:focus-visible,.account-app .task-id-copy:focus-visible{outline:2px solid #cac4bb;outline-offset:4px;border-radius:3px}
@keyframes task-query-spin{to{transform:rotate(360deg)}}
.account-app .task-bulk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 28px;border-top:1px solid #ffffff0b;background:#ffffff02}.account-app .task-select-page,.account-app .task-selection-label{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b9cba8;cursor:pointer}.account-app .task-bulk-toolbar input,.account-app .task-selection-label input{width:16px;height:16px;accent-color:#d5ed9a;cursor:pointer;flex:none}.account-app .task-selection-label{margin-bottom:10px;color:#a5c089}.account-app .task-selection-count{font-size:10px;color:#879f73}.account-app .task-bulk-actions{display:flex;gap:9px;flex-wrap:wrap;margin-left:auto}.account-app .task-bulk-actions .btn{font-size:11px}.account-app .task-download-progress{padding:13px 28px;color:#aacdb9;font-size:12px;line-height:1.7;border-top:1px solid #ffffff0b;background:#8cbca108}.account-app .task-download-progress.is-error{color:#e2a8aa;background:#c78b8b08}.account-app .task-bulk-toolbar .text-button{font-size:11px}.account-app .task-selection-label:has(input:checked){color:#d5ed9a}.account-app .task-selection-label input:focus-visible,.account-app .task-select-page input:focus-visible{outline:2px solid #d5ed9a;outline-offset:4px}@media(max-width:760px){.account-app .task-bulk-toolbar{padding:16px 22px;gap:12px}.account-app .task-bulk-actions{flex-basis:100%;margin:0}.account-app .task-bulk-actions .btn{flex:1;min-height:36px}.account-app .task-download-progress{padding:13px 22px}}@media(max-width:480px){.account-app .task-bulk-toolbar{padding:16px 18px}.account-app .task-download-progress{padding:13px 18px}.account-app .task-bulk-actions .btn{font-size:10px;padding:0 10px}}
@media(min-width:1171px){.account-app .task-column-head,.account-app .task-row{grid-template-columns:minmax(260px,2.2fr) minmax(98px,.75fr) minmax(95px,.7fr) minmax(105px,.8fr) minmax(88px,.65fr)}}
@media(min-width:661px) and (max-width:1170px){.account-app .task-row-actions{flex-wrap:wrap;gap:8px 12px}}
@media(max-width:760px){.account-app .task-id-line{grid-template-columns:78px minmax(0,1fr) auto}.account-app .task-row-actions{flex-wrap:wrap;gap:8px 12px}.account-app .task-row-date{align-self:start}.account-app .task-detail-actions{justify-content:flex-start}.account-app .task-detail-actions .btn{flex:1 1 auto}.account-app .task-identifiers{gap:9px}.account-app .task-detail-query{padding:12px}}
@media(max-width:380px){.account-app .task-id-line{grid-template-columns:minmax(0,1fr) auto}.account-app .task-id-label{grid-column:1/-1}.account-app .task-id-line code{font-size:11px}.account-app .task-id-copy{align-self:center}}
@media(prefers-reduced-motion:reduce){.account-app .task-query-button[aria-busy="true"] svg{animation:none}}
/* Announcements published from the management console. */
.account-app .announcement-banner{display:flex;align-items:center;gap:17px;margin:0 0 24px;padding:19px 23px;border:1px solid #c4a6682b;border-radius:13px;background:linear-gradient(110deg,#302b2166,#121214b3)}
.account-app .announcement-mark{display:grid;place-items:center;flex:none;width:36px;height:39px;border:1px solid #ddc48d27;border-radius:10px;background:#cbb0710a;color:#d7c49e}.account-app .announcement-mark svg{width:19px;height:19px}
.account-app .announcement-banner-copy{flex:1;min-width:0}.account-app .announcement-meta{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;color:#a9a192;line-height:1.6}.account-app .announcement-meta>span{color:#c8b88f;letter-spacing:1px}.account-app .announcement-banner h2{color:#ebe9e5;font-size:13px;font-weight:550;line-height:1.65;margin:4px 0;overflow-wrap:anywhere}.account-app .announcement-banner p{color:#bab3a7;font-size:11px;margin:0;line-height:1.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-app .announcement-banner>.btn{flex:none;font-size:11px;gap:9px}.account-app .announcement-banner>.btn svg{width:13px;height:13px}.account-app .announcement-update-status{display:block;color:#d0b386;font-size:10px;line-height:1.7;margin-top:5px}
.account-app .announcement-modal{width:700px;max-height:85dvh;overflow-y:auto;overscroll-behavior:contain}.account-app .announcement-modal .announcement-dialog-intro{font-size:12px;color:#98aa87;line-height:1.8;margin:10px 0 19px}.account-app .announcement-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#97aa87;font-size:11px;padding-bottom:14px;border-bottom:1px solid #ffffff12}.account-app .announcement-dialog-toolbar .text-button{font-size:11px;flex:none}.account-app .announcement-message{color:#a4b594;font-size:12px;line-height:1.85;padding:17px 0;margin:0}.account-app .announcement-message.is-error{color:#dfbd88}.account-app .announcement-list{display:grid;gap:0}.account-app .announcement-item{border-bottom:1px solid #ffffff12;min-width:0}.account-app .announcement-item-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 0;list-style:none;cursor:pointer}.account-app .announcement-item-heading::-webkit-details-marker{display:none}.account-app .announcement-item-heading::marker{content:""}.account-app .announcement-item-heading-copy{display:grid;gap:7px;min-width:0}.account-app .announcement-item-title{font-size:15px;font-weight:550;line-height:1.75;color:#dce8d2;overflow-wrap:anywhere}.account-app .announcement-item-time{font-size:10px;color:#8ea17f;line-height:1.8}.account-app .announcement-item-heading>svg{width:15px;height:15px;flex:none;color:#9eb989;transition:transform .18s}.account-app .announcement-item[open]>.announcement-item-heading>svg{transform:rotate(45deg)}.account-app .announcement-item-heading:hover .announcement-item-title{color:#fff}.account-app .announcement-item-heading:focus-visible{outline:2px solid #d5ed9a;outline-offset:3px;border-radius:5px}.account-app .announcement-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.95;color:#b6c7a5;padding:0 0 23px;margin:0}.account-app .announcement-modal .pager{border:0;padding:20px 0 0;gap:12px}.account-app .announcement-modal .pager>div{flex:none}.account-app #announcement-footer-open{font-size:10px;color:#b4ada0}
@media(max-width:760px){.account-app .announcement-banner{gap:13px;padding:17px 19px;margin-bottom:21px}.account-app .announcement-mark{display:none}.account-app .announcement-banner h2{font-size:12px}.account-app .announcement-banner p{font-size:11px}.account-app .announcement-modal{max-height:88dvh}.account-app .announcement-item-title{font-size:14px}.account-app .announcement-content{font-size:12px}}
@media(max-width:480px){.account-app .announcement-banner{flex-wrap:wrap;gap:13px;padding:17px 18px}.account-app .announcement-banner-copy{flex-basis:100%}.account-app .announcement-banner>.btn{margin-left:auto;min-height:31px;padding:0 12px}.account-app .announcement-banner p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.account-app .announcement-meta{font-size:9px;gap:9px}.account-app .announcement-modal .pager{flex-wrap:wrap}.account-app .announcement-modal .pager>div{margin-left:auto}.account-app .announcement-item-heading{padding:19px 0;gap:12px}.account-app .announcement-item-time{font-size:10px}}