.result_container { width: 100%; border: 1px solid rgba(226, 232, 240, .9); border-radius: 28px; background: radial-gradient(circle at top left,#f8fafcf5,#fffffff0 38%),#fff; } .result_header { padding: 22px 24px 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; } .result_title { display: inline-block; margin-bottom: 0; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #64748b; } .result_actions { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; } .cancel_button, .edit_button { background-color: white; padding: 6px 10px; border: 1px solid #d9dee6; border-radius: 8px; cursor: pointer; } .cancel_button:hover, .edit_button:hover { background: #f8fafc; } .confirm_button { color: #fff; border: 1px solid #2f9648; background: #2f9648; box-shadow: 0 1px 2px #1f72372e; min-height: 30px; padding: 6px 10px; transition: background .12s ease,box-shadow .12s ease,color .1s ease; cursor: pointer; min-height: 30px; border-radius: 8px; } .confirm_button:hover { color: #fff; border-color: #1f7c3c; background: #1f7c3c; box-shadow: 0 2px 5px #1f72373d; } .results_content { padding: 24px; display: flex; flex-direction: column; gap: 20px; /* overflow-x: auto; */ } .document_content { background: #fff; border: 1px solid rgba(203, 213, 225, .9); border-radius: 8px; padding: 22px; box-shadow: 0 16px 32px #0f172a14; color: #111827; font-family: Georgia, Times New Roman, serif; display: flex; flex-direction: column; } .table_wrapper { overflow-x: auto; margin-bottom: 20px; } .table { border-collapse: collapse; width: fit-content; border-spacing: 0px; border-color: gray; } .cell { background: inherit; /* border-collapse: collapse; */ padding: 8px 10px; min-height: 40px; /* min-width: 140px; */ box-sizing: border-box; border: 1px solid black; } .input { width: 100%; padding: 5px 8px; border-radius: 5px; border: 0; box-shadow: 0 0 0 1px #0000001a,0 1px 2px #0000000f; box-sizing: border-box; color: inherit; font-weight: inherit; text-align: right; } .input:focus { /* border-color: #2f9648; */ border: 0; outline: none; box-shadow: 0 0 0 2px #2ea64b59,0 1px 2px #0000000f; } .balance_row { background-color: #f8fafc; font-weight: 700; } .unverified_cell { background-color: #fff7ed; color: #7c2d12; font-weight: 700; } .meta_label { font-weight: 700; }