.serial-search{display:flex;gap:10px}.serial-search input{flex:1}.device-list,.serial-outbound-lines{display:grid;gap:12px}.device-card{background:var(--surface,#fff);border:1px solid var(--border,#dde3ea);border-radius:14px;padding:16px}.device-card header{display:flex;justify-content:space-between;gap:12px}.device-card header small,.device-card header b{display:block}.serial-status{border-radius:99px;background:#eef6ff;padding:5px 10px;height:max-content}.device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}.device-grid span{font-size:12px;color:#64748b}.device-grid b{display:block;color:#172033;margin-top:4px}.serial-rule-form,.serial-history-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.serial-rule-form label,.serial-history-form label{display:grid;gap:6px}.serial-rule-form .wide,.serial-history-form .wide{grid-column:1/-1}.serial-rule-form .check{display:flex;align-items:center}.serial-rule-form button,.serial-history-form button{align-self:end}.serial-outbound-lines textarea{width:100%;min-height:120px;font-family:ui-monospace,monospace}.device-picker{display:grid;gap:8px}.device-picker label{display:flex;gap:8px;align-items:center;padding:10px;border:1px solid var(--border,#dde3ea);border-radius:10px}.device-picker label span{flex:1}.serial-ok{color:#087f5b;font-weight:700}@media(max-width:760px){.serial-search{display:grid}.device-grid,.serial-rule-form,.serial-history-form{grid-template-columns:1fr 1fr}}@media(max-width:480px){.device-grid,.serial-rule-form,.serial-history-form{grid-template-columns:1fr}.device-card header{align-items:flex-start}}