
#abp{--b-bg:light-dark(#f1f6f2,#162b22);--b-paper:light-dark(#fff,#243c30);--b-text:light-dark(#244333,#e4f2e7);--b-muted:light-dark(#597163,#b6cdbb);--b-line:light-dark(#d7e4db,#46604f);--b-green:light-dark(#007b65,#87d6b2);--b-soft:light-dark(#e5f2e9,#304f3c);--b-warn:light-dark(#fff1d9,#4a3c27);font:14px/1.5 Arial,sans-serif;background:var(--b-bg);color:var(--b-text);border:1px solid var(--b-line);border-radius:10px;overflow:hidden}
#abp *{box-sizing:border-box}#abp [hidden]{display:none!important}#abp button,#abp input,#abp select,#abp textarea{font:inherit;color:inherit}#abp button{border:1px solid var(--b-line);background:var(--b-paper);border-radius:6px;padding:9px 12px;min-height:42px;cursor:pointer}#abp button:disabled{opacity:.5;cursor:not-allowed}#abp button[aria-pressed=true]{background:var(--b-soft);border-color:var(--b-green);color:var(--b-green)}#abp .primary{background:var(--b-green);color:light-dark(#fff,#173b28)}#abp input,#abp select,#abp textarea{width:100%;min-width:0;border:1px solid var(--b-line);background:var(--b-paper);border-radius:5px;padding:9px;margin-top:5px}#abp textarea{min-height:85px}#abp label{display:block;min-width:0}#abp small{display:block;color:var(--b-muted);font-size:12px;margin-top:4px}#abp h1{font-size:23px;margin:4px 0}#abp h2{font-size:18px;margin:0 0 10px}#abp h3{font-size:15px;margin:0 0 8px}#abp p{margin:8px 0 12px}#abp .banner{background:var(--b-warn);padding:10px 17px;font-size:12px}#abp .shell{display:grid;grid-template-columns:44px 190px minmax(0,1fr)}#abp .global{background:var(--b-green);color:light-dark(#fff,#143a25);padding:16px 9px;font-size:24px}#abp aside{padding:17px 10px;background:var(--b-paper);border-right:1px solid var(--b-line)}#abp aside button{width:100%;text-align:left;margin:4px 0}#abp main{min-width:0}#abp header{background:var(--b-paper);padding:18px;border-bottom:1px solid var(--b-line)}#abp .content{padding:16px;display:grid;gap:14px}#abp section{background:var(--b-paper);border:1px solid var(--b-line);border-radius:7px;padding:16px;min-width:0}#abp .fields{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:12px 0}#abp .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#abp .line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--b-line);padding:10px 0;overflow-wrap:anywhere}#abp .line>*{min-width:0}#abp .note{background:var(--b-soft);padding:11px;border-radius:5px;margin:10px 0}#abp .warn{background:var(--b-warn)}#abp .check{display:flex;align-items:center;gap:8px}#abp .check input{width:18px;height:18px;margin:0;accent-color:var(--b-green)}#abp .block{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:10px 0;border-bottom:1px solid var(--b-line)}#abp .block>button:first-of-type{min-width:90px}#abp details{margin-top:13px}#abp summary{color:var(--b-green);cursor:pointer}#abp .foot{padding:0 16px 16px}#abp .status{padding:0 16px 15px;font-size:13px}#abp .money{font-size:23px;color:var(--b-green)}#abp .compact section{padding:11px}
@media(max-width:800px){#abp .shell{grid-template-columns:40px minmax(0,1fr)}#abp aside{grid-column:2;display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--b-line)}#abp aside small{width:100%}#abp aside button{width:auto}#abp .global{grid-row:1/3}#abp main{grid-column:2}}
@media(max-width:500px){#abp .shell{grid-template-columns:1fr}#abp .global{grid-row:auto;padding:5px 15px}#abp aside,#abp main{grid-column:1}#abp .fields{grid-template-columns:1fr}#abp .content{padding:9px}#abp section{padding:13px}#abp input,#abp select,#abp textarea{font-size:16px}#abp .block{grid-template-columns:minmax(0,1fr) auto}#abp .block>label{grid-column:1/-1}}

/* Host ERP already provides global navigation. */
html,body{min-width:0}
#abp{border-radius:0;border:0}#abp .shell{grid-template-columns:190px minmax(0,1fr)}#abp .shell>main{margin:0;min-width:0}#abp .stock-table{width:100%;border-collapse:collapse}#abp .stock-table th,#abp .stock-table td{text-align:left;padding:9px;border-bottom:1px solid var(--b-line);overflow-wrap:anywhere}#abp .stock-table caption{text-align:left;color:var(--b-muted);padding:8px 0}#abp a{color:var(--b-green)}
@media(max-width:800px){#abp .shell{grid-template-columns:1fr}#abp aside,#abp main{grid-column:1}}
@media(max-width:500px){#abp .stock-table thead{display:none}#abp .stock-table tr{display:block;border-bottom:1px solid var(--b-line);padding:7px 0}#abp .stock-table td{display:block;border:0;padding:4px}#abp .stock-table td:before{content:attr(data-label)": ";color:var(--b-muted)}}
#abp .mobile-section{display:none}
@media(max-width:800px){#abp [data-nav]>button,#abp [data-nav]>small{display:none}#abp .mobile-section{display:block}}
html[data-deal-config],html[data-deal-config] body{height:100%;overflow:hidden;min-width:0}
html[data-deal-config] .sidebar,html[data-deal-config] #abp aside,html[data-deal-config] #abp .global{display:none!important}
html[data-deal-config] .app-shell{display:block!important;padding:0!important;height:100%}
html[data-deal-config] #abp.workspace{margin:0!important;padding:0!important;width:100%!important;height:100vh;display:flex;flex-direction:column;min-height:0;border-radius:0}
html[data-deal-config] #abp .shell{display:block;flex:1;min-height:0}
html[data-deal-config] #abp .shell>main{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto}
html[data-deal-config] #abp .content{overflow:auto;align-content:start;min-height:0}
html[data-deal-config] #abp .foot{background:var(--b-paper);padding:10px 16px;margin:0;border-top:1px solid var(--b-line)}
html[data-deal-config] #abp .status{max-height:80px;overflow:auto;background:var(--b-paper);padding:0 16px 10px;margin:0}
html[data-deal-config] #abp header{padding:10px 16px}
@media(max-width:500px){html[data-deal-config] #abp h1{font-size:18px}html[data-deal-config] #abp .banner{font-size:11px;padding:6px 10px}html[data-deal-config] #abp header .fields{grid-template-columns:1fr 1fr;margin:6px 0}html[data-deal-config] #abp .foot button{width:100%}}
