/* F&I shell: explicit layout rules keep legacy document styles out of navigation. */
body[data-fi] .fi-app{grid-template-columns:88px minmax(0,1fr)}
body[data-fi] .fi-sidebar{width:88px;min-width:0;padding:0;overflow-x:hidden}
body[data-fi] .fi-sidebar nav{width:100%;min-width:0}
body[data-fi] .fi-sidebar nav .lp-nav{display:flex;flex-direction:column;list-style:none!important;margin:10px 0 0!important;padding:0!important;gap:4px}
body[data-fi] .fi-sidebar nav .lp-nav li{list-style:none!important;margin:0;padding:0;width:100%;min-width:0}
body[data-fi] .fi-sidebar nav .lp-nav li a{box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:7px;width:100%;min-height:76px;padding:8px 4px!important;font-size:11px!important;white-space:normal;text-align:center}
body[data-fi] .fi-sidebar .nav-icon{display:block;font-size:20px;line-height:1}
body[data-fi] .dw-shell{min-width:0;width:100%;max-width:1440px;margin:0 auto;padding:0 24px 28px}
body[data-fi] .fi-topbar{min-height:68px;margin:0 -24px 0;padding:10px 24px;background:#fff;border-bottom:1px solid #e3e9f1;display:flex;align-items:center;justify-content:space-between;gap:20px}
body[data-fi] .fi-logo{display:flex;align-items:center;flex-shrink:0}
body[data-fi] .fi-logo img{display:block;width:168px;height:43px;object-fit:contain}
body[data-fi] .fi-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#718096}
body[data-fi] .fi-breadcrumb a{color:#536174}
body[data-fi] .dw-heading{margin:16px 0 0;padding:18px;border:1px solid #e3e9f1;border-radius:12px;background:#fff;display:flex;flex-direction:row;align-items:center;gap:20px}
body[data-fi] .dw-heading>div:first-child{flex:1;min-width:180px}
body[data-fi] .dw-heading h1{font-size:28px;margin:5px 0 6px}
body[data-fi] .dw-heading p{font-size:12px;margin:0}
body[data-fi] .dw-heading .fi-heading-actions{display:flex;flex:0 1 auto;flex-wrap:wrap;gap:8px;align-items:center}
body[data-fi] .fi-heading-actions button{width:auto;margin:0;min-height:40px;padding:10px 14px;font-size:12px}
body[data-fi] #download{border:1px solid #d5deea;background:#fff;color:#31506f}
body[data-fi] .fi-workspace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0}
body[data-fi] .fi-mode{margin:0;flex-shrink:0;padding:4px;border:1px solid #e3e9f1;border-radius:9px}
body[data-fi] .fi-mode button{min-height:36px;min-width:105px;padding:8px 12px;font-size:12px;border-radius:6px}
body[data-fi] #loadStatus{margin:0;font-size:11px;text-align:right}
body[data-fi] .dw-layout>div{min-width:0}
@media(max-width:900px){
 body[data-fi] .fi-app{grid-template-columns:minmax(0,1fr)}
 body[data-fi] .fi-sidebar{display:none!important}
 body[data-fi] .dw-shell{padding:0 16px 24px}
 body[data-fi] .fi-topbar{margin:0 -16px;padding:10px 16px}
 body[data-fi] .dw-heading{align-items:flex-start}
}
@media(max-width:600px){
 body[data-fi] .fi-logo img{width:140px;height:36px}
 body[data-fi] .dw-heading{flex-direction:column;gap:14px;padding:14px}
 body[data-fi] .dw-heading .fi-heading-actions{width:100%}
 body[data-fi] .fi-heading-actions button{flex:1}
 body[data-fi] .fi-workspace-toolbar{align-items:flex-start;flex-direction:column;gap:8px}
 body[data-fi] #loadStatus{text-align:left}
}

body[data-fi] .fi-sidebar nav .lp-nav li a[hidden]{display:none!important}