/* -------------------------------------------------------------------
   Stage 105.2D CLEAN — Customer 360 Information / Services Tabs Polish
   Frontend-only styling layer for the confirmed tabbed Customer 360 shell.
   Scope is limited to Information and Services tab internals.
   No routes, API calls, popup behaviour, save logic, app.js, or backend files.
------------------------------------------------------------------- */

:root{
  --stage1052d-panel-gap: 14px;
  --stage1052d-soft-line: rgba(148,163,184,.18);
  --stage1052d-soft-surface: rgba(248,250,252,.74);
  --stage1052d-soft-surface-2: rgba(241,245,249,.74);
  --stage1052d-text: #0f172a;
  --stage1052d-muted: #64748b;
  --stage1052d-blue: #2563eb;
  --stage1052d-green: #0f766e;
  --stage1052d-shadow: 0 12px 26px rgba(15,23,42,.055);
}

html[data-theme="dark"], body.dark, body.theme-dark{
  --stage1052d-soft-line: rgba(148,163,184,.22);
  --stage1052d-soft-surface: rgba(30,41,59,.62);
  --stage1052d-soft-surface-2: rgba(15,23,42,.50);
  --stage1052d-text: #e5edf8;
  --stage1052d-muted: #9fb0c5;
  --stage1052d-blue: #60a5fa;
  --stage1052d-green: #5eead4;
  --stage1052d-shadow: 0 12px 26px rgba(0,0,0,.22);
}

/* Polished tab header: keep it compact and professional without changing the tab shell logic. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready .stage1052c-tab-header{
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready .stage1052c-tab-title strong{
  letter-spacing: -.015em !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready .stage1052c-tab-title span{
  opacity: .86 !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready .stage1052c-tab-content{
  padding: 14px !important;
}

/* Information tab: customer identity/details should read like a profile form, not cramped dashboard tiles. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage1052c-panel-grid{
  grid-template-columns: repeat(12, minmax(0,1fr)) !important;
  gap: var(--stage1052d-panel-gap) !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card{
  grid-column: span 12 !important;
  border-radius: 15px !important;
  box-shadow: var(--stage1052d-shadow) !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card-head{
  min-height: 48px !important;
  padding: 12px 14px !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card-body{
  padding: 12px 14px !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] table{
  width: 100% !important;
  min-width: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
  padding: 8px 10px !important;
  border-bottom: 1px solid var(--stage1052d-soft-line) !important;
  vertical-align: top !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th{
  width: 34% !important;
  max-width: 320px !important;
  color: #334155 !important;
  background: rgba(248,250,252,.66) !important;
  letter-spacing: .055em !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
  color: var(--stage1052d-text) !important;
  background: rgba(255,255,255,.55) !important;
  font-weight: 750 !important;
}

html[data-theme="dark"] .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th,
body.dark .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th,
body.theme-dark .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th{
  color: #cbd5e1 !important;
  background: rgba(30,41,59,.58) !important;
}

html[data-theme="dark"] .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td,
body.dark .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td,
body.theme-dark .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
  background: rgba(15,23,42,.34) !important;
}

/* Contact details are table-light and can remain compact on wide screens. */
@media(min-width: 1181px){
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card:has(.stage822-card-head h2),
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card:has(.stage822-card-head h3){
    min-width: 0 !important;
  }
}

/* Services tab: keep a Splynx-like services area with useful cards, not a huge card wall. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage1052c-panel-grid{
  grid-template-columns: repeat(12, minmax(0,1fr)) !important;
  gap: 14px !important;
  align-items: start !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card{
  border-radius: 15px !important;
  min-height: 0 !important;
  box-shadow: var(--stage1052d-shadow) !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-head{
  min-height: 48px !important;
  padding: 12px 14px !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-body{
  padding: 12px 14px !important;
  max-height: none !important;
}

/* On wide desktop, services can use a clean 3-card first row. */
@media(min-width: 1281px){
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card{
    grid-column: span 4 !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card.stage1052c-card-wide{
    grid-column: span 4 !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card:has(.stage822-card-head h2),
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card:has(.stage822-card-head h3){
    min-width: 0 !important;
  }
}

/* Previous sessions is useful but can become tall. Keep it readable without taking over the tab. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card:has(.stage822-card-head h2),
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card:has(.stage822-card-head h3){
  overflow: hidden !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-body > div,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-body > ul{
  max-width: 100% !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-body{
  overflow-x: auto !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] table{
  min-width: 520px !important;
}

/* Shared tab polish for the first two tabs. */
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-empty,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-empty,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-empty-box,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-empty-box{
  border-radius: 12px !important;
  background: var(--stage1052d-soft-surface) !important;
  border-color: var(--stage1052d-soft-line) !important;
  min-height: 72px !important;
}

.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .btn,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .btn,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] button,
.stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] button{
  max-width: 100% !important;
}

/* Laptop and half-window: stack the first two tabs cleanly before text starts clipping. */
@media(max-width: 1280px){
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card.stage1052c-card-wide,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card.stage1052c-card-third,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card.stage1052c-card-compact{
    grid-column: span 12 !important;
  }
}

@media(max-width: 860px){
  .stage1052c-tabbed-profile.stage1052d-info-services-ready .stage1052c-tab-content{
    padding: 11px !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table tbody,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table tr,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
    display: block !important;
    width: 100% !important;
    max-width: none !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table tr{
    border-bottom: 1px solid var(--stage1052d-soft-line) !important;
    padding: 7px 0 !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
    border-bottom: 0 !important;
    padding: 3px 8px !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table th{
    background: transparent !important;
    color: var(--stage1052d-muted) !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-info-table td{
    background: transparent !important;
  }
}

@media(max-width: 640px){
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card-head,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-head{
    align-items: flex-start !important;
    gap: 8px !important;
  }
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="information"] .stage822-card-head h2,
  .stage1052c-tabbed-profile.stage1052d-info-services-ready [data-stage1052c-panel="services"] .stage822-card-head h2{
    font-size: 14px !important;
  }
}