.monitoring-layout{position:relative;height:var(--content-height);padding:10px;display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.monitoring-layout .map-container{position:relative;height:100%;flex:1.65 1;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.monitoring-layout .user-interaction-container{height:100%;padding:20px 10px;flex:0.35 1;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.monitoring-layout.is-panel-hidden .user-interaction-container{display:none}.monitoring-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.panel-collapse{flex:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:background-color var(--transition-fast)}.panel-collapse:hover{background:var(--color-surface-raised);color:var(--color-text-strong)}.panel-reopen{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1000;display:inline-flex;align-items:center;justify-content:center;width:32px;height:56px;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;box-shadow:var(--shadow-md);transition:background-color var(--transition-fast)}.panel-reopen:hover{background:var(--color-surface-raised)}@media (pointer:coarse){.panel-reopen{width:44px}.panel-collapse{width:44px;height:44px}}.monitoring-list,.monitoring-list-container{width:100%;flex:1 1;min-height:0;display:flex;flex-direction:column}.monitoring-list{align-items:center;overflow-y:auto;scrollbar-width:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:20px 0;gap:var(--space-3)}.connecting-icon{width:60px;height:50px;--m:no-repeat linear-gradient(90deg,#000 70%,#0000 0);-webkit-mask:var(--m) calc(0 * 100% / 4) 100% /calc(100% / 5) calc(1 * 100% / 5),var(--m) calc(1 * 100% / 4) 100% /calc(100% / 5) calc(2 * 100% / 5),var(--m) calc(2 * 100% / 4) 100% /calc(100% / 5) calc(3 * 100% / 5),var(--m) calc(3 * 100% / 4) 100% /calc(100% / 5) calc(4 * 100% / 5),var(--m) calc(4 * 100% / 4) 100% /calc(100% / 5) calc(5 * 100% / 5);background:linear-gradient(#514b82 0 0) 0/0 100% no-repeat #ddd;animation:connecting-animation 2s steps(6) infinite}@keyframes connecting-animation{to{background-size:120% 100%}}.monitoring-settings-container{width:100%;padding-top:10px;flex-shrink:0}.monitoring-settings-container .settings-options{display:flex;flex-direction:column;padding:var(--space-2) 0}.monitoring-settings-container .setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.monitoring-settings-container .setting-row:last-child{border-bottom:0}.monitoring-settings-container .setting-label{display:flex;flex-direction:column;min-width:0}.monitoring-settings-container .setting-name{font-size:var(--text-sm);font-weight:600}.monitoring-settings-container .setting-detail{font-size:var(--text-xs);color:var(--color-text-subtle)}.monitoring-settings-container .setting-segmented{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden;flex:none}.monitoring-settings-container .setting-segmented button{padding:5px 14px;border:0;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer}.monitoring-settings-container .setting-segmented button.is-active{background:var(--color-brand);color:var(--color-on-brand);font-weight:600}.monitoring-settings-container .settings-options .settings-value{font-weight:700;text-align:center}.monitoring-settings-container .setting-row>button{flex:none;height:28px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:background-color var(--transition-fast)}.monitoring-settings-container .setting-row>button:hover:not(:disabled){background-color:var(--color-surface-raised)}.monitoring-settings-container .setting-row>button:disabled{opacity:.45;cursor:not-allowed}.monitoring-settings-container .setting-segmented button:focus-visible,.monitoring-settings-container .settings-options button:focus-visible{outline:2px solid var(--color-brand);outline-offset:1px}.settings-options input{width:75%;height:30px;margin:0 auto;border-radius:var(--radius-sm);cursor:pointer;background-color:var(--color-surface);color:var(--color-text-strong);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}@media screen and (max-width:1024px){.monitoring-layout{flex-direction:column;padding:5px;align-items:stretch}.monitoring-layout .map-container{flex:1 1;width:100%;max-height:50%}.monitoring-layout.is-panel-hidden .map-container{max-height:100%}.monitoring-layout .user-interaction-container{flex:1 1;width:100%;max-height:50%}}@media screen and (min-width:1025px) and (max-width:1280px){.monitoring-layout .map-container{flex:1.2 1}.monitoring-layout .user-interaction-container{flex:0.8 1}}