/* Historical import and comparison — WordPress theme draft */
.historical-section{position:relative;background:radial-gradient(ellipse at 5% 30%,rgba(108,214,255,.075),transparent 35rem)}
.historical-heading{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:32px}
.historical-heading h2{margin:16px 0}
.hist-privacy{max-width:270px;flex:none;padding:14px 18px;border:1px solid rgba(113,246,165,.24);border-radius:16px;color:var(--accent);font-size:.82rem;line-height:1.55;background:rgba(113,246,165,.045)}
.historical-layout{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:20px;align-items:stretch}
.hist-panel{border-radius:27px;border:1px solid var(--line);background:linear-gradient(155deg,rgba(17,46,35,.95),rgba(8,23,16,.98));padding:clamp(20px,3vw,34px);min-width:0}
.hist-panel h3{letter-spacing:-.025em;font-size:1.4rem;margin:0 0 20px}
.hist-import{display:flex;flex-direction:column;align-items:stretch;gap:12px}
.hist-help{font-size:.83rem;line-height:1.65;color:#c2d7cb;padding:14px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.025);overflow-wrap:anywhere}
.hist-import label{font-size:.85rem;font-weight:800;margin-top:8px}
.hist-import select,.hist-import input[type=file],.hist-input input{background:#061710;color:var(--text);width:100%;border:1px solid rgba(255,255,255,.2);border-radius:12px;min-height:50px;padding:10px 13px;outline:none;min-width:0}
.hist-import input[type=file]{font-size:.82rem;padding:11px}
.hist-import select:focus-visible,.hist-import input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px rgba(113,246,165,.14)}
.hist-import small{font-size:.78rem;color:var(--muted);line-height:1.55}
.hist-import code{background:rgba(255,255,255,.08);color:#dbf9e8;padding:2px 4px;border-radius:4px;font-size:.78rem}
.hist-input{position:relative}
.hist-input input{padding-right:78px;font-size:1rem}
.hist-input>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:.77rem;color:var(--muted);pointer-events:none}
.hist-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.hist-actions .btn{cursor:pointer;flex:1;min-width:150px}
.hist-actions .btn-secondary{color:#edfff3}
.hist-status{color:var(--muted);font-size:.82rem;line-height:1.55;margin:4px 0 0;min-height:35px}
.hist-status.hist-error{color:#ffd0bf}
.hist-charts{display:flex;flex-direction:column;gap:13px}
.hist-chart-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.hist-chart-title h3{font-size:1rem;margin:0}
.hist-chart-title span{font-size:.75rem;color:var(--muted)}
.hist-chart-box{min-height:225px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(0,0,0,.11);overflow:hidden;display:flex;align-items:center;justify-content:center}
.hist-chart-box svg{width:100%;height:auto;display:block;overflow:visible}
.hist-chart-empty{padding:25px;font-size:.84rem;color:var(--muted);line-height:1.5;text-align:center}
.hist-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:6px 0}
.hist-summary>div{background:rgba(255,255,255,.035);border-radius:13px;border:1px solid var(--line);padding:14px;min-width:0}
.hist-summary span{font-size:.72rem;color:var(--muted);line-height:1.45;display:block}
.hist-summary strong{font-size:1.18rem;font-weight:900;letter-spacing:-.03em;display:block;margin-top:7px;overflow-wrap:anywhere}
.hist-second-title{border-top:1px solid var(--line);padding-top:18px;margin-top:8px}
.hist-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.72rem;color:var(--muted)}
.hist-key{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:4px}
.hist-key-original{background:#a9bcb2}
.hist-key-optimized{background:var(--accent)}
.hist-method{font-size:.77rem;line-height:1.65;color:var(--muted);border-top:1px solid var(--line);padding-top:13px}
.hist-production-import{display:grid;gap:10px;margin:12px 0;padding:19px;border:1px solid rgba(113,246,165,.2);border-radius:17px;background:rgba(113,246,165,.035)}
.hist-production-import strong{font-size:.89rem;color:#d7f7e3}
.hist-production-import p{font-size:.8rem;color:var(--muted);line-height:1.6;margin:0}
.hist-production-import label{font-size:.82rem;font-weight:800}
.hist-production-import .btn{cursor:pointer;color:#f5fff8;white-space:normal;text-align:center}
.hist-production-import .btn:disabled{opacity:.55;cursor:not-allowed}
.hist-production-import input[type=file]{padding:12px}
.hist-production-import .hist-status.hist-error{color:#ffd0bf}
@media(max-width:1020px){.historical-layout{grid-template-columns:1fr}.historical-heading{align-items:start;flex-direction:column}.hist-privacy{max-width:none}}
@media(max-width:600px){.hist-summary{grid-template-columns:1fr}.hist-panel{padding:20px}.hist-actions .btn{min-width:0;flex:1 1 100%}}