/* AJAX Post Filter — Admin Styles */
.ajaxpose-admin{max-width:1200px}
.ajaxpose-admin h1{font-size:22px;margin-bottom:4px;display:flex;align-items:center;gap:10px}
.ajaxpose-subtitle{color:#666;margin-bottom:24px;font-size:14px}
.ajaxpose-subtitle a{color:#3b82f6}
.ajaxpose-settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.ajaxpose-card-full{grid-column:1/-1}
.ajaxpose-generator-wrap{display:grid;grid-template-columns:1fr 420px;gap:20px;align-items:start}
.ajaxpose-gen-controls{display:flex;flex-direction:column;gap:16px}
.ajaxpose-gen-output{position:sticky;top:32px;display:flex;flex-direction:column;gap:16px}
.ajaxpose-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:visible;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.ajaxpose-card-header{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:700;font-size:13px;color:#1e293b;border-radius:10px 10px 0 0}
.ajaxpose-card-body{padding:16px;overflow:visible}
.ajaxpose-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;overflow:visible;position:relative}
.ajaxpose-row:last-child{margin-bottom:0}
.ajaxpose-row>label:first-child{font-size:13px;color:#374151;font-weight:500;min-width:120px;flex-shrink:0}
.ajaxpose-unit{font-size:11px;color:#9ca3af}
.ajaxpose-number{width:80px!important;text-align:center;border:1px solid #d1d5db!important;border-radius:6px!important;padding:6px 8px!important;font-size:13px!important}
.ajaxpose-select{border:1px solid #d1d5db!important;border-radius:6px!important;padding:6px 10px!important;font-size:13px!important;background:#fff;min-width:160px}
.ajaxpose-text-input{border:1px solid #d1d5db!important;border-radius:6px!important;padding:6px 10px!important;font-size:13px!important;width:200px}
/* Color picker */
.apf-color-wrap{display:inline-flex;align-items:center;gap:8px;position:relative}
.apf-swatch{display:inline-block;width:34px;height:34px;border-radius:6px;border:2px solid #d1d5db;cursor:pointer;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);transition:border-color .15s}
.apf-swatch:hover{border-color:#3b82f6}
.apf-color-hex{width:90px!important;height:34px!important;font-size:13px!important;font-family:'Courier New',monospace!important;padding:0 8px!important;border:1px solid #d1d5db!important;border-radius:6px!important;background:#f8fafc!important;color:#1e293b!important;text-align:center!important;letter-spacing:.05em!important;box-sizing:border-box!important}
.apf-color-hex:focus{border-color:#3b82f6!important;outline:none!important;box-shadow:0 0 0 2px rgba(59,130,246,.15)!important;background:#fff!important}
.apf-picker-popup{display:none;position:fixed;z-index:999999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);width:224px}
.apf-picker-palette{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-bottom:10px}
.apf-picker-swatch{width:22px;height:22px;border-radius:4px;cursor:pointer;border:1px solid rgba(0,0,0,.08);transition:transform .1s;display:block}
.apf-picker-swatch:hover{transform:scale(1.3);position:relative;z-index:1}
.apf-picker-hex-row{display:flex;gap:6px;align-items:center;padding-top:8px;border-top:1px solid #f1f5f9}
.apf-picker-hex-input{flex:1;height:30px;font-size:12px;font-family:monospace;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;text-align:center;box-sizing:border-box}
.apf-picker-hex-input:focus{outline:none;border-color:#3b82f6}
.apf-picker-apply{height:30px;padding:0 10px;background:#3b82f6;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer}
/* Multi-select */
.ajaxpose-multi-select{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.ajaxpose-multi-option{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:20px;font-size:13px;cursor:pointer;background:#f8fafc;color:#374151;transition:all .15s;user-select:none}
.ajaxpose-multi-option input{display:none}
.ajaxpose-multi-option:hover{border-color:#3b82f6;color:#3b82f6}
.ajaxpose-multi-option.is-selected{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}
.ajaxpose-multi-option small{opacity:.6;font-size:11px}
/* Column picker */
.ajaxpose-col-picker{display:flex;gap:12px}
.ajaxpose-col-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;background:#f8fafc;color:#64748b;font-size:12px;font-weight:600;transition:all .15s}
.ajaxpose-col-btn svg{width:52px;height:28px;fill:currentColor}
.ajaxpose-col-btn:hover{border-color:#93c5fd;color:#3b82f6}
.ajaxpose-col-btn.active{border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}
/* Shortcode box */
.ajaxpose-shortcode-box{background:#0f172a;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}
.ajaxpose-sc-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#1e293b;font-size:12px;font-weight:600;color:#94a3b8;letter-spacing:.04em}
.ajaxpose-sc-actions{display:flex;align-items:center;gap:6px}
.ajaxpose-copy-btn{background:#3b82f6;color:#fff;border:none;border-radius:5px;padding:4px 14px;font-size:12px;cursor:pointer;font-weight:600;transition:background .15s}
.ajaxpose-copy-btn:hover{background:#2563eb}
.ajaxpose-copy-btn.copied{background:#22c55e}
.ajaxpose-save-config-btn{background:#7c3aed;color:#fff;border:none;border-radius:5px;padding:4px 12px;font-size:12px;cursor:pointer;font-weight:600}
.ajaxpose-save-config-btn:hover{background:#6d28d9}
.ajaxpose-sc-code{padding:16px;font-family:'Courier New',monospace;font-size:13px;color:#7dd3fc;word-break:break-all;line-height:1.6;min-height:60px}
.ajaxpose-sc-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#0f172a;border-top:1px solid #1e293b}
.ajaxpose-sc-note{font-size:11px;color:#475569}
.ajaxpose-clear-btn{background:none;border:1px solid #334155;border-radius:4px;padding:3px 10px;font-size:11px;color:#64748b;cursor:pointer}
.ajaxpose-clear-btn:hover{border-color:#ef4444;color:#ef4444}
/* Param table */
.ajaxpose-param-ref{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
.ajaxpose-param-ref .ajaxpose-sc-header{background:linear-gradient(135deg,#f8fafc,#eef2ff);color:#1e293b;justify-content:flex-start}
.ajaxpose-ref-table{width:100%;border-collapse:collapse;font-size:12px}
.ajaxpose-ref-table th{background:#f8fafc;padding:8px 12px;text-align:left;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}
.ajaxpose-ref-table td{padding:7px 12px;border-bottom:1px solid #f1f5f9;color:#374151}
.ajaxpose-ref-table tr:last-child td{border-bottom:none}
.ajaxpose-ref-table code{background:#f1f5f9;padding:1px 5px;border-radius:3px;font-size:11px;color:#6366f1}
/* CSS editor */
.ajaxpose-css-editor{width:100%!important;font-family:'Courier New',monospace!important;font-size:13px!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:12px!important;background:#0f172a!important;color:#7dd3fc!important;resize:vertical;box-sizing:border-box}
.ajaxpose-css-hint{margin-top:10px;font-size:12px;color:#64748b;line-height:1.8}
.ajaxpose-css-hint code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:11px;color:#6366f1}
.ajaxpose-hint{font-size:12px;color:#94a3b8;margin:0 0 10px}
.ajaxpose-hint code{background:#f1f5f9;padding:1px 5px;border-radius:3px;color:#6366f1}
.ajaxpose-save-bar{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px}
.ajaxpose-save-btn{margin:0!important}
.ajaxpose-save-note{font-size:12px;color:#94a3b8}
/* Per-tax config */
#gen-tax-config-card{border:2px solid #e0e7ff;background:#f5f3ff}
#gen-tax-config-card .ajaxpose-card-header{background:#ede9fe;color:#5b21b6}
@media(max-width:1100px){.ajaxpose-settings-grid{grid-template-columns:repeat(2,1fr)}.ajaxpose-generator-wrap{grid-template-columns:1fr}.ajaxpose-gen-output{position:static}}
@media(max-width:700px){.ajaxpose-settings-grid{grid-template-columns:1fr}}

/* ── Searchable Multi-Select (Exclude / Include) ── */
.ajaxpose-row-col { flex-direction: column; align-items: flex-start !important; gap: 6px; }
.ajaxpose-row-col label { margin-bottom: 2px; }

.apf-ms-wrap { position: relative; width: 100%; background: #fff; border: 1px solid #cbd5e0; border-radius: 8px; padding: 6px 8px; min-height: 42px; cursor: text; transition: border-color .2s; box-sizing: border-box; }
.apf-ms-wrap:focus-within { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.12); }

.apf-ms-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 4px; }
.apf-ms-chip { display: inline-flex; align-items: center; gap: 4px; background: #ede9fe; border: 1px solid #c4b5fd; color: #5b21b6; border-radius: 20px; padding: 2px 8px 2px 10px; font-size: 12px; font-weight: 500; white-space: nowrap; }
.apf-ms-chip-x { background: none; border: none; padding: 0; margin-left: 2px; font-size: 14px; line-height: 1; cursor: pointer; color: #7c3aed; opacity: .6; }
.apf-ms-chip-x:hover { opacity: 1; }

.apf-ms-input-row { display: flex; }
.apf-ms-search { flex: 1; border: none; outline: none; font-size: 13px; color: #374151; background: transparent; padding: 2px 4px; min-width: 120px; }
.apf-ms-search::placeholder { color: #94a3b8; }

.apf-ms-dropdown { position: absolute; left: -1px; right: -1px; top: calc(100% + 4px); background: #fff; border: 1px solid #e2e8f0; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); max-height: 220px; overflow-y: auto; z-index: 9999; list-style: none; margin: 0; padding: 4px 0; }
.apf-ms-opt { padding: 8px 14px; font-size: 13px; color: #374151; cursor: pointer; transition: background .1s; }
.apf-ms-opt:hover { background: #f5f3ff; color: #5b21b6; }
.apf-ms-opt-manual { color: #7c3aed; font-weight: 600; }
