/* Read-only resume parity with Edit Resume. */
#resumepreviewtab .card-header{
  background: var(--bs-gray-100);
  text-align: left !important;
}
#resumepreviewtab .card-header .card-title{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100%;
  margin: 0;
  padding: 0;
}
#resumepreviewtab .op-head-sep{
  height: 1px;
  width: 100%;
  margin-top: .45rem;
  background: linear-gradient(90deg,
      color-mix(in srgb, var(--bs-body-color) 14%, transparent) 0%,
      color-mix(in srgb, var(--bs-body-color) 20%, transparent) 50%,
      color-mix(in srgb, var(--bs-body-color) 14%, transparent) 100%);
}
#resumepreviewtab .op-subdesc{
  margin-top: .35rem;
  color: var(--bs-gray-600);
  font-weight: 600;
  font-size: .95rem;
}
#resumepreviewtab .symbol .presence-dot{
  height: 20px;
  width: 20px;
}
#resumepreviewtab .op-field-icon{
  opacity: .7;
}
#resumepreviewtab .op-chip, .op-search-surface .op-chip{
  display: inline-flex;
  align-items: center;
  padding: .18rem .6rem;
  border-radius: 999px;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, .12);
  color: var(--bs-gray-600);
  background: var(--bs-light);
}
#resumepreviewtab .op-chip-more{
  cursor: pointer;
  border: 1px dashed var(--bs-gray-400, #c4c4c4);
  background: var(--bs-gray-300);
  padding: .1rem .45rem;
  border-radius: 1rem;
  line-height: 1.2;
  color: var(--bs-gray-800);
}
[data-bs-theme="dark"] #resumepreviewtab .op-chip, [data-bs-theme="dark"] .op-search-surface .op-chip{
  border-color: rgba(255, 255, 255, .18);
}
#resumepreviewtab .op-meter{
  --w: 100%;
  --pad-y: .18rem;
  --pad-x: .6rem;
  --block-bg: color-mix(in srgb, var(--op-ac4) 68%, white);
  --block-fg: #fff;
  display: inline-flex;
  align-items: center;
  width: var(--w);
  max-width: 100%;
  border: 1px solid rgba(0, 0, 0, .12);
  border-radius: .6rem;
  background: var(--bs-body-bg);
  font-weight: 900;
  color: var(--bs-body-color);
}
#resumepreviewtab .op-meter .label{
  flex: 1 1 auto;
  min-width: 0;
  padding: var(--pad-y) var(--pad-x);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
#resumepreviewtab .op-meter .block{
  padding: var(--pad-y) calc(var(--pad-x) + .3rem);
  background: var(--block-bg);
  color: var(--block-fg);
  border-top-right-radius: .6rem;
  border-bottom-right-radius: .6rem;
  min-width: 4.1rem;
  border-left: 1px solid rgba(0, 0, 0, .08);
  text-align: center;
}
#resumepreviewtab .op-meter+.op-meter{
  margin-top: .45rem;
}
[data-bs-theme="dark"] #resumepreviewtab .op-meter{
  border-color: rgba(255, 255, 255, .18);
}
[data-bs-theme="dark"] #resumepreviewtab .op-meter .block{
  border-left-color: rgba(255, 255, 255, .14);
}
#resumepreviewtab .op-stars{
  letter-spacing: .12rem;
  font-size: .95rem;
  color: color-mix(in srgb, var(--bs-body-color) 65%, transparent);
}
#resumepreviewtab .card-body>*+*{
  margin-top: 1rem;
}
#resumepreviewtab .op-item+.op-item{
  position: relative;
  margin-top: 1.25rem;
}
#resumepreviewtab .op-item+.op-item::before{
  content: "";
  display: block;
  height: 1px;
  margin: 1rem 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, .12) 0%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .12) 75%, rgba(230, 91, 113, .18) 95%, rgba(230, 91, 113, 0) 100%);
}
[data-bs-theme="dark"] #resumepreviewtab .op-item+.op-item::before{
  background: linear-gradient(90deg, rgba(255, 255, 255, .14) 0%, rgba(255, 255, 255, .22) 40%, rgba(255, 255, 255, .14) 75%, rgba(230, 91, 113, .28) 95%, rgba(230, 91, 113, 0) 100%);
}
#resumepreviewtab .op-expr p,
#resumepreviewtab .op-edu p{
  margin: .5rem 0 0;
  line-height: 1.55;
  color: var(--bs-gray-800);
}
#resumepreviewtab .card.h-md-100,
#resumepreviewtab .card.h-lg-100,
#resumepreviewtab .card.h-xl-100{
  height: auto !important;
}
#resumepreviewtab .card{
  padding-bottom: .15rem;
}
#resumepreviewtab #kt_profile_details_view .card-body>.row+.row{
  margin-top: 1rem;
}
@media (max-width: 576.98px){#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3{
    flex-wrap: nowrap !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3>.flex-shrink-0{
    flex: 0 0 auto;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3>.flex-grow-1{
    min-width: 0;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .symbol.symbol-100px{
    width: 72px !important;
    height: 72px !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .d-flex.align-items-center.flex-wrap.gap-2.mb-2{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: .25rem .5rem !important;
    margin-bottom: .35rem !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .d-flex.align-items-center.flex-wrap.gap-2.mb-2 .badge{
    order: 2;
    width: 100%;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .d-flex.flex-wrap.fw-semibold.fs-6{
    display: grid !important;
    grid-template-columns: 1fr;
    gap: .35rem !important;
    margin-bottom: .9rem !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .d-flex.flex-wrap.fw-semibold.fs-6>*{
    margin-right: 0 !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .fs-2.fw-bold{
    font-size: 1.125rem !important;
    line-height: 1.25 !important;
  }
#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3+.d-flex.flex-wrap{
    gap: .5rem .75rem;
  }}
#resumepreviewtab .rpv-desktop-header{
  display: flex;
}
#resumepreviewtab .rpv-mobile-header{
  display: none;
}
@media (max-width: 576.98px){#resumepreviewtab .rpv-desktop-header{
    display: none !important;
  }
#resumepreviewtab .rpv-mobile-header{
    display: block !important;
  }}
#resumepreviewtab .op-skillgrid{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: .35rem .75rem;
}
#resumepreviewtab .op-role{
  font-size: 1.05rem;
  
}
#resumepreviewtab .op-meta{
  gap: .4rem 1rem;
  
}
@media (max-width: 576.98px){#resumepreviewtab .op-meta{
    flex-direction: column;
    align-items: flex-start;
    gap: .15rem;
  }}
