/* GavranGold V16 Smart Farm V4 | Mode-aware saved-data cockpit | Staging only */
#app .gg-v4-mount{margin:0 0 18px}
#app .gg-v4-studio{background:#fff;border:1px solid #d5e3d7;border-radius:19px;box-shadow:0 13px 35px #143f2e12;overflow:hidden}
#app .gg-v4-head{padding:15px 19px;background:linear-gradient(115deg,#083a2d,#1d6145);color:#f8eac4;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
#app .gg-v4-head-title{display:flex;align-items:center;gap:10px}
#app .gg-v4-head-title img{border:1px solid #e4bf6866;border-radius:10px;background:#164633;object-fit:contain;flex:none}
#app .gg-v4-head-title span{display:block;color:#e6c277;font-size:10px;letter-spacing:.13em;font-weight:800}
#app .gg-v4-head-title h2{margin:3px 0 0;color:#fff6db;font-size:21px;line-height:1.3}
#app .gg-v4-head>small{color:#e1eacb;font-size:11px}
#app .gg-v4-body{padding:17px}
#app .gg-v4-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#app .gg-v4-kpi{border:1px solid #dce6da;background:#f6f9f5;border-radius:13px;padding:14px;min-width:0}
#app .gg-v4-kpi span{display:block;color:#536c5c;font-size:12px;font-weight:700}
#app .gg-v4-kpi strong{display:block;margin-top:5px;font-size:22px;color:#124630;line-height:1.3;overflow-wrap:anywhere}
#app .gg-v4-section{margin:15px 0 0}
#app .gg-v4-section h3{margin:0 0 10px;font-size:15px;color:#174b37}
#app .gg-v4-alerts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0;gap:10px}
#app .gg-v4-alert{min-width:0;background:#f6faf7;border:1px solid #dceadf;border-radius:12px;padding:11px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center}
#app .gg-v4-alert.gg-v4-warning{background:#fff9ec;border-color:#ecd6a5}
#app .gg-v4-alert.gg-v4-soon{background:#f9f8e9;border-color:#dad6aa}
#app .gg-v4-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eaf1e6;font-size:18px}
#app .gg-v4-alert strong{font-size:12px;color:#204d39;line-height:1.45;display:block}
#app .gg-v4-alert small{display:block;margin-top:3px;color:#5d7064;font-size:11px;overflow-wrap:anywhere}
#app .gg-v4-alert button,#app .gg-v4-onboard button{min-height:40px;background:#f6e5bb;color:#1e4b34;border:1px solid #d6b976;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:850;cursor:pointer}
#app .gg-v4-noalert{margin:0;border-radius:12px;padding:12px;color:#375c48;background:#eff8f0;border:1px solid #d9eada;font-size:12px}
#app .gg-v4-onboard{margin-top:14px;padding:14px;border-radius:13px;background:#f7f1df;border:1px solid #e6d19d}
#app .gg-v4-onboard strong{display:block;font-size:14px;color:#1d553e}
#app .gg-v4-onboard p{margin:6px 0 11px;font-size:12px;color:#496957;line-height:1.5}
#app .gg-v4-onboard button+button{margin-left:8px}
#app .gg-v4-history{margin-top:14px;border:1px solid #dbe7db;border-radius:12px;overflow:hidden}
#app .gg-v4-history summary{cursor:pointer;display:flex;justify-content:space-between;background:#f7faf7;padding:13px 14px;list-style:none;color:#21533a;font-size:12px;font-weight:800}
#app .gg-v4-history summary::-webkit-details-marker{display:none}
#app .gg-v4-history[open] summary{border-bottom:1px solid #dce9dc}
#app .gg-v4-history-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;padding:13px}
#app .gg-v4-day{text-align:center;background:#ecf4ee;border-radius:9px;padding:8px 3px}
#app .gg-v4-day span{display:block;font-size:10px;color:#567061}
#app .gg-v4-day b{display:block;font-size:17px;margin-top:4px;color:#0d5139}
#app .gg-v4-totals{display:flex;gap:15px;padding:0 13px 14px;flex-wrap:wrap;color:#516a58;font-size:12px}
#app .gg-v4-totals strong{color:#194d36}
#app .gg-v4-disclaimer{margin:12px 0 0;font-size:11px;color:#6b8070;line-height:1.6}
/* V4 replaces V2's less precise alert widget when the new read-only cockpit is present. */
#app .gg-v4-active .gg-v2-reminders{display:none!important}
#app .gg-v4-alert button:focus-visible,#app .gg-v4-history summary:focus-visible,#app .gg-v4-onboard button:focus-visible{outline:3px solid #d4ac56;outline-offset:2px}
@media(max-width:1040px){#app .gg-v4-alerts{grid-template-columns:1fr}}
@media(max-width:680px){#app .gg-v4-head{padding:13px}#app .gg-v4-head-title h2{font-size:18px}#app .gg-v4-body{padding:12px}#app .gg-v4-kpis{gap:6px}#app .gg-v4-kpi{padding:10px 8px}#app .gg-v4-kpi strong{font-size:17px}#app .gg-v4-kpi span{font-size:10px}#app .gg-v4-alert{grid-template-columns:30px minmax(0,1fr)}#app .gg-v4-alert button{grid-column:2;justify-self:start}#app .gg-v4-history-row{gap:3px;padding:8px}#app .gg-v4-day{padding:7px 0}#app .gg-v4-day span{font-size:9px}#app .gg-v4-day b{font-size:14px}}
@media(prefers-reduced-motion:reduce){#app .gg-v4-studio *{transition:none!important}}