/* -------------------------------------------------------------------
   Stage 105.2H CLEAN — Customer 360 Workflow / Assets / Audit Tabs Polish
   Frontend-only styling layer for confirmed tabbed Customer 360 shell.
   Scope is limited to Workflow, Assets, and Audit tab internals.
   No routes, API calls, popup behaviour, save logic, app.js, backend,
   database, billing runtime, SageOne runtime, RADIUS, prepaid, products,
   Asset Register backend/write logic, Job Cards, Calendar, Android,
   workers, or protected-module logic changes.
------------------------------------------------------------------- */

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

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

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage1052c-panel-grid,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage1052c-panel-grid,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage1052c-panel-grid{
  grid-template-columns: repeat(12, minmax(0,1fr)) !important;
  gap: var(--stage1052h-gap) !important;
  align-items: start !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card{
  border-radius: var(--stage1052h-card-radius) !important;
  box-shadow: var(--stage1052h-shadow) !important;
  min-width: 0 !important;
  overflow: hidden !important;
  background: var(--stage1052h-surface) !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card-head,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card-head,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-head{
  min-height: 48px !important;
  padding: 12px 14px !important;
  gap: 10px !important;
  align-items: center !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card-body,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card-body,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-body{
  padding: 12px 14px !important;
  max-height: none !important;
  overflow-x: auto !important;
}

/* Workflow tab: Job Cards and Helpdesk Tickets are peer operational panels. */
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card{
  grid-column: span 6 !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] table{
  width: 100% !important;
  min-width: 640px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Assets tab: installed assets gets width; movement/handoff detail can sit below/alongside. */
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card{
  grid-column: span 6 !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card[data-stage1052h-title="installed assets"]{
  grid-column: 1 / -1 !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card[data-stage1052h-title="installer app asset movements"]{
  grid-column: span 6 !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] table{
  width: 100% !important;
  min-width: 720px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Audit tab: audit history must be readable and should not become a small tile. */
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card{
  grid-column: 1 / -1 !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card[data-stage1052h-title="customer audit trail"] .stage822-card-body{
  max-height: 440px !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-body > div,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-body p{
  overflow-wrap: anywhere;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] th,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] td,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] th,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] td,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] th,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] td{
  padding: 8px 10px !important;
  vertical-align: top !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-empty,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-empty-box,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-empty,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-empty-box,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-empty,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-empty-box{
  border-radius: 12px !important;
  background: var(--stage1052h-soft) !important;
  border-color: var(--stage1052h-line) !important;
  min-height: 76px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--stage1052h-muted) !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card-head button,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card-head button,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-head button,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .btn,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .btn,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .btn{
  max-width: 100% !important;
  white-space: nowrap !important;
}

.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage-pill,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .badge,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage-pill,
.stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .badge{
  white-space: nowrap !important;
}

@media(max-width: 1280px){
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card[data-stage1052h-title="installer app asset movements"]{
    grid-column: 1 / -1 !important;
  }
}

@media(max-width: 860px){
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] table,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] table{
    min-width: 620px !important;
  }
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card-head,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card-head,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-head{
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

@media(max-width: 640px){
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="workflow"] .stage822-card-body,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="assets"] .stage822-card-body,
  .stage1052c-tabbed-profile.stage1052h-workflow-assets-audit-ready [data-stage1052c-panel="audit"] .stage822-card-body{
    padding: 10px 12px !important;
  }
}