[hidden]{display:none!important}body{background:#f7f7f9}header{border-bottom:1px solid #e5e5e9}button,input{font:inherit}button{cursor:pointer;border-radius:4px;font-size:14px;font-weight:700;min-height:44px}button:focus-visible,input:focus-visible{outline:3px solid #087d81;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.6}.account-main{max-width:1100px;min-height:70vh;margin:0 auto;padding:64px 24px}.auth-panel{max-width:480px;margin:0 auto}h1{font-size:32px;line-height:1.3;margin-bottom:28px}h2{font-size:24px;margin-bottom:24px}h3{font-size:24px}.auth-tabs{display:flex;border-bottom:1px solid #d6d6de;margin-bottom:24px}.auth-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px}.auth-tabs button[aria-selected=true]{border-color:#d81b67;color:#c4165b}label{display:block;font-size:14px;font-weight:700;margin:20px 0 8px}input{width:100%;background:#fff;border:1px solid #bbbbc5;border-radius:4px;min-height:48px;padding:12px;font-size:16px}form .primary{width:100%;margin-top:26px}.primary{background:#d81b67;color:white;border:1px solid #d81b67;padding:12px 24px}.primary:hover:not(:disabled){background:#b91556}.secondary{background:white;border:1px solid #bcbcc7;padding:10px 18px;color:#292932}small{display:block;font-size:13px;color:#64646c;margin-top:7px}.privacy{font-size:13px;color:#64646c;overflow-wrap:anywhere}.privacy a,.help-link{color:#a70b46;text-decoration:underline}.help-link{font-size:14px}#auth-message,#customer-message{font-size:15px;color:#a31c3c;min-height:24px}.customer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.customer-heading h1{overflow-wrap:anywhere}#customer-name{font:inherit;color:inherit;margin:0;vertical-align:baseline}.credit-status{background:#fff4dd;border-left:4px solid #b87708;padding:22px;font-size:16px;line-height:1.6;margin-bottom:40px}.credit-status.active{background:#e4f4ed;border-color:#22815b}.subscription,.credits-section,.history{margin:0 0 44px}.plan{border-top:1px solid #d5d5dd;border-bottom:1px solid #d5d5dd;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0}.plan-label{font-size:12px;font-weight:800;color:#a70b46}.plan h3{margin:12px 0}.plan p{font-size:14px;color:#64646c;margin:8px 0}.plan>div:last-child{max-width:290px}#plan-price{font-size:28px}#credits article{padding:18px 0;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;gap:20px}#credits p{margin:5px 0;color:#64646c;font-size:14px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th,td{padding:15px 12px;border-bottom:1px solid #ddd;white-space:nowrap}th{background:#eeeef2}caption{text-align:left;padding-bottom:12px;color:#64646c;font-size:13px}footer{background:#fff}footer a{overflow-wrap:anywhere;font-size:14px}@media(max-width:600px){.account-main{padding:36px 20px}h1{font-size:28px}.customer-heading{align-items:flex-start}.plan{flex-direction:column;align-items:stretch}.plan>div:last-child{max-width:none}.plan button{width:100%}.customer-heading .secondary{padding:8px}#credits article{flex-wrap:wrap}}
[hidden]{display:none!important}#plans{border:0;padding:0;margin:0}#plans legend{font-size:14px;margin-bottom:14px}#plans label{display:grid;grid-template-columns:24px 1fr auto;gap:16px;align-items:center;border-top:1px solid #d5d5dd;padding:20px 0;margin:0;font-size:16px}#plans input{width:20px;min-height:20px;height:20px;margin:0;accent-color:#d81b67}#plans label:last-child{border-bottom:1px solid #d5d5dd}#plans small{font-weight:400}#pix{margin-top:28px;border-top:1px solid #ddd;padding-top:24px}#pix img{display:block;max-width:100%;object-fit:contain}#pix textarea{width:100%;font:inherit;resize:vertical;margin-bottom:14px}#pix button{margin:0 8px 10px 0}
[hidden]{display:none!important}.customer-events{margin-bottom:44px}.customer-events td:first-child{white-space:normal;overflow-wrap:anywhere;min-width:150px}.customer-events th:last-child,.customer-events td:last-child{text-align:right}.customer-events td:nth-child(2){font-variant-numeric:tabular-nums}.customer-events .expiry-note{display:block;color:#a31c3c;font-size:12px}.customer-events button{white-space:nowrap}.customer-events table{table-layout:auto}
[hidden]{display:none!important}
.credit-open{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;background:transparent;color:inherit;border:0;padding:14px 12px;min-height:76px;white-space:normal}
.credit-open:hover:not(:disabled){background:#e4f4ed}
.credit-open>div{min-width:0;overflow-wrap:anywhere}
.credit-action{color:#a70b46;font-size:14px;flex-shrink:0}
@media(max-width:600px){.credit-open{align-items:flex-start;flex-direction:column;gap:10px}.credit-action{flex-shrink:1}}

.list-pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:6px;width:auto;font-size:12px}
#customer .list-pagination button{width:30px;min-height:28px;padding:2px;font-size:18px}
.event-actions button{margin:2px 0 2px 4px}
#customer .customer-events table{table-layout:auto}
#customer .customer-events .event-actions{min-width:146px}
#customer .customer-events .event-actions button{width:auto;white-space:nowrap;font-size:12px;padding:2px 9px;vertical-align:middle;line-height:18px}
#customer .customer-events td{padding-top:1px;padding-bottom:1px;line-height:20px}
#customer .customer-events .event-actions button{margin-top:0;margin-bottom:0;min-height:24px}
.events-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
#customer .events-heading h2{margin:0}
.create-event{background:#18754e;color:#fff;border:1px solid #18754e;padding:6px 12px;min-height:34px;white-space:nowrap}
.create-event:hover{background:#105b3b}
.history-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}
.history-columns>section{min-width:0}
#customer .credit-history h3{font-size:13px;font-weight:500;color:#64646c;margin:0 0 6px}
#customer #credits article{font-size:13px;padding:5px 0}
#customer .history th,#customer .history td{white-space:normal;overflow-wrap:anywhere}
/* Fit sign-in and registration on laptop screens without clipping fields. */
body:has(#auth:not([hidden])){min-height:100svh;display:flex;flex-direction:column}
body:has(#auth:not([hidden])) header{height:52px;min-height:52px;padding-top:6px;padding-bottom:6px}
.account-main:has(#auth:not([hidden])){width:100%;min-height:0;flex:1;padding:12px 20px}
#auth .eyebrow{margin-bottom:4px}
#auth h1{font-size:28px;margin-bottom:12px}
#auth .auth-tabs{margin-bottom:8px}
#auth .auth-tabs button{padding:8px;min-height:40px}
#auth label{margin:8px 0 4px;line-height:1.3}
#auth input{min-height:40px;padding:8px 10px}
#auth form .primary{margin-top:12px;min-height:40px;padding:8px 20px}
#auth small{margin-top:4px;line-height:1.3}
#auth .privacy{margin:8px 0;line-height:1.4;font-size:12px}
#auth-message{margin:6px 0;min-height:0;line-height:1.3}
#auth-message:empty{display:none}
body:has(#auth:not([hidden])) footer{padding:8px max(5%,20px);gap:8px 24px}
body:has(#auth:not([hidden])) footer p{margin:0}
@media(max-width:560px){
  body:has(#auth:not([hidden])) header{flex-wrap:nowrap;gap:12px}
  body:has(#auth:not([hidden])) header nav{width:auto}
  #auth input,#auth button{min-height:44px}
}

/* Keep the customer workspace compact without shrinking readable text. */
body:has(#customer:not([hidden])) header{height:64px;min-height:64px;padding-top:8px;padding-bottom:8px}
.account-main:has(#customer:not([hidden])){max-width:1240px;min-height:0;padding:20px 24px}
#customer .eyebrow{margin-bottom:4px}
#customer h1{font-size:26px;margin:0;line-height:1.3}
#customer h2{font-size:18px;margin:0 0 8px;line-height:1.3}
#customer p{line-height:1.4}
#customer-message:empty,#events-message:empty{display:none}
#customer-message{min-height:0;margin:8px 0}
#customer .customer-heading{margin-bottom:10px}
#customer .credit-status{padding:8px 14px;margin:0 0 12px;font-size:14px;line-height:1.4}
#customer .customer-events,#customer .subscription,#customer .credits-section,#customer .history{margin:0 0 12px;min-width:0}
#customer th,#customer td{padding:5px 10px;font-size:13px}
#customer caption{padding-bottom:6px;font-size:12px}
#customer .secondary{padding:4px 12px;min-height:32px}
#customer #plans legend{margin-bottom:6px;font-size:13px}
#customer #plans label{padding:7px 0;gap:10px;font-size:14px;min-height:48px}
#customer #plans small{margin-top:2px;font-size:12px}
#customer .subscription>p{font-size:13px;margin:8px 0}
#customer #credits article{padding:1px 0;gap:10px;line-height:1.2}
#customer .credit-open{padding:5px 8px;min-height:50px;gap:12px}
#customer #credits p{font-size:12px;margin:2px 0;line-height:1.25}
#customer .credit-action{font-size:12px}
body:has(#customer:not([hidden])) footer{padding:12px max(5%,24px);gap:16px}
body:has(#customer:not([hidden])) footer p{margin:0}
@media(min-width:960px){
  #customer{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);column-gap:24px;align-items:start}
  #customer>.customer-heading,#customer>#customer-message,#customer>.credit-status{grid-column:1/-1}
  #customer>.customer-events{grid-column:1;grid-row:4}
  #customer>#aparelhos{grid-column:1;grid-row:5}
  #customer>.history:not(#aparelhos){grid-column:1;grid-row:6}
  #customer>.subscription{grid-column:2;grid-row:4/7;border-left:1px solid #d5d5dd;padding-left:20px}
}
@media(min-width:1180px){
  .account-main:has(#customer:not([hidden])){max-width:1600px;padding:12px 24px}
  #customer th,#customer td{white-space:normal;overflow-wrap:anywhere}
  #customer .customer-events td:first-child{min-width:0}
}
@media(min-width:960px) and (max-height:800px){
  body:has(#customer:not([hidden])) header{height:52px;min-height:52px}
  .account-main:has(#customer:not([hidden])){padding-top:10px;padding-bottom:10px}
  #customer .customer-heading{margin-bottom:8px}
  #customer .eyebrow{margin-bottom:2px}
  #customer h1{font-size:22px}
  body:has(#customer:not([hidden])) footer{padding-top:8px;padding-bottom:8px}
}
@media(max-width:600px){
  .history-columns{grid-template-columns:minmax(0,1fr);gap:14px}
  #customer #customer-name{display:inline}
  body:has(#customer:not([hidden])) header{flex-wrap:nowrap}
  body:has(#customer:not([hidden])) header nav{width:auto}
  #customer .customer-events table{table-layout:fixed}
  #customer .customer-events th:first-child{width:24%}
  #customer .customer-events th:nth-child(2),#customer .customer-events th:nth-child(3){width:21%}
  #customer .customer-events th:last-child{width:34%}
  #customer .customer-events td:first-child{min-width:0}
  #customer .customer-events th,#customer .customer-events td{padding:5px 3px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
  #customer .customer-events .event-actions{min-width:0}
  #customer .event-date span{display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
  #customer .customer-events .event-actions button{padding:5px 3px;margin-left:2px;min-height:44px}
  .account-main:has(#customer:not([hidden])){padding:18px 16px}
  #customer h1{font-size:22px}
  #customer .credit-open{gap:4px}
  #customer button{min-height:44px}
  body:has(#customer:not([hidden])) header{height:auto}
}
#pix{position:fixed;inset:0;margin:auto;width:min(440px,calc(100% - 32px));max-height:calc(100svh - 32px);box-sizing:border-box;padding:18px;border:1px solid #d6d6df;border-radius:8px;background:#fff;color:#202128;overflow:auto}
#pix::backdrop{background:rgba(0,0,0,.45)}
body:has(#pix[open]){overflow:hidden}
#pix .pix-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
#pix h3{margin:0;font-size:20px;line-height:1.25}
#pix #close-pix{flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:0;margin:0;font-size:26px;line-height:1}
#pix #pix-status{margin:10px 0;font-size:14px;line-height:1.5}
#pix #pix-image{width:200px;height:200px;max-width:100%;margin:12px auto;object-fit:contain}
#pix label{display:block;margin:8px 0 4px;font-size:14px}
#pix #pix-code{box-sizing:border-box;width:100%;margin:0 0 12px;padding:8px;font-size:13px;resize:none}
#pix .pix-actions{display:flex;flex-wrap:wrap;gap:8px}
#pix .pix-actions button{flex:1 1 160px;min-height:44px;margin:0;padding:10px;font-size:14px}
.event-app-link { color: #b80d54; text-decoration: underline; text-underline-offset: 3px; }
.event-app-link:focus-visible { outline: 2px solid #b80d54; outline-offset: 3px; }
@media(min-width:960px) { #customer.master-account { grid-template-columns: minmax(0,1fr); } }
#renewal { box-sizing:border-box; width:min(480px,calc(100% - 24px)); max-height:calc(100dvh - 24px); margin:auto; padding:20px; border:1px solid #d5d5dd; border-radius:8px; color:#20242b; background:#fff; overflow:auto; }
#renewal::backdrop { background:rgb(0 0 0 / 45%); }
#renewal h2 { font-size:22px; margin:0; }
#renewal .pix-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
#close-renewal { flex:0 0 36px; min-height:36px; height:36px; padding:0; font-size:24px; line-height:1; }
#renewal-message { font-size:14px; margin:12px 0 16px; }
#renewal .subscription { margin:0; }
#renewal .subscription>h2 { display:none; }
#renewal #plans label { padding:12px 0; gap:10px; font-size:15px; }
#renewal #plans legend { margin-bottom:8px; }
#renewal .subscription>p { margin:10px 0; font-size:13px; }
#renewal #buy { width:100%; }
#renewal-error { color:#a31c3c; font-size:14px; margin:8px 0 0; }
#renewal-error:empty { display:none; }
.authorized-device{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #e6e6eb}.authorized-device span{overflow-wrap:anywhere;min-width:0}#device-list{margin-top:18px}#aparelhos p{line-height:1.6}@media(max-width:480px){.authorized-device{align-items:flex-start;flex-direction:column}}