/* Breeding OS v2.8 — minimal contemporary interface */
:root{
  --m-bg:#f6f6f4;
  --m-surface:#ffffff;
  --m-ink:#111111;
  --m-muted:#777a7d;
  --m-faint:#a1a3a5;
  --m-line:#dedfdd;
  --m-soft:#ececea;
  --m-black:#111111;
}

*{box-sizing:border-box}
html,body{
  background:var(--m-bg)!important;
  color:var(--m-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif!important;
}
body{background-image:none!important}

body>header{
  min-height:52px!important;
  padding:calc(8px + env(safe-area-inset-top)) 16px 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(0,0,0,.06)!important;
  background:rgba(246,246,244,.92)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.brand{gap:8px!important}
.brand-mark{display:none!important}
.brand-copy{display:block!important}
.brand-copy b{
  display:block;
  font-size:14px!important;
  line-height:16px!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
}
.brand-copy small{
  display:block;
  margin-top:1px;
  color:var(--m-muted)!important;
  font-size:9px!important;
  line-height:11px!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
#syncBadge{
  min-height:28px!important;
  padding:0 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ebebe8!important;
  color:#6d7073!important;
  box-shadow:none!important;
  font-size:9px!important;
  font-weight:700!important;
}
#syncBadge.ok{
  background:#111!important;
  color:#fff!important;
}

main{
  width:100%!important;
  max-width:720px!important;
  margin:0 auto!important;
  padding:20px 18px calc(94px + env(safe-area-inset-bottom))!important;
}

h1,h2,h3{color:var(--m-ink)!important}
h1{
  margin:0!important;
  font-size:34px!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  font-weight:760!important;
}
h2{
  margin:0!important;
  font-size:18px!important;
  line-height:1.15!important;
  letter-spacing:-.025em!important;
  font-weight:700!important;
}
h3{font-size:15px!important;letter-spacing:-.015em!important}
.eyebrow,.minimal-kicker{
  color:#8a8c8f!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.14em!important;
}
.muted,.small,.helper{color:var(--m-muted)!important}

/* Bottom navigation: plain iOS-style tab bar, no floating card */
body>nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:100%!important;
  min-height:62px!important;
  padding:5px 10px calc(5px + env(safe-area-inset-bottom))!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  border:0!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  border-radius:0!important;
  background:rgba(250,250,249,.94)!important;
  box-shadow:none!important;
  backdrop-filter:blur(20px)!important;
  -webkit-backdrop-filter:blur(20px)!important;
  transform:none!important;
}
body>nav>button{
  min-height:50px!important;
  padding:4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#96989b!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:650!important;
}
body>nav>button.active{
  background:transparent!important;
  color:#111!important;
}
body>nav>button.active::after{
  content:"";
  display:block;
  width:4px;
  height:4px;
  margin:4px auto 0;
  border-radius:50%;
  background:#111;
}
.nav-proxy{display:none!important}
.v27-nav-icon{display:none!important}
.v27-nav-label{font-size:inherit!important}

/* Page structure */
.minimal-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin:2px 0 26px;
}
.minimal-page-head .minimal-kicker{
  display:block;
  margin-bottom:6px;
}
.minimal-link{
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  color:#777a7d!important;
  font-size:12px!important;
  font-weight:650!important;
}
.minimal-link.strong{color:#111!important;font-weight:720!important}

.minimal-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  margin:0 0 26px;
  padding:0;
  border-top:1px solid var(--m-line);
  border-bottom:1px solid var(--m-line);
}
.minimal-summary button{
  min-width:0;
  padding:14px 4px 13px!important;
  border:0!important;
  background:transparent!important;
  color:#111!important;
  text-align:left;
}
.minimal-summary button+button{padding-left:10px!important}
.minimal-summary b{
  display:block;
  font-size:20px;
  line-height:1;
  font-weight:740;
}
.minimal-summary span{
  display:block;
  margin-top:5px;
  color:#8a8c8f;
  font-size:9px;
  white-space:nowrap;
}

