.account-portal{color:#28233a;font:14px/1.5 Arial,sans-serif;max-width:1440px;margin:0 auto}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:6px 0 26px}.portal-eyebrow{font-size:10px;letter-spacing:1.6px;color:#9183a9;font-weight:600}.account-portal h1{font-size:32px!important;letter-spacing:-1px;font-weight:500!important;margin:7px 0 8px!important;line-height:1.2}.account-portal h2{font-size:20px;font-weight:500;margin:4px 0 8px;line-height:1.4;overflow-wrap:anywhere}.account-portal h3{font-weight:500}.portal-heading p,.ticket-detail-heading p{margin:0;color:#82798f;font-size:13px;line-height:1.6}.portal-heading-actions{display:flex;gap:9px;flex-shrink:0}.account-portal .portal-primary,.account-portal .portal-secondary{font:500 12px Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 17px;border-radius:24px;cursor:pointer;text-decoration:none;white-space:nowrap;margin:0}.account-portal .portal-primary{background:#310a99;color:white;border:1px solid #310a99}.account-portal .portal-secondary{background:white;border:1px solid #e5dfed;color:#5a4e6d}.account-portal button:disabled{opacity:.45;cursor:default}.account-portal button:focus-visible,.account-portal a:focus-visible{outline:3px solid #b4a3f1;outline-offset:2px}.portal-notice{background:#f3f0fa;border:1px solid #e7e0f5;color:#78688f;border-radius:12px;padding:13px 16px;font-size:12px;line-height:1.7;margin-bottom:20px}.portal-filters{display:flex;align-items:end;gap:12px;margin:0 0 20px;flex-wrap:wrap}.account-portal label{font-size:11px;color:#7b6e8e;display:block}.account-portal input,.account-portal select,.account-portal textarea{display:block;font:13px Arial,sans-serif;width:100%;border:1px solid #e5dfec;border-radius:9px;background:white;color:#322b41;padding:12px;margin:7px 0 0;outline-color:#8a6dd2}.account-portal textarea{resize:vertical;min-height:100px;line-height:1.7}.portal-filters label:first-child{min-width:190px;flex:1;max-width:380px}.portal-filters select{min-width:175px}.portal-error,.ticket-form-error{color:#b23246!important;font-size:12px!important;line-height:1.6}.portal-error:empty,.ticket-form-error:empty{display:none}.ticket-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.ticket-index{background:white;border:1px solid #e8e2ee;border-radius:15px;overflow:hidden}.ticket-count{padding:16px 17px;font-size:11px;color:#8d809d;border-bottom:1px solid #efebf4}.account-portal .ticket-item{display:block;white-space:normal;width:100%;text-align:left;padding:17px;background:white;border:0;border-bottom:1px solid #f0ecf5;border-radius:0;color:#352c45;cursor:pointer;font:13px Arial,sans-serif}.ticket-item:hover{background:#faf8fe}.account-portal .ticket-item.selected{background:#f4effe;box-shadow:inset 3px 0 #6543b3}.ticket-item>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.ticket-reference{font-size:10px;letter-spacing:.5px;color:#9b8cae}.ticket-item strong{display:block;font-weight:500;line-height:1.6;margin:9px 0 5px;overflow-wrap:anywhere}.ticket-item small,.ticket-item time{display:block;font-size:10px;color:#9589a2;line-height:1.7}.ticket-item time{margin-top:5px}.portal-pill{display:inline-block;font:10px/1.4 Arial,sans-serif;border-radius:20px;padding:5px 9px;white-space:nowrap;background:#f1eef6;color:#81738e}.portal-pill.open,.portal-pill.pending{background:#f1ebff;color:#7855b3}.portal-pill.in_progress{background:#eaf2ff;color:#4b79a9}.portal-pill.waiting_customer{background:#fff3db;color:#9b762e}.portal-pill.resolved,.portal-pill.paid{background:#e9f5ee;color:#448268}.portal-pill.failed,.portal-pill.expired{background:#fceced;color:#a15d68}.ticket-detail{background:white;border:1px solid #e8e2ee;border-radius:15px;padding:24px;min-height:500px}.ticket-detail-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;border-bottom:1px solid #eee9f3;padding-bottom:19px}.ticket-detail-heading p{font-size:11px;overflow-wrap:anywhere}.ticket-detail-heading h2{margin-top:9px}.ticket-state-actions{display:flex;align-items:end;flex-wrap:wrap;gap:9px;padding:16px 0;border-bottom:1px solid #f0ecf5}.ticket-state-actions label{max-width:200px}.ticket-state-actions select{font-size:11px;padding:10px}.ticket-messages{display:flex;flex-direction:column;gap:16px;padding:24px 0;max-height:620px;overflow-y:auto;scrollbar-width:thin}.ticket-message{width:87%;background:#f6f4f9;border:1px solid #eeebf3;border-radius:13px 13px 13px 3px;padding:15px 17px;align-self:flex-start}.ticket-message.mine{align-self:flex-end;background:#f0eaff;border-color:#e8dff8;border-radius:13px 13px 3px 13px}.message-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#9a8ba9}.message-meta strong{font-size:11px;font-weight:500;color:#6b5684}.ticket-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#51465f;font-size:13px;line-height:1.8;margin:10px 0 0}.ticket-event{align-self:center;color:#9e92a9;font-size:10px;text-align:center;line-height:1.6;padding:3px 12px}.ticket-event time{display:block;font-size:9px;margin-top:2px}.ticket-reply{border-top:1px solid #eee9f3;padding-top:20px}.ticket-reply>div{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.ticket-reply small{font-size:10px;color:#9b8eaa}.ticket-create label{margin-top:19px}.ticket-create .portal-primary{margin-top:20px}.portal-pagination{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:16px;font-size:10px;color:#9a8aa9}.ticket-index .portal-pagination button{padding:7px 12px}.portal-empty{text-align:center;padding:60px 24px;color:#8f829d}.portal-empty>span{font-size:34px;color:#ad9bbf;display:block;margin-bottom:16px}.portal-empty p{font-size:12px;color:#9a8da7;line-height:1.8;max-width:390px;margin:8px auto}.portal-empty h2,.portal-empty h3{color:#6e5c82;font-size:18px}.portal-empty.compact{padding:35px 18px}.portal-empty.compact>span{font-size:26px}.portal-empty.compact h3{font-size:15px}.payment-empty{border:1px solid #e7e1ee;border-radius:15px;background:white;padding:80px 25px}.payment-count{font-size:12px;color:#95869f}.portal-table-scroll{overflow-x:auto;background:white;border:1px solid #e7e0f0;border-radius:13px}.payment-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.payment-table th{font-size:10px;font-weight:500;color:#9988aa;background:#faf8fc;padding:16px}.payment-table td{padding:18px 16px;border-top:1px solid #f0ecf5;color:#6b5c7c}.payment-table strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.payment-table small{display:block;font-size:10px;color:#a394ae;margin-top:5px}.payment-table a{color:#6746a8;text-decoration:none;font-size:11px}.payment-amount{white-space:nowrap}.owner-sections{display:flex;gap:8px;max-width:1420px;margin:20px auto 0;padding:0 35px}.owner-sections button{background:transparent;color:#9381a7;border:1px solid #e8e1ef}.owner-sections button.active{background:#310a99;color:white;border-color:#310a99}
@media(max-width:1150px){.ticket-layout{grid-template-columns:265px minmax(0,1fr);gap:15px}.ticket-detail{padding:18px}.ticket-item>div{align-items:start;flex-direction:column;gap:7px}.message-meta{align-items:start;flex-direction:column;gap:4px}.ticket-detail-heading{flex-direction:column;gap:12px}.account-portal h1{font-size:28px!important}}
@media(max-width:800px){.portal-heading{align-items:start;flex-direction:column;gap:18px}.ticket-layout{grid-template-columns:1fr}.ticket-list{max-height:330px;overflow-y:auto}.ticket-item>div{flex-direction:row;align-items:center}.ticket-detail{min-height:350px}.ticket-messages{max-height:520px}.portal-filters label:first-child{max-width:none}.portal-heading-actions{flex-wrap:wrap}.owner-sections{padding:0 20px;flex-wrap:wrap}.account-portal h1{font-size:26px!important}.ticket-reply>div{align-items:start;flex-direction:column}.portal-notice{font-size:11px}.ticket-message{width:95%}.portal-pagination{padding:14px 8px}.ticket-detail-heading h2{font-size:18px}}

.owner-sections[hidden]{display:none}
.account-portal .ticket-index{position:static;width:auto;display:block;padding:0}
.ticket-list{max-height:550px;overflow-y:auto;scrollbar-width:thin}