/* ANCHOR: resume_widget_styles */
/* REUSED: Resume widget specific styles extracted from components.css */
/* SCALED FOR: Modular CSS architecture with component isolation */

/* ANCHOR: resume_widget */
.resume-widget {
  width: 140px;
  height: 140px;
}

.resume-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}

/* ANCHOR: document_icon */
.document-icon {
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}

.document-page {
  width: 120px;
  height: 120px;
  background: #FFFFFF;
  border-radius: 14px;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #E2E8F0;
  /* CRITICAL: Apply shadows to document page like sticker container */
  box-shadow: var(--widget-shadow-default);
  /* CRITICAL: Shadow transitions moved to shared styles/components.css */
  overflow: hidden;
}

/* ANCHOR: document_header */
.document-header {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 6px 12px;
  width: 120px;
  height: 28px;
  background: rgba(0, 0, 0, 0.07);
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  flex: none;
}

/* ANCHOR: pdf_icon */
.pdf-icon {
  width: 16px;  /* UPDATED COMMENTS: Confirmed 16x16px size as requested */
  height: 16px; /* REUSED: Standard icon size for document header */
  flex: none;
}

/* ANCHOR: pdf_text */
.pdf-text {
  width: 20px;
  height: 14px;
  font-family: var(--font-family-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: right;
  color: rgba(0, 0, 0, 0.6); /* UPDATED COMMENTS: Changed from opacity to rgba for 60% transparency */
  flex: none;
}

/* ANCHOR: document_content */
.document-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 14px 12px 16px 12px; /* CRITICAL: 14px top padding from header, 12px sides, 16px bottom */
  gap: 12px; /* CRITICAL: 14px gap between line groups as specified */
  flex: 1;
  width: 86px; /* UPDATED COMMENTS: Fixed width matching Figma layout */
}

/* ANCHOR: text_line_groups */
/* REUSED: Flexbox layout pattern for consistent line group spacing */
.text-line-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px; /* CRITICAL: 6px gap between lines within group */
  width: 86px;
  height: 12px;
  flex: none;
  align-self: stretch;
}

/* CRITICAL: Group-specific opacity values matching Figma specification */
.text-line-group--first {
  opacity: 0.2;
}

.text-line-group--second {
  opacity: 0.2;
}

.text-line-group--third {
  opacity: 0.1;
}

.document-line {
  height: 2px; /* CRITICAL: 2px line thickness as specified */
  background: #000000; /* UPDATED COMMENTS: Using background instead of border for cleaner lines */
  border: none; /* UPDATED COMMENTS: Removed border, using background for line rendering */
  border-radius: 1px; /* REUSED: Subtle border-radius for professional appearance */
  flex: none;
}

/* SCALED FOR: Removed old line width classes - now using inline styles for precise Figma widths */

/* ANCHOR: document_label */
.document-label {
  font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 16px;
  font-weight: 500; /* UPDATED COMMENTS: Increased from 400 to 500 for better readability */
  color: var(--color-primary);
  text-align: center;
  /* CRITICAL: 10px margin from document wrapper as specified */
  margin-top: 10px;
  /* CRITICAL: Label is not rotated initially as per requirements */
  transform: none;
  user-select: none;
}

/* ANCHOR: resume_interaction_shadows */
/* CRITICAL: Shadow states moved to shared styles/components.css for reusability */