/* Portal styles are scoped; ordinary WordPress and shop pages retain their theme. */
body.dx3-portal-page { margin:0; background:#f4f5f8; }
.dx3-app,.dx3-login-panel { --dx3-ink:#242938; --dx3-muted:#667085; --dx3-orange:#a84e1e; --dx3-border:#e5e8ef; font:14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--dx3-ink); }
.dx3-skip-link { position:absolute; left:12px; top:12px; transform:translateY(-200%); padding:12px 18px; background:#fff; color:#242938; z-index:10000; }
.dx3-skip-link:focus { transform:none; outline:3px solid #a84e1e; outline-offset:3px; }
.dx3-app *,.dx3-login-panel * { box-sizing:border-box; }
.dx3-app [hidden] { display:none!important; }
.dx3-app { display:flex; width:100%; min-height:100vh; background:#f5f6fa; }
.dx3-app button,.dx3-app input,.dx3-app select,.dx3-login-panel a { font:inherit; }
.dx3-app button,.dx3-app a { cursor:pointer; }
.dx3-app button { border:1px solid var(--dx3-border); background:white; color:var(--dx3-ink); padding:9px 13px; border-radius:8px; transition:background .15s; }
.dx3-app button:hover:not(:disabled) { background:#f0f2f6; }
.dx3-app button:disabled { opacity:.45; cursor:default; }
.dx3-app button:focus-visible,.dx3-app a:focus-visible,.dx3-app input:focus-visible,.dx3-app select:focus-visible,.dx3-login-panel a:focus-visible { outline:3px solid #a84e1e; outline-offset:3px; }
.dx3-app input,.dx3-app select { width:100%; padding:10px 12px; border:1px solid #7a8291; border-radius:7px; color:var(--dx3-ink); background:white; min-height:43px; }
.dx3-app p { margin:5px 0 14px; color:var(--dx3-muted); }
.dx3-app h1,.dx3-app .dx3-heading { margin:3px 0 5px; font-size:28px; line-height:1.2; letter-spacing:-.7px; }
.dx3-app h2 { margin:0; font-size:18px; letter-spacing:-.3px; }
.dx3-app h3 { font-size:16px; }
.dx3-app .dx3-primary,.dx3-login-panel .dx3-primary { background:var(--dx3-orange); color:white; border:1px solid var(--dx3-orange); border-radius:8px; text-decoration:none; padding:10px 17px; display:inline-block; font-weight:600; }
.dx3-app .dx3-primary:hover { background:#874019!important; }
.dx3-app .dx3-danger { color:#b42318; }
.dx3-sidebar { width:244px; flex-shrink:0; padding:32px 20px; background:#fff; border-right:1px solid var(--dx3-border); display:flex; flex-direction:column; gap:20px; }
.dx3-brand { display:block; color:#343c4f; font-size:43px; font-weight:800; line-height:1; letter-spacing:-4px; text-decoration:none; padding:0 12px 12px; }
.dx3-brand>span { color:var(--dx3-orange); }
.dx3-brand small { display:block; font-size:11px; letter-spacing:2px; font-weight:600; line-height:2.8; text-transform:uppercase; }
.dx3-app .dx3-nav-label,.dx3-eyebrow { font-size:10px; letter-spacing:1.6px; font-weight:700; color:#667085; margin:0 0 3px; }
.dx3-app .dx3-nav-label { padding-left:12px; }
.dx3-sidebar nav { display:flex; flex-direction:column; gap:6px; }
.dx3-app .dx3-nav-item { display:flex; align-items:center; gap:12px; border:0; background:transparent; padding:12px 11px; text-align:left; font-size:12px; font-weight:550; }
.dx3-nav-item span { flex:1; }
.dx3-nav-item small { font-size:10px; text-transform:uppercase; color:#667085; }
.dx3-nav-item.is-active small { color:#fff; }
.dx3-app .dx3-nav-item.is-active { background:#343c4f; color:#fff; box-shadow:0 3px 8px #343c4f22; }
.dx3-app .dx3-nav-item.is-active:hover:not(:disabled) { background:#343c4f; color:#fff; }
.dx3-icon { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.dx3-help-card { margin-top:auto; padding:18px 14px; border:1px solid #f2e7e1; border-radius:12px; background:linear-gradient(135deg,#fff7f1,#fff); }
.dx3-help-card>span { color:var(--dx3-orange); display:block; margin-bottom:8px; }
.dx3-app .dx3-help-card p { font-size:12px; margin-bottom:0; }
.dx3-signout { color:#677083; padding:0 12px; text-decoration:none; font-size:12px; }
.dx3-workspace { width:calc(100% - 244px); min-width:0; max-width:1600px; padding:37px 40px 22px; }
.dx3-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:28px; }
.dx3-app .dx3-subheading { margin:0; font-size:13px; }
.dx3-secure-pill { display:flex; align-items:center; gap:6px; border:1px solid var(--dx3-border); background:#fff; border-radius:20px; padding:8px 11px; font-size:10px; color:#667085; white-space:nowrap; }
.dx3-secure-pill .dx3-icon { width:15px; height:15px; }
.dx3-app .dx3-menu-toggle { display:none; }
.dx3-tenant-bar { display:flex; align-items:center; gap:18px; padding:15px 18px; border:1px solid var(--dx3-border); border-radius:10px; background:#fff; margin-bottom:13px; }
.dx3-tenant-bar label { font-size:11px; font-weight:600; flex:1; max-width:450px; }
.dx3-tenant-bar select { margin-top:4px; }
.dx3-role { font-size:11px; color:var(--dx3-muted); }
.dx3-org-pages { margin-left:auto; display:flex; gap:5px; }
.dx3-app .dx3-org-pages button { font-size:10px; padding:8px; }
.dx3-app .dx3-message { min-height:21px; font-size:12px; margin:0 0 14px; }
.dx3-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.dx3-stat-card { display:grid; grid-template-columns:38px 1fr; padding:19px; border:1px solid var(--dx3-border); background:white; border-radius:12px; box-shadow:0 3px 7px #343c4f03; }
.dx3-stat-card .dx3-icon { padding:9px; width:37px; height:37px; color:var(--dx3-orange); background:#fff2e9; border-radius:8px; }
.dx3-stat-card>span { font-size:11px; font-weight:600; align-self:center; padding-left:9px; }
.dx3-stat-card strong { grid-column:1/-1; font-size:31px; font-weight:650; margin-top:10px; }
.dx3-stat-card small { grid-column:1/-1; font-size:10px; color:var(--dx3-muted); }
.dx3-panel,.dx3-placeholder { background:white; border:1px solid var(--dx3-border); border-radius:12px; padding:22px; margin-bottom:22px; box-shadow:0 3px 7px #343c4f03; }
.dx3-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:20px; }
.dx3-app .dx3-panel-heading p { margin:4px 0 0; font-size:12px; }
.dx3-table-scroll { overflow-x:auto; }
.dx3-service-table { border-collapse:collapse; width:100%; text-align:left; font-size:12px; }
.dx3-service-table th { font-size:10px; text-transform:uppercase; letter-spacing:.7px; color:#667085; font-weight:600; padding:0 12px 13px; }
.dx3-service-table td { padding:17px 12px; border-top:1px solid #eff1f5; overflow-wrap:anywhere; }
.dx3-service-table td:first-child { font-weight:600; }
.dx3-status,.dx3-badge { display:inline-block; font-size:10px; padding:4px 9px; border-radius:6px; color:#687083; background:#f1f3f7; white-space:nowrap; }
.dx3-status-active { background:#ecfdf3; color:#027a48; }
.dx3-status-pending { background:#fff7e5; color:#946100; }
.dx3-status-suspended,.dx3-status-archived { background:#fff1f0; color:#b42318; }
.dx3-panel-footer { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:20px; font-size:10px; color:var(--dx3-muted); }
.dx3-panel-footer button { font-size:10px; }
.dx3-row-actions { white-space:nowrap; }
.dx3-row-actions button { font-size:10px; padding:6px 8px; margin-right:4px; }
.dx3-services-empty { text-align:center; padding:28px 10px; }
.dx3-app .dx3-services-empty p { font-size:12px; }
.dx3-future-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.dx3-future-grid p { font-size:12px; }
.dx3-future-grid h2 { font-size:16px; }
.dx3-directory-row { display:flex; align-items:center; gap:12px; border-top:1px solid var(--dx3-border); padding:14px 0; flex-wrap:wrap; font-size:12px; }
.dx3-directory-row span { flex:1; color:var(--dx3-muted); min-width:130px; overflow-wrap:anywhere; }
.dx3-directory-row button { font-size:11px; }
.dx3-org-search { display:flex; align-items:end; gap:12px; margin-bottom:18px; }
.dx3-org-search label { flex:1; font-size:11px; }
.dx3-org-search input { margin-top:4px; }
.dx3-org-actions { display:flex; gap:10px; margin-top:15px; flex-wrap:wrap; }
.dx3-footer { display:flex; justify-content:space-between; gap:10px; color:#667085; font-size:10px; padding:5px 0; }
.dx3-dialog { border:1px solid var(--dx3-border); border-radius:14px; max-width:650px; width:calc(100% - 32px); padding:26px; color:var(--dx3-ink); max-height:85vh; overflow:auto; }
.dx3-dialog::backdrop { background:#20283888; }
.dx3-onboarding-dialog{box-sizing:border-box;max-width:min(650px,calc(100vw - 32px));overflow-wrap:anywhere}
.dx3-onboarding-dialog :is(form,select,input,button){box-sizing:border-box;min-width:0;max-width:100%}
.dx3-onboarding-dialog select{display:block;width:100%;margin:5px 0 14px}
.dx3-dialog-close { float:right; }
.dx3-dialog form label { display:block; font-size:12px; margin:14px 0; }
.dx3-dialog form label input,.dx3-dialog form label select { display:block; margin-top:5px; }
.dx3-dialog form label input[type="checkbox"] { display:inline-block; width:20px; height:20px; min-height:20px; padding:0; margin:0 8px 0 0; vertical-align:middle; appearance:auto; }
.dx3-form-error { color:#b42318!important; }
.dx3-login-panel { margin:12vh auto; max-width:540px; padding:42px; background:white; border:1px solid var(--dx3-border); border-radius:16px; text-align:center; }
.dx3-login-panel h1 { font-size:30px; letter-spacing:-1px; }
.dx3-login-panel p { color:var(--dx3-muted); }
.dx3-invitation [hidden] { display:none!important; }
.dx3-invitation label { display:block; text-align:left; margin:15px 0; }
.dx3-invitation input { display:block; width:100%; margin-top:6px; border:1px solid #7a8291; border-radius:7px; padding:10px 12px; font:inherit; }
.dx3-invitation input:focus-visible,.dx3-invitation button:focus-visible { outline:3px solid #a84e1e; outline-offset:3px; }
.dx3-invite-pending button { margin:8px; }
.dx3-admin-wrap { margin:20px 20px 0 0!important; }
.dx3-admin-wrap .dx3-app { min-height:80vh; border:1px solid #e5e8ef; border-radius:14px; overflow:hidden; }
@media(max-width:1150px) { .dx3-workspace { padding:28px 24px; } .dx3-sidebar { width:214px; padding:28px 12px; } .dx3-workspace { width:calc(100% - 214px); } .dx3-stat-card { padding:14px; } .dx3-org-pages { flex-direction:column; } }
@media(max-width:850px) { .dx3-summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .dx3-secure-pill { display:none; } .dx3-future-grid { grid-template-columns:1fr; gap:0; } .dx3-panel-heading { align-items:start; } }
@media(max-width:650px) { .dx3-sidebar { display:none; width:100%; border:0; } .dx3-nav-open { flex-direction:column; } .dx3-nav-open .dx3-sidebar { display:flex; } .dx3-workspace { width:100%; padding:22px 16px; } .dx3-app .dx3-menu-toggle { display:block; flex-shrink:0; } .dx3-topbar { justify-content:start; align-items:start; } .dx3-app h1 { font-size:23px; } .dx3-tenant-bar { flex-wrap:wrap; gap:8px; padding:12px; } .dx3-tenant-bar label { min-width:100%; } .dx3-org-pages { flex-direction:row; margin-left:0; } .dx3-panel { padding:16px; } .dx3-panel-heading { flex-wrap:wrap; } .dx3-footer { flex-direction:column; } .dx3-panel-footer { align-items:start; flex-direction:column; } .dx3-org-search { flex-wrap:wrap; } .dx3-admin-wrap { margin:10px 10px 0 0!important; } }
/* Customer ticket content is plain text; no remote images, links or HTML execute. */
.dx3-ticket-summary{margin:0 0 1rem;font-weight:650;color:var(--dx3-ink)}
.dx3-ticket-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}
.dx3-app .dx3-ticket-filters button[aria-pressed="true"]{background:var(--dx3-orange);color:#fff;border-color:var(--dx3-orange)}
.dx3-ticket-row{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.35rem 0;border-bottom:1px solid #e6e5ef}
.dx3-ticket-row p{margin:.5rem 0 0;color:#57536a;font-size:.875rem}
.dx3-app .dx3-ticket-subject{display:block;text-align:left;border:0;background:transparent;padding:.35rem 0;color:#874019;font-size:1.05rem;font-weight:650;overflow-wrap:anywhere}
.dx3-ticket-row .dx3-status{flex-shrink:0}
.dx3-conversation-message{margin:1.3rem 0;padding:1.4rem;background:#f9fafc;border:1px solid var(--dx3-border);border-radius:12px}
.dx3-conversation-message h3{margin:0;font-size:1rem}
.dx3-conversation-date,.dx3-ticket-note{color:#57536a;font-size:.875rem}
.dx3-conversation-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
.dx3-ticket-detail h2{overflow-wrap:anywhere}
@media(max-width:600px){.dx3-ticket-row{align-items:flex-start;gap:.7rem}.dx3-conversation-message{padding:1rem}.dx3-ticket-row .dx3-status{max-width:7rem;white-space:normal}}
@media(max-width:650px){.dx3-app .dx3-workspace{flex:0 0 100%;width:100%;max-width:100%}.dx3-topbar>div{min-width:0;flex:1}.dx3-tickets-panel{width:100%;min-width:0}.dx3-ticket-row>div{min-width:0;flex:1}}

.dx3-portal .dx3-reply-form {margin-top:1.5rem;max-width:48rem;display:grid;gap:.8rem}
.dx3-portal .dx3-reply-form label {display:grid;gap:.5rem;font-weight:600}
.dx3-portal .dx3-reply-form textarea {width:100%;min-height:9rem;padding:.8rem;border:1px solid #64748b;border-radius:.5rem;background:#fff;color:#172033;font:inherit;box-sizing:border-box;resize:vertical}
.dx3-portal .dx3-reply-form textarea:focus-visible {outline:3px solid #4338ca;outline-offset:3px}
.dx3-portal .dx3-reply-form button {justify-self:start}
.dx3-portal .dx3-create-form {margin-top:1rem;gap:.65rem}
.dx3-portal .dx3-create-form label,.dx3-portal .dx3-create-form p {margin:0}
.dx3-portal .dx3-create-form textarea {min-height:7rem}
.dx3-portal input[type=file] {max-width:100%;min-width:0;font:inherit}
.dx3-portal .dx3-reply-form ul {padding-left:1.25rem;overflow-wrap:anywhere}
.dx3-portal .dx3-reply-form input[type=file]:focus-visible {outline:3px solid #4338ca;outline-offset:3px}
/* Read-only monitoring; scoped to Portal's native modal. */
.dx3-monitor-dialog{width:min(1000px,92vw);max-height:90vh;overflow:auto;border:1px solid #b8c4d5;border-radius:16px;padding:24px;color:#17243b;background:#fff}
.dx3-monitor-dialog::backdrop{background:rgba(15,27,48,.55)}
.dx3-monitor-dialog button,.dx3-monitor-dialog select,.dx3-monitor-dialog input{font:inherit;margin:6px;padding:10px;border:1px solid #72829b;border-radius:6px;background:#fff;color:#17243b}
.dx3-monitor-dialog button{cursor:pointer}.dx3-monitor-dialog button:focus-visible,.dx3-monitor-dialog select:focus-visible,.dx3-monitor-dialog input:focus-visible{outline:3px solid #235aab;outline-offset:3px}
.dx3-monitor-dialog label{display:block;margin:10px 0}.dx3-monitor-dialog table{width:100%;font-size:.9rem}.dx3-monitor-dialog td,.dx3-monitor-dialog th{padding:6px;text-align:left}
.dx3-monitor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dx3-monitor-card{border:1px solid #cbd4e0;border-radius:10px;padding:16px;background:#f5f8fd}
.dx3-monitor-card h3{font-size:1rem;margin:0 0 10px}.dx3-monitor-card strong{font-size:1.55rem}.dx3-monitor-card p,.dx3-monitor-note{font-size:.85rem;color:#44546c}
.dx3-monitor-chart{overflow:auto}.dx3-monitor-chart svg{display:block;width:100%;min-width:250px;background:linear-gradient(#f2f6fc,#fff);border-bottom:1px solid #8898af}
@media(max-width:760px){.dx3-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dx3-monitor-dialog{padding:14px}}
@media(max-width:440px){.dx3-monitor-grid{grid-template-columns:1fr}.dx3-monitor-dialog select{max-width:100%}}

.dx3-monitor-periods button[aria-pressed="true"]{background:#235aab;color:#fff;border-color:#235aab}

.dx3-monitor-dialog{overflow-wrap:anywhere}.dx3-monitor-card strong{overflow-wrap:anywhere}

/* Service-focused monitoring workspace; retains the surrounding Portal shell. */
.dx3-monitor-dialog{width:min(1220px,94vw);padding:24px;background:#f7f8fc}
.dx3-monitor-service-heading{padding:16px 0 24px}.dx3-monitor-service-heading h3{font-size:1.8rem;margin:4px 0 12px}.dx3-monitor-breadcrumb{font-size:.85rem;color:#4d5d76}
.dx3-monitor-badge{display:inline-block;padding:7px 12px;border:1px solid #c2ccdf;border-radius:20px;background:#eef2fc;font-size:.85rem;color:#243c70}
.dx3-monitor-workspace{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:22px;align-items:start}.dx3-monitor-workspace>div{min-width:0}
.dx3-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dx3-monitor-grid[hidden],.dx3-monitor-detail[hidden]{display:none}
.dx3-monitor-card{background:#fff;padding:20px;box-shadow:0 2px 5px #17243b08;border-color:#d9dfeb}.dx3-monitor-card strong{font-size:1.9rem;font-weight:650;letter-spacing:-.02em}.dx3-monitor-card h3{color:#384a67}
.dx3-monitor-card button{margin:4px 0 0;width:100%;border-color:#d5dced;font-size:.85rem}.dx3-monitor-card p{line-height:1.5;margin:10px 0}
.dx3-monitor-sparkline svg{display:block;width:100%;height:82px;background:#f7f9fe;border-radius:6px}.dx3-monitor-sparkline{margin-top:14px}
.dx3-monitor-service-info,.dx3-monitor-uptime,.dx3-monitor-alerts,.dx3-monitor-detail{border:1px solid #d9dfeb;background:#fff;border-radius:10px;padding:20px}.dx3-monitor-service-info h3,.dx3-monitor-uptime h3,.dx3-monitor-alerts h3{margin-top:0;font-size:1rem}
.dx3-monitor-service-info dl{margin:0}.dx3-monitor-service-info dt{font-size:.8rem;color:#4d5d76;margin-top:20px}.dx3-monitor-service-info dd{margin:5px 0 0;font-size:.95rem}.dx3-monitor-uptime,.dx3-monitor-alerts{margin-top:18px}.dx3-monitor-uptime strong{font-size:1.6rem}
.dx3-monitor-detail h3:focus{outline:3px solid #235aab;outline-offset:5px}.dx3-monitor-chart details{overflow:auto}.dx3-monitor-chart svg text{fill:#384a67}
@media(max-width:1000px){.dx3-monitor-workspace{grid-template-columns:minmax(0,1fr)}.dx3-monitor-service-info dl{display:grid;grid-template-columns:1fr 2fr;gap:12px}.dx3-monitor-service-info dt,.dx3-monitor-service-info dd{margin:0}}
@media(max-width:600px){.dx3-monitor-grid{grid-template-columns:minmax(0,1fr)}.dx3-monitor-dialog{padding:14px;width:96vw}.dx3-monitor-service-heading h3{font-size:1.4rem}.dx3-monitor-card{padding:16px}.dx3-monitor-service-info dl{display:block}.dx3-monitor-service-info dt{margin-top:14px}}

.dx3-monitor-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}.dx3-monitor-topbar h2{font-size:1.5rem;margin:0}.dx3-monitor-topbar button{flex-shrink:0;margin:0}
.dx3-monitor-dialog [role=status]{font-size:.8rem;color:#44546c;margin:10px 0;line-height:1.5}.dx3-monitor-service-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 20px}.dx3-monitor-breadcrumb{margin:0}.dx3-monitor-badge{flex-shrink:0}
@media(max-width:600px){.dx3-monitor-service-heading{display:block}.dx3-monitor-badge{margin-top:10px}.dx3-monitor-topbar{align-items:start}.dx3-monitor-topbar h2{font-size:1.25rem}}
@media(max-width:600px){.dx3-monitor-chart svg text{font-size:28px}.dx3-monitor-chart svg{min-height:140px}}

/* Reference-aligned monitoring page and right-hand metric drawer. */
.dx3-monitoring-view .dx3-workspace>:not(.dx3-tenant-bar):not(.dx3-monitor-page){display:none!important}
.dx3-monitoring-view .dx3-workspace{width:calc(100% - 200px);max-width:none;padding:24px 28px;background:#f5f8fc}
.dx3-monitoring-view .dx3-sidebar{width:200px;padding:24px 12px;background:#f3f7fc}.dx3-monitoring-view .dx3-brand,.dx3-monitoring-view .dx3-brand>span{color:#16488c}
.dx3-monitoring-view .dx3-nav-item.is-active:not(.dx3-monitor-nav){background:transparent;color:#263958;box-shadow:none}.dx3-monitoring-view .dx3-monitor-nav.is-active{background:#e0ebfa;color:#14294e;box-shadow:none}
.dx3-monitor-page{width:100%;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:#14213e}
.dx3-monitor-page .dx3-monitor-topbar h2{font-size:28px;font-weight:700;letter-spacing:-.7px}.dx3-monitor-page .dx3-monitor-topbar>button{font-size:12px}
.dx3-monitor-page .dx3-monitor-workspace{display:block}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-card,:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-service-info,:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-uptime{padding:18px;margin:0;min-width:0;border-radius:10px;box-shadow:0 2px 10px #17395b04;border-color:#e1e8f1}
:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-card h3{margin:0 0 16px}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-card-open{display:flex;gap:10px;align-items:center;padding:0;border:0;background:transparent;width:100%;text-align:left;font-size:14px;font-weight:650;margin:0;color:#14213e}.dx3-monitor-card-open>span:not(.dx3-monitor-chevron){flex:1}.dx3-monitor-chevron{font-size:26px;line-height:1;color:#476083}
.dx3-monitor-icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-card strong{font-size:28px;color:#10203f}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-note{font-size:12px;line-height:1.5}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-card p{margin:9px 0}
.dx3-monitor-page .dx3-monitor-sparkline{margin:14px 0}.dx3-monitor-page .dx3-monitor-sparkline svg{height:75px;background:transparent}
:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-service-info dl{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-service-info dt,:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-service-info dd{font-size:12px;margin:0}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-service-info h3{margin-bottom:16px}
.dx3-monitor-card progress{display:block;width:100%;height:10px;border:0;border-radius:9px;overflow:hidden;accent-color:#4287eb;background:#e2e8f0}.dx3-monitor-card progress::-webkit-progress-bar{background:#e2e8f0;border-radius:9px}.dx3-monitor-card progress::-webkit-progress-value{background:#4287eb;border-radius:9px}
.dx3-monitor-drawer{position:fixed;inset:0 0 0 auto;margin:18px 18px 18px auto;width:min(540px,calc(100vw - 24px));height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);max-width:none;padding:22px;background:#fff;border:1px solid #d4ddea;box-shadow:-8px 0 35px #14213e20;border-radius:10px;overflow:auto}
.dx3-monitor-drawer::backdrop{background:#14213eaa}.dx3-monitor-drawer .dx3-monitor-topbar h3{display:flex;gap:12px;align-items:center;font-size:18px;margin:0}.dx3-monitor-drawer .dx3-monitor-topbar button{font-size:24px;border:0;min-width:44px;min-height:44px;padding:0}
.dx3-monitor-drawer .dx3-monitor-periods{display:flex;gap:6px;margin:12px 0 24px}.dx3-monitor-drawer .dx3-monitor-periods button{margin:0;font-size:12px;padding:10px 18px}.dx3-monitor-drawer .dx3-monitor-chart{margin-bottom:18px}.dx3-monitor-drawer .dx3-monitor-chart svg{background:#fbfdff;min-width:0;border-color:#c9d5e5}
.dx3-monitor-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dx3-monitor-detail-stats>div{padding:12px 8px;border:1px solid #e0e7f1;border-radius:5px;background:#f7f9fc}.dx3-monitor-detail-stats span{display:block;font-size:11px;color:#405474}.dx3-monitor-detail-stats strong{display:block;font-size:17px;margin-top:8px;color:#14213e}
.dx3-monitor-nav-toggle{display:none}
@media(max-width:1150px){:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.dx3-monitoring-view .dx3-workspace{width:100%;padding:20px 14px}:is(.dx3-monitor-page,.dx3-home-monitoring) .dx3-monitor-grid{grid-template-columns:minmax(0,1fr)}.dx3-monitor-page .dx3-monitor-topbar{flex-wrap:wrap}.dx3-monitor-page .dx3-monitor-topbar h2{font-size:23px;flex:1}.dx3-monitor-page .dx3-monitor-nav-toggle{display:block}.dx3-monitor-drawer{inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;padding:18px;border-radius:0}.dx3-monitor-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dx3-monitor-drawer .dx3-monitor-chart svg text{font-size:24px}.dx3-monitoring-view.dx3-nav-open .dx3-sidebar{width:100%}}

.dx3-monitor-drawer .dx3-monitor-chart svg text{font-size:20px}
@media(max-width:650px){.dx3-monitor-drawer .dx3-monitor-chart svg text{font-size:26px}}

.dx3-monitor-dialog form label {display:block;margin:0.5rem 0}.dx3-monitor-dialog pre {white-space:pre-wrap;overflow-wrap:anywhere;max-height:24rem;overflow:auto}

.dx3-monitor-dialog input[type="checkbox"]{width:1.2rem;min-height:1.2rem;height:1.2rem;appearance:auto;display:inline-block;vertical-align:middle}

/* v0.5.3 staff capacity operations only; no customer/global theme changes. */
.dx3-capacity-dialog{width:min(1040px,96vw);box-sizing:border-box}
.dx3-capacity-dialog h2{font-size:25px}.dx3-capacity-dialog h3{margin-top:20px}
.dx3-capacity-dialog form{padding:18px;background:#f6f8fc;border:1px solid #d8e1ef;border-radius:10px;margin:16px 0}
.dx3-capacity-dialog label{font-size:14px;font-weight:600;color:#20334f}
.dx3-capacity-dialog input:not([type=checkbox]),.dx3-capacity-dialog select{display:block;width:100%;box-sizing:border-box;min-height:42px;margin:6px 0 14px;border:1px solid #899bb3;border-radius:5px;padding:8px;background:white;color:#16273f}
.dx3-capacity-dialog input[type=checkbox]{margin:0 9px 0 0}
.dx3-capacity-units{display:grid;grid-template-columns:minmax(0,3fr) minmax(80px,1fr);gap:14px}
.dx3-capacity-dialog table{table-layout:fixed;width:100%;font-size:13px}.dx3-capacity-dialog th,.dx3-capacity-dialog td{overflow-wrap:anywhere;padding:10px;text-align:left}
.dx3-capacity-dialog button{margin:5px;padding:11px 15px}.dx3-capacity-dialog button:disabled{opacity:.55;cursor:not-allowed}
.dx3-capacity-dialog :is(button,input,select,summary):focus-visible{outline:3px solid #005ea8;outline-offset:3px}
.dx3-capacity-dialog p{overflow-wrap:anywhere;line-height:1.6}.dx3-capacity-dialog summary{cursor:pointer;padding:10px 0;font-weight:600}
.dx3-capacity-incident{padding:18px;border:1px solid #bac9de;border-left:4px solid #315c8a;border-radius:8px;margin:18px 0}
.dx3-capacity-queue-open{align-self:flex-start;margin:0 0 16px!important}
@media(max-width:650px){.dx3-capacity-dialog{padding:16px;width:98vw;max-width:98vw}.dx3-capacity-dialog form,.dx3-capacity-incident{padding:10px}.dx3-capacity-dialog table{font-size:11px}.dx3-capacity-dialog th,.dx3-capacity-dialog td{padding:5px}.dx3-capacity-dialog button{max-width:100%;white-space:normal}}

.dx3-server-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto;border:1px solid #cbd5e1;border-radius:16px;padding:24px;color:#10213b;background:#fff}.dx3-server-dialog::backdrop{background:#0b173b88}.dx3-server-dialog button{padding:10px 16px;margin:8px;border-radius:6px;border:1px solid #a5b4cc;background:#fff;color:#152d60}.dx3-server-dialog button:focus-visible{outline:3px solid #245de8;outline-offset:3px}.dx3-server-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.dx3-server-grid section{padding:16px;background:#f3f6fc;border:1px solid #d9e1ee;border-radius:10px}.dx3-server-grid h3{font-size:14px}.dx3-server-grid p{overflow-wrap:anywhere}

.dx3-server-adapter{border-top:1px solid #dbe3ef;margin-top:1.25rem;padding-top:1rem}.dx3-server-table{max-width:100%;overflow:auto}.dx3-server-table table{width:100%;border-collapse:collapse}.dx3-server-table th,.dx3-server-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.5rem;overflow-wrap:anywhere}.dx3-server-adapter h4{margin:1rem 0 .4rem}

.dx3-firewall-form{display:grid;grid-template-columns:1fr;gap:.6rem;max-width:34rem;margin:1rem 0}.dx3-firewall-form input:not([type=checkbox]),.dx3-firewall-form select{box-sizing:border-box;width:100%;padding:.65rem;border:1px solid #8391a5;border-radius:.35rem}.dx3-firewall-form input[type=checkbox]{width:1.25rem;height:1.25rem}.dx3-firewall-form label{font-weight:600}.dx3-firewall-form button{margin:.2rem 0}

.dx3-plesk-panel form{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;max-width:38rem;margin:1rem 0;padding:1rem;background:#f3f6fc;border:1px solid #d9e1ee;border-radius:10px}.dx3-plesk-panel input:not([type=checkbox]),.dx3-plesk-panel select{box-sizing:border-box;width:100%;max-width:38rem;padding:.65rem;border:1px solid #8391a5;border-radius:.35rem;font:inherit}.dx3-plesk-panel input[type=checkbox]{width:1.25rem;height:1.25rem}.dx3-plesk-panel label{font-weight:600}.dx3-plesk-panel form button{margin:.25rem 0}.dx3-plesk-panel details{margin:.5rem 0}.dx3-plesk-panel summary{cursor:pointer;padding:.5rem 0;font-weight:600}.dx3-plesk-panel :is(input,select,summary,button):focus-visible{outline:3px solid #245de8;outline-offset:3px}.dx3-plesk-panel p,.dx3-plesk-panel li{overflow-wrap:anywhere}.dx3-plesk-panel h3{margin-top:1.5rem}
.dx3-server-tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid #cbd5e1;padding:.5rem 0;margin-bottom:1rem}.dx3-server-tabs button{margin:.15rem!important}.dx3-server-tabs [aria-selected=true]{background:#152d60;color:#fff;border-color:#152d60}.dx3-server-sections [role=tabpanel][hidden]{display:none!important}.dx3-server-sections [role=tabpanel]:focus-visible{outline:3px solid #245de8;outline-offset:3px}.dx3-server-sections .dx3-server-adapter{margin-top:0;border-top:0}.dx3-server-dialog{width:min(1120px,94vw)}
.dx3-app .dx3-server-tabs button[aria-selected=true]{background:#152d60;color:#fff;border-color:#152d60;font-weight:600}

.dx3-billing-panel table{width:100%;border-collapse:collapse;white-space:nowrap}.dx3-billing-panel th,.dx3-billing-panel td{text-align:left;padding:12px;border-bottom:1px solid #dbe3ef}.dx3-billing-panel dd{margin:0 0 1rem;overflow-wrap:anywhere}.dx3-billing-panel button{min-height:40px;margin:.3rem}.dx3-dialog fieldset{border:1px solid #cad5e3;border-radius:8px;padding:12px;margin:12px 0}.dx3-dialog fieldset label{display:block;margin:8px 0}.dx3-dialog input[type=checkbox]{width:auto;margin-right:8px}.dx3-dialog summary{cursor:pointer;padding:12px 0}.dx3-billing-panel :is(button,a):focus-visible,.dx3-dialog :is(input,button,summary):focus-visible{outline:3px solid #245de8;outline-offset:3px}

.dx3-billing-balances{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.dx3-billing-balance{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #e1e7ef;border-radius:12px;background:#fff}.dx3-billing-balance h3{margin:0;font-size:14px;color:#52617b}.dx3-billing-balance strong{font-size:25px;color:#152d60;overflow-wrap:anywhere}@media(max-width:650px){.dx3-billing-balances{grid-template-columns:1fr}.dx3-billing-panel{padding:16px}.dx3-billing-panel table{font-size:13px}}
/* Staff import uses the existing portal dialog and form controls. */
.dx3-freshbooks-import .dx3-import-details{display:grid;grid-template-columns:minmax(8rem,1fr) minmax(0,2fr);gap:.45rem 1rem;padding:1rem;background:#f7f8fb;border-radius:8px;overflow-wrap:anywhere}
.dx3-freshbooks-import .dx3-import-details dt{font-weight:600}.dx3-freshbooks-import .dx3-import-details dd{margin:0}
.dx3-freshbooks-import section{margin:1rem 0}.dx3-freshbooks-import form{margin:1rem 0}.dx3-freshbooks-import button{margin:.25rem .25rem .25rem 0}
@media(max-width:480px){.dx3-freshbooks-import .dx3-import-details{grid-template-columns:1fr;gap:.25rem}.dx3-freshbooks-import .dx3-import-details dd{margin-bottom:.5rem}}
/* Staff-only composition; uses the existing workspace and connector authorities. */
.dx3-staff-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.dx3-staff-connector{min-width:0;border:1px solid #dbe3ec;border-radius:10px;padding:18px;background:#fff;overflow-wrap:anywhere}
.dx3-staff-connector h3{margin:0 0 12px}.dx3-staff-connector p{margin:8px 0}
.dx3-staff-status{padding:9px 12px;background:#f0f5f9;border-left:3px solid #53849f}
.dx3-staff-members{grid-column:1/-1}.dx3-staff-member{border-top:1px solid #dbe3ec;margin-top:14px;padding-top:10px}
.dx3-staff-service-choice label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dx3-staff-service-choice select{max-width:100%}
@media(max-width:700px){.dx3-staff-overview-grid{grid-template-columns:minmax(0,1fr)}.dx3-staff-overview>.dx3-panel-heading{align-items:flex-start;flex-direction:column;gap:12px}}

/* Existing customer workspace panels, responsive without an alternate dashboard. */
.dx3-home-connectors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.dx3-home-connectors[hidden]{display:none}.dx3-home-connectors .dx3-panel{margin:0;min-width:0}.dx3-home-authority{grid-column:1/-1}.dx3-home-metrics{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:8px}.dx3-home-metrics dd{margin:0;overflow-wrap:anywhere}.dx3-home-connectors button{margin:5px 8px 5px 0}.dx3-home-connectors table{width:100%;text-align:left}.dx3-home-connectors th,.dx3-home-connectors td{padding:8px}@media(max-width:900px){.dx3-home-connectors{grid-template-columns:1fr}}

.dx3-monitoring-view .dx3-home-connectors{display:none}

.dx3-home-monitoring{grid-column:1/-1}

/* Shared, customer-visible ticket presentation in dashboard and staff inspection. */
.dx3-ticket-number{display:block;color:#65616f;font-size:.8rem;letter-spacing:.02em}.dx3-app .dx3-ticket-row .dx3-ticket-subject{margin:0 0 .3rem;font-size:1rem;line-height:1.45}.dx3-app .dx3-status-neutral{background:#f0edf5;color:#595166}.dx3-home-connectors .dx3-ticket-row{padding:1rem 0;gap:1rem}.dx3-home-connectors .dx3-ticket-row p{line-height:1.5}.dx3-staff-connector .dx3-ticket-row{align-items:flex-start}.dx3-staff-ticket-detail{max-height:35rem;overflow:auto}.dx3-staff-ticket-detail .dx3-conversation-body{white-space:pre-wrap;overflow-wrap:anywhere}