.minimal-primary-action{
  width:100%;
  min-height:64px;
  margin:0 0 34px;
  padding:13px 16px!important;
  display:grid;
  grid-template-columns:1fr auto;
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
  border:0!important;
  border-radius:12px!important;
  background:#111!important;
  color:#fff!important;
  text-align:left;
  box-shadow:none!important;
}
.minimal-primary-action span{
  font-size:15px;
  font-weight:720;
}
.minimal-primary-action small{
  grid-column:1;
  margin-top:2px;
  color:#b9bbbd;
  font-size:10px;
}
.minimal-primary-action b{
  grid-column:2;
  grid-row:1/3;
  font-size:21px;
  font-weight:500;
}

.minimal-section{margin:0 0 34px}
.minimal-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 8px;
}
.minimal-list{
  border-top:1px solid var(--m-line);
}
.minimal-row{
  width:100%;
  min-height:64px;
  display:grid;
  grid-template-columns:62px 1fr 16px;
  align-items:center;
  gap:12px;
  padding:10px 0!important;
  border:0!important;
  border-bottom:1px solid var(--m-line)!important;
  background:transparent!important;
  color:#111!important;
  text-align:left;
  box-shadow:none!important;
}
.minimal-row-code{
  color:#686b6e;
  font-size:10px;
  font-weight:720;
}
.minimal-row-main{min-width:0}
.minimal-row-main b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#111;
  font-size:12px;
  line-height:1.3;
  font-weight:670;
}
.minimal-row-main small{
  display:block;
  margin-top:4px;
  color:#8a8c8f;
  font-size:9px;
}
.minimal-chevron{
  color:#b0b2b4;
  font-size:19px;
  font-weight:400;
}
.minimal-empty{
  padding:18px 0;
  border-bottom:1px solid var(--m-line);
  color:#888b8d;
  font-size:11px;
}

.minimal-selection{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--m-line);
  border-bottom:1px solid var(--m-line);
}
.minimal-selection button{
  min-height:56px;
  padding:10px 4px!important;
  border:0!important;
  background:transparent!important;
  text-align:left;
}
.minimal-selection span{
  display:block;
  color:#8a8c8f;
  font-size:8px;
}
.minimal-selection b{
  display:block;
  margin-top:4px;
  color:#111;
  font-size:17px;
  font-weight:720;
}

.minimal-tools{
  display:flex;
  gap:18px;
  margin-top:-6px;
}
.minimal-tools button{
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#696c6f!important;
  font-size:11px!important;
  font-weight:650!important;
}

/* Forms / labels */
.minimal-form{
  display:grid;
  gap:16px;
  margin:0 0 34px;
}
.minimal-form label>span,
.minimal-form label{
  color:#777a7d!important;
  font-size:10px!important;
  font-weight:650!important;
}
.minimal-form label>span{display:block;margin:0 0 6px}
.minimal-form input,
.minimal-form select,
.minimal-form textarea{
  width:100%;
  min-height:46px!important;
  margin-top:6px;
  padding:0 12px!important;
  border:1px solid #d8d9d7!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:13px!important;
}
.minimal-form-pair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.minimal-action-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.minimal-count{
  color:#8a8c8f;
  font-size:11px;
}

