:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#162b3d;background:#eef5fa;font-size:16px;--green:#1769aa;--dark:#0d2940;--gold:#e5b94a;--red:#bd2f35;--line:#d4e0e8;--blue:#1769aa;--blue-dark:#0d4f83;--blue-soft:#e8f3fb}
*{box-sizing:border-box}
body{margin:0;min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
main{max-width:1180px;margin:auto;padding:24px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--dark);color:white;font-weight:800}
.brand h1,.brand p{margin:0}
.brand h1{font-size:1.15rem}
.brand p{font-size:.86rem;color:#647a74}
.auth-shell{min-height:90vh;display:grid;place-content:center;gap:28px}
.auth-shell>.brand{justify-content:center}
.panel{background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 34px rgba(17,47,43,.07)}
.auth-card{width:min(430px,calc(100vw - 36px));padding:32px}
.auth-card h2{margin:0}
.auth-card>p{color:#657a74}
label{display:grid;gap:7px;margin:17px 0;font-weight:650}
input{width:100%;padding:13px 14px;border:1px solid #bacbc5;border-radius:11px;background:#fbfdfc}
select,textarea{width:100%;padding:13px 14px;border:1px solid #bacbc5;border-radius:11px;background:#fbfdfc;color:#17352f}
textarea{resize:vertical;min-height:105px;line-height:1.45}
input:focus,select:focus,textarea:focus{outline:3px solid #b9ddd5;border-color:var(--green)}
button{border:0;border-radius:11px;padding:12px 18px;font-weight:750}
.primary{background:var(--green);color:white}
.secondary{background:white;border:1px solid var(--line);color:var(--dark)}
.text-button{background:transparent;color:var(--green);width:100%}
.feedback-form>p:first-child{margin:4px 0 18px;color:#526a78;line-height:1.5}
.feedback-form .optional{font-weight:400;color:#657a84}
.feedback-note{padding:13px 15px;border-radius:11px;background:#eef7fc;color:#335769;font-size:.88rem;line-height:1.5}
.feedback-note a{color:#0d568e;font-weight:700;overflow-wrap:anywhere}
.feedback-success{padding:20px 0 4px;color:#173b50;line-height:1.5}
.feedback-success strong{display:block;font-size:1.12rem}
.feedback-success p{color:#526a78}
.feedback-inbox{padding:24px;margin-bottom:18px}
.feedback-list{display:grid;gap:12px;margin-top:18px}
.feedback-item{padding:18px;border:1px solid #d6e3eb;border-radius:15px;background:#f9fcfe;min-width:0}
.feedback-item.is-reviewed{background:#f6f8fa}
.feedback-item-head,.feedback-item-head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.feedback-item-head{justify-content:space-between}
.feedback-item-head small{color:#647683}
.feedback-sender{margin-top:12px;color:#435b69;overflow-wrap:anywhere}
.feedback-sender a{color:#0d568e}
.feedback-location{margin:12px 0 0;color:#435b69}
.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;margin:14px 0}
.feedback-actions{display:flex;gap:10px;flex-wrap:wrap}
#adminButton{display:inline-flex;align-items:center;justify-content:center;gap:8px}
#adminButton .admin-alert-badge{display:inline-flex;align-items:center;justify-content:center;min-width:23px;height:23px;padding:0 6px;border-radius:999px;background:#ed6a32;color:#fff;font-size:.78rem;font-weight:900;line-height:1;box-shadow:0 2px 6px rgba(0,0,0,.18)}
.auth-card .primary{width:100%}
header,.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
header{margin-bottom:42px}
.toolbar{margin-bottom:20px}
.toolbar h2,.toolbar p{margin:0}
.toolbar p{color:#647a74;margin-top:4px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.summary-card{background:var(--dark);color:white;border-radius:16px;padding:18px}
.summary-card span{font-size:.84rem;color:#bdd0ca}
.summary-card strong{display:block;font-size:1.8rem;margin-top:4px}
.table-panel{overflow:hidden}
.table-wrap{overflow:auto}
table{border-collapse:collapse;width:100%;min-width:790px}
.daily-readings-table{min-width:1320px}
th,td{text-align:left;padding:16px;border-bottom:1px solid #e5ece9}
th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#6a7d78;background:#f8faf9}
tbody tr{cursor:pointer}
tbody tr:hover{background:#f6faf8}
td small{color:#71827e}
.pill{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800;white-space:nowrap}
.good{background:#d9f3e8;color:#087257}
.low{background:#fff0c8;color:#865a00}
.high{background:#fae0de;color:#96362f}
.neutral{background:#e8eeec;color:#536660}
.empty{text-align:center;padding:58px 20px}
.details{margin-top:18px;padding:24px}
.details-top{display:flex;justify-content:space-between;gap:18px}
.details h2,.details p{margin-top:0}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.metric{background:#f4f8f6;border-radius:14px;padding:15px}
.metric span{font-size:.8rem;color:#647a74}
.metric strong{display:block;font-size:1.15rem;margin-top:5px}
.metric small{display:block;margin-top:5px;font-size:.73rem;line-height:1.35;color:#536674}
.guidance{border-left:4px solid var(--green);background:#eff8f5;padding:14px 16px;border-radius:8px}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.print-preview{position:fixed;inset:0;z-index:1000;overflow:auto;background:#edf4f6;padding:22px}
.print-preview-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1180px;margin:0 auto 18px;padding:13px 15px;background:#fff;border:1px solid #d5e5eb;border-radius:15px;box-shadow:0 8px 25px rgba(20,56,72,.13)}
.print-preview-toolbar>div{display:flex;align-items:center;gap:14px}.print-preview-toolbar span{color:#617d8a;font-size:.88rem}
.print-sheet{display:block;box-sizing:border-box;max-width:1120px;min-height:720px;margin:0 auto;padding:34px;background:#fff;color:#111;box-shadow:0 12px 38px rgba(20,56,72,.14);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.35}
.print-sheet-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #078c91;padding-bottom:20px;margin-bottom:20px}.print-sheet-header h1{margin:0;color:#078c91;font-size:32px}.print-sheet-header p{margin:4px 0 0}.print-sheet-header>div:last-child{text-align:right}.print-sheet-header strong,.print-sheet-header span{display:block}.print-sheet-header strong{font-size:20px}.print-sheet-header span{margin-top:4px;color:#555}
.print-summary-table,.print-data-table{width:100%;border-collapse:collapse;table-layout:fixed}.print-summary-table{margin-bottom:22px}.print-summary-table th,.print-summary-table td,.print-data-table th,.print-data-table td{border:1px solid #aeb9bc;padding:8px;vertical-align:top;text-align:left;overflow-wrap:anywhere}.print-summary-table th,.print-data-table th{background:#eaf7f8}.print-section{margin:0 0 22px}.print-section h2{font-size:17px;margin:0 0 8px;padding-bottom:6px;border-bottom:2px solid #078c91;color:#174a5b}.print-data-table{font-size:11px}.print-two-columns{display:block}.print-machine-list{list-style:none;margin:0;padding:0}.print-machine-list li{padding:8px 10px;border:1px solid #aeb9bc;overflow-wrap:anywhere}.print-machine-list li+li{border-top:0}.print-machine-list strong,.print-machine-list span{display:block}.print-machine-list span{margin-top:3px;color:#45565c}.print-sheet footer{margin-top:18px;padding-top:8px;border-top:1px solid #aaa;color:#555;font-size:11px;text-align:center}
.trend-card{border:1px solid var(--line);background:#fff;border-radius:17px;padding:18px;margin:20px 0;overflow:hidden}
.trend-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.trend-heading h3{margin:3px 0 0}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:#586a65;font-size:.8rem;font-weight:700}
.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend span:before{content:"";width:20px;height:4px;border-radius:99px;background:#176e5b}.chart-legend .legend-target:before{height:0;background:transparent;border-top:2px dashed #78bbaa;border-radius:0}
.chart-scroll{overflow-x:auto}.trend-chart{display:block;width:100%;min-width:620px;height:auto}.chart-grid line{stroke:#e7eeeb;stroke-width:1}.chart-grid text{fill:#71827e;font-size:11px}.target-line{fill:none;stroke:#74b8a7;stroke-width:2;stroke-dasharray:7 5}.actual-line{fill:none;stroke:#176e5b;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.actual-point{fill:#fff;stroke:#176e5b;stroke-width:3}.axis-title{fill:#71827e;font-size:11px}.chart-note{margin:7px 4px 0;color:#6b7b77;font-size:.82rem;line-height:1.45}.empty-chart{text-align:center;background:#f5f8f7;border-radius:13px;padding:25px;color:#6b7b77}.empty-chart span{display:block;color:#176e5b;font-size:1.8rem}.empty-chart p{margin:5px 0 0;font-weight:650}
.candling-log{border:1px solid #ddd5c1;background:#fffcf4;border-radius:17px;padding:18px;margin:20px 0}
.log-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px}
.log-heading h3{margin:3px 0 0}
.record-count{font-size:.8rem;font-weight:750;color:#786b48;background:#f4ecd6;border-radius:999px;padding:6px 10px;white-space:nowrap}
.candling-records{display:grid;gap:9px}
.candling-record{display:grid;grid-template-columns:minmax(210px,.8fr) 1.2fr;gap:16px;align-items:center;background:white;border:1px solid #e9e2cf;border-radius:12px;padding:12px 14px}
.candling-record>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.candling-record strong{font-size:.9rem}.candling-record small{color:#6b7b77}
.candling-record p{margin:0;font-size:.9rem;line-height:1.45}.muted-note{color:#8a9692;font-style:italic}
.candle{background:#f3e8c4;color:#705719}
.empty-log{text-align:center;padding:18px;color:#6b7b77}.empty-log span{display:block;font-size:1.8rem;color:#c29a32}.empty-log p{margin:7px 0 3px;font-weight:750;color:#374641}.empty-log small{display:block}
.optional{font-size:.76rem;font-weight:500;color:#7b8a86;margin-left:5px}
.danger{background:#bd2f35;color:#fff;border:1px solid #9f2027;box-shadow:0 3px 10px rgba(189,47,53,.2)}
.message{min-height:1.3em;color:var(--red)}
dialog{border:0;border-radius:20px;padding:0;width:min(520px,calc(100vw - 28px));box-shadow:0 30px 80px rgba(0,0,0,.25)}
dialog::backdrop{background:rgba(9,28,24,.55)}
.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.dialog-head h2{margin:0}
.dialog-head button{font-size:1.7rem;background:transparent;padding:0 8px}
#dialogBody{padding:8px 24px 24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0 14px}.form-grid>label{align-self:start;align-content:start}.field-heading{display:flex;align-items:center;gap:6px;min-height:24px;line-height:1.3;flex-wrap:wrap}
.egg-form-grid{grid-template-columns:1fr;gap:0}.egg-form-grid>label{margin:14px 0}.egg-form-grid .field-help{display:block;margin-top:1px;color:#5b706b;font-size:.82rem;font-weight:500;line-height:1.4}.egg-form .field-heading{justify-content:space-between}.species-trigger[aria-invalid="true"]{border-color:var(--red);outline:3px solid rgba(189,47,53,.15)}
.form-grid .wide{grid-column:1/-1}
.form-note{font-size:.88rem;color:#647a74}
.hatch-preview{margin:18px 0;padding:17px;border:1px solid #cfe6eb;border-radius:16px;background:linear-gradient(135deg,#f3fbfb,#eef8fc)}
.hatch-preview-heading{margin-bottom:10px}.hatch-preview-heading h3{margin:3px 0 0;color:#173b50}
.hatch-preview-table{min-width:0;table-layout:fixed;background:#fff;border:1px solid #dce9ee;border-radius:12px;overflow:hidden}
.hatch-preview-table th,.hatch-preview-table td{padding:10px 12px;border-bottom:1px solid #e5eef2;text-transform:none;letter-spacing:0;background:#fff;font-size:.86rem}
.hatch-preview-table th{width:43%;color:#617d8a;font-weight:750}
.hatch-preview-table td{color:#183746;font-weight:750}
.hatch-preview-table tr:last-child th,.hatch-preview-table tr:last-child td{border-bottom:0}
.hatch-preview-table .pip-date-row th,.hatch-preview-table .pip-date-row td{background:#fff7e7;color:#8a5c08;font-weight:800}
.hatch-preview-table .hatch-date-row th,.hatch-preview-table .hatch-date-row td{background:#e8f8f7;color:#087b81;font-weight:850}
.form-error{color:var(--red);font-weight:650;min-height:1.3em}
@media(max-width:760px){main{padding:16px}
header{margin-bottom:30px}
.summary{grid-template-columns:1fr 1fr}
.metrics{grid-template-columns:1fr 1fr}
.toolbar{align-items:flex-end}
.details-top{display:block}
.form-grid{display:block}
}
@media(max-width:430px){.summary{grid-template-columns:1fr 1fr}
.summary-card{padding:14px}
.toolbar{display:block}
.toolbar button{margin-top:14px;width:100%}
header .secondary{padding:9px 12px}
.auth-card{padding:24px}
}

/* Egg Mate visual experience */
body{background:linear-gradient(180deg,#fff 0,#f1f4f2 360px);color:#17201e}
.brand-mark{background:#101615;border-radius:50%;box-shadow:inset 0 0 0 2px #ddb23e}
.welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#101615;color:#fff;border-radius:24px;padding:28px 30px;margin-bottom:18px;box-shadow:0 18px 44px rgba(16,22,21,.15)}
.welcome h2,.welcome p{margin:0}
.welcome h2{font-size:clamp(1.55rem,4vw,2.35rem);margin:.3rem 0}
.welcome p{color:#c6d0cd}
.eyebrow{font-size:.72rem;font-weight:850;letter-spacing:.15em;color:#ddb23e}
.welcome .primary{background:#ddb23e;color:#101615;white-space:nowrap}
.section-title h2,.section-title p{margin:0}
.section-title p{margin-top:4px;color:#647a74}
.egg-section{margin-top:0}
.today-section{margin-top:18px;padding:22px 24px;background:#fff}
.today-section .section-title h2{margin-top:3px}.today-actions{display:grid;gap:10px;margin-top:16px}
.today-action{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:14px 16px;text-align:left;background:#f6fbfc;border:1px solid #dce9ee;color:#183746}
.today-action span,.today-action strong,.today-action small{display:block}.today-action small{margin-top:4px;color:#667f8b;font-weight:550}.today-action b{color:#078c91}.today-action.transfer{border-left:5px solid #e94f55}.today-action.pip{border-left:5px solid #e3a12e}.today-action.hatch{border-left:5px solid #168ac0}.today-action.reading{border-left:5px solid #078c91}
.all-clear{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:12px;background:#eaf9f7;color:#087b81}.all-clear strong,.all-clear span{display:block}.all-clear span{font-size:.88rem}
.archive-section{margin-top:0;padding-top:0;border-top:0}
.archive-warning,.archive-policy,.archive-retention{display:flex;flex-direction:column;gap:5px;margin:0 0 18px;padding:15px 17px;border:1px solid #f0cf86;border-radius:14px;background:#fff8e7;color:#624a18}.archive-warning span,.archive-policy p,.archive-retention p{margin:0;line-height:1.45}.archive-policy{margin-top:14px}.archive-retention{margin:16px 0;background:#f4fbfb;border-color:#b8dddd;color:#174a5b}.archive-retention.urgent,.archive-countdown.urgent{background:#fff0ed;border-color:#efaa9c;color:#842f22}.archive-countdown{display:flex;flex-direction:column;gap:2px;margin:10px 0;padding:9px 11px;border:1px solid #d3e6e8;border-radius:10px;background:#f4fbfb;color:#174a5b}.archive-countdown span{font-size:.78rem;line-height:1.3}.archive-countdown b{font-size:.9rem}
.egg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:15px}
.egg-lists-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:26px}.egg-lists-layout.archive-empty{grid-template-columns:1fr}.egg-list-panel{position:relative;overflow:hidden;padding:22px;border:1px solid #d9e8ed;border-radius:24px;background:linear-gradient(180deg,#fff 0,#f8fcfd 100%);box-shadow:0 12px 30px rgba(23,82,104,.07)}.egg-list-panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#078c91,#168ac0)}.archive-list-panel:before{background:linear-gradient(90deg,#df9b24,#e75d57)}.list-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.list-panel-heading .section-title{min-width:0}.list-panel-heading .section-title h2{margin-top:3px;font-size:1.45rem;color:#173b50}.list-panel-heading .section-title p{max-width:430px;line-height:1.45;color:#68808b}.list-count{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#e7f7f7;color:#087a80;font-size:1.15rem;font-weight:900}.list-count.archive-count{background:#fff1d7;color:#9a6310}.egg-lists-layout .egg-grid{grid-template-columns:1fr;gap:14px}.egg-lists-layout .egg-card{width:100%}.egg-list-panel .archive-warning{margin:16px 0 4px;padding:12px 14px}.egg-list-panel .empty{margin-top:16px}
.egg-card{display:grid;grid-template-columns:118px 1fr;padding:0;overflow:hidden;text-align:left;background:#fff;border:1px solid var(--line);border-radius:20px;color:inherit;box-shadow:0 8px 28px rgba(17,47,43,.06);transition:.2s transform,.2s box-shadow}
.egg-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(17,47,43,.12)}
.egg-card>img{width:118px;height:100%;min-height:190px;object-fit:cover}
.egg-card-body{padding:17px}
.egg-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
.egg-card-head strong{font-size:1.12rem}
.egg-card-head small{display:block;color:#6b7b77;margin-top:3px}
.machine-chip{display:inline-flex;margin-top:10px;padding:5px 8px;border-radius:8px;background:#edf8fa;color:#19758d;font-size:.7rem;font-weight:800}
.day-progress{height:6px;background:#e8edeb;border-radius:99px;margin:18px 0;overflow:hidden}
.day-progress span{display:block;height:100%;background:linear-gradient(90deg,#176e5b,#ddb23e);border-radius:99px}
.egg-card-data{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.egg-card-data small,.egg-card-data b{display:block}
.egg-card-data small{color:#74827e;font-size:.72rem}
.egg-card-data b{font-size:.88rem;margin-top:2px}
.pip{background:#e7e0fa;color:#6844a4}
.overdue{background:#fff0c8;color:#865a00}
.detail-bird{display:flex;align-items:center;gap:15px}
.detail-bird>img{width:72px;height:72px;border-radius:18px;object-fit:cover}
.machine-panel{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:15px 17px;border:1px solid #d8e9ed;border-radius:14px;background:#f3fbfb}.machine-panel h3{margin:4px 0 0;color:#173b50}.outcome-panel{margin-top:14px;padding:16px 18px;border:1px solid #cfe5db;border-radius:14px;background:#eff9f4}.outcome-panel h3{margin:4px 0}.outcome-panel p{margin:5px 0 0;color:#557468}
.machine-history{margin:18px 0;padding:18px;border:1px solid #dbe8ee;border-radius:15px;background:#f9fcfd}.machine-history .section-title{margin-bottom:10px}.machine-history>div:not(.section-title){display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e4edf0}.machine-history span{color:#687f8a;font-size:.85rem;text-align:right}
.hatch-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#101615;color:white;border-radius:16px;padding:16px 18px;margin-top:18px}
.hatch-timeline small,.hatch-timeline strong,.hatch-timeline span{display:block}
.hatch-timeline small{color:#bac8c4}
.hatch-timeline strong{margin-top:4px}
.hatch-timeline span{margin-top:4px;color:#6c8490;font-size:.78rem}
.pip-reminder{margin:14px 0;padding:16px 18px;border:1px solid #f0cf8e;border-left:5px solid #e3a12e;border-radius:13px;background:#fff8e8;color:#604715}
.pip-reminder strong{display:block;font-size:1rem}.pip-reminder p{margin:6px 0 0;line-height:1.5;color:#6d5523}
.pip-reminder.confirmed{border-color:#a9ddd6;border-left-color:#078c91;background:#edfafa;color:#086a6e}
.pip-reminder.confirmed p{color:#356d70}
.timeline-title{margin:24px 0 11px}
.incubation-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.timeline-step{position:relative;background:#f3f6f5;border:1px solid #e0e7e4;border-radius:14px;padding:13px;min-height:96px}
.timeline-step>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#dfe6e3;color:#61706c;font-size:.75rem;font-weight:850;margin-bottom:9px}
.timeline-step small,.timeline-step strong{display:block}
.timeline-step small{color:#73827e;font-size:.68rem}
.timeline-step strong{font-size:.82rem;margin-top:4px}
.timeline-step.complete{background:#eff8f5;border-color:#c8e6dc}
.timeline-step.complete>span{background:#176e5b;color:white}
.species-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.species-tile{padding:0;overflow:hidden;background:white;border:2px solid #e2e8e5;border-radius:13px;color:#25332f}
.species-tile img{width:100%;height:76px;object-fit:cover;display:block}
.species-tile span{display:block;font-size:.72rem;padding:7px 4px;line-height:1.15}
.species-tile.selected{border-color:#176e5b;box-shadow:0 0 0 2px #b9ddd5}
.species-field{margin:17px 0}
.field-label{display:block;font-weight:650;margin-bottom:7px}
.species-combobox{position:relative}
.species-trigger{display:flex;align-items:center;width:100%;min-height:54px;padding:6px 12px;background:#fbfdfc;border:1px solid #bacbc5;color:#17352f;text-align:left}
.species-trigger:focus{outline:3px solid #b9ddd5;border-color:var(--green)}
.species-placeholder{color:#6e7d79;font-weight:500}
.species-choice{display:flex;align-items:center;gap:10px;min-width:0}
.species-choice img,.species-option img{width:38px;height:38px;flex:0 0 38px;border-radius:9px;object-fit:cover;background:#e8eeec}
.species-choice span,.species-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.species-chevron{margin-left:auto;padding:0 4px;color:#61716c;font-size:1.25rem}
.species-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #cbd8d3;border-radius:14px;box-shadow:0 16px 40px rgba(17,47,43,.18);overflow:hidden}
.species-search{padding:10px;border-bottom:1px solid #e5ece9}
.species-search input{padding:10px 12px}
.species-options{max-height:264px;overflow-y:auto;padding:5px}
.species-option{display:flex;align-items:center;gap:11px;width:100%;padding:7px 9px;background:#fff;color:#25332f;text-align:left;border-radius:9px}
.species-option:hover,.species-option:focus{background:#eff8f5;outline:0}
.species-empty{margin:0;padding:18px;text-align:center;color:#6e7d79;font-size:.9rem}
.incubation-hint{background:#eff8f5;border-left:4px solid #176e5b;border-radius:8px;padding:12px 14px;font-size:.88rem}
fieldset{border:0;padding:0;margin:18px 0}
legend{font-weight:700;margin-bottom:9px}
.wide-button{width:100%}
.pip-check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;background:#f4f0fc;border:1px solid #ddd2f2;border-radius:13px;padding:13px}
.pip-check input{width:auto;margin:4px 11px 0 0}
.pip-check b,.pip-check small{display:block}
.pip-check small{font-weight:400;color:#6e657a;margin-top:3px}
.internal-pip-check{background:#eaf9f7;border-color:#bfe6e1}
.internal-pip-check small{color:#477779}
dialog{width:min(720px,calc(100vw - 28px))}
@media(max-width:820px){.egg-grid{grid-template-columns:1fr}.welcome{align-items:flex-end}.incubation-timeline{grid-template-columns:1fr 1fr}}
@media(max-width:980px){.egg-lists-layout{grid-template-columns:1fr}.egg-lists-layout.archive-empty{grid-template-columns:1fr}}
@media(max-width:560px){main{padding:12px}.welcome{display:block;padding:23px}.welcome .primary{width:100%;margin-top:18px}.egg-card{grid-template-columns:92px 1fr}.egg-card>img{width:92px}.egg-card-head{display:block}.egg-card-head .pill{margin-top:8px}.species-grid{grid-template-columns:repeat(2,1fr)}.hatch-timeline{grid-template-columns:1fr}.detail-bird>img{width:60px;height:60px}.summary{gap:8px}}
@media(max-width:560px){.egg-list-panel{padding:16px;border-radius:19px}.list-panel-heading .section-title h2{font-size:1.25rem}.list-count{flex-basis:38px;width:38px;height:38px;border-radius:12px}.egg-lists-layout{gap:15px;margin-top:20px}}
@media(max-width:560px){.trend-heading{display:block}.chart-legend{margin-top:10px}.trend-card{padding:14px}}

/* Egg Mate blue brand refresh and administration */
body{background:linear-gradient(180deg,#fff 0,#edf5fa 360px);color:#162b3d}
.brand-mark{background:#0d2940;box-shadow:inset 0 0 0 2px #4ba4dc}
.primary{background:#1769aa}
.primary:hover{background:#0d4f83}
.secondary{color:#0d2940;border-color:#c8d8e3}
.text-button{color:#1769aa}
input:focus,select:focus,textarea:focus,.species-trigger:focus{outline-color:#b9d9ed;border-color:#1769aa}
.welcome,.summary-card,.admin-hero{background:linear-gradient(135deg,#0d2940,#0d568e)}
.welcome .primary{background:#fff;color:#0d568e}
.eyebrow{color:#8dcaf0}
.day-progress span{background:linear-gradient(90deg,#1769aa,#56aee2)}
.guidance,.incubation-hint{background:#eaf4fb;border-left-color:#1769aa}
.timeline-step.complete{background:#edf7fd;border-color:#c5e1f2}
.timeline-step.complete>span{background:#1769aa}
.actual-line{stroke:#1769aa}.actual-point{stroke:#1769aa}.target-line{stroke:#75b9df}.chart-legend span:before{background:#1769aa}.chart-legend .legend-target:before{border-top-color:#75b9df}
.species-tile.selected{border-color:#1769aa;box-shadow:0 0 0 2px #b9d9ed}
.species-option:hover,.species-option:focus{background:#eaf4fb}
.admin-link{background:#e7f3fb;color:#0d568e;border:1px solid #bddbed}
.header-actions{display:flex;align-items:center;gap:10px}
.access-shell{min-height:88vh;display:grid;place-items:center}
.access-card{width:min(520px,calc(100vw - 32px));padding:38px;text-align:center}
.access-card h2{margin:14px 0 8px}.access-card p{color:#607586;line-height:1.55}
.access-card #completeProfileForm{margin:22px 0;padding:18px;border:1px solid #dbe9e7;border-radius:14px;background:#f7fbfa;text-align:left}
.access-card #completeProfileForm h3{margin:0 0 6px}
.access-card #completeProfileForm label{display:block;margin:12px 0;text-align:left}
.access-card #completeProfileForm .machine-selection label{display:flex;gap:10px;align-items:center}
.access-card #completeProfileForm .machine-selection input{width:auto}
.profile-completion{max-width:700px;margin:20px auto;padding:24px}
.profile-completion h2{margin:0 0 6px}
.profile-completion label{display:block;margin:12px 0}
.profile-completion .machine-selection label{display:flex;gap:10px;align-items:center}
.profile-completion .machine-selection input{width:auto}
.access-icon{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:#dceffb;color:#1769aa;font-size:1.8rem;font-weight:900}
.access-icon.blocked{background:#fbe3e4;color:#bd2f35}.access-email{font-weight:800;color:#0d2940!important}
.admin-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;border-radius:24px;padding:28px 30px;margin-bottom:18px}
.admin-hero h2,.admin-hero p{margin:0}.admin-hero h2{font-size:clamp(1.5rem,4vw,2.25rem);margin:.35rem 0}.admin-hero p{color:#d3e5f1}.admin-hero .primary{background:#fff;color:#0d568e}
.admin-panel,.audit-panel,.trend-panel{margin-top:18px;overflow:hidden}.admin-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:22px 24px}.admin-toolbar h2,.admin-toolbar p{margin:0}.admin-toolbar p{color:#6a7d8a;margin-top:4px}.admin-controls{display:flex;gap:10px}.admin-controls input{min-width:260px}.admin-controls input,.admin-controls select{margin:0;padding:10px 12px}.trend-explanation{margin:0 24px 20px;padding:14px 16px;border-left:4px solid #078c91;border-radius:8px;background:#eefafa;color:#496976;line-height:1.5}.trend-table{min-width:980px}.trend-table td small{display:block;margin-top:4px;color:#6a7d8a}.trend-table td strong{color:#126c88}
.admin-table{min-width:1480px}.admin-table tbody tr{cursor:default}.customer-cell{display:flex;align-items:center;gap:10px}.customer-cell strong,.customer-cell small{display:block}.presence{width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#b8c4ca;box-shadow:0 0 0 3px #edf1f3}.presence.online{background:#1d9b67;box-shadow:0 0 0 3px #d9f4e7}
.admin-egg-species{display:block;margin-top:4px;min-width:150px;color:#56636a}.admin-egg-species small{display:block;white-space:normal;line-height:1.4}
.status-pending{background:#fff0c8;color:#815a00}.status-approved{background:#dceffb;color:#0d568e}.status-suspended{background:#ffe6c7;color:#8c4c00}.status-banned,.status-rejected{background:#fbe1e3;color:#a51f27}
.row-actions{display:flex;gap:6px;flex-wrap:wrap}.row-actions button{padding:7px 10px;font-size:.76rem}.danger-text{background:#fff;border:1px solid #d66469;color:#a51f27}.empty-row{text-align:center;color:#71838e;padding:30px!important}
.audit-panel{padding:24px}.audit-list{display:grid;gap:10px;margin-top:18px}.audit-item{display:grid;grid-template-columns:130px 1fr;gap:14px;padding:13px 15px;border:1px solid #dbe5eb;border-radius:13px;background:#f9fcfe}.audit-item>span{font-weight:800;color:#0d568e;text-transform:capitalize}.audit-item strong,.audit-item small{display:block}.audit-item small{color:#6f818c;margin-top:3px}.audit-item p{margin:7px 0 0;color:#506571}
.guide-shell{padding-bottom:30px}.guide-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.6fr);align-items:center;gap:30px;padding:38px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#0d2940,#0d568e);margin-bottom:18px}.guide-hero h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.08;margin:.45rem 0 .8rem}.guide-hero p{max-width:720px;color:#d5e8f4;line-height:1.6;margin:0}.guide-hero-stat{display:grid;place-items:center;text-align:center;min-height:180px;padding:22px;border:1px solid rgba(255,255,255,.22);border-radius:20px;background:rgba(255,255,255,.09)}.guide-hero-stat strong{font-size:clamp(2.6rem,7vw,4.4rem);line-height:1}.guide-hero-stat span{max-width:190px;margin-top:10px;color:#d9edf8;font-weight:700}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.guide-card{position:relative;padding:28px;overflow:hidden}.guide-card h3{margin:0 0 12px;font-size:1.35rem}.guide-card p,.guide-card li{color:#526a78;line-height:1.6}.guide-card ol{margin:0;padding-left:22px}.guide-card li+li{margin-top:7px}.guide-wide{grid-column:1/-1}.guide-number{display:grid;place-items:center;width:36px;height:36px;margin-bottom:16px;border-radius:11px;background:#e5f2fa;color:#0d568e;font-weight:900}.guide-tip,.guide-example{padding:13px 15px;border-radius:11px;background:#eef7fc;color:#274e66!important}.humidity-direction{display:grid;grid-template-columns:1fr 1fr;gap:10px}.humidity-direction div{padding:16px;border-radius:13px;background:#f4f8fb}.humidity-direction strong,.humidity-direction span{display:block}.humidity-direction strong{color:#0d568e}.humidity-direction span{margin-top:5px;color:#607586;font-size:.9rem}.status-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-guide>div{padding:16px;border:1px solid #dbe6ec;border-radius:14px;background:#fbfdfe}.status-guide p{margin:10px 0 0;font-size:.9rem}.formula{padding:14px 0;border-bottom:1px solid #e3ebef}.formula span,.formula strong{display:block}.formula span{color:#607586;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.formula strong{margin-top:5px;color:#16344a;line-height:1.45}.eggmate-pro-guide{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr);gap:24px;background:linear-gradient(135deg,#fff,#eaf5fb)}.guide-link{display:inline-block;margin-top:8px;text-decoration:none;border-radius:11px;padding:12px 18px;font-weight:800}.pro-features{display:grid;gap:8px}.pro-features span{display:flex;align-items:center;padding:11px 13px;border-radius:10px;background:#fff;border:1px solid #d6e6ef;color:#24465c;font-weight:750}.pro-features span:before{content:"✓";margin-right:9px;color:#1769aa;font-weight:900}.guide-disclaimer{max-width:900px;margin:22px auto 0;text-align:center;color:#667b87;font-size:.82rem;line-height:1.55}
@media(max-width:760px){.admin-hero,.admin-toolbar{display:block}.admin-hero button{width:100%;margin-top:18px}.admin-controls{display:grid;margin-top:15px}.admin-controls input{min-width:0}.audit-item{grid-template-columns:1fr}.header-actions{gap:6px}.header-actions button{padding:9px 10px}}
@media(max-width:760px){.guide-hero,.guide-grid,.eggmate-pro-guide{grid-template-columns:1fr}.guide-hero{padding:25px}.guide-hero-stat{min-height:135px}.guide-wide{grid-column:auto}.status-guide{grid-template-columns:1fr}.humidity-direction{grid-template-columns:1fr}.guide-card{padding:22px}.guide-shell header{align-items:flex-start}.guide-shell header .secondary{padding:9px 11px}.app-shell header{align-items:flex-start}.app-shell .header-actions{flex-wrap:wrap;justify-content:flex-end}}

/* Phone-friendly daily readings: each day becomes a complete vertical card. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .details{box-sizing:border-box;max-width:100%;min-width:0;overflow:hidden}
  .details .table-wrap{box-sizing:border-box;width:100%;max-width:100%;overflow:visible}
  .details .chart-scroll{width:100%;max-width:100%;overflow-x:hidden}
  .details .trend-chart{width:100%;max-width:100%;min-width:0}
  .daily-readings-table{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;table-layout:fixed}
  .daily-readings-table thead{display:none}
  .daily-readings-table tbody{display:grid;gap:12px}
  .daily-readings-table tr{display:block;overflow:hidden;padding:5px 13px;background:#f8fbfd;border:1px solid #d8e5ec;border-radius:14px;box-shadow:0 3px 12px rgba(13,41,64,.06)}
  .daily-readings-table td{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start;gap:10px;min-width:0;padding:10px 0;border-bottom:1px solid #e3ebef;white-space:normal;overflow-wrap:anywhere}
  .daily-readings-table td::before{content:attr(data-label);color:#607586;font-size:.72rem;font-weight:800;letter-spacing:.04em;line-height:1.55;text-transform:uppercase}
  .daily-readings-table td:last-child{border-bottom:0}
  .daily-readings-table td[colspan]{display:block;padding:18px;text-align:center}
  .daily-readings-table td[colspan]::before{content:none}
}

/* Bright, modern Egg Mate theme */
:root{
  --green:#078c91;
  --dark:#173b50;
  --red:#e94f55;
  --line:#dbe8ee;
  --blue:#168ac0;
  --blue-dark:#08709e;
  --blue-soft:#eaf8fb;
}
html{background:#f7fbfc}
body{
  color:#183746;
  background:
    radial-gradient(circle at 90% 0,rgba(53,190,196,.13),transparent 30rem),
    linear-gradient(180deg,#fff 0,#f7fbfc 420px,#f4f9fb 100%);
}
main{padding-top:28px;padding-bottom:48px}
.panel,.egg-card,.trend-card{
  border-color:#dce9ee;
  box-shadow:0 10px 30px rgba(23,82,104,.075);
}
.panel{border-radius:22px}
.brand-mark{
  position:relative;
  width:46px;
  height:46px;
  overflow:hidden;
  border-radius:15px;
  background:linear-gradient(145deg,#f35f64,#dc3d46);
  box-shadow:0 8px 18px rgba(220,61,70,.22);
  font-size:0;
}
.brand-mark::before{
  content:"";
  width:19px;
  height:25px;
  border-radius:52% 52% 48% 48% / 62% 62% 38% 38%;
  background:#fff;
  transform:rotate(5deg);
  box-shadow:inset -3px -3px 0 rgba(255,220,220,.55);
}
.brand h1{color:#173b50;font-weight:850;letter-spacing:-.02em}
.brand p{color:#6c8490}
header{margin-bottom:32px}
button{min-height:44px;border-radius:12px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
button:hover{transform:translateY(-1px)}
button:disabled{opacity:.48;cursor:not-allowed;transform:none!important;box-shadow:none!important}.required-field{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;background:#ffe4e2;color:#a7332c;font-size:.68rem;font-weight:850;letter-spacing:.02em;text-transform:uppercase}.field-help{display:block;margin-top:6px;color:#6a808a;font-size:.78rem;line-height:1.4}
.primary{
  background:linear-gradient(135deg,#078c91,#168ac0);
  box-shadow:0 8px 18px rgba(7,140,145,.18);
}
.primary:hover{background:linear-gradient(135deg,#057b80,#087bae)}
.secondary,.admin-link{background:#fff;border:1px solid #d5e5eb;color:#17637c}
.admin-link{background:#eef9fb;border-color:#cce9ed}
.text-button{color:#078c91}
input,select,textarea,.species-trigger{background:#fff;border-color:#cfdee4;color:#183746}
input:focus,select:focus,textarea:focus,.species-trigger:focus{outline-color:#bcebed;border-color:#07989e}
.welcome{
  position:relative;
  overflow:hidden;
  align-items:center;
  color:#183746;
  background:linear-gradient(120deg,#fff 0,#f1fbfc 62%,#e5f6fb 100%);
  border:1px solid #d5e9ee;
  box-shadow:0 14px 34px rgba(30,105,128,.09);
}
.welcome::after{
  content:"";
  position:absolute;
  right:-55px;
  bottom:-95px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:35px solid rgba(22,138,192,.07);
  pointer-events:none;
}
.welcome h2{color:#173b50;letter-spacing:-.035em}
.welcome p{color:#617d8a}
.welcome .eyebrow,.eyebrow{color:#df454d}
.welcome .primary{position:relative;z-index:1;background:linear-gradient(135deg,#078c91,#168ac0);color:#fff}
.summary-card{
  position:relative;
  overflow:hidden;
  color:#173b50;
  background:#fff;
  border:1px solid #dce9ee;
  box-shadow:0 8px 22px rgba(23,82,104,.06);
}
.summary-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#18a9aa,#258dca)}
.summary-card span{color:#69838f}
.summary-card strong{color:#126c88}
.egg-card{border-radius:22px}
.egg-card:hover{border-color:#a9d9df;box-shadow:0 16px 36px rgba(19,105,126,.13)}
.day-progress{background:#e5f0f3}
.day-progress span{background:linear-gradient(90deg,#08a39f,#2699ce)}
.metric,.timeline-step,.humidity-direction div{background:#f3f9fb;border:1px solid #e3eef2}
.guidance,.incubation-hint{background:#eefaf9;border-left-color:#08a09f}
.hatch-timeline{
  color:#183746;
  background:linear-gradient(135deg,#edfafa,#eef7fc);
  border:1px solid #d2e9ed;
}
.hatch-timeline small{color:#63808c}
.timeline-step.complete{background:#eaf9f7;border-color:#bfe6e1}
.timeline-step.complete>span{background:#079a96}
.chart-legend span:before{background:#078c91}
.actual-line{stroke:#078c91}.actual-point{stroke:#078c91}.target-line{stroke:#62b9cf}
.good{background:#daf5ee;color:#08715d}
.low{background:#fff1cd;color:#825800}
.high,.danger{background:#e94f55;color:#fff}
.danger{border-color:#d53e46;box-shadow:0 6px 15px rgba(220,61,70,.18)}
.pip{background:#e8efff;color:#3e61a8}
.candle{background:#fff1cd;color:#775812}
.admin-hero,.guide-hero{
  color:#183746;
  background:linear-gradient(125deg,#fff 0,#eefafa 58%,#e7f5fb 100%);
  border:1px solid #d5e9ee;
  box-shadow:0 14px 34px rgba(30,105,128,.08);
}
.admin-hero h2,.guide-hero h2{color:#173b50}
.admin-hero p,.guide-hero p{color:#617d8a}
.admin-hero .primary{background:linear-gradient(135deg,#078c91,#168ac0);color:#fff}
.guide-hero-stat{min-height:130px;background:#fff;border-color:#d2e8ed;box-shadow:0 8px 22px rgba(22,104,126,.06)}
.guide-hero-stat span{margin:0;color:#19758d}
.guide-number{background:#e9f8f8;color:#07868a}
.guide-tip,.guide-example{background:#edf9fb!important;color:#24586b!important}
.humidity-direction strong{color:#087b81}
.eggmate-pro-guide{background:linear-gradient(135deg,#fff,#eefafa)}
.pro-features span{border-color:#d6e9ed;color:#24586b}
.pro-features span:before{color:#079a96}
.access-icon{background:#e5f8f7;color:#078c91}
.message{color:#d94149}
dialog::backdrop{background:rgba(20,56,72,.42);backdrop-filter:blur(3px)}
@media(max-width:560px){
  main{padding:12px 12px 34px}
  header{margin-bottom:24px}
  .brand-mark{width:42px;height:42px;border-radius:13px}
  .welcome{padding:22px;border-radius:20px}
  .summary-card{border-radius:15px}
  .summary-card strong{font-size:1.55rem}
  .egg-card{border-radius:18px}
  .today-section{padding:18px}
  .today-action{align-items:flex-start}
  .machine-panel{display:block}.machine-panel button{width:100%;margin-top:12px}
  .machine-history>div:not(.section-title){display:block}.machine-history span{margin-top:4px;text-align:left}
  .print-preview{padding:10px}.print-preview-toolbar{position:static;display:block}.print-preview-toolbar>div{display:block}.print-preview-toolbar span{display:block;margin:10px 0}.print-preview-toolbar button{width:100%}.print-sheet{min-width:900px;padding:24px}.print-preview{overflow:auto}
}

/* Unified Egg Mate website identity */
:root{
  --green:#087f83;
  --dark:#123d3f;
  --gold:#087f83;
  --line:#d8e8e6;
  --blue:#087f83;
  --blue-dark:#05666a;
  --blue-soft:#eaf7f6;
}
.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}
html{background:#fff}
body{
  color:#1b3133;
  background:linear-gradient(180deg,#fff 0,#f8fbfa 540px,#f3f8f7 100%);
}
.brand{gap:13px}
.brand-mark{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  padding:3px;
  overflow:hidden;
  border:0;
  border-radius:17px;
  background:linear-gradient(145deg,#0a9898,#056b70);
  box-shadow:0 8px 20px rgba(8,127,131,.22);
}
.brand-mark::before{content:none}
.brand-mark svg{display:block;width:100%;height:100%}
.brand h1{color:#153436;font-size:1.22rem;font-weight:900;letter-spacing:.025em;text-transform:uppercase}
.brand p{margin-top:2px;color:#5f7777;font-size:.8rem;font-weight:650;letter-spacing:.035em}
.panel,.egg-list-panel,.egg-card,.trend-card{background:#fff;border-color:#d8e8e6;box-shadow:0 10px 30px rgba(20,82,83,.07)}
.welcome,.admin-hero,.guide-hero{
  color:#1b3133;
  background:linear-gradient(120deg,#fff 0,#f1faf8 70%,#e4f4f2 100%);
  border-color:#cee5e2;
  box-shadow:0 14px 34px rgba(18,95,96,.085);
}
.welcome h2,.admin-hero h2,.guide-hero h2{color:#153436}
.welcome p,.admin-hero p,.guide-hero p{color:#5f7777}
.eyebrow,.welcome .eyebrow{color:#087f83}
.summary-card{border-color:#d7e8e5}
.summary-card::before{background:#087f83}
.summary-card strong{color:#087f83}
.egg-list-panel::before,.archive-list-panel::before{background:#087f83}
.list-count,.list-count.archive-count{background:#e4f5f3;color:#087477}
.machine-chip{background:#e8f6f4;color:#087477}
.day-progress span{background:#087f83}
.required-field{background:#e4f5f3;color:#08676a}

.primary,
.secondary,
.admin-link,
.text-button,
.actions button:not(.danger),
.machine-panel button,
.access-card button,
.print-preview-toolbar button:not(.danger),
.row-actions button:not(.danger-text),
.welcome .primary,
.admin-hero .primary,
.guide-link{
  color:#fff!important;
  background:#087f83!important;
  border:1px solid #087f83!important;
  box-shadow:0 6px 15px rgba(8,127,131,.18)!important;
}
.primary:hover,
.secondary:hover,
.admin-link:hover,
.text-button:hover,
.actions button:not(.danger):hover,
.machine-panel button:hover,
.access-card button:hover,
.print-preview-toolbar button:not(.danger):hover,
.row-actions button:not(.danger-text):hover,
.welcome .primary:hover,
.admin-hero .primary:hover,
.guide-link:hover{
  color:#fff!important;
  background:#05666a!important;
  border-color:#05666a!important;
  box-shadow:0 8px 18px rgba(5,102,106,.23)!important;
}
.text-button{width:100%}
.danger,.danger-text{color:#fff!important;background:#d94149!important;border-color:#c9363e!important}
.today-action{background:#fff;border:1px solid #bcdeda;box-shadow:0 5px 14px rgba(18,95,96,.06)}
.today-action.transfer,.today-action.pip,.today-action.hatch,.today-action.reading,.today-action.overdue{border-left:5px solid #087f83}
.today-action:hover{background:#f0faf8;border-color:#78c5c0}
.today-action b{padding:5px 9px;border-radius:8px;background:#e2f4f2;color:#087477}
.egg-card{border:1px solid #cfe3e0}
.egg-card:hover{border-color:#69bbb6;box-shadow:0 16px 36px rgba(18,95,96,.13)}
.machine-panel,.hatch-timeline,.guidance,.incubation-hint{background:#eff9f7;border-color:#cce5e2}
.guidance,.incubation-hint{border-left-color:#087f83}
.actual-line{stroke:#087f83}.actual-point{stroke:#087f83}.target-line{stroke:#74bbb7}
.chart-legend span::before{background:#087f83}
input:focus,select:focus,textarea:focus,.species-trigger:focus{outline-color:#b7e2df;border-color:#087f83}
.dialog-head{background:#fff}
.dialog-head button{color:#087477}
@media(max-width:560px){.brand-mark{width:46px;height:46px;border-radius:14px}.brand h1{font-size:1.02rem}.brand p{font-size:.72rem}}

/* Egg Mate black, white and navy identity */
:root{
  --green:#111315;
  --dark:#102a43;
  --gold:#163f63;
  --line:#dbe2e8;
  --blue:#163f63;
  --blue-dark:#0b2238;
  --blue-soft:#eef2f6;
}
html,body{background:#fff}
body{color:#1a2732;background:linear-gradient(180deg,#fff 0,#f8f9fa 620px,#f3f5f7 100%)}
.brand-mark{background:linear-gradient(145deg,#173f61,#0b2238);box-shadow:0 8px 20px rgba(16,42,67,.22)}
.brand h1{color:#111315}.brand p{color:#5f6d78}
.panel,.egg-list-panel,.egg-card,.trend-card{background:#fff;border-color:#dbe2e8;box-shadow:0 10px 28px rgba(16,42,67,.07)}
.welcome,.admin-hero,.guide-hero{color:#1a2732;background:#fff;border-color:#d8e0e7;box-shadow:0 12px 30px rgba(16,42,67,.08)}
.welcome::after{border-color:rgba(16,42,67,.055)}
.welcome h2,.admin-hero h2,.guide-hero h2{color:#102a43}
.welcome p,.admin-hero p,.guide-hero p{color:#5f6d78}
.eyebrow,.welcome .eyebrow{color:#163f63}
.summary-card{color:#fff;background:#102a43;border-color:#102a43;box-shadow:0 9px 24px rgba(16,42,67,.17)}
.summary-card::before{background:#fff;opacity:.22}
.summary-card span{color:#cbd6df}.summary-card strong{color:#fff}
.egg-list-panel::before,.archive-list-panel::before{background:#102a43}
.list-count,.list-count.archive-count{color:#fff;background:#163f63}
.machine-chip{color:#163f63;background:#edf2f6}
.day-progress{background:#e4e9ed}.day-progress span{background:#163f63}
.required-field{color:#163f63;background:#e9eef3}

.primary,
.secondary,
.admin-link,
.text-button,
.actions button:not(.danger),
.machine-panel button,
.access-card button,
.print-preview-toolbar button:not(.danger),
.row-actions button:not(.danger-text),
.welcome .primary,
.admin-hero .primary,
.guide-link{
  color:#fff!important;
  background:#111315!important;
  border:1px solid #111315!important;
  box-shadow:0 6px 15px rgba(17,19,21,.18)!important;
}
.primary:hover,
.secondary:hover,
.admin-link:hover,
.text-button:hover,
.actions button:not(.danger):hover,
.machine-panel button:hover,
.access-card button:hover,
.print-preview-toolbar button:not(.danger):hover,
.row-actions button:not(.danger-text):hover,
.welcome .primary:hover,
.admin-hero .primary:hover,
.guide-link:hover{
  color:#fff!important;
  background:#000!important;
  border-color:#000!important;
  box-shadow:0 8px 18px rgba(0,0,0,.24)!important;
}
.danger,.danger-text{color:#fff!important;background:#d94149!important;border-color:#c9363e!important;box-shadow:0 6px 15px rgba(217,65,73,.2)!important}
.today-action{background:#fff;border-color:#bccbd7;box-shadow:0 5px 14px rgba(16,42,67,.06)}
.today-action.transfer,.today-action.pip,.today-action.hatch,.today-action.reading,.today-action.overdue{border-left-color:#163f63}
.today-action:hover{background:#f4f6f8;border-color:#7e9bb1}
.today-action b{color:#fff;background:#163f63}
.egg-card{border-color:#d4dde4}.egg-card:hover{border-color:#6688a4;box-shadow:0 16px 36px rgba(16,42,67,.13)}
.machine-panel,.hatch-timeline,.guidance,.incubation-hint{background:#f1f4f7;border-color:#d7e0e7}
.guidance,.incubation-hint{border-left-color:#163f63}
.guide-hero-stat,.guide-tip,.guide-example,.humidity-direction div,.metric,.timeline-step{background:#f2f5f7!important;border-color:#dce4ea}
.guide-number,.access-icon{color:#163f63;background:#e8edf2}
.actual-line{stroke:#163f63}.actual-point{stroke:#163f63}.target-line{stroke:#829caf}
.chart-legend span::before{background:#163f63}.chart-legend .legend-target::before{border-top-color:#829caf}
.timeline-step.complete{background:#e9eef3;border-color:#cbd7e0}.timeline-step.complete>span{background:#163f63}
.species-tile.selected{border-color:#163f63;box-shadow:0 0 0 2px #c9d5df}
.species-option:hover,.species-option:focus{background:#eef2f6}
.all-clear{color:#163f63;background:#eef2f6}
input:focus,select:focus,textarea:focus,.species-trigger:focus{outline-color:#c5d2dc;border-color:#163f63}
.dialog-head button{color:#102a43}
.auth-card #authSubmit,.auth-card #registerButton{display:block;width:100%}
.auth-card #authSubmit{margin-top:8px}
.auth-card #registerButton{margin-top:13px}
.brand-logo{display:block;width:150px;height:92px;object-fit:contain;object-position:left center}
.auth-shell>.brand .brand-logo{width:245px;height:190px;object-position:center}
@media(max-width:560px){.brand-logo{width:116px;height:74px}.auth-shell>.brand .brand-logo{width:210px;height:164px}}

/* Palette sampled from the Egg Mate macaw logo */
:root{
  --logo-teal:#008f9f;
  --logo-orange:#ff6a00;
  --logo-red:#e8432d;
  --logo-navy:#10243f;
  --logo-black:#111315;
  --dark:#10243f;
  --blue:#008f9f;
  --blue-dark:#087481;
}
.summary-card{background:#10243f;border-color:#10243f}
.summary-card::before{background:linear-gradient(180deg,#008f9f,#ff6a00);opacity:1}
.egg-list-panel::before{background:linear-gradient(90deg,#008f9f,#10243f)}
.archive-list-panel::before{background:linear-gradient(90deg,#ff6a00,#e8432d)}
.list-count{background:#008f9f;color:#fff}
.list-count.archive-count{background:#ff6a00;color:#fff}
.eyebrow,.welcome .eyebrow{color:#e85a24}
.machine-chip{background:#e7f6f7;color:#087481}
.day-progress span{background:linear-gradient(90deg,#008f9f,#ff6a00)}
.required-field{background:#fff0e6;color:#b84b0a}
.today-action.transfer,.today-action.pip,.today-action.hatch,.today-action.reading,.today-action.overdue{border-left-color:#008f9f}
.today-action b{background:#10243f;color:#fff}
.guidance,.incubation-hint{border-left-color:#008f9f}
.guide-number,.access-icon{background:#e7f6f7;color:#087481}
.timeline-step.complete>span{background:#008f9f}
.actual-line{stroke:#008f9f}.actual-point{stroke:#008f9f}.target-line{stroke:#ff8a35}
.chart-legend span::before{background:#008f9f}.chart-legend .legend-target::before{border-top-color:#ff8a35}
.species-tile.selected{border-color:#008f9f;box-shadow:0 0 0 2px #bfe4e7}
.all-clear{background:#e9f7f7;color:#087481}
input:focus,select:focus,textarea:focus,.species-trigger:focus{outline-color:#bce5e7;border-color:#008f9f}
.danger,.danger-text{background:#e8432d!important;border-color:#cf3825!important}

/* Bright dashboard summary cards with meaningful icons */
.summary-card{color:#10243f;background:#fff;border:1px solid #dce5ea;box-shadow:0 8px 22px rgba(16,36,63,.08);padding:17px 18px 17px 21px}
.summary-card::before{width:6px;background:linear-gradient(180deg,#00a3ae 0%,#ff7900 58%,#e8432d 100%);opacity:1}
.summary-card span{color:#4e626f}
.summary-label{display:flex;align-items:center;gap:10px}
.summary-label>span:last-child{font-size:.86rem;font-weight:750}
.summary-icon{display:grid!important;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:#e7f7f8;color:#008f9f}
.summary-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.summary-card strong{color:#10243f;font-size:1.9rem;margin:8px 0 0 42px}
.summary-target{background:#fff}.summary-target .summary-icon{background:#e3f5f4;color:#087d88}
.summary-warning{background:#fff}
.summary-warning.attention-active{background:#d94132;border-color:#bd2f24;box-shadow:0 10px 25px rgba(217,65,50,.25)}
.summary-warning.attention-active::before{background:#8f2119}
.summary-warning.attention-active .summary-icon{background:#fff;color:#d94132}
.summary-warning.attention-active .summary-label>span:last-child,.summary-warning.attention-active strong{color:#fff}
.summary-archive{background:#fff}.summary-archive .summary-icon{background:#f0edf4;color:#5b466f}

/* Keep the final action with the other egg actions. */
.actions #recordOutcome{white-space:nowrap;color:#fff!important;background:#bc4300!important;border:1px solid #a63b00!important;box-shadow:0 5px 12px rgba(150,52,0,.2)!important}
.actions #recordOutcome:hover{background:#963600!important;border-color:#842f00!important}
.actions #recordOutcome:focus-visible{outline:3px solid #10243f;outline-offset:3px}

/* Long-form incubation guide */
.guide-article{max-width:1080px;margin:0 auto}
.guide-article .guide-hero{grid-template-columns:minmax(0,1.7fr) minmax(220px,.65fr);gap:26px;margin:0;padding:38px 40px;background:linear-gradient(125deg,#10243f 0%,#143e58 72%,#087e8c 100%);border:0;color:#fff;box-shadow:0 16px 30px rgba(16,36,63,.16)}
.guide-article .guide-hero .eyebrow{color:#ffbd82}
.guide-article .guide-hero h2{color:#fff;font-size:clamp(2rem,4vw,3.25rem);line-height:1.12;max-width:600px}
.guide-article .guide-hero p{color:#e2f1f4;max-width:600px;font-size:1.03rem}
.guide-article .guide-hero-stat{display:grid;align-content:center;justify-items:center;min-height:160px;padding:22px;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:none}
.guide-article .guide-hero-stat strong{color:#fff;font-size:clamp(2.5rem,5vw,4rem)}
.guide-article .guide-hero-stat span{color:#e1f2f4;margin-top:9px}
.guide-reference{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 20px}
.guide-reference>div{display:grid;align-content:center;gap:5px;min-width:0;padding:18px 19px;border:1px solid #d9e5e9;border-radius:16px;background:#fff;box-shadow:0 7px 17px rgba(16,36,63,.05)}
.guide-reference span,.guide-kicker{font-size:.72rem;font-weight:850;letter-spacing:.12em;color:#087e8c}
.guide-reference strong{font-size:1.55rem;line-height:1.18;color:#10243f}
.guide-reference small{font-size:.81rem;line-height:1.35;color:#526573}
.guide-toc{display:flex;align-items:center;gap:20px;padding:14px 20px;border-radius:14px;background:#e8f4f5;color:#10243f}
.guide-toc strong{white-space:nowrap}
.guide-toc>div{display:flex;flex-wrap:wrap;gap:6px 14px}
.guide-toc a,.guide-sources a{color:#086b77;text-underline-offset:3px}
.guide-toc a:focus-visible,.guide-sources a:focus-visible{outline:3px solid #ff890d;outline-offset:3px}
.guide-prose{max-width:860px;margin:0 auto;padding:8px 0 22px;color:#263a49}
.guide-section{padding:39px 0 37px;border-bottom:1px solid #d9e4e9;scroll-margin-top:20px}
.guide-section h3{margin:8px 0 15px;color:#10243f;font-size:clamp(1.48rem,2.7vw,2rem);line-height:1.24}
.guide-section h4{margin:27px 0 8px;color:#10243f;font-size:1.12rem}
.guide-section p{max-width:76ch;margin:0 0 15px;line-height:1.75;font-size:1rem}
.guide-section p:last-child{margin-bottom:0}
.guide-intro{padding-top:34px}
.guide-note{display:grid;gap:6px;margin:23px 0 4px;padding:17px 20px;border-left:5px solid #008f9f;border-radius:9px;background:#e9f6f6;line-height:1.55}
.guide-note strong{color:#10243f}
.guide-humidity-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:24px 0 26px}
.guide-humidity-pair>div{padding:18px 20px;border:1px solid #d0e5e7;border-radius:14px;background:#f5fbfb}
.guide-humidity-pair>div+div{background:#fff7ef;border-color:#f3d9c3}
.guide-humidity-pair span{display:grid;place-items:center;width:32px;height:32px;margin-bottom:12px;border-radius:9px;background:#d7f0f1;color:#086b77;font-size:1.25rem;font-weight:800}
.guide-humidity-pair>div+div span{background:#ffe5cf;color:#9b450c}
.guide-humidity-pair strong{display:block;color:#10243f}
.guide-humidity-pair p{margin:5px 0 0;color:#526573}
.guide-table-wrap{margin:25px 0 22px}
.guide-reading-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;border:1px solid #d6e2e8;border-radius:15px;overflow:hidden;background:#fff}
.guide-reading-table caption{text-align:left;font-size:1.15rem;font-weight:800;color:#10243f;margin-bottom:10px}
.guide-reading-table th,.guide-reading-table td{padding:15px 16px;text-align:left;vertical-align:top;line-height:1.5;overflow-wrap:break-word}
.guide-reading-table thead th{background:#10243f;color:#fff;font-size:.86rem}
.guide-reading-table tbody th{color:#10243f;font-weight:800}
.guide-reading-table tbody tr+tr th,.guide-reading-table tbody tr+tr td{border-top:1px solid #e4ebef}
.guide-reading-table tbody tr:nth-child(even){background:#f5f9fa}
.guide-reading-table th:first-child{width:22%}.guide-reading-table th:nth-child(2){width:28%}
.guide-calculation{margin:22px 0 0;padding:17px 20px;border:1px solid #d6e5e9;border-radius:12px;background:#fff}
.guide-calculation summary{cursor:pointer;font-weight:800;color:#087481}.guide-calculation p{margin:14px 0 0}
.guide-routine ol{margin:17px 0 0;padding-left:25px;line-height:1.65}.guide-routine li{padding-left:5px;margin:0 0 9px}
.guide-product{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:35px 0 25px;padding:27px 30px;border-radius:17px;background:#10243f;color:#fff}
.guide-product .guide-kicker{color:#ffb775}.guide-product h3{margin:7px 0 8px;color:#fff;font-size:1.45rem}.guide-product p{margin:0;max-width:600px;line-height:1.6;color:#d7e6eb}
.guide-product .guide-link{flex:none;margin:0;background:#fff!important;border-color:#fff!important;color:#10243f!important;box-shadow:none!important}
.guide-product .guide-link:hover{background:#e2f3f4!important;color:#10243f!important}
.guide-sources{padding:3px 0 10px}.guide-sources h3{font-size:1rem;margin:0 0 10px;color:#10243f}.guide-sources ul{margin:0;padding-left:21px}.guide-sources li{margin-bottom:7px;line-height:1.5;overflow-wrap:anywhere}
.guide-article .guide-disclaimer{max-width:none;margin:15px 0 0;padding-top:16px;border-top:1px solid #d9e4e9;text-align:left;line-height:1.6}
@media(max-width:760px){.guide-article .guide-hero{grid-template-columns:1fr;padding:28px}.guide-article .guide-hero-stat{min-height:112px;justify-items:start;text-align:left}.guide-article .guide-hero-stat span{max-width:none}.guide-toc{align-items:flex-start;flex-direction:column;gap:7px}.guide-product{align-items:stretch;flex-direction:column}.guide-product .guide-link{text-align:center}}
@media(max-width:600px){.guide-reference{grid-template-columns:1fr;gap:8px}.guide-reference>div{grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:13px 15px}.guide-reference span,.guide-reference small{grid-column:1}.guide-reference strong{grid-column:2;grid-row:1/span 2;text-align:right;font-size:1.3rem}.guide-humidity-pair{grid-template-columns:1fr}.guide-prose{padding-left:3px;padding-right:3px}.guide-section{padding:30px 0}.guide-section p{font-size:.98rem}.guide-reading-table,.guide-reading-table tbody,.guide-reading-table tr,.guide-reading-table th,.guide-reading-table td{display:block;width:100%!important}.guide-reading-table{border:0;background:transparent;overflow:visible}.guide-reading-table caption{margin-bottom:12px}.guide-reading-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-reading-table tbody tr{margin-bottom:12px;border:1px solid #d6e2e8;border-radius:13px;overflow:hidden;background:#fff!important}.guide-reading-table tbody th{padding:13px 15px;background:#10243f;color:#fff}.guide-reading-table tbody td{padding:11px 15px;line-height:1.5}.guide-reading-table tbody td::before{content:attr(data-label);display:block;margin-bottom:3px;color:#526573;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.guide-reading-table tbody tr+tr th,.guide-reading-table tbody tr+tr td{border-top:0}.guide-reading-table tbody td+td{border-top:1px solid #e4ebef!important}.guide-product{padding:23px}.guide-article .guide-hero{padding:25px}.guide-article .guide-hero h2{font-size:2rem}}

/* Match the guide to the dashboard's white cards and rotating brand accents. */
.guide-shell{background:#fff}
.guide-article .guide-hero{position:relative;overflow:hidden;background:#fff;color:#10243f;border:1px solid #dbe2e8;box-shadow:0 10px 28px rgba(16,42,67,.07)}
.guide-article .guide-hero::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,#008f9f,#ff7900,#e8432d)}
.guide-article .guide-hero .eyebrow{color:#e85a24}
.guide-article .guide-hero h2{color:#10243f}
.guide-article .guide-hero p{color:#526573}
.guide-article .guide-hero-stat{background:#e9f7f7!important;border:1px solid #cce6e7!important}
.guide-article .guide-hero-stat strong{color:#087481}
.guide-article .guide-hero-stat span{color:#345663}
.guide-reference>div{border-left:5px solid #008f9f}
.guide-reference>div:nth-child(2){border-left-color:#ff7900}
.guide-reference>div:nth-child(3){border-left-color:#e8432d}
.guide-reference>div:nth-child(2) span{color:#a94400}
.guide-reference>div:nth-child(3) span{color:#bb3826}
.guide-toc{background:#fff;border:1px solid #dbe2e8}
.guide-reading-table thead th{background:#e9f7f7;color:#10243f}
.guide-reading-table tbody tr:nth-child(even){background:#fff7ef}
.guide-reading-table tbody tr:nth-child(odd){background:#fff}
.guide-product{background:#fff;color:#10243f;border:1px solid #dbe2e8;border-left:6px solid #ff7900;box-shadow:0 8px 22px rgba(16,36,63,.07)}
.guide-product .guide-kicker{color:#b84b0a}
.guide-product h3{color:#10243f}
.guide-product p{color:#526573}
.guide-product .guide-link{background:#111315!important;border-color:#111315!important;color:#fff!important}
.guide-product .guide-link:hover{background:#000!important;color:#fff!important}
@media(max-width:600px){.guide-reading-table tbody tr:nth-child(even){background:#fff7ef!important}.guide-reading-table tbody tr:nth-child(odd){background:#fff!important}.guide-reading-table tbody th{background:#e9f7f7;color:#10243f}.guide-reading-table tbody tr:nth-child(even) th{background:#fff0df}}
.pill.test-data{color:#111315;background:#ffb547;border:1px solid #e18813;box-shadow:0 2px 8px rgba(225,136,19,.18)}
.test-data-control{padding:14px 15px;border:2px solid #f0a035;border-radius:13px;background:#fff6e8}
.test-data-control small{color:#75501c}
@media(max-width:560px){.summary-card{padding:15px 14px 15px 17px}.summary-label{gap:8px}.summary-icon{flex-basis:29px;width:29px;height:29px}.summary-icon svg{width:17px;height:17px}.summary-card strong{margin-left:37px;font-size:1.7rem}.summary-label>span:last-child{font-size:.8rem}}

@media print{
  @page{size:A4 landscape;margin:6mm}
  body{margin:0!important;background:#fff!important;color:#111!important}
  body>:not(#printPreview){display:none!important}
  #printPreview{display:block!important;position:static!important;overflow:visible!important;background:#fff!important;padding:0!important}
  .print-preview-toolbar{display:none!important}
  #printSheet{display:block!important;max-width:none!important;min-height:0!important;margin:0!important;padding:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif;font-size:6.2pt;line-height:1.08;color:#111;page-break-after:avoid;break-after:avoid}
  .print-sheet-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #078c91;padding:0 0 2mm;margin-bottom:2mm}
  .print-sheet-header h1{margin:0;color:#078c91;font-size:16pt;letter-spacing:-.3px}.print-sheet-header p{margin:.5mm 0 0;font-size:7.5pt}.print-sheet-header>div:last-child{text-align:right}.print-sheet-header strong,.print-sheet-header span{display:block}.print-sheet-header strong{font-size:10pt}.print-sheet-header span{margin-top:.5mm;color:#555}
  .print-summary-table,.print-data-table{width:100%;border-collapse:collapse;table-layout:fixed}
  .print-summary-table{margin-bottom:2mm}.print-summary-table th,.print-summary-table td,.print-data-table th,.print-data-table td{border:.6px solid #9da9ac;padding:.75mm 1mm;vertical-align:top;text-align:left;overflow-wrap:anywhere;line-height:1.08}
  .print-summary-table th{width:14%;background:#eaf7f8;font-weight:700}.print-summary-table td{width:36%}
  .print-section{break-inside:avoid;margin:0 0 2mm}.print-section h2{font-size:8pt;margin:0 0 .7mm;padding-bottom:.5mm;border-bottom:1px solid #078c91;color:#174a5b}
  .print-section p{margin:.5mm 0;font-size:6pt}.print-data-table{font-size:5.6pt}.print-data-table th{background:#eaf7f8;font-weight:700;white-space:normal}.print-data-table tbody tr:nth-child(even){background:#f7f9f9}.print-data-table tr{break-inside:avoid}
  .print-two-columns{display:block}.print-machine-list li{padding:.75mm 1mm;border:.6px solid #9da9ac;break-inside:avoid;font-size:5.6pt}.print-machine-list span{margin-top:.4mm}
  #printSheet footer{margin-top:1.5mm;padding-top:1mm;border-top:.6px solid #aaa;color:#555;font-size:5.5pt;text-align:center}
}

/* Keep the active machine and its transfer history together. */
.machine-panel{display:block}
.machine-panel .machine-history{margin:14px 0 0;padding:14px 0 0;border:0;border-top:1px solid #d7e0e7;border-radius:0;background:transparent}
.machine-panel .machine-history .section-title h3{margin:0;font-size:1rem}

/* Egg machine location and dated assignments. */
.machine-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:stretch;margin-top:18px}
.machine-cards .machine-panel,.machine-cards .machine-history{min-width:0;margin:0;padding:20px;border:1px solid #d7e0e7;border-radius:16px;background:#fff}
.machine-cards .machine-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.machine-cards h3{margin:7px 0 0;color:#182d3e;font-size:1.13rem;line-height:1.3;overflow-wrap:anywhere}
.machine-cards .machine-unit{margin:9px 0 0;padding:6px 10px;border-radius:8px;background:#f1f4f7;color:#263d4c;font-weight:700;overflow-wrap:anywhere}
.machine-cards .machine-panel button{margin-top:auto;align-self:flex-start}
.machine-cards .machine-unit+button{margin-top:18px}
.machine-cards .machine-panel h3+button{margin-top:auto}
.machine-cards .machine-history ol{list-style:none;margin:13px 0 0;padding:0;max-height:240px;overflow:auto}
.machine-cards .machine-history li{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0;border-top:1px solid #e4edf0}
.machine-cards .machine-history li strong{color:#182d3e;overflow-wrap:anywhere}
.machine-cards .machine-history li span{color:#536674;font-size:.86rem;text-align:left;overflow-wrap:anywhere}
.machine-cards .machine-history-empty{margin:14px 0 0;color:#536674}
.machine-cards .machine-explanation{margin:12px 0 18px;color:#536674;font-size:.91rem;line-height:1.5}
.machine-cards .machine-history-note{margin:2px 0 0;padding:8px 10px;border-radius:8px;background:#f1f4f7;color:#263d4c;font-size:.86rem;line-height:1.4;overflow-wrap:anywhere}
@media(max-width:700px){.machine-cards{grid-template-columns:1fr}.machine-cards .machine-panel button{margin-top:18px;width:100%}}

/* Egg progress and projected finish */
.progress-card{border:1px solid #cce5e2;border-radius:17px;background:#f4fbfa;padding:18px;margin:20px 0}
.progress-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-title h3{margin:0}
.progress-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.progress-stats>div{background:#fff;border:1px solid #dbe9e7;border-radius:10px;padding:12px;min-width:0}.progress-stats span{display:block;font-size:.78rem;color:#536b6b}.progress-stats strong{display:block;font-size:1.12rem;margin-top:5px;overflow-wrap:anywhere}
.progress-card p{margin:8px 0}.progress-card small{display:block;color:#5a7373;line-height:1.45}
.projection-line{stroke:#e0782c;stroke-width:3;stroke-dasharray:2 7;stroke-linecap:round}.projection-point{fill:#fff;stroke:#e0782c;stroke-width:3}
.chart-legend .legend-projection:before{background:none;border-top:3px dotted #e0782c}
@media(max-width:680px){.progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-title{align-items:flex-start;flex-wrap:wrap}}

/* Password recovery is a quiet link beside the password field. */
#authView .auth-card #forgotPasswordButton,
#authView .auth-card #forgotPasswordButton:hover{
  display:block;
  width:auto;
  margin:8px 0 16px auto;
  padding:3px 0;
  color:#163f63!important;
  background:transparent!important;
  border:0!important;
  border-radius:0;
  box-shadow:none!important;
  font-size:.9rem;
  font-weight:650;
  text-decoration:underline;
  text-underline-offset:3px;
}
#authView .auth-card #forgotPasswordButton:focus-visible{outline:2px solid #163f63;outline-offset:4px}

.auth-card .auth-eyebrow{display:inline-block;margin-bottom:10px;color:#087f83;font-size:.7rem;font-weight:850;letter-spacing:.1em}
.auth-card .auth-intro{margin:12px 0 0;color:#40596b;line-height:1.5}
.auth-card .auth-access-note{margin:12px 0 20px;padding:10px 12px;border-radius:10px;background:#eef7f6;color:#235560;font-size:.85rem;line-height:1.45}
.machine-selection{margin:18px 0 12px;padding:12px 14px;border:1px solid #bacbc5;border-radius:11px}
.machine-selection legend{padding:0 5px;font-weight:700;color:#173b50}
.machine-selection legend span{font-size:.82rem;font-weight:400}
.auth-card .machine-selection label{display:flex;align-items:flex-start;gap:10px;margin:10px 0;font-weight:500;line-height:1.35}
.machine-selection input{width:auto;margin:2px 0 0;flex:none;accent-color:#078c91}
.non-customer-notice{margin:12px 0;padding:14px;border-radius:11px;background:#eef7f6;color:#235560;line-height:1.45}
.non-customer-notice p{margin:7px 0}
.non-customer-notice a{font-weight:700;color:#1769aa}

/* Keep sign-in compact without hiding feedback when a message appears. */
.auth-shell{gap:16px}
.auth-card{width:min(500px,calc(100vw - 28px));padding:26px}
.auth-card label{margin:12px 0}
.auth-card .auth-access-note{margin:10px 0 14px}
#authView .auth-card #forgotPasswordButton,
#authView .auth-card #forgotPasswordButton:hover{margin:4px 0 7px auto}
.auth-card #authMessage:empty{display:none}
.auth-card #authMessage:not(:empty){margin:8px 0 12px}
.auth-card #authSubmit{margin-top:4px}
.auth-card #registerButton{margin-top:9px}
@media(max-width:560px){.auth-card{padding:22px}}
.auth-card .non-customer-notice .visit-eggmate-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:10px;padding:10px 16px;border:1px solid #9cb6b8;border-radius:11px;background:#fff;color:#164454;text-decoration:none;text-align:center;font-weight:750}
.auth-card .non-customer-notice .visit-eggmate-link:hover{background:#f4faf9}
.auth-card .non-customer-notice .visit-eggmate-link:focus-visible{outline:3px solid #b9ddd5;outline-offset:2px}

.first-egg-welcome{margin-top:4px}
.first-egg-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);align-items:center;min-height:360px;overflow:hidden;border-radius:26px;background:radial-gradient(circle at 82% 20%,#336779 0%,#153d58 35%,#102a43 72%);color:#fff;box-shadow:0 22px 45px rgba(16,42,67,.18)}
.first-egg-copy{position:relative;z-index:2;padding:50px 30px 50px 56px}
.first-egg-kicker{color:#f5ad75;font-size:.75rem;font-weight:850;letter-spacing:.13em}
.first-egg-copy h2{max-width:540px;margin:15px 0;font-size:clamp(2.15rem,4.5vw,3.5rem);line-height:1.08;letter-spacing:-.045em}
.first-egg-copy p{max-width:530px;margin:0;color:#d7e5ec;font-size:1.05rem;line-height:1.6}
.first-egg-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.first-egg-hero .first-egg-buttons button{min-height:48px;padding:12px 20px}
.first-egg-hero .first-egg-buttons .primary{color:#102a43!important;background:#fff!important;border-color:#fff!important;box-shadow:0 8px 20px rgba(0,0,0,.16)!important}
.first-egg-hero .first-egg-buttons .primary:hover{background:#e9f4f8!important;border-color:#e9f4f8!important}
.first-egg-hero .first-egg-buttons .secondary{color:#fff!important;background:transparent!important;border:1px solid rgba(255,255,255,.58)!important;box-shadow:none!important}
.first-egg-hero .first-egg-buttons .secondary:hover{background:rgba(255,255,255,.12)!important}
.first-egg-visual{position:relative;display:grid;place-items:center;align-self:stretch;min-height:300px}
.first-egg-photo{position:relative;z-index:1;width:min(285px,72%);aspect-ratio:1;border:9px solid rgba(255,255,255,.83);border-radius:50%;overflow:hidden;box-shadow:0 20px 45px rgba(0,0,0,.32);transform:rotate(7deg)}
.first-egg-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.18) rotate(-7deg)}
.first-egg-orbit{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.first-egg-orbit.orbit-one{width:360px;height:360px}
.first-egg-orbit.orbit-two{width:460px;height:460px}
.first-egg-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.first-egg-steps article{padding:24px;border:1px solid #d8e4eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(16,42,67,.055)}
.first-egg-steps article>span{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e9f4f7;color:#0a7284;font-size:.82rem;font-weight:850}
.first-egg-steps h3{margin:17px 0 6px;color:#102a43;font-size:1.05rem}
.first-egg-steps p{margin:0;color:#607583;font-size:.9rem;line-height:1.5}
@media(max-width:780px){.first-egg-hero{grid-template-columns:1fr}.first-egg-copy{padding:35px 28px 14px}.first-egg-visual{min-height:230px}.first-egg-photo{width:190px}.first-egg-orbit.orbit-one{width:270px;height:270px}.first-egg-orbit.orbit-two{width:340px;height:340px}}
@media(max-width:620px){
  .first-egg-hero{border-radius:20px}
  .first-egg-copy{padding:30px 22px 22px}
  .first-egg-copy h2{font-size:2.2rem}
  .first-egg-buttons{display:grid}
  .first-egg-buttons button{width:100%}
  .first-egg-visual{min-height:320px;overflow:hidden}
  .first-egg-orbit.orbit-one{width:230px;height:230px}
  .first-egg-orbit.orbit-two{width:290px;height:290px}
  .first-egg-steps{grid-template-columns:1fr;gap:10px}
  .first-egg-steps article{padding:18px}
  .first-egg-steps h3{margin:10px 0 4px}
}

body{display:flex;flex-direction:column}
body>main{width:100%;flex:1}
.app-footer{width:min(1132px,calc(100% - 48px));margin:26px auto 0;padding:18px 8px 24px;border-top:1px solid #d6e2e9;color:#6b7c88;text-align:center;font-size:.82rem;line-height:1.4}
@media(max-width:560px){.app-footer{width:calc(100% - 24px);margin-top:16px;padding-bottom:20px}}

/* Keep the weight-loss guide cards inside narrow phone viewports. */
.guide-table-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.guide-table-title{margin:0 0 10px!important;font-size:1.15rem!important;line-height:1.35;font-weight:800}
@media(max-width:600px){
  .guide-table-wrap,.guide-reading-table,.guide-reading-table tbody,.guide-reading-table tbody tr{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0}
  .guide-reading-table tbody th,.guide-reading-table tbody td{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}
  .guide-reading-table tbody tr{overflow:hidden}
}