/* V9.9.3 — Service detail clarity rebuild.
 * Only client-service pages are affected. No checkout, tenant or admin styles touched.
 */
body.v981-client-service-route {
  background:#f5f7fb!important;
  color:#172338!important;
}
body.v981-client-service-route .app-shell,
body.v981-client-service-route .app-shell>.app-main {
  background:#f5f7fb!important;
}
body.v981-client-service-route .app-shell>.app-main {
  padding:28px clamp(16px,2.1vw,36px) 52px!important;
}
/* Text-only brand on this one page to avoid showing text embedded in a brand bitmap. */
body.v981-client-service-route .app-sidebar .app-brand[data-v993-service-brand] {
  display:flex!important;align-items:center!important;min-height:91px!important;
  padding:17px 23px!important;text-decoration:none!important;
}
body.v981-client-service-route .app-sidebar .app-brand[data-v993-service-brand]>* {
  display:none!important;
}
body.v981-client-service-route .app-sidebar .app-brand[data-v993-service-brand]:before {
  content:attr(data-v993-service-brand);
  display:block;color:#d95343;font-size:26px;font-weight:850;letter-spacing:.085em;
  line-height:1.14;text-transform:uppercase;overflow-wrap:anywhere;
}
/* Main header — roomy, clean and fully below the site toolbar. */
.v993-service-page {
  max-width:1500px!important;
  margin:0 auto!important;
  gap:0!important;
  color:#15233a!important;
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;
}
.v993-service-page .v985-page-heading {
  min-height:150px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;margin:0 0 24px!important;padding:27px 32px!important;
  border:1px solid #dce8fa!important;border-radius:24px!important;
  background:linear-gradient(110deg,#fff 0%,#f7fbff 48%,#eaf3ff 100%)!important;
  box-shadow:0 10px 38px rgba(32,63,109,.055)!important;
  overflow:hidden!important;
}
.v993-service-page .v985-page-heading:after {
  right:-120px!important;bottom:-165px!important;
  width:430px!important;height:300px!important;border:0!important;
  background:radial-gradient(ellipse,rgba(91,163,255,.12) 0%,transparent 74%)!important;
}
.v993-service-page .v990-heading-left {gap:18px!important;min-width:0!important}
.v993-service-page .v990-heading-icon {
  width:68px!important;height:68px!important;flex:0 0 68px!important;
  border:1px solid #d8e9ff!important;border-radius:20px!important;
  background:#eaf4ff!important;color:#0875f6!important;font-size:29px!important;
}
.v993-service-page .v985-title-line {gap:14px!important}
.v993-service-page .v985-title-line h1 {
  color:#0d1b33!important;font-size:clamp(26px,2.15vw,34px)!important;
  line-height:1.2!important;letter-spacing:-.045em!important;font-weight:820!important;
}
.v993-service-page .v985-page-heading .v990-heading-text>p {
  margin:8px 0 0!important;color:#51647e!important;
  font-size:14px!important;line-height:1.5!important;font-weight:650!important;letter-spacing:0!important;
}
.v993-service-page .v985-status-pill,.v993-service-page .v985-inline-status {
  padding:8px 12px!important;font-size:12px!important;line-height:1!important;
}
.v993-service-page .v990-heading-actions {gap:20px!important;flex-wrap:wrap!important}
.v993-service-page .v990-expiry {gap:11px!important}
.v993-service-page .v990-expiry-icon {
  width:50px!important;height:50px!important;border:1px solid #dce9ff!important;
  border-radius:15px!important;font-size:20px!important;
}
.v993-service-page .v990-expiry small {font-size:12px!important;color:#61738e!important}
.v993-service-page .v990-expiry strong {font-size:16px!important;color:#182b4b!important}
.v993-service-page .v985-heading-renew button {
  min-height:51px!important;min-width:164px!important;padding:0 21px!important;
  border-radius:13px!important;font-size:13px!important;font-weight:780!important;
  box-shadow:0 9px 24px rgba(21,113,237,.18)!important;
}
.v993-service-page .v985-back-link {position:static!important;clip:auto!important;overflow:visible!important;width:auto!important;height:auto!important}
/* A real breadcrumb above the heading, not a separate compact sidebar item. */
.v993-service-page .v990-heading-text .v985-back-link {
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  margin:0 0 7px!important;color:#58749a!important;font-size:12px!important;
  font-weight:680!important;text-decoration:none!important;line-height:1.2!important;
}
.v993-service-page .v990-heading-text .v985-back-link:hover {color:#086ff3!important}
/* The content starts with genuinely large access and subscription surfaces. */
.v993-service-page .v985-content-grid {
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(292px,25%)!important;
  gap:20px!important;align-items:start!important;
}
.v993-service-page .v985-main-column {display:contents!important}
.v993-service-page .v985-top-cards {
  grid-column:1/-1!important;display:grid!important;
  grid-template-columns:minmax(0,1.43fr) minmax(330px,1fr)!important;
  gap:20px!important;margin:0!important;
}
.v993-service-page .v985-card {
  border:1px solid #e1e8f1!important;border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 12px 38px rgba(29,48,80,.055)!important;
  overflow:hidden!important;
}
.v993-service-page .v985-access-card,.v993-service-page .v985-subscription-card {
  min-height:375px!important;padding:26px 28px!important;
}
.v993-service-page .v985-card-head {
  align-items:center!important;gap:14px!important;
  padding-bottom:20px!important;border-bottom:1px solid #edf1f6!important;
}
.v993-service-page .v985-card-icon {
  width:50px!important;height:50px!important;flex:0 0 50px!important;
  border-radius:15px!important;font-size:20px!important;
}
.v993-service-page .v985-card-head h2,
.v993-service-page .v985-side-head h2 {
  margin:0!important;color:#11213b!important;
  font-size:20px!important;line-height:1.25!important;
  font-weight:800!important;letter-spacing:-.025em!important;
}
.v993-service-page .v985-card-head p {
  margin:5px 0 0!important;color:#64748b!important;
  font-size:13px!important;line-height:1.5!important;
}
/* Credentials — 14–16px labels/values and 40px accessible action targets. */
.v993-service-page .v985-access-list {display:block!important;margin-top:13px!important}
.v993-service-page .v985-access-row {
  display:grid!important;grid-template-columns:minmax(120px,26%) minmax(0,1fr) auto!important;
  gap:12px!important;align-items:center!important;
  min-height:68px!important;padding:10px 0!important;
  border:0!important;border-bottom:1px solid #eff2f6!important;
}
.v993-service-page .v985-access-row:last-child {border-bottom:0!important}
.v993-service-page .v985-access-row .v982-access-label {grid-column:auto!important;grid-row:auto!important}
.v993-service-page .v985-access-row .v982-access-label small {
  display:block;color:#4d5e78!important;font-size:13px!important;font-weight:720!important;
  line-height:1.4!important;
}
.v993-service-page .v985-access-row .v982-access-value {min-width:0!important;grid-column:auto!important;grid-row:auto!important}
.v993-service-page .v985-access-row .v982-access-value code {
  display:block!important;min-height:46px!important;line-height:22px!important;
  width:100%!important;padding:11px 14px!important;
  border:1px solid #e2e9f3!important;border-radius:12px!important;
  background:#f6f8fb!important;color:#1d3150!important;
  font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace!important;
  font-size:14px!important;font-weight:620!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.v993-service-page .v985-access-row .v982-access-actions {display:flex!important;gap:7px!important;grid-column:auto!important;grid-row:auto!important}
.v993-service-page .v985-access-row .v982-icon-btn {
  display:grid!important;place-items:center!important;width:41px!important;height:41px!important;
  border:1px solid #e1eaf5!important;border-radius:12px!important;
  background:#f8fbff!important;color:#517399!important;
  font-size:15px!important;cursor:pointer!important;
}
.v993-service-page .v985-access-row .v982-icon-btn:hover,
.v993-service-page .v985-access-row .v982-icon-btn:focus-visible {
  background:#e8f3ff!important;color:#086ff0!important;border-color:#a8d1ff!important;
}
.v993-service-page button:focus-visible,.v993-service-page a:focus-visible,
.v993-service-page summary:focus-visible {
  outline:3px solid #8ec5ff!important;outline-offset:3px!important;
}
.v993-service-page .v985-advanced-access {
  margin-top:16px!important;border:1px solid #e4edf9!important;
  border-radius:14px!important;background:#f8fbff!important;
}
.v993-service-page .v985-advanced-access summary {
  min-height:51px!important;align-items:center!important;padding:12px 16px!important;
  color:#174b8e!important;font-size:13px!important;font-weight:760!important;
}
.v993-service-page .v985-advanced-access summary span {display:inline-flex;align-items:center;gap:9px}
.v993-service-page .v985-advanced-access summary i {font-size:13px!important}
.v993-service-page .v985-advanced-access>div {padding:3px 16px 12px!important;border-top:1px solid #e1eafa!important}
.v993-service-page .v985-advanced-row {
  display:grid!important;grid-template-columns:100px minmax(0,1fr) 40px!important;
  gap:10px!important;align-items:center!important;padding:9px 0!important;
}
.v993-service-page .v985-advanced-row small {font-size:12px!important;font-weight:700!important;color:#526780!important}
.v993-service-page .v985-advanced-row code {
  min-width:0!important;min-height:40px!important;padding:10px 12px!important;
  border:1px solid #e3eaf2!important;border-radius:9px!important;
  background:#fff!important;color:#29405d!important;font-size:12px!important;
  overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
}
.v993-service-page .v985-advanced-row button {width:40px!important;height:40px!important;font-size:14px!important;border-radius:10px!important}
.v993-service-page .v985-empty-access {min-height:205px!important;gap:8px!important}
.v993-service-page .v985-empty-access strong {font-size:16px!important}
.v993-service-page .v985-empty-access p {font-size:13px!important}
/* Subscription — no tiny uppercase amount or dates. */
.v993-service-page .v985-subscription-list {margin:12px 0 0!important;display:block!important}
.v993-service-page .v985-subscription-list>div {
  display:grid!important;grid-template-columns:minmax(110px,1fr) minmax(0,1.3fr)!important;
  align-items:center!important;gap:12px!important;min-height:65px!important;
  padding:12px 0!important;border-bottom:1px solid #eff2f6!important;
}
.v993-service-page .v985-subscription-list>div:last-child{border-bottom:0!important}
.v993-service-page .v985-subscription-list dt {color:#5c6d85!important;font-size:13px!important;font-weight:670!important}
.v993-service-page .v985-subscription-list dd {
  max-width:none!important;margin:0!important;color:#162844!important;
  font-size:14px!important;font-weight:770!important;line-height:1.4!important;
  overflow-wrap:anywhere!important;white-space:normal!important;text-overflow:clip!important;text-align:right!important;
}
/* Four action tiles. */
.v993-service-page .v985-quick-actions {
  grid-column:1/-1!important;min-height:0!important;
  padding:10px 14px!important;
}
.v993-service-page .v985-actions-list {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0!important}
.v993-service-page .v985-actions-list>form {min-width:0!important;margin:0!important}
.v993-service-page .v985-actions-list a,.v993-service-page .v985-actions-list button {
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 12px!important;
  align-items:center!important;gap:11px!important;
  min-height:70px!important;padding:10px!important;
  border:0!important;border-radius:13px!important;background:transparent!important;
  color:#233a59!important;font-size:13px!important;font-weight:730!important;
  line-height:1.35!important;text-align:left!important;text-decoration:none!important;
}
.v993-service-page .v985-actions-list a:hover,.v993-service-page .v985-actions-list button:hover {background:#f1f7ff!important;color:#006be9!important}
.v993-service-page .v985-actions-list a>i:first-child,.v993-service-page .v985-actions-list button>i:first-child {
  display:grid!important;place-items:center!important;
  width:42px!important;height:42px!important;border-radius:13px!important;
  background:#eaf3ff!important;color:#1176f5!important;font-size:17px!important;
}
.v993-service-page .v985-actions-list a>i:last-child,.v993-service-page .v985-actions-list button>i:last-child {font-size:12px!important;color:#97a9c0!important}
/* Downloads — comfortable 2/3-column device cards, no six-column postage stamps. */
.v993-service-page .v985-downloads-card {grid-column:1!important;padding:25px 26px!important;margin:0!important;min-width:0!important}
.v993-service-page .v985-downloads-head {margin-bottom:20px!important}
.v993-service-page .v985-downloads-head .v985-card-head {padding-bottom:0!important;border:0!important}
.v993-service-page .v981-app-list.v982-download-grid.v984-app-shelf.v985-download-grid {
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;margin:0!important;padding:0!important;
}
.v993-service-page .v981-app-row.v982-app-card.v984-app-card.v985-app-card {
  display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;
  grid-template-rows:auto auto 1fr!important;align-items:start!important;
  gap:6px 14px!important;min-height:190px!important;
  padding:20px!important;border:1px solid #e4eaf3!important;
  border-radius:18px!important;background:linear-gradient(150deg,#fff,#fafcff)!important;
  box-shadow:none!important;text-align:left!important;overflow:hidden!important;
}
.v993-service-page .v981-app-row.v982-app-card.v984-app-card.v985-app-card:hover {
  border-color:#b9d4f7!important;box-shadow:0 10px 25px rgba(45,96,166,.075)!important;
}
.v993-service-page .v985-platform-icon {
  grid-column:1!important;grid-row:1/3!important;display:grid!important;place-items:center!important;
  width:54px!important;height:54px!important;margin:0!important;border-radius:16px!important;
  background:#edf4fc!important;font-size:28px!important;
}
.v993-service-page .v985-app-card>strong {
  grid-column:2!important;grid-row:1!important;min-height:0!important;
  color:#13233b!important;font-size:16px!important;font-weight:780!important;line-height:1.35!important;
}
.v993-service-page .v985-app-card>p {
  grid-column:2!important;grid-row:2!important;min-height:0!important;
  margin:0!important;color:#6c7a90!important;font-size:12px!important;line-height:1.45!important;
}
.v993-service-page .v985-app-actions {
  grid-column:1/-1!important;grid-row:3!important;
  display:flex!important;flex-wrap:wrap!important;flex-direction:row!important;
  align-items:flex-end!important;align-self:end!important;gap:9px!important;
  width:100%!important;margin-top:13px!important;
}
.v993-service-page .v985-app-primary,.v993-service-page .v985-app-secondary {
  width:auto!important;min-height:39px!important;flex:1 1 125px!important;
  padding:10px 13px!important;border-radius:10px!important;font-size:12px!important;
  line-height:1.25!important;
}
.v993-service-page .v984-app-guide.v985-app-guide {
  min-height:39px!important;flex:1 1 105px!important;margin:0!important;padding:7px 9px!important;
  border:1px solid #dce9fa!important;border-radius:10px!important;
  background:#f5f9ff!important;font-size:11px!important;text-decoration:none!important;
}
/* History + assistance are legible too. */
.v993-service-page .v985-side-rail {
  grid-column:2!important;grid-row:2/span 2!important;
  display:flex!important;flex-direction:column!important;gap:20px!important;min-width:0!important;
}
.v993-service-page .v985-side-rail .v985-card {padding:23px!important}
.v993-service-page .v985-side-head {min-height:62px!important;gap:8px!important;padding-bottom:17px!important}
.v993-service-page .v985-side-head>div{gap:10px!important}
.v993-service-page .v985-side-head>span{font-size:12px!important}
.v993-service-page .v985-history-scroll{min-height:0!important;max-height:370px!important;padding:5px 0!important}
.v993-service-page .v985-history-row {
  grid-template-columns:13px minmax(0,1fr)!important;gap:10px!important;
  min-height:75px!important;padding:14px 0!important;
}
.v993-service-page .v985-history-row strong {font-size:12px!important;line-height:1.4!important;color:#29415e!important}
.v993-service-page .v985-history-row p {font-size:11px!important;line-height:1.45!important;-webkit-line-clamp:2!important}
.v993-service-page .v985-history-row time {font-size:11px!important;line-height:1.35!important}
.v993-service-page .v985-history-row .v982-history-dot {width:8px!important;height:8px!important;margin-top:5px!important}
.v993-service-page .v985-help-card>p{margin:15px 0!important;font-size:13px!important;line-height:1.6!important;color:#63758d!important}
.v993-service-page .v985-help-primary {
  min-height:45px!important;padding:9px 12px!important;border-radius:11px!important;font-size:12px!important;
}
.v993-service-page .v985-help-link {min-height:45px!important;gap:10px!important;font-size:12px!important;grid-template-columns:18px minmax(0,1fr) 12px!important}
.v993-service-page .v985-help-link i:last-child {font-size:10px!important}
/* Smaller supporting banner, visually quiet. */
.v993-service-page .v984-device-banner.v985-device-banner {
  grid-column:1!important;display:grid!important;
  grid-template-columns:54px minmax(0,1fr) 210px!important;
  align-items:center!important;gap:16px!important;
  min-height:114px!important;margin:0!important;padding:18px 23px!important;
  border:1px solid #dceaf8!important;border-radius:20px!important;
  background:linear-gradient(115deg,#edf6ff,#f9fcff)!important;
  box-shadow:0 10px 30px rgba(43,94,158,.04)!important;
}
.v993-service-page .v985-banner-icon {width:51px!important;height:44px!important}
.v993-service-page .v985-banner-copy strong {font-size:17px!important;line-height:1.25!important}
.v993-service-page .v985-banner-copy p {margin-top:5px!important;font-size:12px!important;line-height:1.5!important}
.v993-service-page .v985-device-banner img {width:100%!important;height:90px!important;object-fit:contain!important}
.v993-service-page .v985-device-banner ul{display:none!important}
/* MAG/pending services do not have a downloads shelf: use their full page width. */
.v993-service-page[data-v993-access-type="mag"] .v985-side-rail,
.v993-service-page[data-v993-access-type=""] .v985-side-rail {
  grid-column:1/-1!important;grid-row:2!important;
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
/* Responsive priorities: credentials stay readable even on phones. */
@media (min-width:1520px) {
  .v993-service-page .v981-app-list.v982-download-grid.v984-app-shelf.v985-download-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:1250px) {
  .v993-service-page .v985-top-cards {grid-template-columns:minmax(0,1.12fr) minmax(325px,1fr)!important}
  .v993-service-page .v985-content-grid {grid-template-columns:minmax(0,1fr) 285px!important}
  .v993-service-page .v985-actions-list a,.v993-service-page .v985-actions-list button {grid-template-columns:38px minmax(0,1fr) 10px!important;font-size:12px!important}
  .v993-service-page .v985-actions-list a>i:first-child,.v993-service-page .v985-actions-list button>i:first-child {width:38px!important;height:38px!important}
}
@media (max-width:1080px) {
  .v993-service-page .v985-content-grid {grid-template-columns:1fr!important}
  .v993-service-page .v985-top-cards {grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr)!important}
  .v993-service-page .v985-downloads-card,.v993-service-page .v984-device-banner.v985-device-banner {grid-column:1!important}
  .v993-service-page .v985-side-rail {grid-column:1!important;grid-row:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v993-service-page .v985-page-heading {padding:24px!important}
}
@media (max-width:780px) {
  .v993-service-page .v985-top-cards {grid-template-columns:1fr!important}
  .v993-service-page .v985-content-grid {gap:15px!important}
  .v993-service-page .v985-actions-list {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v993-service-page .v985-page-heading {flex-direction:column!important;align-items:stretch!important;min-height:0!important;gap:18px!important}
  .v993-service-page .v990-heading-actions {margin-left:0!important;justify-content:space-between!important}
  .v993-service-page .v990-expiry {display:flex!important}
  .v993-service-page .v985-side-rail,
  .v993-service-page[data-v993-access-type="mag"] .v985-side-rail,
  .v993-service-page[data-v993-access-type=""] .v985-side-rail {grid-template-columns:1fr!important}
}
@media (max-width:570px) {
  body.v981-client-service-route .app-shell>.app-main {padding:18px 12px 32px!important}
  .v993-service-page .v985-page-heading {padding:20px!important;border-radius:19px!important}
  .v993-service-page .v990-heading-left {gap:12px!important}
  .v993-service-page .v990-heading-icon {width:48px!important;height:48px!important;flex-basis:48px!important;font-size:20px!important;border-radius:14px!important}
  .v993-service-page .v985-title-line h1 {font-size:25px!important}
  .v993-service-page .v985-page-heading .v990-heading-text>p {font-size:13px!important}
  .v993-service-page .v990-heading-actions {flex-direction:column!important;align-items:stretch!important}
  .v993-service-page .v985-heading-renew button {width:100%!important}
  .v993-service-page .v985-access-card,.v993-service-page .v985-subscription-card,.v993-service-page .v985-downloads-card {min-height:0!important;padding:20px!important}
  .v993-service-page .v985-access-row {grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:13px 0!important}
  .v993-service-page .v985-access-row .v982-access-label {grid-column:1!important;grid-row:1!important}
  .v993-service-page .v985-access-row .v982-access-value {grid-column:1!important;grid-row:2!important}
  .v993-service-page .v985-access-row .v982-access-actions {grid-column:2!important;grid-row:2!important}
  .v993-service-page .v985-access-row .v982-access-value code {font-size:13px!important}
  .v993-service-page .v985-card-head h2 {font-size:18px!important}
  .v993-service-page .v985-actions-list {grid-template-columns:1fr!important}
  .v993-service-page .v985-actions-list a,.v993-service-page .v985-actions-list button {min-height:57px!important}
  .v993-service-page .v981-app-list.v982-download-grid.v984-app-shelf.v985-download-grid {grid-template-columns:1fr!important}
  .v993-service-page .v984-device-banner.v985-device-banner {grid-template-columns:46px minmax(0,1fr)!important;padding:18px!important}
  .v993-service-page .v985-device-banner img {display:none!important}
  .v993-service-page .v985-advanced-row {grid-template-columns:minmax(0,1fr) 40px!important}
  .v993-service-page .v985-advanced-row small {grid-column:1/-1!important}
  .v993-service-page .v985-advanced-row code {grid-column:1!important}
  .v993-service-page .v985-advanced-row button {grid-column:2!important}
  .v993-service-page .v985-subscription-list dd {font-size:13px!important}
}
@media (prefers-reduced-motion:reduce) {
  .v993-service-page * {transition-duration:0.01ms!important;animation-duration:0.01ms!important}
}