@media screen and (max-width:700px){.app-shell #main-content .table-scroll:has(>table[data-cards]){overflow:visible;padding:12px}.app-shell #main-content table[data-cards]{display:block;min-width:0;width:100%}.app-shell #main-content table[data-cards] :is(tbody,tfoot){display:block}.app-shell #main-content table[data-cards] thead{border:0;clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.app-shell #main-content table[data-cards] tbody tr{background:#fff;border:1px solid var(--line);border-radius:12px;display:block;margin:0 0 12px;padding:10px 14px}.app-shell #main-content table[data-cards] tbody tr:last-child{margin-bottom:0}.app-shell #main-content table[data-cards] tbody :is(td,th){align-items:baseline;background:transparent;border:0;display:grid;font-size:13px;gap:10px;grid-template-columns:minmax(84px,38%) minmax(0,1fr);letter-spacing:normal;min-width:0;overflow-wrap:anywhere;padding:6px 0;text-align:left;text-transform:none;white-space:normal;width:auto}.app-shell #main-content table[data-cards] tbody :is(td,th)[data-label]:not([data-label=""]):before{color:var(--muted);content:attr(data-label);font-size:12px;font-weight:600}.app-shell #main-content table[data-cards] tbody :is(td,th):first-child{border-bottom:1px solid var(--line);display:block;font-weight:600;margin-bottom:4px;padding-bottom:10px}.app-shell #main-content table[data-cards] tbody :is(td,th)[data-label]:not([data-label=""]):first-child:before{content:none}.app-shell #main-content table[data-cards] tbody :is(td,th)[data-label=""]{display:block}.app-shell #main-content table[data-cards] tbody tr>:only-child{border-bottom:0;font-weight:400;margin-bottom:0;padding-bottom:6px}.app-shell #main-content table[data-cards] tbody :is(td,th)>*{min-width:0}.app-shell #main-content table[data-cards] tbody :is(input,select,textarea){max-width:none;width:100%}.app-shell #main-content table[data-cards] tbody :is(.text-button,.secondary-button,.primary-button){justify-self:start;width:auto}.app-shell #main-content table[data-cards] tfoot tr{align-items:baseline;display:flex;flex-wrap:wrap;font-weight:600;gap:4px 16px;justify-content:space-between;padding:12px 14px 4px}.app-shell #main-content table[data-cards] tfoot :is(td,th){background:transparent;border:0;display:block;padding:0;text-align:left;width:auto}}.app-shell{--frame-max:1400px;--frame-pad:var(--space-page,24px)}@media screen{html{scrollbar-gutter:stable}.app-shell #main-content>.platform-page,.app-shell #main-content>main{box-sizing:border-box;margin-inline:auto;max-width:calc(var(--frame-max) + 2 * var(--frame-pad));padding-inline:var(--frame-pad);width:100%}.app-shell #main-content>.production-workflow{box-sizing:border-box;margin-inline:auto;max-width:var(--frame-max);width:calc(100% - 2 * var(--frame-pad))}.app-shell #main-content>main>:where(:not(.invoice-sheet):not(.invoice-toolbar):not(.quotation-actions):not(.invoice-cancelled-notice):not(.module-modal):not([role=dialog]):not([class*=modal]):not([class*=backdrop]):not([class*=overlay]):not(.sr-only)){box-sizing:border-box;margin-left:0;margin-right:0;max-width:none;min-width:0;width:auto}.app-shell #main-content>main.invoice-page:not(.job-detail-page)>:is(.invoice-sheet,.invoice-toolbar,.quotation-actions,.invoice-cancelled-notice,.invoice-record-links,.quotation-record-links,.invoice-payment-history,.quotation-link){margin-inline:auto;max-width:900px;width:100%}.app-shell #main-content>main.job-detail-page>.job-detail-toolbar{box-sizing:border-box;margin-inline:0;max-width:none;width:auto}.app-shell #main-content>main :is(.table-panel,.panel,.settings-panel,.expense-panel){min-width:0}.app-shell #main-content>main .table-scroll{max-width:100%}}