/* data-nx-v2.css - Nexora Data & Records. Scoped to #v-data; palette via var(--primary)/var(--secondary). Ported 1:1 from approved sketch. */
#v-data *{box-sizing:border-box}#v-data{margin:0}#v-data{--bg:#FAFBFC;--surface:#fff;--raised:#F4F6F8;--text:#0E1316;--muted:#5A6B74;--border:#E5E7EB;--brand:var(--primary,#009391);--accent:var(--secondary,#00D1C9);--on:#fff;--ok:#1f9d63;--warn:#d9931f;--bad:#dd4b52;--info:#2563eb;--radius:16px;--shadow:0 1px 2px #0e131608,0 10px 28px #0e13160b;--ease:cubic-bezier(.22,1,.36,1);font:14px/1.6 Heebo,Arial,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}[data-theme="dark"] #v-data{--bg:#0E1316;--surface:#161D22;--raised:#1F2933;--text:#EAF2F3;--muted:#ADBDC4;--border:#35424A;--brand:var(--primary,#2AD8D0);--accent:var(--secondary,#00D1C9);--on:#06201F;--shadow:0 1px 2px #0003,0 12px 32px #0004;color-scheme:dark}#v-data button,#v-data input,#v-data select,#v-data textarea{font:inherit}#v-data button{cursor:pointer;color:inherit;background:none;border:0}#v-data button:disabled{opacity:.4;cursor:not-allowed}#v-data a{color:var(--brand)}#v-data button:focus-visible,#v-data input:focus-visible,#v-data select:focus-visible,#v-data textarea:focus-visible{outline:2px solid var(--brand);outline-offset:3px}#v-data svg{width:18px;height:18px;display:block;flex-shrink:0}#v-data input,#v-data select,#v-data textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:9px;padding:9px 11px;min-width:0}#v-data input[type=checkbox]{accent-color:var(--brand);width:16px;height:16px}#v-data textarea{resize:vertical;width:100%;min-height:85px}#v-data h1,#v-data h2,#v-data h3,#v-data p{margin:0}#v-data h1{font-size:26px;font-weight:800;letter-spacing:-.5px}#v-data h2{font-size:21px}#v-data h3{font-size:15px}#v-data small,#v-data .muted{color:var(--muted)}#v-data .num{font-variant-numeric:tabular-nums;letter-spacing:-.04em}#v-data .ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}#v-data [hidden]{display:none!important}#v-data .row{display:flex;align-items:center;gap:10px}#v-data .between{display:flex;align-items:center;justify-content:space-between;gap:12px}#v-data .wrap{flex-wrap:wrap}#v-data .grow{flex:1}#v-data .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 13px;font-size:12px;font-weight:600;transition:transform .18s,box-shadow .18s}#v-data .btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}#v-data .btn.primary{background:linear-gradient(135deg,var(--secondary,var(--accent)),var(--brand));color:white;border-color:transparent}#v-data .btn.danger{color:var(--bad);border-color:color-mix(in srgb,var(--bad) 30%,var(--border))}#v-data .btn.ghost{border-color:transparent;background:transparent;box-shadow:none}#v-data .btn.small{padding:6px 10px;font-size:11px}#v-data .iconbtn{width:32px;height:32px;border-radius:9px;display:inline-grid;place-items:center;color:var(--muted);transition:background .18s,transform .18s}#v-data .iconbtn:hover{background:var(--raised);color:var(--brand);transform:translateY(-1px)}#v-data .iconbtn.call{color:var(--muted)}#v-data .iconbtn.call:hover{color:var(--ok);background:color-mix(in srgb,var(--ok) 11%,var(--surface))}#v-data .iconbtn.danger{color:var(--bad)}#v-data .iconbtn.danger:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 11%,var(--surface))}#v-data .pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;border-radius:20px;padding:3px 9px;color:var(--c,var(--brand));background:color-mix(in srgb,var(--c,var(--brand)) 9%,var(--surface));white-space:nowrap}#v-data .pill:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}#v-data .av{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:color-mix(in srgb,var(--c,var(--brand)) 10%,var(--surface));color:var(--c,var(--brand));font-size:12px;font-weight:700;flex:none}#v-data .av.mini{width:22px;height:22px;border-radius:7px;font-size:9px}#v-data .av.large{width:60px;height:60px;border-radius:18px;font-size:21px}#v-data .seg{display:inline-flex;gap:3px;padding:3px;background:var(--raised);border:1px solid var(--border);border-radius:10px}#v-data .seg button{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 11px;font-size:11px;color:var(--muted);border-radius:7px;white-space:nowrap}#v-data .seg button[aria-pressed=true]{background:var(--surface);color:var(--brand);box-shadow:0 2px 6px #0000000a}#v-data .seg svg{width:14px;height:14px}#v-data .page{max-width:1800px;margin:auto;padding:22px 28px 40px}#v-data .page-title{margin-bottom:18px}#v-data .eyebrow{font-size:9px;letter-spacing:2.8px;font-weight:700;color:var(--brand);margin-bottom:3px}#v-data .subtitle{font-size:11px;color:var(--muted);margin-top:3px}#v-data .hero{display:grid;grid-template-columns:1.25fr 1fr 210px;align-items:center;gap:30px;border-radius:18px;padding:23px 28px;background:linear-gradient(118deg,#0E1316,#12303a 65%,#164f53);color:#fff;overflow:hidden;position:relative;margin-bottom:18px}#v-data .hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,black,transparent)}#v-data .hero>*{position:relative}#v-data .hero .orb{position:absolute;width:270px;height:270px;border:1px solid #00d1c932;border-radius:50%;inset-inline-end:15px;top:-72px;box-shadow:0 0 0 25px #00d1c90a,0 0 0 50px #00d1c905;pointer-events:none;animation:orbit 4s ease-in-out 3}#v-data .hero-label{display:flex;align-items:center;gap:7px;color:#9fe0de;font-size:10px}#v-data .hero h2{font-size:22px;line-height:1.4;margin:8px 0}#v-data .hero p{font-size:11px;color:#b4cbd1;max-width:365px}#v-data .hero .hero-link{display:inline-flex;align-items:center;gap:6px;color:#8be7df;font-size:11px;margin-top:14px;padding:0}#v-data .hero-signal{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-inline:1px solid #ffffff14;padding-inline:25px}#v-data .hero-signal b{display:block;font-size:26px;line-height:1.3;letter-spacing:-1px}#v-data .hero-signal span{font-size:10px;color:#b9cdd2}#v-data .hero-chart{height:32px;width:100%;margin-top:10px}#v-data .hero-ring{display:flex;align-items:center;gap:14px}#v-data .ring{position:relative;width:80px;height:80px;flex:none}#v-data .ring svg{width:80px;height:80px;transform:rotate(-90deg)}#v-data .ring circle{fill:none;stroke-width:5}#v-data .ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:18px}#v-data .hero-ring small{color:#a7c4c9;font-size:10px}#v-data .hero-ring strong{display:block;font-size:12px;margin-bottom:3px}#v-data .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}#v-data .kpi{position:relative;text-align:start;padding:15px 18px;border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;transition:transform .18s,border-color .18s}#v-data .kpi:hover{transform:translateY(-3px);border-color:var(--brand)}#v-data .kpi[aria-pressed=true]{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}#v-data .kpi .klabel{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}#v-data .kpi .ki{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:var(--c);background:color-mix(in srgb,var(--c) 9%,var(--surface))}#v-data .kpi .ki svg{width:15px;height:15px}#v-data .kpi .kv{font-size:29px;font-weight:800;line-height:1.1;margin-top:7px}#v-data .kpi .kfoot{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px}#v-data .kpi .kfoot svg{width:75px;height:21px;color:var(--c)}#v-data .status-area{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:22px;overflow:hidden}#v-data .status-head{padding:12px 17px;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px}#v-data .status-head b{display:flex;gap:7px;align-items:center}#v-data .status-head b svg{color:var(--brand);width:15px}#v-data .status-groups{display:grid;grid-template-columns:repeat(3,1fr);padding:0 10px 12px;gap:10px}#v-data .status-group{padding:10px;border-radius:11px;background:var(--bg)}#v-data .status-group>small{font-size:9px;margin:0 6px 4px;display:block}#v-data .status-group button{padding:6px;border-radius:7px;display:flex;align-items:center;justify-content:space-between;width:100%;font-size:11px;text-align:start}#v-data .status-group button:hover,#v-data .status-group button.on{background:var(--raised)}#v-data .status-group .sdot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--c);margin-inline-end:7px}#v-data .status-group b{font-size:11px}#v-data .status-strip{display:flex;gap:2px;height:5px;margin:0 17px 12px;border-radius:6px;overflow:hidden}#v-data .status-strip button{min-width:2px;padding:0;transition:opacity .15s}#v-data .status-strip button:hover{opacity:.65}#v-data .work{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;align-items:start}#v-data .sidebar{padding-top:4px}#v-data .slabel{font-size:9px;color:var(--muted);letter-spacing:1px;margin:14px 10px 8px}#v-data .sidebtn{display:flex;align-items:center;gap:9px;width:100%;text-align:start;font-size:11px;padding:9px 11px;border-radius:9px;margin-bottom:3px;color:var(--muted)}#v-data .sidebtn svg{width:15px;height:15px}#v-data .sidebtn b{margin-inline-start:auto;font-size:9px;background:var(--raised);padding:1px 6px;border-radius:5px}#v-data .sidebtn.on{background:color-mix(in srgb,var(--brand) 8%,var(--surface));color:var(--brand);font-weight:700}#v-data .sidebtn:hover{background:var(--raised)}#v-data .side-note{margin-top:22px;background:var(--surface);padding:15px;border:1px solid var(--border);border-radius:13px}#v-data .side-note .mini-orb{background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);width:30px;height:30px;border-radius:10px;display:grid;place-items:center;margin-bottom:12px}#v-data .side-note p{font-size:10px;color:var(--muted);margin:5px 0 12px}#v-data .side-note strong{font-size:12px}#v-data .board{min-width:0;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}#v-data .board-top{padding:17px 18px;border-bottom:1px solid var(--border)}#v-data .board-top h3{font-size:14px}#v-data .board-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:15px}#v-data .search{display:flex;align-items:center;gap:7px;padding:7px 11px;background:var(--bg);border:1px solid var(--border);border-radius:10px;flex:1;min-width:170px}#v-data .search svg{width:15px;color:var(--muted)}#v-data .search input{border:0;padding:0;background:none;width:100%;font-size:11px;outline:none}#v-data .search kbd{font:9px Heebo;color:var(--muted);white-space:nowrap;border:1px solid var(--border);border-radius:4px;padding:0 4px}#v-data .toolbar-btn{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);padding:7px 8px;border:1px solid var(--border);border-radius:8px}#v-data .toolbar-btn svg{width:14px}#v-data .toolbar-btn:hover{color:var(--brand);background:var(--raised)}#v-data .filters{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:10px;padding:14px 18px;background:var(--bg);border-bottom:1px solid var(--border)}#v-data label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}#v-data .filters label{font-size:9px}#v-data .filters select,#v-data .filters input{font-size:11px;padding:7px 8px;width:100%}#v-data .filterchips{padding:0 18px;display:flex;gap:6px;flex-wrap:wrap}#v-data .filterchips:not(:empty){padding-block:10px}#v-data .fchip{display:flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 16%,transparent);border-radius:8px;padding:4px 9px;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}#v-data .fchip:hover{background:color-mix(in srgb,var(--brand) 13%,var(--surface));border-color:color-mix(in srgb,var(--brand) 34%,transparent)}#v-data .fchip svg{width:12px;height:12px}#v-data .resultbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 18px;font-size:10px;color:var(--muted);flex-wrap:wrap}#v-data .resultbar strong{color:var(--text)}#v-data .resultbar select{padding:4px 6px;font-size:10px}#v-data .quick{display:flex;align-items:center;gap:4px}#v-data .quick button{font-size:9px;padding:3px 7px;background:var(--raised);border-radius:5px;color:var(--muted)}#v-data .quick button:hover{color:var(--brand)}#v-data .bulk{padding:10px 16px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));border-block:1px solid color-mix(in srgb,var(--brand) 18%,var(--border));display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:0;z-index:5}#v-data .bulk strong{font-size:11px;color:var(--brand);margin-inline-end:auto}#v-data .bulk .btn{padding:6px 10px;font-size:10px}#v-data .records{overflow:auto;max-height:690px}#v-data .records table{border-collapse:collapse;width:100%;min-width:950px;text-align:start}#v-data .records th{font-size:9px;font-weight:600;color:var(--muted);background:var(--raised);position:sticky;top:0;z-index:2}#v-data .records th,#v-data .records td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:start;white-space:nowrap}#v-data .records td{font-size:11px}#v-data .records tbody tr{transition:background .15s}#v-data .records tbody tr:hover{background:color-mix(in srgb,var(--brand) 3%,var(--surface))}#v-data .records tbody tr.chosen{background:color-mix(in srgb,var(--brand) 6%,var(--surface))}#v-data .person{display:flex;align-items:center;gap:9px}#v-data .person b{display:block;font-size:11px}#v-data .person small{font-size:9px}#v-data .name-link{text-align:start;padding:0}#v-data .phone-link{color:var(--brand);font-size:11px;font-weight:600}#v-data .status-select{appearance:none;-webkit-appearance:none;border:1px solid transparent;max-width:130px;font-size:10px;font-weight:700;letter-spacing:-.01em;padding:4px 10px;text-align:start;background-color:color-mix(in srgb,var(--c) 10%,var(--surface));background-repeat:no-repeat;background-position:left 8px center;background-size:0;color:var(--c);border-radius:20px;cursor:pointer;transition:border-color .15s,background-color .15s,padding .15s,box-shadow .15s}#v-data .status-select:hover{border-color:color-mix(in srgb,var(--c) 32%,transparent);background-color:color-mix(in srgb,var(--c) 14%,var(--surface));padding-inline-end:22px;background-size:9px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%235A6B74' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}#v-data .status-select:focus-visible{outline:none;border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 18%,transparent)}#v-data .agent-chip{display:flex;align-items:center;gap:5px;font-size:10px}#v-data .actions{display:flex;gap:3px}#v-data .actions .iconbtn{width:27px;height:27px;border-radius:7px}#v-data .actions svg{width:14px;height:14px}#v-data .file-link{color:var(--muted);font-size:9px;max-width:115px;overflow:hidden;text-overflow:ellipsis;display:block}#v-data .cards{padding:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px}#v-data .record-card{padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 2px 5px #00000004;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}#v-data .record-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}#v-data .record-card.chosen{border-color:var(--brand)}#v-data .record-card .card-line{position:absolute;inset-inline-start:0;top:20px;width:3px;height:40px;background:var(--c);border-radius:3px}#v-data .record-card dl{display:grid;grid-template-columns:1fr 1fr;margin:15px 0;gap:8px;font-size:10px}#v-data .record-card dt{color:var(--muted)}#v-data .record-card dd{margin:0;text-align:end}#v-data .record-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:12px}#v-data .paginator{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 18px;border-top:1px solid var(--border);font-size:10px;flex-wrap:wrap}#v-data .paginator select{font-size:10px;padding:4px 7px}#v-data .pagebtn{width:27px;height:27px;border-radius:7px;font-size:11px}#v-data .pagebtn.on{background:var(--brand);color:var(--on)}#v-data .empty{padding:65px 20px;text-align:center;color:var(--muted)}#v-data .empty svg{width:35px;height:35px;margin:0 auto 14px;color:var(--brand)}#v-data .empty h3{color:var(--text);margin-bottom:6px}#v-data .empty p{font-size:12px;margin-bottom:15px}#v-data .footer{text-align:center;color:var(--muted);font-size:9px;padding-top:25px}#v-data .menuwrap{position:relative}#v-data .dropdown{position:absolute;top:calc(100% + 7px);inset-inline-end:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;min-width:230px;box-shadow:0 20px 50px #0002;z-index:30}#v-data .dropdown button{display:flex;gap:9px;align-items:center;padding:10px;width:100%;text-align:start;font-size:12px;border-radius:8px}#v-data .dropdown button:hover{background:var(--raised)}#v-data .dropdown svg{color:var(--brand);width:16px}#v-data .dropdown small{display:block;font-size:10px}#v-data .dialog{border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--text);padding:0;width:min(780px,94vw);max-height:90vh;box-shadow:0 30px 100px #071b2e40;overflow:hidden;animation:dialogIn .24s var(--ease)}#v-data .dialog.wide{width:min(1050px,96vw)}#v-data .dialog.drawer{margin:0;margin-inline-start:auto;height:100dvh;max-height:100dvh;width:min(650px,96vw);border-radius:20px 0 0 20px}#v-data .dialog::backdrop{background:#10252c68;backdrop-filter:blur(5px)}#v-data .dialog-header{padding:21px 24px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:20px}#v-data .dialog-header p{font-size:11px;color:var(--muted);margin-top:4px}#v-data .dialog-content{padding:23px;overflow:auto;max-height:calc(90vh - 95px)}#v-data .drawer .dialog-content{max-height:calc(100dvh - 95px)}#v-data .dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border);flex-wrap:wrap}#v-data .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}#v-data .full{grid-column:1/-1}#v-data .panel{padding:16px;background:var(--bg);border:1px solid var(--border);border-radius:12px;margin-bottom:15px}#v-data .panel-title{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-bottom:12px}#v-data .panel-title svg{color:var(--brand);width:16px}#v-data .detail-profile{display:flex;gap:13px;align-items:center;margin-bottom:16px}#v-data .detail-profile h2{font-size:23px}#v-data .detail-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}#v-data .detail-meta small{display:block;font-size:10px}#v-data .detail-meta b{font-size:12px}#v-data .detail-actions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}#v-data .tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:18px}#v-data .tabs button{font-size:12px;padding:9px 13px;color:var(--muted);border-bottom:2px solid transparent}#v-data .tabs button.on{color:var(--brand);border-bottom-color:var(--brand)}#v-data .timeline{border-inline-start:1px solid var(--border);margin-inline-start:8px;padding-inline-start:22px}#v-data .event{position:relative;margin-bottom:19px}#v-data .event:before{content:'';position:absolute;inset-inline-start:-27px;top:7px;width:8px;height:8px;border:2px solid var(--surface);background:var(--brand);border-radius:50%;box-shadow:0 0 0 1px var(--border)}#v-data .event b{font-size:12px}#v-data .event small{display:block;font-size:10px}#v-data .notice{font-size:11px;padding:11px 14px;background:color-mix(in srgb,var(--brand) 7%,var(--surface));color:var(--brand);border-radius:9px;margin:12px 0;display:flex;align-items:flex-start;gap:8px}#v-data .notice.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 8%,var(--surface))}#v-data .notice.danger{color:var(--bad);background:color-mix(in srgb,var(--bad) 8%,var(--surface))}#v-data .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#v-data .metric{padding:16px;background:var(--raised);border-radius:12px}#v-data .metric b{display:block;font-size:24px}#v-data .metric small{font-size:10px}#v-data .agent-row{display:grid;grid-template-columns:1fr 100px 120px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}#v-data .meter{height:6px;border-radius:20px;background:var(--raised);overflow:hidden}#v-data .meter i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:20px;transition:width .4s}#v-data .rule{display:grid;grid-template-columns:1fr 1fr 1.3fr 28px;align-items:end;gap:10px;padding:12px;background:var(--raised);border-radius:10px;margin-bottom:10px}#v-data .rule select,#v-data .rule input{width:100%;font-size:11px}#v-data .stepper{display:flex;gap:6px;margin-bottom:23px}#v-data .step{flex:1;font-size:10px;display:flex;align-items:center;gap:5px;color:var(--muted);border-bottom:2px solid var(--border);padding-bottom:12px}#v-data .step i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--raised);flex:none}#v-data .step.on{color:var(--brand);border-bottom-color:var(--brand)}#v-data .step.on i{background:var(--brand);color:var(--on)}#v-data .uploadzone{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:34px;border:1px dashed color-mix(in srgb,var(--brand) 40%,var(--border));border-radius:15px;background:color-mix(in srgb,var(--brand) 3%,var(--surface));margin:15px 0;text-align:center;cursor:pointer}#v-data .uploadzone>svg{width:35px;height:35px;color:var(--brand)}#v-data .uploadzone input{font-size:11px;max-width:100%}#v-data .uploadzone small{font-size:10px}#v-data .preview-table{width:100%;border-collapse:collapse;font-size:11px}#v-data .preview-table th,#v-data .preview-table td{text-align:start;border-bottom:1px solid var(--border);padding:9px}#v-data .preview-table th{color:var(--muted);font-size:10px;background:var(--raised)}#v-data .scrollbox{overflow:auto;max-height:320px}#v-data .duplicate{border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:12px}#v-data .duplicate .candidate{display:flex;justify-content:space-between;align-items:center;padding:9px;background:var(--raised);border-radius:8px;margin-top:8px;font-size:11px}#v-data .channel-preview{padding:25px;border:1px solid var(--border);border-radius:15px;text-align:center;background:var(--bg)}#v-data .channel-preview .av{margin:auto}#v-data .channel-preview strong{display:block;font-size:25px;margin:15px 0}#v-data .toast{position:fixed;bottom:24px;inset-inline-end:24px;max-width:min(430px,90vw);background:var(--text);color:var(--surface);border-radius:12px;padding:13px 17px;font-size:12px;box-shadow:var(--shadow);z-index:100;display:none;align-items:center;gap:9px}#v-data .toast.show{display:flex;animation:dialogIn .2s var(--ease)}#v-data .toast button{margin-inline-start:12px;text-decoration:underline;color:inherit;white-space:nowrap}#v-data .newmark{animation:highlight 1s ease-out 3}#v-data .sortbutton{display:flex;align-items:center;gap:4px;padding:0;font-size:inherit}#v-data .sortbutton svg{width:11px;height:11px}@keyframes dialogIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes orbit{50%{transform:translateY(8px);opacity:.6}}@keyframes highlight{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 3px #00d1c930}}@media(min-width:1650px){#v-data .filters{grid-template-columns:repeat(8,minmax(85px,1fr))}#v-data .records table{min-width:1100px}}@media(max-width:1100px){#v-data .hero{grid-template-columns:1.2fr 1fr}#v-data .hero-ring{display:none}#v-data .work{grid-template-columns:1fr}#v-data .sidebar{display:flex;gap:5px;flex-wrap:wrap;align-items:center}#v-data .sidebar .slabel,#v-data .side-note{display:none}#v-data .sidebtn{width:auto;margin:0}#v-data .sidebar #savedViews{display:contents}#v-data .shellnav{gap:13px}#v-data .shellnav span:not(.active){display:none}}@media(max-width:700px){#v-data .shell{padding:0 14px}#v-data .shellprofile .profiletext,#v-data .shellnav{display:none}#v-data .logo{width:120px}#v-data .demo{padding:8px 14px;gap:8px}#v-data .demo .tools{margin-inline-start:0}#v-data .page{padding:15px 12px}#v-data .page-title{align-items:flex-start;gap:10px}#v-data .page-title .btn{font-size:10px;padding:8px}#v-data .page-title .eyebrow{font-size:8px}#v-data h1{font-size:21px}#v-data .hero{grid-template-columns:1fr;padding:20px;gap:18px}#v-data .hero-signal{border:0;border-top:1px solid #ffffff18;padding:15px 0 0}#v-data .hero h2{font-size:21px}#v-data .hero-signal b{font-size:24px}#v-data .hero-chart{display:none}#v-data .kpis{grid-template-columns:repeat(2,1fr);gap:9px}#v-data .kpi{padding:12px}#v-data .kpi .kv{font-size:25px}#v-data .status-groups{grid-template-columns:1fr;gap:5px}#v-data .status-group{padding:7px 10px}#v-data .status-group button{padding:5px}#v-data .board-top{padding:14px}#v-data .board-tools{gap:7px}#v-data .search{min-width:100%;order:-1}#v-data .search kbd{display:none}#v-data .filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}#v-data .toolbar-btn{font-size:10px}#v-data .form-grid,#v-data .grid3{grid-template-columns:1fr}#v-data .rule{grid-template-columns:1fr 1fr}#v-data .rule label:nth-child(3){grid-column:1/-1}#v-data .agent-row{grid-template-columns:1fr 70px 70px}#v-data .dialog-content{padding:17px}#v-data .dialog-header{padding:17px}#v-data .step{font-size:8px;flex-direction:column}#v-data .record-card{padding:15px}#v-data .shellprofile .pill{display:none}#v-data .sidebar{gap:3px}#v-data .sidebtn{font-size:10px;padding:7px}#v-data .bulk{position:static}#v-data .bulk .btn{font-size:10px}#v-data .detail-actions .btn{font-size:10px}#v-data .quick{flex-wrap:wrap}#v-data .page-title .subtitle{max-width:180px}#v-data .cards{grid-template-columns:1fr}#v-data .status-head small{display:none}}@media(prefers-reduced-motion:reduce){#v-data *,#v-data *:before,#v-data *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}[data-theme="dark"] #v-data .kpi{border-color:var(--border)}[data-theme="dark"] #v-data .kpi[aria-pressed=true]{border-color:var(--brand)}#v-data .dialog.drawer{margin-inline-start:0;margin-inline-end:auto;border-radius:0 20px 20px 0}#v-data .dialog{animation:dialogIn .24s var(--ease)}#v-data .board-tools{padding:12px 18px}#v-data .results{padding:12px 18px}#v-data .hero-signal .hero-chart{grid-column:1/-1}#v-data .search input{padding-inline-end:55px}#v-data .record-card:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 35%,var(--border))}@media(min-width:1200px){#v-data .hero{padding-block:19px}#v-data .status-group{padding-block:11px}#v-data .filters{gap:10px}}@media(prefers-reduced-motion:reduce){#v-data *{animation:none!important;transition:none!important}}#v-data .import-menu{z-index:20}#v-data .import-menu button{display:block;width:100%;padding:12px;text-align:start}#v-data .dialog-content label{display:block;margin-bottom:14px}#v-data .dialog-content label.row{display:flex}#v-data .dialog-content label>input:not([type=checkbox]),#v-data .dialog-content label>select{width:100%;margin-top:6px}#v-data .agent-row label{margin:0}#v-data .rule{display:grid;grid-template-columns:1fr 1fr 1fr 32px;gap:8px;margin:14px 0}#v-data .upload-zone{padding:30px;text-align:center;border:1px dashed var(--brand);border-radius:16px;margin:18px 0}#v-data .upload-zone svg{margin:auto}#v-data .side-title{font-size:10px;color:var(--muted);padding:8px}#v-data .page-footer{font-size:10px;color:var(--muted);margin-top:22px}#v-data .status-strip{display:flex;height:5px;gap:3px;margin-top:15px;border-radius:4px;overflow:hidden}#v-data .filterchips{display:flex;flex-wrap:wrap;gap:6px;padding-inline:16px}#v-data .pagination{padding:14px 18px;border-top:1px solid var(--border)}#v-data .search input{width:100%}#v-data .search{position:relative}#v-data .search kbd{position:absolute;inset-inline-end:12px;top:10px;font-size:10px;color:var(--muted)}#v-data .agent-row{display:flex;align-items:center;gap:12px;padding:13px;border-bottom:1px solid var(--border)}#v-data .meter{height:5px;background:var(--raised);border-radius:6px}#v-data .meter i{display:block;background:var(--brand);height:100%}#v-data .channel-preview>svg{width:50px;height:50px;margin:0 auto 14px;color:var(--brand)}#v-data .steps{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}#v-data .steps span{padding:7px 12px;background:var(--raised);border-radius:8px;font-size:11px}#v-data .steps .on{color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}@media(max-width:700px){#v-data .rule{grid-template-columns:1fr 1fr}#v-data .hero-ring{display:none}#v-data .demo .seg{max-width:100%;overflow:auto}#v-data .shell{padding:0 14px}#v-data .page{padding:16px 12px}#v-data .board-tools .search{flex-basis:100%}#v-data .work{min-width:0}#v-data .board{min-width:0}#v-data .page-title>.row{flex-wrap:wrap}#v-data .agent-row{flex-wrap:wrap}}

