.nn-monitor,.nn-reinstall-state{color:var(--color-text-1);font-size:14px;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.nn-monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.nn-monitor-card{min-width:0;padding:16px;border:1px solid var(--color-border-2);border-radius:12px;background:var(--color-bg-2)}
.nn-monitor-card h4{margin:0 0 12px;font-size:14px;font-weight:600}.nn-monitor-card svg{display:block;width:100%;height:114px;margin-top:10px}
.nn-monitor-values{display:flex;gap:18px;flex-wrap:wrap}.nn-monitor-values span{display:flex;flex-direction:column;min-width:0}.nn-monitor-values small,.nn-chart-axis,.nn-console-caption,.nn-console-hint{color:var(--color-text-3);font-size:12px}.nn-monitor-values strong{font-variant-numeric:tabular-nums;font-size:20px;line-height:1.4;font-weight:600}
.nn-monitor-values span:nth-child(2) strong{color:#36cfc9}.nn-chart-axis,.nn-console-caption{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.nn-console-caption{margin-bottom:12px}.nn-status-live{color:rgb(var(--green-6))}.nn-status-warning{color:rgb(var(--orange-6))}.nn-console-hint{margin:14px 0 0}
.nn-reinstall-state{display:flex;align-items:flex-start;gap:12px;padding:16px;margin-bottom:16px;background:var(--color-fill-1);border:1px solid var(--color-border-2);border-radius:10px}.nn-reinstall-state p{margin:4px 0 0;color:var(--color-text-3);font-size:13px}.nn-console-spinner{flex:0 0 18px;height:18px;border:2px solid var(--color-border-2);border-top-color:rgb(var(--primary-6));border-radius:50%;animation:nn-console-spin 1s linear infinite;margin-top:3px}
@keyframes nn-console-spin{to{transform:rotate(360deg)}}.nn-console-button{border:1px solid rgb(var(--primary-6));border-radius:6px;background:var(--color-bg-2);color:rgb(var(--primary-6));padding:7px 12px;margin-top:10px;cursor:pointer}.nn-password-result code{display:block;padding:12px;border-radius:8px;background:var(--color-fill-2);overflow-wrap:anywhere;user-select:all;font-size:16px}.nn-password-result p{line-height:1.6}
@media(max-width:540px){.nn-monitor-grid{grid-template-columns:1fr}.nn-monitor-card{padding:12px}.nn-monitor-values strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.nn-console-spinner{animation-duration:2.5s}}
/* One document scroller on touch layouts. Header stays reachable independently of content height. */
@media(max-width:1023px),(max-width:1366px) and (pointer:coarse){
 html{height:auto;min-height:100%;overflow-x:clip}body{height:auto;min-height:100%;overflow-x:clip}#app{height:auto;min-height:100dvh}
 body .layout-container.layout-container,body .layout-container:has(.ticket-list-surface){height:auto;min-height:100dvh;overflow:visible;align-items:stretch}
 body .layout-container .main-wrapper{height:auto;min-height:100dvh;min-width:0;overflow:visible}
 body .layout-container .main-content,body .layout-container:has(.ticket-list-surface) .main-content{height:auto;min-height:0;flex:1 0 auto;overflow:visible;overscroll-behavior:auto;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
 body .layout-container .content-inner{height:auto;min-height:0;overflow:visible}
 body .layout-container .header{position:sticky;top:0;z-index:100;flex-shrink:0;background:var(--color-bg-2)}
 body .layout-container .mobile-menu-btn{display:flex;min-width:40px;min-height:40px}
 body .layout-container .sidebar-wrapper{display:none}
}
@media(max-width:1023px),(max-width:1366px) and (pointer:coarse){
 /* Arco locks body to a pixel width when a dialog opens; keep it fluid on rotation. */
 body:has(.arco-modal-container),body:has(.arco-drawer-container){width:100% !important;max-width:100vw}
}