/* serial-chip.css — centered improved card */
.serial-chip{display:inline-block;padding:4px 10px;border:0;border-radius:999px;font-weight:700;cursor:pointer;background:var(--secondary-dark,#2f6f4f);color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .05s ease,box-shadow .2s ease,background .2s ease;user-select:none}
.serial-chip:active{transform:translateY(1px)}
.serial-pop{position:fixed;background:rgba(15,18,20,.82);color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(6px);opacity:0;transform:translateY(10px) scale(.98);transition:opacity .18s ease,transform .18s ease;z-index:99999;min-width:280px;max-width:min(92vw,420px)}
.serial-pop-center{top:50%;left:50%;transform:translate(-50%,-46%) scale(.98)}
.serial-pop.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.serial-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.serial-pop-title{font-weight:800;font-size:18px;letter-spacing:.2px}
.serial-pop-close{background:transparent;border:0;color:#fff;font-size:20px;cursor:pointer;opacity:.85;line-height:1;padding:4px 6px;border-radius:8px}
.serial-pop-close:hover{opacity:1;background:rgba(255,255,255,.08)}
.serial-pop-body{display:grid;gap:8px;margin:8px 0 10px}
.serial-pop-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;font-size:14px}
.serial-pop-row span{opacity:.9}
.serial-pop-row b{font-weight:800;font-size:15px}
.serial-pop-actions{display:flex;gap:10px;justify-content:flex-end}
.serial-pop-btn{border:0;border-radius:10px;padding:8px 12px;cursor:pointer;background:#1eaa6c;color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.serial-pop-btn.subtle{background:rgba(255,255,255,.12)}
.serial-pop-btn:hover{filter:brightness(1.05)}
@media (max-width:520px){.serial-pop{max-width:94vw}}