:root{--ui-ink:#17273c;--ui-muted:#66768b;--ui-line:#e3eaf3;--ui-accent:#176bba;--ui-radius:14px}
*{box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ui-ink);background:#f4f7fc}
.app main,.content,.card,.grid2>*,.ops-grid>*{min-width:0}.content{max-width:1800px;margin-inline:auto}
.card,.modal-card{border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 5px 24px #19345108}
.btn,button,input,select,textarea{font:inherit}.btn,button{white-space:normal;min-height:36px;max-width:100%}
input,select,textarea{max-width:100%;border-radius:9px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ui-accent);outline-offset:3px}
.actions{flex-wrap:wrap;gap:8px}.modal-card{max-height:calc(100dvh - 32px);overflow:auto;max-width:calc(100vw - 24px)}
.title{flex-wrap:wrap;gap:12px}.title>div{min-width:0;flex:1 1 220px}.title>form{max-width:100%}
.table-wrap{max-width:100%;overflow-x:auto}.card:has(>table){overflow-x:auto}td,th{overflow-wrap:anywhere}pre{max-width:100%;overflow:auto}
.nav-group a{border-radius:9px;margin-block:3px}.nav-group a:hover{background:#ffffff12}
@media(max-width:720px){.grid2,.ops-grid{grid-template-columns:minmax(0,1fr)!important}.content{padding:12px}.actions>*{flex-shrink:1}.branch-head{min-width:0}.branch-switch select{max-width:100%}.card{padding:14px}.modal-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Visible monitor access outside the mobile-hidden inspector footnote. */
#vo-root .vo-top .vo-heading{flex:1;min-width:0}
#vo-root .vo-top .vo-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vo-root .vo-top .vo-monitor-access{flex-shrink:0}