/* Falcon AI Preview 1.1.2 — compact mobile interface */
:root{
  color-scheme:light;
  --page:#f6f7f4;
  --ink:#13241b;
  --muted-compact:#738078;
  --line-compact:#e1e6e2;
  --green-compact:#15543e;
}

html,body{background:var(--page)!important;color:var(--ink)!important}
body{font-size:15px;line-height:1.45}
.app{padding:0 12px 84px}

/* Header */
.hero{
  margin:0 -12px 10px;
  padding:calc(13px + env(safe-area-inset-top)) 16px 15px;
  border-radius:0 0 21px 21px;
  background:#143f31!important;
  box-shadow:none;
}
.hero h1{color:#fff!important;font-size:23px;line-height:1.15;letter-spacing:0}
.hero .sub{font-size:11px;color:rgba(255,255,255,.72)!important}
.heroTop{align-items:center}
.homeTools{gap:6px}
.heroIconBtn,.avatar{width:39px;height:39px;border-radius:11px}
.heroIconBtn{min-height:39px;padding:0}
.avatar{font-size:14px}
.todaySummary{margin-top:14px}
.todayStat{padding-inline:9px}
.todayStat b{font-size:25px;color:#fff!important}
.todayStat span{font-size:10px;margin-top:4px;color:rgba(255,255,255,.7)!important}

/* Start-of-day table */
.dailyEntry{padding:11px;margin-top:0;border-radius:17px;box-shadow:0 3px 12px rgba(14,48,35,.055)}
.dailyEntryHead{margin-bottom:8px;gap:8px}
.dailyEntryHead h2{font-size:18px!important;line-height:1.25;color:var(--ink)!important}
.dailyEntryHead p,.dailyEntryHead span{font-size:10px!important;line-height:1.45}
.dailyTable{border-radius:12px}
.dailyTableHead,.dailyRow{grid-template-columns:minmax(88px,1.25fr) minmax(72px,1fr) minmax(72px,1fr);gap:6px}
.dailyTableHead{padding:7px 8px;font-size:9px}
.dailyRow{padding:7px 8px;background:#fff}
.dailyBird b{font-size:12px}
.dailyBird span{font-size:9px;line-height:1.35}
.dailyRow input{
  min-height:39px;
  padding:7px 6px;
  border-radius:10px;
  background:#fff!important;
  font-size:14px;
  color:var(--ink)!important;
  box-shadow:none!important;
}
.dailyRow input::placeholder{color:#aab2ad;opacity:1}
.dailyEntryActions{gap:6px;margin-top:8px;grid-template-columns:1.15fr 1fr}
.dailyEntryActions button{min-height:42px;padding:9px 8px;font-size:12px;border-radius:11px}

/* Quick actions and content */
.quickActions{gap:6px;margin-top:8px}
.quickAction{min-height:43px;border-radius:11px;padding:6px 3px;font-size:11px;box-shadow:none}
.quickAction b{font-size:14px;margin-inline-end:3px}
.sectionTitle{margin:14px 2px 7px}
.sectionTitle h2{font-size:16px!important;color:var(--ink)!important}
.linkBtn{font-size:12px;padding:4px;min-height:32px}
.homeBirds{padding:0 11px;border-radius:16px;background:#fff!important}
.homeBird{
  width:100%;
  min-height:0;
  padding:10px 0;
  border:0;
  border-bottom:1px solid var(--line-compact);
  border-radius:0;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--ink)!important;
  text-align:start;
}
.homeBird:hover,.homeBird:active{transform:none!important;background:#fafcfb!important}
.homeBirdMark{width:38px;height:38px;border-radius:11px;font-size:13px}
.homeBirdInfo b{font-size:14px;color:var(--ink)!important}
.homeBirdInfo span{font-size:10px;line-height:1.35}
.homeBirdValue b{font-size:17px;color:var(--green-compact)!important}
.homeBirdValue span{font-size:9px}
.activity{padding:0 11px}
.activityRow{padding:10px 0}

/* Inner pages */
.topbar{padding:calc(9px + env(safe-area-inset-top)) 0 8px;gap:8px}
.topbar h2{font-size:20px!important;color:var(--ink)!important}
.back{width:39px;height:39px;min-height:39px;padding:0;border-radius:11px}
.topbar>.primary,.topbar>.secondary{min-height:39px;padding:8px 11px;font-size:12px}
.panel{padding:12px;margin-top:8px;border-radius:15px}
.profileHead{padding:12px}
.profileHead .birdPhoto{width:58px;height:58px;border-radius:16px}
.tabs{padding-top:4px}
.tab{padding:8px 2px;font-size:10px;min-height:36px}
.metrics{gap:7px}
.metric{padding:9px;border-radius:11px}
.metric .label{font-size:10px}
.metric .value{font-size:16px}
.trainTypes{gap:5px;padding-bottom:5px}
.trainType{padding:8px 11px;border-radius:10px;font-size:12px;min-height:38px}
.todayBox{padding:11px;border-radius:13px}
.todayBox h3{font-size:15px}
.todayBox p{font-size:10px}
.distanceChoices{gap:6px;margin-top:9px}
.distanceBtn{padding:10px 4px;border-radius:10px;font-size:12px}
.statusBar{margin:8px 0;gap:5px}
.pill{padding:5px 8px;font-size:10px}
.deviceWait{padding:10px;margin-top:9px;border-radius:12px}
.form{gap:9px}
label{font-size:11px;margin-bottom:4px}
input,select,textarea{padding:10px 11px;border-radius:11px;font-size:15px;box-shadow:none}
.healthFields{gap:8px;margin-top:9px}
.choiceGrid{gap:6px}
.choiceBtn{padding:8px 10px;border-radius:10px;font-size:12px;min-height:38px}
.treatmentCard,.recordCard{padding:10px;border-radius:13px;margin-top:7px}
.cameraGrid{gap:8px}
.cameraLabel{padding:8px 9px}
.mapMock{height:250px;border-radius:15px}

/* Bottom navigation */
.bottom{padding:4px 6px calc(4px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(18,45,33,.045)}
.bottomInner{gap:2px}
.navBtn{min-height:52px;padding:5px 2px;border-radius:11px;font-size:10px}
.navBtn b{font-size:16px;margin-bottom:2px}
.globalVoice{left:13px;bottom:calc(69px + env(safe-area-inset-bottom));width:46px;height:46px;border-radius:14px}
html[dir="ltr"] .globalVoice{left:auto;right:13px}

/* Keep the app light and readable even when the phone uses dark mode */
@media(prefers-color-scheme:dark){
  html,body{background:var(--page)!important;color:var(--ink)!important}
  h1,h2,h3,h4,h5,h6{color:var(--ink)!important}
  .hero h1{color:#fff!important}
  .card,.panel,input,select,textarea,button.secondary{background:#fff!important;color:var(--ink)!important;border-color:var(--line-compact)!important}
  .primary,.trainType.active,.choiceBtn.active,.distanceBtn.active,.navBtn.active{color:#fff!important}
}

@media(max-width:390px){
  .dailyTableHead,.dailyRow{grid-template-columns:minmax(82px,1.18fr) minmax(67px,1fr) minmax(67px,1fr)}
  .dailyEntry{padding:10px}
  .dailyRow{padding:6px}
  .dailyEntryActions button{font-size:11px}
}