/* Use the full available panel width, preserving navigation and outer gutters. */
html body.workspace .app-main>.wrap,html body.panel-admin .app-main>.wrap{width:100%;max-width:none;margin-left:0;margin-right:0}
html body.workspace .app-main .form-wide,html body.panel-admin .app-main .form-wide{width:100%;max-width:none}
html body.workspace .app-main>.wrap>.narrow,html body.panel-admin .app-main>.wrap>.narrow{width:100%;max-width:none}
html body.workspace .app-main table,html body.panel-admin .app-main table{width:100%}
html body.panel-admin .app-main{padding:28px 24px 40px}
html body.panel-admin .app-nav>.wrap{width:100%;max-width:none;padding-left:24px;padding-right:24px}
@media(max-width:760px){html body.panel-admin .app-main{padding:20px 18px 30px}html body.panel-admin .app-nav>.wrap{padding-left:18px;padding-right:18px}}/* Slightly wider navigation with a tighter content gutter. */
@media(min-width:761px){
 html body.workspace{padding-left:246px}
 html body.workspace .app-nav{width:230px}
 html body.workspace .app-main{padding-left:8px;padding-right:16px}
 html body.workspace .app-nav nav a{font-size:14px}
 html body.workspace .app-nav .brand{font-size:13px}
 html body.workspace .footer .wrap{margin-left:8px;margin-right:16px}
}
@media(min-width:761px){html body.workspace .app-nav nav a[href]{font-size:14px}}

/* Content gutters: 10px from the sidebar and right viewport edge. */
html body.workspace .app-main,html body.panel-admin .app-main{padding-left:10px;padding-right:10px}
@media(min-width:761px){html body.workspace{padding-left:240px}}

/* Remove inherited public-site wrapper padding; main owns the 10px gutter. */
html body.workspace .app-main>.wrap,html body.panel-admin .app-main>.wrap{padding-left:0;padding-right:0}