.soil-history{overflow:hidden;padding:0;color:#23485b}
.soil-history-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 28px;background:linear-gradient(115deg,#174b65,#287b80);color:#fff}
.soil-history-header h2{margin:8px 0 0;font-size:clamp(21px,2.2vw,29px);color:inherit}
.soil-history-header .eyebrow{color:#ade9ea}
.soil-history button{padding:11px 15px;border:1px solid #bfd6e2;border-radius:13px;background:#fff;color:#214b61;font:inherit;font-weight:700;cursor:pointer}
.soil-history button:hover:not(:disabled){background:#e4f6fa;border-color:#55a6bd}
.soil-history button:disabled{opacity:.45;cursor:default}
.soil-history-header button{background:#1182a7;border-color:#5ac1d9;color:#fff;white-space:nowrap}
.soil-history-controls{padding:22px 28px;background:#e3f0f5}
.soil-history-controls fieldset{border:1px solid #bdd8e5;border-radius:17px;padding:18px;margin:0;min-width:0}
.soil-history legend{font-weight:800;padding:0 8px}
.soil-history-control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.soil-history-control-grid label{display:grid;gap:7px;font-weight:700;font-size:14px;min-width:0}
.soil-history-control-grid input,.soil-history-control-grid select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #c0d8e4;background:#fff;color:#214b61;border-radius:12px;padding:12px;font:inherit;min-height:48px}
.soil-history [hidden]{display:none!important}
.soil-history-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px}
.soil-history .soil-history-load{background:#f8c640;border-color:#f8c640;color:#24465b;min-width:180px}
.soil-history-checkbox{display:flex;align-items:center;gap:7px;font-size:14px}
.soil-history-body{padding:22px 28px}
.soil-history-depths{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:0;padding:8px 0;margin:0}
.soil-history-depths legend{padding:0;margin-bottom:10px;font-size:15px}
.soil-history-depths label{display:flex;gap:8px;align-items:center;border:1px solid #d2e3ec;border-radius:12px;background:#fff;padding:10px 13px;font-weight:700}
.soil-history-depths i{width:20px;height:4px;border-radius:3px;background:var(--history-color)}
.soil-history input[type=checkbox]{accent-color:#1480a5;width:17px;height:17px}
.soil-history-status{color:#506f82;font-size:15px;margin:17px 0;min-height:24px}
.soil-history-toolbar{display:flex;flex-wrap:wrap;gap:8px}
.soil-history-toolbar button{font-size:13px;padding:9px 11px}
.soil-history-chart{height:420px;width:100%;margin:18px 0 10px;background:#f5fafc;border:1px solid #d7e6ee;border-radius:14px;overflow:hidden}
.soil-history-help,.soil-history-sources{font-size:14px;color:#587589;line-height:1.6}
.soil-history-table-wrap{overflow-x:auto;margin:20px 0}
.soil-history-summary{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}
.soil-history-summary caption{text-align:left;margin-bottom:10px;font-weight:700;color:#284e64}
.soil-history-summary td,.soil-history-summary th{padding:11px 13px;text-align:right;border-bottom:1px solid #d8e8f0}
.soil-history-summary th{background:#e6f1f5}
.soil-history-summary :is(th,td):first-child{text-align:left;font-weight:700}
.soil-history-summary tr.is-hidden{opacity:.4}
.soil-history-sources summary{cursor:pointer;font-weight:700;color:#29556b}
.soil-history-image-preview{margin:15px 0;font-size:14px}
.soil-history-image-preview summary{cursor:pointer;font-weight:700}
.soil-history-image-preview img{display:block;width:100%;height:auto;border:1px solid #c8dfe8;margin-top:12px}
.soil-history-sources ul{padding-left:22px}
.soil-history:fullscreen,.soil-history.is-expanded{background:#edf6fa;overflow:auto;width:100%;height:100%;border-radius:0;margin:0}
.soil-history:fullscreen .soil-history-chart,.soil-history.is-expanded .soil-history-chart{height:55vh;min-height:350px}
.soil-history.is-expanded{position:fixed;inset:0;z-index:5000;box-sizing:border-box}
.soil-history :is(button,input,select):focus-visible{outline:3px solid #167ba0;outline-offset:3px}
@media(max-width:900px){.soil-history-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.soil-history-header,.soil-history-controls,.soil-history-body{padding:20px}.soil-history-header{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:500px){.soil-history-header,.soil-history-controls,.soil-history-body{padding:15px}.soil-history-control-grid{grid-template-columns:1fr}.soil-history-controls fieldset{padding:13px}.soil-history-actions button{flex:1}.soil-history-actions .soil-history-load{flex-basis:100%}.soil-history-chart{height:350px}.soil-history-depths label{font-size:13px}.soil-history-toolbar button{flex-grow:1}}
