/* AraTheme — Secure details (vault). Loaded only on "Open a ticket" and the ticket page. Uses the theme tokens. */
.vlt { --vc: var(--p, #10b981); display:grid; gap:12px; margin:0 0 16px; border-color:color-mix(in srgb, var(--vc) 28%, var(--border)); background:linear-gradient(180deg, color-mix(in srgb, var(--vc) 6%, var(--card)), var(--card) 120px); }
.nt-card .vlt { margin:8px 0 12px; box-shadow:none; }
.vlt-head { display:flex; align-items:center; gap:10px; }
.vlt-head b { font-size:var(--fs-md, 1rem); letter-spacing:-.01em; }
.vlt-ic { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; background:color-mix(in srgb, var(--vc) 14%, transparent); color:var(--p-strong, #047857); flex:none; }
.vlt-badge { display:inline-flex; align-items:center; gap:5px; margin-inline-start:auto; padding:3px 10px; border-radius:var(--r-pill, 999px); background:var(--ok-bg, #ecfdf3); color:var(--ok, #16a34a); font-size:var(--fs-xs, .75rem); font-weight:700; }
.vlt-lead { margin:0; color:var(--muted); font-size:var(--fs-sm, .8125rem); line-height:1.6; }
.vlt-foot { display:flex; align-items:center; gap:6px; margin:0; color:var(--muted); font-size:var(--fs-xs, .75rem); }
.vlt-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.vlt-list[hidden], .vlt-reqs[hidden] { display:none; }
.vlt-item { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:start; padding:12px; border:1px solid var(--border); border-radius:14px; background:var(--card); }
.vlt-item.is-team { border-color:color-mix(in srgb, var(--info, #2563eb) 35%, var(--border)); }
.vlt-item.is-gone { opacity:.6; background:transparent; }
.vlt-tile { display:grid; place-items:center; width:38px; height:38px; border-radius:12px; background:var(--hover); color:var(--text); }
.vlt-item.is-team .vlt-tile { background:var(--info-bg, #eff6ff); color:var(--info, #2563eb); }
.vlt-body { min-width:0; display:grid; gap:6px; }
.vlt-title { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 10px; }
.vlt-title b { font-size:var(--fs-sm, .8125rem); overflow-wrap:anywhere; }
.vlt-title small { color:var(--muted); font-size:var(--fs-xs, .75rem); }
.vlt-meta { list-style:none; margin:0; padding:0; display:grid; gap:3px; color:var(--muted); font-size:var(--fs-xs, .75rem); }
.vlt-meta li { display:flex; align-items:center; gap:6px; }
.vlt-acts { display:flex; align-items:center; gap:4px; }
.vlt-act { display:inline-flex; align-items:center; gap:6px; min-height:34px; min-width:34px; justify-content:center; padding:0 8px; border-radius:10px; border:1px solid var(--border); background:var(--card); color:var(--text); font:600 var(--fs-xs, .75rem)/1 inherit; cursor:pointer; }
.vlt-act:hover { background:var(--hover); }
.vlt-act.is-main { border-color:color-mix(in srgb, var(--vc) 40%, var(--border)); color:var(--p-strong, #047857); padding:0 12px; }
.vlt-act.is-on { color:var(--p-strong, #047857); background:color-mix(in srgb, var(--vc) 12%, var(--card)); }
.vlt-act.is-danger:hover { color:var(--err, #dc2626); border-color:color-mix(in srgb, var(--err, #dc2626) 40%, var(--border)); }
.vlt-act:focus-visible, .vlt-mini:focus-visible, .vlt-chip:focus-visible { outline:2px solid var(--p-strong, #047857); outline-offset:2px; }
.vlt-open { padding:10px; border-radius:12px; background:var(--hover); }
.vlt-dl { margin:0; display:grid; gap:6px; }
.vlt-row { display:grid; grid-template-columns:minmax(90px, 30%) 1fr; gap:8px; align-items:center; }
.vlt-row dt { color:var(--muted); font-size:var(--fs-xs, .75rem); font-weight:600; }
.vlt-row dd { margin:0; display:flex; align-items:center; gap:6px; min-width:0; }
.vlt-row code { flex:1; min-width:0; padding:4px 8px; border-radius:8px; background:var(--card); border:1px solid var(--border); font:500 var(--fs-sm, .8125rem)/1.5 var(--mono, ui-monospace, monospace); overflow-wrap:anywhere; white-space:pre-wrap; user-select:all; }
.vlt-row code.is-masked { letter-spacing:.12em; user-select:none; }
.vlt-row.is-note { grid-template-columns:1fr; }
.vlt-row.is-note code { font-family:inherit; }
.vlt-mini { display:inline-flex; align-items:center; gap:4px; flex:none; min-height:30px; padding:0 8px; border-radius:8px; border:1px solid var(--border); background:var(--card); color:var(--text); font:600 var(--fs-xs, .75rem)/1 inherit; cursor:pointer; }
.vlt-count { margin:6px 0 0; color:var(--muted); font-size:var(--fs-xs, .75rem); }
.vlt-reqs { display:grid; gap:8px; }
.vlt-req { padding:12px; border-radius:14px; border:1px dashed color-mix(in srgb, var(--warn, #b45309) 50%, var(--border)); background:var(--warn-bg, #fffbeb); }
.vlt-req > b { display:flex; align-items:center; gap:6px; font-size:var(--fs-sm, .8125rem); color:var(--warn, #b45309); }
.vlt-req > p { margin:6px 0 0; font-size:var(--fs-sm, .8125rem); }
.vlt-req-types { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.vlt-chip { display:inline-flex; align-items:center; gap:6px; min-height:32px; padding:0 12px; border-radius:var(--r-pill, 999px); border:1px solid var(--border); background:var(--card); color:var(--text); font:600 var(--fs-xs, .75rem)/1 inherit; cursor:pointer; }
.vlt-chip em { font-style:normal; color:var(--p-strong, #047857); }
.vlt-chip.is-done { cursor:default; color:var(--ok, #16a34a); background:var(--ok-bg, #ecfdf3); border-color:transparent; }
.vlt-add { justify-self:start; }
.vlt-add[hidden] { display:none; }
.vlt-form { display:grid; gap:12px; padding:14px; border-radius:16px; border:1px solid var(--border); background:var(--card); }
.vlt-types { display:flex; flex-wrap:wrap; gap:6px; margin:0; padding:0; border:0; min-width:0; }
.vlt-types legend { width:100%; margin:0 0 6px; padding:0; font-size:var(--fs-xs, .75rem); font-weight:700; color:var(--muted); }
.vlt-type input { position:absolute; opacity:0; pointer-events:none; }
.vlt-type span { display:inline-flex; align-items:center; gap:6px; min-height:34px; padding:0 12px; border-radius:var(--r-pill, 999px); border:1px solid var(--border); font-size:var(--fs-xs, .75rem); font-weight:600; cursor:pointer; }
.vlt-type input:checked + span { border-color:var(--p-strong, #047857); background:color-mix(in srgb, var(--vc) 12%, var(--card)); color:var(--p-strong, #047857); }
.vlt-type input:focus-visible + span { outline:2px solid var(--p-strong, #047857); outline-offset:2px; }
.vlt-form-type { display:flex; align-items:center; gap:8px; margin:0; }
.vlt-fields, .vlt-opts { display:grid; grid-template-columns:repeat(auto-fill, minmax(min(220px, 100%), 1fr)); gap:10px; }
.vlt-field { display:grid; gap:4px; margin:0; font-size:var(--fs-xs, .75rem); font-weight:600; color:var(--muted); }
.vlt-field.is-wide { grid-column:1 / -1; }
.vlt-field input, .vlt-field select, .vlt-field textarea { width:100%; min-height:40px; padding:8px 10px; border-radius:10px; border:1px solid var(--border-strong, var(--border)); background:var(--card); color:var(--text); font:500 var(--fs-sm, .8125rem)/1.4 inherit; }
.vlt-field textarea.is-mono, .vlt-field input[dir=ltr] { font-family:var(--mono, ui-monospace, monospace); }
.vlt-field :focus { outline:none; border-color:var(--p-strong, #047857); box-shadow:var(--ring, 0 0 0 3px rgb(16 185 129 / 20%)); }
.vlt-pw { position:relative; display:block; }
.vlt-pw input { padding-inline-end:40px; }
.vlt-eye { position:absolute; inset-inline-end:4px; top:50%; transform:translateY(-50%); display:grid; place-items:center; width:32px; height:32px; border:0; border-radius:8px; background:transparent; color:var(--muted); cursor:pointer; }
.vlt-check { display:flex; align-items:center; gap:8px; align-self:end; min-height:40px; margin:0; font-size:var(--fs-sm, .8125rem); font-weight:500; cursor:pointer; }
.vlt-note { display:flex; align-items:center; gap:6px; align-self:end; margin:0; color:var(--muted); font-size:var(--fs-xs, .75rem); }
.vlt-err { margin:0; padding:8px 10px; border-radius:10px; background:var(--err-bg, #fef2f2); color:var(--err, #dc2626); font-size:var(--fs-sm, .8125rem); }
.vlt-err[hidden] { display:none; }
.vlt-btns { display:flex; flex-wrap:wrap; gap:8px; }
.vlt-btns .btn { display:inline-flex; align-items:center; gap:6px; }
.vlt-log summary { display:inline-flex; align-items:center; gap:6px; cursor:pointer; font-size:var(--fs-sm, .8125rem); font-weight:600; color:var(--muted); }
.vlt-log ol { list-style:none; margin:8px 0 0; padding:0; display:grid; gap:6px; max-height:260px; overflow:auto; }
.vlt-log li { display:grid; grid-template-columns:auto 1fr; gap:10px; font-size:var(--fs-xs, .75rem); color:var(--muted); }
.vlt-log li b { color:var(--text); }
.vlt-log li.is-staff b { color:var(--p-strong, #047857); }
.vlt-log q { font-style:italic; }
.vlt-log time { white-space:nowrap; font-variant-numeric:tabular-nums; }
.vlt-warn { display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; margin-top:8px; padding:10px 12px; border-radius:12px; border:1px solid var(--warn-border, #fde68a); background:var(--warn-bg, #fffbeb); color:var(--warn, #b45309); font-size:var(--fs-sm, .8125rem); }
.vlt-warn[hidden] { display:none; }
.vlt-warn > span { flex:1; min-width:200px; display:grid; gap:2px; }
.vlt-warn em { font-style:normal; font-weight:700; }
.vlt-warn em[hidden] { display:none; }
.vlt-warn .btn { display:inline-flex; align-items:center; gap:6px; }
@media (max-width: 575px) {
  .vlt-item { grid-template-columns:auto 1fr; }
  .vlt-acts { grid-column:1 / -1; justify-content:flex-end; flex-wrap:wrap; }
  .vlt-row { grid-template-columns:1fr; gap:2px; }
}
@media print { .vlt { display:none !important; } }