/* KARETA.KZ — masters directory */
.k-masters-page{gap:18px}
.k-masters-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:clamp(22px,4vw,40px);border:1px solid var(--k-line);border-radius:30px;background:radial-gradient(circle at 88% 8%,rgba(255,107,0,.18),transparent 31%),linear-gradient(145deg,#fff 0%,#fff8f1 100%);box-shadow:var(--k-shadow)}
.k-masters-hero::after{content:"";position:absolute;right:-72px;bottom:-88px;width:220px;height:220px;border-radius:50%;border:34px solid rgba(255,107,0,.08);pointer-events:none}
.k-masters-hero>div{position:relative;z-index:1;max-width:760px}
.k-masters-hero .k-title{margin-top:12px;font-size:clamp(34px,5vw,58px);line-height:.98;letter-spacing:-.055em}
.k-masters-hero p{max-width:680px;margin:14px 0 0;color:var(--k-muted);font-size:15px;line-height:1.55}
.k-masters-hero>.k-btn{position:relative;z-index:1;min-height:52px;padding-inline:22px}

.k-masters-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr) minmax(180px,240px);gap:12px;align-items:center;padding:12px;border:1px solid var(--k-line);border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 12px 34px rgba(15,23,42,.06)}
.k-masters-tabs{display:flex;align-items:center;gap:6px;padding:4px;border-radius:16px;background:#f2f4f7}
.k-masters-tabs button{min-height:40px;padding:0 14px;border:0;border-radius:12px;background:transparent;color:#667085;font-weight:900}
.k-masters-tabs button:hover{color:#111827}
.k-masters-tabs button.is-active{background:#111827;color:#fff;box-shadow:0 8px 20px rgba(17,24,39,.14)}
.k-masters-search{min-height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--k-line);border-radius:15px;background:#fff;color:#98a2b3}
.k-masters-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#111827}
.k-masters-toolbar select{width:100%;min-height:48px;padding:0 40px 0 14px;border:1px solid var(--k-line);border-radius:15px;background:#fff;color:#111827;font-weight:800}

.k-masters-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.k-masters-metrics>div{padding:18px 20px;border:1px solid var(--k-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.k-masters-metrics b,.k-masters-metrics span{display:block}
.k-masters-metrics b{font-size:28px;line-height:1;color:#111827;letter-spacing:-.045em}
.k-masters-metrics span{margin-top:7px;color:#667085;font-size:12px}
.k-masters-status{padding:0 4px;color:#667085;font-size:13px}
.k-masters-status.is-error{color:#b42318}

.k-masters-directory{display:grid;gap:26px}
.k-provider-section{display:grid;gap:14px}
.k-provider-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}
.k-provider-section-head h2{margin:8px 0 0;color:#111827;font-size:clamp(24px,3vw,34px);letter-spacing:-.045em}
.k-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.k-provider-card{position:relative;overflow:hidden;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--k-line);border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.065);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.k-provider-card:hover{transform:translateY(-3px);border-color:rgba(255,107,0,.30);box-shadow:0 20px 46px rgba(15,23,42,.10)}
.k-provider-card--sto{background:linear-gradient(145deg,#fff,#f8fbff)}
.k-provider-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--provider-color,#ff6b00);color:#fff;font-size:20px;font-weight:950;letter-spacing:-.04em;box-shadow:0 12px 26px rgba(15,23,42,.14)}
.k-provider-avatar--sto{background:linear-gradient(145deg,#0b66ff,#1044ad);font-size:16px}
.k-provider-main{min-width:0}
.k-provider-kind{margin-bottom:5px;color:#ff6b00;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.k-provider-main h2{margin:0;color:#111827;font-size:21px;line-height:1.1;letter-spacing:-.035em}
.k-provider-main p{margin:8px 0 0;color:#667085;font-size:13px;line-height:1.45}
.k-provider-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}
.k-provider-tags span{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:11px;font-weight:800}
.k-provider-tags span.is-online{background:#ecfdf3;color:#067647}
.k-provider-tags span.is-online::before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:#12b76a}
.k-provider-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:14px;border-top:1px solid var(--k-line)}
.k-provider-stats>div{min-width:0;padding:11px 12px;border-radius:15px;background:#f8fafc}
.k-provider-stats b,.k-provider-stats span{display:block}
.k-provider-stats b{overflow:hidden;color:#111827;font-size:15px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.k-provider-stats span{margin-top:4px;color:#98a2b3;font-size:10px}
.k-provider-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.k-provider-actions .k-btn{width:100%;min-height:46px}
.k-btn-secondary{background:#fff;color:#111827;border:1px solid var(--k-line)}
.k-btn-secondary:hover{border-color:rgba(255,107,0,.32);background:#fff8f1}

@media(max-width:900px){
  .k-masters-hero{grid-template-columns:1fr;align-items:start}
  .k-masters-hero>.k-btn{width:max-content}
  .k-masters-toolbar{grid-template-columns:1fr 1fr}
  .k-masters-tabs{grid-column:1/-1}
  .k-masters-tabs button{flex:1}
  .k-provider-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .k-masters-page{gap:14px}
  .k-masters-hero{padding:20px 18px;border-radius:23px}
  .k-masters-hero .k-title{font-size:36px}
  .k-masters-hero p{font-size:13px}
  .k-masters-hero>.k-btn{width:100%}
  .k-masters-toolbar{grid-template-columns:1fr;padding:9px;border-radius:18px}
  .k-masters-tabs{grid-column:auto}
  .k-masters-tabs button{padding-inline:8px;font-size:12px}
  .k-masters-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .k-masters-metrics>div{padding:13px 10px;border-radius:16px}
  .k-masters-metrics b{font-size:22px}
  .k-masters-metrics span{font-size:10px}
  .k-provider-section-head{display:block}
  .k-provider-card{grid-template-columns:52px minmax(0,1fr);gap:12px;padding:15px;border-radius:20px}
  .k-provider-avatar{width:52px;height:52px;border-radius:16px;font-size:17px}
  .k-provider-main h2{font-size:18px}
  .k-provider-main p{font-size:12px}
  .k-provider-tags{gap:5px;margin-top:10px}
  .k-provider-tags span{font-size:10px}
  .k-provider-stats{gap:5px;padding-top:11px}
  .k-provider-stats>div{padding:9px 8px}
  .k-provider-stats b{font-size:12px}
  .k-provider-stats span{font-size:9px}
  .k-provider-actions{grid-template-columns:1fr 1fr}
  .k-provider-actions .k-btn{min-height:43px;padding-inline:9px;font-size:12px}
}