/* Diagnosis shared by search, support and collections. */
.crm-app .crm-onu{min-width:0;color:var(--inanet-text,#e3edf5)}
.crm-app .crm-onu>header{padding:24px;border-left:4px solid #73dcf5;gap:20px;align-items:flex-start}
.crm-app .crm-onu>header>div{min-width:0;flex:1}
.crm-app .crm-onu>header h2{font-size:16px;font-weight:600;color:#b6cddc;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.crm-app .crm-onu .onu-subscriber-name{font-size:clamp(26px,2.5vw,40px);line-height:1.18;color:#84e2ff;font-weight:800;letter-spacing:-.02em;margin:0 0 12px;overflow-wrap:anywhere}
.crm-app .crm-onu .onu-subscriber-meta{color:#c5d9e5;margin:0;font-size:15px}
.crm-app .crm-onu .onu-read-time{margin:10px 0 18px;color:#adc8d7;font-size:13px}
.crm-app .crm-onu .crm-onu-web{margin:16px 0 20px}
.crm-app .crm-onu .onu-web-entry{border-color:#408b92;background:linear-gradient(110deg,#113c46,#122b38);padding:16px 20px}
.crm-app .crm-onu .onu-web-entry button{background:#0b626d;color:#e9ffff;border-color:#59cdd5;font-weight:700;min-height:46px}
.crm-app .crm-onu .onu-web-entry button:disabled{background:var(--inanet-disabled,#263c49);color:#b9ccd6}
.crm-app .crm-onu .onu-status-cards{grid-template-columns:minmax(0,3fr) minmax(190px,1fr);align-items:stretch}
.crm-app .crm-onu .onu-agreement{background:var(--inanet-surface,#13232d);border:1px solid var(--inanet-border,#345867);border-radius:16px;padding:24px;min-width:0;--agreement-color:#adc2d0}
.crm-app .crm-onu .onu-agreement.match{--agreement-color:#60e6b2;border-color:#3a9e82}
.crm-app .crm-onu .onu-agreement.mismatch{--agreement-color:#ff929c;border-color:#b66c78}
.crm-app .crm-onu .onu-agreement.pending{--agreement-color:#ffd077;border-color:#a58a52}
.crm-app .crm-onu .onu-agreement-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(50px,.6fr) minmax(0,1fr);align-items:center;gap:16px}
.crm-app .crm-onu .onu-agreement-endpoint{display:flex;align-items:center;gap:12px;min-width:0}
.crm-app .crm-onu .onu-agreement-endpoint>svg{flex:none;color:var(--onu-color)}
.crm-app .crm-onu .onu-agreement-endpoint>div{min-width:0}
.crm-app .crm-onu .onu-agreement-endpoint small{display:block;font-size:13px;color:#c1d2de;margin-bottom:8px}
.crm-app .crm-onu .onu-agreement-endpoint strong{font-size:clamp(16px,1.35vw,21px);color:var(--onu-color);display:flex;align-items:center;gap:9px;overflow-wrap:anywhere}
.crm-app .crm-onu .onu-agreement-endpoint i{display:inline-block;flex:none;width:10px;height:10px;background:var(--onu-color);border-radius:50%;box-shadow:0 0 10px var(--onu-color)}
.crm-app .crm-onu .onu-agreement-link{color:var(--agreement-color);min-width:0}
.crm-app .crm-onu .onu-agreement-link svg{display:block;width:100%;height:26px;fill:none;stroke:currentColor;stroke-width:2.5}
.crm-app .crm-onu .onu-agreement:not(.match) .agreement-stroke{stroke-dasharray:8 7}
.crm-app .crm-onu .onu-agreement-label{display:flex;justify-content:center;align-items:center;gap:8px;color:var(--agreement-color);font-weight:700;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--inanet-border,#345867)}
.crm-app .crm-onu .onu-agreement-label svg{flex:none}
.crm-app .crm-onu .onu-serial-identity{margin:20px 0 0}
.crm-app .crm-onu .onu-serial-identity small{display:block;color:#b4ceda;font-size:12px;letter-spacing:.12em;margin-bottom:6px}
.crm-app .crm-onu .onu-serial-identity code{display:block;font-size:clamp(23px,2.3vw,34px);font-weight:800;color:#8ee3ff;line-height:1.25;background:transparent;padding:0;letter-spacing:.025em;overflow-wrap:anywhere}
.crm-app .crm-onu .onu-equipment .onu-drawing{max-height:190px}
@media(max-width:1150px){.crm-app .crm-onu .onu-status-cards{grid-template-columns:1fr}.crm-app .crm-onu .onu-agreement{padding:20px}}
@media(max-width:600px){.crm-app .crm-onu>header{padding:18px;flex-direction:column}.crm-app .crm-onu>header>button{width:100%}.crm-app .crm-onu .onu-agreement{padding:18px 14px}.crm-app .crm-onu .onu-agreement-pair{grid-template-columns:1fr;gap:12px}.crm-app .crm-onu .onu-agreement-link{height:40px;display:flex;justify-content:center}.crm-app .crm-onu .onu-agreement-link svg{width:52px;transform:rotate(90deg);align-self:center}.crm-app .crm-onu .onu-agreement-endpoint{justify-content:flex-start}.crm-app .crm-onu .onu-agreement-endpoint strong{font-size:19px}.crm-app .crm-onu .onu-web-entry{padding:16px;flex-wrap:wrap}.crm-app .crm-onu .onu-web-entry button{width:100%}.crm-app .crm-onu .onu-web-entry>div{min-width:0}}

/* Center both endpoints and align the connector with the status values. */
.crm-app .crm-onu .onu-agreement-endpoint{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}
.crm-app .crm-onu .onu-agreement-endpoint>div{width:100%;text-align:center}
.crm-app .crm-onu .onu-agreement-endpoint strong{justify-content:center;line-height:28px}
.crm-app .crm-onu .onu-agreement-link{align-self:end;padding-bottom:1px}
@media(max-width:600px){.crm-app .crm-onu .onu-agreement-link{align-self:center;padding-bottom:0}}

/* Emphasize optical readings and balance CATV. */
.crm-app .crm-onu .onu-optical-row>div:first-child{align-items:center;gap:12px;flex-wrap:wrap}
.crm-app .crm-onu .onu-optical-row strong{font-size:clamp(26px,2.3vw,34px);font-weight:800;line-height:1.2;white-space:nowrap}
.crm-app .crm-onu .onu-catv-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-width:0;padding:22px;background:var(--inanet-surface,#13232d);border:1px solid var(--inanet-border,#345867);border-radius:16px;--catv-color:var(--onu-color,#a8c2d2)}
.crm-app .crm-onu .onu-catv-card.unsupported{--catv-color:#eac18a}
.crm-app .crm-onu .onu-catv-icon{width:58px;height:58px;flex:none;color:var(--catv-color)}
.crm-app .crm-onu .onu-catv-card small{font-size:14px;color:#c1d2de}
.crm-app .crm-onu .onu-catv-card strong{font-size:22px;line-height:1.25;color:var(--catv-color);overflow-wrap:anywhere}
@media(max-width:600px){.crm-app .crm-onu .onu-optical-row>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.crm-app .crm-onu .onu-optical-row strong{font-size:26px}}