/* Account portal and support components shared by the tenant and platform. */
.saas-panel { background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:24px;margin:0 0 24px;color:#20304b;box-shadow:0 2px 4px #17355703; }
.saas-panel h2,.saas-panel h3 { margin:0 0 8px;letter-spacing:-.025em; }
.saas-panel p { line-height:1.65;margin:6px 0 18px; }
.saas-muted { color:#697b93;font-size:13px; }
.saas-label { display:block;font-size:13px;font-weight:600;margin:0 0 8px; }
.saas-input { display:block;width:100%;max-width:100%;border:1px solid #d9e2ef;border-radius:9px;background:#fff;padding:11px 13px;font:inherit;color:#20304b;min-height:42px; }
textarea.saas-input { resize:vertical;line-height:1.6; }
.saas-input:focus { outline:3px solid #ddecff;border-color:#357bea; }
.saas-form-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
.saas-field-full { grid-column:1/-1; }
.saas-actions { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px; }
.saas-btn { display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid #dbe4f0;border-radius:9px;text-decoration:none;background:#fff;color:#284468;cursor:pointer;font:600 13px/1.4 system-ui; }
.saas-btn.primary { background:#1765e5;border-color:#1765e5;color:#fff; }
.saas-btn:hover { filter:brightness(.96); }
.saas-btn:focus-visible { outline:3px solid #9abfff;outline-offset:2px; }
.saas-alert { display:flex;align-items:flex-start;gap:12px;border:1px solid #c8defb;background:#f0f7ff;color:#194d88;border-radius:12px;padding:16px 20px;margin:0 0 20px;line-height:1.6; }
.saas-alert.warning { background:#fff8ea;color:#855009;border-color:#f4dcab; }
.saas-alert.error { background:#fff1f1;color:#9c2c30;border-color:#f6cccc; }
.saas-alert.success { background:#eefbf6;color:#167350;border-color:#c4eedf; }
.saas-split { display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:24px;align-items:start; }
.saas-badge { display:inline-flex;padding:4px 9px;border-radius:6px;background:#edf4ff;color:#2865b4;font-size:11px;font-weight:650;line-height:1.4;white-space:nowrap; }
.saas-badge.urgent,.saas-badge.high { color:#9b3f15;background:#fff1df; }
.saas-badge.resolved,.saas-badge.closed { color:#25704f;background:#eaf6ef; }
.saas-badge.new { background:#1765e5;color:#fff; }
.saas-table-wrap { overflow:auto; }
.saas-table { border-collapse:collapse;width:100%;font-size:13px; }
.saas-table th { color:#75849b;text-align:left;font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:14px 16px;background:#f9fbfe; }
.saas-table td { padding:17px 16px;border-top:1px solid #edf1f7;vertical-align:middle; }
.saas-table a { color:#1a5dbd;text-decoration:none;font-weight:600; }
.saas-table small { display:block;color:#72819a;margin-top:5px; }
.saas-empty { padding:46px 24px;text-align:center; }
.saas-empty strong { display:block;font-size:17px; }
.saas-empty p { color:#72819a;margin:8px auto 20px;max-width:440px; }
.saas-filter { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px;align-items:center; }
.saas-filter .saas-input { width:auto;flex:1;min-width:150px; }
.saas-filter input[type=search] { flex:2; }
.saas-thread { display:flex;flex-direction:column;gap:20px; }
.saas-message { background:#f6f8fc;border:1px solid #e5ebf5;border-radius:12px;padding:18px; }
.saas-message.staff { border-color:#d3e4fc;background:#f1f7ff; }
.saas-message.internal { background:#fffaec;border-color:#f4e6bd; }
.saas-message-head { display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:12px; }
.saas-message-head time { margin-left:auto;color:#77879d;font-size:11px; }
.saas-message-body { white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7; }
.saas-info { margin:0; }
.saas-info div { display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f7;font-size:13px; }
.saas-info dt { color:#73839a; }.saas-info dd { margin:0;text-align:right;font-weight:600;overflow-wrap:anywhere; }
.saas-usage-row { margin:20px 0; }.saas-usage-row div { display:flex;justify-content:space-between;gap:12px;font-size:13px; }
.saas-usage-row progress { width:100%;height:7px;border:0;border-radius:8px;background:#edf2f8;margin-top:10px;accent-color:#2676e8; }
.saas-usage-row progress::-webkit-progress-bar { background:#edf2f8;border-radius:8px; }.saas-usage-row progress::-webkit-progress-value { border-radius:8px;background:#2676e8; }
.saas-usage-row.at-limit progress::-webkit-progress-value { background:#e29a31; }
.saas-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px; }
.saas-step { display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dfe8f6;border-radius:10px;color:#28405f;text-decoration:none;font-size:13px;font-weight:600; }
.saas-step i { width:28px;height:28px;border-radius:50%;background:#eaf2ff;color:#2268d4;display:grid;place-items:center;font-style:normal;flex-shrink:0; }
.saas-step.done { color:#5b746b;background:#f7fcf9; }.saas-step.done i { background:#dcf3e9;color:#198358; }
.saas-plan-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px; }
.saas-plan-price { font-size:28px;font-weight:750;letter-spacing:-.04em; }.saas-plan-price small { font-size:12px;font-weight:500;letter-spacing:0; }
.saas-check { display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.5; }
.saas-page-heading { display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px; }.saas-page-heading h1 { margin:0 0 6px; }.saas-page-heading p { margin:0;color:#72839b; }
.saas-pagination { display:flex;gap:16px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:13px;color:#647994; }
@media(max-width:900px){.saas-split{grid-template-columns:1fr}.saas-steps{grid-template-columns:1fr}.saas-page-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.saas-form-grid{grid-template-columns:1fr}.saas-panel{padding:18px}.saas-filter{flex-direction:column;align-items:stretch}.saas-filter .saas-input{width:100%}.saas-message-head time{margin-left:0}}
/* Mi suscripción: cómo pagar y aviso de pago */
.account-pay h3{margin:22px 0 4px;font-size:16px}
.account-pay-instructions{padding:14px 16px;border:1px solid #d6e3f5;border-radius:12px;background:#f5f9ff;font-size:15px;line-height:1.65;overflow-wrap:anywhere}
.account-pay-form{margin-top:12px}