/* Customer portal only. Preserve the original logo and the private control panel. */
.airos-customer {
  --bg: #100923;
  --surface: #19112f;
  --border: #a68ade29;
  --muted: #c0b6d3;
  --purple: #c1a4ff;
  --cyan: #4cc9f0;
  background: radial-gradient(ellipse at 85% 0%, #3a0ca330, transparent 55%), var(--bg);
}
.airos-customer .shell { min-height: 100dvh; grid-template-columns: 218px minmax(0, 1fr); }
.airos-customer .sidebar {
  position: sticky; top: 0; height: 100dvh; overflow-y: auto;
  padding: 28px 16px 20px; gap: 28px;
  background: linear-gradient(165deg, #1d1039, #100923 65%);
}
.airos-customer .sidebar-brand { padding: 0 10px; }
.airos-customer .brand-caption { font-size: 12px; letter-spacing: .08em; }
.airos-customer .side-nav a { min-height: 46px; padding: 11px 12px; gap: 10px; border-radius: 11px; }
.airos-customer .side-nav a[aria-current=page] {
  border-color: #af89ff60;
  background: linear-gradient(110deg, #3a0ca38c, #43206460);
  box-shadow: inset 3px 0 0 #b590ff, 0 6px 24px #10032130;
}
.airos-customer .side-nav svg { width: 19px; height: 19px; }
.airos-customer .topbar { position: relative; z-index: 40; min-height: 66px; padding: 12px 28px; background: #120c2299; }
.airos-customer .breadcrumb { font-size: 14px; }
.airos-customer .main { position: relative; z-index: 1; max-width: 1280px; padding: 26px 28px 40px; }
.airos-customer .page-heading { margin-bottom: 22px; gap: 18px; align-items: center; }
.airos-customer .page-heading h1 { font-size: clamp(26px, 2.5vw, 34px); line-height: 1.2; letter-spacing: -.025em; }
.airos-customer .page-heading .welcome-name { font-size: 16px; margin-top: 7px; }
.airos-customer .page-heading .live-service-picker { margin-top: 0; flex: 0 1 360px; width: 360px; font-size: 14px; }
.airos-customer .card {
  padding: 22px; border-radius: 18px;
  background: linear-gradient(140deg, #20143aeb, #151025);
  box-shadow: 0 8px 28px #0602121c;
}
.airos-customer .card-heading { margin-bottom: 16px; flex-wrap: wrap; }
.airos-customer .card-heading h2 { font-size: 21px; }
.airos-customer .main > .card { margin-bottom: 18px; }
.airos-customer .live-dashboard { margin-top: 18px; gap: 18px; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); }
.airos-customer .balance-card {
  background: radial-gradient(ellipse at 100% 0%, #4361ee30, transparent 55%), linear-gradient(120deg, #3a0ca369, #211333 70%);
  border-color: #b78bff66;
}
.airos-customer .balance-card:after { border-color: #b997ff24; }
.airos-customer .live-dashboard .display-number { font-size: clamp(38px, 4.2vw, 58px); margin: 12px 0 4px; letter-spacing: -.035em; }
.airos-customer .balance-label, .airos-customer .balance-sub { font-size: 14px; line-height: 1.5; }
.airos-customer .currency-grid { margin-top: 18px; padding-top: 16px; gap: 14px; }
.airos-customer .currency-grid small { font-size: 13px; }
.airos-customer .live-dashboard .currency-grid strong { font-size: clamp(18px, 2vw, 24px); color: #f0e8ff; line-height: 1.45; }
.airos-customer .balance-bottom { margin-top: 20px; }
.airos-customer .live-plan-name { margin: 22px 0 10px; font-size: clamp(23px, 2.4vw, 30px); }
.airos-customer .plan-name { margin: 0; font-size: 14px; }
.airos-customer .service-address { color: #ded4ec; font-size: 14px; margin-top: 8px; }
.airos-customer .plan-line { margin: 18px 0; height: 2px; }
.airos-customer .plan-line span { width: 100%; background: linear-gradient(90deg, #8f5cff, #4361ee, #4cc9f0); transform-origin: left; }
.airos-customer .plan-details { font-size: 14px; }
.airos-customer .live-dashboard .plan-card > .button { margin-top: 18px; }
.airos-customer .plan-top, .airos-customer .balance-card .row { flex-wrap: wrap; }
.airos-customer .badge { font-size: 12px; white-space: normal; }
.airos-customer .button { min-height: 44px; padding: 10px 16px; font-size: 14px; border-radius: 10px; text-align: center; }
.airos-customer .button-primary {
  background: linear-gradient(115deg, #7040ce, #5532b7);
  border-color: #b78bf399; box-shadow: 0 5px 20px #3a0ca34d;
}
.airos-customer .button-secondary { background: #2b1d43b3; border-color: #ac8acf45; }
.airos-customer :is(a, button, input, select, textarea):focus-visible { outline: 2px solid #4cc9f0; outline-offset: 3px; }
.airos-customer :is(input, select, textarea) { min-width: 0; max-width: 100%; }
.airos-customer .field :is(input, select, textarea) { font-size: 16px; border-radius: 10px; background-color: #100b20; }
.airos-customer .field :is(input, select) { min-height: 46px; }
.airos-customer .support-card { padding: 18px 22px; gap: 16px; flex-wrap: wrap; }
.airos-customer .support-card h2 { font-size: 19px; }
.airos-customer .support-card p { font-size: 14px; }
.airos-customer .service-picker-label { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.airos-customer .account-service-count { padding: 4px 9px; border: 1px solid #af89ff65; border-radius: 20px; background: #8354c525; color: #e0ceff; font-size: 13px; }
.airos-customer :is(#multi-services, #payment-entry) > h2 { margin: 8px 0 10px; font-size: clamp(23px, 2.4vw, 29px); line-height: 1.3; }
.airos-customer .payment-entry-heading, .airos-customer .payment-balance-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.airos-customer .payment-choice-help { font-size: 16px; line-height: 1.5; color: #d2c7e1; margin: 10px 0 18px; }
.airos-customer .payment-balance-summary { position: relative; overflow: hidden; margin: 20px 0; padding: 20px; border: 1px solid #b78bff66; border-radius: 16px; background: radial-gradient(ellipse at 100% 0%, #4361ee30, transparent 55%), linear-gradient(120deg, #3a0ca369, #211333 70%); }
.airos-customer .payment-balance-heading { font-size: 16px; color: #e1d1f4; }
.airos-customer .payment-service-count { padding: 4px 10px; font-size: 14px; border: 1px solid #ac8acf45; border-radius: 20px; }
.airos-customer .payment-currencies { display: flex; gap: 6px 18px; flex-wrap: wrap; font-size: 14px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.airos-customer .payment-currency { min-width: 0; }
.airos-customer .payment-balance-summary > .payment-currencies { margin-top: 12px; align-items: baseline; }
.airos-customer .payment-balance-summary .payment-currency-usd { flex: 1 0 100%; font-size: clamp(28px, 4vw, 40px); font-weight: 700; line-height: 1.25; }
.airos-customer .payment-balance-summary :is(.payment-currency-ves, .payment-currency-cop) { font-size: 18px; color: #e0d0fa; }
.airos-customer .payment-currency-help { color: #cbbadd; font-size: 14px; line-height: 1.5; margin: 14px 0 0; }
.airos-customer .payment-service-list { display: grid; gap: 10px; }
.airos-customer .payment-service-choice { display: grid; grid-template-columns: 24px minmax(0, 1fr) minmax(180px, .8fr); align-items: center; gap: 14px; margin: 0; padding: 16px; border: 1px solid #a68ade35; border-radius: 13px; background: #10092355; cursor: pointer; }
.airos-customer .payment-service-choice.is-selected { border-color: #bb91f2; background: linear-gradient(100deg, #52308755, #251831); box-shadow: inset 3px 0 #bc92fa, 0 0 16px #9c5dec10; }
.airos-customer .payment-service-choice:focus-within { outline: 2px solid #4cc9f0; outline-offset: 3px; }
.airos-customer .payment-service-choice.is-unavailable { cursor: default; }
.airos-customer .payment-service-choice input { width: 22px; height: 22px; margin: 0; accent-color: #9762eb; }
.airos-customer .payment-service-info, .airos-customer .payment-service-balance { display: grid; min-width: 0; gap: 5px; }
.airos-customer .payment-service-info strong { font-size: 16px; }
.airos-customer .payment-service-info :is(span, small) { font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; color: #d1c4e3; }
.airos-customer .payment-service-info small { color: #bcaecc; }
.airos-customer .payment-service-balance { text-align: right; }
.airos-customer .payment-service-balance .payment-currencies { justify-content: flex-end; gap: 3px 14px; }
.airos-customer .payment-service-balance .payment-currency-usd { flex-basis: 100%; font-size: 18px; font-weight: 600; }
.airos-customer .payment-service-state { font-size: 14px; font-weight: 400; color: #d0bbea; }
.airos-customer .payment-service-state.is-current { color: #9de1c4; }
.airos-customer .payment-select-all { margin-top: 16px; }
.airos-customer .payment-selection-footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: wrap; margin-top: 20px; padding-top: 18px; border-top: 1px solid #a68ade29; }
.airos-customer .payment-selection-total { display: grid; gap: 6px; flex: 1 1 260px; min-width: 0; }
.airos-customer .payment-selection-total strong { font-size: 16px; }
.airos-customer .payment-selection-total small { font-size: 14px; color: #c0b6d3; }
.airos-customer .payment-selection-next { flex: 0 1 auto; font-size: 16px; }
.airos-customer .payment-next-help { font-size: 14px; margin-bottom: 0; }
.airos-customer .payment-selection-error { margin-bottom: 16px; padding: 14px; border-radius: 12px; background: #51402435; font-size: 16px; }
.airos-customer .payment-selection-error .button { margin-top: 12px; }
@media (max-width: 640px) {
 .airos-customer .payment-balance-summary { padding: 16px; }
 .airos-customer .payment-service-choice { grid-template-columns: 24px minmax(0, 1fr); gap: 10px 12px; padding: 14px; }
 .airos-customer .payment-service-balance { grid-column: 2; text-align: left; border-top: 1px solid #a68ade24; padding-top: 8px; }
 .airos-customer .payment-service-balance .payment-currencies { justify-content: flex-start; }
 .airos-customer .payment-service-balance .payment-currency-usd { flex-basis: auto; }
 .airos-customer .payment-selection-next { width: 100%; }
 .airos-customer .payment-entry-heading { align-items: flex-start; }
}
.airos-customer .request-help { margin-bottom: 16px; }
.airos-customer #reportar > h2 { margin: 7px 0 10px; font-size: clamp(23px, 2.4vw, 29px); }
.airos-customer .payment-scope { padding: 14px 16px; margin: 16px 0; background: #3a0ca322; border-left: 3px solid #9a77df; }
.airos-customer .payment-scope p, .airos-customer .payment-scope li { font-size: 14px; line-height: 1.6; }
.airos-customer #correction-context { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.airos-customer #report-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.airos-customer #report-form > * { grid-column: 1 / -1; }
.airos-customer #report-form > .report-invoice-field { grid-column: 1; grid-row: 1; }
.airos-customer #report-form > .report-method-field { grid-column: 2; grid-row: 1; }
.airos-customer #report-invoice-note { margin: -8px 0 0; font-size: 14px; }
.airos-customer #method-details { padding: 20px; gap: 22px; }
.airos-customer #method-details.has-qr { grid-template-columns: minmax(0, 1fr) 208px; }
.airos-customer .destination-fields { gap: 16px 22px; }
.airos-customer .payment-destination h3 { margin-bottom: 17px; }
.airos-customer .destination-qr { max-width: 208px; }
.airos-customer #report-form .report-fields { gap: 18px; }
.airos-customer .report-amount { padding: 17px 20px; }
.airos-customer .report-amount > strong { margin: 6px 0; font-size: clamp(25px, 3vw, 34px); }
.airos-customer #report-form > .button { grid-column: 1 / -1; }
.airos-customer #my-reports-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 14px; }
.airos-customer #my-reports-list .report-item { margin: 0; padding: 18px; }
.airos-customer #my-reports-list .report-method { font-size: 14px; line-height: 1.5; }
.airos-customer .report-meta { grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 14px 0; }
.airos-customer .report-meta dt { font-size: 12px; }
.airos-customer .report-meta dd { font-size: 14px; }
.airos-customer .report-status-badge { font-size: 13px; }
.airos-customer .report-actions { gap: 8px 14px; }
.airos-customer .report-receipt-link { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; }
.airos-customer #my-reports-list .report-correct-button { min-height: 44px; padding: 9px 12px; font-size: 14px; }
.airos-customer .report-detail summary { min-height: 40px; padding: 10px 0 4px; font-size: 14px; }
.airos-customer .report-detail p { font-size: 14px !important; }
.airos-customer #my-reports-list .report-inline-note { font-size: 14px; }
.airos-customer .invoice-filters { margin: 16px 0; gap: 16px 24px; align-items: center; }
.airos-customer .invoice-filters .field { font-size: 14px; }
.airos-customer .invoice-filters .request-help { margin: 7px 0 0; }
.airos-customer :is(.invoice-history, .customer-invoice-table) { width: 100%; border-collapse: collapse; }
.airos-customer :is(.invoice-history, .customer-invoice-table) :is(td, th) { padding: 13px 10px; border-bottom: 1px solid var(--border); text-align: left; }
.airos-customer :is(.invoice-history, .customer-invoice-table) th { font-size: 12px; font-weight: 500; color: var(--muted); }
.airos-customer :is(.invoice-history, .customer-invoice-table) td { font-size: 14px; }
.airos-customer .invoice-number { min-height: 44px; }
.airos-customer .invoice-state { font-size: 13px; white-space: normal; }
.airos-customer .invoice-dialog p, .airos-customer .invoice-dialog td, .airos-customer .invoice-actions .button { font-size: 14px; }
.airos-customer .auth-shell { min-height: 100dvh; gap: clamp(30px, 6vw, 90px); }
.airos-customer .auth-story { min-height: 530px; }
.airos-customer .auth-copy { padding: 40px 0; }
.airos-customer .auth-copy > p { font-size: 16px; }
.airos-customer .auth-card { border-radius: 20px; background: linear-gradient(145deg, #24123d, #151025); }
.airos-customer .auth-card .field { margin-bottom: 16px; }

@media (hover: hover) {
  .airos-customer .button-primary:hover { background: linear-gradient(115deg, #8151de, #633dcc); box-shadow: 0 6px 24px #7040ce42; }
  .airos-customer .multi-service:hover { border-color: #ab87ed77; }
  .airos-customer tbody tr:hover { background: #ae88f508; }
}
@media (max-width: 1000px) {
  .airos-customer .main { padding: 22px; }
  .airos-customer .live-dashboard { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .airos-customer .shell { grid-template-columns: minmax(0, 1fr); align-content: start; }
  .airos-customer .sidebar { position: static; height: auto; overflow: visible; padding: 20px 22px 12px; gap: 18px; }
  .airos-customer .sidebar-brand { padding: 0; }
  .airos-customer .side-nav { display: flex; overflow-x: auto; padding-bottom: 4px; gap: 6px; }
  .airos-customer .side-nav a { flex-shrink: 0; }
  .airos-customer .live-dashboard { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); }
}
@media (max-width: 700px) {
  /* Keep the native file action and filename on separate lines on narrow screens. */
  .airos-customer input[type=file] { height: auto; padding: 10px; line-height: 1.5; }
  .airos-customer input[type=file]::file-selector-button,
  .airos-customer #report-form input[type=file]::file-selector-button {
    display: block; width: 100%; max-width: 100%; min-height: 44px;
    margin: 0 0 8px; padding: 8px 10px; white-space: normal;
    font: inherit; font-size: 14px; line-height: 1.5; color: #e8ddf4;
    background: #30203f; border: 1px solid #654580; border-radius: 6px; cursor: pointer;
  }
  .airos-customer .main { padding: 20px 16px 30px; }
  .airos-customer .sidebar { padding: 18px 16px 12px; }
  .airos-customer .side-nav { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; gap: 6px; }
  .airos-customer .side-nav a { min-width: 0; padding: 9px 7px; font-size: 14px; gap: 5px; justify-content: center; flex-direction: column; line-height: 1.3; text-align: center; }
  .airos-customer .side-nav a[aria-current=page] { box-shadow: inset 0 -2px 0 #b590ff; }
  .airos-customer .topbar { padding: 10px 16px; min-height: 62px; }
  .airos-customer .topbar .button { padding: 9px 12px; }
  .airos-customer .page-heading { gap: 16px; margin-bottom: 18px; }
  .airos-customer .page-heading .live-service-picker { flex: 1 1 100%; width: 100%; }
  .airos-customer .live-dashboard { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .airos-customer .card { padding: 18px; border-radius: 15px; }
  .airos-customer .live-dashboard .currency-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .airos-customer .live-dashboard .currency-grid strong { font-size: clamp(17px, 4.6vw, 23px); letter-spacing: -.025em; }
  .airos-customer .balance-bottom { align-items: stretch; }
  .airos-customer .balance-bottom .button { width: 100%; }
  .airos-customer .live-plan-name { margin-top: 18px; }
  .airos-customer .multi-actions .button { flex: 1 1 150px; }
  .airos-customer .multi-actions span { flex-basis: 100%; }
  .airos-customer #report-form { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .airos-customer #report-form > .report-invoice-field, .airos-customer #report-form > .report-method-field { grid-column: 1; grid-row: auto; }
  .airos-customer #report-invoice-note { margin: -8px 0 0; }
  .airos-customer #method-details, .airos-customer #method-details.has-qr { grid-template-columns: minmax(0, 1fr); padding: 17px; gap: 20px; }
  .airos-customer .destination-fields { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .airos-customer .destination-qr { max-width: 220px; }
  .airos-customer #report-form .report-fields { grid-template-columns: minmax(0, 1fr); }
  .airos-customer #my-reports-list { grid-template-columns: minmax(0, 1fr); }
  .airos-customer .auth-shell { padding: 24px 18px 32px; gap: 22px; min-height: auto; }
  .airos-customer .auth-story { min-height: 0; }
  .airos-customer .auth-copy { padding: 24px 0 0; }
  .airos-customer .auth-card { padding: 22px; }
  .airos-customer .auth-copy > p { font-size: 15px; }
  /* Table labels are populated from the same headings as the desktop table. */
  .airos-customer :is(.invoice-history, .customer-invoice-table) { display: block; min-width: 0; }
  .airos-customer :is(.invoice-history, .customer-invoice-table) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .airos-customer :is(.invoice-history, .customer-invoice-table) tbody { display: grid; gap: 12px; }
  .airos-customer :is(.invoice-history, .customer-invoice-table) tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: #10092350; }
  .airos-customer #customer-service .customer-invoice-table td, .airos-customer .invoice-history td { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; padding: 0; border: 0; white-space: normal; min-width: 0; overflow-wrap: anywhere; }
  .airos-customer :is(.invoice-history, .customer-invoice-table) td:before { content: attr(data-label); display: block; font-size: 12px; color: var(--muted); }
  .airos-customer :is(.invoice-history, .customer-invoice-table) td:last-child { grid-column: 1 / -1; padding-top: 10px; border-top: 1px solid var(--border); }
  .airos-customer :is(.invoice-history, .customer-invoice-table) td:last-child:before { display: none; }
  .airos-customer :is(.invoice-history, .customer-invoice-table) td:last-child > :is(a, button) { width: 100%; justify-content: center; }
}
@media (max-width: 380px) {
  .airos-customer .sidebar-brand { flex-wrap: wrap; gap: 8px; }
  .airos-customer .side-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .airos-customer .main { padding-inline: 12px; }
  .airos-customer .topbar { flex-wrap: wrap; gap: 8px; }
  .airos-customer .live-dashboard .currency-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: no-preference) {
  .airos-customer :is(.button, .side-nav a, .multi-service) { transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
  .airos-customer .main > section:not([hidden]), .airos-customer .live-dashboard > .card, .airos-customer .auth-card { animation: airos-arrive .32s ease-out both; }
  .airos-customer .live-dashboard > .card:nth-child(2) { animation-delay: .05s; }
  .airos-customer .plan-line span { animation: airos-connect .7s ease-out both; }
  @keyframes airos-arrive { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes airos-connect { from { transform: scaleX(.08); opacity: .4; } to { transform: scaleX(1); opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) {
  .airos-customer *, .airos-customer *:before, .airos-customer *:after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* Historial: filtros y navegación compactos, también en móvil. */
.airos-customer .reports-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:16px 0}
.airos-customer .reports-filters .field{flex:0 1 230px;min-width:180px;margin:0}
.airos-customer .reports-filters .request-help{flex:1 1 240px;margin:0;line-height:1.55}
.airos-customer .reports-pagination{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:20px}
.airos-customer .reports-pagination span{font-size:13px;color:#c4bcd6}
.airos-customer .reports-pagination .button{min-width:100px}
.airos-customer #my-reports-list[aria-busy="true"]{opacity:.6;pointer-events:none}
@media(max-width:380px){.airos-customer .reports-pagination{gap:8px}.airos-customer .reports-pagination .button{min-width:0;padding-inline:12px}}

/* Estados del servicio y seguridad de la cuenta. */
.airos-customer .service-status{font-weight:600;border-radius:999px;padding:6px 12px;white-space:nowrap}
.airos-customer .service-active{color:#9bf3c4;background:rgba(34,197,94,.13);border-color:rgba(74,222,128,.38)}
.airos-customer .service-suspended{color:#ffb4be;background:rgba(244,63,94,.14);border-color:rgba(251,113,133,.42)}
.airos-customer .service-neutral{color:#d6cee5;background:rgba(255,255,255,.04);border-color:rgba(199,182,225,.25)}
.airos-customer .access-current{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid rgba(184,154,240,.15)}
.airos-customer .access-label{font-size:12px;color:#b9a5d9}
.airos-customer #email-state{margin:5px 0 0;overflow-wrap:anywhere;font-size:14px}
.airos-customer .access-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start}
.airos-customer .access-setting{min-width:0;border:1px solid rgba(184,154,240,.2);border-radius:16px;background:rgba(58,12,163,.055);overflow:hidden}
.airos-customer .access-setting summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px;font-weight:600;font-size:15px}
.airos-customer .access-setting summary::-webkit-details-marker{display:none}
.airos-customer .access-setting summary:focus-visible{outline:2px solid #4cc9f0;outline-offset:-4px;border-radius:14px}
.airos-customer .access-setting[open] summary{border-bottom:1px solid rgba(184,154,240,.15)}
.airos-customer .access-setting form{padding:18px;display:grid;gap:14px}
.airos-customer .access-setting .field,.airos-customer .access-setting .request-help{margin:0;min-width:0}
.airos-customer .access-setting input{width:100%;min-width:0;box-sizing:border-box}
.airos-customer .access-setting [role=status]:empty{display:none}
.airos-customer #invoices-period-dates{color:#b9a5d9;font-size:12px}
@media(max-width:700px){.airos-customer .access-settings-grid{grid-template-columns:1fr}.airos-customer .access-current{align-items:flex-start}}

/* Soporte AIROS: tarjetas legibles, seguimiento y acciones discretas. */
.airos-customer .support-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.airos-customer .support-form{display:grid;gap:16px;padding:20px;margin:20px 0;border:1px solid rgba(184,154,240,.22);border-radius:16px;background:rgba(58,12,163,.065)}
.airos-customer .support-form[hidden],.airos-customer .support-detail[hidden]{display:none}
.airos-customer .support-form .field{margin:0;min-width:0}
.airos-customer .support-form textarea{resize:vertical;min-height:100px;max-height:380px;min-width:0;width:100%;box-sizing:border-box}
.airos-customer .support-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:18px 0}
.airos-customer .support-ticket{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px;border-radius:16px;border:1px solid rgba(184,154,240,.19);background:rgba(255,255,255,.018);min-width:0}
.airos-customer .support-ticket h3{font-size:16px;line-height:1.4;margin:0;overflow-wrap:anywhere}
.airos-customer .support-ticket p{margin:0}.airos-customer .support-ticket .button{margin-top:auto}
.airos-customer .support-ticket-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}
.airos-customer .support-ticket-id{font-size:12px;color:#bda9de}
.airos-customer .support-state{font-size:12px;font-weight:600;padding:5px 10px;border:1px solid #a68ade40;border-radius:999px;color:#d1c6e4;background:#a68ade0d}
.airos-customer .support-state-1{color:#d4beff;background:#9b65ff17;border-color:#b88bff55}
.airos-customer .support-state-2{color:#9beaff;background:#4cc9f014;border-color:#4cc9f050}
.airos-customer .support-state-3{color:#9bf3c4;background:#22c55e16;border-color:#4ade8060}
.airos-customer .support-detail{margin-top:26px;padding-top:22px;border-top:1px solid rgba(184,154,240,.22);scroll-margin-top:90px}
.airos-customer .support-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.airos-customer .support-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}
.airos-customer .support-timeline{display:grid;gap:12px;margin-top:20px}
.airos-customer .support-timeline article{padding:14px 16px;border-left:2px solid #9572da;background:#ffffff04;border-radius:0 10px 10px 0}
.airos-customer .support-timeline small{color:#b9a5d9;font-size:12px}
.airos-customer .support-notice{padding:14px;border:1px solid #e7c76c44;border-radius:12px;background:#e7c76c09;color:#e8dba7;font-size:13px;line-height:1.5}
.airos-customer .support-notice small{display:block;margin-top:6px}
.airos-customer .support-contact{margin-top:24px;font-size:13px;color:#c0b6d3}
.airos-customer #customer-support [role=status]:empty{display:none}
@media(max-width:700px){.airos-customer .support-list{grid-template-columns:1fr}.airos-customer .support-form{padding:15px}.airos-customer .support-detail-heading{flex-wrap:wrap}}

/* Support replies and attachments share the compact AIROS surface. */
.support-unread{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1px solid #a78bfa70;background:#7c3aed24;color:#ddceff;border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:600;line-height:1.25;white-space:nowrap}
.support-alerts{position:relative;margin-left:auto;min-width:0}
.support-alerts summary{display:flex;align-items:center;gap:.5rem;list-style:none;cursor:pointer;border:1px solid var(--line,#ffffff26);border-radius:12px;padding:.55rem .7rem;font-size:.875rem;min-height:42px}
.support-alerts summary::-webkit-details-marker{display:none}.support-alerts summary svg{width:20px;height:20px;flex:none}.support-alerts summary:focus-visible{outline:2px solid #b39aff;outline-offset:3px}
.support-alert-panel{position:absolute;z-index:30;right:0;top:calc(100% + .7rem);width:min(340px,calc(100vw - 32px));max-height:65vh;overflow-y:auto;padding:1rem;background:#18102a;border:1px solid #ab8ddb55;border-radius:16px;box-shadow:0 18px 45px #0007}
.support-alert-panel h3{font-size:1rem;margin:0 0 .6rem}.support-alert-panel .request-help{font-size:.875rem;line-height:1.5}
.support-alert-item{display:grid;gap:.35rem;width:100%;text-align:left;color:inherit;background:#a78bfa0d;border:1px solid #a78bfa30;border-radius:10px;padding:.8rem;margin:.6rem 0;cursor:pointer;overflow-wrap:anywhere}.support-alert-item strong,.support-alert-item span{font-size:.875rem;line-height:1.45}.support-alert-item small{color:#c5b9db;font-size:.8125rem}.support-alert-item:hover{background:#a78bfa1c}
.support-upload{min-width:0;padding:.8rem;border:1px dashed #a78bfa44;border-radius:12px}.support-upload input{max-width:100%;width:100%;font-size:.875rem}.support-file-preview{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-top:.75rem}.support-file-preview img{width:110px;max-height:120px;object-fit:contain;border-radius:8px;background:#100b1d}.support-ticket-top{flex-wrap:wrap;gap:.5rem}.topbar{gap:.65rem}
@media(max-width:600px){.support-alert-label{display:none}.support-alert-panel{position:fixed;top:80px;left:16px;right:16px;width:auto}.support-actions{flex-wrap:wrap}.support-actions .button{flex:1 1 auto}.support-ticket-top h3{width:100%}.support-alerts summary{padding:.5rem}.support-upload{padding:.65rem}}

.notification-paid{border-color:#5be3a244;background:#20c77b0c}.notification-paid strong{color:#8ce8b8}
.notification-correction{border-color:#f78ba344;background:#ef567d0c}.notification-correction strong{color:#ffacbd}
.notification-pending{border-color:#edc27944}.notification-pending strong{color:#f1d197}
.notification-received{border-color:#6bbde544}.notification-received strong{color:#a0d9f5}
.report-focused{outline:1px solid #a98bef66;outline-offset:3px}#my-reports-all{margin:.6rem 0 1rem}
@media(prefers-reduced-motion:no-preference){.support-alert-item{transition:background .18s ease,border-color .18s ease}}

/* A single brief toast, outside the workspace so it never shifts the page. */
.airos-toast{--toast-accent:#bb99ff;position:fixed;z-index:1000;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;display:grid;grid-template-columns:38px minmax(0,1fr) 36px;gap:12px;padding:18px 12px 18px 18px;border:1px solid #9b73d969;border-left:3px solid var(--toast-accent);border-radius:18px;background:linear-gradient(120deg,#261343f5,#160b2dfc);box-shadow:0 16px 55px #08021680,0 0 25px #3a0ca31a;backdrop-filter:blur(18px);color:#f7f5fc;isolation:isolate}
.toast-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--toast-accent);background:#ffffff08;border:1px solid #ffffff13;border-radius:12px}.toast-mark svg{width:20px;height:20px}.toast-content{min-width:0;overflow-wrap:anywhere}.toast-brand{color:#c6acf2;font-size:.75rem;letter-spacing:.13em;font-weight:600;margin-bottom:7px}.toast-content h2{font-family:inherit;font-size:1rem;line-height:1.4;letter-spacing:normal;margin:0 0 5px}.toast-content #toast-message{font-size:.875rem;line-height:1.55;color:#ddd2ee;margin:0}.toast-content button{display:inline-flex;align-items:center;min-height:40px;margin-top:7px;padding:3px 0;background:none;border:0;color:var(--toast-accent);font-size:.875rem;font-weight:600;text-align:left}.toast-content button:hover{text-decoration:underline}
.toast-close{display:grid;place-items:center;align-self:start;min-height:40px;width:36px;border:0;background:transparent;color:#cec0e4;border-radius:10px}.toast-close:hover{background:#ffffff0b}.toast-close svg{width:18px;height:18px}.toast-paid{--toast-accent:#8ce8b8}.toast-correction{--toast-accent:#ffacbd}.toast-pending{--toast-accent:#f1d197}.toast-received{--toast-accent:#a0d9f5}
@media(prefers-reduced-motion:no-preference){.airos-toast{animation:airos-toast-enter .3s cubic-bezier(.2,.75,.25,1) both}.airos-toast.is-leaving{animation:airos-toast-exit .2s ease-in both}@keyframes airos-toast-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes airos-toast-exit{to{opacity:0;transform:translateY(8px)}}}
@media(max-width:600px){.airos-toast{top:max(14px,env(safe-area-inset-top));bottom:auto;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;max-height:60dvh;padding:14px 8px 14px 13px;gap:9px;grid-template-columns:32px minmax(0,1fr) 36px;border-radius:15px}.toast-mark{width:32px;height:32px;border-radius:10px}.toast-content h2{font-size:.9375rem}.toast-content button{min-height:44px}.toast-close{min-height:44px}}

/* Section review: consistent rhythm, resilient content and clear touch targets. */
.airos-customer :is(.workspace, .page-heading > *, .card-heading > *, .reports-heading > *, .currency-grid > *) { min-width: 0; }
.airos-customer :is(.live-plan-name, .service-address, .currency-grid strong, .multi-total, .reports-caption) { overflow-wrap: anywhere; }
.airos-customer .main :is(.card-heading, .reports-heading) h2 { line-height: 1.3; }
.airos-customer :is(#auth-status, #account-status, #report-invoice-note, #invoices-status, #invoices-period-dates, #support-scope, #support-availability):empty { display: none; }
.airos-customer .main [role=status] { font-size: 14px; line-height: 1.6; overflow-wrap: anywhere; }
.airos-customer .main [role=status]:empty { display: none; }
.airos-customer .card > .request-help:last-child { margin-bottom: 0; }
.airos-customer #customer-service > p { grid-column: 1 / -1; margin: 0; padding: 18px 0; }
.airos-customer #customer-service .customer-invoice-table :is(td, th) { padding: 13px 10px; }
.airos-customer .button { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.airos-customer #my-reports-refresh, .airos-customer #invoice-detail-close { min-height: 44px; padding: 9px 13px; font-size: 14px; }
.airos-customer #my-reports-list { align-items: start; }
.airos-customer .report-detail p { margin-block: 6px; }
.airos-customer .reports-filters .field, .airos-customer .invoice-filters .field { max-width: 100%; }
.airos-customer .support-list:empty { display: none; }
.airos-customer .support-list > .request-help { grid-column: 1 / -1; margin: 0; }
.airos-customer .support-form .request-help { margin: 0; }
.airos-customer .support-detail h3 { overflow-wrap: anywhere; line-height: 1.45; }
.airos-customer .support-upload input::file-selector-button { font: inherit; color: #e8ddf4; background: #30203f; border: 1px solid #654580; border-radius: 8px; padding: 10px 12px; margin-right: 10px; cursor: pointer; }
.airos-customer .support-alert-panel { overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #765397 #18102a; }
.airos-customer .support-alert-panel > .request-help:last-child { margin: 12px 0 0; font-size: 12px; }
.airos-customer .support-alerts summary { min-height: 44px; }
.airos-customer .invoice-dialog-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.airos-customer .invoice-dialog-heading h2 { font: 600 16px/1.4 var(--font); margin: 0; }
.airos-customer #invoice-detail-close { float: none; flex: none; }
.airos-customer .invoice-totals > div { font-size: 14px; }
.airos-customer .invoice-totals dd { text-align: right; flex-shrink: 0; }
.airos-customer .airos-calendar { max-height: min(440px, 70dvh); overflow-y: auto; overscroll-behavior: contain; }
.airos-customer .auth-card .document-fields .field { margin-bottom: 0; }
.airos-customer .auth-card .document-fields { margin-bottom: 16px; }
.airos-customer .auth-card :is(#first-access-link, .note) { line-height: 1.65; }
@media (min-width: 701px) and (max-width: 1000px) {
  .airos-customer .auth-shell { grid-template-columns: minmax(0, 1fr) minmax(320px, 1fr); gap: 28px; }
  .airos-customer .auth-story { min-height: 480px; }
  .airos-customer .auth-copy h1 { font-size: clamp(32px, 4vw, 42px); }
  .airos-customer .auth-features { flex-wrap: wrap; }
}
@media (max-width: 700px) {
  .airos-customer .live-service-picker select { width: 100%; text-overflow: ellipsis; }
  .airos-customer :is(.reports-heading, .support-detail-heading) { align-items: flex-start; }
  .airos-customer #support-refresh, .airos-customer #support-new { flex: 1 1 auto; }
  .airos-customer .invoice-dialog { padding: 18px; }
  .airos-customer .invoice-actions .button { flex: 1 1 150px; }
  .airos-customer #customer-service .customer-invoice-table td { padding: 0; }
  .airos-customer #customer-service .customer-invoice-table td:last-child { padding-top: 10px; }
}
@media (max-width: 600px) {
  .airos-customer .topbar { flex-wrap: wrap; gap: 8px 10px; }
  .airos-customer .breadcrumb { flex: 1 1 125px; line-height: 1.5; }
  .airos-customer #logout { flex: 0 0 auto; padding-inline: 10px; }
  .airos-customer .support-alert-panel { max-height: min(65dvh, 480px); }
}
@media (hover: none) { .airos-customer .button:hover { transform: none; } }

/* Plan requests remain a support ticket with a clear acknowledgement. */
.airos-customer .support-plan-change{display:grid;gap:16px;min-width:0}.airos-customer .support-current-plan{padding:16px;border:1px solid #a888da40;border-radius:12px;background:linear-gradient(120deg,#3a0ca32b,#4361ee10)}.airos-customer .support-current-plan:empty{display:none}.airos-customer .support-current-plan small{font-size:12px;letter-spacing:.08em;color:#c6b1e5}.airos-customer .support-current-plan h4{font-size:18px;line-height:1.4;margin:7px 0;overflow-wrap:anywhere}.airos-customer .support-current-plan p{font-size:14px;line-height:1.6;margin:0;color:#d5c8e6}.airos-customer .support-plan-options{border:0;padding:0;margin:0;min-width:0}.airos-customer .support-plan-options legend{font-size:15px;font-weight:600;padding:0;margin-bottom:12px}.airos-customer .support-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px}.airos-customer .support-plan-option{display:flex;gap:12px;align-items:flex-start;padding:16px;border:1px solid #a184d743;border-radius:12px;background:#10092355;cursor:pointer;min-width:0}.airos-customer .support-plan-option>span{display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.airos-customer .support-plan-option input,.airos-customer .support-plan-condition input{width:20px;min-width:20px;height:20px;accent-color:#a879fa;margin:2px 0 0}.airos-customer .support-plan-option strong{font-size:16px;line-height:1.4}.airos-customer .support-plan-price{font-size:18px;font-weight:600;color:#d4bcff}.airos-customer .support-plan-option small{font-size:14px;line-height:1.6;color:#c9bddb}.airos-customer .support-plan-option.is-selected{border-color:#bc95ff;background:#6939b826;box-shadow:inset 0 0 0 1px #bc95ff35}.airos-customer .support-plan-condition{border:1px solid #e8c68145;background:#d7ac4410;border-radius:12px;padding:16px;line-height:1.6;font-size:14px}.airos-customer .support-plan-condition>strong{color:#edcf91}.airos-customer .support-plan-condition>p{margin:8px 0 14px}.airos-customer .support-plan-condition>label{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.airos-customer .support-plan-condition>.request-help{margin:12px 0 0;font-size:13px}.airos-customer #support-plans-refresh{justify-self:start}.airos-customer #support-plan-status:empty{display:none}
@media(max-width:600px){.airos-customer .support-plan-grid{grid-template-columns:1fr}.airos-customer .support-plan-option,.airos-customer .support-plan-condition{padding:14px}}

/* Compact, explicit upgrade/downgrade comparison. */
.airos-customer .support-change-kind{padding:0;margin:0;border:0;min-width:0}.airos-customer .support-change-kind legend{font-size:14px;font-weight:600;margin-bottom:10px}.airos-customer .support-direction-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.airos-customer .support-direction-buttons .button{min-height:44px;white-space:normal}.airos-customer .support-direction-buttons [aria-pressed=true]{border-color:#b69af0;background:#7743c335;color:#f7f5fc;box-shadow:inset 0 0 0 1px #b69af038}.airos-customer .support-plan-summary{border:1px solid #9b79d657;border-radius:12px;background:linear-gradient(125deg,#3a0ca325,#4361ee12);padding:16px}.airos-customer .support-change-badge{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px;font-weight:600;color:#dfcfff;background:#ab7cff20}.airos-customer [data-direction=decrease] .support-change-badge{color:#b8e5f7;background:#4cc9f018}.airos-customer .support-plan-summary>p{font-size:14px;line-height:1.6;margin:10px 0}.airos-customer .support-plan-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px}.airos-customer .support-plan-comparison>div{display:grid;align-content:start;gap:7px;min-width:0;padding:12px;border-radius:10px;background:#0b061d40}.airos-customer .support-plan-comparison small{color:#c4b6d8;font-size:12px}.airos-customer .support-plan-comparison strong{font-size:16px;overflow-wrap:anywhere}.airos-customer .support-plan-comparison span{font-size:13px;line-height:1.5;color:#d1c8e0}.airos-customer .support-plan-comparison b{font-size:15px;color:#dbc4ff}.airos-customer .support-reduction-check{border:1px solid #cf9b6855;background:#bd763e0d;border-radius:12px;padding:14px;font-size:14px;line-height:1.6}.airos-customer .support-reduction-check>strong{color:#efd3ab}.airos-customer .support-reduction-check.is-ready{border-color:#63caaa40;background:#4bb9960b}.airos-customer .support-reduction-check.is-ready>strong{color:#a0e2ca}.airos-customer .support-reduction-check p{margin:8px 0}.airos-customer .support-reduction-progress{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px}.airos-customer .support-plan-review{margin:0}.airos-customer .support-plan-history{border-top:1px solid #a78ec12b;padding-top:4px}.airos-customer .support-plan-history summary{cursor:pointer;padding:12px 0;font-weight:600;font-size:14px;min-height:44px}.airos-customer .support-plan-history-row{display:grid;gap:5px;padding:12px 0;border-bottom:1px solid #b6a4d51a;overflow-wrap:anywhere}.airos-customer .support-plan-history-row strong{font-size:14px}.airos-customer .support-plan-history-row span{font-size:13px;color:#d2c3e7}.airos-customer .support-plan-history-row small{font-size:12px;color:#aa9cbe}.airos-customer #support-plan-history-more{margin-top:12px}.airos-customer #support-plan-history-status:empty{display:none}
@media(max-width:600px){.airos-customer .support-plan-comparison{grid-template-columns:1fr}.airos-customer .support-plan-summary{padding:14px}.airos-customer .support-direction-buttons .button{padding:10px 8px;font-size:13px}}
@media(prefers-reduced-motion:no-preference){.airos-customer .support-plan-summary{animation:plan-reveal .18s ease-out}@keyframes plan-reveal{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}}

/* Compact request history, shared AIROS colors. */
.airos-customer .support-plan-history-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.airos-customer .support-plan-history-row .support-request-state{display:inline-flex;width:fit-content;border-radius:20px;padding:4px 9px;background:#a57ce520;color:#dfcfff;font-size:12px;line-height:1.5}.airos-customer .support-plan-history-row .state-detected{background:#42bd981a;color:#a0e2ca}.airos-customer .support-plan-history-row .state-rejected{background:#ed728016;color:#f5acb5}.airos-customer .support-plan-history-row .state-uncertain{background:#c8944a16;color:#efd3ab}.airos-customer .support-plan-history-row>.button{justify-self:start;margin-top:5px;min-height:40px;font-size:12px}.airos-customer #support-current-plan>.support-plan-price{display:block;margin:6px 0;font-size:17px}

/* Compact AIROS plan families; the glass selector lives in a native modal. */
.airos-customer .plan-upgrade-link{align-self:start;justify-self:start;margin-top:18px;min-height:44px;border-color:#ac82ed80;background:linear-gradient(120deg,#3a0ca359,#4361ee20);box-shadow:inset 0 1px 0 #ffffff15}
.airos-customer .plan-upgrade-link:hover{border-color:#4cc9f0;background:linear-gradient(120deg,#3a0ca385,#4361ee35)}
.airos-customer .support-plan-picker{min-width:0}
.airos-customer .plan-category-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.airos-customer .plan-category{appearance:none;display:grid;gap:3px;align-content:center;text-align:left;min-width:0;min-height:60px;padding:10px 14px;border:1px solid #b79ee540;border-radius:13px;background:#160c2c99;color:#dfd4ee;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s;font:inherit}
.airos-customer .plan-category>span{font-size:15px;font-weight:600;line-height:1.4}
.airos-customer .plan-category>small{font-size:14px;line-height:1.4;color:#bdafd2}
.airos-customer .plan-category:hover:not(:disabled){border-color:#bfa1ee8c;background:#39205166}
.airos-customer .plan-category.is-active{border-color:#b28bff;color:#f7f5fc;background:linear-gradient(115deg,#6543ac5c,#37235466);box-shadow:inset 0 1px 0 #ffffff19,0 0 16px #743ae424}
.airos-customer .plan-category.is-active>small{color:#c6eaff}
.airos-customer .plan-category:disabled{opacity:.45;cursor:default}
.airos-customer .plan-category:focus-visible,.airos-customer .plan-clock:focus-visible,.airos-customer .plan-picker-dialog button:focus-visible,.airos-customer .support-change-selection:focus-visible{outline:2px solid #4cc9f0;outline-offset:3px}
.airos-customer.plan-picker-open{overflow:hidden}
.airos-customer .plan-picker-dialog{box-sizing:border-box;width:min(35rem,calc(100% - 24px));max-width:35rem;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #b795eb75;border-radius:22px;background:#180d30;color:#f7f5fc;box-shadow:0 24px 90px #04010ccd,0 0 35px #3a0ca32e;overflow:auto;overscroll-behavior:contain;font:inherit}
.airos-customer .plan-picker-dialog::backdrop{background:#090419b8;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.airos-customer .plan-picker-panel{min-width:0;padding:22px 0 20px;background:radial-gradient(ellipse at 20% 0,#6033a544,transparent 60%),linear-gradient(155deg,#1d103c,#120923)}
.airos-customer .plan-picker-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px 8px;background:#1d103c}
.airos-customer .plan-picker-heading>div{min-width:0}
.airos-customer .plan-picker-eyebrow{font-size:12px;color:#bda9dd;letter-spacing:.08em}
.airos-customer .plan-picker-heading h3{font-size:22px;line-height:1.3;margin:5px 0 0;overflow-wrap:anywhere}
.airos-customer .plan-picker-close,.airos-customer .support-change-selection{appearance:none;min-height:44px;padding:8px 12px;border:1px solid #b89adb46;border-radius:10px;background:#aa8be50d;color:#e6d9f5;font:inherit;font-size:14px;cursor:pointer;line-height:1.4}
.airos-customer .plan-picker-close{flex-shrink:0}
.airos-customer .plan-picker-close:hover,.airos-customer .support-change-selection:hover:not(:disabled){background:#a185ce24;border-color:#b899ef}
.airos-customer .plan-picker-hint{font-size:14px;line-height:1.5;color:#c8b8dc;margin:12px 22px 0}
.airos-customer .plan-clock{--clock-step:160px;--clock-height:300px;position:relative;box-sizing:border-box;height:var(--clock-height);padding:calc((var(--clock-height) - var(--clock-step))/2) 0;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;touch-action:pan-y pinch-zoom;perspective:900px;-webkit-overflow-scrolling:touch;outline-offset:-4px!important;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.airos-customer .plan-clock::-webkit-scrollbar{display:none}
.airos-customer .plan-clock[data-single=true]{mask-image:none;-webkit-mask-image:none}
.airos-customer .plan-clock-item{position:relative;box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:var(--clock-step);min-width:0;scroll-snap-align:center;scroll-snap-stop:always;cursor:pointer;user-select:none;-webkit-user-select:none}
.airos-customer .plan-glass-card{box-sizing:border-box;flex:0 0 auto;display:grid;align-content:start;gap:12px;width:calc(100% - 40px);max-width:460px;min-width:0;padding:20px;border:1px solid #a18bc65e;border-radius:18px;background:linear-gradient(128deg,var(--family-tint,#503876e8),var(--family-end,#20143bf5) 65%,#243056f5);box-shadow:inset 0 1px 0 #ffffff26,0 8px 22px #05021055;color:#f7f5fc;transform:rotateX(var(--clock-tilt,0deg)) scale(var(--clock-scale,1));opacity:var(--clock-opacity,1);transform-origin:center;backface-visibility:hidden;transition:border-color .18s,box-shadow .18s}
.airos-customer .plan-clock-item.is-focused .plan-glass-card{border-color:var(--family-accent,#c0a3ed);box-shadow:inset 0 1px 0 #ffffff36,0 0 20px var(--family-glow,#743ddb33),0 12px 24px #06020d70}
.airos-customer .plan-clock-item.is-selected .plan-glass-card{border-color:var(--family-accent,#4cc9f0);box-shadow:inset 0 0 0 1px #bd94ff55,0 0 24px var(--family-glow,#7c45e73b)}
.airos-customer .plan-glass-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;line-height:1.4}
.airos-customer .plan-glass-top small{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d5c4f0}
.airos-customer .plan-glass-selected{font-size:12px;padding:3px 8px;border:1px solid #4cc9f070;border-radius:20px;background:#4cc9f014;color:#c3efff;visibility:hidden}
.airos-customer .plan-clock-item[aria-selected=true] .plan-glass-selected{visibility:visible}
.airos-customer .plan-glass-name{font-size:19px;font-weight:600;line-height:1.4;overflow-wrap:anywhere}
.airos-customer .plan-glass-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:7px;min-width:0}
.airos-customer .plan-glass-price b{font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#f2eaff}
.airos-customer .plan-glass-price>span{font-size:14px;color:#cfbfdf}
.airos-customer .plan-glass-speeds{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #cbb9ea29;padding-top:12px}
.airos-customer .plan-glass-speeds>span{display:grid;gap:3px;min-width:0}
.airos-customer .plan-glass-speeds b{font-size:16px;font-weight:500;line-height:1.4;color:#d2e9f7;overflow-wrap:anywhere}
.airos-customer .plan-glass-speeds small{font-size:14px;line-height:1.4;color:#c4b3d7}
.airos-customer .plan-picker-position{margin:0 0 12px;text-align:center;font-size:14px;color:#c8b6db;font-variant-numeric:tabular-nums}
.airos-customer .plan-picker-choose{display:flex;justify-content:center;width:calc(100% - 44px);margin:0 22px;min-height:46px;white-space:normal}
.airos-customer .support-plan-change{gap:14px}
.airos-customer .support-comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.airos-customer .support-change-badge{font-size:14px}
.airos-customer .support-plan-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.airos-customer .support-plan-comparison>.support-compared-plan{padding:14px;border:1px solid #a184d728;background:#0b061d55;gap:9px;border-radius:12px}
.airos-customer .support-plan-comparison>.is-selected{border-color:#b28bff;background:linear-gradient(135deg,#3a0ca347,#4361ee1d);box-shadow:inset 0 1px 0 #d8b8ff20,0 0 18px #723ddb28}
.airos-customer .support-plan-comparison small{font-size:14px;line-height:1.4}
.airos-customer .support-plan-comparison>.is-selected>small{color:#aeeaff;font-weight:600}
.airos-customer .support-plan-comparison strong{font-size:16px;line-height:1.45;overflow-wrap:anywhere}
.airos-customer .support-plan-comparison .support-compare-speeds{display:grid;gap:4px}
.airos-customer .support-plan-comparison span{font-size:14px;line-height:1.5}
.airos-customer .support-plan-comparison b{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.airos-customer #support-plans-retry{justify-self:start}
@media(max-width:600px){.airos-customer .plan-category{padding:10px;min-height:60px}.airos-customer .plan-picker-dialog{border-radius:18px}.airos-customer .plan-picker-heading{padding-inline:16px}.airos-customer .plan-picker-hint{margin-inline:16px}.airos-customer .plan-glass-card{padding:18px;gap:12px}.airos-customer .plan-picker-choose{width:calc(100% - 32px);margin-inline:16px}.airos-customer .support-plan-summary{padding:12px}.airos-customer .support-plan-comparison>.support-compared-plan{padding:10px}.airos-customer .support-direction-buttons .button{font-size:14px}}
@media(max-width:360px){.airos-customer .support-plan-comparison{grid-template-columns:1fr}.airos-customer .plan-category-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.airos-customer .plan-picker-dialog[open]{animation:plan-reveal .18s ease-out}}
@media(prefers-reduced-motion:reduce){.airos-customer .plan-category,.airos-customer .plan-glass-card{transition:none}.airos-customer .plan-glass-card{transform:scale(var(--clock-scale,1))}}

/* Three families, one AIROS identity. */
.airos-customer [data-family]{--family-accent:#ad9bc8;--family-light:#e0d7ee;--family-glow:#8a70b526;--family-tint:#413251f5;--family-end:#21162ff5}
.airos-customer [data-family=ultra]{--family-accent:#4cc9f0;--family-light:#bfefff;--family-glow:#4361ee45;--family-tint:#25446bf5;--family-end:#101e38f5}
.airos-customer [data-family=plus]{--family-accent:#b991ff;--family-light:#ead6ff;--family-glow:#8539e85c;--family-tint:#603699f5;--family-end:#251043f5}
.airos-customer .plan-category{border-top:2px solid var(--family-accent);background:linear-gradient(145deg,#170c2deb,#211137b8);padding:9px 12px;overflow-wrap:anywhere}
.airos-customer .plan-category>span{color:var(--family-light)}
.airos-customer .plan-category>small{min-width:0;overflow-wrap:anywhere}
.airos-customer .plan-category[data-family=hogar]{border-top-width:1px;box-shadow:none}
.airos-customer .plan-category[data-family=ultra]{background:linear-gradient(145deg,#152b47b0,#160c2ce8)}
.airos-customer .plan-category[data-family=plus]{background:linear-gradient(145deg,#48226c95,#160c2ce8);box-shadow:inset 0 1px 0 #ba91ff24,0 0 14px #7835d218}
.airos-customer .plan-category.is-active{border-color:var(--family-accent);box-shadow:inset 0 1px 0 #ffffff19,0 0 16px var(--family-glow)}
.airos-customer .plan-category.is-active>small{color:var(--family-light)}
.airos-customer .plan-picker-dialog{border-color:var(--family-accent)}
.airos-customer .plan-glass-top small{color:var(--family-light)}
.airos-customer .support-plan-comparison>.is-selected{border-color:var(--family-accent);background:linear-gradient(135deg,var(--family-tint),#160d30);box-shadow:inset 0 1px 0 #d8b8ff20,0 0 18px var(--family-glow)}
.airos-customer .support-plan-comparison>.is-selected>small{color:var(--family-light)}
@media(max-width:600px){
 .airos-customer .support-form{padding:14px;gap:14px}
 .airos-customer .support-change-kind legend{margin-bottom:8px}
 .airos-customer .support-direction-buttons{gap:8px}
 .airos-customer .support-direction-buttons .button{min-height:44px;padding:9px 6px;font-size:14px}
 .airos-customer .plan-category-bar{gap:7px}
 .airos-customer .plan-category{padding:9px 8px;min-height:56px;border-radius:11px}
 .airos-customer .plan-category>span{font-size:15px}
 .airos-customer .plan-category>small{font-size:14px}
 .airos-customer .support-comparison-heading{flex-wrap:nowrap;gap:8px;margin-bottom:10px}
 .airos-customer .support-change-badge{padding:4px 8px;white-space:nowrap}
 .airos-customer .support-change-selection{padding:7px 10px;min-height:44px}
 .airos-customer .support-plan-comparison{grid-template-columns:minmax(0,1fr);gap:10px}
 .airos-customer .support-plan-comparison>.support-compared-plan{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:12px}
 .airos-customer .support-compared-plan>small{grid-column:1;grid-row:1}
 .airos-customer .support-compared-plan>b{grid-column:2;grid-row:1;text-align:right;font-size:15px}
 .airos-customer .support-compared-plan>strong{grid-column:1/-1;grid-row:2;word-break:normal;overflow-wrap:break-word;font-size:16px}
 .airos-customer .support-plan-comparison .support-compare-speeds{grid-column:1/-1;grid-row:3;display:flex;flex-wrap:wrap;gap:4px 14px}
 .airos-customer .support-compare-speeds span{white-space:nowrap;font-size:14px}
 .airos-customer .plan-glass-card{width:calc(100% - 32px);padding:17px}
 .airos-customer .plan-picker-hint{font-size:14px}
}
@media(max-width:360px){.airos-customer .support-plan-comparison>.support-compared-plan{grid-template-columns:1fr}.airos-customer .support-compared-plan>b{grid-column:1;grid-row:4;text-align:left}.airos-customer .support-comparison-heading{flex-wrap:wrap}}

/* Mouse dragging complements native touch scrolling and the mouse wheel. */
@media(any-hover:hover) and (any-pointer:fine){.airos-customer .plan-clock:not([data-single=true]),.airos-customer .plan-clock:not([data-single=true]) .plan-clock-item{cursor:grab}}
.airos-customer .plan-clock.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.airos-customer .plan-clock.is-dragging,.airos-customer .plan-clock.is-dragging *{cursor:grabbing!important}
/* Mixed payment is available only inside its own payment method. */
.airos-customer .mixed-payment { border: 1px solid #b78bff60; border-radius: 16px; padding: 20px; background: radial-gradient(ellipse at top right, #4361ee18, transparent 65%), #26163c70; }
.airos-customer .mixed-payment > h3 { margin: 8px 0; font-size: 21px; }
.airos-customer .mixed-payment .request-help { font-size: 14px; line-height: 1.6; }
.airos-customer .mixed-parts { display: grid; gap: 16px; margin: 18px 0; }
.airos-customer .mixed-part { min-width: 0; border: 1px solid #ab87ed55; border-radius: 12px; padding: 16px; background: #130c2599; }
.airos-customer .mixed-part legend { padding: 0 7px; font-size: 15px; color: #d9c0ff; font-weight: 600; }
.airos-customer .mixed-part-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: end; }
.airos-customer .mixed-part-fields { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 16px; margin: 16px 0; }
.airos-customer .mixed-part .field { min-width: 0; font-size: 15px; }
.airos-customer .mixed-part small { font-size: 13px; }
.airos-customer .mixed-part-feedback { margin: 0 0 16px; }
.airos-customer .mixed-part-feedback > .request-help { margin: 0 0 8px; }
.airos-customer .mixed-remaining { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; padding: 12px 14px; border: 1px solid #ab87ed40; border-radius: 10px; background: #43266635; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.airos-customer .mixed-remaining-label { flex-basis: 100%; color: #d9c0ff; font-size: 14px; line-height: 1.5; }
.airos-customer .mixed-remaining strong { color: #f7f5fc; font-size: 18px; line-height: 1.5; }
.airos-customer .mixed-remaining-local { color: #e5d7f5; font-size: 15px; line-height: 1.5; }
.airos-customer .mixed-remaining.is-complete { border-color: #4cc9f075; background: #4361ee20; }
.airos-customer .mixed-remaining.is-excess { border-color: #edb68780; }
.airos-customer .mixed-destination { margin: 16px 0; padding: 14px; border-radius: 10px; background: #34204780; overflow-wrap: anywhere; }
.airos-customer .mixed-destination p { font-size: 14px; margin: 5px 0; line-height: 1.6; }
.airos-customer .mixed-destination img { width: 160px; max-width: 100%; height: auto; display: block; background: white; padding: 10px; border-radius: 8px; margin-top: 12px; }
.airos-customer .mixed-proof-preview { width: auto; max-width: 100%; max-height: 160px; object-fit: contain; display: block; margin-top: 14px; }
.airos-customer .mixed-total { display: grid; gap: 6px; margin: 20px 0 12px; padding: 16px; background: #43266655; border-radius: 12px; font-size: 16px; font-variant-numeric: tabular-nums; }
.airos-customer .mixed-total strong { font-size: 22px; overflow-wrap: anywhere; }
.airos-customer .mixed-complete .mixed-total { background: #25634d33; }
.airos-customer .mixed-cash-confirm { display: flex; align-items: center; gap: 12px; padding: 12px 0; font-size: 15px; line-height: 1.5; }
.airos-customer .mixed-cash-confirm input { width: 22px; height: 22px; flex: 0 0 22px; accent-color: #a36eea; }
/* One editable part at a time; completed parts keep their inputs and proof in place. */
.airos-customer .mixed-payment > .mixed-total {
 --total-accent: #c7a1ff; --total-shine: #4cc9f0;
 margin: 14px 0 20px; padding: 18px 20px; gap: 15px;
 border: 1px solid #ac78ef99; border-top-color: #d5b3ffcc; border-radius: 15px;
 background: radial-gradient(ellipse at 0 0, #7040ce65, transparent 70%), radial-gradient(ellipse at 100% 100%, #4361ee35, transparent 60%), linear-gradient(115deg, #301355, #1b1035);
 box-shadow: inset 0 1px 0 #ecd7ff18, 0 8px 28px #08021844, 0 0 24px #7c3bdc1a;
}
.airos-customer .mixed-total-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px 18px; font-size: 14px; line-height: 1.5; color: #d8c6ed; }
.airos-customer .mixed-total-meta > span { min-width: 0; overflow-wrap: anywhere; }
.airos-customer .mixed-total-meta > span:last-child { color: #eaddfb; }
.airos-customer .mixed-total-main { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 14px 24px; }
.airos-customer .mixed-total-balance { display: grid; flex: 1 1 210px; min-width: 0; gap: 4px; margin: 0; }
.airos-customer .mixed-total-label { font-size: 14px; line-height: 1.4; font-weight: 500; color: #dbc4fa; }
.airos-customer .mixed-total-number { font-size: clamp(28px, 3.2vw, 38px); font-weight: 700; line-height: 1.15; letter-spacing: -.025em; color: #fff; text-shadow: 0 0 22px #cda6ff36; }
.airos-customer .mixed-total-currencies { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; color: #ede1ff; }
.airos-customer .mixed-total-currencies > span { min-width: 0; padding: 9px 12px; border: 1px solid #bb93f25c; border-radius: 9px; background: #a581d918; box-shadow: inset 0 1px 0 #ffffff09; font-size: 16px; font-weight: 600; line-height: 1.4; overflow-wrap: anywhere; }
.airos-customer .mixed-progress-area { display: grid; gap: 7px; }
.airos-customer .mixed-progress { height: 5px; overflow: hidden; border-radius: 99px; background: #08051980; box-shadow: inset 0 1px 2px #0003; }
.airos-customer .mixed-progress-fill { display: block; height: 100%; width: var(--mixed-progress, 0%); border-radius: inherit; background: linear-gradient(90deg, #9863ed, var(--total-accent) 55%, var(--total-shine)); }
.airos-customer .mixed-progress-label { font-size: 13px; line-height: 1.4; color: #d8c6ed; }
.airos-customer .mixed-payment > .mixed-total[data-state=complete] { --total-accent: #91e5d7; --total-shine: #4cc9f0; border-color: #7ddbcc80; background: radial-gradient(ellipse at 100% 100%, #4cc9f01b, transparent 65%), linear-gradient(115deg, #24244b, #172d35); }
.airos-customer .mixed-total[data-state=complete] .mixed-total-label { font-size: 22px; font-weight: 600; color: #b5f5e3; }
.airos-customer .mixed-total[data-state=complete] .mixed-total-currencies > span { border-color: #7ddbcc45; background: #7ddbcc0e; }
.airos-customer .mixed-payment > .mixed-total[data-state=attention] { --total-accent: #efcf99; --total-shine: #f0b680; border-color: #efcf9980; }
.airos-customer .mixed-total[data-state=attention] .mixed-total-label { color: #efcf99; }
@media (max-width: 640px) {
 .airos-customer .mixed-payment > .mixed-total { padding: 16px; gap: 13px; }
 .airos-customer .mixed-total-balance, .airos-customer .mixed-total-currencies { flex-basis: 100%; }
 .airos-customer .mixed-total-currencies > span { flex: 1 1 120px; padding: 8px 10px; font-size: 15px; }
}
@media (prefers-reduced-motion: no-preference) {
 .airos-customer .mixed-progress-fill { transition: width .28s ease-out; }
 .airos-customer .mixed-payment > .mixed-total { transition: border-color .25s ease, box-shadow .25s ease; }
}
.airos-customer .mixed-part-top { grid-template-columns: minmax(0, 1fr); }
.airos-customer .mixed-part-top .field { margin: 0; }
.airos-customer .mixed-part.is-editing { border-color: #b795eb; box-shadow: 0 0 18px #3a0ca31a; }
.airos-customer .mixed-part-summary { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; }
.airos-customer .mixed-summary-info { display: grid; flex: 1 1 180px; min-width: 0; gap: 4px; overflow-wrap: anywhere; }
.airos-customer .mixed-summary-name { font-size: 16px; line-height: 1.5; }
.airos-customer .mixed-summary-name:focus { outline: none; }
.airos-customer .mixed-summary-amount { font-size: 18px; line-height: 1.4; color: #e2d2ff; font-variant-numeric: tabular-nums; }
.airos-customer .mixed-summary-equivalent, .airos-customer .mixed-summary-state { font-size: 14px; line-height: 1.5; color: #c8badb; }
.airos-customer .is-added .mixed-summary-state { color: #a1dbc5; }
.airos-customer .mixed-summary-actions, .airos-customer .mixed-editor-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.airos-customer .mixed-editor-actions { margin-top: 14px; }
.airos-customer .mixed-editor-actions .button { flex: 1 1 150px; white-space: normal; }
.airos-customer .mixed-destination { margin: 10px 0 0; padding: 0; border: 1px solid #af89ff40; background: #55337e24; }
.airos-customer .mixed-destination summary { box-sizing: border-box; min-height: 48px; padding: 12px; cursor: pointer; font-size: 14px; font-weight: 500; line-height: 1.5; color: #e5d5ff; border-radius: 9px; user-select: none; touch-action: manipulation; }
.airos-customer .mixed-destination summary::marker { color: #bba0ef; }
.airos-customer .mixed-destination[open] { border-color: #b795eb80; }
.airos-customer .mixed-destination[open] summary { background: #aa8be510; border-radius: 9px 9px 0 0; }
.airos-customer .mixed-destination-content { display: flex; flex-wrap: wrap; align-items: start; gap: 14px 18px; padding: 4px 12px 14px; }
.airos-customer .mixed-destination-info { min-width: 0; flex: 1 1 240px; }
.airos-customer .mixed-destination-fields { display: grid; margin: 0; }
.airos-customer .mixed-destination-fields > div { display: grid; grid-template-columns: 5.8rem minmax(0, 1fr); align-items: baseline; gap: 10px; padding: 8px 0; border-bottom: 1px solid #b89adb1c; }
.airos-customer .mixed-destination-fields > div:last-child { border-bottom: 0; }
.airos-customer .mixed-destination-fields dt { min-width: 0; font-size: 14px; line-height: 1.5; color: #bfb0d3; }
.airos-customer .mixed-destination-fields dd { min-width: 0; margin: 0; font-size: 14px; font-weight: 500; line-height: 1.5; color: #efe4ff; overflow-wrap: anywhere; }
.airos-customer .mixed-destination .mixed-destination-instructions { margin: 10px 0 0; white-space: pre-wrap; }
.airos-customer .mixed-destination .mixed-destination-qr { flex: 0 1 144px; width: 144px; height: 144px; max-width: 100%; margin: 8px auto 0; padding: 8px; object-fit: contain; }
.airos-customer .mixed-destination summary:focus-visible { outline: 2px solid #4cc9f0; outline-offset: 3px; }
@media (max-width: 380px) { .airos-customer .mixed-destination-fields > div { grid-template-columns: minmax(0, 1fr); gap: 3px; } }
.airos-customer .mixed-part-status { font-size: 14px; line-height: 1.6; color: #efcf99; margin: 10px 0; }
.airos-customer .mixed-part-status:empty, .airos-customer .mixed-part-editor > .request-help:empty { display: none; }
.airos-customer .mixed-draft-note { font-size: 14px; line-height: 1.5; color: #c6b8d8; margin: 12px 0 0; }
.airos-customer #report-form.is-mixed-payment .report-fields { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 640px) {
 .airos-customer .mixed-summary-actions { width: 100%; }
 .airos-customer .mixed-summary-actions .button { flex: 1; }
 .airos-customer .mixed-add-part { width: 100%; }
}
@media (prefers-reduced-motion: no-preference) {
 .airos-customer .mixed-part-editor:not([hidden]), .airos-customer .mixed-part-summary:not([hidden]) { animation: airos-arrive .18s ease-out both; }
}
/* Keep compact controls readable when names, amounts or text size grow. */
.airos-customer .service-name-edit { font-size: 14px; }
.airos-customer .service-name-hint { flex-wrap: wrap; gap: 4px 12px; font-size: 13px; }
.airos-customer .service-name-actions, .airos-customer .payment-review-actions { flex-wrap: wrap; }
.airos-customer .service-name-actions .button, .airos-customer .payment-review-actions .button { flex: 1 1 140px; }
.airos-customer .invoice-dialog table { min-width: 0; table-layout: fixed; }
.airos-customer .invoice-dialog th:first-child { width: 48%; }
.airos-customer .invoice-dialog :is(th, td) { padding: 10px 6px; overflow-wrap: anywhere; }
.airos-customer .invoice-dialog-heading { flex-wrap: wrap; }
.airos-customer .invoice-totals > div { flex-wrap: wrap; gap: 4px 12px; }
.airos-customer .invoice-totals dd { margin-left: auto; max-width: 100%; overflow-wrap: anywhere; }
.airos-customer .payment-service-info strong { overflow-wrap: anywhere; }
.airos-customer #portal-main:focus, .airos-customer #support-detail:focus, .airos-customer #payment-services-title:focus { outline: none; }
@media (max-width: 600px) {
 .airos-customer .support-alerts { position: static; }
 .airos-customer .support-alert-panel { position: absolute; top: calc(100% + 8px); left: 16px; right: 16px; width: auto; }
}
@media(max-width: 640px) {
 .airos-customer .mixed-payment { padding: 14px; }
 .airos-customer .mixed-part { padding: 12px; }
 .airos-customer .mixed-part-fields { grid-template-columns: minmax(0, 1fr); }
 .airos-customer .mixed-part-top { grid-template-columns: minmax(0, 1fr); }
 .airos-customer .mixed-part-top > button { justify-self: end; }
}