@charset "UTF-8";
.summary-card.invoice-summary>strong{font-size:27px;letter-spacing:-.6px}.invoice-explanation,.invoice-source-note,.invoice-description{font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere}.invoice-source-note{font-size:11px;margin:0 0 19px}.invoice-results{display:grid;min-width:0}.invoice-result{display:grid;grid-template-columns:35px minmax(0,1fr) auto 15px;gap:15px;align-items:center;padding:23px 0;border-top:1px solid #e8edf5;text-decoration:none;color:#557390;min-width:0}.invoice-result:first-child{border-top:0}.invoice-result:last-child{padding-bottom:3px}.invoice-result>.icon:last-child{width:14px;height:14px;color:#98abc1}.invoice-result-amount{display:grid;gap:5px;justify-items:end;text-align:right}.invoice-result-amount>strong{font-size:13px;font-weight:550;color:#5d7b9e}.invoice-result-amount>small,.invoice-result-amount>span{font-size:10px;color:#8ea0b6}.invoice-result-amount>span{margin-top:4px}.invoice-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.invoice-detail-layout h2{font-size:17px}.invoice-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;margin:25px 0}.invoice-details>div{display:grid;gap:7px;min-width:0}.invoice-details dt{font-size:10px;color:#8fa1b7}.invoice-details dd{font-size:12px;color:#6280a0;font-weight:550;line-height:1.8;margin:0;overflow-wrap:anywhere}.invoice-description{white-space:pre-wrap}.invoice-error{max-width:760px}.invoice-error h1{font-size:23px}.invoice-error p{font-size:12px;color:var(--muted);line-height:1.9}@media(max-width:900px){.invoice-detail-layout{grid-template-columns:1fr}}@media(max-width:700px){.invoice-result{grid-template-columns:29px minmax(0,1fr) 14px;gap:9px 11px;align-items:start}.invoice-result>.result-icon{width:28px;height:32px}.invoice-result-amount{grid-column:2;justify-items:start;text-align:left}.invoice-result>.icon:last-child{grid-column:3;grid-row:1/3;align-self:center}.invoice-details{grid-template-columns:1fr;gap:20px}.invoice-explanation,.invoice-source-note{font-size:11px}.invoice-error h1{font-size:21px}.invoice-error .button{min-height:44px}.portal-heading>.button[data-action=refresh-invoices],.portal-heading>.button[data-action=invoice-pdf]{margin-top:17px;min-height:46px}}
/* Functional customer decisions and subscription requests. */
.portal-nav-wrap .portal-nav.expanded{flex-wrap:wrap}.quote-decision-card>h2,.quote-decision-result>h2,.quote-decision-readonly>h2,.subscription-request-card>h2{font-size:18px;margin:0 0 15px}.quote-decision-card>p,.quote-decision-result>p,.quote-decision-readonly>p,.subscription-request-card>p,.subscription-info{font-size:12px;line-height:1.9;color:var(--muted)}.quote-decision-card fieldset{padding:16px;margin:20px 0;border:1px solid var(--border);border-radius:8px;display:grid;gap:13px}.quote-decision-card legend{padding:0 7px;font-size:12px;font-weight:600;color:#5c7898}.quote-decision-card fieldset label,.quote-decision-confirm{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.8;color:#6a829e}.quote-decision-card input[type=radio],.quote-decision-card input[type=checkbox]{width:17px;height:17px;flex-shrink:0;margin:3px 0;accent-color:var(--blue)}.quote-decision-confirm{margin:20px 0}.quote-decision-card .field{max-width:320px;font-size:12px}.quote-decision-card .field-hint,.subscription-request-card .field-hint{font-size:11px;line-height:1.8;color:var(--muted)}.quote-decision-card form>.button{margin-top:8px}.quote-decision-card>button{margin-top:15px}.quote-decision-result{border-color:#d4eade;background:#f7fcf9}.quote-decision-result>.state-icon{background:#e7f7ed;color:#42845e}.summary-card.subscription-summary>strong{font-size:27px;letter-spacing:-.6px}.subscriptions-list{display:grid;gap:22px}.subscription-card>header,.subscription-line>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.subscription-card header h2{font-size:19px;margin:0;line-height:1.7;overflow-wrap:anywhere}.subscription-line header h3{font-size:15px;margin:0;line-height:1.7;overflow-wrap:anywhere}.subscription-card header .eyebrow,.subscription-line header .eyebrow{font-size:10px;color:#8a9db3;margin:0 0 7px}.subscription-status{display:inline-block;padding:5px 9px;white-space:nowrap;border-radius:6px;font-size:10px;background:#eaf7f1;color:#458169}.subscription-status.future{background:#edf3fd;color:#5d83b1}.subscription-status.ended{background:#f0f2f6;color:#8595aa}.subscription-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px 24px;margin:25px 0}.subscription-details>div{display:grid;gap:7px;min-width:0}.subscription-details dt{font-size:10px;color:#8a9db5}.subscription-details dd{font-size:12px;color:#5e7c9d;line-height:1.8;margin:0;overflow-wrap:anywhere}.subscription-details dd>small{display:block;font-size:10px;color:#91a2b7}.subscription-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.subscription-actions .button{font-size:11px;min-height:42px}.subscription-lines{border-top:1px solid var(--border);margin-top:25px;padding-top:23px}.subscription-lines>h3{font-size:13px;color:#6f86a1;margin:0 0 20px}.subscription-line{border-top:1px solid #e8eef6;padding:20px 0}.subscription-line:first-of-type{border-top:0;padding-top:0}.subscription-line:last-of-type{padding-bottom:0}.subscription-request-card{margin:20px 0 25px}.subscription-request-card .field{font-size:12px}.subscription-request-card textarea{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;line-height:1.8;color:var(--ink);background:var(--surface);min-height:140px;resize:vertical}.subscription-info{margin:0 0 24px}
@media(max-width:800px){.subscription-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.quote-decision-card input[type=radio],.quote-decision-card input[type=checkbox]{width:20px;height:20px}.quote-decision-card form>.button,.quote-decision-card>button{min-height:46px;width:100%}.quote-decision-card .field{max-width:none}.subscription-card>header,.subscription-line>header{flex-wrap:wrap;gap:12px}.subscription-details{grid-template-columns:1fr;gap:19px}.subscription-request-card textarea{font-size:16px}.subscription-actions{flex-direction:column;align-items:stretch}.subscription-actions>.button{min-height:46px;width:100%}.subscription-info{font-size:11px}.subscription-card header h2{font-size:18px}}
/* Published quote versions. */
.summary-card.quote-summary>strong{font-size:27px;letter-spacing:-.6px;margin-top:23px}.quote-summary{background:#fafbff;border-color:#dfe4f2}.quote-results{display:grid;min-width:0}.quote-result{display:grid;grid-template-columns:35px minmax(0,1fr) auto auto 15px;align-items:center;gap:15px;padding:22px 0;border-top:1px solid #e8edf5;text-decoration:none;color:#486887;min-width:0}.quote-result:first-child{border-top:0}.quote-result:last-child{padding-bottom:4px}.quote-result:hover .result-main>strong{color:#2e6dbc}.quote-result-amount{display:grid;justify-items:end;gap:5px;text-align:right}.quote-result-amount>strong{font-size:14px;color:#4b6b8d;font-weight:600;white-space:nowrap}.quote-result-amount>small{font-size:9px;color:#93a3b7}.quote-result>.icon:last-child{width:14px;height:14px;color:#95a9c2}.quote-status{display:inline-block;white-space:nowrap;padding:5px 8px;border-radius:6px;font-size:9px;font-weight:600;line-height:1.6;background:#eaf7f1;color:#43876d}.quote-status.expired{background:#f0f2f6;color:#8795a7}.quote-heading>.button{flex-shrink:0;margin-top:4px}.quote-heading .quote-status{margin-top:14px}.quote-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.quote-detail-main{display:grid;gap:23px;min-width:0}.quote-introduction h2,.quote-lines-card>h2,.quote-conditions>h2{font-size:17px;margin-bottom:19px}.quote-introduction>p,.quote-conditions>p{font-size:12px;line-height:1.9;color:#6f859e;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.quote-lines{min-width:0;overflow-x:auto}.quote-lines table{width:100%;border-collapse:collapse;text-align:right;font-size:11px}.quote-lines th{text-align:right;font-size:9px;font-weight:550;line-height:1.8;color:#8b9cb2;padding:13px 9px;background:#f7f9fd;border-bottom:1px solid #e4ebf5;white-space:nowrap}.quote-lines th:first-child,.quote-lines td:first-child{text-align:left;padding-left:0;min-width:120px}.quote-lines th:first-child{padding-left:10px}.quote-lines td{vertical-align:top;padding:19px 9px;line-height:1.7;color:#7189a4;border-bottom:1px solid #e8eef6;white-space:nowrap}.quote-lines td:first-child{white-space:normal;overflow-wrap:anywhere}.quote-lines td>strong{font-weight:550;color:#4c6f93}.quote-lines td>small{display:block;font-size:9px;color:#94a5ba;margin-top:5px}.quote-lines td:last-child,.quote-lines th:last-child{padding-right:0}.quote-totals{display:grid;gap:14px;max-width:360px;margin:26px 0 0 auto}.quote-totals>div{display:flex;justify-content:space-between;gap:20px;align-items:center}.quote-totals dt{font-size:11px;color:#8396ad}.quote-totals dd{font-size:12px;color:#5f7fa3;font-weight:550;margin:0;white-space:nowrap}.quote-totals>.quote-total-final{border-top:1px solid #dfe8f3;padding-top:18px;margin-top:2px}.quote-total-final dt{font-size:12px;color:#4c6d92;font-weight:600}.quote-total-final dd{font-size:21px;color:#365f90;font-weight:650;letter-spacing:-.4px}.quote-conditions>dl{display:grid;gap:17px;margin:20px 0 0}.quote-conditions>dl>div{display:grid;gap:6px}.quote-conditions dt{font-size:10px;color:#8a9db4}.quote-conditions dd{font-size:12px;color:#6b84a0;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.quote-information>h2{font-size:16px}.quote-information>p{font-size:11px;line-height:1.85;color:#8396ad;margin:23px 0 0}.quote-information>.support-inline{font-size:10px;line-height:1.7;margin-bottom:0;padding-bottom:0;border-bottom:0}.quote-information>.support-inline>strong{font-size:12px}.quote-error{max-width:760px;padding:30px}.quote-error>h1{font-size:23px;line-height:1.4}.quote-error>p{font-size:12px;line-height:1.9;color:var(--muted)}
@media(max-width:1050px){.quote-detail-layout{grid-template-columns:1fr}.quote-information{max-width:none}.quote-information>.info-list{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-information>.support-inline{display:flex;flex-wrap:wrap;gap:14px 20px}}
@media(max-width:700px){.portal-nav-wrap .portal-nav.expanded{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.portal-nav-wrap .portal-nav.expanded>a{font-size:10px;padding-top:10px;padding-bottom:8px;min-height:57px}.quote-result{grid-template-columns:29px minmax(0,1fr) 14px;gap:9px 11px;padding:20px 0;align-items:start}.quote-result>.result-icon{width:28px;height:32px}.quote-result>.result-main{grid-column:2}.quote-result-amount{grid-column:2;justify-items:start;text-align:left;gap:3px}.quote-result-amount>strong{font-size:13px}.quote-result>.quote-status{grid-column:2;justify-self:start}.quote-result>.icon:last-child{grid-column:3;grid-row:1/4;align-self:center}.quote-heading>.button{margin-top:18px;min-height:46px;max-width:100%}.quote-detail-main{gap:19px}.quote-lines table,.quote-lines tbody{display:block;width:100%;min-width:0}.quote-lines thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.quote-lines tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;border-top:1px solid #e5edf7;padding:20px 0}.quote-lines td{padding:0!important;border:0;min-width:0!important;text-align:left!important;font-size:11px;white-space:normal}.quote-lines td::before{content:attr(data-label);display:block;font-size:9px;color:#9baabe;margin-bottom:5px}.quote-lines td:first-child{grid-column:1/-1}.quote-lines td:first-child::before{display:none}.quote-lines td:first-child>strong{font-size:13px;line-height:1.8}.quote-lines td>small{margin-top:3px}.quote-lines td:last-child>strong{font-size:13px}.quote-totals{max-width:none;border-top:1px solid #e2eaf5;margin-top:2px;padding-top:22px;gap:15px}.quote-total-final dd{font-size:22px}.quote-information>.info-list{grid-template-columns:1fr}.quote-information>.support-inline{display:grid}.quote-error{padding:24px}.quote-error>h1{font-size:21px}.quote-error .button,.portal-heading>.button[data-action=refresh-quotes]{min-height:44px}.portal-heading>.button[data-action=refresh-quotes]{margin-top:17px}}
/* Read-only prepaid cards. Balances are supplied only by the authorized module. */
.summary-card.prepaid-summary>strong{font-size:25px;letter-spacing:-.7px;margin-top:24px}
.prepaid-summary{background:#f8fbff;border-color:#d7e4f6}.prepaid-summary>strong{font-size:25px;letter-spacing:-.7px;margin-top:24px}.prepaid-overview{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);border:1px solid #cddff3;background:#f5f9ff;border-radius:13px;overflow:hidden;margin-bottom:17px}.prepaid-available{padding:30px 32px;background:#eaf3ff;min-width:0}.prepaid-available>span{font-size:12px;color:#57789f;font-weight:550}.prepaid-available>strong{display:block;font-size:39px;line-height:1.3;letter-spacing:-1px;color:#254c7c;margin:13px 0}.prepaid-available>p{font-size:12px;color:#637f9f;line-height:1.8;margin:0 0 12px}.prepaid-available>small{font-size:10px;color:#6d86a4}.prepaid-totals{display:grid;gap:20px;margin:0;padding:31px 34px;align-content:center}.prepaid-totals>div{display:flex;justify-content:space-between;align-items:center;gap:16px;min-width:0}.prepaid-totals dt{font-size:11px;color:#7c8fa7}.prepaid-totals dd{font-size:16px;font-weight:600;margin:0;color:#466787;text-align:right}.prepaid-explanation{font-size:11px;line-height:1.9;color:var(--muted);margin:0 0 27px;max-width:940px}.prepaid-cards{display:grid;gap:22px}.prepaid-card{min-width:0}.prepaid-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.prepaid-card header .eyebrow{font-size:10px;letter-spacing:.5px;margin:0 0 7px;color:#8194ac}.prepaid-card header h2{font-size:19px;line-height:1.6;margin:0;overflow-wrap:anywhere}.prepaid-status{display:inline-block;flex-shrink:0;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:600;color:#69809b;background:#eef2f7}.prepaid-status.active{background:#eaf7f1;color:#3b846a}.prepaid-status.almost_empty{background:#fff4dc;color:#947039}.prepaid-status.expired{background:#f2f3f6;color:#8c94a0}.prepaid-status.upcoming{background:#eaf1fd;color:#4d75ad}.prepaid-card-balance{margin:22px 0 20px}.prepaid-card-balance>span{display:block;font-size:10px;color:#8396ad;margin-bottom:6px}.prepaid-card-balance>strong{font-size:29px;line-height:1.4;font-weight:650;letter-spacing:-.6px;color:#3e6289}.prepaid-card-totals{display:flex;flex-wrap:wrap;gap:20px 38px;margin:0 0 22px}.prepaid-card-totals>div{display:grid;gap:6px}.prepaid-card-totals dt{font-size:10px;color:#8a9cb2}.prepaid-card-totals dd{font-size:12px;font-weight:550;color:#607d9e;margin:0}.prepaid-validity{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:11px;color:#7189a3;line-height:1.8}.prepaid-validity>.icon{width:14px;height:14px;flex-shrink:0;margin-top:3px;color:#93a9c3}.prepaid-card-note{font-size:11px;line-height:1.9;color:#8192a8;margin:12px 0 0}.prepaid-history{border-top:1px solid var(--border);margin-top:24px;padding-top:3px}.prepaid-history>summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:#547baa;font-weight:550;min-height:49px;list-style:none}.prepaid-history>summary::before{content:'›';font-size:20px;line-height:1;color:#8ca7c9;transform-origin:center}.prepaid-history[open]>summary::before{transform:rotate(90deg)}.prepaid-history>summary>span{margin-left:auto;font-size:10px;color:#8a9db4;background:#f0f4fa;padding:3px 8px;border-radius:4px}.prepaid-history>ol{list-style:none;margin:2px 0 0;padding:0}.prepaid-history-item{display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:13px;padding:19px 0;border-top:1px solid #eaf0f7;min-width:0}.prepaid-history-icon{display:grid;place-items:center;width:28px;height:30px;border-radius:7px;background:#eff4fb;color:#8aabce}.prepaid-history-icon>.icon{width:14px;height:14px}.prepaid-history-main>strong{font-size:11px;font-weight:600;color:#5a7695}.prepaid-history-main>time{font-size:10px;color:#90a0b4;margin-left:10px}.prepaid-history-main>p{font-size:11px;color:#8394a9;line-height:1.8;margin:6px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}.prepaid-ticket{display:block;margin-top:7px;font-size:10px;color:#7f94ae}.prepaid-ticket a{display:inline-flex;gap:6px;align-items:center;text-decoration:none;color:#5d88bd}.prepaid-ticket .icon{width:12px;height:12px}.prepaid-history-amount{display:grid;justify-items:end;align-content:start;gap:7px;text-align:right}.prepaid-history-amount>strong{font-size:12px;font-weight:600;color:#5b7da4}.prepaid-history-amount>small{font-size:9px;color:#91a1b6;line-height:1.7}.prepaid-history-item.consumption .prepaid-history-amount>strong{color:#647d99}.prepaid-error{max-width:760px;padding:30px}.prepaid-error>h2{font-size:19px}.prepaid-error>p{font-size:12px;line-height:1.9;color:var(--muted)}
@media(max-width:1000px){.portal-nav-wrap .portal-verified{display:none}.prepaid-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){.portal-nav-wrap .portal-nav{display:flex;gap:0}.portal-nav-wrap .portal-nav a{flex:1;min-width:0;font-size:9px;padding-left:2px;padding-right:2px;text-align:center}.prepaid-summary>strong{font-size:25px}.prepaid-overview{grid-template-columns:1fr}.prepaid-available{padding:25px}.prepaid-available>strong{font-size:34px}.prepaid-totals{padding:23px 25px;gap:17px}.prepaid-totals dd{font-size:14px}.prepaid-explanation{font-size:10px;line-height:1.9;margin-bottom:21px}.prepaid-card>header{gap:13px;flex-wrap:wrap}.prepaid-card header h2{font-size:18px}.prepaid-status{font-size:9px}.prepaid-card-balance>strong{font-size:27px}.prepaid-card-totals{gap:18px 30px}.prepaid-history-item{grid-template-columns:25px minmax(0,1fr);gap:9px 10px}.prepaid-history-main>time{display:block;margin:4px 0 0;font-size:9px}.prepaid-history-amount{grid-column:2;justify-items:start;text-align:left;gap:5px}.prepaid-history-amount>small{font-size:9px}.prepaid-history>summary{min-height:48px}.prepaid-validity{font-size:10px}.prepaid-error{padding:23px}.prepaid-error>.state-actions>.button{min-height:44px}.portal-heading>.button[data-action=refresh-prepaid]{margin-top:18px;min-height:44px}}
.portal-upload{margin:23px 0;padding:18px;border:1px solid var(--border);border-radius:9px;background:#f8faff;min-width:0}.portal-upload>strong{font-size:12px}.portal-upload>strong>span{font-weight:400;color:var(--muted)}.portal-upload>p{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0 14px}.portal-upload>.button{font-size:11px;min-height:40px}.portal-upload-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.portal-upload-list>li{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 0;border-top:1px solid var(--border)}.portal-upload-list>li>.icon{width:17px;height:17px;color:#7a93b5;flex-shrink:0}.portal-upload-list>li>span{flex:1;min-width:0}.portal-upload-list strong{display:block;font-size:11px;font-weight:550;overflow-wrap:anywhere}.portal-upload-list small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.portal-upload-list button{padding:8px 0 8px 10px;border:0;background:none;color:#5279a9;font-size:10px;cursor:pointer;min-height:40px}.portal-upload-list button:disabled{color:var(--muted);cursor:wait}.portal-upload>.portal-upload-error{color:#a74646;margin:14px 0 0;font-size:11px}.portal-upload-progress{margin-top:16px;display:grid;gap:7px}.portal-upload-progress[hidden]{display:none}.portal-upload-progress progress{width:100%;height:8px;accent-color:var(--blue,#3675c5)}.portal-upload-progress span{font-size:10px;color:var(--muted);line-height:1.7}.attachment.unavailable{background:#f5f7fa;cursor:default}.attachment.unavailable:hover{border-color:#dde5f0;background:#f5f7fa}.attachment.unavailable .icon{color:#94a2b3}.attachment.unavailable.rejected small{color:#a05c56}.attachment-check-note{margin-top:18px;padding:14px 16px;border-radius:8px;background:#f4f7fc}.attachment-check-note>p{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 10px}.attachment-check-note>.button{font-size:10px;min-height:40px}@media(max-width:700px){.portal-upload{padding:14px}.portal-upload-list>li{gap:7px;flex-wrap:wrap}.portal-upload-list>li>span{flex-basis:60%}.portal-upload-list button{min-height:44px}.portal-upload>.button,.attachment-check-note>.button{min-height:44px;max-width:100%}}
.portal-verified.basic{color:#4876a7}.access-request-card{margin-top:26px}.access-request-card>h2{font-size:20px;margin:0 0 11px}.access-request-card>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:760px}.access-request-form{max-width:760px;margin-top:24px}.access-request-form .field{font-size:12px}.access-request-form select,.access-request-form textarea{display:block;width:100%;box-sizing:border-box;padding:11px 13px;margin-top:8px;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;line-height:1.8;background:var(--surface);color:var(--ink)}.access-request-form textarea{resize:vertical;min-height:140px}.access-request-form .field-hint{font-size:10px;line-height:1.9;margin-top:8px}.access-request-history{margin-top:28px;padding-top:23px;border-top:1px solid var(--border)}.access-request-history>h3{font-size:15px;margin:0 0 18px}.access-request-item{padding:18px 0;border-top:1px solid #e9eef5;font-size:12px;line-height:1.85}.access-request-item:first-of-type{border-top:0;padding-top:0}.access-request-item>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.access-request-item>div>strong{color:#365475}.access-request-item>.field-hint{font-size:10px;color:var(--muted)}.access-request-status{padding:4px 9px;border-radius:6px;background:#eef3fa;color:#627991;white-space:nowrap;font-size:10px;font-weight:600}.access-request-status.pending{background:#fff5df;color:#947039}.access-request-status.approved{background:#eaf7f1;color:#3e896c}.access-request-status.denied{background:#fff0ef;color:#a05c56}.access-request-reason{display:grid;gap:4px;margin:14px 0;color:#70839a}.access-request-reason strong{font-size:10px;font-weight:600}.access-request-reason span{white-space:pre-wrap;overflow-wrap:anywhere}.access-request-history>.button{margin-top:12px}.security-grid .form-change-email{display:block;text-align:left}.security-grid .card>a.button{margin-top:5px}
@media(max-width:700px){.access-request-card{margin-top:20px}.access-request-card>h2{font-size:18px}.access-request-form select,.access-request-form textarea{font-size:16px}.access-request-form>.button{width:100%;min-height:46px}.access-request-item>div{align-items:flex-start;flex-wrap:wrap}.access-request-item{font-size:11px}.access-request-status{font-size:9px}.access-request-history>.button{min-height:44px}.security-grid .card>a.button{max-width:100%}}
/* Customer ticket submission and replies. */
.portal-heading-actions{display:flex;align-items:flex-end;flex-direction:column;gap:13px;flex-shrink:0}.portal-heading-actions .button{white-space:nowrap}.ticket-compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.ticket-compose{min-width:0}.ticket-compose h2{font-size:19px;margin:0 0 10px}.ticket-compose>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 24px}.ticket-compose .field,.reply-compose .field{font-size:12px}.ticket-compose .field input,.ticket-compose .field textarea,.reply-compose .field textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;margin-top:8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);padding:12px 14px;font:inherit;font-size:13px;line-height:1.8}.ticket-compose .field textarea{min-height:210px;resize:vertical}.reply-compose{margin-top:26px;padding-top:24px;border-top:1px solid var(--border)}.reply-compose h3{font-size:15px;margin:0 0 8px}.reply-compose>p{font-size:11px;color:var(--muted);line-height:1.9;margin:0 0 20px}.reply-compose .field textarea{min-height:150px;resize:vertical}.ticket-compose .field input:disabled,.ticket-compose .field textarea:disabled,.reply-compose .field textarea:disabled{background:#f5f7fa;color:#728095;cursor:wait}.ticket-compose .field [aria-invalid=true],.reply-compose .field [aria-invalid=true]{border-color:#c45454}.ticket-compose .field-hint,.reply-compose .field-hint{font-size:10px;line-height:1.9;margin-top:8px}.ticket-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.ticket-compose-actions>span{font-size:10px;line-height:1.9;color:var(--muted);max-width:340px}.ticket-compose-aside p{font-size:11px;line-height:1.9;color:var(--muted)}.ticket-created .state-icon{background:#eaf7f1;color:#3e896c}.ticket-created .ticket-number{font-size:14px;letter-spacing:.4px}.ticket-created .state-actions{align-items:center}.unsent-reply{margin-top:20px;padding:16px;border:1px solid var(--border);border-radius:8px;background:#f8faff}.unsent-reply h3{font-size:13px;margin:0 0 8px}.unsent-reply p{font-size:11px;color:var(--muted)}.unsent-reply pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:12px;color:var(--ink);margin:14px 0 0}.reply-refresh{margin-top:18px;font-size:11px}
@media(max-width:900px){.ticket-compose-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}}
@media(max-width:700px){.portal-heading-actions{align-items:flex-start;gap:12px;margin-top:18px}.portal-heading-actions .access-pill,.portal-heading-actions .list-count{margin-top:0}.portal-heading-actions .button{min-height:44px}.ticket-compose-layout{grid-template-columns:1fr;gap:18px}.ticket-compose h2{font-size:18px}.ticket-compose .field input,.ticket-compose .field textarea,.reply-compose .field textarea{font-size:16px}.ticket-compose .field textarea{min-height:200px}.ticket-compose-actions{align-items:stretch;flex-direction:column;gap:14px}.ticket-compose-actions .button{width:100%;min-height:46px}.ticket-compose-actions>span{max-width:none}.ticket-compose-aside{order:2}.reply-compose{margin-top:22px;padding-top:22px}.reply-compose .button{width:100%;min-height:46px}.ticket-created .state-actions{align-items:stretch}}
/* Phase 2A: extended access, ticket lists and personal security. */
main.page:focus-visible{outline:none}
.portal-nav-wrap{max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dfe6ef;background:#fff}
.portal-nav{display:flex;gap:6px;min-width:0}.portal-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:18px 16px 16px;color:#657891;text-decoration:none;font-size:12px;font-weight:600;border-bottom:3px solid transparent;min-height:59px}.portal-nav a:hover{color:#1f6feb;background:#f8faff}.portal-nav a[aria-current=page]{color:#1e64c2;border-bottom-color:#1f6feb}.portal-nav .icon{width:17px;height:17px}.portal-verified{display:flex;align-items:center;gap:6px;font-size:10px;color:#488b73;white-space:nowrap}.portal-verified .icon{width:14px;height:14px}
.portal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:25px 0 28px}.portal-heading h1{font-size:31px;margin-bottom:10px}.portal-heading .subtitle{max-width:680px}.access-pill{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;color:#36775f;background:#eaf7f1;border:1px solid #d4eade;border-radius:7px;font-size:10px;white-space:nowrap}.access-pill .icon{width:15px;height:15px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.summary-card{display:block;border:1px solid #dce5f0;background:#fff;border-radius:12px;padding:25px;text-decoration:none;color:#254568;min-width:0;box-shadow:0 2px 4px #10233d03}.summary-card:hover{border-color:#8db3e6;box-shadow:0 5px 16px #23466c08}.summary-card>span{display:flex;align-items:center;gap:9px;color:#6f8198;font-size:12px}.summary-card>span>.icon{width:18px;height:18px;color:#6b96ca}.summary-card>strong{display:block;font-size:39px;font-weight:650;line-height:1.2;letter-spacing:-1px;margin:17px 0 12px}.summary-card>small{display:block;color:#7c8fa6;font-size:10px;line-height:1.7}.security-summary{background:#f3faf7;border-color:#d8e9df}.security-summary>strong{font-size:24px;letter-spacing:-.6px;margin-top:25px;color:#36795f}.security-summary>span>.icon{color:#64a38a}.portal-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.overview-tickets .section-label>a{font-size:11px;text-decoration:none;white-space:nowrap}.portal-help h2{font-size:17px}.portal-help>p{font-size:12px;line-height:1.85;color:#7c8ba0}.portal-help>.story-icon{margin-bottom:20px}.back-link{display:inline-block;font-size:12px;text-decoration:none;margin:0 0 20px}.scope-strip>div{flex:1;min-width:0}.scope-upgrade{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:600;text-decoration:none;color:#33795f}.full-access-link{display:block;font-size:11px;line-height:1.7;text-decoration:none;margin:20px 0 0;padding-top:18px;border-top:1px solid #edf1f6}.auth-alternative{margin-top:25px;padding-top:20px;border-top:1px solid #dfe7f1;font-size:12px;color:#7b8ca1}.auth-alternative p{margin-bottom:5px}.auth-alternative a{font-size:12px;text-decoration:none}.auth-alternative .icon{width:14px;height:14px}
.ticket-results{display:grid;min-width:0}.ticket-result{display:grid;grid-template-columns:37px minmax(0,1fr) auto 15px;align-items:center;gap:14px;padding:22px 3px;text-decoration:none;color:#385575;border-bottom:1px solid #e9eef5;min-width:0}.ticket-result:first-child{padding-top:8px}.ticket-result:last-child{border-bottom:0;padding-bottom:8px}.ticket-result:hover{background:#f8fbff;border-radius:6px}.result-icon{display:grid;place-items:center;width:35px;height:38px;border-radius:8px;color:#81a1c9;background:#eff4fb}.result-icon>.icon{width:18px;height:18px}.result-main{display:grid;gap:4px;min-width:0}.result-main>strong{font-size:13px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.result-number{font-size:10px;color:#8a9cb2;letter-spacing:.2px}.result-meta{font-size:10px;color:#8b9cb1;line-height:1.7}.ticket-result>.icon:last-child{color:#95abc5;width:14px;height:14px}.ticket-result>.status-badge{font-size:9px;margin:0}.status-badge.complete{background:#eaf7f1;color:#3e896c}.status-badge.complete::before{background:#5a9e7f}.list-card{padding:26px}.list-count{font-size:12px;color:#7c8ea6;white-space:nowrap;margin-top:9px}.ticket-filters{display:grid;grid-template-columns:minmax(0,1fr) 205px auto auto;gap:13px;align-items:end;padding-bottom:25px;border-bottom:1px solid #e5ebf3}.ticket-filters .field{margin:0;font-size:11px}.ticket-filters .field input,.ticket-filters .field select{margin-top:7px;min-height:44px;padding:10px 12px;font-size:12px}.ticket-filters .button{min-height:44px}.list-intro{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8a9cb3;margin:21px 0 10px}.list-intro>span:first-child{color:#596f8b;font-weight:600}.pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:23px;margin-top:20px;border-top:1px solid #e5ebf3;font-size:11px;color:#8495ab}.pagination>div{display:flex;gap:9px}.pagination .button:disabled{cursor:default}.support-inline{display:grid;gap:9px;font-size:12px;color:#637d9a;padding:18px 0;margin:18px 0;border-top:1px solid #edf1f6;border-bottom:1px solid #edf1f6;overflow-wrap:anywhere}.support-inline strong{font-size:13px;color:#3a587c}.support-inline>span{display:flex;align-items:center;gap:9px;min-width:0}.support-inline .icon{width:15px;height:15px;color:#8ba4c5}
.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.security-grid .card>p{font-size:12px;color:#7488a0;line-height:1.9}.security-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#e9f4ff;color:#4b87cb;margin-bottom:19px}.security-grid .security-state{display:flex;align-items:center;gap:8px;font-weight:600;color:#3d8c6c;background:#eef9f4;border:1px solid #d6ecdf;border-radius:7px;padding:10px 12px;margin:17px 0}.security-state .icon{width:16px;height:16px}.detail-pairs{display:grid;gap:16px;padding:22px 0;margin:0 0 20px;border-bottom:1px solid #e9eef5}.detail-pairs>div{display:grid;gap:4px}.detail-pairs span{font-size:10px;color:#8b9ab0}.detail-pairs strong{font-size:12px;font-weight:550;color:#4b6787;overflow-wrap:anywhere}.rights-list{list-style:none;padding:0;margin:23px 0;display:grid;gap:12px}.rights-list li{display:flex;align-items:center;gap:8px;border:1px solid #e1e9f3;border-radius:8px;padding:13px 12px;font-size:11px;color:#627c9b;min-width:0}.rights-list li>.icon{width:16px;height:16px;color:#7b9fbe}.rights-list strong{margin-left:auto;font-size:10px;color:#587a9b;font-weight:550;white-space:nowrap}
.setup-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:44px;align-items:start;max-width:1030px;margin:30px auto 50px}.setup-story{padding:20px 0}.setup-story h1{font-size:34px;max-width:430px}.setup-story .subtitle{font-size:13px;max-width:450px}.setup-steps{list-style:none;padding:0;margin:31px 0 0;display:grid;gap:24px;max-width:430px}.setup-steps li{display:flex;gap:13px;color:#8a9bb0}.setup-steps li>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #dbe4ef;border-radius:50%;font-size:11px;flex-shrink:0}.setup-steps li.done>span{background:#e5f5ee;color:#4c9277;border-color:#cee7da}.setup-steps li.current>span{background:#eaf3ff;color:#3c78bd;border-color:#bfd7f3}.setup-steps strong{display:block;font-size:12px;color:#5a7597;font-weight:600}.setup-steps small{display:block;font-size:11px;line-height:1.8;margin-top:3px;color:#8a9bb0}.setup-card>p{font-size:12px;line-height:1.9;color:#71869f}.setup-card h2{font-size:20px}.setup-card .button.wide{margin-top:20px}.setup-footer{border-top:1px solid #e5ecf5;margin-top:25px;padding-top:14px;display:grid;gap:13px}.setup-footer .form-change-email{margin-top:0;text-align:left}.setup-footer>a{font-size:11px;color:#8b9cb3;text-decoration:none}.waiting-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf4ff;color:#6290c4;margin-bottom:23px}.verification-label{display:grid;gap:9px;background:#f2f6fc;border:1px solid #d9e4f3;border-radius:9px;padding:17px;margin:22px 0}.verification-label>span{font-size:10px;color:#7e92ae}.verification-label>strong{font-size:18px;color:#3f618b;font-weight:650;letter-spacing:.5px;overflow-wrap:anywhere}.verification-label>small{font-size:10px;line-height:1.8;color:#8296b1}.qr-wrap{display:grid;place-items:center;background:#fff;border:1px solid #e4ebf3;border-radius:10px;padding:20px;margin:24px 0 17px}.authenticator-qr{display:block;width:220px;height:220px;max-width:100%;object-fit:contain;image-rendering:pixelated}.qr-warning{display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.8;color:#8a9bb1}.qr-warning>.icon{width:14px;height:14px;margin-top:2px}
@media(max-width:1000px){.portal-columns{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.ticket-filters{grid-template-columns:minmax(0,1fr) 170px auto}.ticket-filters>.button:last-child:not(.primary){grid-column:3}.portal-verified{display:none}.portal-nav-wrap{justify-content:flex-start}.setup-layout{gap:28px}.setup-story h1{font-size:30px}.summary-grid{gap:15px}.summary-card{padding:23px}.summary-card>strong{font-size:35px}.security-summary>strong{font-size:22px}}
@media(max-width:700px){.portal-nav-wrap{padding:0 15px}.portal-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%}.portal-nav a{display:flex;flex-direction:column;gap:4px;padding:12px 4px 9px;min-height:61px;font-size:10px}.portal-nav .icon{width:17px;height:17px}.portal-heading{display:block;margin:19px 0 23px}.portal-heading h1{font-size:26px;line-height:1.35}.portal-heading .subtitle{font-size:12px}.access-pill{font-size:9px;white-space:normal;margin-top:18px}.summary-grid{grid-template-columns:1fr;gap:14px;margin-bottom:23px}.summary-card{padding:21px 23px}.summary-card>span{font-size:12px}.summary-card>strong{font-size:34px;margin:12px 0 7px}.summary-card>small{font-size:10px}.security-summary>strong{font-size:21px;margin-top:16px}.portal-columns{grid-template-columns:1fr;gap:20px}.overview-tickets .section-label{flex-wrap:wrap;gap:12px}.overview-tickets .section-label h2{font-size:14px}.overview-tickets .section-label>a{font-size:10px}.portal-help{display:none}.back-link{font-size:11px;margin-bottom:17px}.scope-strip{flex-wrap:wrap}.scope-upgrade{margin-left:27px;font-size:10px;white-space:normal}.auth-alternative{font-size:11px;margin-top:20px}.full-access-link{font-size:11px}.ticket-result{grid-template-columns:30px minmax(0,1fr) 14px;gap:7px 11px;padding:19px 0;align-items:start}.result-icon{width:28px;height:33px}.result-main>strong{font-size:12px;line-height:1.8}.result-number{font-size:10px}.result-meta{font-size:9px;line-height:1.8}.ticket-result>.status-badge{grid-column:2;justify-self:start;font-size:9px;margin-top:3px}.ticket-result>.icon:last-child{grid-column:3;grid-row:1/3;align-self:center}.list-card{padding:19px}.list-count{display:inline-block;margin-top:13px;font-size:11px}.ticket-filters{grid-template-columns:minmax(0,1fr) auto;gap:12px}.ticket-filters .search-field{grid-column:1/-1}.ticket-filters .status-field{grid-column:1}.ticket-filters .field input,.ticket-filters .field select{font-size:16px}.ticket-filters .button{font-size:11px;min-height:46px;padding:11px 14px}.ticket-filters>.button:last-child:not(.primary){grid-column:1/-1;justify-self:start}.list-intro{font-size:9px;flex-wrap:wrap;gap:7px;margin-top:19px}.pagination{gap:12px;font-size:10px;padding-top:19px;margin-top:16px}.pagination .button{font-size:10px;padding:8px 11px;min-height:38px}.security-grid{grid-template-columns:1fr;gap:20px}.security-grid .card>p{font-size:12px}.security-grid h2{font-size:18px}.rights-list li{font-size:10px;flex-wrap:wrap}.rights-list strong{font-size:9px}.detail-pairs strong{font-size:12px}.setup-layout{grid-template-columns:1fr;gap:22px;margin:12px auto 35px;max-width:500px}.setup-story{padding:0}.setup-story h1{font-size:28px}.setup-story .subtitle{font-size:12px}.setup-steps{margin-top:22px;gap:17px}.setup-steps strong{font-size:11px}.setup-steps small{font-size:10px}.setup-card h2{font-size:19px}.setup-card>p{font-size:12px}.verification-label>strong{font-size:17px}.authenticator-qr{width:220px;height:220px}.support-inline{font-size:11px}.support-inline strong{font-size:12px}.header-logout{min-height:38px}}
main.page:focus-visible{outline:none}
:root{--navy:#101e34;--navy-deep:#0c172a;--blue:#1f6feb;--blue-hover:#155ccc;--teal:#08b3a5;--bg:#f5f7fa;--surface:#fff;--ink:#172b44;--muted:#647389;--border:#dfe6ef;--soft:#edf4ff;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}a{color:var(--blue);text-underline-offset:3px}button:disabled{cursor:wait;opacity:.6}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:3px solid #146aff;outline-offset:4px}::selection{background:#dbeaff;color:var(--navy)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;border:2px solid var(--blue);border-radius:8px;padding:10px 16px}.skip-link:focus{top:12px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.small{font-size:12px}.demo-bar{background:#fff8e9;border-bottom:1px solid #eddfbd;color:#796134}.demo-inner{max-width:1240px;margin:auto;padding:8px 32px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5}.demo-copy{display:flex;align-items:center;gap:9px}.demo-label{font-size:9px;font-weight:750;letter-spacing:1px;border:1px solid #dbc18a;border-radius:4px;padding:1px 6px;color:#806126;flex-shrink:0}.demo-links{display:flex;gap:18px;flex-shrink:0}.demo-links a{color:#725b2b;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.demo-links a:hover{text-decoration:underline}.demo-links .icon{width:13px;height:13px}.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1240px;margin:auto;min-height:84px;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;color:white;text-decoration:none;min-width:0}.brand img{width:38px;height:30px;flex-shrink:0}.brand strong{display:block;font-size:19px;font-weight:700;letter-spacing:-.6px;line-height:1.3}.brand small{display:block;font-size:11px;color:#a2b2c9;margin-top:3px}.header-right{display:flex;align-items:center;gap:22px}.header-scope{display:flex;align-items:center;gap:7px;font-size:11px;color:#b4c4d9}.header-scope .icon{width:16px;height:16px;color:#64d1c5}.header-user{font-size:11px;color:#aabbd0;line-height:1.5;text-align:right}.header-user strong{display:block;color:white;font-weight:600;font-size:12px}.header-logout{background:#ffffff08;border:1px solid #ffffff24;color:#e7eef8;border-radius:7px;padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.header-logout:hover{background:#ffffff13}.header-logout .icon{width:15px;height:15px}.page{max-width:1240px;margin:auto;padding:35px 32px 0;min-height:calc(100vh - 205px)}.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:11px;color:#718198;margin-bottom:27px}.breadcrumbs .icon{width:14px;height:14px}.breadcrumbs span:last-child{color:#3e536d}.breadcrumbs a{text-decoration:none;color:inherit}.breadcrumbs a:hover{color:var(--blue)}h1{font-size:31px;font-weight:650;line-height:1.25;letter-spacing:-.9px;margin:0 0 12px}h2{font-size:18px;line-height:1.4;letter-spacing:-.35px;font-weight:650;margin:0 0 10px}h3{font-size:14px;font-weight:650;line-height:1.5;margin:0 0 8px}p{margin:0 0 14px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.6px;font-weight:650;color:#74849a;margin:0 0 9px}.subtitle{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.card{background:white;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 2px 5px #10233d03;min-width:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;min-height:44px;border:1px solid #d7e1ed;border-radius:8px;background:white;color:#354963;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none}.button:hover{background:#f4f7fb;border-color:#bfcfe2}.button.primary{background:var(--blue);color:white;border-color:var(--blue)}.button.primary:hover{background:var(--blue-hover)}.button .icon{width:16px;height:16px}.button.wide{width:100%}.button.small-button{min-height:36px;padding:8px 12px;font-size:11px}.button.ghost{background:transparent;border-color:transparent;padding-left:0;padding-right:0;color:var(--blue)}.button.ghost:hover{text-decoration:underline;background:transparent}.field{display:block;margin:21px 0 0;font-size:12px;font-weight:600;color:#304661}.field input,.field select{display:block;width:100%;min-width:0;margin-top:8px;padding:12px 13px;border:1px solid #ccd7e5;border-radius:8px;min-height:47px;color:var(--ink);background:white;font-size:14px;outline:none}.field input:focus,.field select:focus{border-color:#3981ed;box-shadow:0 0 0 3px #1f6feb13}.field input[aria-invalid="true"]{border-color:#bf4c4c}.field input::placeholder{color:#96a3b4}.field .code-input{font-variant-numeric:tabular-nums;font-size:26px;letter-spacing:7px;padding:11px 15px;font-weight:550;max-width:320px}.field-hint{font-size:11px;color:#7a8899;margin:8px 0 22px;line-height:1.7}.form-actions{display:grid;gap:10px;margin-top:25px}.notice{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:9px;background:#edf4ff;border:1px solid #d7e6ff;color:#315d96;font-size:12px;line-height:1.75;margin:18px 0}.notice .icon{width:17px;height:17px;margin-top:3px}.notice p{margin:0}.notice strong{font-weight:650}.notice.error{color:#963e3b;background:#fff3f2;border-color:#efd3d0}.notice.success{color:#266d58;background:#edf9f3;border-color:#cde9db}.notice.warning{color:#84612c;background:#fff8e9;border-color:#eddfbe}.notice.compact{margin:0 0 22px}.auth-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:40px;align-items:start;max-width:1020px;margin:38px auto 52px}.auth-story{padding:22px 12px 0 0}.auth-story h1{font-size:36px;max-width:490px;line-height:1.22}.auth-story>.subtitle{max-width:470px;font-size:14px;line-height:1.9}.auth-story .eyebrow{color:#3a6ba6}.story-icon{display:grid;place-items:center;background:#e7f1ff;color:var(--blue);width:48px;height:48px;border-radius:12px;margin-bottom:25px}.story-icon .icon{width:25px;height:25px}.story-steps{list-style:none;margin:29px 0 0;padding:0;display:grid;gap:20px;max-width:440px}.story-steps li{display:flex;align-items:flex-start;gap:13px}.step-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #d1ddec;border-radius:50%;color:#526c8b;font-size:11px;flex-shrink:0;font-weight:600}.story-steps strong{font-size:12px;font-weight:600;display:block;margin-bottom:2px}.story-steps p{font-size:11px;color:#75849a;line-height:1.7;margin:0}.auth-card{padding:30px;border-radius:16px;box-shadow:0 12px 38px #1e355408}.form-overline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.ticket-pill{font-size:11px;display:inline-flex;align-items:center;gap:7px;color:#506b8f;background:#f1f5fb;padding:6px 9px;border-radius:6px;font-weight:600}.ticket-pill .icon{width:14px;height:14px}.step-indicator{font-size:10px;color:#8c99ab}.auth-card h2{font-size:20px;line-height:1.4;letter-spacing:-.5px}.auth-card>p{font-size:12px;color:#6e7d92;line-height:1.8}.auth-footer{border-top:1px solid #edf1f6;margin-top:22px;padding-top:18px;font-size:10px;line-height:1.8;color:#8490a0;display:flex;gap:7px;align-items:flex-start}.auth-footer .icon{width:13px;height:13px;margin-top:2px}.scope-strip{border:1px solid #d8e8e2;background:#eff8f4;color:#3b715e;border-radius:10px;padding:13px 17px;display:flex;align-items:center;gap:11px;font-size:11px;line-height:1.65}.scope-strip .icon{width:18px;height:18px;color:#319a78}.scope-strip strong{font-weight:650}.scope-strip span{color:#5f8275}.ticket-heading{margin:27px 0 24px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.ticket-heading h1{font-size:29px;max-width:800px;margin-bottom:9px}.ticket-number{font-size:11px;font-weight:650;letter-spacing:.3px;color:#6a7d96;display:block;margin-bottom:10px}.ticket-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:#7a889a}.ticket-meta span+span::before{content:"·";margin-right:9px;color:#a6b1c0}.status-badge{display:inline-flex;gap:6px;align-items:center;background:#fff5e0;color:#936c26;padding:6px 10px;border-radius:6px;font-size:10px;font-weight:650;white-space:nowrap;margin-top:3px}.status-badge::before{content:"";width:5px;height:5px;background:#bd8c33;border-radius:50%}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.ticket-main,.ticket-aside{display:grid;gap:23px;min-width:0}.section-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.section-label h2{font-size:15px;margin:0;display:flex;align-items:center;gap:9px}.section-label h2 .icon{color:#7890af;width:18px;height:18px}.section-label small{font-size:10px;color:#8a97a7}.summary-text{font-size:13px;line-height:1.9;color:#536880;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}.messages{display:grid;gap:20px}.message{border:1px solid #e1e8f1;border-radius:10px;padding:20px;min-width:0;background:white}.message.support{border-color:#dce8f9;background:#f9fbff}.message-head{display:flex;gap:10px;align-items:center;margin-bottom:14px}.message-avatar{width:33px;height:33px;border-radius:50%;background:#e7effc;color:#416a9e;display:grid;place-items:center;font-size:10px;font-weight:700;flex-shrink:0}.support .message-avatar{background:#e1f3ee;color:#388b73}.message-author{min-width:0;flex:1}.message-author strong{font-size:11px;font-weight:650;display:block;line-height:1.5}.message-author small{font-size:10px;color:#8b98aa;display:block}.message time{font-size:10px;color:#8290a3;line-height:1.6;white-space:nowrap;align-self:flex-start;margin-top:3px}.message-body{font-size:12px;line-height:1.9;color:#496079;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.attachments{display:grid;gap:8px;margin-top:17px}.attachment{display:flex;align-items:center;gap:10px;text-decoration:none;color:#405975;background:white;border:1px solid #dde5f0;padding:11px 13px;border-radius:8px;min-width:0}.attachment:hover{border-color:#9cbae2;background:#f9fbff}.attachment>span:nth-child(2){flex:1;min-width:0}.attachment strong{font-size:11px;font-weight:600;display:block;overflow-wrap:anywhere}.attachment small{font-size:9px;color:#8b98aa;display:block;margin-top:2px}.attachment .icon{width:18px;height:18px;color:#6790c6}.attachment .download-icon{width:15px;height:15px;color:#7f96b5}.readonly-note{display:flex;align-items:flex-start;gap:8px;padding-top:17px;margin-top:21px;border-top:1px solid #edf1f6;font-size:11px;color:#8a98aa;line-height:1.7}.readonly-note .icon{width:14px;height:14px;margin-top:2px;color:#8296b0}.progress{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:0}.progress li{position:relative;display:flex;gap:13px;padding-bottom:25px}.progress li:last-child{padding-bottom:0}.progress li:not(:last-child)::before{content:"";position:absolute;left:10px;top:24px;bottom:4px;background:#e0e8f0;width:1px}.progress-dot{border:1px solid #dbe3ed;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;background:white;color:#a2b0c1;margin-top:1px}.progress-dot .icon{width:12px;height:12px;stroke-width:2.3}.progress .done .progress-dot{background:#e7f7f1;border-color:#d4eee3;color:#369778}.progress .current .progress-dot{background:#eaf2ff;border:5px solid #d5e6ff;width:21px;height:21px;box-shadow:0 0 0 1px #bfd8fb}.progress .current .progress-dot::after{content:"";width:5px;height:5px;border-radius:50%;background:#2f78d7}.progress strong{font-size:11px;line-height:1.6;font-weight:550;display:block;color:#9aa7b7}.progress .done strong{color:#5e738c}.progress .current strong{color:#225da8;font-weight:650}.progress small{font-size:10px;line-height:1.6;color:#93a0b1;display:block;margin-top:3px}.info-list{display:grid;gap:16px;margin:20px 0 0}.info-list div{display:grid;gap:4px}.info-list dt{font-size:10px;color:#8a99ad}.info-list dd{font-size:11px;font-weight:550;margin:0;color:#47617f;overflow-wrap:anywhere}.contact-card{background:var(--navy);color:white;border-color:var(--navy);overflow:hidden;position:relative}.contact-card h2{font-size:15px;color:#eef5ff;margin-top:11px}.contact-card>.icon{color:#6cd4c8;width:23px;height:23px}.contact-card p{font-size:11px;line-height:1.8;color:#aabbd0;margin:0 0 18px}.contact-card .contact-line{font-size:11px;color:#e0ebfa;text-decoration:none;display:flex;align-items:center;gap:9px;margin-top:11px;overflow-wrap:anywhere}.contact-line .icon{width:14px;height:14px;color:#91a9c6}.contact-card .contact-foot{font-size:9px;color:#8ca1bd;border-top:1px solid #ffffff15;padding-top:16px;margin-top:19px;margin-bottom:0}.page-footer{max-width:1176px;margin:37px auto 0;border-top:1px solid #dfe6ef;padding:19px 0 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#8896a9}.footer-privacy{display:flex;align-items:center;gap:7px}.footer-privacy .icon{width:13px;height:13px;color:#7a9a8d}.powered{display:flex;align-items:center;gap:6px}.powered strong{font-size:13px;letter-spacing:-.5px;color:#6e839d}.powered strong span{color:var(--teal)}.state-card{max-width:650px;padding:35px;margin:50px auto 75px}.state-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:#2a6bc4;margin-bottom:22px}.state-card h1{font-size:26px}.state-card p{font-size:13px;color:#718199;line-height:1.85}.state-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.state-help{margin-top:22px;padding-top:20px;border-top:1px solid #edf1f6}.state-help p{font-size:11px;margin-bottom:0}.empty-state{padding:32px 15px 28px;text-align:center;color:#8b9bb0}.empty-state>.icon{width:32px;height:32px;color:#a6b8ce;margin-bottom:12px}.empty-state h3{color:#536b87;font-size:13px}.empty-state p{font-size:11px;max-width:370px;margin:0 auto;line-height:1.9}.boot{display:grid;place-content:center;justify-items:center;min-height:60vh;font-size:13px;color:var(--muted);gap:15px}.spinner{width:25px;height:25px;border:2px solid #dce6f2;border-top-color:#2f76dd;border-radius:50%;display:inline-block;animation:spin .8s linear infinite}.button .spinner{width:15px;height:15px;border-color:#ffffff40;border-top-color:white}.loading-card{padding:60px 25px;text-align:center}.loading-card p{font-size:12px;color:#7b8ca1;margin-top:12px}.dev-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.dev-heading h1{font-size:28px}.dev-heading .subtitle{max-width:680px}.dev-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.mail-list{display:grid;gap:16px}.mail-message{background:white;border:1px solid var(--border);border-radius:12px;padding:24px}.mail-meta{font-size:11px;color:#7b8ca3;display:grid;gap:6px;margin:0 0 18px}.mail-meta strong{color:#4d6582;font-weight:550}.mail-subject{font-size:14px;font-weight:650;margin:0 0 10px}.mail-content{font-size:12px;color:#637992;line-height:1.85}.mail-code{margin:18px 0;padding:18px;background:#f2f6fc;border:1px solid #e1e9f5;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.mail-code strong{font-size:26px;letter-spacing:5px;font-weight:600;font-variant-numeric:tabular-nums;color:#294c79}.mail-code small{display:block;font-size:10px;color:#7a8ca3;margin-bottom:5px}.mail-expiry{font-size:10px;color:#8b99ac}.dev-note h2{font-size:14px}.dev-note p,.dev-note li{font-size:11px;color:#788aa1;line-height:1.85}.dev-note ol{margin:17px 0;padding-left:18px}.dev-note li{padding-left:3px;margin:0 0 10px}.dev-note .button{margin-top:5px}.scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px}.scenario-option{background:white;border:1px solid var(--border);border-radius:10px;padding:17px;text-align:left;color:#526a87;display:flex;align-items:flex-start;gap:10px;min-height:86px}.scenario-option:hover{border-color:#adc5e5;background:#f9fbff}.scenario-option.selected{border-color:#73a3e4;background:#f0f6ff;box-shadow:0 0 0 1px #bcd7fc}.scenario-option strong{display:block;font-size:12px;color:#375679;line-height:1.6}.scenario-option small{display:block;font-size:10px;color:#8596ab;margin-top:5px;line-height:1.7}.scenario-option .icon{width:16px;height:16px;color:#9db0ca;margin-top:2px}.scenario-option.selected .icon{color:#2c75d2}.scenario-current{font-size:11px;color:#6e839f;margin-top:15px}.actions-inline{display:flex;flex-wrap:wrap;gap:10px}.demo-address{border-top:1px solid #e5eaf2;margin-top:22px;padding-top:16px;font-size:10px;color:#8b9bb0;overflow-wrap:anywhere}.demo-address code{font-family:inherit;color:#6883a4;font-size:11px}.logout-success{margin-bottom:23px}.form-change-email{font-size:11px;color:#7189a7;margin-top:16px;background:none;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.visually-enter{animation:enter .2s ease both}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:.3;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.auth-layout{margin-top:64px}.page{padding-top:39px}.ticket-heading{margin-top:32px}.ticket-layout{grid-template-columns:minmax(0,1fr) 316px}}
@media(max-width:900px){.auth-layout{gap:25px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr)}.auth-story h1{font-size:31px}.ticket-layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.card{padding:22px}.ticket-heading h1{font-size:26px}.header-scope{display:none}.dev-layout{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.auth-card{padding:25px}}
@media(max-width:700px){.demo-inner{padding:8px 20px;align-items:flex-start}.demo-copy{align-items:flex-start;font-size:10px;gap:7px}.demo-copy>span:last-child{max-width:235px}.demo-links{font-size:10px;gap:13px}.demo-links a{line-height:1.6}.demo-links a:first-child{max-width:84px}.demo-links a .icon{display:none}.demo-copy .demo-label{margin-top:1px}.header-inner{padding:15px 20px;min-height:77px}.brand strong{font-size:17px}.brand small{font-size:10px}.brand img{width:33px;height:26px}.header-right{gap:12px}.header-user{display:none}.header-logout{font-size:10px;padding:8px 10px}.page{padding:24px 20px 0;min-height:calc(100vh - 240px)}.breadcrumbs{margin-bottom:22px;font-size:10px}.auth-layout{grid-template-columns:1fr;margin:12px auto 35px;gap:25px;max-width:500px}.auth-story{padding:0}.story-icon{width:39px;height:39px;border-radius:10px;margin-bottom:17px}.story-icon .icon{width:21px;height:21px}.auth-story h1{font-size:29px;max-width:400px}.auth-story>.subtitle{font-size:12px;line-height:1.85}.story-steps{display:none}.auth-card{padding:24px;border-radius:12px;box-shadow:0 6px 25px #1e355405}.auth-card h2{font-size:19px}.form-overline{margin-bottom:22px}.field input{font-size:16px}.field .code-input{font-size:25px;letter-spacing:6px;max-width:none}.auth-footer{font-size:10px}.ticket-layout{grid-template-columns:1fr}.ticket-aside{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.ticket-aside .contact-card{grid-column:1/-1}.card{padding:21px;border-radius:12px}.scope-strip{font-size:10px;align-items:flex-start;padding:12px 13px}.scope-strip .icon{margin-top:2px;flex-shrink:0}.scope-strip span{display:block;margin-top:2px}.ticket-heading{margin:23px 0 21px;display:block}.ticket-heading h1{font-size:25px;line-height:1.35;letter-spacing:-.7px}.ticket-number{font-size:10px;margin-bottom:9px}.ticket-meta{font-size:10px;gap:7px}.ticket-meta span+span::before{margin-right:7px}.status-badge{margin-top:16px}.section-label h2{font-size:14px}.section-label small{font-size:9px}.summary-text{font-size:12px}.message{padding:16px}.message-head{gap:8px;flex-wrap:wrap}.message-avatar{width:30px;height:30px}.message time{font-size:9px;margin-left:38px;margin-top:-5px;flex-basis:100%}.message-author strong{font-size:11px}.message-body{font-size:12px}.attachment{padding:10px}.attachment strong{font-size:10px}.attachment small{font-size:9px}.readonly-note{font-size:10px}.progress strong{font-size:10px}.progress small{font-size:9px}.progress li{gap:10px;padding-bottom:22px}.info-list dd{font-size:10px}.info-list dt{font-size:9px}.contact-card .contact-foot{font-size:9px}.page-footer{margin:28px 20px 0;padding:18px 0 21px;align-items:flex-start;gap:15px;flex-wrap:wrap;font-size:9px}.powered{font-size:9px}.powered strong{font-size:12px}.footer-privacy{max-width:240px;align-items:flex-start}.footer-privacy .icon{margin-top:1px}.state-card{margin:27px auto 45px;padding:26px}.state-card h1{font-size:23px}.state-card p{font-size:12px}.state-actions{display:grid;gap:10px}.dev-heading{display:block;margin-bottom:23px}.dev-heading h1{font-size:25px}.dev-heading .subtitle{font-size:12px}.dev-heading>.button{margin-top:20px}.dev-layout{grid-template-columns:1fr;gap:20px}.dev-note{order:2}.mail-message{padding:21px}.mail-code{padding:16px}.mail-code strong{font-size:25px;letter-spacing:4px}.scenario-grid{grid-template-columns:1fr}.scenario-option{min-height:76px}.scenario-option strong{font-size:12px}.scenario-option small{font-size:11px}}
@media(max-width:390px){.page{padding-left:16px;padding-right:16px}.demo-inner,.header-inner{padding-left:16px;padding-right:16px}.demo-links{gap:9px}.demo-copy>span:last-child{max-width:170px}.demo-links a{font-size:9px}.brand{gap:9px}.brand strong{font-size:16px}.header-logout .icon{display:none}.auth-story h1{font-size:27px}.ticket-aside{grid-template-columns:1fr}.ticket-aside .contact-card{grid-column:auto}.page-footer{margin-left:16px;margin-right:16px}.auth-card{padding:21px}.ticket-heading h1{font-size:23px}.ticket-meta{row-gap:5px}.card{padding:19px}}
/* A personally shared quote and the contact's own portal can coexist. */
.portal-continuation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.portal-continuation h2{margin:0 0 8px}.portal-continuation p{margin:0;max-width:650px;line-height:1.7}.portal-continuation .state-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}@media(max-width:900px){.portal-continuation{align-items:flex-start;flex-direction:column}.portal-continuation .state-actions{width:100%}}@media(max-width:500px){.portal-continuation .state-actions{display:grid}.portal-continuation .button{width:100%}}