/* v1.7.95 final visual correction: no blur, clean clipping, correct utility placement */

/* Remove every backdrop blur from the app. */
html *,html *::before,html *::after{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Remove blurred glow/shadow treatment from interactive/surface UI. */
:is(
  .app-header,.bottom-nav,.top-nav-tabs,.segment-row,.builder-tabs,.ref-status-tabs,
  .card,.species-group-card,.taxon-group-card,.individual-card,.list-group,.form-section,
  .control-shell,.control,.searchbox,.chip,.pill-switch,.btn,.fab,.voice-fab,
  .individual-filter-tag,.individual-sort-direction button,.choice-button,.person-choice,
  .mypage-link,.mypage-counts>div,.room-stat,.profile-card,.ref-profile,
  .output-card,.modal,.modal.center,.wheel-sheet,.plain-list-row,.theme-choice,
  .main-tab-bell,.mypage-settings-inline,.main-utility-button
){
  box-shadow:none!important;
  filter:none!important;
}

/* Rounded elements must clip their own fills/children; no square corners behind them. */
:is(
  button,.btn,.fab,.voice-fab,.chip,.pill-switch,.pill-switch button,.searchbox,
  .control-shell,.control,.individual-filter-tag,.individual-sort-direction button,
  .choice-button,.person-choice,.theme-choice,.theme-preview,.mypage-link,
  .mypage-counts>div,.room-stat,.profile-card,.ref-profile,.output-card,
  .card,.individual-card,.species-group-card,.taxon-group-card,.record-swipe-shell,
  .record-swipe-content,.modal,.wheel-sheet,.plain-list-row,.main-tab-bell
){
  overflow:hidden!important;
  background-clip:padding-box!important;
}
:is(button,.btn,.fab,.voice-fab,.chip,.pill-switch,.searchbox,.control-shell,.card,.individual-card,.species-group-card,.taxon-group-card,.mypage-link,.room-stat,.output-card)::before,
:is(button,.btn,.fab,.voice-fab,.chip,.pill-switch,.searchbox,.control-shell,.card,.individual-card,.species-group-card,.taxon-group-card,.mypage-link,.room-stat,.output-card)::after{
  border-radius:inherit!important;
}

/* Search row is search only again; notification no longer occupies its grid. */
.main-search-utility-line{
  display:block!important;
  margin-bottom:12px!important;
}
.main-search-utility-line>.searchbox{width:100%!important;margin:0!important;}
.main-search-utility-line>.main-utility-solo,
.main-search-utility-line>.main-utility-cluster{display:none!important;}
.individual-list-controls,.breeding-filter-controls{margin-top:5px!important;}

/* Notification button: top-right corner of the upper tab, no frame. */
.main-tab-bell-host{position:relative!important;}
.main-tab-bell{
  position:absolute!important;
  z-index:12!important;
  top:5px!important;
  right:6px!important;
  width:30px!important;
  height:30px!important;
  padding:5px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.18)!important;
  color:var(--text)!important;
  display:grid!important;
  place-items:center!important;
}
.main-tab-bell svg{width:18px!important;height:18px!important;}
.main-tab-bell:active{background:rgba(255,255,255,.28)!important;transform:scale(.96);}
.main-tab-bell .main-utility-badge{right:-2px!important;top:-2px!important;}

/* Individual/breeding top tabs reserve a small amount of room at the far-right edge only. */
.individual-list-page .top-nav-tabs>.top-nav-tab:last-of-type,
.breeding-page .breeding-tabs-unified>.segment:last-of-type{padding-right:30px!important;}

/* Tasks: place the bell in the top-right corner of the list/calendar switch area. */
.tasks-page .task-mode-switch.main-tab-bell-host{padding-right:34px!important;}
.tasks-page .task-mode-switch .main-tab-bell{top:2px!important;right:0!important;}

