/* Approved user detail layout; isolated from the rest of the channel UI. */
.bxy-user-detail,.ud-topbar{--ink:var(--text);--soft:var(--surface-soft);--strong-line:var(--line-strong);--green:var(--green-dark);--green-light:var(--green-soft);--blue-light:#eef4fb;--radius:10px}
.bxy-user-detail :where(h2,h3,p,dl,dd){margin:0}
.bxy-user-detail svg,.ud-topbar svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bxy-user-detail button:focus-visible,.bxy-user-detail input:focus-visible,.ud-back:focus-visible{outline:3px solid #70bba7;outline-offset:3px}
.ud-topbar .ud-breadcrumb{font-size:12px;color:var(--muted);margin:0 0 7px;line-height:1.4}
.ud-breadcrumb span{padding:0 9px;color:var(--muted)}
.ud-topbar{margin-bottom:20px;align-items:center}
.ud-topbar h1{font-size:24px;line-height:1.35}
.ud-button.button{min-height:42px;padding:0 18px;background:var(--green-dark);border:1px solid var(--green-dark);border-radius:7px;font-size:14px;font-weight:650;white-space:nowrap}
.ud-button.button:hover{background:#095e49}
.ud-button.button.secondary{background:white;color:#35494f;border-color:var(--line-strong)}
.ud-button svg{width:17px;height:17px}
.bxy-user-detail button:disabled,.bxy-user-detail input:disabled{opacity:.6;cursor:wait}
.ud-records-table{min-width:0}
.ud-records-table td{font-size:14px}
.ud-records-table th{font-size:12px}
.ud-tabs button{font-family:inherit}
.ud-tabs #ud-printer-count{display:inline-flex}
.ud-records-panel .empty,.ud-records-panel .loading{padding:30px 24px}
.ud-account-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.56fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.ud-account-overview{padding:24px 28px}.ud-identity{display:flex;align-items:center;gap:14px}.ud-avatar{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;background:var(--green-light);color:var(--green)}.ud-avatar svg{width:25px;height:25px}.ud-identity-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ud-identity h2{font-size:23px;font-weight:720;letter-spacing:.2px}.ud-identity p{margin-top:5px;font-size:12px;color:var(--muted)}.ud-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:550;color:#0c674f;background:var(--green-light);padding:5px 9px;border-radius:5px;white-space:nowrap}.ud-status i{width:6px;height:6px;background:var(--green);border-radius:50%}.ud-facts{display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:22px;margin-top:23px}.ud-facts>div+div{border-left:1px solid var(--line);padding-left:24px}.ud-facts dt{color:var(--muted);font-size:12px;line-height:1.5;margin-bottom:5px}.ud-facts dd{min-height:29px;display:flex;gap:6px;align-items:baseline}.ud-facts dd strong{font-size:26px;line-height:1.15;letter-spacing:-.5px;font-weight:700;color:var(--green)}.ud-facts dd>span{font-size:15px}.ud-facts dd>span.ud-sub-value{font-size:12px;color:var(--muted)}.ud-facts dd .ud-expiry-date{white-space:nowrap}.ud-facts dd .ud-phone-model{white-space:nowrap;font-weight:550}.ud-renew-panel{background:var(--soft);border-left:1px solid var(--line);padding:23px 24px;display:flex;flex-direction:column;justify-content:center}.ud-renew-title{display:flex;gap:8px;align-items:center;color:var(--green);margin-bottom:13px}.ud-renew-title h3{font-size:15px;font-weight:700;color:var(--ink)}.ud-renew-title svg{width:18px;height:18px}.ud-renew-panel label{font-size:12px;color:var(--muted);margin-bottom:6px}.ud-renew-fields{display:flex;gap:8px;align-items:center}.ud-renew-fields input{width:100%;min-width:0;height:42px;border:1px solid var(--strong-line);border-radius:7px;padding:0 12px;background:white;font-size:14px}.ud-renew-fields input::placeholder{color:#6f7c81}.ud-renew-fields .ud-button{padding:0 15px}.ud-renew-panel p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.5}.ud-records-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.ud-tabs{display:flex;gap:22px;align-items:stretch;border-bottom:1px solid var(--line);padding:0 24px}.ud-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;padding:19px 0 16px;min-height:58px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:14px;font-weight:550;white-space:nowrap}.ud-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:700}.ud-tabs button:hover{color:var(--green)}.ud-count{font-size:11px;line-height:18px;min-width:24px;padding:0 6px;border-radius:5px;background:#edf2f3;color:var(--muted);font-weight:650}.ud-tabs button[aria-selected=true] .ud-count{color:var(--green);background:var(--green-light)}.ud-record-intro{display:flex;justify-content:space-between;gap:16px;padding:18px 24px 15px;align-items:center}.ud-record-intro h3{font-size:16px;font-weight:700}.ud-record-intro p{font-size:12px;color:var(--muted);line-height:1.5}.ud-table-scroll{overflow:auto}.ud-records-table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.ud-records-table thead{background:var(--soft);color:var(--muted);font-size:12px;font-weight:500}.ud-records-table th{height:38px;font-weight:500;padding:0 24px;border-top:1px solid #e8eeef;border-bottom:1px solid #e8eeef}.ud-records-table td{height:49px;padding:8px 24px;border-bottom:1px solid #edf1f2}.ud-records-table tbody tr:last-child td{border-bottom:0}.ud-records-table .ud-model{width:53%}.ud-records-table .ud-connection{width:18%}.ud-records-table .ud-last-time{width:29%;white-space:nowrap}.ud-model-cell{display:flex;align-items:center;gap:12px;min-width:0}.ud-model-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e5ebed;border-radius:6px;color:#6d8387;background:#fbfcfc;flex-shrink:0}.ud-model-icon svg{width:17px;height:17px}.ud-model-name{font-weight:550;overflow-wrap:anywhere;line-height:1.5}.ud-model-latest .ud-model-icon{border-color:#cfe8df;color:var(--green);background:#f0faf6}.ud-latest{font-size:11px;font-weight:500;border:1px solid #c9e5d9;padding:2px 5px;color:var(--green);border-radius:4px;white-space:nowrap;margin-left:5px;vertical-align:middle}.ud-transport{display:inline-flex;align-items:center;gap:5px;background:#f0f4f5;color:#52666c;font-size:12px;padding:4px 7px;border-radius:5px;line-height:1.35;white-space:nowrap}.ud-transport svg{width:13px;height:13px}.ud-transport.ud-network{background:var(--blue-light);color:var(--blue)}.ud-time-date{color:#4c6067;font-size:13px;white-space:nowrap}.ud-time-clock{font-size:12px;color:var(--muted);margin-left:10px}.ud-records-footer{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px;gap:12px;background:#fcfdfd}.ud-footer-note{display:flex;align-items:center;gap:6px}.ud-footer-note svg{width:14px;height:14px}.ud-page-foot{text-align:center;margin-top:16px;font-size:12px;color:var(--muted)}.ud-record-subsection{padding:22px 24px;border-bottom:1px solid var(--line)}.ud-record-subsection:last-child{border-bottom:0}.ud-subsection-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.ud-subsection-head h3{font-size:16px}.ud-link-button{padding:5px 0;min-height:30px;border:0;background:none;font-size:13px;color:var(--green)}.ud-code-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--line);border-radius:7px;margin-top:9px;gap:12px}.ud-code-card strong{display:block;font-size:14px;font-weight:600}.ud-code-card p{font-size:12px;color:var(--muted);margin-top:7px}.ud-danger-button{min-height:34px;background:none;border:1px solid #e4b8b3;color:var(--red);border-radius:6px;padding:0 12px;font-size:12px}.ud-tag-ok{display:inline-block;padding:3px 8px;background:var(--green-light);color:var(--green);border-radius:4px;font-size:12px}.ud-simple-cell{color:#4c6067}@media(max-width:1170px) and (min-width:761px){.ud-account-panel{grid-template-columns:minmax(0,1fr) 290px}.ud-account-overview{padding:22px}.ud-facts{gap:12px}.ud-facts>div+div{padding-left:14px}.ud-facts dd{flex-wrap:wrap;gap:4px}.ud-facts dd .ud-sub-value{display:none}.ud-identity-line{gap:8px}.ud-identity h2{font-size:21px}.ud-renew-panel{padding:22px 18px}.ud-renew-fields{flex-wrap:wrap}.ud-renew-fields .ud-button{width:100%}}

@media(max-width:780px){.ud-account-panel{display:block;border-radius:10px;margin-bottom:16px}.ud-account-overview{padding:20px 18px 17px}.ud-identity{gap:10px}.ud-avatar{width:38px;height:38px}.ud-avatar svg{width:21px;height:21px}.ud-identity h2{font-size:21px;letter-spacing:0}.ud-identity-line{gap:9px;flex-wrap:nowrap}.ud-status{font-size:11px;padding:4px 7px;gap:5px}.ud-status i{width:5px;height:5px}.ud-identity p{font-size:11px;margin-top:3px}.ud-facts{grid-template-columns:.82fr 1.22fr 1fr;gap:12px;margin-top:19px}.ud-facts>div+div{padding-left:13px}.ud-facts dt{font-size:11px;margin-bottom:6px}.ud-facts dd{display:block;line-height:1.4;min-height:35px}.ud-facts dd strong{font-size:24px}.ud-facts dd>span{font-size:12px}.ud-facts dd>span:not(.ud-sub-value){margin-left:3px}.ud-facts dd>span.ud-expiry-date{margin:0;font-size:12px}.ud-facts dd>span.ud-sub-value{display:block;margin:3px 0 0;font-size:11px}.ud-facts dd>span.ud-phone-model{font-size:13px;margin:0}.ud-renew-panel{border:0;border-top:1px solid var(--line);padding:16px 18px 17px;display:block}.ud-renew-title{margin-bottom:11px;gap:7px}.ud-renew-title h3{font-size:14px}.ud-renew-title svg{width:16px;height:16px}.ud-renew-panel label{display:none}.ud-renew-fields{gap:8px}.ud-renew-fields input{height:44px;font-size:14px;padding:0 11px}.ud-renew-fields .ud-button{min-height:44px;padding:0 13px;font-size:13px}.ud-renew-panel p{font-size:11px;margin-top:8px}.ud-tabs{gap:0;padding:0 13px;justify-content:space-between}.ud-tabs button{min-height:55px;padding:15px 0 13px;font-size:12px;gap:4px}.ud-count{font-size:10px;min-width:20px;padding:0 4px;line-height:16px}.ud-record-intro{padding:15px 16px 12px;display:block}.ud-record-intro h3{font-size:15px}.ud-record-intro p{font-size:11px;margin-top:5px}.ud-records-table,.ud-records-table tbody{display:block;width:100%}.ud-records-table thead{display:none}.ud-records-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:6px;padding:13px 16px;border-bottom:1px solid #edf1f2;min-height:73px}.ud-records-table tr:last-child{border:0}.ud-records-table td{height:auto;border:0;padding:0;width:auto!important;min-width:0}.ud-records-table td.ud-model{grid-column:1;grid-row:1}.ud-model-cell{gap:0}.ud-model-icon{display:none}.ud-model-name{font-size:13px;font-weight:600;line-height:1.5}.ud-latest{font-size:10px;padding:1px 4px;margin-left:4px}.ud-records-table td.ud-connection{grid-column:2;grid-row:1/3;align-self:center}.ud-transport{font-size:11px;padding:4px 6px;gap:4px}.ud-transport svg{width:12px;height:12px}.ud-records-table td.ud-last-time{grid-column:1;grid-row:2;line-height:1.3}.ud-time-date{font-size:11px;color:var(--muted)}.ud-time-clock{font-size:11px;margin-left:7px}.ud-records-footer{padding:12px 16px;font-size:10px;align-items:flex-start}.ud-records-footer>span:last-child{display:none}.ud-footer-note{gap:5px;line-height:1.6}.ud-footer-note svg{width:13px;height:13px;flex-shrink:0;margin-top:1px}.ud-page-foot{font-size:10px;margin-top:14px}.ud-record-subsection{padding:18px 16px}.ud-subsection-head{margin-bottom:12px}.ud-subsection-head h3{font-size:15px}.ud-code-card{padding:12px;align-items:flex-start}.ud-code-card strong{font-size:12px}.ud-code-card p{font-size:11px;line-height:1.7}.ud-danger-button{font-size:11px;min-height:32px;padding:0 9px}.ud-simple-records tr{display:block;padding:16px}.ud-simple-records td{display:block;margin-top:6px;font-size:12px}.ud-simple-records td:first-child{margin-top:0;font-weight:600;font-size:13px}@media(max-width:360px){.ud-identity h2{font-size:19px}.ud-identity-line{gap:7px}.ud-account-overview{padding-left:15px;padding-right:15px}.ud-status{padding-left:5px;padding-right:5px}.ud-facts{gap:8px}.ud-facts>div+div{padding-left:9px}.ud-tabs{padding:0 10px}.ud-tabs button{font-size:11px;gap:3px}.ud-renew-panel{padding-left:15px;padding-right:15px}}

.ud-topbar{margin-bottom:15px;flex-direction:row;justify-content:space-between;align-items:center}
.ud-topbar h1{font-size:23px}
.ud-topbar .ud-breadcrumb{font-size:11px;margin-bottom:5px}
.ud-button.button.ud-back{min-height:44px;padding:0 10px;font-size:12px}
.ud-tabs button{min-height:55px}
.ud-link-button,.ud-danger-button{min-height:44px}
.ud-records-panel .empty,.ud-records-panel .loading{padding:24px 16px}
}
.ud-account-panel .ud-renew-panel .ud-renew-fields input{margin:0}
.ud-identity h2{overflow-wrap:anywhere}
.ud-identity-line{min-width:0}
.ud-phone-model{overflow-wrap:anywhere;white-space:normal!important}
.ud-device-id,.ud-code-value{overflow-wrap:anywhere;word-break:break-word}
.ud-operation{display:inline-flex;padding:3px 8px;background:var(--green-soft);color:var(--green-dark);border-radius:4px;font-size:12px;white-space:nowrap}
.ud-operation.ud-unbind{color:var(--red);background:var(--red-soft)}
.ud-status.ud-inactive{color:var(--red);background:var(--red-soft)}
.ud-status.ud-inactive i{background:var(--red)}
.ud-channel-notice{margin-top:14px;border-color:#f4c875;background:#fff8e8;color:#8a4b08}
@media(prefers-reduced-motion:reduce){.bxy-user-detail *{transition:none!important}}