.rooms-list[data-v-8bcbe958]{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.rooms-list button.primary[data-v-8bcbe958]{min-width:120px}.room-item li[data-v-8bcbe958]{justify-content:space-between;align-items:center;width:100%;padding:8px 0;display:flex}.room-item li .locker-title[data-v-8bcbe958]{padding:4px 6px;font-size:14px}.room-item li .locker-title .gpio-num[data-v-8bcbe958]{color:#939393;margin-left:4px;font-size:10px;display:inline-block}.room-item .room-title[data-v-8bcbe958]{color:var(--text-color-primary);background:linear-gradient(90deg,#eee 0%,#fff 100%);border-radius:4px;margin-top:12px;padding:4px 6px;font-size:15px;font-weight:500}ul[data-v-f270698b]{margin:0;padding:0;list-style:none}ul .locker-group[data-v-f270698b]{list-style:none}ul .locker-item[data-v-f270698b]{flex-direction:column;align-items:flex-start;gap:12px;width:100%;margin-bottom:10px;display:flex}ul .locker-item .block[data-v-f270698b]{width:100%;padding:12px 18px}ul .locker-item .address[data-v-f270698b]{color:var(--text-color-primary);font-size:15px;font-weight:600}ul .locker-item .locker-meta[data-v-f270698b]{flex-direction:column;flex-shrink:0;gap:2px;margin-top:6px;display:flex}ul .locker-item .meta-row[data-v-f270698b]{align-items:center;gap:6px;display:flex}ul .locker-item .meta-label[data-v-f270698b]{color:var(--text-color-secondary);font-size:12px}ul .locker-item .meta-value[data-v-f270698b]{color:var(--text-color-primary);font-size:12px}ul .locker-item .online-dot[data-v-f270698b]{border-radius:50%;width:10px;height:10px}ul .locker-item .online-dot.online[data-v-f270698b]{background-color:#34c759}ul .locker-item .online-dot.offline[data-v-f270698b]{background-color:#c7c7cc}.modal-title[data-v-9a7d8e9f]{color:var(--text-color-primary);font-size:18px;font-weight:600}@media (width<460px){.modal-title[data-v-9a7d8e9f]{font-size:16px}}form[data-v-9a7d8e9f]{flex-direction:column;gap:6px;margin-top:12px;display:flex}form .buttons[data-v-9a7d8e9f]{gap:6px;margin-top:4px;display:flex}form .buttons button[data-v-9a7d8e9f]{flex:1}.pi-row[data-v-321f1d03]{border-top:1px solid var(--border-color);cursor:pointer;justify-content:space-around;align-items:center;gap:6px;padding:12px 4px;transition:all .15s ease-in;display:flex}.pi-row[data-v-321f1d03]:hover{background-color:#f7f7f7}.pi-row span[data-v-321f1d03]{text-align:center;color:var(--text-color-primary);word-break:break-word;font-size:13px;font-weight:500}@media (width<=460px){.pi-row span[data-v-321f1d03]{font-size:12px}}.pi-row span[data-v-321f1d03]:first-child{flex:1}@media (width<=460px){.pi-row span[data-v-321f1d03]:first-child{display:none}}.pi-row span[data-v-321f1d03]:nth-child(2){flex:4}.pi-row span[data-v-321f1d03]:nth-child(3){flex:2}.pi-row span[data-v-321f1d03]:nth-child(4){flex:4}@media (width<=460px){.pi-row span[data-v-321f1d03]:nth-child(4){display:none}}.pi-block .header-row[data-v-571eb889]{justify-content:space-around;align-items:center;gap:6px;padding:12px 4px;display:flex}.pi-block .header-row span[data-v-571eb889]{text-align:center;color:var(--text-color-secondary);font-size:13px;font-weight:500}@media (width<=460px){.pi-block .header-row span[data-v-571eb889]{font-size:12px}}.pi-block .header-row span[data-v-571eb889]:first-child{flex:1}@media (width<=460px){.pi-block .header-row span[data-v-571eb889]:first-child{display:none}}.pi-block .header-row span[data-v-571eb889]:nth-child(2){flex:4}.pi-block .header-row span[data-v-571eb889]:nth-child(3){flex:2}.pi-block .header-row span[data-v-571eb889]:nth-child(4){flex:4}@media (width<=460px){.pi-block .header-row span[data-v-571eb889]:nth-child(4){display:none}}.pi-block .add-button[data-v-571eb889]{width:100%;color:var(--text-color-secondary);border:none;border-top:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:0 0 8px 8px;padding:12px 4px;font-size:13px;font-weight:500;transition:all .2s linear}@media (width<=460px){.pi-block .add-button[data-v-571eb889]{font-size:12px}}.pi-block .add-button[data-v-571eb889]:hover{background-color:#f7f7f7}.modal-title[data-v-571eb889]{color:var(--text-color-primary);font-size:18px;font-weight:600}@media (width<460px){.modal-title[data-v-571eb889]{font-size:16px}}.delete-note[data-v-571eb889]{color:var(--text-color-secondary);margin-top:10px;font-size:13px}.delete-error[data-v-571eb889]{color:var(--error-color);margin-top:10px;font-size:13px;font-weight:500}.buttons[data-v-571eb889]{justify-content:space-between;gap:6px;margin-top:12px;display:flex}.buttons button[data-v-571eb889]{flex:1;max-width:300px}