/* ============================================================================
   JININO v53.3 — Professional Compact design system (Design 3 + monthly locum organiser)
   Authenticated workspace only. Flat, compact, colour-coded, no metallic shine.
   ============================================================================ */

body.jinino-authenticated{
  --pc-bg:#090e13;
  --pc-sidebar:#0a1118;
  --pc-panel:#111920;
  --pc-panel-2:#151f28;
  --pc-panel-3:#1a2630;
  --pc-line:#2a3944;
  --pc-line-soft:#202d36;
  --pc-text:#f5f7fa;
  --pc-muted:#93a4b2;
  --pc-blue:#1580ff;
  --pc-green:#10b968;
  --pc-red:#ef4456;
  --pc-orange:#f3a61d;
  --pc-purple:#8b5cf6;
  --pc-cyan:#12b9d9;
  --pc-slate:#64748b;
  --pc-radius:14px;
  /* Override legacy design tokens too, so every authenticated page stays in the same system. */
  --bg:#090e13;
  --panel:#111920;
  --text:#f5f7fa;
  --muted:#93a4b2;
  --line:#2a3944;
  --brand:#1580ff;
  --brand2:#1580ff;
  --soft:#151f28;
  --danger:#ef4456;
  --shadow:none;
  background:var(--pc-bg)!important;
  color:var(--pc-text)!important;
}

/* Kill legacy shiny/metal effects inside the app workspace. */
.jinino-authenticated *,
.jinino-authenticated *::before,
.jinino-authenticated *::after{
  text-shadow:none!important;
}
.jinino-authenticated .panel,
.jinino-authenticated .card,
.jinino-authenticated .stat-card,
.jinino-authenticated .mini-stat,
.jinino-authenticated .portfolio-card,
.jinino-authenticated .money-grid>div,
.jinino-authenticated .action-grid a,
.jinino-authenticated .premium-calendar-shell,
.jinino-authenticated .premium-calendar-stage,
.jinino-authenticated .process-card,
.jinino-authenticated .process-detail-hero,
.jinino-authenticated .process-detail-progress,
.jinino-authenticated .process-form-card,
.jinino-authenticated .dashboard-process-panel,
.jinino-authenticated .dashboard-process-row,
.jinino-authenticated .document-group,
.jinino-authenticated .document-category-menu a,
.jinino-authenticated .locum-summary-hero,
.jinino-authenticated .locum-summary-flat,
.jinino-authenticated .locum-section-accordion,
.jinino-authenticated .locum-month-card,
.jinino-authenticated .appraisal-hero,
.jinino-authenticated .appraisal-dashboard-cta,
.jinino-authenticated .renewal-overview-card,
.jinino-authenticated .teaching-card,
.jinino-authenticated .v51-quick-access-grid a{
  background-image:none!important;
  box-shadow:none!important;
}

