/* Reptilroom Design System 2.0
   Visual-only compatibility layer loaded after every feature module. */
:root{
  color-scheme:light;
  --rr-font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --rr-font-size-xs:11px;
  --rr-font-size-sm:13px;
  --rr-font-size-md:15px;
  --rr-font-size-lg:18px;
  --rr-font-size-xl:24px;
  --rr-font-weight-medium:600;
  --rr-font-weight-bold:750;
  --rr-space-1:4px;
  --rr-space-2:8px;
  --rr-space-3:12px;
  --rr-space-4:16px;
  --rr-space-5:20px;
  --rr-space-6:24px;
  --rr-space-8:32px;
  --rr-bg:#f6f8f5;
  --rr-bg-elevated:#ffffff;
  --rr-surface:#ffffff;
  --rr-surface-2:#f0f4f0;
  --rr-surface-3:#e9f5ee;
  --rr-surface-interactive:#f7faf7;
  --rr-overlay:rgba(8,25,16,.57);
  --rr-border:#e3eae4;
  --rr-border-strong:#ccd9d0;
  --rr-text:#1c2a27;
  --rr-text-soft:#40564d;
  --rr-muted:#788b84;
  --rr-brand:#1e715a;
  --rr-brand-strong:#164c3e;
  --rr-brand-soft:#e9f5ee;
  --rr-accent:#b57522;
  --rr-accent-soft:#fff5e5;
  --rr-success:#287253;
  --rr-warning:#b57522;
  --rr-danger:#ba5148;
  --rr-info:#4b7393;
  --rr-shadow-sm:0 12px 32px rgba(19,42,32,.035);
  --rr-shadow-md:0 14px 40px rgba(19,42,32,.09);
  --rr-radius-sm:12px;
  --rr-radius-md:18px;
  --rr-radius-lg:20px;
  --rr-radius-pill:999px;
  --rr-control-height:44px;
  --rr-icon-sm:18px;
  --rr-icon-md:24px;
  --rr-card-padding:20px;
  --rr-duration-fast:160ms;
  --rr-duration-normal:220ms;
  --rr-ease:cubic-bezier(.2,.8,.2,1);
  --bg:var(--rr-bg);
  --ink:var(--rr-text);
  --green:var(--rr-brand);
  --line:var(--rr-border);
  --app-green:var(--rr-brand);
  --app-accent:var(--rr-accent);
  --app-accent-soft:var(--rr-accent-soft);
  --app-surface:var(--rr-surface-2);
  --app-shadow:var(--rr-shadow-sm);
  --primary:var(--rr-brand);
  --muted:var(--rr-muted);
}


*{box-sizing:border-box}
html{background:var(--rr-bg);scroll-behavior:smooth}
body{
  min-height:100vh;
  margin:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 88% 4%,color-mix(in srgb,var(--rr-brand) 7%,transparent) 0,transparent 32rem),
    var(--rr-bg);
  color:var(--rr-text);
  font-family:var(--rr-font-sans);
  font-size:var(--rr-font-size-md);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

main{max-width:1480px;padding:34px clamp(24px,4vw,58px) 54px}
header{position:relative;align-items:center;margin:0 0 22px}
header h1{max-width:920px;margin:6px 0 3px;font-size:clamp(30px,3vw,42px);line-height:1.07;letter-spacing:-.045em}
h2{font-size:clamp(20px,2vw,25px);line-height:1.2;letter-spacing:-.025em}
h3{font-size:17px;line-height:1.3}
p{color:var(--rr-text-soft)}
small,.muted{color:var(--rr-muted)}
.eyebrow{color:var(--rr-muted);font-size:11px;font-weight:700;letter-spacing:.16em}

aside{
  width:236px;
  padding:28px 18px;
  background:var(--rr-surface);
  border-right:1px solid var(--rr-border);
  box-shadow:var(--rr-shadow-sm);
}
aside .brand{padding:0 7px;color:var(--rr-text)}
aside>small{display:block;padding:0 7px;color:var(--rr-muted)}
aside>.foot{color:var(--rr-muted)!important}
aside nav{gap:5px;margin-top:35px}
aside nav button{
  min-height:44px;
  padding:11px 13px;
  border:1px solid transparent;
  border-radius:13px;
  background:transparent;
  color:var(--rr-muted);
  font-weight:650;
  transition:background .18s var(--rr-ease),color .18s var(--rr-ease),transform .18s var(--rr-ease);
}
aside nav button:hover{background:var(--rr-surface-2);color:var(--rr-text)}
aside nav button.active{background:var(--rr-brand-soft);border-color:var(--rr-brand-soft);color:var(--rr-brand-strong);box-shadow:none}

button{
  min-height:42px;
  padding:10px 15px;
  border:1px solid transparent;
  border-radius:12px;
  background:var(--rr-brand);
  color:#fff;
  font-weight:700;
  line-height:1.2;
  box-shadow:none;
  transition:transform .18s var(--rr-ease),background .18s var(--rr-ease),border-color .18s var(--rr-ease),box-shadow .18s var(--rr-ease),opacity .18s var(--rr-ease);
}
button:hover{filter:none;background:color-mix(in srgb,var(--rr-brand) 88%,#000);transform:translateY(-1px)}
button:active{transform:translateY(0) scale(.985)}
button.secondary{
  background:var(--rr-surface-3);
  border-color:var(--rr-border);
  color:var(--rr-text);
}
button.secondary:hover{background:color-mix(in srgb,var(--rr-surface-3) 82%,var(--rr-brand-soft))}
button:disabled{opacity:.42;transform:none}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid color-mix(in srgb,var(--rr-brand) 34%,transparent);
  outline-offset:2px;
}

input,select,textarea{
  min-height:44px;
  padding:11px 12px;
  border:1px solid var(--rr-border-strong);
  border-radius:12px;
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:0 1px 0 rgba(255,255,255,.04);
  transition:border-color .18s var(--rr-ease),box-shadow .18s var(--rr-ease),background .18s var(--rr-ease);
}
textarea{min-height:100px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--rr-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--rr-brand) 13%,transparent)}
label{color:var(--rr-text-soft);font-size:13px;font-weight:650}
label small{display:block;margin-top:5px;font-weight:450}
fieldset{border:1px solid var(--rr-border);border-radius:var(--rr-radius-md)}
legend{padding:0 8px;color:var(--rr-text);font-weight:750}

.card,.banner,.followup-slide,.offspring-card,.smart-rule-card,.smart-template-card,.smart-care-alert{
  border:1px solid var(--rr-border);
  border-radius:var(--rr-radius-lg);
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:var(--rr-shadow-sm);
}
.card{padding:var(--rr-card-padding);margin-bottom:14px}

/* Shared component vocabulary. Existing modules are progressively decorated
   with these classes by design-system.js so visual changes remain centralized. */
.rr-card{
  position:relative;
  border:1px solid var(--rr-border);
  border-radius:var(--rr-radius-lg);
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:var(--rr-shadow-sm);
}
.rr-card--compact{min-height:0}
.rr-card--stat{background:var(--rr-surface-2)}
.rr-card--task{border-color:var(--rr-border);background:var(--rr-surface)}
.rr-card--alert{border-left:3px solid var(--rr-warning)}
.rr-card--news{background:var(--rr-surface-interactive)}
.rr-card__title{margin:0;color:var(--rr-text);font-size:var(--rr-font-size-lg);line-height:1.25;letter-spacing:-.02em}
.rr-card__subtitle{display:block;margin-top:var(--rr-space-1);color:var(--rr-muted);font-size:var(--rr-font-size-sm)}
.rr-card__meta{display:flex;align-items:center;gap:var(--rr-space-2);flex-wrap:wrap;margin-top:var(--rr-space-3)}
.rr-card__actions{display:flex;gap:var(--rr-space-2);flex-wrap:wrap;margin-top:var(--rr-space-4)}

.rr-status{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:25px;
  padding:4px 9px;
  border:1px solid transparent;
  border-radius:var(--rr-radius-pill);
  font-size:var(--rr-font-size-xs);
  font-weight:800;
  line-height:1.2;
}
.rr-status--success{background:color-mix(in srgb,var(--rr-success) 13%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-success) 25%,transparent);color:var(--rr-success)}
.rr-status--warning{background:color-mix(in srgb,var(--rr-warning) 14%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-warning) 28%,transparent);color:var(--rr-warning)}
.rr-status--danger{background:color-mix(in srgb,var(--rr-danger) 14%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-danger) 28%,transparent);color:var(--rr-danger)}
.rr-status--neutral{background:var(--rr-surface-3);border-color:var(--rr-border);color:var(--rr-muted)}

