/* Web Tools data productivity extension. Uses existing ArcShare and Web Tools theme variables. */
.wt-code-area{font-family:var(--mono)}
.wt-muted{color:var(--text4);font:11px var(--mono)}
.wt-details{margin-top:10px;border:1px solid var(--border);border-radius:9px;background:var(--bg3)}
.wt-details>summary{padding:9px 11px;cursor:pointer;color:var(--text3);font:11px var(--sans);font-weight:600}
.wt-details[open]>summary{border-bottom:1px solid var(--border)}
.wt-details>*:not(summary){margin-left:10px;margin-right:10px}
.wt-details>*:last-child{margin-bottom:10px}
.wt-regex-head{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:10px;margin-bottom:10px}
.wt-regex-head .inp{margin-bottom:0}
.wt-regex-preview{min-height:180px;max-height:300px;margin:0;padding:10px 11px;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--text2);font:12px/1.65 var(--mono);white-space:pre-wrap;word-break:break-word;overflow:auto}
.wt-regex-preview mark{background:var(--amber-bg);color:var(--text);border:1px solid var(--amber-br);border-radius:3px;padding:0 1px}
.wt-regex-replace-label,.wt-regex-groups-label{margin-top:10px}
.wt-match-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow:auto}
.wt-match-row{padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg3)}
.wt-match-head{font:11px/1.45 var(--mono);color:var(--text2);word-break:break-word}
.wt-match-groups{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}
.wt-match-groups code{padding:2px 5px;border:1px solid var(--border);border-radius:5px;background:var(--bg2);color:var(--text3);font:10px var(--mono)}
.wt-regex-replace-result{margin-top:12px}
.wt-regex-replace-result pre{margin:0;padding:10px 11px;max-height:220px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--text2);font:12px/1.6 var(--mono);white-space:pre-wrap;word-break:break-word}
.wt-clean-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px;padding:8px 9px;border:1px solid var(--border);border-radius:8px;background:var(--bg3)}
.wt-clean-options label,.wt-check-row{display:flex;align-items:center;gap:5px;color:var(--text3);font:11px var(--sans);cursor:pointer}
.wt-clean-options input,.wt-check-row input,.wt-column-chip input{accent-color:var(--blue)}
.wt-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px}
.wt-advanced-grid .inp{margin-bottom:0}
.wt-csv-source-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:14px}
.wt-csv-input{height:150px}
.wt-csv-source-options{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--bg3)}
.wt-csv-source-options .inp{margin-bottom:0}
.wt-file-button{display:flex;align-items:center;justify-content:center;cursor:pointer}
.wt-csv-workspace{margin-top:12px}
.wt-csv-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:10px}
.wt-csv-control .inp{margin-bottom:0}
.wt-csv-columns-details{margin-bottom:10px}
.wt-column-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;padding-top:10px}
.wt-column-chip{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text3);font:11px var(--sans);cursor:pointer}
.wt-column-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wt-table-wrap{max-width:100%;max-height:360px;overflow:auto;border:1px solid var(--border);border-radius:9px;background:var(--bg3)}
.wt-csv-table{width:100%;border-collapse:collapse;font:11px/1.45 var(--mono);color:var(--text2)}
.wt-csv-table th,.wt-csv-table td{padding:7px 9px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}
.wt-csv-table th{position:sticky;top:0;z-index:1;background:var(--bg4);color:var(--text);font-weight:700}
.wt-csv-table tr:last-child td{border-bottom:0}
.wt-csv-table th:last-child,.wt-csv-table td:last-child{border-right:0}
.wt-csv-output-label{margin-top:12px}
.wt-csv-output-label>div{display:flex;gap:3px}
@media(max-width:768px){
.wt-regex-head{grid-template-columns:minmax(0,1fr) 86px}
.wt-advanced-grid,.wt-csv-controls{grid-template-columns:minmax(0,1fr)}
.wt-csv-source-row{grid-template-columns:minmax(0,1fr)}
.wt-csv-source-options{padding:10px}
.wt-regex-preview{min-height:140px}
}
@media(max-width:480px){
.wt-regex-head{grid-template-columns:minmax(0,1fr)}
.wt-column-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
