/* 共用介面樣式：頁面結構維持由 Tailwind 負責，這裡放專案專屬元件。 */
body { font-family: Arial, sans-serif; }
.cube-scene { perspective: 800px; }
.cube-box { transform-style: preserve-3d; }
.chart-wrapper { position: relative; height: 260px; }
.notification-card { transition: all .2s ease; }
.notification-card:hover { transform: translateY(-2px); }
.notification-overlay { background: rgba(15, 23, 42, .88); }

.network-layout { max-width: 980px; }
.network-step { position: relative; padding-left: 3.25rem; }
.network-step__number {
    position: absolute; left: 0; top: 0;
    display: grid; width: 2.25rem; height: 2.25rem; place-items: center;
    border: 1px solid rgba(96, 165, 250, .5); border-radius: 9999px;
    background: rgba(37, 99, 235, .16); color: #93c5fd; font-weight: 700;
}
.password-toggle { position: absolute; right: .6rem; top: 50%; transform: translateY(-50%); }
.ble-status--active { display: block; }
.ble-status--info { background: rgba(59, 130, 246, .1); color: #93c5fd; border: 1px solid rgba(59, 130, 246, .3); }
.ble-status--success { background: rgba(16, 185, 129, .1); color: #6ee7b7; border: 1px solid rgba(16, 185, 129, .3); }
.ble-status--error { background: rgba(244, 63, 94, .1); color: #fda4af; border: 1px solid rgba(244, 63, 94, .3); }