/* product-machine-bindings v1.0.0 */
.machine-summary{border:0;border-radius:999px;padding:5px 10px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}
.machine-summary.bound{background:#dcfce7;color:#15803d}
.machine-summary.unbound{background:#f1f5f9;color:#64748b}
.machine-summary:hover{filter:brightness(.97)}
.machine-binding-modal-card{width:min(760px,calc(100vw - 32px));max-height:86vh}
.machine-binding-help{padding:10px 12px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff;color:#1d4ed8;font-size:13px;margin-bottom:12px}
.machine-binding-list{display:flex;flex-direction:column;gap:10px;max-height:54vh;overflow:auto;padding-right:2px}
.machine-binding-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#fff}
.machine-binding-main{min-width:0;flex:1}
.machine-binding-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.machine-binding-title>b{font-size:15px;color:#0f172a}
.machine-binding-title>span:not(.badge){font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 6px}
.machine-code-full{display:block;max-width:100%;overflow:auto;padding:8px 10px;border-radius:8px;background:#f8fafc;color:#0f172a;font-size:12px;white-space:nowrap}
.machine-binding-times{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px;color:#64748b;font-size:12px}
.machine-binding-action{flex:0 0 auto}
@media(max-width:720px){.machine-binding-item{align-items:flex-start;flex-direction:column}.machine-binding-action{width:100%}.machine-binding-action .btn{width:100%}}