/* CLIENT-MASTERS-r2 — screen 4 from full client path.
   Scope: #masters list only. Does not alter master profile, orders, parts, or STO. */

.kr-client-masters-page{
  min-height:100dvh;
  background:#f6f6f7;
  color:#111;
}

.kr-screen--masters{
  background:#fff;
  padding-top:14px;
}

.kr-master-screen-header{
  margin-bottom:10px;
}

.kr-master-screen-header .kr-back{
  font-size:28px;
  line-height:1;
}

.kr-master-screen-header .kr-icon-btn{
  font-size:17px;
}

.kr-master-screen-search{
  margin:6px 0 13px;
}

.kr-master-screen-search .kr-search__input{
  height:38px;
  border-radius:10px;
  background:#f4f4f5;
  padding-left:13px;
  font-size:12px;
  font-weight:700;
}

.kr-master-screen-tabs{
  margin:0 0 12px;
  gap:8px;
}

.kr-master-screen-tabs .kr-tab{
  height:32px;
  min-height:32px;
  padding:0 14px;
  background:#f3f3f4;
  color:#242424;
  font-size:12px;
  font-weight:900;
}

.kr-master-screen-tabs .kr-tab.is-active{
  background:#ffc400;
  color:#111;
}

.kr-master-screen-list{
  display:grid;
  gap:13px;
}

.kr-master-screen-card{
  width:100%;
  border:0;
  border-bottom:1px solid #ececef;
  background:#fff;
  padding:0 0 13px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:11px;
  align-items:center;
  text-align:left;
  cursor:pointer;
}

.kr-master-screen-card:last-child{
  border-bottom:0;
}

.kr-master-screen-card[hidden]{
  display:none !important;
}

.kr-master-screen-avatar{
  position:relative;
  width:48px;
  height:48px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#f2f2f3,#e8e8ea);
  color:#111;
  font-size:13px;
  font-weight:950;
  overflow:hidden;
}

.kr-master-screen-avatar span{
  position:absolute;
  right:2px;
  bottom:3px;
  width:11px;
  height:11px;
  border-radius:999px;
  border:2px solid #fff;
}

.kr-master-screen-avatar span.is-online{
  background:#22c55e;
}

.kr-master-screen-avatar span.is-busy{
  background:#ef4444;
}

.kr-master-screen-body{
  min-width:0;
  display:grid;
  gap:4px;
}

.kr-master-screen-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.kr-master-screen-top h3{
  margin:0;
  min-width:0;
  color:#111;
  font-size:13.5px;
  line-height:1.15;
  font-weight:950;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.kr-master-screen-top b{
  flex:0 0 auto;
  color:#111;
  font-size:11.5px;
  line-height:1.2;
  font-weight:950;
  white-space:nowrap;
}

.kr-master-screen-spec{
  margin:0;
  color:#3f3f46;
  font-size:11.5px;
  line-height:1.25;
  font-weight:750;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.kr-master-screen-meta{
  display:flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:#71717a;
  font-size:10.5px;
  line-height:1.15;
  font-weight:800;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.kr-master-screen-meta span:first-child{
  color:#111;
}

.kr-master-screen-chevron{
  color:#a1a1aa;
  font-size:21px;
  line-height:1;
  padding-left:2px;
}

.kr-master-screen-empty{
  display:grid;
  gap:5px;
  padding:18px;
  text-align:center;
  color:#71717a;
  border-radius:18px;
  background:#fafafa;
  box-shadow:none;
}

.kr-master-screen-empty b{
  color:#111;
  font-size:14px;
}

.kr-master-screen-empty span{
  font-size:12px;
  line-height:1.35;
}

/* Guard against older hero/catalog styling leaking into the new #masters screen */
.kr-client-masters-page .spa-page-hero,
.kr-client-masters-page .masters-hero,
.kr-client-masters-page .catalog-tools,
.kr-client-masters-page .masters-grid{
  display:none !important;
}

@media (min-width:768px){
  .kr-client-masters-page{
    padding:18px 0;
  }

  .kr-screen--masters{
    border:1px solid #e8e8eb;
    border-radius:26px;
    min-height:calc(100dvh - 36px);
    box-shadow:0 24px 70px rgba(15,23,42,.09);
  }
}