/* Pigg Plant Co. Breeding OS — contemporary monochrome visual system */
:root{
  --bg:#f2f2f0;
  --surface:#ffffff;
  --surface-soft:#f7f7f5;
  --surface-strong:#ececea;
  --text:#101112;
  --muted:#74777a;
  --line:#dedfdd;
  --line-strong:#c8c9c7;
  --accent:#111214;
  --accent-dark:#000000;
  --accent-soft:#ececea;
  --hold:#8d8f92;
  --hold-soft:#f3f3f2;
  --select:#55585c;
  --select-soft:#eeeeed;
  --super:#111214;
  --super-soft:#e8e8e7;
  --danger:#6f7174;
  --danger-soft:#f0f0ef;
  --shadow:none;
  --shadow-sm:none;
}

html,body{
  background:var(--bg)!important;
  color:var(--text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",sans-serif!important;
  letter-spacing:-.012em;
}

body{background-image:none!important}

header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:saturate(120%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(120%) blur(22px)!important;
}

.brand{gap:11px!important}
.brand-mark{
  width:38px!important;height:38px!important;
  border-radius:10px!important;
  background:#111214!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:17px!important;
}
.brand-copy b{font-size:14px!important;letter-spacing:-.02em}
.brand-copy small{color:#818386!important;font-weight:650!important;letter-spacing:.01em}

.badge,.pill{
  background:#f7f7f5!important;
  border:1px solid var(--line)!important;
  color:#5f6265!important;
  box-shadow:none!important;
}
.badge.ok{
  background:#111214!important;
  color:#fff!important;
  border-color:#111214!important;
}

main{max-width:920px!important;padding-top:20px!important}

h1,h2,h3,.pid,.v23-plant-id,.family-pair-title{
  color:#111214!important;
}
h1{
  font-weight:800!important;
  letter-spacing:-.055em!important;
  line-height:.98!important;
}
h2{font-weight:760!important;letter-spacing:-.035em!important}
h3{font-weight:720!important;letter-spacing:-.025em!important}
.eyebrow{
  color:#73767a!important;
  font-weight:800!important;
  letter-spacing:.18em!important;
}
.muted,.small{color:#777a7d!important}

.card,.plant,.control-card,
.overview-card,.action-tile,.family-list,.family-row,
.intel-project-card,.intel-fast-launch form,.intel-rank-row,.intel-check,
.v23-command-hero,.v23-plant-hero,.v23-control-card,
.v23-status-metrics>button,.v23-seedling,.v23-photo-card,
.family-browser .family-batch,.family-browser .family-seedling,
.family-browser .priority-panel,.family-browser .priority-plant,
.vision-card,.simple-scan-card,.simple-results-summary,.simple-rank-card.top-rank{
  background:#fff!important;
  border-color:var(--line)!important;
  box-shadow:none!important;
}

.card,.control-card,.overview-card,.action-tile,
.v23-command-hero,.v23-plant-hero,.v23-control-card,
.vision-card,.simple-scan-card,.simple-results-summary{
  border-radius:18px!important;
}

.overview-card,.v23-status-metrics>button{
  min-height:92px;
}
.overview-card span,.metric span,.v23-status-metrics span,
.family-browser .family-summary-grid span{
  color:#85878a!important;
  letter-spacing:.1em!important;
}
.overview-card b,.v23-status-metrics b{font-weight:800!important}

.action-icon,.app-menu-icon,.intel-rank-num{
  background:#efefed!important;
  color:#111214!important;
  border-radius:9px!important;
}
.action-tile{min-height:122px!important}

.btn{
  background:#fff!important;
  color:#171819!important;
  border:1px solid #d3d4d2!important;
  box-shadow:none!important;
  border-radius:12px!important;
  font-weight:750!important;
}
.btn:active{transform:scale(.99)}
.btn.primary{
  background:#111214!important;
  color:#fff!important;
  border-color:#111214!important;
}
.btn.primary:hover{background:#000!important}
.btn.danger{color:#4d4f52!important;border-color:#bfc0be!important}

.text-btn,.back,.vision a{
  color:#303235!important;
  text-decoration:none!important;
}

input,textarea,select{
  background:#fff!important;
  color:#111214!important;
  border:1px solid #d5d6d4!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
input:focus,textarea:focus,select:focus{
  border-color:#818386!important;
  box-shadow:0 0 0 3px rgba(17,18,20,.07)!important;
}
label{color:#66696c!important}

.metric,.ped,.v23-hero-score>div,.v23-traits>div,
.intel-trait-summary>div,.intel-project-meta span{
  background:#f5f5f3!important;
  border-color:#e1e2e0!important;
}

.code,.pid,.family-code,.v23-score,.seedling-score,
.family-browser .priority-score,.intel-rank-row strong,
.intel-weight b,.intel-mini-list strong,.simple-rank-main strong{
  color:#111214!important;
}

.family-code,.current-badge,.v23-current{
  background:#efefed!important;
  color:#171819!important;
  border:1px solid #dedfdd!important;
}

.progress,.intel-bar,.intel-coverage{background:#e5e5e3!important}
.progress span,.intel-bar i,.intel-coverage i{background:#171819!important}

.status button,.scale button,.intel-status-grid button,.intel-score-row button,
.v23-status-buttons button,.v23-filter-chips button,.family-browser .family-filter{
  background:#fff!important;
  color:#66696c!important;
  border-color:#d8d9d7!important;
}
.status button.active,.scale button.active,.intel-status-grid button.active,
.intel-score-row button.active,.v23-status-buttons button.active,
.v23-filter-chips button.active,.family-browser .family-filter.active{
  background:#111214!important;
  color:#fff!important;
  border-color:#111214!important;
  outline:none!important;
}

.plant,.v23-seedling,.family-browser .family-seedling{
  border-left-color:#b7b8b6!important;
  background:#fff!important;
}
.plant.Holdback,.v23-seedling.Holdback,.family-browser .family-seedling[data-status='Holdback']{
  border-left-color:#97999c!important;background:#fff!important;
}
.plant.Select,.v23-seedling.Select,.family-browser .family-seedling[data-status='Select']{
  border-left-color:#5f6265!important;background:#fff!important;
}
.plant.Super-Select,.v23-seedling.Super-Select,.family-browser .family-seedling[data-status='Super Select']{
  border-left-color:#111214!important;background:#fff!important;
}
.plant.Cull,.v23-seedling.Cull,.family-browser .family-seedling[data-status='Cull']{
  border-left-color:#c3c4c2!important;background:#fafafa!important;
}

.v23-status-chip,.family-browser .status-chip{
  background:#f1f1ef!important;
  color:#5b5e61!important;
  border-color:#dddeda!important;
}
.v23-status-chip.Super-Select,.family-browser .status-chip.Elite{
  background:#111214!important;color:#fff!important;border-color:#111214!important;
}

nav{
  background:rgba(255,255,255,.94)!important;
  border-top:1px solid #dedfdd!important;
  box-shadow:none!important;
  backdrop-filter:saturate(120%) blur(22px)!important;
  -webkit-backdrop-filter:saturate(120%) blur(22px)!important;
}
nav>button{
  color:#87898c!important;
  font-size:13px!important;
  font-weight:760!important;
  border-radius:12px!important;
}
nav>button.active{
  background:#111214!important;
  color:#fff!important;
}

.app-menu{
  background:rgba(248,248,247,.98)!important;
  border-color:#d7d8d6!important;
  box-shadow:0 20px 55px rgba(0,0,0,.12)!important;
}
.app-menu button{
  background:#fff!important;
  color:#111214!important;
  border-color:#dedfdd!important;
  box-shadow:none!important;
}
.app-menu button:active{background:#f0f0ee!important}

.family-browser .family-toolbar{
  background:rgba(247,247,245,.95)!important;
  border-color:#d7d8d6!important;
  box-shadow:none!important;
}
.family-browser .priority-panel{
  background:#f7f7f5!important;
}
.family-browser .family-summary-grid>div,
.family-browser .family-summary-grid button{
  background:#fff!important;
  border-color:#dedfdd!important;
}
.family-browser .family-summary-grid .select,
.family-browser .family-summary-grid .elite,
.family-browser .family-summary-grid .hold,
.family-browser .family-summary-grid .cull{background:#f5f5f3!important}

.simple-id-mode .btn.active{
  background:#111214!important;
  border-color:#111214!important;
  color:#fff!important;
  outline:none!important;
}
.simple-results-summary,.simple-scan-card{background:#fff!important}
.simple-rank-card{border-bottom-color:#e2e3e1!important}
.simple-rank-number{color:#777a7d!important}
.simple-rank-card.top-rank{
  border:2px solid #1b1c1e!important;
}
.simple-score-proof{color:#5f6265!important}
.simple-score-proof span,.simple-traits span{
  background:#f0f0ee!important;
  color:#333538!important;
}

.vision{color:#111214!important}
.vision-message{
  background:#efefed!important;
  color:#333538!important;
}
.vision-message.error{
  background:#ededeb!important;
  color:#222325!important;
  border-left:4px solid #222325;
}
.vision fieldset,.vision-detection{
  border-color:#dedfdd!important;
  background:#f8f8f7!important;
}
.vision-image-scroll{background:#e9e9e7!important}
#targetForm>p::after{
  background:#f3f3f1!important;
  border-color:#dedfdd!important;
  color:#55585b!important;
}

dialog{
  background:#fff!important;
  color:#111214!important;
  border-color:#d7d8d6!important;
  box-shadow:0 26px 80px rgba(0,0,0,.18)!important;
}
dialog::backdrop{
  background:rgba(0,0,0,.38)!important;
  backdrop-filter:blur(8px)!important;
}
#toast{
  background:#111214!important;
  color:#fff!important;
  border-color:#111214!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16)!important;
}

.empty{
  background:#f7f7f5!important;
  border-color:#cfd0ce!important;
  color:#777a7d!important;
}

@media(max-width:520px){
  main{padding-left:12px!important;padding-right:12px!important}
  header{padding-left:14px!important;padding-right:14px!important}
  h1{font-size:clamp(31px,9vw,42px)!important}
  .card,.control-card,.v23-command-hero,.v23-plant-hero,.v23-control-card,
  .vision-card,.simple-scan-card,.simple-results-summary{border-radius:16px!important}
}


/* Remove remaining legacy color accents from app chrome. Vision overlay colors stay functional. */
.family-browser .family-pair-title .female{color:#3f4245!important}
.family-browser .family-pair-title .male{color:#74777a!important}
.family-browser .family-batch.current{border-color:#aeb0ad!important;box-shadow:none!important}
.family-browser .family-batch summary:after{color:#85878a!important}
.family-browser .family-latest{border-top-color:#e4e4e2!important}
.intel-tags span{color:#44474a!important;background:#f2f2f0!important;border-color:#d9dad7!important}
.intel-weight,.intel-score-label{border-bottom-color:#e4e4e2!important}
#intelScanner::backdrop{background:rgba(0,0,0,.38)!important}
.vision .active{outline-color:#2f3133!important}
.batch-score-launch{background:#fff!important;border-color:#d9dad7!important}
.batch-analysis-row{border-bottom-color:#e2e3e1!important}
.batch-analysis-rank,.batch-analysis-row small{color:#55585b!important}
.batch-analysis-row.needs-review{background:#f7f7f5!important;border-color:#d5d6d4!important}
.batch-analysis-confirm{box-shadow:0 -12px 30px rgba(0,0,0,.06)!important}
.v23-status-metrics .Holdback,.v23-status-metrics .Select,.v23-status-metrics .Super-Select{border-color:#d8d9d7!important}
.v23-plant-hero.Regular{border-top-color:#c6c7c5!important}
.v23-plant-hero.Holdback{border-top-color:#999b9e!important}
.v23-plant-hero.Select{border-top-color:#5f6265!important}
.v23-plant-hero.Super-Select{border-top-color:#111214!important}
.v23-plant-hero.Cull{border-top-color:#c9cac8!important}
.v23-photo-card img,.v23-photo-missing{background:#eeeeec!important}