:root{color:#111;background:#d6d6c8;font-family:Arial,Helvetica,sans-serif}html,body{background:#d6d6c8;height:100%;margin:0}body{font-size:14px}h1,h3{font-family:Georgia,Times New Roman,serif}h1{margin:0;font-size:24px}h3{margin:0;font-size:18px}a{color:navy;font-weight:700}div.root-div{flex-direction:column;height:100vh;display:flex}div.top-bar{color:#fff;background:navy;border-bottom:3px double #fff;flex-direction:column;flex-shrink:0;padding:8px 12px;display:flex}div.top-bar .row{padding:0;overflow:visible}div.top-bar button{font-size:12px}.beta-badge{z-index:10;color:#000;background:#ff0;border:2px outset #ffa;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:8px;right:8px}.container{flex-direction:column;gap:10px;padding:12px;display:flex}.root-div>h1,.root-div>form,.root-div>a{margin-left:12px;margin-right:12px}.root-div>h1{color:#fff;background:navy;border:2px outset #fff;margin-top:18px;padding:6px 8px}.root-div>form{background:#f7f7ec;border:2px outset #fff;padding:12px}.root-div>a{margin-top:10px}.row{flex-direction:row;flex-grow:1;gap:12px;padding:12px;display:flex;overflow:hidden}.col{background:#f7f7ec;border:2px outset #fff;flex-direction:column;gap:8px;padding:10px;display:flex}label{font-weight:700}input,input[type=text].combobox{vertical-align:1.5px;color:#111;box-sizing:border-box;background:#fff;border:2px inset #fff;outline:none;padding:4px;font-family:inherit}input[type=text].combobox{width:100%}input:focus{border-color:navy}input:disabled{cursor:not-allowed;background:#d3d3d3}div.combobox{z-index:50;background:#f7f7ec;border:2px outset #fff;width:100%;max-height:200px;position:absolute;overflow-y:auto}div.combobox>div{cursor:pointer;background:#f7f7ec;border-bottom:1px dotted gray;padding:6px 8px;font-size:13px}div.combobox>div.active,div.combobox>div:hover{color:#fff;background:navy}div.scroll{overscroll-behavior:none;background:#f7f7ec;border:2px inset #fff;flex-direction:column;flex:1;padding:8px;display:flex;position:relative;overflow-y:auto}div.stickyheader{z-index:10;background:#d6d6c8;border-bottom:2px solid navy;flex-direction:row;gap:10px;padding:5px 4px;font-weight:700;display:flex;position:sticky;top:0}div.stickyheader>div>span{border-bottom:none}.content-row{border-bottom:1px dotted gray;align-items:center;gap:10px;padding:6px 4px;display:flex}.content-row:nth-child(2n){background:#efefe5}button{color:#111;cursor:pointer;background:#d6d6c8;border:2px outset #fff;padding:4px 8px;font-family:inherit;font-size:13px;text-decoration:none}button:active{border:2px inset #fff}button:disabled{cursor:not-allowed;color:gray}button:hover{background:#eec}button.inactive{border-color:#fff}button.active{color:#fff;background:#4169e1;border-color:#aac6ff}button.active:hover{background:#00f}button.invalid-save,button.invalid-save:hover{color:gray;cursor:not-allowed;background:#d3d3d3;border-color:gray}button.yellow{color:#000;background:#ff0;border-color:#ffa}button.yellow:hover{background:gold}button.green{color:#fff;background:#2e8b57;border-color:#ada}button.green:hover{background:#006400}button.red{color:#fff;background:red;border-color:#faa}button.red:hover{background:#8b0000}button.combobox{padding:1px 4px;font-size:11px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}table{background:#f7f7ec;border:2px outset #fff}th{background:#d6d6c8;border-bottom:1px solid navy}td{border-bottom:1px dotted gray;padding:4px}.product-editor{gap:12px;margin:12px}.product-editor-title{color:#fff;background:navy;border:2px inset #fff;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.product-editor-subtitle{margin-top:3px;font-size:12px}.product-line-bar,.product-editor-tools,.product-tool-row{flex-direction:row;align-items:center;gap:8px;display:flex}.product-line-bar{background:#d6d6c8;border:1px solid gray;padding:10px}.product-line-picker{flex:3;display:inline-block;position:relative}.product-line-picker>div{width:100%}.template-line-picker{background:#ffd;border:1px dotted navy;width:280px;position:relative}.template-line-picker input[type=text].combobox{background:#ffd}.product-template-control{background:#efefe5;border:1px dotted navy;flex-direction:row;align-items:center;gap:4px;padding:3px 5px;font-size:12px;display:flex}.return-to-line{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.product-editor-tools{background:#efefe5;border:1px solid gray;flex-direction:column;align-items:stretch;padding:8px}.product-workspace{border:none;margin:0;padding:0}.product-workspace.new-line-draft{color:gray;background:#d3d3d3;border:1px dotted gray;padding:10px}.product-workspace.new-line-draft .product-sheet{background:#d3d3d3}.product-primary-actions{border-top:1px dotted gray;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 0 0;display:flex}.product-upload-status{border:1px solid gray;padding:5px 7px;font-weight:700}.product-upload-status.error{color:#8b0000;background:#fdd}.product-upload-status.success{color:#006400;background:#dfd}.product-sheet{background:#fff;border:2px inset #fff;flex-direction:column;display:flex;overflow-y:auto}.product-sheet-header,.product-sheet-row{flex-direction:row;align-items:center;display:flex}.product-sheet-header{box-sizing:border-box;color:#fff;background:navy;width:100%;padding:8px 4px;font-size:12px;font-weight:700}.product-sheet-header>div{white-space:nowrap}.product-sheet-row{background:#fff;border-bottom:1px solid #d3d3d3;width:100%}.product-sheet-row:nth-child(odd){background:#f7f7ec}.product-sheet-row.marked-for-delete,.product-sheet-row.unsaved-change{color:#8b0000;background:#fdd}.product-sheet-row.invalid-product-row{color:#8b0000;background:#fff0cc}.product-sheet-row.marked-for-delete input{background:#eee}.product-sheet-row.unsaved-change input{color:#8b0000;background:#fff5f5}.product-sheet-row.invalid-product-row input.invalid-product-field{color:#8b0000;background:#fff0cc;border:2px solid red}.product-sheet-action{box-sizing:border-box;flex:0 0 100px;width:100px;padding:6px}.product-sheet-row .product-sheet-action{flex-flow:row;align-items:center;gap:4px;display:flex}.product-sheet-name{box-sizing:border-box;flex:2;padding:6px}.product-sheet-price{box-sizing:border-box;flex:1;padding:6px}.product-sheet-description{box-sizing:border-box;flex:3;padding:6px}.product-sheet-status{box-sizing:border-box;flex:1;padding:6px 8px;font-size:12px}input.product-sheet-name,input.product-sheet-price,input.product-sheet-description{background:0 0;border:none;border-right:1px solid #d3d3d3}input.product-sheet-name:focus,input.product-sheet-price:focus,input.product-sheet-description:focus{background:#ffd;border:1px solid navy}.product-row-action{color:#8b0000;background:#fdd;border:1px solid #8b0000;width:32px;margin:0;padding:2px;font-weight:700}.marked-for-delete .product-row-action{color:#111;background:#d6d6c8;border-color:gray}.product-row-reset{white-space:nowrap;padding:2px 5px;font-size:11px}.product-sheet-message{padding:12px;font-style:italic}