/* Familiar, refined. Customer presentation only; staff controls and policy are unchanged. */
@font-face{font-family:"DX3 HK Grotesk";src:url("HKGrotesk-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DX3 HK Grotesk";src:url("HKGrotesk-Medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"DX3 HK Grotesk";src:url("HKGrotesk-Bold.woff2") format("woff2");font-style:normal;font-weight:600 900;font-display:swap}
.dx3-client,.dx3-client-login{--dx3-ink:#373f51;--dx3-muted:#626c7c;--dx3-border:#e4e8ed;--dx3-orange:#a54a23;--dx3-blue:#246f9c;font-family:"DX3 HK Grotesk","Segoe UI",Arial,sans-serif}
.dx3-client{display:grid;grid-template-columns:205px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr);background:#f4f6f8;min-height:100vh}
.dx3-client-masthead{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 30px;background:#fff;border-bottom:1px solid var(--dx3-border)}
.dx3-client-identity{display:flex;align-items:center;gap:18px;color:var(--dx3-ink);text-decoration:none;font-size:15px;font-weight:500}
.dx3-client-identity>span{padding-left:18px;border-left:1px solid var(--dx3-border)}
.dx3-client-logo{display:block;width:88px;height:auto;aspect-ratio:99/62;object-fit:contain}
.dx3-client-support{display:flex;align-items:center;gap:8px;color:var(--dx3-muted);font-size:13px;text-decoration:none}
.dx3-client-support:hover{color:var(--dx3-blue);text-decoration:underline}
.dx3-client .dx3-sidebar{width:auto;grid-column:1;grid-row:2;padding:27px 16px 22px;gap:22px}
.dx3-client .dx3-workspace{width:auto;max-width:none;grid-column:2;grid-row:2;padding:28px 30px 22px;display:flex;flex-direction:column;min-width:0}
.dx3-client .dx3-nav-label{padding-left:12px;font-size:10px;color:var(--dx3-muted)}
.dx3-client .dx3-nav-item{border-radius:7px;gap:10px;font-size:13px;padding:11px 12px;color:var(--dx3-muted);min-height:44px}
.dx3-client .dx3-nav-item.is-active,.dx3-client .dx3-nav-item.is-active:hover:not(:disabled){background:#edf6fc;color:var(--dx3-blue);box-shadow:inset 3px 0 #449dd1;font-weight:700}
.dx3-client .dx3-nav-item small{font-size:9px;color:var(--dx3-muted)}
.dx3-client .dx3-nav-item.is-active small{color:var(--dx3-blue)}
.dx3-client .dx3-help-card{border:0;border-top:1px solid var(--dx3-border);border-radius:0;background:none;padding:18px 12px 0;font-size:13px}
.dx3-client .dx3-help-card>span{color:#a54a23}
.dx3-client .dx3-help-card p{font-size:12px;margin-top:7px}
.dx3-client .dx3-tenant-bar{order:-2;margin-bottom:23px;padding:0;border:0;background:transparent;gap:12px;flex-wrap:wrap}
.dx3-client .dx3-tenant-bar label{font-size:11px;max-width:410px}
.dx3-client .dx3-tenant-bar select{font-weight:500;border-color:#d4dbe3;margin-top:5px;font-size:13px;min-height:42px}
.dx3-client .dx3-org-pages{gap:6px}
.dx3-client .dx3-topbar{order:-1;margin-bottom:24px}
.dx3-client .dx3-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:var(--dx3-muted)}
.dx3-client .dx3-eyebrow:before{content:"";display:block;width:22px;height:2px;background:#f17641}
.dx3-client .dx3-heading{font-size:30px;line-height:1.15;letter-spacing:-.8px;margin:0 0 9px;font-weight:700;color:var(--dx3-ink)}
.dx3-client .dx3-heading-accent{color:var(--dx3-blue)}
.dx3-client .dx3-subheading{font-size:13px;color:var(--dx3-muted)}
.dx3-client .dx3-secure-pill{color:#237b54;background:#edf8f1;border:0;padding:6px 10px;font-size:11px}
.dx3-client .dx3-message{min-height:0;margin:0 0 16px;font-size:13px}
.dx3-client .dx3-message:empty{margin:0}
.dx3-client .dx3-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}
.dx3-client .dx3-stat-card{position:relative;display:block;border-radius:10px;padding:18px 20px;box-shadow:none}
.dx3-client .dx3-stat-card>.dx3-icon{position:absolute;right:18px;top:18px;padding:0;width:18px;height:18px;border-radius:0;background:none;color:var(--dx3-blue)}
.dx3-client .dx3-stat-card>span{display:block;color:var(--dx3-muted);padding:0 25px 0 0;font-size:12px;font-weight:400}
.dx3-client .dx3-stat-card strong{display:block;font-size:31px;line-height:1.3;font-weight:700;margin:12px 0 3px}
.dx3-client .dx3-stat-card small{font-size:11px}
.dx3-client .dx3-panel,.dx3-client .dx3-placeholder{border-radius:10px;box-shadow:none;padding:22px;border-color:var(--dx3-border)}
.dx3-client .dx3-panel-heading{margin-bottom:20px}
.dx3-client .dx3-service-table{font-size:13px}
.dx3-client .dx3-service-table th{color:var(--dx3-muted);font-size:10px}
.dx3-client .dx3-service-table td{border-color:var(--dx3-border);padding:19px 12px}
.dx3-client .dx3-service-table td:first-child{font-weight:700}
.dx3-client .dx3-primary{background:#373f51;border-color:#373f51;color:#fff;border-radius:5px;padding:9px 14px;font-weight:700;font-size:13px}
.dx3-client .dx3-primary:hover{background:#292f3e!important;border-color:#292f3e}
.dx3-client button{border-radius:6px}
.dx3-client button:focus-visible,.dx3-client a:focus-visible,.dx3-client input:focus-visible,.dx3-client select:focus-visible,.dx3-client-login a:focus-visible{outline-color:#246f9c}
.dx3-client .dx3-footer{margin-top:10px;padding-top:16px;border-top:1px solid var(--dx3-border);font-size:11px;color:var(--dx3-muted)}
.dx3-client-login .dx3-client-logo{width:99px;margin:0 auto 16px}
.dx3-client-login .dx3-primary{background:#373f51;border-color:#373f51}
.dx3-client.dx3-monitoring-view .dx3-sidebar{width:auto;background:#fff}
.dx3-client.dx3-monitoring-view .dx3-workspace{width:auto;padding:28px 30px 22px;background:#f4f6f8}
.dx3-client.dx3-monitoring-view .dx3-monitor-nav.is-active{background:#edf6fc;color:var(--dx3-blue);box-shadow:inset 3px 0 #449dd1}
@media(min-width:1600px){.dx3-client .dx3-workspace{padding-right:max(30px,calc((100vw - 1500px)/2));padding-left:max(30px,calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.dx3-client{grid-template-columns:185px minmax(0,1fr)}.dx3-client .dx3-sidebar{padding:25px 12px}.dx3-client .dx3-workspace,.dx3-client.dx3-monitoring-view .dx3-workspace{padding:25px 24px}.dx3-client .dx3-stat-card{padding:16px 14px}.dx3-client .dx3-stat-card>.dx3-icon{right:14px;top:17px}.dx3-client .dx3-org-pages{margin-left:0;flex-direction:row}.dx3-client .dx3-nav-item{font-size:12px;padding-left:10px;padding-right:10px}.dx3-client .dx3-nav-item small{font-size:8px}}
@media(max-width:850px){.dx3-client .dx3-stat-card>span{font-size:11px;padding-right:0}.dx3-client .dx3-stat-card>.dx3-icon{display:none}.dx3-client .dx3-stat-card small{font-size:10px}.dx3-client .dx3-summary{gap:10px}.dx3-client .dx3-secure-pill{display:none}}
@media(max-width:650px){.dx3-client{display:flex;flex-direction:column;min-height:100dvh}.dx3-client-masthead{min-height:76px;padding:12px 17px;gap:12px}.dx3-client-identity{gap:10px;font-size:13px}.dx3-client-identity>span{padding-left:10px}.dx3-client-logo{width:65px}.dx3-client-support{font-size:12px;gap:5px}.dx3-client-support .dx3-icon{width:16px;height:16px}.dx3-client .dx3-sidebar{width:100%;grid-row:auto;padding:18px 17px;border-right:0;border-bottom:1px solid var(--dx3-border)}.dx3-client .dx3-workspace,.dx3-client.dx3-monitoring-view .dx3-workspace{width:100%;max-width:100%;padding:22px 17px}.dx3-client .dx3-heading{font-size:25px;letter-spacing:-.6px}.dx3-client .dx3-topbar{gap:12px}.dx3-client .dx3-tenant-bar{margin-bottom:22px}.dx3-client .dx3-tenant-bar label{min-width:100%;max-width:100%}.dx3-client .dx3-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.dx3-client .dx3-stat-card{padding:13px 10px}.dx3-client .dx3-stat-card>span{min-height:34px;line-height:1.4}.dx3-client .dx3-stat-card strong{font-size:27px;margin-top:7px}.dx3-client .dx3-panel{padding:16px}.dx3-client .dx3-menu-toggle{min-width:44px;min-height:44px;padding:8px}.dx3-client .dx3-org-pages button{min-height:38px}.dx3-client .dx3-sidebar .dx3-nav-item{min-height:44px;font-size:13px}.dx3-client .dx3-nav-item small{font-size:10px}.dx3-client .dx3-help-card{margin-top:8px}.dx3-client .dx3-dialog{max-width:calc(100% - 24px)}.dx3-client .dx3-footer{font-size:10px}}
@media(max-width:360px){.dx3-client-support span{display:none}.dx3-client-support{padding:10px}.dx3-client .dx3-summary{grid-template-columns:1fr}.dx3-client .dx3-stat-card>span{min-height:0}.dx3-client .dx3-stat-card strong{margin-top:6px}}