/* ===== OSINT v2 redesign ===== */
:root{--line:#ffffff14;--accent:linear-gradient(120deg,#ff4a5a,#c2152b)}
main{max-width:1180px}
.osint-tabs{display:flex;gap:6px;width:max-content;max-width:100%;margin:0 auto 22px;padding:6px;overflow-x:auto;border:1px solid #ffffff1c;border-radius:999px;background:#0d0c10cc;backdrop-filter:blur(10px);box-shadow:0 10px 30px #0006}
.osint-tabs button{flex:none;min-width:92px;padding:10px 20px;font-size:14px;transition:.18s}
.osint-tabs button:not(:disabled):not([aria-pressed="true"]):hover{background:#ffffff0f;color:#fff}
.search-panel,.results{background:linear-gradient(160deg,#1a1216ee,#0e0d11f2 60%);border:1px solid #ffffff1a;box-shadow:0 30px 80px #000a,inset 0 1px 0 #ffffff10;backdrop-filter:blur(14px)}
.search-panel header h2{font-size:24px;letter-spacing:-.02em}
#search-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:6px}
#search-fields details{margin:0;border:1px solid var(--line);background:#0b0a0dcc;border-radius:16px;transition:border-color .2s,box-shadow .2s}
#search-fields details:first-child{grid-column:1/-1}
#search-fields details:focus-within{border-color:#ff4a5a80;box-shadow:0 0 0 4px #ff2d3a14}
#search-fields summary{list-style:none;display:flex;align-items:center;gap:10px;padding:14px 16px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#ff8d99}
#search-fields summary::-webkit-details-marker{display:none}
#search-fields summary::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--accent);box-shadow:0 0 10px #ff4a5a90}
#search-fields summary::after{content:"+";margin-left:auto;font-size:18px;color:#8a7b82;transition:transform .2s}
#search-fields details[open] summary::after{transform:rotate(45deg)}
.fields{padding:2px 16px 18px}
label{font-size:12px;font-weight:600;letter-spacing:.02em;color:#b9aab1}
input,select{padding:11px 13px;border-radius:11px;border:1px solid #ffffff1c;background:#060507;transition:border-color .15s,box-shadow .15s}
input:hover,select:hover{border-color:#ffffff38}
input:focus,select:focus{outline:0;border-color:#ff5a6a;box-shadow:0 0 0 3px #ff2d3a26}
input:not(:placeholder-shown){border-color:#ff5a6a70;background:#10080b}
.actions{margin-top:22px;align-items:center}
.actions button{padding:13px 22px;border-radius:12px;transition:transform .15s,box-shadow .15s}
.actions button:hover:not(:disabled){transform:translateY(-1px)}
.actions button[type=submit]{min-width:190px;background:var(--accent);border:0;box-shadow:0 10px 28px #e0243b50;font-size:15px}
.actions button[type=submit]:hover:not(:disabled){box-shadow:0 14px 34px #e0243b80}
.actions button[type=reset]{background:transparent;color:#bba9b0}
#search-status{margin:0 0 0 auto;font-size:14px}
#search-status.busy::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #ff7a86;border-top-color:transparent;border-radius:50%;vertical-align:-2px;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{to{background-position:-200% 0}}
.fivem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){#search-fields{grid-template-columns:1fr}.fivem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.osint-tabs{width:100%}.fivem-grid{grid-template-columns:1fr}#search-status{margin:0;width:100%}}

/* results */
.results{margin-top:22px}
.results-heading{justify-content:space-between;margin-bottom:14px}
.results-heading h2{font-size:22px}
.results-heading span{padding:5px 12px;border-radius:99px;border:1px solid #ff4a5a40;background:#ff2d3a14;color:#ff9aa5;font-size:12px;font-weight:650}
.results-heading span:empty{display:none}
.results-tools{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.results-tools input{flex:1 1 220px;max-width:380px;padding-left:36px;background:#060507 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23a2969c' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='7' cy='7' r='5'/%3E%3Cpath d='m11 11 3.5 3.5'/%3E%3C/svg%3E") 12px 50%/16px no-repeat}
.results-tools button{padding:9px 15px;border:1px solid #ffffff1f;border-radius:11px;background:#ffffff08;color:#ddd;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.results-tools button:hover{background:#ffffff14}
#search-results{display:grid;gap:14px}
.record{margin:0;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#17121a,#0d0c10);transition:border-color .2s,box-shadow .2s;animation:rise .45s both}
.record:hover{border-color:#ff4a5a55;box-shadow:0 14px 40px #0007}
.record-head{gap:14px}
.record-avatar{width:48px;height:48px;border:0;border-radius:15px;font-size:19px;color:#fff;background:var(--accent);box-shadow:0 6px 18px #e0243b45}
.record-head h3{font-size:19px;letter-spacing:-.01em}
.badge{display:inline-flex;align-items:center;margin-top:4px;padding:3px 10px;border-radius:99px;background:#ffffff0d;border:1px solid #ffffff14;color:#b9aab1;font-size:11px;font-weight:650;letter-spacing:.04em}
.badge.src{color:#ff9aa5;border-color:#ff4a5a40;background:#ff2d3a12}
.record-head .badge+.badge{margin-left:6px}
.record .record-actions button{padding:8px 14px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff1f;color:#eee;font-weight:600;transition:.15s}
.record .record-actions button:hover{background:#ffffff16}
.record .record-actions button:first-child{background:var(--accent);border:0;color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 2px}
.chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:7px 12px;border-radius:10px;background:#ffffff09;border:1px solid #ffffff12;color:inherit;font:inherit;font-size:13px;overflow-wrap:anywhere;text-align:left;cursor:copy}
.chip b{color:#ff8d99;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.chip:hover{border-color:#ff4a5a66;background:#ff2d3a12}
.record-grid{gap:14px;margin:16px 0 4px}
.record-grid>section{padding:14px;border:1px solid var(--line);border-radius:13px;background:#08070a99}
.record-grid h4{display:flex;align-items:center;gap:8px;margin:0 0 11px;color:#ff8d99}
.record-grid h4::before{content:"";width:6px;height:6px;border-radius:2px;background:#ff4a5a}
.record-grid dl{grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:8px 12px}
.record-grid dt{color:#8d7f86}
.record-grid dd{color:#f5eef0;font-family:inherit;font-weight:500}
.record details{margin:12px 0 0;border:0;background:none}
.record details>summary{display:inline-block;padding:7px 14px;border-radius:99px;background:#ffffff08;border:1px solid #ffffff14;font-size:13px;color:#ccc}
.record details>summary:hover{background:#ffffff12}
.skeleton{height:150px;border-radius:18px;background:linear-gradient(100deg,#ffffff06 30%,#ffffff12 50%,#ffffff06 70%) 0 0/200% 100%;animation:shimmer 1.2s linear infinite}
.empty-note{padding:40px 10px;text-align:center;color:var(--muted)}
.profile-dialog{background:linear-gradient(160deg,#1a1216,#0d0c10);border:1px solid #ffffff1f;box-shadow:0 40px 100px #000}
.profile-dialog .record-actions button{padding:8px 16px;border-radius:99px}

/* ===== v3: stacked sections ===== */
#search-fields{display:flex;flex-direction:column;gap:12px}
#search-fields details,#search-fields details:first-child{grid-column:auto;border-radius:16px;background:#0c0b10d9;border:1px solid #ffffff14}
#search-fields details[open]{background:#0e0c12}
#search-fields summary{padding:14px 18px;gap:12px;font-size:15px;letter-spacing:0;text-transform:none;color:#fff;font-weight:700;border-radius:16px}
#search-fields summary::before{display:none}
#search-fields details[open]>summary{border-bottom:1px solid #ffffff12;border-radius:16px 16px 0 0}
#search-fields summary::after{content:"";width:8px;height:8px;margin:0 4px 0 auto;border:solid #8f8189;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s;font-size:0}
#search-fields details[open]>summary::after{transform:rotate(-135deg) translateY(-2px)}
#search-fields summary:hover{background:#ffffff06}
.ico{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.ico svg{width:18px;height:18px}
.cnt{min-width:22px;padding:2px 8px;border-radius:99px;background:var(--accent);color:#fff;font-size:11px;font-weight:750;text-align:center}
#search-fields details:focus-within{border-color:#ff5a6a66;box-shadow:0 0 0 4px #ff2d3a12}
.fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:16px 14px;padding:18px}
#search-fields details>.fields{padding:18px}
label{font-size:12px;color:#9d8f96;gap:7px}
input,select{height:44px;padding:0 14px;border-radius:12px;background:#050407;font-size:14px}
select{appearance:none;-webkit-appearance:none;padding-right:36px;background:#050407 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%239d8f96' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m1 1 5 5 5-5'/%3E%3C/svg%3E") right 14px center no-repeat}
input[type=search]{height:40px}
.actions{position:sticky;bottom:12px;z-index:5;gap:12px;margin:22px -6px 0;padding:12px;border:1px solid #ffffff1a;border-radius:999px;background:#0b0a0ee6;backdrop-filter:blur(16px);box-shadow:0 14px 40px #000a}
.actions button{display:inline-flex;align-items:center;gap:9px;padding:0 24px;height:46px;border-radius:999px;font-weight:700}
.actions button svg{width:17px;height:17px}
.actions button[type=submit]{min-width:0;padding:0 28px}
.actions button[type=reset]{border:1px solid #ffffff22;background:#ffffff08;color:#e8dde1}
.actions button[type=reset]:hover{background:#ffffff14}
.filled{margin-left:auto;padding-right:10px;color:#ff9aa5;font-size:13px;font-weight:650}
#search-status{margin:12px 4px 0;width:100%}
#search-status:empty{display:none}
.search-panel header h2{font-size:26px}

/* ===== v4: compact results (reference style) ===== */
.results{padding:0;border-radius:18px;background:#0b0a0e;overflow:hidden}
.results-heading{justify-content:flex-start;gap:12px;margin:0;padding:16px 20px;border-bottom:1px solid #ffffff12}
.results-heading h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#a79ca2;font-weight:700}
.results-heading #results-meta{padding:0;border:0;background:none;color:#8f8389;font-size:13px;font-weight:500;display:inline-flex;gap:6px;align-items:baseline}
#results-meta b{color:#fff;font-size:17px}
#results-meta i{font-style:normal;opacity:.5}
.results-tools{padding:14px 20px 0;margin:0}
#search-results{gap:0;padding:6px 20px 8px}
.record{padding:18px 0;border:0;border-bottom:1px solid #ffffff10;border-radius:0;background:none;box-shadow:none}
.record:last-child{border-bottom:0}
.record:hover{border-color:#ffffff10;box-shadow:none}
.record-avatar{width:44px;height:44px;border-radius:50%;background:#18171d;border:1px solid #ffffff1f;color:#fff;font-size:14px;box-shadow:none;letter-spacing:.02em}
.record-head h3{font-family:ui-monospace,"JetBrains Mono",Consolas,monospace;font-size:19px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.record-head h3 .dim{color:#9c9ba6}
.badge,.badge.src{margin-top:6px;padding:3px 11px;border-radius:8px;background:#ffffff08;border:1px solid #ffffff1c;color:#cfc9ce;font-size:12px;font-weight:500;letter-spacing:0}
.record .record-actions button{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:99px;background:#ffffff06;border:1px solid #ffffff1c;color:#d9d3d7;font-size:13px;font-weight:500}
.record .record-actions button svg{width:14px;height:14px}
.record .record-actions button:hover{background:#ffffff12}
.record .record-actions button.primary,.record .record-actions button:first-child{background:#8b7bff14;border:1px solid #8b7bff80;color:#a99dff}
.record .record-actions button.primary:hover{background:#8b7bff26}
.record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;margin:14px 0 0}
.record-grid>section{padding:0;border:0;background:none;border-radius:0}
.record-grid h4{margin:0 0 10px;font-size:12px;letter-spacing:.1em;color:#d5cfd3;font-weight:700}
.record-grid h4::before{width:8px;height:8px;border-radius:50%;background:var(--g,#9a9aa6)}
.record-grid dl{grid-template-columns:130px minmax(0,1fr);gap:8px 14px}
.record-grid dt{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#6d6b76;align-self:center}
.record-grid dd{font-family:ui-monospace,"JetBrains Mono",Consolas,monospace;font-size:14px;font-weight:700;text-transform:uppercase;color:#f4f2f5}
.empty-note{padding:34px 0}
@media(max-width:700px){.record-grid{grid-template-columns:1fr}.record-grid dl{grid-template-columns:100px minmax(0,1fr)}}

/* nested values */
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{padding:3px 9px;border-radius:7px;background:#ffffff0a;border:1px solid #ffffff1a;font-size:12px;text-transform:none;overflow-wrap:anywhere}
.nested{display:grid;gap:8px}
dl.sub{grid-template-columns:auto minmax(0,1fr);gap:4px 12px;padding:8px 10px;border-left:2px solid #ffffff1c;background:#ffffff05;border-radius:0 8px 8px 0;font-size:12px}
dl.sub dt{font-size:10px}
dl.sub dd{font-size:12px}