/* CARD STYLING */
.view-job-info .views-view-responsive-grid__item-inner {
  background: #f1f6ff;
  padding: 24px;
  border-radius: 16px;
  font-family: system-ui, sans-serif;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.page-node-type-job .field--label {
    font-size: 1.5rem;
    margin-top: 1em;
    color: #0169db;
}

/* VALUE */
.view-job-info .views-field .field-content {
  /* font-size: 17px; */
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 14px;
}

/* ICON DEFAULT STYLE */
.view-job-info .views-label .glyphicon {
  font-size: 16px;
  color: #4a5568;
}
.views-field-field-job-type .views-label::before {
  content: "\e041"; /* glyphicon-briefcase */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-role .views-label::before {
  content: "\e139"; /* glyphicon-list-alt */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-hosfield .views-label::before {
  content: "\e021"; /* glyphicon-home */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-num .views-label::before {
  content: "\e081"; /* glyphicon-sort-by-order */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-gen .views-label::before {
  content: "\e008"; /* glyphicon-heart-empty */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
/* Kinh nghiệm */
.views-field-field-job-exp .views-label::before {
  content: "\e125"; /* glyphicon-time */
  font-family: 'Glyphicons Halflings';
  font-size: 17px;
  margin-right: 6px;
}

.views-field-field-job-time .views-label::before {
  content: "\e023"; /* glyphicon-time */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-sal .views-label::before {
  content: "\e177"; /* glyphicon-usd */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-lev .views-label::before {
  content: "\e233"; /* glyphicon-education */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-dep .views-label::before {
  content: "\e010"; /* glyphicon-th-large */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-add .views-label::before {
  content: "\e062"; /* glyphicon-map-marker */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}
.views-field-field-job-due .views-label::before {
  content: "\e109"; /* glyphicon-calendar */
  font-family: 'Glyphicons Halflings';
  font-size: 16px;
  margin-right: 6px;
}

/* RESPONSIVE */
.view-job-info .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    /* width: 100%; */
    display: block;
}
/* Card chung */
.view-job-info .views-view-responsive-grid__item-inner {
  background: #f1f6ff;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  font-family: system-ui, sans-serif;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 40px;
}

/* Mỗi field là 1 ô trong grid */
.view-job-info .views-field {
  margin-bottom: 18px;
}

/* Label + icon */
.view-job-info .views-field .views-label {
  display: inline;
  align-items: center;
  gap: 8px;
  /* font-weight: 600; */
  color: #4a5568;
  /* font-size: 15px; */
  margin-bottom: 4px;
}

/* Value */
.view-job-info .views-field .field-content {
  font-weight: 600;
  color: #2d3748;
  display: contents;
}
@media (max-width: 1024px) {
  .view-job-info .views-view-responsive-grid__item-inner {
    grid-template-columns: 1fr;  /* về 1 cột */
  }
}
@media print {
  .view-job-info .views-view-responsive-grid__item-inner {
    grid-template-columns: repeat(2, 1fr) !important;
    column-gap: 40px !important;
  }
}
form#node-job-form .c3cot .form-item label {
  margin-bottom: 6px;
}

/*VIEWS*/
@media screen and (min-width: 768px) {
.px88 img {
    width: 88px !important;
    /* height: 88px !important; */
}
}
@media screen and (max-width: 768px) {
.px88 img {
    width: 66px !important;
}
td.px88.px100.views-field.views-field-user-picture {
    width: 100px;
}
}
.view-id-job table, .view-id-job tbody, .view-id-job tr, .view-id-job td {
    border: none !important;
}
.view-id-job .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #0169db17;
}
.view-id-job .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}
.view-id-job h3 {
margin-top: 0;
}