.smart-wifi-panel{padding:1.15rem;overflow:hidden}.smart-wifi-head{align-items:center}.smart-wifi-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-bottom:.8rem}.smart-wifi-summary>div{display:grid;grid-template-columns:36px 1fr;gap:.55rem;align-items:center;padding:.65rem;border:1px solid var(--smart-line);border-radius:11px;background:var(--smart-solid)}.smart-wifi-summary>div>i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#168cff,#714cff)}.smart-wifi-summary span small,.smart-wifi-summary span strong{display:block}.smart-wifi-summary small{color:var(--smart-muted);font-size:.48rem}.smart-wifi-summary strong{margin-top:.12rem;font-size:.76rem}.smart-wifi-status>i{width:10px;height:10px;margin:auto;border-radius:50%;background:#f6a819;box-shadow:0 0 0 6px rgba(246,168,25,.12)}.smart-wifi-status.is-online>i{background:#24bb68;box-shadow:0 0 0 6px rgba(36,187,104,.12)}.smart-wifi-toolbar{position:relative;z-index:5;display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:.55rem;margin-bottom:.7rem}.smart-wifi-toolbar>label{min-height:42px;display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid var(--smart-line);border-radius:11px;background:var(--smart-solid)}.smart-wifi-toolbar>label>i{color:var(--smart-blue)}.smart-wifi-toolbar input{min-width:0;flex:1;border:0;outline:0;color:var(--smart-text);background:transparent;font-size:.62rem}.smart-wifi-toolbar label button{border:0;color:var(--smart-muted);background:transparent}.smart-wifi-toolbar>div{display:flex;padding:4px;border:1px solid var(--smart-line);border-radius:11px;background:var(--smart-solid)}.smart-wifi-toolbar>div button,.smart-wifi-locate{min-height:32px;padding:0 .65rem;border:0;border-radius:8px;color:var(--smart-muted);background:transparent;font-size:.54rem;font-weight:800;cursor:pointer}.smart-wifi-toolbar>div button.is-active{color:#fff;background:linear-gradient(135deg,#168cff,#714cff)}.smart-wifi-toolbar>div button i{display:inline-block;width:7px;height:7px;margin-right:3px;border-radius:50%;background:#714cff}.smart-wifi-toolbar>div button:last-child i{background:#f04d9b}.smart-wifi-locate{min-height:42px;border:1px solid var(--smart-line);color:var(--smart-blue);background:var(--smart-solid)}.smart-wifi-map-wrap{position:relative;height:440px;border:1px solid var(--smart-line);border-radius:14px;overflow:hidden;background:var(--smart-solid)}#semarang-wifi-map{position:absolute;inset:0;z-index:1}.smart-wifi-loading,.smart-wifi-error{position:absolute;z-index:4;inset:0;display:grid;place-items:center;align-content:center;gap:.45rem;text-align:center;background:var(--smart-panel);backdrop-filter:blur(8px)}.smart-wifi-loading>span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#168cff,#714cff);font-size:1.4rem;animation:wifiPulse 1.7s ease-in-out infinite}.smart-wifi-loading b,.smart-wifi-error b{font-size:.78rem}.smart-wifi-loading small,.smart-wifi-error p{margin:0;color:var(--smart-muted);font-size:.56rem}.smart-wifi-error[hidden],.smart-wifi-loading[hidden],.smart-wifi-results[hidden]{display:none}.smart-wifi-error>i{color:#f04d65;font-size:1.7rem}.smart-wifi-error>div{display:flex;gap:.5rem}.smart-wifi-error button,.smart-wifi-error a{min-height:36px;padding:0 .75rem;border:1px solid var(--smart-line);border-radius:9px;display:inline-flex;align-items:center;gap:.35rem;color:var(--smart-text);background:var(--smart-solid);font-size:.55rem;font-weight:800;text-decoration:none}.smart-wifi-error button{color:#fff;border:0;background:linear-gradient(135deg,#168cff,#714cff)}.smart-wifi-results{position:absolute;z-index:5;top:.65rem;left:.65rem;width:min(330px,calc(100% - 1.3rem));max-height:300px;padding:.4rem;border:1px solid var(--smart-line);border-radius:12px;background:var(--smart-panel);box-shadow:0 18px 40px rgba(0,0,0,.18);overflow:auto;backdrop-filter:blur(16px)}.smart-wifi-result{width:100%;display:grid;grid-template-columns:30px 1fr;gap:.5rem;padding:.5rem;border:0;border-bottom:1px solid var(--smart-line);color:var(--smart-text);background:transparent;text-align:left;cursor:pointer}.smart-wifi-result:last-child{border-bottom:0}.smart-wifi-result>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#714cff}.smart-wifi-result.public>i{background:#f04d9b}.smart-wifi-result b,.smart-wifi-result small{display:block}.smart-wifi-result b{font-size:.58rem}.smart-wifi-result small{margin-top:.12rem;color:var(--smart-muted);font-size:.47rem}.smart-wifi-legend{position:absolute;z-index:3;right:.65rem;bottom:.65rem;padding:.55rem .65rem;border:1px solid var(--smart-line);border-radius:10px;display:flex;gap:.65rem;align-items:center;background:var(--smart-panel);box-shadow:0 8px 24px rgba(0,0,0,.12);backdrop-filter:blur(12px)}.smart-wifi-legend span{display:flex;align-items:center;gap:.28rem;color:var(--smart-text);font-size:.48rem;font-weight:700}.smart-wifi-legend i{width:8px;height:8px;border-radius:50%;background:#714cff}.smart-wifi-legend i.public{background:#f04d9b}.smart-wifi-legend small{color:var(--smart-muted);font-size:.43rem}.smart-wifi-note{display:flex;align-items:flex-start;gap:.4rem;margin:.65rem .1rem 0;color:var(--smart-muted);font-size:.5rem;line-height:1.5}.smart-wifi-note i{margin-top:1px;color:var(--smart-blue)}.smart-wifi-marker{width:31px;height:31px;border:3px solid #fff;border-radius:50% 50% 50% 8px;display:grid;place-items:center;color:#fff;background:#714cff;box-shadow:0 8px 18px rgba(0,0,0,.25);transform:rotate(-45deg)}.smart-wifi-marker.public{background:#f04d9b}.smart-wifi-marker i{font-size:.7rem;transform:rotate(45deg)}.smart-wifi-popup b{display:block;margin-bottom:3px;font-size:.72rem}.smart-wifi-popup span,.smart-wifi-popup small{display:block;color:#60708a;font-size:.58rem;line-height:1.4}.smart-wifi-popup span i{margin-right:3px;color:#168cff}@keyframes wifiPulse{50%{transform:scale(1.08);box-shadow:0 0 0 12px rgba(82,86,255,.1)}}@media(max-width:900px){.smart-wifi-summary{grid-template-columns:1fr 1fr}.smart-wifi-toolbar{grid-template-columns:1fr auto}.smart-wifi-toolbar>div{grid-row:2;grid-column:1/-1}.smart-wifi-map-wrap{height:400px}}@media(max-width:600px){.smart-wifi-panel{padding:1rem}.smart-wifi-summary{grid-template-columns:1fr 1fr}.smart-wifi-toolbar{grid-template-columns:1fr}.smart-wifi-toolbar>div,.smart-wifi-locate{grid-row:auto;grid-column:auto}.smart-wifi-toolbar>div{overflow-x:auto}.smart-wifi-toolbar>div button{flex:1;white-space:nowrap}.smart-wifi-map-wrap{height:360px}.smart-wifi-locate span{display:inline}.smart-wifi-legend{left:.55rem;right:.55rem;justify-content:center;flex-wrap:wrap}.smart-wifi-legend small{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.smart-wifi-loading>span{animation:none}}