.device-center-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}.device-center-toolbar button{border:0;border-radius:14px;padding:10px 13px;background:#fff;color:#73699b;box-shadow:0 8px 20px rgba(91,74,148,.07);font-size:11px}.device-center-toolbar button.active{background:linear-gradient(135deg,#8c7cf0,#aa98f6);color:#fff}.device-center-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.device-center-card{text-align:left;border:0;border-radius:24px;padding:17px;background:rgba(255,255,255,.92);box-shadow:0 16px 40px rgba(88,70,142,.09);color:#393257;transition:.18s ease}.device-center-card:active{transform:scale(.985)}.device-center-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.device-center-phase{font-size:9px;color:#978fac;margin-bottom:4px}.device-center-top h3{font-size:15px;margin:0;color:#342d5b}.device-center-top p{font-size:9px;margin:5px 0 0;color:#aaa3b8}.device-center-status{font-size:9px;padding:5px 8px;border-radius:999px;font-weight:800}.device-center-status.normal{background:#eaf7f0;color:#4b9870}.device-center-status.concern{background:#fff4dd;color:#b88b27}.device-center-status.warning{background:#fff0e3;color:#d98243}.device-center-status.danger{background:#ffe9e8;color:#d85f62}.device-center-status.missing{background:#eeeef3;color:#777584}.device-center-yield{margin-top:16px}.device-center-yield span{display:block;font-size:9px;color:#9b94a9}.device-center-yield strong{display:block;font-size:24px;margin-top:5px;color:#312a55}.device-center-yield small{font-size:10px;color:#aaa3b8}.device-center-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.device-center-metrics>div{padding:10px;border-radius:14px;background:#f8f6fd}.device-center-metrics span{display:block;font-size:8px;color:#9c95aa}.device-center-metrics b{display:block;font-size:11px;margin-top:4px;color:#625a7f}.device-center-group{margin-top:12px;padding:9px 10px;border-radius:13px;background:linear-gradient(135deg,#f2eeff,#fff6ef);font-size:9px;color:#766a9a;line-height:1.5}.device-center-open{margin-top:12px;font-size:10px;color:#7768cf;font-weight:800}.device-center-modal .modalhead h2{margin:6px 0 4px;font-size:19px;color:#332b5b}.device-center-modal .modalhead p{margin:0;font-size:10px;color:#8f879e}.device-detail-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:15px}.device-detail-kpis>div{padding:12px;border-radius:16px;background:#f8f6fd}.device-detail-kpis span{display:block;font-size:9px;color:#9891a8}.device-detail-kpis b{display:block;font-size:13px;color:#433a67;margin-top:5px}.device-detail-section{margin-top:12px;padding:13px 14px;border-radius:16px;background:#fffaf6}.device-detail-section h4{margin:0 0 6px;font-size:11px;color:#62547f}.device-detail-section p{margin:0;font-size:10px;color:#837b91;line-height:1.7}.device-detail-actions{display:flex;gap:8px;margin-top:14px}.device-detail-actions a,.device-detail-actions button{flex:1;text-align:center;border:0;border-radius:14px;padding:11px;background:#eeeaff;color:#6557bf;text-decoration:none;font-size:11px}.device-detail-actions a{background:linear-gradient(135deg,#8c7cf0,#a894f7);color:#fff}@media(max-width:980px){.device-center-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.device-center-grid{grid-template-columns:1fr}.device-center-card{padding:16px}.device-center-yield strong{font-size:22px}.device-detail-kpis{grid-template-columns:1fr 1fr}.device-center-toolbar{overflow:auto;flex-wrap:nowrap;padding-bottom:3px}.device-center-toolbar button{white-space:nowrap}}