/* A. S. Bookbinding ERP V47.00 — Reliable Full-Width Workspace Shell */
:root{--v4700-shell-speed:.16s;--v4700-shortcut-bg:rgba(255,255,255,.055)}
html,body{max-width:100%;overflow-x:hidden}
#appScreen>.layout{transition:grid-template-columns var(--v4700-shell-speed) ease;min-width:0!important}
#appScreen>.layout>main{min-width:0!important;max-width:none!important;box-sizing:border-box!important}
#nav.v40-sidebar,#nav{transition:transform var(--v4700-shell-speed) ease,opacity var(--v4700-shell-speed) ease,visibility var(--v4700-shell-speed) ease}
#v40NavToggle{position:relative;z-index:4}
#v40NavToggle[aria-expanded="false"]{background:#eef3f7!important;border-color:#d9e1e7!important}
#v40NavToggle:focus-visible{outline:2px solid #2b6f9f!important;outline-offset:2px}

/* Desktop repair: when navigation is hidden the layout becomes ONE column.
   This intentionally avoids the V46.11 bug where main was auto-placed into a 0px first column. */
@media(min-width:821px){
 body.v4700-nav-collapsed #appScreen>.layout{grid-template-columns:minmax(0,1fr)!important}
 body.v4700-nav-collapsed #appScreen>.layout>#nav{display:none!important}
 body.v4700-nav-collapsed #appScreen>.layout>main{grid-column:1/-1!important;width:100%!important;max-width:none!important;min-width:0!important;display:block!important;visibility:visible!important;opacity:1!important}
}

/* Mobile/tablet drawer. */
.v4700-nav-scrim{display:none;position:fixed;inset:var(--v40-header-h) 0 0 0;background:rgba(16,38,58,.32);z-index:80;border:0;padding:0}
@media(max-width:820px){
 body.v40-nav-open .v4700-nav-scrim{display:block}
 body.v40-nav-open{overflow:hidden}
 body.v40-nav-open #nav{z-index:95!important}
}

/* Personal shortcuts retained from V46.10. */
.v4700-shortcuts{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:7px;margin-bottom:5px}
.v4700-shortcuts .nav-group{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.v4700-shortcuts .nav-group span{font-size:9px;color:#6fa3c8;text-transform:none;letter-spacing:0}
.v4700-shortcuts button[data-page]::before{content:'★';font-size:9px;color:#d9ae5f;margin-right:7px;flex:0 0 auto}
.v4700-shortcuts-empty{padding:4px 10px 7px;color:#8799aa;font-size:10px;line-height:1.35}
.v4700-nav-footer-button{grid-column:1/3!important}

body.v4700-density-compact main{padding:14px 16px 28px!important}
body.v4700-density-compact .panel{padding:10px!important}
body.v4700-density-compact .page>h1{margin-bottom:9px!important}
body.v4700-density-compact table.compact-table th,body.v4700-density-compact table.compact-table td{padding-top:6px!important;padding-bottom:6px!important}
body.v4700-density-compact .toolbar{gap:6px!important}
body.v4700-density-compact .toolbar button,body.v4700-density-compact .v40-page-actions button{min-height:31px!important;padding-top:5px!important;padding-bottom:5px!important}

.v4700-pref-intro{margin:0 0 12px;color:#5f6973;font-size:12px}
.v4700-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}
.v4700-pref-card{border:1px solid #d8dde2;border-radius:8px;background:#fafbfc;padding:10px}
.v4700-pref-card b{display:block;margin-bottom:6px}.v4700-pref-card label{display:flex;align-items:center;gap:7px;margin:5px 0;font-size:12px}
.v4700-shortcut-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;max-height:330px;overflow:auto;border:1px solid #d8dde2;border-radius:8px;padding:8px;background:#fff}
.v4700-shortcut-picker label{display:flex;align-items:center;gap:7px;min-width:0;padding:5px 6px;border-radius:5px;font-size:12px}
.v4700-shortcut-picker label:hover{background:#f1f5f8}.v4700-shortcut-picker span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v4700-pref-help{margin-top:10px;padding:9px 10px;border-radius:7px;background:#f3f7fa;color:#586674;font-size:11px;line-height:1.4}
@media(max-width:620px){.v4700-pref-grid,.v4700-shortcut-picker{grid-template-columns:1fr}}
@media print{.v4700-nav-scrim{display:none!important}}