/* KWEI CONTROL CENTER R1.0.1 - UI UNIFY
   UI only. No database/tracker/backend changes. */

body[data-kcc-ui="R1.0.1"] .kcc-u101-hide-section-title{
  display:none !important;
}

body[data-kcc-ui="R1.0.1"] .kcc-u101-old-stats{
  display:none !important;
}

/* Main title becomes the only top-level identity */
.kcc-u101-main-title{
  letter-spacing:-.035em !important;
}

.kcc-u101-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:8px;
  padding:3px 7px;
  border:1px solid rgba(255,67,80,.28);
  border-radius:999px;
  background:rgba(255,54,70,.06);
  color:#ff6671;
  font-size:8px;
  font-weight:900;
  line-height:1;
  letter-spacing:.08em;
  vertical-align:middle;
  white-space:nowrap;
}

/* Tighten the old global header block only after JS identifies it */
.kcc-u101-global-header{
  margin-bottom:14px !important;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root{
  margin-top:4px !important;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-hero{
  margin-top:0 !important;
  margin-bottom:10px !important;
  padding-top:15px !important;
  padding-bottom:15px !important;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-metrics{
  margin-bottom:10px !important;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-card{
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-health h3{
  font-size:19px !important;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root #kccHealthNote{
  max-width:600px;
}

body[data-kcc-ui="R1.0.1"] #kccR1Root #kccHealthNote.kcc-u101-health-note-warn{
  color:#ffbd69 !important;
}

/* Cleaner button density */
body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-actions button{
  min-height:34px;
  padding:8px 11px !important;
}

/* Remove excess vertical air around dashboard content without touching other tabs */
body[data-kcc-ui="R1.0.1"] .panel[data-tab="dashboard"]{
  padding-top:0 !important;
}

/* Desktop: slightly denser metrics, more app-like */
@media(min-width:981px){
  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-metric{
    padding-top:11px !important;
    padding-bottom:11px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-project{
    min-height:50px;
  }
}

/* Mobile: one identity + one metric system, compact native-app feel */
@media(max-width:680px){
  .kcc-u101-global-header{
    margin-bottom:9px !important;
  }

  .kcc-u101-chip{
    margin-left:5px;
    padding:3px 6px;
    font-size:7px;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-hero{
    gap:11px !important;
    padding:12px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-health{
    align-items:flex-start !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-ring{
    flex-basis:70px !important;
    width:70px !important;
    height:70px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-health h3{
    margin-top:3px !important;
    font-size:15px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-live-row{
    margin-top:7px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-actions{
    gap:6px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-actions button{
    min-height:32px;
    padding:7px 6px !important;
    font-size:9px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-metrics{
    gap:6px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-metric{
    min-height:70px;
    padding:9px 10px !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-card{
    padding:11px !important;
  }
}

@media(max-width:390px){
  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  body[data-kcc-ui="R1.0.1"] #kccR1Root .kcc-r1-health p{
    font-size:9px !important;
    line-height:1.35;
  }
}