/* Track Mishnah UI 2.17.5
 * Compact-density refinement. This layer reduces unused space while preserving
 * the v2.17.4 design system, responsive behavior, and application workflows.
 */

/* Tighter page rhythm */
html { background: #ffffff; }
html[data-theme="dark"] { background: #17211f; }
body.app-theme-jewel { --app-shell: 1680px; }
body.app-theme-jewel:not(.auth-page) { min-height: 0; }
body.app-theme-jewel main { min-height: 0; }
body.app-theme-jewel .page-shell,
body.app-theme-jewel .dashboard-shell { padding-block: 16px 26px; }
body.app-theme-jewel .service-notice { padding-block: 0; }
body.app-theme-jewel .service-notice-inner { min-height: 42px; }
body.app-theme-jewel .page-banner-inner,
body.app-theme-jewel .page-banner-small .page-banner-inner { padding-block: 18px 2px; }
body.app-theme-jewel .page-banner h1 { font-size: clamp(1.5rem, 2vw, 1.9rem); }
body.app-theme-jewel .content-card,
body.app-theme-jewel .progress-panel,
body.app-theme-jewel .owner-tool-card,
body.app-theme-jewel .security-card { padding: 14px 16px; }
body.app-theme-jewel .card-heading,
body.app-theme-jewel .section-heading {
  gap: 10px;
  margin-bottom: 10px;
  padding-bottom: 8px;
}
body.app-theme-jewel .projects-shell,
body.app-theme-jewel .management-content,
body.app-theme-jewel .focused-management-shell,
body.app-theme-jewel .owner-directory-shell { gap: 10px; }
body.app-theme-jewel .narrow-shell { margin-block: 12px 26px; }
body.app-theme-jewel .stack-form { gap: 10px; }
body.app-theme-jewel input:not([type="checkbox"]):not([type="radio"]),
body.app-theme-jewel select,
body.app-theme-jewel .copy-row input,
body.app-theme-jewel .filter-multiselect > summary { min-height: 38px; }
body.app-theme-jewel .site-footer { margin-top: 0; padding-block: 9px; }
body.app-theme-jewel .footer-inner { min-height: 34px; }

/* Dashboard: keep the information-rich overview, remove showcase spacing. */
body.app-theme-jewel .dashboard-shell { gap: 12px; }
body.app-theme-jewel .project-overview { padding: 15px 16px; }
body.app-theme-jewel .project-overview-heading { gap: 14px; padding-bottom: 10px; }
body.app-theme-jewel .project-overview-identity { gap: 12px; }
body.app-theme-jewel .project-overview-photo { width: 54px; height: 54px; }
body.app-theme-jewel .project-overview h1 { font-size: clamp(1.45rem, 1.9vw, 1.85rem); }
body.app-theme-jewel .project-memorial-name { margin-top: 2px; margin-bottom: 4px; }
body.app-theme-jewel .overview-start-date { margin-top: 3px; }
body.app-theme-jewel .overview-deadline { gap: 7px; margin-top: 5px; }

body.app-theme-jewel .dashboard-command-grid { gap: 10px; }
body.app-theme-jewel .dashboard-command-card { gap: 8px; padding: 12px 13px; }
body.app-theme-jewel .dashboard-card-heading { margin-bottom: 0; padding-bottom: 7px; }
body.app-theme-jewel .dashboard-card-heading h2 { font-size: .94rem; }
body.app-theme-jewel .continue-learning-main { gap: 12px; }
body.app-theme-jewel .continue-progress-number,
body.app-theme-jewel .personal-progress-percent { font-size: 1.55rem; }
body.app-theme-jewel .continue-learning-copy p { margin-bottom: 8px; }
body.app-theme-jewel .continue-learning-stats { margin: 2px 0 0; }
body.app-theme-jewel .continue-learning-stats div,
body.app-theme-jewel .personal-goal-stats div { padding: 6px 7px; }
body.app-theme-jewel .continue-progress-track { margin-top: 0; }
body.app-theme-jewel .personal-dashboard-summary.dashboard-command-card .personal-dashboard-main,
body.app-theme-jewel .personal-dashboard-summary.dashboard-command-card .personal-dashboard-details { display: grid; gap: 5px; }
body.app-theme-jewel .personal-goal-stats { margin-top: 0; }
body.app-theme-jewel .personal-goal-note { margin-top: 2px; }
body.app-theme-jewel .project-progress-primary p { padding-block: 2px 8px; }
body.app-theme-jewel .project-progress-primary strong { font-size: 1.35rem; }
body.app-theme-jewel .project-progress-card .progress-metrics article { padding: 5px 7px; }
body.app-theme-jewel .project-progress-card .progress-legend { gap: 6px 10px; margin-top: 0; }

body.app-theme-jewel .claim-group-summary {
  min-height: 58px;
  gap: 5px 14px;
  padding: 9px 12px;
}
body.app-theme-jewel .claim-group-quick-actions { padding: 6px 9px; }
body.app-theme-jewel .shared-assignment-group-heading { min-height: 42px; padding: 8px 11px; }
body.app-theme-jewel .shared-assignment-row {
  min-height: 58px;
  gap: 10px;
  padding: 9px 12px;
}
body.app-theme-jewel .assignment-person .avatar-small { width: 32px; height: 32px; }
body.app-theme-jewel .assignment-detail-panel { padding: 12px; }
body.app-theme-jewel .person-row { padding: 8px 10px; }

/* Projects become scan-friendly rows instead of tall, sparse cards. */
body.app-theme-jewel .project-card-grid { gap: 9px; }
body.app-theme-jewel .project-card { padding: 14px 16px; }
body.app-theme-jewel .project-card-heading h3 { margin-top: 5px; }
body.app-theme-jewel .project-card-progress > span { padding: 8px 10px; }
body.app-theme-jewel .project-card-actions { gap: 7px; }
body.app-theme-jewel .project-card-actions .info-tip-panel { right: 0; left: auto; }

/* Account settings use the available canvas while keeping fields readable. */
body.app-theme-jewel .account-settings-shell {
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
}
body.app-theme-jewel .settings-card { padding: 14px 16px; }
body.app-theme-jewel .account-security-entry { margin-top: 12px; padding-top: 11px; }
body.app-theme-jewel .reminder-builder { gap: 9px; padding: 11px 12px; }
body.app-theme-jewel .reminder-rows { gap: 5px; }
body.app-theme-jewel .schedule-grid { gap: 8px 10px; }
body.app-theme-jewel .divider { margin-block: 0; }

/* Dense management surfaces */
body.app-theme-jewel .management-layout { gap: 12px; }
body.app-theme-jewel .management-sidebar { padding: 7px; }
body.app-theme-jewel .management-sidebar-heading { padding: 7px 8px 9px; }
body.app-theme-jewel .management-sidebar a,
body.app-theme-jewel .management-sidebar-advanced summary { min-height: 35px; padding: 7px 9px; }
body.app-theme-jewel .directory-metrics article { padding: 9px 11px; }
body.app-theme-jewel th,
body.app-theme-jewel td { padding-block: 8px; }
body.app-theme-jewel .auth-shell { padding-block: clamp(28px, 5vh, 48px); }
body.app-theme-jewel .auth-card { padding: clamp(22px, 3vw, 30px); }

@media (min-width: 1181px) {
  body.app-theme-jewel .project-progress-card .progress-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.app-theme-jewel .project-progress-card .progress-metrics article { border-right: 1px solid var(--app-border); border-bottom: 1px solid var(--app-border); }
  body.app-theme-jewel .project-progress-card .progress-metrics article:nth-child(3n) { border-right: 0; }
  body.app-theme-jewel .project-progress-card .progress-metrics article:nth-child(n + 4) { border-bottom: 0; }

  body.app-theme-jewel .project-card {
    grid-template-columns: minmax(390px, 1.4fr) minmax(330px, .85fr) minmax(280px, .75fr);
    align-items: center;
    gap: 14px 18px;
  }
  body.app-theme-jewel .project-card-actions { align-content: center; }

  body.app-theme-jewel .account-settings-shell .settings-card > .stack-form {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 14px;
    align-items: start;
  }
  body.app-theme-jewel .account-settings-shell .stack-form > .card-heading,
  body.app-theme-jewel .account-settings-shell .stack-form > .field-pair,
  body.app-theme-jewel .account-settings-shell .stack-form > .form-note,
  body.app-theme-jewel .account-settings-shell .stack-form > .divider,
  body.app-theme-jewel .account-settings-shell .stack-form > .reminder-builder,
  body.app-theme-jewel .account-settings-shell .stack-form > .consent-row,
  body.app-theme-jewel .account-settings-shell .stack-form > .form-actions,
  body.app-theme-jewel .account-settings-shell .stack-form > label:has(> input:disabled) { grid-column: 1 / -1; }
  body.app-theme-jewel .account-settings-shell .schedule-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.app-theme-jewel .account-settings-shell .summary-day-selector { grid-column: 1 / -1; }
}

@media (max-width: 1180px) {
  body.app-theme-jewel .account-settings-shell { grid-template-columns: minmax(0, 860px); }
}

@media (max-width: 760px) {
  body.app-theme-jewel .page-shell,
  body.app-theme-jewel .dashboard-shell { padding-block: 13px 22px; }
  body.app-theme-jewel .page-banner-inner,
  body.app-theme-jewel .page-banner-small .page-banner-inner { padding-block: 15px 2px; }
  body.app-theme-jewel .project-overview { padding: 13px; }
  body.app-theme-jewel .project-overview-heading { padding-bottom: 10px; }
  body.app-theme-jewel .content-card,
  body.app-theme-jewel .progress-panel,
  body.app-theme-jewel .settings-card { padding: 12px; }
  body.app-theme-jewel .claim-group-summary,
  body.app-theme-jewel .shared-assignment-row { min-height: 0; padding: 10px; }
}

@media (max-width: 520px) {
  body.app-theme-jewel .dashboard-command-card { padding: 11px; }
  body.app-theme-jewel .project-card { padding: 12px; }
  body.app-theme-jewel .site-footer { padding-block: 11px; }
}