/* policy_ai_analyse_tab.css — v7.6.23d
   AI Analysis tab (Step 2) styles for PolicyOS.
   Replaces inline styles in loadWz2Results().
*/

/* === 1. Analysis banner === */
.wz2-banner{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.wz2-banner-icon{width:18px;height:18px;border-radius:50%;background:rgba(46,125,50,.1);display:flex;align-items:center;justify-content:center}
.wz2-banner-icon i{font-size:12px;color:#2E7D32}
.wz2-banner-title{font-size:14px;font-weight:500;color:#2E7D32}
.wz2-banner-time{font-size:12px;color:#8A8A8A;font-family:monospace;margin-left:auto}

/* === 2. Document scan === */
.wz2-scan{background:#FFFFFF;border:1px solid #E0DCD6;border-radius:8px;padding:14px;margin-bottom:12px}
.wz2-scan-hdr{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
.wz2-scan-title{font-size:14px;font-weight:500;color:#2A2A2A}
.wz2-scan-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-family:monospace;background:rgba(16,185,129,.12);color:#10B981}
.wz2-scan-summary{font-size:12px;color:#B0A89E}
.wz2-scan-chevron{font-size:12px;color:#B0A89E;transition:transform .2s}
.wz2-scan-body{margin-top:10px}
.wz2-scan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.wz2-scan-stat{background:#FAF8F4;border-radius:6px;padding:8px 10px}
.wz2-scan-num{font-family:monospace;font-size:18px;font-weight:500}
.wz2-scan-num--pages{color:#3B82F6}
.wz2-scan-num--relevant{color:#10B981}
.wz2-scan-num--skipped{color:#B0A89E}
.wz2-scan-num--sections{color:#8B5CF6}
.wz2-scan-lbl{font-size:11px;color:#B0A89E}
.wz2-scan-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:4px}
.wz2-scan-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-family:monospace;font-weight:700;background:rgba(59,130,246,.10);color:#3B82F6}
.wz2-scan-skipped{margin-top:6px;font-size:11px;color:#B0A89E}

/* === 3. Extracted results card === */
.wz2-results{background:#FFFFFF;border:1px solid #E0DCD6;border-radius:8px;padding:14px;margin-bottom:12px}
.wz2-results-title{font-size:14px;font-weight:500;color:#2A2A2A;margin-bottom:10px}

/* === 4. Stats grid === */
.wz2-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.wz2-stat{background:#FAF8F4;border-radius:6px;padding:10px}
.wz2-stat-num{font-family:monospace;font-size:24px;font-weight:500}
.wz2-stat-num--dp{color:#3B82F6}
.wz2-stat-num--grp{color:#8B5CF6}
.wz2-stat-num--wf{color:#06B6D4}
.wz2-stat-num--field{color:#10B981}
.wz2-stat-lbl{font-size:11px;color:#B0A89E}

/* === 5. Collapsible sections === */
.wz2-section-hdr{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:8px 0;border-bottom:1px solid #E0DCD6;user-select:none}
.wz2-section-hdr:hover{background:rgba(212,115,74,.04);margin:0 -14px;padding:8px 14px;border-radius:6px}
.wz2-section-left{display:flex;align-items:center;gap:8px}
.wz2-section-title{font-size:13px;font-weight:500;color:#2A2A2A}
.wz2-section-count{font-size:11px;color:#B0A89E;font-family:monospace;background:#FAF8F4;padding:1px 6px;border-radius:4px}
.wz2-section-chevron{font-size:12px;color:#B0A89E}
.wz2-section-body{padding-top:8px;font-size:14px;color:#8A8A8A;line-height:1.8}

/* === 6. Data points list === */
.wz2-dp-row{display:flex;align-items:baseline;gap:4px;padding:3px 0;border-bottom:1px solid rgba(30,45,74,.5)}
.wz2-dp-id{font-family:monospace;color:#D4734A;font-weight:600;min-width:44px;flex-shrink:0;font-size:15px}
.wz2-dp-id--sys{color:#1565C0}
.wz2-dp-sys-badge{font-size:10px;padding:2px 6px;background:rgba(21,101,192,.1);color:#1565C0;border-radius:4px;margin-right:4px}
.wz2-dp-desc{flex:1;color:#1a1a1a}

.wz2-vp-badge {
    font-family: monospace;
    font-size: 14px;
    font-weight: 600;
    color: #2E7D32;
    background: rgb(23 137 28 / 25%);
    padding: 1px 6px;
    border-radius: 3px;
    /* margin-left: 6px; */
    white-space: nowrap;
    flex-shrink: 0;
    min-w: 200px;
    width: 20%;
    overflow: auto;
    white-space: break-spaces;
}
.wz2-fill-vp-btn{font-size:10px;padding:2px 8px;border-radius:4px;background:#2E7D32;color:#fff;border:none;cursor:pointer;margin-left:4px}
.wz2-fill-vp-btn:hover{background:#256d29}

/* === 7. Workflow list === */
.wz2-wf-title{font-weight:500;color:#F59E0B;margin-top:4px}
.wz2-wf-level{padding-left:8px;color:#8A8A8A}
.wz2-wf-level-num{color:#B0A89E}
.wz2-wf-auto{font-size:9px;padding:1px 5px;background:rgba(16,185,129,.08);color:#10B981;border-radius:8px;font-family:monospace}

/* === 8. Suggested groups list === */
.wz2-grp-item{color:#8A8A8A}
.wz2-grp-name{font-weight:500;color:#2A2A2A}
.wz2-grp-members{color:#B0A89E}

/* === 9. Form fields list === */
.wz2-field-name{font-family:monospace;font-weight:500;color:#D4734A}
.wz2-field-type{color:#B0A89E}
.wz2-field-req{color:#ef4444}

/* === 10. Warning bar === */
.wz2-warn-bar{background:#FFFFFF;border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:10px 14px;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.wz2-warn-icon{font-size:15px;color:#F59E0B}
.wz2-warn-text{font-size:12px;color:#F59E0B;flex:1}

/* === 11. Group cards === */
.wz2-group-card{border:0.5px solid #E0DCD6;border-radius:12px;padding:12px 14px;margin-bottom:8px}
.wz2-group-card--accepted{border-color:rgba(46,125,50,.3);background:rgba(46,125,50,.02)}
.wz2-group-card--discarded{border-color:rgba(198,40,40,.15);opacity:0.3}
.wz2-group-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}
.wz2-group-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.wz2-group-name{font-family:monospace;font-size:13px;font-weight:500;color:#2A2A2A}
.wz2-group-name--accepted{color:#2E7D32}
.wz2-group-actions{display:flex;gap:4px;flex-shrink:0}
.wz2-group-badge{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:500;white-space:nowrap}
.wz2-group-badge--input{background:rgba(21,101,192,.06);color:#1565C0}
.wz2-group-badge--accepted{background:rgba(46,125,50,.06);color:#2E7D32}
.wz2-group-badge--discarded{background:rgba(198,40,40,.06);color:#C62828}
.wz2-group-members-label{font-size:11px;color:#8A8A8A;margin-bottom:2px}

/* === 12. Action buttons === */
.wz2-btn{padding:3px 10px;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;border:0.5px solid #E0DCD6;background:transparent;color:#8A8A8A;display:inline-flex;align-items:center;gap:3px}
.wz2-btn:hover{background:rgba(212,115,74,.04)}
.wz2-btn--accept{background:rgba(46,125,50,.06);color:#2E7D32;border-color:rgba(46,125,50,.2)}
.wz2-btn--accept:hover{background:rgba(46,125,50,.12)}
.wz2-btn--discard{background:transparent;color:#8A8A8A}
.wz2-btn--reanalyze{background:rgba(212,115,74,.06);color:#D4734A;border-color:rgba(212,115,74,.2)}
.wz2-btn--reanalyze:hover{background:rgba(212,115,74,.12)}
.wz2-btn--refresh{background:rgba(21,101,192,.08);color:#1565C0;border-color:rgba(21,101,192,.2);padding:5px 12px}
.wz2-btn--sm{padding:2px 8px;font-size:10px}

/* === 13. DP chips + tooltips === */
.wz2-dp-chip{display:inline-block;position:relative;font-family:monospace;font-size:11px;color:#D4734A;font-weight:500;background:rgba(212,115,74,.06);padding:2px 6px;border-radius:3px;margin:1px;cursor:pointer;border:1px solid rgba(212,115,74,.15)}
.wz2-dp-chip:hover{background:rgba(212,115,74,.12);border-color:#D4734A}
.wz2-dp-chip:hover .wz2-dp-tooltip{display:block}
.wz2-dp-tooltip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:#2A2A2A;color:#FFF;border-radius:6px;padding:8px 10px;font-size:10px;font-family:sans-serif;font-weight:400;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:200px;max-width:320px;white-space:normal;line-height:1.5;pointer-events:none}
.wz2-dp-tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#2A2A2A}
.wz2-dp-tooltip-id{font-family:monospace;color:#D4734A;font-weight:500;margin-bottom:2px}
.wz2-dp-tooltip-desc{color:#E0E0E0;margin-bottom:3px}
.wz2-dp-tooltip-vp{font-family:monospace;color:#4ADE80;font-weight:500}

/* === 14. File chips === */
.wz2-file-chip{display:inline-block;padding:1px 6px;background:rgba(21,101,192,.04);border:0.5px solid rgba(21,101,192,.12);border-radius:3px;font-size:10px;color:#1565C0;margin:1px}
.wz2-file-row{display:flex;flex-wrap:wrap;align-items:center;gap:3px;margin-top:6px}
.wz2-file-icon{font-size:11px;color:#1565C0}

/* === 15. Corrections section === */
.wz2-corrections{border-top:0.5px solid rgba(143,163,200,.15);margin-top:8px;padding-top:6px}
.wz2-corrections-toggle{font-size:11px;color:#8A8A8A;cursor:pointer;display:flex;align-items:center;gap:4px;padding:2px 0;user-select:none}
.wz2-corrections-toggle:hover{color:#2A2A2A}
.wz2-corrections-body{padding-top:6px}
.wz2-corrections-logic{font-size:11px;color:#8A8A8A;line-height:1.6;margin-bottom:6px}
.wz2-corrections-textarea{width:100%;padding:6px 8px;border:1px solid #E0DCD6;border-radius:6px;font-size:11px;color:#2A2A2A;background:#FAF8F4;min-height:40px;resize:vertical}
.wz2-file-select{background:#FAF8F4;border:1px solid #E0DCD6;border-radius:6px;padding:8px;margin-top:6px}
.wz2-file-select-title{font-size:10px;font-weight:500;color:#1565C0;margin-bottom:4px}
.wz2-file-option{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:11px;color:#8A8A8A;cursor:pointer}
.wz2-file-option:hover{color:#2A2A2A}
.wz2-file-option input{width:14px;height:14px;accent-color:#1565C0}
.wz2-file-upload{margin-top:4px;font-size:10px;color:#B0A89E}

/* === 16. Coverage summary === */
.wz2-coverage{border:1px solid rgba(245,158,11,.2);border-radius:10px;padding:14px;background:rgba(245,158,11,.02);margin-top:12px}
.wz2-coverage--ok{border-color:rgba(46,125,50,.2);background:rgba(46,125,50,.02)}
.wz2-coverage-title{font-size:13px;font-weight:500;margin-bottom:10px}
.wz2-coverage-title--ok{color:#2E7D32}
.wz2-coverage-title--warn{color:#F59E0B}
.wz2-coverage-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.wz2-coverage-stat{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}
.wz2-coverage-stat--ok{background:rgba(46,125,50,.06);color:#2E7D32}
.wz2-coverage-stat--warn{background:rgba(245,158,11,.06);color:#F59E0B}
.wz2-coverage-stat--err{background:rgba(198,40,40,.06);color:#C62828}
.wz2-coverage-bar{height:6px;border-radius:3px;overflow:hidden;background:#E0DCD6;margin:6px 0}
.wz2-coverage-bar-fill{height:100%;border-radius:3px}
.wz2-coverage-bar-fill--ok{background:#2E7D32}
.wz2-coverage-bar-fill--warn{background:#F59E0B}
.wz2-coverage-label{font-size:11px;color:#8A8A8A;margin-bottom:2px}
.wz2-dp-chip--missing{color:#C62828;background:rgba(198,40,40,.06);border-color:rgba(198,40,40,.15);cursor:help}
.wz2-file-chip--unused{background:rgba(198,40,40,.06);border-color:rgba(198,40,40,.15);color:#C62828}

/* === 17. AI group section === */
.wz2-ai-section{border-left:3px solid #00695C;border-radius:0 10px 10px 0;background:#FFFFFF;border:1px solid #E0DCD6;border-left:3px solid #00695C;padding:16px;margin-bottom:16px}
.wz2-ai-title{font-size:15px;font-weight:500;color:#00695C}
.wz2-ai-optional{font-size:11px;padding:2px 8px;background:rgba(0,105,92,.1);color:#00695C;border-radius:6px}
.wz2-ai-desc{font-size:12px;color:#8A8A8A;margin-bottom:14px;line-height:1.7}

/* === 18. Progress bar === */
.wz2-progress{background:#FFFFFF;border:1px solid rgba(0,105,92,.3);border-radius:8px;padding:12px;margin-top:8px}
.wz2-progress-text{font-size:13px;color:#00695C}
.wz2-progress-bar{height:4px;background:#E0DCD6;border-radius:2px;overflow:hidden}
.wz2-progress-fill{height:100%;background:#00695C;border-radius:2px;transition:width .5s}

/* === 19. Results header === */0
.wz2-results-hdr{display:flex;justify-content:space-between;align-items:center;margin:12px 0 8px}
.wz2-results-hdr-title{font-size:13px;font-weight:500;color:#00695C}
.wz2-results-hdr-badge{font-size:10px;padding:2px 6px;background:rgba(21,101,192,.08);color:#1565C0;border-radius:4px;margin-left:4px}

/* === 20. User custom rule (preserve) === */
#pos3Panel .pos3-cell-text{font-size:13px !important;color:#000000 !important}


label.pos-combine-chip {
    background: #c5c5c5 !important;
    width: 49% !important;
}

#wz2CombineBlock .pos-combine-chips {
    max-height: 171px;
    overflow-y: scroll;
}

.pos-dp-row div, .pos-dp-row div span {
    font-size: 15px !important;
}