/*Cフレーム エクスポート＆インポートボタン */
    .icon-btn{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0; margin-left:8px; border:1px solid var(--line,#e5e5e5); background:var(--card,#fff); color:#111; border-radius:10px; cursor:pointer; }
    .icon-btn:hover{ background:var(--bg,#f7f7f8); }


    .data-popover{ position:absolute; z-index:1000; min-width:320px; max-width:420px; background:var(--card,#fff); border:1px solid var(--line,#e5e5e5); border-radius:12px; box-shadow:0 10px 24px rgba(0,0,0,.12); padding:10px; }
    .dp-section{ padding:8px; border-radius:10px; }
    .dp-section + .dp-section{ border-top:1px dashed var(--line,#e5e5e5); }
    .dp-title{ font-size:12px; color:#666; margin-bottom:6px; }
    .dp-row{ display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
    .dp-btn{ padding:6px 10px; border:1px solid var(--line,#e5e5e5); background:var(--card,#fff); border-radius:8px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
    .dp-btn:hover{ background:var(--bg,#f7f7f8); }
    .dp-check{ display:flex; align-items:center; gap:6px; padding:4px 6px; }
    .dp-tabs{ display:flex; gap:6px; margin-bottom:6px; }
    .dp-tab{ padding:4px 8px; border:1px solid var(--line,#e5e5e5); border-radius:8px; background:var(--card,#fff); cursor:pointer; }
    .dp-tab.is-active{ outline:2px solid var(--accent,#2b6cb0); }
    .dp-note{ margin-top:6px; font-size:11px; color:#666; }