.invoice-line-head{color:#7c8797;display:grid;font-size:10px;font-weight:800;gap:10px;grid-template-columns:1.7fr .65fr .75fr .55fr .45fr .75fr auto;letter-spacing:1px;margin-bottom:7px}.line-item{grid-template-columns:1.7fr .65fr .75fr .55fr .45fr .75fr auto}.line-item input,.line-item select{background:#fff;border:1px solid #cdd6e2;border-radius:3px;padding:11px;min-width:0}.gst-monitor{align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid #4d8f6f;display:flex;gap:25px;justify-content:space-between;margin:-10px 0 35px;padding:20px 23px}.gst-monitor h2{font:500 24px/1.15 Georgia,serif;margin:0 0 7px}.gst-monitor p:not(.eyebrow){color:var(--muted);margin:0;max-width:700px}.gst-monitor.watch{border-left-color:#c88919}.gst-monitor.urgent,.gst-monitor.threshold{border-left-color:var(--danger);background:#fff8f8}.secondary:hover{border-color:var(--blue);color:var(--blue)}.list-header{align-items:flex-end;margin-top:0}.list-header>div{display:grid;gap:5px}.selectable-row{cursor:pointer}.selectable-row:hover,.selectable-row:focus{background:#f3f7fd;outline:0}.record-detail{background:#fff;border:1px solid var(--line);margin:18px 0 28px;padding:25px}.record-detail h2{font:500 28px/1.1 Georgia,serif;margin:0}.detail-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin:20px 0}.detail-grid>div{border-left:2px solid #dce7f7;display:grid;gap:4px;padding-left:12px}.detail-grid span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.detail-grid b{font-size:14px}.detail-grid p,.detail-notes{color:var(--muted);line-height:1.55;margin:0}.detail-notes{margin:18px 0}.create-panel{border-top:3px solid var(--blue)}@media(max-width:800px){.invoice-line-head{display:none}.line-item{grid-template-columns:1fr 1fr;position:relative;padding-right:42px}.line-item .item-description{grid-column:span 2}.line-item button{height:42px;position:absolute;right:0;top:0}.gst-monitor{align-items:flex-start;display:grid}.detail-grid{grid-template-columns:1fr 1fr}.list-header{align-items:flex-start}}