/* demo/data-masking/styles.css — Excel匿名化ツール */
.mskk { display:flex; flex-direction:column; gap:14px; padding:18px; }
.mskk-filebar { display:flex; align-items:center; gap:14px; background:var(--d-panel);
  border:1px solid var(--d-line); border-radius:10px; padding:12px 16px; }
.mskk-filebar .fi b { font-size:14px; } .mskk-filebar .fi small { display:block; color:var(--d-sub); font-size:11px; }
.mskk-filebar .local { font-size:11px; color:var(--d-acc); border:1px solid var(--d-acc);
  border-radius:999px; padding:3px 10px; }
.mskk-filebar .mode { margin-left:auto; font-size:12px; padding:4px 12px; border-radius:999px;
  border:1px solid var(--d-line); color:var(--d-sub); }
.mskk-filebar .mode.is-masked { color:var(--d-acc); border-color:var(--d-acc); }
.mskk-tool-wrap { display:flex; flex-direction:column; gap:10px; }
.mskk-tool { display:flex; gap:8px; }
.mskk-btn { background:#16233b; border:1px solid var(--d-line); color:var(--d-fg);
  border-radius:8px; padding:9px 16px; font-size:13px; cursor:pointer; }
.mskk-btn:disabled { opacity:.4; cursor:default; }
.mskk-btn.primary { background:var(--d-acc); border-color:var(--d-acc); color:#04130a; font-weight:700; }
.mskk-msg { font-size:12px; border-radius:8px; padding:8px 10px; }
.mskk-msg.is-info { background:#13233f; border:1px solid #3b82f6; color:#bcd4ff; }
.mskk-msg.is-ok { background:#16332440; border:1px solid var(--d-acc); color:var(--d-acc); }
.mskk-table { border:1px solid var(--d-line2); border-radius:10px; overflow:hidden; }
.mskk-row { display:grid; grid-template-columns:200px 1fr 120px; align-items:center;
  border-bottom:1px solid var(--d-line2); }
.mskk-row:last-child { border-bottom:none; }
.mskk-row .cn { padding:10px 14px; color:var(--d-fg); font-size:13px; }
.mskk-row .cv { padding:10px 14px; color:var(--d-sub); font-size:13px; font-family:"Inter",monospace; }
.mskk-row.is-masked .cv { color:var(--d-acc); }
.mskk-head { background:#0e1a30; }
.mskk-head .cn, .mskk-head .cv, .mskk-head .cr { color:var(--d-sub); font-size:11px; letter-spacing:.06em; padding:8px 14px; }
.mskk-row .toggle { margin:7px 12px; border-radius:7px; padding:5px 0; font-size:12px; cursor:pointer;
  border:1px solid var(--d-line); background:#16233b; color:var(--d-sub); }
.mskk-row .toggle.is-mask { border-color:var(--d-acc); color:var(--d-acc); }
.mskk-row .toggle.is-keep { border-color:var(--d-line); color:var(--d-sub); }
.mskk-summary { display:flex; gap:18px; align-items:center; color:var(--d-sub); font-size:13px; }
.mskk-summary b { color:var(--d-acc); }
.mskk-summary .note { margin-left:auto; font-size:11px; }