/* Rancho inteligente · illustrations are original SVG, no external imagery. */
.rancho-hero{display:grid;grid-template-columns:1.2fr 1fr;background:radial-gradient(ellipse at 88% 40%,#174f40,transparent 65%),#0b2420;color:#ecfff7;border:1px solid #28664b;border-radius:24px;overflow:hidden;margin-bottom:22px;position:relative}.rancho-hero-copy{padding:35px 0 30px 35px;position:relative;z-index:1}.rancho-eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:#9cceb6}.rancho-hero h1{font-family:Manrope,sans-serif;font-size:clamp(28px,3vw,43px);line-height:1.18;font-weight:750;letter-spacing:-1.4px;margin:16px 0}.rancho-hero h1 em{font-style:normal;color:#85e0af}.rancho-hero-copy>p{max-width:430px;color:#b8d2c5;line-height:1.7;font-size:12px}.rancho-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin:21px 0}.rancho-hero-actions .button{border-color:#548775;background:#163e31;color:white}.rancho-hero-actions .button.primary{background:#a4ebbf;color:#103b26;border-color:#a4ebbf}.rancho-data{display:flex;gap:20px;padding-top:19px;border-top:1px solid #46705c66}.rancho-data>span{font-size:10px;color:#b4cebf;max-width:130px}.rancho-data strong{display:block;font-size:25px;line-height:1.5;color:#fff}.rancho-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#97e5b5;padding:20px 18px}.rancho-silhouette{width:100%;height:auto;max-width:440px;max-height:200px}.rancho-stage-progress{margin:12px 0}.rancho-stage-progress p{font-size:10px;margin-bottom:7px}.rancho-visual-label{font-size:8px;letter-spacing:2px;text-align:center;color:#b2d0bd}.rancho-visual>p{font-size:11px;line-height:1.8;color:#b2d0bd;text-align:center;margin-top:14px}.rancho-rail{margin-bottom:24px;display:flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto}.rancho-rail .tab{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:10px 15px}.rancho-rail .tab svg{width:16px;height:16px}.rancho-rail .tab.active{box-shadow:inset 0 -2px var(--module)}.pig-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.rancho-animal{overflow:hidden;min-width:0;display:flex;flex-direction:column}.rancho-animal-image{position:relative;display:block;overflow:hidden;height:156px;background:radial-gradient(ellipse at 65% 35%,rgba(var(--module-rgb),.16),transparent),var(--surface-alt);color:var(--module)}.rancho-animal-image>.rancho-silhouette{height:100%;max-width:none}.rancho-animal-image .media-image,.rancho-animal-image img{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0}.rancho-animal-image .ear-tag{position:absolute;left:17px;top:16px;background:var(--surface);border:1px solid var(--line);padding:7px 12px;font-size:14px;color:var(--text);border-radius:9px}.rancho-animal-body{padding:20px;display:flex;flex-direction:column;flex:1}.rancho-animal-body>.card-top{flex-wrap:wrap;gap:6px}.rancho-animal-body>.card-top>.muted{font-size:10px}.rancho-animal h2{font-size:20px;letter-spacing:-.5px;margin:13px 0 4px}.rancho-animal h2 a{color:var(--text)}.rancho-animal-body>p{font-size:12px;color:var(--muted);line-height:1.6}.rancho-animal-status,.rancho-alert{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:11px;color:var(--muted)}.rancho-animal-status svg,.rancho-alert svg{width:16px;height:16px;flex-shrink:0}.rancho-animal-body>.rancho-estimate{font-size:11px;margin:8px 0}.rancho-animal-body>.rancho-alert{border:1px solid var(--line);background:var(--surface-alt);border-radius:10px;padding:11px;font-size:11px;margin:14px 0}.rancho-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:15px}.rancho-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:12px;align-items:flex-start}.rancho-card-actions>.button{flex:1}.rancho-more{flex:1;min-width:125px}.rancho-more summary{list-style:none;cursor:pointer;display:flex;justify-content:center;gap:8px;white-space:nowrap}.rancho-more summary::-webkit-details-marker{display:none}.rancho-more summary svg{width:14px;height:14px}.rancho-more[open]{flex-basis:100%}.rancho-more>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-alt)}.rancho-more>div>.button{flex:1 1 140px;background:var(--surface)}.feed-line-chart{width:100%;color:var(--module);display:block;max-height:280px;margin-top:20px}.feed-values summary{cursor:pointer;min-height:44px;padding:13px 0;font-weight:600}.feed-values-scroll{max-height:320px;overflow:auto}.chart-table caption{text-align:left;font-size:12px;color:var(--muted);padding:10px}.feed-empty{padding:30px;margin:24px 0;display:grid;justify-items:center;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(var(--module-rgb),.08),transparent 70%),var(--surface)}.feed-empty-art{display:flex;align-items:center;gap:18px;color:var(--module);padding:20px 0}.feed-empty-art svg{width:36px;height:36px}.feed-empty-art svg:nth-child(2){width:60px;height:60px;padding:12px;border:1px solid var(--line);border-radius:18px}.feed-empty h2{font-size:21px;margin:10px 0}.feed-empty p{max-width:500px;color:var(--muted);font-size:13px;line-height:1.8}.feed-empty .toolbar{justify-content:center;margin:18px 0 0}.milestone-editor{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;padding:17px}.milestone-editor legend{font-size:16px;font-weight:700;padding:0 6px}.milestone-editor>p{font-size:12px;color:var(--muted);margin-bottom:15px}.milestone-row{display:grid;grid-template-columns:80px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:15px 0}.milestone-row .milestone-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px}.milestone-row label{font-size:12px;display:grid;gap:7px}.milestone-row .form-check{display:flex;gap:8px}.milestone-row .input{width:100%;min-width:0}.milestone-editor>.button{margin-top:14px}.milestone-preview{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.8}.milestone-preview strong{color:var(--text)}
.rancho-stage-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-bottom:17px}.rancho-stage-counts>span{border:1px solid #54877555;border-radius:8px;padding:7px;font-size:9px;color:#c1d5cb}.rancho-stage-counts strong{margin-right:4px}.rancho-stage-counts .has-records{background:#2b71474d;color:#b9f7ca;border-color:#548775}.rancho-brief{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #54877555;background:#061d1866}.rancho-brief article{padding:18px 23px;border-right:1px solid #54877533;min-width:0}.rancho-brief article>span{font-size:8px;letter-spacing:1px;color:#95bca8;display:block;margin-bottom:8px}.rancho-brief strong{display:block;color:#e3f9eb;font-size:12px;margin-bottom:5px}.rancho-brief p,.rancho-brief a{font-size:10px;line-height:1.6;color:#b4cebf;overflow-wrap:anywhere}.rancho-start{border-top:1px solid #54877555;padding:16px 0}.rancho-rail{scroll-snap-type:x proximity}.rancho-rail .tab{scroll-snap-align:start}.milestone-row>label:nth-of-type(3),.milestone-row>label:nth-of-type(4){grid-column:1/-1}.milestone-row .select{width:100%;min-width:0}.milestone-confirm{grid-column:1/-1;background:var(--surface-alt);padding:12px;border:1px solid var(--line);border-radius:10px}.milestone-confirm[hidden]{display:none}.milestone-confirm p{font-size:12px;margin-bottom:8px}
@media(max-width:767px){.rancho-hero-compact .rancho-visual,.rancho-hero-compact .rancho-brief{display:none}.rancho-hero-compact .rancho-hero-copy{padding-bottom:20px}.rancho-hero-compact .rancho-hero-copy>p:not(.rancho-start){display:none}.rancho-hero-compact h1{font-size:27px}.rancho-hero-compact .rancho-data{padding-top:10px}.rancho-hero-compact .rancho-hero-actions{margin:16px 0}.rancho-brief{grid-template-columns:1fr}.rancho-brief article{border-right:0;border-bottom:1px solid #54877533;padding:13px 22px}.rancho-stage-counts{display:flex;overflow-x:auto;padding-bottom:4px}.rancho-stage-counts>span{flex-shrink:0}.rancho-stage-counts strong{font-size:13px}.rancho-visual .rancho-stage-counts{margin-top:0}}
@media(max-width:767px){.rancho-hero{grid-template-columns:1fr}.rancho-hero-copy{padding:25px 22px 0}.rancho-hero h1{font-size:32px}.rancho-hero-actions .button{flex:1}.rancho-data{gap:14px}.rancho-data>span{flex:1}.rancho-data strong{font-size:23px}.rancho-visual{padding:0 18px 23px}.rancho-visual>.rancho-silhouette{height:180px}.rancho-visual>p{margin-top:8px;font-size:10px}.rancho-rail{margin-bottom:19px}.rancho-rail .tab{flex-direction:column;font-size:11px;gap:6px;min-width:83px}.rancho-animal-image{height:172px}.rancho-animal-body{padding:18px}.feed-empty{padding:24px 18px}.feed-empty h2{font-size:20px}.feed-line-chart{min-height:140px}.milestone-editor{padding:12px}.milestone-row{grid-template-columns:65px 1fr}}