/* Page geometry + typography */
.jinino-authenticated main{
  max-width:1480px;
  color:var(--pc-text)!important;
}
.jinino-authenticated h1,
.jinino-authenticated h2,
.jinino-authenticated h3,
.jinino-authenticated h4{
  color:var(--pc-text)!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
}
.jinino-authenticated .page-head h1,
.jinino-authenticated .process-page-head h1,
.jinino-authenticated .agenda-premium-head h1{
  margin:3px 0 7px!important;
  font-size:clamp(2rem,3vw,2.65rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.jinino-authenticated .page-head p,
.jinino-authenticated .process-page-head p,
.jinino-authenticated .panel-head p,
.jinino-authenticated .muted,
.jinino-authenticated small{
  color:var(--pc-muted)!important;
}
.jinino-authenticated .eyebrow,
.jinino-authenticated .panel-kicker{
  color:#80c9ee!important;
  font-size:9px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
}
.jinino-authenticated .page-head,
.jinino-authenticated .process-page-head{
  padding-bottom:14px!important;
  margin-bottom:15px!important;
  border-bottom:1px solid var(--pc-line-soft)!important;
}
.jinino-authenticated .panel-head{margin-bottom:12px!important}
.jinino-authenticated .panel-head h2{font-size:1.2rem!important;margin-bottom:3px!important}

/* Flat compact cards */
 .jinino-authenticated .panel,
html[data-theme="dark"] .jinino-authenticated .card,
html[data-theme="dark"] .jinino-authenticated .mini-stat,
html[data-theme="dark"] .jinino-authenticated .stat-card,
html[data-theme="dark"] .jinino-authenticated .portfolio-card,
html[data-theme="dark"] .jinino-authenticated .document-group,
html[data-theme="dark"] .jinino-authenticated .process-card{
  background:var(--pc-panel)!important;
  border:1px solid var(--pc-line)!important;
  border-radius:var(--pc-radius)!important;
  box-shadow:none!important;
}
.jinino-authenticated .panel,
.jinino-authenticated .card{padding:16px!important}
.jinino-authenticated .grid,
.jinino-authenticated .cards-list,
.jinino-authenticated .stats,
.jinino-authenticated .dashboard-grid,
.jinino-authenticated .agenda-lower-grid{gap:12px!important}

/* Solid buttons. Colour is used as meaning, not decoration. */
.jinino-authenticated .button,
.jinino-authenticated button.button{
  min-height:40px!important;
  padding:8px 13px!important;
  border:1px solid #2a8cff!important;
  border-radius:10px!important;
  background:var(--pc-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
  font-weight:850!important;
  transition:background .14s ease,border-color .14s ease,transform .14s ease!important;
}
.jinino-authenticated .button:hover,
.jinino-authenticated button.button:hover{filter:none!important;background:#2a8cff!important;transform:translateY(-1px)}
.jinino-authenticated .button.ghost{
  background:#151f28!important;
  border-color:#344651!important;
  color:#dce5eb!important;
}
.jinino-authenticated .button.secondary{background:#2563eb!important;border-color:#3b82f6!important}
.jinino-authenticated .danger-button,
.jinino-authenticated .button.danger{background:#a92336!important;border-color:#d53b52!important;color:#fff!important}
.jinino-authenticated .button.compact{min-height:34px!important;padding:6px 10px!important;font-size:11px!important}

/* Feature colours */
.locum-pro-page .locum-add-button{background:var(--pc-green)!important;border-color:#27d17c!important;color:#04130b!important}
.locum-pro-page .locum-add-button:hover{background:#27c879!important}
.documents-page .unified-primary-action,.documents-page .document-action-download{background:var(--pc-blue)!important;border-color:#2f91ff!important}
.documents-page .document-action-edit{background:#0f8f78!important;border-color:#1bb99c!important}
.process-tracker-page .process-primary{background:var(--pc-blue)!important;border-color:#2f91ff!important}
.jinino-authenticated .page-head-cpd .button,.jinino-authenticated .section-cpd .button{background:var(--pc-purple)!important;border-color:#9e78ff!important}
.jinino-authenticated .section-renewals .button,.jinino-authenticated .renewal-add-button{background:var(--pc-orange)!important;border-color:#ffc04d!important;color:#211400!important}

/* Forms */
 .jinino-authenticated input:not([type="checkbox"]):not([type="radio"]),
 .jinino-authenticated select,
 .jinino-authenticated textarea{
  background:#0d141a!important;
  border:1px solid #344651!important;
  border-radius:10px!important;
  color:#f4f7fa!important;
  box-shadow:none!important;
}
 .jinino-authenticated input:focus,
 .jinino-authenticated select:focus,
 .jinino-authenticated textarea:focus{
  outline:none!important;
  border-color:var(--pc-blue)!important;
  box-shadow:0 0 0 2px rgba(21,128,255,.16)!important;
}
.jinino-authenticated label{font-weight:800!important}

/* Tabs / filters are compact segmented controls */
.jinino-authenticated .tabs,
.jinino-authenticated .process-filter-tabs{
  background:#0d141a!important;
  border:1px solid var(--pc-line)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.jinino-authenticated .tabs{padding:4px!important;gap:4px!important}
.jinino-authenticated .tabs a,
.jinino-authenticated .process-filter-tabs a{
  border-radius:8px!important;
  color:#9cabba!important;
  font-weight:800!important;
}
.jinino-authenticated .tabs a.active,
.jinino-authenticated .process-filter-tabs a.active{
  background:var(--pc-blue)!important;
  color:#fff!important;
  box-shadow:none!important;
}

/* Status colours */
.jinino-authenticated .status,
.jinino-authenticated .process-status{
  border:1px solid #3b4c58!important;
  background:#19232b!important;
  color:#c5d0d8!important;
  box-shadow:none!important;
}
.jinino-authenticated .status-completed,
.jinino-authenticated .status-paid{background:#0d442e!important;border-color:#137c51!important;color:#78e2ae!important}
.jinino-authenticated .status-waiting,
.jinino-authenticated .status-awaiting{background:#4d350b!important;border-color:#9a6a11!important;color:#ffd36f!important}
.jinino-authenticated .status-in_progress,
.jinino-authenticated .status-booked{background:#0c3562!important;border-color:#166bbb!important;color:#79b9ff!important}
.jinino-authenticated .status-overdue{background:#541522!important;border-color:#a52a40!important;color:#ff8697!important}

/* Progress bars */
.jinino-authenticated .progress,
.jinino-authenticated .process-progress-track,
.jinino-authenticated .dashboard-process-row i{
  background:#1b2a34!important;
  border-radius:999px!important;
}
.jinino-authenticated .progress span,
.jinino-authenticated .process-progress-track i,
.jinino-authenticated .dashboard-process-row i em{
  background:var(--pc-cyan)!important;
  border-radius:999px!important;
}

/* Tables / rows */
.jinino-authenticated .table-wrap{border:1px solid var(--pc-line)!important;border-radius:12px!important;background:var(--pc-panel)!important}
.jinino-authenticated th{color:#8799a6!important;font-size:9px!important;letter-spacing:.09em!important}
.jinino-authenticated td{border-color:var(--pc-line-soft)!important}
.jinino-authenticated tbody tr:hover{background:#151f28!important}
.jinino-authenticated .list-row{border-color:var(--pc-line-soft)!important}

/* Desktop sidebar — Design 3 */
@media(min-width:1051px){
  .jinino-authenticated .jinino-nav{
    width:212px!important;
    padding:18px 13px!important;
    background:var(--pc-sidebar)!important;
    border-right:1px solid #1d2b34!important;
    box-shadow:none!important;
  }
  .jinino-authenticated main{margin-left:212px!important;padding:28px 24px 34px!important}
  .jinino-authenticated footer{margin-left:212px!important}
  .jinino-authenticated .jinino-navlinks{gap:2px!important}
  .jinino-authenticated .jinino-navlinks>a{
    position:relative;
    padding:9px 10px!important;
    border-radius:8px!important;
    color:#b4c0c8!important;
    font-size:12px!important;
    font-weight:750!important;
  }
  .jinino-authenticated .jinino-navlinks>a:hover{background:#151f28!important;color:#fff!important}
  .jinino-authenticated .jinino-navlinks>a.is-active{
    background:#18232b!important;
    color:#fff!important;
  }
  .jinino-authenticated .jinino-navlinks>a.is-active::before{
    content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:4px;background:var(--pc-blue);
  }
  .jinino-authenticated.locum-pro-page .nav-finance.is-active::before{background:var(--pc-green)}
  .jinino-authenticated.documents-page .nav-documents.is-active::before{background:var(--pc-cyan)}
  .jinino-authenticated.process-tracker-page .nav-processes.is-active::before{background:var(--pc-blue)}
}

/* Mobile header + 5-item bottom nav, matching the selected Design 3. */
@media(max-width:1050px){
  .jinino-authenticated .jinino-nav{
    min-height:64px!important;
    padding:9px 14px!important;
    background:#09121a!important;
    border-bottom:1px solid #21323d!important;
    box-shadow:none!important;
  }
  .jinino-authenticated .jinino-nav-wordmark{width:118px!important}
  .jinino-authenticated .jinino-brand-tagline{display:none!important}
  .jinino-authenticated .mobile-menu{
    width:40px!important;height:40px!important;
    border:1px solid #344650!important;
    border-radius:10px!important;
    background:#111a21!important;
    color:#dbe5eb!important;
    box-shadow:none!important;
  }
  .jinino-authenticated .jinino-navlinks.open{
    top:61px!important;
    background:#0e161d!important;
    border:1px solid #2a3944!important;
    border-radius:12px!important;
    box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
  }
  .jinino-authenticated .v51-mobile-bottom-nav{
    grid-template-columns:repeat(5,1fr)!important;
    padding:6px 5px max(6px,env(safe-area-inset-bottom))!important;
    background:rgba(7,13,18,.98)!important;
    border-top:1px solid #23343e!important;
    box-shadow:none!important;
  }
  .jinino-authenticated .v51-mobile-bottom-nav a,
  .jinino-authenticated .v51-mobile-bottom-nav button{
    min-height:54px!important;
    border-radius:9px!important;
    color:#8999a6!important;
  }
  .jinino-authenticated .v51-mobile-bottom-nav a.is-active{background:#122235!important;color:#7fc3ff!important}
  .jinino-authenticated .v51-mobile-bottom-nav a.nav-mobile-locum.is-active{background:#0d3022!important;color:#6ce0a5!important}
  .jinino-authenticated .v51-mobile-bottom-nav a.nav-mobile-cpd.is-active{background:#2a1d45!important;color:#bba0ff!important}
  .jinino-authenticated .v51-mobile-bottom-nav span{font-size:18px!important}
  .jinino-authenticated .v51-mobile-bottom-nav small{font-size:8.5px!important;font-weight:800!important}
}

/* Dashboard becomes denser and flatter */
.jinino-authenticated .v51-dashboard{gap:12px!important}
.jinino-authenticated .v51-dashboard-primary{gap:12px!important}
.jinino-authenticated .v51-dashboard-secondary{gap:12px!important}
.jinino-authenticated .v51-quick-access-grid{gap:7px!important}
.jinino-authenticated .v51-quick-access-grid a{
  min-height:72px!important;
  background:#131d24!important;
  border:1px solid #2a3944!important;
  border-radius:11px!important;
}
.jinino-authenticated .v51-quick-access-grid a span{background:#172b3a!important;color:#6fc3ef!important;border-radius:8px!important}
.jinino-authenticated .todo-row,
.jinino-authenticated .dashboard-process-row{
  background:#121c23!important;
  border:1px solid #253640!important;
  border-radius:11px!important;
  box-shadow:none!important;
}
.jinino-authenticated .dashboard-process-row:hover,.jinino-authenticated .todo-row:hover{background:#172229!important}

/* Calendar */
.jinino-authenticated .premium-calendar-shell,
.jinino-authenticated .premium-calendar-stage,
.jinino-authenticated .v51-calendar-card{
  background:#111920!important;
  border-color:#2a3944!important;
  box-shadow:none!important;
}
.jinino-authenticated .fc .fc-button{
  background:#17222a!important;
  border-color:#344650!important;
  color:#dce5ea!important;
  box-shadow:none!important;
}
.jinino-authenticated .fc .fc-button-active{background:var(--pc-blue)!important;border-color:var(--pc-blue)!important;color:#fff!important}

/* Process tracker */
.process-tracker-page .process-summary-pill{
  background:#111a21!important;
  border:1px solid #2e414c!important;
  box-shadow:none!important;
  border-radius:11px!important;
}
.process-tracker-page .process-summary-pill.summary-active.is-selected{border-color:var(--pc-blue)!important}
.process-tracker-page .process-summary-pill.summary-progress strong{color:var(--pc-cyan)!important}
.process-tracker-page .process-summary-pill.summary-waiting strong{color:var(--pc-orange)!important}
.process-tracker-page .process-summary-pill.summary-done strong{color:var(--pc-green)!important}
.process-tracker-page .process-toolbar{background:#10181e!important}
.process-tracker-page .process-view-switch button.active,.process-tracker-page .process-search-submit{background:var(--pc-blue)!important;color:#fff!important;border-color:var(--pc-blue)!important}
.process-tracker-page .process-overview-card{background:#111920!important;border-color:#2a3c47!important;box-shadow:none!important;border-radius:13px!important}
.process-tracker-page .process-overview-card:hover{background:#151f27!important;border-color:#3d5360!important}
.process-tracker-page .process-category-icon{background:#123d68!important;border-color:#1b6bb0!important;color:#83c4ff!important}
.process-tracker-page .process-compact-footer{border-color:#263741!important}

/* Documents */
.documents-page .document-storage-card,
.documents-page .document-group{background:#111920!important;border-color:#2a3c47!important}
.documents-page .document-storage-icon{background:#1365b0!important;border-color:#247ed0!important;color:#fff!important}
.documents-page .document-category-menu{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
.documents-page .document-category-menu a{
  min-height:54px!important;
  padding:9px 10px!important;
  background:#121c23!important;
  border:1px solid #2c404c!important;
  border-radius:11px!important;
}
.documents-page .document-category-menu a:hover{background:#16232b!important;border-color:#3b5969!important}
.documents-page .document-category-menu i{background:#12395c!important;color:#72bfff!important;border-radius:8px!important}
.documents-page .document-group>summary{background:#141f27!important;border-bottom:0!important}
.documents-page .document-group[open]>summary{border-bottom:1px solid #273943!important}
.documents-page .document-file-card{background:#0d151b!important;border-color:#293a44!important;border-radius:10px!important}
.documents-page .document-actions .button{border-radius:8px!important}

/* CPD / portfolio */
.jinino-authenticated .portfolio-card,
.jinino-authenticated .teaching-card,
.jinino-authenticated .reflection-card{
  background:#111920!important;
  border-color:#2c3944!important;
  box-shadow:none!important;
}
.jinino-authenticated .page-head-cpd .eyebrow{color:#b9a0ff!important}
.jinino-authenticated .page-head-cpd + .tabs a.active{background:var(--pc-purple)!important}
.jinino-authenticated .appraisal-dashboard-cta{background:#171f26!important;border-color:#354651!important}

/* Renewals */
.jinino-authenticated .renewal-card,
.jinino-authenticated .renewal-overview-card,
.jinino-authenticated .renewal-dashboard-row{background:#111920!important;border-color:#2d3e49!important;box-shadow:none!important}
.jinino-authenticated .renewal-state-due{color:#ffb64b!important}

/* Vault / Profile / generic forms */
.jinino-authenticated .profile-grid .panel,
.jinino-authenticated .vault-card,
.jinino-authenticated .generic-form-card{background:#111920!important;border-color:#2a3944!important;box-shadow:none!important}

/* --------------------------------------------------------------------------
   Locum Pro — Design 3: professional compact list, visible filters, no section
   forced open. Each individual shift opens only when the user chooses it.
   -------------------------------------------------------------------------- */
.locum-pro-page .page-head-finance .eyebrow{color:#69d99e!important}
.locum-pro-page .locum-pro-head h1{font-size:clamp(2rem,3vw,2.6rem)!important}
.locum-pro-page .locum-report-pdf,.locum-pro-page .locum-report-csv{background:#17212a!important;border-color:#354752!important;color:#dce6ec!important}

.pc-locum-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:0 0 12px;
}
.pc-locum-kpi{
  min-width:0;
  padding:12px;
  border:1px solid #30414b;
  border-radius:11px;
  background:#111920;
}
.pc-locum-kpi span,.pc-locum-kpi strong{display:block}
.pc-locum-kpi span{font-size:9px;font-weight:800;color:#93a4b0;text-transform:uppercase;letter-spacing:.04em}
.pc-locum-kpi strong{margin-top:5px;font-size:18px;color:#fff;letter-spacing:-.03em}
.pc-locum-kpi.kpi-estimated{border-color:#17653f;background:#0d2319}.pc-locum-kpi.kpi-estimated strong{color:#54d994}
.pc-locum-kpi.kpi-paid{border-color:#18558f;background:#0c1e32}.pc-locum-kpi.kpi-paid strong{color:#5aa7ff}
.pc-locum-kpi.kpi-outstanding{border-color:#84303c;background:#261116}.pc-locum-kpi.kpi-outstanding strong{color:#ff7184}
.pc-locum-kpi.kpi-expenses{border-color:#5d4290;background:#1e1630}.pc-locum-kpi.kpi-expenses strong{color:#b494ff}

.pc-locum-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:10px;
  margin-bottom:10px;
  border:1px solid #2b3b45;
  border-radius:12px;
  background:#10171d;
}
.pc-locum-search{position:relative;min-width:0}
.pc-locum-search span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6f8492;font-size:16px}
.pc-locum-search input{width:100%;min-height:40px;padding-left:38px!important;margin:0!important}
.pc-locum-filters{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.pc-locum-filters::-webkit-scrollbar{display:none}
.pc-locum-filter{flex:0 0 auto;min-height:36px;padding:0 10px;border:1px solid #354650;border-radius:9px;background:#151f27;color:#9eacb7;font:inherit;font-size:10px;font-weight:800;cursor:pointer}
.pc-locum-filter.is-active{background:var(--pc-green);border-color:var(--pc-green);color:#04130b}

.pc-locum-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 8px}
.pc-locum-section-head h2{font-size:1rem!important;margin:0!important}.pc-locum-section-head span{font-size:10px;color:var(--pc-muted)}
.pc-locum-list{display:grid;gap:7px}
.pc-locum-row{
  border:1px solid #2b3c46;
  border-radius:11px;
  background:#111920;
  overflow:hidden;
}
.pc-locum-row[hidden]{display:none!important}
.pc-locum-row>summary{
  display:grid;
  grid-template-columns:50px 9px minmax(0,1fr) auto 18px;
  gap:9px;
  align-items:center;
  min-height:68px;
  padding:9px 11px;
  list-style:none;
  cursor:pointer;
}
.pc-locum-row>summary::-webkit-details-marker{display:none}
.pc-locum-row[open]>summary{background:#151f27;border-bottom:1px solid #293a44}
.pc-locum-date{text-align:center}.pc-locum-date strong,.pc-locum-date small{display:block}.pc-locum-date strong{font-size:20px;line-height:1}.pc-locum-date small{margin-top:3px;font-size:8px;text-transform:uppercase;color:#9aabb6!important}
.pc-locum-dot{width:8px;height:8px;border-radius:50%;background:var(--pc-blue)}
.pc-locum-row[data-status="paid"] .pc-locum-dot{background:var(--pc-green)}
.pc-locum-row[data-status="awaiting"] .pc-locum-dot,.pc-locum-row[data-status="invoiced"] .pc-locum-dot{background:var(--pc-orange)}
.pc-locum-row[data-status="overdue"] .pc-locum-dot{background:var(--pc-red)}
.pc-locum-row[data-status="worked"] .pc-locum-dot,.pc-locum-row[data-status="timesheet"] .pc-locum-dot{background:var(--pc-purple)}
.pc-locum-copy{min-width:0}.pc-locum-copy strong,.pc-locum-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-locum-copy strong{font-size:13px;color:#fff}.pc-locum-copy small{margin-top:2px;font-size:9px;color:#98a9b4!important}
.pc-locum-side{text-align:right}.pc-locum-side strong,.pc-locum-side small{display:block}.pc-locum-side strong{font-size:13px}.pc-locum-side small{margin-top:2px;font-size:8px;color:#91a1ad!important}
.pc-locum-chevron{font-size:18px;color:#748896;transition:transform .15s}.pc-locum-row[open] .pc-locum-chevron{transform:rotate(90deg)}
.pc-locum-status{display:inline-flex;margin-top:5px;padding:4px 8px;border-radius:999px;font-size:8.5px;font-weight:900;border:1px solid transparent}
.pc-locum-status.status-booked{background:#0e3f74;border-color:#176cbf;color:#82c0ff}
.pc-locum-status.status-worked,.pc-locum-status.status-timesheet{background:#33235a;border-color:#6543ad;color:#c5afff}
.pc-locum-status.status-invoiced,.pc-locum-status.status-awaiting{background:#543806;border-color:#9b6b0b;color:#ffd066}
.pc-locum-status.status-paid{background:#0c412b;border-color:#137b4f;color:#73e0a8}
.pc-locum-status.status-overdue{background:#551521;border-color:#a82e43;color:#ff8597}

.pc-locum-detail{padding:11px}
.pc-locum-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.pc-locum-facts>div{padding:9px;border:1px solid #283a44;border-radius:9px;background:#0d151b}.pc-locum-facts span,.pc-locum-facts strong{display:block}.pc-locum-facts span{font-size:7.5px;color:#8094a1;text-transform:uppercase;font-weight:900}.pc-locum-facts strong{margin-top:3px;font-size:10.5px;color:#f2f6f8}
.pc-locum-detail-row{display:grid;grid-template-columns:auto minmax(150px,240px);gap:10px;align-items:center;margin-top:9px}.pc-locum-detail-row label{font-size:10px;font-weight:850}.pc-locum-detail-row .locum-status-select{width:100%!important;max-width:none!important}
.pc-locum-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.pc-locum-actions .locum-row-action{min-height:36px;padding:0 11px;border-radius:8px!important;font-size:10px!important}
.pc-locum-actions .action-edit{background:#0f8d6d!important;border-color:#20b995!important}
.pc-locum-actions .action-payment{background:#1767c0!important;border-color:#2a83e5!important}
.pc-locum-actions .action-delete{background:#a52438!important;border-color:#d13c53!important}

.pc-locum-secondary{display:grid;gap:7px;margin-top:13px}
.pc-locum-secondary>details{padding:0!important;background:#111920!important;border:1px solid #2a3b45!important;border-radius:11px!important;overflow:hidden}
.pc-locum-secondary>details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;list-style:none;cursor:pointer}.pc-locum-secondary>details>summary::-webkit-details-marker{display:none}.pc-locum-secondary>details[open]>summary{border-bottom:1px solid #283942;background:#151f27}
.pc-locum-secondary-title strong,.pc-locum-secondary-title small{display:block}.pc-locum-secondary-title strong{font-size:12px}.pc-locum-secondary-title small{margin-top:2px;font-size:9px}.pc-locum-secondary-chevron{color:#758a96;transition:transform .15s}.pc-locum-secondary details[open] .pc-locum-secondary-chevron{transform:rotate(90deg)}
.pc-locum-secondary-body{padding:10px}

/* Responsive density */
@media(max-width:760px){
  .jinino-authenticated main{padding:18px 12px 98px!important}
  .jinino-authenticated .page-head,.jinino-authenticated .process-page-head{gap:10px!important;padding-bottom:12px!important}
  .jinino-authenticated .page-head h1,.jinino-authenticated .process-page-head h1,.jinino-authenticated .agenda-premium-head h1{font-size:2rem!important;white-space:normal!important}
  .jinino-authenticated .page-head p,.jinino-authenticated .process-page-head p{font-size:12px!important;line-height:1.45!important}
  .jinino-authenticated .quick-actions{gap:6px!important}
  .jinino-authenticated .panel,.jinino-authenticated .card{padding:13px!important;border-radius:13px!important}
  .jinino-authenticated .panel-head h2{font-size:1.05rem!important}
  .jinino-authenticated .stats{gap:7px!important}
  .jinino-authenticated .mini-stat,.jinino-authenticated .stat-card{border-radius:11px!important}
  .jinino-authenticated .tabs{margin-bottom:12px!important}
  .jinino-authenticated .tabs a{padding:8px 10px!important;font-size:10px!important}

  .documents-page .document-category-menu{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .documents-page .document-category-menu a{min-height:52px!important}
  .documents-page .document-storage-top{grid-template-columns:auto minmax(0,1fr)!important}.documents-page .document-storage-top>small{grid-column:1/-1;text-align:left!important}
  .documents-page .document-actions{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;width:100%}.documents-page .document-actions .button{width:100%!important}

  .process-tracker-page .process-summary-strip{gap:5px!important}.process-tracker-page .process-summary-pill{padding:8px 6px!important}.process-tracker-page .process-summary-pill span{font-size:8px!important}.process-tracker-page .process-summary-pill strong{font-size:17px!important}
  .process-tracker-page .process-overview-card{padding:11px!important}

  .pc-locum-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.pc-locum-kpi{padding:10px}.pc-locum-kpi strong{font-size:16px}
  .pc-locum-toolbar{grid-template-columns:1fr;gap:7px;padding:8px}.pc-locum-filters{width:100%}
  .pc-locum-row>summary{grid-template-columns:46px 8px minmax(0,1fr) auto 14px;gap:7px;padding:9px 8px}.pc-locum-date strong{font-size:18px}.pc-locum-copy strong{font-size:12px}.pc-locum-side strong{font-size:12px}
  .pc-locum-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-locum-detail-row{grid-template-columns:1fr}.pc-locum-actions{display:grid;grid-template-columns:1fr 1fr}.pc-locum-actions .action-delete{grid-column:1/-1}.pc-locum-actions .locum-row-action{width:100%;min-height:38px}
}

@media(max-width:390px){
  .pc-locum-row>summary{grid-template-columns:42px 7px minmax(0,1fr) 13px}.pc-locum-side{display:none}.pc-locum-chevron{grid-column:4}.pc-locum-copy{grid-column:3}.pc-locum-dot{grid-column:2}.pc-locum-date{grid-column:1}
}


/* Modal / toast / install surfaces follow the same compact flat language. */
.jinino-authenticated .modal-panel{background:#111920!important;border:1px solid #32434e!important;border-radius:14px!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
.jinino-authenticated .modal-close{background:#1a252d!important;border:1px solid #364953!important;color:#dce5eb!important;border-radius:9px!important}
.jinino-authenticated .toast{background:#172129!important;border:1px solid #344650!important;color:#f1f5f8!important;box-shadow:none!important}
.jinino-authenticated .icon-action{background:#1767c0!important;border:1px solid #2a83e5!important;color:#fff!important;border-radius:8px!important;box-shadow:none!important}
.jinino-authenticated .icon-action.danger-icon{background:#a52438!important;border-color:#d13c53!important;color:#fff!important}
.jinino-authenticated .pwa-install-button{background:#1580ff!important;border-color:#2f91ff!important;box-shadow:none!important}
.jinino-authenticated .ios-install-card{background:#111920!important;border-color:#334650!important;box-shadow:0 20px 55px rgba(0,0,0,.42)!important}

/* Compact generic lists and content blocks across pages not carrying a special body class. */
.jinino-authenticated .cards-list>.panel,
.jinino-authenticated .cards-list>.card,
.jinino-authenticated .portfolio-row,
.jinino-authenticated .feedback-inbox-row,
.jinino-authenticated .pathway-requirement,
.jinino-authenticated .integration-steps>div{
  background:#111920!important;
  border-color:#2a3944!important;
  box-shadow:none!important;
}
.jinino-authenticated .feedback-inbox-row:hover,.jinino-authenticated .portfolio-row:hover{background:#151f27!important}

/* Strong semantic colour accents, still flat. */
.jinino-authenticated .priority-high{background:#4c151e!important;color:#ff8393!important}
.jinino-authenticated .priority-medium{background:#4a340b!important;color:#ffd169!important}
.jinino-authenticated .priority-low{background:#1d2a33!important;color:#b9c6cf!important}
.jinino-authenticated .feedback-status-new{background:#0d3b6a!important;color:#8dc5ff!important}
.jinino-authenticated .feedback-status-replied{background:#0d402b!important;color:#77dfa9!important}

/* Prevent accidental bright/white surfaces from older page-specific CSS. */
.jinino-authenticated .storage-card,
.jinino-authenticated .calendar-view-card,
.jinino-authenticated .integration-card,
.jinino-authenticated .private-feed-panel,
.jinino-authenticated .pathway-summary-hero{
  background:#111920!important;
  border-color:#2a3944!important;
  box-shadow:none!important;
}

/* Keep authenticated shell dark and consistent even if an older saved theme flag exists. */
body.jinino-authenticated main{background:#090e13!important}
body.jinino-authenticated .jinino-footer{background:#090e13!important;border-color:#202d36!important;color:#93a4b2!important}

/* ============================================================================
   JININO v53.3 — Locum month organiser
   Month-first navigation: every month and every shift remains closed until tapped.
   ============================================================================ */
.pc-locum-month-heading{align-items:flex-end;margin-top:18px!important;margin-bottom:10px!important}
.pc-locum-month-heading>div{min-width:0}.pc-locum-month-heading h2{margin:3px 0 0!important}.pc-locum-month-heading h2 span{color:var(--pc-muted);font-size:.62em;font-weight:750;letter-spacing:0}
.pc-locum-months{display:grid;gap:10px}
.pc-locum-month-group{overflow:hidden;border:1px solid var(--pc-line);border-radius:15px;background:var(--pc-panel)}
.pc-locum-month-group[hidden]{display:none!important}
.pc-locum-month-group>summary{display:grid;grid-template-columns:minmax(0,1fr) auto 20px;align-items:center;gap:12px;padding:14px 15px;list-style:none;cursor:pointer;background:#101920}
.pc-locum-month-group>summary::-webkit-details-marker{display:none}
.pc-locum-month-group[open]>summary{border-bottom:1px solid var(--pc-line);background:#131e26}
.pc-month-name{display:flex;align-items:center;gap:11px;min-width:0}
.pc-month-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px;background:#0b3961;border:1px solid #17649c;color:#8bcbff;font-size:10px;font-weight:950;letter-spacing:.08em}
.pc-month-name>span:last-child{min-width:0}.pc-month-name strong,.pc-month-name small{display:block}.pc-month-name strong{font-size:16px;color:var(--pc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-month-name small{margin-top:3px;font-size:10px!important}
.pc-month-totals{display:grid;grid-template-columns:repeat(2,minmax(82px,auto));gap:8px}.pc-month-totals>span{display:block;min-width:82px;padding:7px 9px;border-radius:9px;background:#0c151c;text-align:right}.pc-month-totals small,.pc-month-totals strong{display:block}.pc-month-totals small{font-size:7px!important;text-transform:uppercase;letter-spacing:.07em}.pc-month-totals strong{margin-top:2px;font-size:12px;color:#f5f7fa}.pc-month-totals>span:first-child strong{color:#65e0a2}.pc-month-totals>span:last-child strong{color:#ff8290}
.pc-month-chevron{font-size:25px;color:#708493;transform:rotate(0deg);transition:transform .15s ease}.pc-locum-month-group[open] .pc-month-chevron{transform:rotate(90deg);color:#4aa7ff}
.pc-month-body{padding:10px;background:#0c1319}
.pc-month-mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.pc-month-mini-kpis>div{padding:8px 10px;border:1px solid #24343e;border-radius:9px;background:#101a21}.pc-month-mini-kpis span,.pc-month-mini-kpis strong{display:block}.pc-month-mini-kpis span{font-size:8px;color:var(--pc-muted);text-transform:uppercase;font-weight:850}.pc-month-mini-kpis strong{margin-top:2px;font-size:12px;color:#fff}.pc-month-mini-kpis>div:first-child strong{color:#64dfff}.pc-month-mini-kpis>div:nth-child(2) strong{color:#a78bfa}
.pc-locum-month-shifts{display:grid;gap:7px}
.pc-locum-month-shifts .pc-locum-row{margin:0!important;border-radius:11px!important;background:#111a21!important}
.pc-locum-month-shifts .pc-locum-row>summary{padding:11px 12px!important}
.pc-locum-month-shifts .pc-locum-date strong{font-size:20px!important}.pc-locum-month-shifts .pc-locum-date small{text-transform:uppercase;font-size:8px!important}
.pc-locum-month-shifts .pc-locum-copy>strong{font-size:13px!important}.pc-locum-month-shifts .pc-locum-copy>small{font-size:9px!important}
.pc-locum-month-shifts .pc-locum-side strong{font-size:12px!important}
.pc-locum-secondary-single{margin-top:12px}

@media(max-width:760px){
  .pc-locum-month-heading{display:flex!important;align-items:flex-start!important;gap:4px!important;flex-direction:column!important}.pc-locum-month-heading>span{font-size:9px!important}
  .pc-locum-month-group>summary{grid-template-columns:minmax(0,1fr) 18px;padding:12px 11px;gap:8px}
  .pc-month-totals{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:1px}.pc-month-totals>span{text-align:left;min-width:0;padding:6px 8px}
  .pc-month-chevron{grid-column:2;grid-row:1;justify-self:end}
  .pc-month-icon{width:42px;height:42px;flex-basis:42px}
  .pc-month-name strong{font-size:15px}.pc-month-name small{font-size:9px!important}
  .pc-month-body{padding:8px}
  .pc-month-mini-kpis{gap:5px}.pc-month-mini-kpis>div{padding:7px 6px}.pc-month-mini-kpis strong{font-size:11px}
  .pc-locum-month-shifts .pc-locum-row>summary{grid-template-columns:58px 7px minmax(0,1fr) 18px!important;gap:7px!important}
  .pc-locum-month-shifts .pc-locum-side{display:none!important}
  .pc-locum-month-shifts .pc-locum-chevron{display:block!important;grid-column:4!important}
}


/* =====================================================================
   JININO v53.6 — dashboard consistency, compact agenda, professional overview
   ===================================================================== */
.jinino-authenticated .dashboard-agenda-card .dashboard-agenda-list{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  padding-right:0!important;
}
.jinino-authenticated .dashboard-agenda-card .dashboard-agenda-event[hidden]{display:none!important}
.jinino-authenticated .dashboard-agenda-head{align-items:flex-start!important}
.jinino-authenticated .dashboard-view-all{white-space:nowrap!important;flex:0 0 auto!important}
.jinino-authenticated .dashboard-agenda-toggle{
  width:100%;margin-top:9px;padding:10px 12px;border:1px solid #2d4655;border-radius:10px;
  background:#101b22;color:#7fc3ff;font:inherit;font-weight:850;cursor:pointer;
}
.jinino-authenticated .dashboard-agenda-toggle:hover{background:#15232c;border-color:#3d6074;color:#a6d7ff}

.jinino-authenticated .dashboard-overview-panel{padding:16px!important;background:#0f171d!important;border-color:#2a3944!important}
.jinino-authenticated .dashboard-overview-head{margin-bottom:11px!important}
.jinino-authenticated .dashboard-overview-head h2{font-size:18px!important;margin-bottom:3px!important}
.jinino-authenticated .dashboard-overview-head p{font-size:11px!important}
.jinino-authenticated .dashboard-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.jinino-authenticated .dashboard-overview-item{
  --overview:#2588ef;display:grid;grid-template-columns:38px minmax(0,1fr) 14px;align-items:center;gap:10px;
  min-width:0;min-height:82px;padding:11px 12px;border:1px solid #2a3944;border-left:3px solid var(--overview);
  border-radius:11px;background:#121c23;color:#eef5f8!important;text-decoration:none!important;box-shadow:none!important;
}
.jinino-authenticated .dashboard-overview-item:hover{background:#172229!important;border-color:#3b515e!important;border-left-color:var(--overview)!important}
.jinino-authenticated .dashboard-overview-item>.overview-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:color-mix(in srgb,var(--overview) 22%,#121c23);color:var(--overview);font-size:17px;font-weight:950}
.jinino-authenticated .dashboard-overview-item>.overview-icon-text{font-size:9px;letter-spacing:.04em}
.jinino-authenticated .dashboard-overview-item>.overview-copy{display:block;min-width:0}
.jinino-authenticated .dashboard-overview-item>.overview-copy small{display:block;color:#8295a2!important;font-size:9px!important;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.jinino-authenticated .dashboard-overview-item>.overview-copy strong{display:inline-block;margin-top:1px;color:#fff;font-size:22px;line-height:1;font-weight:950;letter-spacing:-.03em}
.jinino-authenticated .dashboard-overview-item>.overview-copy span{display:block;margin-top:4px;color:#9caeba;font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jinino-authenticated .dashboard-overview-item>b{color:#667b89;font-size:18px}
.jinino-authenticated .overview-schedule{--overview:#2588ef}.jinino-authenticated .overview-todo{--overview:#14b8a6}.jinino-authenticated .overview-cpd{--overview:#8b5cf6}.jinino-authenticated .overview-renewals{--overview:#f59e0b}.jinino-authenticated .overview-documents{--overview:#06b6d4}.jinino-authenticated .overview-locum{--overview:#19c37d}

/* Dashboard To-Do deliberately reuses the Planner task language. */
.jinino-authenticated .dashboard-todo-panel{overflow:visible!important}
.jinino-authenticated .dashboard-todo-panel .premium-task-list{max-height:none!important;overflow:visible!important;padding-right:0!important}
.jinino-authenticated .dashboard-task-item{grid-template-columns:32px minmax(0,1fr) 70px!important;min-height:66px!important;padding:10px!important;cursor:pointer}
.jinino-authenticated .dashboard-task-item .agenda-copy{min-width:0!important}
.jinino-authenticated .dashboard-task-item .agenda-actions{opacity:1!important;width:70px!important;justify-content:flex-end!important}
.jinino-authenticated .dashboard-task-item .agenda-edit,.jinino-authenticated .dashboard-task-item .agenda-delete{width:32px!important;height:32px!important}
.jinino-authenticated .dashboard-task-item .premium-checkbox{width:30px!important;height:30px!important}
.jinino-authenticated .dashboard-task-item .agenda-title-line{align-items:flex-start!important;gap:7px!important}
.jinino-authenticated .dashboard-task-item .agenda-title-line strong{font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.jinino-authenticated .dashboard-task-item .task-meta{margin-top:5px!important}

@media(max-width:760px){
  .jinino-authenticated .dashboard-overview-panel{padding:14px!important}
  .jinino-authenticated .dashboard-overview-grid{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .jinino-authenticated .dashboard-overview-item{grid-template-columns:32px minmax(0,1fr) 10px;gap:8px;min-height:76px;padding:9px;border-radius:10px}
  .jinino-authenticated .dashboard-overview-item>.overview-icon{width:31px;height:31px;border-radius:8px;font-size:15px}
  .jinino-authenticated .dashboard-overview-item>.overview-icon-text{font-size:8px}
  .jinino-authenticated .dashboard-overview-item>.overview-copy strong{font-size:20px}
  .jinino-authenticated .dashboard-overview-item>.overview-copy span{font-size:8.5px}
  .jinino-authenticated .dashboard-agenda-card .timeline-row{grid-template-columns:42px 8px minmax(0,1fr)!important;gap:8px!important;padding:10px 4px!important}
  .jinino-authenticated .dashboard-agenda-card .timeline-copy strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .jinino-authenticated .dashboard-agenda-toggle{margin-top:7px;padding:9px 10px}
  .jinino-authenticated .dashboard-task-item{grid-template-columns:30px minmax(0,1fr) 62px!important;column-gap:7px!important;padding:10px!important}
  .jinino-authenticated .dashboard-task-item .agenda-actions{width:62px!important;gap:3px!important}
  .jinino-authenticated .dashboard-task-item .agenda-edit,.jinino-authenticated .dashboard-task-item .agenda-delete{width:29px!important;height:29px!important}
  .jinino-authenticated .dashboard-task-item .agenda-title-line{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important}
  .jinino-authenticated .dashboard-task-item .priority-badge{display:inline-flex!important;width:max-content!important}
}


/* ================================================================
   JININO v53.7 — product analytics / per-user operational audit
   ================================================================ */
.analytics-pro-head{align-items:end}.analytics-pro-head h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em}
.analytics-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}
.analytics-kpi{position:relative;overflow:hidden;min-height:122px;padding:18px;border-radius:18px;border:1px solid #253746;background:#0e1821;box-shadow:none}
.analytics-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2387ff}.analytics-kpi.green:before{background:#13c783}.analytics-kpi.cyan:before{background:#22c7df}.analytics-kpi.purple:before{background:#8b5cf6}
.analytics-kpi span,.analytics-kpi small,.analytics-kpi b{display:block}.analytics-kpi span{color:#9fb0be;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.analytics-kpi b{margin-top:8px;color:#f3f7fb;font-size:32px}.analytics-kpi small{margin-top:3px;color:#708593;font-size:11px}
.analytics-control-panel{padding:14px!important;margin-bottom:18px}.analytics-filter-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.45fr) auto auto;gap:10px;align-items:end}.analytics-filter-form label{margin:0}.analytics-filter-form label>span{display:block;margin:0 0 5px;color:#93a8b8;font-size:11px;font-weight:800}.analytics-filter-form input,.analytics-filter-form select{width:100%;margin:0}
.analytics-pro-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px}.analytics-wide-panel{grid-column:1/-1}.analytics-user-cards{display:grid;gap:8px}.analytics-user-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto 20px;gap:12px;align-items:center;padding:12px;border:1px solid #263846;border-radius:14px;background:#0b151e;color:inherit;text-decoration:none}.analytics-user-card:hover{border-color:#287ec5;background:#0d1a25}.analytics-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#163a59;color:#72c7ff;font-size:18px;font-weight:900}.analytics-user-main{min-width:0}.analytics-user-main strong,.analytics-user-main small,.analytics-user-main span{display:block}.analytics-user-main strong{color:#f3f7fb;font-size:14px}.analytics-user-main small{margin-top:2px;color:#9dafbc;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-user-main span{margin-top:5px;color:#607887;font-size:10px}.analytics-user-metrics{display:grid;grid-template-columns:repeat(3,auto);gap:2px 10px;text-align:center}.analytics-user-metrics b{color:#d9e7f1;font-size:14px}.analytics-user-metrics small{color:#718897;font-size:9px;text-transform:uppercase}.analytics-open{color:#57b9f4;font-size:22px}
.analytics-section-list,.analytics-content-counts{display:grid;gap:8px}.analytics-section-list>div,.analytics-content-counts>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px 12px;border-radius:12px;background:#0b151e;border:1px solid #243746}.analytics-section-list span,.analytics-content-counts span{color:#cbd8e1;font-weight:750}.analytics-section-list strong,.analytics-content-counts strong{color:#65c9ff}.analytics-section-list small{color:#718897;font-size:10px}
.analytics-timeline{display:grid;gap:2px}.analytics-event{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 6px;border-bottom:1px solid #1e303d}.analytics-event:last-child{border-bottom:0}.analytics-event-dot{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#2387ff}.event-created .analytics-event-dot{background:#13c783}.event-updated .analytics-event-dot{background:#8b5cf6}.event-deleted .analytics-event-dot{background:#f04f5f}.event-login .analytics-event-dot{background:#22c7df}.event-joined .analytics-event-dot{background:#f2a31b}.analytics-event strong,.analytics-event span,.analytics-event small{display:block}.analytics-event strong{font-size:13px;color:#edf5fa}.analytics-event span{margin-top:2px;color:#adbdc8;font-size:12px}.analytics-event small{margin-top:3px;color:#657d8d;font-size:10px}.analytics-event>a{align-self:center;color:#65c9ff;text-decoration:none;font-size:11px;font-weight:800}.analytics-public-details{margin-top:18px}.analytics-public-details>summary{cursor:pointer;font-weight:850;color:#a9bdca}.analytics-public-details[open]>summary{margin-bottom:14px}.analytics-user-kpis{margin-top:0}
@media(max-width:760px){.analytics-pro-head{align-items:flex-start}.analytics-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.analytics-kpi{min-height:105px;padding:14px}.analytics-kpi b{font-size:27px}.analytics-filter-form{grid-template-columns:1fr 1fr}.analytics-filter-form label:first-of-type{grid-column:1/-1}.analytics-pro-grid{grid-template-columns:1fr}.analytics-wide-panel{grid-column:auto}.analytics-user-card{grid-template-columns:40px minmax(0,1fr) 18px}.analytics-avatar{width:40px;height:40px}.analytics-user-metrics{grid-column:2/4;grid-row:2;display:flex;gap:14px;text-align:left}.analytics-user-metrics small{margin-right:5px}.analytics-user-card .analytics-open{grid-column:3;grid-row:1}.analytics-event{grid-template-columns:10px minmax(0,1fr)}.analytics-event>a{grid-column:2}.analytics-range{max-width:100%;overflow-x:auto}.analytics-content-counts>div{grid-template-columns:minmax(0,1fr) auto}}

.analytics-day-list{margin-top:16px;padding-top:14px;border-top:1px solid #243746}.analytics-day-list h3{margin:0 0 8px;font-size:13px;color:#dce8f0}.analytics-day-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid #1b2c37}.analytics-day-list>div:last-child{border-bottom:0}.analytics-day-list span{color:#aebdc7;font-size:11px}.analytics-day-list strong{color:#dbe7ef;font-size:11px}.analytics-day-list small{grid-column:1/-1;color:#667d8c;font-size:10px}