.zk-device-card{margin-top:18px;padding:20px;border:1px solid #dbe4f5;border-radius:16px;background:#fff}.zk-device-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.zk-device-head h3{margin:0 0 6px;color:#18376e}.zk-device-head p,.zk-device-note{margin:0;color:#66748d}.zk-device-badge{padding:6px 10px;border-radius:999px;background:#fff2d9;color:#9b6200;font-weight:700}.zk-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.zk-device-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700}.zk-device-grid input,.zk-device-grid select{min-height:40px;padding:8px;border:1px solid #d4ddef;border-radius:9px;background:#fff}.zk-device-actions{display:flex;gap:10px;flex-wrap:wrap}.zk-device-note{margin-top:14px;padding:12px;border-radius:10px;background:#f3f7ff;line-height:1.8}.zk-device-status{margin-top:14px;padding:12px;border:1px dashed #ccd7ec;border-radius:10px}.zk-device-status b{display:block;color:#17356d;margin-bottom:5px}.zk-attendance-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:16px 0;padding:12px 16px;border:1px solid #dce6f7;border-radius:12px;background:#f8fbff}.zk-attendance-banner small{display:block;color:#64748b;margin-top:4px}.zk-employee-attendance{margin-top:18px}.zk-employee-attendance .product-controls>div{display:flex;flex-direction:column;gap:5px}.zk-employee-attendance .product-controls small{color:#68758d}@media(max-width:780px){.zk-device-grid{grid-template-columns:1fr}.zk-device-head,.zk-attendance-banner{flex-direction:column}}