.tabcard{position:absolute; z-index:980; min-width:280px; max-width:360px; background:#0f172a; color:#e5e7eb; border:1px solid rgba(212,175,55,.28); border-radius:14px; box-shadow:0 12px 30px rgba(0,0,0,.4)}
.tabcard .hdr{display:flex; justify-content:space-between; align-items:center; padding:10px 12px; background:#111827; border-bottom:1px solid rgba(212,175,55,.28); border-radius:14px 14px 0 0}
.tabcard .hdr .ttl{font-weight:700}
.tabcard .hdr .x{all:unset; cursor:pointer; opacity:.8; font-size:18px}
.tabbar{display:flex; gap:6px; padding:8px 10px; flex-wrap:wrap}
.tabbar .tab{background:#1e3a8a; color:#fff; border:none; border-radius:10px; padding:4px 8px; font-size:.85rem; cursor:pointer; user-select:none}
.tabbar .tab.active{outline:2px solid #d4af37}
.tabpanel{padding:10px 12px; display:none}
.tabpanel.show{display:block}
.kv{display:grid; grid-template-columns:110px 1fr; gap:6px; margin:6px 0}
.kv label{opacity:.85}
.inp, .area{width:100%; background:#0f172a; color:#e5e7eb; border:1px solid #24324f; border-radius:10px; padding:8px}
.row{display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.btn{background:#1e40af; color:#fff; border:none; border-radius:10px; padding:8px 10px; cursor:pointer; font-weight:600}
.btn.ghost{background:#1f2937; border:1px solid #374151}
.badge{display:inline-block; padding:2px 8px; border-radius:999px; background:#223055; margin-right:6px}
.small{font-size:.85rem; opacity:.85}