body:has(.rules-shell){margin:0}.rules-shell{background:var(--dt-monitor-surface-page);min-height:calc(100dvh - 100px);color:var(--dt-monitor-text-primary);font-family:var(--dt-font-sans);font-size:14px}.rules-shell *{box-sizing:border-box}@media (width>=1200px){.app-default:has(>.rules-shell>.rule-editor){flex-direction:column;height:100dvh;display:flex}.rules-shell:has(>.rule-editor){flex-direction:column;flex:auto;min-height:0;display:flex}}.rules-open-note{color:var(--dt-monitor-text-muted);margin:0;padding:6px 24px;font-size:12px}.rules-header,.rules-open-note{border-bottom:1px solid var(--dt-monitor-basemap-boundary)}.rules-header{align-items:center;gap:24px;padding:14px 24px;display:flex}.rules-header .brand{white-space:nowrap;font-size:20px;font-weight:600}.rules-header nav{flex-wrap:wrap;flex:1;gap:20px;display:flex}.rules-shell a{color:var(--dt-monitor-accent-a);text-decoration:none}.rules-header .router-link-exact-active{text-underline-offset:8px;text-decoration:underline}.rules-shell button,.rules-shell input,.rules-shell select,.rules-shell textarea{font:inherit;color:inherit;border:1px solid var(--dt-monitor-basemap-boundary);background:var(--dt-monitor-surface-panel-solid);border-radius:6px;min-height:44px;padding:10px 12px}.rules-shell button{cursor:pointer}.rules-shell button:disabled{opacity:.5;cursor:not-allowed}.rules-shell button:hover:not(:disabled){border-color:var(--dt-monitor-accent-a)}.rules-shell .primary{background:var(--dt-monitor-accent-a);color:var(--dt-monitor-surface-page);font-weight:600}.rules-shell :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--dt-monitor-accent-a);outline-offset:3px}.rules-shell label{gap:6px;margin-bottom:14px;display:grid}.rules-shell h1{margin:0 0 8px;font-size:26px}.rules-shell h2{font-size:18px}.rules-shell p,.rules-shell small{line-height:1.65}.rules-muted{color:var(--dt-monitor-text-muted)}.rules-page{max-width:1280px;margin:auto;padding:32px 24px}.rules-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rules-page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.rules-panel{border:1px solid var(--dt-monitor-basemap-boundary);background:var(--dt-monitor-surface-panel-solid);border-radius:8px;padding:20px}.rules-empty{text-align:center;padding:48px 20px}.rules-login{max-width:420px;margin:10vh auto;padding:24px}.rules-error{border-left:3px solid var(--dt-monitor-accent-b);background:var(--dt-monitor-surface-panel-solid);padding:12px}.rules-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--dt-monitor-surface-page);max-height:340px;padding:12px;font-size:12px;overflow:auto}@media (width<=720px){.rules-header{flex-wrap:wrap;gap:12px;padding:12px}.rules-header nav{flex-basis:100%;order:3;gap:18px;font-size:12px}.rules-header .brand{flex:1;font-size:17px}.rules-header button{font-size:11px}.rules-page{padding:24px 12px}.rules-page-heading{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.rules-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}