.ba-auto-panel{margin-bottom:18px;padding:18px;border:1px solid rgba(208,179,193,.9);border-radius:8px;background:#fffffff0;box-shadow:0 14px 34px #5c3d4e12}.ba-auto-heading,.ba-auto-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.ba-auto-heading h2{margin:0;color:#523e49;font-size:15px}.ba-auto-heading p{margin:4px 0 0;color:#9a828e;font-size:12px}.ba-toggle,.ba-check{display:flex;align-items:center;gap:9px}.ba-toggle input,.ba-check input{width:18px;height:18px;margin:0;accent-color:#ad5a83}.ba-auto-controls{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px;margin-top:16px}.ba-field{display:grid;align-content:start;gap:6px;min-width:0}.ba-field>span{font-size:12px;color:#76616c}.ba-field>input,.ba-field>select{width:100%;min-width:0}.ba-provider-row{display:flex;align-items:center;min-height:32px;margin-top:10px}.ba-check span{font-size:12px;color:#76616c}.ba-auto-footer{margin-top:10px}.ba-auto-footer>div{display:flex;gap:9px}.ba-notice{color:#927b86;font-size:12px}.ba-notice.error{color:#a13f4b}.ba-payment-list{display:grid;gap:8px;margin-top:12px}.ba-payment-list:empty{display:none}.ba-payment-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,1.4fr) auto auto;align-items:center;gap:8px;padding:10px;border:1px solid #eadde3;border-radius:6px;background:#fdf9fb}.ba-payment-copy{display:grid;gap:3px;min-width:0}.ba-payment-copy strong,.ba-payment-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ba-payment-copy strong{font-size:12px}.ba-payment-copy span,.ba-empty{color:#927b86;font-size:11px}.ba-payment-copy .ba-sms-details{color:#745564}.ba-submit-input{min-height:38px}.ba-open-link{color:#9d4f75;font-size:12px;font-weight:650;text-decoration:none}.ba-open-link:hover{text-decoration:underline}@media(max-width:980px){.ba-auto-controls{grid-template-columns:repeat(2,minmax(150px,1fr))}.ba-payment-row{grid-template-columns:1fr minmax(180px,1fr) auto}}@media(max-width:680px){.ba-auto-panel{margin-bottom:12px;padding:15px}.ba-auto-controls{grid-template-columns:1fr}.ba-auto-footer{align-items:stretch;flex-direction:column}.ba-auto-footer>div{display:grid;grid-template-columns:1fr 1fr}.ba-payment-row{grid-template-columns:1fr}.ba-payment-row input,.ba-payment-row button{width:100%}}
.ba-browser{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 34px;gap:8px}.ba-browser img{display:block;width:100%;max-height:420px;object-fit:contain;border:1px solid #dfcfd7;border-radius:6px;background:#fff}.ba-browser-tools{display:grid;align-content:start;gap:6px}.ba-browser-tools .icon-button{font-size:17px}@media(max-width:680px){.ba-browser{grid-template-columns:1fr}.ba-browser-tools{grid-template-columns:repeat(4,34px)}.ba-browser-tools .icon-button{width:34px}}
.ba-recovery{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #eadde3}.ba-recovery-heading,.ba-recovery-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.ba-recovery-heading h3{margin:0;color:#523e49;font-size:14px}.ba-recovery-heading p{margin:3px 0 0;color:#9a828e;font-size:12px}.ba-recovery-heading>span,.ba-recovery-actions>span{color:#927b86;font-size:12px}.ba-recovery-input{width:100%;min-height:112px;resize:vertical;line-height:1.55}.ba-recovery-actions button{min-width:138px}@media(max-width:680px){.ba-recovery-heading,.ba-recovery-actions{align-items:stretch;flex-direction:column}.ba-recovery-actions button{width:100%}}
.ba-task-copy-action{white-space:nowrap}

.task-card-mode .task-grid-header,.task-card-mode .task-virtual-scroll{display:none!important}.task-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));align-items:start;gap:14px;margin-top:14px}.task-card{--task-accent:#7d8796;display:grid;grid-template-rows:auto auto auto auto minmax(34px,auto) auto minmax(128px,auto) auto;min-width:0;overflow:hidden;border:1px solid #e5dce1;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(70,48,60,.08)}.task-card-done{--task-accent:#4c9a78}.task-card-running{--task-accent:#397ca8}.task-card-paused{--task-accent:#b17c26}.task-card-failed{--task-accent:#bd5964}.task-card-cancelled{--task-accent:#7d8796}.task-card-queued{--task-accent:#8b6e9b}.task-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 8px}.task-card-id{min-width:0;overflow:hidden;color:#a9506f;font-size:11px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.task-card-status{flex:0 0 auto;max-width:48%;overflow:hidden;padding:4px 8px;border-radius:999px;background:#f0f2f4;color:#5f6872;font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.task-card-status-done{background:#e6f5ed;color:#287352}.task-card-status-running{background:#e6f2f8;color:#226487}.task-card-status-paused{background:#fff3d9;color:#855b17}.task-card-status-failed{background:#fae9eb;color:#9d3e48}.task-card-status-queued{background:#f1eaf4;color:#71517e}.task-card-account{display:grid;gap:7px;min-width:0;padding:0 16px 13px}.task-card-email,.task-card-token{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-email{color:#342c31;font-size:13px}.task-card-token{padding:8px 10px;border:1px solid #e7dce2;border-radius:7px;background:#faf8fa;color:#8b7681;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.task-card-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px 6px}.task-card-stage{min-width:0;overflow:hidden;color:#6f6168;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.task-card-progress-value{flex:0 0 auto;color:#5b4c53;font-size:10px}.task-card-progress{height:5px;margin:0 16px;overflow:hidden;border-radius:3px;background:#ede8eb}.task-card-progress>span{display:block;height:100%;border-radius:inherit;background:var(--task-accent);transition:width .2s ease}.task-card-message{display:-webkit-box;min-width:0;min-height:34px;margin:9px 16px 11px;overflow:hidden;color:#796a71;font-size:10px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-card-message.error{color:#a4424d}.task-card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 16px 12px;border-block:1px solid #eee7ea}.task-card-metric{display:grid;align-content:center;gap:4px;min-width:0;padding:9px 7px}.task-card-metric+.task-card-metric{border-left:1px solid #eee7ea}.task-card-metric-label{color:#a18e97;font-size:9px}.task-card-metric-value{min-width:0;overflow:hidden;color:#5a4a52;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.task-card-result{display:grid;align-content:start;gap:7px;min-width:0;margin:0;padding:13px 16px;border-block:1px solid #d9ebe1;background:#f2faf6}.task-card-running .task-card-result,.task-card-queued .task-card-result,.task-card-paused .task-card-result{border-color:#dce8ee;background:#f5f9fb}.task-card-result.error{border-color:#efdadd;background:#fcf4f5}.task-card-result-label{color:#4f876e;font-size:9px;font-weight:700}.task-card-running .task-card-result-label,.task-card-queued .task-card-result-label,.task-card-paused .task-card-result-label{color:#4b758e}.task-card-result.error .task-card-result-label{color:#a54853}.task-card-result-value{display:-webkit-box;min-width:0;overflow:hidden;color:#286d54;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-card-running .task-card-result-value,.task-card-queued .task-card-result-value,.task-card-paused .task-card-result-value{color:#3f687f}.task-card-result.error .task-card-result-value{color:#923c46}.task-card-result-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3px}.task-card-result-meta .task-card-metric{padding:5px 6px}.task-card-result-meta .task-card-metric:first-child{padding-left:0}.task-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px;padding:10px 16px}.task-card-primary-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.task-card-open,.task-card-command{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:32px;padding:0 10px;border:1px solid #dfd5da;border-radius:7px;background:#fff;color:#725d68;font-size:10px;font-weight:650;line-height:1;text-decoration:none;white-space:nowrap}.task-card-open{border-color:#ad5a83;background:#ad5a83;color:#fff}.task-card-open:hover{background:#98496f;text-decoration:none}.task-card-command:hover{border-color:#c5abb8;background:#faf6f8}.task-card-command:disabled{cursor:not-allowed;opacity:.55}.task-card-remove{flex:0 0 auto;padding:4px 0;border:0;background:transparent;color:#907d86;font-size:10px}.task-card-remove:hover{color:#a13f4b}.task-card-empty{grid-column:1/-1;padding:38px 18px;border:1px dashed #dfd3d9;border-radius:8px;color:#927b86;font-size:12px;text-align:center}@media(max-width:680px){.task-card-grid{grid-template-columns:minmax(0,1fr);gap:12px}.task-card{grid-template-rows:auto}.task-card-header{padding-top:13px}.task-card-message{-webkit-line-clamp:3}.task-card-result{min-height:0}.task-card-actions{align-items:flex-start;flex-direction:column}.task-card-primary-actions{width:100%}.task-card-open,.task-card-command{flex:1 1 auto}.task-card-remove{align-self:flex-end}}

.task-card{grid-template-rows:auto auto auto auto minmax(34px,auto) auto minmax(128px,auto) auto auto}.task-card-payment{display:grid;gap:7px;min-width:0;padding:11px 16px 12px;border-bottom:1px solid #eee5e9;background:#fff}.task-card-payment-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.task-card-payment-title{color:#4f876e;font-size:10px}.task-card-payment-global{color:#9a8790;font-size:9px}.task-card-payment-country,.task-card-payment-input{box-sizing:border-box;width:100%;min-width:0;height:34px;padding:0 10px;border:1px solid #e3d8de;border-radius:7px;background:#fff;color:#66555e;font-size:10px}.task-card-payment-country:disabled{cursor:default;opacity:1;-webkit-text-fill-color:#66555e}.task-card-payment-input::placeholder{color:#aa98a1}.task-card-payment-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.task-card-payment-submit,.task-card-payment-auto{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;min-height:33px;padding:0 8px;border:1px solid #ded3d9;border-radius:7px;background:#fff;color:#725d68;font-size:10px;font-weight:650;white-space:nowrap}.task-card-payment-auto{background:#faf7fa}.task-card-payment-submit:hover,.task-card-payment-auto:hover{border-color:#c5abb8;background:#f8f2f5}.task-card-payment-submit:disabled,.task-card-payment-auto:disabled{cursor:not-allowed;opacity:.5}.task-card-payment-note{margin:1px 0 0;color:#6d7f89;font-size:10px;line-height:1.5}.task-card-payment-note.success{color:#287352}@media(max-width:680px){.task-card{grid-template-rows:auto}.task-card-payment{padding-inline:16px}.task-card-payment-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep task-card controls inside the card at narrow grid widths and browser zoom levels. */
.task-card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr))}
.task-card-payment-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr))}
.task-card-payment-submit,.task-card-payment-auto{height:auto;padding-block:7px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
@media(max-width:680px){.task-card-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:420px){.task-card-payment-actions{grid-template-columns:minmax(0,1fr)}}

/* Prevent intrinsic grid sizing from pushing payment and footer controls outside the card. */
.task-card{grid-template-columns:minmax(0,1fr)}
.task-card>*{min-width:0}
.task-card-payment,.task-card-actions{box-sizing:border-box;width:100%;min-width:0;max-width:100%}
.task-card-payment-actions,.task-card-primary-actions{min-width:0;max-width:100%}
.task-card-remove{margin-left:auto}

.task-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}
.task-card-copy-email{min-height:26px;padding:0 8px;font-size:10px;line-height:1;white-space:nowrap}
.task-card-status{max-width:none}