/* Output has no upper tabs, so pin notification to the actual page top-right without a separate row. */
.output-ref.main-tab-bell-host,.output-page.main-tab-bell-host{position:relative!important;}
.output-ref>.main-tab-bell,.output-page>.main-tab-bell{top:2px!important;right:4px!important;}
.output-ref.main-tab-bell-host{padding-top:0!important;}

/* My Page: only settings, inside the profile frame, no border/background. */
.mypage-profile-settings-host{position:relative!important;}
.mypage-profile-settings-host .mypage-settings-inline{
  display:grid!important;
  position:absolute!important;
  z-index:10!important;
  top:10px!important;
  right:10px!important;
  width:30px!important;
  height:30px!important;
  padding:5px!important;
  margin:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--text)!important;
  place-items:center!important;
}
.mypage-profile-settings-host .mypage-settings-inline svg{width:19px!important;height:19px!important;}

/* Keep hidden swipe actions opaque, but without blur or glow. */
.record-swipe-shell{overflow:hidden!important;isolation:isolate!important;}
.record-swipe-shell>.record-swipe-content{border-radius:inherit!important;overflow:hidden!important;box-shadow:none!important;}
.record-swipe-actions{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}

/* Bottom navigation and safe area are one continuous flat surface. */
.bottom-nav,.bottom-nav::before{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}

@media(max-width:390px){
  .main-tab-bell{top:4px!important;right:5px!important;width:29px!important;height:29px!important;}
  .mypage-profile-settings-host .mypage-settings-inline{top:8px!important;right:8px!important;}
}


/* ========================================================================== 
   v1.8.00 individual form geometry repair
   - prevent iOS form controls from overflowing grid columns
   - remove the square .field surface behind rounded controls
   ========================================================================== */
.form-page,
.form-page form,
.form-section,
.form-section > *,
.field-row,
.field-row > *,
.field,
.control-shell,
.control-stack,
.control-input{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
.form-page,
.form-page form{
  width:100%!important;
  overflow-x:hidden!important;
}
.form-section{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
}
/* .field used to inherit the global glass surface, producing a visible square
   behind each rounded control. It is layout-only again. */
.form-page .field,
.ref-form-screen .field,
.form-section .field{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
  background-clip:border-box!important;
}
.form-page .field::before,
.form-page .field::after,
.ref-form-screen .field::before,
.ref-form-screen .field::after{
  content:none!important;
  display:none!important;
}
.field-row{
  width:100%!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
}
.field-row.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
.field-row > .field,
.field-row > label,
.field-row > div{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.control-shell,
.form-page .control-shell,
.ref-form-screen .control-shell{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  isolation:isolate!important;
}
.control-shell::before,.control-shell::after{border-radius:inherit!important;}
.control-stack{flex:1 1 0!important;width:auto!important;overflow:hidden!important;}
.control-input,
.control-shell input,
.control-shell select,
.control-shell textarea{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
/* iOS date controls retain an intrinsic width unless explicitly constrained. */
.control-shell input[type="date"],
.control-shell input[type="time"],
.control-shell input[type="number"]{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
}
.parent-field,.date-field,.smart-suggest-field,.material-with-dict{min-width:0!important;max-width:100%!important;}
.material-with-dict{grid-template-columns:minmax(0,1fr) auto!important;}
.size-confirm-row{grid-template-columns:minmax(0,1fr) minmax(0,75px)!important;max-width:100%!important;}
.size-confirm-row input{min-width:0!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
/* Preserve rounded form cards without rectangular child paint at the corners. */
.form-section,
.ref-form-screen section,
.control-shell,
.toggle-group,
.pill-switch,
.text-import-partial-period,
.larval-history-card,
.larval-history-integrated-wrap{
  background-clip:padding-box!important;
}
@media(max-width:390px){
  .field-row{gap:8px!important;}
  .field-row.three{grid-template-columns:1fr!important;}
  .form-page{padding-left:12px!important;padding-right:12px!important;}
}