/* ===== Data record DRAWER (.dc-drawer) — lives outside #v-data, self-scoped, palette via --primary ===== */
.dc-drawer{
  --brand:var(--primary,#009391); --accent:var(--secondary,#00D1C9);
  --bg:#FAFBFC; --surface:#fff; --raised:#F4F6F8; --text:#0E1316; --muted:#5A6B74; --border:#E5E7EB;
  --ok:#1f9d63; --warn:#d9931f; --bad:#dd4b52;
  position:relative; margin:auto; max-width:none;
  width:min(940px,96vw); max-height:calc(100vh - 40px); border-radius:20px;
  background:var(--surface); color:var(--text); display:flex; flex-direction:column; overflow:hidden;
  box-shadow:0 30px 90px rgba(14,19,22,.3); animation:dcDrawerIn .24s cubic-bezier(.22,1,.36,1);
  font-family:"Heebo",Arial,sans-serif;
}
/* center the data card like the rest of the system */
.dc-drawer-modal.show{ display:flex; align-items:center; justify-content:center; padding:20px; }
[data-theme="dark"] .dc-drawer{ --bg:#0E1316; --surface:#161D22; --raised:#1F2933; --text:#EAF2F3; --muted:#ADBDC4; --border:#35424A; }
@keyframes dcDrawerIn{ from{ transform:translateY(10px) scale(.99); opacity:.5 } to{ transform:none; opacity:1 } }
.dc-drawer :where(h2,h3){ margin:0; }
.dcd-head{ padding:18px 22px 15px; background:linear-gradient(120deg,var(--brand),color-mix(in srgb,var(--brand) 62%,#000)); color:#fff; }
.dcd-head-top{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.dcd-head-top h3{ font-size:1rem; font-weight:800; }
.dcd-sub{ font-size:.72rem; opacity:.85; }
.dcd-close{ width:34px; height:34px; border-radius:10px; background:rgba(255,255,255,.18); color:#fff; border:none; display:grid; place-items:center; cursor:pointer; flex:none; }
.dcd-close svg{ width:17px; height:17px; }
.dcd-id{ display:flex; align-items:center; gap:13px; margin-top:14px; }
.dcd-av{ width:54px; height:54px; border-radius:15px; background:rgba(255,255,255,.2); display:grid; place-items:center; font-weight:800; font-size:1.25rem; flex:none; }
.dcd-id-txt h2{ font-size:1.3rem; font-weight:800; }
.dcd-id-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:6px; }
.dcd-status{ display:inline-flex; align-items:center; gap:6px; background:rgba(255,255,255,.16); padding:3px 11px; border-radius:30px; font-size:.74rem; font-weight:700; }
.dcd-status i{ width:7px; height:7px; border-radius:50%; background:currentColor; }
.dcd-assignee{ font-size:.76rem; opacity:.92; display:inline-flex; align-items:center; gap:6px; }
.dcd-actions{ display:flex; gap:9px; flex-wrap:wrap; margin-top:16px; }
.dcd-actions button{ display:inline-flex; align-items:center; gap:7px; padding:9px 16px; border-radius:30px; font-size:.8rem; font-weight:700; background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.26); cursor:pointer; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:transform .18s cubic-bezier(.22,1,.36,1),background .18s,box-shadow .18s; }
.dcd-actions button:hover{ background:rgba(255,255,255,.26); transform:translateY(-2px); box-shadow:0 8px 18px rgba(0,0,0,.18); }
.dcd-actions button svg{ width:15px; height:15px; }
.dcd-actions button.primary{ background:rgba(255,255,255,.14); color:#fff; border-color:rgba(255,255,255,.26); }
.dcd-actions button.dcd-call{ background:#fff; color:var(--brand); border-color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.2); font-weight:800; }
.dcd-actions button.dcd-call:hover{ background:#fff; box-shadow:0 10px 24px rgba(0,0,0,.26); }
.dcd-tabs{ display:flex; gap:4px; padding:0 18px; border-bottom:1px solid var(--border); background:var(--surface); }
.dc-drawer .dc-tab{ padding:12px 14px; font-size:.86rem; font-weight:600; color:var(--muted); border:none; background:none; border-bottom:2px solid transparent; cursor:pointer; }
.dc-drawer .dc-tab.active{ color:var(--brand); border-bottom-color:var(--brand); }
.dcd-body{ flex:1; overflow:auto; padding:20px 22px; background:var(--bg); }
.dcd-foot{ display:flex; justify-content:flex-end; margin-top:18px; padding-top:16px; border-top:1px solid var(--border); }
.dc-drawer .btn{ display:inline-flex; align-items:center; gap:7px; padding:10px 16px; border-radius:10px; font-weight:700; font-size:.86rem; border:1px solid var(--border); background:var(--surface); color:var(--text); cursor:pointer; }
.dc-drawer .btn.primary{ background:linear-gradient(135deg,var(--accent),var(--brand)); color:#fff; border-color:transparent; }
.dc-drawer .btn.small{ padding:8px 11px; }
.dc-drawer .btn svg{ width:16px; height:16px; }
.dc-drawer .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.dc-drawer .form-group{ margin-bottom:14px; }
.dc-drawer .form-label{ display:block; font-size:.74rem; color:var(--muted); font-weight:600; margin-bottom:5px; }
.dc-drawer .form-input,.dc-drawer .form-textarea{ width:100%; padding:9px 11px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; font-size:.88rem; box-sizing:border-box; }
.dc-drawer .form-input:focus,.dc-drawer .form-textarea:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent); }
.dcd-section-title{ display:flex; align-items:center; gap:7px; font-size:.82rem; font-weight:700; color:var(--brand); margin:18px 0 12px; }
.dcd-section-title svg{ width:16px; height:16px; }
.dcd-meta-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px; background:var(--surface); border:1px solid var(--border); border-radius:13px; padding:15px; }
.dcd-meta-grid>div .k{ font-size:.7rem; color:var(--muted); font-weight:600; }
.dcd-meta-grid>div .v{ font-size:.9rem; font-weight:700; margin-top:1px; }
.dcd-raw{ background:var(--surface); border:1px solid var(--border); border-radius:13px; padding:14px; font-size:.84rem; margin-top:12px; }
.dcd-raw>div{ margin-bottom:7px; }
.dcd-quick{ display:flex; gap:8px; margin-bottom:14px; }
.dcd-quick input{ flex:1; padding:10px 12px; border:1px solid var(--border); border-radius:10px; background:var(--surface); color:var(--text); font:inherit; font-size:.86rem; box-sizing:border-box; }
.dcd-quick input:focus{ outline:none; border-color:var(--brand); }
.dc-drawer .dc-note-item{ background:var(--surface); border:1px solid var(--border); border-radius:11px; padding:12px 14px; margin-bottom:10px; }
.dc-drawer .dc-note-text{ font-size:.88rem; }
.dc-drawer .dc-note-meta{ display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.72rem; color:var(--muted); margin-top:7px; }
.dc-drawer .dc-empty{ text-align:center; color:var(--muted); padding:40px 15px; font-size:.9rem; }
.dc-drawer .dc-empty svg{ width:34px; height:34px; margin:0 auto 12px; color:var(--brand); display:block; }
.dc-drawer .dc-timeline{ border-inline-start:1px solid var(--border); margin-inline-start:8px; padding-inline-start:20px; }
.dc-drawer .dc-timeline-date-sep{ font-size:.72rem; color:var(--muted); font-weight:700; margin:14px 0 10px; }
.dc-drawer .dc-timeline-item{ position:relative; margin-bottom:16px; }
.dc-drawer .dc-timeline-dot{ position:absolute; inset-inline-start:-25px; top:5px; width:9px; height:9px; border-radius:50%; background:var(--brand); border:2px solid var(--surface); box-shadow:0 0 0 1px var(--border); }
.dc-drawer .dc-timeline-dot.green{ background:var(--ok); } .dc-drawer .dc-timeline-dot.purple{ background:#7c3aed; }
.dc-drawer .dc-timeline-header{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.dc-drawer .dc-timeline-action{ font-size:.86rem; font-weight:700; }
.dc-drawer .dc-timeline-time{ font-size:.72rem; color:var(--muted); }
.dc-drawer .dc-timeline-detail{ font-size:.82rem; color:var(--muted); margin-top:3px; }
.dc-drawer .dc-timeline-user{ font-size:.72rem; color:var(--muted); margin-top:4px; }
@media(max-width:700px){ .dc-drawer{ width:100vw; } .dc-drawer .form-row{ grid-template-columns:1fr; } .dcd-meta-grid{ grid-template-columns:1fr; } }

/* ===== NEXORA modal skin (.nxmodal) — reusable for data-flow modals (assign / status / manual) ===== */
.nxmodal{ --brand:var(--primary,#009391); --accent:var(--secondary,#00D1C9); --surface:#fff; --raised:#F4F6F8; --text:#0E1316; --muted:#5A6B74; --border:#E5E7EB; border-radius:18px !important; overflow:hidden; border:1px solid var(--border); font-family:"Heebo",Arial,sans-serif; }
[data-theme="dark"] .nxmodal{ --surface:#161D22; --raised:#1F2933; --text:#EAF2F3; --muted:#ADBDC4; --border:#35424A; }
.nxmodal .modal-header{ background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 90%,#000),var(--brand)); color:#fff; padding:17px 22px; border:none; }
.nxmodal .modal-header .modal-title,.nxmodal .modal-header h3{ color:#fff; font-weight:800; }
.nxmodal .modal-close{ background:rgba(255,255,255,.2); color:#fff; border:none; width:32px; height:32px; border-radius:9px; display:grid; place-items:center; cursor:pointer; }
.nxmodal .modal-body{ padding:20px 22px; background:var(--surface); color:var(--text); }
.nxmodal .form-group{ margin-bottom:15px; }
.nxmodal .form-label{ font-size:.78rem; color:var(--muted); font-weight:600; margin-bottom:5px; display:block; }
.nxmodal .form-input,.nxmodal select.form-input,.nxmodal textarea.form-input{ border:1px solid var(--border); border-radius:10px; padding:10px 12px; background:var(--surface); color:var(--text); font-size:.9rem; width:100%; box-sizing:border-box; }
.nxmodal .form-input:focus{ outline:none; border-color:var(--brand); box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 16%,transparent); }
.nxmodal .modal-footer{ padding:15px 22px; background:var(--raised); border-top:1px solid var(--border); }
.nxmodal .modal-footer .btn,.nxmodal .btn{ border-radius:10px; font-weight:700; padding:10px 18px; }
.nxmodal .btn-primary{ background:linear-gradient(135deg,var(--accent),var(--brand)) !important; color:#fff !important; border:none !important; }
.nxmodal .btn-secondary{ background:var(--surface) !important; border:1px solid var(--border) !important; color:var(--text) !important; }