/* Batch */
.minimal-batch,.minimal-plant{
  display:block;
}
.minimal-back{
  margin:0 0 20px!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:#777a7d!important;
  font-size:11px!important;
}
.minimal-record-head{
  margin:0 0 22px;
}
.minimal-record-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.minimal-record-head h1{
  margin:5px 0 8px!important;
}
.minimal-record-meta{
  color:#7c7f82;
  font-size:11px;
  line-height:1.45;
}
.minimal-record-family{
  margin-top:8px;
  color:#333537;
  font-size:12px;
  line-height:1.4;
}
.minimal-status{
  padding:4px 8px;
  border-radius:999px;
  background:#e9e9e7;
  color:#55585b;
  font-size:8px;
  font-weight:750;
  white-space:nowrap;
}
.minimal-status.elite{background:#111;color:#fff}
.minimal-actions{
  display:flex;
  gap:8px;
  margin:0 0 26px;
  overflow-x:auto;
  scrollbar-width:none;
}
.minimal-actions::-webkit-scrollbar{display:none}
.minimal-actions .btn,
.minimal-actions a{
  flex:0 0 auto;
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid #d7d8d6!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#222!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:680!important;
  text-decoration:none!important;
  display:inline-flex;
  align-items:center;
}
.minimal-actions .primary{
  border-color:#111!important;
  background:#111!important;
  color:#fff!important;
}
.minimal-metrics{
  display:flex;
  align-items:center;
  gap:18px;
  margin:0 0 24px;
  padding:11px 0;
  border-top:1px solid var(--m-line);
  border-bottom:1px solid var(--m-line);
  overflow-x:auto;
}
.minimal-metric{
  flex:0 0 auto;
  border:0!important;
  background:transparent!important;
  color:#777a7d!important;
  font-size:9px!important;
}
.minimal-metric b{
  margin-left:4px;
  color:#111;
  font-size:12px;
}
.minimal-toolbar{
  display:grid;
  grid-template-columns:1fr 132px;
  gap:10px;
  margin-bottom:10px;
}
.minimal-toolbar input,
.minimal-toolbar select{
  width:100%;
  min-height:42px!important;
  padding:0 11px!important;
  border:1px solid #d9dad8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  font-size:12px!important;
}
.minimal-filters{
  display:flex;
  gap:6px;
  margin:0 0 12px;
  overflow-x:auto;
  scrollbar-width:none;
}
.minimal-filters::-webkit-scrollbar{display:none}
.minimal-filters button{
  flex:0 0 auto;
  min-height:30px;
  padding:0 10px!important;
  border:1px solid #dddedc!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#777a7d!important;
  font-size:9px!important;
}
.minimal-filters button.active{
  border-color:#111!important;
  background:#111!important;
  color:#fff!important;
}
.minimal-list-title{
  display:flex;
  justify-content:space-between;
  margin:18px 0 7px;
}
.minimal-list-title span{
  color:#8c8e91;
  font-size:9px;
}
.minimal-seedling-list{
  border-top:1px solid var(--m-line);
}
.minimal-seedling{
  width:100%;
  min-height:58px;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:9px 0!important;
  border:0!important;
  border-bottom:1px solid var(--m-line)!important;
  background:transparent!important;
  color:#111!important;
  text-align:left;
  box-shadow:none!important;
}
.minimal-seedling b{
  display:block;
  font-size:12px;
  font-weight:680;
}
.minimal-seedling small{
  display:block;
  margin-top:4px;
  color:#8a8c8f;
  font-size:9px;
}
.minimal-seedling-side{
  display:flex;
  align-items:center;
  gap:9px;
}
.minimal-score{
  color:#111;
  font-size:12px;
  font-weight:720;
}

/* Plant */
.minimal-plant-title{
  overflow-wrap:anywhere;
  font-size:30px!important;
}
.minimal-statline{
  display:flex;
  gap:22px;
  margin:14px 0 20px;
  padding:10px 0;
  border-top:1px solid var(--m-line);
  border-bottom:1px solid var(--m-line);
}
.minimal-statline div{min-width:0}
.minimal-statline span{
  display:block;
  color:#8a8c8f;
  font-size:8px;
}
.minimal-statline b{
  display:block;
  margin-top:4px;
  color:#111;
  font-size:13px;
}
.minimal-status-picker{
  display:flex;
  gap:6px;
  margin:0 0 18px;
  overflow-x:auto;
  scrollbar-width:none;
}
.minimal-status-picker::-webkit-scrollbar{display:none}
.minimal-status-picker button{
  flex:0 0 auto;
  min-height:32px;
  padding:0 10px!important;
  border:1px solid #d9dad8!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#777a7d!important;
  font-size:9px!important;
}
.minimal-status-picker button.active{
  border-color:#111!important;
  background:#111!important;
  color:#fff!important;
}
.minimal-data-section{
  margin:32px 0 0;
}
.minimal-data-section h2{
  margin-bottom:8px!important;
}
.minimal-traits{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid var(--m-line);
}
.minimal-trait{
  min-height:58px;
  padding:10px 0;
  border-bottom:1px solid var(--m-line);
}
.minimal-trait:nth-child(odd){padding-right:16px}
.minimal-trait:nth-child(even){padding-left:16px;border-left:1px solid var(--m-line)}
.minimal-trait span{
  display:block;
  color:#8a8c8f;
  font-size:8px;
}
.minimal-trait b{
  display:block;
  margin-top:5px;
  color:#111;
  font-size:13px;
  font-weight:680;
}
.minimal-text-facts{
  margin-top:12px;
  color:#616467;
  font-size:11px;
  line-height:1.5;
}
.minimal-photo-form{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px 12px;
  margin-top:12px;
}
.minimal-photo-form label{
  color:#777a7d!important;
  font-size:9px!important;
}
.minimal-photo-form input,
.minimal-photo-form select{
  width:100%;
  min-height:42px!important;
  margin-top:5px;
  padding:0 10px!important;
  border:1px solid #d9dad8!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.minimal-photo-form .wide{grid-column:1/-1}
.minimal-photo-form .btn{grid-column:1/-1}
.minimal-history{
  border-top:1px solid var(--m-line);
}
.minimal-history>div{
  padding:11px 0;
  border-bottom:1px solid var(--m-line);
}
.minimal-history b{
  display:block;
  font-size:11px;
}
.minimal-history small{
  display:block;
  margin-top:4px;
  color:#85888a;
  font-size:9px;
  line-height:1.45;
}

/* Existing complex screens: remove old admin-dashboard chrome */
.card,.control-card,.overview-card,.action-tile,
.v23-command-hero,.v23-plant-hero,.v23-control-card,
.vision-card,.simple-scan-card,.simple-results-summary,
.intel-project-card,.intel-rank-row,
.family-browser .family-batch,.family-browser .priority-panel{
  box-shadow:none!important;
}
.card,.control-card,.vision-card,.simple-scan-card,.simple-results-summary{
  border-color:#dfdfdd!important;
  border-radius:12px!important;
}
.family-browser .family-toolbar{
  position:static!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.family-browser .family-pair-card,
.family-browser .family-batch,
.intel-project-card,
.intel-rank-row{
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.app-menu{
  left:0!important;
  right:0!important;
  bottom:calc(62px + env(safe-area-inset-bottom))!important;
  width:100%!important;
  max-width:none!important;
  padding:8px 16px 14px!important;
  border:0!important;
  border-top:1px solid rgba(0,0,0,.08)!important;
  border-radius:16px 16px 0 0!important;
  background:rgba(250,250,249,.98)!important;
  box-shadow:0 -12px 40px rgba(0,0,0,.08)!important;
  transform:translateY(12px)!important;
}
.app-menu.open{transform:translateY(0)!important}
.app-menu-grid{
  display:block!important;
}
.app-menu button{
  width:100%;
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  padding:8px 0!important;
  border:0!important;
  border-bottom:1px solid var(--m-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:left!important;
}
.app-menu-icon{display:none!important}
.app-menu button b{font-size:12px!important}
.app-menu button small{font-size:9px!important;color:#8a8c8f!important}

.btn{
  border-radius:10px!important;
  box-shadow:none!important;
}
.btn.primary{
  background:#111!important;
  border-color:#111!important;
  color:#fff!important;
}
input,textarea,select{
  box-shadow:none!important;
}

@media(max-width:520px){
  main{padding-left:16px!important;padding-right:16px!important}
  h1{font-size:32px!important}
  .minimal-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
  .minimal-toolbar{grid-template-columns:1fr 112px}
}

@media(max-width:360px){
  .minimal-summary span{font-size:8px}
  .minimal-tools{gap:13px}
}


/* Family detail */
.minimal-family .minimal-record-head h1{
  max-width:620px;
  font-size:30px!important;
  line-height:1.06!important;
}
.family-min-row{grid-template-columns:62px 1fr 16px!important}
.minimal-family .minimal-toolbar{
  grid-template-columns:1fr auto;
  align-items:center;
}
.minimal-family .minimal-toolbar .minimal-count{
  white-space:nowrap;
}
.minimal-batch-group{
  margin:28px 0 0;
}
.minimal-batch-details{
  margin:0!important;
  border:0!important;
  border-top:1px solid var(--m-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.minimal-batch-details:last-child{
  border-bottom:1px solid var(--m-line)!important;
}
.minimal-batch-details summary{
  min-height:58px;
  padding:10px 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  list-style:none;
  cursor:pointer;
}
.minimal-batch-details summary::-webkit-details-marker{display:none}
.minimal-batch-details summary b{
  display:block;
  color:#111;
  font-size:12px;
  font-weight:680;
}
.minimal-batch-details summary small{
  display:block;
  margin-top:4px;
  color:#8a8c8f;
  font-size:9px;
}
.minimal-batch-details .family-seedling-list{
  padding:0!important;
  border-top:1px solid #e7e7e5;
}
.family-hidden{display:none!important}