#resumepreviewtab .op-oinfo-head{
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: .35rem;
}
#resumepreviewtab .op-oinfo-title{
  font-weight: 700;
  color: var(--bs-gray-900);
}
#resumepreviewtab .op-oinfo-list{
  list-style: none;
  margin: 0;
  padding: 0;
}
#resumepreviewtab .op-oinfo-list li{
  position: relative;
  padding-left: 1.15rem;
  color: var(--bs-gray-800);
  line-height: 1.55;
  margin: .25rem 0;
}
#resumepreviewtab .op-oinfo-list li::before{
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--bs-gray-800);
  opacity: .7;
}
#resumepreviewtab .op-skill-inline .op-line{
  margin-top: .75rem;
  margin-left: 1.0rem;
}
#resumepreviewtab.op-skill-inline .op-chip{
  display: inline;
  
  background: var(--bs-light, #f5f5f5);
  border-radius: 1rem;
  padding: .28rem .62rem;
  margin-right: var(--op-chip-gap-x, .55rem);
  
  margin-bottom: var(--op-chip-gap-y, .40rem);
  
  line-height: 1.3;
  white-space: normal;
  
  overflow-wrap: normal;
  
}
#resumepreviewtab .op-experience-section .card-header > .d-flex{
  width: 100%;
  flex-wrap: wrap;
  gap: 1rem;
}
#resumepreviewtab .op-experience-section .op-expr > .d-flex:first-child{
  align-items: flex-start !important;
  gap: 1rem;
}
#resumepreviewtab .op-experience-section .op-role{
  min-width: 0;
  overflow-wrap: anywhere;
}
#resumepreviewtab .op-experience-section button i{
  color: inherit;
}
#resumepreviewtab .op-experience-section [hidden]{
  display: none !important;
}
#resumepreviewtab .op-experience-notice{
  font-size: .9rem;
}
#resumepreviewtab .op-experience-order-row{
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: center;
  padding: .85rem .3rem;
  border-bottom: 1px solid var(--bs-border-color);
  background: var(--bs-body-bg);
  border-radius: .5rem;
}
#resumepreviewtab .op-experience-order-row:last-child{
  border-bottom-color: transparent;
}
#resumepreviewtab .op-experience-order-info{
  min-width: 0;
  overflow-wrap: anywhere;
}
#resumepreviewtab .op-experience-order-role{
  font-size: 1rem;
}
#resumepreviewtab .op-experience-position{
  min-width: 1.5rem;
  text-align: center;
  font-variant-numeric: tabular-nums;
}
#resumepreviewtab .op-experience-order-row{
  touch-action: none;
  cursor: grab;
  user-select: none;
}
#resumepreviewtab .op-experience-order-row:hover{
  background: var(--bs-primary-light);
}
#resumepreviewtab .op-experience-busy .op-experience-order-row{
  cursor: default;
}
#resumepreviewtab .op-experience-order-controls{
  cursor: default;
}
#resumepreviewtab .op-experience-order-controls button:not(:disabled){
  cursor: pointer;
}
#resumepreviewtab .op-experience-dragging{
  background: var(--bs-primary-light);
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
  user-select: none;
}
#resumepreviewtab .op-experience-order-row.op-experience-dragging{
  cursor: grabbing;
}
@media (max-width: 575.98px){#resumepreviewtab #experienceSectionActions{
    margin-left: 0 !important;
    width: 100%;
  }