.rr-button{min-height:var(--rr-control-height);border-radius:var(--rr-radius-sm)}
.rr-button--secondary{background:var(--rr-surface-3);border-color:var(--rr-border);color:var(--rr-text)}
.rr-icon{display:inline-grid;place-items:center;width:var(--rr-icon-md);height:var(--rr-icon-md);flex:0 0 var(--rr-icon-md)}
.rr-form input,.rr-form select,.rr-form textarea{background:var(--rr-surface);border-color:var(--rr-border-strong)}

.rr-card-details{
  display:grid;
  grid-template-rows:0fr;
  opacity:.45;
  transition:grid-template-rows var(--rr-duration-normal) var(--rr-ease),opacity var(--rr-duration-fast) var(--rr-ease),margin var(--rr-duration-normal) var(--rr-ease);
}
.rr-card-details>.rr-card-details-inner{min-height:0;overflow:hidden}
.rr-card--expandable.is-expanded .rr-card-details{grid-template-rows:1fr;opacity:1}
.rr-expand-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--rr-space-3);margin-top:var(--rr-space-3)}
.rr-expand-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--rr-space-2);
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--rr-border);
  border-radius:var(--rr-radius-pill);
  background:var(--rr-surface-2);
  color:var(--rr-text-soft);
  font-size:var(--rr-font-size-xs);
  box-shadow:none;
}
.rr-expand-toggle:hover{background:var(--rr-surface-3);color:var(--rr-text);transform:none}
.rr-chevron{display:inline-grid;place-items:center;width:18px;height:18px;transition:transform var(--rr-duration-normal) var(--rr-ease)}
.is-expanded .rr-chevron{transform:rotate(180deg)}
.rr-card--expandable.is-expanded{border-color:var(--rr-border-strong);box-shadow:var(--rr-shadow-md)}
.banner{padding:20px;margin:18px 0;background:var(--rr-surface-2)}
.card h2,.card h3{color:var(--rr-text)}
.card>h2:first-child,.card>h3:first-child{margin-top:0}
.row{gap:14px;padding:13px 0;border-color:var(--rr-border)}
.row b,.row strong{color:var(--rr-text)}
.row small{line-height:1.45}
.empty{padding:27px;color:var(--rr-muted)}
.grid{gap:16px}
.section-heading{margin:24px 0 12px}
.section-heading h2{margin-top:3px}
.actions{gap:8px}

.tag,.care-badge,.origin-badge,.agenda-record-count,.priority-badge,.temporal-badge,.offspring-stage,.v2-engine-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:auto;
  min-height:25px;
  padding:4px 9px;
  border:1px solid transparent;
  border-radius:999px;
  background:var(--rr-surface-3);
  color:var(--rr-text-soft);
  font-size:11px;
  font-weight:800;
  line-height:1.2;
}
.tag.due,.care-badge.urgent,.temporal-badge.overdue,.priority-badge.high{background:color-mix(in srgb,var(--rr-danger) 14%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-danger) 28%,transparent);color:var(--rr-danger)}
.demo-badge{background:#f5f1ff!important;border-color:#ddd3f2!important;color:#6e5a91!important}
.tag.soon,.temporal-badge.today,.priority-badge.medium{background:color-mix(in srgb,var(--rr-warning) 14%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-warning) 26%,transparent);color:var(--rr-warning)}
.care-badge.upcoming,.temporal-badge.upcoming,.priority-badge.low,.v2-engine-badge{background:color-mix(in srgb,var(--rr-success) 13%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-success) 22%,transparent);color:var(--rr-success)}
.temporal-badge.pending,.temporal-badge.scheduled,.care-badge.neutral{background:var(--rr-surface-3);color:var(--rr-muted)}

