.reference-data-component{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;width:100%;position:relative;color:#334155}.reference-data-component.grid-view{overflow:hidden;display:flex;flex-direction:column;height:100%}.reference-data-component.grid-view canvas{flex:1;min-height:0}.ref-data-header{padding:6px 10px 8px}.ref-data-title{margin:0 0 2px;font-size:20px;font-weight:700;color:#0f172a;line-height:1.3;background:linear-gradient(135deg,#292524,#92400e);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.ref-data-subtitle{margin:0;font-size:13px;color:#94a3b8;line-height:1.4;padding-top:2px;border-top:2px solid;border-image:linear-gradient(to right,#d97706 0%,#d9770640 50%,transparent 100%) 1}.ref-data-controls{padding:6px 8px}.ref-data-controls-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ref-data-controls-overlay{position:absolute;display:flex;align-items:center;gap:3px;pointer-events:none;z-index:10}.ref-data-controls-overlay>*{pointer-events:auto}.ref-data-search-wrapper{position:relative;flex:0 0 180px}.ref-data-search-input{width:100%;padding:5px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;background:#f8fafc;transition:border-color 0.15s,box-shadow 0.15s}.ref-data-search-input:focus{border-color:#d97706;box-shadow:0 0 0 3px rgb(217 119 6 / .1);background:#fff}.ref-data-search-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.ref-data-search-item{padding:7px 12px;cursor:pointer;font-size:13px;transition:background 0.1s}.ref-data-search-item:hover{background:#f1f5f9}.ref-data-region-select{padding:5px 28px 5px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;font-weight:500;color:#334155;outline:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color 0.15s,box-shadow 0.15s;min-width:130px}.ref-data-region-select:hover{border-color:#cbd5e1;background-color:#f8fafc}.ref-data-region-select:focus{border-color:#d97706;box-shadow:0 0 0 3px rgb(217 119 6 / .1)}.ref-data-global-avg-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;white-space:nowrap;user-select:none;padding:4px 10px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;transition:all 0.15s}.ref-data-global-avg-toggle:hover{border-color:#cbd5e1;background:#f8fafc}.ref-data-global-avg-toggle input[type="checkbox"]{display:none}.ref-data-global-avg-toggle input[type="checkbox"]:checked+.ref-data-avg-line-icon{border-color:#64748b;opacity:1}.ref-data-global-avg-toggle input[type="checkbox"]:not(:checked)+.ref-data-avg-line-icon{border-color:#cbd5e1;opacity:.4}.ref-data-avg-line-icon{display:inline-block;width:14px;height:0;border-top:2px dashed;transition:all 0.15s}.ref-data-event-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#94a3b8;cursor:pointer;white-space:nowrap;user-select:none}.ref-data-event-toggle input[type="checkbox"]{margin:0;accent-color:#92400e}.ref-data-tags{display:flex;flex-wrap:wrap;gap:5px;padding:2px 8px 6px}.ref-data-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border:1.5px solid;border-radius:14px;font-size:12px;font-weight:500;cursor:default;transition:all 0.15s;color:#334155}.ref-data-tag:hover{box-shadow:0 1px 4px rgb(0 0 0 / .08);transform:translateY(-1px)}.ref-data-tag-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ref-data-tag-remove{background:none;border:none;cursor:pointer;padding:0 1px;font-size:15px;line-height:1;color:#cbd5e1;display:flex;align-items:center;transition:color 0.1s}.ref-data-tag-remove:hover{color:#ef4444}.ref-data-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ref-data-skeleton{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ref-data-skeleton-header{height:26px;background:linear-gradient(to right,#292524,#92400e);opacity:.4;animation:ref-data-shimmer 1.8s ease-in-out infinite}.ref-data-skeleton-chart{flex:1;padding:12% 8% 15%;position:relative;background:#f8fafc}.ref-data-skeleton-line{position:absolute;left:10%;right:12%;height:2px;border-radius:1px;animation:ref-data-shimmer 1.8s ease-in-out infinite}.ref-data-skeleton-line-1{top:30%;background:linear-gradient(90deg,transparent 0%,#2563eb40 30%,#2563eb60 50%,#2563eb40 70%,transparent 100%);animation-delay:0s}.ref-data-skeleton-line-2{top:50%;background:linear-gradient(90deg,transparent 0%,#dc262640 30%,#dc262660 50%,#dc262640 70%,transparent 100%);animation-delay:0.3s}.ref-data-skeleton-line-3{top:65%;background:linear-gradient(90deg,transparent 0%,#16a34a40 30%,#16a34a60 50%,#16a34a40 70%,transparent 100%);animation-delay:0.6s}@keyframes ref-data-shimmer{0%,100%{opacity:.3}50%{opacity:.7}}