#resumepreviewtab .op-experience-order-controls{
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
#resumepreviewtab .op-experience-order-info{
    grid-column: 1 / -1;
  }}
@media (pointer: coarse){#resumepreviewtab .op-experience-section .btn{
    min-width: 44px;
    min-height: 44px;
  }}
#resumepreviewtab .op-chip[data-skill-level="4"], .op-search-surface .op-chip[data-skill-level="4"]{
  background: linear-gradient(110deg,
    color-mix(in srgb, var(--bs-primary-light) 92%, var(--bs-primary) 8%),
    var(--bs-primary-light));
}
#resumepreviewtab .op-chip[data-skill-level="3"], .op-search-surface .op-chip[data-skill-level="3"]{
  background: linear-gradient(110deg,
    var(--bs-primary-light),
    color-mix(in srgb, var(--bs-primary-light) 92%, var(--bs-body-bg) 8%));
}
#resumepreviewtab .op-chip[data-skill-level="2"], .op-search-surface .op-chip[data-skill-level="2"]{
  background: linear-gradient(110deg,
    color-mix(in srgb, var(--bs-primary-light) 88%, var(--bs-body-bg) 12%),
    color-mix(in srgb, var(--bs-primary-light) 78%, var(--bs-body-bg) 22%));
}
#resumepreviewtab .op-chip[data-skill-level="1"], .op-search-surface .op-chip[data-skill-level="1"]{
  background: linear-gradient(110deg,
    color-mix(in srgb, var(--bs-primary-light) 70%, var(--bs-body-bg) 30%),
    color-mix(in srgb, var(--bs-primary-light) 55%, var(--bs-body-bg) 45%));
}
@media (max-width:576.98px){#resumepreviewtab .rpv-mobile-header > .d-flex.align-items-center{
   display:grid !important; grid-template-columns:72px minmax(0,1fr); gap:1rem;
 }
#resumepreviewtab .rpv-mobile-header > .d-flex.align-items-center > .flex-shrink-0{ margin:0 !important; }
#resumepreviewtab .rpv-mobile-header .symbol{ display:block; width:72px !important; height:72px !important; position:relative; }
#resumepreviewtab .rpv-mobile-header .symbol > img{ display:block; width:72px !important; height:72px !important; object-fit:cover; }
#resumepreviewtab .rpv-mobile-header .op-profile-photo-action{
   width:30px !important; height:30px !important; min-width:30px; padding:0;
   right:0 !important; bottom:0 !important; top:auto !important; left:auto !important;
   transform:translate(20%,20%); z-index:1;
 }
#resumepreviewtab .rpv-mobile-header [data-bind-text="NAME"]{ min-width:0; overflow-wrap:anywhere; }
#resumepreviewtab .rpv-mobile-header .badge{ max-width:100%; white-space:normal; text-align:start; line-height:1.5; }
#resumepreviewtab .rpv-mobile-header a{ overflow-wrap:anywhere; }}
.op-resume-emails{min-width:0;max-width:100%;gap:.5rem 1.25rem;}
.op-resume-emails a{min-width:0;overflow-wrap:anywhere;}
.op-resume-emails{
    margin-inline-end: 1.25rem;
}
/* mobile-readability-r1: phone typography, preserving original geometry. */
@media screen and (max-width:767.98px), screen and (max-width:991.98px) and (pointer:coarse){
#resumepreviewtab .op-subdesc:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.14rem;}
#resumepreviewtab .op-stars:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.14rem;}
@media  (max-width: 576.98px){#resumepreviewtab .card-body>.d-flex.align-items-start.mb-3 .fs-2.fw-bold:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.35rem!important;}}
#resumepreviewtab .op-role:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.26rem;}
#resumepreviewtab .op-experience-notice:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.08rem;}
#resumepreviewtab .op-experience-order-role:where(:not(i,svg,svg *,[class*="ki-"],.op-fa,.fa,.fas,.far,.fab,.fad,.bi,.op-pdf-mini,.op-pdf-mini *,[data-op-document],[data-op-document] *)){font-size:1.2rem;}
}