.service-banner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 34px;margin-bottom:24px;background:linear-gradient(115deg,#101e39,#1c3c72);color:#fff;border:1px solid #294b7c;border-radius:18px}.service-banner small{color:#a9c8ff;font-size:10px;letter-spacing:.15em;font-weight:700}.service-banner h2{font-size:26px;letter-spacing:-.04em;margin:10px 0}.service-banner p{font-size:13px;line-height:1.8;color:#c3d3ef;margin:0;max-width:570px}.service-banner-symbol{display:grid;place-items:center;width:70px;height:70px;flex-shrink:0;border:1px solid #5481ba;border-radius:20px;background:#ffffff0b}.service-banner-symbol svg{width:32px;height:32px}
.service-workspace{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.6fr);gap:20px;align-items:start}.service-panel{min-width:0;border:1px solid #e2e8f0;border-radius:16px;background:#fff;overflow:hidden;color:#18263c}.service-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-bottom:1px solid #edf0f6}.service-panel-heading h2,.service-panel-heading h3{margin:0;overflow-wrap:anywhere;letter-spacing:-.03em}.service-panel-heading h2{font-size:21px}.service-panel-heading h3{font-size:15px}.service-panel-heading small{display:block;margin-bottom:7px;font-size:10px;letter-spacing:.1em;color:#637593}.service-panel-heading p{margin:5px 0 0;font-size:12px;color:#637593;overflow-wrap:anywhere}.service-panel-heading button{flex-shrink:0}.service-search{display:grid;gap:8px;padding:18px 20px;font-size:11px;font-weight:600;color:#61718a}
.service-search input,.service-search select,.service-dialog input,.service-dialog select,.service-dialog textarea,.service-reply textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px 13px;border:1px solid #dbe3ee;border-radius:9px;background:#fff;color:#17263f;font:inherit;font-size:13px;outline-offset:3px}.service-dialog select{min-height:43px}.service-dialog label,.service-reply label{display:grid;gap:9px;color:#455773;font-size:12px;font-weight:600}.service-dialog textarea,.service-reply textarea{resize:vertical;line-height:1.7}.service-list-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;border-top:1px solid #edf0f6;background:#fff;color:#18263c;padding:20px;cursor:pointer}.service-list-item:hover,.service-list-item.is-selected{background:#eff5ff}.service-list-item.is-selected{box-shadow:inset 3px 0 #2563eb}.service-list-item>span:not(.service-avatar){flex:1;min-width:0}.service-list-item strong,.service-list-item small{display:block;overflow-wrap:anywhere}.service-list-item strong{font-size:14px;line-height:1.5;margin:3px 0}.service-list-item small{font-size:11px;color:#718099;margin-top:5px}.service-list-item svg{width:17px;height:17px;flex-shrink:0;color:#2563eb}.service-avatar{width:38px;height:38px;border-radius:11px;background:#e7effe;color:#2563eb;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.service-pill{display:inline-block;padding:5px 9px;border-radius:6px;background:#ebf2ff;color:#245dcc;font-size:10px;font-weight:600;line-height:1.5}.service-pill.is-muted{color:#627089;background:#f0f3f7}.service-list-item .service-pill{margin-top:9px}.service-empty{padding:40px 24px;text-align:center;color:#718099}.service-empty h3{font-size:17px;font-weight:600;color:#283a56;margin:0 0 10px}.service-empty p{font-size:13px;line-height:1.8;margin:0}.service-roadmap{display:flex;align-items:center;gap:18px;margin-top:24px;border:1px dashed #c5d6ee;border-radius:13px;padding:22px;background:#f3f7fe;color:#334c73}.service-roadmap>div{flex:1}.service-roadmap strong{font-size:14px}.service-roadmap p{font-size:12px;line-height:1.7;margin:6px 0 0}.service-roadmap svg{width:24px;height:24px}.service-account-meta,.service-section-title{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#718099}.service-section-title{border-top:1px solid #edf0f6}.service-section-title h3{font-size:14px;color:#263954;margin:0}.service-product{display:flex;justify-content:space-between;gap:16px;padding:22px 24px;border-top:1px solid #edf0f6}.service-product>div{min-width:0}.service-product>div:last-child{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px}.service-product h3{font-size:16px;margin:8px 0}.service-product p{font-size:12px;margin:0 0 8px;color:#718099;overflow-wrap:anywhere}.service-product small{font-size:11px;color:#718099}.service-product-kind{font-size:10px;letter-spacing:.04em;color:#2563eb}.service-dialog{box-sizing:border-box;width:min(650px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid #dbe3ee;border-radius:18px;background:#fff;color:#18263c;overflow:auto}.service-dialog::backdrop{background:#0d193db3;backdrop-filter:blur(4px)}.service-dialog .service-panel-heading{padding:0 0 20px;margin-bottom:20px}.service-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-wide{grid-column:1/-1}.service-notice{font-size:12px;line-height:1.8;color:#718099}.service-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}.service-error,.service-dialog output,.service-reply output{display:block;color:#ae3349;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.service-error{padding:20px}.service-thread{padding:24px;display:grid;gap:16px;max-height:500px;overflow:auto}.service-message{padding:18px;background:#f4f7fc;border:1px solid #e5ecf7;border-radius:12px}.service-message strong{font-size:12px;color:#285db0}.service-message p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85;margin:10px 0}.service-message small{font-size:10px;color:#718099}.service-reply{border-top:1px solid #edf0f6;padding:24px}.service-reply button{margin-top:15px}.service-note-kind{display:block;font-size:10px;color:#64748b;margin-bottom:6px}.service-thread:empty{display:none}.service-form-grid [hidden]{display:none}
@media(max-width:1100px){.service-workspace{grid-template-columns:1fr}.service-panel-heading{flex-wrap:wrap}.service-banner{padding:25px}.service-banner h2{font-size:23px}}@media(max-width:560px){.service-banner-symbol{display:none}.service-banner{padding:24px}.service-form-grid{grid-template-columns:1fr}.service-product{flex-direction:column}.service-product>div:last-child{align-items:flex-start}.service-dialog{padding:20px}.service-panel-heading,.service-thread,.service-reply{padding:20px}.service-roadmap{align-items:flex-start;flex-wrap:wrap}.service-account-meta,.service-section-title{flex-wrap:wrap}.service-dialog .service-panel-heading{padding-top:0}.service-banner h2{font-size:22px}}
.filter-tabs{flex-wrap:wrap;min-width:0}
#overview-accounts .service-banner h2{color:#fff}#overview-accounts .service-banner small{color:#a9c8ff}
.ticket-comment-form{padding:20px;border:1px solid #c9daf6;border-radius:12px;background:#f6f9ff;margin:22px 0}.ticket-comment-form h4{margin:0;font-size:15px;color:#1c3c72}.ticket-comment-form label{display:grid;gap:8px;font-size:12px;color:#455773}.ticket-comment-form select{box-sizing:border-box;width:100%;max-width:100%;padding:11px;border:1px solid #cbd6e8;border-radius:7px;background:#fff;color:#263c60;font:inherit}.ticket-comment-form .ticket-reply-visibility{margin:0;font-size:12px;line-height:1.7;color:#315b9e}.ticket-comment-form[data-visibility="internal"]{background:#f7f8fb;border-color:#dbe1eb}.ticket-comment-form[data-visibility="internal"] .ticket-reply-visibility{color:#637089}.ticket-comment-form output[data-state="success"]{color:#245dcc}.ticket-comment-form output[data-state="pending"]{color:#637089}.ticket-comment-form textarea{min-width:0;box-sizing:border-box}.ticket-comment-form button{min-height:42px}.ticket-comment-form:focus-within{border-color:#789fea}
