.tw-workspace{height:calc(100dvh - 110px);min-height:420px;display:flex;flex-direction:column;gap:16px;color:var(--ink)}.tw-toolbar{min-height:72px}.tw-toolbar :is(input,select){height:38px;border:1px solid var(--line);border-radius:2px;padding:8px;background:var(--paper);color:var(--ink);font:400 13px var(--font)}.tw-toolbar input[type=search]{width:160px}.tw-toolbar select{width:160px}.tw-table-card{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px;border-radius:4px;box-shadow:none}.tw-table{min-width:1060px}.tw-table th{font-weight:400}.tw-table td{height:58px}.tw-table td:nth-child(1){white-space:nowrap}.tw-table td:nth-child(3){min-width:155px}.tw-table tbody tr{cursor:pointer}.tw-table tr:focus-visible{outline:2px solid var(--green-2);outline-offset:-2px}.tw-table td:nth-last-child(2){max-width:180px;overflow-wrap:anywhere}.tw-adjustment{color:var(--red)}.tw-date,.tw-download{position:relative;font-size:13px}.tw-date summary,.tw-download summary{list-style:none;cursor:pointer;min-height:38px;padding:10px 12px;white-space:nowrap;border:1px solid var(--line);border-radius:2px;min-width:140px;background:var(--paper);color:var(--muted)}.tw-date summary{width:220px}.tw-date>div,.tw-download>div{position:absolute;z-index:10;top:calc(100% + 5px);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);padding:12px;display:flex;gap:10px;flex-direction:column;min-width:210px}.tw-download>div{right:0;padding:6px;min-width:210px}.tw-download summary{color:var(--ink);background:var(--cream);border-color:transparent;min-width:125px}.tw-download button{border:0;background:var(--paper);padding:12px;text-align:left;color:var(--ink);cursor:pointer;white-space:nowrap}.tw-download button:hover{background:var(--mint)}.tw-date label{font-size:12px;color:var(--muted)}.tw-date input{display:block;width:100%}.tw-pagination{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:13px;flex-shrink:0}.tw-pagination select,.tw-pagination input{border:1px solid var(--line);border-radius:2px;min-height:38px;background:var(--paper);padding:8px;color:var(--ink);font-size:13px}.tw-pagination input{width:46px;text-align:center}.tw-pagination label{display:flex;flex-direction:row;align-items:center;gap:12px}.tw-pagination [data-tw-pages]{display:flex;gap:8px}.tw-pagination .button{min-width:40px;min-height:38px;border-radius:2px;padding:8px}.tw-pagination button:disabled{opacity:.4;cursor:default}
.modal.iw-dialog.tw-dialog{width:min(850px,100vw);max-width:100vw;min-width:0}.tw-dialog .modal-body{padding:24px}.tw-header{display:grid;grid-template-columns:200px 190px minmax(0,1fr);gap:16px;margin-bottom:24px}.tw-header input,.tw-header select{width:100%;min-width:0}.tw-header .iw-profit-type{grid-column:span 2;gap:20px}.tw-header .iw-profit-type label{display:flex;flex-direction:row;align-items:center;gap:8px}.tw-supplier{font-size:13px;line-height:1.6;margin:0 0 28px}.tw-supplier:empty{display:none}.tw-item-head{display:flex;align-items:center;justify-content:space-between;min-height:36px;margin:12px 0 24px;font-size:13px}.tw-item-head .button{width:32px;min-height:32px;padding:6px;color:var(--green-2);background:var(--cream)}.tw-totals{margin:0 0 24px;font-size:13px;font-weight:600;white-space:pre-wrap}.tw-totals[hidden]{display:none}.tw-line-header,.tw-line{display:grid;grid-template-columns:minmax(150px,1.6fr) 85px 85px 120px minmax(140px,1.3fr);gap:16px;align-items:center}.tw-line-header{font-size:11px;background:var(--cream);padding:6px 0;margin-bottom:16px}.tw-line{margin:14px 0}.tw-line>strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.tw-line>strong small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}.tw-line input{width:100%;min-width:0}.tw-line input[readonly]{background:var(--cream)}.tw-notes{margin-top:18px}.tw-notes textarea{width:100%;min-height:48px;max-height:160px;resize:vertical}.tw-notes>small{display:block;text-align:right;font-size:9px;margin-top:8px;color:var(--muted)}.tw-dialog .modal-foot [data-tw-remove]{color:var(--red);border:1px solid var(--red);background:var(--paper);padding:8px}.tw-dialog .modal-foot [data-tw-save=draft]{margin-left:auto}.tw-dialog .modal-foot [data-tw-save=posted]{margin-left:0!important}.tw-picker .tw-picker-categories{box-shadow:0 8px 30px rgba(25,59,83,.04)}.tw-picker .iw-choice{min-height:40px;margin:5px 0}.tw-picker input[type=checkbox]{width:14px;height:14px;accent-color:var(--green-2)}.tw-picker .iw-choice input{vertical-align:middle}.tw-picker .iw-choice small{padding-left:23px}.tw-picker .iw-table td{padding-top:18px;padding-bottom:18px}.tw-picker .iw-table{min-width:650px}.tw-dialog input:disabled,.tw-dialog select:disabled,.tw-dialog textarea:disabled{background:var(--cream);color:var(--ink);opacity:1}.tw-dialog .iw-money input[readonly]{background:var(--cream)}
@media(max-width:900px){.tw-header{grid-template-columns:1fr 1fr}.tw-header>label:last-child{grid-column:1/-1}.tw-header .iw-profit-type{grid-column:auto}.tw-line-header,.tw-line{gap:8px;grid-template-columns:minmax(110px,1.6fr) 65px 70px 105px minmax(120px,1.2fr)}.tw-pagination{gap:8px;flex-wrap:wrap}.tw-pagination [data-tw-pages]{gap:4px}}
@media(max-width:600px){.tw-workspace{height:auto;min-height:calc(100dvh - 120px)}.tw-table-card{min-height:450px}.tw-toolbar .iw-filters{width:100%;gap:8px}.tw-toolbar input[type=search]{width:calc(50% - 4px)}.tw-date{width:calc(50% - 4px)}.tw-date summary{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}.tw-toolbar .iw-actions{margin-left:auto}.tw-pagination{justify-content:center}.tw-pagination label{gap:6px}.tw-header{grid-template-columns:1fr}.tw-header .iw-profit-type{grid-column:auto;flex-wrap:wrap}.tw-line-header{display:none}.tw-line{grid-template-columns:1fr 1fr;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.tw-line>strong{grid-column:1/-1;font-size:13px}.tw-line>input[readonly]{grid-column:1}.tw-line>input[data-tw-qty]{grid-column:2}.tw-line>.iw-money{grid-column:auto}.tw-dialog .modal-body{padding:20px}.tw-picker .iw-picker-tools>label{flex-basis:100%;white-space:normal}.tw-picker .iw-picker-tools>input{width:calc(50% - 4px)}}
.modal.iw-dialog.tw-dialog .tw-notes textarea{height:48px;min-height:48px!important}