.stats{gap:10px;margin:16px 0 20px}
.stats .card,.compact-stats .card{min-height:112px;padding:16px 17px}
.stat small{font-weight:650}
.stat b,.compact-stats .stat b{margin-top:8px;color:var(--rr-text);font-size:29px;letter-spacing:-.04em}
.quick-actions{gap:9px;margin:14px 0 20px}
.quick-action{
  min-height:72px;
  padding:13px;
  border-color:var(--rr-border);
  border-radius:var(--rr-radius-md);
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:var(--rr-shadow-sm);
}
.quick-action:hover{background:var(--rr-surface-2);border-color:var(--rr-border-strong)}
.quick-icon,.smart-rule-icon,.smart-care-icon{
  background:var(--rr-brand-soft);
  color:var(--rr-brand);
}
.welcome-strip,.offspring-hero,.smart-care-hero{
  overflow:hidden;
  background:linear-gradient(135deg,#183f2d 0,#2f6548 100%);
  border-color:rgba(255,255,255,.08);
  color:#fff;
  box-shadow:var(--rr-shadow-md);
}
.welcome-strip p,.welcome-strip small,.offspring-hero p,.smart-care-hero p,.smart-care-hero .eyebrow{color:#d8e7dc}
.welcome-strip .tag{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.1);color:#fff}
.welcome-strip button.secondary,.offspring-hero button.secondary,.smart-care-hero>button{background:#fff;border-color:#fff;color:#173f2d}
.today-hero-kickers{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.home-demo-badge{min-height:25px;padding:4px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#e8f1eb;font-size:10px;font-weight:750;box-shadow:none}.home-demo-badge:hover,.home-demo-badge:focus-visible{background:rgba(255,255,255,.15);color:#fff;transform:none}
.today-hero-copy h2{max-width:720px;margin:12px 0 4px}
.today-brief{margin-top:20px;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(8,30,20,.2);backdrop-filter:blur(8px)}
.today-brief-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.today-brief-metrics>div{display:flex;align-items:baseline;gap:7px;min-width:0;padding:4px 8px}
.today-brief-metrics b{color:#fff;font-size:24px;letter-spacing:-.04em}
.today-brief-metrics span{overflow:hidden;color:#d8e7dc;font-size:12px;font-weight:720;text-overflow:ellipsis;white-space:nowrap}
.today-brief-priority{margin-top:11px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.today-brief-priority>small{display:block;margin:0 8px 4px;color:rgba(255,255,255,.6);font-size:9px;font-weight:850;letter-spacing:.14em}
.today-brief-item{display:grid;width:100%;min-height:45px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;border:0;border-radius:12px;background:transparent;color:#fff;text-align:left;box-shadow:none}
.today-brief-item:hover,.today-brief-item:focus-visible{background:rgba(255,255,255,.08);transform:none}
.today-brief-item>span:nth-child(2){display:flex;min-width:0;flex-direction:column}
.today-brief-item b,.today-brief-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.today-brief-item b{font-size:13px}.today-brief-item small{font-size:11px}
.today-brief-item em{color:#e6efe9;font-size:11px;font-style:normal;font-weight:780;white-space:nowrap}
.today-brief-dot{width:7px;height:7px;border-radius:50%;background:#a9c4b3;box-shadow:0 0 0 4px rgba(169,196,179,.1)}
.today-brief-item.overdue .today-brief-dot{background:#ff9b8c;box-shadow:0 0 0 4px rgba(255,155,140,.12)}
.today-brief-item.today .today-brief-dot{background:#f1c66d;box-shadow:0 0 0 4px rgba(241,198,109,.12)}
.today-brief-clear{display:flex;align-items:center;gap:11px;margin-top:11px;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.12)}
.today-brief-clear>span{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-weight:850}
.today-brief-clear>div{display:flex;flex-direction:column}.today-brief-clear b{font-size:13px}.today-brief-clear small{font-size:11px}

.animal-gallery{gap:12px}
.animal-tile{
  min-height:156px;
  border-color:var(--rr-border);
  border-radius:var(--rr-radius-lg);
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:var(--rr-shadow-sm);
  transition:transform .2s var(--rr-ease),border-color .2s var(--rr-ease),box-shadow .2s var(--rr-ease);
}
.animal-tile:hover{transform:translateY(-2px);border-color:var(--rr-border-strong);box-shadow:var(--rr-shadow-md)}
.animal-tile.no-photo{background:linear-gradient(145deg,var(--rr-surface),var(--rr-surface-2))}
.animal-tile.has-photo:after{background:linear-gradient(transparent,rgba(8,18,13,.9))}
.animal-tile>.animal-tile-content{padding:16px;font-size:18px}
.animal-name-subtitle{display:block;margin-top:2px;color:currentColor;font-size:13px;font-style:normal;font-weight:600;opacity:.74}
.animal-gallery-search{margin-bottom:14px}
.animal-gallery-search{display:grid;min-height:48px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:16px;padding:0 12px;border:1px solid var(--rr-border);border-radius:15px;background:rgba(255,255,255,.62);box-shadow:none}
.animal-gallery-search>i{color:var(--rr-muted);font-size:21px;font-style:normal}
.animal-gallery-search input{min-height:44px;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.animal-gallery-search>small{position:static!important;padding:3px 7px;border-radius:999px;background:var(--rr-surface-3);color:var(--rr-muted);font-size:10px;font-weight:800}
.animal-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px}
.animal-detail-toolbar .animal-detail-back{display:grid;width:42px;height:42px;min-height:42px;place-items:center;padding:0;border-radius:50%;font-size:19px}
.animal-detail-record{display:inline-flex;min-height:42px;align-items:center;gap:7px;padding:9px 15px;border-radius:14px}
.animal-detail-record span{font-size:18px;line-height:1}
.reproduction-fields{display:grid;gap:12px;margin:8px 0;padding:15px;border:1px solid var(--rr-border);border-radius:18px;background:var(--rr-surface-2)}
.reproduction-fields-intro{display:flex;align-items:center;gap:10px}
.reproduction-fields-intro>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:var(--rr-brand-soft);color:var(--rr-brand);font-size:20px}
.reproduction-fields-intro>div{display:flex;flex-direction:column}.reproduction-fields-intro small{color:var(--rr-muted);font-size:11px}
.reproduction-status-card{--repro:#2b7d5e;margin:0 0 18px;padding:19px;border:1px solid color-mix(in srgb,var(--repro) 28%,var(--rr-border));border-radius:24px;background:linear-gradient(145deg,color-mix(in srgb,var(--repro) 8%,white),var(--rr-surface));box-shadow:var(--rr-shadow-md)}
.reproduction-status-card.soon{--repro:#b97b1f}.reproduction-status-card.urgent{--repro:#c25f2e}.reproduction-status-card.overdue{--repro:#b4473b}
.reproduction-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.reproduction-status-head h2{margin:7px 0 0;color:var(--rr-text);font-size:27px;letter-spacing:-.035em}
.reproduction-kicker{display:flex;align-items:center;gap:7px;color:var(--repro);font-size:10px;font-weight:900;letter-spacing:.14em}
.reproduction-kicker i{width:8px;height:8px;border-radius:50%;background:var(--repro);box-shadow:0 0 0 5px color-mix(in srgb,var(--repro) 13%,transparent)}
.reproduction-state{padding:6px 9px;border-radius:999px;background:color-mix(in srgb,var(--repro) 11%,white);color:var(--repro);font-size:10px;font-weight:850;white-space:nowrap}
.reproduction-status-card>p{margin:9px 0 15px;color:var(--rr-muted);font-size:13px}
.reproduction-progress{height:9px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--repro) 12%,white)}
.reproduction-progress>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--repro) 70%,white),var(--repro));transition:width .35s var(--rr-ease)}
.reproduction-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.reproduction-meta span{display:flex;min-width:0;flex-direction:column}.reproduction-meta small{color:var(--rr-muted);font-size:9px;font-weight:720}.reproduction-meta b{overflow:hidden;margin-top:2px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.reproduction-status-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--rr-border)}
.reproduction-status-foot>small{max-width:62%;color:var(--rr-muted);font-size:10px}.reproduction-status-foot button{min-height:36px;padding:7px 11px;border-color:color-mix(in srgb,var(--repro) 28%,var(--rr-border));color:var(--repro)}
.reproduction-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.reproduction-status-actions button:not(.secondary){color:#fff;background:var(--repro)}
.reproduction-outcome-fields{display:grid;gap:13px}
.reproduction-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}

.home-reproduction{padding:18px;border-color:color-mix(in srgb,var(--rr-brand) 28%,var(--rr-border));background:linear-gradient(145deg,var(--rr-surface),color-mix(in srgb,var(--rr-brand) 5%,var(--rr-surface)))}
.home-reproduction-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.home-reproduction-head h2{margin:4px 0 0;font-size:21px}
.home-reproduction-list{display:grid;gap:7px}
.home-reproduction-list>button{display:grid;width:100%;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:11px 12px;border:1px solid var(--rr-border);border-radius:14px;background:var(--rr-surface);color:var(--rr-text);text-align:left;box-shadow:none}
.home-reproduction-list>button:hover{border-color:var(--rr-border-strong);background:var(--rr-surface-2);transform:none}
.home-reproduction-copy{display:flex;min-width:0;flex-direction:column;gap:3px}
.home-reproduction-copy b,.home-reproduction-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-reproduction-copy b{font-size:13px}.home-reproduction-copy small{color:var(--rr-muted);font-size:10px}
.home-reproduction-countdown{font-size:11px;font-weight:850;white-space:nowrap}.home-reproduction-countdown.soon{color:var(--rr-warning)}.home-reproduction-countdown.urgent,.home-reproduction-countdown.overdue{color:var(--rr-danger)}
.home-reproduction-progress{grid-column:1/-1;height:6px;overflow:hidden;border-radius:999px;background:var(--rr-brand-soft)}
.home-reproduction-progress i{display:block;height:100%;border-radius:inherit;background:var(--rr-brand)}

.species-tile,.offspring-card,.habitat-card,.smart-rule-card,.smart-template-card{
  transition:transform .2s var(--rr-ease),border-color .2s var(--rr-ease),box-shadow .2s var(--rr-ease);
}
.species-tile:hover,.offspring-card:hover,.habitat-card:hover,.smart-rule-card:hover,.smart-template-card:hover{transform:translateY(-2px);border-color:var(--rr-border-strong);box-shadow:var(--rr-shadow-md)}
.species-tile:before{width:4px;background:var(--rr-accent)}
.species-tile .species-summary,.offspring-card p,.smart-rule-top p,.smart-template-card p{color:var(--rr-muted)}
.species-tile .rr-card-details{margin:0}
.species-tile.is-expanded .rr-card-details{margin-top:var(--rr-space-3)}
.species-tile .rr-card-details-inner>.actions{padding-top:var(--rr-space-3)}
.species-compact-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--rr-muted);font-size:var(--rr-font-size-xs)}
.species-compact-meta span{padding:4px 8px;border:1px solid var(--rr-border);border-radius:var(--rr-radius-pill);background:var(--rr-surface-2)}
.species-search-hero{background:var(--rr-surface)}
.catalog-prompt{background:var(--rr-surface-2);border-color:var(--rr-border-strong);color:var(--rr-muted)}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.species-search-hero{max-width:760px;margin:22px auto 16px;padding:22px}
.species-search-intro{text-align:center;margin:0 auto 18px;max-width:520px}
.species-search-intro h2{margin:7px 0 5px}
.species-search-intro p{margin:0;color:var(--rr-muted)}
.species-search-line{display:block}
.species-search-line input{margin:0;min-height:52px;border-radius:16px;font-size:16px;background:var(--rr-surface-2)}
.species-search-hero .advanced-filters{margin-top:10px;padding-top:0;border-top:0}
.species-search-hero .advanced-filters>summary{width:max-content;margin:auto;padding:8px 12px;color:var(--rr-muted)}
.species-results{margin-top:12px}
.species-results .librarycard .actions:last-of-type{margin-top:auto!important}
.species-results .librarycard .actions:last-of-type button{width:100%}
.species-search-hero+.species-results+.technical-source{max-width:760px;margin:18px auto 0}
.species-results .librarycard{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.species-results .librarycard-owned{border-color:#94c5ad;background:#f1f8f4;box-shadow:0 7px 22px rgba(29,113,84,.08)}
.owned-species-note{display:inline-flex;align-items:center;width:max-content;margin-top:14px;padding:4px 8px;border-radius:999px;background:#dcefe5;color:#176c52;font-size:11px;font-weight:750;letter-spacing:.01em}
.wizard-steps{gap:7px}
.wizard-step{background:var(--rr-surface-3);color:var(--rr-muted)}
.wizard-step.active{background:var(--rr-brand);color:#fff}
.wizard-step.done{background:var(--rr-brand-soft);color:var(--rr-brand)}
.species-editor-section{border-color:var(--rr-border);background:var(--rr-surface)}
.species-form-footer{background:var(--rr-surface);border-color:var(--rr-border)}
.finder-selected{background:var(--rr-brand-soft);color:var(--rr-brand)}
.photo-preview{background:var(--rr-surface-3);color:var(--rr-muted)}
.editable-missing:before{background:var(--rr-accent-soft);color:var(--rr-warning)}
.origin-badge.database{background:var(--rr-brand-soft);color:var(--rr-success)}
.origin-badge.user,.maintenance-item.user-animal .origin-badge,.maintenance-item.user-species .origin-badge{background:var(--rr-accent-soft);color:var(--rr-warning)}
.origin-badge.missing,.maintenance-item.missing .origin-badge{background:var(--rr-surface-3);color:var(--rr-muted)}

.followup-track{gap:12px;padding-bottom:12px}
.followup-slide{min-height:285px;padding:19px}
.followup-maintenance,.followup-today{background:var(--rr-surface)}
.followup-today{border-color:color-mix(in srgb,var(--rr-success) 25%,var(--rr-border))}
.followup-slide h3{font-size:21px}
.followup-kpis{gap:7px;margin:18px 0}
.followup-kpis div,.floating-field,.maintenance-item,.maintenance-edit-field,.photo-editor,.animal-species-finder,.activity-fields,.dynamic-log-fields{
  border:1px solid var(--rr-border);
  border-radius:var(--rr-radius-sm);
  background:var(--rr-surface-2);
  color:var(--rr-text);
}
.floating-field b,.maintenance-item p{color:var(--rr-text-soft)}
.maintenance-item.database{border-left-color:var(--rr-success)}
.maintenance-item.user-animal,.maintenance-item.user-species,.maintenance-edit-field.user-animal{border-left-color:var(--rr-accent);border-color:color-mix(in srgb,var(--rr-accent) 35%,var(--rr-border));background:color-mix(in srgb,var(--rr-accent) 6%,var(--rr-surface))}
.followup-dots button{background:var(--rr-border-strong)}
.followup-dots button.active{background:var(--rr-brand)}

.animal-detail-species-title{max-width:min(760px,74vw);font-size:clamp(27px,4.1vw,42px);line-height:1.08;letter-spacing:-.045em}
.animal-detail-species-title i{font-style:italic;font-weight:760}
.animal-profile-subtitle{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:8px;color:var(--rr-text-soft)}
.animal-profile-name{font-size:16px;font-weight:820;color:var(--rr-text)}
.animal-profile-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.animal-profile-meta>span{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:4px 9px;border:1px solid var(--rr-border);border-radius:999px;background:var(--rr-surface);color:var(--rr-muted);font-size:10px;font-weight:780;line-height:1.2}
.animal-profile-meta .animal-sex{color:var(--rr-brand-strong);background:var(--rr-brand-soft)}
.animal-profile-meta .animal-sex i{font-size:15px;font-style:normal;line-height:1}
.animal-followup{min-width:0;overflow:hidden}
.followup-track{max-width:100%;scroll-padding-inline:0}
.followup-slide{min-width:0;border-color:var(--rr-border);box-shadow:var(--rr-shadow-sm)}
.followup-maintenance{max-height:none;overflow:visible}
.followup-list>div,.slide-heading{min-width:0}
.followup-list .tag{flex:none}

.agenda-groups{gap:12px}
.agenda-animal-group{overflow:hidden;padding:0}
.agenda-animal-heading,.agenda-history-group .agenda-animal-heading,.agenda-other-group .agenda-animal-heading{
  padding:17px 19px;
  background:var(--rr-surface-2);
  border-color:var(--rr-border);
}
.agenda-task-list{padding:0 18px}
.agenda-animal-group .rr-expand-toggle{flex:none}
.agenda-heading-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}
.agenda-animal-group>.rr-card-details>.rr-card-details-inner>.agenda-task-list{padding:0 18px}
.agenda-animal-group.is-expanded .agenda-animal-heading{border-bottom:1px solid var(--rr-border)}
.agenda-animal-group:not(.is-expanded) .agenda-animal-heading{border-bottom-color:transparent}
.agenda-critical-count{background:color-mix(in srgb,var(--rr-danger) 13%,var(--rr-surface));border-color:color-mix(in srgb,var(--rr-danger) 26%,transparent);color:var(--rr-danger)}
.agenda-task-row{gap:10px;padding:14px 0;border-color:var(--rr-border)}
.agenda-task-copy b{font-size:15px}
.agenda-task-actions button{min-height:38px;padding:8px 11px}
.agenda-task-actions .agenda-complete{background:var(--rr-success)}
.agenda-task-actions .agenda-delay{background:var(--rr-surface-3);border-color:var(--rr-border);color:var(--rr-text)}
.agenda-progress{height:7px;background:var(--rr-surface-3)}
.agenda-progress.green i{background:var(--rr-success)}
.agenda-progress.orange i{background:var(--rr-warning)}
.agenda-progress.red i{background:var(--rr-danger)}
.agenda-bulk-bar{background:color-mix(in srgb,var(--rr-surface) 92%,transparent);border-color:var(--rr-border);box-shadow:var(--rr-shadow-sm)}
.agenda-history-check,.milestone-row>span{background:var(--rr-brand-soft);color:var(--rr-brand)}

.smart-care-hero{border-radius:var(--rr-radius-lg);padding:25px}
.smart-care-hero h2{font-size:clamp(26px,3vw,34px)}
.smart-tabs{gap:6px;margin:14px 0 18px}
.smart-tabs button,.offspring-tabs button{
  background:var(--rr-surface-3);
  border-color:var(--rr-border);
  color:var(--rr-text-soft);
}
.smart-tabs button.active,.offspring-tabs button.active{background:var(--rr-brand);border-color:var(--rr-brand);color:#fff}
.smart-rule-grid,.smart-template-grid{gap:12px}
.smart-rule-card,.smart-template-card,.smart-care-alert{padding:17px}
.smart-rule-card.paused{opacity:.62}
.smart-rule-facts span,.smart-explanation,.smart-preview{background:var(--rr-surface-2);border-color:var(--rr-border);color:var(--rr-text-soft)}
.smart-care-alert{border-left-color:var(--rr-success)}
.smart-care-alert.priority-high{border-left-color:var(--rr-danger)}
.smart-care-alert.priority-medium{border-left-color:var(--rr-warning)}
.smart-alert-main,.smart-history-row,.smart-alert{color:var(--rr-text)}
.smart-alert-main:hover,.smart-history-row:hover,.smart-alert:hover{background:transparent;transform:none}
.smart-alert-main em,.smart-history-row time,.smart-rule-source,.smart-postponed{color:var(--rr-muted)}
.smart-care-dashboard .smart-care-alert,.smart-profile-card .smart-care-alert,.smart-care-dashboard.calm{background:var(--rr-surface-2)}
.smart-stepper button{background:var(--rr-surface-3);color:var(--rr-text-soft)}
.smart-stepper button.active{background:var(--rr-brand);color:#fff}

.offspring-card{min-height:156px;background:var(--rr-surface)}
.offspring-card:hover{background:var(--rr-surface-2)}
.batch-survival,.nursery-occupancy,.habitat-readings span,.check-grid label{background:var(--rr-surface-2);color:var(--rr-text)}
.offspring-stage{background:var(--rr-brand-soft);color:var(--rr-brand)}
.habitat-grid{gap:12px}

.more-menu{gap:9px}
.more-menu button,.complete-choice>button,.global-search-results>button{
  border:1px solid var(--rr-border);
  border-radius:var(--rr-radius-md);
  background:var(--rr-surface-2);
  color:var(--rr-text);
  box-shadow:none;
}
.more-menu button:hover,.complete-choice>button:hover,.global-search-results>button:hover{background:var(--rr-surface-3);border-color:var(--rr-border-strong)}
.complete-choice>button>span{background:var(--rr-brand-soft);color:var(--rr-brand)}

dialog{
  position:fixed;inset:0;margin:auto;
  padding:25px;
  border:1px solid var(--rr-border);
  border-radius:24px;
  background:var(--rr-surface);
  color:var(--rr-text);
  box-shadow:0 28px 90px rgba(0,0,0,.28);
}
dialog>h2{padding-right:42px}
.rr-dialog-close{
  position:absolute;top:13px;right:13px;z-index:3;display:grid;place-items:center;
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--rr-muted)!important;
  box-shadow:none!important;line-height:1!important
}
.rr-dialog-close:hover,.rr-dialog-close:focus-visible{background:var(--rr-surface-2)!important;color:var(--rr-text)!important;transform:none!important}
.rr-action-icon{display:grid;width:22px;height:22px;place-items:center;pointer-events:none}.rr-action-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.rr-icon-action,.rr-standalone-icon{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:var(--rr-muted)!important;box-shadow:none!important;line-height:1!important}.rr-icon-action:hover,.rr-icon-action:focus-visible,.rr-standalone-icon:hover,.rr-standalone-icon:focus-visible{background:var(--rr-surface-2)!important;color:var(--rr-brand-strong)!important;transform:none!important}.rr-icon-delete{color:var(--rr-danger)!important}.rr-icon-delete:hover,.rr-icon-delete:focus-visible{color:var(--rr-danger)!important}.rr-history-row{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important}.rr-history-row>div{min-width:0}.rr-history-row small{display:block;overflow-wrap:anywhere;line-height:1.5}.rr-history-row>.rr-icon-action{grid-column:2;justify-self:end;align-self:center}
.rr-context-source[hidden]{display:none!important}.rr-context-trigger{flex:0 0 44px;margin-left:auto}.agenda-task-actions>.rr-context-trigger,.smart-alert-actions>.rr-context-trigger,.dashboard-alert-actions>.rr-context-trigger{align-self:center}.habitat-equipment-row>.rr-context-trigger{grid-column:-2/-1;justify-self:end}.habitat-equipment-row:has(>.rr-context-trigger){grid-template-columns:8px minmax(0,1fr) 44px}.habitat-card>.actions:has(>.rr-context-trigger){align-items:center}.rr-context-trigger[aria-expanded="true"]{background:var(--rr-brand-soft)!important;color:var(--rr-brand-strong)!important}
.rr-context-popover{position:fixed;z-index:96;display:grid;max-height:calc(100dvh - 112px);overflow:auto;padding:7px;border:1px solid var(--rr-border);border-radius:16px;background:var(--rr-surface);box-shadow:0 18px 48px rgba(18,48,34,.2);animation:rr-context-in .14s var(--rr-ease)}
.rr-context-popover-head{display:grid;gap:2px;padding:8px 10px 9px;border-bottom:1px solid var(--rr-border)}.rr-context-popover-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--rr-text);font-size:14px}.rr-context-popover-head small{color:var(--rr-muted);font-size:11px}
.rr-context-popover>button{display:grid;width:100%;min-height:46px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:11px;padding:9px 10px;border:0;border-radius:10px;background:transparent;color:var(--rr-text);text-align:left;font-size:13px;font-weight:700;box-shadow:none}.rr-context-popover>button:hover,.rr-context-popover>button:focus-visible{background:var(--rr-brand-soft);color:var(--rr-brand-strong);transform:none}.rr-context-popover>button:disabled{opacity:.4}.rr-context-popover>.rr-context-danger{margin-top:5px;padding-top:12px;border-top:1px solid var(--rr-border);border-radius:0 0 10px 10px;color:var(--rr-danger)}.rr-context-popover>.rr-context-danger:hover,.rr-context-popover>.rr-context-danger:focus-visible{background:color-mix(in srgb,var(--rr-danger) 8%,var(--rr-surface));color:var(--rr-danger)}
@keyframes rr-context-in{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}
dialog::backdrop{background:var(--rr-overlay);backdrop-filter:blur(5px)}
dialog[open]{animation:rr-dialog-in .2s var(--rr-ease)}
@keyframes rr-dialog-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.rr-toast{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:var(--rr-brand-strong);box-shadow:var(--rr-shadow-md);animation:rr-toast-in .22s var(--rr-ease)}
@keyframes rr-toast-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}


.demo-data-notice{
  position:fixed;left:50%;bottom:24px;z-index:80;display:grid;grid-template-columns:34px minmax(0,1fr) auto 26px;
  align-items:center;gap:10px;width:min(520px,calc(100vw - 30px));padding:10px 10px 10px 12px;
  border:1px solid color-mix(in srgb,var(--rr-accent) 28%,var(--rr-border));border-radius:16px;
  background:color-mix(in srgb,var(--rr-accent) 7%,var(--rr-surface));color:var(--rr-text);
  box-shadow:var(--rr-shadow-md);transform:translateX(-50%);animation:rr-demo-notice-in .22s var(--rr-ease)
}
@keyframes rr-demo-notice-in{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
.demo-data-notice b,.demo-data-notice small{display:block}.demo-data-notice b{font-size:13px}
.demo-data-notice small{margin-top:1px;color:var(--rr-muted);font-size:11px}
.demo-data-notice>button{min-height:34px;padding:6px 10px;font-size:11px}
.demo-data-notice .demo-data-notice-close{display:grid;place-items:center;width:26px;min-width:26px;height:26px;min-height:26px;padding:0;border:0;background:transparent;color:var(--rr-muted);font-size:20px;box-shadow:none}
.demo-data-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--rr-accent-soft);color:var(--rr-warning);font-size:22px}

.tablewrap{border-color:var(--rr-border)!important;border-radius:var(--rr-radius-sm)!important;background:var(--rr-surface)}
table{color:var(--rr-text)}
td,th{border-color:var(--rr-border)}
th{color:var(--rr-muted);font-size:12px}
summary{color:var(--rr-text)}
details>summary{border-radius:var(--rr-radius-sm);transition:background var(--rr-duration-fast) var(--rr-ease),color var(--rr-duration-fast) var(--rr-ease)}
details>summary:hover{background:var(--rr-surface-2)}
details[open]>:not(summary){animation:rr-details-in var(--rr-duration-normal) var(--rr-ease)}
@keyframes rr-details-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.sciencepanel,.reference-picker,.group-guide,.species-registration-help,.activity-estimate{background:var(--rr-surface-2);border-color:var(--rr-border);color:var(--rr-text-soft)}
.searchresult{border-color:var(--rr-border);border-radius:var(--rr-radius-sm);background:var(--rr-surface);color:var(--rr-text)}
.searchresult:hover{background:var(--rr-surface-2)}
.weightbar div{background:var(--rr-success)}


@media(min-width:901px){
  main{margin-left:236px}
  .owned-species-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .animal-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
  .habitat-grid,.smart-rule-grid,.smart-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  aside{width:auto}
  main{margin-left:0;padding:24px}
}

@media(max-width:600px){
  :root{--rr-card-padding:15px;--rr-radius-lg:19px}
  body{background:var(--rr-bg);font-size:15px}
  main{padding:17px 14px calc(94px + env(safe-area-inset-bottom,0px))}
  header{margin-bottom:14px}
  header h1{font-size:30px}
  h2{font-size:21px}
  aside{
    position:fixed;
    top:auto;
    bottom:0;
    left:0;
    right:0;
    z-index:30;
    width:100%;
    height:calc(70px + env(safe-area-inset-bottom,0px));
    padding:7px 8px env(safe-area-inset-bottom,0px);
    background:color-mix(in srgb,#ffffff 94%,transparent);
    border-top:1px solid var(--rr-border);
    box-shadow:0 -10px 30px rgba(19,42,32,.11);
    backdrop-filter:blur(16px);
    overflow:hidden;
  }
  aside .brand,
  aside>small,
  aside>.foot{display:none!important}
  aside nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    gap:2px;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:visible;
  }
  aside nav button{
    min-width:0;
    min-height:55px;
    margin:0;
    padding:5px 2px;
    border-radius:14px;
    font-size:10px;
    line-height:1.12;
  }
  aside nav button.active{background:var(--rr-brand-soft);color:var(--rr-brand-strong)}
  .card{padding:16px;border-radius:19px;margin-bottom:11px}
  .banner{padding:16px;border-radius:19px;margin:14px 0}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stats .card,.compact-stats .card{min-height:96px;padding:13px}
  .stat b,.compact-stats .stat b{font-size:25px}
  .quick-actions{gap:8px;margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}
  .quick-action{min-width:158px;min-height:74px}
  .welcome-strip,.offspring-hero,.smart-care-hero{padding:18px;border-radius:21px}
  .animal-gallery{gap:9px}
  .animal-tile{min-height:135px;border-radius:19px}
  .animal-tile>.animal-tile-content{padding:13px;font-size:16px}
  .animal-detail-species-title{max-width:calc(100vw - 86px);font-size:clamp(26px,8vw,34px)}
  .animal-profile-subtitle{display:grid;gap:7px;margin-top:7px}
  .animal-profile-name{font-size:15px}
  .animal-profile-meta{gap:5px}
  .animal-profile-meta>span{padding:4px 8px;font-size:9.5px}
  .followup-title{align-items:flex-start;margin-top:10px}
  .followup-track{width:100%;margin:0;padding:4px 0 12px;scroll-padding-inline:0;gap:10px}
  .followup-slide{flex:0 0 100%;width:100%;min-height:270px;padding:16px;border-radius:20px}
  .followup-maintenance{max-height:none;overflow:visible}
  .followup-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .followup-kpis div{min-width:0;padding:10px}
  .followup-kpis small,.followup-kpis b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .slide-heading{position:static;padding:0 0 10px}
  .agenda-animal-heading{padding:15px}
  .agenda-animal-heading{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
  .agenda-heading-actions{align-items:center;justify-content:flex-start;width:100%}
  .agenda-heading-actions .agenda-register-primary,
  .agenda-heading-actions .rr-expand-toggle{flex:1 1 135px}
  .agenda-task-list{padding:0 14px}
  .agenda-animal-group>.rr-card-details>.rr-card-details-inner>.agenda-task-list{padding:0 14px}
  .agenda-task-actions button{min-height:40px}
  .smart-care-hero h2{font-size:27px}
  .smart-rule-card,.smart-template-card,.smart-care-alert{padding:15px;border-radius:19px}
  .smart-stepper{top:-17px;padding:9px 0;background:var(--rr-bg-elevated)}
  .more-menu{grid-template-columns:1fr}
  .more-menu button{min-height:66px}
  dialog{width:calc(100% - 16px);padding:19px 15px;border-radius:22px}
  .demo-data-notice{bottom:calc(82px + env(safe-area-inset-bottom,0px));grid-template-columns:32px minmax(0,1fr) 26px;padding:9px 9px 9px 10px}
  .demo-data-notice>button.secondary{display:none}.demo-data-notice .demo-data-icon{width:32px;height:32px;border-radius:10px;font-size:18px}
  .rr-toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
  .rr-expand-bar{align-items:flex-start;flex-direction:column}
  .rr-expand-toggle{width:100%}
  .agenda-heading-actions .rr-expand-toggle{width:auto}
}

@media(max-width:360px){
  main{padding-left:10px;padding-right:10px}
  header h1{font-size:27px}
  .animal-gallery{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* V43 · mobile harmony: compact actions, clear contrast and stable alignment. */
.welcome-strip h2,.offspring-hero h2,.smart-care-hero h2{color:#fff}
.welcome-strip .row{align-items:center}
.welcome-strip button.secondary{min-height:42px;padding:9px 14px;border-radius:14px}
.agenda-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.agenda-task-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;height:36px;padding:0 12px;border-radius:999px;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:12px;font-weight:780;line-height:1;box-shadow:none}
.agenda-task-actions .agenda-complete{gap:5px;padding-inline:13px}
.rr-task-complete-icon{
  display:grid!important;place-items:center!important;flex:0 0 48px!important;
  width:48px!important;min-width:48px!important;max-width:48px!important;
  height:48px!important;min-height:48px!important;padding:0!important;
  border:1px solid color-mix(in srgb,var(--rr-success) 30%,var(--rr-border))!important;
  border-radius:50%!important;background:color-mix(in srgb,var(--rr-success) 9%,var(--rr-surface))!important;
  color:var(--rr-success)!important;box-shadow:none!important
}
.rr-task-complete-icon .rr-action-icon{width:25px;height:25px}
.rr-task-complete-icon:hover,.rr-task-complete-icon:focus-visible{background:color-mix(in srgb,var(--rr-success) 15%,var(--rr-surface))!important;color:var(--rr-brand-strong)!important;transform:none!important}
.dashboard-task>.rr-task-complete-icon{justify-self:end}
.habitat-task>.rr-task-complete-icon{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important}
.habitat-task>.rr-task-complete-icon .rr-action-icon{width:21px;height:21px}
.agenda-task-actions .agenda-delay{background:transparent;border-color:var(--rr-border-strong);color:var(--rr-text);padding-inline:11px}
.agenda-task-actions .agenda-icon-action{flex:0 0 36px;width:36px;padding:0;border-radius:50%;background:var(--rr-surface-3)}
.agenda-task-actions .agenda-icon-action svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.agenda-task-actions .agenda-remove-action{flex:0 0 30px;width:30px;padding:0;border:0;background:transparent;color:var(--rr-muted);font-size:24px;font-weight:400}
.agenda-task-actions .agenda-remove-action:hover,.agenda-task-actions .agenda-remove-action:focus-visible{background:transparent;color:var(--rr-danger);transform:none}
.agenda-bulk-bar{padding:8px 2px 11px;border-width:0 0 1px;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.agenda-bulk-bar button.secondary{min-height:32px;padding:5px 2px;border:0;background:transparent;color:var(--rr-brand);font-weight:800}
.agenda-bulk-bar button{white-space:nowrap}

@media(max-width:600px){
  .v2-task-row{grid-template-columns:auto 9px minmax(0,1fr)!important;row-gap:10px}
  .v2-task-row .agenda-task-copy{grid-column:3}
  .v2-task-row .agenda-task-actions{grid-column:3!important;width:100%;gap:6px;margin-top:4px}
  .v2-task-row .agenda-task-actions button{min-height:36px;height:36px;font-size:11.5px}
  .v2-task-row .agenda-task-actions .agenda-complete{padding-inline:11px}
  .v2-task-row .agenda-task-actions .rr-task-complete-icon{flex-basis:48px!important;width:48px!important;height:48px!important;min-height:48px!important;padding:0!important}
  .v2-task-row .agenda-task-actions .agenda-delay{padding-inline:10px}
  .v2-task-row .agenda-task-actions .agenda-icon-action{flex-basis:34px;width:34px;padding:0}
  .v2-task-row .agenda-task-actions .agenda-remove-action{flex-basis:28px;width:28px;padding:0;font-size:23px}
  .agenda-bulk-bar{padding:7px 1px 10px}
  .agenda-bulk-bar>span{font-size:13px}
  .agenda-bulk-bar button{min-height:38px;padding:7px 10px;font-size:12px}
  .welcome-strip h2{font-size:25px;line-height:1.16}
  .animal-gallery-search{min-height:44px;border-radius:14px}
  .animal-detail-toolbar{margin-top:8px}
  .reproduction-status-card{padding:16px;border-radius:21px}
  .reproduction-status-head{display:block}.reproduction-state{display:inline-flex;margin-top:9px}
  .reproduction-status-head h2{font-size:24px}
  .reproduction-meta{gap:6px}.reproduction-meta b{font-size:11px}
  .reproduction-status-foot{align-items:flex-start;flex-direction:column}.reproduction-status-foot>small{max-width:100%}.reproduction-status-actions{width:100%}.reproduction-status-actions button{flex:1 1 135px}
  .reproduction-outcome-grid{grid-template-columns:1fr}
  .home-reproduction{padding:14px}.home-reproduction-head h2{font-size:19px}
  .home-reproduction-list>button{grid-template-columns:minmax(0,1fr);gap:6px}.home-reproduction-countdown{justify-self:start}.home-reproduction-progress{grid-column:1}
  .today-brief{margin-top:16px;padding:11px}
  .today-brief-metrics>div{display:grid;gap:0;padding:4px 6px}
  .today-brief-metrics b{font-size:21px}
  .today-brief-metrics span{font-size:10px}
}

@media(max-width:370px){
  .v2-task-row .agenda-task-actions{gap:5px}
  .v2-task-row .agenda-task-actions button{font-size:11px}
  .v2-task-row .agenda-task-actions .agenda-complete{padding-inline:9px}
  .v2-task-row .agenda-task-actions .agenda-delay{padding-inline:8px}
}

/* Reptilroom UI Kit adaptation: Dashboard personalization and controls. */
.rr-dashboard-reorder-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:8px 0 12px;padding:10px 12px;border:1px solid var(--rr-border);
  border-radius:16px;background:var(--rr-surface-2);box-shadow:none
}
.rr-dashboard-reorder-bar>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.rr-dashboard-reorder-bar b{font-size:13px}.rr-dashboard-reorder-bar>div span{color:var(--rr-muted);font-size:11px}
.rr-dashboard-reorder-bar .rr-dashboard-customize{min-height:36px;padding:7px 12px;border-radius:10px;font-size:12px}
.rr-dashboard-panel{position:relative}
.rr-dashboard-fixed{order:-100}.rr-dashboard-fixed>.rr-dashboard-order-tools{display:none}
.rr-dashboard-order-tools{display:flex;align-items:center;justify-content:flex-end;gap:1px;min-height:24px;margin:-3px -3px 5px}
.rr-dashboard-panel>.rr-dashboard-order-tools{position:static;min-height:26px;margin:-8px -6px 4px}
.rr-dashboard-order-tools button{display:inline-grid;place-items:center;width:30px;min-width:30px;height:26px;min-height:26px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--rr-muted);box-shadow:none;line-height:1}
.rr-dashboard-order-tools button:hover{background:var(--rr-surface-2);color:var(--rr-brand-strong);transform:none}
.rr-dashboard-order-tools .rr-dashboard-remove{font-size:20px;font-weight:400}
.rr-dashboard-order-tools .rr-dashboard-remove:hover,.rr-dashboard-order-tools .rr-dashboard-remove:focus-visible{background:transparent;color:var(--rr-danger)}
.rr-dashboard-order-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rr-custom-dashboard-card{padding:20px;background:linear-gradient(145deg,var(--rr-surface),var(--rr-surface-2))}
.rr-custom-dashboard-card h2{margin:5px 0 8px}.rr-custom-dashboard-card p{margin:0;color:var(--rr-text-soft);line-height:1.6}
.rr-dashboard-picker{display:grid;gap:7px;margin:18px 0}
.rr-dashboard-picker-row{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--rr-border);border-radius:13px;background:var(--rr-surface-2)}
.rr-dashboard-picker-row>.rr-dashboard-picker-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.rr-dashboard-picker-row b{font-size:13px}.rr-dashboard-picker-row small{color:var(--rr-muted);font-size:11px}
.rr-dashboard-picker-row>button{min-height:34px;padding:6px 10px;font-size:11px}
.rr-dashboard-picker-order{display:flex;align-items:center;gap:3px}
.rr-dashboard-picker-order button{display:grid;place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:9px;background:var(--rr-surface);color:var(--rr-brand);font-size:15px;box-shadow:none}
.rr-dashboard-picker-order button:hover:not(:disabled){background:var(--rr-brand-soft);transform:none}
.rr-dashboard-picker-order button:disabled{opacity:.3;cursor:default}
.rr-dashboard-picker-row .rr-dashboard-delete{display:grid;place-items:center;width:32px;min-width:32px;padding:0;border:0;background:transparent;color:var(--rr-muted);font-size:21px;box-shadow:none}
.rr-dashboard-picker-row .rr-dashboard-delete:hover{background:transparent;color:var(--rr-danger);transform:none}
.rr-dashboard-personalize-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.rr-dashboard-personalize-actions button{flex:1 1 150px}
dialog:has(.rr-dashboard-personalizer){width:min(720px,calc(100% - 24px));max-height:min(760px,calc(100dvh - 24px));overflow:auto}
.rr-dashboard-personalizer>h2{margin:5px 0 3px;padding-right:42px}
.rr-dashboard-personalizer>.muted{margin:0 0 10px;font-size:12px}
.rr-dashboard-personalizer .rr-dashboard-picker{margin:10px 0 12px}
@media(max-width:600px){
  .rr-dashboard-reorder-bar{align-items:center;margin:6px 0 12px;padding:8px 10px}
  .rr-dashboard-order-tools button{width:34px;min-width:34px;height:30px;min-height:30px}
  .rr-dashboard-reorder-bar>div span{max-width:210px}
  .rr-dashboard-picker-row{padding:9px}.rr-dashboard-picker-row>button{padding-inline:8px}
  dialog:has(.rr-dashboard-personalizer){width:calc(100% - 12px);max-height:calc(100dvh - 12px);padding:17px 12px}
}

/* Compact Agenda controls: one visual language with the rest of the app. */
.agenda-filter{
  margin:4px 0 8px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important
}
.agenda-filter label{display:grid;grid-template-columns:auto minmax(140px,210px);align-items:center;gap:8px;width:max-content;max-width:100%;margin:0;color:var(--rr-muted);font-size:11px;font-weight:750}
.agenda-filter select,.agenda-advanced-toolbar select{
  -webkit-appearance:none;appearance:none;
  min-height:38px!important;padding:7px 34px 7px 11px!important;border:1px solid var(--rr-border)!important;
  border-radius:11px!important;background-color:var(--rr-surface)!important;color:var(--rr-text)!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23566c60' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px!important;
  box-shadow:none!important;font-size:13px!important;font-weight:700!important
}
.agenda-advanced-toolbar{
  display:grid;grid-template-columns:minmax(220px,auto) minmax(130px,170px) minmax(150px,210px);
  align-items:center;gap:8px;margin:0 0 16px;padding:7px;border:1px solid var(--rr-border);
  border-radius:15px;background:var(--rr-surface-2);box-shadow:none
}
.agenda-advanced-toolbar label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;margin:0;color:var(--rr-muted);font-size:10px;font-weight:750}
.agenda-view-switch{display:flex;gap:3px;padding:3px;border:0;border-radius:11px;background:color-mix(in srgb,var(--rr-brand) 6%,var(--rr-surface))}
.agenda-view-switch button{min-height:34px;padding:6px 11px;border:0;border-radius:9px;background:transparent;color:var(--rr-text-soft);box-shadow:none;font-size:12px;font-weight:750}
.agenda-view-switch button:hover{background:var(--rr-surface);transform:none}
.agenda-view-switch button.active{background:var(--rr-brand);color:#fff;box-shadow:0 3px 9px rgba(30,74,51,.16)}
@media(max-width:760px){
  .agenda-advanced-toolbar{grid-template-columns:1fr 1fr}.agenda-view-switch{grid-column:1/-1}
  .agenda-advanced-toolbar label{grid-template-columns:1fr;gap:3px}.agenda-advanced-toolbar select{width:100%}
}
@media(max-width:430px){
  .agenda-filter label{grid-template-columns:auto minmax(0,1fr);width:100%}
  .agenda-advanced-toolbar{gap:6px;padding:6px}.agenda-view-switch button{flex:1;padding-inline:7px}
}

/* Compact Agenda actions so care items stay in the foreground. */
.agenda-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:5px 0 12px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.agenda-toolbar .v2-engine-badge{
  flex:none;
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--rr-muted);
  font-size:11px;
  font-weight:650;
}
.agenda-toolbar .v2-engine-badge span{font-size:8px;color:var(--rr-success)}
.agenda-toolbar-actions{display:flex;align-items:center;gap:7px}
.agenda-toolbar .agenda-new-task,
.agenda-toolbar-menu>summary{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:8px 13px;
  border:1px solid transparent;
  border-radius:12px;
  font-size:13px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
  cursor:pointer;
}
.agenda-toolbar .agenda-new-task{background:var(--rr-brand);color:#fff}
.agenda-toolbar .agenda-new-task:hover{background:var(--rr-brand-strong)}
.agenda-toolbar .agenda-new-task.rr-agenda-add-icon{
  width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;color:var(--rr-brand-strong)!important;box-shadow:none!important
}
.agenda-toolbar .agenda-new-task.rr-agenda-add-icon:hover,.agenda-toolbar .agenda-new-task.rr-agenda-add-icon:focus-visible{background:var(--rr-brand-soft)!important;color:var(--rr-brand-strong)!important}
.agenda-toolbar-menu{position:relative}
.agenda-toolbar-menu>summary{
  list-style:none;
  width:44px;
  min-width:44px;
  height:44px;
  min-height:44px;
  padding:0;
  border-color:transparent;
  background:transparent;
  color:var(--rr-brand-strong);
}
.agenda-toolbar-menu>summary::-webkit-details-marker{display:none}
.agenda-toolbar-menu>summary span:first-child{font-size:19px;line-height:12px;letter-spacing:1px}
.agenda-toolbar-menu>summary span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.agenda-toolbar-menu[open]>summary,.agenda-toolbar-menu>summary:hover{border-color:transparent;background:var(--rr-brand-soft)}
.agenda-toolbar-menu-panel{
  position:absolute;
  z-index:30;
  top:calc(100% + 7px);
  right:0;
  display:grid;
  gap:4px;
  min-width:205px;
  padding:6px;
  border:1px solid var(--rr-border);
  border-radius:14px;
  background:var(--rr-surface);
  box-shadow:var(--rr-shadow-md);
}
.agenda-toolbar-menu-panel button{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--rr-text);
  text-align:left;
  font-size:13px;
}
.agenda-toolbar-menu-panel button:hover{background:var(--rr-surface-2)}
@media(max-width:600px){
  .agenda-toolbar{gap:8px;margin:3px 0 10px}
  .agenda-toolbar .v2-engine-badge{font-size:10px}
  .agenda-toolbar .agenda-new-task,.agenda-toolbar-menu>summary{min-height:42px;padding:8px 11px}
  .agenda-toolbar-menu>summary{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}
}

/* Compact navigation actions: preserve labels without restoring large pills. */
.dashboard-tasks>.row>.rr-navigation-link{
  min-height:44px;padding:7px 2px;border:0;background:transparent;color:var(--rr-brand);box-shadow:none;font-size:12px;font-weight:800
}
.dashboard-tasks>.row>.rr-navigation-link::after{content:'›';margin-left:5px;font-size:18px;font-weight:500;line-height:1}
.dashboard-tasks>.row>.rr-navigation-link:hover,.dashboard-tasks>.row>.rr-navigation-link:focus-visible{background:transparent;color:var(--rr-brand-strong);transform:none}
.agenda-heading-actions .rr-expand-toggle{min-height:44px;padding:7px 2px;border:0;background:transparent;color:var(--rr-brand);box-shadow:none;font-weight:800}
.agenda-heading-actions .rr-expand-toggle:hover,.agenda-heading-actions .rr-expand-toggle:focus-visible{background:transparent;color:var(--rr-brand-strong)}
.agenda-heading-actions .agenda-register-primary{min-height:44px;padding:9px 13px;border-radius:12px;box-shadow:none}

/* Crop the transparent logo canvas so its visible letters align with the title. */
.title-brand-logo-wrap{
  position:relative;
  display:inline-block;
  width:5.2em;
  max-width:40vw;
  height:1.12em;
  overflow:hidden;
  vertical-align:middle;
}
.title-brand-logo-wrap .title-brand-logo{
  position:absolute;
  display:block;
  left:-.27em;
  top:-.38em;
  width:5.7em;
  max-width:none;
  height:auto;
  margin:0;
  object-fit:contain;
}

.animal-hub-nav{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 22px;padding:5px;
  border:1px solid var(--rr-border);border-radius:18px;background:var(--rr-surface-2);box-shadow:var(--rr-shadow-sm)
}
.animal-hub-tab{
  display:flex;align-items:center;gap:10px;min-width:0;min-height:58px;padding:10px 13px;
  border:0;border-radius:14px;background:transparent;color:var(--rr-text);box-shadow:none;text-align:left
}
.animal-hub-tab.active{background:var(--rr-surface);box-shadow:0 4px 14px rgba(30,55,36,.08)}
button.animal-hub-tab:hover{background:var(--rr-surface);transform:none}
.animal-hub-tab>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.animal-hub-tab b{font-size:14px}.animal-hub-tab small{color:var(--rr-muted);font-size:11px}
.animal-hub-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:11px;background:#e4eee0;color:var(--rr-brand-strong);font-size:17px}
.animal-hub-tab.active .animal-hub-icon{background:var(--rr-brand);color:#fff}
.animal-hub-arrow{flex:0 0 auto!important;color:var(--rr-muted);font-size:23px!important;line-height:1}
.offspring-section-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}
.offspring-section-nav .offspring-tabs{margin:0;min-width:0}
.offspring-species-search{flex:0 0 auto;white-space:nowrap}
@media(max-width:600px){
  nav button[data-page="Ejemplares"]{font-size:9px}
  .animal-hub-nav{margin:12px 0 18px}
  .animal-hub-tab{min-height:54px;padding:8px 10px}.animal-hub-icon{width:29px;height:29px;flex-basis:29px}
  .offspring-section-nav{align-items:stretch;flex-direction:column;margin:12px 0 16px}
  .offspring-section-nav .offspring-tabs{margin:0 -12px;padding:0 12px 5px}
  .offspring-species-search{width:100%}
}

/* Compact species lookup for the dashboard. */
.species-quick-search{padding:15px 16px}
.species-quick-search-heading h2{margin:3px 0;font-size:18px}
.species-quick-search-heading p{margin:0;color:var(--rr-muted);font-size:12px}
.species-quick-search-field{display:flex;align-items:center;gap:8px;margin:12px 0 0;padding:0 11px;border:1px solid var(--rr-border-strong);border-radius:12px;background:var(--rr-surface);color:var(--rr-muted)}
.species-quick-search-field>span[aria-hidden=true]{font-size:20px;line-height:1}
.species-quick-search-field input{min-width:0;min-height:42px;padding:7px 0;border:0;background:transparent;box-shadow:none;font-size:16px}
.species-quick-search-field input:focus{outline:0}
.species-quick-search-results{display:grid;min-width:0;max-width:100%;gap:6px;margin-top:8px;color:var(--rr-muted);font-size:12px}
.species-quick-result{display:flex;min-width:0;max-width:100%;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;width:100%;min-height:48px;padding:8px 10px;border:1px solid var(--rr-border);border-radius:11px;background:var(--rr-surface-2);color:var(--rr-text);text-align:left;box-shadow:none}
.species-quick-result:hover,.species-quick-result:focus-visible{border-color:var(--rr-border-strong);background:var(--rr-surface-3);transform:none}
.species-quick-result-copy{display:flex;flex:1 1 0%;width:0;min-width:0;max-width:100%;overflow:hidden;flex-direction:column;gap:2px}
.species-quick-result-copy b,.species-quick-result-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.species-quick-result-copy b{font-size:13px}.species-quick-result-copy small{color:var(--rr-muted);font-size:11px}
.species-quick-result-status{flex:0 1 auto;min-width:0;max-width:42%;padding:4px 7px;border-radius:999px;background:var(--rr-surface);color:var(--rr-muted);font-size:9px;font-weight:750;text-align:center;white-space:normal;line-height:1.25}
.species-quick-search-empty{margin:0;padding:7px 2px}
@media(max-width:600px){.species-quick-search{padding:13px}.species-quick-result{min-height:45px;padding:7px 9px}.species-quick-result-status{font-size:8px}}

/* Overview metrics stay compact and readable. */
.stats.compact-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 16px}
.stats.compact-stats .card{display:flex;min-width:0;min-height:58px;align-items:center;justify-content:center;flex-direction:column;padding:7px 5px;text-align:center}
.stats.compact-stats .stat small{font-size:11px;line-height:1.15;white-space:nowrap}
.stats.compact-stats .stat b{margin:4px 0 0;font-size:20px;line-height:1}
@media(max-width:600px){.stats.compact-stats{gap:5px;margin:10px 0 14px}.stats.compact-stats .card{min-height:52px;padding:6px 3px}.stats.compact-stats .stat small{font-size:9px}.stats.compact-stats .stat b{margin-top:3px;font-size:18px}}

/* Inicio: resumen compacto, continuo y sin desplazamiento. */
.stats.compact-stats.has-terrarium-stat.rr-home-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden;margin:10px 0 16px;padding:0;border:1px solid var(--rr-border);border-radius:16px;background:color-mix(in srgb,var(--rr-surface) 88%,transparent);box-shadow:var(--rr-shadow-sm)}
.stats.compact-stats.has-terrarium-stat.rr-home-metrics>.home-metric-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:7px;min-width:0;min-height:62px;margin:0;padding:9px 10px;border:0;border-right:1px solid var(--rr-border);border-radius:0;background:transparent;box-shadow:none;text-align:left}
.stats.compact-stats.has-terrarium-stat.rr-home-metrics>.home-metric-card:last-child{border-right:0}
.stats.rr-home-metrics .home-metric-card>small{grid-column:1;grid-row:1;margin:0;padding-left:10px;color:var(--rr-muted);font-size:10px;font-weight:650;line-height:1.2;white-space:nowrap}
.stats.rr-home-metrics .home-metric-card>small::before{position:absolute;width:5px;height:5px;margin:4px 0 0 -10px;border-radius:50%;background:var(--metric-accent,var(--rr-brand));content:''}
.stats.rr-home-metrics .home-metric-card>b{grid-column:2;grid-row:1;margin:0;color:var(--rr-text);font-size:21px;font-weight:750;letter-spacing:-.04em;line-height:1}
.home-metric-detail{grid-column:1/-1;grid-row:2;display:block;max-width:100%;margin:5px 0 0;color:var(--rr-muted);font-size:8px;line-height:1.2;white-space:normal}
.home-metric-animals{--metric-accent:#17694b}.home-metric-species{--metric-accent:#65749e}.home-metric-tasks{--metric-accent:#d58a20}.home-metric-alerts{--metric-accent:#d34b4f}.home-metric-terrariums{--metric-accent:#287698}
@media(max-width:760px){.stats.compact-stats.has-terrarium-stat.rr-home-metrics{grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden}.stats.compact-stats.has-terrarium-stat.rr-home-metrics>.home-metric-card{grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;row-gap:2px;min-height:66px;padding:7px 3px;border-top:0;border-right:1px solid var(--rr-border);text-align:center}.stats.compact-stats.has-terrarium-stat.rr-home-metrics>.home-metric-card:last-child{border-right:0}.stats.rr-home-metrics .home-metric-card>small{grid-column:1;grid-row:1;padding-left:7px;font-size:9px}.stats.rr-home-metrics .home-metric-card>small::before{display:block;width:4px;height:4px;margin:3px 0 0 -7px}.stats.rr-home-metrics .home-metric-card>b{grid-column:1;grid-row:2;font-size:19px}.stats.rr-home-metrics .home-metric-card>.home-metric-detail{grid-column:1;grid-row:3;margin:2px 0 0;font-size:7px;line-height:1.15;overflow-wrap:anywhere}}
@media(max-width:430px){.stats.compact-stats.has-terrarium-stat.rr-home-metrics{border-radius:14px}.stats.compact-stats.has-terrarium-stat.rr-home-metrics>.home-metric-card{min-height:66px;padding:7px 2px}.stats.rr-home-metrics .home-metric-card>small{padding-left:6px;font-size:8px}.stats.rr-home-metrics .home-metric-card>small::before{width:3px;height:3px;margin:3px 0 0 -6px}.stats.rr-home-metrics .home-metric-card>b{font-size:17px}.home-metric-detail{font-size:6px}}
.reproduction-status-card>.reproduction-cancel-link{display:block;width:100%;min-height:0;margin:10px auto 0;padding:6px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--rr-muted);font-size:12px;font-weight:550;line-height:1.35;text-align:center;cursor:pointer}
.reproduction-status-card>.reproduction-cancel-link:hover,.reproduction-status-card>.reproduction-cancel-link:active{border:0;background:transparent;box-shadow:none;color:var(--rr-muted);text-decoration:underline}
.reproduction-status-card>.reproduction-cancel-link:focus-visible{outline:2px solid var(--rr-muted);outline-offset:2px}