/* Desktop workspace inspired by the supplied reference. */
:root{font-family:Tahoma,'Segoe UI',sans-serif;font-size:11px;color:#222;background:#aaa;--border:#a5a5a5;--accent:#3b5b7c}header{height:25px;padding:0 7px;gap:7px;background:linear-gradient(#fbfbfb,#e6e6e6);border-bottom:1px solid #aaa}header b{font-size:12px;font-weight:400;letter-spacing:0}.brand{font-size:17px;color:#995080}.muted{font-size:10px;color:#666;border:0;padding:0}.local{font-size:10px}.avatar{display:none}header button,header .button{padding:2px 7px;font-size:10px;border-radius:0}.menubar{height:22px;background:#eee;padding-left:2px}.menubar button{font-size:11px;padding:2px 9px}.layout{grid-template-columns:164px minmax(0,1fr) 252px;min-height:calc(100vh - 69px);position:relative;padding-top:32px}.sidebar{background:#f6f6f6;border-right:3px ridge #ddd}.caption{background:linear-gradient(#e9eef3,#c6d1db);border:1px solid #aaa;padding:3px 5px;letter-spacing:0;color:#172e3c;font-size:11px}.section{padding:4px;text-align:center;color:#111;background:linear-gradient(#fff,#e4e4e4);border-bottom:1px solid #aaa;font-size:11px}nav button{border:1px solid transparent;padding:7px 5px;display:flex;flex-direction:column;gap:2px;text-align:center;font-size:10px;height:68px;color:#111}nav button .icon{width:auto;font-size:30px;line-height:34px;text-shadow:1px 1px #fff}nav button.active{border:1px solid #7d9ebc;background:#e4eef9;font-weight:400;color:#111}nav button:hover{background:#e9f0f7}nav button:nth-child(n+7){height:23px;display:block;padding:3px;background:linear-gradient(#fff,#e3e3e3);border:1px solid #aaa}nav button:nth-child(n+7) .icon{display:none}.sidefoot{padding:8px;font-size:9px}.toolbar{position:absolute;top:0;left:0;right:0;height:32px;padding:3px;gap:3px;background:#eee;border-bottom:2px ridge #fff}.toolbar button{padding:3px 7px;font-size:11px;border-radius:0;box-shadow:none}.toolbar button.primary{background:linear-gradient(#fff,#dce3eb);color:#233c58;border-color:#a0a0a0}main{background:#aaa;min-height:calc(100vh - 101px)}.page{padding:0;margin:14px 13px;border:1px solid #777;background:#eee;box-shadow:2px 3px 4px #777;min-height:440px}.breadcrumb,.stats,.heading p,.note{display:none}.heading{background:linear-gradient(90deg,#315a82,#8ba5bd);color:white;padding:5px 8px;margin:0;border-bottom:1px solid #777;min-height:28px}.heading h1{font-size:12px;font-weight:700;letter-spacing:0;margin:0}.heading button{padding:2px 6px;font-size:10px;border-radius:0;background:#e5e9ef;color:#152d48;border:1px solid #d2d9df}.panel{border:0;border-radius:0;background:#fff;min-height:405px}.panelhead{padding:7px;background:#eee;border-bottom:1px solid #aaa;gap:7px}.tabs{font-size:11px}.count{border-radius:0;background:#ddd;color:#222}.panelhead input,.panelhead select{padding:4px 6px;font-size:11px;border-radius:0;border:1px solid #999}th{background:linear-gradient(#fff,#e0e0e0);border:1px solid #b7b7b7;color:#222;padding:5px 8px;font-size:11px;letter-spacing:0}td{padding:6px 8px;border:1px solid #ddd;font-size:11px}tbody tr:nth-child(even){background:#f6f8fa}tbody tr.selected{background:#d7e6f7}.badge{border-radius:0;padding:1px 4px}.empty{padding:70px 10px;font-size:11px}.empty b{font-size:12px}.empty .emptyicon{font-size:30px}.tablefoot{padding:5px;background:#eee;border-top:1px solid #aaa;color:#555;font-size:10px}.catalog{border-left:3px ridge #ddd;background:#fff}.catalogtabs{margin:0;border:0;border-bottom:1px solid #999;border-radius:0}.catalogtabs button{padding:4px;font-size:10px;border-radius:0}#catalogList{min-height:210px;padding:5px;flex:1}#catalogList button{padding:5px;font-size:11px}#catalogList small{font-size:9px}.catalogadd{margin:5px;border-radius:0;padding:4px;font-size:10px}.gallery{height:320px}#drawing{height:220px;margin:10px}.catalogbottom{margin:0;padding:5px;background:#eee}.catempty{font-size:10px;color:#888}footer{height:22px;padding:3px 5px;background:#eee;color:#333;border-top:2px ridge white;font-size:10px}button,input,select,textarea{border-radius:0}dialog{border-radius:0;border:2px ridge #ddd;background:#efefef}.modalhead{padding:6px 9px;background:linear-gradient(90deg,#315a82,#9caebf);color:#fff}.modalhead small{color:#dbe4ee;font-size:9px}h2{font-size:13px;margin:2px 0}.modalhead button{color:white;padding:0 5px}.fields{padding:15px;gap:12px}.fields label{font-size:11px;color:#222}.fields input,.fields select,.fields textarea{padding:6px;border:1px solid #aaa;font-size:12px}.modalfoot{padding:9px;background:#ddd}.modalfoot button{padding:5px 15px}#quoteEditor{padding:0 15px 15px}#quoteEditor h3{font-size:12px}#quoteEditor p{font-size:10px}.totals{font-size:11px}.totals b{font-size:16px}.desktopHome main .page{display:none}.desktopHome .toolbar button:not(:first-child){visibility:hidden}.appName{font-size:10px;color:#666}.materialrow{display:grid;grid-template-columns:2fr 1.5fr 70px 25px;gap:5px;margin-bottom:6px}.materialrow input,.materialrow select{width:100%;padding:5px;font-size:11px}.report{padding:15px;background:white}.report h3{font-size:14px}.report p{margin:10px 0;line-height:1.6}.productfields{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px}.productfields label{display:flex;flex-direction:column;gap:6px}.productfields input,.productfields select{padding:6px;width:100%}@media(max-width:1000px){.layout{grid-template-columns:135px minmax(0,1fr) 200px}.catalog{display:flex}.page{margin:8px}.toolbar button{font-size:10px}}@media(max-width:750px){.catalog{display:none}.layout{grid-template-columns:85px minmax(0,1fr)}nav button .navlabel{display:block}nav button{height:58px}.sidebar .caption,.sidebar .section{display:block}.toolbar{overflow:auto;white-space:nowrap}.toolbar button{flex-shrink:0}.fields,.productfields{grid-template-columns:1fr}.page{margin:5px}.materialrow{grid-template-columns:1fr 1fr 50px 25px}}@media print{.page{box-shadow:none;margin:0;border:0}.heading{background:white;color:black}.productfields{display:none}.report table{white-space:normal}body:has(#reportDialog[open]) .layout,body:has(#reportDialog[open]) header,body:has(#reportDialog[open]) footer{display:none}dialog[open]{position:absolute;top:0;left:0;margin:0;width:100%;max-width:none;background:white}}
@media print{body:has(#reportDialog[open]) #dialog,body:has(#reportDialog[open]) #productDialog{display:none!important}#reportDialog[open]{display:block!important}}